@bigbinary/neeto-media-recorder 2.0.0 → 2.0.2

package/index.js

@@ -2,7 +2,7 @@ import { shallow } from 'zustand/shallow';
 import React, { useState, useEffect, forwardRef, useImperativeHandle, useRef } 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 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 { 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 as IS_EXTENSION$1, SCREEN_RECORDER_EVENT, UPLOAD_EVENT } from '@bigbinary/neeto-media-recorder/constants';
 import { screenRecorder, multipartS3Uploader } from '@bigbinary/neeto-media-recorder/core';
 import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
 import { Typography, Spinner, Button, Callout, Alert } from '@bigbinary/neetoui';
@@ -502,8 +502,12 @@ function _defineProperty(obj, key, value) {
 }
 
 var baseUrl = "/api/v1/recordings";
-var create = function create() {
-  return axios.post(baseUrl);
+var create = function create(deviceInfo) {
+  return axios.post(baseUrl, {
+    recording: {
+      deviceInfo: deviceInfo
+    }
+  });
 };
 var update = function update(_ref) {
   var id = _ref.id,
@@ -889,6 +893,63 @@ var getRecorderTimeLimitInHumanFormat = function getRecorderTimeLimitInHumanForm
   }
   return "".concat(hours, " hours");
 };
+var getDeviceInfo = /*#__PURE__*/function () {
+  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var _yield$chrome$storage, _platform$os;
+    var isCameraEnabled;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if (!IS_EXTENSION$1) {
+            _context.next = 15;
+            break;
+          }
+          _context.next = 3;
+          return chrome.storage.local.get("isCameraOn");
+        case 3:
+          _context.t2 = _yield$chrome$storage = _context.sent;
+          _context.t1 = _context.t2 === null;
+          if (_context.t1) {
+            _context.next = 7;
+            break;
+          }
+          _context.t1 = _yield$chrome$storage === void 0;
+        case 7:
+          if (!_context.t1) {
+            _context.next = 11;
+            break;
+          }
+          _context.t3 = void 0;
+          _context.next = 12;
+          break;
+        case 11:
+          _context.t3 = _yield$chrome$storage.isCameraOn;
+        case 12:
+          _context.t0 = _context.t3;
+          _context.next = 16;
+          break;
+        case 15:
+          _context.t0 = false;
+        case 16:
+          isCameraEnabled = _context.t0;
+          return _context.abrupt("return", {
+            os: (_platform$os = platform.os) === null || _platform$os === void 0 ? void 0 : _platform$os.toString(),
+            app: IS_EXTENSION$1 ? "chrome extension v".concat(chrome.runtime.getManifest().version) : "web",
+            browser: "".concat(platform.name, " v").concat(platform.version),
+            isCameraEnabled: isCameraEnabled,
+            isMicEnabled: !!screenRecorder.audioConfiguration,
+            displaySurface: screenRecorder.displaySurface
+          });
+        case 18:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function getDeviceInfo() {
+    return _ref2.apply(this, arguments);
+  };
+}();
 
 var Timer = function Timer() {
   var _useTranslation = useTranslation(),
@@ -1193,6 +1254,27 @@ var MediaRecorder = function MediaRecorder(_ref, ref) {
     recording = _useCreateRecording$d3 === void 0 ? {} : _useCreateRecording$d3;
   var _useRecordingUploadSu = useRecordingUploadSuccess(),
     markRecordingAsUploaded = _useRecordingUploadSu.mutate;
+  var handleCreateRecording = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var deviceInfo;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return getDeviceInfo();
+          case 2:
+            deviceInfo = _context.sent;
+            createRecording(deviceInfo);
+          case 4:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function handleCreateRecording() {
+      return _ref3.apply(this, arguments);
+    };
+  }();
   var handleUploadComplete = function handleUploadComplete() {
     return markRecordingAsUploaded(recording.id, {
       onSuccess: function onSuccess() {
@@ -1201,49 +1283,49 @@ var MediaRecorder = function MediaRecorder(_ref, ref) {
     });
   };
   var handleDiscardRecording = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
       var uploadStatus;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            _context.next = 2;
+            _context2.next = 2;
             return multipartS3Uploader.abortUpload();
           case 2:
             uploadStatus = useMultipartS3UploadStore.getState().status;
             if (!(uploadStatus === UPLOAD_STATUS.aborting)) {
-              _context.next = 5;
+              _context2.next = 5;
               break;
             }
-            return _context.abrupt("return");
+            return _context2.abrupt("return");
           case 5:
             onDiscard();
           case 6:
           case "end":
-            return _context.stop();
+            return _context2.stop();
         }
-      }, _callee);
+      }, _callee2);
     }));
     return function handleDiscardRecording() {
-      return _ref3.apply(this, arguments);
+      return _ref4.apply(this, arguments);
     };
   }();
   var handleRestartRecording = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
+    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
           case 0:
-            _context2.next = 2;
+            _context3.next = 2;
             return multipartS3Uploader.abortUpload();
           case 2:
             multipartS3Uploader.resetState();
           case 3:
           case "end":
-            return _context2.stop();
+            return _context3.stop();
         }
-      }, _callee2);
+      }, _callee3);
     }));
     return function handleRestartRecording() {
-      return _ref4.apply(this, arguments);
+      return _ref5.apply(this, arguments);
     };
   }();
   var handleDiscardAlertClose = function handleDiscardAlertClose() {
@@ -1308,7 +1390,7 @@ var MediaRecorder = function MediaRecorder(_ref, ref) {
     };
   }, [recording.id]);
   useEffect(function () {
-    screenRecorder.addCallback(SCREEN_RECORDER_EVENT.onStart, createRecording);
+    screenRecorder.addCallback(SCREEN_RECORDER_EVENT.onStart, handleCreateRecording);
     screenRecorder.addCallback(SCREEN_RECORDER_EVENT.onDiscardDuringCountdown, onDiscard);
     return function () {
       screenRecorder.revokePermissions();