@ninetailed/experience.js-react 4.1.0-beta.3 → 4.2.0-beta.1

package/index.cjs

@@ -2042,29 +2042,6 @@ const useJoinExperiment = () => {
   return context.joinExperiment;
 };
 
-/**
- * This component is used to conditionally render Experiences which may include empty variants.
- * It is essential to intercept the props within the ComponentWrapper to be able to get the current variant.
- * Note: the passed props can be altered by the render plugins.
- */
-const ConditionalRenderComponent = _a => {
-  var {
-      children
-    } = _a,
-    props = __rest(_a, ["children"]);
-  if ('hidden' in props && props.hidden) {
-    return null;
-  }
-  return jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: React__default["default"].Children.map(children, child => {
-      if ( /*#__PURE__*/React__default["default"].isValidElement(child)) {
-        return /*#__PURE__*/React__default["default"].cloneElement(child, props);
-      }
-      return null;
-    })
-  });
-};
-
 const useExperienceSelectionMiddleware = ({
   experiences,
   baseline,
@@ -2222,23 +2199,22 @@ const Experience = _a => {
       }))
     }), baseline.id);
   }
+  const isVariantHidden = 'hidden' in variant && variant.hidden;
   return jsxRuntime.jsx(TrackExperience, Object.assign({
     experience: experience,
     variant: variant,
     // the profile is definitely defined, otherwise there wouldn't be an experience selected
     profile: profile
   }, {
-    children: jsxRuntime.jsx(ConditionalRenderComponent, {
-      children: /*#__PURE__*/React.createElement(Component, Object.assign({}, Object.assign(Object.assign({}, passthroughProps), variant), {
-        key: `${experience.id}-${variant.id}`,
-        ninetailed: {
-          isPersonalized,
-          audience: {
-            id: (audience === null || audience === void 0 ? void 0 : audience.id) || 'all visitors'
-          }
+    children: !isVariantHidden ? /*#__PURE__*/React.createElement(Component, Object.assign({}, Object.assign(Object.assign({}, passthroughProps), variant), {
+      key: `${experience.id}-${variant.id}`,
+      ninetailed: {
+        isPersonalized,
+        audience: {
+          id: (audience === null || audience === void 0 ? void 0 : audience.id) || 'all visitors'
         }
-      }))
-    })
+      }
+    })) : null
   }));
 };
 

package/index.js

@@ -2029,29 +2029,6 @@ const useJoinExperiment = () => {
   return context.joinExperiment;
 };
 
-/**
- * This component is used to conditionally render Experiences which may include empty variants.
- * It is essential to intercept the props within the ComponentWrapper to be able to get the current variant.
- * Note: the passed props can be altered by the render plugins.
- */
-const ConditionalRenderComponent = _a => {
-  var {
-      children
-    } = _a,
-    props = __rest(_a, ["children"]);
-  if ('hidden' in props && props.hidden) {
-    return null;
-  }
-  return jsx(Fragment, {
-    children: React.Children.map(children, child => {
-      if ( /*#__PURE__*/React.isValidElement(child)) {
-        return /*#__PURE__*/React.cloneElement(child, props);
-      }
-      return null;
-    })
-  });
-};
-
 const useExperienceSelectionMiddleware = ({
   experiences,
   baseline,
@@ -2209,23 +2186,22 @@ const Experience = _a => {
       }))
     }), baseline.id);
   }
