@ninetailed/experience.js-react 5.0.0-beta.3 → 6.0.1-beta.1

package/lib/Experience/ComponentMarker.d.ts

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

package/lib/Experience/index.d.ts

@@ -5,4 +5,3 @@ export { useExperience } from './useExperience';
 export { ExperimentsProvider } from './ExperimentsProvider';
 export { useExperiments } from './useExperiments';
 export { useJoinExperiment } from './useJoinExperiment';
-export { TrackExperience } from './TrackExperience';

package/lib/Experience/useExperience.d.ts

@@ -1,11 +1,12 @@
 import { Baseline, ExperienceConfiguration, Profile, Reference, VariantRef } from '@ninetailed/experience.js';
-type Load = {
+type Load<Variant extends Reference> = {
     status: 'loading';
     loading: boolean;
     hasVariants: boolean;
     baseline: Baseline;
     experience: null;
-    variant: null;
+    variant: Variant;
+    variantIndex: 0;
     audience: null;
     isPersonalized: boolean;
     profile: null;
@@ -17,7 +18,8 @@ type Success<Variant extends Reference> = {
     hasVariants: boolean;
     baseline: Baseline;
     experience: ExperienceConfiguration<Variant> | null;
-    variant: Variant | null;
+    variant: Variant;
+    variantIndex: number;
     audience: {
         id: string;
     } | null;
@@ -25,13 +27,14 @@ type Success<Variant extends Reference> = {
     profile: Profile;
     error: null;
 };
-type Fail = {
+type Fail<Variant extends Reference> = {
     status: 'error';
     loading: boolean;
     hasVariants: boolean;
     baseline: Baseline;
     experience: null;
-    variant: null;
+    variant: Variant;
+    variantIndex: 0;
     audience: null;
     isPersonalized: boolean;
     profile: null;
@@ -41,6 +44,6 @@ type UseExperienceArgs<Variant extends Reference> = {
     baseline: Baseline;
     experiences: ExperienceConfiguration<Variant>[];
 };
-type UseExperienceResponse<Variant extends Reference> = Load | Success<Variant | VariantRef> | Fail;
+type UseExperienceResponse<Variant extends Reference> = Load<Variant | VariantRef> | Success<Variant | VariantRef> | Fail<Variant | VariantRef>;
 export declare const useExperience: <Variant extends Reference>({ baseline, experiences, }: UseExperienceArgs<Variant>) => UseExperienceResponse<Variant>;
 export {};

package/lib/Experience/useExperienceSelectionMiddleware.d.ts

@@ -4,8 +4,9 @@ type UseExperienceSelectionMiddlewareArg<Variant extends Reference> = {
     baseline: Reference;
     profile: Profile | null;
 };
-export declare const useExperienceSelectionMiddleware: <Variant extends Reference>({ experiences, baseline, profile, }: UseExperienceSelectionMiddlewareArg<Variant>) => ({ experience, variant, }: import("@ninetailed/experience.js").ExperienceSelectionMiddlewareReturnArg<Variant | import("@ninetailed/experience.js-shared").VariantRef>) => {
+export declare const useExperienceSelectionMiddleware: <Variant extends Reference>({ experiences, baseline, profile, }: UseExperienceSelectionMiddlewareArg<Variant>) => ({ experience, variant, variantIndex, }: import("@ninetailed/experience.js").ExperienceSelectionMiddlewareReturnArg<Variant | import("@ninetailed/experience.js-shared").VariantRef>) => {
     experience: ExperienceConfiguration<Variant | import("@ninetailed/experience.js-shared").VariantRef> | null;
-    variant: Variant | import("@ninetailed/experience.js-shared").VariantRef | null;
+    variant: Variant | import("@ninetailed/experience.js-shared").VariantRef;
+    variantIndex: number;
 };
 export {};

package/lib/NinetailedProvider.d.ts

@@ -16,6 +16,7 @@ export type NinetailedProviderInstantiationProps = {
     requestTimeout?: number;
     onLog?: OnLogHandler;
     onError?: OnErrorHandler;
+    componentViewTrackingThreshold?: number;
 } & ExperimentProviderProps;
 export type NinetailedProviderProps = NinetailedProviderInstantiationProps | ({
     ninetailed: Ninetailed;

package/lib/index.d.ts

@@ -9,6 +9,5 @@ export { Personalize } from './Personalize';
 export type { PersonalizedComponent } from './Personalize';
 export { MergeTag } from './MergeTag';
 export { TrackHasSeenComponent } from './TrackHasSeenComponent';
-export type { RenderPlugin, RenderPluginProps, RenderPluginWrapperComponent, } from './RenderPlugin/RenderPlugin';
-export { ExperimentsProvider, Experience, ESRProvider, ESRLoadingComponent, DefaultExperienceLoadingComponent, TrackExperience, useExperience, useExperiments, useJoinExperiment, } from './Experience';
+export { ExperimentsProvider, Experience, ESRProvider, ESRLoadingComponent, DefaultExperienceLoadingComponent, useExperience, useExperiments, useJoinExperiment, } from './Experience';
 export type { ExperienceProps, ExperienceBaseProps, ExperienceComponent, ExperienceLoadingComponent, } from './Experience';

package/lib/useProfile.d.ts

@@ -3,13 +3,19 @@ export declare const useProfile: () => {
     from: "api" | "hydrated";
     status: "loading";
     profile: null;
-    error: null;
+    error: null; /**
+     * 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.
+     */
 } | {
     loading: boolean;
     from: "api" | "hydrated";
     status: "success";
     profile: {
         id: string;
+        stableId: string;
         random: number;
         audiences: string[];
         traits: import("@ninetailed/experience.js-shared").Properties;
@@ -28,6 +34,7 @@ export declare const useProfile: () => {
             timezone?: string | undefined;
         };
         session: {
+            id: string;
             isReturningVisitor: boolean;
             landingPage: {
                 path: string;

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@ninetailed/experience.js-react",
-  "version": "5.0.0-beta.3",
+  "version": "6.0.1-beta.1",
   "peerDependencies": {
     "react": ">=16.8.0"
   },
   "dependencies": {
     "@analytics/google-analytics": "0.5.3",
     "react-visibility-sensor": "5.1.1",
-    "@ninetailed/experience.js": "5.0.0-beta.3",
-    "react-intersection-observer": "8.34.0",
-    "@ninetailed/experience.js-shared": "5.0.0-beta.3",
+    "@ninetailed/experience.js": "6.0.1-beta.1",
+    "react-is": "18.2.0",
+    "@ninetailed/experience.js-shared": "6.0.1-beta.1",
     "radash": "10.9.0",
-    "analytics": "0.8.1"
+    "react-intersection-observer": "8.34.0"
   },
   "module": "./index.js",
   "main": "./index.cjs",

package/lib/Experience/TrackExperience.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { Profile } from '@ninetailed/experience.js-shared';
-import { ExperienceConfiguration } from '@ninetailed/experience.js';
-type TrackExperienceProps = {
-    experience: ExperienceConfiguration<any>;
-    variant: {
-        id: string;
-    };
-    profile: Profile;
-};
-export declare const TrackExperience: React.FC<React.PropsWithChildren<TrackExperienceProps>>;
-export {};

package/lib/RenderPlugin/ComponentWrapper.d.ts

@@ -1,9 +0,0 @@
-import { FC, PropsWithChildren } from 'react';
-import { Baseline, ExperienceConfiguration } from '@ninetailed/experience.js';
-import { Variant } from '../Experience/types';
-type ComponentRenderInterceptorWrapperProps = {
-    experiences: ExperienceConfiguration<Variant<any>>[];
-    baseline: Baseline;
-};
-export declare const ComponentWrapper: FC<PropsWithChildren<ComponentRenderInterceptorWrapperProps>>;
-export {};

package/lib/RenderPlugin/RenderPlugin.d.ts

@@ -1,13 +0,0 @@
-import { AnalyticsPlugin } from 'analytics';
-import React, { Dispatch, SetStateAction } from 'react';
-import { Baseline, ExperienceConfiguration } from '@ninetailed/experience.js';
-export type RenderPluginProps = {
-    setComponentProps: Dispatch<SetStateAction<object>>;
-    experiences: ExperienceConfiguration[];
-    baseline: Baseline;
-};
-export type RenderPluginWrapperComponent = React.ComponentType<React.PropsWithChildren<RenderPluginProps>>;
-export interface RenderPlugin extends AnalyticsPlugin {
-    getRenderWrapper: () => RenderPluginWrapperComponent;
-}
-export declare function isRenderPlugin(plugin: AnalyticsPlugin): plugin is RenderPlugin;