@botonic/react 0.55.1 → 0.57.0-rslib-esm.0

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

@@ -1,30 +1,71 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Attachment = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const attachment_icon_svg_1 = tslib_1.__importDefault(require("../../assets/attachment-icon.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 Attachment = ({ accept, onChange }) => {
-    const { webchatState } = (0, react_1.useContext)(context_1.WebchatContext);
-    const fileInputRef = (0, react_1.useRef)(null);
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useContext, useRef } from "react";
+import attachment_icon from "../../assets/attachment-icon.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";
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const Attachment = ({ accept, onChange })=>{
+    const { webchatState } = useContext(WebchatContext);
+    const fileInputRef = useRef(null);
     const CustomAttachments = webchatState.theme.userInput?.attachments?.custom;
-    const isAttachmentsEnabled = () => {
+    const isAttachmentsEnabled = ()=>{
         const hasCustomAttachments = !!CustomAttachments;
-        return (webchatState.theme.userInput?.attachments?.enable ?? hasCustomAttachments);
+        return webchatState.theme.userInput?.attachments?.enable ?? hasCustomAttachments;
     };
     const attachmentsEnabled = isAttachmentsEnabled();
-    const handleOnChange = event => {
+    const handleOnChange = (event)=>{
         onChange(event);
         if (fileInputRef.current) {
             fileInputRef.current.value = '';
         }
     };
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: attachmentsEnabled ? ((0, jsx_runtime_1.jsx)(conditional_animation_1.ConditionalAnimation, { children: (0, jsx_runtime_1.jsxs)("div", { role: constants_1.ROLES.ATTACHMENT_ICON, children: [(0, jsx_runtime_1.jsx)("label", { htmlFor: 'attachment', style: { marginTop: 4 }, children: CustomAttachments ? ((0, jsx_runtime_1.jsx)(CustomAttachments, {})) : ((0, jsx_runtime_1.jsx)(common_1.Icon, { src: attachment_icon_svg_1.default })) }), (0, jsx_runtime_1.jsx)("input", { ref: fileInputRef, type: 'file', name: 'file', id: 'attachment', style: { display: 'none' }, onChange: handleOnChange, accept: accept })] }) })) : null }));
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: attachmentsEnabled ? /*#__PURE__*/ jsx(ConditionalAnimation, {
+            children: /*#__PURE__*/ jsxs("div", {
+                role: ROLES.ATTACHMENT_ICON,
+                children: [
+                    /*#__PURE__*/ jsx("label", {
+                        htmlFor: "attachment",
+                        style: {
+                            marginTop: 4
+                        },
+                        children: CustomAttachments ? /*#__PURE__*/ jsx(CustomAttachments, {}) : /*#__PURE__*/ jsx(Icon, {
+                            src: attachment_icon
+                        })
+                    }),
+                    /*#__PURE__*/ jsx("input", {
+                        ref: fileInputRef,
+                        type: "file",
+                        name: "file",
+                        id: "attachment",
+                        style: {
+                            display: 'none'
+                        },
+                        onChange: handleOnChange,
+                        accept: accept
+                    })
+                ]
+            })
+        }) : null
+    });
 };
-exports.Attachment = Attachment;
+
+export { Attachment };
+
 //# sourceMappingURL=attachment.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"attachment.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/attachment.tsx"],"names":[],"mappings":";;;;;AAAA,iCAA0C;AAE1C,mGAA6D;AAC7D,+CAAuC;AACvC,mDAAsD;AACtD,iDAA2C;AAC3C,+EAA0E;AAOnE,MAAM,UAAU,GAAG,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAmB,EAAE,EAAE;IAClE,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAEnD,MAAM,YAAY,GAAG,IAAA,cAAM,EAA0B,IAAI,CAAC,CAAA;IAE1D,MAAM,iBAAiB,GAAG,YAAY,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,CAAA;IAE3E,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,MAAM,oBAAoB,GAAG,CAAC,CAAC,iBAAiB,CAAA;QAChD,OAAO,CACL,YAAY,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,IAAI,oBAAoB,CAC1E,CAAA;IACH,CAAC,CAAA;IACD,MAAM,kBAAkB,GAAG,oBAAoB,EAAE,CAAA;IAEjD,MAAM,cAAc,GAAG,KAAK,CAAC,EAAE;QAC7B,QAAQ,CAAC,KAAK,CAAC,CAAA;QACf,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;YACzB,YAAY,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAA;QACjC,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,2DACG,kBAAkB,CAAC,CAAC,CAAC,CACpB,uBAAC,4CAAoB,cACnB,iCAAK,IAAI,EAAE,iBAAK,CAAC,eAAe,aAC9B,kCAAO,OAAO,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,YAChD,iBAAiB,CAAC,CAAC,CAAC,CACnB,uBAAC,iBAAiB,KAAG,CACtB,CAAC,CAAC,CAAC,CACF,uBAAC,aAAI,IAAC,GAAG,EAAE,6BAAc,GAAI,CAC9B,GACK,EACR,kCACE,GAAG,EAAE,YAAY,EACjB,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,MAAM,EACX,EAAE,EAAC,YAAY,EACf,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAC1B,QAAQ,EAAE,cAAc,EACxB,MAAM,EAAE,MAAM,GACd,IACE,GACe,CACxB,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA;AAhDY,QAAA,UAAU,cAgDtB"}
