@zezosoft/zezo-ott-react-native-video-player 1.0.0

package/lib/module/VideoPlayer/model/Episodes.js

@@ -0,0 +1,272 @@
+"use strict";
+
+/* eslint-disable react/no-unstable-nested-components */
+import { FlatList, TouchableOpacity, View, StyleSheet, Text } from 'react-native';
+import React from 'react';
+import FastImage from 'react-native-fast-image';
+import { moderateScale, verticalScale } from 'react-native-size-matters';
+import { MenuProvider, Menu, MenuOptions, MenuOption, MenuTrigger } from 'react-native-popup-menu';
+import { RFValue } from 'react-native-responsive-fontsize';
+import { formatDuration, getEpisodeIndex } from "../utils/index.js";
+import { useVideoPlayerStore } from "../store/videoPlayerStore.js";
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import globalStyles from "../Styles/globalStyles.js";
+import { useVideoPlayerConfig } from "../context/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const Episodes = ({
+  onPressEpisode,
+  reportProgress
+}) => {
+  const {
+    activeSeason,
+    activeTrack,
+    setCurrentTrackIndex,
+    setActiveTrack,
+    playList,
+    setSettingsModal,
+    setIsPaused,
+    contentSeasons,
+    setActiveSeason,
+    setSelectedSubtitleTrack,
+    setPlayBackRate,
+    setActiveSubtitle,
+    setSelectedVideoTrack,
+    setMaxBitRate,
+    setDuration
+  } = useVideoPlayerStore();
+  const {
+    colors
+  } = useVideoPlayerConfig();
+  const {
+    left
+  } = useSafeAreaInsets();
+  if (!activeSeason?.seasonNumber || !activeSeason?.episodes) {
+    return /*#__PURE__*/_jsx(View, {
+      style: globalStyles.flexOneJustifyContentCenterAndAlignItemsCenter,
+      children: /*#__PURE__*/_jsx(Text, {
+        style: {
+          color: colors.text
+        },
+        children: "Something went wrong. Please try again."
+      })
+    });
+  }
+  const handleEpisodePress = async episode => {
+    const isSuccess = await onPressEpisode({
+      episode
+    });
+    if (!isSuccess) return;
+    if (episode.id === activeTrack?.episodeId) {
+      setSettingsModal({
+        isVisible: false,
+        action: 'none'
+      });
+      setIsPaused(false);
+      return;
+    }
+    const index = getEpisodeIndex(playList, episode.id);
+    setCurrentTrackIndex(index);
+    setDuration(0);
+    setActiveTrack({
+      type: 'series',
+      episodeId: episode.id,
+      contentId: episode.contentId,
+      episodeName: episode.title,
+      episodeNumber: episode.episodeNumber,
+      seasonNumber: activeSeason.seasonNumber ?? 0,
+      skipIntro: episode.skipIntro ?? undefined,
+      nextEpisodeAt: episode.nextEpisodeAt ?? undefined,
+      sourceLink: episode.sourceLink || '',
+      thumbnail: episode.thumbnail,
+      subtitles: episode.subtitles || null,
+      id: episode.id,
+      title: episode.title,
+      description: episode.description || '',
+      duration: episode.duration || 0,
+      sourceType: episode.sourceType || 'HLS'
+    });
+    setSelectedSubtitleTrack(null);
+    setActiveSubtitle(null);
+    setSelectedVideoTrack(null);
+    setMaxBitRate(null);
+    setSettingsModal({
+      isVisible: false,
+      action: 'none'
+    });
+    setIsPaused(false);
+    setPlayBackRate(1, 'Normal');
+  };
+  return /*#__PURE__*/_jsx(MenuProvider, {
+    children: /*#__PURE__*/_jsxs(View, {
+      children: [/*#__PURE__*/_jsxs(Menu, {
+        children: [/*#__PURE__*/_jsx(MenuTrigger, {
+          style: [styles.menuTrigger, {
+            marginLeft: left + moderateScale(8)
+          }],
+          customStyles: {
+            triggerText: {
+              ...menuTriggerCustomStyles.triggerText,
+              color: colors.text
+            }
+          },
+          text: `Season ${activeSeason?.seasonNumber}`
+        }), /*#__PURE__*/_jsx(MenuOptions, {
+          optionsContainerStyle: styles.menuOptionsContainer,
+          children: contentSeasons?.map((season, index) => /*#__PURE__*/_jsx(MenuOption, {
+            style: styles.menuOption,
+            customStyles: menuOptionCustomStyles,
+            onSelect: () => setActiveSeason(season),
+            text: `Season ${season.seasonNumber}`
+          }, index))
+        })]
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.episodesContainer,
+        children: /*#__PURE__*/_jsx(FlatList, {
+          data: activeSeason?.episodes,
+          horizontal: true,
+          showsHorizontalScrollIndicator: false,
+          ItemSeparatorComponent: () => /*#__PURE__*/_jsx(View, {
+            style: {
+              width: moderateScale(12)
+            }
+          }),
+          ListHeaderComponent: () => /*#__PURE__*/_jsx(View, {
+            style: {
+              width: left + moderateScale(8)
+            }
+          }),
+          ListFooterComponent: () => /*#__PURE__*/_jsx(View, {
+            style: {
+              width: moderateScale(16)
+            }
+          }),
+          renderItem: ({
+            item
+          }) => /*#__PURE__*/_jsxs(TouchableOpacity, {
+            onPress: () => {
+              reportProgress('EPISODE_CHANGE');
+              handleEpisodePress(item);
+            },
+            style: styles.episodeItem,
+            activeOpacity: 0.8,
+            children: [/*#__PURE__*/_jsx(FastImage, {
+              source: {
+                uri: item?.thumbnail
+              },
+              style: styles.episodeThumbnail,
+              resizeMode: FastImage.resizeMode.cover
+            }), item.id === activeTrack?.episodeId && /*#__PURE__*/_jsx(Text, {
+              style: [styles.nowPlayingBadge, {
+                color: colors.text,
+                backgroundColor: colors.primary
+              }],
+              children: "Now Playing"
+            }), /*#__PURE__*/_jsx(Text, {
+              numberOfLines: 1,
+              style: [styles.episodeTitle, {
+                color: colors.text
+              }],
+              children: item?.title
+            }), /*#__PURE__*/_jsx(View, {
+              style: styles.episodeInfoRow,
+              children: /*#__PURE__*/_jsx(Text, {
+                style: styles.episodeInfoText,
+                children: [item.episodeNumber && `S${String(activeSeason?.seasonNumber).padStart(2, '0')} E${String(item.episodeNumber).padStart(2, '0')}`, item.publishDate && `(${item.publishDate})`, item?.duration && formatDuration(item?.duration, true)].filter(Boolean).join(' | ')
+              })
+            }), item.description && /*#__PURE__*/_jsx(Text, {
+              style: styles.episodeDescription,
+              numberOfLines: 3,
+              children: item?.description
+            })]
+          }),
+          keyExtractor: item => item?.id
+        })
+      })]
+    })
+  });
+};
+const styles = StyleSheet.create({
+  menuTrigger: {
+    alignSelf: 'flex-start',
+    backgroundColor: 'gray',
+    paddingHorizontal: moderateScale(16),
+    paddingVertical: moderateScale(8),
+    marginTop: verticalScale(20),
+    borderRadius: moderateScale(8)
+  },
+  menuOptionsContainer: {
+    marginTop: verticalScale(60),
+    width: moderateScale(150)
+  },
+  menuOption: {
+    paddingHorizontal: moderateScale(16),
+    paddingVertical: moderateScale(12)
+  },
+  episodesContainer: {
+    marginTop: verticalScale(20),
+    paddingBottom: verticalScale(20)
+  },
+  episodeItem: {
+    width: moderateScale(240),
+    backgroundColor: '#373737ff',
+    borderRadius: moderateScale(12),
+    overflow: 'hidden'
+  },
+  episodeThumbnail: {
+    width: '100%',
+    height: undefined,
+    aspectRatio: 16 / 9,
+    backgroundColor: '#444' // slightly lighter fallback
+  },
+  nowPlayingBadge: {
+    position: 'absolute',
+    top: moderateScale(6),
+    left: moderateScale(6),
+    paddingHorizontal: moderateScale(8),
+    paddingVertical: moderateScale(4),
+    // slightly bigger
+    borderRadius: moderateScale(4),
+    fontSize: RFValue(12),
+    fontWeight: '600',
+    overflow: 'hidden'
+  },
+  episodeTitle: {
+    fontSize: RFValue(14),
+    // bigger
+    fontWeight: '600',
+    // bolder
+    marginHorizontal: moderateScale(8),
+    marginTop: verticalScale(3)
+  },
+  episodeInfoRow: {
+    flexDirection: 'row',
+    justifyContent: 'flex-start',
+    // better alignment
+    marginHorizontal: moderateScale(8),
+    marginTop: verticalScale(2),
+    alignItems: 'center'
+  },
+  episodeInfoText: {
+    color: '#f1f1f1ff',
+    fontSize: RFValue(10.5)
+  },
+  episodeDescription: {
+    marginHorizontal: moderateScale(8),
+    marginVertical: verticalScale(5),
+    color: '#f1f1f1ff',
+    fontSize: RFValue(10),
+    lineHeight: RFValue(10)
+  }
+});
+const menuTriggerCustomStyles = {
+  triggerText: {
+    fontSize: RFValue(16)
+  }
+};
+const menuOptionCustomStyles = {
+  optionText: {
+    fontSize: RFValue(16)
+  }
+};
+export default Episodes;
+//# sourceMappingURL=Episodes.js.map

