@bigbinary/neeto-media-recorder 1.3.12 → 1.3.13

package/index.js

@@ -2,7 +2,7 @@ import { shallow } from 'zustand/shallow';
 import React, { useState, useEffect, forwardRef, useImperativeHandle } 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, IS_EXTENSION, 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';
@@ -499,10 +499,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 +824,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 +854,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(),
@@ -1175,7 +1191,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, {