@zezosoft/zezo-ott-react-native-ui-kit 1.1.0 → 1.1.1

package/lib/module/components/BottomSheet/BottomSheet.js

@@ -0,0 +1,152 @@
+"use strict";
+
+import React, { useCallback, useMemo } from 'react';
+import { TouchableOpacity, StyleSheet, View, ScrollView, Dimensions } from 'react-native';
+import Modal from 'react-native-modal';
+import { X } from 'lucide-react-native';
+import { moderateScale, verticalScale } from 'react-native-size-matters';
+import { RFValue } from 'react-native-responsive-fontsize';
+import Animated from 'react-native-reanimated';
+import { Text } from "../Text/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const {
+  height: SCREEN_HEIGHT
+} = Dimensions.get('window');
+const BottomSheet = ({
+  theme,
+  children,
+  title,
+  height,
+  showCloseButton = true,
+  visible = false,
+  onClose,
+  handleIndicatorStyle,
+  scrollable = true
+}) => {
+  const calculatedHeight = useMemo(() => {
+    if (!height) return SCREEN_HEIGHT * 0.75;
+    if (typeof height === 'number') return height;
+    if (typeof height === 'string' && height.includes('%')) {
+      const num = parseFloat(height);
+      if (!isNaN(num)) {
+        return num / 100 * SCREEN_HEIGHT;
+      }
+    }
+    return SCREEN_HEIGHT * 0.75;
+  }, [height]);
+  const handleClosePress = useCallback(() => {
+    onClose?.();
+  }, [onClose]);
+  const renderHeader = useMemo(() => {
+    if (title) {
+      return /*#__PURE__*/_jsx(Text, {
+        style: [styles.title, {
+          color: theme.colors.textPrimary
+        }],
+        children: title
+      });
+    }
+    return null;
+  }, [title, theme.colors.textPrimary]);
+  const renderCloseButton = useMemo(() => {
+    if (!showCloseButton) return null;
+    return /*#__PURE__*/_jsx(TouchableOpacity, {
+      onPress: handleClosePress,
+      style: [styles.closeButtonWrapper, {
+        backgroundColor: theme.colors.button
+      }],
+      activeOpacity: 0.8,
+      children: /*#__PURE__*/_jsx(X, {
+        size: moderateScale(16),
+        color: theme.colors.buttonText
+      })
+    });
+  }, [showCloseButton, handleClosePress, theme.colors]);
+  return /*#__PURE__*/_jsx(Modal, {
+    isVisible: visible,
+    onBackdropPress: handleClosePress,
+    onSwipeComplete: handleClosePress,
+    style: styles.modal,
+    backdropOpacity: 0.45
+    // swipeDirection="down"
+    ,
+    animationIn: "slideInUp",
+    animationOut: "slideOutDown",
+    animationInTiming: 260,
+    animationOutTiming: 220,
+    useNativeDriver: true,
+    useNativeDriverForBackdrop: true,
+    propagateSwipe: true,
+    avoidKeyboard: true,
+    statusBarTranslucent: false,
+    hardwareAccelerated: true,
+    children: /*#__PURE__*/_jsxs(Animated.View, {
+      style: [styles.bottomSheetContainer, {
+        backgroundColor: theme.colors.background,
+        maxHeight: calculatedHeight
+      }],
+      children: [renderCloseButton, /*#__PURE__*/_jsx(View, {
+        style: [styles.handleIndicator, {
+          backgroundColor: theme.colors.button
+        }, handleIndicatorStyle]
+      }), scrollable ? /*#__PURE__*/_jsxs(ScrollView, {
+        showsVerticalScrollIndicator: false,
+        bounces: false,
+        nestedScrollEnabled: true,
+        keyboardShouldPersistTaps: "handled",
+        contentContainerStyle: styles.scrollContent,
+        children: [renderHeader, children]
+      }) : /*#__PURE__*/_jsxs(View, {
+        style: styles.viewContent,
+        children: [renderHeader, children]
+      })]
+    })
+  });
+};
+export default BottomSheet;
+const styles = StyleSheet.create({
+  modal: {
+    justifyContent: 'flex-end',
+    margin: 0
+  },
+  bottomSheetContainer: {
+    borderTopLeftRadius: moderateScale(22),
+    borderTopRightRadius: moderateScale(22),
+    overflow: 'hidden',
+    position: 'relative',
+    flex: 1
+  },
+  handleIndicator: {
+    width: moderateScale(45),
+    height: verticalScale(4),
+    borderRadius: moderateScale(3),
+    alignSelf: 'center',
+    marginVertical: verticalScale(10)
+  },
+  scrollContent: {
+    flex: 1,
+    paddingBottom: verticalScale(30),
+    paddingHorizontal: moderateScale(12)
+  },
+  viewContent: {
+    paddingBottom: verticalScale(10),
+    paddingHorizontal: moderateScale(12),
+    flex: 1
+  },
+  closeButtonWrapper: {
+    position: 'absolute',
+    top: verticalScale(10),
+    right: moderateScale(14),
+    borderRadius: moderateScale(18),
+    padding: moderateScale(6),
+    zIndex: 1000,
+    elevation: 10
+  },
+  title: {
+    fontSize: RFValue(16),
+    fontWeight: '700',
+    textAlign: 'center',
+    marginBottom: verticalScale(15)
+  }
+});
+//# sourceMappingURL=BottomSheet.js.map

