@tanstack/form-core 0.0.1 → 0.0.3

package/build/umd/index.production.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.production.js","sources":["../../../../node_modules/.pnpm/@tanstack+store@0.0.1-beta.84/node_modules/@tanstack/store/build/esm/index.js","../../src/utils.ts","../../src/FormApi.ts","../../src/FieldApi.ts"],"sourcesContent":["/**\n * store\n *\n * Copyright (c) TanStack\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE.md file in the root directory of this source tree.\n *\n * @license MIT\n */\nclass Store {\n  listeners = new Set();\n  batching = false;\n  queue = [];\n  constructor(initialState, options) {\n    this.state = initialState;\n    this.options = options;\n  }\n  subscribe = listener => {\n    this.listeners.add(listener);\n    const unsub = this.options?.onSubscribe?.(listener, this);\n    return () => {\n      this.listeners.delete(listener);\n      unsub?.();\n    };\n  };\n  setState = updater => {\n    const previous = this.state;\n    this.state = this.options?.updateFn ? this.options.updateFn(previous)(updater) : updater(previous);\n    if (this.state === previous) return;\n    this.options?.onUpdate?.(this.state, previous);\n    this.queue.push(() => {\n      this.listeners.forEach(listener => listener(this.state, previous));\n    });\n    this.#flush();\n  };\n  #flush = () => {\n    if (this.batching) return;\n    this.queue.forEach(cb => cb());\n    this.queue = [];\n  };\n  batch = cb => {\n    this.batching = true;\n    cb();\n    this.batching = false;\n    this.#flush();\n  };\n}\n\nexport { Store };\n//# sourceMappingURL=index.js.map\n","export type UpdaterFn<TInput, TOutput = TInput> = (input: TInput) => TOutput\n\nexport type Updater<TInput, TOutput = TInput> =\n  | TOutput\n  | UpdaterFn<TInput, TOutput>\n\nexport function functionalUpdate<TInput, TOutput = TInput>(\n  updater: Updater<TInput, TOutput>,\n  input: TInput,\n): TOutput {\n  return typeof updater === 'function'\n    ? (updater as UpdaterFn<TInput, TOutput>)(input)\n    : updater\n}\n\nexport function getBy(obj: any, path: any) {\n  if (!path) {\n    throw new Error('A path string is required to use getBy')\n  }\n  const pathArray = makePathArray(path)\n  const pathObj = pathArray\n  return pathObj.reduce((current: any, pathPart: any) => {\n    if (typeof current !== 'undefined') {\n      return current[pathPart]\n    }\n    return undefined\n  }, obj)\n}\n\nexport function setBy(obj: any, _path: any, updater: Updater<any>) {\n  const path = makePathArray(_path)\n\n  function doSet(parent?: any): any {\n    if (!path.length) {\n      return functionalUpdate(updater, parent)\n    }\n\n    const key = path.shift()\n\n    if (typeof key === 'string') {\n      if (typeof parent === 'object') {\n        return {\n          ...parent,\n          [key]: doSet(parent[key]),\n        }\n      }\n      return {\n        [key]: doSet(),\n      }\n    }\n\n    if (typeof key === 'number') {\n      if (Array.isArray(parent)) {\n        const prefix = parent.slice(0, key)\n        return [\n          ...(prefix.length ? prefix : new Array(key)),\n          doSet(parent[key]),\n          ...parent.slice(key + 1),\n        ]\n      }\n      return [...new Array(key), doSet()]\n    }\n\n    throw new Error('Uh oh!')\n  }\n\n  return doSet(obj)\n}\n\nconst reFindNumbers0 = /^(\\d*)$/gm\nconst reFindNumbers1 = /\\.(\\d*)\\./gm\nconst reFindNumbers2 = /^(\\d*)\\./gm\nconst reFindNumbers3 = /\\.(\\d*$)/gm\nconst reFindMultiplePeriods = /\\.{2,}/gm\n\nfunction makePathArray(str: string) {\n  return str\n    .replace('[', '.')\n    .replace(']', '')\n    .replace(reFindNumbers0, '__int__$1')\n    .replace(reFindNumbers1, '.__int__$1.')\n    .replace(reFindNumbers2, '__int__$1.')\n    .replace(reFindNumbers3, '.__int__$1')\n    .replace(reFindMultiplePeriods, '.')\n    .split('.')\n    .map((d) => {\n      if (d.indexOf('__int__') === 0) {\n        return parseInt(d.substring('__int__'.length), 10)\n      }\n      return d\n    })\n}\n\nexport type RequiredByKey<T, K extends keyof T> = Omit<T, K> &\n  Required<Pick<T, K>>\n\ntype ComputeRange<\n  N extends number,\n  Result extends Array<unknown> = [],\n> = Result['length'] extends N\n  ? Result\n  : ComputeRange<N, [...Result, Result['length']]>\ntype Index40 = ComputeRange<40>[number]\n\n// Is this type a tuple?\ntype IsTuple<T> = T extends readonly any[] & { length: infer Length }\n  ? Length extends Index40\n    ? T\n    : never\n  : never\n\n// If this type is a tuple, what indices are allowed?\ntype AllowedIndexes<\n  Tuple extends ReadonlyArray<any>,\n  Keys extends number = never,\n> = Tuple extends readonly []\n  ? Keys\n  : Tuple extends readonly [infer _, ...infer Tail]\n  ? AllowedIndexes<Tail, Keys | Tail['length']>\n  : Keys\n\nexport type DeepKeys<T> = unknown extends T\n  ? keyof T\n  : object extends T\n  ? string\n  : T extends readonly any[] & IsTuple<T>\n  ? AllowedIndexes<T> | DeepKeysPrefix<T, AllowedIndexes<T>>\n  : T extends any[]\n  ? never & 'Dynamic length array indexing is not supported'\n  : T extends Date\n  ? never\n  : T extends object\n  ? (keyof T & string) | DeepKeysPrefix<T, keyof T>\n  : never\n\ntype DeepKeysPrefix<T, TPrefix> = TPrefix extends keyof T & (number | string)\n  ? `${TPrefix}.${DeepKeys<T[TPrefix]> & string}`\n  : never\n\nexport type DeepValue<T, TProp> = T extends Record<string | number, any>\n  ? TProp extends `${infer TBranch}.${infer TDeepProp}`\n    ? DeepValue<T[TBranch], TDeepProp>\n    : T[TProp & string]\n  : never\n","import type { FormEvent } from 'react'\nimport { Store } from '@tanstack/store'\n//\nimport type { DeepKeys, DeepValue, Updater } from './utils'\nimport { functionalUpdate, getBy, setBy } from './utils'\nimport type { FieldApi, FieldMeta } from './FieldApi'\n\nexport type FormOptions<TData> = {\n  defaultValues?: TData\n  defaultState?: Partial<FormState<TData>>\n  onSubmit?: (values: TData, formApi: FormApi<TData>) => Promise<any>\n  onInvalidSubmit?: (values: TData, formApi: FormApi<TData>) => void\n  validate?: (values: TData, formApi: FormApi<TData>) => Promise<any>\n  debugForm?: boolean\n  validatePristine?: boolean\n}\n\nexport type FieldInfo<TFormData> = {\n  instances: Record<string, FieldApi<any, TFormData>>\n} & ValidationMeta\n\nexport type ValidationMeta = {\n  validationCount?: number\n  validationPromise?: Promise<ValidationError>\n  validationResolve?: (error: ValidationError) => void\n  validationReject?: (error: unknown) => void\n}\n\nexport type ValidationError = undefined | false | null | string\n\nexport type FormState<TData> = {\n  values: TData\n  // Form Validation\n  isFormValidating: boolean\n  formValidationCount: number\n  isFormValid: boolean\n  formError?: ValidationError\n  // Fields\n  fieldMeta: Record<DeepKeys<TData>, FieldMeta>\n  isFieldsValidating: boolean\n  isFieldsValid: boolean\n  isSubmitting: boolean\n  // General\n  isTouched: boolean\n  isSubmitted: boolean\n  isValidating: boolean\n  isValid: boolean\n  canSubmit: boolean\n  submissionAttempts: number\n}\n\nexport function getDefaultFormState<TData>(\n  defaultState: Partial<FormState<TData>>,\n): FormState<TData> {\n  return {\n    values: {} as any,\n    fieldMeta: {} as any,\n    canSubmit: true,\n    isFieldsValid: false,\n    isFieldsValidating: false,\n    isFormValid: false,\n    isFormValidating: false,\n    isSubmitted: false,\n    isSubmitting: false,\n    isTouched: false,\n    isValid: false,\n    isValidating: false,\n    submissionAttempts: 0,\n    formValidationCount: 0,\n    ...defaultState,\n  }\n}\n\nexport class FormApi<TFormData> {\n  // // This carries the context for nested fields\n  options: FormOptions<TFormData> = {}\n  store!: Store<FormState<TFormData>>\n  // Do not use __state directly, as it is not reactive.\n  // Please use form.useStore() utility to subscribe to state\n  state!: FormState<TFormData>\n  fieldInfo: Record<DeepKeys<TFormData>, FieldInfo<TFormData>> = {} as any\n  fieldName?: string\n  validationMeta: ValidationMeta = {}\n\n  constructor(opts?: FormOptions<TFormData>) {\n    this.store = new Store<FormState<TFormData>>(\n      getDefaultFormState({\n        ...opts?.defaultState,\n        values: opts?.defaultValues ?? opts?.defaultState?.values,\n        isFormValid: !opts?.validate,\n      }),\n      {\n        onUpdate: (next) => {\n          // Computed state\n          const fieldMetaValues = Object.values(next.fieldMeta) as (\n            | FieldMeta\n            | undefined\n          )[]\n\n          const isFieldsValidating = fieldMetaValues.some(\n            (field) => field?.isValidating,\n          )\n\n          const isFieldsValid = !fieldMetaValues.some((field) => field?.error)\n\n          const isTouched = fieldMetaValues.some((field) => field?.isTouched)\n\n          const isValidating = isFieldsValidating || next.isFormValidating\n          const isFormValid = !next.formError\n          const isValid = isFieldsValid && isFormValid\n          const canSubmit =\n            (next.submissionAttempts === 0 && !isTouched) ||\n            (!isValidating && !next.isSubmitting && isValid)\n\n          next = {\n            ...next,\n            isFieldsValidating,\n            isFieldsValid,\n            isFormValid,\n            isValid,\n            canSubmit,\n            isTouched,\n          }\n\n          // Create a shortcut for the state\n          // Write it back to the store\n          this.store.state = next\n          this.state = next\n        },\n      },\n    )\n\n    this.state = this.store.state\n\n    this.update(opts || {})\n  }\n\n  update = (options: FormOptions<TFormData>) => {\n    this.store.batch(() => {\n      if (\n        options.defaultState &&\n        options.defaultState !== this.options.defaultState\n      ) {\n        this.store.setState((prev) => ({\n          ...prev,\n          ...options.defaultState,\n        }))\n      }\n\n      if (options.defaultValues !== this.options.defaultValues) {\n        this.store.setState((prev) => ({\n          ...prev,\n          values: options.defaultValues as TFormData,\n        }))\n      }\n    })\n\n    this.options = options\n  }\n\n  reset = () =>\n    this.store.setState(() => getDefaultFormState(this.options.defaultValues!))\n\n  validateAllFields = async () => {\n    const fieldValidationPromises: Promise<ValidationError>[] = [] as any\n\n    this.store.batch(() => {\n      void (Object.values(this.fieldInfo) as FieldInfo<any>[]).forEach(\n        (field) => {\n          Object.values(field.instances).forEach((instance) => {\n            // If any fields are not touched\n            if (!instance.state.meta.isTouched) {\n              // Mark them as touched\n              instance.setMeta((prev) => ({ ...prev, isTouched: true }))\n              // Validate the field\n              if (instance.options.validate) {\n                fieldValidationPromises.push(instance.validate())\n              }\n            }\n          })\n        },\n      )\n    })\n\n    return Promise.all(fieldValidationPromises)\n  }\n\n  validateForm = async () => {\n    const { validate } = this.options\n\n    if (!validate) {\n      return\n    }\n\n    // Use the formValidationCount for all field instances to\n    // track freshness of the validation\n    this.store.setState((prev) => ({\n      ...prev,\n      isValidating: true,\n      formValidationCount: prev.formValidationCount + 1,\n    }))\n\n    const formValidationCount = this.state.formValidationCount\n\n    const checkLatest = () =>\n      formValidationCount === this.state.formValidationCount\n\n    if (!this.validationMeta.validationPromise) {\n      this.validationMeta.validationPromise = new Promise((resolve, reject) => {\n        this.validationMeta.validationResolve = resolve\n        this.validationMeta.validationReject = reject\n      })\n    }\n\n    const doValidation = async () => {\n      try {\n        const error = await validate(this.state.values, this)\n\n        if (checkLatest()) {\n          this.store.setState((prev) => ({\n            ...prev,\n            isValidating: false,\n            error: error\n              ? typeof error === 'string'\n                ? error\n                : 'Invalid Form Values'\n              : null,\n          }))\n\n          this.validationMeta.validationResolve?.(error)\n        }\n      } catch (err) {\n        if (checkLatest()) {\n          this.validationMeta.validationReject?.(err)\n        }\n      } finally {\n        delete this.validationMeta.validationPromise\n      }\n    }\n\n    doValidation()\n\n    return this.validationMeta.validationPromise\n  }\n\n  handleSubmit = async (e: FormEvent & { __handled?: boolean }) => {\n    e.preventDefault()\n    e.stopPropagation()\n\n    // Check to see that the form and all fields have been touched\n    // If they have not, touch them all and run validation\n    // Run form validation\n    // Submit the form\n\n    this.store.setState((old) => ({\n      ...old,\n      // Submittion attempts mark the form as not submitted\n      isSubmitted: false,\n      // Count submission attempts\n      submissionAttempts: old.submissionAttempts + 1,\n    }))\n\n    // Don't let invalid forms submit\n    if (!this.state.canSubmit) return\n\n    this.store.setState((d) => ({ ...d, isSubmitting: true }))\n\n    const done = () => {\n      this.store.setState((prev) => ({ ...prev, isSubmitting: false }))\n    }\n\n    // Validate all fields\n    await this.validateAllFields()\n\n    // Fields are invalid, do not submit\n    if (!this.state.isFieldsValid) {\n      done()\n      this.options.onInvalidSubmit?.(this.state.values, this)\n      return\n    }\n\n    // Run validation for the form\n    await this.validateForm()\n\n    if (!this.state.isValid) {\n      done()\n      this.options.onInvalidSubmit?.(this.state.values, this)\n      return\n    }\n\n    try {\n      // Run the submit code\n      await this.options.onSubmit?.(this.state.values, this)\n\n      this.store.batch(() => {\n        this.store.setState((prev) => ({ ...prev, isSubmitted: true }))\n        done()\n      })\n    } catch (err) {\n      done()\n      throw err\n    }\n  }\n\n  getFieldValue = <TField extends DeepKeys<TFormData>>(\n    field: TField,\n  ): DeepValue<TFormData, TField> => getBy(this.state.values, field)\n\n  getFieldMeta = <TField extends DeepKeys<TFormData>>(\n    field: TField,\n  ): FieldMeta => {\n    return this.state.fieldMeta[field]\n  }\n\n  getFieldInfo = <TField extends DeepKeys<TFormData>>(field: TField) => {\n    return (this.fieldInfo[field] ||= {\n      instances: {},\n    })\n  }\n\n  setFieldMeta = <TField extends DeepKeys<TFormData>>(\n    field: TField,\n    updater: Updater<FieldMeta>,\n  ) => {\n    this.store.setState((prev) => {\n      return {\n        ...prev,\n        fieldMeta: {\n          ...prev.fieldMeta,\n          [field]: functionalUpdate(updater, prev.fieldMeta[field]),\n        },\n      }\n    })\n  }\n\n  setFieldValue = <TField extends DeepKeys<TFormData>>(\n    field: TField,\n    updater: Updater<DeepValue<TFormData, TField>>,\n    opts?: { touch?: boolean },\n  ) => {\n    const touch = opts?.touch ?? true\n\n    this.store.batch(() => {\n      this.store.setState((prev) => {\n        return {\n          ...prev,\n          values: setBy(prev.values, field, updater),\n        }\n      })\n\n      if (touch) {\n        this.setFieldMeta(field, (prev) => ({\n          ...prev,\n          isTouched: true,\n        }))\n      }\n    })\n  }\n\n  pushFieldValue = <TField extends DeepKeys<TFormData>>(\n    field: TField,\n    value: DeepValue<TFormData, TField>,\n    opts?: { touch?: boolean },\n  ) => {\n    return this.setFieldValue(\n      field,\n      (prev) => [...(Array.isArray(prev) ? prev : []), value] as any,\n      opts,\n    )\n  }\n\n  insertFieldValue = <TField extends DeepKeys<TFormData>>(\n    field: TField,\n    index: number,\n    value: DeepValue<TFormData, TField>,\n    opts?: { touch?: boolean },\n  ) => {\n    this.setFieldValue(\n      field,\n      (prev) => {\n        // invariant( // TODO: bring in invariant\n        //   Array.isArray(prev),\n        //   `Cannot insert a field value into a non-array field. Check that this field's existing value is an array: ${field}.`\n        // )\n        return (prev as DeepValue<TFormData, TField>[]).map((d, i) =>\n          i === index ? value : d,\n        ) as any\n      },\n      opts,\n    )\n  }\n\n  spliceFieldValue = <TField extends DeepKeys<TFormData>>(\n    field: TField,\n    index: number,\n    opts?: { touch?: boolean },\n  ) => {\n    this.setFieldValue(\n      field,\n      (prev) => {\n        // invariant( // TODO: bring in invariant\n        //   Array.isArray(prev),\n        //   `Cannot insert a field value into a non-array field. Check that this field's existing value is an array: ${field}.`\n        // )\n        return (prev as DeepValue<TFormData, TField>[]).filter(\n          (_d, i) => i !== index,\n        ) as any\n      },\n      opts,\n    )\n  }\n\n  swapFieldValues = <TField extends DeepKeys<TFormData>>(\n    field: TField,\n    index1: number,\n    index2: number,\n  ) => {\n    this.setFieldValue(field, (prev: any) => {\n      const prev1 = prev[index1]!\n      const prev2 = prev[index2]!\n      return setBy(setBy(prev, [index1], prev2), [index2], prev1)\n    })\n  }\n}\n","//\nimport type { DeepKeys, DeepValue, RequiredByKey, Updater } from './utils'\nimport type { FormApi, ValidationError } from './FormApi'\nimport { Store } from '@tanstack/store'\n\ntype ValidateOn = 'change' | 'blur' | 'submit'\n\nexport type FieldOptions<TData, TFormData> = {\n  name: unknown extends TFormData ? string : DeepKeys<TFormData>\n  defaultValue?: TData\n  form?: FormApi<TFormData>\n  validate?: (\n    value: TData,\n    fieldApi: FieldApi<TData, TFormData>,\n  ) => ValidationError\n  validateAsync?: (\n    value: TData,\n    fieldApi: FieldApi<TData, TFormData>,\n  ) => ValidationError | Promise<ValidationError>\n  validatePristine?: boolean // Default: false\n  validateOn?: ValidateOn // Default: 'change'\n  validateAsyncOn?: ValidateOn // Default: 'blur'\n  validateAsyncDebounceMs?: number\n  filterValue?: (value: TData) => TData\n  defaultMeta?: Partial<FieldMeta>\n  change?: boolean\n  blur?: boolean\n  submit?: boolean\n}\n\nexport type FieldMeta = {\n  isTouched: boolean\n  touchedError?: ValidationError\n  error?: ValidationError\n  isValidating: boolean\n}\n\nexport type ChangeProps<TData> = {\n  onChange?: (updater: Updater<TData>) => void\n  onBlur?: (event: any) => void\n}\n\nexport type InputProps = {\n  onChange?: (event: any) => void\n  onBlur?: (event: any) => void\n}\n\nexport type FieldApiOptions<TData, TFormData> = RequiredByKey<\n  FieldOptions<TData, TFormData>,\n  'form'\n>\n\nlet uid = 0\n\nexport type FieldState<TData> = {\n  value: TData\n  meta: FieldMeta\n}\n\nexport class FieldApi<TData, TFormData> {\n  uid: number\n  form: FormApi<TFormData>\n  name!: DeepKeys<TFormData>\n  store!: Store<FieldState<TData>>\n  state!: FieldState<TData>\n  options: RequiredByKey<\n    FieldOptions<TData, TFormData>,\n    'validateOn' | 'validateAsyncOn'\n  > = {} as any\n\n  constructor(opts: FieldApiOptions<TData, TFormData>) {\n    this.form = opts.form\n    this.uid = uid++\n    // Support field prefixing from FieldScope\n    let fieldPrefix = ''\n    if (this.form.fieldName) {\n      fieldPrefix = `${this.form.fieldName}.`\n    }\n\n    this.name = (fieldPrefix + opts.name) as any\n\n    this.store = new Store<FieldState<TData>>(\n      {\n        value: this.getValue(),\n        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n        meta: this.getMeta() ?? {\n          isValidating: false,\n          isTouched: false,\n          ...this.options.defaultMeta,\n        },\n      },\n      {\n        onUpdate: (next) => {\n          next.meta.touchedError = next.meta.isTouched\n            ? next.meta.error\n            : undefined\n\n          // Do not validate pristine fields\n          if (!this.options.validatePristine && !next.meta.isTouched) return\n\n          // If validateOn is set to a variation of change, run the validation\n          if (\n            this.options.validateOn === 'change' ||\n            this.options.validateOn.split('-')[0] === 'change'\n          ) {\n            try {\n              this.validate()\n            } catch (err) {\n              console.error('An error occurred during validation', err)\n            }\n          }\n\n          this.state = next\n        },\n      },\n    )\n\n    this.state = this.store.state\n    this.update(opts)\n  }\n\n  mount = () => {\n    const info = this.getInfo()\n    info.instances[this.uid] = this\n\n    const unsubscribe = this.form.store.subscribe(() => {\n      this.#updateStore()\n    })\n\n    return () => {\n      unsubscribe()\n      delete info.instances[this.uid]\n      if (!Object.keys(info.instances).length) {\n        delete this.form.fieldInfo[this.name]\n      }\n    }\n  }\n\n  #updateStore = () => {\n    this.store.batch(() => {\n      const nextValue = this.getValue()\n      const nextMeta = this.getMeta()\n\n      if (nextValue !== this.state.value) {\n        this.store.setState((prev) => ({ ...prev, value: nextValue }))\n      }\n\n      if (nextMeta !== this.state.meta) {\n        this.store.setState((prev) => ({ ...prev, meta: nextMeta }))\n      }\n    })\n  }\n\n  update = (opts: FieldApiOptions<TData, TFormData>) => {\n    this.options = {\n      validateOn: 'change',\n      validateAsyncOn: 'blur',\n      validateAsyncDebounceMs: 0,\n      ...opts,\n    }\n\n    // Default Value\n    if (\n      this.state.value === undefined &&\n      this.options.defaultValue !== undefined\n    ) {\n      this.setValue(this.options.defaultValue)\n    }\n\n    // Default Meta\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n    if (this.getMeta() === undefined) {\n      this.setMeta(this.state.meta)\n    }\n  }\n\n  getValue = (): TData => this.form.getFieldValue(this.name)\n  setValue = (\n    updater: Updater<TData>,\n    options?: { touch?: boolean; notify?: boolean },\n  ) => this.form.setFieldValue(this.name, updater as any, options)\n\n  getMeta = (): FieldMeta => this.form.getFieldMeta(this.name)\n  setMeta = (updater: Updater<FieldMeta>) =>\n    this.form.setFieldMeta(this.name, updater)\n\n  getInfo = () => this.form.getFieldInfo(this.name)\n\n  pushValue = (value: TData) =>\n    this.form.pushFieldValue(this.name, value as any)\n  insertValue = (index: number, value: TData) =>\n    this.form.insertFieldValue(this.name, index, value as any)\n  removeValue = (index: number) => this.form.spliceFieldValue(this.name, index)\n  swapValues = (aIndex: number, bIndex: number) =>\n    this.form.swapFieldValues(this.name, aIndex, bIndex)\n\n  getSubField = <TName extends DeepKeys<TData>>(name: TName) =>\n    new FieldApi<DeepValue<TData, TName>, TFormData>({\n      name: `${this.name}.${name}` as any,\n      form: this.form,\n    })\n\n  #validate = async (isAsync: boolean) => {\n    if (!this.options.validate) {\n      return\n    }\n\n    this.setMeta((prev) => ({ ...prev, isValidating: true }))\n\n    // Use the validationCount for all field instances to\n    // track freshness of the validation\n    const validationCount = (this.getInfo().validationCount || 0) + 1\n\n    this.getInfo().validationCount = validationCount\n\n    const checkLatest = () => validationCount === this.getInfo().validationCount\n\n    if (!this.getInfo().validationPromise) {\n      this.getInfo().validationPromise = new Promise((resolve, reject) => {\n        this.getInfo().validationResolve = resolve\n        this.getInfo().validationReject = reject\n      })\n    }\n\n    try {\n      const rawError = await this.options.validate(this.state.value, this)\n\n      if (checkLatest()) {\n        const error = (() => {\n          if (rawError) {\n            if (typeof rawError !== 'string') {\n              return 'Invalid Form Values'\n            }\n\n            return rawError\n          }\n\n          return undefined\n        })()\n\n        this.setMeta((prev) => ({\n          ...prev,\n          isValidating: false,\n          error,\n        }))\n        this.getInfo().validationResolve?.(error)\n      }\n    } catch (error) {\n      if (checkLatest()) {\n        this.getInfo().validationReject?.(error)\n        throw error\n      }\n    } finally {\n      if (checkLatest()) {\n        this.setMeta((prev) => ({ ...prev, isValidating: false }))\n        delete this.getInfo().validationPromise\n      }\n    }\n\n    return this.getInfo().validationPromise\n  }\n\n  validate = () => this.#validate(false)\n  validateAsync = () => this.#validate(true)\n\n  getChangeProps = <T extends ChangeProps<any>>(\n    props: T = {} as T,\n  ): ChangeProps<TData> & Omit<T, keyof ChangeProps<TData>> => {\n    return {\n      ...props,\n      value: this.state.value,\n      onChange: (value) => {\n        this.setValue(value)\n        props.onChange?.(value)\n      },\n      onBlur: (e) => {\n        this.setMeta((prev) => ({ ...prev, isTouched: true }))\n\n        const { validateOn } = this.options\n\n        if (validateOn === 'blur' || validateOn.split('-')[0] === 'blur') {\n          this.validate()\n        }\n\n        props.onBlur?.(e)\n      },\n    } as ChangeProps<TData> & Omit<T, keyof ChangeProps<TData>>\n  }\n\n  getInputProps = <T extends InputProps>(\n    props: T = {} as T,\n  ): InputProps & Omit<T, keyof InputProps> => {\n    return {\n      ...props,\n      value: String(this.state.value),\n      onChange: (e) => {\n        this.setValue(e.target.value)\n        props.onChange?.(e.target.value)\n      },\n      onBlur: this.getChangeProps(props).onBlur,\n    }\n  }\n}\n"],"names":["Store","listeners","Set","batching","queue","constructor","initialState","options","this","state","subscribe","listener","add","unsub","onSubscribe","delete","setState","updater","previous","updateFn","onUpdate","push","forEach","flush","cb","batch","functionalUpdate","input","getBy","obj","path","Error","makePathArray","reduce","current","pathPart","setBy","_path","doSet","parent","length","key","shift","Array","isArray","prefix","slice","reFindNumbers0","reFindNumbers1","reFindNumbers2","reFindNumbers3","reFindMultiplePeriods","str","replace","split","map","d","indexOf","parseInt","substring","getDefaultFormState","defaultState","values","fieldMeta","canSubmit","isFieldsValid","isFieldsValidating","isFormValid","isFormValidating","isSubmitted","isSubmitting","isTouched","isValid","isValidating","submissionAttempts","formValidationCount","uid","FieldApi","opts","_this$getMeta","mount","info","getInfo","instances","unsubscribe","form","store","_classPrivateFieldLooseBase","_updateStore","Object","keys","fieldInfo","name","defineProperty","writable","value","nextValue","getValue","nextMeta","getMeta","prev","meta","update","validateOn","validateAsyncOn","validateAsyncDebounceMs","undefined","defaultValue","setValue","setMeta","getFieldValue","setFieldValue","getFieldMeta","setFieldMeta","getFieldInfo","pushValue","pushFieldValue","insertValue","index","insertFieldValue","removeValue","spliceFieldValue","swapValues","aIndex","bIndex","swapFieldValues","getSubField","_validate","async","validate","validationCount","checkLatest","validationPromise","Promise","resolve","reject","validationResolve","validationReject","rawError","_this$getInfo$validat","_this$getInfo","error","call","_this$getInfo$validat2","_this$getInfo2","validateAsync","getChangeProps","props","onChange","onBlur","e","getInputProps","String","target","fieldPrefix","fieldName","defaultMeta","next","touchedError","validatePristine","err","console","_opts$defaultValues","_opts$defaultState","validationMeta","defaultValues","reset","validateAllFields","fieldValidationPromises","field","instance","all","validateForm","_this$validationMeta$","_this$validationMeta","_this$validationMeta$2","_this$validationMeta2","doValidation","handleSubmit","preventDefault","stopPropagation","old","done","_this$options$onInval","_this$options","_this$options$onInval2","_this$options2","onInvalidSubmit","_this$options$onSubmi","_this$options3","onSubmit","_this$fieldInfo","_opts$touch","touch","i","filter","_d","index1","index2","prev1","prev2","fieldMetaValues","some","formError"],"mappings":"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"}
+{"version":3,"file":"index.production.js","sources":["../../../../node_modules/.pnpm/@tanstack+store@0.0.1-beta.84/node_modules/@tanstack/store/build/esm/index.js","../../src/utils.ts","../../src/FormApi.ts","../../src/FieldApi.ts"],"sourcesContent":["/**\n * store\n *\n * Copyright (c) TanStack\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE.md file in the root directory of this source tree.\n *\n * @license MIT\n */\nclass Store {\n  listeners = new Set();\n  batching = false;\n  queue = [];\n  constructor(initialState, options) {\n    this.state = initialState;\n    this.options = options;\n  }\n  subscribe = listener => {\n    this.listeners.add(listener);\n    const unsub = this.options?.onSubscribe?.(listener, this);\n    return () => {\n      this.listeners.delete(listener);\n      unsub?.();\n    };\n  };\n  setState = updater => {\n    const previous = this.state;\n    this.state = this.options?.updateFn ? this.options.updateFn(previous)(updater) : updater(previous);\n    if (this.state === previous) return;\n    this.options?.onUpdate?.(this.state, previous);\n    this.queue.push(() => {\n      this.listeners.forEach(listener => listener(this.state, previous));\n    });\n    this.#flush();\n  };\n  #flush = () => {\n    if (this.batching) return;\n    this.queue.forEach(cb => cb());\n    this.queue = [];\n  };\n  batch = cb => {\n    this.batching = true;\n    cb();\n    this.batching = false;\n    this.#flush();\n  };\n}\n\nexport { Store };\n//# sourceMappingURL=index.js.map\n","export type UpdaterFn<TInput, TOutput = TInput> = (input: TInput) => TOutput\n\nexport type Updater<TInput, TOutput = TInput> =\n  | TOutput\n  | UpdaterFn<TInput, TOutput>\n\nexport function functionalUpdate<TInput, TOutput = TInput>(\n  updater: Updater<TInput, TOutput>,\n  input: TInput,\n): TOutput {\n  return typeof updater === 'function'\n    ? (updater as UpdaterFn<TInput, TOutput>)(input)\n    : updater\n}\n\nexport function getBy(obj: any, path: any) {\n  if (!path) {\n    throw new Error('A path string is required to use getBy')\n  }\n  const pathArray = makePathArray(path)\n  const pathObj = pathArray\n  return pathObj.reduce((current: any, pathPart: any) => {\n    if (typeof current !== 'undefined') {\n      return current[pathPart]\n    }\n    return undefined\n  }, obj)\n}\n\nexport function setBy(obj: any, _path: any, updater: Updater<any>) {\n  const path = makePathArray(_path)\n\n  function doSet(parent?: any): any {\n    if (!path.length) {\n      return functionalUpdate(updater, parent)\n    }\n\n    const key = path.shift()\n\n    if (typeof key === 'string') {\n      if (typeof parent === 'object') {\n        return {\n          ...parent,\n          [key]: doSet(parent[key]),\n        }\n      }\n      return {\n        [key]: doSet(),\n      }\n    }\n\n    if (typeof key === 'number') {\n      if (Array.isArray(parent)) {\n        const prefix = parent.slice(0, key)\n        return [\n          ...(prefix.length ? prefix : new Array(key)),\n          doSet(parent[key]),\n          ...parent.slice(key + 1),\n        ]\n      }\n      return [...new Array(key), doSet()]\n    }\n\n    throw new Error('Uh oh!')\n  }\n\n  return doSet(obj)\n}\n\nconst reFindNumbers0 = /^(\\d*)$/gm\nconst reFindNumbers1 = /\\.(\\d*)\\./gm\nconst reFindNumbers2 = /^(\\d*)\\./gm\nconst reFindNumbers3 = /\\.(\\d*$)/gm\nconst reFindMultiplePeriods = /\\.{2,}/gm\n\nfunction makePathArray(str: string) {\n  return str\n    .replace('[', '.')\n    .replace(']', '')\n    .replace(reFindNumbers0, '__int__$1')\n    .replace(reFindNumbers1, '.__int__$1.')\n    .replace(reFindNumbers2, '__int__$1.')\n    .replace(reFindNumbers3, '.__int__$1')\n    .replace(reFindMultiplePeriods, '.')\n    .split('.')\n    .map((d) => {\n      if (d.indexOf('__int__') === 0) {\n        return parseInt(d.substring('__int__'.length), 10)\n      }\n      return d\n    })\n}\n\nexport type RequiredByKey<T, K extends keyof T> = Omit<T, K> &\n  Required<Pick<T, K>>\n\ntype ComputeRange<\n  N extends number,\n  Result extends Array<unknown> = [],\n> = Result['length'] extends N\n  ? Result\n  : ComputeRange<N, [...Result, Result['length']]>\ntype Index40 = ComputeRange<40>[number]\n\n// Is this type a tuple?\ntype IsTuple<T> = T extends readonly any[] & { length: infer Length }\n  ? Length extends Index40\n    ? T\n    : never\n  : never\n\n// If this type is a tuple, what indices are allowed?\ntype AllowedIndexes<\n  Tuple extends ReadonlyArray<any>,\n  Keys extends number = never,\n> = Tuple extends readonly []\n  ? Keys\n  : Tuple extends readonly [infer _, ...infer Tail]\n  ? AllowedIndexes<Tail, Keys | Tail['length']>\n  : Keys\n\nexport type DeepKeys<T> = unknown extends T\n  ? keyof T\n  : object extends T\n  ? string\n  : T extends readonly any[] & IsTuple<T>\n  ? AllowedIndexes<T> | DeepKeysPrefix<T, AllowedIndexes<T>>\n  : T extends any[]\n  ? never & 'Dynamic length array indexing is not supported'\n  : T extends Date\n  ? never\n  : T extends object\n  ? (keyof T & string) | DeepKeysPrefix<T, keyof T>\n  : never\n\ntype DeepKeysPrefix<T, TPrefix> = TPrefix extends keyof T & (number | string)\n  ? `${TPrefix}.${DeepKeys<T[TPrefix]> & string}`\n  : never\n\nexport type DeepValue<T, TProp> = T extends Record<string | number, any>\n  ? TProp extends `${infer TBranch}.${infer TDeepProp}`\n    ? DeepValue<T[TBranch], TDeepProp>\n    : T[TProp & string]\n  : never\n","import type { FormEvent } from 'react'\nimport { Store } from '@tanstack/store'\n//\nimport type { DeepKeys, DeepValue, Updater } from './utils'\nimport { functionalUpdate, getBy, setBy } from './utils'\nimport type { FieldApi, FieldMeta, ValidationCause } from './FieldApi'\n\nexport type FormOptions<TData> = {\n  defaultValues?: TData\n  defaultState?: Partial<FormState<TData>>\n  onSubmit?: (values: TData, formApi: FormApi<TData>) => void\n  onInvalidSubmit?: (values: TData, formApi: FormApi<TData>) => void\n  validate?: (values: TData, formApi: FormApi<TData>) => Promise<any>\n  debugForm?: boolean\n  defaultValidatePristine?: boolean\n  defaultValidateOn?: ValidationCause\n  defaultValidateAsyncOn?: ValidationCause\n  defaultValidateAsyncDebounceMs?: number\n}\n\nexport type FieldInfo<TFormData> = {\n  instances: Record<string, FieldApi<any, TFormData>>\n} & ValidationMeta\n\nexport type ValidationMeta = {\n  validationCount?: number\n  validationAsyncCount?: number\n  validationPromise?: Promise<ValidationError>\n  validationResolve?: (error: ValidationError) => void\n  validationReject?: (error: unknown) => void\n}\n\nexport type ValidationError = undefined | false | null | string\n\nexport type FormState<TData> = {\n  values: TData\n  // Form Validation\n  isFormValidating: boolean\n  formValidationCount: number\n  isFormValid: boolean\n  formError?: ValidationError\n  // Fields\n  fieldMeta: Record<DeepKeys<TData>, FieldMeta>\n  isFieldsValidating: boolean\n  isFieldsValid: boolean\n  isSubmitting: boolean\n  // General\n  isTouched: boolean\n  isSubmitted: boolean\n  isValidating: boolean\n  isValid: boolean\n  canSubmit: boolean\n  submissionAttempts: number\n}\n\nexport function getDefaultFormState<TData>(\n  defaultState: Partial<FormState<TData>>,\n): FormState<TData> {\n  return {\n    values: {} as any,\n    fieldMeta: {} as any,\n    canSubmit: true,\n    isFieldsValid: false,\n    isFieldsValidating: false,\n    isFormValid: false,\n    isFormValidating: false,\n    isSubmitted: false,\n    isSubmitting: false,\n    isTouched: false,\n    isValid: false,\n    isValidating: false,\n    submissionAttempts: 0,\n    formValidationCount: 0,\n    ...defaultState,\n  }\n}\n\nexport class FormApi<TFormData> {\n  // // This carries the context for nested fields\n  options: FormOptions<TFormData> = {}\n  store!: Store<FormState<TFormData>>\n  // Do not use __state directly, as it is not reactive.\n  // Please use form.useStore() utility to subscribe to state\n  state!: FormState<TFormData>\n  fieldInfo: Record<DeepKeys<TFormData>, FieldInfo<TFormData>> = {} as any\n  fieldName?: string\n  validationMeta: ValidationMeta = {}\n\n  constructor(opts?: FormOptions<TFormData>) {\n    this.store = new Store<FormState<TFormData>>(\n      getDefaultFormState({\n        ...opts?.defaultState,\n        values: opts?.defaultValues ?? opts?.defaultState?.values,\n        isFormValid: !opts?.validate,\n      }),\n      {\n        onUpdate: (next) => {\n          // Computed state\n          const fieldMetaValues = Object.values(next.fieldMeta) as (\n            | FieldMeta\n            | undefined\n          )[]\n\n          const isFieldsValidating = fieldMetaValues.some(\n            (field) => field?.isValidating,\n          )\n\n          const isFieldsValid = !fieldMetaValues.some((field) => field?.error)\n\n          const isTouched = fieldMetaValues.some((field) => field?.isTouched)\n\n          const isValidating = isFieldsValidating || next.isFormValidating\n          const isFormValid = !next.formError\n          const isValid = isFieldsValid && isFormValid\n          const canSubmit =\n            (next.submissionAttempts === 0 && !isTouched) ||\n            (!isValidating && !next.isSubmitting && isValid)\n\n          next = {\n            ...next,\n            isFieldsValidating,\n            isFieldsValid,\n            isFormValid,\n            isValid,\n            canSubmit,\n            isTouched,\n          }\n\n          // Create a shortcut for the state\n          // Write it back to the store\n          this.store.state = next\n          this.state = next\n        },\n      },\n    )\n\n    this.state = this.store.state\n\n    this.update(opts || {})\n  }\n\n  update = (options: FormOptions<TFormData>) => {\n    this.store.batch(() => {\n      if (\n        options.defaultState &&\n        options.defaultState !== this.options.defaultState\n      ) {\n        this.store.setState((prev) => ({\n          ...prev,\n          ...options.defaultState,\n        }))\n      }\n\n      if (options.defaultValues !== this.options.defaultValues) {\n        this.store.setState((prev) => ({\n          ...prev,\n          values: options.defaultValues as TFormData,\n        }))\n      }\n    })\n\n    this.options = options\n  }\n\n  reset = () =>\n    this.store.setState(() => getDefaultFormState(this.options.defaultValues!))\n\n  validateAllFields = async () => {\n    const fieldValidationPromises: Promise<ValidationError>[] = [] as any\n\n    this.store.batch(() => {\n      void (Object.values(this.fieldInfo) as FieldInfo<any>[]).forEach(\n        (field) => {\n          Object.values(field.instances).forEach((instance) => {\n            // If any fields are not touched\n            if (!instance.state.meta.isTouched) {\n              // Mark them as touched\n              instance.setMeta((prev) => ({ ...prev, isTouched: true }))\n              // Validate the field\n              if (instance.options.validate) {\n                fieldValidationPromises.push(instance.validate())\n              }\n            }\n          })\n        },\n      )\n    })\n\n    return Promise.all(fieldValidationPromises)\n  }\n\n  validateForm = async () => {\n    const { validate } = this.options\n\n    if (!validate) {\n      return\n    }\n\n    // Use the formValidationCount for all field instances to\n    // track freshness of the validation\n    this.store.setState((prev) => ({\n      ...prev,\n      isValidating: true,\n      formValidationCount: prev.formValidationCount + 1,\n    }))\n\n    const formValidationCount = this.state.formValidationCount\n\n    const checkLatest = () =>\n      formValidationCount === this.state.formValidationCount\n\n    if (!this.validationMeta.validationPromise) {\n      this.validationMeta.validationPromise = new Promise((resolve, reject) => {\n        this.validationMeta.validationResolve = resolve\n        this.validationMeta.validationReject = reject\n      })\n    }\n\n    const doValidation = async () => {\n      try {\n        const error = await validate(this.state.values, this)\n\n        if (checkLatest()) {\n          this.store.setState((prev) => ({\n            ...prev,\n            isValidating: false,\n            error: error\n              ? typeof error === 'string'\n                ? error\n                : 'Invalid Form Values'\n              : null,\n          }))\n\n          this.validationMeta.validationResolve?.(error)\n        }\n      } catch (err) {\n        if (checkLatest()) {\n          this.validationMeta.validationReject?.(err)\n        }\n      } finally {\n        delete this.validationMeta.validationPromise\n      }\n    }\n\n    doValidation()\n\n    return this.validationMeta.validationPromise\n  }\n\n  handleSubmit = async (e: FormEvent & { __handled?: boolean }) => {\n    e.preventDefault()\n    e.stopPropagation()\n\n    // Check to see that the form and all fields have been touched\n    // If they have not, touch them all and run validation\n    // Run form validation\n    // Submit the form\n\n    this.store.setState((old) => ({\n      ...old,\n      // Submittion attempts mark the form as not submitted\n      isSubmitted: false,\n      // Count submission attempts\n      submissionAttempts: old.submissionAttempts + 1,\n    }))\n\n    // Don't let invalid forms submit\n    if (!this.state.canSubmit) return\n\n    this.store.setState((d) => ({ ...d, isSubmitting: true }))\n\n    const done = () => {\n      this.store.setState((prev) => ({ ...prev, isSubmitting: false }))\n    }\n\n    // Validate all fields\n    await this.validateAllFields()\n\n    // Fields are invalid, do not submit\n    if (!this.state.isFieldsValid) {\n      done()\n      this.options.onInvalidSubmit?.(this.state.values, this)\n      return\n    }\n\n    // Run validation for the form\n    await this.validateForm()\n\n    if (!this.state.isValid) {\n      done()\n      this.options.onInvalidSubmit?.(this.state.values, this)\n      return\n    }\n\n    try {\n      // Run the submit code\n      await this.options.onSubmit?.(this.state.values, this)\n\n      this.store.batch(() => {\n        this.store.setState((prev) => ({ ...prev, isSubmitted: true }))\n        done()\n      })\n    } catch (err) {\n      done()\n      throw err\n    }\n  }\n\n  getFieldValue = <TField extends DeepKeys<TFormData>>(\n    field: TField,\n  ): DeepValue<TFormData, TField> => getBy(this.state.values, field)\n\n  getFieldMeta = <TField extends DeepKeys<TFormData>>(\n    field: TField,\n  ): FieldMeta => {\n    return this.state.fieldMeta[field]\n  }\n\n  getFieldInfo = <TField extends DeepKeys<TFormData>>(field: TField) => {\n    return (this.fieldInfo[field] ||= {\n      instances: {},\n    })\n  }\n\n  setFieldMeta = <TField extends DeepKeys<TFormData>>(\n    field: TField,\n    updater: Updater<FieldMeta>,\n  ) => {\n    this.store.setState((prev) => {\n      return {\n        ...prev,\n        fieldMeta: {\n          ...prev.fieldMeta,\n          [field]: functionalUpdate(updater, prev.fieldMeta[field]),\n        },\n      }\n    })\n  }\n\n  setFieldValue = <TField extends DeepKeys<TFormData>>(\n    field: TField,\n    updater: Updater<DeepValue<TFormData, TField>>,\n    opts?: { touch?: boolean },\n  ) => {\n    const touch = opts?.touch ?? true\n\n    this.store.batch(() => {\n      this.store.setState((prev) => {\n        return {\n          ...prev,\n          values: setBy(prev.values, field, updater),\n        }\n      })\n\n      if (touch) {\n        this.setFieldMeta(field, (prev) => ({\n          ...prev,\n          isTouched: true,\n        }))\n      }\n    })\n  }\n\n  pushFieldValue = <TField extends DeepKeys<TFormData>>(\n    field: TField,\n    value: DeepValue<TFormData, TField>,\n    opts?: { touch?: boolean },\n  ) => {\n    return this.setFieldValue(\n      field,\n      (prev) => [...(Array.isArray(prev) ? prev : []), value] as any,\n      opts,\n    )\n  }\n\n  insertFieldValue = <TField extends DeepKeys<TFormData>>(\n    field: TField,\n    index: number,\n    value: DeepValue<TFormData, TField>,\n    opts?: { touch?: boolean },\n  ) => {\n    this.setFieldValue(\n      field,\n      (prev) => {\n        // invariant( // TODO: bring in invariant\n        //   Array.isArray(prev),\n        //   `Cannot insert a field value into a non-array field. Check that this field's existing value is an array: ${field}.`\n        // )\n        return (prev as DeepValue<TFormData, TField>[]).map((d, i) =>\n          i === index ? value : d,\n        ) as any\n      },\n      opts,\n    )\n  }\n\n  spliceFieldValue = <TField extends DeepKeys<TFormData>>(\n    field: TField,\n    index: number,\n    opts?: { touch?: boolean },\n  ) => {\n    this.setFieldValue(\n      field,\n      (prev) => {\n        // invariant( // TODO: bring in invariant\n        //   Array.isArray(prev),\n        //   `Cannot insert a field value into a non-array field. Check that this field's existing value is an array: ${field}.`\n        // )\n        return (prev as DeepValue<TFormData, TField>[]).filter(\n          (_d, i) => i !== index,\n        ) as any\n      },\n      opts,\n    )\n  }\n\n  swapFieldValues = <TField extends DeepKeys<TFormData>>(\n    field: TField,\n    index1: number,\n    index2: number,\n  ) => {\n    this.setFieldValue(field, (prev: any) => {\n      const prev1 = prev[index1]!\n      const prev2 = prev[index2]!\n      return setBy(setBy(prev, [index1], prev2), [index2], prev1)\n    })\n  }\n}\n","//\nimport type { DeepKeys, DeepValue, RequiredByKey, Updater } from './utils'\nimport type { FormApi, ValidationError } from './FormApi'\nimport { Store } from '@tanstack/store'\n\nexport type ValidationCause = 'change' | 'blur' | 'submit'\n\nexport type FieldOptions<TData, TFormData> = {\n  name: unknown extends TFormData ? string : DeepKeys<TFormData>\n  defaultValue?: TData\n  form?: FormApi<TFormData>\n  validate?: (\n    value: TData,\n    fieldApi: FieldApi<TData, TFormData>,\n  ) => ValidationError\n  validateAsync?: (\n    value: TData,\n    fieldApi: FieldApi<TData, TFormData>,\n  ) => ValidationError | Promise<ValidationError>\n  validatePristine?: boolean // Default: false\n  validateOn?: ValidationCause // Default: 'change'\n  validateAsyncOn?: ValidationCause // Default: 'blur'\n  validateAsyncDebounceMs?: number\n  defaultMeta?: Partial<FieldMeta>\n}\n\nexport type FieldMeta = {\n  isTouched: boolean\n  touchedError?: ValidationError\n  error?: ValidationError\n  isValidating: boolean\n}\n\nexport type ChangeProps<TData> = {\n  onChange?: (updater: Updater<TData>) => void\n  onBlur?: (event: any) => void\n}\n\nexport type InputProps = {\n  onChange?: (event: any) => void\n  onBlur?: (event: any) => void\n}\n\nexport type FieldApiOptions<TData, TFormData> = RequiredByKey<\n  FieldOptions<TData, TFormData>,\n  'form'\n>\n\nlet uid = 0\n\nexport type FieldState<TData> = {\n  value: TData\n  meta: FieldMeta\n}\n\nexport class FieldApi<TData, TFormData> {\n  uid: number\n  form: FormApi<TFormData>\n  name!: DeepKeys<TFormData>\n  store!: Store<FieldState<TData>>\n  state!: FieldState<TData>\n  options: RequiredByKey<\n    FieldOptions<TData, TFormData>,\n    | 'validatePristine'\n    | 'validateOn'\n    | 'validateAsyncOn'\n    | 'validateAsyncDebounceMs'\n  > = {} as any\n\n  constructor(opts: FieldApiOptions<TData, TFormData>) {\n    this.form = opts.form\n    this.uid = uid++\n    // Support field prefixing from FieldScope\n    let fieldPrefix = ''\n    if (this.form.fieldName) {\n      fieldPrefix = `${this.form.fieldName}.`\n    }\n\n    this.name = (fieldPrefix + opts.name) as any\n\n    this.store = new Store<FieldState<TData>>(\n      {\n        value: this.getValue(),\n        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n        meta: this.getMeta() ?? {\n          isValidating: false,\n          isTouched: false,\n          ...this.options.defaultMeta,\n        },\n      },\n      {\n        onUpdate: (next) => {\n          next.meta.touchedError = next.meta.isTouched\n            ? next.meta.error\n            : undefined\n\n          // Do not validate pristine fields\n          const prevState = this.state\n          this.state = next\n          if (next.value !== prevState.value) {\n            console.log('change')\n            this.validate('change', next.value)\n          }\n        },\n      },\n    )\n\n    this.state = this.store.state\n    this.update(opts)\n  }\n\n  mount = () => {\n    const info = this.getInfo()\n    info.instances[this.uid] = this\n\n    const unsubscribe = this.form.store.subscribe(() => {\n      this.#updateStore()\n    })\n\n    return () => {\n      unsubscribe()\n      delete info.instances[this.uid]\n      if (!Object.keys(info.instances).length) {\n        delete this.form.fieldInfo[this.name]\n      }\n    }\n  }\n\n  #updateStore = () => {\n    this.store.batch(() => {\n      const nextValue = this.getValue()\n      const nextMeta = this.getMeta()\n\n      if (nextValue !== this.state.value) {\n        this.store.setState((prev) => ({ ...prev, value: nextValue }))\n      }\n\n      if (nextMeta !== this.state.meta) {\n        this.store.setState((prev) => ({ ...prev, meta: nextMeta }))\n      }\n    })\n  }\n\n  update = (opts: FieldApiOptions<TData, TFormData>) => {\n    this.options = {\n      validatePristine: this.form.options.defaultValidatePristine ?? false,\n      validateOn: this.form.options.defaultValidateOn ?? 'change',\n      validateAsyncOn: this.form.options.defaultValidateAsyncOn ?? 'blur',\n      validateAsyncDebounceMs:\n        this.form.options.defaultValidateAsyncDebounceMs ?? 0,\n      ...opts,\n    }\n\n    // Default Value\n    if (\n      this.state.value === undefined &&\n      this.options.defaultValue !== undefined\n    ) {\n      this.setValue(this.options.defaultValue)\n    }\n\n    // Default Meta\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n    if (this.getMeta() === undefined) {\n      this.setMeta(this.state.meta)\n    }\n  }\n\n  getValue = (): TData => this.form.getFieldValue(this.name)\n  setValue = (\n    updater: Updater<TData>,\n    options?: { touch?: boolean; notify?: boolean },\n  ) => this.form.setFieldValue(this.name, updater as any, options)\n\n  getMeta = (): FieldMeta => this.form.getFieldMeta(this.name)\n  setMeta = (updater: Updater<FieldMeta>) =>\n    this.form.setFieldMeta(this.name, updater)\n\n  getInfo = () => this.form.getFieldInfo(this.name)\n\n  pushValue = (value: TData) =>\n    this.form.pushFieldValue(this.name, value as any)\n  insertValue = (index: number, value: TData) =>\n    this.form.insertFieldValue(this.name, index, value as any)\n  removeValue = (index: number) => this.form.spliceFieldValue(this.name, index)\n  swapValues = (aIndex: number, bIndex: number) =>\n    this.form.swapFieldValues(this.name, aIndex, bIndex)\n\n  getSubField = <TName extends DeepKeys<TData>>(name: TName) =>\n    new FieldApi<DeepValue<TData, TName>, TFormData>({\n      name: `${this.name}.${name}` as any,\n      form: this.form,\n    })\n\n  validateSync = async (value = this.state.value) => {\n    const { validate } = this.options\n\n    if (!validate) {\n      return\n    }\n\n    // Use the validationCount for all field instances to\n    // track freshness of the validation\n    const validationCount = (this.getInfo().validationCount || 0) + 1\n    this.getInfo().validationCount = validationCount\n    const error = normalizeError(validate(value, this))\n\n    if (this.state.meta.error !== error) {\n      this.setMeta((prev) => ({\n        ...prev,\n        error,\n      }))\n    }\n\n    // If a sync error is encountered, cancel any async validation\n    if (this.state.meta.error) {\n      this.cancelValidateAsync()\n    }\n  }\n\n  #leaseValidateAsync = () => {\n    const count = (this.getInfo().validationAsyncCount || 0) + 1\n    this.getInfo().validationAsyncCount = count\n    return count\n  }\n\n  cancelValidateAsync = () => {\n    // Lease a new validation count to ignore any pending validations\n    this.#leaseValidateAsync()\n    // Cancel any pending validation state\n    this.setMeta((prev) => ({\n      ...prev,\n      isValidating: false,\n    }))\n  }\n\n  validateAsync = async (value = this.state.value) => {\n    const { validateAsync, validateAsyncDebounceMs } = this.options\n\n    if (!validateAsync) {\n      return\n    }\n\n    if (this.state.meta.isValidating !== true)\n      this.setMeta((prev) => ({ ...prev, isValidating: true }))\n\n    // Use the validationCount for all field instances to\n    // track freshness of the validation\n    const validationAsyncCount = this.#leaseValidateAsync()\n\n    const checkLatest = () =>\n      validationAsyncCount === this.getInfo().validationAsyncCount\n\n    if (!this.getInfo().validationPromise) {\n      this.getInfo().validationPromise = new Promise((resolve, reject) => {\n        this.getInfo().validationResolve = resolve\n        this.getInfo().validationReject = reject\n      })\n    }\n\n    if (validateAsyncDebounceMs > 0) {\n      await new Promise((r) => setTimeout(r, validateAsyncDebounceMs))\n    }\n\n    // Only kick off validation if this validation is the latest attempt\n    if (checkLatest()) {\n      try {\n        const rawError = await validateAsync(value, this)\n\n        if (checkLatest()) {\n          const error = normalizeError(rawError)\n          this.setMeta((prev) => ({\n            ...prev,\n            isValidating: false,\n            error,\n          }))\n          this.getInfo().validationResolve?.(error)\n        }\n      } catch (error) {\n        if (checkLatest()) {\n          this.getInfo().validationReject?.(error)\n          throw error\n        }\n      } finally {\n        if (checkLatest()) {\n          this.setMeta((prev) => ({ ...prev, isValidating: false }))\n          delete this.getInfo().validationPromise\n        }\n      }\n    }\n\n    // Always return the latest validation promise to the caller\n    return this.getInfo().validationPromise\n  }\n\n  shouldValidate = (isAsync: boolean, cause?: ValidationCause) => {\n    const { validateOn, validateAsyncOn } = this.options\n    const level = getValidationCauseLevel(cause)\n\n    // Must meet *at least* the validation level to validate,\n    // e.g. if validateOn is 'change' and validateCause is 'blur',\n    // the field will still validate\n    return Object.keys(validateCauseLevels).some((d) =>\n      isAsync\n        ? validateAsyncOn\n        : validateOn === d && level >= validateCauseLevels[d],\n    )\n  }\n\n  validate = async (\n    cause?: ValidationCause,\n    value?: TData,\n  ): Promise<ValidationError> => {\n    // If the field is pristine and validatePristine is false, do not validate\n    if (!this.options.validatePristine && !this.state.meta.isTouched) return\n\n    // Attempt to sync validate first\n    if (this.shouldValidate(false, cause)) {\n      this.validateSync(value)\n    }\n\n    // If there is an error, return it, do not attempt async validation\n    if (this.state.meta.error) {\n      return this.state.meta.error\n    }\n\n    // No error? Attempt async validation\n    if (this.shouldValidate(true, cause)) {\n      return this.validateAsync(value)\n    }\n\n    // If there is no sync error or async validation attempt, there is no error\n    return undefined\n  }\n\n  getChangeProps = <T extends ChangeProps<any>>(\n    props: T = {} as T,\n  ): ChangeProps<TData> & Omit<T, keyof ChangeProps<TData>> => {\n    return {\n      ...props,\n      value: this.state.value,\n      onChange: (value) => {\n        this.setValue(value)\n        props.onChange?.(value)\n      },\n      onBlur: (e) => {\n        this.setMeta((prev) => ({ ...prev, isTouched: true }))\n        this.validate('blur')\n        props.onBlur?.(e)\n      },\n    } as ChangeProps<TData> & Omit<T, keyof ChangeProps<TData>>\n  }\n\n  getInputProps = <T extends InputProps>(\n    props: T = {} as T,\n  ): InputProps & Omit<T, keyof InputProps> => {\n    return {\n      ...props,\n      value: String(this.state.value),\n      onChange: (e) => {\n        this.setValue(e.target.value)\n        props.onChange?.(e.target.value)\n      },\n      onBlur: this.getChangeProps(props).onBlur,\n    }\n  }\n}\n\nconst validateCauseLevels = {\n  change: 0,\n  blur: 1,\n  submit: 2,\n}\n\nfunction getValidationCauseLevel(cause?: ValidationCause) {\n  return !cause ? 3 : validateCauseLevels[cause]\n}\n\nfunction normalizeError(rawError?: ValidationError) {\n  if (rawError) {\n    if (typeof rawError !== 'string') {\n      return 'Invalid Form Values'\n    }\n\n    return rawError\n  }\n\n  return undefined\n}\n"],"names":["Store","listeners","Set","batching","queue","constructor","initialState","options","this","state","subscribe","listener","add","unsub","onSubscribe","delete","setState","updater","previous","updateFn","onUpdate","push","forEach","flush","cb","batch","functionalUpdate","input","getBy","obj","path","Error","makePathArray","reduce","current","pathPart","setBy","_path","doSet","parent","length","key","shift","Array","isArray","prefix","slice","reFindNumbers0","reFindNumbers1","reFindNumbers2","reFindNumbers3","reFindMultiplePeriods","str","replace","split","map","d","indexOf","parseInt","substring","getDefaultFormState","defaultState","values","fieldMeta","canSubmit","isFieldsValid","isFieldsValidating","isFormValid","isFormValidating","isSubmitted","isSubmitting","isTouched","isValid","isValidating","submissionAttempts","formValidationCount","uid","FieldApi","opts","_this$getMeta","mount","info","getInfo","instances","unsubscribe","form","store","_classPrivateFieldLooseBase","_updateStore","Object","keys","fieldInfo","name","defineProperty","writable","value","nextValue","getValue","nextMeta","getMeta","prev","meta","update","_this$form$options$de","_this$form$options$de2","_this$form$options$de3","_this$form$options$de4","validatePristine","defaultValidatePristine","validateOn","defaultValidateOn","validateAsyncOn","defaultValidateAsyncOn","validateAsyncDebounceMs","defaultValidateAsyncDebounceMs","undefined","defaultValue","setValue","setMeta","getFieldValue","setFieldValue","getFieldMeta","setFieldMeta","getFieldInfo","pushValue","pushFieldValue","insertValue","index","insertFieldValue","removeValue","spliceFieldValue","swapValues","aIndex","bIndex","swapFieldValues","getSubField","validateSync","async","validate","validationCount","error","normalizeError","cancelValidateAsync","_leaseValidateAsync","count","validationAsyncCount","validateAsync","checkLatest","validationPromise","Promise","resolve","reject","validationResolve","validationReject","r","setTimeout","rawError","_this$getInfo$validat","_this$getInfo","call","_this$getInfo$validat2","_this$getInfo2","shouldValidate","isAsync","cause","level","validateCauseLevels","getValidationCauseLevel","some","getChangeProps","props","onChange","onBlur","e","getInputProps","String","target","fieldPrefix","fieldName","defaultMeta","next","touchedError","prevState","console","log","change","blur","submit","_opts$defaultValues","_opts$defaultState","validationMeta","defaultValues","reset","validateAllFields","fieldValidationPromises","field","instance","all","validateForm","_this$validationMeta$","_this$validationMeta","err","_this$validationMeta$2","_this$validationMeta2","doValidation","handleSubmit","preventDefault","stopPropagation","old","done","_this$options$onInval","_this$options","_this$options$onInval2","_this$options2","onInvalidSubmit","_this$options$onSubmi","_this$options3","onSubmit","_this$fieldInfo","_opts$touch","touch","i","filter","_d","index1","index2","prev1","prev2","fieldMetaValues","formError"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/form-core",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "Powerful, type-safe, framework agnostic forms.",
   "author": "tannerlinsley",
   "license": "MIT",

package/src/FieldApi.ts

@@ -3,7 +3,7 @@ import type { DeepKeys, DeepValue, RequiredByKey, Updater } from './utils'
 import type { FormApi, ValidationError } from './FormApi'
 import { Store } from '@tanstack/store'
 
-type ValidateOn = 'change' | 'blur' | 'submit'
+export type ValidationCause = 'change' | 'blur' | 'submit'
 
 export type FieldOptions<TData, TFormData> = {
   name: unknown extends TFormData ? string : DeepKeys<TFormData>
@@ -18,14 +18,10 @@ export type FieldOptions<TData, TFormData> = {
     fieldApi: FieldApi<TData, TFormData>,
   ) => ValidationError | Promise<ValidationError>
   validatePristine?: boolean // Default: false
-  validateOn?: ValidateOn // Default: 'change'
-  validateAsyncOn?: ValidateOn // Default: 'blur'
+  validateOn?: ValidationCause // Default: 'change'
+  validateAsyncOn?: ValidationCause // Default: 'blur'
   validateAsyncDebounceMs?: number
-  filterValue?: (value: TData) => TData
   defaultMeta?: Partial<FieldMeta>
-  change?: boolean
-  blur?: boolean
-  submit?: boolean
 }
 
 export type FieldMeta = {
@@ -65,7 +61,10 @@ export class FieldApi<TData, TFormData> {
   state!: FieldState<TData>
   options: RequiredByKey<
     FieldOptions<TData, TFormData>,
-    'validateOn' | 'validateAsyncOn'
+    | 'validatePristine'
+    | 'validateOn'
+    | 'validateAsyncOn'
+    | 'validateAsyncDebounceMs'
   > = {} as any
 
   constructor(opts: FieldApiOptions<TData, TFormData>) {
@@ -96,21 +95,12 @@ export class FieldApi<TData, TFormData> {
             : undefined
 
           // Do not validate pristine fields
-          if (!this.options.validatePristine && !next.meta.isTouched) return
-
-          // If validateOn is set to a variation of change, run the validation
-          if (
-            this.options.validateOn === 'change' ||
-            this.options.validateOn.split('-')[0] === 'change'
-          ) {
-            try {
-              this.validate()
-            } catch (err) {
-              console.error('An error occurred during validation', err)
-            }
-          }
-
+          const prevState = this.state
           this.state = next
+          if (next.value !== prevState.value) {
+            console.log('change')
+            this.validate('change', next.value)
+          }
         },
       },
     )
@@ -153,9 +143,11 @@ export class FieldApi<TData, TFormData> {
 
   update = (opts: FieldApiOptions<TData, TFormData>) => {
     this.options = {
-      validateOn: 'change',
-      validateAsyncOn: 'blur',
-      validateAsyncDebounceMs: 0,
+      validatePristine: this.form.options.defaultValidatePristine ?? false,
+      validateOn: this.form.options.defaultValidateOn ?? 'change',
+      validateAsyncOn: this.form.options.defaultValidateAsyncOn ?? 'blur',
+      validateAsyncDebounceMs:
+        this.form.options.defaultValidateAsyncDebounceMs ?? 0,
       ...opts,
     }
 
@@ -200,20 +192,64 @@ export class FieldApi<TData, TFormData> {
       form: this.form,
     })
 
-  #validate = async (isAsync: boolean) => {
-    if (!this.options.validate) {
+  validateSync = async (value = this.state.value) => {
+    const { validate } = this.options
+
+    if (!validate) {
       return
     }
 
-    this.setMeta((prev) => ({ ...prev, isValidating: true }))
-
     // Use the validationCount for all field instances to
     // track freshness of the validation
     const validationCount = (this.getInfo().validationCount || 0) + 1
-
     this.getInfo().validationCount = validationCount
+    const error = normalizeError(validate(value, this))
+
+    if (this.state.meta.error !== error) {
+      this.setMeta((prev) => ({
+        ...prev,
+        error,
+      }))
+    }
+
+    // If a sync error is encountered, cancel any async validation
+    if (this.state.meta.error) {
+      this.cancelValidateAsync()
+    }
+  }
+
+  #leaseValidateAsync = () => {
+    const count = (this.getInfo().validationAsyncCount || 0) + 1
+    this.getInfo().validationAsyncCount = count
+    return count
+  }
+
+  cancelValidateAsync = () => {
+    // Lease a new validation count to ignore any pending validations
+    this.#leaseValidateAsync()
+    // Cancel any pending validation state
+    this.setMeta((prev) => ({
+      ...prev,
+      isValidating: false,
+    }))
+  }
 
-    const checkLatest = () => validationCount === this.getInfo().validationCount
+  validateAsync = async (value = this.state.value) => {
+    const { validateAsync, validateAsyncDebounceMs } = this.options
+
+    if (!validateAsync) {
+      return
+    }
+
+    if (this.state.meta.isValidating !== true)
+      this.setMeta((prev) => ({ ...prev, isValidating: true }))
+
+    // Use the validationCount for all field instances to
+    // track freshness of the validation
+    const validationAsyncCount = this.#leaseValidateAsync()
+
+    const checkLatest = () =>
+      validationAsyncCount === this.getInfo().validationAsyncCount
 
     if (!this.getInfo().validationPromise) {
       this.getInfo().validationPromise = new Promise((resolve, reject) => {
@@ -222,46 +258,80 @@ export class FieldApi<TData, TFormData> {
       })
     }
 
-    try {
-      const rawError = await this.options.validate(this.state.value, this)
-
-      if (checkLatest()) {
-        const error = (() => {
-          if (rawError) {
-            if (typeof rawError !== 'string') {
-              return 'Invalid Form Values'
-            }
-
-            return rawError
-          }
-
-          return undefined
-        })()
+    if (validateAsyncDebounceMs > 0) {
+      await new Promise((r) => setTimeout(r, validateAsyncDebounceMs))
+    }
 
-        this.setMeta((prev) => ({
-          ...prev,
-          isValidating: false,
-          error,
-        }))
-        this.getInfo().validationResolve?.(error)
-      }
-    } catch (error) {
-      if (checkLatest()) {
-        this.getInfo().validationReject?.(error)
-        throw error
-      }
-    } finally {
-      if (checkLatest()) {
-        this.setMeta((prev) => ({ ...prev, isValidating: false }))
-        delete this.getInfo().validationPromise
+    // Only kick off validation if this validation is the latest attempt
+    if (checkLatest()) {
+      try {
+        const rawError = await validateAsync(value, this)
+
+        if (checkLatest()) {
+          const error = normalizeError(rawError)
+          this.setMeta((prev) => ({
+            ...prev,
+            isValidating: false,
+            error,
+          }))
+          this.getInfo().validationResolve?.(error)
+        }
+      } catch (error) {
+        if (checkLatest()) {
+          this.getInfo().validationReject?.(error)
+          throw error
+        }
+      } finally {
+        if (checkLatest()) {
+          this.setMeta((prev) => ({ ...prev, isValidating: false }))
+          delete this.getInfo().validationPromise
+        }
       }
     }
 
+    // Always return the latest validation promise to the caller
     return this.getInfo().validationPromise
   }
 
-  validate = () => this.#validate(false)
-  validateAsync = () => this.#validate(true)
+  shouldValidate = (isAsync: boolean, cause?: ValidationCause) => {
+    const { validateOn, validateAsyncOn } = this.options
+    const level = getValidationCauseLevel(cause)
+
+    // Must meet *at least* the validation level to validate,
+    // e.g. if validateOn is 'change' and validateCause is 'blur',
+    // the field will still validate
+    return Object.keys(validateCauseLevels).some((d) =>
+      isAsync
+        ? validateAsyncOn
+        : validateOn === d && level >= validateCauseLevels[d],
+    )
+  }
+
+  validate = async (
+    cause?: ValidationCause,
+    value?: TData,
+  ): Promise<ValidationError> => {
+    // If the field is pristine and validatePristine is false, do not validate
+    if (!this.options.validatePristine && !this.state.meta.isTouched) return
+
+    // Attempt to sync validate first
+    if (this.shouldValidate(false, cause)) {
+      this.validateSync(value)
+    }
+
+    // If there is an error, return it, do not attempt async validation
+    if (this.state.meta.error) {
+      return this.state.meta.error
+    }
+
+    // No error? Attempt async validation
+    if (this.shouldValidate(true, cause)) {
+      return this.validateAsync(value)
+    }
+
+    // If there is no sync error or async validation attempt, there is no error
+    return undefined
+  }
 
   getChangeProps = <T extends ChangeProps<any>>(
     props: T = {} as T,
@@ -275,13 +345,7 @@ export class FieldApi<TData, TFormData> {
       },
       onBlur: (e) => {
         this.setMeta((prev) => ({ ...prev, isTouched: true }))
-
-        const { validateOn } = this.options
-
-        if (validateOn === 'blur' || validateOn.split('-')[0] === 'blur') {
-          this.validate()
-        }
-
+        this.validate('blur')
         props.onBlur?.(e)
       },
     } as ChangeProps<TData> & Omit<T, keyof ChangeProps<TData>>
@@ -301,3 +365,25 @@ export class FieldApi<TData, TFormData> {
     }
   }
 }
+
+const validateCauseLevels = {
+  change: 0,
+  blur: 1,
+  submit: 2,
+}
+
+function getValidationCauseLevel(cause?: ValidationCause) {
+  return !cause ? 3 : validateCauseLevels[cause]
+}
+
+function normalizeError(rawError?: ValidationError) {
+  if (rawError) {
+    if (typeof rawError !== 'string') {
+      return 'Invalid Form Values'
+    }
+
+    return rawError
+  }
+
+  return undefined
+}

package/src/FormApi.ts

@@ -3,16 +3,19 @@ import { Store } from '@tanstack/store'
 //
 import type { DeepKeys, DeepValue, Updater } from './utils'
 import { functionalUpdate, getBy, setBy } from './utils'
-import type { FieldApi, FieldMeta } from './FieldApi'
+import type { FieldApi, FieldMeta, ValidationCause } from './FieldApi'
 
 export type FormOptions<TData> = {
   defaultValues?: TData
   defaultState?: Partial<FormState<TData>>
-  onSubmit?: (values: TData, formApi: FormApi<TData>) => Promise<any>
+  onSubmit?: (values: TData, formApi: FormApi<TData>) => void
   onInvalidSubmit?: (values: TData, formApi: FormApi<TData>) => void
   validate?: (values: TData, formApi: FormApi<TData>) => Promise<any>
   debugForm?: boolean
-  validatePristine?: boolean
+  defaultValidatePristine?: boolean
+  defaultValidateOn?: ValidationCause
+  defaultValidateAsyncOn?: ValidationCause
+  defaultValidateAsyncDebounceMs?: number
 }
 
 export type FieldInfo<TFormData> = {
@@ -21,6 +24,7 @@ export type FieldInfo<TFormData> = {
 
 export type ValidationMeta = {
   validationCount?: number
+  validationAsyncCount?: number
   validationPromise?: Promise<ValidationError>
   validationResolve?: (error: ValidationError) => void
   validationReject?: (error: unknown) => void