@botonic/react 0.29.0 → 0.30.0-alpha.0

package/src/webchat/{components/send-button.jsx → webchat-input-panel/send-button.tsx}

@@ -3,10 +3,14 @@ import React, { useContext } from 'react'
 import SendButtonIcon from '../../assets/send-button.svg'
 import { ROLES, WEBCHAT } from '../../constants'
 import { WebchatContext } from '../../contexts'
+import { Icon } from '../components/common'
 import { ConditionalAnimation } from '../components/conditional-animation'
-import { Icon } from './common'
 
-export const SendButton = ({ onClick }) => {
+interface SendButtonProps {
+  onClick: () => Promise<void>
+}
+
+export const SendButton = ({ onClick }: SendButtonProps) => {
   const { getThemeProperty } = useContext(WebchatContext)
 
   const sendButtonEnabled = getThemeProperty(

package/src/webchat/webchat-input-panel/styles.ts

@@ -0,0 +1,29 @@
+import styled from 'styled-components'
+
+import { COLORS } from '../../constants'
+
+export const UserInputContainer = styled.div`
+  min-height: 52px;
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 16px;
+  padding: 0px 16px;
+  z-index: 1;
+  border-top: 1px solid ${COLORS.SOLID_BLACK_ALPHA_0_5};
+`
+
+export const TextAreaContainer = styled.div`
+  display: flex;
+  flex: 1 1 auto;
+  align-items: center;
+`
+
+export const OpenedEmojiPickerContainer = styled.div`
+  display: flex;
+  justify-content: flex-end;
+  position: absolute;
+  right: 3px;
+  top: -324px;
+`

package/src/webchat/webchat-input-panel/textarea.tsx

@@ -0,0 +1,110 @@
+import React, { useContext } from 'react'
+import TextareaAutosize from 'react-textarea-autosize'
+
+import { PersistentMenuTheme } from '../../components/index-types'
+import { WEBCHAT } from '../../constants'
+import { WebchatContext } from '../../contexts'
+import { Typing } from '../../index-types'
+import { DeviceAdapter } from '../devices/device-adapter'
+import { TextAreaContainer } from './styles'
+
+interface TextareaProps {
+  deviceAdapter: DeviceAdapter
+  persistentMenu: PersistentMenuTheme
+  textareaRef: React.MutableRefObject<HTMLTextAreaElement>
+  sendChatEvent: (event: string) => Promise<void>
+  sendTextAreaText: () => Promise<void>
+}
+
+export const Textarea = ({
+  deviceAdapter,
+  persistentMenu,
+  textareaRef,
+  sendChatEvent,
+  sendTextAreaText,
+}: TextareaProps) => {
+  const { getThemeProperty } = useContext(WebchatContext)
+
+  let isTyping = false
+  let typingTimeout
+
+  const persistentMenuOptions = getThemeProperty(
+    WEBCHAT.CUSTOM_PROPERTIES.persistentMenu,
+    persistentMenu
+  )
+
+  const onKeyDown = event => {
+    if (event.keyCode === 13 && event.shiftKey === false) {
+      event.preventDefault()
+      sendTextAreaText()
+      stopTyping()
+    }
+  }
+
+  const onKeyUp = () => {
+    if (textareaRef.current.value === '') {
+      stopTyping()
+      return
+    }
+    if (!isTyping) {
+      startTyping()
+    }
+    clearTimeoutWithReset(true)
+  }
+
+  const clearTimeoutWithReset = (reset: boolean) => {
+    const waitTime = 20 * 1000
+    if (typingTimeout) clearTimeout(typingTimeout)
+    if (reset) typingTimeout = setTimeout(stopTyping, waitTime)
+  }
+
+  const startTyping = () => {
+    isTyping = true
+    sendChatEvent(Typing.On)
+  }
+
+  const stopTyping = () => {
+    clearTimeoutWithReset(false)
+    isTyping = false
+    sendChatEvent(Typing.Off)
+  }
+
+  return (
+    <TextAreaContainer>
+      <TextareaAutosize
+        ref={(ref: HTMLTextAreaElement) => (textareaRef.current = ref)}
+        name='text'
+        onFocus={() => {
+          deviceAdapter.onFocus()
+        }}
+        onBlur={() => {
+          deviceAdapter.onBlur()
+        }}
+        maxRows={4}
+        wrap='soft'
+        maxLength={1000}
+        placeholder={getThemeProperty(
+          WEBCHAT.CUSTOM_PROPERTIES.textPlaceholder,
+          WEBCHAT.DEFAULTS.PLACEHOLDER
+        )}
+        autoFocus={false}
+        onKeyDown={e => onKeyDown(e)}
+        onKeyUp={onKeyUp}
+        style={{
+          display: 'flex',
+          fontSize: deviceAdapter.fontSize(14),
+          width: '100%',
+          border: 'none',
+          resize: 'none',
+          overflow: 'auto',
+          outline: 'none',
+          flex: '1 1 auto',
+          padding: 10,
+          paddingLeft: persistentMenuOptions ? 0 : 10,
+          fontFamily: 'inherit',
+          ...getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.userInputBoxStyle),
+        }}
+      />
+    </TextAreaContainer>
+  )
+}

package/src/webchat/webchat.jsx

@@ -1,4 +1,9 @@
-import { INPUT, isMobile, params2queryString } from '@botonic/core'
+import {
+  BotonicAction,
+  INPUT,
+  isMobile,
+  params2queryString,
+} from '@botonic/core'
 import merge from 'lodash.merge'
 import React, {
   forwardRef,
@@ -7,9 +12,7 @@ import React, {
   useRef,
   useState,
 } from 'react'
-import Textarea from 'react-textarea-autosize'
 import styled, { StyleSheetManager } from 'styled-components'
-import { useAsyncEffect } from 'use-async-effect'
 import { v4 as uuidv4 } from 'uuid'
 
 import { Audio, Document, Image, Text, Video } from '../components'
@@ -19,7 +22,6 @@ import { COLORS, MAX_ALLOWED_SIZE_MB, ROLES, WEBCHAT } from '../constants'
 import { WebchatContext, WebviewRequestContext } from '../contexts'
 import { SENDERS } from '../index-types'
 import {
-  getFullMimeWhitelist,
   getMediaType,
   isAllowedSize,
   isAudio,
@@ -40,13 +42,7 @@ import {
   initSession,
   shouldKeepSessionOnReload,
 } from '../util/webchat'
-import { Attachment } from './components/attachment'
-import { EmojiPicker, OpenedEmojiPicker } from './components/emoji-picker'
-import {
-  OpenedPersistentMenu,
-  PersistentMenu,
-} from './components/persistent-menu'
-import { SendButton } from './components/send-button'
+import { OpenedPersistentMenu } from './components/opened-persistent-menu'
 import { DeviceAdapter } from './devices/device-adapter'
 import { StyledWebchatHeader } from './header'
 import {
@@ -59,14 +55,10 @@ import { WebchatMessageList } from './message-list'
 import { WebchatReplies } from './replies'
 import { TriggerButton } from './trigger-button'
 import { useStorageState } from './use-storage-state-hook'
+import { getParsedAction } from './utils'
+import { WebchatInputPanel } from './webchat-input-panel'
 import { WebviewContainer } from './webview'
 
-export const getParsedAction = botonicAction => {
-  const splittedAction = botonicAction.split('create_case:')
-  if (splittedAction.length <= 1) return undefined
-  return JSON.parse(splittedAction[1])
-}
-
 const StyledWebchat = styled.div`
   position: fixed;
   right: 20px;
@@ -81,24 +73,6 @@ const StyledWebchat = styled.div`
   flex-direction: column;
 `
 
-const UserInputContainer = styled.div`
-  min-height: 52px;
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  gap: 16px;
-  padding: 0px 16px;
-  z-index: 1;
-  border-top: 1px solid ${COLORS.SOLID_BLACK_ALPHA_0_5};
-`
-
-const TextAreaContainer = styled.div`
-  display: flex;
-  flex: 1 1 auto;
-  align-items: center;
-`
-
 const ErrorMessageContainer = styled.div`
   position: relative;
   display: flex;
@@ -232,21 +206,6 @@ export const Webchat = forwardRef((props, ref) => {
     }
   }
 
-  const sendChatEvent = async chatEvent => {
-    const chatEventInput = {
-      id: uuidv4(),
-      type: INPUT.CHAT_EVENT,
-      data: chatEvent,
-    }
-    props.onUserInput &&
-      props.onUserInput({
-        user: webchatState.session.user,
-        input: chatEventInput,
-        session: webchatState.session,
-        lastRoutePath: webchatState.lastRoutePath,
-      })
-  }
-
   // Load styles stored in window._botonicInsertStyles by Webpack
   useComponentWillMount(() => {
     if (window._botonicInsertStyles && window._botonicInsertStyles.length) {
@@ -333,7 +292,7 @@ export const Webchat = forwardRef((props, ref) => {
     webchatState.lastMessageUpdate,
   ])
 
-  useAsyncEffect(async () => {
+  useEffect(() => {
     if (!webchatState.online) {
       setError({
         message: getServerErrorMessage(props.server),
@@ -351,18 +310,16 @@ export const Webchat = forwardRef((props, ref) => {
     updateTheme(merge(props.theme, theme, webchatState.themeUpdates))
   }, [props.theme, webchatState.themeUpdates])
 
-  const openWebview = (webviewComponent, params) =>
+  const openWebview = (webviewComponent, params) => {
     updateWebview(webviewComponent, params)
-
-  const handleSelectedEmoji = event => {
-    textArea.current.value += event.emoji
-    textArea.current.focus()
   }
 
+  const textareaRef = useRef(null)
+
   const closeWebview = options => {
     updateWebview()
     if (userInputEnabled) {
-      textArea.current.focus()
+      textareaRef.current.focus()
     }
     if (options?.payload) {
       sendPayload(options.payload)
@@ -372,14 +329,6 @@ export const Webchat = forwardRef((props, ref) => {
     }
   }
 
-  const handleMenu = () => {
-    togglePersistentMenu(!webchatState.isPersistentMenuOpen)
-  }
-
-  const handleEmojiClick = () => {
-    toggleEmojiPicker(!webchatState.isEmojiPickerOpen)
-  }
-
   const persistentMenuOptions = getThemeProperty(
     WEBCHAT.CUSTOM_PROPERTIES.persistentMenu,
     props.persistentMenu
@@ -553,7 +502,7 @@ export const Webchat = forwardRef((props, ref) => {
       if (session) {
         updateSession(merge(session, { user: webchatState.session.user }))
         const action = session._botonic_action || ''
-        const handoff = action.startsWith('create_case')
+        const handoff = action.startsWith(BotonicAction.CreateCase)
         if (handoff && isDev) addMessageComponent(<Handoff />)
         updateHandoff(handoff)
       }
@@ -649,50 +598,6 @@ export const Webchat = forwardRef((props, ref) => {
     }
   }
 
-  const sendTextAreaText = () => {
-    sendText(textArea.current.value)
-    textArea.current.value = ''
-  }
-
-  let isTyping = false
-  let typingTimeout = null
-
-  function clearTimeoutWithReset(reset) {
-    const waitTime = 20 * 1000
-    if (typingTimeout) clearTimeout(typingTimeout)
-    if (reset) typingTimeout = setTimeout(stopTyping, waitTime)
-  }
-
-  function startTyping() {
-    isTyping = true
-    sendChatEvent('typing_on')
-  }
-
-  function stopTyping() {
-    clearTimeoutWithReset(false)
-    isTyping = false
-    sendChatEvent('typing_off')
-  }
-
-  const onKeyDown = event => {
-    if (event.keyCode === 13 && event.shiftKey === false) {
-      event.preventDefault()
-      sendTextAreaText()
-      stopTyping()
-    }
-  }
-
-  const onKeyUp = () => {
-    if (textArea.current.value === '') {
-      stopTyping()
-      return
-    }
-    if (!isTyping) {
-      startTyping()
-    }
-    clearTimeoutWithReset(true)
-  }
-
   const webviewRequestContext = {
     closeWebview: closeWebview,
     getString: stringId => props.getString(stringId, webchatState.session),
@@ -725,85 +630,6 @@ export const Webchat = forwardRef((props, ref) => {
 
   const userInputEnabled = isUserInputEnabled()
 
-  const textArea = useRef(null)
-  const userInputArea = () => {
-    return (
-      userInputEnabled && (
-        <UserInputContainer
-          style={{
-            ...getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.userInputStyle),
-          }}
-          className='user-input-container'
-        >
-          {webchatState.isEmojiPickerOpen && (
-            <OpenedEmojiPicker
-              height={webchatState.theme.style.height}
-              onEmojiClick={handleSelectedEmoji}
-              onClick={handleEmojiClick}
-            />
-          )}
-
-          <PersistentMenu
-            onClick={handleMenu}
-            persistentMenu={props.persistentMenu}
-          />
-
-          <TextAreaContainer>
-            <Textarea
-              inputRef={textArea}
-              name='text'
-              onFocus={() => {
-                deviceAdapter.onFocus()
-              }}
-              onBlur={() => {
-                deviceAdapter.onBlur()
-              }}
-              maxRows={4}
-              wrap='soft'
-              maxLength='1000'
-              placeholder={getThemeProperty(
-                WEBCHAT.CUSTOM_PROPERTIES.textPlaceholder,
-                WEBCHAT.DEFAULTS.PLACEHOLDER
-              )}
-              autoFocus={false}
-              onKeyDown={e => onKeyDown(e)}
-              onKeyUp={onKeyUp}
-              style={{
-                display: 'flex',
-                fontSize: deviceAdapter.fontSize(14),
-                width: '100%',
-                border: 'none',
-                resize: 'none',
-                overflow: 'auto',
-                outline: 'none',
-                flex: '1 1 auto',
-                padding: 10,
-                paddingLeft: persistentMenuOptions ? 0 : 10,
-                fontFamily: 'inherit',
-                ...getThemeProperty(
-                  WEBCHAT.CUSTOM_PROPERTIES.userInputBoxStyle
-                ),
-              }}
-            />
-          </TextAreaContainer>
-
-          <EmojiPicker
-            enableEmojiPicker={props.enableEmojiPicker}
-            onClick={handleEmojiClick}
-          />
-
-          <Attachment
-            enableAttachments={props.enableAttachments}
-            onChange={handleAttachment}
-            accept={getFullMimeWhitelist().join(',')}
-          />
-
-          <SendButton onClick={sendTextAreaText} />
-        </UserInputContainer>
-      )
-    )
-  }
-
   const webchatWebview = () => (
     <WebviewRequestContext.Provider value={webviewRequestContext}>
       <WebviewContainer
@@ -874,6 +700,8 @@ export const Webchat = forwardRef((props, ref) => {
         sendPayload,
         sendText,
         toggleWebchat,
+        toggleEmojiPicker,
+        togglePersistentMenu,
         updateLatestInput,
         updateMessage,
         updateReplies,
@@ -918,7 +746,17 @@ export const Webchat = forwardRef((props, ref) => {
           {webchatState.isPersistentMenuOpen && (
             <DarkenBackground component={persistentMenu()} />
           )}
-          {!webchatState.handoff && userInputArea()}
+          {!webchatState.handoff && userInputEnabled && (
+            <WebchatInputPanel
+              persistentMenu={props.persistentMenu}
+              enableEmojiPicker={props.enableEmojiPicker}
+              enableAttachments={props.enableAttachments}
+              handleAttachment={handleAttachment}
+              textareaRef={textareaRef}
+              deviceAdapter={deviceAdapter}
+              onUserInput={props.onUserInput}
+            />
+          )}
           {webchatState.webview && webchatWebview()}
           {webchatState.isCoverComponentOpen && coverComponent()}
           {webchatState.isCustomComponentRendered &&

package/src/webchat-app.jsx

@@ -4,7 +4,7 @@ import React, { createRef } from 'react'
 import { render, unmountComponentAtNode } from 'react-dom'
 
 import { WEBCHAT } from './constants'
-import { SENDERS } from './index-types'
+import { SENDERS, Typing } from './index-types'
 import { msgToBotonic } from './msg-to-botonic'
 import { isShadowDOMSupported, onDOMLoaded } from './util/dom'
 import { Webchat } from './webchat/webchat'
@@ -156,7 +156,7 @@ export class WebchatApp {
     } else if (event.message?.type === 'update_webchat_settings') {
       this.updateWebchatSettings(event.message.data)
     } else if (event.message?.type === 'sender_action') {
-      this.setTyping(event.message.data === 'typing_on')
+      this.setTyping(event.message.data === Typing.On)
     } else {
       this.onMessage &&
         this.onMessage(this, { sentBy: SENDERS.bot, message: event.message })

package/lib/cjs/webchat/components/attachment.d.ts

@@ -1,5 +0,0 @@
-export function Attachment({ onChange, accept, enableAttachments }: {
-    onChange: any;
-    accept: any;
-    enableAttachments: any;
-}): JSX.Element;

package/lib/cjs/webchat/components/attachment.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"attachment.js","sourceRoot":"","sources":["../../../../src/webchat/components/attachment.jsx"],"names":[],"mappings":";;;;;AAAA,uDAAiD;AAEjD,mGAA6D;AAC7D,+CAAgD;AAChD,6CAA+C;AAC/C,+EAA0E;AAC1E,qCAA+B;AAExB,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,iBAAiB,EAAE,EAAE,EAAE;IACpE,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAEvD,MAAM,YAAY,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAA;IAEjC,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,mBAAO,CAAC,iBAAiB,CAAC,iBAAiB,EAC3C,SAAS,CACV,CAAA;IAED,MAAM,oBAAoB,GAAG,GAAG,EAAE;;QAChC,MAAM,oBAAoB,GAAG,CAAC,CAAC,iBAAiB,CAAA;QAChD,OAAO,CACL,MAAA,gBAAgB,CACd,mBAAO,CAAC,iBAAiB,CAAC,iBAAiB,EAC3C,iBAAiB,CAClB,mCAAI,oBAAoB,CAC1B,CAAA;IACH,CAAC,CAAA;IACD,MAAM,kBAAkB,GAAG,oBAAoB,EAAE,CAAA;IAEjD,MAAM,cAAc,GAAG,KAAK,CAAC,EAAE;QAC7B,QAAQ,CAAC,KAAK,CAAC,CAAA;QACf,YAAY,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAA;IACnC,CAAC,CAAA;IAED,OAAO,CACL,2DACG,kBAAkB,CAAC,CAAC,CAAC,CACpB,uBAAC,4CAAoB,cACnB,+CAAK,IAAI,EAAE,iBAAK,CAAC,eAAe,iBAC9B,gDAAO,OAAO,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,gBAChD,iBAAiB,CAAC,CAAC,CAAC,CACnB,uBAAC,iBAAiB,KAAG,CACtB,CAAC,CAAC,CAAC,CACF,uBAAC,aAAI,IAAC,GAAG,EAAE,6BAAc,GAAI,CAC9B,IACK,EACR,kCACE,GAAG,EAAE,YAAY,EACjB,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,MAAM,EACX,EAAE,EAAC,YAAY,EACf,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAC1B,QAAQ,EAAE,cAAc,EACxB,MAAM,EAAE,MAAM,GACd,KACE,GACe,CACxB,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA;AApDY,QAAA,UAAU,cAoDtB"}

package/lib/cjs/webchat/components/emoji-picker.d.ts

@@ -1,5 +0,0 @@
-export function EmojiPicker({ enableEmojiPicker, onClick }: {
-    enableEmojiPicker: any;
-    onClick: any;
-}): JSX.Element;
-export function OpenedEmojiPicker(props: any): JSX.Element;

package/lib/cjs/webchat/components/emoji-picker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"emoji-picker.js","sourceRoot":"","sources":["../../../../src/webchat/components/emoji-picker.jsx"],"names":[],"mappings":";;;;;AAAA,oFAAuC;AACvC,uDAAyC;AACzC,kFAAsC;AAEtC,2FAAoD;AACpD,+CAAgD;AAChD,6CAA+C;AAC/C,+EAA0E;AAC1E,oCAA8C;AAC9C,qCAA+B;AAExB,MAAM,WAAW,GAAG,CAAC,EAAE,iBAAiB,EAAE,OAAO,EAAE,EAAE,EAAE;IAC5D,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAEvD,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,mBAAO,CAAC,iBAAiB,CAAC,iBAAiB,EAC3C,SAAS,CACV,CAAA;IAED,MAAM,oBAAoB,GAAG,GAAG,EAAE;;QAChC,MAAM,oBAAoB,GAAG,CAAC,CAAC,iBAAiB,CAAA;QAChD,OAAO,CACL,MAAA,gBAAgB,CACd,mBAAO,CAAC,iBAAiB,CAAC,iBAAiB,EAC3C,iBAAiB,CAClB,mCAAI,oBAAoB,CAC1B,CAAA;IACH,CAAC,CAAA;IACD,MAAM,kBAAkB,GAAG,oBAAoB,EAAE,CAAA;IAEjD,MAAM,WAAW,GAAG,KAAK,CAAC,EAAE;QAC1B,OAAO,EAAE,CAAA;QACT,KAAK,CAAC,eAAe,EAAE,CAAA;IACzB,CAAC,CAAA;IAED,OAAO,CACL,2DACG,kBAAkB,CAAC,CAAC,CAAC,CACpB,uBAAC,4CAAoB,cACnB,8CAAK,IAAI,EAAE,iBAAK,CAAC,iBAAiB,EAAE,OAAO,EAAE,WAAW,gBACrD,iBAAiB,CAAC,CAAC,CAAC,CACnB,uBAAC,iBAAiB,KAAG,CACtB,CAAC,CAAC,CAAC,CACF,uBAAC,aAAI,IAAC,GAAG,EAAE,yBAAS,GAAI,CACzB,IACG,GACe,CACxB,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA;AAvCY,QAAA,WAAW,eAuCvB;AAED,MAAM,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;CAM3B,CAAA;AAEM,MAAM,iBAAiB,GAAG,KAAK,CAAC,EAAE;IACvC,MAAM,EAAE,GAAG,EAAE,kBAAkB,EAAE,GAAG,IAAA,2BAAmB,EAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;IAC5E,OAAO,CACL,8CAAK,GAAG,EAAE,GAAG,gBACV,kBAAkB,IAAI,CACrB,uBAAC,SAAS,kBAAC,IAAI,EAAE,iBAAK,CAAC,YAAY,gBACjC,uBAAC,4BAAM,IACL,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,OAAO,EACd,aAAa,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,EACrC,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,gBAAgB,EAAE,IAAI,GACtB,IACQ,CACb,IACG,CACP,CAAA;AACH,CAAC,CAAA;AAjBY,QAAA,iBAAiB,qBAiB7B"}

package/lib/cjs/webchat/components/persistent-menu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"persistent-menu.js","sourceRoot":"","sources":["../../../../src/webchat/components/persistent-menu.jsx"],"names":[],"mappings":"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"}

package/lib/cjs/webchat/components/send-button.d.ts

@@ -1,3 +0,0 @@
-export function SendButton({ onClick }: {
-    onClick: any;
-}): JSX.Element;

package/lib/cjs/webchat/components/send-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"send-button.js","sourceRoot":"","sources":["../../../../src/webchat/components/send-button.jsx"],"names":[],"mappings":";;;;;AAAA,uDAAyC;AAEzC,2FAAyD;AACzD,+CAAgD;AAChD,6CAA+C;AAC/C,+EAA0E;AAC1E,qCAA+B;AAExB,MAAM,UAAU,GAAG,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IACxC,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAEvD,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,mBAAO,CAAC,iBAAiB,CAAC,gBAAgB,EAC1C,IAAI,CACL,CAAA;IAED,MAAM,gBAAgB,GAAG,gBAAgB,CACvC,mBAAO,CAAC,iBAAiB,CAAC,gBAAgB,EAC1C,SAAS,CACV,CAAA;IAED,OAAO,CACL,2DACG,iBAAiB,IAAI,gBAAgB,CAAC,CAAC,CAAC,CACvC,uBAAC,4CAAoB,cACnB,8CAAK,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,iBAAK,CAAC,gBAAgB,gBAChD,gBAAgB,CAAC,CAAC,CAAC,CAClB,uBAAC,gBAAgB,KAAG,CACrB,CAAC,CAAC,CAAC,CACF,uBAAC,aAAI,IAAC,GAAG,EAAE,yBAAc,GAAI,CAC9B,IACG,GACe,CACxB,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA;AA5BY,QAAA,UAAU,cA4BtB"}

package/lib/esm/webchat/components/attachment.d.ts

@@ -1,5 +0,0 @@
-export function Attachment({ onChange, accept, enableAttachments }: {
-    onChange: any;
-    accept: any;
-    enableAttachments: any;
-}): JSX.Element;

package/lib/esm/webchat/components/attachment.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"attachment.js","sourceRoot":"","sources":["../../../../src/webchat/components/attachment.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEjD,OAAO,cAAc,MAAM,kCAAkC,CAAA;AAC7D,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAA;AAC1E,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAE/B,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,iBAAiB,EAAE,EAAE,EAAE;IACpE,MAAM,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAEvD,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IAEjC,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,OAAO,CAAC,iBAAiB,CAAC,iBAAiB,EAC3C,SAAS,CACV,CAAA;IAED,MAAM,oBAAoB,GAAG,GAAG,EAAE;;QAChC,MAAM,oBAAoB,GAAG,CAAC,CAAC,iBAAiB,CAAA;QAChD,OAAO,CACL,MAAA,gBAAgB,CACd,OAAO,CAAC,iBAAiB,CAAC,iBAAiB,EAC3C,iBAAiB,CAClB,mCAAI,oBAAoB,CAC1B,CAAA;IACH,CAAC,CAAA;IACD,MAAM,kBAAkB,GAAG,oBAAoB,EAAE,CAAA;IAEjD,MAAM,cAAc,GAAG,KAAK,CAAC,EAAE;QAC7B,QAAQ,CAAC,KAAK,CAAC,CAAA;QACf,YAAY,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAA;IACnC,CAAC,CAAA;IAED,OAAO,CACL,4BACG,kBAAkB,CAAC,CAAC,CAAC,CACpB,KAAC,oBAAoB,cACnB,6BAAK,IAAI,EAAE,KAAK,CAAC,eAAe,iBAC9B,8BAAO,OAAO,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,gBAChD,iBAAiB,CAAC,CAAC,CAAC,CACnB,KAAC,iBAAiB,KAAG,CACtB,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,GAAG,EAAE,cAAc,GAAI,CAC9B,IACK,EACR,gBACE,GAAG,EAAE,YAAY,EACjB,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,MAAM,EACX,EAAE,EAAC,YAAY,EACf,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAC1B,QAAQ,EAAE,cAAc,EACxB,MAAM,EAAE,MAAM,GACd,KACE,GACe,CACxB,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA"}

package/lib/esm/webchat/components/emoji-picker.d.ts

@@ -1,5 +0,0 @@
-export function EmojiPicker({ enableEmojiPicker, onClick }: {
-    enableEmojiPicker: any;
-    onClick: any;
-}): JSX.Element;
-export function OpenedEmojiPicker(props: any): JSX.Element;

package/lib/esm/webchat/components/emoji-picker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"emoji-picker.js","sourceRoot":"","sources":["../../../../src/webchat/components/emoji-picker.jsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,oBAAoB,CAAA;AACvC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,SAAS,MAAM,8BAA8B,CAAA;AACpD,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAA;AAC1E,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAE/B,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,iBAAiB,EAAE,OAAO,EAAE,EAAE,EAAE;IAC5D,MAAM,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAEvD,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,OAAO,CAAC,iBAAiB,CAAC,iBAAiB,EAC3C,SAAS,CACV,CAAA;IAED,MAAM,oBAAoB,GAAG,GAAG,EAAE;;QAChC,MAAM,oBAAoB,GAAG,CAAC,CAAC,iBAAiB,CAAA;QAChD,OAAO,CACL,MAAA,gBAAgB,CACd,OAAO,CAAC,iBAAiB,CAAC,iBAAiB,EAC3C,iBAAiB,CAClB,mCAAI,oBAAoB,CAC1B,CAAA;IACH,CAAC,CAAA;IACD,MAAM,kBAAkB,GAAG,oBAAoB,EAAE,CAAA;IAEjD,MAAM,WAAW,GAAG,KAAK,CAAC,EAAE;QAC1B,OAAO,EAAE,CAAA;QACT,KAAK,CAAC,eAAe,EAAE,CAAA;IACzB,CAAC,CAAA;IAED,OAAO,CACL,4BACG,kBAAkB,CAAC,CAAC,CAAC,CACpB,KAAC,oBAAoB,cACnB,4BAAK,IAAI,EAAE,KAAK,CAAC,iBAAiB,EAAE,OAAO,EAAE,WAAW,gBACrD,iBAAiB,CAAC,CAAC,CAAC,CACnB,KAAC,iBAAiB,KAAG,CACtB,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,GAAG,EAAE,SAAS,GAAI,CACzB,IACG,GACe,CACxB,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAM3B,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,EAAE;IACvC,MAAM,EAAE,GAAG,EAAE,kBAAkB,EAAE,GAAG,mBAAmB,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;IAC5E,OAAO,CACL,4BAAK,GAAG,EAAE,GAAG,gBACV,kBAAkB,IAAI,CACrB,KAAC,SAAS,kBAAC,IAAI,EAAE,KAAK,CAAC,YAAY,gBACjC,KAAC,MAAM,IACL,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,OAAO,EACd,aAAa,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,EACrC,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,gBAAgB,EAAE,IAAI,GACtB,IACQ,CACb,IACG,CACP,CAAA;AACH,CAAC,CAAA"}

package/lib/esm/webchat/components/persistent-menu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"persistent-menu.js","sourceRoot":"","sources":["../../../../src/webchat/components/persistent-menu.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,QAAQ,MAAM,6BAA6B,CAAA;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAA;AAChD,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAA;AAC1E,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAE/B,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMlC,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,EAAE;IACzE,MAAM,EAAE,GAAG,EAAE,kBAAkB,EAAE,GAAG,mBAAmB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;IACtE,MAAM,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IACvD,MAAM,oBAAoB,GAAG,gBAAgB,CAC3C,OAAO,CAAC,iBAAiB,CAAC,oBAAoB,EAC9C,SAAS,CACV,CAAA;IACD,IAAI,UAAU,GAAG,QAAQ,CAAA;IACzB,IAAI;QACF,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC;aAChE,UAAU,CAAA;KACd;IAAC,OAAO,CAAC,EAAE,GAAE;IACd,OAAO,CACL,4BAAK,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,CAAC,eAAe,gBACvC,kBAAkB,IAAI,oBAAoB,CAAC,CAAC,CAAC,CAC5C,KAAC,oBAAoB,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,GAAI,CAC7D,CAAC,CAAC,CAAC,CACF,MAAC,gBAAgB,eACd,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;oBACnC,OAAO,CACL,CAAC,CAAC,KAAK,IAAI,CACT,KAAC,MAAM,kBACL,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,CAAC,CAAC,GAAG,EACV,MAAM,EAAE,CAAC,CAAC,MAAM,EAChB,OAAO,EAAE,CAAC,CAAC,OAAO,EAClB,OAAO,EAAE,CAAC,CAAC,OAAO,gBAGjB,CAAC,CAAC,KAAK,KAFH,CAAC,CAGC,CACV,CACF,CAAA;gBACH,CAAC,CAAC,EACF,KAAC,MAAM,kBAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,gBACjD,UAAU,IACJ,IACQ,CACpB,IACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,EAAE,EAAE;IAC5D,MAAM,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAEvD,MAAM,qBAAqB,GAAG,gBAAgB,CAC5C,OAAO,CAAC,iBAAiB,CAAC,cAAc,EACxC,cAAc,CACf,CAAA;IAED,MAAM,gBAAgB,GAAG,gBAAgB,CACvC,OAAO,CAAC,iBAAiB,CAAC,gBAAgB,EAC1C,SAAS,CACV,CAAA;IAED,OAAO,CACL,4BACG,qBAAqB,CAAC,CAAC,CAAC,CACvB,KAAC,oBAAoB,cACnB,4BAAK,IAAI,EAAE,KAAK,CAAC,oBAAoB,EAAE,OAAO,EAAE,OAAO,gBACpD,gBAAgB,CAAC,CAAC,CAAC,KAAC,gBAAgB,KAAG,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,GAAG,EAAE,QAAQ,GAAI,IAC9D,GACe,CACxB,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,oBAAoB,CAAA"}

package/lib/esm/webchat/components/send-button.d.ts

@@ -1,3 +0,0 @@
-export function SendButton({ onClick }: {
-    onClick: any;
-}): JSX.Element;

package/lib/esm/webchat/components/send-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"send-button.js","sourceRoot":"","sources":["../../../../src/webchat/components/send-button.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,cAAc,MAAM,8BAA8B,CAAA;AACzD,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAA;AAC1E,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAE/B,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IACxC,MAAM,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAEvD,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,OAAO,CAAC,iBAAiB,CAAC,gBAAgB,EAC1C,IAAI,CACL,CAAA;IAED,MAAM,gBAAgB,GAAG,gBAAgB,CACvC,OAAO,CAAC,iBAAiB,CAAC,gBAAgB,EAC1C,SAAS,CACV,CAAA;IAED,OAAO,CACL,4BACG,iBAAiB,IAAI,gBAAgB,CAAC,CAAC,CAAC,CACvC,KAAC,oBAAoB,cACnB,4BAAK,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,gBAAgB,gBAChD,gBAAgB,CAAC,CAAC,CAAC,CAClB,KAAC,gBAAgB,KAAG,CACrB,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,GAAG,EAAE,cAAc,GAAI,CAC9B,IACG,GACe,CACxB,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA"}