@wildix/xbees-connect 1.2.11 → 1.2.13

package/dist-cjs/index.js

@@ -0,0 +1,26 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UrlParams = exports.ClientEventType = exports.EventType = void 0;
+const Client_1 = require("./src/Client");
+var enums_1 = require("./src/enums");
+Object.defineProperty(exports, "EventType", { enumerable: true, get: function () { return enums_1.EventType; } });
+var enums_2 = require("./src/enums");
+Object.defineProperty(exports, "ClientEventType", { enumerable: true, get: function () { return enums_2.ClientEventType; } });
+var enums_3 = require("./src/enums");
+Object.defineProperty(exports, "UrlParams", { enumerable: true, get: function () { return enums_3.UrlParams; } });
+__exportStar(require("./types"), exports);
+exports.default = Client_1.Client;

package/dist-cjs/package.json

@@ -0,0 +1,49 @@
+{
+    "name": "@wildix/xbees-connect",
+    "version": "1.2.13",
+    "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": "yarn clean && yarn build:es && yarn build:cjs && yarn 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 ./dist-* && rimraf *.tsbuildinfo"
+    },
+    "files": [
+        "dist-*/**"
+    ],
+    "repository": {
+        "type": "git",
+        "url": "git@git.wildix.com:xbs/sdk-ui.git"
+    },
+    "publishConfig": {
+        "access": "public"
+    },
+    "devDependencies": {
+        "@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"
+    },
+    "dependencies": {
+        "jwt-decode": "^4.0.0"
+    }
+}

package/dist-cjs/src/Client.js

