@webitel/ui-sdk 26.8.51 → 26.8.53

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.53",
 	"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}

@@ -9,18 +9,72 @@ 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';
 
+type DeepPartial<T> = T extends object
+	? {
+			[K in keyof T]?: DeepPartial<T[K]>;
+		}
+	: T;
+
+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>;
+}
+
+type MaybeOverridesGetter =
+	| DeepPartial<EmptyStateConfig>
+	| Readable<DeepPartial<EmptyStateConfig>>
+	| (() => DeepPartial<EmptyStateConfig>);
+
+const resolveOverrides = (
+	source: MaybeOverridesGetter,
+): DeepPartial<EmptyStateConfig> => {
+	if (typeof source === 'function') return source();
+	if (source && typeof source === 'object' && 'value' in source) {
+		return source.value;
+	}
+	return source;
+};
+
 /**
- * @param {{ dataList?: unknown; filters?: unknown; error?: unknown; isLoading?: unknown }} [source]
- * @param {object} [overrides]
+ * @param overrides plain object, ref, computed, or getter — use a reactive
+ *   source (not a plain object literal) if any value inside depends on
+ *   locale/dark mode, so it re-evaluates instead of freezing at first render
  */
 export const useTableEmpty = (
-	{ dataList, filters, error, isLoading } = {},
-	overrides = {},
+	{ dataList, filters, error, isLoading }: UseTableEmptySource = {},
+	overrides: MaybeOverridesGetter = {},
 ) => {
 	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 +116,24 @@ export const useTableEmpty = (
 		},
 	}));
 
-	const merged = computed(() => deepmerge(defaults.value, overrides));
+	const merged = computed<EmptyStateConfig>(
+		() =>
+			deepmerge(
+				defaults.value,
+				resolveOverrides(overrides),
+			) as EmptyStateConfig,
+	);
 
-	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',