@ninetailed/experience.js-plugin-preview 7.18.8 → 7.18.10

package/index.cjs.js

@@ -371,6 +371,14 @@ class NinetailedPreviewPlugin extends experience_jsPluginAnalytics.NinetailedPlu
         [curr]: this.experienceVariantIndexes[curr] || 0
       });
     }, {}));
+    this.experiences.filter(experience => {
+      var _b;
+      return ((_b = experience.audience) === null || _b === void 0 ? void 0 : _b.id) === id;
+    }).forEach(experience => {
+      const variantIndex = this.experienceVariantIndexOverwrites[experience.id] || 0;
+      // Keep inline variable flags in sync when forcing an audience.
+      this.applyInlineVariableOverridesForExperience(experience, variantIndex);
+    });
     this.onChange();
   }
   deactivateAudience(id) {
@@ -417,6 +425,7 @@ class NinetailedPreviewPlugin extends experience_jsPluginAnalytics.NinetailedPlu
     this.audienceOverwrites = audienceOverwrites;
     this.onChange();
   }
+  // This is exposed to the window api but not used
   setExperienceVariant({
     experienceId,
     variantIndex
@@ -444,21 +453,7 @@ class NinetailedPreviewPlugin extends experience_jsPluginAnalytics.NinetailedPlu
     this.experienceVariantIndexOverwrites = Object.assign(Object.assign({}, this.experienceVariantIndexOverwrites), {
       [experienceId]: variantIndex
     });
-    // Process all components to extract variable values
-    experience.components.forEach(component => {
-      var _b, _c;
-      if (component.type === experience_jsShared.ComponentTypeEnum.InlineVariable) {
-        const key = component.key;
-        const value = variantIndex === 0 ? component.baseline.value : (_c = (_b = component.variants[variantIndex - 1]) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : component.baseline.value;
-        // Set the variable value
-        this.setVariableValue({
-          experienceId,
-          key,
-          value,
-          variantIndex
-        });
-      }
-    });
+    this.applyInlineVariableOverridesForExperience(experience, variantIndex);
     // Trigger change notification - this updates the middleware
     this.onChange();
   }
@@ -533,7 +528,7 @@ class NinetailedPreviewPlugin extends experience_jsPluginAnalytics.NinetailedPlu
   get pluginApi() {
     var _b;
     return {
-      version: "7.18.8" ,
+      version: "7.18.10" ,
       open: this.open.bind(this),
       close: this.close.bind(this),
       toggle: this.toggle.bind(this),
@@ -624,6 +619,48 @@ class NinetailedPreviewPlugin extends experience_jsPluginAnalytics.NinetailedPlu
   getOverrideKey(experienceId, key) {
     return `${experienceId}:${key}`;
   }
+  /**
+   * Ensure inline variables for a given experience reflect the selected variant
+   * without triggering multiple onChange calls. Keeps custom flags in sync with forced variants.
+   */
+  applyInlineVariableOverridesForExperience(experience, variantIndex) {
+    const {
+      hasChanges,
+      overrides
+    } = experience.components.reduce((acc, component) => {
+      var _b, _c, _d;
+      if (component.type !== experience_jsShared.ComponentTypeEnum.InlineVariable) {
+        return acc;
+      }
+      const value = variantIndex === 0 ? component.baseline.value : (_c = (_b = component.variants[variantIndex - 1]) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : component.baseline.value;
+      const overrideKey = this.getOverrideKey(experience.id, component.key);
+      const currentOverride = acc.overrides[overrideKey];
+      const nextChange = {
+        type: experience_jsShared.ChangeTypes.Variable,
+        key: component.key,
+        value,
+        meta: {
+          experienceId: experience.id,
+          variantIndex
+        }
+      };
+      if (currentOverride && radash.isEqual(currentOverride.value, value) && ((_d = currentOverride.meta) === null || _d === void 0 ? void 0 : _d.variantIndex) === variantIndex) {
+        return acc;
+      }
+      return {
+        hasChanges: true,
+        overrides: Object.assign(Object.assign({}, acc.overrides), {
+          [overrideKey]: nextChange
+        })
+      };
+    }, {
+      hasChanges: false,
+      overrides: Object.assign({}, this.variableOverwrites)
+    });
+    if (hasChanges) {
+      this.variableOverwrites = overrides;
+    }
+  }
   /**
    * Get effective changes by applying overwrites - compute on demand
    */

package/index.esm.js

@@ -348,6 +348,15 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
         [curr]: this.experienceVariantIndexes[curr] || 0
       });
     }, {}));