package/lib/module/components/BottomSheet/BottomSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","TouchableOpacity","StyleSheet","View","ScrollView","Dimensions","Modal","X","moderateScale","verticalScale","RFValue","Animated","Text","jsx","_jsx","jsxs","_jsxs","height","SCREEN_HEIGHT","get","BottomSheet","theme","children","title","showCloseButton","visible","onClose","handleIndicatorStyle","scrollable","calculatedHeight","includes","num","parseFloat","isNaN","handleClosePress","renderHeader","style","styles","color","colors","textPrimary","renderCloseButton","onPress","closeButtonWrapper","backgroundColor","button","activeOpacity","size","buttonText","isVisible","onBackdropPress","onSwipeComplete","modal","backdropOpacity","animationIn","animationOut","animationInTiming","animationOutTiming","useNativeDriver","useNativeDriverForBackdrop","propagateSwipe","avoidKeyboard","statusBarTranslucent","hardwareAccelerated","bottomSheetContainer","background","maxHeight","handleIndicator","showsVerticalScrollIndicator","bounces","nestedScrollEnabled","keyboardShouldPersistTaps","contentContainerStyle","scrollContent","viewContent","create","justifyContent","margin","borderTopLeftRadius","borderTopRightRadius","overflow","position","flex","width","borderRadius","alignSelf","marginVertical","paddingBottom","paddingHorizontal","top","right","padding","zIndex","elevation","fontSize","fontWeight","textAlign","marginBottom"],"sourceRoot":"../../../../src","sources":["components/BottomSheet/BottomSheet.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAEnD,SACEC,gBAAgB,EAChBC,UAAU,EACVC,IAAI,EACJC,UAAU,EACVC,UAAU,QACL,cAAc;AAErB,OAAOC,KAAK,MAAM,oBAAoB;AACtC,SAASC,CAAC,QAAQ,qBAAqB;AACvC,SAASC,aAAa,EAAEC,aAAa,QAAQ,2BAA2B;AACxE,SAASC,OAAO,QAAQ,kCAAkC;AAC1D,OAAOC,QAAQ,MAAM,yBAAyB;AAE9C,SAASC,IAAI,QAAQ,kBAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE/B,MAAM;EAAEC,MAAM,EAAEC;AAAc,CAAC,GAAGb,UAAU,CAACc,GAAG,CAAC,QAAQ,CAAC;AAc1D,MAAMC,WAAuC,GAAGA,CAAC;EAC/CC,KAAK;EACLC,QAAQ;EACRC,KAAK;EACLN,MAAM;EACNO,eAAe,GAAG,IAAI;EACtBC,OAAO,GAAG,KAAK;EACfC,OAAO;EACPC,oBAAoB;EACpBC,UAAU,GAAG;AACf,CAAC,KAAK;EACJ,MAAMC,gBAAgB,GAAG7B,OAAO,CAAC,MAAM;IACrC,IAAI,CAACiB,MAAM,EAAE,OAAOC,aAAa,GAAG,IAAI;IAExC,IAAI,OAAOD,MAAM,KAAK,QAAQ,EAAE,OAAOA,MAAM;IAE7C,IAAI,OAAOA,MAAM,KAAK,QAAQ,IAAIA,MAAM,CAACa,QAAQ,CAAC,GAAG,CAAC,EAAE;MACtD,MAAMC,GAAG,GAAGC,UAAU,CAACf,MAAM,CAAC;MAC9B,IAAI,CAACgB,KAAK,CAACF,GAAG,CAAC,EAAE;QACf,OAAQA,GAAG,GAAG,GAAG,GAAIb,aAAa;MACpC;IACF;IAEA,OAAOA,aAAa,GAAG,IAAI;EAC7B,CAAC,EAAE,CAACD,MAAM,CAAC,CAAC;EAEZ,MAAMiB,gBAAgB,GAAGnC,WAAW,CAAC,MAAM;IACzC2B,OAAO,GAAG,CAAC;EACb,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,MAAMS,YAAY,GAAGnC,OAAO,CAAC,MAAM;IACjC,IAAIuB,KAAK,EAAE;MACT,oBACET,IAAA,CAACF,IAAI;QAACwB,KAAK,EAAE,CAACC,MAAM,CAACd,KAAK,EAAE;UAAEe,KAAK,EAAEjB,KAAK,CAACkB,MAAM,CAACC;QAAY,CAAC,CAAE;QAAAlB,QAAA,EAC9DC;MAAK,CACF,CAAC;IAEX;IACA,OAAO,IAAI;EACb,CAAC,EAAE,CAACA,KAAK,EAAEF,KAAK,CAACkB,MAAM,CAACC,WAAW,CAAC,CAAC;EAErC,MAAMC,iBAAiB,GAAGzC,OAAO,CAAC,MAAM;IACtC,IAAI,CAACwB,eAAe,EAAE,OAAO,IAAI;IACjC,oBACEV,IAAA,CAACb,gBAAgB;MACfyC,OAAO,EAAER,gBAAiB;MAC1BE,KAAK,EAAE,CACLC,MAAM,CAACM,kBAAkB,EACzB;QAAEC,eAAe,EAAEvB,KAAK,CAACkB,MAAM,CAACM;MAAO,CAAC,CACxC;MACFC,aAAa,EAAE,GAAI;MAAAxB,QAAA,eAEnBR,IAAA,CAACP,CAAC;QAACwC,IAAI,EAAEvC,aAAa,CAAC,EAAE,CAAE;QAAC8B,KAAK,EAAEjB,KAAK,CAACkB,MAAM,CAACS;MAAW,CAAE;IAAC,CAC9C,CAAC;EAEvB,CAAC,EAAE,CAACxB,eAAe,EAAEU,gBAAgB,EAAEb,KAAK,CAACkB,MAAM,CAAC,CAAC;EAErD,oBACEzB,IAAA,CAACR,KAAK;IACJ2C,SAAS,EAAExB,OAAQ;IACnByB,eAAe,EAAEhB,gBAAiB;IAClCiB,eAAe,EAAEjB,gBAAiB;IAClCE,KAAK,EAAEC,MAAM,CAACe,KAAM;IACpBC,eAAe,EAAE;IACjB;IAAA;IACAC,WAAW,EAAC,WAAW;IACvBC,YAAY,EAAC,cAAc;IAC3BC,iBAAiB,EAAE,GAAI;IACvBC,kBAAkB,EAAE,GAAI;IACxBC,eAAe;IACfC,0BAA0B;IAC1BC,cAAc;IACdC,aAAa;IACbC,oBAAoB,EAAE,KAAM;IAC5BC,mBAAmB;IAAAzC,QAAA,eAEnBN,KAAA,CAACL,QAAQ,CAACR,IAAI;MACZiC,KAAK,EAAE,CACLC,MAAM,CAAC2B,oBAAoB,EAC3B;QACEpB,eAAe,EAAEvB,KAAK,CAACkB,MAAM,CAAC0B,UAAU;QACxCC,SAAS,EAAErC;MACb,CAAC,CACD;MAAAP,QAAA,GAEDmB,iBAAiB,eAClB3B,IAAA,CAACX,IAAI;QACHiC,KAAK,EAAE,CACLC,MAAM,CAAC8B,eAAe,EACtB;UAAEvB,eAAe,EAAEvB,KAAK,CAACkB,MAAM,CAACM;QAAO,CAAC,EACxClB,oBAAoB;MACpB,CACH,CAAC,EAEDC,UAAU,gBACTZ,KAAA,CAACZ,UAAU;QACTgE,4BAA4B,EAAE,KAAM;QACpCC,OAAO,EAAE,KAAM;QACfC,mBAAmB;QACnBC,yBAAyB,EAAC,SAAS;QACnCC,qBAAqB,EAAEnC,MAAM,CAACoC,aAAc;QAAAnD,QAAA,GAE3Ca,YAAY,EACZb,QAAQ;MAAA,CACC,CAAC,gBAEbN,KAAA,CAACb,IAAI;QAACiC,KAAK,EAAEC,MAAM,CAACqC,WAAY;QAAApD,QAAA,GAC7Ba,YAAY,EACZb,QAAQ;MAAA,CACL,CACP;IAAA,CACY;EAAC,CACX,CAAC;AAEZ,CAAC;AAED,eAAeF,WAAW;AAE1B,MAAMiB,MAAM,GAAGnC,UAAU,CAACyE,MAAM,CAAC;EAC/BvB,KAAK,EAAE;IACLwB,cAAc,EAAE,UAAU;IAC1BC,MAAM,EAAE;EACV,CAAC;EACDb,oBAAoB,EAAE;IACpBc,mBAAmB,EAAEtE,aAAa,CAAC,EAAE,CAAC;IACtCuE,oBAAoB,EAAEvE,aAAa,CAAC,EAAE,CAAC;IACvCwE,QAAQ,EAAE,QAAQ;IAClBC,QAAQ,EAAE,UAAU;IACpBC,IAAI,EAAE;EACR,CAAC;EACDf,eAAe,EAAE;IACfgB,KAAK,EAAE3E,aAAa,CAAC,EAAE,CAAC;IACxBS,MAAM,EAAER,aAAa,CAAC,CAAC,CAAC;IACxB2E,YAAY,EAAE5E,aAAa,CAAC,CAAC,CAAC;IAC9B6E,SAAS,EAAE,QAAQ;IACnBC,cAAc,EAAE7E,aAAa,CAAC,EAAE;EAClC,CAAC;EACDgE,aAAa,EAAE;IACbS,IAAI,EAAE,CAAC;IACPK,aAAa,EAAE9E,aAAa,CAAC,EAAE,CAAC;IAChC+E,iBAAiB,EAAEhF,aAAa,CAAC,EAAE;EACrC,CAAC;EACDkE,WAAW,EAAE;IACXa,aAAa,EAAE9E,aAAa,CAAC,EAAE,CAAC;IAChC+E,iBAAiB,EAAEhF,aAAa,CAAC,EAAE,CAAC;IACpC0E,IAAI,EAAE;EACR,CAAC;EACDvC,kBAAkB,EAAE;IAClBsC,QAAQ,EAAE,UAAU;IACpBQ,GAAG,EAAEhF,aAAa,CAAC,EAAE,CAAC;IACtBiF,KAAK,EAAElF,aAAa,CAAC,EAAE,CAAC;IACxB4E,YAAY,EAAE5E,aAAa,CAAC,EAAE,CAAC;IAC/BmF,OAAO,EAAEnF,aAAa,CAAC,CAAC,CAAC;IACzBoF,MAAM,EAAE,IAAI;IACZC,SAAS,EAAE;EACb,CAAC;EACDtE,KAAK,EAAE;IACLuE,QAAQ,EAAEpF,OAAO,CAAC,EAAE,CAAC;IACrBqF,UAAU,EAAE,KAAK;IACjBC,SAAS,EAAE,QAAQ;IACnBC,YAAY,EAAExF,aAAa,CAAC,EAAE;EAChC;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+"use strict";
+
+export { default as BottomSheet } from "./BottomSheet.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["default","BottomSheet"],"sourceRoot":"../../../../src","sources":["components/BottomSheet/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,WAAW,QAAQ,kBAAe","ignoreList":[]}

