diff --git a/npm/ng-packs/packages/core/src/lib/services/config-state.service.ts b/npm/ng-packs/packages/core/src/lib/services/config-state.service.ts
index d238fd4734..506b278634 100644
--- a/npm/ng-packs/packages/core/src/lib/services/config-state.service.ts
+++ b/npm/ng-packs/packages/core/src/lib/services/config-state.service.ts
@@ -1,6 +1,8 @@
 import { Injectable } from '@angular/core';
 import { Store } from '@ngxs/store';
 import { ConfigState } from '../states';
+import { GetAppConfiguration, PatchRouteByName, AddRoute } from '../actions/config.actions';
+import { ABP } from '../models';
 
 @Injectable({
   providedIn: 'root',
@@ -47,4 +49,16 @@ export class ConfigStateService {
   getLocalization(...args: Parameters<typeof ConfigState.getLocalization>) {
     return this.store.selectSnapshot(ConfigState.getLocalization(...args));
   }
+
+  dispatchGetAppConfiguration() {
+    return this.store.dispatch(new GetAppConfiguration());
+  }
+
+  dispatchPatchRouteByName(...args: ConstructorParameters<typeof PatchRouteByName>) {
+    return this.store.dispatch(new PatchRouteByName(...args));
+  }
+
+  dispatchAddRoute(...args: ConstructorParameters<typeof AddRoute>) {
+    return this.store.dispatch(new AddRoute(...args));
+  }
 }
diff --git a/npm/ng-packs/packages/core/src/lib/services/profile-state.service.ts b/npm/ng-packs/packages/core/src/lib/services/profile-state.service.ts
index 7dea8de2ea..cd76c4bf03 100644
--- a/npm/ng-packs/packages/core/src/lib/services/profile-state.service.ts
+++ b/npm/ng-packs/packages/core/src/lib/services/profile-state.service.ts
@@ -1,6 +1,8 @@
 import { Injectable } from '@angular/core';
 import { Store } from '@ngxs/store';
 import { ProfileState } from '../states';
+import { Profile } from '../models';
+import { GetProfile, UpdateProfile, ChangePassword } from '../actions';
 
 @Injectable({
   providedIn: 'root',
@@ -11,4 +13,16 @@ export class ProfileStateService {
   getProfile() {
     return this.store.selectSnapshot(ProfileState.getProfile);
   }
+
+  dispatchGetProfile() {
+    return this.store.dispatch(new GetProfile());
+  }
+
+  dispatchUpdateProfile(...args: ConstructorParameters<typeof UpdateProfile>) {
+    return this.store.dispatch(new UpdateProfile(...args));
+  }
+
+  dispatchChangePassword(...args: ConstructorParameters<typeof ChangePassword>) {
+    return this.store.dispatch(new ChangePassword(...args));
+  }
 }
diff --git a/npm/ng-packs/packages/core/src/lib/services/session-state.service.ts b/npm/ng-packs/packages/core/src/lib/services/session-state.service.ts
index b74a8ed397..88b8f2df9b 100644
--- a/npm/ng-packs/packages/core/src/lib/services/session-state.service.ts
+++ b/npm/ng-packs/packages/core/src/lib/services/session-state.service.ts
@@ -1,6 +1,8 @@
 import { Injectable } from '@angular/core';
 import { Store } from '@ngxs/store';
 import { SessionState } from '../states';
+import { ABP } from '../models';
+import { SetLanguage, SetTenant } from '../actions';
 
 @Injectable({
   providedIn: 'root',
@@ -15,4 +17,12 @@ export class SessionStateService {
   getTenant() {
     return this.store.selectSnapshot(SessionState.getTenant);
   }
+
+  dispatchSetLanguage(...args: ConstructorParameters<typeof SetLanguage>) {
+    return this.store.dispatch(new SetLanguage(...args));
+  }
+
+  dispatchSetTenant(...args: ConstructorParameters<typeof SetTenant>) {
+    return this.store.dispatch(new SetTenant(...args));
+  }
 }
diff --git a/npm/ng-packs/packages/core/src/lib/tests/config-state.service.spec.ts b/npm/ng-packs/packages/core/src/lib/tests/config-state.service.spec.ts
index 1b20a2889b..ec8fb3ce67 100644
--- a/npm/ng-packs/packages/core/src/lib/tests/config-state.service.spec.ts
+++ b/npm/ng-packs/packages/core/src/lib/tests/config-state.service.spec.ts
@@ -3,6 +3,7 @@ import { ConfigStateService } from '../services/config-state.service';
 import { ConfigState } from '../states';
 import { Store } from '@ngxs/store';
 import { Config } from '../models/config';
+import * as ConfigActions from '../actions';
 
 const CONFIG_STATE_DATA = {
   environment: {
@@ -140,4 +141,21 @@ describe('ConfigStateService', () => {
         }
       });
   });
+
+  test('should have a dispatch method for every ConfigState action', () => {
+    const reg = /(?<=dispatch)(\w+)(?=\()/gm;
+    ConfigStateService.toString()
+      .match(reg)
+      .forEach(fnName => {
+        expect(ConfigActions[fnName]).toBeTruthy();
+
+        const spy = jest.spyOn(store, 'dispatch');
+        spy.mockClear();
+
+        const params = Array.from(new Array(ConfigActions[fnName].length));
+
+        service[`dispatch${fnName}`](...params);
+        expect(spy).toHaveBeenCalledWith(new ConfigActions[fnName](...params));
+      });
+  });
 });
diff --git a/npm/ng-packs/packages/core/src/lib/tests/profile-state.service.spec.ts b/npm/ng-packs/packages/core/src/lib/tests/profile-state.service.spec.ts
index 3732d8000c..10db71f6c6 100644
--- a/npm/ng-packs/packages/core/src/lib/tests/profile-state.service.spec.ts
+++ b/npm/ng-packs/packages/core/src/lib/tests/profile-state.service.spec.ts
@@ -2,6 +2,8 @@ import { createServiceFactory, SpectatorService, SpyObject } from '@ngneat/spect
 import { ProfileStateService } from '../services/profile-state.service';
 import { ProfileState } from '../states/profile.state';
 import { Store } from '@ngxs/store';
+import * as ProfileActions from '../actions';
+
 describe('ProfileStateService', () => {
   let service: ProfileStateService;
   let spectator: SpectatorService<ProfileStateService>;
@@ -35,4 +37,21 @@ describe('ProfileStateService', () => {
         }
       });
   });
+
+  test('should have a dispatch method for every ProfileState action', () => {
+    const reg = /(?<=dispatch)(\w+)(?=\()/gm;
+    ProfileStateService.toString()
+      .match(reg)
+      .forEach(fnName => {
+        expect(ProfileActions[fnName]).toBeTruthy();
+
+        const spy = jest.spyOn(store, 'dispatch');
+        spy.mockClear();
+
+        const params = Array.from(new Array(ProfileActions[fnName].length));
+
+        service[`dispatch${fnName}`](...params);
+        expect(spy).toHaveBeenCalledWith(new ProfileActions[fnName](...params));
+      });
+  });
 });
diff --git a/npm/ng-packs/packages/core/src/lib/tests/session-state.service.spec.ts b/npm/ng-packs/packages/core/src/lib/tests/session-state.service.spec.ts
index 40664f29b5..8bca7d1ae3 100644
--- a/npm/ng-packs/packages/core/src/lib/tests/session-state.service.spec.ts
+++ b/npm/ng-packs/packages/core/src/lib/tests/session-state.service.spec.ts
@@ -2,6 +2,8 @@ import { createServiceFactory, SpectatorService, SpyObject } from '@ngneat/spect
 import { SessionStateService } from '../services/session-state.service';
 import { SessionState } from '../states/session.state';
 import { Store } from '@ngxs/store';
+import * as SessionActions from '../actions';
+
 describe('SessionStateService', () => {
   let service: SessionStateService;
   let spectator: SpectatorService<SessionStateService>;
@@ -35,4 +37,21 @@ describe('SessionStateService', () => {
         }
       });
   });
+
+  test('should have a dispatch method for every sessionState action', () => {
+    const reg = /(?<=dispatch)(\w+)(?=\()/gm;
+    SessionStateService.toString()
+      .match(reg)
+      .forEach(fnName => {
+        expect(SessionActions[fnName]).toBeTruthy();
+
+        const spy = jest.spyOn(store, 'dispatch');
+        spy.mockClear();
+
+        const params = Array.from(new Array(SessionActions[fnName].length));
+
+        service[`dispatch${fnName}`](...params);
+        expect(spy).toHaveBeenCalledWith(new SessionActions[fnName](...params));
+      });
+  });
 });
