{"version":3,"file":"form-EMAaM4Mt.js","sources":["../../../app/helpers/fetch/form.tsx"],"sourcesContent":["import type { FormEvent } from \"react\";\nimport type { Method } from \"@inertiajs/core\";\nimport type { PathHelper, ResponseError } from \"@js-from-routes/client\";\nimport { sentencify } from \"~/helpers/inflect\";\nimport { showFormErrorsAlert } from \"~/helpers/form\";\n\nimport type {\n  FormErrors,\n  UseFormInput,\n  UseFormReturnType,\n} from \"@mantine/form\";\n\ntype FetchPartialForm<Values> = Omit<\n  UseFormReturnType<Values>,\n  \"onSubmit\" | \"onReset\"\n>;\n\ntype TransformValues<Values> = (values: Values) => any;\n\nexport interface FetchFormOptions<\n  Data extends Record<string, any> & { error?: never },\n  Values,\n> extends UseFormInput<Values, TransformValues<Values>> {\n  action: PathHelper;\n  descriptor: string;\n  params?: {\n    query?: Record<string, any>;\n    [key: string]: any;\n  };\n  method?: Method;\n  failSilently?: boolean;\n  transformErrors?: (errors: Record<string, string>) => FormErrors;\n  onSuccess?: (data: Data, form: FetchPartialForm<Values>) => void;\n  onFailure?: (error: Error, form: FetchPartialForm<Values>) => void;\n  onError?: (form: FetchPartialForm<Values>) => void;\n}\n\ntype FetchFormSubmit = (event?: FormEvent<HTMLFormElement>) => void;\n\nexport interface FetchForm<\n  Data extends Record<string, any> & { error?: never; errors?: never },\n  Values,\n> extends Omit<UseFormReturnType<Values, TransformValues<Values>>, \"onSubmit\"> {\n  data: Data | undefined;\n  error: Error | undefined;\n  processing: boolean;\n  submit: FetchFormSubmit;\n}\n\n// TODO: Serialize form data.\nexport const useFetchForm = <\n  Data extends Record<string, any> & { error?: never; errors?: never } = {},\n  Values extends Record<string, any> = Record<string, any>,\n>(\n  options: FetchFormOptions<Data, Values>,\n): FetchForm<Data, Values> => {\n  const {\n    action,\n    params,\n    descriptor,\n    method = action.httpMethod,\n    failSilently,\n    transformValues = deepUnderscoreKeys,\n    transformErrors = deepCamelizeKeys,\n    onSuccess,\n    onFailure,\n    onError,\n    ...otherOptions\n  } = options;\n  const form = useForm<Values, TransformValues<Values>>({\n    ...otherOptions,\n    transformValues,\n  });\n  const [data, setData] = useState<Data | undefined>();\n  const [error, setError] = useState<Error | undefined>();\n  const [processing, setProcessing] = useState(false);\n  const submit = form.onSubmit(\n    data => {\n      setProcessing(true);\n      action<Data & { error?: string; errors?: Record<string, string> }>({\n        params,\n        method,\n        data: method === \"delete\" ? undefined : data,\n      })\n        .then(\n          data => {\n            setData(data as Data);\n            form.reset();\n            onSuccess?.(data as Data, form);\n          },\n          (responseError: ResponseError) => {\n            if (responseError.body) {\n              const { error, errors } = responseError.body as {\n                error?: string;\n                errors?: Record<string, string>;\n              };\n              if (error) {\n                const e = new Error(error);\n                setError(e);\n                console.error(`Failed to ${descriptor}`, error);\n                if (!failSilently) {\n                  showAlert({\n                    title: `Failed to ${descriptor}`,\n                    message: sentencify(error),\n                  });\n                }\n                onFailure?.(e, form);\n              } else if (errors) {\n                const formErrors: FormErrors = transformErrors(errors);\n                form.setErrors(formErrors);\n                console.warn(`Couldn't ${descriptor}`, {\n                  errors: formErrors,\n                });\n                const formWithErrors = { ...form, errors: formErrors };\n                if (!failSilently) {\n                  showFormErrorsAlert(formWithErrors, `Couldn't ${descriptor}`);\n                }\n                onError?.(formWithErrors);\n              }\n            } else {\n              console.error(\n                \"An unknown error response occurred\",\n                responseError,\n              );\n              if (!failSilently) {\n                showAlert({\n                  title: `Failed to ${descriptor}`,\n                  message: sentencify(responseError.message),\n                });\n              }\n              onFailure?.(responseError, form);\n            }\n          },\n        )\n        .finally(() => {\n          setProcessing(false);\n        });\n    },\n    errors => {\n      const formWithErrors = { ...form, errors };\n      onError?.(formWithErrors);\n      showFormErrorsAlert(formWithErrors, `Couldn't ${descriptor}`);\n    },\n  );\n  return {\n    ...form,\n    processing,\n    submit,\n    data,\n    error,\n  };\n};\n"],"names":["useFetchForm","options","action","params","descriptor","method","failSilently","transformValues","deepUnderscoreKeys","transformErrors","deepCamelizeKeys","onSuccess","onFailure","onError","otherOptions","form","useForm","data","setData","useState","error","setError","processing","setProcessing","submit","responseError","errors","e","showAlert","sentencify","formErrors","formWithErrors","showFormErrorsAlert"],"mappings":"iKAkDa,MAAAA,EAIXC,GAC4B,CACtB,KAAA,CACJ,OAAAC,EACA,OAAAC,EACA,WAAAC,EACA,OAAAC,EAASH,EAAO,WAChB,aAAAI,EACA,gBAAAC,EAAkBC,EAClB,gBAAAC,EAAkBC,EAClB,UAAAC,EACA,UAAAC,EACA,QAAAC,EACA,GAAGC,CACD,EAAAb,EACEc,EAAOC,EAAyC,CACpD,GAAGF,EACH,gBAAAP,CAAA,CACD,EACK,CAACU,EAAMC,CAAO,EAAIC,EAA2B,SAAA,EAC7C,CAACC,EAAOC,CAAQ,EAAIF,EAA4B,SAAA,EAChD,CAACG,EAAYC,CAAa,EAAIJ,WAAS,EAAK,EAC5CK,EAAST,EAAK,SAClBE,GAAQ,CACNM,EAAc,EAAI,EACiDrB,EAAA,CACjE,OAAAC,EACA,OAAAE,EACA,KAAMA,IAAW,SAAW,OAAYY,CACzC,CAAA,EACE,KACCA,GAAQ,CACNC,EAAQD,CAAY,EACpBF,EAAK,MAAM,EACXJ,GAAA,MAAAA,EAAYM,EAAcF,EAC5B,EACCU,GAAiC,CAChC,GAAIA,EAAc,KAAM,CACtB,KAAM,CAAE,MAAAL,EAAO,OAAAM,CAAA,EAAWD,EAAc,KAIxC,GAAIL,EAAO,CACH,MAAAO,EAAI,IAAI,MAAMP,CAAK,EACzBC,EAASM,CAAC,EACV,QAAQ,MAAM,aAAavB,CAAU,GAAIgB,CAAK,EACzCd,GACOsB,EAAA,CACR,MAAO,aAAaxB,CAAU,GAC9B,QAASyB,EAAWT,CAAK,CAAA,CAC1B,EAEHR,GAAA,MAAAA,EAAYe,EAAGZ,WACNW,EAAQ,CACX,MAAAI,EAAyBrB,EAAgBiB,CAAM,EACrDX,EAAK,UAAUe,CAAU,EACjB,QAAA,KAAK,YAAY1B,CAAU,GAAI,CACrC,OAAQ0B,CAAA,CACT,EACD,MAAMC,EAAiB,CAAE,GAAGhB,EAAM,OAAQe,CAAW,EAChDxB,GACiB0B,EAAAD,EAAgB,YAAY3B,CAAU,EAAE,EAE9DS,GAAA,MAAAA,EAAUkB,EACZ,CAAA,MAEQ,QAAA,MACN,qCACAN,CAAA,EAEGnB,GACOsB,EAAA,CACR,MAAO,aAAaxB,CAAU,GAC9B,QAASyB,EAAWJ,EAAc,OAAO,CAAA,CAC1C,EAEHb,GAAA,MAAAA,EAAYa,EAAeV,EAE/B,CACF,EACC,QAAQ,IAAM,CACbQ,EAAc,EAAK,CAAA,CACpB,CACL,EACUG,GAAA,CACR,MAAMK,EAAiB,CAAE,GAAGhB,EAAM,OAAAW,CAAO,EACzCb,GAAA,MAAAA,EAAUkB,GACUC,EAAAD,EAAgB,YAAY3B,CAAU,EAAE,CAC9D,CAAA,EAEK,MAAA,CACL,GAAGW,EACH,WAAAO,EACA,OAAAE,EACA,KAAAP,EACA,MAAAG,CAAA,CAEJ"}