⚡ (whatsapp) Improve WhatsApp preview management

Closes #800

apps/builder/src/features/preview/api/sendWhatsAppInitialMessage.ts

@@ -1,48 +0,0 @@
-import { authenticatedProcedure } from '@/helpers/server/trpc'
-import { z } from 'zod'
-import got, { HTTPError } from 'got'
-import { getViewerUrl } from '@typebot.io/lib/getViewerUrl'
-import prisma from '@/lib/prisma'
-import { TRPCError } from '@trpc/server'
-
-export const sendWhatsAppInitialMessage = authenticatedProcedure
-  .input(
-    z.object({
-      to: z.string(),
-      typebotId: z.string(),
-      startGroupId: z.string().optional(),
-    })
-  )
-  .mutation(
-    async ({ input: { to, typebotId, startGroupId }, ctx: { user } }) => {
-      const apiToken = await prisma.apiToken.findFirst({
-        where: { ownerId: user.id },
-        select: {
-          token: true,
-        },
-      })
-      if (!apiToken)
-        throw new TRPCError({
-          code: 'NOT_FOUND',
-          message: 'Api Token not found',
-        })
-      try {
-        await got.post({
-          method: 'POST',
-          url: `${getViewerUrl()}/api/v1/typebots/${typebotId}/whatsapp/start-preview`,
-          headers: {
-            Authorization: `Bearer ${apiToken.token}`,
-          },
-          json: { to, isPreview: true, startGroupId },
-        })
-      } catch (error) {
-        throw new TRPCError({
-          code: 'INTERNAL_SERVER_ERROR',
-          message: 'Request to viewer failed',
-          cause: error instanceof HTTPError ? error.response.body : error,
-        })
-      }
-
-      return { message: 'success' }
-    }
-  )

apps/builder/src/features/preview/components/WhatsAppPreviewInstructions.tsx

@@ -32,7 +32,7 @@ export const WhatsAppPreviewInstructions = (props: StackProps) => {
   const [hasMessageBeenSent, setHasMessageBeenSent] = useState(false)
 
   const { showToast } = useToast()
-  const { mutate } = trpc.sendWhatsAppInitialMessage.useMutation({
+  const { mutate } = trpc.whatsApp.startWhatsAppPreview.useMutation({
     onMutate: () => setIsSendingMessage(true),
     onSettled: () => setIsSendingMessage(false),
     onError: (error) => showToast({ description: error.message }),