@gofreego/tsutils 0.1.22 → 0.1.23

package/dist/index.mjs

@@ -681,25 +681,27 @@ function extractErrorMessage(error) {
   }
   return "An unexpected error occurred";
 }
-function LoginCallbackPage({ authService, navigateTo = "/", onLoginFailed }) {
+function LoginCallbackPage({ authService, navigateTo = "/" }) {
   const [searchParams] = useSearchParams();
   const navigate = useNavigate();
   const { theme } = useTheme();
+  const [error, setError] = useState(null);
   useEffect(() => {
     const loginToken = searchParams.get("login_token");
     if (!loginToken) {
       console.error("Login callback failed: Missing login_token in query parameters");
-      onLoginFailed?.();
+      setError("Login failed: missing login token.");
       return;
     }
     authService.signInWithLoginToken({ loginToken, includePermissions: true }).then(() => {
       navigate(navigateTo, { replace: true });
     }).catch((err) => {
-      console.error("Login callback failed:", extractErrorMessage(err));
-      onLoginFailed?.();
+      const message = extractErrorMessage(err);
+      console.error("Login callback failed:", message);
+      setError(message);
     });
   }, []);
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(
     Box,
     {
       sx: {
@@ -711,10 +713,25 @@ function LoginCallbackPage({ authService, navigateTo = "/", onLoginFailed }) {
         background: `linear-gradient(135deg, ${theme.colors.primary} 0%, ${theme.colors.primaryActive} 100%)`,
         gap: 2
       },
-      children: [
+      children: error ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "body1", sx: { color: theme.colors.surface, fontWeight: 500 }, children: error }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "contained",
+            onClick: () => navigate(navigateTo, { replace: true }),
+            sx: {
+              backgroundColor: theme.colors.surface,
+              color: theme.colors.primary,
+              "&:hover": { backgroundColor: theme.colors.surface, opacity: 0.9 }
+            },
+            children: "Retry"
+          }
+        )
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(CircularProgress, { sx: { color: theme.colors.surface } }),
         /* @__PURE__ */ jsx(Typography, { variant: "body2", sx: { color: theme.colors.surface, opacity: 0.85 }, children: "Signing you in\u2026" })
-      ]
+      ] })
     }
   );
 }