@botonic/react 0.56.0-alpha.0 → 0.57.0-rslib-esm.0

package/lib/esm/webchat/input-panel/send-button.js

@@ -1,25 +1,46 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SendButton = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-/** biome-ignore-all lint/a11y/noStaticElementInteractions: we need to use static elements for the send button */
-/** biome-ignore-all lint/a11y/useKeyWithClickEvents: we need to use key with click events for the send button */
-const react_1 = require("react");
-const send_button_svg_1 = tslib_1.__importDefault(require("../../assets/send-button.svg"));
-const constants_1 = require("../../constants");
-const context_1 = require("../../webchat/context");
-const common_1 = require("../components/common");
-const conditional_animation_1 = require("../components/conditional-animation");
-const SendButton = ({ onClick }) => {
-    const { webchatState } = (0, react_1.useContext)(context_1.WebchatContext);
+import { Fragment, jsx } from "react/jsx-runtime";
+import { useContext } from "react";
+import send_button from "../../assets/send-button.svg";
+import { ROLES } from "../../constants.js";
+import { WebchatContext } from "../context/index.js";
+import { Icon } from "../components/common.js";
+import { ConditionalAnimation } from "../components/conditional-animation.js";
+
+
+
+
+
+
+
+
+
+/** biome-ignore-all lint/a11y/noStaticElementInteractions: we need to use static elements for the send button */ /** biome-ignore-all lint/a11y/useKeyWithClickEvents: we need to use key with click events for the send button */ 
+
+
+
+
+
+const SendButton = ({ onClick })=>{
+    const { webchatState } = useContext(WebchatContext);
     const CustomSendButton = webchatState.theme.userInput?.sendButton?.custom;
-    const isSendButtonEnabled = () => {
+    const isSendButtonEnabled = ()=>{
         const hasCustomSendButton = !!CustomSendButton;
-        return (webchatState.theme.userInput?.sendButton?.enable ?? hasCustomSendButton);
+        return webchatState.theme.userInput?.sendButton?.enable ?? hasCustomSendButton;
     };
     const sendButtonEnabled = isSendButtonEnabled();
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: sendButtonEnabled ? ((0, jsx_runtime_1.jsx)(conditional_animation_1.ConditionalAnimation, { children: (0, jsx_runtime_1.jsx)("div", { onClick: onClick, role: constants_1.ROLES.SEND_BUTTON_ICON, children: CustomSendButton ? ((0, jsx_runtime_1.jsx)(CustomSendButton, {})) : ((0, jsx_runtime_1.jsx)(common_1.Icon, { src: send_button_svg_1.default })) }) })) : null }));
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: sendButtonEnabled ? /*#__PURE__*/ jsx(ConditionalAnimation, {
+            children: /*#__PURE__*/ jsx("div", {
+                onClick: onClick,
+                role: ROLES.SEND_BUTTON_ICON,
+                children: CustomSendButton ? /*#__PURE__*/ jsx(CustomSendButton, {}) : /*#__PURE__*/ jsx(Icon, {
+                    src: send_button
+                })
+            })
+        }) : null
+    });
 };
-exports.SendButton = SendButton;
+
+export { SendButton };
+
 //# sourceMappingURL=send-button.js.map

