@botonic/plugin-flow-builder 0.42.4 → 0.43.0-alpha.0

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

@@ -0,0 +1,165 @@
+import { __awaiter } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isWhatsapp } from '@botonic/core';
+import { Text, WhatsappTemplate, WhatsAppTemplateButtonSubType, WhatsAppTemplateComponentType, WhatsAppTemplateParameterType, } from '@botonic/react';
+import { getFlowBuilderPlugin } from '../helpers';
+import { trackOneContent } from '../tracking';
+import { ContentFieldsBase } from './content-fields-base';
+export class FlowWhatsappTemplate extends ContentFieldsBase {
+    constructor() {
+        super(...arguments);
+        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, request) {
+        const headerComponent = whatsappTemplate.components.find(component => component.type === WhatsAppTemplateComponentType.HEADER);
+        if (headerComponent &&
+            headerComponent.format === WhatsAppTemplateParameterType.TEXT) {
+            return this.createHeaderTextComponent(headerVariables, request);
+        }
+        if (headerComponent &&
+            headerComponent.format === WhatsAppTemplateParameterType.IMAGE) {
+            return this.createHeaderImageComponent(headerVariables, locale);
+        }
+        return undefined;
+    }
+    createHeaderTextComponent(headerVariables, request) {
+        return {
+            type: WhatsAppTemplateComponentType.HEADER,
+            parameters: Object.values(headerVariables.text || {}).map(value => {
+                const valueVariable = this.replaceVariables(value, request);
+                return {
+                    type: WhatsAppTemplateParameterType.TEXT,
+                    text: valueVariable,
+                };
+            }),
+        };
+    }
+    createHeaderImageComponent(headerVariables, locale) {
+        var _a, _b;
+        return {
+            type: WhatsAppTemplateComponentType.HEADER,
+            parameters: [
+                {
+                    type: WhatsAppTemplateParameterType.IMAGE,
+                    image: {
+                        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) || '',
+                    },
+                },
+            ],
+        };
+    }
+    // TODO: To use named variables (contact_info_fields) we need to take it from request.session.user.contact_info, this only be able in toBotonic method
+    getBodyComponent(variableValues, request) {
+        return {
+            type: WhatsAppTemplateComponentType.BODY,
+            parameters: Object.entries(variableValues).map(([key, value]) => {
+                const valueVariable = this.replaceVariables(value, request);
+                return {
+                    type: WhatsAppTemplateParameterType.TEXT,
+                    parameter_name: key,
+                    text: valueVariable,
+                };
+            }),
+        };
+    }
+    getButtons(whatsappTemplate, buttonNodes, urlVariableValues, request) {
+        const htWhatsappTemplateButtons = whatsappTemplate.components.find(component => component.type === WhatsAppTemplateComponentType.BUTTONS);
+        if (htWhatsappTemplateButtons) {
+            const buttons = htWhatsappTemplateButtons.buttons
+                .map((button, index) => {
+                var _a;
+                if (button.type === WhatsAppTemplateButtonSubType.URL) {
+                    const urlParam = urlVariableValues === null || urlVariableValues === void 0 ? void 0 : urlVariableValues[String(index)];
+                    if (!urlParam) {
+                        return null;
+                    }
+                    return this.createUrlButtonComponent(index, urlParam, request);
+                }
+                if (button.type === WhatsAppTemplateButtonSubType.QUICK_REPLY) {
+                    const payload = ((_a = buttonNodes[index].target) === null || _a === void 0 ? void 0 : _a.id) || '';
+                    return this.createQuickReplyButtonComponent(index, payload);
+                }
+                return this.createVoiceCallButtonComponent(index);
+            })
+                .filter(button => button !== null);
+            return {
+                type: WhatsAppTemplateComponentType.BUTTONS,
+                buttons: buttons,
+            };
+        }
+        return undefined;
+    }
+    createUrlButtonComponent(index, urlParam, request) {
+        const variableUrlParam = this.replaceVariables(urlParam, request);
+        return {
+            type: WhatsAppTemplateComponentType.BUTTON,
+            sub_type: WhatsAppTemplateButtonSubType.URL,
+            index: index,
+            parameters: urlParam
+                ? [
+                    {
+                        type: WhatsAppTemplateParameterType.TEXT,
+                        text: variableUrlParam,
+                    },
+                ]
+                : [],
+        };
+    }
+    createQuickReplyButtonComponent(index, payload) {
+        return {
+            type: WhatsAppTemplateComponentType.BUTTON,
+            sub_type: WhatsAppTemplateButtonSubType.QUICK_REPLY,
+            index: index,
+            parameters: [
+                {
+                    type: WhatsAppTemplateParameterType.PAYLOAD,
+                    payload: payload,
+                },
+            ],
+        };
+    }
+    createVoiceCallButtonComponent(index) {
+        return {
+            type: WhatsAppTemplateComponentType.BUTTON,
+            sub_type: WhatsAppTemplateButtonSubType.VOICE_CALL,
+            index: index,
+            parameters: [],
+        };
+    }
+    trackFlow(request) {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield trackOneContent(request, this);
+        });
+    }
+    toBotonic(id, request) {
+        const templateName = this.htWhatsappTemplate.name;
+        const templateLanguage = this.htWhatsappTemplate.language;
+        const body = this.getBodyComponent(this.variableValues, request);
+        const pluginFlowBuilder = getFlowBuilderPlugin(request.plugins);
+        const resolvedLocale = pluginFlowBuilder.cmsApi.getResolvedLocale();
+        const header = this.getHeaderComponent(this.htWhatsappTemplate, this.headerVariables || {}, resolvedLocale, request);
+        const buttons = this.getButtons(this.htWhatsappTemplate, this.buttons || [], this.urlVariableValues || {}, request);
+        console.log('toBotonic templateName', templateName);
+        console.log('toBotonic templateLanguage', templateLanguage);
+        console.log('toBotonic resolvedLocale', resolvedLocale);
+        console.log('toBotonic header', JSON.stringify(header, null, 2));
+        console.log('toBotonic body', JSON.stringify(body, null, 2));
+        console.log('toBotonic buttons', JSON.stringify(buttons, null, 2));
+        if (isWhatsapp(request.session)) {
+            return (_jsx(WhatsappTemplate, { name: templateName, language: templateLanguage, header: header, body: body, buttons: buttons }, id));
+        }
+        return (_jsxs(Text, { children: [`WhatsApp Template: ${templateName} (${templateLanguage})`, header && `${JSON.stringify(header, null, 2)}`, body && `${JSON.stringify(body, null, 2)}`, buttons && `${JSON.stringify(buttons, null, 2)}`] }, id));
+    }
+}
+//# sourceMappingURL=flow-whatsapp-template.js.map

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

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

