@statsig/react-bindings 0.0.1-beta.22 → 0.0.1-beta.23

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@statsig/react-bindings",
-  "version": "0.0.1-beta.22",
+  "version": "0.0.1-beta.23",
   "dependencies": {
-    "@statsig/client-core": "0.0.1-beta.22"
+    "@statsig/client-core": "0.0.1-beta.23"
   },
   "peerDependencies": {
     "react": "^16.6.3 || ^17.0.0 || ^18.0.0"

package/src/NoopEvaluationsClient.js

@@ -34,10 +34,17 @@ const _client = {
     initializeSync: _noop,
     initializeAsync: _noopAsync,
     shutdown: _noopAsync,
+    flush: _noopAsync,
     updateRuntimeOptions: _noop,
     updateUserSync: _noop,
     updateUserAsync: _noopAsync,
-    getCurrentUser: () => ({ userID: '' }),
+    getContext: () => ({
+        sdkKey: '',
+        sessionID: '',
+        options: {},
+        values: null,
+        user: { userID: '' },
+    }),
     checkGate: () => false,
     getFeatureGate: _defaultEvaluation('gate'),
     getDynamicConfig: _defaultEvaluation('config'),

package/src/index.d.ts

@@ -2,10 +2,11 @@ import StatsigContext from './StatsigContext';
 import { StatsigProvider, StatsigProviderProps } from './StatsigProvider';
 import useDynamicConfig from './useDynamicConfig';
 import useExperiment from './useExperiment';
-import useGate from './useGate';
+import useFeatureGate from './useFeatureGate';
+import useGateValue from './useGateValue';
 import useLayer from './useLayer';
 import { useStatsigClient } from './useStatsigClient';
 import { useStatsigOnDeviceEvalClient } from './useStatsigOnDeviceEvalClient';
 import { useStatsigUser } from './useStatsigUser';
 export type { StatsigProviderProps };
-export { StatsigContext, StatsigProvider, useDynamicConfig, useExperiment, useGate, useLayer, useStatsigOnDeviceEvalClient, useStatsigClient, useStatsigUser, };
+export { StatsigContext, StatsigProvider, useDynamicConfig, useExperiment, useGateValue, useFeatureGate, useLayer, useStatsigOnDeviceEvalClient, useStatsigClient, useStatsigUser, };

package/src/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStatsigUser = exports.useStatsigClient = exports.useStatsigOnDeviceEvalClient = exports.useLayer = exports.useGate = exports.useExperiment = exports.useDynamicConfig = exports.StatsigProvider = exports.StatsigContext = void 0;
+exports.useStatsigUser = exports.useStatsigClient = exports.useStatsigOnDeviceEvalClient = exports.useLayer = exports.useFeatureGate = exports.useGateValue = exports.useExperiment = exports.useDynamicConfig = exports.StatsigProvider = exports.StatsigContext = void 0;
 const StatsigContext_1 = require("./StatsigContext");
 exports.StatsigContext = StatsigContext_1.default;
 const StatsigProvider_1 = require("./StatsigProvider");
@@ -9,8 +9,10 @@ const useDynamicConfig_1 = require("./useDynamicConfig");
 exports.useDynamicConfig = useDynamicConfig_1.default;
 const useExperiment_1 = require("./useExperiment");
 exports.useExperiment = useExperiment_1.default;
-const useGate_1 = require("./useGate");
-exports.useGate = useGate_1.default;
+const useFeatureGate_1 = require("./useFeatureGate");
+exports.useFeatureGate = useFeatureGate_1.default;
+const useGateValue_1 = require("./useGateValue");
+exports.useGateValue = useGateValue_1.default;
 const useLayer_1 = require("./useLayer");
 exports.useLayer = useLayer_1.default;
 const useStatsigClient_1 = require("./useStatsigClient");
@@ -23,7 +25,8 @@ __STATSIG__ = Object.assign(Object.assign({}, (__STATSIG__ !== null && __STATSIG
     StatsigProvider: StatsigProvider_1.StatsigProvider,
     useDynamicConfig: useDynamicConfig_1.default,
     useExperiment: useExperiment_1.default,
-    useGate: useGate_1.default,
+    useGateValue: useGateValue_1.default,
+    useFeatureGate: useFeatureGate_1.default,
     useLayer: useLayer_1.default,
     useStatsigOnDeviceEvalClient: useStatsigOnDeviceEvalClient_1.useStatsigOnDeviceEvalClient,
     useStatsigClient: useStatsigClient_1.useStatsigClient });

package/src/useExperiment.js

@@ -14,7 +14,7 @@ function default_1(experimentName, options) {
         if ((options === null || options === void 0 ? void 0 : options.user) != null) {
             return client.getExperiment(experimentName, options.user, options);
         }
-        client_core_1.Log.warn(`useGate hook failed to find a valid Statsig client for experiment '${experimentName}'.`);
+        client_core_1.Log.warn(`useExperiment hook failed to find a valid Statsig client for experiment '${experimentName}'.`);
         return NoopEvaluationsClient_1.NoopEvaluationsClient.getExperiment(experimentName, options);
     }, [experimentName, renderVersion, options]);
 }

package/src/useFeatureGate.d.ts

@@ -0,0 +1,5 @@
+import { FeatureGate, FeatureGateEvaluationOptions, StatsigUser } from '@statsig/client-core';
+export type useFeatureGateOptions = FeatureGateEvaluationOptions & {
+    user: StatsigUser | null;
+};
+export default function (gateName: string, options?: useFeatureGateOptions): FeatureGate;

package/src/{useGate.js → useFeatureGate.js}

@@ -14,7 +14,7 @@ function default_1(gateName, options) {
         if ((options === null || options === void 0 ? void 0 : options.user) != null) {
             return client.getFeatureGate(gateName, options.user, options);
         }
-        client_core_1.Log.warn(`useGate hook failed to find a valid Statsig client for gate '${gateName}'.`);
+        client_core_1.Log.warn(`useFeatureGate hook failed to find a valid Statsig client for gate '${gateName}'.`);
         return NoopEvaluationsClient_1.NoopEvaluationsClient.getFeatureGate(gateName, options);
     }, [gateName, renderVersion, options]);
     return gate;

