@pushwoosh/smart-components-kit 1.0.48 → 1.0.49

package/DynamicContentPicker/DynamicContentPicker.d.ts

@@ -1,6 +1,6 @@
 import { type FC, type ReactNode } from 'react';
-import { type VariedDynamicContent } from '../DynamicContentPickerForm/types';
 import { type RenderDynamicContentProps } from './types';
+import { type VariedDynamicContent } from '../DynamicContentPickerForm/types';
 type State = Record<string, VariedDynamicContent>;
 type DynamicContentPickerProps = {
     applicationCode: string;

package/DynamicContentPicker/DynamicContentPicker.js

@@ -4,11 +4,11 @@ import { Color } from '@pushwoosh/kit-constants';
 import { elementAddListener, Horizontal, usePersistentFunction } from '@pushwoosh/kit-helpers';
 import { WarningRoundIcon } from '@pushwoosh/kit-icons';
 import { Text } from '@pushwoosh/kit-typography';
-import { Arrow, FieldPlace, TextPlace } from './styled';
-import { VariedDynamicContentPickerFormSmart } from '../DynamicContentPickerForm/VariedDynamicContentPickerFormSmart';
 import ArrowIcon from './assets/arrow.svg';
 import { placementToDirection } from './helpers';
 import { Line } from './Line';
+import { Arrow, FieldPlace, TextPlace } from './styled';
+import { VariedDynamicContentPickerFormSmart } from '../DynamicContentPickerForm/VariedDynamicContentPickerFormSmart';
 const initialState = {};
 const reducer = (state, action) => {
   switch (action.type) {

package/context/SimpleEventEmitter.d.ts

@@ -0,0 +1,9 @@
+type Listener<T> = (payload: T) => void;
+export declare class SimpleEventEmitter {
+    private listeners;
+    on<T>(eventName: string, fn: Listener<T>): () => void;
+    off<T>(eventName: string, fn: Listener<T>): void;
+    emit<T>(eventName: string, payload: T): void;
+    clear(eventName?: string): void;
+}
+export {};

package/context/SimpleEventEmitter.js

@@ -0,0 +1,31 @@
+export class SimpleEventEmitter {
+  listeners = {};
+  on(eventName, fn) {
+    if (!this.listeners[eventName]) {
+      this.listeners[eventName] = [];
+    }
+    this.listeners[eventName].push(fn);
+    return () => {
+      this.off(eventName, fn);
+    };
+  }
+  off(eventName, fn) {
+    if (!this.listeners[eventName]) return;
+    this.listeners[eventName] = this.listeners[eventName].filter(l => l !== fn);
+    if (this.listeners[eventName].length === 0) {
+      delete this.listeners[eventName];
+    }
+  }
+  emit(eventName, payload) {
+    if (!this.listeners[eventName]) return;
+    // Copy to avoid reentrancy issues if a listener removes itself
+    [...this.listeners[eventName]].forEach(l => l(payload));
+  }
+  clear(eventName) {
+    if (eventName) {
+      delete this.listeners[eventName];
+    } else {
+      this.listeners = {};
+    }
+  }
+}

package/context/index.d.ts

@@ -1,5 +1,6 @@
+import { SimpleEventEmitter } from './SimpleEventEmitter';
 import type { SPAContextType } from './types';
 import { useSPAContext } from './useSPAContext';
 export type { SPAContextType };
-export { useSPAContext };
+export { useSPAContext, SimpleEventEmitter };
 export declare const SPAContextProvider: import("react").Provider<SPAContextType | undefined>;

package/context/index.js

@@ -1,4 +1,5 @@
 import { SPAContext } from './context';
+import { SimpleEventEmitter } from './SimpleEventEmitter';
 import { useSPAContext } from './useSPAContext';
-export { useSPAContext };
+export { useSPAContext, SimpleEventEmitter };
 export const SPAContextProvider = SPAContext.Provider;

package/context/types.d.ts

@@ -4,14 +4,15 @@ import type { API as RpcGatewayJourneyAPI } from '@pushwoosh/rpc-gateway-journey
 import type { API as RpcGatewayPaymentAPI } from '@pushwoosh/rpc-gateway-payment-data';
 import type { API as RpcGatewayAPI } from '@pushwoosh/rpc-v2-http-api-data';
 import type { SessionStore } from '@pushwoosh/session-store';
+import type { SimpleEventEmitter } from './SimpleEventEmitter';
 export type SPAContextType = {
     readonly history: History;
     readonly httpClient: HttpClient;
     readonly rpcClient: RpcClient;
     readonly grpcClient: GrpcClient;
     readonly grpcBridge: {
-        clients: {
-            billingGrpcClient: GrpcClient;
+        readonly clients: {
+            readonly billingGrpcClient: GrpcClient;
         };
     };
     readonly sessionStore: SessionStore;
@@ -20,8 +21,9 @@ export type SPAContextType = {
     readonly rpcGatewayPayment: RpcGatewayPaymentAPI;
     readonly language: string;
     readonly helpers: {
-        getApiOrigin: (name: string) => string;
-        getJsonApiUrl: (method: string) => string;
+        readonly getApiOrigin: (name: string) => string;
+        readonly getJsonApiUrl: (method: string) => string;
     };
+    readonly eventBus: SimpleEventEmitter;
     readonly __smartComponentsCache: Record<string, any>;
 };

package/hooks/index.d.ts

@@ -1 +1,2 @@
+export { useEventBusListener } from './useEventBusListener';
 export { useSession } from './useSession';

package/hooks/index.js

@@ -1 +1,2 @@
+export { useEventBusListener } from './useEventBusListener';
 export { useSession } from './useSession';

package/hooks/useEventBusListener.d.ts

@@ -0,0 +1 @@
+export declare function useEventBusListener<T>(eventName: string, handler: (payload: T) => void): void;

package/hooks/useEventBusListener.js

@@ -0,0 +1,12 @@
+import { useEffect } from 'react';
+import { usePersistentFunction } from '@pushwoosh/kit-helpers';
+import { useSPAContext } from '../context';
+export function useEventBusListener(eventName, handler) {
+  const {
+    eventBus
+  } = useSPAContext();
+  const persistentHandler = usePersistentFunction(handler);
+  useEffect(() => {
+    return eventBus.on(eventName, persistentHandler);
+  }, [eventBus, eventName, persistentHandler]);
+}

package/package.json

@@ -11,7 +11,7 @@
     "playground": "`pushwoosh-engine lib:command:playground`",
     "check": "npm run check:lint && npm run check:types",
     "check:lint": "echo \"Run check:lint\" && NODE_ENV=production eslint src",
-    "check:lint-fix": "echo \"Run check:lint\" && NODE_ENV=production eslint . --fix",
+    "check:lint-fix": "echo \"Run check:lint\" && NODE_ENV=production eslint src --fix",
     "check:types": "echo \"Run check:types\" && pushwoosh-engine lib:check-types"
   },
   "pre-commit": "check",
@@ -50,5 +50,5 @@
   "engines": {
     "node": ">= 18"
   },
-  "version": "1.0.48"
+  "version": "1.0.49"
 }