@bigbinary/neeto-media-recorder 2.5.8 → 2.6.0

package/core.js

@@ -1,11 +1,12 @@
 import axios from 'axios';
 import { isPresent, existsBy, isNotEmpty, isNot, noop } from '@bigbinary/neeto-cist';
 import { RETRYABLE_ERRORS, MIME_TYPE as MIME_TYPE$1, UPLOAD_STATUS, UPLOAD_EVENT, SCREEN_RECORDER_STATUS, START_RECORDING_SOUND, RECORDING_LIMIT_REACHED_WARNING_SOUND, SCREEN_RECORDER_ERROR, SCREEN_RECORDER_EVENT, RECORDING_TIME_LIMIT_FREE_PLAN, ONE_SECOND, HALF_A_SECOND_IN_MILLISECONDS, ONE_SECOND_IN_MILLISECONDS, TWO_HUNDRED_MILLISECONDS, ONE_MINUTE_IN_MILLISECONDS, STOP_RECORDING_DUE_TO_LIMIT_REACHED_SOUND, IS_EXTENSION } from '@bigbinary/neeto-media-recorder/constants';
+import { useMultipartS3UploadStatus as useMultipartS3UploadStatus$1, getMultipartS3Uploader as getMultipartS3Uploader$1 } from '@bigbinary/neeto-media-recorder/core';
 import { isNotNil, min, isNil, identity, isEmpty, pick, equals, not } from 'ramda';
 import platform from 'platform';
-import '@bigbinary/neeto-media-recorder/core';
 import withImmutableActions from '@bigbinary/neeto-commons-frontend/react-utils/withImmutableActions';
 import { create as create$3 } from 'zustand';
+import { useSyncExternalStore } from 'react';
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
@@ -133,25 +134,6 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function _classApplyDescriptorGet(receiver, descriptor) {
-  if (descriptor.get) {
-    return descriptor.get.call(receiver);
-  }
-  return descriptor.value;
-}
-
-function _classExtractFieldDescriptor(receiver, privateMap, action) {
-  if (!privateMap.has(receiver)) {
-    throw new TypeError("attempted to " + action + " private field on non-instance");
-  }
-  return privateMap.get(receiver);
-}
-
-function _classPrivateFieldGet(receiver, privateMap) {
-  var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get");
-  return _classApplyDescriptorGet(receiver, descriptor);
-}
-
 function _classApplyDescriptorSet(receiver, descriptor, value) {
   if (descriptor.set) {
     descriptor.set.call(receiver, value);
@@ -163,12 +145,31 @@ function _classApplyDescriptorSet(receiver, descriptor, value) {
   }
 }
 
+function _classExtractFieldDescriptor(receiver, privateMap, action) {
+  if (!privateMap.has(receiver)) {
+    throw new TypeError("attempted to " + action + " private field on non-instance");
+  }
+  return privateMap.get(receiver);
+}
+
 function _classPrivateFieldSet(receiver, privateMap, value) {
   var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "set");
   _classApplyDescriptorSet(receiver, descriptor, value);
   return value;
 }
 
+function _classApplyDescriptorGet(receiver, descriptor) {
+  if (descriptor.get) {
+    return descriptor.get.call(receiver);
+  }
+  return descriptor.value;
+}
+
+function _classPrivateFieldGet(receiver, privateMap) {
+  var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get");
+  return _classApplyDescriptorGet(receiver, descriptor);
+}
+
 function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
 }
@@ -863,14 +864,6 @@ var isMp4Supported = function isMp4Supported() {
   return getSupportedMimeType() === MIME_TYPE$1.mp4;
 };
 
