@botonic/react 0.31.0-alpha.1 → 0.31.0-alpha.3

package/lib/cjs/webchat/webchat-typed/webchat-typed.js

@@ -0,0 +1,663 @@
+"use strict";
+// import {
+//   BotonicAction,
+//   INPUT,
+//   isMobile,
+//   params2queryString,
+// } from '@botonic/core'
+// import merge from 'lodash.merge'
+// import React, {
+//   forwardRef,
+//   useEffect,
+//   useImperativeHandle,
+//   useRef,
+//   useState,
+// } from 'react'
+// import { StyleSheetManager } from 'styled-components'
+// import { v7 as uuidv7 } from 'uuid'
+// import { Audio, Document, Image, Text, Video } from '../../components'
+// import { Handoff } from '../../components/handoff'
+// import { normalizeWebchatSettings } from '../../components/webchat-settings'
+// import { COLORS, MAX_ALLOWED_SIZE_MB, ROLES, WEBCHAT } from '../../constants'
+// import { WebchatContext, WebviewRequestContext } from '../../contexts'
+// import { SENDERS } from '../../index-types'
+// import {
+//   getMediaType,
+//   isAllowedSize,
+//   isAudio,
+//   isDocument,
+//   isImage,
+//   isMedia,
+//   isText,
+//   isVideo,
+//   readDataURL,
+// } from '../../message-utils'
+// import { msgToBotonic } from '../../msg-to-botonic'
+// import { isDev } from '../../util/environment'
+// import { deserializeRegex, stringifyWithRegexs } from '../../util/regexs'
+// import {
+//   _getThemeProperty,
+//   getServerErrorMessage,
+//   initSession,
+//   shouldKeepSessionOnReload,
+// } from '../../util/webchat'
+// import { ChatArea } from '../chat-area'
+// import { OpenedPersistentMenu } from '../components/opened-persistent-menu'
+// import { BotonicContainerId } from '../constants'
+// import { CoverComponent } from '../cover-component'
+// import { WebchatHeader } from '../header'
+// import {
+//   useComponentWillMount,
+//   usePrevious,
+//   useScrollToBottom,
+//   useTyping,
+//   useWebchat,
+// } from '../hooks'
+// import { InputPanel } from '../input-panel'
+// import { TriggerButton } from '../trigger-button'
+// import { useStorageState } from '../use-storage-state-hook'
+// import { getParsedAction } from '../utils'
+// import { WebviewContainer } from '../webview'
+// import {
+//   DarkBackgroundMenu,
+//   ErrorMessage,
+//   ErrorMessageContainer,
+//   StyledWebchat,
+// } from './styles'
+// // eslint-disable-next-line complexity, react/display-name
+// export const WebchatTyped = forwardRef((props: WebchatTypeProps, ref) => {
+//   const {
+//     addMessage,
+//     addMessageComponent,
+//     clearMessages,
+//     doRenderCustomComponent,
+//     openWebviewT,
+//     resetUnreadMessages,
+//     setCurrentAttachment,
+//     setError,
+//     setLastMessageVisible,
+//     setOnline,
+//     toggleCoverComponent,
+//     toggleEmojiPicker,
+//     togglePersistentMenu,
+//     toggleWebchat,
+//     updateDevSettings,
+//     updateHandoff,
+//     updateLastMessageDate,
+//     updateLastRoutePath,
+//     updateLatestInput,
+//     updateMessage,
+//     updateReplies,
+//     updateSession,
+//     updateTheme,
+//     updateTyping,
+//     updateWebview,
+//     webchatState,
+//     webchatRef,
+//     chatAreaRef,
+//     inputPanelRef,
+//     headerRef,
+//     scrollableMessagesListRef,
+//     // eslint-disable-next-line react-hooks/rules-of-hooks
+//   } = props.webchatHooks || useWebchat()
+//   const firstUpdate = useRef(true)
+//   const isOnline = () => webchatState.online
+//   const currentDateString = () => new Date().toISOString()
+//   const theme = merge(webchatState.theme, props.theme)
+//   const { initialSession, initialDevSettings, onStateChange } = props
+//   const getThemeProperty = _getThemeProperty(theme)
+//   const [customComponent, setCustomComponent] = useState(null)
+//   const storage = props.storage
+//   const storageKey =
+//     typeof props.storageKey === 'function'
+//       ? props.storageKey()
+//       : props.storageKey
+//   const [botonicState, saveState] = useStorageState(storage, storageKey)
+//   const host = props.host || document.body
+//   const { scrollToBottom } = useScrollToBottom({ host })
+//   const saveWebchatState = webchatState => {
+//     storage &&
+//       saveState(
+//         JSON.parse(
+//           stringifyWithRegexs({
+//             messages: webchatState.messagesJSON,
+//             session: webchatState.session,
+//             lastRoutePath: webchatState.lastRoutePath,
+//             devSettings: webchatState.devSettings,
+//             lastMessageUpdate: webchatState.lastMessageUpdate,
+//             themeUpdates: webchatState.themeUpdates,
+//           })
+//         )
+//       )
+//   }
+//   const handleAttachment = event => {
+//     if (!isAllowedSize(event.target.files[0].size)) {
+//       throw new Error(
+//         `The file is too large. A maximum of ${MAX_ALLOWED_SIZE_MB}MB is allowed.`
+//       )
+//     }
+//     setCurrentAttachment({
+//       fileName: event.target.files[0].name,
+//       file: event.target.files[0], // TODO: Attach more files?
+//       attachmentType: getMediaType(event.target.files[0].type),
+//     })
+//   }
+//   useEffect(() => {
+//     if (webchatState.currentAttachment)
+//       sendAttachment(webchatState.currentAttachment)
+//   }, [webchatState.currentAttachment])
+//   const sendUserInput = async input => {
+//     if (props.onUserInput) {
+//       resetUnreadMessages()
+//       scrollToBottom()
+//       props.onUserInput({
+//         user: webchatState.session.user,
+//         input: input,
+//         session: webchatState.session,
+//         lastRoutePath: webchatState.lastRoutePath,
+//       })
+//     }
+//   }
+//   // Load styles stored in window._botonicInsertStyles by Webpack
+//   useComponentWillMount(() => {
+//     if (window._botonicInsertStyles && window._botonicInsertStyles.length) {
+//       for (const botonicStyle of window._botonicInsertStyles) {
+//         // Injecting styles at head is needed even if we use shadowDOM
+//         // as some dependencies like simplebar rely on creating ephemeral elements
+//         // on document.body and assume styles will be available globally
+//         document.head.appendChild(botonicStyle)
+//         // injecting styles in host node too so that shadowDOM works
+//         if (props.shadowDOM) host.appendChild(botonicStyle.cloneNode(true))
+//       }
+//       delete window._botonicInsertStyles
+//     }
+//     if (props.shadowDOM) {
+//       // emoji-picker-react injects styles in head, so we need to
+//       // re-inject them in our host node to make it work with shadowDOM
+//       for (const style of document.querySelectorAll('style')) {
+//         if (
+//           style.textContent &&
+//           style.textContent.includes('emoji-picker-react')
+//         )
+//           host.appendChild(style.cloneNode(true))
+//       }
+//     }
+//   })
+//   // Load initial state from storage
+//   useEffect(() => {
+//     let {
+//       messages,
+//       session,
+//       lastRoutePath,
+//       devSettings,
+//       lastMessageUpdate,
+//       themeUpdates,
+//     } = botonicState || {}
+//     session = initSession(session)
+//     updateSession(session)
+//     if (shouldKeepSessionOnReload({ initialDevSettings, devSettings })) {
+//       if (messages) {
+//         messages.forEach(message => {
+//           addMessage(message)
+//           const newMessageComponent = msgToBotonic(
+//             { ...message, delay: 0, typing: 0 },
+//             (props.theme.message && props.theme.message.customTypes) ||
+//               props.theme.customMessageTypes
+//           )
+//           if (newMessageComponent) addMessageComponent(newMessageComponent)
+//         })
+//       }
+//       if (initialSession) updateSession(merge(initialSession, session))
+//       if (lastRoutePath) updateLastRoutePath(lastRoutePath)
+//     } else updateSession(merge(initialSession, session))
+//     if (devSettings) updateDevSettings(devSettings)
+//     else if (initialDevSettings) updateDevSettings(initialDevSettings)
+//     if (lastMessageUpdate) updateLastMessageDate(lastMessageUpdate)
+//     if (themeUpdates !== undefined)
+//       updateTheme(merge(props.theme, themeUpdates), themeUpdates)
+//     if (props.onInit) setTimeout(() => props.onInit(), 100)
+//   }, [])
+//   useEffect(() => {
+//     if (!webchatState.isWebchatOpen) {
+//       if (webchatState.isLastMessageVisible) {
+//         resetUnreadMessages()
+//       }
+//       return
+//     }
+//   }, [webchatState.isWebchatOpen])
+//   useEffect(() => {
+//     if (onStateChange && typeof onStateChange === 'function') {
+//       onStateChange(webchatState)
+//     }
+//     saveWebchatState(webchatState)
+//   }, [
+//     webchatState.messagesJSON,
+//     webchatState.session,
+//     webchatState.lastRoutePath,
+//     webchatState.devSettings,
+//     webchatState.lastMessageUpdate,
+//   ])
+//   useEffect(() => {
+//     if (!webchatState.online) {
+//       setError({
+//         message: getServerErrorMessage(props.server),
+//       })
+//     } else {
+//       if (!firstUpdate.current) {
+//         setError(undefined)
+//       }
+//     }
+//   }, [webchatState.online])
+//   useTyping({ webchatState, updateTyping, updateMessage, host })
+//   useEffect(() => {
+//     updateTheme(merge(props.theme, theme, webchatState.themeUpdates))
+//   }, [props.theme, webchatState.themeUpdates])
+//   const openWebview = (webviewComponent, params) => {
+//     updateWebview(webviewComponent, params)
+//   }
+//   const textareaRef = useRef(null)
+//   const closeWebview = async options => {
+//     updateWebview()
+//     if (userInputEnabled) {
+//       textareaRef.current.focus()
+//     }
+//     if (options?.payload) {
+//       await sendPayload(options.payload)
+//     } else if (options?.path) {
+//       const params = options.params ? params2queryString(options.params) : ''
+//       await sendPayload(`__PATH_PAYLOAD__${options.path}?${params}`)
+//     }
+//   }
+//   const persistentMenuOptions = getThemeProperty(
+//     WEBCHAT.CUSTOM_PROPERTIES.persistentMenu,
+//     props.persistentMenu
+//   )
+//   const darkBackgroundMenu = getThemeProperty(
+//     WEBCHAT.CUSTOM_PROPERTIES.darkBackgroundMenu
+//   )
+//   const getBlockInputs = (rule, inputData) => {
+//     const processedInput = rule.preprocess
+//       ? rule.preprocess(inputData)
+//       : inputData
+//     return rule.match.some(regex => {
+//       if (typeof regex === 'string') regex = deserializeRegex(regex)
+//       return regex.test(processedInput)
+//     })
+//   }
+//   const checkBlockInput = input => {
+//     // if is a text we check if it is a serialized RE
+//     const blockInputs = getThemeProperty(
+//       WEBCHAT.CUSTOM_PROPERTIES.blockInputs,
+//       props.blockInputs
+//     )
+//     if (!Array.isArray(blockInputs)) return false
+//     for (const rule of blockInputs) {
+//       if (getBlockInputs(rule, input.data)) {
+//         addMessageComponent(
+//           <Text
+//             sentBy={SENDERS.user}
+//             blob={false}
+//             style={{
+//               backgroundColor: COLORS.SCORPION_GRAY,
+//               borderColor: COLORS.SCORPION_GRAY,
+//               padding: '8px 12px',
+//             }}
+//           >
+//             {rule.message}
+//           </Text>
+//         )
+//         updateReplies(false)
+//         return true
+//       }
+//     }
+//     return false
+//   }
+//   const closeMenu = () => {
+//     togglePersistentMenu(false)
+//   }
+//   const persistentMenu = () => {
+//     return (
+//       <OpenedPersistentMenu
+//         onClick={closeMenu}
+//         options={persistentMenuOptions}
+//         borderRadius={webchatState.theme.style.borderRadius || '10px'}
+//       />
+//     )
+//   }
+//   const getCoverComponent = () => {
+//     return getThemeProperty(
+//       WEBCHAT.CUSTOM_PROPERTIES.coverComponent,
+//       props.coverComponent &&
+//         (props.coverComponent.component || props.coverComponent)
+//     )
+//   }
+//   const coverComponent = getCoverComponent()
+//   const coverComponentProps = props.coverComponent?.props
+//   useEffect(() => {
+//     if (!coverComponent) return
+//     if (
+//       !botonicState ||
+//       (botonicState.messages && botonicState.messages.length === 0)
+//     )
+//       toggleCoverComponent(true)
+//   }, [])
+//   const messageComponentFromInput = input => {
+//     let messageComponent: any = null
+//     if (isText(input)) {
+//       messageComponent = <Text sentBy={SENDERS.user}>{input.data}</Text>
+//     } else if (isMedia(input)) {
+//       const temporaryDisplayUrl = URL.createObjectURL(input.data)
+//       const mediaProps = {
+//         id: input.id,
+//         sentBy: SENDERS.user,
+//         src: temporaryDisplayUrl,
+//       }
+//       if (isImage(input)) {
+//         mediaProps.input = input
+//         messageComponent = <Image {...mediaProps} />
+//       } else if (isAudio(input)) messageComponent = <Audio {...mediaProps} />
+//       else if (isVideo(input)) messageComponent = <Video {...mediaProps} />
+//       else if (isDocument(input))
+//         messageComponent = <Document {...mediaProps} />
+//     }
+//     return messageComponent
+//   }
+//   const sendInput = async input => {
+//     if (!input || Object.keys(input).length == 0) return
+//     if (isText(input) && (!input.data || !input.data.trim())) return // in case trim() doesn't work in a browser we can use !/\S/.test(input.data)
+//     if (isText(input) && checkBlockInput(input)) return
+//     if (!input.id) input.id = uuidv7()
+//     const messageComponent = messageComponentFromInput(input)
+//     if (messageComponent) addMessageComponent(messageComponent)
+//     if (isMedia(input)) input.data = await readDataURL(input.data)
+//     sendUserInput(input)
+//     updateLatestInput(input)
+//     isOnline() && updateLastMessageDate(currentDateString())
+//     updateReplies(false)
+//     togglePersistentMenu(false)
+//     toggleEmojiPicker(false)
+//   }
+//   /* This is the public API this component exposes to its parents
+//   https://stackoverflow.com/questions/37949981/call-child-method-from-parent
+//   */
+//   const updateSessionWithUser = userToUpdate =>
+//     updateSession(merge(webchatState.session, { user: userToUpdate }))
+//   useImperativeHandle(ref, () => ({
+//     addBotResponse: ({ response, session, lastRoutePath }) => {
+//       updateTyping(false)
+//       const isUnread =
+//         !webchatState.isLastMessageVisible || webchatState.numUnreadMessages > 0
+//       if (Array.isArray(response)) {
+//         response.forEach(r => {
+//           addMessageComponent({ ...r, props: { ...r.props, isUnread } })
+//         })
+//       } else if (response) {
+//         addMessageComponent({
+//           ...response,
+//           props: { ...response.props, isUnread },
+//         })
+//       }
+//       if (session) {
+//         updateSession(merge(session, { user: webchatState.session.user }))
+//         const action = session._botonic_action || ''
+//         const handoff = action.startsWith(BotonicAction.CreateCase)
+//         if (handoff && isDev) addMessageComponent(<Handoff />)
+//         updateHandoff(handoff)
+//       }
+//       if (lastRoutePath) updateLastRoutePath(lastRoutePath)
+//       updateLastMessageDate(currentDateString())
+//     },
+//     setTyping: typing => updateTyping(typing),
+//     addUserMessage: message => sendInput(message),
+//     updateUser: updateSessionWithUser,
+//     openWebchat: () => toggleWebchat(true),
+//     closeWebchat: () => toggleWebchat(false),
+//     toggleWebchat: () => toggleWebchat(!webchatState.isWebchatOpen),
+//     openCoverComponent: () => toggleCoverComponent(true),
+//     closeCoverComponent: () => toggleCoverComponent(false),
+//     renderCustomComponent: _customComponent => {
+//       setCustomComponent(_customComponent)
+//       doRenderCustomComponent(true)
+//     },
+//     unmountCustomComponent: () => doRenderCustomComponent(false),
+//     toggleCoverComponent: () =>
+//       toggleCoverComponent(!webchatState.isCoverComponentOpen),
+//     openWebviewApi: component => openWebviewT(component),
+//     setError,
+//     setOnline,
+//     getMessages: () => webchatState.messagesJSON,
+//     isOnline,
+//     clearMessages: () => {
+//       clearMessages()
+//       updateReplies(false)
+//     },
+//     getLastMessageUpdate: () => webchatState.lastMessageUpdate,
+//     updateMessageInfo: (msgId, messageInfo) => {
+//       const messageToUpdate = webchatState.messagesJSON.filter(
+//         m => m.id == msgId
+//       )[0]
+//       const updatedMsg = merge(messageToUpdate, messageInfo)
+//       if (updatedMsg.ack === 1) delete updatedMsg.unsentInput
+//       updateMessage(updatedMsg)
+//     },
+//     updateWebchatSettings: settings => {
+//       if (settings.user) {
+//         updateSessionWithUser(settings.user)
+//       }
+//       const themeUpdates = normalizeWebchatSettings(settings)
+//       updateTheme(merge(webchatState.theme, themeUpdates), themeUpdates)
+//       updateTyping(false)
+//     },
+//     closeWebview: closeWebview,
+//   }))
+//   const resolveCase = () => {
+//     updateHandoff(false)
+//     updateSession({ ...webchatState.session, _botonic_action: null })
+//   }
+//   const prevSession = usePrevious(webchatState.session)
+//   useEffect(() => {
+//     // Resume conversation after handoff
+//     if (
+//       prevSession &&
+//       prevSession._botonic_action &&
+//       !webchatState.session._botonic_action
+//     ) {
+//       const action = getParsedAction(prevSession._botonic_action)
+//       if (action && action.on_finish) sendPayload(action.on_finish)
+//     }
+//   }, [webchatState.session._botonic_action])
+//   const sendText = async (text, payload) => {
+//     if (!text) return
+//     const input = { type: INPUT.TEXT, data: text, payload }
+//     await sendInput(input)
+//   }
+//   const sendPayload = async payload => {
+//     if (!payload) return
+//     const input = { type: INPUT.POSTBACK, payload }
+//     await sendInput(input)
+//   }
+//   const sendAttachment = async attachment => {
+//     if (attachment.file) {
+//       const attachmentType = getMediaType(attachment.file.type)
+//       if (!attachmentType) return
+//       const input = {
+//         type: attachmentType,
+//         data: attachment.file,
+//       }
+//       await sendInput(input)
+//       setCurrentAttachment(undefined)
+//     }
+//   }
+//   const webviewRequestContext = {
+//     closeWebview: closeWebview,
+//     getString: stringId => props.getString(stringId, webchatState.session),
+//     params: webchatState.webviewParams || {},
+//     session: webchatState.session || {},
+//   }
+//   useEffect(() => {
+//     if (firstUpdate.current) {
+//       firstUpdate.current = false
+//       return
+//     }
+//     if (webchatState.isWebchatOpen && props.onOpen) props.onOpen()
+//     if (!webchatState.isWebchatOpen && props.onClose && !firstUpdate.current) {
+//       props.onClose()
+//       toggleEmojiPicker(false)
+//       togglePersistentMenu(false)
+//     }
+//   }, [webchatState.isWebchatOpen])
+//   const isUserInputEnabled = () => {
+//     const isUserInputEnabled = getThemeProperty(
+//       WEBCHAT.CUSTOM_PROPERTIES.enableUserInput,
+//       props.enableUserInput !== undefined ? props.enableUserInput : true
+//     )
+//     return isUserInputEnabled && !webchatState.isCoverComponentOpen
+//   }
+//   const userInputEnabled = isUserInputEnabled()
+//   const webchatWebview = () => (
+//     <WebviewRequestContext.Provider value={webviewRequestContext}>
+//       <WebviewContainer
+//         style={{
+//           ...getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.webviewStyle),
+//           ...mobileStyle,
+//         }}
+//         webview={webchatState.webview}
+//       />
+//     </WebviewRequestContext.Provider>
+//   )
+//   let mobileStyle = {}
+//   if (isMobile(getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.mobileBreakpoint))) {
+//     mobileStyle = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.mobileStyle) || {
+//       width: '100%',
+//       height: '100%',
+//       right: 0,
+//       bottom: 0,
+//       borderRadius: 0,
+//     }
+//   }
+//   useEffect(() => {
+//     // Prod mode
+//     saveWebchatState(webchatState)
+//   }, [webchatState.themeUpdates])
+//   // Only needed for dev/serve mode
+//   const updateWebchatDevSettings = settings => {
+//     // eslint-disable-next-line react-hooks/rules-of-hooks
+//     useEffect(() => {
+//       const themeUpdates = normalizeWebchatSettings(settings)
+//       updateTheme(merge(webchatState.theme, themeUpdates), themeUpdates)
+//     }, [webchatState.messagesJSON])
+//   }
+//   const DarkenBackground = ({ component }) => {
+//     return (
+//       <div>
+//         {darkBackgroundMenu && (
+//           <DarkBackgroundMenu
+//             style={{
+//               borderRadius: webchatState.theme.style.borderRadius,
+//             }}
+//           />
+//         )}
+//         {component}
+//       </div>
+//     )
+//   }
+//   const _renderCustomComponent = () => {
+//     if (!customComponent) return <></>
+//     else return customComponent
+//   }
+//   const WebchatComponent = (
+//     <WebchatContext.Provider
+//       value={{
+//         addMessage,
+//         getThemeProperty,
+//         openWebview,
+//         resolveCase,
+//         resetUnreadMessages,
+//         setLastMessageVisible,
+//         sendAttachment,
+//         sendInput,
+//         sendPayload,
+//         sendText,
+//         toggleWebchat,
+//         toggleEmojiPicker,
+//         togglePersistentMenu,
+//         toggleCoverComponent,
+//         updateLatestInput,
+//         updateMessage,
+//         updateReplies,
+//         updateUser: updateSessionWithUser,
+//         updateWebchatDevSettings: updateWebchatDevSettings,
+//         webchatState,
+//         trackEvent: props.onTrackEvent,
+//         webchatRef,
+//         chatAreaRef,
+//         inputPanelRef,
+//         headerRef,
+//         scrollableMessagesListRef,
+//       }}
+//     >
+//       {!webchatState.isWebchatOpen && <TriggerButton />}
+//       {webchatState.isWebchatOpen && (
+//         <StyledWebchat
+//           id={BotonicContainerId.Webchat}
+//           ref={webchatRef}
+//           // TODO: Distinguish between multiple instances of webchat, e.g. `${uniqueId}-botonic-webchat`
+//           role={ROLES.WEBCHAT}
+//           width={webchatState.width}
+//           height={webchatState.height}
+//           style={{
+//             ...webchatState.theme.style,
+//             ...mobileStyle,
+//           }}
+//         >
+//           <WebchatHeader
+//             id={BotonicContainerId.Header}
+//             ref={headerRef}
+//             onCloseClick={() => {
+//               toggleWebchat(false)
+//             }}
+//           />
+//           {webchatState.isCoverComponentOpen ? (
+//             <CoverComponent
+//               component={coverComponent}
+//               componentProps={coverComponentProps}
+//             />
+//           ) : (
+//             <>
+//               {webchatState.error.message && (
+//                 <ErrorMessageContainer>
+//                   <ErrorMessage>{webchatState.error.message}</ErrorMessage>
+//                 </ErrorMessageContainer>
+//               )}
+//               <ChatArea />
+//               {webchatState.isPersistentMenuOpen && (
+//                 <DarkenBackground component={persistentMenu()} />
+//               )}
+//               {!webchatState.handoff && userInputEnabled && (
+//                 <InputPanel
+//                   persistentMenu={props.persistentMenu}
+//                   enableEmojiPicker={props.enableEmojiPicker}
+//                   enableAttachments={props.enableAttachments}
+//                   handleAttachment={handleAttachment}
+//                   textareaRef={textareaRef}
+//                   host={host}
+//                   onUserInput={props.onUserInput}
+//                 />
+//               )}
+//               {webchatState.webview && webchatWebview()}
+//               {webchatState.isCustomComponentRendered &&
+//                 customComponent &&
+//                 _renderCustomComponent()}
+//             </>
+//           )}
+//         </StyledWebchat>
+//       )}
+//     </WebchatContext.Provider>
+//   )
+//   return props.shadowDOM ? (
+//     <StyleSheetManager target={host}>{WebchatComponent}</StyleSheetManager>
+//   ) : (
+//     WebchatComponent
+//   )
+// })
+//# sourceMappingURL=webchat-typed.js.map

