@ninetailed/experience.js-plugin-preview 4.0.0-beta.2 → 4.0.0-beta.4

package/index.cjs

@@ -3056,6 +3056,10 @@ const PreviewRenderPlugin = ctx => {
       }
       const allVariants = [baseline, ...baselineComponent.variants];
       const variantIndex = pluginApi.experienceVariantIndexOverwrites[overWrittenExperience.id];
+      if (allVariants.length <= variantIndex) {
+        setComponentProps({});
+        return;
+      }
       const variant = allVariants[variantIndex];
       if (!variant) {
         setComponentProps({});
@@ -3201,7 +3205,10 @@ class NinetailedPreviewPlugin extends experience_jsPluginAnalytics.NinetailedPlu
       var _b;
       return ((_b = experience.audience) === null || _b === void 0 ? void 0 : _b.id) === id;
     }).forEach(experience => {
-      this.resetExperience(experience.id);
+      this.setExperienceVariant({
+        experienceId: experience.id,
+        variantIndex: 0
+      });
     });
   }
   resetAudience(id) {
@@ -3216,7 +3223,7 @@ class NinetailedPreviewPlugin extends experience_jsPluginAnalytics.NinetailedPlu
     this.audienceOverwrites = audienceOverwrites;
     this.onChange();
   }
