@zezosoft/zezo-ott-react-native-ui-kit 1.1.2 → 1.1.5

package/lib/module/components/ContentView/Two/components/MoreLikeThisContentList .js

@@ -0,0 +1,235 @@
+"use strict";
+
+/**
+ * @author Ashok Desai
+ * @lastModified Sat 17 Jan 2026 at 02:28 PM
+ */
+
+import React, { useCallback, useRef, useMemo } from 'react';
+import { FlatList, StyleSheet, TouchableOpacity, ActivityIndicator } from 'react-native';
+import { scale, verticalScale } from 'react-native-size-matters';
+import { RFValue } from 'react-native-responsive-fontsize';
+import Animated from 'react-native-reanimated';
+import { useSkeletonItems } from "../../../../hooks/index.js";
+import Display from "../../../../utils/Display.js";
+import { Text } from "../../../Text/index.js";
+import View from "../../../View/View.js";
+import CardPoster from "../../../Content/Card/components/CardPoster.js";
+import { useInternalTheme } from "../../../../theme/hook/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const AnimatedFlatList = Animated.createAnimatedComponent(FlatList);
+const MoreLikeThisContentList = /*#__PURE__*/React.memo(({
+  contentList = [],
+  onItemPress,
+  isLoading = false,
+  error = false,
+  errorText = 'Something went wrong!',
+  theme,
+  moreDataIsLoading = false,
+  onEndReached,
+  skeletonCount = 12,
+  numColumns = 3,
+  footerComponent,
+  refreshing = false,
+  onRefresh,
+  hasFetchedOnce = false
+}) => {
+  const {
+    theme: appliedTheme
+  } = useInternalTheme(theme);
+  const onEndReachedCalledDuringMomentum = useRef(false);
+
+  // Memoize computed values
+  const isEmpty = useMemo(() => hasFetchedOnce && !isLoading && Array.isArray(contentList) && contentList.length === 0, [hasFetchedOnce, isLoading, contentList]);
+  const errorMessage = useMemo(() => {
+    if (typeof error === 'string') return error;
+    if (error instanceof Error) return error.message;
+    return errorText;
+  }, [error, errorText]);
+
+  // Memoize skeleton items
+  const skeletonItems = useSkeletonItems(skeletonCount);
+
+  // Memoize skeleton data array
+  const skeletonData = useMemo(() => skeletonItems.map((_, index) => ({
+    _id: `skeleton-${index}`
+  })), [skeletonItems]);
+  const keyExtractor = useCallback((item, index) => {
+    return item._id?.toString() || index.toString();
+  }, []);
+  const renderItem = useCallback(({
+    item
+  }) => /*#__PURE__*/_jsx(View, {
+    style: styles.cardWrapper,
+    children: /*#__PURE__*/_jsx(TouchableOpacity, {
+      onPress: () => onItemPress?.(item),
+      activeOpacity: 0.7,
+      children: /*#__PURE__*/_jsx(CardPoster, {
+        content_offering_type: item.content_offering_type,
+        contentType: item.type,
+        posterUri: item.poster,
+        borderRadius: 5,
+        isLoading: false,
+        theme: appliedTheme,
+        imageStyle: styles.itemContainer
+      })
+    })
+  }), [onItemPress, appliedTheme]);
+  const renderSkeletonItem = useCallback(({
+    index
+  }) => /*#__PURE__*/_jsx(View, {
+    style: styles.cardWrapper,
+    children: /*#__PURE__*/_jsx(CardPoster, {
+      posterUri: "",
+      borderRadius: 5,
+      isLoading: true,
+      theme: appliedTheme,
+      imageStyle: styles.itemContainer
+    })
+  }, `skeleton-${index}`), [appliedTheme]);
+
+  // Memoize footer component
+  const footerComponentMemo = useMemo(() => {
+    if (footerComponent) return footerComponent;
+    if (moreDataIsLoading) {
+      return /*#__PURE__*/_jsx(View, {
+        style: styles.footerLoading,
+        children: /*#__PURE__*/_jsx(ActivityIndicator, {
+          size: "small"
+        })
+      });
+    }
+    return null;
+  }, [footerComponent, moreDataIsLoading]);
+
+  // Memoize onEndReached handler
+  const handleEndReached = useCallback(() => {
+    if (!onEndReachedCalledDuringMomentum.current && onEndReached && !moreDataIsLoading) {
+      onEndReached();
+      onEndReachedCalledDuringMomentum.current = true;
+    }
+  }, [onEndReached, moreDataIsLoading]);
+
+  // Memoize onMomentumScrollBegin handler
+  const handleMomentumScrollBegin = useCallback(() => {
+    onEndReachedCalledDuringMomentum.current = false;
+  }, []);
+
+  // Memoize content container style
+  const contentContainerStyle = useMemo(() => [styles.listContent, {
+    minHeight: Display.fullHeight - verticalScale(100)
+  }], []);
+
+  // Memoize skeleton key extractor
+  const skeletonKeyExtractor = useCallback((_, index) => `skeleton-${index}`, []);
+
+  // Memoize render content
+  const renderContent = useMemo(() => {
+    if (isLoading) {
+      return /*#__PURE__*/_jsx(FlatList, {
+        data: skeletonData,
+        numColumns: numColumns,
+        scrollEnabled: false,
+        keyExtractor: skeletonKeyExtractor,
+        renderItem: renderSkeletonItem,
+        showsVerticalScrollIndicator: false,
+        contentContainerStyle: contentContainerStyle
+      });
+    }
+    if (error) {
+      return /*#__PURE__*/_jsx(View, {
+        style: styles.centered,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: styles.errorText,
+          children: errorMessage
+        })
+      });
+    }
+    if (isEmpty) {
+      return /*#__PURE__*/_jsx(View, {
+        style: styles.centered,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: styles.emptyText,
+          children: "No content found"
+        })
+      });
+    }
+    return /*#__PURE__*/_jsx(AnimatedFlatList, {
+      data: contentList,
+      numColumns: numColumns,
+      showsVerticalScrollIndicator: false,
+      scrollEnabled: false // ✅ ADD
+      ,
+      nestedScrollEnabled: false // ✅ ADD
+      ,
+      removeClippedSubviews: false // ✅ ADD
+      // removeClippedSubviews
+      ,
+      keyExtractor: keyExtractor,
+      renderItem: renderItem,
+      initialNumToRender: 6,
+      bounces: false,
+      scrollEventThrottle: 16,
+      contentContainerStyle: styles.listContent,
+      ListFooterComponent: footerComponentMemo,
+      onEndReachedThreshold: 0.7,
+      onEndReached: handleEndReached,
+      onMomentumScrollBegin: handleMomentumScrollBegin,
+      refreshing: refreshing,
+      onRefresh: onRefresh,
+      windowSize: 5,
+      maxToRenderPerBatch: 5,
+      updateCellsBatchingPeriod: 50
+    });
+  }, [isLoading, error, isEmpty, skeletonData, skeletonKeyExtractor, renderSkeletonItem, contentContainerStyle, errorMessage, numColumns, contentList, keyExtractor, renderItem, footerComponentMemo, handleEndReached, handleMomentumScrollBegin, refreshing, onRefresh]);
+  return /*#__PURE__*/_jsx(View, {
+    style: {
+      flex: 1
+    },
+    children: renderContent
+  });
+});
+export default MoreLikeThisContentList;
+const styles = StyleSheet.create({
+  listContent: {
+    paddingHorizontal: scale(6),
+    paddingBottom: scale(100)
+  },
+  cardWrapper: {
+    flexBasis: '33.33%',
+    maxWidth: '33.33%',
+    padding: scale(4),
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  itemContainer: {
+    width: '100%',
+    aspectRatio: 2 / 3,
+    borderRadius: 5
+  },
+  centered: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    paddingVertical: verticalScale(50)
+  },
+  errorText: {
+    fontSize: RFValue(14),
+    color: 'red',
+    fontWeight: '500'
+  },
+  emptyText: {
+    fontSize: RFValue(14),
+    fontWeight: '400'
+  },
+  headerTitle: {
+    fontSize: RFValue(15),
+    textTransform: 'capitalize'
+  },
+  footerLoading: {
+    marginTop: verticalScale(30),
+    paddingVertical: verticalScale(10),
+    alignItems: 'center'
+  }
+});
+//# sourceMappingURL=MoreLikeThisContentList .js.map

