@botonic/plugin-flow-builder 0.43.2 → 0.44.0-alpha.0

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

@@ -1 +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,4BAA4B,GAAG,GAA8B,EAAE,CAC1E,aAAa,CAAgC;IAC3C,cAAc,EAAE,GAAG,EAAE,CAAC,EAAE;IACxB,WAAW,EAAE,GAAG,EAAE,CAAC,EAAE;IACrB,gBAAgB,EAAE,GAAG,EAAE,CAAC,SAAS;IACjC,QAAQ,EAAE,EAA6B;CACxC,CAAC,CAAA"}
+{"version":3,"file":"contents-context.js","sourceRoot":"","sources":["../../../src/webview/contents-context.ts"],"names":[],"mappings":";;;AAAA,iCAAqC;AAI9B,MAAM,4BAA4B,GAAG,GAA8B,EAAE,CAC1E,IAAA,qBAAa,EAAgC;IAC3C,cAAc,EAAE,GAAG,EAAE,CAAC,EAAE;IACxB,WAAW,EAAE,GAAG,EAAE,CAAC,EAAE;IACrB,gBAAgB,EAAE,GAAG,EAAE,CAAC,SAAS;IACjC,QAAQ,EAAE,EAA6B;CACxC,CAAC,CAAA;AANS,QAAA,4BAA4B,gCAMrC"}

package/lib/esm/webview/index.js

@@ -1,4 +1,10 @@
-export { createWebviewContentsContext } from './contents-context';
-export * from './types';
-export { useWebviewContents } from './use-webview-contents';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useWebviewContents = exports.createWebviewContentsContext = void 0;
+const tslib_1 = require("tslib");
+var contents_context_1 = require("./contents-context");
+Object.defineProperty(exports, "createWebviewContentsContext", { enumerable: true, get: function () { return contents_context_1.createWebviewContentsContext; } });
+tslib_1.__exportStar(require("./types"), exports);
+var use_webview_contents_1 = require("./use-webview-contents");
+Object.defineProperty(exports, "useWebviewContents", { enumerable: true, get: function () { return use_webview_contents_1.useWebviewContents; } });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/webview/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,oBAAoB,CAAA;AACjE,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/webview/index.ts"],"names":[],"mappings":";;;;AAAA,uDAAiE;AAAxD,gIAAA,4BAA4B,OAAA;AACrC,kDAAuB;AACvB,+DAA2D;AAAlD,0HAAA,kBAAkB,OAAA"}

package/lib/esm/webview/types.js

@@ -1,6 +1,9 @@
-export var WebviewContentType;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WebviewContentType = void 0;
+var WebviewContentType;
 (function (WebviewContentType) {
     WebviewContentType["TEXT"] = "webview-text";
     WebviewContentType["IMAGE"] = "webview-image";
-})(WebviewContentType || (WebviewContentType = {}));
+})(WebviewContentType || (exports.WebviewContentType = WebviewContentType = {}));
 //# sourceMappingURL=types.js.map

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

@@ -1 +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"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/webview/types.ts"],"names":[],"mappings":";;;AAEA,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC5B,2CAAqB,CAAA;IACrB,6CAAuB,CAAA;AACzB,CAAC,EAHW,kBAAkB,kCAAlB,kBAAkB,QAG7B"}

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

