@bigbinary/neeto-media-recorder 2.7.46 → 2.7.48

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-media-recorder",
-  "version": "2.7.46",
+  "version": "2.7.48",
   "description": "A package to simplify the media capturing process",
   "repository": "git@github.com:bigbinary/neeto-media-recorder.git",
   "license": "MIT",

package/v2/index.js

@@ -3,7 +3,7 @@ import { useState, useRef, useCallback, useEffect, forwardRef, useImperativeHand
 import { Toastr, Typography, Spinner, Callout, Button, Progress, Alert } from '@bigbinary/neeto-atoms';
 import { useMutation, isCancelledError } from '@tanstack/react-query';
 import { noop } from '@bigbinary/neeto-cist';
-import { ONE_SECOND_IN_MILLISECONDS as ONE_SECOND_IN_MILLISECONDS$1, SCREEN_RECORDER_STATUS, UPLOAD_STATUS as UPLOAD_STATUS$1, MIME_TYPE as MIME_TYPE$1, ONE_MINUTE_IN_MILLISECONDS as ONE_MINUTE_IN_MILLISECONDS$1, IS_EXTENSION as IS_EXTENSION$1, SCREEN_RECORDER_ERROR, IS_SAFARI_EXTENSION, COUNTDOWN_TIME, MIC_NOT_WORKING_SILENCE_TIMEOUT, SCREEN_RECORDER_EVENT, UPLOAD_EVENT } from '@bigbinary/neeto-media-recorder/constants';
+import { ONE_SECOND_IN_MILLISECONDS as ONE_SECOND_IN_MILLISECONDS$1, SCREEN_RECORDER_STATUS, UPLOAD_STATUS as UPLOAD_STATUS$1, MIME_TYPE as MIME_TYPE$1, IS_EXTENSION as IS_EXTENSION$1, ONE_MINUTE_IN_MILLISECONDS as ONE_MINUTE_IN_MILLISECONDS$1, SCREEN_RECORDER_ERROR, IS_SAFARI_EXTENSION, COUNTDOWN_TIME, MIC_NOT_WORKING_SILENCE_TIMEOUT, SCREEN_RECORDER_EVENT, UPLOAD_EVENT } from '@bigbinary/neeto-media-recorder/constants';
 import { screenRecorder, useMultipartS3UploadStatus, getMultipartS3Uploader } from '@bigbinary/neeto-media-recorder/core';
 import PageLoader from '@bigbinary/neeto-molecules/v2/PageLoader';
 import { Trans, useTranslation } from 'react-i18next';
@@ -945,7 +945,16 @@ var copyRecordingLinkToClipboardOnStop = function copyRecordingLinkToClipboardOn
       return _ref4.apply(this, arguments);
     };
   }();
-  if (typeof window.ClipboardItem === "function" && (_navigator$clipboard = navigator.clipboard) !== null && _navigator$clipboard !== void 0 && _navigator$clipboard.write) {
+
+  // The gesture-preserving ClipboardItem path only works when this runs
+  // synchronously inside a user gesture in the focused recorder document.
+  // In the Chrome extension the recorder lives in a background options page
+  // and "stop" arrives via chrome.runtime.onMessage (from the toolbar content
+  // script / shortcut), so there is no transient user activation to preserve —
+  // navigator.clipboard.write always rejects there. Route the extension to the
+  // deferred copyToClipboard fallback instead, which succeeds in the focused
+  // options page (writeText, with a document.execCommand fallback).
+  if (!IS_EXTENSION$1 && 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) {
@@ -995,10 +1004,11 @@ var copyRecordingLinkToClipboardOnStop = function copyRecordingLinkToClipboardOn
     return;
   }
 
-  // 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.
+  // Deferred fallback for the Chrome extension and for browsers without
+  // ClipboardItem (e.g. Firefox < 127). Neither enforces 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) {
@@ -1215,24 +1225,9 @@ var DesktopAppCallout = function DesktopAppCallout() {
   });
 };
 
-var RequestRecordingCallout = function RequestRecordingCallout(_ref) {
-  var _ref$requestedUser = _ref.requestedUser,
-    requestedUser = _ref$requestedUser === void 0 ? "" : _ref$requestedUser;
-  return /*#__PURE__*/jsx(Callout, {
-    className: "mb-6 text-center",
-    variant: "info",
-    children: /*#__PURE__*/jsxs(Typography, {
-      as: "span",
-      variant: "h6",
-      children: [requestedUser, " is asking you to send a screen recording."]
-    })
-  });
-};
-
 var Callouts = withT(function (_ref) {
   var t = _ref.t,
     requested = _ref.requested,
-    requestedUser = _ref.requestedUser,
     error = _ref.error,
     appName = _ref.appName,
     isRecorderStatus = _ref.isRecorderStatus,
@@ -1240,9 +1235,7 @@ var Callouts = withT(function (_ref) {
     shouldShowTimeLimitWarning = _ref.shouldShowTimeLimitWarning,
     elapsedTime = _ref.elapsedTime;
   return /*#__PURE__*/jsxs(Fragment, {
-    children: [requested ? /*#__PURE__*/jsx(RequestRecordingCallout, {
-      requestedUser: requestedUser
-    }) : /*#__PURE__*/jsx(DesktopAppCallout, {}), error === SCREEN_RECORDER_ERROR.InsufficientData && /*#__PURE__*/jsx(Callout, {
+    children: [!requested && /*#__PURE__*/jsx(DesktopAppCallout, {}), error === SCREEN_RECORDER_ERROR.InsufficientData && /*#__PURE__*/jsx(Callout, {
       className: "mb-2 p-3",
       "data-testid": "recorder-insufficient-data-error-callout",
       variant: "danger",
@@ -2409,8 +2402,24 @@ var MediaRecorder$1 = function MediaRecorder(_ref, ref) {
             case 8:
               createRecordingPromise.current = null;
             case 9:
+              // On the web the link is copied by handleStopRecording (the Controls
+              // Stop button's onClick). In the extension the recorder runs in the
+              // background options page and "stop" arrives via an external
+              // screenRecorder.stopRecording() (relayed from the toolbar/shortcut),
+              // so that button — and its copy — never fires. Trigger the copy here
+              // on the stop event instead. copyRecordingLinkToClipboardOnStop routes
+              // the extension to its deferred fallback (no user gesture to drive
+              // navigator.clipboard.write).
+              if (IS_EXTENSION) {
+                copyRecordingLinkToClipboardOnStop({
+                  createRecordingPromise: createRecordingPromise,
+                  recordingRef: recordingRef,
+                  baseURLRef: baseURLRef,
+                  successMessage: t("neetoMediaRecorder.record.copyToClipboardToastrMessage")
+                });
+              }
               multipartS3Uploader.completeUpload();
-            case 10:
+            case 11:
             case "end":
               return _context4.stop();
           }