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

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; }