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

package/lib/module/components/Content/Card/Styles/One.js

@@ -10,51 +10,88 @@ import { View, FlatList, TouchableOpacity, StyleSheet } from 'react-native';
 import SkeletonPlaceholder from 'react-native-skeleton-placeholder';
 import FastImage from 'react-native-fast-image';
 import { moderateScale, verticalScale } from 'react-native-size-matters';
+import { RFValue } from 'react-native-responsive-fontsize';
 import { useInternalTheme } from "../../../../theme/hook/useInternalTheme.js";
 import CardPoster from "../components/CardPoster.js";
 import NavigateToMore from "../components/NavigateToMore.js";
-import { usePaginatedSection } from "../../../../hooks/usePaginatedSection.js";
-import { RFValue } from 'react-native-responsive-fontsize';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AdsPoster } from "../components/index.js";
+import { useCards } from "../../../../hooks/index.js";
+
 // Constants
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const DEFAULT_ITEM_WIDTH = moderateScale(105);
 const DEFAULT_ITEM_HEIGHT = moderateScale(160);
 const DEFAULT_BORDER_RADIUS = moderateScale(6);
 const DEFAULT_SKELETON_COUNT = 5;
+const END_REACHED_THRESHOLD = 0.5;
+const SKELETON_TITLE_WIDTH = moderateScale(100);
+const SKELETON_TITLE_HEIGHT = verticalScale(14);
+const SKELETON_TITLE_BORDER_RADIUS = moderateScale(4);
+const SKELETON_ITEM_MARGIN = moderateScale(12);
+const ITEM_ACTIVE_OPACITY = 0.8;
+
+// Types
+
+// Main Component
 const MovieCard = ({
   title,
   section_id,
   type,
-  data: initialData,
+  data: externalData,
   moreFetchData,
-  onPressMore,
   onPressItem,
+  onPressMore,
   renderItemImage,
   itemWidth = DEFAULT_ITEM_WIDTH,
   itemHeight = DEFAULT_ITEM_HEIGHT,
   borderRadius = DEFAULT_BORDER_RADIUS,
   skeletonCount = DEFAULT_SKELETON_COUNT,
+  paginationSkeletonCount,
   containerStyle,
   titleStyle,
   itemStyle,
   isLoading = false,
   theme,
   accessibilityLabel,
-  accessibilityHint
+  accessibilityHint,
+  onDisplayAds,
+  screenDimensions,
+  viewportOffsets
 }) => {
+  // Refs
   const flatListRef = useRef(null);
+  const containerRef = useRef(null);
   const onEndReachedCalledDuringMomentum = useRef(false);
+
+  // Theme
   const {
     theme: appliedTheme
   } = useInternalTheme(theme);
+
+  // Styles
   const styles = useMemo(() => getStyles(appliedTheme, itemWidth, itemHeight, borderRadius), [appliedTheme, itemWidth, itemHeight, borderRadius]);
+
+  // Data Management
   const {
-    data,
+    listData,
     pagination,
-    loading: isPaginating,
-    loadMoreData
-  } = usePaginatedSection(section_id, moreFetchData, initialData?.data || [], isLoading);
-  const handleItemPress = useCallback(item => onPressItem?.(item), [onPressItem]);
+    loadMore,
+    isEmpty,
+    isPaging: isPaginating
+  } = useCards({
+    sectionId: section_id,
+    data: externalData,
+    fetchMore: moreFetchData,
+    loading: isLoading,
+    initialSkeleton: skeletonCount,
+    pagingSkeleton: paginationSkeletonCount,
+    adsRender: true
+  });
+
+  // Event Handlers
+  const handleItemPress = useCallback(item => {
+    onPressItem?.(item);
+  }, [onPressItem]);
   const handlePressMore = useCallback(() => {
     onPressMore?.({
       section_id,
@@ -65,32 +102,67 @@ const MovieCard = ({
   const handleEndReached = useCallback(() => {
     if (!onEndReachedCalledDuringMomentum.current && pagination?.hasNextPage && pagination?.nextPage) {
       onEndReachedCalledDuringMomentum.current = true;
-      loadMoreData(pagination.nextPage);
+      loadMore(pagination.nextPage);
     }
-  }, [loadMoreData, pagination]);
+  }, [pagination, loadMore]);
+  const handleMomentumScrollBegin = useCallback(() => {
+    onEndReachedCalledDuringMomentum.current = false;
+  }, []);
+
+  // Render Functions
   const renderItem = useCallback(({
     item,
     index
   }) => {
+    // Handle ads
+    if ('type' in item && item.type === 'ads') {
+      const adItem = item;
+      return /*#__PURE__*/_jsx(View, {
+        style: [styles.item, itemStyle],
+        children: /*#__PURE__*/_jsx(AdsPoster, {
+          ad: adItem,
+          theme: appliedTheme,
+          isLoading: isLoading,
+          containerStyle: {
+            width: itemWidth,
+            height: itemHeight
+          },
+          imageStyle: styles.image,
+          onPress: () => handleItemPress(adItem),
+          borderRadius: borderRadius,
+          onDisplayAds: onDisplayAds,
+          screenDimensions: screenDimensions,
+          viewportOffsets: viewportOffsets
+        })
+      }, `ad-${adItem.tracking?.impression || index}`);
+    }
+
+    // Handle content items
+    const contentItem = item;
+    const isSkeleton = contentItem._id?.startsWith?.('pagination-skeleton') ?? false;
     return /*#__PURE__*/_jsx(TouchableOpacity, {
       style: [styles.item, itemStyle],
-      onPress: () => handleItemPress(item),
-      activeOpacity: 0.8,
+      activeOpacity: ITEM_ACTIVE_OPACITY,
+      onPress: () => {
+        if (!isSkeleton && !isLoading) {
+          handleItemPress(contentItem);
+        }
+      },
       children: renderItemImage ? renderItemImage({
         item,
         index
       }) : /*#__PURE__*/_jsx(CardPoster, {
-        content_offering_type: item.content_offering_type,
-        posterUri: item.poster,
+        posterUri: contentItem.poster,
+        content_offering_type: contentItem.content_offering_type,
         theme: appliedTheme,
         borderRadius: borderRadius,
         posterWrapperStyle: styles.image,
         resizeMode: FastImage.resizeMode.cover,
-        isLoading: isLoading
-      }, item._id)
-    }, item._id);
-  }, [styles.item, styles.image, itemStyle, renderItemImage, appliedTheme, borderRadius, isLoading, handleItemPress]);
-  const renderSkeletonItem = ({
+        isLoading: isSkeleton || isLoading
+      })
+    }, contentItem._id);
+  }, [styles.item, styles.image, itemStyle, renderItemImage, appliedTheme, borderRadius, isLoading, itemWidth, itemHeight, onDisplayAds, screenDimensions, viewportOffsets, handleItemPress]);
+  const renderSkeletonItem = useCallback(({
     index
   }) => /*#__PURE__*/_jsx(SkeletonPlaceholder, {
     highlightColor: appliedTheme.colors.skeletonHighlightColor,
@@ -99,32 +171,39 @@ const MovieCard = ({
       width: itemWidth,
       height: itemHeight,
       borderRadius: borderRadius,
-      marginLeft: index === 0 ? moderateScale(12) : 0,
-      marginRight: moderateScale(12)
+      marginLeft: index === 0 ? SKELETON_ITEM_MARGIN : 0,
+      marginRight: SKELETON_ITEM_MARGIN
     })
-  }, `skeleton-${index}`);
-  if (!initialData) {
-    return null;
-  }
-  if (!isLoading && data.length === 0) return null;
+  }, `skeleton-${index}`), [appliedTheme, itemWidth, itemHeight, borderRadius]);
+  const keyExtractor = useCallback((item, index) => {
+    if ('type' in item && item.type === 'ads') {
+      return `ad-${item.tracking?.impression || index}`;
+    }
+    return item._id || `item-${index}`;
+  }, []);
+
+  // Early Returns
+  if (!externalData) return null;
+  if (!isLoading && listData.length === 0 && !isEmpty) return null;
+
+  // Loading State
   if (isLoading) {
     return /*#__PURE__*/_jsxs(View, {
       style: [styles.root, containerStyle],
-      testID: `movie-card-skeleton-${section_id}`,
       children: [/*#__PURE__*/_jsx(SkeletonPlaceholder, {
         highlightColor: appliedTheme.colors.skeletonHighlightColor,
         backgroundColor: appliedTheme.colors.skeletonBaseColor,
         children: /*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
-          width: moderateScale(100),
-          height: verticalScale(14),
-          borderRadius: moderateScale(4),
-          marginLeft: moderateScale(12),
+          width: SKELETON_TITLE_WIDTH,
+          height: SKELETON_TITLE_HEIGHT,
+          borderRadius: SKELETON_TITLE_BORDER_RADIUS,
+          marginLeft: SKELETON_ITEM_MARGIN,
           marginBottom: verticalScale(6)
         })
       }), /*#__PURE__*/_jsx(FlatList, {
         data: Array.from({
           length: skeletonCount
-        }, () => null),
+        }),
         horizontal: true,
         keyExtractor: (_, index) => `skeleton-${index}`,
         renderItem: renderSkeletonItem,
@@ -133,11 +212,14 @@ const MovieCard = ({
       })]
     });
   }
+
+  // Main Render
   return /*#__PURE__*/_jsxs(View, {
+    ref: containerRef,
     style: [styles.root, containerStyle],
-    testID: `movie-card-${section_id}`,
     accessibilityLabel: accessibilityLabel || `Movie section: ${title}`,
-    accessibilityHint: accessibilityHint || 'Scroll to view movies',
+    accessibilityHint: accessibilityHint || 'Scroll to view items',
+    testID: `movie-card-${section_id}`,
     children: [/*#__PURE__*/_jsx(NavigateToMore, {
       title: title,
       onPress: handlePressMore,
@@ -151,27 +233,23 @@ const MovieCard = ({
       }
     }), /*#__PURE__*/_jsx(FlatList, {
       ref: flatListRef,
-      data: data,
+      data: listData,
       horizontal: true,
-      keyExtractor: (item, index) => item._id ? item._id : `item-${index}`,
+      keyExtractor: keyExtractor,
       renderItem: renderItem,
       showsHorizontalScrollIndicator: false,
       contentContainerStyle: styles.listContent,
-      initialNumToRender: 5,
       onEndReached: handleEndReached,
-      onEndReachedThreshold: 0.5,
-      onScrollBeginDrag: () => {
-        onEndReachedCalledDuringMomentum.current = false;
-      },
-      onMomentumScrollBegin: () => {
-        onEndReachedCalledDuringMomentum.current = false;
-      },
+      onEndReachedThreshold: END_REACHED_THRESHOLD,
+      onMomentumScrollBegin: handleMomentumScrollBegin,
       ListFooterComponent: isPaginating ? renderSkeletonItem({
         index: 0
       }) : null
     })]
   });
 };
+
+// Styles
 const getStyles = (theme, width, height, radius) => StyleSheet.create({
   root: {
     marginVertical: verticalScale(6)
@@ -185,9 +263,6 @@ const getStyles = (theme, width, height, radius) => StyleSheet.create({
     borderRadius: radius,
     backgroundColor: theme.colors.surfaceVariant
   },
-  imageWrapper: {
-    position: 'relative'
-  },
   navigateToMoreContainer: {
     paddingHorizontal: moderateScale(10),
     marginBottom: verticalScale(8)

package/lib/module/components/Content/Card/Styles/One.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","memo","useCallback","useMemo","useRef","View","FlatList","TouchableOpacity","StyleSheet","SkeletonPlaceholder","FastImage","moderateScale","verticalScale","useInternalTheme","CardPoster","NavigateToMore","usePaginatedSection","RFValue","jsx","_jsx","jsxs","_jsxs","DEFAULT_ITEM_WIDTH","DEFAULT_ITEM_HEIGHT","DEFAULT_BORDER_RADIUS","DEFAULT_SKELETON_COUNT","MovieCard","title","section_id","type","data","initialData","moreFetchData","onPressMore","onPressItem","renderItemImage","itemWidth","itemHeight","borderRadius","skeletonCount","containerStyle","titleStyle","itemStyle","isLoading","theme","accessibilityLabel","accessibilityHint","flatListRef","onEndReachedCalledDuringMomentum","appliedTheme","styles","getStyles","pagination","loading","isPaginating","loadMoreData","handleItemPress","item","handlePressMore","name","handleEndReached","current","hasNextPage","nextPage","renderItem","index","style","onPress","activeOpacity","children","content_offering_type","posterUri","poster","posterWrapperStyle","image","resizeMode","cover","_id","renderSkeletonItem","highlightColor","colors","skeletonHighlightColor","backgroundColor","skeletonBaseColor","Item","width","height","marginLeft","marginRight","length","root","testID","marginBottom","Array","from","horizontal","keyExtractor","_","showsHorizontalScrollIndicator","contentContainerStyle","listContent","color","textPrimary","navigateToMoreContainer","showAllProps","iconColor","ref","initialNumToRender","onEndReached","onEndReachedThreshold","onScrollBeginDrag","onMomentumScrollBegin","ListFooterComponent","radius","create","marginVertical","surfaceVariant","imageWrapper","position","paddingHorizontal","fontSize","fontWeight","paddingRight"],"sourceRoot":"../../../../../../src","sources":["components/Content/Card/Styles/One.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","memo","useCallback","useMemo","useRef","View","FlatList","TouchableOpacity","StyleSheet","SkeletonPlaceholder","FastImage","moderateScale","verticalScale","RFValue","useInternalTheme","CardPoster","NavigateToMore","AdsPoster","useCards","jsx","_jsx","jsxs","_jsxs","DEFAULT_ITEM_WIDTH","DEFAULT_ITEM_HEIGHT","DEFAULT_BORDER_RADIUS","DEFAULT_SKELETON_COUNT","END_REACHED_THRESHOLD","SKELETON_TITLE_WIDTH","SKELETON_TITLE_HEIGHT","SKELETON_TITLE_BORDER_RADIUS","SKELETON_ITEM_MARGIN","ITEM_ACTIVE_OPACITY","MovieCard","title","section_id","type","data","externalData","moreFetchData","onPressItem","onPressMore","renderItemImage","itemWidth","itemHeight","borderRadius","skeletonCount","paginationSkeletonCount","containerStyle","titleStyle","itemStyle","isLoading","theme","accessibilityLabel","accessibilityHint","onDisplayAds","screenDimensions","viewportOffsets","flatListRef","containerRef","onEndReachedCalledDuringMomentum","appliedTheme","styles","getStyles","listData","pagination","loadMore","isEmpty","isPaging","isPaginating","sectionId","fetchMore","loading","initialSkeleton","pagingSkeleton","adsRender","handleItemPress","item","handlePressMore","name","handleEndReached","current","hasNextPage","nextPage","handleMomentumScrollBegin","renderItem","index","adItem","style","children","ad","width","height","imageStyle","image","onPress","tracking","impression","contentItem","isSkeleton","_id","startsWith","activeOpacity","posterUri","poster","content_offering_type","posterWrapperStyle","resizeMode","cover","renderSkeletonItem","highlightColor","colors","skeletonHighlightColor","backgroundColor","skeletonBaseColor","Item","marginLeft","marginRight","keyExtractor","length","root","marginBottom","Array","from","horizontal","_","showsHorizontalScrollIndicator","contentContainerStyle","listContent","ref","testID","color","textPrimary","navigateToMoreContainer","showAllProps","iconColor","onEndReached","onEndReachedThreshold","onMomentumScrollBegin","ListFooterComponent","radius","create","marginVertical","surfaceVariant","paddingHorizontal","fontSize","fontWeight","paddingRight"],"sourceRoot":"../../../../../../src","sources":["components/Content/Card/Styles/One.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Content/Card/Styles/RotateInOut.js

@@ -15,19 +15,45 @@ import { debounce } from 'lodash';
 import { useInternalTheme } from "../../../../theme/hook/useInternalTheme.js";
 import CardPoster from "../components/CardPoster.js";
 import NavigateToMore from "../components/NavigateToMore.js";
-import { usePaginatedSection } from "../../../../hooks/usePaginatedSection.js";
+import { AdsPoster } from "../components/index.js";
 import { useSkeletonItems } from "../../../../hooks/useSkeletonItems.js";
 import { RFValue } from 'react-native-responsive-fontsize';
+import { useCards } from "../../../../hooks/index.js";
+
+// Constants
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const {
   width,
   height
 } = Dimensions.get('window');
-const DEFAULT_ITEM_WIDTH = width * 0.42;
-const DEFAULT_ITEM_HEIGHT = height * 0.28;
+const ITEM_WIDTH_RATIO = 0.42;
+const ITEM_HEIGHT_RATIO = 0.28;
+const DEFAULT_ITEM_WIDTH = width * ITEM_WIDTH_RATIO;
+const DEFAULT_ITEM_HEIGHT = height * ITEM_HEIGHT_RATIO;
 const DEFAULT_BORDER_RADIUS = moderateScale(10);
+const DEFAULT_SKELETON_COUNT = 5;
+const DEBOUNCE_DELAY = 300;
+const ITEM_ACTIVE_OPACITY = 0.8;
+const CAROUSEL_FIRST_ITEM = 1;
+const CAROUSEL_INACTIVE_OPACITY = 0.6;
+const CAROUSEL_INACTIVE_SCALE = 0.9;
+const PAGINATION_TRIGGER_OFFSET = 2;
+const SKELETON_TITLE_WIDTH = moderateScale(100);
+const SKELETON_TITLE_HEIGHT = verticalScale(14);
+const SKELETON_TITLE_BORDER_RADIUS = moderateScale(4);
+const SKELETON_TITLE_MARGIN_LEFT = moderateScale(12);
+const SKELETON_TITLE_MARGIN_BOTTOM = verticalScale(6);
+const SKELETON_ITEM_MARGIN_RIGHT = moderateScale(12);
+const DEFAULT_SKELETON_BACKGROUND_COLOR = '#222';
+const SHADOW_ELEVATION = 0;
+const SHADOW_OFFSET = {
+  width: 0,
+  height: 0
+};
+const SHADOW_OPACITY = 0;
+const SHADOW_RADIUS = 0;
 
-// Static styles defined outside getStyles to avoid recalculation
+// Static Styles
 const staticStyles = StyleSheet.create({
   root: {
     marginVertical: verticalScale(6)
@@ -43,11 +69,15 @@ const staticStyles = StyleSheet.create({
     marginVertical: moderateScale(5)
   }
 });
+
+// Types
+
+// Main Component
 const RotateCarousel = ({
   title,
   section_id,
   type,
-  data: initialData,
+  data: externalData,
   moreFetchData,
   onPressMore,
   onPressItem,
@@ -55,64 +85,80 @@ const RotateCarousel = ({
   itemWidth = DEFAULT_ITEM_WIDTH,
   itemHeight = DEFAULT_ITEM_HEIGHT,
   borderRadius = DEFAULT_BORDER_RADIUS,
-  skeletonCount = 5,
+  skeletonCount = DEFAULT_SKELETON_COUNT,
   containerStyle,
   titleStyle,
+  paginationSkeletonCount,
   itemStyle,
   isLoading = false,
-  theme
+  theme,
+  onDisplayAds,
+  screenDimensions,
+  viewportOffsets
 }) => {
+  // Refs
+  const carouselRef = useRef(null);
+
+  // Theme
   const {
     theme: appliedTheme
   } = useInternalTheme(theme);
-  const carouselRef = useRef(null);
 
-  // Memoized dynamic styles
+  // Styles
   const styles = useMemo(() => StyleSheet.create({
     item: {
       width: itemWidth,
       height: itemHeight,
       borderRadius,
       overflow: 'hidden',
-      elevation: 0,
+      elevation: SHADOW_ELEVATION,
       shadowColor: 'transparent',
-      shadowOffset: {
-        width: 0,
-        height: 0
-      },
-      shadowOpacity: 0,
-      shadowRadius: 0
+      shadowOffset: SHADOW_OFFSET,
+      shadowOpacity: SHADOW_OPACITY,
+      shadowRadius: SHADOW_RADIUS
     },
     image: {
       width: '100%',
       height: '100%',
-      backgroundColor: appliedTheme.colors.skeletonBaseColor ?? '#222'
+      backgroundColor: appliedTheme.colors.skeletonBaseColor ?? DEFAULT_SKELETON_BACKGROUND_COLOR
     },
     skeleton: {
       width: itemWidth,
       height: itemHeight,
       borderRadius,
       overflow: 'hidden',
-      marginRight: moderateScale(12)
+      marginRight: SKELETON_ITEM_MARGIN_RIGHT
     }
   }), [appliedTheme.colors.skeletonBaseColor, itemWidth, itemHeight, borderRadius]);
+
+  // Data Management
   const {
-    data,
-    loading: isPaginating,
+    listData,
     pagination,
-    loadMoreData
-  } = usePaginatedSection(section_id, moreFetchData, initialData?.data || [], isLoading);
+    loadMore,
+    isEmpty,
+    isPaging: isPaginating
+  } = useCards({
+    sectionId: section_id,
+    data: externalData,
+    fetchMore: moreFetchData,
+    loading: isLoading,
+    initialSkeleton: skeletonCount,
+    pagingSkeleton: paginationSkeletonCount,
+    adsRender: true
+  });
 
-  // Memoized skeleton items
+  // Skeleton Data
   const skeletonCountMemo = useMemo(() => isLoading ? skeletonCount : isPaginating ? 1 : 0, [isLoading, isPaginating, skeletonCount]);
   const skeletonItems = useSkeletonItems(skeletonCountMemo);
+  const finalData = useMemo(() => isLoading ? skeletonItems : skeletonItems.length > 0 ? [...listData, ...skeletonItems] : listData, [isLoading, listData, skeletonItems]);
 
-  // Optimized finalData to avoid unnecessary spread
-  const finalData = useMemo(() => isLoading ? skeletonItems : skeletonItems.length > 0 ? [...data, ...skeletonItems] : data, [isLoading, data, skeletonItems]);
-  // Debounced loadMoreData to prevent excessive calls
+  // Debounced Functions
   const debouncedLoadMore = useMemo(() => debounce(nextPage => {
-    return loadMoreData(nextPage);
-  }, 300), [loadMoreData]);
+    return loadMore(nextPage);
+  }, DEBOUNCE_DELAY), [loadMore]);
+
+  // Event Handlers
   const handleItemPress = useCallback(item => {
     onPressItem?.(item);
   }, [onPressItem]);
@@ -123,10 +169,13 @@ const RotateCarousel = ({
       type
     });
   }, [onPressMore, section_id, title, type]);
+
+  // Render Functions
   const renderItem = useCallback(({
     item,
     index
   }) => {
+    // Handle skeleton items
     if ('isSkeleton' in item) {
       return /*#__PURE__*/_jsx(View, {
         style: styles.skeleton,
@@ -141,29 +190,70 @@ const RotateCarousel = ({
         })
       }, item._id);
     }
+
+    // Handle ads
+    if ('type' in item && item.type === 'ads') {
+      const adItem = item;
+      return /*#__PURE__*/_jsx(View, {
+        style: [styles.item, itemStyle],
+        children: /*#__PURE__*/_jsx(AdsPoster, {
+          ad: adItem,
+          theme: appliedTheme,
+          isLoading: isLoading,
+          containerStyle: {
+            width: itemWidth,
+            height: itemHeight
+          },
+          imageStyle: styles.image,
+          borderRadius: borderRadius,
+          onDisplayAds: onDisplayAds,
+          screenDimensions: screenDimensions,
+          viewportOffsets: viewportOffsets
+        })
+      }, `ad-${adItem.tracking?.impression || index}`);
+    }
+
+    // Handle content items
+    const contentItem = item;
+    const isSkeleton = contentItem._id?.startsWith?.('pagination-skeleton') ?? false;
     return /*#__PURE__*/_jsx(TouchableOpacity, {
-      activeOpacity: 0.8,
+      activeOpacity: ITEM_ACTIVE_OPACITY,
       style: [styles.item, itemStyle],
-      disabled: !item || !onPressItem || isLoading,
-      onPress: () => handleItemPress(item),
+      disabled: !contentItem || !onPressItem || isLoading || isSkeleton,
+      onPress: () => {
+        if (!isSkeleton && !isLoading) {
+          handleItemPress(contentItem);
+        }
+      },
       children: renderItemImage ? renderItemImage({
-        item,
+        item: contentItem,
         index
       }) : /*#__PURE__*/_jsx(CardPoster, {
-        content_offering_type: item.content_offering_type,
-        posterUri: item.poster,
+        content_offering_type: contentItem.content_offering_type,
+        posterUri: contentItem.poster,
         theme: appliedTheme,
         borderRadius: borderRadius,
         posterWrapperStyle: styles.image,
         resizeMode: FastImage.resizeMode.cover,
-        isLoading: isLoading
+        isLoading: isSkeleton || isLoading
       })
-    }, item._id || `item-${index}`);
-  }, [styles.item, styles.image, styles.skeleton, itemStyle, onPressItem, isLoading, renderItemImage, appliedTheme, borderRadius, itemWidth, itemHeight, handleItemPress]);
-  if (!initialData) {
+    }, contentItem._id || `item-${index}`);
+  }, [styles.item, styles.image, styles.skeleton, itemStyle, onPressItem, isLoading, renderItemImage, appliedTheme, borderRadius, itemWidth, itemHeight, handleItemPress, onDisplayAds, screenDimensions, viewportOffsets]);
+  const handleSnapToItem = useCallback(index => {
+    if (isLoading || !pagination?.hasNextPage || !pagination?.nextPage) {
+      return;
+    }
+    if (index >= finalData.length - PAGINATION_TRIGGER_OFFSET) {
+      debouncedLoadMore(pagination.nextPage);
+    }
+  }, [isLoading, pagination, finalData.length, debouncedLoadMore]);
+
+  // Early Returns
+  if (!externalData || !isLoading && listData.length === 0 || !isLoading && isEmpty) {
     return null;
   }
-  if (!isLoading && (!data || data.length === 0)) return null;
+
+  // Main Render
   return /*#__PURE__*/_jsxs(View, {
     style: [staticStyles.root, containerStyle],
     testID: `movie-card-${section_id}`,
@@ -171,11 +261,11 @@ const RotateCarousel = ({
       highlightColor: appliedTheme.colors.skeletonHighlightColor,
       backgroundColor: appliedTheme.colors.skeletonBaseColor,
       children: /*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
-        width: moderateScale(100),
-        height: verticalScale(14),
-        borderRadius: moderateScale(4),
-        marginLeft: moderateScale(12),
-        marginBottom: verticalScale(6)
+        width: SKELETON_TITLE_WIDTH,
+        height: SKELETON_TITLE_HEIGHT,
+        borderRadius: SKELETON_TITLE_BORDER_RADIUS,
+        marginLeft: SKELETON_TITLE_MARGIN_LEFT,
+        marginBottom: SKELETON_TITLE_MARGIN_BOTTOM
       })
     }) : /*#__PURE__*/_jsx(NavigateToMore, {
       title: title,
@@ -193,17 +283,12 @@ const RotateCarousel = ({
       data: finalData,
       vertical: false,
       renderItem: renderItem,
-      firstItem: 2,
-      inactiveSlideOpacity: 0.6,
-      inactiveSlideScale: 0.9,
+      firstItem: CAROUSEL_FIRST_ITEM,
+      inactiveSlideOpacity: CAROUSEL_INACTIVE_OPACITY,
+      inactiveSlideScale: CAROUSEL_INACTIVE_SCALE,
       sliderWidth: width,
       itemWidth: itemWidth,
-      onSnapToItem: index => {
-        if (isLoading || !pagination?.hasNextPage || !pagination?.nextPage) return;
-        if (index >= finalData.length - 2) {
-          debouncedLoadMore(pagination.nextPage);
-        }
-      }
+      onSnapToItem: handleSnapToItem
     })]
   });
 };