diff --git a/npm/ng-packs/packages/feature-management/src/lib/services/feature-management-state.service.ts b/npm/ng-packs/packages/feature-management/src/lib/services/feature-management-state.service.ts
index a40d0f6186..79d7fbef34 100644
--- a/npm/ng-packs/packages/feature-management/src/lib/services/feature-management-state.service.ts
+++ b/npm/ng-packs/packages/feature-management/src/lib/services/feature-management-state.service.ts
@@ -1,6 +1,8 @@
 import { Injectable } from '@angular/core';
 import { Store } from '@ngxs/store';
 import { FeatureManagementState } from '../states';
+import { FeatureManagement } from '../models';
+import { GetFeatures, UpdateFeatures } from '../actions';
 
 @Injectable({
   providedIn: 'root',
@@ -11,4 +13,12 @@ export class FeatureManagementStateService {
   getFeatures() {
     return this.store.selectSnapshot(FeatureManagementState.getFeatures);
   }
+
+  dispatchGetFeatures(...args: ConstructorParameters<typeof GetFeatures>) {
+    return this.store.dispatch(new GetFeatures(...args));
+  }
+
+  dispatchUpdateFeatures(...args: ConstructorParameters<typeof UpdateFeatures>) {
+    return this.store.dispatch(new UpdateFeatures(...args));
+  }
 }
diff --git a/npm/ng-packs/packages/feature-management/src/lib/tests/feature-management-state.service.spec.ts b/npm/ng-packs/packages/feature-management/src/lib/tests/feature-management-state.service.spec.ts
index 9e04806b7e..59dc3701a2 100644
--- a/npm/ng-packs/packages/feature-management/src/lib/tests/feature-management-state.service.spec.ts
+++ b/npm/ng-packs/packages/feature-management/src/lib/tests/feature-management-state.service.spec.ts
@@ -2,13 +2,17 @@ import { createServiceFactory, SpectatorService, SpyObject } from '@ngneat/spect
 import { Store } from '@ngxs/store';
 import { FeatureManagementStateService } from '../services/feature-management-state.service';
 import { FeatureManagementState } from '../states';
+import * as FeatureManagementActions from '../actions';
 
 describe('FeatureManagementStateService', () => {
   let service: FeatureManagementStateService;
   let spectator: SpectatorService<FeatureManagementStateService>;
   let store: SpyObject<Store>;
 
-  const createService = createServiceFactory({ service: FeatureManagementStateService, mocks: [Store] });
+  const createService = createServiceFactory({
+    service: FeatureManagementStateService,
+    mocks: [Store],
+  });
   beforeEach(() => {
     spectator = createService();
     service = spectator.service;
@@ -37,4 +41,21 @@ describe('FeatureManagementStateService', () => {
         }
       });
   });
+
+  test('should have a dispatch method for every FeatureManagementState action', () => {
+    const reg = /(?<=dispatch)(\w+)(?=\()/gm;
+    FeatureManagementStateService.toString()
+      .match(reg)
+      .forEach(fnName => {
+        expect(FeatureManagementActions[fnName]).toBeTruthy();
+
+        const spy = jest.spyOn(store, 'dispatch');
+        spy.mockClear();
+
+        const params = Array.from(new Array(FeatureManagementActions[fnName].length));
+
+        service[`dispatch${fnName}`](...params);
+        expect(spy).toHaveBeenCalledWith(new FeatureManagementActions[fnName](...params));
+      });
+  });
 });
diff --git a/npm/ng-packs/packages/identity/src/lib/services/identity-state.service.ts b/npm/ng-packs/packages/identity/src/lib/services/identity-state.service.ts
index e5abe60fe9..0fcb6d4014 100644
--- a/npm/ng-packs/packages/identity/src/lib/services/identity-state.service.ts
+++ b/npm/ng-packs/packages/identity/src/lib/services/identity-state.service.ts
@@ -1,5 +1,20 @@
+import { ABP } from '@abp/ng.core';
 import { Injectable } from '@angular/core';
 import { Store } from '@ngxs/store';
+import {
+  CreateRole,
+  CreateUser,
+  DeleteRole,
+  DeleteUser,
+  GetRoleById,
+  GetRoles,
+  GetUserById,
+  GetUsers,
+  UpdateRole,
+  UpdateUser,
+  GetUserRoles,
+} from '../actions/identity.actions';
+import { Identity } from '../models/identity';
 import { IdentityState } from '../states/identity.state';
 
 @Injectable({
@@ -20,4 +35,48 @@ export class IdentityStateService {
   getUsersTotalCount() {
     return this.store.selectSnapshot(IdentityState.getUsersTotalCount);
   }
+
+  dispatchGetRoles(...args: ConstructorParameters<typeof GetRoles>) {
+    return this.store.dispatch(new GetRoles(...args));
+  }
+
+  dispatchGetRoleById(...args: ConstructorParameters<typeof GetRoleById>) {
+    return this.store.dispatch(new GetRoleById(...args));
+  }
+
+  dispatchDeleteRole(...args: ConstructorParameters<typeof DeleteRole>) {
+    return this.store.dispatch(new DeleteRole(...args));
+  }
+
+  dispatchCreateRole(...args: ConstructorParameters<typeof CreateRole>) {
+    return this.store.dispatch(new CreateRole(...args));
+  }
+
+  dispatchUpdateRole(...args: ConstructorParameters<typeof UpdateRole>) {
+    return this.store.dispatch(new UpdateRole(...args));
+  }
+
+  dispatchGetUsers(...args: ConstructorParameters<typeof GetUsers>) {
+    return this.store.dispatch(new GetUsers(...args));
+  }
+
+  dispatchGetUserById(...args: ConstructorParameters<typeof GetUserById>) {
+    return this.store.dispatch(new GetUserById(...args));
+  }
+
+  dispatchDeleteUser(...args: ConstructorParameters<typeof DeleteUser>) {
+    return this.store.dispatch(new DeleteUser(...args));
+  }
+
+  dispatchCreateUser(...args: ConstructorParameters<typeof CreateUser>) {
+    return this.store.dispatch(new CreateUser(...args));
+  }
+
+  dispatchUpdateUser(...args: ConstructorParameters<typeof UpdateUser>) {
+    return this.store.dispatch(new UpdateUser(...args));
+  }
+
+  dispatchGetUserRoles(...args: ConstructorParameters<typeof GetUserRoles>) {
+    return this.store.dispatch(new GetUserRoles(...args));
+  }
 }
diff --git a/npm/ng-packs/packages/identity/src/lib/tests/identity-state.service.spec.ts b/npm/ng-packs/packages/identity/src/lib/tests/identity-state.service.spec.ts
index 6d78aa950f..dcf3193eea 100644
--- a/npm/ng-packs/packages/identity/src/lib/tests/identity-state.service.spec.ts
+++ b/npm/ng-packs/packages/identity/src/lib/tests/identity-state.service.spec.ts
@@ -2,6 +2,8 @@ import { createServiceFactory, SpectatorService, SpyObject } from '@ngneat/spect
 import { IdentityStateService } from '../services/identity-state.service';
 import { IdentityState } from '../states/identity.state';
 import { Store } from '@ngxs/store';
+import * as IdentityActions from '../actions/identity.actions';
+
 describe('IdentityStateService', () => {
   let service: IdentityStateService;
   let spectator: SpectatorService<IdentityStateService>;
@@ -36,4 +38,21 @@ describe('IdentityStateService', () => {
         }
       });
   });
+
+  test('should have a dispatch method for every IdentityState action', () => {
+    const reg = /(?<=dispatch)(\w+)(?=\()/gm;
+    IdentityStateService.toString()
+      .match(reg)
+      .forEach(fnName => {
+        expect(IdentityActions[fnName]).toBeTruthy();
+
+        const spy = jest.spyOn(store, 'dispatch');
+        spy.mockClear();
+
+        const params = Array.from(new Array(IdentityActions[fnName].length));
+
+        service[`dispatch${fnName}`](...params);
+        expect(spy).toHaveBeenCalledWith(new IdentityActions[fnName](...params));
+      });
+  });
 });
diff --git a/npm/ng-packs/packages/permission-management/src/lib/services/permission-management-state.service.ts b/npm/ng-packs/packages/permission-management/src/lib/services/permission-management-state.service.ts
index a85d637c87..1f372224ae 100644
--- a/npm/ng-packs/packages/permission-management/src/lib/services/permission-management-state.service.ts
+++ b/npm/ng-packs/packages/permission-management/src/lib/services/permission-management-state.service.ts
@@ -1,6 +1,8 @@
 import { Injectable } from '@angular/core';
 import { Store } from '@ngxs/store';
 import { PermissionManagementState } from '../states/permission-management.state';
+import { PermissionManagement } from '../models';
+import { GetPermissions, UpdatePermissions } from '../actions';
 
 @Injectable({
   providedIn: 'root',
@@ -14,4 +16,12 @@ export class PermissionManagementStateService {
   getEntityDisplayName() {
     return this.store.selectSnapshot(PermissionManagementState.getEntityDisplayName);
   }
+
+  dispatchGetPermissions(...args: ConstructorParameters<typeof GetPermissions>) {
+    return this.store.dispatch(new GetPermissions(...args));
+  }
+
+  dispatchUpdatePermissions(...args: ConstructorParameters<typeof UpdatePermissions>) {
+    return this.store.dispatch(new UpdatePermissions(...args));
+  }
 }
diff --git a/npm/ng-packs/packages/permission-management/src/lib/tests/permission-management-state.service.spec.ts b/npm/ng-packs/packages/permission-management/src/lib/tests/permission-management-state.service.spec.ts
index 65df916a0f..f1d344c7ac 100644
--- a/npm/ng-packs/packages/permission-management/src/lib/tests/permission-management-state.service.spec.ts
+++ b/npm/ng-packs/packages/permission-management/src/lib/tests/permission-management-state.service.spec.ts
@@ -2,13 +2,17 @@ import { createServiceFactory, SpectatorService, SpyObject } from '@ngneat/spect
 import { PermissionManagementStateService } from '../services/permission-management-state.service';
 import { PermissionManagementState } from '../states/permission-management.state';
 import { Store } from '@ngxs/store';
+import * as PermissionManagementActions from '../actions';
 
 describe('PermissionManagementStateService', () => {
   let service: PermissionManagementStateService;
   let spectator: SpectatorService<PermissionManagementStateService>;
   let store: SpyObject<Store>;
 
-  const createService = createServiceFactory({ service: PermissionManagementStateService, mocks: [Store] });
+  const createService = createServiceFactory({
+    service: PermissionManagementStateService,
+    mocks: [Store],
+  });
   beforeEach(() => {
     spectator = createService();
     service = spectator.service;
@@ -36,4 +40,21 @@ describe('PermissionManagementStateService', () => {
         }
       });
   });
+
+  test('should have a dispatch method for every PermissionManagementState action', () => {
+    const reg = /(?<=dispatch)(\w+)(?=\()/gm;
+    PermissionManagementStateService.toString()
+      .match(reg)
+      .forEach(fnName => {
+        expect(PermissionManagementActions[fnName]).toBeTruthy();
+
+        const spy = jest.spyOn(store, 'dispatch');
+        spy.mockClear();
+
+        const params = Array.from(new Array(PermissionManagementActions[fnName].length));
+
+        service[`dispatch${fnName}`](...params);
+        expect(spy).toHaveBeenCalledWith(new PermissionManagementActions[fnName](...params));
+      });
+  });
 });
diff --git a/npm/ng-packs/packages/tenant-management/src/lib/services/tenant-management-state.service.ts b/npm/ng-packs/packages/tenant-management/src/lib/services/tenant-management-state.service.ts
index 442289a66f..4475bef141 100644
--- a/npm/ng-packs/packages/tenant-management/src/lib/services/tenant-management-state.service.ts
+++ b/npm/ng-packs/packages/tenant-management/src/lib/services/tenant-management-state.service.ts
@@ -1,6 +1,9 @@
 import { Injectable } from '@angular/core';
 import { Store } from '@ngxs/store';
 import { TenantManagementState } from '../states/tenant-management.state';
+import { ABP } from '@abp/ng.core';
+import { GetTenants, GetTenantById, CreateTenant, UpdateTenant, DeleteTenant } from '../actions';
+import { TenantManagement } from '../models';
 
 @Injectable({
   providedIn: 'root',
@@ -15,4 +18,24 @@ export class TenantManagementStateService {
   getTenantsTotalCount() {
     return this.store.selectSnapshot(TenantManagementState.getTenantsTotalCount);
   }
+
+  dispatchGetTenants(...args: ConstructorParameters<typeof GetTenants>) {
+    return this.store.dispatch(new GetTenants(...args));
+  }
+
+  dispatchGetTenantById(...args: ConstructorParameters<typeof GetTenantById>) {
+    return this.store.dispatch(new GetTenantById(...args));
+  }
+
+  dispatchCreateTenant(...args: ConstructorParameters<typeof CreateTenant>) {
+    return this.store.dispatch(new CreateTenant(...args));
+  }
+
+  dispatchUpdateTenant(...args: ConstructorParameters<typeof UpdateTenant>) {
+    return this.store.dispatch(new UpdateTenant(...args));
+  }
+
+  dispatchDeleteTenant(...args: ConstructorParameters<typeof DeleteTenant>) {
+    return this.store.dispatch(new DeleteTenant(...args));
+  }
 }
diff --git a/npm/ng-packs/packages/tenant-management/src/lib/states/tenant-management.state.ts b/npm/ng-packs/packages/tenant-management/src/lib/states/tenant-management.state.ts
index c183cb48cc..bbd4a35d4f 100644
--- a/npm/ng-packs/packages/tenant-management/src/lib/states/tenant-management.state.ts
+++ b/npm/ng-packs/packages/tenant-management/src/lib/states/tenant-management.state.ts
@@ -1,15 +1,15 @@
+import { ABP } from '@abp/ng.core';
 import { Action, Selector, State, StateContext } from '@ngxs/store';
-import { switchMap, tap } from 'rxjs/operators';
+import { tap } from 'rxjs/operators';
 import {
   CreateTenant,
   DeleteTenant,
-  GetTenants,
   GetTenantById,
+  GetTenants,
   UpdateTenant,
 } from '../actions/tenant-management.actions';
 import { TenantManagement } from '../models/tenant-management';
 import { TenantManagementService } from '../services/tenant-management.service';
-import { ABP } from '@abp/ng.core';
 
 @State<TenantManagement.State>({
   name: 'TenantManagementState',
diff --git a/npm/ng-packs/packages/tenant-management/src/lib/tests/tenant-management-state.service.spec.ts b/npm/ng-packs/packages/tenant-management/src/lib/tests/tenant-management-state.service.spec.ts
index c5b40fb54b..bd9017a2c7 100644
--- a/npm/ng-packs/packages/tenant-management/src/lib/tests/tenant-management-state.service.spec.ts
+++ b/npm/ng-packs/packages/tenant-management/src/lib/tests/tenant-management-state.service.spec.ts
@@ -2,12 +2,17 @@ import { createServiceFactory, SpectatorService, SpyObject } from '@ngneat/spect
 import { TenantManagementStateService } from '../services/tenant-management-state.service';
 import { TenantManagementState } from '../states/tenant-management.state';
 import { Store } from '@ngxs/store';
+import * as TenantManagementActions from '../actions';
+
 describe('TenantManagementStateService', () => {
   let service: TenantManagementStateService;
   let spectator: SpectatorService<TenantManagementStateService>;
   let store: SpyObject<Store>;
 
-  const createService = createServiceFactory({ service: TenantManagementStateService, mocks: [Store] });
+  const createService = createServiceFactory({
+    service: TenantManagementStateService,
+    mocks: [Store],
+  });
   beforeEach(() => {
     spectator = createService();
     service = spectator.service;
@@ -36,4 +41,21 @@ describe('TenantManagementStateService', () => {
         }
       });
   });
+
+  test('should have a dispatch method for every TenantManagementState action', () => {
+    const reg = /(?<=dispatch)(\w+)(?=\()/gm;
+    TenantManagementStateService.toString()
+      .match(reg)
+      .forEach(fnName => {
+        expect(TenantManagementActions[fnName]).toBeTruthy();
+
+        const spy = jest.spyOn(store, 'dispatch');
+        spy.mockClear();
+
+        const params = Array.from(new Array(TenantManagementActions[fnName].length));
+
+        service[`dispatch${fnName}`](...params);
+        expect(spy).toHaveBeenCalledWith(new TenantManagementActions[fnName](...params));
+      });
+  });
 });
diff --git a/npm/ng-packs/packages/theme-basic/src/lib/services/layout-state.service.ts b/npm/ng-packs/packages/theme-basic/src/lib/services/layout-state.service.ts
index 92ab3d0c59..f38c9c4361 100644
--- a/npm/ng-packs/packages/theme-basic/src/lib/services/layout-state.service.ts
+++ b/npm/ng-packs/packages/theme-basic/src/lib/services/layout-state.service.ts
@@ -1,6 +1,8 @@
 import { Injectable } from '@angular/core';
 import { Store } from '@ngxs/store';
 import { LayoutState } from '../states/layout.state';
+import { AddNavigationElement, RemoveNavigationElementByName } from '../actions';
+import { Layout } from '../models/layout';
 
 @Injectable()
 export class LayoutStateService {
@@ -9,4 +11,14 @@ export class LayoutStateService {
   getNavigationElements() {
     return this.store.selectSnapshot(LayoutState.getNavigationElements);
   }
+
+  dispatchAddNavigationElement(...args: ConstructorParameters<typeof AddNavigationElement>) {
+    return this.store.dispatch(new AddNavigationElement(...args));
+  }
+
+  dispatchRemoveNavigationElementByName(
+    ...args: ConstructorParameters<typeof RemoveNavigationElementByName>
+  ) {
+    return this.store.dispatch(new RemoveNavigationElementByName(...args));
+  }
 }
diff --git a/npm/ng-packs/packages/theme-basic/src/lib/states/layout.state.ts b/npm/ng-packs/packages/theme-basic/src/lib/states/layout.state.ts
index 7fac67a036..1c90803638 100644
--- a/npm/ng-packs/packages/theme-basic/src/lib/states/layout.state.ts
+++ b/npm/ng-packs/packages/theme-basic/src/lib/states/layout.state.ts
@@ -1,8 +1,7 @@
-import { State, Action, StateContext, Selector } from '@ngxs/store';
+import { Action, Selector, State, StateContext } from '@ngxs/store';
+import snq from 'snq';
 import { AddNavigationElement, RemoveNavigationElementByName } from '../actions/layout.actions';
 import { Layout } from '../models/layout';
-import { TemplateRef } from '@angular/core';
-import snq from 'snq';
 
 @State<Layout.State>({
   name: 'LayoutState',
@@ -15,7 +14,10 @@ export class LayoutState {
   }
 
   @Action(AddNavigationElement)
-  layoutAddAction({ getState, patchState }: StateContext<Layout.State>, { payload = [] }: AddNavigationElement) {
+  layoutAddAction(
+    { getState, patchState }: StateContext<Layout.State>,
+    { payload = [] }: AddNavigationElement,
+  ) {
     let { navigationElements } = getState();
 
     if (!Array.isArray(payload)) {
@@ -44,7 +46,10 @@ export class LayoutState {
   }
 
   @Action(RemoveNavigationElementByName)
-  layoutRemoveAction({ getState, patchState }: StateContext<Layout.State>, { name }: RemoveNavigationElementByName) {
+  layoutRemoveAction(
+    { getState, patchState }: StateContext<Layout.State>,
+    { name }: RemoveNavigationElementByName,
+  ) {
     let { navigationElements } = getState();
 
     const index = navigationElements.findIndex(element => element.name === name);
diff --git a/npm/ng-packs/packages/theme-basic/src/lib/tests/layout-state.service.spec.ts b/npm/ng-packs/packages/theme-basic/src/lib/tests/layout-state.service.spec.ts
index 2a88a93f47..de4f489aaa 100644
--- a/npm/ng-packs/packages/theme-basic/src/lib/tests/layout-state.service.spec.ts
+++ b/npm/ng-packs/packages/theme-basic/src/lib/tests/layout-state.service.spec.ts
@@ -1,7 +1,8 @@
 import { createServiceFactory, SpectatorService, SpyObject } from '@ngneat/spectator/jest';
+import { Store } from '@ngxs/store';
+import * as LayoutActions from '../actions';
 import { LayoutStateService } from '../services/layout-state.service';
 import { LayoutState } from '../states/layout.state';
-import { Store } from '@ngxs/store';
 describe('LayoutStateService', () => {
   let service: LayoutStateService;
   let spectator: SpectatorService<LayoutStateService>;
@@ -36,4 +37,21 @@ describe('LayoutStateService', () => {
         }
       });
   });
+
+  test('should have a dispatch method for every LayoutState action', () => {
+    const reg = /(?<=dispatch)(\w+)(?=\()/gm;
+    LayoutStateService.toString()
+      .match(reg)
+      .forEach(fnName => {
+        expect(LayoutActions[fnName]).toBeTruthy();
+
+        const spy = jest.spyOn(store, 'dispatch');
+        spy.mockClear();
+
+        const params = Array.from(new Array(LayoutActions[fnName].length));
+
+        service[`dispatch${fnName}`](...params);
+        expect(spy).toHaveBeenCalledWith(new LayoutActions[fnName](...params));
+      });
+  });
 });