@askly/widget 2.9.0 → 2.11.0

package/dist/ui/Composer.d.ts

@@ -1,28 +1,30 @@
 import React from "react";
 export interface ComposerProps {
-    enableVoiceChat: boolean;
     fileInputRef: React.RefObject<HTMLInputElement>;
     handleEmojiClick: (emoji: string) => void;
     handleFileChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
     handleFileUploadClick: () => void;
     input: string;
     inputRef: React.RefObject<HTMLTextAreaElement>;
-    isListening: boolean;
     isTyping: boolean;
     leadRequired: boolean;
     placeholderText: string;
-    readAloud: boolean;
     sendMessage: (text?: string) => void | Promise<void>;
     setInput: React.Dispatch<React.SetStateAction<string>>;
     setShowEmojiPicker: (show: boolean) => void;
-    setTtsMuted: (muted: boolean) => void;
     showEmojiPicker: boolean;
-    stopSpeaking: () => void;
-    toggleVoiceInput: () => void;
-    ttsMuted: boolean;
-    ttsMutedRef: React.MutableRefObject<boolean>;
+    startVoiceInput: () => void;
+    stopVoiceInput: () => void;
+    cancelVoiceInput: () => void;
     turnstileBlocked: boolean;
     uploadingFile: boolean;
+    voiceInputEnabled: boolean;
+    voiceMaxMs: number;
+    voiceMeterRef: React.MutableRefObject<{
+        level: number;
+        elapsedMs: number;
+    }>;
+    voicePhase: "idle" | "starting" | "recording" | "transcribing";
 }
-/** The message box and its actions: attach, emoji, voice input, read-aloud and send. */
+/** The message box and its actions: attach, emoji, voice input and send. */
 export declare function Composer(props: ComposerProps): React.JSX.Element;

package/dist/ui/VoiceRecorder.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+export interface VoiceRecorderProps {
+    phase: "starting" | "recording" | "transcribing";
+    /** Written by the recorder about ten times a second; read here so only this strip re-renders. */
+    meterRef: React.MutableRefObject<{
+        level: number;
+        elapsedMs: number;
+    }>;
+    maxMs: number;
+    onStop: () => void;
+    onCancel: () => void;
+}
+/**
+ * Replaces the whole message box while a clip is being recorded or transcribed: cancel on
+ * the left, a waveform that scrolls in from the right, and stop on the right.
+ */
+export declare function VoiceRecorder({ phase, meterRef, maxMs, onStop, onCancel }: VoiceRecorderProps): React.JSX.Element;

package/dist/widget.d.ts

@@ -1,41 +1,4 @@
 import React from "react";
+import type { ChatWidgetProps } from "./core/types";
 import "./styles.css";
-interface ChatWidgetProps {
-    orgId?: string;
-    organizationName?: string;
-    themeColor?: string;
-    theme?: "light" | "dark" | "auto";
-    position?: "left" | "right";
-    orgServerRoute: string;
-    enableVoiceChat?: boolean;
-    readAloud?: boolean;
-    welcomeMessage?: string;
-    placeholderText?: string;
-    organizationLogo?: string;
-    buttonIcon?: string;
-    buttonShape?: "round" | "square";
-    autoOpen?: boolean;
-    greeting?: boolean | {
-        message?: string;
-        delayMs?: number;
-    };
-    showTimestamp?: boolean;
-    soundEnabled?: boolean;
-    soundVolume?: number;
-    poweredBy?: string;
-    userId?: string;
-    timestamp?: number;
-    signature?: string;
-    turnstileSiteKey?: string;
-    excludePaths?: string[];
-    includePaths?: string[];
-    configOverride?: Record<string, any>;
-    resetGeneration?: number;
-    onMessageSent?: (message: string) => void;
-    onMessageReceived?: (reply: string) => void;
-    onChatOpened?: () => void;
-    onChatClosed?: () => void;
-    onEscalation?: (data: any) => void;
-}
-export declare const ChatWidget: ({ orgId, organizationName: initialOrganizationName, themeColor: initialThemeColor, theme: initialTheme, position, orgServerRoute, enableVoiceChat: initialEnableVoiceChat, readAloud: initialReadAloud, welcomeMessage: initialWelcomeMessage, placeholderText, organizationLogo: initialOrganizationLogo, buttonIcon, buttonShape: initialButtonShape, autoOpen, greeting, showTimestamp, soundEnabled, soundVolume, poweredBy, userId, timestamp, signature, turnstileSiteKey, excludePaths, includePaths, configOverride, resetGeneration: initResetGeneration, onMessageSent, onMessageReceived, onChatOpened, onChatClosed, onEscalation, }: ChatWidgetProps) => React.JSX.Element | null;
-export {};
+export declare const ChatWidget: ({ orgId, organizationName: initialOrganizationName, themeColor: initialThemeColor, theme: initialTheme, position, orgServerRoute, enableVoiceChat: initialEnableVoiceChat, voiceInput: initialVoiceInput, welcomeMessage: initialWelcomeMessage, placeholderText, organizationLogo: initialOrganizationLogo, buttonIcon, buttonShape: initialButtonShape, autoOpen, greeting, showTimestamp, soundEnabled, soundVolume, poweredBy, userId, timestamp, signature, turnstileSiteKey, excludePaths, includePaths, configOverride, resetGeneration: initResetGeneration, onMessageSent, onMessageReceived, onChatOpened, onChatClosed, onEscalation, }: ChatWidgetProps) => React.JSX.Element | null;