@100mslive/react-native-room-kit 1.1.6 → 1.1.8

package/lib/commonjs/components/HLSPlayPauseControl.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HLSPlayPauseControl = void 0;
+var _reactNativeHms = require("@100mslive/react-native-hms");
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactRedux = require("react-redux");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _hooksSdk = require("../hooks-sdk");
+var _Icons = require("../Icons");
+var _hooksUtil = require("../hooks-util");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const _HLSPlayPauseControl = ({
+  playerRef,
+  onPress
+}) => {
+  const isHLSStreamingOn = (0, _hooksSdk.useIsHLSStreamingOn)();
+  const isDVRStream = (0, _reactRedux.useSelector)(state => {
+    var _state$hmsStates$room;
+    return ((_state$hmsStates$room = state.hmsStates.room) === null || _state$hmsStates$room === void 0 || (_state$hmsStates$room = _state$hmsStates$room.hlsStreamingState.variants) === null || _state$hmsStates$room === void 0 || (_state$hmsStates$room = _state$hmsStates$room[0]) === null || _state$hmsStates$room === void 0 ? void 0 : _state$hmsStates$room.playlistType) === _reactNativeHms.HMSHLSPlaylistType.DVR;
+  });
+  const {
+    isPaused,
+    pauseStream,
+    resumeStream
+  } = (0, _hooksUtil.useHLSStreamResumePause)(playerRef);
+  const togglePlayPause = () => {
+    onPress === null || onPress === void 0 || onPress();
+    if (isPaused) {
+      resumeStream();
+    } else {
+      pauseStream();
+    }
+  };
+  if (!isHLSStreamingOn || !isDVRStream) return null;
+  return /*#__PURE__*/React.createElement(_reactNativeGestureHandler.GestureDetector, {
+    gesture: _reactNativeGestureHandler.Gesture.Tap()
+  }, /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+    onPress: togglePlayPause,
+    style: {
+      alignSelf: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.container
+  }, isPaused ? /*#__PURE__*/React.createElement(_Icons.PlayIcon, null) : /*#__PURE__*/React.createElement(_Icons.PauseIcon, null))));
+};
+const HLSPlayPauseControl = exports.HLSPlayPauseControl = /*#__PURE__*/React.memo(_HLSPlayPauseControl);
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    width: 64,
+    height: 64,
+    borderRadius: 32,
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: 'rgba(0, 0, 0, 0.6)'
+  }
+});
+//# sourceMappingURL=HLSPlayPauseControl.js.map

package/lib/commonjs/components/HLSPlayPauseControl.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeHms","require","React","_interopRequireWildcard","_reactNative","_reactRedux","_reactNativeGestureHandler","_hooksSdk","_Icons","_hooksUtil","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_HLSPlayPauseControl","playerRef","onPress","isHLSStreamingOn","useIsHLSStreamingOn","isDVRStream","useSelector","state","_state$hmsStates$room","hmsStates","room","hlsStreamingState","variants","playlistType","HMSHLSPlaylistType","DVR","isPaused","pauseStream","resumeStream","useHLSStreamResumePause","togglePlayPause","createElement","GestureDetector","gesture","Gesture","Tap","TouchableOpacity","style","alignSelf","View","styles","container","PlayIcon","PauseIcon","HLSPlayPauseControl","exports","memo","StyleSheet","create","width","height","borderRadius","alignItems","justifyContent","backgroundColor"],"sourceRoot":"../../../src","sources":["components/HLSPlayPauseControl.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/HLSPlayer.js

@@ -4,92 +4,49 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports._HLSPlayer = exports.HLSPlayer = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _reactRedux = require("react-redux");
 var _reactNative = require("react-native");
 var _reactNativeHms = require("@100mslive/react-native-hms");
-var _actions = require("../redux/actions");
-var _HLSPlayerStatsView = require("./HLSPlayerStatsView");
 var _HLSPlayerEmoticons = require("./HLSPlayerEmoticons");
