@wildix/xbees-connect 1.3.4 → 1.3.5

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

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+class LocalStorageManager {
+    static instance = null;
+    static getInstance() {
+        if (!this.instance) {
+            this.instance = new LocalStorageManager();
+        }
+        return this.instance;
+    }
+    listeners = new Set();
+    integrationKey = '';
+    setIntegrationKey(integrationKey) {
+        this.integrationKey = 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 = /^\/(\S+)?\/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');
+    }
+    save(key, value) {
+        // Save data to localStorage
+        localStorage.setItem(this.getStorageKey(key), typeof value === 'string' ? value : JSON.stringify(value));
+    }
+    delete(key) {
+        // Save data to localStorage
+        localStorage.removeItem(this.getStorageKey(key));
+    }
+    retrieve(key) {
+        // Retrieve data from localStorage
+        const data = localStorage.getItem(this.getStorageKey(key));
+        try {
+            return !data ? data : JSON.parse(data);
+        }
+        catch (error) {
+            return data;
+        }
+    }
+    get(key) {
+        return localStorage.getItem(this.getStorageKey(key));
+    }
+    onStorage(listener) {
+        this.listeners.add(listener);
+        return () => this.removeOnStorage(listener);
+    }
+    removeOnStorage(listener) {
+        this.listeners.delete(listener);
+    }
+}
+exports.default = LocalStorageManager;

package/dist-cjs/src/helpers/MessageListener.js

@@ -0,0 +1,85 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MessageListener = void 0;
+const enums_1 = require("../enums");
+class MessageListener {
+    static instance = null;
+    static getInstance() {
+        if (!this.instance) {
+            this.instance = new MessageListener();
+        }
+        return this.instance;
+    }
+    listeners = [];
+    useSubscription = false;
+    // eslint-disable-next-line
+    constructor() { }
+    parseMessage(message) {
+        try {
+            const data = typeof message.data === 'string' ? MessageListener.parseJSON(message.data) : message.data;
+            if (!data?.type) {
+                return null;
+            }
+            return data;
+        }
+        catch (error) {
+            console.error('parse message error', error);
+            return null;
+        }
+    }
+    static parseJSON(messageData) {
+        const trimmedData = messageData.trim();
+        if (!trimmedData || !trimmedData.startsWith('{') || !trimmedData.endsWith('}')) {
+            return null;
+        }
+        return JSON.parse(trimmedData);
+    }
+    onMessage = (message) => {
+        if (window.location.host === message.origin || window === message.source) {
+            console.debug(`onMessage skipped ${window.location.host} - ${message.origin} - ${window === message.source} - ${message}`);
+            // skip events started from integration itself if any
+            return;
+        }
+        const data = this.parseMessage(message);
+        if (!data) {
+            console.debug('onMessage skipped', message);
+            return;
+        }
+        const { type, payload } = data;
+        console.debug(`onMessage call - ${type} - ${payload}`);
+        this.listeners.forEach(({ eventName, callback }) => {
+            if (eventName === type) {
+                if (type === enums_1.EventType.ADD_CALL) {
+                    const callbackFn = callback;
+                    callbackFn(payload);
+                }
+                else {
+                    // @ts-expect-error TODO: check the type for Callback<?>
+                    const callbackFn = callback;
+                    callbackFn(payload);
+                }
+            }
+        });
+    };
+    listen(eventName, callback) {
+        if (!this.useSubscription) {
+            this.useSubscription = true;
+            window.addEventListener('message', this.onMessage);
+        }
+        const foundThisEvent = this.listeners.find(({ eventName: _eventName, callback: _callback }) => eventName === _eventName && Object.is(callback, _callback));
+        if (!foundThisEvent) {
+            this.listeners.push({ eventName, callback });
+        }
+        return () => {
+            this.off(eventName, callback);
+        };
+    }
+    off(eventName, callback) {
+        this.listeners = this.listeners.filter(({ eventName: _eventName, callback: _callback }) => !(Object.is(callback, _callback) && (!eventName ? true : eventName === _eventName)));
+        if (this.useSubscription && !this.listeners.length) {
+            this.useSubscription = false;
+            window.removeEventListener('message', this.onMessage);
+        }
+    }
+}
+exports.MessageListener = MessageListener;

package/dist-cjs/src/helpers/PostMessageController.js

