@webitel/ui-sdk 26.8.143 → 26.8.145

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();
+	});
+};