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

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

@@ -0,0 +1,313 @@
+"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 { useTheme } from '../../../../../theme/ThemeProvider';
+import Display from '../../../../../utils/Display';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Constants
+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: scale(16),
+    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: scale(14),
+    fontWeight: '500',
+    color: '#fff',
+    textAlign: 'center'
+  }
+});
+export default /*#__PURE__*/memo(SliderOne);
+//# sourceMappingURL=One.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useCallback","useMemo","useState","View","TouchableOpacity","StyleSheet","Carousel","scale","verticalScale","FastImage","LinearGradient","SkeletonPlaceholder","Play","Text","useTheme","Display","jsx","_jsx","jsxs","_jsxs","DEFAULT_SKELETON_COUNT","CAROUSEL_WIDTH","fullWidth","CAROUSEL_HEIGHT","BORDER_RADIUS","ImageTouchable","children","onImagePress","activeOpacity","style","styles","imageWrapper","onPress","accessibilityRole","accessibilityLabel","SliderOne","index","data","onPressItem","showPlayIcon","isLoading","skeletonCount","theme","accessibilityHint","appliedTheme","contentData","activeIndex","setActiveIndex","gradientColors","colors","primary","handleSnapToItem","i","renderCarouselItem","item","sliderContainer","source","uri","thumbnail","priority","normal","cache","cacheControl","immutable","sliderImage","resizeMode","cover","name","gradientOverlay","playOverlay","playIcon","backgroundColor","button","size","color","black","fill","playText","white","numberOfLines","renderSkeletonItem","skeletonBaseColor","highlightColor","skeletonHighlightColor","speed","Item","width","height","borderRadius","renderIndicator","_","indicatorWrapper","start","x","y","end","activeIndicator","inactiveIndicator","onSurface","carouselProps","autoPlay","length","loop","scrollAnimationDuration","autoPlayInterval","carousel","container","Array","from","renderItem","mode","modeConfig","parallaxScrollingOffset","parallaxScrollingScale","onConfigurePanGesture","gesture","activeOffsetX","failOffsetY","indicatorContainer","indicator","onSnapToItem","create","flex","alignItems","marginTop","marginBottom","justifyContent","overflow","position","aspectRatio","absoluteFillObject","flexDirection","gap","paddingBottom","paddingHorizontal","fontSize","fontWeight","maxWidth","emptyState","padding","emptyText","textAlign"],"sourceRoot":"../../../../../../../src","sources":["components/Content/Card/Sliders/Styles/One.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,198 @@
+"use strict";
+
+/**
+ * @author Naresh Dhamu
+ * @LastModified Mon 30 Jun 2025 at 11:30 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 { Text } from '../../../../Text';
+import { useTheme } from '../../../../../theme/ThemeProvider';
+import Display from '../../../../../utils/Display';
+import { ThumbnailCard } from '../../components/ThumbnailCard';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const FULL_WIDTH = Display.fullWidth;
+const FULL_HEIGHT = FULL_WIDTH * (9 / 16);
+const SliderTwo = ({
+  data,
+  onPressItem,
+  isLoading = true,
+  skeletonCount = 3,
+  accessibilityLabel = 'Full Width Slider',
+  accessibilityHint = 'Swipe to view content',
+  theme
+}) => {
+  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), []);
+  const renderSkeletonItem = useCallback(() => /*#__PURE__*/_jsx(View, {
+    style: styles.itemWrapper,
+    children: /*#__PURE__*/_jsx(SkeletonPlaceholder, {
+      backgroundColor: appliedTheme.colors.skeletonBaseColor,
+      highlightColor: appliedTheme.colors.skeletonHighlightColor,
+      children: /*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
+        width: FULL_WIDTH,
+        height: FULL_HEIGHT
+      })
+    })
+  }), [appliedTheme.colors]);
+  const renderCarouselItem = useCallback(({
+    item
+  }) => /*#__PURE__*/_jsxs(TouchableOpacity, {
+    activeOpacity: 0.85,
+    onPress: () => onPressItem?.(item),
+    style: styles.itemWrapper,
+    accessibilityRole: "button",
+    accessibilityLabel: `View ${item.name}`,
+    children: [/*#__PURE__*/_jsx(ThumbnailCard, {
+      thumbnailUri: item.thumbnail,
+      theme: appliedTheme,
+      isLoading: isLoading,
+      wrapperStyle: styles.image,
+      resizeMode: FastImage.resizeMode.cover
+    }), /*#__PURE__*/_jsx(LinearGradient, {
+      colors: ['transparent', 'rgba(0,0,0,0.7)'],
+      start: {
+        x: 0.5,
+        y: 0
+      },
+      end: {
+        x: 0.5,
+        y: 1
+      },
+      style: styles.gradientBottomOverlay
+    })]
+  }), [appliedTheme, isLoading, onPressItem]);
+  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]);
+  if (!data || !isLoading && contentData.length === 0) {
+    return /*#__PURE__*/_jsx(View, {
+      style: [styles.container, styles.emptyState],
+      children: /*#__PURE__*/_jsx(Text, {
+        style: styles.emptyText,
+        children: "No content available"
+      })
+    });
+  }
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    accessibilityLabel: accessibilityLabel,
+    accessibilityHint: accessibilityHint,
+    children: [/*#__PURE__*/_jsx(Carousel, {
+      width: FULL_WIDTH,
+      height: FULL_HEIGHT,
+      autoPlay: !isLoading && contentData.length > 1,
+      loop: !isLoading && contentData.length > 1,
+      scrollAnimationDuration: 1000,
+      autoPlayInterval: 3000,
+      data: isLoading ? Array.from({
+        length: skeletonCount
+      }) : contentData,
+      renderItem: isLoading ? renderSkeletonItem : renderCarouselItem,
+      onSnapToItem: handleSnapToItem,
+      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: contentData.length
+        }, renderIndicator)
+      })
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    marginVertical: verticalScale(6)
+  },
+  itemWrapper: {
+    overflow: 'hidden'
+  },
+  image: {
+    width: FULL_WIDTH,
+    height: FULL_HEIGHT
+  },
+  gradientBottomOverlay: {
+    position: 'absolute',
+    bottom: 0,
+    left: 0,
+    right: 0,
+    height: verticalScale(120),
+    zIndex: 2
+  },
+  indicatorContainer: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    width: '100%',
+    marginTop: verticalScale(10)
+  },
+  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: scale(14),
+    fontWeight: '500',
+    color: '#fff',
+    textAlign: 'center'
+  }
+});
+export default /*#__PURE__*/memo(SliderTwo);
+//# sourceMappingURL=Two.js.map

