@ninetailed/experience.js-react 1.8.1 → 2.0.0-beta.5

package/index.umd.js

@@ -11,17 +11,31 @@
 
   var NinetailedContext = /*#__PURE__*/React.createContext(undefined);
 
+  var ExperimentsContext = /*#__PURE__*/React.createContext(undefined);
+
+  var ExperimentsProvider = function ExperimentsProvider(_a) {
+    var experiments = _a.experiments,
+        children = _a.children;
+    return /*#__PURE__*/React__default["default"].createElement(ExperimentsContext.Provider, {
+      value: {
+        experiments: experiments
+      }
+    }, children);
+  };
+
   var NinetailedProvider = function NinetailedProvider(_a) {
     var children = _a.children,
         clientId = _a.clientId,
+        _b = _a.experiments,
+        experiments = _b === void 0 ? [] : _b,
         environment = _a.environment,
         preview = _a.preview,
         url = _a.url,
         profile = _a.profile,
         locale = _a.locale,
         requestTimeout = _a.requestTimeout,
-        _b = _a.plugins,
-        plugins = _b === void 0 ? [] : _b;
+        _c = _a.plugins,
+        plugins = _c === void 0 ? [] : _c;
     var ninetailed = React.useMemo(function () {
       return new experience_js.Ninetailed({
         clientId: clientId,
@@ -37,7 +51,9 @@
     }, []);
     return /*#__PURE__*/React__default["default"].createElement(NinetailedContext.Provider, {
       value: ninetailed
-    }, children);
+    }, /*#__PURE__*/React__default["default"].createElement(ExperimentsProvider, {
+      experiments: experiments
+    }, children));
   };
 
   var useNinetailed = function useNinetailed() {
@@ -50,32 +66,6 @@
     return ninetailed;
   };
 
-  var useProfile = function useProfile() {
-    var ninetailed = useNinetailed();
-
-    var _a = React.useState(ninetailed.profileState),
-        profileState = _a[0],
-        setProfileState = _a[1];
-
-    React.useEffect(function () {
-      return ninetailed.onProfileChange(function (profileState) {
-        setProfileState(profileState);
-      });
-    }, []);
-    return profileState;
-  };
-
-  var usePersonalize = function usePersonalize(baseline, variants, options) {
-    if (options === void 0) {
-      options = {
-        holdout: -1
-      };
-    }
-
-    var profile = useProfile();
-    return experience_js.selectVariant(baseline, variants, profile, options);
-  };
-
   /*! *****************************************************************************
   Copyright (c) Microsoft Corporation.
 
@@ -114,6 +104,34 @@
       return t;
   }
 
+  var useProfile = function useProfile() {
+    var ninetailed = useNinetailed();
+
+    var _a = React.useState(ninetailed.profileState),
+        profileState = _a[0],
+        setProfileState = _a[1];
+
+    React.useEffect(function () {
+      return ninetailed.onProfileChange(function (profileState) {
+        setProfileState(profileState);
+      });
+    }, []);
+    return __assign(__assign({}, profileState), {
+      loading: profileState.status === 'loading'
+    });
+  };
+
+  var usePersonalize = function usePersonalize(baseline, variants, options) {
+    if (options === void 0) {
+      options = {
+        holdout: -1
+      };
+    }
+
+    var profile = useProfile();
+    return experience_js.selectVariant(baseline, variants, profile, options);
+  };
+
   var TrackHasSeenComponent = function TrackHasSeenComponent(_a) {
     var children = _a.children,
         variant = _a.variant,
@@ -207,7 +225,7 @@
   };
 
   // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
-  var global$r =
+  var global$t =
     // eslint-disable-next-line es/no-global-this -- safe
     check(typeof globalThis == 'object' && globalThis) ||
     check(typeof window == 'object' && window) ||
@@ -219,7 +237,7 @@
 
   var objectGetOwnPropertyDescriptor = {};
 
-  var fails$c = function (exec) {
+  var fails$d = function (exec) {
     try {
       return !!exec();
     } catch (error) {
@@ -227,17 +245,17 @@
     }
   };
 
-  var fails$b = fails$c;
+  var fails$c = fails$d;
 
   // Detect IE8's incomplete defineProperty implementation
-  var descriptors = !fails$b(function () {
+  var descriptors = !fails$c(function () {
     // eslint-disable-next-line es/no-object-defineproperty -- required for testing
     return Object.defineProperty({}, 1, { get: function () { return 7; } })[1] != 7;
   });
 
-  var fails$a = fails$c;
+  var fails$b = fails$d;
 
-  var functionBindNative = !fails$a(function () {
+  var functionBindNative = !fails$b(function () {
     var test = (function () { /* empty */ }).bind();
     // eslint-disable-next-line no-prototype-builtins -- safe
     return typeof test != 'function' || test.hasOwnProperty('prototype');
@@ -300,40 +318,40 @@
     return stringSlice$4(toString$5(it), 8, -1);
   };
 
-  var global$q = global$r;
+  var global$s = global$t;
   var uncurryThis$c = functionUncurryThis;
-  var fails$9 = fails$c;
-  var classof$3 = classofRaw$1;
+  var fails$a = fails$d;
+  var classof$4 = classofRaw$1;
 
-  var Object$4 = global$q.Object;
+  var Object$4 = global$s.Object;
   var split = uncurryThis$c(''.split);
 
   // fallback for non-array-like ES3 and non-enumerable old V8 strings
-  var indexedObject = fails$9(function () {
+  var indexedObject = fails$a(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);
   }) ? function (it) {
-    return classof$3(it) == 'String' ? split(it, '') : Object$4(it);
+    return classof$4(it) == 'String' ? split(it, '') : Object$4(it);
   } : Object$4;
 