@@ -0,0 +1,359 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Client = void 0;
+const package_json_1 = __importDefault(require("../package.json"));
+const enums_1 = require("./enums");
+const LocalStorageManager_1 = __importDefault(require("./helpers/LocalStorageManager"));
+const MessageListener_1 = require("./helpers/MessageListener");
+const PostMessageControllerNative_1 = __importDefault(require("./helpers/PostMessageControllerNative"));
+const PostMessageControllerWeb_1 = __importDefault(require("./helpers/PostMessageControllerWeb"));
+const TechnicalSupport_1 = __importDefault(require("./helpers/TechnicalSupport"));
+const getPbxDomainFromJwt_1 = require("./utils/getPbxDomainFromJwt");
+const getUrlSearchParamsMap_1 = require("./utils/url/getUrlSearchParamsMap");
+/**
+ * Client provides functionality of communication between xBees and integrated web applications via iFrame or ReactNative WebView
+ * integration creates na instance with new Client()
+ * */
+class Client {
+    static instance = null;
+    static getInstance() {
+        if (!this.instance) {
+            this.instance = new Client();
+        }
+        return this.instance;
+    }
+    static initialize(renderer) {
+        if (this.getInstance().showsUi()) {
+            try {
+                void renderer();
+            }
+            catch (error) {
+                console.error('Error on init rendering widget:', error);
+            }
+        }
+        else {
+            void this.getInstance().ready();
+        }
+    }
+    worker;
+    listeners = [];
+    useSubscription = false;
+    userToken = '';
+    pbxDomain = '';
+    visible = false;
+    userEmail;
+    referrer;
+    needAuthorize;
+    isParentReactNativeWebView;
+    iframeId;
+    variant = null;
+    localStorageManager = LocalStorageManager_1.default.getInstance();
+    userExtension;
+    constructor() {
+        const params = (0, getUrlSearchParamsMap_1.getUrlSearchParamsMap)();
+        this.iframeId = params.get(enums_1.UrlParams.ID);
+        this.variant = params.get(enums_1.UrlParams.VARIANT);
+        this.userEmail = params.get(enums_1.UrlParams.USER);
+        this.userExtension = params.get(enums_1.UrlParams.EXTENSION);
+        this.referrer = params.get(enums_1.UrlParams.REFERRER);
+        this.needAuthorize = params.has(enums_1.UrlParams.AUTHORIZE);
+        // @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();
+        this.addEventListener(enums_1.EventType.PBX_TOKEN, (token) => {
+            this.userToken = token;
+            this.pbxDomain = (0, getPbxDomainFromJwt_1.getPbxDomainFromJwt)(token);
+        });
+        this.addEventListener(enums_1.EventType.VISIBILITY, (isActive) => (this.visible = isActive));
+    }
+    sendAsync(data) {
+        return this.worker.sendAsync({
+            ...data,
+            iframeId: this.iframeId,
+        });
+    }
+    async sendAsyncErrorSafe(data) {
+        try {
+            return await this.sendAsync(data);
+        }
+        catch (error) {
+            console.debug('send error - type:', error);
+        }
+    }
+    parseMessage(message) {
+        try {
+            const data = typeof message.data === 'string' ? MessageListener_1.MessageListener.parseJSON(message.data) : message.data;
+            if (!data?.type) {
+                return null;
+            }
+            return data;
+        }
+        catch (error) {
+            console.error('parse message error', error);
+            return null;
+        }
+    }
+    onMessage(message) {
+        const data = this.parseMessage(message);
+        if (!data) {
+            return;
+        }
+        const { type, payload } = data;
+        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);
+                }
+            }
+        });
+    }
+    sendDailyIntegrationUsageAnalytics() {
+        const sendedUsageAnalyticsDate = this.getFromStorage('sendedUsageAnalyticsDate');
+        const today = new Date().toDateString();
+        if (sendedUsageAnalyticsDate !== today) {
+            this.sendAnalytics('xBeesIntegrationUsage');
+            this.saveToStorage('sendedUsageAnalyticsDate', today);
+        }
+    }
+    ready(templateId, platform = 'all') {
+        return this.sendAsync({
+            type: enums_1.ClientEventType.READY,
+            payload: { version: this.version(), platform, templateId },
+        });
+    }
+    version() {
+        return package_json_1.default.version;
+    }
+    isPlatformNative() {
+        return this.isParentReactNativeWebView;
+    }
+    isPlatformWeb() {
+        return !this.isParentReactNativeWebView;
+    }
+    isOpenedFromXBees() {
+        return this.isParentReactNativeWebView || (!!parent && parent !== window);
+    }
+    getUserPbxToken() {
+        return this.userToken;
+    }
+    getUserEmail() {
+        return this.userEmail;
+    }
+    getPbxDomain() {
+        return this.pbxDomain;
+    }
+    getUserExtension() {
+        return this.userExtension;
+    }
+    getReferrer() {
+        return this.referrer;
+    }
+    isVisible() {
+        return this.visible;
+    }
+    getBackToAppUrl() {
+        if (Client.getInstance().isPlatformNative()) {
+            return `com.wildix.rnc://integrations/${this.iframeId}`;
+        }
+        return `${this.referrer}/integrations/${this.iframeId}`;
+    }
+    isDataOnly() {
+        return this.variant === 'no-ui' || this.variant === 'daemon';
+    }
+    isSetupDialog() {
+        return this.variant === 'd' || this.variant === 'dialog';
+    }
+    showsUi() {
+        return !this.isDataOnly();
+    }
+    isActivationOnly() {
+        return this.needAuthorize;
+    }
+    getContext() {
+        return this.sendAsync({ type: enums_1.ClientEventType.CONTEXT });
+    }
+    getCurrentContact() {
+        return this.sendAsync({ type: enums_1.ClientEventType.CURRENT_CONTACT });
+    }
+    getCurrentConversation() {
+        return this.sendAsync({ type: enums_1.ClientEventType.CURRENT_CONVERSATION });
+    }
+    contactUpdated(query, contact) {
+        return this.sendAsync({ type: enums_1.ClientEventType.CONTACT_CREATE_OR_UPDATE, payload: { query, contact } });
+    }
+    contactMatchUpdated(query, contact) {
+        return this.sendAsync({ type: enums_1.ClientEventType.CONTACT_MATCH_UPDATE, payload: { query, contact } });
+    }
+    getThemeMode() {
+        return this.sendAsync({ type: enums_1.ClientEventType.THEME_MODE });
+    }
+    getTheme() {
+        return this.sendAsync({ type: enums_1.ClientEventType.THEME });
+    }
+    startCall(phoneNumber) {
+        return this.sendAsync({
+            type: enums_1.ClientEventType.START_CALL,
+            payload: { phoneNumber },
+        });
+    }
+    reboot() {
+        return this.sendAsync({ type: enums_1.ClientEventType.REBOOT });
+    }
+    setViewport(payload) {
+        return this.sendAsync({ type: enums_1.ClientEventType.VIEW_PORT, payload });
+    }
+    toClipboard(payload) {
+        return this.sendAsync({ type: enums_1.ClientEventType.TO_CLIPBOARD, payload });
+    }
+    showToast(message, severity = 'INFO') {
+        return this.sendAsync({ type: enums_1.ClientEventType.TOAST, payload: { message, severity } });
+    }
+    isNotAuthorized() {
+        return this.sendAsync({ type: enums_1.ClientEventType.NOT_AUTHORIZED });
+    }
+    isAuthorized() {
+        this.sendDailyIntegrationUsageAnalytics();
+        return this.sendAsync({ type: enums_1.ClientEventType.AUTHORIZED });
+    }
+    addEventListener(eventName, callback) {
+        if (!this.useSubscription) {
+            this.useSubscription = true;
+            window.addEventListener('message', this.onMessage.bind(this));
+        }
+        const foundThisEvent = this.listeners.find(({ eventName: _eventName, callback: _callback }) => eventName === _eventName && Object.is(callback, _callback));
+        if (!foundThisEvent) {
+            this.listeners.push({ eventName, callback });
+        }
+        return () => {
+            this.removeEventListener(eventName, callback);
+        };
+    }
+    removeEventListener(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.bind(this));
+        }
+    }
+    off(callback) {
+        this.localStorageManager.removeOnStorage(callback);
+        this.removeEventListener(null, callback);
+    }
+    onRedirectQuery(callback) {
+        return this.addEventListener(enums_1.EventType.REDIRECT_QUERY, callback);
+    }
+    onCallEnded(callback) {
+        return this.addEventListener(enums_1.EventType.TERMINATE_CALL, callback);
+    }
+    onCallStarted(callback) {
+        return this.addEventListener(enums_1.EventType.ADD_CALL, callback);
+    }
+    onPbxTokenChange(callback) {
+        return this.addEventListener(enums_1.EventType.PBX_TOKEN, callback);
+    }
+    getXBeesToken() {
+        return this.sendAsync({ type: enums_1.ClientEventType.TOKEN });
+    }
+    onSuggestContacts(callback) {
+        // send event to x-bees
+        void this.sendAsyncErrorSafe({
+            type: enums_1.ClientEventType.CONTACTS_AUTO_SUGGEST_IS_SUPPORTED,
+        });
+        return this.addEventListener(enums_1.EventType.GET_CONTACTS_AUTO_SUGGEST, (query) => {
+            const resolve = (contacts) => this.sendAsync({
+                type: enums_1.ClientEventType.CONTACTS_AUTO_SUGGEST,
+                payload: {
+                    contacts,
+                    query,
+                },
+            });
+            const reject = (reason) => {
+                console.debug(reason);
+            };
+            try {
+                callback(query, resolve, reject);
+            }
+            catch (error) {
+                reject(`${error}`);
+            }
+        });
+    }
+    onLookupAndMatchContact(callback) {
+        // send event to x-bees
+        void this.sendAsyncErrorSafe({
+            type: enums_1.ClientEventType.CONTACT_LOOK_UP_AND_MATCH_IS_SUPPORTED,
+        });
+        return this.addEventListener(enums_1.EventType.GET_LOOK_UP_AND_MATCH, (query) => {
+            const resolve = (contact) => this.sendAsync({
+                type: enums_1.ClientEventType.CONTACT_LOOKUP_AND_MATCH,
+                payload: {
+                    contact,
+                    query,
+                },
+            });
+            const reject = (reason) => {
+                console.debug(reason);
+                void this.sendAsync({
+                    type: enums_1.ClientEventType.CONTACT_LOOKUP_AND_MATCH_NOT_FOUND,
+                    payload: { query },
+                });
+            };
+            try {
+                callback(query, resolve, reject);
+            }
+            catch (error) {
+                reject(`${error}`);
+            }
+        });
+    }
+    onThemeChange(callback) {
+        return this.addEventListener(enums_1.EventType.USE_THEME, callback);
+    }
+    getFromStorage(key) {
+        return this.localStorageManager.retrieve(key);
+    }
+    saveToStorage(key, value) {
+        this.localStorageManager.save(key, value);
+    }
+    deleteFromStorage(key) {
+        this.localStorageManager.delete(key);
+    }
+    onStorage(listener) {
+        return this.localStorageManager.onStorage(listener);
+    }
+    onLogout(callback) {
+        // send event to x-bees
+        void this.sendAsync({
+            type: enums_1.ClientEventType.LOGOUT_IS_SUPPORTED,
+        });
+        return this.addEventListener(enums_1.EventType.LOGOUT, callback);
+    }
+    sendAnalytics(eventName, params) {
+        void this.sendAsync({
+            type: enums_1.ClientEventType.SEND_ANALYTICS,
+            payload: {
+                eventName,
+                params,
+            },
+        });
+    }
+    setIntegrationStorageKey(integrationKey) {
+        this.localStorageManager.setIntegrationKey(integrationKey);
+    }
+    getTechnicalSupport() {
+        return TechnicalSupport_1.default.getInstance();
+    }
+    onVisibilityChange(callback) {
+        return this.addEventListener(enums_1.EventType.VISIBILITY, callback);
+    }
+}
+exports.Client = Client;

