@elevenlabs/convai-widget-core 0.0.7

package/dist/index.local.d.ts

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

package/dist/index.test.d.ts

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

package/dist/mocks/browser.d.ts

@@ -0,0 +1,29 @@
+import { WidgetConfig } from "../types/config";
+export declare const AGENTS: {
+    readonly basic: WidgetConfig;
+    readonly text_only: {
+        readonly text_only: true;
+        readonly variant: import("../types/config").Variant;
+        readonly placement: import("../types/config").Placement;
+        readonly avatar: import("../types/config").AvatarConfig;
+        readonly feedback_mode: import("../types/config").FeedbackMode;
+        readonly language: import("@elevenlabs/client").Language;
+        readonly supported_language_overrides?: import("@elevenlabs/client").Language[];
+        readonly terms_html?: string;
+        readonly terms_key?: string;
+        readonly mic_muting_enabled: boolean;
+        readonly transcript_enabled: boolean;
+        readonly text_input_enabled: boolean;
+        readonly text_contents: Partial<import("../types/config").TextContents>;
+        readonly language_presets: Partial<Record<import("@elevenlabs/client").Language, {
+            text_contents?: Partial<import("../types/config").TextContents>;
+            first_message?: string;
+        }>>;
+        readonly disable_banner: boolean;
+        readonly override_link?: string;
+        readonly supports_text_only: boolean;
+        readonly first_message?: string;
+    };
+    readonly fail: WidgetConfig;
+};
+export declare const Worker: import("msw/lib/browser").SetupWorker;

package/dist/mocks/web-component.d.ts

@@ -0,0 +1,5 @@
+import type { AGENTS } from "./browser";
+import { CustomAttributes } from "../types/attributes";
+export declare function setupWebComponent(attributes: CustomAttributes & {
+    "agent-id": keyof typeof AGENTS;
+}): void;

package/dist/orb/Orb.d.ts

@@ -0,0 +1,24 @@
+export declare class Orb {
+    private static noiseImage;
+    private gl;
+    private program;
+    private startTime;
+    private targetSpeed;
+    private speed;
+    private rafId;
+    private resizeObserver?;
+    private colorA;
+    private colorB;
+    private offsets;
+    constructor(canvas: HTMLCanvasElement);
+    dispose(): void;
+    updateViewport(): void;
+    updateColors(a: string, b: string): void;
+    updateVolume(input: number, output: number): void;
+    private updateColor;
+    private setupProgram;
+    private getShader;
+    private copyNoiseImage;
+    toDataURL: () => string;
+    render: () => void;
+}

package/dist/styles/Style.d.ts

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

package/dist/types/attributes.d.ts

@@ -0,0 +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-first-message", "override-language", "override-voice-id", "override-text-only", "mic-muting", "transcript", "text-input", "text-contents"];
+export type CustomAttributes = {
+    [key in (typeof CustomAttributeList)[number]]?: string;
+};

package/dist/types/config.d.ts

