@statsig/react-bindings 0.0.1-beta.2 → 0.0.1-beta.20

package/README.md

@@ -5,4 +5,4 @@
 
 ReactJS specific additions for use with a Statsig Javascript SDK.
 
-Learn more by visiting: https://docs.statsig.com/client/jsClientSDK
+Learn more by visiting: https://docs.statsig.com/client/javascript-sdk

package/package.json

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

package/src/NoopEvaluationsClient.js

@@ -1,41 +1,51 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NoopEvaluationsClient = void 0;
-var client_core_1 = require("@statsig/client-core");
-var noop = function () {
+const client_core_1 = require("@statsig/client-core");
+const _noop = () => {
     // noop
 };
-var defaultEvaluation = function (type) {
-    return function () {
-        var args = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            args[_i] = arguments[_i];
-        }
-        var name = typeof args[0] === 'string' ? args[0] : args[1];
+const _noopAsync = () => Promise.resolve();
+const NOOP_DETAILS = { reason: 'Error' };
+const _defaultEvaluation = (type) => {
+    return (...args) => {
+        const name = typeof args[0] === 'string' ? args[0] : args[1];
         switch (type) {
             case 'gate':
-                return (0, client_core_1.makeFeatureGate)(name, 'Error');
+                return (0, client_core_1.makeFeatureGate)(name, NOOP_DETAILS, null);
             case 'config':
-                return (0, client_core_1.makeDynamicConfig)(name, 'Error');
+                return (0, client_core_1.makeDynamicConfig)(name, NOOP_DETAILS, null);
             case 'layer':
-                return (0, client_core_1.makeLayer)(name, 'Error');
+                return (0, client_core_1.makeLayer)(name, NOOP_DETAILS, null);
         }
     };
 };
-var client = {
+const _noopDataAdapter = {
+    __primeInMemoryCache: _noop,
+    attach: _noop,
+    getDataSync: () => null,
+    getDataAsync: () => Promise.resolve(null),
+    setData: _noop,
+    prefetchData: _noopAsync,
+};
+const _client = {
     isNoop: true,
     loadingStatus: 'Uninitialized',
-    initialize: function () { return Promise.resolve(); },
-    shutdown: function () { return Promise.resolve(); },
-    updateUser: function () { return Promise.resolve(); },
-    getCurrentUser: function () { return ({ userID: '' }); },
-    checkGate: function () { return false; },
-    getFeatureGate: defaultEvaluation('gate'),
-    getDynamicConfig: defaultEvaluation('config'),
-    getExperiment: defaultEvaluation('config'),
-    getLayer: defaultEvaluation('layer'),
-    logEvent: noop,
-    on: noop,
-    off: noop,
+    initializeSync: _noop,
+    initializeAsync: _noopAsync,
+    shutdown: _noopAsync,
+    updateRuntimeOptions: _noop,
+    updateUserSync: _noop,
+    updateUserAsync: _noopAsync,
+    getCurrentUser: () => ({ userID: '' }),
+    checkGate: () => false,
+    getFeatureGate: _defaultEvaluation('gate'),
+    getDynamicConfig: _defaultEvaluation('config'),
+    getExperiment: _defaultEvaluation('config'),
+    getLayer: _defaultEvaluation('layer'),
+    logEvent: _noop,
+    on: _noop,
+    off: _noop,
+    dataAdapter: _noopDataAdapter,
 };
-exports.NoopEvaluationsClient = client;
+exports.NoopEvaluationsClient = _client;

package/src/OnDeviceVsPrecomputedUtils.d.ts

@@ -1,3 +1,4 @@
 import { OnDeviceEvaluationsInterface, PrecomputedEvaluationsInterface } from '@statsig/client-core';
-export declare function isPrecomputedEvaluationsClient(client: OnDeviceEvaluationsInterface | PrecomputedEvaluationsInterface): client is PrecomputedEvaluationsInterface;
+export declare function isPrecomputedEvalClient(client: OnDeviceEvaluationsInterface | PrecomputedEvaluationsInterface): client is PrecomputedEvaluationsInterface;
+export declare function isNoopClient(client: OnDeviceEvaluationsInterface | PrecomputedEvaluationsInterface): boolean;
 export declare function logMissingStatsigUserWarning(): void;

package/src/OnDeviceVsPrecomputedUtils.js

@@ -1,11 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.logMissingStatsigUserWarning = exports.isPrecomputedEvaluationsClient = void 0;
-var client_core_1 = require("@statsig/client-core");
-function isPrecomputedEvaluationsClient(client) {
-    return 'updateUser' in client;
+exports.logMissingStatsigUserWarning = exports.isNoopClient = exports.isPrecomputedEvalClient = void 0;
+const client_core_1 = require("@statsig/client-core");
+function isPrecomputedEvalClient(client) {
+    if (isNoopClient(client)) {
+        return false;
+    }
+    return 'updateUserSync' in client;
 }
-exports.isPrecomputedEvaluationsClient = isPrecomputedEvaluationsClient;
+exports.isPrecomputedEvalClient = isPrecomputedEvalClient;
+function isNoopClient(client) {
+    return 'isNoop' in client;
+}
+exports.isNoopClient = isNoopClient;
 function logMissingStatsigUserWarning() {
     client_core_1.Log.warn('StatsigUser not provided for On Device Evaluation. Returning default value.');
 }

package/src/StatsigContext.d.ts

@@ -1,8 +1,7 @@
-import { OnDeviceEvaluationsInterface, PrecomputedEvaluationsInterface } from '@statsig/client-core';
+import { StatsigClientInterface } from '@statsig/client-core';
 export interface StatsigContext {
     readonly renderVersion: number;
-    readonly precomputedClient: PrecomputedEvaluationsInterface;
-    readonly onDeviceClient: OnDeviceEvaluationsInterface;
+    readonly client: StatsigClientInterface;
 }
 declare const _default: import("react").Context<StatsigContext>;
 export default _default;

package/src/StatsigContext.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = require("react");
+const react_1 = require("react");
+const NoopEvaluationsClient_1 = require("./NoopEvaluationsClient");
 exports.default = (0, react_1.createContext)({
     renderVersion: 0,
-    precomputedClient: {},
-    onDeviceClient: {},
+    client: NoopEvaluationsClient_1.NoopEvaluationsClient,
 });

package/src/StatsigProvider.d.ts

@@ -1,12 +1,7 @@
 import { ReactNode } from 'react';
-import { OnDeviceEvaluationsInterface, PrecomputedEvaluationsInterface } from '@statsig/client-core';
-type Props = {
+import { StatsigClientInterface } from '@statsig/client-core';
+export type StatsigProviderProps = {
     children: ReactNode | ReactNode[];
-} & ({
-    client: OnDeviceEvaluationsInterface | PrecomputedEvaluationsInterface;
-} | {
-    precomputedClient: PrecomputedEvaluationsInterface;
-    onDeviceClient: OnDeviceEvaluationsInterface;
-});
-export default function StatsigProvider(props: Props): JSX.Element;
-export {};
+    client: StatsigClientInterface;
+};
+export declare function StatsigProvider({ client, children, }: StatsigProviderProps): JSX.Element;

package/src/StatsigProvider.js

@@ -1,55 +1,28 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var client_core_1 = require("@statsig/client-core");
-var NoopEvaluationsClient_1 = require("./NoopEvaluationsClient");
-var OnDeviceVsPrecomputedUtils_1 = require("./OnDeviceVsPrecomputedUtils");
-var StatsigContext_1 = require("./StatsigContext");
-function StatsigProvider(props) {
-    var precomputedClient;
-    var onDeviceClient;
-    if ('client' in props) {
-        precomputedClient = (0, OnDeviceVsPrecomputedUtils_1.isPrecomputedEvaluationsClient)(props.client)
-            ? props.client
-            : NoopEvaluationsClient_1.NoopEvaluationsClient;
-        onDeviceClient = !(0, OnDeviceVsPrecomputedUtils_1.isPrecomputedEvaluationsClient)(props.client)
-            ? props.client
-            : NoopEvaluationsClient_1.NoopEvaluationsClient;
-    }
-    else {
-        precomputedClient = props.precomputedClient;
-        onDeviceClient = props.onDeviceClient;
-    }
-    var _a = (0, react_1.useState)(0), renderVersion = _a[0], setRenderVersion = _a[1];
-    var clients = [precomputedClient, onDeviceClient];
-    (0, react_1.useEffect)(function () {
-        var onStatusChange = function (data) {
-            if (data.event === 'status_change') {
-                setRenderVersion(function (v) { return v + 1; });
-            }
+exports.StatsigProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const client_core_1 = require("@statsig/client-core");
+const StatsigContext_1 = require("./StatsigContext");
+function StatsigProvider({ client, children, }) {
+    const [renderVersion, setRenderVersion] = (0, react_1.useState)(0);
+    (0, react_1.useEffect)(() => {
+        const onValuesUpdated = () => {
+            setRenderVersion((v) => v + 1);
         };
-        clients.forEach(function (client) {
-            client.on('status_change', onStatusChange);
-            client.initialize().catch(function (error) {
-                client_core_1.Log.error('An error occurred during initialization', error);
-            });
-        });
-        return function () {
-            clients.forEach(function (client) {
-                client.shutdown().catch(function (error) {
-                    client_core_1.Log.error('An error occured during shutdown', error);
-                });
-                client.off('status_change', onStatusChange);
+        client.on('values_updated', onValuesUpdated);
+        return () => {
+            client.shutdown().catch((error) => {
+                client_core_1.Log.error('An error occured during shutdown', error);
             });
+            client.off('values_updated', onValuesUpdated);
         };
-    }, clients);
-    return ((0, jsx_runtime_1.jsx)(StatsigContext_1.default.Provider, { value: { renderVersion: renderVersion, onDeviceClient: onDeviceClient, precomputedClient: precomputedClient }, children: shouldRender(precomputedClient) && shouldRender(onDeviceClient)
-            ? props.children
-            : null }));
+    }, [client]);
+    return ((0, jsx_runtime_1.jsx)(StatsigContext_1.default.Provider, { value: { renderVersion, client }, children: _shouldRender(client) ? children : null }));
 }
-exports.default = StatsigProvider;
-function shouldRender(client) {
+exports.StatsigProvider = StatsigProvider;
+function _shouldRender(client) {
     if ('isNoop' in client) {
         return true;
     }

package/src/index.d.ts

@@ -1,7 +1,11 @@
 import StatsigContext from './StatsigContext';
-import StatsigProvider from './StatsigProvider';
+import { StatsigProvider, StatsigProviderProps } from './StatsigProvider';
 import useDynamicConfig from './useDynamicConfig';
 import useExperiment from './useExperiment';
 import useGate from './useGate';
 import useLayer from './useLayer';
-export { StatsigContext, StatsigProvider, useGate, useDynamicConfig, useExperiment, 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, };

package/src/index.js

@@ -1,27 +1,29 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLayer = exports.useExperiment = exports.useDynamicConfig = exports.useGate = exports.StatsigProvider = exports.StatsigContext = void 0;
-var StatsigContext_1 = require("./StatsigContext");
+exports.useStatsigUser = exports.useStatsigClient = exports.useStatsigOnDeviceEvalClient = exports.useLayer = exports.useGate = exports.useExperiment = exports.useDynamicConfig = exports.StatsigProvider = exports.StatsigContext = void 0;
+const StatsigContext_1 = require("./StatsigContext");
 exports.StatsigContext = StatsigContext_1.default;
-var StatsigProvider_1 = require("./StatsigProvider");
-exports.StatsigProvider = StatsigProvider_1.default;
-var useDynamicConfig_1 = require("./useDynamicConfig");
+const StatsigProvider_1 = require("./StatsigProvider");
+Object.defineProperty(exports, "StatsigProvider", { enumerable: true, get: function () { return StatsigProvider_1.StatsigProvider; } });
+const useDynamicConfig_1 = require("./useDynamicConfig");
 exports.useDynamicConfig = useDynamicConfig_1.default;
-var useExperiment_1 = require("./useExperiment");
+const useExperiment_1 = require("./useExperiment");
 exports.useExperiment = useExperiment_1.default;
-var useGate_1 = require("./useGate");
+const useGate_1 = require("./useGate");
 exports.useGate = useGate_1.default;
-var useLayer_1 = require("./useLayer");
+const useLayer_1 = require("./useLayer");
 exports.useLayer = useLayer_1.default;
-__STATSIG__ = __assign(__assign({}, __STATSIG__), { StatsigContext: StatsigContext_1.default, StatsigProvider: StatsigProvider_1.default, useGate: useGate_1.default, useDynamicConfig: useDynamicConfig_1.default, useExperiment: useExperiment_1.default, useLayer: useLayer_1.default });
+const useStatsigClient_1 = require("./useStatsigClient");
+Object.defineProperty(exports, "useStatsigClient", { enumerable: true, get: function () { return useStatsigClient_1.useStatsigClient; } });
+const useStatsigOnDeviceEvalClient_1 = require("./useStatsigOnDeviceEvalClient");
+Object.defineProperty(exports, "useStatsigOnDeviceEvalClient", { enumerable: true, get: function () { return useStatsigOnDeviceEvalClient_1.useStatsigOnDeviceEvalClient; } });
+const useStatsigUser_1 = require("./useStatsigUser");
+Object.defineProperty(exports, "useStatsigUser", { enumerable: true, get: function () { return useStatsigUser_1.useStatsigUser; } });
+__STATSIG__ = Object.assign(Object.assign({}, (__STATSIG__ !== null && __STATSIG__ !== void 0 ? __STATSIG__ : {})), { StatsigContext: StatsigContext_1.default,
+    StatsigProvider: StatsigProvider_1.StatsigProvider,
+    useDynamicConfig: useDynamicConfig_1.default,
+    useExperiment: useExperiment_1.default,
+    useGate: useGate_1.default,
+    useLayer: useLayer_1.default,
+    useStatsigOnDeviceEvalClient: useStatsigOnDeviceEvalClient_1.useStatsigOnDeviceEvalClient,
+    useStatsigClient: useStatsigClient_1.useStatsigClient });

package/src/useDynamicConfig.d.ts

@@ -1,5 +1,5 @@
-import { DynamicConfig, EvaluationOptions, StatsigUser } from '@statsig/client-core';
-export type UseDynamicConfigOptions = EvaluationOptions & {
+import { DynamicConfig, DynamicConfigEvaluationOptions, StatsigUser } from '@statsig/client-core';
+export type UseDynamicConfigOptions = DynamicConfigEvaluationOptions & {
     user: StatsigUser | null;
 };
 export default function (configName: string, options?: UseDynamicConfigOptions): DynamicConfig;

package/src/useDynamicConfig.js

@@ -1,28 +1,21 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = require("react");
-var client_core_1 = require("@statsig/client-core");
-var StatsigContext_1 = require("./StatsigContext");
+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(configName, options) {
-    if (options === void 0) { options = __assign(__assign({}, client_core_1.DEFAULT_EVAL_OPTIONS), { user: null }); }
-    var _a = (0, react_1.useContext)(StatsigContext_1.default), precomputedClient = _a.precomputedClient, onDeviceClient = _a.onDeviceClient;
-    var config = (0, react_1.useMemo)(function () {
-        if (options.user == null) {
-            return precomputedClient.getDynamicConfig(configName, options);
+    const { client, renderVersion } = (0, react_1.useContext)(StatsigContext_1.default);
+    return (0, react_1.useMemo)(() => {
+        if ((0, OnDeviceVsPrecomputedUtils_1.isPrecomputedEvalClient)(client)) {
+            return client.getExperiment(configName, options);
+        }
+        if ((options === null || options === void 0 ? void 0 : options.user) != null) {
+            return client.getExperiment(configName, options.user, options);
         }
-        return onDeviceClient.getDynamicConfig(configName, options.user, options);
-    }, [precomputedClient.loadingStatus, onDeviceClient.loadingStatus, options]);
-    return config;
+        client_core_1.Log.warn(`useDynamicConfig hook failed to find a valid Statsig client for dynamic config '${configName}'.`);
+        return NoopEvaluationsClient_1.NoopEvaluationsClient.getExperiment(configName, options);
+    }, [configName, renderVersion, options]);
 }
 exports.default = default_1;

package/src/useExperiment.d.ts

@@ -1,4 +1,5 @@
-import { Experiment } from '@statsig/client-core';
-import { UseDynamicConfigOptions } from './useDynamicConfig';
-export type UseExperimentOptions = UseDynamicConfigOptions;
+import { Experiment, ExperimentEvaluationOptions, StatsigUser } from '@statsig/client-core';
+export type UseExperimentOptions = ExperimentEvaluationOptions & {
+    user: StatsigUser | null;
+};
 export default function (experimentName: string, options?: UseExperimentOptions): Experiment;

package/src/useExperiment.js

@@ -1,21 +1,21 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-var client_core_1 = require("@statsig/client-core");
-var useDynamicConfig_1 = require("./useDynamicConfig");
+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(experimentName, options) {
-    if (options === void 0) { options = __assign(__assign({}, client_core_1.DEFAULT_EVAL_OPTIONS), { user: null }); }
-    var config = (0, useDynamicConfig_1.default)(experimentName, options);
-    return config;
+    const { client, renderVersion } = (0, react_1.useContext)(StatsigContext_1.default);
+    return (0, react_1.useMemo)(() => {
+        if ((0, OnDeviceVsPrecomputedUtils_1.isPrecomputedEvalClient)(client)) {
+            return client.getExperiment(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}'.`);
+        return NoopEvaluationsClient_1.NoopEvaluationsClient.getExperiment(experimentName, options);
+    }, [experimentName, renderVersion, options]);
 }
 exports.default = default_1;

package/src/useGate.d.ts

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

package/src/useGate.js

@@ -1,28 +1,22 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = require("react");
-var client_core_1 = require("@statsig/client-core");
-var StatsigContext_1 = require("./StatsigContext");
+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) {
-    if (options === void 0) { options = __assign(__assign({}, client_core_1.DEFAULT_EVAL_OPTIONS), { user: null }); }
-    var _a = (0, react_1.useContext)(StatsigContext_1.default), precomputedClient = _a.precomputedClient, onDeviceClient = _a.onDeviceClient;
-    var gate = (0, react_1.useMemo)(function () {
-        if (options.user == null) {
-            return precomputedClient.getFeatureGate(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.getFeatureGate(gateName, options);
+        }
+        if ((options === null || options === void 0 ? void 0 : options.user) != null) {
+            return client.getFeatureGate(gateName, options.user, options);
         }
-        return onDeviceClient.getFeatureGate(gateName, options.user, options);
-    }, [precomputedClient.loadingStatus, onDeviceClient.loadingStatus, options]);
+        client_core_1.Log.warn(`useGate hook failed to find a valid Statsig client for gate '${gateName}'.`);
+        return NoopEvaluationsClient_1.NoopEvaluationsClient.getFeatureGate(gateName, options);
+    }, [gateName, renderVersion, options]);
     return gate;
 }
 exports.default = default_1;

package/src/useLayer.d.ts

@@ -1,5 +1,5 @@
-import { EvaluationOptions, Layer, StatsigUser } from '@statsig/client-core';
-export type UseLayerOptions = EvaluationOptions & {
+import { Layer, LayerEvaluationOptions, StatsigUser } from '@statsig/client-core';
+export type UseLayerOptions = LayerEvaluationOptions & {
     user: StatsigUser | null;
 };
 export default function (layerName: string, options?: UseLayerOptions): Layer;

package/src/useLayer.js

@@ -1,28 +1,22 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = require("react");
-var client_core_1 = require("@statsig/client-core");
-var StatsigContext_1 = require("./StatsigContext");
+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(layerName, options) {
-    if (options === void 0) { options = __assign(__assign({}, client_core_1.DEFAULT_EVAL_OPTIONS), { user: null }); }
-    var _a = (0, react_1.useContext)(StatsigContext_1.default), precomputedClient = _a.precomputedClient, onDeviceClient = _a.onDeviceClient;
-    var layer = (0, react_1.useMemo)(function () {
-        if (options.user == null) {
-            return precomputedClient.getLayer(layerName, options);
+    const { client, renderVersion } = (0, react_1.useContext)(StatsigContext_1.default);
+    const layer = (0, react_1.useMemo)(() => {
+        if ((0, OnDeviceVsPrecomputedUtils_1.isPrecomputedEvalClient)(client)) {
+            return client.getLayer(layerName, options);
+        }
+        if ((options === null || options === void 0 ? void 0 : options.user) != null) {
+            return client.getLayer(layerName, options.user, options);
         }
-        return onDeviceClient.getLayer(layerName, options.user, options);
-    }, [precomputedClient.loadingStatus, onDeviceClient.loadingStatus, options]);
+        client_core_1.Log.warn(`useLayer hook failed to find a valid Statsig client for layer '${layerName}'.`);
+        return NoopEvaluationsClient_1.NoopEvaluationsClient.getLayer(layerName, options);
+    }, [layerName, renderVersion, options]);
     return layer;
 }
 exports.default = default_1;

package/src/useStatsigClient.d.ts

@@ -1,5 +1,2 @@
-import { OnDeviceEvaluationsInterface, PrecomputedEvaluationsInterface } from '@statsig/client-core';
-export default function (): {
-    precomputedClient: PrecomputedEvaluationsInterface;
-    onDeviceClient: OnDeviceEvaluationsInterface;
-};
+import { PrecomputedEvaluationsInterface } from '@statsig/client-core';
+export declare function useStatsigClient(): PrecomputedEvaluationsInterface;

package/src/useStatsigClient.js

@@ -1,8 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = require("react");
-var StatsigContext_1 = require("./StatsigContext");
-function default_1() {
-    return (0, react_1.useContext)(StatsigContext_1.default);
+exports.useStatsigClient = void 0;
+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 useStatsigClient() {
+    const { client } = (0, react_1.useContext)(StatsigContext_1.default);
+    if ((0, OnDeviceVsPrecomputedUtils_1.isPrecomputedEvalClient)(client)) {
+        return client;
+    }
+    client_core_1.Log.warn('Attempting to retrive a Statsig StatsigClient but none was set.');
+    return NoopEvaluationsClient_1.NoopEvaluationsClient;
 }
-exports.default = default_1;
+exports.useStatsigClient = useStatsigClient;

package/src/useStatsigOnDeviceEvalClient.d.ts

@@ -0,0 +1,2 @@
+import { OnDeviceEvaluationsInterface } from '@statsig/client-core';
+export declare function useStatsigOnDeviceEvalClient(): OnDeviceEvaluationsInterface;

package/src/useStatsigOnDeviceEvalClient.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStatsigOnDeviceEvalClient = void 0;
+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 useStatsigOnDeviceEvalClient() {
+    const { client } = (0, react_1.useContext)(StatsigContext_1.default);
+    if (!(0, OnDeviceVsPrecomputedUtils_1.isPrecomputedEvalClient)(client)) {
+        return client;
+    }
+    client_core_1.Log.warn('Attempting to retrive a Statsig StatsigOnDeviceEvalClient but none was set.');
+    return NoopEvaluationsClient_1.NoopEvaluationsClient;
+}
+exports.useStatsigOnDeviceEvalClient = useStatsigOnDeviceEvalClient;

package/src/useStatsigUser.d.ts

@@ -0,0 +1,7 @@
+import { StatsigUser } from '@statsig/client-core';
+export type UseStatsigUserResult = {
+    user: StatsigUser;
+    updateUserSync: (fn: (prevState: StatsigUser) => StatsigUser) => void;
+    updateUserAsync: (fn: (prevState: StatsigUser) => StatsigUser) => Promise<void>;
+};
+export declare function useStatsigUser(): UseStatsigUserResult;

package/src/useStatsigUser.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStatsigUser = void 0;
+const react_1 = require("react");
+const useStatsigClient_1 = require("./useStatsigClient");
+function useStatsigUser() {
+    const client = (0, useStatsigClient_1.useStatsigClient)();
+    const memoUser = (0, react_1.useMemo)(() => {
+        return client.getCurrentUser();
+    }, [client, client.getCurrentUser()]);
+    return {
+        user: memoUser,
+        updateUserSync: (fn) => {
+            const user = fn(memoUser);
+            client.updateUserSync(user);
+        },
+        updateUserAsync: (fn) => {
+            const user = fn(memoUser);
+            return client.updateUserAsync(user);
+        },
+    };
+}
+exports.useStatsigUser = useStatsigUser;