@ninetailed/experience.js-react 5.0.0-beta.3 → 6.0.1-beta.0

package/index.js

@@ -1,9 +1,10 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import React, { createContext, useContext, useEffect, useState, useRef, useMemo, createElement as createElement$1, useCallback } from 'react';
-import { selectDistribution, makeExperienceSelectMiddleware, selectHasExperienceVariants, selectActiveExperiments, selectExperience, selectExperienceVariantClientSide, Ninetailed, selectVariant } from '@ninetailed/experience.js';
-import { useInView } from 'react-intersection-observer';
-import { isBrowser, logger } from '@ninetailed/experience.js-shared';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import React, { createContext, useContext, useState, useRef, useEffect, useMemo, forwardRef, createElement as createElement$1, useCallback } from 'react';
+import { makeExperienceSelectMiddleware, selectHasExperienceVariants, selectActiveExperiments, selectExperience, selectExperienceVariant, Ninetailed, selectVariant } from '@ninetailed/experience.js';
+import { isForwardRef } from 'react-is';
+import { logger, isBrowser } from '@ninetailed/experience.js-shared';
 import { isEqual, debounce as debounce$1, get as get$1 } from 'radash';
+import { useInView } from 'react-intersection-observer';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -12,7 +13,7 @@ var check = function (it) {
 };
 
 // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
-var global$d =
+var global$c =
   // eslint-disable-next-line es/no-global-this -- safe
   check(typeof globalThis == 'object' && globalThis) ||
   check(typeof window == 'object' && window) ||
@@ -94,30 +95,30 @@ var functionUncurryThis = NATIVE_BIND ? uncurryThisWithBind : function (fn) {
   };
 };
 
-var uncurryThis$a = functionUncurryThis;
+var uncurryThis$9 = functionUncurryThis;
 
-var toString$3 = uncurryThis$a({}.toString);
-var stringSlice$1 = uncurryThis$a(''.slice);
+var toString$1 = uncurryThis$9({}.toString);
+var stringSlice = uncurryThis$9(''.slice);
 
