@botonic/plugin-flow-builder 0.25.0-beta.0 → 0.26.0-alpha.0

package/lib/esm/types.d.ts

@@ -2,7 +2,8 @@ import { PluginPreRequest, Session } from '@botonic/core';
 import { ActionRequest } from '@botonic/react';
 import { HtFlowBuilderData } from './content-fields/hubtype-fields';
 export interface BotonicPluginFlowBuilderOptions {
-    flowUrl: string;
+    apiUrl?: string;
+    jsonVersion?: FlowBuilderJSONVersion;
     flow?: HtFlowBuilderData;
     customFunctions?: Record<any, any>;
     getLocale: (session: Session) => string;
@@ -20,6 +21,10 @@ export declare enum ProcessEnvNodeEnvs {
     PRODUCTION = "production",
     DEVELOPMENT = "development"
 }
+export declare enum FlowBuilderJSONVersion {
+    DRAFT = "draft",
+    LATEST = "latest"
+}
 export interface KnowledgeBaseResponse {
     answer: string;
     hasKnowledge: boolean;
@@ -29,5 +34,5 @@ export interface KnowledgeBaseResponse {
     }[];
 }
 export interface PayloadParamsBase {
-    followUpId?: string;
+    followUpContentID?: string;
 }

package/lib/esm/types.js

@@ -3,4 +3,9 @@ export var ProcessEnvNodeEnvs;
     ProcessEnvNodeEnvs["PRODUCTION"] = "production";
     ProcessEnvNodeEnvs["DEVELOPMENT"] = "development";
 })(ProcessEnvNodeEnvs || (ProcessEnvNodeEnvs = {}));
+export var FlowBuilderJSONVersion;
+(function (FlowBuilderJSONVersion) {
+    FlowBuilderJSONVersion["DRAFT"] = "draft";
+    FlowBuilderJSONVersion["LATEST"] = "latest";
+})(FlowBuilderJSONVersion || (FlowBuilderJSONVersion = {}));
 //# sourceMappingURL=types.js.map

package/lib/esm/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AA4BA,MAAM,CAAN,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC5B,+CAAyB,CAAA;IACzB,iDAA2B,CAAA;AAC7B,CAAC,EAHW,kBAAkB,KAAlB,kBAAkB,QAG7B"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AA6BA,MAAM,CAAN,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC5B,+CAAyB,CAAA;IACzB,iDAA2B,CAAA;AAC7B,CAAC,EAHW,kBAAkB,KAAlB,kBAAkB,QAG7B;AAED,MAAM,CAAN,IAAY,sBAGX;AAHD,WAAY,sBAAsB;IAChC,yCAAe,CAAA;IACf,2CAAiB,CAAA;AACnB,CAAC,EAHW,sBAAsB,KAAtB,sBAAsB,QAGjC"}

package/lib/esm/user-input/index.d.ts

@@ -0,0 +1,4 @@
+import { ActionRequest } from '@botonic/react';
+import { FlowBuilderApi } from '../api';
+import { HtIntentNode, HtKeywordNode, HtSmartIntentNode } from '../content-fields/hubtype-fields';
+export declare function getNodeByUserInput(cmsApi: FlowBuilderApi, locale: string, request: ActionRequest): Promise<HtSmartIntentNode | HtIntentNode | HtKeywordNode | undefined>;

package/lib/esm/{action/user-input.js → user-input/index.js}

@@ -1,17 +1,21 @@
 import { __awaiter } from "tslib";
 import { getIntentNodeByInput } from './intent';
 import { getKeywordNodeByInput } from './keyword';
+import { getSmartIntentNodeByInput } from './smart-intent';
 export function getNodeByUserInput(cmsApi, locale, request) {
     return __awaiter(this, void 0, void 0, function* () {
         if (request.input.data) {
-            const intentNode = yield getIntentNodeByInput(cmsApi, locale, request);
-            if (intentNode)
-                return intentNode;
             const keywordNode = yield getKeywordNodeByInput(cmsApi, locale, request, request.input.data);
             if (keywordNode)
                 return keywordNode;
+            const smartIntentNode = yield getSmartIntentNodeByInput(cmsApi, request);
+            if (smartIntentNode)
+                return smartIntentNode;
+            const intentNode = yield getIntentNodeByInput(cmsApi, locale, request);
+            if (intentNode)
+                return intentNode;
         }
         return undefined;
     });
 }
