@botonic/plugin-flow-builder 0.22.0-alpha.2 → 0.22.0

package/lib/esm/api.js

@@ -0,0 +1,103 @@
+import axios from 'axios/index';
+import { HtNodeStartType, HtNodeWithContentType, } from './content-fields/hubtype-fields';
+export class FlowBuilderApi {
+    constructor(options) {
+        this.url = options.url;
+        if (options.flow) {
+            this.flow = options.flow;
+        }
+    }
+    async init(token) {
+        const { data } = await axios.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 === 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 === 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 === 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 == 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;
+    }
+}
+//# sourceMappingURL=api.js.map

package/lib/esm/api.js.map

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

package/lib/esm/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/esm/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,MAAM,OAAgB,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"}
+{"version":3,"file":"content-fields-base.js","sourceRoot":"","sources":["../../../src/content-fields/content-fields-base.ts"],"names":[],"mappings":"AAMA,MAAM,OAAgB,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"}

package/lib/esm/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/esm/content-fields/flow-button.js

@@ -1,36 +1,43 @@
 import { Button, Reply } from '@botonic/react';
 import React from 'react';
-import { ButtonStyle } from '../flow-builder-models';
 import { ContentFieldsBase } from './content-fields-base';
+import { HtButtonStyle, } from './hubtype-fields';
 export class FlowButton extends 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 === ButtonStyle.QUICK_REPLY) {
-            return (React.createElement(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 === HtButtonStyle.QUICK_REPLY) {
+            return (React.createElement(Reply, { key: this.id, payload: this.payload }, this.text));
         }
-        let props = {};
-        if (this.url)
-            props = { url: this.url };
-        return (
-        // @ts-ignore
-        React.createElement(Button, Object.assign({ key: id, payload: this.payload }, props), this.text));
+        return (React.createElement(Button, { key: this.id, payload: this.payload, url: this.url }, this.text));
     }
 }
 //# sourceMappingURL=flow-button.js.map

