@botonic/plugin-flow-builder 0.44.1 → 0.45.0-alpha.0

package/src/api.ts

@@ -1,4 +1,4 @@
-import { PluginPreRequest } from '@botonic/core'
+import type { PluginPreRequest } from '@botonic/core'
 import axios from 'axios'
 
 import {
@@ -8,23 +8,23 @@ import {
   UUID_REGEXP,
 } from './constants'
 import {
-  HtBotActionNode,
-  HtCaptureUserInputNode,
-  HtFallbackNode,
-  HtFlowBuilderData,
-  HtFlowWebview,
-  HtGoToFlow,
-  HtKeywordNode,
-  HtNodeComponent,
-  HtNodeLink,
-  HtNodeWithContent,
+  type HtBotActionNode,
+  type HtCaptureUserInputNode,
+  type HtFallbackNode,
+  type HtFlowBuilderData,
+  type HtFlowWebview,
+  type HtGoToFlow,
+  type HtKeywordNode,
+  type HtNodeComponent,
+  type HtNodeLink,
+  type HtNodeWithContent,
   HtNodeWithContentType,
-  HtPayloadNode,
-  HtRatingButton,
-  HtRatingNode,
-  HtSmartIntentNode,
+  type HtPayloadNode,
+  type HtRatingButton,
+  type HtRatingNode,
+  type HtSmartIntentNode,
 } from './content-fields/hubtype-fields'
-import { FlowBuilderApiOptions, ProcessEnvNodeEnvs } from './types'
+import { type FlowBuilderApiOptions, ProcessEnvNodeEnvs } from './types'
 
 export class FlowBuilderApi {
   url: string
@@ -70,19 +70,25 @@ export class FlowBuilderApi {
 
   getNodeByFlowId(id: string): HtNodeWithContent {
     const subFlow = this.flow.flows.find(subFlow => subFlow.id === id)
-    if (!subFlow) throw Error(`SubFlow with id: '${id}' not found`)
+    if (!subFlow) {
+      throw Error(`SubFlow with id: '${id}' not found`)
+    }
     return this.getNodeById<HtNodeWithContent>(subFlow.start_node_id)
   }
 
   getNodeByCampaignId<T extends HtNodeComponent>(id: string): T {
     const campaign = this.flow.campaigns.find(campaign => campaign.id === id)
-    if (!campaign) throw Error(`Campaign with id: '${id}' not found`)
+    if (!campaign) {
+      throw Error(`Campaign with id: '${id}' not found`)
+    }
     return this.getNodeById<T>(campaign.start_node_id)
   }
 
   getNodeById<T extends HtNodeComponent>(id: string): T {
     const node = this.flow.nodes.find(node => node.id === id)
-    if (!node) console.error(`Node with id: '${id}' not found`)
+    if (!node) {
+      console.error(`Node with id: '${id}' not found`)
+    }
 
     return node as T
   }
@@ -117,13 +123,17 @@ export class FlowBuilderApi {
     const content = this.flow.nodes.find(node =>
       'code' in node ? node.code === contentID : false
     )
-    if (!content) throw Error(`Node with contentID: '${contentID}' not found`)
+    if (!content) {
+      throw Error(`Node with contentID: '${contentID}' not found`)
+    }
     return content
   }
 
   getStartNode(): HtNodeWithContent {
     const startNodeId = this.flow.start_node_id
-    if (!startNodeId) throw new Error('Start node id must be defined')
+    if (!startNodeId) {
+      throw new Error('Start node id must be defined')
+    }
     return this.getNodeById(startNodeId)
   }
 

package/src/content-fields/content-fields-base.ts

@@ -1,11 +1,11 @@
-import { ActionRequest } from '@botonic/react'
+import type { ActionRequest } from '@botonic/react'
 
 import {
   ACCESS_TOKEN_VARIABLE_KEY,
   VARIABLE_PATTERN_GLOBAL,
 } from '../constants'
 import { getValueFromKeyPath } from '../utils'
-import {
+import type {
   HtMediaFileLocale,
   HtNodeLink,
   HtQueueLocale,

package/src/content-fields/flow-ai-agent.tsx

@@ -1,11 +1,14 @@
-import { AgenticOutputMessage } from '@botonic/core'
-import { ActionRequest } from '@botonic/react'
+import type { AgenticOutputMessage } from '@botonic/core'
+import type { ActionRequest } from '@botonic/react'
 
 import { trackOneContent } from '../tracking'
 import { ContentFieldsBase } from './content-fields-base'
 import { FlowCarousel } from './flow-carousel'
 import { FlowText } from './flow-text'
-import { HtAiAgentNode, HtInputGuardrailRule } from './hubtype-fields/ai-agent'
+import type {
+  HtAiAgentNode,
+  HtInputGuardrailRule,
+} from './hubtype-fields/ai-agent'
 
 export class FlowAiAgent extends ContentFieldsBase {
   public name: string = ''

package/src/content-fields/flow-bot-action.tsx

@@ -1,13 +1,13 @@
-import { BotonicAction, EventAction, EventBotAction } from '@botonic/core'
-import { ActionRequest } from '@botonic/react'
+import { BotonicAction, EventAction, type EventBotAction } from '@botonic/core'
+import type { ActionRequest } from '@botonic/react'
 
-import { FlowBuilderApi } from '../api'
+import type { FlowBuilderApi } from '../api'
 import {
   getCommonFlowContentEventArgsForContentId,
   trackEvent,
 } from '../tracking'
 import { ContentFieldsBase } from './content-fields-base'
-import { HtBotActionNode } from './hubtype-fields'
+import type { HtBotActionNode } from './hubtype-fields'
 
 export class FlowBotAction extends ContentFieldsBase {
   public code: string

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

@@ -1,18 +1,17 @@
-import { ActionRequest, Button, Reply, Webview } from '@botonic/react'
-import React from 'react'
+import { type ActionRequest, Button, Reply, type Webview } from '@botonic/react'
 
-import { FlowBuilderApi } from '../api'
+import type { FlowBuilderApi } from '../api'
 import { SOURCE_INFO_SEPARATOR } from '../constants'
 import { ContentFieldsBase } from './content-fields-base'
 import { FlowWebview } from './flow-webview'
 import {
-  HtButton,
+  type HtButton,
   HtButtonStyle,
-  HtNodeWithContent,
+  type HtNodeWithContent,
   HtNodeWithContentType,
-  HtUrlNode,
+  type HtUrlNode,
 } from './hubtype-fields'
-import { HtRatingButton } from './hubtype-fields/rating'
+import type { HtRatingButton } from './hubtype-fields/rating'
 
 export class FlowButton extends ContentFieldsBase {
   public text = ''
@@ -28,15 +27,15 @@ export class FlowButton extends ContentFieldsBase {
     locale: string,
     cmsApi: FlowBuilderApi
   ): FlowButton {
-    const urlId = this.getUrlId(cmsButton, locale)
+    const urlId = FlowButton.getUrlId(cmsButton, locale)
 
     const newButton = new FlowButton(cmsButton.id)
-    newButton.text = this.getTextByLocale(locale, cmsButton.text)
+    newButton.text = FlowButton.getTextByLocale(locale, cmsButton.text)
     if (cmsButton.target) {
-      const webview = this.getTargetWebview(cmsApi, cmsButton.target.id)
+      const webview = FlowButton.getTargetWebview(cmsApi, cmsButton.target.id)
       if (webview) {
         newButton.flowWebview = webview
-        const params = this.getWebviewParams(webview, cmsApi)
+        const params = FlowButton.getWebviewParams(webview, cmsApi)
         newButton.webview = { name: webview.webviewComponentName }
         newButton.params = params
       } else {
@@ -59,7 +58,10 @@ export class FlowButton extends ContentFieldsBase {
     const params: Record<string, string> = {
       webviewId: webview.webviewTargetId,
     }
-    const exitSuccessContentID = this.getExitSuccessContentID(webview, cmsApi)
+    const exitSuccessContentID = FlowButton.getExitSuccessContentID(
+      webview,
+      cmsApi
+    )
 
     if (exitSuccessContentID) {
       params.exitSuccessContentID = exitSuccessContentID

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

@@ -1,10 +1,10 @@
-import { ActionRequest } from '@botonic/react'
+import type { ActionRequest } from '@botonic/react'
 
 import { getFlowBuilderPlugin } from '../helpers'
 import { ContentFieldsBase } from './content-fields-base'
 import {
   HtAiValidationType,
-  HtCaptureUserInputNode,
+  type HtCaptureUserInputNode,
 } from './hubtype-fields/capture-user-input'
 
 export class FlowCaptureUserInput extends ContentFieldsBase {

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

@@ -1,22 +1,21 @@
-import { CarouselMessage, isWhatsapp } from '@botonic/core'
+import { type CarouselMessage, isWhatsapp } from '@botonic/core'
 import {
-  ActionRequest,
+  type ActionRequest,
   Button,
   CardType,
   Carousel,
   Text,
   WhatsappCTAUrlButton,
   WhatsappCTAUrlHeaderType,
-  WhatsappInteractiveMediaCard,
+  type WhatsappInteractiveMediaCard,
   WhatsappInteractiveMediaCarousel,
 } from '@botonic/react'
-import React from 'react'
 
-import { FlowBuilderApi } from '../api'
+import type { FlowBuilderApi } from '../api'
 import { trackOneContent } from '../tracking'
 import { ContentFieldsBase } from './content-fields-base'
 import { FlowElement } from './flow-element'
-import { HtCarouselNode } from './hubtype-fields'
+import type { HtCarouselNode } from './hubtype-fields'
 
 const DEFAULT_TEXT_MESSAGE = 'These are the options'
 export class FlowCarousel extends ContentFieldsBase {
@@ -33,7 +32,7 @@ export class FlowCarousel extends ContentFieldsBase {
     newCarousel.elements = component.content.elements.map(element =>
       FlowElement.fromHubtypeCMS(element, locale, cmsApi)
     )
-    newCarousel.whatsappText = this.getTextByLocale(
+    newCarousel.whatsappText = FlowCarousel.getTextByLocale(
       locale,
       component.content.whatsapp_text
     )

package/src/content-fields/flow-channel-conditional.tsx

@@ -1,13 +1,13 @@
-import { EventAction, EventConditionalChannel } from '@botonic/core'
-import { ActionRequest } from '@botonic/react'
+import { EventAction, type EventConditionalChannel } from '@botonic/core'
+import type { ActionRequest } from '@botonic/react'
 
 import {
   getCommonFlowContentEventArgsForContentId,
   trackEvent,
 } from '../tracking'
 import { ContentFieldsBase } from './content-fields-base'
-import { HtChannelConditionalNode } from './hubtype-fields/channel-conditional'
-import { HtFunctionResult } from './hubtype-fields/function'
+import type { HtChannelConditionalNode } from './hubtype-fields/channel-conditional'
+import type { HtFunctionResult } from './hubtype-fields/function'
 
 export class FlowChannelConditional extends ContentFieldsBase {
   public resultMapping: HtFunctionResult[] = []

package/src/content-fields/flow-country-conditional.tsx

@@ -1,13 +1,13 @@
-import { EventAction, EventConditionalCountry } from '@botonic/core'
-import { ActionRequest } from '@botonic/react'
+import { EventAction, type EventConditionalCountry } from '@botonic/core'
+import type { ActionRequest } from '@botonic/react'
 
 import {
   getCommonFlowContentEventArgsForContentId,
   trackEvent,
 } from '../tracking'
 import { ContentFieldsBase } from './content-fields-base'
-import { HtFunctionResult } from './hubtype-fields'
-import { HtCountryConditionalNode } from './hubtype-fields/country-conditional'
+import type { HtFunctionResult } from './hubtype-fields'
+import type { HtCountryConditionalNode } from './hubtype-fields/country-conditional'
 
 export class FlowCountryConditional extends ContentFieldsBase {
   public resultMapping: HtFunctionResult[] = []

package/src/content-fields/flow-custom-conditional.tsx

@@ -1,5 +1,5 @@
-import { EventAction, EventConditionalCustom } from '@botonic/core'
-import { ActionRequest } from '@botonic/react'
+import { EventAction, type EventConditionalCustom } from '@botonic/core'
+import type { ActionRequest } from '@botonic/react'
 
 import {
   getCommonFlowContentEventArgsForContentId,
@@ -7,8 +7,8 @@ import {
 } from '../tracking'
 import { getValueFromKeyPath } from '../utils'
 import { ContentFieldsBase } from './content-fields-base'
-import { HtCustomConditionalNode } from './hubtype-fields/custom-conditional'
-import {
+import type { HtCustomConditionalNode } from './hubtype-fields/custom-conditional'
+import type {
   HtFunctionArgument,
   HtFunctionArguments,
   HtFunctionResult,

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

@@ -1,10 +1,16 @@
-import { Button } from '@botonic/core'
-import { ActionRequest, Element, Pic, Subtitle, Title } from '@botonic/react'
+import type { Button } from '@botonic/core'
+import {
+  type ActionRequest,
+  Element,
+  Pic,
+  Subtitle,
+  Title,
+} from '@botonic/react'
 
-import { FlowBuilderApi } from '../api'
+import type { FlowBuilderApi } from '../api'
 import { ContentFieldsBase } from './content-fields-base'
 import { FlowButton } from './flow-button'
-import { HtCarouselElement } from './hubtype-fields'
+import type { HtCarouselElement } from './hubtype-fields'
 
 export class FlowElement extends ContentFieldsBase {
   public title = ''
@@ -19,9 +25,12 @@ export class FlowElement extends ContentFieldsBase {
     cmsApi: FlowBuilderApi
   ): FlowElement {
     const newElement = new FlowElement(component.id)
-    newElement.title = this.getTextByLocale(locale, component.title)
-    newElement.subtitle = this.getTextByLocale(locale, component.subtitle)
-    newElement.image = this.getAssetByLocale(locale, component.image)
+    newElement.title = FlowElement.getTextByLocale(locale, component.title)
+    newElement.subtitle = FlowElement.getTextByLocale(
+      locale,
+      component.subtitle
+    )
+    newElement.image = FlowElement.getAssetByLocale(locale, component.image)
     newElement.button = FlowButton.fromHubtypeCMS(
       component.button,
       locale,

package/src/content-fields/flow-go-to-flow.tsx

@@ -1,13 +1,13 @@
-import { EventAction, EventRedirectFlow } from '@botonic/core'
-import { ActionRequest } from '@botonic/react'
+import { EventAction, type EventRedirectFlow } from '@botonic/core'
+import type { ActionRequest } from '@botonic/react'
 
-import { FlowBuilderApi } from '../api'
+import type { FlowBuilderApi } from '../api'
 import {
   getCommonFlowContentEventArgsForContentId,
   trackEvent,
 } from '../tracking'
 import { ContentFieldsBase } from './content-fields-base'
-import { HtGoToFlow, HtNodeWithContent } from './hubtype-fields'
+import type { HtGoToFlow, HtNodeWithContent } from './hubtype-fields'
 
 export class FlowGoToFlow extends ContentFieldsBase {
   public flowTargetId: string = ''

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

@@ -1,10 +1,10 @@
 import { HandOffBuilder, HelpdeskEvent, isDev, isWebchat } from '@botonic/core'
-import { ActionRequest, WebchatSettings } from '@botonic/react'
+import { type ActionRequest, WebchatSettings } from '@botonic/react'
 
-import { FlowBuilderApi } from '../api'
+import type { FlowBuilderApi } from '../api'
 import { getCommonFlowContentEventArgsForContentId } from '../tracking'
 import { ContentFieldsBase } from './content-fields-base'
-import { HtHandoffNode, HtQueueLocale } from './hubtype-fields'
+import type { HtHandoffNode, HtQueueLocale } from './hubtype-fields'
 
 export class FlowHandoff extends ContentFieldsBase {
   public queue?: HtQueueLocale
@@ -20,8 +20,14 @@ export class FlowHandoff extends ContentFieldsBase {
   ): FlowHandoff {
     const newHandoff = new FlowHandoff(cmsHandoff.id)
     newHandoff.code = cmsHandoff.code
-    newHandoff.queue = this.getQueueByLocale(locale, cmsHandoff.content.queue)
-    newHandoff.onFinishPayload = this.getOnFinishPayload(cmsHandoff, cmsApi)
+    newHandoff.queue = FlowHandoff.getQueueByLocale(
+      locale,
+      cmsHandoff.content.queue
+    )
+    newHandoff.onFinishPayload = FlowHandoff.getOnFinishPayload(
+      cmsHandoff,
+      cmsApi
+    )
     newHandoff.handoffAutoAssign = cmsHandoff.content.has_auto_assign
     newHandoff.hasQueuePositionChangedNotificationsEnabled =
       cmsHandoff.content.has_queue_position_changed_notifications_enabled

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

@@ -1,9 +1,8 @@
-import { ActionRequest, Image } from '@botonic/react'
-import React from 'react'
+import { type ActionRequest, Image } from '@botonic/react'
 
 import { trackOneContent } from '../tracking'
 import { ContentFieldsBase } from './content-fields-base'
-import { HtImageNode } from './hubtype-fields'
+import type { HtImageNode } from './hubtype-fields'
 
 export class FlowImage extends ContentFieldsBase {
   public src = ''
@@ -11,7 +10,7 @@ export class FlowImage extends ContentFieldsBase {
   static fromHubtypeCMS(component: HtImageNode, locale: string): FlowImage {
     const newImage = new FlowImage(component.id)
     newImage.code = component.code
-    newImage.src = this.getAssetByLocale(locale, component.content.image)
+    newImage.src = FlowImage.getAssetByLocale(locale, component.content.image)
     newImage.followUp = component.follow_up
 
     return newImage

package/src/content-fields/flow-knowledge-base.tsx

@@ -1,9 +1,7 @@
-import { ActionRequest, Text } from '@botonic/react'
-import React from 'react'
+import { type ActionRequest, Text } from '@botonic/react'
 
-import { trackOneContent } from '../tracking'
 import { ContentFieldsBase } from './content-fields-base'
-import { HtKnowledgeBaseNode } from './hubtype-fields'
+import type { HtKnowledgeBaseNode } from './hubtype-fields'
 
 export const DISABLED_MEMORY_LENGTH = 1
 

package/src/content-fields/flow-queue-status-conditional.tsx

@@ -1,6 +1,5 @@
-import { EventAction, EventConditionalQueueStatus } from '@botonic/core'
-import { ActionRequest } from '@botonic/react'
-import React from 'react'
+import { EventAction, type EventConditionalQueueStatus } from '@botonic/core'
+import type { ActionRequest } from '@botonic/react'
 
 import { getArgumentsByLocale } from '../functions'
 import { HubtypeQueuesApi } from '../services/hubtype-queues-api'
@@ -9,11 +8,11 @@ import {
   trackEvent,
 } from '../tracking'
 import { ContentFieldsBase } from './content-fields-base'
-import {
+import type {
   HtFunctionArguments,
   HtFunctionResult,
 } from './hubtype-fields/function'
-import {
+import type {
   HtQueueStatusConditionalNode,
   HtQueueStatusConditionalResultMapping,
 } from './hubtype-fields/queue-status-conditional'

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

@@ -1,6 +1,6 @@
 import { isDev, isWebchat, isWhatsapp } from '@botonic/core'
 import {
-  ActionRequest,
+  type ActionRequest,
   CustomRatingMessage,
   Text,
   WhatsappButtonList,
@@ -10,7 +10,7 @@ import { getFlowBuilderPlugin } from '../helpers'
 import { trackOneContent } from '../tracking'
 import { ContentFieldsBase } from './content-fields-base'
 import { FlowButton } from './flow-button'
-import { HtRatingNode, RatingType } from './hubtype-fields'
+import { type HtRatingNode, RatingType } from './hubtype-fields'
 
 export class FlowRating extends ContentFieldsBase {
   public text = ''
@@ -22,8 +22,8 @@ export class FlowRating extends ContentFieldsBase {
   static fromHubtypeCMS(cmsText: HtRatingNode, locale: string): FlowRating {
     const newRating = new FlowRating(cmsText.id)
     newRating.code = cmsText.code
-    newRating.text = this.getTextByLocale(locale, cmsText.content.text)
-    newRating.sendButtonText = this.getTextByLocale(
+    newRating.text = FlowRating.getTextByLocale(locale, cmsText.content.text)
+    newRating.sendButtonText = FlowRating.getTextByLocale(
       locale,
       cmsText.content.send_button_text
     )
@@ -31,7 +31,7 @@ export class FlowRating extends ContentFieldsBase {
     newRating.buttons = cmsText.content.buttons.map(button =>
       FlowButton.fromRating(button)
     )
-    newRating.openListButtonText = this.getTextByLocale(
+    newRating.openListButtonText = FlowRating.getTextByLocale(
       locale,
       cmsText.content.open_list_button_text
     )

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

@@ -1,13 +1,12 @@
-import { TextMessage, TextWithButtonsMessage } from '@botonic/core'
-import { ActionRequest, Text } from '@botonic/react'
-import React from 'react'
+import type { TextMessage, TextWithButtonsMessage } from '@botonic/core'
+import { type ActionRequest, Text } from '@botonic/react'
 
-import { FlowBuilderApi } from '../api'
+import type { FlowBuilderApi } from '../api'
 import { EMPTY_PAYLOAD, SOURCE_INFO_SEPARATOR } from '../constants'
 import { trackOneContent } from '../tracking'
 import { ContentFieldsBase } from './content-fields-base'
 import { FlowButton } from './flow-button'
-import { HtButtonStyle, HtTextNode } from './hubtype-fields'
+import { HtButtonStyle, type HtTextNode } from './hubtype-fields'
 
 export class FlowText extends ContentFieldsBase {
   public text = ''
@@ -22,7 +21,7 @@ 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 = FlowText.getTextByLocale(locale, cmsText.content.text)
     newText.buttons = cmsText.content.buttons.map(button =>
       FlowButton.fromHubtypeCMS(button, locale, cmsApi)
     )

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

@@ -1,9 +1,8 @@
-import { ActionRequest, Video } from '@botonic/react'
-import React from 'react'
+import { type ActionRequest, Video } from '@botonic/react'
 
 import { trackOneContent } from '../tracking'
 import { ContentFieldsBase } from './content-fields-base'
-import { HtVideoNode } from './hubtype-fields'
+import type { HtVideoNode } from './hubtype-fields'
 
 export class FlowVideo extends ContentFieldsBase {
   public src = ''
@@ -11,7 +10,7 @@ export class FlowVideo extends ContentFieldsBase {
   static fromHubtypeCMS(component: HtVideoNode, locale: string): FlowVideo {
     const newVideo = new FlowVideo(component.id)
     newVideo.code = component.code
-    newVideo.src = this.getVideoByLocale(locale, component.content.video)
+    newVideo.src = FlowVideo.getVideoByLocale(locale, component.content.video)
     newVideo.followUp = component.follow_up
 
     return newVideo

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

@@ -1,12 +1,12 @@
-import { EventAction, EventWebviewActionTriggered } from '@botonic/core'
-import { ActionRequest } from '@botonic/react'
+import { EventAction, type EventWebviewActionTriggered } from '@botonic/core'
+import type { ActionRequest } from '@botonic/react'
 
 import {
   getCommonFlowContentEventArgsForContentId,
   trackEvent,
 } from '../tracking'
 import { ContentFieldsBase } from './content-fields-base'
-import { HtWebviewExits, HtWebviewNode } from './hubtype-fields'
+import type { HtWebviewExits, HtWebviewNode } from './hubtype-fields'
 
 export class FlowWebview extends ContentFieldsBase {
   public webviewTargetId: string = ''