@webitel/ui-sdk 25.10.15 → 25.10.17

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "25.10.15",
+  "version": "25.10.17",
   "private": false,
   "scripts": {
     "make-all": "npm version patch --git-tag-version false && npm run build && (npm run build:types || true) && (npm run lint:fix || true) && npm run publish-lib",

package/src/api/websocket/{WebSocketClientController.js → WebSocketClientController.ts}

@@ -1,15 +1,11 @@
-import { markRaw, reactive, shallowReactive } from 'vue';
+import { shallowReactive } from 'vue';
 import { Client } from 'webitel-sdk';
 
 import eventBus from '../../scripts/eventBus.js';
 import { endpoint, getConfig } from './config.js';
+import { WebSocketClientEvent } from './enums/WebSocketClientEvent';
 import websocketErrorEventHandler from './websocketErrorEventHandler.js';
 
-const WebSocketClientEvent = Object.freeze({
-  AFTER_AUTH: 'afterAuth',
-  ERROR: 'error',
-});
-
 class WebSocketClientController {
   cli = null;
   Event = WebSocketClientEvent;
@@ -20,8 +16,8 @@ class WebSocketClientController {
     [WebSocketClientEvent.AFTER_AUTH]: [],
   };
 
-  getCliInstance() {
-    if (!this.cli) this.cli = this._createCliInstance();
+  getCliInstance(createCliInstance = this._createCliInstance) {
+    if (!this.cli) this.cli = createCliInstance();
     return this.cli;
   }
 
@@ -43,10 +39,6 @@ class WebSocketClientController {
     const token = localStorage.getItem('access-token');
     const configCli = getConfig();
 
-    if (typeof configCli.registerWebDevice === 'undefined') {
-      configCli.registerWebDevice = true;
-    }
-
     const config = {
       endpoint,
       token,
@@ -58,10 +50,6 @@ class WebSocketClientController {
     // const cli = new Client(config);
     const cli = shallowReactive(new Client(config));
 
-    // why reactive? https://github.com/vuejs/core/discussions/7811#discussioncomment-5181921
-    cli.conversationStore = reactive(cli.conversationStore);
-    cli.callStore = reactive(cli.callStore);
-
     this._on[WebSocketClientEvent.AFTER_AUTH].forEach((callback) => callback());
     this._on[WebSocketClientEvent.ERROR].forEach((callback) =>
       cli.on('error', callback),
@@ -78,32 +66,6 @@ class WebSocketClientController {
 
     await cli.auth();
 
-    /*
-    cli.phone.ua contains "configuration" property, which has no setter so cannot be wrapped with reactivity.
-    so that, reactivity breaks
-     for more info, see WTEL-4236
-     */
-    await new Promise((resolve, reject) => {
-      const timeout = setTimeout(() => {
-        console.error('Phone user agent is not connected :(');
-        resolve();
-      }, 5000);
-
-      const markUa = () =>
-        cli.phone?.ua && (cli.phone.ua = markRaw(cli.phone.ua));
-
-      if (cli.phone?.ua) {
-        markUa();
-        clearTimeout(timeout);
-        resolve();
-      } else
-        cli.on('phone_connected', () => {
-          markUa();
-          clearTimeout(timeout);
-          resolve();
-        });
-    });
-
     window.cli = cli;
     return cli;
   };

package/src/api/websocket/enums/WebSocketClientEvent.ts

@@ -0,0 +1,7 @@
+export const WebSocketClientEvent = {
+  AFTER_AUTH: 'afterAuth',
+  ERROR: 'error',
+} as const;
+
+export type WebSocketClientEvent =
+  (typeof WebSocketClientEvent)[keyof typeof WebSocketClientEvent];

package/types/api/websocket/WebSocketClientController.d.ts

@@ -1,19 +1,19 @@
-export default webSocketClientController;
-declare const webSocketClientController: WebSocketClientController;
+import { Client } from 'webitel-sdk';
 declare class WebSocketClientController {
     cli: any;
-    Event: Readonly<{
-        AFTER_AUTH: "afterAuth";
-        ERROR: "error";
-    }>;
+    Event: {
+        readonly AFTER_AUTH: "afterAuth";
+        readonly ERROR: "error";
+    };
     _config: {};
     _on: {
         error: ((error: any) => any)[];
         afterAuth: any[];
     };
-    getCliInstance(): any;
+    getCliInstance(createCliInstance?: () => Promise<import("vue").ShallowReactive<Client>>): any;
     destroyCliInstance(): Promise<void>;
     addEventListener(event: any, callback: any): void;
     _createCliInstance: () => Promise<import("vue").ShallowReactive<Client>>;
 }
-import { Client } from 'webitel-sdk';
+declare const webSocketClientController: WebSocketClientController;
+export default webSocketClientController;

package/types/api/websocket/enums/WebSocketClientEvent.d.ts

@@ -0,0 +1,5 @@
+export declare const WebSocketClientEvent: {
+    readonly AFTER_AUTH: "afterAuth";
+    readonly ERROR: "error";
+};
+export type WebSocketClientEvent = (typeof WebSocketClientEvent)[keyof typeof WebSocketClientEvent];

package/types/api/websocket/websocketErrorEventHandler.d.ts

@@ -1,2 +1,2 @@
+declare const websocketErrorEventHandler: (error: any) => any;
 export default websocketErrorEventHandler;
-declare function websocketErrorEventHandler(error: any): any;