-  selectVariant({
+  setExperienceVariant({
     experienceId,
     variantIndex
   }) {
@@ -3236,8 +3243,7 @@ class NinetailedPreviewPlugin extends experience_jsPluginAnalytics.NinetailedPlu
     }
     const isValidIndex = experience.components.map(component => component.variants.length + 1).every(length => length > variantIndex);
     if (!isValidIndex) {
-      console.log(`You cannot activate a variant at index ${variantIndex} for the experience (id: ${experienceId}). As not all components have that many variants.`);
-      return;
+      console.warn(`You activated a variant at index ${variantIndex} for the experience (id: ${experienceId}). Not all components have that many variants, you may see the baseline for some.`);
     }
     this.experienceVariantIndexOverwrites = Object.assign(Object.assign({}, this.experienceVariantIndexOverwrites), {
       [experienceId]: variantIndex
@@ -3271,7 +3277,7 @@ class NinetailedPreviewPlugin extends experience_jsPluginAnalytics.NinetailedPlu
       apiAudiences: ((_b = this.profile) === null || _b === void 0 ? void 0 : _b.audiences) || [],
       audienceOverwrites: this.audienceOverwrites,
       activeAudiences: this.activeAudiences,
-      setExperienceVariant: this.selectVariant.bind(this),
+      setExperienceVariant: this.setExperienceVariant.bind(this),
       resetExperience: this.resetExperience.bind(this),
       experienceVariantIndexes: Object.assign(Object.assign({}, this.experienceVariantIndexes), this.experienceVariantIndexOverwrites),
       experienceVariantIndexOverwrites: this.experienceVariantIndexOverwrites,
@@ -3289,7 +3295,7 @@ class NinetailedPreviewPlugin extends experience_jsPluginAnalytics.NinetailedPlu
       deactivateAudience: this.deactivateAudience.bind(this),
       resetAudience: this.resetAudience.bind(this),
       activeAudiences: this.activeAudiences,
-      setExperienceVariant: this.selectVariant.bind(this),
+      setExperienceVariant: this.setExperienceVariant.bind(this),
       resetExperience: this.resetExperience.bind(this),
       experienceVariantIndexes: Object.assign(Object.assign({}, this.experienceVariantIndexes), this.experienceVariantIndexOverwrites)
     };

package/index.js

@@ -3034,6 +3034,10 @@ const PreviewRenderPlugin = ctx => {
       }
       const allVariants = [baseline, ...baselineComponent.variants];
       const variantIndex = pluginApi.experienceVariantIndexOverwrites[overWrittenExperience.id];
+      if (allVariants.length <= variantIndex) {
+        setComponentProps({});
+        return;
+      }
       const variant = allVariants[variantIndex];
       if (!variant) {
         setComponentProps({});
@@ -3179,7 +3183,10 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
       var _b;
       return ((_b = experience.audience) === null || _b === void 0 ? void 0 : _b.id) === id;
     }).forEach(experience => {
-      this.resetExperience(experience.id);
+      this.setExperienceVariant({
+        experienceId: experience.id,
+        variantIndex: 0
+      });
     });
   }
   resetAudience(id) {
@@ -3194,7 +3201,7 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
     this.audienceOverwrites = audienceOverwrites;
     this.onChange();
   }
-  selectVariant({
+  setExperienceVariant({
     experienceId,
     variantIndex
   }) {
@@ -3214,8 +3221,7 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
     }
     const isValidIndex = experience.components.map(component => component.variants.length + 1).every(length => length > variantIndex);
     if (!isValidIndex) {
-      console.log(`You cannot activate a variant at index ${variantIndex} for the experience (id: ${experienceId}). As not all components have that many variants.`);
-      return;
+      console.warn(`You activated a variant at index ${variantIndex} for the experience (id: ${experienceId}). Not all components have that many variants, you may see the baseline for some.`);
     }
     this.experienceVariantIndexOverwrites = Object.assign(Object.assign({}, this.experienceVariantIndexOverwrites), {
       [experienceId]: variantIndex
@@ -3249,7 +3255,7 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
       apiAudiences: ((_b = this.profile) === null || _b === void 0 ? void 0 : _b.audiences) || [],
       audienceOverwrites: this.audienceOverwrites,
       activeAudiences: this.activeAudiences,
-      setExperienceVariant: this.selectVariant.bind(this),
+      setExperienceVariant: this.setExperienceVariant.bind(this),
       resetExperience: this.resetExperience.bind(this),
       experienceVariantIndexes: Object.assign(Object.assign({}, this.experienceVariantIndexes), this.experienceVariantIndexOverwrites),
       experienceVariantIndexOverwrites: this.experienceVariantIndexOverwrites,
@@ -3267,7 +3273,7 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
       deactivateAudience: this.deactivateAudience.bind(this),
       resetAudience: this.resetAudience.bind(this),
       activeAudiences: this.activeAudiences,
-      setExperienceVariant: this.selectVariant.bind(this),
+      setExperienceVariant: this.setExperienceVariant.bind(this),
       resetExperience: this.resetExperience.bind(this),
       experienceVariantIndexes: Object.assign(Object.assign({}, this.experienceVariantIndexes), this.experienceVariantIndexOverwrites)
     };

package/lib/plugin/NinetailedPreviewPlugin.d.ts

@@ -40,7 +40,7 @@ export declare class NinetailedPreviewPlugin extends NinetailedPlugin {
     activateAudience(id: string): void;
     deactivateAudience(id: string): void;
     resetAudience(id: string): void;
-    selectVariant({ experienceId, variantIndex, }: {
+    setExperienceVariant({ experienceId, variantIndex, }: {
         experienceId: string;
         variantIndex: number;
     }): void;

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@ninetailed/experience.js-plugin-preview",
-  "version": "4.0.0-beta.2",
+  "version": "4.0.0-beta.4",
   "module": "./index.js",
   "main": "./index.cjs",
   "type": "module",
   "types": "./index.d.ts",
   "dependencies": {
-    "@ninetailed/experience.js-shared": "4.0.0-beta.2",
-    "@ninetailed/experience.js": "4.0.0-beta.2",
-    "@ninetailed/experience.js-plugin-analytics": "4.0.0-beta.2",
-    "@ninetailed/experience.js-utils": "4.0.0-beta.1",
-    "@ninetailed/experience.js-react": "4.0.0-beta.2",
-    "@ninetailed/experience.js-preview-bridge": "4.0.0-beta.2",
+    "@ninetailed/experience.js-shared": "4.0.0-beta.4",
+    "@ninetailed/experience.js": "4.0.0-beta.4",
+    "@ninetailed/experience.js-plugin-analytics": "4.0.0-beta.4",
+    "@ninetailed/experience.js-utils": "4.0.0-beta.3",
+    "@ninetailed/experience.js-react": "4.0.0-beta.4",
+    "@ninetailed/experience.js-preview-bridge": "4.0.0-beta.4",
     "react": "18.2.0",
     "uuid": "9.0.0"
   },