@bigbinary/neeto-media-recorder 2.7.29-beta.2 → 2.7.31

package/index.js

@@ -8,6 +8,7 @@ import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
 import Alert from '@bigbinary/neetoui/Alert';
 import { Trans, useTranslation } from 'react-i18next';
 import axios from 'axios';
+import { copyToClipboard } from '@bigbinary/neeto-commons-frontend/utils/general';
 import Toastr from '@bigbinary/neetoui/Toastr';
 import platform from 'platform';
 import { isNotNil } from 'ramda';
@@ -688,48 +689,119 @@ var copyRecordingLinkToClipboardOnStop = function copyRecordingLinkToClipboardOn
     recordingRef = _ref3.recordingRef,
     baseURLRef = _ref3.baseURLRef,
     successMessage = _ref3.successMessage;
-  if (typeof window.ClipboardItem !== "function" || !((_navigator$clipboard = navigator.clipboard) !== null && _navigator$clipboard !== void 0 && _navigator$clipboard.write)) {
+  var resolveLink = /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+      var _recordingRef$current;
+      var recordingId, baseURL;
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            if (!(createRecordingPromise !== null && createRecordingPromise !== void 0 && createRecordingPromise.current)) {
+              _context2.next = 3;
+              break;
+            }
+            _context2.next = 3;
+            return createRecordingPromise.current;
+          case 3:
+            recordingId = recordingRef === null || recordingRef === void 0 ? void 0 : (_recordingRef$current = recordingRef.current) === null || _recordingRef$current === void 0 ? void 0 : _recordingRef$current.id;
+            baseURL = baseURLRef === null || baseURLRef === void 0 ? void 0 : baseURLRef.current;
+            if (!(!recordingId || !baseURL)) {
+              _context2.next = 7;
+              break;
+            }
+            throw new Error("Recording id or base URL unavailable");
+          case 7:
+            return _context2.abrupt("return", generatePublicUrl(recordingId, baseURL));
+          case 8:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function resolveLink() {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+  if (typeof window.ClipboardItem === "function" && (_navigator$clipboard = navigator.clipboard) !== null && _navigator$clipboard !== void 0 && _navigator$clipboard.write) {
+    var linkBlobPromise = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            _context3.t0 = Blob;
+            _context3.next = 3;
+            return resolveLink();
+          case 3:
+            _context3.t1 = _context3.sent;
+            _context3.t2 = [_context3.t1];
+            _context3.t3 = {
+              type: "text/plain"
+            };
+            return _context3.abrupt("return", new _context3.t0(_context3.t2, _context3.t3));
+          case 7:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    }))();
+
+    // Synchronously initiate clipboard.write so Safari preserves the user
+    // activation across the wait for linkBlobPromise.
+    var writePromise = navigator.clipboard.write([new ClipboardItem({
+      "text/plain": linkBlobPromise
+    })]);
+    _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+      return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            _context4.prev = 0;
+            _context4.next = 3;
+            return writePromise;
+          case 3:
+            Toastr.success(successMessage);
+            _context4.next = 8;
+            break;
+          case 6:
+            _context4.prev = 6;
+            _context4.t0 = _context4["catch"](0);
+          case 8:
+          case "end":
+            return _context4.stop();
+        }
+      }, _callee4, null, [[0, 6]]);
+    }))();
     return;
   }
-  var linkBlobPromise = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-    var _recordingRef$current;
-    var recordingId, baseURL;
-    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
+
+  // Legacy fallback for browsers without ClipboardItem (e.g. Firefox < 127).
+  // These browsers don't enforce Safari's strict gesture requirement, so a
+  // deferred async write is acceptable. copyToClipboard handles its own
+  // success toastr and falls back to document.execCommand internally.
+  _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
+    var link;
+    return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+      while (1) switch (_context5.prev = _context5.next) {
         case 0:
-          if (!(createRecordingPromise !== null && createRecordingPromise !== void 0 && createRecordingPromise.current)) {
-            _context2.next = 3;
-            break;
-          }
-          _context2.next = 3;
-          return createRecordingPromise.current;
+          _context5.prev = 0;
+          _context5.next = 3;
+          return resolveLink();
         case 3:
-          recordingId = recordingRef === null || recordingRef === void 0 ? void 0 : (_recordingRef$current = recordingRef.current) === null || _recordingRef$current === void 0 ? void 0 : _recordingRef$current.id;
-          baseURL = baseURLRef === null || baseURLRef === void 0 ? void 0 : baseURLRef.current;
-          if (!(!recordingId || !baseURL)) {
-            _context2.next = 7;
-            break;
-          }
-          throw new Error("Recording id or base URL unavailable");
-        case 7:
-          return _context2.abrupt("return", new Blob([generatePublicUrl(recordingId, baseURL)], {
-            type: "text/plain"
-          }));
+          link = _context5.sent;
+          _context5.next = 6;
+          return copyToClipboard(link, {
+            message: successMessage
+          });
+        case 6:
+          _context5.next = 10;
+          break;
         case 8:
+          _context5.prev = 8;
+          _context5.t0 = _context5["catch"](0);
+        case 10:
         case "end":
-          return _context2.stop();
+          return _context5.stop();
       }
