🚸 (openai) Display OpenAI initial response error

apps/viewer/src/features/blocks/integrations/openai/getChatCompletionStream.ts

@@ -52,5 +52,7 @@ export const getChatCompletionStream =
       messages,
     })
 
+    if (!response.ok) return response
+
     return OpenAIStream(response)
   }

apps/viewer/src/pages/api/integrations/openai/streamer.ts

@@ -60,15 +60,24 @@ const handler = async (req: Request) => {
   )
     return new Response('Current block is not an OpenAI block', { status: 400 })
 
-  const stream = await getChatCompletionStream(conn)(
+  const streamOrResponse = await getChatCompletionStream(conn)(
     state,
     block.options,
     messages
   )
 
-  if (!stream) return new Response('Could not create stream', { status: 400 })
+  if (!streamOrResponse)
+    return new Response('Could not create stream', { status: 400 })
 
-  return new StreamingTextResponse(stream, {
+  if ('ok' in streamOrResponse)
+    return new Response(streamOrResponse.body, {
+      status: streamOrResponse.status,
+      headers: {
+        'Access-Control-Allow-Origin': '*',
+      },
+    })
+
+  return new StreamingTextResponse(streamOrResponse, {
     headers: {
       'Access-Control-Allow-Origin': '*',
     },

packages/embeds/js/package.json

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

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

@@ -105,6 +105,7 @@ export const ConversationContainer = (props: Props) => {
   })
 
   const streamMessage = (content: string) => {
+    console.log('STREAM', content)
     setIsSending(false)
     const lastChunk = [...chatChunks()].pop()
     if (!lastChunk) return

packages/embeds/js/src/features/blocks/integrations/openai/streamChat.ts

@@ -37,9 +37,7 @@ export const streamChat =
 
       if (!res.ok) {
         return {
-          error: {
-            message: (await res.text()) || 'Failed to fetch the chat response.',
-          },
+          error: (await res.json()) || 'Failed to fetch the chat response.',
         }
       }
 

packages/embeds/nextjs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/nextjs",
-  "version": "0.1.13",
+  "version": "0.1.14",
   "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.1.13",
+  "version": "0.1.14",
   "description": "Convenient library to display typebots on your Next.js website",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",