@bigbinary/neeto-media-recorder 1.3.14 → 1.3.16-beta

package/index.js

@@ -1,17 +1,19 @@
 import { shallow } from 'zustand/shallow';
-import React, { useState, forwardRef, useImperativeHandle, useEffect } from 'react';
+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 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 PageLoader from '@bigbinary/neeto-molecules/PageLoader';
 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 } from 'ramda';
+import { isNotNil, isEmpty } 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';
 
 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}}
 
@@ -501,7 +503,7 @@ 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);
+var IS_EXTENSION = HAS_CHROME_NAMESPACE && isNotNil(chrome.extension);
 platform.name === "Safari";
 var PERMISSIONS_HELP_DOC = "https://neetorecordhelp.neetokb.com/p/a-10efcfd7";
  // 2 hours
@@ -899,15 +901,42 @@ var UnSupportedBrowser = withT(function (_ref) {
   }, t("neetoMediaRecorder.unsupportedBrowser")));
 });
 
+var generatePublicUrl = function generatePublicUrl(recordingId) {
+  var baseURL = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : window.location.origin;
+  return "".concat(baseURL, "/watch/").concat(recordingId);
+};
+
 var UploadingInProgress = function UploadingInProgress(_ref) {
   var recording = _ref.recording,
     onDiscard = _ref.onDiscard;
-  var _useState = useState(false),
+  var _useState = useState(""),
     _useState2 = _slicedToArray(_useState, 2),
-    isDiscardAlertOpen = _useState2[0],
-    setIsDiscardAlertOpen = _useState2[1];
+    baseURL = _useState2[0],
+    setBaseURL = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isDiscardAlertOpen = _useState4[0],
+    setIsDiscardAlertOpen = _useState4[1];
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  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]);
   var handleRecordingBlobDownload = function handleRecordingBlobDownload() {
     downloadRecordingBlob(screenRecorder.getWebmMediaBlob(), recording.title);
   };
@@ -1131,6 +1160,11 @@ var MediaRecorder = function MediaRecorder(_ref, ref) {
       onDiscard: handleDiscardRecording
     });
   }
+  if (isRecorderStatus(SCREEN_RECORDER_STATUS.stopped) && isUploadStatus(UPLOAD_STATUS.completed)) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "h-screen w-full"
+    }, /*#__PURE__*/React.createElement(PageLoader, null));
+  }
   if (hasRecordingDiscarded({
     recorderStatus: recorderStatus,
     uploadStatus: uploadStatus