@botonic/plugin-flow-builder 0.46.2 → 2.23.0

package/{lib/esm → src/lib}/content-fields/flow-rating.d.ts

@@ -1,7 +1,8 @@
-import { type ActionRequest } from '@botonic/react';
+import { BotContext } from '@botonic/shared';
+import { BotServerMessage } from '@botonic/shared';
 import { ContentFieldsBase } from './content-fields-base';
 import { FlowButton } from './flow-button';
-import { type HtRatingNode, RatingType } from './hubtype-fields';
+import { HtRatingNode, RatingType } from './hubtype-fields';
 export declare class FlowRating extends ContentFieldsBase {
     text: string;
     sendButtonText: string;
@@ -9,6 +10,6 @@ export declare class FlowRating extends ContentFieldsBase {
     buttons: FlowButton[];
     openListButtonText: string;
     static fromHubtypeCMS(cmsText: HtRatingNode, locale: string): FlowRating;
-    trackFlow(request: ActionRequest): Promise<void>;
-    toBotonic(id: string, request: ActionRequest): JSX.Element;
+    trackFlow(botContext: BotContext): Promise<void>;
+    toBotonic(botContext: BotContext): Promise<BotServerMessage>;
 }

package/src/lib/content-fields/flow-rating.js

@@ -0,0 +1,80 @@
+import { __awaiter } from "tslib";
+import { BotServerMessageFactory } from '@botonic/shared';
+import { trackOneContent } from '../tracking';
+import { ContentFieldsBase } from './content-fields-base';
+import { FlowButton } from './flow-button';
+import { HtButtonStyle, RatingType } from './hubtype-fields';
+export class FlowRating extends ContentFieldsBase {
+    constructor() {
+        super(...arguments);
+        this.text = '';
+        this.sendButtonText = '';
+        this.ratingType = RatingType.Stars;
+        this.buttons = [];
+        this.openListButtonText = '';
+    }
+    static fromHubtypeCMS(cmsText, locale) {
+        const newRating = new FlowRating(cmsText.id);
+        newRating.code = cmsText.code;
+        newRating.text = this.getTextByLocale(locale, cmsText.content.text);
+        newRating.sendButtonText = this.getTextByLocale(locale, cmsText.content.send_button_text);
+        newRating.ratingType = cmsText.content.rating_type;
+        newRating.buttons = cmsText.content.buttons.map(button => FlowButton.fromRating(button));
+        newRating.openListButtonText = this.getTextByLocale(locale, cmsText.content.open_list_button_text);
+        newRating.followUp = cmsText.follow_up;
+        return newRating;
+    }
+    trackFlow(botContext) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield trackOneContent(botContext, this);
+        });
+    }
+    toBotonic(botContext) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const replacedText = this.replaceVariables(this.text, botContext);
+            // const flowBuilderPlugin = getFlowBuilderPlugin(botContext.plugins)
+            // const customRatingMessageEnabled =
+            //   flowBuilderPlugin.customRatingMessageEnabled
+            if (botContext.session.isWhatsapp()) {
+                return BotServerMessageFactory.createWhatsappButtonList({
+                    body: replacedText,
+                    button: this.openListButtonText,
+                    sections: [
+                        {
+                            rows: this.buttons.map(button => ({
+                                id: button.payload,
+                                title: button.text,
+                            })),
+                        },
+                    ],
+                });
+            }
+            // if (
+            //   (isWebchat(botContext.session) || isDev(botContext.session)) &&
+            //   customRatingMessageEnabled
+            // ) {
+            //   const payloads = this.buttons
+            //     .map(button => button.payload)
+            //     .slice()
+            //     .reverse()
+            //   return
+            //   <CustomRatingMessage
+            //     alt={this.text}
+            //     payloads={payloads}
+            //     messageText={this.text}
+            //     buttonText={this.sendButtonText}
+            //     ratingType={this.ratingType}
+            //   />
+            // }
+            return BotServerMessageFactory.createButtonMessage({
+                text: replacedText,
+                buttons: this.buttons.map((button, index) => button.addButtonToBotonic({
+                    buttonIndex: index,
+                    buttonStyle: HtButtonStyle.BUTTON,
+                    session: botContext.session,
+                })),
+            });
+        });
+    }
+}
+//# sourceMappingURL=flow-rating.js.map

package/src/lib/content-fields/flow-rating.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flow-rating.js","sourceRoot":"","sources":["../../../../../../../libs/botonic/plugin-flow-builder/src/lib/content-fields/flow-rating.ts"],"names":[],"mappings":"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"}

package/src/lib/content-fields/flow-text.d.ts