package/lib/module/components/ContentView/Two/components/MoreLikeThisContentList .js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useRef","useMemo","FlatList","StyleSheet","TouchableOpacity","ActivityIndicator","scale","verticalScale","RFValue","Animated","useSkeletonItems","Display","Text","View","CardPoster","useInternalTheme","jsx","_jsx","AnimatedFlatList","createAnimatedComponent","MoreLikeThisContentList","memo","contentList","onItemPress","isLoading","error","errorText","theme","moreDataIsLoading","onEndReached","skeletonCount","numColumns","footerComponent","refreshing","onRefresh","hasFetchedOnce","appliedTheme","onEndReachedCalledDuringMomentum","isEmpty","Array","isArray","length","errorMessage","Error","message","skeletonItems","skeletonData","map","_","index","_id","keyExtractor","item","toString","renderItem","style","styles","cardWrapper","children","onPress","activeOpacity","content_offering_type","contentType","type","posterUri","poster","borderRadius","imageStyle","itemContainer","renderSkeletonItem","footerComponentMemo","footerLoading","size","handleEndReached","current","handleMomentumScrollBegin","contentContainerStyle","listContent","minHeight","fullHeight","skeletonKeyExtractor","renderContent","data","scrollEnabled","showsVerticalScrollIndicator","centered","emptyText","nestedScrollEnabled","removeClippedSubviews","initialNumToRender","bounces","scrollEventThrottle","ListFooterComponent","onEndReachedThreshold","onMomentumScrollBegin","windowSize","maxToRenderPerBatch","updateCellsBatchingPeriod","flex","create","paddingHorizontal","paddingBottom","flexBasis","maxWidth","padding","alignItems","justifyContent","width","aspectRatio","paddingVertical","fontSize","color","fontWeight","headerTitle","textTransform","marginTop"],"sourceRoot":"../../../../../../src","sources":["components/ContentView/Two/components/MoreLikeThisContentList .tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ContentView/Two/components/PlayOrTrailer.js

