@ninetailed/experience.js-plugin-preview 3.0.0-beta.32 → 3.0.0-beta.34

package/index.cjs

@@ -3,6 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var union = require('lodash/union');
+var experience_jsPluginAnalytics = require('@ninetailed/experience.js-plugin-analytics');
+var experience_js = require('@ninetailed/experience.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -2378,38 +2380,33 @@ class WidgetContainer {
   }
 }
 
-const NinetailedPreviewPlugin = ({
-  clientId,
-  secret,
-  url,
-  environment,
-  ui
-}) => {
-  let isOpen = false;
-  let activatedAudiences = [];
-  let audiences = [];
-  let lastProfile;
-  return {
-    name: 'ninetailed:preview' + Math.random(),
-    config: {},
-    initialize: ({
+var _a;
+class NinetailedPreviewPlugin extends experience_jsPluginAnalytics.NinetailedPlugin {
+  constructor(options) {
+    super();
+    this.options = options;
+    this.name = 'ninetailed:preview' + Math.random();
+    this.isOpen = false;
+    this.activatedAudiences = [];
+    this.audiences = [];
+    this.initialize = ({
       instance
-    }) => __awaiter(void 0, void 0, void 0, function* () {
-      var _a;
+    }) => __awaiter(this, void 0, void 0, function* () {
+      var _b;
       if (typeof window !== 'undefined') {
         const {
           PreviewBridge
         } = yield Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@ninetailed/experience.js-preview-bridge')); });
         const container = new WidgetContainer({
-          ui
+          ui: this.options.ui
         });
         const preview = PreviewBridge({
-          url
+          url: this.options.url
         });
         preview.render(container.element);
         const open = () => {
           container.open();
-          isOpen = true;
+          this.isOpen = true;
           instance.dispatch({
             type: 'preview:change'
           });
@@ -2417,59 +2414,59 @@ const NinetailedPreviewPlugin = ({
         const close = () => {
           container.close();
           setTimeout(() => {
-            isOpen = false;
+            this.isOpen = false;
             instance.dispatch({
               type: 'preview:change'
             });
           }, 700);
         };
         const toggle = () => {
-          if (isOpen) {
+          if (this.isOpen) {
             close();
           } else {
             open();
           }
         };
         const activateAudience = id => {
-          activatedAudiences = union__default["default"](activatedAudiences, [id]);
+          this.activatedAudiences = union__default["default"](this.activatedAudiences, [id]);
           instance.dispatch({
-            type: 'profile',
-            profile: lastProfile
+            type: experience_js.PROFILE_CHANGE,
+            profile: this.lastProfile
           });
         };
         const deactivateAudience = id => {
-          activatedAudiences = activatedAudiences.filter(activatedAudience => activatedAudience !== id);
+          this.activatedAudiences = this.activatedAudiences.filter(activatedAudience => activatedAudience !== id);
           instance.dispatch({
-            type: 'profile',
-            profile: lastProfile
+            type: experience_js.PROFILE_CHANGE,
+            profile: this.lastProfile
           });
         };
         const buildPreviewPlugin = () => ({
           open: () => open(),
           close: () => close(),
           toggle: () => toggle(),
-          isOpen,
+          isOpen: this.isOpen,
           activateAudience: id => activateAudience(id),
           deactivateAudience: id => deactivateAudience(id),
-          activatedAudiences,
-          audiences
+          activatedAudiences: this.activatedAudiences,
+          audiences: this.audiences
         });
         window.ninetailed = Object.assign({}, window.ninetailed, {
-          plugins: Object.assign(Object.assign({}, (_a = window.ninetailed) === null || _a === void 0 ? void 0 : _a.plugins), {
+          plugins: Object.assign(Object.assign({}, (_b = window.ninetailed) === null || _b === void 0 ? void 0 : _b.plugins), {
             preview: buildPreviewPlugin()
           })
         });
         const buildNinetailed = () => {
-          var _a;
+          var _b;
           return Object.assign({}, window.ninetailed, {
             version: '1.5.1',
-            plugins: Object.assign(Object.assign({}, (_a = window.ninetailed) === null || _a === void 0 ? void 0 : _a.plugins), {
+            plugins: Object.assign(Object.assign({}, (_b = window.ninetailed) === null || _b === void 0 ? void 0 : _b.plugins), {
               preview: buildPreviewPlugin()
             }),
             credentials: {
-              clientId,
-              secret,
-              environment
+              clientId: this.options.clientId,
+              secret: this.options.secret,
+              environment: this.options.environment
             }
           });
         };
@@ -2484,22 +2481,23 @@ const NinetailedPreviewPlugin = ({
           });
         });
       }
-    }),
-    profile: ({
+    });
+    this.loaded = () => true;
+    this[_a] = ({
       payload
     }) => {
-      var _a;
-      audiences = ((_a = payload === null || payload === void 0 ? void 0 : payload.profile) === null || _a === void 0 ? void 0 : _a.audiences) || [];
-      lastProfile = payload.profile;
+      var _b;
+      this.audiences = ((_b = payload === null || payload === void 0 ? void 0 : payload.profile) === null || _b === void 0 ? void 0 : _b.audiences) || [];
+      this.lastProfile = payload.profile;
       return Object.assign(Object.assign({}, payload), {
         profile: Object.assign(Object.assign({}, payload.profile), {
-          audiences: union__default["default"](audiences, activatedAudiences)
+          audiences: union__default["default"](this.audiences, this.activatedAudiences)
         })
       });
-    },
-    loaded: () => true
-  };
-};
+    };
+  }
+}
+_a = experience_js.PROFILE_CHANGE;
 
 if (typeof window === 'object' && !('process' in window)) {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any

package/index.js

@@ -1,4 +1,6 @@
 import union from 'lodash/union';
+import { NinetailedPlugin } from '@ninetailed/experience.js-plugin-analytics';
+import { PROFILE_CHANGE } from '@ninetailed/experience.js';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -2352,38 +2354,33 @@ class WidgetContainer {
   }
 }
 
-const NinetailedPreviewPlugin = ({
-  clientId,
-  secret,
-  url,
-  environment,
-  ui
-}) => {
-  let isOpen = false;
-  let activatedAudiences = [];
-  let audiences = [];
-  let lastProfile;
-  return {
-    name: 'ninetailed:preview' + Math.random(),
-    config: {},
-    initialize: ({
+var _a;
+class NinetailedPreviewPlugin extends NinetailedPlugin {
+  constructor(options) {
+    super();
+    this.options = options;
+    this.name = 'ninetailed:preview' + Math.random();
+    this.isOpen = false;
+    this.activatedAudiences = [];
+    this.audiences = [];
+    this.initialize = ({
       instance
-    }) => __awaiter(void 0, void 0, void 0, function* () {
-      var _a;
+    }) => __awaiter(this, void 0, void 0, function* () {
+      var _b;
       if (typeof window !== 'undefined') {
         const {
           PreviewBridge
         } = yield import('@ninetailed/experience.js-preview-bridge');
         const container = new WidgetContainer({
-          ui
+          ui: this.options.ui
         });
         const preview = PreviewBridge({
-          url
+          url: this.options.url
         });
         preview.render(container.element);
         const open = () => {
           container.open();
-          isOpen = true;
+          this.isOpen = true;
           instance.dispatch({
             type: 'preview:change'
           });
@@ -2391,59 +2388,59 @@ const NinetailedPreviewPlugin = ({
         const close = () => {
           container.close();
           setTimeout(() => {
-            isOpen = false;
+            this.isOpen = false;
             instance.dispatch({
               type: 'preview:change'
             });
           }, 700);
         };
         const toggle = () => {
-          if (isOpen) {
+          if (this.isOpen) {
             close();
           } else {
             open();
           }
         };
         const activateAudience = id => {
-          activatedAudiences = union(activatedAudiences, [id]);
+          this.activatedAudiences = union(this.activatedAudiences, [id]);
           instance.dispatch({
-            type: 'profile',
-            profile: lastProfile
+            type: PROFILE_CHANGE,
+            profile: this.lastProfile
           });
         };
         const deactivateAudience = id => {
-          activatedAudiences = activatedAudiences.filter(activatedAudience => activatedAudience !== id);
+          this.activatedAudiences = this.activatedAudiences.filter(activatedAudience => activatedAudience !== id);
           instance.dispatch({
-            type: 'profile',
-            profile: lastProfile
+            type: PROFILE_CHANGE,
+            profile: this.lastProfile
           });
         };
         const buildPreviewPlugin = () => ({
           open: () => open(),
           close: () => close(),
           toggle: () => toggle(),
-          isOpen,
+          isOpen: this.isOpen,
           activateAudience: id => activateAudience(id),
           deactivateAudience: id => deactivateAudience(id),
-          activatedAudiences,
-          audiences
+          activatedAudiences: this.activatedAudiences,
+          audiences: this.audiences
         });
         window.ninetailed = Object.assign({}, window.ninetailed, {
-          plugins: Object.assign(Object.assign({}, (_a = window.ninetailed) === null || _a === void 0 ? void 0 : _a.plugins), {
+          plugins: Object.assign(Object.assign({}, (_b = window.ninetailed) === null || _b === void 0 ? void 0 : _b.plugins), {
             preview: buildPreviewPlugin()
           })
         });
         const buildNinetailed = () => {
-          var _a;
+          var _b;
           return Object.assign({}, window.ninetailed, {
             version: '1.5.1',
-            plugins: Object.assign(Object.assign({}, (_a = window.ninetailed) === null || _a === void 0 ? void 0 : _a.plugins), {
+            plugins: Object.assign(Object.assign({}, (_b = window.ninetailed) === null || _b === void 0 ? void 0 : _b.plugins), {
               preview: buildPreviewPlugin()
             }),
             credentials: {
-              clientId,
-              secret,
-              environment
+              clientId: this.options.clientId,
+              secret: this.options.secret,
+              environment: this.options.environment
             }
           });
         };
@@ -2458,22 +2455,23 @@ const NinetailedPreviewPlugin = ({
           });
         });
       }
-    }),
-    profile: ({
+    });
+    this.loaded = () => true;
+    this[_a] = ({
       payload
     }) => {
-      var _a;
-      audiences = ((_a = payload === null || payload === void 0 ? void 0 : payload.profile) === null || _a === void 0 ? void 0 : _a.audiences) || [];
-      lastProfile = payload.profile;
+      var _b;
+      this.audiences = ((_b = payload === null || payload === void 0 ? void 0 : payload.profile) === null || _b === void 0 ? void 0 : _b.audiences) || [];
+      this.lastProfile = payload.profile;
       return Object.assign(Object.assign({}, payload), {
         profile: Object.assign(Object.assign({}, payload.profile), {
-          audiences: union(audiences, activatedAudiences)
+          audiences: union(this.audiences, this.activatedAudiences)
         })
       });
-    },
-    loaded: () => true
-  };
-};
+    };
+  }
+}
+_a = PROFILE_CHANGE;
 
 if (typeof window === 'object' && !('process' in window)) {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any

package/lib/plugin/NinetailedPreviewPlugin.d.ts

@@ -0,0 +1,33 @@
+import { Credentials } from './types';
+import { AnalyticsInstance, NinetailedPlugin } from '@ninetailed/experience.js-plugin-analytics';
+import { PROFILE_CHANGE } from '@ninetailed/experience.js';
+export declare const NINETAILED_PREVIEW_EVENTS: {
+    previewAudiences: string;
+    previewTraits: string;
+};
+declare type NinetailedPreviewPluginOptions = Credentials & {
+    url?: string;
+    environment?: string;
+    ui?: {
+        opener?: {
+            hide: boolean;
+        };
+    };
+};
+export declare class NinetailedPreviewPlugin extends NinetailedPlugin {
+    private readonly options;
+    name: string;
+    private isOpen;
+    private activatedAudiences;
+    private audiences;
+    private lastProfile?;
+    constructor(options: NinetailedPreviewPluginOptions);
+    initialize: ({ instance }: {
+        instance: AnalyticsInstance;
+    }) => Promise<void>;
+    loaded: () => boolean;
+    [PROFILE_CHANGE]: ({ payload }: {
+        payload: any;
+    }) => any;
+}
+export {};

package/lib/plugin/index.d.ts

@@ -1,2 +1,2 @@
-export * from './plugin';
+export * from './NinetailedPreviewPlugin';
 export * from './types';

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@ninetailed/experience.js-plugin-preview",
-  "version": "3.0.0-beta.32",
+  "version": "3.0.0-beta.34",
   "module": "./index.js",
   "main": "./index.cjs",
   "type": "module",
   "types": "./index.d.ts",
   "dependencies": {
-    "analytics": "0.8.1",
-    "@ninetailed/experience.js-shared": "3.0.0-beta.32",
+    "@ninetailed/experience.js-shared": "3.0.0-beta.34",
     "lodash": "4.17.21",
-    "@ninetailed/experience.js-preview-bridge": "3.0.0-beta.32",
-    "@ninetailed/experience.js": "3.0.0-beta.32"
+    "@ninetailed/experience.js-plugin-analytics": "0.0.1",
+    "@ninetailed/experience.js": "3.0.0-beta.34",
+    "@ninetailed/experience.js-preview-bridge": "3.0.0-beta.34"
   },
   "peerDependencies": {}
 }

package/lib/plugin/plugin.d.ts

@@ -1,17 +0,0 @@
-import { AnalyticsPlugin } from 'analytics';
-import { Credentials } from './types';
-export declare const NINETAILED_PREVIEW_EVENTS: {
-    previewAudiences: string;
-    previewTraits: string;
-};
-declare type NinetailedPreviewPluginOptions = Credentials & {
-    url?: string;
-    environment?: string;
-    ui?: {
-        opener?: {
-            hide: boolean;
-        };
-    };
-};
-export declare const NinetailedPreviewPlugin: ({ clientId, secret, url, environment, ui, }: NinetailedPreviewPluginOptions) => AnalyticsPlugin;
-export {};