@ninetailed/experience.js-react 7.20.5 → 7.20.6

package/index.cjs.js

@@ -51,11 +51,10 @@ const NinetailedProvider = props => {
   const {
     children
   } = props;
-  return jsxRuntime.jsx(NinetailedContext.Provider, Object.assign({
-    value: ninetailed
-  }, {
+  return jsxRuntime.jsx(NinetailedContext.Provider, {
+    value: ninetailed,
     children: children
-  }));
+  });
 };
 
 const useNinetailed = () => {
@@ -80,7 +79,7 @@ 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 */
+/* global Reflect, Promise */
 
 
 function __rest(s, e) {
@@ -93,12 +92,7 @@ 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
@@ -110,16 +104,16 @@ function formatProfileForHook(profile) {
     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();
@@ -156,8 +150,8 @@ const usePersonalize = (baseline, variants, options = {
   return experience_js.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();
@@ -247,11 +241,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);
@@ -334,24 +328,22 @@ const Personalize = _a => {
     if (LoadingComponent) {
       return jsxRuntime.jsx(LoadingComponent, {});
     }
-    return jsxRuntime.jsx("div", Object.assign({
+    return jsxRuntime.jsx("div", {
       style: {
         opacity: 0
-      }
-    }, {
+      },
       children: jsxRuntime.jsx(Component, Object.assign({}, variant, {
         ninetailed: {
           isPersonalized,
           audience
         }
       }))
-    }), "hide");
+    }, "hide");
   }
-  return jsxRuntime.jsx(TrackHasSeenComponent, Object.assign({
+  return jsxRuntime.jsx(TrackHasSeenComponent, {
     variant: variant,
     audience: audience,
-    isPersonalized: isPersonalized
-  }, {
+    isPersonalized: isPersonalized,
     children: /*#__PURE__*/React.createElement(Component, Object.assign({}, variant, {
       key: `${audience.id}-${variant.id}`,
       ninetailed: {
@@ -359,7 +351,7 @@ const Personalize = _a => {
         audience
       }
     }))
-  }));
+  });
 };
 
 const generateSelectors = id => {
@@ -432,9 +424,9 @@ const ComponentMarker = /*#__PURE__*/React.forwardRef((_, ref) => {
   const markerRef = React.useRef(null);
   React.useEffect(() => {
     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
+    /*
+    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
     */
     (_a = markerRef.current) === null || _a === void 0 ? void 0 : _a.style.setProperty('display', 'none', 'important');
   }, []);
@@ -511,15 +503,14 @@ const DefaultExperienceLoadingComponent = _a => {
     };
   }, [isHidden, logger, unhideAfterMs]);
   if (isHidden) {
-    return jsxRuntime.jsx("div", Object.assign({
+    return jsxRuntime.jsx("div", {
       style: {
         visibility: 'hidden',
         pointerEvents: 'none'
       },
       "aria-hidden": "true",
       // Prevent focus and interaction within the hidden loading subtree.
-      inert: true
-    }, {
+      inert: true,
       children: jsxRuntime.jsx(Component, Object.assign({}, passthroughProps, baseline, {
         ninetailed: {
           isPersonalized: false,
@@ -528,7 +519,7 @@ const DefaultExperienceLoadingComponent = _a => {
           }
         }
       }))
-    }), "experience-loader-hidden-baseline");
+    }, "experience-loader-hidden-baseline");
   }
   return jsxRuntime.jsx(Component, Object.assign({}, passthroughProps, baseline, {
     ninetailed: {
@@ -653,13 +644,12 @@ const ESRProvider = ({
   experienceVariantsMap,
   children
 }) => {
-  return jsxRuntime.jsx(ESRContext.Provider, Object.assign({
+  return jsxRuntime.jsx(ESRContext.Provider, {
     value: {
       experienceVariantsMap
-    }
-  }, {
+    },
     children: children
-  }));
+  });
 };
 const useESR = () => {
   const context = React.useContext(ESRContext);

package/index.esm.js

@@ -49,11 +49,10 @@ const NinetailedProvider = props => {
   const {
     children
   } = props;
-  return jsx(NinetailedContext.Provider, Object.assign({
-    value: ninetailed
-  }, {
+  return jsx(NinetailedContext.Provider, {
+    value: ninetailed,
     children: children
-  }));
+  });
 };
 
 const useNinetailed = () => {
@@ -78,7 +77,7 @@ 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 */
+/* global Reflect, Promise */
 
 
 function __rest(s, e) {
@@ -91,12 +90,7 @@ 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
@@ -108,16 +102,16 @@ function formatProfileForHook(profile) {
     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();
@@ -154,8 +148,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();
@@ -245,11 +239,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);
@@ -332,24 +326,22 @@ const Personalize = _a => {
     if (LoadingComponent) {
       return jsx(LoadingComponent, {});
     }
-    return jsx("div", Object.assign({
+    return jsx("div", {
       style: {
         opacity: 0
-      }
-    }, {
+      },
       children: jsx(Component, Object.assign({}, variant, {
         ninetailed: {
           isPersonalized,
           audience
         }
       }))
-    }), "hide");
+    }, "hide");
   }
-  return jsx(TrackHasSeenComponent, Object.assign({
+  return jsx(TrackHasSeenComponent, {
     variant: variant,
     audience: audience,
-    isPersonalized: isPersonalized
-  }, {
+    isPersonalized: isPersonalized,
     children: /*#__PURE__*/createElement(Component, Object.assign({}, variant, {
       key: `${audience.id}-${variant.id}`,
       ninetailed: {
@@ -357,7 +349,7 @@ const Personalize = _a => {
         audience
       }
     }))
-  }));
+  });
 };
 
 const generateSelectors = id => {
@@ -430,9 +422,9 @@ const ComponentMarker = /*#__PURE__*/forwardRef((_, ref) => {
   const markerRef = useRef(null);
   useEffect(() => {
     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
+    /*
+    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
     */
     (_a = markerRef.current) === null || _a === void 0 ? void 0 : _a.style.setProperty('display', 'none', 'important');
   }, []);
@@ -509,15 +501,14 @@ const DefaultExperienceLoadingComponent = _a => {
     };
   }, [isHidden, logger, unhideAfterMs]);
   if (isHidden) {
-    return jsx("div", Object.assign({
+    return jsx("div", {
       style: {
         visibility: 'hidden',
         pointerEvents: 'none'
       },
       "aria-hidden": "true",
       // Prevent focus and interaction within the hidden loading subtree.
-      inert: true
-    }, {
+      inert: true,
       children: jsx(Component, Object.assign({}, passthroughProps, baseline, {
         ninetailed: {
           isPersonalized: false,
@@ -526,7 +517,7 @@ const DefaultExperienceLoadingComponent = _a => {
           }
         }
       }))
-    }), "experience-loader-hidden-baseline");
+    }, "experience-loader-hidden-baseline");
   }
   return jsx(Component, Object.assign({}, passthroughProps, baseline, {
     ninetailed: {
@@ -651,13 +642,12 @@ const ESRProvider = ({
   experienceVariantsMap,
   children
 }) => {
-  return jsx(ESRContext.Provider, Object.assign({
+  return jsx(ESRContext.Provider, {
     value: {
       experienceVariantsMap
-    }
-  }, {
+    },
     children: children
-  }));
+  });
 };
 const useESR = () => {
   const context = React.useContext(ESRContext);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ninetailed/experience.js-react",
-  "version": "7.20.5",
+  "version": "7.20.6",
   "description": "Ninetailed SDK for React",
   "license": "MIT",
   "repository": {
@@ -28,9 +28,9 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@ninetailed/experience.js": "7.20.5",
-    "@ninetailed/experience.js-shared": "7.20.5",
-    "@ninetailed/experience.js-plugin-analytics": "7.20.5",
+    "@ninetailed/experience.js": "7.20.6",
+    "@ninetailed/experience.js-shared": "7.20.6",
+    "@ninetailed/experience.js-plugin-analytics": "7.20.6",
     "radash": "10.9.0",
     "react-is": "19.2.4"
   },

package/src/index.d.ts

@@ -1 +1 @@
-export * from './lib';
+export * from './lib';

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

@@ -1,4 +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;
+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

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

package/src/lib/Experience/ComponentMarker/ComponentMarker.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
-export declare const ComponentMarker: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
+import React from 'react';
+export declare const ComponentMarker: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;

package/src/lib/Experience/ComponentMarker/index.d.ts

@@ -1 +1 @@
-export * from './ComponentMarker';
+export * from './ComponentMarker';

package/src/lib/Experience/DefaultExperienceLoadingComponent.d.ts

@@ -1,7 +1,7 @@
-import type { Reference } from '@ninetailed/experience.js';
-import type { ExperienceBaseProps } from './types/Experience';
-type DefaultExperienceLoadingComponentProps = ExperienceBaseProps<Record<string, unknown>, Record<string, unknown>, Record<string, unknown> & Reference> & {
-    unhideAfterMs?: number;
-};
-export declare const DefaultExperienceLoadingComponent: ({ component: Component, unhideAfterMs, passthroughProps, ...baseline }: DefaultExperienceLoadingComponentProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+import type { Reference } from '@ninetailed/experience.js';
+import type { ExperienceBaseProps } from './types/Experience';
+type DefaultExperienceLoadingComponentProps = ExperienceBaseProps<Record<string, unknown>, Record<string, unknown>, Record<string, unknown> & Reference> & {
+    unhideAfterMs?: number;
+};
+export declare const DefaultExperienceLoadingComponent: ({ component: Component, unhideAfterMs, passthroughProps, ...baseline }: DefaultExperienceLoadingComponentProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/src/lib/Experience/ESRLoadingComponent.d.ts

@@ -1,16 +1,16 @@
-import React, { PropsWithChildren } from 'react';
-import { ExperienceBaseProps } from './Experience';
-import { Reference } from '@ninetailed/experience.js';
-type ESRContextValue = {
-    experienceVariantsMap: Record<string, number>;
-};
-export declare const ESRContext: React.Context<ESRContextValue | undefined>;
-type ESRProviderProps = {
-    experienceVariantsMap: Record<string, number>;
-};
-export declare const ESRProvider: React.FC<PropsWithChildren<ESRProviderProps>>;
-export declare const useESR: () => {
-    experienceVariantsMap: Record<string, number>;
-};
-export declare const ESRLoadingComponent: <P, PassThroughProps extends Partial<P> = Partial<P>, Variant extends Pick<P, Exclude<keyof P, keyof PassThroughProps>> & Reference = Pick<P, Exclude<keyof P, keyof PassThroughProps>> & Reference>({ experiences, component: Component, passthroughProps, ...baseline }: ExperienceBaseProps<P, PassThroughProps, Variant>) => import("react/jsx-runtime").JSX.Element;
-export {};
+import React, { PropsWithChildren } from 'react';
+import { ExperienceBaseProps } from './Experience';
+import { Reference } from '@ninetailed/experience.js';
+type ESRContextValue = {
+    experienceVariantsMap: Record<string, number>;
+};
+export declare const ESRContext: React.Context<ESRContextValue | undefined>;
+type ESRProviderProps = {
+    experienceVariantsMap: Record<string, number>;
+};
+export declare const ESRProvider: React.FC<PropsWithChildren<ESRProviderProps>>;
+export declare const useESR: () => {
+    experienceVariantsMap: Record<string, number>;
+};
+export declare const ESRLoadingComponent: <P, PassThroughProps extends Partial<P> = Partial<P>, Variant extends Pick<P, Exclude<keyof P, keyof PassThroughProps>> & Reference = Pick<P, Exclude<keyof P, keyof PassThroughProps>> & Reference>({ experiences, component: Component, passthroughProps, ...baseline }: ExperienceBaseProps<P, PassThroughProps, Variant>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/src/lib/Experience/Experience.d.ts

@@ -1,5 +1,5 @@
-import type { Reference } from '@ninetailed/experience.js';
-import type { ExperienceProps } from './types/Experience';
-export declare const Experience: <P, PassThroughProps extends Partial<P> = Partial<P>, Variant extends Pick<P, Exclude<keyof P, keyof PassThroughProps>> & Reference = Pick<P, Exclude<keyof P, keyof PassThroughProps>> & Reference>({ experiences, component: Component, loadingComponent: LoadingComponent, trackClicks, passthroughProps, ...baseline }: ExperienceProps<P, PassThroughProps, Variant>) => import("react/jsx-runtime").JSX.Element;
-export type { ExperienceProps, ExperienceBaseProps, ExperienceComponent, ExperienceLoadingComponent, } from './types/Experience';
-export { DefaultExperienceLoadingComponent } from './DefaultExperienceLoadingComponent';
+import type { Reference } from '@ninetailed/experience.js';
+import type { ExperienceProps } from './types/Experience';
+export declare const Experience: <P, PassThroughProps extends Partial<P> = Partial<P>, Variant extends Pick<P, Exclude<keyof P, keyof PassThroughProps>> & Reference = Pick<P, Exclude<keyof P, keyof PassThroughProps>> & Reference>({ experiences, component: Component, loadingComponent: LoadingComponent, trackClicks, passthroughProps, ...baseline }: ExperienceProps<P, PassThroughProps, Variant>) => import("react/jsx-runtime").JSX.Element;
+export type { ExperienceProps, ExperienceBaseProps, ExperienceComponent, ExperienceLoadingComponent, } from './types/Experience';
+export { DefaultExperienceLoadingComponent } from './DefaultExperienceLoadingComponent';

package/src/lib/Experience/constants.d.ts

@@ -1 +1 @@
-export declare const EXPERIENCE_TRAIT_PREFIX = "nt_experiment_";
+export declare const EXPERIENCE_TRAIT_PREFIX = "nt_experiment_";

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

@@ -1,4 +1,4 @@
-export { Experience, DefaultExperienceLoadingComponent } from './Experience';
-export type { ExperienceProps, ExperienceBaseProps, ExperienceComponent, ExperienceLoadingComponent, } from './types/Experience';
-export { ESRProvider, ESRLoadingComponent } from './ESRLoadingComponent';
-export { useExperience } from './useExperience';
+export { Experience, DefaultExperienceLoadingComponent } from './Experience';
+export type { ExperienceProps, ExperienceBaseProps, ExperienceComponent, ExperienceLoadingComponent, } from './types/Experience';
+export { ESRProvider, ESRLoadingComponent } from './ESRLoadingComponent';
+export { useExperience } from './useExperience';

package/src/lib/Experience/types/Baseline.d.ts

@@ -1,3 +1,3 @@
-export type Baseline<P extends object = object> = P & {
-    id: string;
-};
+export type Baseline<P extends object = object> = P & {
+    id: string;
+};

package/src/lib/Experience/types/BaselineWithVariants.d.ts

@@ -1,6 +1,6 @@
-import { Baseline } from './Baseline';
-import { Variant } from './Variant';
-export type BaselineWithVariants = {
-    baseline: Baseline;
-    variants: Variant<Record<string, unknown>>[];
-};
+import { Baseline } from './Baseline';
+import { Variant } from './Variant';
+export type BaselineWithVariants = {
+    baseline: Baseline;
+    variants: Variant<Record<string, unknown>>[];
+};

package/src/lib/Experience/types/Experience.d.ts

@@ -1,22 +1,22 @@
-import type { ComponentType } from 'react';
-import type { Baseline, ExperienceConfiguration, Reference } from '@ninetailed/experience.js';
-export type ExperienceComponent<P> = ComponentType<Omit<P, 'id'> & {
-    ninetailed?: {
-        isPersonalized: boolean;
-        audience: {
-            id: string;
-        };
-    };
-}>;
-export type ExperienceBaseProps<P, PassThroughProps extends Partial<P>, Variant extends Pick<P, Exclude<keyof P, keyof PassThroughProps>> & Reference> = Baseline<Pick<P, Exclude<keyof P, keyof PassThroughProps>>> & {
-    experiences: ExperienceConfiguration<Variant>[];
-    component: ComponentType<P>;
-    passthroughProps?: PassThroughProps;
-};
-export type ExperienceLoadingComponent<P, PassThroughProps extends Partial<P>, Variant extends Pick<P, Exclude<keyof P, keyof PassThroughProps>> & Reference> = ComponentType<ExperienceBaseProps<P, PassThroughProps, Variant>>;
-export type ExperienceProps<P, PassThroughProps extends Partial<P> = Partial<P>, Variant extends Pick<P, Exclude<keyof P, keyof PassThroughProps>> & Reference = Pick<P, Exclude<keyof P, keyof PassThroughProps>> & Reference> = ExperienceBaseProps<P, PassThroughProps, Variant> & {
-    experiences: ExperienceConfiguration<Variant>[];
-    component: ComponentType<P>;
-    loadingComponent?: ExperienceLoadingComponent<P, PassThroughProps, Variant>;
-    trackClicks?: boolean;
-};
+import type { ComponentType } from 'react';
+import type { Baseline, ExperienceConfiguration, Reference } from '@ninetailed/experience.js';
+export type ExperienceComponent<P> = ComponentType<Omit<P, 'id'> & {
+    ninetailed?: {
+        isPersonalized: boolean;
+        audience: {
+            id: string;
+        };
+    };
+}>;
+export type ExperienceBaseProps<P, PassThroughProps extends Partial<P>, Variant extends Pick<P, Exclude<keyof P, keyof PassThroughProps>> & Reference> = Baseline<Pick<P, Exclude<keyof P, keyof PassThroughProps>>> & {
+    experiences: ExperienceConfiguration<Variant>[];
+    component: ComponentType<P>;
+    passthroughProps?: PassThroughProps;
+};
+export type ExperienceLoadingComponent<P, PassThroughProps extends Partial<P>, Variant extends Pick<P, Exclude<keyof P, keyof PassThroughProps>> & Reference> = ComponentType<ExperienceBaseProps<P, PassThroughProps, Variant>>;
+export type ExperienceProps<P, PassThroughProps extends Partial<P> = Partial<P>, Variant extends Pick<P, Exclude<keyof P, keyof PassThroughProps>> & Reference = Pick<P, Exclude<keyof P, keyof PassThroughProps>> & Reference> = ExperienceBaseProps<P, PassThroughProps, Variant> & {
+    experiences: ExperienceConfiguration<Variant>[];
+    component: ComponentType<P>;
+    loadingComponent?: ExperienceLoadingComponent<P, PassThroughProps, Variant>;
+    trackClicks?: boolean;
+};

package/src/lib/Experience/types/Variant.d.ts

@@ -1,3 +1,3 @@
-export type Variant<P> = P & {
-    id: string;
-};
+export type Variant<P> = P & {
+    id: string;
+};

package/src/lib/Experience/types/index.d.ts

@@ -1,4 +1,4 @@
-export type { Baseline } from './Baseline';
-export type { Variant } from './Variant';
-export type { BaselineWithVariants } from './BaselineWithVariants';
-export type { ExperienceProps, ExperienceBaseProps, ExperienceComponent, ExperienceLoadingComponent, } from './Experience';
+export type { Baseline } from './Baseline';
+export type { Variant } from './Variant';
+export type { BaselineWithVariants } from './BaselineWithVariants';
+export type { ExperienceProps, ExperienceBaseProps, ExperienceComponent, ExperienceLoadingComponent, } from './Experience';

package/src/lib/Experience/useExperience.d.ts

@@ -1,49 +1,49 @@
-import { ExperienceConfiguration, Profile, Reference, VariantRef } from '@ninetailed/experience.js';
-type Load<TBaseline extends Reference> = {
-    status: 'loading';
-    loading: boolean;
-    hasVariants: boolean;
-    baseline: TBaseline;
-    experience: null;
-    variant: TBaseline;
-    variantIndex: 0;
-    audience: null;
-    isPersonalized: boolean;
-    profile: null;
-    error: null;
-};
-type Success<TBaseline extends Reference, TVariant extends Reference> = {
-    status: 'success';
-    loading: boolean;
-    hasVariants: boolean;
-    baseline: TBaseline;
-    experience: ExperienceConfiguration<TVariant> | null;
-    variant: TBaseline | TVariant;
-    variantIndex: number;
-    audience: {
-        id: string;
-    } | null;
-    isPersonalized: boolean;
-    profile: Profile;
-    error: null;
-};
-type Fail<TBaseline extends Reference> = {
-    status: 'error';
-    loading: boolean;
-    hasVariants: boolean;
-    baseline: TBaseline;
-    experience: null;
-    variant: TBaseline;
-    variantIndex: 0;
-    audience: null;
-    isPersonalized: boolean;
-    profile: null;
-    error: Error;
-};
-type UseExperienceArgs<TBaseline extends Reference, TVariant extends Reference> = {
-    baseline: TBaseline;
-    experiences: ExperienceConfiguration<TVariant>[];
-};
-type UseExperienceReturn<TBaseline extends Reference, TVariant extends Reference> = Load<TBaseline> | Success<TBaseline, TVariant | VariantRef> | Fail<TBaseline>;
-export declare const useExperience: <TBaseline extends Reference, TVariant extends Reference>({ baseline, experiences, }: UseExperienceArgs<TBaseline, TVariant>) => UseExperienceReturn<TBaseline, TVariant>;
-export {};
+import { ExperienceConfiguration, Profile, Reference, VariantRef } from '@ninetailed/experience.js';
+type Load<TBaseline extends Reference> = {
+    status: 'loading';
+    loading: boolean;
+    hasVariants: boolean;
+    baseline: TBaseline;
+    experience: null;
+    variant: TBaseline;
+    variantIndex: 0;
+    audience: null;
+    isPersonalized: boolean;
+    profile: null;
+    error: null;
+};
+type Success<TBaseline extends Reference, TVariant extends Reference> = {
+    status: 'success';
+    loading: boolean;
+    hasVariants: boolean;
+    baseline: TBaseline;
+    experience: ExperienceConfiguration<TVariant> | null;
+    variant: TBaseline | TVariant;
+    variantIndex: number;
+    audience: {
+        id: string;
+    } | null;
+    isPersonalized: boolean;
+    profile: Profile;
+    error: null;
+};
+type Fail<TBaseline extends Reference> = {
+    status: 'error';
+    loading: boolean;
+    hasVariants: boolean;
+    baseline: TBaseline;
+    experience: null;
+    variant: TBaseline;
+    variantIndex: 0;
+    audience: null;
+    isPersonalized: boolean;
+    profile: null;
+    error: Error;
+};
+type UseExperienceArgs<TBaseline extends Reference, TVariant extends Reference> = {
+    baseline: TBaseline;
+    experiences: ExperienceConfiguration<TVariant>[];
+};
+type UseExperienceReturn<TBaseline extends Reference, TVariant extends Reference> = Load<TBaseline> | Success<TBaseline, TVariant | VariantRef> | Fail<TBaseline>;
+export declare const useExperience: <TBaseline extends Reference, TVariant extends Reference>({ baseline, experiences, }: UseExperienceArgs<TBaseline, TVariant>) => UseExperienceReturn<TBaseline, TVariant>;
+export {};

package/src/lib/MergeTag/MergeTag.d.ts

@@ -1,7 +1,7 @@
-import { PropsWithChildren } from 'react';
-type MergeTagProps = {
-    id: string;
-    fallback?: string;
-};
-export declare const MergeTag: ({ id, fallback, }: PropsWithChildren<MergeTagProps>) => import("react/jsx-runtime").JSX.Element | null;
-export {};
+import { PropsWithChildren } from 'react';
+type MergeTagProps = {
+    id: string;
+    fallback?: string;
+};
+export declare const MergeTag: ({ id, fallback, }: PropsWithChildren<MergeTagProps>) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/src/lib/MergeTag/helpers.d.ts

@@ -1,3 +1,3 @@
-import { Profile } from '@ninetailed/experience.js-shared';
-export declare const generateSelectors: (id: string) => string[];
-export declare const selectValueFromProfile: (profile: Profile, id: string) => unknown;
+import { Profile } from '@ninetailed/experience.js-shared';
+export declare const generateSelectors: (id: string) => string[];
+export declare const selectValueFromProfile: (profile: Profile, id: string) => unknown;

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

@@ -1 +1 @@
-export * from './MergeTag';
+export * from './MergeTag';

package/src/lib/NinetailedContext.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import { NinetailedInstance } from '@ninetailed/experience.js';
-export declare const NinetailedContext: import("react").Context<NinetailedInstance<import("@ninetailed/experience.js").Reference, import("@ninetailed/experience.js").Reference> | undefined>;
+import { NinetailedInstance } from '@ninetailed/experience.js';
+export declare const NinetailedContext: import("react").Context<NinetailedInstance<import("@ninetailed/experience.js").Reference, import("@ninetailed/experience.js").Reference> | undefined>;

package/src/lib/NinetailedProvider.d.ts

@@ -1,24 +1,24 @@
-import React from 'react';
-import { Ninetailed, OnInitProfileId, Storage } from '@ninetailed/experience.js';
-import { Locale, OnErrorHandler, OnLogHandler, NinetailedRequestContext } from '@ninetailed/experience.js-shared';
-import { NinetailedPlugin } from '@ninetailed/experience.js-plugin-analytics';
-export type NinetailedProviderInstantiationProps = {
-    clientId: string;
-    environment?: string;
-    preview?: boolean;
-    url?: string;
-    plugins?: (NinetailedPlugin | NinetailedPlugin[])[];
-    locale?: Locale;
-    requestTimeout?: number;
-    onLog?: OnLogHandler;
-    onError?: OnErrorHandler;
-    componentViewTrackingThreshold?: number;
-    buildClientContext?: () => NinetailedRequestContext;
-    onInitProfileId?: OnInitProfileId;
-    storageImpl?: Storage;
-    useSDKEvaluation?: boolean;
-};
-export type NinetailedProviderProps = NinetailedProviderInstantiationProps | {
-    ninetailed: Ninetailed;
-};
-export declare const NinetailedProvider: (props: React.PropsWithChildren<NinetailedProviderProps>) => import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+import { Ninetailed, OnInitProfileId, Storage } from '@ninetailed/experience.js';
+import { Locale, OnErrorHandler, OnLogHandler, NinetailedRequestContext } from '@ninetailed/experience.js-shared';
+import { NinetailedPlugin } from '@ninetailed/experience.js-plugin-analytics';
+export type NinetailedProviderInstantiationProps = {
+    clientId: string;
+    environment?: string;
+    preview?: boolean;
+    url?: string;
+    plugins?: (NinetailedPlugin | NinetailedPlugin[])[];
+    locale?: Locale;
+    requestTimeout?: number;
+    onLog?: OnLogHandler;
+    onError?: OnErrorHandler;
+    componentViewTrackingThreshold?: number;
+    buildClientContext?: () => NinetailedRequestContext;
+    onInitProfileId?: OnInitProfileId;
+    storageImpl?: Storage;
+    useSDKEvaluation?: boolean;
+};
+export type NinetailedProviderProps = NinetailedProviderInstantiationProps | {
+    ninetailed: Ninetailed;
+};
+export declare const NinetailedProvider: (props: React.PropsWithChildren<NinetailedProviderProps>) => import("react/jsx-runtime").JSX.Element;

package/src/lib/Personalize.d.ts

@@ -1,23 +1,23 @@
-import React from 'react';
-import { Variant } from './Variant';
-export type PersonalizedComponent<P> = React.ComponentType<Omit<P, 'id'> & {
-    ninetailed?: {
-        isPersonalized: boolean;
-        audience: {
-            id: string;
-        } | {
-            id: 'baseline';
-        };
-    };
-}>;
-type Baseline<P> = P & {
-    id: string;
-};
-type PersonalizeProps<P> = Baseline<P> & {
-    variants?: Variant<P>[];
-    component: PersonalizedComponent<P> | React.ComponentType<P>;
-    loadingComponent?: React.ComponentType;
-    holdout?: number;
-};
-export declare const Personalize: <P extends object>({ component: Component, loadingComponent: LoadingComponent, variants, holdout, ...baseline }: PersonalizeProps<P>) => import("react/jsx-runtime").JSX.Element;
-export {};
+import React from 'react';
+import { Variant } from './Variant';
+export type PersonalizedComponent<P> = React.ComponentType<Omit<P, 'id'> & {
+    ninetailed?: {
+        isPersonalized: boolean;
+        audience: {
+            id: string;
+        } | {
+            id: 'baseline';
+        };
+    };
+}>;
+type Baseline<P> = P & {
+    id: string;
+};
+type PersonalizeProps<P> = Baseline<P> & {
+    variants?: Variant<P>[];
+    component: PersonalizedComponent<P> | React.ComponentType<P>;
+    loadingComponent?: React.ComponentType;
+    holdout?: number;
+};
+export declare const Personalize: <P extends object>({ component: Component, loadingComponent: LoadingComponent, variants, holdout, ...baseline }: PersonalizeProps<P>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/src/lib/TrackHasSeenComponent.d.ts

@@ -1,11 +1,11 @@
-import React from 'react';
-import { Variant } from './Variant';
-type TrackHasSeenComponentProps = {
-    variant: Variant<any>;
-    audience: {
-        id: string;
-    };
-    isPersonalized: boolean;
-};
-export declare const TrackHasSeenComponent: React.FC<React.PropsWithChildren<TrackHasSeenComponentProps>>;
-export {};
+import React from 'react';
+import { Variant } from './Variant';
+type TrackHasSeenComponentProps = {
+    variant: Variant<any>;
+    audience: {
+        id: string;
+    };
+    isPersonalized: boolean;
+};
+export declare const TrackHasSeenComponent: React.FC<React.PropsWithChildren<TrackHasSeenComponentProps>>;
+export {};

package/src/lib/Variant.d.ts

@@ -1,6 +1,6 @@
-export type Variant<P = unknown> = P & {
-    id: string;
-    audience: {
-        id: string;
-    };
-};
+export type Variant<P = unknown> = P & {
+    id: string;
+    audience: {
+        id: string;
+    };
+};

package/src/lib/index.d.ts

@@ -1,17 +1,17 @@
-export type { Profile, Variant } from '@ninetailed/experience.js-shared';
-export type { ExperienceConfiguration, ExperienceType, EXPERIENCE_TRAIT_PREFIX, } from '@ninetailed/experience.js';
-export { NinetailedProvider } from './NinetailedProvider';
-export type { NinetailedProviderProps, NinetailedProviderInstantiationProps, } from './NinetailedProvider';
-export { useNinetailed } from './useNinetailed';
-export { useProfile } from './useProfile';
-export { usePersonalize } from './usePersonalize';
-export { useFlag } from './useFlag';
-export { useFlagWithManualTracking } from './useFlagWithManualTracking';
-export { Personalize } from './Personalize';
-export type { PersonalizedComponent } from './Personalize';
-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';
+export type { Profile, Variant } from '@ninetailed/experience.js-shared';
+export type { ExperienceConfiguration, ExperienceType, EXPERIENCE_TRAIT_PREFIX, } from '@ninetailed/experience.js';
+export { NinetailedProvider } from './NinetailedProvider';
+export type { NinetailedProviderProps, NinetailedProviderInstantiationProps, } from './NinetailedProvider';
+export { useNinetailed } from './useNinetailed';
+export { useProfile } from './useProfile';
+export { usePersonalize } from './usePersonalize';
+export { useFlag } from './useFlag';
+export { useFlagWithManualTracking } from './useFlagWithManualTracking';
+export { Personalize } from './Personalize';
+export type { PersonalizedComponent } from './Personalize';
+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';

package/src/lib/useFlag.d.ts

@@ -1,31 +1,31 @@
-import { AllowedVariableType } from '@ninetailed/experience.js-shared';
-export type FlagResult<T> = {
-    status: 'loading';
-    value: T;
-    error: null;
-} | {
-    status: 'success';
-    value: T;
-    error: null;
-} | {
-    status: 'error';
-    value: T;
-    error: Error;
-};
-type UseFlagOptions = {
-    /**
-     * Type for auto tracking
-     *
-     * @remarks
-     * if this is a function then it should be stable, otherwise tracking will happen more frequently than expected
-     */
-    shouldAutoTrack?: boolean | (() => boolean);
-};
-/**
- * Hook to access a Ninetailed variable flag with built-in auto-tracking.
- *
- * @remarks
- * For manual control over tracking behavior, consider using {@link useFlagWithManualTracking}.
- */
-export declare function useFlag<T extends AllowedVariableType>(flagKey: string, defaultValue: T, options?: UseFlagOptions): FlagResult<T>;
-export {};
+import { AllowedVariableType } from '@ninetailed/experience.js-shared';
+export type FlagResult<T> = {
+    status: 'loading';
+    value: T;
+    error: null;
+} | {
+    status: 'success';
+    value: T;
+    error: null;
+} | {
+    status: 'error';
+    value: T;
+    error: Error;
+};
+type UseFlagOptions = {
+    /**
+     * Type for auto tracking
+     *
+     * @remarks
+     * if this is a function then it should be stable, otherwise tracking will happen more frequently than expected
+     */
+    shouldAutoTrack?: boolean | (() => boolean);
+};
+/**
+ * Hook to access a Ninetailed variable flag with built-in auto-tracking.
+ *
+ * @remarks
+ * For manual control over tracking behavior, consider using {@link useFlagWithManualTracking}.
+ */
+export declare function useFlag<T extends AllowedVariableType>(flagKey: string, defaultValue: T, options?: UseFlagOptions): FlagResult<T>;
+export {};

package/src/lib/useFlagWithManualTracking.d.ts

@@ -1,19 +1,19 @@
-import { AllowedVariableType } from '@ninetailed/experience.js-shared';
-export type FlagResult<T> = {
-    status: 'loading';
-    value: T;
-    error: null;
-} | {
-    status: 'success';
-    value: T;
-    error: null;
-} | {
-    status: 'error';
-    value: T;
-    error: Error;
-};
-export type FlagResultWithTracking<T> = [FlagResult<T>, () => void];
-/**
- * Hook to access a Ninetailed variable flag with manual tracking control.
- */
-export declare function useFlagWithManualTracking<T extends AllowedVariableType>(flagKey: string, defaultValue: T): FlagResultWithTracking<T>;
+import { AllowedVariableType } from '@ninetailed/experience.js-shared';
+export type FlagResult<T> = {
+    status: 'loading';
+    value: T;
+    error: null;
+} | {
+    status: 'success';
+    value: T;
+    error: null;
+} | {
+    status: 'error';
+    value: T;
+    error: Error;
+};
+export type FlagResultWithTracking<T> = [FlagResult<T>, () => void];
+/**
+ * Hook to access a Ninetailed variable flag with manual tracking control.
+ */
+export declare function useFlagWithManualTracking<T extends AllowedVariableType>(flagKey: string, defaultValue: T): FlagResultWithTracking<T>;

package/src/lib/useNinetailed.d.ts

@@ -1,3 +1,3 @@
-import { NinetailedInstance } from '@ninetailed/experience.js';
-import { Reference } from '@ninetailed/experience.js-shared';
-export declare const useNinetailed: <TBaseline extends Reference = Reference, TVariant extends Reference = Reference>() => NinetailedInstance<TBaseline, TVariant>;
+import { NinetailedInstance } from '@ninetailed/experience.js';
+import { Reference } from '@ninetailed/experience.js-shared';
+export declare const useNinetailed: <TBaseline extends Reference = Reference, TVariant extends Reference = Reference>() => NinetailedInstance<TBaseline, TVariant>;

package/src/lib/usePersonalize.d.ts

@@ -1,32 +1,32 @@
-import { Variant } from '@ninetailed/experience.js-shared';
-type Options = {
-    holdout?: number;
-};
-export declare const usePersonalize: <T extends {
-    id: string;
-}>(baseline: T, variants: Variant<T>[], options?: Options) => {
-    loading: true;
-    variant: Variant<T>;
-    audience: {
-        id: "baseline";
-    };
-    isPersonalized: false;
-    error: null;
-} | {
-    loading: false;
-    variant: Variant<T>;
-    audience: {
-        id: string;
-    };
-    isPersonalized: boolean;
-    error: null;
-} | {
-    loading: false;
-    variant: Variant<T>;
-    audience: {
-        id: "baseline";
-    };
-    isPersonalized: false;
-    error: Error;
-};
-export {};
+import { Variant } from '@ninetailed/experience.js-shared';
+type Options = {
+    holdout?: number;
+};
+export declare const usePersonalize: <T extends {
+    id: string;
+}>(baseline: T, variants: Variant<T>[], options?: Options) => {
+    loading: true;
+    variant: Variant<T>;
+    audience: {
+        id: "baseline";
+    };
+    isPersonalized: false;
+    error: null;
+} | {
+    loading: false;
+    variant: Variant<T>;
+    audience: {
+        id: string;
+    };
+    isPersonalized: boolean;
+    error: null;
+} | {
+    loading: false;
+    variant: Variant<T>;
+    audience: {
+        id: "baseline";
+    };
+    isPersonalized: false;
+    error: Error;
+};
+export {};

package/src/lib/useProfile.d.ts

@@ -1,17 +1,17 @@
-import { ProfileState } from '@ninetailed/experience.js';
-type UseProfileHookResult = Omit<ProfileState, 'experiences'> & {
-    loading: boolean;
-};
-/**
- * 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
- */
-export declare const useProfile: () => UseProfileHookResult;
-export {};
+import { ProfileState } from '@ninetailed/experience.js';
+type UseProfileHookResult = Omit<ProfileState, 'experiences'> & {
+    loading: boolean;
+};
+/**
+ * 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
+ */
+export declare const useProfile: () => UseProfileHookResult;
+export {};