package/lib/esm/content-fields/hubtype-fields/common.d.ts

@@ -12,6 +12,7 @@ export interface HtFlowBuilderData {
     nodes: HtNodeComponent[];
     flows: HtFlows[];
     webviews: HtFlowWebview[];
+    campaigns: HtCampaign[];
 }
 export interface HtFlows {
     id: string;
@@ -23,6 +24,11 @@ export interface HtFlowWebview {
     name: string;
     component_name: string;
 }
+export interface HtCampaign {
+    id: string;
+    name: string;
+    start_node_id: string;
+}
 export interface HtNodeLink {
     id: string;
     type: HtNodeWithContentType | HtNodeWithoutContentType;

package/lib/esm/content-fields/hubtype-fields/index.d.ts

@@ -20,3 +20,4 @@ export * from './video';
 export * from './webview';
 export * from './whatsapp-button-list';
 export * from './whatsapp-cta-url-button';
+export * from './whatsapp-template';

package/lib/esm/content-fields/hubtype-fields/index.js

@@ -20,4 +20,5 @@ export * from './video';
 export * from './webview';
 export * from './whatsapp-button-list';
 export * from './whatsapp-cta-url-button';
+export * from './whatsapp-template';
 //# sourceMappingURL=index.js.map

package/lib/esm/content-fields/hubtype-fields/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/content-fields/hubtype-fields/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,QAAQ,CAAA;AACtB,cAAc,OAAO,CAAA;AACrB,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,wBAAwB,CAAA;AACtC,cAAc,2BAA2B,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/content-fields/hubtype-fields/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,QAAQ,CAAA;AACtB,cAAc,OAAO,CAAA;AACrB,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,wBAAwB,CAAA;AACtC,cAAc,2BAA2B,CAAA;AACzC,cAAc,qBAAqB,CAAA"}

package/lib/esm/content-fields/hubtype-fields/node-types.d.ts

@@ -10,6 +10,7 @@ export declare enum HtNodeWithContentType {
     VIDEO = "video",
     WHATSAPP_BUTTON_LIST = "whatsapp-button-list",
     WHATSAPP_CTA_URL_BUTTON = "whatsapp-cta-url-button",
+    WHATSAPP_TEMPLATE = "whatsapp-template",
     KNOWLEDGE_BASE = "knowledge-base",
     BOT_ACTION = "bot-action",
     AI_AGENT = "ai-agent",

package/lib/esm/content-fields/hubtype-fields/node-types.js

@@ -11,6 +11,7 @@ export var HtNodeWithContentType;
     HtNodeWithContentType["VIDEO"] = "video";
     HtNodeWithContentType["WHATSAPP_BUTTON_LIST"] = "whatsapp-button-list";
     HtNodeWithContentType["WHATSAPP_CTA_URL_BUTTON"] = "whatsapp-cta-url-button";
+    HtNodeWithContentType["WHATSAPP_TEMPLATE"] = "whatsapp-template";
     HtNodeWithContentType["KNOWLEDGE_BASE"] = "knowledge-base";
     HtNodeWithContentType["BOT_ACTION"] = "bot-action";
     HtNodeWithContentType["AI_AGENT"] = "ai-agent";

package/lib/esm/content-fields/hubtype-fields/node-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"node-types.js","sourceRoot":"","sources":["../../../../src/content-fields/hubtype-fields/node-types.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,qBAkBX;AAlBD,WAAY,qBAAqB;IAC/B,8CAAqB,CAAA;IACrB,4CAAmB,CAAA;IACnB,wCAAe,CAAA;IACf,sCAAa,CAAA;IACb,4CAAmB,CAAA;IACnB,sDAA6B,CAAA;IAC7B,8CAAqB,CAAA;IACrB,8CAAqB,CAAA;IACrB,wCAAe,CAAA;IACf,sEAA6C,CAAA;IAC7C,4EAAmD,CAAA;IACnD,0DAAiC,CAAA;IACjC,kDAAyB,CAAA;IACzB,8CAAqB,CAAA;IACrB,0CAAiB,CAAA;IACjB,4CAAmB,CAAA;IACnB,kDAAyB,CAAA;AAC3B,CAAC,EAlBW,qBAAqB,KAArB,qBAAqB,QAkBhC;AAED,MAAM,CAAN,IAAY,wBAGX;AAHD,WAAY,wBAAwB;IAClC,uCAAW,CAAA;IACX,+CAAmB,CAAA;AACrB,CAAC,EAHW,wBAAwB,KAAxB,wBAAwB,QAGnC;AAED,MAAM,CAAN,IAAY,aAGX;AAHD,WAAY,aAAa;IACvB,kCAAiB,CAAA;IACjB,4CAA2B,CAAA;AAC7B,CAAC,EAHW,aAAa,KAAb,aAAa,QAGxB"}
+{"version":3,"file":"node-types.js","sourceRoot":"","sources":["../../../../src/content-fields/hubtype-fields/node-types.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,qBAmBX;AAnBD,WAAY,qBAAqB;IAC/B,8CAAqB,CAAA;IACrB,4CAAmB,CAAA;IACnB,wCAAe,CAAA;IACf,sCAAa,CAAA;IACb,4CAAmB,CAAA;IACnB,sDAA6B,CAAA;IAC7B,8CAAqB,CAAA;IACrB,8CAAqB,CAAA;IACrB,wCAAe,CAAA;IACf,sEAA6C,CAAA;IAC7C,4EAAmD,CAAA;IACnD,gEAAuC,CAAA;IACvC,0DAAiC,CAAA;IACjC,kDAAyB,CAAA;IACzB,8CAAqB,CAAA;IACrB,0CAAiB,CAAA;IACjB,4CAAmB,CAAA;IACnB,kDAAyB,CAAA;AAC3B,CAAC,EAnBW,qBAAqB,KAArB,qBAAqB,QAmBhC;AAED,MAAM,CAAN,IAAY,wBAGX;AAHD,WAAY,wBAAwB;IAClC,uCAAW,CAAA;IACX,+CAAmB,CAAA;AACrB,CAAC,EAHW,wBAAwB,KAAxB,wBAAwB,QAGnC;AAED,MAAM,CAAN,IAAY,aAGX;AAHD,WAAY,aAAa;IACvB,kCAAiB,CAAA;IACjB,4CAA2B,CAAA;AAC7B,CAAC,EAHW,aAAa,KAAb,aAAa,QAGxB"}

package/lib/esm/content-fields/hubtype-fields/nodes.d.ts

@@ -17,6 +17,7 @@ import { HtVideoNode } from './video';
 import { HtWebviewNode } from './webview';
 import { HtWhatsappButtonListNode } from './whatsapp-button-list';
 import { HtWhatsappCTAUrlButtonNode } from './whatsapp-cta-url-button';
-export type HtNodeWithContent = HtTextNode | HtImageNode | HtVideoNode | HtCarouselNode | HtHandoffNode | HtKeywordNode | HtFunctionNode | HtFallbackNode | HtWhatsappButtonListNode | HtWhatsappCTAUrlButtonNode | HtSmartIntentNode | HtKnowledgeBaseNode | HtBotActionNode | HtAiAgentNode | HtRatingNode | HtWebviewNode | HtGoToFlow;
+import { HtWhatsappTemplateNode } from './whatsapp-template';
+export type HtNodeWithContent = HtTextNode | HtImageNode | HtVideoNode | HtCarouselNode | HtHandoffNode | HtKeywordNode | HtFunctionNode | HtFallbackNode | HtWhatsappButtonListNode | HtWhatsappCTAUrlButtonNode | HtSmartIntentNode | HtKnowledgeBaseNode | HtBotActionNode | HtAiAgentNode | HtRatingNode | HtWebviewNode | HtGoToFlow | HtWhatsappTemplateNode;
 export type HtNodeWithoutContent = HtUrlNode | HtPayloadNode;
 export type HtNodeComponent = HtNodeWithContent | HtNodeWithoutContent;

package/lib/esm/content-fields/hubtype-fields/whatsapp-template.d.ts

@@ -0,0 +1,66 @@
+import { WhatsAppTemplateButtonSubType, WhatsAppTemplateComponentType, WhatsAppTemplateParameterType } from '@botonic/react';
+import { HtButton } from './button';
+import { HtBaseNode, HtMediaFileLocale } from './common';
+import { HtNodeWithContentType } from './node-types';
+type HtWhatsAppTemplateButton = {
+    type: WhatsAppTemplateButtonSubType.URL;
+    text: string;
+    url?: string;
+    index: number;
+} | {
+    type: WhatsAppTemplateButtonSubType.QUICK_REPLY;
+    text: string;
+    id: string;
+    index: number;
+} | {
+    type: WhatsAppTemplateButtonSubType.PHONE_NUMBER;
+    text: string;
+    phone_number: string;
+    index: number;
+};
+export interface HtWhatsAppTemplateHeaderComponent {
+    type: WhatsAppTemplateComponentType.HEADER;
+    format: WhatsAppTemplateParameterType.TEXT | WhatsAppTemplateParameterType.IMAGE;
+    text?: string;
+    image?: {
+        link: string;
+    };
+}
+export interface HtWhatsAppTemplateBodyComponent {
+    type: WhatsAppTemplateComponentType.BODY;
+    text: string;
+}
+export interface HtWhatsAppTemplateFooterComponent {
+    type: WhatsAppTemplateComponentType.FOOTER;
+    text: string;
+}
+export interface HtWhatsAppTemplateButtonsComponent {
+    type: WhatsAppTemplateComponentType.BUTTONS;
+    buttons: HtWhatsAppTemplateButton[];
+}
+export type HtWhatsAppTemplateComponent = HtWhatsAppTemplateHeaderComponent | HtWhatsAppTemplateBodyComponent | HtWhatsAppTemplateFooterComponent | HtWhatsAppTemplateButtonsComponent;
+export interface HtWhatsAppTemplate {
+    id: string;
+    name: string;
+    language: string;
+    status: string;
+    category: string;
+    components: HtWhatsAppTemplateComponent[];
+    namespace: string;
+    parameter_format: string;
+}
+export interface HtWhatsappTemplateNode extends HtBaseNode {
+    type: HtNodeWithContentType.WHATSAPP_TEMPLATE;
+    content: {
+        template: HtWhatsAppTemplate;
+        header_variables?: {
+            type: WhatsAppTemplateParameterType;
+            text?: Record<string, string>;
+            media?: HtMediaFileLocale[];
+        };
+        variable_values: Record<string, string>;
+        buttons: HtButton[];
+        url_variable_values?: Record<string, string>;
+    };
+}
+export {};

package/lib/esm/content-fields/hubtype-fields/whatsapp-template.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=whatsapp-template.js.map

package/lib/esm/content-fields/hubtype-fields/whatsapp-template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"whatsapp-template.js","sourceRoot":"","sources":["../../../../src/content-fields/hubtype-fields/whatsapp-template.ts"],"names":[],"mappings":""}

package/lib/esm/content-fields/index.d.ts

@@ -13,10 +13,11 @@ import { FlowRating } from './flow-rating';
 import { FlowText } from './flow-text';
 import { FlowVideo } from './flow-video';
 import { FlowWhatsappCtaUrlButtonNode } from './flow-whatsapp-cta-url-button';
+import { FlowWhatsappTemplate } from './flow-whatsapp-template';
 import { FlowWhatsappButtonList } from './whatsapp-button-list/flow-whatsapp-button-list';
 export { ContentFieldsBase } from './content-fields-base';
 export { FlowButton } from './flow-button';
 export { FlowElement } from './flow-element';
-export { FlowAiAgent, FlowBotAction, FlowCarousel, FlowChannelConditional, FlowCountryConditional, FlowCustomConditional, FlowGoToFlow, FlowHandoff, FlowImage, FlowKnowledgeBase, FlowQueueStatusConditional, FlowRating, FlowText, FlowVideo, FlowWhatsappButtonList, FlowWhatsappCtaUrlButtonNode, };
-export type FlowContent = FlowCarousel | FlowImage | FlowText | FlowVideo | FlowWhatsappButtonList | FlowWhatsappCtaUrlButtonNode | FlowHandoff | FlowKnowledgeBase | FlowBotAction | FlowAiAgent | FlowRating | FlowCountryConditional | FlowChannelConditional | FlowQueueStatusConditional | FlowCustomConditional | FlowGoToFlow;
+export { FlowAiAgent, FlowBotAction, FlowCarousel, FlowChannelConditional, FlowCountryConditional, FlowCustomConditional, FlowGoToFlow, FlowHandoff, FlowImage, FlowKnowledgeBase, FlowQueueStatusConditional, FlowRating, FlowText, FlowVideo, FlowWhatsappButtonList, FlowWhatsappCtaUrlButtonNode, FlowWhatsappTemplate, };
+export type FlowContent = FlowCarousel | FlowImage | FlowText | FlowVideo | FlowWhatsappButtonList | FlowWhatsappCtaUrlButtonNode | FlowWhatsappTemplate | FlowHandoff | FlowKnowledgeBase | FlowBotAction | FlowAiAgent | FlowRating | FlowCountryConditional | FlowChannelConditional | FlowQueueStatusConditional | FlowCustomConditional | FlowGoToFlow;
 export { DISABLED_MEMORY_LENGTH };

package/lib/esm/content-fields/index.js

@@ -13,10 +13,11 @@ import { FlowRating } from './flow-rating';
 import { FlowText } from './flow-text';
 import { FlowVideo } from './flow-video';
 import { FlowWhatsappCtaUrlButtonNode } from './flow-whatsapp-cta-url-button';
+import { FlowWhatsappTemplate } from './flow-whatsapp-template';
 import { FlowWhatsappButtonList } from './whatsapp-button-list/flow-whatsapp-button-list';
 export { ContentFieldsBase } from './content-fields-base';
 export { FlowButton } from './flow-button';
 export { FlowElement } from './flow-element';
-export { FlowAiAgent, FlowBotAction, FlowCarousel, FlowChannelConditional, FlowCountryConditional, FlowCustomConditional, FlowGoToFlow, FlowHandoff, FlowImage, FlowKnowledgeBase, FlowQueueStatusConditional, FlowRating, FlowText, FlowVideo, FlowWhatsappButtonList, FlowWhatsappCtaUrlButtonNode, };
+export { FlowAiAgent, FlowBotAction, FlowCarousel, FlowChannelConditional, FlowCountryConditional, FlowCustomConditional, FlowGoToFlow, FlowHandoff, FlowImage, FlowKnowledgeBase, FlowQueueStatusConditional, FlowRating, FlowText, FlowVideo, FlowWhatsappButtonList, FlowWhatsappCtaUrlButtonNode, FlowWhatsappTemplate, };
 export { DISABLED_MEMORY_LENGTH };
 //# sourceMappingURL=index.js.map

package/lib/esm/content-fields/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/content-fields/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAA;AACnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAA;AACnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EACL,sBAAsB,EACtB,iBAAiB,GAClB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAA;AAC5E,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAA;AAC7E,OAAO,EAAE,sBAAsB,EAAE,MAAM,kDAAkD,CAAA;AAEzF,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EACL,WAAW,EACX,aAAa,EACb,YAAY,EACZ,sBAAsB,EACtB,sBAAsB,EACtB,qBAAqB,EACrB,YAAY,EACZ,WAAW,EACX,SAAS,EACT,iBAAiB,EACjB,0BAA0B,EAC1B,UAAU,EACV,QAAQ,EACR,SAAS,EACT,sBAAsB,EACtB,4BAA4B,GAC7B,CAAA;AAoBD,OAAO,EAAE,sBAAsB,EAAE,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/content-fields/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAA;AACnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAA;AACnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EACL,sBAAsB,EACtB,iBAAiB,GAClB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAA;AAC5E,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAA;AAC7E,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,kDAAkD,CAAA;AAEzF,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EACL,WAAW,EACX,aAAa,EACb,YAAY,EACZ,sBAAsB,EACtB,sBAAsB,EACtB,qBAAqB,EACrB,YAAY,EACZ,WAAW,EACX,SAAS,EACT,iBAAiB,EACjB,0BAA0B,EAC1B,UAAU,EACV,QAAQ,EACR,SAAS,EACT,sBAAsB,EACtB,4BAA4B,EAC5B,oBAAoB,GACrB,CAAA;AAqBD,OAAO,EAAE,sBAAsB,EAAE,CAAA"}

package/lib/esm/flow-factory.js

@@ -1,5 +1,5 @@
 import { __awaiter } from "tslib";
-import { FlowAiAgent, FlowBotAction, FlowCarousel, FlowChannelConditional, FlowCountryConditional, FlowCustomConditional, FlowGoToFlow, FlowHandoff, FlowImage, FlowKnowledgeBase, FlowQueueStatusConditional, FlowRating, FlowText, FlowVideo, FlowWhatsappButtonList, FlowWhatsappCtaUrlButtonNode, } from './content-fields';
+import { FlowAiAgent, FlowBotAction, FlowCarousel, FlowChannelConditional, FlowCountryConditional, FlowCustomConditional, FlowGoToFlow, FlowHandoff, FlowImage, FlowKnowledgeBase, FlowQueueStatusConditional, FlowRating, FlowText, FlowVideo, FlowWhatsappButtonList, FlowWhatsappCtaUrlButtonNode, FlowWhatsappTemplate, } from './content-fields';
 import { HtNodeWithContentType, } from './content-fields/hubtype-fields';
 export class FlowFactory {
     constructor(request, cmsApi, locale) {
@@ -36,6 +36,8 @@ export class FlowFactory {
                     return this.resolveFlowFunctionContent(hubtypeContent);
                 case HtNodeWithContentType.GO_TO_FLOW:
                     return FlowGoToFlow.fromHubtypeCMS(hubtypeContent, this.cmsApi);
+                case HtNodeWithContentType.WHATSAPP_TEMPLATE:
+                    return FlowWhatsappTemplate.fromHubtypeCMS(hubtypeContent);
                 default:
                     return undefined;
             }

package/lib/esm/flow-factory.js.map

@@ -1 +1 @@
-{"version":3,"file":"flow-factory.js","sourceRoot":"","sources":["../../src/flow-factory.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"flow-factory.js","sourceRoot":"","sources":["../../src/flow-factory.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@botonic/plugin-flow-builder",
-  "version": "0.42.4",
+  "version": "0.43.0-alpha.0",
   "main": "./lib/cjs/index.js",
   "module": "./lib/esm/index.js",
   "description": "Use Flow Builder to show your contents",
@@ -14,7 +14,7 @@
     "lint_core": "../../node_modules/.bin/eslint_d --cache --quiet 'src/**/*.ts*'"
   },
   "dependencies": {
-    "@botonic/react": "^0.42.0",
+    "@botonic/react": "0.43.0-alpha.0",
     "axios": "^1.12.2",
     "uuid": "^10.0.0"
   },
@@ -50,4 +50,4 @@
   "devDependencies": {
     "@types/uuid": "^10.0.0"
   }
-}
+}

package/src/action/payload.ts

@@ -1,7 +1,11 @@
 import { EventAction, EventFeedback, storeCaseRating } from '@botonic/core'
 import { v7 as uuid } from 'uuid'
 
-import { AGENT_RATING_PAYLOAD } from '../constants'
+import {
+  AGENT_RATING_PAYLOAD,
+  PUSH_FLOW_PAYLOAD,
+  SEPARATOR,
+} from '../constants'
 import { FlowContent } from '../content-fields'
 import { HtNodeWithContent } from '../content-fields/hubtype-fields'
 import { trackEvent } from '../tracking'
@@ -14,6 +18,9 @@ export async function getContentsByPayload(
   if (request.input.payload?.startsWith(AGENT_RATING_PAYLOAD)) {
     return await resolveRatingPayload(context)
   }
+  if (request.input.payload?.startsWith(PUSH_FLOW_PAYLOAD)) {
+    return await resolvePushFlowPayload(context)
+  }
 
   const id = contentID
     ? cmsApi.getNodeByContentID(contentID)?.id
@@ -64,3 +71,27 @@ async function resolveRatingPayload(
 
   return []
 }
+
+async function resolvePushFlowPayload(
+  context: FlowBuilderContext
+): Promise<FlowContent[]> {
+  const { cmsApi, flowBuilderPlugin, request } = context
+
+  if (!request.input.payload) {
+    return []
+  }
+
+  const pushFlowId = request.input.payload.split(SEPARATOR)[1] || ''
+
+  if (!pushFlowId) {
+    return []
+  }
+
+  const pushFlowNode = cmsApi.getNodeByCampaignId<HtNodeWithContent>(pushFlowId)
+
+  if (!pushFlowNode) {
+    return []
+  }
+
+  return await flowBuilderPlugin.getContentsByNode(pushFlowNode)
+}

package/src/api.ts

@@ -73,6 +73,12 @@ export class FlowBuilderApi {
     return this.getNodeById<HtNodeWithContent>(subFlow.start_node_id)
   }
 
+  getNodeByCampaignId<T extends HtNodeComponent>(id: string): T {
+    const campaign = this.flow.campaigns.find(campaign => campaign.id === id)
+    if (!campaign) throw Error(`Campaign with id: '${id}' not found`)
+    return this.getNodeById<T>(campaign.start_node_id)
+  }
+
   getNodeById<T extends HtNodeComponent>(id: string): T {
     const node = this.flow.nodes.find(node => node.id === id)
     if (!node) console.error(`Node with id: '${id}' not found`)
@@ -215,7 +221,14 @@ export class FlowBuilderApi {
 
   getFlowName(flowId: string): string {
     const flow = this.flow.flows.find(flow => flow.id === flowId)
-    return flow ? flow.name : ''
+    return flow ? flow.name : this.getCampaignFlowName(flowId)
+  }
+
+  getCampaignFlowName(campaignId: string): string {
+    const campaign = this.flow.campaigns.find(
+      campaign => campaign.id === campaignId
+    )
+    return campaign ? campaign.name : ''
   }
 
   getStartNodeKnowledgeBaseFlow(): HtNodeWithContent | undefined {

package/src/constants.ts

@@ -3,7 +3,7 @@ export const FLOW_BUILDER_API_URL_PROD =
 export const SEPARATOR = '|'
 export const SOURCE_INFO_SEPARATOR = `${SEPARATOR}source_`
 export const EMPTY_PAYLOAD = 'fb-empty-payload'
-export const VARIABLE_PATTERN = /{([^}]+)}/g
+export const VARIABLE_PATTERN_GLOBAL = /{([^}]+)}/g
 export const ACCESS_TOKEN_VARIABLE_KEY = '_access_token'
 export const REG_EXP_PATTERN = /^\/(.*)\/([gimyus]*)$/
 export const UUID_REGEXP =
@@ -11,6 +11,7 @@ export const UUID_REGEXP =
 
 /* ********** PAYLOADS ********** */
 export const AGENT_RATING_PAYLOAD = 'agent-rating'
+export const PUSH_FLOW_PAYLOAD = 'push-flow'
 
 /* ********** FLOW NAMES ********** */
 export const MAIN_FLOW_NAME = 'Main'

package/src/content-fields/content-fields-base.ts

@@ -1,5 +1,10 @@
 import { ActionRequest } from '@botonic/react'
 
+import {
+  ACCESS_TOKEN_VARIABLE_KEY,
+  VARIABLE_PATTERN_GLOBAL,
+} from '../constants'
+import { getValueFromKeyPath } from '../utils'
 import {
   HtMediaFileLocale,
   HtNodeLink,
@@ -37,4 +42,30 @@ export abstract class ContentFieldsBase {
   ): HtQueueLocale | undefined {
     return queues.find(queue => queue.locale === locale)
   }
+
+  replaceVariables(text: string, request: ActionRequest): string {
+    const matches = text.match(VARIABLE_PATTERN_GLOBAL)
+
+    let replacedText = text
+    if (matches && request) {
+      matches.forEach(match => {
+        const keyPath = match.slice(1, -1)
+        const botVariable = keyPath.endsWith(ACCESS_TOKEN_VARIABLE_KEY)
+          ? match
+          : getValueFromKeyPath(request, keyPath)
+        // TODO In local if change variable and render multiple times the value is always the last update
+        replacedText = replacedText.replace(
+          match,
+          this.isValidType(botVariable) ? botVariable : match
+        )
+      })
+    }
+
+    return replacedText
+  }
+
+  private isValidType(botVariable: any): boolean {
+    const validTypes = ['boolean', 'string', 'number']
+    return validTypes.includes(typeof botVariable)
+  }
 }

package/src/content-fields/flow-button.tsx

@@ -92,8 +92,11 @@ export class FlowButton extends ContentFieldsBase {
   }): FlowButton {
     const newButton = new FlowButton(button.id)
     newButton.text = button.text
-    newButton.payload = button.payload
-    newButton.url = button.url
+    if (button.url) {
+      newButton.url = button.url
+    } else {
+      newButton.payload = button.payload
+    }
     return newButton
   }
 

package/src/content-fields/flow-text.tsx

@@ -7,7 +7,7 @@ import {
   ACCESS_TOKEN_VARIABLE_KEY,
   EMPTY_PAYLOAD,
   SOURCE_INFO_SEPARATOR,
-  VARIABLE_PATTERN,
+  VARIABLE_PATTERN_GLOBAL,
 } from '../constants'
 import { trackOneContent } from '../tracking'
 import { getValueFromKeyPath } from '../utils'
@@ -37,32 +37,6 @@ export class FlowText extends ContentFieldsBase {
     return newText
   }
 
-  static replaceVariables(text: string, request: ActionRequest): string {
-    const matches = text.match(VARIABLE_PATTERN)
-
-    let replacedText = text
-    if (matches && request) {
-      matches.forEach(match => {
-        const keyPath = match.slice(1, -1)
-        const botVariable = keyPath.endsWith(ACCESS_TOKEN_VARIABLE_KEY)
-          ? match
-          : getValueFromKeyPath(request, keyPath)
-        // TODO In local if change variable and render multiple times the value is always the last update
-        replacedText = replacedText.replace(
-          match,
-          this.isValidType(botVariable) ? botVariable : match
-        )
-      })
-    }
-
-    return replacedText
-  }
-
-  private static isValidType(botVariable: any): boolean {
-    const validTypes = ['boolean', 'string', 'number']
-    return validTypes.includes(typeof botVariable)
-  }
-
   async trackFlow(request: ActionRequest): Promise<void> {
     await trackOneContent(request, this)
     for (const button of this.buttons) {
@@ -97,7 +71,7 @@ export class FlowText extends ContentFieldsBase {
   }
 
   toBotonic(id: string, request: ActionRequest): JSX.Element {
-    const replacedText = FlowText.replaceVariables(this.text, request)
+    const replacedText = this.replaceVariables(this.text, request)
     return (
       <Text key={id}>
         {replacedText}