@zezosoft/zezo-ott-react-native-ui-kit 1.0.3 → 1.0.5

package/lib/module/components/Reels/ReelsSeries/Model/Synopsis.js

@@ -0,0 +1,212 @@
+"use strict";
+
+import React, { useCallback } from 'react';
+import { Text, View, Image, StyleSheet, TouchableOpacity, Dimensions, FlatList } from 'react-native';
+import { RFValue } from 'react-native-responsive-fontsize';
+import { moderateScale, scale, verticalScale } from 'react-native-size-matters';
+import Svg, { Path, Defs, LinearGradient, Stop } from 'react-native-svg';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const {
+  width: SCREEN_WIDTH
+} = Dimensions.get('window');
+const GAP = moderateScale(10);
+const likeMoreData = [{
+  id: 1,
+  name: 'Housefull 5',
+  thumbnail: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTZFKczA4mK0DoFSiKN75aAtWdhm_AZvCWGkwPl2StUpOQYq6_b'
+}, {
+  id: 2,
+  name: 'Sample Episode',
+  thumbnail: 'https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcTfRd3dwJUToDAbEB4afBWcic5_HCwbKbn-B7-ZgF7niTa-MTIt'
+}, {
+  id: 3,
+  name: 'Tees Maar Khan',
+  thumbnail: 'https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcSwz8vklTTg8YdCqRHg9aauHq9BgpVgxLUvldi-Doz_Eh7ZIiVl'
+}, {
+  id: 4,
+  name: 'Aap Jaisa Koi',
+  thumbnail: 'https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcQujccf3ymM7lkv83Y6TkS5BkcLYJLTu2d3rJQYxh6cGqwx8AuR'
+}, {
+  id: 5,
+  name: 'Kaalidhar Laapata',
+  thumbnail: 'https://upload.wikimedia.org/wikipedia/en/b/bd/Kaalidhar_Laapata.jpg'
+}, {
+  id: 6,
+  name: 'Aankhon Ki Gustaakhiyan',
+  thumbnail: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSLqG-A_lUucNT4TOcY1u42ujHyPbwuJvRLbO4zjNS8iuzNQ_6X'
+}];
+const Synopsis = ({
+  data
+}) => {
+  // responsive columns
+  const numColumns = SCREEN_WIDTH >= 420 ? 4 : 3;
+  const keyExtractor = useCallback(item => item.id.toString(), []);
+  const renderItem = useCallback(({
+    item
+  }) => /*#__PURE__*/_jsxs(TouchableOpacity, {
+    style: [styles.card],
+    activeOpacity: 0.8,
+    children: [/*#__PURE__*/_jsx(Image, {
+      source: {
+        uri: item.thumbnail || 'https://via.placeholder.com/300x400?text=Episode'
+      },
+      style: styles.thumbnail,
+      resizeMode: "cover"
+    }), /*#__PURE__*/_jsx(Text, {
+      style: [styles.title, {
+        color: '#fff',
+        width: scale(90)
+      }],
+      numberOfLines: 2,
+      children: item.name || 'Untitled'
+    })]
+  }), []);
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsx(Text, {
+      style: {
+        color: 'rgba(255,255,255,1)',
+        fontSize: RFValue(10),
+        lineHeight: RFValue(14),
+        marginBottom: verticalScale(12)
+      },
+      children: data.description || 'No synopsis available for this reel. Please check back later.'
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.header,
+      children: [/*#__PURE__*/_jsxs(Svg, {
+        width: 22,
+        height: 2,
+        viewBox: "0 0 22 2",
+        fill: "none",
+        children: [/*#__PURE__*/_jsx(Path, {
+          d: "M21.692 1.196H.594",
+          stroke: "url(#a)",
+          strokeWidth: 1.005
+        }), /*#__PURE__*/_jsx(Defs, {
+          children: /*#__PURE__*/_jsxs(LinearGradient, {
+            id: "a",
+            x1: 0.594,
+            y1: 1.696,
+            x2: 21.692,
+            y2: 1.696,
+            gradientUnits: "userSpaceOnUse",
+            children: [/*#__PURE__*/_jsx(Stop, {
+              stopOpacity: 0
+            }), /*#__PURE__*/_jsx(Stop, {
+              offset: 1,
+              stopColor: "#fff"
+            })]
+          })
+        })]
+      }), /*#__PURE__*/_jsx(Text, {
+        style: {
+          color: '#fff',
+          fontSize: 12,
+          textAlign: 'center',
+          marginHorizontal: scale(8)
+        },
+        children: "More Like This"
+      }), /*#__PURE__*/_jsxs(Svg, {
+        width: 22,
+        height: 2,
+        viewBox: "0 0 22 2",
+        fill: "none",
+        children: [/*#__PURE__*/_jsx(Path, {
+          d: "M.312 1.196H21.41",
+          stroke: "url(#paint0_linear_797_3114)",
+          strokeWidth: 1.00467
+        }), /*#__PURE__*/_jsx(Defs, {
+          children: /*#__PURE__*/_jsxs(LinearGradient, {
+            id: "paint0_linear_797_3114",
+            x1: 21.4102,
+            y1: 1.69629,
+            x2: 0.312025,
+            y2: 1.69629,
+            gradientUnits: "userSpaceOnUse",
+            children: [/*#__PURE__*/_jsx(Stop, {
+              stopOpacity: 0
+            }), /*#__PURE__*/_jsx(Stop, {
+              offset: 1,
+              stopColor: "#fff"
+            })]
+          })
+        })]
+      })]
+    }), likeMoreData.length === 0 ? /*#__PURE__*/_jsx(Text, {
+      style: styles.noEpisodesText,
+      children: "No recommendations available."
+    }) : /*#__PURE__*/_jsx(FlatList, {
+      data: likeMoreData,
+      keyExtractor: keyExtractor,
+      renderItem: renderItem,
+      numColumns: numColumns,
+      columnWrapperStyle: {
+        justifyContent: 'space-between',
+        marginBottom: GAP
+      },
+      showsVerticalScrollIndicator: false,
+      contentContainerStyle: {
+        paddingBottom: verticalScale(16)
+      },
+      removeClippedSubviews: false // Disable to prevent recycling issues
+      ,
+      nestedScrollEnabled: true // Allows scroll inside modal
+      ,
+      getItemLayout: (_data, index) => ({
+        length: verticalScale(120) + verticalScale(6) + verticalScale(20),
+        // thumbnail + margin + text
+        offset: (verticalScale(120) + verticalScale(6) + verticalScale(20)) * Math.floor(index / numColumns),
+        index
+      }),
+      initialNumToRender: 6,
+      maxToRenderPerBatch: 6,
+      windowSize: 5,
+      disableVirtualization: false
+    })]
+  });
+};
+export default Synopsis;
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginBottom: verticalScale(12)
+  },
+  headerLine: {
+    height: verticalScale(1.5),
+    width: moderateScale(50),
+    marginHorizontal: moderateScale(8),
+    borderRadius: 999
+  },
+  headerLabel: {
+    fontSize: RFValue(12),
+    textAlign: 'center'
+  },
+  card: {
+    // alignItems: 'center',
+  },
+  thumbnail: {
+    width: '100%',
+    height: verticalScale(120),
+    borderRadius: moderateScale(8),
+    marginBottom: verticalScale(6),
+    backgroundColor: 'rgba(255,255,255,0.06)',
+    aspectRatio: 3 / 4
+  },
+  title: {
+    fontSize: RFValue(10)
+    // textAlign: 'center',
+  },
+  noEpisodesText: {
+    color: 'rgba(180,180,180,1)',
+    fontSize: RFValue(13),
+    textAlign: 'center',
+    marginTop: verticalScale(8),
+    marginBottom: verticalScale(12)
+  }
+});
+//# sourceMappingURL=Synopsis.js.map

