diff --git a/CHANGELOG.md b/CHANGELOG.md
index 22597faa8..416937c07 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,14 @@
+## 0.6.1 (December 17, 2021)
+
+### Dependency Upgrades
+
+- `twilio-video` has been upgraded from 2.17.1 to 2.18.2.
+- `@twilio/video-room-monitor` has been updated from version `1.0.0-beta.1` to `1.0.0`. The [Twilio Video Room Monitor](https://github.com/twilio/twilio-video-room-monitor.js) is out of beta and is now Generally Available.
+
+### Enhancements
+
+- The Twilio Video Room Monitor can now be used on mobile devices.
+
## 0.6.0 (September 24, 2021)
### New Feature
diff --git a/package-lock.json b/package-lock.json
index 42682c6ad..d9d37abfa 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
{
"name": "twilio-video-app-react",
- "version": "0.6.0",
+ "version": "0.6.1",
"lockfileVersion": 2,
"requires": true,
"packages": {
"": {
"name": "twilio-video-app-react",
- "version": "0.5.1",
+ "version": "0.6.1",
"hasInstallScript": true,
"license": "Apache-2.0",
"dependencies": {
@@ -15,7 +15,7 @@
"@twilio-labs/plugin-rtc": "^0.8.2",
"@twilio/conversations": "^1.2.3",
"@twilio/video-processors": "^1.0.1",
- "@twilio/video-room-monitor": "^1.0.0-beta.1",
+ "@twilio/video-room-monitor": "^1.0.0",
"@types/d3-timer": "^1.0.9",
"@types/dotenv": "^8.2.0",
"@types/express": "^4.17.11",
@@ -49,7 +49,7 @@
"strip-color": "^0.1.0",
"ts-node": "^9.1.1",
"twilio": "^3.63.1",
- "twilio-video": "^2.17.1",
+ "twilio-video": "^2.18.2",
"typescript": "^3.8.3"
},
"devDependencies": {
@@ -6086,14 +6086,16 @@
"integrity": "sha512-CMjgRNsks27IDwI785YMY0KLt3co/c0cQ5foxHYv/shC2w8oOnVwz5Ubq1QG5KzrcW+AXk6gzdnxIkDnTvzu3g=="
},
"node_modules/@twilio/video-room-monitor": {
- "version": "1.0.0-beta.1",
- "resolved": "https://registry.npmjs.org/@twilio/video-room-monitor/-/video-room-monitor-1.0.0-beta.1.tgz",
- "integrity": "sha512-4IeEmqvswSLcTHcKA2+SWGkSLGH09Qmzb/63G/RDti10EGCrCgLHW7q5CD8CeRlFblbGmcYr/aEIbDQ3mJJT9w==",
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/@twilio/video-room-monitor/-/video-room-monitor-1.0.0.tgz",
+ "integrity": "sha512-lHmtnXw/sAKER32mB1aON1+1yXhryQQ/U8WF3xMMtHs5HAFtC5B1k0tiTc5J1m0CxkzbOZHoY5GVryO9wt1UbQ==",
"dependencies": {
+ "@visx/curve": "^2.1.0",
"@visx/xychart": "^1.18.1",
"d3-array": "^2.12.1",
"eventemitter3": "^4.0.7",
"lodash": "^4.17.21",
+ "react-spring": "^8.0.27",
"styled-components": "^5.2.1"
},
"peerDependencies": {
@@ -6102,6 +6104,23 @@
"twilio-video": "^2.14.0"
}
},
+ "node_modules/@twilio/video-room-monitor/node_modules/@visx/curve": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/@visx/curve/-/curve-2.1.0.tgz",
+ "integrity": "sha512-9b6JOnx91gmOQiSPhUOxdsvcnW88fgqfTPKoVgQxidMsD/I3wksixtwo8TR/vtEz2aHzzsEEhlv1qK7Y3yaSDw==",
+ "dependencies": {
+ "@types/d3-shape": "^1.3.1",
+ "d3-shape": "^1.0.6"
+ }
+ },
+ "node_modules/@twilio/video-room-monitor/node_modules/d3-shape": {
+ "version": "1.3.7",
+ "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-1.3.7.tgz",
+ "integrity": "sha512-EUkvKjqPFUAZyOlhY5gzCxCeI0Aep04LwIRpsZ/mLFelJiUfnK56jo5JMDSE7yyP2kLSb6LtF+S5chMk7uqPqw==",
+ "dependencies": {
+ "d3-path": "1"
+ }
+ },
"node_modules/@twilio/webrtc": {
"version": "4.5.1",
"resolved": "https://registry.npmjs.org/@twilio/webrtc/-/webrtc-4.5.1.tgz",
@@ -28113,7 +28132,6 @@
"version": "8.0.27",
"resolved": "https://registry.npmjs.org/react-spring/-/react-spring-8.0.27.tgz",
"integrity": "sha512-nDpWBe3ZVezukNRandTeLSPcwwTMjNVu1IDq9qA/AMiUqHuRN4BeSWvKr3eIxxg1vtiYiOLy4FqdfCP5IoP77g==",
- "peer": true,
"dependencies": {
"@babel/runtime": "^7.3.1",
"prop-types": "^15.5.8"
@@ -32372,9 +32390,9 @@
"integrity": "sha512-lmrISisi5nbu0WNXBCMagrdJFwLUYFnaas87PgOMM3aNi+Z2YFvyC5K7/cAJuNUtpljztwJPzvp8bho02sAMAg=="
},
"node_modules/twilio-video": {
- "version": "2.17.1",
- "resolved": "https://registry.npmjs.org/twilio-video/-/twilio-video-2.17.1.tgz",
- "integrity": "sha512-um2+rseelyZShhfGUo3xPYRsX4g6cvP4DkZ5TZcaf2PZvN5FK97oKY02Kh20xJd75H3Uq701zb82iQjwIVDAXA==",
+ "version": "2.18.2",
+ "resolved": "https://registry.npmjs.org/twilio-video/-/twilio-video-2.18.2.tgz",
+ "integrity": "sha512-1qdYyL2pfaHargGJ56Wz22LO432xJAUkUzvKSTxO5k8cn7DDULS5zU0FQQV2skFBig6YqrmHICmGkyKBaP9E9Q==",
"dependencies": {
"@twilio/webrtc": "4.5.1",
"backoff": "^2.5.0",
@@ -39580,15 +39598,36 @@
}
},
"@twilio/video-room-monitor": {
- "version": "1.0.0-beta.1",
- "resolved": "https://registry.npmjs.org/@twilio/video-room-monitor/-/video-room-monitor-1.0.0-beta.1.tgz",
- "integrity": "sha512-4IeEmqvswSLcTHcKA2+SWGkSLGH09Qmzb/63G/RDti10EGCrCgLHW7q5CD8CeRlFblbGmcYr/aEIbDQ3mJJT9w==",
+ "version": "1.0.0",
+ "resolved": "https://registry.npmjs.org/@twilio/video-room-monitor/-/video-room-monitor-1.0.0.tgz",
+ "integrity": "sha512-lHmtnXw/sAKER32mB1aON1+1yXhryQQ/U8WF3xMMtHs5HAFtC5B1k0tiTc5J1m0CxkzbOZHoY5GVryO9wt1UbQ==",
"requires": {
+ "@visx/curve": "^2.1.0",
"@visx/xychart": "^1.18.1",
"d3-array": "^2.12.1",
"eventemitter3": "^4.0.7",
"lodash": "^4.17.21",
+ "react-spring": "^8.0.27",
"styled-components": "^5.2.1"
+ },
+ "dependencies": {
+ "@visx/curve": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/@visx/curve/-/curve-2.1.0.tgz",
+ "integrity": "sha512-9b6JOnx91gmOQiSPhUOxdsvcnW88fgqfTPKoVgQxidMsD/I3wksixtwo8TR/vtEz2aHzzsEEhlv1qK7Y3yaSDw==",
+ "requires": {
+ "@types/d3-shape": "^1.3.1",
+ "d3-shape": "^1.0.6"
+ }
+ },
+ "d3-shape": {
+ "version": "1.3.7",
+ "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-1.3.7.tgz",
+ "integrity": "sha512-EUkvKjqPFUAZyOlhY5gzCxCeI0Aep04LwIRpsZ/mLFelJiUfnK56jo5JMDSE7yyP2kLSb6LtF+S5chMk7uqPqw==",
+ "requires": {
+ "d3-path": "1"
+ }
+ }
}
},
"@twilio/webrtc": {
@@ -56915,7 +56954,6 @@
"version": "8.0.27",
"resolved": "https://registry.npmjs.org/react-spring/-/react-spring-8.0.27.tgz",
"integrity": "sha512-nDpWBe3ZVezukNRandTeLSPcwwTMjNVu1IDq9qA/AMiUqHuRN4BeSWvKr3eIxxg1vtiYiOLy4FqdfCP5IoP77g==",
- "peer": true,
"requires": {
"@babel/runtime": "^7.3.1",
"prop-types": "^15.5.8"
@@ -60267,9 +60305,9 @@
}
},
"twilio-video": {
- "version": "2.17.1",
- "resolved": "https://registry.npmjs.org/twilio-video/-/twilio-video-2.17.1.tgz",
- "integrity": "sha512-um2+rseelyZShhfGUo3xPYRsX4g6cvP4DkZ5TZcaf2PZvN5FK97oKY02Kh20xJd75H3Uq701zb82iQjwIVDAXA==",
+ "version": "2.18.2",
+ "resolved": "https://registry.npmjs.org/twilio-video/-/twilio-video-2.18.2.tgz",
+ "integrity": "sha512-1qdYyL2pfaHargGJ56Wz22LO432xJAUkUzvKSTxO5k8cn7DDULS5zU0FQQV2skFBig6YqrmHICmGkyKBaP9E9Q==",
"requires": {
"@twilio/webrtc": "4.5.1",
"backoff": "^2.5.0",
diff --git a/package.json b/package.json
index e108abb58..ce87936cc 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "twilio-video-app-react",
- "version": "0.6.0",
+ "version": "0.6.1",
"private": true,
"license": "Apache-2.0",
"dependencies": {
@@ -9,7 +9,7 @@
"@twilio-labs/plugin-rtc": "^0.8.2",
"@twilio/conversations": "^1.2.3",
"@twilio/video-processors": "^1.0.1",
- "@twilio/video-room-monitor": "^1.0.0-beta.1",
+ "@twilio/video-room-monitor": "^1.0.0",
"@types/d3-timer": "^1.0.9",
"@types/dotenv": "^8.2.0",
"@types/express": "^4.17.11",
@@ -43,7 +43,7 @@
"strip-color": "^0.1.0",
"ts-node": "^9.1.1",
"twilio": "^3.63.1",
- "twilio-video": "^2.17.1",
+ "twilio-video": "^2.18.2",
"typescript": "^3.8.3"
},
"devDependencies": {
diff --git a/src/components/MenuBar/Menu/Menu.tsx b/src/components/MenuBar/Menu/Menu.tsx
index 2d1111e40..c2a094b63 100644
--- a/src/components/MenuBar/Menu/Menu.tsx
+++ b/src/components/MenuBar/Menu/Menu.tsx
@@ -9,16 +9,7 @@ import StartRecordingIcon from '../../../icons/StartRecordingIcon';
import StopRecordingIcon from '../../../icons/StopRecordingIcon';
import SearchIcon from '@material-ui/icons/Search';
import SettingsIcon from '../../../icons/SettingsIcon';
-import {
- Button,
- styled,
- Theme,
- useMediaQuery,
- Menu as MenuContainer,
- MenuItem,
- Typography,
- Hidden,
-} from '@material-ui/core';
+import { Button, styled, Theme, useMediaQuery, Menu as MenuContainer, MenuItem, Typography } from '@material-ui/core';
import { isSupported } from '@twilio/video-processors';
import { useAppState } from '../../../state';
@@ -130,19 +121,17 @@ export default function Menu(props: { buttonClassName?: string }) {
)}
-
-
-
+