@pushwoosh/smart-components-kit 1.0.48 → 1.0.50

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/OpenActions/components/OpenActionsSummary/OpenActionsSummary.js

@@ -7,7 +7,7 @@ import { PlatformLogoIcon } from '@pushwoosh/kit-icons';
 import { Text } from '@pushwoosh/kit-typography';
 import { LinkRow, ClickActionSection } from './styles';
 import { useSPAContext } from '../../../context';
-import { getSafariUrl } from '../../helpers';
+import { getSafariUrl, isWebLink } from '../../helpers';
 export const OpenActionsSummary = ({
   openActions
 }) => {
@@ -68,7 +68,7 @@ export const OpenActionsSummary = ({
   };
   return React.createElement(Vertical, {
     "$gap": 8
-  }, openActions ? React.createElement(React.Fragment, null, showRichmedia && renderInfoBlock('mobile', 'open in-app banner', getRichmediaLink(showRichmedia), showRichmedia.name || showRichmedia.code), !showRichmedia && hasCustomPlatformsDeeplink && renderInfoBlock('mobile', 'follow the Deep link'), !showRichmedia && Object.entries(platformsDeeplinkUrls).map(([platformKey, url]) => renderPlatformDeepLink(+platformKey, url)), !showRichmedia && allPlatformsDeeplinkUrl && hasCustomPlatformsDeeplink && renderPlatformDeepLink('Other platforms', allPlatformsDeeplinkUrl), !showRichmedia && allPlatformsDeeplinkUrl && !hasCustomPlatformsDeeplink && renderInfoBlock('mobile', 'follow the Deep link', allPlatformsDeeplinkUrl), !showRichmedia && !allPlatformsDeeplinkUrl && !hasCustomPlatformsDeeplink && renderInfoBlock('mobile', 'open home page in application'), webPageUrl && renderInfoBlock('web', 'open URL in browser', webPageUrl), webPageUrl && safariUrl && renderInfoBlock('Safari', 'open URL in Safari browser', safariUrl), !webPageUrl && renderInfoBlock('web', 'open home page in browser')) : React.createElement(Spinner, {
+  }, openActions ? React.createElement(React.Fragment, null, showRichmedia && renderInfoBlock('mobile', 'open in-app banner', getRichmediaLink(showRichmedia), showRichmedia.name || showRichmedia.code), !showRichmedia && hasCustomPlatformsDeeplink && renderInfoBlock('mobile', 'follow the Deep link'), !showRichmedia && Object.entries(platformsDeeplinkUrls).map(([platformKey, url]) => renderPlatformDeepLink(+platformKey, url)), !showRichmedia && allPlatformsDeeplinkUrl && hasCustomPlatformsDeeplink && renderPlatformDeepLink('Other platforms', allPlatformsDeeplinkUrl, isWebLink(allPlatformsDeeplinkUrl) ? 'open URL in browser' : 'deep link'), !showRichmedia && allPlatformsDeeplinkUrl && !hasCustomPlatformsDeeplink && renderInfoBlock('mobile', isWebLink(allPlatformsDeeplinkUrl) ? 'open URL in browser' : 'follow the Deep link', allPlatformsDeeplinkUrl), !showRichmedia && !allPlatformsDeeplinkUrl && !hasCustomPlatformsDeeplink && renderInfoBlock('mobile', 'open home page in application'), webPageUrl && renderInfoBlock('web', 'open URL in browser', webPageUrl), webPageUrl && safariUrl && renderInfoBlock('Safari', 'open URL in Safari browser', safariUrl), !webPageUrl && renderInfoBlock('web', 'open home page in browser')) : React.createElement(Spinner, {
     color: Color.MAIN,
     size: "medium"
   }));

package/OpenActions/usePresetOpenActions.js

@@ -33,7 +33,7 @@ export const usePresetOpenActions = pushPreset => {
       platformsDeeplinkUrls,
       showRichmedia
     } = await getPlatformDeeplinksByOpenActions(pushPreset, getDeeplinkUrl);
-    let defaultDeeplinkUrl = null;
+    let defaultDeeplinkUrl = pushPreset.url ?? null;
     // openAction - for common all mobile deeplink; web url is located in 'url' prop, openActions - map with mobile deeplink platform as a key (0 we should ignore)
     if (((_pushPreset$openActio = pushPreset.openAction) === null || _pushPreset$openActio === void 0 || (_pushPreset$openActio = _pushPreset$openActio.kind) === null || _pushPreset$openActio === void 0 ? void 0 : _pushPreset$openActio.type) === 'deepLink') {
       const deeplinkCommonInfo = pushPreset.openAction.kind.data;
@@ -101,7 +101,7 @@ const getPlatformDeeplinksByOpenActions = async (pushPreset, getDeeplinkUrl) =>
 const getOpenActionsFromV1Preset = async pushPreset => {
   var _pushPreset$localized2, _pushPreset$localized3;
   const webPageUrl = !pushPreset.deeplink && isWebLink(pushPreset.url) ? pushPreset.url : null;
-  const defaultDeeplinkUrl = pushPreset.deeplink && pushPreset.url ? pushPreset.url : null;
+  const defaultDeeplinkUrl = pushPreset.url ?? null;
   const showRichmedia = pushPreset.richmedia ? {
     code: pushPreset.richmedia
   } : null;

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.50"
 }