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

package/lib/module/components/ContentView/components/EpisodeCard.js

@@ -0,0 +1,393 @@
+"use strict";
+
+/**
+ * @author Naresh Dhamu
+ * @lastModified Thu 03 Jul 2025 at 01:46 AM
+ */
+
+import React, { useState, useMemo, useCallback, memo } from 'react';
+import { View, FlatList, TouchableOpacity, StyleSheet } from 'react-native';
+import FastImage from 'react-native-fast-image';
+import SkeletonPlaceholder from 'react-native-skeleton-placeholder';
+import { scale, verticalScale, moderateScale } from 'react-native-size-matters';
+import { Text } from '../../Text';
+import Display from '../../../utils/Display';
+import { ThumbnailCard } from '../../Content/Card/components/ThumbnailCard';
+import { RFValue } from 'react-native-responsive-fontsize';
+
+// Constants
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SKELETON_COUNT = 3;
+const LOADING_EPISODES = 4;
+const THUMBNAIL_ASPECT_RATIO = 16 / 9;
+const CARD_ELEVATION = 2;
+const BORDER_WIDTH = scale(0.5);
+const TAB_PADDING_HORIZONTAL = scale(10);
+const TAB_PADDING_VERTICAL = verticalScale(6);
+const TAB_MARGIN_RIGHT = scale(6);
+const CONTAINER_PADDING_HORIZONTAL = scale(8);
+const CONTAINER_GAP = verticalScale(8);
+const TEXT_PADDING = scale(6);
+const TITLE_FONT_SIZE = RFValue(11);
+const SUBTITLE_FONT_SIZE = RFValue(9);
+const SUBTITLE_LINE_HEIGHT = RFValue(13);
+
+// Types
+
+const formatDate = dateString => {
+  const date = new Date(dateString);
+  return date.toLocaleDateString('en-US', {
+    day: '2-digit',
+    month: 'short',
+    year: 'numeric'
+  });
+};
+
+// Memoized EpisodeCardItem
+const EpisodeCardItem = /*#__PURE__*/memo(({
+  season_id,
+  season_number,
+  episode,
+  onPress,
+  theme,
+  style,
+  thumbnailHeight,
+  isLoading = false
+}) => {
+  const handlePress = useCallback(() => {
+    if (!isLoading) {
+      onPress?.({
+        season_id,
+        episode_id: episode._id,
+        episode_number: episode.number
+      });
+    }
+  }, [season_id, episode._id, episode.number, onPress, isLoading]);
+  const isVerticalMode = useMemo(() => style && style.width === Display.fullWidth - scale(16), [style]);
+  const cardStyle = useMemo(() => [styles.card, style, {
+    shadowColor: isVerticalMode ? 'transparent' : '#000',
+    shadowOffset: {
+      width: 0,
+      height: isVerticalMode ? 0 : 1
+    },
+    shadowOpacity: isVerticalMode ? 0 : 0.1,
+    shadowRadius: isVerticalMode ? 0 : 2,
+    backgroundColor: isVerticalMode ? 'transparent' : theme.colors.surfaceVariant,
+    flexDirection: isVerticalMode ? 'row' : 'column',
+    borderWidth: isVerticalMode ? 0 : theme.dark ? 0 : BORDER_WIDTH,
+    borderColor: isVerticalMode ? 'transparent' : theme.dark ? 'transparent' : theme.colors.border
+  }], [style, isVerticalMode, theme]);
+  const windowWidth = Display.fullWidth;
+  const thumbnailStyle = useMemo(() => [styles.thumbnailCommon, isVerticalMode ? {
+    borderRadius: moderateScale(6),
+    width: windowWidth * 0.45,
+    aspectRatio: THUMBNAIL_ASPECT_RATIO,
+    height: thumbnailHeight
+  } : {
+    borderRadius: 0,
+    height: thumbnailHeight
+  }], [isVerticalMode, thumbnailHeight, windowWidth]);
+  if (isLoading) {
+    return /*#__PURE__*/_jsx(View, {
+      style: cardStyle,
+      children: /*#__PURE__*/_jsx(SkeletonPlaceholder, {
+        backgroundColor: theme.colors.skeletonBaseColor,
+        highlightColor: theme.colors.skeletonHighlightColor,
+        children: isVerticalMode ? /*#__PURE__*/_jsxs(SkeletonPlaceholder.Item, {
+          flexDirection: "row",
+          alignItems: "flex-start",
+          width: "100%",
+          children: [/*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
+            width: "45%",
+            aspectRatio: THUMBNAIL_ASPECT_RATIO,
+            borderRadius: moderateScale(6)
+          }), /*#__PURE__*/_jsxs(SkeletonPlaceholder.Item, {
+            width: "55%",
+            paddingLeft: scale(6),
+            justifyContent: "center",
+            paddingTop: scale(2),
+            children: [/*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
+              width: "80%",
+              height: verticalScale(12),
+              borderRadius: moderateScale(4)
+            }), Array(4).fill(0).map((_, index) => /*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
+              marginTop: verticalScale(5),
+              width: `${80 - index * 5}%`,
+              height: verticalScale(8),
+              borderRadius: moderateScale(4)
+            }, `skeleton_${index}`))]
+          })]
+        }) : /*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
+          width: "100%",
+          height: thumbnailHeight + scale(40),
+          borderRadius: moderateScale(8)
+        })
+      })
+    });
+  }
+  return /*#__PURE__*/_jsx(TouchableOpacity, {
+    activeOpacity: 0.85,
+    onPress: handlePress,
+    style: cardStyle,
+    accessibilityRole: "button",
+    accessibilityLabel: episode.name || `Episode ${episode.number}`,
+    children: /*#__PURE__*/_jsxs(View, {
+      style: [styles.cardContent, isVerticalMode && styles.cardGrid],
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: thumbnailStyle,
+        children: [/*#__PURE__*/_jsx(FastImage, {
+          source: {
+            uri: episode.thumbnail,
+            priority: FastImage.priority.high
+          },
+          style: styles.thumbnail,
+          resizeMode: FastImage.resizeMode.cover,
+          fallback: true
+        }), /*#__PURE__*/_jsx(ThumbnailCard, {
+          thumbnailUri: episode.thumbnail,
+          theme: theme,
+          wrapperStyle: styles.thumbnail,
+          resizeMode: FastImage.resizeMode.cover
+        })]
+      }), /*#__PURE__*/_jsxs(View, {
+        style: [isVerticalMode ? styles.textRightHalf : styles.textWrapper],
+        children: [/*#__PURE__*/_jsx(Text, {
+          numberOfLines: 1,
+          color: theme.colors.textPrimary,
+          style: styles.title,
+          children: episode.name || `Episode ${episode.number}`
+        }), /*#__PURE__*/_jsxs(Text, {
+          color: theme.colors.onSurface,
+          style: {
+            fontSize: RFValue(9),
+            marginTop: verticalScale(2)
+          },
+          children: [`S${String(season_number).padStart(2, '0')} | E${String(episode.number).padStart(2, '0')} | `, episode.createdAt && formatDate(episode.createdAt)]
+        }), !!episode.description && /*#__PURE__*/_jsx(Text, {
+          numberOfLines: isVerticalMode ? 4 : 2,
+          color: theme.colors.textSecondary,
+          style: styles.subtitle,
+          children: episode.description
+        })]
+      })]
+    })
+  });
+}, (prevProps, nextProps) => prevProps.season_id === nextProps.season_id && prevProps.episode._id === nextProps.episode._id && prevProps.isLoading === nextProps.isLoading && prevProps.thumbnailHeight === nextProps.thumbnailHeight && prevProps.theme === nextProps.theme);
+
+// Main Component
+export const EpisodeCard = ({
+  seasons,
+  onPress,
+  theme,
+  isLoading = false,
+  mode = 'horizontal'
+}) => {
+  const [selectedSeasonIndex, setSelectedSeasonIndex] = useState(0);
+  const windowWidth = Display.fullWidth;
+  const selectedSeason = useMemo(() => seasons[selectedSeasonIndex] || null, [seasons, selectedSeasonIndex]);
+  const cardWidth = useMemo(() => mode === 'horizontal' ? Math.min(windowWidth * 0.45, moderateScale(180)) : windowWidth - scale(16), [windowWidth, mode]);
+  const thumbnailHeight = useMemo(() => mode === 'vertical' ? verticalScale(100) : cardWidth * (9 / 16), [cardWidth, mode]);
+  const renderSeasonTab = useCallback(({
+    item: season,
+    index
+  }) => /*#__PURE__*/_jsx(TouchableOpacity, {
+    activeOpacity: 0.7,
+    onPress: () => setSelectedSeasonIndex(index),
+    style: [styles.tab, {
+      backgroundColor: selectedSeasonIndex === index ? theme.colors.button : theme.colors.surfaceVariant,
+      borderColor: theme.colors.border
+    }],
+    accessibilityRole: "tab",
+    accessibilityState: {
+      selected: selectedSeasonIndex === index
+    },
+    accessibilityLabel: season.name || `Season ${index + 1}`,
+    children: /*#__PURE__*/_jsx(Text, {
+      style: [styles.tabText, {
+        color: selectedSeasonIndex === index ? theme.colors.buttonText : theme.colors.textPrimary
+      }],
+      children: season.name || `Season ${index + 1}`
+    })
+  }, season._id), [selectedSeasonIndex, theme]);
+  const renderEpisodeItem = useCallback(({
+    item
+  }) => selectedSeason ? /*#__PURE__*/_jsx(EpisodeCardItem, {
+    theme: theme,
+    season_id: selectedSeason._id,
+    episode: item,
+    season_number: selectedSeason.season_number,
+    onPress: onPress,
+    style: {
+      width: cardWidth
+    },
+    thumbnailHeight: thumbnailHeight
+  }) : null, [theme, selectedSeason, onPress, cardWidth, thumbnailHeight]);
+  const renderLoadingItem = useCallback(() => /*#__PURE__*/_jsx(EpisodeCardItem, {
+    theme: theme,
+    season_id: "",
+    season_number: 0,
+    episode: {
+      _id: '',
+      number: 0,
+      thumbnail: '',
+      name: '',
+      description: '',
+      duration: 0,
+      source_link: '',
+      trailer_source_link: '',
+      subtitles: [],
+      createdAt: '',
+      updatedAt: '',
+      source_type: 'HLS',
+      content_offering_type: 'FREE',
+      status: true
+    },
+    onPress: onPress,
+    style: {
+      width: cardWidth
+    },
+    thumbnailHeight: thumbnailHeight,
+    isLoading: true
+  }), [theme, onPress, cardWidth, thumbnailHeight]);
+  if (isLoading) {
+    return /*#__PURE__*/_jsxs(View, {
+      style: [styles.container, {
+        backgroundColor: theme.colors.background
+      }],
+      children: [/*#__PURE__*/_jsx(FlatList, {
+        data: Array(SKELETON_COUNT).fill(0),
+        keyExtractor: (_, index) => `skeleton_tab_${index}`,
+        horizontal: true,
+        showsHorizontalScrollIndicator: false,
+        contentContainerStyle: styles.tabsContainer,
+        renderItem: () => /*#__PURE__*/_jsx(SkeletonPlaceholder, {
+          backgroundColor: theme.colors.skeletonBaseColor,
+          highlightColor: theme.colors.skeletonHighlightColor,
+          children: /*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
+            width: scale(80),
+            height: verticalScale(28),
+            borderRadius: moderateScale(16),
+            marginRight: TAB_MARGIN_RIGHT
+          })
+        })
+      }), /*#__PURE__*/_jsx(FlatList, {
+        data: Array(LOADING_EPISODES).fill({}),
+        keyExtractor: (_, index) => `loading_${index}`,
+        horizontal: mode === 'horizontal',
+        showsHorizontalScrollIndicator: false,
+        contentContainerStyle: styles.listContainer,
+        renderItem: renderLoadingItem
+      })]
+    });
+  }
+  if (!seasons?.length || !selectedSeason) {
+    return /*#__PURE__*/_jsx(View, {
+      style: styles.emptyContainer,
+      children: /*#__PURE__*/_jsx(Text, {
+        color: theme.colors.textSecondary,
+        children: "No seasons available"
+      })
+    });
+  }
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, {
+      backgroundColor: theme.colors.background
+    }],
+    children: [/*#__PURE__*/_jsx(FlatList, {
+      data: seasons,
+      renderItem: renderSeasonTab,
+      keyExtractor: item => item._id,
+      horizontal: true,
+      showsHorizontalScrollIndicator: false,
+      contentContainerStyle: styles.tabsContainer
+    }), /*#__PURE__*/_jsx(FlatList, {
+      data: selectedSeason.episodes || [],
+      keyExtractor: item => item._id,
+      horizontal: mode === 'horizontal',
+      showsHorizontalScrollIndicator: false,
+      contentContainerStyle: styles.listContainer,
+      renderItem: renderEpisodeItem,
+      ListEmptyComponent: /*#__PURE__*/_jsx(View, {
+        style: styles.emptyContainer,
+        children: /*#__PURE__*/_jsx(Text, {
+          color: theme.colors.textSecondary,
+          children: "No episodes available"
+        })
+      })
+    })]
+  });
+};
+
+// Styles
+const styles = StyleSheet.create({
+  container: {
+    paddingVertical: verticalScale(4),
+    flexDirection: 'column',
+    gap: CONTAINER_GAP
+  },
+  tabsContainer: {
+    paddingHorizontal: CONTAINER_PADDING_HORIZONTAL
+  },
+  tab: {
+    paddingHorizontal: TAB_PADDING_HORIZONTAL,
+    paddingVertical: TAB_PADDING_VERTICAL,
+    borderRadius: moderateScale(16),
+    marginRight: TAB_MARGIN_RIGHT,
+    borderWidth: BORDER_WIDTH
+  },
+  tabText: {
+    fontSize: TITLE_FONT_SIZE,
+    fontWeight: '600'
+  },
+  listContainer: {
+    paddingHorizontal: CONTAINER_PADDING_HORIZONTAL,
+    gap: CONTAINER_GAP
+  },
+  card: {
+    borderRadius: moderateScale(8),
+    overflow: 'hidden',
+    elevation: CARD_ELEVATION
+  },
+  cardContent: {
+    flexDirection: 'column',
+    width: '100%'
+  },
+  cardGrid: {
+    flexDirection: 'row',
+    alignItems: 'flex-start'
+  },
+  thumbnailCommon: {
+    overflow: 'hidden',
+    backgroundColor: '#ccc',
+    width: '100%'
+  },
+  thumbnail: {
+    width: '100%',
+    height: '100%'
+  },
+  textWrapper: {
+    padding: TEXT_PADDING
+  },
+  textRightHalf: {
+    flex: 1,
+    width: '55%',
+    paddingVertical: verticalScale(2),
+    paddingHorizontal: TEXT_PADDING,
+    justifyContent: 'center'
+  },
+  title: {
+    fontSize: TITLE_FONT_SIZE,
+    fontWeight: '600'
+  },
+  subtitle: {
+    fontSize: SUBTITLE_FONT_SIZE,
+    lineHeight: SUBTITLE_LINE_HEIGHT,
+    opacity: 0.8,
+    marginTop: verticalScale(2)
+  },
+  emptyContainer: {
+    padding: CONTAINER_PADDING_HORIZONTAL,
+    alignItems: 'center'
+  }
+});
+//# sourceMappingURL=EpisodeCard.js.map

package/lib/module/components/ContentView/components/EpisodeCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useMemo","useCallback","memo","View","FlatList","TouchableOpacity","StyleSheet","FastImage","SkeletonPlaceholder","scale","verticalScale","moderateScale","Text","Display","ThumbnailCard","RFValue","jsx","_jsx","jsxs","_jsxs","SKELETON_COUNT","LOADING_EPISODES","THUMBNAIL_ASPECT_RATIO","CARD_ELEVATION","BORDER_WIDTH","TAB_PADDING_HORIZONTAL","TAB_PADDING_VERTICAL","TAB_MARGIN_RIGHT","CONTAINER_PADDING_HORIZONTAL","CONTAINER_GAP","TEXT_PADDING","TITLE_FONT_SIZE","SUBTITLE_FONT_SIZE","SUBTITLE_LINE_HEIGHT","formatDate","dateString","date","Date","toLocaleDateString","day","month","year","EpisodeCardItem","season_id","season_number","episode","onPress","theme","style","thumbnailHeight","isLoading","handlePress","episode_id","_id","episode_number","number","isVerticalMode","width","fullWidth","cardStyle","styles","card","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","backgroundColor","colors","surfaceVariant","flexDirection","borderWidth","dark","borderColor","border","windowWidth","thumbnailStyle","thumbnailCommon","borderRadius","aspectRatio","children","skeletonBaseColor","highlightColor","skeletonHighlightColor","Item","alignItems","paddingLeft","justifyContent","paddingTop","Array","fill","map","_","index","marginTop","activeOpacity","accessibilityRole","accessibilityLabel","name","cardContent","cardGrid","source","uri","thumbnail","priority","high","resizeMode","cover","fallback","thumbnailUri","wrapperStyle","textRightHalf","textWrapper","numberOfLines","color","textPrimary","title","onSurface","fontSize","String","padStart","createdAt","description","textSecondary","subtitle","prevProps","nextProps","EpisodeCard","seasons","mode","selectedSeasonIndex","setSelectedSeasonIndex","selectedSeason","cardWidth","Math","min","renderSeasonTab","item","season","tab","button","accessibilityState","selected","tabText","buttonText","renderEpisodeItem","renderLoadingItem","duration","source_link","trailer_source_link","subtitles","updatedAt","source_type","content_offering_type","status","container","background","data","keyExtractor","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","tabsContainer","renderItem","marginRight","listContainer","length","emptyContainer","episodes","ListEmptyComponent","create","paddingVertical","gap","paddingHorizontal","fontWeight","overflow","elevation","padding","flex","lineHeight","opacity"],"sourceRoot":"../../../../../src","sources":["components/ContentView/components/EpisodeCard.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ContentView/components/GenreTags.js

@@ -0,0 +1,78 @@
+"use strict";
+
+/**
+ * @author Naresh Dhamu
+ * @lastModified Tue 01 Jul 2025 at 02:28 PM
+ */
+
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { Text } from '../../Text';
+import SkeletonPlaceholder from 'react-native-skeleton-placeholder';
+import { scale, verticalScale } from 'react-native-size-matters';
+import { RFValue } from 'react-native-responsive-fontsize';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const GenreTags = ({
+  genres,
+  theme,
+  isLoading = false,
+  style
+}) => {
+  if (isLoading || !genres?.length) {
+    return /*#__PURE__*/_jsx(SkeletonPlaceholder, {
+      backgroundColor: theme.colors.skeletonBaseColor,
+      highlightColor: theme.colors.skeletonHighlightColor,
+      borderRadius: scale(16),
+      children: /*#__PURE__*/_jsx(View, {
+        style: StyleSheet.flatten([styles.tagRow, style?.container]),
+        children: [1, 2, 3].map((_, idx) => /*#__PURE__*/_jsx(View, {
+          style: StyleSheet.flatten([styles.skeletonTag, style?.skeletonTag])
+        }, idx))
+      })
+    });
+  }
+  return /*#__PURE__*/_jsx(View, {
+    style: StyleSheet.flatten([styles.tagRow, style?.container]),
+    children: genres.map((tag, idx) => /*#__PURE__*/_jsx(View, {
+      style: StyleSheet.flatten([styles.tagContainer, {
+        backgroundColor: theme.colors.surfaceVariant,
+        borderColor: theme.colors.border
+      }, style?.tagContainer]),
+      children: /*#__PURE__*/_jsx(Text, {
+        style: StyleSheet.flatten([styles.tagText, {
+          color: theme.colors.textPrimary
+        }, style?.tagText]),
+        numberOfLines: 1,
+        ellipsizeMode: "tail",
+        children: tag?.name || String(tag)
+      })
+    }, idx))
+  });
+};
+const styles = StyleSheet.create({
+  tagRow: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    gap: scale(4),
+    paddingHorizontal: scale(10),
+    marginVertical: verticalScale(6)
+  },
+  tagContainer: {
+    paddingHorizontal: scale(10),
+    paddingVertical: scale(4),
+    borderWidth: scale(0.5),
+    borderRadius: scale(14),
+    maxWidth: '100%',
+    alignSelf: 'flex-start'
+  },
+  tagText: {
+    fontSize: RFValue(9),
+    maxWidth: scale(110)
+  },
+  skeletonTag: {
+    width: scale(56),
+    height: scale(24),
+    borderRadius: scale(14)
+  }
+});
+//# sourceMappingURL=GenreTags.js.map

package/lib/module/components/ContentView/components/GenreTags.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","Text","SkeletonPlaceholder","scale","verticalScale","RFValue","jsx","_jsx","GenreTags","genres","theme","isLoading","style","length","backgroundColor","colors","skeletonBaseColor","highlightColor","skeletonHighlightColor","borderRadius","children","flatten","styles","tagRow","container","map","_","idx","skeletonTag","tag","tagContainer","surfaceVariant","borderColor","border","tagText","color","textPrimary","numberOfLines","ellipsizeMode","name","String","create","flexDirection","flexWrap","gap","paddingHorizontal","marginVertical","paddingVertical","borderWidth","maxWidth","alignSelf","fontSize","width","height"],"sourceRoot":"../../../../../src","sources":["components/ContentView/components/GenreTags.tsx"],"mappings":"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","ignoreList":[]}