@progressive-development/pd-spa-helper 0.9.0 → 0.9.2

package/dist/store/async-action-effects.js

@@ -0,0 +1,98 @@
+import { createEffect, actions$ } from 'mini-rx-store';
+import { filter, tap, map } from 'rxjs/operators';
+import { toastBus } from '@progressive-development/pd-page';
+import { addLoadingState, removeLoadingState } from './spa-app-actions.js';
+import { isBusinessError } from '../service-provider/function-utils.js';
+import { getConfigForAction } from './async-action-utils.js';
+
+function createLoadingEffect(groups, options = {}) {
+  const startTypes = groups.map((g) => g.types.action);
+  return createEffect(
+    actions$.pipe(
+      filter((action) => startTypes.includes(action.type)),
+      map((action) => {
+        const config = getConfigForAction(action, groups);
+        return addLoadingState({
+          actionKey: config?.actionKey || "unknown",
+          loadingTxt: config?.loadingTxt || "Loading...",
+          isLoading: true,
+          modal: options.modal ?? config?.modal ?? false,
+          smallBackground: options.smallBackground ?? config?.smallBackground ?? false,
+          loaderStyle: config?.loaderStyle
+        });
+      })
+    )
+  );
+}
+function createRemoveLoadingEffect(groups) {
+  const completionTypes = groups.flatMap((g) => [
+    g.types.success,
+    g.types.fail
+  ]);
+  return createEffect(
+    actions$.pipe(
+      filter((action) => completionTypes.includes(action.type)),
+      map((action) => {
+        const config = getConfigForAction(action, groups);
+        return removeLoadingState(config?.actionKey || "unknown");
+      })
+    )
+  );
+}
+function createSuccessToastEffect(groups, options = {}) {
+  const successTypes = groups.filter((g) => g.config.successTxt).map((g) => g.types.success);
+  return createEffect(
+    actions$.pipe(
+      filter((action) => successTypes.includes(action.type)),
+      tap((action) => {
+        const config = getConfigForAction(action, groups);
+        if (config?.successTxt) {
+          const duration = config.successDuration || options.defaultDuration || 4e3;
+          toastBus.success(config.successTxt, duration);
+        }
+      })
+    ),
+    { dispatch: false }
+  );
+}
+function createErrorToastEffect(groups, options = {}) {
+  const failTypes = groups.map((g) => g.types.fail);
+  const defaultMessage = options.defaultErrorMessage || "An error occurred";
+  const duration = options.duration ?? -1;
+  return createEffect(
+    actions$.pipe(
+      filter((action) => failTypes.includes(action.type)),
+      tap((action) => {
+        const error = action.payload;
+        let message;
+        if (isBusinessError(error)) {
+          message = options.getErrorMessage ? options.getErrorMessage(error.code) : error.message || defaultMessage;
+        } else if (error instanceof Error) {
+          message = error.message || defaultMessage;
+        } else {
+          message = defaultMessage;
+        }
+        toastBus.error(message, duration);
+      })
+    ),
+    { dispatch: false }
+  );
+}
+function createAllLoadingEffects(options) {
+  const allGroups = [
+    ...options.modalGroups || [],
+    ...options.backgroundGroups || []
+  ];
+  return {
+    modalLoadingEffect: options.modalGroups?.length ? createLoadingEffect(options.modalGroups, { modal: true }) : null,
+    bgLoadingEffect: options.backgroundGroups?.length ? createLoadingEffect(options.backgroundGroups, { smallBackground: true }) : null,
+    removeLoadingEffect: allGroups.length ? createRemoveLoadingEffect(allGroups) : null,
+    successToastEffect: options.successToastGroups?.length ? createSuccessToastEffect(options.successToastGroups) : null,
+    errorToastEffect: options.errorGroups?.length ? createErrorToastEffect(options.errorGroups, {
+      getErrorMessage: options.getErrorMessage,
+      defaultErrorMessage: options.defaultErrorMessage
+    }) : null
+  };
+}
+
+export { createAllLoadingEffects, createErrorToastEffect, createLoadingEffect, createRemoveLoadingEffect, createSuccessToastEffect };