@@ -0,0 +1,15 @@
+import { BotContext } from '@botonic/shared';
+import { BotServerMessage, TextMessage, TextWithButtonsMessage } from '@botonic/shared';
+import { FlowBuilderApi } from '../api';
+import { ContentFieldsBase } from './content-fields-base';
+import { FlowButton } from './flow-button';
+import { HtButtonStyle, HtTextNode } from './hubtype-fields/index';
+export declare class FlowText extends ContentFieldsBase {
+    text: string;
+    buttons: FlowButton[];
+    buttonStyle: HtButtonStyle;
+    static fromHubtypeCMS(cmsText: HtTextNode, locale: string, cmsApi: FlowBuilderApi): FlowText;
+    trackFlow(botContext: BotContext): Promise<void>;
+    static fromAIAgent(id: string, textMessage: TextMessage | TextWithButtonsMessage): import("@botonic/shared").BotServerMessageButtonMessage | import("@botonic/shared").BotServerMessageText;
+    toBotonic(botContext: BotContext): Promise<BotServerMessage>;
+}

package/src/lib/content-fields/flow-text.js

@@ -0,0 +1,76 @@
+import { __awaiter } from "tslib";
+import { BotServerMessageFactory, } from '@botonic/shared';
+import { EMPTY_PAYLOAD, SOURCE_INFO_SEPARATOR } from '../constants';
+import { trackOneContent } from '../tracking';
+import { ContentFieldsBase } from './content-fields-base';
+import { FlowButton } from './flow-button';
+import { HtButtonStyle } from './hubtype-fields/index';
+export class FlowText extends ContentFieldsBase {
+    constructor() {
+        super(...arguments);
+        this.text = '';
+        this.buttons = [];
+        this.buttonStyle = HtButtonStyle.BUTTON;
+    }
+    static fromHubtypeCMS(cmsText, locale, cmsApi) {
+        const newText = new FlowText(cmsText.id);
+        newText.code = cmsText.code;
+        newText.buttonStyle = cmsText.content.buttons_style || HtButtonStyle.BUTTON;
+        newText.text = this.getTextByLocale(locale, cmsText.content.text);
+        newText.buttons = cmsText.content.buttons.map(button => FlowButton.fromHubtypeCMS(button, locale, cmsApi));
+        newText.followUp = cmsText.follow_up;
+        return newText;
+    }
+    trackFlow(botContext) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield trackOneContent(botContext, this);
+            for (const button of this.buttons) {
+                yield button.trackFlow(botContext);
+            }
+        });
+    }
+    static fromAIAgent(id, textMessage) {
+        if (textMessage.type === 'text') {
+            return BotServerMessageFactory.createText({
+                text: textMessage.content.text,
+            });
+        }
+        const buttons = textMessage.content.buttons.map((button, buttonIndex) => {
+            const buttonData = {
+                id: `${id}-button-${buttonIndex}`,
+                text: button.text,
+                url: button.url,
+                payload: button.payload ||
+                    `${EMPTY_PAYLOAD}${SOURCE_INFO_SEPARATOR}${buttonIndex}`,
+            };
+            return FlowButton.fromAIAgent(buttonData).addButtonToBotonic({
+                buttonIndex,
+                buttonStyle: HtButtonStyle.BUTTON,
+            });
+        });
+        return BotServerMessageFactory.createButtonMessage({
+            text: textMessage.content.text,
+            buttons: buttons,
+        });
+    }
+    toBotonic(botContext) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const replacedText = this.replaceVariables(this.text, botContext);
+            if (this.buttons.length === 0) {
+                // TODO: Tweak botonic model so it accepts botInteractionId botInteractionId: request.input.botInteractionId,
+                return BotServerMessageFactory.createText({ text: replacedText });
+            }
+            return BotServerMessageFactory.createButtonMessage({
+                text: replacedText,
+                buttons: this.buttons.map((button, index) => {
+                    return button.addButtonToBotonic({
+                        buttonIndex: index,
+                        buttonStyle: HtButtonStyle.BUTTON,
+                        session: botContext.session,
+                    });
+                }),
+            });
+        });
+    }
+}
+//# sourceMappingURL=flow-text.js.map

package/src/lib/content-fields/flow-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flow-text.js","sourceRoot":"","sources":["../../../../../../../libs/botonic/plugin-flow-builder/src/lib/content-fields/flow-text.ts"],"names":[],"mappings":"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"}

package/src/lib/content-fields/flow-video.d.ts

@@ -0,0 +1,10 @@
+import { BotContext } from '@botonic/shared';
+import { BotServerMessage } from '@botonic/shared';
+import { ContentFieldsBase } from './content-fields-base';
+import { HtVideoNode } from './hubtype-fields';
+export declare class FlowVideo extends ContentFieldsBase {
+    src: string;
+    static fromHubtypeCMS(component: HtVideoNode, locale: string): FlowVideo;
+    trackFlow(botContext: BotContext): Promise<void>;
+    toBotonic(_botContext: BotContext): Promise<BotServerMessage>;
+}

package/src/lib/content-fields/flow-video.js