@@ -0,0 +1,71 @@
+import { Language } from "@elevenlabs/client";
+export declare const Variants: readonly ["tiny", "compact", "full"];
+export type Variant = (typeof Variants)[number];
+export declare function parseVariant(variant: string | undefined): Variant;
+export declare const Placements: readonly ["top-left", "top", "top-right", "bottom-left", "bottom", "bottom-right"];
+export type Placement = (typeof Placements)[number];
+export declare function parsePlacement(placement: string | undefined): Placement;
+export type FeedbackMode = "none" | "during" | "end";
+export interface WidgetConfig {
+    variant: Variant;
+    placement: Placement;
+    avatar: AvatarConfig;
+    feedback_mode: FeedbackMode;
+    language: Language;
+    supported_language_overrides?: Language[];
+    terms_html?: string;
+    terms_key?: string;
+    mic_muting_enabled: boolean;
+    transcript_enabled: boolean;
+    text_input_enabled: boolean;
+    text_contents: Partial<TextContents>;
+    language_presets: Partial<Record<Language, {
+        text_contents?: Partial<TextContents>;
+        first_message?: string;
+    }>>;
+    disable_banner: boolean;
+    override_link?: string;
+    text_only: boolean;
+    supports_text_only: boolean;
+    first_message?: string;
+}
+export type AvatarConfig = {
+    type: "orb";
+    color_1: string;
+    color_2: string;
+} | {
+    type: "url";
+    custom_url: string;
+} | {
+    type: "image";
+    url: string;
+};
+export declare const DefaultTextContents: {
+    main_label: string;
+    start_call: string;
+    start_chat: string;
+    new_call: string;
+    end_call: string;
+    mute_microphone: string;
+    change_language: string;
+    collapse: string;
+    expand: string;
+    copied: string;
+    accept_terms: string;
+    dismiss_terms: string;
+    listening_status: string;
+    speaking_status: string;
+    connecting_status: string;
+    chatting_status: string;
+    input_label: string;
+    input_placeholder: string;
+    input_placeholder_text_only: string;
+    input_placeholder_new_conversation: string;
+    user_ended_conversation: string;
+    agent_ended_conversation: string;
+    conversation_id: string;
+    error_occurred: string;
+    copy_id: string;
+};
+export declare const TextKeys: (keyof typeof DefaultTextContents)[];
+export type TextContents = typeof DefaultTextContents;

package/dist/types/languages.d.ts

@@ -0,0 +1,169 @@
+import type { Language } from "@elevenlabs/client";
+export interface LanguageInfo {
+    name: string;
+    flagCode: string;
+    languageCode: Language;
+}
+export declare const Languages: {
+    readonly en: {
+        readonly name: "English";
+        readonly flagCode: "us";
+        readonly languageCode: "en";
+    };
+    readonly zh: {
+        readonly name: "中文";
+        readonly flagCode: "cn";
+        readonly languageCode: "zh";
+    };
+    readonly es: {
+        readonly name: "Español";
+        readonly flagCode: "es";
+        readonly languageCode: "es";
+    };
+    readonly hi: {
+        readonly name: "हिन्दी";
+        readonly flagCode: "in";
+        readonly languageCode: "hi";
+    };
+    readonly pt: {
+        readonly name: "Português (Portugal)";
+        readonly flagCode: "pt";
+        readonly languageCode: "pt";
+    };
+    readonly "pt-br": {
+        readonly name: "Português (Brasil)";
+        readonly flagCode: "br";
+        readonly languageCode: "pt-br";
+    };
+    readonly fr: {
+        readonly name: "Français";
+        readonly flagCode: "fr";
+        readonly languageCode: "fr";
+    };
+    readonly de: {
+        readonly name: "Deutsch";
+        readonly flagCode: "de";
+        readonly languageCode: "de";
+    };
+    readonly ja: {
+        readonly name: "日本語";
+        readonly flagCode: "jp";
+        readonly languageCode: "ja";
+    };
+    readonly ar: {
+        readonly name: "العربية";
+        readonly flagCode: "ae";
+        readonly languageCode: "ar";
+    };
+    readonly ru: {
+        readonly name: "Русский";
+        readonly flagCode: "ru";
+        readonly languageCode: "ru";
+    };
+    readonly ko: {
+        readonly name: "한국어";
+        readonly flagCode: "kr";
+        readonly languageCode: "ko";
+    };
+    readonly id: {
+        readonly name: "Bahasa Indonesia";
+        readonly flagCode: "id";
+        readonly languageCode: "id";
+    };
+    readonly it: {
+        readonly name: "Italiano";
+        readonly flagCode: "it";
+        readonly languageCode: "it";
+    };
+    readonly nl: {
+        readonly name: "Nederlands";
+        readonly flagCode: "nl";
+        readonly languageCode: "nl";
+    };
+    readonly tr: {
+        readonly name: "Türkçe";
+        readonly flagCode: "tr";
+        readonly languageCode: "tr";
+    };
+    readonly pl: {
+        readonly name: "Polski";
+        readonly flagCode: "pl";
+        readonly languageCode: "pl";
+    };
+    readonly sv: {
+        readonly name: "Svenska";
+        readonly flagCode: "se";
+        readonly languageCode: "sv";
+    };
+    readonly ms: {
+        readonly name: "Bahasa Melayu";
+        readonly flagCode: "my";
+        readonly languageCode: "ms";
+    };
+    readonly ro: {
+        readonly name: "Română";
+        readonly flagCode: "ro";
+        readonly languageCode: "ro";
+    };
+    readonly uk: {
+        readonly name: "Українська";
+        readonly flagCode: "ua";
+        readonly languageCode: "uk";
+    };
+    readonly el: {
+        readonly name: "Ελληνικά";
+        readonly flagCode: "gr";
+        readonly languageCode: "el";
+    };
+    readonly cs: {
+        readonly name: "Čeština";
+        readonly flagCode: "cz";
+        readonly languageCode: "cs";
+    };
+    readonly da: {
+        readonly name: "Dansk";
+        readonly flagCode: "dk";
+        readonly languageCode: "da";
+    };
+    readonly fi: {
+        readonly name: "Suomi";
+        readonly flagCode: "fi";
+        readonly languageCode: "fi";
+    };
+    readonly bg: {
+        readonly name: "Български";
+        readonly flagCode: "bg";
+        readonly languageCode: "bg";
+    };
+    readonly hr: {
+        readonly name: "Hrvatski";
+        readonly flagCode: "hr";
+        readonly languageCode: "hr";
+    };
+    readonly sk: {
+        readonly name: "Slovenčina";
+        readonly flagCode: "sk";
+        readonly languageCode: "sk";
+    };
+    readonly ta: {
+        readonly name: "தமிழ்";
+        readonly flagCode: "in";
+        readonly languageCode: "ta";
+    };
+    readonly hu: {
+        readonly name: "Magyar";
+        readonly flagCode: "hu";
+        readonly languageCode: "hu";
+    };
+    readonly no: {
+        readonly name: "Norsk";
+        readonly flagCode: "no";
+        readonly languageCode: "no";
+    };
+    readonly vi: {
+        readonly name: "Tiếng Việt";
+        readonly flagCode: "vn";
+        readonly languageCode: "vi";
+    };
+};
+export declare function isValidLanguage(value?: string): value is Language;

