@botonic/plugin-flow-builder 0.42.5 → 0.43.0-alpha.1

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.5",
+  "version": "0.43.0-alpha.1",
   "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.1",
     "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,34 @@ async function resolveRatingPayload(
 
   return []
 }
+
+async function resolvePushFlowPayload(
+  context: FlowBuilderContext
+): Promise<FlowContent[]> {
+  const { cmsApi, flowBuilderPlugin, request } = context
+
+  if (!request.input.payload) {
+    return []
+  }
+
+  const parts = request.input.payload.split(SEPARATOR)
+  const pushFlowId = parts.length > 1 ? parts[1] : ''
+
+  if (!pushFlowId) {
+    return []
+  }
+
+  try {
+    const pushFlowNode =
+      cmsApi.getNodeByCampaignId<HtNodeWithContent>(pushFlowId)
+
+    if (!pushFlowNode) {
+      return []
+    }
+
+    return await flowBuilderPlugin.getContentsByNode(pushFlowNode)
+  } catch {
+    // Campaign not found - return empty to trigger fallback
+    return []
+  }
+}

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-carousel.tsx

@@ -1,9 +1,13 @@
 import { CarouselMessage, isWhatsapp } from '@botonic/core'
 import {
   ActionRequest,
+  Button,
+  CardType,
   Carousel,
+  Text,
   WhatsappCTAUrlButton,
   WhatsappCTAUrlHeaderType,
+  WhatsappInteractiveMediaCard,
   WhatsappInteractiveMediaCarousel,
 } from '@botonic/react'
 import React from 'react'
