@100mslive/react-native-room-kit 1.1.5 → 1.1.7

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeHms","require","React","_interopRequireWildcard","_reactRedux","_reactNativeGestureHandler","_hooksSdk","_Icons","_reactNativeReanimated","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_HLSSeekbackwardControl","playerRef","onPress","animatedValue","useSharedValue","isHLSStreamingOn","useIsHLSStreamingOn","isDVRStream","useSelector","state","_state$hmsStates$room","hmsStates","room","hlsStreamingState","variants","playlistType","HMSHLSPlaylistType","DVR","handdleSeekBackward","_playerRef$current","current","seekBackward","tapGestureHandler","useMemo","Gesture","Tap","onStart","cancelAnimation","value","withTiming","duration","easing","Easing","ease","finished","runOnJS","animatedStyle","useAnimatedStyle","opacity","interpolate","transform","rotateZ","createElement","GestureDetector","gesture","View","collapsable","style","marginRight","SeekArrowIcon","type","HLSSeekbackwardControl","exports","memo"],"sourceRoot":"../../../src","sources":["components/HLSSeekbackwardControl.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/HLSSeekbar.js

@@ -0,0 +1,285 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports._HLSSeekbar = exports.HLSSeekbar = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _reactNativeHms = require("@100mslive/react-native-hms");
+var _reactRedux = require("react-redux");
+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 _HLSSeekbar = props => {
+  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;
+  });
+  if (!isHLSStreamingOn || !isDVRStream) return null;
+  return /*#__PURE__*/_react.default.createElement(_Seekbar, props);
+};
+exports._HLSSeekbar = _HLSSeekbar;
+const _Seekbar = /*#__PURE__*/_react.default.memo(({
+  playerRef,
+  onStart,
+  onEnd
+}) => {
+  const {
+    playerWrapperConstraints
+  } = (0, _hooksUtil.useHLSViewsConstraints)();
+  const hlsPlayerDurationDetails = (0, _react.useRef)(null);
+  const prevSeekbarPositionValue = (0, _reactNativeReanimated.useSharedValue)(0);
+  const seekbarPositionValue = (0, _reactNativeReanimated.useSharedValue)(0);
+  const seekbarHeightValue = (0, _reactNativeReanimated.useSharedValue)(4);
+  const streamStartedAt = (0, _reactRedux.useSelector)(state => {
+    var _state$hmsStates$room2;
+    return (_state$hmsStates$room2 = state.hmsStates.room) === null || _state$hmsStates$room2 === void 0 || (_state$hmsStates$room2 = _state$hmsStates$room2.hlsStreamingState.variants) === null || _state$hmsStates$room2 === void 0 || (_state$hmsStates$room2 = _state$hmsStates$room2[0]) === null || _state$hmsStates$room2 === void 0 ? void 0 : _state$hmsStates$room2.startedAt;
+  });
+  const distanceFromLiveEdge = (0, _reactNativeHms.useHMSHLSPlayerStat)('distanceFromLive');
+  const distanceFromLiveEdgeValue = (0, _reactNativeReanimated.useDerivedValue)(() => distanceFromLiveEdge, [distanceFromLiveEdge]);
+  const seekbarRoomStyle = (0, _hooksUtil.useHMSRoomStyle)(theme => ({
+    backgroundColor: theme.palette.primary_default
+  }));
+  const {
+    isPaused,
+    pauseStream,
+    resumeStream
+  } = (0, _hooksUtil.useHLSStreamResumePause)(playerRef);
+  const seekToBarPosition = () => {
+    var _hlsPlayerDurationDet;
+    if (!streamStartedAt) return;
+    const liveStreamDuration = Date.now() - streamStartedAt.getTime();
+    const rollingWindowTime = (_hlsPlayerDurationDet = hlsPlayerDurationDetails.current) === null || _hlsPlayerDurationDet === void 0 ? void 0 : _hlsPlayerDurationDet.rollingWindowTime;
+    const durationOfStream = rollingWindowTime && liveStreamDuration >= rollingWindowTime ? rollingWindowTime : liveStreamDuration;
+
+    // console.log(
+    //   '$$$ rolling window time > ',
+    //   hlsPlayerDurationDetails.current?.rollingWindowTime
+    // );
+    // console.log('$$$ live stream duration > ', liveStreamDuration);
+    // console.log('$$$ current stream duration > ', durationOfStream);
+
+    const prevPosition = prevSeekbarPositionValue.value;
+    const currPosition = seekbarPositionValue.value;
+    const diff = currPosition - prevPosition;
+    const seekByMillis = durationOfStream / 100 * Math.abs(diff);
+    const seekBySecs = seekByMillis / 1000;
+    if (diff >= 0) {
+      var _playerRef$current;
+      (_playerRef$current = playerRef.current) === null || _playerRef$current === void 0 || _playerRef$current.seekForward(seekBySecs);
+    } else {
+      var _playerRef$current2;
+      (_playerRef$current2 = playerRef.current) === null || _playerRef$current2 === void 0 || _playerRef$current2.seekBackward(seekBySecs);
+    }
+    resumeStream();
+  };
+  const activeSeekbarStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    width: (0, _reactNativeReanimated.interpolate)(seekbarPositionValue.value, [0, 100], [0, playerWrapperConstraints.width], {
+      extrapolateLeft: _reactNativeReanimated.Extrapolation.CLAMP,
+      extrapolateRight: _reactNativeReanimated.Extrapolation.CLAMP
+    }),
+    height: seekbarHeightValue.value
+  }), [playerWrapperConstraints.width]);
+  const activeSeekbarThumbStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    width: seekbarHeightValue.value * 3,
+    height: seekbarHeightValue.value * 3,
+    borderRadius: seekbarHeightValue.value * 3 / 2,
+    bottom: -seekbarHeightValue.value,
+    left: -(seekbarHeightValue.value * 3) / 2,
+    transform: [{
+      translateX: (0, _reactNativeReanimated.interpolate)(seekbarPositionValue.value, [0, 100], [0, playerWrapperConstraints.width], {
+        extrapolateLeft: _reactNativeReanimated.Extrapolation.CLAMP,
+        extrapolateRight: _reactNativeReanimated.Extrapolation.CLAMP
+      })
+    }]
+  }), [playerWrapperConstraints.width]);
+  const panGesture = _reactNativeGestureHandler.Gesture.Pan().maxPointers(1).minPointers(1).hitSlop({
+    top: 12,
+    bottom: 12
+  }).onStart(e => {
+    'worklet';
+
+    onStart();
+    (0, _reactNativeReanimated.runOnJS)(pauseStream)();
+    prevSeekbarPositionValue.value = seekbarPositionValue.value;
+    seekbarPositionValue.value = (0, _reactNativeReanimated.interpolate)(e.x, [0, playerWrapperConstraints.width], [0, 100], {
+      extrapolateLeft: _reactNativeReanimated.Extrapolation.CLAMP,
+      extrapolateRight: _reactNativeReanimated.Extrapolation.CLAMP
+    });
+    seekbarHeightValue.value = (0, _reactNativeReanimated.withTiming)(6, {
+      duration: 160,
+      easing: _reactNativeReanimated.Easing.linear
+    });
+  }).onUpdate(e => {
+    'worklet';
+
+    seekbarPositionValue.value = (0, _reactNativeReanimated.interpolate)(e.x, [0, playerWrapperConstraints.width], [0, 100], {
+      extrapolateLeft: _reactNativeReanimated.Extrapolation.CLAMP,
+      extrapolateRight: _reactNativeReanimated.Extrapolation.CLAMP
+    });
+  }).onEnd(() => {
+    'worklet';
+
+    onEnd();
+    seekbarHeightValue.value = (0, _reactNativeReanimated.withTiming)(4, {
+      duration: 160,
+      easing: _reactNativeReanimated.Easing.linear
+    });
+    (0, _reactNativeReanimated.runOnJS)(seekToBarPosition)();
+  });
+  _react.default.useEffect(() => {
+    if (streamStartedAt && !isPaused) {
+      const intervalId = setInterval(() => {
+        var _hlsPlayerDurationDet2;
+        const liveStreamDuration = Date.now() - streamStartedAt.getTime();
+        const rollingWindowTime = (_hlsPlayerDurationDet2 = hlsPlayerDurationDetails.current) === null || _hlsPlayerDurationDet2 === void 0 ? void 0 : _hlsPlayerDurationDet2.rollingWindowTime;
+        const durationOfStream = rollingWindowTime && liveStreamDuration >= rollingWindowTime ? rollingWindowTime : liveStreamDuration;
+
+        // console.log(
+        //   '$$$ rolling window time > ',
+        //   hlsPlayerDurationDetails.current?.rollingWindowTime
+        // );
+        // console.log('$$$ live stream duration > ', liveStreamDuration);
+        // console.log('$$$ current stream duration > ', durationOfStream);
+
+        const currentPosition = durationOfStream - distanceFromLiveEdgeValue.value;
+
+        // console.log('currentPosition > ', currentPosition);
+
+        seekbarPositionValue.value = (0, _reactNativeReanimated.interpolate)(currentPosition, [0, durationOfStream], [0, 100], {
+          extrapolateLeft: _reactNativeReanimated.Extrapolation.CLAMP,
+          extrapolateRight: _reactNativeReanimated.Extrapolation.CLAMP
+        });
+      }, 1000);
+      return () => {
+        clearInterval(intervalId);
+      };
+    }
+  }, [isPaused, streamStartedAt]);
+  let startedPlayingFirstTime = false;
+  let prevPlaybackState = _reactNativeHms.HMSHLSPlayerPlaybackState.UNKNOWN;
+  const playbackState = (0, _reactNativeHms.useHMSHLSPlayerPlaybackState)();
+  if (prevPlaybackState === _reactNativeHms.HMSHLSPlayerPlaybackState.UNKNOWN && playbackState === _reactNativeHms.HMSHLSPlayerPlaybackState.PLAYING) {
+    prevPlaybackState = playbackState;
+    startedPlayingFirstTime = true;
+  }
+  _react.default.useEffect(() => {
+    if (startedPlayingFirstTime && playerRef.current) {
+      let mounted = true;
+      playerRef.current.getPlayerDurationDetails().then(data => {
+        if (mounted) {
+          console.log('$$$ getPlayerDurationDetails > ', data);
+          hlsPlayerDurationDetails.current = data;
+          if (typeof data.rollingWindowTime === 'number' && data.rollingWindowTime < 300000) {
+            hlsPlayerDurationDetails.current.rollingWindowTime = 300000;
+          }
+        }
+      }).catch(() => {});
+      return () => {
+        mounted = false;
+      };
+    }
+  }, [startedPlayingFirstTime]);
+  return /*#__PURE__*/_react.default.createElement(_reactNativeGestureHandler.GestureDetector, {
+    gesture: panGesture
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    collapsable: false,
+    hitSlop: {
+      top: 12,
+      bottom: 12
+    },
+    style: [styles.container, {
+      width: playerWrapperConstraints.width
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
+    style: [styles.inactiveSeekbar, {
+      width: playerWrapperConstraints.width
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
+    style: [styles.seekbar, seekbarRoomStyle, activeSeekbarStyle]
+  }), /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
+    style: [styles.seekbarThumb, seekbarRoomStyle, activeSeekbarThumbStyle]
+  }))));
+});
+const HLSSeekbar = exports.HLSSeekbar = /*#__PURE__*/_react.default.memo(_HLSSeekbar);
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    height: 6,
+    justifyContent: 'flex-end'
+  },
+  inactiveSeekbar: {
+    position: 'relative',
+    backgroundColor: 'rgba(255, 255, 255, 0.25)'
+  },
+  seekbar: {
+    height: 4
+  },
+  seekbarThumb: {
+    position: 'absolute',
+    bottom: -4,
+    right: 0,
+    zIndex: 100
+  }
+});
+
+/**
+ *
+ *
+ *
+ *
+ *
+ *
+ *
+ *
+ *
+ * 200 -> 200 * 40%
+ *
+ * 180 - 33.33% = 60;
+ *
+ * currentStreamDuration * (diff in current and prev) * 100 / prev
+ *
+ * 0 |----------| 150
+ * prev  = 135
+ *
+ * curr = 90
+ *
+ *
+ *
+ *
+ *
+ *
+ *
+ *
+ *
+ * //// 2 * 30 = 60
+ * 1.5 * 30 = 45
+ *
+ * 180
+ *
+ * 120
+ *
+ * 0 |------____| 100
+ *
+ *
+ * 200 * 40% = 80
+ *
+ * 200 * 30% = 60
+ *
+ *
+ * 30*90
+ *
+ * 0 |---------_| 100
+ *             Prev = 90
+ *   |------|
+ *          Curr = 60
+ *
+ *  90 - 60 = 30
+ *
+ *  seekbackward(80)
+ */
+//# sourceMappingURL=HLSSeekbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_reactNativeGestureHandler","_reactNativeHms","_reactRedux","_hooksUtil","_hooksSdk","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_HLSSeekbar","props","isHLSStreamingOn","useIsHLSStreamingOn","isDVRStream","useSelector","state","_state$hmsStates$room","hmsStates","room","hlsStreamingState","variants","playlistType","HMSHLSPlaylistType","DVR","createElement","_Seekbar","exports","React","memo","playerRef","onStart","onEnd","playerWrapperConstraints","useHLSViewsConstraints","hlsPlayerDurationDetails","useRef","prevSeekbarPositionValue","useSharedValue","seekbarPositionValue","seekbarHeightValue","streamStartedAt","_state$hmsStates$room2","startedAt","distanceFromLiveEdge","useHMSHLSPlayerStat","distanceFromLiveEdgeValue","useDerivedValue","seekbarRoomStyle","useHMSRoomStyle","theme","backgroundColor","palette","primary_default","isPaused","pauseStream","resumeStream","useHLSStreamResumePause","seekToBarPosition","_hlsPlayerDurationDet","liveStreamDuration","Date","now","getTime","rollingWindowTime","current","durationOfStream","prevPosition","value","currPosition","diff","seekByMillis","Math","abs","seekBySecs","_playerRef$current","seekForward","_playerRef$current2","seekBackward","activeSeekbarStyle","useAnimatedStyle","width","interpolate","extrapolateLeft","Extrapolation","CLAMP","extrapolateRight","height","activeSeekbarThumbStyle","borderRadius","bottom","left","transform","translateX","panGesture","Gesture","Pan","maxPointers","minPointers","hitSlop","top","runOnJS","x","withTiming","duration","easing","Easing","linear","onUpdate","useEffect","intervalId","setInterval","_hlsPlayerDurationDet2","currentPosition","clearInterval","startedPlayingFirstTime","prevPlaybackState","HMSHLSPlayerPlaybackState","UNKNOWN","playbackState","useHMSHLSPlayerPlaybackState","PLAYING","mounted","getPlayerDurationDetails","then","data","console","log","catch","GestureDetector","gesture","View","collapsable","style","styles","container","inactiveSeekbar","seekbar","seekbarThumb","HLSSeekbar","StyleSheet","create","justifyContent","position","right","zIndex"],"sourceRoot":"../../../src","sources":["components/HLSSeekbar.tsx"],"mappings":"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H,UAAA,gBAAG/G,cAAK,CAACC,IAAI,CAACnB,WAAW,CAAC;AAEjD,MAAM4H,MAAM,GAAGM,uBAAU,CAACC,MAAM,CAAC;EAC/BN,SAAS,EAAE;IACThD,MAAM,EAAE,CAAC;IACTuD,cAAc,EAAE;EAClB,CAAC;EACDN,eAAe,EAAE;IACfO,QAAQ,EAAE,UAAU;IACpB5F,eAAe,EAAE;EACnB,CAAC;EACDsF,OAAO,EAAE;IACPlD,MAAM,EAAE;EACV,CAAC;EACDmD,YAAY,EAAE;IACZK,QAAQ,EAAE,UAAU;IACpBrD,MAAM,EAAE,CAAC,CAAC;IACVsD,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/lib/commonjs/components/HLSSeekforwardControl.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HLSSeekforwardControl = void 0;
+var _reactNativeHms = require("@100mslive/react-native-hms");
+var React = _interopRequireWildcard(require("react"));
+var _reactRedux = require("react-redux");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _hooksSdk = require("../hooks-sdk");
+var _Icons = require("../Icons");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+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 _HLSSeekforwardControl = ({
+  playerRef,
+  onPress
+}) => {
+  const animatedValue = (0, _reactNativeReanimated.useSharedValue)(0);
+  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 isStreamLive = (0, _reactNativeHms.useIsHLSStreamLive)();
+  const handdleSeekForward = () => {
+    var _playerRef$current;
+    onPress === null || onPress === void 0 || onPress();
+    (_playerRef$current = playerRef.current) === null || _playerRef$current === void 0 || _playerRef$current.seekForward(10);
+  };
+  const tapGestureHandler = React.useMemo(() => {
+    return _reactNativeGestureHandler.Gesture.Tap().enabled(!isStreamLive).onStart(() => {
+      (0, _reactNativeReanimated.cancelAnimation)(animatedValue);
+      animatedValue.value = (0, _reactNativeReanimated.withTiming)(1, {
+        duration: 200,
+        easing: _reactNativeReanimated.Easing.ease
+      }, finished => {
+        if (finished) {
+          animatedValue.value = (0, _reactNativeReanimated.withTiming)(0, {
+            duration: 100,
+            easing: _reactNativeReanimated.Easing.ease
+          });
+        }
+      });
+      (0, _reactNativeReanimated.runOnJS)(handdleSeekForward)();
+    });
+  }, [isStreamLive]);
+  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    opacity: (0, _reactNativeReanimated.interpolate)(animatedValue.value, [0, 1], [1, 0.8]),
+    transform: [{
+      rotateZ: `${(0, _reactNativeReanimated.interpolate)(animatedValue.value, [0, 1], [0, 17])} deg`
+    }]
+  }), []);
+  if (!isHLSStreamingOn || !isDVRStream) return null;
+  return /*#__PURE__*/React.createElement(_reactNativeGestureHandler.GestureDetector, {
+    gesture: tapGestureHandler
+  }, /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, {
+    collapsable: false,
+    style: [{
+      marginLeft: 24
+    }, animatedStyle]
+  }, /*#__PURE__*/React.createElement(_Icons.SeekArrowIcon, {
+    style: {
+      opacity: isStreamLive ? 0.2 : 1
+    },
+    type: "forward"
+  })));
+};
+const HLSSeekforwardControl = exports.HLSSeekforwardControl = /*#__PURE__*/React.memo(_HLSSeekforwardControl);
+//# sourceMappingURL=HLSSeekforwardControl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeHms","require","React","_interopRequireWildcard","_reactRedux","_reactNativeGestureHandler","_hooksSdk","_Icons","_reactNativeReanimated","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_HLSSeekforwardControl","playerRef","onPress","animatedValue","useSharedValue","isHLSStreamingOn","useIsHLSStreamingOn","isDVRStream","useSelector","state","_state$hmsStates$room","hmsStates","room","hlsStreamingState","variants","playlistType","HMSHLSPlaylistType","DVR","isStreamLive","useIsHLSStreamLive","handdleSeekForward","_playerRef$current","current","seekForward","tapGestureHandler","useMemo","Gesture","Tap","enabled","onStart","cancelAnimation","value","withTiming","duration","easing","Easing","ease","finished","runOnJS","animatedStyle","useAnimatedStyle","opacity","interpolate","transform","rotateZ","createElement","GestureDetector","gesture","View","collapsable","style","marginLeft","SeekArrowIcon","type","HLSSeekforwardControl","exports","memo"],"sourceRoot":"../../../src","sources":["components/HLSSeekforwardControl.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/HLSStreamStartedTime.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HLSStreamStartedTime = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _hooksUtil = require("../hooks-util");
+var _reactRedux = require("react-redux");
+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 HLSStreamStartedTime = ({
+  prefix
+}) => {
+  const streamStartedTime = (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.startedAt;
+  });
+  const [streamStartedBeforeMillis, setStreamStartedBeforeMillis] = React.useState(0);
+  React.useEffect(() => {
+    if (streamStartedTime) {
+      const beforeMilliSecs = Date.now() - streamStartedTime.getTime();
+      setStreamStartedBeforeMillis(beforeMilliSecs);
+      const intervalId = setInterval(() => {
+        setStreamStartedBeforeMillis(secs => {
+          secs += 1000;
+          return secs;
+        });
+      }, 1000);
+      return () => {
+        clearInterval(intervalId);
+      };
+    }
+  }, [streamStartedTime]);
+  const hmsRoomStyles = (0, _hooksUtil.useHMSRoomStyleSheet)((theme, typography) => ({
+    regularSurfaceMedium: {
+      fontFamily: `${typography.font_family}-Regular`,
+      color: theme.palette.on_surface_medium
+    }
+  }));
+  if (!streamStartedTime) {
+    return null;
+  }
+  const {
+    h,
+    min,
+    sec
+  } = msToTime(streamStartedBeforeMillis);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, prefix, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [styles.subtitle, hmsRoomStyles.regularSurfaceMedium]
+  }, "Started ", h > 0 ? `${h} h` : min > 0 ? `${min} min` : `${sec} sec`, " ago"));
+};
+exports.HLSStreamStartedTime = HLSStreamStartedTime;
+const styles = _reactNative.StyleSheet.create({
+  subtitle: {
+    fontSize: 12,
+    lineHeight: 16
+  }
+});
+function msToTime(duration) {
+  return {
+    ms: duration,
+    sec: Math.floor(duration / 1000),
+    min: Math.floor(duration / 1000 / 60),
+    h: Math.floor(duration / 1000 / 60 / 60)
+  };
+}
+//# sourceMappingURL=HLSStreamStartedTime.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_hooksUtil","_reactRedux","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","HLSStreamStartedTime","prefix","streamStartedTime","useSelector","state","_state$hmsStates$room","hmsStates","room","hlsStreamingState","variants","startedAt","streamStartedBeforeMillis","setStreamStartedBeforeMillis","useState","useEffect","beforeMilliSecs","Date","now","getTime","intervalId","setInterval","secs","clearInterval","hmsRoomStyles","useHMSRoomStyleSheet","theme","typography","regularSurfaceMedium","fontFamily","font_family","color","palette","on_surface_medium","h","min","sec","msToTime","createElement","Fragment","Text","style","styles","subtitle","exports","StyleSheet","create","fontSize","lineHeight","duration","ms","Math","floor"],"sourceRoot":"../../../src","sources":["components/HLSStreamStartedTime.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/HLSViewerScreenContent.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HLSViewerScreenContent = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactRedux = require("react-redux");
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _StatusBar = require("./StatusBar");
+var _HLSPlayerContainer = require("./HLSPlayerContainer");
+var _LeaveRoomBottomSheet = require("./LeaveRoomBottomSheet");
+var _PreviewForRoleChangeModal = require("./PreviewForRoleChangeModal");
+var _ChatAndParticipants = require("./ChatAndParticipants");
+var _DefaultModal = require("./DefaultModal");
+var _types = require("../utils/types");
+var _hooksUtil = require("../hooks-util");
+var _Modals = require("./Modals");
+var _HLSChatView = require("./HLSChatView");
+var _dimension = require("../utils/dimension");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const HLSViewerScreenContent = ({}) => {
+  const isPipModeActive = (0, _reactRedux.useSelector)(state => state.app.pipModeStatus === _types.PipModes.ACTIVE);
+  const isLandscapeOrientation = (0, _dimension.useIsLandscapeOrientation)();
+  const hmsRoomStyles = (0, _hooksUtil.useHMSRoomStyleSheet)(theme => ({
+    container: {
+      backgroundColor: theme.palette.surface_dim
+    }
+  }));
+  const {
+    modalVisibleType: modalVisible,
+    handleModalVisibleType: setModalVisible
+  } = (0, _hooksUtil.useModalType)();
+  (0, _hooksUtil.useHMSSessionStoreListeners)();
+  (0, _hooksUtil.useHMSRoleChangeRequest)();
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.container, hmsRoomStyles.container]
+  }, /*#__PURE__*/_react.default.createElement(_StatusBar.HMSStatusBar, {
+    barStyle: 'light-content'
+  }), /*#__PURE__*/_react.default.createElement(_reactNativeSafeAreaContext.SafeAreaView, {
+    style: [styles.container, hmsRoomStyles.container, isLandscapeOrientation ? styles.landscapeContainer : null]
+  }, /*#__PURE__*/_react.default.createElement(_HLSPlayerContainer.HLSPlayerContainer, null), /*#__PURE__*/_react.default.createElement(_HLSChatView.HLSChatView, null)), isPipModeActive ? null : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_LeaveRoomBottomSheet.LeaveRoomBottomSheet, null), /*#__PURE__*/_react.default.createElement(_PreviewForRoleChangeModal.PreviewForRoleChangeModal, null), /*#__PURE__*/_react.default.createElement(_ChatAndParticipants.ChatAndParticipantsBottomSheet, null), /*#__PURE__*/_react.default.createElement(_DefaultModal.DefaultModal, {
+    modalPosiion: "center",
+    modalVisible: modalVisible === _types.ModalTypes.HLS_PLAYER_ASPECT_RATIO,
+    setModalVisible: () => setModalVisible(_types.ModalTypes.DEFAULT)
+  }, /*#__PURE__*/_react.default.createElement(_Modals.ChangeAspectRatio, {
+    cancelModal: () => setModalVisible(_types.ModalTypes.DEFAULT)
+  }))));
+};
+exports.HLSViewerScreenContent = HLSViewerScreenContent;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flexGrow: 1,
+    position: 'relative'
+  },
+  landscapeContainer: {
+    flexDirection: 'row'
+  }
+});
+//# sourceMappingURL=HLSViewerScreenContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactRedux","_reactNativeSafeAreaContext","_StatusBar","_HLSPlayerContainer","_LeaveRoomBottomSheet","_PreviewForRoleChangeModal","_ChatAndParticipants","_DefaultModal","_types","_hooksUtil","_Modals","_HLSChatView","_dimension","obj","__esModule","default","HLSViewerScreenContent","isPipModeActive","useSelector","state","app","pipModeStatus","PipModes","ACTIVE","isLandscapeOrientation","useIsLandscapeOrientation","hmsRoomStyles","useHMSRoomStyleSheet","theme","container","backgroundColor","palette","surface_dim","modalVisibleType","modalVisible","handleModalVisibleType","setModalVisible","useModalType","useHMSSessionStoreListeners","useHMSRoleChangeRequest","createElement","View","style","styles","HMSStatusBar","barStyle","SafeAreaView","landscapeContainer","HLSPlayerContainer","HLSChatView","Fragment","LeaveRoomBottomSheet","PreviewForRoleChangeModal","ChatAndParticipantsBottomSheet","DefaultModal","modalPosiion","ModalTypes","HLS_PLAYER_ASPECT_RATIO","DEFAULT","ChangeAspectRatio","cancelModal","exports","StyleSheet","create","flexGrow","position","flexDirection"],"sourceRoot":"../../../src","sources":["components/HLSViewerScreenContent.tsx"],"mappings":"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","ignoreList":[]}