+{"version":3,"file":"webchat/input-panel/attachment.js","sources":["../../../../src/webchat/input-panel/attachment.tsx"],"sourcesContent":["import { useContext, useRef } from 'react'\n\nimport AttachmentIcon from '../../assets/attachment-icon.svg'\nimport { ROLES } from '../../constants'\nimport { WebchatContext } from '../../webchat/context'\nimport { Icon } from '../components/common'\nimport { ConditionalAnimation } from '../components/conditional-animation'\n\ninterface AttachmentProps {\n  accept: string\n  onChange: (event: any) => void\n}\n\nexport const Attachment = ({ accept, onChange }: AttachmentProps) => {\n  const { webchatState } = useContext(WebchatContext)\n\n  const fileInputRef = useRef<HTMLInputElement | null>(null)\n\n  const CustomAttachments = webchatState.theme.userInput?.attachments?.custom\n\n  const isAttachmentsEnabled = () => {\n    const hasCustomAttachments = !!CustomAttachments\n    return (\n      webchatState.theme.userInput?.attachments?.enable ?? hasCustomAttachments\n    )\n  }\n  const attachmentsEnabled = isAttachmentsEnabled()\n\n  const handleOnChange = event => {\n    onChange(event)\n    if (fileInputRef.current) {\n      fileInputRef.current.value = ''\n    }\n  }\n\n  return (\n    <>\n      {attachmentsEnabled ? (\n        <ConditionalAnimation>\n          <div role={ROLES.ATTACHMENT_ICON}>\n            <label htmlFor='attachment' style={{ marginTop: 4 }}>\n              {CustomAttachments ? (\n                <CustomAttachments />\n              ) : (\n                <Icon src={AttachmentIcon} />\n              )}\n            </label>\n            <input\n              ref={fileInputRef}\n              type='file'\n              name='file'\n              id='attachment'\n              style={{ display: 'none' }}\n              onChange={handleOnChange}\n              accept={accept}\n            />\n          </div>\n        </ConditionalAnimation>\n      ) : null}\n    </>\n  )\n}\n"],"names":["useContext","useRef","AttachmentIcon","ROLES","WebchatContext","Icon","ConditionalAnimation","Attachment","accept","onChange","webchatState","fileInputRef","CustomAttachments","isAttachmentsEnabled","hasCustomAttachments","attachmentsEnabled","handleOnChange","event"],"mappings":";;;;;;;;;;;;;;;;AAA0C;AAEmB;AACtB;AACe;AACX;AAC+B;AAOnE,MAAMO,UAAUA,GAAG,CAAC,EAAEC,MAAM,EAAEC,QAAQ,EAAmB;IAC9D,MAAM,EAAEC,YAAY,EAAE,GAAGV,UAAUA,CAACI,cAAcA;IAElD,MAAMO,eAAeV,MAAMA,CAA0B;IAErD,MAAMW,oBAAoBF,aAAa,KAAK,CAAC,SAAS,EAAE,aAAa;IAErE,MAAMG,uBAAuB;QAC3B,MAAMC,uBAAuB,CAAC,CAACF;QAC/B,OACEF,aAAa,KAAK,CAAC,SAAS,EAAE,aAAa,UAAUI;IAEzD;IACA,MAAMC,qBAAqBF;IAE3B,MAAMG,iBAAiBC,CAAAA;QACrBR,SAASQ;QACT,IAAIN,aAAa,OAAO,EAAE;YACxBA,aAAa,OAAO,CAAC,KAAK,GAAG;QAC/B;IACF;IAEA,qBACE;kBACGI,mCACC,IAACT,oBAAoBA;sBACnB,mBAAC;gBAAI,MAAMH,qBAAqB;;kCAC9B,IAAC;wBAAM,SAAQ;wBAAa,OAAO;4BAAE,WAAW;wBAAE;kCAC/CS,kCACC,IAACA,uCAED,IAACP,IAAIA;4BAAC,KAAKH,eAAcA;;;kCAG7B,IAAC;wBACC,KAAKS;wBACL,MAAK;wBACL,MAAK;wBACL,IAAG;wBACH,OAAO;4BAAE,SAAS;wBAAO;wBACzB,UAAUK;wBACV,QAAQR;;;;aAIZ;;AAGV,EAAC"}

package/lib/esm/webchat/input-panel/emoji-picker.js

