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

package/index.cjs.d.ts

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

package/{index.js → index.esm.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,11 +48,10 @@ const NinetailedProvider = props => {
   const {
     children
   } = props;
-  return jsx(NinetailedContext.Provider, Object.assign({
-    value: ninetailed
-  }, {
+  return /*#__PURE__*/jsx(NinetailedContext.Provider, {
+    value: ninetailed,
     children: children
-  }));
+  });
 };
 
 const useNinetailed = () => {
@@ -63,42 +62,30 @@ const useNinetailed = () => {
   return ninetailed;
 };
 
-/******************************************************************************
-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;
+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;
 }
 
+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 => {
@@ -112,8 +99,8 @@ const useProfile = () => {
       }
     });
   }, []);
-  const profileStateWithoutExperiences = __rest(profileState, ["experiences"]);
-  return Object.assign(Object.assign({}, profileStateWithoutExperiences), {
+  const profileStateWithoutExperiences = _objectWithoutPropertiesLoose(profileState, _excluded$4);
+  return Object.assign({}, profileStateWithoutExperiences, {
     loading: profileState.status === 'loading'
   });
 };
@@ -147,21 +134,22 @@ const TrackHasSeenComponent = ({
       });
     }
   }, [inView]);
-  return jsxs(Fragment, {
-    children: [jsx("div", {
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx("div", {
       ref: ref
     }), children]
   });
 };
 
-const Personalize = _a => {
-  var {
+const _excluded$3 = ["component", "loadingComponent", "variants", "holdout"];
+const Personalize = _ref => {
+  let {
       component: Component,
       loadingComponent: LoadingComponent,
       variants = [],
       holdout = -1
-    } = _a,
-    baseline = __rest(_a, ["component", "loadingComponent", "variants", "holdout"]);
+    } = _ref,
+    baseline = _objectWithoutPropertiesLoose(_ref, _excluded$3);
   const {
     loading,
     variant,
@@ -172,7 +160,7 @@ const Personalize = _a => {
   });
   const hasVariants = variants.length > 0;
   if (!hasVariants) {
-    return jsx(Component, Object.assign({}, baseline, {
+    return /*#__PURE__*/jsx(Component, Object.assign({}, baseline, {
       ninetailed: {
         isPersonalized,
         audience
@@ -181,26 +169,24 @@ const Personalize = _a => {
   }
   if (loading) {
     if (LoadingComponent) {
-      return jsx(LoadingComponent, {});
+      return /*#__PURE__*/jsx(LoadingComponent, {});
     }
-    return jsx("div", Object.assign({
+    return /*#__PURE__*/jsx("div", {
       style: {
         opacity: 0
-      }
-    }, {
-      children: jsx(Component, Object.assign({}, variant, {
+      },
+      children: /*#__PURE__*/jsx(Component, Object.assign({}, variant, {
         ninetailed: {
           isPersonalized,
           audience
         }
       }))
-    }), "hide");
+    }, "hide");
   }
-  return jsx(TrackHasSeenComponent, Object.assign({
+  return /*#__PURE__*/jsx(TrackHasSeenComponent, {
     variant: variant,
     audience: audience,
-    isPersonalized: isPersonalized
-  }, {
+    isPersonalized: isPersonalized,
     children: /*#__PURE__*/createElement(Component, Object.assign({}, variant, {
       key: `${audience.id}-${variant.id}`,
       ninetailed: {
@@ -208,7 +194,7 @@ const Personalize = _a => {
         audience
       }
     }))
-  }));
+  });
 };
 
 const generateSelectors = id => {
@@ -239,7 +225,7 @@ const MergeTag = ({
     return null;
   }
   const value = selectValueFromProfile(profile, id) || fallback;
-  return value ? jsx(Fragment, {
+  return value ? /*#__PURE__*/jsx(Fragment, {
     children: value
   }) : null;
 };
@@ -273,6 +259,7 @@ const useExperienceSelectionMiddleware = ({
   return middleware;
 };
 
+const _excluded$2 = ["experience", "variant", "variantIndex"];
 const useExperience = ({
   baseline,
   experiences
@@ -288,13 +275,13 @@ const useExperience = ({
     baseline,
     profile
   });
-  const overrideResult = _a => {
-    var {
+  const overrideResult = _ref => {
+    let {
         experience: originalExperience,
         variant: originalVariant,
         variantIndex: originalVariantIndex
-      } = _a,
-      other = __rest(_a, ["experience", "variant", "variantIndex"]);
+      } = _ref,
+      other = _objectWithoutPropertiesLoose(_ref, _excluded$2);
     const {
       experience,
       variant,
@@ -304,20 +291,21 @@ const useExperience = ({
       variant: originalVariant,
       variantIndex: originalVariantIndex
     });
+
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
-    return Object.assign(Object.assign({}, other), {
-      audience: (experience === null || experience === void 0 ? void 0 : experience.audience) ? experience.audience : null,
+    return Object.assign({}, other, {
+      audience: experience != null && experience.audience ? experience.audience : null,
       experience,
       variant,
       variantIndex
     });
   };
-  const baseReturn = Object.assign(Object.assign({}, profileState), {
+  const baseReturn = Object.assign({}, profileState, {
     hasVariants,
     baseline
   });
-  const emptyReturn = Object.assign(Object.assign({}, baseReturn), {
+  const emptyReturn = Object.assign({}, baseReturn, {
     experience: null,
     variant: baseline,
     variantIndex: 0,
@@ -347,7 +335,7 @@ const useExperience = ({
   if (!experience) {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
-    return overrideResult(Object.assign(Object.assign({}, emptyReturn), {
+    return overrideResult(Object.assign({}, emptyReturn, {
       profile
     }));
   }
@@ -359,7 +347,7 @@ const useExperience = ({
     experience,
     profile
   });
-  return overrideResult(Object.assign(Object.assign({}, baseReturn), {
+  return overrideResult(Object.assign({}, baseReturn, {
     status: 'success',
     loading: false,
     error: null,
@@ -380,12 +368,12 @@ const ComponentMarker = /*#__PURE__*/forwardRef(({
   } = useNinetailed();
   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
+    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
     */
-    (_a = markerRef.current) === null || _a === void 0 ? void 0 : _a.style.setProperty('display', 'none', 'important');
+    (_markerRef$current = markerRef.current) == null || _markerRef$current.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');
@@ -402,7 +390,7 @@ const ComponentMarker = /*#__PURE__*/forwardRef(({
       }
     }
   }, [_hidden]);
-  return jsx("div", {
+  return /*#__PURE__*/jsx("div", {
     className: "nt-cmp-marker",
     style: {
       display: 'none'
@@ -426,13 +414,15 @@ const getNextSibling = (element, recursive = false) => {
   return getNextSibling(parentElement, true);
 };
 
-const DefaultExperienceLoadingComponent = _a => {
-  var {
+const _excluded$1 = ["component", "unhideAfterMs", "passthroughProps"],
+  _excluded2 = ["experiences", "component", "loadingComponent", "passthroughProps"];
+const DefaultExperienceLoadingComponent = _ref => {
+  let {
       component: Component,
       unhideAfterMs = 5000,
       passthroughProps
-    } = _a,
-    baseline = __rest(_a, ["component", "unhideAfterMs", "passthroughProps"]);
+    } = _ref,
+    baseline = _objectWithoutPropertiesLoose(_ref, _excluded$1);
   const {
     logger
   } = useNinetailed();
@@ -447,12 +437,11 @@ const DefaultExperienceLoadingComponent = _a => {
     };
   }, []);
   if (hidden) {
-    return jsx("div", Object.assign({
+    return /*#__PURE__*/jsx("div", {
       style: {
         opacity: 0
-      }
-    }, {
-      children: jsx(Component, Object.assign({}, passthroughProps, baseline, {
+      },
+      children: /*#__PURE__*/jsx(Component, Object.assign({}, passthroughProps, baseline, {
         ninetailed: {
           isPersonalized: false,
           audience: {
@@ -460,9 +449,9 @@ const DefaultExperienceLoadingComponent = _a => {
           }
         }
       }))
-    }), "hide");
+    }, "hide");
   }
-  return jsx(Component, Object.assign({}, passthroughProps, baseline, {
+  return /*#__PURE__*/jsx(Component, Object.assign({}, passthroughProps, baseline, {
     ninetailed: {
       isPersonalized: false,
       audience: {
@@ -471,14 +460,14 @@ const DefaultExperienceLoadingComponent = _a => {
     }
   }));
 };
-const Experience = _a => {
-  var {
+const Experience = _ref2 => {
+  let {
       experiences,
       component: Component,
       loadingComponent: LoadingComponent = DefaultExperienceLoadingComponent,
       passthroughProps
-    } = _a,
-    baseline = __rest(_a, ["experiences", "component", "loadingComponent", "passthroughProps"]);
+    } = _ref2,
+    baseline = _objectWithoutPropertiesLoose(_ref2, _excluded2);
   const {
     observeElement,
     unobserveElement,
@@ -496,9 +485,10 @@ const Experience = _a => {
     baseline,
     experiences
   });
+
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore
-  const isComponentForwardRef = isForwardRef(jsx(Component, {}));
+  const isComponentForwardRef = isForwardRef( /*#__PURE__*/jsx(Component, {}));
   const componentRef = useRef(null);
   useEffect(() => {
     const componentElement = componentRef.current;
@@ -530,10 +520,10 @@ const Experience = _a => {
     };
   }, [observeElement, unobserveElement, experience, baseline, variant, variantIndex, audience]);
   if (!hasVariants) {
-    return jsxs(Fragment, {
-      children: [!isComponentForwardRef && jsx(ComponentMarker, {
+    return /*#__PURE__*/jsxs(Fragment, {
+      children: [!isComponentForwardRef && /*#__PURE__*/jsx(ComponentMarker, {
         ref: componentRef
-      }, `marker-no-variants-${(experience === null || experience === void 0 ? void 0 : experience.id) || 'baseline'}-${variant.id}`), /*#__PURE__*/createElement(Component, Object.assign({}, passthroughProps, baseline, {
+      }, `marker-no-variants-${(experience == null ? void 0 : experience.id) || 'baseline'}-${variant.id}`), /*#__PURE__*/createElement(Component, Object.assign({}, passthroughProps, baseline, {
         key: baseline.id
       }, isComponentForwardRef ? {
         ref: componentRef
@@ -550,20 +540,20 @@ const Experience = _a => {
   }
   const isVariantHidden = 'hidden' in variant && variant.hidden;
   if (isVariantHidden) {
-    return jsx(ComponentMarker, {
+    return /*#__PURE__*/jsx(ComponentMarker, {
       ref: componentRef,
       hidden: true
-    }, `marker-hidden-${(experience === null || experience === void 0 ? void 0 : experience.id) || 'baseline'}-${variant.id}`);
+    }, `marker-hidden-${(experience == null ? void 0 : experience.id) || 'baseline'}-${variant.id}`);
   }
-  return jsxs(Fragment, {
-    children: [!isComponentForwardRef && jsx(ComponentMarker, {
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [!isComponentForwardRef && /*#__PURE__*/jsx(ComponentMarker, {
       ref: componentRef
-    }, `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}`,
+    }, `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}`,
       ninetailed: {
         isPersonalized,
         audience: {
-          id: (audience === null || audience === void 0 ? void 0 : audience.id) || 'all visitors'
+          id: (audience == null ? void 0 : audience.id) || 'all visitors'
         }
       }
     }, isComponentForwardRef ? {
@@ -572,18 +562,18 @@ const Experience = _a => {
   });
 };
 
+const _excluded = ["experiences", "component", "passthroughProps"];
 const ESRContext = /*#__PURE__*/React.createContext(undefined);
 const ESRProvider = ({
   experienceVariantsMap,
   children
 }) => {
-  return jsx(ESRContext.Provider, Object.assign({
+  return /*#__PURE__*/jsx(ESRContext.Provider, {
     value: {
       experienceVariantsMap
-    }
-  }, {
+    },
     children: children
-  }));
+  });
 };
 const useESR = () => {
   const context = React.useContext(ESRContext);
@@ -594,19 +584,19 @@ const useESR = () => {
     experienceVariantsMap: context.experienceVariantsMap
   };
 };
-const ESRLoadingComponent = _a => {
-  var {
+const ESRLoadingComponent = _ref => {
+  let {
       experiences,
       component: Component,
       passthroughProps
-    } = _a,
-    baseline = __rest(_a, ["experiences", "component", "passthroughProps"]);
+    } = _ref,
+    baseline = _objectWithoutPropertiesLoose(_ref, _excluded);
   const {
     experienceVariantsMap
   } = useESR();
   const experience = experiences.find(experience => Object.prototype.hasOwnProperty.call(experienceVariantsMap, experience.id));
   if (!experience) {
-    return jsx(Component, Object.assign({}, passthroughProps, baseline, {
+    return /*#__PURE__*/jsx(Component, Object.assign({}, passthroughProps, baseline, {
       ninetailed: {
         isPersonalized: false,
         audience: {
@@ -617,7 +607,7 @@ const ESRLoadingComponent = _a => {
   }
   const component = experience.components.find(component => component.baseline.id === baseline.id);
   if (!component) {
-    return jsx(Component, Object.assign({}, passthroughProps, baseline, {
+    return /*#__PURE__*/jsx(Component, Object.assign({}, passthroughProps, baseline, {
       ninetailed: {
         isPersonalized: false,
         audience: {
@@ -627,7 +617,7 @@ const ESRLoadingComponent = _a => {
     }));
   }
   if (experienceVariantsMap[experience.id] === 0) {
-    return jsx(Component, Object.assign({}, passthroughProps, baseline, {
+    return /*#__PURE__*/jsx(Component, Object.assign({}, passthroughProps, baseline, {
       ninetailed: {
         isPersonalized: false,
         audience: {
@@ -638,7 +628,7 @@ const ESRLoadingComponent = _a => {
   }
   const variant = component.variants[experienceVariantsMap[experience.id] - 1];
   if (!variant) {
-    return jsx(Component, Object.assign({}, passthroughProps, baseline, {
+    return /*#__PURE__*/jsx(Component, Object.assign({}, passthroughProps, baseline, {
       ninetailed: {
         isPersonalized: false,
         audience: {
@@ -647,7 +637,7 @@ const ESRLoadingComponent = _a => {
       }
     }));
   }
-  return jsx(Component, Object.assign({}, passthroughProps, variant, {
+  return /*#__PURE__*/jsx(Component, Object.assign({}, passthroughProps, variant, {
     ninetailed: {
       isPersonalized: false,
       audience: {

package/package.json

@@ -1,7 +1,16 @@
 {
   "name": "@ninetailed/experience.js-react",
-  "version": "7.5.3-beta.1",
+  "version": "7.5.3-beta.2",
   "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"
   },
@@ -11,15 +20,12 @@
     "url": "https://github.com/ninetailed-inc/experience.js.git",
     "directory": "packages/sdks/react"
   },
-  "module": "./index.js",
-  "main": "./index.cjs",
-  "type": "module",
-  "types": "./src/index.d.ts",
-  "dependencies": {
-    "@ninetailed/experience.js": "7.5.3-beta.1",
-    "@ninetailed/experience.js-shared": "7.5.3-beta.1",
-    "radash": "10.9.0",
-    "react-intersection-observer": "8.34.0",
-    "react-is": "18.2.0"
-  }
+  "keywords": [
+    "react",
+    "ninetailed",
+    "personalization",
+    "a/b testing"
+  ],
+  "module": "./index.esm.js",
+  "main": "./index.cjs.js"
 }

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>) => 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>) => import("react/jsx-runtime").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>) => 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>) => import("react/jsx-runtime").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>) => JSX.Element | null;
+export declare const MergeTag: ({ id, fallback, }: PropsWithChildren<MergeTagProps>) => import("react/jsx-runtime").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>) => JSX.Element;
+export declare const NinetailedProvider: (props: React.PropsWithChildren<NinetailedProviderProps>) => import("react/jsx-runtime").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>) => JSX.Element;
+export declare const Personalize: <P extends object>({ component: Component, loadingComponent: LoadingComponent, variants, holdout, ...baseline }: PersonalizeProps<P>) => import("react/jsx-runtime").JSX.Element;
 export {};