@statsig/expo-bindings 2.2.0-beta.1 → 2.2.0-beta.5

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "@statsig/expo-bindings",
-  "version": "2.2.0-beta.1",
+  "version": "2.2.0-beta.5",
   "dependencies": {
-    "@statsig/client-core": "2.2.0-beta.1",
-    "@statsig/js-client": "2.2.0-beta.1",
-    "@statsig/react-bindings": "2.2.0-beta.1",
-    "@statsig/react-native-core": "2.2.0-beta.1"
+    "@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",
     "react-native": "0.*",
     "expo-application": "5.*",
     "expo-device": "5.* || 6.*"

package/src/StatsigClientExpo.d.ts

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

package/src/StatsigClientExpo.js

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

package/src/StatsigProviderExpo.d.ts

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

package/src/StatsigProviderExpo.js

@@ -2,19 +2,22 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StatsigProviderExpo = 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 StatsigClientExpo_1 = require("./StatsigClientExpo");
+function useClientFactory(sdkKey, initialUser, statsigOptions = null) {
+    const [client] = (0, react_1.useState)(() => {
+        const client = new StatsigClientExpo_1.StatsigClientExpo(sdkKey, initialUser, statsigOptions);
+        client.initializeAsync().catch(client_core_1.Log.error);
+        return client;
+    });
+    return client;
+}
 function StatsigProviderExpo(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)('expo', (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.StatsigProviderExpo = StatsigProviderExpo;

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 { StatsigClientExpo } from './StatsigClientExpo';
 export { StatsigProviderExpo } from './StatsigProviderExpo';

package/src/index.js

@@ -14,8 +14,13 @@ 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.StatsigProviderExpo = exports.StatsigClientExpo = void 0;
+exports.StatsigProviderExpo = exports.StatsigClientExpo = exports.StatsigClient = exports.StatsigProvider = void 0;
 __exportStar(require("@statsig/react-bindings"), exports);
+// Expo environments should use the Expo specific variants
+const StatsigProvider = undefined;
+exports.StatsigProvider = StatsigProvider;
+const StatsigClient = undefined;
+exports.StatsigClient = StatsigClient;
 var StatsigClientExpo_1 = require("./StatsigClientExpo");
 Object.defineProperty(exports, "StatsigClientExpo", { enumerable: true, get: function () { return StatsigClientExpo_1.StatsigClientExpo; } });
 var StatsigProviderExpo_1 = require("./StatsigProviderExpo");