package/lib/module/VideoPlayer/model/Episodes.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FlatList","TouchableOpacity","View","StyleSheet","Text","React","FastImage","moderateScale","verticalScale","MenuProvider","Menu","MenuOptions","MenuOption","MenuTrigger","RFValue","formatDuration","getEpisodeIndex","useVideoPlayerStore","useSafeAreaInsets","globalStyles","useVideoPlayerConfig","jsx","_jsx","jsxs","_jsxs","Episodes","onPressEpisode","reportProgress","activeSeason","activeTrack","setCurrentTrackIndex","setActiveTrack","playList","setSettingsModal","setIsPaused","contentSeasons","setActiveSeason","setSelectedSubtitleTrack","setPlayBackRate","setActiveSubtitle","setSelectedVideoTrack","setMaxBitRate","setDuration","colors","left","seasonNumber","episodes","style","flexOneJustifyContentCenterAndAlignItemsCenter","children","color","text","handleEpisodePress","episode","isSuccess","id","episodeId","isVisible","action","index","type","contentId","episodeName","title","episodeNumber","skipIntro","undefined","nextEpisodeAt","sourceLink","thumbnail","subtitles","description","duration","sourceType","styles","menuTrigger","marginLeft","customStyles","triggerText","menuTriggerCustomStyles","optionsContainerStyle","menuOptionsContainer","map","season","menuOption","menuOptionCustomStyles","onSelect","episodesContainer","data","horizontal","showsHorizontalScrollIndicator","ItemSeparatorComponent","width","ListHeaderComponent","ListFooterComponent","renderItem","item","onPress","episodeItem","activeOpacity","source","uri","episodeThumbnail","resizeMode","cover","nowPlayingBadge","backgroundColor","primary","numberOfLines","episodeTitle","episodeInfoRow","episodeInfoText","String","padStart","publishDate","filter","Boolean","join","episodeDescription","keyExtractor","create","alignSelf","paddingHorizontal","paddingVertical","marginTop","borderRadius","paddingBottom","overflow","height","aspectRatio","position","top","fontSize","fontWeight","marginHorizontal","flexDirection","justifyContent","alignItems","marginVertical","lineHeight","optionText"],"sourceRoot":"../../../../src","sources":["VideoPlayer/model/Episodes.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/VideoPlayer/model/SettingModal.js

