@botonic/react 0.30.5 → 0.30.6-alpha.1
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/element.js +3 -2
- package/lib/cjs/components/element.js.map +1 -1
- package/lib/cjs/components/multichannel/multichannel-button.js +2 -2
- package/lib/cjs/components/multichannel/multichannel-button.js.map +1 -1
- package/lib/cjs/components/multichannel/multichannel-carousel.js +4 -4
- package/lib/cjs/components/multichannel/multichannel-carousel.js.map +1 -1
- package/lib/cjs/components/multichannel/multichannel-text.js +12 -11
- package/lib/cjs/components/multichannel/multichannel-text.js.map +1 -1
- package/lib/cjs/components/multichannel/multichannel-utils.d.ts +3 -12
- package/lib/cjs/components/multichannel/multichannel-utils.js +30 -25
- package/lib/cjs/components/multichannel/multichannel-utils.js.map +1 -1
- package/lib/cjs/components/multichannel/multichannel.js +10 -8
- package/lib/cjs/components/multichannel/multichannel.js.map +1 -1
- package/lib/cjs/components/multichannel/whatsapp/constants.d.ts +11 -0
- package/lib/cjs/components/multichannel/whatsapp/constants.js +13 -0
- package/lib/cjs/components/multichannel/whatsapp/constants.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 +5 -5
- package/lib/cjs/components/whatsapp-cta-url-button.js.map +1 -1
- package/lib/cjs/constants.d.ts +0 -6
- package/lib/cjs/constants.js +2 -7
- package/lib/cjs/constants.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/multichannel/multichannel-button.js +1 -1
- package/lib/esm/components/multichannel/multichannel-carousel.js +5 -5
- package/lib/esm/components/multichannel/multichannel-carousel.js.map +1 -1
- package/lib/esm/components/multichannel/multichannel-text.js +2 -1
- package/lib/esm/components/multichannel/multichannel-text.js.map +1 -1
- package/lib/esm/components/multichannel/multichannel-utils.d.ts +3 -12
- package/lib/esm/components/multichannel/multichannel-utils.js +26 -23
- package/lib/esm/components/multichannel/multichannel-utils.js.map +1 -1
- package/lib/esm/components/multichannel/multichannel.js +9 -7
- package/lib/esm/components/multichannel/multichannel.js.map +1 -1
- package/lib/esm/components/multichannel/whatsapp/constants.d.ts +11 -0
- package/lib/esm/components/multichannel/whatsapp/constants.js +10 -0
- package/lib/esm/components/multichannel/whatsapp/constants.js.map +1 -0
- package/lib/esm/components/whatsapp-button-list.js +1 -1
- package/lib/esm/components/whatsapp-cta-url-button.js +1 -1
- package/lib/esm/constants.d.ts +0 -6
- package/lib/esm/constants.js +1 -6
- package/lib/esm/constants.js.map +1 -1
- package/package.json +1 -1
- package/src/components/element.jsx +3 -2
- package/src/components/multichannel/multichannel-button.jsx +1 -1
- package/src/components/multichannel/multichannel-carousel.jsx +7 -5
- package/src/components/multichannel/multichannel-text.jsx +4 -2
- package/src/components/multichannel/multichannel-utils.js +29 -26
- package/src/components/multichannel/multichannel.jsx +9 -7
- package/src/components/multichannel/whatsapp/constants.ts +10 -0
- package/src/components/whatsapp-button-list.tsx +1 -1
- package/src/components/whatsapp-cta-url-button.tsx +1 -1
- package/src/constants.js +1 -7
|
@@ -7,6 +7,7 @@ const react_1 = tslib_1.__importDefault(require("react"));
|
|
|
7
7
|
const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
|
|
8
8
|
const constants_1 = require("../constants");
|
|
9
9
|
const react_2 = require("../util/react");
|
|
10
|
+
const button_1 = require("./button");
|
|
10
11
|
const ElementContainer = styled_components_1.default.div `
|
|
11
12
|
display: flex;
|
|
12
13
|
flex-direction: column;
|
|
@@ -25,7 +26,7 @@ const Element = props => {
|
|
|
25
26
|
exports.Element = Element;
|
|
26
27
|
exports.Element.serialize = elementProps => {
|
|
27
28
|
const element = Object.assign({}, ...elementProps.children
|
|
28
|
-
.filter(c => c && c.type && c.type.name
|
|
29
|
+
.filter(c => c && c.type && c.type.name !== button_1.Button.name)
|
|
29
30
|
.map(c => c.type.serialize && c.type.serialize(c.props)));
|
|
30
31
|
// When we are serializer buttons from backend, we are receiving the data
|
|
31
32
|
// as an array of buttons, so we have to keep robust with serve and deal with arrays
|
|
@@ -34,7 +35,7 @@ exports.Element.serialize = elementProps => {
|
|
|
34
35
|
.filter(c => {
|
|
35
36
|
if (c instanceof Array)
|
|
36
37
|
return true;
|
|
37
|
-
return c && c.type && c.type.name
|
|
38
|
+
return c && c.type && c.type.name === button_1.Button.name;
|
|
38
39
|
})
|
|
39
40
|
.map(b => {
|
|
40
41
|
if (b instanceof Array) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"element.js","sourceRoot":"","sources":["../../../src/components/element.jsx"],"names":[],"mappings":";;;;;AAAA,0DAAyB;AACzB,kFAAsC;AAEtC,4CAA8C;AAC9C,yCAA+C;
|
|
1
|
+
{"version":3,"file":"element.js","sourceRoot":"","sources":["../../../src/components/element.jsx"],"names":[],"mappings":";;;;;AAAA,0DAAyB;AACzB,kFAAsC;AAEtC,4CAA8C;AAC9C,yCAA+C;AAC/C,qCAAiC;AAEjC,MAAM,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;WAGxB,mBAAO,CAAC,QAAQ,CAAC,aAAa;kBACvB,mBAAO,CAAC,QAAQ,CAAC,oBAAoB;;sBAEjC,kBAAM,CAAC,cAAc;;;CAG1C,CAAA;AAEM,MAAM,OAAO,GAAG,KAAK,CAAC,EAAE;IAC7B,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,CAC1B,uBAAC,gBAAgB,cAAE,KAAK,CAAC,QAAQ,GAAoB,CACtD,CAAA;IAED,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,8CAAU,KAAK,CAAC,QAAQ,GAAW,CAAA;IAE5D,OAAO,IAAA,uBAAe,EAAC,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC,CAAA;AACvD,CAAC,CAAA;AARY,QAAA,OAAO,WAQnB;AAED,eAAO,CAAC,SAAS,GAAG,YAAY,CAAC,EAAE;IACjC,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAC3B,EAAE,EACF,GAAG,YAAY,CAAC,QAAQ;SACrB,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,eAAM,CAAC,IAAI,CAAC;SACvD,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAC3D,CAAA;IACD,yEAAyE;IACzE,oFAAoF;IACpF,OAAO,CAAC,OAAO,GAAG;QAChB,GAAG,YAAY,CAAC,QAAQ;aACrB,MAAM,CAAC,CAAC,CAAC,EAAE;YACV,IAAI,CAAC,YAAY,KAAK;gBAAE,OAAO,IAAI,CAAA;YACnC,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,eAAM,CAAC,IAAI,CAAA;QACnD,CAAC,CAAC;aACD,GAAG,CAAC,CAAC,CAAC,EAAE;YACP,IAAI,CAAC,YAAY,KAAK,EAAE;gBACtB,OAAO,CAAC,CAAC,GAAG,CACV,EAAE,CAAC,EAAE,CACH,EAAE;oBACF,EAAE,CAAC,IAAI;oBACP,EAAE,CAAC,IAAI,CAAC,SAAS;oBACjB,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,MAAM,CACrC,CAAA;aACF;YACD,OAAO,CACL,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CACpE,CAAA;QACH,CAAC,CAAC;KACL,CAAA;IACD,mGAAmG;IACnG,oGAAoG;IACpG,2CAA2C;IAC3C,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,KAAK;QAAE,OAAO,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;IAC7E,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA"}
|
|
@@ -9,7 +9,7 @@ const contexts_1 = require("../../contexts");
|
|
|
9
9
|
const util_1 = require("../../util");
|
|
10
10
|
const button_1 = require("../button");
|
|
11
11
|
const multichannel_context_1 = require("./multichannel-context");
|
|
12
|
-
const
|
|
12
|
+
const constants_1 = require("./whatsapp/constants");
|
|
13
13
|
const MultichannelButton = props => {
|
|
14
14
|
var _a;
|
|
15
15
|
const requestContext = (0, react_1.useContext)(contexts_1.RequestContext);
|
|
@@ -64,7 +64,7 @@ const MultichannelButton = props => {
|
|
|
64
64
|
else if (hasWebview())
|
|
65
65
|
return (0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({}, props, { children: getText() }));
|
|
66
66
|
}
|
|
67
|
-
return ((0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({}, props, { children: (0, util_1.truncateText)(props.children,
|
|
67
|
+
return ((0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({}, props, { children: (0, util_1.truncateText)(props.children, constants_1.WHATSAPP_MAX_BUTTON_CHARS) })));
|
|
68
68
|
}
|
|
69
69
|
return (0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({}, props, { children: props.children }));
|
|
70
70
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"multichannel-button.js","sourceRoot":"","sources":["../../../../src/components/multichannel/multichannel-button.jsx"],"names":[],"mappings":";;;;;AAAA,wCAA0C;AAC1C,uDAAyC;AAEzC,6CAA+C;AAC/C,qCAAyC;AACzC,sCAAkC;AAClC,iEAA4D;AAC5D,
|
|
1
|
+
{"version":3,"file":"multichannel-button.js","sourceRoot":"","sources":["../../../../src/components/multichannel/multichannel-button.jsx"],"names":[],"mappings":"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"}
|
|
@@ -21,16 +21,16 @@ const MultichannelCarousel = props => {
|
|
|
21
21
|
let subtitle = undefined;
|
|
22
22
|
const buttons = [];
|
|
23
23
|
for (const node of element) {
|
|
24
|
-
if ((0, multichannel_utils_1.
|
|
24
|
+
if ((0, multichannel_utils_1.isPic)(node)) {
|
|
25
25
|
imageProps = node.props;
|
|
26
26
|
}
|
|
27
|
-
if ((0, multichannel_utils_1.
|
|
27
|
+
if ((0, multichannel_utils_1.isTitle)(node)) {
|
|
28
28
|
title = node.props.children;
|
|
29
29
|
}
|
|
30
|
-
if ((0, multichannel_utils_1.
|
|
30
|
+
if ((0, multichannel_utils_1.isSubtitle)(node)) {
|
|
31
31
|
subtitle = node.props.children;
|
|
32
32
|
}
|
|
33
|
-
if ((0, multichannel_utils_1.
|
|
33
|
+
if ((0, multichannel_utils_1.isMultichannelButton)(node)) {
|
|
34
34
|
buttons.push(node);
|
|
35
35
|
}
|
|
36
36
|
//TODO support fragment containing an array
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"multichannel-carousel.js","sourceRoot":"","sources":["../../../../src/components/multichannel/multichannel-carousel.jsx"],"names":[],"mappings":";;;;;AAAA,wCAA0C;AAC1C,uDAAyC;AAEzC,6CAA+C;AAC/C,0CAAsC;AACtC,2DAAsD;AACtD,
|
|
1
|
+
{"version":3,"file":"multichannel-carousel.js","sourceRoot":"","sources":["../../../../src/components/multichannel/multichannel-carousel.jsx"],"names":[],"mappings":";;;;;AAAA,wCAA0C;AAC1C,uDAAyC;AAEzC,6CAA+C;AAC/C,0CAAsC;AACtC,2DAAsD;AACtD,6DAM6B;AAEtB,MAAM,oBAAoB,GAAG,KAAK,CAAC,EAAE;IAC1C,MAAM,cAAc,GAAG,IAAA,kBAAU,EAAC,yBAAc,CAAC,CAAA;IAEjD,MAAM,UAAU,GAAG,IAAI,CAAC,EAAE,CACxB,EAAE,CAAC,MAAM,CAAC,IAAA,wCAAmB,EAAC,IAAI,EAAE,yCAAoB,CAAC,CAAC,CAAA;IAE5D,IAAI,IAAA,iBAAU,EAAC,cAAc,CAAC,OAAO,CAAC,EAAE;QACtC,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ;aAC5B,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC;aAC1B,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE;YAClB,IAAI,UAAU,GAAG,SAAS,CAAA;YAC1B,IAAI,KAAK,GAAG,SAAS,CAAA;YACrB,IAAI,QAAQ,GAAG,SAAS,CAAA;YACxB,MAAM,OAAO,GAAG,EAAE,CAAA;YAElB,KAAK,MAAM,IAAI,IAAI,OAAO,EAAE;gBAC1B,IAAI,IAAA,0BAAK,EAAC,IAAI,CAAC,EAAE;oBACf,UAAU,GAAG,IAAI,CAAC,KAAK,CAAA;iBACxB;gBACD,IAAI,IAAA,4BAAO,EAAC,IAAI,CAAC,EAAE;oBACjB,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAA;iBAC5B;gBACD,IAAI,IAAA,+BAAU,EAAC,IAAI,CAAC,EAAE;oBACpB,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAA;iBAC/B;gBAED,IAAI,IAAA,yCAAoB,EAAC,IAAI,CAAC,EAAE;oBAC9B,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;iBACnB;gBACD,2CAA2C;gBAC3C,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;oBACvB,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAA;iBAC/B;aACF;YAED,IAAI,MAAM,GAAG,EAAE,CAAA;YACf,IAAI,KAAK,CAAC,SAAS,IAAI,KAAK,EAAE;gBAC5B,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAA;gBAC1C,IAAI,KAAK,IAAI,QAAQ,EAAE;oBACrB,MAAM,IAAI,GAAG,CAAA;iBACd;aACF;YACD,IAAI,KAAK,CAAC,YAAY,IAAI,QAAQ,EAAE;gBAClC,MAAM,IAAI,IAAI,QAAQ,GAAG,CAAA;aAC1B;YAED,OAAO;YACL,wCAAwC;YACxC,wBAAC,oCAAgB,kBAEf,MAAM,EAAE,CAAC,EACT,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,aAAa,EAAE,KAAK,CAAC,aAAa,iBAEjC,MAAM,IAAI,IAAI,EACd,OAAO,MANH,CAAC,CAOW,CACpB,CAAA;YAED,sDAAsD;YACtD,WAAW;YACX,WAAW;YACX,6BAA6B;YAC7B,aAAa;YACb,uBAAuB;YACvB,oCAAoC;YACpC,iBAAiB;YACjB,iBAAiB;YACjB,oBAAoB;YACpB,oBAAoB;YACpB,sBAAsB;YACtB,WAAW;YACX,gBAAgB;YAChB,sBAAsB;YACtB,IAAI;YACJ,IAAI;QACN,CAAC,CAAC,CAAA;QACJ,OAAO,QAAQ,CAAA;KAChB;SAAM;QACL,OAAO,uBAAC,mBAAQ,oBAAK,KAAK,cAAG,KAAK,CAAC,QAAQ,IAAY,CAAA;KACxD;AACH,CAAC,CAAA;AAjFY,QAAA,oBAAoB,wBAiFhC"}
|
|
@@ -12,6 +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 constants_1 = require("./whatsapp/constants");
|
|
15
16
|
const markdown_meta_1 = require("./whatsapp/markdown-meta");
|
|
16
17
|
const MultichannelText = props => {
|
|
17
18
|
var _a;
|
|
@@ -74,8 +75,8 @@ const MultichannelText = props => {
|
|
|
74
75
|
};
|
|
75
76
|
const splitInWhatsappListButtons = postbackButtons => {
|
|
76
77
|
const messages = [];
|
|
77
|
-
for (let i = 0; i < postbackButtons.length; i +=
|
|
78
|
-
messages.push(postbackButtons.slice(i, i +
|
|
78
|
+
for (let i = 0; i < postbackButtons.length; i += constants_1.WHATSAPP_LIST_MAX_BUTTONS) {
|
|
79
|
+
messages.push(postbackButtons.slice(i, i + constants_1.WHATSAPP_LIST_MAX_BUTTONS));
|
|
79
80
|
}
|
|
80
81
|
return messages;
|
|
81
82
|
};
|
|
@@ -87,15 +88,15 @@ const MultichannelText = props => {
|
|
|
87
88
|
return (props.newline || '') + textWithMarkdown;
|
|
88
89
|
});
|
|
89
90
|
const webviewButtonElements = webviewButtons.map(regenerateMultichannelButtons(false));
|
|
90
|
-
const buttonsTextSeparator = props.buttonsTextSeparator ||
|
|
91
|
-
const exceedWhatsAppMaxButtonNumber = !postbackButtonsAsText && postbackButtons.length >
|
|
91
|
+
const buttonsTextSeparator = props.buttonsTextSeparator || constants_1.DEFAULT_WHATSAPP_MAX_BUTTON_SEPARATOR;
|
|
92
|
+
const exceedWhatsAppMaxButtonNumber = !postbackButtonsAsText && postbackButtons.length > constants_1.WHATSAPP_MAX_BUTTONS;
|
|
92
93
|
if (exceedWhatsAppMaxButtonNumber) {
|
|
93
|
-
const menuButtonTextWhatsappList = props.menuButtonTextWhatsappList ||
|
|
94
|
+
const menuButtonTextWhatsappList = props.menuButtonTextWhatsappList || constants_1.MENU_BUTTON_WHATSAPP_BUTTON_LIST;
|
|
94
95
|
const urlButtonElements = urlButtons.map(regenerateMultichannelButtons(!!texts.length));
|
|
95
96
|
const postbackButtonElements = postbackButtons.map(regenerateMultichannelButtons(!!texts.length || !!urlButtons.length));
|
|
96
97
|
const messagesPostbackButtonList = splitInWhatsappListButtons(postbackButtonElements);
|
|
97
98
|
const messages = messagesPostbackButtonList.map((postbackButtons, index) => {
|
|
98
|
-
if (postbackButtons.length <=
|
|
99
|
+
if (postbackButtons.length <= constants_1.WHATSAPP_MAX_BUTTONS) {
|
|
99
100
|
return {
|
|
100
101
|
type: core_1.INPUT.TEXT,
|
|
101
102
|
children: [...buttonsTextSeparator, ...postbackButtons],
|
|
@@ -120,12 +121,12 @@ const MultichannelText = props => {
|
|
|
120
121
|
props: whatsbuttonlistProps,
|
|
121
122
|
};
|
|
122
123
|
});
|
|
123
|
-
const messageWithUrlButtonElements = ((0, jsx_runtime_1.jsx)(text_1.Text, Object.assign({},
|
|
124
|
-
const messageWithWebviewButtonElements = ((0, jsx_runtime_1.jsxs)(text_1.Text, Object.assign({},
|
|
124
|
+
const messageWithUrlButtonElements = ((0, jsx_runtime_1.jsx)(text_1.Text, Object.assign({}, constants_1.MULTICHANNEL_WHATSAPP_PROPS, props, { children: urlButtonElements }), `msg-with-url-button`));
|
|
125
|
+
const messageWithWebviewButtonElements = ((0, jsx_runtime_1.jsxs)(text_1.Text, Object.assign({}, constants_1.MULTICHANNEL_WHATSAPP_PROPS, props, { children: [buttonsTextSeparator, webviewButtonElements] }), `msg-with-webview-button`));
|
|
125
126
|
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [messages.map((message, i) => {
|
|
126
127
|
if (message.type === core_1.INPUT.WHATSAPP_BUTTON_LIST)
|
|
127
128
|
return ((0, jsx_runtime_1.jsx)(__1.WhatsappButtonList, Object.assign({}, message.props), `msg-${i}-whatsapp-list`));
|
|
128
|
-
return ((0, jsx_runtime_1.jsx)(text_1.Text, Object.assign({},
|
|
129
|
+
return ((0, jsx_runtime_1.jsx)(text_1.Text, Object.assign({}, constants_1.MULTICHANNEL_WHATSAPP_PROPS, props, { children: message.children }), `msg-${i}-with-postback-buttons`));
|
|
129
130
|
}), urlButtonElements.length > 0 && messageWithUrlButtonElements, webviewButtonElements.length > 0 && messageWithWebviewButtonElements] }));
|
|
130
131
|
}
|
|
131
132
|
multichannelContext.currentIndex = getDefaultIndex();
|
|
@@ -144,10 +145,10 @@ const MultichannelText = props => {
|
|
|
144
145
|
return elements;
|
|
145
146
|
}
|
|
146
147
|
const messages = [
|
|
147
|
-
(0, jsx_runtime_1.jsx)(text_1.Text, Object.assign({},
|
|
148
|
+
(0, jsx_runtime_1.jsx)(text_1.Text, Object.assign({}, constants_1.MULTICHANNEL_WHATSAPP_PROPS, props, { children: elements }), 0),
|
|
148
149
|
];
|
|
149
150
|
if (webviewButtonElements.length) {
|
|
150
|
-
messages.push((0, jsx_runtime_1.jsxs)(text_1.Text, Object.assign({},
|
|
151
|
+
messages.push((0, jsx_runtime_1.jsxs)(text_1.Text, Object.assign({}, constants_1.MULTICHANNEL_WHATSAPP_PROPS, props, { children: [buttonsTextSeparator, webviewButtonElements] }), 1));
|
|
151
152
|
}
|
|
152
153
|
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: messages });
|
|
153
154
|
}
|
|
@@ -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,
|
|
1
|
+
{"version":3,"file":"multichannel-text.js","sourceRoot":"","sources":["../../../../src/components/multichannel/multichannel-text.jsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
export function isMultichannelButton(node: any): any;
|
|
2
2
|
export function isMultichannelReply(node: any): any;
|
|
3
3
|
export function isButton(node: any): any;
|
|
4
|
-
export function
|
|
4
|
+
export function isPic(node: any): any;
|
|
5
|
+
export function isTitle(node: any): any;
|
|
6
|
+
export function isSubtitle(node: any): any;
|
|
5
7
|
export function elementHasUrl(element: any): any;
|
|
6
8
|
export function elementHasPostback(element: any): any;
|
|
7
9
|
export function elementHasWebview(element: any): any;
|
|
@@ -9,17 +11,6 @@ export function getButtonType(multichannelButton: any): string | undefined;
|
|
|
9
11
|
export function getFilteredElements(node: any, filter: any): any[];
|
|
10
12
|
export function getMultichannelButtons(node: any): any[];
|
|
11
13
|
export function getMultichannelReplies(node: any): any[];
|
|
12
|
-
export namespace MULTICHANNEL_WHATSAPP_PROPS {
|
|
13
|
-
const markdown: boolean;
|
|
14
|
-
}
|
|
15
|
-
export const WHATSAPP_MAX_BUTTONS: 3;
|
|
16
|
-
export const WHATSAPP_LIST_MAX_BUTTONS: 10;
|
|
17
|
-
export const WHATSAPP_MAX_BUTTON_CHARS: 20;
|
|
18
|
-
export const WHATSAPP_MAX_HEADER_CHARS: 60;
|
|
19
|
-
export const WHATSAPP_MAX_BODY_CHARS: 1024;
|
|
20
|
-
export const WHATSAPP_MAX_FOOTER_CHARS: 60;
|
|
21
|
-
export const DEFAULT_WHATSAPP_MAX_BUTTON_SEPARATOR: "More options:";
|
|
22
|
-
export const MENU_BUTTON_WHATSAPP_BUTTON_LIST: "Show options";
|
|
23
14
|
export namespace buttonTypes {
|
|
24
15
|
const POSTBACK: string;
|
|
25
16
|
const URL: string;
|
|
@@ -1,47 +1,52 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.getMultichannelReplies = exports.getMultichannelButtons = exports.getFilteredElements = exports.getButtonType = exports.buttonTypes = exports.elementHasWebview = exports.elementHasPostback = exports.elementHasUrl = exports.
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
exports.WHATSAPP_MAX_HEADER_CHARS = 60;
|
|
14
|
-
exports.WHATSAPP_MAX_BODY_CHARS = 1024;
|
|
15
|
-
exports.WHATSAPP_MAX_FOOTER_CHARS = 60;
|
|
16
|
-
exports.DEFAULT_WHATSAPP_MAX_BUTTON_SEPARATOR = 'More options:';
|
|
17
|
-
exports.MENU_BUTTON_WHATSAPP_BUTTON_LIST = 'Show options';
|
|
3
|
+
exports.getMultichannelReplies = exports.getMultichannelButtons = exports.getFilteredElements = exports.getButtonType = exports.buttonTypes = exports.elementHasWebview = exports.elementHasPostback = exports.elementHasUrl = exports.isSubtitle = exports.isTitle = exports.isPic = exports.isButton = exports.isMultichannelReply = exports.isMultichannelButton = void 0;
|
|
4
|
+
const button_1 = require("../button");
|
|
5
|
+
const pic_1 = require("../pic");
|
|
6
|
+
const subtitle_1 = require("../subtitle");
|
|
7
|
+
const title_1 = require("../title");
|
|
8
|
+
const multichannel_button_1 = require("./multichannel-button");
|
|
9
|
+
const multichannel_reply_1 = require("./multichannel-reply");
|
|
10
|
+
function isNodeKind(node, kind) {
|
|
11
|
+
return node.type && node.type.name === kind;
|
|
12
|
+
}
|
|
18
13
|
function isMultichannelButton(node) {
|
|
19
|
-
return isNodeKind(node,
|
|
14
|
+
return isNodeKind(node, multichannel_button_1.MultichannelButton.name);
|
|
20
15
|
}
|
|
21
16
|
exports.isMultichannelButton = isMultichannelButton;
|
|
22
17
|
function isMultichannelReply(node) {
|
|
23
|
-
return isNodeKind(node,
|
|
18
|
+
return isNodeKind(node, multichannel_reply_1.MultichannelReply.name);
|
|
24
19
|
}
|
|
25
20
|
exports.isMultichannelReply = isMultichannelReply;
|
|
26
21
|
function isButton(node) {
|
|
27
|
-
return isNodeKind(node,
|
|
22
|
+
return isNodeKind(node, button_1.Button.name);
|
|
28
23
|
}
|
|
29
24
|
exports.isButton = isButton;
|
|
30
|
-
function
|
|
31
|
-
return node
|
|
25
|
+
function isPic(node) {
|
|
26
|
+
return isNodeKind(node, pic_1.Pic.name);
|
|
27
|
+
}
|
|
28
|
+
exports.isPic = isPic;
|
|
29
|
+
function isTitle(node) {
|
|
30
|
+
return isNodeKind(node, title_1.Title.name);
|
|
31
|
+
}
|
|
32
|
+
exports.isTitle = isTitle;
|
|
33
|
+
function isSubtitle(node) {
|
|
34
|
+
return isNodeKind(node, subtitle_1.Subtitle.name);
|
|
32
35
|
}
|
|
33
|
-
exports.
|
|
36
|
+
exports.isSubtitle = isSubtitle;
|
|
34
37
|
function elementHasUrl(element) {
|
|
35
|
-
|
|
38
|
+
var _a;
|
|
39
|
+
return (_a = element === null || element === void 0 ? void 0 : element.props) === null || _a === void 0 ? void 0 : _a.url;
|
|
36
40
|
}
|
|
37
41
|
exports.elementHasUrl = elementHasUrl;
|
|
38
42
|
function elementHasPostback(element) {
|
|
39
|
-
|
|
40
|
-
|
|
43
|
+
var _a, _b;
|
|
44
|
+
return ((_a = element === null || element === void 0 ? void 0 : element.props) === null || _a === void 0 ? void 0 : _a.payload) || ((_b = element === null || element === void 0 ? void 0 : element.props) === null || _b === void 0 ? void 0 : _b.path);
|
|
41
45
|
}
|
|
42
46
|
exports.elementHasPostback = elementHasPostback;
|
|
43
47
|
function elementHasWebview(element) {
|
|
44
|
-
|
|
48
|
+
var _a;
|
|
49
|
+
return (_a = element === null || element === void 0 ? void 0 : element.props) === null || _a === void 0 ? void 0 : _a.webview;
|
|
45
50
|
}
|
|
46
51
|
exports.elementHasWebview = elementHasWebview;
|
|
47
52
|
exports.buttonTypes = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"multichannel-utils.js","sourceRoot":"","sources":["../../../../src/components/multichannel/multichannel-utils.js"],"names":[],"mappings":";;;AAAA
|
|
1
|
+
{"version":3,"file":"multichannel-utils.js","sourceRoot":"","sources":["../../../../src/components/multichannel/multichannel-utils.js"],"names":[],"mappings":"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"}
|
|
@@ -6,16 +6,18 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
6
6
|
const react_1 = require("react");
|
|
7
7
|
const core_1 = require("@botonic/core");
|
|
8
8
|
const react_2 = tslib_1.__importStar(require("react"));
|
|
9
|
-
const constants_1 = require("../../constants");
|
|
10
9
|
const contexts_1 = require("../../contexts");
|
|
11
10
|
const react_3 = require("../../util/react");
|
|
11
|
+
const button_1 = require("../button");
|
|
12
|
+
const carousel_1 = require("../carousel");
|
|
13
|
+
const reply_1 = require("../reply");
|
|
12
14
|
const text_1 = require("../text");
|
|
13
15
|
const multichannel_button_1 = require("./multichannel-button");
|
|
14
16
|
const multichannel_carousel_1 = require("./multichannel-carousel");
|
|
15
17
|
const multichannel_context_1 = require("./multichannel-context");
|
|
16
18
|
const multichannel_reply_1 = require("./multichannel-reply");
|
|
17
19
|
const multichannel_text_1 = require("./multichannel-text");
|
|
18
|
-
const
|
|
20
|
+
const constants_1 = require("./whatsapp/constants");
|
|
19
21
|
const Multichannel = props => {
|
|
20
22
|
const requestContext = (0, react_2.useContext)(contexts_1.RequestContext);
|
|
21
23
|
if (!(0, core_1.isWhatsapp)(requestContext.session) &&
|
|
@@ -24,7 +26,7 @@ const Multichannel = props => {
|
|
|
24
26
|
}
|
|
25
27
|
if ((0, core_1.isFacebook)(requestContext.session)) {
|
|
26
28
|
const newChildren = (0, react_3.deepMapWithIndex)(props.children, child => {
|
|
27
|
-
if (child && child.type && child.type.name ===
|
|
29
|
+
if (child && child.type && child.type.name === text_1.Text.name) {
|
|
28
30
|
return ((0, react_1.createElement)(multichannel_text_1.MultichannelText, Object.assign({}, child.props, { key: child.key }), child.props.children));
|
|
29
31
|
}
|
|
30
32
|
return child;
|
|
@@ -32,24 +34,24 @@ const Multichannel = props => {
|
|
|
32
34
|
return newChildren;
|
|
33
35
|
}
|
|
34
36
|
let newChildren = (0, react_3.deepMapWithIndex)(props.children, (child, index) => {
|
|
35
|
-
if (child && child.type && child.type.name ===
|
|
37
|
+
if (child && child.type && child.type.name === button_1.Button.name) {
|
|
36
38
|
return ((0, react_1.createElement)(multichannel_button_1.MultichannelButton, Object.assign({}, child.props, { key: child.key }), child.props.children));
|
|
37
39
|
}
|
|
38
|
-
if (child && child.type && child.type.name ===
|
|
40
|
+
if (child && child.type && child.type.name === reply_1.Reply.name) {
|
|
39
41
|
return ((0, react_1.createElement)(multichannel_reply_1.MultichannelReply, Object.assign({}, child.props, { key: child.key }), child.props.children));
|
|
40
42
|
}
|
|
41
|
-
if (child && child.type && child.type.name ===
|
|
43
|
+
if (child && child.type && child.type.name === text_1.Text.name) {
|
|
42
44
|
return ((0, react_1.createElement)(multichannel_text_1.MultichannelText, Object.assign({}, child.props, props.text, { key: child.key }, (props.messageSeparator &&
|
|
43
45
|
index > 0 && { newline: props.messageSeparator })), child.props.children));
|
|
44
46
|
}
|
|
45
|
-
if (child && child.type && child.type.name ===
|
|
47
|
+
if (child && child.type && child.type.name === carousel_1.Carousel.name) {
|
|
46
48
|
return ((0, react_1.createElement)(multichannel_carousel_1.MultichannelCarousel, Object.assign({}, child.props, props.carousel, { key: child.key }), child.props.children));
|
|
47
49
|
}
|
|
48
50
|
return child;
|
|
49
51
|
});
|
|
50
52
|
if (props.messageSeparator != null) {
|
|
51
53
|
newChildren = newChildren.map((c, index) => index > 0 && typeof c === 'string' ? props.messageSeparator + c : c);
|
|
52
|
-
newChildren = ((0, jsx_runtime_1.jsx)(text_1.Text, Object.assign({},
|
|
54
|
+
newChildren = ((0, jsx_runtime_1.jsx)(text_1.Text, Object.assign({}, constants_1.MULTICHANNEL_WHATSAPP_PROPS, { children: newChildren }), props.key));
|
|
53
55
|
}
|
|
54
56
|
return ((0, jsx_runtime_1.jsx)(multichannel_context_1.MultichannelContext.Provider, Object.assign({ value: {
|
|
55
57
|
currentIndex: props.firstIndex,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"multichannel.js","sourceRoot":"","sources":["../../../../src/components/multichannel/multichannel.jsx"],"names":[],"mappings":";;;;;;AAAA,wCAAsD;AACtD,uDAAyC;AAEzC
|
|
1
|
+
{"version":3,"file":"multichannel.js","sourceRoot":"","sources":["../../../../src/components/multichannel/multichannel.jsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export declare const MULTICHANNEL_WHATSAPP_PROPS: {
|
|
2
|
+
markdown: boolean;
|
|
3
|
+
};
|
|
4
|
+
export declare const WHATSAPP_MAX_BUTTONS = 3;
|
|
5
|
+
export declare const WHATSAPP_LIST_MAX_BUTTONS = 10;
|
|
6
|
+
export declare const WHATSAPP_MAX_BUTTON_CHARS = 20;
|
|
7
|
+
export declare const WHATSAPP_MAX_HEADER_CHARS = 60;
|
|
8
|
+
export declare const WHATSAPP_MAX_BODY_CHARS = 1024;
|
|
9
|
+
export declare const WHATSAPP_MAX_FOOTER_CHARS = 60;
|
|
10
|
+
export declare const DEFAULT_WHATSAPP_MAX_BUTTON_SEPARATOR = "More options:";
|
|
11
|
+
export declare const MENU_BUTTON_WHATSAPP_BUTTON_LIST = "Show options";
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.MENU_BUTTON_WHATSAPP_BUTTON_LIST = exports.DEFAULT_WHATSAPP_MAX_BUTTON_SEPARATOR = exports.WHATSAPP_MAX_FOOTER_CHARS = exports.WHATSAPP_MAX_BODY_CHARS = exports.WHATSAPP_MAX_HEADER_CHARS = exports.WHATSAPP_MAX_BUTTON_CHARS = exports.WHATSAPP_LIST_MAX_BUTTONS = exports.WHATSAPP_MAX_BUTTONS = exports.MULTICHANNEL_WHATSAPP_PROPS = void 0;
|
|
4
|
+
exports.MULTICHANNEL_WHATSAPP_PROPS = { markdown: false };
|
|
5
|
+
exports.WHATSAPP_MAX_BUTTONS = 3;
|
|
6
|
+
exports.WHATSAPP_LIST_MAX_BUTTONS = 10;
|
|
7
|
+
exports.WHATSAPP_MAX_BUTTON_CHARS = 20;
|
|
8
|
+
exports.WHATSAPP_MAX_HEADER_CHARS = 60;
|
|
9
|
+
exports.WHATSAPP_MAX_BODY_CHARS = 1024;
|
|
10
|
+
exports.WHATSAPP_MAX_FOOTER_CHARS = 60;
|
|
11
|
+
exports.DEFAULT_WHATSAPP_MAX_BUTTON_SEPARATOR = 'More options:';
|
|
12
|
+
exports.MENU_BUTTON_WHATSAPP_BUTTON_LIST = 'Show options';
|
|
13
|
+
//# sourceMappingURL=constants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../src/components/multichannel/whatsapp/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,2BAA2B,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAA;AAEjD,QAAA,oBAAoB,GAAG,CAAC,CAAA;AACxB,QAAA,yBAAyB,GAAG,EAAE,CAAA;AAC9B,QAAA,yBAAyB,GAAG,EAAE,CAAA;AAC9B,QAAA,yBAAyB,GAAG,EAAE,CAAA;AAC9B,QAAA,uBAAuB,GAAG,IAAI,CAAA;AAC9B,QAAA,yBAAyB,GAAG,EAAE,CAAA;AAC9B,QAAA,qCAAqC,GAAG,eAAe,CAAA;AACvD,QAAA,gCAAgC,GAAG,cAAc,CAAA"}
|
|
@@ -6,7 +6,7 @@ const core_1 = require("@botonic/core");
|
|
|
6
6
|
const util_1 = require("../util");
|
|
7
7
|
const react_1 = require("../util/react");
|
|
8
8
|
const message_1 = require("./message");
|
|
9
|
-
const
|
|
9
|
+
const constants_1 = require("./multichannel/whatsapp/constants");
|
|
10
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;
|
|
@@ -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, markdown_meta_1.convertToMarkdownMeta)(props.body), button: (0, util_1.truncateText)(props.button,
|
|
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, constants_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,
|
|
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,iEAA6E;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,qCAAyB,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"}
|
|
@@ -7,7 +7,7 @@ const util_1 = require("../util");
|
|
|
7
7
|
const react_1 = require("../util/react");
|
|
8
8
|
const webviews_1 = require("../util/webviews");
|
|
9
9
|
const message_1 = require("./message");
|
|
10
|
-
const
|
|
10
|
+
const constants_1 = require("./multichannel/whatsapp/constants");
|
|
11
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
|
|
@@ -21,10 +21,10 @@ const WhatsappCTAUrlButton = (props) => {
|
|
|
21
21
|
};
|
|
22
22
|
const renderNode = () => {
|
|
23
23
|
const validatedProps = Object.assign(Object.assign({}, props), { header: props.header
|
|
24
|
-
? (0, util_1.truncateText)(props.header,
|
|
25
|
-
: undefined, body: (0, util_1.truncateText)((0, markdown_meta_1.convertToMarkdownMeta)(props.body),
|
|
26
|
-
? (0, util_1.truncateText)(props.footer,
|
|
27
|
-
: undefined, displayText: (0, util_1.truncateText)(props.displayText,
|
|
24
|
+
? (0, util_1.truncateText)(props.header, constants_1.WHATSAPP_MAX_HEADER_CHARS)
|
|
25
|
+
: undefined, body: (0, util_1.truncateText)((0, markdown_meta_1.convertToMarkdownMeta)(props.body), constants_1.WHATSAPP_MAX_BODY_CHARS), footer: props.footer
|
|
26
|
+
? (0, util_1.truncateText)(props.footer, constants_1.WHATSAPP_MAX_FOOTER_CHARS)
|
|
27
|
+
: undefined, displayText: (0, util_1.truncateText)(props.displayText, constants_1.WHATSAPP_MAX_BUTTON_CHARS), url: 'webview' in props
|
|
28
28
|
? (0, webviews_1.generateWebviewUrlWithParams)(props.webview, props.params)
|
|
29
29
|
: props.url });
|
|
30
30
|
return (
|
|
@@ -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,
|
|
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,iEAK0C;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,qCAAyB,CAAC;gBACvD,CAAC,CAAC,SAAS,EACb,IAAI,EAAE,IAAA,mBAAY,EAChB,IAAA,qCAAqB,EAAC,KAAK,CAAC,IAAI,CAAC,EACjC,mCAAuB,CACxB,EACD,MAAM,EAAE,KAAK,CAAC,MAAM;gBAClB,CAAC,CAAC,IAAA,mBAAY,EAAC,KAAK,CAAC,MAAM,EAAE,qCAAyB,CAAC;gBACvD,CAAC,CAAC,SAAS,EACb,WAAW,EAAE,IAAA,mBAAY,EAAC,KAAK,CAAC,WAAW,EAAE,qCAAyB,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/constants.d.ts
CHANGED
package/lib/cjs/constants.js
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.ROLES = exports.MAX_ALLOWED_SIZE_MB = exports.MIME_WHITELIST = exports.WEBCHAT = exports.COLORS = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const botonic_react_logo100x100_png_1 = tslib_1.__importDefault(require("./assets/botonic_react_logo100x100.png"));
|
|
6
6
|
const url_icon_png_1 = tslib_1.__importDefault(require("./assets/url-icon.png"));
|
|
7
|
+
const components_1 = require("./components");
|
|
7
8
|
exports.COLORS = {
|
|
8
9
|
// http://chir.ag/projects/name-that-color
|
|
9
10
|
APPLE_GREEN: 'rgba(58, 156, 53, 1)',
|
|
@@ -188,10 +189,4 @@ exports.ROLES = {
|
|
|
188
189
|
DOCUMENT_MESSAGE: 'document-message',
|
|
189
190
|
RAW_MESSAGE: 'raw-message',
|
|
190
191
|
};
|
|
191
|
-
exports.COMPONENT_TYPE = {
|
|
192
|
-
TEXT: 'Text',
|
|
193
|
-
BUTTON: 'Button',
|
|
194
|
-
REPLY: 'Reply',
|
|
195
|
-
CAROUSEL: 'Carousel',
|
|
196
|
-
};
|
|
197
192
|
//# sourceMappingURL=constants.js.map
|
package/lib/cjs/constants.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/constants.js"],"names":[],"mappings":";;;;AAAA,mHAAgE;AAChE,iFAA2C;
|
|
1
|
+
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/constants.js"],"names":[],"mappings":"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"}
|
|
@@ -3,6 +3,7 @@ import React from 'react';
|
|
|
3
3
|
import styled from 'styled-components';
|
|
4
4
|
import { COLORS, WEBCHAT } from '../constants';
|
|
5
5
|
import { renderComponent } from '../util/react';
|
|
6
|
+
import { Button } from './button';
|
|
6
7
|
const ElementContainer = styled.div `
|
|
7
8
|
display: flex;
|
|
8
9
|
flex-direction: column;
|
|
@@ -20,7 +21,7 @@ export const Element = props => {
|
|
|
20
21
|
};
|
|
21
22
|
Element.serialize = elementProps => {
|
|
22
23
|
const element = Object.assign({}, ...elementProps.children
|
|
23
|
-
.filter(c => c && c.type && c.type.name
|
|
24
|
+
.filter(c => c && c.type && c.type.name !== Button.name)
|
|
24
25
|
.map(c => c.type.serialize && c.type.serialize(c.props)));
|
|
25
26
|
// When we are serializer buttons from backend, we are receiving the data
|
|
26
27
|
// as an array of buttons, so we have to keep robust with serve and deal with arrays
|
|
@@ -29,7 +30,7 @@ Element.serialize = elementProps => {
|
|
|
29
30
|
.filter(c => {
|
|
30
31
|
if (c instanceof Array)
|
|
31
32
|
return true;
|
|
32
|
-
return c && c.type && c.type.name
|
|
33
|
+
return c && c.type && c.type.name === Button.name;
|
|
33
34
|
})
|
|
34
35
|
.map(b => {
|
|
35
36
|
if (b instanceof Array) {
|