@webitel/ui-sdk 26.6.31 → 26.6.33

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webitel/ui-sdk",
-	"version": "26.6.31",
+	"version": "26.6.33",
 	"private": false,
 	"scripts": {
 		"dev": "npm run docs:dev",

package/src/components/_internals/composables/useSelect/useSelectUtils.ts

@@ -1,7 +1,7 @@
 export const toArray = (value) =>
 	Array.isArray(value)
 		? value
-		: !!value
+		: value
 			? [
 					value,
 				]

package/src/enums/QueueType/QueueType.enum.ts

@@ -1,4 +1,4 @@
-export const QueueType = Object.freeze({
+export const QueueType = {
 	OFFLINE_QUEUE: 0,
 	INBOUND_QUEUE: 1,
 	OUTBOUND_IVR_QUEUE: 2,
@@ -8,7 +8,10 @@ export const QueueType = Object.freeze({
 	CHAT_INBOUND_QUEUE: 6,
 	INBOUND_JOB_QUEUE: 7,
 	OUTBOUND_JOB_QUEUE: 8,
-});
+	INBOUND_IM_CHAT_QUEUE: 9,
+} as const;
+
+export type QueueType = (typeof QueueType)[keyof typeof QueueType];
 
 export const QueueTypeName = {
 	OFFLINE_QUEUE: 'offline',
@@ -21,7 +24,8 @@ export const QueueTypeName = {
 	INBOUND_JOB_QUEUE: 'task',
 	OUTBOUND_JOB_QUEUE: 'outbound_task',
 	OUTBOUND_CALL: 'outbound_call',
+	INBOUND_IM_CHAT_QUEUE: 'inbound_im_chat',
 	NOT_IMPLEMENT: 'NOT_IMPLEMENT',
-};
+} as const;
 
 export type QueueTypeName = (typeof QueueTypeName)[keyof typeof QueueTypeName];

package/src/locale/en/en.js

@@ -217,6 +217,7 @@ export default deepmerge(
 					[QueueType.CHAT_INBOUND_QUEUE]: 'Chat queue',
 					[QueueType.INBOUND_JOB_QUEUE]: 'Inbound task queue',
 					[QueueType.OUTBOUND_JOB_QUEUE]: 'Outbound task queue',
+					[QueueType.INBOUND_IM_CHAT_QUEUE]: 'im queue',
 				},
 			},
 			agent: {

package/src/modules/CallSession/modules/VideoCall/composables/useDocumentPiP/useDocumentPiP.ts

@@ -1,4 +1,4 @@
-import { computed, onUnmounted, ref } from 'vue';
+import { computed, onBeforeUnmount, ref } from 'vue';
 
 import type { DocumentPiPWindow, MediaSnapshot } from '../../types/types';
 
@@ -21,6 +21,25 @@ export function useDocumentPiP(
 	let originalParent: Node | null = null;
 	let originalNextSibling: Node | null = null;
 
+	/**
+	 * @author @Oleksandr Palonnyi
+	 *
+	 * [WTEL-9774](https://webitel.atlassian.net/browse/WTEL-9774)
+	 *
+	 * True while `api.requestWindow()` is in flight.
+	 * Prevents a second `enterPiP` from starting while the first async
+	 * request is still pending.
+	 */
+	let isRequestWindowPending = false;
+
+	/**
+	 * Set in `onBeforeUnmount`. Used as the abort sentinel for the
+	 * post-`requestWindow` guard instead of checking `!originalParent`,
+	 * because a legitimately detached-but-in-document element also has
+	 * `parentNode === null` and must not be treated as an unmount signal.
+	 */
+	let isUnmounting = false;
+
 	const mediaSnapshot: MediaSnapshot[] = [];
 	const { retryPlayback, stopPlaybackRetry } =
 		createPlaybackRetry(mediaSnapshot);
@@ -42,18 +61,12 @@ export function useDocumentPiP(
 	};
 
 	const restoreElement = () => {
-		if (!movedEl || !originalParent) {
+		if (!movedEl) {
 			mediaSnapshot.splice(0);
-			movedEl = null;
-			originalParent = null;
-			originalNextSibling = null;
 			return;
 		}
 
-		if (
-			originalNextSibling &&
-			originalNextSibling.parentNode === originalParent
-		) {
+		if (originalParent) {
 			originalParent.insertBefore(movedEl, originalNextSibling);
 		}
 
@@ -61,8 +74,6 @@ export function useDocumentPiP(
 		resumePlayback(movedEl, mediaSnapshot);
 
 		movedEl = null;
-		originalParent = null;
-		originalNextSibling = null;
 	};
 
 	const onPiPWindowClose = () => {
@@ -74,13 +85,36 @@ export function useDocumentPiP(
 	};
 
 	const enterPiP = async (width = 480, height = 320) => {
-		if (!isSupported.value || isPiP.value) return;
+		if (!isSupported.value || isPiP.value || isRequestWindowPending) return;
 
 		const el = getElement();
 		if (!el) return;
 
+		/**
+		 * @author @Oleksandr Palonnyi
+		 *
+		 * [WTEL-9774](https://webitel.atlassian.net/browse/WTEL-9774)
+		 *
+		 * If the element is stranded inside a closed Document PiP window (e.g. when
+		 * the consuming app renders the component into a PiP context), rescue it back
+		 * to the main document before proceeding. Using `document.body` as a temporary
+		 * parent is safe: the element is `position:fixed` so its visual position is
+		 * viewport-relative regardless of where it sits in the DOM tree, and Vue will
+		 * remove it from `document.body` when the component eventually unmounts.
+		 */
+		if (el.ownerDocument !== document) {
+			document.body.appendChild(el);
+		}
+
+		if (!originalParent) {
+			originalParent = el.parentNode;
+			originalNextSibling = el.nextSibling;
+		}
+
 		const api = (window as DocumentPiPWindow).documentPictureInPicture;
 		let win: Window;
+
+		isRequestWindowPending = true;
 		try {
 			win = await api.requestWindow({
 				width,
@@ -88,6 +122,24 @@ export function useDocumentPiP(
 			});
 		} catch {
 			return;
+		} finally {
+			isRequestWindowPending = false;
+		}
+
+		/**
+		 * @author @Oleksandr Palonnyi
+		 *
+		 * [WTEL-9774](https://webitel.atlassian.net/browse/WTEL-9774)
+		 *
+		 * `onBeforeUnmount` can fire while `requestWindow` is awaited above.
+		 * Abort if that happened so we don't open a PiP window that can never
+		 * restore its element. We use `isUnmounting` rather than `!originalParent`
+		 * because a legitimately detached element also has `parentNode === null`
+		 * and must not be treated as an unmount signal.
+		 */
+		if (isUnmounting) {
+			win.close();
+			return;
 		}
 
 		pipWindow = win;
@@ -97,10 +149,7 @@ export function useDocumentPiP(
 			'margin:0;overflow:hidden;width:100%;height:100%;';
 		bridgeCustomElements(el, win);
 
-		originalParent = el.parentNode;
-		originalNextSibling = el.nextSibling;
 		movedEl = el;
-
 		snapshotMedia(el, mediaSnapshot);
 		win.document.body.appendChild(el);
 
@@ -131,8 +180,11 @@ export function useDocumentPiP(
 		isPiP.value = false;
 	};
 
-	onUnmounted(() => {
+	onBeforeUnmount(() => {
+		isUnmounting = true;
 		if (isPiP.value) exitPiP();
+		originalParent = null;
+		originalNextSibling = null;
 	});
 
 	return {

package/types/enums/QueueType/QueueType.enum.d.ts

@@ -1,25 +1,28 @@
-export declare const QueueType: Readonly<{
-    OFFLINE_QUEUE: 0;
-    INBOUND_QUEUE: 1;
-    OUTBOUND_IVR_QUEUE: 2;
-    PREVIEW_DIALER: 3;
-    PROGRESSIVE_DIALER: 4;
-    PREDICTIVE_DIALER: 5;
-    CHAT_INBOUND_QUEUE: 6;
-    INBOUND_JOB_QUEUE: 7;
-    OUTBOUND_JOB_QUEUE: 8;
-}>;
+export declare const QueueType: {
+    readonly OFFLINE_QUEUE: 0;
+    readonly INBOUND_QUEUE: 1;
+    readonly OUTBOUND_IVR_QUEUE: 2;
+    readonly PREVIEW_DIALER: 3;
+    readonly PROGRESSIVE_DIALER: 4;
+    readonly PREDICTIVE_DIALER: 5;
+    readonly CHAT_INBOUND_QUEUE: 6;
+    readonly INBOUND_JOB_QUEUE: 7;
+    readonly OUTBOUND_JOB_QUEUE: 8;
+    readonly INBOUND_IM_CHAT_QUEUE: 9;
+};
+export type QueueType = (typeof QueueType)[keyof typeof QueueType];
 export declare const QueueTypeName: {
-    OFFLINE_QUEUE: string;
-    INBOUND_QUEUE: string;
-    OUTBOUND_IVR_QUEUE: string;
-    PREVIEW_DIALER: string;
-    PROGRESSIVE_DIALER: string;
-    PREDICTIVE_DIALER: string;
-    CHAT_INBOUND_QUEUE: string;
-    INBOUND_JOB_QUEUE: string;
-    OUTBOUND_JOB_QUEUE: string;
-    OUTBOUND_CALL: string;
-    NOT_IMPLEMENT: string;
+    readonly OFFLINE_QUEUE: "offline";
+    readonly INBOUND_QUEUE: "inbound";
+    readonly OUTBOUND_IVR_QUEUE: "ivr";
+    readonly PREVIEW_DIALER: "preview";
+    readonly PROGRESSIVE_DIALER: "progressive";
+    readonly PREDICTIVE_DIALER: "predictive";
+    readonly CHAT_INBOUND_QUEUE: "inbound chat";
+    readonly INBOUND_JOB_QUEUE: "task";
+    readonly OUTBOUND_JOB_QUEUE: "outbound_task";
+    readonly OUTBOUND_CALL: "outbound_call";
+    readonly INBOUND_IM_CHAT_QUEUE: "inbound_im_chat";
+    readonly NOT_IMPLEMENT: "NOT_IMPLEMENT";
 };
 export type QueueTypeName = (typeof QueueTypeName)[keyof typeof QueueTypeName];

package/types/locale/en/en.d.ts

@@ -178,6 +178,7 @@ declare const _default: {
                 6: string;
                 7: string;
                 8: string;
+                9: string;
             };
         };
         agent: {

package/types/locale/i18n.d.ts

@@ -179,6 +179,7 @@ declare const _default: import("vue-i18n").I18n<{
                     6: string;
                     7: string;
                     8: string;
+                    9: string;
                 };
             };
             agent: {

package/types/locale/index.d.ts

@@ -189,6 +189,7 @@ export declare const messages: {
                     6: string;
                     7: string;
                     8: string;
+                    9: string;
                 };
             };
             agent: {