@bigbinary/neeto-media-recorder 1.3.0 → 1.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/constants.js +2 -1
  2. package/constants.js.map +1 -1
  3. package/core.js +7 -1
  4. package/core.js.map +1 -1
  5. package/index.js +24 -18
  6. package/index.js.map +1 -1
  7. package/package.json +1 -1
  8. package/src/translations/en.json +5 -5
package/index.js CHANGED
@@ -505,8 +505,10 @@ var AbortUpload = withT(function (_ref) {
505
505
  return /*#__PURE__*/React.createElement("div", {
506
506
  className: "flex h-screen w-full flex-col items-center justify-center"
507
507
  }, /*#__PURE__*/React.createElement("div", {
508
- className: "flex h-full w-full flex-col items-center justify-center space-y-4"
509
- }, /*#__PURE__*/React.createElement(Typography, null, t("neetoMediaRecorder.record.discardingVideo")), /*#__PURE__*/React.createElement(Spinner, null)));
508
+ className: "flex h-full w-full flex-col items-center justify-start space-y-4 py-10 2xl:py-20"
509
+ }, /*#__PURE__*/React.createElement(Typography, {
510
+ style: "h3"
511
+ }, t("neetoMediaRecorder.record.discardingVideo")), /*#__PURE__*/React.createElement(Typography, null, t("neetoMediaRecorder.record.doNotLeaveThePage")), /*#__PURE__*/React.createElement(Spinner, null)));
510
512
  });
511
513
 