package/lib/esm/webchat/input-panel/send-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"send-button.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/send-button.tsx"],"names":[],"mappings":";;;;;AAAA,iHAAiH;AACjH,iHAAiH;AACjH,iCAAkC;AAElC,2FAAyD;AACzD,+CAAuC;AACvC,mDAAsD;AACtD,iDAA2C;AAC3C,+EAA0E;AAMnE,MAAM,UAAU,GAAG,CAAC,EAAE,OAAO,EAAmB,EAAE,EAAE;IACzD,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAEnD,MAAM,gBAAgB,GAAG,YAAY,CAAC,KAAK,CAAC,SAAS,EAAE,UAAU,EAAE,MAAM,CAAA;IAEzE,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,MAAM,mBAAmB,GAAG,CAAC,CAAC,gBAAgB,CAAA;QAC9C,OAAO,CACL,YAAY,CAAC,KAAK,CAAC,SAAS,EAAE,UAAU,EAAE,MAAM,IAAI,mBAAmB,CACxE,CAAA;IACH,CAAC,CAAA;IACD,MAAM,iBAAiB,GAAG,mBAAmB,EAAE,CAAA;IAE/C,OAAO,CACL,2DACG,iBAAiB,CAAC,CAAC,CAAC,CACnB,uBAAC,4CAAoB,cACnB,gCAAK,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,iBAAK,CAAC,gBAAgB,YAChD,gBAAgB,CAAC,CAAC,CAAC,CAClB,uBAAC,gBAAgB,KAAG,CACrB,CAAC,CAAC,CAAC,CACF,uBAAC,aAAI,IAAC,GAAG,EAAE,yBAAc,GAAI,CAC9B,GACG,GACe,CACxB,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA;AA5BY,QAAA,UAAU,cA4BtB"}
+{"version":3,"file":"webchat/input-panel/send-button.js","sources":["../../../../src/webchat/input-panel/send-button.tsx"],"sourcesContent":["/** biome-ignore-all lint/a11y/noStaticElementInteractions: we need to use static elements for the send button */\n/** biome-ignore-all lint/a11y/useKeyWithClickEvents: we need to use key with click events for the send button */\nimport { useContext } from 'react'\n\nimport SendButtonIcon from '../../assets/send-button.svg'\nimport { ROLES } from '../../constants'\nimport { WebchatContext } from '../../webchat/context'\nimport { Icon } from '../components/common'\nimport { ConditionalAnimation } from '../components/conditional-animation'\n\ninterface SendButtonProps {\n  onClick: () => Promise<void>\n}\n\nexport const SendButton = ({ onClick }: SendButtonProps) => {\n  const { webchatState } = useContext(WebchatContext)\n\n  const CustomSendButton = webchatState.theme.userInput?.sendButton?.custom\n\n  const isSendButtonEnabled = () => {\n    const hasCustomSendButton = !!CustomSendButton\n    return (\n      webchatState.theme.userInput?.sendButton?.enable ?? hasCustomSendButton\n    )\n  }\n  const sendButtonEnabled = isSendButtonEnabled()\n\n  return (\n    <>\n      {sendButtonEnabled ? (\n        <ConditionalAnimation>\n          <div onClick={onClick} role={ROLES.SEND_BUTTON_ICON}>\n            {CustomSendButton ? (\n              <CustomSendButton />\n            ) : (\n              <Icon src={SendButtonIcon} />\n            )}\n          </div>\n        </ConditionalAnimation>\n      ) : null}\n    </>\n  )\n}\n"],"names":["useContext","SendButtonIcon","ROLES","WebchatContext","Icon","ConditionalAnimation","SendButton","onClick","webchatState","CustomSendButton","isSendButtonEnabled","hasCustomSendButton","sendButtonEnabled"],"mappings":";;;;;;;;;;;;;;;;AAAA,+GAA+G,GAC/G,+GAA+G,GAC7E;AAEuB;AAClB;AACe;AACX;AAC+B;AAMnE,MAAMM,UAAUA,GAAG,CAAC,EAAEC,OAAO,EAAmB;IACrD,MAAM,EAAEC,YAAY,EAAE,GAAGR,UAAUA,CAACG,cAAcA;IAElD,MAAMM,mBAAmBD,aAAa,KAAK,CAAC,SAAS,EAAE,YAAY;IAEnE,MAAME,sBAAsB;QAC1B,MAAMC,sBAAsB,CAAC,CAACF;QAC9B,OACED,aAAa,KAAK,CAAC,SAAS,EAAE,YAAY,UAAUG;IAExD;IACA,MAAMC,oBAAoBF;IAE1B,qBACE;kBACGE,kCACC,IAACP,oBAAoBA;sBACnB,kBAAC;gBAAI,SAASE;gBAAS,MAAML,sBAAsB;0BAChDO,iCACC,IAACA,sCAED,IAACL,IAAIA;oBAAC,KAAKH,WAAcA;;;aAI7B;;AAGV,EAAC"}

package/lib/esm/webchat/input-panel/styles.js

@@ -1,10 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OpenedEmojiPickerContainer = exports.TextAreaContainer = exports.UserInputContainer = void 0;
-const tslib_1 = require("tslib");
-const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-const constants_1 = require("../../constants");
-exports.UserInputContainer = styled_components_1.default.div `
+import styled_components from "styled-components";
+import { COLORS } from "../../constants.js";
+
+
+
+
+
+const UserInputContainer = styled_components.div`
   min-height: 52px;
   position: relative;
   display: flex;
@@ -13,19 +14,22 @@ exports.UserInputContainer = styled_components_1.default.div `
   gap: 16px;
   padding: 0px 16px;
   z-index: 1;
-  border-top: 1px solid ${constants_1.COLORS.SOLID_BLACK_ALPHA_0_5};
+  border-top: 1px solid ${COLORS.SOLID_BLACK_ALPHA_0_5};
 `;
