@botonic/plugin-flow-builder 0.24.2 → 0.25.0-alpha.1

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

@@ -1,24 +1,26 @@
-export class ContentFieldsBase {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ContentFieldsBase = void 0;
+class ContentFieldsBase {
+    id;
     constructor(id) {
         this.id = id;
     }
     static getTextByLocale(locale, text) {
-        var _a;
         const result = text.find(t => t.locale === locale);
-        return (_a = result === null || result === void 0 ? void 0 : result.message) !== null && _a !== void 0 ? _a : '';
+        return result?.message ?? '';
     }
     static getImageByLocale(locale, image) {
-        var _a;
         const result = image.find(i => i.locale === locale);
-        return (_a = result === null || result === void 0 ? void 0 : result.file) !== null && _a !== void 0 ? _a : '';
+        return result?.file ?? '';
     }
     static getVideoByLocale(locale, video) {
-        var _a;
         const result = video.find(v => v.locale === locale);
-        return (_a = result === null || result === void 0 ? void 0 : result.url) !== null && _a !== void 0 ? _a : '';
+        return result?.url ?? '';
     }
     static getQueueByLocale(locale, queues) {
         return queues.find(queue => queue.locale === locale);
     }
 }
+exports.ContentFieldsBase = ContentFieldsBase;
 //# sourceMappingURL=content-fields-base.js.map

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":"AAOA,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;IAED,MAAM,CAAC,gBAAgB,CACrB,MAAc,EACd,MAAuB;QAEvB,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,KAAK,MAAM,CAAC,CAAA;IACtD,CAAC;CACF"}
+{"version":3,"file":"content-fields-base.js","sourceRoot":"","sources":["../../../src/content-fields/content-fields-base.ts"],"names":[],"mappings":";;;AAOA,MAAsB,iBAAiB;IACT;IAA5B,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,MAAM,EAAE,OAAO,IAAI,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,MAAM,EAAE,IAAI,IAAI,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,MAAM,EAAE,GAAG,IAAI,EAAE,CAAA;IAC1B,CAAC;IAED,MAAM,CAAC,gBAAgB,CACrB,MAAc,EACd,MAAuB;QAEvB,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,KAAK,MAAM,CAAC,CAAA;IACtD,CAAC;CACF;AAxBD,8CAwBC"}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FlowBuilderApi } from '../api';
 import { ContentFieldsBase } from './content-fields-base';
 import { HtButton, HtButtonStyle } from './hubtype-fields';

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

@@ -1,13 +1,15 @@
-import { Button, Reply } from '@botonic/react';
-import React from 'react';
-import { SOURCE_INFO_SEPARATOR } from '../constants';
-import { ContentFieldsBase } from './content-fields-base';
-import { HtButtonStyle, } from './hubtype-fields';
-export class FlowButton extends ContentFieldsBase {
-    constructor() {
-        super(...arguments);
-        this.text = '';
-    }
+"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 hubtype_fields_1 = require("./hubtype-fields");
+class FlowButton extends content_fields_base_1.ContentFieldsBase {
+    text = '';
+    url;
+    payload;
     static fromHubtypeCMS(cmsButton, locale, cmsApi) {
         const payloadId = this.getPayloadId(cmsButton, locale);
         const urlId = this.getUrlId(cmsButton, locale);
@@ -28,23 +30,22 @@ export class FlowButton extends ContentFieldsBase {
         return newButton;
     }
     static getPayloadId(cmsButton, locale) {
-        var _a;
-        return (_a = cmsButton.payload.find(payload => payload.locale === locale)) === null || _a === void 0 ? void 0 : _a.id;
+        return cmsButton.payload.find(payload => payload.locale === locale)?.id;
     }
     static getUrlId(cmsButton, locale) {
-        var _a;
-        return (_a = cmsButton.url.find(url => url.locale === locale)) === null || _a === void 0 ? void 0 : _a.id;
+        return cmsButton.url.find(url => url.locale === locale)?.id;
     }
     renderButton(buttonIndex, buttonStyle) {
-        if (buttonStyle === HtButtonStyle.QUICK_REPLY) {
-            return (React.createElement(Reply, { key: this.id, payload: this.getButtonPayload(buttonIndex) }, this.text));
+        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));
         }
-        return (React.createElement(Button, { key: this.id, url: this.url, payload: this.getButtonPayload(buttonIndex) }, this.text));
+        return ((0, jsx_runtime_1.jsx)(react_1.Button, { url: this.url, payload: this.getButtonPayload(buttonIndex), children: this.text }, this.id));
     }
     getButtonPayload(buttonIndex) {
         return this.payload
-            ? `${this.payload}${SOURCE_INFO_SEPARATOR}${buttonIndex}`
+            ? `${this.payload}${constants_1.SOURCE_INFO_SEPARATOR}${buttonIndex}`
             : undefined;
     }
 }
