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

package/lib/module/components/Content/Card/NowWatching/NowWatching.js

@@ -0,0 +1,355 @@
+"use strict";
+
+/**
+ * @author Naresh Dhamu
+ * @lastModified Sat 28 Jun 2025 at 12:45 PM
+ */
+
+import React, { memo, useCallback, useMemo, useRef, useEffect } from 'react';
+import { View, FlatList, TouchableOpacity, StyleSheet } from 'react-native';
+import SkeletonPlaceholder from 'react-native-skeleton-placeholder';
+import { moderateScale, verticalScale } from 'react-native-size-matters';
+import LinearGradient from 'react-native-linear-gradient';
+import FastImage from 'react-native-fast-image';
+import { Play } from 'lucide-react-native';
+import Animated, { useSharedValue, useAnimatedStyle, withTiming } from 'react-native-reanimated';
+import { usePaginatedSection } from '../../../../hooks/usePaginatedSection';
+import { useTheme } from '../../../../theme/hook/useTheme';
+import NavigateToMore from '../components/NavigateToMore';
+import { Text } from '../../../Text';
+import { RFValue } from 'react-native-responsive-fontsize';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ITEM_WIDTH = moderateScale(230);
+const BORDER_RADIUS = moderateScale(8);
+const NowWatchingItem = /*#__PURE__*/memo(({
+  item,
+  index,
+  isLast,
+  appliedTheme,
+  onPressItem,
+  renderItemImage,
+  itemStyle,
+  itemWidth,
+  borderRadius
+}) => {
+  const percentage = Math.max(0, Math.min(100, Math.round(item.currentTime / item.duration * 100)));
+  const progress = useSharedValue(0);
+  useEffect(() => {
+    progress.value = withTiming(percentage, {
+      duration: 500
+    });
+  }, [percentage, progress]);
+  const animatedProgressStyle = useAnimatedStyle(() => ({
+    width: `${progress.value}%`
+  }));
+  const styles = useMemo(() => getStyles(appliedTheme, itemWidth, borderRadius), [appliedTheme, itemWidth, borderRadius]);
+  return /*#__PURE__*/_jsx(TouchableOpacity, {
+    style: [styles.item, itemStyle, index === 0 && styles.firstItem, isLast && {
+      marginRight: moderateScale(12)
+    }],
+    activeOpacity: 0.9,
+    onPress: () => onPressItem?.(item.content),
+    children: /*#__PURE__*/_jsxs(View, {
+      style: styles.cardWrapper,
+      children: [renderItemImage ? renderItemImage({
+        item: item.content,
+        index
+      }) : /*#__PURE__*/_jsx(FastImage, {
+        source: {
+          uri: item.content?.thumbnail
+        },
+        style: styles.poster,
+        children: /*#__PURE__*/_jsx(LinearGradient, {
+          colors: ['rgba(0,0,0,0.95)', 'transparent'],
+          start: {
+            x: 0,
+            y: 1
+          },
+          end: {
+            x: 0,
+            y: 0
+          },
+          style: styles.gradientOverlay
+        })
+      }), /*#__PURE__*/_jsxs(View, {
+        style: styles.infoContainer,
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: styles.textSection,
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: styles.titleText,
+            numberOfLines: 1,
+            children: item.content?.name
+          }), item.content?.type === 'series' && /*#__PURE__*/_jsxs(Text, {
+            style: styles.subTitleText,
+            children: [item.season_number ? `S${item.season_number}` : '', item.episode_number ? ` E${item.episode_number}` : '']
+          }), /*#__PURE__*/_jsx(View, {
+            style: styles.progressBackground,
+            children: /*#__PURE__*/_jsx(Animated.View, {
+              style: [styles.progressForeground, animatedProgressStyle]
+            })
+          })]
+        }), /*#__PURE__*/_jsx(View, {
+          style: styles.playIconWrapper,
+          children: /*#__PURE__*/_jsx(Play, {
+            size: moderateScale(20),
+            color: appliedTheme.colors.primary,
+            fill: appliedTheme.colors.primary
+          })
+        })]
+      })]
+    })
+  });
+});
+const NowWatching = ({
+  section_id,
+  title,
+  type,
+  historyData: initialData,
+  moreFetchDataHistory,
+  isLoading = false,
+  theme,
+  titleStyle,
+  onPressItem,
+  onPressMore,
+  renderItemImage,
+  itemWidth = ITEM_WIDTH,
+  borderRadius = BORDER_RADIUS,
+  skeletonCount = 4,
+  containerStyle,
+  itemStyle,
+  isLoadingHistory
+}) => {
+  const flatListRef = useRef(null);
+  const onEndReachedCalledDuringMomentum = useRef(false);
+  const {
+    theme: appliedTheme
+  } = useTheme(theme);
+  const styles = useMemo(() => getStyles(appliedTheme, itemWidth, borderRadius), [appliedTheme, itemWidth, borderRadius]);
+  const {
+    data,
+    loadMoreData,
+    pagination,
+    loading: isPaginating
+  } = usePaginatedSection(section_id, moreFetchDataHistory, initialData, isLoading || isLoadingHistory);
+  const handlePressMore = useCallback(() => {
+    onPressMore?.({
+      section_id,
+      name: title,
+      type
+    });
+  }, [onPressMore, section_id, title, type]);
+  const listData = useMemo(() => data ?? [], [data]);
+  const handleEndReached = useCallback(() => {
+    if (!onEndReachedCalledDuringMomentum.current && pagination?.hasNextPage && pagination?.nextPage) {
+      onEndReachedCalledDuringMomentum.current = true;
+      loadMoreData(pagination.nextPage);
+    }
+  }, [loadMoreData, pagination]);
+  const renderItem = useCallback(({
+    item,
+    index
+  }) => {
+    const isLast = index === listData.length - 1;
+    return /*#__PURE__*/_jsx(NowWatchingItem, {
+      item: item,
+      index: index,
+      isLast: isLast,
+      appliedTheme: appliedTheme,
+      onPressItem: onPressItem,
+      renderItemImage: renderItemImage,
+      itemStyle: itemStyle,
+      itemWidth: itemWidth,
+      borderRadius: borderRadius
+    });
+  }, [listData.length, appliedTheme, onPressItem, renderItemImage, itemStyle, itemWidth, borderRadius]);
+  const renderSkeletonItem = index => /*#__PURE__*/_jsx(View, {
+    style: [styles.item, itemStyle, index === 0 && styles.firstItem, {
+      marginRight: moderateScale(12)
+    }],
+    children: /*#__PURE__*/_jsx(SkeletonPlaceholder, {
+      backgroundColor: appliedTheme.colors.skeletonBaseColor,
+      highlightColor: appliedTheme.colors.skeletonHighlightColor,
+      children: /*#__PURE__*/_jsxs(View, {
+        style: styles.cardWrapper,
+        children: [/*#__PURE__*/_jsx(View, {
+          style: styles.poster
+        }), /*#__PURE__*/_jsxs(View, {
+          style: styles.infoContainer,
+          children: [/*#__PURE__*/_jsxs(View, {
+            style: styles.textSection,
+            children: [/*#__PURE__*/_jsx(View, {
+              style: styles.skeletonTitle
+            }), /*#__PURE__*/_jsx(View, {
+              style: styles.skeletonSubTitle
+            }), /*#__PURE__*/_jsx(View, {
+              style: styles.progressBackground
+            })]
+          }), /*#__PURE__*/_jsx(View, {
+            style: styles.playIconSkeleton
+          })]
+        })]
+      })
+    })
+  }, index);
+  if (!isLoadingHistory && !isLoading && initialData?.length === 0) return null;
+  if (!isLoading && !isLoadingHistory && listData.length === 0) return null;
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, containerStyle],
+    children: [!isLoading && !isLoadingHistory && title && /*#__PURE__*/_jsx(NavigateToMore, {
+      title: title,
+      onPress: handlePressMore,
+      titleStyle: [styles.title, {
+        color: appliedTheme.colors.textPrimary
+      }, titleStyle],
+      containerStyle: styles.navigateToMoreContainer,
+      showAllProps: {
+        iconColor: appliedTheme.colors.textPrimary
+      }
+    }), (isLoading || isLoadingHistory) && /*#__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, {
+      ref: flatListRef,
+      horizontal: true,
+      data: isLoading || isLoadingHistory ? Array(skeletonCount).fill(0) : listData,
+      keyExtractor: (_, index) => index.toString(),
+      renderItem: ({
+        item,
+        index
+      }) => isLoading || isLoadingHistory ? renderSkeletonItem(index) : renderItem({
+        item,
+        index,
+        separators: {
+          highlight: () => {},
+          unhighlight: () => {},
+          updateProps: () => {}
+        }
+      }),
+      showsHorizontalScrollIndicator: false,
+      contentContainerStyle: styles.listContent,
+      onEndReached: handleEndReached,
+      onEndReachedThreshold: 0.5,
+      onMomentumScrollBegin: () => {
+        onEndReachedCalledDuringMomentum.current = false;
+      },
+      ListFooterComponent: isPaginating ? renderSkeletonItem(0) : null
+    })]
+  });
+};
+const getStyles = (theme, itemWidth, borderRadius) => StyleSheet.create({
+  container: {
+    marginVertical: verticalScale(6)
+  },
+  listContent: {
+    paddingRight: moderateScale(15)
+  },
+  item: {
+    marginRight: moderateScale(12)
+  },
+  firstItem: {
+    marginLeft: moderateScale(10)
+  },
+  navigateToMoreContainer: {
+    paddingHorizontal: moderateScale(10),
+    marginBottom: verticalScale(8)
+  },
+  title: {
+    fontSize: RFValue(13),
+    fontWeight: '600'
+  },
+  cardWrapper: {
+    width: itemWidth,
+    borderRadius,
+    overflow: 'hidden',
+    backgroundColor: theme.colors.surfaceVariant,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.08,
+    shadowRadius: 4,
+    elevation: 2
+  },
+  poster: {
+    width: '100%',
+    height: itemWidth * (9 / 16),
+    borderRadius,
+    overflow: 'hidden',
+    backgroundColor: theme.colors.surfaceVariant
+  },
+  gradientOverlay: {
+    ...StyleSheet.absoluteFillObject,
+    borderRadius
+  },
+  infoContainer: {
+    position: 'absolute',
+    bottom: 6,
+    left: 8,
+    right: 8,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between'
+  },
+  textSection: {
+    flex: 1,
+    paddingRight: 8
+  },
+  titleText: {
+    color: theme.colors.textPrimary,
+    fontWeight: '600',
+    fontSize: RFValue(11)
+  },
+  subTitleText: {
+    color: theme.colors.textSecondary,
+    fontSize: RFValue(10),
+    opacity: 0.85,
+    marginTop: verticalScale(2)
+  },
+  progressBackground: {
+    marginTop: verticalScale(4),
+    height: verticalScale(4),
+    backgroundColor: '#4F4E4E',
+    borderRadius: 6,
+    width: '100%'
+  },
+  progressForeground: {
+    height: '100%',
+    borderRadius: 6,
+    backgroundColor: theme.colors.primary
+  },
+  playIconWrapper: {
+    justifyContent: 'center',
+    alignItems: 'center',
+    width: moderateScale(32),
+    height: moderateScale(32),
+    borderRadius: moderateScale(16),
+    backgroundColor: theme.colors.blueBackground
+  },
+  skeletonTitle: {
+    width: '80%',
+    height: verticalScale(10),
+    borderRadius: 4,
+    marginBottom: verticalScale(4)
+  },
+  skeletonSubTitle: {
+    width: '60%',
+    height: verticalScale(8),
+    borderRadius: 4,
+    marginBottom: verticalScale(6)
+  },
+  playIconSkeleton: {
+    width: moderateScale(32),
+    height: moderateScale(32),
+    borderRadius: moderateScale(16)
+  }
+});
+export default /*#__PURE__*/memo(NowWatching);
+//# sourceMappingURL=NowWatching.js.map

package/lib/module/components/Content/Card/NowWatching/NowWatching.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useCallback","useMemo","useRef","useEffect","View","FlatList","TouchableOpacity","StyleSheet","SkeletonPlaceholder","moderateScale","verticalScale","LinearGradient","FastImage","Play","Animated","useSharedValue","useAnimatedStyle","withTiming","usePaginatedSection","useTheme","NavigateToMore","Text","RFValue","jsx","_jsx","jsxs","_jsxs","ITEM_WIDTH","BORDER_RADIUS","NowWatchingItem","item","index","isLast","appliedTheme","onPressItem","renderItemImage","itemStyle","itemWidth","borderRadius","percentage","Math","max","min","round","currentTime","duration","progress","value","animatedProgressStyle","width","styles","getStyles","style","firstItem","marginRight","activeOpacity","onPress","content","children","cardWrapper","source","uri","thumbnail","poster","colors","start","x","y","end","gradientOverlay","infoContainer","textSection","titleText","numberOfLines","name","type","subTitleText","season_number","episode_number","progressBackground","progressForeground","playIconWrapper","size","color","primary","fill","NowWatching","section_id","title","historyData","initialData","moreFetchDataHistory","isLoading","theme","titleStyle","onPressMore","skeletonCount","containerStyle","isLoadingHistory","flatListRef","onEndReachedCalledDuringMomentum","data","loadMoreData","pagination","loading","isPaginating","handlePressMore","listData","handleEndReached","current","hasNextPage","nextPage","renderItem","length","renderSkeletonItem","backgroundColor","skeletonBaseColor","highlightColor","skeletonHighlightColor","skeletonTitle","skeletonSubTitle","playIconSkeleton","container","textPrimary","navigateToMoreContainer","showAllProps","iconColor","Item","height","marginLeft","marginBottom","ref","horizontal","Array","keyExtractor","_","toString","separators","highlight","unhighlight","updateProps","showsHorizontalScrollIndicator","contentContainerStyle","listContent","onEndReached","onEndReachedThreshold","onMomentumScrollBegin","ListFooterComponent","create","marginVertical","paddingRight","paddingHorizontal","fontSize","fontWeight","overflow","surfaceVariant","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","absoluteFillObject","position","bottom","left","right","flexDirection","alignItems","justifyContent","flex","textSecondary","opacity","marginTop","blueBackground"],"sourceRoot":"../../../../../../src","sources":["components/Content/Card/NowWatching/NowWatching.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,315 @@
+"use strict";
+
+/**
+ * @author Naresh Dhamu
+ * @LastModified Wed 25 Jun 2025 at 05:28 PM
+ */
+
+import React, { memo, useCallback, useMemo, useState } from 'react';
+import { View, TouchableOpacity, StyleSheet } from 'react-native';
+import Carousel from 'react-native-reanimated-carousel';
+import { scale, verticalScale } from 'react-native-size-matters';
+import FastImage from 'react-native-fast-image';
+import LinearGradient from 'react-native-linear-gradient';
+import SkeletonPlaceholder from 'react-native-skeleton-placeholder';
+import { Play } from 'lucide-react-native';
+import { Text } from '../../../../Text';
+import Display from '../../../../../utils/Display';
+import { useTheme } from '../../../../../theme/hook/useTheme';
+import { RFValue } from 'react-native-responsive-fontsize';
+
+// Constants
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const DEFAULT_SKELETON_COUNT = 3;
+const CAROUSEL_WIDTH = Display.fullWidth;
+const CAROUSEL_HEIGHT = verticalScale(180);
+const BORDER_RADIUS = scale(10);
+
+// Define props
+
+// ImageTouchable component
+
+const ImageTouchable = ({
+  children,
+  onImagePress
+}) => /*#__PURE__*/_jsx(TouchableOpacity, {
+  activeOpacity: 0.8,
+  style: styles.imageWrapper,
+  onPress: onImagePress,
+  accessibilityRole: "button",
+  accessibilityLabel: "View content",
+  children: children
+});
+
+// Main component
+const SliderOne = ({
+  index,
+  data,
+  onPressItem,
+  showPlayIcon = false,
+  isLoading = false,
+  skeletonCount = DEFAULT_SKELETON_COUNT,
+  theme,
+  accessibilityLabel = 'Content carousel',
+  accessibilityHint = 'Swipe to view content'
+}) => {
+  const {
+    theme: appliedTheme
+  } = useTheme(theme);
+  const contentData = useMemo(() => data?.data ?? [], [data]);
+  const [activeIndex, setActiveIndex] = useState(0);
+  const gradientColors = useMemo(() => [appliedTheme.colors.primary, appliedTheme.colors.primary], [appliedTheme.colors.primary]);
+  const handleSnapToItem = useCallback(i => setActiveIndex(i), []);
+
+  // Render carousel item
+  const renderCarouselItem = useCallback(({
+    item
+  }) => /*#__PURE__*/_jsx(View, {
+    style: styles.sliderContainer,
+    children: /*#__PURE__*/_jsxs(ImageTouchable, {
+      onImagePress: () => onPressItem?.(item),
+      children: [/*#__PURE__*/_jsx(FastImage, {
+        source: {
+          uri: item.thumbnail,
+          priority: FastImage.priority.normal,
+          cache: FastImage.cacheControl.immutable
+        },
+        style: styles.sliderImage,
+        resizeMode: FastImage.resizeMode.cover,
+        accessibilityLabel: `Image of ${item.name || 'content'}`
+      }), showPlayIcon && /*#__PURE__*/_jsx(LinearGradient, {
+        colors: ['transparent', 'rgba(0,0,0,0.6)'],
+        style: styles.gradientOverlay,
+        children: /*#__PURE__*/_jsxs(View, {
+          style: styles.playOverlay,
+          children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+            onPress: () => onPressItem?.(item),
+            style: [styles.playIcon, {
+              backgroundColor: appliedTheme.colors.button
+            }],
+            activeOpacity: 0.8,
+            accessibilityRole: "button",
+            accessibilityLabel: "Play content",
+            children: /*#__PURE__*/_jsx(Play, {
+              size: scale(25),
+              color: appliedTheme.colors.black,
+              fill: appliedTheme.colors.black
+            })
+          }), /*#__PURE__*/_jsx(Text, {
+            style: [styles.playText, {
+              color: appliedTheme.colors.white
+            }],
+            numberOfLines: 1,
+            accessibilityLabel: item.name,
+            children: item.name
+          })]
+        })
+      })]
+    })
+  }), [onPressItem, showPlayIcon, appliedTheme.colors]);
+
+  // Render skeleton item
+  const renderSkeletonItem = useCallback(() => /*#__PURE__*/_jsx(View, {
+    style: styles.sliderContainer,
+    children: /*#__PURE__*/_jsx(SkeletonPlaceholder, {
+      backgroundColor: appliedTheme.colors.skeletonBaseColor,
+      highlightColor: appliedTheme.colors.skeletonHighlightColor,
+      speed: 1000,
+      children: /*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
+        width: CAROUSEL_WIDTH,
+        height: CAROUSEL_HEIGHT,
+        borderRadius: BORDER_RADIUS
+      })
+    })
+  }), [appliedTheme.colors]);
+
+  // Render indicator
+  const renderIndicator = useCallback((_, i) => /*#__PURE__*/_jsx(View, {
+    style: styles.indicatorWrapper,
+    children: isLoading ? /*#__PURE__*/_jsx(SkeletonPlaceholder, {
+      backgroundColor: appliedTheme.colors.skeletonBaseColor,
+      highlightColor: appliedTheme.colors.skeletonHighlightColor,
+      speed: 2000,
+      children: /*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
+        width: scale(18),
+        height: scale(8),
+        borderRadius: scale(50)
+      })
+    }) : i === activeIndex ? /*#__PURE__*/_jsx(LinearGradient, {
+      start: {
+        x: 0,
+        y: 0
+      },
+      end: {
+        x: 1,
+        y: 0
+      },
+      colors: gradientColors,
+      style: styles.activeIndicator
+    }) : /*#__PURE__*/_jsx(View, {
+      style: [styles.inactiveIndicator, {
+        backgroundColor: appliedTheme.colors.onSurface
+      }]
+    })
+  }, i), [isLoading, appliedTheme.colors.skeletonBaseColor, appliedTheme.colors.skeletonHighlightColor, appliedTheme.colors.onSurface, activeIndex, gradientColors]);
+
+  // Common carousel props
+  const carouselProps = {
+    width: CAROUSEL_WIDTH,
+    height: CAROUSEL_HEIGHT,
+    autoPlay: !isLoading && contentData.length > 1,
+    loop: true,
+    scrollAnimationDuration: 1000,
+    autoPlayInterval: 2500,
+    style: styles.carousel
+  };
+  if (!data) {
+    return null;
+  }
+  if (isLoading) {
+    return /*#__PURE__*/_jsxs(View, {
+      style: styles.container,
+      accessibilityLabel: accessibilityLabel,
+      accessibilityHint: accessibilityHint,
+      children: [/*#__PURE__*/_jsx(Carousel, {
+        ...carouselProps,
+        data: Array.from({
+          length: skeletonCount
+        }),
+        renderItem: renderSkeletonItem,
+        mode: "parallax",
+        modeConfig: {
+          parallaxScrollingOffset: 48,
+          parallaxScrollingScale: 0.9
+        },
+        onConfigurePanGesture: gesture => gesture.activeOffsetX([-10, 10]).failOffsetY([-5, 5])
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.indicatorContainer,
+        children: /*#__PURE__*/_jsx(View, {
+          style: styles.indicator,
+          children: Array.from({
+            length: isLoading ? skeletonCount : contentData.length
+          }, renderIndicator)
+        })
+      })]
+    });
+  }
+  if (!isLoading && !contentData.length) {
+    return null;
+  }
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    accessibilityLabel: accessibilityLabel,
+    accessibilityHint: accessibilityHint,
+    children: [/*#__PURE__*/_jsx(Carousel, {
+      ...carouselProps,
+      data: contentData,
+      renderItem: renderCarouselItem,
+      onSnapToItem: handleSnapToItem,
+      mode: "parallax",
+      modeConfig: {
+        parallaxScrollingOffset: 48,
+        parallaxScrollingScale: 0.9
+      },
+      onConfigurePanGesture: gesture => gesture.activeOffsetX([-10, 10]).failOffsetY([-5, 5])
+    }), index === 0 && /*#__PURE__*/_jsx(View, {
+      style: styles.indicatorContainer,
+      children: /*#__PURE__*/_jsx(View, {
+        style: styles.indicator,
+        children: Array.from({
+          length: contentData.length
+        }, renderIndicator)
+      })
+    })]
+  });
+};
+
+// Styles
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: 'center',
+    marginTop: verticalScale(6),
+    marginBottom: verticalScale(1)
+  },
+  carousel: {
+    borderRadius: BORDER_RADIUS
+  },
+  sliderContainer: {
+    flex: 1,
+    justifyContent: 'center',
+    marginTop: verticalScale(-15)
+  },
+  imageWrapper: {
+    borderRadius: BORDER_RADIUS,
+    overflow: 'hidden',
+    position: 'relative'
+  },
+  sliderImage: {
+    width: '100%',
+    aspectRatio: 16 / 9,
+    borderRadius: BORDER_RADIUS,
+    backgroundColor: '#444'
+  },
+  gradientOverlay: {
+    ...StyleSheet.absoluteFillObject,
+    justifyContent: 'flex-end'
+  },
+  playOverlay: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: scale(8),
+    paddingBottom: verticalScale(10),
+    paddingHorizontal: scale(12)
+  },
+  playIcon: {
+    width: scale(40),
+    height: scale(40),
+    borderRadius: scale(50),
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  playText: {
+    fontSize: RFValue(15),
+    fontWeight: 'bold',
+    maxWidth: scale(220)
+  },
+  indicatorContainer: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    width: '100%',
+    marginTop: verticalScale(-7)
+  },
+  indicator: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: scale(6)
+  },
+  indicatorWrapper: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  activeIndicator: {
+    width: scale(18),
+    height: scale(8),
+    borderRadius: scale(50)
+  },
+  inactiveIndicator: {
+    width: scale(8),
+    height: scale(8),
+    borderRadius: scale(50)
+  },
+  emptyState: {
+    padding: scale(12),
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  emptyText: {
+    fontSize: RFValue(13),
+    fontWeight: '500',
+    color: '#fff',
+    textAlign: 'center'
+  }
+});
+export default /*#__PURE__*/memo(SliderOne);
+//# sourceMappingURL=One.js.map