@zezosoft/zezo-ott-react-native-ui-kit 1.0.3 → 1.0.5

package/lib/module/components/Auth/QrLogin/QrLogin.js

@@ -0,0 +1,267 @@
+"use strict";
+
+/**
+ * @author Ashok Desai
+ * @lastModified oct 02 Oct 2025 at 10:30 AM
+ */
+import React, { useState, useRef } from 'react';
+import { View, StyleSheet, Dimensions, TouchableOpacity, ActivityIndicator, StatusBar } from 'react-native';
+import { scale } from 'react-native-size-matters';
+import { RFValue } from 'react-native-responsive-fontsize';
+import { Text } from "../../Text/index.js";
+import AppHeader from "../../Headers/AppHeader.js";
+import { useTheme } from "../../../theme/hook/useTheme.js";
+import { Camera as CameraIcon, QrCode } from 'lucide-react-native';
+import { Camera, useCameraDevice, useCameraPermission, useCodeScanner } from 'react-native-vision-camera';
+import QrViewArea from "./components/QrViewArea.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const {
+  width: SCREEN_W,
+  height: SCREEN_H
+} = Dimensions.get('window');
+const HEADER_HEIGHT = 25;
+const DEFAULTS = {
+  title: 'QR Login',
+  description: 'Please move your camera over the QR Code',
+  scanButtonText: 'Scan QR Code',
+  cameraType: 'back'
+};
+export const QrLogin = ({
+  title = DEFAULTS.title,
+  description = DEFAULTS.description,
+  scanButtonText = DEFAULTS.scanButtonText,
+  onBackPress,
+  onScanSuccess,
+  theme,
+  cameraType = DEFAULTS.cameraType,
+  layout = 'one'
+}) => {
+  const {
+    theme: appliedTheme
+  } = useTheme(theme);
+  const {
+    colors
+  } = appliedTheme;
+  const [scanActive, setScanActive] = useState(false);
+  const [requesting, setRequesting] = useState(false);
+  const device = useCameraDevice(cameraType);
+  const {
+    hasPermission,
+    requestPermission
+  } = useCameraPermission();
+  const scanTimer = useRef(null);
+  const lastValueRef = useRef(null);
+  const isScanning = useRef(false);
+
+  // ---- Check if QR inside scan box ----
+  const isCodeInsideBox = code => {
+    if (!code.bounds) return true;
+    const {
+      origin,
+      size
+    } = code.bounds;
+    if (!origin || !size) return true;
+    const defaultBoxW = Math.min(SCREEN_W * 0.7, 320);
+    const boxW = defaultBoxW * 0.9;
+    const boxH = boxW;
+    const availableHeight = SCREEN_H - HEADER_HEIGHT;
+    const boxTop = Math.floor(HEADER_HEIGHT + (availableHeight - boxH) / 2 - scale(40));
+    const sideOverlayWidth = Math.floor((SCREEN_W - boxW) / 2);
+    return origin.x >= sideOverlayWidth && origin.y >= boxTop && origin.x + size.width <= sideOverlayWidth + boxW && origin.y + size.height <= boxTop + boxH;
+  };
+
+  // ---- Code Scanner ----
+  const codeScanner = useCodeScanner({
+    codeTypes: ['qr'],
+    onCodeScanned: codes => {
+      if (isScanning.current) return;
+      for (const c of codes) {
+        const code = c;
+        const value = code?.value;
+        if (!value || !isCodeInsideBox(code)) continue;
+        if (lastValueRef.current === value) return;
+        lastValueRef.current = value;
+        if (scanTimer.current) clearTimeout(scanTimer.current);
+        scanTimer.current = setTimeout(() => {
+          isScanning.current = true;
+          setScanActive(false);
+          onScanSuccess?.(value);
+          setTimeout(() => {
+            isScanning.current = false;
+            lastValueRef.current = null;
+          }, 1000);
+        }, 1000);
+        break;
+      }
+    }
+  });
+  const startScan = async () => {
+    if (!hasPermission) {
+      setRequesting(true);
+      const granted = await requestPermission();
+      setRequesting(false);
+      if (!granted) return;
+    }
+    setScanActive(true);
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, {
+      backgroundColor: colors.background
+    }],
+    children: [/*#__PURE__*/_jsx(StatusBar, {
+      translucent: true,
+      backgroundColor: "transparent",
+      barStyle: appliedTheme.dark ? 'light-content' : 'dark-content'
+    }), /*#__PURE__*/_jsx(View, {
+      style: [styles.headerWrapper, {
+        height: HEADER_HEIGHT
+      }],
+      children: /*#__PURE__*/_jsx(AppHeader, {
+        title: title,
+        onBackPress: onBackPress,
+        theme: appliedTheme,
+        titleAlign: "left"
+      })
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.cameraWrapper,
+      children: scanActive ? device ? /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(Camera, {
+          style: StyleSheet.absoluteFill,
+          device: device,
+          isActive: true,
+          codeScanner: codeScanner
+        }), /*#__PURE__*/_jsx(QrViewArea, {
+          theme: appliedTheme,
+          layout: layout,
+          headerHeight: HEADER_HEIGHT
+        })]
+      }) : /*#__PURE__*/_jsx(View, {
+        style: [styles.center, {
+          backgroundColor: colors.background
+        }],
+        children: /*#__PURE__*/_jsx(Text, {
+          style: {
+            color: colors.textPrimary,
+            fontSize: RFValue(16)
+          },
+          children: "No camera available"
+        })
+      }) : /*#__PURE__*/_jsx(View, {
+        style: styles.content,
+        children: /*#__PURE__*/_jsxs(View, {
+          style: styles.card,
+          children: [/*#__PURE__*/_jsx(CameraIcon, {
+            size: scale(50),
+            color: colors.button,
+            strokeWidth: 1.6,
+            style: {
+              marginBottom: scale(12)
+            }
+          }), /*#__PURE__*/_jsx(Text, {
+            style: [styles.descText, {
+              color: colors.textPrimary
+            }],
+            children: description
+          }), /*#__PURE__*/_jsx(View, {
+            style: [styles.qrBox, {
+              borderColor: colors.primary,
+              backgroundColor: colors.skeletonBaseColor
+            }],
+            children: /*#__PURE__*/_jsx(QrCode, {
+              size: scale(180),
+              color: colors.button,
+              strokeWidth: 1.6
+            })
+          }), /*#__PURE__*/_jsxs(TouchableOpacity, {
+            style: [styles.scanBtn, {
+              borderColor: colors.button
+            }],
+            onPress: startScan,
+            activeOpacity: 0.85,
+            children: [/*#__PURE__*/_jsx(CameraIcon, {
+              size: scale(22),
+              color: colors.button,
+              strokeWidth: 2,
+              style: {
+                marginRight: 10
+              }
+            }), /*#__PURE__*/_jsx(Text, {
+              style: [styles.scanText, {
+                color: colors.button
+              }],
+              children: scanButtonText
+            })]
+          }), requesting && /*#__PURE__*/_jsx(ActivityIndicator, {
+            style: {
+              marginTop: scale(12)
+            },
+            color: colors.primary
+          })]
+        })
+      })
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  headerWrapper: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    zIndex: 20,
+    elevation: 20
+  },
+  cameraWrapper: {
+    flex: 1,
+    top: HEADER_HEIGHT
+  },
+  center: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  content: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    padding: scale(14),
+    marginBottom: scale(50)
+  },
+  card: {
+    width: SCREEN_W - scale(40),
+    minHeight: SCREEN_H / 2.5,
+    alignItems: 'center',
+    padding: scale(20)
+  },
+  descText: {
+    fontSize: RFValue(15),
+    textAlign: 'center',
+    marginVertical: scale(12)
+  },
+  qrBox: {
+    marginVertical: scale(20),
+    padding: scale(20),
+    borderWidth: 2,
+    borderRadius: scale(12),
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  scanBtn: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    borderWidth: scale(2),
+    borderRadius: scale(12),
+    paddingVertical: scale(10),
+    paddingHorizontal: scale(25),
+    marginTop: scale(20)
+  },
+  scanText: {
+    fontWeight: '600',
+    fontSize: RFValue(14)
+  }
+});
+export default QrLogin;
+//# sourceMappingURL=QrLogin.js.map

