@ninetailed/experience.js-react 2.2.8 → 3.0.1-beta.3

package/index.esm.js

@@ -2365,7 +2365,8 @@ const TrackExperience = ({
     }
   }, [inView]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    ref: ref
+    ref: ref,
+    id: "nt-experience-handle"
   }), children);
 };
 
@@ -2730,9 +2731,10 @@ const useESR = () => {
 const ESRLoadingComponent = _a => {
   var {
     experiences,
-    component: Component
+    component: Component,
+    passthroughProps
   } = _a,
-      baseline = __rest(_a, ["experiences", "component"]);
+      baseline = __rest(_a, ["experiences", "component", "passthroughProps"]);
 
   const {
     experienceVariantsMap
@@ -2740,26 +2742,61 @@ const ESRLoadingComponent = _a => {
   const experience = experiences.find(experience => has$1(experienceVariantsMap, experience.id));
 
   if (!experience) {
-    return /*#__PURE__*/React.createElement(Component, Object.assign({}, baseline));
+    return /*#__PURE__*/React.createElement(Component, Object.assign({}, passthroughProps, baseline, {
+      ninetailed: {
+        isPersonalized: false,
+        audience: {
+          id: 'baseline'
+        }
+      }
+    }));
   }
 
   const component = experience.components.find(component => component.baseline.id === baseline.id);
 
   if (!component) {
-    return /*#__PURE__*/React.createElement(Component, Object.assign({}, baseline));
+    return /*#__PURE__*/React.createElement(Component, Object.assign({}, passthroughProps, baseline, {
+      ninetailed: {
+        isPersonalized: false,
+        audience: {
+          id: 'baseline'
+        }
+      }
+    }));
   }
 
   if (experienceVariantsMap[experience.id] === 0) {
-    return /*#__PURE__*/React.createElement(Component, Object.assign({}, baseline));
+    return /*#__PURE__*/React.createElement(Component, Object.assign({}, passthroughProps, baseline, {
+      ninetailed: {
+        isPersonalized: false,
+        audience: {
+          id: 'baseline'
+        }
+      }
+    }));
   }
 
   const variant = component.variants[experienceVariantsMap[experience.id] - 1];
 
   if (!variant) {
-    return /*#__PURE__*/React.createElement(Component, Object.assign({}, baseline));
+    return /*#__PURE__*/React.createElement(Component, Object.assign({}, passthroughProps, baseline, {
+      ninetailed: {
+        isPersonalized: false,
+        audience: {
+          id: 'baseline'
+        }
+      }
+    }));
   }
 
-  return /*#__PURE__*/React.createElement(Component, Object.assign({}, variant));
+  return /*#__PURE__*/React.createElement(Component, Object.assign({}, passthroughProps, variant, {
+    ninetailed: {
+      isPersonalized: false,
+      audience: {
+        id: 'baseline'
+      }
+    }
+  }));
 };
 
 export { DefaultExperienceLoadingComponent, ESRLoadingComponent, ESRProvider, Experience, MergeTag, NinetailedProvider, Personalize, TrackHasSeenComponent, useNinetailed, usePersonalize, useProfile };

package/index.umd.js

@@ -1915,7 +1915,8 @@
       }
     }, [inView]);
     return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
-      ref: ref
+      ref: ref,
+      id: "nt-experience-handle"
     }), children);
   };
 
@@ -2276,7 +2277,8 @@
   var ESRLoadingComponent = function ESRLoadingComponent(_a) {
     var experiences = _a.experiences,
         Component = _a.component,
-        baseline = __rest(_a, ["experiences", "component"]);
+        passthroughProps = _a.passthroughProps,
+        baseline = __rest(_a, ["experiences", "component", "passthroughProps"]);
 
     var experienceVariantsMap = useESR().experienceVariantsMap;
     var experience = experiences.find(function (experience) {
@@ -2284,7 +2286,14 @@
     });
 
     if (!experience) {
-      return /*#__PURE__*/React__default["default"].createElement(Component, __assign({}, baseline));
+      return /*#__PURE__*/React__default["default"].createElement(Component, __assign({}, passthroughProps, baseline, {
+        ninetailed: {
+          isPersonalized: false,
+          audience: {
+            id: 'baseline'
+          }
+        }
+      }));
     }
 
     var component = experience.components.find(function (component) {
@@ -2292,20 +2301,48 @@
     });
 
     if (!component) {
-      return /*#__PURE__*/React__default["default"].createElement(Component, __assign({}, baseline));
+      return /*#__PURE__*/React__default["default"].createElement(Component, __assign({}, passthroughProps, baseline, {
+        ninetailed: {
+          isPersonalized: false,
+          audience: {
+            id: 'baseline'
+          }
+        }
+      }));
     }
 
     if (experienceVariantsMap[experience.id] === 0) {
-      return /*#__PURE__*/React__default["default"].createElement(Component, __assign({}, baseline));
+      return /*#__PURE__*/React__default["default"].createElement(Component, __assign({}, passthroughProps, baseline, {
+        ninetailed: {
+          isPersonalized: false,
+          audience: {
+            id: 'baseline'
+          }
+        }
+      }));
     }
 
     var variant = component.variants[experienceVariantsMap[experience.id] - 1];
 
     if (!variant) {
-      return /*#__PURE__*/React__default["default"].createElement(Component, __assign({}, baseline));
+      return /*#__PURE__*/React__default["default"].createElement(Component, __assign({}, passthroughProps, baseline, {
+        ninetailed: {
+          isPersonalized: false,
+          audience: {
+            id: 'baseline'
+          }
+        }
+      }));
     }
 
-    return /*#__PURE__*/React__default["default"].createElement(Component, __assign({}, variant));
+    return /*#__PURE__*/React__default["default"].createElement(Component, __assign({}, passthroughProps, variant, {
+      ninetailed: {
+        isPersonalized: false,
+        audience: {
+          id: 'baseline'
+        }
+      }
+    }));
   };
 
   exports.DefaultExperienceLoadingComponent = DefaultExperienceLoadingComponent;

