@bigbinary/neeto-media-recorder 2.7.7 → 2.7.8

package/index.js

@@ -1009,7 +1009,6 @@ var useAudioIsCapturing = function useAudioIsCapturing(_ref) {
     };
   }, []);
   useEffect(function () {
-    logger.info("useAudioIsCapturing->", timerStarted, hasAudio, isMicOn, disable);
     if (!isMicOn || !timerStarted || disable) return noop;
     var analyserObj = null;
     var rafId;
@@ -1046,24 +1045,19 @@ var useAudioIsCapturing = function useAudioIsCapturing(_ref) {
     var _callbacks;
     if (!isMicOn) return noop;
     var callbacks = (_callbacks = {}, _defineProperty(_callbacks, SCREEN_RECORDER_EVENT.onStart, function () {
-      logger.info("useAudioIsCapturing onStart");
       reset();
       setTimerStarted(true);
       armTimer();
     }), _defineProperty(_callbacks, SCREEN_RECORDER_EVENT.onRestart, function () {
-      logger.info("useAudioIsCapturing onRestart");
       reset();
       setTimerStarted(true);
       armTimer();
     }), _defineProperty(_callbacks, SCREEN_RECORDER_EVENT.onResume, function () {
-      logger.info("useAudioIsCapturing onResume");
       setTimerStarted(true);
       resumeTimer();
     }), _defineProperty(_callbacks, SCREEN_RECORDER_EVENT.onPause, function () {
-      logger.info("useAudioIsCapturing onPause");
       pauseTimer();
     }), _defineProperty(_callbacks, SCREEN_RECORDER_EVENT.onStop, function () {
-      logger.info("useAudioIsCapturing onStop");
       clearTimer();
       reset();
     }), _defineProperty(_callbacks, "disable-mic-not-working-warning", function disableMicNotWorkingWarning() {
@@ -1466,7 +1460,9 @@ var MediaRecorder = function MediaRecorder(_ref, ref) {
     _ref$isMicOn = _ref.isMicOn,
     isMicOn = _ref$isMicOn === void 0 ? false : _ref$isMicOn,
     _ref$onAudioNotCaptur = _ref.onAudioNotCapturing,
-    onAudioNotCapturing = _ref$onAudioNotCaptur === void 0 ? function () {} : _ref$onAudioNotCaptur;
+    onAudioNotCapturing = _ref$onAudioNotCaptur === void 0 ? function () {} : _ref$onAudioNotCaptur,
+    _ref$onError = _ref.onError,
+    onError = _ref$onError === void 0 ? function () {} : _ref$onError;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useState = useState(false),
@@ -1551,6 +1547,16 @@ var MediaRecorder = function MediaRecorder(_ref, ref) {
     _useCreateRecording$d2 = _useCreateRecording$d === void 0 ? {} : _useCreateRecording$d,
     _useCreateRecording$d3 = _useCreateRecording$d2.recording,
     recording = _useCreateRecording$d3 === void 0 ? {} : _useCreateRecording$d3;
+  useEffect(function () {
+    var elapsedTimeInSec = Math.round(elapsedTime / 1000);
+    var checkDelay = 7; // we get data every 5 sec, 7 for safety
+    // If data is insufficient after n secs, there is some issue with media recorder, discard.
+    if (elapsedTimeInSec < checkDelay) return;
+    if (!screenRecorder.hasData() && recorderStatus === SCREEN_RECORDER_STATUS.recording) {
+      screenRecorder.setError(SCREEN_RECORDER_ERROR.InsufficientData);
+      onError(SCREEN_RECORDER_ERROR.InsufficientData);
+    }
+  }, [elapsedTime]);
   recordingRef.current = recording;
   var handleCreateRecording = /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
@@ -1780,7 +1786,12 @@ var MediaRecorder = function MediaRecorder(_ref, ref) {
     className: "flex h-screen w-full flex-col items-center justify-start py-10 xl:py-14 2xl:py-20",
     children: [/*#__PURE__*/jsxs("div", {
       className: classNames("w-full max-w-3xl"),
-      children: [/*#__PURE__*/jsx(UseDesktopAppCallout, {}), error === SCREEN_RECORDER_ERROR.NotAllowedError && /*#__PURE__*/jsxs("div", {
+      children: [/*#__PURE__*/jsx(UseDesktopAppCallout, {}), error === SCREEN_RECORDER_ERROR.InsufficientData && /*#__PURE__*/jsx(Callout, {
+        className: "mb-2 p-3",
+        "data-cy": "recorder-insufficient-data-error-callout",
+        style: "danger",
+        children: t("neetoMediaRecorder.insufficientDataError")
+      }), error === SCREEN_RECORDER_ERROR.NotAllowedError && /*#__PURE__*/jsxs("div", {
         className: "flex flex-col items-center",
         children: [/*#__PURE__*/jsx(Typography, {
           className: "mb-2",