@ninetailed/experience.js-plugin-preview 4.1.0-beta.1 → 4.1.0-beta.2

package/index.cjs

@@ -7,6 +7,7 @@ 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 }; }
 
@@ -29,6 +30,7 @@ function _interopNamespace(e) {
 }
 
 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 : {};
 
@@ -3107,6 +3109,7 @@ class NinetailedPreviewPlugin extends experience_js.NinetailedPlugin {
     this.name = 'ninetailed:preview' + Math.random();
     this.isOpen = false;
     this.experiences = [];
+    this.audienceDefinitions = [];
     this.audienceOverwrites = {};
     this.experienceVariantIndexOverwrites = {};
     this.profile = null;
@@ -3213,6 +3216,7 @@ class NinetailedPreviewPlugin extends experience_js.NinetailedPlugin {
       this.onChange();
     };
     this.experiences = options.experiences || [];
+    this.audienceDefinitions = options.audiences || [];
     this.renderPluginComponent = PreviewRenderPlugin(this.renderPluginContext);
   }
   open() {
@@ -3343,6 +3347,7 @@ class NinetailedPreviewPlugin extends experience_js.NinetailedPlugin {
       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),
       experienceVariantIndexes: Object.assign(Object.assign({}, this.experienceVariantIndexes), this.experienceVariantIndexOverwrites),
@@ -3370,7 +3375,8 @@ class NinetailedPreviewPlugin extends experience_js.NinetailedPlugin {
     return this.potentialAudiences.some(audience => audience.id === id);
   }
   get potentialAudiences() {
-    return this.experiences.map(experience => experience.audience).filter(audience => !!audience);
+    const audiencesFromExperiences = this.experiences.map(experience => experience.audience).filter(audience => !!audience);
+    return unionBy__default["default"](this.audienceDefinitions, audiencesFromExperiences, 'id');
   }
   get activeAudiences() {
     var _b;

package/index.js

@@ -3,6 +3,7 @@ import { NinetailedPlugin, OnChangeEmitter, selectActiveExperiments, selectEligi
 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 : {};
 
@@ -3081,6 +3082,7 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
     this.name = 'ninetailed:preview' + Math.random();
     this.isOpen = false;
     this.experiences = [];
+    this.audienceDefinitions = [];
     this.audienceOverwrites = {};
     this.experienceVariantIndexOverwrites = {};
     this.profile = null;
@@ -3187,6 +3189,7 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
       this.onChange();
     };
     this.experiences = options.experiences || [];
+    this.audienceDefinitions = options.audiences || [];
     this.renderPluginComponent = PreviewRenderPlugin(this.renderPluginContext);
   }
   open() {
@@ -3317,6 +3320,7 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
       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),
       experienceVariantIndexes: Object.assign(Object.assign({}, this.experienceVariantIndexes), this.experienceVariantIndexOverwrites),
@@ -3344,7 +3348,8 @@ class NinetailedPreviewPlugin extends NinetailedPlugin {
     return this.potentialAudiences.some(audience => audience.id === id);
   }
   get potentialAudiences() {
-    return this.experiences.map(experience => experience.audience).filter(audience => !!audience);
+    const audiencesFromExperiences = this.experiences.map(experience => experience.audience).filter(audience => !!audience);
+    return unionBy(this.audienceDefinitions, audiencesFromExperiences, 'id');
   }
   get activeAudiences() {
     var _b;

package/lib/plugin/NinetailedPreviewPlugin.d.ts

@@ -1,5 +1,6 @@
 import { Reference } from '@ninetailed/experience.js-shared';
 import { ExperienceConfiguration, PROFILE_CHANGE, NinetailedPlugin, HasExperienceSelectionMiddleware, ExperienceSelectionMiddleware } 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;
@@ -9,6 +10,7 @@ type NinetailedPreviewPluginOptions = {
     url?: string;
     environment?: string;
     experiences: ExperienceConfiguration[];
+    audiences: Audience[];
     ui?: {
         opener?: {
             hide: boolean;
@@ -20,6 +22,7 @@ export declare class NinetailedPreviewPlugin extends NinetailedPlugin implements
     name: string;
     private isOpen;
     private readonly experiences;
+    private readonly audienceDefinitions;
     private audienceOverwrites;
     private experienceVariantIndexOverwrites;
     private profile;

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@ninetailed/experience.js-plugin-preview",
-  "version": "4.1.0-beta.1",
+  "version": "4.1.0-beta.2",
   "module": "./index.js",
   "main": "./index.cjs",
   "type": "module",
   "types": "./index.d.ts",
   "dependencies": {
     "lodash": "4.17.21",
-    "@ninetailed/experience.js-shared": "4.1.0-beta.1",
-    "@ninetailed/experience.js": "4.1.0-beta.1",
-    "@ninetailed/experience.js-utils": "4.0.0-beta.14",
-    "@ninetailed/experience.js-react": "4.1.0-beta.1",
-    "@ninetailed/experience.js-preview-bridge": "4.1.0-beta.1",
+    "@ninetailed/experience.js-shared": "4.1.0-beta.2",
+    "@ninetailed/experience.js": "4.1.0-beta.2",
+    "@ninetailed/experience.js-utils": "4.1.0-beta.1",
+    "@ninetailed/experience.js-react": "4.1.0-beta.2",
+    "@ninetailed/experience.js-preview-bridge": "4.1.0-beta.2",
     "react": "18.2.0",
     "uuid": "9.0.0",
     "ts-toolbelt": "9.6.0"