@wildix/xbees-connect 1.1.1 → 1.1.2-alpha.1

package/dist-es/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@wildix/xbees-connect",
-    "version": "1.1.0",
+    "version": "1.1.2-alpha.0",
     "description": "This library provides easy communication between x-bees and integrated web applications",
     "author": "dimitri.chernykh <dimitri.chernykh@wildix.com>",
     "homepage": "",

package/dist-es/src/Client.js

@@ -1,5 +1,6 @@
 import packageJson from '../package.json';
 import { ClientEventType, DeprecatedUrlParams, EventType, UrlParams } from './enums';
+import LocalStorageManager from './helpers/LocalStorageManager';
 import PostMessageControllerNative from './helpers/PostMessageControllerNative';
 import PostMessageControllerWeb from './helpers/PostMessageControllerWeb';
 /**
@@ -36,6 +37,7 @@ export class Client {
     needAuthorize;
     iframeId;
     variant = null;
+    localStorageManager = LocalStorageManager.getInstance();
     constructor() {
         const params = new URLSearchParams(window.location.search);
         this.iframeId = (params.get(UrlParams.ID) ?? params.get(DeprecatedUrlParams.ID));
@@ -185,6 +187,7 @@ export class Client {
         }
     }
     off(callback) {
+        this.localStorageManager.removeOnStorage(callback);
         this.removeEventListener(null, callback);
     }
     onCallEnded(callback) {
@@ -239,4 +242,13 @@ export class Client {
     onThemeChange(callback) {
         this.addEventListener(EventType.USE_THEME, callback);
     }
+    getFromStorage(key) {
+        this.localStorageManager.retrieve(key);
+    }
+    saveToStorage(key, value) {
+        this.localStorageManager.save(key, value);
+    }
+    onStorage(listener) {
+        this.localStorageManager.onStorage(listener);
+    }
 }

package/dist-es/src/helpers/LocalStorageManager.js

@@ -0,0 +1,68 @@
+class LocalStorageManager {
+    static instance = null;
+    static getInstance() {
+        if (!this.instance) {
+            this.instance = new LocalStorageManager();
+        }
+        return this.instance;
+    }
+    listeners = new Set();
+    integrationKey = '';
+    getStorageKey(key) {
+        return !this.integrationKey ? key : `${this.integrationKey}_${key}`;
+    }
+    getKey(key) {
+        return !this.integrationKey
+            ? key
+            : key.slice(`${this.integrationKey}_`.length);
+    }
+    constructor() {
+        if (this.shouldUseIntegrationKey()) {
+            this.integrationKey = this.calculateIntegrationKey();
+        }
+        window.addEventListener('storage', (event) => {
+            if (!event.key)
+                return;
+            const key = this.getKey(event.key);
+            this.listeners.forEach((listener) => listener({ ...event, key }));
+        });
+    }
+    calculateIntegrationKey() {
+        const pattern = /^\/([^/]+)\/index\.html$/;
+        const match = window.location.pathname.match(pattern);
+        if (match && match[1]) {
+            const [, key] = match;
+            return key;
+        }
+        return '';
+    }
+    shouldUseIntegrationKey() {
+        return (window.location.host.endsWith('integrations.x-bees.com') ||
+            window.location.pathname.endsWith('/index.html'));
+    }
+    save(key, value) {
+        // Save data to localStorage
+        localStorage.setItem(this.getStorageKey(key), JSON.stringify(value));
+    }
+    retrieve(key) {
+        // Retrieve data from localStorage
+        const data = localStorage.getItem(this.getStorageKey(key));
+        try {
+            return !data ? data : JSON.parse(data);
+        }
+        catch (error) {
+            console.error('parse data error', error);
+            return null;
+        }
+    }
+    get(key) {
+        return localStorage.getItem(this.getStorageKey(key));
+    }
+    onStorage(listener) {
+        this.listeners.add(listener);
+    }
+    removeOnStorage(listener) {
+        this.listeners.delete(listener);
+    }
+}
+export default LocalStorageManager;

package/dist-types/src/Client.d.ts

@@ -1,4 +1,4 @@
-import { Callback, ConnectClient, Contact, ContactQuery, IPayloadAutoSuggestResult, IPayloadContactMatchResult, IPayloadViewPort, LookupAndMatchContactsResolver, Message, Reject, RemoveEventListener, ResponseMessage, SuggestContactsResolver } from '../types';
+import { Callback, ConnectClient, Contact, ContactQuery, IPayloadAutoSuggestResult, IPayloadContactMatchResult, IPayloadViewPort, LookupAndMatchContactsResolver, Message, Reject, RemoveEventListener, ResponseMessage, StorageEventCallback, SuggestContactsResolver } from '../types';
 import { ClientEventType, EventType } from './enums';
 /**
  * Client provides functionality of communication between xBees and integrated web applications via iFrame or ReactNative WebView
@@ -17,6 +17,7 @@ export declare class Client implements ConnectClient {
     private readonly needAuthorize;
     private readonly iframeId;
     private readonly variant;
+    private readonly localStorageManager;
     constructor();
     private sendAsync;
     private parseMessage;
@@ -43,11 +44,14 @@ export declare class Client implements ConnectClient {
     sendContactMatch(payload: IPayloadContactMatchResult): Promise<Message<ClientEventType.CONTACT_LOOKUP_AND_MATCH>>;
     addEventListener<T extends EventType = EventType>(eventName: T, callback: Callback<T>): RemoveEventListener;
     removeEventListener<T extends EventType = EventType>(eventName: T | null, callback: Callback<T>): void;
-    off(callback: Callback): void;
+    off(callback: Callback | StorageEventCallback): void;
     onCallEnded(callback: Callback<EventType.TERMINATE_CALL>): void;
     onCallStarted(callback: Callback<EventType.ADD_CALL>): void;
     onPbxTokenChange(callback: Callback<EventType.PBX_TOKEN>): void;
     onSuggestContacts(callback: (query: string, resolve: SuggestContactsResolver, reject: Reject) => void): RemoveEventListener;
     onLookupAndMatchContact(callback: (query: ContactQuery, resolve: LookupAndMatchContactsResolver, reject: Reject) => void): RemoveEventListener;
     onThemeChange(callback: Callback<EventType.USE_THEME>): void;
+    getFromStorage(key: string): void;
+    saveToStorage(key: string, value: any): void;
+    onStorage(listener: StorageEventCallback): void;
 }

package/dist-types/src/helpers/LocalStorageManager.d.ts

@@ -0,0 +1,18 @@
+import { StorageEventCallback } from '../../types';
+declare class LocalStorageManager {
+    private static instance;
+    static getInstance(): LocalStorageManager;
+    private listeners;
+    private integrationKey;
+    getStorageKey(key: string): string;
+    getKey(key: string): string;
+    constructor();
+    private calculateIntegrationKey;
+    private shouldUseIntegrationKey;
+    save(key: string, value: any): void;
+    retrieve(key: string): any;
+    get(key: string): any;
+    onStorage(listener: StorageEventCallback): void;
+    removeOnStorage(listener: StorageEventCallback): void;
+}
+export default LocalStorageManager;

package/dist-types/types/index.d.ts

@@ -85,6 +85,7 @@ export type EventCallbackMap = {
     [EventType.USE_THEME]: (theme: EventPayloadMap[EventType.USE_THEME]) => void;
     [EventType.PBX_TOKEN]: (token: EventPayloadMap[EventType.PBX_TOKEN]) => void;
 };
+export type StorageEventCallback = (event: StorageEvent) => void;
 export type Callback<T extends EventType = EventType> = T extends keyof EventCallbackMap ? EventCallbackMap[T] : DefaultCallback;
 export interface Listener<T extends EventType = EventType> {
     eventName: T;
@@ -190,5 +191,11 @@ export interface ConnectClient {
     /**
      * Removes particular callback from handling events */
     off: (callback: Callback) => void;
+    /**
+     * saves data to localStorage */
+    saveToStorage: (key: string, value: any) => void;
+    /**
+     * Retrieves data from localStorage */
+    getFromStorage: (key: string) => void;
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wildix/xbees-connect",
-  "version": "1.1.1",
+  "version": "1.1.2-alpha.1",
   "description": "This library provides easy communication between x-bees and integrated web applications",
   "author": "dimitri.chernykh <dimitri.chernykh@wildix.com>",
   "homepage": "",
@@ -42,5 +42,5 @@
   "engines": {
     "node": ">=16"
   },
-  "gitHead": "233a9c252d03c11b84142544cba1f2de6cd1401c"
+  "gitHead": "a481bbfe4b0fdcba3b554a1af7015cedf6f6ba82"
 }