@bigbinary/neeto-media-recorder 1.0.2 → 1.0.3

package/index.js

@@ -1,13 +1,13 @@
 import { shallow } from 'zustand/shallow';
-import React, { useEffect, useState } from 'react';
-import { globalProps } from '@bigbinary/neeto-commons-frontend/initializers';
+import React, { useState, useEffect } from 'react';
+import classNames from 'classnames';
 import { Typography, Spinner, Button, Alert, Callout } from '@bigbinary/neetoui';
 import { isEmpty } from 'ramda';
-import { useTranslation, Trans } from 'react-i18next';
+import { useTranslation } from 'react-i18next';
 import { useMutation } from 'react-query';
 import axios from 'axios';
 import { screenRecorder, multipartS3Uploader } from '@bigbinary/neeto-media-recorder/core';
-import { SCREEN_RECORDER_STATUS, SCREEN_RECORDER_ERROR, ONE_MINUTE_IN_MILLISECONDS, ONE_SECOND_IN_MILLISECONDS, UPLOAD_STATUS, SCREEN_RECORDER_EVENT, UPLOAD_EVENT } from '@bigbinary/neeto-media-recorder/constants';
+import { SCREEN_RECORDER_STATUS, SCREEN_RECORDER_ERROR, ONE_MINUTE_IN_MILLISECONDS, ONE_SECOND_IN_MILLISECONDS, SCREEN_RECORDER_EVENT, UPLOAD_EVENT, UPLOAD_STATUS } from '@bigbinary/neeto-media-recorder/constants';
 import { withT } from '@bigbinary/neeto-commons-frontend/react-utils';
 import { isNotEmpty, noop } from '@bigbinary/neeto-cist';
 import { Pause, Delete, Copy } from '@bigbinary/neeto-icons';
@@ -453,69 +453,6 @@ try {
 
 var _regeneratorRuntime = /*@__PURE__*/getDefaultExportFromCjs(regenerator);
 
-var classnames = {exports: {}};
-
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-classnames.exports;
-
-(function (module) {
-	/* global define */
-
-	(function () {
-
-		var hasOwn = {}.hasOwnProperty;
-
-		function classNames() {
-			var classes = [];
-
-			for (var i = 0; i < arguments.length; i++) {
-				var arg = arguments[i];
-				if (!arg) continue;
-
-				var argType = typeof arg;
-
-				if (argType === 'string' || argType === 'number') {
-					classes.push(arg);
-				} else if (Array.isArray(arg)) {
-					if (arg.length) {
-						var inner = classNames.apply(null, arg);
-						if (inner) {
-							classes.push(inner);
-						}
-					}
-				} else if (argType === 'object') {
-					if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
-						classes.push(arg.toString());
-						continue;
-					}
-
-					for (var key in arg) {
-						if (hasOwn.call(arg, key) && arg[key]) {
-							classes.push(key);
-						}
-					}
-				}
-			}
-
-			return classes.join(' ');
-		}
-
-		if (module.exports) {
-			classNames.default = classNames;
-			module.exports = classNames;
-		} else {
-			window.classNames = classNames;
-		}
-	}()); 
-} (classnames));
-
-var classnamesExports = classnames.exports;
-var classNames = /*@__PURE__*/getDefaultExportFromCjs(classnamesExports);
-
 var baseUrl = "/api/v1/recordings";
 var create = function create(payload) {
   return axios.post(baseUrl, payload);
@@ -546,28 +483,6 @@ var useRecordingUploadSuccess = function useRecordingUploadSuccess() {
   });
 };
 
-var useBeforeUnload = function useBeforeUnload(enabled) {
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var handler = function handler(event) {
-    event.preventDefault();
-    var defaultMessage = t("neetoMediaRecorder.common.leaveSite");
-
-    // Gecko + IE browsers
-    event.returnValue = defaultMessage;
-
-    // Safari, Chrome, and other WebKit-derived browsers
-    return defaultMessage;
-  };
-  useEffect(function () {
-    if (!enabled) return undefined;
-    window.addEventListener("beforeunload", handler);
-    return function () {
-      return window.removeEventListener("beforeunload", handler);
-    };
-  }, [enabled]);
-};
-
 var AbortUpload = withT(function (_ref) {
   var t = _ref.t;
   return /*#__PURE__*/React.createElement("div", {
@@ -907,29 +822,6 @@ var useMultipartS3UploadStatus = function useMultipartS3UploadStatus() {
   };
 };
 
-var SetChromeFlags = function SetChromeFlags() {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex h-screen w-full flex-col items-center justify-center"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex h-full w-full flex-col items-center justify-center space-y-4"
-  }, /*#__PURE__*/React.createElement(Callout, {
-    className: "mb-2 p-3",
-    style: "danger"
-  }, /*#__PURE__*/React.createElement(Typography, {
-    style: "body2"
-  }, /*#__PURE__*/React.createElement(Trans, {
-    i18nKey: "record.chromeFlagsMissingMessage",
-    components: {
-      Button: /*#__PURE__*/React.createElement(Button, {
-        href: "https://github.com/bigbinary/neeto-record-web#local-development-setup",
-        rel: "noreferrer",
-        style: "link",
-        target: "_blank"
-      })
-    }
-  })))));
-};
-
 var formatTime = function formatTime(time) {
   return Math.floor(time).toString().padStart(2, "0");
 };
@@ -987,6 +879,7 @@ var UploadingInProgress = withT(function (_ref) {
   }), /*#__PURE__*/React.createElement(Spinner, null)));
 });
 
+var useRecorderStore = screenRecorder.useRecorderStore;
 var MediaRecorder = function MediaRecorder(_ref) {
   var _ref$onUploadComplete = _ref.onUploadComplete,
     onUploadComplete = _ref$onUploadComplete === void 0 ? noop : _ref$onUploadComplete,
@@ -1002,7 +895,6 @@ var MediaRecorder = function MediaRecorder(_ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     uploadId = _useState4[0],
     setUploadId = _useState4[1];
-  var useRecorderStore = screenRecorder.useRecorderStore;
   var _useRecorderStore = useRecorderStore(function (store) {
       return {
         status: store["status"],
@@ -1071,8 +963,6 @@ var MediaRecorder = function MediaRecorder(_ref) {
       return _ref3.apply(this, arguments);
     };
   }();
-  var shouldShowConfirmation = isRecorderStatus(SCREEN_RECORDER_STATUS.recording, SCREEN_RECORDER_STATUS.paused, SCREEN_RECORDER_STATUS.stopping) || isUploadStatus(UPLOAD_STATUS.uploading, UPLOAD_STATUS.aborting, UPLOAD_STATUS.completed);
-  useBeforeUnload(shouldShowConfirmation);
   useEffect(function () {
     if (!isRecorderStatus(SCREEN_RECORDER_STATUS.idle) || error === SCREEN_RECORDER_ERROR.NotAllowedError) {
       return;
@@ -1105,9 +995,6 @@ var MediaRecorder = function MediaRecorder(_ref) {
     };
   }, []);
   if (error === SCREEN_RECORDER_ERROR.UnSupportedBrowser) return /*#__PURE__*/React.createElement(UnSupportedBrowser, null);
-  if (globalProps.railsEnv === "development" && error === SCREEN_RECORDER_ERROR.TypeError) {
-    return /*#__PURE__*/React.createElement(SetChromeFlags, null);
-  }
   if (isRecorderStatus(SCREEN_RECORDER_STATUS.stopped) && isUploadStatus(UPLOAD_STATUS.uploading)) {
     return /*#__PURE__*/React.createElement(UploadingInProgress, {
       recordingId: recordingId