@ninetailed/experience.js-plugin-preview 4.2.0-beta.0 → 4.2.0-beta.10

package/index.cjs

@@ -2,14 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var omit = require('lodash/omit');
+var experience_jsShared = require('@ninetailed/experience.js-shared');
 var experience_js = require('@ninetailed/experience.js');
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var uuid = require('uuid');
-var unionBy = require('lodash/unionBy');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 function _interopNamespace(e) {
 	if (e && e.__esModule) return e;
@@ -29,9 +23,6 @@ function _interopNamespace(e) {
 	return Object.freeze(n);
 }
 
-var omit__default = /*#__PURE__*/_interopDefaultLegacy(omit);
-var unionBy__default = /*#__PURE__*/_interopDefaultLegacy(unionBy);
-
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
 var check = function (it) {
@@ -3028,79 +3019,6 @@ class WidgetContainer {
   }
 }
 
-const PreviewRenderPlugin = ctx => {
-  const PreviewRenderPlugin = props => {
-    const [pluginApi, setPluginApi] = react.useState(ctx.pluginApi);
-    const {
-      children,
-      setComponentProps,
-      experiences,
-      baseline
-    } = props;
-    const {
-      current: id
-    } = react.useRef(uuid.v4());
-    react.useEffect(() => {
-      ctx.registerSetPluginApi(id, setPluginApi);
-      return () => {
-        ctx.unregisterSetPluginApi(id);
-      };
-    }, [id]);
-    react.useEffect(() => {
-      const experienceIds = Object.keys(pluginApi.experienceVariantIndexes);
-      const experience = experiences.find(experience => {
-        const hasActiveAudience = pluginApi.activeAudiences.some(activeAudienceId => {
-          var _a;
-          return ((_a = experience.audience) === null || _a === void 0 ? void 0 : _a.id) === activeAudienceId;
-        });
-        return hasActiveAudience && experienceIds.includes(experience.id);
-      });
-      if (!experience) {
-        setComponentProps(baseline);
-        return;
-      }
-      const baselineComponent = experience.components.find(component => component.baseline.id === baseline.id);
-      if (!baselineComponent) {
-        setComponentProps(baseline);
-        return;
-      }
-      const allVariants = [baseline, ...baselineComponent.variants];
-      const variantIndex = pluginApi.experienceVariantIndexes[experience.id];
-      if (allVariants.length <= variantIndex) {
-        setComponentProps(baseline);
-        return;
-      }
-      const variant = allVariants[variantIndex];
-      if (!variant) {
-        setComponentProps(baseline);
-        return;
-      }
-      setComponentProps(variant);
-    }, [experiences, baseline, setComponentProps, pluginApi.experienceVariantIndexes, pluginApi.activeAudiences]);
-    return jsxRuntime.jsx(jsxRuntime.Fragment, {
-      children: children
-    });
-  };
-  return PreviewRenderPlugin;
-};
-
-class PreviewRenderPluginContext {
-  constructor(pluginApi) {
-    this.pluginApi = pluginApi;
-    this.setPluginApiCallbacks = new Map();
-    this.registerSetPluginApi = (id, setPluginApi) => {
-      this.setPluginApiCallbacks.set(id, setPluginApi);
-    };
-    this.unregisterSetPluginApi = id => {
-      this.setPluginApiCallbacks.delete(id);
-    };
-    this.setPluginApi = pluginApi => {
-      this.pluginApi = pluginApi;
-      this.setPluginApiCallbacks.forEach(callback => callback(pluginApi));
-    };
-  }
-}
-
 var _a;
 class NinetailedPreviewPlugin extends experience_js.NinetailedPlugin {
   constructor(options) {
@@ -3115,8 +3033,9 @@ class NinetailedPreviewPlugin extends experience_js.NinetailedPlugin {
     this.profile = null;
     this.container = null;
     this.bridge = null;
-    this.renderPluginContext = new PreviewRenderPluginContext(this.pluginApi);
     this.onChangeEmitter = new experience_js.OnChangeEmitter();
+    this.clientId = null;
+    this.environment = null;
     this.initialize = () => __awaiter(this, void 0, void 0, function* () {
       var _b;
       if (typeof window !== 'undefined') {
@@ -3140,9 +3059,6 @@ class NinetailedPreviewPlugin extends experience_js.NinetailedPlugin {
         });
       }
     });
-    this.getRenderWrapper = () => {
-      return this.renderPluginComponent;
-    };
     this.loaded = () => true;
     this[_a] = ({
       payload
@@ -3200,7 +3116,7 @@ class NinetailedPreviewPlugin extends experience_js.NinetailedPlugin {
     };
     this.onChange = () => {
       var _b;
-      console.debug('Ninetailed Preview Plugin onChange pluginApi:', this.pluginApi);
+      experience_jsShared.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), {
           preview: this.windowApi
@@ -3215,9 +3131,16 @@ class NinetailedPreviewPlugin extends experience_js.NinetailedPlugin {
       this.profile = profile;
       this.onChange();
     };
+    this.setCredentials = ({
+      clientId,
+      environment
+    }) => {
+      this.clientId = clientId;
+      this.environment = environment;
+    };
     this.experiences = options.experiences || [];
     this.audienceDefinitions = options.audiences || [];
-    this.renderPluginComponent = PreviewRenderPlugin(this.renderPluginContext);
+    this.onOpenExperienceEditor = options.onOpenExperienceEditor;
   }
   open() {
     var _b;
@@ -3242,7 +3165,7 @@ class NinetailedPreviewPlugin extends experience_js.NinetailedPlugin {
   }
   activateAudience(id) {
     if (!this.isKnownAudience(id)) {
-      console.log(`You cannot activate an unkown audience (id: ${id}).`);
+      console.log(`You cannot activate an unknown audience (id: ${id}).`);
       return;
     }
     this.audienceOverwrites = Object.assign(Object.assign({}, this.audienceOverwrites), {
@@ -3272,10 +3195,16 @@ class NinetailedPreviewPlugin extends experience_js.NinetailedPlugin {
     //       variantIndex: 0,
     //     });
     //   });
-    this.experienceVariantIndexOverwrites = omit__default["default"](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));
+    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;
+      }).map(experience => experience.id).includes(key);
+    }).reduce((acc, [key, value]) => {
+      return Object.assign(Object.assign({}, acc), {
+        [key]: value
+      });
+    }, {});
     this.audienceOverwrites = Object.assign(Object.assign({}, this.audienceOverwrites), {
       [id]: false
     });
@@ -3283,7 +3212,7 @@ class NinetailedPreviewPlugin extends experience_js.NinetailedPlugin {
   }
   resetAudience(id) {
     if (!this.isKnownAudience(id)) {
-      console.log(`You cannot reset an unkown audience (id: ${id}). How did you get it in the first place?`);
+      console.log(`You cannot reset an unknown audience (id: ${id}). How did you get it in the first place?`);
       return;
     }
     const _b = this.audienceOverwrites,
@@ -3333,6 +3262,12 @@ class NinetailedPreviewPlugin extends experience_js.NinetailedPlugin {
       window.ninetailed.reset();
     }
   }
+  openExperienceEditor(experience) {
+    if (this.onOpenExperienceEditor && typeof this.onOpenExperienceEditor === 'function') return this.onOpenExperienceEditor(experience);
+  }
+  openExperienceAnalytics(experience) {
+    window.open(`https://app.ninetailed.io/${this.clientId}/${this.environment}/experiences/${experience.id}`, '_blank');
+  }
   get pluginApi() {
     var _b;
     return {
@@ -3350,10 +3285,13 @@ class NinetailedPreviewPlugin extends experience_js.NinetailedPlugin {
       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),
       experienceVariantIndexOverwrites: this.experienceVariantIndexOverwrites,
       reset: this.reset.bind(this),
-      experiences: this.experiences
+      experiences: this.experiences,
+      openExperienceEditor: this.onOpenExperienceEditor ? this.openExperienceEditor.bind(this) : undefined,
+      openExperienceAnalytics: this.openExperienceAnalytics.bind(this)
     };
   }
   get windowApi() {
@@ -3376,7 +3314,7 @@ class NinetailedPreviewPlugin extends experience_js.NinetailedPlugin {
   }
   get potentialAudiences() {
     const audiencesFromExperiences = this.experiences.map(experience => experience.audience).filter(audience => !!audience);
-    return unionBy__default["default"](this.audienceDefinitions, audiencesFromExperiences, 'id');
+    return experience_jsShared.unionBy(this.audienceDefinitions, audiencesFromExperiences, 'id');
   }
   get activeAudiences() {
     var _b;
@@ -3384,15 +3322,9 @@ class NinetailedPreviewPlugin extends experience_js.NinetailedPlugin {
     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));
   }
-  get experienceVariantIndexes() {
-    const profile = this.profile;
-    if (!profile) {
-      return {};
-    }
+  calculateExperienceVariantIndexes(profile) {
     const experiments = this.experiences.filter(experience => experience.type === 'nt_experiment');
-    const activeExperiments = experience_js.selectActiveExperiments(experiments, Object.assign(Object.assign({}, profile), {
-      audiences: this.activeAudiences
-    }));
+    const activeExperiments = experience_js.selectActiveExperiments(experiments, profile);
     const eligibleExperiences = experience_js.selectEligibleExperiences({
       experiences: this.experiences,
       activeExperiments
@@ -3400,22 +3332,34 @@ class NinetailedPreviewPlugin extends experience_js.NinetailedPlugin {
     const matchedExperiences = eligibleExperiences.filter(experience => experience_js.isExperienceMatch({
       experience,
       activeExperiments,
-      profile: Object.assign(Object.assign({}, profile), {
-        audiences: this.activeAudiences
-      })
+      profile
     }));
     return matchedExperiences.reduce((acc, experience) => {
       const distribution = experience_js.selectDistribution({
         experience,
-        profile: Object.assign(Object.assign({}, profile), {
-          audiences: this.activeAudiences
-        })
+        profile
       });
       return Object.assign(Object.assign({}, acc), {
         [experience.id]: distribution.index
       });
     }, {});
   }
+  get apiExperienceVariantIndexes() {
+    const profile = this.profile;
+    if (!profile) {
+      return {};
+    }
+    return this.calculateExperienceVariantIndexes(profile);
+  }
+  get experienceVariantIndexes() {
+    const profile = this.profile;
+    if (!profile) {
+      return {};
+    }
+    return this.calculateExperienceVariantIndexes(Object.assign(Object.assign({}, profile), {
+      audiences: this.activeAudiences
+    }));
+  }
 }
 _a = experience_js.PROFILE_CHANGE;
 

package/index.js

@@ -1,9 +1,5 @@
-import omit from 'lodash/omit';
+import { logger, unionBy } from '@ninetailed/experience.js-shared';
 import { NinetailedPlugin, OnChangeEmitter, selectActiveExperiments, selectEligibleExperiences, isExperienceMatch, selectDistribution, PROFILE_CHANGE } from '@ninetailed/experience.js';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import { useState, useRef, useEffect } from 'react';
-import { v4 } from 'uuid';
-import unionBy from 'lodash/unionBy';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -3001,79 +2997,6 @@ class WidgetContainer {
   }
 }
 
-const PreviewRenderPlugin = ctx => {
-  const PreviewRenderPlugin = props => {
-    const [pluginApi, setPluginApi] = useState(ctx.pluginApi);
-    const {
-      children,
-      setComponentProps,
-      experiences,
-      baseline
-    } = props;
-    const {
-      current: id
-    } = useRef(v4());
-    useEffect(() => {
-      ctx.registerSetPluginApi(id, setPluginApi);
-      return () => {
-        ctx.unregisterSetPluginApi(id);
-      };
-    }, [id]);
-    useEffect(() => {
-      const experienceIds = Object.keys(pluginApi.experienceVariantIndexes);
-      const experience = experiences.find(experience => {
-        const hasActiveAudience = pluginApi.activeAudiences.some(activeAudienceId => {
-          var _a;
-          return ((_a = experience.audience) === null || _a === void 0 ? void 0 : _a.id) === activeAudienceId;
-        });
-        return hasActiveAudience && experienceIds.includes(experience.id);
-      });
-      if (!experience) {
-        setComponentProps(baseline);
-        return;
-      }
-      const baselineComponent = experience.components.find(component => component.baseline.id === baseline.id);
-      if (!baselineComponent) {
-        setComponentProps(baseline);
-        return;
-      }
-      const allVariants = [baseline, ...baselineComponent.variants];
-      const variantIndex = pluginApi.experienceVariantIndexes[experience.id];
-      if (allVariants.length <= variantIndex) {
-        setComponentProps(baseline);
-        return;
-      }
-      const variant = allVariants[variantIndex];
-      if (!variant) {
-        setComponentProps(baseline);
-        return;
-      }
-      setComponentProps(variant);
-    }, [experiences, baseline, setComponentProps, pluginApi.experienceVariantIndexes, pluginApi.activeAudiences]);
-    return jsx(Fragment, {
-      children: children
-    });
-  };
-  return PreviewRenderPlugin;
-};
-
-class PreviewRenderPluginContext {
-  constructor(pluginApi) {
-    this.pluginApi = pluginApi;
-    this.setPluginApiCallbacks = new Map();
-    this.registerSetPluginApi = (id, setPluginApi) => {
-      this.setPluginApiCallbacks.set(id, setPluginApi);
-    };
-    this.unregisterSetPluginApi = id => {
-      this.setPluginApiCallbacks.delete(id);
-    };
-    this.setPluginApi = pluginApi => {
-      this.pluginApi = pluginApi;
-      this.setPluginApiCallbacks.forEach(callback => callback(pluginApi));
-    };
-  }
-}
-
 var _a;
 class NinetailedPreviewPlugin extends NinetailedPlugin {
   constructor(options) {
@@ -3088,8 +3011,9 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
     this.profile = null;
     this.container = null;
     this.bridge = null;
-    this.renderPluginContext = new PreviewRenderPluginContext(this.pluginApi);
     this.onChangeEmitter = new OnChangeEmitter();
+    this.clientId = null;
+    this.environment = null;
     this.initialize = () => __awaiter(this, void 0, void 0, function* () {
       var _b;
       if (typeof window !== 'undefined') {
@@ -3113,9 +3037,6 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
         });
       }
     });
-    this.getRenderWrapper = () => {
-      return this.renderPluginComponent;
-    };
     this.loaded = () => true;
     this[_a] = ({
       payload
@@ -3173,7 +3094,7 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
     };
     this.onChange = () => {
       var _b;
-      console.debug('Ninetailed Preview Plugin onChange pluginApi:', this.pluginApi);
+      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), {
           preview: this.windowApi
@@ -3188,9 +3109,16 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
       this.profile = profile;
       this.onChange();
     };
+    this.setCredentials = ({
+      clientId,
+      environment
+    }) => {
+      this.clientId = clientId;
+      this.environment = environment;
+    };
     this.experiences = options.experiences || [];
     this.audienceDefinitions = options.audiences || [];
-    this.renderPluginComponent = PreviewRenderPlugin(this.renderPluginContext);
+    this.onOpenExperienceEditor = options.onOpenExperienceEditor;
   }
   open() {
     var _b;
@@ -3215,7 +3143,7 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
   }
   activateAudience(id) {
     if (!this.isKnownAudience(id)) {
-      console.log(`You cannot activate an unkown audience (id: ${id}).`);
+      console.log(`You cannot activate an unknown audience (id: ${id}).`);
       return;
     }
     this.audienceOverwrites = Object.assign(Object.assign({}, this.audienceOverwrites), {
@@ -3245,10 +3173,16 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
     //       variantIndex: 0,
     //     });
     //   });
-    this.experienceVariantIndexOverwrites = omit(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));
+    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;
+      }).map(experience => experience.id).includes(key);
+    }).reduce((acc, [key, value]) => {
+      return Object.assign(Object.assign({}, acc), {
+        [key]: value
+      });
+    }, {});
     this.audienceOverwrites = Object.assign(Object.assign({}, this.audienceOverwrites), {
       [id]: false
     });
@@ -3256,7 +3190,7 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
   }
   resetAudience(id) {
     if (!this.isKnownAudience(id)) {
-      console.log(`You cannot reset an unkown audience (id: ${id}). How did you get it in the first place?`);
+      console.log(`You cannot reset an unknown audience (id: ${id}). How did you get it in the first place?`);
       return;
     }
     const _b = this.audienceOverwrites,
@@ -3306,6 +3240,12 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
       window.ninetailed.reset();
     }
   }
+  openExperienceEditor(experience) {
+    if (this.onOpenExperienceEditor && typeof this.onOpenExperienceEditor === 'function') return this.onOpenExperienceEditor(experience);
+  }
+  openExperienceAnalytics(experience) {
+    window.open(`https://app.ninetailed.io/${this.clientId}/${this.environment}/experiences/${experience.id}`, '_blank');
+  }
   get pluginApi() {
     var _b;
     return {
@@ -3323,10 +3263,13 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
       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),
       experienceVariantIndexOverwrites: this.experienceVariantIndexOverwrites,
       reset: this.reset.bind(this),
-      experiences: this.experiences
+      experiences: this.experiences,
+      openExperienceEditor: this.onOpenExperienceEditor ? this.openExperienceEditor.bind(this) : undefined,
+      openExperienceAnalytics: this.openExperienceAnalytics.bind(this)
     };
   }
   get windowApi() {
@@ -3357,15 +3300,9 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
     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));
   }