package/dist/utils/signalish.d.ts

@@ -0,0 +1,7 @@
+import { JSX } from "preact";
+type SignalLike<T> = JSX.SignalLike<T>;
+export type Signalish<T> = JSX.Signalish<T>;
+export declare function useSignalish<T>(value: SignalLike<T> | T): SignalLike<T>;
+export declare function getSignalish<T>(value: SignalLike<T> | T): T;
+export declare function peekSignalish<T>(value: SignalLike<T> | T): T;
+export {};

package/dist/utils/useContextSafely.d.ts

@@ -0,0 +1,2 @@
+import { PreactContext } from "preact";
+export declare function useContextSafely<T>(context: PreactContext<T>): NonNullable<T>;

package/dist/utils/useCssTransition.d.ts

@@ -0,0 +1,13 @@
+import { TransitionEvent } from "preact/compat";
+interface CSSTransitionOptions {
+    onStart?: () => void;
+    onEnd?: () => void;
+}
+export declare function useCSSTransition({ onStart, onEnd }: CSSTransitionOptions): {
+    transitioning: import("@preact/signals").Signal<boolean>;
+    handlers: {
+        onTransitionStart: (e: TransitionEvent<HTMLElement>) => void;
+        onTransitionEnd: (e: TransitionEvent<HTMLElement>) => void;
+    };
+};
+export {};

package/dist/utils/useReducedMotion.d.ts

@@ -0,0 +1 @@
+export declare function useReducedMotion(): import("@preact/signals").Signal<boolean>;

package/dist/widget/CallButton.d.ts

@@ -0,0 +1,7 @@
+import { BaseButtonProps } from "../components/Button";
+interface CallButtonProps extends BaseButtonProps {
+    iconOnly?: boolean;
+    isDisconnected?: boolean;
+}
+export declare function CallButton({ iconOnly, isDisconnected, children, ...props }: CallButtonProps): import("preact").JSX.Element;
+export {};