package/lib/cjs/webchat/webchat-typed/webchat-typed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"webchat-typed.js","sourceRoot":"","sources":["../../../../src/webchat/webchat-typed/webchat-typed.tsx"],"names":[],"mappings":";AAAA,WAAW;AACX,mBAAmB;AACnB,WAAW;AACX,cAAc;AACd,wBAAwB;AACxB,yBAAyB;AACzB,mCAAmC;AACnC,kBAAkB;AAClB,gBAAgB;AAChB,eAAe;AACf,yBAAyB;AACzB,YAAY;AACZ,cAAc;AACd,iBAAiB;AACjB,wDAAwD;AACxD,sCAAsC;AAEtC,yEAAyE;AACzE,qDAAqD;AACrD,+EAA+E;AAC/E,gFAAgF;AAChF,yEAAyE;AACzE,8CAA8C;AAC9C,WAAW;AACX,kBAAkB;AAClB,mBAAmB;AACnB,aAAa;AACb,gBAAgB;AAChB,aAAa;AACb,aAAa;AACb,YAAY;AACZ,aAAa;AACb,iBAAiB;AACjB,+BAA+B;AAC/B,sDAAsD;AACtD,iDAAiD;AACjD,4EAA4E;AAC5E,WAAW;AACX,uBAAuB;AACvB,2BAA2B;AAC3B,iBAAiB;AACjB,+BAA+B;AAC/B,8BAA8B;AAC9B,0CAA0C;AAC1C,8EAA8E;AAC9E,oDAAoD;AACpD,sDAAsD;AACtD,4CAA4C;AAC5C,WAAW;AACX,2BAA2B;AAC3B,iBAAiB;AACjB,uBAAuB;AACvB,eAAe;AACf,gBAAgB;AAChB,oBAAoB;AACpB,8CAA8C;AAC9C,oDAAoD;AACpD,8DAA8D;AAC9D,6CAA6C;AAC7C,gDAAgD;AAChD,WAAW;AACX,wBAAwB;AACxB,kBAAkB;AAClB,2BAA2B;AAC3B,mBAAmB;AACnB,oBAAoB;AAEpB,6DAA6D;AAC7D,6EAA6E;AAC7E,YAAY;AACZ,kBAAkB;AAClB,2BAA2B;AAC3B,qBAAqB;AACrB,+BAA+B;AAC/B,oBAAoB;AACpB,2BAA2B;AAC3B,4BAA4B;AAC5B,gBAAgB;AAChB,6BAA6B;AAC7B,iBAAiB;AACjB,4BAA4B;AAC5B,yBAAyB;AACzB,4BAA4B;AAC5B,qBAAqB;AACrB,yBAAyB;AACzB,qBAAqB;AACrB,6BAA6B;AAC7B,2BAA2B;AAC3B,yBAAyB;AACzB,qBAAqB;AACrB,qBAAqB;AACrB,qBAAqB;AACrB,mBAAmB;AACnB,oBAAoB;AACpB,qBAAqB;AACrB,oBAAoB;AACpB,kBAAkB;AAClB,mBAAmB;AACnB,qBAAqB;AACrB,iBAAiB;AACjB,iCAAiC;AAEjC,6DAA6D;AAC7D,2CAA2C;AAC3C,qCAAqC;AACrC,+CAA+C;AAC/C,6DAA6D;AAC7D,yDAAyD;AACzD,wEAAwE;AACxE,sDAAsD;AAEtD,iEAAiE;AACjE,kCAAkC;AAClC,uBAAuB;AACvB,6CAA6C;AAC7C,6BAA6B;AAC7B,2BAA2B;AAE3B,2EAA2E;AAE3E,6CAA6C;AAE7C,2DAA2D;AAE3D,+CAA+C;AAC/C,iBAAiB;AACjB,mBAAmB;AACnB,sBAAsB;AACtB,kCAAkC;AAClC,mDAAmD;AACnD,6CAA6C;AAC7C,yDAAyD;AACzD,qDAAqD;AACrD,iEAAiE;AACjE,uDAAuD;AACvD,eAAe;AACf,YAAY;AACZ,UAAU;AACV,MAAM;AAEN,wCAAwC;AACxC,wDAAwD;AACxD,yBAAyB;AACzB,qFAAqF;AACrF,UAAU;AACV,QAAQ;AACR,6BAA6B;AAC7B,8CAA8C;AAC9C,iEAAiE;AACjE,kEAAkE;AAClE,SAAS;AACT,MAAM;AAEN,sBAAsB;AACtB,0CAA0C;AAC1C,uDAAuD;AACvD,yCAAyC;AAEzC,2CAA2C;AAC3C,+BAA+B;AAC/B,8BAA8B;AAC9B,yBAAyB;AACzB,4BAA4B;AAC5B,2CAA2C;AAC3C,wBAAwB;AACxB,yCAAyC;AACzC,qDAAqD;AACrD,WAAW;AACX,QAAQ;AACR,MAAM;AAEN,oEAAoE;AACpE,kCAAkC;AAClC,+EAA+E;AAC/E,kEAAkE;AAClE,yEAAyE;AACzE,qFAAqF;AACrF,2EAA2E;AAC3E,kDAAkD;AAElD,uEAAuE;AACvE,8EAA8E;AAC9E,UAAU;AACV,2CAA2C;AAC3C,QAAQ;AAER,6BAA6B;AAC7B,oEAAoE;AACpE,0EAA0E;AAC1E,kEAAkE;AAClE,eAAe;AACf,iCAAiC;AACjC,6DAA6D;AAC7D,YAAY;AACZ,oDAAoD;AACpD,UAAU;AACV,QAAQ;AACR,OAAO;AAEP,uCAAuC;AACvC,sBAAsB;AACtB,YAAY;AACZ,kBAAkB;AAClB,iBAAiB;AACjB,uBAAuB;AACvB,qBAAqB;AACrB,2BAA2B;AAC3B,sBAAsB;AACtB,6BAA6B;AAC7B,qCAAqC;AACrC,6BAA6B;AAC7B,4EAA4E;AAC5E,wBAAwB;AACxB,wCAAwC;AACxC,gCAAgC;AAChC,sDAAsD;AACtD,mDAAmD;AACnD,0EAA0E;AAC1E,+CAA+C;AAC/C,cAAc;AACd,8EAA8E;AAC9E,aAAa;AACb,UAAU;AACV,0EAA0E;AAC1E,8DAA8D;AAC9D,2DAA2D;AAC3D,sDAAsD;AACtD,yEAAyE;AACzE,sEAAsE;AACtE,sCAAsC;AACtC,oEAAoE;AACpE,8DAA8D;AAC9D,WAAW;AAEX,sBAAsB;AACtB,yCAAyC;AACzC,iDAAiD;AACjD,gCAAgC;AAChC,UAAU;AACV,eAAe;AACf,QAAQ;AACR,qCAAqC;AAErC,sBAAsB;AACtB,kEAAkE;AAClE,oCAAoC;AACpC,QAAQ;AACR,qCAAqC;AACrC,SAAS;AACT,iCAAiC;AACjC,4BAA4B;AAC5B,kCAAkC;AAClC,gCAAgC;AAChC,sCAAsC;AACtC,OAAO;AAEP,sBAAsB;AACtB,kCAAkC;AAClC,mBAAmB;AACnB,wDAAwD;AACxD,WAAW;AACX,eAAe;AACf,oCAAoC;AACpC,8BAA8B;AAC9B,UAAU;AACV,QAAQ;AACR,8BAA8B;AAE9B,mEAAmE;AAEnE,sBAAsB;AACtB,wEAAwE;AACxE,iDAAiD;AAEjD,wDAAwD;AACxD,8CAA8C;AAC9C,MAAM;AAEN,qCAAqC;AAErC,4CAA4C;AAC5C,sBAAsB;AACtB,8BAA8B;AAC9B,oCAAoC;AACpC,QAAQ;AACR,8BAA8B;AAC9B,2CAA2C;AAC3C,kCAAkC;AAClC,gFAAgF;AAChF,uEAAuE;AACvE,QAAQ;AACR,MAAM;AAEN,oDAAoD;AACpD,gDAAgD;AAChD,2BAA2B;AAC3B,MAAM;AAEN,iDAAiD;AACjD,mDAAmD;AACnD,MAAM;AAEN,kDAAkD;AAClD,6CAA6C;AAC7C,qCAAqC;AACrC,oBAAoB;AAEpB,wCAAwC;AACxC,uEAAuE;AACvE,0CAA0C;AAC1C,SAAS;AACT,MAAM;AAEN,uCAAuC;AACvC,wDAAwD;AACxD,4CAA4C;AAC5C,+CAA+C;AAC/C,0BAA0B;AAC1B,QAAQ;AACR,oDAAoD;AACpD,wCAAwC;AACxC,gDAAgD;AAChD,+BAA+B;AAC/B,kBAAkB;AAClB,oCAAoC;AACpC,2BAA2B;AAC3B,uBAAuB;AACvB,uDAAuD;AACvD,mDAAmD;AACnD,qCAAqC;AACrC,iBAAiB;AACjB,cAAc;AACd,6BAA6B;AAC7B,oBAAoB;AACpB,YAAY;AACZ,+BAA+B;AAC/B,sBAAsB;AACtB,UAAU;AACV,QAAQ;AACR,mBAAmB;AACnB,MAAM;AAEN,8BAA8B;AAC9B,kCAAkC;AAClC,MAAM;AAEN,mCAAmC;AACnC,eAAe;AACf,8BAA8B;AAC9B,8BAA8B;AAC9B,0CAA0C;AAC1C,yEAAyE;AACzE,WAAW;AACX,QAAQ;AACR,MAAM;AAEN,sCAAsC;AACtC,+BAA+B;AAC/B,kDAAkD;AAClD,gCAAgC;AAChC,mEAAmE;AACnE,QAAQ;AACR,MAAM;AACN,+CAA+C;AAC/C,4DAA4D;AAE5D,sBAAsB;AACtB,kCAAkC;AAClC,WAAW;AACX,yBAAyB;AACzB,sEAAsE;AACtE,QAAQ;AACR,mCAAmC;AACnC,WAAW;AAEX,iDAAiD;AACjD,uCAAuC;AACvC,2BAA2B;AAC3B,2EAA2E;AAC3E,mCAAmC;AACnC,oEAAoE;AACpE,6BAA6B;AAC7B,wBAAwB;AACxB,gCAAgC;AAChC,oCAAoC;AACpC,UAAU;AACV,8BAA8B;AAC9B,mCAAmC;AACnC,uDAAuD;AACvD,gFAAgF;AAChF,8EAA8E;AAC9E,oCAAoC;AACpC,0DAA0D;AAC1D,QAAQ;AACR,8BAA8B;AAC9B,MAAM;AAEN,uCAAuC;AACvC,2DAA2D;AAC3D,qJAAqJ;AACrJ,0DAA0D;AAC1D,yCAAyC;AACzC,gEAAgE;AAChE,kEAAkE;AAClE,qEAAqE;AACrE,2BAA2B;AAC3B,+BAA+B;AAC/B,+DAA+D;AAC/D,2BAA2B;AAC3B,kCAAkC;AAClC,+BAA+B;AAC/B,MAAM;AAEN,oEAAoE;AACpE,+EAA+E;AAC/E,OAAO;AAEP,kDAAkD;AAClD,yEAAyE;AAEzE,sCAAsC;AACtC,kEAAkE;AAClE,4BAA4B;AAE5B,yBAAyB;AACzB,mFAAmF;AAEnF,uCAAuC;AACvC,kCAAkC;AAClC,2EAA2E;AAC3E,aAAa;AACb,+BAA+B;AAC/B,gCAAgC;AAChC,yBAAyB;AACzB,oDAAoD;AACpD,aAAa;AACb,UAAU;AAEV,uBAAuB;AACvB,6EAA6E;AAC7E,uDAAuD;AACvD,sEAAsE;AACtE,iEAAiE;AACjE,iCAAiC;AACjC,UAAU;AAEV,8DAA8D;AAE9D,mDAAmD;AACnD,SAAS;AACT,iDAAiD;AACjD,qDAAqD;AACrD,yCAAyC;AACzC,8CAA8C;AAC9C,gDAAgD;AAChD,uEAAuE;AACvE,4DAA4D;AAC5D,8DAA8D;AAC9D,mDAAmD;AACnD,6CAA6C;AAC7C,sCAAsC;AACtC,SAAS;AACT,oEAAoE;AACpE,kCAAkC;AAClC,kEAAkE;AAClE,4DAA4D;AAC5D,gBAAgB;AAChB,iBAAiB;AACjB,oDAAoD;AACpD,gBAAgB;AAChB,6BAA6B;AAC7B,wBAAwB;AACxB,6BAA6B;AAC7B,SAAS;AACT,kEAAkE;AAClE,mDAAmD;AACnD,kEAAkE;AAClE,6BAA6B;AAC7B,aAAa;AACb,+DAA+D;AAC/D,gEAAgE;AAChE,kCAAkC;AAClC,SAAS;AACT,2CAA2C;AAC3C,6BAA6B;AAC7B,+CAA+C;AAC/C,UAAU;AACV,gEAAgE;AAChE,2EAA2E;AAC3E,4BAA4B;AAC5B,SAAS;AACT,kCAAkC;AAClC,QAAQ;AAER,gCAAgC;AAChC,2BAA2B;AAC3B,wEAAwE;AACxE,MAAM;AAEN,0DAA0D;AAC1D,sBAAsB;AACtB,2CAA2C;AAC3C,WAAW;AACX,uBAAuB;AACvB,uCAAuC;AACvC,8CAA8C;AAC9C,UAAU;AACV,oEAAoE;AACpE,sEAAsE;AACtE,QAAQ;AACR,+CAA+C;AAE/C,gDAAgD;AAChD,wBAAwB;AACxB,8DAA8D;AAC9D,6BAA6B;AAC7B,MAAM;AAEN,2CAA2C;AAC3C,2BAA2B;AAC3B,sDAAsD;AACtD,6BAA6B;AAC7B,MAAM;AAEN,iDAAiD;AACjD,6BAA6B;AAC7B,kEAAkE;AAClE,oCAAoC;AACpC,wBAAwB;AACxB,gCAAgC;AAChC,iCAAiC;AACjC,UAAU;AACV,+BAA+B;AAC/B,wCAAwC;AACxC,QAAQ;AACR,MAAM;AAEN,oCAAoC;AACpC,kCAAkC;AAClC,8EAA8E;AAC9E,gDAAgD;AAChD,2CAA2C;AAC3C,MAAM;AAEN,sBAAsB;AACtB,iCAAiC;AACjC,oCAAoC;AACpC,eAAe;AACf,QAAQ;AAER,qEAAqE;AAErE,kFAAkF;AAClF,wBAAwB;AACxB,iCAAiC;AACjC,oCAAoC;AACpC,QAAQ;AACR,qCAAqC;AAErC,uCAAuC;AACvC,mDAAmD;AACnD,mDAAmD;AACnD,2EAA2E;AAC3E,QAAQ;AACR,sEAAsE;AACtE,MAAM;AAEN,kDAAkD;AAElD,mCAAmC;AACnC,qEAAqE;AACrE,0BAA0B;AAC1B,mBAAmB;AACnB,yEAAyE;AACzE,4BAA4B;AAC5B,aAAa;AACb,yCAAyC;AACzC,WAAW;AACX,wCAAwC;AACxC,MAAM;AACN,yBAAyB;AACzB,kFAAkF;AAClF,iFAAiF;AACjF,uBAAuB;AACvB,wBAAwB;AACxB,kBAAkB;AAClB,mBAAmB;AACnB,yBAAyB;AACzB,QAAQ;AACR,MAAM;AAEN,sBAAsB;AACtB,mBAAmB;AACnB,qCAAqC;AACrC,oCAAoC;AAEpC,sCAAsC;AACtC,mDAAmD;AACnD,6DAA6D;AAC7D,wBAAwB;AACxB,gEAAgE;AAChE,2EAA2E;AAC3E,sCAAsC;AACtC,MAAM;AAEN,kDAAkD;AAClD,eAAe;AACf,cAAc;AACd,mCAAmC;AACnC,gCAAgC;AAChC,uBAAuB;AACvB,qEAAqE;AACrE,iBAAiB;AACjB,eAAe;AACf,aAAa;AACb,sBAAsB;AACtB,eAAe;AACf,QAAQ;AACR,MAAM;AAEN,2CAA2C;AAC3C,yCAAyC;AACzC,kCAAkC;AAClC,MAAM;AAEN,+BAA+B;AAC/B,+BAA+B;AAC/B,iBAAiB;AACjB,sBAAsB;AACtB,4BAA4B;AAC5B,uBAAuB;AACvB,uBAAuB;AACvB,+BAA+B;AAC/B,iCAAiC;AACjC,0BAA0B;AAC1B,qBAAqB;AACrB,uBAAuB;AACvB,oBAAoB;AACpB,yBAAyB;AACzB,6BAA6B;AAC7B,gCAAgC;AAChC,gCAAgC;AAChC,6BAA6B;AAC7B,yBAAyB;AACzB,yBAAyB;AACzB,6CAA6C;AAC7C,8DAA8D;AAC9D,wBAAwB;AACxB,0CAA0C;AAC1C,sBAAsB;AACtB,uBAAuB;AACvB,yBAAyB;AACzB,qBAAqB;AACrB,qCAAqC;AACrC,WAAW;AACX,QAAQ;AACR,2DAA2D;AAE3D,yCAAyC;AACzC,yBAAyB;AACzB,4CAA4C;AAC5C,6BAA6B;AAC7B,2GAA2G;AAC3G,iCAAiC;AACjC,uCAAuC;AACvC,yCAAyC;AACzC,qBAAqB;AACrB,2CAA2C;AAC3C,8BAA8B;AAC9B,eAAe;AACf,YAAY;AACZ,2BAA2B;AAC3B,6CAA6C;AAC7C,8BAA8B;AAC9B,oCAAoC;AACpC,qCAAqC;AACrC,iBAAiB;AACjB,eAAe;AAEf,mDAAmD;AACnD,8BAA8B;AAC9B,2CAA2C;AAC3C,qDAAqD;AACrD,iBAAiB;AACjB,kBAAkB;AAClB,iBAAiB;AACjB,iDAAiD;AACjD,0CAA0C;AAC1C,8EAA8E;AAC9E,2CAA2C;AAC3C,mBAAmB;AAEnB,6BAA6B;AAE7B,wDAAwD;AACxD,oEAAoE;AACpE,mBAAmB;AAEnB,gEAAgE;AAChE,8BAA8B;AAC9B,0DAA0D;AAC1D,gEAAgE;AAChE,gEAAgE;AAChE,wDAAwD;AACxD,8CAA8C;AAC9C,gCAAgC;AAChC,oDAAoD;AACpD,qBAAqB;AACrB,mBAAmB;AAEnB,2DAA2D;AAE3D,2DAA2D;AAC3D,qCAAqC;AACrC,4CAA4C;AAC5C,kBAAkB;AAClB,eAAe;AACf,2BAA2B;AAC3B,WAAW;AACX,iCAAiC;AACjC,MAAM;AAEN,+BAA+B;AAC/B,8EAA8E;AAC9E,UAAU;AACV,uBAAuB;AACvB,MAAM;AACN,KAAK"}