-//# sourceMappingURL=user-input.js.map
+//# sourceMappingURL=index.js.map

package/lib/esm/user-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/user-input/index.ts"],"names":[],"mappings":";AAQA,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAC/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAA;AACjD,OAAO,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAA;AAE1D,MAAM,UAAgB,kBAAkB,CACtC,MAAsB,EACtB,MAAc,EACd,OAAsB;;QAEtB,IAAI,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE;YACtB,MAAM,WAAW,GAAG,MAAM,qBAAqB,CAC7C,MAAM,EACN,MAAM,EACN,OAAO,EACP,OAAO,CAAC,KAAK,CAAC,IAAI,CACnB,CAAA;YACD,IAAI,WAAW;gBAAE,OAAO,WAAW,CAAA;YAEnC,MAAM,eAAe,GAAG,MAAM,yBAAyB,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;YACxE,IAAI,eAAe;gBAAE,OAAO,eAAe,CAAA;YAE3C,MAAM,UAAU,GAAG,MAAM,oBAAoB,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,CAAA;YACtE,IAAI,UAAU;gBAAE,OAAO,UAAU,CAAA;SAClC;QACD,OAAO,SAAS,CAAA;IAClB,CAAC;CAAA"}

package/lib/esm/{action → user-input}/intent.js

@@ -1,5 +1,5 @@
 import { __awaiter } from "tslib";