package/dist/widget/CompactExpandableTrigger.d.ts

@@ -0,0 +1,2 @@
+import { ExpandableProps } from "./Trigger";
+export declare function CompactExpandableTrigger({ expanded, className, ...rest }: ExpandableProps): import("preact").JSX.Element;

package/dist/widget/CompactTrigger.d.ts

@@ -0,0 +1,2 @@
+import { HTMLAttributes } from "preact/compat";
+export declare function CompactTrigger({ className, ...rest }: HTMLAttributes<HTMLDivElement>): import("preact/compat").JSX.Element;

package/dist/widget/ErrorModal.d.ts

@@ -0,0 +1,6 @@
+import { Signal } from "@preact/signals";
+interface ErrorModalProps {
+    sawError: Signal<boolean>;
+}
+export declare function ErrorModal({ sawError }: ErrorModalProps): import("preact/compat").JSX.Element;
+export {};

package/dist/widget/ExpandableTriggerActions.d.ts

@@ -0,0 +1,2 @@
+import { ExpandableProps } from "./Trigger";
+export declare function ExpandableTriggerActions({ expanded }: ExpandableProps): import("preact/compat").JSX.Element;

package/dist/widget/FullExpandableTrigger.d.ts

@@ -0,0 +1,2 @@
+import { ExpandableProps } from "./Trigger";
+export declare function FullExpandableTrigger({ expanded, className, ...rest }: ExpandableProps): import("preact").JSX.Element;

package/dist/widget/FullTrigger.d.ts

@@ -0,0 +1,2 @@
+import { HTMLAttributes } from "preact/compat";
+export declare function FullTrigger({ className, ...rest }: HTMLAttributes<HTMLDivElement>): import("preact/compat").JSX.Element;

package/dist/widget/LanguageSelect.d.ts

@@ -0,0 +1,7 @@
+import { ComponentChildren } from "preact";
+import { SelectContentProps } from "@radix-ui/react-select";
+interface LanguageSelectProps extends SelectContentProps {
+    children: ComponentChildren;
+}
+export declare function LanguageSelect({ children, ...rest }: LanguageSelectProps): import("preact").JSX.Element;
+export {};

package/dist/widget/PoweredBy.d.ts

@@ -0,0 +1 @@
+export declare function PoweredBy(): import("preact").JSX.Element | null;

package/dist/widget/Sheet.d.ts

@@ -0,0 +1,6 @@
+import { Signal } from "@preact/signals";
+interface SheetProps {
+    open: Signal<boolean>;
+}
+export declare function Sheet({ open }: SheetProps): import("preact").JSX.Element;
+export {};

package/dist/widget/SheetActions.d.ts

@@ -0,0 +1,7 @@
+import { Signal } from "@preact/signals";
+interface SheetActionsProps {
+    showTranscript: boolean;
+    scrollPinned: Signal<boolean>;
+}
+export declare function SheetActions({ showTranscript, scrollPinned, }: SheetActionsProps): import("preact/compat").JSX.Element;
+export {};

package/dist/widget/SheetLanguageSelect.d.ts

@@ -0,0 +1,2 @@
+import { SelectTriggerProps } from "@radix-ui/react-select";
+export declare function SheetLanguageSelect({ className, ...rest }: SelectTriggerProps): import("preact").JSX.Element | null;

package/dist/widget/StatusLabel.d.ts

