diff --git a/apps/builder/src/features/results/components/FileLinks.tsx b/apps/builder/src/features/results/components/FileLinks.tsx
index 6466c57ff..7a6eeb916 100644
--- a/apps/builder/src/features/results/components/FileLinks.tsx
+++ b/apps/builder/src/features/results/components/FileLinks.tsx
@@ -10,7 +10,7 @@ export const FileLinks = ({ fileNamesStr }: { fileNamesStr: string }) => {
- {name.split('/').pop()}
+ {decodeURIComponent(name.split('/').pop() ?? '')}
))}
diff --git a/packages/embeds/js/package.json b/packages/embeds/js/package.json
index 4e6d570a2..0335d634f 100644
--- a/packages/embeds/js/package.json
+++ b/packages/embeds/js/package.json
@@ -1,6 +1,6 @@
{
"name": "@typebot.io/js",
- "version": "0.2.18",
+ "version": "0.2.19",
"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/fileUpload/components/FileUploadForm.tsx b/packages/embeds/js/src/features/blocks/inputs/fileUpload/components/FileUploadForm.tsx
index c871e99f9..1b4bd5153 100644
--- a/packages/embeds/js/src/features/blocks/inputs/fileUpload/components/FileUploadForm.tsx
+++ b/packages/embeds/js/src/features/blocks/inputs/fileUpload/components/FileUploadForm.tsx
@@ -8,6 +8,7 @@ import { uploadFiles } from '../helpers/uploadFiles'
import { guessApiHost } from '@/utils/guessApiHost'
import { getRuntimeVariable } from '@typebot.io/env/getRuntimeVariable'
import { defaultFileInputOptions } from '@typebot.io/schemas/features/blocks/inputs/file/constants'
+import { isDefined } from '@typebot.io/lib'
type Props = {
context: BotContext
@@ -68,7 +69,10 @@ export const FileUploadForm = (props: Props) => {
})
setIsUploading(false)
if (urls.length)
- return props.onSubmit({ label: `File uploaded`, value: urls[0] ?? '' })
+ return props.onSubmit({
+ label: `File uploaded`,
+ value: urls[0] ? encodeURI(urls[0]) : '',
+ })
setErrorMessage('An error occured while uploading the file')
}
const startFilesUpload = async (files: File[]) => {
@@ -98,7 +102,7 @@ export const FileUploadForm = (props: Props) => {
return setErrorMessage('An error occured while uploading the files')
props.onSubmit({
label: `${urls.length} file${urls.length > 1 ? 's' : ''} uploaded`,
- value: urls.join(', '),
+ value: urls.filter(isDefined).map(encodeURI).join(', '),
})
}
@@ -219,7 +223,8 @@ export const FileUploadForm = (props: Props) => {
- {props.block.options?.labels?.button ===
+ {(props.block.options?.labels?.button ??
+ defaultFileInputOptions.labels.button) ===
defaultFileInputOptions.labels.button
? `Upload ${selectedFiles().length} file${
selectedFiles().length > 1 ? 's' : ''
diff --git a/packages/embeds/nextjs/package.json b/packages/embeds/nextjs/package.json
index 5392c2343..06f5531dd 100644
--- a/packages/embeds/nextjs/package.json
+++ b/packages/embeds/nextjs/package.json
@@ -1,6 +1,6 @@
{
"name": "@typebot.io/nextjs",
- "version": "0.2.18",
+ "version": "0.2.19",
"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 99fd1fa2e..2ab63e7c4 100644
--- a/packages/embeds/react/package.json
+++ b/packages/embeds/react/package.json
@@ -1,6 +1,6 @@
{
"name": "@typebot.io/react",
- "version": "0.2.18",
+ "version": "0.2.19",
"description": "Convenient library to display typebots on your React app",
"main": "dist/index.js",
"types": "dist/index.d.ts",