-    }, _callee2);
+    }, _callee5, null, [[0, 8]]);
   }))();
-
-  // Swallow the unhandled rejection on the inner promise; clipboard.write
-  // already observes it, but we don't want stray unhandled rejection logs.
-  linkBlobPromise["catch"](noop);
-  navigator.clipboard.write([new ClipboardItem({
-    "text/plain": linkBlobPromise
-  })]).then(function () {
-    return Toastr.success(successMessage);
-  })["catch"](noop);
 };
 
 function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -1868,61 +1940,45 @@ var MediaRecorder$1 = function MediaRecorder(_ref, ref) {
       onError(SCREEN_RECORDER_ERROR.InsufficientData);
     }
   }, [elapsedTime]);
-  recordingRef.current = recording;
   var handleCreateRecordingError = function handleCreateRecordingError(error) {
     if (isCancelledError(error)) return;
     screenRecorder.setError(SCREEN_RECORDER_ERROR.CreateRecordingError);
     onError(SCREEN_RECORDER_ERROR.CreateRecordingError);
   };
-  var handleCreateRecording = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
-      var payload;
-      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
+  var handleCreateRecording = function handleCreateRecording() {
+    if (!upload) return;
+    recordingRef.current = {};
+    createRecordingPromise.current = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+      var payload, result;
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            if (upload) {
-              _context3.next = 2;
-              break;
-            }
-            return _context3.abrupt("return");
-          case 2:
+            _context2.prev = 0;
             payload = {
               folderId: folderId
             };
-            _context3.next = 5;
+            _context2.next = 4;
             return getDeviceInfo(mimeType);
-          case 5:
-            payload.deviceInfo = _context3.sent;
-            createRecordingPromise.current = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-              return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-                while (1) switch (_context2.prev = _context2.next) {
-                  case 0:
-                    _context2.prev = 0;
-                    _context2.next = 3;
-                    return createRecording(payload);
-                  case 3:
-                    _context2.next = 8;
-                    break;
-                  case 5:
-                    _context2.prev = 5;
-                    _context2.t0 = _context2["catch"](0);
-                    handleCreateRecordingError(_context2.t0);
-                  case 8:
-                  case "end":
-                    return _context2.stop();
-                }
-              }, _callee2, null, [[0, 5]]);
-            }))();
+          case 4:
+            payload.deviceInfo = _context2.sent;
+            _context2.next = 7;
+            return createRecording(payload);
           case 7:
+            result = _context2.sent;
+            if (result !== null && result !== void 0 && result.recording) recordingRef.current = result.recording;
+            _context2.next = 14;
+            break;
+          case 11:
+            _context2.prev = 11;
+            _context2.t0 = _context2["catch"](0);
+            handleCreateRecordingError(_context2.t0);
+          case 14:
           case "end":
-            return _context3.stop();
+            return _context2.stop();
         }
