@statsig/react-bindings 1.2.0 → 1.3.0

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@statsig/react-bindings",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "dependencies": {
-    "@statsig/client-core": "1.2.0"
+    "@statsig/client-core": "1.3.0"
   },
   "peerDependencies": {
     "react": "^16.6.3 || ^17.0.0 || ^18.0.0"

package/src/NoopEvaluationsClient.js

@@ -26,6 +26,8 @@ const _defaultEvaluation = (type) => {
                 return (0, client_core_1._makeDynamicConfig)(name, NOOP_DETAILS, null);
             case 'layer':
                 return (0, client_core_1._makeLayer)(name, NOOP_DETAILS, null);
+            case 'param_store':
+                return { name };
         }
     };
 };
@@ -67,6 +69,7 @@ const _client = {
     getDynamicConfig: _defaultEvaluation('config'),
     getExperiment: _defaultEvaluation('config'),
     getLayer: _defaultEvaluation('layer'),
+    getParameterStore: _defaultEvaluation('param_store'),
     logEvent: _noop,
     on: _noop,
     off: _noop,

package/src/index.d.ts

@@ -5,8 +5,9 @@ import useExperiment from './useExperiment';
 import useFeatureGate from './useFeatureGate';
 import useGateValue from './useGateValue';
 import useLayer from './useLayer';
+import useParameterStore from './useParameterStore';
 import { useStatsigClient } from './useStatsigClient';
 import { useStatsigOnDeviceEvalClient } from './useStatsigOnDeviceEvalClient';
 import { useStatsigUser } from './useStatsigUser';
 export type { StatsigProviderProps };
-export { StatsigContext, StatsigProvider, useDynamicConfig, useExperiment, useGateValue, useFeatureGate, useLayer, useStatsigOnDeviceEvalClient, useStatsigClient, useStatsigUser, };
+export { StatsigContext, StatsigProvider, useDynamicConfig, useExperiment, useFeatureGate, useGateValue, useLayer, useParameterStore, useStatsigClient, useStatsigOnDeviceEvalClient, 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.useFeatureGate = exports.useGateValue = exports.useExperiment = exports.useDynamicConfig = exports.StatsigProvider = exports.StatsigContext = void 0;
+exports.useStatsigUser = exports.useStatsigOnDeviceEvalClient = exports.useStatsigClient = exports.useParameterStore = exports.useLayer = exports.useGateValue = exports.useFeatureGate = 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");
@@ -15,6 +15,8 @@ const useGateValue_1 = require("./useGateValue");
 exports.useGateValue = useGateValue_1.default;
 const useLayer_1 = require("./useLayer");
 exports.useLayer = useLayer_1.default;
+const useParameterStore_1 = require("./useParameterStore");
+exports.useParameterStore = useParameterStore_1.default;
 const useStatsigClient_1 = require("./useStatsigClient");
 Object.defineProperty(exports, "useStatsigClient", { enumerable: true, get: function () { return useStatsigClient_1.useStatsigClient; } });
 const useStatsigOnDeviceEvalClient_1 = require("./useStatsigOnDeviceEvalClient");
@@ -29,4 +31,5 @@ __STATSIG__ = Object.assign(Object.assign({}, (__STATSIG__ !== null && __STATSIG
     useFeatureGate: useFeatureGate_1.default,
     useLayer: useLayer_1.default,
     useStatsigOnDeviceEvalClient: useStatsigOnDeviceEvalClient_1.useStatsigOnDeviceEvalClient,
-    useStatsigClient: useStatsigClient_1.useStatsigClient });
+    useStatsigClient: useStatsigClient_1.useStatsigClient,
+    useParameterStore: useParameterStore_1.default });

package/src/useParameterStore.d.ts

@@ -0,0 +1,5 @@
+import { ParameterStore, ParameterStoreEvaluationOptions, StatsigUser } from '@statsig/client-core';
+export type useParameterStoreOptions = ParameterStoreEvaluationOptions & {
+    user?: StatsigUser;
+};
+export default function (storeName: string, options?: useParameterStoreOptions): ParameterStore;

package/src/useParameterStore.js

@@ -0,0 +1,24 @@
+"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(storeName, options) {
+    const { client, renderVersion } = (0, react_1.useContext)(StatsigContext_1.default);
+    const store = (0, react_1.useMemo)(() => {
+        if ((0, OnDeviceVsPrecomputedUtils_1.isPrecomputedEvalClient)(client)) {
+            return client.getParameterStore(storeName, options);
+        }
+        if ((options === null || options === void 0 ? void 0 : options.user) != null) {
+            client_core_1.Log.warn(`useParameterStore hook is not yet supported by StatsigOnDeviceEvalClient.`);
+        }
+        else {
+            client_core_1.Log.warn(`useParameterStore hook failed to find a valid Statsig client for parameter store '${storeName}'.`);
+        }
+        return NoopEvaluationsClient_1.NoopEvaluationsClient.getParameterStore(storeName, options);
+    }, [storeName, client, renderVersion, options]);
+    return store;
+}
+exports.default = default_1;