@botonic/react 0.20.1-alpha.1 → 0.20.3

package/lib/webchat/webchat.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/webchat/webchat.jsx"],"names":["getParsedAction","botonicAction","splittedAction","split","length","undefined","JSON","parse","StyledWebchat","styled","div","props","width","height","COLORS","SOLID_WHITE","SOLID_BLACK_ALPHA_0_2","StyledTriggerButton","UserInputContainer","SOLID_BLACK_ALPHA_0_5","TextAreaContainer","FeaturesWrapper","TriggerImage","img","ErrorMessageContainer","ErrorMessage","ERROR_RED","CONCRETE_WHITE","WEBCHAT","DEFAULTS","FONT_FAMILY","DarkBackgroundMenu","SOLID_BLACK","Webchat","ref","webchatHooks","webchatState","addMessage","addMessageComponent","updateMessage","updateReplies","updateLatestInput","updateTyping","updateWebview","updateSession","updateLastRoutePath","updateHandoff","updateTheme","updateDevSettings","toggleWebchat","toggleEmojiPicker","togglePersistentMenu","toggleCoverComponent","doRenderCustomComponent","setError","setOnline","clearMessages","openWebviewT","closeWebviewT","updateLastMessageDate","setCurrentAttachment","firstUpdate","isOnline","online","currentDateString","Date","toISOString","theme","initialSession","initialDevSettings","onStateChange","getThemeProperty","customComponent","setCustomComponent","storage","localStorage","storageKey","STORAGE_KEY","botonicState","saveState","host","document","body","deviceAdapter","DeviceAdapter","saveWebchatState","messages","messagesJSON","session","lastRoutePath","devSettings","lastMessageUpdate","themeUpdates","handleAttachment","event","target","files","size","Error","MAX_ALLOWED_SIZE_MB","fileName","name","file","attachmentType","type","currentAttachment","sendAttachment","sendUserInput","input","onUserInput","user","window","_botonicInsertStyles","botonicStyle","head","appendChild","shadowDOM","cloneNode","querySelectorAll","style","textContent","includes","forEach","m","newComponent","delay","typing","message","customTypes","customMessageTypes","onInit","setTimeout","isWebchatOpen","init","behavior","server","current","openWebview","webviewComponent","params","handleSelectedEmoji","emojiObject","textArea","value","emoji","focus","closeWebview","options","userInputEnabled","payload","sendPayload","path","handleMenu","isPersistentMenuOpen","handleEmojiClick","isEmojiPickerOpen","animationsEnabled","CUSTOM_PROPERTIES","enableAnimations","persistentMenuOptions","persistentMenu","darkBackgroundMenu","getBlockInputs","rule","inputData","match","some","regex","test","checkBlockInput","blockInputs","Array","isArray","data","id","SENDERS","backgroundColor","SCORPION_GRAY","borderColor","padding","closeMenu","borderRadius","getCoverComponent","coverComponent","component","CoverComponent","closeCoverComponent","coverComponentProps","isCoverComponentOpen","messageComponentFromInput","messageComponent","temporaryDisplayUrl","URL","createObjectURL","mediaProps","from","src","sendInput","Object","keys","trim","updateSessionWithUser","userToUpdate","addBotResponse","response","map","r","action","_botonic_action","handoff","startsWith","isDev","setTyping","addUserMessage","updateUser","openWebchat","closeWebchat","openCoverComponent","renderCustomComponent","_customComponent","unmountCustomComponent","openWebviewApi","getMessages","getLastMessageUpdate","updateMessageInfo","msgId","messageInfo","messageToUpdate","filter","updatedMsg","ack","unsentInput","updateWebchatSettings","settings","resolveCase","prevSession","on_finish","sendText","text","INPUT","TEXT","POSTBACK","attachment","sendTextAreaText","onKeyDown","keyCode","shiftKey","preventDefault","webviewRequestContext","getString","stringId","setLocale","locale","webviewParams","defaultDelay","defaultTyping","onOpen","onClose","getTriggerImage","triggerImage","triggerButtonImage","LOGO","triggerButtonStyle","CustomTriggerButton","customTrigger","triggerButton","ROLES","TRIGGER_BUTTON","webchatMessageList","flex","webchatReplies","replies","isUserInputEnabled","enableUserInput","emojiPickerEnabled","enableEmojiPicker","attachmentsEnabled","enableAttachments","sendButtonEnabled","enableSendButton","CustomSendButton","customSendButton","CustomMenuButton","customMenuButton","ConditionalAnimation","children","scale","userInputArea","userInputStyle","onFocus","onBlur","textPlaceholder","PLACEHOLDER","e","display","fontSize","border","resize","overflow","outline","paddingLeft","fontFamily","userInputBoxStyle","join","webchatWebview","webviewStyle","mobileStyle","webview","mobileBreakpoint","right","bottom","updateWebchatDevSettings","DarkenBackground","_renderCustomComponent","WebchatComponent","ID","error","isCustomComponentRendered"],"mappings":"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","sourcesContent":["import { INPUT, isMobile, params2queryString } from '@botonic/core'\nimport { motion } from 'framer-motion'\nimport merge from 'lodash.merge'\nimport React, {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from 'react'\nimport Textarea from 'react-textarea-autosize'\nimport styled, { StyleSheetManager } from 'styled-components'\nimport { useAsyncEffect } from 'use-async-effect'\nimport { v4 as uuidv4 } from 'uuid'\n\nimport { Audio, Document, Image, Text, Video } from '../components'\nimport { Handoff } from '../components/handoff'\nimport { normalizeWebchatSettings } from '../components/webchat-settings'\nimport {\n  COLORS,\n  MAX_ALLOWED_SIZE_MB,\n  ROLES,\n  SENDERS,\n  WEBCHAT,\n} from '../constants'\nimport { RequestContext, WebchatContext } from '../contexts'\nimport {\n  getFullMimeWhitelist,\n  getMediaType,\n  isAllowedSize,\n  isAudio,\n  isDocument,\n  isImage,\n  isMedia,\n  isText,\n  isVideo,\n  readDataURL,\n} from '../message-utils'\nimport { msgToBotonic } from '../msg-to-botonic'\nimport { scrollToBottom } from '../util/dom'\nimport { isDev, resolveImage } from '../util/environment'\nimport { ConditionalWrapper } from '../util/react'\nimport { deserializeRegex, stringifyWithRegexs } from '../util/regexs'\nimport {\n  _getThemeProperty,\n  getServerErrorMessage,\n  initSession,\n  shouldKeepSessionOnReload,\n} from '../util/webchat'\nimport { Attachment } from './components/attachment'\nimport { EmojiPicker, OpenedEmojiPicker } from './components/emoji-picker'\nimport {\n  OpenedPersistentMenu,\n  PersistentMenu,\n} from './components/persistent-menu'\nimport { SendButton } from './components/send-button'\nimport { TypingIndicator } from './components/typing-indicator'\nimport { DeviceAdapter } from './devices/device-adapter'\nimport { StyledWebchatHeader } from './header'\nimport {\n  useComponentWillMount,\n  usePrevious,\n  useTyping,\n  useWebchat,\n} from './hooks'\nimport { WebchatMessageList } from './message-list'\nimport { WebchatReplies } from './replies'\nimport { useStorageState } from './use-storage-state-hook'\nimport { WebviewContainer } from './webview'\n\nexport const getParsedAction = botonicAction => {\n  const splittedAction = botonicAction.split('create_case:')\n  if (splittedAction.length <= 1) return undefined\n  return JSON.parse(splittedAction[1])\n}\n\nconst StyledWebchat = styled.div`\n  position: fixed;\n  right: 20px;\n  bottom: 20px;\n  width: ${props => props.width}px;\n  height: ${props => props.height}px;\n  margin: auto;\n  background-color: ${COLORS.SOLID_WHITE};\n  border-radius: 10px;\n  box-shadow: ${COLORS.SOLID_BLACK_ALPHA_0_2} 0px 0px 12px;\n  display: flex;\n  flex-direction: column;\n`\n\nconst 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\nconst UserInputContainer = styled.div`\n  min-height: 52px;\n  display: flex;\n  position: relative;\n  border-top: 1px solid ${COLORS.SOLID_BLACK_ALPHA_0_5};\n`\n\nconst TextAreaContainer = styled.div`\n  display: flex;\n  flex: 1 1 auto;\n  align-items: center;\n`\n\nconst FeaturesWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 1;\n`\n\nconst TriggerImage = styled.img`\n  max-width: 100%;\n  max-height: 100%;\n`\n\nconst ErrorMessageContainer = styled.div`\n  position: relative;\n  display: flex;\n  z-index: 1;\n  justify-content: center;\n  width: 100%;\n`\n\nconst 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: ${WEBCHAT.DEFAULTS.FONT_FAMILY};\n`\n\nconst 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\n// eslint-disable-next-line complexity\nexport const Webchat = forwardRef((props, ref) => {\n  const {\n    webchatState,\n    addMessage,\n    addMessageComponent,\n    updateMessage,\n    updateReplies,\n    updateLatestInput,\n    updateTyping,\n    updateWebview,\n    updateSession,\n    updateLastRoutePath,\n    updateHandoff,\n    updateTheme,\n    updateDevSettings,\n    toggleWebchat,\n    toggleEmojiPicker,\n    togglePersistentMenu,\n    toggleCoverComponent,\n    doRenderCustomComponent,\n    setError,\n    setOnline,\n    clearMessages,\n    openWebviewT,\n    closeWebviewT,\n    updateLastMessageDate,\n    setCurrentAttachment,\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n  } = props.webchatHooks || useWebchat()\n  const firstUpdate = useRef(true)\n  const isOnline = () => webchatState.online\n  const currentDateString = () => new Date().toISOString()\n  const theme = merge(webchatState.theme, props.theme)\n  const { initialSession, initialDevSettings, onStateChange } = props\n  const getThemeProperty = _getThemeProperty(theme)\n\n  const [customComponent, setCustomComponent] = useState(null)\n  const storage = props.storage === undefined ? localStorage : props.storage\n  const storageKey =\n    typeof props.storageKey === 'function'\n      ? props.storageKey()\n      : props.storageKey\n\n  const [botonicState, saveState] = useStorageState(\n    storage,\n    storageKey || WEBCHAT.DEFAULTS.STORAGE_KEY\n  )\n\n  const host = props.host || document.body\n\n  const deviceAdapter = new DeviceAdapter()\n\n  const saveWebchatState = webchatState => {\n    storage &&\n      saveState(\n        JSON.parse(\n          stringifyWithRegexs({\n            messages: webchatState.messagesJSON,\n            session: webchatState.session,\n            lastRoutePath: webchatState.lastRoutePath,\n            devSettings: webchatState.devSettings,\n            lastMessageUpdate: webchatState.lastMessageUpdate,\n            themeUpdates: webchatState.themeUpdates,\n          })\n        )\n      )\n  }\n\n  const handleAttachment = event => {\n    if (!isAllowedSize(event.target.files[0].size)) {\n      throw new Error(\n        `The file is too large. A maximum of ${MAX_ALLOWED_SIZE_MB}MB is allowed.`\n      )\n    }\n    setCurrentAttachment({\n      fileName: event.target.files[0].name,\n      file: event.target.files[0], // TODO: Attach more files?\n      attachmentType: getMediaType(event.target.files[0].type),\n    })\n  }\n\n  useEffect(() => {\n    if (webchatState.currentAttachment)\n      sendAttachment(webchatState.currentAttachment)\n  }, [webchatState.currentAttachment])\n\n  const sendUserInput = async input => {\n    props.onUserInput &&\n      props.onUserInput({\n        user: webchatState.session.user,\n        input: input,\n        session: webchatState.session,\n        lastRoutePath: webchatState.lastRoutePath,\n      })\n  }\n\n  // Load styles stored in window._botonicInsertStyles by Webpack\n  useComponentWillMount(() => {\n    if (window._botonicInsertStyles && window._botonicInsertStyles.length) {\n      for (const botonicStyle of window._botonicInsertStyles) {\n        // Injecting styles at head is needed even if we use shadowDOM\n        // as some dependencies like simplebar rely on creating ephemeral elements\n        // on document.body and assume styles will be available globally\n        document.head.appendChild(botonicStyle)\n\n        // injecting styles in host node too so that shadowDOM works\n        if (props.shadowDOM) host.appendChild(botonicStyle.cloneNode(true))\n      }\n      delete window._botonicInsertStyles\n    }\n\n    if (props.shadowDOM) {\n      // emoji-picker-react injects styles in head, so we need to\n      // re-inject them in our host node to make it work with shadowDOM\n      for (const style of document.querySelectorAll('style')) {\n        if (\n          style.textContent &&\n          style.textContent.includes('emoji-picker-react')\n        )\n          host.appendChild(style.cloneNode(true))\n      }\n    }\n  })\n\n  // Load initial state from storage\n  useEffect(() => {\n    let {\n      messages,\n      session,\n      lastRoutePath,\n      devSettings,\n      lastMessageUpdate,\n      themeUpdates,\n    } = botonicState || {}\n    session = initSession(session)\n    updateSession(session)\n    if (shouldKeepSessionOnReload({ initialDevSettings, devSettings })) {\n      if (messages) {\n        messages.forEach(m => {\n          addMessage(m)\n          const newComponent = msgToBotonic(\n            { ...m, delay: 0, typing: 0 },\n            (props.theme.message && props.theme.message.customTypes) ||\n              props.theme.customMessageTypes\n          )\n          if (newComponent) addMessageComponent(newComponent)\n        })\n      }\n      if (initialSession) updateSession(merge(initialSession, session))\n      if (lastRoutePath) updateLastRoutePath(lastRoutePath)\n    } else updateSession(merge(initialSession, session))\n    if (devSettings) updateDevSettings(devSettings)\n    else if (initialDevSettings) updateDevSettings(initialDevSettings)\n    if (lastMessageUpdate) updateLastMessageDate(lastMessageUpdate)\n    if (themeUpdates !== undefined)\n      updateTheme(merge(props.theme, themeUpdates), themeUpdates)\n    if (props.onInit) setTimeout(() => props.onInit(), 100)\n  }, [])\n\n  useEffect(() => {\n    if (!webchatState.isWebchatOpen) return\n    deviceAdapter.init(host)\n    scrollToBottom({ behavior: 'auto', host })\n  }, [webchatState.isWebchatOpen])\n\n  useEffect(() => {\n    if (onStateChange && typeof onStateChange === 'function')\n      onStateChange(webchatState)\n    saveWebchatState(webchatState)\n  }, [\n    webchatState.messagesJSON,\n    webchatState.session,\n    webchatState.lastRoutePath,\n    webchatState.devSettings,\n    webchatState.lastMessageUpdate,\n  ])\n\n  useAsyncEffect(async () => {\n    if (!webchatState.online) {\n      setError({\n        message: getServerErrorMessage(props.server),\n      })\n    } else {\n      if (!firstUpdate.current) {\n        setError(undefined)\n      }\n    }\n  }, [webchatState.online])\n\n  useTyping({ webchatState, updateTyping, updateMessage, host })\n\n  useEffect(() => {\n    updateTheme(merge(props.theme, theme, webchatState.themeUpdates))\n  }, [props.theme, webchatState.themeUpdates])\n\n  const openWebview = (webviewComponent, params) =>\n    updateWebview(webviewComponent, params)\n\n  const handleSelectedEmoji = (event, emojiObject) => {\n    textArea.current.value += emojiObject.emoji\n    textArea.current.focus()\n  }\n\n  const closeWebview = options => {\n    updateWebview()\n    if (userInputEnabled) {\n      textArea.current.focus()\n    }\n    if (options && options.payload) {\n      sendPayload(options.payload)\n    } else if (options && options.path) {\n      let params = ''\n      if (options.params) params = params2queryString(options.params)\n      sendPayload(`__PATH_PAYLOAD__${options.path}?${params}`)\n    }\n  }\n\n  const handleMenu = () => {\n    togglePersistentMenu(!webchatState.isPersistentMenuOpen)\n  }\n\n  const handleEmojiClick = () => {\n    toggleEmojiPicker(!webchatState.isEmojiPickerOpen)\n  }\n\n  const animationsEnabled = getThemeProperty(\n    WEBCHAT.CUSTOM_PROPERTIES.enableAnimations,\n    props.enableAnimations !== undefined ? props.enableAnimations : true\n  )\n  const persistentMenuOptions = getThemeProperty(\n    WEBCHAT.CUSTOM_PROPERTIES.persistentMenu,\n    props.persistentMenu\n  )\n\n  const darkBackgroundMenu = getThemeProperty(\n    WEBCHAT.CUSTOM_PROPERTIES.darkBackgroundMenu,\n    false\n  )\n\n  const getBlockInputs = (rule, inputData) => {\n    return rule.match.some(regex => {\n      if (typeof regex === 'string') regex = deserializeRegex(regex)\n      return regex.test(inputData)\n    })\n  }\n\n  const checkBlockInput = input => {\n    // if is a text we check if it is a serialized RE\n    const blockInputs = getThemeProperty(\n      WEBCHAT.CUSTOM_PROPERTIES.blockInputs,\n      props.blockInputs\n    )\n    if (!Array.isArray(blockInputs)) return false\n    for (const rule of blockInputs) {\n      if (getBlockInputs(rule, input.data)) {\n        addMessageComponent(\n          <Text\n            id={input.id}\n            from={SENDERS.user}\n            blob={false}\n            style={{\n              backgroundColor: COLORS.SCORPION_GRAY,\n              borderColor: COLORS.SCORPION_GRAY,\n              padding: '8px 12px',\n            }}\n          >\n            {rule.message}\n          </Text>\n        )\n        updateReplies(false)\n        return true\n      }\n    }\n    return false\n  }\n  const closeMenu = () => {\n    togglePersistentMenu(false)\n  }\n\n  const persistentMenu = () => {\n    return (\n      <OpenedPersistentMenu\n        onClick={closeMenu}\n        options={persistentMenuOptions}\n        borderRadius={webchatState.theme.style.borderRadius || '10px'}\n      />\n    )\n  }\n\n  const getCoverComponent = () => {\n    return getThemeProperty(\n      WEBCHAT.CUSTOM_PROPERTIES.coverComponent,\n      props.coverComponent &&\n        (props.coverComponent.component || props.coverComponent)\n    )\n  }\n  const CoverComponent = getCoverComponent()\n\n  const closeCoverComponent = () => {\n    toggleCoverComponent(false)\n  }\n\n  useEffect(() => {\n    if (!CoverComponent) return\n    if (\n      !botonicState ||\n      (botonicState.messages && botonicState.messages.length == 0)\n    )\n      toggleCoverComponent(true)\n  }, [])\n\n  const coverComponent = () => {\n    const coverComponentProps = getThemeProperty(\n      WEBCHAT.CUSTOM_PROPERTIES.coverComponentProps,\n      props.coverComponent && props.coverComponent.props\n    )\n\n    if (CoverComponent && webchatState.isCoverComponentOpen)\n      return (\n        <CoverComponent\n          closeComponent={closeCoverComponent}\n          {...coverComponentProps}\n        />\n      )\n    return null\n  }\n\n  const messageComponentFromInput = input => {\n    let messageComponent = null\n    if (isText(input)) {\n      messageComponent = (\n        <Text id={input.id} payload={input.payload} from={SENDERS.user}>\n          {input.data}\n        </Text>\n      )\n    } else if (isMedia(input)) {\n      const temporaryDisplayUrl = URL.createObjectURL(input.data)\n      const mediaProps = {\n        id: input.id,\n        from: SENDERS.user,\n        src: temporaryDisplayUrl,\n      }\n      if (isImage(input)) messageComponent = <Image {...mediaProps} />\n      else if (isAudio(input)) messageComponent = <Audio {...mediaProps} />\n      else if (isVideo(input)) messageComponent = <Video {...mediaProps} />\n      else if (isDocument(input))\n        messageComponent = <Document {...mediaProps} />\n    }\n    return messageComponent\n  }\n\n  const sendInput = async input => {\n    if (!input || Object.keys(input).length == 0) return\n    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)\n    if (isText(input) && checkBlockInput(input)) return\n    if (!input.id) input.id = uuidv4()\n    const messageComponent = messageComponentFromInput(input)\n    if (messageComponent) addMessageComponent(messageComponent)\n    if (isMedia(input)) input.data = await readDataURL(input.data)\n    sendUserInput(input)\n    updateLatestInput(input)\n    isOnline() && updateLastMessageDate(currentDateString())\n    updateReplies(false)\n    togglePersistentMenu(false)\n    toggleEmojiPicker(false)\n  }\n\n  /* This is the public API this component exposes to its parents\n  https://stackoverflow.com/questions/37949981/call-child-method-from-parent\n  */\n\n  const updateSessionWithUser = userToUpdate =>\n    updateSession(merge(webchatState.session, { user: userToUpdate }))\n\n  useImperativeHandle(ref, () => ({\n    addBotResponse: ({ response, session, lastRoutePath }) => {\n      updateTyping(false)\n      if (Array.isArray(response)) response.map(r => addMessageComponent(r))\n      else if (response) addMessageComponent(response)\n      if (session) {\n        updateSession(merge(session, { user: webchatState.session.user }))\n        const action = session._botonic_action || ''\n        const handoff = action.startsWith('create_case')\n        if (handoff && isDev) addMessageComponent(<Handoff />)\n        updateHandoff(handoff)\n      }\n      if (lastRoutePath) updateLastRoutePath(lastRoutePath)\n      updateLastMessageDate(currentDateString())\n    },\n    setTyping: typing => updateTyping(typing),\n    addUserMessage: message => sendInput(message),\n    updateUser: updateSessionWithUser,\n    openWebchat: () => toggleWebchat(true),\n    closeWebchat: () => toggleWebchat(false),\n    toggleWebchat: () => toggleWebchat(!webchatState.isWebchatOpen),\n    openCoverComponent: () => toggleCoverComponent(true),\n    closeCoverComponent: () => toggleCoverComponent(false),\n    renderCustomComponent: _customComponent => {\n      setCustomComponent(_customComponent)\n      doRenderCustomComponent(true)\n    },\n    unmountCustomComponent: () => doRenderCustomComponent(false),\n    toggleCoverComponent: () =>\n      toggleCoverComponent(!webchatState.isCoverComponentOpen),\n    openWebviewApi: component => openWebviewT(component),\n    setError,\n    setOnline,\n    getMessages: () => webchatState.messagesJSON,\n    isOnline,\n    clearMessages: () => {\n      clearMessages()\n      updateReplies(false)\n    },\n    getLastMessageUpdate: () => webchatState.lastMessageUpdate,\n    updateMessageInfo: (msgId, messageInfo) => {\n      const messageToUpdate = webchatState.messagesJSON.filter(\n        m => m.id == msgId\n      )[0]\n      const updatedMsg = merge(messageToUpdate, messageInfo)\n      if (updatedMsg.ack === 1) delete updatedMsg.unsentInput\n      updateMessage(updatedMsg)\n    },\n    updateWebchatSettings: settings => {\n      const themeUpdates = normalizeWebchatSettings(settings)\n      updateTheme(merge(webchatState.theme, themeUpdates), themeUpdates)\n    },\n  }))\n\n  const resolveCase = () => {\n    updateHandoff(false)\n    updateSession({ ...webchatState.session, _botonic_action: null })\n  }\n\n  const prevSession = usePrevious(webchatState.session)\n  useEffect(() => {\n    // Resume conversation after handoff\n    if (\n      prevSession &&\n      prevSession._botonic_action &&\n      !webchatState.session._botonic_action\n    ) {\n      const action = getParsedAction(prevSession._botonic_action)\n      if (action && action.on_finish) sendPayload(action.on_finish)\n    }\n  }, [webchatState.session._botonic_action])\n\n  const sendText = async (text, payload) => {\n    if (!text) return\n    const input = { type: INPUT.TEXT, data: text, payload }\n    await sendInput(input)\n  }\n\n  const sendPayload = async payload => {\n    if (!payload) return\n    const input = { type: INPUT.POSTBACK, payload }\n    await sendInput(input)\n  }\n\n  const sendAttachment = async attachment => {\n    if (attachment.file) {\n      const attachmentType = getMediaType(attachment.file.type)\n      if (!attachmentType) return\n      const input = {\n        type: attachmentType,\n        data: attachment.file,\n      }\n      await sendInput(input)\n      setCurrentAttachment(undefined)\n    }\n  }\n\n  const sendTextAreaText = () => {\n    sendText(textArea.current.value)\n    textArea.current.value = ''\n  }\n\n  const onKeyDown = event => {\n    if (event.keyCode == 13 && event.shiftKey == false) {\n      event.preventDefault()\n      sendTextAreaText()\n    }\n  }\n\n  const webviewRequestContext = {\n    getString: stringId => props.getString(stringId, webchatState.session),\n    setLocale: locale => props.getString(locale, webchatState.session),\n    session: webchatState.session || {},\n    params: webchatState.webviewParams || {},\n    closeWebview: closeWebview,\n    defaultDelay: props.defaultDelay || 0,\n    defaultTyping: props.defaultTyping || 0,\n  }\n\n  useEffect(() => {\n    if (firstUpdate.current) {\n      firstUpdate.current = false\n      return\n    }\n    if (webchatState.isWebchatOpen && props.onOpen) props.onOpen()\n    if (!webchatState.isWebchatOpen && props.onClose && !firstUpdate.current) {\n      props.onClose()\n      toggleEmojiPicker(false)\n      togglePersistentMenu(false)\n    }\n  }, [webchatState.isWebchatOpen])\n\n  const textArea = useRef()\n\n  const getTriggerImage = () => {\n    const triggerImage = getThemeProperty(\n      WEBCHAT.CUSTOM_PROPERTIES.triggerButtonImage,\n      null\n    )\n    if (triggerImage === null) {\n      webchatState.theme.triggerButtonImage = WEBCHAT.DEFAULTS.LOGO\n      return null\n    }\n    return triggerImage\n  }\n\n  const triggerButtonStyle = getThemeProperty(\n    WEBCHAT.CUSTOM_PROPERTIES.triggerButtonStyle\n  )\n\n  const CustomTriggerButton = getThemeProperty(\n    WEBCHAT.CUSTOM_PROPERTIES.customTrigger,\n    undefined\n  )\n\n  const triggerButton = () => {\n    if (CustomTriggerButton) {\n      return <CustomTriggerButton />\n    }\n    return (\n      <StyledTriggerButton\n        role={ROLES.TRIGGER_BUTTON}\n        style={{ ...triggerButtonStyle }}\n      >\n        {getTriggerImage() && (\n          <TriggerImage src={resolveImage(getTriggerImage())} />\n        )}\n      </StyledTriggerButton>\n    )\n  }\n\n  const webchatMessageList = () => (\n    <WebchatMessageList style={{ flex: 1 }}>\n      {webchatState.typing && <TypingIndicator />}\n    </WebchatMessageList>\n  )\n  const webchatReplies = () => <WebchatReplies replies={webchatState.replies} />\n\n  const isUserInputEnabled = () => {\n    const isUserInputEnabled = getThemeProperty(\n      WEBCHAT.CUSTOM_PROPERTIES.enableUserInput,\n      props.enableUserInput !== undefined ? props.enableUserInput : true\n    )\n    return isUserInputEnabled && !webchatState.isCoverComponentOpen\n  }\n\n  const userInputEnabled = isUserInputEnabled()\n  const emojiPickerEnabled = getThemeProperty(\n    WEBCHAT.CUSTOM_PROPERTIES.enableEmojiPicker,\n    props.enableEmojiPicker\n  )\n  const attachmentsEnabled = getThemeProperty(\n    WEBCHAT.CUSTOM_PROPERTIES.enableAttachments,\n    props.enableAttachments\n  )\n  const sendButtonEnabled = getThemeProperty(\n    WEBCHAT.CUSTOM_PROPERTIES.enableSendButton,\n    true\n  )\n  const CustomSendButton = getThemeProperty(\n    WEBCHAT.CUSTOM_PROPERTIES.customSendButton,\n    undefined\n  )\n  const CustomMenuButton = getThemeProperty(\n    WEBCHAT.CUSTOM_PROPERTIES.customMenuButton,\n    undefined\n  )\n\n  const ConditionalAnimation = props => (\n    <ConditionalWrapper\n      condition={animationsEnabled}\n      wrapper={children => (\n        <motion.div whileHover={{ scale: 1.2 }}>{children}</motion.div>\n      )}\n    >\n      {props.children}\n    </ConditionalWrapper>\n  )\n\n  const userInputArea = () => {\n    return (\n      userInputEnabled && (\n        <UserInputContainer\n          style={{\n            ...getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.userInputStyle),\n          }}\n        >\n          {webchatState.isEmojiPickerOpen && (\n            <OpenedEmojiPicker\n              height={webchatState.theme.style.height}\n              onEmojiClick={handleSelectedEmoji}\n              onClick={handleEmojiClick}\n            />\n          )}\n          {persistentMenuOptions && (\n            <FeaturesWrapper>\n              <ConditionalAnimation>\n                <div onClick={handleMenu}>\n                  {CustomMenuButton ? <CustomMenuButton /> : <PersistentMenu />}\n                </div>\n              </ConditionalAnimation>\n            </FeaturesWrapper>\n          )}\n          <TextAreaContainer>\n            <Textarea\n              name='text'\n              onFocus={() => deviceAdapter.onFocus(host)}\n              onBlur={() => deviceAdapter.onBlur()}\n              maxRows={4}\n              wrap='soft'\n              maxLength='1000'\n              placeholder={getThemeProperty(\n                WEBCHAT.CUSTOM_PROPERTIES.textPlaceholder,\n                WEBCHAT.DEFAULTS.PLACEHOLDER\n              )}\n              autoFocus={true}\n              inputRef={textArea}\n              onKeyDown={e => onKeyDown(e)}\n              style={{\n                display: 'flex',\n                fontSize: deviceAdapter.fontSize(14),\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                ...getThemeProperty(\n                  WEBCHAT.CUSTOM_PROPERTIES.userInputBoxStyle\n                ),\n              }}\n            />\n          </TextAreaContainer>\n          <FeaturesWrapper>\n            {emojiPickerEnabled && (\n              <ConditionalAnimation>\n                <EmojiPicker onClick={handleEmojiClick} />\n              </ConditionalAnimation>\n            )}\n            {attachmentsEnabled && (\n              <ConditionalAnimation>\n                <Attachment\n                  onChange={handleAttachment}\n                  accept={getFullMimeWhitelist().join(',')}\n                />\n              </ConditionalAnimation>\n            )}\n            {(sendButtonEnabled || CustomSendButton) && (\n              <ConditionalAnimation>\n                <div onClick={sendTextAreaText}>\n                  {CustomSendButton ? <CustomSendButton /> : <SendButton />}\n                </div>\n              </ConditionalAnimation>\n            )}\n          </FeaturesWrapper>\n        </UserInputContainer>\n      )\n    )\n  }\n\n  const webchatWebview = () => (\n    <RequestContext.Provider value={webviewRequestContext}>\n      <WebviewContainer\n        style={{\n          ...getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.webviewStyle),\n          ...mobileStyle,\n        }}\n        webview={webchatState.webview}\n      />\n    </RequestContext.Provider>\n  )\n  let mobileStyle = {}\n  if (isMobile(getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.mobileBreakpoint))) {\n    mobileStyle = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.mobileStyle) || {\n      width: '100%',\n      height: '100%',\n      right: 0,\n      bottom: 0,\n      borderRadius: 0,\n    }\n  }\n\n  useEffect(() => {\n    // Prod mode\n    saveWebchatState(webchatState)\n    scrollToBottom({ host })\n  }, [webchatState.themeUpdates])\n\n  // Only needed for dev/serve mode\n  const updateWebchatDevSettings = settings => {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    useEffect(() => {\n      const themeUpdates = normalizeWebchatSettings(settings)\n      updateTheme(merge(webchatState.theme, themeUpdates), themeUpdates)\n    }, [webchatState.messagesJSON])\n  }\n\n  const DarkenBackground = ({ component }) => {\n    return (\n      <div>\n        {darkBackgroundMenu && (\n          <DarkBackgroundMenu\n            style={{\n              borderRadius: webchatState.theme.style.borderRadius,\n            }}\n          />\n        )}\n        {component}\n      </div>\n    )\n  }\n\n  const _renderCustomComponent = () => {\n    if (!customComponent) return <></>\n    else return customComponent\n  }\n\n  const WebchatComponent = (\n    <WebchatContext.Provider\n      value={{\n        sendText,\n        sendAttachment,\n        sendPayload,\n        sendInput,\n        openWebview,\n        resolveCase,\n        webchatState,\n        getThemeProperty,\n        addMessage,\n        toggleWebchat,\n        updateMessage,\n        updateReplies,\n        updateLatestInput,\n        updateUser: updateSessionWithUser,\n        updateWebchatDevSettings: updateWebchatDevSettings,\n      }}\n    >\n      {!webchatState.isWebchatOpen && (\n        <div\n          onClick={event => {\n            toggleWebchat(true)\n            event.preventDefault()\n          }}\n        >\n          {triggerButton()}\n        </div>\n      )}\n\n      {webchatState.isWebchatOpen && (\n        <StyledWebchat\n          // TODO: Distinguis between multiple instances of webchat, e.g. `${uniqueId}-botonic-webchat`\n          role={ROLES.WEBCHAT}\n          id={WEBCHAT.DEFAULTS.ID}\n          width={webchatState.width}\n          height={webchatState.height}\n          style={{\n            ...webchatState.theme.style,\n            ...mobileStyle,\n          }}\n        >\n          <StyledWebchatHeader\n            onCloseClick={() => {\n              toggleWebchat(false)\n            }}\n          />\n          {webchatState.error.message && (\n            <ErrorMessageContainer>\n              <ErrorMessage>{webchatState.error.message}</ErrorMessage>\n            </ErrorMessageContainer>\n          )}\n          {webchatMessageList()}\n          {webchatState.replies &&\n            Object.keys(webchatState.replies).length > 0 &&\n            webchatReplies()}\n          {webchatState.isPersistentMenuOpen && (\n            <DarkenBackground component={persistentMenu()} />\n          )}\n          {!webchatState.handoff && userInputArea()}\n          {webchatState.webview && webchatWebview()}\n          {webchatState.isCoverComponentOpen && coverComponent()}\n          {webchatState.isCustomComponentRendered &&\n            customComponent &&\n            _renderCustomComponent()}\n        </StyledWebchat>\n      )}\n    </WebchatContext.Provider>\n  )\n  return props.shadowDOM ? (\n    <StyleSheetManager target={host}>{WebchatComponent}</StyleSheetManager>\n  ) : (\n    WebchatComponent\n  )\n})\n"],"file":"webchat.js"}

package/lib/webchat/webview.js

@@ -0,0 +1,122 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WebviewHeader = exports.WebviewContainer = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactFrameComponent = _interopRequireDefault(require("react-frame-component"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _constants = require("../constants");
+
+var _contexts = require("../contexts");
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var StyledWebview = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  bottom: 0;\n  width: 100%;\n  height: 100%;\n  background-color: ", ";\n  z-index: 2;\n  border-radius: ", ";\n"])), _constants.COLORS.SOLID_WHITE, _constants.WEBCHAT.DEFAULTS.BORDER_RADIUS_TOP_CORNERS);
+
+var StyledWebviewHeader = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  text-align: right;\n  background-color: ", ";\n  border-top: 1px solid ", ";\n  border-bottom: 1px solid ", ";\n  border-radius: ", ";\n"])), _constants.COLORS.WILD_SAND_WHITE, _constants.COLORS.SOLID_BLACK_ALPHA_0_2, _constants.COLORS.SOLID_BLACK_ALPHA_0_2, _constants.WEBCHAT.DEFAULTS.BORDER_RADIUS_TOP_CORNERS);
+
+var StyledCloseHeader = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  display: inline-block;\n  padding: 8px 12px;\n  cursor: pointer;\n"])));
+
+var StyledWebviewContent = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  flex: 1;\n  overflow: auto;\n"])));
+
+var StyledFrame = _styledComponents["default"].iframe(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n  border-style: none;\n  width: 100%;\n  height: 100%;\n"])));
+
+var WebviewMode = function WebviewMode(props) {
+  /*
+    Default mode is with divs.
+    Setting the prop "asframe" will render the webview inside an iframe.
+    Pros and Cons of this "asframe" mode are:
+    Pros: OAuth2 flows can be tested locally with an iframe.
+    Cons: We won't be able to visualize correctly css styles in botonic serve (although styles will work in production).
+   */
+  var style = {
+    borderStyle: 'none',
+    width: '100%',
+    height: '100%'
+  };
+
+  if (props.asframe) {
+    return /*#__PURE__*/_react["default"].createElement(_reactFrameComponent["default"], {
+      style: style
+    }, props.children);
+  }
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: style
+  }, props.children);
+};
+
+var WebviewHeader = function WebviewHeader() {
+  var _useContext = (0, _react.useContext)(_contexts.RequestContext),
+      closeWebview = _useContext.closeWebview;
+
+  var _useContext2 = (0, _react.useContext)(_contexts.WebchatContext),
+      getThemeProperty = _useContext2.getThemeProperty;
+
+  return /*#__PURE__*/_react["default"].createElement(StyledWebviewHeader, {
+    role: _constants.ROLES.WEBVIEW_HEADER,
+    style: _objectSpread({}, getThemeProperty(_constants.WEBCHAT.CUSTOM_PROPERTIES.webviewHeaderStyle))
+  }, /*#__PURE__*/_react["default"].createElement(StyledCloseHeader, {
+    onClick: closeWebview
+  }, "\u2715"));
+};
+
+exports.WebviewHeader = WebviewHeader;
+
+var WebviewContainer = function WebviewContainer(props) {
+  var _useContext3 = (0, _react.useContext)(_contexts.WebchatContext),
+      webchatState = _useContext3.webchatState;
+
+  var _useContext4 = (0, _react.useContext)(_contexts.RequestContext),
+      closeWebview = _useContext4.closeWebview;
+
+  var Webview = webchatState.webview;
+
+  var close = function close(e) {
+    return e.data == 'botonicCloseWebview' && closeWebview();
+  };
+
+  (0, _react.useEffect)(function () {
+    if (window.addEventListener) {
+      window.addEventListener('message', close, false);
+    } else if (window.attachEvent) {
+      // ie8
+      window.attachEvent('onmessage', close);
+    }
+  }, []);
+  return /*#__PURE__*/_react["default"].createElement(StyledWebview, {
+    role: _constants.ROLES.WEBVIEW,
+    style: _objectSpread({}, props.style)
+  }, /*#__PURE__*/_react["default"].createElement(WebviewHeader, {
+    style: {
+      flex: 'none'
+    }
+  }), /*#__PURE__*/_react["default"].createElement(StyledWebviewContent, null, typeof Webview === 'string' ? /*#__PURE__*/_react["default"].createElement(StyledFrame, {
+    src: Webview
+  }) : /*#__PURE__*/_react["default"].createElement(WebviewMode, null, /*#__PURE__*/_react["default"].createElement(Webview, null))));
+};
+
+exports.WebviewContainer = WebviewContainer;
+//# sourceMappingURL=webview.js.map

package/lib/webchat/webview.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/webchat/webview.jsx"],"names":["StyledWebview","styled","div","COLORS","SOLID_WHITE","WEBCHAT","DEFAULTS","BORDER_RADIUS_TOP_CORNERS","StyledWebviewHeader","WILD_SAND_WHITE","SOLID_BLACK_ALPHA_0_2","StyledCloseHeader","StyledWebviewContent","StyledFrame","iframe","WebviewMode","props","style","borderStyle","width","height","asframe","children","WebviewHeader","RequestContext","closeWebview","WebchatContext","getThemeProperty","ROLES","WEBVIEW_HEADER","CUSTOM_PROPERTIES","webviewHeaderStyle","WebviewContainer","webchatState","Webview","webview","close","e","data","window","addEventListener","attachEvent","WEBVIEW","flex"],"mappings":"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","sourcesContent":["import React, { useContext, useEffect } from 'react'\nimport Frame from 'react-frame-component'\nimport styled from 'styled-components'\n\nimport { COLORS, ROLES, WEBCHAT } from '../constants'\nimport { RequestContext, WebchatContext } from '../contexts'\n\nconst StyledWebview = styled.div`\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  bottom: 0;\n  width: 100%;\n  height: 100%;\n  background-color: ${COLORS.SOLID_WHITE};\n  z-index: 2;\n  border-radius: ${WEBCHAT.DEFAULTS.BORDER_RADIUS_TOP_CORNERS};\n`\n\nconst StyledWebviewHeader = styled.div`\n  text-align: right;\n  background-color: ${COLORS.WILD_SAND_WHITE};\n  border-top: 1px solid ${COLORS.SOLID_BLACK_ALPHA_0_2};\n  border-bottom: 1px solid ${COLORS.SOLID_BLACK_ALPHA_0_2};\n  border-radius: ${WEBCHAT.DEFAULTS.BORDER_RADIUS_TOP_CORNERS};\n`\nconst StyledCloseHeader = styled.div`\n  display: inline-block;\n  padding: 8px 12px;\n  cursor: pointer;\n`\n\nconst StyledWebviewContent = styled.div`\n  flex: 1;\n  overflow: auto;\n`\n\nconst StyledFrame = styled.iframe`\n  border-style: none;\n  width: 100%;\n  height: 100%;\n`\n\nconst WebviewMode = props => {\n  /*\n    Default mode is with divs.\n    Setting the prop \"asframe\" will render the webview inside an iframe.\n    Pros and Cons of this \"asframe\" mode are:\n    Pros: OAuth2 flows can be tested locally with an iframe.\n    Cons: We won't be able to visualize correctly css styles in botonic serve (although styles will work in production).\n   */\n\n  const style = {\n    borderStyle: 'none',\n    width: '100%',\n    height: '100%',\n  }\n  if (props.asframe) {\n    return <Frame style={style}>{props.children}</Frame>\n  }\n  return <div style={style}>{props.children}</div>\n}\n\nexport const WebviewHeader = () => {\n  const { closeWebview } = useContext(RequestContext)\n  const { getThemeProperty } = useContext(WebchatContext)\n  return (\n    <StyledWebviewHeader\n      role={ROLES.WEBVIEW_HEADER}\n      style={{\n        ...getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.webviewHeaderStyle),\n      }}\n    >\n      <StyledCloseHeader onClick={closeWebview}>✕</StyledCloseHeader>\n    </StyledWebviewHeader>\n  )\n}\n\nexport const WebviewContainer = props => {\n  const { webchatState } = useContext(WebchatContext)\n  const { closeWebview } = useContext(RequestContext)\n  const Webview = webchatState.webview\n\n  const close = e => e.data == 'botonicCloseWebview' && closeWebview()\n\n  useEffect(() => {\n    if (window.addEventListener) {\n      window.addEventListener('message', close, false)\n    } else if (window.attachEvent) {\n      // ie8\n      window.attachEvent('onmessage', close)\n    }\n  }, [])\n\n  return (\n    <StyledWebview\n      role={ROLES.WEBVIEW}\n      style={{\n        ...props.style,\n      }}\n    >\n      <WebviewHeader style={{ flex: 'none' }} />\n      <StyledWebviewContent>\n        {typeof Webview === 'string' ? (\n          <StyledFrame src={Webview} />\n        ) : (\n          <WebviewMode>\n            <Webview />\n          </WebviewMode>\n        )}\n      </StyledWebviewContent>\n    </StyledWebview>\n  )\n}\n"],"file":"webview.js"}