@botonic/react 0.54.0 → 0.55.0

package/lib/cjs/dev-app.d.ts

@@ -56,28 +56,6 @@ export class DevApp extends WebchatApp {
             action: import("@botonic/core").EventAction.BotAction;
             payload: string;
         };
-        knowledgeBase: {
-            action: import("@botonic/core").EventAction.Knowledgebase;
-            flow_id: string;
-            flow_node_id: string;
-            knowledgebase_inference_id: string;
-            knowledgebase_fail_reason: string;
-            knowledgebase_sources_ids: string[];
-            knowledgebase_chunks_ids: string[];
-            user_input: string;
-            knowledge_base_chunks_with_sources: import("./index-types").ChunkIdsGroupedBySourceData[];
-        };
-        knowledgeBaseFailed: {
-            action: import("@botonic/core").EventAction.Knowledgebase;
-            flow_id: string;
-            flow_node_id: string;
-            knowledgebase_inference_id: string;
-            knowledgebase_fail_reason: string;
-            knowledgebase_sources_ids: never[];
-            knowledgebase_chunks_ids: never[];
-            user_input: string;
-            knowledge_base_chunks_with_sources: never[];
-        };
         conditionalChannel: {
             action: import("@botonic/core").EventAction.ConditionalChannel;
             channel: string;

package/lib/cjs/index-types.d.ts

@@ -57,15 +57,19 @@ export interface MinimalHubtypeMessage {
     type: string;
     action: string;
     text: string;
+    event_data?: Record<string, unknown> | null;
 }
 export interface WebchatLocaleContents {
     inputPlaceholder: string;
 }
+export interface GetMessageByIdOptions {
+    includeDebugEvents?: boolean;
+}
 export interface PreviewUtils {
     getChunkIdsGroupedBySource: (chunkIds: string[]) => Promise<ChunkIdsGroupedBySourceData[]>;
     onClickOpenChunks: (chunkIdsGroupedBySource: ChunkIdsGroupedBySourceData[]) => void;
     onClickOpenToolResults: (toolExecution: ToolExecution) => void;
-    getMessageById: (messageId: string) => Promise<MinimalHubtypeMessage>;
+    getMessageById: (messageId: string, options?: GetMessageByIdOptions) => Promise<MinimalHubtypeMessage>;
     trackPreviewEventOpened: (eventProperties: Record<string, unknown>) => void;
 }
 export interface WebchatArgs {

package/lib/cjs/index-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"index-types.js","sourceRoot":"","sources":["../../src/index-types.ts"],"names":[],"mappings":";;;AAsKA,IAAY,OAKX;AALD,WAAY,OAAO;IACjB,sBAAW,CAAA;IACX,wBAAa,CAAA;IACb,0BAAe,CAAA;IACf,4BAAiB,CAAA;AACnB,CAAC,EALW,OAAO,uBAAP,OAAO,QAKlB;AAED,IAAY,MAGX;AAHD,WAAY,MAAM;IAChB,0BAAgB,CAAA;IAChB,4BAAkB,CAAA;AACpB,CAAC,EAHW,MAAM,sBAAN,MAAM,QAGjB"}
+{"version":3,"file":"index-types.js","sourceRoot":"","sources":["../../src/index-types.ts"],"names":[],"mappings":";;;AA8KA,IAAY,OAKX;AALD,WAAY,OAAO;IACjB,sBAAW,CAAA;IACX,wBAAa,CAAA;IACb,0BAAe,CAAA;IACf,4BAAiB,CAAA;AACnB,CAAC,EALW,OAAO,uBAAP,OAAO,QAKlB;AAED,IAAY,MAGX;AAHD,WAAY,MAAM;IAChB,0BAAgB,CAAA;IAChB,4BAAkB,CAAA;AACpB,CAAC,EAHW,MAAM,sBAAN,MAAM,QAGjB"}

package/lib/cjs/webchat/input-panel/index.js

@@ -2,9 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InputPanel = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const core_1 = require("@botonic/core");
 const react_1 = require("react");
-const uuid_1 = require("uuid");
 const constants_1 = require("../../constants");
 const message_utils_1 = require("../../message-utils");
 const context_1 = require("../../webchat/context");
@@ -16,6 +14,7 @@ const persistent_menu_1 = require("./persistent-menu");
 const send_button_1 = require("./send-button");
 const styles_1 = require("./styles");
 const textarea_1 = require("./textarea");
+const use_typing_chat_event_sender_1 = require("./use-typing-chat-event-sender");
 const InputPanel = ({ handleAttachment, textareaRef, host, onUserInput, }) => {
     const { getThemeProperty, sendText, togglePersistentMenu, toggleEmojiPicker, webchatState, inputPanelRef, } = (0, react_1.useContext)(context_1.WebchatContext);
     const handleSelectedEmoji = event => {
@@ -38,21 +37,12 @@ const InputPanel = ({ handleAttachment, textareaRef, host, onUserInput, }) => {
         await sendText(textareaRef.current?.value);
         textareaRef.current.value = '';
     };
-    const sendChatEvent = async (chatEvent) => {
-        const chatEventInput = {
-            id: (0, uuid_1.v7)(),
-            type: core_1.INPUT.CHAT_EVENT,
-            data: chatEvent,
-        };
-        if (onUserInput) {
-            onUserInput({
-                user: webchatState.session.user,
-                input: chatEventInput,
-                session: webchatState.session,
-                lastRoutePath: webchatState.lastRoutePath,
-            });
-        }
-    };
+    // Network layer: deduplicates typing_on/off before they reach onUserInput.
+    const sendChatEvent = (0, use_typing_chat_event_sender_1.useTypingChatEventSender)({
+        onUserInput,
+        session: webchatState.session,
+        lastRoutePath: webchatState.lastRoutePath,
+    });
     return ((0, jsx_runtime_1.jsxs)(styles_1.UserInputContainer, { id: constants_2.BotonicContainerId.InputPanel, ref: inputPanelRef, style: {
             ...getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.userInputStyle),
         }, className: 'user-input-container', children: [webchatState.isEmojiPickerOpen && ((0, jsx_runtime_1.jsx)(opened_emoji_picker_1.OpenedEmojiPicker, { onEmojiClick: handleSelectedEmoji, onClick: handleEmojiClick })), (0, jsx_runtime_1.jsx)(persistent_menu_1.PersistentMenu, { onClick: handleMenu }), (0, jsx_runtime_1.jsx)(textarea_1.Textarea, { host: host, textareaRef: textareaRef, sendChatEvent: sendChatEvent, sendTextAreaText: sendTextAreaText }), (0, jsx_runtime_1.jsx)(emoji_picker_1.EmojiPicker, { onClick: handleEmojiClick }), (0, jsx_runtime_1.jsx)(attachment_1.Attachment, { onChange: handleAttachment, accept: (0, message_utils_1.getFullMimeWhitelist)().join(',') }), (0, jsx_runtime_1.jsx)(send_button_1.SendButton, { onClick: sendTextAreaText })] }));

package/lib/cjs/webchat/input-panel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/index.tsx"],"names":[],"mappings":";;;;AACA,iCAAkC;AAElC,+CAAyC;AACzC,uDAA0D;AAC1D,mDAAsD;AACtD,4CAAiD;AACjD,6CAAyC;AACzC,iDAA4C;AAC5C,+DAAyD;AACzD,uDAAkD;AAClD,+CAA0C;AAC1C,qCAA6C;AAC7C,yCAAqC;AACrC,iFAAyE;AASlE,MAAM,UAAU,GAAG,CAAC,EACzB,gBAAgB,EAChB,WAAW,EACX,IAAI,EACJ,WAAW,GACK,EAAE,EAAE;IACpB,MAAM,EACJ,gBAAgB,EAChB,QAAQ,EACR,oBAAoB,EACpB,iBAAiB,EACjB,YAAY,EACZ,aAAa,GACd,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAE9B,MAAM,mBAAmB,GAAG,KAAK,CAAC,EAAE;QAClC,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;YACzB,OAAM;QACR,CAAC;QAED,WAAW,CAAC,OAAO,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAA;QACxC,WAAW,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;IAC7B,CAAC,CAAA;IAED,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,iBAAiB,CAAC,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAA;IACpD,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,oBAAoB,CAAC,CAAC,YAAY,CAAC,oBAAoB,CAAC,CAAA;IAC1D,CAAC,CAAA;IAED,MAAM,gBAAgB,GAAG,KAAK,IAAI,EAAE;QAClC,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;YACzB,OAAM;QACR,CAAC;QAED,MAAM,QAAQ,CAAC,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;QAC1C,WAAW,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAA;IAChC,CAAC,CAAA;IAED,2EAA2E;IAC3E,MAAM,aAAa,GAAG,IAAA,uDAAwB,EAAC;QAC7C,WAAW;QACX,OAAO,EAAE,YAAY,CAAC,OAAO;QAC7B,aAAa,EAAE,YAAY,CAAC,aAAa;KAC1C,CAAC,CAAA;IAEF,OAAO,CACL,wBAAC,2BAAkB,IACjB,EAAE,EAAE,8BAAkB,CAAC,UAAU,EACjC,GAAG,EAAE,aAAa,EAClB,KAAK,EAAE;YACL,GAAG,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,cAAc,CAAC;SAC9D,EACD,SAAS,EAAC,sBAAsB,aAE/B,YAAY,CAAC,iBAAiB,IAAI,CACjC,uBAAC,uCAAiB,IAChB,YAAY,EAAE,mBAAmB,EACjC,OAAO,EAAE,gBAAgB,GACzB,CACH,EAED,uBAAC,gCAAc,IAAC,OAAO,EAAE,UAAU,GAAI,EAEvC,uBAAC,mBAAQ,IACP,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,GAClC,EAEF,uBAAC,0BAAW,IAAC,OAAO,EAAE,gBAAgB,GAAI,EAE1C,uBAAC,uBAAU,IACT,QAAQ,EAAE,gBAAgB,EAC1B,MAAM,EAAE,IAAA,oCAAoB,GAAE,CAAC,IAAI,CAAC,GAAG,CAAC,GACxC,EAEF,uBAAC,wBAAU,IAAC,OAAO,EAAE,gBAAgB,GAAI,IACtB,CACtB,CAAA;AACH,CAAC,CAAA;AAnFY,QAAA,UAAU,cAmFtB"}

package/lib/cjs/webchat/input-panel/textarea.d.ts

@@ -1,9 +1,10 @@
 import type React from 'react';
+import type { TypingChatEvent } from './typing-network-sender';
 interface TextareaProps {
     host: HTMLElement;
     textareaRef: React.MutableRefObject<HTMLTextAreaElement | undefined>;
-    sendChatEvent: (event: string) => Promise<void>;
+    sendChatEvent: (event: TypingChatEvent) => Promise<boolean>;
     sendTextAreaText: () => Promise<void>;
 }
+export { TYPING_IDLE_MS } from './use-typing-session';
 export declare const Textarea: ({ host, textareaRef, sendChatEvent, sendTextAreaText, }: TextareaProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/lib/cjs/webchat/input-panel/textarea.js

@@ -1,69 +1,39 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Textarea = void 0;
+exports.Textarea = exports.TYPING_IDLE_MS = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_textarea_autosize_1 = tslib_1.__importDefault(require("react-textarea-autosize"));
-const index_types_1 = require("../../index-types");
 const context_1 = require("../../webchat/context");
 const hooks_1 = require("../hooks");
 const styles_1 = require("./styles");
+const use_typing_session_1 = require("./use-typing-session");
+var use_typing_session_2 = require("./use-typing-session");
+Object.defineProperty(exports, "TYPING_IDLE_MS", { enumerable: true, get: function () { return use_typing_session_2.TYPING_IDLE_MS; } });
 const Textarea = ({ host, textareaRef, sendChatEvent, sendTextAreaText, }) => {
     const { webchatState, setIsInputFocused } = (0, react_1.useContext)(context_1.WebchatContext);
+    // UI layer: decides when the user is typing. Network dedup lives in sendChatEvent.
+    const { stopTyping, onTextChange } = (0, use_typing_session_1.useTypingSession)(sendChatEvent);
     (0, hooks_1.useDeviceAdapter)(host, webchatState.isWebchatOpen);
-    let isTyping = false;
-    let typingTimeout = null;
     const persistentMenuOptions = webchatState.theme.userInput?.persistentMenu;
     const placeholder = webchatState.theme.userInput?.box?.placeholder;
     const userInputBoxStyle = webchatState.theme.userInput?.box?.style;
-    const onKeyDown = event => {
-        if (event.keyCode === 13 && event.shiftKey === false) {
+    const onKeyDown = async (event) => {
+        if (event.key === 'Enter' && !event.shiftKey) {
             event.preventDefault();
-            sendTextAreaText();
-            stopTyping();
+            // Run in parallel: stop typing must not wait for sendTextAreaText to finish.
+            await Promise.all([stopTyping(), sendTextAreaText()]);
         }
     };
-    const onKeyUp = () => {
-        if (!textareaRef.current) {
-            return;
-        }
-        if (textareaRef.current.value === '') {
-            stopTyping();
-            return;
-        }
-        if (!isTyping) {
-            startTyping();
-        }
-        clearTimeoutWithReset(true);
-    };
-    const clearTimeoutWithReset = (reset) => {
-        const waitTime = 20 * 1000;
-        if (typingTimeout) {
-            clearTimeout(typingTimeout);
-        }
-        if (reset) {
-            typingTimeout = setTimeout(stopTyping, waitTime);
-        }
-    };
-    const startTyping = () => {
-        isTyping = true;
-        sendChatEvent(index_types_1.Typing.On);
-    };
-    const stopTyping = () => {
-        clearTimeoutWithReset(false);
-        isTyping = false;
-        sendChatEvent(index_types_1.Typing.Off);
-    };
-    const handleFocus = () => {
-        setIsInputFocused(true);
-    };
-    const handleBlur = () => {
-        setIsInputFocused(false);
-    };
     return ((0, jsx_runtime_1.jsx)(styles_1.TextAreaContainer, { children: (0, jsx_runtime_1.jsx)(react_textarea_autosize_1.default, { ref: (ref) => {
                 textareaRef.current = ref;
-            }, onFocus: handleFocus, onBlur: handleBlur, name: 'text', maxRows: 4, wrap: 'soft', maxLength: 1000, placeholder: placeholder, autoFocus: false, onKeyDown: e => onKeyDown(e), onKeyUp: onKeyUp, style: {
+            }, onFocus: () => setIsInputFocused(true), onBlur: async () => {
+                setIsInputFocused(false);
+                await stopTyping();
+            }, onChange: async (event) => {
+                await onTextChange(event.target.value);
+            }, name: 'text', maxRows: 4, wrap: 'soft', maxLength: 1000, placeholder: placeholder, autoFocus: false, onKeyDown: onKeyDown, style: {
                 display: 'flex',
                 fontSize: 16,
                 width: '100%',

package/lib/cjs/webchat/input-panel/textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/textarea.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/textarea.tsx"],"names":[],"mappings":";;;;;AACA,iCAAkC;AAClC,8FAAsD;AAEtD,mDAAsD;AACtD,oCAA2C;AAC3C,qCAA4C;AAE5C,6DAAuD;AASvD,2DAAqD;AAA5C,oHAAA,cAAc,OAAA;AAEhB,MAAM,QAAQ,GAAG,CAAC,EACvB,IAAI,EACJ,WAAW,EACX,aAAa,EACb,gBAAgB,GACF,EAAE,EAAE;IAClB,MAAM,EAAE,YAAY,EAAE,iBAAiB,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IACtE,mFAAmF;IACnF,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,IAAA,qCAAgB,EAAC,aAAa,CAAC,CAAA;IAEpE,IAAA,wBAAgB,EAAC,IAAI,EAAE,YAAY,CAAC,aAAa,CAAC,CAAA;IAElD,MAAM,qBAAqB,GAAG,YAAY,CAAC,KAAK,CAAC,SAAS,EAAE,cAAc,CAAA;IAC1E,MAAM,WAAW,GAAG,YAAY,CAAC,KAAK,CAAC,SAAS,EAAE,GAAG,EAAE,WAAW,CAAA;IAClE,MAAM,iBAAiB,GAAG,YAAY,CAAC,KAAK,CAAC,SAAS,EAAE,GAAG,EAAE,KAAK,CAAA;IAElE,MAAM,SAAS,GAAG,KAAK,EAAC,KAAK,EAAC,EAAE;QAC9B,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YAC7C,KAAK,CAAC,cAAc,EAAE,CAAA;YACtB,6EAA6E;YAC7E,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAA;QACvD,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,uBAAC,0BAAiB,cAChB,uBAAC,iCAAgB,IACf,GAAG,EAAE,CAAC,GAAwB,EAAE,EAAE;gBAChC,WAAW,CAAC,OAAO,GAAG,GAAG,CAAA;YAC3B,CAAC,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,IAAI,CAAC,EACtC,MAAM,EAAE,KAAK,IAAI,EAAE;gBACjB,iBAAiB,CAAC,KAAK,CAAC,CAAA;gBACxB,MAAM,UAAU,EAAE,CAAA;YACpB,CAAC,EACD,QAAQ,EAAE,KAAK,EAAC,KAAK,EAAC,EAAE;gBACtB,MAAM,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;YACxC,CAAC,EACD,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,CAAC,EACV,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,IAAI,EACf,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,KAAK,EAChB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE;gBACL,OAAO,EAAE,MAAM;gBACf,QAAQ,EAAE,EAAE;gBACZ,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,MAAM,EAAE,MAAM;gBACd,QAAQ,EAAE,MAAM;gBAChB,OAAO,EAAE,MAAM;gBACf,IAAI,EAAE,UAAU;gBAChB,OAAO,EAAE,EAAE;gBACX,WAAW,EAAE,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;gBAC3C,UAAU,EAAE,SAAS;gBACrB,GAAG,iBAAiB;aACrB,GACD,GACgB,CACrB,CAAA;AACH,CAAC,CAAA;AA9DY,QAAA,QAAQ,YA8DpB"}

package/lib/cjs/webchat/input-panel/typing-network-sender.d.ts

@@ -0,0 +1,52 @@
+import type { Session as CoreSession } from '@botonic/core';
+import { INPUT } from '@botonic/core';
+import { Typing } from '../../index-types';
+/** Network debounce before `typing_off` is sent after a stop signal. */
+export declare const TYPING_OFF_DEBOUNCE_MS = 2000;
+export type TypingChatEvent = Typing.On | Typing.Off;
+/** `true` when `typing_on` was delivered to the server. */
+export type TypingOnSendResult = boolean;
+/** `true` when `typing_off` was scheduled; delivery happens after debounce. */
+export type TypingOffSendResult = boolean;
+export interface ChatEventContext {
+    session: Partial<CoreSession>;
+    lastRoutePath?: string;
+}
+export type SendToServer = (chatEvent: TypingChatEvent, context: ChatEventContext) => Promise<boolean>;
+export declare function buildChatEventPayload(chatEvent: TypingChatEvent, { session, lastRoutePath }: ChatEventContext): {
+    user: import("@botonic/core").SessionUser<any> | undefined;
+    input: {
+        id: string;
+        type: INPUT;
+        data: TypingChatEvent;
+    };
+    session: Partial<CoreSession<any>>;
+    lastRoutePath: string | undefined;
+};
+/**
+ * Network-layer sender for typing_on / typing_off.
+ *
+ * Guarantees at most one typing_on per session, debounced typing_off,
+ * and matching session context between on/off pairs.
+ */
+export declare class TypingNetworkSender {
+    private readonly getContext;
+    private readonly sendToServer;
+    private disposed;
+    private isTypingOnServer;
+    private activeContext;
+    private pendingOffTimer;
+    private pendingTypingOn;
+    constructor(getContext: () => ChatEventContext, sendToServer: SendToServer);
+    /**
+     * For `Typing.On`, returns whether the event was delivered.
+     * For `Typing.Off`, returns whether the stop was scheduled.
+     */
+    send(chatEvent: TypingChatEvent): Promise<TypingOnSendResult | TypingOffSendResult>;
+    private sendTypingOffBestEffort;
+    dispose(): void;
+    private userStartedTyping;
+    private userStoppedTyping;
+    private resetTypingState;
+    private cancelPendingOff;
+}

package/lib/cjs/webchat/input-panel/typing-network-sender.js

@@ -0,0 +1,122 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TypingNetworkSender = exports.TYPING_OFF_DEBOUNCE_MS = void 0;
+exports.buildChatEventPayload = buildChatEventPayload;
+const core_1 = require("@botonic/core");
+const uuid_1 = require("uuid");
+const index_types_1 = require("../../index-types");
+/** Network debounce before `typing_off` is sent after a stop signal. */
+exports.TYPING_OFF_DEBOUNCE_MS = 2000;
+function buildChatEventPayload(chatEvent, { session, lastRoutePath }) {
+    return {
+        user: session.user,
+        input: {
+            id: (0, uuid_1.v7)(),
+            type: core_1.INPUT.CHAT_EVENT,
+            data: chatEvent,
+        },
+        session,
+        lastRoutePath,
+    };
+}
+/**
+ * Network-layer sender for typing_on / typing_off.
+ *
+ * Guarantees at most one typing_on per session, debounced typing_off,
+ * and matching session context between on/off pairs.
+ */
+class TypingNetworkSender {
+    constructor(getContext, sendToServer) {
+        this.getContext = getContext;
+        this.sendToServer = sendToServer;
+        this.disposed = false;
+        this.isTypingOnServer = false;
+        // Snapshot of session/route captured when typing_on was delivered.
+        this.activeContext = null;
+        this.pendingOffTimer = null;
+        this.pendingTypingOn = null;
+    }
+    /**
+     * For `Typing.On`, returns whether the event was delivered.
+     * For `Typing.Off`, returns whether the stop was scheduled.
+     */
+    async send(chatEvent) {
+        if (chatEvent === index_types_1.Typing.On) {
+            return this.userStartedTyping();
+        }
+        return this.userStoppedTyping();
+    }
+    sendTypingOffBestEffort(context) {
+        return this.sendToServer(index_types_1.Typing.Off, context).catch(() => { });
+    }
+    dispose() {
+        this.disposed = true;
+        this.cancelPendingOff();
+        if (!this.isTypingOnServer || !this.activeContext) {
+            return;
+        }
+        // Unmount should not leave the server thinking the user is still typing.
+        const context = this.activeContext;
+        this.resetTypingState();
+        this.sendTypingOffBestEffort(context);
+    }
+    async userStartedTyping() {
+        if (this.pendingTypingOn) {
+            return this.pendingTypingOn;
+        }
+        // User resumed typing before the debounced typing_off was sent.
+        this.cancelPendingOff();
+        if (this.isTypingOnServer) {
+            return true;
+        }
+        this.pendingTypingOn = (async () => {
+            const context = this.getContext();
+            try {
+                const delivered = await this.sendToServer(index_types_1.Typing.On, context);
+                if (this.disposed) {
+                    // typing_on resolved after unmount: immediately balance with typing_off.
+                    if (delivered) {
+                        this.sendTypingOffBestEffort(context);
+                    }
+                    return false;
+                }
+                if (delivered) {
+                    this.isTypingOnServer = true;
+                    this.activeContext = context;
+                }
+                return delivered;
+            }
+            finally {
+                this.pendingTypingOn = null;
+            }
+        })();
+        return this.pendingTypingOn;
+    }
+    userStoppedTyping() {
+        if (!this.isTypingOnServer || !this.activeContext) {
+            return Promise.resolve(false);
+        }
+        this.cancelPendingOff();
+        const context = this.activeContext;
+        // Coalesce blur + clear + send into a single typing_off.
+        this.pendingOffTimer = setTimeout(() => {
+            this.pendingOffTimer = null;
+            this.resetTypingState();
+            this.sendTypingOffBestEffort(context);
+        }, exports.TYPING_OFF_DEBOUNCE_MS);
+        return Promise.resolve(true);
+    }
+    resetTypingState() {
+        this.isTypingOnServer = false;
+        this.activeContext = null;
+    }
+    cancelPendingOff() {
+        if (!this.pendingOffTimer) {
+            return;
+        }
+        clearTimeout(this.pendingOffTimer);
+        this.pendingOffTimer = null;
+    }
+}
+exports.TypingNetworkSender = TypingNetworkSender;
+//# sourceMappingURL=typing-network-sender.js.map

package/lib/cjs/webchat/input-panel/typing-network-sender.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typing-network-sender.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/typing-network-sender.ts"],"names":[],"mappings":"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"}

package/lib/cjs/webchat/input-panel/use-typing-chat-event-sender.d.ts

@@ -0,0 +1,16 @@
+import type { Session as CoreSession } from '@botonic/core';
+import { buildChatEventPayload, type TypingChatEvent } from './typing-network-sender';
+export type TypingChatEventPayload = ReturnType<typeof buildChatEventPayload>;
+interface UseTypingChatEventSenderArgs {
+    onUserInput?: (args: TypingChatEventPayload) => Promise<void>;
+    session: Partial<CoreSession>;
+    lastRoutePath?: string;
+}
+/**
+ * React bridge from Textarea to TypingNetworkSender.
+ *
+ * Keeps one sender instance per input panel and forwards typing events
+ * to onUserInput with the current session context.
+ */
+export declare function useTypingChatEventSender({ onUserInput, session, lastRoutePath, }: UseTypingChatEventSenderArgs): (chatEvent: TypingChatEvent) => Promise<boolean>;
+export {};

package/lib/cjs/webchat/input-panel/use-typing-chat-event-sender.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTypingChatEventSender = useTypingChatEventSender;
+const react_1 = require("react");
+const typing_network_sender_1 = require("./typing-network-sender");
+/**
+ * React bridge from Textarea to TypingNetworkSender.
+ *
+ * Keeps one sender instance per input panel and forwards typing events
+ * to onUserInput with the current session context.
+ */
+function useTypingChatEventSender({ onUserInput, session, lastRoutePath, }) {
+    // Always read the latest handler/session without recreating the sender.
+    const contextRef = (0, react_1.useRef)({ onUserInput, session, lastRoutePath });
+    const typingSenderRef = (0, react_1.useRef)(null);
+    contextRef.current = { onUserInput, session, lastRoutePath };
+    if (!typingSenderRef.current) {
+        typingSenderRef.current = new typing_network_sender_1.TypingNetworkSender(() => ({
+            session: contextRef.current.session,
+            lastRoutePath: contextRef.current.lastRoutePath,
+        }), async (chatEvent, context) => {
+            const handler = contextRef.current.onUserInput;
+            if (!handler) {
+                return false;
+            }
+            try {
+                await handler((0, typing_network_sender_1.buildChatEventPayload)(chatEvent, context));
+                return true;
+            }
+            catch {
+                // Let the UI retry on the next keystroke.
+                return false;
+            }
+        });
+    }
+    (0, react_1.useEffect)(() => {
+        return () => {
+            typingSenderRef.current?.dispose();
+        };
+    }, []);
+    return (0, react_1.useCallback)(async (chatEvent) => {
+        return (await typingSenderRef.current?.send(chatEvent)) ?? false;
+    }, []);
+}
+//# sourceMappingURL=use-typing-chat-event-sender.js.map

package/lib/cjs/webchat/input-panel/use-typing-chat-event-sender.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-typing-chat-event-sender.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/use-typing-chat-event-sender.ts"],"names":[],"mappings":";;AAsBA,4DA4CC;AAjED,iCAAsD;AACtD,mEAIgC;AAUhC;;;;;GAKG;AACH,SAAgB,wBAAwB,CAAC,EACvC,WAAW,EACX,OAAO,EACP,aAAa,GACgB;IAC7B,wEAAwE;IACxE,MAAM,UAAU,GAAG,IAAA,cAAM,EAAC,EAAE,WAAW,EAAE,OAAO,EAAE,aAAa,EAAE,CAAC,CAAA;IAClE,MAAM,eAAe,GAAG,IAAA,cAAM,EAA6B,IAAI,CAAC,CAAA;IAEhE,UAAU,CAAC,OAAO,GAAG,EAAE,WAAW,EAAE,OAAO,EAAE,aAAa,EAAE,CAAA;IAE5D,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,CAAC;QAC7B,eAAe,CAAC,OAAO,GAAG,IAAI,2CAAmB,CAC/C,GAAG,EAAE,CAAC,CAAC;YACL,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,OAAO;YACnC,aAAa,EAAE,UAAU,CAAC,OAAO,CAAC,aAAa;SAChD,CAAC,EACF,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE;YAC3B,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,WAAW,CAAA;YAE9C,IAAI,CAAC,OAAO,EAAE,CAAC;gBACb,OAAO,KAAK,CAAA;YACd,CAAC;YAED,IAAI,CAAC;gBACH,MAAM,OAAO,CAAC,IAAA,6CAAqB,EAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAA;gBACxD,OAAO,IAAI,CAAA;YACb,CAAC;YAAC,MAAM,CAAC;gBACP,0CAA0C;gBAC1C,OAAO,KAAK,CAAA;YACd,CAAC;QACH,CAAC,CACF,CAAA;IACH,CAAC;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,eAAe,CAAC,OAAO,EAAE,OAAO,EAAE,CAAA;QACpC,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,IAAA,mBAAW,EAAC,KAAK,EAAE,SAA0B,EAAoB,EAAE;QACxE,OAAO,CAAC,MAAM,eAAe,CAAC,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,KAAK,CAAA;IAClE,CAAC,EAAE,EAAE,CAAC,CAAA;AACR,CAAC"}

package/lib/cjs/webchat/input-panel/use-typing-session.d.ts

@@ -0,0 +1,15 @@
+import type { TypingChatEvent } from './typing-network-sender';
+/** Local UI inactivity before the textarea stops emitting typing events. */
+export declare const TYPING_IDLE_MS: number;
+type SendTypingEvent = (event: TypingChatEvent) => Promise<boolean>;
+/**
+ * UI-layer typing session for the textarea.
+ *
+ * Decides *when* the user is typing and requests typing_on / typing_off.
+ * Deduplication and network debouncing live in TypingNetworkSender instead.
+ */
+export declare function useTypingSession(sendChatEvent: SendTypingEvent): {
+    stopTyping: () => Promise<void>;
+    onTextChange: (value: string) => Promise<void>;
+};
+export {};

package/lib/cjs/webchat/input-panel/use-typing-session.js

@@ -0,0 +1,98 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TYPING_IDLE_MS = void 0;
+exports.useTypingSession = useTypingSession;
+const react_1 = require("react");
+const index_types_1 = require("../../index-types");
+/** Local UI inactivity before the textarea stops emitting typing events. */
+exports.TYPING_IDLE_MS = 10 * 1000;
+/**
+ * UI-layer typing session for the textarea.
+ *
+ * Decides *when* the user is typing and requests typing_on / typing_off.
+ * Deduplication and network debouncing live in TypingNetworkSender instead.
+ */
+function useTypingSession(sendChatEvent) {
+    const isTyping = (0, react_1.useRef)(false);
+    // Bumps on each start/stop so stale async stopTyping() calls can be ignored.
+    const startOrStopTypingCount = (0, react_1.useRef)(0);
+    const idleTimer = (0, react_1.useRef)(null);
+    // Shares one in-flight typing_on while delivery is still pending.
+    const pendingTypingOn = (0, react_1.useRef)(null);
+    const stopTyping = (0, react_1.useCallback)(async () => {
+        const countWhenStopWasRequested = ++startOrStopTypingCount.current;
+        if (idleTimer.current) {
+            clearTimeout(idleTimer.current);
+            idleTimer.current = null;
+        }
+        // Wait for typing_on to settle before deciding whether to send typing_off.
+        if (pendingTypingOn.current) {
+            await pendingTypingOn.current;
+        }
+        // Let same-turn input events (e.g. Enter then type next message) bump the counter first.
+        await Promise.resolve();
+        if (countWhenStopWasRequested !== startOrStopTypingCount.current) {
+            return;
+        }
+        if (!isTyping.current) {
+            return;
+        }
+        isTyping.current = false;
+        await sendChatEvent(index_types_1.Typing.Off);
+    }, [sendChatEvent]);
+    const startTyping = (0, react_1.useCallback)(async () => {
+        if (isTyping.current) {
+            return true;
+        }
+        if (pendingTypingOn.current) {
+            return pendingTypingOn.current;
+        }
+        pendingTypingOn.current = (async () => {
+            try {
+                const accepted = await sendChatEvent(index_types_1.Typing.On);
+                // Only mark active after the network layer confirms delivery.
+                if (accepted) {
+                    isTyping.current = true;
+                }
+                return accepted;
+            }
+            finally {
+                pendingTypingOn.current = null;
+            }
+        })();
+        return pendingTypingOn.current;
+    }, [sendChatEvent]);
+    const onTextChange = (0, react_1.useCallback)(async (value) => {
+        if (value === '') {
+            await stopTyping();
+            return;
+        }
+        const countWhenUserTyped = ++startOrStopTypingCount.current;
+        await startTyping();
+        if (countWhenUserTyped !== startOrStopTypingCount.current) {
+            return;
+        }
+        if (!isTyping.current) {
+            return;
+        }
+        // Reset the idle timer on every keystroke.
+        if (idleTimer.current) {
+            clearTimeout(idleTimer.current);
+        }
+        idleTimer.current = setTimeout(() => {
+            stopTyping().catch(() => { });
+        }, exports.TYPING_IDLE_MS);
+    }, [startTyping, stopTyping]);
+    const stopTypingRef = (0, react_1.useRef)(stopTyping);
+    stopTypingRef.current = stopTyping;
+    (0, react_1.useEffect)(() => {
+        return () => {
+            if (idleTimer.current) {
+                clearTimeout(idleTimer.current);
+            }
+            stopTypingRef.current().catch(() => { });
+        };
+    }, []);
+    return { stopTyping, onTextChange };
+}
+//# sourceMappingURL=use-typing-session.js.map

package/lib/cjs/webchat/input-panel/use-typing-session.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-typing-session.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/use-typing-session.ts"],"names":[],"mappings":"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"}

package/lib/cjs/webchat/tracking.d.ts

@@ -1,15 +1,5 @@
 import type { EventCustom, EventFeedback } from '@botonic/core';
-export declare enum EventAction {
-    FeedbackKnowledgebase = "feedback_knowledgebase"
-}
-interface TrackKnowledgebaseFeedbackArgs {
-    messageId: string;
-    isUseful: boolean;
-    botInteractionId?: string;
-    inferenceId?: string;
-}
 interface UseTracking {
-    trackKnowledgebaseFeedback: ({ messageId, isUseful, botInteractionId, inferenceId, }: TrackKnowledgebaseFeedbackArgs) => Promise<void>;
     trackCustomEvent: (event: EventCustom) => Promise<void>;
     trackFeedbackEvent: (event: EventFeedback) => Promise<void>;
 }