@@ -0,0 +1,120 @@
+"use strict";
+
+/**
+ * @author Ashok Desai
+ * @lastModified Tue 13 Jun 2025 at 02:28 PM
+ */
+import React, { useCallback, useMemo } from 'react';
+import { View, StyleSheet } from 'react-native';
+import SkeletonPlaceholder from 'react-native-skeleton-placeholder';
+import { scale } from 'react-native-size-matters';
+import { Play, ShoppingCart } from 'lucide-react-native';
+import { Button } from "../../../Button/index.js";
+import { useInternalTheme } from "../../../../theme/hook/useInternalTheme.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const PlayOrTrailer = /*#__PURE__*/React.memo(({
+  onPressPlay,
+  theme,
+  isLoading = false,
+  playButtonConfig
+}) => {
+  const {
+    theme: appliedTheme
+  } = useInternalTheme(theme);
+  const iconSize = scale(18);
+  const handlePressPlay = useCallback(({
+    is_trailer
+  }) => {
+    onPressPlay?.({
+      is_trailer
+    });
+  }, [onPressPlay]);
+  const playIcon = useMemo(() => {
+    if (playButtonConfig?.mode === 'RENT NOW') {
+      return /*#__PURE__*/_jsx(ShoppingCart, {
+        size: 22,
+        color: appliedTheme.colors.black,
+        fill: appliedTheme.colors.black,
+        strokeWidth: 2
+      });
+    }
+    return /*#__PURE__*/_jsx(Play, {
+      size: iconSize,
+      color: appliedTheme.colors.black,
+      fill: appliedTheme.colors.black,
+      stroke: "none"
+    });
+  }, [playButtonConfig, iconSize, appliedTheme]);
+  const watchNowTheme = {
+    light: {
+      button: appliedTheme.colors.surfaceVariant,
+      buttonText: appliedTheme.colors.black
+    },
+    dark: {
+      button: appliedTheme.colors.white,
+      buttonText: appliedTheme.colors.black
+    }
+  };
+  const trailerTheme = {
+    light: {
+      button: appliedTheme.colors.onBackground,
+      buttonText: appliedTheme.colors.white
+    },
+    dark: {
+      button: appliedTheme.colors.surface,
+      buttonText: appliedTheme.colors.onSurface
+    }
+  };
+  if (isLoading) {
+    return /*#__PURE__*/_jsx(SkeletonPlaceholder, {
+      backgroundColor: appliedTheme.colors.skeletonBaseColor,
+      highlightColor: appliedTheme.colors.skeletonHighlightColor,
+      borderRadius: scale(8),
+      children: /*#__PURE__*/_jsxs(View, {
+        style: styles.container,
+        children: [/*#__PURE__*/_jsx(View, {
+          style: styles.skeletonButton
+        }), /*#__PURE__*/_jsx(View, {
+          style: styles.skeletonButton
+        })]
+      })
+    });
+  }
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsx(Button.Primary, {
+      title: playButtonConfig?.title || 'Watch Now',
+      onPress: () => handlePressPlay({
+        is_trailer: false
+      }),
+      theme: watchNowTheme,
+      containerStyle: styles.button,
+      leftIcon: playIcon
+    }), /*#__PURE__*/_jsx(Button.Primary, {
+      title: "Trailer",
+      onPress: () => handlePressPlay({
+        is_trailer: true
+      }),
+      theme: trailerTheme,
+      containerStyle: styles.button
+    })]
+  });
+});
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    gap: scale(10),
+    paddingHorizontal: scale(12),
+    alignItems: 'center',
+    marginTop: scale(10)
+  },
+  button: {
+    flex: 1
+  },
+  skeletonButton: {
+    flex: 1,
+    height: scale(42),
+    borderRadius: scale(8)
+  }
+});
+//# sourceMappingURL=PlayOrTrailer.js.map

