@umituz/web-dashboard 3.1.4 → 3.1.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/web-dashboard",
-  "version": "3.1.4",
+  "version": "3.1.6",
   "description": "Dashboard Layout System - Comprehensive analytics, calendar, customizable layouts, and config-based architecture",
   "main": "./src/index.ts",
   "types": "./src/index.ts",
@@ -61,7 +61,9 @@
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
-    "react-router-dom": "^7.0.0"
+    "react-router-dom": "^6.0.0 || ^7.0.0",
+    "firebase": "^10.0.0 || ^11.0.0 || ^12.0.0",
+    "@umituz/web-firebase": "^3.0.0"
   },
   "dependencies": {
     "class-variance-authority": "^0.7.1",
@@ -76,7 +78,9 @@
     "@typescript-eslint/eslint-plugin": "^8.57.2",
     "@typescript-eslint/parser": "^8.57.2",
     "@umituz/web-design-system": "^3.1.11",
+    "@umituz/web-firebase": "^3.6.0",
     "eslint": "^10.0.2",
+    "firebase": "^12.0.0",
     "react-i18next": "^16.5.4",
     "react-router-dom": "^7.13.1",
     "typescript": "^5.9.3"

package/src/domains/analytics/components/AnalyticsChart.tsx

@@ -145,7 +145,7 @@ export const AnalyticsChart = ({ config, className, height }: AnalyticsChartProp
               innerRadius={config.type === "donut" ? 40 : 0}
               dataKey="value"
             >
-              {config.data.map((entry: Record<string, unknown>, index: number) => (
+              {config.data.map((entry, index: number) => (
                 <Cell key={`cell-${index}`} fill={colors[index % colors.length]} />
               ))}
             </Pie>

package/src/domains/analytics/hooks/useAnalytics.ts

@@ -189,7 +189,7 @@ export function useAnalytics(options: UseAnalyticsOptions = {}) {
 
   // Advanced analytics methods
   const calculateRetention = useCallback(
-    (userData: unknown[]) => {
+    (userData: import("../services/AnalyticsEngineService").UserData[]) => {
       try {
         return analyticsEngineService.calculateRetention(userData);
       } catch (err) {
@@ -201,7 +201,7 @@ export function useAnalytics(options: UseAnalyticsOptions = {}) {
   );
 
   const calculateFunnel = useCallback(
-    (data: unknown[], steps: string[]) => {
+    (data: import("../services/AnalyticsEngineService").FunnelItem[], steps: string[]) => {
       try {
         return analyticsEngineService.calculateFunnel(data, steps);
       } catch (err) {
@@ -213,7 +213,7 @@ export function useAnalytics(options: UseAnalyticsOptions = {}) {
   );
 
   const segmentUsers = useCallback(
-    (userData: unknown[]) => {
+    (userData: import("../services/AnalyticsEngineService").UserData[]) => {
       try {
         return analyticsEngineService.segmentUsers(userData);
       } catch (err) {
@@ -225,7 +225,7 @@ export function useAnalytics(options: UseAnalyticsOptions = {}) {
   );
 
   const predictUserBehavior = useCallback(
-    (user: Record<string, unknown>, historicalData: unknown[]) => {
+    (user: Record<string, unknown>, historicalData: import("../services/AnalyticsEngineService").UserData[]) => {
       try {
         return analyticsEngineService.predictUserBehavior(user, historicalData);
       } catch (err) {
@@ -246,7 +246,7 @@ export function useAnalytics(options: UseAnalyticsOptions = {}) {
   }, [onError]);
 
   const getRealtimeMetrics = useCallback(
-    (previous?: Record<string, unknown>) => {
+    (previous?: import("../services/PerformanceService").RealtimeMetrics) => {
       try {
         return performanceService.simulateRealtimeMetrics(previous);
       } catch (err) {

package/src/domains/analytics/utils/analytics.ts

@@ -244,13 +244,14 @@ export function aggregateByPeriod(
   });
 
   return Array.from(grouped.entries()).map(([date, items]) => {
-    const aggregated: Record<string, string | number> = { date };
+    const aggregated: { date: string; [key: string]: string | number } = { date };
 
     // Sum all numeric fields
     items.forEach((item) => {
       Object.entries(item).forEach(([key, value]) => {
         if (key !== "date" && typeof value === "number") {
-          aggregated[key] = (aggregated[key] || 0) + value;
+          const currentValue = aggregated[key];
+          aggregated[key] = typeof currentValue === "number" ? currentValue + value : value;
         }
       });
     });

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

@@ -24,6 +24,8 @@ export interface RegisterData {
   email: string;
   /** Password */
   password: string;
+  /** Password confirmation */
+  confirmPassword?: string;
   /** Full name */
   name?: string;
   /** Additional user data */
@@ -91,9 +93,9 @@ export interface User {
  */
 export interface AuthActions {
   /** Login with email/password */
-  login: (credentials: LoginCredentials) => Promise<void>;
+  login: (credentials: LoginCredentials) => Promise<User>;
   /** Register new account */
-  register: (data: RegisterData) => Promise<void>;
+  register: (data: RegisterData) => Promise<User>;
   /** Logout current user */
   logout: () => Promise<void>;
   /** Send password reset email */
@@ -103,7 +105,7 @@ export interface AuthActions {
   /** Update user profile */
   updateProfile: (data: Partial<User>) => Promise<void>;
   /** Refresh authentication session */
-  refresh: () => Promise<void>;
+  refresh: () => Promise<User | null>;
 }
 
 /**

package/src/domains/auth/utils/auth.ts

@@ -195,7 +195,7 @@ export function isEmailVerified(user: User | null): boolean {
  * @returns Formatted date string or empty string
  */
 export function formatUserCreatedAt(user: User | null, locale: string = "en-US"): string {
-  if (!user.createdAt) return "";
+  if (!user || !user.createdAt) return "";
   return new Date(user.createdAt).toLocaleDateString(locale, {
     year: "numeric",
     month: "long",

package/src/domains/billing/components/BillingPortal.tsx

@@ -11,7 +11,7 @@ import type { BillingPortalProps } from "../types/billing";
 import { UsageCard } from "./UsageCard";
 import { PaymentMethodsList } from "./PaymentMethodsList";
 import { InvoiceCard } from "./InvoiceCard";
-import { getDaysRemaining, getStatusColor, getStatusLabel, formatPrice } from "../utils/billing";
+import { getDaysRemaining, getStatusColor, getStatusLabel, formatPrice, getPlanPrice } from "../utils/billing";
 
 export const BillingPortal = ({
   billing,

package/src/domains/billing/utils/billing.ts

@@ -135,6 +135,7 @@ export function getStatusColor(status: SubscriptionStatus): string {
     canceled: "text-gray-600 dark:text-gray-500",
     unpaid: "text-red-600 dark:text-red-500",
     incomplete: "text-yellow-600 dark:text-yellow-500",
+    revoked: "text-purple-600 dark:text-purple-500",
   };
 
   return colorMap[status] || "text-gray-600";
@@ -154,6 +155,7 @@ export function getStatusLabel(status: SubscriptionStatus): string {
     canceled: "Canceled",
     unpaid: "Unpaid",
     incomplete: "Incomplete",
+    revoked: "Revoked",
   };
 
   return labelMap[status] || status;
@@ -172,6 +174,7 @@ export function getInvoiceStatusColor(status: InvoiceStatus): string {
     paid: "text-green-600 dark:text-green-500",
     void: "text-gray-600 dark:text-gray-500",
     uncollectible: "text-red-600 dark:text-red-500",
+    refunded: "text-blue-600 dark:text-blue-500",
   };
 
   return colorMap[status] || "text-gray-600";
@@ -190,6 +193,7 @@ export function getInvoiceStatusLabel(status: InvoiceStatus): string {
     paid: "Paid",
     void: "Void",
     uncollectible: "Uncollectible",
+    refunded: "Refunded",
   };
 
   return labelMap[status] || status;

package/src/domains/calendar/services/CalendarService.ts

@@ -31,7 +31,8 @@ class FirebaseCalendarDatabase implements ICalendarDatabase {
   async getItems(userId: string): Promise<ContentItem[]> {
     // Lazy load Firebase
     const { collection, query, where, getDocs } = await import('firebase/firestore');
-    const { db } = await import('@umituz/web-firebase');
+    const { getFirebaseDB } = await import('@umituz/web-firebase');
+    const db = getFirebaseDB();
 
     const calendarQuery = query(
       collection(db as any, 'calendar_items'),
@@ -76,7 +77,8 @@ class FirebaseCalendarDatabase implements ICalendarDatabase {
 
   async getItemById(id: string): Promise<ContentItem | null> {
     const { doc, getDoc } = await import('firebase/firestore');
-    const { db } = await import('@umituz/web-firebase');
+    const { getFirebaseDB } = await import('@umituz/web-firebase');
+    const db = getFirebaseDB();
 
     const docRef = doc(db as any, 'calendar_items', id);
     const snap = await getDoc(docRef);
@@ -93,7 +95,8 @@ class FirebaseCalendarDatabase implements ICalendarDatabase {
 
   async createItem(userId: string, item: CreateContentItemParams): Promise<ContentItem> {
     const { collection, addDoc, serverTimestamp } = await import('firebase/firestore');
-    const { db } = await import('@umituz/web-firebase');
+    const { getFirebaseDB } = await import('@umituz/web-firebase');
+    const db = getFirebaseDB();
 
     const docRef = await addDoc(collection(db as any, 'calendar_items'), {
       ...item,
@@ -114,7 +117,8 @@ class FirebaseCalendarDatabase implements ICalendarDatabase {
 
   async updateItem(id: string, updates: UpdateContentItemParams): Promise<void> {
     const { doc, updateDoc, serverTimestamp } = await import('firebase/firestore');
-    const { db } = await import('@umituz/web-firebase');
+    const { getFirebaseDB } = await import('@umituz/web-firebase');
+    const db = getFirebaseDB();
 
     const docRef = doc(db as any, 'calendar_items', id);
 
@@ -133,7 +137,8 @@ class FirebaseCalendarDatabase implements ICalendarDatabase {
 
   async deleteItem(id: string): Promise<void> {
     const { doc, deleteDoc } = await import('firebase/firestore');
-    const { db } = await import('@umituz/web-firebase');
+    const { getFirebaseDB } = await import('@umituz/web-firebase');
+    const db = getFirebaseDB();
 
     const docRef = doc(db as any, 'calendar_items', id);
     await deleteDoc(docRef);