@100mslive/roomkit-react 0.3.25 → 0.3.26-alpha.1

package/dist/meta.cjs.json

@@ -1359,7 +1359,7 @@
       "format": "esm"
     },
     "src/Stats/Stats.tsx": {
-      "bytes": 8401,
+      "bytes": 8508,
       "imports": [
         {
           "path": "react",
@@ -3102,7 +3102,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/AudioVideoToggle.tsx": {
-      "bytes": 13759,
+      "bytes": 13760,
       "imports": [
         {
           "path": "react",
@@ -4739,7 +4739,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/StatsForNerds.jsx": {
-      "bytes": 13474,
+      "bytes": 13543,
       "imports": [
         {
           "path": "react",
@@ -5779,7 +5779,7 @@
       "format": "cjs"
     },
     "../hms-video-store/dist/index.js": {
-      "bytes": 375470,
+      "bytes": 375761,
       "imports": [
         {
           "path": "../../node_modules/reselect/es/index.js",
@@ -8324,7 +8324,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Polls/Voting/QuestionCard.jsx": {
-      "bytes": 7266,
+      "bytes": 7496,
       "imports": [
         {
           "path": "react",
@@ -11321,7 +11321,7 @@
       ],
       "format": "esm"
     },
-    "../../../../../../../tmp/tmp-2768-XImgzmXdo4yS/1937323d5513/tldraw.css": {
+    "../../../../../../../tmp/tmp-2748-1OMZvrJdpQSE/193b98190f22/tldraw.css": {
       "bytes": 80111,
       "imports": [
         {
@@ -11371,7 +11371,7 @@
         }
       ]
     },
-    "../../../../../../../tmp/tmp-2768-XImgzmXdo4yS/1937323d4e31/index.css": {
+    "../../../../../../../tmp/tmp-2748-1OMZvrJdpQSE/193b981908a0/index.css": {
       "bytes": 597,
       "imports": [
         {
@@ -11380,7 +11380,7 @@
           "external": true
         },
         {
-          "path": "../../../../../../../tmp/tmp-2768-XImgzmXdo4yS/1937323d5513/tldraw.css",
+          "path": "../../../../../../../tmp/tmp-2748-1OMZvrJdpQSE/193b98190f22/tldraw.css",
           "kind": "import-rule",
           "original": "@tldraw/tldraw/tldraw.css"
         }
@@ -11455,7 +11455,7 @@
           "original": "../../common/constants"
         },
         {
-          "path": "../../../../../../../tmp/tmp-2768-XImgzmXdo4yS/1937323d4e31/index.css",
+          "path": "../../../../../../../tmp/tmp-2748-1OMZvrJdpQSE/193b981908a0/index.css",
           "kind": "import-statement",
           "original": "@100mslive/hms-whiteboard/index.css"
         },
@@ -14596,18 +14596,13 @@
       "format": "esm"
     },
     "src/Prebuilt/App.tsx": {
-      "bytes": 10957,
+      "bytes": 10920,
       "imports": [
         {
           "path": "react",
           "kind": "import-statement",
           "external": true
         },
-        {
-          "path": "@100mslive/hms-video-store",
-          "kind": "import-statement",
-          "external": true
-        },
         {
           "path": "@100mslive/types-prebuilt",
           "kind": "import-statement",
@@ -15209,7 +15204,7 @@
       "format": "esm"
     },
     "src/Diagnostics/ConnectivityTest.tsx": {
-      "bytes": 12150,
+      "bytes": 12290,
       "imports": [
         {
           "path": "react",
@@ -15719,7 +15714,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 3623999
+      "bytes": 3625378
     },
     "dist/index.cjs.js": {
       "imports": [
@@ -19057,13 +19052,13 @@
       "cssBundle": "dist/index.cjs.css",
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 17960
+          "bytesInOutput": 18054
         },
         "../../node_modules/lodash/lodash.js": {
           "bytesInOutput": 224306
         },
         "../../node_modules/ua-parser-js/src/ua-parser.js": {
-          "bytesInOutput": 42470
+          "bytesInOutput": 42453
         },
         "../../node_modules/lodash.isequal/index.js": {
           "bytesInOutput": 26597
@@ -19078,13 +19073,13 @@
           "bytesInOutput": 3491
         },
         "../../node_modules/sdp-transform/lib/writer.js": {
-          "bytesInOutput": 3070
+          "bytesInOutput": 3073
         },
         "../../node_modules/sdp-transform/lib/index.js": {
           "bytesInOutput": 615
         },
         "../../node_modules/prop-types/node_modules/react-is/cjs/react-is.production.min.js": {
-          "bytesInOutput": 3850
+          "bytesInOutput": 3852
         },
         "../../node_modules/prop-types/node_modules/react-is/cjs/react-is.development.js": {
           "bytesInOutput": 7630
@@ -19102,10 +19097,10 @@
           "bytesInOutput": 210
         },
         "../../node_modules/prop-types/checkPropTypes.js": {
-          "bytesInOutput": 2827
+          "bytesInOutput": 2828
         },
         "../../node_modules/prop-types/factoryWithTypeCheckers.js": {
-          "bytesInOutput": 19839
+          "bytesInOutput": 19844
         },
         "../../node_modules/prop-types/factoryWithThrowingShims.js": {
           "bytesInOutput": 1648
@@ -19279,7 +19274,7 @@
           "bytesInOutput": 27
         },
         "src/Stats/Stats.tsx": {
-          "bytesInOutput": 9337
+          "bytesInOutput": 9431
         },
         "src/Stats/formatBytes.ts": {
           "bytesInOutput": 471
@@ -19339,7 +19334,7 @@
           "bytesInOutput": 925
         },
         "src/Prebuilt/App.tsx": {
-          "bytesInOutput": 8534
+          "bytesInOutput": 8536
         },
         "src/Prebuilt/components/AppData/AppData.tsx": {
           "bytesInOutput": 6918
@@ -19411,7 +19406,7 @@
           "bytesInOutput": 3740
         },
         "src/Prebuilt/components/AudioVideoToggle.tsx": {
-          "bytesInOutput": 15351
+          "bytesInOutput": 15352
         },
         "src/Prebuilt/components/IconButtonWithOptions/IconButtonWithOptions.tsx": {
           "bytesInOutput": 3499
@@ -19549,7 +19544,7 @@
           "bytesInOutput": 8368
         },
         "src/Prebuilt/components/StatsForNerds.jsx": {
-          "bytesInOutput": 15803
+          "bytesInOutput": 15919
         },
         "src/Prebuilt/components/MoreSettings/BulkRoleChangeModal.jsx": {
           "bytesInOutput": 5478
@@ -19591,7 +19586,7 @@
           "bytesInOutput": 10613
         },
         "../hms-video-store/dist/index.js": {
-          "bytesInOutput": 54392
+          "bytesInOutput": 54402
         },
         "../../node_modules/reselect/es/index.js": {
           "bytesInOutput": 2539
@@ -19609,7 +19604,7 @@
           "bytesInOutput": 22676
         },
         "../../node_modules/webrtc-adapter/src/js/chrome/getusermedia.js": {
-          "bytesInOutput": 6095
+          "bytesInOutput": 6093
         },
         "../../node_modules/webrtc-adapter/src/js/chrome/getdisplaymedia.js": {
           "bytesInOutput": 1256
@@ -19786,7 +19781,7 @@
           "bytesInOutput": 1383
         },
         "src/Prebuilt/components/Polls/Voting/QuestionCard.jsx": {
-          "bytesInOutput": 7868
+          "bytesInOutput": 8123
         },
         "src/Prebuilt/components/Polls/Voting/TimedVoting.tsx": {
           "bytesInOutput": 1786
@@ -19807,7 +19802,7 @@
           "bytesInOutput": 8198
         },
         "src/Prebuilt/components/Chat/Chat.tsx": {
-          "bytesInOutput": 5961
+          "bytesInOutput": 5964
         },
         "src/Prebuilt/components/Chat/ChatFooter.tsx": {
           "bytesInOutput": 11512
@@ -19935,7 +19930,7 @@
         "src/Prebuilt/components/VideoLayouts/WhiteboardLayout.tsx": {
           "bytesInOutput": 3051
         },
-        "../../../../../../../tmp/tmp-2768-XImgzmXdo4yS/1937323d4e31/index.css": {
+        "../../../../../../../tmp/tmp-2748-1OMZvrJdpQSE/193b981908a0/index.css": {
           "bytesInOutput": 0
         },
         "src/Prebuilt/common/PeersSorter.ts": {
@@ -19945,7 +19940,7 @@
           "bytesInOutput": 2922
         },
         "src/Prebuilt/layouts/HLSView.jsx": {
-          "bytesInOutput": 29997
+          "bytesInOutput": 30000
         },
         "src/Prebuilt/components/HlsStatsOverlay.jsx": {
           "bytesInOutput": 3861
@@ -20164,13 +20159,13 @@
           "bytesInOutput": 4736
         },
         "src/Diagnostics/ConnectivityTest.tsx": {
-          "bytesInOutput": 15238
+          "bytesInOutput": 15472
         },
         "src/Diagnostics/VideoTest.tsx": {
           "bytesInOutput": 2777
         }
       },
-      "bytes": 1504316
+      "bytes": 1505124
     },
     "dist/index.cjs.css.map": {
       "imports": [],
@@ -20232,10 +20227,10 @@
         }
       ],
       "inputs": {
-        "../../../../../../../tmp/tmp-2768-XImgzmXdo4yS/1937323d5513/tldraw.css": {
+        "../../../../../../../tmp/tmp-2748-1OMZvrJdpQSE/193b98190f22/tldraw.css": {
           "bytesInOutput": 75223
         },
-        "../../../../../../../tmp/tmp-2768-XImgzmXdo4yS/1937323d4e31/index.css": {
+        "../../../../../../../tmp/tmp-2748-1OMZvrJdpQSE/193b981908a0/index.css": {
           "bytesInOutput": 401
         }
       },

package/dist/meta.esbuild.json

@@ -1359,7 +1359,7 @@
       "format": "esm"
     },
     "src/Stats/Stats.tsx": {
-      "bytes": 8401,
+      "bytes": 8508,
       "imports": [
         {
           "path": "react",
@@ -3102,7 +3102,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/AudioVideoToggle.tsx": {
-      "bytes": 13759,
+      "bytes": 13760,
       "imports": [
         {
           "path": "react",
@@ -4739,7 +4739,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/StatsForNerds.jsx": {
-      "bytes": 13474,
+      "bytes": 13543,
       "imports": [
         {
           "path": "react",
@@ -5779,7 +5779,7 @@
       "format": "cjs"
     },
     "../hms-video-store/dist/index.js": {
-      "bytes": 375470,
+      "bytes": 375761,
       "imports": [
         {
           "path": "../../node_modules/reselect/es/index.js",
@@ -8324,7 +8324,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Polls/Voting/QuestionCard.jsx": {
-      "bytes": 7266,
+      "bytes": 7496,
       "imports": [
         {
           "path": "react",
@@ -11321,7 +11321,7 @@
       ],
       "format": "esm"
     },
-    "../../../../../../../tmp/tmp-2768-ra9xwqQ0AI2q/1937323d5502/tldraw.css": {
+    "../../../../../../../tmp/tmp-2748-0N4i0vvstTKq/193b98190f33/tldraw.css": {
       "bytes": 80111,
       "imports": [
         {
@@ -11371,7 +11371,7 @@
         }
       ]
     },
-    "../../../../../../../tmp/tmp-2768-ra9xwqQ0AI2q/1937323d4d70/index.css": {
+    "../../../../../../../tmp/tmp-2748-0N4i0vvstTKq/193b98190e51/index.css": {
       "bytes": 597,
       "imports": [
         {
@@ -11380,7 +11380,7 @@
           "external": true
         },
         {
-          "path": "../../../../../../../tmp/tmp-2768-ra9xwqQ0AI2q/1937323d5502/tldraw.css",
+          "path": "../../../../../../../tmp/tmp-2748-0N4i0vvstTKq/193b98190f33/tldraw.css",
           "kind": "import-rule",
           "original": "@tldraw/tldraw/tldraw.css"
         }
@@ -11455,7 +11455,7 @@
           "original": "../../common/constants"
         },
         {
-          "path": "../../../../../../../tmp/tmp-2768-ra9xwqQ0AI2q/1937323d4d70/index.css",
+          "path": "../../../../../../../tmp/tmp-2748-0N4i0vvstTKq/193b98190e51/index.css",
           "kind": "import-statement",
           "original": "@100mslive/hms-whiteboard/index.css"
         },
@@ -14596,18 +14596,13 @@
       "format": "esm"
     },
     "src/Prebuilt/App.tsx": {
-      "bytes": 10957,
+      "bytes": 10920,
       "imports": [
         {
           "path": "react",
           "kind": "import-statement",
           "external": true
         },
-        {
-          "path": "@100mslive/hms-video-store",
-          "kind": "import-statement",
-          "external": true
-        },
         {
           "path": "@100mslive/types-prebuilt",
           "kind": "import-statement",
@@ -15209,7 +15204,7 @@
       "format": "esm"
     },
     "src/Diagnostics/ConnectivityTest.tsx": {
-      "bytes": 12150,
+      "bytes": 12290,
       "imports": [
         {
           "path": "react",
@@ -15719,7 +15714,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 3663922
+      "bytes": 3665423
     },
     "dist/index.js": {
       "imports": [
@@ -19123,13 +19118,13 @@
       "cssBundle": "dist/index.css",
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 17960
+          "bytesInOutput": 18054
         },
         "../../node_modules/lodash/lodash.js": {
           "bytesInOutput": 224301
         },
         "../../node_modules/ua-parser-js/src/ua-parser.js": {
-          "bytesInOutput": 42466
+          "bytesInOutput": 42449
         },
         "../../node_modules/lodash.isequal/index.js": {
           "bytesInOutput": 26591
@@ -19144,13 +19139,13 @@
           "bytesInOutput": 3491
         },
         "../../node_modules/sdp-transform/lib/writer.js": {
-          "bytesInOutput": 3068
+          "bytesInOutput": 3071
         },
         "../../node_modules/sdp-transform/lib/index.js": {
           "bytesInOutput": 615
         },
         "../../node_modules/prop-types/node_modules/react-is/cjs/react-is.production.min.js": {
-          "bytesInOutput": 3850
+          "bytesInOutput": 3852
         },
         "../../node_modules/prop-types/node_modules/react-is/cjs/react-is.development.js": {
           "bytesInOutput": 7630
@@ -19168,10 +19163,10 @@
           "bytesInOutput": 208
         },
         "../../node_modules/prop-types/checkPropTypes.js": {
-          "bytesInOutput": 2825
+          "bytesInOutput": 2826
         },
         "../../node_modules/prop-types/factoryWithTypeCheckers.js": {
-          "bytesInOutput": 19837
+          "bytesInOutput": 19842
         },
         "../../node_modules/prop-types/factoryWithThrowingShims.js": {
           "bytesInOutput": 1646
@@ -19345,7 +19340,7 @@
           "bytesInOutput": 27
         },
         "src/Stats/Stats.tsx": {
-          "bytesInOutput": 8580
+          "bytesInOutput": 8674
         },
         "src/Stats/formatBytes.ts": {
           "bytesInOutput": 471
@@ -19405,7 +19400,7 @@
           "bytesInOutput": 887
         },
         "src/Prebuilt/App.tsx": {
-          "bytesInOutput": 8034
+          "bytesInOutput": 8036
         },
         "src/Prebuilt/components/AppData/AppData.tsx": {
           "bytesInOutput": 6633
@@ -19477,7 +19472,7 @@
           "bytesInOutput": 3306
         },
         "src/Prebuilt/components/AudioVideoToggle.tsx": {
-          "bytesInOutput": 14235
+          "bytesInOutput": 14236
         },
         "src/Prebuilt/components/IconButtonWithOptions/IconButtonWithOptions.tsx": {
           "bytesInOutput": 3293
@@ -19615,7 +19610,7 @@
           "bytesInOutput": 7700
         },
         "src/Prebuilt/components/StatsForNerds.jsx": {
-          "bytesInOutput": 14466
+          "bytesInOutput": 14582
         },
         "src/Prebuilt/components/MoreSettings/BulkRoleChangeModal.jsx": {
           "bytesInOutput": 5008
@@ -19657,7 +19652,7 @@
           "bytesInOutput": 9861
         },
         "../hms-video-store/dist/index.js": {
-          "bytesInOutput": 54280
+          "bytesInOutput": 54290
         },
         "../../node_modules/reselect/es/index.js": {
           "bytesInOutput": 2539
@@ -19675,7 +19670,7 @@
           "bytesInOutput": 22676
         },
         "../../node_modules/webrtc-adapter/src/js/chrome/getusermedia.js": {
-          "bytesInOutput": 6095
+          "bytesInOutput": 6093
         },
         "../../node_modules/webrtc-adapter/src/js/chrome/getdisplaymedia.js": {
           "bytesInOutput": 1256
@@ -19852,7 +19847,7 @@
           "bytesInOutput": 1304
         },
         "src/Prebuilt/components/Polls/Voting/QuestionCard.jsx": {
-          "bytesInOutput": 7598
+          "bytesInOutput": 7875
         },
         "src/Prebuilt/components/Polls/Voting/TimedVoting.tsx": {
           "bytesInOutput": 1738
@@ -19873,7 +19868,7 @@
           "bytesInOutput": 7557
         },
         "src/Prebuilt/components/Chat/Chat.tsx": {
-          "bytesInOutput": 5648
+          "bytesInOutput": 5651
         },
         "src/Prebuilt/components/Chat/ChatFooter.tsx": {
           "bytesInOutput": 10898
@@ -20001,7 +19996,7 @@
         "src/Prebuilt/components/VideoLayouts/WhiteboardLayout.tsx": {
           "bytesInOutput": 2830
         },
-        "../../../../../../../tmp/tmp-2768-ra9xwqQ0AI2q/1937323d4d70/index.css": {
+        "../../../../../../../tmp/tmp-2748-0N4i0vvstTKq/193b98190e51/index.css": {
           "bytesInOutput": 0
         },
         "src/Prebuilt/common/PeersSorter.ts": {
@@ -20011,7 +20006,7 @@
           "bytesInOutput": 2787
         },
         "src/Prebuilt/layouts/HLSView.jsx": {
-          "bytesInOutput": 28042
+          "bytesInOutput": 28045
         },
         "src/Prebuilt/components/HlsStatsOverlay.jsx": {
           "bytesInOutput": 3592
@@ -20137,7 +20132,7 @@
           "bytesInOutput": 1686
         },
         "src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx": {
-          "bytesInOutput": 3074
+          "bytesInOutput": 3079
         },
         "src/Prebuilt/components/Toast/ToastBatcher.js": {
           "bytesInOutput": 1983
@@ -20230,13 +20225,13 @@
           "bytesInOutput": 4418
         },
         "src/Diagnostics/ConnectivityTest.tsx": {
-          "bytesInOutput": 13570
+          "bytesInOutput": 13774
         },
         "src/Diagnostics/VideoTest.tsx": {
           "bytesInOutput": 2632
         }
       },
-      "bytes": 1449401
+      "bytes": 1450206
     },
     "dist/index.css.map": {
       "imports": [],
@@ -20298,10 +20293,10 @@
         }
       ],
       "inputs": {
-        "../../../../../../../tmp/tmp-2768-ra9xwqQ0AI2q/1937323d5502/tldraw.css": {
+        "../../../../../../../tmp/tmp-2748-0N4i0vvstTKq/193b98190f33/tldraw.css": {
           "bytesInOutput": 75223
         },
-        "../../../../../../../tmp/tmp-2768-ra9xwqQ0AI2q/1937323d4d70/index.css": {
+        "../../../../../../../tmp/tmp-2748-0N4i0vvstTKq/193b98190e51/index.css": {
           "bytesInOutput": 401
         }
       },

package/package.json

@@ -10,7 +10,7 @@
     "prebuilt",
     "roomkit"
   ],
-  "version": "0.3.25",
+  "version": "0.3.26-alpha.1",
   "author": "100ms",
   "license": "MIT",
   "repository": {
@@ -75,12 +75,12 @@
     "react": ">=17.0.2 <19.0.0"
   },
   "dependencies": {
-    "@100mslive/hls-player": "0.3.25",
+    "@100mslive/hls-player": "0.3.26-alpha.1",
     "@100mslive/hms-noise-cancellation": "0.0.1",
-    "@100mslive/hms-virtual-background": "1.13.25",
-    "@100mslive/hms-whiteboard": "0.0.15",
-    "@100mslive/react-icons": "0.10.25",
-    "@100mslive/react-sdk": "0.10.25",
+    "@100mslive/hms-virtual-background": "1.13.26-alpha.1",
+    "@100mslive/hms-whiteboard": "0.0.15-alpha.15",
+    "@100mslive/react-icons": "0.10.26-alpha.1",
+    "@100mslive/react-sdk": "0.10.26-alpha.1",
     "@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": "e053c9f11649cce8ef92c1d081e4236884d4f829"
+  "gitHead": "47edda2d774cd4f278d4e6c566c89f4395696314"
 }

package/src/Diagnostics/ConnectivityTest.tsx

@@ -11,7 +11,6 @@ import { DiagnosticsStep, useDiagnostics } from './DiagnosticsContext';
 
 const Regions = {
   in: 'India',
-  eu: 'Europe',
   us: 'United States',
 };
 
@@ -164,6 +163,7 @@ const AudioStats = ({ stats }: { stats: DiagnosticsRTCStats | undefined }) => {
           <DetailedInfo title="Bitrate Sent" value={formatBytes(stats.bitrateSent, 'b/s')} />
           <DetailedInfo title="Bitrate Received" value={formatBytes(stats.bitrateReceived, 'b/s')} />
           <DetailedInfo title="Round Trip Time" value={`${stats.roundTripTime} ms`} />
+          <DetailedInfo title="Jitter" value={`${stats.jitter * 1000} ms`} />
         </Flex>
       )}
     </ConnectivityTestStepResult>
@@ -182,6 +182,7 @@ const VideoStats = ({ stats }: { stats: DiagnosticsRTCStats | undefined }) => {
           <DetailedInfo title="Bitrate Sent" value={formatBytes(stats.bitrateSent, 'b/s')} />
           <DetailedInfo title="Bitrate Received" value={formatBytes(stats.bitrateReceived, 'b/s')} />
           <DetailedInfo title="Round Trip Time" value={`${stats.roundTripTime} ms`} />
+          <DetailedInfo title="Jitter" value={`${stats.jitter * 1000} ms`} />
         </Flex>
       )}
     </ConnectivityTestStepResult>

package/src/Prebuilt/App.tsx

@@ -1,11 +1,13 @@
 import React, { MutableRefObject, useEffect, useRef } from 'react';
-import { HMSStatsStoreWrapper, HMSStoreWrapper, IHMSNotifications } from '@100mslive/hms-video-store';
 import { Layout, Logo, Screens, Theme, Typography } from '@100mslive/types-prebuilt';
 import { match } from 'ts-pattern';
 import {
   HMSActions,
   HMSReactiveStore,
   HMSRoomProvider,
+  HMSStatsStoreWrapper,
+  HMSStoreWrapper,
+  IHMSNotifications,
   selectIsConnectedToRoom,
   useHMSActions,
   useHMSStore,
@@ -207,15 +209,15 @@ export const HMSPrebuilt = React.forwardRef<HMSPrebuiltRefType, HMSPrebuiltProps
 
                   return (
                     <HMSThemeProvider
-                      // issue is with stichtes caching the theme using the theme name / class
+                      // issue is with stitches caching the theme using the theme name / class
                       // no updates to the themes are fired if the name is same.
                       // TODO: cache the theme and do deep check to trigger name change in the theme
                       themeType={`${theme.name}-${Date.now()}`}
                       theme={{
-                        //@ts-ignore: Prebuilt theme to match stiches theme
+                        //@ts-ignore: Prebuilt theme to match stitches theme
                         colors: theme.palette,
                         fonts: {
-                          //@ts-ignore: font list to match token types of stiches
+                          //@ts-ignore: font list to match token types of stitches
                           sans: fontFamily,
                         },
                       }}

package/src/Prebuilt/components/AudioVideoToggle.tsx

@@ -155,7 +155,7 @@ export const NoiseCancellation = ({
     return (
       <ActionTile.Root
         active={isNoiseCancellationEnabled && isKrispPluginAdded}
-        disable={inProgress}
+        disabled={inProgress}
         onClick={async () => {
           await setNoiseCancellationWithPlugin(!isNoiseCancellationEnabled);
           setOpenOptionsSheet?.(false);