package/lib/module/components/Button/BackBtn.js

@@ -11,6 +11,7 @@ import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { useInternalTheme } from "../../theme/hook/useInternalTheme.js";
 import { scale, verticalScale } from 'react-native-size-matters';
 import { BlurView } from '@react-native-community/blur';
+import { Text } from "../Text/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const BackBtn = ({
   size = scale(24),
@@ -18,7 +19,9 @@ const BackBtn = ({
   onPress,
   style,
   theme,
-  enableBlur = false
+  enableBlur = false,
+  label,
+  textStyle
 }) => {
   const insets = useSafeAreaInsets();
   const {
@@ -40,9 +43,10 @@ const BackBtn = ({
   const flattenedStyle = StyleSheet.flatten(style) || {};
   const hasBackground = !!flattenedStyle.backgroundColor;
   const shouldRenderBlur = enableBlur && hasBackground;
+  const hasLabel = !!label;
   return /*#__PURE__*/_jsxs(TouchableOpacity, {
     activeOpacity: 0.8,
-    style: [styles.container, !hasTopInStyle && {
+    style: [styles.container, hasLabel && styles.containerWithText, !hasTopInStyle && {
       top: calculatedTop
     }, style],
     onPress: handlePress,
@@ -54,6 +58,12 @@ const BackBtn = ({
     }), /*#__PURE__*/_jsx(ArrowLeft, {
       size: size,
       color: color || appliedTheme.colors.textPrimary
+    }), hasLabel && /*#__PURE__*/_jsx(Text, {
+      style: [styles.text, {
+        color: color || appliedTheme.colors.textPrimary
+      }, textStyle],
+      color: color || appliedTheme.colors.textPrimary,
+      children: label
     })]
   });
 };
@@ -67,6 +77,22 @@ const styles = StyleSheet.create({
     justifyContent: 'center',
     alignItems: 'center',
     overflow: 'hidden'
+  },
+  containerWithText: {
+    flexDirection: 'row',
+    borderRadius: scale(20),
+    paddingHorizontal: scale(12)
+  },
+  text: {
+    fontSize: scale(14),
+    fontWeight: '600',
+    marginLeft: scale(8),
+    textShadowColor: 'rgba(0, 0, 0, 0.75)',
+    textShadowOffset: {
+      width: 0,
+      height: 1
+    },
+    textShadowRadius: 3
   }
 });
 //# sourceMappingURL=BackBtn.js.map

package/lib/module/components/Button/BackBtn.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","TouchableOpacity","StyleSheet","Alert","Platform","ArrowLeft","useSafeAreaInsets","useInternalTheme","scale","verticalScale","BlurView","jsx","_jsx","jsxs","_jsxs","BackBtn","size","color","onPress","style","theme","enableBlur","insets","appliedTheme","handlePress","alert","hasTopInStyle","flatten","top","undefined","calculatedTop","select","ios","android","default","flattenedStyle","hasBackground","backgroundColor","shouldRenderBlur","activeOpacity","styles","container","children","absoluteFill","blurType","blurAmount","reducedTransparencyFallbackColor","String","colors","backdrop","textPrimary","create","position","left","padding","borderRadius","justifyContent","alignItems","overflow"],"sourceRoot":"../../../../src","sources":["components/Button/BackBtn.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","TouchableOpacity","StyleSheet","Alert","Platform","ArrowLeft","useSafeAreaInsets","useInternalTheme","scale","verticalScale","BlurView","Text","jsx","_jsx","jsxs","_jsxs","BackBtn","size","color","onPress","style","theme","enableBlur","label","textStyle","insets","appliedTheme","handlePress","alert","hasTopInStyle","flatten","top","undefined","calculatedTop","select","ios","android","default","flattenedStyle","hasBackground","backgroundColor","shouldRenderBlur","hasLabel","activeOpacity","styles","container","containerWithText","children","absoluteFill","blurType","blurAmount","reducedTransparencyFallbackColor","String","colors","backdrop","textPrimary","text","create","position","left","padding","borderRadius","justifyContent","alignItems","overflow","flexDirection","paddingHorizontal","fontSize","fontWeight","marginLeft","textShadowColor","textShadowOffset","width","height","textShadowRadius"],"sourceRoot":"../../../../src","sources":["components/Button/BackBtn.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,134 @@
+"use strict";
+
+import React 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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const BottomControls = ({
+  series,
+  episodeIndex,
+  videoCurrentTime,
+  videoDuration,
+  onEpisodesPress,
+  theme
+}) => {
+  const progressPercentage = videoDuration > 0 ? videoCurrentTime / videoDuration * 100 : 0;
+  const truncatedTitle = series.title.length <= 25 ? series.title : series.title.slice(0, 25) + '...';
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.seriesInfo,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: styles.seriesTitle,
+        children: truncatedTitle
+      }), /*#__PURE__*/_jsx(Text, {
+        numberOfLines: 2,
+        style: styles.seriesDescription,
+        children: series.description
+      })]
+    }), /*#__PURE__*/_jsxs(TouchableOpacity, {
+      style: styles.episodesButton,
+      onPress: onEpisodesPress,
+      activeOpacity: 0.7,
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: styles.episodesButtonContent,
+        children: [/*#__PURE__*/_jsx(ListVideo, {
+          color: '#fff',
+          width: moderateScale(20),
+          height: moderateScale(20)
+        }), /*#__PURE__*/_jsxs(Text, {
+          style: styles.episodesText,
+          children: [episodeIndex + 1, " / ", series.episodes.length, " Episodes"]
+        })]
+      }), /*#__PURE__*/_jsx(ChevronRight, {
+        color: '#fff',
+        size: moderateScale(22)
+      })]
+    }), /*#__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}%`
+          }]
+        })]
+      })
+    })]
+  });
+};
+export default BottomControls;
+const styles = StyleSheet.create({
+  container: {
+    position: 'absolute',
+    bottom: 0,
+    zIndex: 10,
+    marginHorizontal: moderateScale(8)
+  },
+  seriesInfo: {
+    marginBottom: verticalScale(10)
+  },
+  seriesTitle: {
+    fontSize: RFValue(13),
+    fontWeight: '500',
+    color: '#fff'
+  },
+  seriesDescription: {
+    fontSize: RFValue(10),
+    color: '#fff',
+    marginTop: 2.5,
+    opacity: 0.9
+  },
+  episodesButton: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    backgroundColor: 'rgba(0,0,0,0.5)',
+    borderRadius: moderateScale(8),
+    paddingHorizontal: moderateScale(12),
+    paddingVertical: verticalScale(8)
+  },
+  episodesButtonContent: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  episodesText: {
+    fontSize: RFValue(13),
+    color: '#fff',
+    marginLeft: moderateScale(10)
+  },
+  progressBarContainer: {
+    marginVertical: verticalScale(10),
+    marginHorizontal: moderateScale(5)
+  },
+  progressBarWrapper: {
+    height: verticalScale(2),
+    backgroundColor: 'rgba(255, 255, 255, 0.3)',
+    borderRadius: moderateScale(1),
+    position: 'relative'
+  },
+  progressBarFill: {
+    height: '100%',
+    // backgroundColor: '#fff',
+    borderRadius: moderateScale(1)
+  },
+  progressBarKnob: {
+    position: 'absolute',
+    top: -verticalScale(2),
+    width: moderateScale(7),
+    height: moderateScale(7),
+    borderRadius: moderateScale(5),
+    backgroundColor: '#fff',
+    transform: [{
+      translateX: -moderateScale(3.5)
+    }]
+  }
+});
+//# sourceMappingURL=BottomControls.js.map

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

@@ -0,0 +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":"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","ignoreList":[]}

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

@@ -0,0 +1,154 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import GradientOverlay from "../../ReelsSeries/components/GradientOverlay.js";
+import Like from "../../ReelsSeries/components/Like.js";
+import TopControls from "./TopControls.js";
+import MiddleControls from "./MiddleControls.js";
+import RightControls from "./RightControls.js";
+import BottomControls from "./BottomControls.js";
+import DetailsModal from "../Model/DetailsModal.js";
+import UnLockModal from "../Model/UnlockModal.js";
+import SettingModal from "../Model/SettingModal.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const MediaControlsProvider = ({
+  children,
+  content,
+  video,
+  likes,
+  actions,
+  navigation,
+  settings,
+  modal,
+  unlock,
+  setModal,
+  theme
+}) => {
+  const {
+    series,
+    episode,
+    activeIndex
+  } = content;
+  const isSeries = series?.episodes ? true : false;
+  const {
+    currentTime,
+    duration,
+    paused,
+    buffering,
+    showCenterControls,
+    isLocked,
+    hasError
+  } = video;
+  const {
+    liked,
+    count,
+    showAnimation
+  } = likes;
+  const {
+    onLike,
+    onEpisodeSelect,
+    onLikeMore,
+    onUnlockPress,
+    onShare,
+    onUnLock
+  } = actions;
+  const {
+    onBack,
+    onSearch
+  } = navigation;
+  const {
+    playbackRate,
+    quality,
+    onPlaybackRateChange,
+    onQualityChange
+  } = settings;
+  const episodeLabel = React.useMemo(() => {
+    return series.episodes.length > 0 ? `Ep ${activeIndex + 1}/${series.episodes.length}` : undefined;
+  }, [activeIndex, series.episodes.length]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.root,
+    children: [/*#__PURE__*/_jsx(Like, {
+      visible: showAnimation
+    }), children, /*#__PURE__*/_jsx(GradientOverlay, {}), /*#__PURE__*/_jsxs(View, {
+      style: StyleSheet.absoluteFillObject,
+      children: [/*#__PURE__*/_jsx(TopControls, {
+        theme: theme,
+        onBack: onBack,
+        episodeLabel: episodeLabel,
+        onSettings: () => setModal?.({
+          type: 'settings',
+          isVisible: true
+        }),
+        onSearch: onSearch
+      }), /*#__PURE__*/_jsx(MiddleControls, {
+        isLocked: isLocked,
+        theme: theme,
+        onUnLock: onUnLock,
+        isVisible: showCenterControls,
+        isPaused: paused,
+        isBuffering: buffering,
+        hasError: hasError
+      }), /*#__PURE__*/_jsx(RightControls, {
+        episode: episode,
+        isLiked: liked,
+        likeCount: count,
+        onLike: onLike,
+        showEpisodesButton: isSeries,
+        onDetailsPress: () => setModal?.({
+          type: 'details',
+          isVisible: true
+        }),
+        onShare: onShare
+      }), /*#__PURE__*/_jsx(BottomControls, {
+        theme: theme,
+        series: series,
+        episodeIndex: activeIndex,
+        videoCurrentTime: currentTime,
+        videoDuration: duration,
+        onEpisodesPress: () => setModal?.({
+          type: 'details',
+          isVisible: true
+        })
+      })]
+    }), isSeries && /*#__PURE__*/_jsx(DetailsModal, {
+      reel: episode,
+      data: series,
+      activeEpisodeIndex: activeIndex,
+      theme: theme,
+      isVisible: modal?.type === 'details' && modal.isVisible,
+      onClose: () => setModal?.({
+        type: 'none',
+        isVisible: false
+      }),
+      onEpisodeSelect: onEpisodeSelect,
+      onLikeMorePress: onLikeMore
+    }), /*#__PURE__*/_jsx(SettingModal, {
+      theme: theme,
+      speed: playbackRate,
+      quality: quality,
+      videoUrl: episode.videoUrl,
+      onSpeedChange: onPlaybackRateChange,
+      onQualityChange: onQualityChange,
+      isVisible: modal?.type === 'settings' && modal.isVisible,
+      onClose: () => setModal?.({
+        type: 'none',
+        isVisible: false
+      })
+    }), /*#__PURE__*/_jsx(UnLockModal, {
+      isVisible: unlock.isVisible,
+      onClose: () => unlock.onClose(),
+      theme: theme,
+      episode: episode,
+      data: series,
+      onUnlockPress: onUnlockPress
+    })]
+  });
+};
+export default MediaControlsProvider;
+const styles = StyleSheet.create({
+  root: {
+    flex: 1
+  }
+});
+//# sourceMappingURL=MediaControlsProvider.js.map

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

@@ -0,0 +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":[]}