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

package/lib/esm/webchat/hooks/use-webchat-resizer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"webchat/hooks/use-webchat-resizer.js","sources":["../../../../src/webchat/hooks/use-webchat-resizer.ts"],"sourcesContent":["import { useContext } from 'react'\n\nimport { WebchatContext } from '../../webchat/context'\nimport { useWebchatDimensions } from './use-webchat-dimensions'\n\nexport const useWebchatResizer = () => {\n  const { webchatContainerRef, chatAreaRef, inputPanelRef, headerRef } =\n    useContext(WebchatContext)\n\n  const {\n    calculateResizedPercentualWebchatHeight,\n    calculateResizedPxChatAreaHeight,\n  } = useWebchatDimensions()\n\n  const handleKeyboardShown = () => {\n    if (\n      webchatContainerRef.current &&\n      chatAreaRef.current &&\n      headerRef.current &&\n      inputPanelRef.current\n    ) {\n      webchatContainerRef.current.style.height = `${calculateResizedPercentualWebchatHeight()}%`\n      chatAreaRef.current.style.height = `${calculateResizedPxChatAreaHeight()}px`\n    }\n  }\n\n  const handleKeyboardHidden = () => {\n    if (\n      webchatContainerRef.current &&\n      chatAreaRef.current &&\n      inputPanelRef.current &&\n      headerRef.current\n    ) {\n      webchatContainerRef.current.style.height = '100%'\n      chatAreaRef.current.style.height = `${calculateResizedPxChatAreaHeight()}px`\n    }\n  }\n\n  return {\n    handleKeyboardShown,\n    handleKeyboardHidden,\n  }\n}\n"],"names":["useContext","WebchatContext","useWebchatDimensions","useWebchatResizer","webchatContainerRef","chatAreaRef","inputPanelRef","headerRef","calculateResizedPercentualWebchatHeight","calculateResizedPxChatAreaHeight","handleKeyboardShown","handleKeyboardHidden"],"mappings":";;;;;;;AAAkC;AAEoB;AACS;AAExD,MAAMG,iBAAiBA,GAAG;IAC/B,MAAM,EAAEC,mBAAmB,EAAEC,WAAW,EAAEC,aAAa,EAAEC,SAAS,EAAE,GAClEP,UAAUA,CAACC,cAAcA;IAE3B,MAAM,EACJO,uCAAuC,EACvCC,gCAAgC,EACjC,GAAGP,oBAAoBA;IAExB,MAAMQ,sBAAsB;QAC1B,IACEN,oBAAoB,OAAO,IAC3BC,YAAY,OAAO,IACnBE,UAAU,OAAO,IACjBD,cAAc,OAAO,EACrB;YACAF,oBAAoB,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAGI,0CAA0C,CAAC,CAAC;YAC1FH,YAAY,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAGI,mCAAmC,EAAE,CAAC;QAC9E;IACF;IAEA,MAAME,uBAAuB;QAC3B,IACEP,oBAAoB,OAAO,IAC3BC,YAAY,OAAO,IACnBC,cAAc,OAAO,IACrBC,UAAU,OAAO,EACjB;YACAH,oBAAoB,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG;YAC3CC,YAAY,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAGI,mCAAmC,EAAE,CAAC;QAC9E;IACF;IAEA,OAAO;QACLC;QACAC;IACF;AACF,EAAC"}

package/lib/esm/webchat/index-types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"webchat/index-types.js","sources":["../../../src/webchat/index-types.ts"],"sourcesContent":["import type { WebchatArgs } from '../index-types'\n\nexport interface WebchatDevProps extends WebchatArgs {\n  initialDevSettings?: {\n    keepSessionOnReload?: boolean\n    showSessionView?: boolean\n  }\n}\n"],"names":[],"mappings":"AAOC"}

package/lib/esm/webchat/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"webchat/index.js","sources":["../../../src/webchat/index.ts"],"sourcesContent":["// @ts-nocheck\nexport { type ClientSession, WebchatContext } from './context'\nexport * from './custom-messages'\nexport { Webchat } from './webchat'\nexport { WebchatDev } from './webchat-dev'\n\nexport function getBotonicApp() {\n  // Botonic is exported from your bot\n  // eslint-disable-next-line no-undef\n  return Botonic\n}\n\nexport * from './index-types'\n"],"names":["WebchatContext","Webchat","WebchatDev","getBotonicApp","Botonic"],"mappings":";;;;;AAAA,cAAc;AACgD;AAC7B;AACE;AACO;AAEnC,SAASG,aAAaA;IAC3B,oCAAoC;IACpC,oCAAoC;IACpC,OAAOC;AACT;AAE6B"}

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

