@elia-assistant/chatui 1.0.11 → 1.0.13

package/dist/lib/n8nClient.d.ts

@@ -1,4 +1,4 @@
-import type { ChatConfig } from '../types/index.ts';
+import type { ChatConfig, Attachment } from '../types/index.ts';
 export declare class N8nApiError extends Error {
     readonly status?: number;
     /**
@@ -26,4 +26,4 @@ export declare class N8nApiError extends Error {
  * @param onChunk  Called with each streaming chunk (enables streaming mode)
  * @returns Full bot response text
  */
-export declare function sendMessage(config: ChatConfig, sessionId: string, text: string, language?: string, onChunk?: (chunk: string) => void): Promise<string>;
+export declare function sendMessage(config: ChatConfig, sessionId: string, text: string, language?: string, attachments?: Attachment[], onChunk?: (chunk: string) => void): Promise<string>;

package/dist/store/chatStore.d.ts

@@ -5,6 +5,10 @@ interface ChatState {
     messages: Record<string, Message[]>;
     isStreaming: boolean;
     awaitingAgentReply: Record<string, boolean>;
+    tokens: Record<string, {
+        token: string;
+        expiresAt: number;
+    }>;
     createSession(): string;
     setActiveSession(id: string): void;
     addMessage(sessionId: string, msg: Message): void;
@@ -12,6 +16,7 @@ interface ChatState {
     removeLastBotIfEmpty(sessionId: string): void;
     setStreaming(val: boolean): void;
     setAwaitingAgentReply(sessionId: string, val: boolean): void;
+    setToken(sessionId: string, token: string, expiresAt: number): void;
     updateMessageStatus(sessionId: string, messageId: string, status: NonNullable<Message['status']>): void;
     deleteSession(id: string): void;
     renameSession(id: string, title: string): void;

package/dist/store.js

@@ -1,2 +1,2 @@
-import { t as e } from "./chunks/settingsStore-CpRkCJCy.js";
+import { t as e } from "./chunks/settingsStore-BRK5844w.js";
 export { e as useSettingsStore };

package/dist/types/index.d.ts

@@ -58,13 +58,14 @@ export interface ChatConfig {
     /** Global fallback initial messages — per-language overrides live in i18n[lang].initialMessages */
     initialMessages?: string[];
     allowFileUploads?: boolean;
-    allowedFilesMimeTypes?: string;
+    allowedFileExtensions?: string;
     /** Per-language content: initial messages, CTA text, bot name, welcome subtitle */
     i18n?: Record<string, LangOverride>;
     streaming?: boolean;
     botName?: string;
     theme?: string;
-    showSidebar?: boolean;
+    /** Override individual CSS variables on the widget root, e.g. { '--t-avatar-bg': '#ff0000' } */
+    cssVars?: Record<string, string>;
     mode?: 'window' | 'fullscreen' | 'mixed';
     showCta?: boolean;
     ctaText?: string;
@@ -76,12 +77,6 @@ export interface ChatConfig {
     botAvatar?: string;
     /** Popup toggle button icon (window mode). Built-in id, URL, or data URL. */
     toggleButtonIcon?: string;
-    /** Link text shown after the localized "Powered by" prefix. Default: 'ELIA AI Assistant'. */
-    poweredByLabel?: string;
-    /** Link target URL. Default: 'https://www.elia-asistent.com'. */
-    poweredByUrl?: string;
-    /** Hide the entire "Powered by" footer line. */
-    poweredByHide?: boolean;
     /** In fullscreen layout, present the chat as a bottom sheet (rounded top, drag handle, dimmed
      *  backdrop above) instead of fully covering the viewport. Applies to mode 'fullscreen' and to
      *  'mixed' on mobile. Default: false. */
@@ -114,11 +109,18 @@ export interface ChatConfig {
         };
     };
 }
+export interface Attachment {
+    name: string;
+    url: string;
+    size?: number;
+    mimeType?: string;
+}
 export interface Message {
     id: string;
     role: 'user' | 'bot';
     content: string;
     ts: number;
+    attachments?: Attachment[];
     /**
      * Delivery status for user messages. <c>undefined</c> on persisted history (treated as
      * <c>'sent'</c>) and on every bot message — bots don't have a sender-side delivery state.
@@ -133,19 +135,6 @@ export interface Session {
 export interface ThemeDef {
     id: string;
     label: string;
-    scheme: 'dark' | 'light';
-    vars: ThemeVars;
-}
-export interface ThemeVars {
-    bgBase: string;
-    bgSurface: string;
-    bgSurface2: string;
-    bgBorder: string;
-    accent: string;
-    accentFg: string;
-    fgPrimary: string;
-    fgSecondary: string;
-    fgMuted: string;
-    userBubble: string;
-    userBubbleFg: string;
+    baseColor: string;
+    accentColor: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elia-assistant/chatui",
-  "version": "1.0.11",
+  "version": "1.0.13",
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.js",
@@ -51,6 +51,7 @@
     "react-dom": "^19.0.0"
   },
   "dependencies": {
+    "@tailwindcss/postcss": "^4.3.0",
     "i18next": "^25.0.0",
     "i18next-resources-to-backend": "^1.2.0",
     "react-i18next": "^16.0.0",
@@ -60,16 +61,17 @@
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "^29.0.2",
-    "@tailwindcss/vite": "^4.0.0",
+    "@tailwindcss/vite": "^4.3.0",
     "@types/node": "^25.6.0",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
     "@vitejs/plugin-react": "^6.0.0",
+    "postcss-prefix-selector": "^2.1.1",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "tailwindcss": "^4.0.0",
+    "tailwindcss": "^4.3.0",
     "typescript": "~5.9.0",
     "vite": "^8.0.0",
     "vite-plugin-dts": "^4.5.4"
   }
-}
+}

package/dist/chunks/i18n-23dPrR-0.js

@@ -1,2 +0,0 @@
-import { t as e } from "./i18n-B0xhVAye.js";
-export { e as default };

package/dist/chunks/settingsStore-CpRkCJCy.js

@@ -1,254 +0,0 @@
-import { n as e, t } from "./middleware-DgE1WAsA.js";
-//#region src/themes.ts
-var n = [
-	{
-		id: "midnight",
-		label: "Midnight",
-		scheme: "dark",
-		vars: {
-			bgBase: "#0f1117",
-			bgSurface: "#1a1d27",
-			bgSurface2: "#22263a",
-			bgBorder: "#2d3142",
-			accent: "#6366f1",
-			accentFg: "#ffffff",
-			fgPrimary: "#ffffff",
-			fgSecondary: "#94a3b8",
-			fgMuted: "#64748b",
-			userBubble: "#6366f1",
-			userBubbleFg: "#ffffff"
-		}
-	},
-	{
-		id: "ivory",
-		label: "Ivory",
-		scheme: "light",
-		vars: {
-			bgBase: "#ffffff",
-			bgSurface: "#f1f5f9",
-			bgSurface2: "#e2e8f0",
-			bgBorder: "#cbd5e1",
-			accent: "#4338ca",
-			accentFg: "#ffffff",
-			fgPrimary: "#0f172a",
-			fgSecondary: "#334155",
-			fgMuted: "#64748b",
-			userBubble: "#4338ca",
-			userBubbleFg: "#ffffff"
-		}
-	},
-	{
-		id: "sunrise",
-		label: "Sunrise",
-		scheme: "light",
-		vars: {
-			bgBase: "#ffffff",
-			bgSurface: "#fff7ed",
-			bgSurface2: "#ffedd5",
-			bgBorder: "#fed7aa",
-			accent: "#f97316",
-			accentFg: "#ffffff",
-			fgPrimary: "#1c0a00",
-			fgSecondary: "#431407",
-			fgMuted: "#9a3412",
-			userBubble: "#f97316",
-			userBubbleFg: "#ffffff"
-		}
-	},
-	{
-		id: "cosmos",
-		label: "Cosmos",
-		scheme: "dark",
-		vars: {
-			bgBase: "#0d0a1a",
-			bgSurface: "#15102b",
-			bgSurface2: "#1e1840",
-			bgBorder: "#2e2555",
-			accent: "#a855f7",
-			accentFg: "#ffffff",
-			fgPrimary: "#f3e8ff",
-			fgSecondary: "#c4b5fd",
-			fgMuted: "#7c3aed",
-			userBubble: "#a855f7",
-			userBubbleFg: "#ffffff"
-		}
-	},
-	{
-		id: "forest",
-		label: "Forest",
-		scheme: "dark",
-		vars: {
-			bgBase: "#0a1410",
-			bgSurface: "#111f18",
-			bgSurface2: "#162b1f",
-			bgBorder: "#1e3a2a",
-			accent: "#22c55e",
-			accentFg: "#ffffff",
-			fgPrimary: "#dcfce7",
-			fgSecondary: "#86efac",
-			fgMuted: "#4ade80",
-			userBubble: "#16a34a",
-			userBubbleFg: "#ffffff"
-		}
-	},
-	{
-		id: "ocean",
-		label: "Ocean",
-		scheme: "dark",
-		vars: {
-			bgBase: "#060f1a",
-			bgSurface: "#0c1b2e",
-			bgSurface2: "#112440",
-			bgBorder: "#163354",
-			accent: "#06b6d4",
-			accentFg: "#ffffff",
-			fgPrimary: "#e0f7fa",
-			fgSecondary: "#67e8f9",
-			fgMuted: "#0891b2",
-			userBubble: "#0891b2",
-			userBubbleFg: "#ffffff"
-		}
-	},
-	{
-		id: "cherry",
-		label: "Cherry",
-		scheme: "light",
-		vars: {
-			bgBase: "#ffffff",
-			bgSurface: "#fff1f2",
-			bgSurface2: "#ffe4e6",
-			bgBorder: "#fecdd3",
-			accent: "#e11d48",
-			accentFg: "#ffffff",
-			fgPrimary: "#1a0005",
-			fgSecondary: "#4c0519",
-			fgMuted: "#9f1239",
-			userBubble: "#e11d48",
-			userBubbleFg: "#ffffff"
-		}
-	},
-	{
-		id: "navy",
-		label: "Navy",
-		scheme: "dark",
-		vars: {
-			bgBase: "#080f1e",
-			bgSurface: "#0f1a33",
-			bgSurface2: "#162348",
-			bgBorder: "#1e3060",
-			accent: "#3b82f6",
-			accentFg: "#ffffff",
-			fgPrimary: "#dbeafe",
-			fgSecondary: "#93c5fd",
-			fgMuted: "#60a5fa",
-			userBubble: "#2563eb",
-			userBubbleFg: "#ffffff"
-		}
-	},
-	{
-		id: "lavender",
-		label: "Lavender",
-		scheme: "light",
-		vars: {
-			bgBase: "#faf5ff",
-			bgSurface: "#f3e8ff",
-			bgSurface2: "#e9d5ff",
-			bgBorder: "#d8b4fe",
-			accent: "#8b5cf6",
-			accentFg: "#ffffff",
-			fgPrimary: "#2e1065",
-			fgSecondary: "#4c1d95",
-			fgMuted: "#7c3aed",
-			userBubble: "#7c3aed",
-			userBubbleFg: "#ffffff"
-		}
-	},
-	{
-		id: "amber",
-		label: "Amber",
-		scheme: "dark",
-		vars: {
-			bgBase: "#0f0a00",
-			bgSurface: "#1c1400",
-			bgSurface2: "#2a1d00",
-			bgBorder: "#3d2c00",
-			accent: "#f59e0b",
-			accentFg: "#000000",
-			fgPrimary: "#fef3c7",
-			fgSecondary: "#fcd34d",
-			fgMuted: "#d97706",
-			userBubble: "#d97706",
-			userBubbleFg: "#000000"
-		}
-	}
-], r = "midnight";
-function i(e) {
-	return n.find((t) => t.id === e) ?? n[0];
-}
-//#endregion
-//#region src/store/settingsStore.ts
-var a = {
-	webhookUrl: "",
-	chatInputKey: "chatInput",
-	chatSessionKey: "sessionId",
-	mode: "fullscreen",
-	showSidebar: !1,
-	showWelcomeScreen: !0,
-	streaming: !1,
-	botName: "Assistant",
-	showCta: !0,
-	ctaText: "Hi! How can I help you today?",
-	ctaDelay: 5e3,
-	ctaSound: !0,
-	hideSettings: !0,
-	poweredByLabel: "ELIA AI Assistant",
-	poweredByUrl: "https://www.elia-asistent.com",
-	poweredByHide: !1,
-	fullscreenSheet: !1,
-	fullscreenSheetHeight: "75vh",
-	i18n: {
-		en: {
-			initialMessages: [],
-			ctaText: "Hi! How can I help you today?"
-		},
-		sk: {
-			initialMessages: [],
-			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-23dPrR-0.js").then((e) => {
-			e.default.changeLanguage(t);
-		});
-	}
-}), {
-	name: "chatui-settings",
-	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 };
-
-//# sourceMappingURL=settingsStore-CpRkCJCy.js.map