@@ -16,6 +20,7 @@ import { HtCarouselNode } from './hubtype-fields'
 
 const DEFAULT_TEXT_MESSAGE = 'These are the options'
 export class FlowCarousel extends ContentFieldsBase {
+  public whatsappText: string = ''
   public elements: FlowElement[] = []
 
   static fromHubtypeCMS(
@@ -28,6 +33,10 @@ export class FlowCarousel extends ContentFieldsBase {
     newCarousel.elements = component.content.elements.map(element =>
       FlowElement.fromHubtypeCMS(element, locale, cmsApi)
     )
+    newCarousel.whatsappText = this.getTextByLocale(
+      locale,
+      component.content.whatsapp_text
+    )
     newCarousel.followUp = component.follow_up
 
     return newCarousel
@@ -41,13 +50,13 @@ export class FlowCarousel extends ContentFieldsBase {
   }
 
   static areElementsValidForWhatsapp = (carouselMessage: CarouselMessage) => {
-    const isValid = carouselMessage.content.elements.every(
-      element => element.button.url
-    )
+    const isValid =
+      carouselMessage.content.elements.every(element => element.button.url) ||
+      carouselMessage.content.elements.every(element => element.button.payload)
 
     if (!isValid) {
       console.warn(
-        'Cannot use WhatsappInteractiveMediaCarousel for Whatsapp created by AIAgent',
+        'Cannot use WhatsappInteractiveMediaCarousel for Whatsapp created by AIAgent, all elements must have either url or payload.',
         carouselMessage.content
       )
     }
@@ -64,6 +73,42 @@ export class FlowCarousel extends ContentFieldsBase {
     return element.title
   }
 
+  private static createCardsFromElements(
+    elements: FlowElement[]
+  ): WhatsappInteractiveMediaCard[] {
+    return elements.map(element => {
+      const text = FlowCarousel.generateWhatsappElementText(element)
+
+      if (element.button?.url) {
+        return {
+          imageLink: element.image,
+          text,
+          type: CardType.CTA_URL as const,
+          action: {
+            buttonText: element.button.text,
+            buttonUrl: element.button.url,
+          },
+        }
+      }
+      if (element.button?.payload) {
+        return {
+          imageLink: element.image,
+          text,
+          type: CardType.QUICK_REPLY as const,
+          action: {
+            buttons: [
+              {
+                text: element.button.text,
+                payload: element.button.payload,
+              },
+            ],
+          },
+        }
+      }
+      throw new Error('Element must have a url or a payload')
+    })
+  }
+
   static fromAIAgent(
     id: string,
     carouselMessage: CarouselMessage,
@@ -73,8 +118,13 @@ export class FlowCarousel extends ContentFieldsBase {
       isWhatsapp(request.session) &&
       FlowCarousel.areElementsValidForWhatsapp(carouselMessage)
     ) {
-      if (carouselMessage.content.elements.length === 1) {
+      if (
+        carouselMessage.content.elements.length === 1 &&
+        carouselMessage.content.elements[0].button?.url
+      ) {
         const element = carouselMessage.content.elements[0]
+        const buttonText = element.button.text
+        const url = carouselMessage.content.elements[0].button.url
         // TODO: Add a new fromAIAgent method in FlowWhatsappCtaUrlButtonNode to create a WhatsappCTAUrlButton from an AIAgent message
         return (
           <WhatsappCTAUrlButton
@@ -83,25 +133,35 @@ export class FlowCarousel extends ContentFieldsBase {
             headerType={WhatsappCTAUrlHeaderType.Image}
             headerImage={element.image}
             footer={element.subtitle}
-            displayText={element.button.text}
-            url={element.button.url!}
+            displayText={buttonText}
+            url={url}
           />
         )
       }
 
+      if (
+        carouselMessage.content.elements.length === 1 &&
+        carouselMessage.content.elements[0].button?.payload
+      ) {
+        const element = carouselMessage.content.elements[0]
+        const text = FlowCarousel.generateWhatsappElementText(element)
+        const buttonPayload = carouselMessage.content.elements[0].button.payload
+        const buttonText = carouselMessage.content.elements[0].button.text
+
+        return (
+          <Text>
+            {text}
+            <Button payload={buttonPayload}>{buttonText}</Button>
+          </Text>
+        )
+      }
+
+      const elements = carouselMessage.content.elements.map((element, index) =>
+        FlowElement.fromAIAgent(`${id}-element-${index}`, element)
+      )
       return (
         <WhatsappInteractiveMediaCarousel
-          cards={carouselMessage.content.elements.map(element => {
-            const buttonText = element.button.text
-            const buttonUrl = element.button.url!
-            const imageLink = element.image
-            const text = FlowCarousel.generateWhatsappElementText(element)
-
-            return {
-              text,
-              action: { buttonText, buttonUrl, imageLink },
-            }
-          })}
+          cards={FlowCarousel.createCardsFromElements(elements)}
           textMessage={carouselMessage.content.text || DEFAULT_TEXT_MESSAGE}
         />
       )
@@ -143,8 +203,10 @@ export class FlowCarousel extends ContentFieldsBase {
       isWhatsapp(request.session) &&
       FlowCarousel.areElementsValidForWhatsapp(carouselMessage)
     ) {
-      if (this.elements.length === 1) {
+      if (this.elements.length === 1 && this.elements[0].button?.url) {
         const element = this.elements[0]
+        const buttonText = this.elements[0].button.text
+        const url = this.elements[0].button.url
 
         return (
           <WhatsappCTAUrlButton
@@ -152,27 +214,35 @@ export class FlowCarousel extends ContentFieldsBase {
             body={element.title}
             headerType={WhatsappCTAUrlHeaderType.Image}
             headerImage={element.image}
-            displayText={element.button!.text}
-            url={element.button!.url!}
+            displayText={buttonText}
+            url={url}
           />
         )
       }
 
+      if (
+        this.elements.length === 1 &&
+        this.elements[0].button &&
+        this.elements[0].button?.payload
+      ) {
+        const element = this.elements[0]
+        const text = FlowCarousel.generateWhatsappElementText(element)
+        const buttonPayload = this.elements[0].button.payload
+        const buttonText = this.elements[0].button.text
+
+        return (
+          <Text>
+            {text}
+            <Button payload={buttonPayload}>{buttonText}</Button>
+          </Text>
+        )
+      }
+
       return (
         <WhatsappInteractiveMediaCarousel
-          cards={this.elements.map(element => {
-            const text = FlowCarousel.generateWhatsappElementText(element)
-            const buttonText = element.button!.text!
-            const buttonUrl = element.button!.url!
-            const imageLink = element.image!
-
-            return {
-              text,
-              action: { buttonText, buttonUrl, imageLink },
-            }
-          })}
+          cards={FlowCarousel.createCardsFromElements(this.elements)}
           // TODO: Add the text message in flow builder frontend and take it from the carousel node with different languages
-          textMessage={DEFAULT_TEXT_MESSAGE}
+          textMessage={this.whatsappText || DEFAULT_TEXT_MESSAGE}
         />
       )
     }

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}