@@ -0,0 +1,115 @@
+"use strict";
+
+import { StyleSheet, TouchableOpacity, View } from 'react-native';
+import React from 'react';
+import { moderateScale } from 'react-native-size-matters';
+import { X } from 'lucide-react-native';
+import { useVideoPlayerStore } from "../store/videoPlayerStore.js";
+import Episodes from "./Episodes.js";
+import SpeedControls from "./SpeedControls.js";
+import VideoPlayerSettings from "./VideoPlayerSettings.js";
+import AudioAndSubtitles from "./AudioAndSubtitles.js";
+import { useVideoResolutions } from "../utils/hooks/useVideoResolutions.js";
+import { useVideoPlayerConfig } from "../context/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const VisibleAction = ({
+  settingModalAction,
+  onPressEpisode,
+  reportProgress,
+  resolutions
+}) => {
+  switch (settingModalAction) {
+    case 'speed':
+      return /*#__PURE__*/_jsx(SpeedControls, {});
+    case 'audioOrSubtitle':
+      return /*#__PURE__*/_jsx(AudioAndSubtitles, {});
+    case 'settings':
+      return /*#__PURE__*/_jsx(VideoPlayerSettings, {
+        resolutions: resolutions || []
+      });
+    case 'episodes':
+      return /*#__PURE__*/_jsx(Episodes, {
+        onPressEpisode: onPressEpisode,
+        reportProgress: reportProgress
+      });
+    default:
+      return null;
+  }
+};
+const SettingModal = ({
+  onPressEpisode,
+  reportProgress
+}) => {
+  const {
+    settingsModal,
+    setSettingsModal,
+    setIsPaused,
+    setControlsVisible,
+    activeTrack
+  } = useVideoPlayerStore();
+  const {
+    colors
+  } = useVideoPlayerConfig();
+  // Fetch available resolutions for current track
+  const resolutions = useVideoResolutions(activeTrack);
+  const onClose = () => {
+    setSettingsModal({
+      isVisible: false,
+      action: 'none'
+    });
+    setIsPaused(false);
+    setControlsVisible(true);
+  };
+  if (!settingsModal.isVisible) return null;
+  const containerStyle = settingsModal.action === 'audioOrSubtitle' ? [styles.contentContainer, styles.audioOrSubtitlePadding] : styles.contentContainer;
+  return /*#__PURE__*/_jsxs(View, {
+    style: StyleSheet.absoluteFill,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: styles.overlay
+    }), /*#__PURE__*/_jsx(TouchableOpacity, {
+      onPress: onClose,
+      style: styles.closeButton,
+      children: /*#__PURE__*/_jsx(X, {
+        color: colors.text,
+        size: moderateScale(25)
+      })
+    }), /*#__PURE__*/_jsx(View, {
+      style: containerStyle,
+      children: /*#__PURE__*/_jsx(VisibleAction, {
+        settingModalAction: settingsModal.action,
+        resolutions: resolutions,
+        onPressEpisode: onPressEpisode,
+        reportProgress: reportProgress
+      })
+    })]
+  });
+};
+export default SettingModal;
+const styles = StyleSheet.create({
+  overlay: {
+    ...StyleSheet.absoluteFillObject,
+    backgroundColor: 'rgba(0,0,0,0.9)',
+    pointerEvents: 'none'
+  },
+  closeButton: {
+    position: 'absolute',
+    top: moderateScale(20),
+    right: moderateScale(60),
+    width: moderateScale(50),
+    height: moderateScale(50),
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderRadius: moderateScale(50),
+    zIndex: 10000
+  },
+  contentContainer: {
+    flex: 1,
+    zIndex: 1000
+  },
+  audioOrSubtitlePadding: {
+    paddingLeft: moderateScale(16),
+    paddingRight: moderateScale(16),
+    paddingTop: moderateScale(8)
+  }
+});
+//# sourceMappingURL=SettingModal.js.map

