@botonic/react 0.22.0-alpha.1 → 0.22.0-alpha.3
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/botonic-tester.js +8 -10
- package/lib/cjs/botonic-tester.js.map +1 -1
- package/lib/cjs/components/audio.js +3 -7
- package/lib/cjs/components/audio.js.map +1 -1
- package/lib/cjs/components/button.js +7 -18
- package/lib/cjs/components/button.js.map +1 -1
- package/lib/cjs/components/carousel.d.ts +1 -1
- package/lib/cjs/components/carousel.js +6 -19
- package/lib/cjs/components/carousel.js.map +1 -1
- package/lib/cjs/components/custom-message.d.ts +3 -34
- package/lib/cjs/components/custom-message.js +4 -10
- package/lib/cjs/components/custom-message.js.map +1 -1
- package/lib/cjs/components/document.js +3 -6
- package/lib/cjs/components/document.js.map +1 -1
- package/lib/cjs/components/element.js +3 -2
- package/lib/cjs/components/element.js.map +1 -1
- package/lib/cjs/components/handoff.js +3 -7
- package/lib/cjs/components/handoff.js.map +1 -1
- package/lib/cjs/components/image.js +3 -7
- package/lib/cjs/components/image.js.map +1 -1
- package/lib/cjs/components/index-types.d.ts +174 -0
- package/lib/cjs/components/index-types.js +17 -0
- package/lib/cjs/components/index-types.js.map +1 -0
- package/lib/cjs/components/index.d.ts +23 -20
- package/lib/cjs/components/index.js +6 -1
- package/lib/cjs/components/index.js.map +1 -1
- package/lib/cjs/components/location.js +3 -9
- package/lib/cjs/components/location.js.map +1 -1
- package/lib/cjs/components/message-template.js +2 -3
- package/lib/cjs/components/message-template.js.map +1 -1
- package/lib/cjs/components/message.js +7 -25
- package/lib/cjs/components/message.js.map +1 -1
- package/lib/cjs/components/multichannel/index-types.d.ts +45 -0
- package/lib/cjs/components/multichannel/index-types.js +3 -0
- package/lib/cjs/components/multichannel/index-types.js.map +1 -0
- package/lib/cjs/components/multichannel/index.d.ts +11 -6
- package/lib/cjs/components/multichannel/index.js +2 -0
- package/lib/cjs/components/multichannel/index.js.map +1 -1
- package/lib/cjs/components/multichannel/multichannel-button.js +4 -5
- package/lib/cjs/components/multichannel/multichannel-button.js.map +1 -1
- package/lib/cjs/components/multichannel/multichannel-carousel.js +3 -20
- package/lib/cjs/components/multichannel/multichannel-carousel.js.map +1 -1
- package/lib/cjs/components/multichannel/multichannel-context.d.ts +1 -1
- package/lib/cjs/components/multichannel/multichannel-reply.js +2 -1
- package/lib/cjs/components/multichannel/multichannel-reply.js.map +1 -1
- package/lib/cjs/components/multichannel/multichannel-text.d.ts +1 -1
- package/lib/cjs/components/multichannel/multichannel-text.js +9 -24
- package/lib/cjs/components/multichannel/multichannel-text.js.map +1 -1
- package/lib/cjs/components/multichannel/multichannel.js +16 -28
- package/lib/cjs/components/multichannel/multichannel.js.map +1 -1
- package/lib/cjs/components/pic.js +3 -2
- package/lib/cjs/components/pic.js.map +1 -1
- package/lib/cjs/components/raw.js +3 -12
- package/lib/cjs/components/raw.js.map +1 -1
- package/lib/cjs/components/reply.js +5 -8
- package/lib/cjs/components/reply.js.map +1 -1
- package/lib/cjs/components/share-button.js +2 -3
- package/lib/cjs/components/share-button.js.map +1 -1
- package/lib/cjs/components/subtitle.js +3 -4
- package/lib/cjs/components/subtitle.js.map +1 -1
- package/lib/cjs/components/text.js +3 -6
- package/lib/cjs/components/text.js.map +1 -1
- package/lib/cjs/components/timestamps.js +2 -5
- package/lib/cjs/components/timestamps.js.map +1 -1
- package/lib/cjs/components/title.js +3 -2
- package/lib/cjs/components/title.js.map +1 -1
- package/lib/cjs/components/video.js +3 -6
- package/lib/cjs/components/video.js.map +1 -1
- package/lib/cjs/components/webchat-settings.js +2 -1
- package/lib/cjs/components/webchat-settings.js.map +1 -1
- package/lib/cjs/components/whatsapp-button-list.d.ts +24 -0
- package/lib/cjs/components/whatsapp-button-list.js +26 -0
- package/lib/cjs/components/whatsapp-button-list.js.map +1 -0
- package/lib/cjs/components/whatsapp-template.js +3 -4
- package/lib/cjs/components/whatsapp-template.js.map +1 -1
- package/lib/cjs/contexts.d.ts +2 -3
- package/lib/cjs/contexts.js +3 -4
- package/lib/cjs/contexts.js.map +1 -1
- package/lib/cjs/dev-app.d.ts +2 -2
- package/lib/cjs/dev-app.js +2 -1
- package/lib/cjs/dev-app.js.map +1 -1
- package/lib/cjs/index-types.d.ts +94 -0
- package/lib/cjs/index-types.js +12 -0
- package/lib/cjs/index-types.js.map +1 -0
- package/lib/cjs/index.d.ts +9 -10
- package/lib/cjs/index.js +5 -7
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/message-utils.d.ts +1 -1
- package/lib/cjs/message-utils.js +16 -16
- package/lib/cjs/message-utils.js.map +1 -1
- package/lib/cjs/msg-to-botonic.d.ts +1 -1
- package/lib/cjs/msg-to-botonic.js +24 -46
- package/lib/cjs/msg-to-botonic.js.map +1 -1
- package/lib/cjs/node-app.d.ts +2 -2
- package/lib/cjs/react-bot.d.ts +1 -1
- package/lib/cjs/react-bot.js +5 -6
- package/lib/cjs/react-bot.js.map +1 -1
- package/lib/cjs/util/error-boundary.d.ts +6 -39
- package/lib/cjs/util/error-boundary.js +17 -30
- package/lib/cjs/util/error-boundary.js.map +1 -1
- package/lib/cjs/util/index.d.ts +8 -0
- package/lib/cjs/util/index.js +10 -0
- package/lib/cjs/util/index.js.map +1 -1
- package/lib/cjs/util/webchat.d.ts +1 -1
- package/lib/cjs/webchat/components/attachment.js +7 -10
- package/lib/cjs/webchat/components/attachment.js.map +1 -1
- package/lib/cjs/webchat/components/common.js +2 -1
- package/lib/cjs/webchat/components/common.js.map +1 -1
- package/lib/cjs/webchat/components/conditional-animation.js +2 -3
- package/lib/cjs/webchat/components/conditional-animation.js.map +1 -1
- package/lib/cjs/webchat/components/emoji-picker.js +3 -12
- package/lib/cjs/webchat/components/emoji-picker.js.map +1 -1
- package/lib/cjs/webchat/components/persistent-menu.js +5 -19
- package/lib/cjs/webchat/components/persistent-menu.js.map +1 -1
- package/lib/cjs/webchat/components/send-button.js +2 -7
- package/lib/cjs/webchat/components/send-button.js.map +1 -1
- package/lib/cjs/webchat/components/typing-indicator.js +2 -5
- package/lib/cjs/webchat/components/typing-indicator.js.map +1 -1
- package/lib/cjs/webchat/devices/device-adapter.d.ts +2 -2
- package/lib/cjs/webchat/header.js +4 -14
- package/lib/cjs/webchat/header.js.map +1 -1
- package/lib/cjs/webchat/hooks.js +2 -1
- package/lib/cjs/webchat/hooks.js.map +1 -1
- package/lib/cjs/webchat/index-types.d.ts +55 -0
- package/lib/cjs/webchat/index-types.js +3 -0
- package/lib/cjs/webchat/index-types.js.map +1 -0
- package/lib/cjs/webchat/index.d.ts +4 -6
- package/lib/cjs/webchat/index.js +3 -3
- package/lib/cjs/webchat/index.js.map +1 -1
- package/lib/cjs/webchat/message-list.js +5 -12
- package/lib/cjs/webchat/message-list.js.map +1 -1
- package/lib/cjs/webchat/replies.js +2 -5
- package/lib/cjs/webchat/replies.js.map +1 -1
- package/lib/cjs/webchat/session-view.js +7 -30
- package/lib/cjs/webchat/session-view.js.map +1 -1
- package/lib/cjs/webchat/use-storage-state-hook.js +12 -2
- package/lib/cjs/webchat/use-storage-state-hook.js.map +1 -1
- package/lib/cjs/webchat/webchat-dev.d.ts +1 -1
- package/lib/cjs/webchat/webchat-dev.js +6 -10
- package/lib/cjs/webchat/webchat-dev.js.map +1 -1
- package/lib/cjs/webchat/webchat.d.ts +1 -1
- package/lib/cjs/webchat/webchat.js +43 -86
- package/lib/cjs/webchat/webchat.js.map +1 -1
- package/lib/cjs/webchat/webview.js +5 -13
- package/lib/cjs/webchat/webview.js.map +1 -1
- package/lib/cjs/webchat-app.d.ts +2 -2
- package/lib/cjs/webchat-app.js +6 -4
- package/lib/cjs/webchat-app.js.map +1 -1
- package/lib/cjs/webview-app.js +12 -13
- package/lib/cjs/webview-app.js.map +1 -1
- package/lib/esm/botonic-tester.js +5 -7
- package/lib/esm/botonic-tester.js.map +1 -1
- package/lib/esm/components/audio.js +3 -7
- package/lib/esm/components/audio.js.map +1 -1
- package/lib/esm/components/button.js +7 -18
- package/lib/esm/components/button.js.map +1 -1
- package/lib/esm/components/carousel.d.ts +2 -1
- package/lib/esm/components/carousel.js +6 -19
- package/lib/esm/components/carousel.js.map +1 -1
- package/lib/esm/components/custom-message.d.ts +3 -34
- package/lib/esm/components/custom-message.js +4 -10
- package/lib/esm/components/custom-message.js.map +1 -1
- package/lib/esm/components/document.js +3 -6
- package/lib/esm/components/document.js.map +1 -1
- package/lib/esm/components/element.js +3 -2
- package/lib/esm/components/element.js.map +1 -1
- package/lib/esm/components/handoff.js +3 -7
- package/lib/esm/components/handoff.js.map +1 -1
- package/lib/esm/components/image.js +3 -7
- package/lib/esm/components/image.js.map +1 -1
- package/lib/esm/components/index-types.d.ts +174 -0
- package/lib/esm/components/index-types.js +16 -0
- package/lib/esm/components/index-types.js.map +1 -0
- package/lib/esm/components/index.d.ts +23 -19
- package/lib/esm/components/index.js +3 -0
- package/lib/esm/components/index.js.map +1 -1
- package/lib/esm/components/location.js +3 -9
- package/lib/esm/components/location.js.map +1 -1
- package/lib/esm/components/message-template.js +2 -3
- package/lib/esm/components/message-template.js.map +1 -1
- package/lib/esm/components/message.js +7 -25
- package/lib/esm/components/message.js.map +1 -1
- package/lib/esm/components/multichannel/index-types.d.ts +45 -0
- package/lib/esm/components/multichannel/index-types.js +2 -0
- package/lib/esm/components/multichannel/index-types.js.map +1 -0
- package/lib/esm/components/multichannel/index.d.ts +11 -6
- package/lib/esm/components/multichannel/index.js +1 -0
- package/lib/esm/components/multichannel/index.js.map +1 -1
- package/lib/esm/components/multichannel/multichannel-button.js +4 -5
- package/lib/esm/components/multichannel/multichannel-button.js.map +1 -1
- package/lib/esm/components/multichannel/multichannel-carousel.js +3 -20
- package/lib/esm/components/multichannel/multichannel-carousel.js.map +1 -1
- package/lib/esm/components/multichannel/multichannel-context.d.ts +1 -1
- package/lib/esm/components/multichannel/multichannel-reply.js +2 -1
- package/lib/esm/components/multichannel/multichannel-reply.js.map +1 -1
- package/lib/esm/components/multichannel/multichannel-text.d.ts +1 -1
- package/lib/esm/components/multichannel/multichannel-text.js +9 -24
- package/lib/esm/components/multichannel/multichannel-text.js.map +1 -1
- package/lib/esm/components/multichannel/multichannel.js +11 -23
- package/lib/esm/components/multichannel/multichannel.js.map +1 -1
- package/lib/esm/components/pic.js +3 -2
- package/lib/esm/components/pic.js.map +1 -1
- package/lib/esm/components/raw.js +3 -12
- package/lib/esm/components/raw.js.map +1 -1
- package/lib/esm/components/reply.js +5 -8
- package/lib/esm/components/reply.js.map +1 -1
- package/lib/esm/components/share-button.js +2 -3
- package/lib/esm/components/share-button.js.map +1 -1
- package/lib/esm/components/subtitle.js +3 -4
- package/lib/esm/components/subtitle.js.map +1 -1
- package/lib/esm/components/text.js +3 -6
- package/lib/esm/components/text.js.map +1 -1
- package/lib/esm/components/timestamps.js +2 -5
- package/lib/esm/components/timestamps.js.map +1 -1
- package/lib/esm/components/title.js +3 -2
- package/lib/esm/components/title.js.map +1 -1
- package/lib/esm/components/video.js +3 -6
- package/lib/esm/components/video.js.map +1 -1
- package/lib/esm/components/webchat-settings.js +2 -1
- package/lib/esm/components/webchat-settings.js.map +1 -1
- package/lib/esm/components/whatsapp-button-list.d.ts +24 -0
- package/lib/esm/components/whatsapp-button-list.js +22 -0
- package/lib/esm/components/whatsapp-button-list.js.map +1 -0
- package/lib/esm/components/whatsapp-template.js +3 -4
- package/lib/esm/components/whatsapp-template.js.map +1 -1
- package/lib/esm/contexts.d.ts +2 -3
- package/lib/esm/contexts.js +3 -3
- package/lib/esm/contexts.js.map +1 -1
- package/lib/esm/dev-app.d.ts +2 -2
- package/lib/esm/dev-app.js +2 -1
- package/lib/esm/dev-app.js.map +1 -1
- package/lib/esm/index-types.d.ts +94 -0
- package/lib/esm/index-types.js +9 -0
- package/lib/esm/index-types.js.map +1 -0
- package/lib/esm/index.d.ts +9 -9
- package/lib/esm/index.js +4 -3
- package/lib/esm/index.js.map +1 -1
- package/lib/esm/message-utils.d.ts +2 -1
- package/lib/esm/message-utils.js +1 -1
- package/lib/esm/message-utils.js.map +1 -1
- package/lib/esm/msg-to-botonic.d.ts +1 -1
- package/lib/esm/msg-to-botonic.js +23 -45
- package/lib/esm/msg-to-botonic.js.map +1 -1
- package/lib/esm/node-app.d.ts +4 -4
- package/lib/esm/react-bot.d.ts +2 -1
- package/lib/esm/react-bot.js +4 -5
- package/lib/esm/react-bot.js.map +1 -1
- package/lib/esm/util/error-boundary.d.ts +6 -39
- package/lib/esm/util/error-boundary.js +17 -30
- package/lib/esm/util/error-boundary.js.map +1 -1
- package/lib/esm/util/index.d.ts +8 -0
- package/lib/esm/util/index.js +8 -1
- package/lib/esm/util/index.js.map +1 -1
- package/lib/esm/util/webchat.d.ts +1 -1
- package/lib/esm/webchat/components/attachment.js +8 -11
- package/lib/esm/webchat/components/attachment.js.map +1 -1
- package/lib/esm/webchat/components/common.js +2 -1
- package/lib/esm/webchat/components/common.js.map +1 -1
- package/lib/esm/webchat/components/conditional-animation.js +2 -3
- package/lib/esm/webchat/components/conditional-animation.js.map +1 -1
- package/lib/esm/webchat/components/emoji-picker.js +3 -12
- package/lib/esm/webchat/components/emoji-picker.js.map +1 -1
- package/lib/esm/webchat/components/persistent-menu.js +5 -19
- package/lib/esm/webchat/components/persistent-menu.js.map +1 -1
- package/lib/esm/webchat/components/send-button.js +2 -7
- package/lib/esm/webchat/components/send-button.js.map +1 -1
- package/lib/esm/webchat/components/typing-indicator.js +2 -5
- package/lib/esm/webchat/components/typing-indicator.js.map +1 -1
- package/lib/esm/webchat/devices/device-adapter.d.ts +2 -2
- package/lib/esm/webchat/header.js +4 -14
- package/lib/esm/webchat/header.js.map +1 -1
- package/lib/esm/webchat/hooks.js +2 -1
- package/lib/esm/webchat/hooks.js.map +1 -1
- package/lib/esm/webchat/index-types.d.ts +55 -0
- package/lib/esm/webchat/index-types.js +2 -0
- package/lib/esm/webchat/index-types.js.map +1 -0
- package/lib/esm/webchat/index.d.ts +4 -6
- package/lib/esm/webchat/index.js +2 -3
- package/lib/esm/webchat/index.js.map +1 -1
- package/lib/esm/webchat/message-list.js +5 -12
- package/lib/esm/webchat/message-list.js.map +1 -1
- package/lib/esm/webchat/replies.js +2 -5
- package/lib/esm/webchat/replies.js.map +1 -1
- package/lib/esm/webchat/session-view.js +7 -30
- package/lib/esm/webchat/session-view.js.map +1 -1
- package/lib/esm/webchat/use-storage-state-hook.js +12 -2
- package/lib/esm/webchat/use-storage-state-hook.js.map +1 -1
- package/lib/esm/webchat/webchat-dev.d.ts +1 -1
- package/lib/esm/webchat/webchat-dev.js +6 -10
- package/lib/esm/webchat/webchat-dev.js.map +1 -1
- package/lib/esm/webchat/webchat.d.ts +1 -1
- package/lib/esm/webchat/webchat.js +43 -86
- package/lib/esm/webchat/webchat.js.map +1 -1
- package/lib/esm/webchat/webview.js +5 -13
- package/lib/esm/webchat/webview.js.map +1 -1
- package/lib/esm/webchat-app.d.ts +5 -4
- package/lib/esm/webchat-app.js +4 -2
- package/lib/esm/webchat-app.js.map +1 -1
- package/lib/esm/webview-app.js +5 -6
- package/lib/esm/webview-app.js.map +1 -1
- package/package.json +22 -16
- package/src/botonic-tester.jsx +1 -1
- package/src/components/{index.d.ts → index-types.ts} +22 -43
- package/src/components/{index.js → index.ts} +6 -0
- package/src/components/multichannel/{index.d.ts → index-types.ts} +1 -10
- package/src/components/multichannel/{index.js → index.ts} +2 -0
- package/src/components/whatsapp-button-list.tsx +64 -0
- package/src/contexts.jsx +3 -3
- package/src/index-types.ts +195 -0
- package/src/{index.js → index.ts} +4 -3
- package/src/message-utils.js +1 -1
- package/src/msg-to-botonic.jsx +11 -11
- package/src/react-bot.jsx +1 -1
- package/src/util/error-boundary.jsx +15 -30
- package/src/util/index.ts +8 -0
- package/src/webchat/components/attachment.jsx +10 -2
- package/src/webchat/components/emoji-picker.jsx +7 -1
- package/src/webchat/hooks.js +2 -1
- package/src/webchat/{index.d.ts → index-types.ts} +11 -13
- package/src/webchat/{index.js → index.ts} +3 -3
- package/src/webchat/use-storage-state-hook.js +13 -2
- package/src/webchat/webchat.jsx +5 -7
- package/src/webchat-app.jsx +2 -1
- package/src/webview-app.tsx +1 -1
- package/src/index.d.ts +0 -238
- package/src/util/index.d.ts +0 -9
- package/src/util/index.js +0 -0
|
@@ -2,8 +2,9 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.msgsToBotonic = exports.msgToBotonic = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
|
-
const
|
|
6
|
-
const
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const react_1 = require("react");
|
|
7
|
+
const react_2 = tslib_1.__importDefault(require("react"));
|
|
7
8
|
const audio_1 = require("./components/audio");
|
|
8
9
|
const button_1 = require("./components/button");
|
|
9
10
|
const buttons_disabler_1 = require("./components/buttons-disabler");
|
|
@@ -18,6 +19,7 @@ const subtitle_1 = require("./components/subtitle");
|
|
|
18
19
|
const text_1 = require("./components/text");
|
|
19
20
|
const title_1 = require("./components/title");
|
|
20
21
|
const video_1 = require("./components/video");
|
|
22
|
+
const message_utils_1 = require("./message-utils");
|
|
21
23
|
/**
|
|
22
24
|
*
|
|
23
25
|
* @param msg {object}
|
|
@@ -41,35 +43,28 @@ function msgToBotonic(msg, customMessageTypes) {
|
|
|
41
43
|
}
|
|
42
44
|
else if ((0, message_utils_1.isCarousel)(msg)) {
|
|
43
45
|
const elements = msg.elements || msg.data.elements;
|
|
44
|
-
return (
|
|
45
|
-
{elementsParse(elements)}
|
|
46
|
-
</carousel_1.Carousel>);
|
|
46
|
+
return ((0, react_1.createElement)(carousel_1.Carousel, Object.assign({}, msg, { key: msg.key }), elementsParse(elements)));
|
|
47
47
|
}
|
|
48
48
|
else if ((0, message_utils_1.isImage)(msg)) {
|
|
49
|
-
return (
|
|
49
|
+
return ((0, jsx_runtime_1.jsx)(image_1.Image, Object.assign({}, msg, { src: msg.data.image != undefined ? msg.data.image : msg.data }), msg.key));
|
|
50
50
|
}
|
|
51
51
|
else if ((0, message_utils_1.isVideo)(msg)) {
|
|
52
|
-
return (
|
|
52
|
+
return ((0, jsx_runtime_1.jsx)(video_1.Video, Object.assign({}, msg, { src: msg.data.video != undefined ? msg.data.video : msg.data })));
|
|
53
53
|
}
|
|
54
54
|
else if ((0, message_utils_1.isAudio)(msg)) {
|
|
55
|
-
return (
|
|
55
|
+
return ((0, jsx_runtime_1.jsx)(audio_1.Audio, Object.assign({}, msg, { src: msg.data.audio != undefined ? msg.data.audio : msg.data })));
|
|
56
56
|
}
|
|
57
57
|
else if ((0, message_utils_1.isDocument)(msg)) {
|
|
58
|
-
return (
|
|
58
|
+
return ((0, jsx_runtime_1.jsx)(document_1.Document, Object.assign({}, msg, { src: msg.data.document != undefined ? msg.data.document : msg.data })));
|
|
59
59
|
}
|
|
60
60
|
else if ((0, message_utils_1.isLocation)(msg)) {
|
|
61
61
|
const lat = msg.data ? msg.data.location.lat : msg.latitude;
|
|
62
62
|
const long = msg.data ? msg.data.location.long : msg.longitude;
|
|
63
|
-
return
|
|
63
|
+
return (0, jsx_runtime_1.jsx)(location_1.Location, Object.assign({}, msg, { lat: lat, long: long }));
|
|
64
64
|
}
|
|
65
65
|
else if ((0, message_utils_1.isButtonMessage)(msg)) {
|
|
66
66
|
const buttons = buttonsParse(msg.buttons);
|
|
67
|
-
return (
|
|
68
|
-
<text_1.Text {...msg}>
|
|
69
|
-
{msg.text}
|
|
70
|
-
{buttons}
|
|
71
|
-
</text_1.Text>
|
|
72
|
-
</>);
|
|
67
|
+
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(text_1.Text, Object.assign({}, msg, { children: [msg.text, buttons] })) }));
|
|
73
68
|
}
|
|
74
69
|
console.warn(`Not converting message of type ${msg.type}`);
|
|
75
70
|
return null;
|
|
@@ -85,14 +80,12 @@ function rndStr() {
|
|
|
85
80
|
*/
|
|
86
81
|
function msgsToBotonic(msgs, customMessageTypes) {
|
|
87
82
|
if (Array.isArray(msgs)) {
|
|
88
|
-
return (
|
|
89
|
-
{msgs.map((msg, i) => {
|
|
83
|
+
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: msgs.map((msg, i) => {
|
|
90
84
|
if (msg.key == null) {
|
|
91
85
|
msg.key = `msg${i}`;
|
|
92
86
|
}
|
|
93
87
|
return msgToBotonic(msg, customMessageTypes);
|
|
94
|
-
})}
|
|
95
|
-
</>);
|
|
88
|
+
}) }));
|
|
96
89
|
}
|
|
97
90
|
return msgToBotonic(msgs, customMessageTypes);
|
|
98
91
|
}
|
|
@@ -101,26 +94,17 @@ function textToBotonic(msg) {
|
|
|
101
94
|
const txt = msg.data && msg.data.text != undefined ? msg.data.text : String(msg.data);
|
|
102
95
|
if ((msg.replies && msg.replies.length) ||
|
|
103
96
|
(msg.keyboard && msg.keyboard.length))
|
|
104
|
-
return (
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
</text_1.Text>);
|
|
97
|
+
return ((0, react_1.createElement)(text_1.Text, Object.assign({}, msg, { key: msg.key }),
|
|
98
|
+
txt,
|
|
99
|
+
quickrepliesParse(msg)));
|
|
108
100
|
if (msg.buttons && msg.buttons.length)
|
|
109
|
-
return (
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
return (<text_1.Text {...msg} key={msg.key}>
|
|
114
|
-
{txt}
|
|
115
|
-
</text_1.Text>);
|
|
101
|
+
return ((0, react_1.createElement)(text_1.Text, Object.assign({}, msg, { key: msg.key }),
|
|
102
|
+
txt,
|
|
103
|
+
buttonsParse(msg.buttons)));
|
|
104
|
+
return ((0, react_1.createElement)(text_1.Text, Object.assign({}, msg, { key: msg.key }), txt));
|
|
116
105
|
}
|
|
117
106
|
function elementsParse(elements) {
|
|
118
|
-
return elements.map((e, i) => (
|
|
119
|
-
<pic_1.Pic src={e.img || e.pic || e.image_url}/>
|
|
120
|
-
<title_1.Title>{e.title}</title_1.Title>
|
|
121
|
-
<subtitle_1.Subtitle>{e.subtitle}</subtitle_1.Subtitle>
|
|
122
|
-
{buttonsParse(e.button || e.buttons)}
|
|
123
|
-
</element_1.Element>));
|
|
107
|
+
return elements.map((e, i) => ((0, jsx_runtime_1.jsxs)(element_1.Element, { children: [(0, jsx_runtime_1.jsx)(pic_1.Pic, { src: e.img || e.pic || e.image_url }), (0, jsx_runtime_1.jsx)(title_1.Title, { children: e.title }), (0, jsx_runtime_1.jsx)(subtitle_1.Subtitle, { children: e.subtitle }), buttonsParse(e.button || e.buttons)] }, i)));
|
|
124
108
|
}
|
|
125
109
|
function buttonsParse(buttons) {
|
|
126
110
|
return buttons.map((b, i) => {
|
|
@@ -133,9 +117,7 @@ function buttonsParse(buttons) {
|
|
|
133
117
|
const title = props.title;
|
|
134
118
|
const webview = props.messenger_extensions ? props.url : props.webview;
|
|
135
119
|
const disabledProps = buttons_disabler_1.ButtonsDisabler.constructBrowserProps(props);
|
|
136
|
-
return (
|
|
137
|
-
{title}
|
|
138
|
-
</button_1.Button>);
|
|
120
|
+
return ((0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({ payload: payload, url: url, target: target, webview: webview }, disabledProps, { children: title }), i));
|
|
139
121
|
});
|
|
140
122
|
}
|
|
141
123
|
function quickrepliesParse(msg) {
|
|
@@ -145,15 +127,11 @@ function quickrepliesParse(msg) {
|
|
|
145
127
|
let payload = el.payload;
|
|
146
128
|
if (el.path)
|
|
147
129
|
payload = `__PATH_PAYLOAD__${el.path}`;
|
|
148
|
-
return (
|
|
149
|
-
{el.text}
|
|
150
|
-
</reply_1.Reply>);
|
|
130
|
+
return ((0, jsx_runtime_1.jsx)(reply_1.Reply, Object.assign({ payload: payload }, { children: el.text }), i));
|
|
151
131
|
});
|
|
152
132
|
}
|
|
153
133
|
if (msg.keyboard) {
|
|
154
|
-
replies = msg.keyboard.map((el, i) => (
|
|
155
|
-
{el.label}
|
|
156
|
-
</reply_1.Reply>));
|
|
134
|
+
replies = msg.keyboard.map((el, i) => ((0, jsx_runtime_1.jsx)(reply_1.Reply, Object.assign({ payload: el.data }, { children: el.label }), i)));
|
|
157
135
|
}
|
|
158
136
|
return replies;
|
|
159
137
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"msg-to-botonic.js","sourceRoot":"src/","sources":["msg-to-botonic.jsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"msg-to-botonic.js","sourceRoot":"src/","sources":["msg-to-botonic.jsx"],"names":[],"mappings":"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"}
|
package/lib/cjs/node-app.d.ts
CHANGED
|
@@ -2,11 +2,11 @@ export class NodeApp {
|
|
|
2
2
|
constructor(options: any);
|
|
3
3
|
bot: ReactBot;
|
|
4
4
|
renderNode(args: any): Promise<string>;
|
|
5
|
-
input(args: any): Promise<import("@botonic/core").BotResponse>;
|
|
5
|
+
input(args: any): Promise<import("@botonic/core/lib/esm").BotResponse>;
|
|
6
6
|
getConfig(): {
|
|
7
7
|
id: string;
|
|
8
8
|
name: string;
|
|
9
9
|
config: any;
|
|
10
10
|
}[];
|
|
11
11
|
}
|
|
12
|
-
import { ReactBot } from
|
|
12
|
+
import { ReactBot } from './react-bot';
|
package/lib/cjs/react-bot.d.ts
CHANGED
package/lib/cjs/react-bot.js
CHANGED
|
@@ -2,16 +2,17 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.ReactBot = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
|
-
const
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const esm_1 = require("@botonic/core/lib/esm");
|
|
6
7
|
const react_1 = tslib_1.__importDefault(require("react"));
|
|
7
8
|
const text_1 = require("./components/text");
|
|
8
9
|
const contexts_1 = require("./contexts");
|
|
9
|
-
class ReactBot extends
|
|
10
|
+
class ReactBot extends esm_1.CoreBot {
|
|
10
11
|
constructor(options) {
|
|
11
12
|
super(Object.assign({ defaultRoutes: [
|
|
12
13
|
{
|
|
13
14
|
path: '404',
|
|
14
|
-
action: () =>
|
|
15
|
+
action: () => (0, jsx_runtime_1.jsx)(text_1.Text, { children: "I don't understand you" }), // eslint-disable-line
|
|
15
16
|
},
|
|
16
17
|
], renderer: args => this.renderReactActions(args) }, options));
|
|
17
18
|
}
|
|
@@ -22,9 +23,7 @@ class ReactBot extends core_1.CoreBot {
|
|
|
22
23
|
for (const Action of actions) {
|
|
23
24
|
if (Action) {
|
|
24
25
|
props = Action.botonicInit ? await Action.botonicInit(request) : {};
|
|
25
|
-
renderedAction = (
|
|
26
|
-
<Action {...props}/>
|
|
27
|
-
</contexts_1.RequestContext.Provider>);
|
|
26
|
+
renderedAction = ((0, jsx_runtime_1.jsx)(contexts_1.RequestContext.Provider, Object.assign({ value: request }, { children: (0, jsx_runtime_1.jsx)(Action, Object.assign({}, props)) })));
|
|
28
27
|
renderedActions.push(renderedAction);
|
|
29
28
|
}
|
|
30
29
|
}
|
package/lib/cjs/react-bot.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"react-bot.js","sourceRoot":"src/","sources":["react-bot.jsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"react-bot.js","sourceRoot":"src/","sources":["react-bot.jsx"],"names":[],"mappings":";;;;;AAAA,+CAA+C;AAC/C,0DAAyB;AAEzB,4CAAwC;AACxC,yCAA2C;AAE3C,MAAa,QAAS,SAAQ,aAAO;IACnC,YAAY,OAAO;QACjB,KAAK,iBACH,aAAa,EAAE;gBACb;oBACE,IAAI,EAAE,KAAK;oBACX,MAAM,EAAE,GAAG,EAAE,CAAC,uBAAC,WAAI,yCAA8B,EAAE,sBAAsB;iBAC1E;aACF,EACD,QAAQ,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAC5C,OAAO,EACV,CAAA;IACJ,CAAC;IAED,KAAK,CAAC,kBAAkB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE;QAC3C,MAAM,eAAe,GAAG,EAAE,CAAA;QAC1B,IAAI,KAAK,CAAA;QACT,IAAI,cAAc,CAAA;QAClB,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE;YAC5B,IAAI,MAAM,EAAE;gBACV,KAAK,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;gBACnE,cAAc,GAAG,CACf,uBAAC,yBAAc,CAAC,QAAQ,kBAAC,KAAK,EAAE,OAAO,gBACrC,uBAAC,MAAM,oBAAK,KAAK,EAAI,IACG,CAC3B,CAAA;gBACD,eAAe,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA;aACrC;SACF;QACD,OAAO,eAAe,CAAA;IACxB,CAAC;CACF;AA/BD,4BA+BC"}
|
|
@@ -1,40 +1,7 @@
|
|
|
1
1
|
export function createErrorBoundary({ errorComponent, }?: {
|
|
2
|
-
errorComponent?: ((
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
/**
|
|
9
|
-
* @param error the exception which was trown
|
|
10
|
-
* @param errorInfo the stack of component names at the error
|
|
11
|
-
*/
|
|
12
|
-
componentDidCatch(error: any, errorInfo: any): void;
|
|
13
|
-
render(): React.ReactNode;
|
|
14
|
-
context: any;
|
|
15
|
-
setState<K extends string | number | symbol>(state: any, callback?: (() => void) | undefined): void;
|
|
16
|
-
forceUpdate(callback?: (() => void) | undefined): void;
|
|
17
|
-
readonly props: Readonly<any> & Readonly<{
|
|
18
|
-
children?: React.ReactNode;
|
|
19
|
-
}>;
|
|
20
|
-
refs: {
|
|
21
|
-
[key: string]: React.ReactInstance;
|
|
22
|
-
};
|
|
23
|
-
componentDidMount?(): void;
|
|
24
|
-
shouldComponentUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): boolean;
|
|
25
|
-
componentWillUnmount?(): void;
|
|
26
|
-
getSnapshotBeforeUpdate?(prevProps: Readonly<any>, prevState: Readonly<any>): any;
|
|
27
|
-
componentDidUpdate?(prevProps: Readonly<any>, prevState: Readonly<any>, snapshot?: any): void;
|
|
28
|
-
componentWillMount?(): void;
|
|
29
|
-
UNSAFE_componentWillMount?(): void;
|
|
30
|
-
componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
|
|
31
|
-
UNSAFE_componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
|
|
32
|
-
componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
|
|
33
|
-
UNSAFE_componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
|
|
34
|
-
};
|
|
35
|
-
getDerivedStateFromError(error: any): {
|
|
36
|
-
error: any;
|
|
37
|
-
};
|
|
38
|
-
contextType?: React.Context<any> | undefined;
|
|
39
|
-
};
|
|
40
|
-
import React from "react";
|
|
2
|
+
errorComponent?: (({ errorMessage }: {
|
|
3
|
+
errorMessage: any;
|
|
4
|
+
}) => JSX.Element) | undefined;
|
|
5
|
+
}): ({ children }: {
|
|
6
|
+
children: any;
|
|
7
|
+
}) => any;
|
|
@@ -2,44 +2,31 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.createErrorBoundary = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
// @ts-nocheck
|
|
5
7
|
const core_1 = require("@botonic/core");
|
|
6
|
-
const react_1 = tslib_1.
|
|
8
|
+
const react_1 = tslib_1.__importStar(require("react"));
|
|
7
9
|
const text_1 = require("../components/text");
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
*/
|
|
13
|
-
const createErrorBoundary = ({ errorComponent = props => <text_1.Text>The message cannot be displayed</text_1.Text>, } = {}) => {
|
|
14
|
-
class ErrorBoundary extends react_1.default.Component {
|
|
15
|
-
constructor(props) {
|
|
16
|
-
super(props);
|
|
17
|
-
this.state = { error: null };
|
|
18
|
-
}
|
|
19
|
-
/**
|
|
20
|
-
* @param error the exception which was trown
|
|
21
|
-
* @param errorInfo the stack of component names at the error
|
|
22
|
-
*/
|
|
23
|
-
componentDidCatch(error, errorInfo) {
|
|
24
|
-
// No need to log the error because at least chrome & firefox already show
|
|
25
|
-
// both component and call stacks
|
|
10
|
+
const createErrorBoundary = ({ errorComponent = ({ errorMessage }) => ((0, jsx_runtime_1.jsx)(text_1.Text, { children: "The message cannot be displayed" })), } = {}) => {
|
|
11
|
+
const ErrorBoundary = ({ children }) => {
|
|
12
|
+
const [error, setError] = (0, react_1.useState)(null);
|
|
13
|
+
const componentDidCatch = (error, errorInfo) => {
|
|
26
14
|
if ((0, core_1.isNode)()) {
|
|
27
|
-
// In node, only the component stack is displayed
|
|
28
15
|
console.error(`Failure at:`, error);
|
|
29
16
|
}
|
|
30
|
-
}
|
|
31
|
-
|
|
17
|
+
};
|
|
18
|
+
const getDerivedStateFromError = error => {
|
|
32
19
|
return { error };
|
|
20
|
+
};
|
|
21
|
+
if (error) {
|
|
22
|
+
return errorComponent({
|
|
23
|
+
errorMessage: error.message,
|
|
24
|
+
});
|
|
33
25
|
}
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
return errorComponent(Object.assign(Object.assign({}, this.props), { errorMessage: this.state.error.message }));
|
|
37
|
-
}
|
|
38
|
-
else {
|
|
39
|
-
return this.props.children;
|
|
40
|
-
}
|
|
26
|
+
else {
|
|
27
|
+
return children;
|
|
41
28
|
}
|
|
42
|
-
}
|
|
29
|
+
};
|
|
43
30
|
return ErrorBoundary;
|
|
44
31
|
};
|
|
45
32
|
exports.createErrorBoundary = createErrorBoundary;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"error-boundary.js","sourceRoot":"src/","sources":["util/error-boundary.jsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"error-boundary.js","sourceRoot":"src/","sources":["util/error-boundary.jsx"],"names":[],"mappings":";;;;;AAAA,cAAc;AACd,wCAAsC;AACtC,uDAAuC;AAEvC,6CAAyC;AAElC,MAAM,mBAAmB,GAAG,CAAC,EAClC,cAAc,GAAG,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CACrC,uBAAC,WAAI,kDAAuC,CAC7C,GACF,GAAG,EAAE,EAAE,EAAE;IACR,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;QACrC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAA;QAExC,MAAM,iBAAiB,GAAG,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE;YAC7C,IAAI,IAAA,aAAM,GAAE,EAAE;gBACZ,OAAO,CAAC,KAAK,CAAC,aAAa,EAAE,KAAK,CAAC,CAAA;aACpC;QACH,CAAC,CAAA;QAED,MAAM,wBAAwB,GAAG,KAAK,CAAC,EAAE;YACvC,OAAO,EAAE,KAAK,EAAE,CAAA;QAClB,CAAC,CAAA;QAED,IAAI,KAAK,EAAE;YACT,OAAO,cAAc,CAAC;gBACpB,YAAY,EAAE,KAAK,CAAC,OAAO;aAC5B,CAAC,CAAA;SACH;aAAM;YACL,OAAO,QAAQ,CAAA;SAChB;IACH,CAAC,CAAA;IAED,OAAO,aAAa,CAAA;AACtB,CAAC,CAAA;AA5BY,QAAA,mBAAmB,uBA4B/B"}
|
package/lib/cjs/util/index.d.ts
CHANGED
package/lib/cjs/util/index.js
CHANGED
|
@@ -1,2 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const tslib_1 = require("tslib");
|
|
4
|
+
tslib_1.__exportStar(require("./dom"), exports);
|
|
5
|
+
tslib_1.__exportStar(require("./environment"), exports);
|
|
6
|
+
tslib_1.__exportStar(require("./error-boundary"), exports);
|
|
7
|
+
tslib_1.__exportStar(require("./logs"), exports);
|
|
8
|
+
tslib_1.__exportStar(require("./objects"), exports);
|
|
9
|
+
tslib_1.__exportStar(require("./react"), exports);
|
|
10
|
+
tslib_1.__exportStar(require("./regexs"), exports);
|
|
11
|
+
tslib_1.__exportStar(require("./webchat"), exports);
|
|
2
12
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"src/","sources":["util/index.
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"src/","sources":["util/index.ts"],"names":[],"mappings":";;;AAAA,gDAAqB;AACrB,wDAA6B;AAC7B,2DAAgC;AAChC,iDAAsB;AACtB,oDAAyB;AACzB,kDAAuB;AACvB,mDAAwB;AACxB,oDAAyB"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.Attachment = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
6
|
const react_1 = tslib_1.__importStar(require("react"));
|
|
6
7
|
const attachment_icon_svg_1 = tslib_1.__importDefault(require("../../assets/attachment-icon.svg"));
|
|
7
8
|
const constants_1 = require("../../constants");
|
|
@@ -10,6 +11,7 @@ const conditional_animation_1 = require("../components/conditional-animation");
|
|
|
10
11
|
const common_1 = require("./common");
|
|
11
12
|
const Attachment = ({ onChange, accept, enableAttachments }) => {
|
|
12
13
|
const { getThemeProperty } = (0, react_1.useContext)(contexts_1.WebchatContext);
|
|
14
|
+
const fileInputRef = (0, react_1.useRef)(null);
|
|
13
15
|
const CustomAttachments = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.customAttachments, undefined);
|
|
14
16
|
const isAttachmentsEnabled = () => {
|
|
15
17
|
var _a;
|
|
@@ -17,16 +19,11 @@ const Attachment = ({ onChange, accept, enableAttachments }) => {
|
|
|
17
19
|
return ((_a = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.enableAttachments, enableAttachments)) !== null && _a !== void 0 ? _a : hasCustomAttachments);
|
|
18
20
|
};
|
|
19
21
|
const attachmentsEnabled = isAttachmentsEnabled();
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
</label>
|
|
26
|
-
<input type='file' name='file' id='attachment' style={{ display: 'none' }} onChange={onChange} accept={accept}/>
|
|
27
|
-
</div>
|
|
28
|
-
</conditional_animation_1.ConditionalAnimation>) : null}
|
|
29
|
-
</>);
|
|
22
|
+
const handleOnChange = event => {
|
|
23
|
+
onChange(event);
|
|
24
|
+
fileInputRef.current.value = null;
|
|
25
|
+
};
|
|
26
|
+
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: attachmentsEnabled ? ((0, jsx_runtime_1.jsx)(conditional_animation_1.ConditionalAnimation, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ role: constants_1.ROLES.ATTACHMENT_ICON }, { children: [(0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: 'attachment', style: { marginTop: 4 } }, { children: CustomAttachments ? ((0, jsx_runtime_1.jsx)(CustomAttachments, {})) : ((0, jsx_runtime_1.jsx)(common_1.Icon, { src: attachment_icon_svg_1.default })) })), (0, jsx_runtime_1.jsx)("input", { ref: fileInputRef, type: 'file', name: 'file', id: 'attachment', style: { display: 'none' }, onChange: handleOnChange, accept: accept })] })) })) : null }));
|
|
30
27
|
};
|
|
31
28
|
exports.Attachment = Attachment;
|
|
32
29
|
//# sourceMappingURL=attachment.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"attachment.js","sourceRoot":"src/","sources":["webchat/components/attachment.jsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"attachment.js","sourceRoot":"src/","sources":["webchat/components/attachment.jsx"],"names":[],"mappings":";;;;;AAAA,uDAAiD;AAEjD,mGAA6D;AAC7D,+CAAgD;AAChD,6CAA+C;AAC/C,+EAA0E;AAC1E,qCAA+B;AAExB,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,iBAAiB,EAAE,EAAE,EAAE;IACpE,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAEvD,MAAM,YAAY,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAA;IAEjC,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,mBAAO,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,mBAAO,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,YAAY,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAA;IACnC,CAAC,CAAA;IAED,OAAO,CACL,2DACG,kBAAkB,CAAC,CAAC,CAAC,CACpB,uBAAC,4CAAoB,cACnB,+CAAK,IAAI,EAAE,iBAAK,CAAC,eAAe,iBAC9B,gDAAO,OAAO,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,gBAChD,iBAAiB,CAAC,CAAC,CAAC,CACnB,uBAAC,iBAAiB,KAAG,CACtB,CAAC,CAAC,CAAC,CACF,uBAAC,aAAI,IAAC,GAAG,EAAE,6BAAc,GAAI,CAC9B,IACK,EACR,kCACE,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;AApDY,QAAA,UAAU,cAoDtB"}
|
|
@@ -2,12 +2,13 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.Icon = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
6
|
const react_1 = tslib_1.__importDefault(require("react"));
|
|
6
7
|
const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
|
|
7
8
|
const environment_1 = require("../../util/environment");
|
|
8
9
|
const PointerImage = styled_components_1.default.img `
|
|
9
10
|
cursor: pointer;
|
|
10
11
|
`;
|
|
11
|
-
const Icon = props =>
|
|
12
|
+
const Icon = props => (0, jsx_runtime_1.jsx)(PointerImage, { src: (0, environment_1.resolveImage)(props.src) });
|
|
12
13
|
exports.Icon = Icon;
|
|
13
14
|
//# sourceMappingURL=common.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"common.js","sourceRoot":"src/","sources":["webchat/components/common.jsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"common.js","sourceRoot":"src/","sources":["webchat/components/common.jsx"],"names":[],"mappings":";;;;;AAAA,0DAAyB;AACzB,kFAAsC;AAEtC,wDAAqD;AAErD,MAAM,YAAY,GAAG,2BAAM,CAAC,GAAG,CAAA;;CAE9B,CAAA;AACM,MAAM,IAAI,GAAG,KAAK,CAAC,EAAE,CAAC,uBAAC,YAAY,IAAC,GAAG,EAAE,IAAA,0BAAY,EAAC,KAAK,CAAC,GAAG,CAAC,GAAI,CAAA;AAA9D,QAAA,IAAI,QAA0D"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.ConditionalAnimation = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
6
|
const framer_motion_1 = require("framer-motion");
|
|
6
7
|
const react_1 = tslib_1.__importStar(require("react"));
|
|
7
8
|
const constants_1 = require("../../constants");
|
|
@@ -10,9 +11,7 @@ const react_2 = require("../../util/react");
|
|
|
10
11
|
const ConditionalAnimation = props => {
|
|
11
12
|
const { getThemeProperty } = (0, react_1.useContext)(contexts_1.WebchatContext);
|
|
12
13
|
const animationsEnabled = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.enableAnimations, props.enableAnimations !== undefined ? props.enableAnimations : true);
|
|
13
|
-
return (
|
|
14
|
-
{props.children}
|
|
15
|
-
</react_2.ConditionalWrapper>);
|
|
14
|
+
return ((0, jsx_runtime_1.jsx)(react_2.ConditionalWrapper, Object.assign({ condition: animationsEnabled, wrapper: children => ((0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, Object.assign({ whileHover: { scale: 1.2 } }, { children: children }))) }, { children: props.children })));
|
|
16
15
|
};
|
|
17
16
|
exports.ConditionalAnimation = ConditionalAnimation;
|
|
18
17
|
//# sourceMappingURL=conditional-animation.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"conditional-animation.js","sourceRoot":"src/","sources":["webchat/components/conditional-animation.jsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"conditional-animation.js","sourceRoot":"src/","sources":["webchat/components/conditional-animation.jsx"],"names":[],"mappings":";;;;;AAAA,iDAAsC;AACtC,uDAAyC;AAEzC,+CAAyC;AACzC,6CAA+C;AAC/C,4CAAqD;AAE9C,MAAM,oBAAoB,GAAG,KAAK,CAAC,EAAE;IAC1C,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,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,CACnB,uBAAC,sBAAM,CAAC,GAAG,kBAAC,UAAU,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,gBAAG,QAAQ,IAAc,CAChE,gBAEA,KAAK,CAAC,QAAQ,IACI,CACtB,CAAA;AACH,CAAC,CAAA;AAjBY,QAAA,oBAAoB,wBAiBhC"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.OpenedEmojiPicker = exports.EmojiPicker = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
6
|
const emoji_picker_react_1 = tslib_1.__importDefault(require("emoji-picker-react"));
|
|
6
7
|
const react_1 = tslib_1.__importStar(require("react"));
|
|
7
8
|
const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
|
|
@@ -24,13 +25,7 @@ const EmojiPicker = ({ enableEmojiPicker, onClick }) => {
|
|
|
24
25
|
onClick();
|
|
25
26
|
event.stopPropagation();
|
|
26
27
|
};
|
|
27
|
-
return (
|
|
28
|
-
{emojiPickerEnabled ? (<conditional_animation_1.ConditionalAnimation>
|
|
29
|
-
<div role={constants_1.ROLES.EMOJI_PICKER_ICON} onClick={handleClick}>
|
|
30
|
-
{CustomEmojiPicker ? (<CustomEmojiPicker />) : (<common_1.Icon src={emojiButton_svg_1.default}/>)}
|
|
31
|
-
</div>
|
|
32
|
-
</conditional_animation_1.ConditionalAnimation>) : null}
|
|
33
|
-
</>);
|
|
28
|
+
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: emojiPickerEnabled ? ((0, jsx_runtime_1.jsx)(conditional_animation_1.ConditionalAnimation, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ role: constants_1.ROLES.EMOJI_PICKER_ICON, onClick: handleClick }, { children: CustomEmojiPicker ? ((0, jsx_runtime_1.jsx)(CustomEmojiPicker, {})) : ((0, jsx_runtime_1.jsx)(common_1.Icon, { src: emojiButton_svg_1.default })) })) })) : null }));
|
|
34
29
|
};
|
|
35
30
|
exports.EmojiPicker = EmojiPicker;
|
|
36
31
|
const Container = styled_components_1.default.div `
|
|
@@ -42,11 +37,7 @@ const Container = styled_components_1.default.div `
|
|
|
42
37
|
`;
|
|
43
38
|
const OpenedEmojiPicker = props => {
|
|
44
39
|
const { ref, isComponentVisible } = (0, hooks_1.useComponentVisible)(true, props.onClick);
|
|
45
|
-
return (
|
|
46
|
-
{isComponentVisible && (<Container role={constants_1.ROLES.EMOJI_PICKER}>
|
|
47
|
-
<emoji_picker_react_1.default onEmojiClick={props.onEmojiClick} disableAutoFocus={true}/>
|
|
48
|
-
</Container>)}
|
|
49
|
-
</div>);
|
|
40
|
+
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref }, { children: isComponentVisible && ((0, jsx_runtime_1.jsx)(Container, Object.assign({ role: constants_1.ROLES.EMOJI_PICKER }, { children: (0, jsx_runtime_1.jsx)(emoji_picker_react_1.default, { width: '100%', height: '19rem', previewConfig: { showPreview: false }, onEmojiClick: props.onEmojiClick, disableAutoFocus: true }) }))) })));
|
|
50
41
|
};
|
|
51
42
|
exports.OpenedEmojiPicker = OpenedEmojiPicker;
|
|
52
43
|
//# sourceMappingURL=emoji-picker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"emoji-picker.js","sourceRoot":"src/","sources":["webchat/components/emoji-picker.jsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"emoji-picker.js","sourceRoot":"src/","sources":["webchat/components/emoji-picker.jsx"],"names":[],"mappings":";;;;;AAAA,oFAAuC;AACvC,uDAAyC;AACzC,kFAAsC;AAEtC,2FAAoD;AACpD,+CAAgD;AAChD,6CAA+C;AAC/C,+EAA0E;AAC1E,oCAA8C;AAC9C,qCAA+B;AAExB,MAAM,WAAW,GAAG,CAAC,EAAE,iBAAiB,EAAE,OAAO,EAAE,EAAE,EAAE;IAC5D,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAEvD,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,mBAAO,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,mBAAO,CAAC,iBAAiB,CAAC,iBAAiB,EAC3C,iBAAiB,CAClB,mCAAI,oBAAoB,CAC1B,CAAA;IACH,CAAC,CAAA;IACD,MAAM,kBAAkB,GAAG,oBAAoB,EAAE,CAAA;IAEjD,MAAM,WAAW,GAAG,KAAK,CAAC,EAAE;QAC1B,OAAO,EAAE,CAAA;QACT,KAAK,CAAC,eAAe,EAAE,CAAA;IACzB,CAAC,CAAA;IAED,OAAO,CACL,2DACG,kBAAkB,CAAC,CAAC,CAAC,CACpB,uBAAC,4CAAoB,cACnB,8CAAK,IAAI,EAAE,iBAAK,CAAC,iBAAiB,EAAE,OAAO,EAAE,WAAW,gBACrD,iBAAiB,CAAC,CAAC,CAAC,CACnB,uBAAC,iBAAiB,KAAG,CACtB,CAAC,CAAC,CAAC,CACF,uBAAC,aAAI,IAAC,GAAG,EAAE,yBAAS,GAAI,CACzB,IACG,GACe,CACxB,CAAC,CAAC,CAAC,IAAI,GACP,CACJ,CAAA;AACH,CAAC,CAAA;AAvCY,QAAA,WAAW,eAuCvB;AAED,MAAM,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;CAM3B,CAAA;AAEM,MAAM,iBAAiB,GAAG,KAAK,CAAC,EAAE;IACvC,MAAM,EAAE,GAAG,EAAE,kBAAkB,EAAE,GAAG,IAAA,2BAAmB,EAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;IAC5E,OAAO,CACL,8CAAK,GAAG,EAAE,GAAG,gBACV,kBAAkB,IAAI,CACrB,uBAAC,SAAS,kBAAC,IAAI,EAAE,iBAAK,CAAC,YAAY,gBACjC,uBAAC,4BAAM,IACL,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,OAAO,EACd,aAAa,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,EACrC,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,gBAAgB,EAAE,IAAI,GACtB,IACQ,CACb,IACG,CACP,CAAA;AACH,CAAC,CAAA;AAjBY,QAAA,iBAAiB,qBAiB7B"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.PersistentMenu = exports.OpenedPersistentMenu = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
6
|
const react_1 = tslib_1.__importStar(require("react"));
|
|
6
7
|
const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
|
|
7
8
|
const menuButton_svg_1 = tslib_1.__importDefault(require("../../assets/menuButton.svg"));
|
|
@@ -28,31 +29,16 @@ const OpenedPersistentMenu = ({ onClick, options, borderRadius }) => {
|
|
|
28
29
|
.closeLabel;
|
|
29
30
|
}
|
|
30
31
|
catch (e) { }
|
|
31
|
-
return (
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
return (e.label && (<button_1.Button onClick={onClick} url={e.url} target={e.target} webview={e.webview} payload={e.payload} key={i}>
|
|
35
|
-
{e.label}
|
|
36
|
-
</button_1.Button>));
|
|
37
|
-
})}
|
|
38
|
-
<button_1.Button onClick={onClick} bottomRadius={borderRadius}>
|
|
39
|
-
{closeLabel}
|
|
40
|
-
</button_1.Button>
|
|
41
|
-
</ButtonsContainer>)}
|
|
42
|
-
</div>);
|
|
32
|
+
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref, role: constants_1.ROLES.PERSISTENT_MENU }, { children: isComponentVisible && CustomPersistentMenu ? ((0, jsx_runtime_1.jsx)(CustomPersistentMenu, { onClick: onClick, options: options })) : ((0, jsx_runtime_1.jsxs)(ButtonsContainer, { children: [Object.values(options).map((e, i) => {
|
|
33
|
+
return (e.label && ((0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({ onClick: onClick, url: e.url, target: e.target, webview: e.webview, payload: e.payload }, { children: e.label }), i)));
|
|
34
|
+
}), (0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({ onClick: onClick, bottomRadius: borderRadius }, { children: closeLabel }))] })) })));
|
|
43
35
|
};
|
|
44
36
|
exports.OpenedPersistentMenu = OpenedPersistentMenu;
|
|
45
37
|
const PersistentMenu = ({ onClick, persistentMenu }) => {
|
|
46
38
|
const { getThemeProperty } = (0, react_1.useContext)(contexts_1.WebchatContext);
|
|
47
39
|
const persistentMenuOptions = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.persistentMenu, persistentMenu);
|
|
48
40
|
const CustomMenuButton = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.customMenuButton, undefined);
|
|
49
|
-
return (
|
|
50
|
-
{persistentMenuOptions ? (<conditional_animation_1.ConditionalAnimation>
|
|
51
|
-
<div role={constants_1.ROLES.PERSISTENT_MENU_ICON} onClick={onClick}>
|
|
52
|
-
{CustomMenuButton ? <CustomMenuButton /> : <common_1.Icon src={menuButton_svg_1.default}/>}
|
|
53
|
-
</div>
|
|
54
|
-
</conditional_animation_1.ConditionalAnimation>) : null}
|
|
55
|
-
</>);
|
|
41
|
+
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: persistentMenuOptions ? ((0, jsx_runtime_1.jsx)(conditional_animation_1.ConditionalAnimation, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ role: constants_1.ROLES.PERSISTENT_MENU_ICON, onClick: onClick }, { children: CustomMenuButton ? (0, jsx_runtime_1.jsx)(CustomMenuButton, {}) : (0, jsx_runtime_1.jsx)(common_1.Icon, { src: menuButton_svg_1.default }) })) })) : null }));
|
|
56
42
|
};
|
|
57
43
|
exports.PersistentMenu = PersistentMenu;
|
|
58
44
|
exports.default = exports.OpenedPersistentMenu;
|