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

package/index.esm.js

@@ -1,14 +1,28 @@
-import React, { createContext, useMemo, useContext, useState, useEffect } from 'react';
-import { Ninetailed, selectVariant } from '@ninetailed/experience.js';
+import React, { createContext, useMemo, useContext, useState, useEffect, useCallback } from 'react';
+import { Ninetailed, selectVariant, selectHasExperienceVariants, selectActiveExperiments, selectExperience, selectExperienceVariant } from '@ninetailed/experience.js';
 import { useInView } from 'react-intersection-observer';
 import { isBrowser } from '@ninetailed/experience.js-shared';
 import get$1 from 'lodash/get';
 
 const NinetailedContext = /*#__PURE__*/createContext(undefined);
 
+const ExperimentsContext = /*#__PURE__*/createContext(undefined);
+
+const ExperimentsProvider = ({
+  experiments,
+  children
+}) => {
+  return /*#__PURE__*/React.createElement(ExperimentsContext.Provider, {
+    value: {
+      experiments
+    }
+  }, children);
+};
+
 const NinetailedProvider = ({
   children,
   clientId,
+  experiments: _experiments = [],
   environment,
   preview,
   url,
@@ -30,7 +44,9 @@ const NinetailedProvider = ({
   }), []);
   return /*#__PURE__*/React.createElement(NinetailedContext.Provider, {
     value: ninetailed
-  }, children);
+  }, /*#__PURE__*/React.createElement(ExperimentsProvider, {
+    experiments: _experiments
+  }, children));
 };
 
 const useNinetailed = () => {
@@ -50,7 +66,7 @@ var check = function (it) {
 };
 
 // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
-var global$u =
+var global$w =
   // eslint-disable-next-line es/no-global-this -- safe
   check(typeof globalThis == 'object' && globalThis) ||
   check(typeof window == 'object' && window) ||
@@ -60,7 +76,7 @@ var global$u =
   // eslint-disable-next-line no-new-func -- fallback
   (function () { return this; })() || Function('return this')();
 
-var fails$f = function (exec) {
+var fails$g = function (exec) {
   try {
     return !!exec();
   } catch (error) {
@@ -68,9 +84,9 @@ var fails$f = function (exec) {
   }
 };
 
-var fails$e = fails$f;
+var fails$f = fails$g;
 
-var functionBindNative = !fails$e(function () {
+var functionBindNative = !fails$f(function () {
   var test = (function () { /* empty */ }).bind();
   // eslint-disable-next-line no-prototype-builtins -- safe
   return typeof test != 'function' || test.hasOwnProperty('prototype');
@@ -100,62 +116,62 @@ var classofRaw$1 = function (it) {
   return stringSlice$4(toString$5(it), 8, -1);
 };
 
-var global$t = global$u;
+var global$v = global$w;
 var uncurryThis$e = functionUncurryThis;
-var fails$d = fails$f;
-var classof$3 = classofRaw$1;
+var fails$e = fails$g;
+var classof$4 = classofRaw$1;
 
-var Object$5 = global$t.Object;
+var Object$5 = global$v.Object;
 var split = uncurryThis$e(''.split);
 
 // fallback for non-array-like ES3 and non-enumerable old V8 strings
-var indexedObject = fails$d(function () {
+var indexedObject = fails$e(function () {
   // throws an error in rhino, see https://github.com/mozilla/rhino/issues/346
   // eslint-disable-next-line no-prototype-builtins -- safe
   return !Object$5('z').propertyIsEnumerable(0);
 }) ? function (it) {
-  return classof$3(it) == 'String' ? split(it, '') : Object$5(it);
+  return classof$4(it) == 'String' ? split(it, '') : Object$5(it);
 } : Object$5;
 
-var global$s = global$u;
+var global$u = global$w;
 
-var TypeError$9 = global$s.TypeError;
+var TypeError$a = global$u.TypeError;
 
 // `RequireObjectCoercible` abstract operation
 // https://tc39.es/ecma262/#sec-requireobjectcoercible
 var requireObjectCoercible$4 = function (it) {
-  if (it == undefined) throw TypeError$9("Can't call method on " + it);
+  if (it == undefined) throw TypeError$a("Can't call method on " + it);
   return it;
 };
 
 // toObject with fallback for non-array-like ES3 strings
-var IndexedObject$1 = indexedObject;
+var IndexedObject$2 = indexedObject;
 var requireObjectCoercible$3 = requireObjectCoercible$4;
 
 var toIndexedObject$5 = function (it) {
-  return IndexedObject$1(requireObjectCoercible$3(it));
+  return IndexedObject$2(requireObjectCoercible$3(it));
 };
 
 var shared$4 = {exports: {}};
 
-var global$r = global$u;
+var global$t = global$w;
 
 // eslint-disable-next-line es/no-object-defineproperty -- safe
 var defineProperty$3 = Object.defineProperty;
 
 var setGlobal$3 = function (key, value) {
   try {
-    defineProperty$3(global$r, key, { value: value, configurable: true, writable: true });
+    defineProperty$3(global$t, key, { value: value, configurable: true, writable: true });
   } catch (error) {
-    global$r[key] = value;
+    global$t[key] = value;
   } return value;
 };
 
-var global$q = global$u;
+var global$s = global$w;
 var setGlobal$2 = setGlobal$3;
 
 var SHARED = '__core-js_shared__';
-var store$3 = global$q[SHARED] || setGlobal$2(SHARED, {});
+var store$3 = global$s[SHARED] || setGlobal$2(SHARED, {});
 
 var sharedStore = store$3;
 
@@ -171,26 +187,26 @@ var store$2 = sharedStore;
   source: 'https://github.com/zloirock/core-js'
 });
 
-var global$p = global$u;
+var global$r = global$w;
 var requireObjectCoercible$2 = requireObjectCoercible$4;
 
-var Object$4 = global$p.Object;
+var Object$4 = global$r.Object;
 
 // `ToObject` abstract operation
 // https://tc39.es/ecma262/#sec-toobject
-var toObject$4 = function (argument) {
+var toObject$5 = function (argument) {
   return Object$4(requireObjectCoercible$2(argument));
 };
 
 var uncurryThis$d = functionUncurryThis;
-var toObject$3 = toObject$4;
+var toObject$4 = toObject$5;
 
 var hasOwnProperty = uncurryThis$d({}.hasOwnProperty);
 
 // `HasOwnProperty` abstract operation
 // https://tc39.es/ecma262/#sec-hasownproperty
 var hasOwnProperty_1 = Object.hasOwn || function hasOwn(it, key) {
-  return hasOwnProperty(toObject$3(it), key);
+  return hasOwnProperty(toObject$4(it), key);
 };
 
 var uncurryThis$c = functionUncurryThis;
@@ -209,7 +225,7 @@ var isCallable$g = function (argument) {
   return typeof argument == 'function';
 };
 
-var global$o = global$u;
+var global$q = global$w;
 var isCallable$f = isCallable$g;
 
 var aFunction = function (argument) {
@@ -217,18 +233,18 @@ var aFunction = function (argument) {
 };
 
 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 getBuiltIn$3 = getBuiltIn$4;
 
 var engineUserAgent = getBuiltIn$3('navigator', 'userAgent') || '';
 
-var global$n = global$u;
+var global$p = global$w;
 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;
@@ -255,10 +271,10 @@ var engineV8Version = version;
 /* eslint-disable es/no-symbol -- required for testing */
 
 var V8_VERSION = engineV8Version;
-var fails$c = fails$f;
+var fails$d = fails$g;
 
 // eslint-disable-next-line es/no-object-getownpropertysymbols -- required for testing
-var nativeSymbol = !!Object.getOwnPropertySymbols && !fails$c(function () {
+var nativeSymbol = !!Object.getOwnPropertySymbols && !fails$d(function () {
   var symbol = Symbol();
   // Chrome 38 Symbol has incorrect toString conversion
   // `get-own-property-symbols` polyfill symbols converted to object are not Symbol instances
@@ -275,7 +291,7 @@ var useSymbolAsUid = NATIVE_SYMBOL$1
   && !Symbol.sham
   && typeof Symbol.iterator == 'symbol';
 
-var global$m = global$u;
+var global$o = global$w;
 var shared$3 = shared$4.exports;
 var hasOwn$8 = hasOwnProperty_1;
 var uid$1 = uid$2;
@@ -283,7 +299,7 @@ var NATIVE_SYMBOL = nativeSymbol;
 var USE_SYMBOL_AS_UID$1 = useSymbolAsUid;
 
 var WellKnownSymbolsStore = shared$3('wks');
-var Symbol$1 = global$m.Symbol;
+var Symbol$1 = global$o.Symbol;
 var symbolFor = Symbol$1 && Symbol$1['for'];
 var createWellKnownSymbol = USE_SYMBOL_AS_UID$1 ? Symbol$1 : Symbol$1 && Symbol$1.withoutSetter || uid$1;
 
@@ -306,34 +322,34 @@ var isObject$5 = function (it) {
   return typeof it == 'object' ? it !== null : isCallable$e(it);
 };
 
-var global$l = global$u;
+var global$n = global$w;
 var isObject$4 = isObject$5;
 
-var String$4 = global$l.String;
-var TypeError$8 = global$l.TypeError;
+var String$4 = global$n.String;
+var TypeError$9 = global$n.TypeError;
 
 // `Assert: Type(argument) is Object`
 var anObject$8 = function (argument) {
   if (isObject$4(argument)) return argument;
-  throw TypeError$8(String$4(argument) + ' is not an object');
+  throw TypeError$9(String$4(argument) + ' is not an object');
 };
 
 var objectDefineProperties = {};
 
-var fails$b = fails$f;
+var fails$c = fails$g;
 
 // 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 DESCRIPTORS$8 = descriptors;
-var fails$a = fails$f;
+var fails$b = fails$g;
 
 // V8 ~ Chrome 36-
 // https://bugs.chromium.org/p/v8/issues/detail?id=3334
-var v8PrototypeDefineBug = DESCRIPTORS$8 && fails$a(function () {
+var v8PrototypeDefineBug = DESCRIPTORS$8 && fails$b(function () {
   // eslint-disable-next-line es/no-object-defineproperty -- required for testing
   return Object.defineProperty(function () { /* empty */ }, 'prototype', {
     value: 42,
@@ -343,10 +359,10 @@ var v8PrototypeDefineBug = DESCRIPTORS$8 && fails$a(function () {
 
 var objectDefineProperty = {};
 
-var global$k = global$u;
+var global$m = global$w;
 var isObject$3 = isObject$5;
 
-var document$1 = global$k.document;
+var document$1 = global$m.document;
 // typeof document.createElement is 'object' in old IE
 var EXISTS$1 = isObject$3(document$1) && isObject$3(document$1.createElement);
 
@@ -355,11 +371,11 @@ var documentCreateElement$2 = function (it) {
 };
 
 var DESCRIPTORS$7 = descriptors;
-var fails$9 = fails$f;
+var fails$a = fails$g;
 var createElement = documentCreateElement$2;
 
 // Thanks to IE8 for its funny defineProperty
-var ie8DomDefine = !DESCRIPTORS$7 && !fails$9(function () {
+var ie8DomDefine = !DESCRIPTORS$7 && !fails$a(function () {
   // eslint-disable-next-line es/no-object-defineproperty -- required for testing
   return Object.defineProperty(createElement('div'), 'a', {
     get: function () { return 7; }
@@ -378,13 +394,13 @@ var uncurryThis$b = functionUncurryThis;
 
 var objectIsPrototypeOf = uncurryThis$b({}.isPrototypeOf);
 
-var global$j = global$u;
+var global$l = global$w;
 var getBuiltIn$2 = getBuiltIn$4;
 var isCallable$d = isCallable$g;
 var isPrototypeOf = objectIsPrototypeOf;
 var USE_SYMBOL_AS_UID = useSymbolAsUid;
 
-var Object$3 = global$j.Object;
+var Object$3 = global$l.Object;
 
 var isSymbol$2 = USE_SYMBOL_AS_UID ? function (it) {
   return typeof it == 'symbol';
@@ -393,9 +409,9 @@ var isSymbol$2 = USE_SYMBOL_AS_UID ? function (it) {
   return isCallable$d($Symbol) && isPrototypeOf($Symbol.prototype, Object$3(it));
 };
 
-var global$i = global$u;
+var global$k = global$w;
 
-var String$3 = global$i.String;
+var String$3 = global$k.String;
 
 var tryToString$1 = function (argument) {
   try {
@@ -405,33 +421,33 @@ var tryToString$1 = function (argument) {
   }
 };
 
-var global$h = global$u;
+var global$j = global$w;
 var isCallable$c = isCallable$g;
 var tryToString = tryToString$1;
 
-var TypeError$7 = global$h.TypeError;
+var TypeError$8 = global$j.TypeError;
 
 // `Assert: IsCallable(argument) is true`
-var aCallable$1 = function (argument) {
+var aCallable$2 = function (argument) {
   if (isCallable$c(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$g = global$u;
+var global$i = global$w;
 var call$8 = functionCall;
 var isCallable$b = isCallable$g;
 var isObject$2 = isObject$5;
 
-var TypeError$6 = global$g.TypeError;
+var TypeError$7 = global$i.TypeError;
 
 // `OrdinaryToPrimitive` abstract operation
 // https://tc39.es/ecma262/#sec-ordinarytoprimitive
@@ -440,10 +456,10 @@ var ordinaryToPrimitive$1 = function (input, pref) {
   if (pref === 'string' && isCallable$b(fn = input.toString) && !isObject$2(val = call$8(fn, input))) return val;
   if (isCallable$b(fn = input.valueOf) && !isObject$2(val = call$8(fn, input))) return val;
   if (pref !== 'string' && isCallable$b(fn = input.toString) && !isObject$2(val = call$8(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 global$f = global$u;
+var global$h = global$w;
 var call$7 = functionCall;
 var isObject$1 = isObject$5;
 var isSymbol$1 = isSymbol$2;
@@ -451,7 +467,7 @@ var getMethod$1 = getMethod$2;
 var ordinaryToPrimitive = ordinaryToPrimitive$1;
 var wellKnownSymbol$9 = wellKnownSymbol$a;
 
-var TypeError$5 = global$f.TypeError;
+var TypeError$6 = global$h.TypeError;
 var TO_PRIMITIVE = wellKnownSymbol$9('toPrimitive');
 
 // `ToPrimitive` abstract operation
@@ -464,7 +480,7 @@ var toPrimitive$1 = function (input, pref) {
     if (pref === undefined) pref = 'default';
     result = call$7(exoticToPrim, input, pref);
     if (!isObject$1(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);
@@ -480,14 +496,14 @@ var toPropertyKey$2 = function (argument) {
   return isSymbol(key) ? key : key + '';
 };
 
-var global$e = global$u;
+var global$g = global$w;
 var DESCRIPTORS$6 = descriptors;
 var IE8_DOM_DEFINE$1 = ie8DomDefine;
 var V8_PROTOTYPE_DEFINE_BUG$1 = v8PrototypeDefineBug;
 var anObject$7 = anObject$8;
 var toPropertyKey$1 = toPropertyKey$2;
 
-var TypeError$4 = global$e.TypeError;
+var TypeError$5 = global$g.TypeError;
 // eslint-disable-next-line es/no-object-defineproperty -- safe
 var $defineProperty = Object.defineProperty;
 // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
@@ -520,7 +536,7 @@ objectDefineProperty.f = DESCRIPTORS$6 ? V8_PROTOTYPE_DEFINE_BUG$1 ? function de
   if (IE8_DOM_DEFINE$1) try {
     return $defineProperty(O, P, Attributes);
   } catch (error) { /* empty */ }
-  if ('get' in Attributes || 'set' in Attributes) throw TypeError$4('Accessors not supported');
+  if ('get' in Attributes || 'set' in Attributes) throw TypeError$5('Accessors not supported');
   if ('value' in Attributes) O[P] = Attributes.value;
   return O;
 };
@@ -563,19 +579,19 @@ var toLength$1 = toLength$2;
 
 // `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$4 = toIndexedObject$5;
 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$4($this);
-    var length = lengthOfArrayLike(O);
+    var length = lengthOfArrayLike$1(O);
     var index = toAbsoluteIndex(fromIndex, length);
     var value;
     // Array#includes uses SameValueZero equality algorithm
@@ -594,10 +610,10 @@ var createMethod$1 = function (IS_INCLUDES) {
 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 hiddenKeys$4 = {};
@@ -800,11 +816,11 @@ if (!isCallable$a(store$1.inspectSource)) {
 
 var inspectSource$2 = store$1.inspectSource;
 
-var global$d = global$u;
+var global$f = global$w;
 var isCallable$9 = isCallable$g;
 var inspectSource$1 = inspectSource$2;
 
-var WeakMap$1 = global$d.WeakMap;
+var WeakMap$1 = global$f.WeakMap;
 
 var nativeWeakMap = isCallable$9(WeakMap$1) && /native code/.test(inspectSource$1(WeakMap$1));
 
@@ -829,7 +845,7 @@ var createNonEnumerableProperty$6 = DESCRIPTORS$4 ? function (object, key, value
 };
 
 var NATIVE_WEAK_MAP = nativeWeakMap;
-var global$c = global$u;
+var global$e = global$w;
 var uncurryThis$8 = functionUncurryThis;
 var isObject = isObject$5;
 var createNonEnumerableProperty$5 = createNonEnumerableProperty$6;
@@ -839,8 +855,8 @@ var sharedKey$1 = sharedKey$3;
 var hiddenKeys$1 = hiddenKeys$4;
 
 var OBJECT_ALREADY_INITIALIZED = 'Object already initialized';
-var TypeError$3 = global$c.TypeError;
-var WeakMap = global$c.WeakMap;
+var TypeError$4 = global$e.TypeError;
+var WeakMap = global$e.WeakMap;
 var set, get, has;
 
 var enforce = function (it) {
@@ -851,7 +867,7 @@ var getterFor = function (TYPE) {
   return function (it) {
     var state;
     if (!isObject(it) || (state = get(it)).type !== TYPE) {
-      throw TypeError$3('Incompatible receiver, ' + TYPE + ' required');
+      throw TypeError$4('Incompatible receiver, ' + TYPE + ' required');
     } return state;
   };
 };
@@ -862,7 +878,7 @@ if (NATIVE_WEAK_MAP || shared$1.state) {
   var wmhas = uncurryThis$8(store.has);
   var wmset = uncurryThis$8(store.set);
   set = function (it, metadata) {
-    if (wmhas(store, it)) throw new TypeError$3(OBJECT_ALREADY_INITIALIZED);
+    if (wmhas(store, it)) throw new TypeError$4(OBJECT_ALREADY_INITIALIZED);
     metadata.facade = it;
     wmset(store, it, metadata);
     return metadata;
@@ -877,7 +893,7 @@ if (NATIVE_WEAK_MAP || shared$1.state) {
   var STATE = sharedKey$1('state');
   hiddenKeys$1[STATE] = true;
   set = function (it, metadata) {
-    if (hasOwn$6(it, STATE)) throw new TypeError$3(OBJECT_ALREADY_INITIALIZED);
+    if (hasOwn$6(it, STATE)) throw new TypeError$4(OBJECT_ALREADY_INITIALIZED);
     metadata.facade = it;
     createNonEnumerableProperty$5(it, STATE, metadata);
     return metadata;
@@ -959,7 +975,7 @@ var functionName = {
   CONFIGURABLE: CONFIGURABLE
 };
 
-var global$b = global$u;
+var global$d = global$w;
 var isCallable$8 = isCallable$g;
 var hasOwn$3 = hasOwnProperty_1;
 var createNonEnumerableProperty$4 = createNonEnumerableProperty$6;
@@ -990,7 +1006,7 @@ var TEMPLATE = String(String).split('String');
       state.source = TEMPLATE.join(typeof name == 'string' ? name : '');
     }
   }
-  if (O === global$b) {
+  if (O === global$d) {
     if (simple) O[key] = value;
     else setGlobal$1(key, value);
     return;
@@ -1057,7 +1073,7 @@ var copyConstructorProperties$1 = function (target, source, exceptions) {
   }
 };
 
-var fails$8 = fails$f;
+var fails$9 = fails$g;
 var isCallable$7 = isCallable$g;
 
 var replacement = /#|\.prototype\./;
@@ -1066,7 +1082,7 @@ var isForced$1 = function (feature, detection) {
   var value = data[normalize(feature)];
   return value == POLYFILL ? true
     : value == NATIVE ? false
-    : isCallable$7(detection) ? fails$8(detection)
+    : isCallable$7(detection) ? fails$9(detection)
     : !!detection;
 };
 
@@ -1080,7 +1096,7 @@ var POLYFILL = isForced$1.POLYFILL = 'P';
 
 var isForced_1 = isForced$1;
 
-var global$a = global$u;
+var global$c = global$w;
 var getOwnPropertyDescriptor = objectGetOwnPropertyDescriptor.f;
 var createNonEnumerableProperty$3 = createNonEnumerableProperty$6;
 var redefine$3 = redefine$4.exports;
@@ -1109,11 +1125,11 @@ var _export = function (options, source) {
   var STATIC = options.stat;
   var FORCED, target, key, targetProperty, sourceProperty, descriptor;
   if (GLOBAL) {
-    target = global$a;
+    target = global$c;
   } else if (STATIC) {
-    target = global$a[TARGET] || setGlobal(TARGET, {});
+    target = global$c[TARGET] || setGlobal(TARGET, {});
   } else {
-    target = (global$a[TARGET] || {}).prototype;
+    target = (global$c[TARGET] || {}).prototype;
   }
   if (target) for (key in source) {
     sourceProperty = source[key];
@@ -1136,30 +1152,30 @@ var _export = function (options, source) {
   }
 };
 
-var fails$7 = fails$f;
+var fails$8 = fails$g;
 
-var correctPrototypeGetter = !fails$7(function () {
+var correctPrototypeGetter = !fails$8(function () {
   function F() { /* empty */ }
   F.prototype.constructor = null;
   // eslint-disable-next-line es/no-object-getprototypeof -- required for testing
   return Object.getPrototypeOf(new F()) !== F.prototype;
 });
 
-var global$9 = global$u;
+var global$b = global$w;
 var hasOwn$1 = hasOwnProperty_1;
 var isCallable$6 = isCallable$g;
-var toObject$2 = toObject$4;
+var toObject$3 = toObject$5;
 var sharedKey = sharedKey$3;
 var CORRECT_PROTOTYPE_GETTER = correctPrototypeGetter;
 
 var IE_PROTO = sharedKey('IE_PROTO');
-var Object$2 = global$9.Object;
+var Object$2 = global$b.Object;
 var ObjectPrototype = Object$2.prototype;
 
 // `Object.getPrototypeOf` method
 // https://tc39.es/ecma262/#sec-object.getprototypeof
 var objectGetPrototypeOf = CORRECT_PROTOTYPE_GETTER ? Object$2.getPrototypeOf : function (O) {
-  var object = toObject$2(O);
+  var object = toObject$3(O);
   if (hasOwn$1(object, IE_PROTO)) return object[IE_PROTO];
   var constructor = object.constructor;
   if (isCallable$6(constructor) && object instanceof constructor) {
@@ -1167,7 +1183,7 @@ var objectGetPrototypeOf = CORRECT_PROTOTYPE_GETTER ? Object$2.getPrototypeOf :
   } return object instanceof Object$2 ? ObjectPrototype : null;
 };
 
-var fails$6 = fails$f;
+var fails$7 = fails$g;
 var isCallable$5 = isCallable$g;
 var getPrototypeOf$1 = objectGetPrototypeOf;
 var redefine$2 = redefine$4.exports;
@@ -1191,7 +1207,7 @@ if ([].keys) {
   }
 }
 
-var NEW_ITERATOR_PROTOTYPE = IteratorPrototype$2 == undefined || fails$6(function () {
+var NEW_ITERATOR_PROTOTYPE = IteratorPrototype$2 == undefined || fails$7(function () {
   var test = {};
   // FF44- legacy iterators case
   return IteratorPrototype$2[ITERATOR$2].call(test) !== test;
@@ -1241,15 +1257,15 @@ var createIteratorConstructor$1 = function (IteratorConstructor, NAME, next, ENU
   return IteratorConstructor;
 };
 
-var global$8 = global$u;
+var global$a = global$w;
 var isCallable$4 = isCallable$g;
 
-var String$2 = global$8.String;
-var TypeError$2 = global$8.TypeError;
+var String$2 = global$a.String;
+var TypeError$3 = global$a.TypeError;
 
 var aPossiblePrototype$1 = function (argument) {
   if (typeof argument == 'object' || isCallable$4(argument)) return argument;
-  throw TypeError$2("Can't set " + String$2(argument) + ' as a prototype');
+  throw TypeError$3("Can't set " + String$2(argument) + ' as a prototype');
 };
 
 /* eslint-disable no-proto -- safe */
@@ -1281,7 +1297,7 @@ var objectSetPrototypeOf = Object.setPrototypeOf || ('__proto__' in {} ? functio
   };
 }() : undefined);
 
-var $$2 = _export;
+var $$3 = _export;
 var call$5 = functionCall;
 var FunctionName = functionName;
 var isCallable$3 = isCallable$g;
@@ -1366,7 +1382,7 @@ var defineIterator$1 = function (Iterable, NAME, IteratorConstructor, next, DEFA
       if (BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME || !(KEY in IterablePrototype)) {
         redefine$1(IterablePrototype, KEY, methods[KEY]);
       }
-    } else $$2({ target: NAME, proto: true, forced: BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME }, methods);
+    } else $$3({ target: NAME, proto: true, forced: BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME }, methods);
   }
 
   // define iterator
@@ -1482,7 +1498,7 @@ var DOMTokenListPrototype$1 = classList && classList.constructor && classList.co
 
 var domTokenListPrototype = DOMTokenListPrototype$1 === Object.prototype ? undefined : DOMTokenListPrototype$1;
 
-var global$7 = global$u;
+var global$9 = global$w;
 var DOMIterables = domIterables;
 var DOMTokenListPrototype = domTokenListPrototype;
 var ArrayIteratorMethods = es_array_iterator;
@@ -1516,38 +1532,20 @@ var handlePrototype = function (CollectionPrototype, COLLECTION_NAME) {
 };
 
 for (var COLLECTION_NAME in DOMIterables) {
-  handlePrototype(global$7[COLLECTION_NAME] && global$7[COLLECTION_NAME].prototype, COLLECTION_NAME);
+  handlePrototype(global$9[COLLECTION_NAME] && global$9[COLLECTION_NAME].prototype, COLLECTION_NAME);
 }
 
 handlePrototype(DOMTokenListPrototype, 'DOMTokenList');
 
-const useProfile = () => {
-  const ninetailed = useNinetailed();
-  const [profileState, setProfileState] = useState(ninetailed.profileState);
-  useEffect(() => {
-    return ninetailed.onProfileChange(profileState => {
-      setProfileState(profileState);
-    });
-  }, []);
-  return profileState;
-};
-
-const usePersonalize = (baseline, variants, options = {
-  holdout: -1
-}) => {
-  const profile = useProfile();
-  return selectVariant(baseline, variants, profile, options);
-};
-
 var DESCRIPTORS = descriptors;
 var uncurryThis$5 = functionUncurryThis;
 var call$4 = functionCall;
-var fails$5 = fails$f;
+var fails$6 = fails$g;
 var objectKeys = objectKeys$2;
 var getOwnPropertySymbolsModule = objectGetOwnPropertySymbols;
 var propertyIsEnumerableModule = objectPropertyIsEnumerable;
-var toObject$1 = toObject$4;
-var IndexedObject = indexedObject;
+var toObject$2 = toObject$5;
+var IndexedObject$1 = indexedObject;
 
 // eslint-disable-next-line es/no-object-assign -- safe
 var $assign = Object.assign;
@@ -1557,7 +1555,7 @@ var concat$1 = uncurryThis$5([].concat);
 
 // `Object.assign` method
 // https://tc39.es/ecma262/#sec-object.assign
-var objectAssign = !$assign || fails$5(function () {
+var objectAssign = !$assign || fails$6(function () {
   // should have correct order of operations (Edge bug)
   if (DESCRIPTORS && $assign({ b: 1 }, $assign(defineProperty({}, 'a', {
     enumerable: true,
@@ -1578,13 +1576,13 @@ var objectAssign = !$assign || fails$5(function () {
   alphabet.split('').forEach(function (chr) { B[chr] = chr; });
   return $assign({}, A)[symbol] != 7 || objectKeys($assign({}, B)).join('') != alphabet;
 }) ? function assign(target, source) { // eslint-disable-line no-unused-vars -- required for `.length`
-  var T = toObject$1(target);
+  var T = toObject$2(target);
   var argumentsLength = arguments.length;
   var index = 1;
   var getOwnPropertySymbols = getOwnPropertySymbolsModule.f;
   var propertyIsEnumerable = propertyIsEnumerableModule.f;
   while (argumentsLength > index) {
-    var S = IndexedObject(arguments[index++]);
+    var S = IndexedObject$1(arguments[index++]);
     var keys = getOwnPropertySymbols ? concat$1(objectKeys(S), getOwnPropertySymbols(S)) : objectKeys(S);
     var length = keys.length;
     var j = 0;
@@ -1596,16 +1594,36 @@ var objectAssign = !$assign || fails$5(function () {
   } return T;
 } : $assign;
 
-var $$1 = _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
-$$1({ target: 'Object', stat: true, forced: Object.assign !== assign }, {
+$$2({ target: 'Object', stat: true, forced: Object.assign !== assign }, {
   assign: assign
 });
 
+const useProfile = () => {
+  const ninetailed = useNinetailed();
+  const [profileState, setProfileState] = useState(ninetailed.profileState);
+  useEffect(() => {
+    return ninetailed.onProfileChange(profileState => {
+      setProfileState(profileState);
+    });
+  }, []);
+  return Object.assign(Object.assign({}, profileState), {
+    loading: profileState.status === 'loading'
+  });
+};
+
+const usePersonalize = (baseline, variants, options = {
+  holdout: -1
+}) => {
+  const profile = useProfile();
+  return selectVariant(baseline, variants, profile, options);
+};
+
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -1728,14 +1746,14 @@ test[TO_STRING_TAG$1] = 'z';
 
 var toStringTagSupport = String(test) === '[object z]';
 
-var global$6 = global$u;
+var global$8 = global$w;
 var TO_STRING_TAG_SUPPORT = toStringTagSupport;
 var isCallable$2 = isCallable$g;
 var classofRaw = classofRaw$1;
 var wellKnownSymbol$2 = wellKnownSymbol$a;
 
 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';
@@ -1748,7 +1766,7 @@ var tryGet = function (it, key) {
 };
 
 // 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
@@ -1759,13 +1777,13 @@ var classof$2 = TO_STRING_TAG_SUPPORT ? classofRaw : function (it) {
     : (result = classofRaw(O)) == 'Object' && isCallable$2(O.callee) ? 'Arguments' : result;
 };
 
-var global$5 = global$u;
-var classof$1 = classof$2;
+var global$7 = global$w;
+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);
 };
 
@@ -1785,13 +1803,13 @@ var regexpFlags$1 = function () {
   return result;
 };
 
-var fails$4 = fails$f;
-var global$4 = global$u;
+var fails$5 = fails$g;
+var global$6 = global$w;
 
 // 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;
@@ -1799,11 +1817,11 @@ var UNSUPPORTED_Y$1 = fails$4(function () {
 
 // 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;
@@ -1816,24 +1834,24 @@ var regexpStickyHelpers = {
   UNSUPPORTED_Y: UNSUPPORTED_Y$1
 };
 
-var fails$3 = fails$f;
-var global$3 = global$u;
+var fails$4 = fails$g;
+var global$5 = global$w;
 
 // 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$f;
-var global$2 = global$u;
+var fails$3 = fails$g;
+var global$4 = global$w;
 
 // 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';
@@ -1956,12 +1974,12 @@ if (PATCH) {
 
 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
 });
 
@@ -1981,7 +1999,7 @@ var functionApply = typeof Reflect == 'object' && Reflect.apply || (NATIVE_BIND
 var uncurryThis$3 = functionUncurryThis;
 var redefine = redefine$4.exports;
 var regexpExec$1 = regexpExec$2;
-var fails$1 = fails$f;
+var fails$2 = fails$g;
 var wellKnownSymbol$1 = wellKnownSymbol$a;
 var createNonEnumerableProperty = createNonEnumerableProperty$6;
 
@@ -1991,14 +2009,14 @@ var RegExpPrototype = RegExp.prototype;
 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/;
@@ -2059,7 +2077,7 @@ var charAt$2 = uncurryThis$2(''.charAt);
 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);
@@ -2081,10 +2099,10 @@ var createMethod = function (CONVERT_TO_STRING) {
 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;
@@ -2096,7 +2114,7 @@ var advanceStringIndex$1 = function (S, index, unicode) {
 };
 
 var uncurryThis$1 = functionUncurryThis;
-var toObject = toObject$4;
+var toObject$1 = toObject$5;
 
 var floor = Math.floor;
 var charAt = uncurryThis$1(''.charAt);
@@ -2112,7 +2130,7 @@ var getSubstitution$1 = function (matched, str, position, captures, namedCapture
   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) {
@@ -2140,14 +2158,14 @@ var getSubstitution$1 = function (matched, str, position, captures, namedCapture
   });
 };
 
-var global$1 = global$u;
+var global$3 = global$w;
 var call$1 = functionCall;
 var anObject$1 = anObject$8;
 var isCallable$1 = isCallable$g;
-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
@@ -2158,15 +2176,15 @@ var regexpExecAbstract = function (R, S) {
     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$f;
+var fails$1 = fails$g;
 var anObject = anObject$8;
 var isCallable = isCallable$g;
 var toIntegerOrInfinity = toIntegerOrInfinity$4;
@@ -2206,7 +2224,7 @@ var REGEXP_REPLACE_SUBSTITUTES_UNDEFINED_CAPTURE = (function () {
   return false;
 })();
 
-var REPLACE_SUPPORTS_NAMED_GROUPS = !fails(function () {
+var REPLACE_SUPPORTS_NAMED_GROUPS = !fails$1(function () {
   var re = /./;
   re.exec = function () {
     var result = [];
@@ -2315,4 +2333,308 @@ const MergeTag = ({
   return /*#__PURE__*/React.createElement(React.Fragment, null, value);
 };
 
-export { MergeTag, NinetailedProvider, Personalize, TrackHasSeenComponent, useNinetailed, usePersonalize, useProfile };
+var global$2 = global$w;
+var aCallable = aCallable$2;
+var toObject = toObject$5;
+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$g;
+
+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$w;
+
+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);
+  }
+});
+
+const useExperiements = () => {
+  const context = 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
+  };
+};
+
+const useExperience = ({
+  baseline,
+  experiences
+}) => {
+  const profileState = useProfile();
+  const {
+    experiments
+  } = useExperiements();
+  const hasVariants = experiences.map(experience => selectHasExperienceVariants(experience, baseline)).reduce((acc, curr) => acc || curr, false);
+  const {
+    status,
+    profile
+  } = profileState;
+  const baseReturn = Object.assign(Object.assign({}, profileState), {
+    hasVariants,
+    baseline
+  });
+  const emptyReturn = Object.assign(Object.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;
+  }
+
+  const activeExperiments = selectActiveExperiments(experiments, profile);
+  const experience = selectExperience({
+    experiences,
+    activeExperiments,
+    profile
+  });
+
+  if (!experience) {
+    // @ts-ignore
+    return emptyReturn;
+  }
+
+  const audience = experience.audience;
+  const variant = selectExperienceVariant({
+    baseline,
+    experience,
+    profile
+  });
+
+  if (!variant) {
+    return Object.assign(Object.assign({}, baseReturn), {
+      status: 'success',
+      loading: false,
+      error: null,
+      experience,
+      variant: null,
+      audience,
+      profile,
+      isPersonalized: false
+    });
+  }
+
+  return Object.assign(Object.assign({}, baseReturn), {
+    status: 'success',
+    loading: false,
+    error: null,
+    experience,
+    variant,
+    audience,
+    profile,
+    isPersonalized: true
+  });
+};
+
+const EXPERIENCE_TRAIT_PREFIX = 'nt_experiment_';
+
+const useJoinExperiment = ({
+  experiences
+}) => {
+  const {
+    identify
+  } = useNinetailed();
+  return useCallback(({
+    experiment,
+    profile
+  }) => {
+    const activeExperiments = selectActiveExperiments(experiences, profile);
+
+    if (!activeExperiments.length && experiment.type === 'nt_experiment') {
+      identify('', {
+        [`${EXPERIENCE_TRAIT_PREFIX}${experiment.id}`]: true
+      });
+    }
+  }, [experiences]);
+};
+
+const Experience = _a => {
+  var {
+    experiences,
+    component: Component,
+    loadingComponent: LoadingComponent
+  } = _a,
+      baseline = __rest(_a, ["experiences", "component", "loadingComponent"]);
+
+  const {
+    status,
+    hasVariants,
+    experience,
+    variant,
+    audience,
+    isPersonalized,
+    profile
+  } = useExperience({
+    baseline,
+    experiences
+  });
+  const joinExperiment = useJoinExperiment({
+    experiences
+  });
+  useEffect(() => {
+    if (status === 'success' && experience && profile) {
+      joinExperiment({
+        experiment: experience,
+        profile
+      });
+    }
+  }, [status, experience, profile]);
+
+  if (!hasVariants) {
+    return /*#__PURE__*/React.createElement(Component, Object.assign({}, baseline));
+  }
+
+  if (status === 'loading') {
+    if (LoadingComponent) {
+      return /*#__PURE__*/React.createElement(LoadingComponent, null);
+    }
+
+    return /*#__PURE__*/React.createElement("div", {
+      key: "hide",
+      style: {
+        opacity: 0
+      }
+    }, /*#__PURE__*/React.createElement(Component, Object.assign({}, baseline, {
+      ninetailed: {
+        isPersonalized: false,
+        audience: {
+          id: 'baseline'
+        }
+      }
+    })));
+  }
+
+  if (!experience) {
+    return /*#__PURE__*/React.createElement(TrackHasSeenComponent, {
+      variant: {
+        id: baseline.id,
+        audience: {
+          id: 'baseline'
+        },
+        hidden: false
+      },
+      audience: {
+        id: 'baseline'
+      },
+      isPersonalized: false
+    }, /*#__PURE__*/React.createElement(Component, Object.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.createElement(TrackHasSeenComponent, {
+      variant: {
+        id: (variant === null || variant === void 0 ? void 0 : variant.id) || baseline.id,
+        audience: {
+          id: (audience === null || audience === void 0 ? void 0 : audience.id) || 'baseline'
+        },
+        hidden: (variant === null || variant === void 0 ? void 0 : variant.hidden) || false
+      },
+      audience: {
+        id: (audience === null || audience === void 0 ? void 0 : audience.id) || 'baseline'
+      },
+      isPersonalized: isPersonalized
+    }, /*#__PURE__*/React.createElement(Component, Object.assign({}, variant, {
+      key: `${experience.id}-${variant.id}`,
+      ninetailed: {
+        isPersonalized,
+        audience: {
+          id: (audience === null || audience === void 0 ? void 0 : audience.id) || 'baseline'
+        }
+      }
+    })))
+  );
+};
+
+export { Experience, MergeTag, NinetailedProvider, Personalize, TrackHasSeenComponent, useNinetailed, usePersonalize, useProfile };