@ninetailed/experience.js-react 7.18.12-alpha.3 → 7.18.13

package/index.cjs.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var experience_js = require('@ninetailed/experience.js');
@@ -9,10 +7,6 @@ var experience_jsShared = require('@ninetailed/experience.js-shared');
 var radash = require('radash');
 var reactIs = require('react-is');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const NinetailedContext = /*#__PURE__*/React.createContext(undefined);
 
 const NinetailedProvider = props => {
@@ -86,6 +80,8 @@ 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.
 ***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
+
 
 function __rest(s, e) {
     var t = {};
@@ -97,11 +93,19 @@ function __rest(s, e) {
                 t[p[i]] = s[p[i]];
         }
     return t;
-}
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
 
 function formatProfileForHook(profile) {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  const profileStateWithoutExperiences = __rest(profile, ["experiences"]);
+  const {
+      experiences: _
+    } = profile,
+    profileStateWithoutExperiences = __rest(profile, ["experiences"]);
   return Object.assign(Object.assign({}, profileStateWithoutExperiences), {
     loading: profile.status === 'loading'
   });
@@ -633,7 +637,7 @@ const Experience = _a => {
   });
 };
 
-const ESRContext = /*#__PURE__*/React__default["default"].createContext(undefined);
+const ESRContext = /*#__PURE__*/React.createContext(undefined);
 const ESRProvider = ({
   experienceVariantsMap,
   children
@@ -647,7 +651,7 @@ const ESRProvider = ({
   }));
 };
 const useESR = () => {
-  const context = React__default["default"].useContext(ESRContext);
+  const context = React.useContext(ESRContext);
   if (context === undefined) {
     throw new Error('The component using the the context must be a descendant of the ESRProvider');
   }

package/index.esm.d.ts

@@ -0,0 +1 @@
+export * from "./src/index";

package/index.esm.js

@@ -1,6 +1,6 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React, { createContext, useMemo, useContext, useState, useRef, useEffect, useCallback, createElement, forwardRef } from 'react';
 import { Ninetailed, selectVariant, selectHasExperienceVariants } from '@ninetailed/experience.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { logger, ChangeTypes, isBrowser, circularJsonStringify } from '@ninetailed/experience.js-shared';
 import { isEqual, get } from 'radash';
 import { isForwardRef } from 'react-is';
@@ -49,10 +49,11 @@ const NinetailedProvider = props => {
   const {
     children
   } = props;
-  return /*#__PURE__*/jsx(NinetailedContext.Provider, {
-    value: ninetailed,
+  return jsx(NinetailedContext.Provider, Object.assign({
+    value: ninetailed
+  }, {
     children: children
-  });
+  }));
 };
 
 const useNinetailed = () => {
@@ -63,43 +64,64 @@ const useNinetailed = () => {
   return ninetailed;
 };
 
-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;
-}
+/******************************************************************************
+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.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
+
+
+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;
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
 
-const _excluded$4 = ["experiences"];
 function formatProfileForHook(profile) {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  const profileStateWithoutExperiences = _objectWithoutPropertiesLoose(profile, _excluded$4);
-  return Object.assign({}, profileStateWithoutExperiences, {
+  const {
+      experiences: _
+    } = profile,
+    profileStateWithoutExperiences = __rest(profile, ["experiences"]);
+  return Object.assign(Object.assign({}, profileStateWithoutExperiences), {
     loading: profile.status === 'loading'
   });
 }
-
-/**
- * Custom hook that provides access to the Ninetailed profile state
- * with the 'experiences' property removed to prevent unnecessary re-renders.
- *
- * This hook handles profile state changes efficiently by:
- * 1. Only updating state when actual changes occur
- * 2. Removing the large 'experiences' object from the state
- * 3. Properly cleaning up subscriptions when components unmount
- *
- * @returns The profile state without the 'experiences' property
+/**
+ * Custom hook that provides access to the Ninetailed profile state
+ * with the 'experiences' property removed to prevent unnecessary re-renders.
+ *
+ * This hook handles profile state changes efficiently by:
+ * 1. Only updating state when actual changes occur
+ * 2. Removing the large 'experiences' object from the state
+ * 3. Properly cleaning up subscriptions when components unmount
+ *
+ * @returns The profile state without the 'experiences' property
  */
 const useProfile = () => {
   const ninetailed = useNinetailed();
   const [strippedProfileState, setStrippedProfileState] = useState(formatProfileForHook(ninetailed.profileState));
-
   // Reference to track the previous profile state for comparison
   const profileStateRef = useRef(ninetailed.profileState);
   useEffect(() => {
@@ -114,7 +136,6 @@ const useProfile = () => {
       logger.debug('Profile State Changed', changedProfileState);
       setStrippedProfileState(formatProfileForHook(changedProfileState));
     });
-
     // Clean up subscription when component unmounts
     return () => {
       if (typeof unsubscribe === 'function') {
@@ -133,8 +154,8 @@ const usePersonalize = (baseline, variants, options = {
   return selectVariant(baseline, variants, profile, options);
 };
 
-/**
- * Hook to access a Ninetailed variable flag with manual tracking control.
+/**
+ * Hook to access a Ninetailed variable flag with manual tracking control.
  */
 function useFlagWithManualTracking(flagKey, defaultValue) {
   const ninetailed = useNinetailed();
@@ -147,7 +168,6 @@ function useFlagWithManualTracking(flagKey, defaultValue) {
     status: 'loading',
     error: null
   });
-
   // Reset if inputs change
   useEffect(() => {
     if (!isEqual(defaultValueRef.current, defaultValue) || flagKeyRef.current !== flagKey) {
@@ -162,7 +182,6 @@ function useFlagWithManualTracking(flagKey, defaultValue) {
       });
     }
   }, [flagKey, defaultValue]);
-
   // Listen for personalization state changes
   useEffect(() => {
     const unsubscribe = ninetailed.onChangesChange(changesState => {
@@ -186,13 +205,11 @@ function useFlagWithManualTracking(flagKey, defaultValue) {
         });
         return;
       }
-
       // Find relevant change for this flag
       const change = changesState.changes.find(c => c.key === flagKeyRef.current && c.type === ChangeTypes.Variable);
       if (change) {
         changeRef.current = change;
         const rawValue = change.value;
-
         // Unwrap { value: ... } structure if present
         const actualValue = rawValue && typeof rawValue === 'object' && rawValue !== null && 'value' in rawValue ? rawValue['value'] : rawValue;
         setResult({
@@ -211,7 +228,6 @@ function useFlagWithManualTracking(flagKey, defaultValue) {
     });
     return unsubscribe;
   }, [ninetailed]);
-
   // Manual tracking function
   const track = useCallback(() => {
     const change = changeRef.current;
@@ -229,11 +245,11 @@ function useFlagWithManualTracking(flagKey, defaultValue) {
   return [result, track];
 }
 
-/**
- * Hook to access a Ninetailed variable flag with built-in auto-tracking.
- *
- * @remarks
- * For manual control over tracking behavior, consider using {@link useFlagWithManualTracking}.
+/**
+ * Hook to access a Ninetailed variable flag with built-in auto-tracking.
+ *
+ * @remarks
+ * For manual control over tracking behavior, consider using {@link useFlagWithManualTracking}.
  */
 function useFlag(flagKey, defaultValue, options = {}) {
   const [result, track] = useFlagWithManualTracking(flagKey, defaultValue);
@@ -259,7 +275,6 @@ const TrackHasSeenComponent = ({
     const observer = new IntersectionObserver(([entry]) => {
       if (entry.isIntersecting) {
         setInView(true);
-
         // Disconnect the observer since we only want to track
         // the first time the component is seen
         observer.disconnect();
@@ -281,22 +296,21 @@ const TrackHasSeenComponent = ({
       });
     }
   }, [inView]);
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx("div", {
+  return jsxs(Fragment, {
+    children: [jsx("div", {
       ref: ref
     }), children]
   });
 };
 
-const _excluded$3 = ["component", "loadingComponent", "variants", "holdout"];
-const Personalize = _ref => {
-  let {
+const Personalize = _a => {
+  var {
       component: Component,
       loadingComponent: LoadingComponent,
       variants = [],
       holdout = -1
-    } = _ref,
-    baseline = _objectWithoutPropertiesLoose(_ref, _excluded$3);
+    } = _a,
+    baseline = __rest(_a, ["component", "loadingComponent", "variants", "holdout"]);
   const {
     loading,
     variant,
@@ -307,7 +321,7 @@ const Personalize = _ref => {
   });
   const hasVariants = variants.length > 0;
   if (!hasVariants) {
-    return /*#__PURE__*/jsx(Component, Object.assign({}, baseline, {
+    return jsx(Component, Object.assign({}, baseline, {
       ninetailed: {
         isPersonalized,
         audience
@@ -316,24 +330,26 @@ const Personalize = _ref => {
   }
   if (loading) {
     if (LoadingComponent) {
-      return /*#__PURE__*/jsx(LoadingComponent, {});
+      return jsx(LoadingComponent, {});
     }
-    return /*#__PURE__*/jsx("div", {
+    return jsx("div", Object.assign({
       style: {
         opacity: 0
-      },
-      children: /*#__PURE__*/jsx(Component, Object.assign({}, variant, {
+      }
+    }, {
+      children: jsx(Component, Object.assign({}, variant, {
         ninetailed: {
           isPersonalized,
           audience
         }
       }))
-    }, "hide");
+    }), "hide");
   }
-  return /*#__PURE__*/jsx(TrackHasSeenComponent, {
+  return jsx(TrackHasSeenComponent, Object.assign({
     variant: variant,
     audience: audience,
-    isPersonalized: isPersonalized,
+    isPersonalized: isPersonalized
+  }, {
     children: /*#__PURE__*/createElement(Component, Object.assign({}, variant, {
       key: `${audience.id}-${variant.id}`,
       ninetailed: {
@@ -341,7 +357,7 @@ const Personalize = _ref => {
         audience
       }
     }))
-  });
+  }));
 };
 
 const generateSelectors = id => {
@@ -372,7 +388,7 @@ const MergeTag = ({
     return null;
   }
   const value = selectValueFromProfile(profile, id) || fallback;
-  return value ? /*#__PURE__*/jsx(Fragment, {
+  return value ? jsx(Fragment, {
     children: value
   }) : null;
 };
@@ -413,12 +429,12 @@ const ComponentMarker = /*#__PURE__*/forwardRef((_, ref) => {
   } = useNinetailed();
   const markerRef = useRef(null);
   useEffect(() => {
-    var _markerRef$current;
-    /*
-    Due to React's limitation on setting !important styles during rendering, we set the display property on the DOM element directly.
-    See: https://github.com/facebook/react/issues/1881
+    var _a;
+    /*
+    Due to React's limitation on setting !important styles during rendering, we set the display property on the DOM element directly.
+    See: https://github.com/facebook/react/issues/1881
     */
-    (_markerRef$current = markerRef.current) == null || _markerRef$current.style.setProperty('display', 'none', 'important');
+    (_a = markerRef.current) === null || _a === void 0 ? void 0 : _a.style.setProperty('display', 'none', 'important');
   }, []);
   useEffect(() => {
     logger.debug('Using fallback mechanism to detect when experiences are seen. This can lead to inaccurate results. Consider using a forwardRef instead. See: https://docs.ninetailed.io/for-developers/experience-sdk/rendering-experiences#tracking-impressions-of-experiences');
@@ -435,7 +451,7 @@ const ComponentMarker = /*#__PURE__*/forwardRef((_, ref) => {
       }
     }
   }, []);
-  return /*#__PURE__*/jsx("div", {
+  return jsx("div", {
     className: "nt-cmp-marker",
     style: {
       display: 'none'
@@ -449,7 +465,6 @@ const getObservableSibling = element => {
     return null;
   }
   const nextSiblingStyle = getComputedStyle(nextSibling);
-
   // Elements with display: none are not observable by the IntersectionObserver
   if (nextSiblingStyle.display !== 'none') {
     return nextSibling;
@@ -470,15 +485,13 @@ const getObservableElement = element => {
   return getObservableElement(parentElement);
 };
 
-const _excluded$2 = ["component", "unhideAfterMs", "passthroughProps"],
-  _excluded2 = ["experiences", "component", "loadingComponent", "passthroughProps"];
-const DefaultExperienceLoadingComponent = _ref => {
-  let {
+const DefaultExperienceLoadingComponent = _a => {
+  var {
       component: Component,
       unhideAfterMs = 5000,
       passthroughProps
-    } = _ref,
-    baseline = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+    } = _a,
+    baseline = __rest(_a, ["component", "unhideAfterMs", "passthroughProps"]);
   const {
     logger
   } = useNinetailed();
@@ -493,11 +506,12 @@ const DefaultExperienceLoadingComponent = _ref => {
     };
   }, []);
   if (hidden) {
-    return /*#__PURE__*/jsx("div", {
+    return jsx("div", Object.assign({
       style: {
         opacity: 0
-      },
-      children: /*#__PURE__*/jsx(Component, Object.assign({}, passthroughProps, baseline, {
+      }
+    }, {
+      children: jsx(Component, Object.assign({}, passthroughProps, baseline, {
         ninetailed: {
           isPersonalized: false,
           audience: {
@@ -505,9 +519,9 @@ const DefaultExperienceLoadingComponent = _ref => {
           }
         }
       }))
-    }, "hide");
+    }), "hide");
   }
-  return /*#__PURE__*/jsx(Component, Object.assign({}, passthroughProps, baseline, {
+  return jsx(Component, Object.assign({}, passthroughProps, baseline, {
     ninetailed: {
       isPersonalized: false,
       audience: {
@@ -516,14 +530,14 @@ const DefaultExperienceLoadingComponent = _ref => {
     }
   }));
 };
-const Experience = _ref2 => {
-  let {
+const Experience = _a => {
+  var {
       experiences,
       component: Component,
       loadingComponent: LoadingComponent = DefaultExperienceLoadingComponent,
       passthroughProps
-    } = _ref2,
-    baseline = _objectWithoutPropertiesLoose(_ref2, _excluded2);
+    } = _a,
+    baseline = __rest(_a, ["experiences", "component", "loadingComponent", "passthroughProps"]);
   const {
     observeElement,
     unobserveElement,
@@ -541,10 +555,9 @@ const Experience = _ref2 => {
     baseline,
     experiences
   });
-
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore
-  const isComponentForwardRef = isForwardRef( /*#__PURE__*/jsx(Component, {}));
+  const isComponentForwardRef = isForwardRef(jsx(Component, {}));
   const componentRef = useRef(null);
   const isVariantHidden = 'hidden' in variant && variant.hidden;
   useEffect(() => {
@@ -566,7 +579,7 @@ const Experience = _ref2 => {
         experience,
         componentType: 'Entry',
         audience,
-        variant: isVariantHidden ? Object.assign({}, variant, {
+        variant: isVariantHidden ? Object.assign(Object.assign({}, variant), {
           id: `${baseline.id}-hidden`
         }) : variant,
         variantIndex
@@ -582,10 +595,10 @@ const Experience = _ref2 => {
     };
   }, [observeElement, unobserveElement, experience, baseline, variant, variantIndex, audience, isVariantHidden]);
   if (!hasVariants) {
-    return /*#__PURE__*/jsxs(Fragment, {
-      children: [!isComponentForwardRef && /*#__PURE__*/jsx(ComponentMarker, {
+    return jsxs(Fragment, {
+      children: [!isComponentForwardRef && jsx(ComponentMarker, {
         ref: componentRef
-      }, `marker-no-variants-${(experience == null ? void 0 : experience.id) || 'baseline'}-${variant.id}`), /*#__PURE__*/createElement(Component, Object.assign({}, passthroughProps, baseline, {
+      }, `marker-no-variants-${(experience === null || experience === void 0 ? void 0 : experience.id) || 'baseline'}-${variant.id}`), /*#__PURE__*/createElement(Component, Object.assign({}, passthroughProps, baseline, {
         key: baseline.id
       }, isComponentForwardRef ? {
         ref: componentRef
@@ -601,19 +614,19 @@ const Experience = _ref2 => {
     }));
   }
   if (isVariantHidden) {
-    return /*#__PURE__*/jsx(ComponentMarker, {
+    return jsx(ComponentMarker, {
       ref: componentRef
-    }, `marker-hidden-${(experience == null ? void 0 : experience.id) || 'baseline'}-${variant.id}`);
+    }, `marker-hidden-${(experience === null || experience === void 0 ? void 0 : experience.id) || 'baseline'}-${variant.id}`);
   }
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [!isComponentForwardRef && /*#__PURE__*/jsx(ComponentMarker, {
+  return jsxs(Fragment, {
+    children: [!isComponentForwardRef && jsx(ComponentMarker, {
       ref: componentRef
-    }, `marker-${(experience == null ? void 0 : experience.id) || 'baseline'}-${variant.id}`), /*#__PURE__*/createElement(Component, Object.assign({}, Object.assign({}, passthroughProps, variant), {
-      key: `${(experience == null ? void 0 : experience.id) || 'baseline'}-${variant.id}`,
+    }, `marker-${(experience === null || experience === void 0 ? void 0 : experience.id) || 'baseline'}-${variant.id}`), /*#__PURE__*/createElement(Component, Object.assign({}, Object.assign(Object.assign({}, passthroughProps), variant), {
+      key: `${(experience === null || experience === void 0 ? void 0 : experience.id) || 'baseline'}-${variant.id}`,
       ninetailed: {
         isPersonalized,
         audience: {
-          id: (audience == null ? void 0 : audience.id) || 'all visitors'
+          id: (audience === null || audience === void 0 ? void 0 : audience.id) || 'all visitors'
         }
       }
     }, isComponentForwardRef ? {
@@ -622,18 +635,18 @@ const Experience = _ref2 => {
   });
 };
 
-const _excluded$1 = ["experiences", "component", "passthroughProps"];
 const ESRContext = /*#__PURE__*/React.createContext(undefined);
 const ESRProvider = ({
   experienceVariantsMap,
   children
 }) => {
-  return /*#__PURE__*/jsx(ESRContext.Provider, {
+  return jsx(ESRContext.Provider, Object.assign({
     value: {
       experienceVariantsMap
-    },
+    }
+  }, {
     children: children
-  });
+  }));
 };
 const useESR = () => {
   const context = React.useContext(ESRContext);
@@ -644,19 +657,19 @@ const useESR = () => {
     experienceVariantsMap: context.experienceVariantsMap
   };
 };
-const ESRLoadingComponent = _ref => {
-  let {
+const ESRLoadingComponent = _a => {
+  var {
       experiences,
       component: Component,
       passthroughProps
-    } = _ref,
-    baseline = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+    } = _a,
+    baseline = __rest(_a, ["experiences", "component", "passthroughProps"]);
   const {
     experienceVariantsMap
   } = useESR();
   const experience = experiences.find(experience => Object.prototype.hasOwnProperty.call(experienceVariantsMap, experience.id));
   if (!experience) {
-    return /*#__PURE__*/jsx(Component, Object.assign({}, passthroughProps, baseline, {
+    return jsx(Component, Object.assign({}, passthroughProps, baseline, {
       ninetailed: {
         isPersonalized: false,
         audience: {
@@ -675,7 +688,7 @@ const ESRLoadingComponent = _ref => {
     return component.baseline.id === baseline.id;
   });
   if (!component) {
-    return /*#__PURE__*/jsx(Component, Object.assign({}, passthroughProps, baseline, {
+    return jsx(Component, Object.assign({}, passthroughProps, baseline, {
       ninetailed: {
         isPersonalized: false,
         audience: {
@@ -685,7 +698,7 @@ const ESRLoadingComponent = _ref => {
     }));
   }
   if (experienceVariantsMap[experience.id] === 0) {
-    return /*#__PURE__*/jsx(Component, Object.assign({}, passthroughProps, baseline, {
+    return jsx(Component, Object.assign({}, passthroughProps, baseline, {
       ninetailed: {
         isPersonalized: false,
         audience: {
@@ -696,7 +709,7 @@ const ESRLoadingComponent = _ref => {
   }
   const variant = component.variants[experienceVariantsMap[experience.id] - 1];
   if (!variant) {
-    return /*#__PURE__*/jsx(Component, Object.assign({}, passthroughProps, baseline, {
+    return jsx(Component, Object.assign({}, passthroughProps, baseline, {
       ninetailed: {
         isPersonalized: false,
         audience: {
@@ -705,7 +718,7 @@ const ESRLoadingComponent = _ref => {
       }
     }));
   }
-  return /*#__PURE__*/jsx(Component, Object.assign({}, passthroughProps, variant, {
+  return jsx(Component, Object.assign({}, passthroughProps, variant, {
     ninetailed: {
       isPersonalized: false,
       audience: {
@@ -715,14 +728,13 @@ const ESRLoadingComponent = _ref => {
   }));
 };
 
-const _excluded = ["component", "passthroughProps"];
-const EntryAnalytics = _ref => {
-  let {
+const EntryAnalytics = _a => {
+  var {
       component: Component,
       passthroughProps
-    } = _ref,
-    entry = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/jsx(Experience, Object.assign({}, passthroughProps, entry, {
+    } = _a,
+    entry = __rest(_a, ["component", "passthroughProps"]);
+  return jsx(Experience, Object.assign({}, passthroughProps, entry, {
     id: entry.id,
     component: Component,
     experiences: []

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ninetailed/experience.js-react",
-  "version": "7.18.12-alpha.3",
+  "version": "7.18.13",
   "description": "Ninetailed SDK for React",
   "license": "MIT",
   "repository": {
@@ -28,11 +28,11 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@ninetailed/experience.js": "7.18.12-alpha.3",
-    "@ninetailed/experience.js-shared": "7.18.12-alpha.3",
-    "@ninetailed/experience.js-plugin-analytics": "7.18.12-alpha.3",
+    "@ninetailed/experience.js": "7.18.13",
+    "@ninetailed/experience.js-shared": "7.18.13",
+    "@ninetailed/experience.js-plugin-analytics": "7.18.13",
     "radash": "10.9.0",
-    "react-is": "18.2.0"
+    "react-is": "18.3.1"
   },
   "peerDependencies": {
     "react": ">=16.8.0"