-var prepareStore$1 = function prepareStore() {
-  return create$3(withImmutableActions(function () {
-    return {
-      status: ""
-    };
-  }));
-};
-
 /**
  * Due to the custom axios interceptor for s3Api,
  * it'll return false for cancelled requests instead of a cancelled error object.
@@ -892,30 +885,69 @@ function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if
 function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _classPrivateFieldInitSpec$1(obj, privateMap, value) { _checkPrivateRedeclaration$1(obj, privateMap); privateMap.set(obj, value); }
 function _checkPrivateRedeclaration$1(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
+var createPrefixedLogger = function createPrefixedLogger(prefix) {
+  return {
+    info: function info() {
+      var _logger;
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      return (_logger = logger).info.apply(_logger, [prefix].concat(args));
+    },
+    error: function error() {
+      var _logger2;
+      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+        args[_key2] = arguments[_key2];
+      }
+      return (_logger2 = logger).error.apply(_logger2, [prefix].concat(args));
+    },
+    warn: function warn() {
+      var _logger3;
+      for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+        args[_key3] = arguments[_key3];
+      }
+      return (_logger3 = logger).warn.apply(_logger3, [prefix].concat(args));
+    },
+    debug: function debug() {
+      var _logger4;
+      for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+        args[_key4] = arguments[_key4];
+      }
+      return (_logger4 = logger).debug.apply(_logger4, [prefix].concat(args));
+    }
+  };
+};
 var _recordingId = /*#__PURE__*/new WeakMap();
 var _uploadId = /*#__PURE__*/new WeakMap();
 var _unUploadedChunks = /*#__PURE__*/new WeakMap();
 var _partNumber = /*#__PURE__*/new WeakMap();
 var _s3PartUploadPromises = /*#__PURE__*/new WeakMap();
 var _callbacks$1 = /*#__PURE__*/new WeakMap();
-var _store$1 = /*#__PURE__*/new WeakMap();
 var _abortController = /*#__PURE__*/new WeakMap();
 var _pendingS3ChunkUploads = /*#__PURE__*/new WeakMap();
 var _completeUploadPromise = /*#__PURE__*/new WeakMap();
 var _failedUpload = /*#__PURE__*/new WeakMap();
 var _uploadProgress = /*#__PURE__*/new WeakMap();
+var _status = /*#__PURE__*/new WeakMap();
+var _id = /*#__PURE__*/new WeakMap();
+var _logger5 = /*#__PURE__*/new WeakMap();
+var _status2 = /*#__PURE__*/new WeakMap();
 var _fireCallbacks$1 = /*#__PURE__*/new WeakMap();
 var _uploadChunkToS = /*#__PURE__*/new WeakMap();
 var _getCurrentUnUploadedBlob = /*#__PURE__*/new WeakMap();
