@insforge/react 0.2.8 → 0.2.10

package/dist/index.mjs

@@ -1260,6 +1260,7 @@ function SignInForm({
   );
 }
 function SignIn({
+  afterSignInUrl,
   onSuccess,
   onError,
   ...uiProps
@@ -1299,10 +1300,9 @@ function SignIn({
     try {
       setOauthLoading(provider);
       setError("");
-      const redirectTo = `${window.location.origin}/auth/callback`;
       await insforge.auth.signInWithOAuth({
         provider,
-        redirectTo
+        redirectTo: afterSignInUrl
       });
     } catch (err) {
       const errorMessage = err.message || `${provider} sign in failed`;
@@ -1481,6 +1481,7 @@ function SignUpForm({
   );
 }
 function SignUp({
+  afterSignUpUrl,
   onSuccess,
   onError,
   ...uiProps
@@ -1525,10 +1526,9 @@ function SignUp({
     try {
       setOauthLoading(provider);
       setError("");
-      const redirectTo = `${window.location.origin}/auth/callback`;
       await insforge.auth.signInWithOAuth({
         provider,
-        redirectTo
+        redirectTo: afterSignUpUrl
       });
     } catch (err) {
       const errorMessage = err.message || `${provider} sign up failed`;
@@ -1735,18 +1735,19 @@ function SignedOut({ children }) {
   return /* @__PURE__ */ jsx(Fragment, { children });
 }
 function InsforgeCallback({
-  redirectTo,
+  redirectTo = "/",
   onSuccess,
   onError,
   loadingComponent,
   onRedirect
 }) {
   const isProcessingRef = useRef(false);
-  const { handleAuthCallback } = useInsforge();
+  const { isLoaded, isSignedIn } = useInsforge();
   useEffect(() => {
+    if (!isLoaded) return;
+    if (isProcessingRef.current) return;
+    isProcessingRef.current = true;
     const processCallback = async () => {
-      if (isProcessingRef.current) return;
-      isProcessingRef.current = true;
       const searchParams = new URLSearchParams(window.location.search);
       const error = searchParams.get("error");
       if (error) {
@@ -1762,26 +1763,8 @@ function InsforgeCallback({
         }
         return;
       }
-      const accessToken = searchParams.get("access_token");
-      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
-      });
-      if (!result.success) {
-        const errorMsg = result.error || "authentication_failed";
+      if (!isSignedIn) {
+        const errorMsg = "authentication_failed";
         if (onError) {
           onError(errorMsg);
         } else {
@@ -1798,17 +1781,14 @@ function InsforgeCallback({
       if (onSuccess) {
         onSuccess();
       }
-      const destination = redirectTo || sessionStorage.getItem("auth_destination") || sessionStorage.getItem("oauth_final_destination") || "/";
-      sessionStorage.removeItem("auth_destination");
-      sessionStorage.removeItem("oauth_final_destination");
       if (onRedirect) {
-        onRedirect(destination);
+        onRedirect(redirectTo);
       } else {
-        window.location.href = destination;
+        window.location.href = redirectTo;
       }
     };
     processCallback();
-  }, [handleAuthCallback, redirectTo, onSuccess, onError, onRedirect]);
+  }, [isLoaded, isSignedIn, 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" })