@zezosoft/zezo-ott-react-native-ui-kit 1.1.0 → 1.1.2

package/src/hooks/useNavigationMode.ts

@@ -3,7 +3,7 @@
  * @lastModified Thu 06 Nov 2025 at 11:52 AM
  */
 
-import { useEffect, useState } from 'react';
+import { useEffect, useState, useMemo } from 'react';
 import NavigationMode from 'react-native-navigation-mode';
 
 /**
@@ -16,20 +16,31 @@ export const useNavigationMode = () => {
   const [isThreeButtonNav, setIsThreeButtonNav] = useState(false);
 
   useEffect(() => {
+    let mounted = true;
+
     (async () => {
       try {
         const navMode = (await NavigationMode.getNavigationMode()) as any;
         const isThreeButton =
           navMode?.navigationMode === 'THREE_BUTTON' ||
           navMode?.mode === 'THREE_BUTTON';
-        setIsThreeButtonNav(isThreeButton);
+        if (mounted) {
+          setIsThreeButtonNav(isThreeButton);
+        }
       } catch (err) {
         console.log('Navigation mode detect error:', err);
       }
     })();
+
+    return () => {
+      mounted = false;
+    };
   }, []);
 
-  return {
-    isGestureNav: !isThreeButtonNav,
-  };
+  return useMemo(
+    () => ({
+      isGestureNav: !isThreeButtonNav,
+    }),
+    [isThreeButtonNav]
+  );
 };

package/src/hooks/usePaginatedSection.ts

@@ -26,7 +26,7 @@ export function usePaginatedSection<T>(
     if (!isLoading && initialData.length) {
       setData(initialData);
     }
-  }, [isLoading, initialData]);
+  }, [isLoading, initialData.length, initialData]);
 
   const loadMoreData = useCallback(
     async (page: number | null) => {

package/src/hooks/usePrevious.ts

@@ -0,0 +1,28 @@
+/**
+ * @author Naresh Dhamu
+ * @lastModified Optimized for performance
+ */
+
+import { useRef } from 'react';
+
+/**
+ * Hook to get the previous value of a prop or state
+ * Optimized to avoid useEffect overhead
+ * @param value - The value to track
+ * @returns The previous value
+ */
+export function usePrevious<T>(value: T): T | undefined {
+  const ref = useRef<{ value: T; previous: T | undefined }>({
+    value,
+    previous: undefined,
+  });
+
+  // Update ref synchronously during render
+  const current = ref.current;
+  if (current.value !== value) {
+    current.previous = current.value;
+    current.value = value;
+  }
+
+  return current.previous;
+}

package/src/hooks/useSafeCallback.ts

