@umituz/react-native-design-system 4.25.47 → 4.25.49

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-design-system",
-  "version": "4.25.47",
+  "version": "4.25.49",
   "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",
@@ -222,9 +222,57 @@
     "@react-navigation/native": {
       "optional": true
     },
+    "@react-navigation/bottom-tabs": {
+      "optional": true
+    },
+    "@react-navigation/stack": {
+      "optional": true
+    },
+    "@tanstack/query-async-storage-persister": {
+      "optional": true
+    },
+    "@tanstack/react-query": {
+      "optional": true
+    },
+    "@tanstack/react-query-persist-client": {
+      "optional": true
+    },
     "expo-application": {
       "optional": true
     },
+    "expo-clipboard": {
+      "optional": true
+    },
+    "expo-crypto": {
+      "optional": true
+    },
+    "expo-font": {
+      "optional": true
+    },
+    "expo-haptics": {
+      "optional": true
+    },
+    "expo-image": {
+      "optional": true
+    },
+    "expo-image-manipulator": {
+      "optional": true
+    },
+    "expo-image-picker": {
+      "optional": true
+    },
+    "expo-network": {
+      "optional": true
+    },
+    "expo-secure-store": {
+      "optional": true
+    },
+    "expo-sharing": {
+      "optional": true
+    },
+    "expo-video": {
+      "optional": true
+    },
     "@react-native-community/datetimepicker": {
       "optional": true
     }

package/src/molecules/splash/hooks/useSplashFlow.ts

@@ -6,7 +6,7 @@
  * Artificial delays cause poor UX - the splash should transition as soon as app is ready.
  */
 
-import { useState, useEffect } from 'react';
+import { useState, useEffect, useRef } from 'react';
 import { DeviceEventEmitter } from 'react-native';
 
 export interface UseSplashFlowOptions {
@@ -28,11 +28,13 @@ export interface UseSplashFlowResult {
 export const useSplashFlow = (options: UseSplashFlowOptions = {}): UseSplashFlowResult => {
   const { isAppReady, duration } = options;
   const [isInitialized, setIsInitialized] = useState(false);
+  const isInitializedRef = useRef(false);
 
   useEffect(() => {
     // Primary: Use external app ready signal (preferred)
     if (isAppReady !== undefined) {
-      if (isAppReady && !isInitialized) {
+      if (isAppReady && !isInitializedRef.current) {
+        isInitializedRef.current = true;
         setIsInitialized(true);
         DeviceEventEmitter.emit('splash-ready');
       }
@@ -42,15 +44,18 @@ export const useSplashFlow = (options: UseSplashFlowOptions = {}): UseSplashFlow
     // Timer-based fallback when isAppReady is not provided
     if (duration !== undefined) {
       const timer = setTimeout(() => {
-        setIsInitialized(true);
-        DeviceEventEmitter.emit('splash-ready');
+        if (!isInitializedRef.current) {
+          isInitializedRef.current = true;
+          setIsInitialized(true);
+          DeviceEventEmitter.emit('splash-ready');
+        }
       }, duration);
 
       return () => clearTimeout(timer);
     }
 
     return undefined;
-  }, [isAppReady, duration, isInitialized]);
+  }, [isAppReady, duration]);
 
   return { isInitialized };
 };

package/src/utils/hooks/useAsyncOperation.ts

@@ -72,10 +72,12 @@ export function useAsyncOperation<T, E = Error>(
   const lastArgsRef = useRef<any[]>([]);
   const retryCountRef = useRef(0);
 
-  // Stable callback refs
+  // Stable callback refs — prevents inline functions from causing execute to be recreated
   const onSuccessRef = useRef(onSuccess);
   const onErrorRef = useRef(onError);
   const onFinallyRef = useRef(onFinally);
+  const operationRef = useRef(operation);
+  const errorHandlerRef = useRef(errorHandler);
 
   useEffect(() => {
     onSuccessRef.current = onSuccess;
@@ -83,6 +85,10 @@ export function useAsyncOperation<T, E = Error>(
     onFinallyRef.current = onFinally;
   }, [onSuccess, onError, onFinally]);
 
+  // Keep operation and errorHandler in refs so execute doesn't need them as deps
+  operationRef.current = operation;
+  errorHandlerRef.current = errorHandler;
+
   // Cleanup on unmount
   useEffect(() => {
     return () => {
@@ -104,7 +110,7 @@ export function useAsyncOperation<T, E = Error>(
       }
 
       try {
-        const result = await operation(...args);
+        const result = await operationRef.current(...args);
 
         if (isMountedRef.current) {
           setData(result);
@@ -114,7 +120,7 @@ export function useAsyncOperation<T, E = Error>(
 
         return result;
       } catch (err) {
-        const handledError = errorHandler(err);
+        const handledError = errorHandlerRef.current(err);
 
         if (isMountedRef.current) {
           setErrorState(handledError);
@@ -129,7 +135,7 @@ export function useAsyncOperation<T, E = Error>(
         }
       }
     },
-    [operation, skip, errorHandler]
+    [skip]
   );
 
   const retry = useCallback(async (): Promise<T | null> => {