@botonic/plugin-flow-builder 0.21.0-alpha.5 → 0.21.0-alpha.6

package/lib/cjs/action.d.ts

@@ -1,12 +1,11 @@
 import { ActionRequest } from '@botonic/react';
 import React from 'react';
-import { FlowContent } from './content-fields/content-base';
-import { HtHandoffNode } from './hubtype-models';
+import { FlowContent } from './content-fields';
 declare type FlowBuilderActionProps = {
     content?: FlowContent[];
-    handoffMsg?: HtHandoffNode;
+    isHandoff?: boolean;
 };
-export default class FlowBuilderAction extends React.Component<FlowBuilderActionProps> {
+export declare class FlowBuilderAction extends React.Component<FlowBuilderActionProps> {
     static contextType: React.Context<import("@botonic/react").RequestContextInterface>;
     static botonicInit(request: ActionRequest): Promise<any>;
     render(): JSX.Element | JSX.Element[];

package/lib/cjs/action.js

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.FlowBuilderAction = void 0;
 const tslib_1 = require("tslib");
 const react_1 = require("@botonic/react");
 const react_2 = tslib_1.__importDefault(require("react"));
 const handoff_1 = require("./handoff");
 class FlowBuilderAction extends react_2.default.Component {
     static async botonicInit(request) {
-        console.log(request);
         const flowBuilderPlugin = request.plugins
-            .flowBuilder;
+            .hubtypeFlowBuilder;
         const locale = flowBuilderPlugin.getLocale(request.session);
         let payload = request.input.payload
             ? request.input.payload
@@ -25,24 +25,29 @@ class FlowBuilderAction extends react_2.default.Component {
         }
         // We use only Spanish because they are the backend examples
         const content = await flowBuilderPlugin.getContents(payload, locale);
-        if (content.length == 0) {
-            const handoffMsg = await handoff_1.doHandoff(request);
-            return { handoffMsg };
+        if (content.length === 0) {
+            const handoffParams = {
+                queue: 'Test',
+                agentEmail: 'test@gmail.com',
+                note: 'This is a note that will be attached to the case as a reminder',
+            };
+            await handoff_1.doHandoff(request, handoffParams.queue, handoffParams.note);
+            const isHandoff = true;
+            return { isHandoff };
         }
         return { content };
     }
     render() {
         // @ts-ignore
-        const { content: contents, handoffMsg } = this.props;
-        if (handoffMsg) {
-            // @ts-ignore
-            return react_2.default.createElement(react_1.Text, null, handoffMsg);
+        const { content: contents, isHandoff } = this.props;
+        if (isHandoff) {
+            return react_2.default.createElement(react_1.Text, null, "You are being transferred to an agent!");
         }
         else {
             return contents.map((content, index) => content.toBotonic(index));
         }
     }
 }
-exports.default = FlowBuilderAction;
+exports.FlowBuilderAction = FlowBuilderAction;
 FlowBuilderAction.contextType = react_1.RequestContext;
 //# sourceMappingURL=action.js.map

package/lib/cjs/action.js.map

@@ -1 +1 @@
-{"version":3,"file":"action.js","sourceRoot":"","sources":["../../src/action.tsx"],"names":[],"mappings":";;;AAAA,0CAAoE;AACpE,0DAAyB;AAGzB,uCAAqC;AASrC,MAAqB,iBAAkB,SAAQ,eAAK,CAAC,SAAiC;IAGpF,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,OAAsB;QAC7C,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;QACpB,MAAM,iBAAiB,GAAG,OAAO,CAAC,OAAO;aACtC,WAAuC,CAAA;QAE1C,MAAM,MAAM,GAAG,iBAAiB,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;QAE3D,IAAI,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO;YACjC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO;YACvB,CAAC,CAAC,MAAM,iBAAiB,CAAC,UAAU,EAAE,CAAA;QAExC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,EAAE;YAC1B,MAAM,aAAa,GAAG,MAAM,iBAAiB,CAAC,iBAAiB,CAC7D,OAAO,CAAC,KAAK,EACb,MAAM,CACP,CAAA;YACD,IAAI,aAAa,EAAE;gBACjB,OAAO,GAAG,aAAa,CAAA;aACxB;YACD,MAAM,cAAc,GAAG,MAAM,iBAAiB,CAAC,mBAAmB,CAChE,OAAO,CAAC,KAAK,EACb,MAAM,CACP,CAAA;YACD,IAAI,cAAc,EAAE;gBAClB,OAAO,GAAG,cAAc,CAAA;aACzB;SACF;QACD,4DAA4D;QAC5D,MAAM,OAAO,GAAG,MAAM,iBAAiB,CAAC,WAAW,CAAC,OAAO,EAAE,MAAM,CAAC,CAAA;QAEpE,IAAI,OAAO,CAAC,MAAM,IAAI,CAAC,EAAE;YACvB,MAAM,UAAU,GAAG,MAAM,mBAAS,CAAC,OAAO,CAAC,CAAA;YAC3C,OAAO,EAAE,UAAU,EAAE,CAAA;SACtB;QACD,OAAO,EAAE,OAAO,EAAE,CAAA;IACpB,CAAC;IAED,MAAM;QACJ,aAAa;QACb,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QACpD,IAAI,UAAU,EAAE;YACd,aAAa;YACb,OAAO,8BAAC,YAAI,QAAE,UAAU,CAAQ,CAAA;SACjC;aAAM;YACL,OAAO,QAAS,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAA;SACnE;IACH,CAAC;;AAjDH,oCAkDC;AAjDQ,6BAAW,GAAG,sBAAc,CAAA"}
+{"version":3,"file":"action.js","sourceRoot":"","sources":["../../src/action.tsx"],"names":[],"mappings":";;;;AAAA,0CAAoE;AACpE,0DAAyB;AAGzB,uCAAqC;AAQrC,MAAa,iBAAkB,SAAQ,eAAK,CAAC,SAAiC;IAG5E,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,OAAsB;QAC7C,MAAM,iBAAiB,GAAG,OAAO,CAAC,OAAO;aACtC,kBAA8C,CAAA;QACjD,MAAM,MAAM,GAAG,iBAAiB,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;QAC3D,IAAI,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO;YACjC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO;YACvB,CAAC,CAAC,MAAM,iBAAiB,CAAC,UAAU,EAAE,CAAA;QAExC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,EAAE;YAC1B,MAAM,aAAa,GAAG,MAAM,iBAAiB,CAAC,iBAAiB,CAC7D,OAAO,CAAC,KAAK,EACb,MAAM,CACP,CAAA;YACD,IAAI,aAAa,EAAE;gBACjB,OAAO,GAAG,aAAa,CAAA;aACxB;YACD,MAAM,cAAc,GAAG,MAAM,iBAAiB,CAAC,mBAAmB,CAChE,OAAO,CAAC,KAAK,EACb,MAAM,CACP,CAAA;YACD,IAAI,cAAc,EAAE;gBAClB,OAAO,GAAG,cAAc,CAAA;aACzB;SACF;QACD,4DAA4D;QAC5D,MAAM,OAAO,GAAG,MAAM,iBAAiB,CAAC,WAAW,CAAC,OAAO,EAAE,MAAM,CAAC,CAAA;QAEpE,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;YACxB,MAAM,aAAa,GAAG;gBACpB,KAAK,EAAE,MAAM;gBACb,UAAU,EAAE,gBAAgB;gBAC5B,IAAI,EAAE,gEAAgE;aACvE,CAAA;YACD,MAAM,mBAAS,CAAC,OAAO,EAAE,aAAa,CAAC,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,CAAA;YACjE,MAAM,SAAS,GAAG,IAAI,CAAA;YACtB,OAAO,EAAE,SAAS,EAAE,CAAA;SACrB;QACD,OAAO,EAAE,OAAO,EAAE,CAAA;IACpB,CAAC;IAED,MAAM;QACJ,aAAa;QACb,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QACnD,IAAI,SAAS,EAAE;YACb,OAAO,8BAAC,YAAI,iDAA8C,CAAA;SAC3D;aAAM;YACL,OAAO,QAAS,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAA;SACnE;IACH,CAAC;;AAnDH,8CAoDC;AAnDQ,6BAAW,GAAG,sBAAc,CAAA"}

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

@@ -0,0 +1,7 @@
+import { MediaFileLocale, TextLocale } from '../flow-builder-models';
+export declare abstract class ContentFieldsBase {
+    private readonly id;
+    constructor(id: string);
+    static getTextByLocale(locale: string, text: TextLocale[]): string;
+    static getImageByLocale(locale: string, image: MediaFileLocale[]): string;
+}

package/lib/cjs/content-fields/{content-base.js → content-fields-base.js}

@@ -7,9 +7,14 @@ class ContentFieldsBase {
     }
     static getTextByLocale(locale, text) {
         var _a;
-        const result = text.find(t => t.locale == locale);
+        const result = text.find(t => t.locale === locale);
         return (_a = result === null || result === void 0 ? void 0 : result.message) !== null && _a !== void 0 ? _a : '';
     }
+    static getImageByLocale(locale, image) {
+        var _a;
+        const result = image.find(t => t.locale === locale);
+        return (_a = result === null || result === void 0 ? void 0 : result.file) !== null && _a !== void 0 ? _a : '';
+    }
 }
 exports.ContentFieldsBase = ContentFieldsBase;
-//# sourceMappingURL=content-base.js.map
+//# sourceMappingURL=content-fields-base.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"content-fields-base.js","sourceRoot":"","sources":["../../../src/content-fields/content-fields-base.ts"],"names":[],"mappings":";;;AAEA,MAAsB,iBAAiB;IACrC,YAA6B,EAAU;QAAV,OAAE,GAAF,EAAE,CAAQ;IAAG,CAAC;IAE3C,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;CACF;AAZD,8CAYC"}

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

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-import { ButtonStyle, HtButton } from '../hubtype-models';
-import { ContentFieldsBase } from './content-base';
+import { Button as FbButton, ButtonStyle } from '../flow-builder-models';
+import { ContentFieldsBase } from './content-fields-base';
 export declare class FlowButton extends ContentFieldsBase {
     text: string;
     url?: string;
     payload?: string;
-    static fromHubtypeCMS(component: HtButton, locale: string): FlowButton;
+    static fromHubtypeCMS(component: FbButton, locale: string): FlowButton;
     renderButton(index: number, buttonStyle: ButtonStyle): JSX.Element;
 }

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

@@ -4,9 +4,9 @@ exports.FlowButton = void 0;
 const tslib_1 = require("tslib");
 const react_1 = require("@botonic/react");
 const react_2 = tslib_1.__importDefault(require("react"));
-const hubtype_models_1 = require("../hubtype-models");
-const content_base_1 = require("./content-base");
-class FlowButton extends content_base_1.ContentFieldsBase {
+const flow_builder_models_1 = require("../flow-builder-models");
+const content_fields_base_1 = require("./content-fields-base");
+class FlowButton extends content_fields_base_1.ContentFieldsBase {
     constructor() {
         super(...arguments);
         this.text = '';
@@ -19,7 +19,7 @@ class FlowButton extends content_base_1.ContentFieldsBase {
         return newButton;
     }
     renderButton(index, buttonStyle) {
-        if (buttonStyle == hubtype_models_1.ButtonStyle.QUICK_REPLY) {
+        if (buttonStyle === flow_builder_models_1.ButtonStyle.QUICK_REPLY) {
             return (react_2.default.createElement(react_1.Reply, { payload: this.payload, key: index }, this.text));
         }
         return (
@@ -28,4 +28,4 @@ class FlowButton extends content_base_1.ContentFieldsBase {
     }
 }
 exports.FlowButton = FlowButton;
-//# sourceMappingURL=button.js.map
+//# sourceMappingURL=flow-button.js.map

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

@@ -0,0 +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;IA0BlB,CAAC;IAtBC,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,MAAA,SAAS,CAAC,MAAM,0CAAE,EAAE,CAAA;QACxC,OAAO,SAAS,CAAA;IAClB,CAAC;IAED,YAAY,CAAC,KAAa,EAAE,WAAwB;QAClD,IAAI,WAAW,KAAK,iCAAW,CAAC,WAAW,EAAE;YAC3C,OAAO,CACL,8BAAC,aAAK,IAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,GAAG,EAAE,KAAK,IACrC,IAAI,CAAC,IAAI,CACJ,CACT,CAAA;SACF;QACD,OAAO;QACL,aAAa;QACb,8BAAC,cAAM,IAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,GAAG,EAAE,KAAK,IACtC,IAAI,CAAC,IAAI,CACH,CACV,CAAA;IACH,CAAC;CACF;AA3BD,gCA2BC"}

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

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

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

@@ -4,9 +4,9 @@ exports.FlowCarousel = void 0;
 const tslib_1 = require("tslib");
 const react_1 = require("@botonic/react");
 const react_2 = tslib_1.__importDefault(require("react"));
-const content_base_1 = require("./content-base");
-const element_1 = require("./element");
-class FlowCarousel extends content_base_1.ContentFieldsBase {
+const content_fields_base_1 = require("./content-fields-base");
+const flow_element_1 = require("./flow-element");
+class FlowCarousel extends content_fields_base_1.ContentFieldsBase {
     constructor() {
         super(...arguments);
         this.code = '';
@@ -15,20 +15,20 @@ class FlowCarousel extends content_base_1.ContentFieldsBase {
     static fromHubtypeCMS(component, locale) {
         const newCarousel = new FlowCarousel(component.id);
         newCarousel.code = component.code;
-        newCarousel.elements = component.content.elements.map(ele => element_1.FlowElement.fromHubtypeCMS(ele, locale));
+        newCarousel.elements = component.content.elements.map(element => flow_element_1.FlowElement.fromHubtypeCMS(element, locale));
         return newCarousel;
     }
     toBotonic(index) {
-        return (react_2.default.createElement(react_1.Carousel, { key: index }, this.elements.map((e, eIndex) => {
+        return (react_2.default.createElement(react_1.Carousel, { key: index }, this.elements.map((element, eIndex) => {
             var _a, _b;
             return (react_2.default.createElement(react_1.Element, { key: eIndex },
-                react_2.default.createElement(react_1.Pic, { src: e.image }),
-                react_2.default.createElement(react_1.Title, { style: '' }, e.title),
-                react_2.default.createElement(react_1.Subtitle, { style: '' }, e.subtitle),
-                react_2.default.createElement(react_1.Button, { payload: (_a = e.buttons) === null || _a === void 0 ? void 0 : _a.payload }, (_b = e.buttons) === null || _b === void 0 ? void 0 : _b.text),
+                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 }, (_b = element.buttons) === null || _b === void 0 ? void 0 : _b.text),
                 ","));
         })));
     }
 }
 exports.FlowCarousel = FlowCarousel;
-//# sourceMappingURL=carousel.js.map
+//# sourceMappingURL=flow-carousel.js.map

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

@@ -0,0 +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;IA6BrC,CAAC;IA3BC,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,KAAa;QACrB,OAAO,CACL,8BAAC,gBAAQ,IAAC,GAAG,EAAE,KAAK,IACjB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;;YAAC,OAAA,CACtC,8BAAC,eAAO,IAAC,GAAG,EAAE,MAAM;gBAClB,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,IAAC,OAAO,EAAE,MAAA,OAAO,CAAC,OAAO,0CAAE,OAAO,IACtC,MAAA,OAAO,CAAC,OAAO,0CAAE,IAAI,CACf;oBAED,CACX,CAAA;SAAA,CAAC,CACO,CACZ,CAAA;IACH,CAAC;CACF;AA/BD,oCA+BC"}

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

@@ -0,0 +1,11 @@
+import { CarouselElementNode } from '../flow-builder-models';
+import { ContentFieldsBase } from './content-fields-base';
+import { FlowButton } from './flow-button';
+export declare class FlowElement extends ContentFieldsBase {
+    title: string;
+    subtitle: string;
+    buttons: FlowButton | undefined;
+    image: string;
+    hidden: boolean;
+    static fromHubtypeCMS(component: CarouselElementNode, locale: string): FlowElement;
+}

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

@@ -1,10 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FlowElement = void 0;
-const utils_1 = require("../utils");
-const button_1 = require("./button");
-const content_base_1 = require("./content-base");
-class FlowElement extends content_base_1.ContentFieldsBase {
+const content_fields_base_1 = require("./content-fields-base");
+const flow_button_1 = require("./flow-button");
+class FlowElement extends content_fields_base_1.ContentFieldsBase {
     constructor() {
         super(...arguments);
         this.title = '';
@@ -16,10 +15,10 @@ class FlowElement extends content_base_1.ContentFieldsBase {
         const newElement = new FlowElement(component.id);
         newElement.title = FlowElement.getTextByLocale(locale, component.title);
         newElement.subtitle = FlowElement.getTextByLocale(locale, component.subtitle);
-        newElement.image = utils_1.getImageByLocale(locale, component.image);
-        newElement.buttons = button_1.FlowButton.fromHubtypeCMS(component.button, locale);
+        newElement.image = FlowElement.getImageByLocale(locale, component.image);
+        newElement.buttons = flow_button_1.FlowButton.fromHubtypeCMS(component.button, locale);
         return newElement;
     }
 }
 exports.FlowElement = FlowElement;
-//# sourceMappingURL=element.js.map
+//# sourceMappingURL=flow-element.js.map

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

@@ -0,0 +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"}

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

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

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

@@ -4,9 +4,8 @@ exports.FlowImage = void 0;
 const tslib_1 = require("tslib");
 const react_1 = require("@botonic/react");
 const react_2 = tslib_1.__importDefault(require("react"));
-const utils_1 = require("../utils");
-const content_base_1 = require("./content-base");
-class FlowImage extends content_base_1.ContentFieldsBase {
+const content_fields_base_1 = require("./content-fields-base");
+class FlowImage extends content_fields_base_1.ContentFieldsBase {
     constructor() {
         super(...arguments);
         this.src = '';
@@ -15,7 +14,7 @@ class FlowImage extends content_base_1.ContentFieldsBase {
     static fromHubtypeCMS(component, locale) {
         const newImage = new FlowImage(component.id);
         newImage.code = component.code;
-        newImage.src = utils_1.getImageByLocale(locale, component.content.image);
+        newImage.src = this.getImageByLocale(locale, component.content.image);
         return newImage;
     }
     toBotonic(index) {
@@ -23,4 +22,4 @@ class FlowImage extends content_base_1.ContentFieldsBase {
     }
 }
 exports.FlowImage = FlowImage;
-//# sourceMappingURL=image.js.map
+//# sourceMappingURL=flow-image.js.map

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

@@ -0,0 +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,KAAa;QACrB,OAAO,8BAAC,aAAK,IAAC,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,GAAI,CAAA;IAC7C,CAAC;CACF;AAdD,8BAcC"}

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

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

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

@@ -4,23 +4,23 @@ exports.FlowText = void 0;
 const tslib_1 = require("tslib");
 const react_1 = require("@botonic/react");
 const react_2 = tslib_1.__importDefault(require("react"));
-const hubtype_models_1 = require("../hubtype-models");
-const button_1 = require("./button");
-const content_base_1 = require("./content-base");
-class FlowText extends content_base_1.ContentFieldsBase {
+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");
+class FlowText extends content_fields_base_1.ContentFieldsBase {
     constructor() {
         super(...arguments);
         this.text = '';
         this.code = '';
         this.buttons = [];
-        this.buttonStyle = hubtype_models_1.ButtonStyle.BUTTON;
+        this.buttonStyle = flow_builder_models_1.ButtonStyle.BUTTON;
     }
     static fromHubtypeCMS(component, locale) {
         const newText = new FlowText(component.id);
         newText.code = component.code;
-        newText.buttonStyle = component.content.buttons_style || hubtype_models_1.ButtonStyle.BUTTON;
+        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 => button_1.FlowButton.fromHubtypeCMS(button, locale));
+        newText.buttons = component.content.buttons.map(button => flow_button_1.FlowButton.fromHubtypeCMS(button, locale));
         return newText;
     }
     toBotonic(index) {
@@ -30,4 +30,4 @@ class FlowText extends content_base_1.ContentFieldsBase {
     }
 }
 exports.FlowText = FlowText;
-//# sourceMappingURL=text.js.map
+//# sourceMappingURL=flow-text.js.map

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

@@ -0,0 +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,KAAa;QACrB,OAAO,CACL,8BAAC,YAAI,IAAC,GAAG,EAAE,KAAK;YACb,IAAI,CAAC,IAAI;YACT,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAClC,MAAM,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,CAC7C,CACI,CACR,CAAA;IACH,CAAC;CACF;AA3BD,4BA2BC"}

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

@@ -0,0 +1,7 @@
+export { ContentFieldsBase } from './content-fields-base';
+export { FlowButton } from './flow-button';
+export { FlowCarousel } from './flow-carousel';
+export { FlowElement } from './flow-element';
+export { FlowImage } from './flow-image';
+export { FlowText } from './flow-text';
+export type { FlowContent } from './types';

package/lib/cjs/content-fields/index.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FlowText = exports.FlowImage = exports.FlowElement = exports.FlowCarousel = exports.FlowButton = exports.ContentFieldsBase = void 0;
+var content_fields_base_1 = require("./content-fields-base");
+Object.defineProperty(exports, "ContentFieldsBase", { enumerable: true, get: function () { return content_fields_base_1.ContentFieldsBase; } });
+var flow_button_1 = require("./flow-button");
+Object.defineProperty(exports, "FlowButton", { enumerable: true, get: function () { return flow_button_1.FlowButton; } });
+var flow_carousel_1 = require("./flow-carousel");
+Object.defineProperty(exports, "FlowCarousel", { enumerable: true, get: function () { return flow_carousel_1.FlowCarousel; } });
+var flow_element_1 = require("./flow-element");
+Object.defineProperty(exports, "FlowElement", { enumerable: true, get: function () { return flow_element_1.FlowElement; } });
+var flow_image_1 = require("./flow-image");
+Object.defineProperty(exports, "FlowImage", { enumerable: true, get: function () { return flow_image_1.FlowImage; } });
+var flow_text_1 = require("./flow-text");
+Object.defineProperty(exports, "FlowText", { enumerable: true, get: function () { return flow_text_1.FlowText; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/content-fields/index.ts"],"names":[],"mappings":";;;AAAA,6DAAyD;AAAhD,wHAAA,iBAAiB,OAAA;AAC1B,6CAA0C;AAAjC,yGAAA,UAAU,OAAA;AACnB,iDAA8C;AAArC,6GAAA,YAAY,OAAA;AACrB,+CAA4C;AAAnC,2GAAA,WAAW,OAAA;AACpB,2CAAwC;AAA/B,uGAAA,SAAS,OAAA;AAClB,yCAAsC;AAA7B,qGAAA,QAAQ,OAAA"}

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

@@ -0,0 +1,4 @@
+import { FlowCarousel } from './flow-carousel';
+import { FlowImage } from './flow-image';
+import { FlowText } from './flow-text';
+export declare type FlowContent = FlowText | FlowImage | FlowCarousel;

package/lib/cjs/content-fields/types.js

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

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

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

package/lib/cjs/flow-builder-models.d.ts

@@ -0,0 +1,174 @@
+export interface FlowBuilderData {
+    version: string;
+    name: string;
+    locales: string[];
+    start_node_id?: string;
+    ai_model_id?: string;
+    nodes: NodeComponent[];
+}
+export declare enum NodeType {
+    TEXT = "text",
+    IMAGE = "image",
+    CAROUSEL = "carousel",
+    HANDOFF = "handoff",
+    KEYWORD = "keyword",
+    INTENT = "intent",
+    START_UP = "start-up",
+    URL = "url",
+    PAYLOAD = "payload",
+    FUNCTION = "function"
+}
+export interface BaseNode {
+    id: string;
+    type: NodeType;
+}
+export interface Meta {
+    x: number;
+    y: number;
+}
+export interface Node extends BaseNode {
+    code: string;
+    meta: Meta;
+    follow_up?: NodeLink;
+    target?: NodeLink;
+}
+export interface NodeLink {
+    id: string;
+    type: NodeType;
+}
+export interface TextLocale {
+    message: string;
+    locale: string;
+}
+export declare enum ButtonStyle {
+    BUTTON = "button",
+    QUICK_REPLY = "quick-reply"
+}
+export interface UrlLocale {
+    id: string;
+    locale: string;
+}
+export interface PayloadLocale {
+    id: string;
+    locale: string;
+}
+export interface Button {
+    id: string;
+    text: TextLocale[];
+    target?: NodeLink;
+    hidden: string;
+    url?: UrlLocale;
+    payload?: PayloadLocale;
+}
+export interface TextNodeContent {
+    text: TextLocale[];
+    buttons_style?: ButtonStyle;
+    buttons: Button[];
+}
+export interface TextNode extends Node {
+    type: NodeType.TEXT;
+    content: TextNodeContent;
+}
+export interface MediaFileLocale {
+    id: string;
+    file: string;
+    locale: string;
+}
+export interface ImageNodeContent {
+    image: MediaFileLocale[];
+}
+export interface ImageNode extends Node {
+    type: NodeType.IMAGE;
+    content: ImageNodeContent;
+}
+export interface CarouselElementNode {
+    id: string;
+    title: TextLocale[];
+    subtitle: TextLocale[];
+    image: MediaFileLocale[];
+    button: Button;
+}
+export interface CarouselNodeContent {
+    elements: CarouselElementNode[];
+}
+export interface CarouselNode extends Node {
+    type: NodeType.CAROUSEL;
+    content: CarouselNodeContent;
+}
+export interface QueueLocale {
+    id: string;
+    name: string;
+    locale: string;
+}
+export interface HandoffNodeContent {
+    message: TextLocale[];
+    fail_message: TextLocale[];
+    queue: QueueLocale[];
+}
+export interface HandoffNode extends Node {
+    type: NodeType.HANDOFF;
+    content: HandoffNodeContent;
+}
+export interface InputLocale {
+    values: string[];
+    locale: string;
+}
+export interface KeywordNodeContent {
+    title: TextLocale[];
+    keywords: InputLocale[];
+}
+export interface KeywordNode extends Node {
+    type: NodeType.KEYWORD;
+    content: KeywordNodeContent;
+}
+export interface IntentNodeContent {
+    title: TextLocale[];
+    intents: InputLocale[];
+    confidence: number;
+}
+export interface IntentNode extends Node {
+    type: NodeType.INTENT;
+    content: IntentNodeContent;
+}
+export interface StartNode extends BaseNode {
+    type: NodeType.START_UP;
+    target: NodeLink;
+}
+export interface UrlNodeContent {
+    url: string;
+}
+export interface UrlNode extends BaseNode {
+    type: NodeType.URL;
+    content: UrlNodeContent;
+}
+export interface PayloadNodeContent {
+    payload: string;
+}
+export interface PayloadNode extends BaseNode {
+    type: NodeType.PAYLOAD;
+    content: PayloadNodeContent;
+}
+export declare type ArgumentType = number | string | Record<any, any>;
+export interface FunctionNodeArgument {
+    type: ArgumentType;
+    name: string;
+    value: string;
+}
+export interface FunctionNodeArgumentLocale {
+    locale: string;
+    values: FunctionNodeArgument[];
+}
+export interface FunctionNodeResult {
+    result: string;
+    target: NodeLink;
+}
+export interface FunctionNodeContent {
+    action: string;
+    arguments: FunctionNodeArgumentLocale[];
+    result_mapping: FunctionNodeResult[];
+}
+export interface FunctionNode extends Node {
+    type: NodeType.FUNCTION;
+    content: FunctionNodeContent;
+}
+export declare type NodeComponent = TextNode | ImageNode | CarouselNode | HandoffNode | KeywordNode | IntentNode | UrlNode | StartNode | PayloadNode | FunctionNode;

package/lib/cjs/flow-builder-models.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonStyle = exports.NodeType = void 0;
+var NodeType;
+(function (NodeType) {
+    NodeType["TEXT"] = "text";
+    NodeType["IMAGE"] = "image";
+    NodeType["CAROUSEL"] = "carousel";
+    NodeType["HANDOFF"] = "handoff";
+    NodeType["KEYWORD"] = "keyword";
+    NodeType["INTENT"] = "intent";
+    NodeType["START_UP"] = "start-up";
+    NodeType["URL"] = "url";
+    NodeType["PAYLOAD"] = "payload";
+    NodeType["FUNCTION"] = "function";
+})(NodeType = exports.NodeType || (exports.NodeType = {}));
+var ButtonStyle;
+(function (ButtonStyle) {
+    ButtonStyle["BUTTON"] = "button";
+    ButtonStyle["QUICK_REPLY"] = "quick-reply";
+})(ButtonStyle = exports.ButtonStyle || (exports.ButtonStyle = {}));
+//# sourceMappingURL=flow-builder-models.js.map

package/lib/cjs/flow-builder-models.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flow-builder-models.js","sourceRoot":"","sources":["../../src/flow-builder-models.ts"],"names":[],"mappings":";;;AASA,IAAY,QAWX;AAXD,WAAY,QAAQ;IAClB,yBAAa,CAAA;IACb,2BAAe,CAAA;IACf,iCAAqB,CAAA;IACrB,+BAAmB,CAAA;IACnB,+BAAmB,CAAA;IACnB,6BAAiB,CAAA;IACjB,iCAAqB,CAAA;IACrB,uBAAW,CAAA;IACX,+BAAmB,CAAA;IACnB,iCAAqB,CAAA;AACvB,CAAC,EAXW,QAAQ,GAAR,gBAAQ,KAAR,gBAAQ,QAWnB;AA6BD,IAAY,WAGX;AAHD,WAAY,WAAW;IACrB,gCAAiB,CAAA;IACjB,0CAA2B,CAAA;AAC7B,CAAC,EAHW,WAAW,GAAX,mBAAW,KAAX,mBAAW,QAGtB"}

package/lib/cjs/functions/conditional-queue-status.d.ts

@@ -1,3 +1,3 @@
-export declare function conditionalQueueStatus({ queue_id }: {
-    queue_id: any;
+export declare function conditionalQueueStatus({ queue_id, }: {
+    queue_id: string;
 }): Promise<string>;