@insforge/react 0.2.3 → 0.2.5

package/dist/components.mjs

@@ -16,42 +16,23 @@ function useInsforge() {
   return context;
 }
 function usePublicAuthConfig() {
-  const { baseUrl } = useInsforge();
-  const [oauthProviders, setOAuthProviders] = useState([]);
+  const { getPublicAuthConfig } = useInsforge();
   const [emailConfig, setEmailConfig] = useState(null);
   const [isLoaded, setIsLoaded] = useState(false);
   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__ */ jsxs("div", { className: "bg-[#FAFAFA] px-2 py-4 flex flex-row justify-center items-center gap-1", children: [
@@ -935,7 +916,7 @@ function SignIn({
   ...uiProps
 }) {
   const { signIn, baseUrl } = useInsforge();
-  const { oauthProviders, emailConfig } = usePublicAuthConfig();
+  const { emailConfig } = usePublicAuthConfig();
   const [email, setEmail] = useState("");
   const [password, setPassword] = useState("");
   const [error, setError] = useState("");
@@ -987,7 +968,9 @@ function SignIn({
       setOauthLoading(null);
     }
   }
-  if (!emailConfig) return null;
+  if (!emailConfig) {
+    return null;
+  }
   return /* @__PURE__ */ jsx(
     SignInForm,
     {
@@ -999,7 +982,7 @@ function SignIn({
       error,
       loading,
       oauthLoading,
-      availableProviders: oauthProviders,
+      availableProviders: emailConfig?.oAuthProviders || [],
       onOAuthClick: handleOAuth,
       emailAuthConfig: emailConfig,
       ...uiProps
@@ -1162,7 +1145,7 @@ function SignUp({
   ...uiProps
 }) {
   const { signUp, baseUrl } = useInsforge();
-  const { oauthProviders, emailConfig } = usePublicAuthConfig();
+  const { emailConfig } = usePublicAuthConfig();
   const [email, setEmail] = useState("");
   const [password, setPassword] = useState("");
   const [error, setError] = useState("");
@@ -1219,7 +1202,9 @@ function SignUp({
       setOauthLoading(null);
     }
   }
-  if (!emailConfig) return null;
+  if (!emailConfig) {
+    return null;
+  }
   return /* @__PURE__ */ jsx(
     SignUpForm,
     {
@@ -1231,7 +1216,7 @@ function SignUp({
       error,
       loading,
       oauthLoading,
-      availableProviders: oauthProviders,
+      availableProviders: emailConfig?.oAuthProviders || [],
       onOAuthClick: handleOAuth,
       emailAuthConfig: emailConfig,
       ...uiProps
@@ -1422,7 +1407,7 @@ function InsforgeCallback({
   onRedirect
 }) {
   const isProcessingRef = useRef(false);
-  const { reloadAuth } = useInsforge();
+  const { handleAuthCallback } = useInsforge();
   useEffect(() => {
     const processCallback = async () => {
       if (isProcessingRef.current) return;
@@ -1442,7 +1427,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) {
@@ -1471,7 +1479,7 @@ function InsforgeCallback({
       }
     };
     processCallback();
-  }, []);
+  }, [handleAuthCallback, redirectTo, onSuccess, onError, onRedirect]);
   const defaultLoading = /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center min-h-screen", children: /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
     /* @__PURE__ */ jsx("h2", { className: "text-2xl font-semibold mb-4", children: "Completing authentication..." }),
     /* @__PURE__ */ jsx("div", { className: "animate-spin rounded-full h-12 w-12 border-b-2 border-blue-600 mx-auto" })