fix: remove options from fields

Author: jorgemoya

core/vibes/soul/form/dynamic-form/index.tsx

@@ -37,6 +37,7 @@ import { Textarea } from '@/vibes/soul/form/textarea';
 import { Button, ButtonProps } from '@/vibes/soul/primitives/button';
 
 import { Field, FieldGroup, PasswordComplexitySettings, schema } from './schema';
+import { removeOptionsFromFields } from './utils';
 
 type Action<F extends Field, S, P> = (
   fields: Array<F | FieldGroup<F>>,
@@ -79,7 +80,11 @@ export function DynamicForm<F extends Field>({
   onSuccess,
   passwordComplexity: defaultPasswordComplexity,
 }: DynamicFormProps<F>) {
-  const actionWithFields = action.bind(null, fields);
+  // Remove options from fields before passing to action to reduce payload size
+  // Options are only needed for rendering, not for processing form submissions
+  // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+  const fieldsWithoutOptions = removeOptionsFromFields(fields) as Array<F | FieldGroup<F>>;
+  const actionWithFields = action.bind(null, fieldsWithoutOptions);
 
   const [{ lastResult, successMessage, passwordComplexity }, formAction] = useActionState(
     actionWithFields,

core/vibes/soul/form/dynamic-form/utils.ts

@@ -0,0 +1,26 @@
+import { Field, FieldGroup } from './schema';
+
+function removeOptionsFromField<T extends Field>(field: T) {
+  // Only remove the options property if it exists on the field
+  if ('options' in field) {
+    // Type assertion is used because not all Field types have 'options'
+    // and to satisfy TypeScript that we are only spreading valid props
+    const { options, ...fieldWithoutOptions } = field;
+
+    return fieldWithoutOptions;
+  }
+
+  return field;
+}
+
+export function removeOptionsFromFields<F extends Field>(fields: Array<F | FieldGroup<F>>) {
+  return fields.map((field) => {
+    if (Array.isArray(field)) {
+      // Handle field groups (arrays of fields)
+      return field.map(removeOptionsFromField);
+    }
+
+    // Handle individual fields
+    return removeOptionsFromField(field);
+  });
+}