@@ -1,29 +1,50 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EmojiPicker = 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 emoji picker */
-/** biome-ignore-all lint/a11y/useKeyWithClickEvents: we need to use key with click events for the emoji picker */
-const react_1 = require("react");
-const emojiButton_svg_1 = tslib_1.__importDefault(require("../../assets/emojiButton.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 EmojiPicker = ({ onClick }) => {
-    const { webchatState } = (0, react_1.useContext)(context_1.WebchatContext);
+import { Fragment, jsx } from "react/jsx-runtime";
+import { useContext } from "react";
+import emojiButton from "../../assets/emojiButton.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 emoji picker */ /** biome-ignore-all lint/a11y/useKeyWithClickEvents: we need to use key with click events for the emoji picker */ 
+
+
+
+
+
+const EmojiPicker = ({ onClick })=>{
+    const { webchatState } = useContext(WebchatContext);
     const CustomEmojiPicker = webchatState.theme.userInput?.emojiPicker?.custom;
-    const isEmojiPickerEnabled = () => {
+    const isEmojiPickerEnabled = ()=>{
         const hasCustomEmojiPicker = !!CustomEmojiPicker;
-        return (webchatState.theme.userInput?.emojiPicker?.enable ?? hasCustomEmojiPicker);
+        return webchatState.theme.userInput?.emojiPicker?.enable ?? hasCustomEmojiPicker;
     };
     const emojiPickerEnabled = isEmojiPickerEnabled();
-    const handleClick = (event) => {
+    const handleClick = (event)=>{
         onClick();
         event.stopPropagation();
     };
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: emojiPickerEnabled ? ((0, jsx_runtime_1.jsx)(conditional_animation_1.ConditionalAnimation, { children: (0, jsx_runtime_1.jsx)("div", { role: constants_1.ROLES.EMOJI_PICKER_ICON, onClick: handleClick, children: CustomEmojiPicker ? ((0, jsx_runtime_1.jsx)(CustomEmojiPicker, {})) : ((0, jsx_runtime_1.jsx)(common_1.Icon, { src: emojiButton_svg_1.default })) }) })) : null }));
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: emojiPickerEnabled ? /*#__PURE__*/ jsx(ConditionalAnimation, {
+            children: /*#__PURE__*/ jsx("div", {
+                role: ROLES.EMOJI_PICKER_ICON,
+                onClick: handleClick,
+                children: CustomEmojiPicker ? /*#__PURE__*/ jsx(CustomEmojiPicker, {}) : /*#__PURE__*/ jsx(Icon, {
+                    src: emojiButton
+                })
+            })
+        }) : null
+    });
 };
-exports.EmojiPicker = EmojiPicker;
+
+export { EmojiPicker };
+
 //# sourceMappingURL=emoji-picker.js.map

package/lib/esm/webchat/input-panel/emoji-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"emoji-picker.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/emoji-picker.tsx"],"names":[],"mappings":";;;;;AAAA,kHAAkH;AAClH,kHAAkH;AAClH,iCAAkC;AAElC,2FAAoD;AACpD,+CAAuC;AACvC,mDAAsD;AACtD,iDAA2C;AAC3C,+EAA0E;AAMnE,MAAM,WAAW,GAAG,CAAC,EAAE,OAAO,EAAoB,EAAE,EAAE;IAC3D,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAEnD,MAAM,iBAAiB,GAAG,YAAY,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,CAAA;IAE3E,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,MAAM,oBAAoB,GAAG,CAAC,CAAC,iBAAiB,CAAA;QAChD,OAAO,CACL,YAAY,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,IAAI,oBAAoB,CAC1E,CAAA;IACH,CAAC,CAAA;IACD,MAAM,kBAAkB,GAAG,oBAAoB,EAAE,CAAA;IAEjD,MAAM,WAAW,GAAG,CAAC,KAAU,EAAE,EAAE;QACjC,OAAO,EAAE,CAAA;QACT,KAAK,CAAC,eAAe,EAAE,CAAA;IACzB,CAAC,CAAA;IAED,OAAO,CACL,2DACG,kBAAkB,CAAC,CAAC,CAAC,CACpB,uBAAC,4CAAoB,cACnB,gCAAK,IAAI,EAAE,iBAAK,CAAC,iBAAiB,EAAE,OAAO,EAAE,WAAW,YACrD,iBAAiB,CAAC,CAAC,CAAC,CACnB,uBAAC,iBAAiB,KAAG,CACtB,CAAC,CAAC,CAAC,CACF,uBAAC,aAAI,IAAC,GAAG,EAAE,yBAAS,GAAI,CACzB,GACG,GACe,CACxB,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA;AAjCY,QAAA,WAAW,eAiCvB"}
+{"version":3,"file":"webchat/input-panel/emoji-picker.js","sources":["../../../../src/webchat/input-panel/emoji-picker.tsx"],"sourcesContent":["/** biome-ignore-all lint/a11y/noStaticElementInteractions: we need to use static elements for the emoji picker */\n/** biome-ignore-all lint/a11y/useKeyWithClickEvents: we need to use key with click events for the emoji picker */\nimport { useContext } from 'react'\n\nimport LogoEmoji from '../../assets/emojiButton.svg'\nimport { ROLES } from '../../constants'\nimport { WebchatContext } from '../../webchat/context'\nimport { Icon } from '../components/common'\nimport { ConditionalAnimation } from '../components/conditional-animation'\n\ninterface EmojiPickerProps {\n  onClick: () => void\n}\n\nexport const EmojiPicker = ({ onClick }: EmojiPickerProps) => {\n  const { webchatState } = useContext(WebchatContext)\n\n  const CustomEmojiPicker = webchatState.theme.userInput?.emojiPicker?.custom\n\n  const isEmojiPickerEnabled = () => {\n    const hasCustomEmojiPicker = !!CustomEmojiPicker\n    return (\n      webchatState.theme.userInput?.emojiPicker?.enable ?? hasCustomEmojiPicker\n    )\n  }\n  const emojiPickerEnabled = isEmojiPickerEnabled()\n\n  const handleClick = (event: any) => {\n    onClick()\n    event.stopPropagation()\n  }\n\n  return (\n    <>\n      {emojiPickerEnabled ? (\n        <ConditionalAnimation>\n          <div role={ROLES.EMOJI_PICKER_ICON} onClick={handleClick}>\n            {CustomEmojiPicker ? (\n              <CustomEmojiPicker />\n            ) : (\n              <Icon src={LogoEmoji} />\n            )}\n          </div>\n        </ConditionalAnimation>\n      ) : null}\n    </>\n  )\n}\n"],"names":["useContext","LogoEmoji","ROLES","WebchatContext","Icon","ConditionalAnimation","EmojiPicker","onClick","webchatState","CustomEmojiPicker","isEmojiPickerEnabled","hasCustomEmojiPicker","emojiPickerEnabled","handleClick","event"],"mappings":";;;;;;;;;;;;;;;;AAAA,gHAAgH,GAChH,gHAAgH,GAC9E;AAEkB;AACb;AACe;AACX;AAC+B;AAMnE,MAAMM,WAAWA,GAAG,CAAC,EAAEC,OAAO,EAAoB;IACvD,MAAM,EAAEC,YAAY,EAAE,GAAGR,UAAUA,CAACG,cAAcA;IAElD,MAAMM,oBAAoBD,aAAa,KAAK,CAAC,SAAS,EAAE,aAAa;IAErE,MAAME,uBAAuB;QAC3B,MAAMC,uBAAuB,CAAC,CAACF;QAC/B,OACED,aAAa,KAAK,CAAC,SAAS,EAAE,aAAa,UAAUG;IAEzD;IACA,MAAMC,qBAAqBF;IAE3B,MAAMG,cAAc,CAACC;QACnBP;QACAO,MAAM,eAAe;IACvB;IAEA,qBACE;kBACGF,mCACC,IAACP,oBAAoBA;sBACnB,kBAAC;gBAAI,MAAMH,uBAAuB;gBAAE,SAASW;0BAC1CJ,kCACC,IAACA,uCAED,IAACL,IAAIA;oBAAC,KAAKH,WAASA;;;aAIxB;;AAGV,EAAC"}

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

