@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,47 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { Session } from '@botonic/core';
|
|
3
|
-
import { Reply } from '../../components';
|
|
4
|
-
import { Webview } from '../../components/index-types';
|
|
5
|
-
import { WebchatMessage } from '../../index-types';
|
|
6
|
-
import { ThemeProps } from '../theme/types';
|
|
7
|
-
import { ClientInput, DevSettings, ErrorMessage, WebchatState } from './types';
|
|
8
|
-
export declare const webchatInitialState: WebchatState;
|
|
9
|
-
export interface UseWebchat {
|
|
10
|
-
addMessage: (message: WebchatMessage) => void;
|
|
11
|
-
addMessageComponent: (message: {
|
|
12
|
-
props: WebchatMessage;
|
|
13
|
-
}) => void;
|
|
14
|
-
clearMessages: () => void;
|
|
15
|
-
doRenderCustomComponent: (toggle: boolean) => void;
|
|
16
|
-
resetUnreadMessages: () => void;
|
|
17
|
-
setCurrentAttachment: (attachment?: File) => void;
|
|
18
|
-
setError: (error?: ErrorMessage) => void;
|
|
19
|
-
setIsInputFocused: (isInputFocused: boolean) => void;
|
|
20
|
-
setLastMessageVisible: (isLastMessageVisible: boolean) => void;
|
|
21
|
-
setOnline: (online: boolean) => void;
|
|
22
|
-
toggleCoverComponent: (toggle: boolean) => void;
|
|
23
|
-
toggleEmojiPicker: (toggle: boolean) => void;
|
|
24
|
-
togglePersistentMenu: (toggle: boolean) => void;
|
|
25
|
-
toggleWebchat: (toggle: boolean) => void;
|
|
26
|
-
updateDevSettings: (settings: DevSettings) => void;
|
|
27
|
-
updateHandoff: (handoff: boolean) => void;
|
|
28
|
-
updateLastMessageDate: (date: string) => void;
|
|
29
|
-
updateLastRoutePath: (path: string) => void;
|
|
30
|
-
updateLatestInput: (input: ClientInput) => void;
|
|
31
|
-
updateMessage: (message: WebchatMessage) => void;
|
|
32
|
-
updateReplies: (replies: (typeof Reply)[]) => void;
|
|
33
|
-
updateSession: (session: Partial<Session>) => void;
|
|
34
|
-
updateTheme: (theme: ThemeProps, themeUpdates?: ThemeProps) => void;
|
|
35
|
-
updateTyping: (typing: boolean) => void;
|
|
36
|
-
updateWebview: (webview: Webview, params: Record<string, string>) => void;
|
|
37
|
-
removeReplies: () => void;
|
|
38
|
-
removeWebview: () => void;
|
|
39
|
-
webchatState: WebchatState;
|
|
40
|
-
webchatRef: React.MutableRefObject<HTMLDivElement | null>;
|
|
41
|
-
headerRef: React.MutableRefObject<HTMLDivElement | null>;
|
|
42
|
-
chatAreaRef: React.MutableRefObject<HTMLDivElement | null>;
|
|
43
|
-
scrollableMessagesListRef: React.MutableRefObject<HTMLDivElement | null>;
|
|
44
|
-
repliesRef: React.MutableRefObject<HTMLDivElement | null>;
|
|
45
|
-
inputPanelRef: React.MutableRefObject<HTMLDivElement | null>;
|
|
46
|
-
}
|
|
47
|
-
export declare function useWebchat(): UseWebchat;
|
|
@@ -1,195 +0,0 @@
|
|
|
1
|
-
import { useReducer, useRef } from 'react';
|
|
2
|
-
import { COLORS, WEBCHAT } from '../../constants';
|
|
3
|
-
import { WebchatAction } from './actions';
|
|
4
|
-
import { webchatReducer } from './webchat-reducer';
|
|
5
|
-
export const webchatInitialState = {
|
|
6
|
-
width: WEBCHAT.DEFAULTS.WIDTH,
|
|
7
|
-
height: WEBCHAT.DEFAULTS.HEIGHT,
|
|
8
|
-
messagesJSON: [],
|
|
9
|
-
messagesComponents: [],
|
|
10
|
-
replies: [],
|
|
11
|
-
latestInput: {},
|
|
12
|
-
typing: false,
|
|
13
|
-
webview: null,
|
|
14
|
-
webviewParams: null,
|
|
15
|
-
session: { user: undefined },
|
|
16
|
-
lastRoutePath: undefined,
|
|
17
|
-
handoff: false,
|
|
18
|
-
// TODO: type create a defaultTheme using ThemeProps, and put this in initialState
|
|
19
|
-
theme: {
|
|
20
|
-
headerTitle: WEBCHAT.DEFAULTS.TITLE,
|
|
21
|
-
brandColor: COLORS.BOTONIC_BLUE,
|
|
22
|
-
brandImage: WEBCHAT.DEFAULTS.LOGO,
|
|
23
|
-
triggerButtonImage: undefined,
|
|
24
|
-
textPlaceholder: WEBCHAT.DEFAULTS.PLACEHOLDER,
|
|
25
|
-
style: {
|
|
26
|
-
fontFamily: WEBCHAT.DEFAULTS.FONT_FAMILY,
|
|
27
|
-
},
|
|
28
|
-
},
|
|
29
|
-
themeUpdates: {},
|
|
30
|
-
error: {},
|
|
31
|
-
online: true,
|
|
32
|
-
devSettings: { keepSessionOnReload: false },
|
|
33
|
-
isWebchatOpen: false,
|
|
34
|
-
isEmojiPickerOpen: false,
|
|
35
|
-
isPersistentMenuOpen: false,
|
|
36
|
-
isCoverComponentOpen: false,
|
|
37
|
-
isCustomComponentRendered: false,
|
|
38
|
-
lastMessageUpdate: undefined,
|
|
39
|
-
currentAttachment: undefined,
|
|
40
|
-
numUnreadMessages: 0,
|
|
41
|
-
isLastMessageVisible: true,
|
|
42
|
-
isInputFocused: false,
|
|
43
|
-
};
|
|
44
|
-
export function useWebchat() {
|
|
45
|
-
const [webchatState, webchatDispatch] = useReducer(webchatReducer, webchatInitialState);
|
|
46
|
-
const webchatRef = useRef(null);
|
|
47
|
-
const chatAreaRef = useRef(null);
|
|
48
|
-
const inputPanelRef = useRef(null);
|
|
49
|
-
const headerRef = useRef(null);
|
|
50
|
-
const scrollableMessagesListRef = useRef(null);
|
|
51
|
-
const repliesRef = useRef(null);
|
|
52
|
-
const addMessage = (message) => webchatDispatch({ type: WebchatAction.ADD_MESSAGE, payload: message });
|
|
53
|
-
const addMessageComponent = (message) => webchatDispatch({
|
|
54
|
-
type: WebchatAction.ADD_MESSAGE_COMPONENT,
|
|
55
|
-
payload: message,
|
|
56
|
-
});
|
|
57
|
-
const updateMessage = (message) => webchatDispatch({ type: WebchatAction.UPDATE_MESSAGE, payload: message });
|
|
58
|
-
const updateReplies = (replies) => webchatDispatch({ type: WebchatAction.UPDATE_REPLIES, payload: replies });
|
|
59
|
-
const removeReplies = () => webchatDispatch({ type: WebchatAction.REMOVE_REPLIES, payload: [] });
|
|
60
|
-
const updateLatestInput = (input) => webchatDispatch({ type: WebchatAction.UPDATE_LATEST_INPUT, payload: input });
|
|
61
|
-
const updateTyping = (typing) => webchatDispatch({ type: WebchatAction.UPDATE_TYPING, payload: typing });
|
|
62
|
-
const updateWebview = (webview, params) => webchatDispatch({
|
|
63
|
-
type: WebchatAction.UPDATE_WEBVIEW,
|
|
64
|
-
payload: { webview, webviewParams: params },
|
|
65
|
-
});
|
|
66
|
-
const removeWebview = () => webchatDispatch({
|
|
67
|
-
type: WebchatAction.REMOVE_WEBVIEW,
|
|
68
|
-
});
|
|
69
|
-
const updateSession = (session) => {
|
|
70
|
-
webchatDispatch({
|
|
71
|
-
type: WebchatAction.UPDATE_SESSION,
|
|
72
|
-
payload: session,
|
|
73
|
-
});
|
|
74
|
-
};
|
|
75
|
-
const updateLastRoutePath = (path) => webchatDispatch({
|
|
76
|
-
type: WebchatAction.UPDATE_LAST_ROUTE_PATH,
|
|
77
|
-
payload: path,
|
|
78
|
-
});
|
|
79
|
-
const updateHandoff = (handoff) => webchatDispatch({
|
|
80
|
-
type: WebchatAction.UPDATE_HANDOFF,
|
|
81
|
-
payload: handoff,
|
|
82
|
-
});
|
|
83
|
-
const updateTheme = (theme, themeUpdates) => {
|
|
84
|
-
const payload = themeUpdates !== undefined ? { theme, themeUpdates } : { theme };
|
|
85
|
-
webchatDispatch({
|
|
86
|
-
type: WebchatAction.UPDATE_THEME,
|
|
87
|
-
payload,
|
|
88
|
-
});
|
|
89
|
-
};
|
|
90
|
-
const updateDevSettings = (settings) => webchatDispatch({
|
|
91
|
-
type: WebchatAction.UPDATE_DEV_SETTINGS,
|
|
92
|
-
payload: settings,
|
|
93
|
-
});
|
|
94
|
-
const toggleWebchat = (toggle) => {
|
|
95
|
-
webchatDispatch({
|
|
96
|
-
type: WebchatAction.TOGGLE_WEBCHAT,
|
|
97
|
-
payload: toggle,
|
|
98
|
-
});
|
|
99
|
-
};
|
|
100
|
-
const toggleEmojiPicker = (toggle) => webchatDispatch({
|
|
101
|
-
type: WebchatAction.TOGGLE_EMOJI_PICKER,
|
|
102
|
-
payload: toggle,
|
|
103
|
-
});
|
|
104
|
-
const togglePersistentMenu = (toggle) => webchatDispatch({
|
|
105
|
-
type: WebchatAction.TOGGLE_PERSISTENT_MENU,
|
|
106
|
-
payload: toggle,
|
|
107
|
-
});
|
|
108
|
-
const toggleCoverComponent = (toggle) => webchatDispatch({
|
|
109
|
-
type: WebchatAction.TOGGLE_COVER_COMPONENT,
|
|
110
|
-
payload: toggle,
|
|
111
|
-
});
|
|
112
|
-
const doRenderCustomComponent = (toggle) => webchatDispatch({
|
|
113
|
-
type: WebchatAction.DO_RENDER_CUSTOM_COMPONENT,
|
|
114
|
-
payload: toggle,
|
|
115
|
-
});
|
|
116
|
-
const setError = (error) => webchatDispatch({
|
|
117
|
-
type: WebchatAction.SET_ERROR,
|
|
118
|
-
payload: error,
|
|
119
|
-
});
|
|
120
|
-
const setOnline = (online) => webchatDispatch({
|
|
121
|
-
type: WebchatAction.SET_ONLINE,
|
|
122
|
-
payload: online,
|
|
123
|
-
});
|
|
124
|
-
const clearMessages = () => {
|
|
125
|
-
webchatDispatch({
|
|
126
|
-
type: WebchatAction.CLEAR_MESSAGES,
|
|
127
|
-
});
|
|
128
|
-
};
|
|
129
|
-
const updateLastMessageDate = (date) => {
|
|
130
|
-
webchatDispatch({
|
|
131
|
-
type: WebchatAction.UPDATE_LAST_MESSAGE_DATE,
|
|
132
|
-
payload: date,
|
|
133
|
-
});
|
|
134
|
-
};
|
|
135
|
-
const setCurrentAttachment = (attachment) => {
|
|
136
|
-
webchatDispatch({
|
|
137
|
-
type: WebchatAction.SET_CURRENT_ATTACHMENT,
|
|
138
|
-
payload: attachment,
|
|
139
|
-
});
|
|
140
|
-
};
|
|
141
|
-
const resetUnreadMessages = () => {
|
|
142
|
-
webchatDispatch({
|
|
143
|
-
type: WebchatAction.RESET_UNREAD_MESSAGES,
|
|
144
|
-
});
|
|
145
|
-
};
|
|
146
|
-
const setLastMessageVisible = (isLastMessageVisible) => {
|
|
147
|
-
webchatDispatch({
|
|
148
|
-
type: WebchatAction.SET_LAST_MESSAGE_VISIBLE,
|
|
149
|
-
payload: isLastMessageVisible,
|
|
150
|
-
});
|
|
151
|
-
};
|
|
152
|
-
const setIsInputFocused = (isInputFocused) => {
|
|
153
|
-
webchatDispatch({
|
|
154
|
-
type: WebchatAction.SET_IS_INPUT_FOCUSED,
|
|
155
|
-
payload: isInputFocused,
|
|
156
|
-
});
|
|
157
|
-
};
|
|
158
|
-
return {
|
|
159
|
-
addMessage,
|
|
160
|
-
addMessageComponent,
|
|
161
|
-
clearMessages,
|
|
162
|
-
doRenderCustomComponent,
|
|
163
|
-
resetUnreadMessages,
|
|
164
|
-
setCurrentAttachment,
|
|
165
|
-
setError,
|
|
166
|
-
setIsInputFocused,
|
|
167
|
-
setLastMessageVisible,
|
|
168
|
-
setOnline,
|
|
169
|
-
toggleCoverComponent,
|
|
170
|
-
toggleEmojiPicker,
|
|
171
|
-
togglePersistentMenu,
|
|
172
|
-
toggleWebchat,
|
|
173
|
-
updateDevSettings,
|
|
174
|
-
updateHandoff,
|
|
175
|
-
updateLastMessageDate,
|
|
176
|
-
updateLastRoutePath,
|
|
177
|
-
updateLatestInput,
|
|
178
|
-
updateMessage,
|
|
179
|
-
updateReplies,
|
|
180
|
-
updateSession,
|
|
181
|
-
updateTheme,
|
|
182
|
-
updateTyping,
|
|
183
|
-
updateWebview,
|
|
184
|
-
removeReplies,
|
|
185
|
-
removeWebview,
|
|
186
|
-
webchatState,
|
|
187
|
-
webchatRef,
|
|
188
|
-
headerRef,
|
|
189
|
-
chatAreaRef,
|
|
190
|
-
scrollableMessagesListRef,
|
|
191
|
-
repliesRef,
|
|
192
|
-
inputPanelRef,
|
|
193
|
-
};
|
|
194
|
-
}
|
|
195
|
-
//# sourceMappingURL=use-webchat.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"use-webchat.js","sourceRoot":"","sources":["../../../../src/webchat/context/use-webchat.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAI1C,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAGjD,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAEzC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAElD,MAAM,CAAC,MAAM,mBAAmB,GAAiB;IAC/C,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC,KAAK;IAC7B,MAAM,EAAE,OAAO,CAAC,QAAQ,CAAC,MAAM;IAC/B,YAAY,EAAE,EAAE;IAChB,kBAAkB,EAAE,EAAE;IACtB,OAAO,EAAE,EAAE;IACX,WAAW,EAAE,EAAE;IACf,MAAM,EAAE,KAAK;IACb,OAAO,EAAE,IAAI;IACb,aAAa,EAAE,IAAI;IACnB,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;IAC5B,aAAa,EAAE,SAAS;IACxB,OAAO,EAAE,KAAK;IACd,kFAAkF;IAClF,KAAK,EAAE;QACL,WAAW,EAAE,OAAO,CAAC,QAAQ,CAAC,KAAK;QACnC,UAAU,EAAE,MAAM,CAAC,YAAY;QAC/B,UAAU,EAAE,OAAO,CAAC,QAAQ,CAAC,IAAI;QACjC,kBAAkB,EAAE,SAAS;QAC7B,eAAe,EAAE,OAAO,CAAC,QAAQ,CAAC,WAAW;QAC7C,KAAK,EAAE;YACL,UAAU,EAAE,OAAO,CAAC,QAAQ,CAAC,WAAW;SACzC;KACF;IACD,YAAY,EAAE,EAAE;IAChB,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,IAAI;IACZ,WAAW,EAAE,EAAE,mBAAmB,EAAE,KAAK,EAAE;IAC3C,aAAa,EAAE,KAAK;IACpB,iBAAiB,EAAE,KAAK;IACxB,oBAAoB,EAAE,KAAK;IAC3B,oBAAoB,EAAE,KAAK;IAC3B,yBAAyB,EAAE,KAAK;IAChC,iBAAiB,EAAE,SAAS;IAC5B,iBAAiB,EAAE,SAAS;IAC5B,iBAAiB,EAAE,CAAC;IACpB,oBAAoB,EAAE,IAAI;IAC1B,cAAc,EAAE,KAAK;CACtB,CAAA;AAuCD,MAAM,UAAU,UAAU;IACxB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,UAAU,CAChD,cAAc,EACd,mBAAmB,CACpB,CAAA;IAED,MAAM,UAAU,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IACtD,MAAM,WAAW,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IACvD,MAAM,aAAa,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IACzD,MAAM,SAAS,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IACrD,MAAM,yBAAyB,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IACrE,MAAM,UAAU,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IAEtD,MAAM,UAAU,GAAG,CAAC,OAAuB,EAAE,EAAE,CAC7C,eAAe,CAAC,EAAE,IAAI,EAAE,aAAa,CAAC,WAAW,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAA;IAExE,MAAM,mBAAmB,GAAG,CAAC,OAAkC,EAAE,EAAE,CACjE,eAAe,CAAC;QACd,IAAI,EAAE,aAAa,CAAC,qBAAqB;QACzC,OAAO,EAAE,OAAO;KACjB,CAAC,CAAA;IAEJ,MAAM,aAAa,GAAG,CAAC,OAAuB,EAAE,EAAE,CAChD,eAAe,CAAC,EAAE,IAAI,EAAE,aAAa,CAAC,cAAc,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAA;IAE3E,MAAM,aAAa,GAAG,CAAC,OAAyB,EAAE,EAAE,CAClD,eAAe,CAAC,EAAE,IAAI,EAAE,aAAa,CAAC,cAAc,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAA;IAE3E,MAAM,aAAa,GAAG,GAAG,EAAE,CACzB,eAAe,CAAC,EAAE,IAAI,EAAE,aAAa,CAAC,cAAc,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAA;IAEtE,MAAM,iBAAiB,GAAG,CAAC,KAAkB,EAAE,EAAE,CAC/C,eAAe,CAAC,EAAE,IAAI,EAAE,aAAa,CAAC,mBAAmB,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAA;IAE9E,MAAM,YAAY,GAAG,CAAC,MAAe,EAAE,EAAE,CACvC,eAAe,CAAC,EAAE,IAAI,EAAE,aAAa,CAAC,aAAa,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAA;IAEzE,MAAM,aAAa,GAAG,CAAC,OAAgB,EAAE,MAA8B,EAAE,EAAE,CACzE,eAAe,CAAC;QACd,IAAI,EAAE,aAAa,CAAC,cAAc;QAClC,OAAO,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE;KAC5C,CAAC,CAAA;IAEJ,MAAM,aAAa,GAAG,GAAG,EAAE,CACzB,eAAe,CAAC;QACd,IAAI,EAAE,aAAa,CAAC,cAAc;KACnC,CAAC,CAAA;IAEJ,MAAM,aAAa,GAAG,CAAC,OAAyB,EAAE,EAAE;QAClD,eAAe,CAAC;YACd,IAAI,EAAE,aAAa,CAAC,cAAc;YAClC,OAAO,EAAE,OAAO;SACjB,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,mBAAmB,GAAG,CAAC,IAAY,EAAE,EAAE,CAC3C,eAAe,CAAC;QACd,IAAI,EAAE,aAAa,CAAC,sBAAsB;QAC1C,OAAO,EAAE,IAAI;KACd,CAAC,CAAA;IAEJ,MAAM,aAAa,GAAG,CAAC,OAAgB,EAAE,EAAE,CACzC,eAAe,CAAC;QACd,IAAI,EAAE,aAAa,CAAC,cAAc;QAClC,OAAO,EAAE,OAAO;KACjB,CAAC,CAAA;IAEJ,MAAM,WAAW,GAAG,CAAC,KAAiB,EAAE,YAAyB,EAAE,EAAE;QACnE,MAAM,OAAO,GACX,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAA;QAClE,eAAe,CAAC;YACd,IAAI,EAAE,aAAa,CAAC,YAAY;YAChC,OAAO;SACR,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,iBAAiB,GAAG,CAAC,QAAqB,EAAE,EAAE,CAClD,eAAe,CAAC;QACd,IAAI,EAAE,aAAa,CAAC,mBAAmB;QACvC,OAAO,EAAE,QAAQ;KAClB,CAAC,CAAA;IAEJ,MAAM,aAAa,GAAG,CAAC,MAAe,EAAE,EAAE;QACxC,eAAe,CAAC;YACd,IAAI,EAAE,aAAa,CAAC,cAAc;YAClC,OAAO,EAAE,MAAM;SAChB,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,iBAAiB,GAAG,CAAC,MAAe,EAAE,EAAE,CAC5C,eAAe,CAAC;QACd,IAAI,EAAE,aAAa,CAAC,mBAAmB;QACvC,OAAO,EAAE,MAAM;KAChB,CAAC,CAAA;IAEJ,MAAM,oBAAoB,GAAG,CAAC,MAAe,EAAE,EAAE,CAC/C,eAAe,CAAC;QACd,IAAI,EAAE,aAAa,CAAC,sBAAsB;QAC1C,OAAO,EAAE,MAAM;KAChB,CAAC,CAAA;IAEJ,MAAM,oBAAoB,GAAG,CAAC,MAAe,EAAE,EAAE,CAC/C,eAAe,CAAC;QACd,IAAI,EAAE,aAAa,CAAC,sBAAsB;QAC1C,OAAO,EAAE,MAAM;KAChB,CAAC,CAAA;IAEJ,MAAM,uBAAuB,GAAG,CAAC,MAAe,EAAE,EAAE,CAClD,eAAe,CAAC;QACd,IAAI,EAAE,aAAa,CAAC,0BAA0B;QAC9C,OAAO,EAAE,MAAM;KAChB,CAAC,CAAA;IAEJ,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE,CACxC,eAAe,CAAC;QACd,IAAI,EAAE,aAAa,CAAC,SAAS;QAC7B,OAAO,EAAE,KAAK;KACf,CAAC,CAAA;IAEJ,MAAM,SAAS,GAAG,CAAC,MAAe,EAAE,EAAE,CACpC,eAAe,CAAC;QACd,IAAI,EAAE,aAAa,CAAC,UAAU;QAC9B,OAAO,EAAE,MAAM;KAChB,CAAC,CAAA;IAEJ,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,eAAe,CAAC;YACd,IAAI,EAAE,aAAa,CAAC,cAAc;SACnC,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,qBAAqB,GAAG,CAAC,IAAY,EAAE,EAAE;QAC7C,eAAe,CAAC;YACd,IAAI,EAAE,aAAa,CAAC,wBAAwB;YAC5C,OAAO,EAAE,IAAI;SACd,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,oBAAoB,GAAG,CAAC,UAAiB,EAAE,EAAE;QACjD,eAAe,CAAC;YACd,IAAI,EAAE,aAAa,CAAC,sBAAsB;YAC1C,OAAO,EAAE,UAAU;SACpB,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,eAAe,CAAC;YACd,IAAI,EAAE,aAAa,CAAC,qBAAqB;SAC1C,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,qBAAqB,GAAG,CAAC,oBAA6B,EAAE,EAAE;QAC9D,eAAe,CAAC;YACd,IAAI,EAAE,aAAa,CAAC,wBAAwB;YAC5C,OAAO,EAAE,oBAAoB;SAC9B,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,MAAM,iBAAiB,GAAG,CAAC,cAAuB,EAAE,EAAE;QACpD,eAAe,CAAC;YACd,IAAI,EAAE,aAAa,CAAC,oBAAoB;YACxC,OAAO,EAAE,cAAc;SACxB,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,OAAO;QACL,UAAU;QACV,mBAAmB;QACnB,aAAa;QACb,uBAAuB;QACvB,mBAAmB;QACnB,oBAAoB;QACpB,QAAQ;QACR,iBAAiB;QACjB,qBAAqB;QACrB,SAAS;QACT,oBAAoB;QACpB,iBAAiB;QACjB,oBAAoB;QACpB,aAAa;QACb,iBAAiB;QACjB,aAAa;QACb,qBAAqB;QACrB,mBAAmB;QACnB,iBAAiB;QACjB,aAAa;QACb,aAAa;QACb,aAAa;QACb,WAAW;QACX,YAAY;QACZ,aAAa;QACb,aAAa;QACb,aAAa;QACb,YAAY;QACZ,UAAU;QACV,SAAS;QACT,WAAW;QACX,yBAAyB;QACzB,UAAU;QACV,aAAa;KACd,CAAA;AACH,CAAC"}
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import { WebchatAction } from './actions';
|
|
2
|
-
import { messagesReducer } from './messages-reducer';
|
|
3
|
-
// eslint-disable-next-line complexity
|
|
4
|
-
export function webchatReducer(state, action) {
|
|
5
|
-
switch (action.type) {
|
|
6
|
-
case WebchatAction.UPDATE_WEBVIEW:
|
|
7
|
-
return Object.assign(Object.assign({}, state), action.payload);
|
|
8
|
-
case WebchatAction.REMOVE_WEBVIEW:
|
|
9
|
-
return Object.assign(Object.assign({}, state), { webview: null, webviewParams: null });
|
|
10
|
-
case WebchatAction.UPDATE_SESSION:
|
|
11
|
-
return Object.assign(Object.assign({}, state), { session: Object.assign({}, action.payload) });
|
|
12
|
-
case WebchatAction.UPDATE_TYPING:
|
|
13
|
-
return Object.assign(Object.assign({}, state), { typing: action.payload });
|
|
14
|
-
case WebchatAction.UPDATE_THEME:
|
|
15
|
-
return Object.assign(Object.assign({}, state), action.payload);
|
|
16
|
-
case WebchatAction.UPDATE_HANDOFF:
|
|
17
|
-
return Object.assign(Object.assign({}, state), { handoff: action.payload });
|
|
18
|
-
case WebchatAction.TOGGLE_WEBCHAT: {
|
|
19
|
-
const isWebchatOpen = action.payload;
|
|
20
|
-
return Object.assign(Object.assign({}, state), { isWebchatOpen });
|
|
21
|
-
}
|
|
22
|
-
case WebchatAction.TOGGLE_EMOJI_PICKER:
|
|
23
|
-
return Object.assign(Object.assign({}, state), { isEmojiPickerOpen: action.payload });
|
|
24
|
-
case WebchatAction.TOGGLE_PERSISTENT_MENU:
|
|
25
|
-
return Object.assign(Object.assign({}, state), { isPersistentMenuOpen: action.payload });
|
|
26
|
-
case WebchatAction.TOGGLE_COVER_COMPONENT:
|
|
27
|
-
return Object.assign(Object.assign({}, state), { isCoverComponentOpen: action.payload });
|
|
28
|
-
case WebchatAction.DO_RENDER_CUSTOM_COMPONENT:
|
|
29
|
-
return Object.assign(Object.assign({}, state), { isCustomComponentRendered: action.payload });
|
|
30
|
-
case WebchatAction.SET_ERROR:
|
|
31
|
-
return Object.assign(Object.assign({}, state), { error: action.payload || {} });
|
|
32
|
-
case WebchatAction.SET_ONLINE:
|
|
33
|
-
return Object.assign(Object.assign({}, state), { online: action.payload });
|
|
34
|
-
case WebchatAction.UPDATE_DEV_SETTINGS:
|
|
35
|
-
return Object.assign(Object.assign({}, state), { devSettings: Object.assign({}, action.payload) });
|
|
36
|
-
case WebchatAction.UPDATE_LATEST_INPUT:
|
|
37
|
-
return Object.assign(Object.assign({}, state), { latestInput: action.payload });
|
|
38
|
-
case WebchatAction.UPDATE_LAST_ROUTE_PATH:
|
|
39
|
-
return Object.assign(Object.assign({}, state), { lastRoutePath: action.payload });
|
|
40
|
-
case WebchatAction.SET_CURRENT_ATTACHMENT:
|
|
41
|
-
return Object.assign(Object.assign({}, state), { currentAttachment: action.payload });
|
|
42
|
-
case WebchatAction.SET_IS_INPUT_FOCUSED:
|
|
43
|
-
return Object.assign(Object.assign({}, state), { isInputFocused: action.payload });
|
|
44
|
-
default:
|
|
45
|
-
return messagesReducer(state, action);
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
//# sourceMappingURL=webchat-reducer.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"webchat-reducer.js","sourceRoot":"","sources":["../../../../src/webchat/context/webchat-reducer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAGpD,sCAAsC;AACtC,MAAM,UAAU,cAAc,CAC5B,KAAmB,EACnB,MAA8C;IAE9C,QAAQ,MAAM,CAAC,IAAI,EAAE;QACnB,KAAK,aAAa,CAAC,cAAc;YAC/B,uCAAY,KAAK,GAAK,MAAM,CAAC,OAAO,EAAE;QACxC,KAAK,aAAa,CAAC,cAAc;YAC/B,uCAAY,KAAK,KAAE,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,IAAE;QACzD,KAAK,aAAa,CAAC,cAAc;YAC/B,uCAAY,KAAK,KAAE,OAAO,oBAAO,MAAM,CAAC,OAAO,KAAI;QACrD,KAAK,aAAa,CAAC,aAAa;YAC9B,uCAAY,KAAK,KAAE,MAAM,EAAE,MAAM,CAAC,OAAO,IAAE;QAC7C,KAAK,aAAa,CAAC,YAAY;YAC7B,uCACK,KAAK,GACL,MAAM,CAAC,OAAO,EAClB;QACH,KAAK,aAAa,CAAC,cAAc;YAC/B,uCAAY,KAAK,KAAE,OAAO,EAAE,MAAM,CAAC,OAAO,IAAE;QAC9C,KAAK,aAAa,CAAC,cAAc,CAAC,CAAC;YACjC,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAA;YACpC,uCACK,KAAK,KACR,aAAa,IACd;SACF;QACD,KAAK,aAAa,CAAC,mBAAmB;YACpC,uCAAY,KAAK,KAAE,iBAAiB,EAAE,MAAM,CAAC,OAAO,IAAE;QACxD,KAAK,aAAa,CAAC,sBAAsB;YACvC,uCAAY,KAAK,KAAE,oBAAoB,EAAE,MAAM,CAAC,OAAO,IAAE;QAC3D,KAAK,aAAa,CAAC,sBAAsB;YACvC,uCAAY,KAAK,KAAE,oBAAoB,EAAE,MAAM,CAAC,OAAO,IAAE;QAC3D,KAAK,aAAa,CAAC,0BAA0B;YAC3C,uCAAY,KAAK,KAAE,yBAAyB,EAAE,MAAM,CAAC,OAAO,IAAE;QAChE,KAAK,aAAa,CAAC,SAAS;YAC1B,uCAAY,KAAK,KAAE,KAAK,EAAE,MAAM,CAAC,OAAO,IAAI,EAAE,IAAE;QAClD,KAAK,aAAa,CAAC,UAAU;YAC3B,uCAAY,KAAK,KAAE,MAAM,EAAE,MAAM,CAAC,OAAO,IAAE;QAC7C,KAAK,aAAa,CAAC,mBAAmB;YACpC,uCAAY,KAAK,KAAE,WAAW,oBAAO,MAAM,CAAC,OAAO,KAAI;QACzD,KAAK,aAAa,CAAC,mBAAmB;YACpC,uCAAY,KAAK,KAAE,WAAW,EAAE,MAAM,CAAC,OAAO,IAAE;QAClD,KAAK,aAAa,CAAC,sBAAsB;YACvC,uCAAY,KAAK,KAAE,aAAa,EAAE,MAAM,CAAC,OAAO,IAAE;QACpD,KAAK,aAAa,CAAC,sBAAsB;YACvC,uCAAY,KAAK,KAAE,iBAAiB,EAAE,MAAM,CAAC,OAAO,IAAE;QACxD,KAAK,aAAa,CAAC,oBAAoB;YACrC,uCAAY,KAAK,KAAE,cAAc,EAAE,MAAM,CAAC,OAAO,IAAE;QACrD;YACE,OAAO,eAAe,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;KACxC;AACH,CAAC"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useContext } from 'react';
|
|
3
|
-
import { WEBCHAT } from '../../constants';
|
|
4
|
-
import { WebchatContext } from '../context';
|
|
5
|
-
export const CoverComponent = ({ component, componentProps }) => {
|
|
6
|
-
const { getThemeProperty, toggleCoverComponent, webchatState } = useContext(WebchatContext);
|
|
7
|
-
const Cover = component;
|
|
8
|
-
const coverComponentProps = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.coverComponentProps, componentProps);
|
|
9
|
-
const closeCoverComponent = () => {
|
|
10
|
-
toggleCoverComponent(false);
|
|
11
|
-
};
|
|
12
|
-
if (!Cover || !webchatState.isCoverComponentOpen) {
|
|
13
|
-
return null;
|
|
14
|
-
}
|
|
15
|
-
return _jsx(Cover, Object.assign({ closeComponent: closeCoverComponent }, coverComponentProps));
|
|
16
|
-
};
|
|
17
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/cover-component/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAO3C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,SAAS,EAAE,cAAc,EAAS,EAAE,EAAE;IACrE,MAAM,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,YAAY,EAAE,GAC5D,UAAU,CAAC,cAAc,CAAC,CAAA;IAE5B,MAAM,KAAK,GAAG,SAAS,CAAA;IAEvB,MAAM,mBAAmB,GAAG,gBAAgB,CAC1C,OAAO,CAAC,iBAAiB,CAAC,mBAAmB,EAC7C,cAAc,CACf,CAAA;IAED,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,oBAAoB,CAAC,KAAK,CAAC,CAAA;IAC7B,CAAC,CAAA;IAED,IAAI,CAAC,KAAK,IAAI,CAAC,YAAY,CAAC,oBAAoB,EAAE;QAChD,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,KAAC,KAAK,kBAAC,cAAc,EAAE,mBAAmB,IAAM,mBAAmB,EAAI,CAAA;AAChF,CAAC,CAAA"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
export const DEVICES = Object.freeze({
|
|
2
|
-
MOBILE: {
|
|
3
|
-
IPHONE: 'iPhone',
|
|
4
|
-
ANDROID: 'Android',
|
|
5
|
-
WEBOS: 'webOS',
|
|
6
|
-
BLACKBERRY: 'BlackBerry',
|
|
7
|
-
WINDOWS_PHONE: 'Windows Phone',
|
|
8
|
-
},
|
|
9
|
-
});
|
|
10
|
-
export const isDevice = deviceName => {
|
|
11
|
-
// https://stackoverflow.com/questions/19877924/what-is-the-list-of-possible-values-for-navigator-platform-as-of-today
|
|
12
|
-
return (!!navigator.platform &&
|
|
13
|
-
navigator.platform.toLowerCase().includes(deviceName.toLowerCase()));
|
|
14
|
-
};
|
|
15
|
-
export const isMobileDevice = () => {
|
|
16
|
-
return Object.values(DEVICES.MOBILE).some(deviceName => isDevice(deviceName));
|
|
17
|
-
};
|
|
18
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/devices/index.js"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC;IACnC,MAAM,EAAE;QACN,MAAM,EAAE,QAAQ;QAChB,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,OAAO;QACd,UAAU,EAAE,YAAY;QACxB,aAAa,EAAE,eAAe;KAC/B;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAC,EAAE;IACnC,sHAAsH;IACtH,OAAO,CACL,CAAC,CAAC,SAAS,CAAC,QAAQ;QACpB,SAAS,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC,CACpE,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,OAAO,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAA;AAC/E,CAAC,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const DefaultHeader: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useContext } from 'react';
|
|
3
|
-
import { COLORS, ROLES, WEBCHAT } from '../../constants';
|
|
4
|
-
import { Scale } from '../../shared/styles';
|
|
5
|
-
import { resolveImage } from '../../util/environment';
|
|
6
|
-
import { ConditionalWrapper } from '../../util/react';
|
|
7
|
-
import { WebchatContext } from '../../webchat/context';
|
|
8
|
-
import { CloseHeader, HeaderContainer, ImageContainer, Subtitle, TextContainer, Title, } from './styles';
|
|
9
|
-
export const DefaultHeader = () => {
|
|
10
|
-
const { getThemeProperty, toggleWebchat } = useContext(WebchatContext);
|
|
11
|
-
const animationsEnabled = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.enableAnimations, true);
|
|
12
|
-
const headerImage = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.headerImage, getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.brandImage, WEBCHAT.DEFAULTS.LOGO));
|
|
13
|
-
const headerTitle = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.headerTitle, WEBCHAT.DEFAULTS.TITLE);
|
|
14
|
-
const headerSubtitle = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.headerSubtitle, '');
|
|
15
|
-
const handleCloseWebchat = () => {
|
|
16
|
-
toggleWebchat(false);
|
|
17
|
-
};
|
|
18
|
-
const color = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.brandColor, COLORS.BOTONIC_BLUE);
|
|
19
|
-
return (_jsxs(HeaderContainer, Object.assign({ role: ROLES.HEADER, color: color, style: Object.assign({}, getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.headerStyle)) }, { children: [headerImage && (_jsx(ImageContainer, { children: _jsx("img", { src: resolveImage(headerImage) }) })), _jsxs(TextContainer, { children: [_jsx(Title, { children: headerTitle }), headerSubtitle ? _jsx(Subtitle, { children: headerSubtitle }) : null] }), _jsx(ConditionalWrapper, Object.assign({ condition: animationsEnabled, wrapper: children => _jsx(Scale, { children: children }) }, { children: _jsx(CloseHeader, Object.assign({ onClick: handleCloseWebchat }, { children: "\u2A2F" })) }))] })));
|
|
20
|
-
};
|
|
21
|
-
//# sourceMappingURL=default-header.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"default-header.js","sourceRoot":"","sources":["../../../../src/webchat/header/default-header.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,EACL,WAAW,EACX,eAAe,EACf,cAAc,EACd,QAAQ,EACR,aAAa,EACb,KAAK,GACN,MAAM,UAAU,CAAA;AAEjB,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,EAAE,gBAAgB,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAEtE,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,OAAO,CAAC,iBAAiB,CAAC,gBAAgB,EAC1C,IAAI,CACL,CAAA;IAED,MAAM,WAAW,GAAG,gBAAgB,CAClC,OAAO,CAAC,iBAAiB,CAAC,WAAW,EACrC,gBAAgB,CACd,OAAO,CAAC,iBAAiB,CAAC,UAAU,EACpC,OAAO,CAAC,QAAQ,CAAC,IAAI,CACtB,CACF,CAAA;IAED,MAAM,WAAW,GAAG,gBAAgB,CAClC,OAAO,CAAC,iBAAiB,CAAC,WAAW,EACrC,OAAO,CAAC,QAAQ,CAAC,KAAK,CACvB,CAAA;IAED,MAAM,cAAc,GAAG,gBAAgB,CACrC,OAAO,CAAC,iBAAiB,CAAC,cAAc,EACxC,EAAE,CACH,CAAA;IAED,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,aAAa,CAAC,KAAK,CAAC,CAAA;IACtB,CAAC,CAAA;IAED,MAAM,KAAK,GAAG,gBAAgB,CAC5B,OAAO,CAAC,iBAAiB,CAAC,UAAU,EACpC,MAAM,CAAC,YAAY,CACpB,CAAA;IAED,OAAO,CACL,MAAC,eAAe,kBACd,IAAI,EAAE,KAAK,CAAC,MAAM,EAClB,KAAK,EAAE,KAAK,EACZ,KAAK,oBAAO,gBAAgB,CAAC,OAAO,CAAC,iBAAiB,CAAC,WAAW,CAAC,kBAElE,WAAW,IAAI,CACd,KAAC,cAAc,cACb,cAAK,GAAG,EAAE,YAAY,CAAC,WAAW,CAAC,GAAI,GACxB,CAClB,EACD,MAAC,aAAa,eACZ,KAAC,KAAK,cAAE,WAAW,GAAS,EAC3B,cAAc,CAAC,CAAC,CAAC,KAAC,QAAQ,cAAE,cAAc,GAAY,CAAC,CAAC,CAAC,IAAI,IAChD,EAChB,KAAC,kBAAkB,kBACjB,SAAS,EAAE,iBAAiB,EAC5B,OAAO,EAAE,QAAQ,CAAC,EAAE,CAAC,KAAC,KAAK,cAAE,QAAQ,GAAS,gBAE9C,KAAC,WAAW,kBAAC,OAAO,EAAE,kBAAkB,4BAAiB,IACtC,KACL,CACnB,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef, useContext } from 'react';
|
|
3
|
-
import { WEBCHAT } from '../../constants';
|
|
4
|
-
import { WebchatContext } from '../../webchat/context';
|
|
5
|
-
import { BotonicContainerId } from '../constants';
|
|
6
|
-
import { DefaultHeader } from './default-header';
|
|
7
|
-
import { StyledWebchatHeader } from './styles';
|
|
8
|
-
export const WebchatHeader = forwardRef((_, ref) => {
|
|
9
|
-
const { getThemeProperty, toggleWebchat } = useContext(WebchatContext);
|
|
10
|
-
const handleCloseWebchat = () => {
|
|
11
|
-
toggleWebchat(false);
|
|
12
|
-
};
|
|
13
|
-
const CustomHeader = getThemeProperty(WEBCHAT.CUSTOM_PROPERTIES.customHeader);
|
|
14
|
-
if (CustomHeader) {
|
|
15
|
-
return (_jsx("div", Object.assign({ id: BotonicContainerId.Header, ref: ref }, { children: _jsx(CustomHeader, { onCloseClick: handleCloseWebchat }) })));
|
|
16
|
-
}
|
|
17
|
-
return (_jsx(StyledWebchatHeader, Object.assign({ id: BotonicContainerId.Header, ref: ref }, { children: _jsx(DefaultHeader, {}) })));
|
|
18
|
-
});
|
|
19
|
-
WebchatHeader.displayName = 'WebchatHeader';
|
|
20
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/header/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAgB,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEnE,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAA;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAE9C,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CACrC,CAAC,CAAC,EAAE,GAAiC,EAAE,EAAE;IACvC,MAAM,EAAE,gBAAgB,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAEtE,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,aAAa,CAAC,KAAK,CAAC,CAAA;IACtB,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,gBAAgB,CACnC,OAAO,CAAC,iBAAiB,CAAC,YAAY,CACvC,CAAA;IAED,IAAI,YAAY,EAAE;QAChB,OAAO,CACL,4BAAK,EAAE,EAAE,kBAAkB,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,gBAC1C,KAAC,YAAY,IAAC,YAAY,EAAE,kBAAkB,GAAI,IAC9C,CACP,CAAA;KACF;IAED,OAAO,CACL,KAAC,mBAAmB,kBAAC,EAAE,EAAE,kBAAkB,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,gBAC1D,KAAC,aAAa,KAAG,IACG,CACvB,CAAA;AACH,CAAC,CACF,CAAA;AAED,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
export declare const HeaderContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
2
|
-
export declare const ImageContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
3
|
-
export declare const TextContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
4
|
-
export declare const Title: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
5
|
-
export declare const Subtitle: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
6
|
-
export declare const CloseHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
7
|
-
export declare const StyledWebchatHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import styled from 'styled-components';
|
|
2
|
-
import { COLORS, WEBCHAT } from '../../constants';
|
|
3
|
-
export const HeaderContainer = styled.div `
|
|
4
|
-
display: flex;
|
|
5
|
-
background: linear-gradient(
|
|
6
|
-
90deg,
|
|
7
|
-
${COLORS.BLEACHED_CEDAR_PURPLE} 0%,
|
|
8
|
-
${props => props.color} 100%
|
|
9
|
-
);
|
|
10
|
-
border-radius: ${WEBCHAT.DEFAULTS.BORDER_RADIUS_TOP_CORNERS};
|
|
11
|
-
z-index: 2;
|
|
12
|
-
height: inherit;
|
|
13
|
-
`;
|
|
14
|
-
export const ImageContainer = styled.div `
|
|
15
|
-
padding: 10px;
|
|
16
|
-
align-items: center;
|
|
17
|
-
|
|
18
|
-
img {
|
|
19
|
-
width: 32px;
|
|
20
|
-
border-radius: 50%;
|
|
21
|
-
}
|
|
22
|
-
`;
|
|
23
|
-
export const TextContainer = styled.div `
|
|
24
|
-
display: flex;
|
|
25
|
-
flex-direction: column;
|
|
26
|
-
justify-content: center;
|
|
27
|
-
flex: 1 1 auto;
|
|
28
|
-
`;
|
|
29
|
-
export const Title = styled.div `
|
|
30
|
-
display: flex;
|
|
31
|
-
font-family: inherit;
|
|
32
|
-
font-size: 15px;
|
|
33
|
-
font-weight: bold;
|
|
34
|
-
color: ${COLORS.SOLID_WHITE};
|
|
35
|
-
`;
|
|
36
|
-
export const Subtitle = styled.div `
|
|
37
|
-
display: flex;
|
|
38
|
-
font-family: inherit;
|
|
39
|
-
font-size: 11px;
|
|
40
|
-
color: ${COLORS.SOLID_WHITE};
|
|
41
|
-
`;
|
|
42
|
-
export const CloseHeader = styled.div `
|
|
43
|
-
padding: 0px 16px;
|
|
44
|
-
cursor: pointer;
|
|
45
|
-
color: ${COLORS.SOLID_WHITE};
|
|
46
|
-
font-family: inherit;
|
|
47
|
-
font-size: 36px;
|
|
48
|
-
`;
|
|
49
|
-
export const StyledWebchatHeader = styled.div `
|
|
50
|
-
border-radius: 8px 8px 0px 0px;
|
|
51
|
-
box-shadow: ${COLORS.PIGEON_POST_BLUE_ALPHA_0_5} 0px 2px 5px;
|
|
52
|
-
height: 55px;
|
|
53
|
-
flex: none;
|
|
54
|
-
`;
|
|
55
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/webchat/header/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAEjD,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;MAInC,MAAM,CAAC,qBAAqB;MAC5B,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK;;mBAEP,OAAO,CAAC,QAAQ,CAAC,yBAAyB;;;CAG5D,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;CAQvC,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAKtC,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;WAKpB,MAAM,CAAC,WAAW;CAC5B,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;;;;WAIvB,MAAM,CAAC,WAAW;CAC5B,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;WAG1B,MAAM,CAAC,WAAW;;;CAG5B,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAA;;gBAE7B,MAAM,CAAC,0BAA0B;;;CAGhD,CAAA"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
export { useComponentVisible } from './use-component-visible';
|
|
2
|
-
export { useComponentWillMount } from './use-component-will-mount';
|
|
3
|
-
export { useDeviceAdapter } from './use-device-adapter';
|
|
4
|
-
export { usePrevious } from './use-previous';
|
|
5
|
-
export { useScrollToBottom } from './use-scroll-to-bottom';
|
|
6
|
-
export { useScrollbarController } from './use-scrollbar-controller';
|
|
7
|
-
export { useTyping } from './use-typing';
|
|
8
|
-
export { useVirtualKeyboardDetection } from './use-virtual-keyboard-detection';
|
|
9
|
-
export { useWebchatDimensions } from './use-webchat-dimensions';
|
|
10
|
-
export { useWebchatResizer } from './use-webchat-resizer';
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
export { useComponentVisible } from './use-component-visible';
|
|
2
|
-
export { useComponentWillMount } from './use-component-will-mount';
|
|
3
|
-
export { useDeviceAdapter } from './use-device-adapter';
|
|
4
|
-
export { usePrevious } from './use-previous';
|
|
5
|
-
export { useScrollToBottom } from './use-scroll-to-bottom';
|
|
6
|
-
export { useScrollbarController } from './use-scrollbar-controller';
|
|
7
|
-
export { useTyping } from './use-typing';
|
|
8
|
-
export { useVirtualKeyboardDetection } from './use-virtual-keyboard-detection';
|
|
9
|
-
export { useWebchatDimensions } from './use-webchat-dimensions';
|
|
10
|
-
export { useWebchatResizer } from './use-webchat-resizer';
|
|
11
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AAC7D,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAA;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAA;AAC9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
interface ComponentVisible {
|
|
3
|
-
ref: React.RefObject<HTMLElement>;
|
|
4
|
-
isComponentVisible: boolean;
|
|
5
|
-
setIsComponentVisible: React.Dispatch<React.SetStateAction<boolean>>;
|
|
6
|
-
}
|
|
7
|
-
export declare function useComponentVisible(initialIsVisible: boolean, onClickOutside: () => void): ComponentVisible;
|
|
8
|
-
export {};
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { useEffect, useRef, useState } from 'react';
|
|
2
|
-
export function useComponentVisible(initialIsVisible, onClickOutside) {
|
|
3
|
-
const [isComponentVisible, setIsComponentVisible] = useState(initialIsVisible);
|
|
4
|
-
const ref = useRef(null);
|
|
5
|
-
const handleClickOutside = event => {
|
|
6
|
-
const target = event.path ? event.path[0] : event.target;
|
|
7
|
-
if (ref.current && !ref.current.contains(target)) {
|
|
8
|
-
setIsComponentVisible(false);
|
|
9
|
-
onClickOutside();
|
|
10
|
-
}
|
|
11
|
-
};
|
|
12
|
-
useEffect(() => {
|
|
13
|
-
document.addEventListener('click', handleClickOutside, false);
|
|
14
|
-
return () => {
|
|
15
|
-
document.removeEventListener('click', handleClickOutside, false);
|
|
16
|
-
};
|
|
17
|
-
});
|
|
18
|
-
return { ref, isComponentVisible, setIsComponentVisible };
|
|
19
|
-
}
|
|
20
|
-
//# sourceMappingURL=use-component-visible.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"use-component-visible.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-component-visible.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAQnD,MAAM,UAAU,mBAAmB,CACjC,gBAAyB,EACzB,cAA0B;IAE1B,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAA;IAC9E,MAAM,GAAG,GAAG,MAAM,CAAc,IAAI,CAAC,CAAA;IACrC,MAAM,kBAAkB,GAAG,KAAK,CAAC,EAAE;QACjC,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAA;QACxD,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;YAChD,qBAAqB,CAAC,KAAK,CAAC,CAAA;YAC5B,cAAc,EAAE,CAAA;SACjB;IACH,CAAC,CAAA;IACD,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,EAAE,KAAK,CAAC,CAAA;QAC7D,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,kBAAkB,EAAE,KAAK,CAAC,CAAA;QAClE,CAAC,CAAA;IACH,CAAC,CAAC,CAAA;IACF,OAAO,EAAE,GAAG,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,CAAA;AAC3D,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const useComponentWillMount: (func: any) => void;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"use-component-will-mount.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-component-will-mount.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,MAAM,CAAC,MAAM,qBAAqB,GAAG,IAAI,CAAC,EAAE;IAC1C,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAA;AACnB,CAAC,CAAA"}
|