@webitel/ui-sdk 26.4.48 → 26.4.49

package/dist/{wt-vidstack-player-ClrB8Esu.js → wt-vidstack-player-Ce_7k6sc.js}

@@ -1,6 +1,6 @@
 import { defineComponent as lt, inject as ye, createElementBlock as mt, openBlock as G, normalizeClass as be, unref as ot, createElementVNode as at, renderSlot as ut, createVNode as W, computed as _i, onMounted as Ii, onBeforeUnmount as Vi, createBlock as Ut, createCommentVNode as Kt, toDisplayString as Di, createSlots as Ds, withCtx as Qt, resolveComponent as Ri, ref as us, provide as Oi, toRefs as Ni } from "vue";
-import { a as q, c as ft, i as B, b as Ie, d as S, e as nt, f as Ve, l as O, s as Zt, g as Rs, E as Os, D as L, h as Q, o as P, j as Hi, k as f, m as l, n as M, p as Ns, q as Fi, r as oe, t as z, V as J, v as w, C as b, S as gt, w as Vt, x as p, y as rt, z as j, I as Hs, A as Bi, B as Gi, F as tt, G as Ge, H as Fs, J as ps, K as Ue, L as Bs, M as kt, N as Ke, O as de, P as Ui, Q as xt, R as Ki, U as Qi, W as Wi, X as zi, Y as ji, Z as Yi, _ as Xi, $ as Ji, a0 as Zi, a1 as Gs, a2 as T, a3 as _, a4 as ce, a5 as ta, a6 as Dt, a7 as U, a8 as ea, a9 as sa, aa as ia, ab as aa, ac as ms, ad as na, ae as ra, af as v, ag as y, ah as oa, ai as ha, T as la, u as da } from "./useVidstackSrc-B_sWcAgp.js";
-import { T as ca, U as ua, V as pa, X as ma, _ as yt, Q as ue, C as K, Y as fa } from "./install-BsjclAsS.js";
+import { a as q, c as ft, i as B, b as Ie, d as S, e as nt, f as Ve, l as O, s as Zt, g as Rs, E as Os, D as L, h as Q, o as P, j as Hi, k as f, m as l, n as M, p as Ns, q as Fi, r as oe, t as z, V as J, v as w, C as b, S as gt, w as Vt, x as p, y as rt, z as j, I as Hs, A as Bi, B as Gi, F as tt, G as Ge, H as Fs, J as ps, K as Ue, L as Bs, M as kt, N as Ke, O as de, P as Ui, Q as xt, R as Ki, U as Qi, W as Wi, X as zi, Y as ji, Z as Yi, _ as Xi, $ as Ji, a0 as Zi, a1 as Gs, a2 as T, a3 as _, a4 as ce, a5 as ta, a6 as Dt, a7 as U, a8 as ea, a9 as sa, aa as ia, ab as aa, ac as ms, ad as na, ae as ra, af as v, ag as y, ah as oa, ai as ha, T as la, u as da } from "./useVidstackSrc-GW2dAfqF.js";
+import { T as ca, U as ua, V as pa, X as ma, _ as yt, Q as ue, C as K, Y as fa } from "./install-Oyx1yl4G.js";
 import { _ as ga } from "./wt-slider.vue_vue_type_script_setup_true_lang-DlaRDHxo.js";
 const Us = ft();
 function $() {
@@ -2070,7 +2070,7 @@ class un {
     return "audio";
   }
   async load(t) {
-    return new (await import("./vidstack-audio-C7NZ6coM.js")).AudioProvider(this.target, t);
+    return new (await import("./vidstack-audio-BU4rhjH_.js")).AudioProvider(this.target, t);
   }
 }
 class je {
@@ -2083,7 +2083,7 @@ class je {
     return "video";
   }
   async load(t) {
-    return new (await import("./vidstack-video-VsSEZqZi.js")).VideoProvider(this.target, t);
+    return new (await import("./vidstack-video-7G1MLTp7.js")).VideoProvider(this.target, t);
   }
 }
 class Ye extends je {
@@ -2093,7 +2093,7 @@ class Ye extends je {
     return Ye.supported && Ge(t);
   }
   async load(t) {
-    return new (await import("./vidstack-hls-DlL8Lr-S.js")).HLSProvider(this.target, t);
+    return new (await import("./vidstack-hls-9OnBodzt.js")).HLSProvider(this.target, t);
   }
 }
 class Xe extends je {
@@ -2103,7 +2103,7 @@ class Xe extends je {
     return Xe.supported && Ue(t);
   }
   async load(t) {
-    return new (await import("./vidstack-dash-sv70TuMQ.js")).DASHProvider(this.target, t);
+    return new (await import("./vidstack-dash-BNpw6CJN.js")).DASHProvider(this.target, t);
   }
 }
 class pn {
@@ -2125,7 +2125,7 @@ class pn {
     return "video";
   }
   async load(t) {
-    return new (await import("./vidstack-vimeo-DJk24PKE.js")).VimeoProvider(this.target, t);
+    return new (await import("./vidstack-vimeo-ClpOcZsD.js")).VimeoProvider(this.target, t);
   }
   async loadPoster(t, e, s) {
     const { resolveVimeoVideoId: i, getVimeoVideoInfo: n } = await import("./vidstack-krOAtKMi-C50BTxmn.js");
@@ -2157,7 +2157,7 @@ class mn {
     return "video";
   }
   async load(t) {
-    return new (await import("./vidstack-youtube-k7f0L-R7.js")).YouTubeProvider(this.target, t);
+    return new (await import("./vidstack-youtube-OWZbSRjl.js")).YouTubeProvider(this.target, t);
   }
   async loadPoster(t, e, s) {
     const { findYouTubePoster: i, resolveYouTubeVideoId: n } = await import("./vidstack-Dm1xEU9Q-CXHNvShT.js"), r = S(t.src) && n(t.src);
@@ -2625,7 +2625,7 @@ class vn extends Ct {
         throw i.code = "CAST_NOT_AVAILABLE", i;
       }
       if (te("https://www.gstatic.com"), !this.#v) {
-        const i = await import("./vidstack-D2pY00kU-CltT1_lJ.js").then((n) => n.v);
+        const i = await import("./vidstack-D2pY00kU-C2IDv8-j.js").then((n) => n.v);
         this.#v = new i.GoogleCastLoader();
       }
       await this.#v.prompt(this.#s), t && this.#e.queue.enqueue("media-google-cast-request", t);
@@ -8022,7 +8022,7 @@ class Lr extends v(HTMLElement, ai) {
     if (this.#e?.classList.contains("vds-google-cast"))
       return this.#e;
     const t = document.createElement("div");
-    return t.classList.add("vds-google-cast"), import("./vidstack-D_-9AA6_-CRZx6uM1.js").then(({ insertContent: e }) => {
+    return t.classList.add("vds-google-cast"), import("./vidstack-D_-9AA6_-CFWeZ-dm.js").then(({ insertContent: e }) => {
       e(t, this.#t.$state);
     }), t;
   }

package/package.json

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

package/src/components/index.js

@@ -133,6 +133,9 @@ const WtTreeTable = defineAsyncComponent(
 const WtVidstackPlayer = defineAsyncComponent(
 	() => import('./wt-vidstack-player/wt-vidstack-player.vue'),
 );
+const WtCallMediaAction = defineAsyncComponent(
+	() => import('./on-demand/wt-call-media-action/wt-call-media-action.vue'),
+);
 const WtChatEmoji = defineAsyncComponent(
 	() => import('./on-demand/wt-chat-emoji/wt-chat-emoji.vue'),
 );
@@ -248,6 +251,7 @@ const Components = {
 	WtDatetimeText,
 	WtScreenRecordingsAction,
 	WtInlineAddPanel,
+	WtCallMediaAction,
 };
 
 export {
@@ -260,6 +264,7 @@ export {
 	WtBreadcrumb,
 	WtButton,
 	WtButtonSelect,
+	WtCallMediaAction,
 	WtChatEmoji,
 	WtCheckbox,
 	WtChip,

package/src/components/on-demand/wt-call-media-action/wt-call-media-action.vue

@@ -0,0 +1,85 @@
+<template>
+	<wt-context-menu
+		class="wt-call-media-action"
+		:options="contextOptions"
+		max-width="400px"
+		@click="handleOptionSelect"
+	>
+		<template #activator="{ toggle }">
+			<wt-icon-btn
+				v-if="recordingFiles.length"
+				:icon="isOwnFilePlaying ? 'stop' : activatorIcon"
+				@click="toggle"
+			/>
+		</template>
+		<template #option="{ text, id, icon: optionIcon }">
+			<div class="wt-call-media-action__option">
+				<wt-icon :icon="id === playingFileId ? 'stop' : optionIcon" />
+				{{ text }}
+			</div>
+		</template>
+	</wt-context-menu>
+</template>
+
+<script setup lang="ts">
+import {
+	EngineCallFile,
+	EngineCallFileType,
+} from '@webitel/api-services/gen/models';
+import { computed } from 'vue';
+
+interface Props {
+	files: Partial<Record<EngineCallFileType, EngineCallFile[]>>;
+	playingFileId?: string;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+	playingFileId: '',
+});
+
+const emit = defineEmits<{
+	play: [
+		file: EngineCallFile,
+	];
+	stop: [];
+}>();
+
+const recordingFiles = computed(() => [
+	...(props.files[EngineCallFileType.FileTypeAudio] || []),
+	...(props.files[EngineCallFileType.FileTypeVideo] || []),
+]);
+
+const activatorIcon = computed(() =>
+	props.files[EngineCallFileType.FileTypeVideo] ? 'preview-tag-video' : 'play',
+);
+
+const isOwnFilePlaying = computed(() =>
+	recordingFiles.value.some((file) => file.id === props.playingFileId),
+);
+
+const contextOptions = computed(() =>
+	recordingFiles.value.map(({ name, id, mimeType, type }) => ({
+		text: name,
+		id,
+		mimeType,
+		type,
+		icon: mimeType === 'video/mp4' ? 'preview-tag-video' : 'preview-tag-audio',
+	})),
+);
+
+const handleOptionSelect = ({ option }: { option: EngineCallFile }) => {
+	if (props.playingFileId === option.id) {
+		emit('stop');
+	} else {
+		emit('play', option);
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+.wt-call-media-action__option {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-xs);
+}
+</style>

package/src/locale/en/en.js

@@ -59,6 +59,7 @@ export default deepmerge(
 			delete: 'Delete',
 			search: 'Search',
 			open: 'Open',
+			openInHistory: 'Open in History',
 			name: 'Name',
 			expand: 'Expand',
 			collapse: 'Collapse',

package/src/locale/es/es.js

@@ -55,6 +55,7 @@ export default {
 		delete: 'Eliminar',
 		search: 'Buscar',
 		open: 'Abrir',
+		openInHistory: 'Abrir en Historial',
 		name: 'Nombre',
 		expand: 'Expandir',
 		collapse: 'Colapsar',

package/src/locale/kz/kz.js

@@ -56,6 +56,7 @@ export default {
 		delete: 'Жою',
 		search: 'Іздеу',
 		open: 'Ашу',
+		openInHistory: 'Тарихта ашу',
 		name: 'Атау',
 		expand: 'Кеңейту',
 		collapse: 'Жігу',

package/src/locale/pl/pl.js

@@ -56,6 +56,7 @@ export default {
 		delete: 'Usuń',
 		search: 'Szukaj',
 		open: 'Otwórz',
+		openInHistory: 'Otwórz w historii',
 		name: 'Nazwa',
 		expand: 'Rozwiń',
 		collapse: 'Zwiń',

package/src/locale/ro/ro.js

@@ -56,6 +56,7 @@ export default {
 		delete: 'Șterge',
 		search: 'Caută',
 		open: 'Deschide',
+		openInHistory: 'Deschide în Istoric',
 		name: 'Nume',
 		expand: 'Extinde',
 		collapse: 'Restrânge',

package/src/locale/ru/ru.js

@@ -52,6 +52,7 @@ export default {
 		delete: 'Удалить',
 		search: 'Поиск',
 		open: 'Открыть',
+		openInHistory: 'Открыть в History',
 		name: 'Название',
 		expand: 'Развернуть',
 		collapse: 'Свернуть',

package/src/locale/uk/uk.js

@@ -52,6 +52,7 @@ export default {
 		delete: 'Видалити',
 		search: 'Пошук',
 		open: 'Відкрити',
+		openInHistory: 'Відкрити в History',
 		name: 'Назва',
 		expand: 'Розгорнути',
 		collapse: 'Згорнути',

package/src/locale/uz/uz.js

@@ -56,6 +56,7 @@ export default {
 		delete: "O'chirish",
 		search: 'Qidirish',
 		open: 'Ochish',
+		openInHistory: 'Tarixda ochish',
 		name: 'Nomi',
 		expand: 'Kengaytirish',
 		collapse: 'Yigʻish',

package/src/locale/vi/vi.js

@@ -56,6 +56,7 @@ export default {
 		delete: 'Xóa',
 		search: 'Tìm kiếm',
 		open: 'Mở',
+		openInHistory: 'Mở trong lịch sử',
 		name: 'Tên',
 		expand: 'Mở rộng',
 		collapse: 'Thu gọn',

package/types/components/on-demand/wt-call-media-action/wt-call-media-action.vue.d.ts

@@ -0,0 +1,16 @@
+import { EngineCallFile, EngineCallFileType } from '@webitel/api-services/gen/models';
+interface Props {
+    files: Partial<Record<EngineCallFileType, EngineCallFile[]>>;
+    playingFileId?: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    stop: () => any;
+    play: (file: EngineCallFile) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onStop?: () => any;
+    onPlay?: (file: EngineCallFile) => any;
+}>, {
+    playingFileId: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -26,6 +26,7 @@ declare const _default: {
         delete: string;
         search: string;
         open: string;
+        openInHistory: string;
         name: string;
         expand: string;
         collapse: string;

package/types/locale/es/es.d.ts

@@ -30,6 +30,7 @@ declare namespace _default {
         export { _delete as delete };
         export let search: string;
         export let open: string;
+        export let openInHistory: string;
         export let name: string;
         export let expand: string;
         export let collapse: string;

package/types/locale/i18n.d.ts

@@ -27,6 +27,7 @@ declare const _default: import("vue-i18n").I18n<{
             delete: string;
             search: string;
             open: string;
+            openInHistory: string;
             name: string;
             expand: string;
             collapse: string;
@@ -851,6 +852,7 @@ declare const _default: import("vue-i18n").I18n<{
             delete: string;
             search: string;
             open: string;
+            openInHistory: string;
             name: string;
             expand: string;
             collapse: string;
@@ -1659,6 +1661,7 @@ declare const _default: import("vue-i18n").I18n<{
             delete: string;
             search: string;
             open: string;
+            openInHistory: string;
             name: string;
             expand: string;
             collapse: string;
@@ -2469,6 +2472,7 @@ declare const _default: import("vue-i18n").I18n<{
             delete: string;
             search: string;
             open: string;
+            openInHistory: string;
             name: string;
             expand: string;
             collapse: string;
@@ -3277,6 +3281,7 @@ declare const _default: import("vue-i18n").I18n<{
             delete: string;
             search: string;
             open: string;
+            openInHistory: string;
             name: string;
             expand: string;
             collapse: string;
@@ -4087,6 +4092,7 @@ declare const _default: import("vue-i18n").I18n<{
             delete: string;
             search: string;
             open: string;
+            openInHistory: string;
             name: string;
             expand: string;
             collapse: string;
@@ -4897,6 +4903,7 @@ declare const _default: import("vue-i18n").I18n<{
             delete: string;
             search: string;
             open: string;
+            openInHistory: string;
             name: string;
             expand: string;
             collapse: string;
@@ -5707,6 +5714,7 @@ declare const _default: import("vue-i18n").I18n<{
             delete: string;
             search: string;
             open: string;
+            openInHistory: string;
             name: string;
             expand: string;
             collapse: string;
@@ -6518,6 +6526,7 @@ declare const _default: import("vue-i18n").I18n<{
             delete: string;
             search: string;
             open: string;
+            openInHistory: string;
             name: string;
             expand: string;
             collapse: string;

package/types/locale/index.d.ts

@@ -37,6 +37,7 @@ export declare const messages: {
             delete: string;
             search: string;
             open: string;
+            openInHistory: string;
             name: string;
             expand: string;
             collapse: string;
@@ -861,6 +862,7 @@ export declare const messages: {
             delete: string;
             search: string;
             open: string;
+            openInHistory: string;
             name: string;
             expand: string;
             collapse: string;
@@ -1669,6 +1671,7 @@ export declare const messages: {
             delete: string;
             search: string;
             open: string;
+            openInHistory: string;
             name: string;
             expand: string;
             collapse: string;
@@ -2479,6 +2482,7 @@ export declare const messages: {
             delete: string;
             search: string;
             open: string;
+            openInHistory: string;
             name: string;
             expand: string;
             collapse: string;
@@ -3287,6 +3291,7 @@ export declare const messages: {
             delete: string;
             search: string;
             open: string;
+            openInHistory: string;
             name: string;
             expand: string;
             collapse: string;
@@ -4097,6 +4102,7 @@ export declare const messages: {
             delete: string;
             search: string;
             open: string;
+            openInHistory: string;
             name: string;
             expand: string;
             collapse: string;
@@ -4907,6 +4913,7 @@ export declare const messages: {
             delete: string;
             search: string;
             open: string;
+            openInHistory: string;
             name: string;
             expand: string;
             collapse: string;
@@ -5717,6 +5724,7 @@ export declare const messages: {
             delete: string;
             search: string;
             open: string;
+            openInHistory: string;
             name: string;
             expand: string;
             collapse: string;
@@ -6528,6 +6536,7 @@ export declare const messages: {
             delete: string;
             search: string;
             open: string;
+            openInHistory: string;
             name: string;
             expand: string;
             collapse: string;

package/types/locale/kz/kz.d.ts

@@ -30,6 +30,7 @@ declare namespace _default {
         export { _delete as delete };
         export let search: string;
         export let open: string;
+        export let openInHistory: string;
         export let name: string;
         export let expand: string;
         export let collapse: string;

package/types/locale/pl/pl.d.ts

@@ -30,6 +30,7 @@ declare namespace _default {
         export { _delete as delete };
         export let search: string;
         export let open: string;
+        export let openInHistory: string;
         export let name: string;
         export let expand: string;
         export let collapse: string;

package/types/locale/ro/ro.d.ts

@@ -30,6 +30,7 @@ declare namespace _default {
         export { _delete as delete };
         export let search: string;
         export let open: string;
+        export let openInHistory: string;
         export let name: string;
         export let expand: string;
         export let collapse: string;

package/types/locale/ru/ru.d.ts

@@ -28,6 +28,7 @@ declare namespace _default {
         export { _delete as delete };
         export let search: string;
         export let open: string;
+        export let openInHistory: string;
         export let name: string;
         export let expand: string;
         export let collapse: string;

package/types/locale/uk/uk.d.ts

@@ -28,6 +28,7 @@ declare namespace _default {
         export { _delete as delete };
         export let search: string;
         export let open: string;
+        export let openInHistory: string;
         export let name: string;
         export let expand: string;
         export let collapse: string;

package/types/locale/uz/uz.d.ts

@@ -30,6 +30,7 @@ declare namespace _default {
         export { _delete as delete };
         export let search: string;
         export let open: string;
+        export let openInHistory: string;
         export let name: string;
         export let expand: string;
         export let collapse: string;

package/types/locale/vi/vi.d.ts

@@ -30,6 +30,7 @@ declare namespace _default {
         export { _delete as delete };
         export let search: string;
         export let open: string;
+        export let openInHistory: string;
         export let name: string;
         export let expand: string;
         export let collapse: string;

package/dist/wt-screen-recordings-action-CbMqJUni.js

@@ -1,55 +0,0 @@
-import { defineComponent as h, computed as x, resolveComponent as i, createElementBlock as y, openBlock as r, createVNode as a, createElementVNode as p, withCtx as l, createTextVNode as C, toDisplayString as _, createBlock as k, createCommentVNode as S, unref as T } from "vue";
-import { E } from "./displayText-Cbh4IOfM.js";
-import { _ as B } from "./install-BsjclAsS.js";
-const m = {
-  FileTypeScreensharing: "file_type_screensharing"
-}, F = { class: "wt-screen-recordings-action" }, N = { class: "wt-screen-recordings-action__option" }, V = /* @__PURE__ */ h({
-  __name: "wt-screen-recordings-action",
-  props: {
-    files: {}
-  },
-  emits: ["set-video"],
-  setup(d, { emit: g }) {
-    const u = d, v = g, t = x(
-      () => u?.files?.[m.FileTypeScreensharing]?.map(
-        ({ name: e, id: s, mimeType: n, type: o }) => ({
-          text: e,
-          id: s,
-          mimeType: n,
-          type: o
-        })
-      )
-    ), w = ({ option: e }) => {
-      e.id && e.type === m.FileTypeScreensharing && v("set-video", e);
-    };
-    return (e, s) => {
-      const n = i("wt-icon-btn"), o = i("wt-icon"), f = i("wt-context-menu");
-      return r(), y("div", F, [
-        a(f, {
-          options: t.value,
-          "max-width": "400px",
-          onClick: w
-        }, {
-          activator: l(({ toggle: c }) => [
-            t.value?.length ? (r(), k(n, {
-              key: 0,
-              icon: "preview-tag-video",
-              onClick: c
-            }, null, 8, ["onClick"])) : S("", !0)
-          ]),
-          option: l(({ text: c }) => [
-            p("div", N, [
-              a(o, { icon: "preview-tag-video" }),
-              C(" " + _(c), 1)
-            ])
-          ]),
-          _: 1
-        }, 8, ["options"]),
-        p("p", null, _(t.value?.length || T(E)), 1)
-      ]);
-    };
-  }
-}), Y = /* @__PURE__ */ B(V, [["__scopeId", "data-v-a1fa5099"]]);
-export {
-  Y as default
-};