@@ -0,0 +1,48 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const ClientParams_1 = __importDefault(require("./ClientParams"));
+const PostMessageControllerNative_1 = __importDefault(require("./PostMessageControllerNative"));
+const PostMessageControllerWeb_1 = __importDefault(require("./PostMessageControllerWeb"));
+class PostMessageController {
+    static instance = null;
+    static getInstance() {
+        if (!this.instance) {
+            this.instance = new PostMessageController();
+        }
+        return this.instance;
+    }
+    worker;
+    isParentReactNativeWebView;
+    constructor() {
+        // @ts-expect-error window.ReactNativeWebView will be provided by ReactNative WebView
+        this.isParentReactNativeWebView = !!window.ReactNativeWebView;
+        this.worker = this.isParentReactNativeWebView ? new PostMessageControllerNative_1.default() : new PostMessageControllerWeb_1.default();
+    }
+    sendAsync(data) {
+        return this.worker.sendAsync({
+            ...data,
+            iframeId: ClientParams_1.default.getInstance().iframeId,
+        });
+    }
+    async sendAsyncErrorSafe(data) {
+        try {
+            return await this.sendAsync(data);
+        }
+        catch (error) {
+            console.debug('send error - type:', error);
+        }
+    }
+    isPlatformNative() {
+        return this.isParentReactNativeWebView;
+    }
+    isPlatformWeb() {
+        return !this.isParentReactNativeWebView;
+    }
+    isOpenedFromXBees() {
+        return this.isParentReactNativeWebView || (!!parent && parent !== window);
+    }
+}
+exports.default = PostMessageController;

package/dist-cjs/src/helpers/PostMessageControllerNative.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+class PostMessageControllerNative {
+    target;
+    timeout = 10000;
+    constructor() {
+        // @ts-expect-error window.ReactNativeWebView will be provided by ReactNative WebView
+        this.target = window.ReactNativeWebView;
+    }
+    sendAsync(data) {
+        if (!this.target) {
+            return Promise.reject('your application should be wrapped within iframe to xbees-connect perform the connection');
+        }
+        return this.send(this.target, data);
+    }
+    send(target, message) {
+        return new Promise((resolve, reject) => {
+            const channel = new MessageChannel();
+            const listener = (event) => {
+                try {
+                    const parsedData = JSON.parse(event.data);
+                    if (parsedData?.type === message.type) {
+                        clearTimeout(timeout);
+                        window.removeEventListener('message', listener);
+                        if (!parsedData.errorMessage) {
+                            resolve(parsedData);
+                        }
+                        else {
+                            reject(parsedData);
+                        }
+                    }
+                }
+                catch (error) {
+                    console.error('on receive response Error', error);
+                }
+            };
+            window.addEventListener('message', listener);
+            const timeout = setTimeout(() => {
+                channel.port1.close();
+                window.removeEventListener('message', listener);
+                reject({ errorMessage: 'timeout', type: message.type });
+            }, this.timeout);
+            target.postMessage(JSON.stringify(message));
+        });
+    }
+}
+exports.default = PostMessageControllerNative;

package/dist-cjs/src/helpers/PostMessageControllerWeb.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+class PostMessageControllerWeb {
+    target;
+    timeout = 10000;
+    constructor() {
+        this.target = parent;
+    }
+    sendAsync(data) {
+        if (!this.target || this.target === window) {
+            return Promise.reject('your application should be wrapped within iframe to xbees-connect perform the connection');
+        }
+        return this.send(this.target, data);
+    }
+    send(target, payload) {
+        return new Promise((resolve, reject) => {
+            const channel = new MessageChannel();
+            const timeout = setTimeout(() => {
+                channel.port1.close();
+                reject({ errorMessage: 'timeout', type: payload.type });
+            }, this.timeout);
+            channel.port1.onmessage = ({ data }) => {
+                clearTimeout(timeout);
+                channel.port1.close();
+                if (!data.errorMessage) {
+                    resolve(data);
+                }
+                else {
+                    reject(data);
+                }
+            };
+            target.postMessage(payload, '*', [channel.port2]);
+        });
+    }
+}
+exports.default = PostMessageControllerWeb;

package/dist-cjs/src/helpers/TechnicalSupport.js