package/lib/esm/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,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAC9C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAsB,WAAW,EAAE,MAAM,wBAAwB,CAAA;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAEzD,MAAM,OAAO,UAAW,SAAQ,iBAAiB;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,WAAW,CAAC,WAAW,EAAE;YAC3C,OAAO,CACL,oBAAC,KAAK,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,oBAAC,MAAM,kBAAC,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,IAAM,KAAK,GAC9C,IAAI,CAAC,IAAI,CACH,CACV,CAAA;IACH,CAAC;CACF"}
+{"version":3,"file":"flow-button.js","sourceRoot":"","sources":["../../../src/content-fields/flow-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAC9C,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AACzD,OAAO,EAEL,aAAa,GAGd,MAAM,kBAAkB,CAAA;AAEzB,MAAM,OAAO,UAAW,SAAQ,iBAAiB;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,aAAa,CAAC,WAAW,EAAE;YAC7C,OAAO,CACL,oBAAC,KAAK,IAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,IACvC,IAAI,CAAC,IAAI,CACJ,CACT,CAAA;SACF;QACD,OAAO,CACL,oBAAC,MAAM,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"}

package/lib/esm/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/esm/content-fields/flow-carousel.js

@@ -1,4 +1,4 @@
-import { Button, Carousel, Element, Pic, Subtitle, Title } from '@botonic/react';
+import { Carousel } from '@botonic/react';
 import React from 'react';
 import { ContentFieldsBase } from './content-fields-base';
 import { FlowElement } from './flow-element';
@@ -8,21 +8,14 @@ export class FlowCarousel extends 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 => FlowElement.fromHubtypeCMS(element, locale));
+        newCarousel.elements = component.content.elements.map(element => FlowElement.fromHubtypeCMS(element, locale, cmsApi));
         return newCarousel;
     }
     toBotonic(id) {
-        return (React.createElement(Carousel, { key: id }, this.elements.map(element => {
-            var _a, _b, _c;
-            return (React.createElement(Element, { key: `${id}-${element.id}` },
-                React.createElement(Pic, { src: element.image }),
-                React.createElement(Title, { style: '' }, element.title),
-                React.createElement(Subtitle, { style: '' }, element.subtitle),
-                React.createElement(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.createElement(Carousel, { key: id }, this.elements.map(element => element.toBotonic(id))));
     }
 }
 //# sourceMappingURL=flow-carousel.js.map

package/lib/esm/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,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAChF,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAE5C,MAAM,OAAO,YAAa,SAAQ,iBAAiB;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,WAAW,CAAC,cAAc,CAAC,OAAO,EAAE,MAAM,CAAC,CAC5C,CAAA;QACD,OAAO,WAAW,CAAA;IACpB,CAAC;IAED,SAAS,CAAC,EAAU;QAClB,OAAO,CACL,oBAAC,QAAQ,IAAC,GAAG,EAAE,EAAE,IACd,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;;YAAC,OAAA,CAC5B,oBAAC,OAAO,IAAC,GAAG,EAAE,GAAG,EAAE,IAAI,OAAO,CAAC,EAAE,EAAE;gBACjC,oBAAC,GAAG,IAAC,GAAG,EAAE,OAAO,CAAC,KAAK,GAAI;gBAC3B,oBAAC,KAAK,IAAC,KAAK,EAAC,EAAE,IAAE,OAAO,CAAC,KAAK,CAAS;gBACvC,oBAAC,QAAQ,IAAC,KAAK,EAAC,EAAE,IAAE,OAAO,CAAC,QAAQ,CAAY;gBAEhD,oBAAC,MAAM,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"}
+{"version":3,"file":"flow-carousel.js","sourceRoot":"","sources":["../../../src/content-fields/flow-carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAG5C,MAAM,OAAO,YAAa,SAAQ,iBAAiB;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,WAAW,CAAC,cAAc,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC,CACpD,CAAA;QACD,OAAO,WAAW,CAAA;IACpB,CAAC;IAED,SAAS,CAAC,EAAU;QAClB,OAAO,CACL,oBAAC,QAAQ,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"}

package/lib/esm/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/esm/content-fields/flow-element.js

@@ -1,3 +1,5 @@
+import { Element, Pic, Subtitle, Title } from '@botonic/react';
+import React from 'react';
 import { ContentFieldsBase } from './content-fields-base';
 import { FlowButton } from './flow-button';
 export class FlowElement extends ContentFieldsBase {
@@ -8,13 +10,21 @@ export class FlowElement extends 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 = 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 = FlowButton.fromHubtypeCMS(component.button, locale, cmsApi);
         return newElement;
     }
+    toBotonic(parentId) {
+        var _a;
+        return (React.createElement(Element, { key: `${parentId}-${this.id}` },
+            React.createElement(Pic, { src: this.image }),
+            React.createElement(Title, null, this.title),
+            React.createElement(Subtitle, null, this.subtitle), (_a = this.button) === null || _a === void 0 ? void 0 :
+            _a.renderButton()));
+    }
 }
 //# sourceMappingURL=flow-element.js.map

package/lib/esm/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,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,MAAM,OAAO,WAAY,SAAQ,iBAAiB;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,UAAU,CAAC,cAAc,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;QACxE,OAAO,UAAU,CAAA;IACnB,CAAC;CACF"}
+{"version":3,"file":"flow-element.js","sourceRoot":"","sources":["../../../src/content-fields/flow-element.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAC9D,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAG1C,MAAM,OAAO,WAAY,SAAQ,iBAAiB;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,UAAU,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,oBAAC,OAAO,IAAC,GAAG,EAAE,GAAG,QAAQ,IAAI,IAAI,CAAC,EAAE,EAAE;YACpC,oBAAC,GAAG,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,GAAI;YACxB,oBAAC,KAAK,QAAE,IAAI,CAAC,KAAK,CAAS;YAC3B,oBAAC,QAAQ,QAAE,IAAI,CAAC,QAAQ,CAAY,EACnC,MAAA,IAAI,CAAC,MAAM;eAAE,YAAY,EAAE,CACpB,CACX,CAAA;IACH,CAAC;CACF"}

package/lib/esm/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/esm/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,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAEzD,MAAM,OAAO,SAAU,SAAQ,iBAAiB;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,oBAAC,KAAK,IAAC,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,GAAI,CAAA;IAC1C,CAAC;CACF"}
+{"version":3,"file":"flow-image.js","sourceRoot":"","sources":["../../../src/content-fields/flow-image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAGzD,MAAM,OAAO,SAAU,SAAQ,iBAAiB;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,oBAAC,KAAK,IAAC,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,GAAI,CAAA;IAC1C,CAAC;CACF"}

package/lib/esm/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/esm/content-fields/flow-text.js

@@ -1,28 +1,28 @@
 import { Text } from '@botonic/react';
 import React from 'react';
-import { ButtonStyle } from '../flow-builder-models';
 import { ContentFieldsBase } from './content-fields-base';
 import { FlowButton } from './flow-button';
+import { HtButtonStyle } from './hubtype-fields';
 export class FlowText extends ContentFieldsBase {
     constructor() {
         super(...arguments);
         this.text = '';
         this.code = '';
         this.buttons = [];
-        this.buttonStyle = ButtonStyle.BUTTON;
+        this.buttonStyle = HtButtonStyle.BUTTON;
     }
-    static fromHubtypeCMS(component, locale) {
-        const newText = new FlowText(component.id);
-        newText.code = component.code;
-        newText.buttonStyle = component.content.buttons_style || ButtonStyle.BUTTON;
-        newText.text = FlowText.getTextByLocale(locale, component.content.text);
-        newText.buttons = component.content.buttons.map(button => 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 || HtButtonStyle.BUTTON;
+        newText.text = this.getTextByLocale(locale, cmsText.content.text);
+        newText.buttons = cmsText.content.buttons.map(button => FlowButton.fromHubtypeCMS(button, locale, cmsApi));
         return newText;
     }
     toBotonic(id) {
         return (React.createElement(Text, { key: id },
             this.text,
-            this.buttons.map(button => button.renderButton(button.id, this.buttonStyle))));
+            this.buttons.map(button => button.renderButton(this.buttonStyle))));
     }
 }
 //# sourceMappingURL=flow-text.js.map

package/lib/esm/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,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AACrC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,WAAW,EAAY,MAAM,wBAAwB,CAAA;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,MAAM,OAAO,QAAS,SAAQ,iBAAiB;IAA/C;;QACS,SAAI,GAAG,EAAE,CAAA;QACT,SAAI,GAAG,EAAE,CAAA;QACT,YAAO,GAAiB,EAAE,CAAA;QAC1B,gBAAW,GAAG,WAAW,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,WAAW,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,UAAU,CAAC,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC,CAC1C,CAAA;QACD,OAAO,OAAO,CAAA;IAChB,CAAC;IAED,SAAS,CAAC,EAAU;QAClB,OAAO,CACL,oBAAC,IAAI,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"}
+{"version":3,"file":"flow-text.js","sourceRoot":"","sources":["../../../src/content-fields/flow-text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAA;AACrC,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,aAAa,EAAc,MAAM,kBAAkB,CAAA;AAE5D,MAAM,OAAO,QAAS,SAAQ,iBAAiB;IAA/C;;QACS,SAAI,GAAG,EAAE,CAAA;QACT,SAAI,GAAG,EAAE,CAAA;QACT,YAAO,GAAiB,EAAE,CAAA;QAC1B,gBAAW,GAAG,aAAa,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,aAAa,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,UAAU,CAAC,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAClD,CAAA;QACD,OAAO,OAAO,CAAA;IAChB,CAAC;IAED,SAAS,CAAC,EAAU;QAClB,OAAO,CACL,oBAAC,IAAI,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"}

package/lib/esm/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/esm/content-fields/flow-video.js

@@ -14,7 +14,6 @@ export class FlowVideo extends ContentFieldsBase {
         return newVideo;
     }
     toBotonic(id) {
-        // @ts-ignore
         return React.createElement(Video, { key: id, src: this.src });
     }
 }

package/lib/esm/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,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAEzD,MAAM,OAAO,SAAU,SAAQ,iBAAiB;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,oBAAC,KAAK,IAAC,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,GAAI,CAAA;IAC1C,CAAC;CACF"}
+{"version":3,"file":"flow-video.js","sourceRoot":"","sources":["../../../src/content-fields/flow-video.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAGzD,MAAM,OAAO,SAAU,SAAQ,iBAAiB;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,oBAAC,KAAK,IAAC,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,GAAI,CAAA;IAC1C,CAAC;CACF"}

package/lib/esm/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/esm/content-fields/hubtype-fields/button.js

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

package/lib/esm/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":""}

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

@@ -0,0 +1,16 @@
+import { HtButton } from './button';
+import { HtBaseNode, HtMediaFileLocale, HtTextLocale } from './common';
+import { HtNodeWithContentType } from './node-types';
+export interface HtCarouselElement {
+    id: string;
+    title: HtTextLocale[];
+    subtitle: HtTextLocale[];
+    image: HtMediaFileLocale[];
+    button: HtButton;
+}
+export interface HtCarouselNode extends HtBaseNode {
+    type: HtNodeWithContentType.CAROUSEL;
+    content: {
+        elements: HtCarouselElement[];
+    };
+}

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

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

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

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

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

@@ -0,0 +1,55 @@
+import { HtNodeWithContentType, HtNodeWithoutContentType } from './node-types';
+import { HtNodeComponent } from './nodes';
+export interface HtFlowBuilderData {
+    version: string;
+    name: string;
+    locales: string[];
+    start_node_id?: string;
+    ai_model_id?: string;
+    nodes: HtNodeComponent[];
+}
+export interface HtNodeLink {
+    id: string;
+    type: HtNodeWithContentType | HtNodeWithoutContentType;
+}
+export interface HtBaseNode {
+    id: string;
+    code: string;
+    meta: {
+        x: number;
+        y: number;
+    };
+    follow_up?: HtNodeLink;
+    target?: HtNodeLink;
+}
+export interface HtTextLocale {
+    message: string;
+    locale: string;
+}
+export interface HtMediaFileLocale {
+    id: string;
+    file: string;
+    locale: string;
+}
+export interface HtVideoLocale {
+    url: string;
+    is_embedded: boolean;
+    locale: string;
+}
+export interface HtQueueLocale {
+    id: string;
+    name: string;
+    locale: string;
+}
+export interface HtInputLocale {
+    values: string[];
+    locale: string;
+}
+export interface HtUrlLocale {
+    id: string;
+    locale: string;
+}
+export interface HtPayloadLocale {
+    id: string;
+    locale: string;
+}

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

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

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

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

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

@@ -0,0 +1,9 @@
+import { HtBaseNode, HtNodeLink } from './common';
+import { HtNodeWithContentType } from './node-types';
+export interface HtFallbackNode extends HtBaseNode {
+    type: HtNodeWithContentType.FALLBACK;
+    content: {
+        first_message?: HtNodeLink;
+        second_message?: HtNodeLink;
+    };
+}

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

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

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

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

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

@@ -0,0 +1,28 @@
+import { HtBaseNode, HtNodeLink } from './common';
+import { HtNodeWithContentType } from './node-types';
+export declare enum HtArgumentType {
+    NUMBER = "number",
+    STRING = "string",
+    JSON = "json"
+}
+export interface HtFunctionArgument {
+    type: HtArgumentType;
+    name: string;
+    value: string;
+}
+export interface HtFunctionArgumentLocale {
+    locale: string;
+    values: HtFunctionArgument[];
+}
+export interface HtFunctionResult {
+    result: string;
+    target?: HtNodeLink;
+}
+export interface HtFunctionNode extends HtBaseNode {
+    type: HtNodeWithContentType.FUNCTION;
+    content: {
+        action: string;
+        arguments: HtFunctionArgumentLocale[];
+        result_mapping: HtFunctionResult[];
+    };
+}