@botonic/react 0.36.0-alpha.0 → 0.36.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.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 +10 -11
- package/lib/cjs/contexts.js +15 -78
- 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 +39 -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 +62 -14
- 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 +10 -11
- package/lib/esm/contexts.js +14 -77
- 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 +35 -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 +64 -16
- 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 +26 -91
- 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 +73 -0
- package/src/webchat/webview/styles.ts +62 -0
- package/src/webchat-app.tsx +575 -0
- package/src/webview-app.tsx +75 -20
- 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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"document.js","sourceRoot":"","sources":["../../../src/components/document.
|
|
1
|
+
{"version":3,"file":"document.js","sourceRoot":"","sources":["../../../src/components/document.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAChD,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAEnD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAEnC,MAAM,YAAY,GAAG,MAAM,CAAC,CAAC,CAAA;;;;;;;;;;;;;;;;CAgB5B,CAAA;AAED,MAAM,SAAS,GAAG,CAAC,aAA8B,EAAE,EAAE;IACnD,OAAO,EAAE,QAAQ,EAAE,aAAa,CAAC,GAAG,EAAE,CAAA;AACxC,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC/C,KAAK,mCAAQ,KAAK,KAAE,GAAG,EAAE,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,GAAE,CAAA;IAEjD,IAAI,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAA;IAE5B,MAAM,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IACvD,IAAI,gBAAgB,GAAG,gBAAgB,CACrC,OAAO,CAAC,iBAAiB,CAAC,gBAAgB,EAC1C,EAAE,CACH,CAAA;IACD,IAAI,OAAO,gBAAgB,KAAK,UAAU;QACxC,gBAAgB,GAAG,gBAAgB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAEjD,IAAI,SAAS,EAAE,EAAE;QACf,OAAO,GAAG,CACR,KAAC,YAAY,kBACX,IAAI,EAAE,KAAK,CAAC,GAAG,EACf,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,YAAY,EAChB,KAAK,oBACA,gBAAgB,CAAC,KAAK,iBAG1B,gBAAgB,CAAC,IAAI,IAAI,UAAU,IACvB,CAChB,CAAA;KACF;IAED,OAAO,CACL,KAAC,OAAO,kBACN,IAAI,EAAE,KAAK,CAAC,gBAAgB,EAC5B,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,IAClB,KAAK,IACT,IAAI,EAAE,KAAK,CAAC,QAAQ,gBAEnB,OAAO,IACA,CACX,CAAA;AACH,CAAC,CAAA;AAED,QAAQ,CAAC,SAAS,GAAG,SAAS,CAAA"}
|
|
@@ -1,4 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
export
|
|
3
|
-
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface ElementProps {
|
|
3
|
+
children: React.ReactNode[];
|
|
4
4
|
}
|
|
5
|
+
export declare const Element: {
|
|
6
|
+
(props: ElementProps): any;
|
|
7
|
+
serialize(elementProps: any): any;
|
|
8
|
+
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import React from 'react';
|
|
3
2
|
import styled from 'styled-components';
|
|
4
3
|
import { COLORS, WEBCHAT } from '../constants';
|
|
5
4
|
import { renderComponent } from '../util/react';
|
|
5
|
+
import { Button } from './button/index';
|
|
6
6
|
const ElementContainer = styled.div `
|
|
7
7
|
display: flex;
|
|
8
8
|
flex-direction: column;
|
|
@@ -13,32 +13,32 @@ const ElementContainer = styled.div `
|
|
|
13
13
|
overflow: hidden;
|
|
14
14
|
justify-content: space-between;
|
|
15
15
|
`;
|
|
16
|
-
export const Element = props => {
|
|
16
|
+
export const Element = (props) => {
|
|
17
17
|
const renderBrowser = () => (_jsx(ElementContainer, { children: props.children }));
|
|
18
|
+
// @ts-ignore
|
|
18
19
|
const renderNode = () => _jsx("element", { children: props.children });
|
|
19
20
|
return renderComponent({ renderBrowser, renderNode });
|
|
20
21
|
};
|
|
21
22
|
Element.serialize = elementProps => {
|
|
22
23
|
const element = Object.assign({}, ...elementProps.children
|
|
23
|
-
.filter(c => c
|
|
24
|
-
.map(c => c.type.serialize && c.type.serialize(c.props)));
|
|
24
|
+
.filter(c => { var _a; return ((_a = c === null || c === void 0 ? void 0 : c.type) === null || _a === void 0 ? void 0 : _a.name) !== Button.name; })
|
|
25
|
+
.map(c => { var _a; return ((_a = c === null || c === void 0 ? void 0 : c.type) === null || _a === void 0 ? void 0 : _a.serialize) && c.type.serialize(c.props); }));
|
|
25
26
|
// When we are serializer buttons from backend, we are receiving the data
|
|
26
27
|
// as an array of buttons, so we have to keep robust with serve and deal with arrays
|
|
27
28
|
element.buttons = [
|
|
28
29
|
...elementProps.children
|
|
29
30
|
.filter(c => {
|
|
31
|
+
var _a;
|
|
30
32
|
if (c instanceof Array)
|
|
31
33
|
return true;
|
|
32
|
-
return c
|
|
34
|
+
return ((_a = c === null || c === void 0 ? void 0 : c.type) === null || _a === void 0 ? void 0 : _a.name) === Button.name;
|
|
33
35
|
})
|
|
34
36
|
.map(b => {
|
|
37
|
+
var _a;
|
|
35
38
|
if (b instanceof Array) {
|
|
36
|
-
|
|
37
|
-
bb.type &&
|
|
38
|
-
bb.type.serialize &&
|
|
39
|
-
bb.type.serialize(bb.props).button);
|
|
39
|
+
b.map(bb => { var _a, _b, _c; return (_c = (_b = (_a = bb === null || bb === void 0 ? void 0 : bb.type) === null || _a === void 0 ? void 0 : _a.serialize) === null || _b === void 0 ? void 0 : _b.call(_a, bb.props)) === null || _c === void 0 ? void 0 : _c.button; });
|
|
40
40
|
}
|
|
41
|
-
return (b
|
|
41
|
+
return (_a = b === null || b === void 0 ? void 0 : b.type) === null || _a === void 0 ? void 0 : _a.serialize(b.props).button;
|
|
42
42
|
}),
|
|
43
43
|
];
|
|
44
44
|
// When we have the buttons from backend, we have all buttons inside an array on the first position
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"element.js","sourceRoot":"","sources":["../../../src/components/element.
|
|
1
|
+
{"version":3,"file":"element.js","sourceRoot":"","sources":["../../../src/components/element.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAEvC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;;WAGxB,OAAO,CAAC,QAAQ,CAAC,aAAa;kBACvB,OAAO,CAAC,QAAQ,CAAC,oBAAoB;;sBAEjC,MAAM,CAAC,cAAc;;;CAG1C,CAAA;AAMD,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;IAC7C,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,CAC1B,KAAC,gBAAgB,cAAE,KAAK,CAAC,QAAQ,GAAoB,CACtD,CAAA;IAED,aAAa;IACb,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,4BAAU,KAAK,CAAC,QAAQ,GAAW,CAAA;IAE5D,OAAO,eAAe,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AAED,OAAO,CAAC,SAAS,GAAG,YAAY,CAAC,EAAE;IACjC,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAC3B,EAAE,EACF,GAAG,YAAY,CAAC,QAAQ;SACrB,MAAM,CAAC,CAAC,CAAC,EAAE,WAAC,OAAA,CAAA,MAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,IAAI,0CAAE,IAAI,MAAK,MAAM,CAAC,IAAI,CAAA,EAAA,CAAC;SAC1C,GAAG,CAAC,CAAC,CAAC,EAAE,WAAC,OAAA,CAAA,MAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,IAAI,0CAAE,SAAS,KAAI,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA,EAAA,CAAC,CAC7D,CAAA;IACD,yEAAyE;IACzE,oFAAoF;IACpF,OAAO,CAAC,OAAO,GAAG;QAChB,GAAG,YAAY,CAAC,QAAQ;aACrB,MAAM,CAAC,CAAC,CAAC,EAAE;;YACV,IAAI,CAAC,YAAY,KAAK;gBAAE,OAAO,IAAI,CAAA;YACnC,OAAO,CAAA,MAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,IAAI,0CAAE,IAAI,MAAK,MAAM,CAAC,IAAI,CAAA;QACtC,CAAC,CAAC;aACD,GAAG,CAAC,CAAC,CAAC,EAAE;;YACP,IAAI,CAAC,YAAY,KAAK,EAAE;gBACtB,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,mBAAC,OAAA,MAAA,MAAA,MAAA,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,IAAI,0CAAE,SAAS,mDAAG,EAAE,CAAC,KAAK,CAAC,0CAAE,MAAM,CAAA,EAAA,CAAC,CAAA;aACrD;YACD,OAAO,MAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,IAAI,0CAAE,SAAS,CAAC,CAAC,CAAC,KAAK,EAAE,MAAM,CAAA;QAC3C,CAAC,CAAC;KACL,CAAA;IACD,mGAAmG;IACnG,oGAAoG;IACpG,2CAA2C;IAC3C,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,KAAK;QAAE,OAAO,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;IAC7E,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export function Handoff(props: any): JSX.Element;
|
|
1
|
+
export function Handoff(props: any): import("react/jsx-runtime").JSX.Element;
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import React, { useContext, useState } from 'react';
|
|
3
3
|
import styled from 'styled-components';
|
|
4
4
|
import { COLORS } from '../constants';
|
|
5
|
-
import { WebchatContext } from '../
|
|
5
|
+
import { WebchatContext } from '../webchat/context';
|
|
6
6
|
const Container = styled.div `
|
|
7
7
|
display: flex;
|
|
8
8
|
font-family: inherit;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"handoff.js","sourceRoot":"","sources":["../../../src/components/handoff.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACnD,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"handoff.js","sourceRoot":"","sources":["../../../src/components/handoff.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACnD,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAEnD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAO3B,CAAA;AAED,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGtC,CAAA;AAED,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGhC,CAAA;AAED,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAA;;;sBAGZ,MAAM,CAAC,WAAW;;;;;CAKvC,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,KAAK,CAAC,EAAE;IAC7B,MAAM,EAAE,WAAW,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAClD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,CAAA;IAE1D,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,QAAQ,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAA;QACjC,WAAW,EAAE,CAAA;IACf,CAAC,CAAA;IAED,MAAM,OAAO,GAAG,KAAK,CAAC,YAAY;QAChC,CAAC,CAAC,MAAM,CAAC,mBAAmB;QAC5B,CAAC,CAAC,MAAM,CAAC,WAAW,CAAA;IACtB,MAAM,SAAS,GAAG,KAAK,CAAC,YAAY;QAClC,CAAC,CAAC,MAAM,CAAC,WAAW;QACpB,CAAC,CAAC,MAAM,CAAC,YAAY,CAAA;IACvB,OAAO,CACL,MAAC,SAAS,kBACR,KAAK,EAAE;YACL,KAAK,EAAE,SAAS;YAChB,eAAe,EAAE,OAAO;SACzB,iBAEA,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CACpB,KAAC,oBAAoB,+DAEE,CACxB,CAAC,CAAC,CAAC,CACF,KAAC,cAAc,sCAAqC,CACrD,EACA,KAAK,CAAC,YAAY,IAAI,CACrB,KAAC,YAAY,kBAAC,OAAO,EAAE,aAAa,8BAAyB,CAC9D,KACS,CACb,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
export
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
import { ImageProps } from './index-types';
|
|
2
|
+
export declare const Image: {
|
|
3
|
+
(props: ImageProps): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
serialize: (imageProps: {
|
|
5
|
+
src: string;
|
|
6
|
+
}) => {
|
|
7
|
+
image: string;
|
|
8
|
+
};
|
|
7
9
|
};
|
|
8
|
-
export {};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { INPUT, isBrowser } from '@botonic/core';
|
|
3
|
-
import
|
|
3
|
+
import { useContext, useState } from 'react';
|
|
4
4
|
import styled from 'styled-components';
|
|
5
5
|
import { ROLES, WEBCHAT } from '../constants';
|
|
6
|
-
import { WebchatContext } from '../contexts';
|
|
7
6
|
import { staticAsset } from '../util/environment';
|
|
7
|
+
import { WebchatContext } from '../webchat/context';
|
|
8
8
|
import { Message } from './message';
|
|
9
9
|
const StyledImage = styled.img `
|
|
10
10
|
border-radius: 8px;
|
|
@@ -13,10 +13,10 @@ const StyledImage = styled.img `
|
|
|
13
13
|
margin: -3px -6px;
|
|
14
14
|
cursor: ${({ hasPreviewer }) => (hasPreviewer ? 'pointer' : 'auto')};
|
|
15
15
|
`;
|
|
16
|
-
const serialize = imageProps => {
|
|
16
|
+
const serialize = (imageProps) => {
|
|
17
17
|
return { image: imageProps.src };
|
|
18
18
|
};
|
|
19
|
-
export const Image = props => {
|
|
19
|
+
export const Image = (props) => {
|
|
20
20
|
var _a;
|
|
21
21
|
props = ((_a = props.input) === null || _a === void 0 ? void 0 : _a.data)
|
|
22
22
|
? Object.assign(Object.assign({}, props), { src: props.input.data }) : Object.assign(Object.assign({}, props), { src: staticAsset(props.src) });
|
|
@@ -25,7 +25,7 @@ export const Image = props => {
|
|
|
25
25
|
const openPreviewer = () => setIsPreviewerOpened(true);
|
|
26
26
|
const closePreviewer = () => setIsPreviewerOpened(false);
|
|
27
27
|
const { getThemeProperty } = useContext(WebchatContext);
|
|
28
|
-
const ImagePreviewer = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.imagePreviewer
|
|
28
|
+
const ImagePreviewer = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.imagePreviewer);
|
|
29
29
|
if (isBrowser()) {
|
|
30
30
|
content = (_jsxs(_Fragment, { children: [_jsx(StyledImage, { src: props.src, onClick: openPreviewer, hasPreviewer: Boolean(ImagePreviewer) }), ImagePreviewer && (_jsx(ImagePreviewer, { src: props.src, isPreviewerOpened: isPreviewerOpened, openPreviewer: openPreviewer, closePreviewer: closePreviewer }))] }));
|
|
31
31
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"image.js","sourceRoot":"","sources":["../../../src/components/image.
|
|
1
|
+
{"version":3,"file":"image.js","sourceRoot":"","sources":["../../../src/components/image.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAChD,OAAc,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACnD,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAEnD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAMnC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAkB;;;;;YAKpC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;CACpE,CAAA;AAED,MAAM,SAAS,GAAG,CAAC,UAA2B,EAAE,EAAE;IAChD,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,GAAG,EAAE,CAAA;AAClC,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAE,EAAE;;IACzC,KAAK,GAAG,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,IAAI;QACvB,CAAC,iCAAM,KAAK,KAAE,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,IACnC,CAAC,iCAAM,KAAK,KAAE,GAAG,EAAE,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,GAAE,CAAA;IAE7C,IAAI,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAA;IAE5B,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjE,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAA;IACtD,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAA;IAExD,MAAM,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IACvD,MAAM,cAAc,GAAG,gBAAgB,CACrC,OAAO,CAAC,iBAAiB,CAAC,cAAc,CACzC,CAAA;IAED,IAAI,SAAS,EAAE,EAAE;QACf,OAAO,GAAG,CACR,8BACE,KAAC,WAAW,IACV,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,OAAO,EAAE,aAAa,EACtB,YAAY,EAAE,OAAO,CAAC,cAAc,CAAC,GACrC,EACD,cAAc,IAAI,CACjB,KAAC,cAAc,IACb,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,iBAAiB,EAAE,iBAAiB,EACpC,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,GAC9B,CACH,IACA,CACJ,CAAA;KACF;IAED,OAAO,CACL,KAAC,OAAO,kBACN,IAAI,EAAE,KAAK,CAAC,aAAa,EACzB,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,IAClB,KAAK,IACT,IAAI,EAAE,KAAK,CAAC,KAAK,gBAEhB,OAAO,IACA,CACX,CAAA;AACH,CAAC,CAAA;AAED,KAAK,CAAC,SAAS,GAAG,SAAS,CAAA"}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { SENDERS } from '../index-types';
|
|
3
|
-
import { CoverComponentProps } from '../webchat/index-types';
|
|
4
3
|
export type MessageType = 'audio' | 'buttonmessage' | 'carousel' | 'custom' | 'document' | 'image' | 'location' | 'text' | 'video';
|
|
5
4
|
export interface MessageProps {
|
|
6
5
|
blob?: boolean;
|
|
7
|
-
children
|
|
6
|
+
children?: React.ReactNode;
|
|
8
7
|
delay?: number;
|
|
9
8
|
enabletimestamps?: boolean;
|
|
10
9
|
sentBy?: SENDERS;
|
|
@@ -19,6 +18,9 @@ export interface TextProps extends MessageProps {
|
|
|
19
18
|
inferenceId?: string;
|
|
20
19
|
botInteractionId?: string;
|
|
21
20
|
}
|
|
21
|
+
export interface CarouselProps extends MessageProps {
|
|
22
|
+
children: React.ReactNode[];
|
|
23
|
+
}
|
|
22
24
|
export interface Webview {
|
|
23
25
|
name: string;
|
|
24
26
|
}
|
|
@@ -32,7 +34,7 @@ export interface ButtonProps {
|
|
|
32
34
|
onClick?: () => void;
|
|
33
35
|
autodisable?: boolean;
|
|
34
36
|
disabled?: boolean;
|
|
35
|
-
disabledstyle?:
|
|
37
|
+
disabledstyle?: Record<string, string> | string;
|
|
36
38
|
children: string;
|
|
37
39
|
setDisabled?: (disabled: boolean) => void;
|
|
38
40
|
parentId?: string;
|
|
@@ -42,144 +44,41 @@ export interface ReplyProps {
|
|
|
42
44
|
payload?: string;
|
|
43
45
|
children: string;
|
|
44
46
|
}
|
|
45
|
-
export interface
|
|
47
|
+
export interface ImageProps extends MessageProps {
|
|
46
48
|
src: string;
|
|
49
|
+
input?: {
|
|
50
|
+
data: string;
|
|
51
|
+
};
|
|
47
52
|
}
|
|
48
|
-
export
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
53
|
+
export interface VideoProps extends MessageProps {
|
|
54
|
+
src: string;
|
|
55
|
+
input?: {
|
|
56
|
+
data: string;
|
|
57
|
+
};
|
|
52
58
|
}
|
|
53
|
-
export
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
}
|
|
66
|
-
export
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
style?: any;
|
|
71
|
-
};
|
|
72
|
-
export type PersistentMenuTheme = (PersistentMenuCloseOption | PersistentMenuOption)[];
|
|
73
|
-
export interface PersistentMenuProps {
|
|
74
|
-
onClick: () => void;
|
|
75
|
-
options: any;
|
|
59
|
+
export interface AudioProps extends MessageProps {
|
|
60
|
+
src: string;
|
|
61
|
+
input?: {
|
|
62
|
+
data: string;
|
|
63
|
+
};
|
|
64
|
+
}
|
|
65
|
+
export interface DocumentProps extends MessageProps {
|
|
66
|
+
src: string;
|
|
67
|
+
input?: {
|
|
68
|
+
data: string;
|
|
69
|
+
};
|
|
70
|
+
from?: any;
|
|
71
|
+
}
|
|
72
|
+
export interface CustomMessageType {
|
|
73
|
+
(props: any): JSX.Element;
|
|
74
|
+
customTypeName: string;
|
|
75
|
+
deserialize(msg: any): JSX.Element;
|
|
76
76
|
}
|
|
77
77
|
export type BlockInputOption = {
|
|
78
78
|
preprocess?: (message: string) => string;
|
|
79
79
|
match: RegExp[];
|
|
80
80
|
message: string;
|
|
81
81
|
};
|
|
82
|
-
export interface BlobProps {
|
|
83
|
-
blobTick?: boolean;
|
|
84
|
-
blobTickStyle?: any;
|
|
85
|
-
blobWidth?: string;
|
|
86
|
-
imageStyle?: any;
|
|
87
|
-
}
|
|
88
|
-
export interface ThemeProps extends StyleProp {
|
|
89
|
-
mobileBreakpoint?: number;
|
|
90
|
-
mobileStyle?: any;
|
|
91
|
-
webview?: StyleProp & {
|
|
92
|
-
header?: StyleProp;
|
|
93
|
-
};
|
|
94
|
-
animations?: EnableProp;
|
|
95
|
-
intro?: StyleProp & ImageProp & CustomProp;
|
|
96
|
-
brand?: {
|
|
97
|
-
color?: string;
|
|
98
|
-
} & ImageProp;
|
|
99
|
-
header?: {
|
|
100
|
-
title?: string;
|
|
101
|
-
subtitle?: string;
|
|
102
|
-
} & ImageProp & StyleProp & CustomProp;
|
|
103
|
-
message?: {
|
|
104
|
-
bot?: BlobProps & ImageProp & StyleProp;
|
|
105
|
-
agent?: ImageProp;
|
|
106
|
-
user?: BlobProps & StyleProp;
|
|
107
|
-
customTypes?: React.ComponentType[];
|
|
108
|
-
} & StyleProp & {
|
|
109
|
-
timestamps?: {
|
|
110
|
-
withImage?: boolean;
|
|
111
|
-
format: () => string;
|
|
112
|
-
} & StyleProp & EnableProp;
|
|
113
|
-
};
|
|
114
|
-
button?: {
|
|
115
|
-
autodisable?: boolean;
|
|
116
|
-
disabledstyle?: any;
|
|
117
|
-
hoverBackground?: string;
|
|
118
|
-
hoverTextColor?: string;
|
|
119
|
-
messageType?: 'text' | 'payload';
|
|
120
|
-
urlIcon?: ImageProp & EnableProp;
|
|
121
|
-
} & StyleProp & CustomProp;
|
|
122
|
-
replies?: {
|
|
123
|
-
align?: 'left' | 'center' | 'right';
|
|
124
|
-
wrap?: 'wrap' | 'nowrap';
|
|
125
|
-
};
|
|
126
|
-
carousel?: {
|
|
127
|
-
arrow?: {
|
|
128
|
-
left: CustomProp;
|
|
129
|
-
right: CustomProp;
|
|
130
|
-
};
|
|
131
|
-
enableArrows?: boolean;
|
|
132
|
-
};
|
|
133
|
-
reply?: StyleProp & CustomProp;
|
|
134
|
-
triggerButton?: ImageProp & StyleProp & CustomProp;
|
|
135
|
-
notifications?: EnableProp & {
|
|
136
|
-
banner?: CustomProp & EnableProp & {
|
|
137
|
-
text?: string;
|
|
138
|
-
};
|
|
139
|
-
triggerButton?: EnableProp;
|
|
140
|
-
};
|
|
141
|
-
scrollButton?: EnableProp & CustomProp;
|
|
142
|
-
markdownStyle?: string;
|
|
143
|
-
userInput?: {
|
|
144
|
-
attachments?: EnableProp & CustomProp;
|
|
145
|
-
blockInputs?: BlockInputOption[];
|
|
146
|
-
box?: {
|
|
147
|
-
placeholder: string;
|
|
148
|
-
} & StyleProp;
|
|
149
|
-
emojiPicker?: EnableProp & CustomProp;
|
|
150
|
-
menu?: {
|
|
151
|
-
darkBackground?: boolean;
|
|
152
|
-
} & {
|
|
153
|
-
custom?: React.ComponentType<PersistentMenuProps>;
|
|
154
|
-
};
|
|
155
|
-
menuButton?: CustomProp;
|
|
156
|
-
persistentMenu?: PersistentMenuTheme;
|
|
157
|
-
sendButton?: EnableProp & CustomProp;
|
|
158
|
-
} & EnableProp & StyleProp;
|
|
159
|
-
imagePreviewer?: React.ComponentType<ImagePreviewerProps>;
|
|
160
|
-
}
|
|
161
|
-
interface ImagePreviewerProps {
|
|
162
|
-
src: string;
|
|
163
|
-
isPreviewerOpened: boolean;
|
|
164
|
-
closePreviewer: () => void;
|
|
165
|
-
}
|
|
166
|
-
export interface CoverComponentOptions {
|
|
167
|
-
component: React.ComponentType<CoverComponentProps>;
|
|
168
|
-
props?: any;
|
|
169
|
-
}
|
|
170
|
-
export interface WebchatSettingsProps {
|
|
171
|
-
blockInputs?: BlockInputOption[];
|
|
172
|
-
enableAnimations?: boolean;
|
|
173
|
-
enableAttachments?: boolean;
|
|
174
|
-
enableEmojiPicker?: boolean;
|
|
175
|
-
enableUserInput?: boolean;
|
|
176
|
-
persistentMenu?: PersistentMenuTheme;
|
|
177
|
-
theme?: ThemeProps;
|
|
178
|
-
user?: {
|
|
179
|
-
extra_data?: any;
|
|
180
|
-
};
|
|
181
|
-
}
|
|
182
82
|
export type WrappedComponent<Props> = React.FunctionComponent<Props> & {
|
|
183
83
|
customTypeName: string;
|
|
184
84
|
};
|
|
185
|
-
export {};
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
export { Audio } from './audio';
|
|
2
|
-
export { Button } from './button';
|
|
2
|
+
export { Button } from './button/index';
|
|
3
3
|
export { Carousel } from './carousel';
|
|
4
4
|
export { customMessage } from './custom-message';
|
|
5
5
|
export { Document } from './document';
|
|
6
6
|
export { Element } from './element';
|
|
7
|
+
export { Handoff } from './handoff';
|
|
7
8
|
export { Image } from './image';
|
|
8
9
|
export * from './index-types';
|
|
9
10
|
export { Location } from './location';
|
|
@@ -18,7 +19,12 @@ export { Subtitle } from './subtitle';
|
|
|
18
19
|
export { Text } from './text';
|
|
19
20
|
export { Title } from './title';
|
|
20
21
|
export { Video } from './video';
|
|
21
|
-
export { WebchatSettings } from './webchat-settings';
|
|
22
|
+
export { normalizeWebchatSettings, WebchatSettings, WebchatSettingsProps, } from './webchat-settings';
|
|
22
23
|
export { WhatsappButtonList, WhatsappButtonListProps, WhatsappButtonListRowProps, WhatsappButtonListSectionProps, } from './whatsapp-button-list';
|
|
24
|
+
export { WhatsappCatalog, WhatsappCatalogProps } from './whatsapp-catalog';
|
|
23
25
|
export { WhatsappCTAUrlButton, WhatsappCTAUrlButtonProps, } from './whatsapp-cta-url-button';
|
|
26
|
+
export { WhatsappMediaCarousel, WhatsappMediaCarouselProps, } from './whatsapp-media-carousel';
|
|
27
|
+
export { WhatsappProduct } from './whatsapp-product';
|
|
28
|
+
export { WhatsappProductCarousel, WhatsappProductCarouselProps, } from './whatsapp-product-carousel';
|
|
29
|
+
export { ProductItem, WhatsappProductList, WhatsappProductListProps, WhatsappProductListSection, } from './whatsapp-product-list';
|
|
24
30
|
export { WhatsappTemplate } from './whatsapp-template';
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
export { Audio } from './audio';
|
|
2
|
-
export { Button } from './button';
|
|
2
|
+
export { Button } from './button/index';
|
|
3
3
|
export { Carousel } from './carousel';
|
|
4
4
|
export { customMessage } from './custom-message';
|
|
5
5
|
export { Document } from './document';
|
|
6
6
|
export { Element } from './element';
|
|
7
|
+
export { Handoff } from './handoff';
|
|
7
8
|
export { Image } from './image';
|
|
8
9
|
export * from './index-types';
|
|
9
10
|
export { Location } from './location';
|
|
@@ -18,8 +19,13 @@ export { Subtitle } from './subtitle';
|
|
|
18
19
|
export { Text } from './text';
|
|
19
20
|
export { Title } from './title';
|
|
20
21
|
export { Video } from './video';
|
|
21
|
-
export { WebchatSettings } from './webchat-settings';
|
|
22
|
+
export { normalizeWebchatSettings, WebchatSettings, } from './webchat-settings';
|
|
22
23
|
export { WhatsappButtonList, } from './whatsapp-button-list';
|
|
24
|
+
export { WhatsappCatalog } from './whatsapp-catalog';
|
|
23
25
|
export { WhatsappCTAUrlButton, } from './whatsapp-cta-url-button';
|
|
26
|
+
export { WhatsappMediaCarousel, } from './whatsapp-media-carousel';
|
|
27
|
+
export { WhatsappProduct } from './whatsapp-product';
|
|
28
|
+
export { WhatsappProductCarousel, } from './whatsapp-product-carousel';
|
|
29
|
+
export { WhatsappProductList, } from './whatsapp-product-list';
|
|
24
30
|
export { WhatsappTemplate } from './whatsapp-template';
|
|
25
31
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,cAAc,gBAAgB,CAAA;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EACL,wBAAwB,EACxB,eAAe,GAEhB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EACL,kBAAkB,GAInB,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EAAE,eAAe,EAAwB,MAAM,oBAAoB,CAAA;AAC1E,OAAO,EACL,oBAAoB,GAErB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EACL,qBAAqB,GAEtB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,EACL,uBAAuB,GAExB,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAEL,mBAAmB,GAGpB,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA"}
|
|
@@ -4,12 +4,13 @@ import { INPUT, isBrowser } from '@botonic/core';
|
|
|
4
4
|
import React, { useContext, useEffect, useState } from 'react';
|
|
5
5
|
import { v7 as uuidv7 } from 'uuid';
|
|
6
6
|
import { COLORS, WEBCHAT } from '../../constants';
|
|
7
|
-
import { RequestContext
|
|
7
|
+
import { RequestContext } from '../../contexts';
|
|
8
8
|
import { SENDERS } from '../../index-types';
|
|
9
9
|
import { Fade } from '../../shared/styles';
|
|
10
10
|
import { isDev } from '../../util/environment';
|
|
11
11
|
import { ConditionalWrapper, renderComponent } from '../../util/react';
|
|
12
|
-
import {
|
|
12
|
+
import { WebchatContext } from '../../webchat/context';
|
|
13
|
+
import { Button } from '../button/index';
|
|
13
14
|
import { ButtonsDisabler } from '../buttons-disabler';
|
|
14
15
|
import { getMarkdownStyle, renderLinks, renderMarkdown } from '../markdown';
|
|
15
16
|
import { Reply } from '../reply';
|
|
@@ -24,7 +25,7 @@ export const Message = props => {
|
|
|
24
25
|
const isSentByBot = sentBy === SENDERS.bot;
|
|
25
26
|
const markdown = props.markdown;
|
|
26
27
|
const { webchatState, addMessage, updateReplies, getThemeProperty } = useContext(WebchatContext);
|
|
27
|
-
const [state
|
|
28
|
+
const [state] = useState({
|
|
28
29
|
id: props.id || uuidv7(),
|
|
29
30
|
});
|
|
30
31
|
const [disabled, setDisabled] = useState(false);
|
|
@@ -89,7 +90,7 @@ export const Message = props => {
|
|
|
89
90
|
}
|
|
90
91
|
}
|
|
91
92
|
}, [webchatState.messagesJSON]);
|
|
92
|
-
const brandColor = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.brandColor
|
|
93
|
+
const brandColor = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.brandColor);
|
|
93
94
|
const getBgColor = () => {
|
|
94
95
|
if (!blob)
|
|
95
96
|
return COLORS.TRANSPARENT;
|
|
@@ -102,7 +103,7 @@ export const Message = props => {
|
|
|
102
103
|
? getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.userMessageStyle)
|
|
103
104
|
: getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.botMessageStyle);
|
|
104
105
|
const userOrBotMessage = isSentByUser ? SENDERS.user : SENDERS.bot;
|
|
105
|
-
const hasBlobTick = () => getThemeProperty(`message.${userOrBotMessage}.blobTick
|
|
106
|
+
const hasBlobTick = () => getThemeProperty(`message.${userOrBotMessage}.blobTick`);
|
|
106
107
|
const renderBrowser = () => {
|
|
107
108
|
const messageJSON = webchatState.messagesJSON.find(m => m.id === state.id);
|
|
108
109
|
if (!messageJSON || !messageJSON.display)
|
|
@@ -130,7 +131,7 @@ export const Message = props => {
|
|
|
130
131
|
}
|
|
131
132
|
return (_jsx(BlobTickContainer, Object.assign({ style: containerStyle }, { children: _jsx(BlobTick, { pointerSize: pointerSize, style: blobTickStyle }) })));
|
|
132
133
|
};
|
|
133
|
-
const animationsEnabled = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.enableAnimations
|
|
134
|
+
const animationsEnabled = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.enableAnimations);
|
|
134
135
|
const resolveCustomTypeName = () => isSentByBot && type === INPUT.CUSTOM
|
|
135
136
|
? ` ${messageJSON.customTypeName}`
|
|
136
137
|
: '';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/message/index.jsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC9D,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAA;AAEnC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/message/index.jsx"],"names":[],"mappings":"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"}
|
|
@@ -3,5 +3,5 @@ interface RatingProps {
|
|
|
3
3
|
inferenceId?: string;
|
|
4
4
|
messageId: string;
|
|
5
5
|
}
|
|
6
|
-
export declare const MessageFeedback: ({ botInteractionId, inferenceId, messageId, }: RatingProps) => JSX.Element;
|
|
6
|
+
export declare const MessageFeedback: ({ botInteractionId, inferenceId, messageId, }: RatingProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
7
|
export {};
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { __awaiter } from "tslib";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { useContext, useEffect, useState } from 'react';
|
|
4
|
-
import { v7 as uuidv7 } from 'uuid';
|
|
5
4
|
import ThumbsDown from '../../assets/thumbs-down.svg';
|
|
6
5
|
import ThumbsUp from '../../assets/thumbs-up.svg';
|
|
7
|
-
import { WebchatContext } from '../../contexts';
|
|
8
6
|
import { resolveImage } from '../../util';
|
|
9
|
-
import {
|
|
7
|
+
import { WebchatContext } from '../../webchat/context';
|
|
8
|
+
import { useTracking } from '../../webchat/tracking';
|
|
10
9
|
import { FeedbackButton, FeedbackMessageContainer } from './styles';
|
|
11
10
|
export const MessageFeedback = ({ botInteractionId, inferenceId, messageId, }) => {
|
|
12
|
-
const { webchatState, updateMessage
|
|
11
|
+
const { webchatState, updateMessage } = useContext(WebchatContext);
|
|
12
|
+
const { trackKnowledgebaseFeedback } = useTracking();
|
|
13
13
|
const [className, setClassName] = useState('');
|
|
14
14
|
const [disabled, setDisabled] = useState({
|
|
15
15
|
positive: false,
|
|
@@ -30,29 +30,18 @@ export const MessageFeedback = ({ botInteractionId, inferenceId, messageId, }) =
|
|
|
30
30
|
}
|
|
31
31
|
}, [disabled]);
|
|
32
32
|
const handleClick = (isUseful) => __awaiter(void 0, void 0, void 0, function* () {
|
|
33
|
-
if (!trackEvent) {
|
|
34
|
-
return;
|
|
35
|
-
}
|
|
36
33
|
if (isUseful) {
|
|
37
34
|
setDisabled({ positive: false, negative: true });
|
|
38
35
|
}
|
|
39
36
|
else {
|
|
40
37
|
setDisabled({ positive: true, negative: false });
|
|
41
38
|
}
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
possibleValues: [0, 1],
|
|
49
|
-
option: isUseful ? FeedbackOption.ThumbsUp : FeedbackOption.ThumbsDown,
|
|
50
|
-
value: isUseful ? 1 : 0,
|
|
51
|
-
};
|
|
52
|
-
const request = {
|
|
53
|
-
session: Object.assign({}, webchatState.session),
|
|
54
|
-
};
|
|
55
|
-
yield trackEvent(request, EventAction.FeedbackKnowledgebase, args);
|
|
39
|
+
yield trackKnowledgebaseFeedback({
|
|
40
|
+
messageId,
|
|
41
|
+
isUseful,
|
|
42
|
+
botInteractionId,
|
|
43
|
+
inferenceId,
|
|
44
|
+
});
|
|
56
45
|
});
|
|
57
46
|
return (_jsxs(FeedbackMessageContainer, { children: [_jsx(FeedbackButton, Object.assign({ className: className, disabled: disabled.positive, onClick: () => handleClick(true) }, { children: _jsx("img", { src: resolveImage(ThumbsUp) }) })), _jsx(FeedbackButton, Object.assign({ className: className, disabled: disabled.negative, onClick: () => handleClick(false) }, { children: _jsx("img", { src: resolveImage(ThumbsDown) }) }))] }));
|
|
58
47
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"message-feedback.js","sourceRoot":"","sources":["../../../../src/components/message/message-feedback.tsx"],"names":[],"mappings":";;AAAA,OAAc,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"message-feedback.js","sourceRoot":"","sources":["../../../../src/components/message/message-feedback.tsx"],"names":[],"mappings":";;AAAA,OAAc,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE9D,OAAO,UAAU,MAAM,8BAA8B,CAAA;AACrD,OAAO,QAAQ,MAAM,4BAA4B,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAA;AAanE,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,gBAAgB,EAChB,WAAW,EACX,SAAS,GACG,EAAE,EAAE;IAChB,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAClE,MAAM,EAAE,0BAA0B,EAAE,GAAG,WAAW,EAAE,CAAA;IAEpD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAC9C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAe;QACrD,QAAQ,EAAE,KAAK;QACf,QAAQ,EAAE,KAAK;KAChB,CAAC,CAAA;IAEF,MAAM,qBAAqB,GAAG,CAAC,eAAwB,EAAE,EAAE;QACzD,MAAM,OAAO,GAAG,YAAY,CAAC,YAAY,CAAC,IAAI,CAC5C,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,KAAK,SAAS,CACpC,CAAA;QACD,MAAM,UAAU,mCACX,OAAO,KACV,eAAe,GAChB,CAAA;QACD,aAAa,CAAC,UAAU,CAAC,CAAA;IAC3B,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,qBAAqB,CAAC,IAAI,CAAC,CAAA;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,CAAC,QAAQ,IAAI,QAAQ,CAAC,QAAQ,EAAE;YAC1C,YAAY,CAAC,SAAS,CAAC,CAAA;YACvB,qBAAqB,CAAC,KAAK,CAAC,CAAA;SAC7B;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,WAAW,GAAG,CAAO,QAAiB,EAAE,EAAE;QAC9C,IAAI,QAAQ,EAAE;YACZ,WAAW,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAA;SACjD;aAAM;YACL,WAAW,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAA;SACjD;QAED,MAAM,0BAA0B,CAAC;YAC/B,SAAS;YACT,QAAQ;YACR,gBAAgB;YAChB,WAAW;SACZ,CAAC,CAAA;IACJ,CAAC,CAAA,CAAA;IAED,OAAO,CACL,MAAC,wBAAwB,eACvB,KAAC,cAAc,kBACb,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,gBAEhC,cAAK,GAAG,EAAE,YAAY,CAAC,QAAQ,CAAC,GAAI,IACrB,EACjB,KAAC,cAAc,kBACb,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,gBAEjC,cAAK,GAAG,EAAE,YAAY,CAAC,UAAU,CAAC,GAAI,IACvB,IACQ,CAC5B,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -7,5 +7,5 @@ interface MessageFooterProps {
|
|
|
7
7
|
inferenceId?: string;
|
|
8
8
|
botInteractionId?: string;
|
|
9
9
|
}
|
|
10
|
-
export declare const MessageFooter: ({ enabletimestamps, messageJSON, sentBy, feedbackEnabled, inferenceId, botInteractionId, }: MessageFooterProps) => JSX.Element;
|
|
10
|
+
export declare const MessageFooter: ({ enabletimestamps, messageJSON, sentBy, feedbackEnabled, inferenceId, botInteractionId, }: MessageFooterProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
11
|
export {};
|