@100mslive/roomkit-react 0.1.6-alpha.0 → 0.1.6-alpha.2

package/dist/meta.cjs.json

@@ -842,7 +842,7 @@
       "format": "esm"
     },
     "src/VideoTile/StyledVideoTile.tsx": {
-      "bytes": 2978,
+      "bytes": 3000,
       "imports": [
         {
           "path": "src/Layout/index.tsx",
@@ -1828,7 +1828,7 @@
       "format": "esm"
     },
     "src/Prebuilt/common/constants.js": {
-      "bytes": 3319,
+      "bytes": 3307,
       "imports": [
         {
           "path": "@100mslive/react-sdk",
@@ -1870,7 +1870,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/AppData/useUISettings.js": {
-      "bytes": 4842,
+      "bytes": 4892,
       "imports": [
         {
           "path": "react",
@@ -1906,7 +1906,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/AppData/AppData.jsx": {
-      "bytes": 5789,
+      "bytes": 5962,
       "imports": [
         {
           "path": "react",
@@ -1956,65 +1956,8 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/services/FeatureFlags.jsx": {
-      "bytes": 1442,
-      "imports": [
-        {
-          "path": "react",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "@100mslive/react-sdk",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "<define:process.env>",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "<runtime>",
-          "kind": "import-statement",
-          "external": true
-        }
-      ],
-      "format": "esm"
-    },
-    "src/Prebuilt/components/AudioLevel/BeamSpeakerLabelsLogging.jsx": {
-      "bytes": 520,
-      "imports": [
-        {
-          "path": "react",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "@100mslive/react-sdk",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "src/Prebuilt/components/AppData/useUISettings.js",
-          "kind": "import-statement",
-          "original": "../AppData/useUISettings"
-        },
-        {
-          "path": "src/Prebuilt/services/FeatureFlags.jsx",
-          "kind": "import-statement",
-          "original": "../../services/FeatureFlags"
-        },
-        {
-          "path": "<define:process.env>",
-          "kind": "import-statement",
-          "external": true
-        }
-      ],
-      "format": "esm"
-    },
     "src/Prebuilt/AppContext.tsx": {
-      "bytes": 692,
+      "bytes": 708,
       "imports": [
         {
           "path": "react",
@@ -2203,7 +2146,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/FullPageProgress.jsx": {
-      "bytes": 527,
+      "bytes": 524,
       "imports": [
         {
           "path": "react",
@@ -2229,6 +2172,37 @@
           "path": "<define:process.env>",
           "kind": "import-statement",
           "external": true
+        },
+        {
+          "path": "<runtime>",
+          "kind": "import-statement",
+          "external": true
+        }
+      ],
+      "format": "esm"
+    },
+    "src/Prebuilt/services/FeatureFlags.jsx": {
+      "bytes": 1342,
+      "imports": [
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "@100mslive/react-sdk",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "<define:process.env>",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "<runtime>",
+          "kind": "import-statement",
+          "external": true
         }
       ],
       "format": "esm"
@@ -2307,7 +2281,7 @@
       "format": "esm"
     },
     "src/Prebuilt/provider/roomLayoutProvider/hooks/useFetchRoomLayout.ts": {
-      "bytes": 2483,
+      "bytes": 2489,
       "imports": [
         {
           "path": "react",
@@ -2364,7 +2338,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Toast/ToastConfig.jsx": {
-      "bytes": 5011,
+      "bytes": 5100,
       "imports": [
         {
           "path": "react",
@@ -2514,7 +2488,7 @@
       "format": "esm"
     },
     "src/Prebuilt/common/utils.js": {
-      "bytes": 2957,
+      "bytes": 2951,
       "imports": [
         {
           "path": "<define:process.env>",
@@ -2620,7 +2594,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Notifications/ReconnectNotifications.jsx": {
-      "bytes": 2302,
+      "bytes": 2122,
       "imports": [
         {
           "path": "react",
@@ -2738,8 +2712,112 @@
       ],
       "format": "esm"
     },
+    "src/Prebuilt/components/PIP/pipUtils.js": {
+      "bytes": 6437,
+      "imports": [
+        {
+          "path": "<define:process.env>",
+          "kind": "import-statement",
+          "external": true
+        }
+      ],
+      "format": "esm"
+    },
+    "src/Prebuilt/components/PIP/PIPManager.js": {
+      "bytes": 10148,
+      "imports": [
+        {
+          "path": "worker-timers",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "src/Prebuilt/components/PIP/pipUtils.js",
+          "kind": "import-statement",
+          "original": "./pipUtils"
+        },
+        {
+          "path": "src/Prebuilt/common/constants.js",
+          "kind": "import-statement",
+          "original": "../../common/constants"
+        },
+        {
+          "path": "<define:process.env>",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "<runtime>",
+          "kind": "import-statement",
+          "external": true
+        }
+      ],
+      "format": "esm"
+    },
+    "src/Prebuilt/provider/roomLayoutProvider/hooks/useRoomLayoutScreen.ts": {
+      "bytes": 1916,
+      "imports": [
+        {
+          "path": "@100mslive/types-prebuilt",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "src/Prebuilt/provider/roomLayoutProvider/index.tsx",
+          "kind": "import-statement",
+          "original": ".."
+        },
+        {
+          "path": "<define:process.env>",
+          "kind": "import-statement",
+          "external": true
+        }
+      ],
+      "format": "esm"
+    },
+    "src/Prebuilt/components/hooks/useRedirectToLeave.tsx": {
+      "bytes": 1236,
+      "imports": [
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "react-router-dom",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "src/Prebuilt/AppContext.tsx",
+          "kind": "import-statement",
+          "original": "../../AppContext"
+        },
+        {
+          "path": "src/Prebuilt/components/PIP/PIPManager.js",
+          "kind": "import-statement",
+          "original": "../PIP/PIPManager"
+        },
+        {
+          "path": "src/Prebuilt/components/Toast/ToastManager.js",
+          "kind": "import-statement",
+          "original": "../Toast/ToastManager"
+        },
+        {
+          "path": "src/Prebuilt/provider/roomLayoutProvider/hooks/useRoomLayoutScreen.ts",
+          "kind": "import-statement",
+          "original": "../../provider/roomLayoutProvider/hooks/useRoomLayoutScreen"
+        },
+        {
+          "path": "<define:process.env>",
+          "kind": "import-statement",
+          "external": true
+        }
+      ],
+      "format": "esm"
+    },
     "src/Prebuilt/components/Notifications/Notifications.jsx": {
-      "bytes": 5999,
+      "bytes": 6613,
       "imports": [
         {
           "path": "react",
@@ -2821,11 +2899,21 @@
           "kind": "import-statement",
           "original": "../AppData/useUISettings"
         },
+        {
+          "path": "src/Prebuilt/components/hooks/useRedirectToLeave.tsx",
+          "kind": "import-statement",
+          "original": "../hooks/useRedirectToLeave"
+        },
         {
           "path": "src/Prebuilt/common/utils.js",
           "kind": "import-statement",
           "original": "../../common/utils"
         },
+        {
+          "path": "src/Prebuilt/common/constants.js",
+          "kind": "import-statement",
+          "original": "../../common/constants"
+        },
         {
           "path": "<define:process.env>",
           "kind": "import-statement",
@@ -2851,7 +2939,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Header/HeaderComponents.jsx": {
-      "bytes": 1670,
+      "bytes": 1830,
       "imports": [
         {
           "path": "react",
@@ -2959,7 +3047,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/hooks/useMetadata.jsx": {
-      "bytes": 1729,
+      "bytes": 1458,
       "imports": [
         {
           "path": "react",
@@ -3128,8 +3216,8 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/components/Header/StreamActions.jsx": {
-      "bytes": 8041,
+    "src/Prebuilt/components/Header/StreamActions.tsx": {
+      "bytes": 8339,
       "imports": [
         {
           "path": "react",
@@ -3154,7 +3242,7 @@
         {
           "path": "src/index.ts",
           "kind": "import-statement",
-          "original": "../../../"
+          "original": "../../.."
         },
         {
           "path": "src/Sheet/index.ts",
@@ -3200,7 +3288,7 @@
       "format": "esm"
     },
     "src/Prebuilt/IconButton.jsx": {
-      "bytes": 421,
+      "bytes": 646,
       "imports": [
         {
           "path": "src/IconButton/index.tsx",
@@ -3221,7 +3309,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Header/common.jsx": {
-      "bytes": 4818,
+      "bytes": 4902,
       "imports": [
         {
           "path": "react",
@@ -3315,7 +3403,7 @@
           "original": "./HeaderComponents"
         },
         {
-          "path": "src/Prebuilt/components/Header/StreamActions.jsx",
+          "path": "src/Prebuilt/components/Header/StreamActions.tsx",
           "kind": "import-statement",
           "original": "./StreamActions"
         },
@@ -3348,27 +3436,6 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/provider/roomLayoutProvider/hooks/useRoomLayoutScreen.ts": {
-      "bytes": 1916,
-      "imports": [
-        {
-          "path": "@100mslive/types-prebuilt",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "src/Prebuilt/provider/roomLayoutProvider/index.tsx",
-          "kind": "import-statement",
-          "original": ".."
-        },
-        {
-          "path": "<define:process.env>",
-          "kind": "import-statement",
-          "external": true
-        }
-      ],
-      "format": "esm"
-    },
     "src/Prebuilt/components/PostLeave.jsx": {
       "bytes": 2785,
       "imports": [
@@ -3446,7 +3513,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/IconButtonWithOptions/IconButtonWithOptions.jsx": {
-      "bytes": 2998,
+      "bytes": 3097,
       "imports": [
         {
           "path": "react",
@@ -3492,7 +3559,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/AudioVideoToggle.jsx": {
-      "bytes": 5537,
+      "bytes": 5611,
       "imports": [
         {
           "path": "react",
@@ -3589,8 +3656,8 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/components/Connection/ConnectionIndicator.jsx": {
-      "bytes": 3440,
+    "src/Prebuilt/components/Connection/ConnectionIndicator.tsx": {
+      "bytes": 3560,
       "imports": [
         {
           "path": "react",
@@ -3610,7 +3677,7 @@
         {
           "path": "src/index.ts",
           "kind": "import-statement",
-          "original": "../../../"
+          "original": "../../.."
         },
         {
           "path": "src/Prebuilt/components/Connection/connectionQualityUtils.js",
@@ -3625,8 +3692,8 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/components/Connection/TileConnection.jsx": {
-      "bytes": 1544,
+    "src/Prebuilt/components/Connection/TileConnection.tsx": {
+      "bytes": 1648,
       "imports": [
         {
           "path": "react",
@@ -3641,10 +3708,10 @@
         {
           "path": "src/index.ts",
           "kind": "import-statement",
-          "original": "../../../"
+          "original": "../../.."
         },
         {
-          "path": "src/Prebuilt/components/Connection/ConnectionIndicator.jsx",
+          "path": "src/Prebuilt/components/Connection/ConnectionIndicator.tsx",
           "kind": "import-statement",
           "original": "./ConnectionIndicator"
         },
@@ -4000,7 +4067,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/MoreSettings/ChangeNameContent.jsx": {
-      "bytes": 2843,
+      "bytes": 2933,
       "imports": [
         {
           "path": "react",
@@ -4102,13 +4169,18 @@
       "format": "esm"
     },
     "src/Prebuilt/components/TileMenu/TileMenuContent.jsx": {
-      "bytes": 9500,
+      "bytes": 9915,
       "imports": [
         {
           "path": "react",
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "react-use",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "import-statement",
@@ -4134,6 +4206,11 @@
           "kind": "import-statement",
           "original": "../../../Text"
         },
+        {
+          "path": "src/Theme/index.tsx",
+          "kind": "import-statement",
+          "original": "../../../Theme"
+        },
         {
           "path": "src/TileMenu/index.tsx",
           "kind": "import-statement",
@@ -4199,7 +4276,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/TileMenu/TileMenu.jsx": {
-      "bytes": 4534,
+      "bytes": 4567,
       "imports": [
         {
           "path": "react",
@@ -4291,18 +4368,13 @@
       "format": "esm"
     },
     "src/Prebuilt/components/VideoTile.jsx": {
-      "bytes": 7931,
+      "bytes": 7648,
       "imports": [
         {
           "path": "react",
           "kind": "import-statement",
           "external": true
         },
-        {
-          "path": "react-use",
-          "kind": "import-statement",
-          "external": true
-        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "import-statement",
@@ -4314,7 +4386,7 @@
           "external": true
         },
         {
-          "path": "src/Prebuilt/components/Connection/TileConnection.jsx",
+          "path": "src/Prebuilt/components/Connection/TileConnection.tsx",
           "kind": "import-statement",
           "original": "./Connection/TileConnection"
         },
@@ -4382,7 +4454,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Preview/PreviewForm.tsx": {
-      "bytes": 2730,
+      "bytes": 2636,
       "imports": [
         {
           "path": "react",
@@ -4420,7 +4492,7 @@
           "original": "../../provider/roomLayoutProvider"
         },
         {
-          "path": "src/Prebuilt/components/Preview/PreviewJoin.jsx",
+          "path": "src/Prebuilt/components/Preview/PreviewJoin.tsx",
           "kind": "import-statement",
           "original": "./PreviewJoin"
         },
@@ -4485,7 +4557,7 @@
       "format": "esm"
     },
     "src/Prebuilt/plugins/VirtualBackground/VirtualBackground.jsx": {
-      "bytes": 3612,
+      "bytes": 3590,
       "imports": [
         {
           "path": "react",
@@ -4550,14 +4622,19 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/components/Preview/PreviewJoin.jsx": {
-      "bytes": 8479,
+    "src/Prebuilt/components/Preview/PreviewJoin.tsx": {
+      "bytes": 9095,
       "imports": [
         {
           "path": "react",
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "react-use",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "import-statement",
@@ -4571,7 +4648,7 @@
         {
           "path": "src/index.ts",
           "kind": "import-statement",
-          "original": "../../../"
+          "original": "../../.."
         },
         {
           "path": "src/Prebuilt/AppContext.tsx",
@@ -4599,7 +4676,7 @@
           "original": "../Chip"
         },
         {
-          "path": "src/Prebuilt/components/Connection/TileConnection.jsx",
+          "path": "src/Prebuilt/components/Connection/TileConnection.tsx",
           "kind": "import-statement",
           "original": "../Connection/TileConnection"
         },
@@ -4666,8 +4743,8 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/components/Preview/PreviewContainer.jsx": {
-      "bytes": 1934,
+    "src/Prebuilt/components/Preview/PreviewContainer.tsx": {
+      "bytes": 2128,
       "imports": [
         {
           "path": "react",
@@ -4687,7 +4764,7 @@
         {
           "path": "src/index.ts",
           "kind": "import-statement",
-          "original": "../../../"
+          "original": "../../.."
         },
         {
           "path": "src/Prebuilt/AppContext.tsx",
@@ -4705,7 +4782,7 @@
           "original": "../FullPageProgress"
         },
         {
-          "path": "src/Prebuilt/components/Preview/PreviewJoin.jsx",
+          "path": "src/Prebuilt/components/Preview/PreviewJoin.tsx",
           "kind": "import-statement",
           "original": "./PreviewJoin"
         },
@@ -4805,7 +4882,7 @@
       "format": "esm"
     },
     "src/Prebuilt/plugins/FlyingEmoji.jsx": {
-      "bytes": 3649,
+      "bytes": 3826,
       "imports": [
         {
           "path": "react",
@@ -4837,6 +4914,11 @@
           "kind": "import-statement",
           "original": "../../Theme"
         },
+        {
+          "path": "src/Prebuilt/common/constants.js",
+          "kind": "import-statement",
+          "original": "../common/constants"
+        },
         {
           "path": "<define:process.env>",
           "kind": "import-statement",
@@ -4876,6 +4958,83 @@
       ],
       "format": "esm"
     },
+    "src/Prebuilt/common/hooks.js": {
+      "bytes": 3236,
+      "imports": [
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "@100mslive/types-prebuilt/elements/join_form",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "@100mslive/react-sdk",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "src/Prebuilt/provider/roomLayoutProvider/index.tsx",
+          "kind": "import-statement",
+          "original": "../provider/roomLayoutProvider"
+        },
+        {
+          "path": "src/Prebuilt/common/utils.js",
+          "kind": "import-statement",
+          "original": "./utils"
+        },
+        {
+          "path": "<define:process.env>",
+          "kind": "import-statement",
+          "external": true
+        }
+      ],
+      "format": "esm"
+    },
+    "src/Prebuilt/components/hooks/useAutoStartStreaming.tsx": {
+      "bytes": 1849,
+      "imports": [
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "@100mslive/react-sdk",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "src/Prebuilt/components/AppData/useUISettings.js",
+          "kind": "import-statement",
+          "original": "../AppData/useUISettings"
+        },
+        {
+          "path": "src/Prebuilt/common/hooks.js",
+          "kind": "import-statement",
+          "original": "../../common/hooks"
+        },
+        {
+          "path": "src/Prebuilt/common/constants.js",
+          "kind": "import-statement",
+          "original": "../../common/constants"
+        },
+        {
+          "path": "<define:process.env>",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "<runtime>",
+          "kind": "import-statement",
+          "external": true
+        }
+      ],
+      "format": "esm"
+    },
     "src/Prebuilt/components/Footer/EmojiCard.jsx": {
       "bytes": 1189,
       "imports": [
@@ -4903,7 +5062,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/EmojiReaction.jsx": {
-      "bytes": 2847,
+      "bytes": 2758,
       "imports": [
         {
           "path": "react",
@@ -4988,50 +5147,8 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/components/PIP/pipUtils.js": {
-      "bytes": 6437,
-      "imports": [
-        {
-          "path": "<define:process.env>",
-          "kind": "import-statement",
-          "external": true
-        }
-      ],
-      "format": "esm"
-    },
-    "src/Prebuilt/components/PIP/PIPManager.js": {
-      "bytes": 10148,
-      "imports": [
-        {
-          "path": "worker-timers",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "src/Prebuilt/components/PIP/pipUtils.js",
-          "kind": "import-statement",
-          "original": "./pipUtils"
-        },
-        {
-          "path": "src/Prebuilt/common/constants.js",
-          "kind": "import-statement",
-          "original": "../../common/constants"
-        },
-        {
-          "path": "<define:process.env>",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "<runtime>",
-          "kind": "import-statement",
-          "external": true
-        }
-      ],
-      "format": "esm"
-    },
     "src/Prebuilt/components/Leave/EndSessionContent.tsx": {
-      "bytes": 2009,
+      "bytes": 1981,
       "imports": [
         {
           "path": "react",
@@ -5093,7 +5210,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Leave/LeaveCard.tsx": {
-      "bytes": 838,
+      "bytes": 788,
       "imports": [
         {
           "path": "react",
@@ -5129,7 +5246,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Leave/LeaveSessionContent.tsx": {
-      "bytes": 1638,
+      "bytes": 1753,
       "imports": [
         {
           "path": "react",
@@ -5165,7 +5282,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Leave/DesktopLeaveRoom.tsx": {
-      "bytes": 6049,
+      "bytes": 6435,
       "imports": [
         {
           "path": "react",
@@ -5241,7 +5358,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Leave/MwebLeaveRoom.tsx": {
-      "bytes": 4668,
+      "bytes": 4841,
       "imports": [
         {
           "path": "react",
@@ -5312,18 +5429,13 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Leave/LeaveRoom.tsx": {
-      "bytes": 2382,
+      "bytes": 2282,
       "imports": [
         {
           "path": "react",
           "kind": "import-statement",
           "external": true
         },
-        {
-          "path": "react-router-dom",
-          "kind": "import-statement",
-          "external": true
-        },
         {
           "path": "react-use",
           "kind": "import-statement",
@@ -5344,16 +5456,6 @@
           "kind": "import-statement",
           "original": "../../../Theme"
         },
-        {
-          "path": "src/Prebuilt/AppContext.tsx",
-          "kind": "import-statement",
-          "original": "../../AppContext"
-        },
-        {
-          "path": "src/Prebuilt/components/PIP/PIPManager.js",
-          "kind": "import-statement",
-          "original": "../PIP/PIPManager"
-        },
         {
           "path": "src/Prebuilt/components/Toast/ToastManager.js",
           "kind": "import-statement",
@@ -5370,9 +5472,9 @@
           "original": "./MwebLeaveRoom"
         },
         {
-          "path": "src/Prebuilt/provider/roomLayoutProvider/hooks/useRoomLayoutScreen.ts",
+          "path": "src/Prebuilt/components/hooks/useRedirectToLeave.tsx",
           "kind": "import-statement",
-          "original": "../../provider/roomLayoutProvider/hooks/useRoomLayoutScreen"
+          "original": "../hooks/useRedirectToLeave"
         },
         {
           "path": "<define:process.env>",
@@ -5480,42 +5582,6 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/common/hooks.js": {
-      "bytes": 3236,
-      "imports": [
-        {
-          "path": "react",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "@100mslive/types-prebuilt/elements/join_form",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "@100mslive/react-sdk",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "src/Prebuilt/provider/roomLayoutProvider/index.tsx",
-          "kind": "import-statement",
-          "original": "../provider/roomLayoutProvider"
-        },
-        {
-          "path": "src/Prebuilt/common/utils.js",
-          "kind": "import-statement",
-          "original": "./utils"
-        },
-        {
-          "path": "<define:process.env>",
-          "kind": "import-statement",
-          "external": true
-        }
-      ],
-      "format": "esm"
-    },
     "src/Prebuilt/components/RoleChangeModal.jsx": {
       "bytes": 6486,
       "imports": [
@@ -6088,7 +6154,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/MoreSettings/SplitComponents/DesktopOptions.tsx": {
-      "bytes": 8572,
+      "bytes": 7910,
       "imports": [
         {
           "path": "react",
@@ -6193,8 +6259,8 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.jsx": {
-      "bytes": 8962,
+    "src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx": {
+      "bytes": 10893,
       "imports": [
         {
           "path": "react",
@@ -6206,6 +6272,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "@100mslive/types-prebuilt",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "import-statement",
@@ -6219,7 +6290,7 @@
         {
           "path": "src/index.ts",
           "kind": "import-statement",
-          "original": "../../../../"
+          "original": "../../../.."
         },
         {
           "path": "src/Sheet/index.ts",
@@ -6237,7 +6308,7 @@
           "original": "../../EmojiReaction"
         },
         {
-          "path": "src/Prebuilt/components/Header/StreamActions.jsx",
+          "path": "src/Prebuilt/components/Header/StreamActions.tsx",
           "kind": "import-statement",
           "original": "../../Header/StreamActions"
         },
@@ -6254,17 +6325,17 @@
         {
           "path": "src/Prebuilt/components/MoreSettings/ActionTile.jsx",
           "kind": "import-statement",
-          "original": ".././ActionTile"
+          "original": "../ActionTile"
         },
         {
           "path": "src/Prebuilt/components/MoreSettings/ChangeNameModal.jsx",
           "kind": "import-statement",
-          "original": ".././ChangeNameModal"
+          "original": "../ChangeNameModal"
         },
         {
           "path": "src/Prebuilt/components/MoreSettings/MuteAllModal.jsx",
           "kind": "import-statement",
-          "original": ".././MuteAllModal"
+          "original": "../MuteAllModal"
         },
         {
           "path": "src/Prebuilt/components/AppData/useSidepane.js",
@@ -6276,6 +6347,11 @@
           "kind": "import-statement",
           "original": "../../hooks/useDropdownList"
         },
+        {
+          "path": "src/Prebuilt/components/hooks/useMetadata.jsx",
+          "kind": "import-statement",
+          "original": "../../hooks/useMetadata"
+        },
         {
           "path": "src/Prebuilt/common/utils.js",
           "kind": "import-statement",
@@ -6323,7 +6399,7 @@
           "original": "./SplitComponents/DesktopOptions"
         },
         {
-          "path": "src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.jsx",
+          "path": "src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx",
           "kind": "import-statement",
           "original": "./SplitComponents/MwebOptions"
         },
@@ -6697,8 +6773,8 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/components/Footer/ChatToggle.jsx": {
-      "bytes": 953,
+    "src/Prebuilt/components/Footer/ChatToggle.tsx": {
+      "bytes": 1045,
       "imports": [
         {
           "path": "react",
@@ -6718,7 +6794,7 @@
         {
           "path": "src/index.ts",
           "kind": "import-statement",
-          "original": "../../../"
+          "original": "../../.."
         },
         {
           "path": "src/Prebuilt/IconButton.jsx",
@@ -6743,14 +6819,19 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/components/Chat/ChatParticipantHeader.jsx": {
-      "bytes": 2331,
+    "src/Prebuilt/components/Footer/RoleOptions.tsx": {
+      "bytes": 5408,
       "imports": [
         {
           "path": "react",
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "@100mslive/types-prebuilt",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "import-statement",
@@ -6762,19 +6843,29 @@
           "external": true
         },
         {
-          "path": "src/index.ts",
+          "path": "src/Dropdown/index.tsx",
           "kind": "import-statement",
-          "original": "../../.."
+          "original": "../../../Dropdown"
         },
         {
-          "path": "src/Prebuilt/components/AppData/useSidepane.js",
+          "path": "src/Layout/index.tsx",
           "kind": "import-statement",
-          "original": "../AppData/useSidepane"
+          "original": "../../../Layout"
         },
         {
-          "path": "src/Prebuilt/common/constants.js",
+          "path": "src/Text/index.tsx",
           "kind": "import-statement",
-          "original": "../../common/constants"
+          "original": "../../../Text"
+        },
+        {
+          "path": "src/Prebuilt/provider/roomLayoutProvider/hooks/useRoomLayoutScreen.ts",
+          "kind": "import-statement",
+          "original": "../../provider/roomLayoutProvider/hooks/useRoomLayoutScreen"
+        },
+        {
+          "path": "src/Prebuilt/common/utils.js",
+          "kind": "import-statement",
+          "original": "../../common/utils"
         },
         {
           "path": "<define:process.env>",
@@ -6789,8 +6880,8 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/components/Footer/RoleAccordion.jsx": {
-      "bytes": 2337,
+    "src/Prebuilt/components/Footer/RoleAccordion.tsx": {
+      "bytes": 3113,
       "imports": [
         {
           "path": "react",
@@ -6807,6 +6898,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "@100mslive/react-sdk",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "src/Accordion/index.ts",
           "kind": "import-statement",
@@ -6817,11 +6913,21 @@
           "kind": "import-statement",
           "original": "../../../Layout"
         },
+        {
+          "path": "src/Text/index.tsx",
+          "kind": "import-statement",
+          "original": "../../../Text"
+        },
         {
           "path": "src/Prebuilt/components/Footer/ParticipantList.jsx",
           "kind": "import-statement",
           "original": "./ParticipantList"
         },
+        {
+          "path": "src/Prebuilt/components/Footer/RoleOptions.tsx",
+          "kind": "import-statement",
+          "original": "./RoleOptions"
+        },
         {
           "path": "src/Prebuilt/common/utils.js",
           "kind": "import-statement",
@@ -6836,7 +6942,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Footer/ParticipantList.jsx": {
-      "bytes": 11504,
+      "bytes": 10439,
       "imports": [
         {
           "path": "react",
@@ -6869,35 +6975,25 @@
           "original": "../../IconButton"
         },
         {
-          "path": "src/Prebuilt/provider/roomLayoutProvider/index.tsx",
-          "kind": "import-statement",
-          "original": "../../provider/roomLayoutProvider"
-        },
-        {
-          "path": "src/Prebuilt/components/Chat/ChatParticipantHeader.jsx",
-          "kind": "import-statement",
-          "original": "../Chat/ChatParticipantHeader"
-        },
-        {
-          "path": "src/Prebuilt/components/Connection/ConnectionIndicator.jsx",
+          "path": "src/Prebuilt/components/Connection/ConnectionIndicator.tsx",
           "kind": "import-statement",
           "original": "../Connection/ConnectionIndicator"
         },
-        {
-          "path": "src/Prebuilt/components/RoleChangeModal.jsx",
-          "kind": "import-statement",
-          "original": "../RoleChangeModal"
-        },
         {
           "path": "src/Prebuilt/components/Toast/ToastManager.js",
           "kind": "import-statement",
           "original": "../Toast/ToastManager"
         },
         {
-          "path": "src/Prebuilt/components/Footer/RoleAccordion.jsx",
+          "path": "src/Prebuilt/components/Footer/RoleAccordion.tsx",
           "kind": "import-statement",
           "original": "./RoleAccordion"
         },
+        {
+          "path": "src/Prebuilt/provider/roomLayoutProvider/hooks/useRoomLayoutScreen.ts",
+          "kind": "import-statement",
+          "original": "../../provider/roomLayoutProvider/hooks/useRoomLayoutScreen"
+        },
         {
           "path": "src/Prebuilt/components/AppData/useSidepane.js",
           "kind": "import-statement",
@@ -6932,7 +7028,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Footer/Footer.tsx": {
-      "bytes": 2569,
+      "bytes": 3706,
       "imports": [
         {
           "path": "react",
@@ -6949,6 +7045,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "@100mslive/types-prebuilt/elements/chat",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "src/index.ts",
           "kind": "import-statement",
@@ -6985,7 +7086,7 @@
           "original": "../ScreenShareToggle"
         },
         {
-          "path": "src/Prebuilt/components/Footer/ChatToggle.jsx",
+          "path": "src/Prebuilt/components/Footer/ChatToggle.tsx",
           "kind": "import-statement",
           "original": "./ChatToggle"
         },
@@ -6994,10 +7095,25 @@
           "kind": "import-statement",
           "original": "./ParticipantList"
         },
+        {
+          "path": "src/Prebuilt/components/AppData/useSidepane.js",
+          "kind": "import-statement",
+          "original": "../AppData/useSidepane"
+        },
+        {
+          "path": "src/Prebuilt/common/constants.js",
+          "kind": "import-statement",
+          "original": "../../common/constants"
+        },
         {
           "path": "<define:process.env>",
           "kind": "import-statement",
           "external": true
+        },
+        {
+          "path": "src/Prebuilt/plugins/VirtualBackground/VirtualBackground.jsx",
+          "kind": "dynamic-import",
+          "original": "../../plugins/VirtualBackground/VirtualBackground"
         }
       ],
       "format": "esm"
@@ -7058,8 +7174,24 @@
       ],
       "format": "esm"
     },
+    "src/Prebuilt/components/hooks/useVideoTileLayout.ts": {
+      "bytes": 707,
+      "imports": [
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "<define:process.env>",
+          "kind": "import-statement",
+          "external": true
+        }
+      ],
+      "format": "esm"
+    },
     "src/Prebuilt/components/InsetTile.tsx": {
-      "bytes": 3935,
+      "bytes": 4247,
       "imports": [
         {
           "path": "react",
@@ -7121,6 +7253,11 @@
           "kind": "import-statement",
           "original": "./AppData/useUISettings"
         },
+        {
+          "path": "src/Prebuilt/components/hooks/useVideoTileLayout.ts",
+          "kind": "import-statement",
+          "original": "./hooks/useVideoTileLayout"
+        },
         {
           "path": "src/Prebuilt/common/constants.js",
           "kind": "import-statement",
@@ -7140,7 +7277,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Pagination.tsx": {
-      "bytes": 1768,
+      "bytes": 1833,
       "imports": [
         {
           "path": "react",
@@ -7165,24 +7302,8 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/components/hooks/useVideoTileLayout.ts": {
-      "bytes": 581,
-      "imports": [
-        {
-          "path": "react",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "<define:process.env>",
-          "kind": "import-statement",
-          "external": true
-        }
-      ],
-      "format": "esm"
-    },
     "src/Prebuilt/components/VideoLayouts/Grid.tsx": {
-      "bytes": 1138,
+      "bytes": 1272,
       "imports": [
         {
           "path": "react",
@@ -7223,7 +7344,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/hooks/useTileLayout.tsx": {
-      "bytes": 4186,
+      "bytes": 4413,
       "imports": [
         {
           "path": "react",
@@ -7254,7 +7375,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/VideoLayouts/EqualProminence.tsx": {
-      "bytes": 2227,
+      "bytes": 2328,
       "imports": [
         {
           "path": "react",
@@ -7325,7 +7446,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/VideoLayouts/ProminenceLayout.tsx": {
-      "bytes": 1843,
+      "bytes": 2085,
       "imports": [
         {
           "path": "react",
@@ -7371,7 +7492,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/SecondaryTiles.tsx": {
-      "bytes": 1132,
+      "bytes": 1217,
       "imports": [
         {
           "path": "react",
@@ -7417,7 +7538,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/hooks/useRoleProminencePeers.tsx": {
-      "bytes": 1053,
+      "bytes": 1092,
       "imports": [
         {
           "path": "react",
@@ -7443,7 +7564,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/VideoLayouts/RoleProminence.tsx": {
-      "bytes": 1817,
+      "bytes": 1904,
       "imports": [
         {
           "path": "react",
@@ -7550,7 +7671,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/ScreenshareTile.jsx": {
-      "bytes": 3535,
+      "bytes": 3494,
       "imports": [
         {
           "path": "react",
@@ -7626,18 +7747,28 @@
       "format": "esm"
     },
     "src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx": {
-      "bytes": 1635,
+      "bytes": 2131,
       "imports": [
         {
           "path": "react",
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "react-use",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "src/Theme/index.tsx",
+          "kind": "import-statement",
+          "original": "../../../Theme"
+        },
         {
           "path": "src/Prebuilt/components/Pagination.tsx",
           "kind": "import-statement",
@@ -7682,7 +7813,7 @@
       "format": "esm"
     },
     "src/Prebuilt/common/PeersSorter.ts": {
-      "bytes": 2744,
+      "bytes": 2767,
       "imports": [
         {
           "path": "@100mslive/react-sdk",
@@ -7698,7 +7829,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/VideoLayouts/GridLayout.tsx": {
-      "bytes": 3177,
+      "bytes": 3819,
       "imports": [
         {
           "path": "react",
@@ -7754,7 +7885,7 @@
       "format": "esm"
     },
     "src/Prebuilt/layouts/EmbedView.jsx": {
-      "bytes": 4073,
+      "bytes": 3505,
       "imports": [
         {
           "path": "react",
@@ -7886,7 +8017,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Chat/ChatBody.jsx": {
-      "bytes": 12598,
+      "bytes": 12870,
       "imports": [
         {
           "path": "react",
@@ -7959,9 +8090,9 @@
           "original": "../../images/empty-chat.svg"
         },
         {
-          "path": "src/Prebuilt/components/Toast/ToastManager.js",
+          "path": "src/Prebuilt/provider/roomLayoutProvider/hooks/useRoomLayoutScreen.ts",
           "kind": "import-statement",
-          "original": "../Toast/ToastManager"
+          "original": "../../provider/roomLayoutProvider/hooks/useRoomLayoutScreen"
         },
         {
           "path": "src/Prebuilt/components/hooks/useSetPinnedMessage.js",
@@ -8008,7 +8139,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Chat/useEmojiPickerStyles.js": {
-      "bytes": 991,
+      "bytes": 1022,
       "imports": [
         {
           "path": "react",
@@ -8023,8 +8154,8 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/components/Chat/ChatFooter.jsx": {
-      "bytes": 5084,
+    "src/Prebuilt/components/Chat/ChatFooter.tsx": {
+      "bytes": 5859,
       "imports": [
         {
           "path": "react",
@@ -8059,13 +8190,18 @@
         {
           "path": "src/index.ts",
           "kind": "import-statement",
-          "original": "../../../"
+          "original": "../../.."
         },
         {
           "path": "src/Prebuilt/components/Toast/ToastManager.js",
           "kind": "import-statement",
           "original": "../Toast/ToastManager"
         },
+        {
+          "path": "src/Prebuilt/provider/roomLayoutProvider/hooks/useRoomLayoutScreen.ts",
+          "kind": "import-statement",
+          "original": "../../provider/roomLayoutProvider/hooks/useRoomLayoutScreen"
+        },
         {
           "path": "src/Prebuilt/components/AppData/useChatState.js",
           "kind": "import-statement",
@@ -8106,7 +8242,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Chat/Chat.jsx": {
-      "bytes": 5986,
+      "bytes": 6444,
       "imports": [
         {
           "path": "react",
@@ -8136,57 +8272,123 @@
         {
           "path": "src/Layout/index.tsx",
           "kind": "import-statement",
-          "original": "../../../Layout"
+          "original": "../../../Layout"
+        },
+        {
+          "path": "src/Text/index.tsx",
+          "kind": "import-statement",
+          "original": "../../../Text"
+        },
+        {
+          "path": "src/Theme/index.tsx",
+          "kind": "import-statement",
+          "original": "../../../Theme"
+        },
+        {
+          "path": "src/Prebuilt/components/Chat/ChatBody.jsx",
+          "kind": "import-statement",
+          "original": "./ChatBody"
+        },
+        {
+          "path": "src/Prebuilt/components/Chat/ChatFooter.tsx",
+          "kind": "import-statement",
+          "original": "./ChatFooter"
+        },
+        {
+          "path": "src/Prebuilt/provider/roomLayoutProvider/hooks/useRoomLayoutScreen.ts",
+          "kind": "import-statement",
+          "original": "../../provider/roomLayoutProvider/hooks/useRoomLayoutScreen"
+        },
+        {
+          "path": "src/Prebuilt/components/AppData/useUISettings.js",
+          "kind": "import-statement",
+          "original": "../AppData/useUISettings"
+        },
+        {
+          "path": "src/Prebuilt/components/hooks/useSetPinnedMessage.js",
+          "kind": "import-statement",
+          "original": "../hooks/useSetPinnedMessage"
+        },
+        {
+          "path": "src/Prebuilt/components/Chat/useUnreadCount.js",
+          "kind": "import-statement",
+          "original": "./useUnreadCount"
+        },
+        {
+          "path": "src/Prebuilt/common/constants.js",
+          "kind": "import-statement",
+          "original": "../../common/constants"
+        },
+        {
+          "path": "<define:process.env>",
+          "kind": "import-statement",
+          "external": true
+        }
+      ],
+      "format": "esm"
+    },
+    "src/Prebuilt/components/SidePaneTabs.tsx": {
+      "bytes": 4312,
+      "imports": [
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
         },
         {
-          "path": "src/Text/index.tsx",
+          "path": "@100mslive/types-prebuilt",
           "kind": "import-statement",
-          "original": "../../../Text"
+          "external": true
         },
         {
-          "path": "src/Theme/index.tsx",
+          "path": "@100mslive/react-sdk",
           "kind": "import-statement",
-          "original": "../../../Theme"
+          "external": true
         },
         {
-          "path": "src/Prebuilt/components/Chat/ChatBody.jsx",
+          "path": "@100mslive/react-icons",
           "kind": "import-statement",
-          "original": "./ChatBody"
+          "external": true
         },
         {
-          "path": "src/Prebuilt/components/Chat/ChatFooter.jsx",
+          "path": "src/Prebuilt/components/Chat/Chat.jsx",
           "kind": "import-statement",
-          "original": "./ChatFooter"
+          "original": "./Chat/Chat"
         },
         {
-          "path": "src/Prebuilt/components/Chat/ChatParticipantHeader.jsx",
+          "path": "src/Prebuilt/components/Footer/ParticipantList.jsx",
           "kind": "import-statement",
-          "original": "./ChatParticipantHeader"
+          "original": "./Footer/ParticipantList"
         },
         {
-          "path": "src/Prebuilt/components/AppData/useUISettings.js",
+          "path": "src/index.ts",
           "kind": "import-statement",
-          "original": "../AppData/useUISettings"
+          "original": "../.."
         },
         {
-          "path": "src/Prebuilt/components/hooks/useSetPinnedMessage.js",
+          "path": "src/Prebuilt/provider/roomLayoutProvider/hooks/useRoomLayoutScreen.ts",
           "kind": "import-statement",
-          "original": "../hooks/useSetPinnedMessage"
+          "original": "../provider/roomLayoutProvider/hooks/useRoomLayoutScreen"
         },
         {
-          "path": "src/Prebuilt/components/Chat/useUnreadCount.js",
+          "path": "src/Prebuilt/components/AppData/useSidepane.js",
           "kind": "import-statement",
-          "original": "./useUnreadCount"
+          "original": "./AppData/useSidepane"
         },
         {
           "path": "src/Prebuilt/common/constants.js",
           "kind": "import-statement",
-          "original": "../../common/constants"
+          "original": "../common/constants"
         },
         {
           "path": "<define:process.env>",
           "kind": "import-statement",
           "external": true
+        },
+        {
+          "path": "<runtime>",
+          "kind": "import-statement",
+          "external": true
         }
       ],
       "format": "esm"
@@ -8323,7 +8525,7 @@
       "format": "esm"
     },
     "src/Prebuilt/layouts/SidePane.tsx": {
-      "bytes": 3119,
+      "bytes": 3691,
       "imports": [
         {
           "path": "react",
@@ -8346,19 +8548,19 @@
           "external": true
         },
         {
-          "path": "src/Prebuilt/components/Chat/Chat.jsx",
+          "path": "src/Prebuilt/components/SidePaneTabs.tsx",
           "kind": "import-statement",
-          "original": "../components/Chat/Chat"
+          "original": "../components/SidePaneTabs"
         },
         {
-          "path": "src/Prebuilt/components/Footer/ParticipantList.jsx",
+          "path": "src/Prebuilt/components/Streaming/StreamingLanding.jsx",
           "kind": "import-statement",
-          "original": "../components/Footer/ParticipantList"
+          "original": "../components/Streaming/StreamingLanding"
         },
         {
-          "path": "src/Prebuilt/components/Streaming/StreamingLanding.jsx",
+          "path": "../components/VideoLayouts/GridLayout",
           "kind": "import-statement",
-          "original": "../components/Streaming/StreamingLanding"
+          "external": true
         },
         {
           "path": "src/Prebuilt/components/VideoTile.jsx",
@@ -8375,6 +8577,11 @@
           "kind": "import-statement",
           "original": "../../Theme"
         },
+        {
+          "path": "src/Prebuilt/provider/roomLayoutProvider/hooks/useRoomLayoutScreen.ts",
+          "kind": "import-statement",
+          "original": "../provider/roomLayoutProvider/hooks/useRoomLayoutScreen"
+        },
         {
           "path": "src/Prebuilt/common/constants.js",
           "kind": "import-statement",
@@ -8384,6 +8591,11 @@
           "path": "<define:process.env>",
           "kind": "import-statement",
           "external": true
+        },
+        {
+          "path": "<runtime>",
+          "kind": "import-statement",
+          "external": true
         }
       ],
       "format": "esm"
@@ -8456,7 +8668,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/HMSVideo/Controls.jsx": {
-      "bytes": 439,
+      "bytes": 463,
       "imports": [
         {
           "path": "src/index.ts",
@@ -8472,7 +8684,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/HMSVideo/HMSVideo.jsx": {
-      "bytes": 372,
+      "bytes": 415,
       "imports": [
         {
           "path": "react",
@@ -8488,6 +8700,11 @@
           "path": "<define:process.env>",
           "kind": "import-statement",
           "external": true
+        },
+        {
+          "path": "<runtime>",
+          "kind": "import-statement",
+          "external": true
         }
       ],
       "format": "esm"
@@ -8530,7 +8747,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/HMSVideo/VideoProgress.jsx": {
-      "bytes": 2389,
+      "bytes": 2352,
       "imports": [
         {
           "path": "react",
@@ -8701,7 +8918,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/HMSVideo/HLSQualitySelector.jsx": {
-      "bytes": 3487,
+      "bytes": 4183,
       "imports": [
         {
           "path": "react",
@@ -8727,7 +8944,7 @@
       "format": "esm"
     },
     "src/Prebuilt/layouts/HLSView.jsx": {
-      "bytes": 11569,
+      "bytes": 14271,
       "imports": [
         {
           "path": "react",
@@ -8838,18 +9055,13 @@
       "format": "esm"
     },
     "src/Prebuilt/layouts/VideoStreamingSection.tsx": {
-      "bytes": 4131,
+      "bytes": 3145,
       "imports": [
         {
           "path": "react",
           "kind": "import-statement",
           "external": true
         },
-        {
-          "path": "@100mslive/hms-video",
-          "kind": "import-statement",
-          "external": true
-        },
         {
           "path": "@100mslive/types-prebuilt",
           "kind": "import-statement",
@@ -8900,11 +9112,6 @@
           "kind": "import-statement",
           "original": "../components/AppData/useUISettings"
         },
-        {
-          "path": "src/Prebuilt/common/hooks.js",
-          "kind": "import-statement",
-          "original": "../common/hooks"
-        },
         {
           "path": "src/Prebuilt/common/constants.js",
           "kind": "import-statement",
@@ -8928,8 +9135,8 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/components/RoleChangeRequestModal.jsx": {
-      "bytes": 3283,
+    "src/Prebuilt/components/RoleChangeRequestModal.tsx": {
+      "bytes": 3702,
       "imports": [
         {
           "path": "react",
@@ -8942,19 +9149,14 @@
           "external": true
         },
         {
-          "path": "src/Prebuilt/components/Preview/PreviewJoin.jsx",
+          "path": "src/Prebuilt/components/Preview/PreviewJoin.tsx",
           "kind": "import-statement",
           "original": "./Preview/PreviewJoin"
         },
         {
           "path": "src/index.ts",
           "kind": "import-statement",
-          "original": "../../"
-        },
-        {
-          "path": "src/Prebuilt/components/AppData/useUISettings.js",
-          "kind": "import-statement",
-          "original": "./AppData/useUISettings"
+          "original": "../.."
         },
         {
           "path": "src/Prebuilt/components/hooks/useMetadata.jsx",
@@ -8980,7 +9182,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/conference.jsx": {
-      "bytes": 6340,
+      "bytes": 6434,
       "imports": [
         {
           "path": "react",
@@ -9048,7 +9250,7 @@
           "original": "./Header"
         },
         {
-          "path": "src/Prebuilt/components/RoleChangeRequestModal.jsx",
+          "path": "src/Prebuilt/components/RoleChangeRequestModal.tsx",
           "kind": "import-statement",
           "original": "./RoleChangeRequestModal"
         },
@@ -9076,7 +9278,7 @@
       "format": "esm"
     },
     "src/Prebuilt/App.tsx": {
-      "bytes": 12316,
+      "bytes": 11824,
       "imports": [
         {
           "path": "react",
@@ -9108,11 +9310,6 @@
           "kind": "import-statement",
           "original": "./components/AppData/AppData"
         },
-        {
-          "path": "src/Prebuilt/components/AudioLevel/BeamSpeakerLabelsLogging.jsx",
-          "kind": "import-statement",
-          "original": "./components/AudioLevel/BeamSpeakerLabelsLogging"
-        },
         {
           "path": "src/Prebuilt/components/AuthToken.jsx",
           "kind": "import-statement",
@@ -9149,7 +9346,7 @@
           "original": "./components/PostLeave"
         },
         {
-          "path": "src/Prebuilt/components/Preview/PreviewContainer.jsx",
+          "path": "src/Prebuilt/components/Preview/PreviewContainer.tsx",
           "kind": "import-statement",
           "original": "./components/Preview/PreviewContainer"
         },
@@ -9188,6 +9385,16 @@
           "kind": "import-statement",
           "original": "./plugins/RemoteStopScreenshare"
         },
+        {
+          "path": "src/Prebuilt/components/AppData/useUISettings.js",
+          "kind": "import-statement",
+          "original": "./components/AppData/useUISettings"
+        },
+        {
+          "path": "src/Prebuilt/components/hooks/useAutoStartStreaming.tsx",
+          "kind": "import-statement",
+          "original": "./components/hooks/useAutoStartStreaming"
+        },
         {
           "path": "src/Prebuilt/provider/roomLayoutProvider/hooks/useRoomLayoutScreen.ts",
           "kind": "import-statement",
@@ -9460,7 +9667,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 975805
+      "bytes": 1009108
     },
     "dist/index.cjs.js": {
       "imports": [
@@ -9759,23 +9966,13 @@
           "kind": "require-call",
           "external": true
         },
-        {
-          "path": "@100mslive/react-sdk",
-          "kind": "require-call",
-          "external": true
-        },
         {
           "path": "react",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "@100mslive/react-sdk",
-          "kind": "require-call",
-          "external": true
-        },
-        {
-          "path": "react",
+          "path": "@100mslive/react-icons",
           "kind": "require-call",
           "external": true
         },
@@ -9785,7 +9982,7 @@
           "external": true
         },
         {
-          "path": "@100mslive/react-icons",
+          "path": "@100mslive/react-sdk",
           "kind": "require-call",
           "external": true
         },
@@ -9795,7 +9992,7 @@
           "external": true
         },
         {
-          "path": "@100mslive/react-sdk",
+          "path": "@100mslive/react-icons",
           "kind": "require-call",
           "external": true
         },
@@ -9805,12 +10002,12 @@
           "external": true
         },
         {
-          "path": "@100mslive/react-icons",
+          "path": "react",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "react",
+          "path": "@100mslive/react-sdk",
           "kind": "require-call",
           "external": true
         },
@@ -9959,6 +10156,21 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "worker-timers",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "react-router-dom",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "react",
           "kind": "require-call",
@@ -10279,6 +10491,11 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "react-use",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "require-call",
@@ -10319,11 +10536,6 @@
           "kind": "require-call",
           "external": true
         },
-        {
-          "path": "react-use",
-          "kind": "require-call",
-          "external": true
-        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "require-call",
@@ -10399,6 +10611,11 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "react-use",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "require-call",
@@ -10470,52 +10687,57 @@
           "external": true
         },
         {
-          "path": "react",
+          "path": "@100mslive/types-prebuilt/elements/join_form",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "react-use",
+          "path": "@100mslive/react-sdk",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "@emoji-mart/data/sets/14/apple.json",
+          "path": "react",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "emoji-mart",
+          "path": "@100mslive/react-sdk",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "@100mslive/react-sdk",
+          "path": "react",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "@100mslive/react-icons",
+          "path": "react",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "worker-timers",
+          "path": "react-use",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "react",
+          "path": "@emoji-mart/data/sets/14/apple.json",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "@100mslive/react-icons",
+          "path": "emoji-mart",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "react",
+          "path": "@100mslive/react-sdk",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "@100mslive/react-icons",
           "kind": "require-call",
           "external": true
         },
@@ -10535,7 +10757,7 @@
           "external": true
         },
         {
-          "path": "@100mslive/react-sdk",
+          "path": "react",
           "kind": "require-call",
           "external": true
         },
@@ -10565,27 +10787,22 @@
           "external": true
         },
         {
-          "path": "react-router-dom",
-          "kind": "require-call",
-          "external": true
-        },
-        {
-          "path": "react-use",
+          "path": "@100mslive/react-sdk",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "@100mslive/react-sdk",
+          "path": "@100mslive/react-icons",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "@100mslive/react-sdk",
+          "path": "react",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "react",
+          "path": "react-use",
           "kind": "require-call",
           "external": true
         },
@@ -10595,7 +10812,7 @@
           "external": true
         },
         {
-          "path": "@100mslive/react-icons",
+          "path": "@100mslive/react-sdk",
           "kind": "require-call",
           "external": true
         },
@@ -10605,17 +10822,17 @@
           "external": true
         },
         {
-          "path": "react",
+          "path": "@100mslive/react-sdk",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "@100mslive/types-prebuilt/elements/join_form",
+          "path": "@100mslive/react-icons",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "@100mslive/react-sdk",
+          "path": "react",
           "kind": "require-call",
           "external": true
         },
@@ -10959,6 +11176,11 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "@100mslive/types-prebuilt/elements/chat",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "react",
           "kind": "require-call",
@@ -10974,6 +11196,11 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "react-draggable",
           "kind": "require-call",
@@ -11014,11 +11241,6 @@
           "kind": "require-call",
           "external": true
         },
-        {
-          "path": "react",
-          "kind": "require-call",
-          "external": true
-        },
         {
           "path": "react-use",
           "kind": "require-call",
@@ -11119,6 +11341,11 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "react-use",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "require-call",
@@ -11309,6 +11536,21 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "@100mslive/react-sdk",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "@100mslive/react-icons",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "react-use",
           "kind": "require-call",
@@ -11494,7 +11736,7 @@
       "entryPoint": "src/index.ts",
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 18481
+          "bytesInOutput": 18522
         },
         "src/Theme/base.config.ts": {
           "bytesInOutput": 6104
@@ -11608,7 +11850,7 @@
           "bytesInOutput": 129
         },
         "src/VideoTile/StyledVideoTile.tsx": {
-          "bytesInOutput": 3373
+          "bytesInOutput": 3399
         },
         "src/VideoTile/index.tsx": {
           "bytesInOutput": 146
@@ -11746,22 +11988,16 @@
           "bytesInOutput": 1062
         },
         "src/Prebuilt/common/constants.js": {
-          "bytesInOutput": 3781
+          "bytesInOutput": 3765
         },
         "src/Prebuilt/components/AppData/useSidepane.js": {
           "bytesInOutput": 1640
         },
         "src/Prebuilt/components/AppData/useUISettings.js": {
-          "bytesInOutput": 5272
+          "bytesInOutput": 5393
         },
         "src/Prebuilt/components/AppData/AppData.jsx": {
-          "bytesInOutput": 6533
-        },
-        "src/Prebuilt/services/FeatureFlags.jsx": {
-          "bytesInOutput": 1837
-        },
-        "src/Prebuilt/components/AudioLevel/BeamSpeakerLabelsLogging.jsx": {
-          "bytesInOutput": 706
+          "bytesInOutput": 6682
         },
         "src/Prebuilt/AppContext.tsx": {
           "bytesInOutput": 745
@@ -11770,13 +12006,16 @@
           "bytesInOutput": 9342
         },
         "src/Prebuilt/components/AuthToken.jsx": {
-          "bytesInOutput": 3894
+          "bytesInOutput": 3891
         },
         "src/Prebuilt/components/ErrorBoundary.jsx": {
           "bytesInOutput": 4158
         },
         "src/Prebuilt/components/FullPageProgress.jsx": {
-          "bytesInOutput": 858
+          "bytesInOutput": 875
+        },
+        "src/Prebuilt/services/FeatureFlags.jsx": {
+          "bytesInOutput": 1697
         },
         "src/Prebuilt/components/init/Init.jsx": {
           "bytesInOutput": 939
@@ -11788,13 +12027,13 @@
           "bytesInOutput": 1429
         },
         "src/Prebuilt/provider/roomLayoutProvider/hooks/useFetchRoomLayout.ts": {
-          "bytesInOutput": 2734
+          "bytesInOutput": 2740
         },
         "src/Prebuilt/provider/roomLayoutProvider/index.tsx": {
           "bytesInOutput": 1371
         },
         "src/Prebuilt/components/Toast/ToastConfig.jsx": {
-          "bytesInOutput": 7268
+          "bytesInOutput": 7448
         },
         "src/Prebuilt/components/Toast/ToastManager.js": {
           "bytesInOutput": 1356
@@ -11809,7 +12048,7 @@
           "bytesInOutput": 1771
         },
         "src/Prebuilt/common/utils.js": {
-          "bytesInOutput": 1232
+          "bytesInOutput": 1226
         },
         "src/Prebuilt/components/Notifications/PeerNotifications.jsx": {
           "bytesInOutput": 2278
@@ -11824,7 +12063,7 @@
           "bytesInOutput": 4937
         },
         "src/Prebuilt/components/Notifications/ReconnectNotifications.jsx": {
-          "bytesInOutput": 3192
+          "bytesInOutput": 2973
         },
         "src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.jsx": {
           "bytesInOutput": 2280
@@ -11835,14 +12074,26 @@
         "src/Prebuilt/components/Notifications/TrackUnmuteModal.jsx": {
           "bytesInOutput": 2266
         },
+        "src/Prebuilt/components/PIP/pipUtils.js": {
+          "bytesInOutput": 4391
+        },
+        "src/Prebuilt/components/PIP/PIPManager.js": {
+          "bytesInOutput": 10581
+        },
+        "src/Prebuilt/provider/roomLayoutProvider/hooks/useRoomLayoutScreen.ts": {
+          "bytesInOutput": 1498
+        },
+        "src/Prebuilt/components/hooks/useRedirectToLeave.tsx": {
+          "bytesInOutput": 1408
+        },
         "src/Prebuilt/components/Notifications/Notifications.jsx": {
-          "bytesInOutput": 6488
+          "bytesInOutput": 7143
         },
         "src/Prebuilt/components/Notifications/index.jsx": {
           "bytesInOutput": 173
         },
         "src/Prebuilt/components/Header/HeaderComponents.jsx": {
-          "bytesInOutput": 2339
+          "bytesInOutput": 2467
         },
         "src/Sheet/Sheet.tsx": {
           "bytesInOutput": 3505
@@ -11851,7 +12102,7 @@
           "bytesInOutput": 128
         },
         "src/Prebuilt/components/hooks/useMetadata.jsx": {
-          "bytesInOutput": 2361
+          "bytesInOutput": 2087
         },
         "src/Prebuilt/plugins/whiteboard/useWhiteboardMetadata.js": {
           "bytesInOutput": 2178
@@ -11865,14 +12116,14 @@
         "src/Prebuilt/components/Header/AdditionalRoomState.jsx": {
           "bytesInOutput": 9447
         },
-        "src/Prebuilt/components/Header/StreamActions.jsx": {
-          "bytesInOutput": 10698
+        "src/Prebuilt/components/Header/StreamActions.tsx": {
+          "bytesInOutput": 10846
         },
         "src/Prebuilt/IconButton.jsx": {
-          "bytesInOutput": 583
+          "bytesInOutput": 845
         },
         "src/Prebuilt/components/Header/common.jsx": {
-          "bytesInOutput": 6272
+          "bytesInOutput": 6367
         },
         "src/Prebuilt/components/Header/Header.tsx": {
           "bytesInOutput": 2119
@@ -11880,17 +12131,14 @@
         "src/Prebuilt/components/Header/index.tsx": {
           "bytesInOutput": 152
         },
-        "src/Prebuilt/provider/roomLayoutProvider/hooks/useRoomLayoutScreen.ts": {
-          "bytesInOutput": 1498
-        },
         "src/Prebuilt/components/PostLeave.jsx": {
           "bytesInOutput": 3484
         },
         "src/Prebuilt/components/IconButtonWithOptions/IconButtonWithOptions.jsx": {
-          "bytesInOutput": 3679
+          "bytesInOutput": 3797
         },
         "src/Prebuilt/components/AudioVideoToggle.jsx": {
-          "bytesInOutput": 6679
+          "bytesInOutput": 6745
         },
         "src/Prebuilt/components/Chip.jsx": {
           "bytesInOutput": 916
@@ -11898,11 +12146,11 @@
         "src/Prebuilt/components/Connection/connectionQualityUtils.js": {
           "bytesInOutput": 1059
         },
-        "src/Prebuilt/components/Connection/ConnectionIndicator.jsx": {
-          "bytesInOutput": 4409
+        "src/Prebuilt/components/Connection/ConnectionIndicator.tsx": {
+          "bytesInOutput": 4464
         },
-        "src/Prebuilt/components/Connection/TileConnection.jsx": {
-          "bytesInOutput": 2084
+        "src/Prebuilt/components/Connection/TileConnection.tsx": {
+          "bytesInOutput": 2097
         },
         "src/Prebuilt/primitives/DropdownTrigger.jsx": {
           "bytesInOutput": 1770
@@ -11929,28 +12177,28 @@
           "bytesInOutput": 10612
         },
         "src/Prebuilt/components/MoreSettings/ChangeNameContent.jsx": {
-          "bytesInOutput": 3977
+          "bytesInOutput": 4077
         },
         "src/Prebuilt/components/MoreSettings/ChangeNameModal.jsx": {
           "bytesInOutput": 2747
         },
         "src/Prebuilt/components/TileMenu/TileMenuContent.jsx": {
-          "bytesInOutput": 12307
+          "bytesInOutput": 12712
         },
         "src/Prebuilt/components/hooks/useDropdownList.jsx": {
           "bytesInOutput": 885
         },
         "src/Prebuilt/components/TileMenu/TileMenu.jsx": {
-          "bytesInOutput": 5360
+          "bytesInOutput": 5393
         },
         "src/Prebuilt/components/peerTileUtils.jsx": {
           "bytesInOutput": 1299
         },
         "src/Prebuilt/components/VideoTile.jsx": {
-          "bytesInOutput": 9542
+          "bytesInOutput": 9269
         },
         "src/Prebuilt/components/Preview/PreviewForm.tsx": {
-          "bytesInOutput": 3383
+          "bytesInOutput": 3256
         },
         "src/Prebuilt/components/MoreSettings/ActionTile.jsx": {
           "bytesInOutput": 1881
@@ -11959,13 +12207,13 @@
           "bytesInOutput": 2273
         },
         "src/Prebuilt/plugins/VirtualBackground/VirtualBackground.jsx": {
-          "bytesInOutput": 5077
+          "bytesInOutput": 5054
         },
-        "src/Prebuilt/components/Preview/PreviewJoin.jsx": {
-          "bytesInOutput": 10806
+        "src/Prebuilt/components/Preview/PreviewJoin.tsx": {
+          "bytesInOutput": 11030
         },
-        "src/Prebuilt/components/Preview/PreviewContainer.jsx": {
-          "bytesInOutput": 2394
+        "src/Prebuilt/components/Preview/PreviewContainer.tsx": {
+          "bytesInOutput": 2515
         },
         "src/Prebuilt/components/Toast/Toast.jsx": {
           "bytesInOutput": 773
@@ -11974,43 +12222,43 @@
           "bytesInOutput": 1404
         },
         "src/Prebuilt/plugins/FlyingEmoji.jsx": {
-          "bytesInOutput": 4182
+          "bytesInOutput": 4317
         },
         "src/Prebuilt/plugins/RemoteStopScreenshare.jsx": {
           "bytesInOutput": 818
         },
+        "src/Prebuilt/common/hooks.js": {
+          "bytesInOutput": 2575
+        },
+        "src/Prebuilt/components/hooks/useAutoStartStreaming.tsx": {
+          "bytesInOutput": 2080
+        },
         "src/Prebuilt/components/Footer/EmojiCard.jsx": {
           "bytesInOutput": 1315
         },
         "src/Prebuilt/components/EmojiReaction.jsx": {
-          "bytesInOutput": 3032
-        },
-        "src/Prebuilt/components/PIP/pipUtils.js": {
-          "bytesInOutput": 4391
-        },
-        "src/Prebuilt/components/PIP/PIPManager.js": {
-          "bytesInOutput": 10581
+          "bytesInOutput": 2931
         },
         "src/Prebuilt/components/Leave/EndSessionContent.tsx": {
-          "bytesInOutput": 2572
+          "bytesInOutput": 2547
         },
         "src/Prebuilt/components/Leave/LeaveAtoms.tsx": {
           "bytesInOutput": 766
         },
         "src/Prebuilt/components/Leave/LeaveCard.tsx": {
-          "bytesInOutput": 987
+          "bytesInOutput": 958
         },
         "src/Prebuilt/components/Leave/LeaveSessionContent.tsx": {
-          "bytesInOutput": 2187
+          "bytesInOutput": 2305
         },
         "src/Prebuilt/components/Leave/DesktopLeaveRoom.tsx": {
-          "bytesInOutput": 6744
+          "bytesInOutput": 7169
         },
         "src/Prebuilt/components/Leave/MwebLeaveRoom.tsx": {
-          "bytesInOutput": 5322
+          "bytesInOutput": 5450
         },
         "src/Prebuilt/components/Leave/LeaveRoom.tsx": {
-          "bytesInOutput": 2546
+          "bytesInOutput": 2523
         },
         "src/Prebuilt/components/PIP/SetupMediaSession.js": {
           "bytesInOutput": 2932
@@ -12021,9 +12269,6 @@
         "src/Prebuilt/components/PIP/index.jsx": {
           "bytesInOutput": 369
         },
-        "src/Prebuilt/common/hooks.js": {
-          "bytesInOutput": 2575
-        },
         "src/Prebuilt/components/RoleChangeModal.jsx": {
           "bytesInOutput": 7598
         },
@@ -12037,7 +12282,7 @@
           "bytesInOutput": 12511
         },
         "src/Prebuilt/components/Settings/StartRecording.jsx": {
-          "bytesInOutput": 5163
+          "bytesInOutput": 5184
         },
         "src/Prebuilt/components/StatsForNerds.jsx": {
           "bytesInOutput": 11523
@@ -12058,13 +12303,13 @@
           "bytesInOutput": 2873
         },
         "src/Prebuilt/components/MoreSettings/SplitComponents/DesktopOptions.tsx": {
-          "bytesInOutput": 9068
+          "bytesInOutput": 8198
         },
-        "src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.jsx": {
-          "bytesInOutput": 9956
+        "src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx": {
+          "bytesInOutput": 11425
         },
         "src/Prebuilt/components/MoreSettings/MoreSettings.tsx": {
-          "bytesInOutput": 745
+          "bytesInOutput": 733
         },
         "src/Prebuilt/components/RaiseHand.jsx": {
           "bytesInOutput": 1167
@@ -12099,71 +12344,71 @@
         "src/Prebuilt/components/ScreenShareToggle.jsx": {
           "bytesInOutput": 2035
         },
-        "src/Prebuilt/components/Footer/ChatToggle.jsx": {
+        "src/Prebuilt/components/Footer/ChatToggle.tsx": {
           "bytesInOutput": 1304
         },
-        "src/Prebuilt/components/Chat/ChatParticipantHeader.jsx": {
-          "bytesInOutput": 3115
+        "src/Prebuilt/components/Footer/RoleOptions.tsx": {
+          "bytesInOutput": 6833
         },
-        "src/Prebuilt/components/Footer/RoleAccordion.jsx": {
-          "bytesInOutput": 3060
+        "src/Prebuilt/components/Footer/RoleAccordion.tsx": {
+          "bytesInOutput": 3518
         },
         "src/Prebuilt/components/Footer/ParticipantList.jsx": {
-          "bytesInOutput": 14678
+          "bytesInOutput": 13320
         },
         "src/Prebuilt/components/Footer/Footer.tsx": {
-          "bytesInOutput": 3040
+          "bytesInOutput": 4375
         },
         "src/Prebuilt/components/Notifications/HLSFailureModal.jsx": {
           "bytesInOutput": 2795
         },
+        "src/Prebuilt/components/hooks/useVideoTileLayout.ts": {
+          "bytesInOutput": 706
+        },
         "src/Prebuilt/components/InsetTile.tsx": {
-          "bytesInOutput": 4710
+          "bytesInOutput": 5117
         },
         "src/Prebuilt/components/Pagination.tsx": {
-          "bytesInOutput": 2095
-        },
-        "src/Prebuilt/components/hooks/useVideoTileLayout.ts": {
-          "bytesInOutput": 638
+          "bytesInOutput": 2118
         },
         "src/Prebuilt/components/VideoLayouts/Grid.tsx": {
-          "bytesInOutput": 1499
+          "bytesInOutput": 1620
         },
         "src/Prebuilt/components/hooks/useTileLayout.tsx": {
-          "bytesInOutput": 4261
+          "bytesInOutput": 4481
         },
         "src/Prebuilt/components/VideoLayouts/EqualProminence.tsx": {
-          "bytesInOutput": 2365
+          "bytesInOutput": 2420
         },
         "src/Prebuilt/components/VideoLayouts/ProminenceLayout.tsx": {
-          "bytesInOutput": 2178
+          "bytesInOutput": 2590
         },
         "src/Prebuilt/components/SecondaryTiles.tsx": {
-          "bytesInOutput": 1441
+          "bytesInOutput": 1480
         },
         "src/Prebuilt/components/hooks/useRoleProminencePeers.tsx": {
-          "bytesInOutput": 1263
+          "bytesInOutput": 1302
         },
         "src/Prebuilt/components/VideoLayouts/RoleProminence.tsx": {
-          "bytesInOutput": 2128
+          "bytesInOutput": 2169
         },
         "src/Prebuilt/components/ScreenshareDisplay.jsx": {
           "bytesInOutput": 1707
         },
         "src/Prebuilt/components/ScreenshareTile.jsx": {
-          "bytesInOutput": 4585
+          "bytesInOutput": 4551
         },
         "src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx": {
-          "bytesInOutput": 1863
+          "bytesInOutput": 2453
         },
         "src/Prebuilt/common/PeersSorter.ts": {
-          "bytesInOutput": 3205
+          "bytesInOutput": 3228
         },
         "src/Prebuilt/components/VideoLayouts/GridLayout.tsx": {
-          "bytesInOutput": 3323
+          "bytesInOutput": 3980
         },
         "src/Prebuilt/layouts/EmbedView.jsx": {
-          "bytesInOutput": 4705
+          "bytesInOutput": 3948
         },
         "src/Prebuilt/layouts/PDFView.jsx": {
           "bytesInOutput": 3901
@@ -12175,22 +12420,25 @@
           "bytesInOutput": 1519
         },
         "src/Prebuilt/components/Chat/ChatBody.jsx": {
-          "bytesInOutput": 15778
+          "bytesInOutput": 15309
         },
         "src/Prebuilt/components/AppData/useChatState.js": {
           "bytesInOutput": 914
         },
         "src/Prebuilt/components/Chat/useEmojiPickerStyles.js": {
-          "bytesInOutput": 1383
+          "bytesInOutput": 1414
         },
-        "src/Prebuilt/components/Chat/ChatFooter.jsx": {
-          "bytesInOutput": 6193
+        "src/Prebuilt/components/Chat/ChatFooter.tsx": {
+          "bytesInOutput": 6792
         },
         "src/Prebuilt/components/Chat/useUnreadCount.js": {
           "bytesInOutput": 637
         },
         "src/Prebuilt/components/Chat/Chat.jsx": {
-          "bytesInOutput": 7565
+          "bytesInOutput": 8300
+        },
+        "src/Prebuilt/components/SidePaneTabs.tsx": {
+          "bytesInOutput": 5074
         },
         "src/Prebuilt/images/rtmp.png": {
           "bytesInOutput": 7396
@@ -12202,7 +12450,7 @@
           "bytesInOutput": 3687
         },
         "src/Prebuilt/layouts/SidePane.tsx": {
-          "bytesInOutput": 3521
+          "bytesInOutput": 4143
         },
         "src/Prebuilt/layouts/WaitingView.jsx": {
           "bytesInOutput": 1943
@@ -12211,10 +12459,10 @@
           "bytesInOutput": 4195
         },
         "src/Prebuilt/components/HMSVideo/Controls.jsx": {
-          "bytesInOutput": 628
+          "bytesInOutput": 656
         },
         "src/Prebuilt/components/HMSVideo/HMSVideo.jsx": {
-          "bytesInOutput": 642
+          "bytesInOutput": 757
         },
         "src/Prebuilt/components/HMSVideo/PlayButton.jsx": {
           "bytesInOutput": 860
@@ -12223,7 +12471,7 @@
           "bytesInOutput": 846
         },
         "src/Prebuilt/components/HMSVideo/VideoProgress.jsx": {
-          "bytesInOutput": 3227
+          "bytesInOutput": 3186
         },
         "src/Prebuilt/components/HMSVideo/VideoTime.jsx": {
           "bytesInOutput": 1275
@@ -12241,22 +12489,22 @@
           "bytesInOutput": 1233
         },
         "src/Prebuilt/components/HMSVideo/HLSQualitySelector.jsx": {
-          "bytesInOutput": 4075
+          "bytesInOutput": 4598
         },
         "src/Prebuilt/layouts/HLSView.jsx": {
-          "bytesInOutput": 13951
+          "bytesInOutput": 17356
         },
         "src/Prebuilt/layouts/VideoStreamingSection.tsx": {
-          "bytesInOutput": 3945
+          "bytesInOutput": 3048
         },
-        "src/Prebuilt/components/RoleChangeRequestModal.jsx": {
-          "bytesInOutput": 4445
+        "src/Prebuilt/components/RoleChangeRequestModal.tsx": {
+          "bytesInOutput": 4797
         },
         "src/Prebuilt/components/conference.jsx": {
-          "bytesInOutput": 7557
+          "bytesInOutput": 7909
         },
         "src/Prebuilt/App.tsx": {
-          "bytesInOutput": 13592
+          "bytesInOutput": 13029
         },
         "src/Prebuilt/index.ts": {
           "bytesInOutput": 131
@@ -12268,7 +12516,7 @@
           "bytesInOutput": 2758
         }
       },
-      "bytes": 821059
+      "bytes": 842968
     }
   }
 }