@epam/ai-dial-overlay 0.11.0-rc.8 → 0.11.0

package/index.esm.js

@@ -1,4 +1,4 @@
-import { overlayAppName, OverlayEvents, OverlayRequests } from '@epam/ai-dial-shared';
+import { overlayAppName, OverlayEvents, Task, setStyles, overlayLibName, DeferredRequest, OverlayRequests } from '@epam/ai-dial-shared';
 export { Feature } from '@epam/ai-dial-shared';
 
 /******************************************************************************
@@ -31,93 +31,6 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-const defaultRequestTimeout = 10000;
-class DeferredRequest {
-    constructor(type, params) {
-        this.type = type;
-        this.params = params;
-        this.requestId = DeferredRequest.generateRequestId();
-        this._isReplied = false;
-        this.promise = Promise.race([
-            new Promise((resolve) => {
-                this.resolve = resolve;
-            }),
-            new Promise((_, reject) => {
-                var _a;
-                setTimeout(() => {
-                    var _a;
-                    reject(`[ChatOverlay] Request ${type} failed. Timeout ${((_a = this.params) === null || _a === void 0 ? void 0 : _a.timeout) || defaultRequestTimeout}`);
-                }, ((_a = this.params) === null || _a === void 0 ? void 0 : _a.timeout) || defaultRequestTimeout);
-            }),
-        ]);
-    }
-    match(type, requestId) {
-        return this.type + '/RESPONSE' === type && this.requestId === requestId;
-    }
-    reply(payload) {
-        if (this.isReplied)
-            return;
-        this._isReplied = true;
-        this.resolve(payload);
-    }
-    toPostMessage() {
-        var _a;
-        return {
-            type: this.type,
-            payload: (_a = this.params) === null || _a === void 0 ? void 0 : _a.payload,
-            requestId: this.requestId,
-        };
-    }
-    get isReplied() {
-        return this._isReplied;
-    }
-    static generateRequestId() {
-        return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
-            const r = (Math.random() * 16) | 0;
-            const v = c === 'x' ? r : (r & 0x3) | 0x8;
-            return v.toString(16);
-        });
-    }
-}
-
-class Task {
-    constructor() {
-        this.isResolved = false;
-        this.promise = new Promise((resolve, reject) => {
-            this.resolve = resolve;
-            this.reject = reject;
-        });
-    }
-    complete() {
-        if (this.isResolved)
-            return;
-        this.isResolved = true;
-        this.resolve(true);
-    }
-    fail(reason = 'Task failed') {
-        if (this.isResolved)
-            return;
-        this.reject(reason);
-    }
-    ready() {
-        return this.promise;
-    }
-}
-
-/**
- * Add styles to the html element
- * @param htmlElement {HTMLElement} element for which styles should be added
- * @param styles {Styles} styles that should be added to element
- */
-function setStyles(htmlElement, styles) {
-    for (const key in styles) {
-        const value = styles[key];
-        if (!value)
-            continue;
-        htmlElement.style[key] = value;
-    }
-}
-
 const defaultLoaderSVG = `<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M24 39V46.5" stroke="#7F8792" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
 <path opacity="0.4" d="M9 24H1.5" stroke="#7F8792" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
@@ -260,7 +173,7 @@ class ChatOverlay {
         if (typeof root === 'string') {
             const element = document.querySelector(root);
             if (!element) {
-                throw new Error(`[ChatOverlay] There is no element with selector ${root} to append iframe`);
+                throw new Error(`[${overlayLibName}] There is no element with selector ${root} to append iframe`);
             }
             return element;
         }
@@ -277,7 +190,7 @@ class ChatOverlay {
      */
     openFullscreen() {
         if (!this.iframe.requestFullscreen) {
-            throw new Error('[ChatOverlay] Fullscreen is not allowed. Allow it first');
+            throw new Error(`[${overlayLibName}] Fullscreen is not allowed. Allow it first`);
         }
         this.iframe.requestFullscreen();
     }
@@ -308,12 +221,12 @@ class ChatOverlay {
                 yield this.iframeInteraction.ready();
             }
             if (!this.iframe.contentWindow) {
-                throw new Error('[ChatOverlay] There is no content window to send requests');
+                throw new Error(`[${overlayLibName}] There is no content window to send requests`);
             }
             const request = new DeferredRequest(`${overlayAppName}/${type}`, {
                 payload,
                 timeout: (_a = this.options) === null || _a === void 0 ? void 0 : _a.requestTimeout,
-            });
+            }, overlayLibName);
             this.requests.push(request);
             this.iframe.contentWindow.postMessage(request.toPostMessage(), '*');
             return request.promise;
@@ -378,6 +291,7 @@ class ChatOverlay {
         window.removeEventListener('message', this.process);
         this.iframeInteraction.fail('Chat Overlay destroyed');
         this.root.removeChild(this.iframe);
+        this.root.removeChild(this.loader);
     }
 }
 

package/package.json

@@ -2,9 +2,9 @@
   "name": "@epam/ai-dial-overlay",
   "description": "Package for opening dial in overlay",
   "homepage": "https://epam-rail.com",
-  "version": "0.11.0-rc.8",
+  "version": "0.11.0",
   "dependencies": {
-    "@epam/ai-dial-shared": "0.11.0-rc.8"
+    "@epam/ai-dial-shared": "0.11.0"
   },
   "type": "module",
   "bugs": {

package/src/lib/ChatOverlay.d.ts

@@ -1,6 +1,4 @@
-import { DeferredRequest } from './utils/DeferredRequest';
-import { Task } from './utils/Task';
-import { ChatOverlayOptions, OverlayRequest, OverlayRequests, Styles } from '@epam/ai-dial-shared';
+import { ChatOverlayOptions, DeferredRequest, OverlayRequest, OverlayRequests, Styles, Task } from '@epam/ai-dial-shared';
 interface Subscription {
     eventType: string;
     callback: (payload: unknown) => void;

package/src/lib/utils/DeferredRequest.d.ts

@@ -1,20 +0,0 @@
-import { OverlayRequest } from '@epam/ai-dial-shared';
-interface RequestParams {
-    payload: unknown;
-    timeout?: number;
-}
-export declare class DeferredRequest {
-    promise: Promise<unknown>;
-    private type;
-    private requestId;
-    private _isReplied;
-    private resolve;
-    private params;
-    constructor(type: string, params: RequestParams);
-    match(type: string, requestId: string): boolean;
-    reply(payload: unknown): void;
-    toPostMessage(): OverlayRequest;
-    get isReplied(): boolean;
-    private static generateRequestId;
-}
-export {};

package/src/lib/utils/Task.d.ts

@@ -1,10 +0,0 @@
-export declare class Task {
-    protected promise: Promise<boolean>;
-    protected resolve: (value: boolean) => void;
-    protected reject: (reason: string) => void;
-    protected isResolved: boolean;
-    constructor();
-    complete(): void;
-    fail(reason?: string): void;
-    ready(): Promise<boolean>;
-}

package/src/lib/utils/styleUtils.d.ts

@@ -1,7 +0,0 @@
-import { Styles } from '@epam/ai-dial-shared';
-/**
- * Add styles to the html element
- * @param htmlElement {HTMLElement} element for which styles should be added
- * @param styles {Styles} styles that should be added to element
- */
-export declare function setStyles(htmlElement: HTMLElement, styles: Styles): void;