@bolttech/form-engine 3.1.1-beta.2 → 3.1.1

package/index.esm.js

@@ -1,1650 +1,40 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { createContext, useContext, useRef, useEffect, useState, useMemo, useCallback, Suspense } from 'react';
+'use client';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { createContext, useContext, useRef, useEffect, useMemo, useState, useCallback, Suspense } from 'react';
 import { FormGroup, FormField } from '@bolttech/form-engine-core';
 
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-var fails$b = function (exec) {
-  try {
-    return !!exec();
-  } catch (error) {
-    return true;
-  }
-};
-
-var fails$a = fails$b;
-
-var functionBindNative = !fails$a(function () {
-  // eslint-disable-next-line es/no-function-prototype-bind -- safe
-  var test = (function () { /* empty */ }).bind();
-  // eslint-disable-next-line no-prototype-builtins -- safe
-  return typeof test != 'function' || test.hasOwnProperty('prototype');
-});
-
-var NATIVE_BIND$1 = functionBindNative;
-
-var FunctionPrototype$1 = Function.prototype;
-var call$6 = FunctionPrototype$1.call;
-var uncurryThisWithBind = NATIVE_BIND$1 && FunctionPrototype$1.bind.bind(call$6, call$6);
-
-var functionUncurryThis = NATIVE_BIND$1 ? uncurryThisWithBind : function (fn) {
-  return function () {
-    return call$6.apply(fn, arguments);
-  };
-};
-
-var uncurryThis$a = functionUncurryThis;
-
-var toString$1 = uncurryThis$a({}.toString);
-var stringSlice$1 = uncurryThis$a(''.slice);
-
-var classofRaw = function (it) {
-  return stringSlice$1(toString$1(it), 8, -1);
-};
-
-var uncurryThis$9 = functionUncurryThis;
-var fails$9 = fails$b;
-var classof = classofRaw;
-
-var $Object$3 = Object;
-var split = uncurryThis$9(''.split);
-
-// fallback for non-array-like ES3 and non-enumerable old V8 strings
-var indexedObject = fails$9(function () {
-  // throws an error in rhino, see https://github.com/mozilla/rhino/issues/346
-  // eslint-disable-next-line no-prototype-builtins -- safe
-  return !$Object$3('z').propertyIsEnumerable(0);
-}) ? function (it) {
-  return classof(it) === 'String' ? split(it, '') : $Object$3(it);
-} : $Object$3;
-
-// we can't use just `it == null` since of `document.all` special case
-// https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot-aec
-var isNullOrUndefined$2 = function (it) {
-  return it === null || it === undefined;
-};
-
-var isNullOrUndefined$1 = isNullOrUndefined$2;
-
-var $TypeError$6 = TypeError;
-
-// `RequireObjectCoercible` abstract operation
-// https://tc39.es/ecma262/#sec-requireobjectcoercible
-var requireObjectCoercible$3 = function (it) {
-  if (isNullOrUndefined$1(it)) throw new $TypeError$6("Can't call method on " + it);
-  return it;
-};
-
-// toObject with fallback for non-array-like ES3 strings
-var IndexedObject$1 = indexedObject;
-var requireObjectCoercible$2 = requireObjectCoercible$3;
-
-var toIndexedObject$5 = function (it) {
-  return IndexedObject$1(requireObjectCoercible$2(it));
-};
-
-var check = function (it) {
-  return it && it.Math === Math && it;
-};
-
-// https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
-var globalThis_1 =
-  // eslint-disable-next-line es/no-global-this -- safe
-  check(typeof globalThis == 'object' && globalThis) ||
-  check(typeof window == 'object' && window) ||
-  // eslint-disable-next-line no-restricted-globals -- safe
-  check(typeof self == 'object' && self) ||
-  check(typeof commonjsGlobal == 'object' && commonjsGlobal) ||
-  check(typeof commonjsGlobal == 'object' && commonjsGlobal) ||
-  // eslint-disable-next-line no-new-func -- fallback
-  (function () { return this; })() || Function('return this')();
-
-var sharedStore = {exports: {}};
-
-var globalThis$c = globalThis_1;
-
-// eslint-disable-next-line es/no-object-defineproperty -- safe
-var defineProperty$5 = Object.defineProperty;
-
-var defineGlobalProperty$3 = function (key, value) {
-  try {
-    defineProperty$5(globalThis$c, key, { value: value, configurable: true, writable: true });
-  } catch (error) {
-    globalThis$c[key] = value;
-  } return value;
-};
-
-var globalThis$b = globalThis_1;
-var defineGlobalProperty$2 = defineGlobalProperty$3;
-
-var SHARED = '__core-js_shared__';
-var store$3 = sharedStore.exports = globalThis$b[SHARED] || defineGlobalProperty$2(SHARED, {});
-
-(store$3.versions || (store$3.versions = [])).push({
-  version: '3.39.0',
-  mode: 'global',
-  copyright: '© 2014-2024 Denis Pushkarev (zloirock.ru)',
-  license: 'https://github.com/zloirock/core-js/blob/v3.39.0/LICENSE',
-  source: 'https://github.com/zloirock/core-js'
-});
-
-var store$2 = sharedStore.exports;
-
-var shared$3 = function (key, value) {
-  return store$2[key] || (store$2[key] = value || {});
-};
-
-var requireObjectCoercible$1 = requireObjectCoercible$3;
-
-var $Object$2 = Object;
-
-// `ToObject` abstract operation
-// https://tc39.es/ecma262/#sec-toobject
-var toObject$3 = function (argument) {
-  return $Object$2(requireObjectCoercible$1(argument));
-};
-
-var uncurryThis$8 = functionUncurryThis;
-var toObject$2 = toObject$3;
-
-var hasOwnProperty = uncurryThis$8({}.hasOwnProperty);
-
-// `HasOwnProperty` abstract operation
-// https://tc39.es/ecma262/#sec-hasownproperty
-// eslint-disable-next-line es/no-object-hasown -- safe
-var hasOwnProperty_1 = Object.hasOwn || function hasOwn(it, key) {
-  return hasOwnProperty(toObject$2(it), key);
-};
-
-var uncurryThis$7 = functionUncurryThis;
-
-var id = 0;
-var postfix = Math.random();
-var toString = uncurryThis$7(1.0.toString);
-
-var uid$2 = function (key) {
-  return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString(++id + postfix, 36);
-};
-
-var globalThis$a = globalThis_1;
-
-var navigator = globalThis$a.navigator;
-var userAgent$1 = navigator && navigator.userAgent;
-
-var environmentUserAgent = userAgent$1 ? String(userAgent$1) : '';
-
-var globalThis$9 = globalThis_1;
-var userAgent = environmentUserAgent;
-
-var process = globalThis$9.process;
-var Deno = globalThis$9.Deno;
-var versions = process && process.versions || Deno && Deno.version;
-var v8 = versions && versions.v8;
-var match, version;
-
-if (v8) {
-  match = v8.split('.');
-  // in old Chrome, versions of V8 isn't V8 = Chrome / 10
-  // but their correct versions are not interesting for us
-  version = match[0] > 0 && match[0] < 4 ? 1 : +(match[0] + match[1]);
-}
-
-// BrowserFS NodeJS `process` polyfill incorrectly set `.v8` to `0.0`
-// so check `userAgent` even if `.v8` exists, but 0
-if (!version && userAgent) {
-  match = userAgent.match(/Edge\/(\d+)/);
-  if (!match || match[1] >= 74) {
-    match = userAgent.match(/Chrome\/(\d+)/);
-    if (match) version = +match[1];
-  }
-}
-
-var environmentV8Version = version;
-
-/* eslint-disable es/no-symbol -- required for testing */
-var V8_VERSION = environmentV8Version;
-var fails$8 = fails$b;
-var globalThis$8 = globalThis_1;
-
-var $String$4 = globalThis$8.String;
-
-// eslint-disable-next-line es/no-object-getownpropertysymbols -- required for testing
-var symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails$8(function () {
-  var symbol = Symbol('symbol detection');
-  // Chrome 38 Symbol has incorrect toString conversion
-  // `get-own-property-symbols` polyfill symbols converted to object are not Symbol instances
-  // nb: Do not call `String` directly to avoid this being optimized out to `symbol+''` which will,
-  // of course, fail.
-  return !$String$4(symbol) || !(Object(symbol) instanceof Symbol) ||
-    // Chrome 38-40 symbols are not inherited from DOM collections prototypes to instances
-    !Symbol.sham && V8_VERSION && V8_VERSION < 41;
-});
-
-/* eslint-disable es/no-symbol -- required for testing */
-var NATIVE_SYMBOL$1 = symbolConstructorDetection;
-
-var useSymbolAsUid = NATIVE_SYMBOL$1 &&
-  !Symbol.sham &&
-  typeof Symbol.iterator == 'symbol';
-
-var globalThis$7 = globalThis_1;
-var shared$2 = shared$3;
-var hasOwn$8 = hasOwnProperty_1;
-var uid$1 = uid$2;
-var NATIVE_SYMBOL = symbolConstructorDetection;
-var USE_SYMBOL_AS_UID$1 = useSymbolAsUid;
-
-var Symbol$1 = globalThis$7.Symbol;
-var WellKnownSymbolsStore = shared$2('wks');
-var createWellKnownSymbol = USE_SYMBOL_AS_UID$1 ? Symbol$1['for'] || Symbol$1 : Symbol$1 && Symbol$1.withoutSetter || uid$1;
-
-var wellKnownSymbol$6 = function (name) {
-  if (!hasOwn$8(WellKnownSymbolsStore, name)) {
-    WellKnownSymbolsStore[name] = NATIVE_SYMBOL && hasOwn$8(Symbol$1, name)
-      ? Symbol$1[name]
-      : createWellKnownSymbol('Symbol.' + name);
-  } return WellKnownSymbolsStore[name];
-};
-
-// https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot
-var documentAll = typeof document == 'object' && document.all;
-
-// `IsCallable` abstract operation
-// https://tc39.es/ecma262/#sec-iscallable
-// eslint-disable-next-line unicorn/no-typeof-undefined -- required for testing
-var isCallable$d = typeof documentAll == 'undefined' && documentAll !== undefined ? function (argument) {
-  return typeof argument == 'function' || argument === documentAll;
-} : function (argument) {
-  return typeof argument == 'function';
-};
-
-var isCallable$c = isCallable$d;
-
-var isObject$8 = function (it) {
-  return typeof it == 'object' ? it !== null : isCallable$c(it);
-};
-
-var isObject$7 = isObject$8;
-
-var $String$3 = String;
-var $TypeError$5 = TypeError;
-
-// `Assert: Type(argument) is Object`
-var anObject$4 = function (argument) {
-  if (isObject$7(argument)) return argument;
-  throw new $TypeError$5($String$3(argument) + ' is not an object');
-};
-
-var objectDefineProperties = {};
-
-var fails$7 = fails$b;
-
-// Detect IE8's incomplete defineProperty implementation
-var descriptors = !fails$7(function () {
-  // eslint-disable-next-line es/no-object-defineproperty -- required for testing
-  return Object.defineProperty({}, 1, { get: function () { return 7; } })[1] !== 7;
-});
-
-var DESCRIPTORS$9 = descriptors;
-var fails$6 = fails$b;
-
-// V8 ~ Chrome 36-
-// https://bugs.chromium.org/p/v8/issues/detail?id=3334
-var v8PrototypeDefineBug = DESCRIPTORS$9 && fails$6(function () {
-  // eslint-disable-next-line es/no-object-defineproperty -- required for testing
-  return Object.defineProperty(function () { /* empty */ }, 'prototype', {
-    value: 42,
-    writable: false
-  }).prototype !== 42;
-});
-
-var objectDefineProperty = {};
-
-var globalThis$6 = globalThis_1;
-var isObject$6 = isObject$8;
-
-var document$1 = globalThis$6.document;
-// typeof document.createElement is 'object' in old IE
-var EXISTS$1 = isObject$6(document$1) && isObject$6(document$1.createElement);
-
-var documentCreateElement$2 = function (it) {
-  return EXISTS$1 ? document$1.createElement(it) : {};
-};
-
-var DESCRIPTORS$8 = descriptors;
-var fails$5 = fails$b;
-var createElement = documentCreateElement$2;
-
-// Thanks to IE8 for its funny defineProperty
-var ie8DomDefine = !DESCRIPTORS$8 && !fails$5(function () {
-  // eslint-disable-next-line es/no-object-defineproperty -- required for testing
-  return Object.defineProperty(createElement('div'), 'a', {
-    get: function () { return 7; }
-  }).a !== 7;
-});
-
-var NATIVE_BIND = functionBindNative;
-
-var call$5 = Function.prototype.call;
-
-var functionCall = NATIVE_BIND ? call$5.bind(call$5) : function () {
-  return call$5.apply(call$5, arguments);
-};
-
-var globalThis$5 = globalThis_1;
-var isCallable$b = isCallable$d;
-
-var aFunction = function (argument) {
-  return isCallable$b(argument) ? argument : undefined;
-};
-
-var getBuiltIn$3 = function (namespace, method) {
-  return arguments.length < 2 ? aFunction(globalThis$5[namespace]) : globalThis$5[namespace] && globalThis$5[namespace][method];
-};
-
-var uncurryThis$6 = functionUncurryThis;
-
-var objectIsPrototypeOf = uncurryThis$6({}.isPrototypeOf);
-
-var getBuiltIn$2 = getBuiltIn$3;
-var isCallable$a = isCallable$d;
-var isPrototypeOf = objectIsPrototypeOf;
-var USE_SYMBOL_AS_UID = useSymbolAsUid;
-
-var $Object$1 = Object;
-
-var isSymbol$2 = USE_SYMBOL_AS_UID ? function (it) {
-  return typeof it == 'symbol';
-} : function (it) {
-  var $Symbol = getBuiltIn$2('Symbol');
-  return isCallable$a($Symbol) && isPrototypeOf($Symbol.prototype, $Object$1(it));
-};
-
-var $String$2 = String;
-
-var tryToString$1 = function (argument) {
-  try {
-    return $String$2(argument);
-  } catch (error) {
-    return 'Object';
-  }
-};
-
-var isCallable$9 = isCallable$d;
-var tryToString = tryToString$1;
-
-var $TypeError$4 = TypeError;
-
-// `Assert: IsCallable(argument) is true`
-var aCallable$2 = function (argument) {
-  if (isCallable$9(argument)) return argument;
-  throw new $TypeError$4(tryToString(argument) + ' is not a function');
-};
-
-var aCallable$1 = aCallable$2;
-var isNullOrUndefined = isNullOrUndefined$2;
-
-// `GetMethod` abstract operation
-// https://tc39.es/ecma262/#sec-getmethod
-var getMethod$1 = function (V, P) {
-  var func = V[P];
-  return isNullOrUndefined(func) ? undefined : aCallable$1(func);
-};
-
-var call$4 = functionCall;
-var isCallable$8 = isCallable$d;
-var isObject$5 = isObject$8;
-
-var $TypeError$3 = TypeError;
-
-// `OrdinaryToPrimitive` abstract operation
-// https://tc39.es/ecma262/#sec-ordinarytoprimitive
-var ordinaryToPrimitive$1 = function (input, pref) {
-  var fn, val;
-  if (pref === 'string' && isCallable$8(fn = input.toString) && !isObject$5(val = call$4(fn, input))) return val;
-  if (isCallable$8(fn = input.valueOf) && !isObject$5(val = call$4(fn, input))) return val;
-  if (pref !== 'string' && isCallable$8(fn = input.toString) && !isObject$5(val = call$4(fn, input))) return val;
-  throw new $TypeError$3("Can't convert object to primitive value");
-};
-
-var call$3 = functionCall;
-var isObject$4 = isObject$8;
-var isSymbol$1 = isSymbol$2;
-var getMethod = getMethod$1;
-var ordinaryToPrimitive = ordinaryToPrimitive$1;
-var wellKnownSymbol$5 = wellKnownSymbol$6;
-
-var $TypeError$2 = TypeError;
-var TO_PRIMITIVE = wellKnownSymbol$5('toPrimitive');
-
-// `ToPrimitive` abstract operation
-// https://tc39.es/ecma262/#sec-toprimitive
-var toPrimitive$1 = function (input, pref) {
-  if (!isObject$4(input) || isSymbol$1(input)) return input;
-  var exoticToPrim = getMethod(input, TO_PRIMITIVE);
-  var result;
-  if (exoticToPrim) {
-    if (pref === undefined) pref = 'default';
-    result = call$3(exoticToPrim, input, pref);
-    if (!isObject$4(result) || isSymbol$1(result)) return result;
-    throw new $TypeError$2("Can't convert object to primitive value");
-  }
-  if (pref === undefined) pref = 'number';
-  return ordinaryToPrimitive(input, pref);
-};
-
-var toPrimitive = toPrimitive$1;
-var isSymbol = isSymbol$2;
-
-// `ToPropertyKey` abstract operation
-// https://tc39.es/ecma262/#sec-topropertykey
-var toPropertyKey$2 = function (argument) {
-  var key = toPrimitive(argument, 'string');
-  return isSymbol(key) ? key : key + '';
-};
-
-var DESCRIPTORS$7 = descriptors;
-var IE8_DOM_DEFINE$1 = ie8DomDefine;
-var V8_PROTOTYPE_DEFINE_BUG$1 = v8PrototypeDefineBug;
-var anObject$3 = anObject$4;
-var toPropertyKey$1 = toPropertyKey$2;
-
-var $TypeError$1 = TypeError;
-// eslint-disable-next-line es/no-object-defineproperty -- safe
-var $defineProperty = Object.defineProperty;
-// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
-var $getOwnPropertyDescriptor$1 = Object.getOwnPropertyDescriptor;
-var ENUMERABLE = 'enumerable';
-var CONFIGURABLE$1 = 'configurable';
-var WRITABLE = 'writable';
-
-// `Object.defineProperty` method
-// https://tc39.es/ecma262/#sec-object.defineproperty
-objectDefineProperty.f = DESCRIPTORS$7 ? V8_PROTOTYPE_DEFINE_BUG$1 ? function defineProperty(O, P, Attributes) {
-  anObject$3(O);
-  P = toPropertyKey$1(P);
-  anObject$3(Attributes);
-  if (typeof O === 'function' && P === 'prototype' && 'value' in Attributes && WRITABLE in Attributes && !Attributes[WRITABLE]) {
-    var current = $getOwnPropertyDescriptor$1(O, P);
-    if (current && current[WRITABLE]) {
-      O[P] = Attributes.value;
-      Attributes = {
-        configurable: CONFIGURABLE$1 in Attributes ? Attributes[CONFIGURABLE$1] : current[CONFIGURABLE$1],
-        enumerable: ENUMERABLE in Attributes ? Attributes[ENUMERABLE] : current[ENUMERABLE],
-        writable: false
-      };
-    }
-  } return $defineProperty(O, P, Attributes);
-} : $defineProperty : function defineProperty(O, P, Attributes) {
-  anObject$3(O);
-  P = toPropertyKey$1(P);
-  anObject$3(Attributes);
-  if (IE8_DOM_DEFINE$1) try {
-    return $defineProperty(O, P, Attributes);
-  } catch (error) { /* empty */ }
-  if ('get' in Attributes || 'set' in Attributes) throw new $TypeError$1('Accessors not supported');
-  if ('value' in Attributes) O[P] = Attributes.value;
-  return O;
-};
-
-var ceil = Math.ceil;
-var floor = Math.floor;
-
-// `Math.trunc` method
-// https://tc39.es/ecma262/#sec-math.trunc
-// eslint-disable-next-line es/no-math-trunc -- safe
-var mathTrunc = Math.trunc || function trunc(x) {
-  var n = +x;
-  return (n > 0 ? floor : ceil)(n);
-};
-
-var trunc = mathTrunc;
-
-// `ToIntegerOrInfinity` abstract operation
-// https://tc39.es/ecma262/#sec-tointegerorinfinity
-var toIntegerOrInfinity$2 = function (argument) {
-  var number = +argument;
-  // eslint-disable-next-line no-self-compare -- NaN check
-  return number !== number || number === 0 ? 0 : trunc(number);
-};
-
-var toIntegerOrInfinity$1 = toIntegerOrInfinity$2;
-
-var max = Math.max;
-var min$1 = Math.min;
-
-// Helper for a popular repeating case of the spec:
-// Let integer be ? ToInteger(index).
-// If integer < 0, let result be max((length + integer), 0); else let result be min(integer, length).
-var toAbsoluteIndex$1 = function (index, length) {
-  var integer = toIntegerOrInfinity$1(index);
-  return integer < 0 ? max(integer + length, 0) : min$1(integer, length);
-};
-
-var toIntegerOrInfinity = toIntegerOrInfinity$2;
-
-var min = Math.min;
-
-// `ToLength` abstract operation
-// https://tc39.es/ecma262/#sec-tolength
-var toLength$1 = function (argument) {
-  var len = toIntegerOrInfinity(argument);
-  return len > 0 ? min(len, 0x1FFFFFFFFFFFFF) : 0; // 2 ** 53 - 1 == 9007199254740991
-};
-
-var toLength = toLength$1;
-
-// `LengthOfArrayLike` abstract operation
-// https://tc39.es/ecma262/#sec-lengthofarraylike
-var lengthOfArrayLike$1 = function (obj) {
-  return toLength(obj.length);
-};
-
-var toIndexedObject$4 = toIndexedObject$5;
-var toAbsoluteIndex = toAbsoluteIndex$1;
-var lengthOfArrayLike = lengthOfArrayLike$1;
-
-// `Array.prototype.{ indexOf, includes }` methods implementation
-var createMethod = function (IS_INCLUDES) {
-  return function ($this, el, fromIndex) {
-    var O = toIndexedObject$4($this);
-    var length = lengthOfArrayLike(O);
-    if (length === 0) return !IS_INCLUDES && -1;
-    var index = toAbsoluteIndex(fromIndex, length);
-    var value;
-    // Array#includes uses SameValueZero equality algorithm
-    // eslint-disable-next-line no-self-compare -- NaN check
-    if (IS_INCLUDES && el !== el) while (length > index) {
-      value = O[index++];
-      // eslint-disable-next-line no-self-compare -- NaN check
-      if (value !== value) return true;
-    // Array#indexOf ignores holes, Array#includes - not
-    } else for (;length > index; index++) {
-      if ((IS_INCLUDES || index in O) && O[index] === el) return IS_INCLUDES || index || 0;
-    } return !IS_INCLUDES && -1;
-  };
-};
-
-var arrayIncludes = {
-  // `Array.prototype.includes` method
-  // https://tc39.es/ecma262/#sec-array.prototype.includes
-  includes: createMethod(true),
-  // `Array.prototype.indexOf` method
-  // https://tc39.es/ecma262/#sec-array.prototype.indexof
-  indexOf: createMethod(false)
-};
-
-var hiddenKeys$4 = {};
-
-var uncurryThis$5 = functionUncurryThis;
-var hasOwn$7 = hasOwnProperty_1;
-var toIndexedObject$3 = toIndexedObject$5;
-var indexOf = arrayIncludes.indexOf;
-var hiddenKeys$3 = hiddenKeys$4;
-
-var push = uncurryThis$5([].push);
-
-var objectKeysInternal = function (object, names) {
-  var O = toIndexedObject$3(object);
-  var i = 0;
-  var result = [];
-  var key;
-  for (key in O) !hasOwn$7(hiddenKeys$3, key) && hasOwn$7(O, key) && push(result, key);
-  // Don't enum bug & hidden keys
-  while (names.length > i) if (hasOwn$7(O, key = names[i++])) {
-    ~indexOf(result, key) || push(result, key);
-  }
-  return result;
-};
-
-// IE8- don't enum bug keys
-var enumBugKeys$3 = [
-  'constructor',
-  'hasOwnProperty',
-  'isPrototypeOf',
-  'propertyIsEnumerable',
-  'toLocaleString',
-  'toString',
-  'valueOf'
-];
-
-var internalObjectKeys$1 = objectKeysInternal;
-var enumBugKeys$2 = enumBugKeys$3;
-
-// `Object.keys` method
-// https://tc39.es/ecma262/#sec-object.keys
-// eslint-disable-next-line es/no-object-keys -- safe
-var objectKeys$2 = Object.keys || function keys(O) {
-  return internalObjectKeys$1(O, enumBugKeys$2);
-};
-
-var DESCRIPTORS$6 = descriptors;
-var V8_PROTOTYPE_DEFINE_BUG = v8PrototypeDefineBug;
-var definePropertyModule$3 = objectDefineProperty;
-var anObject$2 = anObject$4;
-var toIndexedObject$2 = toIndexedObject$5;
-var objectKeys$1 = objectKeys$2;
-
-// `Object.defineProperties` method
-// https://tc39.es/ecma262/#sec-object.defineproperties
-// eslint-disable-next-line es/no-object-defineproperties -- safe
-objectDefineProperties.f = DESCRIPTORS$6 && !V8_PROTOTYPE_DEFINE_BUG ? Object.defineProperties : function defineProperties(O, Properties) {
-  anObject$2(O);
-  var props = toIndexedObject$2(Properties);
-  var keys = objectKeys$1(Properties);
-  var length = keys.length;
-  var index = 0;
-  var key;
-  while (length > index) definePropertyModule$3.f(O, key = keys[index++], props[key]);
-  return O;
-};
-
-var getBuiltIn$1 = getBuiltIn$3;
-
-var html$1 = getBuiltIn$1('document', 'documentElement');
-
-var shared$1 = shared$3;
-var uid = uid$2;
-
-var keys = shared$1('keys');
-
-var sharedKey$3 = function (key) {
-  return keys[key] || (keys[key] = uid(key));
-};
-
-/* global ActiveXObject -- old IE, WSH */
-var anObject$1 = anObject$4;
-var definePropertiesModule = objectDefineProperties;
-var enumBugKeys$1 = enumBugKeys$3;
-var hiddenKeys$2 = hiddenKeys$4;
-var html = html$1;
-var documentCreateElement$1 = documentCreateElement$2;
-var sharedKey$2 = sharedKey$3;
-
-var GT = '>';
-var LT = '<';
-var PROTOTYPE = 'prototype';
-var SCRIPT = 'script';
-var IE_PROTO$1 = sharedKey$2('IE_PROTO');
-
-var EmptyConstructor = function () { /* empty */ };
-
-var scriptTag = function (content) {
-  return LT + SCRIPT + GT + content + LT + '/' + SCRIPT + GT;
-};
-
-// Create object with fake `null` prototype: use ActiveX Object with cleared prototype
-var NullProtoObjectViaActiveX = function (activeXDocument) {
-  activeXDocument.write(scriptTag(''));
-  activeXDocument.close();
-  var temp = activeXDocument.parentWindow.Object;
-  // eslint-disable-next-line no-useless-assignment -- avoid memory leak
-  activeXDocument = null;
-  return temp;
-};
-
-// Create object with fake `null` prototype: use iframe Object with cleared prototype
-var NullProtoObjectViaIFrame = function () {
-  // Thrash, waste and sodomy: IE GC bug
-  var iframe = documentCreateElement$1('iframe');
-  var JS = 'java' + SCRIPT + ':';
-  var iframeDocument;
-  iframe.style.display = 'none';
-  html.appendChild(iframe);
-  // https://github.com/zloirock/core-js/issues/475
-  iframe.src = String(JS);
-  iframeDocument = iframe.contentWindow.document;
-  iframeDocument.open();
-  iframeDocument.write(scriptTag('document.F=Object'));
-  iframeDocument.close();
-  return iframeDocument.F;
-};
-
-// Check for document.domain and active x support
-// No need to use active x approach when document.domain is not set
-// see https://github.com/es-shims/es5-shim/issues/150
-// variation of https://github.com/kitcambridge/es5-shim/commit/4f738ac066346
-// avoid IE GC bug
-var activeXDocument;
-var NullProtoObject = function () {
-  try {
-    activeXDocument = new ActiveXObject('htmlfile');
-  } catch (error) { /* ignore */ }
-  NullProtoObject = typeof document != 'undefined'
-    ? document.domain && activeXDocument
-      ? NullProtoObjectViaActiveX(activeXDocument) // old IE
-      : NullProtoObjectViaIFrame()
-    : NullProtoObjectViaActiveX(activeXDocument); // WSH
-  var length = enumBugKeys$1.length;
-  while (length--) delete NullProtoObject[PROTOTYPE][enumBugKeys$1[length]];
-  return NullProtoObject();
-};
-
-hiddenKeys$2[IE_PROTO$1] = true;
-
-// `Object.create` method
-// https://tc39.es/ecma262/#sec-object.create
-// eslint-disable-next-line es/no-object-create -- safe
-var objectCreate = Object.create || function create(O, Properties) {
-  var result;
-  if (O !== null) {
-    EmptyConstructor[PROTOTYPE] = anObject$1(O);
-    result = new EmptyConstructor();
-    EmptyConstructor[PROTOTYPE] = null;
-    // add "__proto__" for Object.getPrototypeOf polyfill
-    result[IE_PROTO$1] = O;
-  } else result = NullProtoObject();
-  return Properties === undefined ? result : definePropertiesModule.f(result, Properties);
-};
-
-var wellKnownSymbol$4 = wellKnownSymbol$6;
-var create$1 = objectCreate;
-var defineProperty$4 = objectDefineProperty.f;
-
-var UNSCOPABLES = wellKnownSymbol$4('unscopables');
-var ArrayPrototype = Array.prototype;
-
-// Array.prototype[@@unscopables]
-// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
-if (ArrayPrototype[UNSCOPABLES] === undefined) {
-  defineProperty$4(ArrayPrototype, UNSCOPABLES, {
-    configurable: true,
-    value: create$1(null)
-  });
-}
-
-// add a key to Array.prototype[@@unscopables]
-var addToUnscopables$1 = function (key) {
-  ArrayPrototype[UNSCOPABLES][key] = true;
-};
-
-var iterators = {};
-
-var globalThis$4 = globalThis_1;
-var isCallable$7 = isCallable$d;
-
-var WeakMap$1 = globalThis$4.WeakMap;
-
-var weakMapBasicDetection = isCallable$7(WeakMap$1) && /native code/.test(String(WeakMap$1));
-
-var createPropertyDescriptor$3 = function (bitmap, value) {
-  return {
-    enumerable: !(bitmap & 1),
-    configurable: !(bitmap & 2),
-    writable: !(bitmap & 4),
-    value: value
-  };
-};
-
-var DESCRIPTORS$5 = descriptors;
-var definePropertyModule$2 = objectDefineProperty;
-var createPropertyDescriptor$2 = createPropertyDescriptor$3;
-
-var createNonEnumerableProperty$4 = DESCRIPTORS$5 ? function (object, key, value) {
-  return definePropertyModule$2.f(object, key, createPropertyDescriptor$2(1, value));
-} : function (object, key, value) {
-  object[key] = value;
-  return object;
-};
-
-var NATIVE_WEAK_MAP = weakMapBasicDetection;
-var globalThis$3 = globalThis_1;
-var isObject$3 = isObject$8;
-var createNonEnumerableProperty$3 = createNonEnumerableProperty$4;
-var hasOwn$6 = hasOwnProperty_1;
-var shared = sharedStore.exports;
-var sharedKey$1 = sharedKey$3;
-var hiddenKeys$1 = hiddenKeys$4;
-
-var OBJECT_ALREADY_INITIALIZED = 'Object already initialized';
-var TypeError$1 = globalThis$3.TypeError;
-var WeakMap = globalThis$3.WeakMap;
-var set, get, has;
-
-var enforce = function (it) {
-  return has(it) ? get(it) : set(it, {});
-};
-
-var getterFor = function (TYPE) {
-  return function (it) {
-    var state;
-    if (!isObject$3(it) || (state = get(it)).type !== TYPE) {
-      throw new TypeError$1('Incompatible receiver, ' + TYPE + ' required');
-    } return state;
-  };
-};
-
-if (NATIVE_WEAK_MAP || shared.state) {
-  var store$1 = shared.state || (shared.state = new WeakMap());
-  /* eslint-disable no-self-assign -- prototype methods protection */
-  store$1.get = store$1.get;
-  store$1.has = store$1.has;
-  store$1.set = store$1.set;
-  /* eslint-enable no-self-assign -- prototype methods protection */
-  set = function (it, metadata) {
-    if (store$1.has(it)) throw new TypeError$1(OBJECT_ALREADY_INITIALIZED);
-    metadata.facade = it;
-    store$1.set(it, metadata);
-    return metadata;
-  };
-  get = function (it) {
-    return store$1.get(it) || {};
-  };
-  has = function (it) {
-    return store$1.has(it);
-  };
-} else {
-  var STATE = sharedKey$1('state');
-  hiddenKeys$1[STATE] = true;
-  set = function (it, metadata) {
-    if (hasOwn$6(it, STATE)) throw new TypeError$1(OBJECT_ALREADY_INITIALIZED);
-    metadata.facade = it;
-    createNonEnumerableProperty$3(it, STATE, metadata);
-    return metadata;
-  };
-  get = function (it) {
-    return hasOwn$6(it, STATE) ? it[STATE] : {};
-  };
-  has = function (it) {
-    return hasOwn$6(it, STATE);
-  };
-}
-
-var internalState = {
-  set: set,
-  get: get,
-  has: has,
-  enforce: enforce,
-  getterFor: getterFor
-};
-
-var objectGetOwnPropertyDescriptor = {};
-
-var objectPropertyIsEnumerable = {};
-
-var $propertyIsEnumerable = {}.propertyIsEnumerable;
-// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
-var getOwnPropertyDescriptor$1 = Object.getOwnPropertyDescriptor;
-
-// Nashorn ~ JDK8 bug
-var NASHORN_BUG = getOwnPropertyDescriptor$1 && !$propertyIsEnumerable.call({ 1: 2 }, 1);
-
-// `Object.prototype.propertyIsEnumerable` method implementation
-// https://tc39.es/ecma262/#sec-object.prototype.propertyisenumerable
-objectPropertyIsEnumerable.f = NASHORN_BUG ? function propertyIsEnumerable(V) {
-  var descriptor = getOwnPropertyDescriptor$1(this, V);
-  return !!descriptor && descriptor.enumerable;
-} : $propertyIsEnumerable;
-
-var DESCRIPTORS$4 = descriptors;
-var call$2 = functionCall;
-var propertyIsEnumerableModule$1 = objectPropertyIsEnumerable;
-var createPropertyDescriptor$1 = createPropertyDescriptor$3;
-var toIndexedObject$1 = toIndexedObject$5;
-var toPropertyKey = toPropertyKey$2;
-var hasOwn$5 = hasOwnProperty_1;
-var IE8_DOM_DEFINE = ie8DomDefine;
-
-// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
-var $getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
-
-// `Object.getOwnPropertyDescriptor` method
-// https://tc39.es/ecma262/#sec-object.getownpropertydescriptor
-objectGetOwnPropertyDescriptor.f = DESCRIPTORS$4 ? $getOwnPropertyDescriptor : function getOwnPropertyDescriptor(O, P) {
-  O = toIndexedObject$1(O);
-  P = toPropertyKey(P);
-  if (IE8_DOM_DEFINE) try {
-    return $getOwnPropertyDescriptor(O, P);
-  } catch (error) { /* empty */ }
-  if (hasOwn$5(O, P)) return createPropertyDescriptor$1(!call$2(propertyIsEnumerableModule$1.f, O, P), O[P]);
-};
-
-var makeBuiltIn$2 = {exports: {}};
-
-var DESCRIPTORS$3 = descriptors;
-var hasOwn$4 = hasOwnProperty_1;
-
-var FunctionPrototype = Function.prototype;
-// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
-var getDescriptor = DESCRIPTORS$3 && Object.getOwnPropertyDescriptor;
-
-var EXISTS = hasOwn$4(FunctionPrototype, 'name');
-// additional protection from minified / mangled / dropped function names
-var PROPER = EXISTS && (function something() { /* empty */ }).name === 'something';
-var CONFIGURABLE = EXISTS && (!DESCRIPTORS$3 || (DESCRIPTORS$3 && getDescriptor(FunctionPrototype, 'name').configurable));
-
-var functionName = {
-  EXISTS: EXISTS,
-  PROPER: PROPER,
-  CONFIGURABLE: CONFIGURABLE
-};
-
-var uncurryThis$4 = functionUncurryThis;
-var isCallable$6 = isCallable$d;
-var store = sharedStore.exports;
-
-var functionToString = uncurryThis$4(Function.toString);
-
-// this helper broken in `core-js@3.4.1-3.4.4`, so we can't use `shared` helper
-if (!isCallable$6(store.inspectSource)) {
-  store.inspectSource = function (it) {
-    return functionToString(it);
-  };
-}
-
-var inspectSource$1 = store.inspectSource;
-
-var uncurryThis$3 = functionUncurryThis;
-var fails$4 = fails$b;
-var isCallable$5 = isCallable$d;
-var hasOwn$3 = hasOwnProperty_1;
-var DESCRIPTORS$2 = descriptors;
-var CONFIGURABLE_FUNCTION_NAME$1 = functionName.CONFIGURABLE;
-var inspectSource = inspectSource$1;
-var InternalStateModule$1 = internalState;
-
-var enforceInternalState = InternalStateModule$1.enforce;
-var getInternalState$1 = InternalStateModule$1.get;
-var $String$1 = String;
-// eslint-disable-next-line es/no-object-defineproperty -- safe
-var defineProperty$3 = Object.defineProperty;
-var stringSlice = uncurryThis$3(''.slice);
-var replace = uncurryThis$3(''.replace);
-var join = uncurryThis$3([].join);
-
-var CONFIGURABLE_LENGTH = DESCRIPTORS$2 && !fails$4(function () {
-  return defineProperty$3(function () { /* empty */ }, 'length', { value: 8 }).length !== 8;
-});
-
-var TEMPLATE = String(String).split('String');
-
-var makeBuiltIn$1 = makeBuiltIn$2.exports = function (value, name, options) {
-  if (stringSlice($String$1(name), 0, 7) === 'Symbol(') {
-    name = '[' + replace($String$1(name), /^Symbol\(([^)]*)\).*$/, '$1') + ']';
-  }
-  if (options && options.getter) name = 'get ' + name;
-  if (options && options.setter) name = 'set ' + name;
-  if (!hasOwn$3(value, 'name') || (CONFIGURABLE_FUNCTION_NAME$1 && value.name !== name)) {
-    if (DESCRIPTORS$2) defineProperty$3(value, 'name', { value: name, configurable: true });
-    else value.name = name;
-  }
-  if (CONFIGURABLE_LENGTH && options && hasOwn$3(options, 'arity') && value.length !== options.arity) {
-    defineProperty$3(value, 'length', { value: options.arity });
-  }
-  try {
-    if (options && hasOwn$3(options, 'constructor') && options.constructor) {
-      if (DESCRIPTORS$2) defineProperty$3(value, 'prototype', { writable: false });
-    // in V8 ~ Chrome 53, prototypes of some methods, like `Array.prototype.values`, are non-writable
-    } else if (value.prototype) value.prototype = undefined;
-  } catch (error) { /* empty */ }
-  var state = enforceInternalState(value);
-  if (!hasOwn$3(state, 'source')) {
-    state.source = join(TEMPLATE, typeof name == 'string' ? name : '');
-  } return value;
-};
-
-// add fake Function#toString for correct work wrapped methods / constructors with methods like LoDash isNative
-// eslint-disable-next-line no-extend-native -- required
-Function.prototype.toString = makeBuiltIn$1(function toString() {
-  return isCallable$5(this) && getInternalState$1(this).source || inspectSource(this);
-}, 'toString');
-
-var isCallable$4 = isCallable$d;
-var definePropertyModule$1 = objectDefineProperty;
-var makeBuiltIn = makeBuiltIn$2.exports;
-var defineGlobalProperty$1 = defineGlobalProperty$3;
-
-var defineBuiltIn$3 = function (O, key, value, options) {
-  if (!options) options = {};
-  var simple = options.enumerable;
-  var name = options.name !== undefined ? options.name : key;
-  if (isCallable$4(value)) makeBuiltIn(value, name, options);
-  if (options.global) {
-    if (simple) O[key] = value;
-    else defineGlobalProperty$1(key, value);
-  } else {
-    try {
-      if (!options.unsafe) delete O[key];
-      else if (O[key]) simple = true;
-    } catch (error) { /* empty */ }
-    if (simple) O[key] = value;
-    else definePropertyModule$1.f(O, key, {
-      value: value,
-      enumerable: false,
-      configurable: !options.nonConfigurable,
-      writable: !options.nonWritable
-    });
-  } return O;
-};
-
-var objectGetOwnPropertyNames = {};
-
-var internalObjectKeys = objectKeysInternal;
-var enumBugKeys = enumBugKeys$3;
-
-var hiddenKeys = enumBugKeys.concat('length', 'prototype');
-
-// `Object.getOwnPropertyNames` method
-// https://tc39.es/ecma262/#sec-object.getownpropertynames
-// eslint-disable-next-line es/no-object-getownpropertynames -- safe
-objectGetOwnPropertyNames.f = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {
-  return internalObjectKeys(O, hiddenKeys);
-};
-
-var objectGetOwnPropertySymbols = {};
-
-// eslint-disable-next-line es/no-object-getownpropertysymbols -- safe
-objectGetOwnPropertySymbols.f = Object.getOwnPropertySymbols;
-
-var getBuiltIn = getBuiltIn$3;
-var uncurryThis$2 = functionUncurryThis;
-var getOwnPropertyNamesModule = objectGetOwnPropertyNames;
-var getOwnPropertySymbolsModule$1 = objectGetOwnPropertySymbols;
-var anObject = anObject$4;
-
-var concat$1 = uncurryThis$2([].concat);
-
-// all object keys, includes non-enumerable and symbols
-var ownKeys$1 = getBuiltIn('Reflect', 'ownKeys') || function ownKeys(it) {
-  var keys = getOwnPropertyNamesModule.f(anObject(it));
-  var getOwnPropertySymbols = getOwnPropertySymbolsModule$1.f;
-  return getOwnPropertySymbols ? concat$1(keys, getOwnPropertySymbols(it)) : keys;
-};
-
-var hasOwn$2 = hasOwnProperty_1;
-var ownKeys = ownKeys$1;
-var getOwnPropertyDescriptorModule = objectGetOwnPropertyDescriptor;
-var definePropertyModule = objectDefineProperty;
-
-var copyConstructorProperties$1 = function (target, source, exceptions) {
-  var keys = ownKeys(source);
-  var defineProperty = definePropertyModule.f;
-  var getOwnPropertyDescriptor = getOwnPropertyDescriptorModule.f;
-  for (var i = 0; i < keys.length; i++) {
-    var key = keys[i];
-    if (!hasOwn$2(target, key) && !(exceptions && hasOwn$2(exceptions, key))) {
-      defineProperty(target, key, getOwnPropertyDescriptor(source, key));
-    }
-  }
-};
-
-var fails$3 = fails$b;
-var isCallable$3 = isCallable$d;
-
-var replacement = /#|\.prototype\./;
-
-var isForced$1 = function (feature, detection) {
-  var value = data[normalize(feature)];
-  return value === POLYFILL ? true
-    : value === NATIVE ? false
-    : isCallable$3(detection) ? fails$3(detection)
-    : !!detection;
-};
-
-var normalize = isForced$1.normalize = function (string) {
-  return String(string).replace(replacement, '.').toLowerCase();
-};
-
-var data = isForced$1.data = {};
-var NATIVE = isForced$1.NATIVE = 'N';
-var POLYFILL = isForced$1.POLYFILL = 'P';
-
-var isForced_1 = isForced$1;
-
-var globalThis$2 = globalThis_1;
-var getOwnPropertyDescriptor = objectGetOwnPropertyDescriptor.f;
-var createNonEnumerableProperty$2 = createNonEnumerableProperty$4;
-var defineBuiltIn$2 = defineBuiltIn$3;
-var defineGlobalProperty = defineGlobalProperty$3;
-var copyConstructorProperties = copyConstructorProperties$1;
-var isForced = isForced_1;
-
-/*
-  options.target         - name of the target object
-  options.global         - target is the global object
-  options.stat           - export as static methods of target
-  options.proto          - export as prototype methods of target
-  options.real           - real prototype method for the `pure` version
-  options.forced         - export even if the native feature is available
-  options.bind           - bind methods to the target, required for the `pure` version
-  options.wrap           - wrap constructors to preventing global pollution, required for the `pure` version
-  options.unsafe         - use the simple assignment of property instead of delete + defineProperty
-  options.sham           - add a flag to not completely full polyfills
-  options.enumerable     - export as enumerable property
-  options.dontCallGetSet - prevent calling a getter on target
-  options.name           - the .name of the function if it does not match the key
-*/
-var _export = function (options, source) {
-  var TARGET = options.target;
-  var GLOBAL = options.global;
-  var STATIC = options.stat;
-  var FORCED, target, key, targetProperty, sourceProperty, descriptor;
-  if (GLOBAL) {
-    target = globalThis$2;
-  } else if (STATIC) {
-    target = globalThis$2[TARGET] || defineGlobalProperty(TARGET, {});
-  } else {
-    target = globalThis$2[TARGET] && globalThis$2[TARGET].prototype;
-  }
-  if (target) for (key in source) {
-    sourceProperty = source[key];
-    if (options.dontCallGetSet) {
-      descriptor = getOwnPropertyDescriptor(target, key);
-      targetProperty = descriptor && descriptor.value;
-    } else targetProperty = target[key];
-    FORCED = isForced(GLOBAL ? key : TARGET + (STATIC ? '.' : '#') + key, options.forced);
-    // contained in target
-    if (!FORCED && targetProperty !== undefined) {
-      if (typeof sourceProperty == typeof targetProperty) continue;
-      copyConstructorProperties(sourceProperty, targetProperty);
-    }
-    // add a flag to not completely full polyfills
-    if (options.sham || (targetProperty && targetProperty.sham)) {
-      createNonEnumerableProperty$2(sourceProperty, 'sham', true);
-    }
-    defineBuiltIn$2(target, key, sourceProperty, options);
-  }
-};
-
-var fails$2 = fails$b;
-
-var correctPrototypeGetter = !fails$2(function () {
-  function F() { /* empty */ }
-  F.prototype.constructor = null;
-  // eslint-disable-next-line es/no-object-getprototypeof -- required for testing
-  return Object.getPrototypeOf(new F()) !== F.prototype;
-});
-
-var hasOwn$1 = hasOwnProperty_1;
-var isCallable$2 = isCallable$d;
-var toObject$1 = toObject$3;
-var sharedKey = sharedKey$3;
-var CORRECT_PROTOTYPE_GETTER = correctPrototypeGetter;
-
-var IE_PROTO = sharedKey('IE_PROTO');
-var $Object = Object;
-var ObjectPrototype = $Object.prototype;
-
-// `Object.getPrototypeOf` method
-// https://tc39.es/ecma262/#sec-object.getprototypeof
-// eslint-disable-next-line es/no-object-getprototypeof -- safe
-var objectGetPrototypeOf = CORRECT_PROTOTYPE_GETTER ? $Object.getPrototypeOf : function (O) {
-  var object = toObject$1(O);
-  if (hasOwn$1(object, IE_PROTO)) return object[IE_PROTO];
-  var constructor = object.constructor;
-  if (isCallable$2(constructor) && object instanceof constructor) {
-    return constructor.prototype;
-  } return object instanceof $Object ? ObjectPrototype : null;
-};
-
-var fails$1 = fails$b;
-var isCallable$1 = isCallable$d;
-var isObject$2 = isObject$8;
-var getPrototypeOf$1 = objectGetPrototypeOf;
-var defineBuiltIn$1 = defineBuiltIn$3;
-var wellKnownSymbol$3 = wellKnownSymbol$6;
-
-var ITERATOR$2 = wellKnownSymbol$3('iterator');
-var BUGGY_SAFARI_ITERATORS$1 = false;
-
-// `%IteratorPrototype%` object
-// https://tc39.es/ecma262/#sec-%iteratorprototype%-object
-var IteratorPrototype$2, PrototypeOfArrayIteratorPrototype, arrayIterator;
-
-/* eslint-disable es/no-array-prototype-keys -- safe */
-if ([].keys) {
-  arrayIterator = [].keys();
-  // Safari 8 has buggy iterators w/o `next`
-  if (!('next' in arrayIterator)) BUGGY_SAFARI_ITERATORS$1 = true;
-  else {
-    PrototypeOfArrayIteratorPrototype = getPrototypeOf$1(getPrototypeOf$1(arrayIterator));
-    if (PrototypeOfArrayIteratorPrototype !== Object.prototype) IteratorPrototype$2 = PrototypeOfArrayIteratorPrototype;
-  }
-}
-
-var NEW_ITERATOR_PROTOTYPE = !isObject$2(IteratorPrototype$2) || fails$1(function () {
-  var test = {};
-  // FF44- legacy iterators case
-  return IteratorPrototype$2[ITERATOR$2].call(test) !== test;
-});
-
-if (NEW_ITERATOR_PROTOTYPE) IteratorPrototype$2 = {};
-
-// `%IteratorPrototype%[@@iterator]()` method
-// https://tc39.es/ecma262/#sec-%iteratorprototype%-@@iterator
-if (!isCallable$1(IteratorPrototype$2[ITERATOR$2])) {
-  defineBuiltIn$1(IteratorPrototype$2, ITERATOR$2, function () {
-    return this;
-  });
-}
-
-var iteratorsCore = {
-  IteratorPrototype: IteratorPrototype$2,
-  BUGGY_SAFARI_ITERATORS: BUGGY_SAFARI_ITERATORS$1
-};
-
-var defineProperty$2 = objectDefineProperty.f;
-var hasOwn = hasOwnProperty_1;
-var wellKnownSymbol$2 = wellKnownSymbol$6;
-
-var TO_STRING_TAG = wellKnownSymbol$2('toStringTag');
-
-var setToStringTag$3 = function (target, TAG, STATIC) {
-  if (target && !STATIC) target = target.prototype;
-  if (target && !hasOwn(target, TO_STRING_TAG)) {
-    defineProperty$2(target, TO_STRING_TAG, { configurable: true, value: TAG });
-  }
-};
-
-var IteratorPrototype$1 = iteratorsCore.IteratorPrototype;
-var create = objectCreate;
-var createPropertyDescriptor = createPropertyDescriptor$3;
-var setToStringTag$2 = setToStringTag$3;
-var Iterators$2 = iterators;
-
-var returnThis$1 = function () { return this; };
-
-var iteratorCreateConstructor = function (IteratorConstructor, NAME, next, ENUMERABLE_NEXT) {
-  var TO_STRING_TAG = NAME + ' Iterator';
-  IteratorConstructor.prototype = create(IteratorPrototype$1, { next: createPropertyDescriptor(+!ENUMERABLE_NEXT, next) });
-  setToStringTag$2(IteratorConstructor, TO_STRING_TAG, false);
-  Iterators$2[TO_STRING_TAG] = returnThis$1;
-  return IteratorConstructor;
-};
-
-var uncurryThis$1 = functionUncurryThis;
-var aCallable = aCallable$2;
-
-var functionUncurryThisAccessor = function (object, key, method) {
-  try {
-    // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
-    return uncurryThis$1(aCallable(Object.getOwnPropertyDescriptor(object, key)[method]));
-  } catch (error) { /* empty */ }
-};
-
-var isObject$1 = isObject$8;
-
-var isPossiblePrototype$1 = function (argument) {
-  return isObject$1(argument) || argument === null;
-};
-
-var isPossiblePrototype = isPossiblePrototype$1;
-
-var $String = String;
-var $TypeError = TypeError;
-
-var aPossiblePrototype$1 = function (argument) {
-  if (isPossiblePrototype(argument)) return argument;
-  throw new $TypeError("Can't set " + $String(argument) + ' as a prototype');
-};
-
-/* eslint-disable no-proto -- safe */
-var uncurryThisAccessor = functionUncurryThisAccessor;
-var isObject = isObject$8;
-var requireObjectCoercible = requireObjectCoercible$3;
-var aPossiblePrototype = aPossiblePrototype$1;
-
-// `Object.setPrototypeOf` method
-// https://tc39.es/ecma262/#sec-object.setprototypeof
-// Works with __proto__ only. Old v8 can't work with null proto objects.
-// eslint-disable-next-line es/no-object-setprototypeof -- safe
-var objectSetPrototypeOf = Object.setPrototypeOf || ('__proto__' in {} ? function () {
-  var CORRECT_SETTER = false;
-  var test = {};
-  var setter;
-  try {
-    setter = uncurryThisAccessor(Object.prototype, '__proto__', 'set');
-    setter(test, []);
-    CORRECT_SETTER = test instanceof Array;
-  } catch (error) { /* empty */ }
-  return function setPrototypeOf(O, proto) {
-    requireObjectCoercible(O);
-    aPossiblePrototype(proto);
-    if (!isObject(O)) return O;
-    if (CORRECT_SETTER) setter(O, proto);
-    else O.__proto__ = proto;
-    return O;
-  };
-}() : undefined);
-
-var $$1 = _export;
-var call$1 = functionCall;
-var FunctionName = functionName;
-var isCallable = isCallable$d;
-var createIteratorConstructor = iteratorCreateConstructor;
-var getPrototypeOf = objectGetPrototypeOf;
-var setPrototypeOf = objectSetPrototypeOf;
-var setToStringTag$1 = setToStringTag$3;
-var createNonEnumerableProperty$1 = createNonEnumerableProperty$4;
-var defineBuiltIn = defineBuiltIn$3;
-var wellKnownSymbol$1 = wellKnownSymbol$6;
-var Iterators$1 = iterators;
-var IteratorsCore = iteratorsCore;
-
-var PROPER_FUNCTION_NAME = FunctionName.PROPER;
-var CONFIGURABLE_FUNCTION_NAME = FunctionName.CONFIGURABLE;
-var IteratorPrototype = IteratorsCore.IteratorPrototype;
-var BUGGY_SAFARI_ITERATORS = IteratorsCore.BUGGY_SAFARI_ITERATORS;
-var ITERATOR$1 = wellKnownSymbol$1('iterator');
-var KEYS = 'keys';
-var VALUES = 'values';
-var ENTRIES = 'entries';
-
-var returnThis = function () { return this; };
-
-var iteratorDefine = function (Iterable, NAME, IteratorConstructor, next, DEFAULT, IS_SET, FORCED) {
-  createIteratorConstructor(IteratorConstructor, NAME, next);
-
-  var getIterationMethod = function (KIND) {
-    if (KIND === DEFAULT && defaultIterator) return defaultIterator;
-    if (!BUGGY_SAFARI_ITERATORS && KIND && KIND in IterablePrototype) return IterablePrototype[KIND];
-
-    switch (KIND) {
-      case KEYS: return function keys() { return new IteratorConstructor(this, KIND); };
-      case VALUES: return function values() { return new IteratorConstructor(this, KIND); };
-      case ENTRIES: return function entries() { return new IteratorConstructor(this, KIND); };
-    }
-
-    return function () { return new IteratorConstructor(this); };
-  };
-
-  var TO_STRING_TAG = NAME + ' Iterator';
-  var INCORRECT_VALUES_NAME = false;
-  var IterablePrototype = Iterable.prototype;
-  var nativeIterator = IterablePrototype[ITERATOR$1]
-    || IterablePrototype['@@iterator']
-    || DEFAULT && IterablePrototype[DEFAULT];
-  var defaultIterator = !BUGGY_SAFARI_ITERATORS && nativeIterator || getIterationMethod(DEFAULT);
-  var anyNativeIterator = NAME === 'Array' ? IterablePrototype.entries || nativeIterator : nativeIterator;
-  var CurrentIteratorPrototype, methods, KEY;
-
-  // fix native
-  if (anyNativeIterator) {
-    CurrentIteratorPrototype = getPrototypeOf(anyNativeIterator.call(new Iterable()));
-    if (CurrentIteratorPrototype !== Object.prototype && CurrentIteratorPrototype.next) {
-      if (getPrototypeOf(CurrentIteratorPrototype) !== IteratorPrototype) {
-        if (setPrototypeOf) {
-          setPrototypeOf(CurrentIteratorPrototype, IteratorPrototype);
-        } else if (!isCallable(CurrentIteratorPrototype[ITERATOR$1])) {
-          defineBuiltIn(CurrentIteratorPrototype, ITERATOR$1, returnThis);
-        }
-      }
-      // Set @@toStringTag to native iterators
-      setToStringTag$1(CurrentIteratorPrototype, TO_STRING_TAG, true);
-    }
-  }
-
-  // fix Array.prototype.{ values, @@iterator }.name in V8 / FF
-  if (PROPER_FUNCTION_NAME && DEFAULT === VALUES && nativeIterator && nativeIterator.name !== VALUES) {
-    if (CONFIGURABLE_FUNCTION_NAME) {
-      createNonEnumerableProperty$1(IterablePrototype, 'name', VALUES);
-    } else {
-      INCORRECT_VALUES_NAME = true;
-      defaultIterator = function values() { return call$1(nativeIterator, this); };
-    }
-  }
-
-  // export additional methods
-  if (DEFAULT) {
-    methods = {
-      values: getIterationMethod(VALUES),
-      keys: IS_SET ? defaultIterator : getIterationMethod(KEYS),
-      entries: getIterationMethod(ENTRIES)
-    };
-    if (FORCED) for (KEY in methods) {
-      if (BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME || !(KEY in IterablePrototype)) {
-        defineBuiltIn(IterablePrototype, KEY, methods[KEY]);
-      }
-    } else $$1({ target: NAME, proto: true, forced: BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME }, methods);
-  }
-
-  // define iterator
-  if (IterablePrototype[ITERATOR$1] !== defaultIterator) {
-    defineBuiltIn(IterablePrototype, ITERATOR$1, defaultIterator, { name: DEFAULT });
-  }
-  Iterators$1[NAME] = defaultIterator;
-
-  return methods;
-};
-
-// `CreateIterResultObject` abstract operation
-// https://tc39.es/ecma262/#sec-createiterresultobject
-var createIterResultObject$1 = function (value, done) {
-  return { value: value, done: done };
-};
-
-var toIndexedObject = toIndexedObject$5;
-var addToUnscopables = addToUnscopables$1;
-var Iterators = iterators;
-var InternalStateModule = internalState;
-var defineProperty$1 = objectDefineProperty.f;
-var defineIterator = iteratorDefine;
-var createIterResultObject = createIterResultObject$1;
-var DESCRIPTORS$1 = descriptors;
-
-var ARRAY_ITERATOR = 'Array Iterator';
-var setInternalState = InternalStateModule.set;
-var getInternalState = InternalStateModule.getterFor(ARRAY_ITERATOR);
-
-// `Array.prototype.entries` method
-// https://tc39.es/ecma262/#sec-array.prototype.entries
-// `Array.prototype.keys` method
-// https://tc39.es/ecma262/#sec-array.prototype.keys
-// `Array.prototype.values` method
-// https://tc39.es/ecma262/#sec-array.prototype.values
-// `Array.prototype[@@iterator]` method
-// https://tc39.es/ecma262/#sec-array.prototype-@@iterator
-// `CreateArrayIterator` internal method
-// https://tc39.es/ecma262/#sec-createarrayiterator
-var es_array_iterator = defineIterator(Array, 'Array', function (iterated, kind) {
-  setInternalState(this, {
-    type: ARRAY_ITERATOR,
-    target: toIndexedObject(iterated), // target
-    index: 0,                          // next index
-    kind: kind                         // kind
-  });
-// `%ArrayIteratorPrototype%.next` method
-// https://tc39.es/ecma262/#sec-%arrayiteratorprototype%.next
-}, function () {
-  var state = getInternalState(this);
-  var target = state.target;
-  var index = state.index++;
-  if (!target || index >= target.length) {
-    state.target = null;
-    return createIterResultObject(undefined, true);
-  }
-  switch (state.kind) {
-    case 'keys': return createIterResultObject(index, false);
-    case 'values': return createIterResultObject(target[index], false);
-  } return createIterResultObject([index, target[index]], false);
-}, 'values');
-
-// argumentsList[@@iterator] is %ArrayProto_values%
-// https://tc39.es/ecma262/#sec-createunmappedargumentsobject
-// https://tc39.es/ecma262/#sec-createmappedargumentsobject
-var values = Iterators.Arguments = Iterators.Array;
-
-// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
-addToUnscopables('keys');
-addToUnscopables('values');
-addToUnscopables('entries');
-
-// V8 ~ Chrome 45- bug
-if (DESCRIPTORS$1 && values.name !== 'values') try {
-  defineProperty$1(values, 'name', { value: 'values' });
-} catch (error) { /* empty */ }
-
-// iterable DOM collections
-// flag - `iterable` interface - 'entries', 'keys', 'values', 'forEach' methods
-var domIterables = {
-  CSSRuleList: 0,
-  CSSStyleDeclaration: 0,
-  CSSValueList: 0,
-  ClientRectList: 0,
-  DOMRectList: 0,
-  DOMStringList: 0,
-  DOMTokenList: 1,
-  DataTransferItemList: 0,
-  FileList: 0,
-  HTMLAllCollection: 0,
-  HTMLCollection: 0,
-  HTMLFormElement: 0,
-  HTMLSelectElement: 0,
-  MediaList: 0,
-  MimeTypeArray: 0,
-  NamedNodeMap: 0,
-  NodeList: 1,
-  PaintRequestList: 0,
-  Plugin: 0,
-  PluginArray: 0,
-  SVGLengthList: 0,
-  SVGNumberList: 0,
-  SVGPathSegList: 0,
-  SVGPointList: 0,
-  SVGStringList: 0,
-  SVGTransformList: 0,
-  SourceBufferList: 0,
-  StyleSheetList: 0,
-  TextTrackCueList: 0,
-  TextTrackList: 0,
-  TouchList: 0
-};
-
-// in old WebKit versions, `element.classList` is not an instance of global `DOMTokenList`
-var documentCreateElement = documentCreateElement$2;
-
-var classList = documentCreateElement('span').classList;
-var DOMTokenListPrototype$1 = classList && classList.constructor && classList.constructor.prototype;
-
-var domTokenListPrototype = DOMTokenListPrototype$1 === Object.prototype ? undefined : DOMTokenListPrototype$1;
-
-var globalThis$1 = globalThis_1;
-var DOMIterables = domIterables;
-var DOMTokenListPrototype = domTokenListPrototype;
-var ArrayIteratorMethods = es_array_iterator;
-var createNonEnumerableProperty = createNonEnumerableProperty$4;
-var setToStringTag = setToStringTag$3;
-var wellKnownSymbol = wellKnownSymbol$6;
-
-var ITERATOR = wellKnownSymbol('iterator');
-var ArrayValues = ArrayIteratorMethods.values;
-
-var handlePrototype = function (CollectionPrototype, COLLECTION_NAME) {
-  if (CollectionPrototype) {
-    // some Chrome versions have non-configurable methods on DOMTokenList
-    if (CollectionPrototype[ITERATOR] !== ArrayValues) try {
-      createNonEnumerableProperty(CollectionPrototype, ITERATOR, ArrayValues);
-    } catch (error) {
-      CollectionPrototype[ITERATOR] = ArrayValues;
-    }
-    setToStringTag(CollectionPrototype, COLLECTION_NAME, true);
-    if (DOMIterables[COLLECTION_NAME]) for (var METHOD_NAME in ArrayIteratorMethods) {
-      // some Chrome versions have non-configurable methods on DOMTokenList
-      if (CollectionPrototype[METHOD_NAME] !== ArrayIteratorMethods[METHOD_NAME]) try {
-        createNonEnumerableProperty(CollectionPrototype, METHOD_NAME, ArrayIteratorMethods[METHOD_NAME]);
-      } catch (error) {
-        CollectionPrototype[METHOD_NAME] = ArrayIteratorMethods[METHOD_NAME];
-      }
-    }
-  }
-};
-
-for (var COLLECTION_NAME in DOMIterables) {
-  handlePrototype(globalThis$1[COLLECTION_NAME] && globalThis$1[COLLECTION_NAME].prototype, COLLECTION_NAME);
-}
-
-handlePrototype(DOMTokenListPrototype, 'DOMTokenList');
-
-var DESCRIPTORS = descriptors;
-var uncurryThis = functionUncurryThis;
-var call = functionCall;
-var fails = fails$b;
-var objectKeys = objectKeys$2;
-var getOwnPropertySymbolsModule = objectGetOwnPropertySymbols;
-var propertyIsEnumerableModule = objectPropertyIsEnumerable;
-var toObject = toObject$3;
-var IndexedObject = indexedObject;
-
-// eslint-disable-next-line es/no-object-assign -- safe
-var $assign = Object.assign;
-// eslint-disable-next-line es/no-object-defineproperty -- required for testing
-var defineProperty = Object.defineProperty;
-var concat = uncurryThis([].concat);
-
-// `Object.assign` method
-// https://tc39.es/ecma262/#sec-object.assign
-var objectAssign = !$assign || fails(function () {
-  // should have correct order of operations (Edge bug)
-  if (DESCRIPTORS && $assign({ b: 1 }, $assign(defineProperty({}, 'a', {
-    enumerable: true,
-    get: function () {
-      defineProperty(this, 'b', {
-        value: 3,
-        enumerable: false
-      });
-    }
-  }), { b: 2 })).b !== 1) return true;
-  // should work with symbols and should have deterministic property order (V8 bug)
-  var A = {};
-  var B = {};
-  // eslint-disable-next-line es/no-symbol -- safe
-  var symbol = Symbol('assign detection');
-  var alphabet = 'abcdefghijklmnopqrst';
-  A[symbol] = 7;
-  alphabet.split('').forEach(function (chr) { B[chr] = chr; });
-  return $assign({}, A)[symbol] !== 7 || objectKeys($assign({}, B)).join('') !== alphabet;
-}) ? function assign(target, source) { // eslint-disable-line no-unused-vars -- required for `.length`
-  var T = toObject(target);
-  var argumentsLength = arguments.length;
-  var index = 1;
-  var getOwnPropertySymbols = getOwnPropertySymbolsModule.f;
-  var propertyIsEnumerable = propertyIsEnumerableModule.f;
-  while (argumentsLength > index) {
-    var S = IndexedObject(arguments[index++]);
-    var keys = getOwnPropertySymbols ? concat(objectKeys(S), getOwnPropertySymbols(S)) : objectKeys(S);
-    var length = keys.length;
-    var j = 0;
-    var key;
-    while (length > j) {
-      key = keys[j++];
-      if (!DESCRIPTORS || call(propertyIsEnumerable, S, key)) T[key] = S[key];
-    }
-  } return T;
-} : $assign;
-
-var $ = _export;
-var assign = objectAssign;
-
-// `Object.assign` method
-// https://tc39.es/ecma262/#sec-object.assign
-// eslint-disable-next-line es/no-object-assign -- required for testing
-$({ target: 'Object', stat: true, arity: 2, forced: Object.assign !== assign }, {
-  assign: assign
-});
-
-const BuildSchemaAsFields = ({
-  components,
-  mappers,
-  formIndex,
-  mountedForm
-}) => {
-  return components && components.map(component => {
-    const mapper = mappers === null || mappers === void 0 ? void 0 : mappers.find(el => el.componentName === component.component);
-    return mapper ? jsx(AsFormFieldBuilder, Object.assign({
-      formIndex: formIndex,
-      mapper: mapper,
-      formMounted: mountedForm
-    }, component, {
-      children: component.children && component.children.length > 0 && jsx(BuildSchemaAsFields, {
-        formIndex: formIndex,
-        mappers: mappers,
-        components: component.children,
-        mountedForm: mountedForm
-      })
-    }), component.name) : jsx("div", {
-      children: `component mapper not found for ${component.component} from field name ${component.name} on form ${formIndex}`
-    }, component.name);
-  });
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
+
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
 const FormGroupContext = /*#__PURE__*/createContext({});
@@ -1660,7 +50,8 @@ const IsolatedContext = ({
   config
 }) => {
   const formGroupInstance = useRef(new FormGroup({
-    config
+    config,
+    mappers
   }));
   const formGroupContextMountRef = useRef(false);
   const addFormWithIndex = index => {
@@ -1770,36 +161,292 @@ const useFormGroupContext = props => {
   return context;
 };
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+/**
+ * Renders the React element defined on the mappers configuration
+ *
+ * @param param component props, field instance and children to render
+ * @returns
+ */
+const FieldWrapperComponentRender = ({
+  props,
+  fieldInstance,
+  children,
+  mapper
+}) => {
+  var _a, _b, _c;
+  const Component = (mapper === null || mapper === void 0 ? void 0 : mapper.component) || ((_a = fieldInstance === null || fieldInstance === void 0 ? void 0 : fieldInstance.mapper) === null || _a === void 0 ? void 0 : _a.component);
+  const Asynccomponent = (mapper === null || mapper === void 0 ? void 0 : mapper.asynccomponent) || ((_b = fieldInstance === null || fieldInstance === void 0 ? void 0 : fieldInstance.mapper) === null || _b === void 0 ? void 0 : _b.asynccomponent);
+  if (Component) return jsx(Component, Object.assign({}, props, {
+    children: children && children
+  }));
+  if (Asynccomponent) return jsx(Suspense, {
+    children: jsx(Asynccomponent, Object.assign({}, props, {
+      children: children && children
+    }))
+  });
+  return jsx("div", {
+    children: `failed to render field ${fieldInstance === null || fieldInstance === void 0 ? void 0 : fieldInstance.name} with componentName:${(_c = fieldInstance === null || fieldInstance === void 0 ? void 0 : fieldInstance.mapper) === null || _c === void 0 ? void 0 : _c.componentName}, please check mappers`
+  });
+};
+/**
+ * Base field Wrapper to render the component with the necessary configurations from the schema
+ * and mapper configuration
+ *
+ * @param {TFieldWrapperProps} param FieldWrapper params
+ * @returns {ReactElement}
+ */
+const FieldWrapper = ({
+  name,
+  formIndex,
+  children,
+  props,
+  context,
+  mounted,
+  mapper,
+  visibility,
+  component
+}) => {
+  var _a, _b, _c;
+  const localContext = useFormGroupContext({});
+  const fieldMapper = mapper || ((_a = localContext.mappers) === null || _a === void 0 ? void 0 : _a.find(mapper => mapper.componentName === component));
+  /**
+   * picks the right context prioritizing the context passed as prop
+   */
+  const {
+    formGroupInstance,
+    debugMode
+  } = useMemo(() => context ? context : localContext, [context, localContext]);
+  /**
+   * retrieves the field instance when it's mounted
+   */
+  const fieldInstance = useMemo(() => {
+    var _a;
+    return (_a = formGroupInstance.getForm({
+      key: formIndex
+    })) === null || _a === void 0 ? void 0 : _a.getField({
+      key: name
+    });
+  }, [mounted]);
+  /**
+   * props with templates stripped until the field isn't ready on the instance
+   */
+  const filteredProps = useMemo(() => {
+    return FormField.filterProps(props);
+  }, []);
+  /**
+   * sends props changed on the adapter for comparison to effectively change props for the instance
+   */
+  useEffect(() => {
+    if (fieldInstance && props) fieldInstance.adapterProps = props;
+  }, [props]);
+  const [valueState, setValueState] = useState((fieldInstance === null || fieldInstance === void 0 ? void 0 : fieldInstance.stateValue) || {
+    [((_b = fieldMapper === null || fieldMapper === void 0 ? void 0 : fieldMapper.events) === null || _b === void 0 ? void 0 : _b.setValue) || 'value']: ''
+  });
+  const [state, setState] = useState({
+    visibility: typeof visibility === 'boolean' ? visibility : true,
+    props: filteredProps
+  });
+  /**
+   * handles the mounting and unmounting logic onto the field instance
+   */
+  useEffect(() => {
+    if (!fieldInstance || (fieldInstance === null || fieldInstance === void 0 ? void 0 : fieldInstance.mounted)) return;
+    fieldInstance.mountField({
+      valueSubscription: value => {
+        setValueState(value);
+      },
+      propsSubscription: ({
+        visibility,
+        props,
+        errors
+      }) => {
+        setState(prev => Object.assign(Object.assign({}, prev), {
+          visibility,
+          props,
+          errors
+        }));
+      }
+    });
+  }, [fieldInstance]);
+  /**
+   * recycle effect to remove the field Subscriptions due to memory leaks
+   */
+  useEffect(() => {
+    return () => {
+      (fieldInstance === null || fieldInstance === void 0 ? void 0 : fieldInstance.mounted) && (fieldInstance === null || fieldInstance === void 0 ? void 0 : fieldInstance.destroyField());
+    };
+  }, []);
+  /**
+   * handles the value change onto the field instance
+   */
+  const handleChange = useCallback(event => {
+    if (!mounted) return;
+    fieldInstance === null || fieldInstance === void 0 ? void 0 : fieldInstance.emitValue({
+      value: event,
+      event: 'ON_FIELD_CHANGE'
+    });
+  }, [mounted]);
+  /**
+   * handles the event emission onto the field instance
+   */
+  const handleEvent = useCallback(event => {
+    if (!mounted) return;
+    fieldInstance === null || fieldInstance === void 0 ? void 0 : fieldInstance.emitEvents({
+      event
+    });
+  }, [mounted]);
+  /**
+   * handles the mappers configuration to bind the event submission callback
+   * to the corresponding prop defined on the mappers
+   */
+  const mapProps = useMemo(() => {
+    const events = fieldMapper === null || fieldMapper === void 0 ? void 0 : fieldMapper.events;
+    const props = {};
+    if (events === null || events === void 0 ? void 0 : events.onBlur) props[events.onBlur] = () => handleEvent('ON_FIELD_BLUR');
+    if (events === null || events === void 0 ? void 0 : events.getValue) props[events.getValue] = handleChange;
+    if (events === null || events === void 0 ? void 0 : events.onFocus) props[events.onFocus] = () => handleEvent('ON_FIELD_FOCUS');
+    if (events === null || events === void 0 ? void 0 : events.onClick) props[events.onClick] = () => handleEvent('ON_FIELD_CLICK');
+    if (events === null || events === void 0 ? void 0 : events.onSubmit) props[events.onSubmit] = () => handleEvent('ON_FORM_SUBMIT');
+    if (events === null || events === void 0 ? void 0 : events.onKeyUp) props[events.onKeyUp] = () => handleEvent('ON_FIELD_KEYUP');
+    if (events === null || events === void 0 ? void 0 : events.onKeyDown) props[events.onKeyDown] = () => handleEvent('ON_FIELD_KEYDOWN');
+    return props;
+  }, [mounted]);
+  return state.visibility ? jsxs(Fragment, {
+    children: [debugMode && jsxs("div", {
+      style: {
+        width: '100%',
+        display: 'flex',
+        flexDirection: 'column'
+      },
+      children: [jsxs("b", {
+        style: {
+          padding: '0px',
+          margin: '0px'
+        },
+        children: ["name:", name]
+      }), jsx("br", {}), jsx("hr", {})]
+    }), jsx(FieldWrapperComponentRender, {
+      props: Object.assign(Object.assign(Object.assign(Object.assign({}, mapProps), state.props), state.errors), valueState),
+      fieldInstance: fieldInstance,
+      mapper: fieldMapper,
+      children: children ? children : ((_c = state === null || state === void 0 ? void 0 : state.props) === null || _c === void 0 ? void 0 : _c.children) ? state === null || state === void 0 ? void 0 : state.props.children : null
+    })]
+  }) : jsx(Fragment, {});
+};
+
+/**
+ * Component Wrapper to render form fields without the Form component, gets additional formId and mapper since
+ * it won't rely on them and needs to be manually declared
+ *
+ * @param {TAsFormFieldBuilderProps} props JSON schema props along with FieldWrapper props and mapper props
+ * @returns {ReactElement}
+ */
+const AsFormFieldBuilder = props => {
+  const context = useFormGroupContext({});
+  /**
+   * state to track the field instance mounting (client-side reactivity activation)
+   */
+  const [mounted, setMounted] = useState(false);
+  const mountedRef = useRef(false);
+  /**
+   * initializer to create or add a form instance to the formGroup by it's formId
+   * and add the field to the form instance
+   */
+  useEffect(() => {
+    var _a, _b;
+    if (mountedRef.current) return;
+    if (typeof props.formMounted === 'undefined' && !((_a = context.formGroupInstance) === null || _a === void 0 ? void 0 : _a.forms.has(props.formIndex))) {
+      context.addFormWithIndex(props.formIndex);
+    }
+    if (props.formMounted || typeof props.formMounted === 'undefined') {
+      const formInstance = context.formGroupInstance.forms.get(props.formIndex);
+      if (formInstance && !formInstance.fields.has(props.name)) {
+        const fieldSchema = Object.assign(Object.assign({}, props), {
+          component: ((_b = props.mapper) === null || _b === void 0 ? void 0 : _b.componentName) || props.component,
+          children: undefined
+        });
+        formInstance.addField({
+          fieldSchema,
+          mapperElement: props.mapper
+        });
+      }
+      setMounted(true);
+      mountedRef.current = true;
+    }
+  }, [props.formMounted]);
+  /**
+   * recycle effect to remove the field from the form instance when the field leaves the vDOM
+   * and the subscriptions
+   */
+  useEffect(() => {
+    return () => {
+      var _a, _b;
+      if ((_b = (_a = context.getForm({
+        key: props.formIndex
+      })) === null || _a === void 0 ? void 0 : _a.getField({
+        key: props.name
+      })) === null || _b === void 0 ? void 0 : _b.mounted) context.formGroupInstance.removeField({
+        formIndex: props.formIndex,
+        fieldIndex: props.name
+      });
+    };
+  }, []);
+  /**
+   * allows to control field selected value on each event
+   */
+  useEffect(() => {
+    var _a;
+    if (!props.onSelected) return;
+    const callback = payload => {
+      if (props.onSelected) {
+        props.onSelected(payload);
+      }
+    };
+    const sub = (_a = context.formGroupInstance.forms.get(props.formIndex)) === null || _a === void 0 ? void 0 : _a.subscribeFieldEvent({
+      callback
+    });
+    return () => sub === null || sub === void 0 ? void 0 : sub.unsubscribe();
+  }, [props.onSelected]);
+  return jsx(FieldWrapper, {
+    formIndex: props.formIndex,
+    name: props.name,
+    props: props.props,
+    context: !context.active ? context : null,
+    mounted: mounted,
+    mapper: props.mapper,
+    visibility: props.visibility,
+    component: props.component,
+    children: props.children && props.children
+  });
+};
+
+const BuildSchemaAsFields = ({
+  components,
+  mappers,
+  formIndex,
+  mountedForm
+}) => {
+  return components && components.map(_a => {
+    var {
+        component
+      } = _a,
+      componentEl = __rest(_a, ["component"]);
+    const mapper = mappers === null || mappers === void 0 ? void 0 : mappers.find(el => el.componentName === component);
+    return mapper ? jsx(AsFormFieldBuilder, Object.assign({
+      formIndex: formIndex,
+      mapper: mapper,
+      formMounted: mountedForm
+    }, componentEl, {
+      children: componentEl.children && componentEl.children.length > 0 && jsx(BuildSchemaAsFields, {
+        formIndex: formIndex,
+        mappers: mappers,
+        components: componentEl.children,
+        mountedForm: mountedForm
+      })
+    }), componentEl.name) : jsx("div", {
+      children: `component mapper not found for ${component} from field name ${componentEl.name} on form ${formIndex}`
+    }, componentEl.name);
+  });
 };
 
 /**
@@ -1815,7 +462,17 @@ const eventsMapping = {
   ON_API_FIELD_REQUEST: 'onApiRequest',
   ON_API_FIELD_RESPONSE: 'onApiResponse',
   ON_FIELD_CLICK: 'onClick',
-  ON_FIELD_CLEARED: 'onFieldCleared'
+  ON_FIELD_CLEARED: 'onCleared',
+  ON_FIELD_UNMOUNT: 'onUnmount'
+};
+const uniqueIdGen = () => {
+  const timestamp = +new Date();
+  const rand = Math.random() * 1e5;
+  const finalNumb = timestamp * rand;
+  const string = (Math.random() + 1).toString(36).substring(7);
+  const mixedID = finalNumb + string + '-';
+  const shuffle = str => [...str].sort(() => Math.random() - 0.5).join('');
+  return shuffle(mixedID);
 };
 
 /**
@@ -1824,15 +481,56 @@ const eventsMapping = {
 function useForm(_a, deps) {
   var {
       id,
+      index,
       onData,
       onSubmit,
       onFormMount,
-      onValid
+      onValid,
+      iVars,
+      initialValues,
+      stopEventsOnSubmit
     } = _a,
-    rest = __rest(_a, ["id", "onData", "onSubmit", "onFormMount", "onValid"]);
+    rest = __rest(_a, ["id", "index", "onData", "onSubmit", "onFormMount", "onValid", "iVars", "initialValues", "stopEventsOnSubmit"]);
   const {
     formGroupInstance
   } = useFormGroupContext({});
+  const useFormIndex = index || id;
+  if (!useFormIndex) {
+    throw new Error('useForm hook must have an id or an index');
+  }
+  useEffect(() => {
+    if (!formGroupInstance.forms.has(useFormIndex)) {
+      console.log('failed to set stopEventsOnSubmit due to no form instance');
+      return;
+    }
+    if (typeof stopEventsOnSubmit === 'boolean') {
+      formGroupInstance.getForm({
+        key: useFormIndex
+      }).stopEventsOnSubmit = stopEventsOnSubmit;
+    }
+  }, []);
+  /**
+   * iVars change tracker to update iVars onto form instance
+   */
+  useEffect(() => {
+    if (!formGroupInstance.forms.has(useFormIndex)) {
+      console.log('failed to add iVars due to no form instance');
+      return;
+    }
+    if (iVars) formGroupInstance.forms.get(useFormIndex).iVars = iVars;
+    // if (iVars) formInstance.current.iVars = iVars;
+  }, [iVars]);
+  /**
+   * initialValues setter for async initialValues
+   */
+  useEffect(() => {
+    if (!formGroupInstance.forms.has(useFormIndex)) {
+      console.log('failed to add initialValues due to no form instance');
+      return;
+    }
+    if (initialValues) formGroupInstance.forms.get(useFormIndex).initialValues = initialValues;
+    // if (initialValues) formInstance.current.initialValues = initialValues;
+  }, [initialValues]);
   /**
    * reference to store all updated callback functions rerendered by props change
    */
@@ -1854,6 +552,14 @@ function useForm(_a, deps) {
       onValid
     };
   }, [onData, onSubmit, onFormMount, onValid]);
+  /**
+   * Guard to prevent onFormMount from firing more than once per form lifecycle.
+   * This prevents infinite loops when the parent component (e.g. Builder.io)
+   * rerenders with new callback references causing subscriptions to re-fire.
+   * Field-level onMount (ON_FIELD_MOUNT) is NOT guarded — it must fire
+   * every time a field becomes visible via visibility conditions.
+   */
+  const formMountHasRunRef = useRef(false);
   /**
    * handle function call after the debounce occurs on the form instance field event
    * subject in order to call the most updated function with the updated function
@@ -1869,18 +575,20 @@ function useForm(_a, deps) {
       }
     };
     const sub = (_a = formGroupInstance.getForm({
-      key: id
+      key: useFormIndex
     })) === null || _a === void 0 ? void 0 : _a.subscribeFieldEvent({
       callback
     });
     const mountCallback = payload => {
       var _a, _b;
-      if (formValuesCallbackRefs.current.onMount) {
+      if (formMountHasRunRef.current) return;
+      formMountHasRunRef.current = true;
+      if (formValuesCallbackRefs.current.onFormMount) {
         (_b = (_a = formValuesCallbackRefs.current).onFormMount) === null || _b === void 0 ? void 0 : _b.call(_a, payload);
       }
     };
     const mountSub = (_b = formGroupInstance.getForm({
-      key: id
+      key: useFormIndex
     })) === null || _b === void 0 ? void 0 : _b.subscribeOnMount(mountCallback);
     const dataCallback = payload => {
       var _a, _b;
@@ -1889,7 +597,7 @@ function useForm(_a, deps) {
       }
     };
     const dataSub = (_c = formGroupInstance.getForm({
-      key: id
+      key: useFormIndex
     })) === null || _c === void 0 ? void 0 : _c.subscribeData(dataCallback);
     const validationCallback = payload => {
       if (formValuesCallbackRefs.current.onValid) {
@@ -1897,7 +605,7 @@ function useForm(_a, deps) {
       }
     };
     const validSub = (_d = formGroupInstance.getForm({
-      key: id
+      key: useFormIndex
     })) === null || _d === void 0 ? void 0 : _d.subscribeFormValidation(validationCallback);
     const submitCallback = payload => {
       var _a, _b;
@@ -1906,7 +614,7 @@ function useForm(_a, deps) {
       }
     };
     const submitSub = (_e = formGroupInstance.getForm({
-      key: id
+      key: useFormIndex
     })) === null || _e === void 0 ? void 0 : _e.subscribeOnSubmit(submitCallback);
     return () => {
       sub === null || sub === void 0 ? void 0 : sub.unsubscribe();
@@ -1932,6 +640,7 @@ function Form({
   action,
   method,
   config,
+  prefetchedData,
   onSubmit,
   onFormMount,
   onData,
@@ -1944,6 +653,7 @@ function Form({
   onKeyUp,
   onMount,
   onValid,
+  stopEventsOnSubmit,
   children
 }) {
   const {
@@ -1956,397 +666,132 @@ function Form({
   const [mounted, setMounted] = useState(false);
   const mountedRef = useRef(false);
   /**
-   * effect to create the form instance and notify the recursive generated fields of it's mounted status
-   */
-  useEffect(() => {
-    if (mountedRef.current) return;
-    formGroupInstance.addForm({
-      key: schemaIndex,
-      params: {
-        schema,
-        initialValues: initialValues || (schema === null || schema === void 0 ? void 0 : schema.initialValues),
-        iVars: iVars || (schema === null || schema === void 0 ? void 0 : schema.iVars),
-        action: action || (schema === null || schema === void 0 ? void 0 : schema.action),
-        method: method || (schema === null || schema === void 0 ? void 0 : schema.method),
-        index: schemaIndex,
-        mappers,
-        config: config || formGroupInstance.config
-      }
-    });
-    setMounted(true);
-    mountedRef.current = true;
-    // }
-  }, []);
-  /**
-   * iVars change tracker to update iVars onto form instance
-   */
-  useEffect(() => {
-    if (!formGroupInstance.forms.has(schemaIndex)) {
-      console.log('failed to add iVars due to no form instance');
-      return;
-    }
-    if (iVars && mounted) formGroupInstance.forms.get(schemaIndex).iVars = iVars;
-    // if (iVars) formInstance.current.iVars = iVars;
-  }, [iVars, mounted]);
-  /**
-   * initialValues setter for async initialValues
-   */
-  useEffect(() => {
-    if (!formGroupInstance.forms.has(schemaIndex)) {
-      console.log('failed to add initialValues due to no form instance');
-      return;
-    }
-    if (initialValues && mounted) formGroupInstance.forms.get(schemaIndex).initialValues = initialValues;
-    // if (initialValues) formInstance.current.initialValues = initialValues;
-  }, [initialValues, mounted]);
-  /**
-   * hook usage to keep event bindings updated on callback functions passed as props
-   */
-  useForm({
-    id: schemaIndex,
-    onApiResponse,
-    onBlur,
-    onChange,
-    onClick,
-    onFocus,
-    onKeyDown,
-    onKeyUp,
-    onMount,
-    onSubmit,
-    onFormMount,
-    onData,
-    onValid
-  });
-  /*
-    @TODO move this logic inside form-core, add action and method onto form element,
-    might need a ref of the form to collect all the form parameters when there is a
-    normal form submition with redirect
-  */
-  const handleSubmit = event => {
-    const formElement = getForm({
-      key: schemaIndex
-    });
-    if (!(formElement === null || formElement === void 0 ? void 0 : formElement.action) && event) {
-      event.preventDefault();
-    }
-    formElement === null || formElement === void 0 ? void 0 : formElement.submit();
-  };
-  return jsxs(Fragment, {
-    children: [debugMode && jsxs(Fragment, {
-      children: [jsx("b", {
-        style: {
-          padding: '0px',
-          margin: '0px'
-        },
-        children: `form index: ${schemaIndex}`
-      }), jsx("button", {
-        onClick: () => console.log(getForm({
-          key: schemaIndex
-        })),
-        children: "print form instance"
-      }), jsx("button", {
-        onClick: () => {
-          var _a;
-          return console.log((_a = getForm({
-            key: schemaIndex
-          })) === null || _a === void 0 ? void 0 : _a.getFormValues());
-        },
-        children: "print form values"
-      }), jsx("button", {
-        onClick: () => {
-          var _a;
-          return (_a = getForm({
-            key: schemaIndex
-          })) === null || _a === void 0 ? void 0 : _a.submit();
-        },
-        children: "try submit"
-      }), jsx("br", {}), jsx("hr", {})]
-    }), jsx("form", {
-      onSubmit: handleSubmit,
-      children: jsx(BuildSchemaAsFields, {
-        formIndex: schemaIndex,
-        mappers: mappers,
-        components: schema === null || schema === void 0 ? void 0 : schema.components,
-        mountedForm: mounted
-      })
-    })]
-  });
-}
-
-/**
- * Component wrapper to aid building schemas with react without writting a JSON schema
- * along with BuildAsFormFieldTree inside a Form component, FieldWrapper gets this props
- * to build the component as it does with a JSON schema, this component only works inside
- * the Form component
- *
- * @param {TAsFormFieldProps} props JSON schema props
- * @returns {ReactNode}
- */
-const AsFormField = props => {
-  return props.children;
-};
-
-/**
- * Renders the React element defined on the mappers configuration
- *
- * @param param component props, field instance and children to render
- * @returns
- */
-const FieldWrapperComponentRender = ({
-  props,
-  fieldInstance,
-  children,
-  mapper
-}) => {
-  var _a, _b, _c;
-  const Component = (mapper === null || mapper === void 0 ? void 0 : mapper.component) || ((_a = fieldInstance === null || fieldInstance === void 0 ? void 0 : fieldInstance.mapper) === null || _a === void 0 ? void 0 : _a.component);
-  const Asynccomponent = (mapper === null || mapper === void 0 ? void 0 : mapper.asynccomponent) || ((_b = fieldInstance === null || fieldInstance === void 0 ? void 0 : fieldInstance.mapper) === null || _b === void 0 ? void 0 : _b.asynccomponent);
-  if (Component) return jsx(Component, Object.assign({}, props, {
-    children: children && children
-  }));
-  if (Asynccomponent) return jsx(Suspense, {
-    children: jsx(Asynccomponent, Object.assign({}, props, {
-      children: children && children
-    }))
-  });
-  return jsx("div", {
-    children: `failed to render field ${fieldInstance === null || fieldInstance === void 0 ? void 0 : fieldInstance.name} with componentName:${(_c = fieldInstance === null || fieldInstance === void 0 ? void 0 : fieldInstance.mapper) === null || _c === void 0 ? void 0 : _c.componentName}, please check mappers`
-  });
-};
-/**
- * Base field Wrapper to render the component with the necessary configurations from the schema
- * and mapper configuration
- *
- * @param {TFieldWrapperProps} param FieldWrapper params
- * @returns {ReactElement}
- */
-const FieldWrapper = ({
-  name,
-  formIndex,
-  children,
-  props,
-  context,
-  mounted,
-  mapper,
-  visibility
-}) => {
-  var _a, _b, _c;
-  const localContext = useFormGroupContext({});
-  /**
-   * picks the right context prioritizing the context passed as prop
-   */
-  const {
-    formGroupInstance,
-    debugMode
-  } = useMemo(() => context ? context : localContext, [context, localContext]);
-  const fieldInstance = useMemo(() => {
-    var _a;
-    return (_a = formGroupInstance.getForm({
-      key: formIndex
-    })) === null || _a === void 0 ? void 0 : _a.getField({
-      key: name
-    });
-  }, [mounted]);
-  /**
-   * props with templates stripped until the field ins't ready on the instance
-   */
-  const filteredProps = useMemo(() => {
-    let returnProps = {};
-    if (props) {
-      returnProps = FormField.filterProps(props);
-    }
-    if (fieldInstance) fieldInstance.props = returnProps;
-    return returnProps;
-  }, [props]);
-  const [valueState, setValueState] = useState((fieldInstance === null || fieldInstance === void 0 ? void 0 : fieldInstance.stateValue) || {
-    [((_a = mapper === null || mapper === void 0 ? void 0 : mapper.events) === null || _a === void 0 ? void 0 : _a.setValue) || 'value']: ''
-  });
-  const [state, setState] = useState({
-    visibility: typeof visibility === 'boolean' ? visibility : true,
-    props: filteredProps
-  });
-  /**
-   * handles the mounting and unmounting logic onto the field instance
+   * Synchronously ensures the form instance exists during render.
+   * This allows the component tree to render meaningful HTML during SSR.
+   * Subscriptions and reactivity are still deferred to useEffect (client-only).
+   *
+   * Note: iVars and initialValues are also set in useForm hook (via useEffect),
+   * but they need to be here as well so the FormCore constructor has them available
+   * during the synchronous render phase for SSR template resolution.
    */
-  useEffect(() => {
-    if (!fieldInstance || (fieldInstance === null || fieldInstance === void 0 ? void 0 : fieldInstance.mounted)) return;
-    fieldInstance.mountField({
-      valueSubscription: value => {
-        setValueState(value);
-      },
-      propsSubscription: ({
-        visibility,
-        props,
-        errors
-      }) => {
-        setState(prev => Object.assign(Object.assign({}, prev), {
-          visibility,
-          props,
-          errors
-        }));
+  useMemo(() => {
+    if (formGroupInstance.getForm({
+      key: schemaIndex
+    })) return;
+    const schemaWithPrefetch = prefetchedData && schema ? Object.assign(Object.assign({}, schema), {
+      prefetchedData
+    }) : schema;
+    formGroupInstance.addForm({
+      key: schemaIndex,
+      params: {
+        schema: schemaWithPrefetch,
+        action: action || (schema === null || schema === void 0 ? void 0 : schema.action),
+        method: method || (schema === null || schema === void 0 ? void 0 : schema.method),
+        index: schemaIndex,
+        mappers,
+        iVars: iVars || (schema === null || schema === void 0 ? void 0 : schema.iVars),
+        initialValues: initialValues || (schema === null || schema === void 0 ? void 0 : schema.initialValues),
+        config: config || formGroupInstance.config
       }
     });
-  }, [fieldInstance]);
+  }, []);
   /**
-   * recycle effect to remove the field Subscriptions due to memory leaks
+   * effect to notify the recursive generated fields of the form's mounted status
+   * and activate client-side reactivity (subscriptions, events, etc.)
    */
   useEffect(() => {
-    return () => {
-      (fieldInstance === null || fieldInstance === void 0 ? void 0 : fieldInstance.mounted) && (fieldInstance === null || fieldInstance === void 0 ? void 0 : fieldInstance.destroyField());
-    };
+    if (mountedRef.current) return;
+    setMounted(true);
+    mountedRef.current = true;
   }, []);
   /**
-   * handles the value change onto the field instance
-   */
-  const handleChange = useCallback(event => {
-    if (!mounted) return;
-    fieldInstance === null || fieldInstance === void 0 ? void 0 : fieldInstance.emitValue({
-      value: event,
-      event: 'ON_FIELD_CHANGE'
-    });
-  }, [mounted]);
-  /**
-   * handles the event emission onto the field instance
+   * hook usage to keep event bindings updated on callback functions passed as props
    */
-  const handleEvent = useCallback(event => {
-    if (!mounted) return;
-    fieldInstance === null || fieldInstance === void 0 ? void 0 : fieldInstance.emitEvents({
-      event
+  useForm({
+    index: schemaIndex,
+    initialValues,
+    iVars,
+    stopEventsOnSubmit,
+    onApiResponse,
+    onBlur,
+    onChange,
+    onClick,
+    onFocus,
+    onKeyDown,
+    onKeyUp,
+    onMount,
+    onSubmit,
+    onFormMount,
+    onData,
+    onValid
+  });
+  /*
+    @TODO move this logic inside form-core, add action and method onto form element,
+    might need a ref of the form to collect all the form parameters when there is a
+    normal form submition with redirect
+  */
+  const handleSubmit = event => {
+    const formElement = getForm({
+      key: schemaIndex
     });
-  }, [mounted]);
-  /**
-   * handles the mappers configuration to bind the event submission callback
-   * to the corresponding prop defined on the mappers
-   */
-  const mapProps = useMemo(() => {
-    const events = mapper === null || mapper === void 0 ? void 0 : mapper.events;
-    const props = {};
-    if (events === null || events === void 0 ? void 0 : events.onBlur) props[events.onBlur] = () => handleEvent('ON_FIELD_BLUR');
-    if (events === null || events === void 0 ? void 0 : events.getValue) props[events.getValue] = handleChange;
-    if (events === null || events === void 0 ? void 0 : events.onFocus) props[events.onFocus] = () => handleEvent('ON_FIELD_FOCUS');
-    if (events === null || events === void 0 ? void 0 : events.onClick) props[events.onClick] = () => handleEvent('ON_FIELD_CLICK');
-    if (events === null || events === void 0 ? void 0 : events.onSubmit) props[events.onSubmit] = () => handleEvent('ON_FORM_SUBMIT');
-    if (events === null || events === void 0 ? void 0 : events.onKeyUp) props[events.onKeyUp] = () => handleEvent('ON_FIELD_KEYUP');
-    if (events === null || events === void 0 ? void 0 : events.onKeyDown) props[events.onKeyDown] = () => handleEvent('ON_FIELD_KEYDOWN');
-    return props;
-  }, [mounted]);
-  return state.visibility ? jsxs(Fragment, {
-    children: [debugMode && jsxs("div", {
-      style: {
-        width: '100%',
-        display: 'flex',
-        flexDirection: 'column'
-      },
-      children: [jsxs("b", {
+    if (!(formElement === null || formElement === void 0 ? void 0 : formElement.action) && event) {
+      event.preventDefault();
+    }
+    formElement === null || formElement === void 0 ? void 0 : formElement.submit();
+  };
+  return jsxs(Fragment, {
+    children: [debugMode && jsxs(Fragment, {
+      children: [jsx("b", {
         style: {
           padding: '0px',
           margin: '0px'
         },
-        children: ["name:", name]
-      }), jsxs("b", {
-        style: {
-          padding: '0px',
-          margin: '0px'
+        children: `form index: ${schemaIndex}`
+      }), jsx("button", {
+        onClick: () => console.log(getForm({
+          key: schemaIndex
+        })),
+        children: "print form instance"
+      }), jsx("button", {
+        onClick: () => {
+          var _a;
+          return console.log((_a = getForm({
+            key: schemaIndex
+          })) === null || _a === void 0 ? void 0 : _a.getFormValues());
         },
-        children: ["order:", (_b = fieldInstance === null || fieldInstance === void 0 ? void 0 : fieldInstance.originalSchema) === null || _b === void 0 ? void 0 : _b.order]
-      }), jsxs("b", {
-        style: {
-          padding: '0px',
-          margin: '0px'
+        children: "print form values"
+      }), jsx("button", {
+        onClick: () => {
+          var _a;
+          return (_a = getForm({
+            key: schemaIndex
+          })) === null || _a === void 0 ? void 0 : _a.submit();
         },
-        children: ["path:", fieldInstance === null || fieldInstance === void 0 ? void 0 : fieldInstance.path]
+        children: "try submit"
       }), jsx("br", {}), jsx("hr", {})]
-    }), jsx(FieldWrapperComponentRender, {
-      props: Object.assign(Object.assign(Object.assign(Object.assign({}, mapProps), state.props), state.errors), valueState),
-      fieldInstance: fieldInstance,
-      mapper: mapper,
-      children: children ? children : ((_c = state === null || state === void 0 ? void 0 : state.props) === null || _c === void 0 ? void 0 : _c.children) ? state === null || state === void 0 ? void 0 : state.props.children : null
+    }), jsxs("form", {
+      onSubmit: handleSubmit,
+      children: [jsx(BuildSchemaAsFields, {
+        formIndex: schemaIndex,
+        mappers: mappers,
+        components: schema === null || schema === void 0 ? void 0 : schema.components,
+        mountedForm: mounted
+      }), children]
     })]
-  }) : jsx(Fragment, {});
-};
+  });
+}
 
 /**
- * Component Wrapper to render form fields without the Form component, gets additional formId and mapper since
- * it won't rely on them and needs to be manually declared
+ * Component wrapper to aid building schemas with react without writting a JSON schema
+ * along with BuildAsFormFieldTree inside a Form component, FieldWrapper gets this props
+ * to build the component as it does with a JSON schema, this component only works inside
+ * the Form component
  *
- * @param {TAsFormFieldBuilderProps} props JSON schema props along with FieldWrapper props and mapper props
- * @returns {ReactElement}
+ * @param {TAsFormFieldProps} props JSON schema props
+ * @returns {ReactNode}
  */
-const AsFormFieldBuilder = props => {
-  const context = useFormGroupContext({});
-  /**
-   * state to track the field instance creation process
-   */
-  const [mounted, setMounted] = useState(false);
-  const mountedRef = useRef(false);
-  /**
-   * initializer to create or add a form instance to the formGroup by it's formId
-   * and add the field to the form instance
-   * Also has the logic to remove it once this element is removed
-   */
-  useEffect(() => {
-    var _a;
-    if (mountedRef.current) return;
-    if (typeof props.formMounted === 'undefined' && !((_a = context.formGroupInstance) === null || _a === void 0 ? void 0 : _a.forms.has(props.formIndex))) {
-      context.addFormWithIndex(props.formIndex);
-    }
-    if (props.formMounted || typeof props.formMounted === 'undefined') {
-      const fieldSchema = Object.assign(Object.assign({}, props), {
-        component: props.mapper.componentName,
-        children: undefined
-      });
-      const formInstance = context.formGroupInstance.forms.get(props.formIndex);
-      formInstance === null || formInstance === void 0 ? void 0 : formInstance.addField({
-        fieldSchema,
-        mapperElement: props.mapper
-      });
-      setMounted(true);
-      mountedRef.current = true;
-    }
-  }, [props.formMounted]);
-  /**
-   * recycle effect to remove the field from the form instance when the field leaves the vDOM
-   * and the subscriptions
-   */
-  useEffect(() => {
-    return () => {
-      var _a, _b;
-      if ((_b = (_a = context.getForm({
-        key: props.formIndex
-      })) === null || _a === void 0 ? void 0 : _a.getField({
-        key: props.name
-      })) === null || _b === void 0 ? void 0 : _b.mounted) context.formGroupInstance.removeField({
-        formIndex: props.formIndex,
-        fieldIndex: props.name
-      });
-    };
-  }, []);
-  /**
-   * allows to control field selected value on each event
-   */
-  useEffect(() => {
-    var _a;
-    if (!props.onSelected) return;
-    const callback = payload => {
-      if (props.onSelected) {
-        props.onSelected(payload);
-      }
-    };
-    const sub = (_a = context.formGroupInstance.forms.get(props.formIndex)) === null || _a === void 0 ? void 0 : _a.subscribeFieldEvent({
-      callback
-    });
-    return () => sub === null || sub === void 0 ? void 0 : sub.unsubscribe();
-  }, [props.onSelected]);
-  return jsx(FieldWrapper, {
-    formIndex: props.formIndex,
-    name: props.name,
-    props: props.props,
-    context: !context.active ? context : null,
-    mounted: mounted,
-    mapper: props.mapper,
-    visibility: props.visibility,
-    children: props.children && props.children
-  });
+const AsFormField = props => {
+  return props.children;
 };
 
 function useFormGroup({
@@ -2409,6 +854,124 @@ function useFormGroup({
   return;
 }
 
+/**
+ * Adapter do manage repeated list elements on form
+ *
+ * @param {TAsFormFieldRepeaterProps} props Repeater properties to configure the elements repeater
+ * @returns {ReactElement}
+ */
+const AsFormFieldRepeater = ({
+  RepeaterComponent,
+  addFieldName,
+  removeFieldName,
+  existingElements,
+  initialElements,
+  stateUpdater,
+  formPrefix,
+  RepeaterFooter
+}) => {
+  const {
+    getForm,
+    formGroupInstance
+  } = useFormGroupContext();
+  const [elements, setElements] = useState(typeof existingElements === 'object' && existingElements !== null ? Object.keys(existingElements).map(() => uniqueIdGen()) : typeof initialElements === 'number' ? Array.from(Array(initialElements), () => uniqueIdGen()) : []);
+  const mountedRef = useRef(false);
+  const prevElements = useRef(0);
+  const REPEATER_FOOTER_ID = useMemo(() => uniqueIdGen(), []);
+  const listeningElements = useMemo(() => {
+    return [...elements, REPEATER_FOOTER_ID];
+  }, [elements]);
+  useFormGroup({
+    ids: listeningElements,
+    onData: payload => {
+      if (stateUpdater) {
+        if (formPrefix) {
+          stateUpdater(elements.reduce((acc, curr, index) => {
+            const value = payload[curr];
+            acc[`${formPrefix}${index + 1}`] = value;
+            return acc;
+          }, {}));
+          return;
+        }
+        stateUpdater(payload);
+      }
+    }
+  }, [listeningElements]);
+  useEffect(() => {
+    // @TODO: refactor, quick workarount to emit data when removing a form from the list
+    if (prevElements.current > elements.length) {
+      formGroupInstance.dataSubject$.next({
+        event: 'ON_FIELD_UNMOUNT',
+        fieldIndex: 'unmounted_repeater_form',
+        formIndex: elements[0]
+      });
+    }
+    if (!mountedRef.current) {
+      elements.forEach((key, index) => {
+        const form = getForm({
+          key
+        });
+        if (form && (existingElements === null || existingElements === void 0 ? void 0 : existingElements[index])) {
+          form.initialValues = existingElements[index];
+        }
+      });
+    }
+    const subs = listeningElements.map(key => {
+      var _a;
+      return (_a = getForm({
+        key
+      })) === null || _a === void 0 ? void 0 : _a.subscribeFieldEvent({
+        callback({
+          event,
+          fieldName,
+          fieldInstance
+        }) {
+          if (fieldInstance === null || fieldInstance === void 0 ? void 0 : fieldInstance.formIndex) {
+            if (event === 'ON_FIELD_CLICK' && fieldInstance.formIndex === REPEATER_FOOTER_ID) {
+              setElements(prev => {
+                prev.push(uniqueIdGen());
+                return [...prev];
+              });
+              return;
+            }
+            if (event === 'ON_FIELD_CLICK' && fieldName === addFieldName) {
+              setElements(prev => {
+                const index = prev.indexOf(fieldInstance === null || fieldInstance === void 0 ? void 0 : fieldInstance.formIndex);
+                prev.splice(index + 1, 0, uniqueIdGen());
+                return [...prev];
+              });
+            }
+            if (event === 'ON_FIELD_CLICK' && fieldName === removeFieldName) {
+              if ((fieldInstance === null || fieldInstance === void 0 ? void 0 : fieldInstance.formIndex) && elements.length > 0) setElements(prev => {
+                const index = prev.indexOf(fieldInstance === null || fieldInstance === void 0 ? void 0 : fieldInstance.formIndex);
+                prev.splice(index, 1);
+                return [...prev];
+              });
+            }
+          }
+        }
+      });
+    });
+    mountedRef.current = true;
+    prevElements.current = elements.length;
+    return () => {
+      subs.map(sub => sub === null || sub === void 0 ? void 0 : sub.unsubscribe());
+    };
+  }, [elements]);
+  return jsxs("div", {
+    style: {
+      display: 'flex',
+      flexDirection: 'column'
+    },
+    children: [elements.map((el, index) => jsx(RepeaterComponent, {
+      formIndex: el,
+      index: index
+    }, el)), RepeaterFooter && jsx(RepeaterFooter, {
+      formIndex: REPEATER_FOOTER_ID
+    })]
+  });
+};
+
 const defaultChangeEvent = event => {
   return event.currentTarget.value;
 };
@@ -2451,4 +1014,4 @@ const dropdownChangeEvent = (event, opts) => {
   }
 };
 
-export { AsFormField, AsFormFieldBuilder, Form, FormGroupContext, FormGroupContextProvider, checkedChangeEvent, datepickerChangeEvent, defaultChangeEvent, dropdownChangeEvent, numberInputChangeEvent, useForm, useFormGroup, useFormGroupContext, valueChangeEvent };
+export { AsFormField, AsFormFieldBuilder, AsFormFieldRepeater, Form, FormGroupContext, FormGroupContextProvider, checkedChangeEvent, datepickerChangeEvent, defaultChangeEvent, dropdownChangeEvent, numberInputChangeEvent, useForm, useFormGroup, useFormGroupContext, valueChangeEvent };