@ninetailed/experience.js 4.3.0-beta.6 → 4.4.0-beta.2

package/index.js

@@ -3,9 +3,8 @@ export { EXPERIENCE_TRAIT_PREFIX, isExperienceMatch, selectActiveExperiments, se
 import Analytics from 'analytics';
 import { z } from 'zod';
 
+const HAS_SEEN_EXPERIENCE = 'has_seen_experience';
 const HAS_SEEN_COMPONENT = 'has_seen_component';
-const HAS_SEEN_ELEMENT = 'has_seen_element';
-const PAGE_HIDDEN = 'page_hidden';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -603,9 +602,9 @@ var inspectSource$3 = store$1.inspectSource;
 var global$d = global$k;
 var isCallable$d = isCallable$k;
 
-var WeakMap$2 = global$d.WeakMap;
+var WeakMap$1 = global$d.WeakMap;
 
-var weakMapBasicDetection = isCallable$d(WeakMap$2) && /native code/.test(String(WeakMap$2));
+var weakMapBasicDetection = isCallable$d(WeakMap$1) && /native code/.test(String(WeakMap$1));
 
 var shared$1 = shared$3.exports;
 var uid = uid$2;
@@ -629,7 +628,7 @@ var hiddenKeys$3 = hiddenKeys$4;
 
 var OBJECT_ALREADY_INITIALIZED = 'Object already initialized';
 var TypeError$2 = global$c.TypeError;
-var WeakMap$1 = global$c.WeakMap;
+var WeakMap = global$c.WeakMap;
 var set$1, get, has;
 
 var enforce = function (it) {
@@ -646,7 +645,7 @@ var getterFor = function (TYPE) {
 };
 
 if (NATIVE_WEAK_MAP || shared.state) {
-  var store = shared.state || (shared.state = new WeakMap$1());
+  var store = shared.state || (shared.state = new WeakMap());
   /* eslint-disable no-self-assign -- prototype methods protection */
   store.get = store.get;
   store.has = store.has;
@@ -2518,18 +2517,6 @@ 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) {
@@ -2848,115 +2835,6 @@ if (NOT_GENERIC || INCORRECT_NAME) {
   }, { unsafe: true });
 }
 
-var classof = classofRaw$2;
-
-// `IsArray` abstract operation
-// https://tc39.es/ecma262/#sec-isarray
-// eslint-disable-next-line es/no-array-isarray -- safe
-var isArray$2 = Array.isArray || function isArray(argument) {
-  return classof(argument) == 'Array';
-};
-
-var $TypeError$1 = TypeError;
-var MAX_SAFE_INTEGER = 0x1FFFFFFFFFFFFF; // 2 ** 53 - 1 == 9007199254740991
-
-var doesNotExceedSafeInteger$1 = function (it) {
-  if (it > MAX_SAFE_INTEGER) throw $TypeError$1('Maximum allowed index exceeded');
-  return it;
-};
-
-var isArray$1 = isArray$2;
-var lengthOfArrayLike$2 = lengthOfArrayLike$5;
-var doesNotExceedSafeInteger = doesNotExceedSafeInteger$1;
-var bind = functionBindContext;
-
-// `FlattenIntoArray` abstract operation
-// https://tc39.github.io/proposal-flatMap/#sec-FlattenIntoArray
-var flattenIntoArray$1 = function (target, original, source, sourceLen, start, depth, mapper, thisArg) {
-  var targetIndex = start;
-  var sourceIndex = 0;
-  var mapFn = mapper ? bind(mapper, thisArg) : false;
-  var element, elementLen;
-
-  while (sourceIndex < sourceLen) {
-    if (sourceIndex in source) {
-      element = mapFn ? mapFn(source[sourceIndex], sourceIndex, original) : source[sourceIndex];
-
-      if (depth > 0 && isArray$1(element)) {
-        elementLen = lengthOfArrayLike$2(element);
-        targetIndex = flattenIntoArray$1(target, original, element, elementLen, targetIndex, depth - 1) - 1;
-      } else {
-        doesNotExceedSafeInteger(targetIndex + 1);
-        target[targetIndex] = element;
-      }
-
-      targetIndex++;
-    }
-    sourceIndex++;
-  }
-  return targetIndex;
-};
-
-var flattenIntoArray_1 = flattenIntoArray$1;
-
-var isArray = isArray$2;
-var isConstructor = isConstructor$2;
-var isObject$1 = isObject$a;
-var wellKnownSymbol$3 = wellKnownSymbol$h;
-
-var SPECIES = wellKnownSymbol$3('species');
-var $Array = Array;
-
-// a part of `ArraySpeciesCreate` abstract operation
-// https://tc39.es/ecma262/#sec-arrayspeciescreate
-var arraySpeciesConstructor$1 = function (originalArray) {
-  var C;
-  if (isArray(originalArray)) {
-    C = originalArray.constructor;
-    // cross-realm fallback
-    if (isConstructor(C) && (C === $Array || isArray(C.prototype))) C = undefined;
-    else if (isObject$1(C)) {
-      C = C[SPECIES];
-      if (C === null) C = undefined;
-    }
-  } return C === undefined ? $Array : C;
-};
-
-var arraySpeciesConstructor = arraySpeciesConstructor$1;
-
-// `ArraySpeciesCreate` abstract operation
-// https://tc39.es/ecma262/#sec-arrayspeciescreate
-var arraySpeciesCreate$1 = function (originalArray, length) {
-  return new (arraySpeciesConstructor(originalArray))(length === 0 ? 0 : length);
-};
-
-var $$3 = _export;
-var flattenIntoArray = flattenIntoArray_1;
-var toObject$2 = toObject$5;
-var lengthOfArrayLike$1 = lengthOfArrayLike$5;
-var toIntegerOrInfinity = toIntegerOrInfinity$3;
-var arraySpeciesCreate = arraySpeciesCreate$1;
-
-// `Array.prototype.flat` method
-// https://tc39.es/ecma262/#sec-array.prototype.flat
-$$3({ target: 'Array', proto: true }, {
-  flat: function flat(/* depthArg = 1 */) {
-    var depthArg = arguments.length ? arguments[0] : undefined;
-    var O = toObject$2(this);
-    var sourceLen = lengthOfArrayLike$1(O);
-    var A = arraySpeciesCreate(O, 0);
-    A.length = flattenIntoArray(A, O, O, sourceLen, 0, depthArg === undefined ? 1 : toIntegerOrInfinity(depthArg));
-    return A;
-  }
-});
-
-// this method was added to unscopables after implementation
-// in popular engines, so it's moved to a separate module
-var addToUnscopables$1 = addToUnscopables$3;
-
-// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
-addToUnscopables$1('flat');
-
 var fails$3 = fails$h;
 
 var correctPrototypeGetter = !fails$3(function () {
@@ -2968,7 +2846,7 @@ var correctPrototypeGetter = !fails$3(function () {
 
 var hasOwn = hasOwnProperty_1;
 var isCallable$2 = isCallable$k;
-var toObject$1 = toObject$5;
+var toObject$2 = toObject$5;
 var sharedKey = sharedKey$3;
 var CORRECT_PROTOTYPE_GETTER = correctPrototypeGetter;
 
@@ -2980,7 +2858,7 @@ var ObjectPrototype = $Object.prototype;
 // https://tc39.es/ecma262/#sec-object.getprototypeof
 // eslint-disable-next-line es/no-object-getprototypeof -- safe
 var objectGetPrototypeOf = CORRECT_PROTOTYPE_GETTER ? $Object.getPrototypeOf : function (O) {
-  var object = toObject$1(O);
+  var object = toObject$2(O);
   if (hasOwn(object, IE_PROTO)) return object[IE_PROTO];
   var constructor = object.constructor;
   if (isCallable$2(constructor) && object instanceof constructor) {
@@ -2990,12 +2868,12 @@ var objectGetPrototypeOf = CORRECT_PROTOTYPE_GETTER ? $Object.getPrototypeOf : f
 
 var fails$2 = fails$h;
 var isCallable$1 = isCallable$k;
-var isObject = isObject$a;
+var isObject$1 = isObject$a;
 var getPrototypeOf$1 = objectGetPrototypeOf;
 var defineBuiltIn$1 = defineBuiltIn$6;
-var wellKnownSymbol$2 = wellKnownSymbol$h;
+var wellKnownSymbol$3 = wellKnownSymbol$h;
 
-var ITERATOR$3 = wellKnownSymbol$2('iterator');
+var ITERATOR$3 = wellKnownSymbol$3('iterator');
 var BUGGY_SAFARI_ITERATORS$1 = false;
 
 // `%IteratorPrototype%` object
@@ -3013,7 +2891,7 @@ if ([].keys) {
   }
 }
 
-var NEW_ITERATOR_PROTOTYPE = !isObject(IteratorPrototype$2) || fails$2(function () {
+var NEW_ITERATOR_PROTOTYPE = !isObject$1(IteratorPrototype$2) || fails$2(function () {
   var test = {};
   // FF44- legacy iterators case
   return IteratorPrototype$2[ITERATOR$3].call(test) !== test;
@@ -3050,7 +2928,7 @@ var iteratorCreateConstructor = function (IteratorConstructor, NAME, next, ENUME
   return IteratorConstructor;
 };
 
-var $$2 = _export;
+var $$3 = _export;
 var call = functionCall;
 var FunctionName = functionName;
 var isCallable = isCallable$k;
@@ -3060,7 +2938,7 @@ var setPrototypeOf = objectSetPrototypeOf;
 var setToStringTag = setToStringTag$3;
 var createNonEnumerableProperty$1 = createNonEnumerableProperty$4;
 var defineBuiltIn = defineBuiltIn$6;
-var wellKnownSymbol$1 = wellKnownSymbol$h;
+var wellKnownSymbol$2 = wellKnownSymbol$h;
 var Iterators$1 = iterators;
 var IteratorsCore = iteratorsCore;
 
@@ -3068,7 +2946,7 @@ var PROPER_FUNCTION_NAME = FunctionName.PROPER;
 var CONFIGURABLE_FUNCTION_NAME = FunctionName.CONFIGURABLE;
 var IteratorPrototype = IteratorsCore.IteratorPrototype;
 var BUGGY_SAFARI_ITERATORS = IteratorsCore.BUGGY_SAFARI_ITERATORS;
-var ITERATOR$2 = wellKnownSymbol$1('iterator');
+var ITERATOR$2 = wellKnownSymbol$2('iterator');
 var KEYS = 'keys';
 var VALUES = 'values';
 var ENTRIES = 'entries';
@@ -3135,7 +3013,7 @@ var iteratorDefine = function (Iterable, NAME, IteratorConstructor, next, DEFAUL
       if (BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME || !(KEY in IterablePrototype)) {
         defineBuiltIn(IterablePrototype, KEY, methods[KEY]);
       }
-    } else $$2({ target: NAME, proto: true, forced: BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME }, methods);
+    } else $$3({ target: NAME, proto: true, forced: BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME }, methods);
   }
 
   // define iterator
@@ -3154,7 +3032,7 @@ var createIterResultObject$1 = function (value, done) {
 };
 
 var toIndexedObject = toIndexedObject$5;
-var addToUnscopables = addToUnscopables$3;
+var addToUnscopables$1 = addToUnscopables$3;
 var Iterators = iterators;
 var InternalStateModule = internalState;
 var defineProperty = objectDefineProperty.f;
@@ -3205,9 +3083,9 @@ var es_array_iterator = defineIterator(Array, 'Array', function (iterated, kind)
 var values = Iterators.Arguments = Iterators.Array;
 
 // https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
-addToUnscopables('keys');
-addToUnscopables('values');
-addToUnscopables('entries');
+addToUnscopables$1('keys');
+addToUnscopables$1('values');
+addToUnscopables$1('entries');
 
 // V8 ~ Chrome 45- bug
 if (DESCRIPTORS && values.name !== 'values') try {
@@ -3263,10 +3141,10 @@ var DOMIterables = domIterables;
 var DOMTokenListPrototype = domTokenListPrototype;
 var ArrayIteratorMethods = es_array_iterator;
 var createNonEnumerableProperty = createNonEnumerableProperty$4;
-var wellKnownSymbol = wellKnownSymbol$h;
+var wellKnownSymbol$1 = wellKnownSymbol$h;
 
-var ITERATOR$1 = wellKnownSymbol('iterator');
-var TO_STRING_TAG = wellKnownSymbol('toStringTag');
+var ITERATOR$1 = wellKnownSymbol$1('iterator');
+var TO_STRING_TAG = wellKnownSymbol$1('toStringTag');
 var ArrayValues = ArrayIteratorMethods.values;
 
 var handlePrototype = function (CollectionPrototype, COLLECTION_NAME) {
@@ -3297,54 +3175,115 @@ for (var COLLECTION_NAME in DOMIterables) {
 
 handlePrototype(DOMTokenListPrototype, 'DOMTokenList');
 
-class ElementSeenObserver {
-  constructor(_options) {
-    this._options = _options;
-    this._elementDelays = new WeakMap();
-    this._intersectionTimers = new WeakMap();
-    if (typeof IntersectionObserver !== 'undefined') {
-      this._intersectionObserver = new IntersectionObserver(this.onIntersection.bind(this));
-    }
-  }
-  onIntersection(entries) {
-    entries.forEach(entry => {
-      const {
-        isIntersecting,
-        target
-      } = entry;
-      if (isIntersecting) {
-        const delay = this._elementDelays.get(target);
-        const timeOut = window.setTimeout(() => {
-          this._options.onElementSeen(target);
-        }, delay);
-        this._intersectionTimers.set(target, timeOut);
+var classof = classofRaw$2;
+
+// `IsArray` abstract operation
+// https://tc39.es/ecma262/#sec-isarray
+// eslint-disable-next-line es/no-array-isarray -- safe
+var isArray$2 = Array.isArray || function isArray(argument) {
+  return classof(argument) == 'Array';
+};
+
+var $TypeError$1 = TypeError;
+var MAX_SAFE_INTEGER = 0x1FFFFFFFFFFFFF; // 2 ** 53 - 1 == 9007199254740991
+
+var doesNotExceedSafeInteger$1 = function (it) {
+  if (it > MAX_SAFE_INTEGER) throw $TypeError$1('Maximum allowed index exceeded');
+  return it;
+};
+
+var isArray$1 = isArray$2;
+var lengthOfArrayLike$2 = lengthOfArrayLike$5;
+var doesNotExceedSafeInteger = doesNotExceedSafeInteger$1;
+var bind = functionBindContext;
+
+// `FlattenIntoArray` abstract operation
+// https://tc39.github.io/proposal-flatMap/#sec-FlattenIntoArray
+var flattenIntoArray$1 = function (target, original, source, sourceLen, start, depth, mapper, thisArg) {
+  var targetIndex = start;
+  var sourceIndex = 0;
+  var mapFn = mapper ? bind(mapper, thisArg) : false;
+  var element, elementLen;
+
+  while (sourceIndex < sourceLen) {
+    if (sourceIndex in source) {
+      element = mapFn ? mapFn(source[sourceIndex], sourceIndex, original) : source[sourceIndex];
+
+      if (depth > 0 && isArray$1(element)) {
+        elementLen = lengthOfArrayLike$2(element);
+        targetIndex = flattenIntoArray$1(target, original, element, elementLen, targetIndex, depth - 1) - 1;
       } else {
-        const timeOut = this._intersectionTimers.get(target);
-        if (typeof timeOut !== 'undefined') {
-          window.clearTimeout(timeOut);
-        }
+        doesNotExceedSafeInteger(targetIndex + 1);
+        target[targetIndex] = element;
       }
-    });
-  }
-  observe(element, options) {
-    var _a, _b;
-    this._elementDelays.set(element, (_a = options === null || options === void 0 ? void 0 : options.delay) !== null && _a !== void 0 ? _a : 2000);
-    (_b = this._intersectionObserver) === null || _b === void 0 ? void 0 : _b.observe(element);
-  }
-  unobserve(element) {
-    var _a;
-    (_a = this._intersectionObserver) === null || _a === void 0 ? void 0 : _a.unobserve(element);
+
+      targetIndex++;
+    }
+    sourceIndex++;
   }
-}
+  return targetIndex;
+};
+
+var flattenIntoArray_1 = flattenIntoArray$1;
 
-const acceptsCredentials = plugin => {
-  return typeof plugin === 'object' && plugin !== null && 'setCredentials' in plugin && typeof plugin.setCredentials === 'function';
+var isArray = isArray$2;
+var isConstructor = isConstructor$2;
+var isObject = isObject$a;
+var wellKnownSymbol = wellKnownSymbol$h;
+
+var SPECIES = wellKnownSymbol('species');
+var $Array = Array;
+
+// a part of `ArraySpeciesCreate` abstract operation
+// https://tc39.es/ecma262/#sec-arrayspeciescreate
+var arraySpeciesConstructor$1 = function (originalArray) {
+  var C;
+  if (isArray(originalArray)) {
+    C = originalArray.constructor;
+    // cross-realm fallback
+    if (isConstructor(C) && (C === $Array || isArray(C.prototype))) C = undefined;
+    else if (isObject(C)) {
+      C = C[SPECIES];
+      if (C === null) C = undefined;
+    }
+  } return C === undefined ? $Array : C;
 };
 
-const isInterestedInHiddenPage = arg => {
-  return typeof arg === 'object' && arg !== null && PAGE_HIDDEN in arg && typeof arg[PAGE_HIDDEN] === 'function';
+var arraySpeciesConstructor = arraySpeciesConstructor$1;
+
+// `ArraySpeciesCreate` abstract operation
+// https://tc39.es/ecma262/#sec-arrayspeciescreate
+var arraySpeciesCreate$1 = function (originalArray, length) {
+  return new (arraySpeciesConstructor(originalArray))(length === 0 ? 0 : length);
 };
 
+var $$2 = _export;
+var flattenIntoArray = flattenIntoArray_1;
+var toObject$1 = toObject$5;
+var lengthOfArrayLike$1 = lengthOfArrayLike$5;
+var toIntegerOrInfinity = toIntegerOrInfinity$3;
+var arraySpeciesCreate = arraySpeciesCreate$1;
+
+// `Array.prototype.flat` method
+// https://tc39.es/ecma262/#sec-array.prototype.flat
+$$2({ target: 'Array', proto: true }, {
+  flat: function flat(/* depthArg = 1 */) {
+    var depthArg = arguments.length ? arguments[0] : undefined;
+    var O = toObject$1(this);
+    var sourceLen = lengthOfArrayLike$1(O);
+    var A = arraySpeciesCreate(O, 0);
+    A.length = flattenIntoArray(A, O, O, sourceLen, 0, depthArg === undefined ? 1 : toIntegerOrInfinity(depthArg));
+    return A;
+  }
+});
+
+// this method was added to unscopables after implementation
+// in popular engines, so it's moved to a separate module
+var addToUnscopables = addToUnscopables$3;
+
+// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
+addToUnscopables('flat');
+
 class Ninetailed {
   constructor(ninetailedApiClientInstanceOrOptions, {
     plugins,
@@ -3353,8 +3292,7 @@ class Ninetailed {
     locale,
     requestTimeout,
     onLog,
-    onError,
-    componentViewTrackingThreshold = 2000
+    onError
   } = {}) {
     this.isInitialized = false;
     this.page = (data, options) => __awaiter(this, void 0, void 0, function* () {
@@ -3391,48 +3329,16 @@ class Ninetailed {
         throw error;
       }
     });
-    /**
-     * @deprecated The legacy datamodel is not recommended anymore
-     * Will be removed in version 5 of the SDK
-     */
     this.trackHasSeenComponent = properties => __awaiter(this, void 0, void 0, function* () {
       return this.instance.dispatch(Object.assign(Object.assign({}, properties), {
         type: HAS_SEEN_COMPONENT
       }));
     });
-    /**
-     * @deprecated Use the Ninetailed provided observers instead
-     * Will be removed in version 5 of the SDK
-     */
     this.trackHasSeenExperience = properties => {
       return this.instance.dispatch(Object.assign(Object.assign({}, properties), {
-        type: HAS_SEEN_ELEMENT
+        type: HAS_SEEN_EXPERIENCE
       }));
     };
-    this.observeElement = (payload, options) => {
-      const {
-          element
-        } = payload,
-        remaingPayload = __rest(payload, ["element"]);
-      this.observedElements.set(element, remaingPayload);
-      this.elementSeenObserver.observe(element, Object.assign({
-        delay: this.componentViewTrackingThreshold
-      }, options));
-    };
-    this.unobserveElement = element => {
-      this.observedElements.delete(element);
-      this.elementSeenObserver.unobserve(element);
-    };
-    this.onElementSeen = element => {
-      const payload = this.observedElements.get(element);
-      if (typeof payload !== 'undefined') {
-        this.instance.dispatch(Object.assign(Object.assign({
-          element
-        }, payload), {
-          type: HAS_SEEN_ELEMENT
-        }));
-      }
-    };
     this.identify = (uid, traits, options) => __awaiter(this, void 0, void 0, function* () {
       try {
         const result = Traits.default({}).safeParse(traits);
@@ -3500,18 +3406,6 @@ class Ninetailed {
         this.onIsInitialized(resolve);
       });
     };
-    this.onVisibilityChange = () => {
-      if (typeof document === 'undefined') {
-        return;
-      }
-      document.addEventListener('visibilitychange', () => {
-        if (document.visibilityState === 'hidden') {
-          this.instance.dispatch({
-            type: PAGE_HIDDEN
-          });
-        }
-      });
-    };
     if (ninetailedApiClientInstanceOrOptions instanceof NinetailedApiClient) {
       this.apiClient = ninetailedApiClientInstanceOrOptions;
     } else {
@@ -3529,15 +3423,15 @@ class Ninetailed {
         preview
       });
     }
-    this.plugins = (plugins !== null && plugins !== void 0 ? plugins : []).flat();
-    this.plugins.forEach(plugin => {
-      if (acceptsCredentials(plugin) && this.clientId && this.environment) {
-        plugin.setCredentials({
+    this.plugins = [...(plugins || []).map(plugin => {
+      if ('setCredentials' in plugin && typeof plugin['setCredentials'] === 'function') {
+        plugin['setCredentials']({
           clientId: this.clientId,
           environment: this.environment
         });
       }
-    });
+      return plugin;
+    }).flat()];
     if (profile) {
       this._profileState = {
         status: 'success',
@@ -3585,15 +3479,6 @@ class Ninetailed {
         });
       }
     });
-    this.observedElements = new WeakMap();
-    this.elementSeenObserver = new ElementSeenObserver({
-      onElementSeen: this.onElementSeen.bind(this)
-    });
-    this.componentViewTrackingThreshold = componentViewTrackingThreshold;
-    const hasPluginsInterestedInHiddenPage = this.plugins.some(isInterestedInHiddenPage);
-    if (hasPluginsInterestedInHiddenPage) {
-      this.onVisibilityChange();
-    }
     this.registerWindowHandlers();
   }
   get profileState() {
@@ -3706,41 +3591,39 @@ const selectVariant = (baseline, variants, {
   };
 };
 
-const TrackComponentProperties = z.object({
-  variant: z.object({
-    id: z.string()
-  }),
-  audience: z.object({
-    id: z.string()
-  }),
-  isPersonalized: z.boolean()
-});
-
-class NinetailedPlugin {}
-
-const ElementSeenPayloadSchema = z.object({
-  element: z.any(),
+const TrackExperienceProperties = z.object({
   experience: z.object({
     id: z.string(),
     type: z.union([z.literal('nt_experiment'), z.literal('nt_personalization')]),
-    name: z.string().optional(),
+    name: z.string(),
     description: z.string().optional()
-  }).optional().nullable(),
+  }),
   audience: z.object({
     id: z.string(),
     name: z.string().optional(),
     description: z.string().optional()
-  }).optional().nullable().default({
+  }).optional().default({
     id: 'ALL_VISITORS',
     name: 'All Visitors',
     description: 'This is the default all visitors audience as no audience was set.'
   }),
-  variant: z.object({
+  selectedVariant: z.object({
     id: z.string()
   }).catchall(z.unknown()),
-  variantIndex: z.number()
+  selectedVariantIndex: z.number()
+});
+const TrackComponentProperties = z.object({
+  variant: z.object({
+    id: z.string()
+  }),
+  audience: z.object({
+    id: z.string()
+  }),
+  isPersonalized: z.boolean()
 });
 
+class NinetailedPlugin {}
+
 var aCallable = aCallable$8;
 var toObject = toObject$5;
 var IndexedObject = indexedObject;
@@ -3947,13 +3830,11 @@ const selectPluginsHavingExperienceSelectionMiddleware = plugins => {
 const createPassThroughMiddleware = () => {
   return ({
     experience,
-    variant,
-    variantIndex
+    variant
   }) => {
     return {
       experience,
-      variant,
-      variantIndex
+      variant
     };
   };
 };
@@ -3996,4 +3877,4 @@ const makeExperienceSelectMiddleware = ({
   };
 };
 
-export { ANONYMOUS_ID, CONSENT, DEBUG_FLAG, EMPTY_MERGE_ID, ElementSeenPayloadSchema, HAS_SEEN_COMPONENT, HAS_SEEN_ELEMENT, LEGACY_ANONYMOUS_ID, Ninetailed, NinetailedPlugin, OnChangeEmitter, PAGE_HIDDEN, PLUGIN_NAME, PROFILE_CHANGE, PROFILE_FALLBACK_CACHE, PROFILE_RESET, SET_ENABLED_FEATURES, TrackComponentProperties, buildClientNinetailedRequestContext, decodeExperienceVariantsMap, makeExperienceSelectMiddleware, ninetailedPlugin, selectPluginsHavingExperienceSelectionMiddleware, selectPluginsHavingOnChangeEmitter, selectVariant };
+export { ANONYMOUS_ID, CONSENT, DEBUG_FLAG, EMPTY_MERGE_ID, HAS_SEEN_COMPONENT, HAS_SEEN_EXPERIENCE, LEGACY_ANONYMOUS_ID, Ninetailed, NinetailedPlugin, OnChangeEmitter, PLUGIN_NAME, PROFILE_CHANGE, PROFILE_FALLBACK_CACHE, PROFILE_RESET, SET_ENABLED_FEATURES, TrackComponentProperties, TrackExperienceProperties, decodeExperienceVariantsMap, makeExperienceSelectMiddleware, ninetailedPlugin, selectPluginsHavingExperienceSelectionMiddleware, selectPluginsHavingOnChangeEmitter, selectVariant };

package/lib/Ninetailed.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="analytics" />
 import { Locale, Traits, Profile, OnLogHandler, OnErrorHandler, Logger, PageviewProperties, Properties, NinetailedApiClient, NinetailedApiClientOptions } from '@ninetailed/experience.js-shared';
-import { EventFunctionOptions, NinetailedInstance, NinetailedPlugin, OnIsInitializedCallback, OnProfileChangeCallback, ProfileState, TrackHasSeenComponent, TrackHasSeenExperience, ElementSeenPayload } from './types';
-import { ObserveOptions } from './ElementSeenObserver';
+import { EventFunctionOptions, NinetailedInstance, NinetailedPlugin, OnIsInitializedCallback, OnProfileChangeCallback, ProfileState, TrackHasSeenComponent, TrackHasSeenExperience } from './types';
 declare global {
     interface Window {
         ninetailed?: {
@@ -20,7 +19,6 @@ type Options = {
     requestTimeout?: number;
     onLog?: OnLogHandler;
     onError?: OnErrorHandler;
-    componentViewTrackingThreshold?: number;
 };
 type NinetailedApiClientInstanceOrOptions = NinetailedApiClient | NinetailedApiClientOptions;
 export declare class Ninetailed implements NinetailedInstance {
@@ -29,29 +27,15 @@ export declare class Ninetailed implements NinetailedInstance {
     private isInitialized;
     private readonly apiClient;
     private readonly eventQueue;
-    private readonly elementSeenObserver;
-    private readonly observedElements;
     private readonly clientId;
     private readonly environment;
     readonly plugins: NinetailedPlugin[];
     readonly logger: Logger;
-    private readonly componentViewTrackingThreshold;
-    constructor(ninetailedApiClientInstanceOrOptions: NinetailedApiClientInstanceOrOptions, { plugins, url, profile, locale, requestTimeout, onLog, onError, componentViewTrackingThreshold, }?: Options);
+    constructor(ninetailedApiClientInstanceOrOptions: NinetailedApiClientInstanceOrOptions, { plugins, url, profile, locale, requestTimeout, onLog, onError, }?: Options);
     page: (data?: Partial<PageviewProperties>, options?: EventFunctionOptions) => Promise<import("./types").FlushResult>;
     track: (event: string, properties?: Properties, options?: EventFunctionOptions) => Promise<import("./types").FlushResult>;
-    /**
-     * @deprecated The legacy datamodel is not recommended anymore
-     * Will be removed in version 5 of the SDK
-     */
     trackHasSeenComponent: TrackHasSeenComponent;
-    /**
-     * @deprecated Use the Ninetailed provided observers instead
-     * Will be removed in version 5 of the SDK
-     */
     trackHasSeenExperience: TrackHasSeenExperience;
-    observeElement: (payload: ElementSeenPayload, options?: ObserveOptions) => void;
-    unobserveElement: (element: Element) => void;
-    private onElementSeen;
     identify: (uid: string, traits?: Traits, options?: EventFunctionOptions) => Promise<import("./types").FlushResult>;
     reset: () => Promise<void>;
     debug: (enabled: boolean) => Promise<void>;
@@ -61,6 +45,5 @@ export declare class Ninetailed implements NinetailedInstance {
     get profileState(): ProfileState;
     private buildOptions;
     private registerWindowHandlers;
-    private onVisibilityChange;
 }
 export {};