@@ -0,0 +1,28 @@
+import { __awaiter } from "tslib";
+import { BotServerMessageFactory } from '@botonic/shared';
+import { trackOneContent } from '../tracking';
+import { ContentFieldsBase } from './content-fields-base';
+export class FlowVideo extends ContentFieldsBase {
+    constructor() {
+        super(...arguments);
+        this.src = '';
+    }
+    static fromHubtypeCMS(component, locale) {
+        const newVideo = new FlowVideo(component.id);
+        newVideo.code = component.code;
+        newVideo.src = this.getVideoByLocale(locale, component.content.video);
+        newVideo.followUp = component.follow_up;
+        return newVideo;
+    }
+    trackFlow(botContext) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield trackOneContent(botContext, this);
+        });
+    }
+    toBotonic(_botContext) {
+        return __awaiter(this, void 0, void 0, function* () {
+            return BotServerMessageFactory.createVideo({ attachmentUrl: this.src });
+        });
+    }
+}
+//# sourceMappingURL=flow-video.js.map

package/src/lib/content-fields/flow-video.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flow-video.js","sourceRoot":"","sources":["../../../../../../../libs/botonic/plugin-flow-builder/src/lib/content-fields/flow-video.ts"],"names":[],"mappings":";AACA,OAAO,EAAoB,uBAAuB,EAAE,MAAM,iBAAiB,CAAA;AAE3E,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAGzD,MAAM,OAAO,SAAU,SAAQ,iBAAiB;IAAhD;;QACS,QAAG,GAAG,EAAE,CAAA;IAkBjB,CAAC;IAhBC,MAAM,CAAC,cAAc,CAAC,SAAsB,EAAE,MAAc;QAC1D,MAAM,QAAQ,GAAG,IAAI,SAAS,CAAC,SAAS,CAAC,EAAE,CAAC,CAAA;QAC5C,QAAQ,CAAC,IAAI,GAAG,SAAS,CAAC,IAAI,CAAA;QAC9B,QAAQ,CAAC,GAAG,GAAG,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;QACrE,QAAQ,CAAC,QAAQ,GAAG,SAAS,CAAC,SAAS,CAAA;QAEvC,OAAO,QAAQ,CAAA;IACjB,CAAC;IAEK,SAAS,CAAC,UAAsB;;YACpC,MAAM,eAAe,CAAC,UAAU,EAAE,IAAI,CAAC,CAAA;QACzC,CAAC;KAAA;IAEK,SAAS,CAAC,WAAuB;;YACrC,OAAO,uBAAuB,CAAC,WAAW,CAAC,EAAE,aAAa,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,CAAA;QACzE,CAAC;KAAA;CACF"}

package/{lib/esm → src/lib}/content-fields/flow-webview.d.ts

@@ -1,11 +1,11 @@
-import type { ActionRequest } from '@botonic/react';
+import { BotContext } from '@botonic/shared';
 import { ContentFieldsBase } from './content-fields-base';
-import type { HtWebviewExits, HtWebviewNode } from './hubtype-fields';
+import { HtWebviewExits, HtWebviewNode } from './hubtype-fields';
 export declare class FlowWebview extends ContentFieldsBase {
     webviewTargetId: string;
     webviewName: string;
     webviewComponentName: string;
     exits: HtWebviewExits[];
     static fromHubtypeCMS(component: HtWebviewNode): FlowWebview;
-    trackFlow(request: ActionRequest): Promise<void>;
+    trackFlow(botContext: BotContext): Promise<void>;
 }

package/src/lib/content-fields/flow-webview.js

@@ -0,0 +1,41 @@
+import { __awaiter, __rest } from "tslib";
+import { EventAction } from '@botonic/shared';
+import { getCommonFlowContentEventArgsForContentId, trackEvent, } from '../tracking';
+import { ContentFieldsBase } from './content-fields-base';
+export class FlowWebview extends ContentFieldsBase {
+    constructor() {
+        super(...arguments);
+        this.webviewTargetId = '';
+        this.webviewName = '';
+        this.webviewComponentName = '';
+        this.exits = [];
+    }
+    static fromHubtypeCMS(component) {
+        const newWebview = new FlowWebview(component.id);
+        newWebview.webviewTargetId = component.content.webview_target_id;
+        newWebview.webviewName = component.content.webview_name;
+        newWebview.webviewComponentName = component.content.webview_component_name;
+        newWebview.exits = component.content.exits;
+        newWebview.followUp = component.follow_up;
+        return newWebview;
+    }
+    trackFlow(botContext) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const { flowThreadId, flowId, flowName, flowNodeId, flowNodeContentId } = yield getCommonFlowContentEventArgsForContentId(botContext, this.id);
+            const eventWebviewActionTriggered = {
+                action: EventAction.WebviewActionTriggered,
+                flowThreadId,
+                flowId,
+                flowName,
+                flowNodeId,
+                flowNodeContentId,
+                flowNodeIsMeaningful: false,
+                webviewTargetId: this.webviewTargetId,
+                webviewName: this.webviewName,
+            };
+            const { action } = eventWebviewActionTriggered, eventArgs = __rest(eventWebviewActionTriggered, ["action"]);
+            yield trackEvent(botContext, action, eventArgs);
+        });
+    }
+}
+//# sourceMappingURL=flow-webview.js.map

