From 5090badfa985c681c172484a7fd4514c097e077f Mon Sep 17 00:00:00 2001
From: Baptiste Arnaud <contact@baptiste-arnaud.fr>
Date: Thu, 23 Mar 2023 08:59:08 +0100
Subject: [PATCH] :adhesive_bandage: (js) Move data-blockid to the right
 element

---
 packages/embeds/js/package.json                              | 2 +-
 .../js/src/components/ConversationContainer/ChatChunk.tsx    | 2 +-
 packages/embeds/js/src/components/InputChatBlock.tsx         | 5 ++++-
 packages/embeds/react/package.json                           | 2 +-
 4 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/packages/embeds/js/package.json b/packages/embeds/js/package.json
index e818a9b88..c16100e49 100644
--- a/packages/embeds/js/package.json
+++ b/packages/embeds/js/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/js",
-  "version": "0.0.29",
+  "version": "0.0.30",
   "description": "Javascript library to display typebots on your website",
   "type": "module",
   "main": "dist/index.js",
diff --git a/packages/embeds/js/src/components/ConversationContainer/ChatChunk.tsx b/packages/embeds/js/src/components/ConversationContainer/ChatChunk.tsx
index 853d67e0e..ddf71d5d1 100644
--- a/packages/embeds/js/src/components/ConversationContainer/ChatChunk.tsx
+++ b/packages/embeds/js/src/components/ConversationContainer/ChatChunk.tsx
@@ -45,7 +45,7 @@ export const ChatChunk = (props: Props) => {
 
   return (
     <div class="flex w-full">
-      <div class="flex flex-col w-full min-w-0" data-blockid={props.input?.id}>
+      <div class="flex flex-col w-full min-w-0">
         <div class="flex">
           <Show
             when={
diff --git a/packages/embeds/js/src/components/InputChatBlock.tsx b/packages/embeds/js/src/components/InputChatBlock.tsx
index d4b9e57a1..50b1eb9c4 100644
--- a/packages/embeds/js/src/components/InputChatBlock.tsx
+++ b/packages/embeds/js/src/components/InputChatBlock.tsx
@@ -66,7 +66,10 @@ export const InputChatBlock = (props: Props) => {
         )}
       </Match>
       <Match when={isNotDefined(answer())}>
-        <div class="flex justify-end animate-fade-in">
+        <div
+          class="flex justify-end animate-fade-in"
+          data-blockid={props.block.id}
+        >
           {props.hasHostAvatar && (
             <div
               class={
diff --git a/packages/embeds/react/package.json b/packages/embeds/react/package.json
index f3306d04e..618b6e997 100644
--- a/packages/embeds/react/package.json
+++ b/packages/embeds/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/react",
-  "version": "0.0.29",
+  "version": "0.0.30",
   "description": "React library to display typebots on your website",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",