@zezosoft/zezo-ott-react-native-ui-kit 1.0.0 → 1.0.2

package/src/components/SplashScreen/SplashScreen.tsx

@@ -1,131 +0,0 @@
-/**
- * @author Naresh Dhamu
- * @lastModified Fri 13 Jun 2025 at 09:13 AM
- */
-
-import React, { useEffect, useMemo, useCallback } from 'react';
-import SplashImage from './components/SplashImage/SplashImage';
-import SplashVideo from './components/SplashVideo/SplashVideo';
-import SplashLottie from './components/SplashLottie/SplashLottie';
-import { useInitSplashCacheSync } from '../../hooks/useInitSplashCacheSync';
-import { BackgroundLayout } from '../BackgroundLayout/BackgroundLayout';
-import { ZezoUIProvider } from '../../theme/ThemeProvider';
-import type { ViewStyle } from 'react-native';
-import type { AppTheme } from '../../theme/themes';
-
-interface SplashScreenConfig {
-  source: string;
-  type?: 'image' | 'video' | 'lottie-animation';
-  width: number;
-  height: number;
-  isStatic?: boolean;
-  timeout?: number;
-  fullscreen?: boolean;
-  resizeMode?: 'cover' | 'contain' | 'stretch' | 'center';
-  backgroundColor?: string;
-  backgroundImage?: string;
-}
-
-interface SplashScreenProps {
-  splashScreenConfig: SplashScreenConfig;
-  gradientEnabled?: boolean;
-  innerContainerStyle?: ViewStyle;
-  onImageError?: (error: Error) => void;
-  onRedirect: () => void;
-  autoSwitchTheme?: boolean;
-  gradientSplit?: number;
-  theme?: AppTheme;
-}
-
-const DEFAULT_TIMEOUT = 5;
-
-export const SplashScreen: React.FC<SplashScreenProps> = ({
-  splashScreenConfig: {
-    source,
-    type = 'image',
-    width,
-    height,
-    isStatic = false,
-    timeout,
-    fullscreen = false,
-    resizeMode = 'contain',
-    backgroundColor,
-    backgroundImage
-  },
-  gradientEnabled = false,
-  innerContainerStyle,
-  onImageError,
-  onRedirect,
-  autoSwitchTheme = false,
-  gradientSplit = 0.42,
-  theme
-}) => {
-  const isRemote = useMemo(() => source.startsWith('http'), [source]);
-
-  const {
-    data: { localPathLogo }
-  } = useInitSplashCacheSync({
-    logoUrl: isRemote ? source : undefined,
-    backgroundUrl: backgroundImage
-  });
-
-  const actualSource = isRemote && localPathLogo ? localPathLogo : source;
-  const effectiveTimeout = timeout ?? (type === 'image' || isStatic ? DEFAULT_TIMEOUT : undefined);
-
-  const handleRedirect = useCallback(() => {
-    try {
-      onRedirect();
-    } catch (error) {
-      console.error('[SplashScreen] Redirect failed:', error);
-    }
-  }, [onRedirect]);
-
-  useEffect(() => {
-    if (effectiveTimeout) {
-      const timer = setTimeout(handleRedirect, effectiveTimeout * 1000);
-      return () => clearTimeout(timer);
-    }
-    return undefined;
-  }, [effectiveTimeout, handleRedirect]);
-
-  const commonProps = useMemo(
-    () => ({
-      source: actualSource as any,
-      localSource: actualSource,
-      width,
-      height,
-      fullscreen,
-      resizeMode: resizeMode as any
-    }),
-    [actualSource, width, height, fullscreen, resizeMode]
-  );
-
-  const renderSplash = useCallback(() => {
-    switch (type) {
-      case 'video':
-        return <SplashVideo {...commonProps} onEnd={effectiveTimeout ? undefined : handleRedirect} />;
-      case 'lottie-animation':
-        return <SplashLottie {...commonProps} onAnimationFinish={effectiveTimeout ? undefined : handleRedirect} />;
-      case 'image':
-        return <SplashImage {...commonProps} />;
-      default:
-        console.warn(`[SplashScreen] Unsupported type: ${type}`);
-        return <SplashImage {...commonProps} />;
-    }
-  }, [type, commonProps, effectiveTimeout, handleRedirect]);
-  return (
-    <ZezoUIProvider theme={theme} autoSwitchTheme={autoSwitchTheme}>
-      <BackgroundLayout
-        backgroundImage={backgroundImage}
-        backgroundColor={backgroundColor}
-        resizeMode="cover"
-        gradientEnabled={gradientEnabled}
-        innerContainerStyle={innerContainerStyle}
-        onImageError={onImageError}
-        gradientSplit={gradientSplit}
-      >
-        {renderSplash()}
-      </BackgroundLayout>
-    </ZezoUIProvider>
-  );
-};

package/src/components/SplashScreen/components/SplashImage/SplashImage.tsx

@@ -1,84 +0,0 @@
-/**
- * @author Naresh Dhamu
- * @lastModified Mon 09 Jun 2025 at 05:30 PM
- */
-
-import React, { useState, useMemo } from 'react';
-import FastImage from 'react-native-fast-image';
-import { ActivityIndicator, View, StyleSheet } from 'react-native';
-import Display from '../../../../utils/Display';
-
-type SplashImageProps = {
-  localSource: string;
-  source?: string;
-  width: number;
-  height: number;
-  fullscreen: boolean;
-  resizeMode?: 'cover' | 'contain' | 'stretch' | 'center';
-  backgroundColor?: string;
-};
-
-const SplashImage: React.FC<SplashImageProps> = ({
-  fullscreen,
-  height,
-  localSource,
-  resizeMode = 'contain',
-  width,
-  source
-}) => {
-  const [isLoading, setIsLoading] = useState(!!source); // Only show loader for remote images
-
-  // Memoize image styles to prevent unnecessary recalculations
-  const imageStyles = useMemo(
-    () => ({
-      width: fullscreen ? Display.fullWidth : width,
-      height: fullscreen ? Display.fullHeight : height,
-      flex: 1
-    }),
-    [fullscreen, width, height]
-  );
-
-  const handleLoadEnd = useMemo(() => (source ? () => setIsLoading(false) : undefined), [source]);
-
-  if (source) {
-    return (
-      <View style={styles.container}>
-        {isLoading && <ActivityIndicator size="large" style={styles.loader} />}
-        <FastImage
-          source={{
-            uri: source.startsWith('file://') ? source : `file://${source}`
-          }}
-          onLoadEnd={handleLoadEnd}
-          style={imageStyles}
-          resizeMode={resizeMode}
-          onError={() => setIsLoading(false)}
-        />
-      </View>
-    );
-  }
-
-  return (
-    <FastImage
-      source={{
-        uri: localSource.startsWith('file://') ? localSource : `file://${localSource}`
-      }}
-      style={imageStyles}
-      resizeMode={resizeMode}
-    />
-  );
-};
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    width: Display.fullWidth,
-    height: Display.fullHeight,
-    justifyContent: 'center',
-    alignItems: 'center'
-  },
-  loader: {
-    position: 'absolute'
-  }
-});
-
-export default React.memo(SplashImage);

package/src/components/SplashScreen/index.ts

@@ -1,6 +0,0 @@
-/**
- * @author Naresh Dhamu
- * @lastModified Mon 09 Jun 2025 at 04:04 PM
- */
-
-export * from './SplashScreen';