package/lib/module/components/Reels/ReelsSeries/Model/Synopsis.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","Text","View","Image","StyleSheet","TouchableOpacity","Dimensions","FlatList","RFValue","moderateScale","scale","verticalScale","Svg","Path","Defs","LinearGradient","Stop","jsx","_jsx","jsxs","_jsxs","width","SCREEN_WIDTH","get","GAP","likeMoreData","id","name","thumbnail","Synopsis","data","numColumns","keyExtractor","item","toString","renderItem","style","styles","card","activeOpacity","children","source","uri","resizeMode","title","color","numberOfLines","container","fontSize","lineHeight","marginBottom","description","header","height","viewBox","fill","d","stroke","strokeWidth","x1","y1","x2","y2","gradientUnits","stopOpacity","offset","stopColor","textAlign","marginHorizontal","length","noEpisodesText","columnWrapperStyle","justifyContent","showsVerticalScrollIndicator","contentContainerStyle","paddingBottom","removeClippedSubviews","nestedScrollEnabled","getItemLayout","_data","index","Math","floor","initialNumToRender","maxToRenderPerBatch","windowSize","disableVirtualization","create","flex","flexDirection","alignItems","headerLine","borderRadius","headerLabel","backgroundColor","aspectRatio","marginTop"],"sourceRoot":"../../../../../../src","sources":["components/Reels/ReelsSeries/Model/Synopsis.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Reels/ReelsSeries/ReelSeriesDetailsModal.js