+  const isVariantHidden = 'hidden' in variant && variant.hidden;
   return jsx(TrackExperience, Object.assign({
     experience: experience,
     variant: variant,
     // the profile is definitely defined, otherwise there wouldn't be an experience selected
     profile: profile
   }, {
-    children: jsx(ConditionalRenderComponent, {
-      children: /*#__PURE__*/createElement$1(Component, Object.assign({}, Object.assign(Object.assign({}, passthroughProps), variant), {
-        key: `${experience.id}-${variant.id}`,
-        ninetailed: {
-          isPersonalized,
-          audience: {
-            id: (audience === null || audience === void 0 ? void 0 : audience.id) || 'all visitors'
-          }
+    children: !isVariantHidden ? /*#__PURE__*/createElement$1(Component, Object.assign({}, Object.assign(Object.assign({}, passthroughProps), variant), {
+      key: `${experience.id}-${variant.id}`,
+      ninetailed: {
+        isPersonalized,
+        audience: {
+          id: (audience === null || audience === void 0 ? void 0 : audience.id) || 'all visitors'
         }
-      }))
-    })
+      }
+    })) : null
   }));
 };
 

package/lib/Experience/useExperiementsContext.d.ts

@@ -1,4 +1,4 @@
 export declare const useExperimentsContext: () => {
-    experiments: import("@ninetailed/experience.js").ExperienceConfiguration<any>[];
+    experiments: import("@ninetailed/experience.js-shared").ExperienceConfiguration<any>[];
     joinExperiment: import("./useProvideJoinExperiment").JoinExperiment;
 };

package/lib/Experience/useExperienceSelectionMiddleware.d.ts

@@ -1,11 +1,11 @@
 import { ExperienceConfiguration, Profile, Reference } from '@ninetailed/experience.js-shared';
-type UseExperienceSelectionMiddlewareArg = {
-    experiences: ExperienceConfiguration<Reference>[];
+type UseExperienceSelectionMiddlewareArg<Variant extends Reference> = {
+    experiences: ExperienceConfiguration<Variant>[];
     baseline: Reference;
     profile: Profile | null;
 };
-export declare const useExperienceSelectionMiddleware: ({ experiences, baseline, profile, }: UseExperienceSelectionMiddlewareArg) => ({ experience, variant, }: import("@ninetailed/experience.js").ExperienceSelectionMiddlewareReturnArg<Reference>) => {
-    experience: ExperienceConfiguration<Reference> | null;
-    variant: Reference | 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>) => {
+    experience: ExperienceConfiguration<Variant | import("@ninetailed/experience.js-shared").VariantRef> | null;
+    variant: Variant | import("@ninetailed/experience.js-shared").VariantRef | null;
 };
 export {};

package/lib/Experience/useExperiments.d.ts

@@ -1,3 +1,3 @@
 export declare const useExperiments: () => {
-    experiments: import("@ninetailed/experience.js").ExperienceConfiguration<any>[];
+    experiments: import("@ninetailed/experience.js-shared").ExperienceConfiguration<any>[];
 };

package/lib/useProfile.d.ts

@@ -41,7 +41,12 @@ export declare const useProfile: () => {
             averageSessionLength: number;
         };
     };
-    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";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ninetailed/experience.js-react",
-  "version": "4.1.0-beta.3",
+  "version": "4.2.0-beta.1",
   "peerDependencies": {
     "react": ">=16.8.0"
   },
@@ -8,9 +8,9 @@
     "@analytics/google-analytics": "0.5.3",
     "react-visibility-sensor": "5.1.1",
     "lodash": "4.17.21",
-    "@ninetailed/experience.js": "4.1.0-beta.3",
+    "@ninetailed/experience.js": "4.2.0-beta.1",
     "react-intersection-observer": "8.34.0",
-    "@ninetailed/experience.js-shared": "4.1.0-beta.3",
+    "@ninetailed/experience.js-shared": "4.2.0-beta.1",
     "analytics": "0.8.1"
   },
   "module": "./index.js",

package/lib/Experience/ConditionalComponentRenderer.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-/**
- * This component is used to conditionally render Experiences which may include empty variants.
- * It is essential to intercept the props within the ComponentWrapper to be able to get the current variant.
- * Note: the passed props can be altered by the render plugins.
- */
-export declare const ConditionalRenderComponent: React.FC<React.PropsWithChildren>;