@statsig/react-bindings 2.0.0 → 2.1.0

package/package.json

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

package/src/StatsigProvider.d.ts

@@ -1,8 +1,16 @@
 import { ReactNode } from 'react';
-import { StatsigClientInterface } from '@statsig/client-core';
+import { AnyStatsigOptions, StatsigClientInterface, StatsigUser } from '@statsig/client-core';
+type WithClient = {
+    client: StatsigClientInterface;
+};
+type WithConfiguration = {
+    sdkKey: string;
+    user: StatsigUser;
+    options?: AnyStatsigOptions;
+};
 export type StatsigProviderProps = {
     children: ReactNode | ReactNode[];
-    client: StatsigClientInterface;
     loadingComponent?: ReactNode | ReactNode[];
-};
-export declare function StatsigProvider({ client, children, loadingComponent, }: StatsigProviderProps): JSX.Element;
+} & (WithClient | WithConfiguration);
+export declare function StatsigProvider(props: StatsigProviderProps): JSX.Element;
+export {};

package/src/StatsigProvider.js

@@ -5,8 +5,12 @@ 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, loadingComponent, }) {
+const useClientAsyncInit_1 = require("./useClientAsyncInit");
+function StatsigProvider(props) {
     const [renderVersion, setRenderVersion] = (0, react_1.useState)(0);
+    const client = 'client' in props
+        ? props.client
+        : (0, useClientAsyncInit_1.useClientAsyncInit)(props.sdkKey, props.user).client;
     (0, react_1.useEffect)(() => {
         const onValuesUpdated = () => {
             setRenderVersion((v) => v + 1);
@@ -21,9 +25,9 @@ function StatsigProvider({ client, children, loadingComponent, }) {
         };
     }, [client]);
     const contextValue = (0, react_1.useMemo)(() => ({ renderVersion, client }), [renderVersion, client]);
-    return ((0, jsx_runtime_1.jsx)(StatsigContext_1.default.Provider, { value: contextValue, children: loadingComponent == null || _isReady(client)
-            ? children
-            : loadingComponent }));
+    return ((0, jsx_runtime_1.jsx)(StatsigContext_1.default.Provider, { value: contextValue, children: props.loadingComponent == null || _isReady(client)
+            ? props.children
+            : props.loadingComponent }));
 }
 exports.StatsigProvider = StatsigProvider;
 function _isReady(client) {