@pushwoosh/smart-components-kit 1.0.64 → 1.0.66

package/DynamicContentPickerForm/hooks.d.ts

@@ -1,5 +1,5 @@
 import { type Event } from '@pushwoosh/rpc-v2-http-api-data/events';
-import { type SPAContextType } from '../context';
+import { type SPAContextType } from '@pushwoosh/spa-context';
 import { type FullTagData } from './types';
 export declare function fetchDynamicContentTags(context: SPAContextType): Promise<FullTagData[]>;
 export declare function useDynamicContentTags(): {

package/DynamicContentPickerForm/hooks.js

@@ -1,7 +1,7 @@
 import { DynamicContentModifiers } from '@pushwoosh/kit-constants';
 import { useAsync } from '@pushwoosh/kit-helpers';
+import { useSPAContext } from '@pushwoosh/spa-context';
 import { collectPaginatedData } from '../asyncHelpers';
-import { useSPAContext } from '../context';
 const ignoreTagTypes = ['BOOLEAN', 'LIST'];
 const numberTypes = ['INTEGER', 'PRICE'];
 export async function fetchDynamicContentTags(context) {

package/EmailTemplatePreview/EmailTemplatePreview.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { EmailTemplatePreview as DumbPreview, RectangularSkeleton } from '@pushwoosh/dumb-components';
 import { useAsync } from '@pushwoosh/kit-helpers';
-import { useSPAContext } from '../context';
+import { useSPAContext } from '@pushwoosh/spa-context';
 export const EmailTemplatePreview = ({
   code,
   width,

package/ExportCSV/useExportService/useExportService.js

@@ -1,6 +1,6 @@
 import { useCallback, useEffect, useRef, useState } from 'react';
+import { useSPAContext } from '@pushwoosh/spa-context';
 import { API_CHECK_INTERVAL, MAX_RETRIES } from './constants';
-import { useSPAContext } from '../../context';
 export const useExportService = () => {
   const [error, setError] = useState('');
   const [progress, setProgress] = useState(0);

package/LanguagesSelector/LanguagesSelectFormLoader.js

@@ -1,10 +1,10 @@
 import React from 'react';
 import { Spinner } from '@pushwoosh/dumb-components';
 import { Horizontal, useAsync } from '@pushwoosh/kit-helpers';
+import { useSPAContext } from '@pushwoosh/spa-context';
 import { langCodes } from './constants';
 import { LanguagesSelectForm } from './LanguagesSelectForm';
 import { useGetLangName } from './utils';
-import { useSPAContext } from '../context';
 export const LanguagesSelectFormLoader = ({
   application,
   value,

package/ModalCloningJourney/ModalCloningJourney.js

@@ -2,9 +2,9 @@ import React, { useEffect, useState } from 'react';
 import { useForm } from 'react-hook-form';
 import { useParams } from 'react-router-dom';
 import { FieldBox, Modal, ModalBody, ModalHeader, ModalFooter, NativeInput, Select, Button, Banner } from '@pushwoosh/dumb-components';
-import { Horizontal, trackMixpanelEvent, useAsync, Vertical } from '@pushwoosh/kit-helpers';
+import { Horizontal, useAsync, Vertical } from '@pushwoosh/kit-helpers';
 import { H3, Paragraph } from '@pushwoosh/kit-typography';
-import { useSPAContext } from '../context';
+import { useSPAContext } from '@pushwoosh/spa-context';
 export function ModalCloningJourney({
   journeyId,
   journeyTitle,
@@ -127,11 +127,6 @@ export function ModalCloningJourney({
           sourceAppCode: applicationCode,
           title
         });
-        if (destination.length > 1 || destination.length === 1 && destination[0] !== applicationCode) {
-          trackMixpanelEvent({
-            name: 'CloneJourneyToAnotherApp'
-          });
-        }
         onAfterClone === null || onAfterClone === void 0 || onAfterClone(destination.includes(applicationCode));
       } finally {
         setIsCloning(false);

package/OpenActions/components/OpenActionsSummary/OpenActionsSummary.js

@@ -5,8 +5,8 @@ import { Color, PlatformsIcons, PlatformsLabels, Tag } from '@pushwoosh/kit-cons
 import { Horizontal, Vertical, useAsync } from '@pushwoosh/kit-helpers';
 import { OpenIcon, PlatformLogoIcon } from '@pushwoosh/kit-icons';
 import { Text } from '@pushwoosh/kit-typography';
+import { useSPAContext } from '@pushwoosh/spa-context';
 import { LinkRow, ClickActionSection } from './styles';
-import { useSPAContext } from '../../../context';
 import { getSafariUrl, isWebLink } from '../../helpers';
 export const OpenActionsSummary = ({
   openActions

package/OpenActions/usePresetOpenActions.js

@@ -1,6 +1,6 @@
 import { useCallback, useEffect, useState } from 'react';
 import { useToast } from '@pushwoosh/dumb-components';
-import { useSPAContext } from '../context';
+import { useSPAContext } from '@pushwoosh/spa-context';
 import { formatDeeplink, isWebLink } from './helpers';
 const WEB_PLATFORM_KEY = 0;
 export const usePresetOpenActions = pushPreset => {

package/SystemParcel/SystemParcel.js

@@ -1,5 +1,5 @@
 import React, { useMemo } from 'react';
-import { useSPAContext } from '../context';
+import { useSPAContext } from '@pushwoosh/spa-context';
 export function SystemParcel({
   importPath,
   mountRootParcel,

package/_devel/index.d.ts

@@ -1,4 +1,4 @@
-import { type SPAContextType } from '../context';
+import { type SPAContextType } from '@pushwoosh/spa-context';
 export type ParcelResult<P> = {
     render: (props: P) => void;
     unmount: () => void;

package/_devel/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { createRoot } from 'react-dom/client';
 import { Router, Route, Switch, Link } from 'react-router-dom';
-import { SPAContextProvider } from '../context';
+import { SPAContextProvider } from '@pushwoosh/spa-context';
 import { Lib } from './lib';
 import { TestPlace } from './test-place';
 export function parcel(container) {

package/hooks/useEventBusListener.js

@@ -1,6 +1,6 @@
 import { useEffect } from 'react';
 import { usePersistentFunction } from '@pushwoosh/kit-helpers';
-import { useSPAContext } from '../context';
+import { useSPAContext } from '@pushwoosh/spa-context';
 export function useEventBusListener(eventName, handler, callImmediately) {
   const {
     eventBus

package/hooks/useSession.js

@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react';
-import { useSPAContext } from '../context';
+import { useSPAContext } from '@pushwoosh/spa-context';
 export function useSession() {
   const {
     sessionStore

package/index.d.ts

@@ -1,4 +1,4 @@
-export * from './context';
+export * from '@pushwoosh/spa-context';
 export * from './hooks';
 export * from './CampaignsConfigurationDrawer';
 export * from './DynamicContentPicker';

package/index.js

@@ -1,4 +1,4 @@
-export * from './context';
+export * from '@pushwoosh/spa-context';
 export * from './hooks';
 export * from './CampaignsConfigurationDrawer';
 export * from './DynamicContentPicker';

package/package.json

@@ -23,17 +23,16 @@
     "@floating-ui/react-dom": "^2.1.2",
     "@pushwoosh/dumb-components": "^1.1.66",
     "@pushwoosh/kit-constants": "^1.6.9",
-    "@pushwoosh/kit-helpers": "^4.8.9",
+    "@pushwoosh/kit-helpers": "^4.9.0",
     "@pushwoosh/kit-icons": "^2.1.6",
     "@pushwoosh/kit-typography": "^1.7.3",
+    "@pushwoosh/spa-context": "^1.0.0",
     "idb-keyval": "^6.2.2",
     "react-hook-form": "^7.68.0",
     "react-router-dom": "^5.3.4"
   },
   "devDependencies": {
     "@pushwoosh/frontend-builder-engine": "^1.0.21",
-    "@pushwoosh/http-client": "^2.5.0",
-    "@pushwoosh/session-store": "^2.5.0",
     "@svgr/webpack": "^8.1.0",
     "@types/react": "^18.3.5",
     "@types/react-dom": "^18.3.0",
@@ -45,13 +44,8 @@
     "styled-components": "^5.3.11"
   },
   "peerDependencies": {
-    "@pushwoosh/http-client": "^2.5.0",
-    "@pushwoosh/rpc-gateway-journey-data": "^0.26.206",
-    "@pushwoosh/rpc-gateway-payment-data": "^0.2.135",
-    "@pushwoosh/rpc-v2-http-api-data": "^0.1.566",
-    "@pushwoosh/session-store": "^2.5.0",
     "react": "^16.14.0 || ^18.0.0",
     "react-dom": "^16.14.0 || ^18.0.0"
   },
-  "version": "1.0.64"
+  "version": "1.0.66"
 }

package/context/SimpleEventEmitter.d.ts

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

package/context/SimpleEventEmitter.js

@@ -1,43 +0,0 @@
-export class SimpleEventEmitter {
-  listeners = {};
-  lastPayloads = {};
-  on(eventName, fn, callImmediately) {
-    if (!this.listeners[eventName]) {
-      this.listeners[eventName] = [];
-    }
-    this.listeners[eventName].push(fn);
-    // Call immediately with last payload if requested and available
-    if (callImmediately && eventName in this.lastPayloads) {
-      fn(this.lastPayloads[eventName]);
-    }
-    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) {
-    // Store last payload
-    this.lastPayloads[eventName] = payload;
-    if (!this.listeners[eventName]) return;
-    // Copy to avoid reentrancy issues if a listener removes itself
-    [...this.listeners[eventName]].forEach(l => l(payload));
-  }
-  getLastPayload(eventName) {
-    return this.lastPayloads[eventName];
-  }
-  clear(eventName) {
-    if (eventName) {
-      delete this.listeners[eventName];
-      delete this.lastPayloads[eventName];
-    } else {
-      this.listeners = {};
-      this.lastPayloads = {};
-    }
-  }
-}

package/context/UniversalKeyValueStore.d.ts

@@ -1,32 +0,0 @@
-export type ChangeType = 'init' | 'set' | 'remove';
-export interface KeyValueChange<K extends IDBValidKey = IDBValidKey, V = unknown> {
-    key: K;
-    value: V | undefined;
-    inMemory: boolean;
-    type: ChangeType;
-}
-export interface UniversalKeyValueStoreOptions<K extends IDBValidKey = IDBValidKey> {
-    memoryKeys?: K[];
-}
-export declare class UniversalKeyValueStore<K extends IDBValidKey = IDBValidKey, V = unknown> {
-    private readonly store;
-    private readonly memoryKeySet;
-    private readonly memory;
-    private readonly emitter;
-    private constructor();
-    static initialize<K extends IDBValidKey = IDBValidKey, V = unknown>(dbName: string, tableName: string, options: UniversalKeyValueStoreOptions<K>): Promise<UniversalKeyValueStore<K, V>>;
-    private init;
-    static makeEventName(key: IDBValidKey): string;
-    private toStorageKey;
-    private isMemoryKey;
-    private emitEvent;
-    get(key: K): Promise<V | undefined>;
-    getMemory(key: K): V | undefined;
-    set(key: K, value: V): Promise<void>;
-    remove(key: K): Promise<void>;
-    getAll(): Promise<Record<string, V>>;
-    getAllMemory(): Record<string, V>;
-    subscribe(key: K, listener: (change: KeyValueChange<K, V>) => void, options?: {
-        callImmediately?: boolean;
-    }): () => void;
-}

package/context/UniversalKeyValueStore.js

@@ -1,140 +0,0 @@
-import { createStore, get as idbGet, set as idbSet, del as idbDel, entries as idbEntries } from 'idb-keyval';
-import { SimpleEventEmitter } from './SimpleEventEmitter';
-export class UniversalKeyValueStore {
-  store;
-  memoryKeySet;
-  memory;
-  emitter;
-  constructor(dbName, tableName, options) {
-    const {
-      memoryKeys = []
-    } = options;
-    this.store = createStore(dbName, tableName);
-    this.memoryKeySet = new Set(memoryKeys);
-    this.memory = new Map();
-    this.emitter = new SimpleEventEmitter();
-  }
-  static async initialize(dbName, tableName, options) {
-    const instance = new UniversalKeyValueStore(dbName, tableName, options);
-    await instance.init();
-    return instance;
-  }
-  async init() {
-    if (this.memoryKeySet.size > 0) {
-      for (const key of this.memoryKeySet) {
-        try {
-          const value = await idbGet(this.toStorageKey(key), this.store);
-          if (value !== undefined) {
-            this.memory.set(key, value);
-          }
-        } catch (e) {
-          console.error('Failed to init memory key from IndexedDB', {
-            key,
-            error: e
-          });
-        }
-      }
-    }
-  }
-  static makeEventName(key) {
-    return `key:${String(key)}`;
-  }
-  toStorageKey(key) {
-    return key;
-  }
-  isMemoryKey(key) {
-    return this.memoryKeySet.has(key);
-  }
-  emitEvent(eventName, payload) {
-    try {
-      this.emitter.emit(eventName, payload);
-    } catch (e) {
-      console.error('Failed to emit event', {
-        eventName,
-        payload,
-        error: e
-      });
-    }
-  }
-  async get(key) {
-    if (this.isMemoryKey(key) && this.memory.has(key)) {
-      return this.memory.get(key);
-    }
-    const value = await idbGet(this.toStorageKey(key), this.store);
-    if (this.isMemoryKey(key) && value !== undefined) {
-      this.memory.set(key, value);
-    }
-    return value;
-  }
-  getMemory(key) {
-    if (this.isMemoryKey(key)) {
-      return this.memory.get(key);
-    }
-    return undefined;
-  }
-  async set(key, value) {
-    const inMemory = this.isMemoryKey(key);
-    if (inMemory) {
-      this.memory.set(key, value);
-    }
-    const payload = {
-      key,
-      value,
-      inMemory,
-      type: 'set'
-    };
-    this.emitEvent(UniversalKeyValueStore.makeEventName(key), payload);
-    await idbSet(this.toStorageKey(key), value, this.store);
-  }
-  async remove(key) {
-    const inMemory = this.isMemoryKey(key);
-    if (inMemory) {
-      this.memory.delete(key);
-    }
-    const payload = {
-      key,
-      value: undefined,
-      inMemory,
-      type: 'remove'
-    };
-    this.emitEvent(UniversalKeyValueStore.makeEventName(key), payload);
-    await idbDel(this.toStorageKey(key), this.store);
-  }
-  async getAll() {
-    const persistentRaw = await idbEntries(this.store);
-    const persistent = {};
-    for (const [storageKey, value] of Object.entries(persistentRaw)) {
-      persistent[storageKey] = value;
-    }
-    const result = {
-      ...persistent
-    };
-    for (const [key, value] of this.memory.entries()) {
-      result[String(key)] = value;
-    }
-    return result;
-  }
-  getAllMemory() {
-    return Array.from(this.memory.entries()).reduce((acc, [key, value]) => {
-      acc[String(key)] = value;
-      return acc;
-    }, {});
-  }
-  subscribe(key, listener, options) {
-    const eventName = UniversalKeyValueStore.makeEventName(key);
-    const unsubscribe = this.emitter.on(eventName, listener, false);
-    if (options !== null && options !== void 0 && options.callImmediately) {
-      this.get(key).then(value => {
-        if (value !== undefined) {
-          listener({
-            key,
-            value,
-            inMemory: this.isMemoryKey(key),
-            type: 'init'
-          });
-        }
-      });
-    }
-    return unsubscribe;
-  }
-}

package/context/context.d.ts

@@ -1,2 +0,0 @@
-import { type SPAContextType } from './types';
-export declare const SPAContext: import("react").Context<SPAContextType | undefined>;

package/context/context.js

@@ -1,2 +0,0 @@
-import { createContext } from 'react';
-export const SPAContext = createContext(undefined);

package/context/index.d.ts

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

package/context/index.js

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

package/context/types.d.ts

@@ -1,38 +0,0 @@
-import { type History } from 'history';
-import type { GrpcClient, HttpClient, RpcClient } from '@pushwoosh/http-client';
-import type { API as RpcGatewayJourneyAPI } from '@pushwoosh/rpc-gateway-journey-data';
-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';
-import type { UniversalKeyValueStore } from './UniversalKeyValueStore';
-export type Environment = {
-    isPWI: boolean;
-    isPushwoosh: boolean;
-    isWavesend: boolean;
-    isOMO: boolean;
-};
-export type SPAContextType = {
-    readonly history: History;
-    readonly httpClient: HttpClient;
-    readonly rpcClient: RpcClient;
-    readonly grpcClient: GrpcClient;
-    readonly grpcBridge: {
-        readonly clients: {
-            readonly billingGrpcClient: GrpcClient;
-        };
-    };
-    readonly sessionStore: SessionStore;
-    readonly rpcGateway: RpcGatewayAPI;
-    readonly rpcGatewayJourney: RpcGatewayJourneyAPI;
-    readonly rpcGatewayPayment: RpcGatewayPaymentAPI;
-    readonly language: string;
-    readonly helpers: {
-        readonly getApiOrigin: (name: string) => string;
-        readonly getJsonApiUrl: (method: string) => string;
-    };
-    readonly eventBus: SimpleEventEmitter;
-    readonly environment: Environment;
-    readonly keyValueStorage: UniversalKeyValueStore;
-    readonly __smartComponentsCache: Record<string, any>;
-};

package/context/types.js

@@ -1 +0,0 @@
-export {};

package/context/useSPAContext.d.ts

@@ -1 +0,0 @@
-export declare function useSPAContext(): import("./types").SPAContextType;

package/context/useSPAContext.js

@@ -1,9 +0,0 @@
-import { useContext } from 'react';
-import { SPAContext } from './context';
-export function useSPAContext() {
-  const contextValue = useContext(SPAContext);
-  if (!contextValue) {
-    throw new Error('useSPAContext must be used within a SPAContextProvider');
-  }
-  return contextValue;
-}