@botonic/react 0.31.0-alpha.3 → 0.31.0-alpha.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/cjs/components/audio.d.ts +8 -7
- package/lib/cjs/components/audio.js +7 -4
- package/lib/cjs/components/audio.js.map +1 -1
- package/lib/cjs/components/button.js +3 -4
- package/lib/cjs/components/button.js.map +1 -1
- package/lib/cjs/components/carousel.js +2 -2
- package/lib/cjs/components/carousel.js.map +1 -1
- package/lib/cjs/components/custom-message.d.ts +16 -12
- package/lib/cjs/components/custom-message.js +3 -9
- package/lib/cjs/components/custom-message.js.map +1 -1
- package/lib/cjs/components/document.d.ts +8 -7
- package/lib/cjs/components/document.js +5 -5
- package/lib/cjs/components/document.js.map +1 -1
- package/lib/cjs/components/handoff.js +2 -2
- package/lib/cjs/components/handoff.js.map +1 -1
- package/lib/cjs/components/image.d.ts +8 -7
- package/lib/cjs/components/image.js +5 -5
- package/lib/cjs/components/image.js.map +1 -1
- package/lib/cjs/components/index-types.d.ts +33 -4
- package/lib/cjs/components/message/index.js +2 -1
- package/lib/cjs/components/message/index.js.map +1 -1
- package/lib/cjs/components/message/message-feedback.js +2 -2
- package/lib/cjs/components/message/message-feedback.js.map +1 -1
- package/lib/cjs/components/message/message-footer.js +2 -2
- package/lib/cjs/components/message/message-footer.js.map +1 -1
- package/lib/cjs/components/message/message-image.js +2 -2
- package/lib/cjs/components/message/message-image.js.map +1 -1
- package/lib/cjs/components/message/timestamps.js +2 -2
- package/lib/cjs/components/message/timestamps.js.map +1 -1
- package/lib/cjs/components/reply.d.ts +7 -6
- package/lib/cjs/components/reply.js +10 -6
- package/lib/cjs/components/reply.js.map +1 -1
- package/lib/cjs/components/video.d.ts +8 -7
- package/lib/cjs/components/video.js +2 -3
- package/lib/cjs/components/video.js.map +1 -1
- package/lib/cjs/components/webchat-settings.d.ts +1 -1
- package/lib/cjs/components/webchat-settings.js +2 -2
- package/lib/cjs/components/webchat-settings.js.map +1 -1
- package/lib/cjs/contexts.d.ts +3 -4
- package/lib/cjs/contexts.js +2 -79
- package/lib/cjs/contexts.js.map +1 -1
- package/lib/cjs/index-types.d.ts +87 -55
- package/lib/cjs/index-types.js.map +1 -1
- package/lib/cjs/index.d.ts +2 -2
- package/lib/cjs/index.js +1 -2
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/msg-to-botonic.d.ts +1 -1
- package/lib/cjs/msg-to-botonic.js +5 -8
- package/lib/cjs/msg-to-botonic.js.map +1 -1
- package/lib/cjs/util/webchat.d.ts +17 -6
- package/lib/cjs/util/webchat.js +9 -7
- package/lib/cjs/util/webchat.js.map +1 -1
- package/lib/cjs/webchat/chat-area/index.js +3 -3
- package/lib/cjs/webchat/chat-area/index.js.map +1 -1
- package/lib/cjs/webchat/components/conditional-animation.js +2 -2
- package/lib/cjs/webchat/components/conditional-animation.js.map +1 -1
- package/lib/cjs/webchat/components/opened-persistent-menu.js +2 -2
- package/lib/cjs/webchat/components/opened-persistent-menu.js.map +1 -1
- package/lib/cjs/webchat/{actions.d.ts → context/actions.d.ts} +2 -0
- package/lib/cjs/webchat/{actions.js → context/actions.js} +3 -0
- package/lib/cjs/webchat/context/actions.js.map +1 -0
- package/lib/cjs/webchat/context/index.d.ts +5 -0
- package/lib/cjs/webchat/context/index.js +83 -0
- package/lib/cjs/webchat/context/index.js.map +1 -0
- package/lib/cjs/webchat/{messages-reducer.d.ts → context/messages-reducer.d.ts} +1 -1
- package/lib/cjs/webchat/{messages-reducer.js → context/messages-reducer.js} +3 -1
- package/lib/cjs/webchat/context/messages-reducer.js.map +1 -0
- package/lib/cjs/webchat/context/types.d.ts +74 -0
- package/lib/cjs/webchat/context/types.js +3 -0
- package/lib/cjs/webchat/context/types.js.map +1 -0
- package/lib/cjs/webchat/{hooks → context}/use-webchat.d.ts +18 -19
- package/lib/cjs/webchat/{hooks → context}/use-webchat.js +10 -5
- package/lib/cjs/webchat/context/use-webchat.js.map +1 -0
- package/lib/cjs/webchat/{webchat-reducer.d.ts → context/webchat-reducer.d.ts} +1 -1
- package/lib/cjs/webchat/{webchat-reducer.js → context/webchat-reducer.js} +2 -0
- package/lib/cjs/webchat/context/webchat-reducer.js.map +1 -0
- package/lib/cjs/webchat/cover-component/index.js +2 -2
- package/lib/cjs/webchat/cover-component/index.js.map +1 -1
- package/lib/cjs/webchat/header/default-header.d.ts +1 -0
- package/lib/cjs/webchat/header/default-header.js +25 -0
- package/lib/cjs/webchat/header/default-header.js.map +1 -0
- package/lib/cjs/webchat/header/index.d.ts +2 -0
- package/lib/cjs/webchat/header/index.js +23 -0
- package/lib/cjs/webchat/header/index.js.map +1 -0
- package/lib/cjs/webchat/header/styles.d.ts +7 -0
- package/lib/cjs/webchat/header/styles.js +59 -0
- package/lib/cjs/webchat/header/styles.js.map +1 -0
- package/lib/cjs/webchat/hooks/index.d.ts +0 -1
- package/lib/cjs/webchat/hooks/index.js +1 -4
- package/lib/cjs/webchat/hooks/index.js.map +1 -1
- package/lib/cjs/webchat/hooks/use-previous.d.ts +1 -1
- package/lib/cjs/webchat/hooks/use-previous.js.map +1 -1
- package/lib/cjs/webchat/hooks/use-scrollbar-controller.js +3 -3
- package/lib/cjs/webchat/hooks/use-scrollbar-controller.js.map +1 -1
- package/lib/cjs/webchat/hooks/use-typing.d.ts +1 -1
- package/lib/cjs/webchat/hooks/use-webchat-dimensions.js +2 -2
- package/lib/cjs/webchat/hooks/use-webchat-dimensions.js.map +1 -1
- package/lib/cjs/webchat/hooks/use-webchat-resizer.js +2 -2
- package/lib/cjs/webchat/hooks/use-webchat-resizer.js.map +1 -1
- package/lib/cjs/webchat/index-types.d.ts +3 -44
- package/lib/cjs/webchat/index.d.ts +1 -0
- package/lib/cjs/webchat/index.js +3 -1
- package/lib/cjs/webchat/index.js.map +1 -1
- package/lib/cjs/webchat/input-panel/attachment.d.ts +1 -1
- package/lib/cjs/webchat/input-panel/attachment.js +2 -2
- package/lib/cjs/webchat/input-panel/attachment.js.map +1 -1
- package/lib/cjs/webchat/input-panel/emoji-picker.d.ts +1 -1
- package/lib/cjs/webchat/input-panel/emoji-picker.js +2 -2
- package/lib/cjs/webchat/input-panel/emoji-picker.js.map +1 -1
- package/lib/cjs/webchat/input-panel/index.d.ts +3 -3
- package/lib/cjs/webchat/input-panel/index.js +8 -3
- package/lib/cjs/webchat/input-panel/index.js.map +1 -1
- package/lib/cjs/webchat/input-panel/persistent-menu.js +2 -2
- package/lib/cjs/webchat/input-panel/persistent-menu.js.map +1 -1
- package/lib/cjs/webchat/input-panel/send-button.js +2 -2
- package/lib/cjs/webchat/input-panel/send-button.js.map +1 -1
- package/lib/cjs/webchat/input-panel/textarea.d.ts +1 -1
- package/lib/cjs/webchat/input-panel/textarea.js +4 -2
- package/lib/cjs/webchat/input-panel/textarea.js.map +1 -1
- package/lib/cjs/webchat/message-list/index.js +5 -7
- package/lib/cjs/webchat/message-list/index.js.map +1 -1
- package/lib/cjs/webchat/message-list/intro-message.js +2 -2
- package/lib/cjs/webchat/message-list/intro-message.js.map +1 -1
- package/lib/cjs/webchat/message-list/styles.js +1 -0
- package/lib/cjs/webchat/message-list/styles.js.map +1 -1
- package/lib/cjs/webchat/message-list/unread-messages-banner.js +2 -2
- package/lib/cjs/webchat/message-list/unread-messages-banner.js.map +1 -1
- package/lib/cjs/webchat/message-list/use-notifications.js +2 -2
- package/lib/cjs/webchat/message-list/use-notifications.js.map +1 -1
- package/lib/cjs/webchat/replies/index.d.ts +1 -0
- package/lib/cjs/webchat/replies/index.js +32 -0
- package/lib/cjs/webchat/replies/index.js.map +1 -0
- package/lib/cjs/webchat/replies/styles.d.ts +8 -0
- package/lib/cjs/webchat/replies/styles.js +25 -0
- package/lib/cjs/webchat/replies/styles.js.map +1 -0
- package/lib/cjs/webchat/session-view.js +2 -2
- package/lib/cjs/webchat/session-view.js.map +1 -1
- package/lib/cjs/webchat/{webchat-typed/styles.d.ts → styles.d.ts} +6 -4
- package/lib/cjs/webchat/{webchat-typed/styles.js → styles.js} +1 -1
- package/lib/cjs/webchat/styles.js.map +1 -0
- package/lib/cjs/webchat/trigger-button/index.js +2 -2
- package/lib/cjs/webchat/trigger-button/index.js.map +1 -1
- package/lib/cjs/webchat/webchat-dev.js +2 -2
- package/lib/cjs/webchat/webchat-dev.js.map +1 -1
- package/lib/cjs/webchat/webchat.d.ts +4 -2
- package/lib/cjs/webchat/webchat.js +83 -104
- package/lib/cjs/webchat/webchat.js.map +1 -1
- package/lib/cjs/webchat/webview.js +3 -2
- package/lib/cjs/webchat/webview.js.map +1 -1
- package/lib/cjs/webchat-app.d.ts +12 -84
- package/lib/cjs/webchat-app.js +45 -26
- package/lib/cjs/webchat-app.js.map +1 -1
- package/lib/esm/components/audio.d.ts +8 -7
- package/lib/esm/components/audio.js +7 -4
- package/lib/esm/components/audio.js.map +1 -1
- package/lib/esm/components/button.js +2 -3
- package/lib/esm/components/button.js.map +1 -1
- package/lib/esm/components/carousel.js +1 -1
- package/lib/esm/components/carousel.js.map +1 -1
- package/lib/esm/components/custom-message.d.ts +16 -12
- package/lib/esm/components/custom-message.js +3 -9
- package/lib/esm/components/custom-message.js.map +1 -1
- package/lib/esm/components/document.d.ts +8 -7
- package/lib/esm/components/document.js +4 -4
- package/lib/esm/components/document.js.map +1 -1
- package/lib/esm/components/handoff.js +1 -1
- package/lib/esm/components/handoff.js.map +1 -1
- package/lib/esm/components/image.d.ts +8 -7
- package/lib/esm/components/image.js +4 -4
- package/lib/esm/components/image.js.map +1 -1
- package/lib/esm/components/index-types.d.ts +33 -4
- package/lib/esm/components/message/index.js +2 -1
- package/lib/esm/components/message/index.js.map +1 -1
- package/lib/esm/components/message/message-feedback.js +1 -1
- package/lib/esm/components/message/message-feedback.js.map +1 -1
- package/lib/esm/components/message/message-footer.js +1 -1
- package/lib/esm/components/message/message-footer.js.map +1 -1
- package/lib/esm/components/message/message-image.js +1 -1
- package/lib/esm/components/message/message-image.js.map +1 -1
- package/lib/esm/components/message/timestamps.js +1 -1
- package/lib/esm/components/message/timestamps.js.map +1 -1
- package/lib/esm/components/reply.d.ts +7 -6
- package/lib/esm/components/reply.js +9 -5
- package/lib/esm/components/reply.js.map +1 -1
- package/lib/esm/components/video.d.ts +8 -7
- package/lib/esm/components/video.js +2 -3
- package/lib/esm/components/video.js.map +1 -1
- package/lib/esm/components/webchat-settings.d.ts +1 -1
- package/lib/esm/components/webchat-settings.js +1 -1
- package/lib/esm/components/webchat-settings.js.map +1 -1
- package/lib/esm/contexts.d.ts +3 -4
- package/lib/esm/contexts.js +1 -78
- package/lib/esm/contexts.js.map +1 -1
- package/lib/esm/index-types.d.ts +87 -55
- package/lib/esm/index-types.js.map +1 -1
- package/lib/esm/index.d.ts +2 -2
- package/lib/esm/index.js +1 -1
- package/lib/esm/index.js.map +1 -1
- package/lib/esm/msg-to-botonic.d.ts +1 -1
- package/lib/esm/msg-to-botonic.js +5 -8
- package/lib/esm/msg-to-botonic.js.map +1 -1
- package/lib/esm/util/webchat.d.ts +17 -6
- package/lib/esm/util/webchat.js +9 -7
- package/lib/esm/util/webchat.js.map +1 -1
- package/lib/esm/webchat/chat-area/index.js +2 -2
- package/lib/esm/webchat/chat-area/index.js.map +1 -1
- package/lib/esm/webchat/components/conditional-animation.js +1 -1
- package/lib/esm/webchat/components/conditional-animation.js.map +1 -1
- package/lib/esm/webchat/components/opened-persistent-menu.js +1 -1
- package/lib/esm/webchat/components/opened-persistent-menu.js.map +1 -1
- package/lib/esm/webchat/{actions.d.ts → context/actions.d.ts} +2 -0
- package/lib/esm/webchat/{actions.js → context/actions.js} +3 -0
- package/lib/esm/webchat/context/actions.js.map +1 -0
- package/lib/esm/webchat/context/index.d.ts +5 -0
- package/lib/esm/webchat/context/index.js +78 -0
- package/lib/esm/webchat/context/index.js.map +1 -0
- package/lib/esm/webchat/{messages-reducer.d.ts → context/messages-reducer.d.ts} +1 -1
- package/lib/esm/webchat/{messages-reducer.js → context/messages-reducer.js} +3 -1
- package/lib/esm/webchat/context/messages-reducer.js.map +1 -0
- package/lib/esm/webchat/context/types.d.ts +74 -0
- package/lib/esm/webchat/context/types.js +2 -0
- package/lib/esm/webchat/context/types.js.map +1 -0
- package/lib/esm/webchat/{hooks → context}/use-webchat.d.ts +18 -19
- package/lib/esm/webchat/{hooks → context}/use-webchat.js +10 -5
- package/lib/esm/webchat/context/use-webchat.js.map +1 -0
- package/lib/esm/webchat/{webchat-reducer.d.ts → context/webchat-reducer.d.ts} +1 -1
- package/lib/esm/webchat/{webchat-reducer.js → context/webchat-reducer.js} +2 -0
- package/lib/esm/webchat/context/webchat-reducer.js.map +1 -0
- package/lib/esm/webchat/cover-component/index.js +1 -1
- package/lib/esm/webchat/cover-component/index.js.map +1 -1
- package/lib/esm/webchat/header/default-header.d.ts +1 -0
- package/lib/esm/webchat/header/default-header.js +21 -0
- package/lib/esm/webchat/header/default-header.js.map +1 -0
- package/lib/esm/webchat/header/index.d.ts +2 -0
- package/lib/esm/webchat/header/index.js +20 -0
- package/lib/esm/webchat/header/index.js.map +1 -0
- package/lib/esm/webchat/header/styles.d.ts +7 -0
- package/lib/esm/webchat/header/styles.js +55 -0
- package/lib/esm/webchat/header/styles.js.map +1 -0
- package/lib/esm/webchat/hooks/index.d.ts +0 -1
- package/lib/esm/webchat/hooks/index.js +0 -1
- package/lib/esm/webchat/hooks/index.js.map +1 -1
- package/lib/esm/webchat/hooks/use-previous.d.ts +1 -1
- package/lib/esm/webchat/hooks/use-previous.js.map +1 -1
- package/lib/esm/webchat/hooks/use-scrollbar-controller.js +2 -2
- package/lib/esm/webchat/hooks/use-scrollbar-controller.js.map +1 -1
- package/lib/esm/webchat/hooks/use-typing.d.ts +1 -1
- package/lib/esm/webchat/hooks/use-webchat-dimensions.js +1 -1
- package/lib/esm/webchat/hooks/use-webchat-dimensions.js.map +1 -1
- package/lib/esm/webchat/hooks/use-webchat-resizer.js +1 -1
- package/lib/esm/webchat/hooks/use-webchat-resizer.js.map +1 -1
- package/lib/esm/webchat/index-types.d.ts +3 -44
- package/lib/esm/webchat/index.d.ts +1 -0
- package/lib/esm/webchat/index.js +1 -0
- package/lib/esm/webchat/index.js.map +1 -1
- package/lib/esm/webchat/input-panel/attachment.d.ts +1 -1
- package/lib/esm/webchat/input-panel/attachment.js +1 -1
- package/lib/esm/webchat/input-panel/attachment.js.map +1 -1
- package/lib/esm/webchat/input-panel/emoji-picker.d.ts +1 -1
- package/lib/esm/webchat/input-panel/emoji-picker.js +1 -1
- package/lib/esm/webchat/input-panel/emoji-picker.js.map +1 -1
- package/lib/esm/webchat/input-panel/index.d.ts +3 -3
- package/lib/esm/webchat/input-panel/index.js +7 -2
- package/lib/esm/webchat/input-panel/index.js.map +1 -1
- package/lib/esm/webchat/input-panel/persistent-menu.js +1 -1
- package/lib/esm/webchat/input-panel/persistent-menu.js.map +1 -1
- package/lib/esm/webchat/input-panel/send-button.js +1 -1
- package/lib/esm/webchat/input-panel/send-button.js.map +1 -1
- package/lib/esm/webchat/input-panel/textarea.d.ts +1 -1
- package/lib/esm/webchat/input-panel/textarea.js +3 -1
- package/lib/esm/webchat/input-panel/textarea.js.map +1 -1
- package/lib/esm/webchat/message-list/index.js +4 -6
- package/lib/esm/webchat/message-list/index.js.map +1 -1
- package/lib/esm/webchat/message-list/intro-message.js +1 -1
- package/lib/esm/webchat/message-list/intro-message.js.map +1 -1
- package/lib/esm/webchat/message-list/styles.js +1 -0
- package/lib/esm/webchat/message-list/styles.js.map +1 -1
- package/lib/esm/webchat/message-list/unread-messages-banner.js +1 -1
- package/lib/esm/webchat/message-list/unread-messages-banner.js.map +1 -1
- package/lib/esm/webchat/message-list/use-notifications.js +1 -1
- package/lib/esm/webchat/message-list/use-notifications.js.map +1 -1
- package/lib/esm/webchat/replies/index.d.ts +1 -0
- package/lib/esm/webchat/replies/index.js +28 -0
- package/lib/esm/webchat/replies/index.js.map +1 -0
- package/lib/esm/webchat/replies/styles.d.ts +8 -0
- package/lib/esm/webchat/replies/styles.js +21 -0
- package/lib/esm/webchat/replies/styles.js.map +1 -0
- package/lib/esm/webchat/session-view.js +1 -1
- package/lib/esm/webchat/session-view.js.map +1 -1
- package/lib/esm/webchat/{webchat-typed/styles.d.ts → styles.d.ts} +6 -4
- package/lib/esm/webchat/{webchat-typed/styles.js → styles.js} +1 -1
- package/lib/esm/webchat/styles.js.map +1 -0
- package/lib/esm/webchat/trigger-button/index.js +1 -1
- package/lib/esm/webchat/trigger-button/index.js.map +1 -1
- package/lib/esm/webchat/webchat-dev.js +1 -1
- package/lib/esm/webchat/webchat-dev.js.map +1 -1
- package/lib/esm/webchat/webchat.d.ts +4 -2
- package/lib/esm/webchat/webchat.js +82 -103
- package/lib/esm/webchat/webchat.js.map +1 -1
- package/lib/esm/webchat/webview.js +2 -1
- package/lib/esm/webchat/webview.js.map +1 -1
- package/lib/esm/webchat-app.d.ts +12 -84
- package/lib/esm/webchat-app.js +45 -26
- package/lib/esm/webchat-app.js.map +1 -1
- package/package.json +5 -4
- package/src/components/{audio.jsx → audio.tsx} +10 -4
- package/src/components/button.tsx +1 -3
- package/src/components/carousel.jsx +1 -1
- package/src/components/{custom-message.jsx → custom-message.tsx} +19 -7
- package/src/components/{document.jsx → document.tsx} +5 -3
- package/src/components/handoff.jsx +1 -1
- package/src/components/{image.jsx → image.tsx} +10 -4
- package/src/components/index-types.ts +29 -4
- package/src/components/message/index.jsx +2 -1
- package/src/components/message/message-feedback.tsx +1 -1
- package/src/components/message/message-footer.tsx +1 -1
- package/src/components/message/message-image.tsx +1 -1
- package/src/components/message/timestamps.tsx +1 -1
- package/src/components/{reply.jsx → reply.tsx} +10 -4
- package/src/components/{video.jsx → video.tsx} +3 -2
- package/src/components/webchat-settings.tsx +2 -2
- package/src/contexts.tsx +5 -83
- package/src/index-types.ts +92 -59
- package/src/index.ts +2 -6
- package/src/msg-to-botonic.jsx +5 -9
- package/src/util/{webchat.js → webchat.ts} +15 -9
- package/src/webchat/chat-area/index.tsx +2 -4
- package/src/webchat/components/conditional-animation.jsx +1 -1
- package/src/webchat/components/opened-persistent-menu.jsx +1 -1
- package/src/webchat/{actions.ts → context/actions.ts} +3 -0
- package/src/webchat/context/index.tsx +81 -0
- package/src/webchat/{messages-reducer.ts → context/messages-reducer.ts} +4 -2
- package/src/webchat/context/types.ts +88 -0
- package/src/webchat/{hooks → context}/use-webchat.ts +59 -12
- package/src/webchat/{webchat-reducer.ts → context/webchat-reducer.ts} +3 -1
- package/src/webchat/cover-component/index.tsx +1 -1
- package/src/webchat/global.d.ts +3 -0
- package/src/webchat/header/default-header.tsx +75 -0
- package/src/webchat/header/index.tsx +37 -0
- package/src/webchat/header/styles.ts +62 -0
- package/src/webchat/hooks/index.ts +0 -1
- package/src/webchat/hooks/use-previous.ts +1 -1
- package/src/webchat/hooks/use-scrollbar-controller.ts +2 -2
- package/src/webchat/hooks/use-typing.ts +1 -1
- package/src/webchat/hooks/use-webchat-dimensions.ts +1 -1
- package/src/webchat/hooks/use-webchat-resizer.ts +1 -1
- package/src/webchat/index-types.ts +3 -49
- package/src/webchat/index.ts +1 -0
- package/src/webchat/input-panel/attachment.tsx +2 -2
- package/src/webchat/input-panel/emoji-picker.tsx +2 -2
- package/src/webchat/input-panel/index.tsx +9 -5
- package/src/webchat/input-panel/persistent-menu.tsx +1 -1
- package/src/webchat/input-panel/send-button.tsx +1 -1
- package/src/webchat/input-panel/textarea.tsx +4 -2
- package/src/webchat/message-list/index.tsx +4 -6
- package/src/webchat/message-list/intro-message.tsx +1 -1
- package/src/webchat/message-list/styles.ts +1 -0
- package/src/webchat/message-list/unread-messages-banner.tsx +1 -1
- package/src/webchat/message-list/use-notifications.ts +1 -1
- package/src/webchat/replies/index.tsx +47 -0
- package/src/webchat/replies/styles.ts +28 -0
- package/src/webchat/session-view.jsx +1 -1
- package/src/webchat/{webchat-typed/styles.ts → styles.ts} +7 -2
- package/src/webchat/trigger-button/index.tsx +1 -1
- package/src/webchat/webchat-dev.jsx +1 -1
- package/src/webchat/{webchat.jsx → webchat.tsx} +113 -123
- package/src/webchat/webview.jsx +2 -1
- package/src/webchat-app.tsx +79 -102
- package/lib/cjs/webchat/actions.js.map +0 -1
- package/lib/cjs/webchat/header.d.ts +0 -3
- package/lib/cjs/webchat/header.js +0 -86
- package/lib/cjs/webchat/header.js.map +0 -1
- package/lib/cjs/webchat/hooks/use-webchat.js.map +0 -1
- package/lib/cjs/webchat/messages-reducer.js.map +0 -1
- package/lib/cjs/webchat/replies.d.ts +0 -1
- package/lib/cjs/webchat/replies.js +0 -47
- package/lib/cjs/webchat/replies.js.map +0 -1
- package/lib/cjs/webchat/webchat-reducer.js.map +0 -1
- package/lib/cjs/webchat/webchat-typed/styles.js.map +0 -1
- package/lib/cjs/webchat/webchat-typed/webchat-typed.d.ts +0 -0
- package/lib/cjs/webchat/webchat-typed/webchat-typed.js +0 -663
- package/lib/cjs/webchat/webchat-typed/webchat-typed.js.map +0 -1
- package/lib/esm/webchat/actions.js.map +0 -1
- package/lib/esm/webchat/header.d.ts +0 -3
- package/lib/esm/webchat/header.js +0 -81
- package/lib/esm/webchat/header.js.map +0 -1
- package/lib/esm/webchat/hooks/use-webchat.js.map +0 -1
- package/lib/esm/webchat/messages-reducer.js.map +0 -1
- package/lib/esm/webchat/replies.d.ts +0 -1
- package/lib/esm/webchat/replies.js +0 -42
- package/lib/esm/webchat/replies.js.map +0 -1
- package/lib/esm/webchat/webchat-reducer.js.map +0 -1
- package/lib/esm/webchat/webchat-typed/styles.js.map +0 -1
- package/lib/esm/webchat/webchat-typed/webchat-typed.d.ts +0 -0
- package/lib/esm/webchat/webchat-typed/webchat-typed.js +0 -663
- package/lib/esm/webchat/webchat-typed/webchat-typed.js.map +0 -1
- package/src/webchat/header.jsx +0 -149
- package/src/webchat/replies.jsx +0 -64
- package/src/webchat/webchat-typed/webchat-typed.tsx +0 -728
|
@@ -1,11 +1,22 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import { ThemeProps } from '../components';
|
|
2
|
+
/**
|
|
3
|
+
* Returns the value of a property defined in bot's theme based on WEBCHAT.CUSTOM_PROPERTIES dictionary.
|
|
4
|
+
* It gives preference to nested defined properties (e.g.: header.style) over plain properties (e.g.: headerStyle).
|
|
5
|
+
* If property doesn't exist, returns the defaultValue.
|
|
6
|
+
*/
|
|
7
|
+
export declare const _getThemeProperty: (theme: ThemeProps) => (property: string, defaultValue?: any) => any;
|
|
8
|
+
export declare const createUser: () => {
|
|
3
9
|
id: string;
|
|
4
10
|
name: string;
|
|
5
11
|
};
|
|
6
|
-
export
|
|
7
|
-
|
|
12
|
+
export declare const initSession: (session: any) => {
|
|
13
|
+
user: {
|
|
14
|
+
id: string;
|
|
15
|
+
name: string;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
export declare const shouldKeepSessionOnReload: ({ initialDevSettings, devSettings, }: {
|
|
8
19
|
initialDevSettings: any;
|
|
9
20
|
devSettings: any;
|
|
10
|
-
})
|
|
11
|
-
export
|
|
21
|
+
}) => any;
|
|
22
|
+
export declare const getServerErrorMessage: (serverConfig: any) => any;
|
package/lib/cjs/util/webchat.js
CHANGED
|
@@ -12,13 +12,13 @@ const objects_1 = require("./objects");
|
|
|
12
12
|
* It gives preference to nested defined properties (e.g.: header.style) over plain properties (e.g.: headerStyle).
|
|
13
13
|
* If property doesn't exist, returns the defaultValue.
|
|
14
14
|
*/
|
|
15
|
-
const _getThemeProperty = theme => (property, defaultValue
|
|
16
|
-
for (const [
|
|
17
|
-
if (
|
|
18
|
-
const nestedProperty = (0, objects_1.getProperty)(theme,
|
|
15
|
+
const _getThemeProperty = (theme) => (property, defaultValue) => {
|
|
16
|
+
for (const [key, value] of Object.entries(constants_1.WEBCHAT.CUSTOM_PROPERTIES)) {
|
|
17
|
+
if (value === property) {
|
|
18
|
+
const nestedProperty = (0, objects_1.getProperty)(theme, value);
|
|
19
19
|
if (nestedProperty !== undefined)
|
|
20
20
|
return nestedProperty;
|
|
21
|
-
const plainProperty = (0, objects_1.getProperty)(theme,
|
|
21
|
+
const plainProperty = (0, objects_1.getProperty)(theme, key);
|
|
22
22
|
if (plainProperty !== undefined)
|
|
23
23
|
return plainProperty;
|
|
24
24
|
return defaultValue;
|
|
@@ -39,10 +39,11 @@ const createUser = () => {
|
|
|
39
39
|
};
|
|
40
40
|
};
|
|
41
41
|
exports.createUser = createUser;
|
|
42
|
-
const initSession = session => {
|
|
42
|
+
const initSession = (session) => {
|
|
43
|
+
var _a;
|
|
43
44
|
if (!session)
|
|
44
45
|
session = {};
|
|
45
|
-
const hasUserId = session
|
|
46
|
+
const hasUserId = ((_a = session === null || session === void 0 ? void 0 : session.user) === null || _a === void 0 ? void 0 : _a.id) !== undefined;
|
|
46
47
|
if (!session.user || Object.keys(session.user).length === 0 || !hasUserId)
|
|
47
48
|
session.user = !hasUserId ? (0, lodash_merge_1.default)(session.user, (0, exports.createUser)()) : (0, exports.createUser)();
|
|
48
49
|
return session;
|
|
@@ -50,6 +51,7 @@ const initSession = session => {
|
|
|
50
51
|
exports.initSession = initSession;
|
|
51
52
|
const shouldKeepSessionOnReload = ({ initialDevSettings, devSettings, }) => !initialDevSettings || (devSettings && devSettings.keepSessionOnReload);
|
|
52
53
|
exports.shouldKeepSessionOnReload = shouldKeepSessionOnReload;
|
|
54
|
+
//TODO: Review param serverConfig if is of type ServerConfig this never have errorMessage
|
|
53
55
|
const getServerErrorMessage = serverConfig => {
|
|
54
56
|
if (!serverConfig || !serverConfig.errorMessage)
|
|
55
57
|
return 'Connection issues';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"webchat.js","sourceRoot":"","sources":["../../../src/util/webchat.
|
|
1
|
+
{"version":3,"file":"webchat.js","sourceRoot":"","sources":["../../../src/util/webchat.ts"],"names":[],"mappings":";;;;AAAA,wEAAgC;AAChC,wEAAmC;AACnC,+BAAmC;AAGnC,4CAAsC;AACtC,uCAAuC;AAEvC;;;;GAIG;AACI,MAAM,iBAAiB,GAC5B,CAAC,KAAiB,EAAE,EAAE,CAAC,CAAC,QAAgB,EAAE,YAAkB,EAAE,EAAE;IAC9D,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,mBAAO,CAAC,iBAAiB,CAAC,EAAE;QACpE,IAAI,KAAK,KAAK,QAAQ,EAAE;YACtB,MAAM,cAAc,GAAG,IAAA,qBAAW,EAAC,KAAK,EAAE,KAAK,CAAC,CAAA;YAChD,IAAI,cAAc,KAAK,SAAS;gBAAE,OAAO,cAAc,CAAA;YACvD,MAAM,aAAa,GAAG,IAAA,qBAAW,EAAC,KAAK,EAAE,GAAG,CAAC,CAAA;YAC7C,IAAI,aAAa,KAAK,SAAS;gBAAE,OAAO,aAAa,CAAA;YACrD,OAAO,YAAY,CAAA;SACpB;KACF;IACD,OAAO,SAAS,CAAA;AAClB,CAAC,CAAA;AAZU,QAAA,iBAAiB,qBAY3B;AAEI,MAAM,UAAU,GAAG,GAGxB,EAAE;IACF,MAAM,MAAM,GAAG,IAAI,sBAAQ,EAAE,CAAA;IAC7B,MAAM,EAAE,GAAG,MAAM,CAAC,SAAS,EAAE,CAAA;IAC7B,IAAI,IAAI,GAAG,GAAG,EAAE,CAAC,EAAE,CAAC,IAAI,IAAI,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,CAAA;IAC7C,IAAI,EAAE,CAAC,MAAM,IAAI,EAAE,CAAC,MAAM,CAAC,IAAI;QAAE,IAAI,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,IAAI,IAAI,EAAE,CAAA;IACnE,OAAO;QACL,EAAE,EAAE,IAAA,SAAM,GAAE;QACZ,IAAI;KACL,CAAA;AACH,CAAC,CAAA;AAZY,QAAA,UAAU,cAYtB;AACM,MAAM,WAAW,GAAG,CACzB,OAAY,EAC4B,EAAE;;IAC1C,IAAI,CAAC,OAAO;QAAE,OAAO,GAAG,EAAE,CAAA;IAC1B,MAAM,SAAS,GAAG,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,EAAE,MAAK,SAAS,CAAA;IACjD,IAAI,CAAC,OAAO,CAAC,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,SAAS;QACvE,OAAO,CAAC,IAAI,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,IAAA,sBAAK,EAAC,OAAO,CAAC,IAAI,EAAE,IAAA,kBAAU,GAAE,CAAC,CAAC,CAAC,CAAC,IAAA,kBAAU,GAAE,CAAA;IAC9E,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AARY,QAAA,WAAW,eAQvB;AAEM,MAAM,yBAAyB,GAAG,CAAC,EACxC,kBAAkB,EAClB,WAAW,GACZ,EAAE,EAAE,CAAC,CAAC,kBAAkB,IAAI,CAAC,WAAW,IAAI,WAAW,CAAC,mBAAmB,CAAC,CAAA;AAHhE,QAAA,yBAAyB,6BAGuC;AAE7E,yFAAyF;AAClF,MAAM,qBAAqB,GAAG,YAAY,CAAC,EAAE;IAClD,IAAI,CAAC,YAAY,IAAI,CAAC,YAAY,CAAC,YAAY;QAAE,OAAO,mBAAmB,CAAA;IAC3E,IAAI,OAAO,YAAY,CAAC,YAAY,KAAK,UAAU,EAAE;QACnD,OAAO,YAAY,CAAC,YAAY,EAAE,CAAA;KACnC;IACD,OAAO,YAAY,CAAC,YAAY,CAAA;AAClC,CAAC,CAAA;AANY,QAAA,qBAAqB,yBAMjC"}
|
|
@@ -3,20 +3,20 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.ChatArea = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const react_1 = require("react");
|
|
6
|
-
const contexts_1 = require("../../contexts");
|
|
7
6
|
const constants_1 = require("../constants");
|
|
7
|
+
const context_1 = require("../context");
|
|
8
8
|
const hooks_1 = require("../hooks");
|
|
9
9
|
const message_list_1 = require("../message-list");
|
|
10
10
|
const replies_1 = require("../replies");
|
|
11
11
|
const styles_1 = require("./styles");
|
|
12
12
|
const ChatArea = () => {
|
|
13
|
-
const { webchatState: { replies }, chatAreaRef, } = (0, react_1.useContext)(
|
|
13
|
+
const { webchatState: { replies }, chatAreaRef, } = (0, react_1.useContext)(context_1.WebchatContext);
|
|
14
14
|
const { calculateResizedPxChatAreaHeight } = (0, hooks_1.useWebchatDimensions)();
|
|
15
15
|
const [chatAreaHeight, setChatAreaHeight] = (0, react_1.useState)(0);
|
|
16
16
|
(0, react_1.useEffect)(() => {
|
|
17
17
|
setChatAreaHeight(calculateResizedPxChatAreaHeight());
|
|
18
18
|
}, []);
|
|
19
|
-
return ((0, jsx_runtime_1.jsxs)(styles_1.StyledChatArea, Object.assign({ id: constants_1.BotonicContainerId.ChatArea, ref: chatAreaRef, height: chatAreaHeight }, { children: [(0, jsx_runtime_1.jsx)(message_list_1.WebchatMessageList, {}), replies &&
|
|
19
|
+
return ((0, jsx_runtime_1.jsxs)(styles_1.StyledChatArea, Object.assign({ id: constants_1.BotonicContainerId.ChatArea, ref: chatAreaRef, height: chatAreaHeight }, { children: [(0, jsx_runtime_1.jsx)(message_list_1.WebchatMessageList, {}), replies && replies.length > 0 && (0, jsx_runtime_1.jsx)(replies_1.WebchatReplies, {})] })));
|
|
20
20
|
};
|
|
21
21
|
exports.ChatArea = ChatArea;
|
|
22
22
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/chat-area/index.tsx"],"names":[],"mappings":";;;;AAAA,iCAA8D;AAE9D,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/chat-area/index.tsx"],"names":[],"mappings":";;;;AAAA,iCAA8D;AAE9D,4CAAiD;AACjD,wCAA2C;AAC3C,oCAA+C;AAC/C,kDAAoD;AACpD,wCAA2C;AAC3C,qCAAyC;AAElC,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,MAAM,EACJ,YAAY,EAAE,EAAE,OAAO,EAAE,EACzB,WAAW,GACZ,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAE9B,MAAM,EAAE,gCAAgC,EAAE,GAAG,IAAA,4BAAoB,GAAE,CAAA;IACnE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAA;IAEvD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,iBAAiB,CAAC,gCAAgC,EAAE,CAAC,CAAA;IACvD,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,wBAAC,uBAAc,kBACb,EAAE,EAAE,8BAAkB,CAAC,QAAQ,EAC/B,GAAG,EAAE,WAAW,EAChB,MAAM,EAAE,cAAc,iBAEtB,uBAAC,iCAAkB,KAAG,EACrB,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,uBAAC,wBAAc,KAAG,KACrC,CAClB,CAAA;AACH,CAAC,CAAA;AAvBY,QAAA,QAAQ,YAuBpB"}
|
|
@@ -5,11 +5,11 @@ const tslib_1 = require("tslib");
|
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
6
|
const react_1 = tslib_1.__importStar(require("react"));
|
|
7
7
|
const constants_1 = require("../../constants");
|
|
8
|
-
const contexts_1 = require("../../contexts");
|
|
9
8
|
const styles_1 = require("../../shared/styles");
|
|
10
9
|
const react_2 = require("../../util/react");
|
|
10
|
+
const context_1 = require("../context");
|
|
11
11
|
const ConditionalAnimation = props => {
|
|
12
|
-
const { getThemeProperty } = (0, react_1.useContext)(
|
|
12
|
+
const { getThemeProperty } = (0, react_1.useContext)(context_1.WebchatContext);
|
|
13
13
|
const animationsEnabled = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.enableAnimations, props.enableAnimations !== undefined ? props.enableAnimations : true);
|
|
14
14
|
return ((0, jsx_runtime_1.jsx)(react_2.ConditionalWrapper, Object.assign({ condition: animationsEnabled, wrapper: children => (0, jsx_runtime_1.jsx)(styles_1.Scale, { children: children }) }, { children: props.children })));
|
|
15
15
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"conditional-animation.js","sourceRoot":"","sources":["../../../../src/webchat/components/conditional-animation.jsx"],"names":[],"mappings":";;;;;AAAA,uDAAyC;AAEzC,+CAAyC;AACzC,
|
|
1
|
+
{"version":3,"file":"conditional-animation.js","sourceRoot":"","sources":["../../../../src/webchat/components/conditional-animation.jsx"],"names":[],"mappings":";;;;;AAAA,uDAAyC;AAEzC,+CAAyC;AACzC,gDAA2C;AAC3C,4CAAqD;AACrD,wCAA2C;AAEpC,MAAM,oBAAoB,GAAG,KAAK,CAAC,EAAE;IAC1C,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAEvD,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,mBAAO,CAAC,iBAAiB,CAAC,gBAAgB,EAC1C,KAAK,CAAC,gBAAgB,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,CACrE,CAAA;IACD,OAAO,CACL,uBAAC,0BAAkB,kBACjB,SAAS,EAAE,iBAAiB,EAC5B,OAAO,EAAE,QAAQ,CAAC,EAAE,CAAC,uBAAC,cAAK,cAAE,QAAQ,GAAS,gBAE7C,KAAK,CAAC,QAAQ,IACI,CACtB,CAAA;AACH,CAAC,CAAA;AAfY,QAAA,oBAAoB,wBAehC"}
|
|
@@ -7,7 +7,7 @@ const react_1 = tslib_1.__importStar(require("react"));
|
|
|
7
7
|
const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
|
|
8
8
|
const button_1 = require("../../components/button");
|
|
9
9
|
const constants_1 = require("../../constants");
|
|
10
|
-
const
|
|
10
|
+
const context_1 = require("../context");
|
|
11
11
|
const hooks_1 = require("../hooks");
|
|
12
12
|
const ButtonsContainer = styled_components_1.default.div `
|
|
13
13
|
position: absolute;
|
|
@@ -18,7 +18,7 @@ const ButtonsContainer = styled_components_1.default.div `
|
|
|
18
18
|
`;
|
|
19
19
|
const OpenedPersistentMenu = ({ onClick, options, borderRadius }) => {
|
|
20
20
|
const { ref, isComponentVisible } = (0, hooks_1.useComponentVisible)(true, onClick);
|
|
21
|
-
const { getThemeProperty } = (0, react_1.useContext)(
|
|
21
|
+
const { getThemeProperty } = (0, react_1.useContext)(context_1.WebchatContext);
|
|
22
22
|
const CustomPersistentMenu = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.customPersistentMenu, undefined);
|
|
23
23
|
let closeLabel = 'Cancel';
|
|
24
24
|
try {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"opened-persistent-menu.js","sourceRoot":"","sources":["../../../../src/webchat/components/opened-persistent-menu.jsx"],"names":[],"mappings":";;;;;AAAA,uDAAyC;AACzC,kFAAsC;AAEtC,oDAAgD;AAChD,+CAAgD;AAChD,
|
|
1
|
+
{"version":3,"file":"opened-persistent-menu.js","sourceRoot":"","sources":["../../../../src/webchat/components/opened-persistent-menu.jsx"],"names":[],"mappings":";;;;;AAAA,uDAAyC;AACzC,kFAAsC;AAEtC,oDAAgD;AAChD,+CAAgD;AAChD,wCAA2C;AAC3C,oCAA8C;AAE9C,MAAM,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;CAMlC,CAAA;AAEM,MAAM,oBAAoB,GAAG,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,EAAE;IACzE,MAAM,EAAE,GAAG,EAAE,kBAAkB,EAAE,GAAG,IAAA,2BAAmB,EAAC,IAAI,EAAE,OAAO,CAAC,CAAA;IACtE,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IACvD,MAAM,oBAAoB,GAAG,gBAAgB,CAC3C,mBAAO,CAAC,iBAAiB,CAAC,oBAAoB,EAC9C,SAAS,CACV,CAAA;IACD,IAAI,UAAU,GAAG,QAAQ,CAAA;IACzB,IAAI;QACF,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC;aAChE,UAAU,CAAA;KACd;IAAC,OAAO,CAAC,EAAE,GAAE;IACd,OAAO,CACL,8CAAK,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,iBAAK,CAAC,eAAe,gBACvC,kBAAkB,IAAI,oBAAoB,CAAC,CAAC,CAAC,CAC5C,uBAAC,oBAAoB,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,GAAI,CAC7D,CAAC,CAAC,CAAC,CACF,wBAAC,gBAAgB,eACd,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;oBACnC,OAAO,CACL,CAAC,CAAC,KAAK,IAAI,CACT,uBAAC,eAAM,kBACL,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,CAAC,CAAC,GAAG,EACV,MAAM,EAAE,CAAC,CAAC,MAAM,EAChB,OAAO,EAAE,CAAC,CAAC,OAAO,EAClB,OAAO,EAAE,CAAC,CAAC,OAAO,gBAGjB,CAAC,CAAC,KAAK,KAFH,CAAC,CAGC,CACV,CACF,CAAA;gBACH,CAAC,CAAC,EACF,uBAAC,eAAM,kBAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,gBACjD,UAAU,IACJ,IACQ,CACpB,IACG,CACP,CAAA;AACH,CAAC,CAAA;AAzCY,QAAA,oBAAoB,wBAyChC;AAED,kBAAe,4BAAoB,CAAA"}
|
|
@@ -23,5 +23,7 @@ export declare enum WebchatAction {
|
|
|
23
23
|
UPDATE_THEME = "updateTheme",
|
|
24
24
|
UPDATE_TYPING = "updateTyping",
|
|
25
25
|
UPDATE_WEBVIEW = "updateWebview",
|
|
26
|
+
REMOVE_REPLIES = "removeReplies",
|
|
27
|
+
REMOVE_WEBVIEW = "removeWebview",
|
|
26
28
|
SET_IS_INPUT_FOCUSED = "setIsInputFocused"
|
|
27
29
|
}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.WebchatAction = void 0;
|
|
4
|
+
/* eslint-disable @typescript-eslint/naming-convention */
|
|
4
5
|
var WebchatAction;
|
|
5
6
|
(function (WebchatAction) {
|
|
6
7
|
WebchatAction["ADD_MESSAGE"] = "addMessage";
|
|
@@ -27,6 +28,8 @@ var WebchatAction;
|
|
|
27
28
|
WebchatAction["UPDATE_THEME"] = "updateTheme";
|
|
28
29
|
WebchatAction["UPDATE_TYPING"] = "updateTyping";
|
|
29
30
|
WebchatAction["UPDATE_WEBVIEW"] = "updateWebview";
|
|
31
|
+
WebchatAction["REMOVE_REPLIES"] = "removeReplies";
|
|
32
|
+
WebchatAction["REMOVE_WEBVIEW"] = "removeWebview";
|
|
30
33
|
WebchatAction["SET_IS_INPUT_FOCUSED"] = "setIsInputFocused";
|
|
31
34
|
})(WebchatAction = exports.WebchatAction || (exports.WebchatAction = {}));
|
|
32
35
|
//# sourceMappingURL=actions.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"actions.js","sourceRoot":"","sources":["../../../../src/webchat/context/actions.ts"],"names":[],"mappings":";;;AAAA,yDAAyD;AACzD,IAAY,aA4BX;AA5BD,WAAY,aAAa;IACvB,2CAA0B,CAAA;IAC1B,8DAA6C,CAAA;IAC7C,iDAAgC,CAAA;IAChC,uEAAsD,CAAA;IACtD,8DAA6C,CAAA;IAC7C,gEAA+C,CAAA;IAC/C,uCAAsB,CAAA;IACtB,mEAAkD,CAAA;IAClD,yCAAwB,CAAA;IACxB,gEAA+C,CAAA;IAC/C,0DAAyC,CAAA;IACzC,gEAA+C,CAAA;IAC/C,iDAAgC,CAAA;IAChC,0DAAyC,CAAA;IACzC,iDAAgC,CAAA;IAChC,mEAAkD,CAAA;IAClD,+DAA8C,CAAA;IAC9C,0DAAyC,CAAA;IACzC,iDAAgC,CAAA;IAChC,iDAAgC,CAAA;IAChC,iDAAgC,CAAA;IAChC,6CAA4B,CAAA;IAC5B,+CAA8B,CAAA;IAC9B,iDAAgC,CAAA;IAChC,iDAAgC,CAAA;IAChC,iDAAgC,CAAA;IAChC,2DAA0C,CAAA;AAC5C,CAAC,EA5BW,aAAa,GAAb,qBAAa,KAAb,qBAAa,QA4BxB"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { WebchatContextProps } from './types';
|
|
3
|
+
export { WebchatState } from './types';
|
|
4
|
+
export { useWebchat, webchatInitialState } from './use-webchat';
|
|
5
|
+
export declare const WebchatContext: import("react").Context<WebchatContextProps>;
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.WebchatContext = exports.webchatInitialState = exports.useWebchat = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const use_webchat_1 = require("./use-webchat");
|
|
7
|
+
var use_webchat_2 = require("./use-webchat");
|
|
8
|
+
Object.defineProperty(exports, "useWebchat", { enumerable: true, get: function () { return use_webchat_2.useWebchat; } });
|
|
9
|
+
Object.defineProperty(exports, "webchatInitialState", { enumerable: true, get: function () { return use_webchat_2.webchatInitialState; } });
|
|
10
|
+
exports.WebchatContext = (0, react_1.createContext)({
|
|
11
|
+
addMessage: () => {
|
|
12
|
+
return;
|
|
13
|
+
},
|
|
14
|
+
getThemeProperty: () => {
|
|
15
|
+
return;
|
|
16
|
+
},
|
|
17
|
+
openWebview: () => {
|
|
18
|
+
return;
|
|
19
|
+
},
|
|
20
|
+
resolveCase: () => {
|
|
21
|
+
return;
|
|
22
|
+
},
|
|
23
|
+
resetUnreadMessages: () => {
|
|
24
|
+
return;
|
|
25
|
+
},
|
|
26
|
+
setIsInputFocused: () => {
|
|
27
|
+
return;
|
|
28
|
+
},
|
|
29
|
+
setLastMessageVisible: () => {
|
|
30
|
+
return;
|
|
31
|
+
},
|
|
32
|
+
sendAttachment: () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
|
|
33
|
+
return;
|
|
34
|
+
}),
|
|
35
|
+
sendInput: () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
|
|
36
|
+
return;
|
|
37
|
+
}),
|
|
38
|
+
sendPayload: () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
|
|
39
|
+
return;
|
|
40
|
+
}),
|
|
41
|
+
sendText: () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
|
|
42
|
+
return;
|
|
43
|
+
}),
|
|
44
|
+
theme: {},
|
|
45
|
+
toggleCoverComponent: () => {
|
|
46
|
+
return;
|
|
47
|
+
},
|
|
48
|
+
toggleWebchat: () => {
|
|
49
|
+
return;
|
|
50
|
+
},
|
|
51
|
+
toggleEmojiPicker: () => {
|
|
52
|
+
return;
|
|
53
|
+
},
|
|
54
|
+
togglePersistentMenu: () => {
|
|
55
|
+
return;
|
|
56
|
+
},
|
|
57
|
+
updateLatestInput: () => {
|
|
58
|
+
return;
|
|
59
|
+
},
|
|
60
|
+
updateMessage: () => {
|
|
61
|
+
return;
|
|
62
|
+
},
|
|
63
|
+
updateReplies: () => {
|
|
64
|
+
return;
|
|
65
|
+
},
|
|
66
|
+
updateUser: () => {
|
|
67
|
+
return;
|
|
68
|
+
},
|
|
69
|
+
updateWebchatDevSettings: () => {
|
|
70
|
+
return;
|
|
71
|
+
},
|
|
72
|
+
webchatState: use_webchat_1.webchatInitialState,
|
|
73
|
+
trackEvent: () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
|
|
74
|
+
return;
|
|
75
|
+
}),
|
|
76
|
+
webchatRef: { current: null },
|
|
77
|
+
chatAreaRef: { current: null },
|
|
78
|
+
inputPanelRef: { current: null },
|
|
79
|
+
headerRef: { current: null },
|
|
80
|
+
scrollableMessagesListRef: { current: null },
|
|
81
|
+
repliesRef: { current: null },
|
|
82
|
+
});
|
|
83
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/context/index.tsx"],"names":[],"mappings":";;;;AAAA,iCAAqC;AAGrC,+CAAmD;AAGnD,6CAA+D;AAAtD,yGAAA,UAAU,OAAA;AAAE,kHAAA,mBAAmB,OAAA;AAE3B,QAAA,cAAc,GAAG,IAAA,qBAAa,EAAsB;IAC/D,UAAU,EAAE,GAAG,EAAE;QACf,OAAM;IACR,CAAC;IACD,gBAAgB,EAAE,GAAG,EAAE;QACrB,OAAM;IACR,CAAC;IACD,WAAW,EAAE,GAAG,EAAE;QAChB,OAAM;IACR,CAAC;IACD,WAAW,EAAE,GAAG,EAAE;QAChB,OAAM;IACR,CAAC;IACD,mBAAmB,EAAE,GAAG,EAAE;QACxB,OAAM;IACR,CAAC;IACD,iBAAiB,EAAE,GAAG,EAAE;QACtB,OAAM;IACR,CAAC;IACD,qBAAqB,EAAE,GAAG,EAAE;QAC1B,OAAM;IACR,CAAC;IACD,cAAc,EAAE,GAAS,EAAE;QACzB,OAAM;IACR,CAAC,CAAA;IACD,SAAS,EAAE,GAAS,EAAE;QACpB,OAAM;IACR,CAAC,CAAA;IACD,WAAW,EAAE,GAAS,EAAE;QACtB,OAAM;IACR,CAAC,CAAA;IACD,QAAQ,EAAE,GAAS,EAAE;QACnB,OAAM;IACR,CAAC,CAAA;IACD,KAAK,EAAE,EAAE;IACT,oBAAoB,EAAE,GAAG,EAAE;QACzB,OAAM;IACR,CAAC;IACD,aAAa,EAAE,GAAG,EAAE;QAClB,OAAM;IACR,CAAC;IACD,iBAAiB,EAAE,GAAG,EAAE;QACtB,OAAM;IACR,CAAC;IACD,oBAAoB,EAAE,GAAG,EAAE;QACzB,OAAM;IACR,CAAC;IACD,iBAAiB,EAAE,GAAG,EAAE;QACtB,OAAM;IACR,CAAC;IACD,aAAa,EAAE,GAAG,EAAE;QAClB,OAAM;IACR,CAAC;IACD,aAAa,EAAE,GAAG,EAAE;QAClB,OAAM;IACR,CAAC;IACD,UAAU,EAAE,GAAG,EAAE;QACf,OAAM;IACR,CAAC;IACD,wBAAwB,EAAE,GAAG,EAAE;QAC7B,OAAM;IACR,CAAC;IACD,YAAY,EAAE,iCAAmB;IACjC,UAAU,EAAE,GAAS,EAAE;QACrB,OAAM;IACR,CAAC,CAAA;IACD,UAAU,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;IAC7B,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;IAC9B,aAAa,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;IAChC,SAAS,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;IAC5B,yBAAyB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;IAC5C,UAAU,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;CAC9B,CAAC,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.messagesReducer = void 0;
|
|
4
|
-
const index_types_1 = require("
|
|
4
|
+
const index_types_1 = require("../../index-types");
|
|
5
5
|
const actions_1 = require("./actions");
|
|
6
6
|
const messagesReducer = (state, action) => {
|
|
7
7
|
switch (action.type) {
|
|
@@ -13,6 +13,8 @@ const messagesReducer = (state, action) => {
|
|
|
13
13
|
return updateMessageReducer(state, action);
|
|
14
14
|
case actions_1.WebchatAction.UPDATE_REPLIES:
|
|
15
15
|
return Object.assign(Object.assign({}, state), { replies: action.payload });
|
|
16
|
+
case actions_1.WebchatAction.REMOVE_REPLIES:
|
|
17
|
+
return Object.assign(Object.assign({}, state), { replies: undefined });
|
|
16
18
|
case actions_1.WebchatAction.CLEAR_MESSAGES:
|
|
17
19
|
return Object.assign(Object.assign({}, state), { messagesJSON: [], messagesComponents: [], numUnreadMessages: 0 });
|
|
18
20
|
case actions_1.WebchatAction.UPDATE_LAST_MESSAGE_DATE:
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"messages-reducer.js","sourceRoot":"","sources":["../../../../src/webchat/context/messages-reducer.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Input as CoreInput, Session as CoreSession, SessionUser as CoreSessionUser } from '@botonic/core';
|
|
3
|
+
import { Reply } from '../../components';
|
|
4
|
+
import { ThemeProps, WebchatSettingsProps, Webview } from '../../components/index-types';
|
|
5
|
+
import { TrackEventFunction, WebchatMessage } from '../../index-types';
|
|
6
|
+
import { WebchatStateTheme } from '../index-types';
|
|
7
|
+
export interface ErrorMessage {
|
|
8
|
+
message?: string;
|
|
9
|
+
}
|
|
10
|
+
export interface DevSettings {
|
|
11
|
+
keepSessionOnReload?: boolean;
|
|
12
|
+
showSessionView?: boolean;
|
|
13
|
+
}
|
|
14
|
+
export interface WebchatState {
|
|
15
|
+
width: number;
|
|
16
|
+
height: number;
|
|
17
|
+
messagesJSON: any[];
|
|
18
|
+
messagesComponents: any[];
|
|
19
|
+
replies?: (typeof Reply)[];
|
|
20
|
+
latestInput: Partial<CoreInput>;
|
|
21
|
+
typing: boolean;
|
|
22
|
+
webview: Webview | null;
|
|
23
|
+
webviewParams: null;
|
|
24
|
+
session: Partial<CoreSession>;
|
|
25
|
+
lastRoutePath?: string;
|
|
26
|
+
handoff: boolean;
|
|
27
|
+
theme: WebchatStateTheme;
|
|
28
|
+
themeUpdates: Partial<WebchatStateTheme>;
|
|
29
|
+
error: ErrorMessage;
|
|
30
|
+
online: boolean;
|
|
31
|
+
devSettings: DevSettings;
|
|
32
|
+
isWebchatOpen: boolean;
|
|
33
|
+
isEmojiPickerOpen: boolean;
|
|
34
|
+
isPersistentMenuOpen: boolean;
|
|
35
|
+
isCoverComponentOpen: boolean;
|
|
36
|
+
isCustomComponentRendered: boolean;
|
|
37
|
+
lastMessageUpdate?: string;
|
|
38
|
+
currentAttachment?: File;
|
|
39
|
+
numUnreadMessages: number;
|
|
40
|
+
isLastMessageVisible: boolean;
|
|
41
|
+
isInputFocused: boolean;
|
|
42
|
+
}
|
|
43
|
+
export type ClientInput = Omit<CoreInput, 'message_id' | 'bot_interaction_id'>;
|
|
44
|
+
export interface WebchatContextProps {
|
|
45
|
+
addMessage: (message: WebchatMessage) => void;
|
|
46
|
+
getThemeProperty: (property: string, defaultValue?: any) => any;
|
|
47
|
+
openWebview: (webviewComponent: Webview, params?: any) => void;
|
|
48
|
+
resetUnreadMessages: () => void;
|
|
49
|
+
resolveCase: () => void;
|
|
50
|
+
sendAttachment: (attachment: File) => Promise<void>;
|
|
51
|
+
sendInput: (input: ClientInput) => Promise<void>;
|
|
52
|
+
sendPayload: (payload: string) => Promise<void>;
|
|
53
|
+
sendText: (text: string, payload?: string) => Promise<void>;
|
|
54
|
+
setIsInputFocused: (isInputFocused: boolean) => void;
|
|
55
|
+
setLastMessageVisible: (isLastMessageVisible: boolean) => void;
|
|
56
|
+
theme: ThemeProps;
|
|
57
|
+
toggleWebchat: (toggle: boolean) => void;
|
|
58
|
+
toggleEmojiPicker: (toggle: boolean) => void;
|
|
59
|
+
togglePersistentMenu: (toggle: boolean) => void;
|
|
60
|
+
toggleCoverComponent: (toggle: boolean) => void;
|
|
61
|
+
updateLatestInput: (input: ClientInput) => void;
|
|
62
|
+
updateMessage: (message: WebchatMessage) => void;
|
|
63
|
+
updateReplies: (replies: (typeof Reply)[]) => void;
|
|
64
|
+
updateUser: (user: Partial<CoreSessionUser>) => void;
|
|
65
|
+
updateWebchatDevSettings: (settings: WebchatSettingsProps) => void;
|
|
66
|
+
trackEvent?: TrackEventFunction;
|
|
67
|
+
webchatState: WebchatState;
|
|
68
|
+
webchatRef: React.MutableRefObject<HTMLDivElement | null>;
|
|
69
|
+
chatAreaRef: React.MutableRefObject<HTMLDivElement | null>;
|
|
70
|
+
inputPanelRef: React.MutableRefObject<HTMLDivElement | null>;
|
|
71
|
+
headerRef: React.MutableRefObject<HTMLDivElement | null>;
|
|
72
|
+
scrollableMessagesListRef: React.MutableRefObject<HTMLDivElement | null>;
|
|
73
|
+
repliesRef: React.MutableRefObject<HTMLDivElement | null>;
|
|
74
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/webchat/context/types.ts"],"names":[],"mappings":""}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { Session } from '@botonic/core';
|
|
3
|
+
import { Reply } from '../../components';
|
|
3
4
|
import { ThemeProps, Webview } from '../../components/index-types';
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import { DevSettings, ErrorMessage, WebchatState } from '../index-types';
|
|
5
|
+
import { WebchatMessage } from '../../index-types';
|
|
6
|
+
import { ClientInput, DevSettings, ErrorMessage, WebchatState } from './types';
|
|
7
7
|
export declare const webchatInitialState: WebchatState;
|
|
8
|
-
export
|
|
8
|
+
export interface UseWebchat {
|
|
9
9
|
addMessage: (message: WebchatMessage) => void;
|
|
10
10
|
addMessageComponent: (message: {
|
|
11
11
|
props: WebchatMessage;
|
|
@@ -13,8 +13,8 @@ export declare function useWebchat(): {
|
|
|
13
13
|
clearMessages: () => void;
|
|
14
14
|
doRenderCustomComponent: (toggle: boolean) => void;
|
|
15
15
|
resetUnreadMessages: () => void;
|
|
16
|
-
setCurrentAttachment: (attachment
|
|
17
|
-
setError: (error
|
|
16
|
+
setCurrentAttachment: (attachment?: File) => void;
|
|
17
|
+
setError: (error?: ErrorMessage) => void;
|
|
18
18
|
setIsInputFocused: (isInputFocused: boolean) => void;
|
|
19
19
|
setLastMessageVisible: (isLastMessageVisible: boolean) => void;
|
|
20
20
|
setOnline: (online: boolean) => void;
|
|
@@ -28,20 +28,19 @@ export declare function useWebchat(): {
|
|
|
28
28
|
updateLastRoutePath: (path: string) => void;
|
|
29
29
|
updateLatestInput: (input: ClientInput) => void;
|
|
30
30
|
updateMessage: (message: WebchatMessage) => void;
|
|
31
|
-
updateReplies: (replies:
|
|
32
|
-
updateSession: (session: Session) => void;
|
|
31
|
+
updateReplies: (replies: (typeof Reply)[]) => void;
|
|
32
|
+
updateSession: (session: Partial<Session>) => void;
|
|
33
33
|
updateTheme: (theme: ThemeProps, themeUpdates?: ThemeProps) => void;
|
|
34
34
|
updateTyping: (typing: boolean) => void;
|
|
35
35
|
updateWebview: (webview: Webview, params: Record<string, string>) => void;
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
payload?: any;
|
|
39
|
-
}>;
|
|
36
|
+
removeReplies: () => void;
|
|
37
|
+
removeWebview: () => void;
|
|
40
38
|
webchatState: WebchatState;
|
|
41
|
-
webchatRef:
|
|
42
|
-
headerRef:
|
|
43
|
-
chatAreaRef:
|
|
44
|
-
scrollableMessagesListRef:
|
|
45
|
-
repliesRef:
|
|
46
|
-
inputPanelRef:
|
|
47
|
-
}
|
|
39
|
+
webchatRef: React.MutableRefObject<HTMLDivElement | null>;
|
|
40
|
+
headerRef: React.MutableRefObject<HTMLDivElement | null>;
|
|
41
|
+
chatAreaRef: React.MutableRefObject<HTMLDivElement | null>;
|
|
42
|
+
scrollableMessagesListRef: React.MutableRefObject<HTMLDivElement | null>;
|
|
43
|
+
repliesRef: React.MutableRefObject<HTMLDivElement | null>;
|
|
44
|
+
inputPanelRef: React.MutableRefObject<HTMLDivElement | null>;
|
|
45
|
+
}
|
|
46
|
+
export declare function useWebchat(): UseWebchat;
|
|
@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.useWebchat = exports.webchatInitialState = void 0;
|
|
4
4
|
const react_1 = require("react");
|
|
5
5
|
const constants_1 = require("../../constants");
|
|
6
|
-
const actions_1 = require("
|
|
7
|
-
const webchat_reducer_1 = require("
|
|
6
|
+
const actions_1 = require("./actions");
|
|
7
|
+
const webchat_reducer_1 = require("./webchat-reducer");
|
|
8
8
|
exports.webchatInitialState = {
|
|
9
9
|
width: constants_1.WEBCHAT.DEFAULTS.WIDTH,
|
|
10
10
|
height: constants_1.WEBCHAT.DEFAULTS.HEIGHT,
|
|
@@ -16,7 +16,7 @@ exports.webchatInitialState = {
|
|
|
16
16
|
webview: null,
|
|
17
17
|
webviewParams: null,
|
|
18
18
|
session: { user: undefined },
|
|
19
|
-
lastRoutePath:
|
|
19
|
+
lastRoutePath: undefined,
|
|
20
20
|
handoff: false,
|
|
21
21
|
theme: {
|
|
22
22
|
headerTitle: constants_1.WEBCHAT.DEFAULTS.TITLE,
|
|
@@ -57,13 +57,17 @@ function useWebchat() {
|
|
|
57
57
|
payload: message,
|
|
58
58
|
});
|
|
59
59
|
const updateMessage = (message) => webchatDispatch({ type: actions_1.WebchatAction.UPDATE_MESSAGE, payload: message });
|
|
60
|
-
const updateReplies = replies => webchatDispatch({ type: actions_1.WebchatAction.UPDATE_REPLIES, payload: replies });
|
|
60
|
+
const updateReplies = (replies) => webchatDispatch({ type: actions_1.WebchatAction.UPDATE_REPLIES, payload: replies });
|
|
61
|
+
const removeReplies = () => webchatDispatch({ type: actions_1.WebchatAction.REMOVE_REPLIES, payload: [] });
|
|
61
62
|
const updateLatestInput = (input) => webchatDispatch({ type: actions_1.WebchatAction.UPDATE_LATEST_INPUT, payload: input });
|
|
62
63
|
const updateTyping = (typing) => webchatDispatch({ type: actions_1.WebchatAction.UPDATE_TYPING, payload: typing });
|
|
63
64
|
const updateWebview = (webview, params) => webchatDispatch({
|
|
64
65
|
type: actions_1.WebchatAction.UPDATE_WEBVIEW,
|
|
65
66
|
payload: { webview, webviewParams: params },
|
|
66
67
|
});
|
|
68
|
+
const removeWebview = () => webchatDispatch({
|
|
69
|
+
type: actions_1.WebchatAction.REMOVE_WEBVIEW,
|
|
70
|
+
});
|
|
67
71
|
const updateSession = (session) => {
|
|
68
72
|
webchatDispatch({
|
|
69
73
|
type: actions_1.WebchatAction.UPDATE_SESSION,
|
|
@@ -179,7 +183,8 @@ function useWebchat() {
|
|
|
179
183
|
updateTheme,
|
|
180
184
|
updateTyping,
|
|
181
185
|
updateWebview,
|
|
182
|
-
|
|
186
|
+
removeReplies,
|
|
187
|
+
removeWebview,
|
|
183
188
|
webchatState,
|
|
184
189
|
webchatRef,
|
|
185
190
|
headerRef,
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-webchat.js","sourceRoot":"","sources":["../../../../src/webchat/context/use-webchat.ts"],"names":[],"mappings":"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"}
|
|
@@ -8,6 +8,8 @@ function webchatReducer(state, action) {
|
|
|
8
8
|
switch (action.type) {
|
|
9
9
|
case actions_1.WebchatAction.UPDATE_WEBVIEW:
|
|
10
10
|
return Object.assign(Object.assign({}, state), action.payload);
|
|
11
|
+
case actions_1.WebchatAction.REMOVE_WEBVIEW:
|
|
12
|
+
return Object.assign(Object.assign({}, state), { webview: null, webviewParams: null });
|
|
11
13
|
case actions_1.WebchatAction.UPDATE_SESSION:
|
|
12
14
|
return Object.assign(Object.assign({}, state), { session: Object.assign({}, action.payload) });
|
|
13
15
|
case actions_1.WebchatAction.UPDATE_TYPING:
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"webchat-reducer.js","sourceRoot":"","sources":["../../../../src/webchat/context/webchat-reducer.ts"],"names":[],"mappings":";;;AAAA,uCAAyC;AACzC,yDAAoD;AAGpD,sCAAsC;AACtC,SAAgB,cAAc,CAC5B,KAAmB,EACnB,MAA8C;IAE9C,QAAQ,MAAM,CAAC,IAAI,EAAE;QACnB,KAAK,uBAAa,CAAC,cAAc;YAC/B,uCAAY,KAAK,GAAK,MAAM,CAAC,OAAO,EAAE;QACxC,KAAK,uBAAa,CAAC,cAAc;YAC/B,uCAAY,KAAK,KAAE,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,IAAE;QACzD,KAAK,uBAAa,CAAC,cAAc;YAC/B,uCAAY,KAAK,KAAE,OAAO,oBAAO,MAAM,CAAC,OAAO,KAAI;QACrD,KAAK,uBAAa,CAAC,aAAa;YAC9B,uCAAY,KAAK,KAAE,MAAM,EAAE,MAAM,CAAC,OAAO,IAAE;QAC7C,KAAK,uBAAa,CAAC,YAAY;YAC7B,uCACK,KAAK,GACL,MAAM,CAAC,OAAO,EAClB;QACH,KAAK,uBAAa,CAAC,cAAc;YAC/B,uCAAY,KAAK,KAAE,OAAO,EAAE,MAAM,CAAC,OAAO,IAAE;QAC9C,KAAK,uBAAa,CAAC,cAAc,CAAC,CAAC;YACjC,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAA;YACpC,uCACK,KAAK,KACR,aAAa,IACd;SACF;QACD,KAAK,uBAAa,CAAC,mBAAmB;YACpC,uCAAY,KAAK,KAAE,iBAAiB,EAAE,MAAM,CAAC,OAAO,IAAE;QACxD,KAAK,uBAAa,CAAC,sBAAsB;YACvC,uCAAY,KAAK,KAAE,oBAAoB,EAAE,MAAM,CAAC,OAAO,IAAE;QAC3D,KAAK,uBAAa,CAAC,sBAAsB;YACvC,uCAAY,KAAK,KAAE,oBAAoB,EAAE,MAAM,CAAC,OAAO,IAAE;QAC3D,KAAK,uBAAa,CAAC,0BAA0B;YAC3C,uCAAY,KAAK,KAAE,yBAAyB,EAAE,MAAM,CAAC,OAAO,IAAE;QAChE,KAAK,uBAAa,CAAC,SAAS;YAC1B,uCAAY,KAAK,KAAE,KAAK,EAAE,MAAM,CAAC,OAAO,IAAI,EAAE,IAAE;QAClD,KAAK,uBAAa,CAAC,UAAU;YAC3B,uCAAY,KAAK,KAAE,MAAM,EAAE,MAAM,CAAC,OAAO,IAAE;QAC7C,KAAK,uBAAa,CAAC,mBAAmB;YACpC,uCAAY,KAAK,KAAE,WAAW,oBAAO,MAAM,CAAC,OAAO,KAAI;QACzD,KAAK,uBAAa,CAAC,mBAAmB;YACpC,uCAAY,KAAK,KAAE,WAAW,EAAE,MAAM,CAAC,OAAO,IAAE;QAClD,KAAK,uBAAa,CAAC,sBAAsB;YACvC,uCAAY,KAAK,KAAE,aAAa,EAAE,MAAM,CAAC,OAAO,IAAE;QACpD,KAAK,uBAAa,CAAC,sBAAsB;YACvC,uCAAY,KAAK,KAAE,iBAAiB,EAAE,MAAM,CAAC,OAAO,IAAE;QACxD,KAAK,uBAAa,CAAC,oBAAoB;YACrC,uCAAY,KAAK,KAAE,cAAc,EAAE,MAAM,CAAC,OAAO,IAAE;QACrD;YACE,OAAO,IAAA,kCAAe,EAAC,KAAK,EAAE,MAAM,CAAC,CAAA;KACxC;AACH,CAAC;AApDD,wCAoDC"}
|
|
@@ -4,9 +4,9 @@ exports.CoverComponent = void 0;
|
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const react_1 = require("react");
|
|
6
6
|
const constants_1 = require("../../constants");
|
|
7
|
-
const
|
|
7
|
+
const context_1 = require("../context");
|
|
8
8
|
const CoverComponent = ({ component, componentProps }) => {
|
|
9
|
-
const { getThemeProperty, toggleCoverComponent, webchatState } = (0, react_1.useContext)(
|
|
9
|
+
const { getThemeProperty, toggleCoverComponent, webchatState } = (0, react_1.useContext)(context_1.WebchatContext);
|
|
10
10
|
const Cover = component;
|
|
11
11
|
const coverComponentProps = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.coverComponentProps, componentProps);
|
|
12
12
|
const closeCoverComponent = () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/cover-component/index.tsx"],"names":[],"mappings":";;;;AAAA,iCAAyC;AAEzC,+CAAyC;AACzC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/cover-component/index.tsx"],"names":[],"mappings":";;;;AAAA,iCAAyC;AAEzC,+CAAyC;AACzC,wCAA2C;AAOpC,MAAM,cAAc,GAAG,CAAC,EAAE,SAAS,EAAE,cAAc,EAAS,EAAE,EAAE;IACrE,MAAM,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,YAAY,EAAE,GAC5D,IAAA,kBAAU,EAAC,wBAAc,CAAC,CAAA;IAE5B,MAAM,KAAK,GAAG,SAAS,CAAA;IAEvB,MAAM,mBAAmB,GAAG,gBAAgB,CAC1C,mBAAO,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,uBAAC,KAAK,kBAAC,cAAc,EAAE,mBAAmB,IAAM,mBAAmB,EAAI,CAAA;AAChF,CAAC,CAAA;AApBY,QAAA,cAAc,kBAoB1B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const DefaultHeader: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.DefaultHeader = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const constants_1 = require("../../constants");
|
|
7
|
+
const styles_1 = require("../../shared/styles");
|
|
8
|
+
const environment_1 = require("../../util/environment");
|
|
9
|
+
const react_2 = require("../../util/react");
|
|
10
|
+
const context_1 = require("../../webchat/context");
|
|
11
|
+
const styles_2 = require("./styles");
|
|
12
|
+
const DefaultHeader = () => {
|
|
13
|
+
const { getThemeProperty, toggleWebchat } = (0, react_1.useContext)(context_1.WebchatContext);
|
|
14
|
+
const animationsEnabled = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.enableAnimations, true);
|
|
15
|
+
const headerImage = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.headerImage, getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.brandImage, constants_1.WEBCHAT.DEFAULTS.LOGO));
|
|
16
|
+
const headerTitle = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.headerTitle, constants_1.WEBCHAT.DEFAULTS.TITLE);
|
|
17
|
+
const headerSubtitle = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.headerSubtitle, '');
|
|
18
|
+
const handleCloseWebchat = () => {
|
|
19
|
+
toggleWebchat(false);
|
|
20
|
+
};
|
|
21
|
+
const color = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.brandColor, constants_1.COLORS.BOTONIC_BLUE);
|
|
22
|
+
return ((0, jsx_runtime_1.jsxs)(styles_2.HeaderContainer, Object.assign({ role: constants_1.ROLES.HEADER, color: color, style: Object.assign({}, getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.headerStyle)) }, { children: [headerImage && ((0, jsx_runtime_1.jsx)(styles_2.ImageContainer, { children: (0, jsx_runtime_1.jsx)("img", { src: (0, environment_1.resolveImage)(headerImage) }) })), (0, jsx_runtime_1.jsxs)(styles_2.TextContainer, { children: [(0, jsx_runtime_1.jsx)(styles_2.Title, { children: headerTitle }), headerSubtitle ? (0, jsx_runtime_1.jsx)(styles_2.Subtitle, { children: headerSubtitle }) : null] }), (0, jsx_runtime_1.jsx)(react_2.ConditionalWrapper, Object.assign({ condition: animationsEnabled, wrapper: children => (0, jsx_runtime_1.jsx)(styles_1.Scale, { children: children }) }, { children: (0, jsx_runtime_1.jsx)(styles_2.CloseHeader, Object.assign({ onClick: handleCloseWebchat }, { children: "\u2A2F" })) }))] })));
|
|
23
|
+
};
|
|
24
|
+
exports.DefaultHeader = DefaultHeader;
|
|
25
|
+
//# sourceMappingURL=default-header.js.map
|