🐛 Fix variable buttons with new engine

baptisteArno · Feb 21, 2023 · 83ae57c · 83ae57c · vercel · Feb 21, 2023
1 parent a4e3f4b
commit 83ae57c
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 6 deletions.
diff --git a/apps/builder/src/features/publish/components/embeds/snippetParsers/shared.ts b/apps/builder/src/features/publish/components/embeds/snippetParsers/shared.ts
@@ -29,4 +29,4 @@ export const parseReactBotProps = ({ typebot, apiHost }: BotProps) => {
   return `${typebotLine} ${apiHostLine}`
 }
 
-export const typebotImportUrl = `https://cdn.jsdelivr.net/npm/@typebot.io/js@0.0.9/dist/web.js`
+export const typebotImportUrl = `https://cdn.jsdelivr.net/npm/@typebot.io/js@0.0.10/dist/web.js`
diff --git a/apps/viewer/src/features/blocks/inputs/buttons/api/utils/validateButtonInput.ts b/apps/viewer/src/features/blocks/inputs/buttons/api/utils/validateButtonInput.ts
@@ -3,4 +3,9 @@ import { ChoiceInputBlock } from 'models'
 export const validateButtonInput = (
   buttonBlock: ChoiceInputBlock,
   input: string
-) => buttonBlock.items.some((item) => item.content === input)
+) =>
+  buttonBlock.items.some(
+    (item) =>
+      item.content === input ||
+      (item.content?.startsWith('{{') && item.content.endsWith('}}'))
+  )
diff --git a/packages/js/package.json b/packages/js/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/js",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "description": "Javascript library to display typebots on your website",
   "type": "module",
   "main": "dist/index.js",

diff --git a/packages/js/src/features/blocks/inputs/fileUpload/components/FileUploadForm.tsx b/packages/js/src/features/blocks/inputs/fileUpload/components/FileUploadForm.tsx
@@ -1,5 +1,6 @@
 import { SendButton, Spinner } from '@/components/SendButton'
 import { BotContext, InputSubmitContent } from '@/types'
+import { guessApiHost } from '@/utils/guessApiHost'
 import { FileInputBlock } from 'models'
 import { defaultFileInputOptions } from 'models/features/blocks/inputs/file'
 import { createSignal, Match, Show, Switch } from 'solid-js'
@@ -50,7 +51,9 @@ export const FileUploadForm = (props: Props) => {
       })
     setIsUploading(true)
     const urls = await uploadFiles({
-      basePath: `/api/typebots/${props.context.typebotId}/blocks/${props.block.id}`,
+      basePath: `${props.context.apiHost ?? guessApiHost()}/api/typebots/${
+        props.context.typebotId
+      }/blocks/${props.block.id}`,
       files: [
         {
           file,
@@ -73,7 +76,9 @@ export const FileUploadForm = (props: Props) => {
       })
     setIsUploading(true)
     const urls = await uploadFiles({
-      basePath: `/api/typebots/${props.context.typebotId}/blocks/${props.block.id}`,
+      basePath: `${props.context.apiHost ?? guessApiHost()}/api/typebots/${
+        props.context.typebotId
+      }/blocks/${props.block.id}`,
       files: files.map((file) => ({
         file: file,
         path: `public/results/${props.context.resultId}/${props.block.id}/${file.name}`,

diff --git a/packages/react/package.json b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@typebot.io/react",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "description": "React library to display typebots on your website",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",