@@ -0,0 +1,2 @@
+import { HTMLAttributes } from "preact/compat";
+export declare function StatusLabel({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("preact/compat").JSX.Element;

package/dist/widget/TermsModal.d.ts

@@ -0,0 +1 @@
+export declare function TermsModal(): import("preact").JSX.Element;

package/dist/widget/Transcript.d.ts

@@ -0,0 +1,8 @@
+import { ReadonlySignal, Signal } from "@preact/signals";
+import { TranscriptEntry } from "../contexts/conversation";
+interface TranscriptProps {
+    scrollPinned: Signal<boolean>;
+    transcript: ReadonlySignal<TranscriptEntry[]>;
+}
+export declare function Transcript({ scrollPinned, transcript }: TranscriptProps): import("preact/compat").JSX.Element;
+export {};

package/dist/widget/TranscriptMessage.d.ts

@@ -0,0 +1,7 @@
+import { TranscriptEntry } from "../contexts/conversation";
+interface TranscriptMessageProps {
+    entry: TranscriptEntry;
+    animateIn: boolean;
+}
+export declare function TranscriptMessage({ entry, animateIn, }: TranscriptMessageProps): import("preact").JSX.Element;
+export {};

package/dist/widget/Trigger.d.ts

@@ -0,0 +1,11 @@
+import { Signal } from "@preact/signals";
+import { HTMLAttributes } from "preact/compat";
+export interface ExpandableProps extends HTMLAttributes<HTMLDivElement> {
+    expanded: Signal<boolean>;
+}
+interface TriggerProps {
+    expandable?: boolean;
+    expanded: Signal<boolean>;
+}
+export declare function Trigger({ expandable, expanded }: TriggerProps): import("preact/compat").JSX.Element;
+export {};

package/dist/widget/TriggerActions.d.ts

@@ -0,0 +1 @@
+export declare function TriggerActions(): import("preact").JSX.Element;

package/dist/widget/TriggerLanguageSelect.d.ts

@@ -0,0 +1,6 @@
+import { SelectTriggerProps } from "@radix-ui/react-select";
+interface Props extends SelectTriggerProps {
+    visible: boolean;
+}
+export declare function TriggerLanguageSelect({ visible, className, ...rest }: Props): import("preact").JSX.Element | null;
+export {};

package/dist/widget/TriggerMuteButton.d.ts

@@ -0,0 +1,6 @@
+import { ButtonProps } from "../components/Button";
+interface TriggerMuteButtonProps extends Omit<ButtonProps, "icon"> {
+    visible: boolean;
+}
+export declare function TriggerMuteButton({ visible, ...rest }: TriggerMuteButtonProps): import("preact/compat").JSX.Element | null;
+export {};

package/dist/widget/Wrapper.d.ts

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

package/dist/widget/index.d.ts

@@ -0,0 +1,2 @@
+import { CustomAttributes } from "../types/attributes";
+export declare function ConvAIWidget(attributes: CustomAttributes): import("preact").JSX.Element;

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@elevenlabs/convai-widget-core",
+  "version": "0.0.7",
+  "description": "The common library for the Conversational AI Widget.",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "source": "./src/index.ts",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "keywords": [],
+  "author": "ElevenLabs",
+  "license": "MIT",
+  "devDependencies": {
+    "@preact/preset-vite": "^2.10.1",
+    "@radix-ui/react-select": "^2.2.2",
+    "@radix-ui/react-slot": "^1.2.0",
+    "@types/preact-custom-element": "^4.0.4",
+    "@vitest/browser": "^3.1.2",
+    "eslint": "^9.8.0",
+    "msw": "^2.7.5",
+    "playwright": "^1.46.1",
+    "tailwindcss": "^3.4.17",
+    "typescript": "^5.5.4",
+    "vite": "^6.3.2",
+    "vitest": "^3.1.2"
+  },
+  "dependencies": {
+    "@preact/signals": "^2.0.4",
+    "clsx": "^2.1.1",
+    "preact": "^10.26.5",
+    "preact-custom-element": "^4.3.0",
+    "@elevenlabs/client": "0.1.6"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/elevenlabs/packages.git",
+    "directory": "packages/convai-widget-core"
+  },
+  "scripts": {
+    "build": "vite build && tsc --declaration --emitDeclarationOnly",
+    "dev": "vite",
+    "lint": "npm run lint:ts && npm run lint:es && npm run lint:prettier",
+    "lint:ts": "tsc --noEmit --skipLibCheck",
+    "lint:es": "npx eslint .",
+    "lint:prettier": "prettier 'src/**/*.ts' --check",
+    "test": "vitest"
+  }
+}