@@ -0,0 +1,30 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const enums_1 = require("../enums");
+const ClientParams_1 = __importDefault(require("./ClientParams"));
+const PostMessageController_1 = __importDefault(require("./PostMessageController"));
+class TechnicalSupport {
+    static instance = null;
+    static getInstance() {
+        if (!this.instance) {
+            this.instance = new TechnicalSupport();
+        }
+        return this.instance;
+    }
+    // eslint-disable-next-line
+    constructor() { }
+    sendTechnicalInformation(message, data) {
+        return PostMessageController_1.default.getInstance().sendAsyncErrorSafe({
+            type: enums_1.ClientEventType.SEND_TECHNICAL_SUPPORT_INFORMATION,
+            payload: {
+                'x-iframe-params': ClientParams_1.default.getInstance(),
+                message,
+                data,
+            },
+        });
+    }
+}
+exports.default = TechnicalSupport;

package/dist-cjs/src/utils/url/getUrlSearchParamsMap.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getUrlSearchParamsMap = getUrlSearchParamsMap;
+function getUrlSearchParamsMap() {
+    return new URLSearchParams(window.location.search);
+}

package/dist-cjs/types/AvailableContactData.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist-cjs/types/Callback.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist-cjs/types/Client.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist-cjs/types/Contact.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist-cjs/types/Conversation.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist-cjs/types/Event.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const enums_1 = require("../src/enums");

package/dist-cjs/types/Json.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist-cjs/types/Listener.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist-cjs/types/Message.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist-cjs/types/MessageSender.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist-cjs/types/Payload.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist-cjs/types/Platform.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SupportedPlatformVariant = void 0;
+var SupportedPlatformVariant;
+(function (SupportedPlatformVariant) {
+    SupportedPlatformVariant["ALL"] = "all";
+    SupportedPlatformVariant["MOBILE"] = "mobile";
+    SupportedPlatformVariant["WEB"] = "web";
+})(SupportedPlatformVariant || (exports.SupportedPlatformVariant = SupportedPlatformVariant = {}));

package/dist-cjs/types/Resolver.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist-cjs/types/Storage.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist-cjs/types/Toast.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist-cjs/types/WorkVariant.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist-cjs/types/XBeesUser.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist-cjs/types/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SupportedPlatformVariant = void 0;
+var Platform_1 = require("./Platform");
+Object.defineProperty(exports, "SupportedPlatformVariant", { enumerable: true, get: function () { return Platform_1.SupportedPlatformVariant; } });

package/dist-es/index.js

@@ -0,0 +1,6 @@
+import { Client } from './src/Client';
+export { EventType } from './src/enums';
+export { ClientEventType } from './src/enums';
+export { StartPage, UrlParams } from './src/enums';
+export * from './types';
+export default Client;

package/dist-es/package.json

@@ -0,0 +1,48 @@
+{
+    "name": "@wildix/xbees-connect",
+    "version": "1.3.5",
+    "description": "This library provides easy communication between x-bees and integrated web applications",
+    "author": "dimitri.chernykh <dimitri.chernykh@wildix.com>",
+    "homepage": "",
+    "sideEffects": false,
+    "license": "MIT",
+    "main": "./dist-cjs/index.js",
+    "types": "./dist-types/index.d.ts",
+    "module": "./dist-es/index.js",
+    "scripts": {
+        "build": "bun run clean && bun run build:es && bun run build:cjs && bun run build:types",
+        "build:es": "tsc -p tsconfig.es.json",
+        "build:cjs": "tsc -p tsconfig.cjs.json",
+        "build:types": "tsc -p tsconfig.types.json",
+        "build:docs": "typedoc",
+        "lint": "eslint . && tsc --noEmit",
+        "lint:fix": "eslint . --fix",
+        "clean": "rimraf --glob './dist-*' '*.tsbuildinfo'",
+        "build:api-extractor": "api-extractor run --local"
+    },
+    "files": [
+        "dist-*/**"
+    ],
+    "repository": {
+        "type": "git",
+        "url": "git@git.wildix.com:xbs/sdk-ui.git"
+    },
+    "publishConfig": {
+        "access": "public"
+    },
+    "devDependencies": {
+        "@microsoft/api-extractor": "^7.47.9",
+        "@wildix/eslint-config-style-guide": "^1.2.2",
+        "eslint": "^8.55.0",
+        "rimraf": "^5.0.5",
+        "typescript": "^5.3.3"
+    },
+    "parserOptions": {
+        "project": [
+            "./tsconfig.json"
+        ]
+    },
+    "engines": {
+        "node": ">=16"
+    }
+}