@botonic/plugin-flow-builder 0.22.4-alpha.3 → 0.22.4
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/action/index.js +3 -1
- package/lib/cjs/action/index.js.map +1 -1
- package/lib/cjs/constants.d.ts +1 -0
- package/lib/cjs/constants.js +5 -0
- package/lib/cjs/constants.js.map +1 -0
- package/lib/cjs/content-fields/flow-button.d.ts +4 -3
- package/lib/cjs/content-fields/flow-button.js +7 -3
- package/lib/cjs/content-fields/flow-button.js.map +1 -1
- package/lib/cjs/content-fields/flow-element.js +1 -1
- package/lib/cjs/content-fields/flow-element.js.map +1 -1
- package/lib/cjs/content-fields/flow-text.js +1 -1
- package/lib/cjs/content-fields/flow-text.js.map +1 -1
- package/lib/cjs/content-fields/whatsapp-button-list/flow-whatsapp-button-list-row.d.ts +2 -1
- package/lib/cjs/content-fields/whatsapp-button-list/flow-whatsapp-button-list-row.js +6 -2
- package/lib/cjs/content-fields/whatsapp-button-list/flow-whatsapp-button-list-row.js.map +1 -1
- package/lib/cjs/content-fields/whatsapp-button-list/flow-whatsapp-button-list-section.d.ts +1 -1
- package/lib/cjs/content-fields/whatsapp-button-list/flow-whatsapp-button-list-section.js +3 -3
- package/lib/cjs/content-fields/whatsapp-button-list/flow-whatsapp-button-list-section.js.map +1 -1
- package/lib/cjs/content-fields/whatsapp-button-list/flow-whatsapp-button-list.js +1 -1
- package/lib/cjs/content-fields/whatsapp-button-list/flow-whatsapp-button-list.js.map +1 -1
- package/lib/esm/action/index.js +3 -1
- package/lib/esm/action/index.js.map +1 -1
- package/lib/esm/constants.d.ts +1 -0
- package/lib/esm/constants.js +2 -0
- package/lib/esm/constants.js.map +1 -0
- package/lib/esm/content-fields/flow-button.d.ts +4 -3
- package/lib/esm/content-fields/flow-button.js +7 -3
- package/lib/esm/content-fields/flow-button.js.map +1 -1
- package/lib/esm/content-fields/flow-element.js +1 -1
- package/lib/esm/content-fields/flow-element.js.map +1 -1
- package/lib/esm/content-fields/flow-text.js +1 -1
- package/lib/esm/content-fields/flow-text.js.map +1 -1
- package/lib/esm/content-fields/whatsapp-button-list/flow-whatsapp-button-list-row.d.ts +2 -1
- package/lib/esm/content-fields/whatsapp-button-list/flow-whatsapp-button-list-row.js +6 -2
- package/lib/esm/content-fields/whatsapp-button-list/flow-whatsapp-button-list-row.js.map +1 -1
- package/lib/esm/content-fields/whatsapp-button-list/flow-whatsapp-button-list-section.d.ts +1 -1
- package/lib/esm/content-fields/whatsapp-button-list/flow-whatsapp-button-list-section.js +3 -3
- package/lib/esm/content-fields/whatsapp-button-list/flow-whatsapp-button-list-section.js.map +1 -1
- package/lib/esm/content-fields/whatsapp-button-list/flow-whatsapp-button-list.js +1 -1
- package/lib/esm/content-fields/whatsapp-button-list/flow-whatsapp-button-list.js.map +1 -1
- package/package.json +1 -1
- package/src/.DS_Store +0 -0
- package/src/action/index.tsx +3 -1
- package/src/constants.ts +1 -0
- package/src/content-fields/.DS_Store +0 -0
- package/src/content-fields/flow-button.tsx +14 -5
- package/src/content-fields/flow-element.tsx +1 -1
- package/src/content-fields/flow-text.tsx +3 -1
- package/src/content-fields/whatsapp-button-list/flow-whatsapp-button-list-row.tsx +10 -2
- package/src/content-fields/whatsapp-button-list/flow-whatsapp-button-list-section.tsx +9 -6
- package/src/content-fields/whatsapp-button-list/flow-whatsapp-button-list.tsx +3 -1
package/lib/cjs/action/index.js
CHANGED
|
@@ -5,6 +5,7 @@ const tslib_1 = require("tslib");
|
|
|
5
5
|
const types_1 = require("@botonic/plugin-hubtype-analytics/lib/cjs/types");
|
|
6
6
|
const react_1 = require("@botonic/react");
|
|
7
7
|
const react_2 = tslib_1.__importDefault(require("react"));
|
|
8
|
+
const constants_1 = require("src/constants");
|
|
8
9
|
const content_fields_1 = require("../content-fields");
|
|
9
10
|
const helpers_1 = require("../helpers");
|
|
10
11
|
const tracking_1 = require("./tracking");
|
|
@@ -36,7 +37,8 @@ class FlowBuilderMultichannelAction extends FlowBuilderAction {
|
|
|
36
37
|
}
|
|
37
38
|
exports.FlowBuilderMultichannelAction = FlowBuilderMultichannelAction;
|
|
38
39
|
async function getTargetNode(cmsApi, locale, request) {
|
|
39
|
-
const
|
|
40
|
+
const payload = request.input.payload;
|
|
41
|
+
const contentId = payload === null || payload === void 0 ? void 0 : payload.split(constants_1.SOURCE_INFO_SEPARATOR)[0];
|
|
40
42
|
const targetNode = !contentId
|
|
41
43
|
? await (0, user_input_1.getNodeByUserInput)(cmsApi, locale, request)
|
|
42
44
|
: cmsApi.getNodeById(contentId);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/action/index.tsx"],"names":[],"mappings":";;;;AAAA,2EAIwD;AACxD,0CAA4E;AAC5E,0DAAyB;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/action/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const SOURCE_INFO_SEPARATOR = "|source_";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,qBAAqB,GAAG,UAAU,CAAA"}
|
|
@@ -7,7 +7,8 @@ export declare class FlowButton extends ContentFieldsBase {
|
|
|
7
7
|
url?: string;
|
|
8
8
|
payload?: string;
|
|
9
9
|
static fromHubtypeCMS(cmsButton: HtButton, locale: string, cmsApi: FlowBuilderApi): FlowButton;
|
|
10
|
-
static getPayloadId(cmsButton:
|
|
11
|
-
static getUrlId(cmsButton:
|
|
12
|
-
renderButton(buttonStyle?: HtButtonStyle): JSX.Element;
|
|
10
|
+
static getPayloadId(cmsButton: HtButton, locale: string): string | undefined;
|
|
11
|
+
static getUrlId(cmsButton: HtButton, locale: string): string | undefined;
|
|
12
|
+
renderButton(buttonIndex: number, buttonStyle?: HtButtonStyle): JSX.Element;
|
|
13
|
+
private getButtonPayload;
|
|
13
14
|
}
|
|
@@ -4,6 +4,7 @@ exports.FlowButton = void 0;
|
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const react_1 = require("@botonic/react");
|
|
6
6
|
const react_2 = tslib_1.__importDefault(require("react"));
|
|
7
|
+
const constants_1 = require("../constants");
|
|
7
8
|
const content_fields_base_1 = require("./content-fields-base");
|
|
8
9
|
const hubtype_fields_1 = require("./hubtype-fields");
|
|
9
10
|
class FlowButton extends content_fields_base_1.ContentFieldsBase {
|
|
@@ -37,11 +38,14 @@ class FlowButton extends content_fields_base_1.ContentFieldsBase {
|
|
|
37
38
|
var _a;
|
|
38
39
|
return (_a = cmsButton.url.find(url => url.locale === locale)) === null || _a === void 0 ? void 0 : _a.id;
|
|
39
40
|
}
|
|
40
|
-
renderButton(buttonStyle) {
|
|
41
|
+
renderButton(buttonIndex, buttonStyle) {
|
|
41
42
|
if (buttonStyle === hubtype_fields_1.HtButtonStyle.QUICK_REPLY) {
|
|
42
|
-
return (react_2.default.createElement(react_1.Reply, { key: this.id, payload: this.
|
|
43
|
+
return (react_2.default.createElement(react_1.Reply, { key: this.id, payload: this.getButtonPayload(buttonIndex) }, this.text));
|
|
43
44
|
}
|
|
44
|
-
return (react_2.default.createElement(react_1.Button, { key: this.id,
|
|
45
|
+
return (react_2.default.createElement(react_1.Button, { key: this.id, url: this.url, payload: this.getButtonPayload(buttonIndex) }, this.text));
|
|
46
|
+
}
|
|
47
|
+
getButtonPayload(buttonIndex) {
|
|
48
|
+
return `${this.payload}${constants_1.SOURCE_INFO_SEPARATOR}${buttonIndex}`;
|
|
45
49
|
}
|
|
46
50
|
}
|
|
47
51
|
exports.FlowButton = FlowButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"flow-button.js","sourceRoot":"","sources":["../../../src/content-fields/flow-button.tsx"],"names":[],"mappings":";;;;AAAA,0CAA8C;AAC9C,0DAAyB;AAGzB,+DAAyD;AACzD,qDAKyB;AAEzB,MAAa,UAAW,SAAQ,uCAAiB;IAAjD;;QACS,SAAI,GAAG,EAAE,CAAA;
|
|
1
|
+
{"version":3,"file":"flow-button.js","sourceRoot":"","sources":["../../../src/content-fields/flow-button.tsx"],"names":[],"mappings":";;;;AAAA,0CAA8C;AAC9C,0DAAyB;AAGzB,4CAAoD;AACpD,+DAAyD;AACzD,qDAKyB;AAEzB,MAAa,UAAW,SAAQ,uCAAiB;IAAjD;;QACS,SAAI,GAAG,EAAE,CAAA;IA2DlB,CAAC;IAvDC,MAAM,CAAC,cAAc,CACnB,SAAmB,EACnB,MAAc,EACd,MAAsB;QAEtB,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,MAAM,CAAC,CAAA;QACtD,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC,CAAA;QAE9C,MAAM,SAAS,GAAG,IAAI,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC,CAAA;QAC9C,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,CAAA;QAC7D,IAAI,SAAS,CAAC,MAAM,EAAE;YACpB,SAAS,CAAC,OAAO,GAAG,SAAS,CAAC,MAAM,CAAC,EAAE,CAAA;SACxC;QACD,IAAI,SAAS,CAAC,OAAO,IAAI,SAAS,EAAE;YAClC,MAAM,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC,SAAS,CAAkB,CAAA;YAClE,SAAS,CAAC,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC,OAAO,CAAA;SAChD;QACD,IAAI,SAAS,CAAC,GAAG,IAAI,KAAK,EAAE;YAC1B,MAAM,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC,KAAK,CAAc,CAAA;YAC1D,SAAS,CAAC,GAAG,GAAG,WAAW,CAAC,OAAO,CAAC,GAAG,CAAA;SACxC;QAED,OAAO,SAAS,CAAA;IAClB,CAAC;IAED,MAAM,CAAC,YAAY,CAAC,SAAmB,EAAE,MAAc;;QACrD,OAAO,MAAA,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM,KAAK,MAAM,CAAC,0CAAE,EAAE,CAAA;IACzE,CAAC;IAED,MAAM,CAAC,QAAQ,CAAC,SAAmB,EAAE,MAAc;;QACjD,OAAO,MAAA,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,MAAM,KAAK,MAAM,CAAC,0CAAE,EAAE,CAAA;IAC7D,CAAC;IAED,YAAY,CAAC,WAAmB,EAAE,WAA2B;QAC3D,IAAI,WAAW,KAAK,8BAAa,CAAC,WAAW,EAAE;YAC7C,OAAO,CACL,8BAAC,aAAK,IAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,IAC7D,IAAI,CAAC,IAAI,CACJ,CACT,CAAA;SACF;QACD,OAAO,CACL,8BAAC,cAAM,IACL,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,OAAO,EAAE,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,IAE1C,IAAI,CAAC,IAAI,CACH,CACV,CAAA;IACH,CAAC;IAEO,gBAAgB,CAAC,WAAmB;QAC1C,OAAO,GAAG,IAAI,CAAC,OAAO,GAAG,iCAAqB,GAAG,WAAW,EAAE,CAAA;IAChE,CAAC;CACF;AA5DD,gCA4DC"}
|
|
@@ -28,7 +28,7 @@ class FlowElement extends content_fields_base_1.ContentFieldsBase {
|
|
|
28
28
|
react_2.default.createElement(react_1.Pic, { src: this.image }),
|
|
29
29
|
react_2.default.createElement(react_1.Title, null, this.title),
|
|
30
30
|
react_2.default.createElement(react_1.Subtitle, null, this.subtitle), (_a = this.button) === null || _a === void 0 ? void 0 :
|
|
31
|
-
_a.renderButton()));
|
|
31
|
+
_a.renderButton(0)));
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
34
|
exports.FlowElement = FlowElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"flow-element.js","sourceRoot":"","sources":["../../../src/content-fields/flow-element.tsx"],"names":[],"mappings":";;;;AAAA,0CAA8D;AAC9D,0DAAyB;AAGzB,+DAAyD;AACzD,+CAA0C;AAG1C,MAAa,WAAY,SAAQ,uCAAiB;IAAlD;;QACS,UAAK,GAAG,EAAE,CAAA;QACV,aAAQ,GAAG,EAAE,CAAA;QAEb,UAAK,GAAG,EAAE,CAAA;QACV,WAAM,GAAG,KAAK,CAAA;IA6BvB,CAAC;IA3BC,MAAM,CAAC,cAAc,CACnB,SAA4B,EAC5B,MAAc,EACd,MAAsB;QAEtB,MAAM,UAAU,GAAG,IAAI,WAAW,CAAC,SAAS,CAAC,EAAE,CAAC,CAAA;QAChD,UAAU,CAAC,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC,CAAA;QAChE,UAAU,CAAC,QAAQ,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAA;QACtE,UAAU,CAAC,KAAK,GAAG,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC,CAAA;QACjE,UAAU,CAAC,MAAM,GAAG,wBAAU,CAAC,cAAc,CAC3C,SAAS,CAAC,MAAM,EAChB,MAAM,EACN,MAAM,CACP,CAAA;QACD,OAAO,UAAU,CAAA;IACnB,CAAC;IAED,SAAS,CAAC,QAAgB;;QACxB,OAAO,CACL,8BAAC,eAAO,IAAC,GAAG,EAAE,GAAG,QAAQ,IAAI,IAAI,CAAC,EAAE,EAAE;YACpC,8BAAC,WAAG,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,GAAI;YACxB,8BAAC,aAAK,QAAE,IAAI,CAAC,KAAK,CAAS;YAC3B,8BAAC,gBAAQ,QAAE,IAAI,CAAC,QAAQ,CAAY,EACnC,MAAA,IAAI,CAAC,MAAM;eAAE,YAAY,
|
|
1
|
+
{"version":3,"file":"flow-element.js","sourceRoot":"","sources":["../../../src/content-fields/flow-element.tsx"],"names":[],"mappings":";;;;AAAA,0CAA8D;AAC9D,0DAAyB;AAGzB,+DAAyD;AACzD,+CAA0C;AAG1C,MAAa,WAAY,SAAQ,uCAAiB;IAAlD;;QACS,UAAK,GAAG,EAAE,CAAA;QACV,aAAQ,GAAG,EAAE,CAAA;QAEb,UAAK,GAAG,EAAE,CAAA;QACV,WAAM,GAAG,KAAK,CAAA;IA6BvB,CAAC;IA3BC,MAAM,CAAC,cAAc,CACnB,SAA4B,EAC5B,MAAc,EACd,MAAsB;QAEtB,MAAM,UAAU,GAAG,IAAI,WAAW,CAAC,SAAS,CAAC,EAAE,CAAC,CAAA;QAChD,UAAU,CAAC,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC,CAAA;QAChE,UAAU,CAAC,QAAQ,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAA;QACtE,UAAU,CAAC,KAAK,GAAG,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC,CAAA;QACjE,UAAU,CAAC,MAAM,GAAG,wBAAU,CAAC,cAAc,CAC3C,SAAS,CAAC,MAAM,EAChB,MAAM,EACN,MAAM,CACP,CAAA;QACD,OAAO,UAAU,CAAA;IACnB,CAAC;IAED,SAAS,CAAC,QAAgB;;QACxB,OAAO,CACL,8BAAC,eAAO,IAAC,GAAG,EAAE,GAAG,QAAQ,IAAI,IAAI,CAAC,EAAE,EAAE;YACpC,8BAAC,WAAG,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,GAAI;YACxB,8BAAC,aAAK,QAAE,IAAI,CAAC,KAAK,CAAS;YAC3B,8BAAC,gBAAQ,QAAE,IAAI,CAAC,QAAQ,CAAY,EACnC,MAAA,IAAI,CAAC,MAAM;eAAE,YAAY,CAAC,CAAC,CAAC,CACrB,CACX,CAAA;IACH,CAAC;CACF;AAlCD,kCAkCC"}
|
|
@@ -26,7 +26,7 @@ class FlowText extends content_fields_base_1.ContentFieldsBase {
|
|
|
26
26
|
toBotonic(id) {
|
|
27
27
|
return (react_2.default.createElement(react_1.Text, { key: id },
|
|
28
28
|
this.text,
|
|
29
|
-
this.buttons.map(button => button.renderButton(this.buttonStyle))));
|
|
29
|
+
this.buttons.map((button, buttonIndex) => button.renderButton(buttonIndex, this.buttonStyle))));
|
|
30
30
|
}
|
|
31
31
|
}
|
|
32
32
|
exports.FlowText = FlowText;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"flow-text.js","sourceRoot":"","sources":["../../../src/content-fields/flow-text.tsx"],"names":[],"mappings":";;;;AAAA,0CAAqC;AACrC,0DAAyB;AAGzB,+DAAyD;AACzD,+CAA0C;AAC1C,qDAA4D;AAE5D,MAAa,QAAS,SAAQ,uCAAiB;IAA/C;;QACS,SAAI,GAAG,EAAE,CAAA;QACT,SAAI,GAAG,EAAE,CAAA;QACT,YAAO,GAAiB,EAAE,CAAA;QAC1B,gBAAW,GAAG,8BAAa,CAAC,MAAM,CAAA;
|
|
1
|
+
{"version":3,"file":"flow-text.js","sourceRoot":"","sources":["../../../src/content-fields/flow-text.tsx"],"names":[],"mappings":";;;;AAAA,0CAAqC;AACrC,0DAAyB;AAGzB,+DAAyD;AACzD,+CAA0C;AAC1C,qDAA4D;AAE5D,MAAa,QAAS,SAAQ,uCAAiB;IAA/C;;QACS,SAAI,GAAG,EAAE,CAAA;QACT,SAAI,GAAG,EAAE,CAAA;QACT,YAAO,GAAiB,EAAE,CAAA;QAC1B,gBAAW,GAAG,8BAAa,CAAC,MAAM,CAAA;IA2B3C,CAAC;IAzBC,MAAM,CAAC,cAAc,CACnB,OAAmB,EACnB,MAAc,EACd,MAAsB;QAEtB,MAAM,OAAO,GAAG,IAAI,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;QACxC,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,CAAA;QAC3B,OAAO,CAAC,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,aAAa,IAAI,8BAAa,CAAC,MAAM,CAAA;QAC3E,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;QACjE,OAAO,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CACrD,wBAAU,CAAC,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAClD,CAAA;QACD,OAAO,OAAO,CAAA;IAChB,CAAC;IAED,SAAS,CAAC,EAAU;QAClB,OAAO,CACL,8BAAC,YAAI,IAAC,GAAG,EAAE,EAAE;YACV,IAAI,CAAC,IAAI;YACT,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE,CACxC,MAAM,CAAC,YAAY,CAAC,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,CACnD,CACI,CACR,CAAA;IACH,CAAC;CACF;AA/BD,4BA+BC"}
|
|
@@ -6,5 +6,6 @@ export declare class FlowWhatsappButtonListRow extends ContentFieldsBase {
|
|
|
6
6
|
description: string;
|
|
7
7
|
targetId?: string;
|
|
8
8
|
static fromHubtypeCMS(component: HtWhatsappButtonListRow, locale: string): FlowWhatsappButtonListRow;
|
|
9
|
-
toBotonic(): WhatsappButtonListRowProps | undefined;
|
|
9
|
+
toBotonic(rowIndex: number, sectionIndex: number): WhatsappButtonListRowProps | undefined;
|
|
10
|
+
private getRowId;
|
|
10
11
|
}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.FlowWhatsappButtonListRow = void 0;
|
|
4
|
+
const constants_1 = require("../../constants");
|
|
4
5
|
const content_fields_base_1 = require("../content-fields-base");
|
|
5
6
|
class FlowWhatsappButtonListRow extends content_fields_base_1.ContentFieldsBase {
|
|
6
7
|
constructor() {
|
|
@@ -16,17 +17,20 @@ class FlowWhatsappButtonListRow extends content_fields_base_1.ContentFieldsBase
|
|
|
16
17
|
newRow.targetId = (_a = component.target) === null || _a === void 0 ? void 0 : _a.id;
|
|
17
18
|
return newRow;
|
|
18
19
|
}
|
|
19
|
-
toBotonic() {
|
|
20
|
+
toBotonic(rowIndex, sectionIndex) {
|
|
20
21
|
if (!this.targetId) {
|
|
21
22
|
console.error(`Row with title: '${this.title}' has no target`);
|
|
22
23
|
return undefined;
|
|
23
24
|
}
|
|
24
25
|
return {
|
|
25
|
-
id: this.
|
|
26
|
+
id: this.getRowId(rowIndex, sectionIndex),
|
|
26
27
|
title: this.title,
|
|
27
28
|
description: this.description,
|
|
28
29
|
};
|
|
29
30
|
}
|
|
31
|
+
getRowId(rowIndex, sectionIndex) {
|
|
32
|
+
return `${this.targetId}${constants_1.SOURCE_INFO_SEPARATOR}${sectionIndex}.${rowIndex}`;
|
|
33
|
+
}
|
|
30
34
|
}
|
|
31
35
|
exports.FlowWhatsappButtonListRow = FlowWhatsappButtonListRow;
|
|
32
36
|
//# sourceMappingURL=flow-whatsapp-button-list-row.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"flow-whatsapp-button-list-row.js","sourceRoot":"","sources":["../../../../src/content-fields/whatsapp-button-list/flow-whatsapp-button-list-row.tsx"],"names":[],"mappings":";;;AAEA,gEAA0D;AAG1D,MAAa,yBAA0B,SAAQ,uCAAiB;IAAhE;;QACS,UAAK,GAAG,EAAE,CAAA;QACV,gBAAW,GAAG,EAAE,CAAA;
|
|
1
|
+
{"version":3,"file":"flow-whatsapp-button-list-row.js","sourceRoot":"","sources":["../../../../src/content-fields/whatsapp-button-list/flow-whatsapp-button-list-row.tsx"],"names":[],"mappings":";;;AAEA,+CAAuD;AACvD,gEAA0D;AAG1D,MAAa,yBAA0B,SAAQ,uCAAiB;IAAhE;;QACS,UAAK,GAAG,EAAE,CAAA;QACV,gBAAW,GAAG,EAAE,CAAA;IAgCzB,CAAC;IA7BC,MAAM,CAAC,cAAc,CACnB,SAAkC,EAClC,MAAc;;QAEd,MAAM,MAAM,GAAG,IAAI,yBAAyB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAA;QAC1D,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,CAAA;QAC3D,MAAM,CAAC,WAAW,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,SAAS,CAAC,WAAW,CAAC,CAAA;QACxE,MAAM,CAAC,QAAQ,GAAG,MAAA,SAAS,CAAC,MAAM,0CAAE,EAAE,CAAA;QACtC,OAAO,MAAM,CAAA;IACf,CAAC;IAED,SAAS,CACP,QAAgB,EAChB,YAAoB;QAEpB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,OAAO,CAAC,KAAK,CAAC,oBAAoB,IAAI,CAAC,KAAK,iBAAiB,CAAC,CAAA;YAC9D,OAAO,SAAS,CAAA;SACjB;QACD,OAAO;YACL,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,YAAY,CAAC;YACzC,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,WAAW,EAAE,IAAI,CAAC,WAAW;SAC9B,CAAA;IACH,CAAC;IAEO,QAAQ,CAAC,QAAgB,EAAE,YAAoB;QACrD,OAAO,GAAG,IAAI,CAAC,QAAQ,GAAG,iCAAqB,GAAG,YAAY,IAAI,QAAQ,EAAE,CAAA;IAC9E,CAAC;CACF;AAlCD,8DAkCC"}
|
|
@@ -6,5 +6,5 @@ export declare class FlowWhatsappButtonListSection extends ContentFieldsBase {
|
|
|
6
6
|
title: string;
|
|
7
7
|
rows: FlowWhatsappButtonListRow[];
|
|
8
8
|
static fromHubtypeCMS(component: HtWhatsappButtonListSection, locale: string): FlowWhatsappButtonListSection;
|
|
9
|
-
toBotonic(): WhatsappButtonListSectionProps;
|
|
9
|
+
toBotonic(sectionIndex: number): WhatsappButtonListSectionProps;
|
|
10
10
|
}
|
|
@@ -15,9 +15,9 @@ class FlowWhatsappButtonListSection extends content_fields_base_1.ContentFieldsB
|
|
|
15
15
|
newButton.rows = component.rows.map(row => flow_whatsapp_button_list_row_1.FlowWhatsappButtonListRow.fromHubtypeCMS(row, locale));
|
|
16
16
|
return newButton;
|
|
17
17
|
}
|
|
18
|
-
toBotonic() {
|
|
19
|
-
const rows = this.rows.reduce((acc, row) => {
|
|
20
|
-
const botonicRow = row.toBotonic();
|
|
18
|
+
toBotonic(sectionIndex) {
|
|
19
|
+
const rows = this.rows.reduce((acc, row, rowIndex) => {
|
|
20
|
+
const botonicRow = row.toBotonic(rowIndex, sectionIndex);
|
|
21
21
|
if (botonicRow)
|
|
22
22
|
acc.push(botonicRow);
|
|
23
23
|
return acc;
|
package/lib/cjs/content-fields/whatsapp-button-list/flow-whatsapp-button-list-section.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"flow-whatsapp-button-list-section.js","sourceRoot":"","sources":["../../../../src/content-fields/whatsapp-button-list/flow-whatsapp-button-list-section.tsx"],"names":[],"mappings":";;;AAMA,kEAA4D;AAC5D,mFAA2E;AAE3E,MAAa,6BAA8B,SAAQ,uCAAiB;IAApE;;QACS,UAAK,GAAG,EAAE,CAAA;QACV,SAAI,GAAgC,EAAE,CAAA;
|
|
1
|
+
{"version":3,"file":"flow-whatsapp-button-list-section.js","sourceRoot":"","sources":["../../../../src/content-fields/whatsapp-button-list/flow-whatsapp-button-list-section.tsx"],"names":[],"mappings":";;;AAMA,kEAA4D;AAC5D,mFAA2E;AAE3E,MAAa,6BAA8B,SAAQ,uCAAiB;IAApE;;QACS,UAAK,GAAG,EAAE,CAAA;QACV,SAAI,GAAgC,EAAE,CAAA;IA0B/C,CAAC;IAxBC,MAAM,CAAC,cAAc,CACnB,SAAsC,EACtC,MAAc;QAEd,MAAM,SAAS,GAAG,IAAI,6BAA6B,CAAC,SAAS,CAAC,EAAE,CAAC,CAAA;QACjE,SAAS,CAAC,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC,CAAA;QAC/D,SAAS,CAAC,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CACxC,yDAAyB,CAAC,cAAc,CAAC,GAAG,EAAE,MAAM,CAAC,CACtD,CAAA;QACD,OAAO,SAAS,CAAA;IAClB,CAAC;IAED,SAAS,CAAC,YAAoB;QAC5B,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAC3B,CAAC,GAAiC,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE;YACnD,MAAM,UAAU,GAAG,GAAG,CAAC,SAAS,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;YACxD,IAAI,UAAU;gBAAE,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;YACpC,OAAO,GAAG,CAAA;QACZ,CAAC,EACD,EAAE,CACH,CAAA;QAED,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,CAAA;IACpC,CAAC;CACF;AA5BD,sEA4BC"}
|
|
@@ -23,7 +23,7 @@ class FlowWhatsappButtonList extends content_fields_base_1.ContentFieldsBase {
|
|
|
23
23
|
return newWhatsappButtonList;
|
|
24
24
|
}
|
|
25
25
|
toBotonic(id) {
|
|
26
|
-
return (react_2.default.createElement(react_1.WhatsappButtonList, { key: id, body: this.text, button: this.listButtonText, sections: this.sections.map(section => section.toBotonic()) }));
|
|
26
|
+
return (react_2.default.createElement(react_1.WhatsappButtonList, { key: id, body: this.text, button: this.listButtonText, sections: this.sections.map((section, sectionIndex) => section.toBotonic(sectionIndex)) }));
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
29
|
exports.FlowWhatsappButtonList = FlowWhatsappButtonList;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"flow-whatsapp-button-list.js","sourceRoot":"","sources":["../../../../src/content-fields/whatsapp-button-list/flow-whatsapp-button-list.tsx"],"names":[],"mappings":";;;;AAAA,0CAAmD;AACnD,0DAAyB;AAGzB,kEAA4D;AAC5D,2FAAmF;AAEnF,MAAa,sBAAuB,SAAQ,uCAAiB;IAA7D;;QACS,SAAI,GAAG,EAAE,CAAA;QACT,SAAI,GAAG,EAAE,CAAA;QACT,mBAAc,GAAG,EAAE,CAAA;QACnB,aAAQ,GAAoC,EAAE,CAAA;
|
|
1
|
+
{"version":3,"file":"flow-whatsapp-button-list.js","sourceRoot":"","sources":["../../../../src/content-fields/whatsapp-button-list/flow-whatsapp-button-list.tsx"],"names":[],"mappings":";;;;AAAA,0CAAmD;AACnD,0DAAyB;AAGzB,kEAA4D;AAC5D,2FAAmF;AAEnF,MAAa,sBAAuB,SAAQ,uCAAiB;IAA7D;;QACS,SAAI,GAAG,EAAE,CAAA;QACT,SAAI,GAAG,EAAE,CAAA;QACT,mBAAc,GAAG,EAAE,CAAA;QACnB,aAAQ,GAAoC,EAAE,CAAA;IAkCvD,CAAC;IAhCC,MAAM,CAAC,cAAc,CACnB,SAAmC,EACnC,MAAc;QAEd,MAAM,qBAAqB,GAAG,IAAI,sBAAsB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAA;QACtE,qBAAqB,CAAC,IAAI,GAAG,SAAS,CAAC,IAAI,CAAA;QAC3C,qBAAqB,CAAC,IAAI,GAAG,IAAI,CAAC,eAAe,CAC/C,MAAM,EACN,SAAS,CAAC,OAAO,CAAC,IAAI,CACvB,CAAA;QACD,qBAAqB,CAAC,cAAc,GAAG,IAAI,CAAC,eAAe,CACzD,MAAM,EACN,SAAS,CAAC,OAAO,CAAC,WAAW,CAC9B,CAAA;QACD,qBAAqB,CAAC,QAAQ,GAAG,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CACxE,iEAA6B,CAAC,cAAc,CAAC,OAAO,EAAE,MAAM,CAAC,CAC9D,CAAA;QACD,OAAO,qBAAqB,CAAA;IAC9B,CAAC;IAED,SAAS,CAAC,EAAU;QAClB,OAAO,CACL,8BAAC,0BAAkB,IACjB,GAAG,EAAE,EAAE,EACP,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,cAAc,EAC3B,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,YAAY,EAAE,EAAE,CACpD,OAAO,CAAC,SAAS,CAAC,YAAY,CAAC,CAChC,GACmB,CACvB,CAAA;IACH,CAAC;CACF;AAtCD,wDAsCC"}
|
package/lib/esm/action/index.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { EventName, } from '@botonic/plugin-hubtype-analytics/lib/cjs/types';
|
|
2
2
|
import { Multichannel, RequestContext } from '@botonic/react';
|
|
3
3
|
import React from 'react';
|
|
4
|
+
import { SOURCE_INFO_SEPARATOR } from 'src/constants';
|
|
4
5
|
import { FlowHandoff } from '../content-fields';
|
|
5
6
|
import { getFlowBuilderPlugin } from '../helpers';
|
|
6
7
|
import { trackEvent } from './tracking';
|
|
@@ -30,7 +31,8 @@ export class FlowBuilderMultichannelAction extends FlowBuilderAction {
|
|
|
30
31
|
}
|
|
31
32
|
}
|
|
32
33
|
async function getTargetNode(cmsApi, locale, request) {
|
|
33
|
-
const
|
|
34
|
+
const payload = request.input.payload;
|
|
35
|
+
const contentId = payload === null || payload === void 0 ? void 0 : payload.split(SOURCE_INFO_SEPARATOR)[0];
|
|
34
36
|
const targetNode = !contentId
|
|
35
37
|
? await getNodeByUserInput(cmsApi, locale, request)
|
|
36
38
|
: cmsApi.getNodeById(contentId);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/action/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,SAAS,GACV,MAAM,iDAAiD,CAAA;AACxD,OAAO,EAAiB,YAAY,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC5E,OAAO,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/action/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const SOURCE_INFO_SEPARATOR = "|source_";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,qBAAqB,GAAG,UAAU,CAAA"}
|
|
@@ -7,7 +7,8 @@ export declare class FlowButton extends ContentFieldsBase {
|
|
|
7
7
|
url?: string;
|
|
8
8
|
payload?: string;
|
|
9
9
|
static fromHubtypeCMS(cmsButton: HtButton, locale: string, cmsApi: FlowBuilderApi): FlowButton;
|
|
10
|
-
static getPayloadId(cmsButton:
|
|
11
|
-
static getUrlId(cmsButton:
|
|
12
|
-
renderButton(buttonStyle?: HtButtonStyle): JSX.Element;
|
|
10
|
+
static getPayloadId(cmsButton: HtButton, locale: string): string | undefined;
|
|
11
|
+
static getUrlId(cmsButton: HtButton, locale: string): string | undefined;
|
|
12
|
+
renderButton(buttonIndex: number, buttonStyle?: HtButtonStyle): JSX.Element;
|
|
13
|
+
private getButtonPayload;
|
|
13
14
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { Button, Reply } from '@botonic/react';
|
|
2
2
|
import React from 'react';
|
|
3
|
+
import { SOURCE_INFO_SEPARATOR } from '../constants';
|
|
3
4
|
import { ContentFieldsBase } from './content-fields-base';
|
|
4
5
|
import { HtButtonStyle, } from './hubtype-fields';
|
|
5
6
|
export class FlowButton extends ContentFieldsBase {
|
|
@@ -33,11 +34,14 @@ export class FlowButton extends ContentFieldsBase {
|
|
|
33
34
|
var _a;
|
|
34
35
|
return (_a = cmsButton.url.find(url => url.locale === locale)) === null || _a === void 0 ? void 0 : _a.id;
|
|
35
36
|
}
|
|
36
|
-
renderButton(buttonStyle) {
|
|
37
|
+
renderButton(buttonIndex, buttonStyle) {
|
|
37
38
|
if (buttonStyle === HtButtonStyle.QUICK_REPLY) {
|
|
38
|
-
return (React.createElement(Reply, { key: this.id, payload: this.
|
|
39
|
+
return (React.createElement(Reply, { key: this.id, payload: this.getButtonPayload(buttonIndex) }, this.text));
|
|
39
40
|
}
|
|
40
|
-
return (React.createElement(Button, { key: this.id,
|
|
41
|
+
return (React.createElement(Button, { key: this.id, url: this.url, payload: this.getButtonPayload(buttonIndex) }, this.text));
|
|
42
|
+
}
|
|
43
|
+
getButtonPayload(buttonIndex) {
|
|
44
|
+
return `${this.payload}${SOURCE_INFO_SEPARATOR}${buttonIndex}`;
|
|
41
45
|
}
|
|
42
46
|
}
|
|
43
47
|
//# sourceMappingURL=flow-button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"flow-button.js","sourceRoot":"","sources":["../../../src/content-fields/flow-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAC9C,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AACzD,OAAO,EAEL,aAAa,GAGd,MAAM,kBAAkB,CAAA;AAEzB,MAAM,OAAO,UAAW,SAAQ,iBAAiB;IAAjD;;QACS,SAAI,GAAG,EAAE,CAAA;
|
|
1
|
+
{"version":3,"file":"flow-button.js","sourceRoot":"","sources":["../../../src/content-fields/flow-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAC9C,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AACzD,OAAO,EAEL,aAAa,GAGd,MAAM,kBAAkB,CAAA;AAEzB,MAAM,OAAO,UAAW,SAAQ,iBAAiB;IAAjD;;QACS,SAAI,GAAG,EAAE,CAAA;IA2DlB,CAAC;IAvDC,MAAM,CAAC,cAAc,CACnB,SAAmB,EACnB,MAAc,EACd,MAAsB;QAEtB,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,MAAM,CAAC,CAAA;QACtD,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC,CAAA;QAE9C,MAAM,SAAS,GAAG,IAAI,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC,CAAA;QAC9C,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,CAAA;QAC7D,IAAI,SAAS,CAAC,MAAM,EAAE;YACpB,SAAS,CAAC,OAAO,GAAG,SAAS,CAAC,MAAM,CAAC,EAAE,CAAA;SACxC;QACD,IAAI,SAAS,CAAC,OAAO,IAAI,SAAS,EAAE;YAClC,MAAM,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC,SAAS,CAAkB,CAAA;YAClE,SAAS,CAAC,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC,OAAO,CAAA;SAChD;QACD,IAAI,SAAS,CAAC,GAAG,IAAI,KAAK,EAAE;YAC1B,MAAM,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC,KAAK,CAAc,CAAA;YAC1D,SAAS,CAAC,GAAG,GAAG,WAAW,CAAC,OAAO,CAAC,GAAG,CAAA;SACxC;QAED,OAAO,SAAS,CAAA;IAClB,CAAC;IAED,MAAM,CAAC,YAAY,CAAC,SAAmB,EAAE,MAAc;;QACrD,OAAO,MAAA,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM,KAAK,MAAM,CAAC,0CAAE,EAAE,CAAA;IACzE,CAAC;IAED,MAAM,CAAC,QAAQ,CAAC,SAAmB,EAAE,MAAc;;QACjD,OAAO,MAAA,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,MAAM,KAAK,MAAM,CAAC,0CAAE,EAAE,CAAA;IAC7D,CAAC;IAED,YAAY,CAAC,WAAmB,EAAE,WAA2B;QAC3D,IAAI,WAAW,KAAK,aAAa,CAAC,WAAW,EAAE;YAC7C,OAAO,CACL,oBAAC,KAAK,IAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,IAC7D,IAAI,CAAC,IAAI,CACJ,CACT,CAAA;SACF;QACD,OAAO,CACL,oBAAC,MAAM,IACL,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,OAAO,EAAE,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,IAE1C,IAAI,CAAC,IAAI,CACH,CACV,CAAA;IACH,CAAC;IAEO,gBAAgB,CAAC,WAAmB;QAC1C,OAAO,GAAG,IAAI,CAAC,OAAO,GAAG,qBAAqB,GAAG,WAAW,EAAE,CAAA;IAChE,CAAC;CACF"}
|
|
@@ -24,7 +24,7 @@ export class FlowElement extends ContentFieldsBase {
|
|
|
24
24
|
React.createElement(Pic, { src: this.image }),
|
|
25
25
|
React.createElement(Title, null, this.title),
|
|
26
26
|
React.createElement(Subtitle, null, this.subtitle), (_a = this.button) === null || _a === void 0 ? void 0 :
|
|
27
|
-
_a.renderButton()));
|
|
27
|
+
_a.renderButton(0)));
|
|
28
28
|
}
|
|
29
29
|
}
|
|
30
30
|
//# sourceMappingURL=flow-element.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"flow-element.js","sourceRoot":"","sources":["../../../src/content-fields/flow-element.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAC9D,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAG1C,MAAM,OAAO,WAAY,SAAQ,iBAAiB;IAAlD;;QACS,UAAK,GAAG,EAAE,CAAA;QACV,aAAQ,GAAG,EAAE,CAAA;QAEb,UAAK,GAAG,EAAE,CAAA;QACV,WAAM,GAAG,KAAK,CAAA;IA6BvB,CAAC;IA3BC,MAAM,CAAC,cAAc,CACnB,SAA4B,EAC5B,MAAc,EACd,MAAsB;QAEtB,MAAM,UAAU,GAAG,IAAI,WAAW,CAAC,SAAS,CAAC,EAAE,CAAC,CAAA;QAChD,UAAU,CAAC,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC,CAAA;QAChE,UAAU,CAAC,QAAQ,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAA;QACtE,UAAU,CAAC,KAAK,GAAG,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC,CAAA;QACjE,UAAU,CAAC,MAAM,GAAG,UAAU,CAAC,cAAc,CAC3C,SAAS,CAAC,MAAM,EAChB,MAAM,EACN,MAAM,CACP,CAAA;QACD,OAAO,UAAU,CAAA;IACnB,CAAC;IAED,SAAS,CAAC,QAAgB;;QACxB,OAAO,CACL,oBAAC,OAAO,IAAC,GAAG,EAAE,GAAG,QAAQ,IAAI,IAAI,CAAC,EAAE,EAAE;YACpC,oBAAC,GAAG,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,GAAI;YACxB,oBAAC,KAAK,QAAE,IAAI,CAAC,KAAK,CAAS;YAC3B,oBAAC,QAAQ,QAAE,IAAI,CAAC,QAAQ,CAAY,EACnC,MAAA,IAAI,CAAC,MAAM;eAAE,YAAY,
|
|
1
|
+
{"version":3,"file":"flow-element.js","sourceRoot":"","sources":["../../../src/content-fields/flow-element.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAC9D,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAG1C,MAAM,OAAO,WAAY,SAAQ,iBAAiB;IAAlD;;QACS,UAAK,GAAG,EAAE,CAAA;QACV,aAAQ,GAAG,EAAE,CAAA;QAEb,UAAK,GAAG,EAAE,CAAA;QACV,WAAM,GAAG,KAAK,CAAA;IA6BvB,CAAC;IA3BC,MAAM,CAAC,cAAc,CACnB,SAA4B,EAC5B,MAAc,EACd,MAAsB;QAEtB,MAAM,UAAU,GAAG,IAAI,WAAW,CAAC,SAAS,CAAC,EAAE,CAAC,CAAA;QAChD,UAAU,CAAC,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC,CAAA;QAChE,UAAU,CAAC,QAAQ,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAA;QACtE,UAAU,CAAC,KAAK,GAAG,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC,CAAA;QACjE,UAAU,CAAC,MAAM,GAAG,UAAU,CAAC,cAAc,CAC3C,SAAS,CAAC,MAAM,EAChB,MAAM,EACN,MAAM,CACP,CAAA;QACD,OAAO,UAAU,CAAA;IACnB,CAAC;IAED,SAAS,CAAC,QAAgB;;QACxB,OAAO,CACL,oBAAC,OAAO,IAAC,GAAG,EAAE,GAAG,QAAQ,IAAI,IAAI,CAAC,EAAE,EAAE;YACpC,oBAAC,GAAG,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,GAAI;YACxB,oBAAC,KAAK,QAAE,IAAI,CAAC,KAAK,CAAS;YAC3B,oBAAC,QAAQ,QAAE,IAAI,CAAC,QAAQ,CAAY,EACnC,MAAA,IAAI,CAAC,MAAM;eAAE,YAAY,CAAC,CAAC,CAAC,CACrB,CACX,CAAA;IACH,CAAC;CACF"}
|
|
@@ -22,7 +22,7 @@ export class FlowText extends ContentFieldsBase {
|
|
|
22
22
|
toBotonic(id) {
|
|
23
23
|
return (React.createElement(Text, { key: id },
|
|
24
24
|
this.text,
|
|
25
|
-
this.buttons.map(button => button.renderButton(this.buttonStyle))));
|
|
25
|
+
this.buttons.map((button, buttonIndex) => button.renderButton(buttonIndex, this.buttonStyle))));
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
28
|
//# sourceMappingURL=flow-text.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"flow-text.js","sourceRoot":"","sources":["../../../src/content-fields/flow-text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AACrC,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,aAAa,EAAc,MAAM,kBAAkB,CAAA;AAE5D,MAAM,OAAO,QAAS,SAAQ,iBAAiB;IAA/C;;QACS,SAAI,GAAG,EAAE,CAAA;QACT,SAAI,GAAG,EAAE,CAAA;QACT,YAAO,GAAiB,EAAE,CAAA;QAC1B,gBAAW,GAAG,aAAa,CAAC,MAAM,CAAA;
|
|
1
|
+
{"version":3,"file":"flow-text.js","sourceRoot":"","sources":["../../../src/content-fields/flow-text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AACrC,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,aAAa,EAAc,MAAM,kBAAkB,CAAA;AAE5D,MAAM,OAAO,QAAS,SAAQ,iBAAiB;IAA/C;;QACS,SAAI,GAAG,EAAE,CAAA;QACT,SAAI,GAAG,EAAE,CAAA;QACT,YAAO,GAAiB,EAAE,CAAA;QAC1B,gBAAW,GAAG,aAAa,CAAC,MAAM,CAAA;IA2B3C,CAAC;IAzBC,MAAM,CAAC,cAAc,CACnB,OAAmB,EACnB,MAAc,EACd,MAAsB;QAEtB,MAAM,OAAO,GAAG,IAAI,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;QACxC,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,CAAA;QAC3B,OAAO,CAAC,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,aAAa,IAAI,aAAa,CAAC,MAAM,CAAA;QAC3E,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;QACjE,OAAO,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CACrD,UAAU,CAAC,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAClD,CAAA;QACD,OAAO,OAAO,CAAA;IAChB,CAAC;IAED,SAAS,CAAC,EAAU;QAClB,OAAO,CACL,oBAAC,IAAI,IAAC,GAAG,EAAE,EAAE;YACV,IAAI,CAAC,IAAI;YACT,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE,CACxC,MAAM,CAAC,YAAY,CAAC,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,CACnD,CACI,CACR,CAAA;IACH,CAAC;CACF"}
|
|
@@ -6,5 +6,6 @@ export declare class FlowWhatsappButtonListRow extends ContentFieldsBase {
|
|
|
6
6
|
description: string;
|
|
7
7
|
targetId?: string;
|
|
8
8
|
static fromHubtypeCMS(component: HtWhatsappButtonListRow, locale: string): FlowWhatsappButtonListRow;
|
|
9
|
-
toBotonic(): WhatsappButtonListRowProps | undefined;
|
|
9
|
+
toBotonic(rowIndex: number, sectionIndex: number): WhatsappButtonListRowProps | undefined;
|
|
10
|
+
private getRowId;
|
|
10
11
|
}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { SOURCE_INFO_SEPARATOR } from '../../constants';
|
|
1
2
|
import { ContentFieldsBase } from '../content-fields-base';
|
|
2
3
|
export class FlowWhatsappButtonListRow extends ContentFieldsBase {
|
|
3
4
|
constructor() {
|
|
@@ -13,16 +14,19 @@ export class FlowWhatsappButtonListRow extends ContentFieldsBase {
|
|
|
13
14
|
newRow.targetId = (_a = component.target) === null || _a === void 0 ? void 0 : _a.id;
|
|
14
15
|
return newRow;
|
|
15
16
|
}
|
|
16
|
-
toBotonic() {
|
|
17
|
+
toBotonic(rowIndex, sectionIndex) {
|
|
17
18
|
if (!this.targetId) {
|
|
18
19
|
console.error(`Row with title: '${this.title}' has no target`);
|
|
19
20
|
return undefined;
|
|
20
21
|
}
|
|
21
22
|
return {
|
|
22
|
-
id: this.
|
|
23
|
+
id: this.getRowId(rowIndex, sectionIndex),
|
|
23
24
|
title: this.title,
|
|
24
25
|
description: this.description,
|
|
25
26
|
};
|
|
26
27
|
}
|
|
28
|
+
getRowId(rowIndex, sectionIndex) {
|
|
29
|
+
return `${this.targetId}${SOURCE_INFO_SEPARATOR}${sectionIndex}.${rowIndex}`;
|
|
30
|
+
}
|
|
27
31
|
}
|
|
28
32
|
//# sourceMappingURL=flow-whatsapp-button-list-row.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"flow-whatsapp-button-list-row.js","sourceRoot":"","sources":["../../../../src/content-fields/whatsapp-button-list/flow-whatsapp-button-list-row.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAG1D,MAAM,OAAO,yBAA0B,SAAQ,iBAAiB;IAAhE;;QACS,UAAK,GAAG,EAAE,CAAA;QACV,gBAAW,GAAG,EAAE,CAAA;
|
|
1
|
+
{"version":3,"file":"flow-whatsapp-button-list-row.js","sourceRoot":"","sources":["../../../../src/content-fields/whatsapp-button-list/flow-whatsapp-button-list-row.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAA;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAG1D,MAAM,OAAO,yBAA0B,SAAQ,iBAAiB;IAAhE;;QACS,UAAK,GAAG,EAAE,CAAA;QACV,gBAAW,GAAG,EAAE,CAAA;IAgCzB,CAAC;IA7BC,MAAM,CAAC,cAAc,CACnB,SAAkC,EAClC,MAAc;;QAEd,MAAM,MAAM,GAAG,IAAI,yBAAyB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAA;QAC1D,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,CAAA;QAC3D,MAAM,CAAC,WAAW,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,SAAS,CAAC,WAAW,CAAC,CAAA;QACxE,MAAM,CAAC,QAAQ,GAAG,MAAA,SAAS,CAAC,MAAM,0CAAE,EAAE,CAAA;QACtC,OAAO,MAAM,CAAA;IACf,CAAC;IAED,SAAS,CACP,QAAgB,EAChB,YAAoB;QAEpB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,OAAO,CAAC,KAAK,CAAC,oBAAoB,IAAI,CAAC,KAAK,iBAAiB,CAAC,CAAA;YAC9D,OAAO,SAAS,CAAA;SACjB;QACD,OAAO;YACL,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,YAAY,CAAC;YACzC,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,WAAW,EAAE,IAAI,CAAC,WAAW;SAC9B,CAAA;IACH,CAAC;IAEO,QAAQ,CAAC,QAAgB,EAAE,YAAoB;QACrD,OAAO,GAAG,IAAI,CAAC,QAAQ,GAAG,qBAAqB,GAAG,YAAY,IAAI,QAAQ,EAAE,CAAA;IAC9E,CAAC;CACF"}
|
|
@@ -6,5 +6,5 @@ export declare class FlowWhatsappButtonListSection extends ContentFieldsBase {
|
|
|
6
6
|
title: string;
|
|
7
7
|
rows: FlowWhatsappButtonListRow[];
|
|
8
8
|
static fromHubtypeCMS(component: HtWhatsappButtonListSection, locale: string): FlowWhatsappButtonListSection;
|
|
9
|
-
toBotonic(): WhatsappButtonListSectionProps;
|
|
9
|
+
toBotonic(sectionIndex: number): WhatsappButtonListSectionProps;
|
|
10
10
|
}
|
|
@@ -12,9 +12,9 @@ export class FlowWhatsappButtonListSection extends ContentFieldsBase {
|
|
|
12
12
|
newButton.rows = component.rows.map(row => FlowWhatsappButtonListRow.fromHubtypeCMS(row, locale));
|
|
13
13
|
return newButton;
|
|
14
14
|
}
|
|
15
|
-
toBotonic() {
|
|
16
|
-
const rows = this.rows.reduce((acc, row) => {
|
|
17
|
-
const botonicRow = row.toBotonic();
|
|
15
|
+
toBotonic(sectionIndex) {
|
|
16
|
+
const rows = this.rows.reduce((acc, row, rowIndex) => {
|
|
17
|
+
const botonicRow = row.toBotonic(rowIndex, sectionIndex);
|
|
18
18
|
if (botonicRow)
|
|
19
19
|
acc.push(botonicRow);
|
|
20
20
|
return acc;
|
package/lib/esm/content-fields/whatsapp-button-list/flow-whatsapp-button-list-section.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"flow-whatsapp-button-list-section.js","sourceRoot":"","sources":["../../../../src/content-fields/whatsapp-button-list/flow-whatsapp-button-list-section.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAA;AAE3E,MAAM,OAAO,6BAA8B,SAAQ,iBAAiB;IAApE;;QACS,UAAK,GAAG,EAAE,CAAA;QACV,SAAI,GAAgC,EAAE,CAAA;
|
|
1
|
+
{"version":3,"file":"flow-whatsapp-button-list-section.js","sourceRoot":"","sources":["../../../../src/content-fields/whatsapp-button-list/flow-whatsapp-button-list-section.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAA;AAE3E,MAAM,OAAO,6BAA8B,SAAQ,iBAAiB;IAApE;;QACS,UAAK,GAAG,EAAE,CAAA;QACV,SAAI,GAAgC,EAAE,CAAA;IA0B/C,CAAC;IAxBC,MAAM,CAAC,cAAc,CACnB,SAAsC,EACtC,MAAc;QAEd,MAAM,SAAS,GAAG,IAAI,6BAA6B,CAAC,SAAS,CAAC,EAAE,CAAC,CAAA;QACjE,SAAS,CAAC,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC,CAAA;QAC/D,SAAS,CAAC,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CACxC,yBAAyB,CAAC,cAAc,CAAC,GAAG,EAAE,MAAM,CAAC,CACtD,CAAA;QACD,OAAO,SAAS,CAAA;IAClB,CAAC;IAED,SAAS,CAAC,YAAoB;QAC5B,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAC3B,CAAC,GAAiC,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE;YACnD,MAAM,UAAU,GAAG,GAAG,CAAC,SAAS,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;YACxD,IAAI,UAAU;gBAAE,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;YACpC,OAAO,GAAG,CAAA;QACZ,CAAC,EACD,EAAE,CACH,CAAA;QAED,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,CAAA;IACpC,CAAC;CACF"}
|
|
@@ -19,7 +19,7 @@ export class FlowWhatsappButtonList extends ContentFieldsBase {
|
|
|
19
19
|
return newWhatsappButtonList;
|
|
20
20
|
}
|
|
21
21
|
toBotonic(id) {
|
|
22
|
-
return (React.createElement(WhatsappButtonList, { key: id, body: this.text, button: this.listButtonText, sections: this.sections.map(section => section.toBotonic()) }));
|
|
22
|
+
return (React.createElement(WhatsappButtonList, { key: id, body: this.text, button: this.listButtonText, sections: this.sections.map((section, sectionIndex) => section.toBotonic(sectionIndex)) }));
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
25
|
//# sourceMappingURL=flow-whatsapp-button-list.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"flow-whatsapp-button-list.js","sourceRoot":"","sources":["../../../../src/content-fields/whatsapp-button-list/flow-whatsapp-button-list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AACnD,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,6BAA6B,EAAE,MAAM,qCAAqC,CAAA;AAEnF,MAAM,OAAO,sBAAuB,SAAQ,iBAAiB;IAA7D;;QACS,SAAI,GAAG,EAAE,CAAA;QACT,SAAI,GAAG,EAAE,CAAA;QACT,mBAAc,GAAG,EAAE,CAAA;QACnB,aAAQ,GAAoC,EAAE,CAAA;
|
|
1
|
+
{"version":3,"file":"flow-whatsapp-button-list.js","sourceRoot":"","sources":["../../../../src/content-fields/whatsapp-button-list/flow-whatsapp-button-list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AACnD,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,6BAA6B,EAAE,MAAM,qCAAqC,CAAA;AAEnF,MAAM,OAAO,sBAAuB,SAAQ,iBAAiB;IAA7D;;QACS,SAAI,GAAG,EAAE,CAAA;QACT,SAAI,GAAG,EAAE,CAAA;QACT,mBAAc,GAAG,EAAE,CAAA;QACnB,aAAQ,GAAoC,EAAE,CAAA;IAkCvD,CAAC;IAhCC,MAAM,CAAC,cAAc,CACnB,SAAmC,EACnC,MAAc;QAEd,MAAM,qBAAqB,GAAG,IAAI,sBAAsB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAA;QACtE,qBAAqB,CAAC,IAAI,GAAG,SAAS,CAAC,IAAI,CAAA;QAC3C,qBAAqB,CAAC,IAAI,GAAG,IAAI,CAAC,eAAe,CAC/C,MAAM,EACN,SAAS,CAAC,OAAO,CAAC,IAAI,CACvB,CAAA;QACD,qBAAqB,CAAC,cAAc,GAAG,IAAI,CAAC,eAAe,CACzD,MAAM,EACN,SAAS,CAAC,OAAO,CAAC,WAAW,CAC9B,CAAA;QACD,qBAAqB,CAAC,QAAQ,GAAG,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CACxE,6BAA6B,CAAC,cAAc,CAAC,OAAO,EAAE,MAAM,CAAC,CAC9D,CAAA;QACD,OAAO,qBAAqB,CAAA;IAC9B,CAAC;IAED,SAAS,CAAC,EAAU;QAClB,OAAO,CACL,oBAAC,kBAAkB,IACjB,GAAG,EAAE,EAAE,EACP,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,cAAc,EAC3B,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,YAAY,EAAE,EAAE,CACpD,OAAO,CAAC,SAAS,CAAC,YAAY,CAAC,CAChC,GACmB,CACvB,CAAA;IACH,CAAC;CACF"}
|
package/package.json
CHANGED
package/src/.DS_Store
ADDED
|
Binary file
|
package/src/action/index.tsx
CHANGED
|
@@ -5,6 +5,7 @@ import {
|
|
|
5
5
|
} from '@botonic/plugin-hubtype-analytics/lib/cjs/types'
|
|
6
6
|
import { ActionRequest, Multichannel, RequestContext } from '@botonic/react'
|
|
7
7
|
import React from 'react'
|
|
8
|
+
import { SOURCE_INFO_SEPARATOR } from 'src/constants'
|
|
8
9
|
|
|
9
10
|
import { FlowBuilderApi } from '../api'
|
|
10
11
|
import { FlowContent, FlowHandoff } from '../content-fields'
|
|
@@ -71,7 +72,8 @@ async function getTargetNode(
|
|
|
71
72
|
locale: string,
|
|
72
73
|
request: ActionRequest
|
|
73
74
|
) {
|
|
74
|
-
const
|
|
75
|
+
const payload = request.input.payload
|
|
76
|
+
const contentId = payload?.split(SOURCE_INFO_SEPARATOR)[0]
|
|
75
77
|
const targetNode = !contentId
|
|
76
78
|
? await getNodeByUserInput(cmsApi, locale, request)
|
|
77
79
|
: (cmsApi.getNodeById(contentId) as HtNodeWithContent)
|
package/src/constants.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const SOURCE_INFO_SEPARATOR = '|source_'
|
|
Binary file
|
|
@@ -2,6 +2,7 @@ import { Button, Reply } from '@botonic/react'
|
|
|
2
2
|
import React from 'react'
|
|
3
3
|
|
|
4
4
|
import { FlowBuilderApi } from '../api'
|
|
5
|
+
import { SOURCE_INFO_SEPARATOR } from '../constants'
|
|
5
6
|
import { ContentFieldsBase } from './content-fields-base'
|
|
6
7
|
import {
|
|
7
8
|
HtButton,
|
|
@@ -40,26 +41,34 @@ export class FlowButton extends ContentFieldsBase {
|
|
|
40
41
|
return newButton
|
|
41
42
|
}
|
|
42
43
|
|
|
43
|
-
static getPayloadId(cmsButton, locale): string | undefined {
|
|
44
|
+
static getPayloadId(cmsButton: HtButton, locale: string): string | undefined {
|
|
44
45
|
return cmsButton.payload.find(payload => payload.locale === locale)?.id
|
|
45
46
|
}
|
|
46
47
|
|
|
47
|
-
static getUrlId(cmsButton, locale): string | undefined {
|
|
48
|
+
static getUrlId(cmsButton: HtButton, locale: string): string | undefined {
|
|
48
49
|
return cmsButton.url.find(url => url.locale === locale)?.id
|
|
49
50
|
}
|
|
50
51
|
|
|
51
|
-
renderButton(buttonStyle?: HtButtonStyle): JSX.Element {
|
|
52
|
+
renderButton(buttonIndex: number, buttonStyle?: HtButtonStyle): JSX.Element {
|
|
52
53
|
if (buttonStyle === HtButtonStyle.QUICK_REPLY) {
|
|
53
54
|
return (
|
|
54
|
-
<Reply key={this.id} payload={this.
|
|
55
|
+
<Reply key={this.id} payload={this.getButtonPayload(buttonIndex)}>
|
|
55
56
|
{this.text}
|
|
56
57
|
</Reply>
|
|
57
58
|
)
|
|
58
59
|
}
|
|
59
60
|
return (
|
|
60
|
-
<Button
|
|
61
|
+
<Button
|
|
62
|
+
key={this.id}
|
|
63
|
+
url={this.url}
|
|
64
|
+
payload={this.getButtonPayload(buttonIndex)}
|
|
65
|
+
>
|
|
61
66
|
{this.text}
|
|
62
67
|
</Button>
|
|
63
68
|
)
|
|
64
69
|
}
|
|
70
|
+
|
|
71
|
+
private getButtonPayload(buttonIndex: number): string {
|
|
72
|
+
return `${this.payload}${SOURCE_INFO_SEPARATOR}${buttonIndex}`
|
|
73
|
+
}
|
|
65
74
|
}
|
|
@@ -31,7 +31,9 @@ export class FlowText extends ContentFieldsBase {
|
|
|
31
31
|
return (
|
|
32
32
|
<Text key={id}>
|
|
33
33
|
{this.text}
|
|
34
|
-
{this.buttons.map(button =>
|
|
34
|
+
{this.buttons.map((button, buttonIndex) =>
|
|
35
|
+
button.renderButton(buttonIndex, this.buttonStyle)
|
|
36
|
+
)}
|
|
35
37
|
</Text>
|
|
36
38
|
)
|
|
37
39
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { WhatsappButtonListRowProps } from '@botonic/react'
|
|
2
2
|
|
|
3
|
+
import { SOURCE_INFO_SEPARATOR } from '../../constants'
|
|
3
4
|
import { ContentFieldsBase } from '../content-fields-base'
|
|
4
5
|
import { HtWhatsappButtonListRow } from '../hubtype-fields'
|
|
5
6
|
|
|
@@ -19,15 +20,22 @@ export class FlowWhatsappButtonListRow extends ContentFieldsBase {
|
|
|
19
20
|
return newRow
|
|
20
21
|
}
|
|
21
22
|
|
|
22
|
-
toBotonic(
|
|
23
|
+
toBotonic(
|
|
24
|
+
rowIndex: number,
|
|
25
|
+
sectionIndex: number
|
|
26
|
+
): WhatsappButtonListRowProps | undefined {
|
|
23
27
|
if (!this.targetId) {
|
|
24
28
|
console.error(`Row with title: '${this.title}' has no target`)
|
|
25
29
|
return undefined
|
|
26
30
|
}
|
|
27
31
|
return {
|
|
28
|
-
id: this.
|
|
32
|
+
id: this.getRowId(rowIndex, sectionIndex),
|
|
29
33
|
title: this.title,
|
|
30
34
|
description: this.description,
|
|
31
35
|
}
|
|
32
36
|
}
|
|
37
|
+
|
|
38
|
+
private getRowId(rowIndex: number, sectionIndex: number): string {
|
|
39
|
+
return `${this.targetId}${SOURCE_INFO_SEPARATOR}${sectionIndex}.${rowIndex}`
|
|
40
|
+
}
|
|
33
41
|
}
|
|
@@ -23,12 +23,15 @@ export class FlowWhatsappButtonListSection extends ContentFieldsBase {
|
|
|
23
23
|
return newButton
|
|
24
24
|
}
|
|
25
25
|
|
|
26
|
-
toBotonic(): WhatsappButtonListSectionProps {
|
|
27
|
-
const rows = this.rows.reduce(
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
26
|
+
toBotonic(sectionIndex: number): WhatsappButtonListSectionProps {
|
|
27
|
+
const rows = this.rows.reduce(
|
|
28
|
+
(acc: WhatsappButtonListRowProps[], row, rowIndex) => {
|
|
29
|
+
const botonicRow = row.toBotonic(rowIndex, sectionIndex)
|
|
30
|
+
if (botonicRow) acc.push(botonicRow)
|
|
31
|
+
return acc
|
|
32
|
+
},
|
|
33
|
+
[]
|
|
34
|
+
)
|
|
32
35
|
|
|
33
36
|
return { title: this.title, rows }
|
|
34
37
|
}
|
|
@@ -37,7 +37,9 @@ export class FlowWhatsappButtonList extends ContentFieldsBase {
|
|
|
37
37
|
key={id}
|
|
38
38
|
body={this.text}
|
|
39
39
|
button={this.listButtonText}
|
|
40
|
-
sections={this.sections.map(section =>
|
|
40
|
+
sections={this.sections.map((section, sectionIndex) =>
|
|
41
|
+
section.toBotonic(sectionIndex)
|
|
42
|
+
)}
|
|
41
43
|
></WhatsappButtonList>
|
|
42
44
|
)
|
|
43
45
|
}
|