@ninetailed/experience.js-plugin-preview 7.18.11 → 7.18.13

package/index.cjs.js

@@ -7,24 +7,6 @@ var experience_js = require('@ninetailed/experience.js');
 var experience_jsPluginAnalytics = require('@ninetailed/experience.js-plugin-analytics');
 var radash = require('radash');
 
-function _interopNamespace(e) {
-    if (e && e.__esModule) return e;
-    var n = Object.create(null);
-    if (e) {
-        Object.keys(e).forEach(function (k) {
-            if (k !== 'default') {
-                var d = Object.getOwnPropertyDescriptor(e, k);
-                Object.defineProperty(n, k, d.get ? d : {
-                    enumerable: true,
-                    get: function () { return e[k]; }
-                });
-            }
-        });
-    }
-    n["default"] = e;
-    return Object.freeze(n);
-}
-
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -39,6 +21,8 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
+
 
 function __rest(s, e) {
     var t = {};
@@ -60,7 +44,12 @@ function __awaiter(thisArg, _arguments, P, generator) {
         function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
-}
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
 
 const CONTAINER_WIDTH = 432;
 const BUTTON_WIDTH = 48;
@@ -152,7 +141,7 @@ class NinetailedPreviewPlugin extends experience_jsPluginAnalytics.NinetailedPlu
         }
         const {
           PreviewBridge
-        } = yield Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@ninetailed/experience.js-preview-bridge')); });
+        } = yield import('@ninetailed/experience.js-preview-bridge');
         this.isActiveInstance = true;
         this.container = new WidgetContainer({
           ui: this.options.ui
@@ -494,7 +483,6 @@ class NinetailedPreviewPlugin extends experience_jsPluginAnalytics.NinetailedPlu
     if (radash.isEqual((_b = this.variableOverwrites[overrideKey]) === null || _b === void 0 ? void 0 : _b.value, value)) {
       return; // No change needed
     }
-
     const change = {
       type: experience_jsShared.ChangeTypes.Variable,
       key,
@@ -528,7 +516,7 @@ class NinetailedPreviewPlugin extends experience_jsPluginAnalytics.NinetailedPlu
   get pluginApi() {
     var _b;
     return {
-      version: "7.18.11" ,
+      version: "7.18.13",
       open: this.open.bind(this),
       close: this.close.bind(this),
       toggle: this.toggle.bind(this),
@@ -689,4 +677,4 @@ if (typeof window === 'object' && !('process' in window)) {
 }
 
 exports.NinetailedPreviewPlugin = NinetailedPreviewPlugin;
-exports["default"] = NinetailedPreviewPlugin;
+exports.default = NinetailedPreviewPlugin;

package/index.esm.d.ts

@@ -0,0 +1,2 @@
+export * from "./src/index";
+export { default } from "./src/index";

package/index.esm.js

@@ -1,34 +1,51 @@
-import { logger, ComponentTypeEnum, ChangeTypes, unionBy } from '@ninetailed/experience.js-shared';
-import { OnChangeEmitter, PROFILE_CHANGE, isExperienceMatch, selectDistribution } from '@ninetailed/experience.js';
+import { ComponentTypeEnum, logger, ChangeTypes, unionBy } from '@ninetailed/experience.js-shared';
+import { OnChangeEmitter, isExperienceMatch, selectDistribution, PROFILE_CHANGE } from '@ninetailed/experience.js';
 import { NinetailedPlugin } from '@ninetailed/experience.js-plugin-analytics';
 import { isEqual } from 'radash';
 
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-function _toPrimitive(input, hint) {
-  if (typeof input !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (typeof res !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return typeof key === "symbol" ? key : String(key);
-}
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
+
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
 
 const CONTAINER_WIDTH = 432;
 const BUTTON_WIDTH = 48;
@@ -39,8 +56,7 @@ const TRANSFORM_CLOSED_HIDE = `translate(${CONTAINER_WIDTH}px, 0px)`;
 const TRANSFORM_OPEN = `translate(0px, 0px)`;
 class WidgetContainer {
   constructor(options) {
-    var _options$ui;
-    this.container = void 0;
+    var _a, _b;
     this.options = options;
     this.container = document.createElement('div');
     this.container.classList.add(WidgetContainer.CONTAINER_CLASS);
@@ -51,7 +67,7 @@ class WidgetContainer {
     this.container.style.width = `${CONTAINER_WIDTH}px`;
     this.container.style.height = `${BUTTON_HEIGHT}px`;
     this.container.style.overflow = 'hidden';
-    if ((_options$ui = options.ui) != null && (_options$ui = _options$ui.opener) != null && _options$ui.hide) {
+    if ((_b = (_a = options.ui) === null || _a === void 0 ? void 0 : _a.opener) === null || _b === void 0 ? void 0 : _b.hide) {
       this.container.style.transform = TRANSFORM_CLOSED_HIDE;
     } else {
       this.container.style.transform = TRANSFORM_CLOSED;
@@ -67,8 +83,8 @@ class WidgetContainer {
     this.container.style.bottom = `0px`;
   }
   close() {
-    var _this$options$ui;
-    if ((_this$options$ui = this.options.ui) != null && (_this$options$ui = _this$options$ui.opener) != null && _this$options$ui.hide) {
+    var _a, _b;
+    if ((_b = (_a = this.options.ui) === null || _a === void 0 ? void 0 : _a.opener) === null || _b === void 0 ? void 0 : _b.hide) {
       this.container.style.transform = TRANSFORM_CLOSED_HIDE;
     } else {
       this.container.style.transform = TRANSFORM_CLOSED;
@@ -87,11 +103,11 @@ class WidgetContainer {
 }
 WidgetContainer.CONTAINER_CLASS = 'nt-preview-widget-container';
 
+var _a;
 class NinetailedPreviewPlugin extends NinetailedPlugin {
   constructor(options) {
-    var _this;
     super();
-    _this = this;
+    this.options = options;
     this.name = 'ninetailed:preview' + Math.random();
     this.isOpen = false;
     this.experiences = [];
@@ -104,62 +120,60 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
     this.container = null;
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     this.bridge = null;
-    /**
-     * Since several instances of the plugin can be created, we need to make sure only one is marked as active.
+    /**
+     * Since several instances of the plugin can be created, we need to make sure only one is marked as active.
      */
     this.isActiveInstance = false;
     this.onChangeEmitter = new OnChangeEmitter();
-    this.onOpenExperienceEditor = void 0;
-    this.onOpenAudienceEditor = void 0;
     this.clientId = null;
     this.environment = null;
-    this.initialize = async function () {
+    this.initialize = () => __awaiter(this, void 0, void 0, function* () {
+      var _b, _c;
       if (typeof window !== 'undefined') {
-        var _window$ninetailed, _this$changes;
         if (WidgetContainer.isContainerAttached()) {
           logger.warn('Preview plugin is already attached.');
-          _this.isActiveInstance = false;
+          this.isActiveInstance = false;
           return;
         }
         const {
           PreviewBridge
-        } = await import('@ninetailed/experience.js-preview-bridge');
-        _this.isActiveInstance = true;
-        _this.container = new WidgetContainer({
-          ui: _this.options.ui
+        } = yield import('@ninetailed/experience.js-preview-bridge');
+        this.isActiveInstance = true;
+        this.container = new WidgetContainer({
+          ui: this.options.ui
         });
-        _this.bridge = PreviewBridge({
-          url: _this.options.url,
-          nonce: _this.options.nonce
+        this.bridge = PreviewBridge({
+          url: this.options.url,
+          nonce: this.options.nonce
         });
-        _this.bridge.render(_this.container.element);
+        this.bridge.render(this.container.element);
         window.ninetailed = Object.assign({}, window.ninetailed, {
-          plugins: Object.assign({}, (_window$ninetailed = window.ninetailed) == null ? void 0 : _window$ninetailed.plugins, {
-            preview: _this.windowApi
+          plugins: Object.assign(Object.assign({}, (_b = window.ninetailed) === null || _b === void 0 ? void 0 : _b.plugins), {
+            preview: this.windowApi
           })
         });
-        _this.bridge.updateProps({
-          props: _this.pluginApi
+        this.bridge.updateProps({
+          props: this.pluginApi
         });
-        if (!((_this$changes = _this.changes) != null && _this$changes.length)) {
-          _this.onChange();
+        if (!((_c = this.changes) === null || _c === void 0 ? void 0 : _c.length)) {
+          this.onChange();
         }
       }
-    };
+    });
     this.loaded = () => true;
-    this[PROFILE_CHANGE] = ({
+    this[_a] = ({
       payload
     }) => {
       if (!this.isActiveInstance) {
         return;
       }
-      if (payload != null && payload.profile) {
+      if (payload === null || payload === void 0 ? void 0 : payload.profile) {
         this.onProfileChange(payload.profile, payload.changes || []);
       }
     };
-    /**
-     * Implements the HasChangesModificationMiddleware interface
-     * Returns a middleware function that applies variable overwrites to changes
+    /**
+     * Implements the HasChangesModificationMiddleware interface
+     * Returns a middleware function that applies variable overwrites to changes
      */
     this.getChangesModificationMiddleware = () => {
       if (!this.isActiveInstance || Object.keys(this.variableOverwrites).length === 0 && Object.keys(this.audienceOverwrites).length === 0) {
@@ -174,11 +188,11 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
           };
         }
         const filteredChanges = inputChanges.filter(change => {
-          var _change$meta, _experience$audience;
-          const experienceId = (_change$meta = change.meta) == null ? void 0 : _change$meta.experienceId;
+          var _b, _c;
+          const experienceId = (_b = change.meta) === null || _b === void 0 ? void 0 : _b.experienceId;
           if (!experienceId) return true;
           const experience = this.experiences.find(e => e.id === experienceId);
-          if (!(experience != null && (_experience$audience = experience.audience) != null && _experience$audience.id)) return true;
+          if (!((_c = experience === null || experience === void 0 ? void 0 : experience.audience) === null || _c === void 0 ? void 0 : _c.id)) return true;
           return this.audienceOverwrites[experience.audience.id] !== false;
         });
         return {
@@ -205,12 +219,10 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
             variantIndex: 0
           };
         }
-
         // Handle entry replacements as before
         const entryReplacementComponents = experience.components.filter(component => component.type === ComponentTypeEnum.EntryReplacement && 'id' in component.baseline);
         const baselineComponent = entryReplacementComponents.find(component => component.baseline.id === baseline.id);
         const variantIndex = this.pluginApi.experienceVariantIndexes[experience.id];
-
         // Continue with entry replacement handling
         if (!baselineComponent) {
           return {
@@ -243,11 +255,11 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
       };
     };
     this.onChange = () => {
+      var _b;
       logger.debug('Ninetailed Preview Plugin onChange pluginApi:', this.pluginApi);
       if (typeof window !== 'undefined') {
-        var _window$ninetailed2;
         window.ninetailed = Object.assign({}, window.ninetailed, {
-          plugins: Object.assign({}, (_window$ninetailed2 = window.ninetailed) == null ? void 0 : _window$ninetailed2.plugins, {
+          plugins: Object.assign(Object.assign({}, (_b = window.ninetailed) === null || _b === void 0 ? void 0 : _b.plugins), {
             preview: this.windowApi
           })
         });
@@ -263,26 +275,23 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
         profile,
         changes
       });
-
       // If changes are provided, update them
       if (changes) {
         this.onChangesChange(changes);
       }
       this.onChange();
     };
-    /**
-     * Handles changes from the SDK and applies any variable overrides.
-     * This should be called whenever the original changes are updated.
+    /**
+     * Handles changes from the SDK and applies any variable overrides.
+     * This should be called whenever the original changes are updated.
      */
     this.onChangesChange = incomingChanges => {
       if (!this.isActiveInstance) {
         return;
       }
       logger.debug('Received changes:', incomingChanges);
-
       // Store the original changes
       this.changes = incomingChanges;
-
       // Notify listeners and update UI
       this.onChange();
     };
@@ -293,27 +302,26 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
       this.clientId = clientId;
       this.environment = environment;
     };
-    this.options = options;
     this.experiences = options.experiences || [];
     this.audienceDefinitions = options.audiences || [];
     this.onOpenExperienceEditor = options.onOpenExperienceEditor;
     this.onOpenAudienceEditor = options.onOpenAudienceEditor;
   }
   open() {
-    var _this$container;
+    var _b;
     if (!this.isActiveInstance) {
       return;
     }
-    (_this$container = this.container) == null || _this$container.open();
+    (_b = this.container) === null || _b === void 0 ? void 0 : _b.open();
     this.isOpen = true;
     this.onChange();
   }
   close() {
-    var _this$container2;
+    var _b;
     if (!this.isActiveInstance) {
       return;
     }
-    (_this$container2 = this.container) == null || _this$container2.close();
+    (_b = this.container) === null || _b === void 0 ? void 0 : _b.close();
     setTimeout(() => {
       this.isOpen = false;
       this.onChange();
@@ -337,23 +345,22 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
       logger.warn(`You cannot activate an unknown audience (id: ${id}).`);
       return;
     }
-    this.audienceOverwrites = Object.assign({}, this.audienceOverwrites, {
+    this.audienceOverwrites = Object.assign(Object.assign({}, this.audienceOverwrites), {
       [id]: true
     });
-    this.experienceVariantIndexOverwrites = Object.assign({}, this.experienceVariantIndexOverwrites, this.experiences.filter(experience => {
-      var _experience$audience2;
-      return ((_experience$audience2 = experience.audience) == null ? void 0 : _experience$audience2.id) === id;
+    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).reduce((acc, curr) => {
-      return Object.assign({}, acc, {
+      return Object.assign(Object.assign({}, acc), {
         [curr]: this.experienceVariantIndexes[curr] || 0
       });
     }, {}));
     this.experiences.filter(experience => {
-      var _experience$audience3;
-      return ((_experience$audience3 = experience.audience) == null ? void 0 : _experience$audience3.id) === id;
+      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);
     });
@@ -367,7 +374,7 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
       logger.warn(`You cannot deactivate an unknown audience (id: ${id}). How did you get it in the first place?`);
       return;
     }
-    this.audienceOverwrites = Object.assign({}, this.audienceOverwrites, {
+    this.audienceOverwrites = Object.assign(Object.assign({}, this.audienceOverwrites), {
       [id]: false
     });
     this.onChange();
@@ -380,32 +387,29 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
       logger.warn(`You cannot reset an unknown audience (id: ${id}). How did you get it in the first place?`);
       return;
     }
-
     // Identify all experiences that belong to this audience
     const experiencesToReset = this.experiences.filter(experience => {
-      var _experience$audience4;
-      return ((_experience$audience4 = experience.audience) == null ? void 0 : _experience$audience4.id) === id;
+      var _b;
+      return ((_b = experience.audience) === null || _b === void 0 ? void 0 : _b.id) === id;
     });
     if (experiencesToReset.length > 0) {
       const experienceIdsToReset = experiencesToReset.map(e => e.id);
-
       // 1. Clear any variable overwrites that were set for these experiences (allows natural evaluation)
       this.variableOverwrites = Object.fromEntries(Object.entries(this.variableOverwrites).filter(([, change]) => {
-        var _change$meta2;
-        return !((_change$meta2 = change.meta) != null && _change$meta2.experienceId && experienceIdsToReset.includes(change.meta.experienceId));
+        var _b;
+        return !(((_b = change.meta) === null || _b === void 0 ? void 0 : _b.experienceId) && experienceIdsToReset.includes(change.meta.experienceId));
       }));
-
       // 2. Clear experience variant index overwrites for these experiences (allows natural variant selection)
       this.experienceVariantIndexOverwrites = Object.fromEntries(Object.entries(this.experienceVariantIndexOverwrites).filter(([key]) => !experienceIdsToReset.includes(key)));
     }
-
     // 3. Remove audience override (allows natural audience evaluation)
-    const _this$audienceOverwri = this.audienceOverwrites,
-      audienceOverwrites = _objectWithoutPropertiesLoose(_this$audienceOverwri, [id].map(_toPropertyKey));
+    const _b = this.audienceOverwrites,
+      _c = id;
+      _b[_c];
+      const audienceOverwrites = __rest(_b, [typeof _c === "symbol" ? _c : _c + ""]);
     this.audienceOverwrites = audienceOverwrites;
     this.onChange();
   }
-
   // This is exposed to the window api but not used
   setExperienceVariant({
     experienceId,
@@ -420,8 +424,8 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
       return;
     }
     if (experience.audience && !this.activeAudiences.some(id => {
-      var _experience$audience5;
-      return id === ((_experience$audience5 = experience.audience) == null ? void 0 : _experience$audience5.id);
+      var _b;
+      return id === ((_b = experience.audience) === null || _b === void 0 ? void 0 : _b.id);
     })) {
       logger.warn(`Cannot activate a variant for an experience (id: ${experienceId}) which is not in the active audiences.`);
       return;
@@ -430,13 +434,11 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
     if (!isValidIndex) {
       logger.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.`);
     }
-
     // Update the experience variant index
-    this.experienceVariantIndexOverwrites = Object.assign({}, this.experienceVariantIndexOverwrites, {
+    this.experienceVariantIndexOverwrites = Object.assign(Object.assign({}, this.experienceVariantIndexOverwrites), {
       [experienceId]: variantIndex
     });
     this.applyInlineVariableOverridesForExperience(experience, variantIndex);
-
     // Trigger change notification - this updates the middleware
     this.onChange();
   }
@@ -444,8 +446,10 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
     if (!this.isActiveInstance) {
       return;
     }
-    const _this$experienceVaria = this.experienceVariantIndexOverwrites,
-      experienceVariantIndexOverwrites = _objectWithoutPropertiesLoose(_this$experienceVaria, [experienceId].map(_toPropertyKey));
+    const _b = this.experienceVariantIndexOverwrites,
+      _c = experienceId;
+      _b[_c];
+      const experienceVariantIndexOverwrites = __rest(_b, [typeof _c === "symbol" ? _c : _c + ""]);
     this.experienceVariantIndexOverwrites = experienceVariantIndexOverwrites;
     this.onChange();
   }
@@ -457,8 +461,8 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
       window.ninetailed.reset();
     }
   }
-  /**
-   * Sets a variable value override for preview
+  /**
+   * Sets a variable value override for preview
    */
   setVariableValue({
     experienceId,
@@ -466,17 +470,15 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
     value,
     variantIndex
   }) {
-    var _this$variableOverwri;
+    var _b;
     if (!this.isActiveInstance) {
       return;
     }
     const overrideKey = `${experienceId}:${key}`;
-
     // Only create new object if actually changing
-    if (isEqual((_this$variableOverwri = this.variableOverwrites[overrideKey]) == null ? void 0 : _this$variableOverwri.value, value)) {
+    if (isEqual((_b = this.variableOverwrites[overrideKey]) === null || _b === void 0 ? void 0 : _b.value, value)) {
       return; // No change needed
     }
-
     const change = {
       type: ChangeTypes.Variable,
       key,
@@ -486,12 +488,10 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
         variantIndex
       }
     };
-
     // Update variable overwrites
-    this.variableOverwrites = Object.assign({}, this.variableOverwrites, {
+    this.variableOverwrites = Object.assign(Object.assign({}, this.variableOverwrites), {
       [overrideKey]: change
     });
-
     // Notify listeners
     this.onChangeEmitter.invokeListeners();
     this.onChange();
@@ -499,9 +499,8 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
   openExperienceEditor(experience) {
     if (this.onOpenExperienceEditor && typeof this.onOpenExperienceEditor === 'function') return this.onOpenExperienceEditor(experience);
   }
-
-  /**
-   * @deprecated This method will be removed in a future release. Use `openExperienceEditor` instead to see the experience insights.
+  /**
+   * @deprecated This method will be removed in a future release. Use `openExperienceEditor` instead to see the experience insights.
    */
   openExperienceAnalytics(experience) {
     logger.warn('The `openExperienceAnalytics` method is deprecated and will be removed in a future release. Use `openExperienceEditor` instead to see the experience insights.');
@@ -511,9 +510,9 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
     if (this.onOpenAudienceEditor && typeof this.onOpenAudienceEditor === 'function') return this.onOpenAudienceEditor(audience);
   }
   get pluginApi() {
-    var _this$profile;
+    var _b;
     return {
-      version: "7.18.11" ,
+      version: "7.18.13",
       open: this.open.bind(this),
       close: this.close.bind(this),
       toggle: this.toggle.bind(this),
@@ -521,14 +520,14 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
       activateAudience: this.activateAudience.bind(this),
       deactivateAudience: this.deactivateAudience.bind(this),
       resetAudience: this.resetAudience.bind(this),
-      apiAudiences: ((_this$profile = this.profile) == null ? void 0 : _this$profile.audiences) || [],
+      apiAudiences: ((_b = this.profile) === null || _b === void 0 ? void 0 : _b.audiences) || [],
       audienceOverwrites: this.audienceOverwrites,
       activeAudiences: this.activeAudiences,
       audienceDefinitions: this.audienceDefinitions,
       setExperienceVariant: this.setExperienceVariant.bind(this),
       resetExperience: this.resetExperience.bind(this),
       apiExperienceVariantIndexes: this.apiExperienceVariantIndexes,
-      experienceVariantIndexes: Object.assign({}, this.experienceVariantIndexes, this.experienceVariantIndexOverwrites),
+      experienceVariantIndexes: Object.assign(Object.assign({}, this.experienceVariantIndexes), this.experienceVariantIndexOverwrites),
       experienceVariantIndexOverwrites: this.experienceVariantIndexOverwrites,
       reset: this.reset.bind(this),
       experiences: this.experiences,
@@ -549,7 +548,7 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
       activeAudiences: this.activeAudiences,
       setExperienceVariant: this.setExperienceVariant.bind(this),
       resetExperience: this.resetExperience.bind(this),
-      experienceVariantIndexes: Object.assign({}, this.experienceVariantIndexes, this.experienceVariantIndexOverwrites),
+      experienceVariantIndexes: Object.assign(Object.assign({}, this.experienceVariantIndexes), this.experienceVariantIndexOverwrites),
       setVariableValue: this.setVariableValue.bind(this),
       variableOverwrites: this.variableOverwrites
     };
@@ -562,10 +561,10 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
     return unionBy(this.audienceDefinitions, audiencesFromExperiences, 'id');
   }
   get activeAudiences() {
-    var _this$profile2;
+    var _b;
     const deactivatedAudiences = Object.entries(this.audienceOverwrites).filter(([id, active]) => !active).map(([id]) => id);
     const activatedAudiences = Object.entries(this.audienceOverwrites).filter(([id, active]) => active).map(([id]) => id);
-    return [...(((_this$profile2 = this.profile) == null ? void 0 : _this$profile2.audiences) || []), ...activatedAudiences].filter(id => !deactivatedAudiences.includes(id));
+    return [...(((_b = this.profile) === null || _b === void 0 ? void 0 : _b.audiences) || []), ...activatedAudiences].filter(id => !deactivatedAudiences.includes(id));
   }
   calculateExperienceVariantIndexes(profile) {
     const matchedExperiences = this.experiences.filter(experience => isExperienceMatch({
@@ -577,7 +576,7 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
         experience,
         profile
       });
-      return Object.assign({}, acc, {
+      return Object.assign(Object.assign({}, acc), {
         [experience.id]: distribution.index
       });
     }, {});
@@ -594,32 +593,30 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
     if (!profile) {
       return {};
     }
-    return this.calculateExperienceVariantIndexes(Object.assign({}, profile, {
+    return this.calculateExperienceVariantIndexes(Object.assign(Object.assign({}, profile), {
       audiences: this.activeAudiences
     }));
   }
-
-  /**
-   * Get the override key for a variable
+  /**
+   * Get the override key for a variable
    */
   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.
+  /**
+   * 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;
+      var _b, _c, _d;
       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 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 = {
@@ -631,12 +628,12 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
           variantIndex
         }
       };
-      if (currentOverride && isEqual(currentOverride.value, value) && ((_currentOverride$meta = currentOverride.meta) == null ? void 0 : _currentOverride$meta.variantIndex) === variantIndex) {
+      if (currentOverride && isEqual(currentOverride.value, value) && ((_d = currentOverride.meta) === null || _d === void 0 ? void 0 : _d.variantIndex) === variantIndex) {
         return acc;
       }
       return {
         hasChanges: true,
-        overrides: Object.assign({}, acc.overrides, {
+        overrides: Object.assign(Object.assign({}, acc.overrides), {
           [overrideKey]: nextChange
         })
       };
@@ -648,29 +645,27 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
       this.variableOverwrites = overrides;
     }
   }
-
-  /**
-   * Get effective changes by applying overwrites - compute on demand
+  /**
+   * Get effective changes by applying overwrites - compute on demand
    */
   getEffectiveChanges(inputChanges = this.changes) {
     if (!inputChanges || Object.keys(this.variableOverwrites).length === 0) {
       return inputChanges || [];
     }
-
     // Filter out changes that we're overriding
     const filteredChanges = inputChanges.filter(change => {
-      var _change$meta3;
+      var _b;
       if (change.type !== ChangeTypes.Variable) return true;
-      const changeKey = (_change$meta3 = change.meta) != null && _change$meta3.experienceId ? this.getOverrideKey(change.meta.experienceId, change.key) : change.key;
+      const changeKey = ((_b = change.meta) === null || _b === void 0 ? void 0 : _b.experienceId) ? this.getOverrideKey(change.meta.experienceId, change.key) : change.key;
       return !this.variableOverwrites[changeKey];
     });
     const effectiveChanges = [...filteredChanges, ...Object.values(this.variableOverwrites)];
     logger.debug('Overridden changes after applying override:', effectiveChanges);
-
     // Add our overrides to create the final result
     return effectiveChanges;
   }
 }
+_a = PROFILE_CHANGE;
 
 if (typeof window === 'object' && !('process' in window)) {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any

package/package.json

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