@webitel/ui-sdk 26.8.144 → 26.8.145

package/dist/{wt-chat-emoji-BSKbQUyN.js → wt-chat-emoji-qxtZmAHe.js}

@@ -1,4 +1,4 @@
-import "./components-B4OUcPfz.js";
+import "./components-DDe2Hor4.js";
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { E as t, h as n } from "./enums-CKer6GJR.js";
 import { t as r } from "./wt-button-DipbKGWn.js";

package/dist/{wt-display-chip-items-DLrXRkTo.js → wt-display-chip-items-ChCoDhQE.js}

@@ -1,4 +1,4 @@
-import { C as e, i as t } from "./components-B4OUcPfz.js";
+import { C as e, i as t } from "./components-DDe2Hor4.js";
 import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { t as r } from "./utils-DQQQIpjz.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-DPB0kwb-.js → wt-send-message-popup-0lqmtkJP.js}

@@ -1,6 +1,6 @@
-import { n as e } from "./components-B4OUcPfz.js";
+import { n as e } from "./components-DDe2Hor4.js";
 import "./convertDuration-CIPonKKW.js";
-import { i as t, r as n } from "./clients-2IJUU4qx.js";
+import { i as t, r as n } from "./clients-C8iQUpKL.js";
 import { n as r } from "./vue-i18n-VBiROMZ4.js";
 import { n as i } from "./useEventBus-B-ZeklLu.js";
 import { createBlock as a, createTextVNode as o, createVNode as s, defineComponent as c, mergeProps as l, onMounted as u, openBlock as d, ref as f, resolveComponent as p, toDisplayString as m, unref as h, withCtx as g } from "vue";

package/dist/wt-type-extension-value-input-D2k5q8tl.js

