@elia-assistant/chatui 1.0.25 → 2.0.0

package/dist/chunks/{middleware-Brf3TxqP.js → middleware-BG8DEvI8.js}

@@ -1,6 +1,11 @@
 import e from "react";
+//#region src/lib/storage.ts
+function t(e, t) {
+	return t ? `${e}-${t}` : e;
+}
+//#endregion
 //#region node_modules/zustand/esm/vanilla.mjs
-var t = (e) => {
+var n = (e) => {
 	let t, n = /* @__PURE__ */ new Set(), r = (e, r) => {
 		let i = typeof e == "function" ? e(t) : e;
 		if (!Object.is(i, t)) {
@@ -14,18 +19,18 @@ var t = (e) => {
 		subscribe: (e) => (n.add(e), () => n.delete(e))
 	}, o = t = e(r, i, a);
 	return a;
-}, n = ((e) => e ? t(e) : t), r = (e) => e;
-function i(t, n = r) {
-	let i = e.useSyncExternalStore(t.subscribe, e.useCallback(() => n(t.getState()), [t, n]), e.useCallback(() => n(t.getInitialState()), [t, n]));
-	return e.useDebugValue(i), i;
+}, r = ((e) => e ? n(e) : n), i = (e) => e;
+function a(t, n = i) {
+	let r = e.useSyncExternalStore(t.subscribe, e.useCallback(() => n(t.getState()), [t, n]), e.useCallback(() => n(t.getInitialState()), [t, n]));
+	return e.useDebugValue(r), r;
 }
-var a = (e) => {
-	let t = n(e), r = (e) => i(t, e);
-	return Object.assign(r, t), r;
-}, o = ((e) => e ? a(e) : a);
+var o = (e) => {
+	let t = r(e), n = (e) => a(t, e);
+	return Object.assign(n, t), n;
+}, s = ((e) => e ? o(e) : o);
 //#endregion
 //#region node_modules/zustand/esm/middleware.mjs
-function s(e, t) {
+function c(e, t) {
 	let n;
 	try {
 		n = e();
@@ -41,12 +46,12 @@ function s(e, t) {
 		removeItem: (e) => n.removeItem(e)
 	};
 }
-var c = (e) => (t) => {
+var l = (e) => (t) => {
 	try {
 		let n = e(t);
 		return n instanceof Promise ? n : {
 			then(e) {
-				return c(e)(n);
+				return l(e)(n);
 			},
 			catch(e) {
 				return this;
@@ -58,13 +63,13 @@ var c = (e) => (t) => {
 				return this;
 			},
 			catch(t) {
-				return c(t)(e);
+				return l(t)(e);
 			}
 		};
 	}
-}, l = (e, t) => (n, r, i) => {
+}, u = (e, t) => (n, r, i) => {
 	let a = {
-		storage: s(() => window.localStorage),
+		storage: c(() => window.localStorage),
 		partialize: (e) => e,
 		version: 0,
 		merge: (e, t) => ({
@@ -72,7 +77,7 @@ var c = (e) => (t) => {
 			...e
 		}),
 		...t
-	}, o = !1, l = 0, u = /* @__PURE__ */ new Set(), d = /* @__PURE__ */ new Set(), f = a.storage;
+	}, o = !1, s = 0, u = /* @__PURE__ */ new Set(), d = /* @__PURE__ */ new Set(), f = a.storage;
 	if (!f) return e((...e) => {
 		console.warn(`[zustand persist middleware] Unable to update item '${a.name}', the given storage is currently unavailable.`), n(...e);
 	}, r, i);
@@ -88,10 +93,10 @@ var c = (e) => (t) => {
 	i.getInitialState = () => h;
 	let g, _ = () => {
 		if (!f) return;
-		let e = ++l;
+		let e = ++s;
 		o = !1, u.forEach((e) => e(r() ?? h));
 		let t = a.onRehydrateStorage?.call(a, r() ?? h) || void 0;
-		return c(f.getItem.bind(f))(a.name).then((e) => {
+		return l(f.getItem.bind(f))(a.name).then((e) => {
 			if (e) if (typeof e.version == "number" && e.version !== a.version) {
 				if (a.migrate) {
 					let t = a.migrate(e.state, e.version);
@@ -101,13 +106,13 @@ var c = (e) => (t) => {
 			} else return [!1, e.state];
 			return [!1, void 0];
 		}).then((t) => {
-			if (e !== l) return;
+			if (e !== s) return;
 			let [i, o] = t;
 			if (g = a.merge(o, r() ?? h), n(g, !0), i) return p();
 		}).then(() => {
-			e === l && (t?.(r(), void 0), g = r(), o = !0, d.forEach((e) => e(g)));
+			e === s && (t?.(r(), void 0), g = r(), o = !0, d.forEach((e) => e(g)));
 		}).catch((n) => {
-			e === l && t?.(void 0, n);
+			e === s && t?.(void 0, n);
 		});
 	};
 	return i.persist = {
@@ -132,6 +137,6 @@ var c = (e) => (t) => {
 	}, a.skipHydration || _(), g || h;
 };
 //#endregion
-export { o as n, l as t };
+export { s as n, t as r, u as t };
 
-//# sourceMappingURL=middleware-Brf3TxqP.js.map
+//# sourceMappingURL=middleware-BG8DEvI8.js.map

package/dist/chunks/{settingsStore-yU8h8KVJ.js → settingsStore-DzpdfGcd.js}

@@ -1,18 +1,6 @@
-import { n as e, t } from "./middleware-Brf3TxqP.js";
+import { n as e, r as t, t as n } from "./middleware-BG8DEvI8.js";
 //#region src/themes.ts
-var n = [
-	{
-		id: "midnight",
-		label: "Midnight",
-		baseColor: "#0f1117",
-		accentColor: "#6366f1"
-	},
-	{
-		id: "ivory",
-		label: "Ivory",
-		baseColor: "#ffffff",
-		accentColor: "#4338ca"
-	},
+var r = [
 	{
 		id: "sunrise",
 		label: "Sunrise",
@@ -20,22 +8,10 @@ var n = [
 		accentColor: "#f97316"
 	},
 	{
-		id: "cosmos",
-		label: "Cosmos",
-		baseColor: "#1e1a30",
-		accentColor: "#a855f7"
-	},
-	{
-		id: "forest",
-		label: "Forest",
-		baseColor: "#0a1410",
-		accentColor: "#22c55e"
-	},
-	{
-		id: "ocean",
-		label: "Ocean",
-		baseColor: "#060f1a",
-		accentColor: "#06b6d4"
+		id: "ivory",
+		label: "Ivory",
+		baseColor: "#f1ede5",
+		accentColor: "#e08229"
 	},
 	{
 		id: "cherry",
@@ -44,10 +20,10 @@ var n = [
 		accentColor: "#ef4444"
 	},
 	{
-		id: "navy",
-		label: "Navy",
-		baseColor: "#080f1e",
-		accentColor: "#3b82f6"
+		id: "sky",
+		label: "Sky",
+		baseColor: "#ffffff",
+		accentColor: "#5ba1da"
 	},
 	{
 		id: "lavender",
@@ -55,10 +31,22 @@ var n = [
 		baseColor: "#faf5ff",
 		accentColor: "#8b5cf6"
 	},
+	{
+		id: "nice",
+		label: "Nice",
+		baseColor: "#ffffff",
+		accentColor: "#3f7e83"
+	},
+	{
+		id: "navy",
+		label: "Navy",
+		baseColor: "#ebf3f2",
+		accentColor: "#bed6dd"
+	},
 	{
 		id: "amber",
 		label: "Amber",
-		baseColor: "#0f0a00",
+		baseColor: "#3d2c15",
 		accentColor: "#f59e0b"
 	},
 	{
@@ -70,28 +58,52 @@ var n = [
 	{
 		id: "graphite",
 		label: "Graphite",
-		baseColor: "#424242",
-		accentColor: "#f472b6"
-	},
-	{
-		id: "teal",
-		label: "Teal",
-		baseColor: "#F1F5F9",
-		accentColor: "#0D9488"
+		baseColor: "#313949",
+		accentColor: "#4185eb"
 	},
 	{
 		id: "stone",
 		label: "Stone",
 		baseColor: "#44403c",
 		accentColor: "#fbbf24"
+	},
+	{
+		id: "cosmos",
+		label: "Cosmos",
+		baseColor: "#2f356b",
+		accentColor: "#7855f7"
+	},
+	{
+		id: "forest",
+		label: "Forest",
+		baseColor: "#1b362c",
+		accentColor: "#22c55e"
+	},
+	{
+		id: "ocean",
+		label: "Ocean",
+		baseColor: "#075985",
+		accentColor: "#3b82f6"
+	},
+	{
+		id: "cherryDark",
+		label: "Cherry Dark",
+		baseColor: "#440b19",
+		accentColor: "#ef4444"
+	},
+	{
+		id: "midnight",
+		label: "Midnight",
+		baseColor: "#0f1117",
+		accentColor: "#6366f1"
 	}
-], r = "midnight";
-function i(e) {
-	return n.find((t) => t.id === e) ?? n[0];
+], i = "midnight";
+function a(e) {
+	return r.find((t) => t.id === e) ?? r[0];
 }
 //#endregion
 //#region src/store/settingsStore.ts
-var a = {
+var o = {
 	webhookUrl: "",
 	chatInputKey: "chatInput",
 	chatSessionKey: "sessionId",
@@ -116,39 +128,40 @@ var a = {
 			ctaText: "Dobrý deň! Ako vám môžem pomôcť?"
 		}
 	}
-}, o = e()(t((e) => ({
-	config: a,
-	activeTheme: r,
-	language: "en",
-	setConfig(t) {
-		e((e) => ({ config: {
-			...e.config,
-			...t
-		} }));
-	},
-	setTheme(t) {
-		e({ activeTheme: t });
-	},
-	setLanguage(t) {
-		e({ language: t }), import("./i18n-Vi-f1TFq.js").then((e) => e.t).then((e) => {
-			e.default.changeLanguage(t);
-		});
-	}
-}), {
-	name: "chatui-settings",
-	merge: (e, t) => {
-		let n = e;
-		return {
-			...t,
-			...n,
-			config: {
-				...t.config,
-				...n.config ?? {}
-			}
-		};
-	}
-}));
+};
+function s(r, a) {
+	return e()(n((e) => ({
+		config: o,
+		activeTheme: i,
+		language: "en",
+		setConfig(t) {
+			e((e) => ({ config: {
+				...e.config,
+				...t
+			} }));
+		},
+		setTheme(t) {
+			e({ activeTheme: t });
+		},
+		setLanguage(t) {
+			e({ language: t }), r.changeLanguage(t);
+		}
+	}), {
+		name: t("chatui-settings", a),
+		merge: (e, t) => {
+			let n = e;
+			return {
+				...t,
+				...n,
+				config: {
+					...t.config,
+					...n.config ?? {}
+				}
+			};
+		}
+	}));
+}
 //#endregion
-export { i as n, n as r, o as t };
+export { a as n, r, s as t };
 
-//# sourceMappingURL=settingsStore-yU8h8KVJ.js.map
+//# sourceMappingURL=settingsStore-DzpdfGcd.js.map

package/dist/chunks/translation-BL8dP5qm.js

@@ -0,0 +1,94 @@
+//#region src/locales/cs/translation.json
+var e = {
+	failedToSend: "Zprávu se nepodařilo odeslat",
+	retry: "Zkusit znovu"
+}, t = { subtitle: "Začněte konverzaci. Jsem tu pro vás." }, n = {
+	placeholder: "Napište zprávu… (Enter = odeslat)",
+	placeholderUnconfigured: "Nastavte webhook URL v nastavení…"
+}, r = {
+	assistant: "Bot",
+	online: "online",
+	notConfigured: "Nenakonfigurováno"
+}, i = {
+	title: "Konverzace",
+	empty: "Zatím žádné konverzace.",
+	newChat: "Nová konverzace",
+	settings: "Nastavení"
+}, a = { poweredBy: "Poskytuje <a>{{label}}</a>" }, o = {
+	notifications: "Tipy",
+	help: "Pomoc",
+	chat: "Chat",
+	faqSearch: "Hledat ve FAQ…",
+	loading: "Načítám…",
+	error: "Nepodařilo se načíst",
+	empty: {
+		notifications: "Zatím žádná oznámení.",
+		faq: "Žádné shodné položky."
+	}
+}, s = {
+	title: "Nastavení",
+	language: "Jazyk rozhraní",
+	webhookUrl: "Webhook URL",
+	chatInputKey: "Klíč vstupu chatu",
+	sessionKey: "Klíč relace",
+	botName: "Jméno bota (globální záloha)",
+	metadata: "Metadata (JSON)",
+	streaming: "Streamovat odpověď bota po tokenech",
+	agentStreamSection: "Živý operátor",
+	agentStreamHint: "Když je nastaveno, odpovědi operátora odeslané z dashboardu se zobrazí v chatu v reálném čase. Pro vypnutí nechte obě pole prázdná.",
+	agentStreamApiBaseUrl: "URL backendu",
+	agentStreamTenantId: "ID tenanta",
+	welcomeScreen: "Zobrazit uvítací obrazovku",
+	sidebar: "Zobrazit historii konverzací",
+	fileUploads: "Povolit nahrávání souborů",
+	allowedFileExtensions: "Povolené přípony souborů",
+	mode: "Režim zobrazení",
+	position: "Pozice widgetu",
+	position_right: "Vpravo",
+	position_left: "Vlevo",
+	fullscreenSheet: "Styl spodního panelu (nepokryje celou obrazovku)",
+	fullscreenSheetHeight: "Výška panelu (CSS délka, např. 75vh, 600px)",
+	tabsSection: "Záložky (oznámení + FAQ)",
+	tabsNotificationsTitle: "Název záložky oznámení",
+	tabsNotificationsFeedUrl: "URL feedu oznámení",
+	tabsHelpTitle: "Název záložky FAQ",
+	tabsHelpFeedUrl: "URL feedu FAQ",
+	tabsChatTitle: "Název záložky chatu",
+	cta: "Zobrazit CTA popup",
+	ctaSound: "Přehrát zvuk notifikace",
+	ctaDelay: "Zpoždění CTA (ms)",
+	perLanguage: "Obsah podle jazyka",
+	addLanguage: "Přidat jazyk",
+	botNameOverride: "Přepsat jméno bota",
+	welcomeSubtitle: "Uvítací podtitul",
+	initialMessages: "Úvodní zprávy (jedna na řádek)",
+	initialMessagesPlaceholder: "Dobrý den! Jak vám mohu pomoci?\nMluvím vaším jazykem.",
+	ctaTextLabel: "Text CTA popupu",
+	botAvatar: "Avatar bota",
+	toggleButtonIcon: "Ikona tlačítka popupu",
+	toggleButtonSameAsAvatar: "Stejně jako avatar bota",
+	avatarNone: "Žádný",
+	avatarClear: "Vymazat",
+	avatarUrlPlaceholder: "nebo vložte URL",
+	save: "Uložit",
+	cancel: "Zrušit",
+	theme: "Téma",
+	exportConfig: "Exportovat konfiguraci",
+	exportHint: "Vložte toto do bootstrap souboru vaší hostitelské aplikace (např. <code>src/main.tsx</code>) před prvním renderem Reactu. Podívejte se na <code>example.html</code> pro kompletní návod k integraci.",
+	back: "Zpět",
+	copyToClipboard: "Kopírovat do schránky",
+	copied: "Zkopírováno"
+}, c = {
+	errors: e,
+	welcome: t,
+	input: n,
+	header: r,
+	sidebar: i,
+	footer: a,
+	tabs: o,
+	settings: s
+};
+//#endregion
+export { c as default, e as errors, a as footer, r as header, n as input, s as settings, i as sidebar, o as tabs, t as welcome };
+
+//# sourceMappingURL=translation-BL8dP5qm.js.map

package/dist/createChat.d.ts

@@ -1,3 +1,4 @@
+import type { i18n as I18nInstance } from 'i18next';
 import type { ChatConfig } from './types/index.ts';
 export interface CreateChatOptions extends Partial<ChatConfig> {
     /** CSS selector or DOM element where the chat will mount.
@@ -7,9 +8,25 @@ export interface CreateChatOptions extends Partial<ChatConfig> {
     target?: string | HTMLElement;
     /** Initial UI language code (e.g. 'en', 'sk'). Applied immediately via `setLanguage()`. */
     language?: string;
+    /** Isolates this instance's persisted settings/session storage (and in-memory config/theme/
+     *  conversation state) from any other chatui instance mounted on the same page - e.g. a
+     *  host's own floating widget alongside a page's embedded demo. Only needed when multiple
+     *  instances can be mounted simultaneously; a single instance per page can omit it. */
+    storageNamespace?: string;
 }
 export interface ChatInstance {
     /** Unmount the chat and detach React. */
     unmount(): void;
+    /** Update the config without remounting. */
+    setConfig(patch: Partial<ChatConfig>): void;
+    /** Switch the active theme without remounting. */
+    setTheme(id: string): void;
+    /** Switch the UI language without remounting. */
+    setLanguage(lang: string): void;
+    /** This instance's i18next instance, for registering extra UI languages at runtime via
+     *  `addResourceBundle()`. The widget does not read the global i18next singleton, so a bundle
+     *  registered there will not reach it - use this. `undefined` until the instance has mounted
+     *  (only possible when createChat() was called before DOMContentLoaded). */
+    readonly i18n: I18nInstance | undefined;
 }
 export declare function createChat(opts: CreateChatOptions): ChatInstance;

package/dist/i18n.d.ts

@@ -1,2 +1,8 @@
-import i18n from 'i18next';
-export default i18n;
+import { type i18n as I18nInstance } from 'i18next';
+/**
+ * Creates one createChat() instance's i18next instance (UI chrome strings: input placeholder,
+ * "Powered by", etc. - not the host-supplied bot content in config.i18n). Each instance gets
+ * its own so simultaneous instances on the same page don't force each other's UI language when
+ * one switches (see StoreContext.tsx for the equivalent settings/chat store isolation).
+ */
+export declare function createChatI18n(namespace?: string): I18nInstance;

package/dist/iife.d.ts

@@ -0,0 +1,2 @@
+export { createChat } from './createChat.tsx';
+export type { CreateChatOptions, ChatInstance } from './createChat.tsx';

package/dist/index.d.ts

@@ -1,4 +1,10 @@
 export { App } from './App.tsx';
-export { createChat } from './createChat.ts';
-export type { CreateChatOptions, ChatInstance } from './createChat.ts';
+export { createChat } from './createChat.tsx';
+export type { CreateChatOptions, ChatInstance } from './createChat.tsx';
+export { StoreProvider } from './store/StoreContext.tsx';
+export { createSettingsStore } from './store/settingsStore.ts';
+export { createChatStore } from './store/chatStore.ts';
+export { createChatI18n } from './i18n.ts';
+export type { SettingsState } from './store/settingsStore.ts';
+export type { ChatState } from './store/chatStore.ts';
 export type { ChatConfig, LangOverride, Message, Session, ThemeDef, NotificationItem, NotificationTag, NotificationTagVariant, FaqItem, Attachment, } from './types/index.ts';