@botonic/react 0.30.3 → 0.30.5-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/cjs/components/button.d.ts +11 -10
- package/lib/cjs/components/button.js +39 -25
- package/lib/cjs/components/button.js.map +1 -1
- package/lib/cjs/components/index-types.d.ts +4 -15
- package/lib/cjs/components/multichannel/multichannel-text.js +4 -4
- package/lib/cjs/components/multichannel/multichannel-text.js.map +1 -1
- package/lib/cjs/components/multichannel/whatsapp/markdown-meta.d.ts +1 -0
- package/lib/cjs/components/multichannel/whatsapp/markdown-meta.js +42 -0
- package/lib/cjs/components/multichannel/whatsapp/markdown-meta.js.map +1 -0
- package/lib/cjs/components/whatsapp-button-list.js +2 -2
- package/lib/cjs/components/whatsapp-button-list.js.map +1 -1
- package/lib/cjs/components/whatsapp-cta-url-button.js +2 -2
- package/lib/cjs/components/whatsapp-cta-url-button.js.map +1 -1
- package/lib/cjs/contexts.js +3 -0
- package/lib/cjs/contexts.js.map +1 -1
- package/lib/cjs/index-types.d.ts +5 -3
- package/lib/cjs/webchat/cover-component/index.d.ts +6 -0
- package/lib/cjs/webchat/cover-component/index.js +21 -0
- package/lib/cjs/webchat/cover-component/index.js.map +1 -0
- package/lib/cjs/webchat/hooks/use-webchat.d.ts +3 -3
- package/lib/cjs/webchat/hooks/use-webchat.js.map +1 -1
- package/lib/cjs/webchat/webchat.js +8 -15
- package/lib/cjs/webchat/webchat.js.map +1 -1
- package/lib/esm/components/button.d.ts +11 -10
- package/lib/esm/components/button.js +39 -25
- package/lib/esm/components/button.js.map +1 -1
- package/lib/esm/components/index-types.d.ts +4 -15
- package/lib/esm/components/multichannel/multichannel-text.js +4 -4
- package/lib/esm/components/multichannel/multichannel-text.js.map +1 -1
- package/lib/esm/components/multichannel/whatsapp/markdown-meta.d.ts +1 -0
- package/lib/esm/components/multichannel/whatsapp/markdown-meta.js +38 -0
- package/lib/esm/components/multichannel/whatsapp/markdown-meta.js.map +1 -0
- package/lib/esm/components/whatsapp-button-list.js +2 -2
- package/lib/esm/components/whatsapp-button-list.js.map +1 -1
- package/lib/esm/components/whatsapp-cta-url-button.js +2 -2
- package/lib/esm/components/whatsapp-cta-url-button.js.map +1 -1
- package/lib/esm/contexts.js +3 -0
- package/lib/esm/contexts.js.map +1 -1
- package/lib/esm/index-types.d.ts +5 -3
- package/lib/esm/webchat/cover-component/index.d.ts +6 -0
- package/lib/esm/webchat/cover-component/index.js +17 -0
- package/lib/esm/webchat/cover-component/index.js.map +1 -0
- package/lib/esm/webchat/hooks/use-webchat.d.ts +3 -3
- package/lib/esm/webchat/hooks/use-webchat.js.map +1 -1
- package/lib/esm/webchat/webchat.js +8 -15
- package/lib/esm/webchat/webchat.js.map +1 -1
- package/package.json +1 -1
- package/src/components/{button.jsx → button.tsx} +49 -20
- package/src/components/index-types.ts +4 -16
- package/src/components/multichannel/multichannel-text.jsx +13 -9
- package/src/components/multichannel/whatsapp/markdown-meta.ts +66 -0
- package/src/components/whatsapp-button-list.tsx +2 -2
- package/src/components/whatsapp-cta-url-button.tsx +5 -2
- package/src/contexts.tsx +3 -0
- package/src/index-types.ts +7 -3
- package/src/webchat/cover-component/index.tsx +33 -0
- package/src/webchat/hooks/use-webchat.ts +2 -2
- package/src/webchat/webchat.jsx +42 -46
- package/lib/cjs/components/multichannel/whatsapp/markdown.d.ts +0 -1
- package/lib/cjs/components/multichannel/whatsapp/markdown.js +0 -57
- package/lib/cjs/components/multichannel/whatsapp/markdown.js.map +0 -1
- package/lib/esm/components/multichannel/whatsapp/markdown.d.ts +0 -1
- package/lib/esm/components/multichannel/whatsapp/markdown.js +0 -53
- package/lib/esm/components/multichannel/whatsapp/markdown.js.map +0 -1
- package/src/components/multichannel/whatsapp/markdown.ts +0 -88
|
@@ -1,16 +1,17 @@
|
|
|
1
|
-
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
|
|
1
|
+
import { ButtonProps } from './index-types';
|
|
2
|
+
export declare const StyledUrlImage: import("styled-components").StyledComponent<"img", any, {}, never>;
|
|
3
|
+
export declare const Button: {
|
|
4
|
+
(props: ButtonProps): any;
|
|
5
|
+
serialize(buttonProps: ButtonProps): {
|
|
5
6
|
button: {
|
|
6
7
|
disabled: any;
|
|
7
8
|
autodisable: any;
|
|
8
9
|
disabledstyle: any;
|
|
9
|
-
payload:
|
|
10
|
-
url:
|
|
11
|
-
target:
|
|
12
|
-
webview:
|
|
13
|
-
title:
|
|
10
|
+
payload: string | undefined;
|
|
11
|
+
url: string | undefined;
|
|
12
|
+
target: string | undefined;
|
|
13
|
+
webview: string | undefined;
|
|
14
|
+
title: string;
|
|
14
15
|
};
|
|
15
16
|
};
|
|
16
|
-
}
|
|
17
|
+
};
|
|
@@ -4,7 +4,7 @@ exports.Button = exports.StyledUrlImage = void 0;
|
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
6
|
const core_1 = require("@botonic/core");
|
|
7
|
-
const react_1 =
|
|
7
|
+
const react_1 = require("react");
|
|
8
8
|
const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
|
|
9
9
|
const constants_1 = require("../constants");
|
|
10
10
|
const contexts_1 = require("../contexts");
|
|
@@ -27,16 +27,16 @@ const StyledButton = styled_components_1.default.button `
|
|
|
27
27
|
border: 1px solid ${constants_1.COLORS.SEASHELL_WHITE};
|
|
28
28
|
cursor: pointer;
|
|
29
29
|
outline: 0;
|
|
30
|
-
border-top-right-radius:
|
|
31
|
-
border-top-left-radius:
|
|
32
|
-
border-bottom-right-radius:
|
|
33
|
-
border-bottom-left-radius:
|
|
30
|
+
border-top-right-radius: 0px;
|
|
31
|
+
border-top-left-radius: 0px;
|
|
32
|
+
border-bottom-right-radius: 0px;
|
|
33
|
+
border-bottom-left-radius: 0px;
|
|
34
34
|
overflow: hidden;
|
|
35
35
|
`;
|
|
36
36
|
exports.StyledUrlImage = styled_components_1.default.img `
|
|
37
37
|
width: 20px;
|
|
38
38
|
`;
|
|
39
|
-
const Button = props => {
|
|
39
|
+
const Button = (props) => {
|
|
40
40
|
const { webchatState, openWebview, sendPayload, sendInput, getThemeProperty, updateMessage, } = (0, react_1.useContext)(contexts_1.WebchatContext);
|
|
41
41
|
const [hover, setHover] = (0, react_1.useState)(false);
|
|
42
42
|
const { theme } = webchatState;
|
|
@@ -44,10 +44,11 @@ const Button = props => {
|
|
|
44
44
|
const handleClick = event => {
|
|
45
45
|
event.preventDefault();
|
|
46
46
|
const type = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.buttonMessageType, core_1.INPUT.TEXT);
|
|
47
|
-
if (props.webview)
|
|
47
|
+
if (props.webview) {
|
|
48
48
|
openWebview(props.webview, props.params);
|
|
49
|
+
}
|
|
49
50
|
else if (props.path) {
|
|
50
|
-
type
|
|
51
|
+
type === core_1.INPUT.POSTBACK
|
|
51
52
|
? sendPayload(`__PATH_PAYLOAD__${props.path}`)
|
|
52
53
|
: sendInput({
|
|
53
54
|
type: core_1.INPUT.TEXT,
|
|
@@ -57,7 +58,7 @@ const Button = props => {
|
|
|
57
58
|
});
|
|
58
59
|
}
|
|
59
60
|
else if (props.payload) {
|
|
60
|
-
type
|
|
61
|
+
type === core_1.INPUT.POSTBACK
|
|
61
62
|
? sendPayload(props.payload)
|
|
62
63
|
: sendInput({
|
|
63
64
|
type: core_1.INPUT.TEXT,
|
|
@@ -69,11 +70,12 @@ const Button = props => {
|
|
|
69
70
|
else if (props.url) {
|
|
70
71
|
window.open(props.url, props.target || '_blank');
|
|
71
72
|
}
|
|
72
|
-
if (props.onClick)
|
|
73
|
+
if (props.onClick) {
|
|
73
74
|
props.onClick();
|
|
75
|
+
}
|
|
74
76
|
if (props.setDisabled) {
|
|
75
77
|
props.setDisabled(true);
|
|
76
|
-
const messageToUpdate = webchatState.messagesJSON.filter(m => m.id
|
|
78
|
+
const messageToUpdate = webchatState.messagesJSON.filter(m => m.id === props.parentId)[0];
|
|
77
79
|
const updatedMsg = buttons_disabler_1.ButtonsDisabler.getUpdatedMessage(messageToUpdate, {
|
|
78
80
|
autoDisable,
|
|
79
81
|
disabledStyle,
|
|
@@ -115,35 +117,47 @@ const Button = props => {
|
|
|
115
117
|
const urlIconImageProp = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.urlIconImage);
|
|
116
118
|
const urlIconImage = urlIconImageProp !== null && urlIconImageProp !== void 0 ? urlIconImageProp : constants_1.WEBCHAT.DEFAULTS.URL_ICON;
|
|
117
119
|
const urlIcon = urlIconEnabledProp || urlIconImageProp ? urlIconImage : undefined;
|
|
118
|
-
return ((0, jsx_runtime_1.jsxs)(StyledButton, Object.assign({ className: getClassName(), theme: theme, onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), onClick: e => handleClick(e), style: Object.assign(Object.assign(Object.assign({}, buttonStyle), { color: buttonTextColor, backgroundColor: buttonBgColor }), (props.disabled && autoDisable && disabledStyle))
|
|
120
|
+
return ((0, jsx_runtime_1.jsxs)(StyledButton, Object.assign({ className: getClassName(), theme: theme, onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), onClick: e => handleClick(e), style: Object.assign(Object.assign(Object.assign({}, buttonStyle), { color: buttonTextColor, backgroundColor: buttonBgColor }), (props.disabled && autoDisable && disabledStyle)) }, { children: [props.children, props.url && urlIcon && ((0, jsx_runtime_1.jsx)(exports.StyledUrlImage, { className: 'botonic-url-icon', src: (0, environment_1.resolveImage)(urlIcon) }))] })));
|
|
119
121
|
};
|
|
120
122
|
const renderNode = () => {
|
|
121
123
|
const disabledProps = buttons_disabler_1.ButtonsDisabler.constructNodeProps(props);
|
|
122
124
|
if (props.webview) {
|
|
123
|
-
return ((0, jsx_runtime_1.jsx)("button", Object.assign({
|
|
125
|
+
return ((0, jsx_runtime_1.jsx)("button", Object.assign({
|
|
126
|
+
// @ts-ignore
|
|
127
|
+
// eslint-disable-next-line react/no-unknown-property
|
|
128
|
+
url: (0, webviews_1.generateWebviewUrlWithParams)(props.webview, props.params) }, disabledProps, { children: props.children })));
|
|
124
129
|
}
|
|
125
|
-
|
|
130
|
+
if (props.path) {
|
|
126
131
|
const payload = `__PATH_PAYLOAD__${props.path}`;
|
|
127
|
-
return (
|
|
132
|
+
return (
|
|
133
|
+
// @ts-ignore
|
|
134
|
+
// eslint-disable-next-line react/no-unknown-property
|
|
135
|
+
(0, jsx_runtime_1.jsx)("button", Object.assign({ payload: payload }, disabledProps, { children: props.children })));
|
|
128
136
|
}
|
|
129
|
-
|
|
130
|
-
return (
|
|
137
|
+
if (props.payload) {
|
|
138
|
+
return (
|
|
139
|
+
// @ts-ignore
|
|
140
|
+
// eslint-disable-next-line react/no-unknown-property
|
|
141
|
+
(0, jsx_runtime_1.jsx)("button", Object.assign({ payload: props.payload }, disabledProps, { children: props.children })));
|
|
131
142
|
}
|
|
132
|
-
|
|
133
|
-
return (
|
|
143
|
+
if (props.url) {
|
|
144
|
+
return (
|
|
145
|
+
// @ts-ignore
|
|
146
|
+
// eslint-disable-next-line react/no-unknown-property
|
|
147
|
+
(0, jsx_runtime_1.jsx)("button", Object.assign({ url: props.url, target: props.target }, disabledProps, { children: props.children })));
|
|
134
148
|
}
|
|
135
|
-
|
|
149
|
+
if (props.onClick) {
|
|
136
150
|
return null;
|
|
137
151
|
}
|
|
138
|
-
throw new Error('Button missing payload, path,
|
|
152
|
+
throw new Error('Button missing payload, path, webview, url or onClick');
|
|
139
153
|
};
|
|
140
154
|
return (0, react_2.renderComponent)({ renderBrowser, renderNode });
|
|
141
155
|
};
|
|
142
156
|
exports.Button = Button;
|
|
143
|
-
exports.Button.serialize = buttonProps => {
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
157
|
+
exports.Button.serialize = (buttonProps) => {
|
|
158
|
+
const payload = buttonProps.path
|
|
159
|
+
? `__PATH_PAYLOAD__${buttonProps.path}`
|
|
160
|
+
: buttonProps.payload;
|
|
147
161
|
return {
|
|
148
162
|
button: Object.assign({ payload, url: buttonProps.url, target: buttonProps.target, webview: buttonProps.webview && String(buttonProps.webview), title: buttonProps.children && String(buttonProps.children) }, buttons_disabler_1.ButtonsDisabler.withDisabledProps(buttonProps)),
|
|
149
163
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/button.
|
|
1
|
+
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -33,6 +33,9 @@ export interface ButtonProps {
|
|
|
33
33
|
autodisable?: boolean;
|
|
34
34
|
disabled?: boolean;
|
|
35
35
|
disabledstyle?: boolean;
|
|
36
|
+
children: string;
|
|
37
|
+
setDisabled?: (disabled: boolean) => void;
|
|
38
|
+
parentId?: string;
|
|
36
39
|
}
|
|
37
40
|
export interface ReplyProps {
|
|
38
41
|
path?: string;
|
|
@@ -82,21 +85,8 @@ export interface BlobProps {
|
|
|
82
85
|
blobWidth?: string;
|
|
83
86
|
imageStyle?: any;
|
|
84
87
|
}
|
|
85
|
-
export interface ScrollbarProps {
|
|
86
|
-
autoHide?: boolean;
|
|
87
|
-
thumb?: {
|
|
88
|
-
bgcolor?: string;
|
|
89
|
-
border?: string;
|
|
90
|
-
color?: string;
|
|
91
|
-
opacity?: string;
|
|
92
|
-
};
|
|
93
|
-
track?: {
|
|
94
|
-
bgcolor?: string;
|
|
95
|
-
border?: string;
|
|
96
|
-
color?: string;
|
|
97
|
-
};
|
|
98
|
-
}
|
|
99
88
|
export interface ThemeProps extends StyleProp {
|
|
89
|
+
coverComponent?: CoverComponentOptions;
|
|
100
90
|
mobileBreakpoint?: number;
|
|
101
91
|
mobileStyle?: any;
|
|
102
92
|
webview?: StyleProp & {
|
|
@@ -151,7 +141,6 @@ export interface ThemeProps extends StyleProp {
|
|
|
151
141
|
};
|
|
152
142
|
scrollButton?: EnableProp & CustomProp;
|
|
153
143
|
markdownStyle?: string;
|
|
154
|
-
scrollbar?: ScrollbarProps & EnableProp;
|
|
155
144
|
userInput?: {
|
|
156
145
|
attachments?: EnableProp & CustomProp;
|
|
157
146
|
blockInputs?: BlockInputOption[];
|
|
@@ -12,7 +12,7 @@ const facebook_1 = require("./facebook/facebook");
|
|
|
12
12
|
const multichannel_button_1 = require("./multichannel-button");
|
|
13
13
|
const multichannel_context_1 = require("./multichannel-context");
|
|
14
14
|
const multichannel_utils_1 = require("./multichannel-utils");
|
|
15
|
-
const
|
|
15
|
+
const markdown_meta_1 = require("./whatsapp/markdown-meta");
|
|
16
16
|
const MultichannelText = props => {
|
|
17
17
|
var _a;
|
|
18
18
|
const requestContext = (0, react_1.useContext)(contexts_1.RequestContext);
|
|
@@ -83,7 +83,7 @@ const MultichannelText = props => {
|
|
|
83
83
|
const texts = getText(props.children);
|
|
84
84
|
const { postbackButtons, urlButtons, webviewButtons } = getWhatsappButtons();
|
|
85
85
|
const textElements = texts.map(text => {
|
|
86
|
-
const textWithMarkdown = (0,
|
|
86
|
+
const textWithMarkdown = (0, markdown_meta_1.convertToMarkdownMeta)(text);
|
|
87
87
|
return (props.newline || '') + textWithMarkdown;
|
|
88
88
|
});
|
|
89
89
|
const webviewButtonElements = webviewButtons.map(regenerateMultichannelButtons(false));
|
|
@@ -155,8 +155,8 @@ const MultichannelText = props => {
|
|
|
155
155
|
const text = getText(props.children);
|
|
156
156
|
const multichannelFacebook = new facebook_1.MultichannelFacebook();
|
|
157
157
|
const { texts, propsLastText, propsWithoutChildren } = multichannelFacebook.convertText(props, text[0]);
|
|
158
|
-
|
|
159
|
-
|
|
158
|
+
const [lastText, ...buttonsAndReplies] = propsLastText.children;
|
|
159
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [texts === null || texts === void 0 ? void 0 : texts.map((message, i) => ((0, jsx_runtime_1.jsx)(text_1.Text, Object.assign({}, propsWithoutChildren, { children: (0, markdown_meta_1.convertToMarkdownMeta)(message) }), i))), (0, jsx_runtime_1.jsxs)(text_1.Text, Object.assign({}, propsLastText, { children: [(0, markdown_meta_1.convertToMarkdownMeta)(lastText), buttonsAndReplies] }))] }));
|
|
160
160
|
}
|
|
161
161
|
return (0, jsx_runtime_1.jsx)(text_1.Text, Object.assign({}, props, { children: props.children }));
|
|
162
162
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"multichannel-text.js","sourceRoot":"","sources":["../../../../src/components/multichannel/multichannel-text.jsx"],"names":[],"mappings":";;;;;AAAA,wCAA6D;AAC7D,uDAAyC;AAEzC,6CAA+C;AAC/C,0BAA6D;AAC7D,kCAA8B;AAC9B,kDAA0D;AAC1D,+DAA0D;AAC1D,iEAA4D;AAC5D,6DAa6B;AAC7B,
|
|
1
|
+
{"version":3,"file":"multichannel-text.js","sourceRoot":"","sources":["../../../../src/components/multichannel/multichannel-text.jsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function convertToMarkdownMeta(text: string): string;
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.convertToMarkdownMeta = void 0;
|
|
4
|
+
const REGEX_MARKDOWN_BOLD = /(\*\*|__)(.*?)\1/g;
|
|
5
|
+
const REGEX_MARKDOWN_ITALIC = /(\*|_)(.*?)\1/g;
|
|
6
|
+
const REGEX_MARKDOWN_LINK = /\[([^\]]+)\]\(([^)]+)\)/g;
|
|
7
|
+
const NORMALIZED_BOLD = '&%BOLD%&';
|
|
8
|
+
const REGEX_NORMALIZED_BOLD = new RegExp(`${NORMALIZED_BOLD}(.*?)${NORMALIZED_BOLD}`, 'g');
|
|
9
|
+
const NORMALIZED_ITALIC = '&%ITALIC%&';
|
|
10
|
+
const REGEX_NORMALIZED_ITALIC = new RegExp(`${NORMALIZED_ITALIC}(.*?)${NORMALIZED_ITALIC}`, 'g');
|
|
11
|
+
const WHATSAPP_BOLD = '*';
|
|
12
|
+
const WHATSAPP_ITALIC = '_';
|
|
13
|
+
// Convert markdown to WhatsApp and Facebook format
|
|
14
|
+
function convertToMarkdownMeta(text) {
|
|
15
|
+
const textWithBoldAndItalic = replaceBoldAndItalic(text);
|
|
16
|
+
return replaceMarkdownLinks(textWithBoldAndItalic);
|
|
17
|
+
}
|
|
18
|
+
exports.convertToMarkdownMeta = convertToMarkdownMeta;
|
|
19
|
+
function replaceBoldAndItalic(text) {
|
|
20
|
+
const normalizedText = normalizeBoldAndItalic(text);
|
|
21
|
+
const boldAndItalicText = normalizedToMarkdownMeta(normalizedText);
|
|
22
|
+
return boldAndItalicText;
|
|
23
|
+
}
|
|
24
|
+
function normalizeBoldAndItalic(text) {
|
|
25
|
+
// Normalize bold
|
|
26
|
+
text = text.replace(REGEX_MARKDOWN_BOLD, `${NORMALIZED_BOLD}$2${NORMALIZED_BOLD}`);
|
|
27
|
+
// Normalize italic
|
|
28
|
+
text = text.replace(REGEX_MARKDOWN_ITALIC, `${NORMALIZED_ITALIC}$2${NORMALIZED_ITALIC}`);
|
|
29
|
+
return text;
|
|
30
|
+
}
|
|
31
|
+
function normalizedToMarkdownMeta(text) {
|
|
32
|
+
// convert &%BOLD%&text&%BOLD%& to *text*
|
|
33
|
+
text = text.replace(REGEX_NORMALIZED_BOLD, `${WHATSAPP_BOLD}$1${WHATSAPP_BOLD}`);
|
|
34
|
+
// convert &%ITALIC%&text&%ITALIC%& to _text_
|
|
35
|
+
text = text.replace(REGEX_NORMALIZED_ITALIC, `${WHATSAPP_ITALIC}$1${WHATSAPP_ITALIC}`);
|
|
36
|
+
return text;
|
|
37
|
+
}
|
|
38
|
+
function replaceMarkdownLinks(text) {
|
|
39
|
+
// $1 = textUrl, $2 = linkUrl
|
|
40
|
+
return text.replace(REGEX_MARKDOWN_LINK, '$1: $2');
|
|
41
|
+
}
|
|
42
|
+
//# sourceMappingURL=markdown-meta.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"markdown-meta.js","sourceRoot":"","sources":["../../../../../src/components/multichannel/whatsapp/markdown-meta.ts"],"names":[],"mappings":";;;AAAA,MAAM,mBAAmB,GAAG,mBAAmB,CAAA;AAC/C,MAAM,qBAAqB,GAAG,gBAAgB,CAAA;AAC9C,MAAM,mBAAmB,GAAG,0BAA0B,CAAA;AAEtD,MAAM,eAAe,GAAG,UAAU,CAAA;AAClC,MAAM,qBAAqB,GAAG,IAAI,MAAM,CACtC,GAAG,eAAe,QAAQ,eAAe,EAAE,EAC3C,GAAG,CACJ,CAAA;AACD,MAAM,iBAAiB,GAAG,YAAY,CAAA;AACtC,MAAM,uBAAuB,GAAG,IAAI,MAAM,CACxC,GAAG,iBAAiB,QAAQ,iBAAiB,EAAE,EAC/C,GAAG,CACJ,CAAA;AAED,MAAM,aAAa,GAAG,GAAG,CAAA;AACzB,MAAM,eAAe,GAAG,GAAG,CAAA;AAE3B,mDAAmD;AACnD,SAAgB,qBAAqB,CAAC,IAAY;IAChD,MAAM,qBAAqB,GAAG,oBAAoB,CAAC,IAAI,CAAC,CAAA;IAExD,OAAO,oBAAoB,CAAC,qBAAqB,CAAC,CAAA;AACpD,CAAC;AAJD,sDAIC;AAED,SAAS,oBAAoB,CAAC,IAAY;IACxC,MAAM,cAAc,GAAG,sBAAsB,CAAC,IAAI,CAAC,CAAA;IACnD,MAAM,iBAAiB,GAAG,wBAAwB,CAAC,cAAc,CAAC,CAAA;IAElE,OAAO,iBAAiB,CAAA;AAC1B,CAAC;AAED,SAAS,sBAAsB,CAAC,IAAY;IAC1C,iBAAiB;IACjB,IAAI,GAAG,IAAI,CAAC,OAAO,CACjB,mBAAmB,EACnB,GAAG,eAAe,KAAK,eAAe,EAAE,CACzC,CAAA;IACD,mBAAmB;IACnB,IAAI,GAAG,IAAI,CAAC,OAAO,CACjB,qBAAqB,EACrB,GAAG,iBAAiB,KAAK,iBAAiB,EAAE,CAC7C,CAAA;IAED,OAAO,IAAI,CAAA;AACb,CAAC;AAED,SAAS,wBAAwB,CAAC,IAAY;IAC5C,yCAAyC;IACzC,IAAI,GAAG,IAAI,CAAC,OAAO,CACjB,qBAAqB,EACrB,GAAG,aAAa,KAAK,aAAa,EAAE,CACrC,CAAA;IACD,6CAA6C;IAC7C,IAAI,GAAG,IAAI,CAAC,OAAO,CACjB,uBAAuB,EACvB,GAAG,eAAe,KAAK,eAAe,EAAE,CACzC,CAAA;IAED,OAAO,IAAI,CAAA;AACb,CAAC;AAED,SAAS,oBAAoB,CAAC,IAAY;IACxC,6BAA6B;IAC7B,OAAO,IAAI,CAAC,OAAO,CAAC,mBAAmB,EAAE,QAAQ,CAAC,CAAA;AACpD,CAAC"}
|
|
@@ -7,7 +7,7 @@ const util_1 = require("../util");
|
|
|
7
7
|
const react_1 = require("../util/react");
|
|
8
8
|
const message_1 = require("./message");
|
|
9
9
|
const multichannel_utils_1 = require("./multichannel/multichannel-utils");
|
|
10
|
-
const
|
|
10
|
+
const markdown_meta_1 = require("./multichannel/whatsapp/markdown-meta");
|
|
11
11
|
// TODO: Add validation in component
|
|
12
12
|
exports.WHATSAPP_MAX_BUTTON_LIST_CHARS = 24;
|
|
13
13
|
exports.WHATSAPP_MAX_BUTTON_LIST_DESCRIPTION_CHARS = 72;
|
|
@@ -43,7 +43,7 @@ const WhatsappButtonList = (props) => {
|
|
|
43
43
|
const renderNode = () => {
|
|
44
44
|
return (
|
|
45
45
|
// @ts-ignore Property 'message' does not exist on type 'JSX.IntrinsicElements'.
|
|
46
|
-
(0, jsx_runtime_1.jsx)("message", Object.assign({}, props, { body: (0,
|
|
46
|
+
(0, jsx_runtime_1.jsx)("message", Object.assign({}, props, { body: (0, markdown_meta_1.convertToMarkdownMeta)(props.body), button: (0, util_1.truncateText)(props.button, multichannel_utils_1.WHATSAPP_MAX_BUTTON_CHARS), sections: JSON.stringify(trucateSectionsContents(props.sections)), type: core_1.INPUT.WHATSAPP_BUTTON_LIST })));
|
|
47
47
|
};
|
|
48
48
|
return (0, react_1.renderComponent)({ renderBrowser, renderNode });
|
|
49
49
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"whatsapp-button-list.js","sourceRoot":"","sources":["../../../src/components/whatsapp-button-list.tsx"],"names":[],"mappings":";;;;AAAA,wCAAqC;AAGrC,kCAAsC;AACtC,yCAA+C;AAC/C,uCAAmC;AACnC,0EAA6E;AAC7E
|
|
1
|
+
{"version":3,"file":"whatsapp-button-list.js","sourceRoot":"","sources":["../../../src/components/whatsapp-button-list.tsx"],"names":[],"mappings":";;;;AAAA,wCAAqC;AAGrC,kCAAsC;AACtC,yCAA+C;AAC/C,uCAAmC;AACnC,0EAA6E;AAC7E,yEAA6E;AAE7E,oCAAoC;AAEvB,QAAA,8BAA8B,GAAG,EAAE,CAAA;AACnC,QAAA,0CAA0C,GAAG,EAAE,CAAA;AAC/C,QAAA,iCAAiC,GAAG,GAAG,CAAA;AAoBpD,MAAM,SAAS,GAAG,wBAAwB,CAAC,EAAE;IAC3C,qGAAqG;IACrG,OAAO,EAAE,CAAA;AACX,CAAC,CAAA;AAEM,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAE,EAAE;IACnE,MAAM,uBAAuB,GAAG,CAC9B,QAA0C,EACR,EAAE;QACpC,MAAM,kBAAkB,GAAG,CACzB,GAA+B,EACH,EAAE;YAC9B,MAAM,KAAK,GAAG,IAAA,mBAAY,EAAC,GAAG,CAAC,KAAK,EAAE,sCAA8B,CAAC,CAAA;YACrE,MAAM,WAAW,GAAG,GAAG,CAAC,WAAW;gBACjC,CAAC,CAAC,IAAA,mBAAY,EACV,GAAG,CAAC,WAAW,EACf,kDAA0C,CAC3C;gBACH,CAAC,CAAC,SAAS,CAAA;YACb,IAAI,GAAG,CAAC,EAAE,CAAC,MAAM,GAAG,yCAAiC,EAAE;gBACrD,OAAO,CAAC,KAAK,CACX,cAAc,GAAG,CAAC,EAAE,mCAAmC,yCAAiC,aAAa,CACtG,CAAA;aACF;YACD,uCAAY,GAAG,KAAE,KAAK,EAAE,WAAW,IAAE;QACvC,CAAC,CAAA;QAED,OAAO,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;YAC9B,KAAK,EAAE,OAAO,CAAC,KAAK;gBAClB,CAAC,CAAC,IAAA,mBAAY,EAAC,OAAO,CAAC,KAAK,EAAE,sCAA8B,CAAC;gBAC7D,CAAC,CAAC,SAAS;YACb,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,kBAAkB,CAAC;SAC3C,CAAC,CAAC,CAAA;IACL,CAAC,CAAA;IAED,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,qCAAqC;QACrC,MAAM,OAAO,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAA;QAC1C,OAAO,CACL,uBAAC,iBAAO,kBACN,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,IACpB,KAAK,IACT,IAAI,EAAE,YAAK,CAAC,oBAAoB,gBAE/B,OAAO,IACA,CACX,CAAA;IACH,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,OAAO;QACL,gFAAgF;QAChF,oDACM,KAAK,IACT,IAAI,EAAE,IAAA,qCAAqB,EAAC,KAAK,CAAC,IAAI,CAAC,EACvC,MAAM,EAAE,IAAA,mBAAY,EAAC,KAAK,CAAC,MAAM,EAAE,8CAAyB,CAAC,EAC7D,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,uBAAuB,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,EACjE,IAAI,EAAE,YAAK,CAAC,oBAAoB,IAChC,CACH,CAAA;IACH,CAAC,CAAA;IAED,OAAO,IAAA,uBAAe,EAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AA1DY,QAAA,kBAAkB,sBA0D9B"}
|
|
@@ -8,7 +8,7 @@ const react_1 = require("../util/react");
|
|
|
8
8
|
const webviews_1 = require("../util/webviews");
|
|
9
9
|
const message_1 = require("./message");
|
|
10
10
|
const multichannel_utils_1 = require("./multichannel/multichannel-utils");
|
|
11
|
-
const
|
|
11
|
+
const markdown_meta_1 = require("./multichannel/whatsapp/markdown-meta");
|
|
12
12
|
const serialize = _whatsappCTAUrlButtonProps => {
|
|
13
13
|
// TODO: Implement to have data persistance in localStorage, not needed for this WhatsApp development
|
|
14
14
|
return {};
|
|
@@ -22,7 +22,7 @@ const WhatsappCTAUrlButton = (props) => {
|
|
|
22
22
|
const renderNode = () => {
|
|
23
23
|
const validatedProps = Object.assign(Object.assign({}, props), { header: props.header
|
|
24
24
|
? (0, util_1.truncateText)(props.header, multichannel_utils_1.WHATSAPP_MAX_HEADER_CHARS)
|
|
25
|
-
: undefined, body: (0, util_1.truncateText)((0,
|
|
25
|
+
: undefined, body: (0, util_1.truncateText)((0, markdown_meta_1.convertToMarkdownMeta)(props.body), multichannel_utils_1.WHATSAPP_MAX_BODY_CHARS), footer: props.footer
|
|
26
26
|
? (0, util_1.truncateText)(props.footer, multichannel_utils_1.WHATSAPP_MAX_FOOTER_CHARS)
|
|
27
27
|
: undefined, displayText: (0, util_1.truncateText)(props.displayText, multichannel_utils_1.WHATSAPP_MAX_BUTTON_CHARS), url: 'webview' in props
|
|
28
28
|
? (0, webviews_1.generateWebviewUrlWithParams)(props.webview, props.params)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"whatsapp-cta-url-button.js","sourceRoot":"","sources":["../../../src/components/whatsapp-cta-url-button.tsx"],"names":[],"mappings":";;;;AAAA,wCAAqC;AAGrC,kCAAsC;AACtC,yCAA+C;AAC/C,+CAA+D;AAC/D,uCAAmC;AACnC,0EAK0C;AAC1C
|
|
1
|
+
{"version":3,"file":"whatsapp-cta-url-button.js","sourceRoot":"","sources":["../../../src/components/whatsapp-cta-url-button.tsx"],"names":[],"mappings":";;;;AAAA,wCAAqC;AAGrC,kCAAsC;AACtC,yCAA+C;AAC/C,+CAA+D;AAC/D,uCAAmC;AACnC,0EAK0C;AAC1C,yEAA6E;AAwB7E,MAAM,SAAS,GAAG,0BAA0B,CAAC,EAAE;IAC7C,qGAAqG;IACrG,OAAO,EAAE,CAAA;AACX,CAAC,CAAA;AAEM,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAE,EAAE;IACvE,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,qCAAqC;QACrC,MAAM,OAAO,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAA;QAC1C,OAAO,CACL,uBAAC,iBAAO,kBACN,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,IACpB,KAAK,IACT,IAAI,EAAE,YAAK,CAAC,uBAAuB,gBAElC,OAAO,IACA,CACX,CAAA;IACH,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,MAAM,cAAc,mCACf,KAAK,KACR,MAAM,EAAE,KAAK,CAAC,MAAM;gBAClB,CAAC,CAAC,IAAA,mBAAY,EAAC,KAAK,CAAC,MAAM,EAAE,8CAAyB,CAAC;gBACvD,CAAC,CAAC,SAAS,EACb,IAAI,EAAE,IAAA,mBAAY,EAChB,IAAA,qCAAqB,EAAC,KAAK,CAAC,IAAI,CAAC,EACjC,4CAAuB,CACxB,EACD,MAAM,EAAE,KAAK,CAAC,MAAM;gBAClB,CAAC,CAAC,IAAA,mBAAY,EAAC,KAAK,CAAC,MAAM,EAAE,8CAAyB,CAAC;gBACvD,CAAC,CAAC,SAAS,EACb,WAAW,EAAE,IAAA,mBAAY,EAAC,KAAK,CAAC,WAAW,EAAE,8CAAyB,CAAC,EACvE,GAAG,EACD,SAAS,IAAI,KAAK;gBAChB,CAAC,CAAC,IAAA,uCAA4B,EAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC;gBAC3D,CAAC,CAAC,KAAK,CAAC,GAAG,GAChB,CAAA;QACD,OAAO;QACL,gFAAgF;QAChF,oDAAa,cAAc,IAAE,IAAI,EAAE,YAAK,CAAC,uBAAuB,IAAI,CACrE,CAAA;IACH,CAAC,CAAA;IAED,OAAO,IAAA,uBAAe,EAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AAzCY,QAAA,oBAAoB,wBAyChC"}
|
package/lib/cjs/contexts.js
CHANGED
package/lib/cjs/contexts.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"contexts.js","sourceRoot":"","sources":["../../src/contexts.tsx"],"names":[],"mappings":";;;;AACA,iCAAqC;AAGrC,2CAAqD;AAExC,QAAA,cAAc,GAAG,IAAA,qBAAa,EAKzC;IACA,SAAS,EAAE,GAAG,EAAE,CAAC,EAAE;IACnB,SAAS,EAAE,GAAG,EAAE,CAAC,SAAS;IAC1B,OAAO,EAAE,EAAiB;IAC1B,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAe;IACtB,YAAY,EAAE,CAAC;IACf,aAAa,EAAE,CAAC;CACjB,CAAC,CAAA;AAQW,QAAA,qBAAqB,GAAG,IAAA,qBAAa,EAK/C;IACD,YAAY,EAAE,GAAS,EAAE,0DAAC,OAAA,SAAS,CAAA,GAAA;IACnC,SAAS,EAAE,GAAG,EAAE,CAAC,EAAE;IACnB,MAAM,EAAE,EAAyB;IACjC,OAAO,EAAE,EAAiB;CAC3B,CAAC,CAAA;AAEW,QAAA,cAAc,GAAG,IAAA,qBAAa,EAAsB;IAC/D,UAAU,EAAE,GAAG,EAAE;QACf,OAAM;IACR,CAAC;IACD,YAAY,EAAE,GAAS,EAAE;QACvB,OAAM;IACR,CAAC,CAAA;IACD,gBAAgB,EAAE,GAAG,EAAE;QACrB,OAAM;IACR,CAAC;IACD,WAAW,EAAE,GAAG,EAAE;QAChB,OAAM;IACR,CAAC;IACD,WAAW,EAAE,GAAG,EAAE;QAChB,OAAM;IACR,CAAC;IACD,mBAAmB,EAAE,GAAG,EAAE;QACxB,OAAM;IACR,CAAC;IACD,qBAAqB,EAAE,GAAG,EAAE;QAC1B,OAAM;IACR,CAAC;IACD,cAAc,EAAE,GAAS,EAAE;QACzB,OAAM;IACR,CAAC,CAAA;IACD,SAAS,EAAE,GAAS,EAAE;QACpB,OAAM;IACR,CAAC,CAAA;IACD,WAAW,EAAE,GAAS,EAAE;QACtB,OAAM;IACR,CAAC,CAAA;IACD,QAAQ,EAAE,GAAS,EAAE;QACnB,OAAM;IACR,CAAC,CAAA;IACD,KAAK,EAAE,EAAE;IACT,aAAa,EAAE,GAAG,EAAE;QAClB,OAAM;IACR,CAAC;IACD,iBAAiB,EAAE,GAAG,EAAE;QACtB,OAAM;IACR,CAAC;IACD,oBAAoB,EAAE,GAAG,EAAE;QACzB,OAAM;IACR,CAAC;IACD,iBAAiB,EAAE,GAAG,EAAE;QACtB,OAAM;IACR,CAAC;IACD,aAAa,EAAE,GAAG,EAAE;QAClB,OAAM;IACR,CAAC;IACD,aAAa,EAAE,GAAG,EAAE;QAClB,OAAM;IACR,CAAC;IACD,UAAU,EAAE,GAAG,EAAE;QACf,OAAM;IACR,CAAC;IACD,wBAAwB,EAAE,GAAG,EAAE;QAC7B,OAAM;IACR,CAAC;IACD,YAAY,EAAE,2BAAmB;IACjC,UAAU,EAAE,GAAS,EAAE;QACrB,OAAM;IACR,CAAC,CAAA;IACD,UAAU,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;IAC7B,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;IAC9B,aAAa,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;IAChC,SAAS,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;IAC5B,yBAAyB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;IAC5C,UAAU,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;CAC9B,CAAC,CAAA"}
|
|
1
|
+
{"version":3,"file":"contexts.js","sourceRoot":"","sources":["../../src/contexts.tsx"],"names":[],"mappings":";;;;AACA,iCAAqC;AAGrC,2CAAqD;AAExC,QAAA,cAAc,GAAG,IAAA,qBAAa,EAKzC;IACA,SAAS,EAAE,GAAG,EAAE,CAAC,EAAE;IACnB,SAAS,EAAE,GAAG,EAAE,CAAC,SAAS;IAC1B,OAAO,EAAE,EAAiB;IAC1B,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAe;IACtB,YAAY,EAAE,CAAC;IACf,aAAa,EAAE,CAAC;CACjB,CAAC,CAAA;AAQW,QAAA,qBAAqB,GAAG,IAAA,qBAAa,EAK/C;IACD,YAAY,EAAE,GAAS,EAAE,0DAAC,OAAA,SAAS,CAAA,GAAA;IACnC,SAAS,EAAE,GAAG,EAAE,CAAC,EAAE;IACnB,MAAM,EAAE,EAAyB;IACjC,OAAO,EAAE,EAAiB;CAC3B,CAAC,CAAA;AAEW,QAAA,cAAc,GAAG,IAAA,qBAAa,EAAsB;IAC/D,UAAU,EAAE,GAAG,EAAE;QACf,OAAM;IACR,CAAC;IACD,YAAY,EAAE,GAAS,EAAE;QACvB,OAAM;IACR,CAAC,CAAA;IACD,gBAAgB,EAAE,GAAG,EAAE;QACrB,OAAM;IACR,CAAC;IACD,WAAW,EAAE,GAAG,EAAE;QAChB,OAAM;IACR,CAAC;IACD,WAAW,EAAE,GAAG,EAAE;QAChB,OAAM;IACR,CAAC;IACD,mBAAmB,EAAE,GAAG,EAAE;QACxB,OAAM;IACR,CAAC;IACD,qBAAqB,EAAE,GAAG,EAAE;QAC1B,OAAM;IACR,CAAC;IACD,cAAc,EAAE,GAAS,EAAE;QACzB,OAAM;IACR,CAAC,CAAA;IACD,SAAS,EAAE,GAAS,EAAE;QACpB,OAAM;IACR,CAAC,CAAA;IACD,WAAW,EAAE,GAAS,EAAE;QACtB,OAAM;IACR,CAAC,CAAA;IACD,QAAQ,EAAE,GAAS,EAAE;QACnB,OAAM;IACR,CAAC,CAAA;IACD,KAAK,EAAE,EAAE;IACT,oBAAoB,EAAE,GAAG,EAAE;QACzB,OAAM;IACR,CAAC;IACD,aAAa,EAAE,GAAG,EAAE;QAClB,OAAM;IACR,CAAC;IACD,iBAAiB,EAAE,GAAG,EAAE;QACtB,OAAM;IACR,CAAC;IACD,oBAAoB,EAAE,GAAG,EAAE;QACzB,OAAM;IACR,CAAC;IACD,iBAAiB,EAAE,GAAG,EAAE;QACtB,OAAM;IACR,CAAC;IACD,aAAa,EAAE,GAAG,EAAE;QAClB,OAAM;IACR,CAAC;IACD,aAAa,EAAE,GAAG,EAAE;QAClB,OAAM;IACR,CAAC;IACD,UAAU,EAAE,GAAG,EAAE;QACf,OAAM;IACR,CAAC;IACD,wBAAwB,EAAE,GAAG,EAAE;QAC7B,OAAM;IACR,CAAC;IACD,YAAY,EAAE,2BAAmB;IACjC,UAAU,EAAE,GAAS,EAAE;QACrB,OAAM;IACR,CAAC,CAAA;IACD,UAAU,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;IAC7B,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;IAC9B,aAAa,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;IAChC,SAAS,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;IAC5B,yBAAyB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;IAC5C,UAAU,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;CAC9B,CAAC,CAAA"}
|
package/lib/cjs/index-types.d.ts
CHANGED
|
@@ -114,15 +114,16 @@ export interface Event {
|
|
|
114
114
|
isError?: boolean;
|
|
115
115
|
message?: MessageInfo;
|
|
116
116
|
}
|
|
117
|
+
export type ClientInput = Omit<CoreInput, 'message_id' | 'bot_interaction_id'>;
|
|
117
118
|
export interface WebchatContextProps {
|
|
118
119
|
addMessage: (message: WebchatMessage) => void;
|
|
119
120
|
closeWebview: () => Promise<void>;
|
|
120
121
|
getThemeProperty: (property: string, defaultValue?: any) => any;
|
|
121
|
-
openWebview: (webviewComponent: Webview) => void;
|
|
122
|
+
openWebview: (webviewComponent: Webview, params?: any) => void;
|
|
122
123
|
resetUnreadMessages: () => void;
|
|
123
124
|
resolveCase: () => void;
|
|
124
125
|
sendAttachment: (attachment: File) => Promise<void>;
|
|
125
|
-
sendInput: (input:
|
|
126
|
+
sendInput: (input: ClientInput) => Promise<void>;
|
|
126
127
|
sendPayload: (payload: string) => Promise<void>;
|
|
127
128
|
sendText: (text: string, payload?: string) => Promise<void>;
|
|
128
129
|
setLastMessageVisible: (isLastMessageVisible: boolean) => void;
|
|
@@ -130,7 +131,8 @@ export interface WebchatContextProps {
|
|
|
130
131
|
toggleWebchat: (toggle: boolean) => void;
|
|
131
132
|
toggleEmojiPicker: (toggle: boolean) => void;
|
|
132
133
|
togglePersistentMenu: (toggle: boolean) => void;
|
|
133
|
-
|
|
134
|
+
toggleCoverComponent: (toggle: boolean) => void;
|
|
135
|
+
updateLatestInput: (input: ClientInput) => void;
|
|
134
136
|
updateMessage: (message: WebchatMessage) => void;
|
|
135
137
|
updateReplies: (replies: boolean) => void;
|
|
136
138
|
updateUser: (user: Partial<CoreSessionUser>) => void;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.CoverComponent = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const constants_1 = require("../../constants");
|
|
7
|
+
const contexts_1 = require("../../contexts");
|
|
8
|
+
const CoverComponent = ({ component, componentProps }) => {
|
|
9
|
+
const { getThemeProperty, toggleCoverComponent, webchatState } = (0, react_1.useContext)(contexts_1.WebchatContext);
|
|
10
|
+
const Cover = component;
|
|
11
|
+
const coverComponentProps = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.coverComponentProps, componentProps);
|
|
12
|
+
const closeCoverComponent = () => {
|
|
13
|
+
toggleCoverComponent(false);
|
|
14
|
+
};
|
|
15
|
+
if (!Cover) {
|
|
16
|
+
return null;
|
|
17
|
+
}
|
|
18
|
+
return Cover && webchatState.isCoverComponentOpen ? ((0, jsx_runtime_1.jsx)(Cover, Object.assign({ closeComponent: closeCoverComponent }, coverComponentProps))) : null;
|
|
19
|
+
};
|
|
20
|
+
exports.CoverComponent = CoverComponent;
|
|
21
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/webchat/cover-component/index.tsx"],"names":[],"mappings":";;;;AAAA,iCAAyC;AAEzC,+CAAyC;AACzC,6CAA+C;AAOxC,MAAM,cAAc,GAAG,CAAC,EAAE,SAAS,EAAE,cAAc,EAAS,EAAE,EAAE;IACrE,MAAM,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,YAAY,EAAE,GAC5D,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAE5B,MAAM,KAAK,GAAG,SAAS,CAAA;IAEvB,MAAM,mBAAmB,GAAG,gBAAgB,CAC1C,mBAAO,CAAC,iBAAiB,CAAC,mBAAmB,EAC7C,cAAc,CACf,CAAA;IAED,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,oBAAoB,CAAC,KAAK,CAAC,CAAA;IAC7B,CAAC,CAAA;IAED,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,KAAK,IAAI,YAAY,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAClD,uBAAC,KAAK,kBAAC,cAAc,EAAE,mBAAmB,IAAM,mBAAmB,EAAI,CACxE,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA;AAtBY,QAAA,cAAc,kBAsB1B"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
2
|
+
import { Session } from '@botonic/core';
|
|
3
3
|
import { ThemeProps, Webview } from '../../components/index-types';
|
|
4
|
-
import { WebchatMessage } from '../../index-types';
|
|
4
|
+
import { ClientInput, WebchatMessage } from '../../index-types';
|
|
5
5
|
import { WebchatAction } from '../actions';
|
|
6
6
|
import { DevSettings, ErrorMessage, WebchatState } from '../index-types';
|
|
7
7
|
export declare const webchatInitialState: WebchatState;
|
|
@@ -25,7 +25,7 @@ export declare function useWebchat(): {
|
|
|
25
25
|
updateHandoff: (handoff: boolean) => void;
|
|
26
26
|
updateLastMessageDate: (date: string) => void;
|
|
27
27
|
updateLastRoutePath: (path: string) => void;
|
|
28
|
-
updateLatestInput: (input:
|
|
28
|
+
updateLatestInput: (input: ClientInput) => void;
|
|
29
29
|
updateMessage: (message: WebchatMessage) => void;
|
|
30
30
|
updateReplies: (replies: any) => void;
|
|
31
31
|
updateSession: (session: Session) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-webchat.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-webchat.ts"],"names":[],"mappings":";;;AACA,iCAA0C;AAG1C,+CAAiD;AAEjD,wCAA0C;AAE1C,wDAAmD;AAEtC,QAAA,mBAAmB,GAAiB;IAC/C,KAAK,EAAE,mBAAO,CAAC,QAAQ,CAAC,KAAK;IAC7B,MAAM,EAAE,mBAAO,CAAC,QAAQ,CAAC,MAAM;IAC/B,YAAY,EAAE,EAAE;IAChB,kBAAkB,EAAE,EAAE;IACtB,OAAO,EAAE,EAAE;IACX,WAAW,EAAE,EAAE;IACf,MAAM,EAAE,KAAK;IACb,OAAO,EAAE,IAAI;IACb,aAAa,EAAE,IAAI;IACnB,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;IAC5B,aAAa,EAAE,IAAI;IACnB,OAAO,EAAE,KAAK;IACd,KAAK,EAAE;QACL,WAAW,EAAE,mBAAO,CAAC,QAAQ,CAAC,KAAK;QACnC,UAAU,EAAE,kBAAM,CAAC,YAAY;QAC/B,UAAU,EAAE,mBAAO,CAAC,QAAQ,CAAC,IAAI;QACjC,kBAAkB,EAAE,SAAS;QAC7B,eAAe,EAAE,mBAAO,CAAC,QAAQ,CAAC,WAAW;QAC7C,KAAK,EAAE;YACL,UAAU,EAAE,mBAAO,CAAC,QAAQ,CAAC,WAAW;SACzC;KACF;IACD,YAAY,EAAE,EAAE;IAChB,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,IAAI;IACZ,WAAW,EAAE,EAAE,mBAAmB,EAAE,KAAK,EAAE;IAC3C,aAAa,EAAE,KAAK;IACpB,iBAAiB,EAAE,KAAK;IACxB,oBAAoB,EAAE,KAAK;IAC3B,oBAAoB,EAAE,KAAK;IAC3B,yBAAyB,EAAE,KAAK;IAChC,iBAAiB,EAAE,SAAS;IAC5B,iBAAiB,EAAE,SAAS;IAC5B,iBAAiB,EAAE,CAAC;IACpB,oBAAoB,EAAE,IAAI;CAC3B,CAAA;AAED,SAAgB,UAAU;IACxB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,kBAAU,EAChD,gCAAc,EACd,2BAAmB,CACpB,CAAA;IAED,MAAM,UAAU,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAA;IACtD,MAAM,WAAW,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAA;IACvD,MAAM,aAAa,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAA;IACzD,MAAM,SAAS,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAA;IACrD,MAAM,yBAAyB,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAA;IACrE,MAAM,UAAU,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAA;IAEtD,MAAM,UAAU,GAAG,CAAC,OAAuB,EAAE,EAAE,CAC7C,eAAe,CAAC,EAAE,IAAI,EAAE,uBAAa,CAAC,WAAW,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAA;IAExE,MAAM,mBAAmB,GAAG,CAAC,OAAkC,EAAE,EAAE,CACjE,eAAe,CAAC;QACd,IAAI,EAAE,uBAAa,CAAC,qBAAqB;QACzC,OAAO,EAAE,OAAO;KACjB,CAAC,CAAA;IAEJ,MAAM,aAAa,GAAG,CAAC,OAAuB,EAAE,EAAE,CAChD,eAAe,CAAC,EAAE,IAAI,EAAE,uBAAa,CAAC,cAAc,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAA;IAE3E,MAAM,aAAa,GAAG,OAAO,CAAC,EAAE,CAC9B,eAAe,CAAC,EAAE,IAAI,EAAE,uBAAa,CAAC,cAAc,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAA;IAE3E,MAAM,iBAAiB,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"use-webchat.js","sourceRoot":"","sources":["../../../../src/webchat/hooks/use-webchat.ts"],"names":[],"mappings":"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"}
|
|
@@ -22,6 +22,7 @@ const webchat_1 = require("../util/webchat");
|
|
|
22
22
|
const chat_area_1 = require("./chat-area");
|
|
23
23
|
const opened_persistent_menu_1 = require("./components/opened-persistent-menu");
|
|
24
24
|
const constants_2 = require("./constants");
|
|
25
|
+
const cover_component_1 = require("./cover-component");
|
|
25
26
|
const header_1 = require("./header");
|
|
26
27
|
const hooks_1 = require("./hooks");
|
|
27
28
|
const input_panel_1 = require("./input-panel");
|
|
@@ -282,23 +283,14 @@ exports.Webchat = (0, react_1.forwardRef)((props, ref) => {
|
|
|
282
283
|
return getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.coverComponent, props.coverComponent &&
|
|
283
284
|
(props.coverComponent.component || props.coverComponent));
|
|
284
285
|
};
|
|
285
|
-
const
|
|
286
|
-
const closeCoverComponent = () => {
|
|
287
|
-
toggleCoverComponent(false);
|
|
288
|
-
};
|
|
286
|
+
const coverComponent = getCoverComponent();
|
|
289
287
|
(0, react_1.useEffect)(() => {
|
|
290
|
-
if (!
|
|
288
|
+
if (!coverComponent)
|
|
291
289
|
return;
|
|
292
290
|
if (!botonicState ||
|
|
293
|
-
(botonicState.messages && botonicState.messages.length
|
|
291
|
+
(botonicState.messages && botonicState.messages.length === 0))
|
|
294
292
|
toggleCoverComponent(true);
|
|
295
293
|
}, []);
|
|
296
|
-
const coverComponent = () => {
|
|
297
|
-
const coverComponentProps = getThemeProperty(constants_1.WEBCHAT.CUSTOM_PROPERTIES.coverComponentProps, props.coverComponent && props.coverComponent.props);
|
|
298
|
-
if (CoverComponent && webchatState.isCoverComponentOpen)
|
|
299
|
-
return ((0, jsx_runtime_1.jsx)(CoverComponent, Object.assign({ closeComponent: closeCoverComponent }, coverComponentProps)));
|
|
300
|
-
return null;
|
|
301
|
-
};
|
|
302
294
|
const messageComponentFromInput = input => {
|
|
303
295
|
let messageComponent = null;
|
|
304
296
|
if ((0, message_utils_1.isText)(input)) {
|
|
@@ -526,6 +518,7 @@ exports.Webchat = (0, react_1.forwardRef)((props, ref) => {
|
|
|
526
518
|
toggleWebchat,
|
|
527
519
|
toggleEmojiPicker,
|
|
528
520
|
togglePersistentMenu,
|
|
521
|
+
toggleCoverComponent,
|
|
529
522
|
updateLatestInput,
|
|
530
523
|
updateMessage,
|
|
531
524
|
updateReplies,
|
|
@@ -542,9 +535,9 @@ exports.Webchat = (0, react_1.forwardRef)((props, ref) => {
|
|
|
542
535
|
// TODO: Distinguish between multiple instances of webchat, e.g. `${uniqueId}-botonic-webchat`
|
|
543
536
|
role: constants_1.ROLES.WEBCHAT, width: webchatState.width, height: webchatState.height, style: Object.assign(Object.assign({}, webchatState.theme.style), mobileStyle) }, { children: [(0, jsx_runtime_1.jsx)(header_1.WebchatHeader, { id: constants_2.BotonicContainerId.Header, ref: headerRef, onCloseClick: () => {
|
|
544
537
|
toggleWebchat(false);
|
|
545
|
-
} }), webchatState.error.message && ((0, jsx_runtime_1.jsx)(ErrorMessageContainer, { children: (0, jsx_runtime_1.jsx)(ErrorMessage, { children: webchatState.error.message }) })), (0, jsx_runtime_1.jsx)(chat_area_1.ChatArea, {}), webchatState.isPersistentMenuOpen && ((0, jsx_runtime_1.jsx)(DarkenBackground, { component: persistentMenu() })), !webchatState.handoff && userInputEnabled && ((0, jsx_runtime_1.jsx)(input_panel_1.InputPanel, { persistentMenu: props.persistentMenu, enableEmojiPicker: props.enableEmojiPicker, enableAttachments: props.enableAttachments, handleAttachment: handleAttachment, textareaRef: textareaRef, host: host, onUserInput: props.onUserInput })), webchatState.webview && webchatWebview(), webchatState.
|
|
546
|
-
|
|
547
|
-
|
|
538
|
+
} }), webchatState.isCoverComponentOpen ? ((0, jsx_runtime_1.jsx)(cover_component_1.CoverComponent, { component: coverComponent, componentProps: props.coverComponent.props })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [webchatState.error.message && ((0, jsx_runtime_1.jsx)(ErrorMessageContainer, { children: (0, jsx_runtime_1.jsx)(ErrorMessage, { children: webchatState.error.message }) })), (0, jsx_runtime_1.jsx)(chat_area_1.ChatArea, {}), webchatState.isPersistentMenuOpen && ((0, jsx_runtime_1.jsx)(DarkenBackground, { component: persistentMenu() })), !webchatState.handoff && userInputEnabled && ((0, jsx_runtime_1.jsx)(input_panel_1.InputPanel, { persistentMenu: props.persistentMenu, enableEmojiPicker: props.enableEmojiPicker, enableAttachments: props.enableAttachments, handleAttachment: handleAttachment, textareaRef: textareaRef, host: host, onUserInput: props.onUserInput })), webchatState.webview && webchatWebview(), webchatState.isCustomComponentRendered &&
|
|
539
|
+
customComponent &&
|
|
540
|
+
_renderCustomComponent()] }))] })))] })));
|
|
548
541
|
return props.shadowDOM ? ((0, jsx_runtime_1.jsx)(styled_components_1.StyleSheetManager, Object.assign({ target: host }, { children: WebchatComponent }))) : (WebchatComponent);
|
|
549
542
|
});
|
|
550
543
|
//# sourceMappingURL=webchat.js.map
|