🐛 (payment) Fix payment redirection

packages/bot-engine/continueBotFlow.ts

@@ -226,7 +226,7 @@ export const continueBotFlow = async (
     return {
       ...chatReply,
       lastMessageNewFormat:
-        formattedReply !== reply ? formattedReply : undefined,
+        formattedReply !== reply?.text ? formattedReply : undefined,
     }
   }
 
@@ -235,7 +235,7 @@ export const continueBotFlow = async (
       messages: [],
       newSessionState,
       lastMessageNewFormat:
-        formattedReply !== reply ? formattedReply : undefined,
+        formattedReply !== reply?.text ? formattedReply : undefined,
       visitedEdges,
       setVariableHistory,
     }
@@ -272,7 +272,8 @@ export const continueBotFlow = async (
 
   return {
     ...chatReply,
-    lastMessageNewFormat: formattedReply !== reply ? formattedReply : undefined,
+    lastMessageNewFormat:
+      formattedReply !== reply?.text ? formattedReply : undefined,
   }
 }
 

packages/embeds/js/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/js",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "Javascript library to display typebots on your website",
   "type": "module",
   "main": "dist/index.js",

packages/embeds/js/src/components/Bot.tsx

@@ -4,7 +4,7 @@ import { isDefined, isNotDefined, isNotEmpty } from '@typebot.io/lib'
 import { startChatQuery } from '@/queries/startChatQuery'
 import { ConversationContainer } from './ConversationContainer'
 import { setIsMobile } from '@/utils/isMobileSignal'
