@scalemule/nextjs 0.0.10 → 0.0.11

package/dist/index.js

@@ -2851,7 +2851,7 @@ function useFeatureFlags(options = {}) {
     keys,
     enabled = true
   } = options;
-  const { client } = useScaleMule();
+  const { client, publishableKey, gatewayUrl } = useScaleMule();
   const [flags, setFlags] = react.useState({});
   const [loading, setLoading] = react.useState(enabled);
   const [error, setError] = react.useState(null);
@@ -2868,7 +2868,25 @@ function useFeatureFlags(options = {}) {
     setLoading(true);
     try {
       const payload = keys && keys.length > 0 ? { flag_keys: keys, environment, context: contextRef.current } : { environment, context: contextRef.current };
-      const result = keys && keys.length > 0 ? await client.post("/v1/flags/evaluate/batch", payload) : await client.post("/v1/flags/evaluate/all", payload);
+      const endpoint = keys && keys.length > 0 ? "/v1/flags/evaluate/batch" : "/v1/flags/evaluate/all";
+      let result;
+      if (publishableKey && gatewayUrl) {
+        const response = await fetch(`${gatewayUrl}${endpoint}`, {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+            "x-api-key": publishableKey
+          },
+          body: JSON.stringify(payload)
+        });
+        if (!response.ok) {
+          throw new Error(`Flag evaluation failed: ${response.status}`);
+        }
+        const json = await response.json();
+        result = json.data || json || {};
+      } else {
+        result = await client.post(endpoint, payload);
+      }
       setFlags(result || {});
       setError(null);
     } catch (err) {
@@ -2876,7 +2894,7 @@ function useFeatureFlags(options = {}) {
     } finally {
       setLoading(false);
     }
-  }, [client, enabled, environment, keys, keysKey]);
+  }, [client, enabled, environment, keys, keysKey, publishableKey, gatewayUrl]);
   react.useEffect(() => {
     void refresh();
   }, [refresh]);

package/dist/index.mjs

@@ -2849,7 +2849,7 @@ function useFeatureFlags(options = {}) {
     keys,
     enabled = true
   } = options;
-  const { client } = useScaleMule();
+  const { client, publishableKey, gatewayUrl } = useScaleMule();
   const [flags, setFlags] = useState({});
   const [loading, setLoading] = useState(enabled);
   const [error, setError] = useState(null);
@@ -2866,7 +2866,25 @@ function useFeatureFlags(options = {}) {
     setLoading(true);
     try {
       const payload = keys && keys.length > 0 ? { flag_keys: keys, environment, context: contextRef.current } : { environment, context: contextRef.current };
-      const result = keys && keys.length > 0 ? await client.post("/v1/flags/evaluate/batch", payload) : await client.post("/v1/flags/evaluate/all", payload);
+      const endpoint = keys && keys.length > 0 ? "/v1/flags/evaluate/batch" : "/v1/flags/evaluate/all";
+      let result;
+      if (publishableKey && gatewayUrl) {
+        const response = await fetch(`${gatewayUrl}${endpoint}`, {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+            "x-api-key": publishableKey
+          },
+          body: JSON.stringify(payload)
+        });
+        if (!response.ok) {
+          throw new Error(`Flag evaluation failed: ${response.status}`);
+        }
+        const json = await response.json();
+        result = json.data || json || {};
+      } else {
+        result = await client.post(endpoint, payload);
+      }
       setFlags(result || {});
       setError(null);
     } catch (err) {
@@ -2874,7 +2892,7 @@ function useFeatureFlags(options = {}) {
     } finally {
       setLoading(false);
     }
-  }, [client, enabled, environment, keys, keysKey]);
+  }, [client, enabled, environment, keys, keysKey, publishableKey, gatewayUrl]);
   useEffect(() => {
     void refresh();
   }, [refresh]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scalemule/nextjs",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "description": "ScaleMule SDK for Next.js applications - authentication, storage, and user management",
   "main": "dist/index.js",
   "module": "dist/index.mjs",