@bigbinary/neeto-media-recorder 1.3.0 → 1.3.2

package/README.md

@@ -18,108 +18,122 @@ This package exports four different sets of functions and components.
 3. [Constants](#constants)
 4. [Core](#core)
 
-
 ### Components
-  - #### MediaRecorder
 
-    The `MediaRecorder` react component capture's device screen and upload it to the AWS S3 storage. It contains  UI controls to start, pause/resume, discard and restart a recording.
+- #### MediaRecorder
 
-    You can import the components from `@bigbinary/neeto-media-recorder`.
-    ```js
-    import { MediaRecorder } from "@bigbinary/neeto-media-recorder"
-    ```
+  The `MediaRecorder` react component capture's device screen and upload it to
+  the AWS S3 storage. It contains UI controls to start, pause/resume, discard
+  and restart a recording.
+
+  You can import the components from `@bigbinary/neeto-media-recorder`.
+
+  ```js
+  import { MediaRecorder } from "@bigbinary/neeto-media-recorder";
+  ```
 
-    `MediaRecorder` accepts two props:
+  `MediaRecorder` accepts two props:
 
-    - `onUploadComplete`: This callback will get triggered once the uploading of the screen recording is completed.
-    - `onDiscard`: This callback will get triggered whenever the user discard's the screen recording.
+  - `onUploadComplete`: This callback will get triggered once the uploading of
+    the screen recording is completed.
+  - `onDiscard`: This callback will get triggered whenever the user discard's
+    the screen recording.
 
 ### Utilities
 
-  You can import utilities from `@bigbinary/neeto-media-recorder/utils`.
+You can import utilities from `@bigbinary/neeto-media-recorder/utils`.
 
-  ```js
-  import { generatePublicUrl } from "@bigbinary/neeto-media-recorder/utils"
-  ```
+```js
+import { generatePublicUrl } from "@bigbinary/neeto-media-recorder/utils";
+```
 
-  - #### `generatePublicUrl(recordingId, baseURL = window.location.origin)`
-    Can be used to generate the public URL for a screen recording by providing the `recordingId` and `baseURL` as arguments.
+- #### `generatePublicUrl(recordingId, baseURL = window.location.origin)`
+  Can be used to generate the public URL for a screen recording by providing the
+  `recordingId` and `baseURL` as arguments.
 
 ### Constants
 
-  You can import constants from `@bigbinary/neeto-media-recorder/constants`.
-  ```js
-  import { UPLOAD_EVENT, UPLOAD_STATUS,... } from "@bigbinary/neeto-media-recorder/constants"
-  ```
+You can import constants from `@bigbinary/neeto-media-recorder/constants`.
 
-  The available constants are:
-  ```js
-  const UPLOAD_EVENT = { onComplete: "onComplete" };
-
-  const UPLOAD_STATUS = {
-    uploading: "uploading",
-    completed: "completed",
-    aborting: "aborting",
-  };
-
-  const SCREEN_RECORDER_STATUS = {
-    media_aborted: "media_aborted",
-    permission_denied: "permission_denied",
-    no_specified_media_found: "no_specified_media_found",
-    media_in_use: "media_in_use",
-    invalid_media_constraints: "invalid_media_constraints",
-    no_chrome_flags_set: "no_chrome_flags_set",
-    recorder_error: "recorder_error",
-    idle: "idle",
-    acquiring_media: "acquiring_media",
-    media_acquired: "media_acquired",
-    restarting: "restarting",
-    recording: "recording",
-    stopping: "stopping",
-    stopped: "stopped",
-    paused: "paused",
-  };
-
-  const SCREEN_RECORDER_ERROR = {
-    AbortError: "media_aborted",
-    NotAllowedError: "permission_denied",
-    NotFoundError: "no_specified_media_found",
-    NotReadableError: "media_in_use",
-    OverconstrainedError: "invalid_media_constraints",
-    TypeError: "no_chrome_flags_set",
-    None: "",
-    NoRecorder: "recorder_error",
-    UnSupportedBrowser: "unsupported_browser",
-  };
-
-  const SCREEN_RECORDER_EVENT = {
-    onStart: "onStart",
-    onStop: "onStop",
-    onDiscard: "onDiscard",
-    onDataAvailable: "onDataAvailable",
-    onDiscardDuringCountdown: "onDiscardDuringCountdown",
-    onRestart: "onRestart",
-  };
-
-  const HAS_CHROME_NAMESPACE = typeof chrome === "object";
-
-  const IS_EXTENSION = HAS_CHROME_NAMESPACE && isNotNil(chrome.extension);
-
-  const IS_SAFARI = platform.name === "Safari";
-
-  const IS_SAFARI_EXTENSION = IS_SAFARI && IS_EXTENSION;
-  ```
+```js
+import { UPLOAD_EVENT, UPLOAD_STATUS,... } from "@bigbinary/neeto-media-recorder/constants"
+```
+
+The available constants are:
+
+```js
+const UPLOAD_EVENT = { onComplete: "onComplete" };
+
+const UPLOAD_STATUS = {
+  uploading: "uploading",
+  completed: "completed",
+  aborting: "aborting",
+};
+
+const SCREEN_RECORDER_STATUS = {
+  media_aborted: "media_aborted",
+  permission_denied: "permission_denied",
+  no_specified_media_found: "no_specified_media_found",
+  media_in_use: "media_in_use",
+  invalid_media_constraints: "invalid_media_constraints",
+  no_chrome_flags_set: "no_chrome_flags_set",
+  recorder_error: "recorder_error",
+  idle: "idle",
+  acquiring_media: "acquiring_media",
+  media_acquired: "media_acquired",
+  restarting: "restarting",
+  recording: "recording",
+  stopping: "stopping",
+  stopped: "stopped",
+  paused: "paused",
+};
+
+const SCREEN_RECORDER_ERROR = {
+  AbortError: "media_aborted",
+  NotAllowedError: "permission_denied",
+  NotFoundError: "no_specified_media_found",
+  NotReadableError: "media_in_use",
+  OverconstrainedError: "invalid_media_constraints",
+  TypeError: "no_chrome_flags_set",
+  None: "",
+  NoRecorder: "recorder_error",
+  UnSupportedBrowser: "unsupported_browser",
+};
+
+const SCREEN_RECORDER_EVENT = {
+  onStart: "onStart",
+  onStop: "onStop",
+  onDiscard: "onDiscard",
+  onDataAvailable: "onDataAvailable",
+  onDiscardDuringCountdown: "onDiscardDuringCountdown",
+  onRestart: "onRestart",
+};
+
+const HAS_CHROME_NAMESPACE = typeof chrome === "object";
+
+const IS_EXTENSION = HAS_CHROME_NAMESPACE && isNotNil(chrome.extension);
+
+const IS_SAFARI = platform.name === "Safari";
+
+const IS_SAFARI_EXTENSION = IS_SAFARI && IS_EXTENSION;
+```
 
 ### Core
 
-The `@bigbinary/neeto-media-recorder/core` contains two singleton class's `screenRecorder` and `multipartS3Uploader`.
+The `@bigbinary/neeto-media-recorder/core` contains two singleton class's
+`screenRecorder` and `multipartS3Uploader`.
 
-  ```js
-  import { screenRecorder, multipartS3Uploader } from "@bigbinary/neeto-media-recorder/core"
-  ```
+```js
+import {
+  screenRecorder,
+  multipartS3Uploader,
+} from "@bigbinary/neeto-media-recorder/core";
+```
 
 - #### screenRecorder
-  It handles the screen and audio capturing process. The various methods provided by `screenRecorder` are:
+
+  It handles the screen and audio capturing process. The recordings are limited
+  to 45 minutes. The various methods provided by `screenRecorder` are:
 
   - `startRecording()`
 
@@ -147,18 +161,27 @@ The `@bigbinary/neeto-media-recorder/core` contains two singleton class's `scree
 
   - `addCallback(event, callback)`
 
-    Used to add callback function for a specific screen recording event. The constant `SCREEN_RECORDER_EVENT` contains all the possible screen recording events.
+    Used to add callback function for a specific screen recording event. The
+    constant `SCREEN_RECORDER_EVENT` contains all the possible screen recording
+    events.
 
     ```js
-    screenRecorder.addCallback(SCREEN_RECORDER_EVENT.onStart, handleStartRecording)
+    screenRecorder.addCallback(
+      SCREEN_RECORDER_EVENT.onStart,
+      handleStartRecording
+    );
     ```
 
   - `removeCallback(event, callback)`
 
-    Used to remove an already added callback by providing the event and callback to be removed.
+    Used to remove an already added callback by providing the event and callback
+    to be removed.
 
     ```js
-    screenRecorder.removeCallback(SCREEN_RECORDER_EVENT.onStart, handleStartRecording)
+    screenRecorder.removeCallback(
+      SCREEN_RECORDER_EVENT.onStart,
+      handleStartRecording
+    );
     ```
 
   - `removeAllCallbacksByEvent(event)`
@@ -166,7 +189,7 @@ The `@bigbinary/neeto-media-recorder/core` contains two singleton class's `scree
     Used to remove all callbacks associated with a particular event.
 
     ```js
-    screenRecorder.removeCallback(SCREEN_RECORDER_EVENT.onStart)
+    screenRecorder.removeCallback(SCREEN_RECORDER_EVENT.onStart);
     ```
 
   - `resetState()`
@@ -179,46 +202,56 @@ The `@bigbinary/neeto-media-recorder/core` contains two singleton class's `scree
 
   - `useRecorderStore()`
 
-    A zustand store which can be used know the screenRecorder status and error if any occurred inside a react component
+    A zustand store which can be used know the screenRecorder status and error
+    if any occurred inside a react component
 
-  - `setAudioConfiguration({ deviceId, ...})`
-    Used to set the configuration for the audio device.
-    Ref: https://w3c.github.io/mediacapture-main/#dom-mediatracksupportedconstraints
+  - `setAudioConfiguration({ deviceId, ...})` Used to set the configuration for
+    the audio device. Ref:
+    https://w3c.github.io/mediacapture-main/#dom-mediatracksupportedconstraints
 
 - #### multipartS3Uploader
-  It handles the upload of recorded screen data to AWS S3 storage. `multipartS3Uploader` provides the ability to upload the recording to S3 in multiple chunks. The methods provided `multipartS3Uploader` are:
 
-    - `initialize(recordingId, uploadId)`
+  It handles the upload of recorded screen data to AWS S3 storage.
+  `multipartS3Uploader` provides the ability to upload the recording to S3 in
+  multiple chunks. The methods provided `multipartS3Uploader` are:
+
+  - `initialize(recordingId, uploadId)`
 
-      Used to initialize the `multipartS3Uploader` by providing the `recordingId` and `uploadId`. `recordingId` and `uploadId` can be obtained by creating a new recording in `neeto-record-web`.
+    Used to initialize the `multipartS3Uploader` by providing the `recordingId`
+    and `uploadId`. `recordingId` and `uploadId` can be obtained by creating a
+    new recording in `neeto-record-web`.
 
-    - `push(data)`
+  - `push(data)`
 
-      Used to upload the recorded chunk to S3.
+    Used to upload the recorded chunk to S3.
 
-    - `completeUpload()`
+  - `completeUpload()`
 
-       Once the recording is completed this method should be called to mark the recording as completed.
+    Once the recording is completed this method should be called to mark the
+    recording as completed.
 
-    - `abortUpload()`
+  - `abortUpload()`
 
-      Used to discard the partially uploaded recording.
+    Used to discard the partially uploaded recording.
 
-    - `resetState()`
+  - `resetState()`
 
-      Used to reset the internal state of multipartS3Uploader to initial state.
+    Used to reset the internal state of multipartS3Uploader to initial state.
 
-    - `addCallback(event, callback)`
+  - `addCallback(event, callback)`
 
-      Used to add callback function to a specific upload event. The constant `UPLOAD_EVENT` contains all the possible upload events.
+    Used to add callback function to a specific upload event. The constant
+    `UPLOAD_EVENT` contains all the possible upload events.
 
-    - `removeCallback(event, callback)`
+  - `removeCallback(event, callback)`
 
-      Used to remove an already added callback by providing the event and callback to be removed.
+    Used to remove an already added callback by providing the event and callback
+    to be removed.
 
-    - `useMultipartS3UploadStore()`
+  - `useMultipartS3UploadStore()`
 
-      A zustand store which can be used know the screenRecorder status inside a react component.
+    A zustand store which can be used know the screenRecorder status inside a
+    react component.
 
 ## Development
 
@@ -234,24 +267,25 @@ yarn install
 2. Run `yarn install` to download the dependencies and setup the development
    environment.
 3. Have a host application ready.
-4. Run `yarn watch` to automatically transpile code as you save the
-   file. You can run `yarn build` if you want to run the build only once.
+4. Run `yarn watch` to automatically transpile code as you save the file. You
+   can run `yarn build` if you want to run the build only once.
 5. In a different terminal, run `yalc publish` to publish the
    neeto-media-recorder to the local yalc store.
 6. Run `yalc add @bigbinary/neeto-media-recorder` to install the
    neeto-media-recorder to the host application.
-7. After making necessary changes to `neeto-media-recorder`, run
-   `yarn release` to push the changes to the host application (assuming that you
-   are in watch mode and the changes are bundled automatically). Restart
-   webpack-dev-server in host if changes are not applied.
-8. Video explanation on how to use yalc: https://www.youtube.com/watch?v=QBiYGP0Rhe0
+7. After making necessary changes to `neeto-media-recorder`, run `yarn release`
+   to push the changes to the host application (assuming that you are in watch
+   mode and the changes are bundled automatically). Restart webpack-dev-server
+   in host if changes are not applied.
+8. Video explanation on how to use yalc:
+   https://www.youtube.com/watch?v=QBiYGP0Rhe0
 
 # Building and releasing.
 
-The `@bigbinary/neeto-neeto-media-recorder` package gets published to NPM when we merge a
-PR with `patch`, `minor` or `major` label to the `main` branch. The `patch`
-label is used for bug fixes, `minor` label is used for new features and `major`
-label is used for breaking changes. You can checkout the
+The `@bigbinary/neeto-neeto-media-recorder` package gets published to NPM when
+we merge a PR with `patch`, `minor` or `major` label to the `main` branch. The
+`patch` label is used for bug fixes, `minor` label is used for new features and
+`major` label is used for breaking changes. You can checkout the
 `Create and publish releases` workflow in GitHub Actions to get a live update.
 
 In case if you missed to add the label, you can manually publish the package.
@@ -269,7 +303,7 @@ manager.
 
 # Project integrations
 
-|          Projects             |  neeto-media-recorder  |
-|:-----------------------------:|:----------------------:|
-|        neeto-record-web       |   :white_check_mark:   |
-| neeto-record-chrome-extension |   :white_check_mark:   |
+|           Projects            | neeto-media-recorder |
+| :---------------------------: | :------------------: |
+|       neeto-record-web        |  :white_check_mark:  |
+| neeto-record-chrome-extension |  :white_check_mark:  |

package/constants.js

@@ -82,6 +82,8 @@ var MIME_TYPE = {
   mp4: "video/mp4",
   webmH264: "video/webm;codecs=h264"
 };
+var START_RECORDING_SOUND = "https://neeto-record-static-assets.s3.amazonaws.com/recording-start-sound.mp3";
+var STOP_RECORDING_DUE_TO_LIMIT_REACHED_SOUND = "https://neeto-record-static-assets.s3.amazonaws.com/recording-end-sound.mp3";
 
-export { DEFAULT_RETRY_CONFIG, HAS_CHROME_NAMESPACE, INITIAL_RETRY_DELAY, IS_EXTENSION, IS_SAFARI, IS_SAFARI_EXTENSION, MAX_RETRY_DELAY, MIME_TYPE, NETWORK_ERROR, ONE_MINUTE_IN_MILLISECONDS, ONE_SECOND, ONE_SECOND_IN_MILLISECONDS, PERMISSIONS_HELP_DOC, RETRIABLE_ERRORS, SCREEN_RECORDER_ERROR, SCREEN_RECORDER_EVENT, SCREEN_RECORDER_STATUS, TIMEOUT_ERROR, TOTAL_RETRIES, UPLOAD_EVENT, UPLOAD_STATUS };
+export { DEFAULT_RETRY_CONFIG, HAS_CHROME_NAMESPACE, INITIAL_RETRY_DELAY, IS_EXTENSION, IS_SAFARI, IS_SAFARI_EXTENSION, MAX_RETRY_DELAY, MIME_TYPE, NETWORK_ERROR, ONE_MINUTE_IN_MILLISECONDS, ONE_SECOND, ONE_SECOND_IN_MILLISECONDS, PERMISSIONS_HELP_DOC, RETRIABLE_ERRORS, SCREEN_RECORDER_ERROR, SCREEN_RECORDER_EVENT, SCREEN_RECORDER_STATUS, START_RECORDING_SOUND, STOP_RECORDING_DUE_TO_LIMIT_REACHED_SOUND, TIMEOUT_ERROR, TOTAL_RETRIES, UPLOAD_EVENT, UPLOAD_STATUS };
 //# sourceMappingURL=constants.js.map

package/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["node_modules/@babel/runtime/helpers/esm/typeof.js","src/constants.js"],"sourcesContent":["export default function _typeof(obj) {\n  \"@babel/helpers - typeof\";\n\n  return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) {\n    return typeof obj;\n  } : function (obj) {\n    return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n  }, _typeof(obj);\n}","import platform from \"platform\";\nimport { isNotNil } from \"ramda\";\n\n// https://docs.aws.amazon.com/AmazonS3/latest/API/ErrorResponses.html#ErrorCodeList\nexport const RETRIABLE_ERRORS = [500, 503];\n\nexport const ONE_SECOND_IN_MILLISECONDS = 1000;\n\nexport const ONE_MINUTE_IN_MILLISECONDS = 60 * ONE_SECOND_IN_MILLISECONDS;\n\nexport const ONE_SECOND = 1;\n\nexport const UPLOAD_EVENT = { onComplete: \"onComplete\" };\n\nexport const UPLOAD_STATUS = {\n  uploading: \"uploading\",\n  completed: \"completed\",\n  aborting: \"aborting\",\n};\n\nexport const SCREEN_RECORDER_STATUS = {\n  media_aborted: \"media_aborted\",\n  permission_denied: \"permission_denied\",\n  no_specified_media_found: \"no_specified_media_found\",\n  media_in_use: \"media_in_use\",\n  invalid_media_constraints: \"invalid_media_constraints\",\n  no_chrome_flags_set: \"no_chrome_flags_set\",\n  recorder_error: \"recorder_error\",\n  idle: \"idle\",\n  acquiring_media: \"acquiring_media\",\n  media_acquired: \"media_acquired\",\n  restarting: \"restarting\",\n  recording: \"recording\",\n  stopping: \"stopping\",\n  stopped: \"stopped\",\n  paused: \"paused\",\n};\n\nexport const SCREEN_RECORDER_ERROR = {\n  AbortError: \"media_aborted\",\n  NotAllowedError: \"permission_denied\",\n  NotFoundError: \"no_specified_media_found\",\n  NotReadableError: \"media_in_use\",\n  OverconstrainedError: \"invalid_media_constraints\",\n  TypeError: \"no_chrome_flags_set\",\n  None: \"\",\n  NoRecorder: \"recorder_error\",\n  UnSupportedBrowser: \"unsupported_browser\",\n};\n\nexport const SCREEN_RECORDER_EVENT = {\n  onStart: \"onStart\",\n  onStop: \"onStop\",\n  onDiscard: \"onDiscard\",\n  onDataAvailable: \"onDataAvailable\",\n  onDiscardDuringCountdown: \"onDiscardDuringCountdown\",\n  onRestart: \"onRestart\",\n};\n\nexport const TOTAL_RETRIES = 30;\nexport const INITIAL_RETRY_DELAY = 4000;\nexport const MAX_RETRY_DELAY = 16000;\n\nexport const DEFAULT_RETRY_CONFIG = {\n  retries: TOTAL_RETRIES,\n  retryDelay: INITIAL_RETRY_DELAY,\n  retryableStatuses: [],\n};\n\n// No need to localize this since it will only be used in the code\n// eslint-disable-next-line @bigbinary/neeto/hard-coded-strings-should-be-localized\nexport const NETWORK_ERROR = \"Network Error\";\nexport const TIMEOUT_ERROR = \"ECONNABORTED\";\n\nexport const HAS_CHROME_NAMESPACE = typeof chrome === \"object\";\n\nexport const IS_EXTENSION = HAS_CHROME_NAMESPACE && isNotNil(chrome.extension);\n\nexport const IS_SAFARI = platform.name === \"Safari\";\n\nexport const IS_SAFARI_EXTENSION = IS_SAFARI && IS_EXTENSION;\n\nexport const PERMISSIONS_HELP_DOC =\n  \"https://neetorecordhelp.neetokb.com/p/a-10efcfd7\";\n\nexport const MIME_TYPE = {\n  mp4: \"video/mp4\",\n  webmH264: \"video/webm;codecs=h264\",\n};\n"],"names":["RETRIABLE_ERRORS","ONE_SECOND_IN_MILLISECONDS","ONE_MINUTE_IN_MILLISECONDS","ONE_SECOND","UPLOAD_EVENT","onComplete","UPLOAD_STATUS","uploading","completed","aborting","SCREEN_RECORDER_STATUS","media_aborted","permission_denied","no_specified_media_found","media_in_use","invalid_media_constraints","no_chrome_flags_set","recorder_error","idle","acquiring_media","media_acquired","restarting","recording","stopping","stopped","paused","SCREEN_RECORDER_ERROR","AbortError","NotAllowedError","NotFoundError","NotReadableError","OverconstrainedError","TypeError","None","NoRecorder","UnSupportedBrowser","SCREEN_RECORDER_EVENT","onStart","onStop","onDiscard","onDataAvailable","onDiscardDuringCountdown","onRestart","TOTAL_RETRIES","INITIAL_RETRY_DELAY","MAX_RETRY_DELAY","DEFAULT_RETRY_CONFIG","retries","retryDelay","retryableStatuses","NETWORK_ERROR","TIMEOUT_ERROR","HAS_CHROME_NAMESPACE","chrome","_typeof","IS_EXTENSION","isNotNil","extension","IS_SAFARI","platform","name","IS_SAFARI_EXTENSION","PERMISSIONS_HELP_DOC","MIME_TYPE","mp4","webmH264"],"mappings":"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"}
+{"version":3,"file":"constants.js","sources":["node_modules/@babel/runtime/helpers/esm/typeof.js","src/constants.js"],"sourcesContent":["export default function _typeof(obj) {\n  \"@babel/helpers - typeof\";\n\n  return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) {\n    return typeof obj;\n  } : function (obj) {\n    return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n  }, _typeof(obj);\n}","import platform from \"platform\";\nimport { isNotNil } from \"ramda\";\n\n// https://docs.aws.amazon.com/AmazonS3/latest/API/ErrorResponses.html#ErrorCodeList\nexport const RETRIABLE_ERRORS = [500, 503];\n\nexport const ONE_SECOND_IN_MILLISECONDS = 1000;\n\nexport const ONE_MINUTE_IN_MILLISECONDS = 60 * ONE_SECOND_IN_MILLISECONDS;\n\nexport const ONE_SECOND = 1;\n\nexport const UPLOAD_EVENT = { onComplete: \"onComplete\" };\n\nexport const UPLOAD_STATUS = {\n  uploading: \"uploading\",\n  completed: \"completed\",\n  aborting: \"aborting\",\n};\n\nexport const SCREEN_RECORDER_STATUS = {\n  media_aborted: \"media_aborted\",\n  permission_denied: \"permission_denied\",\n  no_specified_media_found: \"no_specified_media_found\",\n  media_in_use: \"media_in_use\",\n  invalid_media_constraints: \"invalid_media_constraints\",\n  no_chrome_flags_set: \"no_chrome_flags_set\",\n  recorder_error: \"recorder_error\",\n  idle: \"idle\",\n  acquiring_media: \"acquiring_media\",\n  media_acquired: \"media_acquired\",\n  restarting: \"restarting\",\n  recording: \"recording\",\n  stopping: \"stopping\",\n  stopped: \"stopped\",\n  paused: \"paused\",\n};\n\nexport const SCREEN_RECORDER_ERROR = {\n  AbortError: \"media_aborted\",\n  NotAllowedError: \"permission_denied\",\n  NotFoundError: \"no_specified_media_found\",\n  NotReadableError: \"media_in_use\",\n  OverconstrainedError: \"invalid_media_constraints\",\n  TypeError: \"no_chrome_flags_set\",\n  None: \"\",\n  NoRecorder: \"recorder_error\",\n  UnSupportedBrowser: \"unsupported_browser\",\n};\n\nexport const SCREEN_RECORDER_EVENT = {\n  onStart: \"onStart\",\n  onStop: \"onStop\",\n  onDiscard: \"onDiscard\",\n  onDataAvailable: \"onDataAvailable\",\n  onDiscardDuringCountdown: \"onDiscardDuringCountdown\",\n  onRestart: \"onRestart\",\n};\n\nexport const TOTAL_RETRIES = 30;\nexport const INITIAL_RETRY_DELAY = 4000;\nexport const MAX_RETRY_DELAY = 16000;\n\nexport const DEFAULT_RETRY_CONFIG = {\n  retries: TOTAL_RETRIES,\n  retryDelay: INITIAL_RETRY_DELAY,\n  retryableStatuses: [],\n};\n\n// No need to localize this since it will only be used in the code\n// eslint-disable-next-line @bigbinary/neeto/hard-coded-strings-should-be-localized\nexport const NETWORK_ERROR = \"Network Error\";\nexport const TIMEOUT_ERROR = \"ECONNABORTED\";\n\nexport const HAS_CHROME_NAMESPACE = typeof chrome === \"object\";\n\nexport const IS_EXTENSION = HAS_CHROME_NAMESPACE && isNotNil(chrome.extension);\n\nexport const IS_SAFARI = platform.name === \"Safari\";\n\nexport const IS_SAFARI_EXTENSION = IS_SAFARI && IS_EXTENSION;\n\nexport const PERMISSIONS_HELP_DOC =\n  \"https://neetorecordhelp.neetokb.com/p/a-10efcfd7\";\n\nexport const MIME_TYPE = {\n  mp4: \"video/mp4\",\n  webmH264: \"video/webm;codecs=h264\",\n};\n\nexport const START_RECORDING_SOUND =\n  \"https://neeto-record-static-assets.s3.amazonaws.com/recording-start-sound.mp3\";\n\nexport const STOP_RECORDING_DUE_TO_LIMIT_REACHED_SOUND =\n  \"https://neeto-record-static-assets.s3.amazonaws.com/recording-end-sound.mp3\";\n"],"names":["RETRIABLE_ERRORS","ONE_SECOND_IN_MILLISECONDS","ONE_MINUTE_IN_MILLISECONDS","ONE_SECOND","UPLOAD_EVENT","onComplete","UPLOAD_STATUS","uploading","completed","aborting","SCREEN_RECORDER_STATUS","media_aborted","permission_denied","no_specified_media_found","media_in_use","invalid_media_constraints","no_chrome_flags_set","recorder_error","idle","acquiring_media","media_acquired","restarting","recording","stopping","stopped","paused","SCREEN_RECORDER_ERROR","AbortError","NotAllowedError","NotFoundError","NotReadableError","OverconstrainedError","TypeError","None","NoRecorder","UnSupportedBrowser","SCREEN_RECORDER_EVENT","onStart","onStop","onDiscard","onDataAvailable","onDiscardDuringCountdown","onRestart","TOTAL_RETRIES","INITIAL_RETRY_DELAY","MAX_RETRY_DELAY","DEFAULT_RETRY_CONFIG","retries","retryDelay","retryableStatuses","NETWORK_ERROR","TIMEOUT_ERROR","HAS_CHROME_NAMESPACE","chrome","_typeof","IS_EXTENSION","isNotNil","extension","IS_SAFARI","platform","name","IS_SAFARI_EXTENSION","PERMISSIONS_HELP_DOC","MIME_TYPE","mp4","webmH264","START_RECORDING_SOUND","STOP_RECORDING_DUE_TO_LIMIT_REACHED_SOUND"],"mappings":";;;AAAe,SAAS,OAAO,CAAC,GAAG,EAAE;AACrC,EAAE,yBAAyB,CAAC;AAC5B;AACA,EAAE,OAAO,OAAO,GAAG,UAAU,IAAI,OAAO,MAAM,IAAI,QAAQ,IAAI,OAAO,MAAM,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE;AACtG,IAAI,OAAO,OAAO,GAAG,CAAC;AACtB,GAAG,GAAG,UAAU,GAAG,EAAE;AACrB,IAAI,OAAO,GAAG,IAAI,UAAU,IAAI,OAAO,MAAM,IAAI,GAAG,CAAC,WAAW,KAAK,MAAM,IAAI,GAAG,KAAK,MAAM,CAAC,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,CAAC;AAChI,GAAG,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;AAClB;;ACLA;IACaA,gBAAgB,GAAG,CAAC,GAAG,EAAE,GAAG,EAAC;AAEnC,IAAMC,0BAA0B,GAAG,KAAI;AAEjCC,IAAAA,0BAA0B,GAAG,EAAE,GAAGD,2BAA0B;AAElE,IAAME,UAAU,GAAG,EAAC;AAEpB,IAAMC,YAAY,GAAG;AAAEC,EAAAA,UAAU,EAAE,YAAA;AAAa,EAAC;AAEjD,IAAMC,aAAa,GAAG;AAC3BC,EAAAA,SAAS,EAAE,WAAW;AACtBC,EAAAA,SAAS,EAAE,WAAW;AACtBC,EAAAA,QAAQ,EAAE,UAAA;AACZ,EAAC;AAEM,IAAMC,sBAAsB,GAAG;AACpCC,EAAAA,aAAa,EAAE,eAAe;AAC9BC,EAAAA,iBAAiB,EAAE,mBAAmB;AACtCC,EAAAA,wBAAwB,EAAE,0BAA0B;AACpDC,EAAAA,YAAY,EAAE,cAAc;AAC5BC,EAAAA,yBAAyB,EAAE,2BAA2B;AACtDC,EAAAA,mBAAmB,EAAE,qBAAqB;AAC1CC,EAAAA,cAAc,EAAE,gBAAgB;AAChCC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,eAAe,EAAE,iBAAiB;AAClCC,EAAAA,cAAc,EAAE,gBAAgB;AAChCC,EAAAA,UAAU,EAAE,YAAY;AACxBC,EAAAA,SAAS,EAAE,WAAW;AACtBC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,MAAM,EAAE,QAAA;AACV,EAAC;AAEM,IAAMC,qBAAqB,GAAG;AACnCC,EAAAA,UAAU,EAAE,eAAe;AAC3BC,EAAAA,eAAe,EAAE,mBAAmB;AACpCC,EAAAA,aAAa,EAAE,0BAA0B;AACzCC,EAAAA,gBAAgB,EAAE,cAAc;AAChCC,EAAAA,oBAAoB,EAAE,2BAA2B;AACjDC,EAAAA,SAAS,EAAE,qBAAqB;AAChCC,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,UAAU,EAAE,gBAAgB;AAC5BC,EAAAA,kBAAkB,EAAE,qBAAA;AACtB,EAAC;AAEM,IAAMC,qBAAqB,GAAG;AACnCC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,SAAS,EAAE,WAAW;AACtBC,EAAAA,eAAe,EAAE,iBAAiB;AAClCC,EAAAA,wBAAwB,EAAE,0BAA0B;AACpDC,EAAAA,SAAS,EAAE,WAAA;AACb,EAAC;AAEM,IAAMC,aAAa,GAAG,GAAE;AACxB,IAAMC,mBAAmB,GAAG,KAAI;AAChC,IAAMC,eAAe,GAAG,MAAK;AAE7B,IAAMC,oBAAoB,GAAG;AAClCC,EAAAA,OAAO,EAAEJ,aAAa;AACtBK,EAAAA,UAAU,EAAEJ,mBAAmB;AAC/BK,EAAAA,iBAAiB,EAAE,EAAA;AACrB,EAAC;;AAED;AACA;AACO,IAAMC,aAAa,GAAG,gBAAe;AACrC,IAAMC,aAAa,GAAG,eAAc;AAEpC,IAAMC,oBAAoB,GAAG,CAAOC,OAAAA,MAAM,iCAAAC,OAAA,CAAND,MAAM,CAAA,MAAK,SAAQ;AAEvD,IAAME,YAAY,GAAGH,oBAAoB,IAAII,QAAQ,CAACH,MAAM,CAACI,SAAS,EAAC;IAEjEC,SAAS,GAAGC,QAAQ,CAACC,IAAI,KAAK,SAAQ;AAEtCC,IAAAA,mBAAmB,GAAGH,SAAS,IAAIH,aAAY;AAErD,IAAMO,oBAAoB,GAC/B,mDAAkD;AAE7C,IAAMC,SAAS,GAAG;AACvBC,EAAAA,GAAG,EAAE,WAAW;AAChBC,EAAAA,QAAQ,EAAE,wBAAA;AACZ,EAAC;AAEM,IAAMC,qBAAqB,GAChC,gFAA+E;AAE1E,IAAMC,yCAAyC,GACpD;;;;"}

package/core.js

@@ -1,6 +1,6 @@
 import axios from 'axios';
 import { isPresent, isNot, existsBy, isNotEmpty } from '@bigbinary/neeto-cist';
-import { RETRIABLE_ERRORS, UPLOAD_EVENT, UPLOAD_STATUS, SCREEN_RECORDER_STATUS, SCREEN_RECORDER_ERROR, SCREEN_RECORDER_EVENT, ONE_SECOND, ONE_SECOND_IN_MILLISECONDS } from '@bigbinary/neeto-media-recorder/constants';
+import { RETRIABLE_ERRORS, UPLOAD_EVENT, UPLOAD_STATUS, SCREEN_RECORDER_STATUS, START_RECORDING_SOUND, SCREEN_RECORDER_ERROR, SCREEN_RECORDER_EVENT, ONE_SECOND, ONE_SECOND_IN_MILLISECONDS, STOP_RECORDING_DUE_TO_LIMIT_REACHED_SOUND } from '@bigbinary/neeto-media-recorder/constants';
 import { isNotNil, min, identity, isEmpty, isNil, pick } from 'ramda';
 import platform from 'platform';
 import withImmutableActions from '@bigbinary/neeto-commons-frontend/react-utils/withImmutableActions';
@@ -1117,6 +1117,8 @@ var DISPLAY_SURFACE = {
   window: "window",
   browser: "browser"
 };
+var RECORDING_TIME_LIMIT = 2700000; // 45 minutes
+var RECORDING_TIME_LIMIT_WARNING_TIME = 2400000; // 40 minutes
 
 function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -1124,7 +1126,8 @@ var initialState = {
   status: SCREEN_RECORDER_STATUS.idle,
   error: "",
   elapsedTime: 0,
-  countdownTimeLeft: 3
+  countdownTimeLeft: 3,
+  showTimeLimitWarning: false
 };
 var prepareStore = function prepareStore() {
   return create$3(withImmutableActions(function (set) {
@@ -1190,6 +1193,8 @@ var _callbacks = /*#__PURE__*/new WeakMap();
 var _lastTimerUpdatedAt = /*#__PURE__*/new WeakMap();
 var _timerId = /*#__PURE__*/new WeakMap();
 var _countdownTimerId = /*#__PURE__*/new WeakMap();
+var _startRecordingAudio = /*#__PURE__*/new WeakMap();
+var _stopRecordingDueToLimitReachedAudio = /*#__PURE__*/new WeakMap();
 var _checkCompatibility = /*#__PURE__*/new WeakMap();
 var _acquireMediaStream = /*#__PURE__*/new WeakMap();
 var _fireCallbacks = /*#__PURE__*/new WeakMap();
@@ -1199,6 +1204,7 @@ var _onRecordingStop = /*#__PURE__*/new WeakMap();
 var _countdownAndStartRecording = /*#__PURE__*/new WeakMap();
 var _startTimer = /*#__PURE__*/new WeakMap();
 var _stopTimer = /*#__PURE__*/new WeakMap();
+var _checkIfTimeLimitReached = /*#__PURE__*/new WeakMap();
 var ScreenRecorder = /*#__PURE__*/function () {
   function ScreenRecorder(_audio2, video) {
     var _this = this;
@@ -1243,6 +1249,14 @@ var ScreenRecorder = /*#__PURE__*/function () {
       writable: true,
       value: void 0
     });
+    _classPrivateFieldInitSpec(this, _startRecordingAudio, {
+      writable: true,
+      value: new Audio(START_RECORDING_SOUND)
+    });
+    _classPrivateFieldInitSpec(this, _stopRecordingDueToLimitReachedAudio, {
+      writable: true,
+      value: void 0
+    });
     _defineProperty(this, "setAudioConfiguration", function (audio) {
       return _classPrivateFieldSet(_this, _audio, audio);
     });
@@ -1530,6 +1544,7 @@ var ScreenRecorder = /*#__PURE__*/function () {
                 countdownTimeLeft: countdownTimeLeft - ONE_SECOND
               };
             }
+            _classPrivateFieldGet(_this, _startRecordingAudio).play();
             _classPrivateFieldGet(_this, _store).setState({
               status: SCREEN_RECORDER_STATUS.recording
             });
@@ -1553,6 +1568,7 @@ var ScreenRecorder = /*#__PURE__*/function () {
             var now = Date.now();
             var newElapsedTime = elapsedTime + (now - _classPrivateFieldGet(_this, _lastTimerUpdatedAt));
             _classPrivateFieldSet(_this, _lastTimerUpdatedAt, now);
+            _classPrivateFieldGet(_this, _checkIfTimeLimitReached).call(_this, newElapsedTime);
             return {
               elapsedTime: newElapsedTime
             };
@@ -1570,6 +1586,21 @@ var ScreenRecorder = /*#__PURE__*/function () {
         });
       }
     });
+    _classPrivateFieldInitSpec(this, _checkIfTimeLimitReached, {
+      writable: true,
+      value: function value(elapsedTime) {
+        if (elapsedTime < RECORDING_TIME_LIMIT_WARNING_TIME) return;
+        if (elapsedTime < RECORDING_TIME_LIMIT && elapsedTime > RECORDING_TIME_LIMIT_WARNING_TIME) {
+          _classPrivateFieldGet(_this, _store).setState({
+            showTimeLimitWarning: true
+          });
+          _classPrivateFieldSet(_this, _stopRecordingDueToLimitReachedAudio, new Audio(STOP_RECORDING_DUE_TO_LIMIT_REACHED_SOUND));
+          return;
+        }
+        _classPrivateFieldGet(_this, _stopRecordingDueToLimitReachedAudio).play();
+        _this.stopRecording();
+      }
+    });
     _classPrivateFieldSet(this, _audio, _audio2);
     _classPrivateFieldSet(this, _video, video);
     _classPrivateFieldSet(this, _store, prepareStore());