package/dist/store/async-action-utils.d.ts

@@ -0,0 +1,154 @@
+import { ActionCreator, Action } from 'ts-action';
+import { LoaderStyle } from '@progressive-development/pd-content';
+/**
+ * Configuration for loading state and toast messages.
+ */
+export interface AsyncActionConfig {
+    /** Unique key for identifying the loading state */
+    actionKey: string;
+    /** Text shown during loading */
+    loadingTxt: string;
+    /** Text shown on success (empty string = no toast) */
+    successTxt?: string;
+    /** Show modal overlay during loading */
+    modal?: boolean;
+    /** Show small background loader */
+    smallBackground?: boolean;
+    /** Duration for success toast in ms */
+    successDuration?: number;
+    /** Override loader style for this action (overrides app default) */
+    loaderStyle?: LoaderStyle;
+}
+/**
+ * Typed action creator that preserves payload type for ts-action compatibility.
+ * This enables proper type inference with on() and ofType().
+ */
+type TypedActionCreator<P> = ActionCreator<string, (payload: P) => {
+    type: string;
+    payload: P;
+}>;
+/**
+ * Action creator without payload.
+ */
+type TypedActionCreatorVoid = ActionCreator<string, () => {
+    type: string;
+}>;
+/**
+ * Base interface for async action groups.
+ * Use this type for arrays containing groups with different payload types.
+ *
+ * @example
+ * ```typescript
+ * const allGroups: AsyncActionGroupBase[] = [
+ *   loadProfile,      // AsyncActionGroup<void, ProfileData>
+ *   sendRequest,      // AsyncActionGroup<RequestData, void>
+ * ];
+ * ```
+ */
+export interface AsyncActionGroupBase {
+    /** Loading state and toast configuration */
+    config: AsyncActionConfig;
+    /** Base action type (e.g., "LOAD_PROFILE") */
+    baseType: string;
+    /** All action types for this group */
+    types: {
+        action: string;
+        success: string;
+        fail: string;
+    };
+}
+/**
+ * An async action group containing action, success, and fail action creators
+ * plus the associated configuration.
+ *
+ * The action creators preserve their full ts-action types for compatibility
+ * with on() and ofType().
+ */
+export interface AsyncActionGroup<TPayload = void, TResult = unknown, TError = Error> extends AsyncActionGroupBase {
+    /** The initiating action creator - typed for ts-action compatibility */
+    action: TPayload extends void ? TypedActionCreatorVoid : TypedActionCreator<TPayload>;
+    /** The success action creator - typed for ts-action compatibility */
+    success: TypedActionCreator<TResult>;
+    /** The fail action creator - typed for ts-action compatibility */
+    fail: TypedActionCreator<TError>;
+}
+/**
+ * Options for creating an async action group.
+ * actionKey is derived from baseType if not provided.
+ */
+export type AsyncActionOptions = Omit<AsyncActionConfig, "actionKey"> & {
+    actionKey?: string;
+};
+/**
+ * Creates an async action group with action/success/fail creators and config.
+ *
+ * @param baseType - Base action type (e.g., "LOAD_PROFILE")
+ * @param options - Loading state and toast configuration
+ * @returns AsyncActionGroup with all creators and config
+ *
+ * @example
+ * ```typescript
+ * // Without payload on action
+ * export const loadProfile = createAsyncAction<ProfileData>("LOAD_PROFILE", {
+ *   loadingTxt: msg("Loading profile...", { id: "..." }),
+ *   modal: true,
+ * });
+ *
+ * // With typed payloads
+ * export const updateProfile = createAsyncActionGroup<
+ *   UpdateData,     // Action payload
+ *   ProfileData,    // Success payload
+ * >("UPDATE_PROFILE", {
+ *   loadingTxt: "Updating...",
+ *   successTxt: "Profile updated!",
+ *   modal: true,
+ * });
+ *
+ * // Usage in effect with ofType():
+ * actions$.pipe(
+ *   ofType(loadProfile.action),
+ *   mergeMap(() => profileService.load().pipe(
+ *     map((data) => loadProfile.success(data)),
+ *     catchError((err) => of(loadProfile.fail(err)))
+ *   ))
+ * );
+ *
+ * // Usage in reducer with on():
+ * reducer(
+ *   initialState,
+ *   on(loadProfile.success, (state, { payload }) => ({
+ *     ...state,
+ *     profile: payload
+ *   }))
+ * );
+ * ```
+ */
+export declare function createAsyncActionGroup<TPayload = void, TResult = unknown, TError = Error>(baseType: string, options: AsyncActionOptions): AsyncActionGroup<TPayload, TResult, TError>;
+/**
+ * Creates an async action group without payload on the initiating action.
+ * This is a convenience wrapper for the common case.
+ *
+ * @example
+ * ```typescript
+ * export const loadProfile = createAsyncAction<ProfileData>("LOAD_PROFILE", {
+ *   loadingTxt: "Loading...",
+ *   modal: true,
+ * });
+ *
+ * // loadProfile.action() - no payload
+ * // loadProfile.success(data) - ProfileData payload
+ * // loadProfile.fail(error) - Error payload
+ * ```
+ */
+export declare function createAsyncAction<TResult = unknown, TError = Error>(baseType: string, options: AsyncActionOptions): AsyncActionGroup<void, TResult, TError>;
+/**
+ * Type guard to check if an action belongs to an async action group.
+ */
+export declare function isActionFromGroup(actionObj: Action, group: AsyncActionGroupBase): boolean;
+/**
+ * Gets the config for an action from a list of groups.
+ * Returns undefined if no matching group is found.
+ */
+export declare function getConfigForAction(actionObj: Action, groups: AsyncActionGroupBase[]): AsyncActionConfig | undefined;
+export {};
+//# sourceMappingURL=async-action-utils.d.ts.map

