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

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

@@ -0,0 +1,204 @@
+"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/hook/useTheme';
+import CardPoster from '../components/CardPoster';
+import FastImage from 'react-native-fast-image';
+import { RFValue } from 'react-native-responsive-fontsize';
+
+// default values
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+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: isLoading
+      })
+    });
+  }, [styles.item, styles.image, itemStyle, renderItemImage, appliedTheme, borderRadius, isLoading, 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(10)
+  },
+  image: {
+    width,
+    height,
+    borderRadius: radius,
+    backgroundColor: theme.colors.surfaceVariant
+  },
+  navigateToMoreContainer: {
+    paddingHorizontal: moderateScale(10),
+    marginBottom: verticalScale(8)
+  },
+  title: {
+    fontSize: RFValue(13),
+    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","RFValue","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,200 @@
+"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/hook/useTheme';
+import CardPoster from '../components/CardPoster';
+import NavigateToMore from '../components/NavigateToMore';
+import { usePaginatedSection } from '../../../../hooks/usePaginatedSection';
+import { RFValue } from 'react-native-responsive-fontsize';
+
+// 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 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,
+    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: isLoading
+      })
+    });
+  }, [styles.item, styles.image, itemStyle, renderItemImage, appliedTheme, borderRadius, isLoading, 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;
+  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: 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(10)
+  },
+  image: {
+    width,
+    height,
+    borderRadius: radius,
+    backgroundColor: theme.colors.surfaceVariant
+  },
+  navigateToMoreContainer: {
+    paddingHorizontal: moderateScale(10),
+    marginBottom: verticalScale(8)
+  },
+  title: {
+    fontSize: RFValue(13),
+    fontWeight: '600'
+  },
+  listContent: {
+    paddingRight: moderateScale(15)
+  }
+});
+export default /*#__PURE__*/memo(MovieCard);
+//# sourceMappingURL=One.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useCallback","useMemo","useRef","View","FlatList","TouchableOpacity","StyleSheet","SkeletonPlaceholder","FastImage","moderateScale","verticalScale","useTheme","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","posterUri","poster","posterWrapperStyle","image","resizeMode","cover","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","_id","initialNumToRender","onEndReached","onEndReachedThreshold","onScrollBeginDrag","onMomentumScrollBegin","ListFooterComponent","radius","create","marginVertical","surfaceVariant","paddingHorizontal","fontSize","fontWeight","paddingRight"],"sourceRoot":"../../../../../../src","sources":["components/Content/Card/Styles/One.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,WAAW,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AACjE,SACEC,IAAI,EACJC,QAAQ,EACRC,gBAAgB,EAChBC,UAAU,QAML,cAAc;AACrB,OAAOC,mBAAmB,MAAM,mCAAmC;AACnE,OAAOC,SAAS,MAAM,yBAAyB;AAC/C,SAASC,aAAa,EAAEC,aAAa,QAAQ,2BAA2B;AACxE,SAASC,QAAQ,QAAQ,iCAAiC;AAC1D,OAAOC,UAAU,MAAM,0BAA0B;AACjD,OAAOC,cAAc,MAAM,8BAA8B;AACzD,SAASC,mBAAmB,QAAQ,uCAAuC;AAG3E,SAASC,OAAO,QAAQ,kCAAkC;;AAE1D;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AACA,MAAMC,kBAAkB,GAAGX,aAAa,CAAC,GAAG,CAAC;AAC7C,MAAMY,mBAAmB,GAAGZ,aAAa,CAAC,GAAG,CAAC;AAC9C,MAAMa,qBAAqB,GAAGb,aAAa,CAAC,CAAC,CAAC;AAC9C,MAAMc,sBAAsB,GAAG,CAAC;AA0BhC,MAAMC,SAAmC,GAAGA,CAAC;EAC3CC,KAAK;EACLC,UAAU;EACVC,IAAI;EACJC,IAAI,EAAEC,WAAW;EACjBC,aAAa;EACbC,WAAW;EACXC,WAAW;EACXC,eAAe;EACfC,SAAS,GAAGd,kBAAkB;EAC9Be,UAAU,GAAGd,mBAAmB;EAChCe,YAAY,GAAGd,qBAAqB;EACpCe,aAAa,GAAGd,sBAAsB;EACtCe,cAAc;EACdC,UAAU;EACVC,SAAS;EACTC,SAAS,GAAG,KAAK;EACjBC,KAAK;EACLC,kBAAkB;EAClBC;AACF,CAAC,KAAK;EACJ,MAAMC,WAAW,GAAG3C,MAAM,CAAyB,IAAI,CAAC;EACxD,MAAM4C,gCAAgC,GAAG5C,MAAM,CAAC,KAAK,CAAC;EACtD,MAAM;IAAEwC,KAAK,EAAEK;EAAa,CAAC,GAAGpC,QAAQ,CAAC+B,KAAK,CAAC;EAE/C,MAAMM,MAAM,GAAG/C,OAAO,CACpB,MAAMgD,SAAS,CAACF,YAAY,EAAEb,SAAS,EAAEC,UAAU,EAAEC,YAAY,CAAC,EAClE,CAACW,YAAY,EAAEb,SAAS,EAAEC,UAAU,EAAEC,YAAY,CACpD,CAAC;EAED,MAAM;IACJR,IAAI;IACJsB,UAAU;IACVC,OAAO,EAAEC,YAAY;IACrBC;EACF,CAAC,GAAGvC,mBAAmB,CAACY,UAAU,EAAEI,aAAa,EAAED,WAAW,EAAED,IAAI,IAAI,EAAE,EAAEa,SAAS,CAAC;EAEtF,MAAMa,eAAe,GAAGtD,WAAW,CAAEuD,IAAkB,IAAKvB,WAAW,GAAGuB,IAAI,CAAC,EAAE,CAACvB,WAAW,CAAC,CAAC;EAE/F,MAAMwB,eAAe,GAAGxD,WAAW,CAAC,MAAM;IACxC+B,WAAW,GAAG;MAAEL,UAAU;MAAE+B,IAAI,EAAEhC,KAAK;MAAEE;IAAK,CAAC,CAAC;EAClD,CAAC,EAAE,CAACI,WAAW,EAAEL,UAAU,EAAED,KAAK,EAAEE,IAAI,CAAC,CAAC;EAE1C,MAAM+B,gBAAgB,GAAG1D,WAAW,CAAC,MAAM;IACzC,IAAI,CAAC8C,gCAAgC,CAACa,OAAO,IAAIT,UAAU,EAAEU,WAAW,IAAIV,UAAU,EAAEW,QAAQ,EAAE;MAChGf,gCAAgC,CAACa,OAAO,GAAG,IAAI;MAC/CN,YAAY,CAACH,UAAU,CAACW,QAAQ,CAAC;IACnC;EACF,CAAC,EAAE,CAACR,YAAY,EAAEH,UAAU,CAAC,CAAC;EAE9B,MAAMY,UAAU,GAAG9D,WAAW,CAC5B,CAAC;IAAEuD,IAAI;IAAEQ;EAAwC,CAAC,KAAK;IACrD,oBACE9C,IAAA,CAACZ,gBAAgB;MAAC2D,KAAK,EAAE,CAAChB,MAAM,CAACO,IAAI,EAAEf,SAAS,CAAE;MAACyB,OAAO,EAAEA,CAAA,KAAMX,eAAe,CAACC,IAAI,CAAE;MAACW,aAAa,EAAE,GAAI;MAAAC,QAAA,EACzGlC,eAAe,GACdA,eAAe,CAAC;QAAEsB,IAAI;QAAEQ;MAAM,CAAC,CAAC,gBAEhC9C,IAAA,CAACL,UAAU;QACTwD,SAAS,EAAEb,IAAI,CAACc,MAAO;QACvB3B,KAAK,EAAEK,YAAa;QACpBX,YAAY,EAAEA,YAAa;QAC3BkC,kBAAkB,EAAEtB,MAAM,CAACuB,KAAM;QACjCC,UAAU,EAAEhE,SAAS,CAACgE,UAAU,CAACC,KAAM;QACvChC,SAAS,EAAEA;MAAU,CACtB;IACF,CACe,CAAC;EAEvB,CAAC,EACD,CAACO,MAAM,CAACO,IAAI,EAAEP,MAAM,CAACuB,KAAK,EAAE/B,SAAS,EAAEP,eAAe,EAAEc,YAAY,EAAEX,YAAY,EAAEK,SAAS,EAAEa,eAAe,CAChH,CAAC;EAED,MAAMoB,kBAAkB,GAAGA,CAAC;IAAEX;EAAyB,CAAC,kBACtD9C,IAAA,CAACV,mBAAmB;IAElBoE,cAAc,EAAE5B,YAAY,CAAC6B,MAAM,CAACC,sBAAuB;IAC3DC,eAAe,EAAE/B,YAAY,CAAC6B,MAAM,CAACG,iBAAkB;IAAAZ,QAAA,eAEvDlD,IAAA,CAACV,mBAAmB,CAACyE,IAAI;MACvBC,KAAK,EAAE/C,SAAU;MACjBgD,MAAM,EAAE/C,UAAW;MACnBC,YAAY,EAAEA,YAAa;MAC3B+C,UAAU,EAAEpB,KAAK,KAAK,CAAC,GAAGtD,aAAa,CAAC,EAAE,CAAC,GAAG,CAAE;MAChD2E,WAAW,EAAE3E,aAAa,CAAC,EAAE;IAAE,CAChC;EAAC,GAVG,YAAYsD,KAAK,EAWH,CACtB;EACD,IAAI,CAAClC,WAAW,EAAE;IAChB,OAAO,IAAI;EACb;EACA,IAAI,CAACY,SAAS,IAAIb,IAAI,CAACyD,MAAM,KAAK,CAAC,EAAE,OAAO,IAAI;EAEhD,IAAI5C,SAAS,EAAE;IACb,oBACEtB,KAAA,CAAChB,IAAI;MAAC6D,KAAK,EAAE,CAAChB,MAAM,CAACsC,IAAI,EAAEhD,cAAc,CAAE;MAACiD,MAAM,EAAE,uBAAuB7D,UAAU,EAAG;MAAAyC,QAAA,gBACtFlD,IAAA,CAACV,mBAAmB;QAClBoE,cAAc,EAAE5B,YAAY,CAAC6B,MAAM,CAACC,sBAAuB;QAC3DC,eAAe,EAAE/B,YAAY,CAAC6B,MAAM,CAACG,iBAAkB;QAAAZ,QAAA,eAEvDlD,IAAA,CAACV,mBAAmB,CAACyE,IAAI;UACvBC,KAAK,EAAExE,aAAa,CAAC,GAAG,CAAE;UAC1ByE,MAAM,EAAExE,aAAa,CAAC,EAAE,CAAE;UAC1B0B,YAAY,EAAE3B,aAAa,CAAC,CAAC,CAAE;UAC/B0E,UAAU,EAAE1E,aAAa,CAAC,EAAE,CAAE;UAC9B+E,YAAY,EAAE9E,aAAa,CAAC,CAAC;QAAE,CAChC;MAAC,CACiB,CAAC,eACtBO,IAAA,CAACb,QAAQ;QACPwB,IAAI,EAAE6D,KAAK,CAACC,IAAI,CAAC;UAAEL,MAAM,EAAEhD;QAAc,CAAC,EAAE,MAAM,IAAI,CAAE;QACxDsD,UAAU;QACVC,YAAY,EAAEA,CAACC,CAAC,EAAE9B,KAAK,KAAK,YAAYA,KAAK,EAAG;QAChDD,UAAU,EAAEY,kBAAmB;QAC/BoB,8BAA8B,EAAE,KAAM;QACtCC,qBAAqB,EAAE/C,MAAM,CAACgD;MAAY,CAC3C,CAAC;IAAA,CACE,CAAC;EAEX;EAEA,oBACE7E,KAAA,CAAChB,IAAI;IACH6D,KAAK,EAAE,CAAChB,MAAM,CAACsC,IAAI,EAAEhD,cAAc,CAAE;IACrCiD,MAAM,EAAE,cAAc7D,UAAU,EAAG;IACnCiB,kBAAkB,EAAEA,kBAAkB,IAAI,kBAAkBlB,KAAK,EAAG;IACpEmB,iBAAiB,EAAEA,iBAAiB,IAAI,uBAAwB;IAAAuB,QAAA,gBAEhElD,IAAA,CAACJ,cAAc;MACbY,KAAK,EAAEA,KAAM;MACbwC,OAAO,EAAET,eAAgB;MACzBjB,UAAU,EAAE,CAACS,MAAM,CAACvB,KAAK,EAAE;QAAEwE,KAAK,EAAElD,YAAY,CAAC6B,MAAM,CAACsB;MAAY,CAAC,EAAE3D,UAAU,CAAE;MACnFD,cAAc,EAAEU,MAAM,CAACmD,uBAAwB;MAC/CC,YAAY,EAAE;QAAEC,SAAS,EAAEtD,YAAY,CAAC6B,MAAM,CAACsB;MAAY;IAAE,CAC9D,CAAC,eACFjF,IAAA,CAACb,QAAQ;MACPkG,GAAG,EAAEzD,WAAY;MACjBjB,IAAI,EAAEA,IAAK;MACX+D,UAAU;MACVC,YAAY,EAAEA,CAACrC,IAAI,EAAEQ,KAAK,KAAK,GAAGR,IAAI,CAACgD,GAAG,IAAIxC,KAAK,EAAG;MACtDD,UAAU,EAAEA,UAAW;MACvBgC,8BAA8B,EAAE,KAAM;MACtCC,qBAAqB,EAAE/C,MAAM,CAACgD,WAAY;MAC1CQ,kBAAkB,EAAE,CAAE;MACtBC,YAAY,EAAE/C,gBAAiB;MAC/BgD,qBAAqB,EAAE,GAAI;MAC3BC,iBAAiB,EAAEA,CAAA,KAAM;QACvB7D,gCAAgC,CAACa,OAAO,GAAG,KAAK;MAClD,CAAE;MACFiD,qBAAqB,EAAEA,CAAA,KAAM;QAC3B9D,gCAAgC,CAACa,OAAO,GAAG,KAAK;MAClD,CAAE;MACFkD,mBAAmB,EAAEzD,YAAY,GAAGsB,kBAAkB,CAAC;QAAEX,KAAK,EAAE;MAAE,CAAC,CAAC,GAAG;IAAK,CAC7E,CAAC;EAAA,CACE,CAAC;AAEX,CAAC;AAED,MAAMd,SAAS,GAAGA,CAACP,KAAa,EAAEuC,KAAa,EAAEC,MAAc,EAAE4B,MAAc,KAC7ExG,UAAU,CAACyG,MAAM,CAAC;EAChBzB,IAAI,EAAE;IACJ0B,cAAc,EAAEtG,aAAa,CAAC,CAAC;EACjC,CAAC;EACD6C,IAAI,EAAE;IACJ4B,UAAU,EAAE1E,aAAa,CAAC,EAAE;EAC9B,CAAC;EACD8D,KAAK,EAAE;IACLU,KAAK;IACLC,MAAM;IACN9C,YAAY,EAAE0E,MAAM;IACpBhC,eAAe,EAAEpC,KAAK,CAACkC,MAAM,CAACqC;EAChC,CAAC;EACDd,uBAAuB,EAAE;IACvBe,iBAAiB,EAAEzG,aAAa,CAAC,EAAE,CAAC;IACpC+E,YAAY,EAAE9E,aAAa,CAAC,CAAC;EAC/B,CAAC;EACDe,KAAK,EAAE;IACL0F,QAAQ,EAAEpG,OAAO,CAAC,EAAE,CAAC;IACrBqG,UAAU,EAAE;EACd,CAAC;EACDpB,WAAW,EAAE;IACXqB,YAAY,EAAE5G,aAAa,CAAC,EAAE;EAChC;AACF,CAAC,CAAC;AAEJ,4BAAeV,IAAI,CAACyB,SAAS,CAAC","ignoreList":[]}

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