package/src/lib/content-fields/flow-webview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flow-webview.js","sourceRoot":"","sources":["../../../../../../../libs/botonic/plugin-flow-builder/src/lib/content-fields/flow-webview.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAA+B,MAAM,iBAAiB,CAAA;AAE1E,OAAO,EACL,yCAAyC,EACzC,UAAU,GACX,MAAM,aAAa,CAAA;AACpB,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAGzD,MAAM,OAAO,WAAY,SAAQ,iBAAiB;IAAlD;;QACS,oBAAe,GAAG,EAAE,CAAA;QACpB,gBAAW,GAAG,EAAE,CAAA;QAChB,yBAAoB,GAAG,EAAE,CAAA;QACzB,UAAK,GAAqB,EAAE,CAAA;IA+BrC,CAAC;IA7BC,MAAM,CAAC,cAAc,CAAC,SAAwB;QAC5C,MAAM,UAAU,GAAG,IAAI,WAAW,CAAC,SAAS,CAAC,EAAE,CAAC,CAAA;QAChD,UAAU,CAAC,eAAe,GAAG,SAAS,CAAC,OAAO,CAAC,iBAAiB,CAAA;QAChE,UAAU,CAAC,WAAW,GAAG,SAAS,CAAC,OAAO,CAAC,YAAY,CAAA;QACvD,UAAU,CAAC,oBAAoB,GAAG,SAAS,CAAC,OAAO,CAAC,sBAAsB,CAAA;QAC1E,UAAU,CAAC,KAAK,GAAG,SAAS,CAAC,OAAO,CAAC,KAAK,CAAA;QAC1C,UAAU,CAAC,QAAQ,GAAG,SAAS,CAAC,SAAS,CAAA;QAEzC,OAAO,UAAU,CAAA;IACnB,CAAC;IAEK,SAAS,CAAC,UAAsB;;YACpC,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,iBAAiB,EAAE,GACrE,MAAM,yCAAyC,CAAC,UAAU,EAAE,IAAI,CAAC,EAAE,CAAC,CAAA;YAEtE,MAAM,2BAA2B,GAAgC;gBAC/D,MAAM,EAAE,WAAW,CAAC,sBAAsB;gBAC1C,YAAY;gBACZ,MAAM;gBACN,QAAQ;gBACR,UAAU;gBACV,iBAAiB;gBACjB,oBAAoB,EAAE,KAAK;gBAC3B,eAAe,EAAE,IAAI,CAAC,eAAe;gBACrC,WAAW,EAAE,IAAI,CAAC,WAAW;aAC9B,CAAA;YACD,MAAM,EAAE,MAAM,KAAmB,2BAA2B,EAAzC,SAAS,UAAK,2BAA2B,EAAtD,UAAwB,CAA8B,CAAA;YAC5D,MAAM,UAAU,CAAC,UAAU,EAAE,MAAM,EAAE,SAAS,CAAC,CAAA;QACjD,CAAC;KAAA;CACF"}

package/{lib/esm → src/lib}/content-fields/flow-whatsapp-cta-url-button.d.ts

@@ -1,19 +1,20 @@
-import { type ActionRequest, WhatsappCTAUrlHeaderType } from '@botonic/react';
-import type { FlowBuilderApi } from '../api';
+import { BotContext } from '@botonic/shared';
+import { BotServerMessage, WhatsappHeaderType } from '@botonic/shared';
+import { FlowBuilderApi } from '../api';
 import { ContentFieldsBase } from './content-fields-base';
-import type { HtWhatsappCTAUrlButtonNode } from './hubtype-fields';
+import { HtWhatsappCTAUrlButtonNode } from './hubtype-fields';
 export declare class FlowWhatsappCtaUrlButtonNode extends ContentFieldsBase {
     text: string;
     header?: string;
-    headerType?: WhatsappCTAUrlHeaderType;
+    footer?: string;
+    headerType?: WhatsappHeaderType;
     headerImage?: string;
     headerVideo?: string;
     headerDocument?: string;
-    footer?: string;
     displayText: string;
     url: string;
     static fromHubtypeCMS(component: HtWhatsappCTAUrlButtonNode, locale: string, cmsApi: FlowBuilderApi): FlowWhatsappCtaUrlButtonNode;
     private static setHeader;
-    trackFlow(request: ActionRequest): Promise<void>;
-    toBotonic(id: string, request: ActionRequest): JSX.Element;
+    trackFlow(botContext: BotContext): Promise<void>;
+    toBotonic(botContext: BotContext): Promise<BotServerMessage>;
 }

package/src/lib/content-fields/flow-whatsapp-cta-url-button.js