@@ -1,36 +1,62 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InputPanel = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const constants_1 = require("../../constants");
-const message_utils_1 = require("../../message-utils");
-const context_1 = require("../../webchat/context");
-const constants_2 = require("../constants");
-const attachment_1 = require("./attachment");
-const emoji_picker_1 = require("./emoji-picker");
-const opened_emoji_picker_1 = require("./opened-emoji-picker");
-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 => {
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useContext } from "react";
+import { WEBCHAT } from "../../constants.js";
+import { getFullMimeWhitelist } from "../../message-utils.js";
+import { WebchatContext } from "../context/index.js";
+import { BotonicContainerId } from "../constants.js";
+import { Attachment } from "./attachment.js";
+import { EmojiPicker } from "./emoji-picker.js";
+import { OpenedEmojiPicker } from "./opened-emoji-picker.js";
+import { PersistentMenu } from "./persistent-menu.js";
+import { SendButton } from "./send-button.js";
+import { UserInputContainer } from "./styles.js";
+import { Textarea } from "./textarea.js";
+import { useTypingChatEventSender } from "./use-typing-chat-event-sender.js";
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const InputPanel = ({ handleAttachment, textareaRef, host, onUserInput })=>{
+    const { getThemeProperty, sendText, togglePersistentMenu, toggleEmojiPicker, webchatState, inputPanelRef } = useContext(WebchatContext);
+    const handleSelectedEmoji = (event)=>{
         if (!textareaRef.current) {
             return;
         }
         textareaRef.current.value += event.emoji;
         textareaRef.current.focus();
     };
-    const handleEmojiClick = () => {
+    const handleEmojiClick = ()=>{
         toggleEmojiPicker(!webchatState.isEmojiPickerOpen);
     };
-    const handleMenu = () => {
+    const handleMenu = ()=>{
         togglePersistentMenu(!webchatState.isPersistentMenuOpen);
     };
-    const sendTextAreaText = async () => {
+    const sendTextAreaText = async ()=>{
         if (!textareaRef.current) {
             return;
         }
@@ -38,14 +64,46 @@ const InputPanel = ({ handleAttachment, textareaRef, host, onUserInput, }) => {
         textareaRef.current.value = '';
     };
     // Network layer: deduplicates typing_on/off before they reach onUserInput.
-    const sendChatEvent = (0, use_typing_chat_event_sender_1.useTypingChatEventSender)({
+    const sendChatEvent = useTypingChatEventSender({
         onUserInput,
         session: webchatState.session,
-        lastRoutePath: webchatState.lastRoutePath,
+        lastRoutePath: webchatState.lastRoutePath
+    });
+    return /*#__PURE__*/ jsxs(UserInputContainer, {
+        id: BotonicContainerId.InputPanel,
+        ref: inputPanelRef,
+        style: {
+            ...getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.userInputStyle)
+        },
+        className: "user-input-container",
+        children: [
+            webchatState.isEmojiPickerOpen && /*#__PURE__*/ jsx(OpenedEmojiPicker, {
+                onEmojiClick: handleSelectedEmoji,
+                onClick: handleEmojiClick
+            }),
+            /*#__PURE__*/ jsx(PersistentMenu, {
+                onClick: handleMenu
+            }),
+            /*#__PURE__*/ jsx(Textarea, {
+                host: host,
+                textareaRef: textareaRef,
+                sendChatEvent: sendChatEvent,
+                sendTextAreaText: sendTextAreaText
+            }),
+            /*#__PURE__*/ jsx(EmojiPicker, {
+                onClick: handleEmojiClick
+            }),
+            /*#__PURE__*/ jsx(Attachment, {
+                onChange: handleAttachment,
+                accept: getFullMimeWhitelist().join(',')
+            }),
+            /*#__PURE__*/ jsx(SendButton, {
+                onClick: sendTextAreaText
+            })
+        ]
     });
-    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 })] }));
 };
