@sudobility/building_blocks 0.0.27 → 0.0.29

package/dist/components/pages/index.d.ts

@@ -3,4 +3,4 @@ export type { AppSitemapPageProps, SitemapPageText, SitemapSection, SitemapLink,
 export { AppTextPage } from './app-text-page';
 export type { AppTextPageProps, TextPageContent, TextSection, TextSectionWithContent, TextSectionWithList, TextSectionWithSubsections, TextPageContact, TextPageContactInfo, GdprNotice, } from './app-text-page';
 export { LoginPage } from './login-page';
-export type { LoginPageProps, LoginPageText } from './login-page';
+export type { LoginPageProps, LoginPageText, AuthErrorInfo, } from './login-page';

package/dist/components/pages/login-page.d.ts

@@ -1,5 +1,16 @@
 import { type ReactNode } from 'react';
 import { type Auth } from 'firebase/auth';
+/**
+ * Auth error info passed to onAuthError callback
+ */
+export interface AuthErrorInfo {
+    /** Firebase error code (e.g., 'auth/popup-closed-by-user') */
+    code: string;
+    /** Error message */
+    message: string;
+    /** Whether this is a user-initiated action (like closing popup) vs actual error */
+    isUserAction: boolean;
+}
 /**
  * Props for the LoginPage component
  */
@@ -12,6 +23,8 @@ export interface LoginPageProps {
     auth: Auth;
     /** Callback fired on successful authentication */
     onSuccess: () => void;
+    /** Callback fired on auth errors - if provided, errors won't be shown inline */
+    onAuthError?: (error: AuthErrorInfo) => void;
     /** Whether to show Google sign-in option (default: true) */
     showGoogleSignIn?: boolean;
     /** Whether to show sign-up option (default: true) */
@@ -38,26 +51,4 @@ export interface LoginPageText {
     alreadyHaveAccount: string;
     dontHaveAccount: string;
 }
-/**
- * A reusable login page component with email/password and Google sign-in support.
- *
- * @example
- * ```tsx
- * import { LoginPage } from '@sudobility/building_blocks';
- * import { getFirebaseAuth } from '@sudobility/auth_lib';
- *
- * function MyLoginPage() {
- *   const navigate = useNavigate();
- *   const auth = getFirebaseAuth();
- *
- *   return (
- *     <LoginPage
- *       appName="My App"
- *       auth={auth}
- *       onSuccess={() => navigate('/')}
- *     />
- *   );
- * }
- * ```
- */
-export declare function LoginPage({ appName, logo, auth, onSuccess, showGoogleSignIn, showSignUp, className, primaryColorClass, }: LoginPageProps): import("react/jsx-runtime").JSX.Element;
+export declare function LoginPage({ appName, logo, auth, onSuccess, onAuthError, showGoogleSignIn, showSignUp, className, primaryColorClass, }: LoginPageProps): import("react/jsx-runtime").JSX.Element;