package/dist-cjs/src/enums/index.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UrlParams = exports.ClientEventType = exports.EventType = void 0;
+var EventType;
+(function (EventType) {
+    EventType["GET_CONTACTS_AUTO_SUGGEST"] = "xBeesGetContactsAutoSuggest";
+    EventType["GET_LOOK_UP_AND_MATCH"] = "xBeesGetLookUpAndMatch";
+    EventType["ADD_CALL"] = "xBeesAddCall";
+    EventType["TERMINATE_CALL"] = "xBeesTerminateCall";
+    EventType["USE_THEME"] = "xBeesUseTheme";
+    EventType["PBX_TOKEN"] = "xBeesPbxToken";
+    EventType["REDIRECT_QUERY"] = "xBeesRedirectQuery";
+    EventType["LOGOUT"] = "xBeesLogout";
+    EventType["VISIBILITY"] = "xBeesVisibility";
+})(EventType || (exports.EventType = EventType = {}));
+var ClientEventType;
+(function (ClientEventType) {
+    ClientEventType["READY"] = "xBeesReady";
+    ClientEventType["CONTEXT"] = "xBeesContext";
+    ClientEventType["CURRENT_CONTACT"] = "xBeesCurrentContact";
+    ClientEventType["CURRENT_CONVERSATION"] = "xBeesCurrentConversation";
+    ClientEventType["THEME_MODE"] = "xBeesThemeMode";
+    ClientEventType["THEME"] = "xBeesTheme";
+    ClientEventType["START_CALL"] = "xBeesStartCall";
+    ClientEventType["VIEW_PORT"] = "xBeesViewPort";
+    ClientEventType["REBOOT"] = "xBeesReboot";
+    ClientEventType["TO_CLIPBOARD"] = "xBeesToClipboard";
+    ClientEventType["TOAST"] = "xBeesShowToast";
+    ClientEventType["NOT_AUTHORIZED"] = "xBeesNotAuthorized";
+    ClientEventType["AUTHORIZED"] = "xBeesAuthorized";
+    ClientEventType["TOKEN"] = "xBeesToken";
+    ClientEventType["CONTACTS_AUTO_SUGGEST"] = "xBeesContactsAutoSuggest";
+    ClientEventType["CONTACT_LOOKUP_AND_MATCH"] = "xBeesContactLookupAndMatch";
+    ClientEventType["CONTACT_LOOKUP_AND_MATCH_NOT_FOUND"] = "xBeesContactLookupAndMatchNotFound";
+    ClientEventType["CONTACT_CREATE_OR_UPDATE"] = "xBeesContactCreateOrUpdate";
+    ClientEventType["CONTACT_MATCH_UPDATE"] = "xBeesContactMatchUpdate";
+    ClientEventType["CONTACTS_AUTO_SUGGEST_IS_SUPPORTED"] = "xBeesContactsAutoSuggestIsSupported";
+    ClientEventType["CONTACT_LOOK_UP_AND_MATCH_IS_SUPPORTED"] = "xBeesContactLookupAndMatchIsSupported";
+    ClientEventType["LOGOUT_IS_SUPPORTED"] = "xBeesLogoutIsSupported";
+    ClientEventType["SEND_ANALYTICS"] = "xBeesSendAnalytics";
+    ClientEventType["SEND_TECHNICAL_SUPPORT_INFORMATION"] = "xBeesSendTechInfo";
+})(ClientEventType || (exports.ClientEventType = ClientEventType = {}));
+var UrlParams;
+(function (UrlParams) {
+    UrlParams["TOKEN"] = "t";
+    UrlParams["ID"] = "i";
+    UrlParams["VARIANT"] = "v";
+    UrlParams["USER"] = "u";
+    UrlParams["EXTENSION"] = "e";
+    UrlParams["REFERRER"] = "r";
+    UrlParams["AUTHORIZE"] = "a";
+})(UrlParams || (exports.UrlParams = UrlParams = {}));

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

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const enums_1 = require("../enums");
+const getUrlSearchParamsMap_1 = require("../utils/url/getUrlSearchParamsMap");
+class ClientParams {
+    static instance = null;
+    static getInstance() {
+        if (!this.instance) {
+            this.instance = new ClientParams();
+        }
+        return this.instance;
+    }
+    userToken;
+    userEmail;
+    referrer;
+    needAuthorize;
+    iframeId;
+    variant = null;
+    userExtension = null;
+    constructor() {
+        const params = (0, getUrlSearchParamsMap_1.getUrlSearchParamsMap)();
+        this.iframeId = params.get(enums_1.UrlParams.ID);
+        this.variant = params.get(enums_1.UrlParams.VARIANT);
+        this.userEmail = params.get(enums_1.UrlParams.USER);
+        this.userExtension = params.get(enums_1.UrlParams.EXTENSION);
+        this.userToken = params.get(enums_1.UrlParams.TOKEN);
+        this.referrer = params.get(enums_1.UrlParams.REFERRER);
+        this.needAuthorize = params.has(enums_1.UrlParams.AUTHORIZE);
+    }
+    toString() {
+        const { userToken, ...props } = this;
+        return JSON.stringify({ ...props, userToken: userToken && `...${userToken.slice(-5)}` });
+    }
+}
+exports.default = ClientParams;

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 = /^\/([^/]+)\/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/getPbxDomainFromJwt.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getPbxDomainFromJwt = void 0;
+const jwt_decode_1 = require("jwt-decode");
+function getPbxDomainFromJwt(jwt) {
+    try {
+        if (!jwt) {
+            return '';
+        }
+        const tokenDecode = (0, jwt_decode_1.jwtDecode)(jwt);
+        return tokenDecode['custom:pbx_domain'] || '';
+    }
+    catch (error) {
+        console.error('Failed to decode JWT:', error);
+        return '';
+    }
+}
+exports.getPbxDomainFromJwt = getPbxDomainFromJwt;

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

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

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/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,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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/conversation.js

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

