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

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactRedux","_Icons","_types","_hooksUtil","_actions","obj","__esModule","default","_HLSPlayerControls","dispatch","useDispatch","hlsFullScreen","useSelector","state","app","handleModalVisibleType","useModalType","handleCloseBtnPress","ModalTypes","LEAVE_ROOM","toggleFullScreen","setHlsFullScreen","createElement","View","style","styles","container","controlsRow","TouchableOpacity","onPress","icon","CloseIcon","size","normalRow","gap","MinimizeIcon","MaximizeIcon","exports","HLSPlayerControls","React","memo","StyleSheet","create","position","width","height","zIndex","justifyContent","flexDirection","alignItems","marginHorizontal","padding","alignSelf","marginLeft"],"sourceRoot":"../../../src","sources":["components/HLSPlayerControls.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactRedux","_reactNativeReanimated","_interopRequireWildcard","_reactNativeSafeAreaContext","_HLSGoLiveControl","_HLSSeekbar","_dimension","_HLSCloseMeetingControl","_HLSClosedCaptionControl","_HLSFullScreenControl","_HLSDistanceFromLive","_HLSPlayPauseControl","_HLSSeekbackwardControl","_HLSSeekforwardControl","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","obj","_HLSPlayerControls","playerRef","cancelCurrentControlAnimation","hideControlsAfterDelay","animatedValue","resetHideControlAnimation","bottom","bottomSafeInset","useSafeAreaInsets","isLandscapeOrientation","useIsLandscapeOrientation","hlsFullScreen","useSelector","state","app","hideControlsStyles","useAnimatedStyle","opacity","value","hideControlsProps","useAnimatedProps","pointerEvents","createElement","Fragment","View","animatedProps","style","height","styles","floatingContainer","flex","flexDirection","alignItems","justifyContent","HLSSeekbackwardControl","onPress","HLSPlayPauseControl","HLSSeekforwardControl","top","controlsRow","HLSCloseMeetingControl","normalRow","gap","HLSClosedCaptionControl","HLSGoLiveControl","HLSDistanceFromLive","HLSFullScreenControl","HLSSeekbar","onStart","onEnd","exports","HLSPlayerControls","React","memo","StyleSheet","create","position","width","zIndex","marginHorizontal","icon","padding","alignSelf","marginLeft"],"sourceRoot":"../../../src","sources":["components/HLSPlayerControls.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/HLSSeekbackwardControl.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HLSSeekbackwardControl = 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 _HLSSeekbackwardControl = ({
+  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 handdleSeekBackward = () => {
+    var _playerRef$current;
+    onPress === null || onPress === void 0 || onPress();
+    (_playerRef$current = playerRef.current) === null || _playerRef$current === void 0 || _playerRef$current.seekBackward(10);
+  };
+  const tapGestureHandler = React.useMemo(() => {
+    return _reactNativeGestureHandler.Gesture.Tap().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)(handdleSeekBackward)();
+    });
+  }, []);
+  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: [{
+      marginRight: 24
+    }, animatedStyle]
+  }, /*#__PURE__*/React.createElement(_Icons.SeekArrowIcon, {
+    type: "backward"
+  })));
+};
+const HLSSeekbackwardControl = exports.HLSSeekbackwardControl = /*#__PURE__*/React.memo(_HLSSeekbackwardControl);
+//# sourceMappingURL=HLSSeekbackwardControl.js.map

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/HMSHLSMessage.js

@@ -7,7 +7,6 @@ exports.HMSHLSMessage = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _reactRedux = require("react-redux");
 var _reactNative = require("react-native");
-var _reactNativeGestureHandler = require("react-native-gesture-handler");
 var _hooksUtil = require("../hooks-util");
 var _Icons = require("../Icons");
 var _actions = require("../redux/actions");
