🐛 (bot) Fix svg images not being displayed

Closes #1456

packages/embeds/js/package.json

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

packages/embeds/js/src/features/blocks/bubbles/image/components/ImageBubble.tsx

@@ -53,7 +53,8 @@ export const ImageBubble = (props: Props) => {
       }
       class={clsx(
         isTyping() ? 'opacity-0' : 'opacity-100',
-        props.onTransitionEnd ? 'text-fade-in' : undefined
+        props.onTransitionEnd ? 'text-fade-in' : undefined,
+        props.content?.url?.endsWith('.svg') ? 'w-full' : undefined
       )}
       style={{
         'max-height': '512px',

packages/embeds/nextjs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/nextjs",
-  "version": "0.2.76",
+  "version": "0.2.77",
   "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.2.76",
+  "version": "0.2.77",
   "description": "Convenient library to display typebots on your React app",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",