@ninetailed/experience.js-plugin-preview 7.5.3-beta.2 → 7.5.3-beta.3

package/{index.esm.js → index.js}

@@ -1,31 +1,41 @@
 import { logger, unionBy } from '@ninetailed/experience.js-shared';
-import { NinetailedPlugin, OnChangeEmitter, PROFILE_CHANGE, isExperienceMatch, selectDistribution } from '@ninetailed/experience.js';
+import { NinetailedPlugin, OnChangeEmitter, isExperienceMatch, selectDistribution, PROFILE_CHANGE } from '@ninetailed/experience.js';
 
-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.
+***************************************************************************** */
+
+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());
+    });
 }
 
 const CONTAINER_WIDTH = 432;
@@ -37,8 +47,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.style.position = 'fixed';
@@ -47,7 +56,7 @@ class WidgetContainer {
     this.container.style.bottom = `${BUTTON_BOTTOM_POSITION}px`;
     this.container.style.width = `${CONTAINER_WIDTH}px`;
     this.container.style.height = `${BUTTON_HEIGHT}px`;
-    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;
@@ -63,8 +72,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;
@@ -79,11 +88,11 @@ class WidgetContainer {
   }
 }
 
+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 = [];
@@ -94,38 +103,36 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
     this.container = null;
     this.bridge = null;
     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;
       if (typeof window !== 'undefined') {
-        var _window$ninetailed;
         const {
           PreviewBridge
-        } = await import('@ninetailed/experience.js-preview-bridge');
-        _this.container = new WidgetContainer({
-          ui: _this.options.ui
+        } = yield import('@ninetailed/experience.js-preview-bridge');
+        this.container = new WidgetContainer({
+          ui: this.options.ui
         });
-        _this.bridge = PreviewBridge({
-          url: _this.options.url
+        this.bridge = PreviewBridge({
+          url: this.options.url
         });
-        _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
         });
       }
-    };
+    });
     this.loaded = () => true;
-    this[PROFILE_CHANGE] = ({
+    this[_a] = ({
       payload
     }) => {
-      if (payload != null && payload.profile) {
+      if (payload === null || payload === void 0 ? void 0 : payload.profile) {
         this.onProfileChange(payload.profile);
       }
     };
@@ -137,8 +144,8 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
         const experienceIds = Object.keys(this.pluginApi.experienceVariantIndexes);
         const experience = experiences.find(experience => {
           const hasActiveAudience = this.pluginApi.activeAudiences.some(activeAudienceId => {
-            var _experience$audience;
-            return ((_experience$audience = experience.audience) == null ? void 0 : _experience$audience.id) === activeAudienceId;
+            var _b;
+            return ((_b = experience.audience) === null || _b === void 0 ? void 0 : _b.id) === activeAudienceId;
           });
           return hasActiveAudience && experienceIds.includes(experience.id);
         });
@@ -182,10 +189,10 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
       };
     };
     this.onChange = () => {
-      var _window$ninetailed2;
+      var _b;
       logger.debug('Ninetailed Preview Plugin onChange pluginApi:', this.pluginApi);
       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
         })
       });
@@ -205,21 +212,20 @@ 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;
-    (_this$container = this.container) == null || _this$container.open();
+    var _b;
+    (_b = this.container) === null || _b === void 0 ? void 0 : _b.open();
     this.isOpen = true;
     this.onChange();
   }
   close() {
-    var _this$container2;
-    (_this$container2 = this.container) == null || _this$container2.close();
+    var _b;
+    (_b = this.container) === null || _b === void 0 ? void 0 : _b.close();
     setTimeout(() => {
       this.isOpen = false;
       this.onChange();
@@ -237,14 +243,14 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
       console.log(`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
       });
     }, {}));
@@ -257,28 +263,28 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
     }
     this.experienceVariantIndexOverwrites = Object.entries(this.experienceVariantIndexOverwrites).filter(([key, _]) => {
       return !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;
       }).map(experience => experience.id).includes(key);
     }).reduce((acc, [key, value]) => {
-      return Object.assign({}, acc, {
+      return Object.assign(Object.assign({}, acc), {
         [key]: value
       });
     }, {});
-    this.audienceOverwrites = Object.assign({}, this.audienceOverwrites, {
+    this.audienceOverwrites = Object.assign(Object.assign({}, this.audienceOverwrites), {
       [id]: false
     });
     this.onChange();
     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;
     }).forEach(experience => {
       this.setExperienceVariant({
         experienceId: experience.id,
         variantIndex: 0
       });
     });
-    this.audienceOverwrites = Object.assign({}, this.audienceOverwrites, {
+    this.audienceOverwrites = Object.assign(Object.assign({}, this.audienceOverwrites), {
       [id]: false
     });
     this.onChange();
@@ -288,8 +294,10 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
       console.log(`You cannot reset an unknown audience (id: ${id}). How did you get it in the first place?`);
       return;
     }
-    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();
   }
@@ -303,8 +311,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);
     })) {
       console.log(`You cannot active a variant for an experience (id: ${experienceId}), which is not in the active audiences.`);
       return;
@@ -313,14 +321,16 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
     if (!isValidIndex) {
       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({}, this.experienceVariantIndexOverwrites, {
+    this.experienceVariantIndexOverwrites = Object.assign(Object.assign({}, this.experienceVariantIndexOverwrites), {
       [experienceId]: variantIndex
     });
     this.onChange();
   }
   resetExperience(experienceId) {
-    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();
   }
@@ -339,7 +349,7 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
     if (this.onOpenAudienceEditor && typeof this.onOpenAudienceEditor === 'function') return this.onOpenAudienceEditor(audience);
   }
   get pluginApi() {
-    var _this$profile;
+    var _b;
     return {
       version: '2.0.0',
       open: this.open.bind(this),
@@ -349,14 +359,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,
@@ -377,7 +387,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)
     };
   }
   isKnownAudience(id) {
@@ -388,10 +398,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({
@@ -403,7 +413,7 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
         experience,
         profile
       });
-      return Object.assign({}, acc, {
+      return Object.assign(Object.assign({}, acc), {
         [experience.id]: distribution.index
       });
     }, {});
@@ -420,11 +430,12 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
     if (!profile) {
       return {};
     }
-    return this.calculateExperienceVariantIndexes(Object.assign({}, profile, {
+    return this.calculateExperienceVariantIndexes(Object.assign(Object.assign({}, profile), {
       audiences: this.activeAudiences
     }));
   }
 }
+_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.5.3-beta.2",
+  "version": "7.5.3-beta.3",
   "description": "Ninetailed SDK plugin for preview",
   "license": "MIT",
   "repository": {
@@ -8,17 +8,14 @@
     "url": "https://github.com/ninetailed-inc/experience.js.git",
     "directory": "packages/plugins/preview"
   },
-  "keywords": [
-    "preview",
-    "ninetailed",
-    "personalization",
-    "a/b testing"
-  ],
+  "module": "./index.js",
+  "main": "./index.cjs",
+  "type": "module",
+  "types": "./src/index.d.ts",
   "dependencies": {
-    "@ninetailed/experience.js-shared": "*",
-    "@ninetailed/experience.js": "*",
-    "@ninetailed/experience.js-preview-bridge": "*"
+    "@ninetailed/experience.js": "7.5.3-beta.3",
+    "@ninetailed/experience.js-preview-bridge": "7.5.3-beta.3",
+    "@ninetailed/experience.js-shared": "7.5.3-beta.3"
   },
-  "module": "./index.esm.js",
-  "main": "./index.cjs.js"
+  "peerDependencies": {}
 }

package/index.cjs.d.ts

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