package/lib/module/components/ContentView/Two/components/PlayOrTrailer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","View","StyleSheet","SkeletonPlaceholder","scale","Play","ShoppingCart","Button","useInternalTheme","jsx","_jsx","jsxs","_jsxs","PlayOrTrailer","memo","onPressPlay","theme","isLoading","playButtonConfig","appliedTheme","iconSize","handlePressPlay","is_trailer","playIcon","mode","size","color","colors","black","fill","strokeWidth","stroke","watchNowTheme","light","button","surfaceVariant","buttonText","dark","white","trailerTheme","onBackground","surface","onSurface","backgroundColor","skeletonBaseColor","highlightColor","skeletonHighlightColor","borderRadius","children","style","styles","container","skeletonButton","Primary","title","onPress","containerStyle","leftIcon","create","flexDirection","gap","paddingHorizontal","alignItems","marginTop","flex","height"],"sourceRoot":"../../../../../../src","sources":["components/ContentView/Two/components/PlayOrTrailer.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ContentView/Two/components/SectionTabs.js

@@ -0,0 +1,112 @@
+"use strict";
+
+/**
+ * @author Ashok Desai
+ * @lastModified Fri 16 Jun 2026 at 11:45 AM
+ */
+import React, { useCallback } from 'react';
+import { View, StyleSheet, TouchableOpacity } from 'react-native';
+import SkeletonPlaceholder from 'react-native-skeleton-placeholder';
+import { scale } from 'react-native-size-matters';
+import { RFValue } from 'react-native-responsive-fontsize';
+import { Text } from "../../../Text/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const SectionTabs = /*#__PURE__*/React.memo(({
+  theme,
+  activeTab,
+  onTabChange,
+  isLoading = false,
+  leftTitle = 'More like this',
+  rightTitle = 'Details',
+  style = {}
+}) => {
+  const handlePress = useCallback(tab => {
+    if (tab !== activeTab) {
+      onTabChange(tab);
+    }
+  }, [activeTab, onTabChange]);
+
+  /** 🔹 Skeleton loader */
+  if (isLoading) {
+    return /*#__PURE__*/_jsx(SkeletonPlaceholder, {
+      backgroundColor: theme.colors.skeletonBaseColor,
+      highlightColor: theme.colors.skeletonHighlightColor,
+      children: /*#__PURE__*/_jsxs(SkeletonPlaceholder.Item, {
+        flexDirection: "row",
+        justifyContent: "space-between",
+        paddingHorizontal: scale(12),
+        marginVertical: scale(12),
+        children: [/*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
+          width: scale(120),
+          height: scale(16),
+          borderRadius: scale(4)
+        }), /*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
+          width: scale(80),
+          height: scale(16),
+          borderRadius: scale(4)
+        })]
+      })
+    });
+  }
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.container, style.container],
+    children: /*#__PURE__*/_jsxs(View, {
+      style: styles.row,
+      children: [/*#__PURE__*/_jsxs(TouchableOpacity, {
+        activeOpacity: 0.8,
+        onPress: () => handlePress('more'),
+        style: [styles.tab, style.tab],
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: [styles.title, {
+            color: theme.colors.textPrimary
+          }, style.title],
+          children: leftTitle
+        }), activeTab === 'more' && /*#__PURE__*/_jsx(View, {
+          style: [styles.indicator, {
+            backgroundColor: theme.colors.primary
+          }, style.indicator]
+        })]
+      }), /*#__PURE__*/_jsxs(TouchableOpacity, {
+        activeOpacity: 0.8,
+        onPress: () => handlePress('details'),
+        style: [styles.tab, style.tab],
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: [styles.title, {
+            color: theme.colors.textPrimary
+          }, style.title],
+          children: rightTitle
+        }), activeTab === 'details' && /*#__PURE__*/_jsx(View, {
+          style: [styles.indicator, {
+            backgroundColor: theme.colors.primary
+          }, style.indicator]
+        })]
+      })]
+    })
+  });
+});
+const styles = StyleSheet.create({
+  container: {
+    marginTop: scale(12)
+  },
+  row: {
+    flexDirection: 'row',
+    paddingHorizontal: scale(12),
+    justifyContent: 'space-between'
+  },
+  tab: {
+    flex: 1,
+    alignItems: 'center'
+  },
+  title: {
+    fontSize: RFValue(14),
+    fontWeight: '600'
+  },
+  indicator: {
+    marginTop: scale(6),
+    marginBottom: scale(10),
+    height: scale(2.5),
+    borderRadius: scale(2),
+    width: '100%'
+  }
+});
+//# sourceMappingURL=SectionTabs.js.map

