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

package/index.cjs

@@ -7,20 +7,11 @@ var React = require('react');
 var experience_js = require('@ninetailed/experience.js');
 var reactIntersectionObserver = require('react-intersection-observer');
 var experience_jsShared = require('@ninetailed/experience.js-shared');
-var isEqual = require('lodash/isEqual');
-var has$1 = require('lodash/has');
-var _debounce = require('lodash/debounce');
-var values$1 = require('lodash/values');
-var get$1 = require('lodash/get');
+var radash = require('radash');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var isEqual__default = /*#__PURE__*/_interopDefaultLegacy(isEqual);
-var has__default = /*#__PURE__*/_interopDefaultLegacy(has$1);
-var _debounce__default = /*#__PURE__*/_interopDefaultLegacy(_debounce);
-var values__default = /*#__PURE__*/_interopDefaultLegacy(values$1);
-var get__default = /*#__PURE__*/_interopDefaultLegacy(get$1);
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -1914,7 +1905,7 @@ const useProfile = () => {
    */
   React.useEffect(() => {
     ninetailed.onProfileChange(profileState => {
-      if (isEqual__default["default"](profileState, profileStateRef.current)) {
+      if (radash.isEqual(profileState, profileStateRef.current)) {
         experience_jsShared.logger.debug('Profile State Did Not Change', profileState);
         return;
       } else {
@@ -2250,7 +2241,7 @@ const ESRLoadingComponent = _a => {
   const {
     experienceVariantsMap
   } = useESR();
-  const experience = experiences.find(experience => has__default["default"](experienceVariantsMap, experience.id));
+  const experience = experiences.find(experience => Object.prototype.hasOwnProperty.call(experienceVariantsMap, experience.id));
   if (!experience) {
     return jsxRuntime.jsx(Component, Object.assign({}, passthroughProps, baseline, {
       ninetailed: {
@@ -2305,14 +2296,16 @@ const ESRLoadingComponent = _a => {
 
 const EXPERIENCE_TRAIT_PREFIX = 'nt_experiment_';
 
-const debounce = (fn, wait, options) => {
+const debounce = (fn, wait) => {
   let debouncedArgs = [];
-  const debouncedFn = _debounce__default["default"](() => {
+  const debouncedFn = radash.debounce({
+    delay: wait !== null && wait !== void 0 ? wait : 0
+  }, () => {
     fn.call(undefined, debouncedArgs);
     debouncedArgs = [];
-  }, wait, options);
+  });
   return (...args) => {
-    debouncedArgs.push(values__default["default"](args));
+    debouncedArgs.push(args);
     debouncedFn();
   };
 };
@@ -2516,11 +2509,11 @@ const generateSelectors = id => {
 };
 const selectValueFromProfile = (profile, id) => {
   const selectors = generateSelectors(id);
-  const matchingSelector = selectors.find(selector => get__default["default"](profile, selector));
+  const matchingSelector = selectors.find(selector => radash.get(profile, selector));
   if (!matchingSelector) {
     return null;
   }
-  return get__default["default"](profile, matchingSelector);
+  return radash.get(profile, matchingSelector);
 };
 const MergeTag = ({
   id

package/index.js

@@ -3,11 +3,7 @@ import React, { createContext, useContext, useEffect, useState, useRef, useMemo,
 import { selectDistribution, selectHasExperienceVariants, selectActiveExperiments, selectExperience, selectExperienceVariant, makeExperienceSelectMiddleware, Ninetailed, selectVariant } from '@ninetailed/experience.js';
 import { useInView } from 'react-intersection-observer';
 import { isBrowser, logger } from '@ninetailed/experience.js-shared';
-import isEqual from 'lodash/isEqual';
-import has$1 from 'lodash/has';
-import _debounce from 'lodash/debounce';
-import values$1 from 'lodash/values';
-import get$1 from 'lodash/get';
+import { isEqual, debounce as debounce$1, get as get$1 } from 'radash';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -2237,7 +2233,7 @@ const ESRLoadingComponent = _a => {
   const {
     experienceVariantsMap
   } = useESR();
-  const experience = experiences.find(experience => has$1(experienceVariantsMap, experience.id));
+  const experience = experiences.find(experience => Object.prototype.hasOwnProperty.call(experienceVariantsMap, experience.id));
   if (!experience) {
     return jsx(Component, Object.assign({}, passthroughProps, baseline, {
       ninetailed: {
@@ -2292,14 +2288,16 @@ const ESRLoadingComponent = _a => {
 
 const EXPERIENCE_TRAIT_PREFIX = 'nt_experiment_';
 
-const debounce = (fn, wait, options) => {
+const debounce = (fn, wait) => {
   let debouncedArgs = [];
-  const debouncedFn = _debounce(() => {
+  const debouncedFn = debounce$1({
+    delay: wait !== null && wait !== void 0 ? wait : 0
+  }, () => {
     fn.call(undefined, debouncedArgs);
     debouncedArgs = [];
-  }, wait, options);
+  });
   return (...args) => {
-    debouncedArgs.push(values$1(args));
+    debouncedArgs.push(args);
     debouncedFn();
   };
 };

package/lib/MergeTag.d.ts

@@ -4,6 +4,6 @@ type MergeTagProps = {
     id: string;
 };
 export declare const generateSelectors: (id: string) => string[];
-export declare const selectValueFromProfile: (profile: Profile, id: string) => any;
+export declare const selectValueFromProfile: (profile: Profile, id: string) => unknown;
 export declare const MergeTag: React.FC<React.PropsWithChildren<MergeTagProps>>;
 export {};

package/lib/useProfile.d.ts

@@ -41,12 +41,7 @@ export declare const useProfile: () => {
             averageSessionLength: number;
         };
     };
-    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.
-     */
+    error: null;
 } | {
     loading: boolean;
     from: "api" | "hydrated";

package/package.json

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