feat: added permissions store connector service (#661)

* feat: added permissions store connector service

* misc: renamed action

* misc: added export for permissions connector

libs/ngrx-accelerator/src/index.ts

@@ -13,6 +13,7 @@ export * from './lib/utils/local-storage/create-nested-key-configuration'
 
 // Store Connector
 export * from './lib/store-connector/navigated-event-store-connector-service'
+export * from './lib/store-connector/permissions-store-connector-service'
 export * from './lib/store-connector/onecx-actions'
 export * from './lib/store-connector/onecx-reducer'
 export * from './lib/store-connector/onecx-selectors'

libs/ngrx-accelerator/src/lib/store-connector/onecx-actions.ts

@@ -6,5 +6,8 @@ export const OneCxActions = createActionGroup({
     navigated: props<{
       event: undefined | unknown
     }>(),
+    permissionsChanged: props<{
+      permissions: string[]
+    }>(),
   },
 })

libs/ngrx-accelerator/src/lib/store-connector/onecx-reducer.ts

@@ -11,5 +11,12 @@ export const oneCxReducer = createReducer<OneCxState>(
       ...state,
       location: action.event as NavigatedEventPayload,
     })
+  ),
+  on(
+    OneCxActions.permissionsChanged,
+    (state: OneCxState, action): OneCxState => ({
+      ...state,
+      permissions: action.permissions,
+    })
   )
 )

libs/ngrx-accelerator/src/lib/store-connector/onecx-selectors.ts

@@ -8,15 +8,18 @@ export function createOneCxSelector<State extends Record<string, any>>(): Memoiz
 export type OneCxSelectors<V> = {
   selectLocation: MemoizedSelector<V, LocationState | undefined>
   selectBackNavigationPossible: MemoizedSelector<V, boolean>
+  selectPermissions: MemoizedSelector<V, string[] | undefined>
 }
 
 export function getOneCxSelectors<V extends Record<string, any>>(
   selectState: (state: V) => OneCxState = createOneCxSelector<V>()
 ): OneCxSelectors<V> {
   const selectLocation = createSelector(selectState, (state) => state.location)
   const selectBackNavigationPossible = createSelector(selectLocation, (location) => !!location && !location?.isFirst)
+  const selectPermissions = createSelector(selectState, (state) => state.permissions)
   return {
     selectLocation,
     selectBackNavigationPossible,
+    selectPermissions,
   }
 }

libs/ngrx-accelerator/src/lib/store-connector/onecx-state.ts

@@ -3,4 +3,5 @@ import { NavigatedEventPayload } from '@onecx/integration-interface'
 export type LocationState = NavigatedEventPayload
 export interface OneCxState {
   location?: LocationState | undefined
+  permissions?: string[] | undefined
 }

libs/ngrx-accelerator/src/lib/store-connector/permissions-store-connector-service.ts

@@ -0,0 +1,30 @@
+import { ENVIRONMENT_INITIALIZER, Injectable, OnDestroy, inject } from '@angular/core'
+import { Store } from '@ngrx/store'
+import { PermissionsTopic } from '@onecx/integration-interface'
+import { OneCxActions } from './onecx-actions'
+
+export function providePermissionsStoreConnector() {
+  return [
+    {
+      provide: ENVIRONMENT_INITIALIZER,
+      multi: true,
+      useFactory() {
+        return () => inject(PermissionsStoreConnectorService)
+      },
+    },
+    PermissionsStoreConnectorService,
+  ]
+}
+
+@Injectable()
+export class PermissionsStoreConnectorService implements OnDestroy {
+  permissionsTopic$ = new PermissionsTopic()
+  constructor(store: Store) {
+    this.permissionsTopic$.subscribe((permissions) => {
+      store.dispatch(OneCxActions.permissionsChanged({ permissions }))
+    })
+  }
+  ngOnDestroy(): void {
+    this.permissionsTopic$.destroy()
+  }
+}