package/lib/module/VideoPlayer/model/SettingModal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","TouchableOpacity","View","React","moderateScale","X","useVideoPlayerStore","Episodes","SpeedControls","VideoPlayerSettings","AudioAndSubtitles","useVideoResolutions","useVideoPlayerConfig","jsx","_jsx","jsxs","_jsxs","VisibleAction","settingModalAction","onPressEpisode","reportProgress","resolutions","SettingModal","settingsModal","setSettingsModal","setIsPaused","setControlsVisible","activeTrack","colors","onClose","isVisible","action","containerStyle","styles","contentContainer","audioOrSubtitlePadding","style","absoluteFill","children","overlay","onPress","closeButton","color","text","size","create","absoluteFillObject","backgroundColor","pointerEvents","position","top","right","width","height","justifyContent","alignItems","borderRadius","zIndex","flex","paddingLeft","paddingRight","paddingTop"],"sourceRoot":"../../../../src","sources":["VideoPlayer/model/SettingModal.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/VideoPlayer/model/SpeedControls.js

@@ -0,0 +1,140 @@
+"use strict";
+
+import React, { useMemo } from 'react';
+import { FlatList, TouchableOpacity, View, StyleSheet, Text } from 'react-native';
+import { verticalScale } from 'react-native-size-matters';
+import { RFValue } from 'react-native-responsive-fontsize';
+import { useVideoPlayerStore } from "../store/videoPlayerStore.js";
+import globalStyles from "../Styles/globalStyles.js";
+import { useVideoPlayerConfig } from "../context/index.js";
+
+// --- Constants ---
+import { jsx as _jsx } from "react/jsx-runtime";
+const SPEED_OPTIONS = [{
+  name: '0.25x',
+  value: 0.25
+}, {
+  name: '0.5x',
+  value: 0.5
+}, {
+  name: '0.75x',
+  value: 0.75
+}, {
+  name: 'Normal',
+  value: 1
+}, {
+  name: '1.25x',
+  value: 1.25
+}, {
+  name: '1.5x',
+  value: 1.5
+}, {
+  name: '1.75x',
+  value: 1.75
+}, {
+  name: '2x',
+  value: 2
+}];
+
+// --- UI Components ---
+const ListHeader = () => /*#__PURE__*/_jsx(View, {
+  style: styles.listHeader
+});
+const ListFooter = () => /*#__PURE__*/_jsx(View, {
+  style: styles.listFooter
+});
+const SpeedItem = ({
+  name,
+  value,
+  isSelected,
+  onPress,
+  colors
+}) => /*#__PURE__*/_jsx(TouchableOpacity, {
+  onPress: () => onPress({
+    value,
+    name
+  }),
+  style: styles.itemTouchable,
+  activeOpacity: 0.7,
+  children: /*#__PURE__*/_jsx(Text, {
+    style: [styles.itemText, {
+      color: colors.text
+    }, isSelected ? styles.itemTextSelected : styles.itemTextUnselected],
+    children: name
+  })
+});
+
+// --- Main Component ---
+const SpeedControls = () => {
+  const {
+    setIsPaused,
+    playBackRate,
+    setPlayBackRate,
+    setControlsVisible,
+    setSettingsModal
+  } = useVideoPlayerStore();
+  const {
+    colors
+  } = useVideoPlayerConfig();
+  const speeds = useMemo(() => SPEED_OPTIONS, []);
+  const handleSelectSpeed = (value, name) => {
+    setPlayBackRate(value, name);
+    setSettingsModal({
+      action: 'none',
+      isVisible: false
+    });
+    setControlsVisible(true);
+    setIsPaused(false);
+  };
+  return /*#__PURE__*/_jsx(View, {
+    style: globalStyles.flexOneJustifyContentCenterAndAlignItemsCenter,
+    children: /*#__PURE__*/_jsx(FlatList, {
+      data: speeds,
+      showsVerticalScrollIndicator: false,
+      keyExtractor: item => item.name,
+      ListHeaderComponent: ListHeader,
+      ListFooterComponent: ListFooter,
+      renderItem: ({
+        item
+      }) => /*#__PURE__*/_jsx(SpeedItem, {
+        name: item.name,
+        value: item.value,
+        isSelected: playBackRate === item.value,
+        onPress: ({
+          value,
+          name
+        }) => handleSelectSpeed(value, name),
+        colors: colors
+      })
+    })
+  });
+};
+export default SpeedControls;
+
+// --- Styles ---
+const styles = StyleSheet.create({
+  listHeader: {
+    height: verticalScale(20)
+  },
+  listFooter: {
+    height: verticalScale(50)
+  },
+  itemTouchable: {
+    paddingVertical: verticalScale(12),
+    paddingHorizontal: verticalScale(30),
+    alignItems: 'center'
+  },
+  itemText: {
+    textAlign: 'center',
+    fontSize: RFValue(17),
+    // better readability
+    fontWeight: '600' // semi-bold for better emphasis
+  },
+  itemTextSelected: {
+    opacity: 1
+  },
+  itemTextUnselected: {
+    opacity: 0.6
+  }
+});
+//# sourceMappingURL=SpeedControls.js.map