@@ -0,0 +1,76 @@
+import { __awaiter } from "tslib";
+import { BotServerMessageFactory, WhatsappHeaderType, } from '@botonic/shared';
+import { trackOneContent } from '../tracking';
+import { ContentFieldsBase } from './content-fields-base';
+import { FlowButton } from './flow-button';
+export class FlowWhatsappCtaUrlButtonNode extends ContentFieldsBase {
+    constructor() {
+        super(...arguments);
+        this.text = '';
+        this.displayText = '';
+        this.url = '';
+    }
+    static fromHubtypeCMS(component, locale, cmsApi) {
+        const whatsappCtaUrlButton = new FlowWhatsappCtaUrlButtonNode(component.id);
+        whatsappCtaUrlButton.code = component.code;
+        whatsappCtaUrlButton.text = this.getTextByLocale(locale, component.content.text);
+        FlowWhatsappCtaUrlButtonNode.setHeader(whatsappCtaUrlButton, component, locale);
+        whatsappCtaUrlButton.header = this.getTextByLocale(locale, component.content.header);
+        whatsappCtaUrlButton.footer = this.getTextByLocale(locale, component.content.footer);
+        const button = FlowButton.fromHubtypeCMS(component.content.button, locale, cmsApi);
+        whatsappCtaUrlButton.displayText = button.text;
+        const urlId = FlowButton.getUrlId(component.content.button, locale);
+        if (urlId) {
+            const urlNode = cmsApi.getNodeById(urlId);
+            whatsappCtaUrlButton.url = urlNode.content.url;
+        }
+        whatsappCtaUrlButton.followUp = component.follow_up;
+        return whatsappCtaUrlButton;
+    }
+    static setHeader(whatsappCtaUrlButton, component, locale) {
+        // If header is set, set header_type to text, this is need to be compatible with the old version of the component
+        if (component.content.header.length > 0) {
+            component.content.header_type = WhatsappHeaderType.Text;
+        }
+        whatsappCtaUrlButton.headerType = component.content
+            .header_type;
+        if (component.content.header_type === WhatsappHeaderType.Text) {
+            whatsappCtaUrlButton.header = this.getTextByLocale(locale, component.content.header);
+        }
+        if (component.content.header_type === WhatsappHeaderType.Image &&
+            component.content.header_image) {
+            whatsappCtaUrlButton.headerImage = this.getAssetByLocale(locale, component.content.header_image);
+        }
+        if (component.content.header_type === WhatsappHeaderType.Video &&
+            component.content.header_video) {
+            whatsappCtaUrlButton.headerVideo = this.getAssetByLocale(locale, component.content.header_video);
+        }
+        if (component.content.header_type === WhatsappHeaderType.Document &&
+            component.content.header_document) {
+            whatsappCtaUrlButton.headerDocument = this.getAssetByLocale(locale, component.content.header_document);
+        }
+    }
+    trackFlow(botContext) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield trackOneContent(botContext, this);
+        });
+    }
+    toBotonic(botContext) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const replacedText = this.replaceVariables(this.text, botContext);
+            return BotServerMessageFactory.createWhatsappCTAUrlButton({
+                header: this.header,
+                headerType: this.headerType,
+                headerImage: this.headerImage,
+                headerVideo: this.headerVideo,
+                headerDocument: this.headerDocument,
+                body: replacedText,
+                footer: this.footer,
+                displayText: this.displayText,
+                url: this.url,
+                // TODO: Add metadata at this point?
+            });
+        });
+    }
+}
+//# sourceMappingURL=flow-whatsapp-cta-url-button.js.map