+    this.experiences.filter(experience => {
+      var _experience$audience3;
+      return ((_experience$audience3 = experience.audience) == null ? void 0 : _experience$audience3.id) === id;
+    }).forEach(experience => {
+      const variantIndex = this.experienceVariantIndexOverwrites[experience.id] || 0;
+
+      // Keep inline variable flags in sync when forcing an audience.
+      this.applyInlineVariableOverridesForExperience(experience, variantIndex);
+    });
     this.onChange();
   }
   deactivateAudience(id) {
@@ -374,8 +383,8 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
 
     // Identify all experiences that belong to this audience
     const experiencesToReset = this.experiences.filter(experience => {
-      var _experience$audience3;
-      return ((_experience$audience3 = experience.audience) == null ? void 0 : _experience$audience3.id) === id;
+      var _experience$audience4;
+      return ((_experience$audience4 = experience.audience) == null ? void 0 : _experience$audience4.id) === id;
     });
     if (experiencesToReset.length > 0) {
       const experienceIdsToReset = experiencesToReset.map(e => e.id);
@@ -396,6 +405,8 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
     this.audienceOverwrites = audienceOverwrites;
     this.onChange();
   }
+
+  // This is exposed to the window api but not used
   setExperienceVariant({
     experienceId,
     variantIndex
@@ -409,8 +420,8 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
       return;
     }
     if (experience.audience && !this.activeAudiences.some(id => {
-      var _experience$audience4;
-      return id === ((_experience$audience4 = experience.audience) == null ? void 0 : _experience$audience4.id);
+      var _experience$audience5;
+      return id === ((_experience$audience5 = experience.audience) == null ? void 0 : _experience$audience5.id);
     })) {
       logger.warn(`Cannot activate a variant for an experience (id: ${experienceId}) which is not in the active audiences.`);
       return;
@@ -424,23 +435,7 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
     this.experienceVariantIndexOverwrites = Object.assign({}, this.experienceVariantIndexOverwrites, {
       [experienceId]: variantIndex
     });
-
-    // Process all components to extract variable values
-    experience.components.forEach(component => {
-      if (component.type === ComponentTypeEnum.InlineVariable) {
-        var _component$variants$v, _component$variants;
-        const key = component.key;
-        const value = variantIndex === 0 ? component.baseline.value : (_component$variants$v = (_component$variants = component.variants[variantIndex - 1]) == null ? void 0 : _component$variants.value) != null ? _component$variants$v : component.baseline.value;
-
-        // Set the variable value
-        this.setVariableValue({
-          experienceId,
-          key,
-          value,
-          variantIndex
-        });
-      }
-    });
+    this.applyInlineVariableOverridesForExperience(experience, variantIndex);
 
     // Trigger change notification - this updates the middleware
     this.onChange();
@@ -518,7 +513,7 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
   get pluginApi() {
     var _this$profile;
     return {
-      version: "7.18.8" ,
+      version: "7.18.10" ,
       open: this.open.bind(this),
       close: this.close.bind(this),
       toggle: this.toggle.bind(this),
@@ -611,6 +606,49 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
     return `${experienceId}:${key}`;
   }
 
+  /**
+   * Ensure inline variables for a given experience reflect the selected variant
+   * without triggering multiple onChange calls. Keeps custom flags in sync with forced variants.
+   */
+  applyInlineVariableOverridesForExperience(experience, variantIndex) {
+    const {
+      hasChanges,
+      overrides
+    } = experience.components.reduce((acc, component) => {
+      var _component$variants$v, _component$variants, _currentOverride$meta;
+      if (component.type !== ComponentTypeEnum.InlineVariable) {
+        return acc;
+      }
+      const value = variantIndex === 0 ? component.baseline.value : (_component$variants$v = (_component$variants = component.variants[variantIndex - 1]) == null ? void 0 : _component$variants.value) != null ? _component$variants$v : component.baseline.value;
+      const overrideKey = this.getOverrideKey(experience.id, component.key);
+      const currentOverride = acc.overrides[overrideKey];
+      const nextChange = {
+        type: ChangeTypes.Variable,
+        key: component.key,
+        value,
+        meta: {
+          experienceId: experience.id,
+          variantIndex
+        }
+      };
+      if (currentOverride && isEqual(currentOverride.value, value) && ((_currentOverride$meta = currentOverride.meta) == null ? void 0 : _currentOverride$meta.variantIndex) === variantIndex) {
+        return acc;
+      }
+      return {
+        hasChanges: true,
+        overrides: Object.assign({}, acc.overrides, {
+          [overrideKey]: nextChange
+        })
+      };
+    }, {
+      hasChanges: false,
+      overrides: Object.assign({}, this.variableOverwrites)
+    });
+    if (hasChanges) {
+      this.variableOverwrites = overrides;
+    }
+  }
+
   /**
    * Get effective changes by applying overwrites - compute on demand
    */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ninetailed/experience.js-plugin-preview",
-  "version": "7.18.8",
+  "version": "7.18.10",
   "description": "Ninetailed SDK plugin for preview",
   "license": "MIT",
   "repository": {
@@ -28,10 +28,10 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@ninetailed/experience.js-shared": "7.18.8",
-    "@ninetailed/experience.js": "7.18.8",
-    "@ninetailed/experience.js-preview-bridge": "7.18.8",
-    "@ninetailed/experience.js-plugin-analytics": "7.18.8",
+    "@ninetailed/experience.js-shared": "7.18.10",
+    "@ninetailed/experience.js": "7.18.10",
+    "@ninetailed/experience.js-preview-bridge": "7.18.10",
+    "@ninetailed/experience.js-plugin-analytics": "7.18.10",
     "radash": "10.9.0"
   }
 }

package/src/lib/plugin/NinetailedPreviewPlugin.d.ts

@@ -84,6 +84,11 @@ export declare class NinetailedPreviewPlugin extends NinetailedPlugin implements
      * Get the override key for a variable
      */
     private getOverrideKey;
+    /**
+     * Ensure inline variables for a given experience reflect the selected variant
+     * without triggering multiple onChange calls. Keeps custom flags in sync with forced variants.
+     */
+    private applyInlineVariableOverridesForExperience;
     /**
      * Get effective changes by applying overwrites - compute on demand
      */