@webitel/ui-sdk 26.2.90 → 26.2.92

package/dist/{wt-vidstack-player-B_-Gi5Gi.js → wt-vidstack-player-CvpfSF-r.js}

@@ -1,5 +1,5 @@
 import { defineComponent as qe, createElementBlock as Ie, openBlock as gt, createVNode as ie, useTemplateRef as ha, inject as nn, onMounted as ca, onBeforeUnmount as ua, normalizeClass as Xs, unref as Js, createElementVNode as yt, createBlock as is, createCommentVNode as ve, toDisplayString as da, renderSlot as os, ref as Ci, provide as pa, computed as Pi, withCtx as xi } from "vue";
-import { R as fa, S as ma, T as ga, U as ya, P as Ce, _ as Oe, V as ba, C as at } from "./install-XAkxN4AA.js";
+import { R as fa, S as ma, T as ga, U as ya, P as Ce, _ as Oe, V as ba, C as at } from "./install-D3CIg-W2.js";
 const dt = /* @__PURE__ */ Symbol(0);
 let ls = !1, Fs = !1, ot = null, ee = null, et = null, X = 0, te = [], Zs = {};
 const $a = () => {
@@ -3263,7 +3263,7 @@ class To {
     return "audio";
   }
   async load(t) {
-    return new (await import("./vidstack-audio-BuOjgvxl.js")).AudioProvider(this.target, t);
+    return new (await import("./vidstack-audio-CvVtmWic.js")).AudioProvider(this.target, t);
   }
 }
 class di {
@@ -3276,7 +3276,7 @@ class di {
     return "video";
   }
   async load(t) {
-    return new (await import("./vidstack-video-CCJlAiu2.js")).VideoProvider(this.target, t);
+    return new (await import("./vidstack-video-BIeRD0dm.js")).VideoProvider(this.target, t);
   }
 }
 class pi extends di {
@@ -3286,7 +3286,7 @@ class pi extends di {
     return pi.supported && De(t);
   }
   async load(t) {
-    return new (await import("./vidstack-hls-DI2Lv0Tm.js")).HLSProvider(this.target, t);
+    return new (await import("./vidstack-hls-BHuRhQpc.js")).HLSProvider(this.target, t);
   }
 }
 class fi extends di {
@@ -3296,7 +3296,7 @@ class fi extends di {
     return fi.supported && li(t);
   }
   async load(t) {
-    return new (await import("./vidstack-dash-Da5vvHhg.js")).DASHProvider(this.target, t);
+    return new (await import("./vidstack-dash-ICld3jc0.js")).DASHProvider(this.target, t);
   }
 }
 class So {
@@ -3318,7 +3318,7 @@ class So {
     return "video";
   }
   async load(t) {
-    return new (await import("./vidstack-vimeo-DJzB0wOs.js")).VimeoProvider(this.target, t);
+    return new (await import("./vidstack-vimeo-CadUrmO4.js")).VimeoProvider(this.target, t);
   }
   async loadPoster(t, e, s) {
     const { resolveVimeoVideoId: n, getVimeoVideoInfo: a } = await import("./vidstack-krOAtKMi-C50BTxmn.js");
@@ -3350,7 +3350,7 @@ class ko {
     return "video";
   }
   async load(t) {
-    return new (await import("./vidstack-youtube-DBkGM7Ai.js")).YouTubeProvider(this.target, t);
+    return new (await import("./vidstack-youtube-D3eB14FI.js")).YouTubeProvider(this.target, t);
   }
   async loadPoster(t, e, s) {
     const { findYouTubePoster: n, resolveYouTubeVideoId: a } = await import("./vidstack-Dm1xEU9Q-CXHNvShT.js"), r = v(t.src) && a(t.src);
@@ -3818,7 +3818,7 @@ class Ao extends Qt {
         throw n.code = "CAST_NOT_AVAILABLE", n;
       }
       if (_e("https://www.gstatic.com"), !this.#$) {
-        const n = await import("./vidstack-D2pY00kU-DpuyCg6C.js").then((a) => a.v);
+        const n = await import("./vidstack-D2pY00kU-S4bYdiza.js").then((a) => a.v);
         this.#$ = new n.GoogleCastLoader();
       }
       await this.#$.prompt(this.#s), t && this.#e.queue.enqueue("media-google-cast-request", t);
@@ -5511,7 +5511,7 @@ class Bo extends $(HTMLElement, Hn) {
     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_-Dz8KT0Ww.js").then(({ insertContent: e }) => {
+    return t.classList.add("vds-google-cast"), import("./vidstack-D_-9AA6_-CBc_XgaH.js").then(({ insertContent: e }) => {
       e(t, this.#t.$state);
     }), t;
   }
@@ -10079,7 +10079,7 @@ const ic = /* @__PURE__ */ qe({
       ])
     ], 2));
   }
