@insforge/react 0.2.3 → 0.2.5

package/dist/components.js

@@ -18,42 +18,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: [
@@ -937,7 +918,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("");
@@ -989,7 +970,9 @@ function SignIn({
       setOauthLoading(null);
     }
   }
-  if (!emailConfig) return null;
+  if (!emailConfig) {
+    return null;
+  }
   return /* @__PURE__ */ jsxRuntime.jsx(
     SignInForm,
     {
@@ -1001,7 +984,7 @@ function SignIn({
       error,
       loading,
       oauthLoading,
-      availableProviders: oauthProviders,
+      availableProviders: emailConfig?.oAuthProviders || [],
       onOAuthClick: handleOAuth,
       emailAuthConfig: emailConfig,
       ...uiProps
@@ -1164,7 +1147,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("");
@@ -1221,7 +1204,9 @@ function SignUp({
       setOauthLoading(null);
     }
   }
-  if (!emailConfig) return null;
+  if (!emailConfig) {
+    return null;
+  }
   return /* @__PURE__ */ jsxRuntime.jsx(
     SignUpForm,
     {
@@ -1233,7 +1218,7 @@ function SignUp({
       error,
       loading,
       oauthLoading,
-      availableProviders: oauthProviders,
+      availableProviders: emailConfig?.oAuthProviders || [],
       onOAuthClick: handleOAuth,
       emailAuthConfig: emailConfig,
       ...uiProps
@@ -1424,7 +1409,7 @@ function InsforgeCallback({
   onRedirect
 }) {
   const isProcessingRef = react.useRef(false);
-  const { reloadAuth } = useInsforge();
+  const { handleAuthCallback } = useInsforge();
   react.useEffect(() => {
     const processCallback = async () => {
       if (isProcessingRef.current) return;
@@ -1444,7 +1429,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) {
@@ -1473,7 +1481,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" })