+exports.FlowButton = FlowButton;
 //# 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;AAGzB,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA;AACpD,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;IA+DlB,CAAC;IA3DC,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,MAAM,CAAC,UAAU,CAAC,SAAS,CAAC,MAAM,CAAC,CAAA;SACxD;QAED,cAAc;QACd,IAAI,SAAS,CAAC,OAAO,IAAI,SAAS,EAAE;YAClC,MAAM,WAAW,GAAG,MAAM,CAAC,WAAW,CAAgB,SAAS,CAAC,CAAA;YAChE,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,WAAW,CAAY,KAAK,CAAC,CAAA;YACxD,SAAS,CAAC,GAAG,GAAG,WAAW,CAAC,OAAO,CAAC,GAAG,CAAA;SACxC;QAED,OAAO,SAAS,CAAA;IAClB,CAAC;IAED,MAAM,CAAC,YAAY,CAAC,SAAmB,EAAE,MAAc;;QACrD,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,SAAmB,EAAE,MAAc;;QACjD,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,WAAmB,EAAE,WAA2B;QAC3D,IAAI,WAAW,KAAK,aAAa,CAAC,WAAW,EAAE;YAC7C,OAAO,CACL,oBAAC,KAAK,IAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,IAC7D,IAAI,CAAC,IAAI,CACJ,CACT,CAAA;SACF;QACD,OAAO,CACL,oBAAC,MAAM,IACL,GAAG,EAAE,IAAI,CAAC,EAAE,EACZ,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,OAAO,EAAE,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,IAE1C,IAAI,CAAC,IAAI,CACH,CACV,CAAA;IACH,CAAC;IAEO,gBAAgB,CAAC,WAAmB;QAC1C,OAAO,IAAI,CAAC,OAAO;YACjB,CAAC,CAAC,GAAG,IAAI,CAAC,OAAO,GAAG,qBAAqB,GAAG,WAAW,EAAE;YACzD,CAAC,CAAC,SAAS,CAAA;IACf,CAAC;CACF"}
+{"version":3,"file":"flow-button.js","sourceRoot":"","sources":["../../../src/content-fields/flow-button.tsx"],"names":[],"mappings":";;;;AAAA,0CAA8C;AAI9C,4CAAoD;AACpD,+DAAyD;AACzD,qDAKyB;AAEzB,MAAa,UAAW,SAAQ,uCAAiB;IACxC,IAAI,GAAG,EAAE,CAAA;IACT,GAAG,CAAS;IACZ,OAAO,CAAS;IAEvB,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,MAAM,CAAC,UAAU,CAAC,SAAS,CAAC,MAAM,CAAC,CAAA;SACxD;QAED,cAAc;QACd,IAAI,SAAS,CAAC,OAAO,IAAI,SAAS,EAAE;YAClC,MAAM,WAAW,GAAG,MAAM,CAAC,WAAW,CAAgB,SAAS,CAAC,CAAA;YAChE,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,WAAW,CAAY,KAAK,CAAC,CAAA;YACxD,SAAS,CAAC,GAAG,GAAG,WAAW,CAAC,OAAO,CAAC,GAAG,CAAA;SACxC;QAED,OAAO,SAAS,CAAA;IAClB,CAAC;IAED,MAAM,CAAC,YAAY,CAAC,SAAmB,EAAE,MAAc;QACrD,OAAO,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM,KAAK,MAAM,CAAC,EAAE,EAAE,CAAA;IACzE,CAAC;IAED,MAAM,CAAC,QAAQ,CAAC,SAAmB,EAAE,MAAc;QACjD,OAAO,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,MAAM,KAAK,MAAM,CAAC,EAAE,EAAE,CAAA;IAC7D,CAAC;IAED,YAAY,CAAC,WAAmB,EAAE,WAA2B;QAC3D,IAAI,WAAW,KAAK,8BAAa,CAAC,WAAW,EAAE;YAC7C,OAAO,CACL,uBAAC,aAAK,IAAe,OAAO,EAAE,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,YAC7D,IAAI,CAAC,IAAI,IADA,IAAI,CAAC,EAAE,CAEX,CACT,CAAA;SACF;QACD,OAAO,CACL,uBAAC,cAAM,IAEL,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,OAAO,EAAE,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,YAE1C,IAAI,CAAC,IAAI,IAJL,IAAI,CAAC,EAAE,CAKL,CACV,CAAA;IACH,CAAC;IAEO,gBAAgB,CAAC,WAAmB;QAC1C,OAAO,IAAI,CAAC,OAAO;YACjB,CAAC,CAAC,GAAG,IAAI,CAAC,OAAO,GAAG,iCAAqB,GAAG,WAAW,EAAE;YACzD,CAAC,CAAC,SAAS,CAAA;IACf,CAAC;CACF;AAhED,gCAgEC"}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FlowBuilderApi } from '../api';
 import { ContentFieldsBase } from './content-fields-base';
 import { FlowElement } from './flow-element';

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

