@webitel/ui-sdk 26.8.51 → 26.8.52

package/dist/{wt-chat-emoji-D2VNcMWj.js → wt-chat-emoji-DVIlMP3o.js}

@@ -1,4 +1,4 @@
-import "./components-9JJurJkY.js";
+import "./components-C4rE9PlV.js";
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as t } from "./enums-DY3jIXFF.js";
 import { t as n } from "./wt-button-2_aOV7LX.js";

package/dist/{wt-display-chip-items-Dk-8hhAU.js → wt-display-chip-items-DwMS-DJc.js}

@@ -1,4 +1,4 @@
-import { C as e, i as t } from "./components-9JJurJkY.js";
+import { C as e, i as t } from "./components-C4rE9PlV.js";
 import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t as r } from "./displayText-CtaxzaBz.js";
 import { Fragment as i, computed as a, createCommentVNode as o, createElementBlock as s, createTextVNode as c, createVNode as l, defineComponent as u, openBlock as d, renderList as f, renderSlot as p, toDisplayString as m, unref as h, withCtx as g } from "vue";

package/dist/{wt-send-message-popup-BYV75cZf.js → wt-send-message-popup-DPjllTAk.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./rolldown-runtime-BEcgMyyN.js";
-import { n as t, r as n } from "./clients-rgtvDufW.js";
-import { T as r, n as i, w as a } from "./components-9JJurJkY.js";
+import { n as t, r as n } from "./clients-jhkEj9YI.js";
+import { T as r, n as i, w as a } from "./components-C4rE9PlV.js";
 import { t as o } from "./vue-i18n-Db_oYfO8.js";
 import { n as s } from "./useEventBus-B-ZeklLu.js";
 import { createBlock as c, createTextVNode as l, createVNode as u, defineComponent as d, mergeProps as f, onMounted as p, openBlock as m, ref as h, resolveComponent as g, toDisplayString as _, unref as v, withCtx as y } from "vue";

package/dist/{wt-type-extension-value-input-BYoxNwD4.js → wt-type-extension-value-input-BO44atDh.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./clients-rgtvDufW.js";
-import { a as t, o as n, r, s as i } from "./components-9JJurJkY.js";
+import { t as e } from "./clients-jhkEj9YI.js";
+import { a as t, o as n, r, s as i } from "./components-C4rE9PlV.js";
 import { t as a } from "./enums-DY3jIXFF.js";
 import { t as o } from "./vue-i18n-Db_oYfO8.js";
 import { computed as s, createBlock as c, createCommentVNode as l, createVNode as u, defineComponent as d, mergeModels as f, mergeProps as p, openBlock as m, renderSlot as h, resolveComponent as g, unref as _, useModel as v } from "vue";

package/dist/{wt-vidstack-player-B-vb7PqO.js → wt-vidstack-player-BD28KRTU.js}

@@ -1,4 +1,4 @@
-import { D as e } from "./components-9JJurJkY.js";
+import { D as e } from "./components-C4rE9PlV.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { l as n } from "./enums-DY3jIXFF.js";
 import "./wt-button-2_aOV7LX.js";

package/package.json

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

package/src/composables/index.ts

@@ -1,7 +1,6 @@
 export * from './useCachedInterval/useCachedInterval';
 export * from './useCachedItemInstanceName/useCachedItemInstanceName';
 export * from './useCard/useCardComponent';
-export * from './useCard/useCardTabs';
 export * from './useClose/useClose';
 export * from './useDestroyableSortable/useDestroyableSortable';
 export * from './useEventBus/useEventBus';

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

@@ -252,7 +252,7 @@ const {
 } = useTableEmpty({
 	dataList,
 	error,
-	filters: tabFilters.value,
+	filters: tabFilters,
 	isLoading,
 });
 

package/src/modules/TableComponentModule/composables/{useTableEmpty.js → useTableEmpty.ts}

@@ -1,5 +1,5 @@
 import deepmerge from 'deepmerge';
-import { computed, inject, toRef } from 'vue';
+import { computed, inject, type MaybeRefOrGetter, toRef, toValue } from 'vue';
 import { useI18n } from 'vue-i18n';
 
 import { EmptyCause } from '../../../enums/index';
@@ -9,18 +9,46 @@ import EmptyFiltersLight from '../_internals/assets/empty-filters-light.svg';
 import EmptyTableDark from '../_internals/assets/empty-table-dark.svg';
 import EmptyTableLight from '../_internals/assets/empty-table-light.svg';
 
-/**
- * @param {{ dataList?: unknown; filters?: unknown; error?: unknown; isLoading?: unknown }} [source]
- * @param {object} [overrides]
- */
+interface EmptyImageSet {
+	dark: string;
+	light: string;
+}
+
+interface EmptyStateVariants<T> {
+	filters: T;
+	error: T;
+	empty: T;
+}
+
+interface EmptyStateConfig {
+	image: EmptyStateVariants<EmptyImageSet>;
+	headline: EmptyStateVariants<string>;
+	title: EmptyStateVariants<string>;
+	text: EmptyStateVariants<string>;
+	primaryActionText: EmptyStateVariants<string>;
+	secondaryActionText: EmptyStateVariants<string>;
+}
+
+/** duck-typed readable ref — accepts `Ref`/`ComputedRef`/Pinia `ToRef` alike, only `.value` is ever read */
+type Readable<T> = {
+	value: T;
+};
+
+export interface UseTableEmptySource {
+	dataList?: Readable<unknown[] | undefined>;
+	filters?: Readable<Record<string, unknown> | undefined>;
+	error?: Readable<unknown>;
+	isLoading?: Readable<boolean | undefined>;
+}
+
 export const useTableEmpty = (
-	{ dataList, filters, error, isLoading } = {},
-	overrides = {},
+	{ dataList, filters, error, isLoading }: UseTableEmptySource = {},
+	overrides: MaybeRefOrGetter<Partial<EmptyStateConfig>> = {},
 ) => {
 	const { t } = useI18n();
 
 	// use computed, so that at locale change, texts will be updated too
-	const defaults = computed(() => ({
+	const defaults = computed<EmptyStateConfig>(() => ({
 		image: {
 			filters: {
 				dark: EmptyFiltersDark,
@@ -62,18 +90,18 @@ export const useTableEmpty = (
 		},
 	}));
 
-	const merged = computed(() => deepmerge(defaults.value, overrides));
+	const merged = computed(() => deepmerge(defaults.value, toValue(overrides)));
 
-	const darkMode = toRef(inject('darkMode'));
+	const darkMode = toRef(inject<boolean>('darkMode'));
 
 	const emptyState = computed(() => {
 		return !isLoading?.value && !error?.value && !dataList?.value?.length;
 	});
 
-	const emptyCause = computed(() => {
+	const emptyCause = computed<EmptyCause | null>(() => {
 		if (!emptyState?.value) return null;
 
-		if (error.value) return EmptyCause.ERROR;
+		if (error?.value) return EmptyCause.ERROR;
 		if (filters?.value) {
 			const uncheckedFilters = [
 				'page',