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

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

@@ -0,0 +1,197 @@
+"use strict";
+
+/**
+ * @author Naresh Dhamu
+ * @LastModified Sat 28 Jun 2025 at 12:45 AM
+ */
+
+import React, { memo, useCallback, useMemo, useRef } from 'react';
+import { View, FlatList, TouchableOpacity, StyleSheet, ScrollView } from 'react-native';
+import SkeletonPlaceholder from 'react-native-skeleton-placeholder';
+import { moderateScale, verticalScale } from 'react-native-size-matters';
+import FastImage from 'react-native-fast-image';
+import CardPoster from '../components/CardPoster';
+import NavigateToMore from '../components/NavigateToMore';
+import { usePaginatedSection } from '../../../../hooks/usePaginatedSection';
+import { useTheme } from '../../../../theme';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const DEFAULT_ITEM_WIDTH = moderateScale(140);
+const DEFAULT_BORDER_RADIUS = moderateScale(5);
+const DEFAULT_SKELETON_COUNT = 3;
+const MovieCardFive = ({
+  theme,
+  title,
+  section_id,
+  type,
+  data: initialData,
+  moreFetchData,
+  onPressItem,
+  onPressMore,
+  renderItemImage,
+  itemWidth = DEFAULT_ITEM_WIDTH,
+  borderRadius = DEFAULT_BORDER_RADIUS,
+  skeletonCount = DEFAULT_SKELETON_COUNT,
+  containerStyle,
+  titleStyle,
+  itemStyle,
+  isLoading = false,
+  accessibilityLabel,
+  accessibilityHint
+}) => {
+  const {
+    theme: appliedTheme
+  } = useTheme(theme);
+  const flatListRef = useRef(null);
+  const onEndReachedCalledDuringMomentum = useRef(false);
+  const styles = useMemo(() => getStyles(appliedTheme, itemWidth, borderRadius), [appliedTheme, itemWidth, borderRadius]);
+  const {
+    data,
+    pagination,
+    loading: isPaginating,
+    loadMoreData
+  } = usePaginatedSection(section_id, moreFetchData, initialData?.data, isLoading);
+  const handleItemPress = useCallback(item => onPressItem?.(item), [onPressItem]);
+  const handlePressMore = useCallback(() => {
+    onPressMore?.({
+      section_id,
+      name: title,
+      type
+    });
+  }, [onPressMore, section_id, title, type]);
+  const handleEndReached = useCallback(() => {
+    if (!onEndReachedCalledDuringMomentum.current && pagination?.hasNextPage && pagination?.nextPage) {
+      onEndReachedCalledDuringMomentum.current = true;
+      loadMoreData(pagination.nextPage);
+    }
+  }, [loadMoreData, pagination]);
+  const renderItem = useCallback(({
+    item,
+    index
+  }) => {
+    return /*#__PURE__*/_jsx(TouchableOpacity, {
+      style: [styles.item, itemStyle],
+      onPress: () => handleItemPress(item),
+      activeOpacity: 0.8,
+      children: renderItemImage ? renderItemImage({
+        item,
+        index
+      }) : /*#__PURE__*/_jsx(CardPoster, {
+        posterUri: item.poster,
+        theme: appliedTheme,
+        borderRadius: borderRadius,
+        posterWrapperStyle: styles.image,
+        resizeMode: FastImage.resizeMode.cover,
+        isLoading: isPaginating
+      })
+    });
+  }, [renderItemImage, styles.item, styles.image, itemStyle, appliedTheme, borderRadius, isPaginating, handleItemPress]);
+  if (!initialData) {
+    return null;
+  }
+  const renderSkeletonItem = ({
+    index
+  }) => /*#__PURE__*/_jsx(SkeletonPlaceholder, {
+    highlightColor: appliedTheme.colors.skeletonHighlightColor,
+    backgroundColor: appliedTheme.colors.skeletonBaseColor,
+    children: /*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
+      width: itemWidth,
+      aspectRatio: 0.67,
+      borderRadius: borderRadius,
+      marginLeft: index === 0 ? moderateScale(12) : 0,
+      marginRight: moderateScale(12)
+    })
+  }, `skeleton-${index}`);
+  if (!isLoading && data.length === 0) return null;
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.root, containerStyle],
+    accessibilityLabel: accessibilityLabel || `Movie section: ${title}`,
+    accessibilityHint: accessibilityHint || 'Scroll to view movies',
+    children: isLoading ? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(SkeletonPlaceholder, {
+        highlightColor: appliedTheme.colors.skeletonHighlightColor,
+        backgroundColor: appliedTheme.colors.skeletonBaseColor,
+        children: /*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
+          width: moderateScale(100),
+          height: moderateScale(20),
+          borderRadius: moderateScale(4),
+          marginHorizontal: moderateScale(15),
+          marginBottom: verticalScale(6)
+        })
+      }), /*#__PURE__*/_jsx(ScrollView, {
+        horizontal: true,
+        showsHorizontalScrollIndicator: false,
+        contentContainerStyle: styles.skeletonList,
+        children: Array.from({
+          length: isPaginating ? 1 : skeletonCount
+        }).map((_, index) => renderSkeletonItem({
+          index
+        }))
+      })]
+    }) : /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(NavigateToMore, {
+        title: title,
+        onPress: handlePressMore,
+        titleStyle: [styles.title, {
+          color: appliedTheme.colors.textPrimary
+        }, titleStyle],
+        containerStyle: styles.navigateToMoreContainer,
+        showAllProps: {
+          iconColor: appliedTheme.colors.textPrimary
+        }
+      }), /*#__PURE__*/_jsx(FlatList, {
+        ref: flatListRef,
+        data: data,
+        horizontal: true,
+        keyExtractor: (item, index) => `${item._id}-${index}`,
+        renderItem: renderItem,
+        showsHorizontalScrollIndicator: false,
+        contentContainerStyle: styles.listContent,
+        initialNumToRender: 5,
+        onEndReached: handleEndReached,
+        onEndReachedThreshold: 0.5,
+        onScrollBeginDrag: () => {
+          onEndReachedCalledDuringMomentum.current = false;
+        },
+        onMomentumScrollBegin: () => {
+          onEndReachedCalledDuringMomentum.current = false;
+        },
+        ListFooterComponent: isPaginating ? renderSkeletonItem({
+          index: 0
+        }) : null
+      })]
+    })
+  });
+};
+const getStyles = (theme, width, radius) => StyleSheet.create({
+  root: {
+    marginVertical: verticalScale(6)
+  },
+  item: {
+    marginLeft: moderateScale(12),
+    marginBottom: verticalScale(2)
+  },
+  image: {
+    width,
+    aspectRatio: 0.67,
+    borderRadius: radius,
+    backgroundColor: theme.colors.surfaceVariant
+  },
+  navigateToMoreContainer: {
+    paddingHorizontal: moderateScale(12),
+    marginBottom: verticalScale(8)
+  },
+  title: {
+    fontSize: moderateScale(14),
+    fontWeight: '600'
+  },
+  listContent: {
+    paddingRight: moderateScale(15)
+  },
+  skeletonList: {
+    flexDirection: 'row',
+    alignItems: 'flex-start',
+    paddingRight: moderateScale(15)
+  }
+});
+export default /*#__PURE__*/memo(MovieCardFive);
+//# sourceMappingURL=Five.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useCallback","useMemo","useRef","View","FlatList","TouchableOpacity","StyleSheet","ScrollView","SkeletonPlaceholder","moderateScale","verticalScale","FastImage","CardPoster","NavigateToMore","usePaginatedSection","useTheme","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","DEFAULT_ITEM_WIDTH","DEFAULT_BORDER_RADIUS","DEFAULT_SKELETON_COUNT","MovieCardFive","theme","title","section_id","type","data","initialData","moreFetchData","onPressItem","onPressMore","renderItemImage","itemWidth","borderRadius","skeletonCount","containerStyle","titleStyle","itemStyle","isLoading","accessibilityLabel","accessibilityHint","appliedTheme","flatListRef","onEndReachedCalledDuringMomentum","styles","getStyles","pagination","loading","isPaginating","loadMoreData","handleItemPress","item","handlePressMore","name","handleEndReached","current","hasNextPage","nextPage","renderItem","index","style","onPress","activeOpacity","children","posterUri","poster","posterWrapperStyle","image","resizeMode","cover","renderSkeletonItem","highlightColor","colors","skeletonHighlightColor","backgroundColor","skeletonBaseColor","Item","width","aspectRatio","marginLeft","marginRight","length","root","height","marginHorizontal","marginBottom","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","skeletonList","Array","from","map","_","color","textPrimary","navigateToMoreContainer","showAllProps","iconColor","ref","keyExtractor","_id","listContent","initialNumToRender","onEndReached","onEndReachedThreshold","onScrollBeginDrag","onMomentumScrollBegin","ListFooterComponent","radius","create","marginVertical","surfaceVariant","paddingHorizontal","fontSize","fontWeight","paddingRight","flexDirection","alignItems"],"sourceRoot":"../../../../../../src","sources":["components/Content/Card/Styles/Five.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,202 @@
+"use strict";
+
+/**
+ * @author Naresh Dhamu
+ * @LastModified Thu 26 Jun 2025 at 07:21 PM
+ */
+
+import React, { memo, useCallback, useMemo, useRef } from 'react';
+import { View, FlatList, TouchableOpacity, StyleSheet, ScrollView } from 'react-native';
+import SkeletonPlaceholder from 'react-native-skeleton-placeholder';
+import { moderateScale, verticalScale } from 'react-native-size-matters';
+import { usePaginatedSection } from '../../../../hooks/usePaginatedSection';
+import NavigateToMore from '../components/NavigateToMore';
+import { useTheme } from '../../../../theme';
+import CardPoster from '../components/CardPoster';
+import FastImage from 'react-native-fast-image';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+// default values
+const DEFAULT_ITEM_WIDTH = moderateScale(100);
+const DEFAULT_BORDER_RADIUS = moderateScale(5);
+const DEFAULT_SKELETON_COUNT = 5;
+const ASPECT_RATIO = 0.7 / 1;
+const MovieCardFour = ({
+  title,
+  section_id,
+  type,
+  data: initialData,
+  moreFetchData,
+  onPressItem,
+  onPressMore,
+  renderItemImage,
+  itemWidth = DEFAULT_ITEM_WIDTH,
+  itemHeight = DEFAULT_ITEM_WIDTH / ASPECT_RATIO,
+  borderRadius = DEFAULT_BORDER_RADIUS,
+  skeletonCount = DEFAULT_SKELETON_COUNT,
+  containerStyle,
+  titleStyle,
+  itemStyle,
+  isLoading = false,
+  theme,
+  accessibilityLabel,
+  accessibilityHint
+}) => {
+  const flatListRef = useRef(null);
+  const onEndReachedCalledDuringMomentum = useRef(false);
+  const {
+    theme: appliedTheme
+  } = useTheme(theme);
+  const styles = useMemo(() => getStyles(appliedTheme, itemWidth, itemHeight, borderRadius), [appliedTheme, itemWidth, itemHeight, borderRadius]);
+  const {
+    data,
+    pagination,
+    loading: isPaginating,
+    loadMoreData
+  } = usePaginatedSection(section_id, moreFetchData, initialData?.data || [], isLoading);
+  const handleItemPress = useCallback(item => onPressItem?.(item), [onPressItem]);
+  const handlePressMore = useCallback(() => {
+    onPressMore?.({
+      section_id,
+      name: title,
+      type
+    });
+  }, [onPressMore, section_id, title, type]);
+  const handleEndReached = useCallback(() => {
+    if (!onEndReachedCalledDuringMomentum.current && pagination?.hasNextPage && pagination?.nextPage) {
+      onEndReachedCalledDuringMomentum.current = true;
+      loadMoreData(pagination.nextPage);
+    }
+  }, [loadMoreData, pagination]);
+  const renderItem = useCallback(({
+    item,
+    index
+  }) => {
+    return /*#__PURE__*/_jsx(TouchableOpacity, {
+      style: [styles.item, itemStyle],
+      onPress: () => handleItemPress(item),
+      activeOpacity: 0.8,
+      children: renderItemImage ? renderItemImage({
+        item,
+        index
+      }) : /*#__PURE__*/_jsx(CardPoster, {
+        posterUri: item.poster,
+        theme: appliedTheme,
+        borderRadius: borderRadius,
+        posterWrapperStyle: styles.image,
+        resizeMode: FastImage.resizeMode.cover,
+        isLoading: isPaginating
+      })
+    });
+  }, [renderItemImage, styles.item, styles.image, itemStyle, appliedTheme, borderRadius, isPaginating, handleItemPress]);
+  const renderSkeletonItem = ({
+    index
+  }) => /*#__PURE__*/_jsx(SkeletonPlaceholder, {
+    highlightColor: appliedTheme.colors.skeletonHighlightColor,
+    backgroundColor: appliedTheme.colors.skeletonBaseColor,
+    children: /*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
+      width: itemWidth,
+      height: itemHeight,
+      borderRadius: borderRadius,
+      marginLeft: index === 0 ? moderateScale(12) : 0,
+      marginRight: moderateScale(12)
+    })
+  }, `skeleton-${index}`);
+  if (!initialData) {
+    return null;
+  }
+  if (!isLoading && data.length === 0) return null;
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.root, containerStyle],
+    accessibilityLabel: accessibilityLabel || `Movie section: ${title}`,
+    accessibilityHint: accessibilityHint || 'Scroll to view movies',
+    children: isLoading ? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(SkeletonPlaceholder, {
+        highlightColor: appliedTheme.colors.skeletonHighlightColor,
+        backgroundColor: appliedTheme.colors.skeletonBaseColor,
+        children: /*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
+          width: moderateScale(100),
+          height: moderateScale(20),
+          borderRadius: moderateScale(4),
+          marginHorizontal: moderateScale(15),
+          marginBottom: verticalScale(6)
+        })
+      }), /*#__PURE__*/_jsx(ScrollView, {
+        horizontal: true,
+        showsHorizontalScrollIndicator: false,
+        contentContainerStyle: styles.skeletonList,
+        children: skeletonCount > 0 && /*#__PURE__*/_jsx(View, {
+          style: styles.skeletonList,
+          children: Array.from({
+            length: skeletonCount
+          }).map((_, index) => renderSkeletonItem({
+            index
+          }))
+        })
+      })]
+    }) : /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(NavigateToMore, {
+        title: title,
+        onPress: handlePressMore,
+        titleStyle: [styles.title, {
+          color: appliedTheme.colors.textPrimary
+        }, titleStyle],
+        containerStyle: styles.navigateToMoreContainer,
+        showAllProps: {
+          iconColor: appliedTheme.colors.textPrimary
+        }
+      }), /*#__PURE__*/_jsx(FlatList, {
+        ref: flatListRef,
+        data: data,
+        horizontal: true,
+        keyExtractor: (item, index) => `${item._id}-${index}`,
+        renderItem: renderItem,
+        showsHorizontalScrollIndicator: false,
+        contentContainerStyle: styles.listContent,
+        initialNumToRender: 5,
+        onEndReached: handleEndReached,
+        onEndReachedThreshold: 0.5,
+        onScrollBeginDrag: () => {
+          onEndReachedCalledDuringMomentum.current = false;
+        },
+        onMomentumScrollBegin: () => {
+          onEndReachedCalledDuringMomentum.current = false;
+        },
+        ListFooterComponent: isPaginating ? renderSkeletonItem({
+          index: 0
+        }) : null
+      })]
+    })
+  });
+};
+const getStyles = (theme, width, height, radius) => StyleSheet.create({
+  root: {
+    marginVertical: verticalScale(6)
+  },
+  item: {
+    marginLeft: moderateScale(12)
+  },
+  image: {
+    width,
+    height,
+    borderRadius: radius,
+    backgroundColor: theme.colors.surfaceVariant
+  },
+  navigateToMoreContainer: {
+    paddingHorizontal: moderateScale(12),
+    marginBottom: verticalScale(8)
+  },
+  title: {
+    fontSize: moderateScale(14),
+    fontWeight: '600'
+  },
+  listContent: {
+    paddingRight: moderateScale(12)
+  },
+  skeletonList: {
+    flexDirection: 'row',
+    alignItems: 'flex-start',
+    paddingRight: moderateScale(15)
+  }
+});
+export default /*#__PURE__*/memo(MovieCardFour);
+//# sourceMappingURL=Four.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useCallback","useMemo","useRef","View","FlatList","TouchableOpacity","StyleSheet","ScrollView","SkeletonPlaceholder","moderateScale","verticalScale","usePaginatedSection","NavigateToMore","useTheme","CardPoster","FastImage","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","DEFAULT_ITEM_WIDTH","DEFAULT_BORDER_RADIUS","DEFAULT_SKELETON_COUNT","ASPECT_RATIO","MovieCardFour","title","section_id","type","data","initialData","moreFetchData","onPressItem","onPressMore","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","posterUri","poster","posterWrapperStyle","image","resizeMode","cover","renderSkeletonItem","highlightColor","colors","skeletonHighlightColor","backgroundColor","skeletonBaseColor","Item","width","height","marginLeft","marginRight","length","root","marginHorizontal","marginBottom","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","skeletonList","Array","from","map","_","color","textPrimary","navigateToMoreContainer","showAllProps","iconColor","ref","keyExtractor","_id","listContent","initialNumToRender","onEndReached","onEndReachedThreshold","onScrollBeginDrag","onMomentumScrollBegin","ListFooterComponent","radius","create","marginVertical","surfaceVariant","paddingHorizontal","fontSize","fontWeight","paddingRight","flexDirection","alignItems"],"sourceRoot":"../../../../../../src","sources":["components/Content/Card/Styles/Four.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,237 @@
+"use strict";
+
+/**
+ * @author Naresh Dhamu
+ * @LastModified Wed 25 Jun 2025 at 05:18 PM
+ */
+
+import React, { memo, useCallback, useMemo, useRef } from 'react';
+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 { useTheme } from '../../../../theme';
+import CardPoster from '../components/CardPoster';
+import NavigateToMore from '../components/NavigateToMore';
+import { usePaginatedSection } from '../../../../hooks/usePaginatedSection';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Constants
+const DEFAULT_ITEM_WIDTH = moderateScale(110);
+const DEFAULT_ITEM_HEIGHT = moderateScale(160);
+const DEFAULT_BORDER_RADIUS = moderateScale(6);
+const DEFAULT_SKELETON_COUNT = 5;
+const MovieCard = ({
+  title,
+  section_id,
+  type,
+  data: initialData,
+  moreFetchData,
+  onPressMore,
+  onPressItem,
+  renderItemImage,
+  itemWidth = DEFAULT_ITEM_WIDTH,
+  itemHeight = DEFAULT_ITEM_HEIGHT,
+  borderRadius = DEFAULT_BORDER_RADIUS,
+  skeletonCount = DEFAULT_SKELETON_COUNT,
+  containerStyle,
+  titleStyle,
+  itemStyle,
+  isLoading = false,
+  theme,
+  accessibilityLabel,
+  accessibilityHint
+}) => {
+  const flatListRef = useRef(null);
+  const onEndReachedCalledDuringMomentum = useRef(false);
+  const {
+    theme: appliedTheme
+  } = useTheme(theme);
+  const styles = useMemo(() => getStyles(appliedTheme, itemWidth, itemHeight, borderRadius), [appliedTheme, itemWidth, itemHeight, borderRadius]);
+  const {
+    data,
+    pagination: paginated,
+    loading: isPaginating,
+    loadMoreData
+  } = usePaginatedSection(section_id, moreFetchData, initialData?.data, isLoading);
+  const listData = useMemo(() => data ?? [], [data]);
+  const handleItemPress = useCallback(item => {
+    onPressItem?.(item);
+  }, [onPressItem]);
+  const handlePressMore = useCallback(() => {
+    return onPressMore?.({
+      section_id,
+      name: title,
+      type
+    });
+  }, [onPressMore, section_id, title, type]);
+  const handleEndReached = useCallback(() => {
+    if (!onEndReachedCalledDuringMomentum.current && paginated?.hasNextPage && paginated?.nextPage) {
+      onEndReachedCalledDuringMomentum.current = true;
+      loadMoreData(paginated.nextPage);
+    }
+  }, [loadMoreData, paginated?.hasNextPage, paginated?.nextPage]);
+  const renderItem = useCallback(({
+    item,
+    index
+  }) => {
+    return /*#__PURE__*/_jsx(TouchableOpacity, {
+      style: [styles.item, index === 0 && styles.firstItem, itemStyle],
+      onPress: () => handleItemPress(item),
+      activeOpacity: 0.8,
+      testID: `movie-card-item-${index}`,
+      accessibilityLabel: `Movie ${item.name || 'item'} ${index + 1}`,
+      accessibilityHint: "Press to view movie details",
+      children: renderItemImage ? renderItemImage({
+        item,
+        index
+      }) : /*#__PURE__*/_jsx(CardPoster, {
+        posterUri: item.poster,
+        theme: appliedTheme,
+        borderRadius: borderRadius,
+        posterWrapperStyle: styles.image,
+        resizeMode: FastImage.resizeMode.cover,
+        isLoading: isPaginating
+      })
+    });
+  }, [renderItemImage, styles.item, styles.firstItem, styles.image, itemStyle, appliedTheme, borderRadius, isPaginating, handleItemPress]);
+  const renderSkeletonItem = useCallback(({
+    index
+  }) => /*#__PURE__*/_jsx(SkeletonPlaceholder, {
+    highlightColor: appliedTheme.colors.skeletonHighlightColor,
+    backgroundColor: appliedTheme.colors.skeletonBaseColor,
+    children: /*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
+      width: itemWidth,
+      height: itemHeight,
+      borderRadius: borderRadius,
+      marginRight: moderateScale(12),
+      marginLeft: index === 0 ? moderateScale(12) : 0
+    })
+  }, `skeleton-${index}`), [appliedTheme, itemWidth, itemHeight, borderRadius]);
+  if (!initialData) {
+    return null;
+  }
+  if (!isLoading && listData.length === 0) {
+    return null;
+  }
+  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),
+          marginBottom: verticalScale(6)
+        })
+      }), /*#__PURE__*/_jsx(FlatList, {
+        data: Array.from({
+          length: skeletonCount
+        }, () => null),
+        horizontal: true,
+        keyExtractor: (_, index) => `skeleton-${index}`,
+        renderItem: renderSkeletonItem,
+        showsHorizontalScrollIndicator: false,
+        contentContainerStyle: styles.listContent
+      })]
+    });
+  }
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.root, containerStyle],
+    testID: `movie-card-${section_id}`,
+    accessibilityLabel: accessibilityLabel || `Movie section: ${title}`,
+    accessibilityHint: accessibilityHint || 'Scroll to view movies',
+    children: [/*#__PURE__*/_jsx(NavigateToMore, {
+      title: title,
+      onPress: handlePressMore,
+      titleStyle: [styles.title, {
+        color: appliedTheme.colors.textPrimary
+      }, titleStyle],
+      containerStyle: styles.navigateToMoreContainer,
+      showAllProps: {
+        iconColor: appliedTheme.colors.textPrimary
+      }
+    }), /*#__PURE__*/_jsx(FlatList, {
+      ref: flatListRef,
+      data: listData,
+      horizontal: true,
+      showsHorizontalScrollIndicator: false,
+      keyExtractor: (item, index) => `${item._id ?? item.name}-${index}`,
+      renderItem: renderItem,
+      contentContainerStyle: styles.listContent,
+      initialNumToRender: 5,
+      maxToRenderPerBatch: 10,
+      windowSize: 5,
+      onEndReachedThreshold: 0.5,
+      onMomentumScrollBegin: () => {
+        onEndReachedCalledDuringMomentum.current = false;
+      },
+      onEndReached: handleEndReached,
+      ListFooterComponent: isPaginating ? /*#__PURE__*/_jsx(SkeletonPlaceholder, {
+        highlightColor: appliedTheme.colors.skeletonHighlightColor,
+        backgroundColor: appliedTheme.colors.skeletonBaseColor,
+        children: /*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
+          width: itemWidth,
+          height: itemHeight,
+          borderRadius: borderRadius,
+          marginRight: moderateScale(12)
+        })
+      }) : null
+    })]
+  });
+};
+const getStyles = (theme, width, height, radius) => StyleSheet.create({
+  root: {
+    marginVertical: verticalScale(6)
+  },
+  item: {
+    marginRight: moderateScale(12),
+    borderRadius: radius,
+    overflow: 'hidden',
+    backgroundColor: theme.colors?.surfaceVariant ?? '#2c2c2c',
+    elevation: 2,
+    shadowColor: theme.colors?.shadow ?? '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.1,
+    shadowRadius: 4
+  },
+  firstItem: {
+    marginLeft: moderateScale(12)
+  },
+  image: {
+    width,
+    height,
+    borderRadius: radius,
+    backgroundColor: theme.colors?.surfaceVariant ?? '#222'
+  },
+  navigateToMoreContainer: {
+    paddingHorizontal: moderateScale(12),
+    marginBottom: verticalScale(8)
+  },
+  title: {
+    fontSize: moderateScale(14),
+    fontWeight: '600'
+  },
+  listContent: {
+    paddingRight: moderateScale(15)
+  },
+  emptyState: {
+    padding: moderateScale(12),
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  emptyText: {
+    color: theme.colors?.textPrimary ?? '#fff',
+    fontSize: moderateScale(14),
+    fontWeight: '500',
+    textAlign: 'center'
+  }
+});
+export default /*#__PURE__*/memo(MovieCard);
+//# sourceMappingURL=One.js.map