Make details required

Author: Theodore Li

apps/sim/app/(home)/components/demo-request/demo-request-modal.tsx

@@ -255,7 +255,7 @@ export function DemoRequestModal({ children, theme = 'dark' }: DemoRequestModalP
                   </FormField>
                 </div>
 
-                <FormField htmlFor='details' label='Details' optional error={errors.details}>
+                <FormField htmlFor='details' label='Details' error={errors.details}>
                   <Textarea
                     id='details'
                     value={form.details}

apps/sim/app/api/demo-request/route.ts

@@ -74,7 +74,7 @@ Region: ${getDemoRequestRegionLabel(region)}
 Users: ${getDemoRequestUserCountLabel(userCount)}
 
 Details:
-${details ?? 'Not provided'}
+${details}
 `
 
     const emailResult = await sendEmail({

apps/sim/lib/marketing/demo-request.ts

@@ -59,12 +59,7 @@ export const demoRequestSchema = z.object({
   userCount: z.enum(DEMO_REQUEST_USER_COUNT_VALUES, {
     errorMap: () => ({ message: 'Please select the number of users' }),
   }),
-  details: z
-    .string()
-    .trim()
-    .max(2000, 'Details must be 2,000 characters or less')
-    .optional()
-    .transform((value) => (value && value.length > 0 ? value : undefined)),
+  details: z.string().trim().min(1, 'Details are required').max(2000),
 })
 
 export type DemoRequestPayload = z.infer<typeof demoRequestSchema>