512
514
  function _toPrimitive(input, hint) {
@@ -687,7 +689,7 @@ var Controls = function Controls(_ref) {
687
689
  className: "flex-shrink-0",
688
690
  icon: function icon() {
689
691
  return /*#__PURE__*/React.createElement(PlayIcon, {
690
- size: 24
692
+ size: 28
691
693
  });
692
694
  },
693
695
  label: t("neetoMediaRecorder.record.title"),
@@ -701,7 +703,7 @@ var Controls = function Controls(_ref) {
701
703
  icon: function icon() {
702
704
  return /*#__PURE__*/React.createElement(Pause, {
703
705
  className: "nr-control-button__icon--neeto",
704
- size: 24
706
+ size: 28
705
707
  });
706
708
  },
707
709
  tooltipProps: {
@@ -713,7 +715,7 @@ var Controls = function Controls(_ref) {
713
715
  className: "flex-shrink-0",
714
716
  icon: function icon() {
715
717
  return /*#__PURE__*/React.createElement(PlayIcon, {
716
- size: 24
718
+ size: 28
717
719
  });
718
720
  },
719
721
  size: "large",
@@ -729,7 +731,7 @@ var Controls = function Controls(_ref) {
729
731
  className: "flex-shrink-0",
730
732
  icon: function icon() {
731
733
  return /*#__PURE__*/React.createElement(RestartIcon, {
732
- size: 24
734
+ size: 28
733
735
  });
734
736
  },
735
737
  size: "large",
@@ -748,7 +750,7 @@ var Controls = function Controls(_ref) {
748
750
  icon: function icon() {
749
751
  return /*#__PURE__*/React.createElement(Delete, {
750
752
  className: "nr-control-button__icon--neeto",
751
- size: 24
753
+ size: 28
752
754
  });
753
755
  },
754
756
  tooltipProps: {
@@ -764,7 +766,7 @@ var Controls = function Controls(_ref) {
764
766
  className: "flex-shrink-0",
765
767
  icon: function icon() {
766
768
  return /*#__PURE__*/React.createElement(StopIcon, {
767
- size: 24
769
+ size: 28
768
770
  });
769
771
  },
770
772
  size: "large",
@@ -840,11 +842,11 @@ var Timer = function Timer() {
840
842
  return /*#__PURE__*/React.createElement("div", {
841
843
  className: "mb-4 flex flex-col items-center justify-center"
842
844
  }, /*#__PURE__*/React.createElement(Typography, {
843
- className: "mb-3 flex justify-center",
844
- style: "h1"
845
+ className: "neeto-ui-text-4xl mb-3 flex justify-center",
846
+ weight: "semibold"
845
847
  }, getTimeString(elapsedTime)), /*#__PURE__*/React.createElement(Typography, {
846
848
  className: "mb-2",
847
- style: "h4"
849
+ style: "h3"
848
850
  }, t("neetoMediaRecorder.record.inProgress")), /*#__PURE__*/React.createElement(Typography, {
849
851
  style: "body2"
850
852
  }, t("neetoMediaRecorder.record.doNotLeaveThePage")));
@@ -897,10 +899,12 @@ var UploadingInProgress = function UploadingInProgress(_ref) {
897
899
  return /*#__PURE__*/React.createElement("div", {
898
900
  className: "flex h-screen w-full flex-col items-center justify-center"
899
901
  }, /*#__PURE__*/React.createElement("div", {
900
- className: "flex h-full w-full flex-col items-center justify-center"
901
- }, /*#__PURE__*/React.createElement(Typography, null, t("neetoMediaRecorder.record.doNotLeaveThePage")), /*#__PURE__*/React.createElement("div", {
902
+ className: "flex h-full w-full flex-col items-center justify-start space-y-4 py-10 2xl:py-20"
903
+ }, /*#__PURE__*/React.createElement("div", {
902
904
  className: "mt-2 flex space-x-3"
903
- }, /*#__PURE__*/React.createElement(Typography, null, t("neetoMediaRecorder.record.uploadingRecording")), /*#__PURE__*/React.createElement(Spinner, null)), /*#__PURE__*/React.createElement("div", {
905
+ }, /*#__PURE__*/React.createElement(Typography, {
906
+ style: "h3"
907
+ }, t("neetoMediaRecorder.record.uploadingRecording")), /*#__PURE__*/React.createElement(Spinner, null)), /*#__PURE__*/React.createElement(Typography, null, t("neetoMediaRecorder.record.doNotLeaveThePage")), /*#__PURE__*/React.createElement("div", {
904
908
  className: "mt-6 flex items-center space-x-4"
905
909
  }, /*#__PURE__*/React.createElement(CopyToClipboardButton, {
906
910
  icon: Copy,
@@ -1112,7 +1116,7 @@ var MediaRecorder = function MediaRecorder(_ref, ref) {
1112
1116
  return /*#__PURE__*/React.createElement(AbortUpload, null);
1113
1117
  }
1114
1118
  return /*#__PURE__*/React.createElement("div", {
1115
- className: "flex h-screen w-full flex-col items-center justify-center"
1119
+ className: "flex h-screen w-full flex-col items-center justify-start py-10 2xl:py-20"
1116
1120
  }, /*#__PURE__*/React.createElement("div", {
1117
1121
  className: classNames("w-full max-w-3xl")
1118
1122
  }, error === SCREEN_RECORDER_ERROR.NotAllowedError && /*#__PURE__*/React.createElement(Callout, {
@@ -1136,9 +1140,11 @@ var MediaRecorder = function MediaRecorder(_ref, ref) {
1136
1140
  style: "info"
1137
1141
  }, t("neetoMediaRecorder.record.clickToStartRecording")), isRecorderStatus(SCREEN_RECORDER_STATUS.media_acquired, SCREEN_RECORDER_STATUS.restarting) && /*#__PURE__*/React.createElement("div", {
1138
1142
  className: " mx-auto flex flex-col items-center justify-center space-y-4"
1139
- }, /*#__PURE__*/React.createElement(Typography, null, t("neetoMediaRecorder.record.startsIn")), /*#__PURE__*/React.createElement(Typography, {
1140
- className: "neeto-ui-bg-primary-100 neeto-ui-rounded-full flex h-32 w-32 items-center justify-center",
1141
- style: "h1"
1143
+ }, /*#__PURE__*/React.createElement(Typography, {
1144
+ style: "h3"
1145
+ }, t("neetoMediaRecorder.record.startsIn")), /*#__PURE__*/React.createElement(Typography, {
1146
+ className: "neeto-ui-text-4xl neeto-ui-bg-primary-100 neeto-ui-rounded-full flex h-32 w-32 items-center justify-center",
1147
+ weight: "semibold"
1142
1148
  }, countdownTimeLeft)), isRecorderStatus(SCREEN_RECORDER_STATUS.recording, SCREEN_RECORDER_STATUS.paused) && /*#__PURE__*/React.createElement(Timer, null)), /*#__PURE__*/React.createElement(Controls, {
1143
1149
  setIsDiscardAlertOpen: setIsDiscardAlertOpen,
1144
1150
  setIsRestartAlertOpen: setIsRestartAlertOpen,