-  get experienceVariantIndexes() {
-    const profile = this.profile;
-    if (!profile) {
-      return {};
-    }
+  calculateExperienceVariantIndexes(profile) {
     const experiments = this.experiences.filter(experience => experience.type === 'nt_experiment');
-    const activeExperiments = selectActiveExperiments(experiments, Object.assign(Object.assign({}, profile), {
-      audiences: this.activeAudiences
-    }));
+    const activeExperiments = selectActiveExperiments(experiments, profile);
     const eligibleExperiences = selectEligibleExperiences({
       experiences: this.experiences,
       activeExperiments
@@ -3373,22 +3310,34 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
     const matchedExperiences = eligibleExperiences.filter(experience => isExperienceMatch({
       experience,
       activeExperiments,
-      profile: Object.assign(Object.assign({}, profile), {
-        audiences: this.activeAudiences
-      })
+      profile
     }));
     return matchedExperiences.reduce((acc, experience) => {
       const distribution = selectDistribution({
         experience,
-        profile: Object.assign(Object.assign({}, profile), {
-          audiences: this.activeAudiences
-        })
+        profile
       });
       return Object.assign(Object.assign({}, acc), {
         [experience.id]: distribution.index
       });
     }, {});
   }
+  get apiExperienceVariantIndexes() {
+    const profile = this.profile;
+    if (!profile) {
+      return {};
+    }
+    return this.calculateExperienceVariantIndexes(profile);
+  }
+  get experienceVariantIndexes() {
+    const profile = this.profile;
+    if (!profile) {
+      return {};
+    }
+    return this.calculateExperienceVariantIndexes(Object.assign(Object.assign({}, profile), {
+      audiences: this.activeAudiences
+    }));
+  }
 }
 _a = PROFILE_CHANGE;
 

package/lib/plugin/NinetailedPreviewPlugin.d.ts

@@ -1,16 +1,15 @@
 import { Reference } from '@ninetailed/experience.js-shared';
-import { ExperienceConfiguration, PROFILE_CHANGE, NinetailedPlugin, HasExperienceSelectionMiddleware, ExperienceSelectionMiddleware } from '@ninetailed/experience.js';
+import { ExperienceConfiguration, PROFILE_CHANGE, HasExperienceSelectionMiddleware, ExperienceSelectionMiddleware, NinetailedPlugin } from '@ninetailed/experience.js';
 import { Audience } from '@ninetailed/experience.js-utils';
-import { RenderPluginWrapperComponent } from '@ninetailed/experience.js-react';
 export declare const NINETAILED_PREVIEW_EVENTS: {
     previewAudiences: string;
     previewTraits: string;
 };
 type NinetailedPreviewPluginOptions = {
     url?: string;
-    environment?: string;
     experiences: ExperienceConfiguration[];
     audiences: Audience[];
+    onOpenExperienceEditor?: (experience: ExperienceConfiguration) => void;
     ui?: {
         opener?: {
             hide: boolean;
@@ -28,12 +27,12 @@ export declare class NinetailedPreviewPlugin extends NinetailedPlugin implements
     private profile;
     private container;
     private bridge;
-    private renderPluginContext;
-    private renderPluginComponent;
     private onChangeEmitter;
+    private readonly onOpenExperienceEditor;
+    private clientId;
+    private environment;
     constructor(options: NinetailedPreviewPluginOptions);
     initialize: () => Promise<void>;
-    getRenderWrapper: () => RenderPluginWrapperComponent;
     loaded: () => boolean;
     [PROFILE_CHANGE]: ({ payload }: {
         payload: any;
@@ -51,13 +50,18 @@ export declare class NinetailedPreviewPlugin extends NinetailedPlugin implements
     resetExperience(experienceId: string): void;
     reset(): void;
     getExperienceSelectionMiddleware: ExperienceSelectionMiddleware<Reference>;
+    openExperienceEditor(experience: ExperienceConfiguration): void;
+    openExperienceAnalytics(experience: ExperienceConfiguration): void;
     private get pluginApi();
     private get windowApi();
     private isKnownAudience;
     private get potentialAudiences();
     private get activeAudiences();
+    private calculateExperienceVariantIndexes;
+    private get apiExperienceVariantIndexes();
     private get experienceVariantIndexes();
     private onChange;
     private onProfileChange;
+    private setCredentials;
 }
 export {};

package/package.json

@@ -1,20 +1,15 @@
 {
   "name": "@ninetailed/experience.js-plugin-preview",
-  "version": "4.2.0-beta.0",
+  "version": "4.2.0-beta.10",
   "module": "./index.js",
   "main": "./index.cjs",
   "type": "module",
   "types": "./index.d.ts",
   "dependencies": {
-    "lodash": "4.17.21",
-    "@ninetailed/experience.js-shared": "4.2.0-beta.0",
-    "@ninetailed/experience.js": "4.2.0-beta.0",
-    "@ninetailed/experience.js-utils": "4.1.0-beta.3",
-    "@ninetailed/experience.js-react": "4.2.0-beta.0",
-    "@ninetailed/experience.js-preview-bridge": "4.2.0-beta.0",
-    "react": "18.2.0",
-    "uuid": "9.0.0",
-    "ts-toolbelt": "9.6.0"
+    "@ninetailed/experience.js-shared": "4.2.0-beta.10",
+    "@ninetailed/experience.js": "4.2.0-beta.10",
+    "@ninetailed/experience.js-utils": "4.2.0-beta.9",
+    "@ninetailed/experience.js-preview-bridge": "4.2.0-beta.10"
   },
   "peerDependencies": {}
 }

package/lib/plugin/PreviewRenderPlugin.d.ts

@@ -1,5 +0,0 @@
-import { RenderPluginWrapperComponent } from '@ninetailed/experience.js-react';
-import { PreviewRenderPluginContext } from './PreviewRenderPluginContext';
-type PreviewRenderPlugin = (ctx: PreviewRenderPluginContext) => RenderPluginWrapperComponent;
-export declare const PreviewRenderPlugin: PreviewRenderPlugin;
-export {};

package/lib/plugin/PreviewRenderPluginContext.d.ts

@@ -1,9 +0,0 @@
-import { PreviewPluginApi } from '@ninetailed/experience.js-preview-bridge';
-export declare class PreviewRenderPluginContext {
-    pluginApi: PreviewPluginApi;
-    private setPluginApiCallbacks;
-    constructor(pluginApi: PreviewPluginApi);
-    registerSetPluginApi: (id: string, setPluginApi: (luginApi: PreviewPluginApi) => void) => void;
-    unregisterSetPluginApi: (id: string) => void;
-    setPluginApi: (pluginApi: PreviewPluginApi) => void;
-}