From af941b135336429fa90c0c55c4225e056e9625e9 Mon Sep 17 00:00:00 2001
From: Baptiste Arnaud <baptiste.arnaud95@gmail.com>
Date: Tue, 26 Mar 2024 19:38:25 +0100
Subject: [PATCH] :bug: (bubble) Fix bubble chat height when custom size

---
 packages/embeds/js/package.json                              | 2 +-
 packages/embeds/js/src/features/bubble/components/Bubble.tsx | 5 +----
 packages/embeds/nextjs/package.json                          | 2 +-
 packages/embeds/react/package.json                           | 2 +-
 4 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/packages/embeds/js/package.json b/packages/embeds/js/package.json
index 056c8f326..dddd7a83c 100644
--- a/packages/embeds/js/package.json
+++ b/packages/embeds/js/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/js",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "description": "Javascript library to display typebots on your website",
   "type": "module",
   "main": "dist/index.js",
diff --git a/packages/embeds/js/src/features/bubble/components/Bubble.tsx b/packages/embeds/js/src/features/bubble/components/Bubble.tsx
index 51bf799ed..a8a7a3bae 100644
--- a/packages/embeds/js/src/features/bubble/components/Bubble.tsx
+++ b/packages/embeds/js/src/features/bubble/components/Bubble.tsx
@@ -179,10 +179,7 @@ export const Bubble = (props: BubbleProps) => {
       <div
         part="bot"
         style={{
-          height:
-            props.theme?.button?.size === 'large'
-              ? 'calc(100% - 95px)'
-              : 'calc(100% - 80px)',
+          height: `calc(100% - ${buttonSize()} - 32px)`,
           'max-height': props.theme?.chatWindow?.maxHeight ?? '704px',
           'max-width': props.theme?.chatWindow?.maxWidth ?? '400px',
           transition:
diff --git a/packages/embeds/nextjs/package.json b/packages/embeds/nextjs/package.json
index 26219a3bb..e06637126 100644
--- a/packages/embeds/nextjs/package.json
+++ b/packages/embeds/nextjs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/nextjs",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "description": "Convenient library to display typebots on your Next.js website",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
diff --git a/packages/embeds/react/package.json b/packages/embeds/react/package.json
index 758891444..28fee9337 100644
--- a/packages/embeds/react/package.json
+++ b/packages/embeds/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/react",
-  "version": "0.2.57",
+  "version": "0.2.58",
   "description": "Convenient library to display typebots on your React app",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",