feat(bot): ⚡️ Add required option on file upload input

apps/builder/components/shared/Graph/Nodes/BlockNode/SettingsPopoverContent/bodies/FileInputSettings.tsx

@@ -17,19 +17,27 @@ export const FileInputSettings = ({ options, onOptionsChange }: Props) => {
     onOptionsChange({ ...options, labels: { ...options.labels, button } })
   const handlePlaceholderLabelChange = (placeholder: string) =>
     onOptionsChange({ ...options, labels: { ...options.labels, placeholder } })
-  const handleLongChange = (isMultipleAllowed: boolean) =>
+  const handleMultipleFilesChange = (isMultipleAllowed: boolean) =>
     onOptionsChange({ ...options, isMultipleAllowed })
   const handleVariableChange = (variable?: Variable) =>
     onOptionsChange({ ...options, variableId: variable?.id })
   const handleSizeLimitChange = (sizeLimit?: number) =>
     onOptionsChange({ ...options, sizeLimit })
+  const handleRequiredChange = (isRequired: boolean) =>
+    onOptionsChange({ ...options, isRequired })
   return (
     <Stack spacing={4}>
+      <SwitchWithLabel
+        id="required"
+        label="Required?"
+        initialValue={options.isRequired ?? true}
+        onCheckChange={handleRequiredChange}
+      />
       <SwitchWithLabel
         id="switch"
         label="Allow multiple files?"
         initialValue={options.isMultipleAllowed}
-        onCheckChange={handleLongChange}
+        onCheckChange={handleMultipleFilesChange}
       />
       <Stack>
         <FormLabel mb="0" htmlFor="limit">

apps/builder/playwright/tests/inputs/file.spec.ts

@@ -29,16 +29,19 @@ test('options should work', async ({ page }) => {
   await expect(
     typebotViewer(page).locator(`text=Click to upload`)
   ).toBeVisible()
+  await expect(typebotViewer(page).locator(`text="Skip"`)).toBeHidden()
   await typebotViewer(page)
     .locator(`input[type="file"]`)
     .setInputFiles([path.join(__dirname, '../../fixtures/avatar.jpg')])
   await expect(typebotViewer(page).locator(`text=File uploaded`)).toBeVisible()
   await page.click('text="Collect file"')
+  await page.click('text="Required?"')
   await page.click('text="Allow multiple files?"')
   await page.fill('div[contenteditable=true]', '<strong>Upload now!!</strong>')
   await page.fill('[value="Upload"]', 'Go')
   await page.fill('input[value="10"]', '20')
   await page.click('text="Restart"')
+  await expect(typebotViewer(page).locator(`text="Skip"`)).toBeVisible()
   await expect(typebotViewer(page).locator(`text="Upload now!!"`)).toBeVisible()
   await typebotViewer(page)
     .locator(`input[type="file"]`)

apps/viewer/playwright/tests/fileUpload.spec.ts

@@ -5,9 +5,8 @@ import { parse } from 'papaparse'
 import { typebotViewer } from '../services/selectorUtils'
 import { importTypebotInDatabase } from '../services/database'
 import { readFileSync } from 'fs'
-import { isDefined } from 'utils'
 
-test('should work as expected', async ({ page, browser }) => {
+test('should work as expected', async ({ page }) => {
   const typebotId = cuid()
   await importTypebotInDatabase(
     path.join(__dirname, '../fixtures/typebots/fileUpload.json'),