@@ -1,6 +0,0 @@
-interface AttachmentProps {
-    accept: string;
-    onChange: (event: any) => void;
-}
-export declare const Attachment: ({ accept, onChange }: AttachmentProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1 +0,0 @@
-{"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.d.ts

@@ -1,5 +0,0 @@
-interface EmojiPickerProps {
-    onClick: () => void;
-}
-export declare const EmojiPicker: ({ onClick }: EmojiPickerProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1 +0,0 @@
-{"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.d.ts

@@ -1,9 +0,0 @@
-import type React from 'react';
-interface InputPanelProps {
-    handleAttachment: (event: any) => void;
-    textareaRef: React.MutableRefObject<HTMLTextAreaElement | undefined>;
-    host: HTMLElement;
-    onUserInput?: (event: any) => Promise<void>;
-}
-export declare const InputPanel: ({ handleAttachment, textareaRef, host, onUserInput, }: InputPanelProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1 +0,0 @@
-{"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.d.ts

@@ -1,6 +0,0 @@
-interface OpenedEmojiPickerProps {
-    onClick: () => void;
-    onEmojiClick: (event: any) => void;
-}
-export declare const OpenedEmojiPicker: ({ onClick, onEmojiClick, }: OpenedEmojiPickerProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1 +0,0 @@
-{"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.d.ts

@@ -1,5 +0,0 @@
-interface PersistentMenuProps {
-    onClick: () => void;
-}
-export declare const PersistentMenu: ({ onClick }: PersistentMenuProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1 +0,0 @@
-{"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.d.ts

@@ -1,5 +0,0 @@
-interface SendButtonProps {
-    onClick: () => Promise<void>;
-}
-export declare const SendButton: ({ onClick }: SendButtonProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"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 +0,0 @@
-import type React from 'react';
-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.js';
-export declare const Textarea: ({ host, textareaRef, sendChatEvent, sendTextAreaText, }: TextareaProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +0,0 @@
-{"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.js.map

@@ -1 +0,0 @@
-{"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.js.map

@@ -1 +0,0 @@
-{"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.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"webchat/input-panel/use-typing-session.js","sources":["../../../../src/webchat/input-panel/use-typing-session.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react'\n\nimport { Typing } from '../../index-types'\nimport type { TypingChatEvent } from './typing-network-sender'\n\n/** Local UI inactivity before the textarea stops emitting typing events. */\nexport const TYPING_IDLE_MS = 10 * 1000\n\ntype SendTypingEvent = (event: TypingChatEvent) => Promise<boolean>\n\n/**\n * UI-layer typing session for the textarea.\n *\n * Decides *when* the user is typing and requests typing_on / typing_off.\n * Deduplication and network debouncing live in TypingNetworkSender instead.\n */\nexport function useTypingSession(sendChatEvent: SendTypingEvent) {\n  const isTyping = useRef(false)\n  // Bumps on each start/stop so stale async stopTyping() calls can be ignored.\n  const startOrStopTypingCount = useRef(0)\n  const idleTimer = useRef<ReturnType<typeof setTimeout> | null>(null)\n  // Shares one in-flight typing_on while delivery is still pending.\n  const pendingTypingOn = useRef<Promise<boolean> | null>(null)\n\n  const stopTyping = useCallback(async () => {\n    const countWhenStopWasRequested = ++startOrStopTypingCount.current\n\n    if (idleTimer.current) {\n      clearTimeout(idleTimer.current)\n      idleTimer.current = null\n    }\n\n    // Wait for typing_on to settle before deciding whether to send typing_off.\n    if (pendingTypingOn.current) {\n      await pendingTypingOn.current\n    }\n\n    // Let same-turn input events (e.g. Enter then type next message) bump the counter first.\n    await Promise.resolve()\n\n    if (countWhenStopWasRequested !== startOrStopTypingCount.current) {\n      return\n    }\n\n    if (!isTyping.current) {\n      return\n    }\n\n    isTyping.current = false\n    await sendChatEvent(Typing.Off)\n  }, [sendChatEvent])\n\n  const startTyping = useCallback(async () => {\n    if (isTyping.current) {\n      return true\n    }\n\n    if (pendingTypingOn.current) {\n      return pendingTypingOn.current\n    }\n\n    pendingTypingOn.current = (async () => {\n      try {\n        const accepted = await sendChatEvent(Typing.On)\n\n        // Only mark active after the network layer confirms delivery.\n        if (accepted) {\n          isTyping.current = true\n        }\n\n        return accepted\n      } finally {\n        pendingTypingOn.current = null\n      }\n    })()\n\n    return pendingTypingOn.current\n  }, [sendChatEvent])\n\n  const onTextChange = useCallback(\n    async (value: string) => {\n      if (value === '') {\n        await stopTyping()\n        return\n      }\n\n      const countWhenUserTyped = ++startOrStopTypingCount.current\n      await startTyping()\n\n      if (countWhenUserTyped !== startOrStopTypingCount.current) {\n        return\n      }\n\n      if (!isTyping.current) {\n        return\n      }\n\n      // Reset the idle timer on every keystroke.\n      if (idleTimer.current) {\n        clearTimeout(idleTimer.current)\n      }\n\n      idleTimer.current = setTimeout(() => {\n        stopTyping().catch(() => {})\n      }, TYPING_IDLE_MS)\n    },\n    [startTyping, stopTyping]\n  )\n\n  const stopTypingRef = useRef(stopTyping)\n  stopTypingRef.current = stopTyping\n\n  useEffect(() => {\n    return () => {\n      if (idleTimer.current) {\n        clearTimeout(idleTimer.current)\n      }\n\n      stopTypingRef.current().catch(() => {})\n    }\n  }, [])\n\n  return { stopTyping, onTextChange }\n}\n"],"names":["useCallback","useEffect","useRef","Typing","TYPING_IDLE_MS","useTypingSession","sendChatEvent","isTyping","startOrStopTypingCount","idleTimer","pendingTypingOn","stopTyping","countWhenStopWasRequested","clearTimeout","Promise","startTyping","accepted","onTextChange","value","countWhenUserTyped","setTimeout","stopTypingRef"],"mappings":";;;;;AAAsD;AAEZ;AAG1C,0EAA0E,GACnE,MAAMI,cAAcA,GAAG,KAAK,KAAI;AAIvC;;;;;CAKC,GACM,SAASC,gBAAgBA,CAACC,aAA8B;IAC7D,MAAMC,WAAWL,MAAMA,CAAC;IACxB,6EAA6E;IAC7E,MAAMM,yBAAyBN,MAAMA,CAAC;IACtC,MAAMO,YAAYP,MAAMA,CAAuC;IAC/D,kEAAkE;IAClE,MAAMQ,kBAAkBR,MAAMA,CAA0B;IAExD,MAAMS,aAAaX,WAAWA,CAAC;QAC7B,MAAMY,4BAA4B,EAAEJ,uBAAuB,OAAO;QAElE,IAAIC,UAAU,OAAO,EAAE;YACrBI,aAAaJ,UAAU,OAAO;YAC9BA,UAAU,OAAO,GAAG;QACtB;QAEA,2EAA2E;QAC3E,IAAIC,gBAAgB,OAAO,EAAE;YAC3B,MAAMA,gBAAgB,OAAO;QAC/B;QAEA,yFAAyF;QACzF,MAAMI,QAAQ,OAAO;QAErB,IAAIF,8BAA8BJ,uBAAuB,OAAO,EAAE;YAChE;QACF;QAEA,IAAI,CAACD,SAAS,OAAO,EAAE;YACrB;QACF;QAEAA,SAAS,OAAO,GAAG;QACnB,MAAMD,cAAcH,UAAU;IAChC,GAAG;QAACG;KAAc;IAElB,MAAMS,cAAcf,WAAWA,CAAC;QAC9B,IAAIO,SAAS,OAAO,EAAE;YACpB,OAAO;QACT;QAEA,IAAIG,gBAAgB,OAAO,EAAE;YAC3B,OAAOA,gBAAgB,OAAO;QAChC;QAEAA,gBAAgB,OAAO,GAAI;YACzB,IAAI;gBACF,MAAMM,WAAW,MAAMV,cAAcH,SAAS;gBAE9C,8DAA8D;gBAC9D,IAAIa,UAAU;oBACZT,SAAS,OAAO,GAAG;gBACrB;gBAEA,OAAOS;YACT,SAAU;gBACRN,gBAAgB,OAAO,GAAG;YAC5B;QACF;QAEA,OAAOA,gBAAgB,OAAO;IAChC,GAAG;QAACJ;KAAc;IAElB,MAAMW,eAAejB,WAAWA,CAC9B,OAAOkB;QACL,IAAIA,UAAU,IAAI;YAChB,MAAMP;YACN;QACF;QAEA,MAAMQ,qBAAqB,EAAEX,uBAAuB,OAAO;QAC3D,MAAMO;QAEN,IAAII,uBAAuBX,uBAAuB,OAAO,EAAE;YACzD;QACF;QAEA,IAAI,CAACD,SAAS,OAAO,EAAE;YACrB;QACF;QAEA,2CAA2C;QAC3C,IAAIE,UAAU,OAAO,EAAE;YACrBI,aAAaJ,UAAU,OAAO;QAChC;QAEAA,UAAU,OAAO,GAAGW,WAAW;YAC7BT,aAAa,KAAK,CAAC,KAAO;QAC5B,GAAGP,cAAcA;IACnB,GACA;QAACW;QAAaJ;KAAW;IAG3B,MAAMU,gBAAgBnB,MAAMA,CAACS;IAC7BU,cAAc,OAAO,GAAGV;IAExBV,SAASA,CAAC;QACR,OAAO;YACL,IAAIQ,UAAU,OAAO,EAAE;gBACrBI,aAAaJ,UAAU,OAAO;YAChC;YAEAY,cAAc,OAAO,GAAG,KAAK,CAAC,KAAO;QACvC;IACF,GAAG,EAAE;IAEL,OAAO;QAAEV;QAAYM;IAAa;AACpC"}

package/lib/esm/webchat/message-list/index.d.ts

@@ -1 +0,0 @@
-export declare const WebchatMessageList: () => import("react/jsx-runtime").JSX.Element;

package/lib/esm/webchat/message-list/index.js

@@ -1,176 +0,0 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import react, { useContext, useEffect, useRef, useState } from "react";
-import { ROLES } from "../../constants.js";
-import { SENDERS } from "../../index-types.js";
-import { WebchatContext } from "../context/index.js";
-import { BotonicContainerId } from "../constants.js";
-import typing_indicator from "../typing-indicator/index.js";
-import { IntroMessage } from "./intro-message.js";
-import { ScrollButton } from "./scroll-button.js";
-import { MessageContainer, ScrollableMessageList } from "./styles.js";
-import { UnreadMessagesBanner } from "./unread-messages-banner.js";
-import { useNotifications } from "./use-notifications.js";
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-const SCROLL_TIMEOUT = 200;
-const scrollOptionsEnd = {
-    block: 'end'
-};
-const scrollOptionsCenter = {
-    block: 'center'
-};
-const WebchatMessageList = ()=>{
-    const { webchatState, resetUnreadMessages, setLastMessageVisible, scrollableMessagesListRef } = useContext(WebchatContext);
-    const { notificationsEnabled } = useNotifications();
-    const [firstUnreadMessageId, setFirstUnreadMessageId] = useState();
-    const lastMessageRef = useRef(null);
-    const typingRef = useRef(null);
-    const unreadMessagesBannerRef = useRef(null);
-    const scrollToTyping = ()=>{
-        setTimeout(()=>{
-            typingRef.current?.scrollIntoView(scrollOptionsEnd);
-        }, SCROLL_TIMEOUT);
-    };
-    const scrollToLastMessage = ()=>{
-        setTimeout(()=>{
-            lastMessageRef.current?.scrollIntoView(scrollOptionsEnd);
-        }, SCROLL_TIMEOUT);
-    };
-    const scrollToBanner = ()=>{
-        setTimeout(()=>{
-            unreadMessagesBannerRef.current?.scrollIntoView(scrollOptionsCenter);
-        }, SCROLL_TIMEOUT);
-    };
-    const handleScrollToBottom = ()=>{
-        resetUnreadMessages();
-        if (webchatState.typing) {
-            scrollToTyping();
-            return;
-        }
-        scrollToLastMessage();
-    };
-    const showUnreadMessagesBanner = (messageComponentId)=>{
-        return !webchatState.isInputFocused && firstUnreadMessageId && messageComponentId === firstUnreadMessageId && webchatState.numUnreadMessages > 0;
-    };
-    useEffect(()=>{
-        const firstUnreadMessage = webchatState.messagesComponents.find((message)=>message.props.isUnread);
-        setFirstUnreadMessageId(firstUnreadMessage?.props?.id);
-    }, [
-        webchatState.messagesComponents
-    ]);
-    useEffect(()=>{
-        if (webchatState.messagesComponents.length > 0 && lastMessageRef.current) {
-            const observer = new IntersectionObserver((entries)=>{
-                entries.forEach((entry)=>{
-                    setLastMessageVisible(entry.isIntersecting);
-                });
-            });
-            observer.observe(lastMessageRef.current);
-        }
-    }, [
-        webchatState.messagesComponents
-    ]);
-    useEffect(()=>{
-        if (!notificationsEnabled) {
-            if (webchatState.typing) {
-                scrollToTyping();
-                return;
-            }
-            scrollToLastMessage();
-        }
-    }, [
-        webchatState.typing,
-        webchatState.messagesComponents
-    ]);
-    useEffect(()=>{
-        if (webchatState.isWebchatOpen && notificationsEnabled) {
-            if (unreadMessagesBannerRef.current) {
-                scrollToBanner();
-                return;
-            }
-            if (webchatState.typing) {
-                scrollToTyping();
-                return;
-            }
-            scrollToLastMessage();
-        }
-    }, [
-        firstUnreadMessageId,
-        webchatState.isWebchatOpen,
-        webchatState.typing,
-        webchatState.messagesComponents
-    ]);
-    const showScrollButton = webchatState.numUnreadMessages > 0 && !webchatState.isLastMessageVisible;
-    return /*#__PURE__*/ jsxs(Fragment, {
-        children: [
-            /*#__PURE__*/ jsxs(ScrollableMessageList, {
-                id: BotonicContainerId.ScrollableMessagesList,
-                ref: scrollableMessagesListRef,
-                role: ROLES.MESSAGE_LIST,
-                children: [
-                    /*#__PURE__*/ jsx(IntroMessage, {}),
-                    webchatState.messagesComponents.map((messageComponent, index)=>{
-                        const messageId = messageComponent.props.id;
-                        const sentBySystem = messageComponent.props?.sentBy === SENDERS.system;
-                        // Check if system message is followed by a regular message (user/bot)
-                        const nextMessage = webchatState.messagesComponents[index + 1];
-                        const isSystemMessageFollowedByMessage = sentBySystem && nextMessage && nextMessage.props?.sentBy !== SENDERS.system;
-                        return /*#__PURE__*/ jsxs(react.Fragment, {
-                            children: [
-                                /*#__PURE__*/ jsxs(MessageContainer, {
-                                    role: sentBySystem ? ROLES.SYSTEM_MESSAGE : ROLES.MESSAGE,
-                                    $isLastSystemMessage: isSystemMessageFollowedByMessage,
-                                    children: [
-                                        showUnreadMessagesBanner(messageId) && /*#__PURE__*/ jsx(UnreadMessagesBanner, {
-                                            unreadMessagesBannerRef: unreadMessagesBannerRef
-                                        }),
-                                        messageComponent
-                                    ]
-                                }),
-                                index === webchatState.messagesComponents.length - 1 && /*#__PURE__*/ jsx("div", {
-                                    ref: lastMessageRef,
-                                    style: {
-                                        content: ''
-                                    }
-                                })
-                            ]
-                        }, messageId);
-                    }),
-                    webchatState.typing && /*#__PURE__*/ jsx(typing_indicator, {
-                        ref: typingRef
-                    })
-                ]
-            }),
-            showScrollButton && /*#__PURE__*/ jsx(ScrollButton, {
-                handleClick: handleScrollToBottom
-            })
-        ]
-    });
-};
-
-export { WebchatMessageList };
-
-//# sourceMappingURL=index.js.map

package/lib/esm/webchat/message-list/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"webchat/message-list/index.js","sources":["../../../../src/webchat/message-list/index.tsx"],"sourcesContent":["import React, { useContext, useEffect, useRef, useState } from 'react'\n\nimport { ROLES } from '../../constants'\nimport { SENDERS } from '../../index-types'\nimport { WebchatContext } from '../../webchat/context'\nimport { BotonicContainerId } from '../constants'\nimport TypingIndicator from '../typing-indicator'\nimport { IntroMessage } from './intro-message'\nimport { ScrollButton } from './scroll-button'\nimport { MessageContainer, ScrollableMessageList } from './styles'\nimport { UnreadMessagesBanner } from './unread-messages-banner'\nimport { useNotifications } from './use-notifications'\n\nconst SCROLL_TIMEOUT = 200\nconst scrollOptionsEnd: ScrollIntoViewOptions = {\n  block: 'end',\n}\nconst scrollOptionsCenter: ScrollIntoViewOptions = {\n  block: 'center',\n}\n\nexport const WebchatMessageList = () => {\n  const {\n    webchatState,\n    resetUnreadMessages,\n    setLastMessageVisible,\n    scrollableMessagesListRef,\n  } = useContext(WebchatContext)\n\n  const { notificationsEnabled } = useNotifications()\n\n  const [firstUnreadMessageId, setFirstUnreadMessageId] = useState<string>()\n\n  const lastMessageRef = useRef<HTMLDivElement>(null)\n  const typingRef = useRef<HTMLDivElement>(null)\n  const unreadMessagesBannerRef = useRef<HTMLDivElement>(null)\n\n  const scrollToTyping = () => {\n    setTimeout(() => {\n      typingRef.current?.scrollIntoView(scrollOptionsEnd)\n    }, SCROLL_TIMEOUT)\n  }\n\n  const scrollToLastMessage = () => {\n    setTimeout(() => {\n      lastMessageRef.current?.scrollIntoView(scrollOptionsEnd)\n    }, SCROLL_TIMEOUT)\n  }\n\n  const scrollToBanner = () => {\n    setTimeout(() => {\n      unreadMessagesBannerRef.current?.scrollIntoView(scrollOptionsCenter)\n    }, SCROLL_TIMEOUT)\n  }\n\n  const handleScrollToBottom = () => {\n    resetUnreadMessages()\n    if (webchatState.typing) {\n      scrollToTyping()\n      return\n    }\n\n    scrollToLastMessage()\n  }\n\n  const showUnreadMessagesBanner = (messageComponentId: string) => {\n    return (\n      !webchatState.isInputFocused &&\n      firstUnreadMessageId &&\n      messageComponentId === firstUnreadMessageId &&\n      webchatState.numUnreadMessages > 0\n    )\n  }\n\n  useEffect(() => {\n    const firstUnreadMessage = webchatState.messagesComponents.find(\n      message => message.props.isUnread\n    )\n    setFirstUnreadMessageId(firstUnreadMessage?.props?.id)\n  }, [webchatState.messagesComponents])\n\n  useEffect(() => {\n    if (webchatState.messagesComponents.length > 0 && lastMessageRef.current) {\n      const observer = new IntersectionObserver(entries => {\n        entries.forEach(entry => {\n          setLastMessageVisible(entry.isIntersecting)\n        })\n      })\n      observer.observe(lastMessageRef.current)\n    }\n  }, [webchatState.messagesComponents])\n\n  useEffect(() => {\n    if (!notificationsEnabled) {\n      if (webchatState.typing) {\n        scrollToTyping()\n        return\n      }\n\n      scrollToLastMessage()\n    }\n  }, [webchatState.typing, webchatState.messagesComponents])\n\n  useEffect(() => {\n    if (webchatState.isWebchatOpen && notificationsEnabled) {\n      if (unreadMessagesBannerRef.current) {\n        scrollToBanner()\n        return\n      }\n\n      if (webchatState.typing) {\n        scrollToTyping()\n        return\n      }\n\n      scrollToLastMessage()\n    }\n  }, [\n    firstUnreadMessageId,\n    webchatState.isWebchatOpen,\n    webchatState.typing,\n    webchatState.messagesComponents,\n  ])\n\n  const showScrollButton =\n    webchatState.numUnreadMessages > 0 && !webchatState.isLastMessageVisible\n\n  return (\n    <>\n      <ScrollableMessageList\n        id={BotonicContainerId.ScrollableMessagesList}\n        ref={scrollableMessagesListRef}\n        role={ROLES.MESSAGE_LIST}\n      >\n        <IntroMessage />\n        {webchatState.messagesComponents.map((messageComponent, index) => {\n          const messageId = messageComponent.props.id\n          const sentBySystem = messageComponent.props?.sentBy === SENDERS.system\n\n          // Check if system message is followed by a regular message (user/bot)\n          const nextMessage = webchatState.messagesComponents[index + 1]\n          const isSystemMessageFollowedByMessage =\n            sentBySystem &&\n            nextMessage &&\n            nextMessage.props?.sentBy !== SENDERS.system\n\n          return (\n            <React.Fragment key={messageId}>\n              <MessageContainer\n                role={sentBySystem ? ROLES.SYSTEM_MESSAGE : ROLES.MESSAGE}\n                $isLastSystemMessage={isSystemMessageFollowedByMessage}\n              >\n                {showUnreadMessagesBanner(messageId) && (\n                  <UnreadMessagesBanner\n                    unreadMessagesBannerRef={unreadMessagesBannerRef}\n                  />\n                )}\n                {messageComponent}\n              </MessageContainer>\n              {index === webchatState.messagesComponents.length - 1 && (\n                <div\n                  ref={lastMessageRef}\n                  style={{\n                    content: '',\n                  }}\n                ></div>\n              )}\n            </React.Fragment>\n          )\n        })}\n        {webchatState.typing && <TypingIndicator ref={typingRef} />}\n      </ScrollableMessageList>\n      {showScrollButton && <ScrollButton handleClick={handleScrollToBottom} />}\n    </>\n  )\n}\n"],"names":["React","useContext","useEffect","useRef","useState","ROLES","SENDERS","WebchatContext","BotonicContainerId","TypingIndicator","IntroMessage","ScrollButton","MessageContainer","ScrollableMessageList","UnreadMessagesBanner","useNotifications","SCROLL_TIMEOUT","scrollOptionsEnd","scrollOptionsCenter","WebchatMessageList","webchatState","resetUnreadMessages","setLastMessageVisible","scrollableMessagesListRef","notificationsEnabled","firstUnreadMessageId","setFirstUnreadMessageId","lastMessageRef","typingRef","unreadMessagesBannerRef","scrollToTyping","setTimeout","scrollToLastMessage","scrollToBanner","handleScrollToBottom","showUnreadMessagesBanner","messageComponentId","firstUnreadMessage","message","observer","IntersectionObserver","entries","entry","showScrollButton","messageComponent","index","messageId","sentBySystem","nextMessage","isSystemMessageFollowedByMessage"],"mappings":"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"}

package/lib/esm/webchat/message-list/intro-message.d.ts

@@ -1 +0,0 @@
-export declare const IntroMessage: () => import("react/jsx-runtime").JSX.Element | null;

package/lib/esm/webchat/message-list/intro-message.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"webchat/message-list/intro-message.js","sources":["../../../../src/webchat/message-list/intro-message.tsx"],"sourcesContent":["import { useContext } from 'react'\n\nimport { WEBCHAT } from '../../constants'\nimport { Fade } from '../../shared/styles'\nimport { resolveImage } from '../../util/environment'\nimport { ConditionalWrapper } from '../../util/react'\nimport { WebchatContext } from '../../webchat/context'\nimport { DefaultIntroImage } from './styles'\n\nexport const IntroMessage = () => {\n  const { getThemeProperty } = useContext(WebchatContext)\n\n  const animationsEnabled = getThemeProperty(\n    WEBCHAT.CUSTOM_PROPERTIES.enableAnimations\n  )\n  const CustomIntro = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.customIntro)\n  const introImage = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.introImage)\n  const introStyle = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.introStyle)\n\n  const DefaultIntro = introImage && (\n    <DefaultIntroImage\n      style={{\n        ...introStyle,\n      }}\n      src={resolveImage(introImage)}\n    />\n  )\n\n  return CustomIntro || DefaultIntro ? (\n    <ConditionalWrapper\n      condition={animationsEnabled}\n      wrapper={children => <Fade>{children}</Fade>}\n    >\n      {CustomIntro ? <CustomIntro /> : DefaultIntro}\n    </ConditionalWrapper>\n  ) : null\n}\n"],"names":["useContext","WEBCHAT","Fade","resolveImage","ConditionalWrapper","WebchatContext","DefaultIntroImage","IntroMessage","getThemeProperty","animationsEnabled","CustomIntro","introImage","introStyle","DefaultIntro","children"],"mappings":";;;;;;;;;;;;;;;;;;AAAkC;AAEO;AACC;AACW;AACA;AACC;AACV;AAErC,MAAMO,YAAYA,GAAG;IAC1B,MAAM,EAAEC,gBAAgB,EAAE,GAAGR,UAAUA,CAACK,cAAcA;IAEtD,MAAMI,oBAAoBD,iBACxBP,0CAA0C;IAE5C,MAAMS,cAAcF,iBAAiBP,qCAAqC;IAC1E,MAAMU,aAAaH,iBAAiBP,oCAAoC;IACxE,MAAMW,aAAaJ,iBAAiBP,oCAAoC;IAExE,MAAMY,eAAeF,4BACnB,IAACL,iBAAiBA;QAChB,OAAO;YACL,GAAGM,UAAU;QACf;QACA,KAAKT,YAAYA,CAACQ;;IAItB,OAAOD,eAAeG,6BACpB,IAACT,kBAAkBA;QACjB,WAAWK;QACX,SAASK,CAAAA,yBAAY,IAACZ,IAAIA;0BAAEY;;kBAE3BJ,4BAAc,IAACA,mBAAiBG;SAEjC;AACN,EAAC"}

package/lib/esm/webchat/message-list/scroll-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"webchat/message-list/scroll-button.js","sources":["../../../../src/webchat/message-list/scroll-button.tsx"],"sourcesContent":["/** biome-ignore-all lint/a11y/useAltText: This is a SVG icon */\nimport ArrowScrollDown from '../../assets/arrow-scroll-down.svg'\nimport { resolveImage } from '../../util/environment'\nimport { ContainerScrollButton } from './styles'\nimport { useDebounce } from './use-debounce'\nimport { useNotifications } from './use-notifications'\n\ninterface ScrollButtonProps {\n  handleClick: () => void\n}\n\nexport const ScrollButton = ({\n  handleClick,\n}: ScrollButtonProps): JSX.Element => {\n  const { CustomScrollButton, scrollButtonEnabled } = useNotifications()\n\n  const show = useDebounce()\n\n  return (\n    <>\n      {scrollButtonEnabled && show ? (\n        CustomScrollButton ? (\n          <CustomScrollButton handleScrollToBottom={handleClick} />\n        ) : (\n          <ContainerScrollButton onClick={handleClick}>\n            <img src={resolveImage(ArrowScrollDown)} />\n          </ContainerScrollButton>\n        )\n      ) : null}\n    </>\n  )\n}\n"],"names":["ArrowScrollDown","resolveImage","ContainerScrollButton","useDebounce","useNotifications","ScrollButton","handleClick","CustomScrollButton","scrollButtonEnabled","show"],"mappings":";;;;;;;;;;;;;;AAAA,8DAA8D,GACE;AACX;AACL;AACJ;AACU;AAM/C,MAAMK,YAAYA,GAAG,CAAC,EAC3BC,WAAW,EACO;IAClB,MAAM,EAAEC,kBAAkB,EAAEC,mBAAmB,EAAE,GAAGJ,gBAAgBA;IAEpE,MAAMK,OAAON,WAAWA;IAExB,qBACE;kBACGK,uBAAuBC,OACtBF,mCACE,IAACA;YAAmB,sBAAsBD;2BAE1C,IAACJ,qBAAqBA;YAAC,SAASI;sBAC9B,kBAAC;gBAAI,KAAKL,YAAYA,CAACD,iBAAeA;;aAGxC;;AAGV,EAAC"}

package/lib/esm/webchat/message-list/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"webchat/message-list/styles.js","sources":["../../../../src/webchat/message-list/styles.ts"],"sourcesContent":["import styled from 'styled-components'\n\ninterface MessageContainerProps {\n  $isLastSystemMessage?: boolean\n}\n\nexport const MessageContainer = styled.div<MessageContainerProps>`\n  display: flex;\n  overflow-x: hidden;\n  flex-direction: column;\n  flex: none;\n  white-space: pre;\n  word-wrap: break-word;\n  margin-bottom: ${({ $isLastSystemMessage }) =>\n    $isLastSystemMessage ? '8px' : '0'};\n`\n\nexport const DefaultIntroImage = styled.img`\n  max-height: 50%;\n  width: 100%;\n`\n\nexport const ContainerScrollButton = styled.div`\n  position: sticky;\n  left: 85%;\n  bottom: 15px;\n\n  background-color: #6d6a78;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 37px;\n  height: 37px;\n  border-radius: 50%;\n`\n\nexport const ContainerUnreadMessagesBanner = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 5px;\n\n  border-top: 1px solid #e8e8ea;\n  padding: 8px;\n  color: #6d6a78;\n  font-size: 14px;\n  font-weight: 400;\n  width: 100%;\n\n  img {\n    width: 10px;\n  }\n`\n\nexport const ScrollableMessageList = styled.div`\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  overflow-y: auto;\n  overflow-x: hidden;\n  overscroll-behavior: contain; // https://css-tricks.com/almanac/properties/o/overscroll-behavior/\n  scroll-behavior: smooth;\n  -webkit-overflow-scrolling: touch;\n`\n"],"names":["styled","MessageContainer","$isLastSystemMessage","DefaultIntroImage","ContainerScrollButton","ContainerUnreadMessagesBanner","ScrollableMessageList"],"mappings":";;;AAAsC;AAM/B,MAAMC,gBAAgBA,GAAGD,qBAAiC,CAAC;;;;;;;iBAOjD,EAAE,CAAC,EAAEE,oBAAoB,EAAE,GACxCA,uBAAuB,QAAQ,IAAI;AACvC,CAAC;AAEM,MAAMC,iBAAiBA,GAAGH,qBAAU,CAAC;;;AAG5C,CAAC;AAEM,MAAMI,qBAAqBA,GAAGJ,qBAAU,CAAC;;;;;;;;;;;;;;AAchD,CAAC;AAEM,MAAMK,6BAA6BA,GAAGL,qBAAU,CAAC;;;;;;;;;;;;;;;;AAgBxD,CAAC;AAEM,MAAMM,qBAAqBA,GAAGN,qBAAU,CAAC;;;;;;;;;AAShD,CAAC"}

package/lib/esm/webchat/message-list/unread-messages-banner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"webchat/message-list/unread-messages-banner.js","sources":["../../../../src/webchat/message-list/unread-messages-banner.tsx"],"sourcesContent":["/** biome-ignore-all lint/a11y/useAltText: we need to use alt text for the unread messages banner */\nimport type React from 'react'\nimport { useContext } from 'react'\n\nimport ArrowDown from '../../assets/arrow-down.svg'\nimport { resolveImage } from '../../util/environment'\nimport { WebchatContext } from '../../webchat/context'\nimport { ContainerUnreadMessagesBanner } from './styles'\nimport { useNotifications } from './use-notifications'\n\ninterface UnreadMessagesBannerProps {\n  unreadMessagesBannerRef: React.RefObject<HTMLDivElement>\n}\n\nexport const UnreadMessagesBanner = ({\n  unreadMessagesBannerRef,\n}: UnreadMessagesBannerProps): JSX.Element => {\n  const { webchatState } = useContext(WebchatContext)\n\n  const { notificationsEnabled, CustomUnreadMessagesBanner, bannerText } =\n    useNotifications()\n\n  return (\n    <>\n      {notificationsEnabled ? (\n        <div ref={unreadMessagesBannerRef}>\n          {CustomUnreadMessagesBanner ? (\n            <CustomUnreadMessagesBanner />\n          ) : (\n            <ContainerUnreadMessagesBanner>\n              <img src={resolveImage(ArrowDown)} />\n              {webchatState.numUnreadMessages} {bannerText}\n            </ContainerUnreadMessagesBanner>\n          )}\n        </div>\n      ) : null}\n    </>\n  )\n}\n"],"names":["useContext","ArrowDown","resolveImage","WebchatContext","ContainerUnreadMessagesBanner","useNotifications","UnreadMessagesBanner","unreadMessagesBannerRef","webchatState","notificationsEnabled","CustomUnreadMessagesBanner","bannerText"],"mappings":";;;;;;;;;;;;;;;AAAA,kGAAkG;AAEhE;AAEiB;AACE;AACC;AACE;AACF;AAM/C,MAAMM,oBAAoBA,GAAG,CAAC,EACnCC,uBAAuB,EACG;IAC1B,MAAM,EAAEC,YAAY,EAAE,GAAGR,UAAUA,CAACG,cAAcA;IAElD,MAAM,EAAEM,oBAAoB,EAAEC,0BAA0B,EAAEC,UAAU,EAAE,GACpEN,gBAAgBA;IAElB,qBACE;kBACGI,qCACC,IAAC;YAAI,KAAKF;sBACPG,2CACC,IAACA,gDAED,KAACN,6BAA6BA;;kCAC5B,IAAC;wBAAI,KAAKF,YAAYA,CAACD,UAASA;;oBAC/BO,aAAa,iBAAiB;oBAAC;oBAAEG;;;aAItC;;AAGV,EAAC"}

package/lib/esm/webchat/message-list/use-debounce.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"webchat/message-list/use-debounce.js","sources":["../../../../src/webchat/message-list/use-debounce.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nexport function useDebounce(delay?: number) {\n  const [show, setShow] = useState(false)\n  useEffect(() => {\n    const timeoutId = setTimeout(() => {\n      setShow(true)\n    }, delay || 500)\n\n    return () => {\n      clearTimeout(timeoutId)\n    }\n  }, [])\n\n  return show\n}\n"],"names":["useEffect","useState","useDebounce","delay","show","setShow","timeoutId","setTimeout","clearTimeout"],"mappings":";;;AAA2C;AAEpC,SAASE,WAAWA,CAACC,KAAc;IACxC,MAAM,CAACC,MAAMC,QAAQ,GAAGJ,QAAQA,CAAC;IACjCD,SAASA,CAAC;QACR,MAAMM,YAAYC,WAAW;YAC3BF,QAAQ;QACV,GAAGF,SAAS;QAEZ,OAAO;YACLK,aAAaF;QACf;IACF,GAAG,EAAE;IAEL,OAAOF;AACT"}

package/lib/esm/webchat/message-list/use-notifications.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"webchat/message-list/use-notifications.js","sources":["../../../../src/webchat/message-list/use-notifications.ts"],"sourcesContent":["import { useContext } from 'react'\n\nimport { WEBCHAT } from '../../constants'\nimport { WebchatContext } from '../../webchat/context'\n\nexport function useNotifications() {\n  const { getThemeProperty } = useContext(WebchatContext)\n\n  const CustomUnreadMessagesBanner = getThemeProperty(\n    WEBCHAT.CUSTOM_PROPERTIES.notificationsBannerCustom\n  )\n\n  const notificationsBannerEnabled = getThemeProperty(\n    WEBCHAT.CUSTOM_PROPERTIES.notificationsBannerEnabled\n  )\n\n  const notificationsEnabled = getThemeProperty(\n    WEBCHAT.CUSTOM_PROPERTIES.notificationsEnabled,\n    CustomUnreadMessagesBanner || notificationsBannerEnabled\n  )\n\n  const bannerText = getThemeProperty(\n    WEBCHAT.CUSTOM_PROPERTIES.notificationsBannerText\n  )\n\n  const CustomScrollButton = getThemeProperty(\n    WEBCHAT.CUSTOM_PROPERTIES.scrollButtonCustom\n  )\n\n  const scrollButtonEnabled = getThemeProperty(\n    WEBCHAT.CUSTOM_PROPERTIES.scrollButtonEnabled,\n    CustomScrollButton\n  )\n\n  return {\n    notificationsEnabled,\n    bannerText,\n    CustomUnreadMessagesBanner,\n    CustomScrollButton,\n    scrollButtonEnabled,\n  }\n}\n"],"names":["useContext","WEBCHAT","WebchatContext","useNotifications","getThemeProperty","CustomUnreadMessagesBanner","notificationsBannerEnabled","notificationsEnabled","bannerText","CustomScrollButton","scrollButtonEnabled"],"mappings":";;;;;;;AAAkC;AAEO;AACa;AAE/C,SAASG,gBAAgBA;IAC9B,MAAM,EAAEC,gBAAgB,EAAE,GAAGJ,UAAUA,CAACE,cAAcA;IAEtD,MAAMG,6BAA6BD,iBACjCH,mDAAmD;IAGrD,MAAMK,6BAA6BF,iBACjCH,oDAAoD;IAGtD,MAAMM,uBAAuBH,iBAC3BH,8CAA8C,EAC9CI,8BAA8BC;IAGhC,MAAME,aAAaJ,iBACjBH,iDAAiD;IAGnD,MAAMQ,qBAAqBL,iBACzBH,4CAA4C;IAG9C,MAAMS,sBAAsBN,iBAC1BH,6CAA6C,EAC7CQ;IAGF,OAAO;QACLF;QACAC;QACAH;QACAI;QACAC;IACF;AACF"}

package/lib/esm/webchat/replies/index.d.ts

@@ -1 +0,0 @@
-export declare const WebchatReplies: () => import("react/jsx-runtime").JSX.Element;

package/lib/esm/webchat/replies/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"webchat/replies/index.js","sources":["../../../../src/webchat/replies/index.tsx"],"sourcesContent":["import { useContext } from 'react'\n\nimport { WEBCHAT } from '../../constants'\nimport { WebchatContext } from '../../webchat/context'\nimport { BotonicContainerId } from '../constants'\nimport { RepliesContainer, ReplyContainer, ScrollableReplies } from './styles'\n\nconst options = {\n  left: 'flex-start',\n  center: 'center',\n  right: 'flex-end',\n}\n\nexport const WebchatReplies = () => {\n  const { webchatState, getThemeProperty, repliesRef } =\n    useContext(WebchatContext)\n\n  let justifyContent = 'center'\n  const flexWrap = getThemeProperty(\n    WEBCHAT.CUSTOM_PROPERTIES.wrapReplies,\n    'wrap'\n  )\n\n  if (flexWrap === 'nowrap') {\n    justifyContent = 'flex-start'\n  } else if (getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.alignReplies)) {\n    justifyContent =\n      options[getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.alignReplies)]\n  }\n\n  return (\n    <ScrollableReplies>\n      <RepliesContainer\n        id={BotonicContainerId.RepliesContainer}\n        ref={repliesRef}\n        className='replies-container'\n        justify={justifyContent}\n        wrap={flexWrap}\n      >\n        {webchatState.replies?.map((reply, i) => (\n          // @ts-expect-error TODO: In this point reply is the the component to render\n          <ReplyContainer key={`reply-${i}`}>{reply}</ReplyContainer>\n        ))}\n      </RepliesContainer>\n    </ScrollableReplies>\n  )\n}\n"],"names":["useContext","WEBCHAT","WebchatContext","BotonicContainerId","RepliesContainer","ReplyContainer","ScrollableReplies","options","WebchatReplies","webchatState","getThemeProperty","repliesRef","justifyContent","flexWrap","reply","i"],"mappings":";;;;;;;;;;;;;;AAAkC;AAEO;AACa;AACL;AAC6B;AAE9E,MAAMO,OAAOA,GAAG;IACd,MAAM;IACN,QAAQ;IACR,OAAO;AACT;AAEO,MAAMC,cAAcA,GAAG;IAC5B,MAAM,EAAEC,YAAY,EAAEC,gBAAgB,EAAEC,UAAU,EAAE,GAClDX,UAAUA,CAACE,cAAcA;IAE3B,IAAIU,iBAAiB;IACrB,MAAMC,WAAWH,iBACfT,qCAAqC,EACrC;IAGF,IAAIY,aAAa,UAAU;QACzBD,iBAAiB;IACnB,OAAO,IAAIF,iBAAiBT,sCAAsC,GAAG;QACnEW,iBACEL,OAAO,CAACG,iBAAiBT,sCAAsC,EAAE;IACrE;IAEA,qBACE,IAACK,iBAAiBA;kBAChB,kBAACF,gBAAgBA;YACf,IAAID,mCAAmC;YACvC,KAAKQ;YACL,WAAU;YACV,SAASC;YACT,MAAMC;sBAELJ,aAAa,OAAO,EAAE,IAAI,CAACK,OAAOC,IACjC,4EAA4E;8BAC5E,IAACV,cAAcA;8BAAqBS;mBAAf,CAAC,MAAM,EAAEC,GAAG;;;AAK3C,EAAC"}

package/lib/esm/webchat/replies/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"webchat/replies/styles.js","sources":["../../../../src/webchat/replies/styles.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const ScrollableReplies = styled.div`\n  overscroll-behavior: contain;\n  -webkit-overflow-scrolling: touch;\n`\n\ninterface RepliesContainerProps {\n  justify: string\n  wrap: string\n}\n\nexport const RepliesContainer = styled.div<RepliesContainerProps>`\n  display: flex;\n  text-align: center;\n  justify-content: ${props => props.justify};\n  flex-wrap: ${props => props.wrap};\n  padding-bottom: 10px;\n  margin-left: 5px;\n  margin-right: 5px;\n  overflow-x: auto;\n`\n\nexport const ReplyContainer = styled.div`\n  flex: none;\n  display: inline-block;\n  margin: 3px;\n`\n"],"names":["styled","ScrollableReplies","RepliesContainer","props","ReplyContainer"],"mappings":";;;AAAsC;AAE/B,MAAMC,iBAAiBA,GAAGD,qBAAU,CAAC;;;AAG5C,CAAC;AAOM,MAAME,gBAAgBA,GAAGF,qBAAiC,CAAC;;;mBAG/C,EAAEG,CAAAA,QAASA,MAAM,OAAO,CAAC;aAC/B,EAAEA,CAAAA,QAASA,MAAM,IAAI,CAAC;;;;;AAKnC,CAAC;AAEM,MAAMC,cAAcA,GAAGJ,qBAAU,CAAC;;;;AAIzC,CAAC"}

package/lib/esm/webchat/session-view.d.ts

@@ -1 +0,0 @@
-export function SessionView(props: any): import("react/jsx-runtime").JSX.Element;

package/lib/esm/webchat/session-view.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"webchat/session-view.js","sources":["../../../src/webchat/session-view.jsx"],"sourcesContent":["import { JSONTree } from 'react-json-tree'\nimport styled from 'styled-components'\n\nimport { COLORS } from '../constants'\nimport { useWebchat } from './context/use-webchat'\n\nconst AttributeContainer = styled.div`\n  display: flex;\n  flex: none;\n  padding: 12px;\n  padding-bottom: 0px;\n  font-size: 12px;\n  font-weight: 600;\n  color: ${COLORS.SOLID_WHITE};\n  align-items: center;\n`\n\nconst Label = styled.div`\n  flex: none;\n`\n\nconst Value = styled.div`\n  flex: 1 1 auto;\n  max-height: 20px;\n  font-size: 16px;\n  font-weight: 400;\n  margin-left: 6px;\n  color: ${COLORS.CURIOUS_BLUE};\n  overflow-x: hidden;\n`\n\nconst SessionViewAttribute = props => (\n  <AttributeContainer>\n    <Label>{props.label}</Label>\n    <Value>{props.value}</Value>\n  </AttributeContainer>\n)\n\nconst SessionViewContent = styled.div`\n  position: relative;\n  width: ${props => (props.show ? '100%' : '0%')};\n  height: 100%;\n  display: flex;\n  background-color: ${COLORS.DAINTREE_BLUE};\n  font-family: Arial, Helvetica, sans-serif;\n  flex-direction: column;\n  z-index: 100000;\n  transition: all 0.2s ease-in-out;\n`\n\nconst ToggleTab = styled.div`\n  position: absolute;\n  top: 10px;\n  right: -32px;\n  width: 32px;\n  height: 32px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: ${COLORS.SOLID_WHITE_ALPHA_0_8};\n  font-size: 14px;\n  font-weight: 600;\n  background-color: ${COLORS.DAINTREE_BLUE};\n  flex-direction: column;\n  z-index: 100000;\n  border-top-right-radius: 6px;\n  border-bottom-right-radius: 6px;\n`\n\nconst ContentContainer = styled.div`\n  overflow-y: auto;\n  overflow-x: auto;\n  display: flex;\n  flex: 1 1 auto;\n  flex-direction: column;\n`\n\nconst Title = styled.div`\n  padding: 12px;\n  text-align: center;\n  color: ${COLORS.SOLID_WHITE};\n  border-bottom: 1px solid ${COLORS.SOLID_WHITE_ALPHA_0_2};\n`\n\nconst SessionContainer = styled.div`\n  flex: 1 1 auto;\n  height: 100%;\n  overflow-y: auto;\n`\n\nconst KeepSessionContainer = styled.div`\n  flex: none;\n  padding: 12px;\n  color: ${COLORS.SOLID_WHITE_ALPHA_0_8};\n  font-size: 12px;\n`\n\nexport const SessionView = props => {\n  const { webchatState, updateDevSettings } = props.webchatHooks || useWebchat()\n  const { latestInput: input, session, lastRoutePath } = webchatState\n  const toggleSessionView = () =>\n    updateDevSettings({\n      ...webchatState.devSettings,\n      showSessionView: !webchatState.devSettings.showSessionView,\n    })\n  const toggleKeepSessionOnReload = () =>\n    updateDevSettings({\n      ...webchatState.devSettings,\n      keepSessionOnReload: !webchatState.devSettings.keepSessionOnReload,\n    })\n  return (\n    <SessionViewContent show={webchatState.devSettings.showSessionView}>\n      <ToggleTab onClick={toggleSessionView}>\n        {webchatState.devSettings.showSessionView ? '⇤' : '⇥'}\n      </ToggleTab>\n      <ContentContainer>\n        <Title>Botonic Dev Console</Title>\n        <SessionViewAttribute\n          label='INPUT:'\n          value={\n            input && Object.keys(input).length\n              ? `[${input.type}] ${input.data || ''}`\n              : ''\n          }\n        />\n        <SessionViewAttribute label='PAYLOAD:' value={input.payload} />\n        <SessionViewAttribute\n          label='PATH:'\n          value={lastRoutePath ? `/${lastRoutePath}` : '/'}\n        />\n        <SessionViewAttribute label='SESSION:' />\n        <SessionContainer>\n          <JSONTree data={session} hideRoot={true} />\n        </SessionContainer>\n        <KeepSessionContainer>\n          <label>\n            <input\n              type='checkbox'\n              name='toggleKeepSessionOnReload'\n              checked={Boolean(webchatState.devSettings.keepSessionOnReload)}\n              onChange={toggleKeepSessionOnReload}\n            />\n            Keep session on reload\n          </label>\n        </KeepSessionContainer>\n      </ContentContainer>\n    </SessionViewContent>\n  )\n}\n"],"names":["JSONTree","styled","COLORS","useWebchat","AttributeContainer","Label","Value","SessionViewAttribute","props","SessionViewContent","ToggleTab","ContentContainer","Title","SessionContainer","KeepSessionContainer","SessionView","webchatState","updateDevSettings","input","session","lastRoutePath","toggleSessionView","toggleKeepSessionOnReload","Object","Boolean"],"mappings":";;;;;;;;;;;;AAA0C;AACJ;AAED;AACa;AAElD,MAAMI,kBAAkBA,GAAGH,qBAAU,CAAC;;;;;;;SAO7B,EAAEC,kBAAkB,CAAC;;AAE9B,CAAC;AAED,MAAMG,KAAKA,GAAGJ,qBAAU,CAAC;;AAEzB,CAAC;AAED,MAAMK,KAAKA,GAAGL,qBAAU,CAAC;;;;;;SAMhB,EAAEC,mBAAmB,CAAC;;AAE/B,CAAC;AAED,MAAMK,oBAAoBA,GAAGC,CAAAA,sBAC3B,KAACJ,kBAAkBA;;0BACjB,IAACC,KAAKA;0BAAEG,MAAM,KAAK;;0BACnB,IAACF,KAAKA;0BAAEE,MAAM,KAAK;;;;AAIvB,MAAMC,kBAAkBA,GAAGR,qBAAU,CAAC;;SAE7B,EAAEO,CAAAA,QAAUA,MAAM,IAAI,GAAG,SAAS,KAAM;;;oBAG7B,EAAEN,oBAAoB,CAAC;;;;;AAK3C,CAAC;AAED,MAAMQ,SAASA,GAAGT,qBAAU,CAAC;;;;;;;;;;SAUpB,EAAEC,4BAA4B,CAAC;;;oBAGpB,EAAEA,oBAAoB,CAAC;;;;;AAK3C,CAAC;AAED,MAAMS,gBAAgBA,GAAGV,qBAAU,CAAC;;;;;;AAMpC,CAAC;AAED,MAAMW,KAAKA,GAAGX,qBAAU,CAAC;;;SAGhB,EAAEC,kBAAkB,CAAC;2BACH,EAAEA,4BAA4B,CAAC;AAC1D,CAAC;AAED,MAAMW,gBAAgBA,GAAGZ,qBAAU,CAAC;;;;AAIpC,CAAC;AAED,MAAMa,oBAAoBA,GAAGb,qBAAU,CAAC;;;SAG/B,EAAEC,4BAA4B,CAAC;;AAExC,CAAC;AAEM,MAAMa,WAAWA,GAAGP,CAAAA;IACzB,MAAM,EAAEQ,YAAY,EAAEC,iBAAiB,EAAE,GAAGT,MAAM,YAAY,IAAIL,UAAUA;IAC5E,MAAM,EAAE,aAAae,KAAK,EAAEC,OAAO,EAAEC,aAAa,EAAE,GAAGJ;IACvD,MAAMK,oBAAoB,IACxBJ,kBAAkB;YAChB,GAAGD,aAAa,WAAW;YAC3B,iBAAiB,CAACA,aAAa,WAAW,CAAC,eAAe;QAC5D;IACF,MAAMM,4BAA4B,IAChCL,kBAAkB;YAChB,GAAGD,aAAa,WAAW;YAC3B,qBAAqB,CAACA,aAAa,WAAW,CAAC,mBAAmB;QACpE;IACF,qBACE,KAACP,kBAAkBA;QAAC,MAAMO,aAAa,WAAW,CAAC,eAAe;;0BAChE,IAACN,SAASA;gBAAC,SAASW;0BACjBL,aAAa,WAAW,CAAC,eAAe,GAAG,MAAM;;0BAEpD,KAACL,gBAAgBA;;kCACf,IAACC,KAAKA;kCAAC;;kCACP,IAACL,oBAAoBA;wBACnB,OAAM;wBACN,OACEW,SAASK,OAAO,IAAI,CAACL,OAAO,MAAM,GAC9B,CAAC,CAAC,EAAEA,MAAM,IAAI,CAAC,EAAE,EAAEA,MAAM,IAAI,IAAI,IAAI,GACrC;;kCAGR,IAACX,oBAAoBA;wBAAC,OAAM;wBAAW,OAAOW,MAAM,OAAO;;kCAC3D,IAACX,oBAAoBA;wBACnB,OAAM;wBACN,OAAOa,gBAAgB,CAAC,CAAC,EAAEA,eAAe,GAAG;;kCAE/C,IAACb,oBAAoBA;wBAAC,OAAM;;kCAC5B,IAACM,gBAAgBA;kCACf,kBAACb,QAAQA;4BAAC,MAAMmB;4BAAS,UAAU;;;kCAErC,IAACL,oBAAoBA;kCACnB,mBAAC;;8CACC,IAAC;oCACC,MAAK;oCACL,MAAK;oCACL,SAASU,QAAQR,aAAa,WAAW,CAAC,mBAAmB;oCAC7D,UAAUM;;gCACV;;;;;;;;AAOd,EAAC"}

package/lib/esm/webchat/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"webchat/styles.js","sources":["../../../src/webchat/styles.ts"],"sourcesContent":["import styled from 'styled-components'\n\nimport { COLORS } from '../constants'\n\nexport const StyledWebchat = styled.div`\n  position: fixed;\n  right: ${props => props.theme.style.right};\n  bottom: ${props => props.theme.style.bottom};\n  width: ${props => props.theme.style.width};\n  height: ${props => props.theme.style.height};\n  margin: auto;\n  background-color: ${props => props.theme.style.backgroundColor};\n  border-radius: 10px;\n  box-shadow: ${props => props.theme.style.boxShadow};\n  font-family: ${props => props.theme.style.fontFamily};\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  overflow: hidden;\n\n  @media (max-width: ${props => props.theme.mobileBreakpoint}px) {\n    position: ${props => props.theme.mobileStyle.position};\n    right: ${props => props.theme.mobileStyle.right};\n    bottom: ${props => props.theme.mobileStyle.bottom};\n    width: ${props => props.theme.mobileStyle.width};\n    height: ${props => props.theme.mobileStyle.height};\n    border-radius: ${props => props.theme.mobileStyle.borderRadius};\n    font-size: ${props => props.theme.mobileStyle.fontSize};\n  }\n`\n\nexport const ErrorMessageContainer = styled.div`\n  position: relative;\n  display: flex;\n  z-index: 1;\n  justify-content: center;\n  width: 100%;\n`\n\nexport const ErrorMessage = styled.div`\n  position: absolute;\n  top: 10px;\n  font-size: 14px;\n  line-height: 20px;\n  padding: 4px 11px;\n  display: flex;\n  background-color: ${COLORS.ERROR_RED};\n  color: ${COLORS.CONCRETE_WHITE};\n  border-radius: 5px;\n  align-items: center;\n  justify-content: center;\n  font-family: ${props => props.theme.style.fontFamily};\n`\n\nexport const DarkBackgroundMenu = styled.div`\n  background: ${COLORS.SOLID_BLACK};\n  opacity: 0.3;\n  z-index: 1;\n  right: 0;\n  bottom: 0;\n  border-radius: 10px;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n`\n"],"names":["styled","COLORS","StyledWebchat","props","ErrorMessageContainer","ErrorMessage","DarkBackgroundMenu"],"mappings":";;;;;AAAsC;AAED;AAE9B,MAAME,aAAaA,GAAGF,qBAAU,CAAC;;SAE/B,EAAEG,CAAAA,QAASA,MAAM,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC;UAClC,EAAEA,CAAAA,QAASA,MAAM,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC;SACrC,EAAEA,CAAAA,QAASA,MAAM,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC;UAClC,EAAEA,CAAAA,QAASA,MAAM,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC;;oBAE1B,EAAEA,CAAAA,QAASA,MAAM,KAAK,CAAC,KAAK,CAAC,eAAe,CAAC;;cAEnD,EAAEA,CAAAA,QAASA,MAAM,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC;eACtC,EAAEA,CAAAA,QAASA,MAAM,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC;;;;;;qBAMlC,EAAEA,CAAAA,QAASA,MAAM,KAAK,CAAC,gBAAgB,CAAC;cAC/C,EAAEA,CAAAA,QAASA,MAAM,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC;WAC/C,EAAEA,CAAAA,QAASA,MAAM,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC;YACxC,EAAEA,CAAAA,QAASA,MAAM,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC;WAC3C,EAAEA,CAAAA,QAASA,MAAM,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC;YACxC,EAAEA,CAAAA,QAASA,MAAM,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC;mBACnC,EAAEA,CAAAA,QAASA,MAAM,KAAK,CAAC,WAAW,CAAC,YAAY,CAAC;eACpD,EAAEA,CAAAA,QAASA,MAAM,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC;;AAE3D,CAAC;AAEM,MAAMC,qBAAqBA,GAAGJ,qBAAU,CAAC;;;;;;AAMhD,CAAC;AAEM,MAAMK,YAAYA,GAAGL,qBAAU,CAAC;;;;;;;oBAOnB,EAAEC,gBAAgB,CAAC;SAC9B,EAAEA,qBAAqB,CAAC;;;;eAIlB,EAAEE,CAAAA,QAASA,MAAM,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC;AACvD,CAAC;AAEM,MAAMG,kBAAkBA,GAAGN,qBAAU,CAAC;cAC/B,EAAEC,kBAAkB,CAAC;;;;;;;;;AASnC,CAAC"}

package/lib/esm/webchat/theme/default-theme.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"webchat/theme/default-theme.js","sources":["../../../../src/webchat/theme/default-theme.ts"],"sourcesContent":["import { COLORS, WEBCHAT, WEBCHAT_DEFAULT_CONTENTS } from '../../constants'\nimport type { WebchatTheme } from './types'\n\nexport const defaultTheme: WebchatTheme = {\n  style: {\n    width: '300px',\n    height: '450px',\n    borderRadius: '10px',\n    fontFamily: \"'Noto Sans JP', sans-serif\",\n    fontSize: '16px',\n    position: 'fixed',\n    right: '20px',\n    bottom: '20px',\n    backgroundColor: COLORS.SOLID_WHITE,\n    boxShadow: `${COLORS.SOLID_BLACK_ALPHA_0_2} 0px 0px 12px`,\n  },\n  mobileBreakpoint: 768,\n  mobileStyle: {\n    width: '100%',\n    height: '100%',\n    borderRadius: '0px',\n    fontSize: '16px',\n    position: 'absolute',\n    right: '0px',\n    bottom: '0px',\n  },\n  header: {\n    title: 'Botonic',\n    subtitle: '',\n    image: WEBCHAT.DEFAULTS.LOGO,\n    style: {\n      borderRadius: '10px 10px 0px 0px',\n    },\n    mobileStyle: {\n      borderRadius: '0px',\n    },\n  },\n  brand: {\n    color: COLORS.BOTONIC_BLUE,\n    image: WEBCHAT.DEFAULTS.LOGO,\n  },\n  button: {\n    autodisable: false,\n    disabledstyle: {\n      opacity: 0.5,\n      cursor: 'auto',\n      pointerEvents: 'none',\n    },\n    messageType: 'text',\n    hoverBackground: COLORS.CONCRETE_WHITE,\n    hoverTextColor: COLORS.SOLID_BLACK,\n    style: {\n      width: '100%',\n      maxHeight: '80px',\n      height: 'auto',\n      fontFamily: 'inherit',\n      fontSize: '14px',\n      fontWeight: 'normal',\n      background: COLORS.SOLID_WHITE,\n      color: COLORS.SOLID_BLACK,\n      outline: '0',\n      border: ` 1px solid ${COLORS.SEASHELL_WHITE}`,\n      borderRadius: '0px',\n      padding: '12px 32px',\n      overflow: 'hidden',\n    },\n    urlIcon: {\n      enable: false,\n      image: WEBCHAT.DEFAULTS.URL_ICON,\n    },\n  },\n  message: {\n    user: {\n      blobTick: true,\n    },\n    bot: {\n      blobTick: true,\n    },\n  },\n  triggerButton: { image: WEBCHAT.DEFAULTS.LOGO },\n  userInput: {\n    attachments: { enable: undefined },\n    box: {\n      placeholder: WEBCHAT_DEFAULT_CONTENTS.INPUT_PLACEHOLDER,\n    },\n    emojiPicker: { enable: undefined },\n    sendButton: { enable: true },\n    enable: true,\n  },\n  carousel: {\n    enableArrows: true,\n  },\n  animations: { enable: true },\n  notifications: {\n    enable: false,\n    banner: {\n      enable: false,\n      text: 'unread messages',\n    },\n    triggerButton: { enable: false },\n  },\n}\n"],"names":["COLORS","WEBCHAT","WEBCHAT_DEFAULT_CONTENTS","defaultTheme","undefined"],"mappings":";;;AAA2E;AAGpE,MAAMG,YAAYA,GAAiB;IACxC,OAAO;QACL,OAAO;QACP,QAAQ;QACR,cAAc;QACd,YAAY;QACZ,UAAU;QACV,UAAU;QACV,OAAO;QACP,QAAQ;QACR,iBAAiBH,kBAAkB;QACnC,WAAW,GAAGA,4BAA4B,CAAC,aAAa,CAAC;IAC3D;IACA,kBAAkB;IAClB,aAAa;QACX,OAAO;QACP,QAAQ;QACR,cAAc;QACd,UAAU;QACV,UAAU;QACV,OAAO;QACP,QAAQ;IACV;IACA,QAAQ;QACN,OAAO;QACP,UAAU;QACV,OAAOC,qBAAqB;QAC5B,OAAO;YACL,cAAc;QAChB;QACA,aAAa;YACX,cAAc;QAChB;IACF;IACA,OAAO;QACL,OAAOD,mBAAmB;QAC1B,OAAOC,qBAAqB;IAC9B;IACA,QAAQ;QACN,aAAa;QACb,eAAe;YACb,SAAS;YACT,QAAQ;YACR,eAAe;QACjB;QACA,aAAa;QACb,iBAAiBD,qBAAqB;QACtC,gBAAgBA,kBAAkB;QAClC,OAAO;YACL,OAAO;YACP,WAAW;YACX,QAAQ;YACR,YAAY;YACZ,UAAU;YACV,YAAY;YACZ,YAAYA,kBAAkB;YAC9B,OAAOA,kBAAkB;YACzB,SAAS;YACT,QAAQ,CAAC,WAAW,EAAEA,qBAAqB,EAAE;YAC7C,cAAc;YACd,SAAS;YACT,UAAU;QACZ;QACA,SAAS;YACP,QAAQ;YACR,OAAOC,yBAAyB;QAClC;IACF;IACA,SAAS;QACP,MAAM;YACJ,UAAU;QACZ;QACA,KAAK;YACH,UAAU;QACZ;IACF;IACA,eAAe;QAAE,OAAOA,qBAAqB;IAAC;IAC9C,WAAW;QACT,aAAa;YAAE,QAAQG;QAAU;QACjC,KAAK;YACH,aAAaF,0CAA0C;QACzD;QACA,aAAa;YAAE,QAAQE;QAAU;QACjC,YAAY;YAAE,QAAQ;QAAK;QAC3B,QAAQ;IACV;IACA,UAAU;QACR,cAAc;IAChB;IACA,YAAY;QAAE,QAAQ;IAAK;IAC3B,eAAe;QACb,QAAQ;QACR,QAAQ;YACN,QAAQ;YACR,MAAM;QACR;QACA,eAAe;YAAE,QAAQ;QAAM;IACjC;AACF,EAAC"}

package/lib/esm/webchat/theme/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"webchat/theme/types.js","sources":["../../../../src/webchat/theme/types.ts"],"sourcesContent":["import type {\n  BlockInputOption,\n  ButtonProps,\n  CustomMessageType,\n} from '../../components/index-types'\n\nexport interface ImagePreviewerProps {\n  src: string\n  isPreviewerOpened: boolean\n  closePreviewer: () => void\n}\nexport interface CoverComponentProps {\n  closeComponent: () => void\n}\n\nexport interface CoverComponentOptions {\n  component: React.ComponentType<CoverComponentProps>\n  props?: any\n}\n\nexport type PersistentMenuCloseOption = { closeLabel: string }\nexport type PersistentMenuOption = { label: string } & ButtonProps\n\nexport type PersistentMenuOptionsTheme = (\n  | PersistentMenuCloseOption\n  | PersistentMenuOption\n)[]\n\nexport interface PersistentMenuOptionsProps {\n  onClick: () => void\n  options: any\n}\n\nexport interface BlobProps {\n  blobTick?: boolean\n  blobTickStyle?: any\n  blobWidth?: string\n  imageStyle?: any\n}\n\nexport interface CustomButtonProps {\n  children: React.ReactNode\n  onClick?: () => void\n}\n\ninterface ButtonStyle {\n  width?: string\n  maxHeight?: string\n  height?: string\n  fontFamily?: string\n  fontSize?: string\n  fontWeight?: string\n  background?: string\n  color?: string\n  outline?: string\n  border?: string\n  borderRadius?: string\n  padding?: string\n  overflow?: string\n}\n\nexport interface WebchatTheme {\n  style: {\n    width?: string\n    height?: string\n    borderRadius?: string\n    fontFamily?: string\n    fontSize?: string\n    position?: 'fixed' | 'absolute'\n    right?: string\n    bottom?: string\n    backgroundColor?: string\n    boxShadow?: string\n  }\n  mobileBreakpoint: number\n  mobileStyle: {\n    width?: string\n    height?: string\n    borderRadius?: string\n    fontSize?: string\n    position?: 'fixed' | 'absolute'\n    right?: string\n    bottom?: string\n  }\n\n  coverComponent?: CoverComponentOptions\n  webview?: {\n    style?: any\n    header?: {\n      style?: any\n    }\n  }\n  animations?: { enable?: boolean }\n  intro?: {\n    style?: any\n    image?: string\n    custom?: React.ComponentType\n  }\n  brand?: { color?: string; image?: string }\n  header?: {\n    title?: string\n    subtitle?: string\n    image?: string\n    style?: {\n      borderRadius?: string\n    }\n    mobileStyle?: {\n      borderRadius?: string\n    }\n    custom?: React.ComponentType\n  }\n  message?: {\n    bot?: BlobProps & { image?: string; style?: any }\n    agent?: { image?: string }\n    user?: BlobProps & { style?: any }\n    // TODO: Review type used in customTypes should be a component exported by default with customMessage function\n    customTypes?: CustomMessageType[]\n    style?: any\n    timestamps?: {\n      withImage?: boolean\n      format: () => string\n      style?: any\n      enable?: boolean\n    }\n  }\n  button?: {\n    autodisable?: boolean\n    disabledstyle?: {\n      opacity?: number\n      cursor?: string\n      pointerEvents?: string\n      backgroundColor?: string\n    }\n    hoverBackground?: string\n    hoverTextColor?: string\n    messageType?: 'text' | 'postback'\n    urlIcon?: {\n      image?: string\n      enable?: boolean\n    }\n    style?: ButtonStyle\n    custom?: React.ComponentType<CustomButtonProps>\n  }\n  replies?: {\n    align?: 'left' | 'center' | 'right'\n    wrap?: 'wrap' | 'nowrap'\n  }\n  carousel?: {\n    arrow?: {\n      left: { custom?: React.ComponentType }\n      right: { custom?: React.ComponentType }\n    }\n    enableArrows?: boolean\n  }\n  reply?: {\n    style?: any\n    custom?: React.ComponentType\n  }\n  triggerButton: {\n    image?: string\n    style?: any\n    custom?: React.ComponentType\n  }\n  notifications?: {\n    enable?: boolean\n    banner?: {\n      custom?: React.ComponentType\n      enable?: boolean\n      text?: string\n    }\n    triggerButton?: { enable?: boolean }\n  }\n  scrollButton?: {\n    enable?: boolean\n    custom?: React.ComponentType\n  }\n  markdownStyle?: string // string template with css styles\n  userInput?: {\n    attachments?: {\n      enable?: boolean\n      custom?: React.ComponentType\n    }\n    blockInputs?: BlockInputOption[]\n    box?: {\n      placeholder: string\n      style?: any\n    }\n    emojiPicker?: {\n      enable?: boolean\n      custom?: React.ComponentType\n    }\n    menu?: {\n      darkBackground?: boolean\n      custom?: React.ComponentType<PersistentMenuOptionsProps>\n    }\n    menuButton?: { custom?: React.ComponentType }\n    persistentMenu?: PersistentMenuOptionsTheme\n    sendButton?: {\n      enable?: boolean\n      custom?: React.ComponentType\n    }\n    enable?: boolean\n    style?: any\n  }\n  imagePreviewer?: React.ComponentType<ImagePreviewerProps>\n}\n"],"names":[],"mappings":"AA6MC"}

package/lib/esm/webchat/tracking.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"webchat/tracking.js","sources":["../../../src/webchat/tracking.ts"],"sourcesContent":["import type { EventCustom, EventFeedback } from '@botonic/core'\nimport { useContext } from 'react'\n\nimport type { ActionRequest } from '../index-types'\nimport { WebchatContext } from './context'\n\ninterface UseTracking {\n  trackCustomEvent: (event: EventCustom) => Promise<void>\n  trackFeedbackEvent: (event: EventFeedback) => Promise<void>\n}\n\nexport function useTracking(): UseTracking {\n  const { webchatState, trackEvent } = useContext(WebchatContext)\n\n  const getRequest = () => {\n    const request = {\n      session: {\n        ...webchatState.session,\n      },\n      getUserCountry: () => webchatState.session.user?.country || '',\n      getUserLocale: () => webchatState.session.user?.locale || '',\n      getSystemLocale: () => {\n        return webchatState.session.user?.system_locale || ''\n      },\n    } as unknown as ActionRequest\n\n    return request\n  }\n\n  const trackCustomEvent = async (event: EventCustom) => {\n    if (!trackEvent) {\n      return\n    }\n\n    const request = getRequest()\n    const { action, ...eventArgs } = event\n    await trackEvent(request, action, eventArgs)\n  }\n\n  const trackFeedbackEvent = async (event: EventFeedback) => {\n    if (!trackEvent) {\n      return\n    }\n\n    const request = getRequest()\n    const { action, ...eventArgs } = event\n    await trackEvent(request, action, eventArgs)\n  }\n\n  return { trackCustomEvent, trackFeedbackEvent }\n}\n"],"names":["useContext","WebchatContext","useTracking","webchatState","trackEvent","getRequest","request","trackCustomEvent","event","action","eventArgs","trackFeedbackEvent"],"mappings":";;;;;AACkC;AAGQ;AAOnC,SAASE,WAAWA;IACzB,MAAM,EAAEC,YAAY,EAAEC,UAAU,EAAE,GAAGJ,UAAUA,CAACC,cAAcA;IAE9D,MAAMI,aAAa;QACjB,MAAMC,UAAU;YACd,SAAS;gBACP,GAAGH,aAAa,OAAO;YACzB;YACA,gBAAgB,IAAMA,aAAa,OAAO,CAAC,IAAI,EAAE,WAAW;YAC5D,eAAe,IAAMA,aAAa,OAAO,CAAC,IAAI,EAAE,UAAU;YAC1D,iBAAiB;gBACf,OAAOA,aAAa,OAAO,CAAC,IAAI,EAAE,iBAAiB;YACrD;QACF;QAEA,OAAOG;IACT;IAEA,MAAMC,mBAAmB,OAAOC;QAC9B,IAAI,CAACJ,YAAY;YACf;QACF;QAEA,MAAME,UAAUD;QAChB,MAAM,EAAEI,MAAM,EAAE,GAAGC,WAAW,GAAGF;QACjC,MAAMJ,WAAWE,SAASG,QAAQC;IACpC;IAEA,MAAMC,qBAAqB,OAAOH;QAChC,IAAI,CAACJ,YAAY;YACf;QACF;QAEA,MAAME,UAAUD;QAChB,MAAM,EAAEI,MAAM,EAAE,GAAGC,WAAW,GAAGF;QACjC,MAAMJ,WAAWE,SAASG,QAAQC;IACpC;IAEA,OAAO;QAAEH;QAAkBI;IAAmB;AAChD"}

package/lib/esm/webchat/trigger-button/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"webchat/trigger-button/index.js","sources":["../../../../src/webchat/trigger-button/index.tsx"],"sourcesContent":["/** biome-ignore-all lint/a11y/noStaticElementInteractions: we need to use static elements for the trigger button */\n/** biome-ignore-all lint/a11y/useKeyWithClickEvents: we need to use key with click events for the trigger button */\nimport { useContext } from 'react'\n\nimport { ROLES, WEBCHAT } from '../../constants'\nimport { resolveImage } from '../../util/environment'\nimport { WebchatContext } from '../../webchat/context'\nimport {\n  StyledTriggerButton,\n  TriggerImage,\n  UnreadMessagesCounter,\n} from './styles'\n\nexport const TriggerButton = (): JSX.Element => {\n  const { webchatState, getThemeProperty, toggleWebchat } =\n    useContext(WebchatContext)\n\n  const getTriggerImage = () => {\n    const image = getThemeProperty(\n      WEBCHAT.CUSTOM_PROPERTIES.triggerButtonImage,\n      undefined\n    )\n\n    if (!image) {\n      webchatState.theme.triggerButton.image = WEBCHAT.DEFAULTS.LOGO\n      return null\n    }\n    return image\n  }\n\n  const triggerButtonImage = getTriggerImage()\n\n  const triggerButtonStyle = getThemeProperty(\n    WEBCHAT.CUSTOM_PROPERTIES.triggerButtonStyle\n  )\n\n  const notificationsTriggerButtonEnabled = getThemeProperty(\n    WEBCHAT.CUSTOM_PROPERTIES.notificationsTriggerButtonEnabled\n  )\n\n  const notificationsEnabled = getThemeProperty(\n    WEBCHAT.CUSTOM_PROPERTIES.notificationsEnabled,\n    notificationsTriggerButtonEnabled\n  )\n\n  const CustomTriggerButton = getThemeProperty(\n    WEBCHAT.CUSTOM_PROPERTIES.customTrigger\n  )\n\n  const handleClick = (event: any) => {\n    toggleWebchat(true)\n    event.preventDefault()\n  }\n\n  return (\n    <div onClick={handleClick}>\n      {webchatState.numUnreadMessages !== 0 && notificationsEnabled && (\n        <UnreadMessagesCounter className='trigger-notifications'>\n          {webchatState.numUnreadMessages}\n        </UnreadMessagesCounter>\n      )}\n      {CustomTriggerButton ? (\n        <CustomTriggerButton />\n      ) : (\n        <StyledTriggerButton\n          role={ROLES.TRIGGER_BUTTON}\n          style={triggerButtonStyle}\n        >\n          {triggerButtonImage && (\n            <TriggerImage src={resolveImage(triggerButtonImage)} />\n          )}\n        </StyledTriggerButton>\n      )}\n    </div>\n  )\n}\n"],"names":["useContext","ROLES","WEBCHAT","resolveImage","WebchatContext","StyledTriggerButton","TriggerImage","UnreadMessagesCounter","TriggerButton","webchatState","getThemeProperty","toggleWebchat","getTriggerImage","image","undefined","triggerButtonImage","triggerButtonStyle","notificationsTriggerButtonEnabled","notificationsEnabled","CustomTriggerButton","handleClick","event"],"mappings":";;;;;;;;;;;;;;AAAA,kHAAkH,GAClH,kHAAkH,GAChF;AAEc;AACK;AACC;AAKrC;AAEV,MAAMQ,aAAaA,GAAG;IAC3B,MAAM,EAAEC,YAAY,EAAEC,gBAAgB,EAAEC,aAAa,EAAE,GACrDX,UAAUA,CAACI,cAAcA;IAE3B,MAAMQ,kBAAkB;QACtB,MAAMC,QAAQH,iBACZR,4CAA4C,EAC5CY;QAGF,IAAI,CAACD,OAAO;YACVJ,aAAa,KAAK,CAAC,aAAa,CAAC,KAAK,GAAGP,qBAAqB;YAC9D,OAAO;QACT;QACA,OAAOW;IACT;IAEA,MAAME,qBAAqBH;IAE3B,MAAMI,qBAAqBN,iBACzBR,4CAA4C;IAG9C,MAAMe,oCAAoCP,iBACxCR,2DAA2D;IAG7D,MAAMgB,uBAAuBR,iBAC3BR,8CAA8C,EAC9Ce;IAGF,MAAME,sBAAsBT,iBAC1BR,uCAAuC;IAGzC,MAAMkB,cAAc,CAACC;QACnBV,cAAc;QACdU,MAAM,cAAc;IACtB;IAEA,qBACE,KAAC;QAAI,SAASD;;YACXX,aAAa,iBAAiB,KAAK,KAAKS,sCACvC,IAACX,qBAAqBA;gBAAC,WAAU;0BAC9BE,aAAa,iBAAiB;;YAGlCU,oCACC,IAACA,yCAED,IAACd,mBAAmBA;gBAClB,MAAMJ,oBAAoB;gBAC1B,OAAOe;0BAEND,oCACC,IAACT,YAAYA;oBAAC,KAAKH,YAAYA,CAACY;;;;;AAM5C,EAAC"}