package/dist-cjs/types/index.js

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

package/dist-es/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@wildix/xbees-connect",
-    "version": "1.2.11",
+    "version": "1.2.13",
     "description": "This library provides easy communication between x-bees and integrated web applications",
     "author": "dimitri.chernykh <dimitri.chernykh@wildix.com>",
     "homepage": "",
@@ -9,10 +9,10 @@
     "main": "./dist-cjs/index.js",
     "types": "./dist-types/index.d.ts",
     "module": "./dist-es/index.js",
-    "type": "module",
     "scripts": {
-        "build": "yarn clean && yarn build:es && yarn build:types",
+        "build": "yarn clean && yarn build:es && yarn build:cjs && yarn 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",

package/dist-es/src/Client.js

@@ -118,10 +118,10 @@ export class Client {
             this.saveToStorage('sendedUsageAnalyticsDate', today);
         }
     }
-    ready(platform = 'all') {
+    ready(templateId, platform = 'all') {
         return this.sendAsync({
             type: ClientEventType.READY,
-            payload: { version: this.version(), platform },
+            payload: { version: this.version(), platform, templateId },
         });
     }
     version() {

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

@@ -29,7 +29,7 @@ export declare class Client implements ConnectClient {
     private parseMessage;
     private onMessage;
     private sendDailyIntegrationUsageAnalytics;
-    ready(platform?: SupportedPlatformVariant | undefined): Promise<ResponseMessage>;
+    ready(templateId?: string, platform?: SupportedPlatformVariant | undefined): Promise<ResponseMessage>;
     version(): string;
     isPlatformNative(): boolean;
     isPlatformWeb(): boolean;

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

@@ -12,7 +12,7 @@ import { ToastSeverity } from './Toast';
 export interface ConnectClient {
     /**
      * Sends to x-bees signal that iFrame is ready to be shown. iFrame should send it when the application starts and ready */
-    ready: (platform?: SupportedPlatformVariant) => Promise<ResponseMessage>;
+    ready: (templateId?: string, platform?: SupportedPlatformVariant) => Promise<ResponseMessage>;
     /**
      * Retrieves current pbx token */
     getUserPbxToken: () => string;

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

@@ -2,7 +2,7 @@ import { ClientEventType, EventType } from '../src/enums';
 import { ContactQuery } from './Contact';
 import { Message, MessageType } from './Message';
 import { IPayloadAutoSuggestResult, IPayloadCallStart, IPayloadCallStartedInfo, IPayloadContactMatchResult, IPayloadContactMatchResultNotFound, IPayloadContactResult, IPayloadContextResult, IPayloadConversationResult, IPayloadSendAnalytics, IPayloadTechSupport, IPayloadThemeChange, IPayloadToast, IPayloadVersion, IPayloadViewPort } from './Payload';
-export type EventPayload<T extends MessageType> = T extends EventType.GET_CONTACTS_AUTO_SUGGEST ? string : T extends ClientEventType.CONTACTS_AUTO_SUGGEST ? IPayloadAutoSuggestResult : T extends ClientEventType.CONTACT_LOOKUP_AND_MATCH | ClientEventType.CONTACT_CREATE_OR_UPDATE | ClientEventType.CONTACT_MATCH_UPDATE ? IPayloadContactMatchResult : T extends ClientEventType.CONTACT_LOOKUP_AND_MATCH_NOT_FOUND ? IPayloadContactMatchResultNotFound : T extends ClientEventType.CONTEXT ? IPayloadContextResult : T extends ClientEventType.CURRENT_CONTACT ? IPayloadContactResult : T extends ClientEventType.CURRENT_CONVERSATION ? IPayloadConversationResult : T extends EventType.ADD_CALL ? IPayloadCallStartedInfo : T extends ClientEventType.START_CALL ? IPayloadCallStart : T extends ClientEventType.READY ? IPayloadVersion : T extends ClientEventType.VIEW_PORT ? IPayloadViewPort : T extends ClientEventType.THEME ? IPayloadThemeChange : T extends EventType.USE_THEME ? IPayloadThemeChange : T extends ClientEventType.TOAST ? IPayloadToast : T extends ClientEventType.SEND_ANALYTICS ? IPayloadSendAnalytics : T extends ClientEventType.SEND_TECHNICAL_SUPPORT_INFORMATION ? IPayloadTechSupport : T extends EventType.PBX_TOKEN ? string : T extends ClientEventType.TOKEN ? string : T extends ClientEventType.TO_CLIPBOARD ? string : T extends EventType.GET_LOOK_UP_AND_MATCH ? ContactQuery : never;
+export type EventPayload<T extends MessageType> = T extends EventType.GET_CONTACTS_AUTO_SUGGEST ? string : T extends ClientEventType.CONTACTS_AUTO_SUGGEST ? IPayloadAutoSuggestResult : T extends ClientEventType.CONTACT_LOOKUP_AND_MATCH | ClientEventType.CONTACT_CREATE_OR_UPDATE | ClientEventType.CONTACT_MATCH_UPDATE ? IPayloadContactMatchResult : T extends ClientEventType.CONTACT_LOOKUP_AND_MATCH_NOT_FOUND ? IPayloadContactMatchResultNotFound : T extends ClientEventType.CONTEXT ? IPayloadContextResult : T extends ClientEventType.CURRENT_CONTACT ? IPayloadContactResult : T extends ClientEventType.CURRENT_CONVERSATION ? IPayloadConversationResult : T extends EventType.ADD_CALL ? IPayloadCallStartedInfo : T extends ClientEventType.START_CALL ? IPayloadCallStart : T extends ClientEventType.READY ? IPayloadVersion : T extends ClientEventType.VIEW_PORT ? IPayloadViewPort : T extends ClientEventType.THEME ? IPayloadThemeChange : T extends EventType.USE_THEME ? IPayloadThemeChange : T extends ClientEventType.TOAST ? IPayloadToast : T extends ClientEventType.SEND_ANALYTICS ? IPayloadSendAnalytics : T extends ClientEventType.SEND_TECHNICAL_SUPPORT_INFORMATION ? IPayloadTechSupport : T extends EventType.PBX_TOKEN ? string : T extends ClientEventType.TOKEN ? string : T extends ClientEventType.TO_CLIPBOARD ? string : T extends EventType.GET_LOOK_UP_AND_MATCH ? ContactQuery : T extends EventType.VISIBILITY ? boolean : never;
 export type EventPayloadMap = {
     [EventType.GET_CONTACTS_AUTO_SUGGEST]: string;
     [EventType.GET_LOOK_UP_AND_MATCH]: ContactQuery;

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

@@ -10,6 +10,7 @@ export interface IPayloadViewPort {
 }
 export interface IPayloadVersion {
     version: string;
+    templateId?: string;
     platform?: SupportedPlatformVariant;
 }
 export interface IPayloadToast {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wildix/xbees-connect",
-  "version": "1.2.11",
+  "version": "1.2.13",
   "description": "This library provides easy communication between x-bees and integrated web applications",
   "author": "dimitri.chernykh <dimitri.chernykh@wildix.com>",
   "homepage": "",
@@ -9,10 +9,10 @@
   "main": "./dist-cjs/index.js",
   "types": "./dist-types/index.d.ts",
   "module": "./dist-es/index.js",
-  "type": "module",
   "scripts": {
-    "build": "yarn clean && yarn build:es && yarn build:types",
+    "build": "yarn clean && yarn build:es && yarn build:cjs && yarn 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",
@@ -46,5 +46,5 @@
   "dependencies": {
     "jwt-decode": "^4.0.0"
   },
-  "gitHead": "3b552fb67386c5585b6073dc3fcf651f41348e15"
+  "gitHead": "0f28736f8508d1ec0520f8f4cad83aa49546c141"
 }