-}), yc = /* @__PURE__ */ Oe(gc, [["__scopeId", "data-v-2edb1963"]]), bc = ["autoplay", "muted", "src"], $c = /* @__PURE__ */ qe({
+}), yc = /* @__PURE__ */ Oe(gc, [["__scopeId", "data-v-4fb2b9f3"]]), bc = ["autoplay", "muted", "src"], $c = /* @__PURE__ */ qe({
   __name: "wt-vidstack-player",
   props: {
     src: {},
@@ -10172,7 +10172,7 @@ const ic = /* @__PURE__ */ qe({
       ], 40, bc)
     ], 2));
   }
-}), vc = /* @__PURE__ */ Oe($c, [["__scopeId", "data-v-fe960280"]]), Oc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), vc = /* @__PURE__ */ Oe($c, [["__scopeId", "data-v-b5f27cee"]]), Oc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: vc
 }, Symbol.toStringTag, { value: "Module" }));

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webitel/ui-sdk",
-	"version": "26.2.90",
+	"version": "26.2.92",
 	"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",
@@ -10,7 +10,7 @@
 		"biome:format:all": "npx biome check --write ./src",
 		"build:types": "vue-tsc -p ./tsconfig.build.json",
 		"publish-lib": " npm publish --access public --tag latest",
-		"docs:dev": "vitepress dev docs --port 8080",
+		"docs:dev": "vitepress dev docs",
 		"docs:build": "vitepress build docs",
 		"lint:fix-staged": "npx lint-staged",
 		"lint:package": "publint",

package/src/components/wt-vidstack-player/components/layouts/video-layout.vue

@@ -80,7 +80,7 @@ const emit = defineEmits<{
   align-self: flex-start;
 }
 