-import { BotContext, InitialChatReply, OutgoingLog } from '@/types'
+import { BotContext, OutgoingLog } from '@/types'
 import { ErrorMessage } from './ErrorMessage'
 import {
   getExistingResultIdFromStorage,
@@ -15,7 +15,12 @@ import {
 } from '@/utils/storage'
 import { setCssVariablesValue } from '@/utils/setCssVariablesValue'
 import immutableCss from '../assets/immutable.css'
-import { Font, InputBlock, StartFrom } from '@typebot.io/schemas'
+import {
+  Font,
+  InputBlock,
+  StartChatResponse,
+  StartFrom,
+} from '@typebot.io/schemas'
 import { clsx } from 'clsx'
 import { HTTPError } from 'ky'
 import { injectFont } from '@/utils/injectFont'
@@ -55,7 +60,7 @@ export type BotProps = {
 
 export const Bot = (props: BotProps & { class?: string }) => {
   const [initialChatReply, setInitialChatReply] = createSignal<
-    InitialChatReply | undefined
+    StartChatResponse | undefined
   >()
   const [customCss, setCustomCss] = createSignal('')
   const [isInitialized, setIsInitialized] = createSignal(false)
@@ -245,7 +250,7 @@ export const Bot = (props: BotProps & { class?: string }) => {
 }
 
 type BotContentProps = {
-  initialChatReply: InitialChatReply
+  initialChatReply: StartChatResponse
   context: BotContext
   class?: string
   progressBarRef?: HTMLDivElement

packages/embeds/js/src/components/ConversationContainer/ConversationContainer.tsx

@@ -3,6 +3,7 @@ import {
   InputBlock,
   Theme,
   ChatLog,
+  StartChatResponse,
 } from '@typebot.io/schemas'
 import {
   createEffect,
@@ -14,12 +15,7 @@ import {
 } from 'solid-js'
 import { continueChatQuery } from '@/queries/continueChatQuery'
 import { ChatChunk } from './ChatChunk'
-import {
-  BotContext,
-  ChatChunk as ChatChunkType,
-  InitialChatReply,
-  OutgoingLog,
-} from '@/types'
+import { BotContext, ChatChunk as ChatChunkType, OutgoingLog } from '@/types'
 import { isNotDefined } from '@typebot.io/lib'
 import { executeClientSideAction } from '@/utils/executeClientSideActions'
 import { LoadingChunk } from './LoadingChunk'
@@ -61,7 +57,7 @@ const parseDynamicTheme = (
 })
 
 type Props = {
-  initialChatReply: InitialChatReply
+  initialChatReply: StartChatResponse
   context: BotContext
   onNewInputBlock?: (inputBlock: InputBlock) => void
   onAnswer?: (answer: { message: string; blockId: string }) => void

packages/embeds/js/src/features/blocks/inputs/payment/components/StripePaymentForm.tsx

@@ -64,6 +64,7 @@ export const StripePaymentForm = (props: Props) => {
 
     setPaymentInProgressInStorage({
       sessionId: props.context.sessionId,
+      resultId: props.context.resultId,
       typebot: props.context.typebot,
     })
     const { postalCode, ...address } =

packages/embeds/js/src/features/blocks/inputs/payment/helpers/paymentInProgressStorage.ts

@@ -1,9 +1,8 @@
-import { BotContext } from '@/types'
+import { StartChatResponse } from '@typebot.io/schemas'
 
-export const setPaymentInProgressInStorage = (state: {
-  sessionId: string
-  typebot: BotContext['typebot']
-}) => {
+export const setPaymentInProgressInStorage = (
+  state: Pick<StartChatResponse, 'typebot' | 'sessionId' | 'resultId'>
+) => {
   sessionStorage.setItem('typebotPaymentInProgress', JSON.stringify(state))
 }
 

packages/embeds/js/src/queries/startChatQuery.ts

@@ -1,4 +1,4 @@
-import { BotContext, InitialChatReply } from '@/types'
+import { BotContext } from '@/types'
 import { guessApiHost } from '@/utils/guessApiHost'
 import { isNotDefined, isNotEmpty } from '@typebot.io/lib'
 import {
@@ -6,7 +6,9 @@ import {
   removePaymentInProgressFromStorage,
 } from '@/features/blocks/inputs/payment/helpers/paymentInProgressStorage'
 import {
+  ContinueChatResponse,
   StartChatInput,
+  StartChatResponse,
   StartFrom,
   StartPreviewChatInput,
 } from '@typebot.io/schemas'
@@ -65,9 +67,14 @@ export async function startChatQuery({
             timeout: false,
           }
         )
-        .json<InitialChatReply>()
+        .json<ContinueChatResponse>()
 
-      return { data }
+      return {
+        data: {
+          ...data,
+          ...paymentInProgressState,
+        } satisfies StartChatResponse,
+      }
     } catch (error) {
       return { error }
     }
@@ -94,7 +101,7 @@ export async function startChatQuery({
             timeout: false,
           }
         )
-        .json<InitialChatReply>()
+        .json<StartChatResponse>()
 
       return { data }
     } catch (error) {
@@ -138,7 +145,7 @@ export async function startChatQuery({
     )
       throw new CorsError(corsAllowOrigin)
 
-    return { data: await response.json<InitialChatReply>() }
+    return { data: await response.json<StartChatResponse>() }
   } catch (error) {
     return { error }
   }

packages/embeds/js/src/types.ts

@@ -7,7 +7,7 @@ export type InputSubmitContent = {
 }
 
 export type BotContext = {
-  typebot: InitialChatReply['typebot']
+  typebot: StartChatResponse['typebot']
   resultId?: string
   isPreview: boolean
   apiHost?: string
@@ -15,11 +15,6 @@ export type BotContext = {
   storage: 'local' | 'session' | undefined
 }
 
-export type InitialChatReply = StartChatResponse & {
-  typebot: NonNullable<StartChatResponse['typebot']>
-  sessionId: NonNullable<StartChatResponse['sessionId']>
-}
-
 export type OutgoingLog = {
   status: string
   description: string

packages/embeds/js/src/utils/storage.ts

@@ -1,4 +1,4 @@
-import { InitialChatReply } from '@/types'
+import { StartChatResponse } from '@typebot.io/schemas/features/chat/schema'
 import { defaultSettings } from '@typebot.io/schemas/features/typebot/settings/constants'
 
 const storageResultIdKey = 'resultId'
@@ -38,13 +38,13 @@ export const getInitialChatReplyFromStorage = (
       sessionStorage.getItem(`typebot-${typebotId}-initialChatReply`) ??
       localStorage.getItem(`typebot-${typebotId}-initialChatReply`)
     if (!rawInitialChatReply) return
-    return JSON.parse(rawInitialChatReply) as InitialChatReply
+    return JSON.parse(rawInitialChatReply) as StartChatResponse
   } catch {
     /* empty */
   }
 }
 export const setInitialChatReplyInStorage = (
-  initialChatReply: InitialChatReply,
+  initialChatReply: StartChatResponse,
   {
     typebotId,
     storage,

packages/embeds/nextjs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/nextjs",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "Convenient library to display typebots on your Next.js website",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

packages/embeds/react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/react",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "Convenient library to display typebots on your React app",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

packages/playwright/databaseSetup.ts

@@ -5,6 +5,8 @@ import {
   WorkspaceRole,
 } from '@typebot.io/prisma'
 import { encrypt } from '@typebot.io/lib/api/encryption/encrypt'
+import { env } from '@typebot.io/env'
+import { StripeCredentials } from '@typebot.io/schemas'
 
 const prisma = new PrismaClient()
 
@@ -134,6 +136,16 @@ const setupCredentials = async () => {
     refresh_token:
       '1//039xWRt8YaYa3CgYIARAAGAMSNwF-L9Iru9FyuTrDSa7lkSceggPho83kJt2J29G69iEhT1C6XV1vmo6bQS9puL_R2t8FIwR3gek',
   })
+  const { encryptedData: stripeEncryptedData, iv: stripeIv } = await encrypt({
+    test: {
+      publicKey: env.NEXT_PUBLIC_STRIPE_PUBLIC_KEY,
+      secretKey: env.STRIPE_SECRET_KEY,
+    },
+    live: {
+      publicKey: env.NEXT_PUBLIC_STRIPE_PUBLIC_KEY ?? '',
+      secretKey: env.STRIPE_SECRET_KEY ?? '',
+    },
+  } satisfies StripeCredentials['data'])
   return prisma.credentials.createMany({
     data: [
       {
@@ -143,6 +155,14 @@ const setupCredentials = async () => {
         workspaceId: proWorkspaceId,
         iv,
       },
+      {
+        id: 'stripe',
+        name: 'Test',
+        type: 'stripe',
+        data: stripeEncryptedData,
+        workspaceId: proWorkspaceId,
+        iv: stripeIv,
+      },
     ],
   })
 }

packages/playwright/package.json

@@ -10,10 +10,11 @@
     "@playwright/test": "1.43.1",
     "@typebot.io/lib": "workspace:*",
     "@typebot.io/prisma": "workspace:*",
-    "@typebot.io/schemas": "workspace:*"
+    "@typebot.io/schemas": "workspace:*",
+    "@typebot.io/env": "workspace:*"
   },
   "devDependencies": {
     "@types/node": "20.4.2",
     "@typebot.io/tsconfig": "workspace:*"
   }
-}
+}