-import { EventName, trackEvent } from './tracking';
+import { EventName, trackEvent } from '../tracking';
 export function getIntentNodeByInput(cmsApi, locale, request) {
     return __awaiter(this, void 0, void 0, function* () {
         const intentNode = cmsApi.getIntentNode(request.input, locale);

package/lib/esm/user-input/intent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"intent.js","sourceRoot":"","sources":["../../../src/user-input/intent.ts"],"names":[],"mappings":";AAIA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAEnD,MAAM,UAAgB,oBAAoB,CACxC,MAAsB,EACtB,MAAc,EACd,OAAsB;;QAEtB,MAAM,UAAU,GAAG,MAAM,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;QAC9D,MAAM,SAAS,GAAG;YAChB,MAAM,EAAE,OAAO,CAAC,KAAK,CAAC,MAAgB;YACtC,UAAU,EAAE,OAAO,CAAC,KAAK,CAAC,UAAoB;YAC9C,qBAAqB,EAAE,IAAI;SAC5B,CAAA;QACD,IAAI,OAAO,CAAC,KAAK,CAAC,UAAU,IAAI,OAAO,CAAC,KAAK,CAAC,MAAM,IAAI,UAAU,EAAE;YAClE,IAAI,aAAa,CAAC,UAAU,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE;gBAC9C,MAAM,UAAU,CAAC,OAAO,EAAE,SAAS,CAAC,UAAU,EAAE,SAAS,CAAC,CAAA;gBAC1D,OAAO,UAAU,CAAA;aAClB;YAED,SAAS,CAAC,qBAAqB,GAAG,KAAK,CAAA;YACvC,MAAM,UAAU,CAAC,OAAO,EAAE,SAAS,CAAC,UAAU,EAAE,SAAS,CAAC,CAAA;SAC3D;QAED,OAAO,SAAS,CAAA;IAClB,CAAC;CAAA;AAED,SAAS,aAAa,CACpB,UAAwB,EACxB,OAAsB,EACtB,MAAsB;IAEtB,OAAO,CACL,OAAO,CAAC,KAAK,CAAC,UAAU;QACxB,MAAM,CAAC,yBAAyB,CAAC,UAAU,EAAE,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC,CACvE,CAAA;AACH,CAAC"}

package/lib/esm/{action → user-input}/keyword.js

@@ -1,5 +1,5 @@
 import { __awaiter } from "tslib";
-import { EventName, trackEvent } from './tracking';
+import { EventName, trackEvent } from '../tracking';
 export function getKeywordNodeByInput(cmsApi, locale, request, userInput) {
     return __awaiter(this, void 0, void 0, function* () {
         const keywordNode = cmsApi.getNodeByKeyword(userInput, locale);

package/lib/esm/user-input/keyword.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyword.js","sourceRoot":"","sources":["../../../src/user-input/keyword.ts"],"names":[],"mappings":";AAIA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAEnD,MAAM,UAAgB,qBAAqB,CACzC,MAAsB,EACtB,MAAc,EACd,OAAsB,EACtB,SAAiB;;QAEjB,MAAM,WAAW,GAAG,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,MAAM,CAAC,CAAA;QAC9D,IAAI,CAAC,WAAW,EAAE;YAChB,OAAO,SAAS,CAAA;SACjB;QACD,MAAM,SAAS,GAAG;YAChB,qBAAqB,EAAE,IAAI;SAC5B,CAAA;QACD,MAAM,UAAU,CAAC,OAAO,EAAE,SAAS,CAAC,gBAAgB,EAAE,SAAS,CAAC,CAAA;QAChE,OAAO,WAAW,CAAA;IACpB,CAAC;CAAA"}

package/lib/esm/user-input/smart-intent.d.ts

@@ -0,0 +1,4 @@
+import { ActionRequest } from '@botonic/react';
+import { FlowBuilderApi } from '../api';
+import { HtSmartIntentNode } from '../content-fields/hubtype-fields/smart-intent';
+export declare function getSmartIntentNodeByInput(cmsApi: FlowBuilderApi, request: ActionRequest): Promise<HtSmartIntentNode | undefined>;

package/lib/esm/user-input/smart-intent.js

@@ -0,0 +1,36 @@
+import { __awaiter } from "tslib";
+import axios from 'axios';
+export function getSmartIntentNodeByInput(cmsApi, request) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const smartIntentNodes = cmsApi.getSmartIntentNodes();
+        const intentsInferenceParams = smartIntentNodes.map(smartIntentNode => {
+            return {
+                name: smartIntentNode.content.title,
+                definition: smartIntentNode.content.description,
+            };
+        });
+        intentsInferenceParams.push({
+            name: 'Other',
+            definition: 'The text does not belong to any other intent.',
+        });
+        try {
+            const response = yield axios({
+                method: 'POST',
+                url: `${process.env.HUBTYPE_API_URL}/external/v1/ai/smart_intents/inference/`,
+                headers: {
+                    Authorization: `Bearer ${request.session._access_token}`,
+                    'Content-Type': 'application/json',
+                },
+                data: { text: request.input.data, intents: intentsInferenceParams },
+                timeout: 10000,
+            });
+            console.log({ response });
+            return smartIntentNodes.find(smartIntentNode => smartIntentNode.content.title === response.data.intent_name);
+        }
+        catch (e) {
+            console.error(e);
+            return undefined;
+        }
+    });
+}
+//# sourceMappingURL=smart-intent.js.map

package/lib/esm/user-input/smart-intent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"smart-intent.js","sourceRoot":"","sources":["../../../src/user-input/smart-intent.ts"],"names":[],"mappings":";AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,MAAM,UAAgB,yBAAyB,CAC7C,MAAsB,EACtB,OAAsB;;QAEtB,MAAM,gBAAgB,GAAG,MAAM,CAAC,mBAAmB,EAAE,CAAA;QACrD,MAAM,sBAAsB,GAAG,gBAAgB,CAAC,GAAG,CAAC,eAAe,CAAC,EAAE;YACpE,OAAO;gBACL,IAAI,EAAE,eAAe,CAAC,OAAO,CAAC,KAAK;gBACnC,UAAU,EAAE,eAAe,CAAC,OAAO,CAAC,WAAW;aAChD,CAAA;QACH,CAAC,CAAC,CAAA;QACF,sBAAsB,CAAC,IAAI,CAAC;YAC1B,IAAI,EAAE,OAAO;YACb,UAAU,EAAE,+CAA+C;SAC5D,CAAC,CAAA;QACF,IAAI;YACF,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC;gBAC3B,MAAM,EAAE,MAAM;gBACd,GAAG,EAAE,GAAG,OAAO,CAAC,GAAG,CAAC,eAAe,0CAA0C;gBAC7E,OAAO,EAAE;oBACP,aAAa,EAAE,UAAU,OAAO,CAAC,OAAO,CAAC,aAAa,EAAE;oBACxD,cAAc,EAAE,kBAAkB;iBACnC;gBACD,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,sBAAsB,EAAE;gBACnE,OAAO,EAAE,KAAK;aACf,CAAC,CAAA;YACF,OAAO,CAAC,GAAG,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAA;YACzB,OAAO,gBAAgB,CAAC,IAAI,CAC1B,eAAe,CAAC,EAAE,CAChB,eAAe,CAAC,OAAO,CAAC,KAAK,KAAK,QAAQ,CAAC,IAAI,CAAC,WAAW,CAC9D,CAAA;SACF;QAAC,OAAO,CAAC,EAAE;YACV,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;YAChB,OAAO,SAAS,CAAA;SACjB;IACH,CAAC;CAAA"}

package/lib/esm/webview/contents-context.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { WebviewContentsContextType } from './types';
+export declare const WebviewContentsContext: import("react").Context<WebviewContentsContextType>;

package/lib/esm/webview/contents-context.js

@@ -0,0 +1,7 @@
+import { createContext } from 'react';
+export const WebviewContentsContext = createContext({
+    getTextContent: () => undefined,
+    getImageSrc: () => undefined,
+    setCurrentLocale: () => undefined,
+});
+//# sourceMappingURL=contents-context.js.map

package/lib/esm/webview/contents-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contents-context.js","sourceRoot":"","sources":["../../../src/webview/contents-context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAIrC,MAAM,CAAC,MAAM,sBAAsB,GAAG,aAAa,CACjD;IACE,cAAc,EAAE,GAAG,EAAE,CAAC,SAAS;IAC/B,WAAW,EAAE,GAAG,EAAE,CAAC,SAAS;IAC5B,gBAAgB,EAAE,GAAG,EAAE,CAAC,SAAS;CAClC,CACF,CAAA"}

package/lib/esm/webview/index.d.ts

@@ -0,0 +1,3 @@
+export { WebviewContentsContext } from './contents-context';
+export * from './types';
+export { useWebviewContents } from './use-webview-contents';

package/lib/esm/webview/index.js

@@ -0,0 +1,4 @@
+export { WebviewContentsContext } from './contents-context';
+export * from './types';
+export { useWebviewContents } from './use-webview-contents';
+//# sourceMappingURL=index.js.map

package/lib/esm/webview/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/webview/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAA;AAC3D,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA"}

package/lib/esm/webview/types.d.ts

@@ -0,0 +1,46 @@
+import { FlowBuilderJSONVersion } from '../types';
+export declare enum WebviewContentType {
+    TEXT = "webview-text",
+    IMAGE = "webview-image"
+}
+export interface WebviewContentsResponse {
+    webview_contents: (WebviewTextContent | WebviewImageContent)[];
+}
+export interface WebviewTextContent {
+    code: string;
+    type: WebviewContentType.TEXT;
+    content: {
+        text: {
+            message: string;
+            locale: string;
+        }[];
+    };
+}
+export interface WebviewImageContent {
+    code: string;
+    type: WebviewContentType.IMAGE;
+    content: {
+        image: {
+            file: string;
+            locale: string;
+        }[];
+    };
+}
+export interface UseWebviewContentsProps {
+    apiUrl?: string;
+    version?: FlowBuilderJSONVersion;
+    orgId: string;
+    botId: string;
+    webviewId: string;
+    locale: string;
+}
+export interface UseWebviewContents {
+    isLoading: boolean;
+    error: boolean;
+    webviewContentsContext: WebviewContentsContextType;
+}
+export interface WebviewContentsContextType {
+    getTextContent: (code: string) => string | undefined;
+    getImageSrc: (code: string) => string | undefined;
+    setCurrentLocale: (locale: string) => void;
+}

package/lib/esm/webview/types.js

@@ -0,0 +1,6 @@
+export var WebviewContentType;
+(function (WebviewContentType) {
+    WebviewContentType["TEXT"] = "webview-text";
+    WebviewContentType["IMAGE"] = "webview-image";
+})(WebviewContentType || (WebviewContentType = {}));
+//# sourceMappingURL=types.js.map

package/lib/esm/webview/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/webview/types.ts"],"names":[],"mappings":"AAEA,MAAM,CAAN,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC5B,2CAAqB,CAAA;IACrB,6CAAuB,CAAA;AACzB,CAAC,EAHW,kBAAkB,KAAlB,kBAAkB,QAG7B"}

package/lib/esm/webview/use-webview-contents.d.ts

@@ -0,0 +1,2 @@
+import { UseWebviewContents, UseWebviewContentsProps } from './types';
+export declare function useWebviewContents({ apiUrl, version, orgId, botId, webviewId, locale, }: UseWebviewContentsProps): UseWebviewContents;

package/lib/esm/webview/use-webview-contents.js

@@ -0,0 +1,54 @@
+import { __awaiter } from "tslib";
+import axios from 'axios';
+import { useEffect, useState } from 'react';
+import { FLOW_BUILDER_API_URL_PROD } from '../constants';
+import { FlowBuilderJSONVersion } from '../types';
+import { WebviewContentType, } from './types';
+export function useWebviewContents({ apiUrl = FLOW_BUILDER_API_URL_PROD, version = FlowBuilderJSONVersion.LATEST, orgId, botId, webviewId, locale, }) {
+    const [textContents, setTextContents] = useState();
+    const [imageContents, setImageContents] = useState();
+    const [currentLocale, setCurrentLocale] = useState(locale);
+    const [isLoading, setLoading] = useState(false);
+    const [error, setError] = useState(false);
+    useEffect(() => {
+        const getResponseContents = () => __awaiter(this, void 0, void 0, function* () {
+            setLoading(true);
+            const url = `${apiUrl}/webview/${version}`;
+            try {
+                const response = yield axios.get(url, {
+                    params: { org: orgId, bot: botId, webview: webviewId },
+                });
+                const textResponseContents = response.data.webview_contents.filter(webviewContent => webviewContent.type === WebviewContentType.TEXT);
+                setTextContents(textResponseContents);
+                const imageResponseContents = response.data.webview_contents.filter(webviewContent => webviewContent.type === WebviewContentType.IMAGE);
+                setImageContents(imageResponseContents);
+            }
+            catch (error) {
+                console.error('Error fetching webview contents:', error);
+                setError(true);
+            }
+            finally {
+                setLoading(false);
+            }
+        });
+        getResponseContents();
+    }, []);
+    const getTextContent = (contentID) => {
+        var _a, _b;
+        return (_b = (_a = textContents === null || textContents === void 0 ? void 0 : textContents.find(textContent => textContent.code === contentID)) === null || _a === void 0 ? void 0 : _a.content.text.find(text => text.locale === currentLocale)) === null || _b === void 0 ? void 0 : _b.message;
+    };
+    const getImageSrc = (contentID) => {
+        var _a, _b;
+        return (_b = (_a = imageContents === null || imageContents === void 0 ? void 0 : imageContents.find(imageContent => imageContent.code === contentID)) === null || _a === void 0 ? void 0 : _a.content.image.find(image => image.locale === currentLocale)) === null || _b === void 0 ? void 0 : _b.file;
+    };
+    return {
+        isLoading,
+        error,
+        webviewContentsContext: {
+            getTextContent,
+            getImageSrc,
+            setCurrentLocale,
+        },
+    };
+}
+//# sourceMappingURL=use-webview-contents.js.map

package/lib/esm/webview/use-webview-contents.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@botonic/plugin-flow-builder",
-  "version": "0.25.0-beta.0",
+  "version": "0.26.0-alpha.0",
   "main": "./lib/cjs/index.js",
   "module": "./lib/esm/index.js",
   "description": "Use Flow Builder to show your contents",
@@ -14,7 +14,7 @@
     "lint_core": "../../node_modules/.bin/eslint_d --cache --quiet 'src/**/*.ts*'"
   },
   "dependencies": {
-    "@botonic/react": "0.25.0-beta.0",
+    "@botonic/react": "^0.26.0-alpha.0",
     "axios": "^1.6.8",
     "uuid": "^9.0.1"
   },

