@ninetailed/experience.js-react 7.17.4 → 7.17.6

package/index.cjs.js

@@ -208,7 +208,8 @@ function useFlagWithManualTracking(flagKey, defaultValue) {
       if (change) {
         changeRef.current = change;
         const rawValue = change.value;
-        const actualValue = rawValue && typeof rawValue === 'object' && rawValue !== null && 'value' in rawValue && typeof rawValue['value'] === 'object' ? rawValue['value'] : rawValue;
+        // Unwrap { value: ... } structure if present
+        const actualValue = rawValue && typeof rawValue === 'object' && rawValue !== null && 'value' in rawValue ? rawValue['value'] : rawValue;
         setResult({
           value: actualValue,
           status: 'success',
@@ -725,9 +726,23 @@ const ESRLoadingComponent = _a => {
   }));
 };
 
+const EntryAnalytics = _a => {
+  var {
+      component: Component,
+      passthroughProps
+    } = _a,
+    entry = __rest(_a, ["component", "passthroughProps"]);
+  return jsxRuntime.jsx(Experience, Object.assign({}, passthroughProps, entry, {
+    id: entry.id,
+    component: Component,
+    experiences: []
+  }));
+};
+
 exports.DefaultExperienceLoadingComponent = DefaultExperienceLoadingComponent;
 exports.ESRLoadingComponent = ESRLoadingComponent;
 exports.ESRProvider = ESRProvider;
+exports.EntryAnalytics = EntryAnalytics;
 exports.Experience = Experience;
 exports.MergeTag = MergeTag;
 exports.NinetailedProvider = NinetailedProvider;

package/index.esm.js

@@ -76,10 +76,10 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
-const _excluded$3 = ["experiences"];
+const _excluded$4 = ["experiences"];
 function formatProfileForHook(profile) {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  const profileStateWithoutExperiences = _objectWithoutPropertiesLoose(profile, _excluded$3);
+  const profileStateWithoutExperiences = _objectWithoutPropertiesLoose(profile, _excluded$4);
   return Object.assign({}, profileStateWithoutExperiences, {
     loading: profile.status === 'loading'
   });
@@ -192,7 +192,9 @@ function useFlagWithManualTracking(flagKey, defaultValue) {
       if (change) {
         changeRef.current = change;
         const rawValue = change.value;
-        const actualValue = rawValue && typeof rawValue === 'object' && rawValue !== null && 'value' in rawValue && typeof rawValue['value'] === 'object' ? rawValue['value'] : rawValue;
+
+        // Unwrap { value: ... } structure if present
+        const actualValue = rawValue && typeof rawValue === 'object' && rawValue !== null && 'value' in rawValue ? rawValue['value'] : rawValue;
         setResult({
           value: actualValue,
           status: 'success',
@@ -286,7 +288,7 @@ const TrackHasSeenComponent = ({
   });
 };
 
-const _excluded$2 = ["component", "loadingComponent", "variants", "holdout"];
+const _excluded$3 = ["component", "loadingComponent", "variants", "holdout"];
 const Personalize = _ref => {
   let {
       component: Component,
@@ -294,7 +296,7 @@ const Personalize = _ref => {
       variants = [],
       holdout = -1
     } = _ref,
-    baseline = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+    baseline = _objectWithoutPropertiesLoose(_ref, _excluded$3);
   const {
     loading,
     variant,
@@ -468,7 +470,7 @@ const getObservableElement = element => {
   return getObservableElement(parentElement);
 };
 
-const _excluded$1 = ["component", "unhideAfterMs", "passthroughProps"],
+const _excluded$2 = ["component", "unhideAfterMs", "passthroughProps"],
   _excluded2 = ["experiences", "component", "loadingComponent", "passthroughProps"];
 const DefaultExperienceLoadingComponent = _ref => {
   let {
@@ -476,7 +478,7 @@ const DefaultExperienceLoadingComponent = _ref => {
       unhideAfterMs = 5000,
       passthroughProps
     } = _ref,
-    baseline = _objectWithoutPropertiesLoose(_ref, _excluded$1);
+    baseline = _objectWithoutPropertiesLoose(_ref, _excluded$2);
   const {
     logger
   } = useNinetailed();
@@ -620,7 +622,7 @@ const Experience = _ref2 => {
   });
 };
 
-const _excluded = ["experiences", "component", "passthroughProps"];
+const _excluded$1 = ["experiences", "component", "passthroughProps"];
 const ESRContext = /*#__PURE__*/React.createContext(undefined);
 const ESRProvider = ({
   experienceVariantsMap,
@@ -648,7 +650,7 @@ const ESRLoadingComponent = _ref => {
       component: Component,
       passthroughProps
     } = _ref,
-    baseline = _objectWithoutPropertiesLoose(_ref, _excluded);
+    baseline = _objectWithoutPropertiesLoose(_ref, _excluded$1);
   const {
     experienceVariantsMap
   } = useESR();
@@ -713,4 +715,18 @@ const ESRLoadingComponent = _ref => {
   }));
 };
 
-export { DefaultExperienceLoadingComponent, ESRLoadingComponent, ESRProvider, Experience, MergeTag, NinetailedProvider, Personalize, TrackHasSeenComponent, useExperience, useFlag, useFlagWithManualTracking, useNinetailed, usePersonalize, useProfile };
+const _excluded = ["component", "passthroughProps"];
+const EntryAnalytics = _ref => {
+  let {
+      component: Component,
+      passthroughProps
+    } = _ref,
+    entry = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return /*#__PURE__*/jsx(Experience, Object.assign({}, passthroughProps, entry, {
+    id: entry.id,
+    component: Component,
+    experiences: []
+  }));
+};
+
+export { DefaultExperienceLoadingComponent, ESRLoadingComponent, ESRProvider, EntryAnalytics, Experience, MergeTag, NinetailedProvider, Personalize, TrackHasSeenComponent, useExperience, useFlag, useFlagWithManualTracking, useNinetailed, usePersonalize, useProfile };

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@ninetailed/experience.js-react",
-  "version": "7.17.4",
+  "version": "7.17.6",
   "description": "Ninetailed SDK for React",
   "dependencies": {
-    "@ninetailed/experience.js": "7.17.4",
-    "@ninetailed/experience.js-shared": "7.17.4",
-    "@ninetailed/experience.js-plugin-analytics": "7.17.4",
+    "@ninetailed/experience.js": "7.17.6",
+    "@ninetailed/experience.js-shared": "7.17.6",
+    "@ninetailed/experience.js-plugin-analytics": "7.17.6",
     "radash": "10.9.0",
     "react-is": "18.2.0"
   },

package/src/lib/EntryAnalytics/EntryAnalytics.d.ts

@@ -0,0 +1,4 @@
+import { Baseline } from '@ninetailed/experience.js';
+import { ExperienceProps } from '../Experience';
+export type EntryAnalyticsProps<P> = Omit<ExperienceProps<P>, 'experiences'> & Baseline<P>;
+export declare const EntryAnalytics: <P>({ component: Component, passthroughProps, ...entry }: EntryAnalyticsProps<P>) => import("react/jsx-runtime").JSX.Element;

package/src/lib/EntryAnalytics/index.d.ts

@@ -0,0 +1,2 @@
+export type { EntryAnalyticsProps } from './EntryAnalytics';
+export { EntryAnalytics } from './EntryAnalytics';

package/src/lib/index.d.ts

@@ -13,3 +13,5 @@ export { MergeTag } from './MergeTag';
 export { TrackHasSeenComponent } from './TrackHasSeenComponent';
 export { Experience, ESRProvider, ESRLoadingComponent, DefaultExperienceLoadingComponent, useExperience, } from './Experience';
 export type { ExperienceProps, ExperienceBaseProps, ExperienceComponent, ExperienceLoadingComponent, } from './Experience';
+export { EntryAnalytics } from './EntryAnalytics';
+export type { EntryAnalyticsProps } from './EntryAnalytics';