@gofreego/tsutils 0.1.22 → 0.1.23

package/dist/index.d.mts

@@ -230,9 +230,8 @@ declare class AuthService implements IAuthService {
 interface LoginCallbackPageProps {
     authService: IAuthService;
     navigateTo?: string;
-    onLoginFailed?: () => void;
 }
-declare function LoginCallbackPage({ authService, navigateTo, onLoginFailed }: LoginCallbackPageProps): react_jsx_runtime.JSX.Element;
+declare function LoginCallbackPage({ authService, navigateTo }: LoginCallbackPageProps): react_jsx_runtime.JSX.Element;
 
 interface ProtectedRouteProps {
     children: ReactElement;

package/dist/index.d.ts

@@ -230,9 +230,8 @@ declare class AuthService implements IAuthService {
 interface LoginCallbackPageProps {
     authService: IAuthService;
     navigateTo?: string;
-    onLoginFailed?: () => void;
 }
-declare function LoginCallbackPage({ authService, navigateTo, onLoginFailed }: LoginCallbackPageProps): react_jsx_runtime.JSX.Element;
+declare function LoginCallbackPage({ authService, navigateTo }: LoginCallbackPageProps): react_jsx_runtime.JSX.Element;
 
 interface ProtectedRouteProps {
     children: ReactElement;

package/dist/index.js

@@ -694,25 +694,27 @@ function extractErrorMessage(error) {
   }
   return "An unexpected error occurred";
 }
-function LoginCallbackPage({ authService, navigateTo = "/", onLoginFailed }) {
+function LoginCallbackPage({ authService, navigateTo = "/" }) {
   const [searchParams] = reactRouterDom.useSearchParams();
   const navigate = reactRouterDom.useNavigate();
   const { theme } = useTheme();
+  const [error, setError] = react.useState(null);
   react.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__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     material.Box,
     {
       sx: {
@@ -724,10 +726,25 @@ function LoginCallbackPage({ authService, navigateTo = "/", onLoginFailed }) {
         background: `linear-gradient(135deg, ${theme.colors.primary} 0%, ${theme.colors.primaryActive} 100%)`,
         gap: 2
       },
-      children: [
+      children: error ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body1", sx: { color: theme.colors.surface, fontWeight: 500 }, children: error }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          material.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(material.CircularProgress, { sx: { color: theme.colors.surface } }),
         /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", sx: { color: theme.colors.surface, opacity: 0.85 }, children: "Signing you in\u2026" })
-      ]
+      ] })
     }
   );
 }