package/lib/module/components/Auth/QrLogin/QrLogin.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useRef","View","StyleSheet","Dimensions","TouchableOpacity","ActivityIndicator","StatusBar","scale","RFValue","Text","AppHeader","useTheme","Camera","CameraIcon","QrCode","useCameraDevice","useCameraPermission","useCodeScanner","QrViewArea","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","width","SCREEN_W","height","SCREEN_H","get","HEADER_HEIGHT","DEFAULTS","title","description","scanButtonText","cameraType","QrLogin","onBackPress","onScanSuccess","theme","layout","appliedTheme","colors","scanActive","setScanActive","requesting","setRequesting","device","hasPermission","requestPermission","scanTimer","lastValueRef","isScanning","isCodeInsideBox","code","bounds","origin","size","defaultBoxW","Math","min","boxW","boxH","availableHeight","boxTop","floor","sideOverlayWidth","x","y","codeScanner","codeTypes","onCodeScanned","codes","current","c","value","clearTimeout","setTimeout","startScan","granted","style","styles","container","backgroundColor","background","children","translucent","barStyle","dark","headerWrapper","titleAlign","cameraWrapper","absoluteFill","isActive","headerHeight","center","color","textPrimary","fontSize","content","card","button","strokeWidth","marginBottom","descText","qrBox","borderColor","primary","skeletonBaseColor","scanBtn","onPress","activeOpacity","marginRight","scanText","marginTop","create","flex","position","top","left","right","zIndex","elevation","alignItems","justifyContent","padding","minHeight","textAlign","marginVertical","borderWidth","borderRadius","flexDirection","paddingVertical","paddingHorizontal","fontWeight"],"sourceRoot":"../../../../../src","sources":["components/Auth/QrLogin/QrLogin.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Auth/QrLogin/components/QrViewArea.js