@@ -1,15 +1,18 @@
-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, botId, webviewId, providerId, locale, mapContents, }) {
-    const [textContents, setTextContents] = useState();
-    const [imageContents, setImageContents] = useState();
-    const [contents, setContents] = useState({});
-    const [currentLocale, setCurrentLocale] = useState(locale);
-    const [error, setError] = useState(false);
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useWebviewContents = useWebviewContents;
+const tslib_1 = require("tslib");
+const axios_1 = tslib_1.__importDefault(require("axios"));
+const react_1 = require("react");
+const constants_1 = require("../constants");
+const types_1 = require("../types");
+const types_2 = require("./types");
+function useWebviewContents({ apiUrl = constants_1.FLOW_BUILDER_API_URL_PROD, version = types_1.FlowBuilderJSONVersion.LATEST, botId, webviewId, providerId, locale, mapContents, }) {
+    const [textContents, setTextContents] = (0, react_1.useState)();
+    const [imageContents, setImageContents] = (0, react_1.useState)();
+    const [contents, setContents] = (0, react_1.useState)({});
+    const [currentLocale, setCurrentLocale] = (0, react_1.useState)(locale);
+    const [error, setError] = (0, react_1.useState)(false);
     const updateCurrentLocale = (textContents) => {
         if (!textContents || textContents.length === 0) {
             console.log('There is no text contents to check the locale');
@@ -28,16 +31,18 @@ export function useWebviewContents({ apiUrl = FLOW_BUILDER_API_URL_PROD, version
         console.error(`locale: ${currentLocale} cannot be resolved with: ${locales.join(', ')}`);
     };
     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) ||
+        return (textContents
+            ?.find(textContent => textContent.code === contentID)
+            ?.content.text.find(text => text.locale === currentLocale)?.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 (imageContents
+            ?.find(imageContent => imageContent.code === contentID)
+            ?.content.image.find(image => image.locale === currentLocale)?.file ||
             '');
     };
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (textContents || imageContents) {
             const contentsObject = {};
             for (const [key, value] of Object.entries(mapContents)) {
@@ -46,14 +51,14 @@ export function useWebviewContents({ apiUrl = FLOW_BUILDER_API_URL_PROD, version
             setContents(contentsObject);
         }
     }, [textContents, imageContents, currentLocale]);
-    useEffect(() => {
-        const getResponseContents = () => __awaiter(this, void 0, void 0, function* () {
+    (0, react_1.useEffect)(() => {
+        const getResponseContents = async () => {
             const url = `${apiUrl}/v1/bot_flows/${botId}/versions/${version}/webviews/${webviewId}/?provider_id=${providerId}`;
             try {
-                const response = yield axios.get(url);
-                const textResponseContents = response.data.filter(webviewContent => webviewContent.type === WebviewContentType.TEXT);
+                const response = await axios_1.default.get(url);
+                const textResponseContents = response.data.filter(webviewContent => webviewContent.type === types_2.WebviewContentType.TEXT);
                 setTextContents(textResponseContents);
-                const imageResponseContents = response.data.filter(webviewContent => webviewContent.type === WebviewContentType.IMAGE);
+                const imageResponseContents = response.data.filter(webviewContent => webviewContent.type === types_2.WebviewContentType.IMAGE);
                 setImageContents(imageResponseContents);
                 updateCurrentLocale(textResponseContents);
             }
@@ -61,7 +66,7 @@ export function useWebviewContents({ apiUrl = FLOW_BUILDER_API_URL_PROD, version
                 console.error('Error fetching webview contents:', error);
                 setError(true);
             }
-        });
+        };
         getResponseContents();
     }, []);
     return {

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

@@ -1 +1 @@
-{"version":3,"file":"use-webview-contents.js","sourceRoot":"","sources":["../../../src/webview/use-webview-contents.ts"],"names":[],"mappings":"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"}
+{"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.43.2",
+  "version": "0.44.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.43.1",
+    "@botonic/react": "^0.44.0-alpha.0",
     "axios": "^1.13.2",
     "uuid": "^10.0.0"
   },

package/src/api.ts

@@ -9,6 +9,7 @@ import {
 } from './constants'
 import {
   HtBotActionNode,
+  HtCaptureUserInputNode,
   HtFallbackNode,
   HtFlowBuilderData,
   HtFlowWebview,
@@ -21,8 +22,8 @@ import {
   HtPayloadNode,
   HtRatingButton,
   HtRatingNode,
+  HtSmartIntentNode,
 } from './content-fields/hubtype-fields'
-import { HtSmartIntentNode } from './content-fields/hubtype-fields/smart-intent'
 import { FlowBuilderApiOptions, ProcessEnvNodeEnvs } from './types'
 
 export class FlowBuilderApi {
@@ -265,6 +266,39 @@ export class FlowBuilderApi {
     return this.flow.webviews.find(webview => webview.id === id)
   }
 
+  shouldCaptureUserInput(): boolean {
+    return !!this.getCaptureUserInputId()
+  }
+
+  getCaptureUserInputId(): string | undefined {
+    return this.request.session.capture_user_input?.node_id
+  }
+
+  setCaptureUserInputId(id: string): void {
+    if (this.request.session.capture_user_input) {
+      this.request.session.capture_user_input.node_id = id
+    }
+    this.request.session.capture_user_input = { node_id: id }
+  }
+
+  removeCaptureUserInputId(): void {
+    this.request.session.capture_user_input = undefined
+  }
+
+  setUserExtraDataVariable(key: string, value: string): void {
+    if (this.request.session.user.extra_data) {
+      this.request.session.user.extra_data[key] = value
+    }
+  }
+
+  getCaptureUserInputNode(): HtCaptureUserInputNode | undefined {
+    const captureUserInputId = this.getCaptureUserInputId()
+    if (!captureUserInputId) {
+      return undefined
+    }
+    return this.getNodeById<HtCaptureUserInputNode>(captureUserInputId)
+  }
+
   getResolvedLocale(): string {
     const systemLocale = this.request.getSystemLocale()
 

package/src/content-fields/flow-capture-user-input.tsx

@@ -0,0 +1,45 @@
+import { ActionRequest } from '@botonic/react'
+
+import { getFlowBuilderPlugin } from '../helpers'
+import { ContentFieldsBase } from './content-fields-base'
+import {
+  HtAiValidationType,
+  HtCaptureUserInputNode,
+} from './hubtype-fields/capture-user-input'
+
+export class FlowCaptureUserInput extends ContentFieldsBase {
+  public fieldName = ''
+  public aiValidationType = HtAiValidationType.NONE
+  public aiValidationInstructions = ''
+  public captureSuccessId = ''
+  public captureFailId = ''
+
+  static fromHubtypeCMS(cmsText: HtCaptureUserInputNode): FlowCaptureUserInput {
+    const newCaptureUserInput = new FlowCaptureUserInput(cmsText.id)
+    newCaptureUserInput.code = cmsText.code
+    newCaptureUserInput.fieldName = cmsText.content.field_name
+    newCaptureUserInput.aiValidationType =
+      cmsText.content.ai_validation_type || HtAiValidationType.NONE
+    newCaptureUserInput.aiValidationInstructions =
+      cmsText.content.ai_validation_instructions || ''
+    newCaptureUserInput.captureSuccessId = cmsText.content.capture_success.id
+    newCaptureUserInput.captureFailId = cmsText.content.capture_fail.id
+    newCaptureUserInput.followUp = undefined
+
+    return newCaptureUserInput
+  }
+
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  async trackFlow(_request: ActionRequest): Promise<void> {
+    return
+  }
+
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  toBotonic(_id: string, request: ActionRequest): JSX.Element {
+    const flowBuilderPlugin = getFlowBuilderPlugin(request.plugins)
+    const cmsApi = flowBuilderPlugin.cmsApi
+    cmsApi.setCaptureUserInputId(this.id)
+
+    return <></>
+  }
+}

package/src/content-fields/hubtype-fields/capture-user-input.ts

@@ -0,0 +1,21 @@
+import { HtBaseNode, HtNodeLink } from './common'
+import { HtNodeWithContentType } from './node-types'
+
+export enum HtAiValidationType {
+  NONE = 'None',
+  NAME = 'Name',
+  EMAIL = 'Email',
+  PHONE = 'Phone number',
+  CUSTOM = 'Custom',
+}
+
+export interface HtCaptureUserInputNode extends HtBaseNode {
+  type: HtNodeWithContentType.CAPTURE_USER_INPUT
+  content: {
+    field_name: string
+    ai_validation_type?: HtAiValidationType
+    ai_validation_instructions?: string
+    capture_success: HtNodeLink
+    capture_fail: HtNodeLink
+  }
+}

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

@@ -1,5 +1,6 @@
 export * from './bot-action'
 export * from './button'
+export * from './capture-user-input'
 export * from './carousel'
 export * from './common'
 export * from './fallback'

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

@@ -17,6 +17,7 @@ export enum HtNodeWithContentType {
   RATING = 'rating',
   WEBVIEW = 'webview',
   GO_TO_FLOW = 'go-to-flow',
+  CAPTURE_USER_INPUT = 'capture-user-input',
 }
 
 export enum HtNodeWithoutContentType {

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

@@ -1,5 +1,6 @@
 import { HtAiAgentNode } from './ai-agent'
 import { HtBotActionNode } from './bot-action'
+import { HtCaptureUserInputNode } from './capture-user-input'
 import { HtCarouselNode } from './carousel'
 // import { HtChannelConditionalNode } from './channel-conditional'
 // import { HtCountryConditionalNode } from './country-conditional'
@@ -42,6 +43,7 @@ export type HtNodeWithContent =
   | HtWebviewNode
   | HtGoToFlow
   | HtWhatsappTemplateNode
+  | HtCaptureUserInputNode
 // | HtChannelConditionalNode
 // | HtCountryConditionalNode
 // | HtCustomConditionalNode

package/src/content-fields/index.ts

@@ -1,5 +1,6 @@
 import { FlowAiAgent } from './flow-ai-agent'
 import { FlowBotAction } from './flow-bot-action'
+import { FlowCaptureUserInput } from './flow-capture-user-input'
 import { FlowCarousel } from './flow-carousel'
 import { FlowChannelConditional } from './flow-channel-conditional'
 import { FlowCountryConditional } from './flow-country-conditional'
@@ -25,6 +26,7 @@ export { FlowElement } from './flow-element'
 export {
   FlowAiAgent,
   FlowBotAction,
+  FlowCaptureUserInput,
   FlowCarousel,
   FlowChannelConditional,
   FlowCountryConditional,
@@ -60,5 +62,6 @@ export type FlowContent =
   | FlowQueueStatusConditional
   | FlowCustomConditional
   | FlowGoToFlow
+  | FlowCaptureUserInput
 
 export { DISABLED_MEMORY_LENGTH }

package/src/flow-factory.ts

@@ -21,6 +21,7 @@ import {
   FlowWhatsappCtaUrlButtonNode,
   FlowWhatsappTemplate,
 } from './content-fields'
+import { FlowCaptureUserInput } from './content-fields/flow-capture-user-input'
 import {
   HtFunctionNode,
   HtNodeComponent,
@@ -94,6 +95,9 @@ export class FlowFactory {
       case HtNodeWithContentType.WHATSAPP_TEMPLATE:
         return FlowWhatsappTemplate.fromHubtypeCMS(hubtypeContent)
 
+      case HtNodeWithContentType.CAPTURE_USER_INPUT:
+        return FlowCaptureUserInput.fromHubtypeCMS(hubtypeContent)
+
       default:
         return undefined
     }

package/src/index.ts

@@ -36,7 +36,7 @@ import {
   RatingSubmittedInfo,
   TrackEventFunction,
 } from './types'
-import { getNodeByUserInput } from './user-input'
+import { getNextPayloadByUserInput } from './user-input'
 import { SmartIntentsInferenceConfig } from './user-input/smart-intent'
 import { inputHasTextData, resolveGetAccessToken } from './utils'
 
@@ -109,13 +109,13 @@ export default class BotonicPluginFlowBuilder implements Plugin {
 
     if (checkUserTextInput) {
       const resolvedLocale = this.cmsApi.getResolvedLocale()
-      const nodeByUserInput = await getNodeByUserInput(
+      const nextPayload = await getNextPayloadByUserInput(
         this.cmsApi,
         resolvedLocale,
         request as unknown as ActionRequest,
         this.smartIntentsConfig
       )
-      request.input.payload = this.cmsApi.getPayload(nodeByUserInput?.target)
+      request.input.payload = nextPayload
     }
 
     this.updateRequestBeforeRoutes(request)
@@ -135,6 +135,7 @@ export default class BotonicPluginFlowBuilder implements Plugin {
   }
 
   private updateRequestBeforeRoutes(request: PluginPreRequest): void {
+    this.cmsApi.removeCaptureUserInputId()
     if (request.input.payload) {
       request.input.payload = this.removeSourceSuffix(request.input.payload)
 

package/src/tracking.ts

@@ -108,11 +108,11 @@ function getCommonFlowContentEventArgs(
 
 export function getCommonFlowContentEventArgsForContentId(
   request: ActionRequest,
-  contentId: string
+  id: string
 ): CommonFlowContentEventArgs {
   const flowBuilderPlugin = getFlowBuilderPlugin(request.plugins)
   const cmsApi = flowBuilderPlugin.cmsApi
-  const nodeContent = cmsApi.getNodeById<HtNodeWithContent>(contentId)
+  const nodeContent = cmsApi.getNodeById<HtNodeWithContent>(id)
 
   return getCommonFlowContentEventArgs(request, nodeContent)
 }

package/src/user-input/capture-user-input-api.ts

@@ -0,0 +1,134 @@
+import { EventAction, EventCaptureUserInput } from '@botonic/core'
+import { ActionRequest } from '@botonic/react'
+import axios from 'axios'
+
+import { FlowBuilderApi } from '../api'
+import { FlowCaptureUserInput } from '../content-fields'
+import {
+  HtAiValidationType,
+  HtCaptureUserInputNode,
+} from '../content-fields/hubtype-fields'
+import {
+  getCommonFlowContentEventArgsForContentId,
+  trackEvent,
+} from '../tracking'
+import { inputHasTextData } from '../utils'
+
+interface AiCaptureResponseSuccess {
+  success: true
+  value: string
+}
+
+interface AiCaptureResponseFailure {
+  success: false
+}
+
+type AiCaptureResponse = AiCaptureResponseSuccess | AiCaptureResponseFailure
+
+export class CaptureUserInputApi {
+  private cmsApi: FlowBuilderApi
+  private request: ActionRequest
+
+  constructor(cmsApi: FlowBuilderApi, request: ActionRequest) {
+    this.cmsApi = cmsApi
+    this.request = request
+  }
+
+  async getNextNodeId(): Promise<string | undefined> {
+    if (
+      inputHasTextData(this.request.input) &&
+      this.cmsApi.shouldCaptureUserInput()
+    ) {
+      const captureUserInputNode = this.cmsApi.getCaptureUserInputNode()
+      if (!captureUserInputNode) {
+        return undefined
+      }
+      const captureUserInput =
+        FlowCaptureUserInput.fromHubtypeCMS(captureUserInputNode)
+
+      if (captureUserInput.aiValidationType === HtAiValidationType.NONE) {
+        this.cmsApi.setUserExtraDataVariable(
+          captureUserInputNode.content.field_name,
+          this.request.input.data as string
+        )
+        await this.trackUserInputCapture(captureUserInputNode, true)
+        return captureUserInput.captureSuccessId
+      }
+
+      const aiCaptureResponse =
+        await this.getAiCaptureResponse(captureUserInputNode)
+      if (!aiCaptureResponse.success) {
+        await this.trackUserInputCapture(captureUserInputNode, false)
+        return captureUserInput.captureFailId
+      }
+
+      this.cmsApi.setUserExtraDataVariable(
+        captureUserInputNode.content.field_name,
+        aiCaptureResponse.value
+      )
+      await this.trackUserInputCapture(captureUserInputNode, true)
+      return captureUserInput.captureSuccessId
+    }
+    return undefined
+  }
+
+  async getAiCaptureResponse(
+    captureUserInputNode: HtCaptureUserInputNode
+  ): Promise<AiCaptureResponse> {
+    try {
+      const url = `${process.env.HUBTYPE_API_URL}/external/v1/capture_user_input/`
+      const data = {
+        field_name: captureUserInputNode.content.field_name,
+        validation_instructions:
+          captureUserInputNode.content.ai_validation_instructions,
+        user_input: this.request.input.data,
+      }
+      const config = {
+        headers: {
+          'Content-Type': 'application/json',
+          Authorization: `Bearer ${this.request.session._access_token}`,
+        },
+      }
+
+      const aiCaptureResponse = await axios.post<AiCaptureResponse>(
+        url,
+        data,
+        config
+      )
+
+      return aiCaptureResponse.data
+    } catch (error) {
+      console.warn('Error getting ai/capture_user_input', error)
+    }
+
+    return {
+      success: false,
+    }
+  }
+
+  async trackUserInputCapture(
+    captureUserInputNode: HtCaptureUserInputNode,
+    captureSuccess: boolean
+  ): Promise<void> {
+    const { flowThreadId, flowId, flowName, flowNodeId, flowNodeContentId } =
+      getCommonFlowContentEventArgsForContentId(
+        this.request,
+        captureUserInputNode.id
+      )
+    const event: EventCaptureUserInput = {
+      action: EventAction.CaptureUserInput,
+      flowThreadId,
+      flowId,
+      flowName,
+      flowNodeId,
+      flowNodeContentId,
+      flowNodeIsMeaningful: false,
+      fieldName: captureUserInputNode.content.field_name,
+      userInput: this.request.input.data as string,
+      captureSuccess,
+      messageId: this.request.input.message_id,
+    }
+    const { action, ...eventArgs } = event
+    await trackEvent(this.request, action, eventArgs)
+  }
+}

package/src/user-input/index.ts

@@ -1,25 +1,30 @@
 import { ActionRequest } from '@botonic/react'
 
 import { FlowBuilderApi } from '../api'
-import {
-  HtKeywordNode,
-  HtSmartIntentNode,
-} from '../content-fields/hubtype-fields'
 import {
   inputHasTextData,
   isKeywordsAllowed,
   isSmartIntentsAllowed,
 } from '../utils'
+import { CaptureUserInputApi } from './capture-user-input-api'
 import { KeywordMatcher } from './keyword'
 import { SmartIntentsApi, SmartIntentsInferenceConfig } from './smart-intent'
 
-export async function getNodeByUserInput(
+export async function getNextPayloadByUserInput(
   cmsApi: FlowBuilderApi,
   locale: string,
   request: ActionRequest,
   smartIntentsConfig: SmartIntentsInferenceConfig
-): Promise<HtSmartIntentNode | HtKeywordNode | undefined> {
+): Promise<string | undefined> {
   if (inputHasTextData(request.input)) {
+    if (cmsApi.shouldCaptureUserInput()) {
+      const captureUserInputApi = new CaptureUserInputApi(
+        cmsApi,
+        request as unknown as ActionRequest
+      )
+      return await captureUserInputApi.getNextNodeId()
+    }
+
     if (isKeywordsAllowed(request)) {
       const keywordMatcher = new KeywordMatcher({
         cmsApi,
@@ -30,7 +35,7 @@ export async function getNodeByUserInput(
         request.input.data!
       )
       if (keywordNode) {
-        return keywordNode
+        return cmsApi.getPayload(keywordNode.target)
       }
     }
 
@@ -42,7 +47,7 @@ export async function getNodeByUserInput(
       )
       const smartIntentNode = await smartIntentsApi.getNodeByInput()
       if (smartIntentNode) {
-        return smartIntentNode
+        return cmsApi.getPayload(smartIntentNode.target)
       }
     }
   }