@botonic/plugin-flow-builder/src/flow-factory.ts

Use Flow Builder to show your contents

import { ActionRequest } from '@botonic/react'

import { FlowBuilderApi } from './api'
import {
  FlowAiAgent,
  FlowBotAction,
  FlowCarousel,
  FlowChannelConditional,
  FlowContent,
  FlowCountryConditional,
  FlowCustomConditional,
  FlowGoToFlow,
  FlowHandoff,
  FlowImage,
  FlowKnowledgeBase,
  FlowQueueStatusConditional,
  FlowRating,
  FlowText,
  FlowVideo,
  FlowWhatsappButtonList,
  FlowWhatsappCtaUrlButtonNode,
} from './content-fields'
import {
  HtFunctionNode,
  HtNodeComponent,
  HtNodeWithContentType,
} from './content-fields/hubtype-fields'

export class FlowFactory {
  public currentRequest: ActionRequest
  public cmsApi: FlowBuilderApi
  public locale: string

  constructor(request: ActionRequest, cmsApi: FlowBuilderApi, locale: string) {
    this.currentRequest = request
    this.cmsApi = cmsApi
    this.locale = locale
  }

  async getFlowContent(
    hubtypeContent: HtNodeComponent
  ): Promise<FlowContent | undefined> {
    switch (hubtypeContent.type) {
      case HtNodeWithContentType.TEXT:
        return FlowText.fromHubtypeCMS(hubtypeContent, this.locale, this.cmsApi)
      case HtNodeWithContentType.IMAGE:
        return FlowImage.fromHubtypeCMS(hubtypeContent, this.locale)
      case HtNodeWithContentType.CAROUSEL:
        return FlowCarousel.fromHubtypeCMS(
          hubtypeContent,
          this.locale,
          this.cmsApi
        )
      case HtNodeWithContentType.VIDEO:
        return FlowVideo.fromHubtypeCMS(hubtypeContent, this.locale)
      case HtNodeWithContentType.WHATSAPP_BUTTON_LIST:
        return FlowWhatsappButtonList.fromHubtypeCMS(
          hubtypeContent,
          this.locale,
          this.cmsApi
        )
      case HtNodeWithContentType.WHATSAPP_CTA_URL_BUTTON:
        return FlowWhatsappCtaUrlButtonNode.fromHubtypeCMS(
          hubtypeContent,
          this.locale,
          this.cmsApi
        )
      case HtNodeWithContentType.HANDOFF:
        return FlowHandoff.fromHubtypeCMS(
          hubtypeContent,
          this.locale,
          this.cmsApi
        )

      case HtNodeWithContentType.KNOWLEDGE_BASE:
        return FlowKnowledgeBase.fromHubtypeCMS(hubtypeContent)

      case HtNodeWithContentType.AI_AGENT:
        return FlowAiAgent.fromHubtypeCMS(hubtypeContent)

      case HtNodeWithContentType.RATING:
        return FlowRating.fromHubtypeCMS(hubtypeContent, this.locale)

      case HtNodeWithContentType.BOT_ACTION:
        return FlowBotAction.fromHubtypeCMS(hubtypeContent, this.cmsApi)

      case HtNodeWithContentType.FUNCTION:
        return this.resolveFlowFunctionContent(hubtypeContent)

      case HtNodeWithContentType.GO_TO_FLOW:
        return FlowGoToFlow.fromHubtypeCMS(hubtypeContent, this.cmsApi)

      default:
        return undefined
    }
  }

  private async resolveFlowFunctionContent(
    hubtypeContent: HtFunctionNode
  ): Promise<FlowContent | undefined> {
    switch (hubtypeContent.content.action) {
      case 'check-country':
        return FlowCountryConditional.fromHubtypeCMS(
          hubtypeContent,
          this.currentRequest
        )
      case 'get-channel-type':
        return FlowChannelConditional.fromHubtypeCMS(
          hubtypeContent,
          this.currentRequest
        )
      case 'check-queue-status':
        return FlowQueueStatusConditional.fromHubtypeCMS(
          hubtypeContent,
          this.locale
        )
      case 'check-bot-variable':
        return FlowCustomConditional.fromHubtypeCMS(
          hubtypeContent,
          this.currentRequest
        )
      default:
        return undefined
    }
  }
}