@@ -0,0 +1,43 @@
+/**
+ * @author Naresh Dhamu
+ * @lastModified Optimized for performance
+ */
+
+import { useCallback } from 'react';
+import type { GestureResponderEvent } from 'react-native';
+
+/**
+ * Creates a safe callback that checks if the function exists before calling
+ * Prevents unnecessary re-renders by memoizing the callback
+ */
+export function useSafeCallback<T extends (...args: any[]) => any>(
+  callback: T | undefined,
+  deps: React.DependencyList = []
+): T {
+  return useCallback(
+    (...args: Parameters<T>) => {
+      callback?.(...args);
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [callback, ...deps]
+  ) as T;
+}
+
+/**
+ * Creates a safe press handler that checks disabled state
+ */
+export function useSafePressHandler(
+  onPress: ((event: GestureResponderEvent) => void) | undefined,
+  disabled: boolean = false,
+  deps: React.DependencyList = []
+) {
+  return useCallback(
+    (event: GestureResponderEvent) => {
+      if (!disabled && onPress) {
+        onPress(event);
+      }
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [disabled, onPress, ...deps]
+  );
+}

package/src/hooks/useSkeletonItems.ts

@@ -0,0 +1,30 @@
+/**
+ * @author Naresh Dhamu
+ * @lastModified Optimized for performance
+ */
+
+import { useMemo, useRef } from 'react';
+
+/**
+ * Hook to create skeleton items array
+ * Memoized to prevent unnecessary recreations
+ * Generator function is stored in ref to avoid dependency issues
+ */
+export function useSkeletonItems<T = any>(
+  count: number,
+  generator?: (index: number) => T
+): T[] {
+  const generatorRef = useRef(generator);
+  generatorRef.current = generator;
+
+  return useMemo(() => {
+    if (count <= 0) return [];
+    if (generatorRef.current) {
+      return Array.from({ length: count }, (_, i) => generatorRef.current!(i));
+    }
+    return Array.from({ length: count }, (_, i) => ({
+      _id: `skeleton-${i}`,
+      isSkeleton: true,
+    })) as T[];
+  }, [count]);
+}

package/src/hooks/useSplashCache.ts

@@ -150,7 +150,8 @@ export const useSplashCache = ({
     return () => {
       mounted = false;
     };
-  }, [logoUrl, backgroundUrl, forceDownload, setLogo, setBackground]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [logoUrl, backgroundUrl, forceDownload]);
 
   const logoPath = useSplashStore((s) => s.logo.localPath);
   const bgPath = useSplashStore((s) => s.backdrop.localPath);

package/src/hooks/useThemeColors.ts

@@ -0,0 +1,51 @@
+/**
+ * @author Naresh Dhamu
+ * @lastModified Optimized for performance
+ */
+
+import { useMemo } from 'react';
+import type { ITheme } from '../theme/themes';
+
+/**
+ * Hook to extract and memoize theme colors
+ * Reduces repeated color extraction patterns
+ */
+export function useThemeColors(theme: ITheme) {
+  const colors = theme.colors;
+  return useMemo(
+    () => ({
+      textPrimary: colors.textPrimary,
+      textSecondary: colors.textSecondary,
+      background: colors.background,
+      surface: colors.surface,
+      surfaceVariant: colors.surfaceVariant,
+      primary: colors.primary,
+      error: colors.error,
+      errorContainer: colors.errorContainer,
+      skeletonBaseColor: colors.skeletonBaseColor,
+      skeletonHighlightColor: colors.skeletonHighlightColor,
+      border: colors.border,
+      onBackground: colors.onBackground,
+      onPrimary: colors.onPrimary,
+      onSurface: colors.onSurface,
+      outline: colors.outline,
+    }),
+    [
+      colors.textPrimary,
+      colors.textSecondary,
+      colors.background,
+      colors.surface,
+      colors.surfaceVariant,
+      colors.primary,
+      colors.error,
+      colors.errorContainer,
+      colors.skeletonBaseColor,
+      colors.skeletonHighlightColor,
+      colors.border,
+      colors.onBackground,
+      colors.onPrimary,
+      colors.onSurface,
+      colors.outline,
+    ]
+  );
+}

package/src/theme/ThemeProvider.tsx

@@ -3,8 +3,13 @@
  * @lastModified Wed 22 Oct 2025 at 11:29 AM
  */
 
-import React, { createContext, useContext, type ReactNode } from 'react';
-import { View } from 'react-native';
+import React, {
+  createContext,
+  useContext,
+  useMemo,
+  type ReactNode,
+} from 'react';
+import { StyleSheet, View } from 'react-native';
 import {
   SafeAreaProvider,
   initialWindowMetrics,
@@ -58,20 +63,37 @@ export const ZezoUIProvider: React.FC<ZezoUIProviderProps> = ({
     themeFull,
   } = useInternalTheme(overrideTheme, isDark);
 
+  // Memoize context value to prevent unnecessary re-renders
+  const contextValue = useMemo(
+    () => ({
+      theme: themeFull,
+      isDarkMode,
+      setTheme,
+      finalTheme,
+    }),
+    [themeFull, isDarkMode, setTheme, finalTheme]
+  );
+
+  // Memoize container style
+  const containerStyle = useMemo(
+    () => ({ flex: 1, backgroundColor: finalTheme.colors.background }),
+    [finalTheme.colors.background]
+  );
+
   return (
-    <GestureHandlerRootView style={{ flex: 1 }}>
+    <GestureHandlerRootView style={styles.container}>
       <SafeAreaProvider initialMetrics={initialWindowMetrics}>
-        <ThemeContext.Provider
-          value={{ theme: themeFull, isDarkMode, setTheme, finalTheme }}
-        >
+        <ThemeContext.Provider value={contextValue}>
           <AppStatusBar theme={overrideTheme} />
-          <View
-            style={{ flex: 1, backgroundColor: finalTheme.colors.background }}
-          >
-            {children}
-          </View>
+          <View style={containerStyle}>{children}</View>
         </ThemeContext.Provider>
       </SafeAreaProvider>
     </GestureHandlerRootView>
   );
 };
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+  },
+});