package/dist/store/async-action-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"async-action-utils.d.ts","sourceRoot":"","sources":["../../src/store/async-action-utils.ts"],"names":[],"mappings":"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"}

package/dist/store/async-action-utils.js

@@ -0,0 +1,42 @@
+import { action, payload } from 'ts-action';
+
+function createAsyncActionGroup(baseType, options) {
+  const types = {
+    action: baseType,
+    success: `${baseType}_SUCCESS`,
+    fail: `${baseType}_FAIL`
+  };
+  const actionKey = options.actionKey || baseType.toLowerCase().replace(/_([a-z])/g, (_, letter) => letter.toUpperCase());
+  const config = {
+    actionKey,
+    loadingTxt: options.loadingTxt,
+    successTxt: options.successTxt,
+    modal: options.modal,
+    smallBackground: options.smallBackground,
+    successDuration: options.successDuration,
+    loaderStyle: options.loaderStyle
+  };
+  const actionCreator = action(types.action, payload());
+  const successCreator = action(types.success, payload());
+  const failCreator = action(types.fail, payload());
+  return {
+    action: actionCreator,
+    success: successCreator,
+    fail: failCreator,
+    config,
+    baseType,
+    types
+  };
+}
+function createAsyncAction(baseType, options) {
+  return createAsyncActionGroup(baseType, options);
+}
+function isActionFromGroup(actionObj, group) {
+  return actionObj.type === group.types.action || actionObj.type === group.types.success || actionObj.type === group.types.fail;
+}
+function getConfigForAction(actionObj, groups) {
+  const group = groups.find((g) => isActionFromGroup(actionObj, g));
+  return group?.config;
+}
+
+export { createAsyncAction, createAsyncActionGroup, getConfigForAction, isActionFromGroup };

package/dist/store/index.d.ts