package/lib/Experience/ESRLoadingComponent.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ExperienceLoadingComponent } from './Experience';
+import { ExperienceBaseProps } from './Experience';
 declare type ESRContextValue = {
     experienceVariantsMap: Record<string, number>;
 };
@@ -11,5 +11,5 @@ export declare const ESRProvider: React.FC<ESRProviderProps>;
 export declare const useESR: () => {
     experienceVariantsMap: Record<string, number>;
 };
-export declare const ESRLoadingComponent: ExperienceLoadingComponent;
+export declare const ESRLoadingComponent: <P extends Record<string, unknown>>({ experiences, component: Component, passthroughProps, ...baseline }: ExperienceBaseProps<P, Partial<P>>) => JSX.Element;
 export {};

package/lib/NinetailedProvider.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { AnalyticsPlugin } from 'analytics';
-import { OnErrorHandler, OnLogHandler, ExperienceConfiguration } from '@ninetailed/experience.js';
-import { Profile, Locale } from '@ninetailed/experience.js-shared';
+import { ExperienceConfiguration } from '@ninetailed/experience.js';
+import { Profile, Locale, OnErrorHandler, OnLogHandler } from '@ninetailed/experience.js-shared';
 export declare type NinetailedProviderProps = {
     clientId: string;
     environment?: string;

package/lib/useProfile.d.ts

@@ -8,7 +8,39 @@ export declare const useProfile: () => {
     loading: boolean;
     from: "api" | "hydrated";
     status: "success";
-    profile: import("@ninetailed/experience.js").Profile;
+    profile: {
+        id: string;
+        random: number;
+        audiences: string[];
+        traits: import("@ninetailed/experience.js-shared").Traits;
+        location: {
+            coordinates?: {
+                latitude: number;
+                longitude: number;
+            } | undefined;
+            city?: string | undefined;
+            postalCode?: string | undefined;
+            region?: string | undefined;
+            regionCode?: string | undefined;
+            country?: string | undefined;
+            countryCode?: string | undefined;
+            continent?: string | undefined;
+            timezone?: string | undefined;
+        };
+        session: {
+            isReturningVisitor: boolean;
+            ladingPage: {
+                path: string;
+                url: string;
+                query: Record<string, string>;
+                referrer: string;
+                search: string;
+            };
+            count: number;
+            activeSessionLength: number;
+            averageSessionLength: number;
+        };
+    };
     error: null;
 } | {
     loading: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ninetailed/experience.js-react",
-  "version": "2.2.8",
+  "version": "3.0.1-beta.3",
   "peerDependencies": {
     "react": ">=16.8.0"
   },
@@ -8,15 +8,15 @@
     "@analytics/google-analytics": "0.5.3",
     "react-visibility-sensor": "5.1.1",
     "lodash": "^4.17.21",
-    "@ninetailed/experience.js": "2.2.8",
-    "analytics": "^0.8.0",
-    "@ninetailed/experience.js-shared": "2.2.8",
-    "uuid": "^8.3.2",
+    "@ninetailed/experience.js": "3.0.1-beta.3",
+    "@ninetailed/experience.js-shared": "3.0.1-beta.3",
     "ts-toolbelt": "^9.6.0",
+    "diary": "^0.3.1",
+    "zod": "^3.18.0",
     "locale-enum": "^1.1.1",
     "i18n-iso-countries": "^7.3.0",
+    "analytics": "^0.8.0",
     "murmurhash-js": "^1.0.0",
-    "diary": "^0.3.1",
     "react-intersection-observer": "^8.33.1"
   },
   "main": "./index.umd.js",