@@ -0,0 +1,182 @@
+"use strict";
+
+import React, { useState } from 'react';
+import { View, Text, TouchableOpacity, Image, StyleSheet, Dimensions } from 'react-native';
+import Modal from 'react-native-modal';
+import LinearGradient from 'react-native-linear-gradient';
+import { X } from 'lucide-react-native';
+import { moderateScale, verticalScale } from 'react-native-size-matters';
+import { RFValue } from 'react-native-responsive-fontsize';
+import Episodes from "./Model/Episodes.js";
+import Synopsis from "./Model/Synopsis.js";
+import { formatCount } from "../../../utils/Formater.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const {
+  height
+} = Dimensions.get('window');
+const ReelSeriesDetailsModal = ({
+  visible,
+  onClose,
+  reel,
+  data,
+  activeEpisodeIndex,
+  onEpisodeSelect
+}) => {
+  const [activeTab, setActiveTab] = useState('synopsis');
+  const [routes] = useState([{
+    key: 'synopsis',
+    title: 'Synopsis'
+  }, {
+    key: 'episodes',
+    title: 'Episodes'
+  }]);
+  return /*#__PURE__*/_jsx(Modal, {
+    isVisible: visible,
+    onBackdropPress: onClose,
+    swipeDirection: "down",
+    onSwipeComplete: onClose,
+    backdropOpacity: 0.5,
+    style: {
+      margin: 0,
+      justifyContent: 'flex-end'
+    },
+    propagateSwipe: true,
+    children: /*#__PURE__*/_jsxs(LinearGradient, {
+      colors: ['rgba(103,85,35,1)', 'rgba(21,21,21,1)'],
+      style: styles.bottomSheetContainer,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: styles.dragHandle
+      }), /*#__PURE__*/_jsx(TouchableOpacity, {
+        onPress: onClose,
+        style: styles.closeButtonWrapper,
+        children: /*#__PURE__*/_jsx(X, {
+          size: moderateScale(16),
+          color: '#fff'
+        })
+      }), /*#__PURE__*/_jsxs(View, {
+        style: styles.headerRow,
+        children: [/*#__PURE__*/_jsx(Image, {
+          source: {
+            uri: data.thumbnail
+          },
+          style: styles.reelPosterImage
+        }), /*#__PURE__*/_jsxs(View, {
+          style: {
+            flex: 1
+          },
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: styles.reelTitleText,
+            children: data.title
+          }), /*#__PURE__*/_jsx(Text, {
+            style: styles.reelDescriptionText,
+            numberOfLines: 3,
+            children: data.description
+          }), /*#__PURE__*/_jsxs(Text, {
+            style: styles.reelViewsText,
+            children: [formatCount(data.views || 0), " Views"]
+          })]
+        })]
+      }), /*#__PURE__*/_jsx(View, {
+        style: {
+          flexDirection: 'row',
+          // justifyContent: 'space-around',
+          marginTop: verticalScale(10)
+        },
+        children: routes.map(item => /*#__PURE__*/_jsx(TouchableOpacity, {
+          style: {
+            borderBottomColor: 'white',
+            borderBottomWidth: activeTab === routes.find(r => r.key === item.key)?.key ? 2 : 0,
+            paddingBottom: 6,
+            marginHorizontal: 12
+          },
+          onPress: () => {
+            const tab = routes.find(r => r.key === item.key)?.key;
+            tab && setActiveTab(tab);
+          },
+          children: /*#__PURE__*/_jsx(Text, {
+            style: {
+              color: 'white',
+              fontSize: RFValue(11),
+              fontWeight: '700',
+              opacity: activeTab === routes.find(r => r.key === item.key)?.key ? 1 : 0.6
+            },
+            children: item.title
+          })
+        }, item.key))
+      }), /*#__PURE__*/_jsxs(View, {
+        style: {
+          flex: 1,
+          marginTop: verticalScale(8),
+          marginHorizontal: 12
+        },
+        children: [activeTab === 'synopsis' && /*#__PURE__*/_jsx(Synopsis, {
+          reel: reel,
+          data: data
+        }), activeTab === 'episodes' && /*#__PURE__*/_jsx(Episodes, {
+          reel: reel,
+          data: data,
+          currentReel: activeEpisodeIndex,
+          onEpisodeSelect: onEpisodeSelect
+        })]
+      })]
+    })
+  });
+};
+export default ReelSeriesDetailsModal;
+const styles = StyleSheet.create({
+  bottomSheetContainer: {
+    height: height * 0.9,
+    borderTopLeftRadius: moderateScale(20),
+    borderTopRightRadius: moderateScale(20),
+    overflow: 'hidden',
+    paddingTop: verticalScale(10)
+  },
+  dragHandle: {
+    width: moderateScale(50),
+    height: verticalScale(5),
+    borderRadius: moderateScale(3),
+    backgroundColor: 'rgba(255,255,255,0.5)',
+    alignSelf: 'center',
+    marginBottom: verticalScale(10)
+  },
+  closeButtonWrapper: {
+    position: 'absolute',
+    top: verticalScale(10),
+    right: moderateScale(14),
+    zIndex: 10,
+    borderRadius: moderateScale(18),
+    width: moderateScale(30),
+    height: moderateScale(30),
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: 'rgba(255,255,255,0.26)'
+  },
+  headerRow: {
+    flexDirection: 'row',
+    paddingHorizontal: moderateScale(16),
+    marginBottom: verticalScale(10)
+  },
+  reelPosterImage: {
+    width: moderateScale(80),
+    height: verticalScale(100),
+    borderRadius: moderateScale(8),
+    marginRight: moderateScale(12)
+  },
+  reelTitleText: {
+    fontSize: RFValue(14),
+    fontWeight: '600',
+    color: '#fff'
+  },
+  reelDescriptionText: {
+    fontSize: RFValue(10),
+    color: 'rgba(215,215,215,1)',
+    marginBottom: verticalScale(4),
+    marginTop: verticalScale(3.5)
+  },
+  reelViewsText: {
+    fontSize: RFValue(10),
+    color: 'rgba(215,215,215,1)',
+    marginTop: verticalScale(2)
+  }
+});
+//# sourceMappingURL=ReelSeriesDetailsModal.js.map