@@ -0,0 +1,9 @@
+export { pdStore, initializeStore } from './mini-rx.store.js';
+export { initIndexDBSuccess, loginSuccess, logoutSuccess, nologin, routeAction, updateInternetOffline, addLoadingState, changeSubTask, removeLoadingState, updateNewNotificationToken, updateNewNotificationTokenSuccess, updateNewNotificationTokenFail, } from './spa-app-actions.js';
+export { getLoadingSelector, getOfflineSelector, getInitStatusSelector, selectAuthUser, } from './spa-app-selector.js';
+export { setRouteElement } from './spa-app-effects.js';
+export { spaAppReducer } from './spa-app-reducer.js';
+export type { SpaAppState } from './spa-app-reducer.js';
+export * as SpaActions from './spa-app-actions.js';
+export * as SpaSelectors from './spa-app-selector.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/store/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/store/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG9D,OAAO,EACL,kBAAkB,EAClB,YAAY,EACZ,aAAa,EACb,OAAO,EACP,WAAW,EACX,qBAAqB,EACrB,eAAe,EACf,aAAa,EACb,kBAAkB,EAClB,0BAA0B,EAC1B,iCAAiC,EACjC,8BAA8B,GAC/B,MAAM,sBAAsB,CAAC;AAG9B,OAAO,EACL,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,cAAc,GACf,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAGvD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,YAAY,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGxD,OAAO,KAAK,UAAU,MAAM,sBAAsB,CAAC;AACnD,OAAO,KAAK,YAAY,MAAM,uBAAuB,CAAC"}

