@botonic/react 0.36.0-alpha.0 → 0.36.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/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.d.ts → button/index.d.ts} +4 -5
- package/lib/cjs/components/{button.js → button/index.js} +26 -57
- package/lib/cjs/components/button/index.js.map +1 -0
- package/lib/cjs/components/button/styles.d.ts +2 -0
- package/lib/cjs/components/button/styles.js +40 -0
- package/lib/cjs/components/button/styles.js.map +1 -0
- package/lib/cjs/components/buttons-disabler.d.ts +20 -23
- package/lib/cjs/components/buttons-disabler.js +11 -26
- package/lib/cjs/components/buttons-disabler.js.map +1 -1
- package/lib/cjs/components/carousel.d.ts +8 -9
- package/lib/cjs/components/carousel.js +28 -24
- 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.d.ts +7 -3
- package/lib/cjs/components/element.js +12 -12
- 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 +6 -6
- package/lib/cjs/components/image.js.map +1 -1
- package/lib/cjs/components/index-types.d.ts +31 -132
- package/lib/cjs/components/index.d.ts +8 -2
- package/lib/cjs/components/index.js +16 -3
- package/lib/cjs/components/index.js.map +1 -1
- package/lib/cjs/components/message/index.js +9 -8
- 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 +9 -20
- 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 +4 -4
- package/lib/cjs/components/message/message-footer.js.map +1 -1
- package/lib/cjs/components/message/message-image.js +3 -3
- package/lib/cjs/components/message/message-image.js.map +1 -1
- package/lib/cjs/components/message/styles.d.ts +11 -11
- package/lib/cjs/components/message/timestamps.d.ts +1 -1
- package/lib/cjs/components/message/timestamps.js +3 -3
- package/lib/cjs/components/message/timestamps.js.map +1 -1
- package/lib/cjs/components/multichannel/index-types.d.ts +0 -4
- package/lib/cjs/components/multichannel/multichannel-button.d.ts +1 -1
- package/lib/cjs/components/multichannel/multichannel-button.js +5 -5
- package/lib/cjs/components/multichannel/multichannel-button.js.map +1 -1
- package/lib/cjs/components/multichannel/multichannel-carousel.d.ts +1 -1
- package/lib/cjs/components/multichannel/multichannel-carousel.js +59 -62
- package/lib/cjs/components/multichannel/multichannel-carousel.js.map +1 -1
- package/lib/cjs/components/multichannel/multichannel-context.d.ts +0 -3
- package/lib/cjs/components/multichannel/multichannel-context.js +0 -3
- package/lib/cjs/components/multichannel/multichannel-context.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 +19 -15
- 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/pic.d.ts +8 -5
- package/lib/cjs/components/pic.js +8 -8
- package/lib/cjs/components/pic.js.map +1 -1
- package/lib/cjs/components/raw.d.ts +1 -1
- package/lib/cjs/components/reply.d.ts +7 -6
- package/lib/cjs/components/reply.js +13 -7
- package/lib/cjs/components/reply.js.map +1 -1
- package/lib/cjs/components/subtitle.d.ts +9 -5
- package/lib/cjs/components/subtitle.js +6 -7
- package/lib/cjs/components/subtitle.js.map +1 -1
- package/lib/cjs/components/text.d.ts +1 -1
- package/lib/cjs/components/title.d.ts +9 -5
- package/lib/cjs/components/title.js +6 -7
- package/lib/cjs/components/title.js.map +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 +18 -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 +6 -6
- 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 +6 -6
- 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 -18
- package/lib/cjs/constants.js +1 -19
- package/lib/cjs/constants.js.map +1 -1
- package/lib/cjs/contexts.d.ts +3 -8
- package/lib/cjs/contexts.js +11 -77
- package/lib/cjs/contexts.js.map +1 -1
- package/lib/cjs/dev-app.d.ts +7 -0
- package/lib/cjs/dev-app.js +8 -13
- package/lib/cjs/dev-app.js.map +1 -1
- package/lib/cjs/index-types.d.ts +85 -77
- 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 +9 -12
- package/lib/cjs/msg-to-botonic.js.map +1 -1
- package/lib/cjs/react-bot.d.ts +16 -6
- package/lib/cjs/react-bot.js +5 -6
- package/lib/cjs/react-bot.js.map +1 -1
- package/lib/cjs/shared/styles.d.ts +2 -2
- package/lib/cjs/time-zone-to-country-code.d.ts +1 -0
- package/lib/cjs/time-zone-to-country-code.js +108 -0
- package/lib/cjs/time-zone-to-country-code.js.map +1 -0
- 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 +19 -6
- package/lib/cjs/util/webchat.js +44 -8
- 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/chat-area/styles.d.ts +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 +3 -3
- 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 +6 -6
- package/lib/cjs/webchat/components/opened-persistent-menu.js.map +1 -1
- package/lib/{esm/webchat → cjs/webchat/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 +83 -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 +83 -0
- package/lib/cjs/webchat/context/types.js +3 -0
- package/lib/cjs/webchat/context/types.js.map +1 -0
- package/lib/cjs/webchat/context/use-webchat.d.ts +46 -0
- package/lib/cjs/webchat/{hooks → context}/use-webchat.js +53 -47
- 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 +6 -0
- package/lib/cjs/webchat/cover-component/index.js +21 -0
- package/lib/cjs/webchat/cover-component/index.js.map +1 -0
- 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 +63 -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 +2 -56
- 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 +1 -2
- package/lib/cjs/webchat/input-panel/attachment.js +7 -6
- package/lib/cjs/webchat/input-panel/attachment.js.map +1 -1
- package/lib/cjs/webchat/input-panel/emoji-picker.d.ts +1 -2
- package/lib/cjs/webchat/input-panel/emoji-picker.js +7 -6
- package/lib/cjs/webchat/input-panel/emoji-picker.js.map +1 -1
- package/lib/cjs/webchat/input-panel/index.d.ts +2 -5
- package/lib/cjs/webchat/input-panel/index.js +10 -5
- 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 -2
- package/lib/cjs/webchat/input-panel/persistent-menu.js +6 -5
- 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 +5 -4
- package/lib/cjs/webchat/input-panel/send-button.js.map +1 -1
- package/lib/cjs/webchat/input-panel/styles.d.ts +3 -3
- package/lib/cjs/webchat/input-panel/textarea.d.ts +2 -4
- package/lib/cjs/webchat/input-panel/textarea.js +16 -6
- 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 +3 -3
- 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.d.ts +5 -5
- 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 +6 -6
- 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 +4 -0
- package/lib/cjs/webchat/styles.js +65 -0
- package/lib/cjs/webchat/styles.js.map +1 -0
- package/lib/cjs/webchat/theme/default-theme.d.ts +2 -0
- package/lib/cjs/webchat/theme/default-theme.js +104 -0
- package/lib/cjs/webchat/theme/default-theme.js.map +1 -0
- package/lib/cjs/webchat/theme/types.d.ts +214 -0
- package/lib/cjs/webchat/theme/types.js +3 -0
- package/lib/cjs/webchat/theme/types.js.map +1 -0
- package/lib/cjs/webchat/tracking.d.ts +10 -0
- package/lib/cjs/webchat/tracking.js +39 -1
- package/lib/cjs/webchat/tracking.js.map +1 -1
- package/lib/cjs/webchat/trigger-button/index.d.ts +1 -0
- package/lib/cjs/webchat/trigger-button/index.js +5 -5
- package/lib/cjs/webchat/trigger-button/index.js.map +1 -1
- package/lib/cjs/webchat/trigger-button/styles.d.ts +3 -3
- 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 +4 -3
- 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 +3 -3
- 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 +110 -148
- 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 +36 -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 +60 -0
- package/lib/cjs/webchat/webview/styles.js.map +1 -0
- package/lib/cjs/webchat-app.d.ts +95 -86
- package/lib/cjs/webchat-app.js +164 -72
- package/lib/cjs/webchat-app.js.map +1 -1
- package/lib/cjs/webview-app.js +54 -12
- 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.d.ts → button/index.d.ts} +4 -5
- package/lib/esm/components/{button.js → button/index.js} +26 -56
- package/lib/esm/components/button/index.js.map +1 -0
- package/lib/esm/components/button/styles.d.ts +2 -0
- package/lib/esm/components/button/styles.js +36 -0
- package/lib/esm/components/button/styles.js.map +1 -0
- package/lib/esm/components/buttons-disabler.d.ts +20 -23
- package/lib/esm/components/buttons-disabler.js +11 -26
- package/lib/esm/components/buttons-disabler.js.map +1 -1
- package/lib/esm/components/carousel.d.ts +8 -9
- package/lib/esm/components/carousel.js +27 -23
- 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.d.ts +7 -3
- package/lib/esm/components/element.js +10 -10
- 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 +5 -5
- package/lib/esm/components/image.js.map +1 -1
- package/lib/esm/components/index-types.d.ts +31 -132
- package/lib/esm/components/index.d.ts +8 -2
- package/lib/esm/components/index.js +8 -2
- package/lib/esm/components/index.js.map +1 -1
- package/lib/esm/components/message/index.js +7 -6
- 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 +10 -21
- 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 +3 -3
- package/lib/esm/components/message/message-footer.js.map +1 -1
- package/lib/esm/components/message/message-image.js +2 -2
- package/lib/esm/components/message/message-image.js.map +1 -1
- package/lib/esm/components/message/styles.d.ts +11 -11
- package/lib/esm/components/message/timestamps.d.ts +1 -1
- package/lib/esm/components/message/timestamps.js +2 -2
- package/lib/esm/components/message/timestamps.js.map +1 -1
- package/lib/esm/components/multichannel/index-types.d.ts +0 -4
- package/lib/esm/components/multichannel/multichannel-button.d.ts +1 -1
- package/lib/esm/components/multichannel/multichannel-button.js +2 -2
- package/lib/esm/components/multichannel/multichannel-button.js.map +1 -1
- package/lib/esm/components/multichannel/multichannel-carousel.d.ts +1 -1
- package/lib/esm/components/multichannel/multichannel-carousel.js +62 -65
- package/lib/esm/components/multichannel/multichannel-carousel.js.map +1 -1
- package/lib/esm/components/multichannel/multichannel-context.d.ts +0 -3
- package/lib/esm/components/multichannel/multichannel-context.js +0 -3
- package/lib/esm/components/multichannel/multichannel-context.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 +9 -5
- 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/pic.d.ts +8 -5
- package/lib/esm/components/pic.js +6 -6
- package/lib/esm/components/pic.js.map +1 -1
- package/lib/esm/components/raw.d.ts +1 -1
- package/lib/esm/components/reply.d.ts +7 -6
- package/lib/esm/components/reply.js +13 -7
- package/lib/esm/components/reply.js.map +1 -1
- package/lib/esm/components/subtitle.d.ts +9 -5
- package/lib/esm/components/subtitle.js +4 -5
- package/lib/esm/components/subtitle.js.map +1 -1
- package/lib/esm/components/text.d.ts +1 -1
- package/lib/esm/components/title.d.ts +9 -5
- package/lib/esm/components/title.js +4 -5
- package/lib/esm/components/title.js.map +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 +18 -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 +6 -6
- package/lib/esm/components/whatsapp-button-list.js.map +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 +3 -3
- package/lib/esm/components/whatsapp-cta-url-button.js.map +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 -18
- package/lib/esm/constants.js +0 -18
- package/lib/esm/constants.js.map +1 -1
- package/lib/esm/contexts.d.ts +3 -8
- package/lib/esm/contexts.js +10 -76
- package/lib/esm/contexts.js.map +1 -1
- package/lib/esm/dev-app.d.ts +7 -0
- package/lib/esm/dev-app.js +8 -13
- package/lib/esm/dev-app.js.map +1 -1
- package/lib/esm/index-types.d.ts +85 -77
- 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 +8 -11
- package/lib/esm/msg-to-botonic.js.map +1 -1
- package/lib/esm/react-bot.d.ts +16 -6
- package/lib/esm/react-bot.js +5 -6
- package/lib/esm/react-bot.js.map +1 -1
- package/lib/esm/shared/styles.d.ts +2 -2
- package/lib/esm/time-zone-to-country-code.d.ts +1 -0
- package/lib/esm/time-zone-to-country-code.js +105 -0
- package/lib/esm/time-zone-to-country-code.js.map +1 -0
- 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 +19 -6
- package/lib/esm/util/webchat.js +42 -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/chat-area/styles.d.ts +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 +2 -2
- 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 +3 -3
- package/lib/esm/webchat/components/opened-persistent-menu.js.map +1 -1
- package/lib/{cjs/webchat → esm/webchat/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 +79 -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 +83 -0
- package/lib/esm/webchat/context/types.js +2 -0
- package/lib/esm/webchat/context/types.js.map +1 -0
- package/lib/esm/webchat/context/use-webchat.d.ts +46 -0
- package/lib/esm/webchat/{hooks → context}/use-webchat.js +51 -45
- 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 +6 -0
- package/lib/esm/webchat/cover-component/index.js +17 -0
- package/lib/esm/webchat/cover-component/index.js.map +1 -0
- 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 +59 -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 +2 -56
- 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 +1 -2
- package/lib/esm/webchat/input-panel/attachment.js +8 -7
- package/lib/esm/webchat/input-panel/attachment.js.map +1 -1
- package/lib/esm/webchat/input-panel/emoji-picker.d.ts +1 -2
- package/lib/esm/webchat/input-panel/emoji-picker.js +8 -7
- package/lib/esm/webchat/input-panel/emoji-picker.js.map +1 -1
- package/lib/esm/webchat/input-panel/index.d.ts +2 -5
- package/lib/esm/webchat/input-panel/index.js +9 -4
- 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 -2
- package/lib/esm/webchat/input-panel/persistent-menu.js +7 -6
- 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 +6 -5
- package/lib/esm/webchat/input-panel/send-button.js.map +1 -1
- package/lib/esm/webchat/input-panel/styles.d.ts +3 -3
- package/lib/esm/webchat/input-panel/textarea.d.ts +2 -4
- package/lib/esm/webchat/input-panel/textarea.js +16 -6
- 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 +2 -2
- 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.d.ts +5 -5
- 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 +5 -5
- 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 +4 -0
- package/lib/esm/webchat/styles.js +61 -0
- package/lib/esm/webchat/styles.js.map +1 -0
- package/lib/esm/webchat/theme/default-theme.d.ts +2 -0
- package/lib/esm/webchat/theme/default-theme.js +101 -0
- package/lib/esm/webchat/theme/default-theme.js.map +1 -0
- package/lib/esm/webchat/theme/types.d.ts +214 -0
- package/lib/esm/webchat/theme/types.js +2 -0
- package/lib/esm/webchat/theme/types.js.map +1 -0
- package/lib/esm/webchat/tracking.d.ts +10 -0
- package/lib/esm/webchat/tracking.js +37 -0
- package/lib/esm/webchat/tracking.js.map +1 -1
- package/lib/esm/webchat/trigger-button/index.d.ts +1 -0
- package/lib/esm/webchat/trigger-button/index.js +4 -4
- package/lib/esm/webchat/trigger-button/index.js.map +1 -1
- package/lib/esm/webchat/trigger-button/styles.d.ts +3 -3
- 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 +4 -3
- 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 +3 -3
- 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 +110 -148
- 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 +32 -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 +56 -0
- package/lib/esm/webchat/webview/styles.js.map +1 -0
- package/lib/esm/webchat-app.d.ts +95 -86
- package/lib/esm/webchat-app.js +165 -73
- package/lib/esm/webchat-app.js.map +1 -1
- package/lib/esm/webview-app.js +55 -13
- package/lib/esm/webview-app.js.map +1 -1
- package/package.json +23 -18
- package/src/components/{audio.jsx → audio.tsx} +10 -4
- package/src/components/{button.tsx → button/index.tsx} +26 -104
- package/src/components/button/styles.ts +38 -0
- package/src/components/{buttons-disabler.js → buttons-disabler.ts} +35 -39
- package/src/components/{carousel.jsx → carousel.tsx} +60 -36
- 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 → element.tsx} +12 -14
- package/src/components/handoff.jsx +1 -1
- package/src/components/{image.jsx → image.tsx} +13 -6
- package/src/components/index-types.ts +24 -119
- package/src/components/index.ts +23 -2
- package/src/components/message/index.jsx +7 -10
- package/src/components/message/message-feedback.tsx +10 -27
- package/src/components/message/message-footer.tsx +3 -3
- package/src/components/message/message-image.tsx +2 -5
- package/src/components/message/timestamps.tsx +2 -3
- package/src/components/multichannel/index-types.ts +0 -4
- package/src/components/multichannel/multichannel-button.jsx +2 -2
- package/src/components/multichannel/multichannel-carousel.jsx +96 -94
- package/src/components/multichannel/multichannel-context.jsx +0 -3
- package/src/components/multichannel/multichannel-text.jsx +12 -6
- 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/{pic.jsx → pic.tsx} +12 -5
- package/src/components/{reply.jsx → reply.tsx} +12 -12
- package/src/components/{subtitle.jsx → subtitle.tsx} +10 -10
- package/src/components/{title.jsx → title.tsx} +8 -6
- package/src/components/{video.jsx → video.tsx} +3 -2
- package/src/components/webchat-settings.tsx +22 -2
- package/src/components/whatsapp-button-list.tsx +6 -6
- package/src/components/whatsapp-catalog.tsx +42 -0
- package/src/components/whatsapp-cta-url-button.tsx +6 -3
- 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 -19
- package/src/contexts.tsx +14 -87
- package/src/dev-app.jsx +6 -30
- package/src/index-types.ts +100 -84
- package/src/index.ts +1 -5
- package/src/msg-to-botonic.jsx +8 -12
- package/src/react-bot.tsx +51 -0
- package/src/time-zone-to-country-code.ts +104 -0
- package/src/util/functional.ts +31 -0
- package/src/util/webchat.ts +102 -0
- package/src/webchat/chat-area/index.tsx +2 -4
- package/src/webchat/components/conditional-animation.jsx +3 -3
- package/src/webchat/components/opened-persistent-menu.jsx +3 -4
- package/src/webchat/{actions.ts → context/actions.ts} +4 -0
- package/src/webchat/context/index.tsx +82 -0
- package/src/webchat/{messages-reducer.ts → context/messages-reducer.ts} +4 -2
- package/src/webchat/context/types.ts +91 -0
- package/src/webchat/{hooks → context}/use-webchat.ts +104 -53
- package/src/webchat/{webchat-reducer.ts → context/webchat-reducer.ts} +5 -1
- package/src/webchat/cover-component/index.tsx +31 -0
- package/src/webchat/global.d.ts +3 -0
- package/src/webchat/header/default-header.tsx +64 -0
- package/src/webchat/header/index.tsx +37 -0
- package/src/webchat/header/styles.ts +66 -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 +2 -63
- package/src/webchat/index.ts +1 -0
- package/src/webchat/input-panel/attachment.tsx +6 -17
- package/src/webchat/input-panel/emoji-picker.tsx +6 -16
- package/src/webchat/input-panel/index.tsx +9 -16
- package/src/webchat/input-panel/persistent-menu.tsx +6 -16
- package/src/webchat/input-panel/send-button.tsx +4 -10
- package/src/webchat/input-panel/textarea.tsx +22 -15
- package/src/webchat/message-list/index.tsx +78 -49
- package/src/webchat/message-list/intro-message.tsx +2 -3
- 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 +5 -9
- 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 +65 -0
- package/src/webchat/theme/default-theme.ts +102 -0
- package/src/webchat/theme/theme.d.ts +8 -0
- package/src/webchat/theme/types.ts +206 -0
- package/src/webchat/tracking.ts +59 -0
- package/src/webchat/trigger-button/index.tsx +4 -6
- 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} +191 -243
- package/src/webchat/webview/header.tsx +22 -0
- package/src/webchat/webview/index.tsx +66 -0
- package/src/webchat/webview/styles.ts +62 -0
- package/src/webchat-app.tsx +575 -0
- package/src/webview-app.tsx +60 -16
- package/lib/cjs/components/button.js.map +0 -1
- 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.d.ts +0 -46
- 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/components/button.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.d.ts +0 -46
- 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/react-bot.jsx +0 -38
- package/src/util/webchat.js +0 -57
- 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,83 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Input as CoreInput, Session as CoreSession } from '@botonic/core';
|
|
3
|
+
import { Reply, WebchatSettingsProps, Webview } from '../../components';
|
|
4
|
+
import { CloseWebviewOptions } from '../../contexts';
|
|
5
|
+
import { TrackEventFunction, WebchatMessage } from '../../index-types';
|
|
6
|
+
import { WebchatTheme } from '../theme/types';
|
|
7
|
+
export interface ErrorMessage {
|
|
8
|
+
message?: string;
|
|
9
|
+
}
|
|
10
|
+
export interface DevSettings {
|
|
11
|
+
keepSessionOnReload?: boolean;
|
|
12
|
+
showSessionView?: boolean;
|
|
13
|
+
}
|
|
14
|
+
export interface WebchatState {
|
|
15
|
+
messagesJSON: any[];
|
|
16
|
+
messagesComponents: any[];
|
|
17
|
+
replies?: (typeof Reply)[];
|
|
18
|
+
latestInput: Partial<CoreInput>;
|
|
19
|
+
typing: boolean;
|
|
20
|
+
webview: Webview | null;
|
|
21
|
+
webviewParams: null;
|
|
22
|
+
session: Partial<CoreSession>;
|
|
23
|
+
lastRoutePath?: string;
|
|
24
|
+
handoff: boolean;
|
|
25
|
+
theme: WebchatTheme;
|
|
26
|
+
themeUpdates: Partial<WebchatTheme>;
|
|
27
|
+
error: ErrorMessage;
|
|
28
|
+
online: boolean;
|
|
29
|
+
devSettings: DevSettings;
|
|
30
|
+
isWebchatOpen: boolean;
|
|
31
|
+
isEmojiPickerOpen: boolean;
|
|
32
|
+
isPersistentMenuOpen: boolean;
|
|
33
|
+
isCoverComponentOpen: boolean;
|
|
34
|
+
isCustomComponentRendered: boolean;
|
|
35
|
+
lastMessageUpdate?: string;
|
|
36
|
+
currentAttachment?: File;
|
|
37
|
+
numUnreadMessages: number;
|
|
38
|
+
isLastMessageVisible: boolean;
|
|
39
|
+
isInputFocused: boolean;
|
|
40
|
+
}
|
|
41
|
+
export type ClientInput = Omit<CoreInput, 'message_id' | 'bot_interaction_id'>;
|
|
42
|
+
export type ClientSession = {
|
|
43
|
+
user: ClientUser;
|
|
44
|
+
};
|
|
45
|
+
export type ClientUser = {
|
|
46
|
+
id: string;
|
|
47
|
+
name: string;
|
|
48
|
+
locale: string;
|
|
49
|
+
country: string;
|
|
50
|
+
system_locale?: string;
|
|
51
|
+
extra_data?: Record<string, any>;
|
|
52
|
+
};
|
|
53
|
+
export interface WebchatContextProps {
|
|
54
|
+
addMessage: (message: WebchatMessage) => void;
|
|
55
|
+
getThemeProperty: (property: string, defaultValue?: any) => any;
|
|
56
|
+
closeWebview: (options?: CloseWebviewOptions) => Promise<void>;
|
|
57
|
+
openWebview: (webviewComponent: Webview, params?: any) => void;
|
|
58
|
+
resetUnreadMessages: () => void;
|
|
59
|
+
resolveCase: () => void;
|
|
60
|
+
sendAttachment: (attachment: File) => Promise<void>;
|
|
61
|
+
sendInput: (input: ClientInput) => Promise<void>;
|
|
62
|
+
sendPayload: (payload: string) => Promise<void>;
|
|
63
|
+
sendText: (text: string, payload?: string) => Promise<void>;
|
|
64
|
+
setIsInputFocused: (isInputFocused: boolean) => void;
|
|
65
|
+
setLastMessageVisible: (isLastMessageVisible: boolean) => void;
|
|
66
|
+
toggleWebchat: (toggle: boolean) => void;
|
|
67
|
+
toggleEmojiPicker: (toggle: boolean) => void;
|
|
68
|
+
togglePersistentMenu: (toggle: boolean) => void;
|
|
69
|
+
toggleCoverComponent: (toggle: boolean) => void;
|
|
70
|
+
updateLatestInput: (input: ClientInput) => void;
|
|
71
|
+
updateMessage: (message: WebchatMessage) => void;
|
|
72
|
+
updateReplies: (replies: (typeof Reply)[]) => void;
|
|
73
|
+
updateUser: (user: ClientUser) => void;
|
|
74
|
+
updateWebchatDevSettings: (settings: WebchatSettingsProps) => void;
|
|
75
|
+
trackEvent?: TrackEventFunction;
|
|
76
|
+
webchatState: WebchatState;
|
|
77
|
+
webchatContainerRef: React.MutableRefObject<HTMLDivElement | null>;
|
|
78
|
+
chatAreaRef: React.MutableRefObject<HTMLDivElement | null>;
|
|
79
|
+
inputPanelRef: React.MutableRefObject<HTMLDivElement | null>;
|
|
80
|
+
headerRef: React.MutableRefObject<HTMLDivElement | null>;
|
|
81
|
+
scrollableMessagesListRef: React.MutableRefObject<HTMLDivElement | null>;
|
|
82
|
+
repliesRef: React.MutableRefObject<HTMLDivElement | null>;
|
|
83
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/webchat/context/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Session } from '@botonic/core';
|
|
3
|
+
import { Reply } from '../../components';
|
|
4
|
+
import { Webview } from '../../components/index-types';
|
|
5
|
+
import { WebchatMessage } from '../../index-types';
|
|
6
|
+
import { WebchatTheme } from '../theme/types';
|
|
7
|
+
import { ClientInput, DevSettings, ErrorMessage, WebchatState } from './types';
|
|
8
|
+
export interface UseWebchat {
|
|
9
|
+
addMessage: (message: WebchatMessage) => void;
|
|
10
|
+
addMessageComponent: (message: {
|
|
11
|
+
props: WebchatMessage;
|
|
12
|
+
}) => void;
|
|
13
|
+
clearMessages: () => void;
|
|
14
|
+
doRenderCustomComponent: (toggle: boolean) => void;
|
|
15
|
+
resetUnreadMessages: () => void;
|
|
16
|
+
setCurrentAttachment: (attachment?: File) => void;
|
|
17
|
+
setError: (error?: ErrorMessage) => void;
|
|
18
|
+
setIsInputFocused: (isInputFocused: boolean) => void;
|
|
19
|
+
setLastMessageVisible: (isLastMessageVisible: boolean) => void;
|
|
20
|
+
setOnline: (online: boolean) => void;
|
|
21
|
+
toggleCoverComponent: (toggle: boolean) => void;
|
|
22
|
+
toggleEmojiPicker: (toggle: boolean) => void;
|
|
23
|
+
togglePersistentMenu: (toggle: boolean) => void;
|
|
24
|
+
toggleWebchat: (toggle: boolean) => void;
|
|
25
|
+
updateDevSettings: (settings: DevSettings) => void;
|
|
26
|
+
updateHandoff: (handoff: boolean) => void;
|
|
27
|
+
updateLastMessageDate: (date: string) => void;
|
|
28
|
+
updateLastRoutePath: (path: string) => void;
|
|
29
|
+
updateLatestInput: (input: ClientInput) => void;
|
|
30
|
+
updateMessage: (message: WebchatMessage) => void;
|
|
31
|
+
updateReplies: (replies: (typeof Reply)[]) => void;
|
|
32
|
+
updateSession: (session: Partial<Session>) => void;
|
|
33
|
+
updateTheme: (theme: WebchatTheme, themeUpdates?: WebchatTheme) => void;
|
|
34
|
+
updateTyping: (typing: boolean) => void;
|
|
35
|
+
updateWebview: (webview: Webview, params: Record<string, string>) => void;
|
|
36
|
+
removeReplies: () => void;
|
|
37
|
+
removeWebview: () => void;
|
|
38
|
+
webchatState: WebchatState;
|
|
39
|
+
webchatContainerRef: React.MutableRefObject<HTMLDivElement | null>;
|
|
40
|
+
headerRef: React.MutableRefObject<HTMLDivElement | null>;
|
|
41
|
+
chatAreaRef: React.MutableRefObject<HTMLDivElement | null>;
|
|
42
|
+
scrollableMessagesListRef: React.MutableRefObject<HTMLDivElement | null>;
|
|
43
|
+
repliesRef: React.MutableRefObject<HTMLDivElement | null>;
|
|
44
|
+
inputPanelRef: React.MutableRefObject<HTMLDivElement | null>;
|
|
45
|
+
}
|
|
46
|
+
export declare function useWebchat(theme?: WebchatTheme): UseWebchat;
|
|
@@ -1,50 +1,44 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useWebchat =
|
|
3
|
+
exports.useWebchat = void 0;
|
|
4
4
|
const react_1 = require("react");
|
|
5
|
-
const
|
|
6
|
-
const actions_1 = require("
|
|
7
|
-
const webchat_reducer_1 = require("
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
numUnreadMessages: 0,
|
|
43
|
-
isLastMessageVisible: true,
|
|
44
|
-
};
|
|
45
|
-
function useWebchat() {
|
|
46
|
-
const [webchatState, webchatDispatch] = (0, react_1.useReducer)(webchat_reducer_1.webchatReducer, exports.webchatInitialState);
|
|
47
|
-
const webchatRef = (0, react_1.useRef)(null);
|
|
5
|
+
const default_theme_1 = require("../theme/default-theme");
|
|
6
|
+
const actions_1 = require("./actions");
|
|
7
|
+
const webchat_reducer_1 = require("./webchat-reducer");
|
|
8
|
+
function getWebchatInitialState(initialTheme) {
|
|
9
|
+
return {
|
|
10
|
+
replies: [],
|
|
11
|
+
messagesJSON: [],
|
|
12
|
+
messagesComponents: [],
|
|
13
|
+
latestInput: {},
|
|
14
|
+
typing: false,
|
|
15
|
+
webview: null,
|
|
16
|
+
webviewParams: null,
|
|
17
|
+
session: { user: undefined },
|
|
18
|
+
lastRoutePath: undefined,
|
|
19
|
+
handoff: false,
|
|
20
|
+
theme: initialTheme,
|
|
21
|
+
themeUpdates: {},
|
|
22
|
+
error: {},
|
|
23
|
+
online: true,
|
|
24
|
+
devSettings: { keepSessionOnReload: false },
|
|
25
|
+
isWebchatOpen: false,
|
|
26
|
+
isEmojiPickerOpen: false,
|
|
27
|
+
isPersistentMenuOpen: false,
|
|
28
|
+
isCoverComponentOpen: false,
|
|
29
|
+
isCustomComponentRendered: false,
|
|
30
|
+
lastMessageUpdate: undefined,
|
|
31
|
+
currentAttachment: undefined,
|
|
32
|
+
numUnreadMessages: 0,
|
|
33
|
+
isLastMessageVisible: true,
|
|
34
|
+
isInputFocused: false,
|
|
35
|
+
};
|
|
36
|
+
}
|
|
37
|
+
function useWebchat(theme) {
|
|
38
|
+
const initialTheme = theme || default_theme_1.defaultTheme;
|
|
39
|
+
const webchatInitialState = getWebchatInitialState(initialTheme);
|
|
40
|
+
const [webchatState, webchatDispatch] = (0, react_1.useReducer)(webchat_reducer_1.webchatReducer, webchatInitialState);
|
|
41
|
+
const webchatContainerRef = (0, react_1.useRef)(null);
|
|
48
42
|
const chatAreaRef = (0, react_1.useRef)(null);
|
|
49
43
|
const inputPanelRef = (0, react_1.useRef)(null);
|
|
50
44
|
const headerRef = (0, react_1.useRef)(null);
|
|
@@ -56,13 +50,17 @@ function useWebchat() {
|
|
|
56
50
|
payload: message,
|
|
57
51
|
});
|
|
58
52
|
const updateMessage = (message) => webchatDispatch({ type: actions_1.WebchatAction.UPDATE_MESSAGE, payload: message });
|
|
59
|
-
const updateReplies = replies => webchatDispatch({ type: actions_1.WebchatAction.UPDATE_REPLIES, payload: replies });
|
|
53
|
+
const updateReplies = (replies) => webchatDispatch({ type: actions_1.WebchatAction.UPDATE_REPLIES, payload: replies });
|
|
54
|
+
const removeReplies = () => webchatDispatch({ type: actions_1.WebchatAction.REMOVE_REPLIES, payload: [] });
|
|
60
55
|
const updateLatestInput = (input) => webchatDispatch({ type: actions_1.WebchatAction.UPDATE_LATEST_INPUT, payload: input });
|
|
61
56
|
const updateTyping = (typing) => webchatDispatch({ type: actions_1.WebchatAction.UPDATE_TYPING, payload: typing });
|
|
62
57
|
const updateWebview = (webview, params) => webchatDispatch({
|
|
63
58
|
type: actions_1.WebchatAction.UPDATE_WEBVIEW,
|
|
64
59
|
payload: { webview, webviewParams: params },
|
|
65
60
|
});
|
|
61
|
+
const removeWebview = () => webchatDispatch({
|
|
62
|
+
type: actions_1.WebchatAction.REMOVE_WEBVIEW,
|
|
63
|
+
});
|
|
66
64
|
const updateSession = (session) => {
|
|
67
65
|
webchatDispatch({
|
|
68
66
|
type: actions_1.WebchatAction.UPDATE_SESSION,
|
|
@@ -146,6 +144,12 @@ function useWebchat() {
|
|
|
146
144
|
payload: isLastMessageVisible,
|
|
147
145
|
});
|
|
148
146
|
};
|
|
147
|
+
const setIsInputFocused = (isInputFocused) => {
|
|
148
|
+
webchatDispatch({
|
|
149
|
+
type: actions_1.WebchatAction.SET_IS_INPUT_FOCUSED,
|
|
150
|
+
payload: isInputFocused,
|
|
151
|
+
});
|
|
152
|
+
};
|
|
149
153
|
return {
|
|
150
154
|
addMessage,
|
|
151
155
|
addMessageComponent,
|
|
@@ -154,6 +158,7 @@ function useWebchat() {
|
|
|
154
158
|
resetUnreadMessages,
|
|
155
159
|
setCurrentAttachment,
|
|
156
160
|
setError,
|
|
161
|
+
setIsInputFocused,
|
|
157
162
|
setLastMessageVisible,
|
|
158
163
|
setOnline,
|
|
159
164
|
toggleCoverComponent,
|
|
@@ -171,9 +176,10 @@ function useWebchat() {
|
|
|
171
176
|
updateTheme,
|
|
172
177
|
updateTyping,
|
|
173
178
|
updateWebview,
|
|
174
|
-
|
|
179
|
+
removeReplies,
|
|
180
|
+
removeWebview,
|
|
175
181
|
webchatState,
|
|
176
|
-
|
|
182
|
+
webchatContainerRef,
|
|
177
183
|
headerRef,
|
|
178
184
|
chatAreaRef,
|
|
179
185
|
scrollableMessagesListRef,
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-webchat.js","sourceRoot":"","sources":["../../../../src/webchat/context/use-webchat.ts"],"names":[],"mappings":"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"}
|
|
@@ -8,6 +8,8 @@ function webchatReducer(state, action) {
|
|
|
8
8
|
switch (action.type) {
|
|
9
9
|
case actions_1.WebchatAction.UPDATE_WEBVIEW:
|
|
10
10
|
return Object.assign(Object.assign({}, state), action.payload);
|
|
11
|
+
case actions_1.WebchatAction.REMOVE_WEBVIEW:
|
|
12
|
+
return Object.assign(Object.assign({}, state), { webview: null, webviewParams: null });
|
|
11
13
|
case actions_1.WebchatAction.UPDATE_SESSION:
|
|
12
14
|
return Object.assign(Object.assign({}, state), { session: Object.assign({}, action.payload) });
|
|
13
15
|
case actions_1.WebchatAction.UPDATE_TYPING:
|
|
@@ -40,6 +42,8 @@ function webchatReducer(state, action) {
|
|
|
40
42
|
return Object.assign(Object.assign({}, state), { lastRoutePath: action.payload });
|
|
41
43
|
case actions_1.WebchatAction.SET_CURRENT_ATTACHMENT:
|
|
42
44
|
return Object.assign(Object.assign({}, state), { currentAttachment: action.payload });
|
|
45
|
+
case actions_1.WebchatAction.SET_IS_INPUT_FOCUSED:
|
|
46
|
+
return Object.assign(Object.assign({}, state), { isInputFocused: action.payload });
|
|
43
47
|
default:
|
|
44
48
|
return (0, messages_reducer_1.messagesReducer)(state, action);
|
|
45
49
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"webchat-reducer.js","sourceRoot":"","sources":["../../../../src/webchat/context/webchat-reducer.ts"],"names":[],"mappings":";;;AAAA,uCAAyC;AACzC,yDAAoD;AAGpD,sCAAsC;AACtC,SAAgB,cAAc,CAC5B,KAAmB,EACnB,MAA8C;IAE9C,QAAQ,MAAM,CAAC,IAAI,EAAE;QACnB,KAAK,uBAAa,CAAC,cAAc;YAC/B,uCAAY,KAAK,GAAK,MAAM,CAAC,OAAO,EAAE;QACxC,KAAK,uBAAa,CAAC,cAAc;YAC/B,uCAAY,KAAK,KAAE,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,IAAE;QACzD,KAAK,uBAAa,CAAC,cAAc;YAC/B,uCAAY,KAAK,KAAE,OAAO,oBAAO,MAAM,CAAC,OAAO,KAAI;QACrD,KAAK,uBAAa,CAAC,aAAa;YAC9B,uCAAY,KAAK,KAAE,MAAM,EAAE,MAAM,CAAC,OAAO,IAAE;QAC7C,KAAK,uBAAa,CAAC,YAAY;YAC7B,uCACK,KAAK,GACL,MAAM,CAAC,OAAO,EAClB;QACH,KAAK,uBAAa,CAAC,cAAc;YAC/B,uCAAY,KAAK,KAAE,OAAO,EAAE,MAAM,CAAC,OAAO,IAAE;QAC9C,KAAK,uBAAa,CAAC,cAAc,CAAC,CAAC;YACjC,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAA;YACpC,uCACK,KAAK,KACR,aAAa,IACd;SACF;QACD,KAAK,uBAAa,CAAC,mBAAmB;YACpC,uCAAY,KAAK,KAAE,iBAAiB,EAAE,MAAM,CAAC,OAAO,IAAE;QACxD,KAAK,uBAAa,CAAC,sBAAsB;YACvC,uCAAY,KAAK,KAAE,oBAAoB,EAAE,MAAM,CAAC,OAAO,IAAE;QAC3D,KAAK,uBAAa,CAAC,sBAAsB;YACvC,uCAAY,KAAK,KAAE,oBAAoB,EAAE,MAAM,CAAC,OAAO,IAAE;QAC3D,KAAK,uBAAa,CAAC,0BAA0B;YAC3C,uCAAY,KAAK,KAAE,yBAAyB,EAAE,MAAM,CAAC,OAAO,IAAE;QAChE,KAAK,uBAAa,CAAC,SAAS;YAC1B,uCAAY,KAAK,KAAE,KAAK,EAAE,MAAM,CAAC,OAAO,IAAI,EAAE,IAAE;QAClD,KAAK,uBAAa,CAAC,UAAU;YAC3B,uCAAY,KAAK,KAAE,MAAM,EAAE,MAAM,CAAC,OAAO,IAAE;QAC7C,KAAK,uBAAa,CAAC,mBAAmB;YACpC,uCAAY,KAAK,KAAE,WAAW,oBAAO,MAAM,CAAC,OAAO,KAAI;QACzD,KAAK,uBAAa,CAAC,mBAAmB;YACpC,uCAAY,KAAK,KAAE,WAAW,EAAE,MAAM,CAAC,OAAO,IAAE;QAClD,KAAK,uBAAa,CAAC,sBAAsB;YACvC,uCAAY,KAAK,KAAE,aAAa,EAAE,MAAM,CAAC,OAAO,IAAE;QACpD,KAAK,uBAAa,CAAC,sBAAsB;YACvC,uCAAY,KAAK,KAAE,iBAAiB,EAAE,MAAM,CAAC,OAAO,IAAE;QACxD,KAAK,uBAAa,CAAC,oBAAoB;YACrC,uCAAY,KAAK,KAAE,cAAc,EAAE,MAAM,CAAC,OAAO,IAAE;QACrD;YACE,OAAO,IAAA,kCAAe,EAAC,KAAK,EAAE,MAAM,CAAC,CAAA;KACxC;AACH,CAAC;AApDD,wCAoDC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.CoverComponent = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const constants_1 = require("../../constants");
|
|
7
|
+
const context_1 = require("../context");
|
|
8
|
+
const CoverComponent = ({ component, componentProps }) => {
|
|
9
|
+
const { getThemeProperty, toggleCoverComponent, webchatState } = (0, react_1.useContext)(context_1.WebchatContext);
|
|
10
|
+
const Cover = component;
|
|
11
|
+
const coverComponentProps = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.coverComponentProps, componentProps);
|
|
12
|
+
const closeCoverComponent = () => {
|
|
13
|
+
toggleCoverComponent(false);
|
|
14
|
+
};
|
|
15
|
+
if (!Cover || !webchatState.isCoverComponentOpen) {
|
|
16
|
+
return null;
|
|
17
|
+
}
|
|
18
|
+
return (0, jsx_runtime_1.jsx)(Cover, Object.assign({ closeComponent: closeCoverComponent }, coverComponentProps));
|
|
19
|
+
};
|
|
20
|
+
exports.CoverComponent = CoverComponent;
|
|
21
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/cover-component/index.tsx"],"names":[],"mappings":";;;;AAAA,iCAAyC;AAEzC,+CAAyC;AACzC,wCAA2C;AAOpC,MAAM,cAAc,GAAG,CAAC,EAAE,SAAS,EAAE,cAAc,EAAS,EAAE,EAAE;IACrE,MAAM,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,YAAY,EAAE,GAC5D,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAE5B,MAAM,KAAK,GAAG,SAAS,CAAA;IAEvB,MAAM,mBAAmB,GAAG,gBAAgB,CAC1C,mBAAO,CAAC,iBAAiB,CAAC,mBAAmB,EAC7C,cAAc,CACf,CAAA;IAED,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,oBAAoB,CAAC,KAAK,CAAC,CAAA;IAC7B,CAAC,CAAA;IAED,IAAI,CAAC,KAAK,IAAI,CAAC,YAAY,CAAC,oBAAoB,EAAE;QAChD,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,uBAAC,KAAK,kBAAC,cAAc,EAAE,mBAAmB,IAAM,mBAAmB,EAAI,CAAA;AAChF,CAAC,CAAA;AApBY,QAAA,cAAc,kBAoB1B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const DefaultHeader: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.DefaultHeader = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const constants_1 = require("../../constants");
|
|
7
|
+
const styles_1 = require("../../shared/styles");
|
|
8
|
+
const environment_1 = require("../../util/environment");
|
|
9
|
+
const react_2 = require("../../util/react");
|
|
10
|
+
const context_1 = require("../../webchat/context");
|
|
11
|
+
const styles_2 = require("./styles");
|
|
12
|
+
const DefaultHeader = () => {
|
|
13
|
+
const { getThemeProperty, toggleWebchat } = (0, react_1.useContext)(context_1.WebchatContext);
|
|
14
|
+
const animationsEnabled = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.enableAnimations);
|
|
15
|
+
const headerImage = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.headerImage, getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.brandImage));
|
|
16
|
+
const headerTitle = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.headerTitle);
|
|
17
|
+
const headerSubtitle = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.headerSubtitle);
|
|
18
|
+
const handleCloseWebchat = () => {
|
|
19
|
+
toggleWebchat(false);
|
|
20
|
+
};
|
|
21
|
+
const color = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.brandColor);
|
|
22
|
+
return ((0, jsx_runtime_1.jsxs)(styles_2.HeaderContainer, Object.assign({ role: constants_1.ROLES.HEADER, color: color, style: Object.assign({}, getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.headerStyle)) }, { children: [headerImage && ((0, jsx_runtime_1.jsx)(styles_2.ImageContainer, { children: (0, jsx_runtime_1.jsx)("img", { src: (0, environment_1.resolveImage)(headerImage) }) })), (0, jsx_runtime_1.jsxs)(styles_2.TextContainer, { children: [(0, jsx_runtime_1.jsx)(styles_2.Title, { children: headerTitle }), headerSubtitle ? (0, jsx_runtime_1.jsx)(styles_2.Subtitle, { children: headerSubtitle }) : null] }), (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)(styles_2.CloseHeader, Object.assign({ onClick: handleCloseWebchat }, { children: "\u2A2F" })) }))] })));
|
|
23
|
+
};
|
|
24
|
+
exports.DefaultHeader = DefaultHeader;
|
|
25
|
+
//# sourceMappingURL=default-header.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"default-header.js","sourceRoot":"","sources":["../../../../src/webchat/header/default-header.tsx"],"names":[],"mappings":";;;;AAAA,iCAAyC;AAEzC,+CAAgD;AAChD,gDAA2C;AAC3C,wDAAqD;AACrD,4CAAqD;AACrD,mDAAsD;AACtD,qCAOiB;AAEV,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,EAAE,gBAAgB,EAAE,aAAa,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAEtE,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,mBAAO,CAAC,iBAAiB,CAAC,gBAAgB,CAC3C,CAAA;IAED,MAAM,WAAW,GAAG,gBAAgB,CAClC,mBAAO,CAAC,iBAAiB,CAAC,WAAW,EACrC,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,UAAU,CAAC,CACvD,CAAA;IAED,MAAM,WAAW,GAAG,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAE3E,MAAM,cAAc,GAAG,gBAAgB,CACrC,mBAAO,CAAC,iBAAiB,CAAC,cAAc,CACzC,CAAA;IAED,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,aAAa,CAAC,KAAK,CAAC,CAAA;IACtB,CAAC,CAAA;IAED,MAAM,KAAK,GAAG,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAA;IAEpE,OAAO,CACL,wBAAC,wBAAe,kBACd,IAAI,EAAE,iBAAK,CAAC,MAAM,EAClB,KAAK,EAAE,KAAK,EACZ,KAAK,oBAAO,gBAAgB,CAAC,mBAAO,CAAC,iBAAiB,CAAC,WAAW,CAAC,kBAElE,WAAW,IAAI,CACd,uBAAC,uBAAc,cACb,gCAAK,GAAG,EAAE,IAAA,0BAAY,EAAC,WAAW,CAAC,GAAI,GACxB,CAClB,EACD,wBAAC,sBAAa,eACZ,uBAAC,cAAK,cAAE,WAAW,GAAS,EAC3B,cAAc,CAAC,CAAC,CAAC,uBAAC,iBAAQ,cAAE,cAAc,GAAY,CAAC,CAAC,CAAC,IAAI,IAChD,EAChB,uBAAC,0BAAkB,kBACjB,SAAS,EAAE,iBAAiB,EAC5B,OAAO,EAAE,QAAQ,CAAC,EAAE,CAAC,uBAAC,cAAK,cAAE,QAAQ,GAAS,gBAE9C,uBAAC,oBAAW,kBAAC,OAAO,EAAE,kBAAkB,4BAAiB,IACtC,KACL,CACnB,CAAA;AACH,CAAC,CAAA;AA/CY,QAAA,aAAa,iBA+CzB"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.WebchatHeader = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const constants_1 = require("../../constants");
|
|
7
|
+
const context_1 = require("../../webchat/context");
|
|
8
|
+
const constants_2 = require("../constants");
|
|
9
|
+
const default_header_1 = require("./default-header");
|
|
10
|
+
const styles_1 = require("./styles");
|
|
11
|
+
exports.WebchatHeader = (0, react_1.forwardRef)((_, ref) => {
|
|
12
|
+
const { getThemeProperty, toggleWebchat } = (0, react_1.useContext)(context_1.WebchatContext);
|
|
13
|
+
const handleCloseWebchat = () => {
|
|
14
|
+
toggleWebchat(false);
|
|
15
|
+
};
|
|
16
|
+
const CustomHeader = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.customHeader);
|
|
17
|
+
if (CustomHeader) {
|
|
18
|
+
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 }) })));
|
|
19
|
+
}
|
|
20
|
+
return ((0, jsx_runtime_1.jsx)(styles_1.StyledWebchatHeader, Object.assign({ id: constants_2.BotonicContainerId.Header, ref: ref }, { children: (0, jsx_runtime_1.jsx)(default_header_1.DefaultHeader, {}) })));
|
|
21
|
+
});
|
|
22
|
+
exports.WebchatHeader.displayName = 'WebchatHeader';
|
|
23
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/header/index.tsx"],"names":[],"mappings":";;;;AAAA,iCAAmE;AAEnE,+CAAyC;AACzC,mDAAsD;AACtD,4CAAiD;AACjD,qDAAgD;AAChD,qCAA8C;AAEjC,QAAA,aAAa,GAAG,IAAA,kBAAU,EACrC,CAAC,CAAC,EAAE,GAAiC,EAAE,EAAE;IACvC,MAAM,EAAE,gBAAgB,EAAE,aAAa,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAEtE,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,aAAa,CAAC,KAAK,CAAC,CAAA;IACtB,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,gBAAgB,CACnC,mBAAO,CAAC,iBAAiB,CAAC,YAAY,CACvC,CAAA;IAED,IAAI,YAAY,EAAE;QAChB,OAAO,CACL,8CAAK,EAAE,EAAE,8BAAkB,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,gBAC1C,uBAAC,YAAY,IAAC,YAAY,EAAE,kBAAkB,GAAI,IAC9C,CACP,CAAA;KACF;IAED,OAAO,CACL,uBAAC,4BAAmB,kBAAC,EAAE,EAAE,8BAAkB,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,gBAC1D,uBAAC,8BAAa,KAAG,IACG,CACvB,CAAA;AACH,CAAC,CACF,CAAA;AAED,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAA"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export declare const HeaderContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
2
|
+
export declare const ImageContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
3
|
+
export declare const TextContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
4
|
+
export declare const Title: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
5
|
+
export declare const Subtitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
6
|
+
export declare const CloseHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
7
|
+
export declare const StyledWebchatHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.StyledWebchatHeader = exports.CloseHeader = exports.Subtitle = exports.Title = exports.TextContainer = exports.ImageContainer = exports.HeaderContainer = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
|
|
6
|
+
const constants_1 = require("../../constants");
|
|
7
|
+
exports.HeaderContainer = styled_components_1.default.div `
|
|
8
|
+
display: flex;
|
|
9
|
+
background: linear-gradient(
|
|
10
|
+
90deg,
|
|
11
|
+
${constants_1.COLORS.BLEACHED_CEDAR_PURPLE} 0%,
|
|
12
|
+
${props => props.color} 100%
|
|
13
|
+
);
|
|
14
|
+
border-radius: ${props => { var _a, _b; return (_b = (_a = props.theme.header) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b.borderRadius; }};
|
|
15
|
+
z-index: 2;
|
|
16
|
+
height: inherit;
|
|
17
|
+
|
|
18
|
+
@media (max-width: ${props => props.theme.mobileBreakpoint}px) {
|
|
19
|
+
border-radius: ${props => { var _a, _b; return (_b = (_a = props.theme.header) === null || _a === void 0 ? void 0 : _a.mobileStyle) === null || _b === void 0 ? void 0 : _b.borderRadius; }};
|
|
20
|
+
}
|
|
21
|
+
`;
|
|
22
|
+
exports.ImageContainer = styled_components_1.default.div `
|
|
23
|
+
padding: 10px;
|
|
24
|
+
align-items: center;
|
|
25
|
+
|
|
26
|
+
img {
|
|
27
|
+
width: 32px;
|
|
28
|
+
border-radius: 50%;
|
|
29
|
+
}
|
|
30
|
+
`;
|
|
31
|
+
exports.TextContainer = styled_components_1.default.div `
|
|
32
|
+
display: flex;
|
|
33
|
+
flex-direction: column;
|
|
34
|
+
justify-content: center;
|
|
35
|
+
flex: 1 1 auto;
|
|
36
|
+
`;
|
|
37
|
+
exports.Title = styled_components_1.default.div `
|
|
38
|
+
display: flex;
|
|
39
|
+
font-family: inherit;
|
|
40
|
+
font-size: 15px;
|
|
41
|
+
font-weight: bold;
|
|
42
|
+
color: ${constants_1.COLORS.SOLID_WHITE};
|
|
43
|
+
`;
|
|
44
|
+
exports.Subtitle = styled_components_1.default.div `
|
|
45
|
+
display: flex;
|
|
46
|
+
font-family: inherit;
|
|
47
|
+
font-size: 11px;
|
|
48
|
+
color: ${constants_1.COLORS.SOLID_WHITE};
|
|
49
|
+
`;
|
|
50
|
+
exports.CloseHeader = styled_components_1.default.div `
|
|
51
|
+
padding: 0px 16px;
|
|
52
|
+
cursor: pointer;
|
|
53
|
+
color: ${constants_1.COLORS.SOLID_WHITE};
|
|
54
|
+
font-family: inherit;
|
|
55
|
+
font-size: 36px;
|
|
56
|
+
`;
|
|
57
|
+
exports.StyledWebchatHeader = styled_components_1.default.div `
|
|
58
|
+
border-radius: 8px 8px 0px 0px;
|
|
59
|
+
box-shadow: ${constants_1.COLORS.PIGEON_POST_BLUE_ALPHA_0_5} 0px 2px 5px;
|
|
60
|
+
height: 55px;
|
|
61
|
+
flex: none;
|
|
62
|
+
`;
|
|
63
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/webchat/header/styles.ts"],"names":[],"mappings":";;;;AAAA,kFAAsC;AAEtC,+CAAwC;AAE3B,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;MAInC,kBAAM,CAAC,qBAAqB;MAC5B,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK;;mBAEP,KAAK,CAAC,EAAE,eAAC,OAAA,MAAA,MAAA,KAAK,CAAC,KAAK,CAAC,MAAM,0CAAE,KAAK,0CAAE,YAAY,CAAA,EAAA;;;;uBAI5C,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,gBAAgB;qBACvC,KAAK,CAAC,EAAE,eAAC,OAAA,MAAA,MAAA,KAAK,CAAC,KAAK,CAAC,MAAM,0CAAE,WAAW,0CAAE,YAAY,CAAA,EAAA;;CAE1E,CAAA;AAEY,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;CAQvC,CAAA;AAEY,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;CAKtC,CAAA;AAEY,QAAA,KAAK,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;WAKpB,kBAAM,CAAC,WAAW;CAC5B,CAAA;AAEY,QAAA,QAAQ,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;WAIvB,kBAAM,CAAC,WAAW;CAC5B,CAAA;AAEY,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,CAAA;;;WAG1B,kBAAM,CAAC,WAAW;;;CAG5B,CAAA;AAEY,QAAA,mBAAmB,GAAG,2BAAM,CAAC,GAAG,CAAA;;gBAE7B,kBAAM,CAAC,0BAA0B;;;CAGhD,CAAA"}
|
|
@@ -6,6 +6,5 @@ export { useScrollToBottom } from './use-scroll-to-bottom';
|
|
|
6
6
|
export { useScrollbarController } from './use-scrollbar-controller';
|
|
7
7
|
export { useTyping } from './use-typing';
|
|
8
8
|
export { useVirtualKeyboardDetection } from './use-virtual-keyboard-detection';
|
|
9
|
-
export { useWebchat, webchatInitialState } from './use-webchat';
|
|
10
9
|
export { useWebchatDimensions } from './use-webchat-dimensions';
|
|
11
10
|
export { useWebchatResizer } from './use-webchat-resizer';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useWebchatResizer = exports.useWebchatDimensions = exports.
|
|
3
|
+
exports.useWebchatResizer = exports.useWebchatDimensions = exports.useVirtualKeyboardDetection = exports.useTyping = exports.useScrollbarController = exports.useScrollToBottom = exports.usePrevious = exports.useDeviceAdapter = exports.useComponentWillMount = exports.useComponentVisible = void 0;
|
|
4
4
|
var use_component_visible_1 = require("./use-component-visible");
|
|
5
5
|
Object.defineProperty(exports, "useComponentVisible", { enumerable: true, get: function () { return use_component_visible_1.useComponentVisible; } });
|
|
6
6
|
var use_component_will_mount_1 = require("./use-component-will-mount");
|
|
@@ -17,9 +17,6 @@ var use_typing_1 = require("./use-typing");
|
|
|
17
17
|
Object.defineProperty(exports, "useTyping", { enumerable: true, get: function () { return use_typing_1.useTyping; } });
|
|
18
18
|
var use_virtual_keyboard_detection_1 = require("./use-virtual-keyboard-detection");
|
|
19
19
|
Object.defineProperty(exports, "useVirtualKeyboardDetection", { enumerable: true, get: function () { return use_virtual_keyboard_detection_1.useVirtualKeyboardDetection; } });
|
|
20
|
-
var use_webchat_1 = require("./use-webchat");
|
|
21
|
-
Object.defineProperty(exports, "useWebchat", { enumerable: true, get: function () { return use_webchat_1.useWebchat; } });
|
|
22
|
-
Object.defineProperty(exports, "webchatInitialState", { enumerable: true, get: function () { return use_webchat_1.webchatInitialState; } });
|
|
23
20
|
var use_webchat_dimensions_1 = require("./use-webchat-dimensions");
|
|
24
21
|
Object.defineProperty(exports, "useWebchatDimensions", { enumerable: true, get: function () { return use_webchat_dimensions_1.useWebchatDimensions; } });
|
|
25
22
|
var use_webchat_resizer_1 = require("./use-webchat-resizer");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/index.ts"],"names":[],"mappings":";;;AAAA,iEAA6D;AAApD,4HAAA,mBAAmB,OAAA;AAC5B,uEAAkE;AAAzD,iIAAA,qBAAqB,OAAA;AAC9B,2DAAuD;AAA9C,sHAAA,gBAAgB,OAAA;AACzB,+CAA4C;AAAnC,2GAAA,WAAW,OAAA;AACpB,+DAA0D;AAAjD,yHAAA,iBAAiB,OAAA;AAC1B,uEAAmE;AAA1D,kIAAA,sBAAsB,OAAA;AAC/B,2CAAwC;AAA/B,uGAAA,SAAS,OAAA;AAClB,mFAA8E;AAArE,6IAAA,2BAA2B,OAAA;AACpC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/index.ts"],"names":[],"mappings":";;;AAAA,iEAA6D;AAApD,4HAAA,mBAAmB,OAAA;AAC5B,uEAAkE;AAAzD,iIAAA,qBAAqB,OAAA;AAC9B,2DAAuD;AAA9C,sHAAA,gBAAgB,OAAA;AACzB,+CAA4C;AAAnC,2GAAA,WAAW,OAAA;AACpB,+DAA0D;AAAjD,yHAAA,iBAAiB,OAAA;AAC1B,uEAAmE;AAA1D,kIAAA,sBAAsB,OAAA;AAC/B,2CAAwC;AAA/B,uGAAA,SAAS,OAAA;AAClB,mFAA8E;AAArE,6IAAA,2BAA2B,OAAA;AACpC,mEAA+D;AAAtD,8HAAA,oBAAoB,OAAA;AAC7B,6DAAyD;AAAhD,wHAAA,iBAAiB,OAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare function usePrevious(value: any):
|
|
1
|
+
export declare function usePrevious(value: any): any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-previous.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-previous.ts"],"names":[],"mappings":";;;AAAA,iCAAyC;AAEzC,SAAgB,WAAW,CAAC,
|
|
1
|
+
{"version":3,"file":"use-previous.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-previous.ts"],"names":[],"mappings":";;;AAAA,iCAAyC;AAEzC,SAAgB,WAAW,CAAC,KAAU;IACpC,MAAM,GAAG,GAAG,IAAA,cAAM,GAAE,CAAA;IACpB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,GAAG,CAAC,OAAO,GAAG,KAAK,CAAA;IACrB,CAAC,CAAC,CAAA;IACF,OAAO,GAAG,CAAC,OAAO,CAAA;AACpB,CAAC;AAND,kCAMC"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
|
|
1
|
+
interface UseScrollToBottom {
|
|
2
2
|
host: any;
|
|
3
|
-
behavior?:
|
|
4
|
-
timeout?: number
|
|
5
|
-
}
|
|
3
|
+
behavior?: ScrollBehavior;
|
|
4
|
+
timeout?: number;
|
|
5
|
+
}
|
|
6
|
+
export declare const useScrollToBottom: ({ host, behavior, timeout, }: UseScrollToBottom) => {
|
|
6
7
|
scrollToBottom: () => void;
|
|
7
8
|
};
|
|
9
|
+
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-scroll-to-bottom.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-scroll-to-bottom.ts"],"names":[],"mappings":";;;AAAA,wCAGuB;
|
|
1
|
+
{"version":3,"file":"use-scroll-to-bottom.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-scroll-to-bottom.ts"],"names":[],"mappings":";;;AAAA,wCAGuB;AAQhB,MAAM,iBAAiB,GAAG,CAAC,EAChC,IAAI,EACJ,QAAQ,GAAG,QAAQ,EACnB,OAAO,GAAG,GAAG,GACK,EAAE,EAAE;IACtB,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,MAAM,cAAc,GAAG,IAAA,uBAAiB,EAAC,IAAI,CAAC,CAAA;QAC9C,IAAI,CAAC,cAAc;YAAE,OAAM;QAC3B,MAAM,6BAA6B,GAAG,IAAA,sCAAgC,EAAC,IAAI,CAAC,CAAA;QAC5E,IAAI,CAAC,6BAA6B;YAAE,OAAM;QAE1C,UAAU,CAAC,GAAG,EAAE;YACd,6BAA6B,CAAC,QAAQ,CAAC;gBACrC,GAAG,EAAE,6BAA6B,CAAC,YAAY;gBAC/C,QAAQ,EAAE,QAAQ;aACnB,CAAC,CAAA;QACJ,CAAC,EAAE,OAAO,CAAC,CAAA;IACb,CAAC,CAAA;IAED,OAAO,EAAE,cAAc,EAAE,CAAA;AAC3B,CAAC,CAAA;AApBY,QAAA,iBAAiB,qBAoB7B"}
|