-exports.TextAreaContainer = styled_components_1.default.div `
+const TextAreaContainer = styled_components.div`
   display: flex;
   flex: 1 1 auto;
   align-items: center;
   padding: 5px 0px;
 `;
-exports.OpenedEmojiPickerContainer = styled_components_1.default.div `
+const OpenedEmojiPickerContainer = styled_components.div`
   display: flex;
   justify-content: flex-end;
   position: absolute;
   right: 3px;
   top: -324px;
 `;
+
+export { OpenedEmojiPickerContainer, TextAreaContainer, UserInputContainer };
+
 //# sourceMappingURL=styles.js.map

package/lib/esm/webchat/input-panel/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/styles.ts"],"names":[],"mappings":";;;;AAAA,kFAAsC;AAEtC,+CAAwC;AAE3B,QAAA,kBAAkB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;0BASlB,kBAAM,CAAC,qBAAqB;CACrD,CAAA;AAEY,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;CAK1C,CAAA;AAEY,QAAA,0BAA0B,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;CAMnD,CAAA"}
+{"version":3,"file":"webchat/input-panel/styles.js","sources":["../../../../src/webchat/input-panel/styles.ts"],"sourcesContent":["import styled from 'styled-components'\n\nimport { COLORS } from '../../constants'\n\nexport const UserInputContainer = styled.div`\n  min-height: 52px;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  gap: 16px;\n  padding: 0px 16px;\n  z-index: 1;\n  border-top: 1px solid ${COLORS.SOLID_BLACK_ALPHA_0_5};\n`\n\nexport const TextAreaContainer = styled.div`\n  display: flex;\n  flex: 1 1 auto;\n  align-items: center;\n  padding: 5px 0px;\n`\n\nexport const OpenedEmojiPickerContainer = styled.div`\n  display: flex;\n  justify-content: flex-end;\n  position: absolute;\n  right: 3px;\n  top: -324px;\n`\n"],"names":["styled","COLORS","UserInputContainer","TextAreaContainer","OpenedEmojiPickerContainer"],"mappings":";;;;;AAAsC;AAEE;AAEjC,MAAME,kBAAkBA,GAAGF,qBAAU,CAAC;;;;;;;;;wBASrB,EAAEC,4BAA4B,CAAC;AACvD,CAAC;AAEM,MAAME,iBAAiBA,GAAGH,qBAAU,CAAC;;;;;AAK5C,CAAC;AAEM,MAAMI,0BAA0BA,GAAGJ,qBAAU,CAAC;;;;;;AAMrD,CAAC"}

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

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

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

