From e9c2deee5ff935ee941925aafcf3e70bce850ce6 Mon Sep 17 00:00:00 2001
From: Baptiste Arnaud <contact@baptiste-arnaud.fr>
Date: Thu, 8 Jun 2023 15:56:52 +0200
Subject: [PATCH] :bug: (openai) Fix default response mapping item

---
 apps/builder/src/components/TableList.tsx                     | 4 +++-
 .../createChatCompletion/OpenAIChatCompletionSettings.tsx     | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/apps/builder/src/components/TableList.tsx b/apps/builder/src/components/TableList.tsx
index 41d3944571f..a35abc7c0a9 100644
--- a/apps/builder/src/components/TableList.tsx
+++ b/apps/builder/src/components/TableList.tsx
@@ -22,6 +22,7 @@ type Props<T> = {
   initialItems: ItemWithId<T>[]
   isOrdered?: boolean
   addLabel?: string
+  newItemDefaultProps?: Partial<T>
   Item: (props: TableListItemProps<T>) => JSX.Element
   ComponentBetweenItems?: (props: unknown) => JSX.Element
   onItemsChange: (items: ItemWithId<T>[]) => void
@@ -31,6 +32,7 @@ export const TableList = <T,>({
   initialItems,
   isOrdered,
   addLabel = 'Add',
+  newItemDefaultProps,
   Item,
   ComponentBetweenItems,
   onItemsChange,
@@ -40,7 +42,7 @@ export const TableList = <T,>({
 
   const createItem = () => {
     const id = createId()
-    const newItem = { id } as ItemWithId<T>
+    const newItem = { id, ...newItemDefaultProps } as ItemWithId<T>
     setItems([...items, newItem])
     onItemsChange([...items, newItem])
   }
diff --git a/apps/builder/src/features/blocks/integrations/openai/components/createChatCompletion/OpenAIChatCompletionSettings.tsx b/apps/builder/src/features/blocks/integrations/openai/components/createChatCompletion/OpenAIChatCompletionSettings.tsx
index ccb5ed063e7..da0db122cec 100644
--- a/apps/builder/src/features/blocks/integrations/openai/components/createChatCompletion/OpenAIChatCompletionSettings.tsx
+++ b/apps/builder/src/features/blocks/integrations/openai/components/createChatCompletion/OpenAIChatCompletionSettings.tsx
@@ -124,12 +124,12 @@ export const OpenAIChatCompletionSettings = ({
             </Text>
             <AccordionIcon />
           </AccordionButton>
-
           <AccordionPanel pt="4">
             <TableList
               initialItems={options.responseMapping}
               Item={ChatCompletionResponseItem}
               onItemsChange={updateResponseMapping}
+              newItemDefaultProps={{ valueToExtract: 'Message content' }}
             />
           </AccordionPanel>
         </AccordionItem>