package/src/action/index.tsx

@@ -6,7 +6,7 @@ import { FlowContent, FlowHandoff } from '../content-fields'
 import { HtNodeWithContent } from '../content-fields/hubtype-fields'
 import { getFlowBuilderPlugin } from '../helpers'
 import { createNodeFromKnowledgeBase } from './knowledge-bases'
-import { EventName, trackEvent } from './tracking'
+import { EventName, trackEvent } from '../tracking'
 
 export type FlowBuilderActionProps = {
   contents: FlowContent[]

package/src/action/knowledge-bases.ts

@@ -9,7 +9,7 @@ import {
   HtTextNode,
 } from '../content-fields/hubtype-fields'
 import { getFlowBuilderPlugin } from '../helpers'
-import { EventName, trackEvent } from './tracking'
+import { EventName, trackEvent } from '../tracking'
 
 export async function createNodeFromKnowledgeBase(
   cmsApi: FlowBuilderApi,
@@ -47,6 +47,7 @@ export async function createNodeFromKnowledgeBase(
             buttons_style: undefined,
             buttons: [],
           },
+          flow_id: 'randomUUID', // TODO: Add flow_id consequentially with HtBaseNode changes
           id: uuid(),
           code: 'knowledge-response',
           meta: {

package/src/api.ts

@@ -6,6 +6,7 @@ import {
   HtBotActionNode,
   HtFallbackNode,
   HtFlowBuilderData,
+  HtGoToFlow,
   HtIntentNode,
   HtKeywordNode,
   HtNodeComponent,
@@ -15,6 +16,7 @@ import {
   HtNodeWithoutContentType,
   HtPayloadNode,
 } from './content-fields/hubtype-fields'
+import { HtSmartIntentNode } from './content-fields/hubtype-fields/smart-intent'
 import { FlowBuilderApiOptions } from './types'
 
 export class FlowBuilderApi {
@@ -56,11 +58,11 @@ export class FlowBuilderApi {
     return node as T
   }
 
-  getNodeByCode(code: string): HtNodeComponent {
+  getNodeByContentID(contentID: string): HtNodeComponent {
     const content = this.flow.nodes.find(node =>
-      'code' in node ? node.code === code : false
+      'code' in node ? node.code === contentID : false
     )
-    if (!content) throw Error(`Node with code: '${code}' not found`)
+    if (!content) throw Error(`Node with contentID: '${contentID}' not found`)
     return content
   }
 
@@ -124,6 +126,12 @@ export class FlowBuilderApi {
     return undefined
   }
 
+  getSmartIntentNodes(): HtSmartIntentNode[] {
+    return this.flow.nodes.filter(
+      node => node.type === HtNodeWithContentType.SMART_INTENT
+    ) as HtSmartIntentNode[]
+  }
+
   private nodeContainsIntent(
     node: HtIntentNode,
     intent: string,
@@ -214,13 +222,31 @@ export class FlowBuilderApi {
     const customParams = JSON.parse(
       botActionNode.content.payload_params || '{}'
     )
+
+    const followUpContentID = this.getFollowUpContentID(
+      botActionNode.follow_up?.id
+    )
+
     const payloadJson = JSON.stringify({
       ...customParams,
-      followUpId: botActionNode.follow_up?.id,
+      followUpContentID,
     })
     return `${payloadNode.content.payload}${SEPARATOR}${payloadJson}`
   }
 
+  private getFollowUpContentID(id?: string): string | undefined {
+    const followUpNode = id
+      ? this.getNodeById<HtNodeWithContent | HtGoToFlow>(id)
+      : undefined
+
+    if (followUpNode?.type === HtNodeWithoutContentType.GO_TO_FLOW) {
+      return this.getNodeById<HtNodeWithContent>(followUpNode?.content.flow_id)
+        .code
+    } else {
+      return followUpNode?.code
+    }
+  }
+
   getResolvedLocale(locale: string): string {
     if (this.flow.locales.find(flowLocale => flowLocale === locale)) {
       return locale

package/src/constants.ts

@@ -1,3 +1,5 @@
+export const FLOW_BUILDER_API_URL_PROD =
+  'https://api.ent0.flowbuilder.prod.hubtype.com'
 export const SEPARATOR = '|'
 export const SOURCE_INFO_SEPARATOR = `${SEPARATOR}source_`
 export const VARIABLE_PATTERN = /{([^}]+)}/g

package/src/content-fields/flow-handoff.tsx

@@ -2,7 +2,7 @@ import { HandOffBuilder } from '@botonic/core'
 import { ActionRequest, WebchatSettings } from '@botonic/react'
 import React from 'react'
 
-import { EventName, trackEvent } from '../action/tracking'
+import { EventName, trackEvent } from '../tracking'
 import { FlowBuilderApi } from '../api'
 import { getQueueAvailability } from '../functions/conditional-queue-status'
 import { ContentFieldsBase } from './content-fields-base'

package/src/content-fields/hubtype-fields/common.ts

@@ -31,6 +31,7 @@ export interface HtBaseNode {
   }
   follow_up?: HtNodeLink
   target?: HtNodeLink
+  flow_id: string // TODO: Review if this field is necessary in all HtBaseNode
 }
 
 export interface HtTextLocale {

package/src/content-fields/hubtype-fields/index.ts

@@ -12,6 +12,7 @@ export * from './keyword'
 export * from './node-types'
 export * from './nodes'
 export * from './payload'
+export * from './smart-intent'
 export * from './text'
 export * from './url'
 export * from './video'

package/src/content-fields/hubtype-fields/node-types.ts

@@ -5,6 +5,7 @@ export enum HtNodeWithContentType {
   TEXT = 'text',
   KEYWORD = 'keyword',
   INTENT = 'intent',
+  SMART_INTENT = 'smart-intent',
   FUNCTION = 'function',
   FALLBACK = 'fallback',
   VIDEO = 'video',

package/src/content-fields/hubtype-fields/nodes.ts

@@ -8,6 +8,7 @@ import { HtImageNode } from './image'
 import { HtIntentNode } from './intent'
 import { HtKeywordNode } from './keyword'
 import { HtPayloadNode } from './payload'
+import { HtSmartIntentNode } from './smart-intent'
 import { HtTextNode } from './text'
 import { HtUrlNode } from './url'
 import { HtVideoNode } from './video'
@@ -24,6 +25,7 @@ export type HtNodeWithContent =
   | HtFunctionNode
   | HtFallbackNode
   | HtWhatsappButtonListNode
+  | HtSmartIntentNode
 
 export type HtNodeWithoutContent =
   | HtUrlNode

package/src/content-fields/hubtype-fields/smart-intent.ts

@@ -0,0 +1,12 @@
+import { HtBaseNode } from './common'
+import { HtNodeWithContentType } from './node-types'
+
+interface SmartIntent {
+  title: string
+  description: string
+}
+
+export interface HtSmartIntentNode extends HtBaseNode {
+  type: HtNodeWithContentType.SMART_INTENT
+  content: SmartIntent
+}

package/src/index.ts

@@ -1,9 +1,12 @@
 import { Plugin, PluginPreRequest, Session } from '@botonic/core'
 import { ActionRequest } from '@botonic/react'
 
-import { getNodeByUserInput } from './action/user-input'
 import { FlowBuilderApi } from './api'
-import { SEPARATOR, SOURCE_INFO_SEPARATOR } from './constants'
+import {
+  FLOW_BUILDER_API_URL_PROD,
+  SEPARATOR,
+  SOURCE_INFO_SEPARATOR,
+} from './constants'
 import {
   FlowCarousel,
   FlowContent,
@@ -25,9 +28,11 @@ import {
 import { DEFAULT_FUNCTIONS } from './functions'
 import {
   BotonicPluginFlowBuilderOptions,
+  FlowBuilderJSONVersion,
   KnowledgeBaseResponse,
   PayloadParamsBase,
 } from './types'
+import { getNodeByUserInput } from './user-input'
 import { resolveGetAccessToken } from './utils'
 
 export default class BotonicPluginFlowBuilder implements Plugin {
@@ -48,7 +53,9 @@ export default class BotonicPluginFlowBuilder implements Plugin {
   ) => Promise<KnowledgeBaseResponse>
 
   constructor(readonly options: BotonicPluginFlowBuilderOptions) {
-    this.flowUrl = options.flowUrl
+    const apiUrl = options.apiUrl || FLOW_BUILDER_API_URL_PROD
+    const jsonVersion = options.jsonVersion || FlowBuilderJSONVersion.LATEST
+    this.flowUrl = `${apiUrl}/flow/${jsonVersion}`
     this.flow = options.flow
     this.getLocale = options.getLocale
     this.getAccessToken = resolveGetAccessToken(options)
@@ -90,16 +97,21 @@ export default class BotonicPluginFlowBuilder implements Plugin {
     }
   }
 
-  async getContentsByCode(
-    code: string,
+  async getContentsByContentID(
+    contentID: string,
     locale: string,
     prevContents?: FlowContent[]
   ): Promise<FlowContent[]> {
-    const node = this.cmsApi.getNodeByCode(code) as HtNodeWithContent
+    const node = this.cmsApi.getNodeByContentID(contentID) as HtNodeWithContent
     return await this.getContentsByNode(node, locale, prevContents)
   }
 
-  async getContentsById(
+  getUUIDByContentID(contentID: string): string {
+    const node = this.cmsApi.getNodeByContentID(contentID)
+    return node.id
+  }
+
+  private async getContentsById(
     id: string,
     locale: string,
     prevContents?: FlowContent[]
@@ -224,4 +236,9 @@ export default class BotonicPluginFlowBuilder implements Plugin {
 
 export * from './action'
 export * from './content-fields'
-export { BotonicPluginFlowBuilderOptions, PayloadParamsBase } from './types'
+export {
+  BotonicPluginFlowBuilderOptions,
+  FlowBuilderJSONVersion,
+  PayloadParamsBase,
+} from './types'
+export * from './webview'

package/src/{action/tracking.ts → tracking.ts}

@@ -1,6 +1,6 @@
 import { ActionRequest } from '@botonic/react'
 
-import { getFlowBuilderPlugin } from '../helpers'
+import { getFlowBuilderPlugin } from './helpers'
 
 export async function trackEvent(
   request: ActionRequest,

package/src/types.ts

@@ -4,7 +4,8 @@ import { ActionRequest } from '@botonic/react'
 import { HtFlowBuilderData } from './content-fields/hubtype-fields'
 
 export interface BotonicPluginFlowBuilderOptions {
-  flowUrl: string
+  apiUrl?: string
+  jsonVersion?: FlowBuilderJSONVersion
   flow?: HtFlowBuilderData
   customFunctions?: Record<any, any>
   getLocale: (session: Session) => string
@@ -31,6 +32,11 @@ export enum ProcessEnvNodeEnvs {
   DEVELOPMENT = 'development',
 }
 
+export enum FlowBuilderJSONVersion {
+  DRAFT = 'draft',
+  LATEST = 'latest',
+}
+
 export interface KnowledgeBaseResponse {
   answer: string
   hasKnowledge: boolean
@@ -41,5 +47,5 @@ export interface KnowledgeBaseResponse {
 }
 
 export interface PayloadParamsBase {
-  followUpId?: string
+  followUpContentID?: string
 }