@statsig/react-native-bindings 2.2.0-beta.2 → 2.2.0-beta.5

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@statsig/react-native-bindings",
-  "version": "2.2.0-beta.2",
+  "version": "2.2.0-beta.5",
   "dependencies": {
-    "@statsig/client-core": "2.2.0-beta.2",
-    "@statsig/js-client": "2.2.0-beta.2",
-    "@statsig/react-bindings": "2.2.0-beta.2",
-    "@statsig/react-native-core": "2.2.0-beta.2"
+    "@statsig/client-core": "2.2.0-beta.5",
+    "@statsig/js-client": "2.2.0-beta.5",
+    "@statsig/react-bindings": "2.2.0-beta.5",
+    "@statsig/react-native-core": "2.2.0-beta.5"
   },
   "peerDependencies": {
     "react": "^16.6.3 || ^17.0.0 || ^18.0.0",

package/src/StatsigClientRN.d.ts

@@ -1,5 +1,6 @@
 import { StatsigOptions, StatsigUser } from '@statsig/js-client';
 import { StatsigClientReactNativeBase } from '@statsig/react-native-core';
 export declare class StatsigClientRN extends StatsigClientReactNativeBase {
+    __isRnClient: boolean;
     constructor(sdkKey: string, user: StatsigUser, options?: StatsigOptions | null);
 }

package/src/StatsigClientRN.js

@@ -6,6 +6,7 @@ const StatsigMetadataAdditions_1 = require("./StatsigMetadataAdditions");
 class StatsigClientRN extends react_native_core_1.StatsigClientReactNativeBase {
     constructor(sdkKey, user, options = null) {
         super(sdkKey, user, options, 'rn', (0, StatsigMetadataAdditions_1.GetStatsigMetadataAdditions)());
+        this.__isRnClient = true;
     }
 }
 exports.StatsigClientRN = StatsigClientRN;

package/src/StatsigProviderRN.d.ts

@@ -1,4 +1,5 @@
 import { StatsigProviderProps } from '@statsig/react-bindings';
-type Props = StatsigProviderProps;
+import { StatsigClientRN } from './StatsigClientRN';
+type Props = StatsigProviderProps<StatsigClientRN>;
 export declare function StatsigProviderRN(props: Props): JSX.Element | null;
 export {};

package/src/StatsigProviderRN.js

@@ -2,19 +2,22 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StatsigProviderRN = void 0;
 const react_1 = require("react");
+const client_core_1 = require("@statsig/client-core");
 const react_bindings_1 = require("@statsig/react-bindings");
-const react_native_core_1 = require("@statsig/react-native-core");
-const StatsigMetadataAdditions_1 = require("./StatsigMetadataAdditions");
+const StatsigClientRN_1 = require("./StatsigClientRN");
+function useClientFactory(sdkKey, initialUser, statsigOptions = null) {
+    const [client] = (0, react_1.useState)(() => {
+        const client = new StatsigClientRN_1.StatsigClientRN(sdkKey, initialUser, statsigOptions);
+        client.initializeAsync().catch(client_core_1.Log.error);
+        return client;
+    });
+    return client;
+}
 function StatsigProviderRN(props) {
-    const options = (0, react_1.useMemo)(() => {
-        var _a;
-        if ('client' in props) {
-            return undefined;
-        }
-        const opts = (_a = props.options) !== null && _a !== void 0 ? _a : {};
-        (0, react_native_core_1._setupStatsigForReactNative)('rn', (0, StatsigMetadataAdditions_1.GetStatsigMetadataAdditions)(), opts);
-        return opts;
-    }, [props]);
-    return (0, react_bindings_1.StatsigProvider)(Object.assign(Object.assign({}, props), { options }));
+    const { children, loadingComponent } = props;
+    const client = 'client' in props
+        ? props.client
+        : useClientFactory(props.sdkKey, props.user, props.options);
+    return (0, react_bindings_1.StatsigProvider)({ children, loadingComponent, client });
 }
 exports.StatsigProviderRN = StatsigProviderRN;

package/src/index.d.ts

@@ -1,3 +1,6 @@
+export * from '@statsig/react-bindings';
+declare const StatsigProvider: never;
+declare const StatsigClient: never;
+export { StatsigProvider, StatsigClient };
 export { StatsigClientRN } from './StatsigClientRN';
 export { StatsigProviderRN } from './StatsigProviderRN';
-export * from '@statsig/react-bindings';

package/src/index.js

@@ -14,9 +14,14 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.StatsigProviderRN = exports.StatsigClientRN = void 0;
+exports.StatsigProviderRN = exports.StatsigClientRN = exports.StatsigClient = exports.StatsigProvider = void 0;
+__exportStar(require("@statsig/react-bindings"), exports);
+// RN environments should use the RN specific variants
+const StatsigProvider = undefined;
+exports.StatsigProvider = StatsigProvider;
+const StatsigClient = undefined;
+exports.StatsigClient = StatsigClient;
 var StatsigClientRN_1 = require("./StatsigClientRN");
 Object.defineProperty(exports, "StatsigClientRN", { enumerable: true, get: function () { return StatsigClientRN_1.StatsigClientRN; } });
 var StatsigProviderRN_1 = require("./StatsigProviderRN");
 Object.defineProperty(exports, "StatsigProviderRN", { enumerable: true, get: function () { return StatsigProviderRN_1.StatsigProviderRN; } });
-__exportStar(require("@statsig/react-bindings"), exports);