@@ -1,39 +1,65 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-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 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);
+import { jsx } from "react/jsx-runtime";
+import { useContext } from "react";
+import react_textarea_autosize from "react-textarea-autosize";
+import { WebchatContext } from "../context/index.js";
+import { useDeviceAdapter } from "../hooks/index.js";
+import { TextAreaContainer } from "./styles.js";
+import { TYPING_IDLE_MS, useTypingSession } from "./use-typing-session.js";
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const Textarea = ({ host, textareaRef, sendChatEvent, sendTextAreaText })=>{
+    const { webchatState, setIsInputFocused } = useContext(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);
+    const { stopTyping, onTextChange } = useTypingSession(sendChatEvent);
+    useDeviceAdapter(host, webchatState.isWebchatOpen);
     const persistentMenuOptions = webchatState.theme.userInput?.persistentMenu;
     const placeholder = webchatState.theme.userInput?.box?.placeholder;
     const userInputBoxStyle = webchatState.theme.userInput?.box?.style;
-    const onKeyDown = async (event) => {
+    const onKeyDown = async (event)=>{
         if (event.key === 'Enter' && !event.shiftKey) {
             event.preventDefault();
             // Run in parallel: stop typing must not wait for sendTextAreaText to finish.
-            await Promise.all([stopTyping(), sendTextAreaText()]);
+            await Promise.all([
+                stopTyping(),
+                sendTextAreaText()
+            ]);
         }
     };
-    return ((0, jsx_runtime_1.jsx)(styles_1.TextAreaContainer, { children: (0, jsx_runtime_1.jsx)(react_textarea_autosize_1.default, { ref: (ref) => {
+    return /*#__PURE__*/ jsx(TextAreaContainer, {
+        children: /*#__PURE__*/ jsx(react_textarea_autosize, {
+            ref: (ref)=>{
                 textareaRef.current = ref;
-            }, onFocus: () => setIsInputFocused(true), onBlur: async () => {
+            },
+            onFocus: ()=>setIsInputFocused(true),
+            onBlur: async ()=>{
                 setIsInputFocused(false);
                 await stopTyping();
-            }, onChange: async (event) => {
+            },
+            onChange: async (event)=>{
                 await onTextChange(event.target.value);
-            }, name: 'text', maxRows: 4, wrap: 'soft', maxLength: 1000, placeholder: placeholder, autoFocus: false, onKeyDown: onKeyDown, style: {
+            },
+            name: "text",
+            maxRows: 4,
+            wrap: "soft",
+            maxLength: 1000,
+            placeholder: placeholder,
+            autoFocus: false,
+            onKeyDown: onKeyDown,
+            style: {
                 display: 'flex',
                 fontSize: 16,
                 width: '100%',
@@ -45,8 +71,12 @@ const Textarea = ({ host, textareaRef, sendChatEvent, sendTextAreaText, }) => {
                 padding: 10,
                 paddingLeft: persistentMenuOptions ? 0 : 10,
                 fontFamily: 'inherit',
-                ...userInputBoxStyle,
-            } }) }));
+                ...userInputBoxStyle
+            }
+        })
+    });
 };
-exports.Textarea = Textarea;
+
+export { TYPING_IDLE_MS, Textarea };
+
 //# sourceMappingURL=textarea.js.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"webchat/input-panel/textarea.js","sources":["../../../../src/webchat/input-panel/textarea.tsx"],"sourcesContent":["import type React from 'react'\nimport { useContext } from 'react'\nimport TextareaAutosize from 'react-textarea-autosize'\n\nimport { WebchatContext } from '../../webchat/context'\nimport { useDeviceAdapter } from '../hooks'\nimport { TextAreaContainer } from './styles'\nimport type { TypingChatEvent } from './typing-network-sender'\nimport { useTypingSession } from './use-typing-session'\n\ninterface TextareaProps {\n  host: HTMLElement\n  textareaRef: React.MutableRefObject<HTMLTextAreaElement | undefined>\n  sendChatEvent: (event: TypingChatEvent) => Promise<boolean>\n  sendTextAreaText: () => Promise<void>\n}\n\nexport { TYPING_IDLE_MS } from './use-typing-session'\n\nexport const Textarea = ({\n  host,\n  textareaRef,\n  sendChatEvent,\n  sendTextAreaText,\n}: TextareaProps) => {\n  const { webchatState, setIsInputFocused } = useContext(WebchatContext)\n  // UI layer: decides when the user is typing. Network dedup lives in sendChatEvent.\n  const { stopTyping, onTextChange } = useTypingSession(sendChatEvent)\n\n  useDeviceAdapter(host, webchatState.isWebchatOpen)\n\n  const persistentMenuOptions = webchatState.theme.userInput?.persistentMenu\n  const placeholder = webchatState.theme.userInput?.box?.placeholder\n  const userInputBoxStyle = webchatState.theme.userInput?.box?.style\n\n  const onKeyDown = async event => {\n    if (event.key === 'Enter' && !event.shiftKey) {\n      event.preventDefault()\n      // Run in parallel: stop typing must not wait for sendTextAreaText to finish.\n      await Promise.all([stopTyping(), sendTextAreaText()])\n    }\n  }\n\n  return (\n    <TextAreaContainer>\n      <TextareaAutosize\n        ref={(ref: HTMLTextAreaElement) => {\n          textareaRef.current = ref\n        }}\n        onFocus={() => setIsInputFocused(true)}\n        onBlur={async () => {\n          setIsInputFocused(false)\n          await stopTyping()\n        }}\n        onChange={async event => {\n          await onTextChange(event.target.value)\n        }}\n        name='text'\n        maxRows={4}\n        wrap='soft'\n        maxLength={1000}\n        placeholder={placeholder}\n        autoFocus={false}\n        onKeyDown={onKeyDown}\n        style={{\n          display: 'flex',\n          fontSize: 16,\n          width: '100%',\n          border: 'none',\n          resize: 'none',\n          overflow: 'auto',\n          outline: 'none',\n          flex: '1 1 auto',\n          padding: 10,\n          paddingLeft: persistentMenuOptions ? 0 : 10,\n          fontFamily: 'inherit',\n          ...userInputBoxStyle,\n        }}\n      />\n    </TextAreaContainer>\n  )\n}\n"],"names":["useContext","TextareaAutosize","WebchatContext","useDeviceAdapter","TextAreaContainer","useTypingSession","TYPING_IDLE_MS","Textarea","host","textareaRef","sendChatEvent","sendTextAreaText","webchatState","setIsInputFocused","stopTyping","onTextChange","persistentMenuOptions","placeholder","userInputBoxStyle","onKeyDown","event","Promise","ref"],"mappings":";;;;;;;;;;;;;;;;AACkC;AACoB;AAEA;AACX;AACC;AAEW;AASF;AAE9C,MAAMO,QAAQA,GAAG,CAAC,EACvBC,IAAI,EACJC,WAAW,EACXC,aAAa,EACbC,gBAAgB,EACF;IACd,MAAM,EAAEC,YAAY,EAAEC,iBAAiB,EAAE,GAAGb,UAAUA,CAACE,cAAcA;IACrE,mFAAmF;IACnF,MAAM,EAAEY,UAAU,EAAEC,YAAY,EAAE,GAAGV,gBAAgBA,CAACK;IAEtDP,gBAAgBA,CAACK,MAAMI,aAAa,aAAa;IAEjD,MAAMI,wBAAwBJ,aAAa,KAAK,CAAC,SAAS,EAAE;IAC5D,MAAMK,cAAcL,aAAa,KAAK,CAAC,SAAS,EAAE,KAAK;IACvD,MAAMM,oBAAoBN,aAAa,KAAK,CAAC,SAAS,EAAE,KAAK;IAE7D,MAAMO,YAAY,OAAMC;QACtB,IAAIA,MAAM,GAAG,KAAK,WAAW,CAACA,MAAM,QAAQ,EAAE;YAC5CA,MAAM,cAAc;YACpB,6EAA6E;YAC7E,MAAMC,QAAQ,GAAG,CAAC;gBAACP;gBAAcH;aAAmB;QACtD;IACF;IAEA,qBACE,IAACP,iBAAiBA;kBAChB,kBAACH,uBAAgBA;YACf,KAAK,CAACqB;gBACJb,YAAY,OAAO,GAAGa;YACxB;YACA,SAAS,IAAMT,kBAAkB;YACjC,QAAQ;gBACNA,kBAAkB;gBAClB,MAAMC;YACR;YACA,UAAU,OAAMM;gBACd,MAAML,aAAaK,MAAM,MAAM,CAAC,KAAK;YACvC;YACA,MAAK;YACL,SAAS;YACT,MAAK;YACL,WAAW;YACX,aAAaH;YACb,WAAW;YACX,WAAWE;YACX,OAAO;gBACL,SAAS;gBACT,UAAU;gBACV,OAAO;gBACP,QAAQ;gBACR,QAAQ;gBACR,UAAU;gBACV,SAAS;gBACT,MAAM;gBACN,SAAS;gBACT,aAAaH,wBAAwB,IAAI;gBACzC,YAAY;gBACZ,GAAGE,iBAAiB;YACtB;;;AAIR,EAAC"}

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

@@ -1,6 +1,6 @@
 import type { Session as CoreSession } from '@botonic/core';
 import { INPUT } from '@botonic/core';
-import { Typing } from '../../index-types';
+import { Typing } from '../../index-types.js';
 /** 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;

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

@@ -1,22 +1,35 @@
-"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;
+import { INPUT } from "@botonic/core";
+import { v7 } from "uuid";
+import { Typing } from "../../index-types.js";
+
+
+
+
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else obj[key] = value;
+    return obj;
+}
+
+
+
+/** Network debounce before `typing_off` is sent after a stop signal. */ const 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,
+            id: v7(),
+            type: INPUT.CHAT_EVENT,
+            data: chatEvent
         },
         session,
-        lastRoutePath,
+        lastRoutePath
     };
 }
 /**
@@ -24,30 +37,18 @@ function buildChatEventPayload(chatEvent, { session, lastRoutePath }) {
  *
  * 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;
-    }
+ */ class TypingNetworkSender {
     /**
-     * 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) {
+   * For `Typing.On`, returns whether the event was delivered.
+   * For `Typing.Off`, returns whether the stop was scheduled.
+   */ async send(chatEvent) {
+        if (chatEvent === Typing.On) {
             return this.userStartedTyping();
         }
         return this.userStoppedTyping();
     }
     sendTypingOffBestEffort(context) {
-        return this.sendToServer(index_types_1.Typing.Off, context).catch(() => { });
+        return this.sendToServer(Typing.Off, context).catch(()=>{});
     }
     dispose() {
         this.disposed = true;
@@ -69,10 +70,10 @@ class TypingNetworkSender {
         if (this.isTypingOnServer) {
             return true;
         }
-        this.pendingTypingOn = (async () => {
+        this.pendingTypingOn = (async ()=>{
             const context = this.getContext();
             try {
-                const delivered = await this.sendToServer(index_types_1.Typing.On, context);
+                const delivered = await this.sendToServer(Typing.On, context);
                 if (this.disposed) {
                     // typing_on resolved after unmount: immediately balance with typing_off.
                     if (delivered) {
@@ -85,8 +86,7 @@ class TypingNetworkSender {
                     this.activeContext = context;
                 }
                 return delivered;
-            }
-            finally {
+            } finally{
                 this.pendingTypingOn = null;
             }
         })();
@@ -99,11 +99,11 @@ class TypingNetworkSender {
         this.cancelPendingOff();
         const context = this.activeContext;
         // Coalesce blur + clear + send into a single typing_off.
-        this.pendingOffTimer = setTimeout(() => {
+        this.pendingOffTimer = setTimeout(()=>{
             this.pendingOffTimer = null;
             this.resetTypingState();
             this.sendTypingOffBestEffort(context);
-        }, exports.TYPING_OFF_DEBOUNCE_MS);
+        }, TYPING_OFF_DEBOUNCE_MS);
         return Promise.resolve(true);
     }
     resetTypingState() {
@@ -117,6 +117,25 @@ class TypingNetworkSender {
         clearTimeout(this.pendingOffTimer);
         this.pendingOffTimer = null;
     }
+    constructor(getContext, sendToServer){
+        _define_property(this, "getContext", void 0);
+        _define_property(this, "sendToServer", void 0);
+        _define_property(this, "disposed", void 0);
+        _define_property(this, "isTypingOnServer", void 0);
+        // Snapshot of session/route captured when typing_on was delivered.
+        _define_property(this, "activeContext", void 0);
+        _define_property(this, "pendingOffTimer", void 0);
+        _define_property(this, "pendingTypingOn", void 0);
+        this.getContext = getContext;
+        this.sendToServer = sendToServer;
+        this.disposed = false;
+        this.isTypingOnServer = false;
+        this.activeContext = null;
+        this.pendingOffTimer = null;
+        this.pendingTypingOn = null;
+    }
 }
-exports.TypingNetworkSender = TypingNetworkSender;
+
+export { TYPING_OFF_DEBOUNCE_MS, TypingNetworkSender, buildChatEventPayload };
+
 //# sourceMappingURL=typing-network-sender.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"typing-network-sender.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/typing-network-sender.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"webchat/input-panel/typing-network-sender.js","sources":["../../../../src/webchat/input-panel/typing-network-sender.ts"],"sourcesContent":["import type { Session as CoreSession } from '@botonic/core'\nimport { INPUT } from '@botonic/core'\nimport { v7 as uuidv7 } from 'uuid'\n\nimport { Typing } from '../../index-types'\n\n/** Network debounce before `typing_off` is sent after a stop signal. */\nexport const TYPING_OFF_DEBOUNCE_MS = 2000\n\nexport type TypingChatEvent = Typing.On | Typing.Off\n\n/** `true` when `typing_on` was delivered to the server. */\nexport type TypingOnSendResult = boolean\n\n/** `true` when `typing_off` was scheduled; delivery happens after debounce. */\nexport type TypingOffSendResult = boolean\n\nexport interface ChatEventContext {\n  session: Partial<CoreSession>\n  lastRoutePath?: string\n}\n\nexport type SendToServer = (\n  chatEvent: TypingChatEvent,\n  context: ChatEventContext\n) => Promise<boolean>\n\nexport function buildChatEventPayload(\n  chatEvent: TypingChatEvent,\n  { session, lastRoutePath }: ChatEventContext\n) {\n  return {\n    user: session.user,\n    input: {\n      id: uuidv7(),\n      type: INPUT.CHAT_EVENT,\n      data: chatEvent,\n    },\n    session,\n    lastRoutePath,\n  }\n}\n\n/**\n * Network-layer sender for typing_on / typing_off.\n *\n * Guarantees at most one typing_on per session, debounced typing_off,\n * and matching session context between on/off pairs.\n */\nexport class TypingNetworkSender {\n  private disposed = false\n  private isTypingOnServer = false\n  // Snapshot of session/route captured when typing_on was delivered.\n  private activeContext: ChatEventContext | null = null\n  private pendingOffTimer: ReturnType<typeof setTimeout> | null = null\n  private pendingTypingOn: Promise<TypingOnSendResult> | null = null\n\n  constructor(\n    private readonly getContext: () => ChatEventContext,\n    private readonly sendToServer: SendToServer\n  ) {}\n\n  /**\n   * For `Typing.On`, returns whether the event was delivered.\n   * For `Typing.Off`, returns whether the stop was scheduled.\n   */\n  async send(\n    chatEvent: TypingChatEvent\n  ): Promise<TypingOnSendResult | TypingOffSendResult> {\n    if (chatEvent === Typing.On) {\n      return this.userStartedTyping()\n    }\n\n    return this.userStoppedTyping()\n  }\n\n  private sendTypingOffBestEffort(context: ChatEventContext) {\n    return this.sendToServer(Typing.Off, context).catch(() => {})\n  }\n\n  dispose() {\n    this.disposed = true\n    this.cancelPendingOff()\n\n    if (!this.isTypingOnServer || !this.activeContext) {\n      return\n    }\n\n    // Unmount should not leave the server thinking the user is still typing.\n    const context = this.activeContext\n    this.resetTypingState()\n    this.sendTypingOffBestEffort(context)\n  }\n\n  private async userStartedTyping(): Promise<TypingOnSendResult> {\n    if (this.pendingTypingOn) {\n      return this.pendingTypingOn\n    }\n\n    // User resumed typing before the debounced typing_off was sent.\n    this.cancelPendingOff()\n\n    if (this.isTypingOnServer) {\n      return true\n    }\n\n    this.pendingTypingOn = (async () => {\n      const context = this.getContext()\n\n      try {\n        const delivered = await this.sendToServer(Typing.On, context)\n\n        if (this.disposed) {\n          // typing_on resolved after unmount: immediately balance with typing_off.\n          if (delivered) {\n            this.sendTypingOffBestEffort(context)\n          }\n\n          return false\n        }\n\n        if (delivered) {\n          this.isTypingOnServer = true\n          this.activeContext = context\n        }\n\n        return delivered\n      } finally {\n        this.pendingTypingOn = null\n      }\n    })()\n\n    return this.pendingTypingOn\n  }\n\n  private userStoppedTyping(): Promise<TypingOffSendResult> {\n    if (!this.isTypingOnServer || !this.activeContext) {\n      return Promise.resolve(false)\n    }\n\n    this.cancelPendingOff()\n\n    const context = this.activeContext\n\n    // Coalesce blur + clear + send into a single typing_off.\n    this.pendingOffTimer = setTimeout(() => {\n      this.pendingOffTimer = null\n      this.resetTypingState()\n      this.sendTypingOffBestEffort(context)\n    }, TYPING_OFF_DEBOUNCE_MS)\n\n    return Promise.resolve(true)\n  }\n\n  private resetTypingState() {\n    this.isTypingOnServer = false\n    this.activeContext = null\n  }\n\n  private cancelPendingOff() {\n    if (!this.pendingOffTimer) {\n      return\n    }\n\n    clearTimeout(this.pendingOffTimer)\n    this.pendingOffTimer = null\n  }\n}\n"],"names":["INPUT","v7","uuidv7","Typing","TYPING_OFF_DEBOUNCE_MS","buildChatEventPayload","chatEvent","session","lastRoutePath","TypingNetworkSender","context","delivered","Promise","setTimeout","clearTimeout","getContext","sendToServer"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import type { Session as CoreSession } from '@botonic/core';
-import { buildChatEventPayload, type TypingChatEvent } from './typing-network-sender';
+import { buildChatEventPayload, type TypingChatEvent } from './typing-network-sender.js';
 export type TypingChatEventPayload = ReturnType<typeof buildChatEventPayload>;
 interface UseTypingChatEventSenderArgs {
     onUserInput?: (args: TypingChatEventPayload) => Promise<void>;

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

@@ -1,45 +1,56 @@
-"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");
+import { useCallback, useEffect, useRef } from "react";
+import { TypingNetworkSender, buildChatEventPayload } from "./typing-network-sender.js";
+
+
+
+
+
 /**
  * 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, }) {
+ */ 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 };
+    const contextRef = useRef({
+        onUserInput,
+        session,
+        lastRoutePath
+    });
+    const typingSenderRef = 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) => {
+        typingSenderRef.current = new 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));
+                await handler(buildChatEventPayload(chatEvent, context));
                 return true;
-            }
-            catch {
+            } catch  {
                 // Let the UI retry on the next keystroke.
                 return false;
             }
         });
     }
