@conform-to/react 1.18.0 → 1.19.1

package/dist/future/intent.js

@@ -215,27 +215,39 @@ var intentHandlers = {
         console.warn('intent.insert() with `onInvalid` or `from` requires the validation result to be available synchronously. ' + 'These options are ignored because the error is not yet known.');
         return result;
       }
-      var arrayErrors = (_result$error = result.error) === null || _result$error === void 0 ? void 0 : _result$error.fieldErrors[options.name];
-      if (options.onInvalid === 'revert' && arrayErrors !== null && arrayErrors !== void 0 && arrayErrors.length) {
+      var listError = (_result$error = result.error) === null || _result$error === void 0 ? void 0 : _result$error.fieldErrors[options.name];
+      if (options.onInvalid === 'revert' && listError != null) {
         return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, result), {}, {
           targetValue: undefined
         });
       }
       if (options.from !== undefined) {
-        var _options$index2, _result$error2;
+        var _options$index2, _result$error2, _result$error3;
         var index = (_options$index2 = options.index) !== null && _options$index2 !== void 0 ? _options$index2 : util.getPathArray(result.submission.payload, options.name).length;
         var insertedItemPath = future.appendPath(options.name, index);
-        var insertedItemErrors = (_result$error2 = result.error) === null || _result$error2 === void 0 ? void 0 : _result$error2.fieldErrors[insertedItemPath];
-        if (insertedItemErrors !== null && insertedItemErrors !== void 0 && insertedItemErrors.length) {
-          var _result$error$fieldEr, _result$error3, _result$error$formErr, _result$error4, _result$error5;
-          var fromErrors = (_result$error$fieldEr = (_result$error3 = result.error) === null || _result$error3 === void 0 ? void 0 : _result$error3.fieldErrors[options.from]) !== null && _result$error$fieldEr !== void 0 ? _result$error$fieldEr : [];
+        var insertedItemError = (_result$error2 = result.error) === null || _result$error2 === void 0 ? void 0 : _result$error2.fieldErrors[insertedItemPath];
+        var fromFieldError = (_result$error3 = result.error) === null || _result$error3 === void 0 ? void 0 : _result$error3.fieldErrors[options.from];
+        if (fromFieldError != null) {
+          var _result$error$formErr, _result$error4, _result$error5;
           return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, result), {}, {
             targetValue: undefined,
             error: {
-              formErrors: (_result$error$formErr = (_result$error4 = result.error) === null || _result$error4 === void 0 ? void 0 : _result$error4.formErrors) !== null && _result$error$formErr !== void 0 ? _result$error$formErr : [],
+              formErrors: (_result$error$formErr = (_result$error4 = result.error) === null || _result$error4 === void 0 ? void 0 : _result$error4.formErrors) !== null && _result$error$formErr !== void 0 ? _result$error$formErr : null,
               fieldErrors: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, (_result$error5 = result.error) === null || _result$error5 === void 0 ? void 0 : _result$error5.fieldErrors), {}, {
-                [options.from]: [...fromErrors, ...insertedItemErrors],
-                [insertedItemPath]: []
+                [insertedItemPath]: null
+              })
+            }
+          });
+        }
+        if (insertedItemError != null) {
+          var _result$error$formErr2, _result$error6, _result$error7;
+          return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, result), {}, {
+            targetValue: undefined,
+            error: {
+              formErrors: (_result$error$formErr2 = (_result$error6 = result.error) === null || _result$error6 === void 0 ? void 0 : _result$error6.formErrors) !== null && _result$error$formErr2 !== void 0 ? _result$error$formErr2 : null,
+              fieldErrors: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, (_result$error7 = result.error) === null || _result$error7 === void 0 ? void 0 : _result$error7.fieldErrors), {}, {
+                [options.from]: insertedItemError,
+                [insertedItemPath]: null
               })
             }
           });
