@webitel/ui-sdk 26.8.50 → 26.8.52

package/src/locale/kz/kz.js

@@ -229,6 +229,34 @@ export default {
 				[snakeToCamel(AgentStatus.BreakOut)]: 'Принудительный перерыв',
 			},
 		},
+		bucket: 'Бакет | Бакеттер',
+		joinedAt: 'Қосылған күні',
+		leavingAt: 'Шыққан күні',
+		offeringAt: 'Ұсынылған күні',
+		stopCause: {
+			stopCause: 'Аяқталу себебі',
+			abandoned: 'Абандондалды',
+			timeout: 'Таймақ',
+			cancel: 'Болдырмау',
+			success: 'Сәтті',
+			failed: 'Ақау',
+			missed: 'Жоқ',
+			expired: 'Төмендеді',
+			canceledByTimeout: 'Күту уақыты бойынша болдырылмады',
+		},
+		memberPriority: 'Приоритет',
+		attempts: 'Сынамалар',
+		callReportingResult: {
+			result: 'Нәтиже',
+			abandoned: 'Абандондалды',
+			cancel: 'Болдырмау',
+			success: 'Сәтті',
+			failed: 'Ақау',
+			missed: 'Жоқ',
+			timeout: 'Таймақ',
+			endless: 'Аяқсыз',
+			transferred: 'Ауыстырылды',
+		},
 		flow: {
 			name: 'Ағын схемасы | Ағын схемалары',
 			type: {
@@ -703,6 +731,9 @@ export default {
 			author: ({ linked }) => {
 				return linked('cases.author');
 			},
+			bucket: ({ linked }) => {
+				return linked('objects.bucket');
+			},
 			cause: ({ linked }) => {
 				return linked('objects.hangupCause');
 			},
@@ -745,6 +776,39 @@ export default {
 			hasUser: ({ linked }) => {
 				return linked('objects.user');
 			},
+			joinedAt: ({ linked }) => {
+				return linked('objects.joinedAt');
+			},
+			leavingAt: ({ linked }) => {
+				return linked('objects.leavingAt');
+			},
+			offeringAt: ({ linked }) => {
+				return linked('objects.offeringAt');
+			},
+			stopCause: ({ linked }) => {
+				return linked('objects.stopCause.stopCause');
+			},
+			memberPriority: ({ linked }) => {
+				return linked('objects.memberPriority');
+			},
+			attempts: ({ linked }) => {
+				return linked('objects.attempts');
+			},
+			name: ({ linked }) => {
+				return linked('reusable.name');
+			},
+			destination: ({ linked }) => {
+				return linked('vocabulary.destination');
+			},
+			duration: ({ linked }) => {
+				return linked('vocabulary.duration');
+			},
+			result: ({ linked }) => {
+				return linked('objects.callReportingResult.result');
+			},
+			tags: ({ linked }) => {
+				return linked('vocabulary.tag');
+			},
 			impacted: ({ linked }) => {
 				return linked('cases.impacted');
 			},

package/src/locale/pl/pl.js

@@ -229,6 +229,34 @@ export default {
 				[snakeToCamel(AgentStatus.BreakOut)]: 'Przerwa',
 			},
 		},
+		bucket: 'Kubeł | Kubeły',
+		joinedAt: 'Dołączono',
+		leavingAt: 'Opuszczono',
+		offeringAt: 'Zaoferowano',
+		stopCause: {
+			stopCause: 'Przyczyna zakończenia',
+			abandoned: 'Porzucone',
+			timeout: 'Przekroczono czas',
+			cancel: 'Anulowane',
+			success: 'Sukces',
+			failed: 'Niepowodzenie',
+			missed: 'Przegapione',
+			expired: 'Wygasło',
+			canceledByTimeout: 'Anulowano z powodu przekroczenia czasu',
+		},
+		memberPriority: 'Priorytet',
+		attempts: 'Próby',
+		callReportingResult: {
+			result: 'Wynik',
+			abandoned: 'Porzucone',
+			cancel: 'Anulowane',
+			success: 'Sukces',
+			failed: 'Niepowodzenie',
+			missed: 'Przegapione',
+			timeout: 'Przekroczono czas',
+			endless: 'Nieskończony',
+			transferred: 'Przekazane',
+		},
 		flow: {
 			name: 'Schemat przepływu | Schematy przepływu',
 			type: {
@@ -701,6 +729,9 @@ export default {
 			author: ({ linked }) => {
 				return linked('cases.author');
 			},
+			bucket: ({ linked }) => {
+				return linked('objects.bucket');
+			},
 			cause: ({ linked }) => {
 				return linked('objects.hangupCause');
 			},
@@ -743,6 +774,39 @@ export default {
 			hasUser: ({ linked }) => {
 				return linked('objects.user');
 			},
+			joinedAt: ({ linked }) => {
+				return linked('objects.joinedAt');
+			},
+			leavingAt: ({ linked }) => {
+				return linked('objects.leavingAt');
+			},
+			offeringAt: ({ linked }) => {
+				return linked('objects.offeringAt');
+			},
+			stopCause: ({ linked }) => {
+				return linked('objects.stopCause.stopCause');
+			},
+			memberPriority: ({ linked }) => {
+				return linked('objects.memberPriority');
+			},
+			attempts: ({ linked }) => {
+				return linked('objects.attempts');
+			},
+			name: ({ linked }) => {
+				return linked('reusable.name');
+			},
+			destination: ({ linked }) => {
+				return linked('vocabulary.destination');
+			},
+			duration: ({ linked }) => {
+				return linked('vocabulary.duration');
+			},
+			result: ({ linked }) => {
+				return linked('objects.callReportingResult.result');
+			},
+			tags: ({ linked }) => {
+				return linked('vocabulary.tag');
+			},
 			impacted: ({ linked }) => {
 				return linked('cases.impacted');
 			},

package/src/locale/ro/ro.js

@@ -229,6 +229,34 @@ export default {
 				[snakeToCamel(AgentStatus.BreakOut)]: 'Pauză mare',
 			},
 		},
+		bucket: 'Balon | Baloane',
+		joinedAt: 'Alăturat la',
+		leavingAt: 'Părăsit la',
+		offeringAt: 'Ofertat la',
+		stopCause: {
+			stopCause: 'Motiv sfârșit',
+			abandoned: 'Abandonat',
+			timeout: 'Timp de așteptare',
+			cancel: 'Anulat',
+			success: 'Succes',
+			failed: 'Eșuat',
+			missed: 'Pierdut',
+			expired: 'Expirat',
+			canceledByTimeout: 'Anulat din cauza timpului expirat',
+		},
+		memberPriority: 'Prioritate',
+		attempts: 'Încercări',
+		callReportingResult: {
+			result: 'Rezultat',
+			abandoned: 'Abandonat',
+			cancel: 'Anulat',
+			success: 'Succes',
+			failed: 'Eșuat',
+			missed: 'Pierdut',
+			timeout: 'Timp de așteptare',
+			endless: 'Nelimitat',
+			transferred: 'Transferat',
+		},
 		flow: {
 			name: 'Schemă flux | Scheme flux',
 			type: {
@@ -707,6 +735,9 @@ export default {
 			author: ({ linked }) => {
 				return linked('cases.author');
 			},
+			bucket: ({ linked }) => {
+				return linked('objects.bucket');
+			},
 			cause: ({ linked }) => {
 				return linked('objects.hangupCause');
 			},
@@ -749,6 +780,39 @@ export default {
 			hasUser: ({ linked }) => {
 				return linked('objects.user');
 			},
+			joinedAt: ({ linked }) => {
+				return linked('objects.joinedAt');
+			},
+			leavingAt: ({ linked }) => {
+				return linked('objects.leavingAt');
+			},
+			offeringAt: ({ linked }) => {
+				return linked('objects.offeringAt');
+			},
+			stopCause: ({ linked }) => {
+				return linked('objects.stopCause.stopCause');
+			},
+			memberPriority: ({ linked }) => {
+				return linked('objects.memberPriority');
+			},
+			attempts: ({ linked }) => {
+				return linked('objects.attempts');
+			},
+			name: ({ linked }) => {
+				return linked('reusable.name');
+			},
+			destination: ({ linked }) => {
+				return linked('vocabulary.destination');
+			},
+			duration: ({ linked }) => {
+				return linked('vocabulary.duration');
+			},
+			result: ({ linked }) => {
+				return linked('objects.callReportingResult.result');
+			},
+			tags: ({ linked }) => {
+				return linked('vocabulary.tag');
+			},
 			impacted: ({ linked }) => {
 				return linked('cases.impacted');
 			},

package/src/locale/ru/ru.js

@@ -225,6 +225,34 @@ export default {
 				[snakeToCamel(AgentStatus.BreakOut)]: 'Принудительный перерыв',
 			},
 		},
+		bucket: 'Корзина | Корзины',
+		joinedAt: 'Присоединено',
+		leavingAt: 'Покинуто',
+		offeringAt: 'Предложено',
+		stopCause: {
+			stopCause: 'Причина прекращения',
+			abandoned: 'Потерянный',
+			timeout: 'Тайм-аут',
+			cancel: 'Отменённый',
+			success: 'Успешный',
+			failed: 'Неудачный',
+			missed: 'Пропущенный',
+			expired: 'Истекший',
+			canceledByTimeout: 'Отменен по тайм-ауту',
+		},
+		memberPriority: 'Приоритет',
+		attempts: 'Попыток',
+		callReportingResult: {
+			result: 'Результат',
+			abandoned: 'Потерянный',
+			cancel: 'Отменённый',
+			success: 'Успешный',
+			failed: 'Неудачный',
+			missed: 'Пропущенный',
+			timeout: 'Тайм-аут',
+			endless: 'Бесконечный',
+			transferred: 'Переведен',
+		},
 		flow: {
 			name: 'Схема | Схемы',
 			type: {
@@ -697,6 +725,9 @@ export default {
 			author: ({ linked }) => {
 				return linked('cases.author');
 			},
+			bucket: ({ linked }) => {
+				return linked('objects.bucket');
+			},
 			cause: ({ linked }) => {
 				return linked('objects.hangupCause');
 			},
@@ -739,6 +770,39 @@ export default {
 			hasUser: ({ linked }) => {
 				return linked('objects.user');
 			},
+			joinedAt: ({ linked }) => {
+				return linked('objects.joinedAt');
+			},
+			leavingAt: ({ linked }) => {
+				return linked('objects.leavingAt');
+			},
+			offeringAt: ({ linked }) => {
+				return linked('objects.offeringAt');
+			},
+			stopCause: ({ linked }) => {
+				return linked('objects.stopCause.stopCause');
+			},
+			memberPriority: ({ linked }) => {
+				return linked('objects.memberPriority');
+			},
+			attempts: ({ linked }) => {
+				return linked('objects.attempts');
+			},
+			name: ({ linked }) => {
+				return linked('reusable.name');
+			},
+			destination: ({ linked }) => {
+				return linked('vocabulary.destination');
+			},
+			duration: ({ linked }) => {
+				return linked('vocabulary.duration');
+			},
+			result: ({ linked }) => {
+				return linked('objects.callReportingResult.result');
+			},
+			tags: ({ linked }) => {
+				return linked('vocabulary.tag');
+			},
 			impacted: ({ linked }) => {
 				return linked('cases.impacted');
 			},

package/src/locale/uk/uk.js

@@ -224,6 +224,34 @@ export default {
 				[snakeToCamel(AgentStatus.BreakOut)]: 'Примусова перерва',
 			},
 		},
+		bucket: 'Кошик | Кошики',
+		joinedAt: 'Приєднано',
+		leavingAt: 'Покинуто',
+		offeringAt: 'Запропоновано',
+		stopCause: {
+			stopCause: 'Причина припинення',
+			abandoned: 'Втрачений',
+			timeout: 'Тайм-аут',
+			cancel: 'Скасований',
+			success: 'Успішний',
+			failed: 'Неуспішний',
+			missed: 'Пропущений',
+			expired: 'Час вийшов',
+			canceledByTimeout: 'Скасовано по тайм-ауту',
+		},
+		memberPriority: 'Пріоритет',
+		attempts: 'Спроб',
+		callReportingResult: {
+			result: 'Результат',
+			abandoned: 'Втрачений',
+			cancel: 'Скасований',
+			success: 'Успішний',
+			failed: 'Неуспішний',
+			missed: 'Пропущений',
+			timeout: 'Тайм-аут',
+			endless: 'Нескінченний',
+			transferred: 'Переведений',
+		},
 		flow: {
 			name: 'Схема | Схеми',
 			type: {
@@ -695,6 +723,9 @@ export default {
 			author: ({ linked }) => {
 				return linked('cases.author');
 			},
+			bucket: ({ linked }) => {
+				return linked('objects.bucket');
+			},
 			cause: ({ linked }) => {
 				return linked('objects.hangupCause');
 			},
@@ -737,6 +768,39 @@ export default {
 			hasUser: ({ linked }) => {
 				return linked('objects.user');
 			},
+			joinedAt: ({ linked }) => {
+				return linked('objects.joinedAt');
+			},
+			leavingAt: ({ linked }) => {
+				return linked('objects.leavingAt');
+			},
+			offeringAt: ({ linked }) => {
+				return linked('objects.offeringAt');
+			},
+			stopCause: ({ linked }) => {
+				return linked('objects.stopCause.stopCause');
+			},
+			memberPriority: ({ linked }) => {
+				return linked('objects.memberPriority');
+			},
+			attempts: ({ linked }) => {
+				return linked('objects.attempts');
+			},
+			name: ({ linked }) => {
+				return linked('reusable.name');
+			},
+			destination: ({ linked }) => {
+				return linked('vocabulary.destination');
+			},
+			duration: ({ linked }) => {
+				return linked('vocabulary.duration');
+			},
+			result: ({ linked }) => {
+				return linked('objects.callReportingResult.result');
+			},
+			tags: ({ linked }) => {
+				return linked('vocabulary.tag');
+			},
 			impacted: ({ linked }) => {
 				return linked('cases.impacted');
 			},

package/src/locale/uz/uz.js

@@ -229,6 +229,34 @@ export default {
 				[snakeToCamel(AgentStatus.BreakOut)]: 'Tanaffus',
 			},
 		},
+		bucket: 'Bucket | Buckets',
+		joinedAt: "Qo'shilgan sana",
+		leavingAt: 'Chiqilgan sana',
+		offeringAt: 'Taklif qilingan sana',
+		stopCause: {
+			stopCause: 'Tugatish sababi',
+			abandoned: 'Abandoned',
+			timeout: 'Vaqt',
+			cancel: 'Bekor qilish',
+			success: 'Muvaffaqiyatli',
+			failed: 'Yaroqsiz',
+			missed: 'Bekor qilindi',
+			expired: 'Yaroqli',
+			canceledByTimeout: 'Vaqt tugashi sababli bekor qilindi',
+		},
+		memberPriority: 'Prioritet',
+		attempts: 'Urinishlar',
+		callReportingResult: {
+			result: 'Natija',
+			abandoned: 'Bekor qilindi',
+			cancel: 'Bekor qilindi',
+			success: 'Muvaffaqiyatli',
+			failed: 'Yaroqsiz',
+			missed: 'Bekor qilindi',
+			timeout: 'Vaqt',
+			endless: 'Cheksiz',
+			transferred: 'Uzatilgan',
+		},
 		flow: {
 			name: 'Oqim sxemasi | Oqim sxemalari',
 			type: {
@@ -706,6 +734,9 @@ export default {
 			author: ({ linked }) => {
 				return linked('cases.author');
 			},
+			bucket: ({ linked }) => {
+				return linked('objects.bucket');
+			},
 			cause: ({ linked }) => {
 				return linked('objects.hangupCause');
 			},
@@ -748,6 +779,39 @@ export default {
 			hasUser: ({ linked }) => {
 				return linked('objects.user');
 			},
+			joinedAt: ({ linked }) => {
+				return linked('objects.joinedAt');
+			},
+			leavingAt: ({ linked }) => {
+				return linked('objects.leavingAt');
+			},
+			offeringAt: ({ linked }) => {
+				return linked('objects.offeringAt');
+			},
+			stopCause: ({ linked }) => {
+				return linked('objects.stopCause.stopCause');
+			},
+			memberPriority: ({ linked }) => {
+				return linked('objects.memberPriority');
+			},
+			attempts: ({ linked }) => {
+				return linked('objects.attempts');
+			},
+			name: ({ linked }) => {
+				return linked('reusable.name');
+			},
+			destination: ({ linked }) => {
+				return linked('vocabulary.destination');
+			},
+			duration: ({ linked }) => {
+				return linked('vocabulary.duration');
+			},
+			result: ({ linked }) => {
+				return linked('objects.callReportingResult.result');
+			},
+			tags: ({ linked }) => {
+				return linked('vocabulary.tag');
+			},
 			impacted: ({ linked }) => {
 				return linked('cases.impacted');
 			},

package/src/locale/vi/vi.js

@@ -229,6 +229,34 @@ export default {
 				[snakeToCamel(AgentStatus.BreakOut)]: 'Giải lao',
 			},
 		},
+		bucket: 'Thùng chứa',
+		joinedAt: 'Tham gia lúc',
+		leavingAt: 'Rời lúc',
+		offeringAt: 'Đề xuất lúc',
+		stopCause: {
+			stopCause: 'Nguyên nhân kết thúc',
+			abandoned: 'Bỏ qua',
+			timeout: 'Hết thời gian',
+			cancel: 'Hủy',
+			success: 'Thành công',
+			failed: 'Thất bại',
+			missed: 'Bỏ qua',
+			expired: 'Hết hạn',
+			canceledByTimeout: 'Đã hủy do hết thời gian chờ',
+		},
+		memberPriority: 'Ưu tiên',
+		attempts: 'Lần thử',
+		callReportingResult: {
+			result: 'Kết quả',
+			abandoned: 'Bỏ qua',
+			cancel: 'Hủy',
+			success: 'Thành công',
+			failed: 'Thất bại',
+			missed: 'Bỏ qua',
+			timeout: 'Hết thời gian',
+			endless: 'Vô hạn',
+			transferred: 'Chuyển đổi',
+		},
 		flow: {
 			name: 'Sơ đồ luồng | Sơ đồ luồng',
 			type: {
@@ -704,6 +732,9 @@ export default {
 			author: ({ linked }) => {
 				return linked('cases.author');
 			},
+			bucket: ({ linked }) => {
+				return linked('objects.bucket');
+			},
 			cause: ({ linked }) => {
 				return linked('objects.hangupCause');
 			},
@@ -746,6 +777,39 @@ export default {
 			hasUser: ({ linked }) => {
 				return linked('objects.user');
 			},
+			joinedAt: ({ linked }) => {
+				return linked('objects.joinedAt');
+			},
+			leavingAt: ({ linked }) => {
+				return linked('objects.leavingAt');
+			},
+			offeringAt: ({ linked }) => {
+				return linked('objects.offeringAt');
+			},
+			stopCause: ({ linked }) => {
+				return linked('objects.stopCause.stopCause');
+			},
+			memberPriority: ({ linked }) => {
+				return linked('objects.memberPriority');
+			},
+			attempts: ({ linked }) => {
+				return linked('objects.attempts');
+			},
+			name: ({ linked }) => {
+				return linked('reusable.name');
+			},
+			destination: ({ linked }) => {
+				return linked('vocabulary.destination');
+			},
+			duration: ({ linked }) => {
+				return linked('vocabulary.duration');
+			},
+			result: ({ linked }) => {
+				return linked('objects.callReportingResult.result');
+			},
+			tags: ({ linked }) => {
+				return linked('vocabulary.tag');
+			},
 			impacted: ({ linked }) => {
 				return linked('cases.impacted');
 			},

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',