@botonic/react 0.31.0 → 0.31.1-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/index.d.ts +5 -0
- package/lib/cjs/components/index.js +11 -1
- package/lib/cjs/components/index.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-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/util/functional.d.ts +3 -0
- package/lib/cjs/util/functional.js +30 -0
- package/lib/cjs/util/functional.js.map +1 -0
- package/package.json +2 -2
- package/src/components/index.ts +16 -0
- package/src/components/whatsapp-catalog.tsx +42 -0
- 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/util/functional.ts +31 -0
- package/lib/esm/app.d.ts +0 -2
- package/lib/esm/app.js +0 -6
- package/lib/esm/app.js.map +0 -1
- package/lib/esm/botonic-tester.d.ts +0 -30
- package/lib/esm/botonic-tester.js +0 -78
- package/lib/esm/botonic-tester.js.map +0 -1
- package/lib/esm/components/audio.d.ts +0 -9
- package/lib/esm/components/audio.js +0 -21
- package/lib/esm/components/audio.js.map +0 -1
- package/lib/esm/components/button.d.ts +0 -17
- package/lib/esm/components/button.js +0 -159
- package/lib/esm/components/button.js.map +0 -1
- package/lib/esm/components/buttons-disabler.d.ts +0 -24
- package/lib/esm/components/buttons-disabler.js +0 -84
- package/lib/esm/components/buttons-disabler.js.map +0 -1
- package/lib/esm/components/carousel.d.ts +0 -10
- package/lib/esm/components/carousel.js +0 -105
- package/lib/esm/components/carousel.js.map +0 -1
- package/lib/esm/components/components.d.ts +0 -12
- package/lib/esm/components/components.js +0 -17
- package/lib/esm/components/components.js.map +0 -1
- package/lib/esm/components/custom-message.d.ts +0 -16
- package/lib/esm/components/custom-message.js +0 -50
- package/lib/esm/components/custom-message.js.map +0 -1
- package/lib/esm/components/document.d.ts +0 -9
- package/lib/esm/components/document.js +0 -42
- package/lib/esm/components/document.js.map +0 -1
- package/lib/esm/components/element.d.ts +0 -4
- package/lib/esm/components/element.js +0 -51
- package/lib/esm/components/element.js.map +0 -1
- package/lib/esm/components/handoff.d.ts +0 -1
- package/lib/esm/components/handoff.js +0 -49
- package/lib/esm/components/handoff.js.map +0 -1
- package/lib/esm/components/image.d.ts +0 -9
- package/lib/esm/components/image.js +0 -35
- package/lib/esm/components/image.js.map +0 -1
- package/lib/esm/components/index-types.d.ts +0 -89
- package/lib/esm/components/index-types.js +0 -2
- package/lib/esm/components/index-types.js.map +0 -1
- package/lib/esm/components/index.d.ts +0 -25
- package/lib/esm/components/index.js +0 -26
- package/lib/esm/components/index.js.map +0 -1
- package/lib/esm/components/location.d.ts +0 -11
- package/lib/esm/components/location.js +0 -27
- package/lib/esm/components/location.js.map +0 -1
- package/lib/esm/components/markdown.d.ts +0 -7
- package/lib/esm/components/markdown.js +0 -152
- package/lib/esm/components/markdown.js.map +0 -1
- package/lib/esm/components/message/index.d.ts +0 -1
- package/lib/esm/components/message/index.js +0 -147
- package/lib/esm/components/message/index.js.map +0 -1
- package/lib/esm/components/message/message-feedback.d.ts +0 -7
- package/lib/esm/components/message/message-feedback.js +0 -59
- package/lib/esm/components/message/message-feedback.js.map +0 -1
- package/lib/esm/components/message/message-footer.d.ts +0 -11
- package/lib/esm/components/message/message-footer.js +0 -17
- package/lib/esm/components/message/message-footer.js.map +0 -1
- package/lib/esm/components/message/message-image.d.ts +0 -7
- package/lib/esm/components/message/message-image.js +0 -19
- package/lib/esm/components/message/message-image.js.map +0 -1
- package/lib/esm/components/message/styles.d.ts +0 -33
- package/lib/esm/components/message/styles.js +0 -118
- package/lib/esm/components/message/styles.js.map +0 -1
- package/lib/esm/components/message/timestamps.d.ts +0 -13
- package/lib/esm/components/message/timestamps.js +0 -40
- package/lib/esm/components/message/timestamps.js.map +0 -1
- package/lib/esm/components/message-template.d.ts +0 -1
- package/lib/esm/components/message-template.js +0 -9
- package/lib/esm/components/message-template.js.map +0 -1
- package/lib/esm/components/multichannel/facebook/facebook.d.ts +0 -17
- package/lib/esm/components/multichannel/facebook/facebook.js +0 -43
- package/lib/esm/components/multichannel/facebook/facebook.js.map +0 -1
- package/lib/esm/components/multichannel/index-types.d.ts +0 -46
- package/lib/esm/components/multichannel/index-types.js +0 -2
- package/lib/esm/components/multichannel/index-types.js.map +0 -1
- package/lib/esm/components/multichannel/index.d.ts +0 -11
- package/lib/esm/components/multichannel/index.js +0 -12
- package/lib/esm/components/multichannel/index.js.map +0 -1
- package/lib/esm/components/multichannel/multichannel-button.d.ts +0 -1
- package/lib/esm/components/multichannel/multichannel-button.js +0 -67
- package/lib/esm/components/multichannel/multichannel-button.js.map +0 -1
- package/lib/esm/components/multichannel/multichannel-carousel.d.ts +0 -1
- package/lib/esm/components/multichannel/multichannel-carousel.js +0 -74
- package/lib/esm/components/multichannel/multichannel-carousel.js.map +0 -1
- package/lib/esm/components/multichannel/multichannel-context.d.ts +0 -11
- package/lib/esm/components/multichannel/multichannel-context.js +0 -12
- package/lib/esm/components/multichannel/multichannel-context.js.map +0 -1
- package/lib/esm/components/multichannel/multichannel-reply.d.ts +0 -1
- package/lib/esm/components/multichannel/multichannel-reply.js +0 -20
- package/lib/esm/components/multichannel/multichannel-reply.js.map +0 -1
- package/lib/esm/components/multichannel/multichannel-text.d.ts +0 -1
- package/lib/esm/components/multichannel/multichannel-text.js +0 -160
- package/lib/esm/components/multichannel/multichannel-text.js.map +0 -1
- package/lib/esm/components/multichannel/multichannel-utils.d.ts +0 -21
- package/lib/esm/components/multichannel/multichannel-utils.js +0 -81
- package/lib/esm/components/multichannel/multichannel-utils.js.map +0 -1
- package/lib/esm/components/multichannel/multichannel.d.ts +0 -1
- package/lib/esm/components/multichannel/multichannel.js +0 -57
- package/lib/esm/components/multichannel/multichannel.js.map +0 -1
- package/lib/esm/components/multichannel/whatsapp/constants.d.ts +0 -11
- package/lib/esm/components/multichannel/whatsapp/constants.js +0 -10
- package/lib/esm/components/multichannel/whatsapp/constants.js.map +0 -1
- package/lib/esm/components/multichannel/whatsapp/markdown-meta.d.ts +0 -1
- package/lib/esm/components/multichannel/whatsapp/markdown-meta.js +0 -38
- package/lib/esm/components/multichannel/whatsapp/markdown-meta.js.map +0 -1
- package/lib/esm/components/pic.d.ts +0 -6
- package/lib/esm/components/pic.js +0 -25
- package/lib/esm/components/pic.js.map +0 -1
- package/lib/esm/components/raw.d.ts +0 -9
- package/lib/esm/components/raw.js +0 -39
- package/lib/esm/components/raw.js.map +0 -1
- package/lib/esm/components/reply.d.ts +0 -10
- package/lib/esm/components/reply.js +0 -53
- package/lib/esm/components/reply.js.map +0 -1
- package/lib/esm/components/share-button.d.ts +0 -1
- package/lib/esm/components/share-button.js +0 -9
- package/lib/esm/components/share-button.js.map +0 -1
- package/lib/esm/components/subtitle.d.ts +0 -6
- package/lib/esm/components/subtitle.js +0 -19
- package/lib/esm/components/subtitle.js.map +0 -1
- package/lib/esm/components/text.d.ts +0 -7
- package/lib/esm/components/text.js +0 -40
- package/lib/esm/components/text.js.map +0 -1
- package/lib/esm/components/title.d.ts +0 -6
- package/lib/esm/components/title.js +0 -17
- package/lib/esm/components/title.js.map +0 -1
- package/lib/esm/components/video.d.ts +0 -9
- package/lib/esm/components/video.js +0 -25
- package/lib/esm/components/video.js.map +0 -1
- package/lib/esm/components/webchat-settings.d.ts +0 -16
- package/lib/esm/components/webchat-settings.js +0 -69
- package/lib/esm/components/webchat-settings.js.map +0 -1
- package/lib/esm/components/whatsapp-button-list.d.ts +0 -20
- package/lib/esm/components/whatsapp-button-list.js +0 -47
- package/lib/esm/components/whatsapp-button-list.js.map +0 -1
- package/lib/esm/components/whatsapp-cta-url-button.d.ts +0 -15
- package/lib/esm/components/whatsapp-cta-url-button.js +0 -33
- package/lib/esm/components/whatsapp-cta-url-button.js.map +0 -1
- package/lib/esm/components/whatsapp-template.d.ts +0 -1
- package/lib/esm/components/whatsapp-template.js +0 -20
- package/lib/esm/components/whatsapp-template.js.map +0 -1
- package/lib/esm/constants.d.ts +0 -165
- package/lib/esm/constants.js +0 -187
- package/lib/esm/constants.js.map +0 -1
- package/lib/esm/contexts.d.ts +0 -18
- package/lib/esm/contexts.js +0 -18
- package/lib/esm/contexts.js.map +0 -1
- package/lib/esm/dev-app.d.ts +0 -38
- package/lib/esm/dev-app.js +0 -81
- package/lib/esm/dev-app.js.map +0 -1
- package/lib/esm/index-types.d.ts +0 -178
- package/lib/esm/index-types.js +0 -12
- package/lib/esm/index-types.js.map +0 -1
- package/lib/esm/index.d.ts +0 -11
- package/lib/esm/index.js +0 -12
- package/lib/esm/index.js.map +0 -1
- package/lib/esm/message-utils.d.ts +0 -19
- package/lib/esm/message-utils.js +0 -41
- package/lib/esm/message-utils.js.map +0 -1
- package/lib/esm/msg-to-botonic.d.ts +0 -18
- package/lib/esm/msg-to-botonic.js +0 -132
- package/lib/esm/msg-to-botonic.js.map +0 -1
- package/lib/esm/node-app.d.ts +0 -7
- package/lib/esm/node-app.js +0 -19
- package/lib/esm/node-app.js.map +0 -1
- package/lib/esm/react-bot.d.ts +0 -8
- package/lib/esm/react-bot.js +0 -32
- package/lib/esm/react-bot.js.map +0 -1
- package/lib/esm/shared/styles.d.ts +0 -2
- package/lib/esm/shared/styles.js +0 -28
- package/lib/esm/shared/styles.js.map +0 -1
- package/lib/esm/util/dom.d.ts +0 -4
- package/lib/esm/util/dom.js +0 -24
- package/lib/esm/util/dom.js.map +0 -1
- package/lib/esm/util/environment.d.ts +0 -6
- package/lib/esm/util/environment.js +0 -61
- package/lib/esm/util/environment.js.map +0 -1
- package/lib/esm/util/error-boundary.d.ts +0 -7
- package/lib/esm/util/error-boundary.js +0 -28
- package/lib/esm/util/error-boundary.js.map +0 -1
- package/lib/esm/util/index.d.ts +0 -9
- package/lib/esm/util/index.js +0 -10
- package/lib/esm/util/index.js.map +0 -1
- package/lib/esm/util/logs.d.ts +0 -2
- package/lib/esm/util/logs.js +0 -15
- package/lib/esm/util/logs.js.map +0 -1
- package/lib/esm/util/objects.d.ts +0 -3
- package/lib/esm/util/objects.js +0 -38
- package/lib/esm/util/objects.js.map +0 -1
- package/lib/esm/util/react.d.ts +0 -12
- package/lib/esm/util/react.js +0 -34
- package/lib/esm/util/react.js.map +0 -1
- package/lib/esm/util/regexs.d.ts +0 -2
- package/lib/esm/util/regexs.js +0 -18
- package/lib/esm/util/regexs.js.map +0 -1
- package/lib/esm/util/strings.d.ts +0 -1
- package/lib/esm/util/strings.js +0 -7
- package/lib/esm/util/strings.js.map +0 -1
- package/lib/esm/util/webchat.d.ts +0 -22
- package/lib/esm/util/webchat.js +0 -55
- package/lib/esm/util/webchat.js.map +0 -1
- package/lib/esm/util/webviews.d.ts +0 -1
- package/lib/esm/util/webviews.js +0 -6
- package/lib/esm/util/webviews.js.map +0 -1
- package/lib/esm/webchat/chat-area/index.d.ts +0 -1
- package/lib/esm/webchat/chat-area/index.js +0 -18
- package/lib/esm/webchat/chat-area/index.js.map +0 -1
- package/lib/esm/webchat/chat-area/styles.d.ts +0 -3
- package/lib/esm/webchat/chat-area/styles.js +0 -9
- package/lib/esm/webchat/chat-area/styles.js.map +0 -1
- package/lib/esm/webchat/components/common.d.ts +0 -1
- package/lib/esm/webchat/components/common.js +0 -9
- package/lib/esm/webchat/components/common.js.map +0 -1
- package/lib/esm/webchat/components/conditional-animation.d.ts +0 -1
- package/lib/esm/webchat/components/conditional-animation.js +0 -12
- package/lib/esm/webchat/components/conditional-animation.js.map +0 -1
- package/lib/esm/webchat/components/opened-persistent-menu.d.ts +0 -6
- package/lib/esm/webchat/components/opened-persistent-menu.js +0 -30
- package/lib/esm/webchat/components/opened-persistent-menu.js.map +0 -1
- package/lib/esm/webchat/constants.d.ts +0 -8
- package/lib/esm/webchat/constants.js +0 -10
- package/lib/esm/webchat/constants.js.map +0 -1
- package/lib/esm/webchat/context/actions.d.ts +0 -29
- package/lib/esm/webchat/context/actions.js +0 -32
- package/lib/esm/webchat/context/actions.js.map +0 -1
- package/lib/esm/webchat/context/index.d.ts +0 -5
- package/lib/esm/webchat/context/index.js +0 -78
- package/lib/esm/webchat/context/index.js.map +0 -1
- package/lib/esm/webchat/context/messages-reducer.d.ts +0 -6
- package/lib/esm/webchat/context/messages-reducer.js +0 -85
- package/lib/esm/webchat/context/messages-reducer.js.map +0 -1
- package/lib/esm/webchat/context/types.d.ts +0 -74
- package/lib/esm/webchat/context/types.js +0 -2
- package/lib/esm/webchat/context/types.js.map +0 -1
- package/lib/esm/webchat/context/use-webchat.d.ts +0 -47
- package/lib/esm/webchat/context/use-webchat.js +0 -195
- package/lib/esm/webchat/context/use-webchat.js.map +0 -1
- package/lib/esm/webchat/context/webchat-reducer.d.ts +0 -6
- package/lib/esm/webchat/context/webchat-reducer.js +0 -48
- package/lib/esm/webchat/context/webchat-reducer.js.map +0 -1
- package/lib/esm/webchat/cover-component/index.d.ts +0 -6
- package/lib/esm/webchat/cover-component/index.js +0 -17
- package/lib/esm/webchat/cover-component/index.js.map +0 -1
- package/lib/esm/webchat/devices/index.d.ts +0 -11
- package/lib/esm/webchat/devices/index.js +0 -18
- package/lib/esm/webchat/devices/index.js.map +0 -1
- package/lib/esm/webchat/header/default-header.d.ts +0 -1
- package/lib/esm/webchat/header/default-header.js +0 -21
- package/lib/esm/webchat/header/default-header.js.map +0 -1
- package/lib/esm/webchat/header/index.d.ts +0 -2
- package/lib/esm/webchat/header/index.js +0 -20
- package/lib/esm/webchat/header/index.js.map +0 -1
- package/lib/esm/webchat/header/styles.d.ts +0 -7
- package/lib/esm/webchat/header/styles.js +0 -55
- package/lib/esm/webchat/header/styles.js.map +0 -1
- package/lib/esm/webchat/hooks/index.d.ts +0 -10
- package/lib/esm/webchat/hooks/index.js +0 -11
- package/lib/esm/webchat/hooks/index.js.map +0 -1
- package/lib/esm/webchat/hooks/use-component-visible.d.ts +0 -8
- package/lib/esm/webchat/hooks/use-component-visible.js +0 -20
- package/lib/esm/webchat/hooks/use-component-visible.js.map +0 -1
- package/lib/esm/webchat/hooks/use-component-will-mount.d.ts +0 -1
- package/lib/esm/webchat/hooks/use-component-will-mount.js +0 -5
- package/lib/esm/webchat/hooks/use-component-will-mount.js.map +0 -1
- package/lib/esm/webchat/hooks/use-device-adapter.d.ts +0 -3
- package/lib/esm/webchat/hooks/use-device-adapter.js +0 -42
- package/lib/esm/webchat/hooks/use-device-adapter.js.map +0 -1
- package/lib/esm/webchat/hooks/use-previous.d.ts +0 -1
- package/lib/esm/webchat/hooks/use-previous.js +0 -9
- package/lib/esm/webchat/hooks/use-previous.js.map +0 -1
- package/lib/esm/webchat/hooks/use-scroll-to-bottom.d.ts +0 -9
- package/lib/esm/webchat/hooks/use-scroll-to-bottom.js +0 -19
- package/lib/esm/webchat/hooks/use-scroll-to-bottom.js.map +0 -1
- package/lib/esm/webchat/hooks/use-scrollbar-controller.d.ts +0 -6
- package/lib/esm/webchat/hooks/use-scrollbar-controller.js +0 -136
- package/lib/esm/webchat/hooks/use-scrollbar-controller.js.map +0 -1
- package/lib/esm/webchat/hooks/use-typing.d.ts +0 -10
- package/lib/esm/webchat/hooks/use-typing.js +0 -28
- package/lib/esm/webchat/hooks/use-typing.js.map +0 -1
- package/lib/esm/webchat/hooks/use-virtual-keyboard-detection.d.ts +0 -3
- package/lib/esm/webchat/hooks/use-virtual-keyboard-detection.js +0 -24
- package/lib/esm/webchat/hooks/use-virtual-keyboard-detection.js.map +0 -1
- package/lib/esm/webchat/hooks/use-webchat-dimensions.d.ts +0 -4
- package/lib/esm/webchat/hooks/use-webchat-dimensions.js +0 -36
- package/lib/esm/webchat/hooks/use-webchat-dimensions.js.map +0 -1
- package/lib/esm/webchat/hooks/use-webchat-resizer.d.ts +0 -4
- package/lib/esm/webchat/hooks/use-webchat-resizer.js +0 -30
- package/lib/esm/webchat/hooks/use-webchat-resizer.js.map +0 -1
- package/lib/esm/webchat/index-types.d.ts +0 -18
- package/lib/esm/webchat/index-types.js +0 -2
- package/lib/esm/webchat/index-types.js.map +0 -1
- package/lib/esm/webchat/index.d.ts +0 -5
- package/lib/esm/webchat/index.js +0 -11
- package/lib/esm/webchat/index.js.map +0 -1
- package/lib/esm/webchat/input-panel/attachment.d.ts +0 -7
- package/lib/esm/webchat/input-panel/attachment.js +0 -26
- package/lib/esm/webchat/input-panel/attachment.js.map +0 -1
- package/lib/esm/webchat/input-panel/emoji-picker.d.ts +0 -6
- package/lib/esm/webchat/input-panel/emoji-picker.js +0 -23
- package/lib/esm/webchat/input-panel/emoji-picker.js.map +0 -1
- package/lib/esm/webchat/input-panel/index.d.ts +0 -12
- package/lib/esm/webchat/input-panel/index.js +0 -55
- package/lib/esm/webchat/input-panel/index.js.map +0 -1
- package/lib/esm/webchat/input-panel/opened-emoji-picker.d.ts +0 -6
- package/lib/esm/webchat/input-panel/opened-emoji-picker.js +0 -10
- package/lib/esm/webchat/input-panel/opened-emoji-picker.js.map +0 -1
- package/lib/esm/webchat/input-panel/persistent-menu.d.ts +0 -6
- package/lib/esm/webchat/input-panel/persistent-menu.js +0 -14
- package/lib/esm/webchat/input-panel/persistent-menu.js.map +0 -1
- package/lib/esm/webchat/input-panel/send-button.d.ts +0 -5
- package/lib/esm/webchat/input-panel/send-button.js +0 -14
- package/lib/esm/webchat/input-panel/send-button.js.map +0 -1
- package/lib/esm/webchat/input-panel/styles.d.ts +0 -3
- package/lib/esm/webchat/input-panel/styles.js +0 -27
- package/lib/esm/webchat/input-panel/styles.js.map +0 -1
- package/lib/esm/webchat/input-panel/textarea.d.ts +0 -11
- package/lib/esm/webchat/input-panel/textarea.js +0 -58
- package/lib/esm/webchat/input-panel/textarea.js.map +0 -1
- package/lib/esm/webchat/message-list/index.d.ts +0 -1
- package/lib/esm/webchat/message-list/index.js +0 -107
- package/lib/esm/webchat/message-list/index.js.map +0 -1
- package/lib/esm/webchat/message-list/intro-message.d.ts +0 -1
- package/lib/esm/webchat/message-list/intro-message.js +0 -18
- package/lib/esm/webchat/message-list/intro-message.js.map +0 -1
- package/lib/esm/webchat/message-list/scroll-button.d.ts +0 -6
- package/lib/esm/webchat/message-list/scroll-button.js +0 -12
- package/lib/esm/webchat/message-list/scroll-button.js.map +0 -1
- package/lib/esm/webchat/message-list/styles.d.ts +0 -5
- package/lib/esm/webchat/message-list/styles.js +0 -56
- package/lib/esm/webchat/message-list/styles.js.map +0 -1
- package/lib/esm/webchat/message-list/unread-messages-banner.d.ts +0 -6
- package/lib/esm/webchat/message-list/unread-messages-banner.js +0 -13
- package/lib/esm/webchat/message-list/unread-messages-banner.js.map +0 -1
- package/lib/esm/webchat/message-list/use-debounce.d.ts +0 -1
- package/lib/esm/webchat/message-list/use-debounce.js +0 -14
- package/lib/esm/webchat/message-list/use-debounce.js.map +0 -1
- package/lib/esm/webchat/message-list/use-notifications.d.ts +0 -7
- package/lib/esm/webchat/message-list/use-notifications.js +0 -20
- package/lib/esm/webchat/message-list/use-notifications.js.map +0 -1
- package/lib/esm/webchat/replies/index.d.ts +0 -1
- package/lib/esm/webchat/replies/index.js +0 -28
- package/lib/esm/webchat/replies/index.js.map +0 -1
- package/lib/esm/webchat/replies/styles.d.ts +0 -8
- package/lib/esm/webchat/replies/styles.js +0 -21
- package/lib/esm/webchat/replies/styles.js.map +0 -1
- package/lib/esm/webchat/session-view.d.ts +0 -1
- package/lib/esm/webchat/session-view.js +0 -96
- package/lib/esm/webchat/session-view.js.map +0 -1
- package/lib/esm/webchat/styles.d.ts +0 -9
- package/lib/esm/webchat/styles.js +0 -50
- package/lib/esm/webchat/styles.js.map +0 -1
- package/lib/esm/webchat/theme/types.d.ts +0 -167
- package/lib/esm/webchat/theme/types.js +0 -2
- package/lib/esm/webchat/theme/types.js.map +0 -1
- package/lib/esm/webchat/tracking.d.ts +0 -7
- package/lib/esm/webchat/tracking.js +0 -10
- package/lib/esm/webchat/tracking.js.map +0 -1
- package/lib/esm/webchat/trigger-button/index.d.ts +0 -2
- package/lib/esm/webchat/trigger-button/index.js +0 -28
- package/lib/esm/webchat/trigger-button/index.js.map +0 -1
- package/lib/esm/webchat/trigger-button/styles.d.ts +0 -3
- package/lib/esm/webchat/trigger-button/styles.js +0 -36
- package/lib/esm/webchat/trigger-button/styles.js.map +0 -1
- package/lib/esm/webchat/typing-indicator/index.d.ts +0 -3
- package/lib/esm/webchat/typing-indicator/index.js +0 -8
- package/lib/esm/webchat/typing-indicator/index.js.map +0 -1
- package/lib/esm/webchat/typing-indicator/styles.d.ts +0 -7
- package/lib/esm/webchat/typing-indicator/styles.js +0 -46
- package/lib/esm/webchat/typing-indicator/styles.js.map +0 -1
- package/lib/esm/webchat/use-storage-state-hook.d.ts +0 -1
- package/lib/esm/webchat/use-storage-state-hook.js +0 -38
- package/lib/esm/webchat/use-storage-state-hook.js.map +0 -1
- package/lib/esm/webchat/utils.d.ts +0 -2
- package/lib/esm/webchat/utils.js +0 -8
- package/lib/esm/webchat/utils.js.map +0 -1
- package/lib/esm/webchat/webchat-dev.d.ts +0 -7
- package/lib/esm/webchat/webchat-dev.js +0 -56
- package/lib/esm/webchat/webchat-dev.js.map +0 -1
- package/lib/esm/webchat/webchat.d.ts +0 -4
- package/lib/esm/webchat/webchat.js +0 -522
- package/lib/esm/webchat/webchat.js.map +0 -1
- package/lib/esm/webchat/webview.d.ts +0 -2
- package/lib/esm/webchat/webview.js +0 -71
- package/lib/esm/webchat/webview.js.map +0 -1
- package/lib/esm/webchat-app.d.ts +0 -78
- package/lib/esm/webchat-app.js +0 -363
- package/lib/esm/webchat-app.js.map +0 -1
- package/lib/esm/webview-app.d.ts +0 -7
- package/lib/esm/webview-app.js +0 -105
- package/lib/esm/webview-app.js.map +0 -1
|
@@ -1,105 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { INPUT, isBrowser } from '@botonic/core';
|
|
3
|
-
import React, { useContext, useEffect, useRef, useState } from 'react';
|
|
4
|
-
import styled from 'styled-components';
|
|
5
|
-
import LeftArrow from '../assets/leftArrow.svg';
|
|
6
|
-
import RightArrow from '../assets/rightArrow.svg';
|
|
7
|
-
import { COLORS, WEBCHAT } from '../constants';
|
|
8
|
-
import { resolveImage } from '../util/environment';
|
|
9
|
-
import { WebchatContext } from '../webchat/context';
|
|
10
|
-
import { ButtonsDisabler } from './buttons-disabler';
|
|
11
|
-
import { Message } from './message';
|
|
12
|
-
const ScrollableCarousel = styled.div `
|
|
13
|
-
overscroll-behavior: contain;
|
|
14
|
-
-webkit-overflow-scrolling: touch;
|
|
15
|
-
`;
|
|
16
|
-
const StyledCarousel = styled.div `
|
|
17
|
-
padding: 10px 0px;
|
|
18
|
-
display: flex;
|
|
19
|
-
flex-direction: row;
|
|
20
|
-
max-width: 100%;
|
|
21
|
-
${props => props.carouselArrowsEnabled && 'overflow-x: auto;'}
|
|
22
|
-
`;
|
|
23
|
-
const StyledItems = styled.div `
|
|
24
|
-
display: flex;
|
|
25
|
-
`;
|
|
26
|
-
const StyledArrowContainer = styled.div `
|
|
27
|
-
position: absolute;
|
|
28
|
-
top: calc(50% - 20px);
|
|
29
|
-
height: 40px;
|
|
30
|
-
width: 25px;
|
|
31
|
-
background: ${COLORS.SILVER};
|
|
32
|
-
display: flex;
|
|
33
|
-
align-items: center;
|
|
34
|
-
cursor: pointer;
|
|
35
|
-
justify-content: ${props => props.justifyContent};
|
|
36
|
-
left: ${props => props.left}px;
|
|
37
|
-
right: ${props => props.right}px;
|
|
38
|
-
border-top-${props => props.arrow}-radius: 30px;
|
|
39
|
-
border-bottom-${props => props.arrow}-radius: 30px;
|
|
40
|
-
`;
|
|
41
|
-
const StyledArrow = styled.img `
|
|
42
|
-
width: 20px;
|
|
43
|
-
height: 20px;
|
|
44
|
-
`;
|
|
45
|
-
const serialize = carouselProps => {
|
|
46
|
-
let carouselChildren = carouselProps.children;
|
|
47
|
-
if (!Array.isArray(carouselChildren))
|
|
48
|
-
carouselChildren = [carouselChildren];
|
|
49
|
-
return {
|
|
50
|
-
type: INPUT.CAROUSEL,
|
|
51
|
-
elements: carouselChildren.map(e => e && e.type && e.type.serialize && e.type.serialize(e.props)),
|
|
52
|
-
};
|
|
53
|
-
};
|
|
54
|
-
/**
|
|
55
|
-
*
|
|
56
|
-
* @param {MessageProps} props
|
|
57
|
-
* @returns {JSX.Element}
|
|
58
|
-
*/
|
|
59
|
-
export const Carousel = props => {
|
|
60
|
-
const { getThemeProperty } = useContext(WebchatContext);
|
|
61
|
-
let content = props.children;
|
|
62
|
-
const [hasLeftArrow, setLeftArrow] = useState(false);
|
|
63
|
-
const [hasRightArrow, setRightArrow] = useState(true);
|
|
64
|
-
const carouselRef = useRef(null);
|
|
65
|
-
const CustomCarouselLeftArrow = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.customCarouselLeftArrow, undefined);
|
|
66
|
-
const CustomCarouselRightArrow = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.customCarouselRightArrow, undefined);
|
|
67
|
-
// TODO: Investigate why when set to false, scroll is enabled via dragging the bar but not hovering the carousel elements
|
|
68
|
-
const carouselArrowsEnabled = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.enableCarouselArrows, true);
|
|
69
|
-
const scrollCarouselBy = value => {
|
|
70
|
-
carouselRef.current.scrollBy({
|
|
71
|
-
left: value,
|
|
72
|
-
behavior: 'smooth',
|
|
73
|
-
});
|
|
74
|
-
};
|
|
75
|
-
const setArrowsVisibility = event => {
|
|
76
|
-
const carousel = event.currentTarget;
|
|
77
|
-
const maxRightScroll = carousel.scrollWidth -
|
|
78
|
-
carousel.offsetWidth -
|
|
79
|
-
WEBCHAT.DEFAULTS.ELEMENT_MARGIN_RIGHT;
|
|
80
|
-
setLeftArrow(carousel.scrollLeft !== 0);
|
|
81
|
-
setRightArrow(carousel.scrollLeft < maxRightScroll);
|
|
82
|
-
};
|
|
83
|
-
const getArrows = () => {
|
|
84
|
-
const scrollBy = WEBCHAT.DEFAULTS.ELEMENT_WIDTH + WEBCHAT.DEFAULTS.ELEMENT_MARGIN_RIGHT;
|
|
85
|
-
return (_jsxs(_Fragment, { children: [hasLeftArrow &&
|
|
86
|
-
(CustomCarouselLeftArrow ? (_jsx(CustomCarouselLeftArrow, { scrollCarouselBy: scrollCarouselBy })) : (_jsx(StyledArrowContainer, Object.assign({ left: 0, arrow: 'right', justifyContent: 'flex-start', onClick: () => scrollCarouselBy(-scrollBy) }, { children: _jsx(StyledArrow, { src: resolveImage(LeftArrow) }) })))), hasRightArrow &&
|
|
87
|
-
(CustomCarouselRightArrow ? (_jsx(CustomCarouselRightArrow, { scrollCarouselBy: scrollCarouselBy })) : (_jsx(StyledArrowContainer, Object.assign({ right: 0, arrow: 'left', justifyContent: 'flex-end', onClick: () => scrollCarouselBy(scrollBy) }, { children: _jsx(StyledArrow, { src: resolveImage(RightArrow) }) }))))] }));
|
|
88
|
-
};
|
|
89
|
-
useEffect(() => {
|
|
90
|
-
const carousel = carouselRef.current;
|
|
91
|
-
if (carousel && carousel.addEventListener) {
|
|
92
|
-
carousel.addEventListener('scroll', setArrowsVisibility, false);
|
|
93
|
-
}
|
|
94
|
-
else if (carousel && carousel.attachEvent) {
|
|
95
|
-
carousel.attachEvent('scroll', setArrowsVisibility);
|
|
96
|
-
}
|
|
97
|
-
}, [carouselRef.current]);
|
|
98
|
-
const carouselProps = Object.assign(Object.assign({}, props), { children: ButtonsDisabler.updateChildrenButtons(props.children) });
|
|
99
|
-
if (isBrowser()) {
|
|
100
|
-
content = (_jsx(ScrollableCarousel, { children: _jsxs(StyledCarousel, Object.assign({ ref: carouselRef, carouselArrowsEnabled: carouselArrowsEnabled }, { children: [_jsx(StyledItems, { children: carouselProps.children }), carouselArrowsEnabled && getArrows()] })) }));
|
|
101
|
-
}
|
|
102
|
-
return (_jsx(Message, Object.assign({ style: { width: '85%', padding: 0, backgroundColor: COLORS.TRANSPARENT }, blob: false, json: serialize(carouselProps), type: INPUT.CAROUSEL }, carouselProps, { children: content })));
|
|
103
|
-
};
|
|
104
|
-
Carousel.serialize = serialize;
|
|
105
|
-
//# sourceMappingURL=carousel.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"carousel.js","sourceRoot":"","sources":["../../../src/components/carousel.jsx"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Get the name of an element (instantiated component)
|
|
3
|
-
* @param {React.Element} component
|
|
4
|
-
* @returns {string}
|
|
5
|
-
*/
|
|
6
|
-
export function getElementName(component: React.Element): string;
|
|
7
|
-
/**
|
|
8
|
-
* Get the name of a component TYPE
|
|
9
|
-
* @param {React.ComponentType} component
|
|
10
|
-
* @returns {string}
|
|
11
|
-
*/
|
|
12
|
-
export function getComponentTypeName(component: React.ComponentType): string;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Get the name of an element (instantiated component)
|
|
3
|
-
* @param {React.Element} component
|
|
4
|
-
* @returns {string}
|
|
5
|
-
*/
|
|
6
|
-
export function getElementName(component) {
|
|
7
|
-
return component.type.name;
|
|
8
|
-
}
|
|
9
|
-
/**
|
|
10
|
-
* Get the name of a component TYPE
|
|
11
|
-
* @param {React.ComponentType} component
|
|
12
|
-
* @returns {string}
|
|
13
|
-
*/
|
|
14
|
-
export function getComponentTypeName(component) {
|
|
15
|
-
return component.displayName || component.name || 'Component';
|
|
16
|
-
}
|
|
17
|
-
//# sourceMappingURL=components.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"components.js","sourceRoot":"","sources":["../../../src/components/components.js"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,UAAU,cAAc,CAAC,SAAS;IACtC,OAAO,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA;AAC5B,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,oBAAoB,CAAC,SAAS;IAC5C,OAAO,SAAS,CAAC,WAAW,IAAI,SAAS,CAAC,IAAI,IAAI,WAAW,CAAA;AAC/D,CAAC"}
|
|
@@ -1,16 +0,0 @@
|
|
|
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;
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import { __rest } from "tslib";
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { INPUT } from '@botonic/core';
|
|
4
|
-
import merge from 'lodash.merge';
|
|
5
|
-
import React from 'react';
|
|
6
|
-
import { SENDERS } from '../index-types';
|
|
7
|
-
import { createErrorBoundary } from '../util/error-boundary';
|
|
8
|
-
import { warnDeprecatedProps } from '../util/logs';
|
|
9
|
-
import { mapObjectNonBooleanValues } from '../util/react';
|
|
10
|
-
import { Message } from './message';
|
|
11
|
-
import { Reply } from './reply';
|
|
12
|
-
export const customMessage = ({ name, component: CustomMessageComponent, defaultProps = {}, errorBoundary = createErrorBoundary(), }) => {
|
|
13
|
-
const CustomMessage = props => {
|
|
14
|
-
warnDeprecatedProps(defaultProps, 'customMessage:');
|
|
15
|
-
if (defaultProps.sentBy === SENDERS.user) {
|
|
16
|
-
defaultProps.ack = 1;
|
|
17
|
-
}
|
|
18
|
-
return (_jsx(Message, Object.assign({}, merge(mapObjectNonBooleanValues(defaultProps), props), { type: INPUT.CUSTOM })));
|
|
19
|
-
};
|
|
20
|
-
const splitChildren = props => {
|
|
21
|
-
const { children } = props;
|
|
22
|
-
const isReply = e => e.type === Reply;
|
|
23
|
-
try {
|
|
24
|
-
if (!Array.isArray(children) && !isReply(children)) {
|
|
25
|
-
return { replies: null, childrenWithoutReplies: children };
|
|
26
|
-
}
|
|
27
|
-
const childrenArray = React.Children.toArray(children);
|
|
28
|
-
const replies = childrenArray.filter(isReply);
|
|
29
|
-
const childrenWithoutReplies = childrenArray.filter(e => !isReply(e));
|
|
30
|
-
return {
|
|
31
|
-
replies: replies,
|
|
32
|
-
childrenWithoutReplies,
|
|
33
|
-
};
|
|
34
|
-
}
|
|
35
|
-
catch (e) {
|
|
36
|
-
return { replies: null, childrenWithoutReplies: children };
|
|
37
|
-
}
|
|
38
|
-
};
|
|
39
|
-
const WrappedComponent = props => {
|
|
40
|
-
const { id, children } = props, customMessageProps = __rest(props, ["id", "children"]);
|
|
41
|
-
const { replies, childrenWithoutReplies } = splitChildren(props);
|
|
42
|
-
const ErrorBoundary = errorBoundary;
|
|
43
|
-
return (_jsxs(CustomMessage, Object.assign({ id: id, json: Object.assign(Object.assign({}, customMessageProps), { id, children: childrenWithoutReplies, customTypeName: name }), sentBy: props.sentBy || SENDERS.bot, isUnread: props.isUnread }, { children: [_jsx(ErrorBoundary, Object.assign({}, customMessageProps, { children: _jsx(CustomMessageComponent, Object.assign({}, customMessageProps, { children: childrenWithoutReplies })) }), 'errorBoundary'), replies] })));
|
|
44
|
-
};
|
|
45
|
-
WrappedComponent.customTypeName = name;
|
|
46
|
-
// eslint-disable-next-line react/display-name
|
|
47
|
-
WrappedComponent.deserialize = (msg) => (_jsx(WrappedComponent, Object.assign({ id: msg.id, json: msg.data }, msg.data, { sentBy: msg.sentBy || SENDERS.bot, isUnread: msg.isUnread }), msg.key));
|
|
48
|
-
return WrappedComponent;
|
|
49
|
-
};
|
|
50
|
-
//# sourceMappingURL=custom-message.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"custom-message.js","sourceRoot":"","sources":["../../../src/components/custom-message.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { INPUT, isBrowser } from '@botonic/core';
|
|
3
|
-
import { useContext } from 'react';
|
|
4
|
-
import styled from 'styled-components';
|
|
5
|
-
import { ROLES, WEBCHAT } from '../constants';
|
|
6
|
-
import { staticAsset } from '../util/environment';
|
|
7
|
-
import { WebchatContext } from '../webchat/context';
|
|
8
|
-
import { Message } from './message';
|
|
9
|
-
const StyledButton = styled.a `
|
|
10
|
-
display: block;
|
|
11
|
-
height: 25px;
|
|
12
|
-
background-color: #f0f0f0;
|
|
13
|
-
padding: 10px;
|
|
14
|
-
text-align: center;
|
|
15
|
-
border-radius: 5px;
|
|
16
|
-
color: black;
|
|
17
|
-
font-weight: bold;
|
|
18
|
-
line-height: 25px;
|
|
19
|
-
text-decoration: none;
|
|
20
|
-
border: 1px solid black;
|
|
21
|
-
opacity: 0.9;
|
|
22
|
-
&:hover {
|
|
23
|
-
opacity: 1;
|
|
24
|
-
}
|
|
25
|
-
`;
|
|
26
|
-
const serialize = (documentProps) => {
|
|
27
|
-
return { document: documentProps.src };
|
|
28
|
-
};
|
|
29
|
-
export const Document = (props) => {
|
|
30
|
-
props = Object.assign(Object.assign({}, props), { src: staticAsset(props.src) });
|
|
31
|
-
let content = props.children;
|
|
32
|
-
const { getThemeProperty } = useContext(WebchatContext);
|
|
33
|
-
let documentDownload = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.documentDownload, {});
|
|
34
|
-
if (typeof documentDownload === 'function')
|
|
35
|
-
documentDownload = documentDownload(props.from);
|
|
36
|
-
if (isBrowser()) {
|
|
37
|
-
content = (_jsx(StyledButton, Object.assign({ href: props.src, target: '_blank', rel: 'noreferrer', style: Object.assign({}, documentDownload.style) }, { children: documentDownload.text || 'Download' })));
|
|
38
|
-
}
|
|
39
|
-
return (_jsx(Message, Object.assign({ role: ROLES.DOCUMENT_MESSAGE, json: serialize(props) }, props, { type: INPUT.DOCUMENT }, { children: content })));
|
|
40
|
-
};
|
|
41
|
-
Document.serialize = serialize;
|
|
42
|
-
//# sourceMappingURL=document.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"document.js","sourceRoot":"","sources":["../../../src/components/document.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAChD,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAEnD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAEnC,MAAM,YAAY,GAAG,MAAM,CAAC,CAAC,CAAA;;;;;;;;;;;;;;;;CAgB5B,CAAA;AAED,MAAM,SAAS,GAAG,CAAC,aAA8B,EAAE,EAAE;IACnD,OAAO,EAAE,QAAQ,EAAE,aAAa,CAAC,GAAG,EAAE,CAAA;AACxC,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC/C,KAAK,mCAAQ,KAAK,KAAE,GAAG,EAAE,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,GAAE,CAAA;IAEjD,IAAI,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAA;IAE5B,MAAM,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IACvD,IAAI,gBAAgB,GAAG,gBAAgB,CACrC,OAAO,CAAC,iBAAiB,CAAC,gBAAgB,EAC1C,EAAE,CACH,CAAA;IACD,IAAI,OAAO,gBAAgB,KAAK,UAAU;QACxC,gBAAgB,GAAG,gBAAgB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAEjD,IAAI,SAAS,EAAE,EAAE;QACf,OAAO,GAAG,CACR,KAAC,YAAY,kBACX,IAAI,EAAE,KAAK,CAAC,GAAG,EACf,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,YAAY,EAChB,KAAK,oBACA,gBAAgB,CAAC,KAAK,iBAG1B,gBAAgB,CAAC,IAAI,IAAI,UAAU,IACvB,CAChB,CAAA;KACF;IAED,OAAO,CACL,KAAC,OAAO,kBACN,IAAI,EAAE,KAAK,CAAC,gBAAgB,EAC5B,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,IAClB,KAAK,IACT,IAAI,EAAE,KAAK,CAAC,QAAQ,gBAEnB,OAAO,IACA,CACX,CAAA;AACH,CAAC,CAAA;AAED,QAAQ,CAAC,SAAS,GAAG,SAAS,CAAA"}
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import styled from 'styled-components';
|
|
4
|
-
import { COLORS, WEBCHAT } from '../constants';
|
|
5
|
-
import { renderComponent } from '../util/react';
|
|
6
|
-
import { Button } from './button';
|
|
7
|
-
const ElementContainer = styled.div `
|
|
8
|
-
display: flex;
|
|
9
|
-
flex-direction: column;
|
|
10
|
-
width: ${WEBCHAT.DEFAULTS.ELEMENT_WIDTH}px;
|
|
11
|
-
margin-right: ${WEBCHAT.DEFAULTS.ELEMENT_MARGIN_RIGHT}px;
|
|
12
|
-
border-radius: 6px;
|
|
13
|
-
border: 1px solid ${COLORS.SEASHELL_WHITE};
|
|
14
|
-
overflow: hidden;
|
|
15
|
-
justify-content: space-between;
|
|
16
|
-
`;
|
|
17
|
-
export const Element = props => {
|
|
18
|
-
const renderBrowser = () => (_jsx(ElementContainer, { children: props.children }));
|
|
19
|
-
const renderNode = () => _jsx("element", { children: props.children });
|
|
20
|
-
return renderComponent({ renderBrowser, renderNode });
|
|
21
|
-
};
|
|
22
|
-
Element.serialize = elementProps => {
|
|
23
|
-
const element = Object.assign({}, ...elementProps.children
|
|
24
|
-
.filter(c => c && c.type && c.type.name != 'Button')
|
|
25
|
-
.map(c => c.type.serialize && c.type.serialize(c.props)));
|
|
26
|
-
// When we are serializer buttons from backend, we are receiving the data
|
|
27
|
-
// as an array of buttons, so we have to keep robust with serve and deal with arrays
|
|
28
|
-
element.buttons = [
|
|
29
|
-
...elementProps.children
|
|
30
|
-
.filter(c => {
|
|
31
|
-
var _a;
|
|
32
|
-
if (c instanceof Array)
|
|
33
|
-
return true;
|
|
34
|
-
return ((_a = c === null || c === void 0 ? void 0 : c.type) === null || _a === void 0 ? void 0 : _a.name) === Button.name;
|
|
35
|
-
})
|
|
36
|
-
.map(b => {
|
|
37
|
-
var _a;
|
|
38
|
-
if (b instanceof Array) {
|
|
39
|
-
b.map(bb => { var _a, _b, _c; return (_c = (_b = (_a = bb === null || bb === void 0 ? void 0 : bb.type) === null || _a === void 0 ? void 0 : _a.serialize) === null || _b === void 0 ? void 0 : _b.call(_a, bb.props)) === null || _c === void 0 ? void 0 : _c.button; });
|
|
40
|
-
}
|
|
41
|
-
return (_a = b === null || b === void 0 ? void 0 : b.type) === null || _a === void 0 ? void 0 : _a.serialize(b.props).button;
|
|
42
|
-
}),
|
|
43
|
-
];
|
|
44
|
-
// When we have the buttons from backend, we have all buttons inside an array on the first position
|
|
45
|
-
// of another array in element['buttons'] we want that element['buttons'] to be an array of buttons,
|
|
46
|
-
// not an array of another array of buttons
|
|
47
|
-
if (element.buttons[0] instanceof Array)
|
|
48
|
-
element.buttons = element.buttons[0];
|
|
49
|
-
return element;
|
|
50
|
-
};
|
|
51
|
-
//# sourceMappingURL=element.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"element.js","sourceRoot":"","sources":["../../../src/components/element.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;;WAGxB,OAAO,CAAC,QAAQ,CAAC,aAAa;kBACvB,OAAO,CAAC,QAAQ,CAAC,oBAAoB;;sBAEjC,MAAM,CAAC,cAAc;;;CAG1C,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,KAAK,CAAC,EAAE;IAC7B,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,CAC1B,KAAC,gBAAgB,cAAE,KAAK,CAAC,QAAQ,GAAoB,CACtD,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,4BAAU,KAAK,CAAC,QAAQ,GAAW,CAAA;IAE5D,OAAO,eAAe,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AAED,OAAO,CAAC,SAAS,GAAG,YAAY,CAAC,EAAE;IACjC,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAC3B,EAAE,EACF,GAAG,YAAY,CAAC,QAAQ;SACrB,MAAM,CAAC,CAAC,CAAC,EAAE,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,MAAM,CAAC,IAAI,CAAA;QACtC,CAAC,CAAC;aACD,GAAG,CAAC,CAAC,CAAC,EAAE;;YACP,IAAI,CAAC,YAAY,KAAK,EAAE;gBACtB,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,mBAAC,OAAA,MAAA,MAAA,MAAA,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,IAAI,0CAAE,SAAS,mDAAG,EAAE,CAAC,KAAK,CAAC,0CAAE,MAAM,CAAA,EAAA,CAAC,CAAA;aACrD;YACD,OAAO,MAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,IAAI,0CAAE,SAAS,CAAC,CAAC,CAAC,KAAK,EAAE,MAAM,CAAA;QAC3C,CAAC,CAAC;KACL,CAAA;IACD,mGAAmG;IACnG,oGAAoG;IACpG,2CAA2C;IAC3C,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,KAAK;QAAE,OAAO,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;IAC7E,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export function Handoff(props: any): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import React, { useContext, useState } from 'react';
|
|
3
|
-
import styled from 'styled-components';
|
|
4
|
-
import { COLORS } from '../constants';
|
|
5
|
-
import { WebchatContext } from '../webchat/context';
|
|
6
|
-
const Container = styled.div `
|
|
7
|
-
display: flex;
|
|
8
|
-
font-family: inherit;
|
|
9
|
-
flex-direction: column;
|
|
10
|
-
justify-content: center;
|
|
11
|
-
align-items: center;
|
|
12
|
-
padding: 24px;
|
|
13
|
-
`;
|
|
14
|
-
const TransferredContainer = styled.div `
|
|
15
|
-
text-align: center;
|
|
16
|
-
white-space: normal;
|
|
17
|
-
`;
|
|
18
|
-
const EndedContainer = styled.div `
|
|
19
|
-
text-align: center;
|
|
20
|
-
white-space: normal;
|
|
21
|
-
`;
|
|
22
|
-
const StyledButton = styled.button `
|
|
23
|
-
max-width: 60%;
|
|
24
|
-
padding: 12px 24px;
|
|
25
|
-
background-color: ${COLORS.SOLID_WHITE};
|
|
26
|
-
border: none;
|
|
27
|
-
border-radius: 4px;
|
|
28
|
-
margin-top: 8px;
|
|
29
|
-
cursor: pointer;
|
|
30
|
-
`;
|
|
31
|
-
export const Handoff = props => {
|
|
32
|
-
const { resolveCase } = useContext(WebchatContext);
|
|
33
|
-
const [state, setState] = useState({ showContinue: true });
|
|
34
|
-
const continueClick = () => {
|
|
35
|
-
setState({ showContinue: false });
|
|
36
|
-
resolveCase();
|
|
37
|
-
};
|
|
38
|
-
const bgColor = state.showContinue
|
|
39
|
-
? COLORS.FRINGY_FLOWER_GREEN
|
|
40
|
-
: COLORS.TASMAN_GRAY;
|
|
41
|
-
const fontColor = state.showContinue
|
|
42
|
-
? COLORS.APPLE_GREEN
|
|
43
|
-
: COLORS.CACTUS_GREEN;
|
|
44
|
-
return (_jsxs(Container, Object.assign({ style: {
|
|
45
|
-
color: fontColor,
|
|
46
|
-
backgroundColor: bgColor,
|
|
47
|
-
} }, { children: [state.showContinue ? (_jsx(TransferredContainer, { children: "Conversation transferred to a human agent..." })) : (_jsx(EndedContainer, { children: "Human handoff ended" })), state.showContinue && (_jsx(StyledButton, Object.assign({ onClick: continueClick }, { children: "Continue" })))] })));
|
|
48
|
-
};
|
|
49
|
-
//# sourceMappingURL=handoff.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"handoff.js","sourceRoot":"","sources":["../../../src/components/handoff.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACnD,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAEnD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAO3B,CAAA;AAED,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGtC,CAAA;AAED,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGhC,CAAA;AAED,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAA;;;sBAGZ,MAAM,CAAC,WAAW;;;;;CAKvC,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,KAAK,CAAC,EAAE;IAC7B,MAAM,EAAE,WAAW,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAClD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,CAAA;IAE1D,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,QAAQ,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAA;QACjC,WAAW,EAAE,CAAA;IACf,CAAC,CAAA;IAED,MAAM,OAAO,GAAG,KAAK,CAAC,YAAY;QAChC,CAAC,CAAC,MAAM,CAAC,mBAAmB;QAC5B,CAAC,CAAC,MAAM,CAAC,WAAW,CAAA;IACtB,MAAM,SAAS,GAAG,KAAK,CAAC,YAAY;QAClC,CAAC,CAAC,MAAM,CAAC,WAAW;QACpB,CAAC,CAAC,MAAM,CAAC,YAAY,CAAA;IACvB,OAAO,CACL,MAAC,SAAS,kBACR,KAAK,EAAE;YACL,KAAK,EAAE,SAAS;YAChB,eAAe,EAAE,OAAO;SACzB,iBAEA,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CACpB,KAAC,oBAAoB,+DAEE,CACxB,CAAC,CAAC,CAAC,CACF,KAAC,cAAc,sCAAqC,CACrD,EACA,KAAK,CAAC,YAAY,IAAI,CACrB,KAAC,YAAY,kBAAC,OAAO,EAAE,aAAa,8BAAyB,CAC9D,KACS,CACb,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { INPUT, isBrowser } from '@botonic/core';
|
|
3
|
-
import { useContext, useState } from 'react';
|
|
4
|
-
import styled from 'styled-components';
|
|
5
|
-
import { ROLES, WEBCHAT } from '../constants';
|
|
6
|
-
import { staticAsset } from '../util/environment';
|
|
7
|
-
import { WebchatContext } from '../webchat/context';
|
|
8
|
-
import { Message } from './message';
|
|
9
|
-
const StyledImage = styled.img `
|
|
10
|
-
border-radius: 8px;
|
|
11
|
-
max-width: 150px;
|
|
12
|
-
max-height: 150px;
|
|
13
|
-
margin: -3px -6px;
|
|
14
|
-
cursor: ${({ hasPreviewer }) => (hasPreviewer ? 'pointer' : 'auto')};
|
|
15
|
-
`;
|
|
16
|
-
const serialize = (imageProps) => {
|
|
17
|
-
return { image: imageProps.src };
|
|
18
|
-
};
|
|
19
|
-
export const Image = (props) => {
|
|
20
|
-
var _a;
|
|
21
|
-
props = ((_a = props.input) === null || _a === void 0 ? void 0 : _a.data)
|
|
22
|
-
? Object.assign(Object.assign({}, props), { src: props.input.data }) : Object.assign(Object.assign({}, props), { src: staticAsset(props.src) });
|
|
23
|
-
let content = props.children;
|
|
24
|
-
const [isPreviewerOpened, setIsPreviewerOpened] = useState(false);
|
|
25
|
-
const openPreviewer = () => setIsPreviewerOpened(true);
|
|
26
|
-
const closePreviewer = () => setIsPreviewerOpened(false);
|
|
27
|
-
const { getThemeProperty } = useContext(WebchatContext);
|
|
28
|
-
const ImagePreviewer = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.imagePreviewer, null);
|
|
29
|
-
if (isBrowser()) {
|
|
30
|
-
content = (_jsxs(_Fragment, { children: [_jsx(StyledImage, { src: props.src, onClick: openPreviewer, hasPreviewer: Boolean(ImagePreviewer) }), ImagePreviewer && (_jsx(ImagePreviewer, { src: props.src, isPreviewerOpened: isPreviewerOpened, openPreviewer: openPreviewer, closePreviewer: closePreviewer }))] }));
|
|
31
|
-
}
|
|
32
|
-
return (_jsx(Message, Object.assign({ role: ROLES.IMAGE_MESSAGE, json: serialize(props) }, props, { type: INPUT.IMAGE }, { children: content })));
|
|
33
|
-
};
|
|
34
|
-
Image.serialize = serialize;
|
|
35
|
-
//# sourceMappingURL=image.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"image.js","sourceRoot":"","sources":["../../../src/components/image.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAChD,OAAc,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACnD,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAEnD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAMnC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAkB;;;;;YAKpC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;CACpE,CAAA;AAED,MAAM,SAAS,GAAG,CAAC,UAA2B,EAAE,EAAE;IAChD,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,GAAG,EAAE,CAAA;AAClC,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAE,EAAE;;IACzC,KAAK,GAAG,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,IAAI;QACvB,CAAC,iCAAM,KAAK,KAAE,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,IACnC,CAAC,iCAAM,KAAK,KAAE,GAAG,EAAE,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,GAAE,CAAA;IAE7C,IAAI,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAA;IAE5B,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjE,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAA;IACtD,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAA;IAExD,MAAM,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IACvD,MAAM,cAAc,GAAG,gBAAgB,CACrC,OAAO,CAAC,iBAAiB,CAAC,cAAc,EACxC,IAAI,CACL,CAAA;IACD,IAAI,SAAS,EAAE,EAAE;QACf,OAAO,GAAG,CACR,8BACE,KAAC,WAAW,IACV,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,OAAO,EAAE,aAAa,EACtB,YAAY,EAAE,OAAO,CAAC,cAAc,CAAC,GACrC,EACD,cAAc,IAAI,CACjB,KAAC,cAAc,IACb,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,iBAAiB,EAAE,iBAAiB,EACpC,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,GAC9B,CACH,IACA,CACJ,CAAA;KACF;IACD,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,89 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { SENDERS } from '../index-types';
|
|
3
|
-
export type MessageType = 'audio' | 'buttonmessage' | 'carousel' | 'custom' | 'document' | 'image' | 'location' | 'text' | 'video';
|
|
4
|
-
export interface MessageProps {
|
|
5
|
-
blob?: boolean;
|
|
6
|
-
children?: React.ReactNode;
|
|
7
|
-
delay?: number;
|
|
8
|
-
enabletimestamps?: boolean;
|
|
9
|
-
sentBy?: SENDERS;
|
|
10
|
-
json?: Record<string, unknown>;
|
|
11
|
-
style?: Record<string, unknown>;
|
|
12
|
-
type?: MessageType;
|
|
13
|
-
typing?: number;
|
|
14
|
-
}
|
|
15
|
-
export interface TextProps extends MessageProps {
|
|
16
|
-
markdown?: boolean;
|
|
17
|
-
feedbackEnabled?: boolean;
|
|
18
|
-
inferenceId?: string;
|
|
19
|
-
botInteractionId?: string;
|
|
20
|
-
}
|
|
21
|
-
export interface Webview {
|
|
22
|
-
name: string;
|
|
23
|
-
}
|
|
24
|
-
export interface ButtonProps {
|
|
25
|
-
params?: any;
|
|
26
|
-
path?: string;
|
|
27
|
-
payload?: string;
|
|
28
|
-
target?: string;
|
|
29
|
-
url?: string;
|
|
30
|
-
webview?: Webview;
|
|
31
|
-
onClick?: () => void;
|
|
32
|
-
autodisable?: boolean;
|
|
33
|
-
disabled?: boolean;
|
|
34
|
-
disabledstyle?: boolean;
|
|
35
|
-
children: string;
|
|
36
|
-
setDisabled?: (disabled: boolean) => void;
|
|
37
|
-
parentId?: string;
|
|
38
|
-
}
|
|
39
|
-
export interface ReplyProps {
|
|
40
|
-
path?: string;
|
|
41
|
-
payload?: string;
|
|
42
|
-
children: string;
|
|
43
|
-
}
|
|
44
|
-
export interface PicProps {
|
|
45
|
-
src: string;
|
|
46
|
-
}
|
|
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
|
-
}
|
|
72
|
-
export interface TitleProps {
|
|
73
|
-
children: React.ReactNode;
|
|
74
|
-
style: string;
|
|
75
|
-
}
|
|
76
|
-
export type SubtitleProps = TitleProps;
|
|
77
|
-
export interface CustomMessageType {
|
|
78
|
-
(props: any): JSX.Element;
|
|
79
|
-
customTypeName: string;
|
|
80
|
-
deserialize(msg: any): JSX.Element;
|
|
81
|
-
}
|
|
82
|
-
export type BlockInputOption = {
|
|
83
|
-
preprocess?: (message: string) => string;
|
|
84
|
-
match: RegExp[];
|
|
85
|
-
message: string;
|
|
86
|
-
};
|
|
87
|
-
export type WrappedComponent<Props> = React.FunctionComponent<Props> & {
|
|
88
|
-
customTypeName: string;
|
|
89
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index-types.js","sourceRoot":"","sources":["../../../src/components/index-types.ts"],"names":[],"mappings":""}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
export { Audio } from './audio';
|
|
2
|
-
export { Button } from './button';
|
|
3
|
-
export { Carousel } from './carousel';
|
|
4
|
-
export { customMessage } from './custom-message';
|
|
5
|
-
export { Document } from './document';
|
|
6
|
-
export { Element } from './element';
|
|
7
|
-
export { Handoff } from './handoff';
|
|
8
|
-
export { Image } from './image';
|
|
9
|
-
export * from './index-types';
|
|
10
|
-
export { Location } from './location';
|
|
11
|
-
export { Message } from './message';
|
|
12
|
-
export { MessageTemplate } from './message-template';
|
|
13
|
-
export * from './multichannel';
|
|
14
|
-
export { Pic } from './pic';
|
|
15
|
-
export { Raw } from './raw';
|
|
16
|
-
export { Reply } from './reply';
|
|
17
|
-
export { ShareButton } from './share-button';
|
|
18
|
-
export { Subtitle } from './subtitle';
|
|
19
|
-
export { Text } from './text';
|
|
20
|
-
export { Title } from './title';
|
|
21
|
-
export { Video } from './video';
|
|
22
|
-
export { normalizeWebchatSettings, WebchatSettings, WebchatSettingsProps, } from './webchat-settings';
|
|
23
|
-
export { WhatsappButtonList, WhatsappButtonListProps, WhatsappButtonListRowProps, WhatsappButtonListSectionProps, } from './whatsapp-button-list';
|
|
24
|
-
export { WhatsappCTAUrlButton, WhatsappCTAUrlButtonProps, } from './whatsapp-cta-url-button';
|
|
25
|
-
export { WhatsappTemplate } from './whatsapp-template';
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
export { Audio } from './audio';
|
|
2
|
-
export { Button } from './button';
|
|
3
|
-
export { Carousel } from './carousel';
|
|
4
|
-
export { customMessage } from './custom-message';
|
|
5
|
-
export { Document } from './document';
|
|
6
|
-
export { Element } from './element';
|
|
7
|
-
export { Handoff } from './handoff';
|
|
8
|
-
export { Image } from './image';
|
|
9
|
-
export * from './index-types';
|
|
10
|
-
export { Location } from './location';
|
|
11
|
-
export { Message } from './message';
|
|
12
|
-
export { MessageTemplate } from './message-template';
|
|
13
|
-
export * from './multichannel';
|
|
14
|
-
export { Pic } from './pic';
|
|
15
|
-
export { Raw } from './raw';
|
|
16
|
-
export { Reply } from './reply';
|
|
17
|
-
export { ShareButton } from './share-button';
|
|
18
|
-
export { Subtitle } from './subtitle';
|
|
19
|
-
export { Text } from './text';
|
|
20
|
-
export { Title } from './title';
|
|
21
|
-
export { Video } from './video';
|
|
22
|
-
export { normalizeWebchatSettings, WebchatSettings, } from './webchat-settings';
|
|
23
|
-
export { WhatsappButtonList, } from './whatsapp-button-list';
|
|
24
|
-
export { WhatsappCTAUrlButton, } from './whatsapp-cta-url-button';
|
|
25
|
-
export { WhatsappTemplate } from './whatsapp-template';
|
|
26
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,cAAc,gBAAgB,CAAA;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EACL,wBAAwB,EACxB,eAAe,GAEhB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EACL,kBAAkB,GAInB,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EACL,oBAAoB,GAErB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA"}
|