@webitel/ui-sdk 26.6.117 → 26.6.119

package/src/locale/en/en.js

@@ -779,6 +779,7 @@ export default deepmerge(
 				service: ({ linked }) => {
 					return linked('cases.service');
 				},
+				showEmptyAmdResult: 'Show empty',
 				sla: ({ linked }) => {
 					return linked('cases.appliedSLA');
 				},

package/src/locale/es/es.js

@@ -766,6 +766,7 @@ export default {
 			service: ({ linked }) => {
 				return linked('cases.service');
 			},
+			showEmptyAmdResult: 'Mostrar vacíos',
 			sla: ({ linked }) => {
 				return linked('cases.appliedSLA');
 			},

package/src/locale/kz/kz.js

@@ -768,6 +768,7 @@ export default {
 			service: ({ linked }) => {
 				return linked('cases.service');
 			},
+			showEmptyAmdResult: 'Бос жазбаларды көрсету',
 			sla: ({ linked }) => {
 				return linked('cases.appliedSLA');
 			},

package/src/locale/pl/pl.js

@@ -767,6 +767,7 @@ export default {
 			service: ({ linked }) => {
 				return linked('cases.service');
 			},
+			showEmptyAmdResult: 'Pokaż puste',
 			sla: ({ linked }) => {
 				return linked('cases.appliedSLA');
 			},

package/src/locale/ro/ro.js

@@ -772,6 +772,7 @@ export default {
 			service: ({ linked }) => {
 				return linked('cases.service');
 			},
+			showEmptyAmdResult: 'Arată goale',
 			sla: ({ linked }) => {
 				return linked('cases.appliedSLA');
 			},

package/src/locale/ru/ru.js

@@ -763,6 +763,7 @@ export default {
 			service: ({ linked }) => {
 				return linked('cases.service');
 			},
+			showEmptyAmdResult: 'Показать пустые',
 			sla: ({ linked }) => {
 				return linked('cases.appliedSLA');
 			},

package/src/locale/uk/uk.js

@@ -762,6 +762,7 @@ export default {
 			service: ({ linked }) => {
 				return linked('cases.service');
 			},
+			showEmptyAmdResult: 'Показати порожні',
 			sla: ({ linked }) => {
 				return linked('cases.appliedSLA');
 			},

package/src/locale/uz/uz.js

@@ -771,6 +771,7 @@ export default {
 			service: ({ linked }) => {
 				return linked('cases.service');
 			},
+			showEmptyAmdResult: "Bo'shlarni ko'rsatish",
 			sla: ({ linked }) => {
 				return linked('cases.appliedSLA');
 			},

package/src/locale/vi/vi.js

@@ -770,6 +770,7 @@ export default {
 			service: ({ linked }) => {
 				return linked('cases.service');
 			},
+			showEmptyAmdResult: 'Hiển thị trống',
 			sla: ({ linked }) => {
 				return linked('cases.appliedSLA');
 			},

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

@@ -14,7 +14,7 @@ export function useDocumentPiP(
 	getElement: () => HTMLElement | null | undefined,
 ) {
 	const isPiP = ref(false);
-	const isSupported = computed(() => 'documentPictureInPicture' in window);
+	const isPiPSupported = computed(() => 'documentPictureInPicture' in window);
 
 	let pipWindow: Window | null = null;
 	let movedEl: HTMLElement | null = null;
@@ -85,7 +85,7 @@ export function useDocumentPiP(
 	};
 
 	const enterPiP = async (width = 480, height = 320) => {
-		if (!isSupported.value || isPiP.value || isRequestWindowPending) return;
+		if (!isPiPSupported.value || isPiP.value || isRequestWindowPending) return;
 
 		const el = getElement();
 		if (!el) return;
@@ -189,7 +189,7 @@ export function useDocumentPiP(
 
 	return {
 		isPiP,
-		isSupported,
+		isPiPSupported,
 		enterPiP,
 		exitPiP,
 		armFirstGestureResume,

package/src/modules/CallSession/modules/VideoCall/video-call.vue

@@ -17,6 +17,14 @@
     hide-background
     @change-size="(payload) => emit('change-size', payload)"
   >
+    <template v-if="isPiPSupported && isPipMode" #display-panel-actions>
+      <wt-icon-btn
+        color="on-dark"
+        icon="open-pip"
+        @click="enterPiP()"
+      />
+    </template>
+
     <template v-if="props['receiver:mic:enabled'] === false || props.hideAvatar" #avatar>
       <wt-icon
         v-if="props['receiver:mic:enabled'] === false"
@@ -163,7 +171,7 @@
 import { WtVidstackPlayer } from '@webitel/ui-sdk/components';
 import { computed, isRef, onBeforeUnmount, type Ref, ref, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
-import { WtIcon } from '../../../../components';
+import { WtIcon, WtIconBtn } from '../../../../components';
 import {
 	RecordingIndicator,
 	ScreenshotBox,
@@ -292,7 +300,7 @@ const getVideoCallPlayerHostElement = (): HTMLElement | null => {
 	return exposedElement ?? inst.$el ?? null;
 };
 
-const { isPiP, enterPiP, onPiPResize } = useDocumentPiP(
+const { isPiP, isPiPSupported, enterPiP, onPiPResize } = useDocumentPiP(
 	getVideoCallPlayerHostElement,
 );
 
@@ -455,36 +463,8 @@ watch(
 	},
 );
 
-/**
- * @author @Oleksandr Palionnyi
- *
- * [WTEL-9414](https://webitel.atlassian.net/browse/WTEL-9414)
- *
- * Document PiP: call `requestWindow()` only when `mainStream` and a usable player host exist.
- * `flush: 'post'` runs after DOM updates so Vidstack / WC upgrade can finish before we read `rootEl`.
- * Stop the watcher only once `enterPiP` succeeds (`isPiP`), so gesture/API failures can retry on later ticks.
- */
-const stopAutoDocumentPiP = watch(
-	[
-		mainStream,
-		playerRef,
-	],
-	async () => {
-		if (!props.isPipMode) return;
-		if (!mainStream.value || !playerRef.value || isPiP.value) return;
-		if (!getVideoCallPlayerHostElement()) return;
-		await enterPiP();
-		if (isPiP.value) stopAutoDocumentPiP();
-	},
-	{
-		flush: 'post',
-		immediate: true,
-	},
-);
-
 onBeforeUnmount(() => {
 	stopHoldTimer();
-	stopAutoDocumentPiP();
 });
 
 const receiverVideoMutedIconSizes = {

package/src/modules/Userinfo/types/UserAccess.ts

@@ -1,4 +1,4 @@
-import { NavigationGuard } from 'vue-router';
+import type { NavigationGuard } from 'vue-router';
 
 import type {
 	AdminSections,