package/lib/esm/webchat/trigger-button/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"webchat/trigger-button/styles.js","sources":["../../../../src/webchat/trigger-button/styles.ts"],"sourcesContent":["import styled from 'styled-components'\n\nimport { COLORS } from '../../constants'\n\nexport const StyledTriggerButton = styled.div`\n  cursor: pointer;\n  position: fixed;\n  background: ${COLORS.SOLID_WHITE};\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  width: 65px;\n  height: 65px;\n  bottom: 20px;\n  right: 10px;\n  padding: 8px;\n`\n\nexport const UnreadMessagesCounter = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  position: fixed;\n  right: 20px;\n  bottom: 80px;\n  width: 24px;\n  height: 24px;\n  background-color: ${COLORS.RED_NOTIFICATIONS};\n  color: white;\n  z-index: 10;\n`\n\nexport const TriggerImage = styled.img`\n  max-width: 100%;\n  max-height: 100%;\n`\n"],"names":["styled","COLORS","StyledTriggerButton","UnreadMessagesCounter","TriggerImage"],"mappings":";;;;;AAAsC;AAEE;AAEjC,MAAME,mBAAmBA,GAAGF,qBAAU,CAAC;;;cAGhC,EAAEC,kBAAkB,CAAC;;;;;;;;;;;AAWnC,CAAC;AAEM,MAAME,qBAAqBA,GAAGH,qBAAU,CAAC;;;;;;;;;;oBAU5B,EAAEC,wBAAwB,CAAC;;;AAG/C,CAAC;AAEM,MAAMG,YAAYA,GAAGJ,qBAAU,CAAC;;;AAGvC,CAAC"}