package/src/theme/hook/useInternalTheme.ts

@@ -1,10 +1,9 @@
-/* eslint-disable react-hooks/exhaustive-deps */
 /**
  * @author Naresh Dhamu
  * @lastModified Fri 24 Oct 2025 at 10:45 AM
  */
 
-import React from 'react';
+import { useMemo, useEffect } from 'react';
 import {
   DarkTheme,
   LightTheme,
@@ -28,13 +27,13 @@ export const useInternalTheme = (
 
   const isDarkMode = isDark ?? storeDarkMode;
 
-  React.useEffect(() => {
+  useEffect(() => {
     if (isDark !== undefined) {
       setTheme(isDark ? 'dark' : 'light');
     }
   }, [isDark, setTheme]);
 
-  React.useEffect(() => {
+  useEffect(() => {
     if (themeMode !== 'system') return;
     const subscription = Appearance.addChangeListener(({ colorScheme }) => {
       if (colorScheme === 'dark' || colorScheme === 'light') {
@@ -43,16 +42,22 @@ export const useInternalTheme = (
     });
 
     return () => subscription.remove();
-  }, []);
+  }, [themeMode, setIsDarkMode]);
 
-  const overrideColors = React.useMemo(
-    () => (isDarkMode ? (override?.dark ?? {}) : (override?.light ?? {})),
-    [override, isDarkMode]
+  // Memoize base theme selection
+  const baseTheme = useMemo(
+    () => (isDarkMode ? DarkTheme : LightTheme),
+    [isDarkMode]
   );
 
-  const baseTheme = isDarkMode ? DarkTheme : LightTheme;
+  // Memoize override colors
+  const overrideColors = useMemo(
+    () => (isDarkMode ? (override?.dark ?? {}) : (override?.light ?? {})),
+    [override?.dark, override?.light, isDarkMode]
+  );
 
-  const finalTheme = React.useMemo<ITheme>(
+  // Memoize final theme with proper dependencies
+  const finalTheme = useMemo<ITheme>(
     () => ({
       ...baseTheme,
       colors: {
@@ -63,15 +68,16 @@ export const useInternalTheme = (
     [baseTheme, overrideColors]
   );
 
-  const themeFull = React.useMemo(
+  // Memoize themeFull with proper dependencies
+  const themeFull = useMemo(
     () => ({
       light: (override?.light as ITheme['colors']) ?? LightTheme.colors,
       dark: (override?.dark as ITheme['colors']) ?? DarkTheme.colors,
     }),
-    [override]
+    [override?.light, override?.dark]
   );
 
-  return React.useMemo(
+  return useMemo(
     () => ({
       theme: finalTheme,
       isDarkMode,

package/src/theme/hook/useThemeStatusBar.ts

@@ -5,7 +5,7 @@
 /**
  * Automatically syncs StatusBar color & style with current theme.
  */
-import { useEffect } from 'react';
+import { useEffect, useMemo } from 'react';
 import { StatusBar, Platform, type StatusBarStyle } from 'react-native';
 import Color from 'color';
 import type { ITheme } from '../themes';
@@ -21,13 +21,22 @@ export const useThemeStatusBar = ({
   backgroundColor,
   barStyle,
 }: UseThemeStatusBarOptions) => {
+  // Memoize background color
+  const bgColor = useMemo(
+    () => backgroundColor ?? theme.colors.background,
+    [backgroundColor, theme.colors.background]
+  );
+
+  // Memoize content style calculation
+  const contentStyle = useMemo<StatusBarStyle>(() => {
+    if (barStyle) return barStyle;
+    return Color(bgColor).isDark() ? 'light-content' : 'dark-content';
+  }, [barStyle, bgColor]);
+
   useEffect(() => {
-    const bgColor = backgroundColor ?? theme.colors.background;
-    const contentStyle: StatusBarStyle =
-      barStyle ?? (Color(bgColor).isDark() ? 'light-content' : 'dark-content');
     StatusBar.setBarStyle(contentStyle, true);
     if (Platform.OS === 'android') {
       StatusBar.setBackgroundColor(bgColor, true);
     }
-  }, [theme, backgroundColor, barStyle]);
+  }, [bgColor, contentStyle]);
 };

package/src/theme/themes.ts

@@ -277,9 +277,9 @@ export const DarkTheme: ITheme = {
 
     elevation: {
       level0: 'transparent',
-      level1: 'rgba(30, 41, 59, 1)',
-      level2: 'rgba(37, 44, 60, 1)',
-      level3: 'rgba(51, 65, 85, 1)',
+      level1: 'rgba(34, 34, 34, 1)',
+      level2: 'rgba(60, 60, 60, 1)',
+      level3: 'rgba(76, 76, 76, 1)',
       level4: 'rgba(71, 85, 105, 1)',
       level5: 'rgba(100, 116, 139, 1)',
     },

package/lib/module/components/Reels/ReelsSeries/Model/Episodes.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","View","Text","FlatList","StyleSheet","Dimensions","TouchableOpacity","Lock","ChartNoAxesColumnIncreasing","moderateScale","verticalScale","RFValue","jsx","_jsx","jsxs","_jsxs","height","width","get","NUM_COLUMNS","Episodes","data","currentReel","onEpisodeSelect","totalReels","totalBoxes","Math","max","episodes","length","EpisodeData","Array","from","_","i","renderItem","item","isAvailable","isActive","onPress","activeOpacity","children","style","styles","box","backgroundColor","number","color","lockContainer","size","activeIcon","numColumns","keyExtractor","contentContainerStyle","paddingBottom","showsVerticalScrollIndicator","scrollEnabled","removeClippedSubviews","windowSize","initialNumToRender","nestedScrollEnabled","create","borderRadius","justifyContent","alignItems","marginVertical","marginHorizontal","position","fontSize","fontWeight","top","right","borderTopLeftRadius","borderBottomRightRadius","bottom","left"],"sourceRoot":"../../../../../../src","sources":["components/Reels/ReelsSeries/Model/Episodes.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Reels/ReelsSeries/Model/Synopsis.js

@@ -1,212 +0,0 @@
-"use strict";
-
-import React, { useCallback } from 'react';
-import { Text, View, Image, StyleSheet, TouchableOpacity, Dimensions, FlatList } from 'react-native';
-import { RFValue } from 'react-native-responsive-fontsize';
-import { moderateScale, scale, verticalScale } from 'react-native-size-matters';
-import Svg, { Path, Defs, LinearGradient, Stop } from 'react-native-svg';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const {
-  width: SCREEN_WIDTH
-} = Dimensions.get('window');
-const GAP = moderateScale(10);
-const likeMoreData = [{
-  id: 1,
-  name: 'Housefull 5',
-  thumbnail: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTZFKczA4mK0DoFSiKN75aAtWdhm_AZvCWGkwPl2StUpOQYq6_b'
-}, {
-  id: 2,
-  name: 'Sample Episode',
-  thumbnail: 'https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcTfRd3dwJUToDAbEB4afBWcic5_HCwbKbn-B7-ZgF7niTa-MTIt'
-}, {
-  id: 3,
-  name: 'Tees Maar Khan',
-  thumbnail: 'https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcSwz8vklTTg8YdCqRHg9aauHq9BgpVgxLUvldi-Doz_Eh7ZIiVl'
-}, {
-  id: 4,
-  name: 'Aap Jaisa Koi',
-  thumbnail: 'https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcQujccf3ymM7lkv83Y6TkS5BkcLYJLTu2d3rJQYxh6cGqwx8AuR'
-}, {
-  id: 5,
-  name: 'Kaalidhar Laapata',
-  thumbnail: 'https://upload.wikimedia.org/wikipedia/en/b/bd/Kaalidhar_Laapata.jpg'
-}, {
-  id: 6,
-  name: 'Aankhon Ki Gustaakhiyan',
-  thumbnail: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSLqG-A_lUucNT4TOcY1u42ujHyPbwuJvRLbO4zjNS8iuzNQ_6X'
-}];
-const Synopsis = ({
-  data
-}) => {
-  // responsive columns
-  const numColumns = SCREEN_WIDTH >= 420 ? 4 : 3;
-  const keyExtractor = useCallback(item => item.id.toString(), []);
-  const renderItem = useCallback(({
-    item
-  }) => /*#__PURE__*/_jsxs(TouchableOpacity, {
-    style: [styles.card],
-    activeOpacity: 0.8,
-    children: [/*#__PURE__*/_jsx(Image, {
-      source: {
-        uri: item.thumbnail || 'https://via.placeholder.com/300x400?text=Episode'
-      },
-      style: styles.thumbnail,
-      resizeMode: "cover"
-    }), /*#__PURE__*/_jsx(Text, {
-      style: [styles.title, {
-        color: '#fff',
-        width: scale(90)
-      }],
-      numberOfLines: 2,
-      children: item.name || 'Untitled'
-    })]
-  }), []);
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.container,
-    children: [/*#__PURE__*/_jsx(Text, {
-      style: {
-        color: 'rgba(255,255,255,1)',
-        fontSize: RFValue(10),
-        lineHeight: RFValue(14),
-        marginBottom: verticalScale(12)
-      },
-      children: data.description || 'No synopsis available for this reel. Please check back later.'
-    }), /*#__PURE__*/_jsxs(View, {
-      style: styles.header,
-      children: [/*#__PURE__*/_jsxs(Svg, {
-        width: 22,
-        height: 2,
-        viewBox: "0 0 22 2",
-        fill: "none",
-        children: [/*#__PURE__*/_jsx(Path, {
-          d: "M21.692 1.196H.594",
-          stroke: "url(#a)",
-          strokeWidth: 1.005
-        }), /*#__PURE__*/_jsx(Defs, {
-          children: /*#__PURE__*/_jsxs(LinearGradient, {
-            id: "a",
-            x1: 0.594,
-            y1: 1.696,
-            x2: 21.692,
-            y2: 1.696,
-            gradientUnits: "userSpaceOnUse",
-            children: [/*#__PURE__*/_jsx(Stop, {
-              stopOpacity: 0
-            }), /*#__PURE__*/_jsx(Stop, {
-              offset: 1,
-              stopColor: "#fff"
-            })]
-          })
-        })]
-      }), /*#__PURE__*/_jsx(Text, {
-        style: {
-          color: '#fff',
-          fontSize: 12,
-          textAlign: 'center',
-          marginHorizontal: scale(8)
-        },
-        children: "More Like This"
-      }), /*#__PURE__*/_jsxs(Svg, {
-        width: 22,
-        height: 2,
-        viewBox: "0 0 22 2",
-        fill: "none",
-        children: [/*#__PURE__*/_jsx(Path, {
-          d: "M.312 1.196H21.41",
-          stroke: "url(#paint0_linear_797_3114)",
-          strokeWidth: 1.00467
-        }), /*#__PURE__*/_jsx(Defs, {
-          children: /*#__PURE__*/_jsxs(LinearGradient, {
-            id: "paint0_linear_797_3114",
-            x1: 21.4102,
-            y1: 1.69629,
-            x2: 0.312025,
-            y2: 1.69629,
-            gradientUnits: "userSpaceOnUse",
-            children: [/*#__PURE__*/_jsx(Stop, {
-              stopOpacity: 0
-            }), /*#__PURE__*/_jsx(Stop, {
-              offset: 1,
-              stopColor: "#fff"
-            })]
-          })
-        })]
-      })]
-    }), likeMoreData.length === 0 ? /*#__PURE__*/_jsx(Text, {
-      style: styles.noEpisodesText,
-      children: "No recommendations available."
-    }) : /*#__PURE__*/_jsx(FlatList, {
-      data: likeMoreData,
-      keyExtractor: keyExtractor,
-      renderItem: renderItem,
-      numColumns: numColumns,
-      columnWrapperStyle: {
-        justifyContent: 'space-between',
-        marginBottom: GAP
-      },
-      showsVerticalScrollIndicator: false,
-      contentContainerStyle: {
-        paddingBottom: verticalScale(16)
-      },
-      removeClippedSubviews: false // Disable to prevent recycling issues
-      ,
-      nestedScrollEnabled: true // Allows scroll inside modal
-      ,
-      getItemLayout: (_data, index) => ({
-        length: verticalScale(120) + verticalScale(6) + verticalScale(20),
-        // thumbnail + margin + text
-        offset: (verticalScale(120) + verticalScale(6) + verticalScale(20)) * Math.floor(index / numColumns),
-        index
-      }),
-      initialNumToRender: 6,
-      maxToRenderPerBatch: 6,
-      windowSize: 5,
-      disableVirtualization: false
-    })]
-  });
-};
-export default Synopsis;
-const styles = StyleSheet.create({
-  container: {
-    flex: 1
-  },
-  header: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'center',
-    marginBottom: verticalScale(12)
-  },
-  headerLine: {
-    height: verticalScale(1.5),
-    width: moderateScale(50),
-    marginHorizontal: moderateScale(8),
-    borderRadius: 999
-  },
-  headerLabel: {
-    fontSize: RFValue(12),
-    textAlign: 'center'
-  },
-  card: {
-    // alignItems: 'center',
-  },
-  thumbnail: {
-    width: '100%',
-    height: verticalScale(120),
-    borderRadius: moderateScale(8),
-    marginBottom: verticalScale(6),
-    backgroundColor: 'rgba(255,255,255,0.06)',
-    aspectRatio: 3 / 4
-  },
-  title: {
-    fontSize: RFValue(10)
-    // textAlign: 'center',
-  },
-  noEpisodesText: {
-    color: 'rgba(180,180,180,1)',
-    fontSize: RFValue(13),
-    textAlign: 'center',
-    marginTop: verticalScale(8),
-    marginBottom: verticalScale(12)
-  }
-});
-//# sourceMappingURL=Synopsis.js.map

package/lib/module/components/Reels/ReelsSeries/Model/Synopsis.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useCallback","Text","View","Image","StyleSheet","TouchableOpacity","Dimensions","FlatList","RFValue","moderateScale","scale","verticalScale","Svg","Path","Defs","LinearGradient","Stop","jsx","_jsx","jsxs","_jsxs","width","SCREEN_WIDTH","get","GAP","likeMoreData","id","name","thumbnail","Synopsis","data","numColumns","keyExtractor","item","toString","renderItem","style","styles","card","activeOpacity","children","source","uri","resizeMode","title","color","numberOfLines","container","fontSize","lineHeight","marginBottom","description","header","height","viewBox","fill","d","stroke","strokeWidth","x1","y1","x2","y2","gradientUnits","stopOpacity","offset","stopColor","textAlign","marginHorizontal","length","noEpisodesText","columnWrapperStyle","justifyContent","showsVerticalScrollIndicator","contentContainerStyle","paddingBottom","removeClippedSubviews","nestedScrollEnabled","getItemLayout","_data","index","Math","floor","initialNumToRender","maxToRenderPerBatch","windowSize","disableVirtualization","create","flex","flexDirection","alignItems","headerLine","borderRadius","headerLabel","backgroundColor","aspectRatio","marginTop"],"sourceRoot":"../../../../../../src","sources":["components/Reels/ReelsSeries/Model/Synopsis.tsx"],"mappings":"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","ignoreList":[]}