@@ -33,16 +32,14 @@ const _HMSHLSMessage = ({
   });
   const isPinned = (0, _reactRedux.useSelector)(state => state.messages.pinnedMessages.findIndex(pinnedMessage => pinnedMessage.id === message.messageId) >= 0);
   const messageSender = message.sender;
-  const hmsRoomStyles = (0, _hooksUtil.useHMSRoomStyleSheet)((_theme, typography) => ({
-    senderName: {
-      color: '#ffffff',
-      fontFamily: `${typography.font_family}-SemiBold`,
-      textShadowColor: 'rgba(0, 0, 0, 0.5)'
-    },
-    message: {
-      color: '#ffffff',
+  const hmsRoomStyles = (0, _hooksUtil.useHMSRoomStyleSheet)((theme, typography) => ({
+    regularSurfaceHigh: {
       fontFamily: `${typography.font_family}-Regular`,
-      textShadowColor: 'rgba(0, 0, 0, 0.5)'
+      color: theme.palette.on_surface_high
+    },
+    semiBoldSurfaceLow: {
+      fontFamily: `${typography.font_family}-SemiBold`,
+      color: theme.palette.on_surface_low
     },
     threeDots: {
       tintColor: '#ffffff'
@@ -71,53 +68,34 @@ const _HMSHLSMessage = ({
   }), /*#__PURE__*/React.createElement(_reactNative.Text, {
     style: [styles.pinnedLabel, hmsRoomStyles.pinnedLabel]
   }, "PINNED")) : null, /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: styles.nameWrapper
+    style: styles.messageWrapper
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [styles.message, hmsRoomStyles.regularSurfaceHigh]
   }, /*#__PURE__*/React.createElement(_reactNative.Text, {
-    style: [styles.senderName, hmsRoomStyles.senderName],
-    numberOfLines: 1
-  }, messageSender ? messageSender.isLocal ? 'You' : messageSender.name : 'Anonymous'), canTakeAction ? /*#__PURE__*/React.createElement(_reactNativeGestureHandler.GestureDetector, {
-    gesture: _reactNativeGestureHandler.Gesture.Tap()
-  }, /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+    style: hmsRoomStyles.semiBoldSurfaceLow
+  }, messageSender ? messageSender.isLocal ? 'You' : messageSender.name : 'Anonymous', '   '), message.message), canTakeAction ? /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
     hitSlop: styles.threeDotsHitSlop,
     onPress: onThreeDotsPress
   }, /*#__PURE__*/React.createElement(_Icons.ThreeDotsIcon, {
     stack: "vertical",
     style: [styles.threeDots, hmsRoomStyles.threeDots]
-  }))) : null), /*#__PURE__*/React.createElement(_reactNative.Text, {
-    style: [styles.message, hmsRoomStyles.message]
-  }, message.message));
+  })) : null));
 };
 const HMSHLSMessage = exports.HMSHLSMessage = /*#__PURE__*/React.memo(_HMSHLSMessage);
 const styles = _reactNative.StyleSheet.create({
   container: {
-    marginTop: 8,
+    marginTop: 16,
     width: '100%'
   },
-  nameWrapper: {
-    flexDirection: 'row',
-    alignItems: 'center'
-  },
-  senderName: {
-    flexGrow: 1,
-    fontSize: 14,
-    lineHeight: _reactNative.Platform.OS === 'android' ? 20 : undefined,
-    letterSpacing: 0.1,
-    textShadowOffset: {
-      height: 1,
-      width: 1
-    },
-    textShadowRadius: 2
+  messageWrapper: {
+    flex: 1,
+    flexDirection: 'row'
   },
   message: {
+    flexShrink: 1,
     fontSize: 14,
     lineHeight: _reactNative.Platform.OS === 'android' ? 20 : undefined,
-    letterSpacing: 0.25,
-    marginTop: 2,
-    textShadowOffset: {
-      height: 0.5,
-      width: 0.5
-    },
-    textShadowRadius: 2
+    letterSpacing: 0.25
   },
   threeDots: {
     width: 20,