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

package/index.cjs.d.ts

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

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

@@ -1,41 +1,31 @@
 import { logger, unionBy } from '@ninetailed/experience.js-shared';
-import { NinetailedPlugin, OnChangeEmitter, isExperienceMatch, selectDistribution, PROFILE_CHANGE } from '@ninetailed/experience.js';
+import { NinetailedPlugin, OnChangeEmitter, PROFILE_CHANGE, isExperienceMatch, selectDistribution } from '@ninetailed/experience.js';
 
-/******************************************************************************
-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());
-    });
+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);
 }
 
 const CONTAINER_WIDTH = 432;
@@ -47,7 +37,8 @@ const TRANSFORM_CLOSED_HIDE = `translate(${CONTAINER_WIDTH}px, 0px)`;
 const TRANSFORM_OPEN = `translate(0px, 0px)`;
 class WidgetContainer {
   constructor(options) {
-    var _a, _b;
+    var _options$ui;
+    this.container = void 0;
     this.options = options;
     this.container = document.createElement('div');
     this.container.style.position = 'fixed';
@@ -56,7 +47,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 ((_b = (_a = options.ui) === null || _a === void 0 ? void 0 : _a.opener) === null || _b === void 0 ? void 0 : _b.hide) {
+    if ((_options$ui = options.ui) != null && (_options$ui = _options$ui.opener) != null && _options$ui.hide) {
       this.container.style.transform = TRANSFORM_CLOSED_HIDE;
     } else {
       this.container.style.transform = TRANSFORM_CLOSED;
@@ -72,8 +63,8 @@ class WidgetContainer {
     this.container.style.bottom = `0px`;
   }
   close() {
-    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) {
+    var _this$options$ui;
+    if ((_this$options$ui = this.options.ui) != null && (_this$options$ui = _this$options$ui.opener) != null && _this$options$ui.hide) {
       this.container.style.transform = TRANSFORM_CLOSED_HIDE;
     } else {
       this.container.style.transform = TRANSFORM_CLOSED;
@@ -88,11 +79,11 @@ class WidgetContainer {
   }
 }
 
-var _a;
 class NinetailedPreviewPlugin extends NinetailedPlugin {
   constructor(options) {
+    var _this;
     super();
-    this.options = options;
+    _this = this;
     this.name = 'ninetailed:preview' + Math.random();
     this.isOpen = false;
     this.experiences = [];
@@ -103,36 +94,38 @@ 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 = () => __awaiter(this, void 0, void 0, function* () {
-      var _b;
+    this.initialize = async function () {
       if (typeof window !== 'undefined') {
+        var _window$ninetailed;
         const {
           PreviewBridge
-        } = yield import('@ninetailed/experience.js-preview-bridge');
-        this.container = new WidgetContainer({
-          ui: this.options.ui
+        } = await 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(Object.assign({}, (_b = window.ninetailed) === null || _b === void 0 ? void 0 : _b.plugins), {
-            preview: this.windowApi
+          plugins: Object.assign({}, (_window$ninetailed = window.ninetailed) == null ? void 0 : _window$ninetailed.plugins, {
+            preview: _this.windowApi
           })
         });
-        this.bridge.updateProps({
-          props: this.pluginApi
+        _this.bridge.updateProps({
+          props: _this.pluginApi
         });
       }
-    });
+    };
     this.loaded = () => true;
-    this[_a] = ({
+    this[PROFILE_CHANGE] = ({
       payload
     }) => {
-      if (payload === null || payload === void 0 ? void 0 : payload.profile) {
+      if (payload != null && payload.profile) {
         this.onProfileChange(payload.profile);
       }
     };
@@ -144,8 +137,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 _b;
-            return ((_b = experience.audience) === null || _b === void 0 ? void 0 : _b.id) === activeAudienceId;
+            var _experience$audience;
+            return ((_experience$audience = experience.audience) == null ? void 0 : _experience$audience.id) === activeAudienceId;
           });
           return hasActiveAudience && experienceIds.includes(experience.id);
         });
@@ -189,10 +182,10 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
       };
     };
     this.onChange = () => {
-      var _b;
+      var _window$ninetailed2;
       logger.debug('Ninetailed Preview Plugin onChange pluginApi:', this.pluginApi);
       Object.assign({}, window.ninetailed, {
-        plugins: Object.assign(Object.assign({}, (_b = window.ninetailed) === null || _b === void 0 ? void 0 : _b.plugins), {
+        plugins: Object.assign({}, (_window$ninetailed2 = window.ninetailed) == null ? void 0 : _window$ninetailed2.plugins, {
           preview: this.windowApi
         })
       });
@@ -212,20 +205,21 @@ 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 _b;
-    (_b = this.container) === null || _b === void 0 ? void 0 : _b.open();
+    var _this$container;
+    (_this$container = this.container) == null || _this$container.open();
     this.isOpen = true;
     this.onChange();
   }
   close() {
-    var _b;
-    (_b = this.container) === null || _b === void 0 ? void 0 : _b.close();
+    var _this$container2;
+    (_this$container2 = this.container) == null || _this$container2.close();
     setTimeout(() => {
       this.isOpen = false;
       this.onChange();
@@ -243,14 +237,14 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
       console.log(`You cannot activate an unknown audience (id: ${id}).`);
       return;
     }
-    this.audienceOverwrites = Object.assign(Object.assign({}, this.audienceOverwrites), {
+    this.audienceOverwrites = Object.assign({}, this.audienceOverwrites, {
       [id]: true
     });
-    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;
+    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;
     }).map(experience => experience.id).reduce((acc, curr) => {
-      return Object.assign(Object.assign({}, acc), {
+      return Object.assign({}, acc, {
         [curr]: this.experienceVariantIndexes[curr] || 0
       });
     }, {}));
@@ -263,28 +257,28 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
     }
     this.experienceVariantIndexOverwrites = Object.entries(this.experienceVariantIndexOverwrites).filter(([key, _]) => {
       return !this.experiences.filter(experience => {
-        var _b;
-        return ((_b = experience.audience) === null || _b === void 0 ? void 0 : _b.id) === id;
+        var _experience$audience3;
+        return ((_experience$audience3 = experience.audience) == null ? void 0 : _experience$audience3.id) === id;
       }).map(experience => experience.id).includes(key);
     }).reduce((acc, [key, value]) => {
-      return Object.assign(Object.assign({}, acc), {
+      return Object.assign({}, acc, {
         [key]: value
       });
     }, {});
-    this.audienceOverwrites = Object.assign(Object.assign({}, this.audienceOverwrites), {
+    this.audienceOverwrites = Object.assign({}, this.audienceOverwrites, {
       [id]: false
     });
     this.onChange();
     this.experiences.filter(experience => {
-      var _b;
-      return ((_b = experience.audience) === null || _b === void 0 ? void 0 : _b.id) === id;
+      var _experience$audience4;
+      return ((_experience$audience4 = experience.audience) == null ? void 0 : _experience$audience4.id) === id;
     }).forEach(experience => {
       this.setExperienceVariant({
         experienceId: experience.id,
         variantIndex: 0
       });
     });
-    this.audienceOverwrites = Object.assign(Object.assign({}, this.audienceOverwrites), {
+    this.audienceOverwrites = Object.assign({}, this.audienceOverwrites, {
       [id]: false
     });
     this.onChange();
@@ -294,10 +288,8 @@ 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 _b = this.audienceOverwrites,
-      _c = id;
-      _b[_c];
-      const audienceOverwrites = __rest(_b, [typeof _c === "symbol" ? _c : _c + ""]);
+    const _this$audienceOverwri = this.audienceOverwrites,
+      audienceOverwrites = _objectWithoutPropertiesLoose(_this$audienceOverwri, [id].map(_toPropertyKey));
     this.audienceOverwrites = audienceOverwrites;
     this.onChange();
   }
@@ -311,8 +303,8 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
       return;
     }
     if (experience.audience && !this.activeAudiences.some(id => {
-      var _b;
-      return id === ((_b = experience.audience) === null || _b === void 0 ? void 0 : _b.id);
+      var _experience$audience5;
+      return id === ((_experience$audience5 = experience.audience) == null ? void 0 : _experience$audience5.id);
     })) {
       console.log(`You cannot active a variant for an experience (id: ${experienceId}), which is not in the active audiences.`);
       return;
@@ -321,16 +313,14 @@ 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(Object.assign({}, this.experienceVariantIndexOverwrites), {
+    this.experienceVariantIndexOverwrites = Object.assign({}, this.experienceVariantIndexOverwrites, {
       [experienceId]: variantIndex
     });
     this.onChange();
   }
   resetExperience(experienceId) {
-    const _b = this.experienceVariantIndexOverwrites,
-      _c = experienceId;
-      _b[_c];
-      const experienceVariantIndexOverwrites = __rest(_b, [typeof _c === "symbol" ? _c : _c + ""]);
+    const _this$experienceVaria = this.experienceVariantIndexOverwrites,
+      experienceVariantIndexOverwrites = _objectWithoutPropertiesLoose(_this$experienceVaria, [experienceId].map(_toPropertyKey));
     this.experienceVariantIndexOverwrites = experienceVariantIndexOverwrites;
     this.onChange();
   }
@@ -349,7 +339,7 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
     if (this.onOpenAudienceEditor && typeof this.onOpenAudienceEditor === 'function') return this.onOpenAudienceEditor(audience);
   }
   get pluginApi() {
-    var _b;
+    var _this$profile;
     return {
       version: '2.0.0',
       open: this.open.bind(this),
@@ -359,14 +349,14 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
       activateAudience: this.activateAudience.bind(this),
       deactivateAudience: this.deactivateAudience.bind(this),
       resetAudience: this.resetAudience.bind(this),
-      apiAudiences: ((_b = this.profile) === null || _b === void 0 ? void 0 : _b.audiences) || [],
+      apiAudiences: ((_this$profile = this.profile) == null ? void 0 : _this$profile.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(Object.assign({}, this.experienceVariantIndexes), this.experienceVariantIndexOverwrites),
+      experienceVariantIndexes: Object.assign({}, this.experienceVariantIndexes, this.experienceVariantIndexOverwrites),
       experienceVariantIndexOverwrites: this.experienceVariantIndexOverwrites,
       reset: this.reset.bind(this),
       experiences: this.experiences,
@@ -387,7 +377,7 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
       activeAudiences: this.activeAudiences,
       setExperienceVariant: this.setExperienceVariant.bind(this),
       resetExperience: this.resetExperience.bind(this),
-      experienceVariantIndexes: Object.assign(Object.assign({}, this.experienceVariantIndexes), this.experienceVariantIndexOverwrites)
+      experienceVariantIndexes: Object.assign({}, this.experienceVariantIndexes, this.experienceVariantIndexOverwrites)
     };
   }
   isKnownAudience(id) {
@@ -398,10 +388,10 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
     return unionBy(this.audienceDefinitions, audiencesFromExperiences, 'id');
   }
   get activeAudiences() {
-    var _b;
+    var _this$profile2;
     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 [...(((_b = this.profile) === null || _b === void 0 ? void 0 : _b.audiences) || []), ...activatedAudiences].filter(id => !deactivatedAudiences.includes(id));
+    return [...(((_this$profile2 = this.profile) == null ? void 0 : _this$profile2.audiences) || []), ...activatedAudiences].filter(id => !deactivatedAudiences.includes(id));
   }
   calculateExperienceVariantIndexes(profile) {
     const matchedExperiences = this.experiences.filter(experience => isExperienceMatch({
@@ -413,7 +403,7 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
         experience,
         profile
       });
-      return Object.assign(Object.assign({}, acc), {
+      return Object.assign({}, acc, {
         [experience.id]: distribution.index
       });
     }, {});
@@ -430,12 +420,11 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
     if (!profile) {
       return {};
     }
-    return this.calculateExperienceVariantIndexes(Object.assign(Object.assign({}, profile), {
+    return this.calculateExperienceVariantIndexes(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.2",
+  "version": "7.5.3-beta.2",
   "description": "Ninetailed SDK plugin for preview",
   "license": "MIT",
   "repository": {
@@ -8,14 +8,17 @@
     "url": "https://github.com/ninetailed-inc/experience.js.git",
     "directory": "packages/plugins/preview"
   },
-  "module": "./index.js",
-  "main": "./index.cjs",
-  "type": "module",
-  "types": "./src/index.d.ts",
+  "keywords": [
+    "preview",
+    "ninetailed",
+    "personalization",
+    "a/b testing"
+  ],
   "dependencies": {
-    "@ninetailed/experience.js": "7.5.2",
-    "@ninetailed/experience.js-preview-bridge": "7.5.2",
-    "@ninetailed/experience.js-shared": "7.5.2"
+    "@ninetailed/experience.js-shared": "*",
+    "@ninetailed/experience.js": "*",
+    "@ninetailed/experience.js-preview-bridge": "*"
   },
-  "peerDependencies": {}
+  "module": "./index.esm.js",
+  "main": "./index.cjs.js"
 }