@elevenlabs/convai-widget-core 0.6.0-beta.3 → 0.6.0-beta.5

package/dist/markdown/components/Image.d.ts

@@ -1,5 +1,5 @@
 import type { DetailedHTMLProps, ImgHTMLAttributes } from "react";
-import type { ExtraProps } from "react-markdown";
+import type { ExtraProps } from "../utils/markdown";
 type ImageComponentProps = DetailedHTMLProps<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement> & ExtraProps;
 export declare const ImageComponent: ({ node, className, src, alt, ...props }: ImageComponentProps) => import("preact").JSX.Element | null;
 export {};

package/dist/markdown/components/components.d.ts

@@ -1,2 +1,2 @@
-import type { Options } from "react-markdown";
-export declare const components: Options["components"];
+import type { Components } from "../utils/markdown";
+export declare const components: Components;

package/dist/markdown/index.d.ts

@@ -1,6 +1,5 @@
-import { type Options } from "react-markdown";
-export { defaultUrlTransform } from "react-markdown";
-export type StreamdownProps = Options & {
+export type StreamdownProps = {
+    children?: string;
     parseIncompleteMarkdown?: boolean;
     className?: string;
     isAnimating?: boolean;
@@ -9,4 +8,4 @@ export type StreamdownRuntimeContextType = {
     isAnimating: boolean;
 };
 export declare const StreamdownRuntimeContext: import("preact").Context<StreamdownRuntimeContextType>;
-export declare const WidgetStreamdown: ({ children, parseIncompleteMarkdown: shouldParseIncompleteMarkdown, components, className, isAnimating, urlTransform, ...props }: StreamdownProps) => import("preact").JSX.Element;
+export declare const WidgetStreamdown: ({ children, parseIncompleteMarkdown: shouldParseIncompleteMarkdown, className, isAnimating, }: StreamdownProps) => import("preact").JSX.Element;

package/dist/markdown/utils/markdown.d.ts

@@ -0,0 +1,18 @@
+import type { Element } from "hast";
+import type { ComponentType, JSX, ReactElement } from "preact/compat";
+import type { Options as RemarkRehypeOptions } from "remark-rehype";
+import type { PluggableList } from "unified";
+export type ExtraProps = {
+    node?: Element | undefined;
+};
+export type Components = {
+    [Key in keyof JSX.IntrinsicElements]?: ComponentType<JSX.IntrinsicElements[Key] & ExtraProps> | keyof JSX.IntrinsicElements;
+};
+export type Options = {
+    children?: string;
+    components?: Components;
+    rehypePlugins?: PluggableList;
+    remarkPlugins?: PluggableList;
+    remarkRehypeOptions?: Readonly<RemarkRehypeOptions>;
+};
+export declare const Markdown: (options: Readonly<Options>) => ReactElement<{}>;

package/dist/mocks/browser.d.ts

@@ -30,6 +30,7 @@ export declare const AGENTS: {
         readonly supports_text_only: boolean;
         readonly first_message?: string;
         readonly use_rtc?: boolean;
+        readonly syntax_highlight_theme?: import("../types/config").SyntaxHighlightTheme;
     };
     readonly webrtc: {
         readonly use_rtc: true;
@@ -60,7 +61,39 @@ export declare const AGENTS: {
         readonly text_only: boolean;
         readonly supports_text_only: boolean;
         readonly first_message?: string;
+        readonly syntax_highlight_theme?: import("../types/config").SyntaxHighlightTheme;
     };
     readonly fail: WidgetConfig;
+    readonly markdown: {
+        readonly text_only: true;
+        readonly terms_html: undefined;
+        readonly default_expanded: true;
+        readonly first_message: "# Heading 1\n\nThis is **bold** and *italic* text.\n\n- List item 1\n- List item 2\n\n1. Ordered item 1\n2. Ordered item 2\n\n`inline code`\n\n```javascript\nconst codeBlock = true;\n```\n\n[Link text](https://example.com)\n\n![Alt text](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)\n\n> Blockquote text\n\n| Header 1 | Header 2 |\n| -------- | -------- |\n| Cell 1   | Cell 2   |\n\n---\n";
+        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 end_feedback?: {
+            type: import("../types/config").FeedbackType;
+        } | null;
+        readonly language: import("@elevenlabs/types").ConversationConfigOverrideAgentLanguage;
+        readonly supported_language_overrides?: import("@elevenlabs/types").ConversationConfigOverrideAgentLanguage[];
+        readonly terms_key?: string;
+        readonly mic_muting_enabled: boolean;
+        readonly transcript_enabled: boolean;
+        readonly text_input_enabled: boolean;
+        readonly always_expanded: 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;
+        }>>;
+        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;
+    };
 };
 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-first-message", "override-language", "override-voice-id", "override-text-only", "mic-muting", "transcript", "text-input", "text-contents", "default-expanded", "always-expanded", "user-id", "use-rtc", "collect-feedback"];
+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", "default-expanded", "always-expanded", "user-id", "use-rtc", "collect-feedback", "syntax-highlight-theme"];
 export type CustomAttributes = {
     [key in (typeof CustomAttributeList)[number]]?: string;
 };

package/dist/types/config.d.ts

@@ -7,6 +7,7 @@ export type Placement = (typeof Placements)[number];
 export declare function parsePlacement(placement: string | undefined): Placement;
 export type FeedbackMode = "none" | "during" | "end";
 export type FeedbackType = "rating";
+export type SyntaxHighlightTheme = "light" | "dark";
 export interface WidgetConfig {
     variant: Variant;
     placement: Placement;
@@ -36,6 +37,7 @@ export interface WidgetConfig {
     supports_text_only: boolean;
     first_message?: string;
     use_rtc?: boolean;
+    syntax_highlight_theme?: SyntaxHighlightTheme;
 }
 export type AvatarConfig = {
     type: "orb";

package/dist/utils/useStickToBottom.d.ts

@@ -1,13 +1,12 @@
-import { ReadonlySignal, Signal } from "@preact/signals";
-import { TranscriptEntry } from "../contexts/conversation";
-interface UseStickToBottomOptions {
+import { Signal } from "@preact/signals";
+export declare function useStickToBottom({ scrollPinned, }: {
     scrollPinned: Signal<boolean>;
-    transcript: ReadonlySignal<TranscriptEntry[]>;
-}
-export declare function useStickToBottom({ scrollPinned, transcript, }: UseStickToBottomOptions): {
+}): {
     scrollContainer: import("preact").RefObject<HTMLDivElement>;
+    contentRef: import("preact").RefObject<HTMLDivElement>;
     handleScroll: () => void;
-    handleUserInteraction: () => void;
+    handleWheel: (e: WheelEvent) => void;
+    handleTouchStart: (e: TouchEvent) => void;
+    handleTouchMove: (e: TouchEvent) => void;
     firstRender: import("preact/hooks").MutableRef<boolean>;
 };
-export {};

package/dist/version.d.ts

@@ -1 +1 @@
-export declare const PACKAGE_VERSION = "0.6.0-beta.3";
+export declare const PACKAGE_VERSION = "0.6.0-beta.5";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elevenlabs/convai-widget-core",
-  "version": "0.6.0-beta.3",
+  "version": "0.6.0-beta.5",
   "description": "The common library for the Conversational AI Widget.",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -30,6 +30,7 @@
     "@preact/preset-vite": "^2.10.1",
     "@radix-ui/react-select": "^2.2.2",
     "@radix-ui/react-slot": "^1.2.0",
+    "@types/hast": "^3.0.4",
     "@types/preact-custom-element": "^4.0.4",
     "@vitest/browser": "^3.1.2",
     "eslint": "^9.8.0",
@@ -43,6 +44,7 @@
     "vitest": "^3.1.2"
   },
   "dependencies": {
+    "@ctrl/tinycolor": "^4.2.0",
     "@elevenlabs/client": "workspace:*",
     "@lezer/common": "^1.3.0",
     "@lezer/highlight": "^1.2.3",
@@ -61,10 +63,13 @@
     "marked": "^17.0.0",
     "preact": "^10.26.5",
     "preact-custom-element": "^4.3.0",
-    "react-markdown": "^10.1.0",
     "rehype-harden": "^1.1.5",
     "rehype-raw": "^7.0.0",
+    "remark-cjk-friendly": "^1.2.3",
+    "remark-cjk-friendly-gfm-strikethrough": "^1.2.3",
     "remark-gfm": "^4.0.1",
+    "remark-parse": "^11.0.0",
+    "remark-rehype": "^11.1.2",
     "tailwind-merge": "^3.4.0"
   },
   "publishConfig": {

package/dist/widget/SheetActionsV2.d.ts

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