-exports.InputPanel = InputPanel;
+
+export { InputPanel };
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"webchat/input-panel/index.js","sources":["../../../../src/webchat/input-panel/index.tsx"],"sourcesContent":["import type React from 'react'\nimport { useContext } from 'react'\n\nimport { WEBCHAT } from '../../constants'\nimport { getFullMimeWhitelist } from '../../message-utils'\nimport { WebchatContext } from '../../webchat/context'\nimport { BotonicContainerId } from '../constants'\nimport { Attachment } from './attachment'\nimport { EmojiPicker } from './emoji-picker'\nimport { OpenedEmojiPicker } from './opened-emoji-picker'\nimport { PersistentMenu } from './persistent-menu'\nimport { SendButton } from './send-button'\nimport { UserInputContainer } from './styles'\nimport { Textarea } from './textarea'\nimport { useTypingChatEventSender } from './use-typing-chat-event-sender'\n\ninterface InputPanelProps {\n  handleAttachment: (event: any) => void\n  textareaRef: React.MutableRefObject<HTMLTextAreaElement | undefined>\n  host: HTMLElement\n  onUserInput?: (event: any) => Promise<void>\n}\n\nexport const InputPanel = ({\n  handleAttachment,\n  textareaRef,\n  host,\n  onUserInput,\n}: InputPanelProps) => {\n  const {\n    getThemeProperty,\n    sendText,\n    togglePersistentMenu,\n    toggleEmojiPicker,\n    webchatState,\n    inputPanelRef,\n  } = useContext(WebchatContext)\n\n  const handleSelectedEmoji = event => {\n    if (!textareaRef.current) {\n      return\n    }\n\n    textareaRef.current.value += event.emoji\n    textareaRef.current.focus()\n  }\n\n  const handleEmojiClick = () => {\n    toggleEmojiPicker(!webchatState.isEmojiPickerOpen)\n  }\n\n  const handleMenu = () => {\n    togglePersistentMenu(!webchatState.isPersistentMenuOpen)\n  }\n\n  const sendTextAreaText = async () => {\n    if (!textareaRef.current) {\n      return\n    }\n\n    await sendText(textareaRef.current?.value)\n    textareaRef.current.value = ''\n  }\n\n  // Network layer: deduplicates typing_on/off before they reach onUserInput.\n  const sendChatEvent = useTypingChatEventSender({\n    onUserInput,\n    session: webchatState.session,\n    lastRoutePath: webchatState.lastRoutePath,\n  })\n\n  return (\n    <UserInputContainer\n      id={BotonicContainerId.InputPanel}\n      ref={inputPanelRef}\n      style={{\n        ...getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.userInputStyle),\n      }}\n      className='user-input-container'\n    >\n      {webchatState.isEmojiPickerOpen && (\n        <OpenedEmojiPicker\n          onEmojiClick={handleSelectedEmoji}\n          onClick={handleEmojiClick}\n        />\n      )}\n\n      <PersistentMenu onClick={handleMenu} />\n\n      <Textarea\n        host={host}\n        textareaRef={textareaRef}\n        sendChatEvent={sendChatEvent}\n        sendTextAreaText={sendTextAreaText}\n      />\n\n      <EmojiPicker onClick={handleEmojiClick} />\n\n      <Attachment\n        onChange={handleAttachment}\n        accept={getFullMimeWhitelist().join(',')}\n      />\n\n      <SendButton onClick={sendTextAreaText} />\n    </UserInputContainer>\n  )\n}\n"],"names":["useContext","WEBCHAT","getFullMimeWhitelist","WebchatContext","BotonicContainerId","Attachment","EmojiPicker","OpenedEmojiPicker","PersistentMenu","SendButton","UserInputContainer","Textarea","useTypingChatEventSender","InputPanel","handleAttachment","textareaRef","host","onUserInput","getThemeProperty","sendText","togglePersistentMenu","toggleEmojiPicker","webchatState","inputPanelRef","handleSelectedEmoji","event","handleEmojiClick","handleMenu","sendTextAreaText","sendChatEvent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACkC;AAEO;AACiB;AACJ;AACL;AACR;AACG;AACa;AACP;AACR;AACG;AACR;AACoC;AASlE,MAAMa,UAAUA,GAAG,CAAC,EACzBC,gBAAgB,EAChBC,WAAW,EACXC,IAAI,EACJC,WAAW,EACK;IAChB,MAAM,EACJC,gBAAgB,EAChBC,QAAQ,EACRC,oBAAoB,EACpBC,iBAAiB,EACjBC,YAAY,EACZC,aAAa,EACd,GAAGvB,UAAUA,CAACG,cAAcA;IAE7B,MAAMqB,sBAAsBC,CAAAA;QAC1B,IAAI,CAACV,YAAY,OAAO,EAAE;YACxB;QACF;QAEAA,YAAY,OAAO,CAAC,KAAK,IAAIU,MAAM,KAAK;QACxCV,YAAY,OAAO,CAAC,KAAK;IAC3B;IAEA,MAAMW,mBAAmB;QACvBL,kBAAkB,CAACC,aAAa,iBAAiB;IACnD;IAEA,MAAMK,aAAa;QACjBP,qBAAqB,CAACE,aAAa,oBAAoB;IACzD;IAEA,MAAMM,mBAAmB;QACvB,IAAI,CAACb,YAAY,OAAO,EAAE;YACxB;QACF;QAEA,MAAMI,SAASJ,YAAY,OAAO,EAAE;QACpCA,YAAY,OAAO,CAAC,KAAK,GAAG;IAC9B;IAEA,2EAA2E;IAC3E,MAAMc,gBAAgBjB,wBAAwBA,CAAC;QAC7CK;QACA,SAASK,aAAa,OAAO;QAC7B,eAAeA,aAAa,aAAa;IAC3C;IAEA,qBACE,KAACZ,kBAAkBA;QACjB,IAAIN,6BAA6B;QACjC,KAAKmB;QACL,OAAO;YACL,GAAGL,iBAAiBjB,wCAAwC,CAAC;QAC/D;QACA,WAAU;;YAETqB,aAAa,iBAAiB,kBAC7B,IAACf,iBAAiBA;gBAChB,cAAciB;gBACd,SAASE;;0BAIb,IAAClB,cAAcA;gBAAC,SAASmB;;0BAEzB,IAAChB,QAAQA;gBACP,MAAMK;gBACN,aAAaD;gBACb,eAAec;gBACf,kBAAkBD;;0BAGpB,IAACtB,WAAWA;gBAAC,SAASoB;;0BAEtB,IAACrB,UAAUA;gBACT,UAAUS;gBACV,QAAQZ,oBAAoBA,GAAG,IAAI,CAAC;;0BAGtC,IAACO,UAAUA;gBAAC,SAASmB;;;;AAG3B,EAAC"}