@@ -1,21 +1,22 @@
-import { Carousel } from '@botonic/react';
-import React from 'react';
-import { ContentFieldsBase } from './content-fields-base';
-import { FlowElement } from './flow-element';
-export class FlowCarousel extends ContentFieldsBase {
-    constructor() {
-        super(...arguments);
-        this.code = '';
-        this.elements = [];
-    }
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FlowCarousel = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@botonic/react");
+const content_fields_base_1 = require("./content-fields-base");
+const flow_element_1 = require("./flow-element");
+class FlowCarousel extends content_fields_base_1.ContentFieldsBase {
+    code = '';
+    elements = [];
     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, cmsApi));
+        newCarousel.elements = component.content.elements.map(element => flow_element_1.FlowElement.fromHubtypeCMS(element, locale, cmsApi));
         return newCarousel;
     }
     toBotonic(id) {
-        return (React.createElement(Carousel, { key: id }, this.elements.map(element => element.toBotonic(id))));
+        return ((0, jsx_runtime_1.jsx)(react_1.Carousel, { children: this.elements.map(element => element.toBotonic(id)) }, id));
     }
 }
+exports.FlowCarousel = FlowCarousel;
 //# 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,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"}
+{"version":3,"file":"flow-carousel.js","sourceRoot":"","sources":["../../../src/content-fields/flow-carousel.tsx"],"names":[],"mappings":";;;;AAAA,0CAAyC;AAIzC,+DAAyD;AACzD,iDAA4C;AAG5C,MAAa,YAAa,SAAQ,uCAAiB;IAC1C,IAAI,GAAG,EAAE,CAAA;IACT,QAAQ,GAAkB,EAAE,CAAA;IAEnC,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,uBAAC,gBAAQ,cACN,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,IADvC,EAAE,CAEN,CACZ,CAAA;IACH,CAAC;CACF;AAxBD,oCAwBC"}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FlowBuilderApi } from '../api';
 import { ContentFieldsBase } from './content-fields-base';
 import { FlowButton } from './flow-button';

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

@@ -1,30 +1,27 @@
-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 {
-    constructor() {
-        super(...arguments);
-        this.title = '';
-        this.subtitle = '';
-        this.image = '';
-        this.hidden = false;
-    }
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FlowElement = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@botonic/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 {
+    title = '';
+    subtitle = '';
+    button;
+    image = '';
+    hidden = false;
     static fromHubtypeCMS(component, locale, cmsApi) {
         const newElement = new FlowElement(component.id);
         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);
+        newElement.button = flow_button_1.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(0)));
+        return ((0, jsx_runtime_1.jsxs)(react_1.Element, { children: [(0, jsx_runtime_1.jsx)(react_1.Pic, { src: this.image }), (0, jsx_runtime_1.jsx)(react_1.Title, { children: this.title }), (0, jsx_runtime_1.jsx)(react_1.Subtitle, { children: this.subtitle }), this.button?.renderButton(0)] }, `${parentId}-${this.id}`));
     }
 }
+exports.FlowElement = FlowElement;
 //# 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":"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,CAAC,CAAC,CAAC,CACrB,CACX,CAAA;IACH,CAAC;CACF"}
