@webitel/ui-sdk 26.8.52 → 26.8.54

package/package.json

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

package/src/modules/Notifications/store/NotificationsStoreModule.js

@@ -7,12 +7,16 @@ import newChatSound from '../assets/audio/chat-new.wav';
 import newMessageSound from '../assets/audio/chat-new-message.wav';
 import endCallSound from '../assets/audio/end-call.wav';
 import ringingSound from '../assets/audio/ringing.mp3';
+import selfAssignedCallSound from '../assets/audio/self-assigned-call.wav';
 import endTask from '../assets/audio/task-end.wav';
 import newTask from '../assets/audio/task-new.wav';
 import notificationIcon from '../assets/img/notification-icon.png';
 
 const NOTIFICATION_VISIBLE_INTERVAL = 2000;
 
+// no CallActions member represents this - it is a client-only notification, not a CTI transport event
+export const SELF_ASSIGNED_CALL_ACTION = 'self_assigned_call';
+
 const getNotificationSound = (action) => {
 	switch (action) {
 		case JobState.Distribute:
@@ -31,6 +35,8 @@ const getNotificationSound = (action) => {
 			return new Audio(ringingSound);
 		case CallActions.Hangup:
 			return new Audio(endCallSound);
+		case SELF_ASSIGNED_CALL_ACTION:
+			return new Audio(selfAssignedCallSound);
 		default:
 			return false;
 	}

package/src/modules/TableComponentModule/composables/useTableEmpty.ts

@@ -1,5 +1,5 @@
 import deepmerge from 'deepmerge';
-import { computed, inject, type MaybeRefOrGetter, toRef, toValue } from 'vue';
+import { computed, inject, toRef } from 'vue';
 import { useI18n } from 'vue-i18n';
 
 import { EmptyCause } from '../../../enums/index';
@@ -9,6 +9,12 @@ 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;
@@ -41,9 +47,29 @@ export interface UseTableEmptySource {
 	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 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 }: UseTableEmptySource = {},
-	overrides: MaybeRefOrGetter<Partial<EmptyStateConfig>> = {},
+	overrides: MaybeOverridesGetter = {},
 ) => {
 	const { t } = useI18n();
 
@@ -90,7 +116,13 @@ export const useTableEmpty = (
 		},
 	}));
 
-	const merged = computed(() => deepmerge(defaults.value, toValue(overrides)));
+	const merged = computed<EmptyStateConfig>(
+		() =>
+			deepmerge(
+				defaults.value,
+				resolveOverrides(overrides),
+			) as EmptyStateConfig,
+	);
 
 	const darkMode = toRef(inject<boolean>('darkMode'));