package/lib/esm/webchat/input-panel/opened-emoji-picker.js

@@ -1,15 +1,39 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OpenedEmojiPicker = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const emoji_picker_react_1 = tslib_1.__importDefault(require("emoji-picker-react"));
-const constants_1 = require("../../constants");
-const hooks_1 = require("../hooks");
-const styles_1 = require("./styles");
-const OpenedEmojiPicker = ({ onClick, onEmojiClick, }) => {
-    const { ref, isComponentVisible } = (0, hooks_1.useComponentVisible)(true, onClick);
-    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, children: isComponentVisible && ((0, jsx_runtime_1.jsx)(styles_1.OpenedEmojiPickerContainer, { role: constants_1.ROLES.EMOJI_PICKER, children: (0, jsx_runtime_1.jsx)(emoji_picker_react_1.default, { width: '100%', height: '19rem', previewConfig: { showPreview: false }, lazyLoadEmojis: true, onEmojiClick: onEmojiClick, autoFocusSearch: false }) })) }));
+import { jsx } from "react/jsx-runtime";
+import emoji_picker_react from "emoji-picker-react";
+import { ROLES } from "../../constants.js";
+import { useComponentVisible } from "../hooks/index.js";
+import { OpenedEmojiPickerContainer } from "./styles.js";
+
+
+
+
+
+
+
+
+
+
+
+const OpenedEmojiPicker = ({ onClick, onEmojiClick })=>{
+    const { ref, isComponentVisible } = useComponentVisible(true, onClick);
+    return /*#__PURE__*/ jsx("div", {
+        ref: ref,
+        children: isComponentVisible && /*#__PURE__*/ jsx(OpenedEmojiPickerContainer, {
+            role: ROLES.EMOJI_PICKER,
+            children: /*#__PURE__*/ jsx(emoji_picker_react, {
+                width: "100%",
+                height: "19rem",
+                previewConfig: {
+                    showPreview: false
+                },
+                lazyLoadEmojis: true,
+                onEmojiClick: onEmojiClick,
+                autoFocusSearch: false
+            })
+        })
+    });
 };
-exports.OpenedEmojiPicker = OpenedEmojiPicker;
+
+export { OpenedEmojiPicker };
+
 //# sourceMappingURL=opened-emoji-picker.js.map

