@100mslive/roomkit-react 0.3.32-alpha.2 → 0.3.32-alpha.3

package/dist/meta.cjs.json

@@ -2894,18 +2894,13 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Settings/DeviceSettings.jsx": {
-      "bytes": 7012,
+      "bytes": 6693,
       "imports": [
         {
           "path": "react",
           "kind": "import-statement",
           "external": true
         },
-        {
-          "path": "react-use",
-          "kind": "import-statement",
-          "external": true
-        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "import-statement",
@@ -2921,11 +2916,6 @@
           "kind": "import-statement",
           "original": "../../../"
         },
-        {
-          "path": "src/Theme/index.tsx",
-          "kind": "import-statement",
-          "original": "../../../Theme"
-        },
         {
           "path": "src/Prebuilt/primitives/DropdownTrigger.jsx",
           "kind": "import-statement",
@@ -5779,7 +5769,7 @@
       "format": "cjs"
     },
     "../hms-video-store/dist/index.js": {
-      "bytes": 377021,
+      "bytes": 377019,
       "imports": [
         {
           "path": "../../node_modules/reselect/es/index.js",
@@ -11321,7 +11311,7 @@
       ],
       "format": "esm"
     },
-    "../../../../../../../tmp/tmp-2964-y0z3UC7LOSSo/1951dfa11c32/tldraw.css": {
+    "../../../../../../../tmp/tmp-2968-yoxBCmWsTwS9/1951e19bd342/tldraw.css": {
       "bytes": 80111,
       "imports": [
         {
@@ -11371,7 +11361,7 @@
         }
       ]
     },
-    "../../../../../../../tmp/tmp-2964-y0z3UC7LOSSo/1951dfa11580/index.css": {
+    "../../../../../../../tmp/tmp-2968-yoxBCmWsTwS9/1951e19bd1d1/index.css": {
       "bytes": 597,
       "imports": [
         {
@@ -11380,7 +11370,7 @@
           "external": true
         },
         {
-          "path": "../../../../../../../tmp/tmp-2964-y0z3UC7LOSSo/1951dfa11c32/tldraw.css",
+          "path": "../../../../../../../tmp/tmp-2968-yoxBCmWsTwS9/1951e19bd342/tldraw.css",
           "kind": "import-rule",
           "original": "@tldraw/tldraw/tldraw.css"
         }
@@ -11455,7 +11445,7 @@
           "original": "../../common/constants"
         },
         {
-          "path": "../../../../../../../tmp/tmp-2964-y0z3UC7LOSSo/1951dfa11580/index.css",
+          "path": "../../../../../../../tmp/tmp-2968-yoxBCmWsTwS9/1951e19bd1d1/index.css",
           "kind": "import-statement",
           "original": "@100mslive/hms-whiteboard/index.css"
         },
@@ -15719,7 +15709,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 3628996
+      "bytes": 3628462
     },
     "dist/index.cjs.js": {
       "imports": [
@@ -16311,11 +16301,6 @@
           "kind": "require-call",
           "external": true
         },
-        {
-          "path": "react-use",
-          "kind": "require-call",
-          "external": true
-        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "require-call",
@@ -19057,7 +19042,7 @@
       "cssBundle": "dist/index.cjs.css",
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 18084
+          "bytesInOutput": 18083
         },
         "../../node_modules/lodash/lodash.js": {
           "bytesInOutput": 224306
@@ -19432,7 +19417,7 @@
           "bytesInOutput": 2945
         },
         "src/Prebuilt/components/Settings/DeviceSettings.jsx": {
-          "bytesInOutput": 7088
+          "bytesInOutput": 6780
         },
         "src/Prebuilt/primitives/DropdownTrigger.jsx": {
           "bytesInOutput": 1405
@@ -19462,7 +19447,7 @@
           "bytesInOutput": 7201
         },
         "src/Prebuilt/components/Leave/LeaveRoom.tsx": {
-          "bytesInOutput": 2540
+          "bytesInOutput": 2538
         },
         "src/Prebuilt/components/Leave/DesktopLeaveRoom.tsx": {
           "bytesInOutput": 6304
@@ -19935,7 +19920,7 @@
         "src/Prebuilt/components/VideoLayouts/WhiteboardLayout.tsx": {
           "bytesInOutput": 3051
         },
-        "../../../../../../../tmp/tmp-2964-y0z3UC7LOSSo/1951dfa11580/index.css": {
+        "../../../../../../../tmp/tmp-2968-yoxBCmWsTwS9/1951e19bd1d1/index.css": {
           "bytesInOutput": 0
         },
         "src/Prebuilt/common/PeersSorter.ts": {
@@ -20170,7 +20155,7 @@
           "bytesInOutput": 2777
         }
       },
-      "bytes": 1505298
+      "bytes": 1504987
     },
     "dist/index.cjs.css.map": {
       "imports": [],
@@ -20232,10 +20217,10 @@
         }
       ],
       "inputs": {
-        "../../../../../../../tmp/tmp-2964-y0z3UC7LOSSo/1951dfa11c32/tldraw.css": {
+        "../../../../../../../tmp/tmp-2968-yoxBCmWsTwS9/1951e19bd342/tldraw.css": {
           "bytesInOutput": 75223
         },
-        "../../../../../../../tmp/tmp-2964-y0z3UC7LOSSo/1951dfa11580/index.css": {
+        "../../../../../../../tmp/tmp-2968-yoxBCmWsTwS9/1951e19bd1d1/index.css": {
           "bytesInOutput": 401
         }
       },

package/dist/meta.esbuild.json

@@ -2894,18 +2894,13 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Settings/DeviceSettings.jsx": {
-      "bytes": 7012,
+      "bytes": 6693,
       "imports": [
         {
           "path": "react",
           "kind": "import-statement",
           "external": true
         },
-        {
-          "path": "react-use",
-          "kind": "import-statement",
-          "external": true
-        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "import-statement",
@@ -2921,11 +2916,6 @@
           "kind": "import-statement",
           "original": "../../../"
         },
-        {
-          "path": "src/Theme/index.tsx",
-          "kind": "import-statement",
-          "original": "../../../Theme"
-        },
         {
           "path": "src/Prebuilt/primitives/DropdownTrigger.jsx",
           "kind": "import-statement",
@@ -5779,7 +5769,7 @@
       "format": "cjs"
     },
     "../hms-video-store/dist/index.js": {
-      "bytes": 377021,
+      "bytes": 377019,
       "imports": [
         {
           "path": "../../node_modules/reselect/es/index.js",
@@ -11321,7 +11311,7 @@
       ],
       "format": "esm"
     },
-    "../../../../../../../tmp/tmp-2964-qlVGYlYwKeI0/1951dfa12263/tldraw.css": {
+    "../../../../../../../tmp/tmp-2968-QrG71aC3hEDE/1951e19bd353/tldraw.css": {
       "bytes": 80111,
       "imports": [
         {
@@ -11371,7 +11361,7 @@
         }
       ]
     },
-    "../../../../../../../tmp/tmp-2964-qlVGYlYwKeI0/1951dfa11ba1/index.css": {
+    "../../../../../../../tmp/tmp-2968-QrG71aC3hEDE/1951e19bcca0/index.css": {
       "bytes": 597,
       "imports": [
         {
@@ -11380,7 +11370,7 @@
           "external": true
         },
         {
-          "path": "../../../../../../../tmp/tmp-2964-qlVGYlYwKeI0/1951dfa12263/tldraw.css",
+          "path": "../../../../../../../tmp/tmp-2968-QrG71aC3hEDE/1951e19bd353/tldraw.css",
           "kind": "import-rule",
           "original": "@tldraw/tldraw/tldraw.css"
         }
@@ -11455,7 +11445,7 @@
           "original": "../../common/constants"
         },
         {
-          "path": "../../../../../../../tmp/tmp-2964-qlVGYlYwKeI0/1951dfa11ba1/index.css",
+          "path": "../../../../../../../tmp/tmp-2968-QrG71aC3hEDE/1951e19bcca0/index.css",
           "kind": "import-statement",
           "original": "@100mslive/hms-whiteboard/index.css"
         },
@@ -15719,7 +15709,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 3669041
+      "bytes": 3668405
     },
     "dist/index.js": {
       "imports": [
@@ -16311,11 +16301,6 @@
           "kind": "import-statement",
           "external": true
         },
-        {
-          "path": "react-use",
-          "kind": "import-statement",
-          "external": true
-        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "import-statement",
@@ -19123,7 +19108,7 @@
       "cssBundle": "dist/index.css",
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 18084
+          "bytesInOutput": 18083
         },
         "../../node_modules/lodash/lodash.js": {
           "bytesInOutput": 224301
@@ -19498,7 +19483,7 @@
           "bytesInOutput": 2859
         },
         "src/Prebuilt/components/Settings/DeviceSettings.jsx": {
-          "bytesInOutput": 6572
+          "bytesInOutput": 6261
         },
         "src/Prebuilt/primitives/DropdownTrigger.jsx": {
           "bytesInOutput": 1308
@@ -19528,7 +19513,7 @@
           "bytesInOutput": 7108
         },
         "src/Prebuilt/components/Leave/LeaveRoom.tsx": {
-          "bytesInOutput": 2476
+          "bytesInOutput": 2474
         },
         "src/Prebuilt/components/Leave/DesktopLeaveRoom.tsx": {
           "bytesInOutput": 5773
@@ -19615,7 +19600,7 @@
           "bytesInOutput": 7700
         },
         "src/Prebuilt/components/StatsForNerds.jsx": {
-          "bytesInOutput": 14438
+          "bytesInOutput": 14436
         },
         "src/Prebuilt/components/MoreSettings/BulkRoleChangeModal.jsx": {
           "bytesInOutput": 5008
@@ -20001,7 +19986,7 @@
         "src/Prebuilt/components/VideoLayouts/WhiteboardLayout.tsx": {
           "bytesInOutput": 2830
         },
-        "../../../../../../../tmp/tmp-2964-qlVGYlYwKeI0/1951dfa11ba1/index.css": {
+        "../../../../../../../tmp/tmp-2968-QrG71aC3hEDE/1951e19bcca0/index.css": {
           "bytesInOutput": 0
         },
         "src/Prebuilt/common/PeersSorter.ts": {
@@ -20236,7 +20221,7 @@
           "bytesInOutput": 2632
         }
       },
-      "bytes": 1450380
+      "bytes": 1450064
     },
     "dist/index.css.map": {
       "imports": [],
@@ -20298,10 +20283,10 @@
         }
       ],
       "inputs": {
-        "../../../../../../../tmp/tmp-2964-qlVGYlYwKeI0/1951dfa12263/tldraw.css": {
+        "../../../../../../../tmp/tmp-2968-QrG71aC3hEDE/1951e19bd353/tldraw.css": {
           "bytesInOutput": 75223
         },
-        "../../../../../../../tmp/tmp-2964-qlVGYlYwKeI0/1951dfa11ba1/index.css": {
+        "../../../../../../../tmp/tmp-2968-QrG71aC3hEDE/1951e19bcca0/index.css": {
           "bytesInOutput": 401
         }
       },

package/package.json

@@ -10,7 +10,7 @@
     "prebuilt",
     "roomkit"
   ],
-  "version": "0.3.32-alpha.2",
+  "version": "0.3.32-alpha.3",
   "author": "100ms",
   "license": "MIT",
   "repository": {
@@ -75,12 +75,12 @@
     "react": ">=17.0.2 <19.0.0"
   },
   "dependencies": {
-    "@100mslive/hls-player": "0.3.32-alpha.2",
+    "@100mslive/hls-player": "0.3.32-alpha.3",
     "@100mslive/hms-noise-cancellation": "0.0.1",
-    "@100mslive/hms-virtual-background": "1.13.32-alpha.2",
-    "@100mslive/hms-whiteboard": "0.0.22-alpha.2",
-    "@100mslive/react-icons": "0.10.32-alpha.2",
-    "@100mslive/react-sdk": "0.10.32-alpha.2",
+    "@100mslive/hms-virtual-background": "1.13.32-alpha.3",
+    "@100mslive/hms-whiteboard": "0.0.22-alpha.3",
+    "@100mslive/react-icons": "0.10.32-alpha.3",
+    "@100mslive/react-sdk": "0.10.32-alpha.3",
     "@100mslive/types-prebuilt": "0.12.12",
     "@emoji-mart/data": "^1.0.6",
     "@emoji-mart/react": "^1.0.1",
@@ -117,5 +117,5 @@
     "uuid": "^8.3.2",
     "worker-timers": "^7.0.40"
   },
-  "gitHead": "5668288024db548005c19e195db7c52a40edb035"
+  "gitHead": "89aeb3eeb0eb4f233dda6ffa898a9460d537cebd"
 }

package/src/Prebuilt/components/Settings/DeviceSettings.jsx

@@ -1,17 +1,14 @@
-import React, { Fragment, useEffect, useRef, useState } from 'react';
-import { useMedia } from 'react-use';
+import React, { Fragment, useRef, useState } from 'react';
 import {
   DeviceType,
   selectIsLocalVideoEnabled,
   selectLocalVideoTrackID,
   selectVideoTrackByID,
   useDevices,
-  useHMSActions,
   useHMSStore,
 } from '@100mslive/react-sdk';
 import { MicOnIcon, SpeakerIcon, VideoOnIcon } from '@100mslive/react-icons';
 import { Box, Button, Dropdown, Flex, StyledVideoTile, Text, Video } from '../../../';
-import { config as cssConfig } from '../../../Theme';
 import { DialogDropdownTrigger } from '../../primitives/DropdownTrigger';
 import { useUISettings } from '../AppData/useUISettings';
 import { useAudioOutputTest } from '../hooks/useAudioOutputTest';
@@ -34,15 +31,7 @@ const Settings = ({ setHide }) => {
   const shouldShowAudioOutput = 'setSinkId' in HTMLMediaElement.prototype;
   const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
   const trackSelector = selectVideoTrackByID(videoTrackId);
-  const hmsActions = useHMSActions();
   const track = useHMSStore(trackSelector);
-  const isMobile = useMedia(cssConfig.media.md);
-
-  useEffect(() => {
-    if (isMobile) {
-      hmsActions.refreshDevices();
-    }
-  }, [hmsActions, isMobile]);
 
   /**
    * Chromium browsers return an audioOutput with empty label when no permissions are given