@elevenlabs/convai-widget-core 0.11.6 → 0.12.0

package/dist/mocks/browser.d.ts

@@ -43,6 +43,10 @@ export declare const AGENTS: {
         readonly conversation_mode_toggle_enabled?: boolean;
         readonly show_agent_status?: boolean;
         readonly show_conversation_id?: boolean;
+        readonly file_input_config?: {
+            enabled?: boolean;
+            max_files_per_conversation?: number;
+        };
     };
     readonly webrtc: {
         readonly use_rtc: true;
@@ -86,6 +90,10 @@ export declare const AGENTS: {
         readonly conversation_mode_toggle_enabled?: boolean;
         readonly show_agent_status?: boolean;
         readonly show_conversation_id?: boolean;
+        readonly file_input_config?: {
+            enabled?: boolean;
+            max_files_per_conversation?: number;
+        };
     };
     readonly fail: WidgetConfig;
     readonly end_call_test: {
@@ -130,6 +138,10 @@ export declare const AGENTS: {
         readonly conversation_mode_toggle_enabled?: boolean;
         readonly show_agent_status?: boolean;
         readonly show_conversation_id?: boolean;
+        readonly file_input_config?: {
+            enabled?: boolean;
+            max_files_per_conversation?: number;
+        };
     };
     readonly localized: {
         readonly terms_html: "<p>Default Terms in English</p>";
@@ -184,6 +196,10 @@ export declare const AGENTS: {
         readonly conversation_mode_toggle_enabled?: boolean;
         readonly show_agent_status?: boolean;
         readonly show_conversation_id?: boolean;
+        readonly file_input_config?: {
+            enabled?: boolean;
+            max_files_per_conversation?: number;
+        };
     };
     readonly markdown: {
         readonly text_only: true;
@@ -229,6 +245,10 @@ export declare const AGENTS: {
         readonly conversation_mode_toggle_enabled?: boolean;
         readonly show_agent_status?: boolean;
         readonly show_conversation_id?: boolean;
+        readonly file_input_config?: {
+            enabled?: boolean;
+            max_files_per_conversation?: number;
+        };
     };
     readonly markdown_no_links: {
         readonly text_only: true;
@@ -272,6 +292,10 @@ export declare const AGENTS: {
         readonly conversation_mode_toggle_enabled?: boolean;
         readonly show_agent_status?: boolean;
         readonly show_conversation_id?: boolean;
+        readonly file_input_config?: {
+            enabled?: boolean;
+            max_files_per_conversation?: number;
+        };
     };
     readonly markdown_domain_allowlist: {
         readonly text_only: true;
@@ -317,6 +341,10 @@ export declare const AGENTS: {
         readonly conversation_mode_toggle_enabled?: boolean;
         readonly show_agent_status?: boolean;
         readonly show_conversation_id?: boolean;
+        readonly file_input_config?: {
+            enabled?: boolean;
+            max_files_per_conversation?: number;
+        };
     };
     readonly markdown_default_domain: {
         readonly text_only: true;
@@ -360,6 +388,10 @@ export declare const AGENTS: {
         readonly conversation_mode_toggle_enabled?: boolean;
         readonly show_agent_status?: boolean;
         readonly show_conversation_id?: boolean;
+        readonly file_input_config?: {
+            enabled?: boolean;
+            max_files_per_conversation?: number;
+        };
     };
     readonly tool_call: {
         readonly text_only: true;
@@ -403,6 +435,10 @@ export declare const AGENTS: {
         readonly syntax_highlight_theme?: import("../types/config").SyntaxHighlightTheme;
         readonly conversation_mode_toggle_enabled?: boolean;
         readonly show_conversation_id?: boolean;
+        readonly file_input_config?: {
+            enabled?: boolean;
+            max_files_per_conversation?: number;
+        };
     };
     readonly audio_tags_strip: {
         readonly text_only: true;
@@ -446,6 +482,10 @@ export declare const AGENTS: {
         readonly conversation_mode_toggle_enabled?: boolean;
         readonly show_agent_status?: boolean;
         readonly show_conversation_id?: boolean;
+        readonly file_input_config?: {
+            enabled?: boolean;
+            max_files_per_conversation?: number;
+        };
     };
     readonly audio_tags_no_strip: {
         readonly text_only: true;
@@ -489,6 +529,103 @@ export declare const AGENTS: {
         readonly conversation_mode_toggle_enabled?: boolean;
         readonly show_agent_status?: boolean;
         readonly show_conversation_id?: boolean;
+        readonly file_input_config?: {
+            enabled?: boolean;
+            max_files_per_conversation?: number;
+        };
+    };
+    readonly file_upload: {
+        readonly text_only: true;
+        readonly transcript_enabled: true;
+        readonly text_input_enabled: true;
+        readonly file_input_config: {
+            readonly enabled: true;
+            readonly max_files_per_conversation: 2;
+        };
+        readonly terms_html: undefined;
+        readonly default_expanded: true;
+        readonly first_message: "";
+        readonly variant: import("../types/config").Variant;
+        readonly placement: import("../types/config").Placement;
+        readonly markdown_link_allowed_hosts?: import("../types/config").AllowlistItem[];
+        readonly markdown_link_include_www?: boolean;
+        readonly markdown_link_allow_http?: boolean;
+        readonly avatar: import("../types/config").AvatarConfig;
+        readonly feedback_mode: import("../types/config").FeedbackMode;
+        readonly end_feedback?: {
+            type: import("../types/config").FeedbackType;
+        } | null;
+        readonly language: import("@elevenlabs/types").ConversationConfigOverrideAgentLanguage;
+        readonly supported_language_overrides?: import("@elevenlabs/types").ConversationConfigOverrideAgentLanguage[];
+        readonly terms_text?: string;
+        readonly terms_key?: string;
+        readonly mic_muting_enabled: boolean;
+        readonly always_expanded: boolean;
+        readonly dismissible: boolean;
+        readonly strip_audio_tags?: boolean;
+        readonly text_contents: Partial<import("../types/config").TextContents>;
+        readonly styles?: Partial<import("../types/config").Styles>;
+        readonly language_presets: Partial<Record<import("@elevenlabs/types").ConversationConfigOverrideAgentLanguage, {
+            text_contents?: Partial<import("../types/config").TextContents>;
+            first_message?: string;
+            terms_html?: string;
+            terms_text?: string;
+            terms_key?: string;
+        }>>;
+        readonly disable_banner: boolean;
+        readonly override_link?: string;
+        readonly supports_text_only: boolean;
+        readonly use_rtc?: boolean;
+        readonly syntax_highlight_theme?: import("../types/config").SyntaxHighlightTheme;
+        readonly conversation_mode_toggle_enabled?: boolean;
+        readonly show_agent_status?: boolean;
+        readonly show_conversation_id?: boolean;
+    };
+    readonly no_file_upload: {
+        readonly text_only: true;
+        readonly transcript_enabled: true;
+        readonly text_input_enabled: true;
+        readonly file_input_config: {
+            readonly enabled: false;
+        };
+        readonly terms_html: undefined;
+        readonly default_expanded: true;
+        readonly first_message: "";
+        readonly variant: import("../types/config").Variant;
+        readonly placement: import("../types/config").Placement;
+        readonly markdown_link_allowed_hosts?: import("../types/config").AllowlistItem[];
+        readonly markdown_link_include_www?: boolean;
+        readonly markdown_link_allow_http?: boolean;
+        readonly avatar: import("../types/config").AvatarConfig;
+        readonly feedback_mode: import("../types/config").FeedbackMode;
+        readonly end_feedback?: {
+            type: import("../types/config").FeedbackType;
+        } | null;
+        readonly language: import("@elevenlabs/types").ConversationConfigOverrideAgentLanguage;
+        readonly supported_language_overrides?: import("@elevenlabs/types").ConversationConfigOverrideAgentLanguage[];
+        readonly terms_text?: string;
+        readonly terms_key?: string;
+        readonly mic_muting_enabled: boolean;
+        readonly always_expanded: boolean;
+        readonly dismissible: boolean;
+        readonly strip_audio_tags?: boolean;
+        readonly text_contents: Partial<import("../types/config").TextContents>;
+        readonly styles?: Partial<import("../types/config").Styles>;
+        readonly language_presets: Partial<Record<import("@elevenlabs/types").ConversationConfigOverrideAgentLanguage, {
+            text_contents?: Partial<import("../types/config").TextContents>;
+            first_message?: string;
+            terms_html?: string;
+            terms_text?: string;
+            terms_key?: string;
+        }>>;
+        readonly disable_banner: boolean;
+        readonly override_link?: string;
+        readonly supports_text_only: boolean;
+        readonly use_rtc?: boolean;
+        readonly syntax_highlight_theme?: import("../types/config").SyntaxHighlightTheme;
+        readonly conversation_mode_toggle_enabled?: boolean;
+        readonly show_agent_status?: boolean;
+        readonly show_conversation_id?: boolean;
     };
 };
 export declare const Worker: import("msw/browser").SetupWorker;

package/dist/types/attributes.d.ts

@@ -1,5 +1,5 @@
 export declare function parseBoolAttribute(value: string | undefined): boolean | null;
-export declare const CustomAttributeList: readonly ["variant", "placement", "override-config", "avatar-image-url", "avatar-orb-color-1", "avatar-orb-color-2", "agent-id", "signed-url", "terms-key", "server-location", "language", "dynamic-variables", "show-avatar-when-collapsed", "override-prompt", "override-llm", "override-speed", "override-stability", "override-similarity-boost", "override-first-message", "override-language", "override-voice-id", "override-text-only", "mic-muting", "transcript", "text-input", "text-contents", "default-expanded", "always-expanded", "dismissible", "strip-audio-tags", "user-id", "use-rtc", "collect-feedback", "worklet-path-raw-audio-processor", "worklet-path-audio-concat-processor", "worklet-path-libsamplerate", "syntax-highlight-theme", "markdown-link-allowed-hosts", "markdown-link-include-www", "markdown-link-allow-http", "show-agent-status", "show-conversation-id", "environment"];
+export declare const CustomAttributeList: readonly ["variant", "placement", "override-config", "avatar-image-url", "avatar-orb-color-1", "avatar-orb-color-2", "agent-id", "signed-url", "terms-key", "server-location", "language", "dynamic-variables", "show-avatar-when-collapsed", "override-prompt", "override-llm", "override-speed", "override-stability", "override-similarity-boost", "override-first-message", "override-language", "override-voice-id", "override-text-only", "mic-muting", "transcript", "text-input", "text-contents", "default-expanded", "always-expanded", "dismissible", "strip-audio-tags", "user-id", "use-rtc", "collect-feedback", "worklet-path-raw-audio-processor", "worklet-path-audio-concat-processor", "worklet-path-libsamplerate", "syntax-highlight-theme", "markdown-link-allowed-hosts", "markdown-link-include-www", "markdown-link-allow-http", "allow-events", "show-agent-status", "show-conversation-id", "environment"];
 export type CustomAttributes = {
     [key in (typeof CustomAttributeList)[number]]?: string;
 };

package/dist/types/config.d.ts

@@ -53,6 +53,10 @@ export interface WidgetConfig {
     conversation_mode_toggle_enabled?: boolean;
     show_agent_status?: boolean;
     show_conversation_id?: boolean;
+    file_input_config?: {
+        enabled?: boolean;
+        max_files_per_conversation?: number;
+    };
 }
 export type AvatarConfig = {
     type: "orb";
@@ -109,6 +113,12 @@ export declare const DefaultTextContents: {
     agent_working: string;
     agent_done: string;
     agent_error: string;
+    attach_file: string;
+    remove_file: string;
+    file_upload_error: string;
+    file_type_unsupported: string;
+    file_too_large: string;
+    file_limit_reached: string;
 };
 export declare const TextKeys: (keyof typeof DefaultTextContents)[];
 export type TextContents = typeof DefaultTextContents;

package/dist/utils/display-transcript.d.ts

@@ -1,5 +1,5 @@
 import type { Role } from "@elevenlabs/client";
-import type { TranscriptEntry } from "../contexts/conversation";
+import type { TranscriptEntry, TranscriptFileInput } from "../contexts/conversation";
 import type { ConversationMode } from "../contexts/conversation-mode";
 export declare const ToolCallStatus: {
     readonly LOADING: "loading";
@@ -15,6 +15,7 @@ export type DisplayTranscriptEntry = {
     conversationIndex: number;
     eventId?: number;
     toolStatus?: ToolCallStatusType;
+    fileInput?: TranscriptFileInput | null;
 } | {
     type: "disconnection";
     role: Role;

package/dist/version.d.ts

@@ -1 +1 @@
-export declare const PACKAGE_VERSION = "0.11.6";
+export declare const PACKAGE_VERSION = "0.12.0";

package/dist/widget/EventBridge.d.ts

@@ -0,0 +1 @@
+export declare const EventBridge: import("preact").FunctionComponent<{}>;

package/dist/widget/PendingFilePreview.d.ts

@@ -0,0 +1,7 @@
+import { type PendingFile } from "./useFileUpload";
+interface PendingFilePreviewProps {
+    pendingFile: PendingFile;
+    onRemove: () => void;
+}
+export declare function PendingFilePreview({ pendingFile, onRemove, }: PendingFilePreviewProps): import("preact").JSX.Element;
+export {};

package/dist/widget/UploadFileButton.d.ts

@@ -0,0 +1,8 @@
+import { BaseButtonProps } from "../components/Button";
+interface UploadFileButtonProps extends BaseButtonProps {
+    iconOnly?: boolean;
+    disabled?: boolean;
+    onFileSelect: (file: File) => void;
+}
+export declare function UploadFileButton({ iconOnly, disabled, onFileSelect, children, ...props }: UploadFileButtonProps): import("preact").JSX.Element;
+export {};

package/dist/widget/UploadFileButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/widget/useFileUpload.d.ts

@@ -0,0 +1,32 @@
+import { ReadonlySignal } from "@preact/signals";
+export declare const ACCEPTED_FILE_EXTENSIONS: readonly [".png", ".jpg", ".jpeg", ".gif", ".webp", ".pdf"];
+export declare function isImageMimeType(mimeType: string): boolean;
+export type PendingFile = {
+    status: "uploading";
+    file: File;
+    previewUrl: string | null;
+} | {
+    status: "ready";
+    file: File;
+    fileId: string;
+    previewUrl: string | null;
+} | {
+    status: "error";
+    file: File;
+    error: string;
+    previewUrl: string | null;
+};
+export type AddFileError = "unsupported_type" | "too_large" | "limit_reached";
+interface UseFileUploadOptions {
+    conversationId: string | null;
+    maxFiles: number | null;
+}
+export declare function useFileUpload({ conversationId, maxFiles, }: UseFileUploadOptions): {
+    pendingFile: ReadonlySignal<PendingFile | null>;
+    isUploading: ReadonlySignal<boolean>;
+    hasReachedLimit: ReadonlySignal<boolean>;
+    addFile: (file: File) => AddFileError | null;
+    removeFile: () => void;
+    markFileAsSent: () => void;
+};
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elevenlabs/convai-widget-core",
-  "version": "0.11.6",
+  "version": "0.12.0",
   "description": "The common library for the Conversational AI Widget.",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -16,22 +16,24 @@
     "@preact/preset-vite": "^2.10.1",
     "@radix-ui/react-select": "^2.2.2",
     "@radix-ui/react-slot": "^1.2.0",
+    "@tailwindcss/vite": "^4.1.18",
     "@types/hast": "^3.0.4",
     "@types/preact-custom-element": "^4.0.4",
-    "@vitest/browser": "^3.1.2",
-    "eslint": "^9.8.0",
+    "@vitest/browser": "^4.1.5",
+    "@vitest/browser-playwright": "^4.1.5",
+    "eslint": "^10.2.1",
     "msw": "^2.7.5",
     "playwright": "^1.46.1",
-    "@tailwindcss/vite": "^4.1.18",
     "tailwindcss": "^4.1.18",
     "typescript": "^5.5.4",
     "unified": "^11.0.5",
-    "vite": "^7.3.1",
-    "vite-bundle-analyzer": "^1.3.2",
-    "vitest": "^3.1.2"
+    "vite": "^8.0.10",
+    "vite-bundle-analyzer": "^1.3.8",
+    "vitest": "^4.1.5"
   },
   "dependencies": {
     "@ctrl/tinycolor": "^4.2.0",
+    "@fingerprintjs/fingerprintjs": "^5.1.0",
     "@lezer/common": "^1.3.0",
     "@lezer/highlight": "^1.2.3",
     "@lezer/html": "^1.3.12",
@@ -42,14 +44,14 @@
     "@lezer/python": "^1.1.18",
     "@lezer/xml": "^1.0.6",
     "@lezer/yaml": "^1.0.3",
-    "@preact/signals": "^2.0.4",
+    "@preact/signals": "^2.9.0",
     "clsx": "^2.1.1",
     "hast-util-from-lezer": "^0.5.4",
     "hast-util-to-jsx-runtime": "^2.3.6",
     "marked": "^17.0.0",
     "preact": "^10.26.5",
     "preact-custom-element": "^4.3.0",
-    "rehype-harden": "^1.1.7",
+    "rehype-harden": "^1.1.8",
     "rehype-raw": "^7.0.0",
     "rehype-sanitize": "^6.0.0",
     "remark-cjk-friendly": "^1.2.3",
@@ -58,7 +60,7 @@
     "remark-parse": "^11.0.0",
     "remark-rehype": "^11.1.2",
     "tailwind-merge": "^3.4.0",
-    "@elevenlabs/client": "1.3.1"
+    "@elevenlabs/client": "1.5.0"
   },
   "publishConfig": {
     "access": "public"