@ninetailed/experience.js-plugin-preview 4.0.0-beta.10 → 4.0.0-beta.13

package/index.cjs

@@ -2308,6 +2308,79 @@ $$4({ target: 'Object', stat: true, arity: 2, forced: Object.assign !== assign }
   assign: assign
 });
 
+var aCallable = aCallable$8;
+var toObject$1 = toObject$4;
+var IndexedObject = indexedObject;
+var lengthOfArrayLike = lengthOfArrayLike$3;
+
+var $TypeError$1 = TypeError;
+
+// `Array.prototype.{ reduce, reduceRight }` methods implementation
+var createMethod = function (IS_RIGHT) {
+  return function (that, callbackfn, argumentsLength, memo) {
+    aCallable(callbackfn);
+    var O = toObject$1(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$3 = fails$f;
+
+var arrayMethodIsStrict$1 = function (METHOD_NAME, argument) {
+  var method = [][METHOD_NAME];
+  return !!method && fails$3(function () {
+    // eslint-disable-next-line no-useless-call -- required for testing
+    method.call(null, argument || function () { return 1; }, 1);
+  });
+};
+
+var $$3 = _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
+$$3({ 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 objectDefineProperties = {};
 
 var DESCRIPTORS$1 = descriptors;
@@ -2437,9 +2510,9 @@ var addToUnscopables$2 = function (key) {
   ArrayPrototype[UNSCOPABLES][key] = true;
 };
 
-var fails$3 = fails$f;
+var fails$2 = fails$f;
 
-var correctPrototypeGetter = !fails$3(function () {
+var correctPrototypeGetter = !fails$2(function () {
   function F() { /* empty */ }
   F.prototype.constructor = null;
   // eslint-disable-next-line es/no-object-getprototypeof -- required for testing
@@ -2448,7 +2521,7 @@ var correctPrototypeGetter = !fails$3(function () {
 
 var hasOwn = hasOwnProperty_1;
 var isCallable$2 = isCallable$k;
-var toObject$1 = toObject$4;
+var toObject = toObject$4;
 var sharedKey = sharedKey$3;
 var CORRECT_PROTOTYPE_GETTER = correctPrototypeGetter;
 
@@ -2460,7 +2533,7 @@ var ObjectPrototype = $Object.prototype;
 // https://tc39.es/ecma262/#sec-object.getprototypeof
 // eslint-disable-next-line es/no-object-getprototypeof -- safe
 var objectGetPrototypeOf = CORRECT_PROTOTYPE_GETTER ? $Object.getPrototypeOf : function (O) {
-  var object = toObject$1(O);
+  var object = toObject(O);
   if (hasOwn(object, IE_PROTO)) return object[IE_PROTO];
   var constructor = object.constructor;
   if (isCallable$2(constructor) && object instanceof constructor) {
@@ -2468,7 +2541,7 @@ var objectGetPrototypeOf = CORRECT_PROTOTYPE_GETTER ? $Object.getPrototypeOf : f
   } return object instanceof $Object ? ObjectPrototype : null;
 };
 
-var fails$2 = fails$f;
+var fails$1 = fails$f;
 var isCallable$1 = isCallable$k;
 var isObject$1 = isObject$9;
 var getPrototypeOf$1 = objectGetPrototypeOf;
@@ -2493,7 +2566,7 @@ if ([].keys) {
   }
 }
 
-var NEW_ITERATOR_PROTOTYPE = !isObject$1(IteratorPrototype$2) || fails$2(function () {
+var NEW_ITERATOR_PROTOTYPE = !isObject$1(IteratorPrototype$2) || fails$1(function () {
   var test = {};
   // FF44- legacy iterators case
   return IteratorPrototype$2[ITERATOR$2].call(test) !== test;
@@ -2530,7 +2603,7 @@ var iteratorCreateConstructor = function (IteratorConstructor, NAME, next, ENUME
   return IteratorConstructor;
 };
 
-var $$3 = _export;
+var $$2 = _export;
 var call = functionCall;
 var FunctionName = functionName;
 var isCallable = isCallable$k;
@@ -2615,7 +2688,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 $$3({ target: NAME, proto: true, forced: BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME }, methods);
+    } else $$2({ target: NAME, proto: true, forced: BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME }, methods);
   }
 
   // define iterator
@@ -2777,19 +2850,19 @@ for (var COLLECTION_NAME in DOMIterables) {
 
 handlePrototype(DOMTokenListPrototype, 'DOMTokenList');
 
-var $$2 = _export;
+var $$1 = _export;
 var $includes = arrayIncludes.includes;
-var fails$1 = fails$f;
+var fails = fails$f;
 var addToUnscopables = addToUnscopables$2;
 
 // FF99+ bug
-var BROKEN_ON_SPARSE = fails$1(function () {
+var BROKEN_ON_SPARSE = fails(function () {
   return !Array(1).includes();
 });
 
 // `Array.prototype.includes` method
 // https://tc39.es/ecma262/#sec-array.prototype.includes
-$$2({ target: 'Array', proto: true, forced: BROKEN_ON_SPARSE }, {
+$$1({ target: 'Array', proto: true, forced: BROKEN_ON_SPARSE }, {
   includes: function includes(el /* , fromIndex = 0 */) {
     return $includes(this, el, arguments.length > 1 ? arguments[1] : undefined);
   }
@@ -2813,11 +2886,11 @@ var isRegexp = function (it) {
 
 var isRegExp = isRegexp;
 
-var $TypeError$1 = TypeError;
+var $TypeError = TypeError;
 
 var notARegexp = function (it) {
   if (isRegExp(it)) {
-    throw $TypeError$1("The method doesn't accept regular expressions");
+    throw $TypeError("The method doesn't accept regular expressions");
   } return it;
 };
 
@@ -2846,7 +2919,7 @@ var correctIsRegexpLogic = function (METHOD_NAME) {
   } return false;
 };
 
-var $$1 = _export;
+var $ = _export;
 var uncurryThis = functionUncurryThis;
 var notARegExp = notARegexp;
 var requireObjectCoercible = requireObjectCoercible$3;
@@ -2857,7 +2930,7 @@ var stringIndexOf = uncurryThis(''.indexOf);
 
 // `String.prototype.includes` method
 // https://tc39.es/ecma262/#sec-string.prototype.includes
-$$1({ target: 'String', proto: true, forced: !correctIsRegExpLogic('includes') }, {
+$({ target: 'String', proto: true, forced: !correctIsRegExpLogic('includes') }, {
   includes: function includes(searchString /* , position = 0 */) {
     return !!~stringIndexOf(
       toString(requireObjectCoercible(this)),
@@ -2867,79 +2940,6 @@ $$1({ target: 'String', proto: true, forced: !correctIsRegExpLogic('includes') }
   }
 });
 
-var aCallable = aCallable$8;
-var toObject = toObject$4;
-var IndexedObject = indexedObject;
-var lengthOfArrayLike = lengthOfArrayLike$3;
-
-var $TypeError = 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('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$f;
-
-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 $ = _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);
-  }
-});
-
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -3046,21 +3046,21 @@ const PreviewRenderPlugin = ctx => {
       };
     }, [id]);
     react.useEffect(() => {
-      const overWrittenExperienceIds = Object.keys(pluginApi.experienceVariantIndexOverwrites);
-      const overWrittenExperience = experiences.find(experience => {
-        return overWrittenExperienceIds.includes(experience.id);
+      const experienceIds = Object.keys(pluginApi.experienceVariantIndexes);
+      const experience = experiences.find(experience => {
+        return experienceIds.includes(experience.id);
       });
-      if (!overWrittenExperience) {
+      if (!experience) {
         setComponentProps({});
         return;
       }
-      const baselineComponent = overWrittenExperience.components.find(component => component.baseline.id === baseline.id);
+      const baselineComponent = experience.components.find(component => component.baseline.id === baseline.id);
       if (!baselineComponent) {
         setComponentProps({});
         return;
       }
       const allVariants = [baseline, ...baselineComponent.variants];
-      const variantIndex = pluginApi.experienceVariantIndexOverwrites[overWrittenExperience.id];
+      const variantIndex = pluginApi.experienceVariantIndexes[experience.id];
       if (allVariants.length <= variantIndex) {
         setComponentProps({});
         return;
@@ -3071,7 +3071,7 @@ const PreviewRenderPlugin = ctx => {
         return;
       }
       setComponentProps(Object.assign({}, variant));
-    }, [experiences, baseline, setComponentProps, pluginApi.experienceVariantIndexOverwrites]);
+    }, [experiences, baseline, setComponentProps, pluginApi.experienceVariantIndexes]);
     return jsxRuntime.jsx(jsxRuntime.Fragment, {
       children: children
     });
@@ -3195,10 +3195,14 @@ class NinetailedPreviewPlugin extends experience_jsPluginAnalytics.NinetailedPlu
     this.audienceOverwrites = Object.assign(Object.assign({}, this.audienceOverwrites), {
       [id]: true
     });
-    this.experienceVariantIndexOverwrites = omit__default["default"](this.experienceVariantIndexOverwrites, this.experiences.filter(experience => {
+    this.experienceVariantIndexOverwrites = Object.assign(Object.assign({}, this.experienceVariantIndexOverwrites), this.experiences.filter(experience => {
       var _b;
       return ((_b = experience.audience) === null || _b === void 0 ? void 0 : _b.id) === id;
-    }).map(experience => experience.id));
+    }).map(experience => experience.id).reduce((acc, curr) => {
+      return Object.assign(Object.assign({}, acc), {
+        [curr]: this.experienceVariantIndexes[curr] || 0
+      });
+    }, {}));
     this.onChange();
   }
   deactivateAudience(id) {
@@ -3206,16 +3210,19 @@ class NinetailedPreviewPlugin extends experience_jsPluginAnalytics.NinetailedPlu
       console.log(`You cannot deactivate an unkown audience (id: ${id}). How did you get it in the first place?`);
       return;
     }
-    // When a audience is deactivated, the normal state will be that the experience goes into the control
-    this.experiences.filter(experience => {
+    // // When a audience is deactivated, the normal state will be that the experience goes into the control
+    // this.experiences
+    //   .filter((experience) => experience.audience?.id === id)
+    //   .forEach((experience) => {
+    //     this.setExperienceVariant({
+    //       experienceId: experience.id,
+    //       variantIndex: 0,
+    //     });
+    //   });
+    this.experienceVariantIndexOverwrites = omit__default["default"](this.experienceVariantIndexOverwrites, this.experiences.filter(experience => {
       var _b;
       return ((_b = experience.audience) === null || _b === void 0 ? void 0 : _b.id) === id;
-    }).forEach(experience => {
-      this.setExperienceVariant({
-        experienceId: experience.id,
-        variantIndex: 0
-      });
-    });
+    }).map(experience => experience.id));
     this.audienceOverwrites = Object.assign(Object.assign({}, this.audienceOverwrites), {
       [id]: false
     });

package/index.js

@@ -2282,6 +2282,79 @@ $$4({ target: 'Object', stat: true, arity: 2, forced: Object.assign !== assign }
   assign: assign
 });
 
+var aCallable = aCallable$8;
+var toObject$1 = toObject$4;
+var IndexedObject = indexedObject;
+var lengthOfArrayLike = lengthOfArrayLike$3;
+
+var $TypeError$1 = TypeError;
+
+// `Array.prototype.{ reduce, reduceRight }` methods implementation
+var createMethod = function (IS_RIGHT) {
+  return function (that, callbackfn, argumentsLength, memo) {
+    aCallable(callbackfn);
+    var O = toObject$1(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$3 = fails$f;
+
+var arrayMethodIsStrict$1 = function (METHOD_NAME, argument) {
+  var method = [][METHOD_NAME];
+  return !!method && fails$3(function () {
+    // eslint-disable-next-line no-useless-call -- required for testing
+    method.call(null, argument || function () { return 1; }, 1);
+  });
+};
+
+var $$3 = _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
+$$3({ 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 objectDefineProperties = {};
 
 var DESCRIPTORS$1 = descriptors;
@@ -2411,9 +2484,9 @@ var addToUnscopables$2 = function (key) {
   ArrayPrototype[UNSCOPABLES][key] = true;
 };
 
-var fails$3 = fails$f;
+var fails$2 = fails$f;
 
-var correctPrototypeGetter = !fails$3(function () {
+var correctPrototypeGetter = !fails$2(function () {
   function F() { /* empty */ }
   F.prototype.constructor = null;
   // eslint-disable-next-line es/no-object-getprototypeof -- required for testing
@@ -2422,7 +2495,7 @@ var correctPrototypeGetter = !fails$3(function () {
 
 var hasOwn = hasOwnProperty_1;
 var isCallable$2 = isCallable$k;
-var toObject$1 = toObject$4;
+var toObject = toObject$4;
 var sharedKey = sharedKey$3;
 var CORRECT_PROTOTYPE_GETTER = correctPrototypeGetter;
 
@@ -2434,7 +2507,7 @@ var ObjectPrototype = $Object.prototype;
 // https://tc39.es/ecma262/#sec-object.getprototypeof
 // eslint-disable-next-line es/no-object-getprototypeof -- safe
 var objectGetPrototypeOf = CORRECT_PROTOTYPE_GETTER ? $Object.getPrototypeOf : function (O) {
-  var object = toObject$1(O);
+  var object = toObject(O);
   if (hasOwn(object, IE_PROTO)) return object[IE_PROTO];
   var constructor = object.constructor;
   if (isCallable$2(constructor) && object instanceof constructor) {
@@ -2442,7 +2515,7 @@ var objectGetPrototypeOf = CORRECT_PROTOTYPE_GETTER ? $Object.getPrototypeOf : f
   } return object instanceof $Object ? ObjectPrototype : null;
 };
 
-var fails$2 = fails$f;
+var fails$1 = fails$f;
 var isCallable$1 = isCallable$k;
 var isObject$1 = isObject$9;
 var getPrototypeOf$1 = objectGetPrototypeOf;
@@ -2467,7 +2540,7 @@ if ([].keys) {
   }
 }
 
-var NEW_ITERATOR_PROTOTYPE = !isObject$1(IteratorPrototype$2) || fails$2(function () {
+var NEW_ITERATOR_PROTOTYPE = !isObject$1(IteratorPrototype$2) || fails$1(function () {
   var test = {};
   // FF44- legacy iterators case
   return IteratorPrototype$2[ITERATOR$2].call(test) !== test;
@@ -2504,7 +2577,7 @@ var iteratorCreateConstructor = function (IteratorConstructor, NAME, next, ENUME
   return IteratorConstructor;
 };
 
-var $$3 = _export;
+var $$2 = _export;
 var call = functionCall;
 var FunctionName = functionName;
 var isCallable = isCallable$k;
@@ -2589,7 +2662,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 $$3({ target: NAME, proto: true, forced: BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME }, methods);
+    } else $$2({ target: NAME, proto: true, forced: BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME }, methods);
   }
 
   // define iterator
@@ -2751,19 +2824,19 @@ for (var COLLECTION_NAME in DOMIterables) {
 
 handlePrototype(DOMTokenListPrototype, 'DOMTokenList');
 
-var $$2 = _export;
+var $$1 = _export;
 var $includes = arrayIncludes.includes;
-var fails$1 = fails$f;
+var fails = fails$f;
 var addToUnscopables = addToUnscopables$2;
 
 // FF99+ bug
-var BROKEN_ON_SPARSE = fails$1(function () {
+var BROKEN_ON_SPARSE = fails(function () {
   return !Array(1).includes();
 });
 
 // `Array.prototype.includes` method
 // https://tc39.es/ecma262/#sec-array.prototype.includes
-$$2({ target: 'Array', proto: true, forced: BROKEN_ON_SPARSE }, {
+$$1({ target: 'Array', proto: true, forced: BROKEN_ON_SPARSE }, {
   includes: function includes(el /* , fromIndex = 0 */) {
     return $includes(this, el, arguments.length > 1 ? arguments[1] : undefined);
   }
@@ -2787,11 +2860,11 @@ var isRegexp = function (it) {
 
 var isRegExp = isRegexp;
 
-var $TypeError$1 = TypeError;
+var $TypeError = TypeError;
 
 var notARegexp = function (it) {
   if (isRegExp(it)) {
-    throw $TypeError$1("The method doesn't accept regular expressions");
+    throw $TypeError("The method doesn't accept regular expressions");
   } return it;
 };
 
@@ -2820,7 +2893,7 @@ var correctIsRegexpLogic = function (METHOD_NAME) {
   } return false;
 };
 
-var $$1 = _export;
+var $ = _export;
 var uncurryThis = functionUncurryThis;
 var notARegExp = notARegexp;
 var requireObjectCoercible = requireObjectCoercible$3;
@@ -2831,7 +2904,7 @@ var stringIndexOf = uncurryThis(''.indexOf);
 
 // `String.prototype.includes` method
 // https://tc39.es/ecma262/#sec-string.prototype.includes
-$$1({ target: 'String', proto: true, forced: !correctIsRegExpLogic('includes') }, {
+$({ target: 'String', proto: true, forced: !correctIsRegExpLogic('includes') }, {
   includes: function includes(searchString /* , position = 0 */) {
     return !!~stringIndexOf(
       toString(requireObjectCoercible(this)),
@@ -2841,79 +2914,6 @@ $$1({ target: 'String', proto: true, forced: !correctIsRegExpLogic('includes') }
   }
 });
 
-var aCallable = aCallable$8;
-var toObject = toObject$4;
-var IndexedObject = indexedObject;
-var lengthOfArrayLike = lengthOfArrayLike$3;
-
-var $TypeError = 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('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$f;
-
-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 $ = _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);
-  }
-});
-
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -3020,21 +3020,21 @@ const PreviewRenderPlugin = ctx => {
       };
     }, [id]);
     useEffect(() => {
-      const overWrittenExperienceIds = Object.keys(pluginApi.experienceVariantIndexOverwrites);
-      const overWrittenExperience = experiences.find(experience => {
-        return overWrittenExperienceIds.includes(experience.id);
+      const experienceIds = Object.keys(pluginApi.experienceVariantIndexes);
+      const experience = experiences.find(experience => {
+        return experienceIds.includes(experience.id);
       });
-      if (!overWrittenExperience) {
+      if (!experience) {
         setComponentProps({});
         return;
       }
-      const baselineComponent = overWrittenExperience.components.find(component => component.baseline.id === baseline.id);
+      const baselineComponent = experience.components.find(component => component.baseline.id === baseline.id);
       if (!baselineComponent) {
         setComponentProps({});
         return;
       }
       const allVariants = [baseline, ...baselineComponent.variants];
-      const variantIndex = pluginApi.experienceVariantIndexOverwrites[overWrittenExperience.id];
+      const variantIndex = pluginApi.experienceVariantIndexes[experience.id];
       if (allVariants.length <= variantIndex) {
         setComponentProps({});
         return;
@@ -3045,7 +3045,7 @@ const PreviewRenderPlugin = ctx => {
         return;
       }
       setComponentProps(Object.assign({}, variant));
-    }, [experiences, baseline, setComponentProps, pluginApi.experienceVariantIndexOverwrites]);
+    }, [experiences, baseline, setComponentProps, pluginApi.experienceVariantIndexes]);
     return jsx(Fragment, {
       children: children
     });
@@ -3169,10 +3169,14 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
     this.audienceOverwrites = Object.assign(Object.assign({}, this.audienceOverwrites), {
       [id]: true
     });
-    this.experienceVariantIndexOverwrites = omit(this.experienceVariantIndexOverwrites, this.experiences.filter(experience => {
+    this.experienceVariantIndexOverwrites = Object.assign(Object.assign({}, this.experienceVariantIndexOverwrites), this.experiences.filter(experience => {
       var _b;
       return ((_b = experience.audience) === null || _b === void 0 ? void 0 : _b.id) === id;
-    }).map(experience => experience.id));
+    }).map(experience => experience.id).reduce((acc, curr) => {
+      return Object.assign(Object.assign({}, acc), {
+        [curr]: this.experienceVariantIndexes[curr] || 0
+      });
+    }, {}));
     this.onChange();
   }
   deactivateAudience(id) {
@@ -3180,16 +3184,19 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
       console.log(`You cannot deactivate an unkown audience (id: ${id}). How did you get it in the first place?`);
       return;
     }
-    // When a audience is deactivated, the normal state will be that the experience goes into the control
-    this.experiences.filter(experience => {
+    // // When a audience is deactivated, the normal state will be that the experience goes into the control
+    // this.experiences
+    //   .filter((experience) => experience.audience?.id === id)
+    //   .forEach((experience) => {
+    //     this.setExperienceVariant({
+    //       experienceId: experience.id,
+    //       variantIndex: 0,
+    //     });
+    //   });
+    this.experienceVariantIndexOverwrites = omit(this.experienceVariantIndexOverwrites, this.experiences.filter(experience => {
       var _b;
       return ((_b = experience.audience) === null || _b === void 0 ? void 0 : _b.id) === id;
-    }).forEach(experience => {
-      this.setExperienceVariant({
-        experienceId: experience.id,
-        variantIndex: 0
-      });
-    });
+    }).map(experience => experience.id));
     this.audienceOverwrites = Object.assign(Object.assign({}, this.audienceOverwrites), {
       [id]: false
     });

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "@ninetailed/experience.js-plugin-preview",
-  "version": "4.0.0-beta.10",
+  "version": "4.0.0-beta.13",
   "module": "./index.js",
   "main": "./index.cjs",
   "type": "module",
   "types": "./index.d.ts",
   "dependencies": {
     "lodash": "4.17.21",
-    "@ninetailed/experience.js-shared": "4.0.0-beta.10",
-    "@ninetailed/experience.js": "4.0.0-beta.10",
-    "@ninetailed/experience.js-plugin-analytics": "4.0.0-beta.10",
-    "@ninetailed/experience.js-utils": "4.0.0-beta.9",
-    "@ninetailed/experience.js-react": "4.0.0-beta.10",
-    "@ninetailed/experience.js-preview-bridge": "4.0.0-beta.10",
+    "@ninetailed/experience.js-shared": "4.0.0-beta.13",
+    "@ninetailed/experience.js": "4.0.0-beta.13",
+    "@ninetailed/experience.js-plugin-analytics": "4.0.0-beta.13",
+    "@ninetailed/experience.js-utils": "4.0.0-beta.11",
+    "@ninetailed/experience.js-react": "4.0.0-beta.13",
+    "@ninetailed/experience.js-preview-bridge": "4.0.0-beta.13",
     "react": "18.2.0",
     "uuid": "9.0.0"
   },