package/src/lib/content-fields/flow-whatsapp-cta-url-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flow-whatsapp-cta-url-button.js","sourceRoot":"","sources":["../../../../../../../libs/botonic/plugin-flow-builder/src/lib/content-fields/flow-whatsapp-cta-url-button.ts"],"names":[],"mappings":";AACA,OAAO,EAEL,uBAAuB,EACvB,kBAAkB,GACnB,MAAM,iBAAiB,CAAA;AAGxB,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAG1C,MAAM,OAAO,4BAA6B,SAAQ,iBAAiB;IAAnE;;QACS,SAAI,GAAG,EAAE,CAAA;QAOT,gBAAW,GAAG,EAAE,CAAA;QAChB,QAAG,GAAG,EAAE,CAAA;IAiHjB,CAAC;IA/GC,MAAM,CAAC,cAAc,CACnB,SAAqC,EACrC,MAAc,EACd,MAAsB;QAEtB,MAAM,oBAAoB,GAAG,IAAI,4BAA4B,CAAC,SAAS,CAAC,EAAE,CAAC,CAAA;QAC3E,oBAAoB,CAAC,IAAI,GAAG,SAAS,CAAC,IAAI,CAAA;QAC1C,oBAAoB,CAAC,IAAI,GAAG,IAAI,CAAC,eAAe,CAC9C,MAAM,EACN,SAAS,CAAC,OAAO,CAAC,IAAI,CACvB,CAAA;QACD,4BAA4B,CAAC,SAAS,CACpC,oBAAoB,EACpB,SAAS,EACT,MAAM,CACP,CAAA;QACD,oBAAoB,CAAC,MAAM,GAAG,IAAI,CAAC,eAAe,CAChD,MAAM,EACN,SAAS,CAAC,OAAO,CAAC,MAAM,CACzB,CAAA;QACD,oBAAoB,CAAC,MAAM,GAAG,IAAI,CAAC,eAAe,CAChD,MAAM,EACN,SAAS,CAAC,OAAO,CAAC,MAAM,CACzB,CAAA;QACD,MAAM,MAAM,GAAG,UAAU,CAAC,cAAc,CACtC,SAAS,CAAC,OAAO,CAAC,MAAM,EACxB,MAAM,EACN,MAAM,CACP,CAAA;QACD,oBAAoB,CAAC,WAAW,GAAG,MAAM,CAAC,IAAI,CAAA;QAC9C,MAAM,KAAK,GAAG,UAAU,CAAC,QAAQ,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;QACnE,IAAI,KAAK,EAAE,CAAC;YACV,MAAM,OAAO,GAAG,MAAM,CAAC,WAAW,CAAY,KAAK,CAAC,CAAA;YACpD,oBAAoB,CAAC,GAAG,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,CAAA;QAChD,CAAC;QACD,oBAAoB,CAAC,QAAQ,GAAG,SAAS,CAAC,SAAS,CAAA;QAEnD,OAAO,oBAAoB,CAAA;IAC7B,CAAC;IAEO,MAAM,CAAC,SAAS,CACtB,oBAAkD,EAClD,SAAqC,EACrC,MAAc;QAEd,iHAAiH;QACjH,IAAI,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACxC,SAAS,CAAC,OAAO,CAAC,WAAW,GAAG,kBAAkB,CAAC,IAAI,CAAA;QACzD,CAAC;QAED,oBAAoB,CAAC,UAAU,GAAG,SAAS,CAAC,OAAO;aAChD,WAAiC,CAAA;QAEpC,IAAI,SAAS,CAAC,OAAO,CAAC,WAAW,KAAK,kBAAkB,CAAC,IAAI,EAAE,CAAC;YAC9D,oBAAoB,CAAC,MAAM,GAAG,IAAI,CAAC,eAAe,CAChD,MAAM,EACN,SAAS,CAAC,OAAO,CAAC,MAAM,CACzB,CAAA;QACH,CAAC;QAED,IACE,SAAS,CAAC,OAAO,CAAC,WAAW,KAAK,kBAAkB,CAAC,KAAK;YAC1D,SAAS,CAAC,OAAO,CAAC,YAAY,EAC9B,CAAC;YACD,oBAAoB,CAAC,WAAW,GAAG,IAAI,CAAC,gBAAgB,CACtD,MAAM,EACN,SAAS,CAAC,OAAO,CAAC,YAAY,CAC/B,CAAA;QACH,CAAC;QAED,IACE,SAAS,CAAC,OAAO,CAAC,WAAW,KAAK,kBAAkB,CAAC,KAAK;YAC1D,SAAS,CAAC,OAAO,CAAC,YAAY,EAC9B,CAAC;YACD,oBAAoB,CAAC,WAAW,GAAG,IAAI,CAAC,gBAAgB,CACtD,MAAM,EACN,SAAS,CAAC,OAAO,CAAC,YAAY,CAC/B,CAAA;QACH,CAAC;QAED,IACE,SAAS,CAAC,OAAO,CAAC,WAAW,KAAK,kBAAkB,CAAC,QAAQ;YAC7D,SAAS,CAAC,OAAO,CAAC,eAAe,EACjC,CAAC;YACD,oBAAoB,CAAC,cAAc,GAAG,IAAI,CAAC,gBAAgB,CACzD,MAAM,EACN,SAAS,CAAC,OAAO,CAAC,eAAe,CAClC,CAAA;QACH,CAAC;IACH,CAAC;IAEK,SAAS,CAAC,UAAsB;;YACpC,MAAM,eAAe,CAAC,UAAU,EAAE,IAAI,CAAC,CAAA;QACzC,CAAC;KAAA;IAEK,SAAS,CAAC,UAAsB;;YACpC,MAAM,YAAY,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,UAAU,CAAC,CAAA;YAEjE,OAAO,uBAAuB,CAAC,0BAA0B,CAAC;gBACxD,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,UAAU,EAAE,IAAI,CAAC,UAAU;gBAC3B,WAAW,EAAE,IAAI,CAAC,WAAW;gBAC7B,WAAW,EAAE,IAAI,CAAC,WAAW;gBAC7B,cAAc,EAAE,IAAI,CAAC,cAAc;gBACnC,IAAI,EAAE,YAAY;gBAClB,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,WAAW,EAAE,IAAI,CAAC,WAAW;gBAC7B,GAAG,EAAE,IAAI,CAAC,GAAG;gBACb,oCAAoC;aACrC,CAAC,CAAA;QACJ,CAAC;KAAA;CACF"}

package/{lib/esm → src/lib}/content-fields/flow-whatsapp-template.d.ts

@@ -1,8 +1,9 @@
-import { type ActionRequest, WhatsAppTemplateParameterType } from '@botonic/react';
+import { BotContext } from '@botonic/shared';
+import { BotServerMessage, WhatsappTemplateParameterType } from '@botonic/shared';
 import { ContentFieldsBase } from './content-fields-base';
