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

package/lib/module/components/NewRelease/NewReleaseSheet.js

@@ -0,0 +1,227 @@
+"use strict";
+
+import { useState, useEffect } from 'react';
+import { View, StyleSheet } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import { scale } from 'react-native-size-matters';
+import FastImage from 'react-native-fast-image';
+import { RFValue } from 'react-native-responsive-fontsize';
+import SkeletonPlaceholder from 'react-native-skeleton-placeholder';
+import { Text } from "../Text/index.js";
+import { useInternalTheme } from "../../theme/hook/index.js";
+import { Button } from "../Button/index.js";
+import { BottomSheetOne } from "../BottomSheet/index.js";
+import { CirclePlay } from 'lucide-react-native';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const NewReleaseSheetSkeleton = ({
+  baseColor,
+  highlightColor
+}) => /*#__PURE__*/_jsx(SkeletonPlaceholder, {
+  backgroundColor: baseColor,
+  highlightColor: highlightColor,
+  children: /*#__PURE__*/_jsxs(SkeletonPlaceholder.Item, {
+    alignItems: "center",
+    children: [/*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
+      ...styles.skeletonHeader
+    }), /*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
+      ...styles.skeletonPoster
+    }), /*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
+      ...styles.skeletonTitle
+    }), /*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
+      ...styles.skeletonDescription
+    }), /*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
+      ...styles.skeletonButton
+    })]
+  })
+});
+const NewReleaseSheetContent = ({
+  data,
+  theme,
+  onPressWatchNow,
+  onClose
+}) => {
+  const {
+    theme: appliedTheme
+  } = useInternalTheme(theme);
+  const handleWatchNow = () => {
+    onClose();
+    onPressWatchNow?.(data);
+  };
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Text, {
+      style: styles.header,
+      color: appliedTheme.colors.newRelease,
+      children: "New Release"
+    }), /*#__PURE__*/_jsx(FastImage, {
+      source: {
+        uri: data.poster
+      },
+      style: styles.poster,
+      resizeMode: FastImage.resizeMode.cover
+    }), /*#__PURE__*/_jsx(Text, {
+      style: styles.title,
+      color: appliedTheme.colors.white,
+      children: data.name
+    }), /*#__PURE__*/_jsx(Text, {
+      numberOfLines: 3,
+      style: styles.description,
+      color: appliedTheme.colors.white,
+      children: data.description
+    }), /*#__PURE__*/_jsx(Button.Primary, {
+      containerStyle: {
+        ...styles.button,
+        backgroundColor: appliedTheme.colors.button,
+        alignSelf: 'center'
+      },
+      theme: theme,
+      title: "Watch Now",
+      titleStyle: {
+        ...styles.buttonTitle,
+        color: appliedTheme.colors.buttonText
+      },
+      onPress: handleWatchNow,
+      leftIcon: /*#__PURE__*/_jsx(CirclePlay, {
+        size: 25,
+        color: appliedTheme.colors.buttonText
+      })
+    })]
+  });
+};
+export const NewReleaseSheet = ({
+  theme,
+  data,
+  onPressWatchNow
+}) => {
+  const [isVisible, setIsVisible] = useState(false);
+  const [hasOpened, setHasOpened] = useState(false);
+  const {
+    theme: appliedTheme
+  } = useInternalTheme(theme);
+  useEffect(() => {
+    if (data && !hasOpened) {
+      const timer = setTimeout(() => {
+        setIsVisible(true);
+        setHasOpened(true);
+      }, 1500);
+      return () => clearTimeout(timer);
+    }
+    return undefined;
+  }, [data, hasOpened]);
+  const isLoading = !data;
+  const showSheet = isVisible && !!data;
+  const handleClose = () => {
+    setIsVisible(false);
+    setHasOpened(true);
+  };
+  return /*#__PURE__*/_jsx(BottomSheetOne, {
+    theme: appliedTheme,
+    visible: showSheet,
+    onClose: () => setIsVisible(false),
+    height: "70%",
+    showCloseButton: true,
+    scrollable: false,
+    backgroundImage: !isLoading ? data?.poster : undefined,
+    children: /*#__PURE__*/_jsx(SafeAreaView, {
+      style: styles.safeArea,
+      children: /*#__PURE__*/_jsx(View, {
+        style: styles.container,
+        children: isLoading ? /*#__PURE__*/_jsx(NewReleaseSheetSkeleton, {
+          baseColor: appliedTheme.colors.skeletonBaseColor,
+          highlightColor: appliedTheme.colors.skeletonHighlightColor
+        }) : data && /*#__PURE__*/_jsx(NewReleaseSheetContent, {
+          data: data,
+          theme: theme,
+          onPressWatchNow: onPressWatchNow,
+          onClose: handleClose
+        })
+      })
+    })
+  }, "new-release-sheet");
+};
+const styles = StyleSheet.create({
+  safeArea: {
+    flex: 1
+  },
+  container: {
+    flex: 1,
+    alignItems: 'center',
+    overflow: 'hidden',
+    paddingHorizontal: scale(8)
+  },
+  header: {
+    marginTop: scale(4),
+    paddingHorizontal: scale(8),
+    fontSize: RFValue(15),
+    textAlign: 'center'
+  },
+  poster: {
+    width: scale(170),
+    aspectRatio: 2 / 3,
+    borderRadius: scale(12),
+    marginTop: scale(10),
+    elevation: 12
+  },
+  title: {
+    marginTop: scale(12),
+    paddingHorizontal: scale(10),
+    fontSize: RFValue(17),
+    fontWeight: '700',
+    textAlign: 'center'
+  },
+  description: {
+    marginTop: scale(10),
+    paddingHorizontal: scale(14),
+    fontSize: RFValue(12),
+    textAlign: 'center',
+    opacity: 0.8,
+    lineHeight: RFValue(15)
+  },
+  button: {
+    marginTop: scale(20),
+    marginBottom: scale(14),
+    width: scale(170),
+    minWidth: scale(170),
+    maxWidth: '100%',
+    height: scale(41),
+    borderRadius: scale(27)
+  },
+  buttonTitle: {
+    fontSize: RFValue(14),
+    fontWeight: '700'
+  },
+  // Skeleton – matches content layout (poster 170 × 2/3, title/desc/button)
+  skeletonHeader: {
+    width: scale(100),
+    height: scale(16),
+    borderRadius: scale(4),
+    marginTop: scale(4)
+  },
+  skeletonPoster: {
+    width: scale(170),
+    height: scale(255),
+    borderRadius: scale(12),
+    marginTop: scale(10)
+  },
+  skeletonTitle: {
+    width: scale(140),
+    height: scale(20),
+    borderRadius: scale(4),
+    marginTop: scale(12)
+  },
+  skeletonDescription: {
+    width: scale(170),
+    height: scale(42),
+    borderRadius: scale(6),
+    marginTop: scale(10)
+  },
+  skeletonButton: {
+    width: scale(170),
+    height: scale(41),
+    borderRadius: scale(27),
+    marginTop: scale(20),
+    marginBottom: scale(14)
+  }
+});
+
+// rgb(215, 10, 132)
+//# sourceMappingURL=NewReleaseSheet.js.map

package/lib/module/components/NewRelease/NewReleaseSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","useEffect","View","StyleSheet","SafeAreaView","scale","FastImage","RFValue","SkeletonPlaceholder","Text","useInternalTheme","Button","BottomSheetOne","CirclePlay","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","NewReleaseSheetSkeleton","baseColor","highlightColor","backgroundColor","children","Item","alignItems","styles","skeletonHeader","skeletonPoster","skeletonTitle","skeletonDescription","skeletonButton","NewReleaseSheetContent","data","theme","onPressWatchNow","onClose","appliedTheme","handleWatchNow","style","header","color","colors","newRelease","source","uri","poster","resizeMode","cover","title","white","name","numberOfLines","description","Primary","containerStyle","button","alignSelf","titleStyle","buttonTitle","buttonText","onPress","leftIcon","size","NewReleaseSheet","isVisible","setIsVisible","hasOpened","setHasOpened","timer","setTimeout","clearTimeout","undefined","isLoading","showSheet","handleClose","visible","height","showCloseButton","scrollable","backgroundImage","safeArea","container","skeletonBaseColor","skeletonHighlightColor","create","flex","overflow","paddingHorizontal","marginTop","fontSize","textAlign","width","aspectRatio","borderRadius","elevation","fontWeight","opacity","lineHeight","marginBottom","minWidth","maxWidth"],"sourceRoot":"../../../../src","sources":["components/NewRelease/NewReleaseSheet.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/NewRelease/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export * from "./NewReleaseSheet.js";
+//# sourceMappingURL=index.js.map

package/lib/module/components/NewRelease/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/NewRelease/index.ts"],"mappings":";;AAAA,cAAc,sBAAmB","ignoreList":[]}

package/lib/module/components/Reels/ReelsSeries/MediaControls/BottomControls.js

@@ -1,10 +1,12 @@
 "use strict";
 
-import React from 'react';
+import React, { useEffect, useRef } from 'react';
 import { View, Text, TouchableOpacity, StyleSheet } from 'react-native';
 import { ChevronRight, ListVideo } from 'lucide-react-native';
 import { moderateScale, verticalScale } from 'react-native-size-matters';
 import { RFValue } from 'react-native-responsive-fontsize';
+import { Slider } from 'react-native-awesome-slider';
+import { useSharedValue, withTiming } from 'react-native-reanimated';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const BottomControls = ({
   series,
@@ -12,12 +14,43 @@ const BottomControls = ({
   videoCurrentTime,
   videoDuration,
   onEpisodesPress,
-  theme
+  isFullScreen,
+  theme,
+  onSeek
 }) => {
-  const progressPercentage = videoDuration > 0 ? videoCurrentTime / videoDuration * 100 : 0;
   const truncatedTitle = series.title.length <= 25 ? series.title : series.title.slice(0, 25) + '...';
+  const progress = useSharedValue(videoCurrentTime);
+  const minimumValue = useSharedValue(0);
+  const maximumValue = useSharedValue(videoDuration > 0 ? videoDuration : 1);
+  const isScrubbing = useSharedValue(false);
+  const thumbScale = useSharedValue(1);
+  const scrubTimeoutRef = useRef(null);
+
+  // Keep slider in sync with video time
+  useEffect(() => {
+    if (!isScrubbing.value) {
+      progress.value = videoCurrentTime;
+    }
+  }, [videoCurrentTime, progress, isScrubbing]);
+
+  // Update duration when it changes
+  useEffect(() => {
+    maximumValue.value = videoDuration > 0 ? videoDuration : 1;
+  }, [videoDuration, maximumValue]);
+
+  // Cleanup timeout on unmount
+  useEffect(() => {
+    return () => {
+      if (scrubTimeoutRef.current) {
+        clearTimeout(scrubTimeoutRef.current);
+        scrubTimeoutRef.current = null;
+      }
+    };
+  }, []);
   return /*#__PURE__*/_jsxs(View, {
-    style: styles.container,
+    style: [styles.container, {
+      bottom: isFullScreen ? verticalScale(5) : verticalScale(0)
+    }],
     children: [/*#__PURE__*/_jsxs(View, {
       style: styles.seriesInfo,
       children: [/*#__PURE__*/_jsx(Text, {
@@ -48,18 +81,53 @@ const BottomControls = ({
       })]
     }), /*#__PURE__*/_jsx(View, {
       style: styles.progressBarContainer,
-      children: /*#__PURE__*/_jsxs(View, {
-        style: styles.progressBarWrapper,
-        children: [/*#__PURE__*/_jsx(View, {
-          style: [styles.progressBarFill, {
-            width: `${progressPercentage}%`,
-            backgroundColor: theme.colors.primary
-          }]
-        }), videoDuration > 0 && /*#__PURE__*/_jsx(View, {
-          style: [styles.progressBarKnob, {
-            left: `${progressPercentage}%`
-          }]
-        })]
+      children: /*#__PURE__*/_jsx(Slider, {
+        progress: progress,
+        minimumValue: minimumValue,
+        maximumValue: maximumValue,
+        isScrubbing: isScrubbing,
+        thumbScaleValue: thumbScale,
+        sliderHeight: verticalScale(2),
+        disable: videoDuration <= 0,
+        disableTapEvent: false,
+        theme: {
+          minimumTrackTintColor: theme.colors.primary,
+          maximumTrackTintColor: 'rgba(255, 255, 255, 0.3)',
+          cacheTrackTintColor: 'rgba(255, 255, 255, 0.3)',
+          disableMinTrackTintColor: 'rgba(255, 255, 255, 0.5)',
+          bubbleBackgroundColor: 'transparent',
+          heartbeatColor: theme.colors.primary
+        },
+        containerStyle: styles.progressBarWrapper,
+        renderThumb: () => /*#__PURE__*/_jsx(View, {
+          style: styles.sliderThumb
+        }),
+        bubbleWidth: 0,
+        bubbleMaxWidth: 0,
+        onSlidingStart: () => {
+          if (scrubTimeoutRef.current) {
+            clearTimeout(scrubTimeoutRef.current);
+            scrubTimeoutRef.current = null;
+          }
+          isScrubbing.value = true;
+          thumbScale.value = withTiming(1.4, {
+            duration: 120
+          });
+        },
+        onSlidingComplete: value => {
+          progress.value = value;
+          thumbScale.value = withTiming(1, {
+            duration: 120
+          });
+          onSeek?.(value);
+
+          // Give the video a brief moment to seek before
+          // re-syncing slider with currentTime to avoid jumps
+          scrubTimeoutRef.current = setTimeout(() => {
+            isScrubbing.value = false;
+            scrubTimeoutRef.current = null;
+          }, 400);
+        }
       })
     })]
   });
@@ -69,8 +137,9 @@ const styles = StyleSheet.create({
   container: {
     position: 'absolute',
     bottom: 0,
+    width: '100%',
     zIndex: 10,
-    marginHorizontal: moderateScale(8)
+    paddingHorizontal: moderateScale(8)
   },
   seriesInfo: {
     marginBottom: verticalScale(10)
@@ -129,6 +198,12 @@ const styles = StyleSheet.create({
     transform: [{
       translateX: -moderateScale(3.5)
     }]
+  },
+  sliderThumb: {
+    width: moderateScale(7),
+    height: moderateScale(7),
+    borderRadius: moderateScale(3.5),
+    backgroundColor: '#fff'
   }
 });
 //# sourceMappingURL=BottomControls.js.map

package/lib/module/components/Reels/ReelsSeries/MediaControls/BottomControls.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","TouchableOpacity","StyleSheet","ChevronRight","ListVideo","moderateScale","verticalScale","RFValue","jsx","_jsx","jsxs","_jsxs","BottomControls","series","episodeIndex","videoCurrentTime","videoDuration","onEpisodesPress","theme","progressPercentage","truncatedTitle","title","length","slice","style","styles","container","children","seriesInfo","seriesTitle","numberOfLines","seriesDescription","description","episodesButton","onPress","activeOpacity","episodesButtonContent","color","width","height","episodesText","episodes","size","progressBarContainer","progressBarWrapper","progressBarFill","backgroundColor","colors","primary","progressBarKnob","left","create","position","bottom","zIndex","marginHorizontal","marginBottom","fontSize","fontWeight","marginTop","opacity","flexDirection","justifyContent","alignItems","borderRadius","paddingHorizontal","paddingVertical","marginLeft","marginVertical","top","transform","translateX"],"sourceRoot":"../../../../../../src","sources":["components/Reels/ReelsSeries/MediaControls/BottomControls.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,UAAU,QAAQ,cAAc;AACvE,SAASC,YAAY,EAAEC,SAAS,QAAQ,qBAAqB;AAC7D,SAASC,aAAa,EAAEC,aAAa,QAAQ,2BAA2B;AACxE,SAASC,OAAO,QAAQ,kCAAkC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAa3D,MAAMC,cAA6C,GAAGA,CAAC;EACrDC,MAAM;EACNC,YAAY;EACZC,gBAAgB;EAChBC,aAAa;EACbC,eAAe;EACfC;AACF,CAAC,KAAK;EACJ,MAAMC,kBAAkB,GACtBH,aAAa,GAAG,CAAC,GAAID,gBAAgB,GAAGC,aAAa,GAAI,GAAG,GAAG,CAAC;EAElE,MAAMI,cAAc,GAClBP,MAAM,CAACQ,KAAK,CAACC,MAAM,IAAI,EAAE,GACrBT,MAAM,CAACQ,KAAK,GACZR,MAAM,CAACQ,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,KAAK;EAEvC,oBACEZ,KAAA,CAACZ,IAAI;IAACyB,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAE5BhB,KAAA,CAACZ,IAAI;MAACyB,KAAK,EAAEC,MAAM,CAACG,UAAW;MAAAD,QAAA,gBAC7BlB,IAAA,CAACT,IAAI;QAACwB,KAAK,EAAEC,MAAM,CAACI,WAAY;QAAAF,QAAA,EAAEP;MAAc,CAAO,CAAC,eACxDX,IAAA,CAACT,IAAI;QAAC8B,aAAa,EAAE,CAAE;QAACN,KAAK,EAAEC,MAAM,CAACM,iBAAkB;QAAAJ,QAAA,EACrDd,MAAM,CAACmB;MAAW,CACf,CAAC;IAAA,CACH,CAAC,eAGPrB,KAAA,CAACV,gBAAgB;MACfuB,KAAK,EAAEC,MAAM,CAACQ,cAAe;MAC7BC,OAAO,EAAEjB,eAAgB;MACzBkB,aAAa,EAAE,GAAI;MAAAR,QAAA,gBAEnBhB,KAAA,CAACZ,IAAI;QAACyB,KAAK,EAAEC,MAAM,CAACW,qBAAsB;QAAAT,QAAA,gBACxClB,IAAA,CAACL,SAAS;UACRiC,KAAK,EAAE,MAAO;UACdC,KAAK,EAAEjC,aAAa,CAAC,EAAE,CAAE;UACzBkC,MAAM,EAAElC,aAAa,CAAC,EAAE;QAAE,CAC3B,CAAC,eACFM,KAAA,CAACX,IAAI;UAACwB,KAAK,EAAEC,MAAM,CAACe,YAAa;UAAAb,QAAA,GAC9Bb,YAAY,GAAG,CAAC,EAAC,KAAG,EAACD,MAAM,CAAC4B,QAAQ,CAACnB,MAAM,EAAC,WAC/C;QAAA,CAAM,CAAC;MAAA,CACH,CAAC,eACPb,IAAA,CAACN,YAAY;QAACkC,KAAK,EAAE,MAAO;QAACK,IAAI,EAAErC,aAAa,CAAC,EAAE;MAAE,CAAE,CAAC;IAAA,CACxC,CAAC,eAGnBI,IAAA,CAACV,IAAI;MAACyB,KAAK,EAAEC,MAAM,CAACkB,oBAAqB;MAAAhB,QAAA,eACvChB,KAAA,CAACZ,IAAI;QAACyB,KAAK,EAAEC,MAAM,CAACmB,kBAAmB;QAAAjB,QAAA,gBACrClB,IAAA,CAACV,IAAI;UACHyB,KAAK,EAAE,CACLC,MAAM,CAACoB,eAAe,EACtB;YACEP,KAAK,EAAE,GAAGnB,kBAAkB,GAAG;YAC/B2B,eAAe,EAAE5B,KAAK,CAAC6B,MAAM,CAACC;UAChC,CAAC;QACD,CACH,CAAC,EACDhC,aAAa,GAAG,CAAC,iBAChBP,IAAA,CAACV,IAAI;UACHyB,KAAK,EAAE,CACLC,MAAM,CAACwB,eAAe,EACtB;YACEC,IAAI,EAAE,GAAG/B,kBAAkB;UAC7B,CAAC;QACD,CACH,CACF;MAAA,CACG;IAAC,CACH,CAAC;EAAA,CACH,CAAC;AAEX,CAAC;AAED,eAAeP,cAAc;AAE7B,MAAMa,MAAM,GAAGvB,UAAU,CAACiD,MAAM,CAAC;EAC/BzB,SAAS,EAAE;IACT0B,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC;IACTC,MAAM,EAAE,EAAE;IACVC,gBAAgB,EAAElD,aAAa,CAAC,CAAC;EACnC,CAAC;EACDuB,UAAU,EAAE;IACV4B,YAAY,EAAElD,aAAa,CAAC,EAAE;EAChC,CAAC;EACDuB,WAAW,EAAE;IACX4B,QAAQ,EAAElD,OAAO,CAAC,EAAE,CAAC;IACrBmD,UAAU,EAAE,KAAK;IACjBrB,KAAK,EAAE;EACT,CAAC;EACDN,iBAAiB,EAAE;IACjB0B,QAAQ,EAAElD,OAAO,CAAC,EAAE,CAAC;IACrB8B,KAAK,EAAE,MAAM;IACbsB,SAAS,EAAE,GAAG;IACdC,OAAO,EAAE;EACX,CAAC;EACD3B,cAAc,EAAE;IACd4B,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,eAAe;IAC/BC,UAAU,EAAE,QAAQ;IACpBjB,eAAe,EAAE,iBAAiB;IAClCkB,YAAY,EAAE3D,aAAa,CAAC,CAAC,CAAC;IAC9B4D,iBAAiB,EAAE5D,aAAa,CAAC,EAAE,CAAC;IACpC6D,eAAe,EAAE5D,aAAa,CAAC,CAAC;EAClC,CAAC;EACD8B,qBAAqB,EAAE;IACrByB,aAAa,EAAE,KAAK;IACpBE,UAAU,EAAE;EACd,CAAC;EACDvB,YAAY,EAAE;IACZiB,QAAQ,EAAElD,OAAO,CAAC,EAAE,CAAC;IACrB8B,KAAK,EAAE,MAAM;IACb8B,UAAU,EAAE9D,aAAa,CAAC,EAAE;EAC9B,CAAC;EACDsC,oBAAoB,EAAE;IACpByB,cAAc,EAAE9D,aAAa,CAAC,EAAE,CAAC;IACjCiD,gBAAgB,EAAElD,aAAa,CAAC,CAAC;EACnC,CAAC;EACDuC,kBAAkB,EAAE;IAClBL,MAAM,EAAEjC,aAAa,CAAC,CAAC,CAAC;IACxBwC,eAAe,EAAE,0BAA0B;IAC3CkB,YAAY,EAAE3D,aAAa,CAAC,CAAC,CAAC;IAC9B+C,QAAQ,EAAE;EACZ,CAAC;EACDP,eAAe,EAAE;IACfN,MAAM,EAAE,MAAM;IACd;IACAyB,YAAY,EAAE3D,aAAa,CAAC,CAAC;EAC/B,CAAC;EACD4C,eAAe,EAAE;IACfG,QAAQ,EAAE,UAAU;IACpBiB,GAAG,EAAE,CAAC/D,aAAa,CAAC,CAAC,CAAC;IACtBgC,KAAK,EAAEjC,aAAa,CAAC,CAAC,CAAC;IACvBkC,MAAM,EAAElC,aAAa,CAAC,CAAC,CAAC;IACxB2D,YAAY,EAAE3D,aAAa,CAAC,CAAC,CAAC;IAC9ByC,eAAe,EAAE,MAAM;IACvBwB,SAAS,EAAE,CAAC;MAAEC,UAAU,EAAE,CAAClE,aAAa,CAAC,GAAG;IAAE,CAAC;EACjD;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useRef","View","Text","TouchableOpacity","StyleSheet","ChevronRight","ListVideo","moderateScale","verticalScale","RFValue","Slider","useSharedValue","withTiming","jsx","_jsx","jsxs","_jsxs","BottomControls","series","episodeIndex","videoCurrentTime","videoDuration","onEpisodesPress","isFullScreen","theme","onSeek","truncatedTitle","title","length","slice","progress","minimumValue","maximumValue","isScrubbing","thumbScale","scrubTimeoutRef","value","current","clearTimeout","style","styles","container","bottom","children","seriesInfo","seriesTitle","numberOfLines","seriesDescription","description","episodesButton","onPress","activeOpacity","episodesButtonContent","color","width","height","episodesText","episodes","size","progressBarContainer","thumbScaleValue","sliderHeight","disable","disableTapEvent","minimumTrackTintColor","colors","primary","maximumTrackTintColor","cacheTrackTintColor","disableMinTrackTintColor","bubbleBackgroundColor","heartbeatColor","containerStyle","progressBarWrapper","renderThumb","sliderThumb","bubbleWidth","bubbleMaxWidth","onSlidingStart","duration","onSlidingComplete","setTimeout","create","position","zIndex","paddingHorizontal","marginBottom","fontSize","fontWeight","marginTop","opacity","flexDirection","justifyContent","alignItems","backgroundColor","borderRadius","paddingVertical","marginLeft","marginVertical","marginHorizontal","progressBarFill","progressBarKnob","top","transform","translateX"],"sourceRoot":"../../../../../../src","sources":["components/Reels/ReelsSeries/MediaControls/BottomControls.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Reels/ReelsSeries/MediaControls/MediaControlsProvider.js

@@ -11,6 +11,8 @@ import BottomControls from "./BottomControls.js";
 import DetailsModal from "../Model/DetailsModal.js";
 import UnLockModal from "../Model/UnlockModal.js";
 import SettingModal from "../Model/SettingModal.js";
+import { videoRef } from "../../utils/Controls/index.js";
+import { DEFAULT_QUALITIES, getVideoQualities } from "../utils/quality.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const MediaControlsProvider = ({
   children,
@@ -21,6 +23,7 @@ const MediaControlsProvider = ({
   navigation,
   settings,
   modal,
+  isFullScreen,
   unlock,
   setModal,
   theme
@@ -63,6 +66,63 @@ const MediaControlsProvider = ({
     onPlaybackRateChange,
     onQualityChange
   } = settings;
+
+  // Qualities state is managed outside of the modal for smoother UX and to
+  // avoid performing API calls inside modal components.
+  const [qualities, setQualities] = React.useState(DEFAULT_QUALITIES);
+  const [qualitiesLoading, setQualitiesLoading] = React.useState(false);
+  const lastLoadedUrlRef = React.useRef(null);
+  React.useEffect(() => {
+    // Only fetch when settings modal is requested, and let the shared util
+    // handle caching per m3u8 URL to avoid repeated network calls.
+    if (modal?.type !== 'settings') {
+      return;
+    }
+    const videoUrl = episode.videoUrl;
+
+    // If we've already loaded qualities for this URL once, don't toggle
+    // loading again or refetch – this prevents repeated "open/close" feel
+    // and keeps the modal content stable.
+    if (videoUrl && lastLoadedUrlRef.current === videoUrl) {
+      return;
+    }
+    let isCancelled = false;
+    const fetchQualities = async () => {
+      if (!videoUrl || !videoUrl.includes('.m3u8')) {
+        if (!isCancelled) {
+          setQualities(DEFAULT_QUALITIES);
+          setQualitiesLoading(false);
+          lastLoadedUrlRef.current = videoUrl ?? null;
+        }
+        return;
+      }
+      setQualitiesLoading(true);
+      try {
+        const qualityOptions = await getVideoQualities(videoUrl);
+        if (isCancelled) return;
+        if (qualityOptions.length > 0) {
+          const qualityStrings = ['Auto', ...qualityOptions.map(q => q.quality).filter((v, i, self) => self.indexOf(v) === i).sort((a, b) => parseInt(b, 10) - parseInt(a, 10))];
+          setQualities(qualityStrings);
+        } else {
+          setQualities(DEFAULT_QUALITIES);
+        }
+        lastLoadedUrlRef.current = videoUrl;
+      } catch (err) {
+        if (!isCancelled) {
+          setQualities(DEFAULT_QUALITIES);
+          lastLoadedUrlRef.current = videoUrl ?? null;
+        }
+      } finally {
+        if (!isCancelled) {
+          setQualitiesLoading(false);
+        }
+      }
+    };
+    fetchQualities();
+    return () => {
+      isCancelled = true;
+    };
+  }, [episode.videoUrl, modal?.type]);
   const episodeLabel = React.useMemo(() => {
     return series.episodes.length > 0 ? `Ep ${activeIndex + 1}/${series.episodes.length}` : undefined;
   }, [activeIndex, series.episodes.length]);
@@ -106,10 +166,12 @@ const MediaControlsProvider = ({
         episodeIndex: activeIndex,
         videoCurrentTime: currentTime,
         videoDuration: duration,
+        isFullScreen: isFullScreen,
         onEpisodesPress: () => setModal?.({
           type: 'details',
           isVisible: true
-        })
+        }),
+        onSeek: time => videoRef.current?.seek(time)
       })]
     }), isSeries && /*#__PURE__*/_jsx(DetailsModal, {
       reel: episode,
@@ -127,7 +189,8 @@ const MediaControlsProvider = ({
       theme: theme,
       speed: playbackRate,
       quality: quality,
-      videoUrl: episode.videoUrl,
+      qualities: qualities,
+      qualitiesLoading: qualitiesLoading,
       onSpeedChange: onPlaybackRateChange,
       onQualityChange: onQualityChange,
       isVisible: modal?.type === 'settings' && modal.isVisible,

package/lib/module/components/Reels/ReelsSeries/MediaControls/MediaControlsProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","GradientOverlay","Like","TopControls","MiddleControls","RightControls","BottomControls","DetailsModal","UnLockModal","SettingModal","jsx","_jsx","jsxs","_jsxs","MediaControlsProvider","children","content","video","likes","actions","navigation","settings","modal","unlock","setModal","theme","series","episode","activeIndex","isSeries","episodes","currentTime","duration","paused","buffering","showCenterControls","isLocked","hasError","liked","count","showAnimation","onLike","onEpisodeSelect","onLikeMore","onUnlockPress","onShare","onUnLock","onBack","onSearch","playbackRate","quality","onPlaybackRateChange","onQualityChange","episodeLabel","useMemo","length","undefined","style","styles","root","visible","absoluteFillObject","onSettings","type","isVisible","isPaused","isBuffering","isLiked","likeCount","showEpisodesButton","onDetailsPress","episodeIndex","videoCurrentTime","videoDuration","onEpisodesPress","reel","data","activeEpisodeIndex","onClose","onLikeMorePress","speed","videoUrl","onSpeedChange","create","flex"],"sourceRoot":"../../../../../../src","sources":["components/Reels/ReelsSeries/MediaControls/MediaControlsProvider.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","View","GradientOverlay","Like","TopControls","MiddleControls","RightControls","BottomControls","DetailsModal","UnLockModal","SettingModal","videoRef","DEFAULT_QUALITIES","getVideoQualities","jsx","_jsx","jsxs","_jsxs","MediaControlsProvider","children","content","video","likes","actions","navigation","settings","modal","isFullScreen","unlock","setModal","theme","series","episode","activeIndex","isSeries","episodes","currentTime","duration","paused","buffering","showCenterControls","isLocked","hasError","liked","count","showAnimation","onLike","onEpisodeSelect","onLikeMore","onUnlockPress","onShare","onUnLock","onBack","onSearch","playbackRate","quality","onPlaybackRateChange","onQualityChange","qualities","setQualities","useState","qualitiesLoading","setQualitiesLoading","lastLoadedUrlRef","useRef","useEffect","type","videoUrl","current","isCancelled","fetchQualities","includes","qualityOptions","length","qualityStrings","map","q","filter","v","i","self","indexOf","sort","a","b","parseInt","err","episodeLabel","useMemo","undefined","style","styles","root","visible","absoluteFillObject","onSettings","isVisible","isPaused","isBuffering","isLiked","likeCount","showEpisodesButton","onDetailsPress","episodeIndex","videoCurrentTime","videoDuration","onEpisodesPress","onSeek","time","seek","reel","data","activeEpisodeIndex","onClose","onLikeMorePress","speed","onSpeedChange","create","flex"],"sourceRoot":"../../../../../../src","sources":["components/Reels/ReelsSeries/MediaControls/MediaControlsProvider.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Reels/ReelsSeries/MediaControls/RightControls.js

@@ -5,6 +5,7 @@ import { View, Text, TouchableOpacity, StyleSheet } from 'react-native';
 import { Heart, Forward, ListVideo } from 'lucide-react-native';
 import { moderateScale, verticalScale } from 'react-native-size-matters';
 import { RFValue } from 'react-native-responsive-fontsize';
+import { formatCount } from "../../../../utils/Formater.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const RightControls = ({
   episode,
@@ -27,7 +28,7 @@ const RightControls = ({
         fill: isLiked ? 'red' : 'none'
       }), /*#__PURE__*/_jsx(Text, {
         style: styles.actionLabel,
-        children: likeCount
+        children: formatCount(Number(likeCount) || 0)
       })]
     }), showEpisodesButton && /*#__PURE__*/_jsxs(TouchableOpacity, {
       style: styles.actionButton,

package/lib/module/components/Reels/ReelsSeries/MediaControls/RightControls.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","TouchableOpacity","StyleSheet","Heart","Forward","ListVideo","moderateScale","verticalScale","RFValue","jsx","_jsx","jsxs","_jsxs","RightControls","episode","isLiked","likeCount","onLike","onShare","onDetailsPress","showEpisodesButton","style","styles","container","children","actionButton","onPress","activeOpacity","size","color","fill","actionLabel","create","position","bottom","right","flexDirection","zIndex","marginVertical","alignItems","marginTop","fontSize","textAlign"],"sourceRoot":"../../../../../../src","sources":["components/Reels/ReelsSeries/MediaControls/RightControls.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","Text","TouchableOpacity","StyleSheet","Heart","Forward","ListVideo","moderateScale","verticalScale","RFValue","formatCount","jsx","_jsx","jsxs","_jsxs","RightControls","episode","isLiked","likeCount","onLike","onShare","onDetailsPress","showEpisodesButton","style","styles","container","children","actionButton","onPress","activeOpacity","size","color","fill","actionLabel","Number","create","position","bottom","right","flexDirection","zIndex","marginVertical","alignItems","marginTop","fontSize","textAlign"],"sourceRoot":"../../../../../../src","sources":["components/Reels/ReelsSeries/MediaControls/RightControls.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -12,7 +12,8 @@ const SettingModal = ({
   theme,
   speed,
   quality,
-  videoUrl,
+  qualities,
+  qualitiesLoading,
   onSpeedChange,
   onQualityChange,
   isVisible,
@@ -68,8 +69,9 @@ const SettingModal = ({
         style: styles.animatedContent,
         children: /*#__PURE__*/_jsx(QualityControl, {
           activeQuality: quality,
-          videoUrl: videoUrl,
           theme: theme,
+          qualities: qualities,
+          loading: qualitiesLoading,
           onQualityChange: value => handleSelect(onQualityChange, value)
         })
       })]