-var _CustomHLSPlayerControls = require("./CustomHLSPlayerControls");
 var _theme = require("../utils/theme");
 var _HMSHLSNotStarted = require("./HMSHLSNotStarted");
 var _Icons = require("../Icons");
 var _hooksUtil = require("../hooks-util");
 var _hooksSdk = require("../hooks-sdk");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const _HLSPlayer = () => {
-  const dispatch = (0, _reactRedux.useDispatch)();
+var _HMSPinchGesture = require("./PeerVideoTile/HMSPinchGesture");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// import { changeShowHLSStats } from '../redux/actions';
+// import { HLSPlayerStatsView } from './HLSPlayerStatsView';
+
+const _HLSPlayer = exports._HLSPlayer = /*#__PURE__*/_react.default.forwardRef((_props, hlsPlayerRef) => {
+  // const dispatch = useDispatch();
   const isHLSStreaming = (0, _hooksSdk.useIsHLSStreamingOn)();
   const isStreamUrlPresent = (0, _reactRedux.useSelector)(state => {
     var _state$hmsStates$room;
     return !!((_state$hmsStates$room = state.hmsStates.room) !== null && _state$hmsStates$room !== void 0 && (_state$hmsStates$room = _state$hmsStates$room.hlsStreamingState.variants) !== null && _state$hmsStates$room !== void 0 && (_state$hmsStates$room = _state$hmsStates$room[0]) !== null && _state$hmsStates$room !== void 0 && _state$hmsStates$room.hlsStreamUrl);
   });
-  const hmsHlsPlayerRef = (0, _react.useRef)(null);
-  const showHLSStats = (0, _reactRedux.useSelector)(state => state.app.joinConfig.showHLSStats);
-  const showCustomHLSPlayerControls = (0, _reactRedux.useSelector)(state => state.app.joinConfig.showCustomHLSPlayerControls);
+  // const showHLSStats = useSelector(
+  //   (state: RootState) => state.app.joinConfig.showHLSStats
+  // );
+  // const showCustomHLSPlayerControls = useSelector(
+  //   (state: RootState) => state.app.joinConfig.showCustomHLSPlayerControls
+  // );
   const enableHLSPlayerControls = (0, _reactRedux.useSelector)(state => state.app.joinConfig.enableHLSPlayerControls);
-  const handleClosePress = () => {
-    dispatch((0, _actions.changeShowHLSStats)(false));
-  };
-  const hlsPlayerActions = (action, ...args) => {
-    switch (action) {
-      case 'play':
-        {
-          var _hmsHlsPlayerRef$curr;
-          (_hmsHlsPlayerRef$curr = hmsHlsPlayerRef.current) === null || _hmsHlsPlayerRef$curr === void 0 || _hmsHlsPlayerRef$curr.play(args[0]);
-          break;
-        }
-      case 'stop':
-        {
-          var _hmsHlsPlayerRef$curr2;
-          (_hmsHlsPlayerRef$curr2 = hmsHlsPlayerRef.current) === null || _hmsHlsPlayerRef$curr2 === void 0 || _hmsHlsPlayerRef$curr2.stop();
-          break;
-        }
-      case 'pause':
-        {
-          var _hmsHlsPlayerRef$curr3;
-          (_hmsHlsPlayerRef$curr3 = hmsHlsPlayerRef.current) === null || _hmsHlsPlayerRef$curr3 === void 0 || _hmsHlsPlayerRef$curr3.pause();
-          break;
-        }
-      case 'resume':
-        {
-          var _hmsHlsPlayerRef$curr4;
-          (_hmsHlsPlayerRef$curr4 = hmsHlsPlayerRef.current) === null || _hmsHlsPlayerRef$curr4 === void 0 || _hmsHlsPlayerRef$curr4.resume();
-          break;
-        }
-      case 'seekForward':
-        {
-          var _hmsHlsPlayerRef$curr5;
-          (_hmsHlsPlayerRef$curr5 = hmsHlsPlayerRef.current) === null || _hmsHlsPlayerRef$curr5 === void 0 || _hmsHlsPlayerRef$curr5.seekForward(args[0]);
-          break;
-        }
-      case 'seekBackward':
-        {
-          var _hmsHlsPlayerRef$curr6;
-          (_hmsHlsPlayerRef$curr6 = hmsHlsPlayerRef.current) === null || _hmsHlsPlayerRef$curr6 === void 0 || _hmsHlsPlayerRef$curr6.seekBackward(args[0]);
-          break;
-        }
-      case 'seekToLive':
-        {
-          var _hmsHlsPlayerRef$curr7;
-          (_hmsHlsPlayerRef$curr7 = hmsHlsPlayerRef.current) === null || _hmsHlsPlayerRef$curr7 === void 0 || _hmsHlsPlayerRef$curr7.seekToLivePosition();
-          break;
-        }
-      case 'setVolume':
-        {
-          var _hmsHlsPlayerRef$curr8;
-          (_hmsHlsPlayerRef$curr8 = hmsHlsPlayerRef.current) === null || _hmsHlsPlayerRef$curr8 === void 0 || _hmsHlsPlayerRef$curr8.setVolume(args[0]);
-          break;
-        }
-    }
-  };
+
+  // const handleClosePress = () => {
+  //   dispatch(changeShowHLSStats(false));
+  // };
+
   const hlsPlayerConstraints = (0, _hooksUtil.useHLSPlayerConstraints)();
+  const {
+    playerWrapperConstraints
+  } = (0, _hooksUtil.useHLSViewsConstraints)();
   const [playerKey, setPlayerKey] = _react.default.useState(1);
   const prevReconnectingRef = _react.default.useRef(null);
   const reconnecting = (0, _reactRedux.useSelector)(state => state.hmsStates.reconnecting);
   const hlsPlayerPlaybackState = (0, _reactNativeHms.useHMSHLSPlayerPlaybackState)();
+  const subtitles = (0, _reactNativeHms.useHMSHLSPlayerSubtitles)();
   const isPlaybackFailed = hlsPlayerPlaybackState === _reactNativeHms.HMSHLSPlayerPlaybackState.FAILED;
   const isPlayerBuffering = hlsPlayerPlaybackState === _reactNativeHms.HMSHLSPlayerPlaybackState.BUFFERING;
   _react.default.useEffect(() => {
@@ -116,6 +73,10 @@ const _HLSPlayer = () => {
     warningText: {
       color: theme.palette.alert_warning,
       fontFamily: `${typography.font_family}-SemiBold`
+    },
+    semiboldWhite: {
+      fontFamily: `${typography.font_family}-SemiBold`,
+      color: '#ffffff'
     }
   }));
   const {
@@ -127,20 +88,34 @@ const _HLSPlayer = () => {
   }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: [styles.warningSubtitle, hmsRoomStyles.warningText]
   }, "Stream URL not found!"));
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNativeHms.HMSHLSPlayer, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.playerAndCaptionWrapper, {
+      width: playerWrapperConstraints.width,
+      height: hlsPlayerConstraints.height
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_HMSPinchGesture.HMSPinchGesture, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    pointerEvents: "none",
+    style: styles.playerContainer
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeHms.HMSHLSPlayer, {
     key: playerKey,
-    ref: hmsHlsPlayerRef,
-    enableStats: showHLSStats,
+    ref: hlsPlayerRef,
+    enableStats: true,
     enableControls: enableHLSPlayerControls,
+    containerStyle: styles.playerContainer,
     style: {
       width: hlsPlayerConstraints.width,
       height: hlsPlayerConstraints.height
     }
-  }), /*#__PURE__*/_react.default.createElement(_HLSPlayerEmoticons.HLSPlayerEmoticons, null), showHLSStats ? /*#__PURE__*/_react.default.createElement(_HLSPlayerStatsView.HLSPlayerStatsView, {
-    onClosePress: handleClosePress
-  }) : null, showCustomHLSPlayerControls ? /*#__PURE__*/_react.default.createElement(_CustomHLSPlayerControls.CustomControls, {
-    handleControlPress: hlsPlayerActions
-  }) : null, isPlayerBuffering ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [{
+      width: playerWrapperConstraints.width - 48,
+      left: 24
+    }, styles.closedCaptionsContainer]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [styles.closedCaptions, hmsRoomStyles.semiboldWhite]
+  }, subtitles)))), /*#__PURE__*/_react.default.createElement(_HLSPlayerEmoticons.HLSPlayerEmoticons, null), isPlayerBuffering ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styles.playbackFailedContainer, hmsRoomStyles.failedContainer]
   }, /*#__PURE__*/_react.default.createElement(_reactNative.ActivityIndicator, {
     size: 'large',
@@ -150,16 +125,23 @@ const _HLSPlayer = () => {
   }, /*#__PURE__*/_react.default.createElement(_Icons.CrossCircleIcon, null), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: [styles.playbackFailed, hmsRoomStyles.failedText]
   }, "Playback Failed")) : null);
