@botonic/plugin-flow-builder 0.22.0-beta.3 → 0.22.1

package/lib/cjs/action.d.ts

@@ -1,10 +1,24 @@
 import { ActionRequest } from '@botonic/react';
 import React from 'react';
-export declare class FlowBuilderAction extends React.Component {
-    static contextType: any;
+import { FlowContent } from './content-fields';
+type FlowBuilderActionProps = {
+    contents: FlowContent[];
+    isHandoff?: boolean;
+};
+export declare class FlowBuilderAction extends React.Component<FlowBuilderActionProps> {
+    static contextType: React.Context<{
+        getString: () => "";
+        setLocale: () => "";
+        session: {};
+        params: {};
+        input: {};
+        defaultDelay: number;
+        defaultTyping: number;
+    }>;
     static botonicInit(request: ActionRequest): Promise<any>;
     render(): JSX.Element | JSX.Element[];
 }
 export declare class FlowBuilderMultichannelAction extends FlowBuilderAction {
     render(): JSX.Element | JSX.Element[];
 }
+export {};

package/lib/cjs/action.js

@@ -12,30 +12,35 @@ class FlowBuilderAction extends react_2.default.Component {
         const flowBuilderPlugin = (0, helpers_1.getFlowBuilderPlugin)(request.plugins);
         const locale = flowBuilderPlugin.getLocale(request.session);
         const payload = request.input.payload;
-        let targetContentId = payload;
+        let targetNode = payload;
         if (!payload && request.session.is_first_interaction) {
-            targetContentId = await flowBuilderPlugin.getStartId();
+            targetNode = flowBuilderPlugin.cmsApi.getStartNode();
         }
-        if (!payload) {
-            const intentPayload = await flowBuilderPlugin.getPayloadByIntent(request.input, locale);
-            if (intentPayload)
-                targetContentId = intentPayload;
-            const keywordPayload = await flowBuilderPlugin.getPayloadByKeyword(request.input, locale);
-            if (keywordPayload)
-                targetContentId = keywordPayload;
+        if (!payload && request.input.data) {
+            const intentNode = flowBuilderPlugin.cmsApi.getNodeByIntent(request.input, locale);
+            const keywordNode = flowBuilderPlugin.cmsApi.getNodeByKeyword(request.input.data, locale);
+            if (intentNode) {
+                targetNode = intentNode;
+            }
+            else if (keywordNode) {
+                targetNode = keywordNode;
+            }
         }
-        if (!targetContentId) {
-            targetContentId = await flowBuilderPlugin.getFallbackId(alternateFallbackMessage);
+        if (!targetNode) {
+            targetNode = flowBuilderPlugin.cmsApi.getFallbackNode(alternateFallbackMessage);
             alternateFallbackMessage = !alternateFallbackMessage;
         }
-        const { contents, handoffNode } = await flowBuilderPlugin.getContents(targetContentId, locale);
+        const { contents, handoffNode } = await flowBuilderPlugin.getContent(targetNode, locale);
+        if (flowBuilderPlugin.trackEvent) {
+            // TODO: track all targets nodes?
+            await flowBuilderPlugin.trackEvent(request, contents[0].code);
+        }
         if (handoffNode)
             await (0, handoff_1.doHandoff)(request, locale, handoffNode);
         return { contents, handoffNode };
     }
     render() {
-        // @ts-ignore
-        const { contents, handoffNode } = this.props;
+        const { contents } = this.props;
         return contents.map(content => content.toBotonic(content.id));
     }
 }
@@ -43,11 +48,8 @@ exports.FlowBuilderAction = FlowBuilderAction;
 FlowBuilderAction.contextType = react_1.RequestContext;
 class FlowBuilderMultichannelAction extends FlowBuilderAction {
     render() {
-        // @ts-ignore
-        const { contents, handoffNode } = this.props;
-        return (
-        //@ts-ignore
-        react_2.default.createElement(react_1.Multichannel, { text: { buttonsAsText: false } }, contents.map(content => content.toBotonic(content.id))));
+        const { contents } = this.props;
+        return (react_2.default.createElement(react_1.Multichannel, { text: { buttonsAsText: false } }, contents.map(content => content.toBotonic(content.id))));
     }
 }
 exports.FlowBuilderMultichannelAction = FlowBuilderMultichannelAction;

package/lib/cjs/action.js.map

@@ -1 +1 @@
-{"version":3,"file":"action.js","sourceRoot":"","sources":["../../src/action.tsx"],"names":[],"mappings":";;;;AAAA,0CAA4E;AAC5E,0DAAyB;AAGzB,uCAAqC;AACrC,uCAAgD;AAOhD,IAAI,wBAAwB,GAAG,KAAK,CAAA;AACpC,MAAa,iBAAkB,SAAQ,eAAK,CAAC,SAAS;IAGpD,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,OAAsB;QAC7C,MAAM,iBAAiB,GAAG,IAAA,8BAAoB,EAAC,OAAO,CAAC,OAAO,CAAC,CAAA;QAC/D,MAAM,MAAM,GAAG,iBAAiB,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;QAC3D,MAAM,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO,CAAA;QACrC,IAAI,eAAe,GAAuB,OAAO,CAAA;QACjD,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,oBAAoB,EAAE;YACpD,eAAe,GAAG,MAAM,iBAAiB,CAAC,UAAU,EAAE,CAAA;SACvD;QACD,IAAI,CAAC,OAAO,EAAE;YACZ,MAAM,aAAa,GAAG,MAAM,iBAAiB,CAAC,kBAAkB,CAC9D,OAAO,CAAC,KAAK,EACb,MAAM,CACP,CAAA;YACD,IAAI,aAAa;gBAAE,eAAe,GAAG,aAAa,CAAA;YAClD,MAAM,cAAc,GAAG,MAAM,iBAAiB,CAAC,mBAAmB,CAChE,OAAO,CAAC,KAAK,EACb,MAAM,CACP,CAAA;YACD,IAAI,cAAc;gBAAE,eAAe,GAAG,cAAc,CAAA;SACrD;QACD,IAAI,CAAC,eAAe,EAAE;YACpB,eAAe,GAAG,MAAM,iBAAiB,CAAC,aAAa,CACrD,wBAAwB,CACzB,CAAA;YACD,wBAAwB,GAAG,CAAC,wBAAwB,CAAA;SACrD;QAED,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,MAAM,iBAAiB,CAAC,WAAW,CACnE,eAAe,EACf,MAAM,CACP,CAAA;QAED,IAAI,WAAW;YAAE,MAAM,IAAA,mBAAS,EAAC,OAAO,EAAE,MAAM,EAAE,WAAW,CAAC,CAAA;QAE9D,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAA;IAClC,CAAC;IAED,MAAM;QACJ,aAAa;QACb,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAC5C,OAAO,QAAS,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAA;IAChE,CAAC;;AA5CH,8CA6CC;AA5CQ,6BAAW,GAAQ,sBAAc,CAAA;AA8C1C,MAAa,6BAA8B,SAAQ,iBAAiB;IAClE,MAAM;QACJ,aAAa;QACb,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAC5C,OAAO;QACL,YAAY;QACZ,8BAAC,oBAAY,IAAC,IAAI,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,IACzC,QAAS,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAC3C,CAChB,CAAA;IACH,CAAC;CACF;AAXD,sEAWC"}
+{"version":3,"file":"action.js","sourceRoot":"","sources":["../../src/action.tsx"],"names":[],"mappings":";;;;AAAA,0CAA4E;AAC5E,0DAAyB;AAIzB,uCAAqC;AACrC,uCAAgD;AAOhD,IAAI,wBAAwB,GAAG,KAAK,CAAA;AACpC,MAAa,iBAAkB,SAAQ,eAAK,CAAC,SAAiC;IAG5E,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,OAAsB;QAC7C,MAAM,iBAAiB,GAAG,IAAA,8BAAoB,EAAC,OAAO,CAAC,OAAO,CAAC,CAAA;QAC/D,MAAM,MAAM,GAAG,iBAAiB,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;QAC3D,MAAM,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO,CAAA;QACrC,IAAI,UAAU,GAA2C,OAAO,CAAA;QAEhE,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,oBAAoB,EAAE;YACpD,UAAU,GAAG,iBAAiB,CAAC,MAAM,CAAC,YAAY,EAAE,CAAA;SACrD;QAED,IAAI,CAAC,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE;YAClC,MAAM,UAAU,GAAG,iBAAiB,CAAC,MAAM,CAAC,eAAe,CACzD,OAAO,CAAC,KAAK,EACb,MAAM,CACP,CAAA;YACD,MAAM,WAAW,GAAG,iBAAiB,CAAC,MAAM,CAAC,gBAAgB,CAC3D,OAAO,CAAC,KAAK,CAAC,IAAI,EAClB,MAAM,CACP,CAAA;YACD,IAAI,UAAU,EAAE;gBACd,UAAU,GAAG,UAAU,CAAA;aACxB;iBAAM,IAAI,WAAW,EAAE;gBACtB,UAAU,GAAG,WAAW,CAAA;aACzB;SACF;QAED,IAAI,CAAC,UAAU,EAAE;YACf,UAAU,GAAG,iBAAiB,CAAC,MAAM,CAAC,eAAe,CACnD,wBAAwB,CACzB,CAAA;YACD,wBAAwB,GAAG,CAAC,wBAAwB,CAAA;SACrD;QAED,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,MAAM,iBAAiB,CAAC,UAAU,CAClE,UAAU,EACV,MAAM,CACP,CAAA;QAED,IAAI,iBAAiB,CAAC,UAAU,EAAE;YAChC,iCAAiC;YACjC,MAAM,iBAAiB,CAAC,UAAU,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;SAC9D;QAED,IAAI,WAAW;YAAE,MAAM,IAAA,mBAAS,EAAC,OAAO,EAAE,MAAM,EAAE,WAAW,CAAC,CAAA;QAE9D,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAA;IAClC,CAAC;IAED,MAAM;QACJ,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAC/B,OAAO,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAA;IAC/D,CAAC;;AAtDH,8CAuDC;AAtDQ,6BAAW,GAAG,sBAAc,CAAA;AAwDrC,MAAa,6BAA8B,SAAQ,iBAAiB;IAClE,MAAM;QACJ,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAC/B,OAAO,CACL,8BAAC,oBAAY,IAAC,IAAI,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,IACzC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAC1C,CAChB,CAAA;IACH,CAAC;CACF;AATD,sEASC"}

package/lib/cjs/api.d.ts

@@ -0,0 +1,19 @@
+import { Input } from '@botonic/core';
+import { HtFlowBuilderData, HtNodeComponent, HtNodeWithContent } from './content-fields/hubtype-fields';
+import { FlowBuilderApiOptions } from './types';
+export declare class FlowBuilderApi {
+    private readonly url;
+    flow: HtFlowBuilderData;
+    constructor(options: FlowBuilderApiOptions);
+    init(token: string): Promise<void>;
+    getNode<T extends HtNodeComponent>(id: string): T;
+    getNodeByCode(code: string): HtNodeComponent;
+    getStartNode(): HtNodeWithContent;
+    getFallbackNode(alternate: boolean): HtNodeWithContent;
+    getNodeByIntent(input: Input, locale: string): HtNodeWithContent | undefined;
+    private hasIntent;
+    private hasMetConfidenceThreshold;
+    getNodeByKeyword(userInput: string, locale: string): HtNodeWithContent | undefined;
+    private matchKeywords;
+    private containsAnyKeywords;
+}

package/lib/cjs/api.js

@@ -0,0 +1,108 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FlowBuilderApi = void 0;
+const tslib_1 = require("tslib");
+const axios_1 = tslib_1.__importDefault(require("axios"));
+const hubtype_fields_1 = require("./content-fields/hubtype-fields");
+class FlowBuilderApi {
+    constructor(options) {
+        this.url = options.url;
+        if (options.flow) {
+            this.flow = options.flow;
+        }
+    }
+    async init(token) {
+        const { data } = await axios_1.default.get(this.url, {
+            headers: { Authorization: `Bearer ${token}` },
+        });
+        this.flow = data;
+    }
+    getNode(id) {
+        const node = this.flow.nodes.find(node => node.id === id);
+        if (!node)
+            throw Error(`Node with id: '${id}' not found`);
+        return node;
+    }
+    getNodeByCode(code) {
+        const content = this.flow.nodes.find(node => 'code' in node ? node.code === code : false);
+        if (!content)
+            throw Error(`Node with code: '${code}' not found`);
+        return content;
+    }
+    getStartNode() {
+        const startUpNode = this.flow.nodes.find(node => node.type === hubtype_fields_1.HtNodeStartType.STARTUP);
+        if (!startUpNode)
+            throw new Error('Start-up id must be defined');
+        return this.getNode(startUpNode.target.id);
+    }
+    getFallbackNode(alternate) {
+        const fallbackNode = this.flow.nodes.find(node => node.type === hubtype_fields_1.HtNodeWithContentType.FALLBACK);
+        if (!fallbackNode) {
+            throw new Error('Fallback node must be defined');
+        }
+        const fallbackFirstMessage = fallbackNode.content.first_message;
+        if (!fallbackFirstMessage) {
+            throw new Error('Fallback 1st message must be defined');
+        }
+        const fallbackSecondMessage = fallbackNode.content.second_message;
+        if (!fallbackSecondMessage) {
+            return this.getNode(fallbackFirstMessage.id);
+        }
+        return alternate
+            ? this.getNode(fallbackFirstMessage.id)
+            : this.getNode(fallbackSecondMessage.id);
+    }
+    getNodeByIntent(input, locale) {
+        try {
+            const intents = this.flow.nodes.filter(node => node.type === hubtype_fields_1.HtNodeWithContentType.INTENT);
+            const inputIntent = input.intent;
+            const inputConfidence = input.confidence;
+            if (inputIntent) {
+                const matchedIntentNode = intents.find(node => inputIntent &&
+                    this.hasIntent(node, inputIntent, locale) &&
+                    inputConfidence &&
+                    this.hasMetConfidenceThreshold(node, inputConfidence));
+                return ((matchedIntentNode === null || matchedIntentNode === void 0 ? void 0 : matchedIntentNode.target) &&
+                    this.getNode(matchedIntentNode === null || matchedIntentNode === void 0 ? void 0 : matchedIntentNode.target.id));
+            }
+        }
+        catch (error) {
+            console.error(`Error getting node by intent '${input.intent}': `, error);
+        }
+        return undefined;
+    }
+    hasIntent(node, intent, locale) {
+        return node.content.intents.some(i => i.locale === locale && i.values.includes(intent));
+    }
+    hasMetConfidenceThreshold(node, predictedConfidence) {
+        const nodeConfidence = node.content.confidence / 100;
+        return predictedConfidence >= nodeConfidence;
+    }
+    getNodeByKeyword(userInput, locale) {
+        try {
+            const keywordNodes = this.flow.nodes.filter(node => node.type == hubtype_fields_1.HtNodeWithContentType.KEYWORD);
+            const matchedKeywordNodes = keywordNodes.filter(node => this.matchKeywords(node, userInput, locale));
+            if (matchedKeywordNodes.length > 0 && matchedKeywordNodes[0].target) {
+                return this.getNode(matchedKeywordNodes[0].target.id);
+            }
+        }
+        catch (error) {
+            console.error(`Error getting node by keyword '${userInput}': `, error);
+        }
+        return undefined;
+    }
+    matchKeywords(node, input, locale) {
+        const result = node.content.keywords.find(i => i.locale === locale && this.containsAnyKeywords(input, i.values));
+        return Boolean(result);
+    }
+    containsAnyKeywords(input, keywords) {
+        for (let i = 0; i < keywords.length; i++) {
+            if (input.includes(keywords[i])) {
+                return true;
+            }
+        }
+        return false;
+    }
+}
+exports.FlowBuilderApi = FlowBuilderApi;
+//# sourceMappingURL=api.js.map

package/lib/cjs/api.js.map

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

package/lib/cjs/content-fields/content-fields-base.d.ts

@@ -1,8 +1,8 @@
-import { MediaFileLocale, TextLocale, VideoLocale } from '../flow-builder-models';
+import { HtMediaFileLocale, HtTextLocale, HtVideoLocale } from './hubtype-fields';
 export declare abstract class ContentFieldsBase {
     readonly id: string;
     constructor(id: string);
-    static getTextByLocale(locale: string, text: TextLocale[]): string;
-    static getImageByLocale(locale: string, image: MediaFileLocale[]): string;
-    static getVideoByLocale(locale: string, video: VideoLocale[]): string;
+    static getTextByLocale(locale: string, text: HtTextLocale[]): string;
+    static getImageByLocale(locale: string, image: HtMediaFileLocale[]): string;
+    static getVideoByLocale(locale: string, video: HtVideoLocale[]): string;
 }

package/lib/cjs/content-fields/content-fields-base.js.map

@@ -1 +1 @@
-{"version":3,"file":"content-fields-base.js","sourceRoot":"","sources":["../../../src/content-fields/content-fields-base.ts"],"names":[],"mappings":";;;AAMA,MAAsB,iBAAiB;IACrC,YAA4B,EAAU;QAAV,OAAE,GAAF,EAAE,CAAQ;IAAG,CAAC;IAE1C,MAAM,CAAC,eAAe,CAAC,MAAc,EAAE,IAAkB;;QACvD,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,CAAA;QAClD,OAAO,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,mCAAI,EAAE,CAAA;IAC9B,CAAC;IAED,MAAM,CAAC,gBAAgB,CAAC,MAAc,EAAE,KAAwB;;QAC9D,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,CAAA;QACnD,OAAO,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,mCAAI,EAAE,CAAA;IAC3B,CAAC;IAED,MAAM,CAAC,gBAAgB,CAAC,MAAc,EAAE,KAAoB;;QAC1D,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,CAAA;QACnD,OAAO,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,mCAAI,EAAE,CAAA;IAC1B,CAAC;CACF;AAjBD,8CAiBC"}
+{"version":3,"file":"content-fields-base.js","sourceRoot":"","sources":["../../../src/content-fields/content-fields-base.ts"],"names":[],"mappings":";;;AAMA,MAAsB,iBAAiB;IACrC,YAA4B,EAAU;QAAV,OAAE,GAAF,EAAE,CAAQ;IAAG,CAAC;IAE1C,MAAM,CAAC,eAAe,CAAC,MAAc,EAAE,IAAoB;;QACzD,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,CAAA;QAClD,OAAO,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,mCAAI,EAAE,CAAA;IAC9B,CAAC;IAED,MAAM,CAAC,gBAAgB,CAAC,MAAc,EAAE,KAA0B;;QAChE,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,CAAA;QACnD,OAAO,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,mCAAI,EAAE,CAAA;IAC3B,CAAC;IAED,MAAM,CAAC,gBAAgB,CAAC,MAAc,EAAE,KAAsB;;QAC5D,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,CAAA;QACnD,OAAO,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,mCAAI,EAAE,CAAA;IAC1B,CAAC;CACF;AAjBD,8CAiBC"}

package/lib/cjs/content-fields/flow-button.d.ts

@@ -1,10 +1,13 @@
 /// <reference types="react" />
-import { Button as FbButton, ButtonStyle } from '../flow-builder-models';
+import { FlowBuilderApi } from '../api';
 import { ContentFieldsBase } from './content-fields-base';
+import { HtButton, HtButtonStyle } from './hubtype-fields';
 export declare class FlowButton extends ContentFieldsBase {
     text: string;
     url?: string;
     payload?: string;
-    static fromHubtypeCMS(component: FbButton, locale: string): FlowButton;
-    renderButton(id: string, buttonStyle: ButtonStyle): JSX.Element;
+    static fromHubtypeCMS(cmsButton: HtButton, locale: string, cmsApi: FlowBuilderApi): FlowButton;
+    static getPayloadId(cmsButton: any, locale: any): string | undefined;
+    static getUrlId(cmsButton: any, locale: any): string | undefined;
+    renderButton(buttonStyle?: HtButtonStyle): JSX.Element;
 }

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

@@ -4,37 +4,44 @@ exports.FlowButton = void 0;
 const tslib_1 = require("tslib");
 const react_1 = require("@botonic/react");
 const react_2 = tslib_1.__importDefault(require("react"));
-const flow_builder_models_1 = require("../flow-builder-models");
 const content_fields_base_1 = require("./content-fields-base");
+const hubtype_fields_1 = require("./hubtype-fields");
 class FlowButton extends content_fields_base_1.ContentFieldsBase {
     constructor() {
         super(...arguments);
         this.text = '';
     }
-    static fromHubtypeCMS(component, locale) {
-        var _a, _b;
-        const newButton = new FlowButton(component.id);
-        newButton.text = FlowButton.getTextByLocale(locale, component.text);
-        newButton.payload = component.target
-            ? component.target.id
-            : (_b = (_a = component.payload) === null || _a === void 0 ? void 0 : _a.find(payload => payload.locale === locale)) === null || _b === void 0 ? void 0 : _b.id;
-        if (component.url) {
-            const urlButton = component.url.find(url => url.locale === locale);
-            if (urlButton)
-                newButton.url = urlButton.content.url;
+    static fromHubtypeCMS(cmsButton, locale, cmsApi) {
+        const payloadId = this.getPayloadId(cmsButton, locale);
+        const urlId = this.getUrlId(cmsButton, locale);
+        const newButton = new FlowButton(cmsButton.id);
+        newButton.text = this.getTextByLocale(locale, cmsButton.text);
+        if (cmsButton.target) {
+            newButton.payload = cmsButton.target.id;
+        }
+        if (cmsButton.payload && payloadId) {
+            const payloadNode = cmsApi.getNode(payloadId);
+            newButton.payload = payloadNode.content.payload;
+        }
+        if (cmsButton.url && urlId) {
+            const payloadNode = cmsApi.getNode(urlId);
+            newButton.url = payloadNode.content.url;
         }
         return newButton;
     }
-    renderButton(id, buttonStyle) {
-        if (buttonStyle === flow_builder_models_1.ButtonStyle.QUICK_REPLY) {
-            return (react_2.default.createElement(react_1.Reply, { key: id, payload: this.payload }, this.text));
+    static getPayloadId(cmsButton, locale) {
+        var _a;
+        return (_a = cmsButton.payload.find(payload => payload.locale === locale)) === null || _a === void 0 ? void 0 : _a.id;
+    }
+    static getUrlId(cmsButton, locale) {
+        var _a;
+        return (_a = cmsButton.url.find(url => url.locale === locale)) === null || _a === void 0 ? void 0 : _a.id;
+    }
+    renderButton(buttonStyle) {
+        if (buttonStyle === hubtype_fields_1.HtButtonStyle.QUICK_REPLY) {
+            return (react_2.default.createElement(react_1.Reply, { key: this.id, payload: this.payload }, this.text));
         }
-        let props = {};
-        if (this.url)
-            props = { url: this.url };
-        return (
-        // @ts-ignore
-        react_2.default.createElement(react_1.Button, Object.assign({ key: id, payload: this.payload }, props), this.text));
+        return (react_2.default.createElement(react_1.Button, { key: this.id, payload: this.payload, url: this.url }, this.text));
     }
 }
 exports.FlowButton = FlowButton;

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

@@ -1 +1 @@
-{"version":3,"file":"flow-button.js","sourceRoot":"","sources":["../../../src/content-fields/flow-button.tsx"],"names":[],"mappings":";;;;AAAA,0CAA8C;AAC9C,0DAAyB;AAEzB,gEAAwE;AACxE,+DAAyD;AAEzD,MAAa,UAAW,SAAQ,uCAAiB;IAAjD;;QACS,SAAI,GAAG,EAAE,CAAA;IAoClB,CAAC;IAhCC,MAAM,CAAC,cAAc,CAAC,SAAmB,EAAE,MAAc;;QACvD,MAAM,SAAS,GAAG,IAAI,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC,CAAA;QAC9C,SAAS,CAAC,IAAI,GAAG,UAAU,CAAC,eAAe,CAAC,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,CAAA;QACnE,SAAS,CAAC,OAAO,GAAG,SAAS,CAAC,MAAM;YAClC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE;YACrB,CAAC,CAAC,MAAA,MAAA,SAAS,CAAC,OAAO,0CAAE,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM,KAAK,MAAM,CAAC,0CAAE,EAAE,CAAA;QACrE,IAAI,SAAS,CAAC,GAAG,EAAE;YACjB,MAAM,SAAS,GAAI,SAAS,CAAC,GAAW,CAAC,IAAI,CAC3C,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,MAAM,KAAK,MAAM,CAC7B,CAAA;YACD,IAAI,SAAS;gBAAE,SAAS,CAAC,GAAG,GAAG,SAAS,CAAC,OAAO,CAAC,GAAG,CAAA;SACrD;QACD,OAAO,SAAS,CAAA;IAClB,CAAC;IAED,YAAY,CAAC,EAAU,EAAE,WAAwB;QAC/C,IAAI,WAAW,KAAK,iCAAW,CAAC,WAAW,EAAE;YAC3C,OAAO,CACL,8BAAC,aAAK,IAAC,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,IAClC,IAAI,CAAC,IAAI,CACJ,CACT,CAAA;SACF;QACD,IAAI,KAAK,GAAG,EAAE,CAAA;QACd,IAAI,IAAI,CAAC,GAAG;YAAE,KAAK,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,CAAA;QACvC,OAAO;QACL,aAAa;QACb,8BAAC,cAAM,kBAAC,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,IAAM,KAAK,GAC9C,IAAI,CAAC,IAAI,CACH,CACV,CAAA;IACH,CAAC;CACF;AArCD,gCAqCC"}
+{"version":3,"file":"flow-button.js","sourceRoot":"","sources":["../../../src/content-fields/flow-button.tsx"],"names":[],"mappings":";;;;AAAA,0CAA8C;AAC9C,0DAAyB;AAGzB,+DAAyD;AACzD,qDAKyB;AAEzB,MAAa,UAAW,SAAQ,uCAAiB;IAAjD;;QACS,SAAI,GAAG,EAAE,CAAA;IAmDlB,CAAC;IA/CC,MAAM,CAAC,cAAc,CACnB,SAAmB,EACnB,MAAc,EACd,MAAsB;QAEtB,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,MAAM,CAAC,CAAA;QACtD,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC,CAAA;QAE9C,MAAM,SAAS,GAAG,IAAI,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC,CAAA;QAC9C,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,SAAS,CAAC,IAAI,CAAC,CAAA;QAC7D,IAAI,SAAS,CAAC,MAAM,EAAE;YACpB,SAAS,CAAC,OAAO,GAAG,SAAS,CAAC,MAAM,CAAC,EAAE,CAAA;SACxC;QACD,IAAI,SAAS,CAAC,OAAO,IAAI,SAAS,EAAE;YAClC,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,SAAS,CAAkB,CAAA;YAC9D,SAAS,CAAC,OAAO,GAAG,WAAW,CAAC,OAAO,CAAC,OAAO,CAAA;SAChD;QACD,IAAI,SAAS,CAAC,GAAG,IAAI,KAAK,EAAE;YAC1B,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAc,CAAA;YACtD,SAAS,CAAC,GAAG,GAAG,WAAW,CAAC,OAAO,CAAC,GAAG,CAAA;SACxC;QAED,OAAO,SAAS,CAAA;IAClB,CAAC;IAED,MAAM,CAAC,YAAY,CAAC,SAAS,EAAE,MAAM;;QACnC,OAAO,MAAA,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM,KAAK,MAAM,CAAC,0CAAE,EAAE,CAAA;IACzE,CAAC;IAED,MAAM,CAAC,QAAQ,CAAC,SAAS,EAAE,MAAM;;QAC/B,OAAO,MAAA,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,MAAM,KAAK,MAAM,CAAC,0CAAE,EAAE,CAAA;IAC7D,CAAC;IAED,YAAY,CAAC,WAA2B;QACtC,IAAI,WAAW,KAAK,8BAAa,CAAC,WAAW,EAAE;YAC7C,OAAO,CACL,8BAAC,aAAK,IAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,IACvC,IAAI,CAAC,IAAI,CACJ,CACT,CAAA;SACF;QACD,OAAO,CACL,8BAAC,cAAM,IAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,IACvD,IAAI,CAAC,IAAI,CACH,CACV,CAAA;IACH,CAAC;CACF;AApDD,gCAoDC"}

package/lib/cjs/content-fields/flow-carousel.d.ts

@@ -1,10 +1,11 @@
 /// <reference types="react" />
-import { CarouselNode } from '../flow-builder-models';
+import { FlowBuilderApi } from '../api';
 import { ContentFieldsBase } from './content-fields-base';
 import { FlowElement } from './flow-element';
+import { HtCarouselNode } from './hubtype-fields';
 export declare class FlowCarousel extends ContentFieldsBase {
     code: string;
     elements: FlowElement[];
-    static fromHubtypeCMS(component: CarouselNode, locale: string): FlowCarousel;
+    static fromHubtypeCMS(component: HtCarouselNode, locale: string, cmsApi: FlowBuilderApi): FlowCarousel;
     toBotonic(id: string): JSX.Element;
 }

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

@@ -12,21 +12,14 @@ class FlowCarousel extends content_fields_base_1.ContentFieldsBase {
         this.code = '';
         this.elements = [];
     }
-    static fromHubtypeCMS(component, locale) {
+    static fromHubtypeCMS(component, locale, cmsApi) {
         const newCarousel = new FlowCarousel(component.id);
         newCarousel.code = component.code;
-        newCarousel.elements = component.content.elements.map(element => flow_element_1.FlowElement.fromHubtypeCMS(element, locale));
+        newCarousel.elements = component.content.elements.map(element => flow_element_1.FlowElement.fromHubtypeCMS(element, locale, cmsApi));
         return newCarousel;
     }
     toBotonic(id) {
-        return (react_2.default.createElement(react_1.Carousel, { key: id }, this.elements.map(element => {
-            var _a, _b, _c;
-            return (react_2.default.createElement(react_1.Element, { key: `${id}-${element.id}` },
-                react_2.default.createElement(react_1.Pic, { src: element.image }),
-                react_2.default.createElement(react_1.Title, { style: '' }, element.title),
-                react_2.default.createElement(react_1.Subtitle, { style: '' }, element.subtitle),
-                react_2.default.createElement(react_1.Button, { payload: (_a = element.buttons) === null || _a === void 0 ? void 0 : _a.payload, url: (_b = element.buttons) === null || _b === void 0 ? void 0 : _b.url }, (_c = element.buttons) === null || _c === void 0 ? void 0 : _c.text)));
-        })));
+        return (react_2.default.createElement(react_1.Carousel, { key: id }, this.elements.map(element => element.toBotonic(id))));
     }
 }
 exports.FlowCarousel = FlowCarousel;

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

@@ -1 +1 @@
-{"version":3,"file":"flow-carousel.js","sourceRoot":"","sources":["../../../src/content-fields/flow-carousel.tsx"],"names":[],"mappings":";;;;AAAA,0CAAgF;AAChF,0DAAyB;AAGzB,+DAAyD;AACzD,iDAA4C;AAE5C,MAAa,YAAa,SAAQ,uCAAiB;IAAnD;;QACS,SAAI,GAAG,EAAE,CAAA;QACT,aAAQ,GAAkB,EAAE,CAAA;IA+BrC,CAAC;IA7BC,MAAM,CAAC,cAAc,CAAC,SAAuB,EAAE,MAAc;QAC3D,MAAM,WAAW,GAAG,IAAI,YAAY,CAAC,SAAS,CAAC,EAAE,CAAC,CAAA;QAClD,WAAW,CAAC,IAAI,GAAG,SAAS,CAAC,IAAI,CAAA;QACjC,WAAW,CAAC,QAAQ,GAAG,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAC9D,0BAAW,CAAC,cAAc,CAAC,OAAO,EAAE,MAAM,CAAC,CAC5C,CAAA;QACD,OAAO,WAAW,CAAA;IACpB,CAAC;IAED,SAAS,CAAC,EAAU;QAClB,OAAO,CACL,8BAAC,gBAAQ,IAAC,GAAG,EAAE,EAAE,IACd,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;;YAAC,OAAA,CAC5B,8BAAC,eAAO,IAAC,GAAG,EAAE,GAAG,EAAE,IAAI,OAAO,CAAC,EAAE,EAAE;gBACjC,8BAAC,WAAG,IAAC,GAAG,EAAE,OAAO,CAAC,KAAK,GAAI;gBAC3B,8BAAC,aAAK,IAAC,KAAK,EAAC,EAAE,IAAE,OAAO,CAAC,KAAK,CAAS;gBACvC,8BAAC,gBAAQ,IAAC,KAAK,EAAC,EAAE,IAAE,OAAO,CAAC,QAAQ,CAAY;gBAEhD,8BAAC,cAAM,IACL,OAAO,EAAE,MAAA,OAAO,CAAC,OAAO,0CAAE,OAAO,EACjC,GAAG,EAAE,MAAA,OAAO,CAAC,OAAO,0CAAE,GAAG,IAExB,MAAA,OAAO,CAAC,OAAO,0CAAE,IAAI,CACf,CACD,CACX,CAAA;SAAA,CAAC,CACO,CACZ,CAAA;IACH,CAAC;CACF;AAjCD,oCAiCC"}
+{"version":3,"file":"flow-carousel.js","sourceRoot":"","sources":["../../../src/content-fields/flow-carousel.tsx"],"names":[],"mappings":";;;;AAAA,0CAAyC;AACzC,0DAAyB;AAGzB,+DAAyD;AACzD,iDAA4C;AAG5C,MAAa,YAAa,SAAQ,uCAAiB;IAAnD;;QACS,SAAI,GAAG,EAAE,CAAA;QACT,aAAQ,GAAkB,EAAE,CAAA;IAsBrC,CAAC;IApBC,MAAM,CAAC,cAAc,CACnB,SAAyB,EACzB,MAAc,EACd,MAAsB;QAEtB,MAAM,WAAW,GAAG,IAAI,YAAY,CAAC,SAAS,CAAC,EAAE,CAAC,CAAA;QAClD,WAAW,CAAC,IAAI,GAAG,SAAS,CAAC,IAAI,CAAA;QACjC,WAAW,CAAC,QAAQ,GAAG,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAC9D,0BAAW,CAAC,cAAc,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC,CACpD,CAAA;QACD,OAAO,WAAW,CAAA;IACpB,CAAC;IAED,SAAS,CAAC,EAAU;QAClB,OAAO,CACL,8BAAC,gBAAQ,IAAC,GAAG,EAAE,EAAE,IACd,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,CAC3C,CACZ,CAAA;IACH,CAAC;CACF;AAxBD,oCAwBC"}

package/lib/cjs/content-fields/flow-element.d.ts

@@ -1,11 +1,14 @@
-import { CarouselElementNode } from '../flow-builder-models';
+/// <reference types="react" />
+import { FlowBuilderApi } from '../api';
 import { ContentFieldsBase } from './content-fields-base';
 import { FlowButton } from './flow-button';
+import { HtCarouselElement } from './hubtype-fields';
 export declare class FlowElement extends ContentFieldsBase {
     title: string;
     subtitle: string;
-    buttons: FlowButton | undefined;
+    button: FlowButton | undefined;
     image: string;
     hidden: boolean;
-    static fromHubtypeCMS(component: CarouselElementNode, locale: string): FlowElement;
+    static fromHubtypeCMS(component: HtCarouselElement, locale: string, cmsApi: FlowBuilderApi): FlowElement;
+    toBotonic(parentId: string): JSX.Element;
 }

package/lib/cjs/content-fields/flow-element.js

@@ -1,6 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FlowElement = void 0;
+const tslib_1 = require("tslib");
+const react_1 = require("@botonic/react");
+const react_2 = tslib_1.__importDefault(require("react"));
 const content_fields_base_1 = require("./content-fields-base");
 const flow_button_1 = require("./flow-button");
 class FlowElement extends content_fields_base_1.ContentFieldsBase {
@@ -11,14 +14,22 @@ class FlowElement extends content_fields_base_1.ContentFieldsBase {
         this.image = '';
         this.hidden = false;
     }
-    static fromHubtypeCMS(component, locale) {
+    static fromHubtypeCMS(component, locale, cmsApi) {
         const newElement = new FlowElement(component.id);
-        newElement.title = FlowElement.getTextByLocale(locale, component.title);
-        newElement.subtitle = FlowElement.getTextByLocale(locale, component.subtitle);
-        newElement.image = FlowElement.getImageByLocale(locale, component.image);
-        newElement.buttons = flow_button_1.FlowButton.fromHubtypeCMS(component.button, locale);
+        newElement.title = this.getTextByLocale(locale, component.title);
+        newElement.subtitle = this.getTextByLocale(locale, component.subtitle);
+        newElement.image = this.getImageByLocale(locale, component.image);
+        newElement.button = flow_button_1.FlowButton.fromHubtypeCMS(component.button, locale, cmsApi);
         return newElement;
     }
+    toBotonic(parentId) {
+        var _a;
+        return (react_2.default.createElement(react_1.Element, { key: `${parentId}-${this.id}` },
+            react_2.default.createElement(react_1.Pic, { src: this.image }),
+            react_2.default.createElement(react_1.Title, null, this.title),
+            react_2.default.createElement(react_1.Subtitle, null, this.subtitle), (_a = this.button) === null || _a === void 0 ? void 0 :
+            _a.renderButton()));
+    }
 }
 exports.FlowElement = FlowElement;
 //# sourceMappingURL=flow-element.js.map

package/lib/cjs/content-fields/flow-element.js.map

@@ -1 +1 @@
-{"version":3,"file":"flow-element.js","sourceRoot":"","sources":["../../../src/content-fields/flow-element.tsx"],"names":[],"mappings":";;;AACA,+DAAyD;AACzD,+CAA0C;AAE1C,MAAa,WAAY,SAAQ,uCAAiB;IAAlD;;QACS,UAAK,GAAG,EAAE,CAAA;QACV,aAAQ,GAAG,EAAE,CAAA;QAEb,UAAK,GAAG,EAAE,CAAA;QACV,WAAM,GAAG,KAAK,CAAA;IAgBvB,CAAC;IAdC,MAAM,CAAC,cAAc,CACnB,SAA8B,EAC9B,MAAc;QAEd,MAAM,UAAU,GAAG,IAAI,WAAW,CAAC,SAAS,CAAC,EAAE,CAAC,CAAA;QAChD,UAAU,CAAC,KAAK,GAAG,WAAW,CAAC,eAAe,CAAC,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC,CAAA;QACvE,UAAU,CAAC,QAAQ,GAAG,WAAW,CAAC,eAAe,CAC/C,MAAM,EACN,SAAS,CAAC,QAAQ,CACnB,CAAA;QACD,UAAU,CAAC,KAAK,GAAG,WAAW,CAAC,gBAAgB,CAAC,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC,CAAA;QACxE,UAAU,CAAC,OAAO,GAAG,wBAAU,CAAC,cAAc,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;QACxE,OAAO,UAAU,CAAA;IACnB,CAAC;CACF;AArBD,kCAqBC"}
+{"version":3,"file":"flow-element.js","sourceRoot":"","sources":["../../../src/content-fields/flow-element.tsx"],"names":[],"mappings":";;;;AAAA,0CAA8D;AAC9D,0DAAyB;AAGzB,+DAAyD;AACzD,+CAA0C;AAG1C,MAAa,WAAY,SAAQ,uCAAiB;IAAlD;;QACS,UAAK,GAAG,EAAE,CAAA;QACV,aAAQ,GAAG,EAAE,CAAA;QAEb,UAAK,GAAG,EAAE,CAAA;QACV,WAAM,GAAG,KAAK,CAAA;IA6BvB,CAAC;IA3BC,MAAM,CAAC,cAAc,CACnB,SAA4B,EAC5B,MAAc,EACd,MAAsB;QAEtB,MAAM,UAAU,GAAG,IAAI,WAAW,CAAC,SAAS,CAAC,EAAE,CAAC,CAAA;QAChD,UAAU,CAAC,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC,CAAA;QAChE,UAAU,CAAC,QAAQ,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAA;QACtE,UAAU,CAAC,KAAK,GAAG,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC,CAAA;QACjE,UAAU,CAAC,MAAM,GAAG,wBAAU,CAAC,cAAc,CAC3C,SAAS,CAAC,MAAM,EAChB,MAAM,EACN,MAAM,CACP,CAAA;QACD,OAAO,UAAU,CAAA;IACnB,CAAC;IAED,SAAS,CAAC,QAAgB;;QACxB,OAAO,CACL,8BAAC,eAAO,IAAC,GAAG,EAAE,GAAG,QAAQ,IAAI,IAAI,CAAC,EAAE,EAAE;YACpC,8BAAC,WAAG,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,GAAI;YACxB,8BAAC,aAAK,QAAE,IAAI,CAAC,KAAK,CAAS;YAC3B,8BAAC,gBAAQ,QAAE,IAAI,CAAC,QAAQ,CAAY,EACnC,MAAA,IAAI,CAAC,MAAM;eAAE,YAAY,EAAE,CACpB,CACX,CAAA;IACH,CAAC;CACF;AAlCD,kCAkCC"}

package/lib/cjs/content-fields/flow-image.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import { ImageNode } from '../flow-builder-models';
 import { ContentFieldsBase } from './content-fields-base';
+import { HtImageNode } from './hubtype-fields';
 export declare class FlowImage extends ContentFieldsBase {
     src: string;
     code: string;
-    static fromHubtypeCMS(component: ImageNode, locale: string): FlowImage;
+    static fromHubtypeCMS(component: HtImageNode, locale: string): FlowImage;
     toBotonic(id: string): JSX.Element;
 }

package/lib/cjs/content-fields/flow-image.js.map

@@ -1 +1 @@
-{"version":3,"file":"flow-image.js","sourceRoot":"","sources":["../../../src/content-fields/flow-image.tsx"],"names":[],"mappings":";;;;AAAA,0CAAsC;AACtC,0DAAyB;AAGzB,+DAAyD;AAEzD,MAAa,SAAU,SAAQ,uCAAiB;IAAhD;;QACS,QAAG,GAAG,EAAE,CAAA;QACR,SAAI,GAAG,EAAE,CAAA;IAYlB,CAAC;IAVC,MAAM,CAAC,cAAc,CAAC,SAAoB,EAAE,MAAc;QACxD,MAAM,QAAQ,GAAG,IAAI,SAAS,CAAC,SAAS,CAAC,EAAE,CAAC,CAAA;QAC5C,QAAQ,CAAC,IAAI,GAAG,SAAS,CAAC,IAAI,CAAA;QAC9B,QAAQ,CAAC,GAAG,GAAG,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;QACrE,OAAO,QAAQ,CAAA;IACjB,CAAC;IAED,SAAS,CAAC,EAAU;QAClB,OAAO,8BAAC,aAAK,IAAC,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,GAAI,CAAA;IAC1C,CAAC;CACF;AAdD,8BAcC"}
+{"version":3,"file":"flow-image.js","sourceRoot":"","sources":["../../../src/content-fields/flow-image.tsx"],"names":[],"mappings":";;;;AAAA,0CAAsC;AACtC,0DAAyB;AAEzB,+DAAyD;AAGzD,MAAa,SAAU,SAAQ,uCAAiB;IAAhD;;QACS,QAAG,GAAG,EAAE,CAAA;QACR,SAAI,GAAG,EAAE,CAAA;IAYlB,CAAC;IAVC,MAAM,CAAC,cAAc,CAAC,SAAsB,EAAE,MAAc;QAC1D,MAAM,QAAQ,GAAG,IAAI,SAAS,CAAC,SAAS,CAAC,EAAE,CAAC,CAAA;QAC5C,QAAQ,CAAC,IAAI,GAAG,SAAS,CAAC,IAAI,CAAA;QAC9B,QAAQ,CAAC,GAAG,GAAG,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;QACrE,OAAO,QAAQ,CAAA;IACjB,CAAC;IAED,SAAS,CAAC,EAAU;QAClB,OAAO,8BAAC,aAAK,IAAC,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,GAAI,CAAA;IAC1C,CAAC;CACF;AAdD,8BAcC"}

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

@@ -1,12 +1,13 @@
 /// <reference types="react" />
-import { ButtonStyle, TextNode } from '../flow-builder-models';
+import { FlowBuilderApi } from '../api';
 import { ContentFieldsBase } from './content-fields-base';
 import { FlowButton } from './flow-button';
+import { HtButtonStyle, HtTextNode } from './hubtype-fields';
 export declare class FlowText extends ContentFieldsBase {
     text: string;
     code: string;
     buttons: FlowButton[];
-    buttonStyle: ButtonStyle;
-    static fromHubtypeCMS(component: TextNode, locale: string): FlowText;
+    buttonStyle: HtButtonStyle;
+    static fromHubtypeCMS(cmsText: HtTextNode, locale: string, cmsApi: FlowBuilderApi): FlowText;
     toBotonic(id: string): JSX.Element;
 }

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

@@ -4,29 +4,29 @@ exports.FlowText = void 0;
 const tslib_1 = require("tslib");
 const react_1 = require("@botonic/react");
 const react_2 = tslib_1.__importDefault(require("react"));
-const flow_builder_models_1 = require("../flow-builder-models");
 const content_fields_base_1 = require("./content-fields-base");
 const flow_button_1 = require("./flow-button");
+const hubtype_fields_1 = require("./hubtype-fields");
 class FlowText extends content_fields_base_1.ContentFieldsBase {
     constructor() {
         super(...arguments);
         this.text = '';
         this.code = '';
         this.buttons = [];
-        this.buttonStyle = flow_builder_models_1.ButtonStyle.BUTTON;
+        this.buttonStyle = hubtype_fields_1.HtButtonStyle.BUTTON;
     }
-    static fromHubtypeCMS(component, locale) {
-        const newText = new FlowText(component.id);
-        newText.code = component.code;
-        newText.buttonStyle = component.content.buttons_style || flow_builder_models_1.ButtonStyle.BUTTON;
-        newText.text = FlowText.getTextByLocale(locale, component.content.text);
-        newText.buttons = component.content.buttons.map(button => flow_button_1.FlowButton.fromHubtypeCMS(button, locale));
+    static fromHubtypeCMS(cmsText, locale, cmsApi) {
+        const newText = new FlowText(cmsText.id);
+        newText.code = cmsText.code;
+        newText.buttonStyle = cmsText.content.buttons_style || hubtype_fields_1.HtButtonStyle.BUTTON;
+        newText.text = this.getTextByLocale(locale, cmsText.content.text);
+        newText.buttons = cmsText.content.buttons.map(button => flow_button_1.FlowButton.fromHubtypeCMS(button, locale, cmsApi));
         return newText;
     }
     toBotonic(id) {
         return (react_2.default.createElement(react_1.Text, { key: id },
             this.text,
-            this.buttons.map(button => button.renderButton(button.id, this.buttonStyle))));
+            this.buttons.map(button => button.renderButton(this.buttonStyle))));
     }
 }
 exports.FlowText = FlowText;

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

@@ -1 +1 @@
-{"version":3,"file":"flow-text.js","sourceRoot":"","sources":["../../../src/content-fields/flow-text.tsx"],"names":[],"mappings":";;;;AAAA,0CAAqC;AACrC,0DAAyB;AAEzB,gEAA8D;AAC9D,+DAAyD;AACzD,+CAA0C;AAE1C,MAAa,QAAS,SAAQ,uCAAiB;IAA/C;;QACS,SAAI,GAAG,EAAE,CAAA;QACT,SAAI,GAAG,EAAE,CAAA;QACT,YAAO,GAAiB,EAAE,CAAA;QAC1B,gBAAW,GAAG,iCAAW,CAAC,MAAM,CAAA;IAuBzC,CAAC;IArBC,MAAM,CAAC,cAAc,CAAC,SAAmB,EAAE,MAAc;QACvD,MAAM,OAAO,GAAG,IAAI,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,CAAA;QAC1C,OAAO,CAAC,IAAI,GAAG,SAAS,CAAC,IAAI,CAAA;QAC7B,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC,OAAO,CAAC,aAAa,IAAI,iCAAW,CAAC,MAAM,CAAA;QAC3E,OAAO,CAAC,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC,MAAM,EAAE,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;QACvE,OAAO,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CACvD,wBAAU,CAAC,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC,CAC1C,CAAA;QACD,OAAO,OAAO,CAAA;IAChB,CAAC;IAED,SAAS,CAAC,EAAU;QAClB,OAAO,CACL,8BAAC,YAAI,IAAC,GAAG,EAAE,EAAE;YACV,IAAI,CAAC,IAAI;YACT,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CACzB,MAAM,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,WAAW,CAAC,CACjD,CACI,CACR,CAAA;IACH,CAAC;CACF;AA3BD,4BA2BC"}
+{"version":3,"file":"flow-text.js","sourceRoot":"","sources":["../../../src/content-fields/flow-text.tsx"],"names":[],"mappings":";;;;AAAA,0CAAqC;AACrC,0DAAyB;AAGzB,+DAAyD;AACzD,+CAA0C;AAC1C,qDAA4D;AAE5D,MAAa,QAAS,SAAQ,uCAAiB;IAA/C;;QACS,SAAI,GAAG,EAAE,CAAA;QACT,SAAI,GAAG,EAAE,CAAA;QACT,YAAO,GAAiB,EAAE,CAAA;QAC1B,gBAAW,GAAG,8BAAa,CAAC,MAAM,CAAA;IAyB3C,CAAC;IAvBC,MAAM,CAAC,cAAc,CACnB,OAAmB,EACnB,MAAc,EACd,MAAsB;QAEtB,MAAM,OAAO,GAAG,IAAI,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;QACxC,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,CAAA;QAC3B,OAAO,CAAC,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,aAAa,IAAI,8BAAa,CAAC,MAAM,CAAA;QAC3E,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;QACjE,OAAO,CAAC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CACrD,wBAAU,CAAC,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAClD,CAAA;QACD,OAAO,OAAO,CAAA;IAChB,CAAC;IAED,SAAS,CAAC,EAAU;QAClB,OAAO,CACL,8BAAC,YAAI,IAAC,GAAG,EAAE,EAAE;YACV,IAAI,CAAC,IAAI;YACT,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAC7D,CACR,CAAA;IACH,CAAC;CACF;AA7BD,4BA6BC"}

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import { VideoNode } from '../flow-builder-models';
 import { ContentFieldsBase } from './content-fields-base';
+import { HtVideoNode } from './hubtype-fields';
 export declare class FlowVideo extends ContentFieldsBase {
     src: string;
     code: string;
-    static fromHubtypeCMS(component: VideoNode, locale: string): FlowVideo;
+    static fromHubtypeCMS(component: HtVideoNode, locale: string): FlowVideo;
     toBotonic(id: string): JSX.Element;
 }

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

@@ -18,7 +18,6 @@ class FlowVideo extends content_fields_base_1.ContentFieldsBase {
         return newVideo;
     }
     toBotonic(id) {
-        // @ts-ignore
         return react_2.default.createElement(react_1.Video, { key: id, src: this.src });
     }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"flow-video.js","sourceRoot":"","sources":["../../../src/content-fields/flow-video.tsx"],"names":[],"mappings":";;;;AAAA,0CAAsC;AACtC,0DAAyB;AAGzB,+DAAyD;AAEzD,MAAa,SAAU,SAAQ,uCAAiB;IAAhD;;QACS,QAAG,GAAG,EAAE,CAAA;QACR,SAAI,GAAG,EAAE,CAAA;IAalB,CAAC;IAXC,MAAM,CAAC,cAAc,CAAC,SAAoB,EAAE,MAAc;QACxD,MAAM,QAAQ,GAAG,IAAI,SAAS,CAAC,SAAS,CAAC,EAAE,CAAC,CAAA;QAC5C,QAAQ,CAAC,IAAI,GAAG,SAAS,CAAC,IAAI,CAAA;QAC9B,QAAQ,CAAC,GAAG,GAAG,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;QACrE,OAAO,QAAQ,CAAA;IACjB,CAAC;IAED,SAAS,CAAC,EAAU;QAClB,aAAa;QACb,OAAO,8BAAC,aAAK,IAAC,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,GAAI,CAAA;IAC1C,CAAC;CACF;AAfD,8BAeC"}
+{"version":3,"file":"flow-video.js","sourceRoot":"","sources":["../../../src/content-fields/flow-video.tsx"],"names":[],"mappings":";;;;AAAA,0CAAsC;AACtC,0DAAyB;AAEzB,+DAAyD;AAGzD,MAAa,SAAU,SAAQ,uCAAiB;IAAhD;;QACS,QAAG,GAAG,EAAE,CAAA;QACR,SAAI,GAAG,EAAE,CAAA;IAYlB,CAAC;IAVC,MAAM,CAAC,cAAc,CAAC,SAAsB,EAAE,MAAc;QAC1D,MAAM,QAAQ,GAAG,IAAI,SAAS,CAAC,SAAS,CAAC,EAAE,CAAC,CAAA;QAC5C,QAAQ,CAAC,IAAI,GAAG,SAAS,CAAC,IAAI,CAAA;QAC9B,QAAQ,CAAC,GAAG,GAAG,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;QACrE,OAAO,QAAQ,CAAA;IACjB,CAAC;IAED,SAAS,CAAC,EAAU;QAClB,OAAO,8BAAC,aAAK,IAAC,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,GAAI,CAAA;IAC1C,CAAC;CACF;AAdD,8BAcC"}

package/lib/cjs/content-fields/hubtype-fields/button.d.ts

@@ -0,0 +1,9 @@
+import { HtNodeLink, HtPayloadLocale, HtTextLocale, HtUrlLocale } from './common';
+export interface HtButton {
+    id: string;
+    text: HtTextLocale[];
+    url: HtUrlLocale[];
+    payload: HtPayloadLocale[];
+    target?: HtNodeLink;
+    hidden: string[];
+}

package/lib/cjs/content-fields/hubtype-fields/button.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=button.js.map

package/lib/cjs/content-fields/hubtype-fields/button.js.map

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