@ninetailed/experience.js-react 7.5.3-beta.2 → 7.5.3-beta.4

package/{index.cjs.js → index.cjs}

@@ -508,6 +508,7 @@ const Experience = _a => {
   // @ts-ignore
   const isComponentForwardRef = reactIs.isForwardRef(jsxRuntime.jsx(Component, {}));
   const componentRef = React.useRef(null);
+  const isVariantHidden = 'hidden' in variant && variant.hidden;
   React.useEffect(() => {
     const componentElement = componentRef.current;
     if (componentElement && !(componentElement instanceof Element)) {
@@ -524,7 +525,9 @@ const Experience = _a => {
         element: componentElement,
         experience,
         audience,
-        variant,
+        variant: isVariantHidden ? Object.assign(Object.assign({}, variant), {
+          id: `${baseline.id}-hidden`
+        }) : variant,
         variantIndex
       });
       return () => {
@@ -536,7 +539,7 @@ const Experience = _a => {
     return () => {
       // noop
     };
-  }, [observeElement, unobserveElement, experience, baseline, variant, variantIndex, audience]);
+  }, [observeElement, unobserveElement, experience, baseline, variant, variantIndex, audience, isVariantHidden]);
   if (!hasVariants) {
     return jsxRuntime.jsxs(jsxRuntime.Fragment, {
       children: [!isComponentForwardRef && jsxRuntime.jsx(ComponentMarker, {
@@ -556,7 +559,6 @@ const Experience = _a => {
       component: Component
     }));
   }
-  const isVariantHidden = 'hidden' in variant && variant.hidden;
   if (isVariantHidden) {
     return jsxRuntime.jsx(ComponentMarker, {
       ref: componentRef,

package/{index.esm.js → index.js}

@@ -1,6 +1,6 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React, { createContext, useMemo, useContext, useState, useRef, useEffect, createElement, forwardRef } from 'react';
 import { Ninetailed, selectVariant, makeExperienceSelectMiddleware, selectHasExperienceVariants, selectExperience, selectExperienceVariant } from '@ninetailed/experience.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { logger, isBrowser } from '@ninetailed/experience.js-shared';
 import { isEqual, get } from 'radash';
 import { useInView } from 'react-intersection-observer';
@@ -48,10 +48,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 = () => {
@@ -62,30 +63,42 @@ 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.
+***************************************************************************** */
+
+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;
 }
 
-const _excluded$4 = ["experiences"];
 const useProfile = () => {
   const ninetailed = useNinetailed();
   const [profileState, setProfileState] = useState(ninetailed.profileState);
   const profileStateRef = useRef({});
-
-  /**
-   * This effect compares the old and new profile state before updating it.
-   * We use a ref to avoid an infinite loop which can happen when an empty profile state was updated with no changes.
-   * This behaviour occurred as the validation handling on the error property was not set properly in the "CreateProfile" and "UpdateProfile" endpoint types.
-   * Furthermore, it was also observed, that it "only" occurred when the preview plugin was used in parallel.
+  /**
+   * This effect compares the old and new profile state before updating it.
+   * We use a ref to avoid an infinite loop which can happen when an empty profile state was updated with no changes.
+   * This behaviour occurred as the validation handling on the error property was not set properly in the "CreateProfile" and "UpdateProfile" endpoint types.
+   * Furthermore, it was also observed, that it "only" occurred when the preview plugin was used in parallel.
    */
   useEffect(() => {
     ninetailed.onProfileChange(profileState => {
@@ -99,8 +112,8 @@ const useProfile = () => {
       }
     });
   }, []);
-  const profileStateWithoutExperiences = _objectWithoutPropertiesLoose(profileState, _excluded$4);
-  return Object.assign({}, profileStateWithoutExperiences, {
+  const profileStateWithoutExperiences = __rest(profileState, ["experiences"]);
+  return Object.assign(Object.assign({}, profileStateWithoutExperiences), {
     loading: profileState.status === 'loading'
   });
 };
@@ -134,22 +147,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,
@@ -160,7 +172,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
@@ -169,24 +181,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: {
@@ -194,7 +208,7 @@ const Personalize = _ref => {
         audience
       }
     }))
-  });
+  }));
 };
 
 const generateSelectors = id => {
@@ -225,7 +239,7 @@ const MergeTag = ({
     return null;
   }
   const value = selectValueFromProfile(profile, id) || fallback;
-  return value ? /*#__PURE__*/jsx(Fragment, {
+  return value ? jsx(Fragment, {
     children: value
   }) : null;
 };
@@ -259,7 +273,6 @@ const useExperienceSelectionMiddleware = ({
   return middleware;
 };
 
-const _excluded$2 = ["experience", "variant", "variantIndex"];
 const useExperience = ({
   baseline,
   experiences
@@ -275,13 +288,13 @@ const useExperience = ({
     baseline,
     profile
   });
-  const overrideResult = _ref => {
-    let {
+  const overrideResult = _a => {
+    var {
         experience: originalExperience,
         variant: originalVariant,
         variantIndex: originalVariantIndex
-      } = _ref,
-      other = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+      } = _a,
+      other = __rest(_a, ["experience", "variant", "variantIndex"]);
     const {
       experience,
       variant,
@@ -291,21 +304,20 @@ const useExperience = ({
       variant: originalVariant,
       variantIndex: originalVariantIndex
     });
-
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
-    return Object.assign({}, other, {
-      audience: experience != null && experience.audience ? experience.audience : null,
+    return Object.assign(Object.assign({}, other), {
+      audience: (experience === null || experience === void 0 ? void 0 : experience.audience) ? experience.audience : null,
       experience,
       variant,
       variantIndex
     });
   };
-  const baseReturn = Object.assign({}, profileState, {
+  const baseReturn = Object.assign(Object.assign({}, profileState), {
     hasVariants,
     baseline
   });
-  const emptyReturn = Object.assign({}, baseReturn, {
+  const emptyReturn = Object.assign(Object.assign({}, baseReturn), {
     experience: null,
     variant: baseline,
     variantIndex: 0,
@@ -335,7 +347,7 @@ const useExperience = ({
   if (!experience) {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
-    return overrideResult(Object.assign({}, emptyReturn, {
+    return overrideResult(Object.assign(Object.assign({}, emptyReturn), {
       profile
     }));
   }
@@ -347,7 +359,7 @@ const useExperience = ({
     experience,
     profile
   });
-  return overrideResult(Object.assign({}, baseReturn, {
+  return overrideResult(Object.assign(Object.assign({}, baseReturn), {
     status: 'success',
     loading: false,
     error: null,
@@ -368,12 +380,12 @@ const ComponentMarker = /*#__PURE__*/forwardRef(({
   } = 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');
@@ -390,7 +402,7 @@ const ComponentMarker = /*#__PURE__*/forwardRef(({
       }
     }
   }, [_hidden]);
-  return /*#__PURE__*/jsx("div", {
+  return jsx("div", {
     className: "nt-cmp-marker",
     style: {
       display: 'none'
@@ -414,15 +426,13 @@ const getNextSibling = (element, recursive = false) => {
   return getNextSibling(parentElement, true);
 };
 
-const _excluded$1 = ["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$1);
+    } = _a,
+    baseline = __rest(_a, ["component", "unhideAfterMs", "passthroughProps"]);
   const {
     logger
   } = useNinetailed();
@@ -437,11 +447,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: {
@@ -449,9 +460,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: {
@@ -460,14 +471,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,
@@ -485,11 +496,11 @@ 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(() => {
     const componentElement = componentRef.current;
     if (componentElement && !(componentElement instanceof Element)) {
@@ -506,7 +517,9 @@ const Experience = _ref2 => {
         element: componentElement,
         experience,
         audience,
-        variant,
+        variant: isVariantHidden ? Object.assign(Object.assign({}, variant), {
+          id: `${baseline.id}-hidden`
+        }) : variant,
         variantIndex
       });
       return () => {
@@ -518,12 +531,12 @@ const Experience = _ref2 => {
     return () => {
       // noop
     };
-  }, [observeElement, unobserveElement, experience, baseline, variant, variantIndex, audience]);
+  }, [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
@@ -538,22 +551,21 @@ const Experience = _ref2 => {
       component: Component
     }));
   }
-  const isVariantHidden = 'hidden' in variant && variant.hidden;
   if (isVariantHidden) {
-    return /*#__PURE__*/jsx(ComponentMarker, {
+    return jsx(ComponentMarker, {
       ref: componentRef,
       hidden: true
-    }, `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 ? {
@@ -562,18 +574,18 @@ const Experience = _ref2 => {
   });
 };
 
-const _excluded = ["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);
@@ -584,19 +596,19 @@ const useESR = () => {
     experienceVariantsMap: context.experienceVariantsMap
   };
 };
-const ESRLoadingComponent = _ref => {
-  let {
+const ESRLoadingComponent = _a => {
+  var {
       experiences,
       component: Component,
       passthroughProps
-    } = _ref,
-    baseline = _objectWithoutPropertiesLoose(_ref, _excluded);
+    } = _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: {
@@ -607,7 +619,7 @@ const ESRLoadingComponent = _ref => {
   }
   const component = experience.components.find(component => 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: {
@@ -617,7 +629,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: {
@@ -628,7 +640,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: {
@@ -637,7 +649,7 @@ const ESRLoadingComponent = _ref => {
       }
     }));
   }
-  return /*#__PURE__*/jsx(Component, Object.assign({}, passthroughProps, variant, {
+  return jsx(Component, Object.assign({}, passthroughProps, variant, {
     ninetailed: {
       isPersonalized: false,
       audience: {

package/package.json

@@ -1,16 +1,7 @@
 {
   "name": "@ninetailed/experience.js-react",
-  "version": "7.5.3-beta.2",
+  "version": "7.5.3-beta.4",
   "description": "Ninetailed SDK for React",
-  "dependencies": {
-    "@ninetailed/experience.js": "*",
-    "@ninetailed/experience.js-shared": "*",
-    "radash": "10.9.0",
-    "react-intersection-observer": "8.34.0",
-    "react-is": "18.2.0",
-    "@testing-library/react-hooks": "7.0.2",
-    "@testing-library/react": "13.4.0"
-  },
   "peerDependencies": {
     "react": ">=16.8.0"
   },
@@ -20,12 +11,15 @@
     "url": "https://github.com/ninetailed-inc/experience.js.git",
     "directory": "packages/sdks/react"
   },
-  "keywords": [
-    "react",
-    "ninetailed",
-    "personalization",
-    "a/b testing"
-  ],
-  "module": "./index.esm.js",
-  "main": "./index.cjs.js"
+  "module": "./index.js",
+  "main": "./index.cjs",
+  "type": "module",
+  "types": "./src/index.d.ts",
+  "dependencies": {
+    "@ninetailed/experience.js": "7.5.3-beta.4",
+    "@ninetailed/experience.js-shared": "7.5.3-beta.4",
+    "radash": "10.9.0",
+    "react-intersection-observer": "8.34.0",
+    "react-is": "18.2.0"
+  }
 }

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

@@ -12,5 +12,5 @@ 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 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>) => JSX.Element;
 export {};

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

@@ -23,5 +23,5 @@ type DefaultExperienceLoadingComponentProps = ExperienceBaseProps<Record<string,
     unhideAfterMs?: number;
 };
 export declare const DefaultExperienceLoadingComponent: React.FC<DefaultExperienceLoadingComponentProps>;
-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, passthroughProps, ...baseline }: ExperienceProps<P, PassThroughProps, Variant>) => import("react/jsx-runtime").JSX.Element;
+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, passthroughProps, ...baseline }: ExperienceProps<P, PassThroughProps, Variant>) => JSX.Element;
 export {};

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

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

package/src/lib/NinetailedProvider.d.ts

@@ -19,4 +19,4 @@ export type NinetailedProviderInstantiationProps = {
 export type NinetailedProviderProps = NinetailedProviderInstantiationProps | {
     ninetailed: Ninetailed;
 };
-export declare const NinetailedProvider: (props: React.PropsWithChildren<NinetailedProviderProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const NinetailedProvider: (props: React.PropsWithChildren<NinetailedProviderProps>) => JSX.Element;

package/src/lib/Personalize.d.ts

@@ -19,5 +19,5 @@ type PersonalizeProps<P> = Baseline<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 declare const Personalize: <P extends object>({ component: Component, loadingComponent: LoadingComponent, variants, holdout, ...baseline }: PersonalizeProps<P>) => JSX.Element;
 export {};

package/index.cjs.d.ts

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