-  var global$p = global$r;
+  var global$r = global$t;
 
-  var TypeError$8 = global$p.TypeError;
+  var TypeError$9 = global$r.TypeError;
 
   // `RequireObjectCoercible` abstract operation
   // https://tc39.es/ecma262/#sec-requireobjectcoercible
   var requireObjectCoercible$4 = function (it) {
-    if (it == undefined) throw TypeError$8("Can't call method on " + it);
+    if (it == undefined) throw TypeError$9("Can't call method on " + it);
     return it;
   };
 
   // toObject with fallback for non-array-like ES3 strings
-  var IndexedObject = indexedObject;
+  var IndexedObject$1 = indexedObject;
   var requireObjectCoercible$3 = requireObjectCoercible$4;
 
   var toIndexedObject$4 = function (it) {
-    return IndexedObject(requireObjectCoercible$3(it));
+    return IndexedObject$1(requireObjectCoercible$3(it));
   };
 
   // `IsCallable` abstract operation
@@ -348,7 +366,7 @@
     return typeof it == 'object' ? it !== null : isCallable$b(it);
   };
 
-  var global$o = global$r;
+  var global$q = global$t;
   var isCallable$a = isCallable$c;
 
   var aFunction = function (argument) {
@@ -356,7 +374,7 @@
   };
 
   var getBuiltIn$4 = function (namespace, method) {
-    return arguments.length < 2 ? aFunction(global$o[namespace]) : global$o[namespace] && global$o[namespace][method];
+    return arguments.length < 2 ? aFunction(global$q[namespace]) : global$q[namespace] && global$q[namespace][method];
   };
 
   var uncurryThis$b = functionUncurryThis;
@@ -367,11 +385,11 @@
 
   var engineUserAgent = getBuiltIn$3('navigator', 'userAgent') || '';
 
-  var global$n = global$r;
+  var global$p = global$t;
   var userAgent = engineUserAgent;
 
-  var process = global$n.process;
-  var Deno = global$n.Deno;
+  var process = global$p.process;
+  var Deno = global$p.Deno;
   var versions = process && process.versions || Deno && Deno.version;
   var v8 = versions && versions.v8;
   var match, version;
@@ -398,10 +416,10 @@
   /* eslint-disable es/no-symbol -- required for testing */
 
   var V8_VERSION = engineV8Version;
-  var fails$8 = fails$c;
+  var fails$9 = fails$d;
 
   // eslint-disable-next-line es/no-object-getownpropertysymbols -- required for testing
