@statsig/react-bindings 2.1.0 → 2.1.1-beta.2

package/README.md

@@ -1,3 +1,5 @@
+Statsig helps you move faster with feature gates (feature flags), and/or dynamic configs. It also allows you to run A/B/n tests to validate your new features and understand their impact on your KPIs. If you're new to Statsig, check out our product and create an account at [statsig.com](https://www.statsig.com/?ref=gh_jsm).
+
 <h1 align="center">
 	<a href="https://statsig.com/?ref=gh_jsm">
 		<img src="https://github.com/statsig-io/js-client-monorepo/assets/95646168/ae5499ed-20ff-4584-bf21-8857f800d485" />
@@ -18,8 +20,6 @@
     	</a>
 </p>
 
-Statsig helps you move faster with feature gates (feature flags), and/or dynamic configs. It also allows you to run A/B/n tests to validate your new features and understand their impact on your KPIs. If you're new to Statsig, check out our product and create an account at [statsig.com](https://www.statsig.com/?ref=gh_jsm).
-
 ## Getting Started
 
 Read through the [Documentation](https://docs.statsig.com/client/javascript-sdk?ref=gh_jsm) or check out the [Samples](samples/).

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@statsig/react-bindings",
-  "version": "2.1.0",
+  "version": "2.1.1-beta.2",
   "dependencies": {
-    "@statsig/client-core": "2.1.0"
+    "@statsig/client-core": "2.1.1-beta.2"
   },
   "peerDependencies": {
     "react": "^16.6.3 || ^17.0.0 || ^18.0.0"
   },
   "optionalDependencies": {
-    "@statsig/js-client": "2.1.0",
-    "@statsig/js-on-device-eval-client": "2.1.0"
+    "@statsig/js-client": "2.1.1-beta.2",
+    "@statsig/js-on-device-eval-client": "2.1.1-beta.2"
   },
   "type": "commonjs",
   "main": "./src/index.js",

package/src/StatsigProvider.d.ts

@@ -1,12 +1,14 @@
 import { ReactNode } from 'react';
-import { AnyStatsigOptions, StatsigClientInterface, StatsigUser } from '@statsig/client-core';
+import { StatsigUser } from '@statsig/client-core';
+import type { StatsigClient, StatsigOptions } from '@statsig/js-client';
+import type { StatsigOnDeviceEvalClient, StatsigOptions as StatsigOptionsOnDeviceEval } from '@statsig/js-on-device-eval-client';
 type WithClient = {
-    client: StatsigClientInterface;
+    client: StatsigClient | StatsigOnDeviceEvalClient;
 };
 type WithConfiguration = {
     sdkKey: string;
     user: StatsigUser;
-    options?: AnyStatsigOptions;
+    options?: StatsigOptionsOnDeviceEval | StatsigOptions;
 };
 export type StatsigProviderProps = {
     children: ReactNode | ReactNode[];

package/src/requireOptionalDependency.d.ts

@@ -1,3 +1,5 @@
-import { AnyStatsigOptions, OnDeviceEvaluationsInterface, PrecomputedEvaluationsInterface, StatsigUser } from '@statsig/client-core';
-export declare function requireOptionalClientDependency(sdkKey: string, initialUser: StatsigUser, statsigOptions: AnyStatsigOptions | null): PrecomputedEvaluationsInterface;
-export declare function requireOptionalOnDeviceClientDependency(sdkKey: string, statsigOptions: AnyStatsigOptions | null): OnDeviceEvaluationsInterface;
+import { AnyStatsigOptions, StatsigUser } from '@statsig/client-core';
+import type { StatsigClient as TStatsigClient } from '@statsig/js-client';
+import type { StatsigOnDeviceEvalClient as TStatsigOnDeviceEvalClient } from '@statsig/js-on-device-eval-client';
+export declare function requireOptionalClientDependency(sdkKey: string, initialUser: StatsigUser, statsigOptions: AnyStatsigOptions | null): TStatsigClient;
+export declare function requireOptionalOnDeviceClientDependency(sdkKey: string, statsigOptions: AnyStatsigOptions | null): TStatsigOnDeviceEvalClient;

package/src/requireOptionalDependency.js

@@ -3,15 +3,32 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.requireOptionalOnDeviceClientDependency = exports.requireOptionalClientDependency = void 0;
 const client_core_1 = require("@statsig/client-core");
 const NoopEvaluationsClient_1 = require("./NoopEvaluationsClient");
+let jsClientMod = null;
+try {
+    // import {StatsigClient} from '@statsig/js-client';
+    // jsClientMod = {StatsigClient};
+    // eslint-disable-next-line @typescript-eslint/no-var-requires
+    jsClientMod = require('@statsig/js-client');
+}
+catch (error) {
+    // noop
+}
+let jsOnDeviceEvalClientMod = null;
+try {
+    jsOnDeviceEvalClientMod =
+        // eslint-disable-next-line @typescript-eslint/no-var-requires
+        require('@statsig/js-on-device-eval-client');
+}
+catch (error) {
+    // noop
+}
 function requireOptionalClientDependency(sdkKey, initialUser, statsigOptions) {
     let client;
-    try {
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-var-requires
-        const mod = require('@statsig/js-client');
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access
-        client = new mod.StatsigClient(sdkKey, initialUser, statsigOptions);
+    if (jsClientMod) {
+        const { StatsigClient } = jsClientMod;
+        client = new StatsigClient(sdkKey, initialUser, statsigOptions);
     }
-    catch (error) {
+    else {
         client = NoopEvaluationsClient_1.NoopEvaluationsClient;
         client_core_1.Log.error('Failed to load StatsigClient. Do you have @statsig/js-client installed?');
     }
@@ -20,15 +37,13 @@ function requireOptionalClientDependency(sdkKey, initialUser, statsigOptions) {
 exports.requireOptionalClientDependency = requireOptionalClientDependency;
 function requireOptionalOnDeviceClientDependency(sdkKey, statsigOptions) {
     let client;
-    try {
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-var-requires
-        const mod = require('@statsig/js-on-device-eval-client');
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access
-        client = new mod.StatsigOnDeviceEvalClient(sdkKey, statsigOptions);
+    if (jsOnDeviceEvalClientMod) {
+        const { StatsigOnDeviceEvalClient } = jsOnDeviceEvalClientMod;
+        client = new StatsigOnDeviceEvalClient(sdkKey, statsigOptions);
     }
-    catch (error) {
+    else {
         client = NoopEvaluationsClient_1.NoopEvaluationsClient;
-        client_core_1.Log.error('Failed to load StatsigClient. Do you have @statsig/js-on-device-eval-client installed?');
+        client_core_1.Log.error('Failed to load StatsigOnDeviceEvalClient. Do you have @statsig/js-on-device-eval-client installed?');
     }
     return client;
 }

package/src/useClientAsyncInit.d.ts

@@ -1,5 +1,6 @@
-import { AnyStatsigOptions, PrecomputedEvaluationsInterface, StatsigUser } from '@statsig/client-core';
+import { AnyStatsigOptions, StatsigUser } from '@statsig/client-core';
+import type { StatsigClient } from '@statsig/js-client';
 export declare function useClientAsyncInit(sdkKey: string, initialUser: StatsigUser, statsigOptions?: AnyStatsigOptions | null): {
     isLoading: boolean;
-    client: PrecomputedEvaluationsInterface;
+    client: StatsigClient;
 };

package/src/useClientBootstrapInit.d.ts

@@ -1,4 +1,5 @@
-import { AnyStatsigOptions, PrecomputedEvaluationsInterface, StatsigUser } from '@statsig/client-core';
+import { AnyStatsigOptions, StatsigUser } from '@statsig/client-core';
+import type { StatsigClient } from '@statsig/js-client';
 export declare function useClientBootstrapInit(sdkKey: string, initialUser: StatsigUser, initialValues: string, statsigOptions?: AnyStatsigOptions | null): {
-    client: PrecomputedEvaluationsInterface;
+    client: StatsigClient;
 };

package/src/useOnDeviceClientAsyncInit.d.ts

@@ -1,5 +1,6 @@
-import { AnyStatsigOptions, OnDeviceEvaluationsInterface } from '@statsig/client-core';
+import { AnyStatsigOptions } from '@statsig/client-core';
+import type { StatsigOnDeviceEvalClient } from '@statsig/js-on-device-eval-client';
 export declare function useOnDeviceClientAsyncInit(sdkKey: string, statsigOptions?: AnyStatsigOptions | null): {
     isLoading: boolean;
-    client: OnDeviceEvaluationsInterface;
+    client: StatsigOnDeviceEvalClient;
 };