@bigbinary/neeto-media-recorder 1.3.12 → 1.3.14

package/index.js

@@ -1,19 +1,17 @@
 import { shallow } from 'zustand/shallow';
-import React, { useState, useEffect, forwardRef, useImperativeHandle } from 'react';
+import React, { useState, forwardRef, useImperativeHandle, useEffect } from 'react';
 import classNames from 'classnames';
 import { isNotEmpty, noop } from '@bigbinary/neeto-cist';
-import { SCREEN_RECORDER_STATUS, SCREEN_RECORDER_ERROR, IS_SAFARI_EXTENSION, UPLOAD_STATUS, ONE_MINUTE_IN_MILLISECONDS, ONE_SECOND_IN_MILLISECONDS, IS_EXTENSION, SCREEN_RECORDER_EVENT, UPLOAD_EVENT } from '@bigbinary/neeto-media-recorder/constants';
+import { SCREEN_RECORDER_STATUS, SCREEN_RECORDER_ERROR, IS_SAFARI_EXTENSION, UPLOAD_STATUS, ONE_MINUTE_IN_MILLISECONDS as ONE_MINUTE_IN_MILLISECONDS$1, ONE_SECOND_IN_MILLISECONDS as ONE_SECOND_IN_MILLISECONDS$1, SCREEN_RECORDER_EVENT, UPLOAD_EVENT } from '@bigbinary/neeto-media-recorder/constants';
 import { screenRecorder, multipartS3Uploader } from '@bigbinary/neeto-media-recorder/core';
 import { Typography, Spinner, Button, Callout, Alert } from '@bigbinary/neetoui';
 import { useTranslation, Trans } from 'react-i18next';
 import { useMutation } from 'react-query';
 import axios from 'axios';
 import platform from 'platform';
-import { isNotNil, isEmpty } from 'ramda';
+import { isNotNil } from 'ramda';
 import withT from '@bigbinary/neeto-commons-frontend/react-utils/withT';
 import { Pause, Delete, Download, Close } from '@bigbinary/neeto-icons';
-import { copyToClipboard } from '@bigbinary/neeto-commons-frontend/utils/general';
-import { generatePublicUrl } from '@bigbinary/neeto-media-recorder/utils';
 
 var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
 
@@ -499,10 +497,14 @@ function _typeof(obj) {
   }, _typeof(obj);
 }
 
+var ONE_SECOND_IN_MILLISECONDS = 1000;
+var ONE_MINUTE_IN_MILLISECONDS = 60 * ONE_SECOND_IN_MILLISECONDS;
+var ONE_HOUR_IN_MILLISECONDS = 60 * ONE_MINUTE_IN_MILLISECONDS;
 var HAS_CHROME_NAMESPACE = (typeof chrome === "undefined" ? "undefined" : _typeof(chrome)) === "object";
 HAS_CHROME_NAMESPACE && isNotNil(chrome.extension);
 platform.name === "Safari";
 var PERMISSIONS_HELP_DOC = "https://neetorecordhelp.neetokb.com/p/a-10efcfd7";
+ // 2 hours
 
 var AbortUpload = withT(function (_ref) {
   var t = _ref.t;
@@ -820,8 +822,12 @@ var formatTime = function formatTime(time) {
   return Math.floor(time).toString().padStart(2, "0");
 };
 var getTimeString = function getTimeString(date) {
-  var minutes = formatTime(date / ONE_MINUTE_IN_MILLISECONDS);
-  var seconds = formatTime(date % ONE_MINUTE_IN_MILLISECONDS / ONE_SECOND_IN_MILLISECONDS);
+  var hours = formatTime(Math.floor(date / ONE_HOUR_IN_MILLISECONDS));
+  var minutes = formatTime(date % ONE_HOUR_IN_MILLISECONDS / ONE_MINUTE_IN_MILLISECONDS$1);
+  var seconds = formatTime(date % ONE_MINUTE_IN_MILLISECONDS$1 / ONE_SECOND_IN_MILLISECONDS$1);
+  if (hours > 0) {
+    return "".concat(hours, ":").concat(minutes, ":").concat(seconds);
+  }
   return "".concat(minutes, ":").concat(seconds);
 };
 var downloadRecordingBlob = function downloadRecordingBlob(blob, name) {
@@ -846,6 +852,14 @@ var hasRecordingDiscarded = function hasRecordingDiscarded(_ref) {
     uploadStatus = _ref.uploadStatus;
   return recorderStatus === SCREEN_RECORDER_STATUS.stopped && uploadStatus === UPLOAD_STATUS.aborting;
 };
+var getRecorderTimeLimitInHumanFormat = function getRecorderTimeLimitInHumanFormat(timeInMs) {
+  var minutes = Math.floor(timeInMs / (1000 * 60));
+  var hours = Math.floor(minutes / 60);
+  if (hours < 1) {
+    return "".concat(minutes, " minutes");
+  }
+  return "".concat(hours, " hours");
+};
 
 var Timer = function Timer() {
   var _useTranslation = useTranslation(),
@@ -888,37 +902,15 @@ var UnSupportedBrowser = withT(function (_ref) {
 var UploadingInProgress = function UploadingInProgress(_ref) {
   var recording = _ref.recording,
     onDiscard = _ref.onDiscard;
-  var _useState = useState(""),
+  var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
-    baseURL = _useState2[0],
-    setBaseURL = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isDiscardAlertOpen = _useState4[0],
-    setIsDiscardAlertOpen = _useState4[1];
+    isDiscardAlertOpen = _useState2[0],
+    setIsDiscardAlertOpen = _useState2[1];
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var handleRecordingBlobDownload = function handleRecordingBlobDownload() {
     downloadRecordingBlob(screenRecorder.getWebmMediaBlob(), recording.title);
   };
-  useEffect(function () {
-    if (!IS_EXTENSION) {
-      setBaseURL(window.location.origin);
-      return;
-    }
-    chrome.storage.local.get("baseURL").then(function (_ref2) {
-      var baseURL = _ref2.baseURL;
-      setBaseURL(baseURL);
-    });
-  }, []);
-  useEffect(function () {
-    if (!window.document.hasFocus() || !recording.id || isEmpty(baseURL)) {
-      return;
-    }
-    copyToClipboard(generatePublicUrl(recording.id, baseURL), {
-      message: t("neetoMediaRecorder.record.copyToClipboardToastrMessage")
-    });
-  }, [recording.id, baseURL]);
   return /*#__PURE__*/React.createElement("div", {
     className: "flex h-screen w-full flex-col items-center justify-center"
   }, /*#__PURE__*/React.createElement("div", {
@@ -1175,7 +1167,9 @@ var MediaRecorder = function MediaRecorder(_ref, ref) {
     className: "mx-auto mb-2 w-1/2 p-3",
     "data-cy": "recorder-time-limit-warning-callout",
     style: "warning"
-  }, t("neetoMediaRecorder.record.timeLimitWarning")), isRecorderStatus(SCREEN_RECORDER_STATUS.media_acquired, SCREEN_RECORDER_STATUS.restarting) && /*#__PURE__*/React.createElement("div", {
+  }, t("neetoMediaRecorder.record.timeLimitWarning", {
+    duration: getRecorderTimeLimitInHumanFormat(screenRecorder.timeLimit)
+  })), isRecorderStatus(SCREEN_RECORDER_STATUS.media_acquired, SCREEN_RECORDER_STATUS.restarting) && /*#__PURE__*/React.createElement("div", {
     className: " mx-auto flex flex-col items-center justify-center space-y-4",
     "data-cy": "recorder-countdown-wrapper"
   }, /*#__PURE__*/React.createElement(Typography, {