-};
-exports._HLSPlayer = _HLSPlayer;
+});
 const HLSPlayer = exports.HLSPlayer = /*#__PURE__*/_react.default.memo(_HLSPlayer);
 const styles = _reactNative.StyleSheet.create({
-  hlsView: {
-    flex: 1
+  container: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
   },
-  hlsPlayerContainer: {
-    // flex: 1,
-    position: 'relative'
+  playerAndCaptionWrapper: {
+    position: 'relative',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  playerContainer: {
+    flex: undefined,
+    alignItems: 'flex-start',
+    justifyContent: 'flex-start'
   },
   textContainer: {
     flex: 1,
@@ -173,6 +155,25 @@ const styles = _reactNative.StyleSheet.create({
     letterSpacing: 0.25,
     textAlign: 'center'
   },
+  closedCaptionsContainer: {
+    position: 'absolute',
+    bottom: 4,
+    paddingHorizontal: 8,
+    paddingVertical: 4,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  closedCaptions: {
+    fontSize: 14,
+    lineHeight: 16,
+    textAlign: 'center',
+    textShadowColor: 'rgba(0, 0, 0, 0.8)',
+    textShadowRadius: 3,
+    textShadowOffset: {
+      width: 1,
+      height: 1
+    }
+  },
   playbackFailedContainer: {
     flex: 1,
     width: '100%',

package/lib/commonjs/components/HLSPlayer.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactRedux","_reactNative","_reactNativeHms","_actions","_HLSPlayerStatsView","_HLSPlayerEmoticons","_CustomHLSPlayerControls","_theme","_HMSHLSNotStarted","_Icons","_hooksUtil","_hooksSdk","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_HLSPlayer","dispatch","useDispatch","isHLSStreaming","useIsHLSStreamingOn","isStreamUrlPresent","useSelector","state","_state$hmsStates$room","hmsStates","room","hlsStreamingState","variants","hlsStreamUrl","hmsHlsPlayerRef","useRef","showHLSStats","app","joinConfig","showCustomHLSPlayerControls","enableHLSPlayerControls","handleClosePress","changeShowHLSStats","hlsPlayerActions","action","args","_hmsHlsPlayerRef$curr","current","play","_hmsHlsPlayerRef$curr2","stop","_hmsHlsPlayerRef$curr3","pause","_hmsHlsPlayerRef$curr4","resume","_hmsHlsPlayerRef$curr5","seekForward","_hmsHlsPlayerRef$curr6","seekBackward","_hmsHlsPlayerRef$curr7","seekToLivePosition","_hmsHlsPlayerRef$curr8","setVolume","hlsPlayerConstraints","useHLSPlayerConstraints","playerKey","setPlayerKey","React","useState","prevReconnectingRef","reconnecting","hlsPlayerPlaybackState","useHMSHLSPlayerPlaybackState","isPlaybackFailed","HMSHLSPlayerPlaybackState","FAILED","isPlayerBuffering","BUFFERING","useEffect","prevReconnecting","Platform","OS","prevKey","hmsRoomStyles","useHMSRoomStyleSheet","theme","typography","failedContainer","backgroundColor","palette","background_dim","hexToRgbA","COLORS","LOADING_BACKDROP","failedText","color","on_surface_high","fontFamily","font_family","warningText","alert_warning","primary_bright","PrimaryBrightColor","useHMSRoomColorPalette","createElement","HMSHLSNotStarted","View","style","styles","textContainer","Text","warningSubtitle","Fragment","HMSHLSPlayer","key","ref","enableStats","enableControls","width","height","HLSPlayerEmoticons","HLSPlayerStatsView","onClosePress","CustomControls","handleControlPress","playbackFailedContainer","ActivityIndicator","size","CrossCircleIcon","playbackFailed","exports","HLSPlayer","memo","StyleSheet","create","hlsView","flex","hlsPlayerContainer","position","paddingHorizontal","alignItems","justifyContent","fontSize","lineHeight","letterSpacing","textAlign","marginTop"],"sourceRoot":"../../../src","sources":["components/HLSPlayer.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactRedux","_reactNative","_reactNativeHms","_HLSPlayerEmoticons","_theme","_HMSHLSNotStarted","_Icons","_hooksUtil","_hooksSdk","_HMSPinchGesture","obj","__esModule","default","_HLSPlayer","exports","React","forwardRef","_props","hlsPlayerRef","isHLSStreaming","useIsHLSStreamingOn","isStreamUrlPresent","useSelector","state","_state$hmsStates$room","hmsStates","room","hlsStreamingState","variants","hlsStreamUrl","enableHLSPlayerControls","app","joinConfig","hlsPlayerConstraints","useHLSPlayerConstraints","playerWrapperConstraints","useHLSViewsConstraints","playerKey","setPlayerKey","useState","prevReconnectingRef","useRef","reconnecting","hlsPlayerPlaybackState","useHMSHLSPlayerPlaybackState","subtitles","useHMSHLSPlayerSubtitles","isPlaybackFailed","HMSHLSPlayerPlaybackState","FAILED","isPlayerBuffering","BUFFERING","useEffect","prevReconnecting","current","Platform","OS","prevKey","hmsRoomStyles","useHMSRoomStyleSheet","theme","typography","failedContainer","backgroundColor","palette","background_dim","hexToRgbA","COLORS","LOADING_BACKDROP","failedText","color","on_surface_high","fontFamily","font_family","warningText","alert_warning","semiboldWhite","primary_bright","PrimaryBrightColor","useHMSRoomColorPalette","createElement","HMSHLSNotStarted","View","style","styles","textContainer","Text","warningSubtitle","Fragment","container","playerAndCaptionWrapper","width","height","HMSPinchGesture","pointerEvents","playerContainer","HMSHLSPlayer","key","ref","enableStats","enableControls","containerStyle","left","closedCaptionsContainer","closedCaptions","HLSPlayerEmoticons","playbackFailedContainer","ActivityIndicator","size","CrossCircleIcon","playbackFailed","HLSPlayer","memo","StyleSheet","create","flex","alignItems","justifyContent","position","undefined","paddingHorizontal","fontSize","lineHeight","letterSpacing","textAlign","bottom","paddingVertical","textShadowColor","textShadowRadius","textShadowOffset","marginTop"],"sourceRoot":"../../../src","sources":["components/HLSPlayer.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/HLSPlayerContainer.js

@@ -6,22 +6,84 @@ Object.defineProperty(exports, "__esModule", {
 exports._HLSPlayerContainer = exports.HLSPlayerContainer = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
+var _reactRedux = require("react-redux");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _reactNativeReanimated = require("react-native-reanimated");
 var _hooksUtil = require("../hooks-util");
 var _HLSPlayer = require("./HLSPlayer");
 var _HLSPlayerControls = require("./HLSPlayerControls");
+var _types = require("../utils/types");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const _HLSPlayerContainer = () => {
-  // const hlsPlayerRef = useRef(null);
+  const hlsPlayerRef = _react.default.useRef(null);
   const {
     playerWrapperConstraints
   } = (0, _hooksUtil.useHLSViewsConstraints)();
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  const isPipModeActive = (0, _reactRedux.useSelector)(state => state.app.pipModeStatus === _types.PipModes.ACTIVE);
+  const animatedValue = (0, _reactNativeReanimated.useSharedValue)(1);
+  const cancelCurrentControlAnimation = _react.default.useCallback(() => {
+    'worklet';
+
+    (0, _reactNativeReanimated.cancelAnimation)(animatedValue);
+  }, []);
+  const hideControlsAfterDelay = _react.default.useCallback((duration = 500) => {
+    'worklet';
+
+    animatedValue.value = (0, _reactNativeReanimated.withDelay)(5000, (0, _reactNativeReanimated.withTiming)(0, {
+      duration,
+      easing: _reactNativeReanimated.Easing.ease
+    }));
+  }, []);
+  const resetHideControlAnimation = _react.default.useCallback(() => {
+    cancelCurrentControlAnimation();
+    hideControlsAfterDelay();
+  }, [cancelCurrentControlAnimation, hideControlsAfterDelay]);
+  const hideControls = _react.default.useCallback((duration = 500) => {
+    'worklet';
+
+    animatedValue.value = (0, _reactNativeReanimated.withTiming)(0, {
+      duration,
+      easing: _reactNativeReanimated.Easing.ease
+    });
+  }, []);
+  _react.default.useEffect(() => {
+    resetHideControlAnimation();
+  }, [resetHideControlAnimation]);
+  const tapGesture = _react.default.useMemo(() => {
+    return _reactNativeGestureHandler.Gesture.Tap().onStart(() => {
+      cancelCurrentControlAnimation();
+      if (animatedValue.value < 1) {
+        animatedValue.value = (0, _reactNativeReanimated.withTiming)(1, {
+          duration: 200,
+          easing: _reactNativeReanimated.Easing.ease
+        }, finished => {
+          if (finished) {
+            hideControlsAfterDelay();
+          }
+        });
+      } else {
+        hideControls(200);
+      }
+    });
+  }, [cancelCurrentControlAnimation, hideControls, hideControlsAfterDelay]);
+  return /*#__PURE__*/_react.default.createElement(_reactNativeGestureHandler.GestureDetector, {
+    gesture: tapGesture
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    collapsable: false,
     style: [styles.hlsPlayerContainer, {
       backgroundColor: 'black',
       width: playerWrapperConstraints.width,
       height: playerWrapperConstraints.height
     }]
-  }, /*#__PURE__*/_react.default.createElement(_HLSPlayer.HLSPlayer, null), /*#__PURE__*/_react.default.createElement(_HLSPlayerControls.HLSPlayerControls, null));
+  }, /*#__PURE__*/_react.default.createElement(_HLSPlayer.HLSPlayer, {
+    ref: hlsPlayerRef
+  }), isPipModeActive ? null : /*#__PURE__*/_react.default.createElement(_HLSPlayerControls.HLSPlayerControls, {
+    playerRef: hlsPlayerRef,
+    animatedValue: animatedValue,
+    cancelCurrentControlAnimation: cancelCurrentControlAnimation,
+    hideControlsAfterDelay: hideControlsAfterDelay,
+    resetHideControlAnimation: resetHideControlAnimation
+  })));
 };
 exports._HLSPlayerContainer = _HLSPlayerContainer;
 const HLSPlayerContainer = exports.HLSPlayerContainer = /*#__PURE__*/_react.default.memo(_HLSPlayerContainer);

package/lib/commonjs/components/HLSPlayerContainer.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_hooksUtil","_HLSPlayer","_HLSPlayerControls","obj","__esModule","default","_HLSPlayerContainer","playerWrapperConstraints","useHLSViewsConstraints","createElement","View","style","styles","hlsPlayerContainer","backgroundColor","width","height","HLSPlayer","HLSPlayerControls","exports","HLSPlayerContainer","React","memo","StyleSheet","create","hlsView","flex","position","textContainer","paddingHorizontal","alignItems","justifyContent","warningSubtitle","fontSize","lineHeight","letterSpacing","textAlign","playbackFailedContainer","playbackFailed","marginTop"],"sourceRoot":"../../../src","sources":["components/HLSPlayerContainer.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,kBAAA,GAAAJ,OAAA;AAAwD,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEjD,MAAMG,mBAA6B,GAAGA,CAAA,KAAM;EACjD;EACA,MAAM;IAAEC;EAAyB,CAAC,GAAG,IAAAC,iCAAsB,EAAC,CAAC;EAE7D,oBACEZ,MAAA,CAAAS,OAAA,CAAAI,aAAA,CAACV,YAAA,CAAAW,IAAI;IACHC,KAAK,EAAE,CACLC,MAAM,CAACC,kBAAkB,EACzB;MACEC,eAAe,EAAE,OAAO;MACxBC,KAAK,EAAER,wBAAwB,CAACQ,KAAK;MACrCC,MAAM,EAAET,wBAAwB,CAACS;IACnC,CAAC;EACD,gBAEFpB,MAAA,CAAAS,OAAA,CAAAI,aAAA,CAACR,UAAA,CAAAgB,SAAS,MAAE,CAAC,eAEbrB,MAAA,CAAAS,OAAA,CAAAI,aAAA,CAACP,kBAAA,CAAAgB,iBAAiB,MAAE,CAChB,CAAC;AAEX,CAAC;AAACC,OAAA,CAAAb,mBAAA,GAAAA,mBAAA;AAEK,MAAMc,kBAAkB,GAAAD,OAAA,CAAAC,kBAAA,gBAAGC,cAAK,CAACC,IAAI,CAAChB,mBAAmB,CAAC;AAEjE,MAAMM,MAAM,GAAGW,uBAAU,CAACC,MAAM,CAAC;EAC/BC,OAAO,EAAE;IACPC,IAAI,EAAE;EACR,CAAC;EACDb,kBAAkB,EAAE;IAClB;IACAc,QAAQ,EAAE;EACZ,CAAC;EACDC,aAAa,EAAE;IACbF,IAAI,EAAE,CAAC;IACPG,iBAAiB,EAAE,EAAE;IACrBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDC,eAAe,EAAE;IACfC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,IAAI;IACnBC,SAAS,EAAE;EACb,CAAC;EACDC,uBAAuB,EAAE;IACvBX,IAAI,EAAE,CAAC;IACPX,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdc,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBJ,QAAQ,EAAE;EACZ,CAAC;EACDW,cAAc,EAAE;IACdL,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,GAAG;IAClBC,SAAS,EAAE,QAAQ;IACnBG,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactRedux","_reactNativeGestureHandler","_reactNativeReanimated","_hooksUtil","_HLSPlayer","_HLSPlayerControls","_types","obj","__esModule","default","_HLSPlayerContainer","hlsPlayerRef","React","useRef","playerWrapperConstraints","useHLSViewsConstraints","isPipModeActive","useSelector","state","app","pipModeStatus","PipModes","ACTIVE","animatedValue","useSharedValue","cancelCurrentControlAnimation","useCallback","cancelAnimation","hideControlsAfterDelay","duration","value","withDelay","withTiming","easing","Easing","ease","resetHideControlAnimation","hideControls","useEffect","tapGesture","useMemo","Gesture","Tap","onStart","finished","createElement","GestureDetector","gesture","View","collapsable","style","styles","hlsPlayerContainer","backgroundColor","width","height","HLSPlayer","ref","HLSPlayerControls","playerRef","exports","HLSPlayerContainer","memo","StyleSheet","create","hlsView","flex","position","textContainer","paddingHorizontal","alignItems","justifyContent","warningSubtitle","fontSize","lineHeight","letterSpacing","textAlign","playbackFailedContainer","playbackFailed","marginTop"],"sourceRoot":"../../../src","sources":["components/HLSPlayerContainer.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/HLSPlayerControls.js

@@ -7,64 +7,107 @@ exports._HLSPlayerControls = exports.HLSPlayerControls = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _reactRedux = require("react-redux");
-var _Icons = require("../Icons");
-var _types = require("../utils/types");
-var _hooksUtil = require("../hooks-util");
-var _actions = require("../redux/actions");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _HLSGoLiveControl = require("./HLSGoLiveControl");
+var _HLSSeekbar = require("./HLSSeekbar");
+var _dimension = require("../utils/dimension");
+var _HLSCloseMeetingControl = require("./HLSCloseMeetingControl");
+var _HLSClosedCaptionControl = require("./HLSClosedCaptionControl");
+var _HLSFullScreenControl = require("./HLSFullScreenControl");
+var _HLSDistanceFromLive = require("./HLSDistanceFromLive");
+var _HLSPlayPauseControl = require("./HLSPlayPauseControl");
+var _HLSSeekbackwardControl = require("./HLSSeekbackwardControl");
+var _HLSSeekforwardControl = require("./HLSSeekforwardControl");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const _HLSPlayerControls = () => {
-  // const isHLSStreaming = useIsHLSStreamingOn();
-  // const isStreamUrlPresent = useSelector(
-  //   (state: RootState) =>
-  //     !!state.hmsStates.room?.hlsStreamingState.variants?.[0]?.hlsStreamUrl
-  // );
-  const dispatch = (0, _reactRedux.useDispatch)();
-  const hlsFullScreen = (0, _reactRedux.useSelector)(state => state.app.hlsFullScreen);
+const _HLSPlayerControls = ({
+  playerRef,
+  cancelCurrentControlAnimation,
+  hideControlsAfterDelay,
+  animatedValue,
+  resetHideControlAnimation
+}) => {
   const {
-    handleModalVisibleType
-  } = (0, _hooksUtil.useModalType)();
-  const handleCloseBtnPress = () => {
-    handleModalVisibleType(_types.ModalTypes.LEAVE_ROOM);
-  };
-
-  // const handleCCBtnPress = () => {
-  //   //
-  // };
-
-  const toggleFullScreen = () => {
-    dispatch((0, _actions.setHlsFullScreen)(!hlsFullScreen));
-  };
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.container
+    bottom: bottomSafeInset
+  } = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  const isLandscapeOrientation = (0, _dimension.useIsLandscapeOrientation)();
+  const hlsFullScreen = (0, _reactRedux.useSelector)(state => state.app.hlsFullScreen);
+  const hideControlsStyles = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    opacity: animatedValue.value
+  }), []);
+  const hideControlsProps = (0, _reactNativeReanimated.useAnimatedProps)(() => ({
+    pointerEvents: animatedValue.value < 0.8 ? 'none' : 'auto'
+  }), []);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
+    animatedProps: hideControlsProps,
+    style: [{
+      height: '100%'
+    }, styles.floatingContainer, hideControlsStyles]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      flex: 1,
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_HLSSeekbackwardControl.HLSSeekbackwardControl, {
+    playerRef: playerRef,
+    onPress: resetHideControlAnimation
+  }), /*#__PURE__*/_react.default.createElement(_HLSPlayPauseControl.HLSPlayPauseControl, {
+    playerRef: playerRef,
+    onPress: resetHideControlAnimation
+  }), /*#__PURE__*/_react.default.createElement(_HLSSeekforwardControl.HLSSeekforwardControl, {
+    playerRef: playerRef,
+    onPress: resetHideControlAnimation
+  }))), /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
+    animatedProps: hideControlsProps,
+    style: [{
+      top: 0
+    }, styles.floatingContainer, hideControlsStyles]
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.controlsRow
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    onPress: handleCloseBtnPress,
-    style: styles.icon
-  }, /*#__PURE__*/_react.default.createElement(_Icons.CloseIcon, {
-    size: "medium"
-  }))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_HLSCloseMeetingControl.HLSCloseMeetingControl, {
+    onPress: resetHideControlAnimation
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.normalRow, styles.gap]
+  }, /*#__PURE__*/_react.default.createElement(_HLSClosedCaptionControl.HLSClosedCaptionControl, {
+    playerRef: playerRef,
+    onPress: resetHideControlAnimation
+  })))), /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
+    animatedProps: hideControlsProps,
+    style: [{
+      bottom: isLandscapeOrientation ? bottomSafeInset : 0
+    }, styles.floatingContainer, hideControlsStyles]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      flexDirection: isLandscapeOrientation || hlsFullScreen ? 'column-reverse' : 'column'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.controlsRow
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, null), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.normalRow
+  }, /*#__PURE__*/_react.default.createElement(_HLSGoLiveControl.HLSGoLiveControl, {
+    playerRef: playerRef,
+    onPress: resetHideControlAnimation
+  }), /*#__PURE__*/_react.default.createElement(_HLSDistanceFromLive.HLSDistanceFromLive, null)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [styles.normalRow, styles.gap]
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    onPress: toggleFullScreen,
-    style: styles.icon
-  }, hlsFullScreen ? /*#__PURE__*/_react.default.createElement(_Icons.MinimizeIcon, {
-    size: "medium"
-  }) : /*#__PURE__*/_react.default.createElement(_Icons.MaximizeIcon, {
-    size: "medium"
-  })))));
+  }, /*#__PURE__*/_react.default.createElement(_HLSFullScreenControl.HLSFullScreenControl, {
+    onPress: resetHideControlAnimation
+  }))), /*#__PURE__*/_react.default.createElement(_HLSSeekbar.HLSSeekbar, {
+    playerRef: playerRef,
+    onStart: cancelCurrentControlAnimation,
+    onEnd: hideControlsAfterDelay
+  }))));
 };
 exports._HLSPlayerControls = _HLSPlayerControls;
 const HLSPlayerControls = exports.HLSPlayerControls = /*#__PURE__*/_react.default.memo(_HLSPlayerControls);
 const styles = _reactNative.StyleSheet.create({
-  container: {
+  floatingContainer: {
     position: 'absolute',
     width: '100%',
-    height: '100%',
-    zIndex: 5,
-    justifyContent: 'space-between'
+    zIndex: 5
   },
   controlsRow: {
     flexDirection: 'row',