@botonic/plugin-flow-builder 0.56.0-alpha.0 → 0.57.0-rslib-esm.1

package/lib/{cjs/content-fields → content-fields}/flow-ai-agent.js

@@ -1,12 +1,20 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FlowAiAgent = void 0;
-const core_1 = require("@botonic/core");
-const flow_builder_content_1 = require("../structured-output/flow-builder-content");
-const tracking_1 = require("../tracking");
-const get_flow_builder_plugin_1 = require("../utils/get-flow-builder-plugin");
-const flow_ai_agent_base_1 = require("./flow-ai-agent-base");
-class FlowAiAgent extends flow_ai_agent_base_1.FlowAiAgentBase {
+import { AiAgentType, EventAction } from "@botonic/core";
+import { FlowBuilderContentSchema } from "../structured-output/flow-builder-content.js";
+import { getCommonFlowContentEventArgsForContentId, trackEvent } from "../tracking.js";
+import { getFlowBuilderPlugin } from "../utils/get-flow-builder-plugin.js";
+import { FlowAiAgentBase } from "./flow-ai-agent-base.js";
+
+
+
+
+
+
+
+
+
+
+
+class FlowAiAgent extends FlowAiAgentBase {
     static fromHubtypeCMS(component, botContext) {
         const newAiAgent = new FlowAiAgent(component.id);
         newAiAgent.code = component.code;
@@ -15,33 +23,34 @@ class FlowAiAgent extends flow_ai_agent_base_1.FlowAiAgentBase {
         newAiAgent.model = component.content.model;
         newAiAgent.verbosity = component.content.verbosity;
         newAiAgent.activeTools = component.content.active_tools;
-        newAiAgent.inputGuardrailRules =
-            component.content.input_guardrail_rules || [];
+        newAiAgent.inputGuardrailRules = component.content.input_guardrail_rules || [];
         newAiAgent.sources = component.content.sources;
         newAiAgent.followUp = component.follow_up;
         return newAiAgent;
     }
     async getAIAgentResponse(botContext, previousContents) {
         const activeInputGuardrailRules = this.getActiveInputGuardrailRules(this.inputGuardrailRules);
-        const flowBuilderPlugin = (0, get_flow_builder_plugin_1.getFlowBuilderPlugin)(botContext.plugins);
+        const flowBuilderPlugin = getFlowBuilderPlugin(botContext.plugins);
         const aiAgentResponse = await flowBuilderPlugin.getAiAgentResponse?.(botContext, {
-            type: core_1.AiAgentType.Specialist,
+            type: AiAgentType.Specialist,
             name: this.name,
             instructions: this.instructions,
             model: this.model,
             verbosity: this.verbosity,
             activeTools: this.activeTools ?? [],
             inputGuardrailRules: activeInputGuardrailRules,
-            sourceIds: this.sources?.map(source => source.id) ?? [],
-            outputMessagesSchemas: [flow_builder_content_1.FlowBuilderContentSchema],
-            previousHubtypeMessages: this.getPreviousHubtypeContents(previousContents),
+            sourceIds: this.sources?.map((source)=>source.id) ?? [],
+            outputMessagesSchemas: [
+                FlowBuilderContentSchema
+            ],
+            previousHubtypeMessages: this.getPreviousHubtypeContents(previousContents)
         });
         return aiAgentResponse;
     }
     async trackAiAgentResponse(botContext) {
-        const { flowThreadId, flowId, flowName, flowNodeId } = (0, tracking_1.getCommonFlowContentEventArgsForContentId)(botContext, this.id);
+        const { flowThreadId, flowId, flowName, flowNodeId } = getCommonFlowContentEventArgsForContentId(botContext, this.id);
         const event = {
-            action: core_1.EventAction.AiAgent,
+            action: EventAction.AiAgent,
             flowThreadId: flowThreadId,
             flowId: flowId,
             flowName: flowName,
@@ -53,12 +62,14 @@ class FlowAiAgent extends flow_ai_agent_base_1.FlowAiAgentBase {
             inputMessageId: botContext.input.message_id,
             exit: this.aiAgentResponse?.exit ?? true,
             inputGuardrailsTriggered: this.aiAgentResponse?.inputGuardrailsTriggered ?? [],
-            outputGuardrailsTriggered: [], //aiAgentResponse.outputGuardrailsTriggered,
-            error: this.aiAgentResponse?.error ?? false,
+            outputGuardrailsTriggered: [],
+            error: this.aiAgentResponse?.error ?? false
         };
         const { action, ...eventArgs } = event;
-        await (0, tracking_1.trackEvent)(botContext, action, eventArgs);
+        await trackEvent(botContext, action, eventArgs);
     }
 }
-exports.FlowAiAgent = FlowAiAgent;
+
+export { FlowAiAgent };
+
 //# sourceMappingURL=flow-ai-agent.js.map

package/lib/content-fields/flow-ai-agent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"content-fields/flow-ai-agent.js","sources":["../../src/content-fields/flow-ai-agent.tsx"],"sourcesContent":["import {\n  AiAgentType,\n  type BotContext,\n  EventAction,\n  type EventAiAgent,\n  type InferenceResponse,\n} from '@botonic/core'\nimport {\n  type FlowBuilderContentMessage,\n  FlowBuilderContentSchema,\n} from '../structured-output/flow-builder-content'\nimport {\n  getCommonFlowContentEventArgsForContentId,\n  trackEvent,\n} from '../tracking'\nimport { getFlowBuilderPlugin } from '../utils/get-flow-builder-plugin'\nimport { FlowAiAgentBase } from './flow-ai-agent-base'\nimport type { HtAiAgentNode } from './hubtype-fields/ai-agent'\nimport type { FlowContent } from './index'\n\nexport class FlowAiAgent extends FlowAiAgentBase {\n  public activeTools?: { name: string }[]\n  public sources?: { id: string; name: string }[]\n\n  static fromHubtypeCMS(\n    component: HtAiAgentNode,\n    botContext: BotContext\n  ): FlowAiAgent {\n    const newAiAgent = new FlowAiAgent(component.id)\n    newAiAgent.code = component.code\n    newAiAgent.name = component.content.name\n    newAiAgent.instructions = newAiAgent.replaceVariables(\n      component.content.instructions,\n      botContext\n    )\n    newAiAgent.model = component.content.model\n    newAiAgent.verbosity = component.content.verbosity\n    newAiAgent.activeTools = component.content.active_tools\n    newAiAgent.inputGuardrailRules =\n      component.content.input_guardrail_rules || []\n    newAiAgent.sources = component.content.sources\n    newAiAgent.followUp = component.follow_up\n\n    return newAiAgent\n  }\n\n  async getAIAgentResponse(\n    botContext: BotContext,\n    previousContents?: FlowContent[]\n  ): Promise<InferenceResponse<FlowBuilderContentMessage> | undefined> {\n    const activeInputGuardrailRules = this.getActiveInputGuardrailRules(\n      this.inputGuardrailRules\n    )\n\n    const flowBuilderPlugin = getFlowBuilderPlugin(botContext.plugins)\n\n    const aiAgentResponse = await flowBuilderPlugin.getAiAgentResponse?.(\n      botContext,\n      {\n        type: AiAgentType.Specialist,\n        name: this.name,\n        instructions: this.instructions,\n        model: this.model,\n        verbosity: this.verbosity,\n        activeTools: this.activeTools ?? [],\n        inputGuardrailRules: activeInputGuardrailRules,\n        sourceIds: this.sources?.map(source => source.id) ?? [],\n        outputMessagesSchemas: [FlowBuilderContentSchema],\n        previousHubtypeMessages:\n          this.getPreviousHubtypeContents(previousContents),\n      }\n    )\n\n    return aiAgentResponse\n  }\n\n  async trackAiAgentResponse(botContext: BotContext) {\n    const { flowThreadId, flowId, flowName, flowNodeId } =\n      getCommonFlowContentEventArgsForContentId(botContext, this.id)\n\n    const event: EventAiAgent = {\n      action: EventAction.AiAgent,\n      flowThreadId: flowThreadId,\n      flowId: flowId,\n      flowName: flowName,\n      flowNodeId: flowNodeId,\n      flowNodeContentId: this.name,\n      flowNodeIsMeaningful: true,\n      toolsExecuted: this.aiAgentResponse?.toolsExecuted ?? [],\n      memoryLength: this.aiAgentResponse?.memoryLength ?? 0,\n      inputMessageId: botContext.input.message_id!,\n      exit: this.aiAgentResponse?.exit ?? true,\n      inputGuardrailsTriggered:\n        this.aiAgentResponse?.inputGuardrailsTriggered ?? [],\n      outputGuardrailsTriggered: [], //aiAgentResponse.outputGuardrailsTriggered,\n      error: this.aiAgentResponse?.error ?? false,\n    }\n    const { action, ...eventArgs } = event\n\n    await trackEvent(botContext, action, eventArgs)\n  }\n}\n"],"names":["AiAgentType","EventAction","FlowBuilderContentSchema","getCommonFlowContentEventArgsForContentId","trackEvent","getFlowBuilderPlugin","FlowAiAgentBase","FlowAiAgent","component","botContext","newAiAgent","previousContents","activeInputGuardrailRules","flowBuilderPlugin","aiAgentResponse","source","flowThreadId","flowId","flowName","flowNodeId","event","action","eventArgs"],"mappings":";;;;;;;;;;;AAMsB;AAI4B;AAI9B;AACmD;AACjB;AAI/C,MAAMO,WAAWA,SAASD,eAAeA;IAI9C,OAAO,eACLE,SAAwB,EACxBC,UAAsB,EACT;QACb,MAAMC,aAAa,IAAIH,WAAWA,CAACC,UAAU,EAAE;QAC/CE,WAAW,IAAI,GAAGF,UAAU,IAAI;QAChCE,WAAW,IAAI,GAAGF,UAAU,OAAO,CAAC,IAAI;QACxCE,WAAW,YAAY,GAAGA,WAAW,gBAAgB,CACnDF,UAAU,OAAO,CAAC,YAAY,EAC9BC;QAEFC,WAAW,KAAK,GAAGF,UAAU,OAAO,CAAC,KAAK;QAC1CE,WAAW,SAAS,GAAGF,UAAU,OAAO,CAAC,SAAS;QAClDE,WAAW,WAAW,GAAGF,UAAU,OAAO,CAAC,YAAY;QACvDE,WAAW,mBAAmB,GAC5BF,UAAU,OAAO,CAAC,qBAAqB,IAAI,EAAE;QAC/CE,WAAW,OAAO,GAAGF,UAAU,OAAO,CAAC,OAAO;QAC9CE,WAAW,QAAQ,GAAGF,UAAU,SAAS;QAEzC,OAAOE;IACT;IAEA,MAAM,mBACJD,UAAsB,EACtBE,gBAAgC,EACmC;QACnE,MAAMC,4BAA4B,IAAI,CAAC,4BAA4B,CACjE,IAAI,CAAC,mBAAmB;QAG1B,MAAMC,oBAAoBR,oBAAoBA,CAACI,WAAW,OAAO;QAEjE,MAAMK,kBAAkB,MAAMD,kBAAkB,kBAAkB,GAChEJ,YACA;YACE,MAAMT,sBAAsB;YAC5B,MAAM,IAAI,CAAC,IAAI;YACf,cAAc,IAAI,CAAC,YAAY;YAC/B,OAAO,IAAI,CAAC,KAAK;YACjB,WAAW,IAAI,CAAC,SAAS;YACzB,aAAa,IAAI,CAAC,WAAW,IAAI,EAAE;YACnC,qBAAqBY;YACrB,WAAW,IAAI,CAAC,OAAO,EAAE,IAAIG,CAAAA,SAAUA,OAAO,EAAE,KAAK,EAAE;YACvD,uBAAuB;gBAACb,wBAAwBA;aAAC;YACjD,yBACE,IAAI,CAAC,0BAA0B,CAACS;QACpC;QAGF,OAAOG;IACT;IAEA,MAAM,qBAAqBL,UAAsB,EAAE;QACjD,MAAM,EAAEO,YAAY,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,UAAU,EAAE,GAClDhB,yCAAyCA,CAACM,YAAY,IAAI,CAAC,EAAE;QAE/D,MAAMW,QAAsB;YAC1B,QAAQnB,mBAAmB;YAC3B,cAAce;YACd,QAAQC;YACR,UAAUC;YACV,YAAYC;YACZ,mBAAmB,IAAI,CAAC,IAAI;YAC5B,sBAAsB;YACtB,eAAe,IAAI,CAAC,eAAe,EAAE,iBAAiB,EAAE;YACxD,cAAc,IAAI,CAAC,eAAe,EAAE,gBAAgB;YACpD,gBAAgBV,WAAW,KAAK,CAAC,UAAU;YAC3C,MAAM,IAAI,CAAC,eAAe,EAAE,QAAQ;YACpC,0BACE,IAAI,CAAC,eAAe,EAAE,4BAA4B,EAAE;YACtD,2BAA2B,EAAE;YAC7B,OAAO,IAAI,CAAC,eAAe,EAAE,SAAS;QACxC;QACA,MAAM,EAAEY,MAAM,EAAE,GAAGC,WAAW,GAAGF;QAEjC,MAAMhB,UAAUA,CAACK,YAAYY,QAAQC;IACvC;AACF"}

package/lib/{esm/content-fields → content-fields}/flow-bot-action.d.ts

@@ -1,8 +1,8 @@
 import { type BotContext } from '@botonic/core';
 import type { ActionRequest } from '@botonic/react';
-import type { FlowBuilderApi } from '../api';
-import { ContentFieldsBase } from './content-fields-base';
-import type { HtBotActionNode } from './hubtype-fields';
+import type { FlowBuilderApi } from '../api.js';
+import { ContentFieldsBase } from './content-fields-base.js';
+import type { HtBotActionNode } from './hubtype-fields/index.js';
 export declare class FlowBotAction extends ContentFieldsBase {
     code: string;
     payload: string;

package/lib/{esm/content-fields → content-fields}/flow-bot-action.js

@@ -1,11 +1,17 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FlowBotAction = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const core_1 = require("@botonic/core");
-const tracking_1 = require("../tracking");
-const content_fields_base_1 = require("./content-fields-base");
-class FlowBotAction extends content_fields_base_1.ContentFieldsBase {
+import { Fragment, jsx } from "react/jsx-runtime";
+import { BotonicAction, EventAction } from "@botonic/core";
+import { getCommonFlowContentEventArgsForContentId, trackEvent } from "../tracking.js";
+import { ContentFieldsBase } from "./content-fields-base.js";
+
+
+
+
+
+
+
+
+
+class FlowBotAction extends ContentFieldsBase {
     static fromHubtypeCMS(cmsBotAction, cmsApi) {
         const newBotAction = new FlowBotAction(cmsBotAction.id);
         newBotAction.code = cmsBotAction.code;
@@ -14,22 +20,22 @@ class FlowBotAction extends content_fields_base_1.ContentFieldsBase {
         return newBotAction;
     }
     async trackFlow(botContext) {
-        const { flowThreadId, flowId, flowName, flowNodeId, flowNodeContentId } = (0, tracking_1.getCommonFlowContentEventArgsForContentId)(botContext, this.id);
+        const { flowThreadId, flowId, flowName, flowNodeId, flowNodeContentId } = getCommonFlowContentEventArgsForContentId(botContext, this.id);
         const eventBotAction = {
-            action: core_1.EventAction.BotAction,
+            action: EventAction.BotAction,
             flowThreadId,
             flowId,
             flowName,
             flowNodeId,
             flowNodeContentId,
             flowNodeIsMeaningful: false,
-            payload: this.payload,
+            payload: this.payload
         };
         const { action, ...eventArgs } = eventBotAction;
-        await (0, tracking_1.trackEvent)(botContext, action, eventArgs);
+        await trackEvent(botContext, action, eventArgs);
     }
     doBotAction(botContext) {
-        botContext.session._botonic_action = `${core_1.BotonicAction.Redirect}:${this.payload}`;
+        botContext.session._botonic_action = `${BotonicAction.Redirect}:${this.payload}`;
     }
     async processContent(botContext) {
         await this.filterContent(botContext, this);
@@ -38,8 +44,10 @@ class FlowBotAction extends content_fields_base_1.ContentFieldsBase {
         return;
     }
     toBotonic() {
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+        return /*#__PURE__*/ jsx(Fragment, {});
     }
 }
-exports.FlowBotAction = FlowBotAction;
+
+export { FlowBotAction };
+
 //# sourceMappingURL=flow-bot-action.js.map

package/lib/content-fields/flow-bot-action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"content-fields/flow-bot-action.js","sources":["../../src/content-fields/flow-bot-action.tsx"],"sourcesContent":["import {\n  type BotContext,\n  BotonicAction,\n  EventAction,\n  type EventBotAction,\n} from '@botonic/core'\nimport type { ActionRequest } from '@botonic/react'\n\nimport type { FlowBuilderApi } from '../api'\nimport {\n  getCommonFlowContentEventArgsForContentId,\n  trackEvent,\n} from '../tracking'\nimport { ContentFieldsBase } from './content-fields-base'\nimport type { HtBotActionNode } from './hubtype-fields'\n\nexport class FlowBotAction extends ContentFieldsBase {\n  public code: string\n  public payload: string\n\n  static fromHubtypeCMS(\n    cmsBotAction: HtBotActionNode,\n    cmsApi: FlowBuilderApi\n  ): FlowBotAction {\n    const newBotAction = new FlowBotAction(cmsBotAction.id)\n    newBotAction.code = cmsBotAction.code\n    newBotAction.payload = cmsApi.createPayloadWithParams(cmsBotAction)\n    newBotAction.followUp = cmsBotAction.follow_up\n\n    return newBotAction\n  }\n\n  async trackFlow(botContext: BotContext): Promise<void> {\n    const { flowThreadId, flowId, flowName, flowNodeId, flowNodeContentId } =\n      getCommonFlowContentEventArgsForContentId(botContext, this.id)\n    const eventBotAction: EventBotAction = {\n      action: EventAction.BotAction,\n      flowThreadId,\n      flowId,\n      flowName,\n      flowNodeId,\n      flowNodeContentId,\n      flowNodeIsMeaningful: false,\n      payload: this.payload,\n    }\n    const { action, ...eventArgs } = eventBotAction\n    await trackEvent(botContext, action, eventArgs)\n  }\n\n  doBotAction(botContext: ActionRequest): void {\n    botContext.session._botonic_action = `${BotonicAction.Redirect}:${this.payload}`\n  }\n\n  async processContent(botContext: BotContext): Promise<void> {\n    await this.filterContent(botContext, this)\n    this.doBotAction(botContext)\n    await this.trackFlow(botContext)\n    return\n  }\n\n  toBotonic(): JSX.Element {\n    return <></>\n  }\n}\n"],"names":["BotonicAction","EventAction","getCommonFlowContentEventArgsForContentId","trackEvent","ContentFieldsBase","FlowBotAction","cmsBotAction","cmsApi","newBotAction","botContext","flowThreadId","flowId","flowName","flowNodeId","flowNodeContentId","eventBotAction","action","eventArgs"],"mappings":";;;;;;;;;;AAKsB;AAOF;AACqC;AAGlD,MAAMK,aAAaA,SAASD,iBAAiBA;IAIlD,OAAO,eACLE,YAA6B,EAC7BC,MAAsB,EACP;QACf,MAAMC,eAAe,IAAIH,aAAaA,CAACC,aAAa,EAAE;QACtDE,aAAa,IAAI,GAAGF,aAAa,IAAI;QACrCE,aAAa,OAAO,GAAGD,OAAO,uBAAuB,CAACD;QACtDE,aAAa,QAAQ,GAAGF,aAAa,SAAS;QAE9C,OAAOE;IACT;IAEA,MAAM,UAAUC,UAAsB,EAAiB;QACrD,MAAM,EAAEC,YAAY,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,iBAAiB,EAAE,GACrEZ,yCAAyCA,CAACO,YAAY,IAAI,CAAC,EAAE;QAC/D,MAAMM,iBAAiC;YACrC,QAAQd,qBAAqB;YAC7BS;YACAC;YACAC;YACAC;YACAC;YACA,sBAAsB;YACtB,SAAS,IAAI,CAAC,OAAO;QACvB;QACA,MAAM,EAAEE,MAAM,EAAE,GAAGC,WAAW,GAAGF;QACjC,MAAMZ,UAAUA,CAACM,YAAYO,QAAQC;IACvC;IAEA,YAAYR,UAAyB,EAAQ;QAC3CA,WAAW,OAAO,CAAC,eAAe,GAAG,GAAGT,sBAAsB,CAAC,CAAC,EAAE,IAAI,CAAC,OAAO,EAAE;IAClF;IAEA,MAAM,eAAeS,UAAsB,EAAiB;QAC1D,MAAM,IAAI,CAAC,aAAa,CAACA,YAAY,IAAI;QACzC,IAAI,CAAC,WAAW,CAACA;QACjB,MAAM,IAAI,CAAC,SAAS,CAACA;QACrB;IACF;IAEA,YAAyB;QACvB,qBAAO;IACT;AACF"}

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

@@ -1,10 +1,10 @@
 import type { BotContext } from '@botonic/core';
 import { type Webview } from '@botonic/react';
-import type { FlowBuilderApi } from '../api';
-import { ContentFieldsBase } from './content-fields-base';
-import { FlowWebview } from './flow-webview';
-import { type HtButton, HtButtonStyle } from './hubtype-fields';
-import type { HtRatingButton } from './hubtype-fields/rating';
+import type { FlowBuilderApi } from '../api.js';
+import { ContentFieldsBase } from './content-fields-base.js';
+import { FlowWebview } from './flow-webview.js';
+import { type HtButton, HtButtonStyle } from './hubtype-fields/index.js';
+import type { HtRatingButton } from './hubtype-fields/rating.js';
 export declare class FlowButton extends ContentFieldsBase {
     text: string;
     url?: string;

package/lib/{esm/content-fields → content-fields}/flow-button.js

@@ -1,17 +1,23 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FlowButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("@botonic/react");
-const constants_1 = require("../constants");
-const content_fields_base_1 = require("./content-fields-base");
-const flow_webview_1 = require("./flow-webview");
-const hubtype_fields_1 = require("./hubtype-fields");
-class FlowButton extends content_fields_base_1.ContentFieldsBase {
-    constructor() {
-        super(...arguments);
-        this.text = '';
-    }
+import { jsx } from "react/jsx-runtime";
+import { Button, Reply } from "@botonic/react";
+import { SOURCE_INFO_SEPARATOR } from "../constants.js";
+import { ContentFieldsBase } from "./content-fields-base.js";
+import { FlowWebview } from "./flow-webview.js";
+import { HtButtonStyle, HtNodeWithContentType } from "./hubtype-fields/index.js";
+
+
+
+
+
+
+
+
+
+
+
+
+
+class FlowButton extends ContentFieldsBase {
     static fromHubtypeCMS(cmsButton, locale, cmsApi, botContext) {
         const urlId = FlowButton.getUrlId(cmsButton, locale);
         const newButton = new FlowButton(cmsButton.id);
@@ -20,10 +26,11 @@ class FlowButton extends content_fields_base_1.ContentFieldsBase {
             const webview = FlowButton.getTargetWebview(cmsApi, cmsButton.target.id);
             if (webview) {
                 newButton.flowWebview = webview;
-                newButton.webview = { name: webview.webviewComponentName };
+                newButton.webview = {
+                    name: webview.webviewComponentName
+                };
                 newButton.params = webview.getParams(botContext);
-            }
-            else {
+            } else {
                 newButton.payload = cmsApi.getPayload(cmsButton.target);
             }
         }
@@ -39,8 +46,7 @@ class FlowButton extends content_fields_base_1.ContentFieldsBase {
         if (button.url) {
             newButton.url = button.url;
             newButton.target = button.target;
-        }
-        else {
+        } else {
             newButton.payload = button.payload;
         }
         return newButton;
@@ -53,14 +59,14 @@ class FlowButton extends content_fields_base_1.ContentFieldsBase {
         return newButton;
     }
     static getUrlId(cmsButton, locale) {
-        return cmsButton.url.find(url => url.locale === locale)?.id;
+        return cmsButton.url.find((url)=>url.locale === locale)?.id;
     }
     static getTargetWebview(cmsApi, targetId) {
         const targetNode = cmsApi.getNodeById(targetId);
-        if (targetNode.type !== hubtype_fields_1.HtNodeWithContentType.WEBVIEW) {
+        if (targetNode.type !== HtNodeWithContentType.WEBVIEW) {
             return undefined;
         }
-        return flow_webview_1.FlowWebview.fromHubtypeCMS(targetNode);
+        return FlowWebview.fromHubtypeCMS(targetNode);
     }
     async trackFlow(botContext) {
         if (this.flowWebview) {
@@ -71,16 +77,29 @@ class FlowButton extends content_fields_base_1.ContentFieldsBase {
         return;
     }
     renderButton(buttonIndex, buttonStyle) {
-        if (buttonStyle === hubtype_fields_1.HtButtonStyle.QUICK_REPLY) {
-            return ((0, jsx_runtime_1.jsx)(react_1.Reply, { payload: this.getButtonPayload(buttonIndex), children: this.text }, this.id));
+        if (buttonStyle === HtButtonStyle.QUICK_REPLY) {
+            return /*#__PURE__*/ jsx(Reply, {
+                payload: this.getButtonPayload(buttonIndex),
+                children: this.text
+            }, this.id);
         }
-        return ((0, jsx_runtime_1.jsx)(react_1.Button, { url: this.url, payload: this.getButtonPayload(buttonIndex), target: this.target, webview: this.webview, params: this.params, children: this.text }, this.id));
+        return /*#__PURE__*/ jsx(Button, {
+            url: this.url,
+            payload: this.getButtonPayload(buttonIndex),
+            target: this.target,
+            webview: this.webview,
+            params: this.params,
+            children: this.text
+        }, this.id);
     }
     getButtonPayload(buttonIndex) {
-        return this.payload
-            ? `${this.payload}${constants_1.SOURCE_INFO_SEPARATOR}${buttonIndex}`
-            : undefined;
+        return this.payload ? `${this.payload}${SOURCE_INFO_SEPARATOR}${buttonIndex}` : undefined;
+    }
+    constructor(...args){
+        super(...args), this.text = '';
     }
 }
-exports.FlowButton = FlowButton;
+
+export { FlowButton };
+
 //# sourceMappingURL=flow-button.js.map

package/lib/content-fields/flow-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"content-fields/flow-button.js","sources":["../../src/content-fields/flow-button.tsx"],"sourcesContent":["import type { BotContext } from '@botonic/core'\nimport { Button, Reply, type Webview } from '@botonic/react'\n\nimport type { FlowBuilderApi } from '../api'\nimport { SOURCE_INFO_SEPARATOR } from '../constants'\nimport { ContentFieldsBase } from './content-fields-base'\nimport { FlowWebview } from './flow-webview'\nimport {\n  type HtButton,\n  HtButtonStyle,\n  HtNodeWithContentType,\n  type HtUrlNode,\n} from './hubtype-fields'\nimport type { HtRatingButton } from './hubtype-fields/rating'\n\nexport class FlowButton extends ContentFieldsBase {\n  public text = ''\n  public url?: string\n  public payload?: string\n  public target?: string\n  public webview?: Webview\n  public flowWebview?: FlowWebview // Used for tracking\n  public params?: Record<string, string>\n\n  static fromHubtypeCMS(\n    cmsButton: HtButton,\n    locale: string,\n    cmsApi: FlowBuilderApi,\n    botContext: BotContext\n  ): FlowButton {\n    const urlId = FlowButton.getUrlId(cmsButton, locale)\n\n    const newButton = new FlowButton(cmsButton.id)\n    newButton.text = FlowButton.getTextByLocale(locale, cmsButton.text)\n    if (cmsButton.target) {\n      const webview = FlowButton.getTargetWebview(cmsApi, cmsButton.target.id)\n      if (webview) {\n        newButton.flowWebview = webview\n        newButton.webview = { name: webview.webviewComponentName }\n        newButton.params = webview.getParams(botContext)\n      } else {\n        newButton.payload = cmsApi.getPayload(cmsButton.target)\n      }\n    }\n\n    if (cmsButton.url && urlId) {\n      const urlNode = cmsApi.getNodeById<HtUrlNode>(urlId)\n      newButton.url = urlNode.content.url\n    }\n\n    return newButton\n  }\n\n  static fromAIAgent(button: {\n    id: string\n    text: string\n    payload?: string\n    url?: string\n    target?: string\n  }): FlowButton {\n    const newButton = new FlowButton(button.id)\n    newButton.text = button.text\n    if (button.url) {\n      newButton.url = button.url\n      newButton.target = button.target\n    } else {\n      newButton.payload = button.payload\n    }\n    return newButton\n  }\n\n  static fromRating(button: HtRatingButton): FlowButton {\n    const newButton = new FlowButton(button.id)\n    newButton.text = button.text\n    newButton.payload = button.payload\n    newButton.target = button.target?.id\n    return newButton\n  }\n\n  static getUrlId(cmsButton: HtButton, locale: string): string | undefined {\n    return cmsButton.url.find(url => url.locale === locale)?.id\n  }\n\n  static getTargetWebview(\n    cmsApi: FlowBuilderApi,\n    targetId: string\n  ): FlowWebview | undefined {\n    const targetNode = cmsApi.getNodeById(targetId)\n    if (targetNode.type !== HtNodeWithContentType.WEBVIEW) {\n      return undefined\n    }\n    return FlowWebview.fromHubtypeCMS(targetNode)\n  }\n\n  async trackFlow(botContext: BotContext): Promise<void> {\n    if (this.flowWebview) {\n      await this.flowWebview.trackFlow(botContext)\n    }\n  }\n\n  async processContent(): Promise<void> {\n    return\n  }\n\n  renderButton(buttonIndex: number, buttonStyle?: HtButtonStyle): JSX.Element {\n    if (buttonStyle === HtButtonStyle.QUICK_REPLY) {\n      return (\n        <Reply key={this.id} payload={this.getButtonPayload(buttonIndex)}>\n          {this.text}\n        </Reply>\n      )\n    }\n\n    return (\n      <Button\n        key={this.id}\n        url={this.url}\n        payload={this.getButtonPayload(buttonIndex)}\n        target={this.target}\n        webview={this.webview}\n        params={this.params}\n      >\n        {this.text}\n      </Button>\n    )\n  }\n\n  private getButtonPayload(buttonIndex: number): string | undefined {\n    return this.payload\n      ? `${this.payload}${SOURCE_INFO_SEPARATOR}${buttonIndex}`\n      : undefined\n  }\n}\n"],"names":["Button","Reply","SOURCE_INFO_SEPARATOR","ContentFieldsBase","FlowWebview","HtButtonStyle","HtNodeWithContentType","FlowButton","cmsButton","locale","cmsApi","botContext","urlId","newButton","webview","urlNode","button","url","targetId","targetNode","undefined","buttonIndex","buttonStyle"],"mappings":"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"}

package/lib/{cjs/content-fields → content-fields}/flow-capture-user-input.d.ts

@@ -1,6 +1,6 @@
 import type { BotContext } from '@botonic/core';
-import { ContentFieldsBase } from './content-fields-base';
-import { HtAiValidationType, type HtCaptureUserInputNode } from './hubtype-fields/capture-user-input';
+import { ContentFieldsBase } from './content-fields-base.js';
+import { HtAiValidationType, type HtCaptureUserInputNode } from './hubtype-fields/capture-user-input.js';
 export declare class FlowCaptureUserInput extends ContentFieldsBase {
     fieldName: string;
     aiValidationType: HtAiValidationType;

package/lib/content-fields/flow-capture-user-input.js

@@ -0,0 +1,46 @@
+import { Fragment, jsx } from "react/jsx-runtime";
+import { getFlowBuilderPlugin } from "../utils/get-flow-builder-plugin.js";
+import { ContentFieldsBase } from "./content-fields-base.js";
+import { HtAiValidationType } from "./hubtype-fields/capture-user-input.js";
+
+
+
+
+
+
+
+
+
+class FlowCaptureUserInput extends ContentFieldsBase {
+    static fromHubtypeCMS(cmsText) {
+        const newCaptureUserInput = new FlowCaptureUserInput(cmsText.id);
+        newCaptureUserInput.code = cmsText.code;
+        newCaptureUserInput.fieldName = cmsText.content.field_name;
+        newCaptureUserInput.aiValidationType = cmsText.content.ai_validation_type || HtAiValidationType.NONE;
+        newCaptureUserInput.aiValidationInstructions = cmsText.content.ai_validation_instructions || '';
+        newCaptureUserInput.captureSuccessId = cmsText.content.capture_success.id;
+        newCaptureUserInput.captureFailId = cmsText.content.capture_fail.id;
+        newCaptureUserInput.followUp = undefined;
+        return newCaptureUserInput;
+    }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    async trackFlow(_botContext) {
+        return;
+    }
+    async processContent() {
+        return;
+    }
+    toBotonic(botContext) {
+        const flowBuilderPlugin = getFlowBuilderPlugin(botContext.plugins);
+        const cmsApi = flowBuilderPlugin.cmsApi;
+        cmsApi.setCaptureUserInputId(this.id);
+        return /*#__PURE__*/ jsx(Fragment, {});
+    }
+    constructor(...args){
+        super(...args), this.fieldName = '', this.aiValidationType = HtAiValidationType.NONE, this.aiValidationInstructions = '', this.captureSuccessId = '', this.captureFailId = '';
+    }
+}
+
+export { FlowCaptureUserInput };
+
+//# sourceMappingURL=flow-capture-user-input.js.map

package/lib/content-fields/flow-capture-user-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"content-fields/flow-capture-user-input.js","sources":["../../src/content-fields/flow-capture-user-input.tsx"],"sourcesContent":["import type { BotContext } from '@botonic/core'\n\nimport { getFlowBuilderPlugin } from '../utils/get-flow-builder-plugin'\nimport { ContentFieldsBase } from './content-fields-base'\nimport {\n  HtAiValidationType,\n  type HtCaptureUserInputNode,\n} from './hubtype-fields/capture-user-input'\n\nexport class FlowCaptureUserInput extends ContentFieldsBase {\n  public fieldName = ''\n  public aiValidationType = HtAiValidationType.NONE\n  public aiValidationInstructions = ''\n  public captureSuccessId = ''\n  public captureFailId = ''\n\n  static fromHubtypeCMS(cmsText: HtCaptureUserInputNode): FlowCaptureUserInput {\n    const newCaptureUserInput = new FlowCaptureUserInput(cmsText.id)\n    newCaptureUserInput.code = cmsText.code\n    newCaptureUserInput.fieldName = cmsText.content.field_name\n    newCaptureUserInput.aiValidationType =\n      cmsText.content.ai_validation_type || HtAiValidationType.NONE\n    newCaptureUserInput.aiValidationInstructions =\n      cmsText.content.ai_validation_instructions || ''\n    newCaptureUserInput.captureSuccessId = cmsText.content.capture_success.id\n    newCaptureUserInput.captureFailId = cmsText.content.capture_fail.id\n    newCaptureUserInput.followUp = undefined\n\n    return newCaptureUserInput\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  async trackFlow(_botContext: BotContext): Promise<void> {\n    return\n  }\n\n  async processContent(): Promise<void> {\n    return\n  }\n\n  toBotonic(botContext: BotContext): JSX.Element {\n    const flowBuilderPlugin = getFlowBuilderPlugin(botContext.plugins)\n    const cmsApi = flowBuilderPlugin.cmsApi\n    cmsApi.setCaptureUserInputId(this.id)\n\n    return <></>\n  }\n}\n"],"names":["getFlowBuilderPlugin","ContentFieldsBase","HtAiValidationType","FlowCaptureUserInput","cmsText","newCaptureUserInput","undefined","_botContext","botContext","flowBuilderPlugin","cmsApi"],"mappings":";;;;;;;;;;AAEuE;AACd;AAIb;AAErC,MAAMG,oBAAoBA,SAASF,iBAAiBA;IAOzD,OAAO,eAAeG,OAA+B,EAAwB;QAC3E,MAAMC,sBAAsB,IAAIF,oBAAoBA,CAACC,QAAQ,EAAE;QAC/DC,oBAAoB,IAAI,GAAGD,QAAQ,IAAI;QACvCC,oBAAoB,SAAS,GAAGD,QAAQ,OAAO,CAAC,UAAU;QAC1DC,oBAAoB,gBAAgB,GAClCD,QAAQ,OAAO,CAAC,kBAAkB,IAAIF,uBAAuB;QAC/DG,oBAAoB,wBAAwB,GAC1CD,QAAQ,OAAO,CAAC,0BAA0B,IAAI;QAChDC,oBAAoB,gBAAgB,GAAGD,QAAQ,OAAO,CAAC,eAAe,CAAC,EAAE;QACzEC,oBAAoB,aAAa,GAAGD,QAAQ,OAAO,CAAC,YAAY,CAAC,EAAE;QACnEC,oBAAoB,QAAQ,GAAGC;QAE/B,OAAOD;IACT;IAEA,6DAA6D;IAC7D,MAAM,UAAUE,WAAuB,EAAiB;QACtD;IACF;IAEA,MAAM,iBAAgC;QACpC;IACF;IAEA,UAAUC,UAAsB,EAAe;QAC7C,MAAMC,oBAAoBT,oBAAoBA,CAACQ,WAAW,OAAO;QACjE,MAAME,SAASD,kBAAkB,MAAM;QACvCC,OAAO,qBAAqB,CAAC,IAAI,CAAC,EAAE;QAEpC,qBAAO;IACT;;QArCK,qBACE,YAAY,SACZ,mBAAmBR,uBAAuB,OAC1C,2BAA2B,SAC3B,mBAAmB,SACnB,gBAAgB;;AAiCzB"}

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

@@ -1,9 +1,9 @@
 import { type BotContext, type CarouselMessage } from '@botonic/core';
 import { type ActionRequest } from '@botonic/react';
-import type { FlowBuilderApi } from '../api';
-import { ContentFieldsBase } from './content-fields-base';
-import { FlowElement } from './flow-element';
-import type { HtCarouselNode } from './hubtype-fields';
+import type { FlowBuilderApi } from '../api.js';
+import { ContentFieldsBase } from './content-fields-base.js';
+import { FlowElement } from './flow-element.js';
+import type { HtCarouselNode } from './hubtype-fields/index.js';
 export declare class FlowCarousel extends ContentFieldsBase {
     whatsappText: string;
     elements: FlowElement[];

package/lib/content-fields/flow-carousel.js

@@ -0,0 +1,193 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { OutputMessageType, isWhatsapp } from "@botonic/core";
+import { Button, CardType, Carousel, Text, WhatsappCTAUrlButton, WhatsappCTAUrlHeaderType, WhatsappInteractiveMediaCarousel } from "@botonic/react";
+import { trackOneContent } from "../tracking.js";
+import { ContentFieldsBase } from "./content-fields-base.js";
+import { FlowElement } from "./flow-element.js";
+
+
+
+
+
+
+
+
+
+
+
+
+
+const DEFAULT_TEXT_MESSAGE = 'These are the options';
+class FlowCarousel extends ContentFieldsBase {
+    static fromHubtypeCMS(component, locale, cmsApi, botContext) {
+        const newCarousel = new FlowCarousel(component.id);
+        newCarousel.code = component.code;
+        newCarousel.elements = component.content.elements.map((element)=>FlowElement.fromHubtypeCMS(element, locale, cmsApi, botContext));
+        newCarousel.whatsappText = FlowCarousel.getTextByLocale(locale, component.content.whatsapp_text);
+        newCarousel.followUp = component.follow_up;
+        return newCarousel;
+    }
+    async trackFlow(request) {
+        await trackOneContent(request, this);
+        for (const element of this.elements){
+            await element.trackFlow(request);
+        }
+    }
+    static generateWhatsappElementText(element) {
+        if (element.subtitle) {
+            return `*${element.title}*\n${element.subtitle}`;
+        }
+        return element.title;
+    }
+    static createCardsFromElements(elements) {
+        return elements.map((element)=>{
+            const text = FlowCarousel.generateWhatsappElementText(element);
+            if (element.button?.url) {
+                return {
+                    imageLink: element.image,
+                    text,
+                    type: CardType.CTA_URL,
+                    action: {
+                        buttonText: element.button.text,
+                        buttonUrl: element.button.url
+                    }
+                };
+            }
+            if (element.button?.payload) {
+                return {
+                    imageLink: element.image,
+                    text,
+                    type: CardType.QUICK_REPLY,
+                    action: {
+                        buttons: [
+                            {
+                                text: element.button.text,
+                                payload: element.button.payload
+                            }
+                        ]
+                    }
+                };
+            }
+            throw new Error('Element must have a url or a payload');
+        });
+    }
+    static fromAIAgent(id, carouselMessage, botContext) {
+        if (isWhatsapp(botContext.session) && FlowCarousel.areElementsValidForWhatsapp(carouselMessage)) {
+            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 /*#__PURE__*/ jsx(WhatsappCTAUrlButton, {
+                    body: element.title,
+                    headerType: WhatsappCTAUrlHeaderType.Image,
+                    headerImage: element.image,
+                    footer: element.subtitle,
+                    displayText: buttonText,
+                    url: url
+                }, id);
+            }
+            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 /*#__PURE__*/ jsxs(Text, {
+                    children: [
+                        text,
+                        /*#__PURE__*/ jsx(Button, {
+                            payload: buttonPayload,
+                            children: buttonText
+                        })
+                    ]
+                });
+            }
+            const elements = carouselMessage.content.elements.map((element, index)=>FlowElement.fromAIAgent(`${id}-element-${index}`, element));
+            return /*#__PURE__*/ jsx(WhatsappInteractiveMediaCarousel, {
+                cards: FlowCarousel.createCardsFromElements(elements),
+                textMessage: carouselMessage.content.text || DEFAULT_TEXT_MESSAGE
+            });
+        }
+        return /*#__PURE__*/ jsx(Carousel, {
+            children: carouselMessage.content.elements.map((element, index)=>FlowElement.fromAIAgent(`${id}-element-${index}`, element).renderElement(id))
+        }, id);
+    }
+    toCarouselMessage(elements) {
+        return {
+            type: OutputMessageType.Carousel,
+            content: {
+                elements: elements.map((element)=>{
+                    return {
+                        button: {
+                            text: element.button?.text || '',
+                            payload: element.button?.payload,
+                            url: element.button?.url
+                        },
+                        title: element.title,
+                        subtitle: element.subtitle,
+                        image: element.image
+                    };
+                })
+            }
+        };
+    }
+    async processContent(botContext) {
+        await this.filterContent(botContext, this);
+        await this.trackFlow(botContext);
+        return;
+    }
+    toBotonic(botContext) {
+        const carouselMessage = this.toCarouselMessage(this.elements);
+        if (isWhatsapp(botContext.session) && FlowCarousel.areElementsValidForWhatsapp(carouselMessage)) {
+            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 /*#__PURE__*/ jsx(WhatsappCTAUrlButton, {
+                    body: element.title,
+                    headerType: WhatsappCTAUrlHeaderType.Image,
+                    headerImage: element.image,
+                    displayText: buttonText,
+                    url: url
+                }, this.id);
+            }
+            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 /*#__PURE__*/ jsxs(Text, {
+                    children: [
+                        text,
+                        /*#__PURE__*/ jsx(Button, {
+                            payload: buttonPayload,
+                            children: buttonText
+                        })
+                    ]
+                });
+            }
+            return /*#__PURE__*/ jsx(WhatsappInteractiveMediaCarousel, {
+                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: this.whatsappText || DEFAULT_TEXT_MESSAGE
+            });
+        }
+        return /*#__PURE__*/ jsx(Carousel, {
+            children: this.elements.map((element)=>element.renderElement(this.id))
+        }, this.id);
+    }
+    constructor(...args){
+        super(...args), this.whatsappText = '', this.elements = [];
+    }
+}
+FlowCarousel.areElementsValidForWhatsapp = (carouselMessage)=>{
+    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, all elements must have either url or payload.', carouselMessage.content);
+    }
+    return isValid;
+};
+
+export { FlowCarousel };
+
+//# sourceMappingURL=flow-carousel.js.map