@bigbinary/neeto-media-recorder 2.1.6-beta.3 → 2.2.0

package/index.js

@@ -6,6 +6,7 @@ import { SCREEN_RECORDER_STATUS, SCREEN_RECORDER_ERROR, IS_SAFARI_EXTENSION, UPL
 import { screenRecorder, multipartS3Uploader } from '@bigbinary/neeto-media-recorder/core';
 import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
 import Alert from '@bigbinary/neetoui/Alert';
+import Button from '@bigbinary/neetoui/Button';
 import Callout from '@bigbinary/neetoui/Callout';
 import Typography from '@bigbinary/neetoui/Typography';
 import { useTranslation, Trans } from 'react-i18next';
@@ -18,7 +19,6 @@ import Computer from '@bigbinary/neeto-icons/Computer';
 import Delete from '@bigbinary/neeto-icons/Delete';
 import Pause from '@bigbinary/neeto-icons/Pause';
 import Unlock from '@bigbinary/neeto-icons/Unlock';
-import Button from '@bigbinary/neetoui/Button';
 import platform from 'platform';
 import { isNotNil, isEmpty } from 'ramda';
 import { copyToClipboard } from '@bigbinary/neeto-commons-frontend/utils/general';
@@ -1362,6 +1362,8 @@ var MediaRecorder = function MediaRecorder(_ref, ref) {
   var asyncCleanupFunc = useRef(null);
   useEffect(function () {
     if (error === SCREEN_RECORDER_ERROR.UnSupportedBrowser) return noop;
+    if (error === SCREEN_RECORDER_ERROR.NotSupportedError) return noop;
+    if (error === SCREEN_RECORDER_ERROR.InvalidStateError) return noop;
     if (!isRecorderStatus(SCREEN_RECORDER_STATUS.idle) || error === SCREEN_RECORDER_ERROR.NotAllowedError || error === SCREEN_RECORDER_ERROR.MicPermissionDenied || IS_SAFARI_EXTENSION) {
       if (error !== SCREEN_RECORDER_ERROR.MicPermissionDenied) return noop;
       window.navigator.permissions.query({
@@ -1419,6 +1421,23 @@ var MediaRecorder = function MediaRecorder(_ref, ref) {
   if (error === SCREEN_RECORDER_ERROR.UnSupportedBrowser) {
     return /*#__PURE__*/jsx(UnSupportedBrowser, {});
   }
+  if (error === SCREEN_RECORDER_ERROR.NotSupportedError || error === SCREEN_RECORDER_ERROR.InvalidStateError) {
+    return /*#__PURE__*/jsxs("div", {
+      className: "flex h-screen w-full flex-col items-center justify-center gap-4",
+      children: [/*#__PURE__*/jsx(Callout, {
+        className: "p-5",
+        "data-cy": "recorder-unsupported-browser-callout",
+        style: "danger",
+        children: t("neetoMediaRecorder.notSupportedError")
+      }), /*#__PURE__*/jsx(Button, {
+        label: t("neetoMediaRecorder.record.retry"),
+        size: "large",
+        onClick: function onClick() {
+          return window.location.reload();
+        }
+      })]
+    });
+  }
   if (isRecorderStatus(SCREEN_RECORDER_STATUS.stopped) && isUploadStatus(UPLOAD_STATUS.uploading)) {
     return /*#__PURE__*/jsx(UploadingInProgress, {
       recording: recording,
@@ -1489,7 +1508,7 @@ var MediaRecorder = function MediaRecorder(_ref, ref) {
           duration: getRecorderTimeLimitInHumanFormat(screenRecorder.timeLimit)
         })
       }), isRecorderStatus(SCREEN_RECORDER_STATUS.media_acquired, SCREEN_RECORDER_STATUS.restarting) && /*#__PURE__*/jsxs("div", {
-        className: " mx-auto flex flex-col items-center justify-center space-y-4",
+        className: "mx-auto flex flex-col items-center justify-center space-y-4",
         "data-cy": "recorder-countdown-wrapper",
         children: [/*#__PURE__*/jsx(Typography, {
           style: "h3",