package/src/useGateValue.d.ts

@@ -0,0 +1,5 @@
+import { FeatureGateEvaluationOptions, StatsigUser } from '@statsig/client-core';
+export type useFeatureGateOptions = FeatureGateEvaluationOptions & {
+    user: StatsigUser | null;
+};
+export default function (gateName: string, options?: useFeatureGateOptions): boolean;

package/src/useGateValue.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const client_core_1 = require("@statsig/client-core");
+const NoopEvaluationsClient_1 = require("./NoopEvaluationsClient");
+const OnDeviceVsPrecomputedUtils_1 = require("./OnDeviceVsPrecomputedUtils");
+const StatsigContext_1 = require("./StatsigContext");
+function default_1(gateName, options) {
+    const { client, renderVersion } = (0, react_1.useContext)(StatsigContext_1.default);
+    const gate = (0, react_1.useMemo)(() => {
+        if ((0, OnDeviceVsPrecomputedUtils_1.isPrecomputedEvalClient)(client)) {
+            return client.checkGate(gateName, options);
+        }
+        if ((options === null || options === void 0 ? void 0 : options.user) != null) {
+            return client.checkGate(gateName, options.user, options);
+        }
+        client_core_1.Log.warn(`useFeatureGate hook failed to find a valid Statsig client for gate '${gateName}'.`);
+        return NoopEvaluationsClient_1.NoopEvaluationsClient.checkGate(gateName, options);
+    }, [gateName, renderVersion, options]);
+    return gate;
+}
+exports.default = default_1;

package/src/useStatsigUser.js

@@ -2,12 +2,15 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStatsigUser = void 0;
 const react_1 = require("react");
+const StatsigContext_1 = require("./StatsigContext");
 const useStatsigClient_1 = require("./useStatsigClient");
 function useStatsigUser() {
     const client = (0, useStatsigClient_1.useStatsigClient)();
+    const { renderVersion } = (0, react_1.useContext)(StatsigContext_1.default);
     const memoUser = (0, react_1.useMemo)(() => {
-        return client.getCurrentUser();
-    }, [client, client.getCurrentUser()]);
+        const context = client.getContext();
+        return context.user;
+    }, [client, renderVersion]);
     return {
         user: memoUser,
         updateUserSync: (fn) => {

package/src/useGate.d.ts

@@ -1,5 +0,0 @@
-import { FeatureGate, FeatureGateEvaluationOptions, StatsigUser } from '@statsig/client-core';
-export type UseGateOptions = FeatureGateEvaluationOptions & {
-    user: StatsigUser | null;
-};
-export default function (gateName: string, options?: UseGateOptions): FeatureGate;