-  var nativeSymbol = !!Object.getOwnPropertySymbols && !fails$8(function () {
+  var nativeSymbol = !!Object.getOwnPropertySymbols && !fails$9(function () {
     var symbol = Symbol();
     // Chrome 38 Symbol has incorrect toString conversion
     // `get-own-property-symbols` polyfill symbols converted to object are not Symbol instances
@@ -418,13 +436,13 @@
     && !Symbol.sham
     && typeof Symbol.iterator == 'symbol';
 
-  var global$m = global$r;
+  var global$o = global$t;
   var getBuiltIn$2 = getBuiltIn$4;
   var isCallable$9 = isCallable$c;
   var isPrototypeOf = objectIsPrototypeOf;
   var USE_SYMBOL_AS_UID$1 = useSymbolAsUid;
 
-  var Object$3 = global$m.Object;
+  var Object$3 = global$o.Object;
 
   var isSymbol$2 = USE_SYMBOL_AS_UID$1 ? function (it) {
     return typeof it == 'symbol';
@@ -433,9 +451,9 @@
     return isCallable$9($Symbol) && isPrototypeOf($Symbol.prototype, Object$3(it));
   };
 
-  var global$l = global$r;
+  var global$n = global$t;
 
-  var String$3 = global$l.String;
+  var String$3 = global$n.String;
 
   var tryToString$1 = function (argument) {
     try {
@@ -445,33 +463,33 @@
     }
   };
 
-  var global$k = global$r;
+  var global$m = global$t;
   var isCallable$8 = isCallable$c;
   var tryToString = tryToString$1;
 
-  var TypeError$7 = global$k.TypeError;
+  var TypeError$8 = global$m.TypeError;
 
   // `Assert: IsCallable(argument) is true`
-  var aCallable$1 = function (argument) {
+  var aCallable$2 = function (argument) {
     if (isCallable$8(argument)) return argument;
-    throw TypeError$7(tryToString(argument) + ' is not a function');
+    throw TypeError$8(tryToString(argument) + ' is not a function');
   };
 
-  var aCallable = aCallable$1;
+  var aCallable$1 = aCallable$2;
 
   // `GetMethod` abstract operation
   // https://tc39.es/ecma262/#sec-getmethod
   var getMethod$2 = function (V, P) {
     var func = V[P];
-    return func == null ? undefined : aCallable(func);
+    return func == null ? undefined : aCallable$1(func);
   };
 
-  var global$j = global$r;
+  var global$l = global$t;
   var call$6 = functionCall;
   var isCallable$7 = isCallable$c;
   var isObject$4 = isObject$5;
 
-  var TypeError$6 = global$j.TypeError;
+  var TypeError$7 = global$l.TypeError;
 
   // `OrdinaryToPrimitive` abstract operation
   // https://tc39.es/ecma262/#sec-ordinarytoprimitive
@@ -480,29 +498,29 @@
     if (pref === 'string' && isCallable$7(fn = input.toString) && !isObject$4(val = call$6(fn, input))) return val;
     if (isCallable$7(fn = input.valueOf) && !isObject$4(val = call$6(fn, input))) return val;
     if (pref !== 'string' && isCallable$7(fn = input.toString) && !isObject$4(val = call$6(fn, input))) return val;
-    throw TypeError$6("Can't convert object to primitive value");
+    throw TypeError$7("Can't convert object to primitive value");
   };
 
   var shared$4 = {exports: {}};
 
-  var global$i = global$r;
+  var global$k = global$t;
 
   // eslint-disable-next-line es/no-object-defineproperty -- safe
   var defineProperty = Object.defineProperty;
 
   var setGlobal$3 = function (key, value) {
     try {
-      defineProperty(global$i, key, { value: value, configurable: true, writable: true });
+      defineProperty(global$k, key, { value: value, configurable: true, writable: true });
     } catch (error) {
-      global$i[key] = value;
+      global$k[key] = value;
     } return value;
   };
 
-  var global$h = global$r;
+  var global$j = global$t;
   var setGlobal$2 = setGlobal$3;
 
   var SHARED = '__core-js_shared__';
-  var store$3 = global$h[SHARED] || setGlobal$2(SHARED, {});
+  var store$3 = global$j[SHARED] || setGlobal$2(SHARED, {});
 
   var sharedStore = store$3;
 
@@ -518,26 +536,26 @@
     source: 'https://github.com/zloirock/core-js'
   });
 
-  var global$g = global$r;
+  var global$i = global$t;
   var requireObjectCoercible$2 = requireObjectCoercible$4;
 
-  var Object$2 = global$g.Object;
+  var Object$2 = global$i.Object;
 
   // `ToObject` abstract operation
   // https://tc39.es/ecma262/#sec-toobject
-  var toObject$2 = function (argument) {
+  var toObject$3 = function (argument) {
     return Object$2(requireObjectCoercible$2(argument));
   };
 
   var uncurryThis$a = functionUncurryThis;
-  var toObject$1 = toObject$2;
+  var toObject$2 = toObject$3;
 
   var hasOwnProperty = uncurryThis$a({}.hasOwnProperty);
 
   // `HasOwnProperty` abstract operation
   // https://tc39.es/ecma262/#sec-hasownproperty
   var hasOwnProperty_1 = Object.hasOwn || function hasOwn(it, key) {
-    return hasOwnProperty(toObject$1(it), key);
+    return hasOwnProperty(toObject$2(it), key);
   };
 
   var uncurryThis$9 = functionUncurryThis;
@@ -550,7 +568,7 @@
     return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString$4(++id + postfix, 36);
   };
 
-  var global$f = global$r;
+  var global$h = global$t;
   var shared$3 = shared$4.exports;
   var hasOwn$6 = hasOwnProperty_1;
   var uid$1 = uid$2;
@@ -558,7 +576,7 @@
   var USE_SYMBOL_AS_UID = useSymbolAsUid;
 
   var WellKnownSymbolsStore = shared$3('wks');
-  var Symbol$1 = global$f.Symbol;
+  var Symbol$1 = global$h.Symbol;
   var symbolFor = Symbol$1 && Symbol$1['for'];
   var createWellKnownSymbol = USE_SYMBOL_AS_UID ? Symbol$1 : Symbol$1 && Symbol$1.withoutSetter || uid$1;
 
@@ -575,7 +593,7 @@
     } return WellKnownSymbolsStore[name];
   };
 
-  var global$e = global$r;
+  var global$g = global$t;
   var call$5 = functionCall;
   var isObject$3 = isObject$5;
   var isSymbol$1 = isSymbol$2;
@@ -583,7 +601,7 @@
   var ordinaryToPrimitive = ordinaryToPrimitive$1;
   var wellKnownSymbol$4 = wellKnownSymbol$5;
 
-  var TypeError$5 = global$e.TypeError;
+  var TypeError$6 = global$g.TypeError;
   var TO_PRIMITIVE = wellKnownSymbol$4('toPrimitive');
 
   // `ToPrimitive` abstract operation
@@ -596,7 +614,7 @@
       if (pref === undefined) pref = 'default';
       result = call$5(exoticToPrim, input, pref);
       if (!isObject$3(result) || isSymbol$1(result)) return result;
-      throw TypeError$5("Can't convert object to primitive value");
+      throw TypeError$6("Can't convert object to primitive value");
     }
     if (pref === undefined) pref = 'number';
     return ordinaryToPrimitive(input, pref);
@@ -612,10 +630,10 @@
     return isSymbol(key) ? key : key + '';
   };
 
-  var global$d = global$r;
+  var global$f = global$t;
   var isObject$2 = isObject$5;
 
-  var document$1 = global$d.document;
+  var document$1 = global$f.document;
   // typeof document.createElement is 'object' in old IE
   var EXISTS$1 = isObject$2(document$1) && isObject$2(document$1.createElement);
 
@@ -624,11 +642,11 @@
   };
 
   var DESCRIPTORS$6 = descriptors;
-  var fails$7 = fails$c;
+  var fails$8 = fails$d;
   var createElement = documentCreateElement$1;
 
   // Thanks to IE8 for its funny defineProperty
