@ninetailed/experience.js-react 7.22.0-alpha.3 → 7.23.0

package/index.cjs.js

@@ -4,7 +4,6 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var experience_js = require('@ninetailed/experience.js');
 var experience_jsShared = require('@ninetailed/experience.js-shared');
-var radash = require('radash');
 var reactIs = require('react-is');
 
 const NinetailedContext = /*#__PURE__*/React.createContext(undefined);
@@ -126,7 +125,7 @@ const useProfile = () => {
     const unsubscribe = ninetailed.onProfileChange(changedProfileState => {
       // Skip update if the profile hasn't actually changed
       // Here we compare the entire profile including experiences and changes
-      if (radash.isEqual(changedProfileState, profileStateRef.current)) {
+      if (experience_jsShared.isPlainDeepEqual(changedProfileState, profileStateRef.current)) {
         experience_jsShared.logger.debug('Profile State Did Not Change', changedProfileState);
         return;
       }
@@ -168,7 +167,7 @@ function useFlagWithManualTracking(flagKey, defaultValue) {
   });
   // Reset if inputs change
   React.useEffect(() => {
-    if (!radash.isEqual(defaultValueRef.current, defaultValue) || flagKeyRef.current !== flagKey) {
+    if (!experience_jsShared.isPlainDeepEqual(defaultValueRef.current, defaultValue) || flagKeyRef.current !== flagKey) {
       defaultValueRef.current = defaultValue;
       flagKeyRef.current = flagKey;
       lastProcessedState.current = null;
@@ -183,7 +182,7 @@ function useFlagWithManualTracking(flagKey, defaultValue) {
   // Listen for personalization state changes
   React.useEffect(() => {
     const unsubscribe = ninetailed.onChangesChange(changesState => {
-      if (lastProcessedState.current && radash.isEqual(lastProcessedState.current, changesState)) {
+      if (lastProcessedState.current && experience_jsShared.isPlainDeepEqual(lastProcessedState.current, changesState)) {
         return;
       }
       lastProcessedState.current = changesState;
@@ -365,11 +364,14 @@ const generateSelectors = id => {
 };
 const selectValueFromProfile = (profile, id) => {
   const selectors = generateSelectors(id);
-  const matchingSelector = selectors.find(selector => radash.get(profile, selector));
+  // Selectors are matched by truthiness.
+  // Existing falsy values (e.g. 0, false, '') are treated as unresolved.
+  // It is currently unclear whether this is desired behavior or an accidental one.
+  const matchingSelector = selectors.find(selector => experience_jsShared.getByPath(profile, selector));
   if (!matchingSelector) {
     return null;
   }
-  return radash.get(profile, matchingSelector);
+  return experience_jsShared.getByPath(profile, matchingSelector);
 };
 
 const MergeTag = ({
@@ -383,6 +385,8 @@ const MergeTag = ({
   if (loading || !profile) {
     return null;
   }
+  // Uses truthy fallback behavior: falsy resolved values (e.g. 0, false, '')
+  // are treated the same as unresolved values and will trigger the fallback if provided.
   const value = selectValueFromProfile(profile, id) || fallback;
   return value ? jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: value

package/index.esm.js

@@ -1,8 +1,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React, { createContext, useMemo, useContext, useState, useRef, useEffect, useCallback, createElement, forwardRef } from 'react';
 import { Ninetailed, selectVariant, selectHasExperienceVariants } from '@ninetailed/experience.js';
-import { logger, ChangeTypes, isBrowser, circularJsonStringify } from '@ninetailed/experience.js-shared';
-import { isEqual, get } from 'radash';
+import { isPlainDeepEqual, logger, ChangeTypes, isBrowser, getByPath, circularJsonStringify } from '@ninetailed/experience.js-shared';
 import { isForwardRef } from 'react-is';
 
 const NinetailedContext = /*#__PURE__*/createContext(undefined);
@@ -124,7 +123,7 @@ const useProfile = () => {
     const unsubscribe = ninetailed.onProfileChange(changedProfileState => {
       // Skip update if the profile hasn't actually changed
       // Here we compare the entire profile including experiences and changes
-      if (isEqual(changedProfileState, profileStateRef.current)) {
+      if (isPlainDeepEqual(changedProfileState, profileStateRef.current)) {
         logger.debug('Profile State Did Not Change', changedProfileState);
         return;
       }
@@ -166,7 +165,7 @@ function useFlagWithManualTracking(flagKey, defaultValue) {
   });
   // Reset if inputs change
   useEffect(() => {
-    if (!isEqual(defaultValueRef.current, defaultValue) || flagKeyRef.current !== flagKey) {
+    if (!isPlainDeepEqual(defaultValueRef.current, defaultValue) || flagKeyRef.current !== flagKey) {
       defaultValueRef.current = defaultValue;
       flagKeyRef.current = flagKey;
       lastProcessedState.current = null;
@@ -181,7 +180,7 @@ function useFlagWithManualTracking(flagKey, defaultValue) {
   // Listen for personalization state changes
   useEffect(() => {
     const unsubscribe = ninetailed.onChangesChange(changesState => {
-      if (lastProcessedState.current && isEqual(lastProcessedState.current, changesState)) {
+      if (lastProcessedState.current && isPlainDeepEqual(lastProcessedState.current, changesState)) {
         return;
       }
       lastProcessedState.current = changesState;
@@ -363,11 +362,14 @@ const generateSelectors = id => {
 };
 const selectValueFromProfile = (profile, id) => {
   const selectors = generateSelectors(id);
-  const matchingSelector = selectors.find(selector => get(profile, selector));
+  // Selectors are matched by truthiness.
+  // Existing falsy values (e.g. 0, false, '') are treated as unresolved.
+  // It is currently unclear whether this is desired behavior or an accidental one.
+  const matchingSelector = selectors.find(selector => getByPath(profile, selector));
   if (!matchingSelector) {
     return null;
   }
-  return get(profile, matchingSelector);
+  return getByPath(profile, matchingSelector);
 };
 
 const MergeTag = ({
@@ -381,6 +383,8 @@ const MergeTag = ({
   if (loading || !profile) {
     return null;
   }
+  // Uses truthy fallback behavior: falsy resolved values (e.g. 0, false, '')
+  // are treated the same as unresolved values and will trigger the fallback if provided.
   const value = selectValueFromProfile(profile, id) || fallback;
   return value ? jsx(Fragment, {
     children: value

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ninetailed/experience.js-react",
-  "version": "7.22.0-alpha.3",
+  "version": "7.23.0",
   "description": "Ninetailed SDK for React",
   "license": "MIT",
   "repository": {
@@ -28,10 +28,9 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@ninetailed/experience.js": "7.22.0-alpha.3",
-    "@ninetailed/experience.js-shared": "7.22.0-alpha.3",
-    "@ninetailed/experience.js-plugin-analytics": "7.22.0-alpha.3",
-    "radash": "10.9.0",
+    "@ninetailed/experience.js": "7.23.0",
+    "@ninetailed/experience.js-shared": "7.23.0",
+    "@ninetailed/experience.js-plugin-analytics": "7.23.0",
     "react-is": "19.2.4"
   },
   "peerDependencies": {

package/src/lib/NinetailedProvider.d.ts

@@ -17,6 +17,9 @@ export type NinetailedProviderInstantiationProps = {
     buildClientContext?: () => NinetailedRequestContext;
     onInitProfileId?: OnInitProfileId;
     storageImpl?: Storage;
+    /**
+     * @deprecated This option is deprecated and will be removed in a future major version.
+     */
     useSDKEvaluation?: boolean;
 };
 export type NinetailedProviderProps = NinetailedProviderInstantiationProps | {