@botonic/react 0.24.3 → 0.25.0-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/cjs/app.js.map +1 -1
- package/lib/cjs/botonic-tester.js +2 -2
- package/lib/cjs/botonic-tester.js.map +1 -1
- package/lib/cjs/components/audio.js +3 -3
- package/lib/cjs/components/audio.js.map +1 -1
- package/lib/cjs/components/button.js +19 -7
- package/lib/cjs/components/button.js.map +1 -1
- package/lib/cjs/components/buttons-disabler.js +29 -11
- package/lib/cjs/components/buttons-disabler.js.map +1 -1
- package/lib/cjs/components/carousel.d.ts +1 -1
- package/lib/cjs/components/carousel.js +12 -6
- package/lib/cjs/components/carousel.js.map +1 -1
- package/lib/cjs/components/components.js.map +1 -1
- package/lib/cjs/components/custom-message.js +9 -4
- package/lib/cjs/components/custom-message.js.map +1 -1
- package/lib/cjs/components/document.js +5 -3
- package/lib/cjs/components/document.js.map +1 -1
- package/lib/cjs/components/element.js.map +1 -1
- package/lib/cjs/components/handoff.js +2 -2
- package/lib/cjs/components/handoff.js.map +1 -1
- package/lib/cjs/components/image.js +4 -4
- package/lib/cjs/components/image.js.map +1 -1
- package/lib/cjs/components/index-types.js.map +1 -1
- package/lib/cjs/components/index.js.map +1 -1
- package/lib/cjs/components/location.js +2 -2
- package/lib/cjs/components/location.js.map +1 -1
- package/lib/cjs/components/markdown.js.map +1 -1
- package/lib/cjs/components/message/index.js +25 -8
- package/lib/cjs/components/message/index.js.map +1 -1
- package/lib/cjs/components/message/message-image.js +4 -1
- package/lib/cjs/components/message/message-image.js.map +1 -1
- package/lib/cjs/components/message/styles.js.map +1 -1
- package/lib/cjs/components/message/timestamps.js +1 -1
- package/lib/cjs/components/message/timestamps.js.map +1 -1
- package/lib/cjs/components/message-template.js +1 -1
- package/lib/cjs/components/message-template.js.map +1 -1
- package/lib/cjs/components/multichannel/facebook/facebook.js +2 -2
- package/lib/cjs/components/multichannel/facebook/facebook.js.map +1 -1
- package/lib/cjs/components/multichannel/index-types.js.map +1 -1
- package/lib/cjs/components/multichannel/index.js.map +1 -1
- package/lib/cjs/components/multichannel/multichannel-button.js +5 -7
- package/lib/cjs/components/multichannel/multichannel-button.js.map +1 -1
- package/lib/cjs/components/multichannel/multichannel-carousel.js +2 -2
- package/lib/cjs/components/multichannel/multichannel-carousel.js.map +1 -1
- package/lib/cjs/components/multichannel/multichannel-context.d.ts +1 -1
- package/lib/cjs/components/multichannel/multichannel-context.js.map +1 -1
- package/lib/cjs/components/multichannel/multichannel-reply.js +1 -1
- package/lib/cjs/components/multichannel/multichannel-reply.js.map +1 -1
- package/lib/cjs/components/multichannel/multichannel-text.js +10 -11
- package/lib/cjs/components/multichannel/multichannel-text.js.map +1 -1
- package/lib/cjs/components/multichannel/multichannel-utils.js.map +1 -1
- package/lib/cjs/components/multichannel/multichannel.js +9 -9
- package/lib/cjs/components/multichannel/multichannel.js.map +1 -1
- package/lib/cjs/components/multichannel/whatsapp/markdown.js.map +1 -1
- package/lib/cjs/components/pic.js +1 -1
- package/lib/cjs/components/pic.js.map +1 -1
- package/lib/cjs/components/raw.js +2 -2
- package/lib/cjs/components/raw.js.map +1 -1
- package/lib/cjs/components/reply.js +8 -4
- package/lib/cjs/components/reply.js.map +1 -1
- package/lib/cjs/components/share-button.js +1 -1
- package/lib/cjs/components/share-button.js.map +1 -1
- package/lib/cjs/components/subtitle.js +3 -1
- package/lib/cjs/components/subtitle.js.map +1 -1
- package/lib/cjs/components/text.js +7 -3
- package/lib/cjs/components/text.js.map +1 -1
- package/lib/cjs/components/title.js +1 -1
- package/lib/cjs/components/title.js.map +1 -1
- package/lib/cjs/components/video.js +3 -3
- package/lib/cjs/components/video.js.map +1 -1
- package/lib/cjs/components/webchat-settings.js.map +1 -1
- package/lib/cjs/components/whatsapp-button-list.js +2 -2
- package/lib/cjs/components/whatsapp-button-list.js.map +1 -1
- package/lib/cjs/components/whatsapp-template.js +2 -2
- package/lib/cjs/components/whatsapp-template.js.map +1 -1
- package/lib/cjs/constants.js.map +1 -1
- package/lib/cjs/contexts.js.map +1 -1
- package/lib/cjs/dev-app.d.ts +2 -2
- package/lib/cjs/dev-app.js +6 -5
- package/lib/cjs/dev-app.js.map +1 -1
- package/lib/cjs/index-types.js.map +1 -1
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/message-utils.d.ts +1 -1
- package/lib/cjs/message-utils.js.map +1 -1
- package/lib/cjs/msg-to-botonic.d.ts +1 -1
- package/lib/cjs/msg-to-botonic.js +14 -15
- package/lib/cjs/msg-to-botonic.js.map +1 -1
- package/lib/cjs/node-app.d.ts +1 -1
- package/lib/cjs/node-app.js +4 -1
- package/lib/cjs/node-app.js.map +1 -1
- package/lib/cjs/react-bot.d.ts +1 -1
- package/lib/cjs/react-bot.js +7 -3
- package/lib/cjs/react-bot.js.map +1 -1
- package/lib/cjs/util/dom.js.map +1 -1
- package/lib/cjs/util/environment.js.map +1 -1
- package/lib/cjs/util/error-boundary.js.map +1 -1
- package/lib/cjs/util/index.js.map +1 -1
- package/lib/cjs/util/logs.js.map +1 -1
- package/lib/cjs/util/objects.js.map +1 -1
- package/lib/cjs/util/react.js.map +1 -1
- package/lib/cjs/util/regexs.js.map +1 -1
- package/lib/cjs/util/webchat.d.ts +1 -1
- package/lib/cjs/util/webchat.js.map +1 -1
- package/lib/cjs/webchat/actions.js.map +1 -1
- package/lib/cjs/webchat/components/attachment.js +2 -3
- package/lib/cjs/webchat/components/attachment.js.map +1 -1
- package/lib/cjs/webchat/components/common.js.map +1 -1
- package/lib/cjs/webchat/components/conditional-animation.js +1 -1
- package/lib/cjs/webchat/components/conditional-animation.js.map +1 -1
- package/lib/cjs/webchat/components/emoji-picker.js +3 -4
- package/lib/cjs/webchat/components/emoji-picker.js.map +1 -1
- package/lib/cjs/webchat/components/persistent-menu.js +4 -4
- package/lib/cjs/webchat/components/persistent-menu.js.map +1 -1
- package/lib/cjs/webchat/components/send-button.js +1 -1
- package/lib/cjs/webchat/components/send-button.js.map +1 -1
- package/lib/cjs/webchat/components/styled-scrollbar.js.map +1 -1
- package/lib/cjs/webchat/components/typing-indicator.js +1 -1
- package/lib/cjs/webchat/components/typing-indicator.js.map +1 -1
- package/lib/cjs/webchat/devices/device-adapter.d.ts +2 -2
- package/lib/cjs/webchat/devices/device-adapter.js.map +1 -1
- package/lib/cjs/webchat/devices/index.js.map +1 -1
- package/lib/cjs/webchat/devices/scrollbar-controller.js.map +1 -1
- package/lib/cjs/webchat/devices/webchat-resizer.js.map +1 -1
- package/lib/cjs/webchat/header.js +1 -1
- package/lib/cjs/webchat/header.js.map +1 -1
- package/lib/cjs/webchat/hooks/index.js.map +1 -1
- package/lib/cjs/webchat/hooks/use-component-visible.js.map +1 -1
- package/lib/cjs/webchat/hooks/use-component-will-mount.js.map +1 -1
- package/lib/cjs/webchat/hooks/use-previous.js.map +1 -1
- package/lib/cjs/webchat/hooks/use-typing.js +1 -1
- package/lib/cjs/webchat/hooks/use-typing.js.map +1 -1
- package/lib/cjs/webchat/hooks/use-webchat.js.map +1 -1
- package/lib/cjs/webchat/index-types.js.map +1 -1
- package/lib/cjs/webchat/index.js.map +1 -1
- package/lib/cjs/webchat/message-list/index.js +11 -7
- package/lib/cjs/webchat/message-list/index.js.map +1 -1
- package/lib/cjs/webchat/message-list/intro-message.js +4 -2
- package/lib/cjs/webchat/message-list/intro-message.js.map +1 -1
- package/lib/cjs/webchat/message-list/scroll-button.js +1 -1
- package/lib/cjs/webchat/message-list/scroll-button.js.map +1 -1
- package/lib/cjs/webchat/message-list/styles.js.map +1 -1
- package/lib/cjs/webchat/message-list/unread-messages-banner.js +1 -1
- package/lib/cjs/webchat/message-list/unread-messages-banner.js.map +1 -1
- package/lib/cjs/webchat/message-list/use-debounce.js.map +1 -1
- package/lib/cjs/webchat/messages-reducer.js +51 -19
- package/lib/cjs/webchat/messages-reducer.js.map +1 -1
- package/lib/cjs/webchat/replies.js +5 -2
- package/lib/cjs/webchat/replies.js.map +1 -1
- package/lib/cjs/webchat/session-view.js +10 -4
- package/lib/cjs/webchat/session-view.js.map +1 -1
- package/lib/cjs/webchat/trigger-button/index.js +1 -1
- package/lib/cjs/webchat/trigger-button/index.js.map +1 -1
- package/lib/cjs/webchat/trigger-button/styles.js.map +1 -1
- package/lib/cjs/webchat/use-storage-state-hook.js +4 -5
- package/lib/cjs/webchat/use-storage-state-hook.js.map +1 -1
- package/lib/cjs/webchat/webchat-dev.d.ts +2 -2
- package/lib/cjs/webchat/webchat-dev.js +3 -6
- package/lib/cjs/webchat/webchat-dev.js.map +1 -1
- package/lib/cjs/webchat/webchat-reducer.js +23 -17
- package/lib/cjs/webchat/webchat-reducer.js.map +1 -1
- package/lib/cjs/webchat/webchat.d.ts +1 -1
- package/lib/cjs/webchat/webchat.js +45 -21
- package/lib/cjs/webchat/webchat.js.map +1 -1
- package/lib/cjs/webchat/webview.js +8 -4
- package/lib/cjs/webchat/webview.js.map +1 -1
- package/lib/cjs/webchat-app.d.ts +2 -2
- package/lib/cjs/webchat-app.js +6 -8
- package/lib/cjs/webchat-app.js.map +1 -1
- package/lib/cjs/webview-app.js +1 -1
- package/lib/cjs/webview-app.js.map +1 -1
- package/lib/esm/app.js +5 -1
- package/lib/esm/app.js.map +1 -1
- package/lib/esm/botonic-tester.js +24 -18
- package/lib/esm/botonic-tester.js.map +1 -1
- package/lib/esm/components/audio.js +17 -12
- package/lib/esm/components/audio.js.map +1 -1
- package/lib/esm/components/button.js +54 -37
- package/lib/esm/components/button.js.map +1 -1
- package/lib/esm/components/buttons-disabler.js +47 -25
- package/lib/esm/components/buttons-disabler.js.map +1 -1
- package/lib/esm/components/carousel.d.ts +1 -1
- package/lib/esm/components/carousel.js +49 -38
- package/lib/esm/components/carousel.js.map +1 -1
- package/lib/esm/components/components.js +7 -2
- package/lib/esm/components/components.js.map +1 -1
- package/lib/esm/components/custom-message.js +29 -20
- package/lib/esm/components/custom-message.js.map +1 -1
- package/lib/esm/components/document.js +24 -17
- package/lib/esm/components/document.js.map +1 -1
- package/lib/esm/components/element.js +19 -14
- package/lib/esm/components/element.js.map +1 -1
- package/lib/esm/components/handoff.js +24 -19
- package/lib/esm/components/handoff.js.map +1 -1
- package/lib/esm/components/image.js +25 -20
- package/lib/esm/components/image.js.map +1 -1
- package/lib/esm/components/index-types.js +2 -1
- package/lib/esm/components/index-types.js.map +1 -1
- package/lib/esm/components/index.js +48 -23
- package/lib/esm/components/index.js.map +1 -1
- package/lib/esm/components/location.js +17 -12
- package/lib/esm/components/location.js.map +1 -1
- package/lib/esm/components/markdown.js +24 -14
- package/lib/esm/components/markdown.js.map +1 -1
- package/lib/esm/components/message/index.js +79 -58
- package/lib/esm/components/message/index.js.map +1 -1
- package/lib/esm/components/message/message-image.js +22 -15
- package/lib/esm/components/message/message-image.js.map +1 -1
- package/lib/esm/components/message/styles.js +16 -12
- package/lib/esm/components/message/styles.js.map +1 -1
- package/lib/esm/components/message/timestamps.js +24 -19
- package/lib/esm/components/message/timestamps.js.map +1 -1
- package/lib/esm/components/message-template.js +11 -6
- package/lib/esm/components/message-template.js.map +1 -1
- package/lib/esm/components/multichannel/facebook/facebook.js +10 -6
- package/lib/esm/components/multichannel/facebook/facebook.js.map +1 -1
- package/lib/esm/components/multichannel/index-types.js +2 -1
- package/lib/esm/components/multichannel/index-types.js.map +1 -1
- package/lib/esm/components/multichannel/index.js +15 -11
- package/lib/esm/components/multichannel/index.js.map +1 -1
- package/lib/esm/components/multichannel/multichannel-button.js +20 -17
- package/lib/esm/components/multichannel/multichannel-button.js.map +1 -1
- package/lib/esm/components/multichannel/multichannel-carousel.js +21 -16
- package/lib/esm/components/multichannel/multichannel-carousel.js.map +1 -1
- package/lib/esm/components/multichannel/multichannel-context.d.ts +1 -1
- package/lib/esm/components/multichannel/multichannel-context.js +6 -2
- package/lib/esm/components/multichannel/multichannel-context.js.map +1 -1
- package/lib/esm/components/multichannel/multichannel-reply.js +14 -9
- package/lib/esm/components/multichannel/multichannel-reply.js.map +1 -1
- package/lib/esm/components/multichannel/multichannel-text.js +51 -47
- package/lib/esm/components/multichannel/multichannel-text.js.map +1 -1
- package/lib/esm/components/multichannel/multichannel-utils.js +42 -26
- package/lib/esm/components/multichannel/multichannel-utils.js.map +1 -1
- package/lib/esm/components/multichannel/multichannel.js +38 -33
- package/lib/esm/components/multichannel/multichannel.js.map +1 -1
- package/lib/esm/components/multichannel/whatsapp/markdown.js +5 -1
- package/lib/esm/components/multichannel/whatsapp/markdown.js.map +1 -1
- package/lib/esm/components/pic.js +21 -16
- package/lib/esm/components/pic.js.map +1 -1
- package/lib/esm/components/raw.js +22 -17
- package/lib/esm/components/raw.js.map +1 -1
- package/lib/esm/components/reply.js +26 -17
- package/lib/esm/components/reply.js.map +1 -1
- package/lib/esm/components/share-button.js +11 -6
- package/lib/esm/components/share-button.js.map +1 -1
- package/lib/esm/components/subtitle.js +19 -12
- package/lib/esm/components/subtitle.js.map +1 -1
- package/lib/esm/components/text.js +21 -12
- package/lib/esm/components/text.js.map +1 -1
- package/lib/esm/components/title.js +15 -10
- package/lib/esm/components/title.js.map +1 -1
- package/lib/esm/components/video.js +20 -15
- package/lib/esm/components/video.js.map +1 -1
- package/lib/esm/components/webchat-settings.js +17 -12
- package/lib/esm/components/webchat-settings.js.map +1 -1
- package/lib/esm/components/whatsapp-button-list.js +12 -8
- package/lib/esm/components/whatsapp-button-list.js.map +1 -1
- package/lib/esm/components/whatsapp-template.js +14 -9
- package/lib/esm/components/whatsapp-template.js.map +1 -1
- package/lib/esm/constants.js +12 -8
- package/lib/esm/constants.js.map +1 -1
- package/lib/esm/contexts.js +8 -5
- package/lib/esm/contexts.js.map +1 -1
- package/lib/esm/dev-app.d.ts +2 -2
- package/lib/esm/dev-app.js +26 -21
- package/lib/esm/dev-app.js.map +1 -1
- package/lib/esm/index-types.js +5 -2
- package/lib/esm/index-types.js.map +1 -1
- package/lib/esm/index.js +25 -11
- package/lib/esm/index.js.map +1 -1
- package/lib/esm/message-utils.d.ts +1 -1
- package/lib/esm/message-utils.js +46 -26
- package/lib/esm/message-utils.js.map +1 -1
- package/lib/esm/msg-to-botonic.d.ts +1 -1
- package/lib/esm/msg-to-botonic.js +52 -47
- package/lib/esm/msg-to-botonic.js.map +1 -1
- package/lib/esm/node-app.d.ts +1 -1
- package/lib/esm/node-app.js +12 -5
- package/lib/esm/node-app.js.map +1 -1
- package/lib/esm/react-bot.d.ts +1 -1
- package/lib/esm/react-bot.js +19 -10
- package/lib/esm/react-bot.js.map +1 -1
- package/lib/esm/util/dom.js +22 -13
- package/lib/esm/util/dom.js.map +1 -1
- package/lib/esm/util/environment.js +16 -9
- package/lib/esm/util/environment.js.map +1 -1
- package/lib/esm/util/error-boundary.js +12 -7
- package/lib/esm/util/error-boundary.js.map +1 -1
- package/lib/esm/util/index.js +11 -8
- package/lib/esm/util/index.js.map +1 -1
- package/lib/esm/util/logs.js +9 -4
- package/lib/esm/util/logs.js.map +1 -1
- package/lib/esm/util/objects.js +9 -3
- package/lib/esm/util/objects.js.map +1 -1
- package/lib/esm/util/react.js +25 -17
- package/lib/esm/util/react.js.map +1 -1
- package/lib/esm/util/regexs.js +7 -2
- package/lib/esm/util/regexs.js.map +1 -1
- package/lib/esm/util/webchat.d.ts +1 -1
- package/lib/esm/util/webchat.js +25 -16
- package/lib/esm/util/webchat.js.map +1 -1
- package/lib/esm/webchat/actions.js +5 -2
- package/lib/esm/webchat/actions.js.map +1 -1
- package/lib/esm/webchat/components/attachment.js +18 -14
- package/lib/esm/webchat/components/attachment.js.map +1 -1
- package/lib/esm/webchat/components/common.js +11 -6
- package/lib/esm/webchat/components/common.js.map +1 -1
- package/lib/esm/webchat/components/conditional-animation.js +15 -10
- package/lib/esm/webchat/components/conditional-animation.js.map +1 -1
- package/lib/esm/webchat/components/emoji-picker.js +25 -20
- package/lib/esm/webchat/components/emoji-picker.js.map +1 -1
- package/lib/esm/webchat/components/persistent-menu.js +30 -24
- package/lib/esm/webchat/components/persistent-menu.js.map +1 -1
- package/lib/esm/webchat/components/send-button.js +17 -12
- package/lib/esm/webchat/components/send-button.js.map +1 -1
- package/lib/esm/webchat/components/styled-scrollbar.js +15 -11
- package/lib/esm/webchat/components/styled-scrollbar.js.map +1 -1
- package/lib/esm/webchat/components/typing-indicator.js +10 -5
- package/lib/esm/webchat/components/typing-indicator.js.map +1 -1
- package/lib/esm/webchat/devices/device-adapter.d.ts +2 -2
- package/lib/esm/webchat/devices/device-adapter.js +13 -9
- package/lib/esm/webchat/devices/device-adapter.js.map +1 -1
- package/lib/esm/webchat/devices/index.js +9 -4
- package/lib/esm/webchat/devices/index.js.map +1 -1
- package/lib/esm/webchat/devices/scrollbar-controller.js +14 -10
- package/lib/esm/webchat/devices/scrollbar-controller.js.map +1 -1
- package/lib/esm/webchat/devices/webchat-resizer.js +10 -6
- package/lib/esm/webchat/devices/webchat-resizer.js.map +1 -1
- package/lib/esm/webchat/header.js +39 -33
- package/lib/esm/webchat/header.js.map +1 -1
- package/lib/esm/webchat/hooks/index.js +14 -5
- package/lib/esm/webchat/hooks/index.js.map +1 -1
- package/lib/esm/webchat/hooks/use-component-visible.js +9 -5
- package/lib/esm/webchat/hooks/use-component-visible.js.map +1 -1
- package/lib/esm/webchat/hooks/use-component-will-mount.js +7 -3
- package/lib/esm/webchat/hooks/use-component-will-mount.js.map +1 -1
- package/lib/esm/webchat/hooks/use-previous.js +8 -4
- package/lib/esm/webchat/hooks/use-previous.js.map +1 -1
- package/lib/esm/webchat/hooks/use-typing.js +8 -4
- package/lib/esm/webchat/hooks/use-typing.js.map +1 -1
- package/lib/esm/webchat/hooks/use-webchat.js +43 -39
- package/lib/esm/webchat/hooks/use-webchat.js.map +1 -1
- package/lib/esm/webchat/index-types.js +2 -1
- package/lib/esm/webchat/index-types.js.map +1 -1
- package/lib/esm/webchat/index.js +11 -4
- package/lib/esm/webchat/index.js.map +1 -1
- package/lib/esm/webchat/message-list/index.js +38 -30
- package/lib/esm/webchat/message-list/index.js.map +1 -1
- package/lib/esm/webchat/message-list/intro-message.js +23 -16
- package/lib/esm/webchat/message-list/intro-message.js.map +1 -1
- package/lib/esm/webchat/message-list/scroll-button.js +19 -14
- package/lib/esm/webchat/message-list/scroll-button.js.map +1 -1
- package/lib/esm/webchat/message-list/styles.js +9 -5
- package/lib/esm/webchat/message-list/styles.js.map +1 -1
- package/lib/esm/webchat/message-list/unread-messages-banner.js +20 -15
- package/lib/esm/webchat/message-list/unread-messages-banner.js.map +1 -1
- package/lib/esm/webchat/message-list/use-debounce.js +8 -4
- package/lib/esm/webchat/message-list/use-debounce.js.map +1 -1
- package/lib/esm/webchat/messages-reducer.js +65 -29
- package/lib/esm/webchat/messages-reducer.js.map +1 -1
- package/lib/esm/webchat/replies.js +23 -15
- package/lib/esm/webchat/replies.js.map +1 -1
- package/lib/esm/webchat/session-view.js +42 -31
- package/lib/esm/webchat/session-view.js.map +1 -1
- package/lib/esm/webchat/trigger-button/index.js +19 -15
- package/lib/esm/webchat/trigger-button/index.js.map +1 -1
- package/lib/esm/webchat/trigger-button/styles.js +11 -7
- package/lib/esm/webchat/trigger-button/styles.js.map +1 -1
- package/lib/esm/webchat/use-storage-state-hook.js +13 -10
- package/lib/esm/webchat/use-storage-state-hook.js.map +1 -1
- package/lib/esm/webchat/webchat-dev.d.ts +2 -2
- package/lib/esm/webchat/webchat-dev.js +23 -22
- package/lib/esm/webchat/webchat-dev.js.map +1 -1
- package/lib/esm/webchat/webchat-reducer.js +48 -38
- package/lib/esm/webchat/webchat-reducer.js.map +1 -1
- package/lib/esm/webchat/webchat.d.ts +1 -1
- package/lib/esm/webchat/webchat.js +176 -147
- package/lib/esm/webchat/webchat.js.map +1 -1
- package/lib/esm/webchat/webview.js +38 -28
- package/lib/esm/webchat/webview.js.map +1 -1
- package/lib/esm/webchat-app.d.ts +2 -2
- package/lib/esm/webchat-app.js +37 -35
- package/lib/esm/webchat-app.js.map +1 -1
- package/lib/esm/webview-app.js +26 -21
- package/lib/esm/webview-app.js.map +1 -1
- package/package.json +8 -19
- package/lib/cjs/assets/index-types.d.ts +0 -4
- package/lib/cjs/assets/index-types.js +0 -2
- package/lib/cjs/assets/index-types.js.map +0 -1
- package/lib/esm/assets/index-types.d.ts +0 -4
- package/lib/esm/assets/index-types.js +0 -2
- package/lib/esm/assets/index-types.js.map +0 -1
- package/src/.DS_Store +0 -0
- /package/src/assets/{index-types.ts → types.d.ts} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"unread-messages-banner.js","sourceRoot":"
|
|
1
|
+
{"version":3,"file":"unread-messages-banner.js","sourceRoot":"","sources":["../../../../src/webchat/message-list/unread-messages-banner.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAoD;AAEpD,yFAAmD;AACnD,+CAAyC;AACzC,6CAA+C;AAC/C,wDAAqD;AACrD,qCAAwD;AAMjD,MAAM,oBAAoB,GAAG,CAAC,EACnC,uBAAuB,GACG,EAAe,EAAE;IAC3C,MAAM,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAErE,MAAM,0BAA0B,GAAG,gBAAgB,CACjD,mBAAO,CAAC,iBAAiB,CAAC,yBAAyB,EACnD,SAAS,CACV,CAAA;IAED,MAAM,0BAA0B,GAAG,gBAAgB,CACjD,mBAAO,CAAC,iBAAiB,CAAC,0BAA0B,EACpD,SAAS,CACV,CAAA;IAED,MAAM,oBAAoB,GAAG,gBAAgB,CAC3C,mBAAO,CAAC,iBAAiB,CAAC,oBAAoB,EAC9C,0BAA0B,IAAI,0BAA0B,CACzD,CAAA;IAED,MAAM,IAAI,GAAG,gBAAgB,CAC3B,mBAAO,CAAC,iBAAiB,CAAC,uBAAuB,EACjD,iBAAiB,CAClB,CAAA;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,YAAY,CAAC,aAAa,IAAI,uBAAuB,CAAC,OAAO,EAAE;YACjE,uBAAuB,CAAC,OAAO,CAAC,cAAc,CAAC;gBAC7C,QAAQ,EAAE,QAAQ;gBAClB,KAAK,EAAE,QAAQ;aAChB,CAAC,CAAA;SACH;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,aAAa,EAAE,uBAAuB,CAAC,CAAC,CAAA;IAEzD,OAAO,CACL,2DACG,oBAAoB,CAAC,CAAC,CAAC,CACtB,gCAAK,GAAG,EAAE,uBAAuB,YAC9B,0BAA0B,CAAC,CAAC,CAAC,CAC5B,uBAAC,0BAA0B,KAAG,CAC/B,CAAC,CAAC,CAAC,CACF,wBAAC,sCAA6B,eAC5B,gCAAK,GAAG,EAAE,IAAA,0BAAY,EAAC,wBAAS,CAAC,GAAI,EACpC,YAAY,CAAC,iBAAiB,OAAG,IAAI,IACR,CACjC,GACG,CACP,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA;AAlDY,QAAA,oBAAoB,wBAkDhC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-debounce.js","sourceRoot":"
|
|
1
|
+
{"version":3,"file":"use-debounce.js","sourceRoot":"","sources":["../../../../src/webchat/message-list/use-debounce.ts"],"names":[],"mappings":";;;AAAA,iCAA2C;AAE3C,SAAgB,WAAW,CAAC,KAAc;IACxC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACvC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE;YAChC,OAAO,CAAC,IAAI,CAAC,CAAA;QACf,CAAC,EAAE,KAAK,IAAI,GAAG,CAAC,CAAA;QAEhB,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,SAAS,CAAC,CAAA;QACzB,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,IAAI,CAAA;AACb,CAAC;AAbD,kCAaC"}
|
|
@@ -11,34 +11,51 @@ const messagesReducer = (state, action) => {
|
|
|
11
11
|
case actions_1.WebchatAction.UPDATE_MESSAGE:
|
|
12
12
|
return updateMessageReducer(state, action);
|
|
13
13
|
case actions_1.WebchatAction.UPDATE_REPLIES:
|
|
14
|
-
return
|
|
14
|
+
return { ...state, replies: action.payload };
|
|
15
15
|
case actions_1.WebchatAction.CLEAR_MESSAGES:
|
|
16
|
-
return
|
|
16
|
+
return {
|
|
17
|
+
...state,
|
|
18
|
+
messagesJSON: [],
|
|
19
|
+
messagesComponents: [],
|
|
20
|
+
numUnreadMessages: 0,
|
|
21
|
+
};
|
|
17
22
|
case actions_1.WebchatAction.UPDATE_LAST_MESSAGE_DATE:
|
|
18
|
-
return
|
|
23
|
+
return {
|
|
24
|
+
...state,
|
|
25
|
+
lastMessageUpdate: action.payload,
|
|
26
|
+
};
|
|
19
27
|
case actions_1.WebchatAction.RESET_UNREAD_MESSAGES:
|
|
20
28
|
return resetUnreadMessages(state);
|
|
21
29
|
case actions_1.WebchatAction.SET_LAST_MESSAGE_VISIBLE:
|
|
22
|
-
return
|
|
30
|
+
return {
|
|
31
|
+
...state,
|
|
32
|
+
isLastMessageVisible: action.payload,
|
|
33
|
+
};
|
|
23
34
|
default:
|
|
24
35
|
throw new Error();
|
|
25
36
|
}
|
|
26
37
|
};
|
|
27
38
|
exports.messagesReducer = messagesReducer;
|
|
28
39
|
function addMessageComponent(state, action) {
|
|
29
|
-
var _a, _b;
|
|
30
40
|
const messageComponent = action.payload;
|
|
31
|
-
const isUnreadMessage =
|
|
32
|
-
|
|
41
|
+
const isUnreadMessage = messageComponent.props?.isUnread &&
|
|
42
|
+
messageComponent.props?.sent_by !== 'user';
|
|
33
43
|
const numUnreadMessages = isUnreadMessage
|
|
34
44
|
? state.numUnreadMessages + 1
|
|
35
45
|
: state.numUnreadMessages;
|
|
36
|
-
return
|
|
46
|
+
return {
|
|
47
|
+
...state,
|
|
48
|
+
messagesComponents: [...(state.messagesComponents || []), messageComponent],
|
|
49
|
+
numUnreadMessages,
|
|
50
|
+
};
|
|
37
51
|
}
|
|
38
52
|
function resetUnreadMessages(state) {
|
|
39
53
|
const messagesComponents = state.messagesComponents.map(messageComponent => {
|
|
40
54
|
if (messageComponent.props.isUnread) {
|
|
41
|
-
messageComponent =
|
|
55
|
+
messageComponent = {
|
|
56
|
+
...messageComponent,
|
|
57
|
+
props: { ...messageComponent.props, isUnread: false },
|
|
58
|
+
};
|
|
42
59
|
}
|
|
43
60
|
return messageComponent;
|
|
44
61
|
});
|
|
@@ -48,8 +65,12 @@ function resetUnreadMessages(state) {
|
|
|
48
65
|
}
|
|
49
66
|
return messageJSON;
|
|
50
67
|
});
|
|
51
|
-
return
|
|
52
|
-
|
|
68
|
+
return {
|
|
69
|
+
...state,
|
|
70
|
+
messagesComponents,
|
|
71
|
+
messagesJSON,
|
|
72
|
+
numUnreadMessages: 0,
|
|
73
|
+
};
|
|
53
74
|
}
|
|
54
75
|
function updateMessageReducer(state, action) {
|
|
55
76
|
const msgIndex = state.messagesJSON.map(m => m.id).indexOf(action.payload.id);
|
|
@@ -57,23 +78,31 @@ function updateMessageReducer(state, action) {
|
|
|
57
78
|
const msgComponent = state.messagesComponents[msgIndex];
|
|
58
79
|
let updatedMessageComponents = {};
|
|
59
80
|
if (msgComponent) {
|
|
60
|
-
const updatedMsgComponent =
|
|
61
|
-
|
|
62
|
-
|
|
81
|
+
const updatedMsgComponent = {
|
|
82
|
+
...msgComponent,
|
|
83
|
+
...{
|
|
84
|
+
props: { ...msgComponent.props, ack: action.payload.ack },
|
|
85
|
+
},
|
|
86
|
+
};
|
|
63
87
|
updatedMessageComponents = {
|
|
64
88
|
messagesComponents: [
|
|
65
89
|
...state.messagesComponents.slice(0, msgIndex),
|
|
66
|
-
|
|
90
|
+
{ ...updatedMsgComponent },
|
|
67
91
|
...state.messagesComponents.slice(msgIndex + 1),
|
|
68
92
|
],
|
|
69
93
|
};
|
|
70
94
|
}
|
|
71
95
|
const numUnreadMessages = state.messagesComponents.filter(messageComponent => messageComponent.props.isUnread).length;
|
|
72
|
-
return
|
|
96
|
+
return {
|
|
97
|
+
...state,
|
|
98
|
+
messagesJSON: [
|
|
73
99
|
...state.messagesJSON.slice(0, msgIndex),
|
|
74
|
-
|
|
100
|
+
{ ...action.payload },
|
|
75
101
|
...state.messagesJSON.slice(msgIndex + 1),
|
|
76
|
-
]
|
|
102
|
+
],
|
|
103
|
+
...updatedMessageComponents,
|
|
104
|
+
numUnreadMessages,
|
|
105
|
+
};
|
|
77
106
|
}
|
|
78
107
|
return state;
|
|
79
108
|
}
|
|
@@ -81,6 +110,9 @@ function addMessageReducer(state, action) {
|
|
|
81
110
|
if (state.messagesJSON &&
|
|
82
111
|
state.messagesJSON.find(m => m.id === action.payload.id))
|
|
83
112
|
return state;
|
|
84
|
-
return
|
|
113
|
+
return {
|
|
114
|
+
...state,
|
|
115
|
+
messagesJSON: [...(state.messagesJSON || []), action.payload],
|
|
116
|
+
};
|
|
85
117
|
}
|
|
86
118
|
//# sourceMappingURL=messages-reducer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"messages-reducer.js","sourceRoot":"
|
|
1
|
+
{"version":3,"file":"messages-reducer.js","sourceRoot":"","sources":["../../../src/webchat/messages-reducer.ts"],"names":[],"mappings":"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"}
|
|
@@ -29,7 +29,10 @@ const options = {
|
|
|
29
29
|
};
|
|
30
30
|
const WebchatReplies = props => {
|
|
31
31
|
const { webchatState, getThemeProperty } = (0, react_1.useContext)(contexts_1.WebchatContext);
|
|
32
|
-
const scrollbarOptions =
|
|
32
|
+
const scrollbarOptions = {
|
|
33
|
+
...{ enable: true, autoHide: true },
|
|
34
|
+
...getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.scrollbar),
|
|
35
|
+
};
|
|
33
36
|
let justifyContent = 'center';
|
|
34
37
|
const flexWrap = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.wrapReplies, 'wrap');
|
|
35
38
|
if (flexWrap == 'nowrap')
|
|
@@ -37,7 +40,7 @@ const WebchatReplies = props => {
|
|
|
37
40
|
else if (getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.alignReplies))
|
|
38
41
|
justifyContent =
|
|
39
42
|
options[getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.alignReplies)];
|
|
40
|
-
return ((0, jsx_runtime_1.jsx)(styled_scrollbar_1.StyledScrollbar,
|
|
43
|
+
return ((0, jsx_runtime_1.jsx)(styled_scrollbar_1.StyledScrollbar, { scrollbar: scrollbarOptions, autoHide: scrollbarOptions.autoHide, children: (0, jsx_runtime_1.jsx)(RepliesContainer, { className: 'replies-container', justify: justifyContent, wrap: flexWrap, children: webchatState.replies.map((r, i) => ((0, jsx_runtime_1.jsx)(ReplyContainer, { children: r }, i))) }) }));
|
|
41
44
|
};
|
|
42
45
|
exports.WebchatReplies = WebchatReplies;
|
|
43
46
|
//# sourceMappingURL=replies.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"replies.js","sourceRoot":"
|
|
1
|
+
{"version":3,"file":"replies.js","sourceRoot":"","sources":["../../../src/webchat/replies.jsx"],"names":[],"mappings":";;;;;AAAA,uDAAyC;AACzC,kFAAsC;AAEtC,4CAAsC;AACtC,0CAA4C;AAC5C,6EAAwE;AAExE,MAAM,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;qBAGd,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO;eAC5B,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI;;;;CAIjC,CAAA;AAED,MAAM,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;CAIhC,CAAA;AAED,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,YAAY;IAClB,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,UAAU;CAClB,CAAA;AAEM,MAAM,cAAc,GAAG,KAAK,CAAC,EAAE;IACpC,MAAM,EAAE,YAAY,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IACrE,MAAM,gBAAgB,GAAG;QACvB,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE;QACnC,GAAG,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,SAAS,CAAC;KACzD,CAAA;IACD,IAAI,cAAc,GAAG,QAAQ,CAAA;IAC7B,MAAM,QAAQ,GAAG,gBAAgB,CAC/B,mBAAO,CAAC,iBAAiB,CAAC,WAAW,EACrC,MAAM,CACP,CAAA;IACD,IAAI,QAAQ,IAAI,QAAQ;QAAE,cAAc,GAAG,YAAY,CAAA;SAClD,IAAI,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,YAAY,CAAC;QAC/D,cAAc;YACZ,OAAO,CAAC,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC,CAAA;IAErE,OAAO,CACL,uBAAC,kCAAe,IACd,SAAS,EAAE,gBAAgB,EAC3B,QAAQ,EAAE,gBAAgB,CAAC,QAAQ,YAEnC,uBAAC,gBAAgB,IACf,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAE,cAAc,EACvB,IAAI,EAAE,QAAQ,YAEb,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAClC,uBAAC,cAAc,cAAU,CAAC,IAAL,CAAC,CAAsB,CAC7C,CAAC,GACe,GACH,CACnB,CAAA;AACH,CAAC,CAAA;AAhCY,QAAA,cAAc,kBAgC1B"}
|
|
@@ -89,13 +89,19 @@ const SessionView = props => {
|
|
|
89
89
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
90
90
|
const { webchatState, updateDevSettings } = props.webchatHooks || (0, hooks_1.useWebchat)();
|
|
91
91
|
const { latestInput: input, session, lastRoutePath } = webchatState;
|
|
92
|
-
const toggleSessionView = () => updateDevSettings(
|
|
93
|
-
|
|
94
|
-
|
|
92
|
+
const toggleSessionView = () => updateDevSettings({
|
|
93
|
+
...webchatState.devSettings,
|
|
94
|
+
showSessionView: !webchatState.devSettings.showSessionView,
|
|
95
|
+
});
|
|
96
|
+
const toggleKeepSessionOnReload = () => updateDevSettings({
|
|
97
|
+
...webchatState.devSettings,
|
|
98
|
+
keepSessionOnReload: !webchatState.devSettings.keepSessionOnReload,
|
|
99
|
+
});
|
|
100
|
+
return ((0, jsx_runtime_1.jsxs)(SessionViewContent, { show: webchatState.devSettings.showSessionView, children: [(0, jsx_runtime_1.jsx)(ToggleTab, { onClick: toggleSessionView, children: webchatState.devSettings.showSessionView ? '⇤' : '⇥' }), (0, jsx_runtime_1.jsxs)(ContentContainer, { children: [(0, jsx_runtime_1.jsx)(Title, { children: "Botonic Dev Console" }), (0, jsx_runtime_1.jsx)(SessionViewAttribute, { label: 'INPUT:', value: input && Object.keys(input).length
|
|
95
101
|
? `[${input.type}] ${input.data || ''}`
|
|
96
102
|
: '' }), (0, jsx_runtime_1.jsx)(SessionViewAttribute, { label: 'PAYLOAD:', value: input.payload }), (0, jsx_runtime_1.jsx)(SessionViewAttribute, { label: 'INTENT:', value: input.intent
|
|
97
103
|
? `${input.intent} (${(input.confidence * 100).toFixed(1)}%)`
|
|
98
|
-
: '' }), (0, jsx_runtime_1.jsx)(SessionViewAttribute, { label: 'PATH:', value: lastRoutePath ? `/${lastRoutePath}` : '/' }), (0, jsx_runtime_1.jsx)(SessionViewAttribute, { label: 'SESSION:' }), (0, jsx_runtime_1.jsx)(SessionContainer, { children: (0, jsx_runtime_1.jsx)(react_json_tree_1.default, { data: session, hideRoot: true }) }), (0, jsx_runtime_1.jsx)(KeepSessionContainer, { children: (0, jsx_runtime_1.jsxs)("label", { children: [(0, jsx_runtime_1.jsx)("input", { type: 'checkbox', name: 'toggleKeepSessionOnReload', checked: Boolean(webchatState.devSettings.keepSessionOnReload), onChange: toggleKeepSessionOnReload }), "Keep session on reload"] }) })] })] }))
|
|
104
|
+
: '' }), (0, jsx_runtime_1.jsx)(SessionViewAttribute, { label: 'PATH:', value: lastRoutePath ? `/${lastRoutePath}` : '/' }), (0, jsx_runtime_1.jsx)(SessionViewAttribute, { label: 'SESSION:' }), (0, jsx_runtime_1.jsx)(SessionContainer, { children: (0, jsx_runtime_1.jsx)(react_json_tree_1.default, { data: session, hideRoot: true }) }), (0, jsx_runtime_1.jsx)(KeepSessionContainer, { children: (0, jsx_runtime_1.jsxs)("label", { children: [(0, jsx_runtime_1.jsx)("input", { type: 'checkbox', name: 'toggleKeepSessionOnReload', checked: Boolean(webchatState.devSettings.keepSessionOnReload), onChange: toggleKeepSessionOnReload }), "Keep session on reload"] }) })] })] }));
|
|
99
105
|
};
|
|
100
106
|
exports.SessionView = SessionView;
|
|
101
107
|
//# sourceMappingURL=session-view.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"session-view.js","sourceRoot":"
|
|
1
|
+
{"version":3,"file":"session-view.js","sourceRoot":"","sources":["../../../src/webchat/session-view.jsx"],"names":[],"mappings":"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"}
|
|
@@ -26,7 +26,7 @@ const TriggerButton = () => {
|
|
|
26
26
|
toggleWebchat(true);
|
|
27
27
|
event.preventDefault();
|
|
28
28
|
};
|
|
29
|
-
return ((0, jsx_runtime_1.jsxs)("div",
|
|
29
|
+
return ((0, jsx_runtime_1.jsxs)("div", { onClick: handleClick, children: [webchatState.numUnreadMessages !== 0 && notificationsEnabled && ((0, jsx_runtime_1.jsx)(styles_1.UnreadMessagesCounter, { className: 'trigger-notifications', children: webchatState.numUnreadMessages })), CustomTriggerButton ? ((0, jsx_runtime_1.jsx)(CustomTriggerButton, {})) : ((0, jsx_runtime_1.jsx)(styles_1.StyledTriggerButton, { role: constants_1.ROLES.TRIGGER_BUTTON, style: triggerButtonStyle, children: triggerButtonImage && ((0, jsx_runtime_1.jsx)(styles_1.TriggerImage, { src: (0, environment_1.resolveImage)(triggerButtonImage) })) }))] }));
|
|
30
30
|
};
|
|
31
31
|
exports.TriggerButton = TriggerButton;
|
|
32
32
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/trigger-button/index.tsx"],"names":[],"mappings":";;;;AAAA,iCAAyC;AAEzC,+CAAgD;AAChD,6CAA+C;AAC/C,wDAAqD;AACrD,qCAIiB;AAEV,MAAM,aAAa,GAAG,GAAgB,EAAE;IAC7C,MAAM,EAAE,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,GACrD,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAE5B,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,MAAM,KAAK,GAAG,gBAAgB,CAC5B,mBAAO,CAAC,iBAAiB,CAAC,kBAAkB,EAC5C,SAAS,CACV,CAAA;QAED,IAAI,CAAC,KAAK,EAAE;YACV,YAAY,CAAC,KAAK,CAAC,kBAAkB,GAAG,mBAAO,CAAC,QAAQ,CAAC,IAAI,CAAA;YAC7D,OAAO,IAAI,CAAA;SACZ;QACD,OAAO,KAAK,CAAA;IACd,CAAC,CAAA;IAED,MAAM,kBAAkB,GAAG,eAAe,EAAE,CAAA;IAE5C,MAAM,kBAAkB,GAAG,gBAAgB,CACzC,mBAAO,CAAC,iBAAiB,CAAC,kBAAkB,CAC7C,CAAA;IAED,MAAM,iCAAiC,GAAG,gBAAgB,CACxD,mBAAO,CAAC,iBAAiB,CAAC,iCAAiC,EAC3D,KAAK,CACN,CAAA;IAED,MAAM,oBAAoB,GAAG,gBAAgB,CAC3C,mBAAO,CAAC,iBAAiB,CAAC,oBAAoB,EAC9C,iCAAiC,CAClC,CAAA;IAED,MAAM,mBAAmB,GAAG,gBAAgB,CAC1C,mBAAO,CAAC,iBAAiB,CAAC,aAAa,EACvC,SAAS,CACV,CAAA;IAED,MAAM,WAAW,GAAG,CAAC,KAAU,EAAE,EAAE;QACjC,aAAa,CAAC,IAAI,CAAC,CAAA;QACnB,KAAK,CAAC,cAAc,EAAE,CAAA;IACxB,CAAC,CAAA;IAED,OAAO,CACL,iCAAK,OAAO,EAAE,WAAW,aACtB,YAAY,CAAC,iBAAiB,KAAK,CAAC,IAAI,oBAAoB,IAAI,CAC/D,uBAAC,8BAAqB,IAAC,SAAS,EAAC,uBAAuB,YACrD,YAAY,CAAC,iBAAiB,GACT,CACzB,EACA,mBAAmB,CAAC,CAAC,CAAC,CACrB,uBAAC,mBAAmB,KAAG,CACxB,CAAC,CAAC,CAAC,CACF,uBAAC,4BAAmB,IAClB,IAAI,EAAE,iBAAK,CAAC,cAAc,EAC1B,KAAK,EAAE,kBAAkB,YAExB,kBAAkB,IAAI,CACrB,uBAAC,qBAAY,IAAC,GAAG,EAAE,IAAA,0BAAY,EAAC,kBAAkB,CAAC,GAAI,CACxD,GACmB,CACvB,IACG,CACP,CAAA;AACH,CAAC,CAAA;AAhEY,QAAA,aAAa,iBAgEzB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/webchat/trigger-button/styles.ts"],"names":[],"mappings":";;;;AAAA,kFAAsC;AAEtC,+CAAwC;AAE3B,QAAA,mBAAmB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;gBAG7B,kBAAM,CAAC,WAAW;;;;;;;;;;;CAWjC,CAAA;AAEY,QAAA,qBAAqB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;sBAUzB,kBAAM,CAAC,iBAAiB;;;CAG7C,CAAA;AAEY,QAAA,YAAY,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAGrC,CAAA"}
|
|
@@ -7,15 +7,14 @@ const IS_BROWSER = typeof window !== 'undefined' &&
|
|
|
7
7
|
typeof navigator !== 'undefined' &&
|
|
8
8
|
typeof document !== 'undefined';
|
|
9
9
|
function useStorageState(storage, key, defaultValue) {
|
|
10
|
-
var _a, _b;
|
|
11
10
|
let evtTarget;
|
|
12
11
|
try {
|
|
13
12
|
evtTarget = new EventTarget();
|
|
14
13
|
}
|
|
15
|
-
catch
|
|
16
|
-
evtTarget = (
|
|
14
|
+
catch {
|
|
15
|
+
evtTarget = (IS_BROWSER ? document : {})?.createElement?.('phony');
|
|
17
16
|
}
|
|
18
|
-
const raw = storage
|
|
17
|
+
const raw = storage?.getItem(key);
|
|
19
18
|
const [value, setValue] = (0, react_1.useState)(raw ? JSON.parse(raw) : defaultValue);
|
|
20
19
|
const updater = (0, react_1.useCallback)((updatedValue, remove = false) => {
|
|
21
20
|
setValue(updatedValue);
|
|
@@ -26,7 +25,7 @@ function useStorageState(storage, key, defaultValue) {
|
|
|
26
25
|
(0, react_1.useEffect)(() => {
|
|
27
26
|
const listener = ({ detail }) => {
|
|
28
27
|
if (detail.key === key) {
|
|
29
|
-
const lraw = storage
|
|
28
|
+
const lraw = storage?.getItem(key);
|
|
30
29
|
lraw !== raw && setValue(JSON.parse(lraw));
|
|
31
30
|
}
|
|
32
31
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-storage-state-hook.js","sourceRoot":"
|
|
1
|
+
{"version":3,"file":"use-storage-state-hook.js","sourceRoot":"","sources":["../../../src/webchat/use-storage-state-hook.js"],"names":[],"mappings":";;;AAAA,iCAAwD;AAExD,qFAAqF;AACrF,MAAM,UAAU,GACd,OAAO,MAAM,KAAK,WAAW;IAC7B,OAAO,SAAS,KAAK,WAAW;IAChC,OAAO,QAAQ,KAAK,WAAW,CAAA;AAEjC,SAAgB,eAAe,CAAC,OAAO,EAAE,GAAG,EAAE,YAAY;IACxD,IAAI,SAAS,CAAA;IAEb,IAAI;QACF,SAAS,GAAG,IAAI,WAAW,EAAE,CAAA;KAC9B;IAAC,MAAM;QACN,SAAS,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,aAAa,EAAE,CAAC,OAAO,CAAC,CAAA;KACnE;IAED,MAAM,GAAG,GAAG,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,CAAA;IAEjC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAA;IAExE,MAAM,OAAO,GAAG,IAAA,mBAAW,EACzB,CAAC,YAAY,EAAE,MAAM,GAAG,KAAK,EAAE,EAAE;QAC/B,QAAQ,CAAC,YAAY,CAAC,CAAA;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CACxC,GAAG,EACH,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,CAC7B,CAAA;QACD,SAAS,CAAC,aAAa,CACrB,IAAI,WAAW,CAAC,gBAAgB,EAAE,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACvD,CAAA;IACH,CAAC,EACD,CAAC,GAAG,CAAC,CACN,CAAA;IAED,YAAY,IAAI,IAAI,IAAI,CAAC,GAAG,IAAI,OAAO,CAAC,YAAY,CAAC,CAAA;IAErD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;YAC9B,IAAI,MAAM,CAAC,GAAG,KAAK,GAAG,EAAE;gBACtB,MAAM,IAAI,GAAG,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,CAAA;gBAElC,IAAI,KAAK,GAAG,IAAI,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAA;aAC3C;QACH,CAAC,CAAA;QAED,SAAS,CAAC,gBAAgB,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAA;QACtD,OAAO,GAAG,EAAE,CAAC,SAAS,CAAC,mBAAmB,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAA;IACxE,CAAC,CAAC,CAAA;IAEF,IAAI,OAAO,KAAK,IAAI,EAAE;QACpB,OAAO,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;KAC9B;IACD,OAAO,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAA;AACpD,CAAC;AA9CD,0CA8CC"}
|
|
@@ -2,6 +2,6 @@ export const DebugTab: any;
|
|
|
2
2
|
export function DebugTabPortal({ webchatHooks, ...props }: {
|
|
3
3
|
[x: string]: any;
|
|
4
4
|
webchatHooks: any;
|
|
5
|
-
}): import("react
|
|
5
|
+
}): import("react").ReactPortal;
|
|
6
6
|
export const WebchatDev: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
|
|
7
|
-
import React_1 from
|
|
7
|
+
import React_1 from "react";
|
|
@@ -20,10 +20,7 @@ exports.DebugTab = styled_components_1.default.div `
|
|
|
20
20
|
`;
|
|
21
21
|
// We want the debug tab to be rendered in the <body> even if the
|
|
22
22
|
// webchat is being rendered in a shadowDOM, that's why we need a portal
|
|
23
|
-
const DebugTabPortal = (
|
|
24
|
-
var { webchatHooks } = _a, props = tslib_1.__rest(_a, ["webchatHooks"]);
|
|
25
|
-
return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(exports.DebugTab, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(session_view_1.SessionView, { webchatHooks: webchatHooks }) })), document.body);
|
|
26
|
-
};
|
|
23
|
+
const DebugTabPortal = ({ webchatHooks, ...props }) => (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(exports.DebugTab, { ...props, children: (0, jsx_runtime_1.jsx)(session_view_1.SessionView, { webchatHooks: webchatHooks }) }), document.body);
|
|
27
24
|
exports.DebugTabPortal = DebugTabPortal;
|
|
28
25
|
const initialSession = {
|
|
29
26
|
is_first_interaction: true,
|
|
@@ -52,9 +49,9 @@ exports.WebchatDev = (0, react_1.forwardRef)((props, ref) => {
|
|
|
52
49
|
(0, react_1.useEffect)(() => {
|
|
53
50
|
updateTheme((0, lodash_merge_1.default)(webchatState.theme, props.theme));
|
|
54
51
|
}, [props.theme]);
|
|
55
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(webchat_1.Webchat,
|
|
52
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(webchat_1.Webchat, { style: { flex: 1, position: 'relative' }, ...props, ref: ref, webchatHooks: webchatHooks, initialSession: initialSession, initialDevSettings: {
|
|
56
53
|
keepSessionOnReload: webchatState.devSettings.keepSessionOnReload,
|
|
57
54
|
showSessionView: webchatState.devSettings.showSessionView,
|
|
58
|
-
} })
|
|
55
|
+
} }), (0, jsx_runtime_1.jsx)(exports.DebugTabPortal, { show: webchatState.devSettings.showSessionView, webchatHooks: webchatHooks })] }));
|
|
59
56
|
});
|
|
60
57
|
//# sourceMappingURL=webchat-dev.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"webchat-dev.js","sourceRoot":"
|
|
1
|
+
{"version":3,"file":"webchat-dev.js","sourceRoot":"","sources":["../../../src/webchat/webchat-dev.jsx"],"names":[],"mappings":";;;;;AAAA,wCAAwC;AACxC,wEAAgC;AAChC,uDAAoD;AACpD,yCAAwC;AACxC,kFAAsC;AAEtC,mCAAoC;AACpC,iDAA4C;AAC5C,uCAAmC;AAEtB,QAAA,QAAQ,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;WAIvB,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;YACvC,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;CAClD,CAAA;AAED,iEAAiE;AACjE,wEAAwE;AACjE,MAAM,cAAc,GAAG,CAAC,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAC3D,IAAA,wBAAY,EACV,uBAAC,gBAAQ,OAAK,KAAK,YACjB,uBAAC,0BAAW,IAAC,YAAY,EAAE,YAAY,GAAI,GAClC,EACX,QAAQ,CAAC,IAAI,CACd,CAAA;AANU,QAAA,cAAc,kBAMxB;AAEH,MAAM,cAAc,GAAG;IACrB,oBAAoB,EAAE,IAAI;IAC1B,YAAY,EAAE,EAAE;IAChB,IAAI,EAAE;QACJ,EAAE,EAAE,QAAQ;QACZ,QAAQ,EAAE,SAAS;QACnB,IAAI,EAAE,UAAU;QAChB,QAAQ,EAAE,eAAQ,CAAC,GAAG;QACtB,WAAW,EAAE,SAAS;QACtB,UAAU,EAAE,EAAE;KACf;IACD,YAAY,EAAE,EAAE;IAChB,GAAG,EAAE;QACH,EAAE,EAAE,SAAS;QACb,IAAI,EAAE,SAAS;KAChB;CACF,CAAA;AAED,8CAA8C;AACjC,QAAA,UAAU,GAAG,IAAA,kBAAU,EAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAClD,MAAM,YAAY,GAAG,IAAA,kBAAU,GAAE,CAAA;IACjC,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,YAAY,CAAA;IAElD;;6CAEyC;IACzC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,WAAW,CAAC,IAAA,sBAAK,EAAC,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;IACrD,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;IAEjB,OAAO,CACL,6DACE,uBAAC,iBAAO,IACN,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,KACpC,KAAK,EACT,GAAG,EAAE,GAAG,EACR,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,kBAAkB,EAAE;oBAClB,mBAAmB,EAAE,YAAY,CAAC,WAAW,CAAC,mBAAmB;oBACjE,eAAe,EAAE,YAAY,CAAC,WAAW,CAAC,eAAe;iBAC1D,GACD,EACF,uBAAC,sBAAc,IACb,IAAI,EAAE,YAAY,CAAC,WAAW,CAAC,eAAe,EAC9C,YAAY,EAAE,YAAY,GAC1B,IACD,CACJ,CAAA;AACH,CAAC,CAAC,CAAA"}
|
|
@@ -7,41 +7,47 @@ const messages_reducer_1 = require("./messages-reducer");
|
|
|
7
7
|
function webchatReducer(state, action) {
|
|
8
8
|
switch (action.type) {
|
|
9
9
|
case actions_1.WebchatAction.UPDATE_WEBVIEW:
|
|
10
|
-
return
|
|
10
|
+
return { ...state, ...action.payload };
|
|
11
11
|
case actions_1.WebchatAction.UPDATE_SESSION:
|
|
12
|
-
return
|
|
12
|
+
return { ...state, session: { ...action.payload } };
|
|
13
13
|
case actions_1.WebchatAction.UPDATE_TYPING:
|
|
14
|
-
return
|
|
14
|
+
return { ...state, typing: action.payload };
|
|
15
15
|
case actions_1.WebchatAction.UPDATE_THEME:
|
|
16
|
-
return
|
|
16
|
+
return {
|
|
17
|
+
...state,
|
|
18
|
+
...action.payload,
|
|
19
|
+
};
|
|
17
20
|
case actions_1.WebchatAction.UPDATE_HANDOFF:
|
|
18
|
-
return
|
|
21
|
+
return { ...state, handoff: action.payload };
|
|
19
22
|
case actions_1.WebchatAction.TOGGLE_WEBCHAT: {
|
|
20
23
|
const isWebchatOpen = action.payload;
|
|
21
|
-
return
|
|
24
|
+
return {
|
|
25
|
+
...state,
|
|
26
|
+
isWebchatOpen,
|
|
27
|
+
};
|
|
22
28
|
}
|
|
23
29
|
case actions_1.WebchatAction.TOGGLE_EMOJI_PICKER:
|
|
24
|
-
return
|
|
30
|
+
return { ...state, isEmojiPickerOpen: action.payload };
|
|
25
31
|
case actions_1.WebchatAction.TOGGLE_PERSISTENT_MENU:
|
|
26
|
-
return
|
|
32
|
+
return { ...state, isPersistentMenuOpen: action.payload };
|
|
27
33
|
case actions_1.WebchatAction.TOGGLE_COVER_COMPONENT:
|
|
28
|
-
return
|
|
34
|
+
return { ...state, isCoverComponentOpen: action.payload };
|
|
29
35
|
case actions_1.WebchatAction.DO_RENDER_CUSTOM_COMPONENT:
|
|
30
|
-
return
|
|
36
|
+
return { ...state, isCustomComponentRendered: action.payload };
|
|
31
37
|
case actions_1.WebchatAction.SET_ERROR:
|
|
32
|
-
return
|
|
38
|
+
return { ...state, error: action.payload || {} };
|
|
33
39
|
case actions_1.WebchatAction.SET_ONLINE:
|
|
34
|
-
return
|
|
40
|
+
return { ...state, online: action.payload };
|
|
35
41
|
case actions_1.WebchatAction.UPDATE_DEV_SETTINGS:
|
|
36
|
-
return
|
|
42
|
+
return { ...state, devSettings: { ...action.payload } };
|
|
37
43
|
case actions_1.WebchatAction.UPDATE_LATEST_INPUT:
|
|
38
|
-
return
|
|
44
|
+
return { ...state, latestInput: action.payload };
|
|
39
45
|
case actions_1.WebchatAction.UPDATE_LAST_ROUTE_PATH:
|
|
40
|
-
return
|
|
46
|
+
return { ...state, lastRoutePath: action.payload };
|
|
41
47
|
case actions_1.WebchatAction.SET_CURRENT_ATTACHMENT:
|
|
42
|
-
return
|
|
48
|
+
return { ...state, currentAttachment: action.payload };
|
|
43
49
|
case actions_1.WebchatAction.UPDATE_JWT:
|
|
44
|
-
return
|
|
50
|
+
return { ...state, jwt: action.payload };
|
|
45
51
|
default:
|
|
46
52
|
return (0, messages_reducer_1.messagesReducer)(state, action);
|
|
47
53
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"webchat-reducer.js","sourceRoot":"
|
|
1
|
+
{"version":3,"file":"webchat-reducer.js","sourceRoot":"","sources":["../../../src/webchat/webchat-reducer.ts"],"names":[],"mappings":";;;AAAA,uCAAyC;AAEzC,yDAAoD;AAEpD,sCAAsC;AACtC,SAAgB,cAAc,CAC5B,KAAmB,EACnB,MAA8C;IAE9C,QAAQ,MAAM,CAAC,IAAI,EAAE;QACnB,KAAK,uBAAa,CAAC,cAAc;YAC/B,OAAO,EAAE,GAAG,KAAK,EAAE,GAAG,MAAM,CAAC,OAAO,EAAE,CAAA;QACxC,KAAK,uBAAa,CAAC,cAAc;YAC/B,OAAO,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,EAAE,GAAG,MAAM,CAAC,OAAO,EAAE,EAAE,CAAA;QACrD,KAAK,uBAAa,CAAC,aAAa;YAC9B,OAAO,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,OAAO,EAAE,CAAA;QAC7C,KAAK,uBAAa,CAAC,YAAY;YAC7B,OAAO;gBACL,GAAG,KAAK;gBACR,GAAG,MAAM,CAAC,OAAO;aAClB,CAAA;QACH,KAAK,uBAAa,CAAC,cAAc;YAC/B,OAAO,EAAE,GAAG,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,CAAA;QAC9C,KAAK,uBAAa,CAAC,cAAc,CAAC,CAAC;YACjC,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAA;YACpC,OAAO;gBACL,GAAG,KAAK;gBACR,aAAa;aACd,CAAA;SACF;QACD,KAAK,uBAAa,CAAC,mBAAmB;YACpC,OAAO,EAAE,GAAG,KAAK,EAAE,iBAAiB,EAAE,MAAM,CAAC,OAAO,EAAE,CAAA;QACxD,KAAK,uBAAa,CAAC,sBAAsB;YACvC,OAAO,EAAE,GAAG,KAAK,EAAE,oBAAoB,EAAE,MAAM,CAAC,OAAO,EAAE,CAAA;QAC3D,KAAK,uBAAa,CAAC,sBAAsB;YACvC,OAAO,EAAE,GAAG,KAAK,EAAE,oBAAoB,EAAE,MAAM,CAAC,OAAO,EAAE,CAAA;QAC3D,KAAK,uBAAa,CAAC,0BAA0B;YAC3C,OAAO,EAAE,GAAG,KAAK,EAAE,yBAAyB,EAAE,MAAM,CAAC,OAAO,EAAE,CAAA;QAChE,KAAK,uBAAa,CAAC,SAAS;YAC1B,OAAO,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,OAAO,IAAI,EAAE,EAAE,CAAA;QAClD,KAAK,uBAAa,CAAC,UAAU;YAC3B,OAAO,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,OAAO,EAAE,CAAA;QAC7C,KAAK,uBAAa,CAAC,mBAAmB;YACpC,OAAO,EAAE,GAAG,KAAK,EAAE,WAAW,EAAE,EAAE,GAAG,MAAM,CAAC,OAAO,EAAE,EAAE,CAAA;QACzD,KAAK,uBAAa,CAAC,mBAAmB;YACpC,OAAO,EAAE,GAAG,KAAK,EAAE,WAAW,EAAE,MAAM,CAAC,OAAO,EAAE,CAAA;QAClD,KAAK,uBAAa,CAAC,sBAAsB;YACvC,OAAO,EAAE,GAAG,KAAK,EAAE,aAAa,EAAE,MAAM,CAAC,OAAO,EAAE,CAAA;QACpD,KAAK,uBAAa,CAAC,sBAAsB;YACvC,OAAO,EAAE,GAAG,KAAK,EAAE,iBAAiB,EAAE,MAAM,CAAC,OAAO,EAAE,CAAA;QACxD,KAAK,uBAAa,CAAC,UAAU;YAC3B,OAAO,EAAE,GAAG,KAAK,EAAE,GAAG,EAAE,MAAM,CAAC,OAAO,EAAE,CAAA;QAC1C;YACE,OAAO,IAAA,kCAAe,EAAC,KAAK,EAAE,MAAM,CAAC,CAAA;KACxC;AACH,CAAC;AAlDD,wCAkDC"}
|
|
@@ -205,7 +205,7 @@ exports.Webchat = (0, react_1.forwardRef)((props, ref) => {
|
|
|
205
205
|
if (messages) {
|
|
206
206
|
messages.forEach(message => {
|
|
207
207
|
addMessage(message);
|
|
208
|
-
const newMessageComponent = (0, msg_to_botonic_1.msgToBotonic)(
|
|
208
|
+
const newMessageComponent = (0, msg_to_botonic_1.msgToBotonic)({ ...message, delay: 0, typing: 0 }, (props.theme.message && props.theme.message.customTypes) ||
|
|
209
209
|
props.theme.customMessageTypes);
|
|
210
210
|
if (newMessageComponent)
|
|
211
211
|
addMessageComponent(newMessageComponent);
|
|
@@ -311,11 +311,11 @@ exports.Webchat = (0, react_1.forwardRef)((props, ref) => {
|
|
|
311
311
|
return false;
|
|
312
312
|
for (const rule of blockInputs) {
|
|
313
313
|
if (getBlockInputs(rule, input.data)) {
|
|
314
|
-
addMessageComponent((0, jsx_runtime_1.jsx)(components_1.Text,
|
|
314
|
+
addMessageComponent((0, jsx_runtime_1.jsx)(components_1.Text, { id: input.id, sentBy: index_types_1.SENDERS.user, blob: false, style: {
|
|
315
315
|
backgroundColor: constants_1.COLORS.SCORPION_GRAY,
|
|
316
316
|
borderColor: constants_1.COLORS.SCORPION_GRAY,
|
|
317
317
|
padding: '8px 12px',
|
|
318
|
-
}
|
|
318
|
+
}, children: rule.message }));
|
|
319
319
|
updateReplies(false);
|
|
320
320
|
return true;
|
|
321
321
|
}
|
|
@@ -346,13 +346,13 @@ exports.Webchat = (0, react_1.forwardRef)((props, ref) => {
|
|
|
346
346
|
const coverComponent = () => {
|
|
347
347
|
const coverComponentProps = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.coverComponentProps, props.coverComponent && props.coverComponent.props);
|
|
348
348
|
if (CoverComponent && webchatState.isCoverComponentOpen)
|
|
349
|
-
return ((0, jsx_runtime_1.jsx)(CoverComponent,
|
|
349
|
+
return ((0, jsx_runtime_1.jsx)(CoverComponent, { closeComponent: closeCoverComponent, ...coverComponentProps }));
|
|
350
350
|
return null;
|
|
351
351
|
};
|
|
352
352
|
const messageComponentFromInput = input => {
|
|
353
353
|
let messageComponent = null;
|
|
354
354
|
if ((0, message_utils_1.isText)(input)) {
|
|
355
|
-
messageComponent = ((0, jsx_runtime_1.jsx)(components_1.Text,
|
|
355
|
+
messageComponent = ((0, jsx_runtime_1.jsx)(components_1.Text, { id: input.id, payload: input.payload, sentBy: index_types_1.SENDERS.user, children: input.data }));
|
|
356
356
|
}
|
|
357
357
|
else if ((0, message_utils_1.isMedia)(input)) {
|
|
358
358
|
const temporaryDisplayUrl = URL.createObjectURL(input.data);
|
|
@@ -363,14 +363,14 @@ exports.Webchat = (0, react_1.forwardRef)((props, ref) => {
|
|
|
363
363
|
};
|
|
364
364
|
if ((0, message_utils_1.isImage)(input)) {
|
|
365
365
|
mediaProps.input = input;
|
|
366
|
-
messageComponent = (0, jsx_runtime_1.jsx)(components_1.Image,
|
|
366
|
+
messageComponent = (0, jsx_runtime_1.jsx)(components_1.Image, { ...mediaProps });
|
|
367
367
|
}
|
|
368
368
|
else if ((0, message_utils_1.isAudio)(input))
|
|
369
|
-
messageComponent = (0, jsx_runtime_1.jsx)(components_1.Audio,
|
|
369
|
+
messageComponent = (0, jsx_runtime_1.jsx)(components_1.Audio, { ...mediaProps });
|
|
370
370
|
else if ((0, message_utils_1.isVideo)(input))
|
|
371
|
-
messageComponent = (0, jsx_runtime_1.jsx)(components_1.Video,
|
|
371
|
+
messageComponent = (0, jsx_runtime_1.jsx)(components_1.Video, { ...mediaProps });
|
|
372
372
|
else if ((0, message_utils_1.isDocument)(input))
|
|
373
|
-
messageComponent = (0, jsx_runtime_1.jsx)(components_1.Document,
|
|
373
|
+
messageComponent = (0, jsx_runtime_1.jsx)(components_1.Document, { ...mediaProps });
|
|
374
374
|
}
|
|
375
375
|
return messageComponent;
|
|
376
376
|
};
|
|
@@ -405,11 +405,14 @@ exports.Webchat = (0, react_1.forwardRef)((props, ref) => {
|
|
|
405
405
|
const isUnread = !webchatState.isLastMessageVisible || webchatState.numUnreadMessages > 0;
|
|
406
406
|
if (Array.isArray(response)) {
|
|
407
407
|
response.forEach(r => {
|
|
408
|
-
addMessageComponent(
|
|
408
|
+
addMessageComponent({ ...r, props: { ...r.props, isUnread } });
|
|
409
409
|
});
|
|
410
410
|
}
|
|
411
411
|
else if (response) {
|
|
412
|
-
addMessageComponent(
|
|
412
|
+
addMessageComponent({
|
|
413
|
+
...response,
|
|
414
|
+
props: { ...response.props, isUnread },
|
|
415
|
+
});
|
|
413
416
|
}
|
|
414
417
|
if (session) {
|
|
415
418
|
updateSession((0, lodash_merge_1.default)(session, { user: webchatState.session.user }));
|
|
@@ -465,7 +468,7 @@ exports.Webchat = (0, react_1.forwardRef)((props, ref) => {
|
|
|
465
468
|
}));
|
|
466
469
|
const resolveCase = () => {
|
|
467
470
|
updateHandoff(false);
|
|
468
|
-
updateSession(
|
|
471
|
+
updateSession({ ...webchatState.session, _botonic_action: null });
|
|
469
472
|
};
|
|
470
473
|
const prevSession = (0, hooks_1.usePrevious)(webchatState.session);
|
|
471
474
|
(0, react_1.useEffect)(() => {
|
|
@@ -571,13 +574,31 @@ exports.Webchat = (0, react_1.forwardRef)((props, ref) => {
|
|
|
571
574
|
const userInputEnabled = isUserInputEnabled();
|
|
572
575
|
const textArea = (0, react_1.useRef)(null);
|
|
573
576
|
const userInputArea = () => {
|
|
574
|
-
return (userInputEnabled && ((0, jsx_runtime_1.jsxs)(UserInputContainer,
|
|
577
|
+
return (userInputEnabled && ((0, jsx_runtime_1.jsxs)(UserInputContainer, { style: {
|
|
578
|
+
...getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.userInputStyle),
|
|
579
|
+
}, className: 'user-input-container', children: [webchatState.isEmojiPickerOpen && ((0, jsx_runtime_1.jsx)(emoji_picker_1.OpenedEmojiPicker, { height: webchatState.theme.style.height, onEmojiClick: handleSelectedEmoji, onClick: handleEmojiClick })), (0, jsx_runtime_1.jsx)(persistent_menu_1.PersistentMenu, { onClick: handleMenu, persistentMenu: props.persistentMenu }), (0, jsx_runtime_1.jsx)(TextAreaContainer, { children: (0, jsx_runtime_1.jsx)(react_textarea_autosize_1.default, { inputRef: textArea, name: 'text', onFocus: () => {
|
|
575
580
|
deviceAdapter.onFocus(host);
|
|
576
581
|
}, onBlur: () => {
|
|
577
582
|
deviceAdapter.onBlur();
|
|
578
|
-
}, maxRows: 4, wrap: 'soft', maxLength: '1000', placeholder: getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.textPlaceholder, constants_1.WEBCHAT.DEFAULTS.PLACEHOLDER), autoFocus: false, onKeyDown: e => onKeyDown(e), onKeyUp: onKeyUp, style:
|
|
583
|
+
}, maxRows: 4, wrap: 'soft', maxLength: '1000', placeholder: getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.textPlaceholder, constants_1.WEBCHAT.DEFAULTS.PLACEHOLDER), autoFocus: false, onKeyDown: e => onKeyDown(e), onKeyUp: onKeyUp, style: {
|
|
584
|
+
display: 'flex',
|
|
585
|
+
fontSize: deviceAdapter.fontSize(14),
|
|
586
|
+
width: '100%',
|
|
587
|
+
border: 'none',
|
|
588
|
+
resize: 'none',
|
|
589
|
+
overflow: 'auto',
|
|
590
|
+
outline: 'none',
|
|
591
|
+
flex: '1 1 auto',
|
|
592
|
+
padding: 10,
|
|
593
|
+
paddingLeft: persistentMenuOptions ? 0 : 10,
|
|
594
|
+
fontFamily: 'inherit',
|
|
595
|
+
...getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.userInputBoxStyle),
|
|
596
|
+
} }) }), (0, jsx_runtime_1.jsx)(emoji_picker_1.EmojiPicker, { enableEmojiPicker: props.enableEmojiPicker, onClick: handleEmojiClick }), (0, jsx_runtime_1.jsx)(attachment_1.Attachment, { enableAttachments: props.enableAttachments, onChange: handleAttachment, accept: (0, message_utils_1.getFullMimeWhitelist)().join(',') }), (0, jsx_runtime_1.jsx)(send_button_1.SendButton, { onClick: sendTextAreaText })] })));
|
|
579
597
|
};
|
|
580
|
-
const webchatWebview = () => ((0, jsx_runtime_1.jsx)(contexts_1.RequestContext.Provider,
|
|
598
|
+
const webchatWebview = () => ((0, jsx_runtime_1.jsx)(contexts_1.RequestContext.Provider, { value: webviewRequestContext, children: (0, jsx_runtime_1.jsx)(webview_1.WebviewContainer, { style: {
|
|
599
|
+
...getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.webviewStyle),
|
|
600
|
+
...mobileStyle,
|
|
601
|
+
}, webview: webchatState.webview }) }));
|
|
581
602
|
let mobileStyle = {};
|
|
582
603
|
if ((0, core_1.isMobile)(getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.mobileBreakpoint))) {
|
|
583
604
|
mobileStyle = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.mobileStyle) || {
|
|
@@ -611,7 +632,7 @@ exports.Webchat = (0, react_1.forwardRef)((props, ref) => {
|
|
|
611
632
|
else
|
|
612
633
|
return customComponent;
|
|
613
634
|
};
|
|
614
|
-
const WebchatComponent = ((0, jsx_runtime_1.jsxs)(contexts_1.WebchatContext.Provider,
|
|
635
|
+
const WebchatComponent = ((0, jsx_runtime_1.jsxs)(contexts_1.WebchatContext.Provider, { value: {
|
|
615
636
|
addMessage,
|
|
616
637
|
getThemeProperty,
|
|
617
638
|
openWebview,
|
|
@@ -629,16 +650,19 @@ exports.Webchat = (0, react_1.forwardRef)((props, ref) => {
|
|
|
629
650
|
updateUser: updateSessionWithUser,
|
|
630
651
|
updateWebchatDevSettings: updateWebchatDevSettings,
|
|
631
652
|
webchatState,
|
|
632
|
-
}
|
|
653
|
+
}, children: [!webchatState.isWebchatOpen && (0, jsx_runtime_1.jsx)(trigger_button_1.TriggerButton, {}), webchatState.isWebchatOpen && ((0, jsx_runtime_1.jsxs)(StyledWebchat
|
|
633
654
|
// TODO: Distinguis between multiple instances of webchat, e.g. `${uniqueId}-botonic-webchat`
|
|
634
|
-
,
|
|
655
|
+
, {
|
|
635
656
|
// TODO: Distinguis between multiple instances of webchat, e.g. `${uniqueId}-botonic-webchat`
|
|
636
|
-
role: constants_1.ROLES.WEBCHAT, id: constants_1.WEBCHAT.DEFAULTS.ID, width: webchatState.width, height: webchatState.height, style:
|
|
657
|
+
role: constants_1.ROLES.WEBCHAT, id: constants_1.WEBCHAT.DEFAULTS.ID, width: webchatState.width, height: webchatState.height, style: {
|
|
658
|
+
...webchatState.theme.style,
|
|
659
|
+
...mobileStyle,
|
|
660
|
+
}, children: [(0, jsx_runtime_1.jsx)(header_1.StyledWebchatHeader, { onCloseClick: () => {
|
|
637
661
|
toggleWebchat(false);
|
|
638
662
|
} }), webchatState.error.message && ((0, jsx_runtime_1.jsx)(ErrorMessageContainer, { children: (0, jsx_runtime_1.jsx)(ErrorMessage, { children: webchatState.error.message }) })), (0, jsx_runtime_1.jsx)(message_list_1.WebchatMessageList, { style: { flex: 1 }, host: host }), webchatState.replies &&
|
|
639
663
|
Object.keys(webchatState.replies).length > 0 && ((0, jsx_runtime_1.jsx)(replies_1.WebchatReplies, { replies: webchatState.replies })), webchatState.isPersistentMenuOpen && ((0, jsx_runtime_1.jsx)(DarkenBackground, { component: persistentMenu() })), !webchatState.handoff && userInputArea(), webchatState.webview && webchatWebview(), webchatState.isCoverComponentOpen && coverComponent(), webchatState.isCustomComponentRendered &&
|
|
640
664
|
customComponent &&
|
|
641
|
-
_renderCustomComponent()] }))
|
|
642
|
-
return props.shadowDOM ? ((0, jsx_runtime_1.jsx)(styled_components_1.StyleSheetManager,
|
|
665
|
+
_renderCustomComponent()] }))] }));
|
|
666
|
+
return props.shadowDOM ? ((0, jsx_runtime_1.jsx)(styled_components_1.StyleSheetManager, { target: host, children: WebchatComponent })) : (WebchatComponent);
|
|
643
667
|
});
|
|
644
668
|
//# sourceMappingURL=webchat.js.map
|