@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
|
@@ -0,0 +1,174 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { CoverComponentProps } from '../webchat/index-types';
|
|
3
|
+
export type MessageType = 'audio' | 'buttonmessage' | 'carousel' | 'custom' | 'document' | 'image' | 'location' | 'text' | 'video';
|
|
4
|
+
export interface MessageProps {
|
|
5
|
+
blob?: boolean;
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
delay?: number;
|
|
8
|
+
enabletimestamps?: boolean;
|
|
9
|
+
from?: 'user' | 'bot';
|
|
10
|
+
json?: Record<string, unknown>;
|
|
11
|
+
style?: Record<string, unknown>;
|
|
12
|
+
type?: MessageType;
|
|
13
|
+
typing?: number;
|
|
14
|
+
}
|
|
15
|
+
export interface TextProps extends MessageProps {
|
|
16
|
+
markdown?: boolean;
|
|
17
|
+
}
|
|
18
|
+
export interface Webview {
|
|
19
|
+
name: string;
|
|
20
|
+
}
|
|
21
|
+
export interface ButtonProps {
|
|
22
|
+
params?: any;
|
|
23
|
+
path?: string;
|
|
24
|
+
payload?: string;
|
|
25
|
+
target?: string;
|
|
26
|
+
url?: string;
|
|
27
|
+
webview?: Webview;
|
|
28
|
+
onClick?: () => void;
|
|
29
|
+
autodisable?: boolean;
|
|
30
|
+
disabled?: boolean;
|
|
31
|
+
disabledstyle?: boolean;
|
|
32
|
+
}
|
|
33
|
+
export interface ReplyProps {
|
|
34
|
+
path?: string;
|
|
35
|
+
payload?: string;
|
|
36
|
+
children: string;
|
|
37
|
+
}
|
|
38
|
+
export interface PicProps {
|
|
39
|
+
src: string;
|
|
40
|
+
}
|
|
41
|
+
export type ImageProps = PicProps;
|
|
42
|
+
export interface TitleProps {
|
|
43
|
+
children: React.ReactNode;
|
|
44
|
+
style: string;
|
|
45
|
+
}
|
|
46
|
+
export type SubtitleProps = TitleProps;
|
|
47
|
+
export type CustomProp = {
|
|
48
|
+
custom?: React.ComponentType;
|
|
49
|
+
};
|
|
50
|
+
export type EnableProp = {
|
|
51
|
+
enable?: boolean;
|
|
52
|
+
};
|
|
53
|
+
export type ImageProp = {
|
|
54
|
+
image?: string;
|
|
55
|
+
};
|
|
56
|
+
export type PersistentMenuCloseOption = {
|
|
57
|
+
closeLabel: string;
|
|
58
|
+
};
|
|
59
|
+
export type PersistentMenuOption = {
|
|
60
|
+
label: string;
|
|
61
|
+
} & ButtonProps;
|
|
62
|
+
export type StyleProp = {
|
|
63
|
+
style?: any;
|
|
64
|
+
};
|
|
65
|
+
export type PersistentMenuTheme = (PersistentMenuCloseOption | PersistentMenuOption)[];
|
|
66
|
+
export interface PersistentMenuProps {
|
|
67
|
+
onClick: () => void;
|
|
68
|
+
options: any;
|
|
69
|
+
}
|
|
70
|
+
export type BlockInputOption = {
|
|
71
|
+
preprocess?: (message: string) => string;
|
|
72
|
+
match: RegExp[];
|
|
73
|
+
message: string;
|
|
74
|
+
};
|
|
75
|
+
export interface BlobProps {
|
|
76
|
+
blobTick?: boolean;
|
|
77
|
+
blobTickStyle?: any;
|
|
78
|
+
blobWidth?: string;
|
|
79
|
+
imageStyle?: any;
|
|
80
|
+
}
|
|
81
|
+
export interface ScrollbarProps {
|
|
82
|
+
autoHide?: boolean;
|
|
83
|
+
thumb?: {
|
|
84
|
+
bgcolor?: string;
|
|
85
|
+
border?: string;
|
|
86
|
+
color?: string;
|
|
87
|
+
opacity?: string;
|
|
88
|
+
};
|
|
89
|
+
track?: {
|
|
90
|
+
bgcolor?: string;
|
|
91
|
+
border?: string;
|
|
92
|
+
color?: string;
|
|
93
|
+
};
|
|
94
|
+
}
|
|
95
|
+
export interface ThemeProps extends StyleProp {
|
|
96
|
+
mobileBreakpoint?: number;
|
|
97
|
+
mobileStyle?: any;
|
|
98
|
+
webview?: StyleProp & {
|
|
99
|
+
header?: StyleProp;
|
|
100
|
+
};
|
|
101
|
+
animations?: EnableProp;
|
|
102
|
+
intro?: StyleProp & ImageProp & CustomProp;
|
|
103
|
+
brand?: {
|
|
104
|
+
color?: string;
|
|
105
|
+
} & ImageProp;
|
|
106
|
+
header?: {
|
|
107
|
+
title?: string;
|
|
108
|
+
subtitle?: string;
|
|
109
|
+
} & ImageProp & StyleProp & CustomProp;
|
|
110
|
+
message?: {
|
|
111
|
+
bot?: BlobProps & ImageProp & StyleProp;
|
|
112
|
+
user?: BlobProps & StyleProp;
|
|
113
|
+
customTypes?: React.ComponentType[];
|
|
114
|
+
} & StyleProp & {
|
|
115
|
+
timestamps?: {
|
|
116
|
+
enable?: boolean;
|
|
117
|
+
format(): string;
|
|
118
|
+
} & StyleProp;
|
|
119
|
+
};
|
|
120
|
+
button?: {
|
|
121
|
+
autodisable?: boolean;
|
|
122
|
+
disabledstyle?: any;
|
|
123
|
+
hoverBackground?: string;
|
|
124
|
+
hoverTextColor?: string;
|
|
125
|
+
messageType?: 'text' | 'payload';
|
|
126
|
+
} & StyleProp & CustomProp;
|
|
127
|
+
replies?: {
|
|
128
|
+
align?: 'left' | 'center' | 'right';
|
|
129
|
+
wrap?: 'wrap' | 'nowrap';
|
|
130
|
+
};
|
|
131
|
+
carousel?: {
|
|
132
|
+
arrow?: {
|
|
133
|
+
left: CustomProp;
|
|
134
|
+
right: CustomProp;
|
|
135
|
+
};
|
|
136
|
+
enableArrows?: boolean;
|
|
137
|
+
};
|
|
138
|
+
reply?: StyleProp & CustomProp;
|
|
139
|
+
triggerButton?: ImageProp & StyleProp & CustomProp;
|
|
140
|
+
markdownStyle?: string;
|
|
141
|
+
scrollbar?: ScrollbarProps & EnableProp;
|
|
142
|
+
userInput?: {
|
|
143
|
+
attachments?: EnableProp & CustomProp;
|
|
144
|
+
blockInputs?: BlockInputOption[];
|
|
145
|
+
box?: {
|
|
146
|
+
placeholder: string;
|
|
147
|
+
} & StyleProp;
|
|
148
|
+
emojiPicker?: EnableProp & CustomProp;
|
|
149
|
+
menu?: {
|
|
150
|
+
darkBackground?: boolean;
|
|
151
|
+
} & {
|
|
152
|
+
custom?: React.ComponentType<PersistentMenuProps>;
|
|
153
|
+
};
|
|
154
|
+
menuButton?: CustomProp;
|
|
155
|
+
persistentMenu?: PersistentMenuTheme;
|
|
156
|
+
sendButton?: EnableProp & CustomProp;
|
|
157
|
+
} & EnableProp & StyleProp;
|
|
158
|
+
}
|
|
159
|
+
export interface CoverComponentOptions {
|
|
160
|
+
component: React.ComponentType<CoverComponentProps>;
|
|
161
|
+
props?: any;
|
|
162
|
+
}
|
|
163
|
+
export interface WebchatSettingsProps {
|
|
164
|
+
blockInputs?: BlockInputOption[];
|
|
165
|
+
enableAnimations?: boolean;
|
|
166
|
+
enableAttachments?: boolean;
|
|
167
|
+
enableEmojiPicker?: boolean;
|
|
168
|
+
enableUserInput?: boolean;
|
|
169
|
+
persistentMenu?: PersistentMenuTheme;
|
|
170
|
+
theme?: ThemeProps;
|
|
171
|
+
}
|
|
172
|
+
export type WrappedComponent<Props> = React.FunctionComponent<Props> & {
|
|
173
|
+
customTypeName: string;
|
|
174
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
// TODO: Reuse types to be typed in respective functions
|
|
4
|
+
// export class ErrorBoundary<Props> extends React.Component<Props> {
|
|
5
|
+
// componentDidCatch(error: Error, errorInfo: ErrorInfo): void
|
|
6
|
+
// }
|
|
7
|
+
// export function createErrorBoundary<Props>(_?: {
|
|
8
|
+
// errorComponent: React.ComponentType
|
|
9
|
+
// }): ErrorBoundary<Props>
|
|
10
|
+
// export function customMessage<Props>(_: {
|
|
11
|
+
// name: string
|
|
12
|
+
// component: React.ComponentType<Props>
|
|
13
|
+
// defaultProps?: Record<string, unknown>
|
|
14
|
+
// errorBoundary?: ErrorBoundary<Props>
|
|
15
|
+
// }): WrappedComponent<Props>
|
|
16
|
+
// export function getDisplayName(component: React.ComponentType): string
|
|
17
|
+
//# sourceMappingURL=index-types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index-types.js","sourceRoot":"src/","sources":["components/index-types.ts"],"names":[],"mappings":";;AA8LA,wDAAwD;AACxD,qEAAqE;AACrE,gEAAgE;AAChE,IAAI;AAEJ,mDAAmD;AACnD,wCAAwC;AACxC,2BAA2B;AAE3B,4CAA4C;AAC5C,iBAAiB;AACjB,0CAA0C;AAC1C,2CAA2C;AAC3C,yCAAyC;AACzC,8BAA8B;AAE9B,yEAAyE"}
|
|
@@ -1,20 +1,23 @@
|
|
|
1
|
-
export { Audio } from
|
|
2
|
-
export { Button } from
|
|
3
|
-
export { Carousel } from
|
|
4
|
-
export { customMessage } from
|
|
5
|
-
export { Document } from
|
|
6
|
-
export { Element } from
|
|
7
|
-
export { Image } from
|
|
8
|
-
export
|
|
9
|
-
export {
|
|
10
|
-
export
|
|
11
|
-
export {
|
|
12
|
-
export
|
|
13
|
-
export {
|
|
14
|
-
export {
|
|
15
|
-
export {
|
|
16
|
-
export {
|
|
17
|
-
export {
|
|
18
|
-
export {
|
|
19
|
-
export {
|
|
20
|
-
export {
|
|
1
|
+
export { Audio } from './audio';
|
|
2
|
+
export { Button } from './button';
|
|
3
|
+
export { Carousel } from './carousel';
|
|
4
|
+
export { customMessage } from './custom-message';
|
|
5
|
+
export { Document } from './document';
|
|
6
|
+
export { Element } from './element';
|
|
7
|
+
export { Image } from './image';
|
|
8
|
+
export * from './index-types';
|
|
9
|
+
export { Location } from './location';
|
|
10
|
+
export { Message } from './message';
|
|
11
|
+
export { MessageTemplate } from './message-template';
|
|
12
|
+
export * from './multichannel';
|
|
13
|
+
export { Pic } from './pic';
|
|
14
|
+
export { Raw } from './raw';
|
|
15
|
+
export { Reply } from './reply';
|
|
16
|
+
export { ShareButton } from './share-button';
|
|
17
|
+
export { Subtitle } from './subtitle';
|
|
18
|
+
export { Text } from './text';
|
|
19
|
+
export { Title } from './title';
|
|
20
|
+
export { Video } from './video';
|
|
21
|
+
export { WebchatSettings } from './webchat-settings';
|
|
22
|
+
export { WhatsappButtonList, WhatsappButtonListProps, } from './whatsapp-button-list';
|
|
23
|
+
export { WhatsappTemplate } from './whatsapp-template';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.WhatsappTemplate = exports.WebchatSettings = exports.Video = exports.Title = exports.Text = exports.Subtitle = exports.ShareButton = exports.Reply = exports.Raw = exports.Pic = exports.MessageTemplate = exports.Location = exports.Image = exports.Element = exports.Document = exports.customMessage = exports.Carousel = exports.Button = exports.Audio = void 0;
|
|
3
|
+
exports.WhatsappTemplate = exports.WhatsappButtonList = exports.WebchatSettings = exports.Video = exports.Title = exports.Text = exports.Subtitle = exports.ShareButton = exports.Reply = exports.Raw = exports.Pic = exports.MessageTemplate = exports.Message = exports.Location = exports.Image = exports.Element = exports.Document = exports.customMessage = exports.Carousel = exports.Button = exports.Audio = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
var audio_1 = require("./audio");
|
|
6
6
|
Object.defineProperty(exports, "Audio", { enumerable: true, get: function () { return audio_1.Audio; } });
|
|
@@ -16,8 +16,11 @@ var element_1 = require("./element");
|
|
|
16
16
|
Object.defineProperty(exports, "Element", { enumerable: true, get: function () { return element_1.Element; } });
|
|
17
17
|
var image_1 = require("./image");
|
|
18
18
|
Object.defineProperty(exports, "Image", { enumerable: true, get: function () { return image_1.Image; } });
|
|
19
|
+
tslib_1.__exportStar(require("./index-types"), exports);
|
|
19
20
|
var location_1 = require("./location");
|
|
20
21
|
Object.defineProperty(exports, "Location", { enumerable: true, get: function () { return location_1.Location; } });
|
|
22
|
+
var message_1 = require("./message");
|
|
23
|
+
Object.defineProperty(exports, "Message", { enumerable: true, get: function () { return message_1.Message; } });
|
|
21
24
|
var message_template_1 = require("./message-template");
|
|
22
25
|
Object.defineProperty(exports, "MessageTemplate", { enumerable: true, get: function () { return message_template_1.MessageTemplate; } });
|
|
23
26
|
tslib_1.__exportStar(require("./multichannel"), exports);
|
|
@@ -39,6 +42,8 @@ var video_1 = require("./video");
|
|
|
39
42
|
Object.defineProperty(exports, "Video", { enumerable: true, get: function () { return video_1.Video; } });
|
|
40
43
|
var webchat_settings_1 = require("./webchat-settings");
|
|
41
44
|
Object.defineProperty(exports, "WebchatSettings", { enumerable: true, get: function () { return webchat_settings_1.WebchatSettings; } });
|
|
45
|
+
var whatsapp_button_list_1 = require("./whatsapp-button-list");
|
|
46
|
+
Object.defineProperty(exports, "WhatsappButtonList", { enumerable: true, get: function () { return whatsapp_button_list_1.WhatsappButtonList; } });
|
|
42
47
|
var whatsapp_template_1 = require("./whatsapp-template");
|
|
43
48
|
Object.defineProperty(exports, "WhatsappTemplate", { enumerable: true, get: function () { return whatsapp_template_1.WhatsappTemplate; } });
|
|
44
49
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"src/","sources":["components/index.
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"src/","sources":["components/index.ts"],"names":[],"mappings":";;;;AAAA,iCAA+B;AAAtB,8FAAA,KAAK,OAAA;AACd,mCAAiC;AAAxB,gGAAA,MAAM,OAAA;AACf,uCAAqC;AAA5B,oGAAA,QAAQ,OAAA;AACjB,mDAAgD;AAAvC,+GAAA,aAAa,OAAA;AACtB,uCAAqC;AAA5B,oGAAA,QAAQ,OAAA;AACjB,qCAAmC;AAA1B,kGAAA,OAAO,OAAA;AAChB,iCAA+B;AAAtB,8FAAA,KAAK,OAAA;AACd,wDAA6B;AAC7B,uCAAqC;AAA5B,oGAAA,QAAQ,OAAA;AACjB,qCAAmC;AAA1B,kGAAA,OAAO,OAAA;AAChB,uDAAoD;AAA3C,mHAAA,eAAe,OAAA;AACxB,yDAA8B;AAC9B,6BAA2B;AAAlB,0FAAA,GAAG,OAAA;AACZ,6BAA2B;AAAlB,0FAAA,GAAG,OAAA;AACZ,iCAA+B;AAAtB,8FAAA,KAAK,OAAA;AACd,+CAA4C;AAAnC,2GAAA,WAAW,OAAA;AACpB,uCAAqC;AAA5B,oGAAA,QAAQ,OAAA;AACjB,+BAA6B;AAApB,4FAAA,IAAI,OAAA;AACb,iCAA+B;AAAtB,8FAAA,KAAK,OAAA;AACd,iCAA+B;AAAtB,8FAAA,KAAK,OAAA;AACd,uDAAoD;AAA3C,mHAAA,eAAe,OAAA;AACxB,+DAG+B;AAF7B,0HAAA,kBAAkB,OAAA;AAGpB,yDAAsD;AAA7C,qHAAA,gBAAgB,OAAA"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.Location = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
6
|
const core_1 = require("@botonic/core");
|
|
6
7
|
const react_1 = tslib_1.__importDefault(require("react"));
|
|
7
8
|
const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
|
|
@@ -19,17 +20,10 @@ const Location = props => {
|
|
|
19
20
|
const { lat, long } = props;
|
|
20
21
|
const renderBrowser = () => {
|
|
21
22
|
const locationUrl = `https://www.google.com/maps/search/?api=1&query=${lat},${long}`;
|
|
22
|
-
return (
|
|
23
|
-
<Link href={locationUrl} target='_blank' rel='noopener noreferrer'>
|
|
24
|
-
{props.text || 'Open Location'}
|
|
25
|
-
</Link>
|
|
26
|
-
</message_1.Message>);
|
|
23
|
+
return ((0, jsx_runtime_1.jsx)(message_1.Message, Object.assign({ json: serialize(props) }, props, { type: core_1.INPUT.LOCATION }, { children: (0, jsx_runtime_1.jsx)(Link, Object.assign({ href: locationUrl, target: '_blank', rel: 'noopener noreferrer' }, { children: props.text || 'Open Location' })) })));
|
|
27
24
|
};
|
|
28
25
|
const renderNode = () => {
|
|
29
|
-
return (
|
|
30
|
-
<lat>{lat}</lat>
|
|
31
|
-
<long>{long}</long>
|
|
32
|
-
</message>);
|
|
26
|
+
return ((0, jsx_runtime_1.jsxs)("message", Object.assign({ type: core_1.INPUT.LOCATION }, { children: [(0, jsx_runtime_1.jsx)("lat", { children: lat }), (0, jsx_runtime_1.jsx)("long", { children: long })] })));
|
|
33
27
|
};
|
|
34
28
|
return (0, react_2.renderComponent)({ renderBrowser, renderNode });
|
|
35
29
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"location.js","sourceRoot":"src/","sources":["components/location.jsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"location.js","sourceRoot":"src/","sources":["components/location.jsx"],"names":[],"mappings":";;;;;AAAA,wCAAqC;AACrC,0DAAyB;AACzB,kFAAsC;AAEtC,yCAA+C;AAC/C,uCAAmC;AAEnC,MAAM,IAAI,GAAG,2BAAM,CAAC,CAAC,CAAA;;;;CAIpB,CAAA;AAED,MAAM,SAAS,GAAG,aAAa,CAAC,EAAE;IAChC,OAAO,EAAE,QAAQ,EAAE,EAAE,GAAG,EAAE,aAAa,CAAC,GAAG,EAAE,IAAI,EAAE,aAAa,CAAC,IAAI,EAAE,EAAE,CAAA;AAC3E,CAAC,CAAA;AAEM,MAAM,QAAQ,GAAG,KAAK,CAAC,EAAE;IAC9B,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,KAAK,CAAA;IAE3B,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,MAAM,WAAW,GAAG,mDAAmD,GAAG,IAAI,IAAI,EAAE,CAAA;QACpF,OAAO,CACL,uBAAC,iBAAO,kBAAC,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,IAAM,KAAK,IAAE,IAAI,EAAE,YAAK,CAAC,QAAQ,gBAC9D,uBAAC,IAAI,kBAAC,IAAI,EAAE,WAAW,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,gBAC/D,KAAK,CAAC,IAAI,IAAI,eAAe,IACzB,IACC,CACX,CAAA;IACH,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,OAAO,CACL,mDAAS,IAAI,EAAE,YAAK,CAAC,QAAQ,iBAC3B,0CAAM,GAAG,GAAO,EAChB,2CAAO,IAAI,GAAQ,KACX,CACX,CAAA;IACH,CAAC,CAAA;IAED,OAAO,IAAA,uBAAe,EAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AAxBY,QAAA,QAAQ,YAwBpB;AAED,gBAAQ,CAAC,SAAS,GAAG,SAAS,CAAA"}
|
|
@@ -2,13 +2,12 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.MessageTemplate = 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 react_2 = require("../util/react");
|
|
7
8
|
const MessageTemplate = props => {
|
|
8
9
|
const renderBrowser = () => null;
|
|
9
|
-
const renderNode = () => (
|
|
10
|
-
<pre dangerouslySetInnerHTML={{ __html: JSON.stringify(props.payload) }}/>
|
|
11
|
-
</message>);
|
|
10
|
+
const renderNode = () => ((0, jsx_runtime_1.jsx)("message", Object.assign({ type: 'template' }, { children: (0, jsx_runtime_1.jsx)("pre", { dangerouslySetInnerHTML: { __html: JSON.stringify(props.payload) } }) })));
|
|
12
11
|
return (0, react_2.renderComponent)({ renderBrowser, renderNode });
|
|
13
12
|
};
|
|
14
13
|
exports.MessageTemplate = MessageTemplate;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"message-template.js","sourceRoot":"src/","sources":["components/message-template.jsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"message-template.js","sourceRoot":"src/","sources":["components/message-template.jsx"],"names":[],"mappings":";;;;;AAAA,0DAAyB;AAEzB,yCAA+C;AAExC,MAAM,eAAe,GAAG,KAAK,CAAC,EAAE;IACrC,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA;IAChC,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,CACvB,kDAAS,IAAI,EAAC,UAAU,gBACtB,gCACE,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,GAClE,IACM,CACX,CAAA;IACD,OAAO,IAAA,uBAAe,EAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AAVY,QAAA,eAAe,mBAU3B"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.Message = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
6
|
const core_1 = require("@botonic/core");
|
|
6
7
|
const react_1 = tslib_1.__importStar(require("react"));
|
|
7
8
|
const Fade_1 = tslib_1.__importDefault(require("react-reveal/Fade"));
|
|
@@ -147,7 +148,7 @@ const Message = props => {
|
|
|
147
148
|
const renderBrowser = () => {
|
|
148
149
|
const m = webchatState.messagesJSON.find(m => m.id === state.id);
|
|
149
150
|
if (!m || !m.display)
|
|
150
|
-
return
|
|
151
|
+
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
|
151
152
|
const getBlobTick = pointerSize => {
|
|
152
153
|
// to add a border to the blobTick we need to create two triangles and overlap them
|
|
153
154
|
// that is why the color depends on the pointerSize
|
|
@@ -169,37 +170,18 @@ const Message = props => {
|
|
|
169
170
|
blobTickStyle.borderLeft = 0;
|
|
170
171
|
blobTickStyle.borderRightColor = color;
|
|
171
172
|
}
|
|
172
|
-
return (
|
|
173
|
-
<BlobTick pointerSize={pointerSize} style={blobTickStyle}/>
|
|
174
|
-
</BlobTickContainer>);
|
|
173
|
+
return ((0, jsx_runtime_1.jsx)(BlobTickContainer, Object.assign({ style: containerStyle }, { children: (0, jsx_runtime_1.jsx)(BlobTick, { pointerSize: pointerSize, style: blobTickStyle }) })));
|
|
175
174
|
};
|
|
176
175
|
const BotMessageImage = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.botMessageImage, getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.brandImage, constants_1.WEBCHAT.DEFAULTS.LOGO));
|
|
177
176
|
const animationsEnabled = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.enableAnimations, true);
|
|
178
177
|
const resolveCustomTypeName = () => isFromBot && type === core_1.INPUT.CUSTOM ? ` ${m.customTypeName}` : '';
|
|
179
178
|
const className = `${type}-${from}${resolveCustomTypeName()}`;
|
|
180
|
-
return (
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
{isFromBot && BotMessageImage && (<BotMessageImageContainer style={Object.assign(Object.assign({}, getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.botMessageImageStyle)), imagestyle)}>
|
|
184
|
-
<img style={{ width: '100%' }} src={(0, environment_1.resolveImage)(BotMessageImage)}/>
|
|
185
|
-
</BotMessageImageContainer>)}
|
|
186
|
-
<Blob className={className} bgcolor={getBgColor()} color={isFromUser ? constants_1.COLORS.SOLID_WHITE : constants_1.COLORS.SOLID_BLACK} blobwidth={getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.botMessageBlobWidth)} blob={blob} style={Object.assign(Object.assign(Object.assign({}, getMessageStyle()), style), { opacity: ack === 0 ? 0.6 : 1 })} {...otherProps}>
|
|
187
|
-
{markdown ? (<BlobText blob={blob} dangerouslySetInnerHTML={{
|
|
188
|
-
__html: (0, markdown_1.renderMarkdown)(textChildren),
|
|
189
|
-
}} markdownstyle={(0, markdown_1.getMarkdownStyle)(getThemeProperty, isFromUser ? constants_1.COLORS.SEASHELL_WHITE : brandColor)}/>) : (<BlobText blob={blob}>{textChildren}</BlobText>)}
|
|
190
|
-
{!!buttons.length && (<div className='message-buttons-container'>{buttons}</div>)}
|
|
191
|
-
{Boolean(blob) && hasBlobTick() && getBlobTick(6)}
|
|
192
|
-
{Boolean(blob) && hasBlobTick() && getBlobTick(5)}
|
|
193
|
-
</Blob>
|
|
194
|
-
</MessageContainer>
|
|
195
|
-
{timestampsEnabled && (<timestamps_1.MessageTimestamp timestamp={m.timestamp} style={timestampStyle} isfromuser={isFromUser}/>)}
|
|
196
|
-
</>
|
|
197
|
-
</react_2.ConditionalWrapper>);
|
|
179
|
+
return ((0, jsx_runtime_1.jsx)(react_2.ConditionalWrapper, Object.assign({ condition: animationsEnabled, wrapper: children => (0, jsx_runtime_1.jsx)(Fade_1.default, { children: children }) }, { children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(MessageContainer, Object.assign({ isfromuser: isFromUser, style: Object.assign({}, getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.messageStyle)) }, { children: [isFromBot && BotMessageImage && ((0, jsx_runtime_1.jsx)(BotMessageImageContainer, Object.assign({ style: Object.assign(Object.assign({}, getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.botMessageImageStyle)), imagestyle) }, { children: (0, jsx_runtime_1.jsx)("img", { style: { width: '100%' }, src: (0, environment_1.resolveImage)(BotMessageImage) }) }))), (0, jsx_runtime_1.jsxs)(Blob, Object.assign({ className: className, bgcolor: getBgColor(), color: isFromUser ? constants_1.COLORS.SOLID_WHITE : constants_1.COLORS.SOLID_BLACK, blobwidth: getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.botMessageBlobWidth), blob: blob, style: Object.assign(Object.assign(Object.assign({}, getMessageStyle()), style), { opacity: ack === 0 ? 0.6 : 1 }) }, otherProps, { children: [markdown ? ((0, jsx_runtime_1.jsx)(BlobText, { blob: blob, dangerouslySetInnerHTML: {
|
|
180
|
+
__html: (0, markdown_1.renderMarkdown)(textChildren),
|
|
181
|
+
}, markdownstyle: (0, markdown_1.getMarkdownStyle)(getThemeProperty, isFromUser ? constants_1.COLORS.SEASHELL_WHITE : brandColor) })) : ((0, jsx_runtime_1.jsx)(BlobText, Object.assign({ blob: blob }, { children: textChildren }))), !!buttons.length && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'message-buttons-container' }, { children: buttons }))), Boolean(blob) && hasBlobTick() && getBlobTick(6), Boolean(blob) && hasBlobTick() && getBlobTick(5)] }))] })), timestampsEnabled && ((0, jsx_runtime_1.jsx)(timestamps_1.MessageTimestamp, { timestamp: m.timestamp, style: timestampStyle, isfromuser: isFromUser }))] }) })));
|
|
198
182
|
};
|
|
199
183
|
const { blob: _blob, json: _json } = props, nodeProps = tslib_1.__rest(props, ["blob", "json"]);
|
|
200
|
-
const renderNode = () => type === core_1.INPUT.CUSTOM ? (
|
|
201
|
-
{children}
|
|
202
|
-
</message>);
|
|
184
|
+
const renderNode = () => type === core_1.INPUT.CUSTOM ? ((0, jsx_runtime_1.jsx)("message", Object.assign({ json: JSON.stringify(_json), typing: typing, delay: delay }, nodeProps))) : ((0, jsx_runtime_1.jsx)("message", Object.assign({ typing: typing, delay: delay }, nodeProps, { children: children })));
|
|
203
185
|
return (0, react_2.renderComponent)({ renderBrowser, renderNode });
|
|
204
186
|
};
|
|
205
187
|
exports.Message = Message;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"message.js","sourceRoot":"src/","sources":["components/message.jsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"message.js","sourceRoot":"src/","sources":["components/message.jsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
export type IndexMode = 'number' | 'letter' | undefined;
|
|
2
|
+
export interface MultichannelViewOptions {
|
|
3
|
+
boldIndex?: boolean;
|
|
4
|
+
indexSeparator?: string;
|
|
5
|
+
}
|
|
6
|
+
export interface MultichannelContextType extends MultichannelViewOptions {
|
|
7
|
+
currentIndex: number | string;
|
|
8
|
+
/** @see same field at MultichannelProps */
|
|
9
|
+
messageSeparator?: string;
|
|
10
|
+
}
|
|
11
|
+
export interface MultichannelTextProps extends MultichannelViewOptions {
|
|
12
|
+
index?: string;
|
|
13
|
+
indexMode?: IndexMode;
|
|
14
|
+
/** Defaults to no separator between lines*/
|
|
15
|
+
newline?: string;
|
|
16
|
+
buttonsAsText?: boolean;
|
|
17
|
+
buttonsTextSeparator?: string;
|
|
18
|
+
}
|
|
19
|
+
export interface MultichannelCarouselProps extends MultichannelViewOptions {
|
|
20
|
+
enableURL?: boolean;
|
|
21
|
+
indexMode?: IndexMode;
|
|
22
|
+
showTitle?: boolean;
|
|
23
|
+
showSubtitle?: boolean;
|
|
24
|
+
buttonsAsText?: boolean;
|
|
25
|
+
}
|
|
26
|
+
export interface MultichannelButtonProps {
|
|
27
|
+
newline?: string;
|
|
28
|
+
path?: string;
|
|
29
|
+
payload?: string;
|
|
30
|
+
url?: string;
|
|
31
|
+
webview?: string;
|
|
32
|
+
asText?: boolean;
|
|
33
|
+
}
|
|
34
|
+
export interface MultichannelProps extends MultichannelViewOptions {
|
|
35
|
+
firstIndex?: number | string;
|
|
36
|
+
carousel?: MultichannelCarouselProps;
|
|
37
|
+
text?: MultichannelTextProps;
|
|
38
|
+
/**
|
|
39
|
+
* If undefined, each component will be served in a different botonic message
|
|
40
|
+
* '' will concatenate in the same line
|
|
41
|
+
* '\n' will split in different lines
|
|
42
|
+
* '\n\n' will separate with an empty line
|
|
43
|
+
**/
|
|
44
|
+
messageSeparator?: string;
|
|
45
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index-types.js","sourceRoot":"src/","sources":["components/multichannel/index-types.ts"],"names":[],"mappings":""}
|
|
@@ -1,6 +1,11 @@
|
|
|
1
|
-
import { Multichannel } from
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import { MultichannelReply } from
|
|
5
|
-
import {
|
|
6
|
-
export { Multichannel
|
|
1
|
+
import { Multichannel } from './multichannel';
|
|
2
|
+
import { MultichannelButton } from './multichannel-button';
|
|
3
|
+
import { MultichannelCarousel } from './multichannel-carousel';
|
|
4
|
+
import { MultichannelReply } from './multichannel-reply';
|
|
5
|
+
import { MultichannelText } from './multichannel-text';
|
|
6
|
+
export { Multichannel };
|
|
7
|
+
export { MultichannelText };
|
|
8
|
+
export { MultichannelButton };
|
|
9
|
+
export { MultichannelReply };
|
|
10
|
+
export { MultichannelCarousel };
|
|
11
|
+
export * from './index-types';
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.MultichannelCarousel = exports.MultichannelReply = exports.MultichannelButton = exports.MultichannelText = exports.Multichannel = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
4
5
|
const multichannel_1 = require("./multichannel");
|
|
5
6
|
Object.defineProperty(exports, "Multichannel", { enumerable: true, get: function () { return multichannel_1.Multichannel; } });
|
|
6
7
|
const multichannel_button_1 = require("./multichannel-button");
|
|
@@ -11,4 +12,5 @@ const multichannel_reply_1 = require("./multichannel-reply");
|
|
|
11
12
|
Object.defineProperty(exports, "MultichannelReply", { enumerable: true, get: function () { return multichannel_reply_1.MultichannelReply; } });
|
|
12
13
|
const multichannel_text_1 = require("./multichannel-text");
|
|
13
14
|
Object.defineProperty(exports, "MultichannelText", { enumerable: true, get: function () { return multichannel_text_1.MultichannelText; } });
|
|
15
|
+
tslib_1.__exportStar(require("./index-types"), exports);
|
|
14
16
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"src/","sources":["components/multichannel/index.
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"src/","sources":["components/multichannel/index.ts"],"names":[],"mappings":";;;;AAAA,iDAA6C;AAMpC,6FANA,2BAAY,OAMA;AALrB,+DAA0D;AAOjD,mGAPA,wCAAkB,OAOA;AAN3B,mEAA8D;AAQrD,qGARA,4CAAoB,OAQA;AAP7B,6DAAwD;AAM/C,kGANA,sCAAiB,OAMA;AAL1B,2DAAsD;AAG7C,iGAHA,oCAAgB,OAGA;AAKzB,wDAA6B"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.MultichannelButton = 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 contexts_1 = require("../../contexts");
|
|
7
8
|
const button_1 = require("../button");
|
|
@@ -65,13 +66,11 @@ const MultichannelButton = props => {
|
|
|
65
66
|
return `${text}`;
|
|
66
67
|
}
|
|
67
68
|
else if (hasWebview())
|
|
68
|
-
return
|
|
69
|
+
return (0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({}, props, { children: getText() }));
|
|
69
70
|
}
|
|
70
|
-
return (
|
|
71
|
-
{truncateText(props.children, multichannel_utils_1.WHATSAPP_MAX_BUTTON_CHARS)}
|
|
72
|
-
</button_1.Button>);
|
|
71
|
+
return ((0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({}, props, { children: truncateText(props.children, multichannel_utils_1.WHATSAPP_MAX_BUTTON_CHARS) })));
|
|
73
72
|
}
|
|
74
|
-
return
|
|
73
|
+
return (0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({}, props, { children: props.children }));
|
|
75
74
|
};
|
|
76
75
|
exports.MultichannelButton = MultichannelButton;
|
|
77
76
|
//# sourceMappingURL=multichannel-button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"multichannel-button.js","sourceRoot":"src/","sources":["components/multichannel/multichannel-button.jsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"multichannel-button.js","sourceRoot":"src/","sources":["components/multichannel/multichannel-button.jsx"],"names":[],"mappings":"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"}
|