@@ -293,7 +305,7 @@ var intentHandlers = {
       return util.updatePathValue(value, options.name, list);
     },
     apply(result, options) {
-      var _result$error6;
+      var _result$error8;
       // Warn if validation result is not yet available
       if (typeof result.error === 'undefined' && options.onInvalid) {
         if (process.env.NODE_ENV !== 'production') {
@@ -302,7 +314,7 @@ var intentHandlers = {
         }
         return result;
       }
-      if (result.targetValue && (_result$error6 = result.error) !== null && _result$error6 !== void 0 && _result$error6.fieldErrors[options.name]) {
+      if (result.targetValue && (_result$error8 = result.error) !== null && _result$error8 !== void 0 && _result$error8.fieldErrors[options.name]) {
         switch (options.onInvalid) {
           case 'revert':
             return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, result), {}, {

package/dist/future/intent.mjs

@@ -211,27 +211,39 @@ var intentHandlers = {
         console.warn('intent.insert() with `onInvalid` or `from` requires the validation result to be available synchronously. ' + 'These options are ignored because the error is not yet known.');
         return result;
       }
-      var arrayErrors = (_result$error = result.error) === null || _result$error === void 0 ? void 0 : _result$error.fieldErrors[options.name];
-      if (options.onInvalid === 'revert' && arrayErrors !== null && arrayErrors !== void 0 && arrayErrors.length) {
+      var listError = (_result$error = result.error) === null || _result$error === void 0 ? void 0 : _result$error.fieldErrors[options.name];
+      if (options.onInvalid === 'revert' && listError != null) {
         return _objectSpread2(_objectSpread2({}, result), {}, {
           targetValue: undefined
         });
       }
       if (options.from !== undefined) {
-        var _options$index2, _result$error2;
+        var _options$index2, _result$error2, _result$error3;
         var index = (_options$index2 = options.index) !== null && _options$index2 !== void 0 ? _options$index2 : getPathArray(result.submission.payload, options.name).length;
         var insertedItemPath = appendPath(options.name, index);
-        var insertedItemErrors = (_result$error2 = result.error) === null || _result$error2 === void 0 ? void 0 : _result$error2.fieldErrors[insertedItemPath];
-        if (insertedItemErrors !== null && insertedItemErrors !== void 0 && insertedItemErrors.length) {
-          var _result$error$fieldEr, _result$error3, _result$error$formErr, _result$error4, _result$error5;
-          var fromErrors = (_result$error$fieldEr = (_result$error3 = result.error) === null || _result$error3 === void 0 ? void 0 : _result$error3.fieldErrors[options.from]) !== null && _result$error$fieldEr !== void 0 ? _result$error$fieldEr : [];
+        var insertedItemError = (_result$error2 = result.error) === null || _result$error2 === void 0 ? void 0 : _result$error2.fieldErrors[insertedItemPath];
+        var fromFieldError = (_result$error3 = result.error) === null || _result$error3 === void 0 ? void 0 : _result$error3.fieldErrors[options.from];
+        if (fromFieldError != null) {
+          var _result$error$formErr, _result$error4, _result$error5;
           return _objectSpread2(_objectSpread2({}, result), {}, {
             targetValue: undefined,
             error: {
-              formErrors: (_result$error$formErr = (_result$error4 = result.error) === null || _result$error4 === void 0 ? void 0 : _result$error4.formErrors) !== null && _result$error$formErr !== void 0 ? _result$error$formErr : [],
+              formErrors: (_result$error$formErr = (_result$error4 = result.error) === null || _result$error4 === void 0 ? void 0 : _result$error4.formErrors) !== null && _result$error$formErr !== void 0 ? _result$error$formErr : null,
               fieldErrors: _objectSpread2(_objectSpread2({}, (_result$error5 = result.error) === null || _result$error5 === void 0 ? void 0 : _result$error5.fieldErrors), {}, {
-                [options.from]: [...fromErrors, ...insertedItemErrors],
-                [insertedItemPath]: []
+                [insertedItemPath]: null
+              })
+            }
+          });
+        }
+        if (insertedItemError != null) {
+          var _result$error$formErr2, _result$error6, _result$error7;
+          return _objectSpread2(_objectSpread2({}, result), {}, {
+            targetValue: undefined,
+            error: {
+              formErrors: (_result$error$formErr2 = (_result$error6 = result.error) === null || _result$error6 === void 0 ? void 0 : _result$error6.formErrors) !== null && _result$error$formErr2 !== void 0 ? _result$error$formErr2 : null,
+              fieldErrors: _objectSpread2(_objectSpread2({}, (_result$error7 = result.error) === null || _result$error7 === void 0 ? void 0 : _result$error7.fieldErrors), {}, {
+                [options.from]: insertedItemError,
+                [insertedItemPath]: null
               })
             }
           });
@@ -289,7 +301,7 @@ var intentHandlers = {
       return updatePathValue(value, options.name, list);
     },
     apply(result, options) {
-      var _result$error6;
+      var _result$error8;
       // Warn if validation result is not yet available
       if (typeof result.error === 'undefined' && options.onInvalid) {
         if (process.env.NODE_ENV !== 'production') {
@@ -298,7 +310,7 @@ var intentHandlers = {
         }
         return result;
       }
-      if (result.targetValue && (_result$error6 = result.error) !== null && _result$error6 !== void 0 && _result$error6.fieldErrors[options.name]) {
+      if (result.targetValue && (_result$error8 = result.error) !== null && _result$error8 !== void 0 && _result$error8.fieldErrors[options.name]) {
         switch (options.onInvalid) {
           case 'revert':
             return _objectSpread2(_objectSpread2({}, result), {}, {

package/dist/future/memoize.d.ts

@@ -24,7 +24,7 @@ export declare function defaultEqualityCheck(prevArgs: any[], nextArgs: any[]):
  * @param isEqual - Custom equality function to compare arguments (defaults to shallow comparison)
  * @returns Memoized function with cache clearing capability
  *
- * @example
+ * **Example:**
  * ```ts
  * // Async validation with API call
  * const validateUsername = useMemo(

package/dist/future/memoize.js

@@ -35,7 +35,7 @@ function defaultEqualityCheck(prevArgs, nextArgs) {
  * @param isEqual - Custom equality function to compare arguments (defaults to shallow comparison)
  * @returns Memoized function with cache clearing capability
  *
- * @example
+ * **Example:**
  * ```ts
  * // Async validation with API call
  * const validateUsername = useMemo(

package/dist/future/memoize.mjs

@@ -31,7 +31,7 @@ function defaultEqualityCheck(prevArgs, nextArgs) {
  * @param isEqual - Custom equality function to compare arguments (defaults to shallow comparison)
  * @returns Memoized function with cache clearing capability
  *
- * @example
+ * **Example:**
  * ```ts
  * // Async validation with API call
  * const validateUsername = useMemo(

package/dist/future/state.d.ts

@@ -1,4 +1,4 @@
-import { type FieldName, type Serialize, FormError } from '@conform-to/dom/future';
+import { type FieldName, FormError } from '@conform-to/dom/future';
 import type { FieldMetadata, Fieldset, FormContext, FormMetadata, FormState, FormAction, UnknownIntent, IntentHandler, BaseFieldMetadata, BaseFormMetadata, DefineConditionalField } from './types';
 export declare function initializeState<ErrorShape>(options?: {
     defaultValue?: Record<string, unknown> | null | undefined;
@@ -20,10 +20,10 @@ export declare function updateState<ErrorShape>(state: FormState<ErrorShape>, ac
  * Minimizes UI state loss by only invalidating keys when necessary.
  */
 export declare function pruneListKeys(listKeys: Record<string, string[]>, targetValue: Record<string, unknown>): Record<string, string[]>;
-export declare function getDefaultPayload(context: FormContext<any>, name: string, serialize?: Serialize): unknown;
-export declare function getDefaultValue(context: FormContext<any>, name: string, serialize?: Serialize): string;
-export declare function getDefaultOptions(context: FormContext<any>, name: string, serialize?: Serialize): string[];
-export declare function isDefaultChecked(context: FormContext<any>, name: string, serialize?: Serialize): boolean;
+export declare function getDefaultPayload(context: FormContext<any>, name: string): unknown;
+export declare function getDefaultValue(context: FormContext<any>, name: string): string;
+export declare function getDefaultOptions(context: FormContext<any>, name: string): string[];
+export declare function isDefaultChecked(context: FormContext<any>, name: string): boolean;
 /**
  * Determine if the field is touched
  *
@@ -33,15 +33,14 @@ export declare function isDefaultChecked(context: FormContext<any>, name: string
 export declare function isTouched(state: FormState<any>, name?: string): boolean;
 export declare function getDefaultListKey(prefix: string, initialValue: Record<string, unknown> | null, name: string): string[];
 export declare function getListKey(context: FormContext<any>, name: string): string[];
-export declare function getErrors<ErrorShape>(state: FormState<ErrorShape>, name?: string): ErrorShape[] | undefined;
-export declare function getFieldErrors<ErrorShape>(state: FormState<ErrorShape>, name?: string): Record<string, ErrorShape[]>;
+export declare function getErrors<ErrorShape>(state: FormState<ErrorShape>, name?: string): ErrorShape | undefined;
+export declare function getFieldErrors<ErrorShape>(state: FormState<ErrorShape>, name?: string): Record<string, ErrorShape>;
 /**
  * Checks if fieldErrors contains any errors at the given name or any child path.
  */
-export declare function hasFieldError(error: FormError<any>, name: string): boolean;
+export declare function hasFieldError<ErrorShape>(error: FormError<ErrorShape>, name: string): boolean;
 export declare function isValid(state: FormState<any>, name?: string): boolean;
 export declare function getFormMetadata<ErrorShape, CustomFormMetadata extends Record<string, unknown> = {}, CustomFieldMetadata extends Record<string, unknown> = {}>(context: FormContext<ErrorShape>, options?: {
-    serialize?: Serialize | undefined;
     extendFormMetadata?: ((metadata: BaseFormMetadata<ErrorShape>) => CustomFormMetadata) | undefined;
     extendFieldMetadata?: (<FieldShape>(metadata: BaseFieldMetadata<FieldShape, ErrorShape>, ctx: {
         form: BaseFormMetadata<ErrorShape>;
@@ -50,7 +49,6 @@ export declare function getFormMetadata<ErrorShape, CustomFormMetadata extends R
 }): FormMetadata<ErrorShape, CustomFormMetadata, CustomFieldMetadata>;
 export declare function getField<FieldShape, ErrorShape = string, CustomFieldMetadata extends Record<string, unknown> = {}>(context: FormContext<ErrorShape>, options: {
     name: FieldName<FieldShape>;
-    serialize?: Serialize | undefined;
     extendFieldMetadata?: (<F>(metadata: BaseFieldMetadata<F, ErrorShape>, ctx: {
         form: BaseFormMetadata<ErrorShape>;
         when: DefineConditionalField;
@@ -63,7 +61,6 @@ export declare function getField<FieldShape, ErrorShape = string, CustomFieldMet
  */
 export declare function getFieldset<FieldShape = Record<string, any>, ErrorShape = string, CustomFieldMetadata extends Record<string, unknown> = {}>(context: FormContext<ErrorShape>, options: {
     name?: FieldName<FieldShape> | undefined;
-    serialize?: Serialize | undefined;
     extendFieldMetadata?: (<F>(metadata: BaseFieldMetadata<F, ErrorShape>, ctx: {
         form: BaseFormMetadata<ErrorShape>;
         when: DefineConditionalField;
@@ -75,7 +72,6 @@ export declare function getFieldset<FieldShape = Record<string, any>, ErrorShape
  */
 export declare function getFieldList<FieldShape = Array<any>, ErrorShape = string, CustomFieldMetadata extends Record<string, unknown> = {}>(context: FormContext<ErrorShape>, options: {
     name: FieldName<FieldShape>;
-    serialize?: Serialize | undefined;
     extendFieldMetadata?: (<F>(metadata: BaseFieldMetadata<F, ErrorShape>, ctx: {
         form: BaseFormMetadata<ErrorShape>;
         when: DefineConditionalField;

package/dist/future/state.js

@@ -100,15 +100,18 @@ function pruneListKeys(listKeys, targetValue) {
 }
 function getDefaultPayload(context, name) {
   var _ref, _context$state$server;
-  var serialize = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : future.serialize;
   var value = future.getPathValue((_ref = (_context$state$server = context.state.serverValue) !== null && _context$state$server !== void 0 ? _context$state$server : context.state.targetValue) !== null && _ref !== void 0 ? _ref : context.state.defaultValue, name);
-  return future.normalize(value, serialize);
+  if (value === null) {
+    return null;
+  }
+  return future.normalize(value, context.serialize, name);
 }
 function getDefaultValue(context, name) {
   var _ref2, _context$state$server2;
-  var serialize = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : future.serialize;
   var value = future.getPathValue((_ref2 = (_context$state$server2 = context.state.serverValue) !== null && _context$state$server2 !== void 0 ? _context$state$server2 : context.state.targetValue) !== null && _ref2 !== void 0 ? _ref2 : context.state.defaultValue, name);
-  var serializedValue = serialize(value);
+  var serializedValue = context.serialize(value, {
+    name
+  });
   if (typeof serializedValue === 'string') {
     return serializedValue;
   }
@@ -116,9 +119,10 @@ function getDefaultValue(context, name) {
 }
 function getDefaultOptions(context, name) {
   var _ref3, _context$state$server3;
-  var serialize = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : future.serialize;
   var value = future.getPathValue((_ref3 = (_context$state$server3 = context.state.serverValue) !== null && _context$state$server3 !== void 0 ? _context$state$server3 : context.state.targetValue) !== null && _ref3 !== void 0 ? _ref3 : context.state.defaultValue, name);
-  var serializedValue = serialize(value);
+  var serializedValue = context.serialize(value, {
+    name
+  });
   if (Array.isArray(serializedValue) && serializedValue.every(item => typeof item === 'string')) {
     return serializedValue;
   }
@@ -129,11 +133,14 @@ function getDefaultOptions(context, name) {
 }
 function isDefaultChecked(context, name) {
   var _ref4, _context$state$server4;
-  var serialize = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : future.serialize;
   var value = future.getPathValue((_ref4 = (_context$state$server4 = context.state.serverValue) !== null && _context$state$server4 !== void 0 ? _context$state$server4 : context.state.targetValue) !== null && _ref4 !== void 0 ? _ref4 : context.state.defaultValue, name);
-  var serializedValue = serialize(value);
+  var serializedValue = context.serialize(value, {
+    name
+  });
   if (typeof serializedValue === 'string') {
-    return serializedValue === serialize(true);
+    return serializedValue === context.serialize(true, {
+      name
+    });
   }
   return false;
 }
@@ -166,7 +173,7 @@ function getErrors(state, name) {
     return;
   }
   var errors = name ? error.fieldErrors[name] : error.formErrors;
-  if (errors && errors.length > 0) {
+  if (errors != null) {
     return errors;
   }
 }
@@ -197,9 +204,9 @@ function getFieldErrors(state, name) {
  */
 function hasFieldError(error, name) {
   var basePath = future.parsePath(name);
-  return Object.keys(error.fieldErrors).some(field => {
-    var _error$fieldErrors$fi;
-    return future.getRelativePath(field, basePath) !== null && ((_error$fieldErrors$fi = error.fieldErrors[field]) === null || _error$fieldErrors$fi === void 0 ? void 0 : _error$fieldErrors$fi.length);
+  return Object.entries(error.fieldErrors).some(_ref6 => {
+    var [field, fieldError] = _ref6;
+    return future.getRelativePath(field, basePath) !== null && fieldError !== null;
   });
 }
 function isValid(state, name) {
@@ -264,21 +271,18 @@ function getFormMetadata(context, options) {
     getField(name) {
       return getField(context, {
         name,
-        serialize: options === null || options === void 0 ? void 0 : options.serialize,
         extendFieldMetadata: options === null || options === void 0 ? void 0 : options.extendFieldMetadata
       });
     },
     getFieldset(name) {
       return getFieldset(context, {
         name,
-        serialize: options === null || options === void 0 ? void 0 : options.serialize,
         extendFieldMetadata: options === null || options === void 0 ? void 0 : options.extendFieldMetadata
       });
     },
     getFieldList(name) {
       return getFieldList(context, {
         name,
-        serialize: options === null || options === void 0 ? void 0 : options.serialize,
         extendFieldMetadata: options === null || options === void 0 ? void 0 : options.extendFieldMetadata
       });
     }
@@ -294,10 +298,8 @@ function getField(context, options) {
   var {
     key,
     name,
-    serialize = future.serialize,
     extendFieldMetadata,
     form = getFormMetadata(context, {
-      serialize,
       extendFieldMetadata
     })
   } = options;
@@ -320,16 +322,16 @@ function getField(context, options) {
     multiple: constraint === null || constraint === void 0 ? void 0 : constraint.multiple,
     accept: constraint === null || constraint === void 0 ? void 0 : constraint.accept,
     get defaultValue() {
-      return getDefaultValue(context, name, serialize);
+      return getDefaultValue(context, name);
     },
     get defaultOptions() {
-      return getDefaultOptions(context, name, serialize);
+      return getDefaultOptions(context, name);
     },
     get defaultChecked() {
-      return isDefaultChecked(context, name, serialize);
+      return isDefaultChecked(context, name);
     },
     get defaultPayload() {
-      return getDefaultPayload(context, name, serialize);
+      return getDefaultPayload(context, name);
     },
     get touched() {
       return isTouched(context.state, name);
@@ -355,7 +357,6 @@ function getField(context, options) {
     getFieldset() {
       return getFieldset(context, {
         name: name,
-        serialize,
         extendFieldMetadata
       });
     },
@@ -364,7 +365,6 @@ function getField(context, options) {
     getFieldList() {
       return getFieldList(context, {
         name,
-        serialize,
         extendFieldMetadata
       });
     }
@@ -388,12 +388,10 @@ function getFieldset(context, options) {
       if (typeof name === 'string') {
         var _options$form;
         (_options$form = options.form) !== null && _options$form !== void 0 ? _options$form : options.form = getFormMetadata(context, {
-          serialize: options === null || options === void 0 ? void 0 : options.serialize,
           extendFieldMetadata: options === null || options === void 0 ? void 0 : options.extendFieldMetadata
         });
         return getField(context, {
           name: future.appendPath(options === null || options === void 0 ? void 0 : options.name, name),
-          serialize: options.serialize,
           extendFieldMetadata: options.extendFieldMetadata,
           form: options.form
         });
@@ -411,7 +409,6 @@ function getFieldList(context, options) {
   return keys.map((key, index) => {
     return getField(context, {
       name: future.appendPath(options.name, index),
-      serialize: options.serialize,
       extendFieldMetadata: options.extendFieldMetadata,
       key
     });

package/dist/future/state.mjs

@@ -1,5 +1,5 @@
 import { objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.mjs';
-import { parsePath, getRelativePath, serialize, appendPath, deepEqual, getPathValue, normalize, formatPath } from '@conform-to/dom/future';
+import { parsePath, getRelativePath, appendPath, deepEqual, getPathValue, normalize, formatPath } from '@conform-to/dom/future';
 import { when, generateUniqueKey, merge, getPathArray } from './util.mjs';
 
 function initializeState(options) {
@@ -96,15 +96,18 @@ function pruneListKeys(listKeys, targetValue) {
 }
 function getDefaultPayload(context, name) {
   var _ref, _context$state$server;
-  var serialize$1 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : serialize;
   var value = getPathValue((_ref = (_context$state$server = context.state.serverValue) !== null && _context$state$server !== void 0 ? _context$state$server : context.state.targetValue) !== null && _ref !== void 0 ? _ref : context.state.defaultValue, name);
-  return normalize(value, serialize$1);
+  if (value === null) {
+    return null;
+  }
+  return normalize(value, context.serialize, name);
 }
 function getDefaultValue(context, name) {
   var _ref2, _context$state$server2;
-  var serialize$1 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : serialize;
   var value = getPathValue((_ref2 = (_context$state$server2 = context.state.serverValue) !== null && _context$state$server2 !== void 0 ? _context$state$server2 : context.state.targetValue) !== null && _ref2 !== void 0 ? _ref2 : context.state.defaultValue, name);
-  var serializedValue = serialize$1(value);
+  var serializedValue = context.serialize(value, {
+    name
+  });
   if (typeof serializedValue === 'string') {
     return serializedValue;
   }
@@ -112,9 +115,10 @@ function getDefaultValue(context, name) {
 }
 function getDefaultOptions(context, name) {
   var _ref3, _context$state$server3;
-  var serialize$1 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : serialize;
   var value = getPathValue((_ref3 = (_context$state$server3 = context.state.serverValue) !== null && _context$state$server3 !== void 0 ? _context$state$server3 : context.state.targetValue) !== null && _ref3 !== void 0 ? _ref3 : context.state.defaultValue, name);
-  var serializedValue = serialize$1(value);
+  var serializedValue = context.serialize(value, {
+    name
+  });
   if (Array.isArray(serializedValue) && serializedValue.every(item => typeof item === 'string')) {
     return serializedValue;
   }
@@ -125,11 +129,14 @@ function getDefaultOptions(context, name) {
 }
 function isDefaultChecked(context, name) {
   var _ref4, _context$state$server4;
-  var serialize$1 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : serialize;
   var value = getPathValue((_ref4 = (_context$state$server4 = context.state.serverValue) !== null && _context$state$server4 !== void 0 ? _context$state$server4 : context.state.targetValue) !== null && _ref4 !== void 0 ? _ref4 : context.state.defaultValue, name);
-  var serializedValue = serialize$1(value);
+  var serializedValue = context.serialize(value, {
+    name
+  });
   if (typeof serializedValue === 'string') {
-    return serializedValue === serialize$1(true);
+    return serializedValue === context.serialize(true, {
+      name
+    });
   }
   return false;
 }
@@ -162,7 +169,7 @@ function getErrors(state, name) {
     return;
   }
   var errors = name ? error.fieldErrors[name] : error.formErrors;
-  if (errors && errors.length > 0) {
+  if (errors != null) {
     return errors;
   }
 }
@@ -193,9 +200,9 @@ function getFieldErrors(state, name) {
  */
 function hasFieldError(error, name) {
   var basePath = parsePath(name);
-  return Object.keys(error.fieldErrors).some(field => {
-    var _error$fieldErrors$fi;
-    return getRelativePath(field, basePath) !== null && ((_error$fieldErrors$fi = error.fieldErrors[field]) === null || _error$fieldErrors$fi === void 0 ? void 0 : _error$fieldErrors$fi.length);
+  return Object.entries(error.fieldErrors).some(_ref6 => {
+    var [field, fieldError] = _ref6;
+    return getRelativePath(field, basePath) !== null && fieldError !== null;
   });
 }
 function isValid(state, name) {
@@ -260,21 +267,18 @@ function getFormMetadata(context, options) {
     getField(name) {
       return getField(context, {
         name,
-        serialize: options === null || options === void 0 ? void 0 : options.serialize,
         extendFieldMetadata: options === null || options === void 0 ? void 0 : options.extendFieldMetadata
       });
     },
     getFieldset(name) {
       return getFieldset(context, {
         name,
-        serialize: options === null || options === void 0 ? void 0 : options.serialize,
         extendFieldMetadata: options === null || options === void 0 ? void 0 : options.extendFieldMetadata
       });
     },
     getFieldList(name) {
       return getFieldList(context, {
         name,
-        serialize: options === null || options === void 0 ? void 0 : options.serialize,
         extendFieldMetadata: options === null || options === void 0 ? void 0 : options.extendFieldMetadata
       });
     }
@@ -290,10 +294,8 @@ function getField(context, options) {
   var {
     key,
     name,
-    serialize: serialize$1 = serialize,
     extendFieldMetadata,
     form = getFormMetadata(context, {
-      serialize: serialize$1,
       extendFieldMetadata
     })
   } = options;
@@ -316,16 +318,16 @@ function getField(context, options) {
     multiple: constraint === null || constraint === void 0 ? void 0 : constraint.multiple,
     accept: constraint === null || constraint === void 0 ? void 0 : constraint.accept,
     get defaultValue() {
-      return getDefaultValue(context, name, serialize$1);
+      return getDefaultValue(context, name);
     },
     get defaultOptions() {
-      return getDefaultOptions(context, name, serialize$1);
+      return getDefaultOptions(context, name);
     },
     get defaultChecked() {
-      return isDefaultChecked(context, name, serialize$1);
+      return isDefaultChecked(context, name);
     },
     get defaultPayload() {
-      return getDefaultPayload(context, name, serialize$1);
+      return getDefaultPayload(context, name);
     },
     get touched() {
       return isTouched(context.state, name);
@@ -351,7 +353,6 @@ function getField(context, options) {
     getFieldset() {
       return getFieldset(context, {
         name: name,
-        serialize: serialize$1,
         extendFieldMetadata
       });
     },
@@ -360,7 +361,6 @@ function getField(context, options) {
     getFieldList() {
       return getFieldList(context, {
         name,
-        serialize: serialize$1,
         extendFieldMetadata
       });
     }
@@ -384,12 +384,10 @@ function getFieldset(context, options) {
       if (typeof name === 'string') {
         var _options$form;
         (_options$form = options.form) !== null && _options$form !== void 0 ? _options$form : options.form = getFormMetadata(context, {
-          serialize: options === null || options === void 0 ? void 0 : options.serialize,
           extendFieldMetadata: options === null || options === void 0 ? void 0 : options.extendFieldMetadata
         });
         return getField(context, {
           name: appendPath(options === null || options === void 0 ? void 0 : options.name, name),
-          serialize: options.serialize,
           extendFieldMetadata: options.extendFieldMetadata,
           form: options.form
         });
@@ -407,7 +405,6 @@ function getFieldList(context, options) {
   return keys.map((key, index) => {
     return getField(context, {
       name: appendPath(options.name, index),
-      serialize: options.serialize,
       extendFieldMetadata: options.extendFieldMetadata,
       key
     });