@100mslive/roomkit-react 0.3.13-alpha.2 → 0.3.13-alpha.4

package/dist/meta.esbuild.json

@@ -1997,7 +1997,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/AppData/useUISettings.js": {
-      "bytes": 6649,
+      "bytes": 6641,
       "imports": [
         {
           "path": "react",
@@ -2277,7 +2277,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/AppData/AppData.tsx": {
-      "bytes": 6297,
+      "bytes": 6283,
       "imports": [
         {
           "path": "react",
@@ -2450,7 +2450,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/IconButtonWithOptions/IconButtonWithOptions.tsx": {
-      "bytes": 3545,
+      "bytes": 3577,
       "imports": [
         {
           "path": "react",
@@ -2500,6 +2500,42 @@
       ],
       "format": "esm"
     },
+    "src/Prebuilt/components/MoreSettings/ActionTile.jsx": {
+      "bytes": 1301,
+      "imports": [
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "src/Layout/index.tsx",
+          "kind": "import-statement",
+          "original": "../../../Layout"
+        },
+        {
+          "path": "src/Text/index.tsx",
+          "kind": "import-statement",
+          "original": "../../../Text"
+        },
+        {
+          "path": "src/Theme/index.tsx",
+          "kind": "import-statement",
+          "original": "../../../Theme"
+        },
+        {
+          "path": "<define:process.env>",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "<runtime>",
+          "kind": "import-statement",
+          "external": true
+        }
+      ],
+      "format": "esm"
+    },
     "src/Sheet/Sheet.tsx": {
       "bytes": 3257,
       "imports": [
@@ -2850,7 +2886,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/AudioVideoToggle.tsx": {
-      "bytes": 10776,
+      "bytes": 13065,
       "imports": [
         {
           "path": "react",
@@ -2877,6 +2913,11 @@
           "kind": "import-statement",
           "original": "./IconButtonWithOptions/IconButtonWithOptions"
         },
+        {
+          "path": "src/Prebuilt/components/MoreSettings/ActionTile.jsx",
+          "kind": "import-statement",
+          "original": "./MoreSettings/ActionTile"
+        },
         {
           "path": "src/Prebuilt/components/Settings/SettingsModal.jsx",
           "kind": "import-statement",
@@ -2887,6 +2928,11 @@
           "kind": "import-statement",
           "original": "./Toast/ToastManager"
         },
+        {
+          "path": "src/AudioLevel/index.ts",
+          "kind": "import-statement",
+          "original": "../../AudioLevel"
+        },
         {
           "path": "src/Dropdown/index.tsx",
           "kind": "import-statement",
@@ -2951,7 +2997,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/CaptionIcon.tsx": {
-      "bytes": 980,
+      "bytes": 991,
       "imports": [
         {
           "path": "react",
@@ -5209,42 +5255,6 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/components/MoreSettings/ActionTile.jsx": {
-      "bytes": 1301,
-      "imports": [
-        {
-          "path": "react",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "src/Layout/index.tsx",
-          "kind": "import-statement",
-          "original": "../../../Layout"
-        },
-        {
-          "path": "src/Text/index.tsx",
-          "kind": "import-statement",
-          "original": "../../../Text"
-        },
-        {
-          "path": "src/Theme/index.tsx",
-          "kind": "import-statement",
-          "original": "../../../Theme"
-        },
-        {
-          "path": "<define:process.env>",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "<runtime>",
-          "kind": "import-statement",
-          "external": true
-        }
-      ],
-      "format": "esm"
-    },
     "src/Prebuilt/components/MoreSettings/ChangeNameContent.tsx": {
       "bytes": 3152,
       "imports": [
@@ -5400,7 +5410,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx": {
-      "bytes": 13299,
+      "bytes": 13453,
       "imports": [
         {
           "path": "react",
@@ -5447,6 +5457,11 @@
           "kind": "import-statement",
           "original": "../../../IconButton"
         },
+        {
+          "path": "src/Prebuilt/components/AudioVideoToggle.tsx",
+          "kind": "import-statement",
+          "original": "../../AudioVideoToggle"
+        },
         {
           "path": "src/Prebuilt/components/EmojiReaction.jsx",
           "kind": "import-statement",
@@ -9957,7 +9972,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Preview/PreviewJoin.tsx": {
-      "bytes": 9876,
+      "bytes": 10006,
       "imports": [
         {
           "path": "react",
@@ -10949,7 +10964,7 @@
       ],
       "format": "esm"
     },
-    "../../../../../../../tmp/tmp-2838-Qu0wKy3tnshP/19012ca253e2/tldraw.css": {
+    "../../../../../../../tmp/tmp-2767-MwTrYRJGafFX/190163b63b13/tldraw.css": {
       "bytes": 80111,
       "imports": [
         {
@@ -10999,7 +11014,7 @@
         }
       ]
     },
-    "../../../../../../../tmp/tmp-2838-Qu0wKy3tnshP/19012ca24db0/index.css": {
+    "../../../../../../../tmp/tmp-2767-MwTrYRJGafFX/190163b63341/index.css": {
       "bytes": 597,
       "imports": [
         {
@@ -11008,7 +11023,7 @@
           "external": true
         },
         {
-          "path": "../../../../../../../tmp/tmp-2838-Qu0wKy3tnshP/19012ca253e2/tldraw.css",
+          "path": "../../../../../../../tmp/tmp-2767-MwTrYRJGafFX/190163b63b13/tldraw.css",
           "kind": "import-rule",
           "original": "@tldraw/tldraw/tldraw.css"
         }
@@ -11083,7 +11098,7 @@
           "original": "../../common/constants"
         },
         {
-          "path": "../../../../../../../tmp/tmp-2838-Qu0wKy3tnshP/19012ca24db0/index.css",
+          "path": "../../../../../../../tmp/tmp-2767-MwTrYRJGafFX/190163b63341/index.css",
           "kind": "import-statement",
           "original": "@100mslive/hms-whiteboard/index.css"
         },
@@ -12105,7 +12120,7 @@
       "format": "esm"
     },
     "src/Prebuilt/layouts/VideoStreamingSection.tsx": {
-      "bytes": 6017,
+      "bytes": 6154,
       "imports": [
         {
           "path": "react",
@@ -12117,6 +12132,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "react-use",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@100mslive/types-prebuilt",
           "kind": "import-statement",
@@ -12152,6 +12172,11 @@
           "kind": "import-statement",
           "original": "../../Layout"
         },
+        {
+          "path": "src/Theme/index.tsx",
+          "kind": "import-statement",
+          "original": "../../Theme"
+        },
         {
           "path": "src/Prebuilt/layouts/EmbedView.jsx",
           "kind": "import-statement",
@@ -14317,7 +14342,7 @@
     "dist/index.js": {
       "imports": [
         {
-          "path": "dist/chunk-WVDHAUXG.js",
+          "path": "dist/chunk-XSEQ4VZT.js",
           "kind": "import-statement"
         }
       ],
@@ -14391,16 +14416,16 @@
       "inputs": {},
       "bytes": 1822
     },
-    "dist/HLSView-6LSPJ2Z7.js.map": {
+    "dist/HLSView-VGNORAAX.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
       "bytes": 100275
     },
-    "dist/HLSView-6LSPJ2Z7.js": {
+    "dist/HLSView-VGNORAAX.js": {
       "imports": [
         {
-          "path": "dist/chunk-WVDHAUXG.js",
+          "path": "dist/chunk-XSEQ4VZT.js",
           "kind": "import-statement"
         },
         {
@@ -14578,7 +14603,7 @@
         "default"
       ],
       "entryPoint": "src/Prebuilt/layouts/HLSView.jsx",
-      "cssBundle": "dist/HLSView-PKDRMZ6I.css",
+      "cssBundle": "dist/HLSView-QPE6FRVQ.css",
       "inputs": {
         "src/Prebuilt/layouts/HLSView.jsx": {
           "bytesInOutput": 27671
@@ -14637,13 +14662,13 @@
       },
       "bytes": 61702
     },
-    "dist/chunk-WVDHAUXG.js.map": {
+    "dist/chunk-XSEQ4VZT.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 3279454
+      "bytes": 3283576
     },
-    "dist/chunk-WVDHAUXG.js": {
+    "dist/chunk-XSEQ4VZT.js": {
       "imports": [
         {
           "path": "react",
@@ -15135,6 +15160,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "react-use",
           "kind": "import-statement",
@@ -15725,11 +15755,6 @@
           "kind": "import-statement",
           "external": true
         },
-        {
-          "path": "react",
-          "kind": "import-statement",
-          "external": true
-        },
         {
           "path": "react-use",
           "kind": "import-statement",
@@ -16835,6 +16860,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "react-use",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "ts-pattern",
           "kind": "import-statement",
@@ -17121,7 +17151,7 @@
           "external": true
         },
         {
-          "path": "dist/HLSView-6LSPJ2Z7.js",
+          "path": "dist/HLSView-VGNORAAX.js",
           "kind": "dynamic-import"
         },
         {
@@ -17623,7 +17653,7 @@
       ],
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 17846
+          "bytesInOutput": 17845
         },
         "../../node_modules/lodash/lodash.js": {
           "bytesInOutput": 224310
@@ -17881,7 +17911,7 @@
           "bytesInOutput": 7828
         },
         "src/Prebuilt/components/AppData/AppData.tsx": {
-          "bytesInOutput": 6004
+          "bytesInOutput": 5997
         },
         "src/Prebuilt/components/Settings/LayoutSettings.tsx": {
           "bytesInOutput": 2705
@@ -17890,7 +17920,7 @@
           "bytesInOutput": 973
         },
         "src/Prebuilt/components/AppData/useUISettings.js": {
-          "bytesInOutput": 5870
+          "bytesInOutput": 5863
         },
         "src/Prebuilt/components/hooks/useUserPreferences.jsx": {
           "bytesInOutput": 748
@@ -17932,14 +17962,17 @@
           "bytesInOutput": 3306
         },
         "src/Prebuilt/components/AudioVideoToggle.tsx": {
-          "bytesInOutput": 11007
+          "bytesInOutput": 13384
         },
         "src/Prebuilt/components/IconButtonWithOptions/IconButtonWithOptions.tsx": {
-          "bytesInOutput": 3173
+          "bytesInOutput": 3207
         },
         "src/Prebuilt/IconButton.tsx": {
           "bytesInOutput": 487
         },
+        "src/Prebuilt/components/MoreSettings/ActionTile.jsx": {
+          "bytesInOutput": 1390
+        },
         "src/Prebuilt/components/Settings/SettingsModal.jsx": {
           "bytesInOutput": 8957
         },
@@ -17968,7 +18001,7 @@
           "bytesInOutput": 1028
         },
         "src/Prebuilt/components/CaptionIcon.tsx": {
-          "bytesInOutput": 915
+          "bytesInOutput": 926
         },
         "src/Prebuilt/components/EmojiReaction.jsx": {
           "bytesInOutput": 2580
@@ -18067,7 +18100,7 @@
           "bytesInOutput": 1826
         },
         "src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx": {
-          "bytesInOutput": 12082
+          "bytesInOutput": 12187
         },
         "src/Prebuilt/components/Header/StreamActions.tsx": {
           "bytesInOutput": 9482
@@ -18120,9 +18153,6 @@
         "src/Prebuilt/components/hooks/useScreenshareAudio.js": {
           "bytesInOutput": 907
         },
-        "src/Prebuilt/components/MoreSettings/ActionTile.jsx": {
-          "bytesInOutput": 1390
-        },
         "src/Prebuilt/components/MoreSettings/ChangeNameModal.tsx": {
           "bytesInOutput": 2201
         },
@@ -18214,7 +18244,7 @@
           "bytesInOutput": 3077
         },
         "src/Prebuilt/components/Preview/PreviewJoin.tsx": {
-          "bytesInOutput": 9772
+          "bytesInOutput": 9940
         },
         "src/Prebuilt/layouts/SidePane.tsx": {
           "bytesInOutput": 6436
@@ -18286,7 +18316,7 @@
           "bytesInOutput": 1304
         },
         "src/Prebuilt/components/Polls/Voting/QuestionCard.jsx": {
-          "bytesInOutput": 7539
+          "bytesInOutput": 7560
         },
         "src/Prebuilt/components/Polls/Voting/TimedVoting.tsx": {
           "bytesInOutput": 1738
@@ -18412,7 +18442,7 @@
           "bytesInOutput": 2206
         },
         "src/Prebuilt/layouts/VideoStreamingSection.tsx": {
-          "bytesInOutput": 5199
+          "bytesInOutput": 5314
         },
         "src/Prebuilt/components/VideoLayouts/GridLayout.tsx": {
           "bytesInOutput": 4550
@@ -18424,7 +18454,7 @@
           "bytesInOutput": 1370
         },
         "src/Prebuilt/components/InsetTile.tsx": {
-          "bytesInOutput": 4119
+          "bytesInOutput": 4121
         },
         "src/Prebuilt/components/hooks/useVideoTileLayout.ts": {
           "bytesInOutput": 451
@@ -18465,7 +18495,7 @@
         "src/Prebuilt/components/VideoLayouts/WhiteboardLayout.tsx": {
           "bytesInOutput": 2793
         },
-        "../../../../../../../tmp/tmp-2838-Qu0wKy3tnshP/19012ca24db0/index.css": {
+        "../../../../../../../tmp/tmp-2767-MwTrYRJGafFX/190163b63341/index.css": {
           "bytesInOutput": 0
         },
         "src/Prebuilt/common/PeersSorter.ts": {
@@ -18607,7 +18637,7 @@
           "bytesInOutput": 651
         }
       },
-      "bytes": 1345340
+      "bytes": 1348158
     },
     "dist/index.css.map": {
       "imports": [],
@@ -18669,22 +18699,22 @@
         }
       ],
       "inputs": {
-        "../../../../../../../tmp/tmp-2838-Qu0wKy3tnshP/19012ca253e2/tldraw.css": {
+        "../../../../../../../tmp/tmp-2767-MwTrYRJGafFX/190163b63b13/tldraw.css": {
           "bytesInOutput": 75223
         },
-        "../../../../../../../tmp/tmp-2838-Qu0wKy3tnshP/19012ca24db0/index.css": {
+        "../../../../../../../tmp/tmp-2767-MwTrYRJGafFX/190163b63341/index.css": {
           "bytesInOutput": 401
         }
       },
       "bytes": 75901
     },
-    "dist/HLSView-PKDRMZ6I.css.map": {
+    "dist/HLSView-QPE6FRVQ.css.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
       "bytes": 122402
     },
-    "dist/HLSView-PKDRMZ6I.css": {
+    "dist/HLSView-QPE6FRVQ.css": {
       "imports": [
         {
           "path": "https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap",
@@ -18738,10 +18768,10 @@
         }
       ],
       "inputs": {
-        "../../../../../../../tmp/tmp-2838-Qu0wKy3tnshP/19012ca253e2/tldraw.css": {
+        "../../../../../../../tmp/tmp-2767-MwTrYRJGafFX/190163b63b13/tldraw.css": {
           "bytesInOutput": 75223
         },
-        "../../../../../../../tmp/tmp-2838-Qu0wKy3tnshP/19012ca24db0/index.css": {
+        "../../../../../../../tmp/tmp-2767-MwTrYRJGafFX/190163b63341/index.css": {
           "bytesInOutput": 401
         }
       },

package/package.json

@@ -10,7 +10,7 @@
     "prebuilt",
     "roomkit"
   ],
-  "version": "0.3.13-alpha.2",
+  "version": "0.3.13-alpha.4",
   "author": "100ms",
   "license": "MIT",
   "repository": {
@@ -74,12 +74,12 @@
     "react": ">=17.0.2 <19.0.0"
   },
   "dependencies": {
-    "@100mslive/hls-player": "0.3.13-alpha.2",
+    "@100mslive/hls-player": "0.3.13-alpha.4",
     "@100mslive/hms-noise-cancellation": "0.0.1",
-    "@100mslive/hms-virtual-background": "1.13.13-alpha.2",
-    "@100mslive/hms-whiteboard": "0.0.3-alpha.2",
-    "@100mslive/react-icons": "0.10.13-alpha.2",
-    "@100mslive/react-sdk": "0.10.13-alpha.2",
+    "@100mslive/hms-virtual-background": "1.13.13-alpha.4",
+    "@100mslive/hms-whiteboard": "0.0.3-alpha.4",
+    "@100mslive/react-icons": "0.10.13-alpha.4",
+    "@100mslive/react-sdk": "0.10.13-alpha.4",
     "@100mslive/types-prebuilt": "0.12.9",
     "@emoji-mart/data": "^1.0.6",
     "@emoji-mart/react": "^1.0.1",
@@ -115,5 +115,5 @@
     "uuid": "^8.3.2",
     "worker-timers": "^7.0.40"
   },
-  "gitHead": "8ad775c3c97fb8bbc724a83aa16891271f0d9b83"
+  "gitHead": "678e1447e57c5ab4d7574c319f274cd45ac60a96"
 }

package/src/Prebuilt/components/AppData/AppData.tsx

@@ -17,7 +17,7 @@ import { UserPreferencesKeys, useUserPreferences } from '../hooks/useUserPrefere
 // @ts-ignore
 import { useIsSidepaneTypeOpen, useSidepaneToggle } from './useSidepane';
 // @ts-ignore
-import { useSetAppDataByKey, useSetNoiseCancellationEnabled } from './useUISettings';
+import { useSetAppDataByKey, useSetNoiseCancellation } from './useUISettings';
 import {
   APP_DATA,
   CHAT_SELECTOR,
@@ -79,7 +79,7 @@ export const AppData = React.memo(() => {
   const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
   const { isLocalVideoEnabled } = useAVToggle();
   const sidepaneOpenedRef = useRef(false);
-  const [, setNoiseCancellationEnabled] = useSetNoiseCancellationEnabled();
+  const [, setNoiseCancellationEnabled] = useSetNoiseCancellation();
 
   useEffect(() => {
     if (elements?.noise_cancellation?.enabled_by_default) {

package/src/Prebuilt/components/AppData/useUISettings.js

@@ -203,11 +203,10 @@ export const usePollViewState = () => {
 };
 
 export const useIsNoiseCancellationEnabled = () => {
-  const IsNoiseCancellationEnabled = useHMSStore(selectAppDataByPath(APP_DATA.noiseCancellation));
-  return IsNoiseCancellationEnabled;
+  const isNoiseCancellationEnabled = useHMSStore(selectAppDataByPath(APP_DATA.noiseCancellation));
+  return isNoiseCancellationEnabled;
 };
-
-export const useSetNoiseCancellationEnabled = () => {
+export const useSetNoiseCancellation = () => {
   const [isNoiseCancellationEnabled, setNoiseCancellationEnabled] = useSetAppDataByKey(APP_DATA.noiseCancellation);
   return [isNoiseCancellationEnabled, setNoiseCancellationEnabled];
 };