@umituz/react-native-design-system 2.9.63 → 2.9.65

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "2.9.63",
+  "version": "2.9.65",
   "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",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/media/infrastructure/services/MediaSaveService.ts

@@ -68,7 +68,7 @@ export class MediaSaveService {
       const extension = mediaType === "image" ? "jpg" : "mp4";
       const filename = `${mediaType}_${timestamp}.${extension}`;
 
-      const directory = FileSystem.documentDirectory;
+      const directory = (FileSystem as { documentDirectory?: string | null }).documentDirectory;
       if (!directory) {
         return {
           success: false,

package/src/theme/infrastructure/stores/themeStore.ts

@@ -29,6 +29,11 @@ interface ThemeActions {
   initialize: () => Promise<void>;
 }
 
+// Mutex to prevent race condition in setThemeMode
+let themeUpdateInProgress = false;
+// Mutex to prevent race condition in initialize
+let themeInitInProgress = false;
+
 /**
  * Theme Store - Global state management for theme
  *
@@ -55,6 +60,14 @@ export const useTheme = createStore<ThemeState, ThemeActions>({
   persist: false,
   actions: (set, get) => ({
     initialize: async () => {
+      // Atomic check with mutex
+      const { isInitialized } = get();
+      if (isInitialized || themeInitInProgress) {
+        return;
+      }
+
+      themeInitInProgress = true;
+
       try {
         const savedMode = await ThemeStorage.getThemeMode();
         if (savedMode) {
@@ -79,25 +92,38 @@ export const useTheme = createStore<ThemeState, ThemeActions>({
         set({ isInitialized: true });
         // Ensure design system store is synced even on error
         useDesignSystemTheme.getState().setThemeMode('dark');
+      } finally {
+        themeInitInProgress = false;
       }
     },
 
     setThemeMode: async (mode: ThemeMode) => {
+      // Skip if another update is in progress
+      if (themeUpdateInProgress) {
+        return;
+      }
+
+      themeUpdateInProgress = true;
+
       try {
         const theme = mode === 'light' ? lightTheme : darkTheme;
 
+        // Set state first
         set({
           themeMode: mode,
           theme,
           isDark: mode === 'dark',
         });
 
+        // Then persist (even if this fails, UI is already updated)
         await ThemeStorage.setThemeMode(mode);
 
         // Sync with design system global theme
         useDesignSystemTheme.getState().setThemeMode(mode);
       } catch {
-        // Silent failure
+        // Silent failure - UI already updated, just storage failed
+      } finally {
+        themeUpdateInProgress = false;
       }
     },