blsmedia/bot
2
0
Fork 0
Code Activity

🐛 (fileUpload) Fix results file display if name contains comma

Browse Source 
Closes #955
This commit is contained in:
Baptiste Arnaud
2023-11-14 17:15:21 +01:00
parent fd00b6fdd5
commit bd198a4e0f
5 changed files with 12 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/builder/src/features/results/components/FileLinks.tsx
View File

@ -10,7 +10,7 @@ export const FileLinks = ({ fileNamesStr }: { fileNamesStr: string }) => {
<HStack as={WrapItem} key={name}>
<FileIcon />
<TextLink href={name} isExternal>
{name.split('/').pop()}
{decodeURIComponent(name.split('/').pop() ?? '')}
</TextLink>
</HStack>
))}

2
packages/embeds/js/package.json
View File

@ -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",

11
packages/embeds/js/src/features/blocks/inputs/fileUpload/components/FileUploadForm.tsx
View File

@ -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) => {
</Button>
</Show>
<SendButton type="submit" disableIcon>
{props.block.options?.labels?.button ===
{(props.block.options?.labels?.button ??
defaultFileInputOptions.labels.button) ===
defaultFileInputOptions.labels.button
? `Upload ${selectedFiles().length} file${
selectedFiles().length > 1 ? 's' : ''

2
packages/embeds/nextjs/package.json
View File

@ -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",

2
packages/embeds/react/package.json
View File

@ -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",