@umituz/web-dashboard 3.1.8 → 3.1.10

package/package.json

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

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

@@ -219,7 +219,7 @@ export function getDateRangePresets(): DateRangePreset[] {
 export function aggregateByPeriod(
   data: Array<{ date: string; [key: string]: number | string }>,
   period: "day" | "week" | "month" = "day"
-): Array<{ date: string; [key: string]: number }> {
+): Array<{ date: string; [key: string]: number | string }> {
   const grouped = new Map<string, Array<typeof data[0]>>();
 
   data.forEach((item) => {

package/src/domains/auth/hooks/useAuth.ts

@@ -228,15 +228,25 @@ export function useAuth(options: UseAuthOptions = {}) {
 
     try {
       // Update local user state
-      setAuthState((prev) => ({
-        ...prev,
-        user: prev.user ? { ...prev.user, ...data } : null,
-        isLoading: false,
-        error: null,
-      }));
+      let updatedUser: User | null = null;
+      setAuthState((prev) => {
+        updatedUser = prev.user ? { ...prev.user, ...data } : null;
+        return {
+          ...prev,
+          user: updatedUser,
+          isLoading: false,
+          error: null,
+        };
+      });
 
       // In production, call your API here
       // await authProvider?.updateProfile(data);
+
+      if (!updatedUser) {
+        throw new Error("No user to update");
+      }
+
+      return updatedUser;
     } catch (error) {
       const errorMessage = error instanceof Error ? error.message : "Failed to update profile";
       updateState({

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

@@ -91,9 +91,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 */
@@ -101,9 +101,9 @@ export interface AuthActions {
   /** Reset password with token */
   resetPassword: (data: ResetPasswordData) => Promise<void>;
   /** Update user profile */
-  updateProfile: (data: Partial<User>) => Promise<void>;
+  updateProfile: (data: Partial<User>) => Promise<User>;
   /** Refresh authentication session */
-  refresh: () => Promise<void>;
+  refresh: () => Promise<User | null>;
 }
 
 /**

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

@@ -62,7 +62,7 @@ export function validateLogin(credentials: LoginCredentials): {
  * @returns Validation result with error message
  */
 export function validateRegister(
-  data: RegisterData,
+  data: RegisterData & { confirmPassword?: string },
   requireName: boolean = false,
   requirePasswordConfirm?: boolean
 ): {
@@ -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

@@ -9,12 +9,24 @@ import type {
   Currency,
   PlanTier,
   Subscription,
+  SubscriptionStatus,
   PaymentMethod,
   Invoice,
   InvoiceStatus,
   UsageMetric,
 } from "../types/billing";
 
+/**
+ * Format number with thousand separators
+ *
+ * @param num - Number to format
+ * @param locale - Locale (default: en-US)
+ * @returns Formatted number string
+ */
+export function formatNumber(num: number, locale: string = "en-US"): string {
+  return new Intl.NumberFormat(locale).format(num);
+}
+
 /**
  * Format price with currency
  *
@@ -114,6 +126,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";
@@ -133,6 +146,7 @@ export function getStatusLabel(status: SubscriptionStatus): string {
     canceled: "Canceled",
     unpaid: "Unpaid",
     incomplete: "Incomplete",
+    revoked: "Revoked",
   };
 
   return labelMap[status] || status;
@@ -151,6 +165,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";
@@ -169,6 +184,7 @@ export function getInvoiceStatusLabel(status: InvoiceStatus): string {
     paid: "Paid",
     void: "Void",
     uncollectible: "Uncollectible",
+    refunded: "Refunded",
   };
 
   return labelMap[status] || status;

package/src/index.ts

@@ -64,11 +64,6 @@ export {
   roundTo,
   generateColor,
   generateChartColors,
-  // Services
-  AnalyticsEngineService,
-  analyticsEngineService,
-  PerformanceService,
-  performanceService,
   // Types
   type Metric,
   type TimeSeriesData,
@@ -87,16 +82,6 @@ export {
   type DateRangePreset,
   type DateRangeValue,
   type AnalyticsExportOptions,
-  type ConversionPath,
-  type HeatmapData,
-  type UserBehaviorPrediction,
-  type UserData,
-  type ConversionData,
-  type FunnelItem,
-  type ActivityItem,
-  type PerformanceMetric,
-  type DashboardMetrics,
-  type RealtimeMetrics,
 } from './domains/analytics';
 
 // Calendar