-var _isNotInitialized = /*#__PURE__*/new WeakMap();
+var _isRecordingSet = /*#__PURE__*/new WeakMap();
 var MultipartS3Uploader = /*#__PURE__*/function () {
   function MultipartS3Uploader() {
     var _this = this;
     _classCallCheck(this, MultipartS3Uploader);
-    _classPrivateFieldInitSpec$1(this, _isNotInitialized, {
-      get: _get_isNotInitialized,
+    _classPrivateFieldInitSpec$1(this, _isRecordingSet, {
+      get: _get_isRecordingSet,
       set: void 0
     });
+    _classPrivateFieldInitSpec$1(this, _status2, {
+      get: void 0,
+      set: _set_status
+    });
     _defineProperty(this, "MIN_UPLOAD_CHUNK_SIZE", 5 * 1024 * 1024);
     _classPrivateFieldInitSpec$1(this, _recordingId, {
       writable: true,
@@ -941,10 +973,6 @@ var MultipartS3Uploader = /*#__PURE__*/function () {
       writable: true,
       value: {}
     });
-    _classPrivateFieldInitSpec$1(this, _store$1, {
-      writable: true,
-      value: void 0
-    });
     _classPrivateFieldInitSpec$1(this, _abortController, {
       writable: true,
       value: void 0
@@ -965,7 +993,19 @@ var MultipartS3Uploader = /*#__PURE__*/function () {
       writable: true,
       value: {}
     });
-    _defineProperty(this, "initialize", function (recordingId, uploadId) {
+    _classPrivateFieldInitSpec$1(this, _status, {
+      writable: true,
+      value: ""
+    });
+    _classPrivateFieldInitSpec$1(this, _id, {
+      writable: true,
+      value: crypto.randomUUID()
+    });
+    _classPrivateFieldInitSpec$1(this, _logger5, {
+      writable: true,
+      value: createPrefixedLogger("[".concat(_classPrivateFieldGet(this, _id), "]"))
+    });
+    _defineProperty(this, "setRecording", function (recordingId, uploadId) {
       _classPrivateFieldSet(_this, _recordingId, recordingId);
       _classPrivateFieldSet(_this, _uploadId, uploadId);
       _classPrivateFieldSet(_this, _abortController, new AbortController());
@@ -974,8 +1014,8 @@ var MultipartS3Uploader = /*#__PURE__*/function () {
       if (data.size > 0) {
         _classPrivateFieldGet(_this, _unUploadedChunks).push(data);
       }
-      if (_classPrivateFieldGet(_this, _isNotInitialized)) return;
-      logger.info("Current unuploaded data size is ", _classPrivateFieldGet(_this, _getCurrentUnUploadedBlob).call(_this).size / 1024 / 1024, "MB");
+      if (_classPrivateFieldGet(_this, _isRecordingSet)) return;
+      _classPrivateFieldGet(_this, _logger5).info("Current unuploaded data size is ", _classPrivateFieldGet(_this, _getCurrentUnUploadedBlob).call(_this).size / 1024 / 1024, "MB");
       if (_classPrivateFieldGet(_this, _getCurrentUnUploadedBlob).call(_this).size > _this.MIN_UPLOAD_CHUNK_SIZE) {
         var uploadChunkToS3Promise = _classPrivateFieldGet(_this, _uploadChunkToS).call(_this, _classPrivateFieldGet(_this, _unUploadedChunks));
         _classPrivateFieldGet(_this, _pendingS3ChunkUploads).push(uploadChunkToS3Promise);
@@ -988,19 +1028,17 @@ var MultipartS3Uploader = /*#__PURE__*/function () {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             _context.prev = 0;
-            _classPrivateFieldGet(_this, _store$1).setState({
-              status: UPLOAD_STATUS.uploading
-            });
-            if (!_classPrivateFieldGet(_this, _isNotInitialized)) {
+            _classPrivateFieldSet(_this, _status2, UPLOAD_STATUS.uploading);
+            if (!_classPrivateFieldGet(_this, _isRecordingSet)) {
               _context.next = 5;
               break;
             }
-            logger.error("completeUpload -> not initialized");
+            _classPrivateFieldGet(_this, _logger5).error("completeUpload -> not initialized");
             return _context.abrupt("return");
           case 5:
             // Upload last chunk; only if last chunk has data
             if (_classPrivateFieldGet(_this, _getCurrentUnUploadedBlob).call(_this).size > 0) {
-              logger.info("completeUpload -> need to upload last chunk");
+              _classPrivateFieldGet(_this, _logger5).info("completeUpload -> need to upload last chunk");
               uploadChunkToS3Promise = _classPrivateFieldGet(_this, _uploadChunkToS).call(_this, _classPrivateFieldGet(_this, _unUploadedChunks));
               _classPrivateFieldGet(_this, _pendingS3ChunkUploads).push(uploadChunkToS3Promise);
             }
@@ -1013,39 +1051,32 @@ var MultipartS3Uploader = /*#__PURE__*/function () {
              * adding the new presignedUrl part upload to s3PartUploadPromises.
              * This results in incorrect partNumbers.
              */
-            logger.info("completeUpload -> uploading all pending chunks...", _classPrivateFieldGet(_this, _pendingS3ChunkUploads).length);
+            _classPrivateFieldGet(_this, _logger5).info("completeUpload -> uploading all pending chunks...", _classPrivateFieldGet(_this, _pendingS3ChunkUploads).length);
             _context.next = 9;
             return Promise.all(_classPrivateFieldGet(_this, _pendingS3ChunkUploads));
           case 9:
-            logger.info("completeUpload -> finishing part uploads...");
+            _classPrivateFieldGet(_this, _logger5).info("completeUpload -> finishing part uploads...");
             _context.next = 12;
             return Promise.all(_classPrivateFieldGet(_this, _s3PartUploadPromises));
           case 12:
             resolvedS3PartUploadPromises = _context.sent;
             if (!isNotEmpty(_classPrivateFieldGet(_this, _failedUpload))) {
-              _context.next = 19;
+              _context.next = 18;
               break;
             }
-            logger.info("completeUpload -> chunks with these partNumbers failed:", _classPrivateFieldGet(_this, _failedUpload));
-            _classPrivateFieldGet(_this, _store$1).setState({
-              status: UPLOAD_STATUS.error
-            });
+            _classPrivateFieldGet(_this, _logger5).info("completeUpload -> chunks with these partNumbers failed:", _classPrivateFieldGet(_this, _failedUpload));
+            _classPrivateFieldSet(_this, _status2, UPLOAD_STATUS.error);
             _classPrivateFieldGet(_this, _fireCallbacks$1).call(_this, UPLOAD_EVENT.onError);
-            _classPrivateFieldGet(_this, _store$1).setState({
-              status: UPLOAD_STATUS.error
-            });
             return _context.abrupt("return");
-          case 19:
+          case 18:
             if (!(resolvedS3PartUploadPromises.length === 0)) {
-              _context.next = 23;
+              _context.next = 22;
               break;
             }
-            logger.info("completeUpload -> insufficient data");
-            _classPrivateFieldGet(_this, _store$1).setState({
-              status: UPLOAD_STATUS.insufficient_data
-            });
+            _classPrivateFieldGet(_this, _logger5).info("completeUpload -> insufficient data");
+            _classPrivateFieldSet(_this, _status2, UPLOAD_STATUS.insufficient_data);
             return _context.abrupt("return");
-          case 23:
+          case 22:
             parts = resolvedS3PartUploadPromises.filter(isNotCancelledRequest).map(function (resolvedResponse) {
               return {
                 etag: resolvedResponse.headers.etag,
@@ -1054,7 +1085,7 @@ var MultipartS3Uploader = /*#__PURE__*/function () {
             }).toSorted(function (a, b) {
               return Number(a.partNumber) - Number(b.partNumber);
             });
-            logger.info("completeUpload -> uploaded parts: ", parts);
+            _classPrivateFieldGet(_this, _logger5).info("completeUpload -> uploaded parts: ", parts);
             _classPrivateFieldSet(_this, _completeUploadPromise, completeUploadApi.create({
               recordingId: _classPrivateFieldGet(_this, _recordingId),
               payload: {
@@ -1066,75 +1097,73 @@ var MultipartS3Uploader = /*#__PURE__*/function () {
                 signal: _classPrivateFieldGet(_this, _abortController).signal
               }
             }));
-            logger.info("completeUpload -> completing upload... ");
-            _context.next = 29;
+            _classPrivateFieldGet(_this, _logger5).info("completeUpload -> completing upload... ");
+            _context.next = 28;
             return _classPrivateFieldGet(_this, _completeUploadPromise);
-          case 29:
-            logger.info("completeUpload -> upload completed");
-            if (!(_classPrivateFieldGet(_this, _store$1).getState().status === UPLOAD_STATUS.aborting)) {
-              _context.next = 33;
+          case 28:
+            _classPrivateFieldGet(_this, _logger5).info("completeUpload -> upload completed");
+            if (!(_this.status === UPLOAD_STATUS.aborting)) {
+              _context.next = 32;
               break;
             }
-            logger.info("completeUpload -> upload was marked as aborted");
+            _classPrivateFieldGet(_this, _logger5).info("completeUpload -> upload was marked as aborted");
             return _context.abrupt("return");
-          case 33:
-            _classPrivateFieldGet(_this, _store$1).setState({
-              status: UPLOAD_STATUS.completed
-            });
+          case 32:
+            _classPrivateFieldSet(_this, _status2, UPLOAD_STATUS.completed);
             _classPrivateFieldGet(_this, _fireCallbacks$1).call(_this, UPLOAD_EVENT.onComplete);
-            _context.next = 40;
+            _context.next = 39;
             break;
-          case 37:
-            _context.prev = 37;
+          case 36:
+            _context.prev = 36;
             _context.t0 = _context["catch"](0);
             // ignore if aborted
             if (!axios.isCancel(_context.t0)) {
-              _classPrivateFieldGet(_this, _store$1).setState({
-                status: UPLOAD_STATUS.error
-              });
+              _classPrivateFieldSet(_this, _status2, UPLOAD_STATUS.error);
               _classPrivateFieldGet(_this, _fireCallbacks$1).call(_this, UPLOAD_EVENT.onError);
-              logger.error(_context.t0);
+              _classPrivateFieldGet(_this, _logger5).error(_context.t0);
             }
-          case 40:
-            _context.prev = 40;
+          case 39:
+            _context.prev = 39;
             _classPrivateFieldSet(_this, _completeUploadPromise, null);
-            return _context.finish(40);
-          case 43:
+            return _context.finish(39);
+          case 42:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[0, 37, 40, 43]]);
+      }, _callee, null, [[0, 36, 39, 42]]);
     })));
     _defineProperty(this, "abortUpload", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-      var recordingId, uploadId;
+      var forceAbort,
+        recordingId,
+        uploadId,
+        _args2 = arguments;
       return _regeneratorRuntime.wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            _context2.prev = 0;
-            if (!(_classPrivateFieldGet(_this, _store$1).getState().status === UPLOAD_STATUS.aborting)) {
-              _context2.next = 4;
+            forceAbort = _args2.length > 0 && _args2[0] !== undefined ? _args2[0] : false;
+            _context2.prev = 1;
+            if (!(_this.status === UPLOAD_STATUS.aborting && !forceAbort)) {
+              _context2.next = 5;
               break;
             }
-            logger.info("abortUpload -> already aborting");
+            _classPrivateFieldGet(_this, _logger5).info("abortUpload -> already aborting");
             return _context2.abrupt("return");
-          case 4:
-            _classPrivateFieldGet(_this, _store$1).setState({
-              status: UPLOAD_STATUS.aborting
-            });
-            if (!_classPrivateFieldGet(_this, _isNotInitialized)) {
-              _context2.next = 8;
+          case 5:
+            _classPrivateFieldSet(_this, _status2, UPLOAD_STATUS.aborting);
+            if (!_classPrivateFieldGet(_this, _isRecordingSet)) {
+              _context2.next = 9;
               break;
             }
-            logger.info("abortUpload -> not initialized");
+            _classPrivateFieldGet(_this, _logger5).info("abortUpload -> not initialized");
             return _context2.abrupt("return");
-          case 8:
+          case 9:
             recordingId = _classPrivateFieldGet(_this, _recordingId);
             uploadId = _classPrivateFieldGet(_this, _uploadId);
-            _context2.next = 12;
+            _context2.next = 13;
             return _classPrivateFieldGet(_this, _completeUploadPromise);
-          case 12:
+          case 13:
             _classPrivateFieldGet(_this, _abortController).abort();
-            _context2.next = 15;
+            _context2.next = 16;
             return abortUploadApi.create({
               recordingId: recordingId,
               payload: {
@@ -1142,26 +1171,25 @@ var MultipartS3Uploader = /*#__PURE__*/function () {
                 isMp4: isMp4Supported()
               }
             });
-          case 15:
-            logger.info("abortUpload -> abort successful");
+          case 16:
+            _classPrivateFieldGet(_this, _logger5).info("abortUpload -> abort successful");
+            _classPrivateFieldGet(_this, _fireCallbacks$1).call(_this, UPLOAD_EVENT.onAbort);
             _classPrivateFieldSet(_this, _unUploadedChunks, []);
             _classPrivateFieldSet(_this, _partNumber, 1);
             _classPrivateFieldSet(_this, _s3PartUploadPromises, []);
-            _classPrivateFieldGet(_this, _store$1).setState({
-              status: ""
-            });
+            _classPrivateFieldSet(_this, _status2, "");
             _classPrivateFieldSet(_this, _abortController, null);
-            _context2.next = 26;
+            _context2.next = 28;
             break;
-          case 23:
-            _context2.prev = 23;
-            _context2.t0 = _context2["catch"](0);
-            logger.error(_context2.t0);
-          case 26:
+          case 25:
+            _context2.prev = 25;
+            _context2.t0 = _context2["catch"](1);
+            _classPrivateFieldGet(_this, _logger5).error(_context2.t0);
+          case 28:
           case "end":
             return _context2.stop();
         }
-      }, _callee2, null, [[0, 23]]);
+      }, _callee2, null, [[1, 25]]);
     })));
     _defineProperty(this, "resetState", function () {
       _classPrivateFieldSet(_this, _recordingId, "");
@@ -1173,9 +1201,7 @@ var MultipartS3Uploader = /*#__PURE__*/function () {
       _classPrivateFieldSet(_this, _callbacks$1, {});
       _classPrivateFieldSet(_this, _failedUpload, []);
       _classPrivateFieldSet(_this, _uploadProgress, {});
-      _classPrivateFieldGet(_this, _store$1).setState({
-        status: ""
-      });
+      _classPrivateFieldSet(_this, _status2, "");
     });
     _defineProperty(this, "addCallback", function (event, callback) {
       var _classPrivateFieldGet2;
@@ -1207,7 +1233,7 @@ var MultipartS3Uploader = /*#__PURE__*/function () {
           return _regeneratorRuntime.wrap(function _callee3$(_context3) {
             while (1) switch (_context3.prev = _context3.next) {
               case 0:
-                logger.info("Part ready to be uploaded: ", _classPrivateFieldGet(_this, _partNumber));
+                _classPrivateFieldGet(_this, _logger5).info("Part ready to be uploaded: ", _classPrivateFieldGet(_this, _partNumber));
                 partNumber = _classPrivateFieldGet(_this, _partNumber);
                 mimeType = getSupportedMimeType();
                 _classPrivateFieldSet(_this, _partNumber, (_this$partNumber = _classPrivateFieldGet(_this, _partNumber), _this$partNumber++, _this$partNumber));
@@ -1233,7 +1259,7 @@ var MultipartS3Uploader = /*#__PURE__*/function () {
               case 8:
                 _yield$partPresignedU = _context3.sent;
                 presignedUrl = _yield$partPresignedU.presignedUrl;
-                logger.info("Presigned url created for partNumber:", partNumber);
+                _classPrivateFieldGet(_this, _logger5).info("Presigned url created for partNumber:", partNumber);
                 s3PartUploadPromise = s3Api.presignedUpload({
                   presignedUrl: presignedUrl,
                   blob: new Blob(chunks, {
@@ -1247,9 +1273,9 @@ var MultipartS3Uploader = /*#__PURE__*/function () {
                         uploaded: e.loaded,
                         total: e.total
                       };
-                      if (_classPrivateFieldGet(_this, _store$1).getState().status === UPLOAD_STATUS.uploading) {
+                      if (_this.status === UPLOAD_STATUS.uploading) {
                         var percentCompleted = calculateUploadProgress(_classPrivateFieldGet(_this, _uploadProgress));
-                        logger.info("Upload Progress: ".concat(percentCompleted, "%"));
+                        _classPrivateFieldGet(_this, _logger5).info("Upload Progress: ".concat(percentCompleted, "%"));
                         _classPrivateFieldGet(_this, _fireCallbacks$1).call(_this, UPLOAD_EVENT.onProgress, [percentCompleted]);
                       }
                     }
@@ -1263,11 +1289,9 @@ var MultipartS3Uploader = /*#__PURE__*/function () {
                 _context3.t0 = _context3["catch"](5);
                 // ignore if aborted
                 if (!axios.isCancel(_context3.t0)) {
-                  logger.error("Failed to upload partNumber:", partNumber);
-                  if (_classPrivateFieldGet(_this, _store$1).getState().status === UPLOAD_STATUS.uploading) {
-                    _classPrivateFieldGet(_this, _store$1).setState({
-                      status: UPLOAD_STATUS.error
-                    });
+                  _classPrivateFieldGet(_this, _logger5).error("Failed to upload partNumber:", partNumber);
+                  if (_this.status === UPLOAD_STATUS.uploading) {
+                    _classPrivateFieldSet(_this, _status2, UPLOAD_STATUS.error);
                     _classPrivateFieldGet(_this, _fireCallbacks$1).call(_this, UPLOAD_EVENT.onError);
                   } else {
                     _classPrivateFieldGet(_this, _failedUpload).push(partNumber);
@@ -1293,14 +1317,12 @@ var MultipartS3Uploader = /*#__PURE__*/function () {
         });
       }
     });
-    _classPrivateFieldSet(this, _store$1, prepareStore$1());
+    _classPrivateFieldGet(this, _logger5).info("Uploader initialized");
   }
-
-  /** @type {import("neetocommons/react-utils").ZustandStoreHook} */
   _createClass(MultipartS3Uploader, [{
-    key: "useMultipartS3UploadStore",
+    key: "status",
     get: function get() {
-      return _classPrivateFieldGet(this, _store$1);
+      return _classPrivateFieldGet(this, _status);
     }
   }, {
     key: "hasSufficientData",
@@ -1310,10 +1332,24 @@ var MultipartS3Uploader = /*#__PURE__*/function () {
   }]);
   return MultipartS3Uploader;
 }();
-function _get_isNotInitialized() {
+function _set_status(status) {
+  _classPrivateFieldSet(this, _status, status);
+  useMultipartS3UploadStatus$1.triggerStatusChange();
+}
+function _get_isRecordingSet() {
   return isEmpty(_classPrivateFieldGet(this, _uploadId) + _classPrivateFieldGet(this, _recordingId));
 }
 var multipartS3Uploader = new MultipartS3Uploader();
+var getMultipartS3Uploader = function getMultipartS3Uploader() {
+  var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    _ref3$initialize = _ref3.initialize,
+    initialize = _ref3$initialize === void 0 ? false : _ref3$initialize;
+  if (!multipartS3Uploader || initialize) {
+    multipartS3Uploader = new MultipartS3Uploader();
+    useMultipartS3UploadStatus$1.triggerStatusChange();
+  }
+  return multipartS3Uploader;
+};
 
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
@@ -1878,14 +1914,16 @@ var ScreenRecorder = /*#__PURE__*/function () {
                 _classPrivateFieldGet(_this, _mediaRecorder).start(5000);
                 _classPrivateFieldGet(_this, _startTimer).call(_this);
               } catch (error) {
-                clearInterval(_classPrivateFieldGet(_this, _timerId));
+                logger.info("Failed to start mediaRecorder", error);
                 _classPrivateFieldGet(_this, _store).setState({
                   status: SCREEN_RECORDER_STATUS.idle,
-                  error: SCREEN_RECORDER_ERROR[error.name]
+                  error: SCREEN_RECORDER_ERROR.FailedToStart
                 });
-                _classPrivateFieldGet(_this, _fireCallbacks).call(_this, SCREEN_RECORDER_EVENT.onError, [error]);
+
                 // To prevent triggering #onRecordingStop when the mediaRecorder is failed to start.
-                _classPrivateFieldGet(_this, _mediaRecorder).onstop = noop;
+                if (_classPrivateFieldGet(_this, _mediaRecorder)) {
+                  _classPrivateFieldGet(_this, _mediaRecorder).onstop = noop;
+                }
                 if (_classPrivateFieldGet(_this, _mediaStream)) {
                   _classPrivateFieldGet(_this, _mediaStream).getTracks().forEach(function (track) {
                     return track.stop();
@@ -1991,5 +2029,34 @@ var screenRecorder = new ScreenRecorder(true, {
   displaySurface: DISPLAY_SURFACE.monitor
 });
 
-export { multipartS3Uploader, screenRecorder };
+var listeners = new Set();
+var subscribe = function subscribe(listener) {
+  listeners.add(listener);
+  return function () {
+    return listeners["delete"](listener);
+  };
+};
+var triggerStatusChange = function triggerStatusChange() {
+  listeners.forEach(function (listener) {
+    return listener();
+  });
+};
+var getSnapshot = function getSnapshot() {
+  return getMultipartS3Uploader$1().status;
+};
+var useMultipartS3UploadStatus = function useMultipartS3UploadStatus() {
+  var status = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+  return {
+    status: status,
+    isStatus: function isStatus() {
+      for (var _len = arguments.length, statuses = new Array(_len), _key = 0; _key < _len; _key++) {
+        statuses[_key] = arguments[_key];
+      }
+      return statuses.includes(status);
+    }
+  };
+};
+useMultipartS3UploadStatus.triggerStatusChange = triggerStatusChange;
+
+export { getMultipartS3Uploader, screenRecorder, useMultipartS3UploadStatus };
 //# sourceMappingURL=core.js.map