From a5d3f83c7fa0924b9a9f48e841e848681f54bbd5 Mon Sep 17 00:00:00 2001
From: Baptiste Arnaud <contact@baptiste-arnaud.fr>
Date: Mon, 3 Apr 2023 17:12:11 +0200
Subject: [PATCH] :loud_sound: (openai) Add error log details in web console

---
 .../preview/components/WebPreview.tsx         |  5 ++++-
 .../openai/createChatCompletionOpenAI.ts      | 20 ++++++++++++-------
 2 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/apps/builder/src/features/preview/components/WebPreview.tsx b/apps/builder/src/features/preview/components/WebPreview.tsx
index f7886aec3..dcce3af7c 100644
--- a/apps/builder/src/features/preview/components/WebPreview.tsx
+++ b/apps/builder/src/features/preview/components/WebPreview.tsx
@@ -14,7 +14,10 @@ export const WebPreview = () => {
   const { showToast } = useToast()
 
   const handleNewLogs = (logs: ChatReply['logs']) => {
-    logs?.forEach((log) => showToast(log as UseToastOptions))
+    logs?.forEach((log) => {
+      showToast(log as UseToastOptions)
+      console.error(log)
+    })
   }
 
   if (!typebot) return null
diff --git a/apps/viewer/src/features/blocks/integrations/openai/createChatCompletionOpenAI.ts b/apps/viewer/src/features/blocks/integrations/openai/createChatCompletionOpenAI.ts
index d831baa0c..cd2a37cdb 100644
--- a/apps/viewer/src/features/blocks/integrations/openai/createChatCompletionOpenAI.ts
+++ b/apps/viewer/src/features/blocks/integrations/openai/createChatCompletionOpenAI.ts
@@ -107,17 +107,23 @@ export const createChatCompletionOpenAI = async (
       newSessionState,
     }
   } catch (err) {
-    if (err instanceof HTTPError) {
-      console.error(err.response.body)
-    } else {
-      console.error(err)
-    }
-
     const log = {
       status: 'error',
       description: 'OpenAI block returned error',
-      details: JSON.stringify(err, null, 2).substring(0, 1000),
+      details: '',
     }
+
+    if (err instanceof HTTPError) {
+      console.error(err.response.body)
+      log.details = JSON.stringify(err.response.body, null, 2).substring(
+        0,
+        1000
+      )
+    } else {
+      console.error(err)
+      log.details = JSON.stringify(err, null, 2).substring(0, 1000)
+    }
+
     state.result &&
       (await saveErrorLog({
         resultId: state.result.id,