-  var ie8DomDefine = !DESCRIPTORS$6 && !fails$7(function () {
+  var ie8DomDefine = !DESCRIPTORS$6 && !fails$8(function () {
     // eslint-disable-next-line es/no-object-defineproperty -- required for testing
     return Object.defineProperty(createElement('div'), 'a', {
       get: function () { return 7; }
@@ -661,11 +679,11 @@
   var objectDefineProperty = {};
 
   var DESCRIPTORS$4 = descriptors;
-  var fails$6 = fails$c;
+  var fails$7 = fails$d;
 
   // V8 ~ Chrome 36-
   // https://bugs.chromium.org/p/v8/issues/detail?id=3334
-  var v8PrototypeDefineBug = DESCRIPTORS$4 && fails$6(function () {
+  var v8PrototypeDefineBug = DESCRIPTORS$4 && fails$7(function () {
     // eslint-disable-next-line es/no-object-defineproperty -- required for testing
     return Object.defineProperty(function () { /* empty */ }, 'prototype', {
       value: 42,
@@ -673,26 +691,26 @@
     }).prototype != 42;
   });
 
-  var global$c = global$r;
+  var global$e = global$t;
   var isObject$1 = isObject$5;
 
-  var String$2 = global$c.String;
-  var TypeError$4 = global$c.TypeError;
+  var String$2 = global$e.String;
+  var TypeError$5 = global$e.TypeError;
 
   // `Assert: Type(argument) is Object`
   var anObject$7 = function (argument) {
     if (isObject$1(argument)) return argument;
-    throw TypeError$4(String$2(argument) + ' is not an object');
+    throw TypeError$5(String$2(argument) + ' is not an object');
   };
 
-  var global$b = global$r;
+  var global$d = global$t;
   var DESCRIPTORS$3 = descriptors;
   var IE8_DOM_DEFINE = ie8DomDefine;
   var V8_PROTOTYPE_DEFINE_BUG$1 = v8PrototypeDefineBug;
   var anObject$6 = anObject$7;
   var toPropertyKey = toPropertyKey$2;
 
-  var TypeError$3 = global$b.TypeError;
+  var TypeError$4 = global$d.TypeError;
   // eslint-disable-next-line es/no-object-defineproperty -- safe
   var $defineProperty = Object.defineProperty;
   // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
@@ -725,7 +743,7 @@
     if (IE8_DOM_DEFINE) try {
       return $defineProperty(O, P, Attributes);
     } catch (error) { /* empty */ }
-    if ('get' in Attributes || 'set' in Attributes) throw TypeError$3('Accessors not supported');
+    if ('get' in Attributes || 'set' in Attributes) throw TypeError$4('Accessors not supported');
     if ('value' in Attributes) O[P] = Attributes.value;
     return O;
   };
@@ -758,11 +776,11 @@
 
   var inspectSource$2 = store$1.inspectSource;
 
-  var global$a = global$r;
+  var global$c = global$t;
   var isCallable$5 = isCallable$c;
   var inspectSource$1 = inspectSource$2;
 
-  var WeakMap$1 = global$a.WeakMap;
+  var WeakMap$1 = global$c.WeakMap;
 
   var nativeWeakMap = isCallable$5(WeakMap$1) && /native code/.test(inspectSource$1(WeakMap$1));
 
@@ -778,7 +796,7 @@
   var hiddenKeys$4 = {};
 
   var NATIVE_WEAK_MAP = nativeWeakMap;
-  var global$9 = global$r;
+  var global$b = global$t;
   var uncurryThis$7 = functionUncurryThis;
   var isObject = isObject$5;
   var createNonEnumerableProperty$3 = createNonEnumerableProperty$4;
@@ -788,8 +806,8 @@
   var hiddenKeys$3 = hiddenKeys$4;
 
   var OBJECT_ALREADY_INITIALIZED = 'Object already initialized';
-  var TypeError$2 = global$9.TypeError;
-  var WeakMap = global$9.WeakMap;
+  var TypeError$3 = global$b.TypeError;
+  var WeakMap = global$b.WeakMap;
   var set, get, has;
 
   var enforce = function (it) {
@@ -800,7 +818,7 @@
     return function (it) {
       var state;
       if (!isObject(it) || (state = get(it)).type !== TYPE) {
-        throw TypeError$2('Incompatible receiver, ' + TYPE + ' required');
+        throw TypeError$3('Incompatible receiver, ' + TYPE + ' required');
       } return state;
     };
   };
@@ -811,7 +829,7 @@
     var wmhas = uncurryThis$7(store.has);
     var wmset = uncurryThis$7(store.set);
     set = function (it, metadata) {
-      if (wmhas(store, it)) throw new TypeError$2(OBJECT_ALREADY_INITIALIZED);
+      if (wmhas(store, it)) throw new TypeError$3(OBJECT_ALREADY_INITIALIZED);
       metadata.facade = it;
       wmset(store, it, metadata);
       return metadata;
@@ -826,7 +844,7 @@
     var STATE = sharedKey$1('state');
     hiddenKeys$3[STATE] = true;
     set = function (it, metadata) {
-      if (hasOwn$4(it, STATE)) throw new TypeError$2(OBJECT_ALREADY_INITIALIZED);
+      if (hasOwn$4(it, STATE)) throw new TypeError$3(OBJECT_ALREADY_INITIALIZED);
       metadata.facade = it;
       createNonEnumerableProperty$3(it, STATE, metadata);
       return metadata;
@@ -865,7 +883,7 @@
     CONFIGURABLE: CONFIGURABLE
   };
 
-  var global$8 = global$r;
+  var global$a = global$t;
   var isCallable$4 = isCallable$c;
   var hasOwn$2 = hasOwnProperty_1;
   var createNonEnumerableProperty$2 = createNonEnumerableProperty$4;
@@ -896,7 +914,7 @@
         state.source = TEMPLATE.join(typeof name == 'string' ? name : '');
       }
     }
-    if (O === global$8) {
+    if (O === global$a) {
       if (simple) O[key] = value;
       else setGlobal$1(key, value);
       return;
@@ -952,19 +970,19 @@
 
   // `LengthOfArrayLike` abstract operation
   // https://tc39.es/ecma262/#sec-lengthofarraylike
-  var lengthOfArrayLike$1 = function (obj) {
+  var lengthOfArrayLike$2 = function (obj) {
     return toLength$1(obj.length);
   };
 
   var toIndexedObject$2 = toIndexedObject$4;
   var toAbsoluteIndex = toAbsoluteIndex$1;
-  var lengthOfArrayLike = lengthOfArrayLike$1;
+  var lengthOfArrayLike$1 = lengthOfArrayLike$2;
 
   // `Array.prototype.{ indexOf, includes }` methods implementation
-  var createMethod$1 = function (IS_INCLUDES) {
+  var createMethod$2 = function (IS_INCLUDES) {
     return function ($this, el, fromIndex) {
       var O = toIndexedObject$2($this);
-      var length = lengthOfArrayLike(O);
+      var length = lengthOfArrayLike$1(O);
       var index = toAbsoluteIndex(fromIndex, length);
       var value;
       // Array#includes uses SameValueZero equality algorithm
@@ -983,10 +1001,10 @@
   var arrayIncludes = {
     // `Array.prototype.includes` method
     // https://tc39.es/ecma262/#sec-array.prototype.includes
-    includes: createMethod$1(true),
+    includes: createMethod$2(true),
     // `Array.prototype.indexOf` method
     // https://tc39.es/ecma262/#sec-array.prototype.indexof
-    indexOf: createMethod$1(false)
+    indexOf: createMethod$2(false)
   };
 
   var uncurryThis$6 = functionUncurryThis;
@@ -1070,7 +1088,7 @@
     }
   };
 
-  var fails$5 = fails$c;
+  var fails$6 = fails$d;
   var isCallable$3 = isCallable$c;
 
   var replacement = /#|\.prototype\./;
@@ -1079,7 +1097,7 @@
     var value = data[normalize(feature)];
     return value == POLYFILL ? true
       : value == NATIVE ? false
-      : isCallable$3(detection) ? fails$5(detection)
+      : isCallable$3(detection) ? fails$6(detection)
       : !!detection;
   };
 
@@ -1093,7 +1111,7 @@
 
   var isForced_1 = isForced$1;
 
-  var global$7 = global$r;
+  var global$9 = global$t;
   var getOwnPropertyDescriptor = objectGetOwnPropertyDescriptor.f;
   var createNonEnumerableProperty$1 = createNonEnumerableProperty$4;
   var redefine$1 = redefine$2.exports;
@@ -1122,11 +1140,11 @@
     var STATIC = options.stat;
     var FORCED, target, key, targetProperty, sourceProperty, descriptor;
     if (GLOBAL) {
-      target = global$7;
+      target = global$9;
     } else if (STATIC) {
-      target = global$7[TARGET] || setGlobal(TARGET, {});
+      target = global$9[TARGET] || setGlobal(TARGET, {});
     } else {
-      target = (global$7[TARGET] || {}).prototype;
+      target = (global$9[TARGET] || {}).prototype;
     }
     if (target) for (key in source) {
       sourceProperty = source[key];
@@ -1158,14 +1176,14 @@
 
   var toStringTagSupport = String(test) === '[object z]';
 
-  var global$6 = global$r;
+  var global$8 = global$t;
   var TO_STRING_TAG_SUPPORT = toStringTagSupport;
   var isCallable$2 = isCallable$c;
   var classofRaw = classofRaw$1;
   var wellKnownSymbol$2 = wellKnownSymbol$5;
 
   var TO_STRING_TAG = wellKnownSymbol$2('toStringTag');
-  var Object$1 = global$6.Object;
+  var Object$1 = global$8.Object;
 
   // ES3 wrong here
   var CORRECT_ARGUMENTS = classofRaw(function () { return arguments; }()) == 'Arguments';
@@ -1178,7 +1196,7 @@
   };
 
   // getting tag from ES6+ `Object.prototype.toString`
-  var classof$2 = TO_STRING_TAG_SUPPORT ? classofRaw : function (it) {
+  var classof$3 = TO_STRING_TAG_SUPPORT ? classofRaw : function (it) {
     var O, tag, result;
     return it === undefined ? 'Undefined' : it === null ? 'Null'
       // @@toStringTag case
@@ -1189,13 +1207,13 @@
       : (result = classofRaw(O)) == 'Object' && isCallable$2(O.callee) ? 'Arguments' : result;
   };
 
-  var global$5 = global$r;
-  var classof$1 = classof$2;
+  var global$7 = global$t;
+  var classof$2 = classof$3;
 
-  var String$1 = global$5.String;
+  var String$1 = global$7.String;
 
   var toString$3 = function (argument) {
-    if (classof$1(argument) === 'Symbol') throw TypeError('Cannot convert a Symbol value to a string');
+    if (classof$2(argument) === 'Symbol') throw TypeError('Cannot convert a Symbol value to a string');
     return String$1(argument);
   };
 
@@ -1215,13 +1233,13 @@
     return result;
   };
 
-  var fails$4 = fails$c;
-  var global$4 = global$r;
+  var fails$5 = fails$d;
+  var global$6 = global$t;
 
   // babel-minify and Closure Compiler transpiles RegExp('a', 'y') -> /a/y and it causes SyntaxError
-  var $RegExp$2 = global$4.RegExp;
+  var $RegExp$2 = global$6.RegExp;
 
-  var UNSUPPORTED_Y$1 = fails$4(function () {
+  var UNSUPPORTED_Y$1 = fails$5(function () {
     var re = $RegExp$2('a', 'y');
     re.lastIndex = 2;
     return re.exec('abcd') != null;
@@ -1229,11 +1247,11 @@
 
   // UC Browser bug
   // https://github.com/zloirock/core-js/issues/1008
-  var MISSED_STICKY = UNSUPPORTED_Y$1 || fails$4(function () {
+  var MISSED_STICKY = UNSUPPORTED_Y$1 || fails$5(function () {
     return !$RegExp$2('a', 'y').sticky;
   });
 
-  var BROKEN_CARET = UNSUPPORTED_Y$1 || fails$4(function () {
+  var BROKEN_CARET = UNSUPPORTED_Y$1 || fails$5(function () {
     // https://bugzilla.mozilla.org/show_bug.cgi?id=773687
     var re = $RegExp$2('^r', 'gy');
     re.lastIndex = 2;
@@ -1367,24 +1385,24 @@
     return Properties === undefined ? result : definePropertiesModule.f(result, Properties);
   };
 
-  var fails$3 = fails$c;
-  var global$3 = global$r;
+  var fails$4 = fails$d;
+  var global$5 = global$t;
 
   // babel-minify and Closure Compiler transpiles RegExp('.', 's') -> /./s and it causes SyntaxError
-  var $RegExp$1 = global$3.RegExp;
+  var $RegExp$1 = global$5.RegExp;
 
-  var regexpUnsupportedDotAll = fails$3(function () {
+  var regexpUnsupportedDotAll = fails$4(function () {
     var re = $RegExp$1('.', 's');
     return !(re.dotAll && re.exec('\n') && re.flags === 's');
   });
 
-  var fails$2 = fails$c;
-  var global$2 = global$r;
+  var fails$3 = fails$d;
+  var global$4 = global$t;
 
   // babel-minify and Closure Compiler transpiles RegExp('(?<a>b)', 'g') -> /(?<a>b)/g and it causes SyntaxError
-  var $RegExp = global$2.RegExp;
+  var $RegExp = global$4.RegExp;
 
-  var regexpUnsupportedNcg = fails$2(function () {
+  var regexpUnsupportedNcg = fails$3(function () {
     var re = $RegExp('(?<a>b)', 'g');
     return re.exec('b').groups.a !== 'b' ||
       'b'.replace(re, '$<a>c') !== 'bc';
@@ -1507,12 +1525,12 @@
 
   var regexpExec$2 = patchedExec;
 
-  var $ = _export;
+  var $$1 = _export;
   var exec = regexpExec$2;
 
   // `RegExp.prototype.exec` method
   // https://tc39.es/ecma262/#sec-regexp.prototype.exec
-  $({ target: 'RegExp', proto: true, forced: /./.exec !== exec }, {
+  $$1({ target: 'RegExp', proto: true, forced: /./.exec !== exec }, {
     exec: exec
   });
 
@@ -1532,7 +1550,7 @@
   var uncurryThis$3 = functionUncurryThis;
   var redefine = redefine$2.exports;
   var regexpExec$1 = regexpExec$2;
-  var fails$1 = fails$c;
+  var fails$2 = fails$d;
   var wellKnownSymbol$1 = wellKnownSymbol$5;
   var createNonEnumerableProperty = createNonEnumerableProperty$4;
 
@@ -1542,14 +1560,14 @@
   var fixRegexpWellKnownSymbolLogic = function (KEY, exec, FORCED, SHAM) {
     var SYMBOL = wellKnownSymbol$1(KEY);
 
-    var DELEGATES_TO_SYMBOL = !fails$1(function () {
+    var DELEGATES_TO_SYMBOL = !fails$2(function () {
       // String methods call symbol-named RegEp methods
       var O = {};
       O[SYMBOL] = function () { return 7; };
       return ''[KEY](O) != 7;
     });
 
-    var DELEGATES_TO_EXEC = DELEGATES_TO_SYMBOL && !fails$1(function () {
+    var DELEGATES_TO_EXEC = DELEGATES_TO_SYMBOL && !fails$2(function () {
       // Symbol-named RegExp methods call .exec
       var execCalled = false;
       var re = /a/;
@@ -1610,7 +1628,7 @@
   var charCodeAt = uncurryThis$2(''.charCodeAt);
   var stringSlice$2 = uncurryThis$2(''.slice);
 
-  var createMethod = function (CONVERT_TO_STRING) {
+  var createMethod$1 = function (CONVERT_TO_STRING) {
     return function ($this, pos) {
       var S = toString$1(requireObjectCoercible$1($this));
       var position = toIntegerOrInfinity$1(pos);
@@ -1632,10 +1650,10 @@
   var stringMultibyte = {
     // `String.prototype.codePointAt` method
     // https://tc39.es/ecma262/#sec-string.prototype.codepointat
-    codeAt: createMethod(false),
+    codeAt: createMethod$1(false),
     // `String.prototype.at` method
     // https://github.com/mathiasbynens/String.prototype.at
-    charAt: createMethod(true)
+    charAt: createMethod$1(true)
   };
 
   var charAt$1 = stringMultibyte.charAt;
@@ -1647,7 +1665,7 @@
   };
 
   var uncurryThis$1 = functionUncurryThis;
-  var toObject = toObject$2;
+  var toObject$1 = toObject$3;
 
   var floor = Math.floor;
   var charAt = uncurryThis$1(''.charAt);
@@ -1663,7 +1681,7 @@
     var m = captures.length;
     var symbols = SUBSTITUTION_SYMBOLS_NO_NAMED;
     if (namedCaptures !== undefined) {
-      namedCaptures = toObject(namedCaptures);
+      namedCaptures = toObject$1(namedCaptures);
       symbols = SUBSTITUTION_SYMBOLS;
     }
     return replace(replacement, symbols, function (match, ch) {
@@ -1691,14 +1709,14 @@
     });
   };
 
-  var global$1 = global$r;
+  var global$3 = global$t;
   var call$1 = functionCall;
   var anObject$1 = anObject$7;
   var isCallable$1 = isCallable$c;
-  var classof = classofRaw$1;
+  var classof$1 = classofRaw$1;
   var regexpExec = regexpExec$2;
 
-  var TypeError$1 = global$1.TypeError;
+  var TypeError$2 = global$3.TypeError;
 
   // `RegExpExec` abstract operation
   // https://tc39.es/ecma262/#sec-regexpexec
@@ -1709,15 +1727,15 @@
       if (result !== null) anObject$1(result);
       return result;
     }
-    if (classof(R) === 'RegExp') return call$1(regexpExec, R, S);
-    throw TypeError$1('RegExp#exec called on incompatible receiver');
+    if (classof$1(R) === 'RegExp') return call$1(regexpExec, R, S);
+    throw TypeError$2('RegExp#exec called on incompatible receiver');
   };
 
   var apply = functionApply;
   var call = functionCall;
   var uncurryThis = functionUncurryThis;
   var fixRegExpWellKnownSymbolLogic = fixRegexpWellKnownSymbolLogic;
-  var fails = fails$c;
+  var fails$1 = fails$d;
   var anObject = anObject$7;
   var isCallable = isCallable$c;
   var toIntegerOrInfinity = toIntegerOrInfinity$4;
@@ -1757,7 +1775,7 @@
     return false;
   })();
 
-  var REPLACE_SUPPORTS_NAMED_GROUPS = !fails(function () {
+  var REPLACE_SUPPORTS_NAMED_GROUPS = !fails$1(function () {
     var re = /./;
     re.exec = function () {
       var result = [];
@@ -1865,6 +1883,306 @@
     return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, value);
   };
 
+  var global$2 = global$t;
+  var aCallable = aCallable$2;
+  var toObject = toObject$3;
+  var IndexedObject = indexedObject;
+  var lengthOfArrayLike = lengthOfArrayLike$2;
+
+  var TypeError$1 = global$2.TypeError;
+
+  // `Array.prototype.{ reduce, reduceRight }` methods implementation
+  var createMethod = function (IS_RIGHT) {
+    return function (that, callbackfn, argumentsLength, memo) {
+      aCallable(callbackfn);
+      var O = toObject(that);
+      var self = IndexedObject(O);
+      var length = lengthOfArrayLike(O);
+      var index = IS_RIGHT ? length - 1 : 0;
+      var i = IS_RIGHT ? -1 : 1;
+      if (argumentsLength < 2) while (true) {
+        if (index in self) {
+          memo = self[index];
+          index += i;
+          break;
+        }
+        index += i;
+        if (IS_RIGHT ? index < 0 : length <= index) {
+          throw TypeError$1('Reduce of empty array with no initial value');
+        }
+      }
+      for (;IS_RIGHT ? index >= 0 : length > index; index += i) if (index in self) {
+        memo = callbackfn(memo, self[index], index, O);
+      }
+      return memo;
+    };
+  };
+
+  var arrayReduce = {
+    // `Array.prototype.reduce` method
+    // https://tc39.es/ecma262/#sec-array.prototype.reduce
+    left: createMethod(false),
+    // `Array.prototype.reduceRight` method
+    // https://tc39.es/ecma262/#sec-array.prototype.reduceright
+    right: createMethod(true)
+  };
+
+  var fails = fails$d;
+
+  var arrayMethodIsStrict$1 = function (METHOD_NAME, argument) {
+    var method = [][METHOD_NAME];
+    return !!method && fails(function () {
+      // eslint-disable-next-line no-useless-call -- required for testing
+      method.call(null, argument || function () { return 1; }, 1);
+    });
+  };
+
+  var classof = classofRaw$1;
+  var global$1 = global$t;
+
+  var engineIsNode = classof(global$1.process) == 'process';
+
+  var $ = _export;
+  var $reduce = arrayReduce.left;
+  var arrayMethodIsStrict = arrayMethodIsStrict$1;
+  var CHROME_VERSION = engineV8Version;
+  var IS_NODE = engineIsNode;
+
+  var STRICT_METHOD = arrayMethodIsStrict('reduce');
+  // Chrome 80-82 has a critical bug
+  // https://bugs.chromium.org/p/chromium/issues/detail?id=1049982
+  var CHROME_BUG = !IS_NODE && CHROME_VERSION > 79 && CHROME_VERSION < 83;
+
+  // `Array.prototype.reduce` method
+  // https://tc39.es/ecma262/#sec-array.prototype.reduce
+  $({ target: 'Array', proto: true, forced: !STRICT_METHOD || CHROME_BUG }, {
+    reduce: function reduce(callbackfn /* , initialValue */) {
+      var length = arguments.length;
+      return $reduce(this, callbackfn, length, length > 1 ? arguments[1] : undefined);
+    }
+  });
+
+  var useExperiements = function useExperiements() {
+    var context = React.useContext(ExperimentsContext);
+
+    if (context === undefined) {
+      throw new Error('The component using the the context must be a descendant of the ExperimentsProvider');
+    }
+
+    return {
+      experiments: context.experiments
+    };
+  };
+
+  var useExperience = function useExperience(_a) {
+    var baseline = _a.baseline,
+        experiences = _a.experiences;
+    var profileState = useProfile();
+    var experiments = useExperiements().experiments;
+    var hasVariants = experiences.map(function (experience) {
+      return experience_js.selectHasExperienceVariants(experience, baseline);
+    }).reduce(function (acc, curr) {
+      return acc || curr;
+    }, false);
+    var status = profileState.status,
+        profile = profileState.profile;
+
+    var baseReturn = __assign(__assign({}, profileState), {
+      hasVariants: hasVariants,
+      baseline: baseline
+    });
+
+    var emptyReturn = __assign(__assign({}, baseReturn), {
+      experience: null,
+      variant: null,
+      audience: null,
+      isPersonalized: false,
+      profile: null
+    });
+
+    if (status === 'loading') {
+      // @ts-ignore
+      return emptyReturn;
+    }
+
+    if (status === 'error') {
+      // @ts-ignore
+      return emptyReturn;
+    }
+
+    if (!profile) {
+      // @ts-ignore
+      return emptyReturn;
+    }
+
+    var activeExperiments = experience_js.selectActiveExperiments(experiments, profile);
+    var experience = experience_js.selectExperience({
+      experiences: experiences,
+      activeExperiments: activeExperiments,
+      profile: profile
+    });
+
+    if (!experience) {
+      // @ts-ignore
+      return emptyReturn;
+    }
+
+    var audience = experience.audience;
+    var variant = experience_js.selectExperienceVariant({
+      baseline: baseline,
+      experience: experience,
+      profile: profile
+    });
+
+    if (!variant) {
+      return __assign(__assign({}, baseReturn), {
+        status: 'success',
+        loading: false,
+        error: null,
+        experience: experience,
+        variant: null,
+        audience: audience ? audience : null,
+        profile: profile,
+        isPersonalized: false
+      });
+    }
+
+    return __assign(__assign({}, baseReturn), {
+      status: 'success',
+      loading: false,
+      error: null,
+      experience: experience,
+      variant: variant,
+      audience: audience ? audience : null,
+      profile: profile,
+      isPersonalized: true
+    });
+  };
+
+  var EXPERIENCE_TRAIT_PREFIX = 'nt_experiment_';
+
+  var useJoinExperiment = function useJoinExperiment(_a) {
+    var experiences = _a.experiences;
+    var identify = useNinetailed().identify;
+    return React.useCallback(function (_a) {
+      var _b;
+
+      var experiment = _a.experiment,
+          profile = _a.profile;
+      var activeExperiments = experience_js.selectActiveExperiments(experiences, profile);
+
+      if (!activeExperiments.length && experiment.type === 'nt_experiment') {
+        identify('', (_b = {}, _b["".concat(EXPERIENCE_TRAIT_PREFIX).concat(experiment.id)] = true, _b));
+      }
+    }, [experiences]);
+  };
+
+  var Experience = function Experience(_a) {
+    var experiences = _a.experiences,
+        Component = _a.component,
+        LoadingComponent = _a.loadingComponent,
+        baseline = __rest(_a, ["experiences", "component", "loadingComponent"]);
+
+    var _b = useExperience({
+      baseline: baseline,
+      experiences: experiences
+    }),
+        status = _b.status,
+        hasVariants = _b.hasVariants,
+        experience = _b.experience,
+        variant = _b.variant,
+        audience = _b.audience,
+        isPersonalized = _b.isPersonalized,
+        profile = _b.profile;
+
+    var joinExperiment = useJoinExperiment({
+      experiences: experiences
+    });
+    React.useEffect(function () {
+      if (status === 'success' && experience && profile) {
+        joinExperiment({
+          experiment: experience,
+          profile: profile
+        });
+      }
+    }, [status, experience, profile]);
+
+    if (!hasVariants) {
+      return /*#__PURE__*/React__default["default"].createElement(Component, __assign({}, baseline));
+    }
+
+    if (status === 'loading') {
+      if (LoadingComponent) {
+        return /*#__PURE__*/React__default["default"].createElement(LoadingComponent, null);
+      }
+
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        key: "hide",
+        style: {
+          opacity: 0
+        }
+      }, /*#__PURE__*/React__default["default"].createElement(Component, __assign({}, baseline, {
+        ninetailed: {
+          isPersonalized: false,
+          audience: {
+            id: 'baseline'
+          }
+        }
+      })));
+    }
+
+    if (!experience || !variant) {
+      return /*#__PURE__*/React__default["default"].createElement(TrackHasSeenComponent, {
+        variant: {
+          id: baseline.id,
+          audience: {
+            id: 'baseline'
+          },
+          hidden: false
+        },
+        audience: {
+          id: 'baseline'
+        },
+        isPersonalized: false
+      }, /*#__PURE__*/React__default["default"].createElement(Component, __assign({}, baseline, {
+        key: baseline.id,
+        ninetailed: {
+          isPersonalized: false,
+          audience: {
+            id: 'baseline'
+          }
+        }
+      })));
+    }
+
+    return (
+      /*#__PURE__*/
+      // TODO this needs to be resolved when we move away from the old standard
+      React__default["default"].createElement(TrackHasSeenComponent, {
+        variant: {
+          id: variant.id,
+          audience: {
+            id: (audience === null || audience === void 0 ? void 0 : audience.id) || 'baseline'
+          },
+          hidden: variant.hidden || false
+        },
+        audience: {
+          id: (audience === null || audience === void 0 ? void 0 : audience.id) || 'baseline'
+        },
+        isPersonalized: isPersonalized
+      }, (variant === null || variant === void 0 ? void 0 : variant.hidden) ? null : /*#__PURE__*/React__default["default"].createElement(Component, __assign({}, variant, {
+        key: "".concat(experience.id, "-").concat(variant.id),
+        ninetailed: {
+          isPersonalized: isPersonalized,
+          audience: {
+            id: (audience === null || audience === void 0 ? void 0 : audience.id) || 'baseline'
+          }
+        }
+      })))
+    );
+  };
+
+  exports.Experience = Experience;
   exports.MergeTag = MergeTag;
   exports.NinetailedProvider = NinetailedProvider;
   exports.Personalize = Personalize;