@@ -0,0 +1,377 @@
+import "./dist-EXdgfpvN.js";
+import { n as e } from "./genClient-CvWlQ0TZ.js";
+import { a as t, o as n, r, s as i, w as a } from "./components-DDe2Hor4.js";
+import { n as o, t as s } from "./clients-C8iQUpKL.js";
+import { a as c, c as l, i as u, n as d, o as f, p, r as m, s as h, t as g } from "./enums-CKer6GJR.js";
+import { n as _ } from "./vue-i18n-VBiROMZ4.js";
+import "./wt-toast-3-3ZylQ9.js";
+import { t as v } from "./deep-copy-BJdHBMNZ.js";
+import { computed as y, createBlock as b, createCommentVNode as x, createVNode as S, defineComponent as C, inject as w, mergeModels as T, mergeProps as E, openBlock as D, reactive as O, renderSlot as k, resolveComponent as A, toValue as j, unref as M, useModel as N } from "vue";
+import { invert as P } from "lodash-es";
+//#region packages/api-services/src/gen/_models/apiUserWarningId.ts
+var F = {
+	UserWarningIdUnspecified: "user_warning_id_unspecified",
+	PasswordExpiresSoon: "password_expires_soon",
+	LicenseExpiresSoon: "license_expires_soon",
+	LicenseExpired: "license_expired"
+};
+v(), a();
+//#endregion
+//#region src/modules/Userinfo/injection/filterReadAccess.ts
+var I = Symbol("filterReadAccess"), L = () => w(I, () => void 0), R = {
+	Read: "read",
+	Write: "write",
+	Delete: "delete",
+	Add: "add"
+}, z = {
+	PlaybackRecordFile: "playback_record_file",
+	ResetActiveAttempts: "reset_active_attempts",
+	TimeLimitedRecordFile: "time_limited_record_file",
+	ManageUserLicense: "manage_user_license",
+	SchemeVariables: "scheme_variables",
+	SystemSetting: "system_setting",
+	ManageUserRoles: "manage_user_roles",
+	ExportDataGrid: "export_data_grid",
+	LimitWorkspaceContacts: "limit_workspace_contacts",
+	ViewCdrPhoneNumbers: "view_cdr_phone_numbers",
+	ChangeUserPassword: "change_user_password",
+	EavesdropCall: "eavesdrop_call",
+	ControlAgentScreen: "control_agent_screen"
+}, B = {
+	Agent: "cc_agent",
+	Queue: "cc_queue",
+	Dictionaries: "dictionaries",
+	EmailProfile: "email_profile",
+	Skills: "cc_skill",
+	Users: "users",
+	Devices: "devices",
+	AcrRouting: "acr_routing",
+	Gateways: "gateways",
+	AcrChatPlan: "acr_chat_plan",
+	Chats: "chats",
+	List: "cc_list",
+	Calendars: "calendars",
+	Team: "cc_team",
+	ResourceGroup: "cc_resource_group",
+	Resource: "cc_resource",
+	StorageProfile: "storage_profile",
+	CognitiveProfile: "cognitive_profile",
+	ImportTemplate: "import_template",
+	Trigger: "trigger",
+	Schema: "schema",
+	Role: "roles",
+	Contacts: "contacts",
+	MediaFile: "media_file",
+	Logger: "logger",
+	Calls: "calls",
+	RecordFile: "record_file",
+	ScreenRecordings: "screen_recordings",
+	VideocallFiles: "videocall_files",
+	ContactGroups: "contact_groups",
+	ChatBots: "chat_bots",
+	Cases: "cases",
+	CaseComments: "case_comments",
+	AuditForm: "cc_audit_form",
+	AuditRating: "rating",
+	PauseTemplates: "pause_templates",
+	ShiftTemplates: "shift_templates",
+	WorkingConditions: "working_conditions",
+	AgentWorkingConditions: "agent_working_conditions",
+	ListNumber: "cc_list_number",
+	CaseLookups: "case_lookups",
+	FilesPolicy: "files_policy",
+	PortalUsers: "portal_users",
+	Custom: "custom",
+	SingleSignOn: "sso"
+};
+P({
+	[R.Add]: p.Create,
+	[R.Read]: p.Read,
+	[R.Write]: p.Update,
+	[R.Delete]: p.Delete
+});
+var V = {
+	[B.Users]: [d.User],
+	[B.Devices]: [d.Device],
+	[B.Schema]: [d.Flow],
+	[B.AcrRouting]: [d.Dialplan],
+	[B.Gateways]: [d.Gateway],
+	[B.AcrChatPlan]: [d.Chatplan],
+	[B.Dictionaries]: [
+		d.Region,
+		d.Bucket,
+		d.Communication,
+		d.PauseCause,
+		d.QuickReply
+	],
+	[B.List]: [d.Blacklist],
+	[B.Skills]: [d.Skill, d.ActivityType],
+	[B.Calendars]: [d.Calendar],
+	[B.MediaFile]: [d.Media],
+	[B.Agent]: [d.Agent],
+	[B.Queue]: [d.Queue, d.Member],
+	[B.ResourceGroup]: [d.ResourceGroup],
+	[B.Resource]: [d.Resource],
+	[B.Team]: [d.Team],
+	[B.StorageProfile]: [d.Storage],
+	[B.CognitiveProfile]: [d.CognitiveProfile],
+	[B.EmailProfile]: [d.EmailProfile],
+	[B.SingleSignOn]: [d.SingleSignOn],
+	[B.ImportTemplate]: [d.ImportCsv],
+	[B.Trigger]: [d.Trigger],
+	[B.Role]: [d.Role],
+	[B.Contacts]: [d.Contact],
+	[B.Logger]: [d.ChangeLog],
+	[B.Calls]: [d.Call],
+	[B.RecordFile]: [d.RecordFile],
+	[B.ScreenRecordings]: [d.ScreenRecordings],
+	[B.VideocallFiles]: [d.VideocallFiles],
+	[B.ContactGroups]: [d.ContactGroup],
+	[B.ChatBots]: [d.ChatGateway],
+	[B.Cases]: [d.Case],
+	[B.CaseComments]: [d.CaseComment],
+	[B.AuditForm]: [d.AuditForm],
+	[B.AuditRating]: [d.AuditRating],
+	[B.PauseTemplates]: [d.PauseTemplate],
+	[B.ShiftTemplates]: [d.ShiftTemplate],
+	[B.WorkingConditions]: [d.WorkingCondition],
+	[B.AgentWorkingConditions]: [d.AgentWorkingCondition],
+	[B.ListNumber]: [d.ListNumber],
+	[B.CaseLookups]: [
+		d.Slas,
+		d.ServiceCatalog,
+		d.Priorities,
+		d.Status,
+		d.Source,
+		d.CloseReasonGroup
+	],
+	[B.FilesPolicy]: [d.FilePolicy],
+	[B.PortalUsers]: [d.PortalUser],
+	[B.Custom]: [d.CustomLookup]
+};
+d.License, d.Object, d.Configuration, z.SystemSetting, d.GlobalVariable, z.SchemeVariables, P({
+	r: p.Read,
+	w: p.Update,
+	d: p.Delete,
+	x: p.Create
+}), P({
+	[m.Admin]: {
+		[d.User]: l.Users,
+		[d.Agent]: l.Agents,
+		[d.License]: l.License,
+		[d.Device]: l.Devices,
+		[d.Flow]: l.Flow,
+		[d.Dialplan]: l.Dialplan,
+		[d.Gateway]: l.Gateways,
+		[d.Chatplan]: l.Chatplan,
+		[d.ChatGateway]: l.ChatGateways,
+		[d.Skill]: l.Skills,
+		[d.Bucket]: l.Buckets,
+		[d.Blacklist]: l.Blacklist,
+		[d.Region]: l.Regions,
+		[d.Calendar]: l.Calendars,
+		[d.Communication]: l.Communications,
+		[d.PauseCause]: l.PauseCause,
+		[d.Media]: l.Media,
+		[d.Team]: l.Teams,
+		[d.Resource]: l.Resources,
+		[d.ResourceGroup]: l.ResourceGroups,
+		[d.Queue]: l.Queues,
+		[d.Storage]: l.Storage,
+		[d.CognitiveProfile]: l.CognitiveProfiles,
+		[d.EmailProfile]: l.EmailProfiles,
+		[d.ImportCsv]: l.ImportCsv,
+		[d.Trigger]: l.Triggers,
+		[d.Role]: l.Roles,
+		[d.Object]: l.Objects,
+		[d.ChangeLog]: l.Changelogs,
+		[d.Configuration]: l.Configuration,
+		[d.GlobalVariable]: l.GlobalVariables,
+		[d.Member]: l.Members,
+		[d.QuickReply]: l.QuickReplies,
+		[d.ActivityType]: l.ActivityTypes
+	},
+	[m.Audit]: { [d.AuditForm]: h.Scorecards },
+	[m.Crm]: {
+		[d.Contact]: f.Contacts,
+		[d.Case]: f.Cases,
+		[d.Slas]: f.Slas,
+		[d.ServiceCatalog]: f.ServiceCatalogs,
+		[d.CaseSource]: f.CaseSources,
+		[d.CloseReasonGroup]: f.CloseReasonGroups,
+		[d.Priorities]: f.Priorities,
+		[d.Status]: f.Statuses,
+		[d.Source]: f.Sources,
+		[d.ContactGroup]: f.ContactGroups,
+		[d.CustomLookup]: f.CustomLookups
+	},
+	[m.Supervisor]: {
+		[d.Queue]: c.Queues,
+		[d.Agent]: c.Agents,
+		[d.Communication]: c.ActiveCalls
+	},
+	[m.Wfm]: {
+		[d.Agent]: u.Agents,
+		[d.ShiftTemplate]: u.ShiftTemplates,
+		[d.PauseTemplate]: u.PauseTemplates,
+		[d.WorkingCondition]: u.WorkingConditions
+	}
+}), P(l), P(h), P(f), P(c), P(u);
+//#endregion
+//#region src/modules/Userinfo/mappings/lookupPathToScopeClass.ts
+var H = {
+	"call_center/queues": B.Queue,
+	"call_center/agents": B.Agent,
+	"call_center/list": B.List,
+	"call_center/teams": B.Team,
+	"call_center/skills": B.Skills,
+	"call_center/resources": B.Resource,
+	"call_center/resource_group": B.ResourceGroup,
+	"call_center/communication_type": B.Dictionaries,
+	"call_center/buckets": B.Dictionaries,
+	"call_center/pause_causes": B.Dictionaries,
+	"call_center/quick_replies": B.Dictionaries,
+	regions: B.Dictionaries,
+	"contacts/groups": B.ContactGroups
+}, U = [{
+	prefix: "cases/",
+	scopeClass: B.CaseLookups
+}, {
+	prefix: "dictionaries/",
+	scopeClass: B.Custom
+}], W = (e) => e ? V[e] ? e : H[e] || U.find(({ prefix: t }) => e.startsWith(t))?.scopeClass : void 0, G = (e) => e ? V[e]?.[0] : void 0, K = O(/* @__PURE__ */ new Map()), q = /* @__PURE__ */ new Map(), J = (e) => e?.replace(/^\//, "") || void 0, Y = async (e) => {
+	if (K.has(e)) return K.get(e);
+	let t = q.get(e);
+	if (t) return t;
+	let n = o.get({ itemId: e }).then((t) => {
+		let n = t?.objclass;
+		return K.set(e, n), n;
+	}).catch(() => {
+		K.set(e, void 0);
+	}).finally(() => {
+		q.delete(e);
+	});
+	return q.set(e, n), n;
+}, X = (e) => {
+	let t = J(e);
+	if (t) return K.has(t) || Y(t), K.get(t);
+}, Z = (e, t) => {
+	let n = J(e?.lookup?.path);
+	if (!n) return !0;
+	let r = e?.lookup?.objclass || W(n) || X(n);
+	if (!r) return !1;
+	let i = G(r);
+	return t?.(i ?? r) ?? !1;
+}, Q = (e, t) => {
+	let n = L();
+	return { hasReadAccess: y(() => Z(j(e), t ?? n())) };
+};
+F.PasswordExpiresSoon, F.LicenseExpiresSoon, F.LicenseExpired, e(), e();
+//#endregion
+//#region src/components/on-demand/wt-type-extension-value-input/wt-type-extension-value-input.vue
+var $ = /* @__PURE__ */ C({
+	__name: "wt-type-extension-value-input",
+	props: /*@__PURE__*/ T({
+		field: {},
+		label: {},
+		required: { type: Boolean },
+		disabled: { type: Boolean },
+		hasReadAccess: { type: Function },
+		v: { type: [
+			Object,
+			null,
+			Boolean
+		] }
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e) {
+		let a = N(e, "modelValue"), o = e;
+		o.v?.$touch?.();
+		let { t: c } = _(), { hasReadAccess: l } = Q(() => o.field, o.hasReadAccess), u = y(() => o.label || c(o.field?.name || "vocabulary.labels")), d = y(() => o.required ?? o.field.required), f = y(() => o.disabled || !l.value), p = y(() => a.value), m = y(() => ({
+			label: u.value,
+			required: d.value,
+			disabled: f.value,
+			v: o.v
+		})), h = y(() => ({
+			clearable: !0,
+			dataKey: "id",
+			searchMethod: l.value ? w(o.field.lookup) : void 0
+		})), v = y(() => ({ ...h.value })), C = (e) => {
+			a.value = e;
+		}, w = ({ path: e = "", display: t = "", primary: n = "" } = {}) => (r) => s.getLookup({
+			...r,
+			path: e,
+			display: t,
+			primary: n
+		}), T = (e) => {
+			let t = e ?? {};
+			if (Object.values(t).length === 0) return C(null);
+			C({
+				id: t.id,
+				name: t.name
+			});
+		}, O = (e) => {
+			C(e.map((e) => ({
+				id: e.id,
+				name: e.name
+			})));
+		};
+		return (a, o) => {
+			let s = A("wt-input-text"), c = A("wt-input-number");
+			return e.field.kind === M(g).Text ? (D(), b(s, E({ key: 0 }, m.value, {
+				"model-value": p.value,
+				"onUpdate:modelValue": C
+			}), null, 16, ["model-value"])) : e.field.kind === M(g).Number ? (D(), b(c, E({ key: 1 }, m.value, {
+				"model-value": p.value,
+				"onUpdate:modelValue": C
+			}), null, 16, ["model-value"])) : e.field.kind === M(g).Boolean ? k(a.$slots, M(g).Boolean, {
+				key: 2,
+				defaultProps: { ...m.value }
+			}, () => [S(M(t), E(m.value, {
+				"model-value": p.value,
+				"onUpdate:modelValue": C
+			}), null, 16, ["model-value"])]) : e.field.kind === M(g).Select ? k(a.$slots, M(g).Select, {
+				key: 3,
+				defaultProps: {
+					...m.value,
+					...h.value,
+					value: p.value
+				}
+			}, () => [S(M(n), E({
+				...m.value,
+				...h.value
+			}, {
+				"model-value": p.value,
+				"onUpdate:modelValue": T
+			}), null, 16, ["model-value"])]) : e.field.kind === M(g).Multiselect ? k(a.$slots, M(g).Multiselect, {
+				key: 4,
+				defaultProps: {
+					...m.value,
+					...v.value,
+					value: p.value
+				}
+			}, () => [S(M(i), E({
+				...m.value,
+				...v.value
+			}, {
+				"model-value": p.value,
+				"onUpdate:modelValue": O
+			}), null, 16, ["model-value"])]) : e.field.kind === M(g).Calendar ? k(a.$slots, M(g).Calendar, {
+				key: 5,
+				defaultProps: {
+					...m.value,
+					value: p.value
+				}
+			}, () => [S(M(r), E(m.value, {
+				"model-value": p.value,
+				"show-time": "",
+				"onUpdate:modelValue": C
+			}), null, 16, ["model-value"])]) : x("", !0);
+		};
+	}
+});
+//#endregion
+export { $ as default };

package/dist/{wt-vidstack-player-nie8EC5k.js → wt-vidstack-player-CZi8PLJN.js}

@@ -1,4 +1,4 @@
-import { w as e } from "./components-B4OUcPfz.js";
+import { T as e } from "./components-DDe2Hor4.js";
 import "./convertDuration-CIPonKKW.js";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 import { h as n } from "./enums-CKer6GJR.js";

package/package.json

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

package/src/components/wt-navigation-rail/_internals/navigation-rail-button.vue

@@ -20,8 +20,8 @@
 </template>
 
 <script setup lang="ts">
-import { ButtonVariant, ComponentSize } from '@webitel/ui-sdk/enums';
 import { WtButton, WtTooltip } from '@webitel/ui-sdk/components';
+import { ButtonVariant, ComponentSize } from '@webitel/ui-sdk/enums';
 import type { NavigationRailItem } from '../types/WtNavigationRail';
 
 defineProps<{

package/src/locale/en/en.js

@@ -452,7 +452,7 @@ export default deepmerge(
 					[AdminSections.Configuration]: 'Configuration',
 					[AdminSections.GlobalVariables]: 'Global variables',
 					[AdminSections.QuickReplies]: 'Quick replies',
-					[AdminSections.ActivityTypes]: 'Activity Types',
+					[AdminSections.ActivityTypes]: 'Activity types',
 				},
 			},
 			[WtApplication.Wfm]: {
@@ -975,6 +975,8 @@ export default deepmerge(
 			websocketDisconnect: 'WebSocket connection lost. Please reload the page.',
 			chatHistoryApi: 'There was an error loading the chat history',
 			markChatProcessed: 'Failed to move the chat to “Closed”',
+			chunkLoadError:
+				'Failed to load the page. Reload the page or try again later.',
 		},
 		connectionQuality: {
 			high: 'Excellent network quality.',

package/src/locale/es/es.js

@@ -963,6 +963,8 @@ export default {
 			'Conexión WebSocket perdida. Por favor, recargue la página.',
 		chatHistoryApi: 'Hubo un error al cargar el historial del chat',
 		markChatProcessed: 'Error al mover el chat a "Cerrado"',
+		chunkLoadError:
+			'No se pudo cargar la página. Recargue la página o inténtelo más tarde.',
 	},
 	connectionQuality: {
 		high: 'Excelente calidad de red.',

package/src/locale/kz/kz.js

@@ -963,6 +963,8 @@ export default {
 		websocketDisconnect: 'WebSocket қосылымы үзілді. Бетті қайта жүктеңіз.',
 		chatHistoryApi: 'Чат тарихын жүктеу кезінде қате орын алды',
 		markChatProcessed: 'Чатты "Жабылған" күйіне ауыстыру сәтсіз аяқталды',
+		chunkLoadError:
+			'Бетті жүктеу мүмкін болмады. Бетті жаңартыңыз немесе кейінірек қайталап көріңіз.',
 	},
 	connectionQuality: {
 		high: 'Желі сапасы отличная.',

package/src/locale/pl/pl.js

@@ -962,6 +962,8 @@ export default {
 			'Połączenie WebSocket zostało utracone. Proszę przeładować stronę.',
 		chatHistoryApi: 'Wystąpił błąd podczas ładowania historii czatu',
 		markChatProcessed: 'Nie udało się przenieść czatu do "Zamkniętych"',
+		chunkLoadError:
+			'Nie udało się załadować strony. Odśwież stronę lub spróbuj ponownie później.',
 	},
 	connectionQuality: {
 		high: 'Doskonała jakość sieci.',

package/src/locale/ro/ro.js

@@ -968,6 +968,8 @@ export default {
 			'Conexiunea WebSocket a fost pierdută. Vă rugăm să reîncărcați pagina.',
 		chatHistoryApi: 'A apărut o eroare la încărcarea istoricului chat-ului',
 		markChatProcessed: 'Nu s-a putut muta chat-ul în "Închis"',
+		chunkLoadError:
+			'Pagina nu a putut fi încărcată. Reîncărcați pagina sau încercați mai târziu.',
 	},
 	connectionQuality: {
 		high: 'Calitate excelentă a rețelei.',

package/src/locale/ru/ru.js

@@ -958,6 +958,8 @@ export default {
 			'Соединение WebSocket потеряно. Перезагрузите страницу.',
 		chatHistoryApi: 'Произошла ошибка загрузки истории чата',
 		markChatProcessed: 'Не удалось переместить чат в “Закрытые”',
+		chunkLoadError:
+			'Не удалось загрузить страницу. Обновите страницу или попробуйте позже.',
 	},
 	connectionQuality: {
 		high: 'Отличное качество сети.',

package/src/locale/uk/uk.js

@@ -955,6 +955,8 @@ export default {
 			'Втрачено WebSocket з’єднання . Перезавантажте сторінку.',
 		chatHistoryApi: 'Сталася помилка завантаження історії чату',
 		markChatProcessed: 'Не вдалося перемістити чат у "Закриті"',
+		chunkLoadError:
+			'Не вдалося завантажити сторінку. Оновіть сторінку або спробуйте пізніше.',
 	},
 	connectionQuality: {
 		high: 'Відмінна якість мережі.',

package/src/locale/uz/uz.js

@@ -967,6 +967,8 @@ export default {
 			'WebSocket ulanishi uzildi. Iltimos, sahifani qayta yuklang.',
 		chatHistoryApi: 'Chat tarixini yuklashda xatolik yuz berdi',
 		markChatProcessed: 'Chatni "Yopilgan" holatiga o\'tkazib bo\'lmadi',
+		chunkLoadError:
+			'Sahifani yuklab bo‘lmadi. Sahifani yangilang yoki keyinroq urinib ko‘ring.',
 	},
 	connectionQuality: {
 		high: "A'lo tarmoq sifati.",

package/src/locale/vi/vi.js

@@ -965,6 +965,8 @@ export default {
 		websocketDisconnect: 'Mất kết nối WebSocket. Vui lòng tải lại trang.',
 		chatHistoryApi: 'Đã xảy ra lỗi khi tải lịch sử trò chuyện',
 		markChatProcessed: 'Không thể chuyển trò chuyện sang trạng thái "Đã đóng"',
+		chunkLoadError:
+			'Không thể tải trang. Vui lòng tải lại trang hoặc thử lại sau.',
 	},
 	connectionQuality: {
 		high: 'Chất lượng mạng tuyệt vời.',

package/src/scripts/__tests__/reloadOnStaleChunk.spec.js

@@ -0,0 +1,58 @@
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+
+import eventBus from '../eventBus';
+import { reloadOnStaleChunk } from '../reloadOnStaleChunk';
+
+describe('reloadOnStaleChunk', () => {
+	const reload = vi.fn();
+	const originalLocation = window.location;
+
+	beforeEach(() => {
+		Object.defineProperty(window, 'location', {
+			value: {
+				...originalLocation,
+				reload,
+			},
+			writable: true,
+		});
+		sessionStorage.clear();
+		reload.mockClear();
+	});
+
+	afterEach(() => {
+		Object.defineProperty(window, 'location', {
+			value: originalLocation,
+			writable: true,
+		});
+	});
+
+	reloadOnStaleChunk();
+
+	const firePreloadError = () => {
+		const event = new Event('vite:preloadError', {
+			cancelable: true,
+		});
+		window.dispatchEvent(event);
+		return event;
+	};
+
+	it('reloads page and prevents error on stale chunk', () => {
+		const event = firePreloadError();
+		expect(reload).toHaveBeenCalledTimes(1);
+		expect(event.defaultPrevented).toBe(true);
+	});
+
+	it('notifies instead of reload if page was just reloaded', () => {
+		const emit = vi.spyOn(eventBus, '$emit');
+		firePreloadError();
+		const event = firePreloadError();
+		expect(reload).toHaveBeenCalledTimes(1);
+		expect(event.defaultPrevented).toBe(false);
+		expect(emit).toHaveBeenCalledWith(
+			'notification',
+			expect.objectContaining({
+				type: 'error',
+			}),
+		);
+	});
+});

package/src/scripts/index.js

@@ -32,6 +32,7 @@ import {
 import prettifyFileSize from './prettifyFileSize';
 import prettifyTime from './prettifyTime';
 import preventHiddenPageCallsDecorator from './preventHiddenPageCallsDecorator';
+import { reloadOnStaleChunk } from './reloadOnStaleChunk';
 import saveAsJSON from './saveAsJSON';
 import {
 	getNextSortOrder,
@@ -65,6 +66,7 @@ export {
 	prettifyTime,
 	preventHiddenPageCallsDecorator,
 	queryToSortAdapter,
+	reloadOnStaleChunk,
 	SortSymbols,
 	saveAsJSON,
 	sizeGreaterOrEqual,

package/src/scripts/reloadOnStaleChunk.ts

@@ -0,0 +1,41 @@
+// [Claude] Reload on a stale chunk after a new deploy invalidates old asset hashes.
+// Vite fires this on any failed lazy chunk/CSS load: routes and async components alike.
+// https://vite.dev/guide/build#load-error-handling
+// https://webitel.atlassian.net/browse/WTEL-10598
+
+import i18n from '../locale/i18n.js';
+import eventBus from './eventBus.js';
+
+const LAST_RELOAD_KEY = 'stale-chunk-reload-at';
+const RELOAD_COOLDOWN_MS = 10_000;
+
+const notifyChunkLoadError = () => {
+	// [Claude] lib i18n doesn't follow app locale, so take it from storage
+	const locale = (localStorage.getItem('lang') ||
+		i18n.global.locale.value) as typeof i18n.global.locale.value;
+	eventBus.$emit('notification', {
+		type: 'error',
+		text: i18n.global.t(
+			'errorNotifications.chunkLoadError',
+			{},
+			{
+				locale,
+			},
+		),
+	});
+};
+
+export const reloadOnStaleChunk = () => {
+	window.addEventListener('vite:preloadError', (event) => {
+		// [Claude] skip if just reloaded – chunk is really broken, avoid a reload loop
+		const lastReloadAt = Number(sessionStorage.getItem(LAST_RELOAD_KEY));
+		if (Date.now() - lastReloadAt < RELOAD_COOLDOWN_MS) {
+			notifyChunkLoadError();
+			return;
+		}
+
+		sessionStorage.setItem(LAST_RELOAD_KEY, String(Date.now()));
+		event.preventDefault();
+		window.location.reload();
+	});
+};