package/lib/esm/webchat/typing-indicator/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"webchat/typing-indicator/index.js","sources":["../../../../src/webchat/typing-indicator/index.tsx"],"sourcesContent":["import { type ForwardedRef, forwardRef } from 'react'\n\nimport { COLORS, ROLES } from '../../constants'\nimport { Dot, TypingContainer, TypingMsgWrapper } from './styles'\n\nconst TypingIndicator = forwardRef<HTMLDivElement, any>(\n  (_props, ref: ForwardedRef<HTMLDivElement>) => (\n    <TypingContainer ref={ref}>\n      <TypingMsgWrapper\n        role={ROLES.TYPING_INDICATOR}\n        className='typing-indicator'\n        backgroundColor={COLORS.SEASHELL_WHITE}\n      >\n        <Dot />\n        <Dot />\n        <Dot />\n      </TypingMsgWrapper>\n    </TypingContainer>\n  )\n)\n\nTypingIndicator.displayName = 'TypingIndicator'\n\nexport default TypingIndicator\n"],"names":["forwardRef","COLORS","ROLES","Dot","TypingContainer","TypingMsgWrapper","TypingIndicator","_props","ref"],"mappings":";;;;;;;;;;AAAqD;AAEN;AACkB;AAEjE,MAAMM,eAAeA,iBAAGN,UAAUA,CAChC,CAACO,QAAQC,oBACP,IAACJ,eAAeA;QAAC,KAAKI;kBACpB,mBAACH,gBAAgBA;YACf,MAAMH,sBAAsB;YAC5B,WAAU;YACV,iBAAiBD,qBAAqB;;8BAEtC,IAACE,GAAGA;8BACJ,IAACA,GAAGA;8BACJ,IAACA,GAAGA;;;;AAMZG,eAAeA,CAAC,WAAW,GAAG;AAE9B,+CAAeA,eAAeA,EAAA"}