-    (0, react_1.useEffect)(() => {
-        return () => {
+    useEffect(()=>{
+        return ()=>{
             typingSenderRef.current?.dispose();
         };
     }, []);
-    return (0, react_1.useCallback)(async (chatEvent) => {
-        return (await typingSenderRef.current?.send(chatEvent)) ?? false;
+    return useCallback(async (chatEvent)=>{
+        return await typingSenderRef.current?.send(chatEvent) ?? false;
     }, []);
 }
+
+export { useTypingChatEventSender };
+
 //# sourceMappingURL=use-typing-chat-event-sender.js.map

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

@@ -1 +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"}
+{"version":3,"file":"webchat/input-panel/use-typing-chat-event-sender.js","sources":["../../../../src/webchat/input-panel/use-typing-chat-event-sender.ts"],"sourcesContent":["import type { Session as CoreSession } from '@botonic/core'\nimport { useCallback, useEffect, useRef } from 'react'\nimport {\n  buildChatEventPayload,\n  type TypingChatEvent,\n  TypingNetworkSender,\n} from './typing-network-sender'\n\nexport type TypingChatEventPayload = ReturnType<typeof buildChatEventPayload>\n\ninterface UseTypingChatEventSenderArgs {\n  onUserInput?: (args: TypingChatEventPayload) => Promise<void>\n  session: Partial<CoreSession>\n  lastRoutePath?: string\n}\n\n/**\n * React bridge from Textarea to TypingNetworkSender.\n *\n * Keeps one sender instance per input panel and forwards typing events\n * to onUserInput with the current session context.\n */\nexport function useTypingChatEventSender({\n  onUserInput,\n  session,\n  lastRoutePath,\n}: UseTypingChatEventSenderArgs) {\n  // Always read the latest handler/session without recreating the sender.\n  const contextRef = useRef({ onUserInput, session, lastRoutePath })\n  const typingSenderRef = useRef<TypingNetworkSender | null>(null)\n\n  contextRef.current = { onUserInput, session, lastRoutePath }\n\n  if (!typingSenderRef.current) {\n    typingSenderRef.current = new TypingNetworkSender(\n      () => ({\n        session: contextRef.current.session,\n        lastRoutePath: contextRef.current.lastRoutePath,\n      }),\n      async (chatEvent, context) => {\n        const handler = contextRef.current.onUserInput\n\n        if (!handler) {\n          return false\n        }\n\n        try {\n          await handler(buildChatEventPayload(chatEvent, context))\n          return true\n        } catch {\n          // Let the UI retry on the next keystroke.\n          return false\n        }\n      }\n    )\n  }\n\n  useEffect(() => {\n    return () => {\n      typingSenderRef.current?.dispose()\n    }\n  }, [])\n\n  return useCallback(async (chatEvent: TypingChatEvent): Promise<boolean> => {\n    return (await typingSenderRef.current?.send(chatEvent)) ?? false\n  }, [])\n}\n"],"names":["useCallback","useEffect","useRef","buildChatEventPayload","TypingNetworkSender","useTypingChatEventSender","onUserInput","session","lastRoutePath","contextRef","typingSenderRef","chatEvent","context","handler"],"mappings":";;;;;AACsD;AAKtB;AAUhC;;;;;CAKC,GACM,SAASK,wBAAwBA,CAAC,EACvCC,WAAW,EACXC,OAAO,EACPC,aAAa,EACgB;IAC7B,wEAAwE;IACxE,MAAMC,aAAaP,MAAMA,CAAC;QAAEI;QAAaC;QAASC;IAAc;IAChE,MAAME,kBAAkBR,MAAMA,CAA6B;IAE3DO,WAAW,OAAO,GAAG;QAAEH;QAAaC;QAASC;IAAc;IAE3D,IAAI,CAACE,gBAAgB,OAAO,EAAE;QAC5BA,gBAAgB,OAAO,GAAG,IAAIN,mBAAmBA,CAC/C,IAAO;gBACL,SAASK,WAAW,OAAO,CAAC,OAAO;gBACnC,eAAeA,WAAW,OAAO,CAAC,aAAa;YACjD,IACA,OAAOE,WAAWC;YAChB,MAAMC,UAAUJ,WAAW,OAAO,CAAC,WAAW;YAE9C,IAAI,CAACI,SAAS;gBACZ,OAAO;YACT;YAEA,IAAI;gBACF,MAAMA,QAAQV,qBAAqBA,CAACQ,WAAWC;gBAC/C,OAAO;YACT,EAAE,OAAM;gBACN,0CAA0C;gBAC1C,OAAO;YACT;QACF;IAEJ;IAEAX,SAASA,CAAC;QACR,OAAO;YACLS,gBAAgB,OAAO,EAAE;QAC3B;IACF,GAAG,EAAE;IAEL,OAAOV,WAAWA,CAAC,OAAOW;QACxB,OAAQ,MAAMD,gBAAgB,OAAO,EAAE,KAAKC,cAAe;IAC7D,GAAG,EAAE;AACP"}

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

@@ -1,4 +1,4 @@
-import type { TypingChatEvent } from './typing-network-sender';
+import type { TypingChatEvent } from './typing-network-sender.js';
 /** Local UI inactivity before the textarea stops emitting typing events. */
 export declare const TYPING_IDLE_MS: number;
 type SendTypingEvent = (event: TypingChatEvent) => Promise<boolean>;