refactor(web): migrate legacy forms to TanStack Form (#30631)

web/app/components/base/form/hooks/use-get-form-values.ts

@@ -4,7 +4,7 @@ import type {
   GetValuesOptions,
 } from '../types'
 import { useCallback } from 'react'
-import { getTransformedValuesWhenSecretInputPristine } from '../utils'
+import { getTransformedValuesWhenSecretInputPristine } from '../utils/secret-input'
 import { useCheckValidated } from './use-check-validated'
 
 export const useGetFormValues = (form: AnyFormApi, formSchemas: FormSchema[]) => {

web/app/components/base/form/utils/index.ts

@@ -1 +0,0 @@
-export * from './secret-input'

web/app/components/base/form/utils/zod-submit-validator.ts

@@ -0,0 +1,22 @@
+import type { ZodSchema } from 'zod'
+
+type SubmitValidator<T> = ({ value }: { value: T }) => { fields: Record<string, string> } | undefined
+
+export const zodSubmitValidator = <T>(schema: ZodSchema<T>): SubmitValidator<T> => {
+  return ({ value }) => {
+    const result = schema.safeParse(value)
+    if (!result.success) {
+      const fieldErrors: Record<string, string> = {}
+      for (const issue of result.error.issues) {
+        const path = issue.path[0]
+        if (path === undefined)
+          continue
+        const key = String(path)
+        if (!fieldErrors[key])
+          fieldErrors[key] = issue.message
+      }
+      return { fields: fieldErrors }
+    }
+    return undefined
+  }
+}