@umituz/react-native-design-system 4.27.30 → 4.27.32

package/dist/molecules/alerts/AlertService.d.ts

@@ -11,4 +11,15 @@ export declare class AlertService {
     static createErrorAlert(title: string, message?: string, options?: AlertOptions): Alert;
     static createWarningAlert(title: string, message?: string, options?: AlertOptions): Alert;
     static createInfoAlert(title: string, message?: string, options?: AlertOptions): Alert;
+    /**
+     * Convenience methods to show alerts directly from outside React components
+     * These access the Zustand store directly without requiring hooks
+     */
+    static success(title: string, message?: string, options?: AlertOptions): string;
+    static error(title: string, message?: string, options?: AlertOptions): string;
+    static warning(title: string, message?: string, options?: AlertOptions): string;
+    static info(title: string, message?: string, options?: AlertOptions): string;
+    static show(type: AlertType, mode: AlertMode, title: string, message?: string, options?: AlertOptions): string;
+    static dismiss(id: string): void;
+    static clear(): void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "4.27.30",
+  "version": "4.27.32",
   "description": "Universal design system for React Native apps - Consolidated package with atoms, molecules, organisms, theme, typography, responsive, safe area, exception, infinite scroll, UUID, image, timezone, offline, onboarding, and loading utilities - TanStack persistence and expo-image-manipulator now lazy loaded",
   "main": "./src/index.ts",
   "types": "./dist/index.d.ts",

package/src/molecules/alerts/AlertService.ts

@@ -4,6 +4,7 @@
 
 import { generateUUID } from '../../uuid';
 import { Alert, AlertType, AlertMode, AlertOptions, AlertPosition } from './AlertTypes';
+import { useAlertStore } from './AlertStore';
 
 export class AlertService {
     /**
@@ -57,4 +58,46 @@ export class AlertService {
     static createInfoAlert(title: string, message?: string, options?: AlertOptions): Alert {
         return this.createAlert(AlertType.INFO, AlertMode.TOAST, title, message, options);
     }
+
+    /**
+     * Convenience methods to show alerts directly from outside React components
+     * These access the Zustand store directly without requiring hooks
+     */
+    static success(title: string, message?: string, options?: AlertOptions): string {
+        const alert = this.createSuccessAlert(title, message, options);
+        useAlertStore.getState().addAlert(alert);
+        return alert.id;
+    }
+
+    static error(title: string, message?: string, options?: AlertOptions): string {
+        const alert = this.createErrorAlert(title, message, options);
+        useAlertStore.getState().addAlert(alert);
+        return alert.id;
+    }
+
+    static warning(title: string, message?: string, options?: AlertOptions): string {
+        const alert = this.createWarningAlert(title, message, options);
+        useAlertStore.getState().addAlert(alert);
+        return alert.id;
+    }
+
+    static info(title: string, message?: string, options?: AlertOptions): string {
+        const alert = this.createInfoAlert(title, message, options);
+        useAlertStore.getState().addAlert(alert);
+        return alert.id;
+    }
+
+    static show(type: AlertType, mode: AlertMode, title: string, message?: string, options?: AlertOptions): string {
+        const alert = this.createAlert(type, mode, title, message, options);
+        useAlertStore.getState().addAlert(alert);
+        return alert.id;
+    }
+
+    static dismiss(id: string): void {
+        useAlertStore.getState().dismissAlert(id);
+    }
+
+    static clear(): void {
+        useAlertStore.getState().clearAlerts();
+    }
 }

package/src/storage/index.ts

@@ -146,7 +146,7 @@ export type { StateStorage } from './domain/types/Store';
  *   ...
  * });
  */
-export { persistentStorage, zustandStorage } from './infrastructure/adapters/ZustandStorageAdapter';
+export { persistentStorage } from './infrastructure/adapters/ZustandStorageAdapter';
 
 // =============================================================================
 // PRESENTATION LAYER - Hooks

package/src/storage/infrastructure/adapters/ZustandStorageAdapter.ts

@@ -29,8 +29,3 @@ import AsyncStorage from '@react-native-async-storage/async-storage';
  * No wrapping needed - AsyncStorage already provides the correct interface.
  */
 export const persistentStorage = AsyncStorage;
-
-/**
- * @deprecated Use persistentStorage instead
- */
-export const zustandStorage = AsyncStorage;