@statsig/react-bindings 1.6.0 → 1.8.0-beta.1

package/package.json

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

package/src/NoopEvaluationsClient.js

@@ -1,13 +1,4 @@
 "use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NoopEvaluationsClient = void 0;
 const client_core_1 = require("@statsig/client-core");
@@ -15,7 +6,7 @@ const _noop = () => {
     // noop
 };
 const _noopAsync = () => Promise.resolve();
-const NOOP_DETAILS = { reason: 'Error' };
+const NOOP_DETAILS = { reason: 'Error:NoClient' };
 const _defaultEvaluation = (type) => {
     return (...args) => {
         const name = typeof args[0] === 'string' ? args[0] : args[1];
@@ -46,6 +37,11 @@ const context = {
     values: null,
     user: { userID: '' },
     errorBoundary: {},
+    session: {
+        data: { sessionID: '', startTime: 0, lastUpdate: 0 },
+        sdkKey: '',
+    },
+    stableID: '',
 };
 const _client = {
     isNoop: true,
@@ -58,12 +54,6 @@ const _client = {
     updateUserSync: _noop,
     updateUserAsync: _noopAsync,
     getContext: () => (Object.assign({}, context)),
-    getAsyncContext: () => __awaiter(void 0, void 0, void 0, function* () {
-        return (Object.assign(Object.assign({}, context), { session: {
-                data: { sessionID: '', startTime: 0, lastUpdate: 0 },
-                sdkKey: '',
-            }, stableID: '' }));
-    }),
     checkGate: () => false,
     getFeatureGate: _defaultEvaluation('gate'),
     getDynamicConfig: _defaultEvaluation('config'),

package/src/StatsigProvider.js

@@ -14,9 +14,9 @@ function StatsigProvider({ client, children, loadingComponent, }) {
         client_core_1.SDKType._setBindingType('react');
         client.$on('values_updated', onValuesUpdated);
         return () => {
-            client.shutdown().catch((error) => {
-                client_core_1.Log.error('An error occured during shutdown', error);
-            });
+            client
+                .flush()
+                .catch((err) => client_core_1.Log.error('An error occured during flush', err));
             client.off('values_updated', onValuesUpdated);
         };
     }, [client]);

package/src/useStatsigClient.d.ts

@@ -1,6 +1,7 @@
 import { PrecomputedEvaluationsInterface } from '@statsig/client-core';
 type HositedFuncs = Pick<PrecomputedEvaluationsInterface, 'checkGate' | 'getFeatureGate' | 'getDynamicConfig' | 'getExperiment' | 'getLayer' | 'logEvent'>;
-export declare function useStatsigClient(): HositedFuncs & {
+type Output = HositedFuncs & {
     client: PrecomputedEvaluationsInterface;
 };
+export declare function useStatsigClient(): Output;
 export {};

package/src/useStatsigClient.js

@@ -16,29 +16,45 @@ function useStatsigClient() {
         return NoopEvaluationsClient_1.NoopEvaluationsClient;
     }, [anyClient, renderVersion]);
     const deps = [client, renderVersion];
-    return {
+    const checkGate = (0, react_1.useCallback)((name, options) => {
+        return client.checkGate(name, options);
+    }, deps);
+    const getFeatureGate = (0, react_1.useCallback)((name, options) => {
+        return client.getFeatureGate(name, options);
+    }, deps);
+    const getDynamicConfig = (0, react_1.useCallback)((name, options) => {
+        return client.getDynamicConfig(name, options);
+    }, deps);
+    const getExperiment = (0, react_1.useCallback)((name, options) => {
+        return client.getExperiment(name, options);
+    }, deps);
+    const getLayer = (0, react_1.useCallback)((name, options) => {
+        return client.getLayer(name, options);
+    }, deps);
+    const logEvent = (0, react_1.useCallback)((eventName, value, metadata) => {
+        if (typeof eventName === 'string') {
+            return client.logEvent(eventName, value, metadata);
+        }
+        return client.logEvent(eventName);
+    }, deps);
+    return (0, react_1.useMemo)(() => {
+        return {
+            client,
+            checkGate,
+            getFeatureGate,
+            getDynamicConfig,
+            getExperiment,
+            getLayer,
+            logEvent,
+        };
+    }, [
         client,
-        checkGate: (0, react_1.useCallback)((name, options) => {
-            return client.checkGate(name, options);
-        }, deps),
-        getFeatureGate: (0, react_1.useCallback)((name, options) => {
-            return client.getFeatureGate(name, options);
-        }, deps),
-        getDynamicConfig: (0, react_1.useCallback)((name, options) => {
-            return client.getDynamicConfig(name, options);
-        }, deps),
-        getExperiment: (0, react_1.useCallback)((name, options) => {
-            return client.getExperiment(name, options);
-        }, deps),
-        getLayer: (0, react_1.useCallback)((name, options) => {
-            return client.getLayer(name, options);
-        }, deps),
-        logEvent: (0, react_1.useCallback)((eventName, value, metadata) => {
-            if (typeof eventName === 'string') {
-                return client.logEvent(eventName, value, metadata);
-            }
-            return client.logEvent(eventName);
-        }, deps),
-    };
+        checkGate,
+        getFeatureGate,
+        getDynamicConfig,
+        getExperiment,
+        getLayer,
+        logEvent,
+    ]);
 }
 exports.useStatsigClient = useStatsigClient;