@volr/react 0.1.2 → 0.1.4

package/dist/index.cjs

@@ -74,7 +74,7 @@ var safeStorage = {
   }
 };
 
-// node_modules/@volr/shared/src/constants/storage.ts
+// ../shared/src/constants/storage.ts
 var STORAGE_KEYS = {
   accessToken: "volr:accessToken",
   user: "volr:user",
@@ -350,6 +350,21 @@ var SessionSync = class {
   }
 };
 
+// src/config/backend.ts
+var DEFAULT_API_BASE_URL = "https://api.volr.io";
+function resolveApiBaseUrl(config) {
+  const anyConfig = config;
+  const devOverride = anyConfig.__devApiBaseUrl;
+  if (devOverride && typeof devOverride === "string") {
+    return devOverride.replace(/\/+$/, "");
+  }
+  const override = anyConfig.apiBaseUrl;
+  if (override && typeof override === "string") {
+    return override.replace(/\/+$/, "");
+  }
+  return DEFAULT_API_BASE_URL;
+}
+
 // src/config/webauthn.ts
 var AUTHENTICATOR_SELECTION = {
   authenticatorAttachment: "platform",
@@ -649,18 +664,18 @@ function VolrProvider({ config, children }) {
       providerCountRef.current--;
     };
   }, []);
+  const apiBaseUrl = resolveApiBaseUrl(config);
   const client = react.useMemo(() => {
     if (!config.projectApiKey) {
       throw new Error(
         "VolrProvider requires config.projectApiKey. Please set VITE_PROJECT_API_KEY environment variable or provide projectApiKey in config."
       );
     }
-    const baseUrl = config.__devApiBaseUrl || config.apiBaseUrl;
     return new APIClient({
-      baseUrl,
+      baseUrl: apiBaseUrl,
       apiKey: config.projectApiKey
     });
-  }, [config.apiBaseUrl, config.projectApiKey]);
+  }, [apiBaseUrl, config.projectApiKey]);
   const [user, setUser] = react.useState(() => {
     if (typeof window === "undefined") return null;
     const userStr = safeStorage.getItem(STORAGE_KEYS.user);
@@ -1865,9 +1880,10 @@ function useVolrLogin() {
       credentialId: u.credentialId ?? void 0
     };
   }, []);
+  const apiBaseUrl = resolveApiBaseUrl(config);
   const api = react.useMemo(
-    () => createAxiosInstance(config.apiBaseUrl, config.projectApiKey),
-    [config.apiBaseUrl, config.projectApiKey]
+    () => createAxiosInstance(apiBaseUrl, config.projectApiKey),
+    [apiBaseUrl, config.projectApiKey]
   );
   const requestEmailCode = react.useCallback(
     async (email) => {
@@ -1935,11 +1951,11 @@ function useVolrLogin() {
   const handleSocialLogin = react.useCallback(
     async (provider) => {
       if (typeof window !== "undefined") {
-        const baseUrl = config.apiBaseUrl.replace(/\/+$/, "");
+        const baseUrl = apiBaseUrl.replace(/\/+$/, "");
         window.location.href = `${baseUrl}/auth/${provider}`;
       }
     },
-    [config.apiBaseUrl]
+    [apiBaseUrl]
   );
   const requestSiweNonce = react.useCallback(async () => {
     const response = await api.get("/auth/siwe/nonce");
@@ -2033,6 +2049,7 @@ function useVolrAuthCallback(options = {}) {
       credentialId: u.credentialId ?? void 0
     };
   }, []);
+  const apiBaseUrl = resolveApiBaseUrl(config);
   react.useEffect(() => {
     const handleCallback = async () => {
       if (typeof window === "undefined") return;
@@ -2059,7 +2076,7 @@ function useVolrAuthCallback(options = {}) {
         setIsNewUser(isNew);
         await refreshAccessToken();
         const api = createAxiosInstance(
-          config.apiBaseUrl,
+          apiBaseUrl,
           config.projectApiKey
         );
         const userRes = await api.get(`/auth/onboarding/${userId}`);
@@ -2087,7 +2104,7 @@ function useVolrAuthCallback(options = {}) {
       }
     };
     handleCallback();
-  }, [config.apiBaseUrl, config.projectApiKey, refreshAccessToken, setAccessToken, setUser, toVolrUser]);
+  }, [apiBaseUrl, config.projectApiKey, refreshAccessToken, setAccessToken, setUser, toVolrUser]);
   return {
     isLoading,
     error,
@@ -2388,6 +2405,7 @@ function usePasskeyEnrollment() {
   const [isEnrolling, setIsEnrolling] = react.useState(false);
   const [error, setError] = react.useState(null);
   const isEnrollingRef = react.useRef(false);
+  const apiBaseUrl = resolveApiBaseUrl(config);
   const enroll = react.useCallback(async () => {
     if (isEnrollingRef.current || isEnrolling) return;
     isEnrollingRef.current = true;
@@ -2403,13 +2421,15 @@ function usePasskeyEnrollment() {
       }
       const accessToken = client.getAccessToken();
       if (!accessToken) {
-        throw new Error("Access token is required for passkey enrollment. Please login first.");
+        throw new Error(
+          "Access token is required for passkey enrollment. Please login first."
+        );
       }
       const projectId = user.id;
       setStep("encrypting");
       const result = await enrollPasskey({
         client,
-        baseUrl: config.apiBaseUrl,
+        baseUrl: apiBaseUrl,
         apiKey: config.projectApiKey,
         userId: user.id,
         userEmail: user.email,
@@ -2454,15 +2474,7 @@ function usePasskeyEnrollment() {
       setIsEnrolling(false);
       isEnrollingRef.current = false;
     }
-  }, [
-    client,
-    config.apiBaseUrl,
-    config.projectApiKey,
-    user,
-    setProvider,
-    setUser,
-    isEnrolling
-  ]);
+  }, [apiBaseUrl, client, config.projectApiKey, user, setProvider, setUser, isEnrolling]);
   return {
     enroll,
     step,