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

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":[]}

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

@@ -0,0 +1,173 @@
+"use strict";
+
+import React from 'react';
+import { View, StyleSheet, Text } from 'react-native';
+import { Pause, Play, AlertCircle } from 'lucide-react-native';
+import { moderateScale, verticalScale } from 'react-native-size-matters';
+import { RFValue } from 'react-native-responsive-fontsize';
+import RotatingLoader from "../../ReelsSeries/components/RotatingLoader.js";
+import { Button } from "../../../Button/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const MiddleControls = ({
+  isVisible,
+  isPaused,
+  isBuffering,
+  isLocked,
+  hasError,
+  onUnLock,
+  theme
+}) => {
+  if (!isVisible) return null;
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    pointerEvents: "box-none",
+    children: [hasError && !isBuffering && /*#__PURE__*/_jsx(View, {
+      style: styles.errorWrapper,
+      children: /*#__PURE__*/_jsxs(View, {
+        style: styles.errorContainer,
+        children: [/*#__PURE__*/_jsx(View, {
+          style: styles.errorIconContainer,
+          children: /*#__PURE__*/_jsx(AlertCircle, {
+            color: styles.errorIconColor.color,
+            size: moderateScale(28),
+            strokeWidth: 2.5
+          })
+        }), /*#__PURE__*/_jsx(Text, {
+          style: styles.errorText,
+          children: "Unable to play video"
+        }), /*#__PURE__*/_jsx(Text, {
+          style: styles.errorSubtext,
+          children: "Please try again later"
+        })]
+      })
+    }), isBuffering && !hasError && /*#__PURE__*/_jsx(View, {
+      style: styles.loaderWrapper,
+      children: /*#__PURE__*/_jsx(RotatingLoader, {
+        color: theme.colors.buttonText,
+        containerStyle: [styles.loadingContainer, {
+          backgroundColor: theme.colors.button
+        }],
+        autoRotate: isBuffering
+      })
+    }), !isBuffering && !isLocked && !hasError && /*#__PURE__*/_jsx(View, {
+      style: styles.iconWrapper,
+      children: /*#__PURE__*/_jsx(View, {
+        style: [styles.iconBackground, {
+          backgroundColor: theme.colors.button
+        }],
+        pointerEvents: "none",
+        children: isPaused ? /*#__PURE__*/_jsx(Play, {
+          color: theme.colors.buttonText,
+          size: moderateScale(26)
+        }) : /*#__PURE__*/_jsx(Pause, {
+          color: theme.colors.buttonText,
+          size: moderateScale(26)
+        })
+      })
+    }), !isBuffering && isLocked && !hasError && /*#__PURE__*/_jsx(View, {
+      style: styles.unlockWrapper,
+      children: /*#__PURE__*/_jsx(Button.Primary, {
+        title: "Unlock Episode",
+        onPress: onUnLock,
+        theme: {
+          dark: theme.colors,
+          light: theme.colors
+        },
+        containerStyle: styles.unlockButton
+      })
+    })]
+  });
+};
+export default MiddleControls;
+
+/* ---------------------- STYLES ---------------------- */
+
+const styles = StyleSheet.create({
+  container: {
+    position: 'absolute',
+    height: '100%',
+    width: '100%',
+    justifyContent: 'center',
+    alignItems: 'center',
+    zIndex: 5
+  },
+  /* BUFFERING */
+  loaderWrapper: {
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  loadingContainer: {
+    // backgroundColor: 'rgba(0,0,0,0.5)',
+    padding: moderateScale(8),
+    borderRadius: 50
+  },
+  /* PLAY/PAUSE */
+  iconWrapper: {
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  iconBackground: {
+    // backgroundColor: 'rgba(0,0,0,0.55)',
+    padding: moderateScale(12),
+    borderRadius: 50
+  },
+  /* UNLOCK */
+  unlockWrapper: {
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  unlockButton: {
+    paddingVertical: moderateScale(12),
+    paddingHorizontal: moderateScale(20),
+    borderRadius: moderateScale(30)
+  },
+  /* ERROR */
+  errorWrapper: {
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  errorContainer: {
+    backgroundColor: 'rgba(21, 21, 21, 0.95)',
+    padding: moderateScale(20),
+    borderRadius: moderateScale(16),
+    alignItems: 'center',
+    minWidth: moderateScale(220),
+    borderWidth: 2,
+    borderColor: '#FF4444',
+    shadowColor: '#FF4444',
+    shadowOffset: {
+      width: 0,
+      height: 4
+    },
+    shadowOpacity: 0.5,
+    shadowRadius: 12,
+    elevation: 10
+  },
+  errorIconContainer: {
+    width: moderateScale(56),
+    height: moderateScale(56),
+    borderRadius: moderateScale(28),
+    backgroundColor: 'rgba(255, 68, 68, 0.15)',
+    justifyContent: 'center',
+    alignItems: 'center',
+    marginBottom: verticalScale(8)
+  },
+  errorIconColor: {
+    color: '#FF4444'
+  },
+  errorText: {
+    fontSize: RFValue(16),
+    fontWeight: '700',
+    marginTop: verticalScale(8),
+    textAlign: 'center',
+    letterSpacing: 0.3,
+    color: '#FFFFFF'
+  },
+  errorSubtext: {
+    fontSize: RFValue(13),
+    marginTop: verticalScale(6),
+    textAlign: 'center',
+    color: 'rgba(255, 255, 255, 0.75)'
+  }
+});
+//# sourceMappingURL=MiddleControls.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","Text","Pause","Play","AlertCircle","moderateScale","verticalScale","RFValue","RotatingLoader","Button","jsx","_jsx","jsxs","_jsxs","MiddleControls","isVisible","isPaused","isBuffering","isLocked","hasError","onUnLock","theme","style","styles","container","pointerEvents","children","errorWrapper","errorContainer","errorIconContainer","color","errorIconColor","size","strokeWidth","errorText","errorSubtext","loaderWrapper","colors","buttonText","containerStyle","loadingContainer","backgroundColor","button","autoRotate","iconWrapper","iconBackground","unlockWrapper","Primary","title","onPress","dark","light","unlockButton","create","position","height","width","justifyContent","alignItems","zIndex","padding","borderRadius","paddingVertical","paddingHorizontal","minWidth","borderWidth","borderColor","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","marginBottom","fontSize","fontWeight","marginTop","textAlign","letterSpacing"],"sourceRoot":"../../../../../../src","sources":["components/Reels/ReelsSeries/MediaControls/MiddleControls.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,77 @@
+"use strict";
+
+import React from 'react';
+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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const RightControls = ({
+  episode,
+  isLiked,
+  likeCount,
+  onLike,
+  onShare,
+  onDetailsPress,
+  showEpisodesButton = true
+}) => {
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsxs(TouchableOpacity, {
+      style: styles.actionButton,
+      onPress: () => onLike?.(episode),
+      activeOpacity: 0.7,
+      children: [/*#__PURE__*/_jsx(Heart, {
+        size: moderateScale(26),
+        color: isLiked ? 'red' : '#fff',
+        fill: isLiked ? 'red' : 'none'
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.actionLabel,
+        children: likeCount
+      })]
+    }), showEpisodesButton && /*#__PURE__*/_jsxs(TouchableOpacity, {
+      style: styles.actionButton,
+      onPress: onDetailsPress,
+      activeOpacity: 0.7,
+      children: [/*#__PURE__*/_jsx(ListVideo, {
+        color: '#fff',
+        size: moderateScale(26)
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.actionLabel,
+        children: "Episodes"
+      })]
+    }), onShare && /*#__PURE__*/_jsxs(TouchableOpacity, {
+      style: styles.actionButton,
+      onPress: onShare,
+      activeOpacity: 0.7,
+      children: [/*#__PURE__*/_jsx(Forward, {
+        color: '#fff',
+        size: moderateScale(26)
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.actionLabel,
+        children: "Share"
+      })]
+    })]
+  });
+};
+export default RightControls;
+const styles = StyleSheet.create({
+  container: {
+    position: 'absolute',
+    bottom: verticalScale(120),
+    right: moderateScale(10),
+    flexDirection: 'column',
+    zIndex: 20
+  },
+  actionButton: {
+    marginVertical: verticalScale(10),
+    alignItems: 'center'
+  },
+  actionLabel: {
+    marginTop: verticalScale(4),
+    fontSize: RFValue(10),
+    color: '#fff',
+    textAlign: 'center'
+  }
+});
+//# sourceMappingURL=RightControls.js.map

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

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