@@ -0,0 +1,178 @@
+"use strict";
+
+/**
+ * @author Ashok Desai
+ * @lastModified oct 02 Oct 2025 at 10:30 AM
+ */
+import React, { useEffect, useRef } from 'react';
+import { View, StyleSheet, Animated, Easing, Dimensions, Platform } from 'react-native';
+import { scale } from 'react-native-size-matters';
+import Svg, { Rect } from 'react-native-svg';
+import { useTheme } from "../../../../theme/hook/useTheme.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const {
+  width: SCREEN_W,
+  height: SCREEN_H
+} = Dimensions.get('window');
+const QrViewArea = ({
+  scanBoxWidth,
+  layout = 'one',
+  headerHeight = 60,
+  theme
+}) => {
+  const {
+    theme: appliedTheme
+  } = useTheme(theme);
+  const {
+    colors
+  } = appliedTheme;
+  const anim = useRef(new Animated.Value(0)).current;
+  const defaultBoxW = scanBoxWidth || Math.min(SCREEN_W * 0.7, 320);
+  const boxW = defaultBoxW * 0.9;
+  const boxH = boxW;
+  const availableHeight = SCREEN_H - headerHeight;
+  const boxTop = Math.floor(headerHeight + (availableHeight - boxH) / 2 - scale(40));
+  const topOverlayHeight = Math.floor(boxTop - headerHeight);
+  const bottomOverlayHeight = Math.floor(SCREEN_H - (boxTop + boxH));
+  const sideOverlayWidth = Math.floor((SCREEN_W - boxW) / 2);
+  const margin = scale(12);
+  const lineTravel = boxH - margin * 2 - scale(3);
+  const translateY = anim.interpolate({
+    inputRange: [0, 1],
+    outputRange: [0, lineTravel]
+  });
+  useEffect(() => {
+    const animation = Animated.loop(Animated.sequence([Animated.timing(anim, {
+      toValue: 1,
+      duration: 2000,
+      easing: Easing.linear,
+      useNativeDriver: true
+    }), Animated.timing(anim, {
+      toValue: 0,
+      duration: 2000,
+      easing: Easing.linear,
+      useNativeDriver: true
+    })]));
+    animation.start();
+    return () => animation.stop();
+  }, [anim]);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(View, {
+      style: [styles.overlayTB, {
+        top: headerHeight,
+        height: topOverlayHeight,
+        backgroundColor: colors.overlay
+      }]
+    }), /*#__PURE__*/_jsx(View, {
+      style: [styles.overlayTB, {
+        top: boxTop + boxH,
+        height: bottomOverlayHeight,
+        backgroundColor: colors.overlay
+      }]
+    }), /*#__PURE__*/_jsx(View, {
+      style: [styles.overlayLR, {
+        top: boxTop,
+        height: boxH,
+        width: sideOverlayWidth,
+        backgroundColor: colors.overlay
+      }]
+    }), /*#__PURE__*/_jsx(View, {
+      style: [styles.overlayLR, {
+        top: boxTop,
+        right: 0,
+        height: boxH,
+        width: sideOverlayWidth,
+        backgroundColor: colors.overlay
+      }]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: [styles.scanBox, {
+        top: boxTop,
+        width: boxW,
+        height: boxH,
+        left: sideOverlayWidth
+      }],
+      children: [layout === 'two' ? /*#__PURE__*/_jsx(Svg, {
+        width: boxW,
+        height: boxH,
+        children: /*#__PURE__*/_jsx(Rect, {
+          width: boxW,
+          height: boxH,
+          ry: scale(8),
+          stroke: colors.button,
+          strokeWidth: scale(5),
+          strokeDasharray: [scale(12), scale(6)],
+          fill: "none"
+        })
+      }) : ['tl', 'tr', 'bl', 'br'].map(c => /*#__PURE__*/_jsx(View, {
+        style: [styles.corner, styles[`corner_${c}`], {
+          borderColor: colors.button,
+          width: scale(18),
+          height: scale(18),
+          borderTopWidth: c.startsWith('t') ? scale(3) : 0,
+          borderBottomWidth: c.startsWith('b') ? scale(3) : 0,
+          borderLeftWidth: c.endsWith('l') ? scale(3) : 0,
+          borderRightWidth: c.endsWith('r') ? scale(3) : 0
+        }]
+      }, c)), /*#__PURE__*/_jsx(Animated.View, {
+        style: {
+          position: 'absolute',
+          top: margin,
+          left: margin,
+          right: margin,
+          height: scale(3),
+          borderRadius: scale(1.5),
+          backgroundColor: colors.button,
+          transform: [{
+            translateY
+          }],
+          shadowColor: colors.shadow,
+          shadowOffset: {
+            width: 0,
+            height: 4
+          },
+          shadowOpacity: 0.3,
+          shadowRadius: 5,
+          elevation: Platform.OS === 'android' ? 4 : 0
+        }
+      })]
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  overlayTB: {
+    position: 'absolute',
+    left: 0,
+    right: 0
+  },
+  overlayLR: {
+    position: 'absolute'
+  },
+  scanBox: {
+    position: 'absolute',
+    justifyContent: 'center',
+    alignItems: 'center',
+    overflow: 'hidden',
+    zIndex: 10
+  },
+  corner: {
+    position: 'absolute'
+  },
+  corner_tl: {
+    top: 0,
+    left: 0
+  },
+  corner_tr: {
+    top: 0,
+    right: 0
+  },
+  corner_bl: {
+    bottom: 0,
+    left: 0
+  },
+  corner_br: {
+    bottom: 0,
+    right: 0
+  }
+});
+export default QrViewArea;
+//# sourceMappingURL=QrViewArea.js.map

package/lib/module/components/Auth/QrLogin/components/QrViewArea.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useRef","View","StyleSheet","Animated","Easing","Dimensions","Platform","scale","Svg","Rect","useTheme","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","width","SCREEN_W","height","SCREEN_H","get","QrViewArea","scanBoxWidth","layout","headerHeight","theme","appliedTheme","colors","anim","Value","current","defaultBoxW","Math","min","boxW","boxH","availableHeight","boxTop","floor","topOverlayHeight","bottomOverlayHeight","sideOverlayWidth","margin","lineTravel","translateY","interpolate","inputRange","outputRange","animation","loop","sequence","timing","toValue","duration","easing","linear","useNativeDriver","start","stop","children","style","styles","overlayTB","top","backgroundColor","overlay","overlayLR","right","scanBox","left","ry","stroke","button","strokeWidth","strokeDasharray","fill","map","c","corner","borderColor","borderTopWidth","startsWith","borderBottomWidth","borderLeftWidth","endsWith","borderRightWidth","position","borderRadius","transform","shadowColor","shadow","shadowOffset","shadowOpacity","shadowRadius","elevation","OS","create","justifyContent","alignItems","overflow","zIndex","corner_tl","corner_tr","corner_bl","bottom","corner_br"],"sourceRoot":"../../../../../../src","sources":["components/Auth/QrLogin/components/QrViewArea.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Auth/SplashScreen/SplashScreen.js

@@ -2,32 +2,23 @@
 
 /**
  * @author Naresh Dhamu
- * @lastModified Wed 30 Jul 2025 at 03:21 PM
+ * @lastModified Fri 17 Oct 2025 at 09:51 PM
  */
 
 import React, { useEffect, useMemo, useCallback } from 'react';
+import { StatusBar } from 'react-native';
+import Color from 'color';
 import SplashImage from "./components/SplashImage/SplashImage.js";
 import SplashVideo from "./components/SplashVideo/SplashVideo.js";
 import SplashLottie from "./components/SplashLottie/SplashLottie.js";
-import { StatusBar } from 'react-native';
 import { useTheme } from "../../../theme/index.js";
-import { useInitSplashCacheSync } from "../../../hooks/useInitSplashCacheSync.js";
 import { BackgroundLayout } from "../../BackgroundLayout/BackgroundLayout.js";
-import Color from 'color';
+import { useSplashCache } from "../../../hooks/useSplashCache.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const DEFAULT_IMAGE_TIMEOUT_SECONDS = 5;
+const DEFAULT_IMAGE_TIMEOUT = 5;
+const FALLBACK_TIMEOUT = 0.5;
 export const SplashScreen = ({
-  splashScreenConfig: {
-    source: splashSource,
-    type: splashType = 'image',
-    width,
-    height,
-    isStatic = false,
-    screenTime,
-    fullscreen = false,
-    resizeMode = 'contain',
-    backgroundColor: splashBackgroundColor
-  },
+  splashScreenConfig,
   innerContainerStyle,
   backgroundImage = {
     gradientSplitBackground: 0.4,
@@ -36,24 +27,34 @@ export const SplashScreen = ({
   onRedirect,
   theme: overrideTheme
 }) => {
-  const isRemoteSource = useMemo(() => splashSource.startsWith('http'), [splashSource]);
   const {
-    theme: resolvedTheme
+    source: splashSource,
+    type: splashType = 'image',
+    width,
+    height,
+    isStatic = false,
+    screenTime,
+    fullscreen = false,
+    resizeMode = 'contain',
+    backgroundColor: splashBgColor
+  } = splashScreenConfig;
+  const {
+    theme
   } = useTheme(overrideTheme);
+  const isRemote = splashSource.startsWith('http');
   const isImageSplash = splashType === 'image';
-  const backgroundImageUri = isImageSplash && backgroundImage.source?.startsWith('http') ? backgroundImage.source : undefined;
+  const backgroundImageUrl = isImageSplash && backgroundImage.source?.startsWith('http') ? backgroundImage.source : undefined;
   const {
-    data: {
-      localPathLogo
-    }
-  } = useInitSplashCacheSync({
-    logoUrl: isRemoteSource ? splashSource : undefined,
-    backgroundUrl: backgroundImageUri
+    data
+  } = useSplashCache({
+    logoUrl: isRemote ? splashSource : undefined,
+    backgroundUrl: backgroundImageUrl
   });
-  const resolvedSplashUri = isRemoteSource && localPathLogo ? localPathLogo : splashSource;
-  const effectiveTimeout = useMemo(() => {
-    const timeout = screenTime ?? (isImageSplash || isStatic ? DEFAULT_IMAGE_TIMEOUT_SECONDS : 0);
-    return Number.isFinite(timeout) ? Number(timeout) : 0;
+  const resolvedSplashUri = isRemote && data.logoPath ? data.logoPath : splashSource;
+  const displayTimeout = useMemo(() => {
+    if (typeof screenTime === 'number' && screenTime > 0) return screenTime;
+    if (isImageSplash || isStatic) return DEFAULT_IMAGE_TIMEOUT;
+    return 0;
   }, [screenTime, isImageSplash, isStatic]);
   const handleRedirect = useCallback(() => {
     try {
@@ -63,16 +64,11 @@ export const SplashScreen = ({
     }
   }, [onRedirect]);
   useEffect(() => {
-    const fallbackTimeout = 0.5; // fallback to 0.5s even if 0
-    const timeout = effectiveTimeout > 0 ? effectiveTimeout : fallbackTimeout;
-    const timer = setTimeout(() => {
-      handleRedirect();
-    }, timeout * 1000);
-    return () => {
-      clearTimeout(timer);
-    };
-  }, [effectiveTimeout, handleRedirect]);
-  const splashComponentProps = useMemo(() => ({
+    const timeoutSec = displayTimeout > 0 ? displayTimeout : FALLBACK_TIMEOUT;
+    const timer = setTimeout(handleRedirect, timeoutSec * 1000);
+    return () => clearTimeout(timer);
+  }, [displayTimeout, handleRedirect]);
+  const splashProps = useMemo(() => ({
     source: resolvedSplashUri,
     width,
     height,
@@ -80,47 +76,49 @@ export const SplashScreen = ({
     resizeMode: resizeMode
   }), [resolvedSplashUri, width, height, fullscreen, resizeMode]);
   const renderSplashContent = useCallback(() => {
+    const videoExtensions = ['.mp4', '.mov', '.mkv', '.webm', '.avi', '.3gp'];
+    const LOTTIE_EXTENSIONS = ['.json', '.lottie'];
     switch (splashType) {
       case 'video':
-        return /*#__PURE__*/_jsx(SplashVideo, {
-          ...splashComponentProps,
-          onEnd: effectiveTimeout ? undefined : handleRedirect
-        });
+        const isVideoFile = videoExtensions.some(ext => resolvedSplashUri.toLowerCase().endsWith(ext));
+        return isVideoFile ? /*#__PURE__*/_jsx(SplashVideo, {
+          ...splashProps,
+          onEnd: displayTimeout ? undefined : handleRedirect
+        }) : null;
       case 'lottie-animation':
-        return /*#__PURE__*/_jsx(SplashLottie, {
-          ...splashComponentProps,
-          onAnimationFinish: effectiveTimeout ? undefined : handleRedirect
-        });
+        {
+          const isLottieFile = LOTTIE_EXTENSIONS.some(ext => resolvedSplashUri.toLowerCase().endsWith(ext));
+          return isLottieFile ? /*#__PURE__*/_jsx(SplashLottie, {
+            ...splashProps,
+            onAnimationFinish: displayTimeout ? undefined : handleRedirect
+          }) : null;
+        }
       case 'image':
       default:
         return /*#__PURE__*/_jsx(SplashImage, {
-          ...splashComponentProps
+          ...splashProps
         });
     }
-  }, [splashType, splashComponentProps, effectiveTimeout, handleRedirect]);
-  const getSafeBackgroundColor = (inputColor, fallbackColor) => {
-    try {
-      if (!inputColor) return fallbackColor;
-      const parsedColor = Color(inputColor);
-      const alpha = parsedColor.alpha(); // 0 to 1
-
-      if (alpha < 0.8) return fallbackColor; // ✅ your condition
+  }, [splashType, resolvedSplashUri, splashProps, displayTimeout, handleRedirect]);
 
-      return parsedColor.hex(); // Always convert to solid hex
-    } catch (e) {
-      return fallbackColor;
+  /** 🎨 Safe Background Color Calculation */
+  const safeBgColor = useMemo(() => {
+    try {
+      if (!splashBgColor) return theme.colors.background;
+      const c = Color(splashBgColor);
+      return c.alpha() < 0.8 ? theme.colors.background : c.hex();
+    } catch {
+      return theme.colors.background;
     }
-  };
-  const colorToUse = getSafeBackgroundColor(splashBackgroundColor, resolvedTheme.colors.background);
-  const isDark = Color(colorToUse).isDark();
-  const statusBarStyle = isDark ? 'light-content' : 'dark-content';
+  }, [splashBgColor, theme.colors.background]);
+  const statusBarStyle = Color(safeBgColor).isDark() ? 'light-content' : 'dark-content';
   return /*#__PURE__*/_jsxs(BackgroundLayout, {
     backgroundImage: isImageSplash ? backgroundImage.source : undefined,
-    backgroundColor: splashBackgroundColor,
+    backgroundColor: splashBgColor,
     resizeMode: backgroundImage.resizeMode ?? 'cover',
     innerContainerStyle: innerContainerStyle,
     onImageError: backgroundImage.onImageError,
-    theme: resolvedTheme,
+    theme: theme,
     gradientSplitBackground: backgroundImage.gradientSplitBackground ?? 0.4,
     children: [/*#__PURE__*/_jsx(StatusBar, {
       translucent: true,