feat: plugin-flow-builder return text messages instead of whatsapp messages when the provider is not whatsapp

Author: Iru89

packages/botonic-plugin-flow-builder/src/content-fields/flow-whatsapp-cta-url-button.tsx

@@ -1,4 +1,11 @@
-import { WhatsappCTAUrlButton, WhatsappCTAUrlHeaderType } from '@botonic/react'
+import { isWhatsapp } from '@botonic/core'
+import {
+  ActionRequest,
+  Button,
+  Text,
+  WhatsappCTAUrlButton,
+  WhatsappCTAUrlHeaderType,
+} from '@botonic/react'
 import React from 'react'
 
 import { FlowBuilderApi } from '../api'
@@ -103,7 +110,16 @@ export class FlowWhatsappCtaUrlButtonNode extends ContentFieldsBase {
     }
   }
 
-  toBotonic(id: string): JSX.Element {
+  toBotonic(id: string, request: ActionRequest): JSX.Element {
+    if (!isWhatsapp(request.session)) {
+      return (
+        <Text>
+          {this.text}
+          <Button url={this.url}>{this.displayText}</Button>
+        </Text>
+      )
+    }
+
     if (
       this.headerType === WhatsappCTAUrlHeaderType.Image &&
       this.headerImage

packages/botonic-plugin-flow-builder/src/content-fields/whatsapp-button-list/flow-whatsapp-button-list.tsx

@@ -1,4 +1,5 @@
-import { WhatsappButtonList } from '@botonic/react'
+import { isWhatsapp } from '@botonic/core'
+import { ActionRequest, Button, Text, WhatsappButtonList } from '@botonic/react'
 import React from 'react'
 
 import { FlowBuilderApi } from '../../api'
@@ -33,7 +34,23 @@ export class FlowWhatsappButtonList extends ContentFieldsBase {
     return newWhatsappButtonList
   }
 
-  toBotonic(id: string): JSX.Element {
+  toBotonic(id: string, request: ActionRequest): JSX.Element {
+    if (!isWhatsapp(request.session)) {
+      const rows = this.sections.flatMap(section => section.rows)
+      const buttons = rows.map(row => (
+        <Button key={row.id} payload={row.id}>
+          {row.title}
+        </Button>
+      ))
+
+      return (
+        <Text>
+          {this.text}
+          {buttons}
+        </Text>
+      )
+    }
+
     return (
       <WhatsappButtonList
         key={id}