package/lib/module/components/Content/Card/Sliders/Styles/Two.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useCallback","useMemo","useState","View","TouchableOpacity","StyleSheet","Carousel","scale","verticalScale","FastImage","LinearGradient","SkeletonPlaceholder","Text","useTheme","Display","ThumbnailCard","jsx","_jsx","jsxs","_jsxs","FULL_WIDTH","fullWidth","FULL_HEIGHT","SliderTwo","data","onPressItem","isLoading","skeletonCount","accessibilityLabel","accessibilityHint","theme","appliedTheme","contentData","activeIndex","setActiveIndex","gradientColors","colors","primary","handleSnapToItem","i","renderSkeletonItem","style","styles","itemWrapper","children","backgroundColor","skeletonBaseColor","highlightColor","skeletonHighlightColor","Item","width","height","renderCarouselItem","item","activeOpacity","onPress","accessibilityRole","name","thumbnailUri","thumbnail","wrapperStyle","image","resizeMode","cover","start","x","y","end","gradientBottomOverlay","renderIndicator","_","indicatorWrapper","speed","borderRadius","activeIndicator","inactiveIndicator","onSurface","length","container","emptyState","emptyText","autoPlay","loop","scrollAnimationDuration","autoPlayInterval","Array","from","renderItem","onSnapToItem","onConfigurePanGesture","gesture","activeOffsetX","failOffsetY","indicatorContainer","indicator","create","flex","marginVertical","overflow","position","bottom","left","right","zIndex","alignItems","justifyContent","marginTop","flexDirection","gap","padding","fontSize","fontWeight","color","textAlign"],"sourceRoot":"../../../../../../../src","sources":["components/Content/Card/Sliders/Styles/Two.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/{Section → Content}/Card/Sliders/index.js

@@ -4,10 +4,12 @@
  * @author Naresh Dhamu
  * @lastModified Mon 09 Jun 2025 at 03:12 PM
  */
-import SliderOne from "./Styles/One.js";
+import SliderOne from './Styles/One';
+import SliderTwo from './Styles/Two';
 const Sliders = {
   Styles: {
-    One: SliderOne
+    One: SliderOne,
+    Tow: SliderTwo
   }
 };
 export default Sliders;

package/lib/module/components/Content/Card/Sliders/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SliderOne","SliderTwo","Sliders","Styles","One","Tow"],"sourceRoot":"../../../../../../src","sources":["components/Content/Card/Sliders/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA,OAAOA,SAAS,MAAM,cAAc;AACpC,OAAOC,SAAS,MAAM,cAAc;AAEpC,MAAMC,OAAO,GAAG;EACdC,MAAM,EAAE;IACNC,GAAG,EAAEJ,SAAS;IACdK,GAAG,EAAEJ;EACP;AACF,CAAC;AAED,eAAeC,OAAO","ignoreList":[]}