@@ -0,0 +1,216 @@
+"use strict";
+
+/**
+ * @author Naresh Dhamu
+ * @LastModified Thu 26 Jun 2025 at 05:45 PM
+ */
+
+import React, { memo, useCallback, useMemo, useRef } from 'react';
+import { View, StyleSheet, Dimensions, TouchableOpacity } from 'react-native';
+import SkeletonPlaceholder from 'react-native-skeleton-placeholder';
+import FastImage from 'react-native-fast-image';
+import Carousel from 'react-native-snap-carousel';
+import { moderateScale, verticalScale } from 'react-native-size-matters';
+import { debounce } from 'lodash';
+import { useTheme } from '../../../../theme/hook/useTheme';
+import CardPoster from '../components/CardPoster';
+import NavigateToMore from '../components/NavigateToMore';
+import { usePaginatedSection } from '../../../../hooks/usePaginatedSection';
+import { RFValue } from 'react-native-responsive-fontsize';
+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 DEFAULT_BORDER_RADIUS = moderateScale(10);
+
+// Static styles defined outside getStyles to avoid recalculation
+const staticStyles = StyleSheet.create({
+  root: {
+    marginVertical: verticalScale(6)
+  },
+  navigateToMoreContainer: {
+    paddingHorizontal: moderateScale(10),
+    marginBottom: verticalScale(8)
+  },
+  title: {
+    fontSize: RFValue(13),
+    fontWeight: '600',
+    marginHorizontal: moderateScale(15),
+    marginVertical: moderateScale(5)
+  }
+});
+const RotateCarousel = ({
+  title,
+  section_id,
+  type,
+  data: initialData,
+  moreFetchData,
+  onPressMore,
+  onPressItem,
+  renderItemImage,
+  itemWidth = DEFAULT_ITEM_WIDTH,
+  itemHeight = DEFAULT_ITEM_HEIGHT,
+  borderRadius = DEFAULT_BORDER_RADIUS,
+  skeletonCount = 5,
+  containerStyle,
+  titleStyle,
+  itemStyle,
+  isLoading = false,
+  theme
+}) => {
+  const {
+    theme: appliedTheme
+  } = useTheme(theme);
+  const carouselRef = useRef(null);
+
+  // Memoized dynamic styles
+  const styles = useMemo(() => StyleSheet.create({
+    item: {
+      width: itemWidth,
+      height: itemHeight,
+      borderRadius,
+      overflow: 'hidden',
+      elevation: 0,
+      shadowColor: 'transparent',
+      shadowOffset: {
+        width: 0,
+        height: 0
+      },
+      shadowOpacity: 0,
+      shadowRadius: 0
+    },
+    image: {
+      width: '100%',
+      height: '100%',
+      backgroundColor: appliedTheme.colors.skeletonBaseColor ?? '#222'
+    },
+    skeleton: {
+      width: itemWidth,
+      height: itemHeight,
+      borderRadius,
+      overflow: 'hidden',
+      marginRight: moderateScale(12)
+    }
+  }), [appliedTheme.colors.skeletonBaseColor, itemWidth, itemHeight, borderRadius]);
+  const {
+    data,
+    loading: isPaginating,
+    pagination,
+    loadMoreData
+  } = usePaginatedSection(section_id, moreFetchData, initialData?.data || [], isLoading);
+
+  // Memoized skeleton items
+  const skeletonItems = useMemo(() => {
+    const count = isLoading ? skeletonCount : isPaginating ? 1 : 0;
+    return Array.from({
+      length: count
+    }, (_, i) => ({
+      _id: `skeleton-${i}`,
+      isSkeleton: true
+    }));
+  }, [isLoading, isPaginating, skeletonCount]);
+
+  // 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
+  const debouncedLoadMore = useMemo(() => debounce(nextPage => {
+    return loadMoreData(nextPage);
+  }, 300), [loadMoreData]);
+  const handleItemPress = useCallback(item => {
+    onPressItem?.(item);
+  }, [onPressItem]);
+  const handlePressMore = useCallback(() => {
+    onPressMore?.({
+      section_id,
+      name: title,
+      type
+    });
+  }, [onPressMore, section_id, title, type]);
+  const renderItem = useCallback(({
+    item,
+    index
+  }) => {
+    if ('isSkeleton' in item) {
+      return /*#__PURE__*/_jsx(View, {
+        style: styles.skeleton,
+        children: /*#__PURE__*/_jsx(SkeletonPlaceholder, {
+          highlightColor: appliedTheme.colors.skeletonHighlightColor,
+          backgroundColor: appliedTheme.colors.skeletonBaseColor,
+          children: /*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
+            width: itemWidth,
+            height: itemHeight,
+            borderRadius: borderRadius
+          })
+        })
+      }, item._id);
+    }
+    return /*#__PURE__*/_jsx(TouchableOpacity, {
+      activeOpacity: 0.8,
+      style: [styles.item, itemStyle],
+      disabled: !item || !onPressItem || isLoading,
+      onPress: () => handleItemPress(item),
+      children: renderItemImage ? renderItemImage({
+        item,
+        index
+      }) : /*#__PURE__*/_jsx(CardPoster, {
+        posterUri: item.poster,
+        theme: appliedTheme,
+        borderRadius: borderRadius,
+        posterWrapperStyle: styles.image,
+        resizeMode: FastImage.resizeMode.cover,
+        isLoading: isLoading
+      })
+    }, item._id || `item-${index}`);
+  }, [styles.item, styles.image, styles.skeleton, itemStyle, onPressItem, isLoading, renderItemImage, appliedTheme, borderRadius, itemWidth, itemHeight, handleItemPress]);
+  if (!initialData) {
+    return null;
+  }
+  if (!isLoading && (!data || data.length === 0)) return null;
+  return /*#__PURE__*/_jsxs(View, {
+    style: [staticStyles.root, containerStyle],
+    testID: `movie-card-${section_id}`,
+    children: [isLoading ? /*#__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(NavigateToMore, {
+      title: title,
+      onPress: handlePressMore,
+      titleStyle: [staticStyles.title, {
+        color: appliedTheme.colors.textPrimary
+      }, titleStyle],
+      containerStyle: staticStyles.navigateToMoreContainer,
+      showAllProps: {
+        iconColor: appliedTheme.colors.textPrimary
+      }
+    }), /*#__PURE__*/_jsx(Carousel, {
+      ref: carouselRef,
+      data: finalData,
+      vertical: false,
+      renderItem: renderItem,
+      firstItem: 1,
+      inactiveSlideOpacity: 0.6,
+      inactiveSlideScale: 0.9,
+      sliderWidth: width,
+      itemWidth: itemWidth,
+      onSnapToItem: index => {
+        if (isLoading || !pagination?.hasNextPage || !pagination?.nextPage) return;
+        if (index >= finalData.length - 2) {
+          debouncedLoadMore(pagination.nextPage);
+        }
+      }
+    })]
+  });
+};
+export default /*#__PURE__*/memo(RotateCarousel);
+//# sourceMappingURL=RotateInOut.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useCallback","useMemo","useRef","View","StyleSheet","Dimensions","TouchableOpacity","SkeletonPlaceholder","FastImage","Carousel","moderateScale","verticalScale","debounce","useTheme","CardPoster","NavigateToMore","usePaginatedSection","RFValue","jsx","_jsx","jsxs","_jsxs","width","height","get","DEFAULT_ITEM_WIDTH","DEFAULT_ITEM_HEIGHT","DEFAULT_BORDER_RADIUS","staticStyles","create","root","marginVertical","navigateToMoreContainer","paddingHorizontal","marginBottom","title","fontSize","fontWeight","marginHorizontal","RotateCarousel","section_id","type","data","initialData","moreFetchData","onPressMore","onPressItem","renderItemImage","itemWidth","itemHeight","borderRadius","skeletonCount","containerStyle","titleStyle","itemStyle","isLoading","theme","appliedTheme","carouselRef","styles","item","overflow","elevation","shadowColor","shadowOffset","shadowOpacity","shadowRadius","image","backgroundColor","colors","skeletonBaseColor","skeleton","marginRight","loading","isPaginating","pagination","loadMoreData","skeletonItems","count","Array","from","length","_","i","_id","isSkeleton","finalData","debouncedLoadMore","nextPage","handleItemPress","handlePressMore","name","renderItem","index","style","children","highlightColor","skeletonHighlightColor","Item","activeOpacity","disabled","onPress","posterUri","poster","posterWrapperStyle","resizeMode","cover","testID","marginLeft","color","textPrimary","showAllProps","iconColor","ref","vertical","firstItem","inactiveSlideOpacity","inactiveSlideScale","sliderWidth","onSnapToItem","hasNextPage"],"sourceRoot":"../../../../../../src","sources":["components/Content/Card/Styles/RotateInOut.tsx"],"mappings":"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","ignoreList":[]}