package/lib/module/components/Reels/ReelsSeries/ReelSeriesDetailsModal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","View","Text","TouchableOpacity","Image","StyleSheet","Dimensions","Modal","LinearGradient","X","moderateScale","verticalScale","RFValue","Episodes","Synopsis","formatCount","jsx","_jsx","jsxs","_jsxs","height","get","ReelSeriesDetailsModal","visible","onClose","reel","data","activeEpisodeIndex","onEpisodeSelect","activeTab","setActiveTab","routes","key","title","isVisible","onBackdropPress","swipeDirection","onSwipeComplete","backdropOpacity","style","margin","justifyContent","propagateSwipe","children","colors","styles","bottomSheetContainer","dragHandle","onPress","closeButtonWrapper","size","color","headerRow","source","uri","thumbnail","reelPosterImage","flex","reelTitleText","reelDescriptionText","numberOfLines","description","reelViewsText","views","flexDirection","marginTop","map","item","borderBottomColor","borderBottomWidth","find","r","paddingBottom","marginHorizontal","tab","fontSize","fontWeight","opacity","currentReel","create","borderTopLeftRadius","borderTopRightRadius","overflow","paddingTop","width","borderRadius","backgroundColor","alignSelf","marginBottom","position","top","right","zIndex","alignItems","paddingHorizontal","marginRight"],"sourceRoot":"../../../../../src","sources":["components/Reels/ReelsSeries/ReelSeriesDetailsModal.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Reels/ReelsSeries/ReelSeriesOverlay.js