package/dist/store/mini-rx.store.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mini-rx.store.d.ts","sourceRoot":"","sources":["../../src/store/mini-rx.store.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,EAIN,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAyB5E,eAAO,MAAM,eAAe,GAAI,OAAO,WAAW,SA0BjD,CAAC;AAEF,eAAO,MAAM,OAAO,QAAO,KAAc,CAAC"}
+{"version":3,"file":"mini-rx.store.d.ts","sourceRoot":"","sources":["../../src/store/mini-rx.store.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,EAIN,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAmB5E,eAAO,MAAM,eAAe,GAAI,OAAO,WAAW,SA0BjD,CAAC;AAEF,eAAO,MAAM,OAAO,QAAO,KAAc,CAAC"}

package/dist/store/mini-rx.store.js

@@ -1,14 +1,12 @@
 import { configureStore, LoggerExtension, ReduxDevtoolsExtension, ImmutableStateExtension } from 'mini-rx-store';
 import { spaAppReducer } from './spa-app-reducer.js';
-import { appRouteEffect, appToastEffect, registerNotificationTokenSuccessEffect } from './spa-app-effects.js';
+import { appRouteEffect } from './spa-app-effects.js';
 import { defaultLogger } from '../helper/logger.js';
 
 let store;
 const registerEffects = (effects) => {
   if (store) {
     store.effect(appRouteEffect);
-    store.effect(appToastEffect);
-    store.effect(registerNotificationTokenSuccessEffect);
     effects.forEach((effect) => store.effect(effect));
   } else {
     defaultLogger.error("Store is not initialized. Cannot register effects.");

package/dist/store/spa-app-actions.d.ts

@@ -1,18 +1,18 @@
-import { TemplateResult } from 'lit';
-import { AppUser, LoadingState, LoadingSubTask } from '../model/spa-model.js';
-export declare const initIndexDBSucess: (() => {
+import { AppUser } from '../model/spa-model.js';
+import { LoadingState, LoadingSubTask } from '@progressive-development/pd-content';
+export declare const initIndexDBSuccess: (() => {
     type: "SPA_INIT_INDEX_DB_SUCCESS";
 }) & {
     type: "SPA_INIT_INDEX_DB_SUCCESS";
 };
-export declare const loginSucess: ((payload: AppUser) => {
+export declare const loginSuccess: ((payload: AppUser) => {
     payload: AppUser;
 } & {
     type: "SPA_LOGIN_SUCCESS";
 }) & {
     type: "SPA_LOGIN_SUCCESS";
 };
-export declare const logoutSucess: (() => {
+export declare const logoutSuccess: (() => {
     type: "SPA_LOGOUT_SUCCESS";
 }) & {
     type: "SPA_LOGOUT_SUCCESS";
@@ -29,23 +29,6 @@ export declare const routeAction: ((payload: string) => {
 }) & {
     type: "SPA_APP_ROUTE";
 };
-export declare const toastAction: ((payload: {
-    txt: string | TemplateResult;
-    isError: boolean;
-    isSuccess: boolean;
-    duration?: number;
-}) => {
-    payload: {
-        txt: string | TemplateResult;
-        isError: boolean;
-        isSuccess: boolean;
-        duration?: number;
-    };
-} & {
-    type: "SPA_APP_TOAST";
-}) & {
-    type: "SPA_APP_TOAST";
-};
 export declare const updateInternetOffline: ((payload: boolean) => {
     payload: boolean;
 } & {

package/dist/store/spa-app-actions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spa-app-actions.d.ts","sourceRoot":"","sources":["../../src/store/spa-app-actions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE9E,eAAO,MAAM,iBAAiB;;;;CAAsC,CAAC;AACrE,eAAO,MAAM,WAAW;;;;;;CAAkD,CAAC;AAC3E,eAAO,MAAM,YAAY;;;;CAA+B,CAAC;AACzD,eAAO,MAAM,OAAO;;;;CAAyB,CAAC;AAE9C,eAAO,MAAM,WAAW;;;;;;CAA6C,CAAC;AAEtE,eAAO,MAAM,WAAW;SAGf,MAAM,GAAG,cAAc;aACnB,OAAO;eACL,OAAO;eACP,MAAM;;;aAHZ,MAAM,GAAG,cAAc;iBACnB,OAAO;mBACL,OAAO;mBACP,MAAM;;;;;;CAEpB,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;CAGjC,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;CAG3B,CAAC;AACF,eAAO,MAAM,aAAa;qBAGL,MAAM;kBACT,cAAc;;;yBADX,MAAM;sBACT,cAAc;;;;;;CAE/B,CAAC;AACF,eAAO,MAAM,kBAAkB;;;;;;CAG9B,CAAC;AAEF,eAAO,MAAM,0BAA0B;oBAGnB,MAAM;;;wBAAN,MAAM;;;;;;CAEzB,CAAC;AACF,eAAO,MAAM,iCAAiC;oBAG1B,MAAM;;;wBAAN,MAAM;;;;;;CAEzB,CAAC;AACF,eAAO,MAAM,8BAA8B;;;;;;CAG1C,CAAC"}
+{"version":3,"file":"spa-app-actions.d.ts","sourceRoot":"","sources":["../../src/store/spa-app-actions.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,KAAK,EACV,YAAY,EACZ,cAAc,EACf,MAAM,qCAAqC,CAAC;AAE7C,eAAO,MAAM,kBAAkB;;;;CAAsC,CAAC;AACtE,eAAO,MAAM,YAAY;;;;;;CAAkD,CAAC;AAC5E,eAAO,MAAM,aAAa;;;;CAA+B,CAAC;AAC1D,eAAO,MAAM,OAAO;;;;CAAyB,CAAC;AAE9C,eAAO,MAAM,WAAW;;;;;;CAA6C,CAAC;AAEtE,eAAO,MAAM,qBAAqB;;;;;;CAGjC,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;CAG3B,CAAC;AACF,eAAO,MAAM,aAAa;qBAGL,MAAM;kBACT,cAAc;;;yBADX,MAAM;sBACT,cAAc;;;;;;CAE/B,CAAC;AACF,eAAO,MAAM,kBAAkB;;;;;;CAG9B,CAAC;AAEF,eAAO,MAAM,0BAA0B;oBAGnB,MAAM;;;wBAAN,MAAM;;;;;;CAEzB,CAAC;AACF,eAAO,MAAM,iCAAiC;oBAG1B,MAAM;;;wBAAN,MAAM;;;;;;CAEzB,CAAC;AACF,eAAO,MAAM,8BAA8B;;;;;;CAG1C,CAAC"}

package/dist/store/spa-app-actions.js

@@ -1,14 +1,10 @@
 import { action, payload } from 'ts-action';
 
-const initIndexDBSucess = action("SPA_INIT_INDEX_DB_SUCCESS");
-const loginSucess = action("SPA_LOGIN_SUCCESS", payload());
-const logoutSucess = action("SPA_LOGOUT_SUCCESS");
+const initIndexDBSuccess = action("SPA_INIT_INDEX_DB_SUCCESS");
+const loginSuccess = action("SPA_LOGIN_SUCCESS", payload());
+const logoutSuccess = action("SPA_LOGOUT_SUCCESS");
 const nologin = action("SPA_NO_LOGIN");
 const routeAction = action("SPA_APP_ROUTE", payload());
-const toastAction = action(
-  "SPA_APP_TOAST",
-  payload()
-);
 const updateInternetOffline = action(
   "SPA_APP_UPDATE_INTERNET_OFFLINE",
   payload()
@@ -38,4 +34,4 @@ const updateNewNotificationTokenFail = action(
   payload()
 );
 
-export { addLoadingState, changeSubTask, initIndexDBSucess, loginSucess, logoutSucess, nologin, removeLoadingState, routeAction, toastAction, updateInternetOffline, updateNewNotificationToken, updateNewNotificationTokenFail, updateNewNotificationTokenSuccess };
+export { addLoadingState, changeSubTask, initIndexDBSuccess, loginSuccess, logoutSuccess, nologin, removeLoadingState, routeAction, updateInternetOffline, updateNewNotificationToken, updateNewNotificationTokenFail, updateNewNotificationTokenSuccess };

package/dist/store/spa-app-effects.d.ts

@@ -4,21 +4,4 @@ export declare const appRouteEffect: import('rxjs').Observable<{
 } & {
     type: "SPA_APP_ROUTE";
 }> & import('mini-rx-store/lib/models.js').HasEffectMetadata;
-export declare const appToastEffect: import('rxjs').Observable<{
-    payload: {
-        txt: string | import('lit').TemplateResult;
-        isError: boolean;
-        isSuccess: boolean;
-        duration?: number;
-    };
-} & {
-    type: "SPA_APP_TOAST";
-}> & import('mini-rx-store/lib/models.js').HasEffectMetadata;
-export declare const registerNotificationTokenSuccessEffect: import('rxjs').Observable<{
-    payload: {
-        messagingToken: string;
-    };
-} & {
-    type: "UPDATE_NOTIFICATION_TOKEN_SUCCESS";
-}> & import('mini-rx-store/lib/models.js').HasEffectMetadata;
 //# sourceMappingURL=spa-app-effects.d.ts.map

package/dist/store/spa-app-effects.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spa-app-effects.d.ts","sourceRoot":"","sources":["../../src/store/spa-app-effects.ts"],"names":[],"mappings":"AAgBA,eAAO,MAAM,eAAe,GAAI,OAAO,WAAW,SAEjD,CAAC;AAIF,eAAO,MAAM,cAAc;;;;4DAoB1B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;;;4DAyB1B,CAAC;AAEF,eAAO,MAAM,sCAAsC;;;;;;4DAUlD,CAAC"}
+{"version":3,"file":"spa-app-effects.d.ts","sourceRoot":"","sources":["../../src/store/spa-app-effects.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,eAAe,GAAI,OAAO,WAAW,SAEjD,CAAC;AAEF,eAAO,MAAM,cAAc;;;;4DAoB1B,CAAC"}

package/dist/store/spa-app-effects.js

@@ -1,8 +1,7 @@
 import { createEffect, actions$ } from 'mini-rx-store';
 import { tap } from 'rxjs/operators';
 import { ofType } from 'ts-action-operators';
-import { routeAction, toastAction, updateNewNotificationTokenSuccess } from './spa-app-actions.js';
-import { NOTIFICATION_TOKEN } from '../service-provider/firebase/messagingFirebaseClient.js';
+import { routeAction } from './spa-app-actions.js';
 import { defaultLogger } from '../helper/logger.js';
 
 let routeElement;
@@ -30,42 +29,5 @@ const appRouteEffect = createEffect(
     dispatch: false
   }
 );
-const appToastEffect = createEffect(
-  actions$.pipe(
-    ofType(toastAction),
-    tap((action) => {
-      if (!routeElement) {
-        defaultLogger.error("No route element set for appToastEffect");
-      } else {
-        routeElement.dispatchEvent(
-          new CustomEvent("toast-event", {
-            detail: {
-              txt: action.payload.txt,
-              isSuccess: action.payload.isSuccess,
-              isError: action.payload.isError,
-              duration: action.payload.duration
-            },
-            bubbles: true,
-            composed: true
-          })
-        );
-      }
-    })
-  ),
-  {
-    dispatch: false
-  }
-);
-const registerNotificationTokenSuccessEffect = createEffect(
-  actions$.pipe(
-    ofType(updateNewNotificationTokenSuccess),
-    tap((action) => {
-      localStorage.setItem(NOTIFICATION_TOKEN, action.payload.messagingToken);
-    })
-  ),
-  {
-    dispatch: false
-  }
-);
 
-export { appRouteEffect, appToastEffect, registerNotificationTokenSuccessEffect, setRouteElement };
+export { appRouteEffect, setRouteElement };

package/dist/store/spa-app-reducer.d.ts

@@ -1,18 +1,13 @@
-import { AppUser, LoadingState } from '../model/spa-model.js';
+import { AppUser } from '../model/spa-model.js';
+import { LoadingState } from '@progressive-development/pd-content';
 export interface SpaAppState {
     offline?: boolean;
     loadingState: LoadingState[];
-    lastRoutes?: any[];
+    /** History of visited route names */
+    lastRoutes?: string[];
     initIndexDB?: boolean;
     userLoginDone: boolean;
     user: AppUser | undefined;
 }
-export declare const spaAppReducer: import('ts-action').Reducer<{
-    userLoginDone: boolean;
-    offline?: boolean;
-    loadingState: LoadingState[];
-    lastRoutes?: any[];
-    initIndexDB?: boolean;
-    user: AppUser | undefined;
-}>;
+export declare const spaAppReducer: import('ts-action').Reducer<SpaAppState>;
 //# sourceMappingURL=spa-app-reducer.d.ts.map

package/dist/store/spa-app-reducer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spa-app-reducer.d.ts","sourceRoot":"","sources":["../../src/store/spa-app-reducer.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE9D,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,YAAY,EAAE,CAAC;IAC7B,UAAU,CAAC,EAAE,GAAG,EAAE,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,OAAO,CAAC;IACvB,IAAI,EAAE,OAAO,GAAG,SAAS,CAAC;CAC3B;AAQD,eAAO,MAAM,aAAa;;cAdd,OAAO;kBACH,YAAY,EAAE;iBACf,GAAG,EAAE;kBACJ,OAAO;UAEf,OAAO,GAAG,SAAS;EAoE1B,CAAC"}
+{"version":3,"file":"spa-app-reducer.d.ts","sourceRoot":"","sources":["../../src/store/spa-app-reducer.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAExE,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,YAAY,EAAE,CAAC;IAC7B,qCAAqC;IACrC,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,OAAO,CAAC;IACvB,IAAI,EAAE,OAAO,GAAG,SAAS,CAAC;CAC3B;AAQD,eAAO,MAAM,aAAa,0CAgEzB,CAAC"}

package/dist/store/spa-app-reducer.js

@@ -1,5 +1,5 @@
 import { reducer, on } from 'ts-action';
-import { updateInternetOffline, addLoadingState, changeSubTask, removeLoadingState, routeAction, initIndexDBSucess, loginSucess, nologin, logoutSucess } from './spa-app-actions.js';
+import { updateInternetOffline, addLoadingState, changeSubTask, removeLoadingState, routeAction, initIndexDBSuccess, loginSuccess, nologin, logoutSuccess } from './spa-app-actions.js';
 
 const initialState = {
   loadingState: [],
@@ -38,23 +38,28 @@ const spaAppReducer = reducer(
     ...state,
     lastRoutes: [...state.lastRoutes || [], payload]
   })),
-  on(initIndexDBSucess, (state) => ({
+  on(initIndexDBSuccess, (state) => ({
     ...state,
     initIndexDB: true
   })),
-  on(loginSucess, (state, { payload }) => ({
+  on(loginSuccess, (state, { payload }) => ({
     ...state,
     userLoginDone: true,
     user: payload
   })),
   on(nologin, (state) => ({
     ...state,
-    userLoginDone: true
+    userLoginDone: true,
+    user: void 0
   })),
-  on(logoutSucess, () => ({
-    ...initialState,
-    userLoginDone: true
-  }))
+  on(
+    logoutSuccess,
+    () => ({
+      ...initialState,
+      userLoginDone: true,
+      user: void 0
+    })
+  )
 );
 
 export { spaAppReducer };

package/dist/store/spa-app-selector.d.ts

@@ -1,11 +1,11 @@
-export declare const getLoadingSelector: import('mini-rx-store/lib/selector.js').Selector<object, import('../model/spa-model.js').LoadingState[]>;
+export declare const getLoadingSelector: import('mini-rx-store/lib/selector.js').Selector<object, import('@progressive-development/pd-content').LoadingState[]>;
 export declare const getOfflineSelector: import('mini-rx-store/lib/selector.js').Selector<object, boolean>;
 export declare const getInitStatusSelector: import('mini-rx-store/lib/selector.js').Selector<object, {
     login: boolean;
     indexedDB: boolean | undefined;
 }>;
 export declare const selectAuthUser: import('mini-rx-store/lib/selector.js').Selector<object, {
-    user: import('../model/spa-model.js').AppUser | undefined;
+    user: import('../index.js').AppUser | undefined;
     loginCheckFinish: boolean;
 }>;
 //# sourceMappingURL=spa-app-selector.d.ts.map

package/dist/store/spa-app-selector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spa-app-selector.d.ts","sourceRoot":"","sources":["../../src/store/spa-app-selector.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,kBAAkB,0GAuB9B,CAAC;AAEF,eAAO,MAAM,kBAAkB,mEAG9B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;EAMjC,CAAC;AAEF,eAAO,MAAM,cAAc;;;EAM1B,CAAC"}
+{"version":3,"file":"spa-app-selector.d.ts","sourceRoot":"","sources":["../../src/store/spa-app-selector.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,kBAAkB,wHAqB9B,CAAC;AAEF,eAAO,MAAM,kBAAkB,mEAG9B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;EAMjC,CAAC;AAEF,eAAO,MAAM,cAAc;;;EAM1B,CAAC"}

package/dist/store/spa-app-selector.js

@@ -5,7 +5,7 @@ const getLoadingSelector = createSelector(
   getSpaAppFeatureState,
   (state) => {
     const orderByCreation = [...state.loadingState].sort(
-      (a, b) => (a.creation?.getMilliseconds() || 0) - (b.creation?.getMilliseconds() || 0)
+      (a, b) => (a.creation?.getTime() || 0) - (b.creation?.getTime() || 0)
     );
     const loadings = [];
     const mainLoading = orderByCreation.filter((a) => !a.smallBackground);

package/dist/stories/introduction.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+/**
+ * Welcome to pd-spa-helper Storybook
+ *
+ * This library provides the core SPA framework for Lit-based applications.
+ */
+export declare const Welcome: Story;
+//# sourceMappingURL=introduction.stories.d.ts.map

package/dist/stories/introduction.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"introduction.stories.d.ts","sourceRoot":"","sources":["../../src/stories/introduction.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,QAAA,MAAM,IAAI,EAAE,IAKX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB;;;;GAIG;AACH,eAAO,MAAM,OAAO,EAAE,KAqCrB,CAAC"}