@100mslive/roomkit-react 0.3.24-alpha.7 → 0.3.24-alpha.9

package/dist/meta.cjs.json

@@ -5779,7 +5779,7 @@
       "format": "cjs"
     },
     "../hms-video-store/dist/index.js": {
-      "bytes": 373746,
+      "bytes": 373868,
       "imports": [
         {
           "path": "../../node_modules/reselect/es/index.js",
@@ -6145,7 +6145,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx": {
-      "bytes": 14013,
+      "bytes": 14060,
       "imports": [
         {
           "path": "react",
@@ -10589,7 +10589,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/InsetTile.tsx": {
-      "bytes": 4348,
+      "bytes": 4353,
       "imports": [
         {
           "path": "react",
@@ -11321,7 +11321,7 @@
       ],
       "format": "esm"
     },
-    "../../../../../../../tmp/tmp-2885-KMtbR00Gpy3V/1930ab8ed512/tldraw.css": {
+    "../../../../../../../tmp/tmp-2753-fgXYXc06uSdp/1931aad9f763/tldraw.css": {
       "bytes": 80111,
       "imports": [
         {
@@ -11371,7 +11371,7 @@
         }
       ]
     },
-    "../../../../../../../tmp/tmp-2885-KMtbR00Gpy3V/1930ab8ecdf0/index.css": {
+    "../../../../../../../tmp/tmp-2753-fgXYXc06uSdp/1931aad9f011/index.css": {
       "bytes": 597,
       "imports": [
         {
@@ -11380,7 +11380,7 @@
           "external": true
         },
         {
-          "path": "../../../../../../../tmp/tmp-2885-KMtbR00Gpy3V/1930ab8ed512/tldraw.css",
+          "path": "../../../../../../../tmp/tmp-2753-fgXYXc06uSdp/1931aad9f763/tldraw.css",
           "kind": "import-rule",
           "original": "@tldraw/tldraw/tldraw.css"
         }
@@ -11455,7 +11455,7 @@
           "original": "../../common/constants"
         },
         {
-          "path": "../../../../../../../tmp/tmp-2885-KMtbR00Gpy3V/1930ab8ecdf0/index.css",
+          "path": "../../../../../../../tmp/tmp-2753-fgXYXc06uSdp/1931aad9f011/index.css",
           "kind": "import-statement",
           "original": "@100mslive/hms-whiteboard/index.css"
         },
@@ -12934,7 +12934,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/ErrorBoundary.jsx": {
-      "bytes": 3399,
+      "bytes": 3421,
       "imports": [
         {
           "path": "react",
@@ -15719,7 +15719,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 3621854
+      "bytes": 3622129
     },
     "dist/index.cjs.js": {
       "imports": [
@@ -19057,7 +19057,7 @@
       "cssBundle": "dist/index.cjs.css",
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 18021
+          "bytesInOutput": 18023
         },
         "../../node_modules/lodash/lodash.js": {
           "bytesInOutput": 224296
@@ -19585,7 +19585,7 @@
           "bytesInOutput": 126
         },
         "src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx": {
-          "bytesInOutput": 13561
+          "bytesInOutput": 13587
         },
         "src/Prebuilt/components/Header/StreamActions.tsx": {
           "bytesInOutput": 10613
@@ -19894,7 +19894,7 @@
           "bytesInOutput": 1479
         },
         "src/Prebuilt/components/InsetTile.tsx": {
-          "bytesInOutput": 4313
+          "bytesInOutput": 4331
         },
         "src/Prebuilt/components/hooks/useVideoTileLayout.ts": {
           "bytesInOutput": 474
@@ -19935,7 +19935,7 @@
         "src/Prebuilt/components/VideoLayouts/WhiteboardLayout.tsx": {
           "bytesInOutput": 3051
         },
-        "../../../../../../../tmp/tmp-2885-KMtbR00Gpy3V/1930ab8ecdf0/index.css": {
+        "../../../../../../../tmp/tmp-2753-fgXYXc06uSdp/1931aad9f011/index.css": {
           "bytesInOutput": 0
         },
         "src/Prebuilt/common/PeersSorter.ts": {
@@ -20023,7 +20023,7 @@
           "bytesInOutput": 747
         },
         "src/Prebuilt/components/ErrorBoundary.jsx": {
-          "bytesInOutput": 3822
+          "bytesInOutput": 3826
         },
         "src/Prebuilt/components/init/Init.jsx": {
           "bytesInOutput": 708
@@ -20170,7 +20170,7 @@
           "bytesInOutput": 2777
         }
       },
-      "bytes": 1505671
+      "bytes": 1505721
     },
     "dist/index.cjs.css.map": {
       "imports": [],
@@ -20232,10 +20232,10 @@
         }
       ],
       "inputs": {
-        "../../../../../../../tmp/tmp-2885-KMtbR00Gpy3V/1930ab8ed512/tldraw.css": {
+        "../../../../../../../tmp/tmp-2753-fgXYXc06uSdp/1931aad9f763/tldraw.css": {
           "bytesInOutput": 75223
         },
-        "../../../../../../../tmp/tmp-2885-KMtbR00Gpy3V/1930ab8ecdf0/index.css": {
+        "../../../../../../../tmp/tmp-2753-fgXYXc06uSdp/1931aad9f011/index.css": {
           "bytesInOutput": 401
         }
       },

package/dist/meta.esbuild.json

@@ -5779,7 +5779,7 @@
       "format": "cjs"
     },
     "../hms-video-store/dist/index.js": {
-      "bytes": 373746,
+      "bytes": 373868,
       "imports": [
         {
           "path": "../../node_modules/reselect/es/index.js",
@@ -6145,7 +6145,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx": {
-      "bytes": 14013,
+      "bytes": 14060,
       "imports": [
         {
           "path": "react",
@@ -10589,7 +10589,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/InsetTile.tsx": {
-      "bytes": 4348,
+      "bytes": 4353,
       "imports": [
         {
           "path": "react",
@@ -11321,7 +11321,7 @@
       ],
       "format": "esm"
     },
-    "../../../../../../../tmp/tmp-2885-yujtl5KEm6Ck/1930ab8edca3/tldraw.css": {
+    "../../../../../../../tmp/tmp-2753-1gegkTr73z0U/1931aad9f0c2/tldraw.css": {
       "bytes": 80111,
       "imports": [
         {
@@ -11371,7 +11371,7 @@
         }
       ]
     },
-    "../../../../../../../tmp/tmp-2885-yujtl5KEm6Ck/1930ab8ed401/index.css": {
+    "../../../../../../../tmp/tmp-2753-1gegkTr73z0U/1931aad9e8a0/index.css": {
       "bytes": 597,
       "imports": [
         {
@@ -11380,7 +11380,7 @@
           "external": true
         },
         {
-          "path": "../../../../../../../tmp/tmp-2885-yujtl5KEm6Ck/1930ab8edca3/tldraw.css",
+          "path": "../../../../../../../tmp/tmp-2753-1gegkTr73z0U/1931aad9f0c2/tldraw.css",
           "kind": "import-rule",
           "original": "@tldraw/tldraw/tldraw.css"
         }
@@ -11455,7 +11455,7 @@
           "original": "../../common/constants"
         },
         {
-          "path": "../../../../../../../tmp/tmp-2885-yujtl5KEm6Ck/1930ab8ed401/index.css",
+          "path": "../../../../../../../tmp/tmp-2753-1gegkTr73z0U/1931aad9e8a0/index.css",
           "kind": "import-statement",
           "original": "@100mslive/hms-whiteboard/index.css"
         },
@@ -12934,7 +12934,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/ErrorBoundary.jsx": {
-      "bytes": 3399,
+      "bytes": 3421,
       "imports": [
         {
           "path": "react",
@@ -15719,7 +15719,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 3661869
+      "bytes": 3662144
     },
     "dist/index.js": {
       "imports": [
@@ -19123,7 +19123,7 @@
       "cssBundle": "dist/index.css",
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 18021
+          "bytesInOutput": 18023
         },
         "../../node_modules/lodash/lodash.js": {
           "bytesInOutput": 224291
@@ -19651,7 +19651,7 @@
           "bytesInOutput": 125
         },
         "src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx": {
-          "bytesInOutput": 12752
+          "bytesInOutput": 12778
         },
         "src/Prebuilt/components/Header/StreamActions.tsx": {
           "bytesInOutput": 9861
@@ -19960,7 +19960,7 @@
           "bytesInOutput": 1370
         },
         "src/Prebuilt/components/InsetTile.tsx": {
-          "bytesInOutput": 4121
+          "bytesInOutput": 4139
         },
         "src/Prebuilt/components/hooks/useVideoTileLayout.ts": {
           "bytesInOutput": 451
@@ -20001,7 +20001,7 @@
         "src/Prebuilt/components/VideoLayouts/WhiteboardLayout.tsx": {
           "bytesInOutput": 2830
         },
-        "../../../../../../../tmp/tmp-2885-yujtl5KEm6Ck/1930ab8ed401/index.css": {
+        "../../../../../../../tmp/tmp-2753-1gegkTr73z0U/1931aad9e8a0/index.css": {
           "bytesInOutput": 0
         },
         "src/Prebuilt/common/PeersSorter.ts": {
@@ -20089,7 +20089,7 @@
           "bytesInOutput": 754
         },
         "src/Prebuilt/components/ErrorBoundary.jsx": {
-          "bytesInOutput": 3512
+          "bytesInOutput": 3516
         },
         "src/Prebuilt/components/init/Init.jsx": {
           "bytesInOutput": 666
@@ -20236,7 +20236,7 @@
           "bytesInOutput": 2632
         }
       },
-      "bytes": 1450713
+      "bytes": 1450763
     },
     "dist/index.css.map": {
       "imports": [],
@@ -20298,10 +20298,10 @@
         }
       ],
       "inputs": {
-        "../../../../../../../tmp/tmp-2885-yujtl5KEm6Ck/1930ab8edca3/tldraw.css": {
+        "../../../../../../../tmp/tmp-2753-1gegkTr73z0U/1931aad9f0c2/tldraw.css": {
           "bytesInOutput": 75223
         },
-        "../../../../../../../tmp/tmp-2885-yujtl5KEm6Ck/1930ab8ed401/index.css": {
+        "../../../../../../../tmp/tmp-2753-1gegkTr73z0U/1931aad9e8a0/index.css": {
           "bytesInOutput": 401
         }
       },

package/package.json

@@ -10,7 +10,7 @@
     "prebuilt",
     "roomkit"
   ],
-  "version": "0.3.24-alpha.7",
+  "version": "0.3.24-alpha.9",
   "author": "100ms",
   "license": "MIT",
   "repository": {
@@ -75,12 +75,12 @@
     "react": ">=17.0.2 <19.0.0"
   },
   "dependencies": {
-    "@100mslive/hls-player": "0.3.24-alpha.7",
+    "@100mslive/hls-player": "0.3.24-alpha.9",
     "@100mslive/hms-noise-cancellation": "0.0.1",
-    "@100mslive/hms-virtual-background": "1.13.24-alpha.7",
-    "@100mslive/hms-whiteboard": "0.0.14-alpha.7",
-    "@100mslive/react-icons": "0.10.24-alpha.7",
-    "@100mslive/react-sdk": "0.10.24-alpha.7",
+    "@100mslive/hms-virtual-background": "1.13.24-alpha.9",
+    "@100mslive/hms-whiteboard": "0.0.14-alpha.9",
+    "@100mslive/react-icons": "0.10.24-alpha.9",
+    "@100mslive/react-sdk": "0.10.24-alpha.9",
     "@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": "8198b4df726edf43ed865408a68720e9bd4c9174"
+  "gitHead": "7783b2bb388d113335420bc179c6ff4a88d38dd1"
 }

package/src/Prebuilt/components/ErrorBoundary.jsx

@@ -48,7 +48,8 @@ export class ErrorBoundary extends Component {
                 <Text>Something went wrong</Text>
                 <Text>Message: ${this.state.error}</Text>
                 <br />
-                Please reload to see if it works. If you think this is a mistake on our side, please reach out to us on
+                Please reload to see if it works. If you think this is a mistake on our side, please reach out to us
+                on&nbsp;
                 <a href="https://dashboard.100ms.live/dashboard" target="_blank" rel="noreferrer">
                   Dashboard
                 </a>

package/src/Prebuilt/components/InsetTile.tsx

@@ -105,7 +105,7 @@ export const InsetTile = ({ peerId }: { peerId?: string }) => {
           r: '$2',
           ...(!minimised
             ? {
-                aspectRatio: aspectRatio,
+                aspectRatio: `${aspectRatio}`,
                 h: height,
               }
             : {}),

package/src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx

@@ -327,7 +327,10 @@ export const MwebOptions = ({
         </Sheet.Content>
       </Sheet.Root>
       <SettingsModal open={openSettingsSheet} onOpenChange={setOpenSettingsSheet} screenType={screenType} />
-      <StatsForNerds open={openStatsForNerdsSheet} onOpenChange={setOpenStatsForNerdsSheet} />
+
+      {openStatsForNerdsSheet && (
+        <StatsForNerds open={openStatsForNerdsSheet} onOpenChange={setOpenStatsForNerdsSheet} />
+      )}
 
       {openModals.has(MODALS.MUTE_ALL) && (
         <MuteAllModal onOpenChange={(value: boolean) => updateState(MODALS.MUTE_ALL, value)} isMobile />