package/lib/esm/webchat/typing-indicator/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"webchat/typing-indicator/styles.js","sources":["../../../../src/webchat/typing-indicator/styles.ts"],"sourcesContent":["import styled, { keyframes } from 'styled-components'\n\nconst blink = keyframes`\n  50% {\n    opacity: 1;\n  }\n`\n\nconst bulge = keyframes`\n  50% {\n    transform: scale(1.05);\n  }\n`\n\nexport const TypingContainer = styled.div`\n  padding: 0px 8px 8px 8px;\n`\n\ninterface TypingMsgWrapperProps {\n  backgroundColor: string\n}\n\nexport const TypingMsgWrapper = styled.div<TypingMsgWrapperProps>`\n  will-change: transform;\n  width: 44px;\n  line-height: 0px;\n  border-radius: 20px;\n  padding: 8px 2px;\n  text-align: center;\n  display: block;\n  margin: 8px;\n  position: relative;\n  animation: 2s ${bulge} infinite ease-out;\n  background-color: ${props => props.backgroundColor};\n`\n\nexport const Dot = styled.span`\n  height: 6px;\n  width: 6px;\n  margin: 0 1px;\n  background-color: #9e9ea1;\n  display: inline-block;\n  border-radius: 50%;\n  opacity: 0.4;\n  &:nth-of-type(1) {\n    animation: 1s ${blink} infinite 0.3333s;\n  }\n  &:nth-of-type(2) {\n    animation: 1s ${blink} infinite 0.6666s;\n  }\n  &:nth-of-type(3) {\n    animation: 1s ${blink} infinite 1s;\n  }\n`\n"],"names":["styled","keyframes","blink","bulge","TypingContainer","TypingMsgWrapper","props","Dot"],"mappings":";;;AAAqD;AAErD,MAAME,KAAKA,GAAGD,SAAS,CAAC;;;;AAIxB,CAAC;AAED,MAAME,KAAKA,GAAGF,SAAS,CAAC;;;;AAIxB,CAAC;AAEM,MAAMG,eAAeA,GAAGJ,qBAAU,CAAC;;AAE1C,CAAC;AAMM,MAAMK,gBAAgBA,GAAGL,qBAAiC,CAAC;;;;;;;;;;gBAUlD,EAAEG,KAAKA,CAAC;oBACJ,EAAEG,CAAAA,QAASA,MAAM,eAAe,CAAC;AACrD,CAAC;AAEM,MAAMC,GAAGA,GAAGP,sBAAW,CAAC;;;;;;;;;kBASb,EAAEE,KAAKA,CAAC;;;kBAGR,EAAEA,KAAKA,CAAC;;;kBAGR,EAAEA,KAAKA,CAAC;;AAE1B,CAAC"}