@@ -0,0 +1,203 @@
+"use strict";
+
+import React from 'react';
+import { View, Text, TouchableOpacity, StyleSheet } from 'react-native';
+import { Heart, Forward, ChevronRight, ListVideo } from 'lucide-react-native';
+import { moderateScale, verticalScale } from 'react-native-size-matters';
+import { RFValue } from 'react-native-responsive-fontsize';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ReelSeriesOverlay = ({
+  data,
+  currentTime,
+  duration,
+  onLikePress,
+  onEpisodesPress,
+  onSharePress,
+  activeEpisodeIndex
+}) => {
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.overlay,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.rightIcons,
+      children: [/*#__PURE__*/_jsxs(TouchableOpacity, {
+        style: styles.iconBox,
+        onPress: onLikePress,
+        activeOpacity: 0.7,
+        children: [/*#__PURE__*/_jsx(Heart, {
+          size: moderateScale(25),
+          color: data.isLiked ? 'red' : '#fff',
+          fill: data.isLiked ? 'red' : 'none'
+        }), /*#__PURE__*/_jsx(Text, {
+          style: [styles.iconLabel, {
+            color: '#fff'
+          }],
+          children: data.likes
+        })]
+      }), /*#__PURE__*/_jsxs(TouchableOpacity, {
+        style: styles.iconBox,
+        onPress: onEpisodesPress,
+        children: [/*#__PURE__*/_jsx(ListVideo, {
+          color: '#fff',
+          size: moderateScale(25)
+        }), /*#__PURE__*/_jsx(Text, {
+          style: [styles.iconLabel, {
+            color: '#fff'
+          }],
+          children: "Episodes"
+        })]
+      }), /*#__PURE__*/_jsxs(TouchableOpacity, {
+        style: styles.iconBox,
+        onPress: onSharePress,
+        children: [/*#__PURE__*/_jsx(Forward, {
+          color: '#fff',
+          size: moderateScale(25)
+        }), /*#__PURE__*/_jsx(Text, {
+          style: [styles.iconLabel, {
+            color: '#fff'
+          }],
+          children: "Share"
+        })]
+      })]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.titleBox,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: [styles.title, {
+          color: '#fff'
+        }],
+        children: data.title.length <= 25 ? data.title : data.title.slice(0, 25) + '...'
+      }), /*#__PURE__*/_jsx(Text, {
+        numberOfLines: 2,
+        style: [styles.description, {
+          color: '#fff',
+          marginTop: 2.5,
+          opacity: 0.9
+        }],
+        children: data.description
+      })]
+    }), /*#__PURE__*/_jsxs(TouchableOpacity, {
+      style: [styles.episodesRow, {
+        backgroundColor: 'rgba(0,0,0,0.5)'
+      }],
+      onPress: onEpisodesPress,
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: styles.bottomLeft,
+        children: [/*#__PURE__*/_jsx(ListVideo, {
+          color: '#fff',
+          width: moderateScale(20),
+          height: moderateScale(20)
+        }), /*#__PURE__*/_jsxs(Text, {
+          style: [styles.episodes, {
+            color: '#fff'
+          }],
+          children: [activeEpisodeIndex + 1, " / ", data.episodes.length, " Episodes"]
+        })]
+      }), /*#__PURE__*/_jsx(ChevronRight, {
+        color: '#fff',
+        size: moderateScale(22)
+      })]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.progressBar,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: [styles.progressFill, {
+          width: duration > 0 ? `${currentTime / duration * 100}%` : '0%'
+        }]
+      }), duration > 0 && /*#__PURE__*/_jsx(View, {
+        style: [styles.progressKnob, {
+          left: `${currentTime / duration * 100}%`
+        }]
+      })]
+    })]
+  });
+};
+export default ReelSeriesOverlay;
+const styles = StyleSheet.create({
+  overlay: {
+    flex: 1,
+    justifyContent: 'flex-end',
+    paddingBottom: verticalScale(12),
+    paddingHorizontal: moderateScale(12)
+  },
+  centerPlayPauseButton: {
+    position: 'absolute',
+    top: '50%',
+    left: '50%',
+    transform: [{
+      translateX: -25
+    }, {
+      translateY: -25
+    }],
+    width: moderateScale(50),
+    height: moderateScale(50),
+    borderRadius: moderateScale(25),
+    justifyContent: 'center',
+    alignItems: 'center',
+    zIndex: 5
+  },
+  rightIcons: {
+    position: 'absolute',
+    bottom: verticalScale(120),
+    right: moderateScale(10),
+    alignItems: 'center'
+  },
+  iconBox: {
+    marginVertical: verticalScale(8),
+    alignItems: 'center'
+  },
+  iconLabel: {
+    fontSize: RFValue(10),
+    marginTop: verticalScale(4)
+  },
+  titleBox: {
+    marginBottom: verticalScale(10)
+  },
+  following: {
+    fontSize: RFValue(10),
+    fontWeight: '500'
+  },
+  title: {
+    fontSize: RFValue(13),
+    fontWeight: '500'
+  },
+  description: {
+    fontSize: RFValue(10)
+  },
+  episodesRow: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    borderRadius: moderateScale(8),
+    paddingHorizontal: moderateScale(12),
+    paddingVertical: verticalScale(8),
+    marginBottom: verticalScale(6)
+  },
+  bottomLeft: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  episodes: {
+    fontSize: RFValue(13),
+    marginLeft: moderateScale(10)
+  },
+  progressBar: {
+    height: verticalScale(2),
+    backgroundColor: 'rgba(255, 255, 255, 0.3)',
+    borderRadius: moderateScale(1)
+  },
+  progressFill: {
+    height: '100%',
+    backgroundColor: '#fff',
+    borderRadius: moderateScale(1)
+  },
+  progressKnob: {
+    position: 'absolute',
+    top: -verticalScale(2),
+    width: moderateScale(7),
+    height: moderateScale(7),
+    borderRadius: moderateScale(5),
+    backgroundColor: '#fff',
+    transform: [{
+      translateX: -5
+    }]
+  }
+});
+//# sourceMappingURL=ReelSeriesOverlay.js.map

package/lib/module/components/Reels/ReelsSeries/ReelSeriesOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","TouchableOpacity","StyleSheet","Heart","Forward","ChevronRight","ListVideo","moderateScale","verticalScale","RFValue","jsx","_jsx","jsxs","_jsxs","ReelSeriesOverlay","data","currentTime","duration","onLikePress","onEpisodesPress","onSharePress","activeEpisodeIndex","style","styles","overlay","children","rightIcons","iconBox","onPress","activeOpacity","size","color","isLiked","fill","iconLabel","likes","titleBox","title","length","slice","numberOfLines","description","marginTop","opacity","episodesRow","backgroundColor","bottomLeft","width","height","episodes","progressBar","progressFill","progressKnob","left","create","flex","justifyContent","paddingBottom","paddingHorizontal","centerPlayPauseButton","position","top","transform","translateX","translateY","borderRadius","alignItems","zIndex","bottom","right","marginVertical","fontSize","marginBottom","following","fontWeight","flexDirection","paddingVertical","marginLeft"],"sourceRoot":"../../../../../src","sources":["components/Reels/ReelsSeries/ReelSeriesOverlay.tsx"],"mappings":"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","ignoreList":[]}