package/lib/esm/webchat/input-panel/opened-emoji-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"opened-emoji-picker.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/opened-emoji-picker.tsx"],"names":[],"mappings":";;;;;AAAA,oFAAuC;AAGvC,+CAAuC;AACvC,oCAA8C;AAC9C,qCAAqD;AAO9C,MAAM,iBAAiB,GAAG,CAAC,EAChC,OAAO,EACP,YAAY,GACW,EAAE,EAAE;IAC3B,MAAM,EAAE,GAAG,EAAE,kBAAkB,EAAE,GAAG,IAAA,2BAAmB,EAAC,IAAI,EAAE,OAAO,CAAC,CAAA;IACtE,OAAO,CACL,gCAAK,GAAG,EAAE,GAAgC,YACvC,kBAAkB,IAAI,CACrB,uBAAC,mCAA0B,IAAC,IAAI,EAAE,iBAAK,CAAC,YAAY,YAClD,uBAAC,4BAAM,IACL,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,OAAO,EACd,aAAa,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,EACrC,cAAc,EAAE,IAAI,EACpB,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,KAAK,GACtB,GACyB,CAC9B,GACG,CACP,CAAA;AACH,CAAC,CAAA;AArBY,QAAA,iBAAiB,qBAqB7B"}
+{"version":3,"file":"webchat/input-panel/opened-emoji-picker.js","sources":["../../../../src/webchat/input-panel/opened-emoji-picker.tsx"],"sourcesContent":["import Picker from 'emoji-picker-react'\nimport type { LegacyRef } from 'react'\n\nimport { ROLES } from '../../constants'\nimport { useComponentVisible } from '../hooks'\nimport { OpenedEmojiPickerContainer } from './styles'\n\ninterface OpenedEmojiPickerProps {\n  onClick: () => void\n  onEmojiClick: (event: any) => void\n}\n\nexport const OpenedEmojiPicker = ({\n  onClick,\n  onEmojiClick,\n}: OpenedEmojiPickerProps) => {\n  const { ref, isComponentVisible } = useComponentVisible(true, onClick)\n  return (\n    <div ref={ref as LegacyRef<HTMLDivElement>}>\n      {isComponentVisible && (\n        <OpenedEmojiPickerContainer role={ROLES.EMOJI_PICKER}>\n          <Picker\n            width='100%'\n            height='19rem'\n            previewConfig={{ showPreview: false }}\n            lazyLoadEmojis={true}\n            onEmojiClick={onEmojiClick}\n            autoFocusSearch={false}\n          />\n        </OpenedEmojiPickerContainer>\n      )}\n    </div>\n  )\n}\n"],"names":["Picker","ROLES","useComponentVisible","OpenedEmojiPickerContainer","OpenedEmojiPicker","onClick","onEmojiClick","ref","isComponentVisible"],"mappings":";;;;;;;;;;;;AAAuC;AAGA;AACO;AACO;AAO9C,MAAMI,iBAAiBA,GAAG,CAAC,EAChCC,OAAO,EACPC,YAAY,EACW;IACvB,MAAM,EAAEC,GAAG,EAAEC,kBAAkB,EAAE,GAAGN,mBAAmBA,CAAC,MAAMG;IAC9D,qBACE,IAAC;QAAI,KAAKE;kBACPC,oCACC,IAACL,0BAA0BA;YAAC,MAAMF,kBAAkB;sBAClD,kBAACD,kBAAMA;gBACL,OAAM;gBACN,QAAO;gBACP,eAAe;oBAAE,aAAa;gBAAM;gBACpC,gBAAgB;gBAChB,cAAcM;gBACd,iBAAiB;;;;AAM7B,EAAC"}

package/lib/esm/webchat/input-panel/persistent-menu.js

@@ -1,21 +1,42 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PersistentMenu = 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 persistent menu */
-/** biome-ignore-all lint/a11y/useKeyWithClickEvents: we need to use key with click events for the persistent menu */
-const react_1 = require("react");
-const menuButton_svg_1 = tslib_1.__importDefault(require("../../assets/menuButton.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 PersistentMenu = ({ onClick }) => {
-    const { webchatState } = (0, react_1.useContext)(context_1.WebchatContext);
+import { Fragment, jsx } from "react/jsx-runtime";
+import { useContext } from "react";
+import menuButton from "../../assets/menuButton.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 persistent menu */ /** biome-ignore-all lint/a11y/useKeyWithClickEvents: we need to use key with click events for the persistent menu */ 
+
+
+
+
+
+const PersistentMenu = ({ onClick })=>{
+    const { webchatState } = useContext(WebchatContext);
     const persistentMenuOptions = webchatState.theme.userInput?.persistentMenu;
     const CustomMenuButton = webchatState.theme.userInput?.menuButton?.custom;
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: persistentMenuOptions ? ((0, jsx_runtime_1.jsx)(conditional_animation_1.ConditionalAnimation, { children: (0, jsx_runtime_1.jsx)("div", { role: constants_1.ROLES.PERSISTENT_MENU_ICON, onClick: onClick, children: CustomMenuButton ? (0, jsx_runtime_1.jsx)(CustomMenuButton, {}) : (0, jsx_runtime_1.jsx)(common_1.Icon, { src: menuButton_svg_1.default }) }) })) : null }));
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: persistentMenuOptions ? /*#__PURE__*/ jsx(ConditionalAnimation, {
+            children: /*#__PURE__*/ jsx("div", {
+                role: ROLES.PERSISTENT_MENU_ICON,
+                onClick: onClick,
+                children: CustomMenuButton ? /*#__PURE__*/ jsx(CustomMenuButton, {}) : /*#__PURE__*/ jsx(Icon, {
+                    src: menuButton
+                })
+            })
+        }) : null
+    });
 };