-:deep(media-player[data-hocus]) :deep(.video-display-panel) {
+media-player[data-hocus] .video-display-panel {
   /* hover or focus within https://vidstack.io/docs/wc/player/components/core/player/?styling=css#player.attrs */
   background: var(--p-player-head-line-hover-background);
   opacity: 1;

package/src/components/wt-vidstack-player/wt-vidstack-player.vue

@@ -224,8 +224,33 @@ const onCanPlay = (ev: Event) => {
  * Note: popup-wrapper and popup-container mixins removed - apply popup styles separately if needed
  */
 .wt-vidstack-player--md:not(.wt-vidstack-player--static) {
-  overflow: visible;
+  display: flex;
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  justify-content: center;
+  align-items: center;
+  z-index: var(--popup-wrapper-z-index);
+  background: var(--wt-popup-shadow-color);
   border-radius: 0;
+  overflow: visible;
+}
+
+.wt-vidstack-player--md:not(.wt-vidstack-player--static) .wt-vidstack-player__player {
+  flex-direction: column;
+  gap: var(--popup-sections-gap);
+  z-index: 1;
+  box-shadow: var(--elevation-10);
+  background: var(--wt-popup-background-color);
+  position: relative;
+  display: block;
+  padding: 0;
+  margin: 0;
+  max-height: var(--p-player-wrapper-md-height);
+  border-radius: var(--p-player-wrapper-md-border-radius);
+  overflow: hidden;
 }
 
 .wt-vidstack-player--lg {

package/src/modules/AgentPdfs/components/agent-pdfs-tab.vue

@@ -211,6 +211,14 @@ const {
 	closeDelete,
 } = useDeleteConfirmationPopup();
 
+const tabFilters = computed(() =>
+	filtersManager.value.getAllValues({
+		exclude: [
+			props.entityIdKey,
+		],
+	}),
+);
+
 const {
 	showEmpty,
 	image: imageEmpty,
@@ -218,7 +226,7 @@ const {
 } = useTableEmpty({
 	dataList,
 	error,
-	filters: computed(() => filtersManager.value.getAllValues()),
+	filters: tabFilters.value,
 	isLoading,
 });
 

package/src/modules/Userinfo/stores/__tests__/UserinfoAccessControl.spec.ts

@@ -0,0 +1,34 @@
+import { createPinia, setActivePinia, storeToRefs } from 'pinia';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+
+import { createUserinfoStore } from '../userinfoStore';
+
+describe('UserinfoAccessControl', () => {
+	let useUserinfoStore: ReturnType<typeof createUserinfoStore>;
+
+	beforeEach(() => {
+		const pinia = createPinia();
+		setActivePinia(pinia);
+		useUserinfoStore = createUserinfoStore();
+	});
+
+	it('should be defined', async () => {
+		vi.mock(import('../../api/UserinfoAPI'), () => ({
+			getSession: vi.fn().mockResolvedValue({
+				userId: 1,
+				username: 'test',
+				permissions: [],
+				scope: [],
+				access: {},
+				license: [],
+			}),
+			getUiVisibilityAccess: vi.fn().mockResolvedValue({}),
+		}));
+		const userinfoStore = useUserinfoStore();
+		const { initialize } = userinfoStore;
+		const { userId } = storeToRefs(userinfoStore);
+		await initialize();
+
+		expect(userId.value).toBe(1);
+	});
+});

package/src/modules/Userinfo/stores/__tests__/accessStore.spec.ts

@@ -3,8 +3,7 @@ import { beforeEach, describe, expect, it } from 'vitest';
 import { createApp, h } from 'vue';
 import { createRouter, createWebHistory, type Router } from 'vue-router';
 
-import { AdminSections, WtApplication, WtObject } from '../../../../../enums';
-import { CrudGlobalAction } from '../../enums';
+import { AdminSections, WtApplication, WtObject } from '../../../../enums';
 import { createUserAccessStore } from '../accessStore';
 
 describe('AccessStore', () => {
@@ -25,6 +24,7 @@ describe('AccessStore', () => {
 					name: 'users',
 					component: () => h('div', 'users'),
 					meta: {
+						WtApplication: WtApplication.Admin,
 						WtObject: WtObject.User,
 						UiSection: AdminSections.Users,
 					},
@@ -48,6 +48,7 @@ describe('AccessStore', () => {
 			permissions: [],
 			scope: [],
 			access: {},
+			license: [],
 		});
 
 		await router.push({
@@ -59,26 +60,6 @@ describe('AccessStore', () => {
 		expect(router.currentRoute.value.name).not.toBe('users');
 	});
 
-	it('allows route access if has global permission', async () => {
-		const { initialize, routeAccessGuard } = useAccessStore();
-		router.beforeEach(routeAccessGuard);
-
-		initialize({
-			permissions: [
-				{
-					id: CrudGlobalAction.Read,
-				},
-			],
-			scope: [],
-			access: {},
-		});
-
-		await router.push({
-			name: 'users',
-		});
-		expect(router.currentRoute.value.name).toBe('users');
-	});
-
 	it('allows route access if has scope permission, app visibility and section visibility', async () => {
 		const { initialize, routeAccessGuard } = useAccessStore();
 		router.beforeEach(routeAccessGuard);
@@ -99,6 +80,7 @@ describe('AccessStore', () => {
 					},
 				},
 			},
+			license: [],
 		});
 
 		await router.push({
@@ -127,6 +109,7 @@ describe('AccessStore', () => {
 					},
 				},
 			},
+			license: [],
 		});
 
 		await router.push({
@@ -155,6 +138,7 @@ describe('AccessStore', () => {
 					},
 				},
 			},
+			license: [],
 		});
 
 		await router.push({