package/lib/module/VideoPlayer/model/SpeedControls.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","FlatList","TouchableOpacity","View","StyleSheet","Text","verticalScale","RFValue","useVideoPlayerStore","globalStyles","useVideoPlayerConfig","jsx","_jsx","SPEED_OPTIONS","name","value","ListHeader","style","styles","listHeader","ListFooter","listFooter","SpeedItem","isSelected","onPress","colors","itemTouchable","activeOpacity","children","itemText","color","text","itemTextSelected","itemTextUnselected","SpeedControls","setIsPaused","playBackRate","setPlayBackRate","setControlsVisible","setSettingsModal","speeds","handleSelectSpeed","action","isVisible","flexOneJustifyContentCenterAndAlignItemsCenter","data","showsVerticalScrollIndicator","keyExtractor","item","ListHeaderComponent","ListFooterComponent","renderItem","create","height","paddingVertical","paddingHorizontal","alignItems","textAlign","fontSize","fontWeight","opacity"],"sourceRoot":"../../../../src","sources":["VideoPlayer/model/SpeedControls.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/VideoPlayer/model/VideoPlayerSettings.js

@@ -0,0 +1,113 @@
+"use strict";
+
+/* eslint-disable react/no-unstable-nested-components */
+import { useCallback } from 'react';
+import { FlatList, TouchableOpacity, View, StyleSheet, Text } from 'react-native';
+import { scale, verticalScale } from 'react-native-size-matters';
+import { RFValue } from 'react-native-responsive-fontsize';
+import { SelectedVideoTrackType } from 'react-native-video';
+import globalStyles from "../Styles/globalStyles.js";
+import { useVideoPlayerStore } from "../store/index.js";
+import { useVideoPlayerConfig } from "../context/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const VideoPlayerSettings = ({
+  resolutions
+}) => {
+  const {
+    setMaxBitRate,
+    setSelectedVideoTrack,
+    setIsPaused,
+    setSettingsModal,
+    setControlsVisible,
+    maxBitRate
+  } = useVideoPlayerStore();
+  const {
+    colors
+  } = useVideoPlayerConfig();
+  const handleSelect = useCallback(item => {
+    if (item.height === 'auto') {
+      setSelectedVideoTrack(null);
+      setMaxBitRate(null);
+    } else {
+      setSelectedVideoTrack({
+        type: SelectedVideoTrackType.RESOLUTION,
+        value: Number(item.height)
+      });
+      setMaxBitRate(item.bandwidth ?? null);
+    }
+    setIsPaused(false);
+    setSettingsModal({
+      isVisible: false,
+      action: 'none'
+    });
+    setControlsVisible(false);
+  }, [setMaxBitRate, setSelectedVideoTrack, setIsPaused, setSettingsModal, setControlsVisible]);
+  const keyExtractor = useCallback((item, index) => `${item.height}-${index}`, []);
+  const renderItem = useCallback(({
+    item
+  }) => {
+    const isSelected = maxBitRate === item.bandwidth;
+    return /*#__PURE__*/_jsx(TouchableOpacity, {
+      onPress: () => handleSelect(item),
+      activeOpacity: 0.7,
+      children: /*#__PURE__*/_jsx(Text, {
+        style: [styles.optionText, {
+          color: colors.text
+        }, isSelected ? styles.optionTextSelected : styles.optionTextUnselected],
+        children: item.height === 'auto' ? 'Auto' : `${item.height}p`
+      })
+    });
+  }, [colors.text, handleSelect, maxBitRate]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [globalStyles.flexOne, styles.container],
+    children: [/*#__PURE__*/_jsx(Text, {
+      style: [styles.headerText, {
+        color: colors.text
+      }, styles.marginTopBottom],
+      children: "Video Quality"
+    }), /*#__PURE__*/_jsx(FlatList, {
+      data: resolutions,
+      renderItem: renderItem,
+      keyExtractor: keyExtractor,
+      showsVerticalScrollIndicator: false,
+      contentContainerStyle: {
+        paddingBottom: verticalScale(50)
+      },
+      ItemSeparatorComponent: () => /*#__PURE__*/_jsx(View, {
+        style: {
+          height: verticalScale(12)
+        }
+      })
+    })]
+  });
+};
+export default VideoPlayerSettings;
+const styles = StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    paddingHorizontal: 20
+  },
+  headerText: {
+    fontSize: RFValue(20),
+    fontWeight: '700',
+    textAlign: 'center'
+  },
+  marginTopBottom: {
+    marginBottom: verticalScale(16),
+    paddingTop: verticalScale(24)
+  },
+  optionText: {
+    fontSize: RFValue(17),
+    paddingVertical: verticalScale(4),
+    paddingHorizontal: scale(12),
+    textAlign: 'center'
+  },
+  optionTextSelected: {
+    fontWeight: '700',
+    textDecorationLine: 'underline' // selected highlight
+  },
+  optionTextUnselected: {
+    opacity: 0.8
+  }
+});
+//# sourceMappingURL=VideoPlayerSettings.js.map