-import type { HtButton, HtMediaFileLocale, HtWhatsAppTemplate, HtWhatsappTemplateNode } from './hubtype-fields';
+import { HtButton, HtMediaFileLocale, HtWhatsAppTemplate, HtWhatsappTemplateNode } from './hubtype-fields';
 interface HeaderVariables {
-    type: WhatsAppTemplateParameterType;
+    type: WhatsappTemplateParameterType;
     text?: Record<string, string>;
     media?: HtMediaFileLocale[];
 }
@@ -12,8 +13,7 @@ export declare class FlowWhatsappTemplate extends ContentFieldsBase {
     headerVariables?: HeaderVariables;
     buttons?: HtButton[];
     urlVariableValues?: Record<string, string>;
-    static fromHubtypeCMS(component: HtWhatsappTemplateNode, currentLocale: string): FlowWhatsappTemplate;
-    private static getContentByLocale;
+    static fromHubtypeCMS(component: HtWhatsappTemplateNode): FlowWhatsappTemplate;
     private getHeaderComponent;
     private createHeaderTextComponent;
     private createHeaderImageComponent;
@@ -23,7 +23,7 @@ export declare class FlowWhatsappTemplate extends ContentFieldsBase {
     private createUrlButtonComponent;
     private createQuickReplyButtonComponent;
     private createVoiceCallButtonComponent;
-    trackFlow(request: ActionRequest): Promise<void>;
-    toBotonic(id: string, request: ActionRequest): JSX.Element;
+    trackFlow(botContext: BotContext): Promise<void>;
+    toBotonic(botContext: BotContext): Promise<BotServerMessage>;
 }
 export {};

package/src/lib/content-fields/flow-whatsapp-template.js

@@ -0,0 +1,159 @@
+import { __awaiter } from "tslib";
+import { BotServerMessageFactory, WhatsappTemplateComponentBody, WhatsappTemplateComponentButton, WhatsappTemplateComponentHeader, WhatsappTemplateComponentSubType, WhatsappTemplateComponentType, WhatsappTemplateParameterImage, WhatsappTemplateParameterPayload, WhatsappTemplateParameterText, WhatsappTemplateParameterType, WhatsappTemplateParameterVideo, } from '@botonic/shared';
+import { getFlowBuilderPlugin } from '../helpers';
+import { trackOneContent } from '../tracking';
+import { ContentFieldsBase } from './content-fields-base';
+import { WHATSAPP_TEMPLATE, } from './hubtype-fields';
+export class FlowWhatsappTemplate extends ContentFieldsBase {
+    constructor() {
+        super(...arguments);
+        this.htWhatsappTemplate = {};
+        this.variableValues = {};
+    }
+    static fromHubtypeCMS(component) {
+        const whatsappTemplate = new FlowWhatsappTemplate(component.id);
+        whatsappTemplate.code = component.code;
+        whatsappTemplate.htWhatsappTemplate = component.content.template;
+        whatsappTemplate.headerVariables = component.content.header_variables;
+        whatsappTemplate.variableValues = component.content.variable_values;
+        whatsappTemplate.buttons = component.content.buttons;
+        whatsappTemplate.urlVariableValues = component.content.url_variable_values;
+        whatsappTemplate.followUp = component.follow_up;
+        return whatsappTemplate;
+    }
+    getHeaderComponent(whatsappTemplate, headerVariables, locale, botContext) {
+        var _a;
+        const headerComponent = whatsappTemplate.components.find(component => { var _a; return ((_a = component.type) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === WhatsappTemplateComponentType.Header; });
+        const format = (_a = headerComponent === null || headerComponent === void 0 ? void 0 : headerComponent.format) === null || _a === void 0 ? void 0 : _a.toLowerCase();
+        if (format === WhatsappTemplateParameterType.Text) {
+            return this.createHeaderTextComponent(headerVariables, botContext);
+        }
+        if (format === WhatsappTemplateParameterType.Image) {
+            return this.createHeaderImageComponent(headerVariables, locale);
+        }
+        if (format === WhatsappTemplateParameterType.Video) {
+            return this.createHeaderVideoComponent(headerVariables, locale);
+        }
+        return undefined;
+    }
+    createHeaderTextComponent(headerVariables, botContext) {
+        const parameters = Object.values(headerVariables.text || {}).map(value => {
+            const valueVariable = this.replaceVariables(value, botContext);
+            return new WhatsappTemplateParameterText(valueVariable);
+        });
+        return new WhatsappTemplateComponentHeader({
+            parameters,
+        });
+    }
+    createHeaderImageComponent(headerVariables, locale) {
+        var _a, _b;
+        const parameters = [
+            new WhatsappTemplateParameterImage({
+                link: ((_b = (_a = headerVariables.media) === null || _a === void 0 ? void 0 : _a.find(m => m.locale === locale)) === null || _b === void 0 ? void 0 : _b.file) || '',
+            }),
+        ];
+        return new WhatsappTemplateComponentHeader({
+            parameters,
+        });
+    }
+    createHeaderVideoComponent(headerVariables, locale) {
+        var _a, _b;
+        const parameters = [
+            new WhatsappTemplateParameterVideo({
+                link: ((_b = (_a = headerVariables.media) === null || _a === void 0 ? void 0 : _a.find(m => m.locale === locale)) === null || _b === void 0 ? void 0 : _b.file) || '',
+            }),
+        ];
+        return new WhatsappTemplateComponentHeader({
+            parameters,
+        });
+    }
+    getBodyComponent(variableValues, botContext) {
+        const parameters = Object.entries(variableValues).map(([key, value]) => {
+            const text = this.replaceVariables(value, botContext);
+            const parameterName = key;
+            return new WhatsappTemplateParameterText(text, parameterName);
+        });
+        return new WhatsappTemplateComponentBody({ parameters });
+    }
+    getButtons(whatsappTemplate, buttonNodes, urlVariableValues, botContext) {
+        const htWhatsappTemplateButtons = whatsappTemplate.components.find(component => { var _a; return ((_a = component.type) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === WHATSAPP_TEMPLATE.Buttons; });
+        if (htWhatsappTemplateButtons) {
+            const buttons = htWhatsappTemplateButtons.buttons
+                .map((button, index) => {
+                var _a, _b, _c;
+                if (((_a = button.type) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === WhatsappTemplateComponentSubType.Url) {
+                    const urlParam = urlVariableValues === null || urlVariableValues === void 0 ? void 0 : urlVariableValues[String(index)];
+                    if (!urlParam) {
+                        return null;
+                    }
+                    return this.createUrlButtonComponent(index, urlParam, botContext);
+                }
+                if (((_b = button.type) === null || _b === void 0 ? void 0 : _b.toLowerCase()) ===
+                    WhatsappTemplateComponentSubType.QuickReply) {
+                    const payload = ((_c = buttonNodes[index].target) === null || _c === void 0 ? void 0 : _c.id) || '';
+                    return this.createQuickReplyButtonComponent(index, payload);
+                }
+                return this.createVoiceCallButtonComponent(index);
+            })
+                .filter(button => button !== null);
+            return buttons;
+        }
+        return undefined;
+    }
+    createUrlButtonComponent(index, urlParam, botContext) {
+        const variableUrlParam = this.replaceVariables(urlParam, botContext);
+        const parameters = urlParam
+            ? [new WhatsappTemplateParameterText(variableUrlParam)]
+            : [];
+        return new WhatsappTemplateComponentButton({
+            subType: WhatsappTemplateComponentSubType.Url,
+            index: index,
+            parameters,
+        });
+    }
+    createQuickReplyButtonComponent(index, payload) {
+        return new WhatsappTemplateComponentButton({
+            subType: WhatsappTemplateComponentSubType.QuickReply,
+            index: index,
+            parameters: [new WhatsappTemplateParameterPayload(payload)],
+        });
+    }
+    createVoiceCallButtonComponent(index) {
+        return new WhatsappTemplateComponentButton({
+            subType: WhatsappTemplateComponentSubType.VoiceCall,
+            index: index,
+        });
+    }
+    trackFlow(botContext) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield trackOneContent(botContext, this);
+        });
+    }
+    toBotonic(botContext) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const templateName = this.htWhatsappTemplate.name;
+            const templateLanguage = this.htWhatsappTemplate.language;
+            const body = this.getBodyComponent(this.variableValues, botContext);
+            const pluginFlowBuilder = getFlowBuilderPlugin(botContext.plugins);
+            const resolvedLocale = pluginFlowBuilder.cmsApi.getResolvedLocale();
+            const header = this.getHeaderComponent(this.htWhatsappTemplate, this.headerVariables || {}, resolvedLocale, botContext);
+            const buttons = this.getButtons(this.htWhatsappTemplate, this.buttons || [], this.urlVariableValues || {}, botContext);
+            if (botContext.session.isWhatsapp()) {
+                const components = [header, body, ...(buttons || [])].filter(component => component !== undefined);
+                return BotServerMessageFactory.createWhatsappTemplate({
+                    name: templateName,
+                    languageCode: templateLanguage,
+                    namespace: this.htWhatsappTemplate.namespace,
+                    components,
+                });
+            }
+            return BotServerMessageFactory.createText({
+                text: `WhatsApp Template: ${templateName} (${templateLanguage})
+      ${header && `${JSON.stringify(header, null, 2)}`}
+      ${body && `${JSON.stringify(body, null, 2)}`}
+      ${buttons && `${JSON.stringify(buttons, null, 2)}`}`,
+            });
+        });
+    }
+}
+//# sourceMappingURL=flow-whatsapp-template.js.map

package/src/lib/content-fields/flow-whatsapp-template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flow-whatsapp-template.js","sourceRoot":"","sources":["../../../../../../../libs/botonic/plugin-flow-builder/src/lib/content-fields/flow-whatsapp-template.ts"],"names":[],"mappings":"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"}