-      }, _callee3);
-    }));
-    return function handleCreateRecording() {
-      return _ref4.apply(this, arguments);
-    };
-  }();
+      }, _callee2, null, [[0, 11]]);
+    }))();
+  };
   var handleStopRecording = function handleStopRecording() {
     if (upload) {
       copyRecordingLinkToClipboardOnStop({
@@ -1939,42 +1995,42 @@ var MediaRecorder$1 = function MediaRecorder(_ref, ref) {
     return onUploadComplete((_recordingRef$current = recordingRef.current) === null || _recordingRef$current === void 0 ? void 0 : _recordingRef$current.id);
   };
   var handleDiscardRecording = /*#__PURE__*/function () {
-    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
-      var _ref7,
-        _ref7$forceAbort,
+    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+      var _ref6,
+        _ref6$forceAbort,
         forceAbort,
         multipartS3Uploader,
-        _args4 = arguments;
-      return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
+        _args3 = arguments;
+      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
           case 0:
-            _ref7 = _args4.length > 0 && _args4[0] !== undefined ? _args4[0] : {}, _ref7$forceAbort = _ref7.forceAbort, forceAbort = _ref7$forceAbort === void 0 ? false : _ref7$forceAbort;
+            _ref6 = _args3.length > 0 && _args3[0] !== undefined ? _args3[0] : {}, _ref6$forceAbort = _ref6.forceAbort, forceAbort = _ref6$forceAbort === void 0 ? false : _ref6$forceAbort;
             if (upload) {
-              _context4.next = 4;
+              _context3.next = 4;
               break;
             }
             onDiscard();
-            return _context4.abrupt("return");
+            return _context3.abrupt("return");
           case 4:
             multipartS3Uploader = getMultipartS3Uploader();
-            _context4.next = 7;
+            _context3.next = 7;
             return multipartS3Uploader.abortUpload(forceAbort);
           case 7:
             if (!(multipartS3Uploader.status === UPLOAD_STATUS$1.aborting)) {
-              _context4.next = 9;
+              _context3.next = 9;
               break;
             }
-            return _context4.abrupt("return");
+            return _context3.abrupt("return");
           case 9:
             onDiscard();
           case 10:
           case "end":
-            return _context4.stop();
+            return _context3.stop();
         }
-      }, _callee4);
+      }, _callee3);
     }));
     return function handleDiscardRecording() {
-      return _ref6.apply(this, arguments);
+      return _ref5.apply(this, arguments);
     };
   }();
   var handleRestartRecording = function handleRestartRecording() {
@@ -2026,6 +2082,12 @@ var MediaRecorder$1 = function MediaRecorder(_ref, ref) {
       newMultipartS3Uploader.addCallback(key, uploaderCallbacks[key]);
     });
     handleCreateRecording();
+    copyRecordingLinkToClipboardOnStop({
+      createRecordingPromise: createRecordingPromise,
+      recordingRef: recordingRef,
+      baseURLRef: baseURLRef,
+      successMessage: t("neetoMediaRecorder.record.copyToClipboardToastrMessage")
+    });
   };
   useImperativeHandle(ref, function () {
     return {
@@ -2049,25 +2111,25 @@ var MediaRecorder$1 = function MediaRecorder(_ref, ref) {
       var multipartS3Uploader = upload ? getMultipartS3Uploader({
         initialize: true
       }) : null;
-      var recorderCallbacks = (_recorderCallbacks = {}, _defineProperty(_recorderCallbacks, SCREEN_RECORDER_EVENT.onDataAvailable, upload ? multipartS3Uploader.push : noop), _defineProperty(_recorderCallbacks, SCREEN_RECORDER_EVENT.onStop, _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
+      var recorderCallbacks = (_recorderCallbacks = {}, _defineProperty(_recorderCallbacks, SCREEN_RECORDER_EVENT.onDataAvailable, upload ? multipartS3Uploader.push : noop), _defineProperty(_recorderCallbacks, SCREEN_RECORDER_EVENT.onStop, _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
         var blob;
-        return _regeneratorRuntime.wrap(function _callee5$(_context5) {
-          while (1) switch (_context5.prev = _context5.next) {
+        return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
             case 0:
               if (upload) {
-                _context5.next = 5;
+                _context4.next = 5;
                 break;
               }
               blob = screenRecorder.getWebmMediaBlob();
               RequestedRecordingCallback(blob);
               onRecordingCompleted(blob);
-              return _context5.abrupt("return");
+              return _context4.abrupt("return");
             case 5:
               if (!createRecordingPromise.current) {
-                _context5.next = 9;
+                _context4.next = 9;
                 break;
               }
-              _context5.next = 8;
+              _context4.next = 8;
               return createRecordingPromise.current;
             case 8:
               createRecordingPromise.current = null;
@@ -2075,9 +2137,9 @@ var MediaRecorder$1 = function MediaRecorder(_ref, ref) {
               multipartS3Uploader.completeUpload();
             case 10:
             case "end":
-              return _context5.stop();
+              return _context4.stop();
           }
-        }, _callee5);
+        }, _callee4);
       }))), _defineProperty(_recorderCallbacks, SCREEN_RECORDER_EVENT.onDiscard, handleDiscardRecording), _defineProperty(_recorderCallbacks, SCREEN_RECORDER_EVENT.onRestart, handleRestartRecording), _recorderCallbacks);
       Object.keys(recorderCallbacks).forEach(function (key) {
         screenRecorder.addCallback(key, recorderCallbacks[key]);