@ninetailed/experience.js-react 1.0.1-beta.9 → 1.2.1

package/index.esm.js

@@ -14,6 +14,7 @@ const NinetailedProvider = ({
   url,
   profile,
   locale,
+  requestTimeout,
   plugins: _plugins = []
 }) => {
   const ninetailed = useMemo(() => new Ninetailed({
@@ -24,7 +25,8 @@ const NinetailedProvider = ({
     url,
     plugins: _plugins,
     profile,
-    locale
+    locale,
+    requestTimeout
   }), []);
   return /*#__PURE__*/React.createElement(NinetailedContext.Provider, {
     value: ninetailed
@@ -1530,6 +1532,13 @@ const useProfile = () => {
   return profileState;
 };
 
+const usePersonalize = (baseline, variants, options = {
+  holdout: -1
+}) => {
+  const profile = useProfile();
+  return selectVariant(baseline, variants, profile, options);
+};
+
 var DESCRIPTORS = descriptors;
 var uncurryThis$5 = functionUncurryThis;
 var call$4 = functionCall;
@@ -1624,14 +1633,7 @@ function __rest(s, e) {
     return t;
 }
 
-const usePersonalize = (baseline, variants, options = {
-  holdout: -1
-}) => {
-  const profile = useProfile();
-  return selectVariant(baseline, variants, profile, options);
-};
-
-const TrackHasSeen = ({
+const TrackHasSeenComponent = ({
   children,
   variant,
   audience,
@@ -1704,7 +1706,7 @@ const Personalize = _a => {
     })));
   }
 
-  return /*#__PURE__*/React.createElement(TrackHasSeen, {
+  return /*#__PURE__*/React.createElement(TrackHasSeenComponent, {
     variant: variant,
     audience: audience,
     isPersonalized: isPersonalized
@@ -2313,4 +2315,4 @@ const MergeTag = ({
   return /*#__PURE__*/React.createElement(React.Fragment, null, value);
 };
 
-export { MergeTag, NinetailedProvider, Personalize, useNinetailed, useProfile };
+export { MergeTag, NinetailedProvider, Personalize, TrackHasSeenComponent, useNinetailed, usePersonalize, useProfile };

package/index.umd.js

@@ -19,6 +19,7 @@
         url = _a.url,
         profile = _a.profile,
         locale = _a.locale,
+        requestTimeout = _a.requestTimeout,
         _b = _a.plugins,
         plugins = _b === void 0 ? [] : _b;
     var ninetailed = React.useMemo(function () {
@@ -30,7 +31,8 @@
         url: url,
         plugins: plugins,
         profile: profile,
-        locale: locale
+        locale: locale,
+        requestTimeout: requestTimeout
       });
     }, []);
     return /*#__PURE__*/React__default["default"].createElement(NinetailedContext.Provider, {
@@ -63,6 +65,17 @@
     return profileState;
   };
 
+  var usePersonalize = function usePersonalize(baseline, variants, options) {
+    if (options === void 0) {
+      options = {
+        holdout: -1
+      };
+    }
+
+    var profile = useProfile();
+    return experience_js.selectVariant(baseline, variants, profile, options);
+  };
+
   /*! *****************************************************************************
   Copyright (c) Microsoft Corporation.
 
@@ -101,18 +114,7 @@
       return t;
   }
 
-  var usePersonalize = function usePersonalize(baseline, variants, options) {
-    if (options === void 0) {
-      options = {
-        holdout: -1
-      };
-    }
-
-    var profile = useProfile();
-    return experience_js.selectVariant(baseline, variants, profile, options);
-  };
-
-  var TrackHasSeen = function TrackHasSeen(_a) {
+  var TrackHasSeenComponent = function TrackHasSeenComponent(_a) {
     var children = _a.children,
         variant = _a.variant,
         audience = _a.audience,
@@ -185,7 +187,7 @@
       })));
     }
 
-    return /*#__PURE__*/React__default["default"].createElement(TrackHasSeen, {
+    return /*#__PURE__*/React__default["default"].createElement(TrackHasSeenComponent, {
       variant: variant,
       audience: audience,
       isPersonalized: isPersonalized
@@ -1866,7 +1868,9 @@
   exports.MergeTag = MergeTag;
   exports.NinetailedProvider = NinetailedProvider;
   exports.Personalize = Personalize;
+  exports.TrackHasSeenComponent = TrackHasSeenComponent;
   exports.useNinetailed = useNinetailed;
+  exports.usePersonalize = usePersonalize;
   exports.useProfile = useProfile;
 
   Object.defineProperty(exports, '__esModule', { value: true });

package/lib/NinetailedProvider.d.ts

@@ -9,5 +9,6 @@ export declare type NinetailedProviderProps = {
     plugins?: (AnalyticsPlugin | AnalyticsPlugin[])[];
     profile?: Profile;
     locale?: Locale;
+    requestTimeout?: number;
 };
 export declare const NinetailedProvider: React.FC<NinetailedProviderProps>;

package/lib/Personalize.d.ts

@@ -1,11 +1,6 @@
 import React from 'react';
-export declare type Variant<P = unknown> = {
-    id: string;
-    audience: {
-        id: string;
-    };
-} & P;
-export declare type PersonalizedComponent<P> = React.ComponentType<P & {
+import { Variant } from './Variant';
+export declare type PersonalizedComponent<P> = React.ComponentType<Omit<P, 'id'> & {
     ninetailed?: {
         isPersonalized: boolean;
         audience: {
@@ -21,5 +16,9 @@ declare type PersonalizeProps<P> = P & {
     loadingComponent?: React.ComponentType;
     holdout?: number;
 };
-export declare const Personalize: <P extends Object>({ component: Component, loadingComponent: LoadingComponent, variants, holdout, ...baseline }: PersonalizeProps<P>) => JSX.Element;
+declare type Baseline = {
+    id: string;
+    [x: string | number | symbol]: unknown;
+};
+export declare const Personalize: <P extends Baseline>({ component: Component, loadingComponent: LoadingComponent, variants, holdout, ...baseline }: PersonalizeProps<P>) => JSX.Element;
 export {};

package/lib/TrackHasSeenComponent.d.ts

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

package/lib/Variant.d.ts

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

package/lib/index.d.ts

@@ -1,6 +1,8 @@
-export { Profile } from '@ninetailed/experience.js-shared';
+export { Profile, Variant } from '@ninetailed/experience.js-shared';
 export { NinetailedProvider, NinetailedProviderProps, } from './NinetailedProvider';
 export { useNinetailed } from './useNinetailed';
 export { useProfile } from './useProfile';
+export { usePersonalize } from './usePersonalize';
 export { Personalize, PersonalizedComponent } from './Personalize';
 export { MergeTag } from './MergeTag';
+export { TrackHasSeenComponent } from './TrackHasSeenComponent';

package/lib/usePersonalize.d.ts

@@ -2,7 +2,9 @@ import { Variant } from '@ninetailed/experience.js-shared';
 declare type Options = {
     holdout?: number;
 };
-export declare const usePersonalize: <T>(baseline: T, variants: Variant<T>[], options?: Options) => {
+export declare const usePersonalize: <T extends {
+    id: string;
+}>(baseline: T, variants: Variant<T>[], options?: Options) => {
     loading: true;
     variant: Variant<T>;
     audience: {

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@ninetailed/experience.js-react",
-  "version": "1.0.1-beta.9",
+  "version": "1.2.1",
   "peerDependencies": {
     "react": ">=16.8.0"
   },
   "dependencies": {
     "@analytics/google-analytics": "0.5.3",
     "react-visibility-sensor": "5.1.1",
-    "@ninetailed/experience.js-shared": "1.0.1-beta.9",
+    "@ninetailed/experience.js-shared": "1.2.1",
     "uuid": "^8.3.2",
     "ts-toolbelt": "^9.6.0",
     "locale-enum": "^1.1.1",
     "i18n-iso-countries": "^7.3.0",
     "lodash": "^4.17.21",
-    "@ninetailed/experience.js": "1.0.1-beta.9",
+    "@ninetailed/experience.js": "1.2.1",
     "analytics": "^0.8.0",
     "react-intersection-observer": "^8.33.1"
   },