package/lib/module/components/ContentView/Two/components/SectionTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","View","StyleSheet","TouchableOpacity","SkeletonPlaceholder","scale","RFValue","Text","jsx","_jsx","jsxs","_jsxs","SectionTabs","memo","theme","activeTab","onTabChange","isLoading","leftTitle","rightTitle","style","handlePress","tab","backgroundColor","colors","skeletonBaseColor","highlightColor","skeletonHighlightColor","children","Item","flexDirection","justifyContent","paddingHorizontal","marginVertical","width","height","borderRadius","styles","container","row","activeOpacity","onPress","title","color","textPrimary","indicator","primary","create","marginTop","flex","alignItems","fontSize","fontWeight","marginBottom"],"sourceRoot":"../../../../../../src","sources":["components/ContentView/Two/components/SectionTabs.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ContentView/Two/components/Title.js

@@ -0,0 +1,146 @@
+"use strict";
+
+/**
+ * @author Ashok Desai
+ * @lastModified Tue 13 Jun 2026 at 02:28 PM
+ */
+
+import React, { useMemo } from 'react';
+import { View, StyleSheet } from 'react-native';
+import SkeletonPlaceholder from 'react-native-skeleton-placeholder';
+import { scale } from 'react-native-size-matters';
+import { Text } from "../../../Text/index.js";
+import { RFValue } from 'react-native-responsive-fontsize';
+import { LikeShareActions } from "./LikeShareActions.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const Title = /*#__PURE__*/React.memo(({
+  contentId,
+  subtitle,
+  rating,
+  releaseYear,
+  duration,
+  language,
+  theme,
+  isLoading = false,
+  isLiked,
+  onPressLike,
+  onPressShare,
+  style
+}) => {
+  const containerStyle = useMemo(() => StyleSheet.flatten([styles.container, style?.container]), [style?.container]);
+  const subTitleStyle = useMemo(() => StyleSheet.flatten([styles.subTitle, style?.subTitle]), [style?.subTitle]);
+  const ratingStyle = useMemo(() => StyleSheet.flatten([styles.rating, style?.rating]), [style?.rating]);
+  const releaseYearStyle = useMemo(() => StyleSheet.flatten([styles.metaText, style?.releaseYear]), [style?.releaseYear]);
+  const durationStyle = useMemo(() => StyleSheet.flatten([styles.metaText, style?.duration]), [style?.duration]);
+  const languageStyle = useMemo(() => StyleSheet.flatten([styles.metaText, style?.language]), [style?.language]);
+  if (isLoading) {
+    return /*#__PURE__*/_jsx(View, {
+      style: containerStyle,
+      children: /*#__PURE__*/_jsx(SkeletonPlaceholder, {
+        backgroundColor: theme.colors.skeletonBaseColor,
+        highlightColor: theme.colors.skeletonHighlightColor,
+        children: /*#__PURE__*/_jsxs(SkeletonPlaceholder.Item, {
+          children: [/*#__PURE__*/_jsxs(SkeletonPlaceholder.Item, {
+            flexDirection: "row",
+            alignItems: "center",
+            children: [/*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
+              width: scale(160),
+              height: scale(22),
+              borderRadius: scale(4)
+            }), /*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
+              width: scale(60),
+              height: scale(22),
+              borderRadius: scale(4),
+              marginLeft: scale(6)
+            })]
+          }), /*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
+            width: scale(36),
+            height: scale(16),
+            borderRadius: scale(4),
+            marginTop: scale(6)
+          })]
+        })
+      })
+    });
+  }
+  return /*#__PURE__*/_jsxs(View, {
+    style: containerStyle,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.metaRow,
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: styles.leftMeta,
+        children: [!!subtitle && /*#__PURE__*/_jsx(View, {
+          style: [styles.subTitleContainer, {
+            backgroundColor: theme.colors.surfaceVariant
+          }],
+          children: /*#__PURE__*/_jsx(Text, {
+            color: theme.colors.textPrimary,
+            style: subTitleStyle,
+            numberOfLines: 1,
+            children: subtitle
+          })
+        }), !!releaseYear && /*#__PURE__*/_jsxs(Text, {
+          color: theme.colors.textPrimary,
+          style: releaseYearStyle,
+          children: ["\u2022 ", releaseYear]
+        }), !!duration && /*#__PURE__*/_jsxs(Text, {
+          color: theme.colors.textPrimary,
+          style: durationStyle,
+          children: ["\u2022 ", duration]
+        }), !!language && /*#__PURE__*/_jsxs(Text, {
+          color: theme.colors.textPrimary,
+          style: languageStyle,
+          children: ["\u2022 ", language]
+        })]
+      }), /*#__PURE__*/_jsx(LikeShareActions, {
+        theme: theme,
+        contentId: contentId,
+        isLiked: isLiked,
+        isLoading: isLoading,
+        onPressLike: onPressLike,
+        onPressShare: onPressShare
+      })]
+    }), !!rating && /*#__PURE__*/_jsxs(Text, {
+      color: theme.colors.textSecondary,
+      style: ratingStyle,
+      children: ["\u2B50 ", rating]
+    })]
+  });
+});
+const styles = StyleSheet.create({
+  container: {
+    paddingHorizontal: scale(12),
+    marginTop: scale(5)
+  },
+  metaRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between'
+  },
+  leftMeta: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    flexWrap: 'wrap',
+    flex: 1
+  },
+  subTitleContainer: {
+    alignSelf: 'center',
+    paddingHorizontal: scale(8),
+    paddingVertical: scale(2),
+    borderRadius: scale(6),
+    marginRight: scale(6)
+  },
+  subTitle: {
+    fontSize: RFValue(12),
+    fontWeight: '500'
+  },
+  metaText: {
+    fontSize: RFValue(14),
+    marginRight: scale(4)
+  },
+  rating: {
+    fontSize: RFValue(12),
+    marginTop: scale(4)
+  }
+});
+//# sourceMappingURL=Title.js.map

package/lib/module/components/ContentView/Two/components/Title.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","View","StyleSheet","SkeletonPlaceholder","scale","Text","RFValue","LikeShareActions","jsx","_jsx","jsxs","_jsxs","Title","memo","contentId","subtitle","rating","releaseYear","duration","language","theme","isLoading","isLiked","onPressLike","onPressShare","style","containerStyle","flatten","styles","container","subTitleStyle","subTitle","ratingStyle","releaseYearStyle","metaText","durationStyle","languageStyle","children","backgroundColor","colors","skeletonBaseColor","highlightColor","skeletonHighlightColor","Item","flexDirection","alignItems","width","height","borderRadius","marginLeft","marginTop","metaRow","leftMeta","subTitleContainer","surfaceVariant","color","textPrimary","numberOfLines","textSecondary","create","paddingHorizontal","justifyContent","flexWrap","flex","alignSelf","paddingVertical","marginRight","fontSize","fontWeight"],"sourceRoot":"../../../../../../src","sources":["components/ContentView/Two/components/Title.tsx"],"mappings":"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","ignoreList":[]}