@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
|
@@ -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;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { useReducer, useRef } from 'react';
|
|
2
2
|
import { COLORS, WEBCHAT } from '../../constants';
|
|
3
|
-
import { WebchatAction } from '
|
|
4
|
-
import { webchatReducer } from '
|
|
3
|
+
import { WebchatAction } from './actions';
|
|
4
|
+
import { webchatReducer } from './webchat-reducer';
|
|
5
5
|
export const webchatInitialState = {
|
|
6
6
|
width: WEBCHAT.DEFAULTS.WIDTH,
|
|
7
7
|
height: WEBCHAT.DEFAULTS.HEIGHT,
|
|
@@ -13,7 +13,7 @@ export const webchatInitialState = {
|
|
|
13
13
|
webview: null,
|
|
14
14
|
webviewParams: null,
|
|
15
15
|
session: { user: undefined },
|
|
16
|
-
lastRoutePath:
|
|
16
|
+
lastRoutePath: undefined,
|
|
17
17
|
handoff: false,
|
|
18
18
|
theme: {
|
|
19
19
|
headerTitle: WEBCHAT.DEFAULTS.TITLE,
|
|
@@ -54,13 +54,17 @@ export function useWebchat() {
|
|
|
54
54
|
payload: message,
|
|
55
55
|
});
|
|
56
56
|
const updateMessage = (message) => webchatDispatch({ type: WebchatAction.UPDATE_MESSAGE, payload: message });
|
|
57
|
-
const updateReplies = replies => webchatDispatch({ type: WebchatAction.UPDATE_REPLIES, payload: replies });
|
|
57
|
+
const updateReplies = (replies) => webchatDispatch({ type: WebchatAction.UPDATE_REPLIES, payload: replies });
|
|
58
|
+
const removeReplies = () => webchatDispatch({ type: WebchatAction.REMOVE_REPLIES, payload: [] });
|
|
58
59
|
const updateLatestInput = (input) => webchatDispatch({ type: WebchatAction.UPDATE_LATEST_INPUT, payload: input });
|
|
59
60
|
const updateTyping = (typing) => webchatDispatch({ type: WebchatAction.UPDATE_TYPING, payload: typing });
|
|
60
61
|
const updateWebview = (webview, params) => webchatDispatch({
|
|
61
62
|
type: WebchatAction.UPDATE_WEBVIEW,
|
|
62
63
|
payload: { webview, webviewParams: params },
|
|
63
64
|
});
|
|
65
|
+
const removeWebview = () => webchatDispatch({
|
|
66
|
+
type: WebchatAction.REMOVE_WEBVIEW,
|
|
67
|
+
});
|
|
64
68
|
const updateSession = (session) => {
|
|
65
69
|
webchatDispatch({
|
|
66
70
|
type: WebchatAction.UPDATE_SESSION,
|
|
@@ -176,7 +180,8 @@ export function useWebchat() {
|
|
|
176
180
|
updateTheme,
|
|
177
181
|
updateTyping,
|
|
178
182
|
updateWebview,
|
|
179
|
-
|
|
183
|
+
removeReplies,
|
|
184
|
+
removeWebview,
|
|
180
185
|
webchatState,
|
|
181
186
|
webchatRef,
|
|
182
187
|
headerRef,
|
|
@@ -0,0 +1 @@
|
|
|
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;AAEjD,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,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"}
|
|
@@ -5,6 +5,8 @@ export function webchatReducer(state, action) {
|
|
|
5
5
|
switch (action.type) {
|
|
6
6
|
case WebchatAction.UPDATE_WEBVIEW:
|
|
7
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 });
|
|
8
10
|
case WebchatAction.UPDATE_SESSION:
|
|
9
11
|
return Object.assign(Object.assign({}, state), { session: Object.assign({}, action.payload) });
|
|
10
12
|
case WebchatAction.UPDATE_TYPING:
|
|
@@ -0,0 +1 @@
|
|
|
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,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useContext } from 'react';
|
|
3
3
|
import { WEBCHAT } from '../../constants';
|
|
4
|
-
import { WebchatContext } from '
|
|
4
|
+
import { WebchatContext } from '../context';
|
|
5
5
|
export const CoverComponent = ({ component, componentProps }) => {
|
|
6
6
|
const { getThemeProperty, toggleCoverComponent, webchatState } = useContext(WebchatContext);
|
|
7
7
|
const Cover = component;
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const DefaultHeader: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,21 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,20 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
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>;
|
|
@@ -0,0 +1,55 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -6,6 +6,5 @@ export { useScrollToBottom } from './use-scroll-to-bottom';
|
|
|
6
6
|
export { useScrollbarController } from './use-scrollbar-controller';
|
|
7
7
|
export { useTyping } from './use-typing';
|
|
8
8
|
export { useVirtualKeyboardDetection } from './use-virtual-keyboard-detection';
|
|
9
|
-
export { useWebchat, webchatInitialState } from './use-webchat';
|
|
10
9
|
export { useWebchatDimensions } from './use-webchat-dimensions';
|
|
11
10
|
export { useWebchatResizer } from './use-webchat-resizer';
|
|
@@ -6,7 +6,6 @@ export { useScrollToBottom } from './use-scroll-to-bottom';
|
|
|
6
6
|
export { useScrollbarController } from './use-scrollbar-controller';
|
|
7
7
|
export { useTyping } from './use-typing';
|
|
8
8
|
export { useVirtualKeyboardDetection } from './use-virtual-keyboard-detection';
|
|
9
|
-
export { useWebchat, webchatInitialState } from './use-webchat';
|
|
10
9
|
export { useWebchatDimensions } from './use-webchat-dimensions';
|
|
11
10
|
export { useWebchatResizer } from './use-webchat-resizer';
|
|
12
11
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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 +1 @@
|
|
|
1
|
-
export declare function usePrevious(value: any):
|
|
1
|
+
export declare function usePrevious(value: any): any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-previous.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-previous.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEzC,MAAM,UAAU,WAAW,CAAC,
|
|
1
|
+
{"version":3,"file":"use-previous.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-previous.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEzC,MAAM,UAAU,WAAW,CAAC,KAAU;IACpC,MAAM,GAAG,GAAG,MAAM,EAAE,CAAA;IACpB,SAAS,CAAC,GAAG,EAAE;QACb,GAAG,CAAC,OAAO,GAAG,KAAK,CAAA;IACrB,CAAC,CAAC,CAAA;IACF,OAAO,GAAG,CAAC,OAAO,CAAA;AACpB,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useContext, useEffect } from 'react';
|
|
2
|
-
import { WebchatContext } from '../../
|
|
2
|
+
import { WebchatContext } from '../../webchat/context';
|
|
3
3
|
import { DEVICES, isMobileDevice } from '../devices';
|
|
4
4
|
// TODO: Investigate why when we have some messages, scroll actions are not disabled properly
|
|
5
5
|
const debounced = (delay, fn) => {
|
|
@@ -25,7 +25,7 @@ export const useScrollbarController = (currentDevice, host) => {
|
|
|
25
25
|
const hasScrollbar = () => {
|
|
26
26
|
var _a, _b, _c, _d, _e;
|
|
27
27
|
if (chatAreaRef.current && scrollableMessagesListRef.current) {
|
|
28
|
-
if (!repliesRef) {
|
|
28
|
+
if (!(repliesRef === null || repliesRef === void 0 ? void 0 : repliesRef.current)) {
|
|
29
29
|
return (((_a = scrollableMessagesListRef.current) === null || _a === void 0 ? void 0 : _a.scrollHeight) >
|
|
30
30
|
((_b = chatAreaRef.current) === null || _b === void 0 ? void 0 : _b.clientHeight));
|
|
31
31
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-scrollbar-controller.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-scrollbar-controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE7C,OAAO,EAAE,cAAc,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"use-scrollbar-controller.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-scrollbar-controller.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useCallback, useContext } from 'react';
|
|
2
|
-
import { WebchatContext } from '../../
|
|
2
|
+
import { WebchatContext } from '../../webchat/context';
|
|
3
3
|
export const useWebchatDimensions = () => {
|
|
4
4
|
const { webchatRef, headerRef, inputPanelRef, webchatState: { isWebchatOpen }, } = useContext(WebchatContext);
|
|
5
5
|
const calculateResizedPercentualWebchatHeight = useCallback(() => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-webchat-dimensions.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-webchat-dimensions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAE/C,OAAO,EAAE,cAAc,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"use-webchat-dimensions.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-webchat-dimensions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAE/C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAEtD,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,MAAM,EACJ,UAAU,EACV,SAAS,EACT,aAAa,EACb,YAAY,EAAE,EAAE,aAAa,EAAE,GAChC,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAE9B,MAAM,uCAAuC,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/D,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,CAAA;QACzC,IAAI,CAAC,aAAa,IAAI,CAAC,cAAc;YAAE,OAAO,CAAC,CAAA;QAC/C,MAAM,aAAa,GAAG,cAAc,CAAC,YAAY,IAAI,CAAC,CAAA;QACtD,MAAM,cAAc,GAClB,CAAC,MAAM,CAAC,cAAc,IAAI,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC;YACvD,MAAM,CAAC,WAAW,CAAA;QACpB,IAAI,0BAA0B,GAAG,cAAc,GAAG,aAAa,CAAA;QAC/D,0BAA0B;YACxB,IAAI,CAAC,KAAK,CAAC,0BAA0B,GAAG,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,CAAA,CAAC,qBAAqB;QAChF,OAAO,0BAA0B,CAAA;IACnC,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAEnB,MAAM,gCAAgC,GAAG,WAAW,CAAC,GAAG,EAAE;QACxD,MAAM,cAAc,GAAG,UAAU,CAAC,OAAO,CAAA;QACzC,MAAM,aAAa,GAAG,SAAS,CAAC,OAAO,CAAA;QACvC,MAAM,iBAAiB,GAAG,aAAa,CAAC,OAAO,CAAA;QAE/C,IAAI,CAAC,aAAa,IAAI,CAAC,cAAc;YAAE,OAAO,CAAC,CAAA;QAE/C,MAAM,mBAAmB,GAAG,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAA;QAC1E,MAAM,uBAAuB,GAAG,iBAAiB;YAC/C,CAAC,CAAC,iBAAiB,CAAC,YAAY;YAChC,CAAC,CAAC,CAAC,CAAA;QAEL,OAAO,CACL,cAAc,CAAC,YAAY;YAC3B,mBAAmB;YACnB,uBAAuB,CACxB,CAAA;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAEnB,OAAO;QACL,uCAAuC;QACvC,gCAAgC;KACjC,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useContext } from 'react';
|
|
2
|
-
import { WebchatContext } from '../../
|
|
2
|
+
import { WebchatContext } from '../../webchat/context';
|
|
3
3
|
import { useWebchatDimensions } from './use-webchat-dimensions';
|
|
4
4
|
export const useWebchatResizer = () => {
|
|
5
5
|
const { webchatRef, chatAreaRef, inputPanelRef, headerRef } = useContext(WebchatContext);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-webchat-resizer.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-webchat-resizer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,cAAc,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"use-webchat-resizer.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-webchat-resizer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAA;AAE/D,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,aAAa,EAAE,SAAS,EAAE,GACzD,UAAU,CAAC,cAAc,CAAC,CAAA;IAE5B,MAAM,EACJ,uCAAuC,EACvC,gCAAgC,GACjC,GAAG,oBAAoB,EAAE,CAAA;IAE1B,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,IACE,UAAU,CAAC,OAAO;YAClB,WAAW,CAAC,OAAO;YACnB,SAAS,CAAC,OAAO;YACjB,aAAa,CAAC,OAAO,EACrB;YACA,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,uCAAuC,EAAE,GAAG,CAAA;YACjF,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,gCAAgC,EAAE,IAAI,CAAA;SAC7E;IACH,CAAC,CAAA;IAED,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,IACE,UAAU,CAAC,OAAO;YAClB,WAAW,CAAC,OAAO;YACnB,aAAa,CAAC,OAAO;YACrB,SAAS,CAAC,OAAO,EACjB;YACA,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAA;YACxC,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,gCAAgC,EAAE,IAAI,CAAA;SAC7E;IACH,CAAC,CAAA;IAED,OAAO;QACL,mBAAmB;QACnB,oBAAoB;KACrB,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { RefObject } from 'react';
|
|
3
|
-
import { Webview } from '../components/index-types';
|
|
1
|
+
import { WebchatArgs } from '../index-types';
|
|
4
2
|
export interface WebchatStateTheme {
|
|
5
3
|
headerTitle: string;
|
|
6
4
|
brandColor: string;
|
|
@@ -9,49 +7,10 @@ export interface WebchatStateTheme {
|
|
|
9
7
|
textPlaceholder: string;
|
|
10
8
|
style: {
|
|
11
9
|
fontFamily: string;
|
|
10
|
+
borderRadius?: string;
|
|
12
11
|
};
|
|
13
12
|
}
|
|
14
|
-
export interface
|
|
15
|
-
message?: string;
|
|
16
|
-
}
|
|
17
|
-
export interface DevSettings {
|
|
18
|
-
keepSessionOnReload?: boolean;
|
|
19
|
-
showSessionView?: boolean;
|
|
20
|
-
}
|
|
21
|
-
export interface WebchatState {
|
|
22
|
-
width: number;
|
|
23
|
-
height: number;
|
|
24
|
-
messagesJSON: any[];
|
|
25
|
-
messagesComponents: any[];
|
|
26
|
-
replies: any[];
|
|
27
|
-
latestInput: Partial<CoreInput>;
|
|
28
|
-
typing: boolean;
|
|
29
|
-
webview: Webview | null;
|
|
30
|
-
webviewParams: null;
|
|
31
|
-
session: Partial<CoreSession>;
|
|
32
|
-
lastRoutePath: string | null;
|
|
33
|
-
handoff: boolean;
|
|
34
|
-
theme: WebchatStateTheme;
|
|
35
|
-
themeUpdates: Partial<WebchatStateTheme>;
|
|
36
|
-
error: ErrorMessage;
|
|
37
|
-
online: boolean;
|
|
38
|
-
devSettings: DevSettings;
|
|
39
|
-
isWebchatOpen: boolean;
|
|
40
|
-
isEmojiPickerOpen: boolean;
|
|
41
|
-
isPersistentMenuOpen: boolean;
|
|
42
|
-
isCoverComponentOpen: boolean;
|
|
43
|
-
isCustomComponentRendered: boolean;
|
|
44
|
-
lastMessageUpdate?: string;
|
|
45
|
-
currentAttachment?: File;
|
|
46
|
-
numUnreadMessages: number;
|
|
47
|
-
isLastMessageVisible: boolean;
|
|
48
|
-
isInputFocused: boolean;
|
|
49
|
-
}
|
|
50
|
-
export interface WebchatProps {
|
|
51
|
-
ref: RefObject<any>;
|
|
52
|
-
onConnectionRegained?: () => Promise<void>;
|
|
53
|
-
}
|
|
54
|
-
export interface WebchatDevProps extends WebchatProps {
|
|
13
|
+
export interface WebchatDevProps extends WebchatArgs {
|
|
55
14
|
initialDevSettings?: {
|
|
56
15
|
keepSessionOnReload?: boolean;
|
|
57
16
|
showSessionView?: boolean;
|
package/lib/esm/webchat/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/webchat/index.ts"],"names":[],"mappings":"AAAA,cAAc;AACd,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,MAAM,UAAU,aAAa;IAC3B,oCAAoC;IACpC,oCAAoC;IACpC,OAAO,OAAO,CAAA;AAChB,CAAC;AAED,cAAc,eAAe,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/webchat/index.ts"],"names":[],"mappings":"AAAA,cAAc;AACd,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,MAAM,UAAU,aAAa;IAC3B,oCAAoC;IACpC,oCAAoC;IACpC,OAAO,OAAO,CAAA;AAChB,CAAC;AAED,cAAc,eAAe,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
interface AttachmentProps {
|
|
2
2
|
accept: string;
|
|
3
|
-
enableAttachments
|
|
3
|
+
enableAttachments?: boolean;
|
|
4
4
|
onChange: (event: any) => void;
|
|
5
5
|
}
|
|
6
6
|
export declare const Attachment: ({ accept, enableAttachments, onChange, }: AttachmentProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
|
|
|
2
2
|
import { useContext, useRef } from 'react';
|
|
3
3
|
import AttachmentIcon from '../../assets/attachment-icon.svg';
|
|
4
4
|
import { ROLES, WEBCHAT } from '../../constants';
|
|
5
|
-
import { WebchatContext } from '../../
|
|
5
|
+
import { WebchatContext } from '../../webchat/context';
|
|
6
6
|
import { Icon } from '../components/common';
|
|
7
7
|
import { ConditionalAnimation } from '../components/conditional-animation';
|
|
8
8
|
export const Attachment = ({ accept, enableAttachments, onChange, }) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"attachment.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/attachment.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEjD,OAAO,cAAc,MAAM,kCAAkC,CAAA;AAC7D,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"attachment.js","sourceRoot":"","sources":["../../../../src/webchat/input-panel/attachment.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEjD,OAAO,cAAc,MAAM,kCAAkC,CAAA;AAC7D,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC3C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAA;AAQ1E,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,MAAM,EACN,iBAAiB,EACjB,QAAQ,GACQ,EAAE,EAAE;IACpB,MAAM,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAEvD,MAAM,YAAY,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAA;IAE1D,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,OAAO,CAAC,iBAAiB,CAAC,iBAAiB,EAC3C,SAAS,CACV,CAAA;IAED,MAAM,oBAAoB,GAAG,GAAG,EAAE;;QAChC,MAAM,oBAAoB,GAAG,CAAC,CAAC,iBAAiB,CAAA;QAChD,OAAO,CACL,MAAA,gBAAgB,CACd,OAAO,CAAC,iBAAiB,CAAC,iBAAiB,EAC3C,iBAAiB,CAClB,mCAAI,oBAAoB,CAC1B,CAAA;IACH,CAAC,CAAA;IACD,MAAM,kBAAkB,GAAG,oBAAoB,EAAE,CAAA;IAEjD,MAAM,cAAc,GAAG,KAAK,CAAC,EAAE;QAC7B,QAAQ,CAAC,KAAK,CAAC,CAAA;QACf,IAAI,YAAY,CAAC,OAAO,EAAE;YACxB,YAAY,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAA;SAChC;IACH,CAAC,CAAA;IAED,OAAO,CACL,4BACG,kBAAkB,CAAC,CAAC,CAAC,CACpB,KAAC,oBAAoB,cACnB,6BAAK,IAAI,EAAE,KAAK,CAAC,eAAe,iBAC9B,8BAAO,OAAO,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,gBAChD,iBAAiB,CAAC,CAAC,CAAC,CACnB,KAAC,iBAAiB,KAAG,CACtB,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,GAAG,EAAE,cAAc,GAAI,CAC9B,IACK,EACR,gBACE,GAAG,EAAE,YAAY,EACjB,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,MAAM,EACX,EAAE,EAAC,YAAY,EACf,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAC1B,QAAQ,EAAE,cAAc,EACxB,MAAM,EAAE,MAAM,GACd,KACE,GACe,CACxB,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA"}
|