+{"version":3,"file":"flow-element.js","sourceRoot":"","sources":["../../../src/content-fields/flow-element.tsx"],"names":[],"mappings":";;;;AAAA,0CAA8D;AAI9D,+DAAyD;AACzD,+CAA0C;AAG1C,MAAa,WAAY,SAAQ,uCAAiB;IACzC,KAAK,GAAG,EAAE,CAAA;IACV,QAAQ,GAAG,EAAE,CAAA;IACb,MAAM,CAAwB;IAC9B,KAAK,GAAG,EAAE,CAAA;IACV,MAAM,GAAG,KAAK,CAAA;IAErB,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,wBAAC,eAAO,eACN,uBAAC,WAAG,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,GAAI,EACxB,uBAAC,aAAK,cAAE,IAAI,CAAC,KAAK,GAAS,EAC3B,uBAAC,gBAAQ,cAAE,IAAI,CAAC,QAAQ,GAAY,EACnC,IAAI,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,KAJjB,GAAG,QAAQ,IAAI,IAAI,CAAC,EAAE,EAAE,CAK5B,CACX,CAAA;IACH,CAAC;CACF;AAlCD,kCAkCC"}

package/lib/esm/content-fields/flow-handoff.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ActionRequest } from '@botonic/react';
 import { FlowBuilderApi } from '../api';
 import { ContentFieldsBase } from './content-fields-base';

package/lib/esm/content-fields/flow-handoff.js