-exports.PersistentMenu = PersistentMenu;
+
+export { PersistentMenu };
+
 //# sourceMappingURL=persistent-menu.js.map

package/lib/esm/webchat/input-panel/persistent-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"persistent-menu.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/persistent-menu.tsx"],"names":[],"mappings":";;;;;AAAA,qHAAqH;AACrH,qHAAqH;AACrH,iCAAkC;AAElC,yFAAkD;AAClD,+CAAuC;AACvC,mDAAsD;AACtD,iDAA2C;AAC3C,+EAA0E;AAMnE,MAAM,cAAc,GAAG,CAAC,EAAE,OAAO,EAAuB,EAAE,EAAE;IACjE,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAEnD,MAAM,qBAAqB,GAAG,YAAY,CAAC,KAAK,CAAC,SAAS,EAAE,cAAc,CAAA;IAE1E,MAAM,gBAAgB,GAAG,YAAY,CAAC,KAAK,CAAC,SAAS,EAAE,UAAU,EAAE,MAAM,CAAA;IAEzE,OAAO,CACL,2DACG,qBAAqB,CAAC,CAAC,CAAC,CACvB,uBAAC,4CAAoB,cACnB,gCAAK,IAAI,EAAE,iBAAK,CAAC,oBAAoB,EAAE,OAAO,EAAE,OAAO,YACpD,gBAAgB,CAAC,CAAC,CAAC,uBAAC,gBAAgB,KAAG,CAAC,CAAC,CAAC,uBAAC,aAAI,IAAC,GAAG,EAAE,wBAAQ,GAAI,GAC9D,GACe,CACxB,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA;AAlBY,QAAA,cAAc,kBAkB1B"}
+{"version":3,"file":"webchat/input-panel/persistent-menu.js","sources":["../../../../src/webchat/input-panel/persistent-menu.tsx"],"sourcesContent":["/** biome-ignore-all lint/a11y/noStaticElementInteractions: we need to use static elements for the persistent menu */\n/** biome-ignore-all lint/a11y/useKeyWithClickEvents: we need to use key with click events for the persistent menu */\nimport { useContext } from 'react'\n\nimport LogoMenu from '../../assets/menuButton.svg'\nimport { ROLES } from '../../constants'\nimport { WebchatContext } from '../../webchat/context'\nimport { Icon } from '../components/common'\nimport { ConditionalAnimation } from '../components/conditional-animation'\n\ninterface PersistentMenuProps {\n  onClick: () => void\n}\n\nexport const PersistentMenu = ({ onClick }: PersistentMenuProps) => {\n  const { webchatState } = useContext(WebchatContext)\n\n  const persistentMenuOptions = webchatState.theme.userInput?.persistentMenu\n\n  const CustomMenuButton = webchatState.theme.userInput?.menuButton?.custom\n\n  return (\n    <>\n      {persistentMenuOptions ? (\n        <ConditionalAnimation>\n          <div role={ROLES.PERSISTENT_MENU_ICON} onClick={onClick}>\n            {CustomMenuButton ? <CustomMenuButton /> : <Icon src={LogoMenu} />}\n          </div>\n        </ConditionalAnimation>\n      ) : null}\n    </>\n  )\n}\n"],"names":["useContext","LogoMenu","ROLES","WebchatContext","Icon","ConditionalAnimation","PersistentMenu","onClick","webchatState","persistentMenuOptions","CustomMenuButton"],"mappings":";;;;;;;;;;;;;;;;AAAA,mHAAmH,GACnH,mHAAmH,GACjF;AAEgB;AACX;AACe;AACX;AAC+B;AAMnE,MAAMM,cAAcA,GAAG,CAAC,EAAEC,OAAO,EAAuB;IAC7D,MAAM,EAAEC,YAAY,EAAE,GAAGR,UAAUA,CAACG,cAAcA;IAElD,MAAMM,wBAAwBD,aAAa,KAAK,CAAC,SAAS,EAAE;IAE5D,MAAME,mBAAmBF,aAAa,KAAK,CAAC,SAAS,EAAE,YAAY;IAEnE,qBACE;kBACGC,sCACC,IAACJ,oBAAoBA;sBACnB,kBAAC;gBAAI,MAAMH,0BAA0B;gBAAE,SAASK;0BAC7CG,iCAAmB,IAACA,sCAAsB,IAACN,IAAIA;oBAAC,KAAKH,UAAQA;;;aAGhE;;AAGV,EAAC"}

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"}