package/lib/esm/webchat/use-storage-state-hook.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"webchat/use-storage-state-hook.js","sources":["../../../src/webchat/use-storage-state-hook.js"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\n\n// Code taken from https://github.com/leny/react-use-storage/blob/master/src/index.js\nconst IS_BROWSER =\n  typeof window !== 'undefined' &&\n  typeof navigator !== 'undefined' &&\n  typeof document !== 'undefined'\n\nexport function useStorageState(storage, key, defaultValue) {\n  let evtTarget\n\n  try {\n    evtTarget = new EventTarget()\n  } catch {\n    evtTarget = (IS_BROWSER ? document : {})?.createElement?.('phony')\n  }\n\n  const raw = storage?.getItem(key)\n\n  const [value, setValue] = useState(raw ? JSON.parse(raw) : defaultValue)\n\n  const updater = useCallback(\n    (updatedValue, remove = false) => {\n      setValue(updatedValue)\n      storage[remove ? 'removeItem' : 'setItem'](\n        key,\n        JSON.stringify(updatedValue)\n      )\n      evtTarget.dispatchEvent(\n        new CustomEvent('storage_change', { detail: { key } })\n      )\n    },\n    [key]\n  )\n\n  defaultValue != null && !raw && updater(defaultValue)\n\n  useEffect(() => {\n    const listener = ({ detail }) => {\n      if (detail.key === key) {\n        const lraw = storage?.getItem(key)\n\n        lraw !== raw && setValue(JSON.parse(lraw))\n      }\n    }\n\n    evtTarget.addEventListener('storage_change', listener)\n    return () => evtTarget.removeEventListener('storage_change', listener)\n  })\n\n  if (storage === null) {\n    return [undefined, undefined]\n  }\n  return [value, updater, () => updater(null, true)]\n}\n"],"names":["useCallback","useEffect","useState","IS_BROWSER","window","navigator","document","useStorageState","storage","key","defaultValue","evtTarget","EventTarget","raw","value","setValue","JSON","updater","updatedValue","remove","CustomEvent","listener","detail","lraw","undefined"],"mappings":";;;AAAwD;AAExD,qFAAqF;AACrF,MAAMG,UAAUA,GACd,OAAOC,WAAW,eAClB,OAAOC,cAAc,eACrB,OAAOC,aAAa;AAEf,SAASC,eAAeA,CAACC,OAAO,EAAEC,GAAG,EAAEC,YAAY;IACxD,IAAIC;IAEJ,IAAI;QACFA,YAAY,IAAIC;IAClB,EAAE,OAAM;QACND,YAAaR,CAAAA,UAAUA,GAAGG,WAAW,CAAC,IAAI,gBAAgB;IAC5D;IAEA,MAAMO,MAAML,SAAS,QAAQC;IAE7B,MAAM,CAACK,OAAOC,SAAS,GAAGb,QAAQA,CAACW,MAAMG,KAAK,KAAK,CAACH,OAAOH;IAE3D,MAAMO,UAAUjB,WAAWA,CACzB,CAACkB,cAAcC,SAAS,KAAK;QAC3BJ,SAASG;QACTV,OAAO,CAACW,SAAS,eAAe,UAAU,CACxCV,KACAO,KAAK,SAAS,CAACE;QAEjBP,UAAU,aAAa,CACrB,IAAIS,YAAY,kBAAkB;YAAE,QAAQ;gBAAEX;YAAI;QAAE;IAExD,GACA;QAACA;KAAI;IAGPC,gBAAgB,QAAQ,CAACG,OAAOI,QAAQP;IAExCT,SAASA,CAAC;QACR,MAAMoB,WAAW,CAAC,EAAEC,MAAM,EAAE;YAC1B,IAAIA,OAAO,GAAG,KAAKb,KAAK;gBACtB,MAAMc,OAAOf,SAAS,QAAQC;gBAE9Bc,SAASV,OAAOE,SAASC,KAAK,KAAK,CAACO;YACtC;QACF;QAEAZ,UAAU,gBAAgB,CAAC,kBAAkBU;QAC7C,OAAO,IAAMV,UAAU,mBAAmB,CAAC,kBAAkBU;IAC/D;IAEA,IAAIb,YAAY,MAAM;QACpB,OAAO;YAACgB;YAAWA;SAAU;IAC/B;IACA,OAAO;QAACV;QAAOG;QAAS,IAAMA,QAAQ,MAAM;KAAM;AACpD"}

package/lib/esm/webchat/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"webchat/utils.js","sources":["../../../src/webchat/utils.ts"],"sourcesContent":["import { BotonicAction, type BotonicActionType } from '@botonic/core'\n\nexport const getParsedAction = (botonicAction: BotonicActionType) => {\n  const splittedAction = botonicAction.split(`${BotonicAction.CreateCase}:`)\n  if (splittedAction.length <= 1) {\n    return undefined\n  }\n  return JSON.parse(splittedAction[1])\n}\n"],"names":["BotonicAction","getParsedAction","botonicAction","splittedAction","undefined","JSON"],"mappings":";;;AAAqE;AAE9D,MAAMC,eAAeA,GAAG,CAACC;IAC9B,MAAMC,iBAAiBD,cAAc,KAAK,CAAC,GAAGF,wBAAwB,CAAC,CAAC,CAAC;IACzE,IAAIG,eAAe,MAAM,IAAI,GAAG;QAC9B,OAAOC;IACT;IACA,OAAOC,KAAK,KAAK,CAACF,cAAc,CAAC,EAAE;AACrC,EAAC"}