@@ -1,10 +1,17 @@
-import { HandOffBuilder } from '@botonic/core';
-import { WebchatSettings } from '@botonic/react';
-import React from 'react';
-import { EventName, trackEvent } from '../action/tracking';
-import { getQueueAvailability } from '../functions/conditional-queue-status';
-import { ContentFieldsBase } from './content-fields-base';
-export class FlowHandoff extends ContentFieldsBase {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FlowHandoff = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const core_1 = require("@botonic/core");
+const react_1 = require("@botonic/react");
+const tracking_1 = require("../action/tracking");
+const conditional_queue_status_1 = require("../functions/conditional-queue-status");
+const content_fields_base_1 = require("./content-fields-base");
+class FlowHandoff extends content_fields_base_1.ContentFieldsBase {
+    code;
+    queue;
+    onFinishPayload;
+    handoffAutoAssign;
     static fromHubtypeCMS(cmsHandoff, locale, cmsApi) {
         const newHandoff = new FlowHandoff(cmsHandoff.id);
         newHandoff.code = cmsHandoff.code;
@@ -14,12 +21,11 @@ export class FlowHandoff extends ContentFieldsBase {
         return newHandoff;
     }
     static getOnFinishPayload(cmsHandoff, locale, cmsApi) {
-        var _a, _b;
-        if ((_a = cmsHandoff.target) === null || _a === void 0 ? void 0 : _a.id) {
+        if (cmsHandoff.target?.id) {
             return cmsApi.getPayload(cmsHandoff.target);
         }
         // OLD PAYLOAD
-        const payloadId = (_b = cmsHandoff.content.payload.find(payload => payload.locale === locale)) === null || _b === void 0 ? void 0 : _b.id;
+        const payloadId = cmsHandoff.content.payload.find(payload => payload.locale === locale)?.id;
         if (payloadId) {
             return cmsApi.getNodeById(payloadId).content.payload;
         }
@@ -27,26 +33,27 @@ export class FlowHandoff extends ContentFieldsBase {
     }
     async doHandoff(request) {
         // @ts-ignore
-        const handOffBuilder = new HandOffBuilder(request.session);
+        const handOffBuilder = new core_1.HandOffBuilder(request.session);
         handOffBuilder.withAutoAssignOnWaiting(this.handoffAutoAssign);
         if (this.onFinishPayload) {
             handOffBuilder.withOnFinishPayload(this.onFinishPayload);
         }
         if (this.queue) {
-            const availabilityData = await getQueueAvailability(this.queue.id);
+            const availabilityData = await (0, conditional_queue_status_1.getQueueAvailability)(this.queue.id);
             const eventArgs = {
                 queue_open: availabilityData.open,
                 queue_id: this.queue.id,
                 available_agents: availabilityData.available_agents > 0,
                 threshold_reached: availabilityData.availability_threshold_waiting_cases > 0,
             };
-            await trackEvent(request, EventName.handoffSuccess, eventArgs);
+            await (0, tracking_1.trackEvent)(request, tracking_1.EventName.handoffSuccess, eventArgs);
             handOffBuilder.withQueue(this.queue.id);
             await handOffBuilder.handOff();
         }
     }
     toBotonic() {
-        return React.createElement(WebchatSettings, { enableUserInput: true });
+        return (0, jsx_runtime_1.jsx)(react_1.WebchatSettings, { enableUserInput: true });
     }
 }
+exports.FlowHandoff = FlowHandoff;
 //# sourceMappingURL=flow-handoff.js.map

package/lib/esm/content-fields/flow-handoff.js.map

@@ -1 +1 @@
-{"version":3,"file":"flow-handoff.js","sourceRoot":"","sources":["../../../src/content-fields/flow-handoff.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAiB,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAC/D,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAE1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAA;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAGzD,MAAM,OAAO,WAAY,SAAQ,iBAAiB;IAMhD,MAAM,CAAC,cAAc,CACnB,UAAyB,EACzB,MAAc,EACd,MAAsB;QAEtB,MAAM,UAAU,GAAG,IAAI,WAAW,CAAC,UAAU,CAAC,EAAE,CAAC,CAAA;QACjD,UAAU,CAAC,IAAI,GAAG,UAAU,CAAC,IAAI,CAAA;QACjC,UAAU,CAAC,KAAK,GAAG,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;QAC1E,UAAU,CAAC,eAAe,GAAG,IAAI,CAAC,kBAAkB,CAClD,UAAU,EACV,MAAM,EACN,MAAM,CACP,CAAA;QACD,UAAU,CAAC,iBAAiB,GAAG,UAAU,CAAC,OAAO,CAAC,eAAe,CAAA;QAEjE,OAAO,UAAU,CAAA;IACnB,CAAC;IAEO,MAAM,CAAC,kBAAkB,CAC/B,UAAyB,EACzB,MAAc,EACd,MAAsB;;QAEtB,IAAI,MAAA,UAAU,CAAC,MAAM,0CAAE,EAAE,EAAE;YACzB,OAAO,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,MAAM,CAAC,CAAA;SAC5C;QAED,cAAc;QACd,MAAM,SAAS,GAAG,MAAA,UAAU,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAC/C,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM,KAAK,MAAM,CACrC,0CAAE,EAAE,CAAA;QACL,IAAI,SAAS,EAAE;YACb,OAAO,MAAM,CAAC,WAAW,CAAgB,SAAS,CAAC,CAAC,OAAO,CAAC,OAAO,CAAA;SACpE;QAED,OAAO,SAAS,CAAA;IAClB,CAAC;IAED,KAAK,CAAC,SAAS,CAAC,OAAsB;QACpC,aAAa;QACb,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;QAC1D,cAAc,CAAC,uBAAuB,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAA;QAC9D,IAAI,IAAI,CAAC,eAAe,EAAE;YACxB,cAAc,CAAC,mBAAmB,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA;SACzD;QACD,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,MAAM,gBAAgB,GAAG,MAAM,oBAAoB,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;YAClE,MAAM,SAAS,GAAG;gBAChB,UAAU,EAAE,gBAAgB,CAAC,IAAI;gBACjC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE;gBACvB,gBAAgB,EAAE,gBAAgB,CAAC,gBAAgB,GAAG,CAAC;gBACvD,iBAAiB,EACf,gBAAgB,CAAC,oCAAoC,GAAG,CAAC;aAC5D,CAAA;YACD,MAAM,UAAU,CAAC,OAAO,EAAE,SAAS,CAAC,cAAc,EAAE,SAAS,CAAC,CAAA;YAE9D,cAAc,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;YACvC,MAAM,cAAc,CAAC,OAAO,EAAE,CAAA;SAC/B;IACH,CAAC;IAED,SAAS;QACP,OAAO,oBAAC,eAAe,IAAC,eAAe,EAAE,IAAI,GAAI,CAAA;IACnD,CAAC;CACF"}
+{"version":3,"file":"flow-handoff.js","sourceRoot":"","sources":["../../../src/content-fields/flow-handoff.tsx"],"names":[],"mappings":";;;;AAAA,wCAA8C;AAC9C,0CAA+D;AAG/D,iDAA0D;AAE1D,oFAA4E;AAC5E,+DAAyD;AAGzD,MAAa,WAAY,SAAQ,uCAAiB;IACzC,IAAI,CAAQ;IACZ,KAAK,CAAgB;IACrB,eAAe,CAAS;IACxB,iBAAiB,CAAS;IAEjC,MAAM,CAAC,cAAc,CACnB,UAAyB,EACzB,MAAc,EACd,MAAsB;QAEtB,MAAM,UAAU,GAAG,IAAI,WAAW,CAAC,UAAU,CAAC,EAAE,CAAC,CAAA;QACjD,UAAU,CAAC,IAAI,GAAG,UAAU,CAAC,IAAI,CAAA;QACjC,UAAU,CAAC,KAAK,GAAG,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,CAAA;QAC1E,UAAU,CAAC,eAAe,GAAG,IAAI,CAAC,kBAAkB,CAClD,UAAU,EACV,MAAM,EACN,MAAM,CACP,CAAA;QACD,UAAU,CAAC,iBAAiB,GAAG,UAAU,CAAC,OAAO,CAAC,eAAe,CAAA;QAEjE,OAAO,UAAU,CAAA;IACnB,CAAC;IAEO,MAAM,CAAC,kBAAkB,CAC/B,UAAyB,EACzB,MAAc,EACd,MAAsB;QAEtB,IAAI,UAAU,CAAC,MAAM,EAAE,EAAE,EAAE;YACzB,OAAO,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,MAAM,CAAC,CAAA;SAC5C;QAED,cAAc;QACd,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAC/C,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,MAAM,KAAK,MAAM,CACrC,EAAE,EAAE,CAAA;QACL,IAAI,SAAS,EAAE;YACb,OAAO,MAAM,CAAC,WAAW,CAAgB,SAAS,CAAC,CAAC,OAAO,CAAC,OAAO,CAAA;SACpE;QAED,OAAO,SAAS,CAAA;IAClB,CAAC;IAED,KAAK,CAAC,SAAS,CAAC,OAAsB;QACpC,aAAa;QACb,MAAM,cAAc,GAAG,IAAI,qBAAc,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;QAC1D,cAAc,CAAC,uBAAuB,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAA;QAC9D,IAAI,IAAI,CAAC,eAAe,EAAE;YACxB,cAAc,CAAC,mBAAmB,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA;SACzD;QACD,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,MAAM,gBAAgB,GAAG,MAAM,IAAA,+CAAoB,EAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;YAClE,MAAM,SAAS,GAAG;gBAChB,UAAU,EAAE,gBAAgB,CAAC,IAAI;gBACjC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE;gBACvB,gBAAgB,EAAE,gBAAgB,CAAC,gBAAgB,GAAG,CAAC;gBACvD,iBAAiB,EACf,gBAAgB,CAAC,oCAAoC,GAAG,CAAC;aAC5D,CAAA;YACD,MAAM,IAAA,qBAAU,EAAC,OAAO,EAAE,oBAAS,CAAC,cAAc,EAAE,SAAS,CAAC,CAAA;YAE9D,cAAc,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;YACvC,MAAM,cAAc,CAAC,OAAO,EAAE,CAAA;SAC/B;IACH,CAAC;IAED,SAAS;QACP,OAAO,uBAAC,uBAAe,IAAC,eAAe,EAAE,IAAI,GAAI,CAAA;IACnD,CAAC;CACF;AAtED,kCAsEC"}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ContentFieldsBase } from './content-fields-base';
 import { HtImageNode } from './hubtype-fields';
 export declare class FlowImage extends ContentFieldsBase {

package/lib/esm/content-fields/flow-image.js

@@ -1,12 +1,12 @@
-import { Image } from '@botonic/react';
-import React from 'react';
-import { ContentFieldsBase } from './content-fields-base';
-export class FlowImage extends ContentFieldsBase {
-    constructor() {
-        super(...arguments);
-        this.src = '';
-        this.code = '';
-    }
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FlowImage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@botonic/react");
+const content_fields_base_1 = require("./content-fields-base");
+class FlowImage extends content_fields_base_1.ContentFieldsBase {
+    src = '';
+    code = '';
     static fromHubtypeCMS(component, locale) {
         const newImage = new FlowImage(component.id);
         newImage.code = component.code;
@@ -14,7 +14,8 @@ export class FlowImage extends ContentFieldsBase {
         return newImage;
     }
     toBotonic(id) {
-        return React.createElement(Image, { key: id, src: this.src });
+        return (0, jsx_runtime_1.jsx)(react_1.Image, { src: this.src }, id);
     }
 }
+exports.FlowImage = FlowImage;
 //# sourceMappingURL=flow-image.js.map

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;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"}
+{"version":3,"file":"flow-image.js","sourceRoot":"","sources":["../../../src/content-fields/flow-image.tsx"],"names":[],"mappings":";;;;AAAA,0CAAsC;AAGtC,+DAAyD;AAGzD,MAAa,SAAU,SAAQ,uCAAiB;IACvC,GAAG,GAAG,EAAE,CAAA;IACR,IAAI,GAAG,EAAE,CAAA;IAEhB,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,uBAAC,aAAK,IAAU,GAAG,EAAE,IAAI,CAAC,GAAG,IAAjB,EAAE,CAAmB,CAAA;IAC1C,CAAC;CACF;AAdD,8BAcC"}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FlowBuilderApi } from '../api';
 import { ContentFieldsBase } from './content-fields-base';
 import { FlowButton } from './flow-button';

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

@@ -1,42 +1,40 @@
-import { Text } from '@botonic/react';
-import React from 'react';
-import { VARIABLE_REGEX } from '../constants';
-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 = HtButtonStyle.BUTTON;
-    }
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FlowText = 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_button_1 = require("./flow-button");
+const hubtype_fields_1 = require("./hubtype-fields");
+class FlowText extends content_fields_base_1.ContentFieldsBase {
+    text = '';
+    code = '';
+    buttons = [];
+    buttonStyle = hubtype_fields_1.HtButtonStyle.BUTTON;
     static fromHubtypeCMS(cmsText, locale, cmsApi) {
         const newText = new FlowText(cmsText.id);
         newText.code = cmsText.code;
-        newText.buttonStyle = cmsText.content.buttons_style || HtButtonStyle.BUTTON;
+        newText.buttonStyle = cmsText.content.buttons_style || hubtype_fields_1.HtButtonStyle.BUTTON;
         newText.text = this.replaceVariables(this.getTextByLocale(locale, cmsText.content.text), cmsApi.request.session.user.extra_data);
-        newText.buttons = cmsText.content.buttons.map(button => FlowButton.fromHubtypeCMS(button, locale, cmsApi));
+        newText.buttons = cmsText.content.buttons.map(button => flow_button_1.FlowButton.fromHubtypeCMS(button, locale, cmsApi));
         return newText;
     }
     static replaceVariables(text, extraData) {
-        const matches = text.match(VARIABLE_REGEX);
+        const matches = text.match(constants_1.VARIABLE_REGEX);
         let replacedText = text;
         if (matches && extraData) {
             matches.forEach(match => {
-                var _a;
                 const variable = match.slice(1, -1);
-                const value = (_a = extraData[variable]) !== null && _a !== void 0 ? _a : match;
+                const value = extraData[variable] ?? match;
                 replacedText = replacedText.replace(match, value);
             });
         }
         return replacedText;
     }
     toBotonic(id) {
-        return (React.createElement(Text, { key: id },
-            this.text,
-            this.buttons.map((button, buttonIndex) => button.renderButton(buttonIndex, this.buttonStyle))));
+        return ((0, jsx_runtime_1.jsxs)(react_1.Text, { children: [this.text, this.buttons.map((button, buttonIndex) => button.renderButton(buttonIndex, this.buttonStyle))] }, id));
     }
 }
+exports.FlowText = FlowText;
 //# 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;AAGzB,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAC7C,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;IAgD3C,CAAC;IA9CC,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,gBAAgB,CAClC,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,EAClD,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CACvC,CAAA;QACD,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,MAAM,CAAC,gBAAgB,CACrB,IAAY,EACZ,SAA+B;QAE/B,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAA;QAE1C,IAAI,YAAY,GAAG,IAAI,CAAA;QACvB,IAAI,OAAO,IAAI,SAAS,EAAE;YACxB,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;;gBACtB,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;gBACnC,MAAM,KAAK,GAAG,MAAA,SAAS,CAAC,QAAQ,CAAC,mCAAI,KAAK,CAAA;gBAC1C,YAAY,GAAG,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;YACnD,CAAC,CAAC,CAAA;SACH;QAED,OAAO,YAAY,CAAA;IACrB,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,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE,CACxC,MAAM,CAAC,YAAY,CAAC,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,CACnD,CACI,CACR,CAAA;IACH,CAAC;CACF"}
+{"version":3,"file":"flow-text.js","sourceRoot":"","sources":["../../../src/content-fields/flow-text.tsx"],"names":[],"mappings":";;;;AAAA,0CAAqC;AAIrC,4CAA6C;AAC7C,+DAAyD;AACzD,+CAA0C;AAC1C,qDAA4D;AAE5D,MAAa,QAAS,SAAQ,uCAAiB;IACtC,IAAI,GAAG,EAAE,CAAA;IACT,IAAI,GAAG,EAAE,CAAA;IACT,OAAO,GAAiB,EAAE,CAAA;IAC1B,WAAW,GAAG,8BAAa,CAAC,MAAM,CAAA;IAEzC,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,gBAAgB,CAClC,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,EAClD,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CACvC,CAAA;QACD,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,MAAM,CAAC,gBAAgB,CACrB,IAAY,EACZ,SAA+B;QAE/B,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,0BAAc,CAAC,CAAA;QAE1C,IAAI,YAAY,GAAG,IAAI,CAAA;QACvB,IAAI,OAAO,IAAI,SAAS,EAAE;YACxB,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;gBACtB,MAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;gBACnC,MAAM,KAAK,GAAG,SAAS,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAA;gBAC1C,YAAY,GAAG,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;YACnD,CAAC,CAAC,CAAA;SACH;QAED,OAAO,YAAY,CAAA;IACrB,CAAC;IAED,SAAS,CAAC,EAAU;QAClB,OAAO,CACL,wBAAC,YAAI,eACF,IAAI,CAAC,IAAI,EACT,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE,CACxC,MAAM,CAAC,YAAY,CAAC,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,CACnD,KAJQ,EAAE,CAKN,CACR,CAAA;IACH,CAAC;CACF;AApDD,4BAoDC"}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ContentFieldsBase } from './content-fields-base';
 import { HtVideoNode } from './hubtype-fields';
 export declare class FlowVideo extends ContentFieldsBase {

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

@@ -1,12 +1,12 @@
-import { Video } from '@botonic/react';
-import React from 'react';
-import { ContentFieldsBase } from './content-fields-base';
-export class FlowVideo extends ContentFieldsBase {
-    constructor() {
-        super(...arguments);
-        this.src = '';
-        this.code = '';
-    }
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FlowVideo = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@botonic/react");
+const content_fields_base_1 = require("./content-fields-base");
+class FlowVideo extends content_fields_base_1.ContentFieldsBase {
+    src = '';
+    code = '';
     static fromHubtypeCMS(component, locale) {
         const newVideo = new FlowVideo(component.id);
         newVideo.code = component.code;
@@ -14,7 +14,8 @@ export class FlowVideo extends ContentFieldsBase {
         return newVideo;
     }
     toBotonic(id) {
-        return React.createElement(Video, { key: id, src: this.src });
+        return (0, jsx_runtime_1.jsx)(react_1.Video, { src: this.src }, id);
     }
 }
+exports.FlowVideo = FlowVideo;
 //# sourceMappingURL=flow-video.js.map

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;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"}
+{"version":3,"file":"flow-video.js","sourceRoot":"","sources":["../../../src/content-fields/flow-video.tsx"],"names":[],"mappings":";;;;AAAA,0CAAsC;AAGtC,+DAAyD;AAGzD,MAAa,SAAU,SAAQ,uCAAiB;IACvC,GAAG,GAAG,EAAE,CAAA;IACR,IAAI,GAAG,EAAE,CAAA;IAEhB,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,uBAAC,aAAK,IAAU,GAAG,EAAE,IAAI,CAAC,GAAG,IAAjB,EAAE,CAAmB,CAAA;IAC1C,CAAC;CACF;AAdD,8BAcC"}

package/lib/esm/content-fields/hubtype-fields/bot-action.js

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

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

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

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

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

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

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

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

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

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

@@ -1,7 +1,10 @@
-export var HtArgumentType;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HtArgumentType = void 0;
+var HtArgumentType;
 (function (HtArgumentType) {
     HtArgumentType["NUMBER"] = "number";
     HtArgumentType["STRING"] = "string";
     HtArgumentType["JSON"] = "json";
-})(HtArgumentType || (HtArgumentType = {}));
+})(HtArgumentType = exports.HtArgumentType || (exports.HtArgumentType = {}));
 //# sourceMappingURL=function.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"function.js","sourceRoot":"","sources":["../../../../src/content-fields/hubtype-fields/function.ts"],"names":[],"mappings":"AAGA,MAAM,CAAN,IAAY,cAIX;AAJD,WAAY,cAAc;IACxB,mCAAiB,CAAA;IACjB,mCAAiB,CAAA;IACjB,+BAAa,CAAA;AACf,CAAC,EAJW,cAAc,KAAd,cAAc,QAIzB"}
+{"version":3,"file":"function.js","sourceRoot":"","sources":["../../../../src/content-fields/hubtype-fields/function.ts"],"names":[],"mappings":";;;AAGA,IAAY,cAIX;AAJD,WAAY,cAAc;IACxB,mCAAiB,CAAA;IACjB,mCAAiB,CAAA;IACjB,+BAAa,CAAA;AACf,CAAC,EAJW,cAAc,GAAd,sBAAc,KAAd,sBAAc,QAIzB"}

package/lib/esm/content-fields/hubtype-fields/go-to-flow.js

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

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

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

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

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