@askly/widget 2.10.0 → 3.0.0

package/dist/types/index.d.ts

@@ -0,0 +1,7 @@
+import type { AsklyApi } from "./core/api";
+declare const Askly: AsklyApi;
+export default Askly;
+export type { AsklyApi } from "./core/api";
+export type { AsklyConfig } from "./core/config";
+export type { AsklyIdentity } from "./identity";
+export type { AsklyEventMap, AsklyEventName, AsklyEventHandler, AsklySpace } from "./core/events";

package/dist/types/loader/attrs.d.ts

@@ -0,0 +1,4 @@
+/** `data-*` attributes on the script tag, as init() options. */
+import type { AsklyConfig } from "../core/config";
+export declare function appIdFromScript(script: Element | null): string | undefined;
+export declare function configFromScript(currentScript: Element, autoAppId: string): AsklyConfig;

package/dist/types/loader/core.d.ts

@@ -0,0 +1,26 @@
+export declare const ASKLY_API_BASE = "https://api.askly.co.in";
+export declare const APP_FILE = "app/askly-app.js";
+export interface LoaderOptions {
+    /** URL of the app module (`app/askly-app.js`). */
+    appUrl: string;
+    /** Tried when `appUrl` cannot be fetched (the versioned CDN copy). */
+    fallbackUrl?: string;
+}
+/** The queue the app replays. `v` lets a future app recognise an older stub. */
+export interface AsklyStub {
+    q: Array<[string, any[]]> | null;
+    v: number;
+    _r: Array<() => void>;
+    _t: number;
+    _unpaint?: () => void;
+    [method: string]: any;
+}
+export declare function createLoader(initial: LoaderOptions): AsklyStub;
+/**
+ * Where the loader's script came from, as the place to fetch the app from. A floating CDN
+ * tag (`@3`, `@latest`, none) is pinned to this exact version so the app and its chunks
+ * always come from one immutable path.
+ */
+export declare function appUrlFromScript(src: string | null | undefined, version: string, fallback: string): string;
+/** The <script> that loaded this file: `document.currentScript`, else the tag that names it. */
+export declare function findLoaderScript(): HTMLScriptElement | null;

package/dist/{ui → types/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/types/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/types/widget-entry.d.ts

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

package/dist/types/widget.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { ChatWidgetProps } from "./core/types";
+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, greetingStartedAt, onMessageSent, onMessageReceived, onChatOpened, onChatClosed, onEscalation, }: ChatWidgetProps) => React.JSX.Element | null;