@100mslive/react-native-room-kit/lib/module/components/HLSRecordingStatusText.js

100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.

import * as React from 'react';
import { Text } from 'react-native';
import { useSelector } from 'react-redux';
import { HMSRecordingState } from '@100mslive/react-native-hms';
import { useIsAnyRecordingOn, useIsAnyRecordingPaused } from '../hooks-sdk';
export const HLSRecordingStatusText = ({
  prefix,
  suffix,
  ...restProps
}) => {
  const isRecordingOn = useIsAnyRecordingOn();
  const isRecordingPaused = useIsAnyRecordingPaused();
  const startingOrStoppingRecording = useSelector(state => {
    var _state$hmsStates$room, _state$hmsStates$room2, _state$hmsStates$room3;
    return state.app.startingOrStoppingRecording || ((_state$hmsStates$room = state.hmsStates.room) === null || _state$hmsStates$room === void 0 ? void 0 : _state$hmsStates$room.browserRecordingState.state) === HMSRecordingState.STARTING || ((_state$hmsStates$room2 = state.hmsStates.room) === null || _state$hmsStates$room2 === void 0 ? void 0 : _state$hmsStates$room2.serverRecordingState.state) === HMSRecordingState.STARTING || ((_state$hmsStates$room3 = state.hmsStates.room) === null || _state$hmsStates$room3 === void 0 || (_state$hmsStates$room3 = _state$hmsStates$room3.hlsRecordingState) === null || _state$hmsStates$room3 === void 0 ? void 0 : _state$hmsStates$room3.state) === HMSRecordingState.STARTING;
  });
  if (startingOrStoppingRecording || !(isRecordingPaused && isRecordingOn)) {
    return null;
  }
  return /*#__PURE__*/React.createElement(React.Fragment, null, prefix, /*#__PURE__*/React.createElement(Text, restProps, isRecordingPaused ? 'Recording Paused' : isRecordingOn ? 'Recording' : ''), suffix);
};
//# sourceMappingURL=HLSRecordingStatusText.js.map