@botonic/plugin-flow-builder 0.22.6-alpha.1 → 0.23.0

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

@@ -2,6 +2,7 @@ import { Text } from '@botonic/react'
 import React from 'react'
 
 import { FlowBuilderApi } from '../api'
+import { VARIABLE_REGEX } from '../constants'
 import { ContentFieldsBase } from './content-fields-base'
 import { FlowButton } from './flow-button'
 import { HtButtonStyle, HtTextNode } from './hubtype-fields'
@@ -20,13 +21,34 @@ export class FlowText extends ContentFieldsBase {
     const newText = new FlowText(cmsText.id)
     newText.code = cmsText.code
     newText.buttonStyle = cmsText.content.buttons_style || HtButtonStyle.BUTTON
-    newText.text = this.getTextByLocale(locale, cmsText.content.text)
+    newText.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)
     )
     return newText
   }
 
+  static replaceVariables(
+    text: string,
+    extraData?: Record<string, any>
+  ): string {
+    const matches = text.match(VARIABLE_REGEX)
+
+    let replacedText = text
+    if (matches && extraData) {
+      matches.forEach(match => {
+        const variable = match.slice(1, -1)
+        const value = extraData[variable] ?? match
+        replacedText = replacedText.replace(match, value)
+      })
+    }
+
+    return replacedText
+  }
+
   toBotonic(id: string): JSX.Element {
     return (
       <Text key={id}>

package/src/index.ts

@@ -52,6 +52,7 @@ export default class BotonicPluginFlowBuilder implements Plugin {
       url: this.flowUrl,
       flow: this.flow,
       accessToken: this.getAccessToken(request.session),
+      request: this.currentRequest,
     })
   }
 
@@ -152,3 +153,5 @@ export default class BotonicPluginFlowBuilder implements Plugin {
 }
 
 export * from './action'
+export * from './content-fields'
+export { BotonicPluginFlowBuilderOptions } from './types'

package/src/types.ts

@@ -1,4 +1,4 @@
-import { Session } from '@botonic/core'
+import { PluginPreRequest, Session } from '@botonic/core'
 import { ActionRequest } from '@botonic/react'
 
 import { HtFlowBuilderData } from './content-fields/hubtype-fields'
@@ -20,6 +20,7 @@ export interface FlowBuilderApiOptions {
   url: string
   flow?: HtFlowBuilderData
   accessToken: string
+  request: PluginPreRequest
 }
 
 export enum ProcessEnvNodeEnvs {