From 459fc4debc621cdd9f134f81443b4b9c58c93664 Mon Sep 17 00:00:00 2001
From: Baptiste Arnaud <contact@baptiste-arnaud.fr>
Date: Mon, 25 Sep 2023 11:30:13 +0200
Subject: [PATCH] :bug: (bot) Fix reactivity issue when filtering single
 choices

Closes #803
---
 packages/embeds/js/package.json                             | 2 +-
 .../features/blocks/inputs/buttons/components/Buttons.tsx   | 5 ++---
 .../blocks/inputs/pictureChoice/SinglePictureChoice.tsx     | 6 ++----
 packages/embeds/nextjs/package.json                         | 2 +-
 packages/embeds/react/package.json                          | 2 +-
 5 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/packages/embeds/js/package.json b/packages/embeds/js/package.json
index 15f0d210e..a2b7321a4 100644
--- a/packages/embeds/js/package.json
+++ b/packages/embeds/js/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/js",
-  "version": "0.1.29",
+  "version": "0.1.30",
   "description": "Javascript library to display typebots on your website",
   "type": "module",
   "main": "dist/index.js",
diff --git a/packages/embeds/js/src/features/blocks/inputs/buttons/components/Buttons.tsx b/packages/embeds/js/src/features/blocks/inputs/buttons/components/Buttons.tsx
index cfe4b0ced..5793cb5ad 100644
--- a/packages/embeds/js/src/features/blocks/inputs/buttons/components/Buttons.tsx
+++ b/packages/embeds/js/src/features/blocks/inputs/buttons/components/Buttons.tsx
@@ -21,8 +21,7 @@ export const Buttons = (props: Props) => {
     if (!isMobile() && inputRef) inputRef.focus()
   })
 
-  // eslint-disable-next-line solid/reactivity
-  const handleClick = (itemIndex: number) => () =>
+  const handleClick = (itemIndex: number) =>
     props.onSubmit({ value: filteredItems()[itemIndex].content ?? '' })
 
   const filterItems = (inputValue: string) => {
@@ -61,7 +60,7 @@ export const Buttons = (props: Props) => {
           {(item, index) => (
             <span class={'relative' + (isMobile() ? ' w-full' : '')}>
               <Button
-                on:click={handleClick(index())}
+                on:click={() => handleClick(index())}
                 data-itemid={item.id}
                 class="w-full"
               >
diff --git a/packages/embeds/js/src/features/blocks/inputs/pictureChoice/SinglePictureChoice.tsx b/packages/embeds/js/src/features/blocks/inputs/pictureChoice/SinglePictureChoice.tsx
index b2a9a4cac..33c618665 100644
--- a/packages/embeds/js/src/features/blocks/inputs/pictureChoice/SinglePictureChoice.tsx
+++ b/packages/embeds/js/src/features/blocks/inputs/pictureChoice/SinglePictureChoice.tsx
@@ -19,8 +19,7 @@ export const SinglePictureChoice = (props: Props) => {
     if (!isMobile() && inputRef) inputRef.focus()
   })
 
-  // eslint-disable-next-line solid/reactivity
-  const handleClick = (itemIndex: number) => () => {
+  const handleClick = (itemIndex: number) => {
     const pictureSrc = filteredItems()[itemIndex].pictureSrc
     if (!pictureSrc) return
     return props.onSubmit({
@@ -65,8 +64,7 @@ export const SinglePictureChoice = (props: Props) => {
         <For each={filteredItems()}>
           {(item, index) => (
             <button
-              // eslint-disable-next-line solid/reactivity
-              on:click={handleClick(index())}
+              on:click={() => handleClick(index())}
               data-itemid={item.id}
               class={
                 'flex flex-col typebot-picture-button focus:outline-none filter hover:brightness-90 active:brightness-75 justify-between  ' +
diff --git a/packages/embeds/nextjs/package.json b/packages/embeds/nextjs/package.json
index 9cf8272a2..6ce9722c8 100644
--- a/packages/embeds/nextjs/package.json
+++ b/packages/embeds/nextjs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/nextjs",
-  "version": "0.1.29",
+  "version": "0.1.30",
   "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 f16be1763..bb8405942 100644
--- a/packages/embeds/react/package.json
+++ b/packages/embeds/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/react",
-  "version": "0.1.29",
+  "version": "0.1.30",
   "description": "Convenient library to display typebots on your React app",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",