@botonic/react 0.31.5-alpha.1 → 0.32.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/cjs/components/audio.d.ts +8 -7
- package/lib/cjs/components/audio.js +7 -4
- package/lib/cjs/components/audio.js.map +1 -1
- package/lib/cjs/components/button.js +3 -4
- package/lib/cjs/components/button.js.map +1 -1
- package/lib/cjs/components/carousel.js +2 -2
- package/lib/cjs/components/carousel.js.map +1 -1
- package/lib/cjs/components/custom-message.d.ts +16 -12
- package/lib/cjs/components/custom-message.js +3 -9
- package/lib/cjs/components/custom-message.js.map +1 -1
- package/lib/cjs/components/document.d.ts +8 -7
- package/lib/cjs/components/document.js +5 -5
- package/lib/cjs/components/document.js.map +1 -1
- package/lib/cjs/components/element.js +6 -6
- package/lib/cjs/components/element.js.map +1 -1
- package/lib/cjs/components/handoff.d.ts +1 -1
- package/lib/cjs/components/handoff.js +2 -2
- package/lib/cjs/components/handoff.js.map +1 -1
- package/lib/cjs/components/image.d.ts +8 -7
- package/lib/cjs/components/image.js +5 -5
- package/lib/cjs/components/image.js.map +1 -1
- package/lib/cjs/components/index-types.d.ts +30 -127
- package/lib/cjs/components/index.d.ts +7 -1
- package/lib/cjs/components/index.js +14 -1
- package/lib/cjs/components/index.js.map +1 -1
- package/lib/cjs/components/message/index.js +2 -1
- package/lib/cjs/components/message/index.js.map +1 -1
- package/lib/cjs/components/message/message-feedback.d.ts +1 -1
- package/lib/cjs/components/message/message-feedback.js +2 -2
- package/lib/cjs/components/message/message-feedback.js.map +1 -1
- package/lib/cjs/components/message/message-footer.d.ts +1 -1
- package/lib/cjs/components/message/message-footer.js +2 -2
- package/lib/cjs/components/message/message-footer.js.map +1 -1
- package/lib/cjs/components/message/message-image.js +2 -2
- package/lib/cjs/components/message/message-image.js.map +1 -1
- package/lib/cjs/components/message/timestamps.d.ts +1 -1
- package/lib/cjs/components/message/timestamps.js +2 -2
- package/lib/cjs/components/message/timestamps.js.map +1 -1
- package/lib/cjs/components/multichannel/multichannel-button.d.ts +1 -1
- package/lib/cjs/components/multichannel/multichannel-button.js +2 -2
- package/lib/cjs/components/multichannel/multichannel-button.js.map +1 -1
- package/lib/cjs/components/multichannel/multichannel-carousel.js +4 -4
- package/lib/cjs/components/multichannel/multichannel-carousel.js.map +1 -1
- package/lib/cjs/components/multichannel/multichannel-reply.d.ts +1 -1
- package/lib/cjs/components/multichannel/multichannel-text.d.ts +1 -1
- package/lib/cjs/components/multichannel/multichannel-text.js +12 -11
- package/lib/cjs/components/multichannel/multichannel-text.js.map +1 -1
- package/lib/cjs/components/multichannel/multichannel-utils.d.ts +9 -15
- package/lib/cjs/components/multichannel/multichannel-utils.js +48 -27
- package/lib/cjs/components/multichannel/multichannel-utils.js.map +1 -1
- package/lib/cjs/components/multichannel/multichannel.js +7 -7
- package/lib/cjs/components/multichannel/multichannel.js.map +1 -1
- package/lib/cjs/components/multichannel/whatsapp/constants.d.ts +11 -0
- package/lib/cjs/components/multichannel/whatsapp/constants.js +13 -0
- package/lib/cjs/components/multichannel/whatsapp/constants.js.map +1 -0
- package/lib/cjs/components/raw.d.ts +1 -1
- package/lib/cjs/components/reply.d.ts +7 -6
- package/lib/cjs/components/reply.js +10 -6
- package/lib/cjs/components/reply.js.map +1 -1
- package/lib/cjs/components/text.d.ts +1 -1
- package/lib/cjs/components/video.d.ts +8 -7
- package/lib/cjs/components/video.js +2 -3
- package/lib/cjs/components/video.js.map +1 -1
- package/lib/cjs/components/webchat-settings.d.ts +15 -2
- package/lib/cjs/components/webchat-settings.js +2 -2
- package/lib/cjs/components/webchat-settings.js.map +1 -1
- package/lib/cjs/components/whatsapp-button-list.js +2 -2
- package/lib/cjs/components/whatsapp-button-list.js.map +1 -1
- package/lib/cjs/components/whatsapp-catalog.d.ts +6 -0
- package/lib/cjs/components/whatsapp-catalog.js +25 -0
- package/lib/cjs/components/whatsapp-catalog.js.map +1 -0
- package/lib/cjs/components/whatsapp-cta-url-button.js +5 -5
- package/lib/cjs/components/whatsapp-cta-url-button.js.map +1 -1
- package/lib/cjs/components/whatsapp-media-carousel.d.ts +46 -0
- package/lib/cjs/components/whatsapp-media-carousel.js +40 -0
- package/lib/cjs/components/whatsapp-media-carousel.js.map +1 -0
- package/lib/cjs/components/whatsapp-product-carousel.d.ts +32 -0
- package/lib/cjs/components/whatsapp-product-carousel.js +34 -0
- package/lib/cjs/components/whatsapp-product-carousel.js.map +1 -0
- package/lib/cjs/components/whatsapp-product-list.d.ts +15 -0
- package/lib/cjs/components/whatsapp-product-list.js +26 -0
- package/lib/cjs/components/whatsapp-product-list.js.map +1 -0
- package/lib/cjs/components/whatsapp-product.d.ts +7 -0
- package/lib/cjs/components/whatsapp-product.js +25 -0
- package/lib/cjs/components/whatsapp-product.js.map +1 -0
- package/lib/cjs/constants.d.ts +0 -6
- package/lib/cjs/constants.js +1 -7
- package/lib/cjs/constants.js.map +1 -1
- package/lib/cjs/contexts.d.ts +3 -4
- package/lib/cjs/contexts.js +2 -76
- package/lib/cjs/contexts.js.map +1 -1
- package/lib/cjs/dev-app.d.ts +7 -0
- package/lib/cjs/dev-app.js +5 -2
- package/lib/cjs/dev-app.js.map +1 -1
- package/lib/cjs/index-types.d.ts +90 -61
- package/lib/cjs/index-types.js.map +1 -1
- package/lib/cjs/index.d.ts +1 -1
- package/lib/cjs/index.js +1 -2
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/msg-to-botonic.d.ts +1 -1
- package/lib/cjs/msg-to-botonic.js +5 -8
- package/lib/cjs/msg-to-botonic.js.map +1 -1
- package/lib/cjs/react-bot.d.ts +1 -1
- package/lib/cjs/util/error-boundary.d.ts +1 -1
- package/lib/cjs/util/functional.d.ts +3 -0
- package/lib/cjs/util/functional.js +30 -0
- package/lib/cjs/util/functional.js.map +1 -0
- package/lib/cjs/util/react.d.ts +1 -1
- package/lib/cjs/util/webchat.d.ts +17 -6
- package/lib/cjs/util/webchat.js +9 -7
- package/lib/cjs/util/webchat.js.map +1 -1
- package/lib/cjs/webchat/chat-area/index.d.ts +1 -1
- package/lib/cjs/webchat/chat-area/index.js +3 -3
- package/lib/cjs/webchat/chat-area/index.js.map +1 -1
- package/lib/cjs/webchat/components/common.d.ts +1 -1
- package/lib/cjs/webchat/components/conditional-animation.d.ts +1 -1
- package/lib/cjs/webchat/components/conditional-animation.js +2 -2
- package/lib/cjs/webchat/components/conditional-animation.js.map +1 -1
- package/lib/cjs/webchat/components/opened-persistent-menu.d.ts +1 -1
- package/lib/cjs/webchat/components/opened-persistent-menu.js +2 -2
- package/lib/cjs/webchat/components/opened-persistent-menu.js.map +1 -1
- package/lib/cjs/webchat/{actions.d.ts → context/actions.d.ts} +4 -1
- package/lib/cjs/webchat/{actions.js → context/actions.js} +4 -0
- package/lib/cjs/webchat/context/actions.js.map +1 -0
- package/lib/cjs/webchat/context/index.d.ts +5 -0
- package/lib/cjs/webchat/context/index.js +86 -0
- package/lib/cjs/webchat/context/index.js.map +1 -0
- package/lib/cjs/webchat/{messages-reducer.d.ts → context/messages-reducer.d.ts} +1 -1
- package/lib/cjs/webchat/{messages-reducer.js → context/messages-reducer.js} +3 -1
- package/lib/cjs/webchat/context/messages-reducer.js.map +1 -0
- package/lib/cjs/webchat/context/types.d.ts +76 -0
- package/lib/cjs/webchat/context/types.js +3 -0
- package/lib/cjs/webchat/context/types.js.map +1 -0
- package/lib/cjs/webchat/{hooks → context}/use-webchat.d.ts +21 -20
- package/lib/cjs/webchat/{hooks → context}/use-webchat.js +21 -7
- package/lib/cjs/webchat/context/use-webchat.js.map +1 -0
- package/lib/cjs/webchat/{webchat-reducer.d.ts → context/webchat-reducer.d.ts} +1 -1
- package/lib/cjs/webchat/{webchat-reducer.js → context/webchat-reducer.js} +4 -0
- package/lib/cjs/webchat/context/webchat-reducer.js.map +1 -0
- package/lib/cjs/webchat/cover-component/index.d.ts +1 -1
- package/lib/cjs/webchat/cover-component/index.js +2 -2
- package/lib/cjs/webchat/cover-component/index.js.map +1 -1
- package/lib/cjs/webchat/header/default-header.d.ts +1 -0
- package/lib/cjs/webchat/header/default-header.js +25 -0
- package/lib/cjs/webchat/header/default-header.js.map +1 -0
- package/lib/cjs/webchat/header/index.d.ts +2 -0
- package/lib/cjs/webchat/header/index.js +23 -0
- package/lib/cjs/webchat/header/index.js.map +1 -0
- package/lib/cjs/webchat/header/styles.d.ts +7 -0
- package/lib/cjs/webchat/header/styles.js +59 -0
- package/lib/cjs/webchat/header/styles.js.map +1 -0
- package/lib/cjs/webchat/hooks/index.d.ts +0 -1
- package/lib/cjs/webchat/hooks/index.js +1 -4
- package/lib/cjs/webchat/hooks/index.js.map +1 -1
- package/lib/cjs/webchat/hooks/use-previous.d.ts +1 -1
- package/lib/cjs/webchat/hooks/use-previous.js.map +1 -1
- package/lib/cjs/webchat/hooks/use-scroll-to-bottom.d.ts +6 -4
- package/lib/cjs/webchat/hooks/use-scroll-to-bottom.js.map +1 -1
- package/lib/cjs/webchat/hooks/use-scrollbar-controller.js +16 -16
- package/lib/cjs/webchat/hooks/use-scrollbar-controller.js.map +1 -1
- package/lib/cjs/webchat/hooks/use-typing.d.ts +1 -1
- package/lib/cjs/webchat/hooks/use-webchat-dimensions.js +4 -4
- package/lib/cjs/webchat/hooks/use-webchat-dimensions.js.map +1 -1
- package/lib/cjs/webchat/hooks/use-webchat-resizer.js +6 -6
- package/lib/cjs/webchat/hooks/use-webchat-resizer.js.map +1 -1
- package/lib/cjs/webchat/index-types.d.ts +3 -46
- package/lib/cjs/webchat/index.d.ts +1 -0
- package/lib/cjs/webchat/index.js +3 -1
- package/lib/cjs/webchat/index.js.map +1 -1
- package/lib/cjs/webchat/input-panel/attachment.d.ts +2 -2
- package/lib/cjs/webchat/input-panel/attachment.js +2 -2
- package/lib/cjs/webchat/input-panel/attachment.js.map +1 -1
- package/lib/cjs/webchat/input-panel/emoji-picker.d.ts +2 -2
- package/lib/cjs/webchat/input-panel/emoji-picker.js +2 -2
- package/lib/cjs/webchat/input-panel/emoji-picker.js.map +1 -1
- package/lib/cjs/webchat/input-panel/index.d.ts +4 -4
- package/lib/cjs/webchat/input-panel/index.js +8 -3
- package/lib/cjs/webchat/input-panel/index.js.map +1 -1
- package/lib/cjs/webchat/input-panel/opened-emoji-picker.d.ts +1 -1
- package/lib/cjs/webchat/input-panel/persistent-menu.d.ts +1 -1
- package/lib/cjs/webchat/input-panel/persistent-menu.js +2 -2
- package/lib/cjs/webchat/input-panel/persistent-menu.js.map +1 -1
- package/lib/cjs/webchat/input-panel/send-button.d.ts +1 -1
- package/lib/cjs/webchat/input-panel/send-button.js +2 -2
- package/lib/cjs/webchat/input-panel/send-button.js.map +1 -1
- package/lib/cjs/webchat/input-panel/textarea.d.ts +4 -4
- package/lib/cjs/webchat/input-panel/textarea.js +11 -3
- package/lib/cjs/webchat/input-panel/textarea.js.map +1 -1
- package/lib/cjs/webchat/message-list/index.d.ts +1 -1
- package/lib/cjs/webchat/message-list/index.js +64 -38
- package/lib/cjs/webchat/message-list/index.js.map +1 -1
- package/lib/cjs/webchat/message-list/intro-message.d.ts +1 -1
- package/lib/cjs/webchat/message-list/intro-message.js +2 -2
- package/lib/cjs/webchat/message-list/intro-message.js.map +1 -1
- package/lib/cjs/webchat/message-list/scroll-button.d.ts +1 -0
- package/lib/cjs/webchat/message-list/styles.js +4 -3
- package/lib/cjs/webchat/message-list/styles.js.map +1 -1
- package/lib/cjs/webchat/message-list/unread-messages-banner.js +2 -2
- package/lib/cjs/webchat/message-list/unread-messages-banner.js.map +1 -1
- package/lib/cjs/webchat/message-list/use-notifications.js +2 -2
- package/lib/cjs/webchat/message-list/use-notifications.js.map +1 -1
- package/lib/cjs/webchat/replies/index.d.ts +1 -0
- package/lib/cjs/webchat/replies/index.js +32 -0
- package/lib/cjs/webchat/replies/index.js.map +1 -0
- package/lib/cjs/webchat/replies/styles.d.ts +8 -0
- package/lib/cjs/webchat/replies/styles.js +25 -0
- package/lib/cjs/webchat/replies/styles.js.map +1 -0
- package/lib/cjs/webchat/session-view.d.ts +1 -1
- package/lib/cjs/webchat/session-view.js +4 -4
- package/lib/cjs/webchat/session-view.js.map +1 -1
- package/lib/cjs/webchat/styles.d.ts +9 -0
- package/lib/cjs/webchat/styles.js +54 -0
- package/lib/cjs/webchat/styles.js.map +1 -0
- package/lib/cjs/webchat/theme/types.d.ts +167 -0
- package/lib/cjs/webchat/theme/types.js +3 -0
- package/lib/cjs/webchat/theme/types.js.map +1 -0
- package/lib/cjs/webchat/trigger-button/index.d.ts +1 -0
- package/lib/cjs/webchat/trigger-button/index.js +2 -2
- package/lib/cjs/webchat/trigger-button/index.js.map +1 -1
- package/lib/cjs/webchat/typing-indicator/index.d.ts +3 -1
- package/lib/cjs/webchat/typing-indicator/index.js +4 -3
- package/lib/cjs/webchat/typing-indicator/index.js.map +1 -1
- package/lib/cjs/webchat/typing-indicator/styles.d.ts +3 -2
- package/lib/cjs/webchat/typing-indicator/styles.js +6 -3
- package/lib/cjs/webchat/typing-indicator/styles.js.map +1 -1
- package/lib/cjs/webchat/webchat-dev.d.ts +2 -2
- package/lib/cjs/webchat/webchat-dev.js +2 -2
- package/lib/cjs/webchat/webchat-dev.js.map +1 -1
- package/lib/cjs/webchat/webchat.d.ts +4 -2
- package/lib/cjs/webchat/webchat.js +91 -116
- package/lib/cjs/webchat/webchat.js.map +1 -1
- package/lib/cjs/webchat/webview/header.d.ts +1 -0
- package/lib/cjs/webchat/webview/header.js +16 -0
- package/lib/cjs/webchat/webview/header.js.map +1 -0
- package/lib/cjs/webchat/webview/index.d.ts +1 -0
- package/lib/cjs/webchat/webview/index.js +49 -0
- package/lib/cjs/webchat/webview/index.js.map +1 -0
- package/lib/cjs/webchat/webview/styles.d.ts +7 -0
- package/lib/cjs/webchat/webview/styles.js +46 -0
- package/lib/cjs/webchat/webview/styles.js.map +1 -0
- package/lib/cjs/webchat-app.d.ts +62 -86
- package/lib/cjs/webchat-app.js +126 -62
- package/lib/cjs/webchat-app.js.map +1 -1
- package/lib/cjs/webview-app.js +5 -2
- package/lib/cjs/webview-app.js.map +1 -1
- package/lib/esm/components/audio.d.ts +8 -7
- package/lib/esm/components/audio.js +7 -4
- package/lib/esm/components/audio.js.map +1 -1
- package/lib/esm/components/button.js +2 -3
- package/lib/esm/components/button.js.map +1 -1
- package/lib/esm/components/carousel.js +1 -1
- package/lib/esm/components/carousel.js.map +1 -1
- package/lib/esm/components/custom-message.d.ts +16 -12
- package/lib/esm/components/custom-message.js +3 -9
- package/lib/esm/components/custom-message.js.map +1 -1
- package/lib/esm/components/document.d.ts +8 -7
- package/lib/esm/components/document.js +4 -4
- package/lib/esm/components/document.js.map +1 -1
- package/lib/esm/components/element.js +6 -6
- package/lib/esm/components/element.js.map +1 -1
- package/lib/esm/components/handoff.d.ts +1 -1
- package/lib/esm/components/handoff.js +1 -1
- package/lib/esm/components/handoff.js.map +1 -1
- package/lib/esm/components/image.d.ts +8 -7
- package/lib/esm/components/image.js +4 -4
- package/lib/esm/components/image.js.map +1 -1
- package/lib/esm/components/index-types.d.ts +30 -127
- package/lib/esm/components/index.d.ts +7 -1
- package/lib/esm/components/index.js +7 -1
- package/lib/esm/components/index.js.map +1 -1
- package/lib/esm/components/message/index.js +2 -1
- package/lib/esm/components/message/index.js.map +1 -1
- package/lib/esm/components/message/message-feedback.d.ts +1 -1
- package/lib/esm/components/message/message-feedback.js +1 -1
- package/lib/esm/components/message/message-feedback.js.map +1 -1
- package/lib/esm/components/message/message-footer.d.ts +1 -1
- package/lib/esm/components/message/message-footer.js +1 -1
- package/lib/esm/components/message/message-footer.js.map +1 -1
- package/lib/esm/components/message/message-image.js +1 -1
- package/lib/esm/components/message/message-image.js.map +1 -1
- package/lib/esm/components/message/timestamps.d.ts +1 -1
- package/lib/esm/components/message/timestamps.js +1 -1
- package/lib/esm/components/message/timestamps.js.map +1 -1
- package/lib/esm/components/multichannel/multichannel-button.d.ts +1 -1
- package/lib/esm/components/multichannel/multichannel-button.js +1 -1
- package/lib/esm/components/multichannel/multichannel-carousel.js +5 -5
- package/lib/esm/components/multichannel/multichannel-carousel.js.map +1 -1
- package/lib/esm/components/multichannel/multichannel-reply.d.ts +1 -1
- package/lib/esm/components/multichannel/multichannel-text.d.ts +1 -1
- package/lib/esm/components/multichannel/multichannel-text.js +2 -1
- package/lib/esm/components/multichannel/multichannel-text.js.map +1 -1
- package/lib/esm/components/multichannel/multichannel-utils.d.ts +9 -15
- package/lib/esm/components/multichannel/multichannel-utils.js +40 -24
- package/lib/esm/components/multichannel/multichannel-utils.js.map +1 -1
- package/lib/esm/components/multichannel/multichannel.js +7 -7
- package/lib/esm/components/multichannel/multichannel.js.map +1 -1
- package/lib/esm/components/multichannel/whatsapp/constants.d.ts +11 -0
- package/lib/esm/components/multichannel/whatsapp/constants.js +10 -0
- package/lib/esm/components/multichannel/whatsapp/constants.js.map +1 -0
- package/lib/esm/components/raw.d.ts +1 -1
- package/lib/esm/components/reply.d.ts +7 -6
- package/lib/esm/components/reply.js +9 -5
- package/lib/esm/components/reply.js.map +1 -1
- package/lib/esm/components/text.d.ts +1 -1
- package/lib/esm/components/video.d.ts +8 -7
- package/lib/esm/components/video.js +2 -3
- package/lib/esm/components/video.js.map +1 -1
- package/lib/esm/components/webchat-settings.d.ts +15 -2
- package/lib/esm/components/webchat-settings.js +1 -1
- package/lib/esm/components/webchat-settings.js.map +1 -1
- package/lib/esm/components/whatsapp-button-list.js +1 -1
- package/lib/esm/components/whatsapp-catalog.d.ts +6 -0
- package/lib/esm/components/whatsapp-catalog.js +21 -0
- package/lib/esm/components/whatsapp-catalog.js.map +1 -0
- package/lib/esm/components/whatsapp-cta-url-button.js +1 -1
- package/lib/esm/components/whatsapp-media-carousel.d.ts +46 -0
- package/lib/esm/components/whatsapp-media-carousel.js +36 -0
- package/lib/esm/components/whatsapp-media-carousel.js.map +1 -0
- package/lib/esm/components/whatsapp-product-carousel.d.ts +32 -0
- package/lib/esm/components/whatsapp-product-carousel.js +30 -0
- package/lib/esm/components/whatsapp-product-carousel.js.map +1 -0
- package/lib/esm/components/whatsapp-product-list.d.ts +15 -0
- package/lib/esm/components/whatsapp-product-list.js +22 -0
- package/lib/esm/components/whatsapp-product-list.js.map +1 -0
- package/lib/esm/components/whatsapp-product.d.ts +7 -0
- package/lib/esm/components/whatsapp-product.js +21 -0
- package/lib/esm/components/whatsapp-product.js.map +1 -0
- package/lib/esm/constants.d.ts +0 -6
- package/lib/esm/constants.js +0 -6
- package/lib/esm/constants.js.map +1 -1
- package/lib/esm/contexts.d.ts +3 -4
- package/lib/esm/contexts.js +1 -75
- package/lib/esm/contexts.js.map +1 -1
- package/lib/esm/dev-app.d.ts +7 -0
- package/lib/esm/dev-app.js +5 -2
- package/lib/esm/dev-app.js.map +1 -1
- package/lib/esm/index-types.d.ts +90 -61
- package/lib/esm/index-types.js.map +1 -1
- package/lib/esm/index.d.ts +1 -1
- package/lib/esm/index.js +1 -1
- package/lib/esm/index.js.map +1 -1
- package/lib/esm/msg-to-botonic.d.ts +1 -1
- package/lib/esm/msg-to-botonic.js +5 -8
- package/lib/esm/msg-to-botonic.js.map +1 -1
- package/lib/esm/react-bot.d.ts +1 -1
- package/lib/esm/util/error-boundary.d.ts +1 -1
- package/lib/esm/util/functional.d.ts +3 -0
- package/lib/esm/util/functional.js +26 -0
- package/lib/esm/util/functional.js.map +1 -0
- package/lib/esm/util/react.d.ts +1 -1
- package/lib/esm/util/webchat.d.ts +17 -6
- package/lib/esm/util/webchat.js +9 -7
- package/lib/esm/util/webchat.js.map +1 -1
- package/lib/esm/webchat/chat-area/index.d.ts +1 -1
- package/lib/esm/webchat/chat-area/index.js +2 -2
- package/lib/esm/webchat/chat-area/index.js.map +1 -1
- package/lib/esm/webchat/components/common.d.ts +1 -1
- package/lib/esm/webchat/components/conditional-animation.d.ts +1 -1
- package/lib/esm/webchat/components/conditional-animation.js +1 -1
- package/lib/esm/webchat/components/conditional-animation.js.map +1 -1
- package/lib/esm/webchat/components/opened-persistent-menu.d.ts +1 -1
- package/lib/esm/webchat/components/opened-persistent-menu.js +1 -1
- package/lib/esm/webchat/components/opened-persistent-menu.js.map +1 -1
- package/lib/esm/webchat/{actions.d.ts → context/actions.d.ts} +4 -1
- package/lib/esm/webchat/{actions.js → context/actions.js} +4 -0
- package/lib/esm/webchat/context/actions.js.map +1 -0
- package/lib/esm/webchat/context/index.d.ts +5 -0
- package/lib/esm/webchat/context/index.js +81 -0
- package/lib/esm/webchat/context/index.js.map +1 -0
- package/lib/esm/webchat/{messages-reducer.d.ts → context/messages-reducer.d.ts} +1 -1
- package/lib/esm/webchat/{messages-reducer.js → context/messages-reducer.js} +3 -1
- package/lib/esm/webchat/context/messages-reducer.js.map +1 -0
- package/lib/esm/webchat/context/types.d.ts +76 -0
- package/lib/esm/webchat/context/types.js +2 -0
- package/lib/esm/webchat/context/types.js.map +1 -0
- package/lib/esm/webchat/{hooks → context}/use-webchat.d.ts +21 -20
- package/lib/esm/webchat/{hooks → context}/use-webchat.js +21 -7
- package/lib/esm/webchat/context/use-webchat.js.map +1 -0
- package/lib/esm/webchat/{webchat-reducer.d.ts → context/webchat-reducer.d.ts} +1 -1
- package/lib/esm/webchat/{webchat-reducer.js → context/webchat-reducer.js} +4 -0
- package/lib/esm/webchat/context/webchat-reducer.js.map +1 -0
- package/lib/esm/webchat/cover-component/index.d.ts +1 -1
- package/lib/esm/webchat/cover-component/index.js +1 -1
- package/lib/esm/webchat/cover-component/index.js.map +1 -1
- package/lib/esm/webchat/header/default-header.d.ts +1 -0
- package/lib/esm/webchat/header/default-header.js +21 -0
- package/lib/esm/webchat/header/default-header.js.map +1 -0
- package/lib/esm/webchat/header/index.d.ts +2 -0
- package/lib/esm/webchat/header/index.js +20 -0
- package/lib/esm/webchat/header/index.js.map +1 -0
- package/lib/esm/webchat/header/styles.d.ts +7 -0
- package/lib/esm/webchat/header/styles.js +55 -0
- package/lib/esm/webchat/header/styles.js.map +1 -0
- package/lib/esm/webchat/hooks/index.d.ts +0 -1
- package/lib/esm/webchat/hooks/index.js +0 -1
- package/lib/esm/webchat/hooks/index.js.map +1 -1
- package/lib/esm/webchat/hooks/use-previous.d.ts +1 -1
- package/lib/esm/webchat/hooks/use-previous.js.map +1 -1
- package/lib/esm/webchat/hooks/use-scroll-to-bottom.d.ts +6 -4
- package/lib/esm/webchat/hooks/use-scroll-to-bottom.js.map +1 -1
- package/lib/esm/webchat/hooks/use-scrollbar-controller.js +16 -16
- package/lib/esm/webchat/hooks/use-scrollbar-controller.js.map +1 -1
- package/lib/esm/webchat/hooks/use-typing.d.ts +1 -1
- package/lib/esm/webchat/hooks/use-webchat-dimensions.js +4 -4
- package/lib/esm/webchat/hooks/use-webchat-dimensions.js.map +1 -1
- package/lib/esm/webchat/hooks/use-webchat-resizer.js +6 -6
- package/lib/esm/webchat/hooks/use-webchat-resizer.js.map +1 -1
- package/lib/esm/webchat/index-types.d.ts +3 -46
- package/lib/esm/webchat/index.d.ts +1 -0
- package/lib/esm/webchat/index.js +1 -0
- package/lib/esm/webchat/index.js.map +1 -1
- package/lib/esm/webchat/input-panel/attachment.d.ts +2 -2
- package/lib/esm/webchat/input-panel/attachment.js +1 -1
- package/lib/esm/webchat/input-panel/attachment.js.map +1 -1
- package/lib/esm/webchat/input-panel/emoji-picker.d.ts +2 -2
- package/lib/esm/webchat/input-panel/emoji-picker.js +1 -1
- package/lib/esm/webchat/input-panel/emoji-picker.js.map +1 -1
- package/lib/esm/webchat/input-panel/index.d.ts +4 -4
- package/lib/esm/webchat/input-panel/index.js +7 -2
- package/lib/esm/webchat/input-panel/index.js.map +1 -1
- package/lib/esm/webchat/input-panel/opened-emoji-picker.d.ts +1 -1
- package/lib/esm/webchat/input-panel/persistent-menu.d.ts +1 -1
- package/lib/esm/webchat/input-panel/persistent-menu.js +1 -1
- package/lib/esm/webchat/input-panel/persistent-menu.js.map +1 -1
- package/lib/esm/webchat/input-panel/send-button.d.ts +1 -1
- package/lib/esm/webchat/input-panel/send-button.js +1 -1
- package/lib/esm/webchat/input-panel/send-button.js.map +1 -1
- package/lib/esm/webchat/input-panel/textarea.d.ts +4 -4
- package/lib/esm/webchat/input-panel/textarea.js +11 -3
- package/lib/esm/webchat/input-panel/textarea.js.map +1 -1
- package/lib/esm/webchat/message-list/index.d.ts +1 -1
- package/lib/esm/webchat/message-list/index.js +62 -37
- package/lib/esm/webchat/message-list/index.js.map +1 -1
- package/lib/esm/webchat/message-list/intro-message.d.ts +1 -1
- package/lib/esm/webchat/message-list/intro-message.js +1 -1
- package/lib/esm/webchat/message-list/intro-message.js.map +1 -1
- package/lib/esm/webchat/message-list/scroll-button.d.ts +1 -0
- package/lib/esm/webchat/message-list/styles.js +4 -3
- package/lib/esm/webchat/message-list/styles.js.map +1 -1
- package/lib/esm/webchat/message-list/unread-messages-banner.js +1 -1
- package/lib/esm/webchat/message-list/unread-messages-banner.js.map +1 -1
- package/lib/esm/webchat/message-list/use-notifications.js +1 -1
- package/lib/esm/webchat/message-list/use-notifications.js.map +1 -1
- package/lib/esm/webchat/replies/index.d.ts +1 -0
- package/lib/esm/webchat/replies/index.js +28 -0
- package/lib/esm/webchat/replies/index.js.map +1 -0
- package/lib/esm/webchat/replies/styles.d.ts +8 -0
- package/lib/esm/webchat/replies/styles.js +21 -0
- package/lib/esm/webchat/replies/styles.js.map +1 -0
- package/lib/esm/webchat/session-view.d.ts +1 -1
- package/lib/esm/webchat/session-view.js +2 -2
- package/lib/esm/webchat/session-view.js.map +1 -1
- package/lib/esm/webchat/styles.d.ts +9 -0
- package/lib/esm/webchat/styles.js +50 -0
- package/lib/esm/webchat/styles.js.map +1 -0
- package/lib/esm/webchat/theme/types.d.ts +167 -0
- package/lib/esm/webchat/theme/types.js +2 -0
- package/lib/esm/webchat/theme/types.js.map +1 -0
- package/lib/esm/webchat/trigger-button/index.d.ts +1 -0
- package/lib/esm/webchat/trigger-button/index.js +1 -1
- package/lib/esm/webchat/trigger-button/index.js.map +1 -1
- package/lib/esm/webchat/typing-indicator/index.d.ts +3 -1
- package/lib/esm/webchat/typing-indicator/index.js +5 -2
- package/lib/esm/webchat/typing-indicator/index.js.map +1 -1
- package/lib/esm/webchat/typing-indicator/styles.d.ts +3 -2
- package/lib/esm/webchat/typing-indicator/styles.js +5 -2
- package/lib/esm/webchat/typing-indicator/styles.js.map +1 -1
- package/lib/esm/webchat/webchat-dev.d.ts +2 -2
- package/lib/esm/webchat/webchat-dev.js +1 -1
- package/lib/esm/webchat/webchat-dev.js.map +1 -1
- package/lib/esm/webchat/webchat.d.ts +4 -2
- package/lib/esm/webchat/webchat.js +87 -112
- package/lib/esm/webchat/webchat.js.map +1 -1
- package/lib/esm/webchat/webview/header.d.ts +1 -0
- package/lib/esm/webchat/webview/header.js +12 -0
- package/lib/esm/webchat/webview/header.js.map +1 -0
- package/lib/esm/webchat/webview/index.d.ts +1 -0
- package/lib/esm/webchat/webview/index.js +45 -0
- package/lib/esm/webchat/webview/index.js.map +1 -0
- package/lib/esm/webchat/webview/styles.d.ts +7 -0
- package/lib/esm/webchat/webview/styles.js +42 -0
- package/lib/esm/webchat/webview/styles.js.map +1 -0
- package/lib/esm/webchat-app.d.ts +62 -86
- package/lib/esm/webchat-app.js +127 -63
- package/lib/esm/webchat-app.js.map +1 -1
- package/lib/esm/webview-app.js +5 -2
- package/lib/esm/webview-app.js.map +1 -1
- package/package.json +21 -18
- package/src/components/{audio.jsx → audio.tsx} +10 -4
- package/src/components/button.tsx +1 -3
- package/src/components/carousel.jsx +1 -1
- package/src/components/{custom-message.jsx → custom-message.tsx} +19 -7
- package/src/components/{document.jsx → document.tsx} +5 -3
- package/src/components/element.jsx +4 -11
- package/src/components/handoff.jsx +1 -1
- package/src/components/{image.jsx → image.tsx} +10 -4
- package/src/components/index-types.ts +25 -114
- package/src/components/index.ts +22 -1
- package/src/components/message/index.jsx +2 -1
- package/src/components/message/message-feedback.tsx +1 -1
- package/src/components/message/message-footer.tsx +1 -1
- package/src/components/message/message-image.tsx +1 -1
- package/src/components/message/timestamps.tsx +1 -1
- package/src/components/multichannel/multichannel-button.jsx +1 -1
- package/src/components/multichannel/multichannel-carousel.jsx +7 -5
- package/src/components/multichannel/multichannel-text.jsx +4 -2
- package/src/components/multichannel/multichannel-utils.js +45 -27
- package/src/components/multichannel/multichannel.jsx +12 -7
- package/src/components/multichannel/whatsapp/constants.ts +10 -0
- package/src/components/{reply.jsx → reply.tsx} +10 -4
- package/src/components/{video.jsx → video.tsx} +3 -2
- package/src/components/webchat-settings.tsx +14 -2
- package/src/components/whatsapp-button-list.tsx +1 -1
- package/src/components/whatsapp-catalog.tsx +42 -0
- package/src/components/whatsapp-cta-url-button.tsx +1 -1
- package/src/components/whatsapp-media-carousel.tsx +104 -0
- package/src/components/whatsapp-product-carousel.tsx +83 -0
- package/src/components/whatsapp-product-list.tsx +56 -0
- package/src/components/whatsapp-product.tsx +44 -0
- package/src/constants.js +0 -7
- package/src/contexts.tsx +5 -80
- package/src/dev-app.jsx +5 -5
- package/src/index-types.ts +101 -70
- package/src/index.ts +1 -5
- package/src/msg-to-botonic.jsx +5 -9
- package/src/util/functional.ts +31 -0
- package/src/util/{webchat.js → webchat.ts} +15 -9
- package/src/webchat/chat-area/index.tsx +2 -4
- package/src/webchat/components/conditional-animation.jsx +1 -1
- package/src/webchat/components/opened-persistent-menu.jsx +1 -1
- package/src/webchat/{actions.ts → context/actions.ts} +4 -0
- package/src/webchat/context/index.tsx +84 -0
- package/src/webchat/{messages-reducer.ts → context/messages-reducer.ts} +4 -2
- package/src/webchat/context/types.ts +86 -0
- package/src/webchat/{hooks → context}/use-webchat.ts +73 -15
- package/src/webchat/{webchat-reducer.ts → context/webchat-reducer.ts} +5 -1
- package/src/webchat/cover-component/index.tsx +1 -1
- package/src/webchat/global.d.ts +3 -0
- package/src/webchat/header/default-header.tsx +75 -0
- package/src/webchat/header/index.tsx +37 -0
- package/src/webchat/header/styles.ts +62 -0
- package/src/webchat/hooks/index.ts +0 -1
- package/src/webchat/hooks/use-previous.ts +1 -1
- package/src/webchat/hooks/use-scroll-to-bottom.ts +8 -2
- package/src/webchat/hooks/use-scrollbar-controller.ts +22 -17
- package/src/webchat/hooks/use-typing.ts +1 -1
- package/src/webchat/hooks/use-webchat-dimensions.ts +4 -4
- package/src/webchat/hooks/use-webchat-resizer.ts +6 -6
- package/src/webchat/index-types.ts +3 -52
- package/src/webchat/index.ts +1 -0
- package/src/webchat/input-panel/attachment.tsx +2 -2
- package/src/webchat/input-panel/emoji-picker.tsx +2 -2
- package/src/webchat/input-panel/index.tsx +9 -5
- package/src/webchat/input-panel/persistent-menu.tsx +1 -1
- package/src/webchat/input-panel/send-button.tsx +1 -1
- package/src/webchat/input-panel/textarea.tsx +18 -5
- package/src/webchat/message-list/index.tsx +78 -49
- package/src/webchat/message-list/intro-message.tsx +1 -1
- package/src/webchat/message-list/styles.ts +4 -3
- package/src/webchat/message-list/unread-messages-banner.tsx +1 -1
- package/src/webchat/message-list/use-notifications.ts +1 -1
- package/src/webchat/replies/index.tsx +47 -0
- package/src/webchat/replies/styles.ts +28 -0
- package/src/webchat/session-view.jsx +2 -2
- package/src/webchat/styles.ts +59 -0
- package/src/webchat/theme/types.ts +119 -0
- package/src/webchat/trigger-button/index.tsx +1 -1
- package/src/webchat/typing-indicator/index.tsx +20 -12
- package/src/webchat/typing-indicator/styles.ts +7 -3
- package/src/webchat/webchat-dev.jsx +1 -1
- package/src/webchat/{webchat.jsx → webchat.tsx} +118 -144
- package/src/webchat/webview/header.tsx +22 -0
- package/src/webchat/webview/index.tsx +80 -0
- package/src/webchat/webview/styles.ts +48 -0
- package/src/webchat-app.tsx +522 -0
- package/src/webview-app.tsx +6 -4
- package/lib/cjs/webchat/actions.js.map +0 -1
- package/lib/cjs/webchat/header.d.ts +0 -3
- package/lib/cjs/webchat/header.js +0 -86
- package/lib/cjs/webchat/header.js.map +0 -1
- package/lib/cjs/webchat/hooks/use-webchat.js.map +0 -1
- package/lib/cjs/webchat/messages-reducer.js.map +0 -1
- package/lib/cjs/webchat/replies.d.ts +0 -1
- package/lib/cjs/webchat/replies.js +0 -47
- package/lib/cjs/webchat/replies.js.map +0 -1
- package/lib/cjs/webchat/webchat-reducer.js.map +0 -1
- package/lib/cjs/webchat/webview.d.ts +0 -2
- package/lib/cjs/webchat/webview.js +0 -75
- package/lib/cjs/webchat/webview.js.map +0 -1
- package/lib/esm/webchat/actions.js.map +0 -1
- package/lib/esm/webchat/header.d.ts +0 -3
- package/lib/esm/webchat/header.js +0 -81
- package/lib/esm/webchat/header.js.map +0 -1
- package/lib/esm/webchat/hooks/use-webchat.js.map +0 -1
- package/lib/esm/webchat/messages-reducer.js.map +0 -1
- package/lib/esm/webchat/replies.d.ts +0 -1
- package/lib/esm/webchat/replies.js +0 -42
- package/lib/esm/webchat/replies.js.map +0 -1
- package/lib/esm/webchat/webchat-reducer.js.map +0 -1
- package/lib/esm/webchat/webview.d.ts +0 -2
- package/lib/esm/webchat/webview.js +0 -70
- package/lib/esm/webchat/webview.js.map +0 -1
- package/src/webchat/header.jsx +0 -149
- package/src/webchat/replies.jsx +0 -64
- package/src/webchat/webview.jsx +0 -105
- package/src/webchat-app.jsx +0 -389
|
@@ -1,38 +1,54 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
export const MENU_BUTTON_WHATSAPP_BUTTON_LIST = 'Show options';
|
|
1
|
+
import { Button } from '../button';
|
|
2
|
+
import { Carousel } from '../carousel';
|
|
3
|
+
import { Pic } from '../pic';
|
|
4
|
+
import { Reply } from '../reply';
|
|
5
|
+
import { Subtitle } from '../subtitle';
|
|
6
|
+
import { Text } from '../text';
|
|
7
|
+
import { Title } from '../title';
|
|
8
|
+
import { MultichannelButton } from './multichannel-button';
|
|
9
|
+
import { MultichannelReply } from './multichannel-reply';
|
|
10
|
+
function isNodeKind(node, kind) {
|
|
11
|
+
var _a;
|
|
12
|
+
return ((_a = node === null || node === void 0 ? void 0 : node.type) === null || _a === void 0 ? void 0 : _a.name) === kind;
|
|
13
|
+
}
|
|
15
14
|
export function isMultichannelButton(node) {
|
|
16
|
-
return isNodeKind(node,
|
|
15
|
+
return isNodeKind(node, MultichannelButton.name);
|
|
17
16
|
}
|
|
18
17
|
export function isMultichannelReply(node) {
|
|
19
|
-
return isNodeKind(node,
|
|
18
|
+
return isNodeKind(node, MultichannelReply.name);
|
|
19
|
+
}
|
|
20
|
+
export function isNodeText(node) {
|
|
21
|
+
return isNodeKind(node, Text.name);
|
|
22
|
+
}
|
|
23
|
+
export function isNodeButton(node) {
|
|
24
|
+
return isNodeKind(node, Button.name);
|
|
25
|
+
}
|
|
26
|
+
export function isNodeCarousel(node) {
|
|
27
|
+
return isNodeKind(node, Carousel.name);
|
|
28
|
+
}
|
|
29
|
+
export function isNodeReply(node) {
|
|
30
|
+
return isNodeKind(node, Reply.name);
|
|
31
|
+
}
|
|
32
|
+
export function isNodePic(node) {
|
|
33
|
+
return isNodeKind(node, Pic.name);
|
|
20
34
|
}
|
|
21
|
-
export function
|
|
22
|
-
return isNodeKind(node,
|
|
35
|
+
export function isNodeTitle(node) {
|
|
36
|
+
return isNodeKind(node, Title.name);
|
|
23
37
|
}
|
|
24
|
-
export function
|
|
25
|
-
return node
|
|
38
|
+
export function isNodeSubtitle(node) {
|
|
39
|
+
return isNodeKind(node, Subtitle.name);
|
|
26
40
|
}
|
|
27
41
|
export function elementHasUrl(element) {
|
|
28
|
-
|
|
42
|
+
var _a;
|
|
43
|
+
return (_a = element === null || element === void 0 ? void 0 : element.props) === null || _a === void 0 ? void 0 : _a.url;
|
|
29
44
|
}
|
|
30
45
|
export function elementHasPostback(element) {
|
|
31
|
-
|
|
32
|
-
|
|
46
|
+
var _a, _b;
|
|
47
|
+
return ((_a = element === null || element === void 0 ? void 0 : element.props) === null || _a === void 0 ? void 0 : _a.payload) || ((_b = element === null || element === void 0 ? void 0 : element.props) === null || _b === void 0 ? void 0 : _b.path);
|
|
33
48
|
}
|
|
34
49
|
export function elementHasWebview(element) {
|
|
35
|
-
|
|
50
|
+
var _a;
|
|
51
|
+
return (_a = element === null || element === void 0 ? void 0 : element.props) === null || _a === void 0 ? void 0 : _a.webview;
|
|
36
52
|
}
|
|
37
53
|
export const buttonTypes = {
|
|
38
54
|
POSTBACK: 'postback',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"multichannel-utils.js","sourceRoot":"","sources":["../../../../src/components/multichannel/multichannel-utils.js"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"multichannel-utils.js","sourceRoot":"","sources":["../../../../src/components/multichannel/multichannel-utils.js"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { createElement as _createElement } from "react";
|
|
3
3
|
import { isFacebook, isWhatsapp } from '@botonic/core';
|
|
4
4
|
import React, { useContext } from 'react';
|
|
5
|
-
import { COMPONENT_TYPE } from '../../constants';
|
|
6
5
|
import { RequestContext } from '../../contexts';
|
|
7
6
|
import { deepMapWithIndex } from '../../util/react';
|
|
8
7
|
import { Text } from '../text';
|
|
@@ -11,7 +10,8 @@ import { MultichannelCarousel } from './multichannel-carousel';
|
|
|
11
10
|
import { MultichannelContext } from './multichannel-context';
|
|
12
11
|
import { MultichannelReply } from './multichannel-reply';
|
|
13
12
|
import { MultichannelText } from './multichannel-text';
|
|
14
|
-
import {
|
|
13
|
+
import { isNodeButton, isNodeCarousel, isNodeReply, isNodeText, } from './multichannel-utils';
|
|
14
|
+
import { MULTICHANNEL_WHATSAPP_PROPS } from './whatsapp/constants';
|
|
15
15
|
export const Multichannel = props => {
|
|
16
16
|
const requestContext = useContext(RequestContext);
|
|
17
17
|
if (!isWhatsapp(requestContext.session) &&
|
|
@@ -20,7 +20,7 @@ export const Multichannel = props => {
|
|
|
20
20
|
}
|
|
21
21
|
if (isFacebook(requestContext.session)) {
|
|
22
22
|
const newChildren = deepMapWithIndex(props.children, child => {
|
|
23
|
-
if (child
|
|
23
|
+
if (isNodeText(child)) {
|
|
24
24
|
return (_createElement(MultichannelText, Object.assign({}, child.props, { key: child.key }), child.props.children));
|
|
25
25
|
}
|
|
26
26
|
return child;
|
|
@@ -28,17 +28,17 @@ export const Multichannel = props => {
|
|
|
28
28
|
return newChildren;
|
|
29
29
|
}
|
|
30
30
|
let newChildren = deepMapWithIndex(props.children, (child, index) => {
|
|
31
|
-
if (child
|
|
31
|
+
if (isNodeButton(child)) {
|
|
32
32
|
return (_createElement(MultichannelButton, Object.assign({}, child.props, { key: child.key }), child.props.children));
|
|
33
33
|
}
|
|
34
|
-
if (child
|
|
34
|
+
if (isNodeReply(child)) {
|
|
35
35
|
return (_createElement(MultichannelReply, Object.assign({}, child.props, { key: child.key }), child.props.children));
|
|
36
36
|
}
|
|
37
|
-
if (child
|
|
37
|
+
if (isNodeText(child)) {
|
|
38
38
|
return (_createElement(MultichannelText, Object.assign({}, child.props, props.text, { key: child.key }, (props.messageSeparator &&
|
|
39
39
|
index > 0 && { newline: props.messageSeparator })), child.props.children));
|
|
40
40
|
}
|
|
41
|
-
if (child
|
|
41
|
+
if (isNodeCarousel(child)) {
|
|
42
42
|
return (_createElement(MultichannelCarousel, Object.assign({}, child.props, props.carousel, { key: child.key }), child.props.children));
|
|
43
43
|
}
|
|
44
44
|
return child;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"multichannel.js","sourceRoot":"","sources":["../../../../src/components/multichannel/multichannel.jsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,cAAc,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"multichannel.js","sourceRoot":"","sources":["../../../../src/components/multichannel/multichannel.jsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export declare const MULTICHANNEL_WHATSAPP_PROPS: {
|
|
2
|
+
markdown: boolean;
|
|
3
|
+
};
|
|
4
|
+
export declare const WHATSAPP_MAX_BUTTONS = 3;
|
|
5
|
+
export declare const WHATSAPP_LIST_MAX_BUTTONS = 10;
|
|
6
|
+
export declare const WHATSAPP_MAX_BUTTON_CHARS = 20;
|
|
7
|
+
export declare const WHATSAPP_MAX_HEADER_CHARS = 60;
|
|
8
|
+
export declare const WHATSAPP_MAX_BODY_CHARS = 1024;
|
|
9
|
+
export declare const WHATSAPP_MAX_FOOTER_CHARS = 60;
|
|
10
|
+
export declare const DEFAULT_WHATSAPP_MAX_BUTTON_SEPARATOR = "More options:";
|
|
11
|
+
export declare const MENU_BUTTON_WHATSAPP_BUTTON_LIST = "Show options";
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export const MULTICHANNEL_WHATSAPP_PROPS = { markdown: false };
|
|
2
|
+
export const WHATSAPP_MAX_BUTTONS = 3;
|
|
3
|
+
export const WHATSAPP_LIST_MAX_BUTTONS = 10;
|
|
4
|
+
export const WHATSAPP_MAX_BUTTON_CHARS = 20;
|
|
5
|
+
export const WHATSAPP_MAX_HEADER_CHARS = 60;
|
|
6
|
+
export const WHATSAPP_MAX_BODY_CHARS = 1024;
|
|
7
|
+
export const WHATSAPP_MAX_FOOTER_CHARS = 60;
|
|
8
|
+
export const DEFAULT_WHATSAPP_MAX_BUTTON_SEPARATOR = 'More options:';
|
|
9
|
+
export const MENU_BUTTON_WHATSAPP_BUTTON_LIST = 'Show options';
|
|
10
|
+
//# sourceMappingURL=constants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../src/components/multichannel/whatsapp/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,2BAA2B,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAA;AAE9D,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,CAAA;AACrC,MAAM,CAAC,MAAM,yBAAyB,GAAG,EAAE,CAAA;AAC3C,MAAM,CAAC,MAAM,yBAAyB,GAAG,EAAE,CAAA;AAC3C,MAAM,CAAC,MAAM,yBAAyB,GAAG,EAAE,CAAA;AAC3C,MAAM,CAAC,MAAM,uBAAuB,GAAG,IAAI,CAAA;AAC3C,MAAM,CAAC,MAAM,yBAAyB,GAAG,EAAE,CAAA;AAC3C,MAAM,CAAC,MAAM,qCAAqC,GAAG,eAAe,CAAA;AACpE,MAAM,CAAC,MAAM,gCAAgC,GAAG,cAAc,CAAA"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
export
|
|
3
|
-
|
|
1
|
+
import { ReplyProps } from './index-types';
|
|
2
|
+
export declare const Reply: {
|
|
3
|
+
(props: ReplyProps): any;
|
|
4
|
+
serialize(replyProps: ReplyProps): {
|
|
4
5
|
reply: {
|
|
5
|
-
title:
|
|
6
|
-
payload:
|
|
6
|
+
title: string;
|
|
7
|
+
payload: string | undefined;
|
|
7
8
|
};
|
|
8
9
|
};
|
|
9
|
-
}
|
|
10
|
+
};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import { useContext } from 'react';
|
|
3
3
|
import styled from 'styled-components';
|
|
4
4
|
import { COLORS, WEBCHAT } from '../constants';
|
|
5
|
-
import { WebchatContext } from '../contexts';
|
|
6
5
|
import { renderComponent } from '../util/react';
|
|
6
|
+
import { WebchatContext } from '../webchat/context';
|
|
7
7
|
const StyledButton = styled.button `
|
|
8
8
|
width: 100%;
|
|
9
9
|
padding: 4px 8px;
|
|
@@ -12,9 +12,9 @@ const StyledButton = styled.button `
|
|
|
12
12
|
cursor: pointer;
|
|
13
13
|
outline: 0;
|
|
14
14
|
`;
|
|
15
|
-
export const Reply = props => {
|
|
15
|
+
export const Reply = (props) => {
|
|
16
16
|
const { sendText, getThemeProperty } = useContext(WebchatContext);
|
|
17
|
-
const handleClick = event => {
|
|
17
|
+
const handleClick = (event) => {
|
|
18
18
|
event.preventDefault();
|
|
19
19
|
if (props.children) {
|
|
20
20
|
let payload = props.payload;
|
|
@@ -34,13 +34,17 @@ export const Reply = props => {
|
|
|
34
34
|
const renderNode = () => {
|
|
35
35
|
if (props.path) {
|
|
36
36
|
const payload = `__PATH_PAYLOAD__${props.path}`;
|
|
37
|
+
// @ts-ignore
|
|
38
|
+
// eslint-disable-next-line react/no-unknown-property
|
|
37
39
|
return _jsx("reply", Object.assign({ payload: payload }, { children: props.children }));
|
|
38
40
|
}
|
|
41
|
+
// @ts-ignore
|
|
42
|
+
// eslint-disable-next-line react/no-unknown-property
|
|
39
43
|
return _jsx("reply", Object.assign({ payload: props.payload }, { children: props.children }));
|
|
40
44
|
};
|
|
41
45
|
return renderComponent({ renderBrowser, renderNode });
|
|
42
46
|
};
|
|
43
|
-
Reply.serialize = replyProps => {
|
|
47
|
+
Reply.serialize = (replyProps) => {
|
|
44
48
|
let payload = replyProps.payload;
|
|
45
49
|
if (replyProps.path)
|
|
46
50
|
payload = `__PATH_PAYLOAD__${replyProps.path}`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"reply.js","sourceRoot":"","sources":["../../../src/components/reply.
|
|
1
|
+
{"version":3,"file":"reply.js","sourceRoot":"","sources":["../../../src/components/reply.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,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,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAGnD,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;;CAOjC,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAE,EAAE;IACzC,MAAM,EAAE,QAAQ,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAEjE,MAAM,WAAW,GAAG,CAAC,KAAU,EAAE,EAAE;QACjC,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,IAAI,KAAK,CAAC,QAAQ,EAAE;YAClB,IAAI,OAAO,GAAG,KAAK,CAAC,OAAO,CAAA;YAC3B,IAAI,KAAK,CAAC,IAAI;gBAAE,OAAO,GAAG,mBAAmB,KAAK,CAAC,IAAI,EAAE,CAAA;YACzD,QAAQ,CAAC,KAAK,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;SAClC;IACH,CAAC,CAAA;IAED,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,MAAM,UAAU,GAAG,gBAAgB,CAAC,OAAO,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAA;QACzE,MAAM,WAAW,GAAG,gBAAgB,CAAC,OAAO,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;QAC3E,IAAI,WAAW,EAAE;YACf,OAAO,CACL,4BAAK,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,gBAC/B,KAAC,WAAW,cAAE,KAAK,CAAC,QAAQ,GAAe,IACvC,CACP,CAAA;SACF;QAED,OAAO,CACL,KAAC,YAAY,kBACX,KAAK,kBACH,MAAM,EAAE,aAAa,gBAAgB,CACnC,OAAO,CAAC,iBAAiB,CAAC,UAAU,EACpC,MAAM,CAAC,YAAY,CACpB,EAAE,EACH,KAAK,EAAE,gBAAgB,CACrB,OAAO,CAAC,iBAAiB,CAAC,UAAU,EACpC,MAAM,CAAC,YAAY,CACpB,IACE,UAAU,GAEf,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,gBAE3B,KAAK,CAAC,QAAQ,IACF,CAChB,CAAA;IACH,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,KAAK,CAAC,IAAI,EAAE;YACd,MAAM,OAAO,GAAG,mBAAmB,KAAK,CAAC,IAAI,EAAE,CAAA;YAC/C,aAAa;YACb,qDAAqD;YACrD,OAAO,8BAAO,OAAO,EAAE,OAAO,gBAAG,KAAK,CAAC,QAAQ,IAAS,CAAA;SACzD;QACD,aAAa;QACb,qDAAqD;QACrD,OAAO,8BAAO,OAAO,EAAE,KAAK,CAAC,OAAO,gBAAG,KAAK,CAAC,QAAQ,IAAS,CAAA;IAChE,CAAC,CAAA;IAED,OAAO,eAAe,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AAED,KAAK,CAAC,SAAS,GAAG,CAAC,UAAsB,EAAE,EAAE;IAC3C,IAAI,OAAO,GAAG,UAAU,CAAC,OAAO,CAAA;IAChC,IAAI,UAAU,CAAC,IAAI;QAAE,OAAO,GAAG,mBAAmB,UAAU,CAAC,IAAI,EAAE,CAAA;IACnE,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,UAAU,CAAC,QAAQ,EAAE,OAAO,EAAE,EAAE,CAAA;AAC3D,CAAC,CAAA"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
export
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
import { VideoProps } from './index-types';
|
|
2
|
+
export declare const Video: {
|
|
3
|
+
(props: VideoProps): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
serialize: (videoProps: {
|
|
5
|
+
src: string;
|
|
6
|
+
}) => {
|
|
7
|
+
video: string;
|
|
8
|
+
};
|
|
7
9
|
};
|
|
8
|
-
export {};
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { INPUT, isBrowser } from '@botonic/core';
|
|
3
|
-
import React from 'react';
|
|
4
3
|
import styled from 'styled-components';
|
|
5
4
|
import { COLORS, ROLES } from '../constants';
|
|
6
5
|
import { staticAsset } from '../util/environment';
|
|
@@ -12,10 +11,10 @@ const StyledVideo = styled.video `
|
|
|
12
11
|
max-width: 300px;
|
|
13
12
|
margin: 10px;
|
|
14
13
|
`;
|
|
15
|
-
const serialize = videoProps => {
|
|
14
|
+
const serialize = (videoProps) => {
|
|
16
15
|
return { video: videoProps.src };
|
|
17
16
|
};
|
|
18
|
-
export const Video = props => {
|
|
17
|
+
export const Video = (props) => {
|
|
19
18
|
props = Object.assign(Object.assign({}, props), { src: staticAsset(props.src) });
|
|
20
19
|
let content = props.children;
|
|
21
20
|
if (isBrowser())
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"video.js","sourceRoot":"","sources":["../../../src/components/video.
|
|
1
|
+
{"version":3,"file":"video.js","sourceRoot":"","sources":["../../../src/components/video.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAEjD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAEnC,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAA;sBACV,MAAM,CAAC,qBAAqB;;;;;CAKjD,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,mCAAQ,KAAK,KAAE,GAAG,EAAE,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,GAAE,CAAA;IACjD,IAAI,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAA;IAC5B,IAAI,SAAS,EAAE;QACb,OAAO,GAAG,CACR,KAAC,WAAW,kBAAC,QAAQ,sBACnB,iBAAQ,GAAG,EAAE,KAAK,CAAC,GAAG,GAAI,IACd,CACf,CAAA;IACH,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,3 +1,16 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { PersistentMenuOptionsTheme, ThemeProps } from '../webchat/theme/types';
|
|
2
|
+
import { BlockInputOption } from './index-types';
|
|
3
|
+
export interface WebchatSettingsProps {
|
|
4
|
+
blockInputs?: BlockInputOption[];
|
|
5
|
+
enableAnimations?: boolean;
|
|
6
|
+
enableAttachments?: boolean;
|
|
7
|
+
enableEmojiPicker?: boolean;
|
|
8
|
+
enableUserInput?: boolean;
|
|
9
|
+
persistentMenu?: PersistentMenuOptionsTheme;
|
|
10
|
+
theme?: ThemeProps;
|
|
11
|
+
user?: {
|
|
12
|
+
extra_data?: any;
|
|
13
|
+
};
|
|
14
|
+
}
|
|
2
15
|
export declare const WebchatSettings: ({ theme, blockInputs, persistentMenu, enableEmojiPicker, enableAttachments, enableUserInput, enableAnimations, user, }: WebchatSettingsProps) => any;
|
|
3
|
-
export declare const normalizeWebchatSettings: (settings: WebchatSettingsProps) =>
|
|
16
|
+
export declare const normalizeWebchatSettings: (settings: WebchatSettingsProps) => ThemeProps;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { INPUT } from '@botonic/core';
|
|
3
3
|
import { useContext } from 'react';
|
|
4
|
-
import { WebchatContext } from '../contexts';
|
|
5
4
|
import { renderComponent } from '../util/react';
|
|
6
5
|
import { stringifyWithRegexs } from '../util/regexs';
|
|
6
|
+
import { WebchatContext } from '../webchat/context';
|
|
7
7
|
export const WebchatSettings = ({ theme, blockInputs, persistentMenu, enableEmojiPicker, enableAttachments, enableUserInput, enableAnimations, user, }) => {
|
|
8
8
|
const renderBrowser = () => {
|
|
9
9
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"webchat-settings.js","sourceRoot":"","sources":["../../../src/components/webchat-settings.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"webchat-settings.js","sourceRoot":"","sources":["../../../src/components/webchat-settings.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ import { INPUT } from '@botonic/core';
|
|
|
3
3
|
import { truncateText } from '../util';
|
|
4
4
|
import { renderComponent } from '../util/react';
|
|
5
5
|
import { Message } from './message';
|
|
6
|
-
import { WHATSAPP_MAX_BUTTON_CHARS } from './multichannel/
|
|
6
|
+
import { WHATSAPP_MAX_BUTTON_CHARS } from './multichannel/whatsapp/constants';
|
|
7
7
|
import { convertToMarkdownMeta } from './multichannel/whatsapp/markdown-meta';
|
|
8
8
|
// TODO: Add validation in component
|
|
9
9
|
export const WHATSAPP_MAX_BUTTON_LIST_CHARS = 24;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { INPUT } from '@botonic/core';
|
|
3
|
+
import { renderComponent } from '../util/react';
|
|
4
|
+
import { Message } from './message';
|
|
5
|
+
const serialize = (message) => {
|
|
6
|
+
return { text: message };
|
|
7
|
+
};
|
|
8
|
+
export const WhatsappCatalog = (props) => {
|
|
9
|
+
const renderBrowser = () => {
|
|
10
|
+
// Return a dummy message for browser
|
|
11
|
+
const message = `WhatsApp Catalog would be sent to the user.`;
|
|
12
|
+
return (_jsx(Message, Object.assign({ json: serialize(message) }, props, { type: INPUT.TEXT }, { children: message })));
|
|
13
|
+
};
|
|
14
|
+
const renderNode = () => {
|
|
15
|
+
return (
|
|
16
|
+
// @ts-ignore Property 'message' does not exist on type 'JSX.IntrinsicElements'.
|
|
17
|
+
_jsx("message", Object.assign({}, props, { body: props.body, footer: props.footer, thumbnailProductId: props.thumbnailProductId, type: INPUT.WHATSAPP_CATALOG })));
|
|
18
|
+
};
|
|
19
|
+
return renderComponent({ renderBrowser, renderNode });
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=whatsapp-catalog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"whatsapp-catalog.js","sourceRoot":"","sources":["../../../src/components/whatsapp-catalog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAGrC,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAQnC,MAAM,SAAS,GAAG,CAAC,OAAe,EAAE,EAAE;IACpC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,CAAA;AAC1B,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;IAC7D,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,qCAAqC;QACrC,MAAM,OAAO,GAAG,6CAA6C,CAAA;QAC7D,OAAO,CACL,KAAC,OAAO,kBAAC,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,IAAM,KAAK,IAAE,IAAI,EAAE,KAAK,CAAC,IAAI,gBAC3D,OAAO,IACA,CACX,CAAA;IACH,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,OAAO;QACL,gFAAgF;QAChF,kCACM,KAAK,IACT,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,EAC5C,IAAI,EAAE,KAAK,CAAC,gBAAgB,IAC5B,CACH,CAAA;IACH,CAAC,CAAA;IAED,OAAO,eAAe,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA"}
|
|
@@ -4,7 +4,7 @@ import { truncateText } from '../util';
|
|
|
4
4
|
import { renderComponent } from '../util/react';
|
|
5
5
|
import { generateWebviewUrlWithParams } from '../util/webviews';
|
|
6
6
|
import { Message } from './message';
|
|
7
|
-
import { WHATSAPP_MAX_BODY_CHARS, WHATSAPP_MAX_BUTTON_CHARS, WHATSAPP_MAX_FOOTER_CHARS, WHATSAPP_MAX_HEADER_CHARS, } from './multichannel/
|
|
7
|
+
import { WHATSAPP_MAX_BODY_CHARS, WHATSAPP_MAX_BUTTON_CHARS, WHATSAPP_MAX_FOOTER_CHARS, WHATSAPP_MAX_HEADER_CHARS, } from './multichannel/whatsapp/constants';
|
|
8
8
|
import { convertToMarkdownMeta } from './multichannel/whatsapp/markdown-meta';
|
|
9
9
|
const serialize = _whatsappCTAUrlButtonProps => {
|
|
10
10
|
// TODO: Implement to have data persistance in localStorage, not needed for this WhatsApp development
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
type Parameters = TextParameter | CurrencyParameter | DateTimeParameter;
|
|
2
|
+
interface TextParameter {
|
|
3
|
+
type: 'text';
|
|
4
|
+
text: string;
|
|
5
|
+
}
|
|
6
|
+
interface CurrencyParameter {
|
|
7
|
+
type: 'currency';
|
|
8
|
+
currency: {
|
|
9
|
+
fallbackValue: string;
|
|
10
|
+
code: string;
|
|
11
|
+
amount1000: number;
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
interface DateTimeParameter {
|
|
15
|
+
type: 'date_time';
|
|
16
|
+
dateTime: {
|
|
17
|
+
fallbackValue: string;
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
type CardButton = QuickReplyButton | UrlButton;
|
|
21
|
+
interface Button {
|
|
22
|
+
type: 'quick_reply' | 'url';
|
|
23
|
+
buttonIndex?: number;
|
|
24
|
+
}
|
|
25
|
+
interface QuickReplyButton extends Button {
|
|
26
|
+
payload: string;
|
|
27
|
+
}
|
|
28
|
+
interface UrlButton extends Button {
|
|
29
|
+
urlVariable: string;
|
|
30
|
+
}
|
|
31
|
+
interface Card {
|
|
32
|
+
fileType: 'image' | 'video';
|
|
33
|
+
fileId: string;
|
|
34
|
+
cardIndex?: number;
|
|
35
|
+
bodyParameters?: Parameters[];
|
|
36
|
+
buttons?: CardButton[];
|
|
37
|
+
extraComponents?: Record<string, any>[];
|
|
38
|
+
}
|
|
39
|
+
export interface WhatsappMediaCarouselProps {
|
|
40
|
+
templateName: string;
|
|
41
|
+
templateLanguage: string;
|
|
42
|
+
cards: Card[];
|
|
43
|
+
bodyParameters?: Parameters[];
|
|
44
|
+
}
|
|
45
|
+
export declare const WhatsappMediaCarousel: (props: WhatsappMediaCarouselProps) => any;
|
|
46
|
+
export {};
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { INPUT } from '@botonic/core';
|
|
3
|
+
import { toSnakeCaseKeys } from '../util/functional';
|
|
4
|
+
import { renderComponent } from '../util/react';
|
|
5
|
+
import { Message } from './message';
|
|
6
|
+
const serialize = (message) => {
|
|
7
|
+
return { text: message };
|
|
8
|
+
};
|
|
9
|
+
export const WhatsappMediaCarousel = (props) => {
|
|
10
|
+
const renderBrowser = () => {
|
|
11
|
+
// Return a dummy message for browser
|
|
12
|
+
const message = `WhatsApp Media Carousel would be sent to the user.`;
|
|
13
|
+
return (_jsx(Message, Object.assign({ json: serialize(message) }, props, { type: INPUT.TEXT }, { children: message })));
|
|
14
|
+
};
|
|
15
|
+
const getCards = (cards) => {
|
|
16
|
+
cards.forEach((card, index) => {
|
|
17
|
+
var _a;
|
|
18
|
+
if (!card.cardIndex) {
|
|
19
|
+
card.cardIndex = index;
|
|
20
|
+
}
|
|
21
|
+
(_a = card.buttons) === null || _a === void 0 ? void 0 : _a.forEach((button, index) => {
|
|
22
|
+
if (!button.buttonIndex) {
|
|
23
|
+
button.buttonIndex = index;
|
|
24
|
+
}
|
|
25
|
+
});
|
|
26
|
+
});
|
|
27
|
+
return toSnakeCaseKeys(cards);
|
|
28
|
+
};
|
|
29
|
+
const renderNode = () => {
|
|
30
|
+
return (
|
|
31
|
+
// @ts-ignore Property 'message' does not exist on type 'JSX.IntrinsicElements'.
|
|
32
|
+
_jsx("message", Object.assign({}, props, { bodyParameters: JSON.stringify(toSnakeCaseKeys(props.bodyParameters)), cards: JSON.stringify(getCards(props.cards)), templateName: props.templateName, templateLanguage: props.templateLanguage, type: INPUT.WHATSAPP_MEDIA_CAROUSEL })));
|
|
33
|
+
};
|
|
34
|
+
return renderComponent({ renderBrowser, renderNode });
|
|
35
|
+
};
|
|
36
|
+
//# sourceMappingURL=whatsapp-media-carousel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"whatsapp-media-carousel.js","sourceRoot":"","sources":["../../../src/components/whatsapp-media-carousel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAGrC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAsDnC,MAAM,SAAS,GAAG,CAAC,OAAe,EAAE,EAAE;IACpC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,CAAA;AAC1B,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,KAAiC,EAAE,EAAE;IACzE,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,qCAAqC;QACrC,MAAM,OAAO,GAAG,oDAAoD,CAAA;QACpE,OAAO,CACL,KAAC,OAAO,kBAAC,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,IAAM,KAAK,IAAE,IAAI,EAAE,KAAK,CAAC,IAAI,gBAC3D,OAAO,IACA,CACX,CAAA;IACH,CAAC,CAAA;IAED,MAAM,QAAQ,GAAG,CAAC,KAAa,EAAE,EAAE;QACjC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;;YAC5B,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;gBACnB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAA;aACvB;YACD,MAAA,IAAI,CAAC,OAAO,0CAAE,OAAO,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;gBACtC,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE;oBACvB,MAAM,CAAC,WAAW,GAAG,KAAK,CAAA;iBAC3B;YACH,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;QACF,OAAO,eAAe,CAAC,KAAK,CAAC,CAAA;IAC/B,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,OAAO;QACL,gFAAgF;QAChF,kCACM,KAAK,IACT,cAAc,EAAE,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,EACrE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAC5C,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,EACxC,IAAI,EAAE,KAAK,CAAC,uBAAuB,IACnC,CACH,CAAA;IACH,CAAC,CAAA;IAED,OAAO,eAAe,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
type Parameters = TextParameter | CurrencyParameter | DateTimeParameter;
|
|
2
|
+
interface TextParameter {
|
|
3
|
+
type: 'text';
|
|
4
|
+
text: string;
|
|
5
|
+
}
|
|
6
|
+
interface CurrencyParameter {
|
|
7
|
+
type: 'currency';
|
|
8
|
+
currency: {
|
|
9
|
+
fallbackValue: string;
|
|
10
|
+
code: string;
|
|
11
|
+
amount1000: number;
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
interface DateTimeParameter {
|
|
15
|
+
type: 'date_time';
|
|
16
|
+
dateTime: {
|
|
17
|
+
fallbackValue: string;
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
interface Card {
|
|
21
|
+
productRetailerId: string;
|
|
22
|
+
catalogId: string;
|
|
23
|
+
cardIndex?: number;
|
|
24
|
+
}
|
|
25
|
+
export interface WhatsappProductCarouselProps {
|
|
26
|
+
templateName: string;
|
|
27
|
+
templateLanguage: string;
|
|
28
|
+
cards: Card[];
|
|
29
|
+
bodyParameters?: Parameters[];
|
|
30
|
+
}
|
|
31
|
+
export declare const WhatsappProductCarousel: (props: WhatsappProductCarouselProps) => any;
|
|
32
|
+
export {};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { INPUT } from '@botonic/core';
|
|
3
|
+
import { toSnakeCaseKeys } from '../util/functional';
|
|
4
|
+
import { renderComponent } from '../util/react';
|
|
5
|
+
import { Message } from './message';
|
|
6
|
+
const serialize = (message) => {
|
|
7
|
+
return { text: message };
|
|
8
|
+
};
|
|
9
|
+
export const WhatsappProductCarousel = (props) => {
|
|
10
|
+
const renderBrowser = () => {
|
|
11
|
+
// Return a dummy message for browser
|
|
12
|
+
const message = `WhatsApp Product Carousel would be sent to the user.`;
|
|
13
|
+
return (_jsx(Message, Object.assign({ json: serialize(message) }, props, { type: INPUT.TEXT }, { children: message })));
|
|
14
|
+
};
|
|
15
|
+
const getCards = (cards) => {
|
|
16
|
+
cards.forEach((card, index) => {
|
|
17
|
+
if (!card.cardIndex) {
|
|
18
|
+
card.cardIndex = index;
|
|
19
|
+
}
|
|
20
|
+
});
|
|
21
|
+
return toSnakeCaseKeys(cards);
|
|
22
|
+
};
|
|
23
|
+
const renderNode = () => {
|
|
24
|
+
return (
|
|
25
|
+
// @ts-ignore Property 'message' does not exist on type 'JSX.IntrinsicElements'.
|
|
26
|
+
_jsx("message", Object.assign({}, props, { bodyParameters: JSON.stringify(toSnakeCaseKeys(props.bodyParameters)), cards: JSON.stringify(getCards(props.cards)), templateName: props.templateName, templateLanguage: props.templateLanguage, type: INPUT.WHATSAPP_PRODUCT_CAROUSEL })));
|
|
27
|
+
};
|
|
28
|
+
return renderComponent({ renderBrowser, renderNode });
|
|
29
|
+
};
|
|
30
|
+
//# sourceMappingURL=whatsapp-product-carousel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"whatsapp-product-carousel.js","sourceRoot":"","sources":["../../../src/components/whatsapp-product-carousel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAGrC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAoCnC,MAAM,SAAS,GAAG,CAAC,OAAe,EAAE,EAAE;IACpC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,CAAA;AAC1B,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACrC,KAAmC,EACnC,EAAE;IACF,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,qCAAqC;QACrC,MAAM,OAAO,GAAG,sDAAsD,CAAA;QACtE,OAAO,CACL,KAAC,OAAO,kBAAC,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,IAAM,KAAK,IAAE,IAAI,EAAE,KAAK,CAAC,IAAI,gBAC3D,OAAO,IACA,CACX,CAAA;IACH,CAAC,CAAA;IAED,MAAM,QAAQ,GAAG,CAAC,KAAa,EAAE,EAAE;QACjC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAC5B,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;gBACnB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAA;aACvB;QACH,CAAC,CAAC,CAAA;QACF,OAAO,eAAe,CAAC,KAAK,CAAC,CAAA;IAC/B,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,OAAO;QACL,gFAAgF;QAChF,kCACM,KAAK,IACT,cAAc,EAAE,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,EACrE,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAC5C,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,EACxC,IAAI,EAAE,KAAK,CAAC,yBAAyB,IACrC,CACH,CAAA;IACH,CAAC,CAAA;IAED,OAAO,eAAe,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export interface ProductItem {
|
|
2
|
+
productRetailerId: string;
|
|
3
|
+
}
|
|
4
|
+
export interface WhatsappProductListSection {
|
|
5
|
+
title: string;
|
|
6
|
+
productItems: ProductItem[];
|
|
7
|
+
}
|
|
8
|
+
export interface WhatsappProductListProps {
|
|
9
|
+
body: string;
|
|
10
|
+
header: string;
|
|
11
|
+
catalogId: string;
|
|
12
|
+
sections: WhatsappProductListSection[];
|
|
13
|
+
footer?: string;
|
|
14
|
+
}
|
|
15
|
+
export declare const WhatsappProductList: (props: WhatsappProductListProps) => any;
|