@insforge/react 0.2.9 → 0.2.10

package/dist/components.d.mts

@@ -154,15 +154,20 @@ interface InsforgeCallbackProps {
     onRedirect?: (url: string) => void;
 }
 /**
- * InsforgeCallback - Handles OAuth and email/password authentication callbacks
+ * InsforgeCallback - Handles OAuth authentication callbacks
  *
  * Place this component on your `/auth/callback` page.
  *
+ * How it works:
+ * 1. SDK automatically detects OAuth callback parameters and saves to localStorage
+ * 2. Provider validates the session from localStorage
+ * 3. This component waits for validation and handles redirect
+ *
  * @example
  * ```tsx
  * // Minimal usage
  * export default function CallbackPage() {
- *   return <InsforgeCallback />;
+ *   return <InsforgeCallback redirectTo="/dashboard" />;
  * }
  * ```
  *

package/dist/components.d.ts

@@ -154,15 +154,20 @@ interface InsforgeCallbackProps {
     onRedirect?: (url: string) => void;
 }
 /**
- * InsforgeCallback - Handles OAuth and email/password authentication callbacks
+ * InsforgeCallback - Handles OAuth authentication callbacks
  *
  * Place this component on your `/auth/callback` page.
  *
+ * How it works:
+ * 1. SDK automatically detects OAuth callback parameters and saves to localStorage
+ * 2. Provider validates the session from localStorage
+ * 3. This component waits for validation and handles redirect
+ *
  * @example
  * ```tsx
  * // Minimal usage
  * export default function CallbackPage() {
- *   return <InsforgeCallback />;
+ *   return <InsforgeCallback redirectTo="/dashboard" />;
  * }
  * ```
  *

package/dist/components.js

@@ -1386,18 +1386,19 @@ function SignedOut({ children }) {
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
 }
 function InsforgeCallback({
-  redirectTo,
+  redirectTo = "/",
   onSuccess,
   onError,
   loadingComponent,
   onRedirect
 }) {
   const isProcessingRef = react.useRef(false);
-  const { handleAuthCallback } = useInsforge();
+  const { isLoaded, isSignedIn } = useInsforge();
   react.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) {
@@ -1413,26 +1414,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 {
@@ -1449,17 +1432,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__ */ 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" })