@insforge/react 0.2.3 → 0.2.5

package/dist/index.js

@@ -107,6 +107,23 @@ function InsforgeProvider({
       }
     };
   }, []);
+  const getPublicAuthConfig = react.useCallback(async () => {
+    try {
+      const result = await insforge.auth.getPublicAuthConfig();
+      if (result.data) {
+        return result.data;
+      } else {
+        console.error("[InsforgeProvider] Failed to get public auth config:", result.error);
+        return null;
+      }
+    } catch (error) {
+      console.error(
+        "[InsforgeProvider] Failed to get public auth config:",
+        error
+      );
+      return null;
+    }
+  }, [insforge]);
   const handleAuthSuccess = react.useCallback(
     async (authToken, fallbackUser) => {
       const userResult = await insforge.auth.getCurrentUser();
@@ -143,6 +160,70 @@ function InsforgeProvider({
     },
     [insforge, onAuthChange, syncTokenToCookie]
   );
+  const handleAuthCallback = react.useCallback(
+    async (params) => {
+      try {
+        await insforge.auth.setSession({
+          accessToken: params.accessToken,
+          user: {
+            id: params.userId || "",
+            email: params.email || "",
+            name: params.name || "",
+            emailVerified: false,
+            createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+            updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+          }
+        });
+        const userResult = await insforge.auth.getCurrentUser();
+        if (!userResult.data) {
+          await insforge.auth.signOut();
+          if (clearCookie) {
+            try {
+              await clearCookie();
+            } catch (error) {
+            }
+          }
+          return { success: false, error: "invalid_token" };
+        }
+        const profile = userResult.data.profile;
+        const userData = {
+          id: userResult.data.user.id,
+          email: userResult.data.user.email,
+          name: profile?.nickname || params.name || "",
+          avatarUrl: profile?.avatarUrl || ""
+        };
+        setUser(userData);
+        if (onAuthChange) {
+          onAuthChange(userData);
+        }
+        if (syncTokenToCookie) {
+          try {
+            await syncTokenToCookie(params.accessToken);
+          } catch (error) {
+          }
+        }
+        return { success: true };
+      } catch (error) {
+        console.error("[InsforgeProvider] Auth callback failed:", error);
+        await insforge.auth.signOut();
+        if (clearCookie) {
+          try {
+            await clearCookie();
+          } catch (error2) {
+          }
+        }
+        setUser(null);
+        if (onAuthChange) {
+          onAuthChange(null);
+        }
+        return {
+          success: false,
+          error: error instanceof Error ? error.message : "authentication_failed"
+        };
+      }
+    },
+    [insforge, onAuthChange, syncTokenToCookie, clearCookie]
+  );
   const signIn = react.useCallback(
     async (email, password) => {
       const sdkResult = await insforge.auth.signInWithPassword({
@@ -238,7 +319,10 @@ function InsforgeProvider({
   );
   const resetPassword = react.useCallback(
     async (token, newPassword) => {
-      const sdkResult = await insforge.auth.resetPassword({ newPassword, otp: token });
+      const sdkResult = await insforge.auth.resetPassword({
+        newPassword,
+        otp: token
+      });
       return sdkResult.data;
     },
     [insforge]
@@ -263,10 +347,12 @@ function InsforgeProvider({
         signOut,
         updateUser,
         reloadAuth: loadAuthState,
+        handleAuthCallback,
         baseUrl,
         sendPasswordResetCode,
         resetPassword,
-        verifyEmail
+        verifyEmail,
+        getPublicAuthConfig
       },
       children
     }
@@ -280,42 +366,23 @@ function useInsforge() {
   return context;
 }
 function usePublicAuthConfig() {
-  const { baseUrl } = useInsforge();
-  const [oauthProviders, setOAuthProviders] = react.useState([]);
+  const { getPublicAuthConfig } = useInsforge();
   const [emailConfig, setEmailConfig] = react.useState(null);
   const [isLoaded, setIsLoaded] = react.useState(false);
   react.useEffect(() => {
-    let mounted = true;
     async function fetchConfig() {
-      try {
-        const response = await fetch(`${baseUrl}/api/auth/public-config`);
-        if (!mounted) return;
-        if (!response.ok) {
-          console.warn("[usePublicAuthConfig] Failed to fetch public auth config:", response.statusText);
-          setOAuthProviders([]);
-          setEmailConfig(null);
-        } else {
-          const data = await response.json();
-          const providerNames = data.providers?.map((p) => p.provider) || [];
-          setOAuthProviders(providerNames);
-          setEmailConfig(data.email || null);
-        }
-        setIsLoaded(true);
-      } catch (error) {
-        console.warn("[usePublicAuthConfig] Unexpected error:", error);
-        if (mounted) {
-          setOAuthProviders([]);
-          setEmailConfig(null);
-          setIsLoaded(true);
-        }
+      const result = await getPublicAuthConfig();
+      if (result) {
+        setEmailConfig(result);
+      } else {
+        console.error("[usePublicAuthConfig] Failed to get public auth config");
+        setEmailConfig(null);
       }
+      setIsLoaded(true);
     }
     fetchConfig();
-    return () => {
-      mounted = false;
-    };
-  }, [baseUrl]);
-  return { oauthProviders, emailConfig, isLoaded };
+  }, [getPublicAuthConfig]);
+  return { emailConfig, isLoaded };
 }
 function AuthBranding() {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-[#FAFAFA] px-2 py-4 flex flex-row justify-center items-center gap-1", children: [
@@ -1202,7 +1269,7 @@ function SignIn({
   ...uiProps
 }) {
   const { signIn, baseUrl } = useInsforge();
-  const { oauthProviders, emailConfig } = usePublicAuthConfig();
+  const { emailConfig } = usePublicAuthConfig();
   const [email, setEmail] = react.useState("");
   const [password, setPassword] = react.useState("");
   const [error, setError] = react.useState("");
@@ -1254,7 +1321,9 @@ function SignIn({
       setOauthLoading(null);
     }
   }
-  if (!emailConfig) return null;
+  if (!emailConfig) {
+    return null;
+  }
   return /* @__PURE__ */ jsxRuntime.jsx(
     SignInForm,
     {
@@ -1266,7 +1335,7 @@ function SignIn({
       error,
       loading,
       oauthLoading,
-      availableProviders: oauthProviders,
+      availableProviders: emailConfig?.oAuthProviders || [],
       onOAuthClick: handleOAuth,
       emailAuthConfig: emailConfig,
       ...uiProps
@@ -1429,7 +1498,7 @@ function SignUp({
   ...uiProps
 }) {
   const { signUp, baseUrl } = useInsforge();
-  const { oauthProviders, emailConfig } = usePublicAuthConfig();
+  const { emailConfig } = usePublicAuthConfig();
   const [email, setEmail] = react.useState("");
   const [password, setPassword] = react.useState("");
   const [error, setError] = react.useState("");
@@ -1486,7 +1555,9 @@ function SignUp({
       setOauthLoading(null);
     }
   }
-  if (!emailConfig) return null;
+  if (!emailConfig) {
+    return null;
+  }
   return /* @__PURE__ */ jsxRuntime.jsx(
     SignUpForm,
     {
@@ -1498,7 +1569,7 @@ function SignUp({
       error,
       loading,
       oauthLoading,
-      availableProviders: oauthProviders,
+      availableProviders: emailConfig?.oAuthProviders || [],
       onOAuthClick: handleOAuth,
       emailAuthConfig: emailConfig,
       ...uiProps
@@ -1689,7 +1760,7 @@ function InsforgeCallback({
   onRedirect
 }) {
   const isProcessingRef = react.useRef(false);
-  const { reloadAuth } = useInsforge();
+  const { handleAuthCallback } = useInsforge();
   react.useEffect(() => {
     const processCallback = async () => {
       if (isProcessingRef.current) return;
@@ -1709,7 +1780,30 @@ function InsforgeCallback({
         }
         return;
       }
-      const result = await reloadAuth();
+      const accessToken = searchParams.get("access_token") || searchParams.get("auth_token");
+      const userId = searchParams.get("user_id");
+      const email = searchParams.get("email");
+      const name = searchParams.get("name");
+      if (!accessToken) {
+        const errorMsg = "no_token";
+        if (onError) {
+          onError(errorMsg);
+        } else {
+          const errorUrl = "/?error=" + encodeURIComponent(errorMsg);
+          if (onRedirect) {
+            onRedirect(errorUrl);
+          } else {
+            window.location.href = errorUrl;
+          }
+        }
+        return;
+      }
+      const result = await handleAuthCallback({
+        accessToken,
+        userId: userId || void 0,
+        email: email || void 0,
+        name: name || void 0
+      });
       if (!result.success) {
         const errorMsg = result.error || "authentication_failed";
         if (onError) {
@@ -1738,7 +1832,7 @@ function InsforgeCallback({
       }
     };
     processCallback();
-  }, []);
+  }, [handleAuthCallback, redirectTo, onSuccess, onError, onRedirect]);
   const defaultLoading = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
     /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-semibold mb-4", children: "Completing authentication..." }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "animate-spin rounded-full h-12 w-12 border-b-2 border-blue-600 mx-auto" })