-var classofRaw$1 = function (it) {
-  return stringSlice$1(toString$3(it), 8, -1);
+var classofRaw = function (it) {
+  return stringSlice(toString$1(it), 8, -1);
 };
 
-var uncurryThis$9 = functionUncurryThis;
+var uncurryThis$8 = functionUncurryThis;
 var fails$9 = fails$c;
-var classof$3 = classofRaw$1;
+var classof$1 = classofRaw;
 
-var $Object$4 = Object;
-var split = uncurryThis$9(''.split);
+var $Object$3 = Object;
+var split = uncurryThis$8(''.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$4('z').propertyIsEnumerable(0);
+  return !$Object$3('z').propertyIsEnumerable(0);
 }) ? function (it) {
-  return classof$3(it) == 'String' ? split(it, '') : $Object$4(it);
-} : $Object$4;
+  return classof$1(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
@@ -160,47 +161,47 @@ var documentAll$1 = $documentAll$1.all;
 
 // `IsCallable` abstract operation
 // https://tc39.es/ecma262/#sec-iscallable
-var isCallable$g = $documentAll$1.IS_HTMLDDA ? function (argument) {
+var isCallable$e = $documentAll$1.IS_HTMLDDA ? function (argument) {
   return typeof argument == 'function' || argument === documentAll$1;
 } : function (argument) {
   return typeof argument == 'function';
 };
 
-var isCallable$f = isCallable$g;
+var isCallable$d = isCallable$e;
 var $documentAll = documentAll_1;
 
 var documentAll = $documentAll.all;
 
 var isObject$6 = $documentAll.IS_HTMLDDA ? function (it) {
-  return typeof it == 'object' ? it !== null : isCallable$f(it) || it === documentAll;
+  return typeof it == 'object' ? it !== null : isCallable$d(it) || it === documentAll;
 } : function (it) {
-  return typeof it == 'object' ? it !== null : isCallable$f(it);
+  return typeof it == 'object' ? it !== null : isCallable$d(it);
 };
 
-var global$c = global$d;
-var isCallable$e = isCallable$g;
+var global$b = global$c;
+var isCallable$c = isCallable$e;
 
 var aFunction = function (argument) {
-  return isCallable$e(argument) ? argument : undefined;
+  return isCallable$c(argument) ? argument : undefined;
 };
 
 var getBuiltIn$4 = function (namespace, method) {
-  return arguments.length < 2 ? aFunction(global$c[namespace]) : global$c[namespace] && global$c[namespace][method];
+  return arguments.length < 2 ? aFunction(global$b[namespace]) : global$b[namespace] && global$b[namespace][method];
 };
 
-var uncurryThis$8 = functionUncurryThis;
+var uncurryThis$7 = functionUncurryThis;
 
-var objectIsPrototypeOf = uncurryThis$8({}.isPrototypeOf);
+var objectIsPrototypeOf = uncurryThis$7({}.isPrototypeOf);
 
 var getBuiltIn$3 = getBuiltIn$4;
 
 var engineUserAgent = getBuiltIn$3('navigator', 'userAgent') || '';
 
-var global$b = global$d;
+var global$a = global$c;
 var userAgent = engineUserAgent;
 
-var process = global$b.process;
-var Deno = global$b.Deno;
+var process = global$a.process;
+var Deno = global$a.Deno;
 var versions = process && process.versions || Deno && Deno.version;
 var v8 = versions && versions.v8;
 var match, version;
@@ -241,44 +242,44 @@ var symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails$8(func
 
 /* eslint-disable es/no-symbol -- required for testing */
 
-var NATIVE_SYMBOL$2 = symbolConstructorDetection;
+var NATIVE_SYMBOL$1 = symbolConstructorDetection;
 
-var useSymbolAsUid = NATIVE_SYMBOL$2
+var useSymbolAsUid = NATIVE_SYMBOL$1
   && !Symbol.sham
   && typeof Symbol.iterator == 'symbol';
 
 var getBuiltIn$2 = getBuiltIn$4;
-var isCallable$d = isCallable$g;
-var isPrototypeOf$1 = objectIsPrototypeOf;
+var isCallable$b = isCallable$e;
+var isPrototypeOf = objectIsPrototypeOf;
 var USE_SYMBOL_AS_UID$1 = useSymbolAsUid;
 
-var $Object$3 = Object;
+var $Object$2 = Object;
 
 var isSymbol$2 = USE_SYMBOL_AS_UID$1 ? function (it) {
   return typeof it == 'symbol';
 } : function (it) {
   var $Symbol = getBuiltIn$2('Symbol');
-  return isCallable$d($Symbol) && isPrototypeOf$1($Symbol.prototype, $Object$3(it));
+  return isCallable$b($Symbol) && isPrototypeOf($Symbol.prototype, $Object$2(it));
 };
 
-var $String$3 = String;
+var $String$2 = String;
 
 var tryToString$1 = function (argument) {
   try {
-    return $String$3(argument);
+    return $String$2(argument);
   } catch (error) {
     return 'Object';
   }
 };
 
-var isCallable$c = isCallable$g;
+var isCallable$a = isCallable$e;
 var tryToString = tryToString$1;
 
 var $TypeError$6 = TypeError;
 
 // `Assert: IsCallable(argument) is true`
 var aCallable$2 = function (argument) {
-  if (isCallable$c(argument)) return argument;
+  if (isCallable$a(argument)) return argument;
   throw $TypeError$6(tryToString(argument) + ' is not a function');
 };
 
@@ -293,7 +294,7 @@ var getMethod$1 = function (V, P) {
 };
 
 var call$4 = functionCall;
-var isCallable$b = isCallable$g;
+var isCallable$9 = isCallable$e;
 var isObject$5 = isObject$6;
 
 var $TypeError$5 = TypeError;
@@ -302,32 +303,32 @@ var $TypeError$5 = TypeError;
 // https://tc39.es/ecma262/#sec-ordinarytoprimitive
 var ordinaryToPrimitive$1 = function (input, pref) {
   var fn, val;
-  if (pref === 'string' && isCallable$b(fn = input.toString) && !isObject$5(val = call$4(fn, input))) return val;
-  if (isCallable$b(fn = input.valueOf) && !isObject$5(val = call$4(fn, input))) return val;
-  if (pref !== 'string' && isCallable$b(fn = input.toString) && !isObject$5(val = call$4(fn, input))) return val;
+  if (pref === 'string' && isCallable$9(fn = input.toString) && !isObject$5(val = call$4(fn, input))) return val;
+  if (isCallable$9(fn = input.valueOf) && !isObject$5(val = call$4(fn, input))) return val;
+  if (pref !== 'string' && isCallable$9(fn = input.toString) && !isObject$5(val = call$4(fn, input))) return val;
   throw $TypeError$5("Can't convert object to primitive value");
 };
 
 var shared$3 = {exports: {}};
 
-var global$a = global$d;
+var global$9 = global$c;
 
 // eslint-disable-next-line es/no-object-defineproperty -- safe
-var defineProperty$6 = Object.defineProperty;
+var defineProperty$5 = Object.defineProperty;
 
 var defineGlobalProperty$3 = function (key, value) {
   try {
-    defineProperty$6(global$a, key, { value: value, configurable: true, writable: true });
+    defineProperty$5(global$9, key, { value: value, configurable: true, writable: true });
   } catch (error) {
-    global$a[key] = value;
+    global$9[key] = value;
   } return value;
 };
 
-var global$9 = global$d;
+var global$8 = global$c;
 var defineGlobalProperty$2 = defineGlobalProperty$3;
 
 var SHARED = '__core-js_shared__';
-var store$3 = global$9[SHARED] || defineGlobalProperty$2(SHARED, {});
+var store$3 = global$8[SHARED] || defineGlobalProperty$2(SHARED, {});
 
 var sharedStore = store$3;
 
@@ -345,18 +346,18 @@ var store$2 = sharedStore;
 
 var requireObjectCoercible = requireObjectCoercible$2;
 
-var $Object$2 = Object;
+var $Object$1 = Object;
 
 // `ToObject` abstract operation
 // https://tc39.es/ecma262/#sec-toobject
 var toObject$4 = function (argument) {
-  return $Object$2(requireObjectCoercible(argument));
+  return $Object$1(requireObjectCoercible(argument));
 };
 
-var uncurryThis$7 = functionUncurryThis;
+var uncurryThis$6 = functionUncurryThis;
 var toObject$3 = toObject$4;
 
-var hasOwnProperty = uncurryThis$7({}.hasOwnProperty);
+var hasOwnProperty = uncurryThis$6({}.hasOwnProperty);
 
 // `HasOwnProperty` abstract operation
 // https://tc39.es/ecma262/#sec-hasownproperty
@@ -365,32 +366,32 @@ var hasOwnProperty_1 = Object.hasOwn || function hasOwn(it, key) {
   return hasOwnProperty(toObject$3(it), key);
 };
 
-var uncurryThis$6 = functionUncurryThis;
+var uncurryThis$5 = functionUncurryThis;
 
 var id = 0;
 var postfix = Math.random();
-var toString$2 = uncurryThis$6(1.0.toString);
+var toString = uncurryThis$5(1.0.toString);
 
 var uid$2 = function (key) {
-  return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString$2(++id + postfix, 36);
+  return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString(++id + postfix, 36);
 };
 
-var global$8 = global$d;
+var global$7 = global$c;
 var shared$2 = shared$3.exports;
-var hasOwn$9 = hasOwnProperty_1;
+var hasOwn$8 = hasOwnProperty_1;
 var uid$1 = uid$2;
-var NATIVE_SYMBOL$1 = symbolConstructorDetection;
+var NATIVE_SYMBOL = symbolConstructorDetection;
 var USE_SYMBOL_AS_UID = useSymbolAsUid;
 
 var WellKnownSymbolsStore = shared$2('wks');
-var Symbol$1 = global$8.Symbol;
+var Symbol$1 = global$7.Symbol;
 var symbolFor = Symbol$1 && Symbol$1['for'];
 var createWellKnownSymbol = USE_SYMBOL_AS_UID ? Symbol$1 : Symbol$1 && Symbol$1.withoutSetter || uid$1;
 
-var wellKnownSymbol$8 = function (name) {
-  if (!hasOwn$9(WellKnownSymbolsStore, name) || !(NATIVE_SYMBOL$1 || typeof WellKnownSymbolsStore[name] == 'string')) {
+var wellKnownSymbol$6 = function (name) {
+  if (!hasOwn$8(WellKnownSymbolsStore, name) || !(NATIVE_SYMBOL || typeof WellKnownSymbolsStore[name] == 'string')) {
     var description = 'Symbol.' + name;
-    if (NATIVE_SYMBOL$1 && hasOwn$9(Symbol$1, name)) {
+    if (NATIVE_SYMBOL && hasOwn$8(Symbol$1, name)) {
       WellKnownSymbolsStore[name] = Symbol$1[name];
     } else if (USE_SYMBOL_AS_UID && symbolFor) {
       WellKnownSymbolsStore[name] = symbolFor(description);
@@ -405,10 +406,10 @@ var isObject$4 = isObject$6;
 var isSymbol$1 = isSymbol$2;
 var getMethod = getMethod$1;
 var ordinaryToPrimitive = ordinaryToPrimitive$1;
-var wellKnownSymbol$7 = wellKnownSymbol$8;
+var wellKnownSymbol$5 = wellKnownSymbol$6;
 
 var $TypeError$4 = TypeError;
-var TO_PRIMITIVE = wellKnownSymbol$7('toPrimitive');
+var TO_PRIMITIVE = wellKnownSymbol$5('toPrimitive');
 
 // `ToPrimitive` abstract operation
 // https://tc39.es/ecma262/#sec-toprimitive
@@ -436,10 +437,10 @@ var toPropertyKey$2 = function (argument) {
   return isSymbol(key) ? key : key + '';
 };
 
-var global$7 = global$d;
+var global$6 = global$c;
 var isObject$3 = isObject$6;
 
-var document$1 = global$7.document;
+var document$1 = global$6.document;
 // typeof document.createElement is 'object' in old IE
 var EXISTS$1 = isObject$3(document$1) && isObject$3(document$1.createElement);
 
@@ -447,25 +448,25 @@ var documentCreateElement$2 = function (it) {
   return EXISTS$1 ? document$1.createElement(it) : {};
 };
 
-var DESCRIPTORS$a = descriptors;
+var DESCRIPTORS$9 = descriptors;
 var fails$7 = fails$c;
 var createElement = documentCreateElement$2;
 
 // Thanks to IE8 for its funny defineProperty
-var ie8DomDefine = !DESCRIPTORS$a && !fails$7(function () {
+var ie8DomDefine = !DESCRIPTORS$9 && !fails$7(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 DESCRIPTORS$9 = descriptors;
+var DESCRIPTORS$8 = descriptors;
 var call$2 = functionCall;
 var propertyIsEnumerableModule$1 = objectPropertyIsEnumerable;
 var createPropertyDescriptor$2 = createPropertyDescriptor$3;
 var toIndexedObject$4 = toIndexedObject$5;
 var toPropertyKey$1 = toPropertyKey$2;
-var hasOwn$8 = hasOwnProperty_1;
+var hasOwn$7 = hasOwnProperty_1;
 var IE8_DOM_DEFINE$1 = ie8DomDefine;
 
 // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
@@ -473,23 +474,23 @@ var $getOwnPropertyDescriptor$1 = Object.getOwnPropertyDescriptor;
 
 // `Object.getOwnPropertyDescriptor` method
 // https://tc39.es/ecma262/#sec-object.getownpropertydescriptor
-objectGetOwnPropertyDescriptor.f = DESCRIPTORS$9 ? $getOwnPropertyDescriptor$1 : function getOwnPropertyDescriptor(O, P) {
+objectGetOwnPropertyDescriptor.f = DESCRIPTORS$8 ? $getOwnPropertyDescriptor$1 : function getOwnPropertyDescriptor(O, P) {
   O = toIndexedObject$4(O);
   P = toPropertyKey$1(P);
   if (IE8_DOM_DEFINE$1) try {
     return $getOwnPropertyDescriptor$1(O, P);
   } catch (error) { /* empty */ }
-  if (hasOwn$8(O, P)) return createPropertyDescriptor$2(!call$2(propertyIsEnumerableModule$1.f, O, P), O[P]);
+  if (hasOwn$7(O, P)) return createPropertyDescriptor$2(!call$2(propertyIsEnumerableModule$1.f, O, P), O[P]);
 };
 
 var objectDefineProperty = {};
 
-var DESCRIPTORS$8 = descriptors;
+var DESCRIPTORS$7 = descriptors;
 var fails$6 = fails$c;
 
 // V8 ~ Chrome 36-
 // https://bugs.chromium.org/p/v8/issues/detail?id=3334
-var v8PrototypeDefineBug = DESCRIPTORS$8 && fails$6(function () {
+var v8PrototypeDefineBug = DESCRIPTORS$7 && fails$6(function () {
   // eslint-disable-next-line es/no-object-defineproperty -- required for testing
   return Object.defineProperty(function () { /* empty */ }, 'prototype', {
     value: 42,
@@ -499,16 +500,16 @@ var v8PrototypeDefineBug = DESCRIPTORS$8 && fails$6(function () {
 
 var isObject$2 = isObject$6;
 
-var $String$2 = String;
+var $String$1 = String;
 var $TypeError$3 = TypeError;
 
 // `Assert: Type(argument) is Object`
 var anObject$5 = function (argument) {
   if (isObject$2(argument)) return argument;
-  throw $TypeError$3($String$2(argument) + ' is not an object');
+  throw $TypeError$3($String$1(argument) + ' is not an object');
 };
 
-var DESCRIPTORS$7 = descriptors;
+var DESCRIPTORS$6 = descriptors;
 var IE8_DOM_DEFINE = ie8DomDefine;
 var V8_PROTOTYPE_DEFINE_BUG$1 = v8PrototypeDefineBug;
 var anObject$4 = anObject$5;
@@ -525,7 +526,7 @@ 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) {
+objectDefineProperty.f = DESCRIPTORS$6 ? V8_PROTOTYPE_DEFINE_BUG$1 ? function defineProperty(O, P, Attributes) {
   anObject$4(O);
   P = toPropertyKey(P);
   anObject$4(Attributes);
@@ -552,11 +553,11 @@ objectDefineProperty.f = DESCRIPTORS$7 ? V8_PROTOTYPE_DEFINE_BUG$1 ? function de
   return O;
 };
 
-var DESCRIPTORS$6 = descriptors;
+var DESCRIPTORS$5 = descriptors;
 var definePropertyModule$3 = objectDefineProperty;
 var createPropertyDescriptor$1 = createPropertyDescriptor$3;
 
-var createNonEnumerableProperty$4 = DESCRIPTORS$6 ? function (object, key, value) {
+var createNonEnumerableProperty$4 = DESCRIPTORS$5 ? function (object, key, value) {
   return definePropertyModule$3.f(object, key, createPropertyDescriptor$1(1, value));
 } : function (object, key, value) {
   object[key] = value;
@@ -565,17 +566,17 @@ var createNonEnumerableProperty$4 = DESCRIPTORS$6 ? function (object, key, value
 
 var makeBuiltIn$2 = {exports: {}};
 
-var DESCRIPTORS$5 = descriptors;
-var hasOwn$7 = hasOwnProperty_1;
+var DESCRIPTORS$4 = descriptors;
+var hasOwn$6 = hasOwnProperty_1;
 
 var FunctionPrototype = Function.prototype;
 // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
-var getDescriptor = DESCRIPTORS$5 && Object.getOwnPropertyDescriptor;
+var getDescriptor = DESCRIPTORS$4 && Object.getOwnPropertyDescriptor;
 
-var EXISTS = hasOwn$7(FunctionPrototype, 'name');
+var EXISTS = hasOwn$6(FunctionPrototype, 'name');
 // additional protection from minified / mangled / dropped function names
 var PROPER = EXISTS && (function something() { /* empty */ }).name === 'something';
-var CONFIGURABLE = EXISTS && (!DESCRIPTORS$5 || (DESCRIPTORS$5 && getDescriptor(FunctionPrototype, 'name').configurable));
+var CONFIGURABLE = EXISTS && (!DESCRIPTORS$4 || (DESCRIPTORS$4 && getDescriptor(FunctionPrototype, 'name').configurable));
 
 var functionName = {
   EXISTS: EXISTS,
@@ -583,14 +584,14 @@ var functionName = {
   CONFIGURABLE: CONFIGURABLE
 };
 
-var uncurryThis$5 = functionUncurryThis;
-var isCallable$a = isCallable$g;
+var uncurryThis$4 = functionUncurryThis;
+var isCallable$8 = isCallable$e;
 var store$1 = sharedStore;
 
-var functionToString = uncurryThis$5(Function.toString);
+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$a(store$1.inspectSource)) {
+if (!isCallable$8(store$1.inspectSource)) {
   store$1.inspectSource = function (it) {
     return functionToString(it);
   };
@@ -598,12 +599,12 @@ if (!isCallable$a(store$1.inspectSource)) {
 
 var inspectSource$1 = store$1.inspectSource;
 
-var global$6 = global$d;
-var isCallable$9 = isCallable$g;
+var global$5 = global$c;
+var isCallable$7 = isCallable$e;
 
-var WeakMap$1 = global$6.WeakMap;
+var WeakMap$1 = global$5.WeakMap;
 
-var weakMapBasicDetection = isCallable$9(WeakMap$1) && /native code/.test(String(WeakMap$1));
+var weakMapBasicDetection = isCallable$7(WeakMap$1) && /native code/.test(String(WeakMap$1));
 
 var shared$1 = shared$3.exports;
 var uid = uid$2;
@@ -617,17 +618,17 @@ var sharedKey$3 = function (key) {
 var hiddenKeys$4 = {};
 
 var NATIVE_WEAK_MAP = weakMapBasicDetection;
-var global$5 = global$d;
+var global$4 = global$c;
 var isObject$1 = isObject$6;
 var createNonEnumerableProperty$3 = createNonEnumerableProperty$4;
-var hasOwn$6 = hasOwnProperty_1;
+var hasOwn$5 = hasOwnProperty_1;
 var shared = sharedStore;
 var sharedKey$2 = sharedKey$3;
 var hiddenKeys$3 = hiddenKeys$4;
 
 var OBJECT_ALREADY_INITIALIZED = 'Object already initialized';
-var TypeError$1 = global$5.TypeError;
-var WeakMap = global$5.WeakMap;
+var TypeError$1 = global$4.TypeError;
+var WeakMap = global$4.WeakMap;
 var set, get, has;
 
 var enforce = function (it) {
@@ -666,16 +667,16 @@ if (NATIVE_WEAK_MAP || shared.state) {
   var STATE = sharedKey$2('state');
   hiddenKeys$3[STATE] = true;
   set = function (it, metadata) {
-    if (hasOwn$6(it, STATE)) throw TypeError$1(OBJECT_ALREADY_INITIALIZED);
+    if (hasOwn$5(it, STATE)) throw 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] : {};
+    return hasOwn$5(it, STATE) ? it[STATE] : {};
   };
   has = function (it) {
-    return hasOwn$6(it, STATE);
+    return hasOwn$5(it, STATE);
   };
 }
 
@@ -688,9 +689,9 @@ var internalState = {
 };
 
 var fails$5 = fails$c;
-var isCallable$8 = isCallable$g;
-var hasOwn$5 = hasOwnProperty_1;
-var DESCRIPTORS$4 = descriptors;
+var isCallable$6 = isCallable$e;
+var hasOwn$4 = hasOwnProperty_1;
+var DESCRIPTORS$3 = descriptors;
 var CONFIGURABLE_FUNCTION_NAME$1 = functionName.CONFIGURABLE;
 var inspectSource = inspectSource$1;
 var InternalStateModule$1 = internalState;
@@ -698,10 +699,10 @@ var InternalStateModule$1 = internalState;
 var enforceInternalState = InternalStateModule$1.enforce;
 var getInternalState$1 = InternalStateModule$1.get;
 // eslint-disable-next-line es/no-object-defineproperty -- safe
-var defineProperty$5 = Object.defineProperty;
+var defineProperty$4 = Object.defineProperty;
 
-var CONFIGURABLE_LENGTH = DESCRIPTORS$4 && !fails$5(function () {
-  return defineProperty$5(function () { /* empty */ }, 'length', { value: 8 }).length !== 8;
+var CONFIGURABLE_LENGTH = DESCRIPTORS$3 && !fails$5(function () {
+  return defineProperty$4(function () { /* empty */ }, 'length', { value: 8 }).length !== 8;
 });
 
 var TEMPLATE = String(String).split('String');
@@ -712,21 +713,21 @@ var makeBuiltIn$1 = makeBuiltIn$2.exports = function (value, name, options) {
   }
   if (options && options.getter) name = 'get ' + name;
   if (options && options.setter) name = 'set ' + name;
-  if (!hasOwn$5(value, 'name') || (CONFIGURABLE_FUNCTION_NAME$1 && value.name !== name)) {
-    if (DESCRIPTORS$4) defineProperty$5(value, 'name', { value: name, configurable: true });
+  if (!hasOwn$4(value, 'name') || (CONFIGURABLE_FUNCTION_NAME$1 && value.name !== name)) {
+    if (DESCRIPTORS$3) defineProperty$4(value, 'name', { value: name, configurable: true });
     else value.name = name;
   }
-  if (CONFIGURABLE_LENGTH && options && hasOwn$5(options, 'arity') && value.length !== options.arity) {
-    defineProperty$5(value, 'length', { value: options.arity });
+  if (CONFIGURABLE_LENGTH && options && hasOwn$4(options, 'arity') && value.length !== options.arity) {
+    defineProperty$4(value, 'length', { value: options.arity });
   }
   try {
-    if (options && hasOwn$5(options, 'constructor') && options.constructor) {
-      if (DESCRIPTORS$4) defineProperty$5(value, 'prototype', { writable: false });
+    if (options && hasOwn$4(options, 'constructor') && options.constructor) {
+      if (DESCRIPTORS$3) defineProperty$4(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$5(state, 'source')) {
+  if (!hasOwn$4(state, 'source')) {
     state.source = TEMPLATE.join(typeof name == 'string' ? name : '');
   } return value;
 };
@@ -734,10 +735,10 @@ var makeBuiltIn$1 = makeBuiltIn$2.exports = function (value, name, options) {
 // 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$8(this) && getInternalState$1(this).source || inspectSource(this);
+  return isCallable$6(this) && getInternalState$1(this).source || inspectSource(this);
 }, 'toString');
 
-var isCallable$7 = isCallable$g;
+var isCallable$5 = isCallable$e;
 var definePropertyModule$2 = objectDefineProperty;
 var makeBuiltIn = makeBuiltIn$2.exports;
 var defineGlobalProperty$1 = defineGlobalProperty$3;
@@ -746,7 +747,7 @@ 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$7(value)) makeBuiltIn(value, name, options);
+  if (isCallable$5(value)) makeBuiltIn(value, name, options);
   if (options.global) {
     if (simple) O[key] = value;
     else defineGlobalProperty$1(key, value);
@@ -852,22 +853,22 @@ var arrayIncludes = {
   indexOf: createMethod$1(false)
 };
 
-var uncurryThis$4 = functionUncurryThis;
-var hasOwn$4 = hasOwnProperty_1;
+var uncurryThis$3 = functionUncurryThis;
+var hasOwn$3 = hasOwnProperty_1;
 var toIndexedObject$2 = toIndexedObject$5;
 var indexOf = arrayIncludes.indexOf;
 var hiddenKeys$2 = hiddenKeys$4;
 
-var push = uncurryThis$4([].push);
+var push = uncurryThis$3([].push);
 
 var objectKeysInternal = function (object, names) {
   var O = toIndexedObject$2(object);
   var i = 0;
   var result = [];
   var key;
-  for (key in O) !hasOwn$4(hiddenKeys$2, key) && hasOwn$4(O, key) && push(result, key);
+  for (key in O) !hasOwn$3(hiddenKeys$2, key) && hasOwn$3(O, key) && push(result, key);
   // Don't enum bug & hidden keys
-  while (names.length > i) if (hasOwn$4(O, key = names[i++])) {
+  while (names.length > i) if (hasOwn$3(O, key = names[i++])) {
     ~indexOf(result, key) || push(result, key);
   }
   return result;
@@ -902,12 +903,12 @@ var objectGetOwnPropertySymbols = {};
 objectGetOwnPropertySymbols.f = Object.getOwnPropertySymbols;
 
 var getBuiltIn$1 = getBuiltIn$4;
-var uncurryThis$3 = functionUncurryThis;
+var uncurryThis$2 = functionUncurryThis;
 var getOwnPropertyNamesModule = objectGetOwnPropertyNames;
 var getOwnPropertySymbolsModule$1 = objectGetOwnPropertySymbols;
 var anObject$3 = anObject$5;
 
-var concat$1 = uncurryThis$3([].concat);
+var concat$1 = uncurryThis$2([].concat);
 
 // all object keys, includes non-enumerable and symbols
 var ownKeys$1 = getBuiltIn$1('Reflect', 'ownKeys') || function ownKeys(it) {
@@ -916,25 +917,25 @@ var ownKeys$1 = getBuiltIn$1('Reflect', 'ownKeys') || function ownKeys(it) {
   return getOwnPropertySymbols ? concat$1(keys, getOwnPropertySymbols(it)) : keys;
 };
 
-var hasOwn$3 = hasOwnProperty_1;
+var hasOwn$2 = hasOwnProperty_1;
 var ownKeys = ownKeys$1;
 var getOwnPropertyDescriptorModule = objectGetOwnPropertyDescriptor;
 var definePropertyModule$1 = objectDefineProperty;
 
-var copyConstructorProperties$2 = function (target, source, exceptions) {
+var copyConstructorProperties$1 = function (target, source, exceptions) {
   var keys = ownKeys(source);
   var defineProperty = definePropertyModule$1.f;
   var getOwnPropertyDescriptor = getOwnPropertyDescriptorModule.f;
   for (var i = 0; i < keys.length; i++) {
     var key = keys[i];
-    if (!hasOwn$3(target, key) && !(exceptions && hasOwn$3(exceptions, key))) {
+    if (!hasOwn$2(target, key) && !(exceptions && hasOwn$2(exceptions, key))) {
       defineProperty(target, key, getOwnPropertyDescriptor(source, key));
     }
   }
 };
 
 var fails$4 = fails$c;
-var isCallable$6 = isCallable$g;
+var isCallable$4 = isCallable$e;
 
 var replacement = /#|\.prototype\./;
 
@@ -942,7 +943,7 @@ var isForced$1 = function (feature, detection) {
   var value = data[normalize(feature)];
   return value == POLYFILL ? true
     : value == NATIVE ? false
-    : isCallable$6(detection) ? fails$4(detection)
+    : isCallable$4(detection) ? fails$4(detection)
     : !!detection;
 };
 
@@ -956,12 +957,12 @@ var POLYFILL = isForced$1.POLYFILL = 'P';
 
 var isForced_1 = isForced$1;
 
-var global$4 = global$d;
+var global$3 = global$c;
 var getOwnPropertyDescriptor = objectGetOwnPropertyDescriptor.f;
 var createNonEnumerableProperty$2 = createNonEnumerableProperty$4;
 var defineBuiltIn$2 = defineBuiltIn$3;
 var defineGlobalProperty = defineGlobalProperty$3;
-var copyConstructorProperties$1 = copyConstructorProperties$2;
+var copyConstructorProperties = copyConstructorProperties$1;
 var isForced = isForced_1;
 
 /*
@@ -985,11 +986,11 @@ var _export = function (options, source) {
   var STATIC = options.stat;
   var FORCED, target, key, targetProperty, sourceProperty, descriptor;
   if (GLOBAL) {
-    target = global$4;
+    target = global$3;
   } else if (STATIC) {
-    target = global$4[TARGET] || defineGlobalProperty(TARGET, {});
+    target = global$3[TARGET] || defineGlobalProperty(TARGET, {});
   } else {
-    target = (global$4[TARGET] || {}).prototype;
+    target = (global$3[TARGET] || {}).prototype;
   }
   if (target) for (key in source) {
     sourceProperty = source[key];
@@ -1001,7 +1002,7 @@ var _export = function (options, source) {
     // contained in target
     if (!FORCED && targetProperty !== undefined) {
       if (typeof sourceProperty == typeof targetProperty) continue;
-      copyConstructorProperties$1(sourceProperty, targetProperty);
+      copyConstructorProperties(sourceProperty, targetProperty);
     }
     // add a flag to not completely full polyfills
     if (options.sham || (targetProperty && targetProperty.sham)) {
@@ -1021,8 +1022,8 @@ var objectKeys$2 = Object.keys || function keys(O) {
   return internalObjectKeys(O, enumBugKeys$1);
 };
 
-var DESCRIPTORS$3 = descriptors;
-var uncurryThis$2 = functionUncurryThis;
+var DESCRIPTORS$2 = descriptors;
+var uncurryThis$1 = functionUncurryThis;
 var call$1 = functionCall;
 var fails$3 = fails$c;
 var objectKeys$1 = objectKeys$2;
@@ -1034,17 +1035,17 @@ var IndexedObject$1 = 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$4 = Object.defineProperty;
-var concat = uncurryThis$2([].concat);
+var defineProperty$3 = Object.defineProperty;
+var concat = uncurryThis$1([].concat);
 
 // `Object.assign` method
 // https://tc39.es/ecma262/#sec-object.assign
 var objectAssign = !$assign || fails$3(function () {
   // should have correct order of operations (Edge bug)
-  if (DESCRIPTORS$3 && $assign({ b: 1 }, $assign(defineProperty$4({}, 'a', {
+  if (DESCRIPTORS$2 && $assign({ b: 1 }, $assign(defineProperty$3({}, 'a', {
     enumerable: true,
     get: function () {
-      defineProperty$4(this, 'b', {
+      defineProperty$3(this, 'b', {
         value: 3,
         enumerable: false
       });
@@ -1073,18 +1074,18 @@ var objectAssign = !$assign || fails$3(function () {
     var key;
     while (length > j) {
       key = keys[j++];
-      if (!DESCRIPTORS$3 || call$1(propertyIsEnumerable, S, key)) T[key] = S[key];
+      if (!DESCRIPTORS$2 || call$1(propertyIsEnumerable, S, key)) T[key] = S[key];
     }
   } return T;
 } : $assign;
 
-var $$3 = _export;
+var $$2 = _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
-$$3({ target: 'Object', stat: true, arity: 2, forced: Object.assign !== assign }, {
+$$2({ target: 'Object', stat: true, arity: 2, forced: Object.assign !== assign }, {
   assign: assign
 });
 
@@ -1092,7 +1093,7 @@ const NinetailedContext = /*#__PURE__*/createContext(undefined);
 
 var objectDefineProperties = {};
 
-var DESCRIPTORS$2 = descriptors;
+var DESCRIPTORS$1 = descriptors;
 var V8_PROTOTYPE_DEFINE_BUG = v8PrototypeDefineBug;
 var definePropertyModule = objectDefineProperty;
 var anObject$2 = anObject$5;
@@ -1102,7 +1103,7 @@ var objectKeys = objectKeys$2;
 // `Object.defineProperties` method
 // https://tc39.es/ecma262/#sec-object.defineproperties
 // eslint-disable-next-line es/no-object-defineproperties -- safe
-objectDefineProperties.f = DESCRIPTORS$2 && !V8_PROTOTYPE_DEFINE_BUG ? Object.defineProperties : function defineProperties(O, Properties) {
+objectDefineProperties.f = DESCRIPTORS$1 && !V8_PROTOTYPE_DEFINE_BUG ? Object.defineProperties : function defineProperties(O, Properties) {
   anObject$2(O);
   var props = toIndexedObject$1(Properties);
   var keys = objectKeys(Properties);
@@ -1202,17 +1203,17 @@ var objectCreate = Object.create || function create(O, Properties) {
   return Properties === undefined ? result : definePropertiesModule.f(result, Properties);
 };
 
-var wellKnownSymbol$6 = wellKnownSymbol$8;
+var wellKnownSymbol$4 = wellKnownSymbol$6;
 var create$1 = objectCreate;
-var defineProperty$3 = objectDefineProperty.f;
+var defineProperty$2 = objectDefineProperty.f;
 
-var UNSCOPABLES = wellKnownSymbol$6('unscopables');
+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$3(ArrayPrototype, UNSCOPABLES, {
+  defineProperty$2(ArrayPrototype, UNSCOPABLES, {
     configurable: true,
     value: create$1(null)
   });
@@ -1234,36 +1235,36 @@ var correctPrototypeGetter = !fails$2(function () {
   return Object.getPrototypeOf(new F()) !== F.prototype;
 });
 
-var hasOwn$2 = hasOwnProperty_1;
-var isCallable$5 = isCallable$g;
+var hasOwn$1 = hasOwnProperty_1;
+var isCallable$3 = isCallable$e;
 var toObject$1 = toObject$4;
 var sharedKey = sharedKey$3;
 var CORRECT_PROTOTYPE_GETTER = correctPrototypeGetter;
 
 var IE_PROTO = sharedKey('IE_PROTO');
-var $Object$1 = Object;
-var ObjectPrototype = $Object$1.prototype;
+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$1.getPrototypeOf : function (O) {
+var objectGetPrototypeOf = CORRECT_PROTOTYPE_GETTER ? $Object.getPrototypeOf : function (O) {
   var object = toObject$1(O);
-  if (hasOwn$2(object, IE_PROTO)) return object[IE_PROTO];
+  if (hasOwn$1(object, IE_PROTO)) return object[IE_PROTO];
   var constructor = object.constructor;
-  if (isCallable$5(constructor) && object instanceof constructor) {
+  if (isCallable$3(constructor) && object instanceof constructor) {
     return constructor.prototype;
-  } return object instanceof $Object$1 ? ObjectPrototype : null;
+  } return object instanceof $Object ? ObjectPrototype : null;
 };
 
 var fails$1 = fails$c;
-var isCallable$4 = isCallable$g;
+var isCallable$2 = isCallable$e;
 var isObject = isObject$6;
 var getPrototypeOf$1 = objectGetPrototypeOf;
 var defineBuiltIn$1 = defineBuiltIn$3;
-var wellKnownSymbol$5 = wellKnownSymbol$8;
+var wellKnownSymbol$3 = wellKnownSymbol$6;
 
-var ITERATOR$2 = wellKnownSymbol$5('iterator');
+var ITERATOR$2 = wellKnownSymbol$3('iterator');
 var BUGGY_SAFARI_ITERATORS$1 = false;
 
 // `%IteratorPrototype%` object
@@ -1291,7 +1292,7 @@ if (NEW_ITERATOR_PROTOTYPE) IteratorPrototype$2 = {};
 
 // `%IteratorPrototype%[@@iterator]()` method
 // https://tc39.es/ecma262/#sec-%iteratorprototype%-@@iterator
-if (!isCallable$4(IteratorPrototype$2[ITERATOR$2])) {
+if (!isCallable$2(IteratorPrototype$2[ITERATOR$2])) {
   defineBuiltIn$1(IteratorPrototype$2, ITERATOR$2, function () {
     return this;
   });
@@ -1302,16 +1303,16 @@ var iteratorsCore = {
   BUGGY_SAFARI_ITERATORS: BUGGY_SAFARI_ITERATORS$1
 };
 
-var defineProperty$2 = objectDefineProperty.f;
-var hasOwn$1 = hasOwnProperty_1;
-var wellKnownSymbol$4 = wellKnownSymbol$8;
+var defineProperty$1 = objectDefineProperty.f;
+var hasOwn = hasOwnProperty_1;
+var wellKnownSymbol$2 = wellKnownSymbol$6;
 
-var TO_STRING_TAG$3 = wellKnownSymbol$4('toStringTag');
+var TO_STRING_TAG$1 = wellKnownSymbol$2('toStringTag');
 
 var setToStringTag$2 = function (target, TAG, STATIC) {
   if (target && !STATIC) target = target.prototype;
-  if (target && !hasOwn$1(target, TO_STRING_TAG$3)) {
-    defineProperty$2(target, TO_STRING_TAG$3, { configurable: true, value: TAG });
+  if (target && !hasOwn(target, TO_STRING_TAG$1)) {
+    defineProperty$1(target, TO_STRING_TAG$1, { configurable: true, value: TAG });
   }
 };
 
@@ -1331,19 +1332,19 @@ var iteratorCreateConstructor = function (IteratorConstructor, NAME, next, ENUME
   return IteratorConstructor;
 };
 
-var isCallable$3 = isCallable$g;
+var isCallable$1 = isCallable$e;
 
-var $String$1 = String;
+var $String = String;
 var $TypeError$1 = TypeError;
 
 var aPossiblePrototype$1 = function (argument) {
-  if (typeof argument == 'object' || isCallable$3(argument)) return argument;
-  throw $TypeError$1("Can't set " + $String$1(argument) + ' as a prototype');
+  if (typeof argument == 'object' || isCallable$1(argument)) return argument;
+  throw $TypeError$1("Can't set " + $String(argument) + ' as a prototype');
 };
 
 /* eslint-disable no-proto -- safe */
 
-var uncurryThis$1 = functionUncurryThis;
+var uncurryThis = functionUncurryThis;
 var anObject = anObject$5;
 var aPossiblePrototype = aPossiblePrototype$1;
 
@@ -1357,7 +1358,7 @@ var objectSetPrototypeOf = Object.setPrototypeOf || ('__proto__' in {} ? functio
   var setter;
   try {
     // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
-    setter = uncurryThis$1(Object.getOwnPropertyDescriptor(Object.prototype, '__proto__').set);
+    setter = uncurryThis(Object.getOwnPropertyDescriptor(Object.prototype, '__proto__').set);
     setter(test, []);
     CORRECT_SETTER = test instanceof Array;
   } catch (error) { /* empty */ }
@@ -1370,17 +1371,17 @@ var objectSetPrototypeOf = Object.setPrototypeOf || ('__proto__' in {} ? functio
   };
 }() : undefined);
 
-var $$2 = _export;
+var $$1 = _export;
 var call = functionCall;
 var FunctionName = functionName;
-var isCallable$2 = isCallable$g;
+var isCallable = isCallable$e;
 var createIteratorConstructor = iteratorCreateConstructor;
 var getPrototypeOf = objectGetPrototypeOf;
 var setPrototypeOf = objectSetPrototypeOf;
 var setToStringTag = setToStringTag$2;
 var createNonEnumerableProperty$1 = createNonEnumerableProperty$4;
 var defineBuiltIn = defineBuiltIn$3;
-var wellKnownSymbol$3 = wellKnownSymbol$8;
+var wellKnownSymbol$1 = wellKnownSymbol$6;
 var Iterators$1 = iterators;
 var IteratorsCore = iteratorsCore;
 
@@ -1388,7 +1389,7 @@ 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$3('iterator');
+var ITERATOR$1 = wellKnownSymbol$1('iterator');
 var KEYS = 'keys';
 var VALUES = 'values';
 var ENTRIES = 'entries';
@@ -1425,7 +1426,7 @@ var iteratorDefine = function (Iterable, NAME, IteratorConstructor, next, DEFAUL
       if (getPrototypeOf(CurrentIteratorPrototype) !== IteratorPrototype) {
         if (setPrototypeOf) {
           setPrototypeOf(CurrentIteratorPrototype, IteratorPrototype);
-        } else if (!isCallable$2(CurrentIteratorPrototype[ITERATOR$1])) {
+        } else if (!isCallable(CurrentIteratorPrototype[ITERATOR$1])) {
           defineBuiltIn(CurrentIteratorPrototype, ITERATOR$1, returnThis);
         }
       }
@@ -1455,7 +1456,7 @@ var iteratorDefine = function (Iterable, NAME, IteratorConstructor, next, DEFAUL
       if (BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME || !(KEY in IterablePrototype)) {
         defineBuiltIn(IterablePrototype, KEY, methods[KEY]);
       }
-    } else $$2({ target: NAME, proto: true, forced: BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME }, methods);
+    } else $$1({ target: NAME, proto: true, forced: BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME }, methods);
   }
 
   // define iterator
@@ -1477,10 +1478,10 @@ var toIndexedObject = toIndexedObject$5;
 var addToUnscopables = addToUnscopables$1;
 var Iterators = iterators;
 var InternalStateModule = internalState;
-var defineProperty$1 = objectDefineProperty.f;
+var defineProperty = objectDefineProperty.f;
 var defineIterator = iteratorDefine;
 var createIterResultObject = createIterResultObject$1;
-var DESCRIPTORS$1 = descriptors;
+var DESCRIPTORS = descriptors;
 
 var ARRAY_ITERATOR = 'Array Iterator';
 var setInternalState = InternalStateModule.set;
@@ -1530,8 +1531,8 @@ addToUnscopables('values');
 addToUnscopables('entries');
 
 // V8 ~ Chrome 45- bug
-if (DESCRIPTORS$1 && values.name !== 'values') try {
-  defineProperty$1(values, 'name', { value: 'values' });
+if (DESCRIPTORS && values.name !== 'values') try {
+  defineProperty(values, 'name', { value: 'values' });
 } catch (error) { /* empty */ }
 
 // iterable DOM collections
@@ -1578,15 +1579,15 @@ var DOMTokenListPrototype$1 = classList && classList.constructor && classList.co
 
 var domTokenListPrototype = DOMTokenListPrototype$1 === Object.prototype ? undefined : DOMTokenListPrototype$1;
 
-var global$3 = global$d;
+var global$2 = global$c;
 var DOMIterables = domIterables;
 var DOMTokenListPrototype = domTokenListPrototype;
 var ArrayIteratorMethods = es_array_iterator;
 var createNonEnumerableProperty = createNonEnumerableProperty$4;
-var wellKnownSymbol$2 = wellKnownSymbol$8;
+var wellKnownSymbol = wellKnownSymbol$6;
 
-var ITERATOR = wellKnownSymbol$2('iterator');
-var TO_STRING_TAG$2 = wellKnownSymbol$2('toStringTag');
+var ITERATOR = wellKnownSymbol('iterator');
+var TO_STRING_TAG = wellKnownSymbol('toStringTag');
 var ArrayValues = ArrayIteratorMethods.values;
 
 var handlePrototype = function (CollectionPrototype, COLLECTION_NAME) {
@@ -1597,8 +1598,8 @@ var handlePrototype = function (CollectionPrototype, COLLECTION_NAME) {
     } catch (error) {
       CollectionPrototype[ITERATOR] = ArrayValues;
     }
-    if (!CollectionPrototype[TO_STRING_TAG$2]) {
-      createNonEnumerableProperty(CollectionPrototype, TO_STRING_TAG$2, COLLECTION_NAME);
+    if (!CollectionPrototype[TO_STRING_TAG]) {
+      createNonEnumerableProperty(CollectionPrototype, TO_STRING_TAG, COLLECTION_NAME);
     }
     if (DOMIterables[COLLECTION_NAME]) for (var METHOD_NAME in ArrayIteratorMethods) {
       // some Chrome versions have non-configurable methods on DOMTokenList
@@ -1612,7 +1613,7 @@ var handlePrototype = function (CollectionPrototype, COLLECTION_NAME) {
 };
 
 for (var COLLECTION_NAME in DOMIterables) {
-  handlePrototype(global$3[COLLECTION_NAME] && global$3[COLLECTION_NAME].prototype, COLLECTION_NAME);
+  handlePrototype(global$2[COLLECTION_NAME] && global$2[COLLECTION_NAME].prototype, COLLECTION_NAME);
 }
 
 handlePrototype(DOMTokenListPrototype, 'DOMTokenList');
@@ -1654,159 +1655,6 @@ function __awaiter(thisArg, _arguments, P, generator) {
     });
 }
 
-var wellKnownSymbol$1 = wellKnownSymbol$8;
-
-var TO_STRING_TAG$1 = wellKnownSymbol$1('toStringTag');
-var test = {};
-
-test[TO_STRING_TAG$1] = 'z';
-
-var toStringTagSupport = String(test) === '[object z]';
-
-var TO_STRING_TAG_SUPPORT = toStringTagSupport;
-var isCallable$1 = isCallable$g;
-var classofRaw = classofRaw$1;
-var wellKnownSymbol = wellKnownSymbol$8;
-
-var TO_STRING_TAG = wellKnownSymbol('toStringTag');
-var $Object = Object;
-
-// ES3 wrong here
-var CORRECT_ARGUMENTS = classofRaw(function () { return arguments; }()) == 'Arguments';
-
-// fallback for IE11 Script Access Denied error
-var tryGet = function (it, key) {
-  try {
-    return it[key];
-  } catch (error) { /* empty */ }
-};
-
-// getting tag from ES6+ `Object.prototype.toString`
-var classof$2 = TO_STRING_TAG_SUPPORT ? classofRaw : function (it) {
-  var O, tag, result;
-  return it === undefined ? 'Undefined' : it === null ? 'Null'
-    // @@toStringTag case
-    : typeof (tag = tryGet(O = $Object(it), TO_STRING_TAG)) == 'string' ? tag
-    // builtinTag case
-    : CORRECT_ARGUMENTS ? classofRaw(O)
-    // ES3 arguments fallback
-    : (result = classofRaw(O)) == 'Object' && isCallable$1(O.callee) ? 'Arguments' : result;
-};
-
-var classof$1 = classof$2;
-
-var $String = String;
-
-var toString$1 = function (argument) {
-  if (classof$1(argument) === 'Symbol') throw TypeError('Cannot convert a Symbol value to a string');
-  return $String(argument);
-};
-
-var $$1 = _export;
-var DESCRIPTORS = descriptors;
-var global$2 = global$d;
-var uncurryThis = functionUncurryThis;
-var hasOwn = hasOwnProperty_1;
-var isCallable = isCallable$g;
-var isPrototypeOf = objectIsPrototypeOf;
-var toString = toString$1;
-var defineProperty = objectDefineProperty.f;
-var copyConstructorProperties = copyConstructorProperties$2;
-
-var NativeSymbol = global$2.Symbol;
-var SymbolPrototype = NativeSymbol && NativeSymbol.prototype;
-
-if (DESCRIPTORS && isCallable(NativeSymbol) && (!('description' in SymbolPrototype) ||
-  // Safari 12 bug
-  NativeSymbol().description !== undefined
-)) {
-  var EmptyStringDescriptionStore = {};
-  // wrap Symbol constructor for correct work with undefined description
-  var SymbolWrapper = function Symbol() {
-    var description = arguments.length < 1 || arguments[0] === undefined ? undefined : toString(arguments[0]);
-    var result = isPrototypeOf(SymbolPrototype, this)
-      ? new NativeSymbol(description)
-      // in Edge 13, String(Symbol(undefined)) === 'Symbol(undefined)'
-      : description === undefined ? NativeSymbol() : NativeSymbol(description);
-    if (description === '') EmptyStringDescriptionStore[result] = true;
-    return result;
-  };
-
-  copyConstructorProperties(SymbolWrapper, NativeSymbol);
-  SymbolWrapper.prototype = SymbolPrototype;
-  SymbolPrototype.constructor = SymbolWrapper;
-
-  var NATIVE_SYMBOL = String(NativeSymbol('test')) == 'Symbol(test)';
-  var thisSymbolValue = uncurryThis(SymbolPrototype.valueOf);
-  var symbolDescriptiveString = uncurryThis(SymbolPrototype.toString);
-  var regexp = /^Symbol\((.*)\)[^)]+$/;
-  var replace = uncurryThis(''.replace);
-  var stringSlice = uncurryThis(''.slice);
-
-  defineProperty(SymbolPrototype, 'description', {
-    configurable: true,
-    get: function description() {
-      var symbol = thisSymbolValue(this);
-      if (hasOwn(EmptyStringDescriptionStore, symbol)) return '';
-      var string = symbolDescriptiveString(symbol);
-      var desc = NATIVE_SYMBOL ? stringSlice(string, 7, -1) : replace(string, regexp, '$1');
-      return desc === '' ? undefined : desc;
-    }
-  });
-
-  $$1({ global: true, constructor: true, forced: true }, {
-    Symbol: SymbolWrapper
-  });
-}
-
-const useNinetailed = () => {
-  const ninetailed = useContext(NinetailedContext);
-  if (ninetailed === undefined) {
-    throw new Error('The component using the the context must be a descendant of the NinetailedProvider');
-  }
-  return ninetailed;
-};
-
-const TrackExperience = ({
-  children,
-  experience,
-  variant,
-  profile
-}) => {
-  const ninetailed = useNinetailed();
-  const {
-    ref,
-    inView
-  } = useInView({
-    triggerOnce: true
-  });
-  useEffect(() => {
-    if (isBrowser() && inView) {
-      const distribution = selectDistribution({
-        experience,
-        profile
-      });
-      ninetailed.trackHasSeenExperience({
-        experience: {
-          id: experience.id,
-          type: experience.type,
-          name: experience.name || '',
-          description: experience.description || ''
-        },
-        audience: experience.audience,
-        selectedVariant: variant,
-        selectedVariantIndex: distribution.index
-      });
-    }
-  }, [inView]);
-  return jsxs(Fragment, {
-    children: [jsx("div", {
-      ref: ref,
-      id: "nt-experience-handle"
-    }), children]
-  });
-};
-
 var aCallable = aCallable$2;
 var toObject = toObject$4;
 var IndexedObject = indexedObject;
@@ -1860,8 +1708,8 @@ var arrayMethodIsStrict$1 = function (METHOD_NAME, argument) {
   });
 };
 
-var classof = classofRaw$1;
-var global$1 = global$d;
+var classof = classofRaw;
+var global$1 = global$c;
 
 var engineIsNode = classof(global$1.process) == 'process';
 
@@ -1885,6 +1733,14 @@ $({ target: 'Array', proto: true, forced: !STRICT_METHOD || CHROME_BUG }, {
   }
 });
 
+const useNinetailed = () => {
+  const ninetailed = useContext(NinetailedContext);
+  if (ninetailed === undefined) {
+    throw new Error('The component using the the context must be a descendant of the NinetailedProvider');
+  }
+  return ninetailed;
+};
+
 const useProfile = () => {
   const ninetailed = useNinetailed();
   const [profileState, setProfileState] = useState(ninetailed.profileState);
@@ -1988,21 +1844,26 @@ const useExperience = ({
   const overrideResult = _a => {
     var {
         experience: originalExperience,
-        variant: originalVariant
+        variant: originalVariant,
+        variantIndex: originalVariantIndex
       } = _a,
-      other = __rest(_a, ["experience", "variant"]);
+      other = __rest(_a, ["experience", "variant", "variantIndex"]);
     const {
       experience,
-      variant
+      variant,
+      variantIndex
     } = experienceSelectionMiddleware({
       experience: originalExperience,
-      variant: originalVariant
+      variant: originalVariant,
+      variantIndex: originalVariantIndex
     });
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
     return Object.assign(Object.assign({}, other), {
+      audience: (experience === null || experience === void 0 ? void 0 : experience.audience) ? experience.audience : null,
       experience,
-      variant
+      variant,
+      variantIndex
     });
   };
   const baseReturn = Object.assign(Object.assign({}, profileState), {
@@ -2011,7 +1872,8 @@ const useExperience = ({
   });
   const emptyReturn = Object.assign(Object.assign({}, baseReturn), {
     experience: null,
-    variant: null,
+    variant: baseline,
+    variantIndex: 0,
     audience: null,
     isPersonalized: false,
     profile: null
@@ -2044,31 +1906,22 @@ const useExperience = ({
       profile
     }));
   }
-  const audience = experience.audience;
-  const variant = selectExperienceVariantClientSide({
+  const {
+    variant,
+    index
+  } = selectExperienceVariant({
     baseline,
     experience,
     profile
   });
-  if (!variant) {
-    return overrideResult(Object.assign(Object.assign({}, baseReturn), {
-      status: 'success',
-      loading: false,
-      error: null,
-      experience,
-      variant: null,
-      audience: audience ? audience : null,
-      profile,
-      isPersonalized: false
-    }));
-  }
   return overrideResult(Object.assign(Object.assign({}, baseReturn), {
     status: 'success',
     loading: false,
     error: null,
     experience,
     variant,
-    audience: audience ? audience : null,
+    variantIndex: index,
+    audience: experience.audience ? experience.audience : null,
     profile,
     isPersonalized: true
   }));
@@ -2079,6 +1932,36 @@ const useJoinExperiment = () => {
   return context.joinExperiment;
 };
 
+const ComponentMarker = /*#__PURE__*/forwardRef((_, ref) => {
+  const {
+    logger
+  } = useNinetailed();
+  const markerRef = useRef(null);
+  useEffect(() => {
+    // TODO: Create a better message
+    logger.debug('Using fallback mechanism to select component.');
+  }, [logger]);
+  useEffect(() => {
+    if (markerRef.current) {
+      const nextSibling = markerRef.current.nextSibling;
+      if (ref) {
+        if (typeof ref === 'function') {
+          ref(nextSibling);
+        } else {
+          ref.current = nextSibling;
+        }
+      }
+    }
+  }, []);
+  return jsx("div", {
+    className: "nt-cmp-marker",
+    style: {
+      display: 'none !important'
+    },
+    ref: markerRef
+  });
+});
+
 const DefaultExperienceLoadingComponent = _a => {
   var {
       component: Component,
@@ -2132,12 +2015,17 @@ const Experience = _a => {
       passthroughProps
     } = _a,
     baseline = __rest(_a, ["experiences", "component", "loadingComponent", "passthroughProps"]);
+  const {
+    observeElement,
+    unobserveElement
+  } = useNinetailed();
   // TODO we actually could hook into the experience hook here with the plugins
   const {
     status,
     hasVariants,
     experience,
     variant,
+    variantIndex,
     audience,
     isPersonalized,
     profile
@@ -2146,6 +2034,10 @@ const Experience = _a => {
     experiences
   });
   const joinExperiment = useJoinExperiment();
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore
+  const isComponentForwardRef = isForwardRef(jsx(Component, {}));
+  const componentRef = useRef(null);
   useEffect(() => {
     if (status === 'success' && experience && profile) {
       joinExperiment({
@@ -2155,10 +2047,33 @@ const Experience = _a => {
       });
     }
   }, [status, experience, profile]);
+  useEffect(() => {
+    const componentElement = componentRef.current;
+    if (componentElement) {
+      observeElement({
+        element: componentElement,
+        experience,
+        audience,
+        variant,
+        variantIndex
+      });
+    }
+    return () => {
+      if (componentElement) {
+        unobserveElement(componentElement);
+      }
+    };
+  }, [observeElement, unobserveElement, experience, baseline, variant, variantIndex, audience]);
   if (!hasVariants) {
-    return /*#__PURE__*/createElement$1(Component, Object.assign({}, passthroughProps, baseline, {
-      key: baseline.id
-    }));
+    return jsxs(Fragment, {
+      children: [!isComponentForwardRef && jsx(ComponentMarker, {
+        ref: componentRef
+      }, `marker-no-variants-${(experience === null || experience === void 0 ? void 0 : experience.id) || 'baseline'}-${variant.id}`), /*#__PURE__*/createElement$1(Component, Object.assign({}, passthroughProps, baseline, {
+        key: baseline.id
+      }, isComponentForwardRef ? {
+        ref: componentRef
+      } : {}))]
+    });
   }
   if (status === 'loading') {
     return /*#__PURE__*/createElement$1(LoadingComponent, Object.assign({}, baseline, {
@@ -2168,50 +2083,27 @@ const Experience = _a => {
       component: Component
     }));
   }
-  if (!experience) {
-    return jsx(Component, Object.assign({}, passthroughProps, baseline, {
-      ninetailed: {
-        isPersonalized: false,
-        audience: {
-          id: 'baseline'
-        }
-      }
-    }));
-  }
-  if (!variant) {
-    return jsx(TrackExperience, Object.assign({
-      experience: experience,
-      variant: baseline,
-      // the profile is definitely defined, otherwise there wouldn't be an experience selected
-      profile: profile
-    }, {
-      children: jsx(Component, Object.assign({}, passthroughProps, baseline, {
-        ninetailed: {
-          isPersonalized: false,
-          audience: {
-            id: (audience === null || audience === void 0 ? void 0 : audience.id) || 'all visitors'
-          }
-        }
-      }))
-    }), baseline.id);
-  }
   const isVariantHidden = 'hidden' in variant && variant.hidden;
-  return jsx(TrackExperience, Object.assign({
-    experience: experience,
-    variant: variant,
-    // the profile is definitely defined, otherwise there wouldn't be an experience selected
-    profile: profile
-  }, {
-    children: !isVariantHidden ? /*#__PURE__*/createElement$1(Component, Object.assign({}, Object.assign(Object.assign({}, passthroughProps), variant), {
-      key: `${experience.id}-${variant.id}`,
+  if (isVariantHidden) {
+    return jsx(ComponentMarker, {
+      ref: componentRef
+    }, `marker-hidden-${(experience === null || experience === void 0 ? void 0 : experience.id) || 'baseline'}-${variant.id}`);
+  }
+  return jsxs(Fragment, {
+    children: [!isComponentForwardRef && jsx(ComponentMarker, {
+      ref: componentRef
+    }, `marker-${(experience === null || experience === void 0 ? void 0 : experience.id) || 'baseline'}-${variant.id}`), /*#__PURE__*/createElement$1(Component, Object.assign({}, Object.assign(Object.assign({}, passthroughProps), variant), {
+      key: `${(experience === null || experience === void 0 ? void 0 : experience.id) || 'baseline'}-${variant.id}`,
       ninetailed: {
         isPersonalized,
         audience: {
           id: (audience === null || audience === void 0 ? void 0 : audience.id) || 'all visitors'
         }
       }
-    })) : null
-  }));
+    }, isComponentForwardRef ? {
+      ref: componentRef
+    } : {}))]
+  });
 };
 
 const ESRContext = /*#__PURE__*/React.createContext(undefined);
@@ -2382,11 +2274,13 @@ const NinetailedProvider = props => {
       environment,
       preview,
       url,
+      profile,
       locale,
       requestTimeout,
       plugins = [],
       onLog,
-      onError
+      onError,
+      componentViewTrackingThreshold
     } = props;
     return new Ninetailed({
       clientId,
@@ -2395,10 +2289,12 @@ const NinetailedProvider = props => {
     }, {
       url,
       plugins,
+      profile,
       locale,
       requestTimeout,
       onLog,
-      onError
+      onError,
+      componentViewTrackingThreshold
     });
   }, []);
   const {
@@ -2543,4 +2439,4 @@ const MergeTag = ({
   });
 };
 
-export { DefaultExperienceLoadingComponent, ESRLoadingComponent, ESRProvider, Experience, ExperimentsProvider, MergeTag, NinetailedProvider, Personalize, TrackExperience, TrackHasSeenComponent, useExperience, useExperiments, useJoinExperiment, useNinetailed, usePersonalize, useProfile };
+export { DefaultExperienceLoadingComponent, ESRLoadingComponent, ESRProvider, Experience, ExperimentsProvider, MergeTag, NinetailedProvider, Personalize, TrackHasSeenComponent, useExperience, useExperiments, useJoinExperiment, useNinetailed, usePersonalize, useProfile };