@botonic/react 0.31.5-alpha.1 → 0.32.0
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/components/audio.d.ts +8 -7
- package/lib/cjs/components/audio.js +7 -4
- package/lib/cjs/components/audio.js.map +1 -1
- package/lib/cjs/components/button.js +3 -4
- package/lib/cjs/components/button.js.map +1 -1
- package/lib/cjs/components/carousel.js +2 -2
- package/lib/cjs/components/carousel.js.map +1 -1
- package/lib/cjs/components/custom-message.d.ts +16 -12
- package/lib/cjs/components/custom-message.js +3 -9
- package/lib/cjs/components/custom-message.js.map +1 -1
- package/lib/cjs/components/document.d.ts +8 -7
- package/lib/cjs/components/document.js +5 -5
- package/lib/cjs/components/document.js.map +1 -1
- package/lib/cjs/components/element.js +6 -6
- package/lib/cjs/components/element.js.map +1 -1
- package/lib/cjs/components/handoff.d.ts +1 -1
- package/lib/cjs/components/handoff.js +2 -2
- package/lib/cjs/components/handoff.js.map +1 -1
- package/lib/cjs/components/image.d.ts +8 -7
- package/lib/cjs/components/image.js +5 -5
- package/lib/cjs/components/image.js.map +1 -1
- package/lib/cjs/components/index-types.d.ts +30 -127
- package/lib/cjs/components/index.d.ts +7 -1
- package/lib/cjs/components/index.js +14 -1
- package/lib/cjs/components/index.js.map +1 -1
- package/lib/cjs/components/message/index.js +2 -1
- package/lib/cjs/components/message/index.js.map +1 -1
- package/lib/cjs/components/message/message-feedback.d.ts +1 -1
- package/lib/cjs/components/message/message-feedback.js +2 -2
- package/lib/cjs/components/message/message-feedback.js.map +1 -1
- package/lib/cjs/components/message/message-footer.d.ts +1 -1
- package/lib/cjs/components/message/message-footer.js +2 -2
- package/lib/cjs/components/message/message-footer.js.map +1 -1
- package/lib/cjs/components/message/message-image.js +2 -2
- package/lib/cjs/components/message/message-image.js.map +1 -1
- package/lib/cjs/components/message/timestamps.d.ts +1 -1
- package/lib/cjs/components/message/timestamps.js +2 -2
- package/lib/cjs/components/message/timestamps.js.map +1 -1
- package/lib/cjs/components/multichannel/multichannel-button.d.ts +1 -1
- package/lib/cjs/components/multichannel/multichannel-button.js +2 -2
- package/lib/cjs/components/multichannel/multichannel-button.js.map +1 -1
- package/lib/cjs/components/multichannel/multichannel-carousel.js +4 -4
- package/lib/cjs/components/multichannel/multichannel-carousel.js.map +1 -1
- package/lib/cjs/components/multichannel/multichannel-reply.d.ts +1 -1
- package/lib/cjs/components/multichannel/multichannel-text.d.ts +1 -1
- package/lib/cjs/components/multichannel/multichannel-text.js +12 -11
- package/lib/cjs/components/multichannel/multichannel-text.js.map +1 -1
- package/lib/cjs/components/multichannel/multichannel-utils.d.ts +9 -15
- package/lib/cjs/components/multichannel/multichannel-utils.js +48 -27
- package/lib/cjs/components/multichannel/multichannel-utils.js.map +1 -1
- package/lib/cjs/components/multichannel/multichannel.js +7 -7
- package/lib/cjs/components/multichannel/multichannel.js.map +1 -1
- package/lib/cjs/components/multichannel/whatsapp/constants.d.ts +11 -0
- package/lib/cjs/components/multichannel/whatsapp/constants.js +13 -0
- package/lib/cjs/components/multichannel/whatsapp/constants.js.map +1 -0
- package/lib/cjs/components/raw.d.ts +1 -1
- package/lib/cjs/components/reply.d.ts +7 -6
- package/lib/cjs/components/reply.js +10 -6
- package/lib/cjs/components/reply.js.map +1 -1
- package/lib/cjs/components/text.d.ts +1 -1
- package/lib/cjs/components/video.d.ts +8 -7
- package/lib/cjs/components/video.js +2 -3
- package/lib/cjs/components/video.js.map +1 -1
- package/lib/cjs/components/webchat-settings.d.ts +15 -2
- package/lib/cjs/components/webchat-settings.js +2 -2
- 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-catalog.d.ts +6 -0
- package/lib/cjs/components/whatsapp-catalog.js +25 -0
- package/lib/cjs/components/whatsapp-catalog.js.map +1 -0
- package/lib/cjs/components/whatsapp-cta-url-button.js +5 -5
- package/lib/cjs/components/whatsapp-cta-url-button.js.map +1 -1
- package/lib/cjs/components/whatsapp-media-carousel.d.ts +46 -0
- package/lib/cjs/components/whatsapp-media-carousel.js +40 -0
- package/lib/cjs/components/whatsapp-media-carousel.js.map +1 -0
- package/lib/cjs/components/whatsapp-product-carousel.d.ts +32 -0
- package/lib/cjs/components/whatsapp-product-carousel.js +34 -0
- package/lib/cjs/components/whatsapp-product-carousel.js.map +1 -0
- package/lib/cjs/components/whatsapp-product-list.d.ts +15 -0
- package/lib/cjs/components/whatsapp-product-list.js +26 -0
- package/lib/cjs/components/whatsapp-product-list.js.map +1 -0
- package/lib/cjs/components/whatsapp-product.d.ts +7 -0
- package/lib/cjs/components/whatsapp-product.js +25 -0
- package/lib/cjs/components/whatsapp-product.js.map +1 -0
- package/lib/cjs/constants.d.ts +0 -6
- package/lib/cjs/constants.js +1 -7
- package/lib/cjs/constants.js.map +1 -1
- package/lib/cjs/contexts.d.ts +3 -4
- package/lib/cjs/contexts.js +2 -76
- package/lib/cjs/contexts.js.map +1 -1
- package/lib/cjs/dev-app.d.ts +7 -0
- package/lib/cjs/dev-app.js +5 -2
- package/lib/cjs/dev-app.js.map +1 -1
- package/lib/cjs/index-types.d.ts +90 -61
- package/lib/cjs/index-types.js.map +1 -1
- package/lib/cjs/index.d.ts +1 -1
- package/lib/cjs/index.js +1 -2
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/msg-to-botonic.d.ts +1 -1
- package/lib/cjs/msg-to-botonic.js +5 -8
- package/lib/cjs/msg-to-botonic.js.map +1 -1
- package/lib/cjs/react-bot.d.ts +1 -1
- package/lib/cjs/util/error-boundary.d.ts +1 -1
- package/lib/cjs/util/functional.d.ts +3 -0
- package/lib/cjs/util/functional.js +30 -0
- package/lib/cjs/util/functional.js.map +1 -0
- package/lib/cjs/util/react.d.ts +1 -1
- package/lib/cjs/util/webchat.d.ts +17 -6
- package/lib/cjs/util/webchat.js +9 -7
- package/lib/cjs/util/webchat.js.map +1 -1
- package/lib/cjs/webchat/chat-area/index.d.ts +1 -1
- package/lib/cjs/webchat/chat-area/index.js +3 -3
- package/lib/cjs/webchat/chat-area/index.js.map +1 -1
- package/lib/cjs/webchat/components/common.d.ts +1 -1
- package/lib/cjs/webchat/components/conditional-animation.d.ts +1 -1
- package/lib/cjs/webchat/components/conditional-animation.js +2 -2
- package/lib/cjs/webchat/components/conditional-animation.js.map +1 -1
- package/lib/cjs/webchat/components/opened-persistent-menu.d.ts +1 -1
- package/lib/cjs/webchat/components/opened-persistent-menu.js +2 -2
- package/lib/cjs/webchat/components/opened-persistent-menu.js.map +1 -1
- package/lib/cjs/webchat/{actions.d.ts → context/actions.d.ts} +4 -1
- package/lib/cjs/webchat/{actions.js → context/actions.js} +4 -0
- package/lib/cjs/webchat/context/actions.js.map +1 -0
- package/lib/cjs/webchat/context/index.d.ts +5 -0
- package/lib/cjs/webchat/context/index.js +86 -0
- package/lib/cjs/webchat/context/index.js.map +1 -0
- package/lib/cjs/webchat/{messages-reducer.d.ts → context/messages-reducer.d.ts} +1 -1
- package/lib/cjs/webchat/{messages-reducer.js → context/messages-reducer.js} +3 -1
- package/lib/cjs/webchat/context/messages-reducer.js.map +1 -0
- package/lib/cjs/webchat/context/types.d.ts +76 -0
- package/lib/cjs/webchat/context/types.js +3 -0
- package/lib/cjs/webchat/context/types.js.map +1 -0
- package/lib/cjs/webchat/{hooks → context}/use-webchat.d.ts +21 -20
- package/lib/cjs/webchat/{hooks → context}/use-webchat.js +21 -7
- package/lib/cjs/webchat/context/use-webchat.js.map +1 -0
- package/lib/cjs/webchat/{webchat-reducer.d.ts → context/webchat-reducer.d.ts} +1 -1
- package/lib/cjs/webchat/{webchat-reducer.js → context/webchat-reducer.js} +4 -0
- package/lib/cjs/webchat/context/webchat-reducer.js.map +1 -0
- package/lib/cjs/webchat/cover-component/index.d.ts +1 -1
- package/lib/cjs/webchat/cover-component/index.js +2 -2
- package/lib/cjs/webchat/cover-component/index.js.map +1 -1
- package/lib/cjs/webchat/header/default-header.d.ts +1 -0
- package/lib/cjs/webchat/header/default-header.js +25 -0
- package/lib/cjs/webchat/header/default-header.js.map +1 -0
- package/lib/cjs/webchat/header/index.d.ts +2 -0
- package/lib/cjs/webchat/header/index.js +23 -0
- package/lib/cjs/webchat/header/index.js.map +1 -0
- package/lib/cjs/webchat/header/styles.d.ts +7 -0
- package/lib/cjs/webchat/header/styles.js +59 -0
- package/lib/cjs/webchat/header/styles.js.map +1 -0
- package/lib/cjs/webchat/hooks/index.d.ts +0 -1
- package/lib/cjs/webchat/hooks/index.js +1 -4
- package/lib/cjs/webchat/hooks/index.js.map +1 -1
- package/lib/cjs/webchat/hooks/use-previous.d.ts +1 -1
- package/lib/cjs/webchat/hooks/use-previous.js.map +1 -1
- package/lib/cjs/webchat/hooks/use-scroll-to-bottom.d.ts +6 -4
- package/lib/cjs/webchat/hooks/use-scroll-to-bottom.js.map +1 -1
- package/lib/cjs/webchat/hooks/use-scrollbar-controller.js +16 -16
- package/lib/cjs/webchat/hooks/use-scrollbar-controller.js.map +1 -1
- package/lib/cjs/webchat/hooks/use-typing.d.ts +1 -1
- package/lib/cjs/webchat/hooks/use-webchat-dimensions.js +4 -4
- package/lib/cjs/webchat/hooks/use-webchat-dimensions.js.map +1 -1
- package/lib/cjs/webchat/hooks/use-webchat-resizer.js +6 -6
- package/lib/cjs/webchat/hooks/use-webchat-resizer.js.map +1 -1
- package/lib/cjs/webchat/index-types.d.ts +3 -46
- package/lib/cjs/webchat/index.d.ts +1 -0
- package/lib/cjs/webchat/index.js +3 -1
- package/lib/cjs/webchat/index.js.map +1 -1
- package/lib/cjs/webchat/input-panel/attachment.d.ts +2 -2
- package/lib/cjs/webchat/input-panel/attachment.js +2 -2
- package/lib/cjs/webchat/input-panel/attachment.js.map +1 -1
- package/lib/cjs/webchat/input-panel/emoji-picker.d.ts +2 -2
- package/lib/cjs/webchat/input-panel/emoji-picker.js +2 -2
- package/lib/cjs/webchat/input-panel/emoji-picker.js.map +1 -1
- package/lib/cjs/webchat/input-panel/index.d.ts +4 -4
- package/lib/cjs/webchat/input-panel/index.js +8 -3
- package/lib/cjs/webchat/input-panel/index.js.map +1 -1
- package/lib/cjs/webchat/input-panel/opened-emoji-picker.d.ts +1 -1
- package/lib/cjs/webchat/input-panel/persistent-menu.d.ts +1 -1
- package/lib/cjs/webchat/input-panel/persistent-menu.js +2 -2
- package/lib/cjs/webchat/input-panel/persistent-menu.js.map +1 -1
- package/lib/cjs/webchat/input-panel/send-button.d.ts +1 -1
- package/lib/cjs/webchat/input-panel/send-button.js +2 -2
- package/lib/cjs/webchat/input-panel/send-button.js.map +1 -1
- package/lib/cjs/webchat/input-panel/textarea.d.ts +4 -4
- package/lib/cjs/webchat/input-panel/textarea.js +11 -3
- package/lib/cjs/webchat/input-panel/textarea.js.map +1 -1
- package/lib/cjs/webchat/message-list/index.d.ts +1 -1
- package/lib/cjs/webchat/message-list/index.js +64 -38
- package/lib/cjs/webchat/message-list/index.js.map +1 -1
- package/lib/cjs/webchat/message-list/intro-message.d.ts +1 -1
- package/lib/cjs/webchat/message-list/intro-message.js +2 -2
- package/lib/cjs/webchat/message-list/intro-message.js.map +1 -1
- package/lib/cjs/webchat/message-list/scroll-button.d.ts +1 -0
- package/lib/cjs/webchat/message-list/styles.js +4 -3
- package/lib/cjs/webchat/message-list/styles.js.map +1 -1
- package/lib/cjs/webchat/message-list/unread-messages-banner.js +2 -2
- package/lib/cjs/webchat/message-list/unread-messages-banner.js.map +1 -1
- package/lib/cjs/webchat/message-list/use-notifications.js +2 -2
- package/lib/cjs/webchat/message-list/use-notifications.js.map +1 -1
- package/lib/cjs/webchat/replies/index.d.ts +1 -0
- package/lib/cjs/webchat/replies/index.js +32 -0
- package/lib/cjs/webchat/replies/index.js.map +1 -0
- package/lib/cjs/webchat/replies/styles.d.ts +8 -0
- package/lib/cjs/webchat/replies/styles.js +25 -0
- package/lib/cjs/webchat/replies/styles.js.map +1 -0
- package/lib/cjs/webchat/session-view.d.ts +1 -1
- package/lib/cjs/webchat/session-view.js +4 -4
- package/lib/cjs/webchat/session-view.js.map +1 -1
- package/lib/cjs/webchat/styles.d.ts +9 -0
- package/lib/cjs/webchat/styles.js +54 -0
- package/lib/cjs/webchat/styles.js.map +1 -0
- package/lib/cjs/webchat/theme/types.d.ts +167 -0
- package/lib/cjs/webchat/theme/types.js +3 -0
- package/lib/cjs/webchat/theme/types.js.map +1 -0
- package/lib/cjs/webchat/trigger-button/index.d.ts +1 -0
- package/lib/cjs/webchat/trigger-button/index.js +2 -2
- package/lib/cjs/webchat/trigger-button/index.js.map +1 -1
- package/lib/cjs/webchat/typing-indicator/index.d.ts +3 -1
- package/lib/cjs/webchat/typing-indicator/index.js +4 -3
- package/lib/cjs/webchat/typing-indicator/index.js.map +1 -1
- package/lib/cjs/webchat/typing-indicator/styles.d.ts +3 -2
- package/lib/cjs/webchat/typing-indicator/styles.js +6 -3
- package/lib/cjs/webchat/typing-indicator/styles.js.map +1 -1
- package/lib/cjs/webchat/webchat-dev.d.ts +2 -2
- package/lib/cjs/webchat/webchat-dev.js +2 -2
- package/lib/cjs/webchat/webchat-dev.js.map +1 -1
- package/lib/cjs/webchat/webchat.d.ts +4 -2
- package/lib/cjs/webchat/webchat.js +91 -116
- package/lib/cjs/webchat/webchat.js.map +1 -1
- package/lib/cjs/webchat/webview/header.d.ts +1 -0
- package/lib/cjs/webchat/webview/header.js +16 -0
- package/lib/cjs/webchat/webview/header.js.map +1 -0
- package/lib/cjs/webchat/webview/index.d.ts +1 -0
- package/lib/cjs/webchat/webview/index.js +49 -0
- package/lib/cjs/webchat/webview/index.js.map +1 -0
- package/lib/cjs/webchat/webview/styles.d.ts +7 -0
- package/lib/cjs/webchat/webview/styles.js +46 -0
- package/lib/cjs/webchat/webview/styles.js.map +1 -0
- package/lib/cjs/webchat-app.d.ts +62 -86
- package/lib/cjs/webchat-app.js +126 -62
- package/lib/cjs/webchat-app.js.map +1 -1
- package/lib/cjs/webview-app.js +5 -2
- package/lib/cjs/webview-app.js.map +1 -1
- package/lib/esm/components/audio.d.ts +8 -7
- package/lib/esm/components/audio.js +7 -4
- package/lib/esm/components/audio.js.map +1 -1
- package/lib/esm/components/button.js +2 -3
- package/lib/esm/components/button.js.map +1 -1
- package/lib/esm/components/carousel.js +1 -1
- package/lib/esm/components/carousel.js.map +1 -1
- package/lib/esm/components/custom-message.d.ts +16 -12
- package/lib/esm/components/custom-message.js +3 -9
- package/lib/esm/components/custom-message.js.map +1 -1
- package/lib/esm/components/document.d.ts +8 -7
- package/lib/esm/components/document.js +4 -4
- package/lib/esm/components/document.js.map +1 -1
- package/lib/esm/components/element.js +6 -6
- package/lib/esm/components/element.js.map +1 -1
- package/lib/esm/components/handoff.d.ts +1 -1
- package/lib/esm/components/handoff.js +1 -1
- package/lib/esm/components/handoff.js.map +1 -1
- package/lib/esm/components/image.d.ts +8 -7
- package/lib/esm/components/image.js +4 -4
- package/lib/esm/components/image.js.map +1 -1
- package/lib/esm/components/index-types.d.ts +30 -127
- package/lib/esm/components/index.d.ts +7 -1
- package/lib/esm/components/index.js +7 -1
- package/lib/esm/components/index.js.map +1 -1
- package/lib/esm/components/message/index.js +2 -1
- package/lib/esm/components/message/index.js.map +1 -1
- package/lib/esm/components/message/message-feedback.d.ts +1 -1
- package/lib/esm/components/message/message-feedback.js +1 -1
- package/lib/esm/components/message/message-feedback.js.map +1 -1
- package/lib/esm/components/message/message-footer.d.ts +1 -1
- package/lib/esm/components/message/message-footer.js +1 -1
- package/lib/esm/components/message/message-footer.js.map +1 -1
- package/lib/esm/components/message/message-image.js +1 -1
- package/lib/esm/components/message/message-image.js.map +1 -1
- package/lib/esm/components/message/timestamps.d.ts +1 -1
- package/lib/esm/components/message/timestamps.js +1 -1
- package/lib/esm/components/message/timestamps.js.map +1 -1
- package/lib/esm/components/multichannel/multichannel-button.d.ts +1 -1
- package/lib/esm/components/multichannel/multichannel-button.js +1 -1
- package/lib/esm/components/multichannel/multichannel-carousel.js +5 -5
- package/lib/esm/components/multichannel/multichannel-carousel.js.map +1 -1
- package/lib/esm/components/multichannel/multichannel-reply.d.ts +1 -1
- package/lib/esm/components/multichannel/multichannel-text.d.ts +1 -1
- package/lib/esm/components/multichannel/multichannel-text.js +2 -1
- package/lib/esm/components/multichannel/multichannel-text.js.map +1 -1
- package/lib/esm/components/multichannel/multichannel-utils.d.ts +9 -15
- package/lib/esm/components/multichannel/multichannel-utils.js +40 -24
- package/lib/esm/components/multichannel/multichannel-utils.js.map +1 -1
- package/lib/esm/components/multichannel/multichannel.js +7 -7
- package/lib/esm/components/multichannel/multichannel.js.map +1 -1
- package/lib/esm/components/multichannel/whatsapp/constants.d.ts +11 -0
- package/lib/esm/components/multichannel/whatsapp/constants.js +10 -0
- package/lib/esm/components/multichannel/whatsapp/constants.js.map +1 -0
- package/lib/esm/components/raw.d.ts +1 -1
- package/lib/esm/components/reply.d.ts +7 -6
- package/lib/esm/components/reply.js +9 -5
- package/lib/esm/components/reply.js.map +1 -1
- package/lib/esm/components/text.d.ts +1 -1
- package/lib/esm/components/video.d.ts +8 -7
- package/lib/esm/components/video.js +2 -3
- package/lib/esm/components/video.js.map +1 -1
- package/lib/esm/components/webchat-settings.d.ts +15 -2
- package/lib/esm/components/webchat-settings.js +1 -1
- package/lib/esm/components/webchat-settings.js.map +1 -1
- package/lib/esm/components/whatsapp-button-list.js +1 -1
- package/lib/esm/components/whatsapp-catalog.d.ts +6 -0
- package/lib/esm/components/whatsapp-catalog.js +21 -0
- package/lib/esm/components/whatsapp-catalog.js.map +1 -0
- package/lib/esm/components/whatsapp-cta-url-button.js +1 -1
- package/lib/esm/components/whatsapp-media-carousel.d.ts +46 -0
- package/lib/esm/components/whatsapp-media-carousel.js +36 -0
- package/lib/esm/components/whatsapp-media-carousel.js.map +1 -0
- package/lib/esm/components/whatsapp-product-carousel.d.ts +32 -0
- package/lib/esm/components/whatsapp-product-carousel.js +30 -0
- package/lib/esm/components/whatsapp-product-carousel.js.map +1 -0
- package/lib/esm/components/whatsapp-product-list.d.ts +15 -0
- package/lib/esm/components/whatsapp-product-list.js +22 -0
- package/lib/esm/components/whatsapp-product-list.js.map +1 -0
- package/lib/esm/components/whatsapp-product.d.ts +7 -0
- package/lib/esm/components/whatsapp-product.js +21 -0
- package/lib/esm/components/whatsapp-product.js.map +1 -0
- package/lib/esm/constants.d.ts +0 -6
- package/lib/esm/constants.js +0 -6
- package/lib/esm/constants.js.map +1 -1
- package/lib/esm/contexts.d.ts +3 -4
- package/lib/esm/contexts.js +1 -75
- package/lib/esm/contexts.js.map +1 -1
- package/lib/esm/dev-app.d.ts +7 -0
- package/lib/esm/dev-app.js +5 -2
- package/lib/esm/dev-app.js.map +1 -1
- package/lib/esm/index-types.d.ts +90 -61
- package/lib/esm/index-types.js.map +1 -1
- package/lib/esm/index.d.ts +1 -1
- package/lib/esm/index.js +1 -1
- package/lib/esm/index.js.map +1 -1
- package/lib/esm/msg-to-botonic.d.ts +1 -1
- package/lib/esm/msg-to-botonic.js +5 -8
- package/lib/esm/msg-to-botonic.js.map +1 -1
- package/lib/esm/react-bot.d.ts +1 -1
- package/lib/esm/util/error-boundary.d.ts +1 -1
- package/lib/esm/util/functional.d.ts +3 -0
- package/lib/esm/util/functional.js +26 -0
- package/lib/esm/util/functional.js.map +1 -0
- package/lib/esm/util/react.d.ts +1 -1
- package/lib/esm/util/webchat.d.ts +17 -6
- package/lib/esm/util/webchat.js +9 -7
- package/lib/esm/util/webchat.js.map +1 -1
- package/lib/esm/webchat/chat-area/index.d.ts +1 -1
- package/lib/esm/webchat/chat-area/index.js +2 -2
- package/lib/esm/webchat/chat-area/index.js.map +1 -1
- package/lib/esm/webchat/components/common.d.ts +1 -1
- package/lib/esm/webchat/components/conditional-animation.d.ts +1 -1
- package/lib/esm/webchat/components/conditional-animation.js +1 -1
- package/lib/esm/webchat/components/conditional-animation.js.map +1 -1
- package/lib/esm/webchat/components/opened-persistent-menu.d.ts +1 -1
- package/lib/esm/webchat/components/opened-persistent-menu.js +1 -1
- package/lib/esm/webchat/components/opened-persistent-menu.js.map +1 -1
- package/lib/esm/webchat/{actions.d.ts → context/actions.d.ts} +4 -1
- package/lib/esm/webchat/{actions.js → context/actions.js} +4 -0
- package/lib/esm/webchat/context/actions.js.map +1 -0
- package/lib/esm/webchat/context/index.d.ts +5 -0
- package/lib/esm/webchat/context/index.js +81 -0
- package/lib/esm/webchat/context/index.js.map +1 -0
- package/lib/esm/webchat/{messages-reducer.d.ts → context/messages-reducer.d.ts} +1 -1
- package/lib/esm/webchat/{messages-reducer.js → context/messages-reducer.js} +3 -1
- package/lib/esm/webchat/context/messages-reducer.js.map +1 -0
- package/lib/esm/webchat/context/types.d.ts +76 -0
- package/lib/esm/webchat/context/types.js +2 -0
- package/lib/esm/webchat/context/types.js.map +1 -0
- package/lib/esm/webchat/{hooks → context}/use-webchat.d.ts +21 -20
- package/lib/esm/webchat/{hooks → context}/use-webchat.js +21 -7
- package/lib/esm/webchat/context/use-webchat.js.map +1 -0
- package/lib/esm/webchat/{webchat-reducer.d.ts → context/webchat-reducer.d.ts} +1 -1
- package/lib/esm/webchat/{webchat-reducer.js → context/webchat-reducer.js} +4 -0
- package/lib/esm/webchat/context/webchat-reducer.js.map +1 -0
- package/lib/esm/webchat/cover-component/index.d.ts +1 -1
- package/lib/esm/webchat/cover-component/index.js +1 -1
- package/lib/esm/webchat/cover-component/index.js.map +1 -1
- package/lib/esm/webchat/header/default-header.d.ts +1 -0
- package/lib/esm/webchat/header/default-header.js +21 -0
- package/lib/esm/webchat/header/default-header.js.map +1 -0
- package/lib/esm/webchat/header/index.d.ts +2 -0
- package/lib/esm/webchat/header/index.js +20 -0
- package/lib/esm/webchat/header/index.js.map +1 -0
- package/lib/esm/webchat/header/styles.d.ts +7 -0
- package/lib/esm/webchat/header/styles.js +55 -0
- package/lib/esm/webchat/header/styles.js.map +1 -0
- package/lib/esm/webchat/hooks/index.d.ts +0 -1
- package/lib/esm/webchat/hooks/index.js +0 -1
- package/lib/esm/webchat/hooks/index.js.map +1 -1
- package/lib/esm/webchat/hooks/use-previous.d.ts +1 -1
- package/lib/esm/webchat/hooks/use-previous.js.map +1 -1
- package/lib/esm/webchat/hooks/use-scroll-to-bottom.d.ts +6 -4
- package/lib/esm/webchat/hooks/use-scroll-to-bottom.js.map +1 -1
- package/lib/esm/webchat/hooks/use-scrollbar-controller.js +16 -16
- package/lib/esm/webchat/hooks/use-scrollbar-controller.js.map +1 -1
- package/lib/esm/webchat/hooks/use-typing.d.ts +1 -1
- package/lib/esm/webchat/hooks/use-webchat-dimensions.js +4 -4
- package/lib/esm/webchat/hooks/use-webchat-dimensions.js.map +1 -1
- package/lib/esm/webchat/hooks/use-webchat-resizer.js +6 -6
- package/lib/esm/webchat/hooks/use-webchat-resizer.js.map +1 -1
- package/lib/esm/webchat/index-types.d.ts +3 -46
- package/lib/esm/webchat/index.d.ts +1 -0
- package/lib/esm/webchat/index.js +1 -0
- package/lib/esm/webchat/index.js.map +1 -1
- package/lib/esm/webchat/input-panel/attachment.d.ts +2 -2
- package/lib/esm/webchat/input-panel/attachment.js +1 -1
- package/lib/esm/webchat/input-panel/attachment.js.map +1 -1
- package/lib/esm/webchat/input-panel/emoji-picker.d.ts +2 -2
- package/lib/esm/webchat/input-panel/emoji-picker.js +1 -1
- package/lib/esm/webchat/input-panel/emoji-picker.js.map +1 -1
- package/lib/esm/webchat/input-panel/index.d.ts +4 -4
- package/lib/esm/webchat/input-panel/index.js +7 -2
- package/lib/esm/webchat/input-panel/index.js.map +1 -1
- package/lib/esm/webchat/input-panel/opened-emoji-picker.d.ts +1 -1
- package/lib/esm/webchat/input-panel/persistent-menu.d.ts +1 -1
- package/lib/esm/webchat/input-panel/persistent-menu.js +1 -1
- package/lib/esm/webchat/input-panel/persistent-menu.js.map +1 -1
- package/lib/esm/webchat/input-panel/send-button.d.ts +1 -1
- package/lib/esm/webchat/input-panel/send-button.js +1 -1
- package/lib/esm/webchat/input-panel/send-button.js.map +1 -1
- package/lib/esm/webchat/input-panel/textarea.d.ts +4 -4
- package/lib/esm/webchat/input-panel/textarea.js +11 -3
- package/lib/esm/webchat/input-panel/textarea.js.map +1 -1
- package/lib/esm/webchat/message-list/index.d.ts +1 -1
- package/lib/esm/webchat/message-list/index.js +62 -37
- package/lib/esm/webchat/message-list/index.js.map +1 -1
- package/lib/esm/webchat/message-list/intro-message.d.ts +1 -1
- package/lib/esm/webchat/message-list/intro-message.js +1 -1
- package/lib/esm/webchat/message-list/intro-message.js.map +1 -1
- package/lib/esm/webchat/message-list/scroll-button.d.ts +1 -0
- package/lib/esm/webchat/message-list/styles.js +4 -3
- package/lib/esm/webchat/message-list/styles.js.map +1 -1
- package/lib/esm/webchat/message-list/unread-messages-banner.js +1 -1
- package/lib/esm/webchat/message-list/unread-messages-banner.js.map +1 -1
- package/lib/esm/webchat/message-list/use-notifications.js +1 -1
- package/lib/esm/webchat/message-list/use-notifications.js.map +1 -1
- package/lib/esm/webchat/replies/index.d.ts +1 -0
- package/lib/esm/webchat/replies/index.js +28 -0
- package/lib/esm/webchat/replies/index.js.map +1 -0
- package/lib/esm/webchat/replies/styles.d.ts +8 -0
- package/lib/esm/webchat/replies/styles.js +21 -0
- package/lib/esm/webchat/replies/styles.js.map +1 -0
- package/lib/esm/webchat/session-view.d.ts +1 -1
- package/lib/esm/webchat/session-view.js +2 -2
- package/lib/esm/webchat/session-view.js.map +1 -1
- package/lib/esm/webchat/styles.d.ts +9 -0
- package/lib/esm/webchat/styles.js +50 -0
- package/lib/esm/webchat/styles.js.map +1 -0
- package/lib/esm/webchat/theme/types.d.ts +167 -0
- package/lib/esm/webchat/theme/types.js +2 -0
- package/lib/esm/webchat/theme/types.js.map +1 -0
- package/lib/esm/webchat/trigger-button/index.d.ts +1 -0
- package/lib/esm/webchat/trigger-button/index.js +1 -1
- package/lib/esm/webchat/trigger-button/index.js.map +1 -1
- package/lib/esm/webchat/typing-indicator/index.d.ts +3 -1
- package/lib/esm/webchat/typing-indicator/index.js +5 -2
- package/lib/esm/webchat/typing-indicator/index.js.map +1 -1
- package/lib/esm/webchat/typing-indicator/styles.d.ts +3 -2
- package/lib/esm/webchat/typing-indicator/styles.js +5 -2
- package/lib/esm/webchat/typing-indicator/styles.js.map +1 -1
- package/lib/esm/webchat/webchat-dev.d.ts +2 -2
- package/lib/esm/webchat/webchat-dev.js +1 -1
- package/lib/esm/webchat/webchat-dev.js.map +1 -1
- package/lib/esm/webchat/webchat.d.ts +4 -2
- package/lib/esm/webchat/webchat.js +87 -112
- package/lib/esm/webchat/webchat.js.map +1 -1
- package/lib/esm/webchat/webview/header.d.ts +1 -0
- package/lib/esm/webchat/webview/header.js +12 -0
- package/lib/esm/webchat/webview/header.js.map +1 -0
- package/lib/esm/webchat/webview/index.d.ts +1 -0
- package/lib/esm/webchat/webview/index.js +45 -0
- package/lib/esm/webchat/webview/index.js.map +1 -0
- package/lib/esm/webchat/webview/styles.d.ts +7 -0
- package/lib/esm/webchat/webview/styles.js +42 -0
- package/lib/esm/webchat/webview/styles.js.map +1 -0
- package/lib/esm/webchat-app.d.ts +62 -86
- package/lib/esm/webchat-app.js +127 -63
- package/lib/esm/webchat-app.js.map +1 -1
- package/lib/esm/webview-app.js +5 -2
- package/lib/esm/webview-app.js.map +1 -1
- package/package.json +21 -18
- package/src/components/{audio.jsx → audio.tsx} +10 -4
- package/src/components/button.tsx +1 -3
- package/src/components/carousel.jsx +1 -1
- package/src/components/{custom-message.jsx → custom-message.tsx} +19 -7
- package/src/components/{document.jsx → document.tsx} +5 -3
- package/src/components/element.jsx +4 -11
- package/src/components/handoff.jsx +1 -1
- package/src/components/{image.jsx → image.tsx} +10 -4
- package/src/components/index-types.ts +25 -114
- package/src/components/index.ts +22 -1
- package/src/components/message/index.jsx +2 -1
- package/src/components/message/message-feedback.tsx +1 -1
- package/src/components/message/message-footer.tsx +1 -1
- package/src/components/message/message-image.tsx +1 -1
- package/src/components/message/timestamps.tsx +1 -1
- package/src/components/multichannel/multichannel-button.jsx +1 -1
- package/src/components/multichannel/multichannel-carousel.jsx +7 -5
- package/src/components/multichannel/multichannel-text.jsx +4 -2
- package/src/components/multichannel/multichannel-utils.js +45 -27
- package/src/components/multichannel/multichannel.jsx +12 -7
- package/src/components/multichannel/whatsapp/constants.ts +10 -0
- package/src/components/{reply.jsx → reply.tsx} +10 -4
- package/src/components/{video.jsx → video.tsx} +3 -2
- package/src/components/webchat-settings.tsx +14 -2
- package/src/components/whatsapp-button-list.tsx +1 -1
- package/src/components/whatsapp-catalog.tsx +42 -0
- package/src/components/whatsapp-cta-url-button.tsx +1 -1
- package/src/components/whatsapp-media-carousel.tsx +104 -0
- package/src/components/whatsapp-product-carousel.tsx +83 -0
- package/src/components/whatsapp-product-list.tsx +56 -0
- package/src/components/whatsapp-product.tsx +44 -0
- package/src/constants.js +0 -7
- package/src/contexts.tsx +5 -80
- package/src/dev-app.jsx +5 -5
- package/src/index-types.ts +101 -70
- package/src/index.ts +1 -5
- package/src/msg-to-botonic.jsx +5 -9
- package/src/util/functional.ts +31 -0
- package/src/util/{webchat.js → webchat.ts} +15 -9
- package/src/webchat/chat-area/index.tsx +2 -4
- package/src/webchat/components/conditional-animation.jsx +1 -1
- package/src/webchat/components/opened-persistent-menu.jsx +1 -1
- package/src/webchat/{actions.ts → context/actions.ts} +4 -0
- package/src/webchat/context/index.tsx +84 -0
- package/src/webchat/{messages-reducer.ts → context/messages-reducer.ts} +4 -2
- package/src/webchat/context/types.ts +86 -0
- package/src/webchat/{hooks → context}/use-webchat.ts +73 -15
- package/src/webchat/{webchat-reducer.ts → context/webchat-reducer.ts} +5 -1
- package/src/webchat/cover-component/index.tsx +1 -1
- package/src/webchat/global.d.ts +3 -0
- package/src/webchat/header/default-header.tsx +75 -0
- package/src/webchat/header/index.tsx +37 -0
- package/src/webchat/header/styles.ts +62 -0
- package/src/webchat/hooks/index.ts +0 -1
- package/src/webchat/hooks/use-previous.ts +1 -1
- package/src/webchat/hooks/use-scroll-to-bottom.ts +8 -2
- package/src/webchat/hooks/use-scrollbar-controller.ts +22 -17
- package/src/webchat/hooks/use-typing.ts +1 -1
- package/src/webchat/hooks/use-webchat-dimensions.ts +4 -4
- package/src/webchat/hooks/use-webchat-resizer.ts +6 -6
- package/src/webchat/index-types.ts +3 -52
- package/src/webchat/index.ts +1 -0
- package/src/webchat/input-panel/attachment.tsx +2 -2
- package/src/webchat/input-panel/emoji-picker.tsx +2 -2
- package/src/webchat/input-panel/index.tsx +9 -5
- package/src/webchat/input-panel/persistent-menu.tsx +1 -1
- package/src/webchat/input-panel/send-button.tsx +1 -1
- package/src/webchat/input-panel/textarea.tsx +18 -5
- package/src/webchat/message-list/index.tsx +78 -49
- package/src/webchat/message-list/intro-message.tsx +1 -1
- package/src/webchat/message-list/styles.ts +4 -3
- package/src/webchat/message-list/unread-messages-banner.tsx +1 -1
- package/src/webchat/message-list/use-notifications.ts +1 -1
- package/src/webchat/replies/index.tsx +47 -0
- package/src/webchat/replies/styles.ts +28 -0
- package/src/webchat/session-view.jsx +2 -2
- package/src/webchat/styles.ts +59 -0
- package/src/webchat/theme/types.ts +119 -0
- package/src/webchat/trigger-button/index.tsx +1 -1
- package/src/webchat/typing-indicator/index.tsx +20 -12
- package/src/webchat/typing-indicator/styles.ts +7 -3
- package/src/webchat/webchat-dev.jsx +1 -1
- package/src/webchat/{webchat.jsx → webchat.tsx} +118 -144
- package/src/webchat/webview/header.tsx +22 -0
- package/src/webchat/webview/index.tsx +80 -0
- package/src/webchat/webview/styles.ts +48 -0
- package/src/webchat-app.tsx +522 -0
- package/src/webview-app.tsx +6 -4
- package/lib/cjs/webchat/actions.js.map +0 -1
- package/lib/cjs/webchat/header.d.ts +0 -3
- package/lib/cjs/webchat/header.js +0 -86
- package/lib/cjs/webchat/header.js.map +0 -1
- package/lib/cjs/webchat/hooks/use-webchat.js.map +0 -1
- package/lib/cjs/webchat/messages-reducer.js.map +0 -1
- package/lib/cjs/webchat/replies.d.ts +0 -1
- package/lib/cjs/webchat/replies.js +0 -47
- package/lib/cjs/webchat/replies.js.map +0 -1
- package/lib/cjs/webchat/webchat-reducer.js.map +0 -1
- package/lib/cjs/webchat/webview.d.ts +0 -2
- package/lib/cjs/webchat/webview.js +0 -75
- package/lib/cjs/webchat/webview.js.map +0 -1
- package/lib/esm/webchat/actions.js.map +0 -1
- package/lib/esm/webchat/header.d.ts +0 -3
- package/lib/esm/webchat/header.js +0 -81
- package/lib/esm/webchat/header.js.map +0 -1
- package/lib/esm/webchat/hooks/use-webchat.js.map +0 -1
- package/lib/esm/webchat/messages-reducer.js.map +0 -1
- package/lib/esm/webchat/replies.d.ts +0 -1
- package/lib/esm/webchat/replies.js +0 -42
- package/lib/esm/webchat/replies.js.map +0 -1
- package/lib/esm/webchat/webchat-reducer.js.map +0 -1
- package/lib/esm/webchat/webview.d.ts +0 -2
- package/lib/esm/webchat/webview.js +0 -70
- package/lib/esm/webchat/webview.js.map +0 -1
- package/src/webchat/header.jsx +0 -149
- package/src/webchat/replies.jsx +0 -64
- package/src/webchat/webview.jsx +0 -105
- package/src/webchat-app.jsx +0 -389
|
@@ -0,0 +1,522 @@
|
|
|
1
|
+
import { HubtypeService, INPUT, ServerConfig } from '@botonic/core'
|
|
2
|
+
import merge from 'lodash.merge'
|
|
3
|
+
import React, { createRef } from 'react'
|
|
4
|
+
import { createRoot, Root } from 'react-dom/client'
|
|
5
|
+
|
|
6
|
+
import { BlockInputOption, WebchatSettingsProps } from './components'
|
|
7
|
+
import { WEBCHAT } from './constants'
|
|
8
|
+
import { CloseWebviewOptions } from './contexts'
|
|
9
|
+
import {
|
|
10
|
+
ActionRequest,
|
|
11
|
+
Event,
|
|
12
|
+
EventArgs,
|
|
13
|
+
OnStateChangeArgs,
|
|
14
|
+
OnUserInputArgs,
|
|
15
|
+
SENDERS,
|
|
16
|
+
Typing,
|
|
17
|
+
WebchatArgs,
|
|
18
|
+
WebchatMessage,
|
|
19
|
+
WebchatRef,
|
|
20
|
+
} from './index-types'
|
|
21
|
+
import { msgToBotonic } from './msg-to-botonic'
|
|
22
|
+
import { isShadowDOMSupported, onDOMLoaded } from './util/dom'
|
|
23
|
+
import {
|
|
24
|
+
CoverComponentOptions,
|
|
25
|
+
PersistentMenuOptionsTheme,
|
|
26
|
+
ThemeProps,
|
|
27
|
+
} from './webchat/theme/types'
|
|
28
|
+
import { Webchat } from './webchat/webchat'
|
|
29
|
+
|
|
30
|
+
export class WebchatApp {
|
|
31
|
+
public theme?: ThemeProps
|
|
32
|
+
public persistentMenu?: PersistentMenuOptionsTheme
|
|
33
|
+
public coverComponent?: CoverComponentOptions
|
|
34
|
+
public blockInputs?: BlockInputOption[]
|
|
35
|
+
public enableEmojiPicker?: boolean
|
|
36
|
+
public enableAttachments?: boolean
|
|
37
|
+
public enableUserInput?: boolean
|
|
38
|
+
public enableAnimations?: boolean
|
|
39
|
+
public hostId?: string
|
|
40
|
+
public shadowDOM?: boolean | (() => boolean)
|
|
41
|
+
public defaultDelay?: number
|
|
42
|
+
public defaultTyping?: number
|
|
43
|
+
public storage?: Storage | null
|
|
44
|
+
public storageKey: string
|
|
45
|
+
public onInit?: (app: WebchatApp, args: any) => void
|
|
46
|
+
public onOpen?: (app: WebchatApp, args: any) => void
|
|
47
|
+
public onClose?: (app: WebchatApp, args: any) => void
|
|
48
|
+
public onMessage?: (app: WebchatApp, message: WebchatMessage) => void
|
|
49
|
+
public onTrackEvent?: (
|
|
50
|
+
request: ActionRequest,
|
|
51
|
+
eventName: string,
|
|
52
|
+
args?: EventArgs
|
|
53
|
+
) => Promise<void>
|
|
54
|
+
public onConnectionChange?: (app: WebchatApp, isOnline: boolean) => void
|
|
55
|
+
public appId?: string
|
|
56
|
+
public visibility?: boolean | (() => boolean) | 'dynamic'
|
|
57
|
+
public server?: ServerConfig
|
|
58
|
+
public webchatRef: React.RefObject<WebchatRef | null>
|
|
59
|
+
|
|
60
|
+
private reactRoot: Root | null = null
|
|
61
|
+
private host: (HTMLElement | null) | ShadowRoot = null
|
|
62
|
+
private hubtypeService: HubtypeService
|
|
63
|
+
|
|
64
|
+
constructor({
|
|
65
|
+
theme = {},
|
|
66
|
+
persistentMenu,
|
|
67
|
+
coverComponent,
|
|
68
|
+
blockInputs,
|
|
69
|
+
enableEmojiPicker,
|
|
70
|
+
enableAttachments,
|
|
71
|
+
enableUserInput,
|
|
72
|
+
enableAnimations,
|
|
73
|
+
hostId = 'root',
|
|
74
|
+
shadowDOM = false,
|
|
75
|
+
defaultDelay,
|
|
76
|
+
defaultTyping,
|
|
77
|
+
storage,
|
|
78
|
+
storageKey,
|
|
79
|
+
onInit,
|
|
80
|
+
onOpen,
|
|
81
|
+
onClose,
|
|
82
|
+
onMessage,
|
|
83
|
+
onTrackEvent,
|
|
84
|
+
onConnectionChange,
|
|
85
|
+
appId,
|
|
86
|
+
visibility,
|
|
87
|
+
server,
|
|
88
|
+
}: WebchatArgs) {
|
|
89
|
+
this.theme = theme
|
|
90
|
+
this.persistentMenu = persistentMenu
|
|
91
|
+
this.coverComponent = coverComponent
|
|
92
|
+
this.blockInputs = blockInputs
|
|
93
|
+
this.enableEmojiPicker = enableEmojiPicker
|
|
94
|
+
this.enableAttachments = enableAttachments
|
|
95
|
+
this.enableUserInput = enableUserInput
|
|
96
|
+
this.enableAnimations = enableAnimations
|
|
97
|
+
|
|
98
|
+
this.shadowDOM = Boolean(
|
|
99
|
+
typeof shadowDOM === 'function' ? shadowDOM() : shadowDOM
|
|
100
|
+
)
|
|
101
|
+
if (this.shadowDOM && !isShadowDOMSupported()) {
|
|
102
|
+
console.warn('[botonic] ShadowDOM not supported on this browser')
|
|
103
|
+
this.shadowDOM = false
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
this.hostId = hostId || WEBCHAT.DEFAULTS.HOST_ID
|
|
107
|
+
this.defaultDelay = defaultDelay
|
|
108
|
+
this.defaultTyping = defaultTyping
|
|
109
|
+
this.storage = storage === undefined ? localStorage : storage
|
|
110
|
+
this.storageKey = storageKey || WEBCHAT.DEFAULTS.STORAGE_KEY
|
|
111
|
+
this.onInit = onInit
|
|
112
|
+
this.onOpen = onOpen
|
|
113
|
+
this.onClose = onClose
|
|
114
|
+
this.onMessage = onMessage
|
|
115
|
+
this.onTrackEvent = onTrackEvent
|
|
116
|
+
this.onConnectionChange = onConnectionChange
|
|
117
|
+
this.visibility = visibility
|
|
118
|
+
this.server = server
|
|
119
|
+
this.webchatRef = createRef<WebchatRef>()
|
|
120
|
+
this.appId = appId
|
|
121
|
+
|
|
122
|
+
this.host = null
|
|
123
|
+
this.reactRoot = null
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
createRootElement(host: HTMLElement | null) {
|
|
127
|
+
// Create root element <div id='root'> if not exists
|
|
128
|
+
// Create shadowDOM to root element if needed
|
|
129
|
+
if (host) {
|
|
130
|
+
if (host.id && this.hostId) {
|
|
131
|
+
if (host.id != this.hostId) {
|
|
132
|
+
console.warn(
|
|
133
|
+
`[botonic] Host ID "${host.id}" don't match 'hostId' option: ${this.hostId}. Using value: ${host.id}.`
|
|
134
|
+
)
|
|
135
|
+
this.hostId = host.id
|
|
136
|
+
}
|
|
137
|
+
} else if (host.id) {
|
|
138
|
+
this.hostId = host.id
|
|
139
|
+
} else if (this.hostId) {
|
|
140
|
+
host.id = this.hostId
|
|
141
|
+
}
|
|
142
|
+
} else {
|
|
143
|
+
host = this.hostId ? document.getElementById(this.hostId) : null
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
if (!host) {
|
|
147
|
+
host = document.createElement('div')
|
|
148
|
+
host.id = this.hostId!
|
|
149
|
+
if (document.body.firstChild) {
|
|
150
|
+
document.body.insertBefore(host, document.body.firstChild)
|
|
151
|
+
} else {
|
|
152
|
+
document.body.appendChild(host)
|
|
153
|
+
}
|
|
154
|
+
}
|
|
155
|
+
this.host = this.shadowDOM ? host.attachShadow({ mode: 'open' }) : host
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
getReactMountNode(
|
|
159
|
+
node?: (HTMLElement | null) | ShadowRoot
|
|
160
|
+
): Element | DocumentFragment {
|
|
161
|
+
if (!node) {
|
|
162
|
+
node = this.host
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
if (node === null) {
|
|
166
|
+
throw new Error('Host element not found')
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
// TODO: Review logic of ShadowRoot
|
|
170
|
+
if ('shadowRoot' in node && node.shadowRoot !== null) {
|
|
171
|
+
return node.shadowRoot
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
return node
|
|
175
|
+
}
|
|
176
|
+
|
|
177
|
+
onInitWebchat(...args: [any]) {
|
|
178
|
+
this.onInit && this.onInit(this, ...args)
|
|
179
|
+
}
|
|
180
|
+
|
|
181
|
+
onOpenWebchat(...args: [any]) {
|
|
182
|
+
this.onOpen && this.onOpen(this, ...args)
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
onCloseWebchat(...args: [any]) {
|
|
186
|
+
this.onClose && this.onClose(this, ...args)
|
|
187
|
+
}
|
|
188
|
+
|
|
189
|
+
async onUserInput({ user, input }: OnUserInputArgs): Promise<void> {
|
|
190
|
+
if (!user) return
|
|
191
|
+
|
|
192
|
+
this.onMessage &&
|
|
193
|
+
this.onMessage(this, {
|
|
194
|
+
...input,
|
|
195
|
+
sentBy: SENDERS.user,
|
|
196
|
+
isUnread: false,
|
|
197
|
+
} as unknown as WebchatMessage)
|
|
198
|
+
this.hubtypeService.postMessage(user, {
|
|
199
|
+
...input,
|
|
200
|
+
// TODO: Review if this is correct add sent_by or this is added in backend
|
|
201
|
+
// sent_by: 'message_sent_by_user',
|
|
202
|
+
})
|
|
203
|
+
return
|
|
204
|
+
}
|
|
205
|
+
|
|
206
|
+
async onTrackEventWebchat(
|
|
207
|
+
request: ActionRequest,
|
|
208
|
+
eventName: string,
|
|
209
|
+
args?: EventArgs
|
|
210
|
+
): Promise<void> {
|
|
211
|
+
if (this.onTrackEvent) {
|
|
212
|
+
await this.onTrackEvent(request, eventName, args)
|
|
213
|
+
}
|
|
214
|
+
}
|
|
215
|
+
|
|
216
|
+
async onConnectionRegained() {
|
|
217
|
+
return this.hubtypeService.onConnectionRegained()
|
|
218
|
+
}
|
|
219
|
+
|
|
220
|
+
onStateChange(args: OnStateChangeArgs) {
|
|
221
|
+
const { user, messagesJSON } = args
|
|
222
|
+
const lastMessage = messagesJSON[messagesJSON.length - 1]
|
|
223
|
+
const lastMessageId = lastMessage && lastMessage.id
|
|
224
|
+
const lastMessageUpdateDate = this.getLastMessageUpdate()
|
|
225
|
+
|
|
226
|
+
if (this.hubtypeService) {
|
|
227
|
+
this.hubtypeService.lastMessageId = lastMessageId
|
|
228
|
+
this.hubtypeService.lastMessageUpdateDate = lastMessageUpdateDate
|
|
229
|
+
}
|
|
230
|
+
|
|
231
|
+
if (!this.hubtypeService) {
|
|
232
|
+
this.hubtypeService = new HubtypeService({
|
|
233
|
+
appId: this.appId!,
|
|
234
|
+
user,
|
|
235
|
+
lastMessageId,
|
|
236
|
+
lastMessageUpdateDate,
|
|
237
|
+
onEvent: (event: any) => this.onServiceEvent(event),
|
|
238
|
+
unsentInputs: () =>
|
|
239
|
+
this.webchatRef.current
|
|
240
|
+
?.getMessages()
|
|
241
|
+
.filter(msg => msg.ack === 0 && msg.unsentInput) || [],
|
|
242
|
+
server: this.server,
|
|
243
|
+
})
|
|
244
|
+
}
|
|
245
|
+
}
|
|
246
|
+
|
|
247
|
+
onServiceEvent(event: Event) {
|
|
248
|
+
if (event.action === 'connectionChange') {
|
|
249
|
+
this.onConnectionChange && this.onConnectionChange(this, event.online)
|
|
250
|
+
this.webchatRef.current?.setOnline(event.online)
|
|
251
|
+
} else if (event.action === 'update_message_info' && event.message?.id) {
|
|
252
|
+
this.updateMessageInfo(event.message.id, event.message)
|
|
253
|
+
} else if (event.message?.type === 'update_webchat_settings') {
|
|
254
|
+
this.updateWebchatSettings(event.message.data)
|
|
255
|
+
} else if (event.message?.type === 'sender_action') {
|
|
256
|
+
this.setTyping(event.message.data === Typing.On)
|
|
257
|
+
} else {
|
|
258
|
+
// TODO: onMessage function should receive a WebchatMessage
|
|
259
|
+
// and message.type is typed as enum of INPUT
|
|
260
|
+
// INPUT not contain 'update_webchat_settings' or 'sender_action'
|
|
261
|
+
// so we need to cast it to unknown to avoid type error
|
|
262
|
+
this.onMessage &&
|
|
263
|
+
this.onMessage(this, {
|
|
264
|
+
sentBy: SENDERS.bot,
|
|
265
|
+
...event.message,
|
|
266
|
+
} as unknown as WebchatMessage)
|
|
267
|
+
this.addBotMessage(event.message)
|
|
268
|
+
}
|
|
269
|
+
}
|
|
270
|
+
|
|
271
|
+
updateUser(user: any) {
|
|
272
|
+
this.webchatRef.current?.updateUser(user)
|
|
273
|
+
}
|
|
274
|
+
|
|
275
|
+
addBotMessage(message: any) {
|
|
276
|
+
message.ack = 0
|
|
277
|
+
message.isUnread = true
|
|
278
|
+
message.sentBy = message.sent_by?.split('message_sent_by_')[1]
|
|
279
|
+
delete message.sent_by
|
|
280
|
+
const response = msgToBotonic(
|
|
281
|
+
message,
|
|
282
|
+
// TODO: Review if is neded allow declar customTypes inside and ouside theme
|
|
283
|
+
this.theme?.message?.customTypes || this.theme?.customMessageTypes
|
|
284
|
+
)
|
|
285
|
+
|
|
286
|
+
this.webchatRef.current?.addBotResponse({
|
|
287
|
+
response,
|
|
288
|
+
})
|
|
289
|
+
}
|
|
290
|
+
|
|
291
|
+
addBotText(text: string) {
|
|
292
|
+
this.addBotMessage({ type: INPUT.TEXT, data: text })
|
|
293
|
+
}
|
|
294
|
+
|
|
295
|
+
addUserMessage(message: any) {
|
|
296
|
+
this.webchatRef.current?.addUserMessage(message)
|
|
297
|
+
}
|
|
298
|
+
|
|
299
|
+
addUserText(text: string) {
|
|
300
|
+
this.addUserMessage({ type: INPUT.TEXT, data: text })
|
|
301
|
+
}
|
|
302
|
+
|
|
303
|
+
addUserPayload(payload: string) {
|
|
304
|
+
this.addUserMessage({ type: INPUT.POSTBACK, payload })
|
|
305
|
+
}
|
|
306
|
+
|
|
307
|
+
setTyping(typing: boolean) {
|
|
308
|
+
this.webchatRef.current?.setTyping(typing)
|
|
309
|
+
}
|
|
310
|
+
|
|
311
|
+
open() {
|
|
312
|
+
this.webchatRef.current?.openWebchat()
|
|
313
|
+
}
|
|
314
|
+
|
|
315
|
+
close() {
|
|
316
|
+
this.webchatRef.current?.closeWebchat()
|
|
317
|
+
}
|
|
318
|
+
|
|
319
|
+
async closeWebview(options?: CloseWebviewOptions) {
|
|
320
|
+
await this.webchatRef.current?.closeWebview(options)
|
|
321
|
+
}
|
|
322
|
+
|
|
323
|
+
// TODO: Remove this function because we have open and close functions
|
|
324
|
+
toggle() {
|
|
325
|
+
this.webchatRef.current?.toggleWebchat()
|
|
326
|
+
}
|
|
327
|
+
|
|
328
|
+
openCoverComponent() {
|
|
329
|
+
this.webchatRef.current?.openCoverComponent()
|
|
330
|
+
}
|
|
331
|
+
|
|
332
|
+
closeCoverComponent() {
|
|
333
|
+
this.webchatRef.current?.closeCoverComponent()
|
|
334
|
+
}
|
|
335
|
+
|
|
336
|
+
renderCustomComponent(_customComponent: any) {
|
|
337
|
+
this.webchatRef.current?.renderCustomComponent(_customComponent)
|
|
338
|
+
}
|
|
339
|
+
|
|
340
|
+
unmountCustomComponent() {
|
|
341
|
+
this.webchatRef.current?.unmountCustomComponent()
|
|
342
|
+
}
|
|
343
|
+
|
|
344
|
+
// TODO: Remove this function because we have openCoverComponent and closeCoverComponent functions
|
|
345
|
+
toggleCoverComponent() {
|
|
346
|
+
this.webchatRef.current?.toggleCoverComponent()
|
|
347
|
+
}
|
|
348
|
+
|
|
349
|
+
getMessages() {
|
|
350
|
+
return this.webchatRef.current?.getMessages()
|
|
351
|
+
}
|
|
352
|
+
|
|
353
|
+
clearMessages() {
|
|
354
|
+
this.webchatRef.current?.clearMessages()
|
|
355
|
+
}
|
|
356
|
+
|
|
357
|
+
async getVisibility() {
|
|
358
|
+
return this.resolveWebchatVisibility({
|
|
359
|
+
appId: this.appId!,
|
|
360
|
+
visibility: this.visibility,
|
|
361
|
+
})
|
|
362
|
+
}
|
|
363
|
+
|
|
364
|
+
getLastMessageUpdate() {
|
|
365
|
+
return this.webchatRef.current?.getLastMessageUpdate()
|
|
366
|
+
}
|
|
367
|
+
|
|
368
|
+
updateMessageInfo(msgId: string, messageInfo: any) {
|
|
369
|
+
return this.webchatRef.current?.updateMessageInfo(msgId, messageInfo)
|
|
370
|
+
}
|
|
371
|
+
|
|
372
|
+
updateWebchatSettings(settings: WebchatSettingsProps) {
|
|
373
|
+
return this.webchatRef.current?.updateWebchatSettings(settings)
|
|
374
|
+
}
|
|
375
|
+
|
|
376
|
+
// eslint-disable-next-line complexity
|
|
377
|
+
getComponent(host: HTMLDivElement, optionsAtRuntime: WebchatArgs = {}) {
|
|
378
|
+
let {
|
|
379
|
+
theme = {},
|
|
380
|
+
persistentMenu,
|
|
381
|
+
coverComponent,
|
|
382
|
+
blockInputs,
|
|
383
|
+
enableAttachments,
|
|
384
|
+
enableUserInput,
|
|
385
|
+
enableAnimations,
|
|
386
|
+
enableEmojiPicker,
|
|
387
|
+
defaultDelay,
|
|
388
|
+
defaultTyping,
|
|
389
|
+
storage,
|
|
390
|
+
storageKey,
|
|
391
|
+
onInit,
|
|
392
|
+
onOpen,
|
|
393
|
+
onClose,
|
|
394
|
+
onMessage,
|
|
395
|
+
onConnectionChange,
|
|
396
|
+
onTrackEvent,
|
|
397
|
+
appId,
|
|
398
|
+
visibility,
|
|
399
|
+
server,
|
|
400
|
+
hostId,
|
|
401
|
+
...webchatOptions
|
|
402
|
+
} = optionsAtRuntime
|
|
403
|
+
theme = merge(this.theme, theme)
|
|
404
|
+
persistentMenu = persistentMenu || this.persistentMenu
|
|
405
|
+
coverComponent = coverComponent || this.coverComponent
|
|
406
|
+
blockInputs = blockInputs || this.blockInputs
|
|
407
|
+
enableEmojiPicker = enableEmojiPicker || this.enableEmojiPicker
|
|
408
|
+
enableAttachments = enableAttachments || this.enableAttachments
|
|
409
|
+
enableUserInput = enableUserInput || this.enableUserInput
|
|
410
|
+
enableAnimations = enableAnimations || this.enableAnimations
|
|
411
|
+
defaultDelay = defaultDelay || this.defaultDelay
|
|
412
|
+
defaultTyping = defaultTyping || this.defaultTyping
|
|
413
|
+
server = server || this.server
|
|
414
|
+
this.storage = storage || this.storage
|
|
415
|
+
this.storageKey = storageKey || this.storageKey
|
|
416
|
+
this.onInit = onInit || this.onInit
|
|
417
|
+
this.onOpen = onOpen || this.onOpen
|
|
418
|
+
this.onClose = onClose || this.onClose
|
|
419
|
+
this.onMessage = onMessage || this.onMessage
|
|
420
|
+
this.onTrackEvent = onTrackEvent || this.onTrackEvent
|
|
421
|
+
this.onConnectionChange = onConnectionChange || this.onConnectionChange
|
|
422
|
+
this.visibility = visibility || this.visibility
|
|
423
|
+
this.appId = appId || this.appId
|
|
424
|
+
this.hostId = hostId || this.hostId
|
|
425
|
+
this.createRootElement(host)
|
|
426
|
+
|
|
427
|
+
return (
|
|
428
|
+
<Webchat
|
|
429
|
+
{...webchatOptions}
|
|
430
|
+
ref={this.webchatRef}
|
|
431
|
+
host={this.host}
|
|
432
|
+
shadowDOM={this.shadowDOM}
|
|
433
|
+
theme={theme}
|
|
434
|
+
persistentMenu={persistentMenu}
|
|
435
|
+
coverComponent={coverComponent}
|
|
436
|
+
blockInputs={blockInputs}
|
|
437
|
+
enableEmojiPicker={enableEmojiPicker}
|
|
438
|
+
enableAttachments={enableAttachments}
|
|
439
|
+
enableUserInput={enableUserInput}
|
|
440
|
+
enableAnimations={enableAnimations}
|
|
441
|
+
storage={this.storage}
|
|
442
|
+
storageKey={this.storageKey}
|
|
443
|
+
defaultDelay={defaultDelay}
|
|
444
|
+
defaultTyping={defaultTyping}
|
|
445
|
+
onInit={(...args: [any]) => this.onInitWebchat(...args)}
|
|
446
|
+
onOpen={(...args: [any]) => this.onOpenWebchat(...args)}
|
|
447
|
+
onClose={(...args: [any]) => this.onCloseWebchat(...args)}
|
|
448
|
+
onUserInput={(...args: [any]) => this.onUserInput(...args)} // TODO: Review this function, and his params
|
|
449
|
+
onStateChange={(args: OnStateChangeArgs) => {
|
|
450
|
+
this.onStateChange(args)
|
|
451
|
+
}}
|
|
452
|
+
onTrackEvent={(
|
|
453
|
+
request: ActionRequest,
|
|
454
|
+
eventName: string,
|
|
455
|
+
args?: EventArgs
|
|
456
|
+
) => this.onTrackEventWebchat(request, eventName, args)} //TODO: Review if this implementation is correct
|
|
457
|
+
server={server}
|
|
458
|
+
/>
|
|
459
|
+
)
|
|
460
|
+
}
|
|
461
|
+
|
|
462
|
+
async isWebchatVisible(appId: string): Promise<boolean> {
|
|
463
|
+
try {
|
|
464
|
+
const { status } = await HubtypeService.getWebchatVisibility(appId)
|
|
465
|
+
return status === 200
|
|
466
|
+
} catch (e) {
|
|
467
|
+
return false
|
|
468
|
+
}
|
|
469
|
+
}
|
|
470
|
+
|
|
471
|
+
isOnline() {
|
|
472
|
+
return this.webchatRef.current?.isOnline()
|
|
473
|
+
}
|
|
474
|
+
|
|
475
|
+
async resolveWebchatVisibility(
|
|
476
|
+
optionsAtRuntime?: WebchatArgs
|
|
477
|
+
): Promise<boolean> {
|
|
478
|
+
if (!optionsAtRuntime) {
|
|
479
|
+
// If optionsAtRuntime is not provided, always render the webchat
|
|
480
|
+
return true
|
|
481
|
+
}
|
|
482
|
+
|
|
483
|
+
let { appId, visibility } = optionsAtRuntime
|
|
484
|
+
visibility = visibility || this.visibility
|
|
485
|
+
|
|
486
|
+
if (visibility === undefined || visibility === true) {
|
|
487
|
+
return true
|
|
488
|
+
}
|
|
489
|
+
|
|
490
|
+
if (typeof visibility === 'function' && visibility()) {
|
|
491
|
+
return true
|
|
492
|
+
}
|
|
493
|
+
|
|
494
|
+
if (
|
|
495
|
+
appId &&
|
|
496
|
+
visibility === 'dynamic' &&
|
|
497
|
+
(await this.isWebchatVisible(appId))
|
|
498
|
+
) {
|
|
499
|
+
return true
|
|
500
|
+
}
|
|
501
|
+
|
|
502
|
+
return false
|
|
503
|
+
}
|
|
504
|
+
|
|
505
|
+
destroy() {
|
|
506
|
+
if (this.hubtypeService) this.hubtypeService.destroyPusher()
|
|
507
|
+
this.reactRoot?.unmount()
|
|
508
|
+
if (this.storage) this.storage.removeItem(this.storageKey)
|
|
509
|
+
}
|
|
510
|
+
|
|
511
|
+
async render(dest: HTMLDivElement, optionsAtRuntime?: WebchatArgs) {
|
|
512
|
+
onDOMLoaded(async () => {
|
|
513
|
+
const isVisible = await this.resolveWebchatVisibility(optionsAtRuntime)
|
|
514
|
+
if (isVisible) {
|
|
515
|
+
const webchatComponent = this.getComponent(dest, optionsAtRuntime)
|
|
516
|
+
const container = this.getReactMountNode(dest)
|
|
517
|
+
this.reactRoot = createRoot(container)
|
|
518
|
+
this.reactRoot.render(webchatComponent)
|
|
519
|
+
}
|
|
520
|
+
})
|
|
521
|
+
}
|
|
522
|
+
}
|
package/src/webview-app.tsx
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { getString, params2queryString, PROVIDER } from '@botonic/core'
|
|
3
3
|
import axios from 'axios'
|
|
4
4
|
import React from 'react'
|
|
5
|
-
import {
|
|
5
|
+
import { createRoot } from 'react-dom/client'
|
|
6
6
|
import { BrowserRouter, Route } from 'react-router-dom'
|
|
7
7
|
|
|
8
8
|
import { CloseWebviewOptions, WebviewRequestContext } from './contexts'
|
|
@@ -110,11 +110,13 @@ export class WebviewApp {
|
|
|
110
110
|
}
|
|
111
111
|
|
|
112
112
|
render(dest) {
|
|
113
|
-
|
|
113
|
+
const component = (
|
|
114
114
|
<BrowserRouter>
|
|
115
115
|
<App webviews={this.webviews} locales={this.locales} />
|
|
116
|
-
</BrowserRouter
|
|
117
|
-
dest
|
|
116
|
+
</BrowserRouter>
|
|
118
117
|
)
|
|
118
|
+
const container = dest
|
|
119
|
+
const reactRoot = createRoot(container)
|
|
120
|
+
reactRoot.render(component)
|
|
119
121
|
}
|
|
120
122
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"actions.js","sourceRoot":"","sources":["../../../src/webchat/actions.ts"],"names":[],"mappings":";;;AAAA,IAAY,aAyBX;AAzBD,WAAY,aAAa;IACvB,2CAA0B,CAAA;IAC1B,8DAA6C,CAAA;IAC7C,iDAAgC,CAAA;IAChC,uEAAsD,CAAA;IACtD,8DAA6C,CAAA;IAC7C,gEAA+C,CAAA;IAC/C,uCAAsB,CAAA;IACtB,mEAAkD,CAAA;IAClD,yCAAwB,CAAA;IACxB,gEAA+C,CAAA;IAC/C,0DAAyC,CAAA;IACzC,gEAA+C,CAAA;IAC/C,iDAAgC,CAAA;IAChC,0DAAyC,CAAA;IACzC,iDAAgC,CAAA;IAChC,mEAAkD,CAAA;IAClD,+DAA8C,CAAA;IAC9C,0DAAyC,CAAA;IACzC,iDAAgC,CAAA;IAChC,iDAAgC,CAAA;IAChC,iDAAgC,CAAA;IAChC,6CAA4B,CAAA;IAC5B,+CAA8B,CAAA;IAC9B,iDAAgC,CAAA;AAClC,CAAC,EAzBW,aAAa,GAAb,qBAAa,KAAb,qBAAa,QAyBxB"}
|
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.WebchatHeader = exports.DefaultHeader = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
-
const react_1 = tslib_1.__importStar(require("react"));
|
|
7
|
-
const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
|
|
8
|
-
const constants_1 = require("../constants");
|
|
9
|
-
const contexts_1 = require("../contexts");
|
|
10
|
-
const styles_1 = require("../shared/styles");
|
|
11
|
-
const environment_1 = require("../util/environment");
|
|
12
|
-
const react_2 = require("../util/react");
|
|
13
|
-
const constants_2 = require("./constants");
|
|
14
|
-
const Header = styled_components_1.default.div `
|
|
15
|
-
display: flex;
|
|
16
|
-
background: linear-gradient(
|
|
17
|
-
90deg,
|
|
18
|
-
${constants_1.COLORS.BLEACHED_CEDAR_PURPLE} 0%,
|
|
19
|
-
${props => props.color} 100%
|
|
20
|
-
);
|
|
21
|
-
border-radius: ${constants_1.WEBCHAT.DEFAULTS.BORDER_RADIUS_TOP_CORNERS};
|
|
22
|
-
z-index: 2;
|
|
23
|
-
height: inherit;
|
|
24
|
-
`;
|
|
25
|
-
const ImageContainer = styled_components_1.default.div `
|
|
26
|
-
padding: 10px;
|
|
27
|
-
align-items: center;
|
|
28
|
-
`;
|
|
29
|
-
const Image = styled_components_1.default.img `
|
|
30
|
-
width: 32px;
|
|
31
|
-
border-radius: 50%;
|
|
32
|
-
`;
|
|
33
|
-
const TextContainer = styled_components_1.default.div `
|
|
34
|
-
display: flex;
|
|
35
|
-
flex-direction: column;
|
|
36
|
-
justify-content: center;
|
|
37
|
-
flex: 1 1 auto;
|
|
38
|
-
`;
|
|
39
|
-
const Title = styled_components_1.default.div `
|
|
40
|
-
display: flex;
|
|
41
|
-
font-family: inherit;
|
|
42
|
-
font-size: 15px;
|
|
43
|
-
font-weight: bold;
|
|
44
|
-
color: ${constants_1.COLORS.SOLID_WHITE};
|
|
45
|
-
`;
|
|
46
|
-
const Subtitle = styled_components_1.default.div `
|
|
47
|
-
display: flex;
|
|
48
|
-
font-family: inherit;
|
|
49
|
-
font-size: 11px;
|
|
50
|
-
color: ${constants_1.COLORS.SOLID_WHITE};
|
|
51
|
-
`;
|
|
52
|
-
const CloseHeader = styled_components_1.default.div `
|
|
53
|
-
padding: 0px 16px;
|
|
54
|
-
cursor: pointer;
|
|
55
|
-
color: ${constants_1.COLORS.SOLID_WHITE};
|
|
56
|
-
font-family: inherit;
|
|
57
|
-
font-size: 36px;
|
|
58
|
-
`;
|
|
59
|
-
const DefaultHeader = props => {
|
|
60
|
-
const { getThemeProperty } = props;
|
|
61
|
-
const animationsEnabled = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.enableAnimations, true);
|
|
62
|
-
const headerImage = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.headerImage, getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.brandImage, constants_1.WEBCHAT.DEFAULTS.LOGO));
|
|
63
|
-
const headerTitle = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.headerTitle, constants_1.WEBCHAT.DEFAULTS.TITLE);
|
|
64
|
-
const headerSubtitle = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.headerSubtitle, '');
|
|
65
|
-
return ((0, jsx_runtime_1.jsxs)(Header, Object.assign({ role: constants_1.ROLES.HEADER, color: props.color, style: Object.assign({}, getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.headerStyle)) }, { children: [headerImage && ((0, jsx_runtime_1.jsx)(ImageContainer, { children: (0, jsx_runtime_1.jsx)(Image, { src: (0, environment_1.resolveImage)(headerImage) }) })), (0, jsx_runtime_1.jsxs)(TextContainer, Object.assign({ ml: headerImage ? '0px' : '16px' }, { children: [(0, jsx_runtime_1.jsx)(Title, Object.assign({ mb: headerSubtitle ? '6px' : '0px' }, { children: headerTitle })), (0, jsx_runtime_1.jsx)(Subtitle, { children: headerSubtitle })] })), (0, jsx_runtime_1.jsx)(react_2.ConditionalWrapper, Object.assign({ condition: animationsEnabled, wrapper: children => (0, jsx_runtime_1.jsx)(styles_1.Scale, { children: children }) }, { children: (0, jsx_runtime_1.jsx)(CloseHeader, Object.assign({ onClick: props.onCloseClick }, { children: "\u2A2F" })) }))] })));
|
|
66
|
-
};
|
|
67
|
-
exports.DefaultHeader = DefaultHeader;
|
|
68
|
-
const StyledWebchatHeader = styled_components_1.default.div `
|
|
69
|
-
border-radius: 8px 8px 0px 0px;
|
|
70
|
-
box-shadow: ${constants_1.COLORS.PIGEON_POST_BLUE_ALPHA_0_5} 0px 2px 5px;
|
|
71
|
-
height: 55px;
|
|
72
|
-
flex: none;
|
|
73
|
-
`;
|
|
74
|
-
exports.WebchatHeader = (0, react_1.forwardRef)((props, ref) => {
|
|
75
|
-
const { webchatState, getThemeProperty } = (0, react_1.useContext)(contexts_1.WebchatContext);
|
|
76
|
-
const handleCloseWebchat = event => {
|
|
77
|
-
props.onCloseClick(event.target.value);
|
|
78
|
-
};
|
|
79
|
-
const CustomHeader = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.customHeader);
|
|
80
|
-
if (CustomHeader) {
|
|
81
|
-
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ id: constants_2.BotonicContainerId.Header, ref: ref }, { children: (0, jsx_runtime_1.jsx)(CustomHeader, { onCloseClick: handleCloseWebchat }) })));
|
|
82
|
-
}
|
|
83
|
-
return ((0, jsx_runtime_1.jsx)(StyledWebchatHeader, Object.assign({ id: constants_2.BotonicContainerId.Header, ref: ref }, { children: (0, jsx_runtime_1.jsx)(exports.DefaultHeader, { webchatState: webchatState, getThemeProperty: getThemeProperty, color: getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.brandColor, constants_1.COLORS.BOTONIC_BLUE), onCloseClick: handleCloseWebchat }) })));
|
|
84
|
-
});
|
|
85
|
-
exports.WebchatHeader.displayName = 'WebchatHeader';
|
|
86
|
-
//# sourceMappingURL=header.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../src/webchat/header.jsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"use-webchat.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-webchat.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"messages-reducer.js","sourceRoot":"","sources":["../../../src/webchat/messages-reducer.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export function WebchatReplies(props: any): JSX.Element;
|