@umituz/web-dashboard 3.1.7 → 3.1.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/web-dashboard",
-  "version": "3.1.7",
+  "version": "3.1.8",
   "description": "Dashboard Layout System - Comprehensive analytics, calendar, customizable layouts, and config-based architecture",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/domains/auth/components/LoginForm.tsx

@@ -19,6 +19,7 @@ export const LoginForm = ({
   showForgotPassword = true,
   showRegisterLink = true,
   showSocialLogin,
+  onLoginAttempt,
   onLoginSuccess,
   onLoginError,
   onGoogleLogin,
@@ -47,20 +48,26 @@ export const LoginForm = ({
     setIsLoading(true);
 
     try {
-      // In production, call your auth API
-      // const user = await login({ email, password });
+      let user: { id: string; email: string; name?: string };
 
-      // Simulate API call
-      await new Promise((resolve) => setTimeout(resolve, 1000));
+      // Use custom login handler if provided (real auth), otherwise use mock auth
+      if (onLoginAttempt) {
+        // Real authentication flow
+        user = await onLoginAttempt({ email, password });
+      } else {
+        // Mock authentication flow (for development/demo)
+        await new Promise((resolve) => setTimeout(resolve, 1000));
+        user = {
+          id: "1",
+          email,
+          name: email.split("@")[0],
+        };
+      }
 
-      // Success
-      const mockUser = {
-        id: "1",
-        email,
-        name: email.split("@")[0],
-      };
+      // Call success callback
+      await onLoginSuccess?.(user);
 
-      await onLoginSuccess?.(mockUser);
+      // Navigate to after-login route
       navigate(config.afterLoginRoute);
     } catch (err) {
       const errorMessage = err instanceof Error ? err.message : "Login failed";

package/src/domains/auth/components/RegisterForm.tsx

@@ -19,6 +19,7 @@ export const RegisterForm = ({
   showLoginLink = true,
   requirePasswordConfirm = true,
   showSocialLogin,
+  onRegisterAttempt,
   onRegisterSuccess,
   onRegisterError,
   onGoogleLogin,
@@ -61,20 +62,26 @@ export const RegisterForm = ({
     setIsLoading(true);
 
     try {
-      // In production, call your auth API
-      // const user = await register({ email, password, name, metadata });
+      let user: { id: string; email: string; name?: string };
 
-      // Simulate API call
-      await new Promise((resolve) => setTimeout(resolve, 1000));
+      // Use custom register handler if provided (real auth), otherwise use mock auth
+      if (onRegisterAttempt) {
+        // Real authentication flow
+        user = await onRegisterAttempt({ email, password, name });
+      } else {
+        // Mock authentication flow (for development/demo)
+        await new Promise((resolve) => setTimeout(resolve, 1000));
+        user = {
+          id: "1",
+          email,
+          name: name || email.split("@")[0],
+        };
+      }
 
-      // Success
-      const mockUser = {
-        id: "1",
-        email,
-        name: name || email.split("@")[0],
-      };
+      // Call success callback
+      await onRegisterSuccess?.(user);
 
-      await onRegisterSuccess?.(mockUser);
+      // Navigate to after-login route
       navigate(config.afterLoginRoute);
     } catch (err) {
       const errorMessage = err instanceof Error ? err.message : "Registration failed";

package/src/domains/auth/types/auth.ts

@@ -212,7 +212,9 @@ export interface LoginFormProps {
   showRegisterLink?: boolean;
   /** Show social login buttons */
   showSocialLogin?: boolean;
-  /** On successful login */
+  /** Custom login handler (receives credentials, returns user) - overrides mock auth */
+  onLoginAttempt?: (credentials: LoginCredentials) => Promise<User>;
+  /** On successful login (called after onLoginAttempt or mock auth succeeds) */
   onLoginSuccess?: (user: User) => void | Promise<void>;
   /** On login error */
   onLoginError?: (error: string) => void;
@@ -238,7 +240,9 @@ export interface RegisterFormProps {
   requirePasswordConfirm?: boolean;
   /** Show social login buttons */
   showSocialLogin?: boolean;
-  /** On successful registration */
+  /** Custom register handler (receives register data, returns user) - overrides mock auth */
+  onRegisterAttempt?: (data: RegisterData) => Promise<User>;
+  /** On successful registration (called after onRegisterAttempt or mock auth succeeds) */
   onRegisterSuccess?: (user: User) => void | Promise<void>;
   /** On registration error */
   onRegisterError?: (error: string) => void;