@botonic/react 0.31.5-alpha.1 → 0.32.0-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/cjs/components/audio.d.ts +8 -7
- package/lib/cjs/components/audio.js +7 -4
- package/lib/cjs/components/audio.js.map +1 -1
- package/lib/cjs/components/button.js +3 -4
- package/lib/cjs/components/button.js.map +1 -1
- package/lib/cjs/components/carousel.js +2 -2
- package/lib/cjs/components/carousel.js.map +1 -1
- package/lib/cjs/components/custom-message.d.ts +16 -12
- package/lib/cjs/components/custom-message.js +3 -9
- package/lib/cjs/components/custom-message.js.map +1 -1
- package/lib/cjs/components/document.d.ts +8 -7
- package/lib/cjs/components/document.js +5 -5
- package/lib/cjs/components/document.js.map +1 -1
- package/lib/cjs/components/element.js +6 -6
- package/lib/cjs/components/element.js.map +1 -1
- package/lib/cjs/components/handoff.d.ts +1 -1
- package/lib/cjs/components/handoff.js +2 -2
- package/lib/cjs/components/handoff.js.map +1 -1
- package/lib/cjs/components/image.d.ts +8 -7
- package/lib/cjs/components/image.js +5 -5
- package/lib/cjs/components/image.js.map +1 -1
- package/lib/cjs/components/index-types.d.ts +30 -127
- package/lib/cjs/components/index.d.ts +7 -1
- package/lib/cjs/components/index.js +14 -1
- package/lib/cjs/components/index.js.map +1 -1
- package/lib/cjs/components/message/index.js +2 -1
- package/lib/cjs/components/message/index.js.map +1 -1
- package/lib/cjs/components/message/message-feedback.d.ts +1 -1
- package/lib/cjs/components/message/message-feedback.js +2 -2
- package/lib/cjs/components/message/message-feedback.js.map +1 -1
- package/lib/cjs/components/message/message-footer.d.ts +1 -1
- package/lib/cjs/components/message/message-footer.js +2 -2
- package/lib/cjs/components/message/message-footer.js.map +1 -1
- package/lib/cjs/components/message/message-image.js +2 -2
- package/lib/cjs/components/message/message-image.js.map +1 -1
- package/lib/cjs/components/message/timestamps.d.ts +1 -1
- package/lib/cjs/components/message/timestamps.js +2 -2
- package/lib/cjs/components/message/timestamps.js.map +1 -1
- package/lib/cjs/components/multichannel/multichannel-button.d.ts +1 -1
- package/lib/cjs/components/multichannel/multichannel-button.js +2 -2
- package/lib/cjs/components/multichannel/multichannel-button.js.map +1 -1
- package/lib/cjs/components/multichannel/multichannel-carousel.js +4 -4
- package/lib/cjs/components/multichannel/multichannel-carousel.js.map +1 -1
- package/lib/cjs/components/multichannel/multichannel-reply.d.ts +1 -1
- package/lib/cjs/components/multichannel/multichannel-text.d.ts +1 -1
- package/lib/cjs/components/multichannel/multichannel-text.js +12 -11
- package/lib/cjs/components/multichannel/multichannel-text.js.map +1 -1
- package/lib/cjs/components/multichannel/multichannel-utils.d.ts +9 -15
- package/lib/cjs/components/multichannel/multichannel-utils.js +48 -27
- package/lib/cjs/components/multichannel/multichannel-utils.js.map +1 -1
- package/lib/cjs/components/multichannel/multichannel.js +7 -7
- package/lib/cjs/components/multichannel/multichannel.js.map +1 -1
- package/lib/cjs/components/multichannel/whatsapp/constants.d.ts +11 -0
- package/lib/cjs/components/multichannel/whatsapp/constants.js +13 -0
- package/lib/cjs/components/multichannel/whatsapp/constants.js.map +1 -0
- package/lib/cjs/components/raw.d.ts +1 -1
- package/lib/cjs/components/reply.d.ts +7 -6
- package/lib/cjs/components/reply.js +10 -6
- package/lib/cjs/components/reply.js.map +1 -1
- package/lib/cjs/components/text.d.ts +1 -1
- package/lib/cjs/components/video.d.ts +8 -7
- package/lib/cjs/components/video.js +2 -3
- package/lib/cjs/components/video.js.map +1 -1
- package/lib/cjs/components/webchat-settings.d.ts +15 -2
- package/lib/cjs/components/webchat-settings.js +2 -2
- package/lib/cjs/components/webchat-settings.js.map +1 -1
- package/lib/cjs/components/whatsapp-button-list.js +2 -2
- package/lib/cjs/components/whatsapp-button-list.js.map +1 -1
- package/lib/cjs/components/whatsapp-catalog.d.ts +6 -0
- package/lib/cjs/components/whatsapp-catalog.js +25 -0
- package/lib/cjs/components/whatsapp-catalog.js.map +1 -0
- package/lib/cjs/components/whatsapp-cta-url-button.js +5 -5
- package/lib/cjs/components/whatsapp-cta-url-button.js.map +1 -1
- package/lib/cjs/components/whatsapp-media-carousel.d.ts +46 -0
- package/lib/cjs/components/whatsapp-media-carousel.js +40 -0
- package/lib/cjs/components/whatsapp-media-carousel.js.map +1 -0
- package/lib/cjs/components/whatsapp-product-carousel.d.ts +32 -0
- package/lib/cjs/components/whatsapp-product-carousel.js +34 -0
- package/lib/cjs/components/whatsapp-product-carousel.js.map +1 -0
- package/lib/cjs/components/whatsapp-product-list.d.ts +15 -0
- package/lib/cjs/components/whatsapp-product-list.js +26 -0
- package/lib/cjs/components/whatsapp-product-list.js.map +1 -0
- package/lib/cjs/components/whatsapp-product.d.ts +7 -0
- package/lib/cjs/components/whatsapp-product.js +25 -0
- package/lib/cjs/components/whatsapp-product.js.map +1 -0
- package/lib/cjs/constants.d.ts +0 -6
- package/lib/cjs/constants.js +1 -7
- package/lib/cjs/constants.js.map +1 -1
- package/lib/cjs/contexts.d.ts +3 -4
- package/lib/cjs/contexts.js +2 -76
- package/lib/cjs/contexts.js.map +1 -1
- package/lib/cjs/dev-app.d.ts +7 -0
- package/lib/cjs/dev-app.js +5 -2
- package/lib/cjs/dev-app.js.map +1 -1
- package/lib/cjs/index-types.d.ts +90 -61
- package/lib/cjs/index-types.js.map +1 -1
- package/lib/cjs/index.d.ts +1 -1
- package/lib/cjs/index.js +1 -2
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/msg-to-botonic.d.ts +1 -1
- package/lib/cjs/msg-to-botonic.js +5 -8
- package/lib/cjs/msg-to-botonic.js.map +1 -1
- package/lib/cjs/react-bot.d.ts +1 -1
- package/lib/cjs/util/error-boundary.d.ts +1 -1
- package/lib/cjs/util/functional.d.ts +3 -0
- package/lib/cjs/util/functional.js +30 -0
- package/lib/cjs/util/functional.js.map +1 -0
- package/lib/cjs/util/react.d.ts +1 -1
- package/lib/cjs/util/webchat.d.ts +17 -6
- package/lib/cjs/util/webchat.js +9 -7
- package/lib/cjs/util/webchat.js.map +1 -1
- package/lib/cjs/webchat/chat-area/index.d.ts +1 -1
- package/lib/cjs/webchat/chat-area/index.js +3 -3
- package/lib/cjs/webchat/chat-area/index.js.map +1 -1
- package/lib/cjs/webchat/components/common.d.ts +1 -1
- package/lib/cjs/webchat/components/conditional-animation.d.ts +1 -1
- package/lib/cjs/webchat/components/conditional-animation.js +2 -2
- package/lib/cjs/webchat/components/conditional-animation.js.map +1 -1
- package/lib/cjs/webchat/components/opened-persistent-menu.d.ts +1 -1
- package/lib/cjs/webchat/components/opened-persistent-menu.js +2 -2
- package/lib/cjs/webchat/components/opened-persistent-menu.js.map +1 -1
- package/lib/cjs/webchat/{actions.d.ts → context/actions.d.ts} +4 -1
- package/lib/cjs/webchat/{actions.js → context/actions.js} +4 -0
- package/lib/cjs/webchat/context/actions.js.map +1 -0
- package/lib/cjs/webchat/context/index.d.ts +5 -0
- package/lib/cjs/webchat/context/index.js +86 -0
- package/lib/cjs/webchat/context/index.js.map +1 -0
- package/lib/cjs/webchat/{messages-reducer.d.ts → context/messages-reducer.d.ts} +1 -1
- package/lib/cjs/webchat/{messages-reducer.js → context/messages-reducer.js} +3 -1
- package/lib/cjs/webchat/context/messages-reducer.js.map +1 -0
- package/lib/cjs/webchat/context/types.d.ts +76 -0
- package/lib/cjs/webchat/context/types.js +3 -0
- package/lib/cjs/webchat/context/types.js.map +1 -0
- package/lib/cjs/webchat/{hooks → context}/use-webchat.d.ts +21 -20
- package/lib/cjs/webchat/{hooks → context}/use-webchat.js +21 -7
- package/lib/cjs/webchat/context/use-webchat.js.map +1 -0
- package/lib/cjs/webchat/{webchat-reducer.d.ts → context/webchat-reducer.d.ts} +1 -1
- package/lib/cjs/webchat/{webchat-reducer.js → context/webchat-reducer.js} +4 -0
- package/lib/cjs/webchat/context/webchat-reducer.js.map +1 -0
- package/lib/cjs/webchat/cover-component/index.d.ts +1 -1
- package/lib/cjs/webchat/cover-component/index.js +2 -2
- package/lib/cjs/webchat/cover-component/index.js.map +1 -1
- package/lib/cjs/webchat/header/default-header.d.ts +1 -0
- package/lib/cjs/webchat/header/default-header.js +25 -0
- package/lib/cjs/webchat/header/default-header.js.map +1 -0
- package/lib/cjs/webchat/header/index.d.ts +2 -0
- package/lib/cjs/webchat/header/index.js +23 -0
- package/lib/cjs/webchat/header/index.js.map +1 -0
- package/lib/cjs/webchat/header/styles.d.ts +7 -0
- package/lib/cjs/webchat/header/styles.js +59 -0
- package/lib/cjs/webchat/header/styles.js.map +1 -0
- package/lib/cjs/webchat/hooks/index.d.ts +0 -1
- package/lib/cjs/webchat/hooks/index.js +1 -4
- package/lib/cjs/webchat/hooks/index.js.map +1 -1
- package/lib/cjs/webchat/hooks/use-previous.d.ts +1 -1
- package/lib/cjs/webchat/hooks/use-previous.js.map +1 -1
- package/lib/cjs/webchat/hooks/use-scroll-to-bottom.d.ts +6 -4
- package/lib/cjs/webchat/hooks/use-scroll-to-bottom.js.map +1 -1
- package/lib/cjs/webchat/hooks/use-scrollbar-controller.js +16 -16
- package/lib/cjs/webchat/hooks/use-scrollbar-controller.js.map +1 -1
- package/lib/cjs/webchat/hooks/use-typing.d.ts +1 -1
- package/lib/cjs/webchat/hooks/use-webchat-dimensions.js +4 -4
- package/lib/cjs/webchat/hooks/use-webchat-dimensions.js.map +1 -1
- package/lib/cjs/webchat/hooks/use-webchat-resizer.js +6 -6
- package/lib/cjs/webchat/hooks/use-webchat-resizer.js.map +1 -1
- package/lib/cjs/webchat/index-types.d.ts +3 -46
- package/lib/cjs/webchat/index.d.ts +1 -0
- package/lib/cjs/webchat/index.js +3 -1
- package/lib/cjs/webchat/index.js.map +1 -1
- package/lib/cjs/webchat/input-panel/attachment.d.ts +2 -2
- package/lib/cjs/webchat/input-panel/attachment.js +2 -2
- package/lib/cjs/webchat/input-panel/attachment.js.map +1 -1
- package/lib/cjs/webchat/input-panel/emoji-picker.d.ts +2 -2
- package/lib/cjs/webchat/input-panel/emoji-picker.js +2 -2
- package/lib/cjs/webchat/input-panel/emoji-picker.js.map +1 -1
- package/lib/cjs/webchat/input-panel/index.d.ts +4 -4
- package/lib/cjs/webchat/input-panel/index.js +8 -3
- package/lib/cjs/webchat/input-panel/index.js.map +1 -1
- package/lib/cjs/webchat/input-panel/opened-emoji-picker.d.ts +1 -1
- package/lib/cjs/webchat/input-panel/persistent-menu.d.ts +1 -1
- package/lib/cjs/webchat/input-panel/persistent-menu.js +2 -2
- package/lib/cjs/webchat/input-panel/persistent-menu.js.map +1 -1
- package/lib/cjs/webchat/input-panel/send-button.d.ts +1 -1
- package/lib/cjs/webchat/input-panel/send-button.js +2 -2
- package/lib/cjs/webchat/input-panel/send-button.js.map +1 -1
- package/lib/cjs/webchat/input-panel/textarea.d.ts +4 -4
- package/lib/cjs/webchat/input-panel/textarea.js +11 -3
- package/lib/cjs/webchat/input-panel/textarea.js.map +1 -1
- package/lib/cjs/webchat/message-list/index.d.ts +1 -1
- package/lib/cjs/webchat/message-list/index.js +64 -38
- package/lib/cjs/webchat/message-list/index.js.map +1 -1
- package/lib/cjs/webchat/message-list/intro-message.d.ts +1 -1
- package/lib/cjs/webchat/message-list/intro-message.js +2 -2
- package/lib/cjs/webchat/message-list/intro-message.js.map +1 -1
- package/lib/cjs/webchat/message-list/scroll-button.d.ts +1 -0
- package/lib/cjs/webchat/message-list/styles.js +4 -3
- package/lib/cjs/webchat/message-list/styles.js.map +1 -1
- package/lib/cjs/webchat/message-list/unread-messages-banner.js +2 -2
- package/lib/cjs/webchat/message-list/unread-messages-banner.js.map +1 -1
- package/lib/cjs/webchat/message-list/use-notifications.js +2 -2
- package/lib/cjs/webchat/message-list/use-notifications.js.map +1 -1
- package/lib/cjs/webchat/replies/index.d.ts +1 -0
- package/lib/cjs/webchat/replies/index.js +32 -0
- package/lib/cjs/webchat/replies/index.js.map +1 -0
- package/lib/cjs/webchat/replies/styles.d.ts +8 -0
- package/lib/cjs/webchat/replies/styles.js +25 -0
- package/lib/cjs/webchat/replies/styles.js.map +1 -0
- package/lib/cjs/webchat/session-view.d.ts +1 -1
- package/lib/cjs/webchat/session-view.js +4 -4
- package/lib/cjs/webchat/session-view.js.map +1 -1
- package/lib/cjs/webchat/styles.d.ts +9 -0
- package/lib/cjs/webchat/styles.js +54 -0
- package/lib/cjs/webchat/styles.js.map +1 -0
- package/lib/cjs/webchat/theme/types.d.ts +167 -0
- package/lib/cjs/webchat/theme/types.js +3 -0
- package/lib/cjs/webchat/theme/types.js.map +1 -0
- package/lib/cjs/webchat/trigger-button/index.d.ts +1 -0
- package/lib/cjs/webchat/trigger-button/index.js +2 -2
- package/lib/cjs/webchat/trigger-button/index.js.map +1 -1
- package/lib/cjs/webchat/typing-indicator/index.d.ts +3 -1
- package/lib/cjs/webchat/typing-indicator/index.js +4 -3
- package/lib/cjs/webchat/typing-indicator/index.js.map +1 -1
- package/lib/cjs/webchat/typing-indicator/styles.d.ts +3 -2
- package/lib/cjs/webchat/typing-indicator/styles.js +6 -3
- package/lib/cjs/webchat/typing-indicator/styles.js.map +1 -1
- package/lib/cjs/webchat/webchat-dev.d.ts +2 -2
- package/lib/cjs/webchat/webchat-dev.js +2 -2
- package/lib/cjs/webchat/webchat-dev.js.map +1 -1
- package/lib/cjs/webchat/webchat.d.ts +4 -2
- package/lib/cjs/webchat/webchat.js +91 -116
- package/lib/cjs/webchat/webchat.js.map +1 -1
- package/lib/cjs/webchat/webview/header.d.ts +1 -0
- package/lib/cjs/webchat/webview/header.js +16 -0
- package/lib/cjs/webchat/webview/header.js.map +1 -0
- package/lib/cjs/webchat/webview/index.d.ts +1 -0
- package/lib/cjs/webchat/webview/index.js +49 -0
- package/lib/cjs/webchat/webview/index.js.map +1 -0
- package/lib/cjs/webchat/webview/styles.d.ts +7 -0
- package/lib/cjs/webchat/webview/styles.js +46 -0
- package/lib/cjs/webchat/webview/styles.js.map +1 -0
- package/lib/cjs/webchat-app.d.ts +62 -86
- package/lib/cjs/webchat-app.js +126 -62
- package/lib/cjs/webchat-app.js.map +1 -1
- package/lib/cjs/webview-app.js +5 -2
- package/lib/cjs/webview-app.js.map +1 -1
- package/lib/esm/components/audio.d.ts +8 -7
- package/lib/esm/components/audio.js +7 -4
- package/lib/esm/components/audio.js.map +1 -1
- package/lib/esm/components/button.js +2 -3
- package/lib/esm/components/button.js.map +1 -1
- package/lib/esm/components/carousel.js +1 -1
- package/lib/esm/components/carousel.js.map +1 -1
- package/lib/esm/components/custom-message.d.ts +16 -12
- package/lib/esm/components/custom-message.js +3 -9
- package/lib/esm/components/custom-message.js.map +1 -1
- package/lib/esm/components/document.d.ts +8 -7
- package/lib/esm/components/document.js +4 -4
- package/lib/esm/components/document.js.map +1 -1
- package/lib/esm/components/element.js +6 -6
- package/lib/esm/components/element.js.map +1 -1
- package/lib/esm/components/handoff.d.ts +1 -1
- package/lib/esm/components/handoff.js +1 -1
- package/lib/esm/components/handoff.js.map +1 -1
- package/lib/esm/components/image.d.ts +8 -7
- package/lib/esm/components/image.js +4 -4
- package/lib/esm/components/image.js.map +1 -1
- package/lib/esm/components/index-types.d.ts +30 -127
- package/lib/esm/components/index.d.ts +7 -1
- package/lib/esm/components/index.js +7 -1
- package/lib/esm/components/index.js.map +1 -1
- package/lib/esm/components/message/index.js +2 -1
- package/lib/esm/components/message/index.js.map +1 -1
- package/lib/esm/components/message/message-feedback.d.ts +1 -1
- package/lib/esm/components/message/message-feedback.js +1 -1
- package/lib/esm/components/message/message-feedback.js.map +1 -1
- package/lib/esm/components/message/message-footer.d.ts +1 -1
- package/lib/esm/components/message/message-footer.js +1 -1
- package/lib/esm/components/message/message-footer.js.map +1 -1
- package/lib/esm/components/message/message-image.js +1 -1
- package/lib/esm/components/message/message-image.js.map +1 -1
- package/lib/esm/components/message/timestamps.d.ts +1 -1
- package/lib/esm/components/message/timestamps.js +1 -1
- package/lib/esm/components/message/timestamps.js.map +1 -1
- package/lib/esm/components/multichannel/multichannel-button.d.ts +1 -1
- package/lib/esm/components/multichannel/multichannel-button.js +1 -1
- package/lib/esm/components/multichannel/multichannel-carousel.js +5 -5
- package/lib/esm/components/multichannel/multichannel-carousel.js.map +1 -1
- package/lib/esm/components/multichannel/multichannel-reply.d.ts +1 -1
- package/lib/esm/components/multichannel/multichannel-text.d.ts +1 -1
- package/lib/esm/components/multichannel/multichannel-text.js +2 -1
- package/lib/esm/components/multichannel/multichannel-text.js.map +1 -1
- package/lib/esm/components/multichannel/multichannel-utils.d.ts +9 -15
- package/lib/esm/components/multichannel/multichannel-utils.js +40 -24
- package/lib/esm/components/multichannel/multichannel-utils.js.map +1 -1
- package/lib/esm/components/multichannel/multichannel.js +7 -7
- package/lib/esm/components/multichannel/multichannel.js.map +1 -1
- package/lib/esm/components/multichannel/whatsapp/constants.d.ts +11 -0
- package/lib/esm/components/multichannel/whatsapp/constants.js +10 -0
- package/lib/esm/components/multichannel/whatsapp/constants.js.map +1 -0
- package/lib/esm/components/raw.d.ts +1 -1
- package/lib/esm/components/reply.d.ts +7 -6
- package/lib/esm/components/reply.js +9 -5
- package/lib/esm/components/reply.js.map +1 -1
- package/lib/esm/components/text.d.ts +1 -1
- package/lib/esm/components/video.d.ts +8 -7
- package/lib/esm/components/video.js +2 -3
- package/lib/esm/components/video.js.map +1 -1
- package/lib/esm/components/webchat-settings.d.ts +15 -2
- package/lib/esm/components/webchat-settings.js +1 -1
- package/lib/esm/components/webchat-settings.js.map +1 -1
- package/lib/esm/components/whatsapp-button-list.js +1 -1
- package/lib/esm/components/whatsapp-catalog.d.ts +6 -0
- package/lib/esm/components/whatsapp-catalog.js +21 -0
- package/lib/esm/components/whatsapp-catalog.js.map +1 -0
- package/lib/esm/components/whatsapp-cta-url-button.js +1 -1
- package/lib/esm/components/whatsapp-media-carousel.d.ts +46 -0
- package/lib/esm/components/whatsapp-media-carousel.js +36 -0
- package/lib/esm/components/whatsapp-media-carousel.js.map +1 -0
- package/lib/esm/components/whatsapp-product-carousel.d.ts +32 -0
- package/lib/esm/components/whatsapp-product-carousel.js +30 -0
- package/lib/esm/components/whatsapp-product-carousel.js.map +1 -0
- package/lib/esm/components/whatsapp-product-list.d.ts +15 -0
- package/lib/esm/components/whatsapp-product-list.js +22 -0
- package/lib/esm/components/whatsapp-product-list.js.map +1 -0
- package/lib/esm/components/whatsapp-product.d.ts +7 -0
- package/lib/esm/components/whatsapp-product.js +21 -0
- package/lib/esm/components/whatsapp-product.js.map +1 -0
- package/lib/esm/constants.d.ts +0 -6
- package/lib/esm/constants.js +0 -6
- package/lib/esm/constants.js.map +1 -1
- package/lib/esm/contexts.d.ts +3 -4
- package/lib/esm/contexts.js +1 -75
- package/lib/esm/contexts.js.map +1 -1
- package/lib/esm/dev-app.d.ts +7 -0
- package/lib/esm/dev-app.js +5 -2
- package/lib/esm/dev-app.js.map +1 -1
- package/lib/esm/index-types.d.ts +90 -61
- package/lib/esm/index-types.js.map +1 -1
- package/lib/esm/index.d.ts +1 -1
- package/lib/esm/index.js +1 -1
- package/lib/esm/index.js.map +1 -1
- package/lib/esm/msg-to-botonic.d.ts +1 -1
- package/lib/esm/msg-to-botonic.js +5 -8
- package/lib/esm/msg-to-botonic.js.map +1 -1
- package/lib/esm/react-bot.d.ts +1 -1
- package/lib/esm/util/error-boundary.d.ts +1 -1
- package/lib/esm/util/functional.d.ts +3 -0
- package/lib/esm/util/functional.js +26 -0
- package/lib/esm/util/functional.js.map +1 -0
- package/lib/esm/util/react.d.ts +1 -1
- package/lib/esm/util/webchat.d.ts +17 -6
- package/lib/esm/util/webchat.js +9 -7
- package/lib/esm/util/webchat.js.map +1 -1
- package/lib/esm/webchat/chat-area/index.d.ts +1 -1
- package/lib/esm/webchat/chat-area/index.js +2 -2
- package/lib/esm/webchat/chat-area/index.js.map +1 -1
- package/lib/esm/webchat/components/common.d.ts +1 -1
- package/lib/esm/webchat/components/conditional-animation.d.ts +1 -1
- package/lib/esm/webchat/components/conditional-animation.js +1 -1
- package/lib/esm/webchat/components/conditional-animation.js.map +1 -1
- package/lib/esm/webchat/components/opened-persistent-menu.d.ts +1 -1
- package/lib/esm/webchat/components/opened-persistent-menu.js +1 -1
- package/lib/esm/webchat/components/opened-persistent-menu.js.map +1 -1
- package/lib/esm/webchat/{actions.d.ts → context/actions.d.ts} +4 -1
- package/lib/esm/webchat/{actions.js → context/actions.js} +4 -0
- package/lib/esm/webchat/context/actions.js.map +1 -0
- package/lib/esm/webchat/context/index.d.ts +5 -0
- package/lib/esm/webchat/context/index.js +81 -0
- package/lib/esm/webchat/context/index.js.map +1 -0
- package/lib/esm/webchat/{messages-reducer.d.ts → context/messages-reducer.d.ts} +1 -1
- package/lib/esm/webchat/{messages-reducer.js → context/messages-reducer.js} +3 -1
- package/lib/esm/webchat/context/messages-reducer.js.map +1 -0
- package/lib/esm/webchat/context/types.d.ts +76 -0
- package/lib/esm/webchat/context/types.js +2 -0
- package/lib/esm/webchat/context/types.js.map +1 -0
- package/lib/esm/webchat/{hooks → context}/use-webchat.d.ts +21 -20
- package/lib/esm/webchat/{hooks → context}/use-webchat.js +21 -7
- package/lib/esm/webchat/context/use-webchat.js.map +1 -0
- package/lib/esm/webchat/{webchat-reducer.d.ts → context/webchat-reducer.d.ts} +1 -1
- package/lib/esm/webchat/{webchat-reducer.js → context/webchat-reducer.js} +4 -0
- package/lib/esm/webchat/context/webchat-reducer.js.map +1 -0
- package/lib/esm/webchat/cover-component/index.d.ts +1 -1
- package/lib/esm/webchat/cover-component/index.js +1 -1
- package/lib/esm/webchat/cover-component/index.js.map +1 -1
- package/lib/esm/webchat/header/default-header.d.ts +1 -0
- package/lib/esm/webchat/header/default-header.js +21 -0
- package/lib/esm/webchat/header/default-header.js.map +1 -0
- package/lib/esm/webchat/header/index.d.ts +2 -0
- package/lib/esm/webchat/header/index.js +20 -0
- package/lib/esm/webchat/header/index.js.map +1 -0
- package/lib/esm/webchat/header/styles.d.ts +7 -0
- package/lib/esm/webchat/header/styles.js +55 -0
- package/lib/esm/webchat/header/styles.js.map +1 -0
- package/lib/esm/webchat/hooks/index.d.ts +0 -1
- package/lib/esm/webchat/hooks/index.js +0 -1
- package/lib/esm/webchat/hooks/index.js.map +1 -1
- package/lib/esm/webchat/hooks/use-previous.d.ts +1 -1
- package/lib/esm/webchat/hooks/use-previous.js.map +1 -1
- package/lib/esm/webchat/hooks/use-scroll-to-bottom.d.ts +6 -4
- package/lib/esm/webchat/hooks/use-scroll-to-bottom.js.map +1 -1
- package/lib/esm/webchat/hooks/use-scrollbar-controller.js +16 -16
- package/lib/esm/webchat/hooks/use-scrollbar-controller.js.map +1 -1
- package/lib/esm/webchat/hooks/use-typing.d.ts +1 -1
- package/lib/esm/webchat/hooks/use-webchat-dimensions.js +4 -4
- package/lib/esm/webchat/hooks/use-webchat-dimensions.js.map +1 -1
- package/lib/esm/webchat/hooks/use-webchat-resizer.js +6 -6
- package/lib/esm/webchat/hooks/use-webchat-resizer.js.map +1 -1
- package/lib/esm/webchat/index-types.d.ts +3 -46
- package/lib/esm/webchat/index.d.ts +1 -0
- package/lib/esm/webchat/index.js +1 -0
- package/lib/esm/webchat/index.js.map +1 -1
- package/lib/esm/webchat/input-panel/attachment.d.ts +2 -2
- package/lib/esm/webchat/input-panel/attachment.js +1 -1
- package/lib/esm/webchat/input-panel/attachment.js.map +1 -1
- package/lib/esm/webchat/input-panel/emoji-picker.d.ts +2 -2
- package/lib/esm/webchat/input-panel/emoji-picker.js +1 -1
- package/lib/esm/webchat/input-panel/emoji-picker.js.map +1 -1
- package/lib/esm/webchat/input-panel/index.d.ts +4 -4
- package/lib/esm/webchat/input-panel/index.js +7 -2
- package/lib/esm/webchat/input-panel/index.js.map +1 -1
- package/lib/esm/webchat/input-panel/opened-emoji-picker.d.ts +1 -1
- package/lib/esm/webchat/input-panel/persistent-menu.d.ts +1 -1
- package/lib/esm/webchat/input-panel/persistent-menu.js +1 -1
- package/lib/esm/webchat/input-panel/persistent-menu.js.map +1 -1
- package/lib/esm/webchat/input-panel/send-button.d.ts +1 -1
- package/lib/esm/webchat/input-panel/send-button.js +1 -1
- package/lib/esm/webchat/input-panel/send-button.js.map +1 -1
- package/lib/esm/webchat/input-panel/textarea.d.ts +4 -4
- package/lib/esm/webchat/input-panel/textarea.js +11 -3
- package/lib/esm/webchat/input-panel/textarea.js.map +1 -1
- package/lib/esm/webchat/message-list/index.d.ts +1 -1
- package/lib/esm/webchat/message-list/index.js +62 -37
- package/lib/esm/webchat/message-list/index.js.map +1 -1
- package/lib/esm/webchat/message-list/intro-message.d.ts +1 -1
- package/lib/esm/webchat/message-list/intro-message.js +1 -1
- package/lib/esm/webchat/message-list/intro-message.js.map +1 -1
- package/lib/esm/webchat/message-list/scroll-button.d.ts +1 -0
- package/lib/esm/webchat/message-list/styles.js +4 -3
- package/lib/esm/webchat/message-list/styles.js.map +1 -1
- package/lib/esm/webchat/message-list/unread-messages-banner.js +1 -1
- package/lib/esm/webchat/message-list/unread-messages-banner.js.map +1 -1
- package/lib/esm/webchat/message-list/use-notifications.js +1 -1
- package/lib/esm/webchat/message-list/use-notifications.js.map +1 -1
- package/lib/esm/webchat/replies/index.d.ts +1 -0
- package/lib/esm/webchat/replies/index.js +28 -0
- package/lib/esm/webchat/replies/index.js.map +1 -0
- package/lib/esm/webchat/replies/styles.d.ts +8 -0
- package/lib/esm/webchat/replies/styles.js +21 -0
- package/lib/esm/webchat/replies/styles.js.map +1 -0
- package/lib/esm/webchat/session-view.d.ts +1 -1
- package/lib/esm/webchat/session-view.js +2 -2
- package/lib/esm/webchat/session-view.js.map +1 -1
- package/lib/esm/webchat/styles.d.ts +9 -0
- package/lib/esm/webchat/styles.js +50 -0
- package/lib/esm/webchat/styles.js.map +1 -0
- package/lib/esm/webchat/theme/types.d.ts +167 -0
- package/lib/esm/webchat/theme/types.js +2 -0
- package/lib/esm/webchat/theme/types.js.map +1 -0
- package/lib/esm/webchat/trigger-button/index.d.ts +1 -0
- package/lib/esm/webchat/trigger-button/index.js +1 -1
- package/lib/esm/webchat/trigger-button/index.js.map +1 -1
- package/lib/esm/webchat/typing-indicator/index.d.ts +3 -1
- package/lib/esm/webchat/typing-indicator/index.js +5 -2
- package/lib/esm/webchat/typing-indicator/index.js.map +1 -1
- package/lib/esm/webchat/typing-indicator/styles.d.ts +3 -2
- package/lib/esm/webchat/typing-indicator/styles.js +5 -2
- package/lib/esm/webchat/typing-indicator/styles.js.map +1 -1
- package/lib/esm/webchat/webchat-dev.d.ts +2 -2
- package/lib/esm/webchat/webchat-dev.js +1 -1
- package/lib/esm/webchat/webchat-dev.js.map +1 -1
- package/lib/esm/webchat/webchat.d.ts +4 -2
- package/lib/esm/webchat/webchat.js +87 -112
- package/lib/esm/webchat/webchat.js.map +1 -1
- package/lib/esm/webchat/webview/header.d.ts +1 -0
- package/lib/esm/webchat/webview/header.js +12 -0
- package/lib/esm/webchat/webview/header.js.map +1 -0
- package/lib/esm/webchat/webview/index.d.ts +1 -0
- package/lib/esm/webchat/webview/index.js +45 -0
- package/lib/esm/webchat/webview/index.js.map +1 -0
- package/lib/esm/webchat/webview/styles.d.ts +7 -0
- package/lib/esm/webchat/webview/styles.js +42 -0
- package/lib/esm/webchat/webview/styles.js.map +1 -0
- package/lib/esm/webchat-app.d.ts +62 -86
- package/lib/esm/webchat-app.js +127 -63
- package/lib/esm/webchat-app.js.map +1 -1
- package/lib/esm/webview-app.js +5 -2
- package/lib/esm/webview-app.js.map +1 -1
- package/package.json +21 -18
- package/src/components/{audio.jsx → audio.tsx} +10 -4
- package/src/components/button.tsx +1 -3
- package/src/components/carousel.jsx +1 -1
- package/src/components/{custom-message.jsx → custom-message.tsx} +19 -7
- package/src/components/{document.jsx → document.tsx} +5 -3
- package/src/components/element.jsx +4 -11
- package/src/components/handoff.jsx +1 -1
- package/src/components/{image.jsx → image.tsx} +10 -4
- package/src/components/index-types.ts +25 -114
- package/src/components/index.ts +22 -1
- package/src/components/message/index.jsx +2 -1
- package/src/components/message/message-feedback.tsx +1 -1
- package/src/components/message/message-footer.tsx +1 -1
- package/src/components/message/message-image.tsx +1 -1
- package/src/components/message/timestamps.tsx +1 -1
- package/src/components/multichannel/multichannel-button.jsx +1 -1
- package/src/components/multichannel/multichannel-carousel.jsx +7 -5
- package/src/components/multichannel/multichannel-text.jsx +4 -2
- package/src/components/multichannel/multichannel-utils.js +45 -27
- package/src/components/multichannel/multichannel.jsx +12 -7
- package/src/components/multichannel/whatsapp/constants.ts +10 -0
- package/src/components/{reply.jsx → reply.tsx} +10 -4
- package/src/components/{video.jsx → video.tsx} +3 -2
- package/src/components/webchat-settings.tsx +14 -2
- package/src/components/whatsapp-button-list.tsx +1 -1
- package/src/components/whatsapp-catalog.tsx +42 -0
- package/src/components/whatsapp-cta-url-button.tsx +1 -1
- package/src/components/whatsapp-media-carousel.tsx +104 -0
- package/src/components/whatsapp-product-carousel.tsx +83 -0
- package/src/components/whatsapp-product-list.tsx +56 -0
- package/src/components/whatsapp-product.tsx +44 -0
- package/src/constants.js +0 -7
- package/src/contexts.tsx +5 -80
- package/src/dev-app.jsx +5 -5
- package/src/index-types.ts +101 -70
- package/src/index.ts +1 -5
- package/src/msg-to-botonic.jsx +5 -9
- package/src/util/functional.ts +31 -0
- package/src/util/{webchat.js → webchat.ts} +15 -9
- package/src/webchat/chat-area/index.tsx +2 -4
- package/src/webchat/components/conditional-animation.jsx +1 -1
- package/src/webchat/components/opened-persistent-menu.jsx +1 -1
- package/src/webchat/{actions.ts → context/actions.ts} +4 -0
- package/src/webchat/context/index.tsx +84 -0
- package/src/webchat/{messages-reducer.ts → context/messages-reducer.ts} +4 -2
- package/src/webchat/context/types.ts +86 -0
- package/src/webchat/{hooks → context}/use-webchat.ts +73 -15
- package/src/webchat/{webchat-reducer.ts → context/webchat-reducer.ts} +5 -1
- package/src/webchat/cover-component/index.tsx +1 -1
- package/src/webchat/global.d.ts +3 -0
- package/src/webchat/header/default-header.tsx +75 -0
- package/src/webchat/header/index.tsx +37 -0
- package/src/webchat/header/styles.ts +62 -0
- package/src/webchat/hooks/index.ts +0 -1
- package/src/webchat/hooks/use-previous.ts +1 -1
- package/src/webchat/hooks/use-scroll-to-bottom.ts +8 -2
- package/src/webchat/hooks/use-scrollbar-controller.ts +22 -17
- package/src/webchat/hooks/use-typing.ts +1 -1
- package/src/webchat/hooks/use-webchat-dimensions.ts +4 -4
- package/src/webchat/hooks/use-webchat-resizer.ts +6 -6
- package/src/webchat/index-types.ts +3 -52
- package/src/webchat/index.ts +1 -0
- package/src/webchat/input-panel/attachment.tsx +2 -2
- package/src/webchat/input-panel/emoji-picker.tsx +2 -2
- package/src/webchat/input-panel/index.tsx +9 -5
- package/src/webchat/input-panel/persistent-menu.tsx +1 -1
- package/src/webchat/input-panel/send-button.tsx +1 -1
- package/src/webchat/input-panel/textarea.tsx +18 -5
- package/src/webchat/message-list/index.tsx +78 -49
- package/src/webchat/message-list/intro-message.tsx +1 -1
- package/src/webchat/message-list/styles.ts +4 -3
- package/src/webchat/message-list/unread-messages-banner.tsx +1 -1
- package/src/webchat/message-list/use-notifications.ts +1 -1
- package/src/webchat/replies/index.tsx +47 -0
- package/src/webchat/replies/styles.ts +28 -0
- package/src/webchat/session-view.jsx +2 -2
- package/src/webchat/styles.ts +59 -0
- package/src/webchat/theme/types.ts +119 -0
- package/src/webchat/trigger-button/index.tsx +1 -1
- package/src/webchat/typing-indicator/index.tsx +20 -12
- package/src/webchat/typing-indicator/styles.ts +7 -3
- package/src/webchat/webchat-dev.jsx +1 -1
- package/src/webchat/{webchat.jsx → webchat.tsx} +118 -144
- package/src/webchat/webview/header.tsx +22 -0
- package/src/webchat/webview/index.tsx +80 -0
- package/src/webchat/webview/styles.ts +48 -0
- package/src/webchat-app.tsx +522 -0
- package/src/webview-app.tsx +6 -4
- package/lib/cjs/webchat/actions.js.map +0 -1
- package/lib/cjs/webchat/header.d.ts +0 -3
- package/lib/cjs/webchat/header.js +0 -86
- package/lib/cjs/webchat/header.js.map +0 -1
- package/lib/cjs/webchat/hooks/use-webchat.js.map +0 -1
- package/lib/cjs/webchat/messages-reducer.js.map +0 -1
- package/lib/cjs/webchat/replies.d.ts +0 -1
- package/lib/cjs/webchat/replies.js +0 -47
- package/lib/cjs/webchat/replies.js.map +0 -1
- package/lib/cjs/webchat/webchat-reducer.js.map +0 -1
- package/lib/cjs/webchat/webview.d.ts +0 -2
- package/lib/cjs/webchat/webview.js +0 -75
- package/lib/cjs/webchat/webview.js.map +0 -1
- package/lib/esm/webchat/actions.js.map +0 -1
- package/lib/esm/webchat/header.d.ts +0 -3
- package/lib/esm/webchat/header.js +0 -81
- package/lib/esm/webchat/header.js.map +0 -1
- package/lib/esm/webchat/hooks/use-webchat.js.map +0 -1
- package/lib/esm/webchat/messages-reducer.js.map +0 -1
- package/lib/esm/webchat/replies.d.ts +0 -1
- package/lib/esm/webchat/replies.js +0 -42
- package/lib/esm/webchat/replies.js.map +0 -1
- package/lib/esm/webchat/webchat-reducer.js.map +0 -1
- package/lib/esm/webchat/webview.d.ts +0 -2
- package/lib/esm/webchat/webview.js +0 -70
- package/lib/esm/webchat/webview.js.map +0 -1
- package/src/webchat/header.jsx +0 -149
- package/src/webchat/replies.jsx +0 -64
- package/src/webchat/webview.jsx +0 -105
- package/src/webchat-app.jsx +0 -389
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
export
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
import { AudioProps } from './index-types';
|
|
2
|
+
export declare const Audio: {
|
|
3
|
+
(props: AudioProps): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
serialize: (audioProps: {
|
|
5
|
+
src: string;
|
|
6
|
+
}) => {
|
|
7
|
+
audio: string;
|
|
8
|
+
};
|
|
7
9
|
};
|
|
8
|
-
export {};
|
|
@@ -4,18 +4,21 @@ exports.Audio = void 0;
|
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
6
|
const core_1 = require("@botonic/core");
|
|
7
|
-
const
|
|
7
|
+
const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
|
|
8
8
|
const constants_1 = require("../constants");
|
|
9
9
|
const environment_1 = require("../util/environment");
|
|
10
10
|
const message_1 = require("./message");
|
|
11
|
-
const
|
|
11
|
+
const StyledAudio = styled_components_1.default.audio `
|
|
12
|
+
max-width: 100%;
|
|
13
|
+
`;
|
|
14
|
+
const serialize = (audioProps) => {
|
|
12
15
|
return { audio: audioProps.src };
|
|
13
16
|
};
|
|
14
|
-
const Audio = props => {
|
|
17
|
+
const Audio = (props) => {
|
|
15
18
|
props = Object.assign(Object.assign({}, props), { src: (0, environment_1.staticAsset)(props.src) });
|
|
16
19
|
let content = props.children;
|
|
17
20
|
if ((0, core_1.isBrowser)())
|
|
18
|
-
content = ((0, jsx_runtime_1.jsxs)(
|
|
21
|
+
content = ((0, jsx_runtime_1.jsxs)(StyledAudio, Object.assign({ id: 'myAudio', controls: true }, { children: [(0, jsx_runtime_1.jsx)("source", { src: props.src, type: 'audio/mpeg' }), "Your browser does not support this audio format."] })));
|
|
19
22
|
return ((0, jsx_runtime_1.jsx)(message_1.Message, Object.assign({ role: constants_1.ROLES.AUDIO_MESSAGE, json: serialize(props) }, props, { type: core_1.INPUT.AUDIO }, { children: content })));
|
|
20
23
|
};
|
|
21
24
|
exports.Audio = Audio;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"audio.js","sourceRoot":"","sources":["../../../src/components/audio.
|
|
1
|
+
{"version":3,"file":"audio.js","sourceRoot":"","sources":["../../../src/components/audio.tsx"],"names":[],"mappings":";;;;;AAAA,wCAAgD;AAEhD,kFAAsC;AAEtC,4CAAoC;AACpC,qDAAiD;AAEjD,uCAAmC;AAEnC,MAAM,WAAW,GAAG,2BAAM,CAAC,KAAK,CAAA;;CAE/B,CAAA;AAED,MAAM,SAAS,GAAG,CAAC,UAA2B,EAAE,EAAE;IAChD,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,GAAG,EAAE,CAAA;AAClC,CAAC,CAAA;AAEM,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAE,EAAE;IACzC,KAAK,mCAAQ,KAAK,KAAE,GAAG,EAAE,IAAA,yBAAW,EAAC,KAAK,CAAC,GAAG,CAAC,GAAE,CAAA;IACjD,IAAI,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAA;IAC5B,IAAI,IAAA,gBAAS,GAAE;QACb,OAAO,GAAG,CACR,wBAAC,WAAW,kBAAC,EAAE,EAAC,SAAS,EAAC,QAAQ,uBAChC,mCAAQ,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,IAAI,EAAC,YAAY,GAAG,yDAEhC,CACf,CAAA;IACH,OAAO,CACL,uBAAC,iBAAO,kBACN,IAAI,EAAE,iBAAK,CAAC,aAAa,EACzB,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,IAClB,KAAK,IACT,IAAI,EAAE,YAAK,CAAC,KAAK,gBAEhB,OAAO,IACA,CACX,CAAA;AACH,CAAC,CAAA;AApBY,QAAA,KAAK,SAoBjB;AAED,aAAK,CAAC,SAAS,GAAG,SAAS,CAAA"}
|
|
@@ -7,10 +7,10 @@ const core_1 = require("@botonic/core");
|
|
|
7
7
|
const react_1 = require("react");
|
|
8
8
|
const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
|
|
9
9
|
const constants_1 = require("../constants");
|
|
10
|
-
const contexts_1 = require("../contexts");
|
|
11
10
|
const environment_1 = require("../util/environment");
|
|
12
11
|
const react_2 = require("../util/react");
|
|
13
12
|
const webviews_1 = require("../util/webviews");
|
|
13
|
+
const context_1 = require("../webchat/context");
|
|
14
14
|
const buttons_disabler_1 = require("./buttons-disabler");
|
|
15
15
|
const StyledButton = styled_components_1.default.button `
|
|
16
16
|
display: flex;
|
|
@@ -37,9 +37,8 @@ exports.StyledUrlImage = styled_components_1.default.img `
|
|
|
37
37
|
width: 20px;
|
|
38
38
|
`;
|
|
39
39
|
const Button = (props) => {
|
|
40
|
-
const { webchatState, openWebview, sendPayload, sendInput, getThemeProperty, updateMessage, } = (0, react_1.useContext)(
|
|
40
|
+
const { webchatState, openWebview, sendPayload, sendInput, getThemeProperty, updateMessage, } = (0, react_1.useContext)(context_1.WebchatContext);
|
|
41
41
|
const [hover, setHover] = (0, react_1.useState)(false);
|
|
42
|
-
const { theme } = webchatState;
|
|
43
42
|
const { autoDisable, disabledStyle } = buttons_disabler_1.ButtonsDisabler.resolveDisabling(webchatState.theme, props);
|
|
44
43
|
const handleClick = event => {
|
|
45
44
|
event.preventDefault();
|
|
@@ -117,7 +116,7 @@ const Button = (props) => {
|
|
|
117
116
|
const urlIconImageProp = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.urlIconImage);
|
|
118
117
|
const urlIconImage = urlIconImageProp !== null && urlIconImageProp !== void 0 ? urlIconImageProp : constants_1.WEBCHAT.DEFAULTS.URL_ICON;
|
|
119
118
|
const urlIcon = urlIconEnabledProp || urlIconImageProp ? urlIconImage : undefined;
|
|
120
|
-
return ((0, jsx_runtime_1.jsxs)(StyledButton, Object.assign({ className: getClassName(),
|
|
119
|
+
return ((0, jsx_runtime_1.jsxs)(StyledButton, Object.assign({ className: getClassName(), onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), onClick: e => handleClick(e), style: Object.assign(Object.assign(Object.assign({}, buttonStyle), { color: buttonTextColor, backgroundColor: buttonBgColor }), (props.disabled && autoDisable && disabledStyle)) }, { children: [props.children, props.url && urlIcon && ((0, jsx_runtime_1.jsx)(exports.StyledUrlImage, { className: 'botonic-url-icon', src: (0, environment_1.resolveImage)(urlIcon) }))] })));
|
|
121
120
|
};
|
|
122
121
|
const renderNode = () => {
|
|
123
122
|
const disabledProps = buttons_disabler_1.ButtonsDisabler.constructNodeProps(props);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/button.tsx"],"names":[],"mappings":";;;;;AAAA,wCAAqC;AACrC,iCAAmD;AACnD,kFAAsC;AAEtC,4CAA8C;AAC9C,
|
|
1
|
+
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,8 +9,8 @@ const styled_components_1 = tslib_1.__importDefault(require("styled-components")
|
|
|
9
9
|
const leftArrow_svg_1 = tslib_1.__importDefault(require("../assets/leftArrow.svg"));
|
|
10
10
|
const rightArrow_svg_1 = tslib_1.__importDefault(require("../assets/rightArrow.svg"));
|
|
11
11
|
const constants_1 = require("../constants");
|
|
12
|
-
const contexts_1 = require("../contexts");
|
|
13
12
|
const environment_1 = require("../util/environment");
|
|
13
|
+
const context_1 = require("../webchat/context");
|
|
14
14
|
const buttons_disabler_1 = require("./buttons-disabler");
|
|
15
15
|
const message_1 = require("./message");
|
|
16
16
|
const ScrollableCarousel = styled_components_1.default.div `
|
|
@@ -61,7 +61,7 @@ const serialize = carouselProps => {
|
|
|
61
61
|
* @returns {JSX.Element}
|
|
62
62
|
*/
|
|
63
63
|
const Carousel = props => {
|
|
64
|
-
const { getThemeProperty } = (0, react_1.useContext)(
|
|
64
|
+
const { getThemeProperty } = (0, react_1.useContext)(context_1.WebchatContext);
|
|
65
65
|
let content = props.children;
|
|
66
66
|
const [hasLeftArrow, setLeftArrow] = (0, react_1.useState)(false);
|
|
67
67
|
const [hasRightArrow, setRightArrow] = (0, react_1.useState)(true);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"carousel.js","sourceRoot":"","sources":["../../../src/components/carousel.jsx"],"names":[],"mappings":";;;;;AAAA,wCAAgD;AAChD,uDAAsE;AACtE,kFAAsC;AAEtC,oFAA+C;AAC/C,sFAAiD;AACjD,4CAA8C;AAC9C,
|
|
1
|
+
{"version":3,"file":"carousel.js","sourceRoot":"","sources":["../../../src/components/carousel.jsx"],"names":[],"mappings":";;;;;AAAA,wCAAgD;AAChD,uDAAsE;AACtE,kFAAsC;AAEtC,oFAA+C;AAC/C,sFAAiD;AACjD,4CAA8C;AAC9C,qDAAkD;AAClD,gDAAmD;AACnD,yDAAoD;AACpD,uCAAmC;AAEnC,MAAM,kBAAkB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAGpC,CAAA;AAED,MAAM,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;IAK7B,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,qBAAqB,IAAI,mBAAmB;CAC9D,CAAA;AAED,MAAM,WAAW,GAAG,2BAAM,CAAC,GAAG,CAAA;;CAE7B,CAAA;AAED,MAAM,oBAAoB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;gBAKvB,kBAAM,CAAC,MAAM;;;;qBAIR,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc;UACxC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI;WAClB,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK;eAChB,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK;kBACjB,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK;CACrC,CAAA;AACD,MAAM,WAAW,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAG7B,CAAA;AAED,MAAM,SAAS,GAAG,aAAa,CAAC,EAAE;IAChC,IAAI,gBAAgB,GAAG,aAAa,CAAC,QAAQ,CAAA;IAC7C,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,gBAAgB,CAAC;QAAE,gBAAgB,GAAG,CAAC,gBAAgB,CAAC,CAAA;IAC3E,OAAO;QACL,IAAI,EAAE,YAAK,CAAC,QAAQ;QACpB,QAAQ,EAAE,gBAAgB,CAAC,GAAG,CAC5B,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAClE;KACF,CAAA;AACH,CAAC,CAAA;AAED;;;;GAIG;AACI,MAAM,QAAQ,GAAG,KAAK,CAAC,EAAE;IAC9B,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IACvD,IAAI,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAA;IAC5B,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACpD,MAAM,CAAC,aAAa,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAA;IACrD,MAAM,WAAW,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAA;IAChC,MAAM,uBAAuB,GAAG,gBAAgB,CAC9C,mBAAO,CAAC,iBAAiB,CAAC,uBAAuB,EACjD,SAAS,CACV,CAAA;IACD,MAAM,wBAAwB,GAAG,gBAAgB,CAC/C,mBAAO,CAAC,iBAAiB,CAAC,wBAAwB,EAClD,SAAS,CACV,CAAA;IACD,yHAAyH;IACzH,MAAM,qBAAqB,GAAG,gBAAgB,CAC5C,mBAAO,CAAC,iBAAiB,CAAC,oBAAoB,EAC9C,IAAI,CACL,CAAA;IAED,MAAM,gBAAgB,GAAG,KAAK,CAAC,EAAE;QAC/B,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC;YAC3B,IAAI,EAAE,KAAK;YACX,QAAQ,EAAE,QAAQ;SACnB,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,mBAAmB,GAAG,KAAK,CAAC,EAAE;QAClC,MAAM,QAAQ,GAAG,KAAK,CAAC,aAAa,CAAA;QACpC,MAAM,cAAc,GAClB,QAAQ,CAAC,WAAW;YACpB,QAAQ,CAAC,WAAW;YACpB,mBAAO,CAAC,QAAQ,CAAC,oBAAoB,CAAA;QACvC,YAAY,CAAC,QAAQ,CAAC,UAAU,KAAK,CAAC,CAAC,CAAA;QACvC,aAAa,CAAC,QAAQ,CAAC,UAAU,GAAG,cAAc,CAAC,CAAA;IACrD,CAAC,CAAA;IAED,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,MAAM,QAAQ,GACZ,mBAAO,CAAC,QAAQ,CAAC,aAAa,GAAG,mBAAO,CAAC,QAAQ,CAAC,oBAAoB,CAAA;QACxE,OAAO,CACL,6DACG,YAAY;oBACX,CAAC,uBAAuB,CAAC,CAAC,CAAC,CACzB,uBAAC,uBAAuB,IAAC,gBAAgB,EAAE,gBAAgB,GAAI,CAChE,CAAC,CAAC,CAAC,CACF,uBAAC,oBAAoB,kBACnB,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,OAAO,EACd,cAAc,EAAE,YAAY,EAC5B,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,CAAC,QAAQ,CAAC,gBAE1C,uBAAC,WAAW,IAAC,GAAG,EAAE,IAAA,0BAAY,EAAC,uBAAS,CAAC,GAAI,IACxB,CACxB,CAAC,EACH,aAAa;oBACZ,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAC1B,uBAAC,wBAAwB,IAAC,gBAAgB,EAAE,gBAAgB,GAAI,CACjE,CAAC,CAAC,CAAC,CACF,uBAAC,oBAAoB,kBACnB,KAAK,EAAE,CAAC,EACR,KAAK,EAAE,MAAM,EACb,cAAc,EAAE,UAAU,EAC1B,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,QAAQ,CAAC,gBAEzC,uBAAC,WAAW,IAAC,GAAG,EAAE,IAAA,0BAAY,EAAC,wBAAU,CAAC,GAAI,IACzB,CACxB,CAAC,IACH,CACJ,CAAA;IACH,CAAC,CAAA;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAA;QACpC,IAAI,QAAQ,IAAI,QAAQ,CAAC,gBAAgB,EAAE;YACzC,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,EAAE,mBAAmB,EAAE,KAAK,CAAC,CAAA;SAChE;aAAM,IAAI,QAAQ,IAAI,QAAQ,CAAC,WAAW,EAAE;YAC3C,QAAQ,CAAC,WAAW,CAAC,QAAQ,EAAE,mBAAmB,CAAC,CAAA;SACpD;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAA;IAEzB,MAAM,aAAa,mCACd,KAAK,KACR,QAAQ,EAAE,kCAAe,CAAC,qBAAqB,CAAC,KAAK,CAAC,QAAQ,CAAC,GAChE,CAAA;IAED,IAAI,IAAA,gBAAS,GAAE,EAAE;QACf,OAAO,GAAG,CACR,uBAAC,kBAAkB,cACjB,wBAAC,cAAc,kBACb,GAAG,EAAE,WAAW,EAChB,qBAAqB,EAAE,qBAAqB,iBAE5C,uBAAC,WAAW,cAAE,aAAa,CAAC,QAAQ,GAAe,EAClD,qBAAqB,IAAI,SAAS,EAAE,KACtB,GACE,CACtB,CAAA;KACF;IAED,OAAO,CACL,uBAAC,iBAAO,kBACN,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,EAAE,eAAe,EAAE,kBAAM,CAAC,WAAW,EAAE,EACxE,IAAI,EAAE,KAAK,EACX,IAAI,EAAE,SAAS,CAAC,aAAa,CAAC,EAC9B,IAAI,EAAE,YAAK,CAAC,QAAQ,IAChB,aAAa,cAEhB,OAAO,IACA,CACX,CAAA;AACH,CAAC,CAAA;AA/GY,QAAA,QAAQ,YA+GpB;AAED,gBAAQ,CAAC,SAAS,GAAG,SAAS,CAAA"}
|
|
@@ -1,12 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { CustomMessageType } from './index-types';
|
|
3
|
+
/**
|
|
4
|
+
*
|
|
5
|
+
* name: as it appears at ThemeProps' message.customTypes key
|
|
6
|
+
* CustomMessageComponent
|
|
7
|
+
* defaultProps: Props for the wrapper Message
|
|
8
|
+
* ErrorBoundary: to recover in case it fails
|
|
9
|
+
*/
|
|
10
|
+
export interface CustomMessageArgs {
|
|
11
|
+
name: string;
|
|
12
|
+
component: React.ComponentType;
|
|
13
|
+
defaultProps?: Record<string, any>;
|
|
14
|
+
errorBoundary?: any;
|
|
15
|
+
}
|
|
16
|
+
export declare const customMessage: ({ name, component: CustomMessageComponent, defaultProps, errorBoundary, }: CustomMessageArgs) => CustomMessageType;
|
|
@@ -12,14 +12,7 @@ const logs_1 = require("../util/logs");
|
|
|
12
12
|
const react_2 = require("../util/react");
|
|
13
13
|
const message_1 = require("./message");
|
|
14
14
|
const reply_1 = require("./reply");
|
|
15
|
-
|
|
16
|
-
*
|
|
17
|
-
* @param name as it appears at ThemeProps' message.customTypes key
|
|
18
|
-
* @param CustomMessageComponent
|
|
19
|
-
* @param defaultProps Props for the wrapper Message
|
|
20
|
-
* @param ErrorBoundary to recover in case it fails
|
|
21
|
-
*/
|
|
22
|
-
const customMessage = ({ name, component: CustomMessageComponent, defaultProps = {}, errorBoundary: ErrorBoundary = (0, error_boundary_1.createErrorBoundary)(), }) => {
|
|
15
|
+
const customMessage = ({ name, component: CustomMessageComponent, defaultProps = {}, errorBoundary = (0, error_boundary_1.createErrorBoundary)(), }) => {
|
|
23
16
|
const CustomMessage = props => {
|
|
24
17
|
(0, logs_1.warnDeprecatedProps)(defaultProps, 'customMessage:');
|
|
25
18
|
if (defaultProps.sentBy === index_types_1.SENDERS.user) {
|
|
@@ -49,11 +42,12 @@ const customMessage = ({ name, component: CustomMessageComponent, defaultProps =
|
|
|
49
42
|
const WrappedComponent = props => {
|
|
50
43
|
const { id, children } = props, customMessageProps = tslib_1.__rest(props, ["id", "children"]);
|
|
51
44
|
const { replies, childrenWithoutReplies } = splitChildren(props);
|
|
45
|
+
const ErrorBoundary = errorBoundary;
|
|
52
46
|
return ((0, jsx_runtime_1.jsxs)(CustomMessage, Object.assign({ id: id, json: Object.assign(Object.assign({}, customMessageProps), { id, children: childrenWithoutReplies, customTypeName: name }), sentBy: props.sentBy || index_types_1.SENDERS.bot, isUnread: props.isUnread }, { children: [(0, jsx_runtime_1.jsx)(ErrorBoundary, Object.assign({}, customMessageProps, { children: (0, jsx_runtime_1.jsx)(CustomMessageComponent, Object.assign({}, customMessageProps, { children: childrenWithoutReplies })) }), 'errorBoundary'), replies] })));
|
|
53
47
|
};
|
|
54
48
|
WrappedComponent.customTypeName = name;
|
|
55
49
|
// eslint-disable-next-line react/display-name
|
|
56
|
-
WrappedComponent.deserialize = msg => ((0, jsx_runtime_1.jsx)(WrappedComponent, Object.assign({ id: msg.id, json: msg.data }, msg.data, { sentBy: msg.sentBy || index_types_1.SENDERS.bot, isUnread: msg.isUnread }), msg.key));
|
|
50
|
+
WrappedComponent.deserialize = (msg) => ((0, jsx_runtime_1.jsx)(WrappedComponent, Object.assign({ id: msg.id, json: msg.data }, msg.data, { sentBy: msg.sentBy || index_types_1.SENDERS.bot, isUnread: msg.isUnread }), msg.key));
|
|
57
51
|
return WrappedComponent;
|
|
58
52
|
};
|
|
59
53
|
exports.customMessage = customMessage;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"custom-message.js","sourceRoot":"","sources":["../../../src/components/custom-message.
|
|
1
|
+
{"version":3,"file":"custom-message.js","sourceRoot":"","sources":["../../../src/components/custom-message.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
export
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
import { DocumentProps } from './index-types';
|
|
2
|
+
export declare const Document: {
|
|
3
|
+
(props: DocumentProps): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
serialize: (documentProps: {
|
|
5
|
+
src: string;
|
|
6
|
+
}) => {
|
|
7
|
+
document: string;
|
|
8
|
+
};
|
|
7
9
|
};
|
|
8
|
-
export {};
|
|
@@ -4,11 +4,11 @@ exports.Document = void 0;
|
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
6
|
const core_1 = require("@botonic/core");
|
|
7
|
-
const react_1 =
|
|
7
|
+
const react_1 = require("react");
|
|
8
8
|
const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
|
|
9
9
|
const constants_1 = require("../constants");
|
|
10
|
-
const contexts_1 = require("../contexts");
|
|
11
10
|
const environment_1 = require("../util/environment");
|
|
11
|
+
const context_1 = require("../webchat/context");
|
|
12
12
|
const message_1 = require("./message");
|
|
13
13
|
const StyledButton = styled_components_1.default.a `
|
|
14
14
|
display: block;
|
|
@@ -27,13 +27,13 @@ const StyledButton = styled_components_1.default.a `
|
|
|
27
27
|
opacity: 1;
|
|
28
28
|
}
|
|
29
29
|
`;
|
|
30
|
-
const serialize = documentProps => {
|
|
30
|
+
const serialize = (documentProps) => {
|
|
31
31
|
return { document: documentProps.src };
|
|
32
32
|
};
|
|
33
|
-
const Document = props => {
|
|
33
|
+
const Document = (props) => {
|
|
34
34
|
props = Object.assign(Object.assign({}, props), { src: (0, environment_1.staticAsset)(props.src) });
|
|
35
35
|
let content = props.children;
|
|
36
|
-
const { getThemeProperty } = (0, react_1.useContext)(
|
|
36
|
+
const { getThemeProperty } = (0, react_1.useContext)(context_1.WebchatContext);
|
|
37
37
|
let documentDownload = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.documentDownload, {});
|
|
38
38
|
if (typeof documentDownload === 'function')
|
|
39
39
|
documentDownload = documentDownload(props.from);
|
|
@@ -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,wCAAgD;AAChD,iCAAyC;AACzC,kFAAsC;AAEtC,4CAA6C;AAC7C,qDAAiD;AACjD,gDAAmD;AAEnD,uCAAmC;AAEnC,MAAM,YAAY,GAAG,2BAAM,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;AAEM,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC/C,KAAK,mCAAQ,KAAK,KAAE,GAAG,EAAE,IAAA,yBAAW,EAAC,KAAK,CAAC,GAAG,CAAC,GAAE,CAAA;IAEjD,IAAI,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAA;IAE5B,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IACvD,IAAI,gBAAgB,GAAG,gBAAgB,CACrC,mBAAO,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,IAAA,gBAAS,GAAE,EAAE;QACf,OAAO,GAAG,CACR,uBAAC,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,uBAAC,iBAAO,kBACN,IAAI,EAAE,iBAAK,CAAC,gBAAgB,EAC5B,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,IAClB,KAAK,IACT,IAAI,EAAE,YAAK,CAAC,QAAQ,gBAEnB,OAAO,IACA,CACX,CAAA;AACH,CAAC,CAAA;AAtCY,QAAA,QAAQ,YAsCpB;AAED,gBAAQ,CAAC,SAAS,GAAG,SAAS,CAAA"}
|
|
@@ -7,6 +7,7 @@ const react_1 = tslib_1.__importDefault(require("react"));
|
|
|
7
7
|
const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
|
|
8
8
|
const constants_1 = require("../constants");
|
|
9
9
|
const react_2 = require("../util/react");
|
|
10
|
+
const button_1 = require("./button");
|
|
10
11
|
const ElementContainer = styled_components_1.default.div `
|
|
11
12
|
display: flex;
|
|
12
13
|
flex-direction: column;
|
|
@@ -32,18 +33,17 @@ exports.Element.serialize = elementProps => {
|
|
|
32
33
|
element.buttons = [
|
|
33
34
|
...elementProps.children
|
|
34
35
|
.filter(c => {
|
|
36
|
+
var _a;
|
|
35
37
|
if (c instanceof Array)
|
|
36
38
|
return true;
|
|
37
|
-
return c
|
|
39
|
+
return ((_a = c === null || c === void 0 ? void 0 : c.type) === null || _a === void 0 ? void 0 : _a.name) === button_1.Button.name;
|
|
38
40
|
})
|
|
39
41
|
.map(b => {
|
|
42
|
+
var _a;
|
|
40
43
|
if (b instanceof Array) {
|
|
41
|
-
|
|
42
|
-
bb.type &&
|
|
43
|
-
bb.type.serialize &&
|
|
44
|
-
bb.type.serialize(bb.props).button);
|
|
44
|
+
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; });
|
|
45
45
|
}
|
|
46
|
-
return (b
|
|
46
|
+
return (_a = b === null || b === void 0 ? void 0 : b.type) === null || _a === void 0 ? void 0 : _a.serialize(b.props).button;
|
|
47
47
|
}),
|
|
48
48
|
];
|
|
49
49
|
// 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.jsx"],"names":[],"mappings":";;;;;AAAA,0DAAyB;AACzB,kFAAsC;AAEtC,4CAA8C;AAC9C,yCAA+C;
|
|
1
|
+
{"version":3,"file":"element.js","sourceRoot":"","sources":["../../../src/components/element.jsx"],"names":[],"mappings":";;;;;AAAA,0DAAyB;AACzB,kFAAsC;AAEtC,4CAA8C;AAC9C,yCAA+C;AAC/C,qCAAiC;AAEjC,MAAM,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;WAGxB,mBAAO,CAAC,QAAQ,CAAC,aAAa;kBACvB,mBAAO,CAAC,QAAQ,CAAC,oBAAoB;;sBAEjC,kBAAM,CAAC,cAAc;;;CAG1C,CAAA;AAEM,MAAM,OAAO,GAAG,KAAK,CAAC,EAAE;IAC7B,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,CAC1B,uBAAC,gBAAgB,cAAE,KAAK,CAAC,QAAQ,GAAoB,CACtD,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,8CAAU,KAAK,CAAC,QAAQ,GAAW,CAAA;IAE5D,OAAO,IAAA,uBAAe,EAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AARY,QAAA,OAAO,WAQnB;AAED,eAAO,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,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,QAAQ,CAAC;SACnD,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAC3D,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,eAAM,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;
|
|
@@ -6,7 +6,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
6
6
|
const react_1 = tslib_1.__importStar(require("react"));
|
|
7
7
|
const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
|
|
8
8
|
const constants_1 = require("../constants");
|
|
9
|
-
const
|
|
9
|
+
const context_1 = require("../webchat/context");
|
|
10
10
|
const Container = styled_components_1.default.div `
|
|
11
11
|
display: flex;
|
|
12
12
|
font-family: inherit;
|
|
@@ -33,7 +33,7 @@ const StyledButton = styled_components_1.default.button `
|
|
|
33
33
|
cursor: pointer;
|
|
34
34
|
`;
|
|
35
35
|
const Handoff = props => {
|
|
36
|
-
const { resolveCase } = (0, react_1.useContext)(
|
|
36
|
+
const { resolveCase } = (0, react_1.useContext)(context_1.WebchatContext);
|
|
37
37
|
const [state, setState] = (0, react_1.useState)({ showContinue: true });
|
|
38
38
|
const continueClick = () => {
|
|
39
39
|
setState({ showContinue: false });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"handoff.js","sourceRoot":"","sources":["../../../src/components/handoff.jsx"],"names":[],"mappings":";;;;;AAAA,uDAAmD;AACnD,kFAAsC;AAEtC,4CAAqC;AACrC,
|
|
1
|
+
{"version":3,"file":"handoff.js","sourceRoot":"","sources":["../../../src/components/handoff.jsx"],"names":[],"mappings":";;;;;AAAA,uDAAmD;AACnD,kFAAsC;AAEtC,4CAAqC;AACrC,gDAAmD;AAEnD,MAAM,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;CAO3B,CAAA;AAED,MAAM,oBAAoB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAGtC,CAAA;AAED,MAAM,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAGhC,CAAA;AAED,MAAM,YAAY,GAAG,2BAAM,CAAC,MAAM,CAAA;;;sBAGZ,kBAAM,CAAC,WAAW;;;;;CAKvC,CAAA;AAEM,MAAM,OAAO,GAAG,KAAK,CAAC,EAAE;IAC7B,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAClD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,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,kBAAM,CAAC,mBAAmB;QAC5B,CAAC,CAAC,kBAAM,CAAC,WAAW,CAAA;IACtB,MAAM,SAAS,GAAG,KAAK,CAAC,YAAY;QAClC,CAAC,CAAC,kBAAM,CAAC,WAAW;QACpB,CAAC,CAAC,kBAAM,CAAC,YAAY,CAAA;IACvB,OAAO,CACL,wBAAC,SAAS,kBACR,KAAK,EAAE;YACL,KAAK,EAAE,SAAS;YAChB,eAAe,EAAE,OAAO;SACzB,iBAEA,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CACpB,uBAAC,oBAAoB,+DAEE,CACxB,CAAC,CAAC,CAAC,CACF,uBAAC,cAAc,sCAAqC,CACrD,EACA,KAAK,CAAC,YAAY,IAAI,CACrB,uBAAC,YAAY,kBAAC,OAAO,EAAE,aAAa,8BAAyB,CAC9D,KACS,CACb,CAAA;AACH,CAAC,CAAA;AAlCY,QAAA,OAAO,WAkCnB"}
|
|
@@ -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 {};
|
|
@@ -4,11 +4,11 @@ exports.Image = void 0;
|
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
6
|
const core_1 = require("@botonic/core");
|
|
7
|
-
const react_1 =
|
|
7
|
+
const react_1 = require("react");
|
|
8
8
|
const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
|
|
9
9
|
const constants_1 = require("../constants");
|
|
10
|
-
const contexts_1 = require("../contexts");
|
|
11
10
|
const environment_1 = require("../util/environment");
|
|
11
|
+
const context_1 = require("../webchat/context");
|
|
12
12
|
const message_1 = require("./message");
|
|
13
13
|
const StyledImage = styled_components_1.default.img `
|
|
14
14
|
border-radius: 8px;
|
|
@@ -17,10 +17,10 @@ const StyledImage = styled_components_1.default.img `
|
|
|
17
17
|
margin: -3px -6px;
|
|
18
18
|
cursor: ${({ hasPreviewer }) => (hasPreviewer ? 'pointer' : 'auto')};
|
|
19
19
|
`;
|
|
20
|
-
const serialize = imageProps => {
|
|
20
|
+
const serialize = (imageProps) => {
|
|
21
21
|
return { image: imageProps.src };
|
|
22
22
|
};
|
|
23
|
-
const Image = props => {
|
|
23
|
+
const Image = (props) => {
|
|
24
24
|
var _a;
|
|
25
25
|
props = ((_a = props.input) === null || _a === void 0 ? void 0 : _a.data)
|
|
26
26
|
? Object.assign(Object.assign({}, props), { src: props.input.data }) : Object.assign(Object.assign({}, props), { src: (0, environment_1.staticAsset)(props.src) });
|
|
@@ -28,7 +28,7 @@ const Image = props => {
|
|
|
28
28
|
const [isPreviewerOpened, setIsPreviewerOpened] = (0, react_1.useState)(false);
|
|
29
29
|
const openPreviewer = () => setIsPreviewerOpened(true);
|
|
30
30
|
const closePreviewer = () => setIsPreviewerOpened(false);
|
|
31
|
-
const { getThemeProperty } = (0, react_1.useContext)(
|
|
31
|
+
const { getThemeProperty } = (0, react_1.useContext)(context_1.WebchatContext);
|
|
32
32
|
const ImagePreviewer = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.imagePreviewer, null);
|
|
33
33
|
if ((0, core_1.isBrowser)()) {
|
|
34
34
|
content = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(StyledImage, { src: props.src, onClick: openPreviewer, hasPreviewer: Boolean(ImagePreviewer) }), ImagePreviewer && ((0, jsx_runtime_1.jsx)(ImagePreviewer, { src: props.src, isPreviewerOpened: isPreviewerOpened, openPreviewer: openPreviewer, closePreviewer: closePreviewer }))] }));
|
|
@@ -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,wCAAgD;AAChD,iCAAmD;AACnD,kFAAsC;AAEtC,4CAA6C;AAC7C,qDAAiD;AACjD,gDAAmD;AAEnD,uCAAmC;AAMnC,MAAM,WAAW,GAAG,2BAAM,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;AAEM,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,IAAA,yBAAW,EAAC,KAAK,CAAC,GAAG,CAAC,GAAE,CAAA;IAE7C,IAAI,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAA;IAE5B,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,IAAA,gBAAQ,EAAC,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,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IACvD,MAAM,cAAc,GAAG,gBAAgB,CACrC,mBAAO,CAAC,iBAAiB,CAAC,cAAc,EACxC,IAAI,CACL,CAAA;IACD,IAAI,IAAA,gBAAS,GAAE,EAAE;QACf,OAAO,GAAG,CACR,6DACE,uBAAC,WAAW,IACV,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,OAAO,EAAE,aAAa,EACtB,YAAY,EAAE,OAAO,CAAC,cAAc,CAAC,GACrC,EACD,cAAc,IAAI,CACjB,uBAAC,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;IACD,OAAO,CACL,uBAAC,iBAAO,kBACN,IAAI,EAAE,iBAAK,CAAC,aAAa,EACzB,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,IAClB,KAAK,IACT,IAAI,EAAE,YAAK,CAAC,KAAK,gBAEhB,OAAO,IACA,CACX,CAAA;AACH,CAAC,CAAA;AA7CY,QAAA,KAAK,SA6CjB;AAED,aAAK,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;
|
|
@@ -45,142 +44,46 @@ export interface ReplyProps {
|
|
|
45
44
|
export interface PicProps {
|
|
46
45
|
src: string;
|
|
47
46
|
}
|
|
48
|
-
export
|
|
47
|
+
export interface ImageProps extends MessageProps {
|
|
48
|
+
src: string;
|
|
49
|
+
input?: {
|
|
50
|
+
data: string;
|
|
51
|
+
};
|
|
52
|
+
}
|
|
53
|
+
export interface VideoProps extends MessageProps {
|
|
54
|
+
src: string;
|
|
55
|
+
input?: {
|
|
56
|
+
data: string;
|
|
57
|
+
};
|
|
58
|
+
}
|
|
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
|
+
}
|
|
49
72
|
export interface TitleProps {
|
|
50
73
|
children: React.ReactNode;
|
|
51
74
|
style: string;
|
|
52
75
|
}
|
|
53
76
|
export type SubtitleProps = TitleProps;
|
|
54
|
-
export
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
enable?: boolean;
|
|
59
|
-
};
|
|
60
|
-
export type ImageProp = {
|
|
61
|
-
image?: string;
|
|
62
|
-
};
|
|
63
|
-
export type PersistentMenuCloseOption = {
|
|
64
|
-
closeLabel: string;
|
|
65
|
-
};
|
|
66
|
-
export type PersistentMenuOption = {
|
|
67
|
-
label: string;
|
|
68
|
-
} & ButtonProps;
|
|
69
|
-
export type StyleProp = {
|
|
70
|
-
style?: any;
|
|
71
|
-
};
|
|
72
|
-
export type PersistentMenuTheme = (PersistentMenuCloseOption | PersistentMenuOption)[];
|
|
73
|
-
export interface PersistentMenuProps {
|
|
74
|
-
onClick: () => void;
|
|
75
|
-
options: any;
|
|
77
|
+
export interface CustomMessageType {
|
|
78
|
+
(props: any): JSX.Element;
|
|
79
|
+
customTypeName: string;
|
|
80
|
+
deserialize(msg: any): JSX.Element;
|
|
76
81
|
}
|
|
77
82
|
export type BlockInputOption = {
|
|
78
83
|
preprocess?: (message: string) => string;
|
|
79
84
|
match: RegExp[];
|
|
80
85
|
message: string;
|
|
81
86
|
};
|
|
82
|
-
export interface BlobProps {
|
|
83
|
-
blobTick?: boolean;
|
|
84
|
-
blobTickStyle?: any;
|
|
85
|
-
blobWidth?: string;
|
|
86
|
-
imageStyle?: any;
|
|
87
|
-
}
|
|
88
|
-
export interface ThemeProps extends StyleProp {
|
|
89
|
-
coverComponent?: CoverComponentOptions;
|
|
90
|
-
mobileBreakpoint?: number;
|
|
91
|
-
mobileStyle?: any;
|
|
92
|
-
webview?: StyleProp & {
|
|
93
|
-
header?: StyleProp;
|
|
94
|
-
};
|
|
95
|
-
animations?: EnableProp;
|
|
96
|
-
intro?: StyleProp & ImageProp & CustomProp;
|
|
97
|
-
brand?: {
|
|
98
|
-
color?: string;
|
|
99
|
-
} & ImageProp;
|
|
100
|
-
header?: {
|
|
101
|
-
title?: string;
|
|
102
|
-
subtitle?: string;
|
|
103
|
-
} & ImageProp & StyleProp & CustomProp;
|
|
104
|
-
message?: {
|
|
105
|
-
bot?: BlobProps & ImageProp & StyleProp;
|
|
106
|
-
agent?: ImageProp;
|
|
107
|
-
user?: BlobProps & StyleProp;
|
|
108
|
-
customTypes?: React.ComponentType[];
|
|
109
|
-
} & StyleProp & {
|
|
110
|
-
timestamps?: {
|
|
111
|
-
withImage?: boolean;
|
|
112
|
-
format: () => string;
|
|
113
|
-
} & StyleProp & EnableProp;
|
|
114
|
-
};
|
|
115
|
-
button?: {
|
|
116
|
-
autodisable?: boolean;
|
|
117
|
-
disabledstyle?: any;
|
|
118
|
-
hoverBackground?: string;
|
|
119
|
-
hoverTextColor?: string;
|
|
120
|
-
messageType?: 'text' | 'payload';
|
|
121
|
-
urlIcon?: ImageProp & EnableProp;
|
|
122
|
-
} & StyleProp & CustomProp;
|
|
123
|
-
replies?: {
|
|
124
|
-
align?: 'left' | 'center' | 'right';
|
|
125
|
-
wrap?: 'wrap' | 'nowrap';
|
|
126
|
-
};
|
|
127
|
-
carousel?: {
|
|
128
|
-
arrow?: {
|
|
129
|
-
left: CustomProp;
|
|
130
|
-
right: CustomProp;
|
|
131
|
-
};
|
|
132
|
-
enableArrows?: boolean;
|
|
133
|
-
};
|
|
134
|
-
reply?: StyleProp & CustomProp;
|
|
135
|
-
triggerButton?: ImageProp & StyleProp & CustomProp;
|
|
136
|
-
notifications?: EnableProp & {
|
|
137
|
-
banner?: CustomProp & EnableProp & {
|
|
138
|
-
text?: string;
|
|
139
|
-
};
|
|
140
|
-
triggerButton?: EnableProp;
|
|
141
|
-
};
|
|
142
|
-
scrollButton?: EnableProp & CustomProp;
|
|
143
|
-
markdownStyle?: string;
|
|
144
|
-
userInput?: {
|
|
145
|
-
attachments?: EnableProp & CustomProp;
|
|
146
|
-
blockInputs?: BlockInputOption[];
|
|
147
|
-
box?: {
|
|
148
|
-
placeholder: string;
|
|
149
|
-
} & StyleProp;
|
|
150
|
-
emojiPicker?: EnableProp & CustomProp;
|
|
151
|
-
menu?: {
|
|
152
|
-
darkBackground?: boolean;
|
|
153
|
-
} & {
|
|
154
|
-
custom?: React.ComponentType<PersistentMenuProps>;
|
|
155
|
-
};
|
|
156
|
-
menuButton?: CustomProp;
|
|
157
|
-
persistentMenu?: PersistentMenuTheme;
|
|
158
|
-
sendButton?: EnableProp & CustomProp;
|
|
159
|
-
} & EnableProp & StyleProp;
|
|
160
|
-
imagePreviewer?: React.ComponentType<ImagePreviewerProps>;
|
|
161
|
-
}
|
|
162
|
-
interface ImagePreviewerProps {
|
|
163
|
-
src: string;
|
|
164
|
-
isPreviewerOpened: boolean;
|
|
165
|
-
closePreviewer: () => void;
|
|
166
|
-
}
|
|
167
|
-
export interface CoverComponentOptions {
|
|
168
|
-
component: React.ComponentType<CoverComponentProps>;
|
|
169
|
-
props?: any;
|
|
170
|
-
}
|
|
171
|
-
export interface WebchatSettingsProps {
|
|
172
|
-
blockInputs?: BlockInputOption[];
|
|
173
|
-
enableAnimations?: boolean;
|
|
174
|
-
enableAttachments?: boolean;
|
|
175
|
-
enableEmojiPicker?: boolean;
|
|
176
|
-
enableUserInput?: boolean;
|
|
177
|
-
persistentMenu?: PersistentMenuTheme;
|
|
178
|
-
theme?: ThemeProps;
|
|
179
|
-
user?: {
|
|
180
|
-
extra_data?: any;
|
|
181
|
-
};
|
|
182
|
-
}
|
|
183
87
|
export type WrappedComponent<Props> = React.FunctionComponent<Props> & {
|
|
184
88
|
customTypeName: string;
|
|
185
89
|
};
|
|
186
|
-
export {};
|