@100mslive/roomkit-react 0.2.8-alpha.1 → 0.2.8-alpha.10

package/dist/meta.esbuild.json

@@ -242,7 +242,7 @@
       "format": "esm"
     },
     "src/Button/Button.tsx": {
-      "bytes": 4742,
+      "bytes": 4738,
       "imports": [
         {
           "path": "react",
@@ -1625,7 +1625,7 @@
       "format": "esm"
     },
     "src/Fieldset/Fieldset.tsx": {
-      "bytes": 256,
+      "bytes": 255,
       "imports": [
         {
           "path": "src/Theme/index.tsx",
@@ -2122,7 +2122,7 @@
       "format": "esm"
     },
     "src/Prebuilt/provider/roomLayoutProvider/index.tsx": {
-      "bytes": 1857,
+      "bytes": 1865,
       "imports": [
         {
           "path": "react",
@@ -2205,13 +2205,18 @@
       "format": "esm"
     },
     "src/Prebuilt/components/AppData/useSidepane.js": {
-      "bytes": 2509,
+      "bytes": 3164,
       "imports": [
         {
           "path": "react",
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "ts-pattern",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "import-statement",
@@ -2327,7 +2332,7 @@
       "imports": []
     },
     "src/Prebuilt/components/AuthToken.jsx": {
-      "bytes": 4368,
+      "bytes": 4386,
       "imports": [
         {
           "path": "react",
@@ -2393,7 +2398,7 @@
       "format": "esm"
     },
     "src/Prebuilt/IconButton.tsx": {
-      "bytes": 646,
+      "bytes": 645,
       "imports": [
         {
           "path": "src/IconButton/index.tsx",
@@ -2414,7 +2419,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/IconButtonWithOptions/IconButtonWithOptions.tsx": {
-      "bytes": 3437,
+      "bytes": 3436,
       "imports": [
         {
           "path": "react",
@@ -2465,7 +2470,7 @@
       "format": "esm"
     },
     "src/Sheet/Sheet.tsx": {
-      "bytes": 3140,
+      "bytes": 3257,
       "imports": [
         {
           "path": "react",
@@ -2961,8 +2966,59 @@
       ],
       "format": "esm"
     },
+    "src/Prebuilt/common/hooks.ts": {
+      "bytes": 4502,
+      "imports": [
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "react-use",
+          "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/Theme/index.tsx",
+          "kind": "import-statement",
+          "original": "../../Theme"
+        },
+        {
+          "path": "src/Prebuilt/provider/roomLayoutProvider/index.tsx",
+          "kind": "import-statement",
+          "original": "../provider/roomLayoutProvider"
+        },
+        {
+          "path": "src/Prebuilt/provider/roomLayoutProvider/hooks/useRoomLayoutScreen.ts",
+          "kind": "import-statement",
+          "original": "../provider/roomLayoutProvider/hooks/useRoomLayoutScreen"
+        },
+        {
+          "path": "src/Prebuilt/common/constants.ts",
+          "kind": "import-statement",
+          "original": "./constants"
+        },
+        {
+          "path": "<define:process.env>",
+          "kind": "import-statement",
+          "external": true
+        }
+      ],
+      "format": "esm"
+    },
     "src/Prebuilt/components/EmojiReaction.jsx": {
-      "bytes": 2758,
+      "bytes": 3143,
       "imports": [
         {
           "path": "react",
@@ -3029,6 +3085,11 @@
           "kind": "import-statement",
           "original": "./hooks/useDropdownList"
         },
+        {
+          "path": "src/Prebuilt/common/hooks.ts",
+          "kind": "import-statement",
+          "original": "../common/hooks"
+        },
         {
           "path": "src/Prebuilt/common/constants.ts",
           "kind": "import-statement",
@@ -3187,7 +3248,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Leave/DesktopLeaveRoom.tsx": {
-      "bytes": 6141,
+      "bytes": 6358,
       "imports": [
         {
           "path": "react",
@@ -3268,7 +3329,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Leave/MwebLeaveRoom.tsx": {
-      "bytes": 4657,
+      "bytes": 5205,
       "imports": [
         {
           "path": "react",
@@ -3276,19 +3337,19 @@
           "external": true
         },
         {
-          "path": "@100mslive/types-prebuilt",
+          "path": "@100mslive/react-sdk",
           "kind": "import-statement",
           "external": true
         },
         {
-          "path": "@100mslive/react-sdk",
+          "path": "@100mslive/react-icons",
           "kind": "import-statement",
           "external": true
         },
         {
-          "path": "@100mslive/react-icons",
+          "path": "src/IconButton/index.tsx",
           "kind": "import-statement",
-          "external": true
+          "original": "../../../IconButton"
         },
         {
           "path": "src/Layout/index.tsx",
@@ -3325,11 +3386,21 @@
           "kind": "import-statement",
           "original": "./LeaveSessionContent"
         },
+        {
+          "path": "src/Prebuilt/provider/roomLayoutProvider/hooks/useRoomLayoutScreen.ts",
+          "kind": "import-statement",
+          "original": "../../provider/roomLayoutProvider/hooks/useRoomLayoutScreen"
+        },
         {
           "path": "src/Prebuilt/components/hooks/useDropdownList.ts",
           "kind": "import-statement",
           "original": "../hooks/useDropdownList"
         },
+        {
+          "path": "src/Prebuilt/common/hooks.ts",
+          "kind": "import-statement",
+          "original": "../../common/hooks"
+        },
         {
           "path": "<define:process.env>",
           "kind": "import-statement",
@@ -3344,7 +3415,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Leave/LeaveRoom.tsx": {
-      "bytes": 2365,
+      "bytes": 2733,
       "imports": [
         {
           "path": "react",
@@ -3386,6 +3457,11 @@
           "kind": "import-statement",
           "original": "./MwebLeaveRoom"
         },
+        {
+          "path": "src/Prebuilt/common/hooks.ts",
+          "kind": "import-statement",
+          "original": "../../common/hooks"
+        },
         {
           "path": "<define:process.env>",
           "kind": "import-statement",
@@ -3534,47 +3610,6 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/common/hooks.ts": {
-      "bytes": 3796,
-      "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/provider/roomLayoutProvider/hooks/useRoomLayoutScreen.ts",
-          "kind": "import-statement",
-          "original": "../provider/roomLayoutProvider/hooks/useRoomLayoutScreen"
-        },
-        {
-          "path": "src/Prebuilt/common/constants.ts",
-          "kind": "import-statement",
-          "original": "./constants"
-        },
-        {
-          "path": "<define:process.env>",
-          "kind": "import-statement",
-          "external": true
-        }
-      ],
-      "format": "esm"
-    },
     "src/Prebuilt/components/RoleChangeModal.jsx": {
       "bytes": 6492,
       "imports": [
@@ -3662,7 +3697,7 @@
       "format": "esm"
     },
     "src/Prebuilt/primitives/DialogContent.jsx": {
-      "bytes": 8438,
+      "bytes": 8437,
       "imports": [
         {
           "path": "react",
@@ -3840,13 +3875,18 @@
       "format": "esm"
     },
     "src/Prebuilt/components/StatsForNerds.jsx": {
-      "bytes": 8930,
+      "bytes": 9165,
       "imports": [
         {
           "path": "react",
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "ts-pattern",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "import-statement",
@@ -4178,7 +4218,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/MoreSettings/SplitComponents/DesktopOptions.tsx": {
-      "bytes": 7854,
+      "bytes": 8195,
       "imports": [
         {
           "path": "react",
@@ -4195,6 +4235,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "ts-pattern",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "import-statement",
@@ -4636,7 +4681,7 @@
       "format": "cjs"
     },
     "../hms-video-store/dist/index.js": {
-      "bytes": 326043,
+      "bytes": 326164,
       "imports": [
         {
           "path": "../../node_modules/reselect/es/index.js",
@@ -4875,7 +4920,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Header/StreamActions.tsx": {
-      "bytes": 9380,
+      "bytes": 9392,
       "imports": [
         {
           "path": "react",
@@ -5146,7 +5191,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx": {
-      "bytes": 12503,
+      "bytes": 13053,
       "imports": [
         {
           "path": "react",
@@ -5163,6 +5208,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "ts-pattern",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "import-statement",
@@ -5258,6 +5308,11 @@
           "kind": "import-statement",
           "original": "../../hooks/useUnreadPollQuizPresent"
         },
+        {
+          "path": "src/Prebuilt/common/hooks.ts",
+          "kind": "import-statement",
+          "original": "../../../common/hooks"
+        },
         {
           "path": "src/Prebuilt/common/utils.js",
           "kind": "import-statement",
@@ -5282,7 +5337,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/MoreSettings/MoreSettings.tsx": {
-      "bytes": 854,
+      "bytes": 994,
       "imports": [
         {
           "path": "react",
@@ -5314,6 +5369,11 @@
           "kind": "import-statement",
           "original": "../../.."
         },
+        {
+          "path": "src/Prebuilt/common/hooks.ts",
+          "kind": "import-statement",
+          "original": "../../common/hooks"
+        },
         {
           "path": "<define:process.env>",
           "kind": "import-statement",
@@ -5322,8 +5382,8 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/components/RaiseHand.jsx": {
-      "bytes": 595,
+    "src/Prebuilt/components/RaiseHand.tsx": {
+      "bytes": 798,
       "imports": [
         {
           "path": "react",
@@ -5335,6 +5395,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "../../Theme",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "src/Tooltip/index.ts",
           "kind": "import-statement",
@@ -5481,7 +5546,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/pdfAnnotator/uploadedFile.jsx": {
-      "bytes": 2244,
+      "bytes": 2243,
       "imports": [
         {
           "path": "react",
@@ -5568,7 +5633,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/pdfAnnotator/shareScreenOptions.jsx": {
-      "bytes": 6568,
+      "bytes": 6566,
       "imports": [
         {
           "path": "react",
@@ -5870,7 +5935,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Footer/RoleOptions.tsx": {
-      "bytes": 6635,
+      "bytes": 7053,
       "imports": [
         {
           "path": "react",
@@ -5882,6 +5947,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "ts-pattern",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "import-statement",
@@ -6175,7 +6245,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Footer/Footer.tsx": {
-      "bytes": 3998,
+      "bytes": 3967,
       "imports": [
         {
           "path": "react",
@@ -6228,7 +6298,7 @@
           "original": "../MoreSettings/MoreSettings"
         },
         {
-          "path": "src/Prebuilt/components/RaiseHand.jsx",
+          "path": "src/Prebuilt/components/RaiseHand.tsx",
           "kind": "import-statement",
           "original": "../RaiseHand"
         },
@@ -6347,7 +6417,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Streaming/Common.jsx": {
-      "bytes": 3948,
+      "bytes": 3964,
       "imports": [
         {
           "path": "react",
@@ -6553,7 +6623,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Polls/common/OptionInputWithDelete.tsx": {
-      "bytes": 1030,
+      "bytes": 1029,
       "imports": [
         {
           "path": "react",
@@ -6901,7 +6971,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Polls/common/utils.ts": {
-      "bytes": 632,
+      "bytes": 633,
       "imports": [
         {
           "path": "<define:process.env>",
@@ -7122,13 +7192,18 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Polls/Voting/QuestionCard.jsx": {
-      "bytes": 6844,
+      "bytes": 7263,
       "imports": [
         {
           "path": "react",
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "ts-pattern",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "import-statement",
@@ -7240,7 +7315,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Polls/Voting/Voting.tsx": {
-      "bytes": 3300,
+      "bytes": 3334,
       "imports": [
         {
           "path": "react",
@@ -7351,6 +7426,47 @@
       ],
       "format": "esm"
     },
+    "src/Prebuilt/components/Header/HeaderComponents.jsx": {
+      "bytes": 1583,
+      "imports": [
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "@100mslive/react-sdk",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "@100mslive/react-icons",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "src/index.ts",
+          "kind": "import-statement",
+          "original": "../../../"
+        },
+        {
+          "path": "src/Prebuilt/provider/roomLayoutProvider/index.tsx",
+          "kind": "import-statement",
+          "original": "../../provider/roomLayoutProvider"
+        },
+        {
+          "path": "<define:process.env>",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "<runtime>",
+          "kind": "import-statement",
+          "external": true
+        }
+      ],
+      "format": "esm"
+    },
     "src/Prebuilt/components/RoomDetails/Duration.tsx": {
       "bytes": 784,
       "imports": [
@@ -7414,7 +7530,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/RoomDetails/RoomDetailsPane.tsx": {
-      "bytes": 1300,
+      "bytes": 2042,
       "imports": [
         {
           "path": "react",
@@ -7436,6 +7552,11 @@
           "kind": "import-statement",
           "original": "../../../Text"
         },
+        {
+          "path": "src/Prebuilt/components/Header/HeaderComponents.jsx",
+          "kind": "import-statement",
+          "original": "../Header/HeaderComponents"
+        },
         {
           "path": "src/Prebuilt/components/RoomDetails/RoomDetailsRow.tsx",
           "kind": "import-statement",
@@ -7451,6 +7572,11 @@
           "kind": "import-statement",
           "original": "../AppData/useSidepane"
         },
+        {
+          "path": "src/Prebuilt/common/hooks.ts",
+          "kind": "import-statement",
+          "original": "../../common/hooks"
+        },
         {
           "path": "src/Prebuilt/common/constants.ts",
           "kind": "import-statement",
@@ -7465,7 +7591,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Chat/MwebChatOption.tsx": {
-      "bytes": 545,
+      "bytes": 557,
       "imports": [
         {
           "path": "react",
@@ -8020,7 +8146,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Chat/ChatFooter.tsx": {
-      "bytes": 9288,
+      "bytes": 10438,
       "imports": [
         {
           "path": "react",
@@ -8062,6 +8188,16 @@
           "kind": "import-statement",
           "original": "../../../IconButton"
         },
+        {
+          "path": "src/Prebuilt/components/MoreSettings/MoreSettings.tsx",
+          "kind": "import-statement",
+          "original": "../MoreSettings/MoreSettings"
+        },
+        {
+          "path": "src/Prebuilt/components/RaiseHand.tsx",
+          "kind": "import-statement",
+          "original": "../RaiseHand"
+        },
         {
           "path": "src/Prebuilt/components/Toast/ToastManager.js",
           "kind": "import-statement",
@@ -8310,7 +8446,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Chat/Chat.tsx": {
-      "bytes": 3578,
+      "bytes": 4814,
       "imports": [
         {
           "path": "react",
@@ -8332,6 +8468,11 @@
           "kind": "import-statement",
           "original": "@100mslive/hms-video-store"
         },
+        {
+          "path": "ts-pattern",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "import-statement",
@@ -8357,6 +8498,11 @@
           "kind": "import-statement",
           "original": "../../../Theme"
         },
+        {
+          "path": "src/Prebuilt/components/EmojiReaction.jsx",
+          "kind": "import-statement",
+          "original": "../EmojiReaction"
+        },
         {
           "path": "src/Prebuilt/components/Chat/ChatBody.tsx",
           "kind": "import-statement",
@@ -8382,6 +8528,11 @@
           "kind": "import-statement",
           "original": "../../provider/roomLayoutProvider/hooks/useRoomLayoutScreen"
         },
+        {
+          "path": "src/Prebuilt/common/hooks.ts",
+          "kind": "import-statement",
+          "original": "../../common/hooks"
+        },
         {
           "path": "src/Prebuilt/common/constants.ts",
           "kind": "import-statement",
@@ -8391,6 +8542,11 @@
           "path": "<define:process.env>",
           "kind": "import-statement",
           "external": true
+        },
+        {
+          "path": "<runtime>",
+          "kind": "import-statement",
+          "external": true
         }
       ],
       "format": "esm"
@@ -8528,7 +8684,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/SidePaneTabs.tsx": {
-      "bytes": 7873,
+      "bytes": 8205,
       "imports": [
         {
           "path": "react",
@@ -8545,6 +8701,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "ts-pattern",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "import-statement",
@@ -8609,11 +8770,6 @@
           "path": "<define:process.env>",
           "kind": "import-statement",
           "external": true
-        },
-        {
-          "path": "<runtime>",
-          "kind": "import-statement",
-          "external": true
         }
       ],
       "format": "esm"
@@ -8676,7 +8832,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/TileMenu/TileMenuContent.tsx": {
-      "bytes": 11503,
+      "bytes": 11533,
       "imports": [
         {
           "path": "react",
@@ -9150,7 +9306,7 @@
       "format": "esm"
     },
     "src/Prebuilt/layouts/SidePane.tsx": {
-      "bytes": 5145,
+      "bytes": 6417,
       "imports": [
         {
           "path": "react",
@@ -9162,6 +9318,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "ts-pattern",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "import-statement",
@@ -9227,6 +9388,11 @@
           "kind": "import-statement",
           "original": "../provider/roomLayoutProvider/hooks/useRoomLayoutScreen"
         },
+        {
+          "path": "src/Prebuilt/common/hooks.ts",
+          "kind": "import-statement",
+          "original": "../common/hooks"
+        },
         {
           "path": "src/utils/index.ts",
           "kind": "import-statement",
@@ -9322,47 +9488,6 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/components/Header/HeaderComponents.jsx": {
-      "bytes": 1583,
-      "imports": [
-        {
-          "path": "react",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "@100mslive/react-sdk",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "@100mslive/react-icons",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "src/index.ts",
-          "kind": "import-statement",
-          "original": "../../../"
-        },
-        {
-          "path": "src/Prebuilt/provider/roomLayoutProvider/index.tsx",
-          "kind": "import-statement",
-          "original": "../../provider/roomLayoutProvider"
-        },
-        {
-          "path": "<define:process.env>",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "<runtime>",
-          "kind": "import-statement",
-          "external": true
-        }
-      ],
-      "format": "esm"
-    },
     "src/Prebuilt/components/Preview/PreviewForm.tsx": {
       "bytes": 2843,
       "imports": [
@@ -10705,12 +10830,12 @@
       "format": "esm"
     },
     "src/Prebuilt/components/HMSVideo/Controls.jsx": {
-      "bytes": 463,
+      "bytes": 462,
       "imports": [
         {
           "path": "src/index.ts",
           "kind": "import-statement",
-          "original": "../../../"
+          "original": "../../.."
         },
         {
           "path": "<define:process.env>",
@@ -10721,7 +10846,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/HMSVideo/HMSVideo.jsx": {
-      "bytes": 1039,
+      "bytes": 1301,
       "imports": [
         {
           "path": "react",
@@ -10729,9 +10854,9 @@
           "external": true
         },
         {
-          "path": "src/index.ts",
+          "path": "src/Layout/index.tsx",
           "kind": "import-statement",
-          "original": "../../../"
+          "original": "../../../Layout"
         },
         {
           "path": "<define:process.env>",
@@ -10746,8 +10871,29 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/components/HMSVideo/PlayButton.jsx": {
-      "bytes": 471,
+    "src/Prebuilt/components/HMSVideo/PlayerContext.tsx": {
+      "bytes": 371,
+      "imports": [
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "@100mslive/hls-player",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "<define:process.env>",
+          "kind": "import-statement",
+          "external": true
+        }
+      ],
+      "format": "esm"
+    },
+    "src/Prebuilt/components/HMSVideo/PlayPauseButton.tsx": {
+      "bytes": 836,
       "imports": [
         {
           "path": "react",
@@ -10762,7 +10908,38 @@
         {
           "path": "src/index.ts",
           "kind": "import-statement",
-          "original": "../../../"
+          "original": "../../.."
+        },
+        {
+          "path": "src/Prebuilt/components/HMSVideo/PlayerContext.tsx",
+          "kind": "import-statement",
+          "original": "./PlayerContext"
+        },
+        {
+          "path": "<define:process.env>",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "<runtime>",
+          "kind": "import-statement",
+          "external": true
+        }
+      ],
+      "format": "esm"
+    },
+    "src/Prebuilt/components/HMSVideo/SeekControls.tsx": {
+      "bytes": 490,
+      "imports": [
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "src/index.ts",
+          "kind": "import-statement",
+          "original": "../../.."
         },
         {
           "path": "<define:process.env>",
@@ -10772,8 +10949,8 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/components/HMSVideo/HMSVIdeoUtils.js": {
-      "bytes": 936,
+    "src/Prebuilt/components/HMSVideo/utils.ts": {
+      "bytes": 977,
       "imports": [
         {
           "path": "<define:process.env>",
@@ -10783,8 +10960,8 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/components/HMSVideo/VideoProgress.jsx": {
-      "bytes": 2352,
+    "src/Prebuilt/components/HMSVideo/VideoProgress.tsx": {
+      "bytes": 2926,
       "imports": [
         {
           "path": "react",
@@ -10794,12 +10971,17 @@
         {
           "path": "src/index.ts",
           "kind": "import-statement",
-          "original": "../../../"
+          "original": "../../.."
+        },
+        {
+          "path": "src/Prebuilt/components/HMSVideo/PlayerContext.tsx",
+          "kind": "import-statement",
+          "original": "./PlayerContext"
         },
         {
-          "path": "src/Prebuilt/components/HMSVideo/HMSVIdeoUtils.js",
+          "path": "src/Prebuilt/components/HMSVideo/utils.ts",
           "kind": "import-statement",
-          "original": "./HMSVIdeoUtils"
+          "original": "./utils"
         },
         {
           "path": "<define:process.env>",
@@ -10809,8 +10991,8 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/components/HMSVideo/VideoTime.jsx": {
-      "bytes": 905,
+    "src/Prebuilt/components/HMSVideo/VideoTime.tsx": {
+      "bytes": 1309,
       "imports": [
         {
           "path": "react",
@@ -10823,14 +11005,19 @@
           "external": true
         },
         {
-          "path": "src/index.ts",
+          "path": "src/Text/index.tsx",
           "kind": "import-statement",
-          "original": "../../../"
+          "original": "../../../Text"
         },
         {
-          "path": "src/Prebuilt/components/HMSVideo/HMSVIdeoUtils.js",
+          "path": "src/Prebuilt/components/HMSVideo/PlayerContext.tsx",
           "kind": "import-statement",
-          "original": "./HMSVIdeoUtils"
+          "original": "./PlayerContext"
+        },
+        {
+          "path": "src/Prebuilt/components/HMSVideo/utils.ts",
+          "kind": "import-statement",
+          "original": "./utils"
         },
         {
           "path": "<define:process.env>",
@@ -10840,8 +11027,8 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/components/HMSVideo/VolumeControl.jsx": {
-      "bytes": 1893,
+    "src/Prebuilt/components/HMSVideo/VolumeControl.tsx": {
+      "bytes": 2023,
       "imports": [
         {
           "path": "react",
@@ -10856,7 +11043,12 @@
         {
           "path": "src/index.ts",
           "kind": "import-statement",
-          "original": "../../../"
+          "original": "../../.."
+        },
+        {
+          "path": "src/Prebuilt/components/HMSVideo/PlayerContext.tsx",
+          "kind": "import-statement",
+          "original": "./PlayerContext"
         },
         {
           "path": "<define:process.env>",
@@ -10866,8 +11058,8 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/components/HMSVideo/index.js": {
-      "bytes": 543,
+    "src/Prebuilt/components/HMSVideo/index.ts": {
+      "bytes": 662,
       "imports": [
         {
           "path": "src/Prebuilt/components/HMSVideo/Controls.jsx",
@@ -10880,22 +11072,27 @@
           "original": "./HMSVideo"
         },
         {
-          "path": "src/Prebuilt/components/HMSVideo/PlayButton.jsx",
+          "path": "src/Prebuilt/components/HMSVideo/PlayPauseButton.tsx",
           "kind": "import-statement",
-          "original": "./PlayButton"
+          "original": "./PlayPauseButton"
         },
         {
-          "path": "src/Prebuilt/components/HMSVideo/VideoProgress.jsx",
+          "path": "src/Prebuilt/components/HMSVideo/SeekControls.tsx",
+          "kind": "import-statement",
+          "original": "./SeekControls"
+        },
+        {
+          "path": "src/Prebuilt/components/HMSVideo/VideoProgress.tsx",
           "kind": "import-statement",
           "original": "./VideoProgress"
         },
         {
-          "path": "src/Prebuilt/components/HMSVideo/VideoTime.jsx",
+          "path": "src/Prebuilt/components/HMSVideo/VideoTime.tsx",
           "kind": "import-statement",
           "original": "./VideoTime"
         },
         {
-          "path": "src/Prebuilt/components/HMSVideo/VolumeControl.jsx",
+          "path": "src/Prebuilt/components/HMSVideo/VolumeControl.tsx",
           "kind": "import-statement",
           "original": "./VolumeControl"
         },
@@ -10907,18 +11104,23 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/components/HMSVideo/FullscreenButton.jsx": {
-      "bytes": 493,
+    "src/Prebuilt/components/HMSVideo/FullscreenButton.tsx": {
+      "bytes": 576,
       "imports": [
         {
           "path": "react",
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "@100mslive/react-icons",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "src/index.ts",
           "kind": "import-statement",
-          "original": "../../../"
+          "original": "../../.."
         },
         {
           "path": "<define:process.env>",
@@ -10928,34 +11130,54 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/components/HMSVideo/HLSAutoplayBlockedPrompt.jsx": {
-      "bytes": 942,
+    "src/Prebuilt/components/HMSVideo/HLSAutoplayBlockedPrompt.tsx": {
+      "bytes": 1851,
       "imports": [
         {
           "path": "react",
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "react-use",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "@100mslive/react-icons",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "src/index.ts",
           "kind": "import-statement",
-          "original": "../../../"
+          "original": "../../.."
         },
         {
           "path": "src/Prebuilt/primitives/DialogContent.jsx",
           "kind": "import-statement",
           "original": "../../primitives/DialogContent"
         },
+        {
+          "path": "src/Prebuilt/common/hooks.ts",
+          "kind": "import-statement",
+          "original": "../../common/hooks"
+        },
         {
           "path": "<define:process.env>",
           "kind": "import-statement",
           "external": true
+        },
+        {
+          "path": "<runtime>",
+          "kind": "import-statement",
+          "external": true
         }
       ],
       "format": "esm"
     },
     "src/Prebuilt/components/HMSVideo/HLSCaptionSelector.tsx": {
-      "bytes": 551,
+      "bytes": 640,
       "imports": [
         {
           "path": "react",
@@ -10972,6 +11194,11 @@
           "kind": "import-statement",
           "original": "../../../"
         },
+        {
+          "path": "src/Prebuilt/components/HMSVideo/PlayerContext.tsx",
+          "kind": "import-statement",
+          "original": "./PlayerContext"
+        },
         {
           "path": "<define:process.env>",
           "kind": "import-statement",
@@ -10980,14 +11207,24 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/components/HMSVideo/HLSQualitySelector.jsx": {
-      "bytes": 4183,
+    "src/Prebuilt/components/HMSVideo/HLSQualitySelector.tsx": {
+      "bytes": 7921,
       "imports": [
         {
           "path": "react",
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "react-use",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "@100mslive/hls-player",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@100mslive/react-icons",
           "kind": "import-statement",
@@ -10996,7 +11233,78 @@
         {
           "path": "src/index.ts",
           "kind": "import-statement",
-          "original": "../../../"
+          "original": "../../.."
+        },
+        {
+          "path": "src/Sheet/index.ts",
+          "kind": "import-statement",
+          "original": "../../../Sheet"
+        },
+        {
+          "path": "src/Theme/index.tsx",
+          "kind": "import-statement",
+          "original": "../../../Theme"
+        },
+        {
+          "path": "src/Prebuilt/common/hooks.ts",
+          "kind": "import-statement",
+          "original": "../../common/hooks"
+        },
+        {
+          "path": "<define:process.env>",
+          "kind": "import-statement",
+          "external": true
+        }
+      ],
+      "format": "esm"
+    },
+    "src/Prebuilt/components/HMSVideo/MwebHLSViewTitle.tsx": {
+      "bytes": 2461,
+      "imports": [
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "@100mslive/react-icons",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "src/Layout/index.tsx",
+          "kind": "import-statement",
+          "original": "../../../Layout"
+        },
+        {
+          "path": "src/Text/index.tsx",
+          "kind": "import-statement",
+          "original": "../../../Text"
+        },
+        {
+          "path": "src/Prebuilt/components/Header/HeaderComponents.jsx",
+          "kind": "import-statement",
+          "original": "../Header/HeaderComponents"
+        },
+        {
+          "path": "src/Prebuilt/components/RoomDetails/RoomDetailsRow.tsx",
+          "kind": "import-statement",
+          "original": "../RoomDetails/RoomDetailsRow"
+        },
+        {
+          "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",
+          "original": "../AppData/useSidepane"
+        },
+        {
+          "path": "src/Prebuilt/common/constants.ts",
+          "kind": "import-statement",
+          "original": "../../common/constants"
         },
         {
           "path": "<define:process.env>",
@@ -11007,7 +11315,7 @@
       "format": "esm"
     },
     "src/Prebuilt/layouts/HLSView.jsx": {
-      "bytes": 17554,
+      "bytes": 25579,
       "imports": [
         {
           "path": "react",
@@ -11039,23 +11347,28 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "src/Prebuilt/components/Footer/ChatToggle.tsx",
+          "kind": "import-statement",
+          "original": "../components/Footer/ChatToggle"
+        },
         {
           "path": "src/Prebuilt/components/HlsStatsOverlay.jsx",
           "kind": "import-statement",
           "original": "../components/HlsStatsOverlay"
         },
         {
-          "path": "src/Prebuilt/components/HMSVideo/index.js",
+          "path": "src/Prebuilt/components/HMSVideo/index.ts",
           "kind": "import-statement",
           "original": "../components/HMSVideo"
         },
         {
-          "path": "src/Prebuilt/components/HMSVideo/FullscreenButton.jsx",
+          "path": "src/Prebuilt/components/HMSVideo/FullscreenButton.tsx",
           "kind": "import-statement",
           "original": "../components/HMSVideo/FullscreenButton"
         },
         {
-          "path": "src/Prebuilt/components/HMSVideo/HLSAutoplayBlockedPrompt.jsx",
+          "path": "src/Prebuilt/components/HMSVideo/HLSAutoplayBlockedPrompt.tsx",
           "kind": "import-statement",
           "original": "../components/HMSVideo/HLSAutoplayBlockedPrompt"
         },
@@ -11065,10 +11378,25 @@
           "original": "../components/HMSVideo/HLSCaptionSelector"
         },
         {
-          "path": "src/Prebuilt/components/HMSVideo/HLSQualitySelector.jsx",
+          "path": "src/Prebuilt/components/HMSVideo/HLSQualitySelector.tsx",
           "kind": "import-statement",
           "original": "../components/HMSVideo/HLSQualitySelector"
         },
+        {
+          "path": "src/Prebuilt/components/HMSVideo/MwebHLSViewTitle.tsx",
+          "kind": "import-statement",
+          "original": "../components/HMSVideo/MwebHLSViewTitle"
+        },
+        {
+          "path": "src/Prebuilt/components/HMSVideo/PlayerContext.tsx",
+          "kind": "import-statement",
+          "original": "../components/HMSVideo/PlayerContext"
+        },
+        {
+          "path": "src/Prebuilt/components/Leave/LeaveRoom.tsx",
+          "kind": "import-statement",
+          "original": "../components/Leave/LeaveRoom"
+        },
         {
           "path": "src/Prebuilt/components/Toast/ToastManager.js",
           "kind": "import-statement",
@@ -11114,6 +11442,16 @@
           "kind": "import-statement",
           "original": "../components/AppData/useSidepane"
         },
+        {
+          "path": "src/Prebuilt/provider/roomLayoutProvider/hooks/useRoomLayoutScreen.ts",
+          "kind": "import-statement",
+          "original": "../provider/roomLayoutProvider/hooks/useRoomLayoutScreen"
+        },
+        {
+          "path": "src/Prebuilt/common/hooks.ts",
+          "kind": "import-statement",
+          "original": "../common/hooks"
+        },
         {
           "path": "src/Prebuilt/common/constants.ts",
           "kind": "import-statement",
@@ -11133,7 +11471,7 @@
       "format": "esm"
     },
     "src/Prebuilt/layouts/VideoStreamingSection.tsx": {
-      "bytes": 3873,
+      "bytes": 4801,
       "imports": [
         {
           "path": "react",
@@ -11145,6 +11483,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "ts-pattern",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "import-statement",
@@ -11200,6 +11543,11 @@
           "kind": "import-statement",
           "original": "../components/hooks/useCloseScreenshareWhiteboard"
         },
+        {
+          "path": "src/Prebuilt/common/hooks.ts",
+          "kind": "import-statement",
+          "original": "../common/hooks"
+        },
         {
           "path": "src/Prebuilt/common/constants.ts",
           "kind": "import-statement",
@@ -11444,7 +11792,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/ConferenceScreen.tsx": {
-      "bytes": 6739,
+      "bytes": 8259,
       "imports": [
         {
           "path": "react",
@@ -11471,6 +11819,11 @@
           "kind": "import-statement",
           "original": "./Footer/Footer"
         },
+        {
+          "path": "src/Prebuilt/components/MoreSettings/MoreSettings.tsx",
+          "kind": "import-statement",
+          "original": "./MoreSettings/MoreSettings"
+        },
         {
           "path": "src/Prebuilt/components/Notifications/HLSFailureModal.tsx",
           "kind": "import-statement",
@@ -11506,6 +11859,11 @@
           "kind": "import-statement",
           "original": "../layouts/VideoStreamingSection"
         },
+        {
+          "path": "src/Prebuilt/components/EmojiReaction.jsx",
+          "kind": "import-statement",
+          "original": "./EmojiReaction"
+        },
         {
           "path": "src/Prebuilt/components/FullPageProgress.jsx",
           "kind": "import-statement",
@@ -11521,6 +11879,11 @@
           "kind": "import-statement",
           "original": "./PreviousRoleInMetadata"
         },
+        {
+          "path": "src/Prebuilt/components/RaiseHand.tsx",
+          "kind": "import-statement",
+          "original": "./RaiseHand"
+        },
         {
           "path": "src/Prebuilt/provider/roomLayoutProvider/hooks/useRoomLayoutScreen.ts",
           "kind": "import-statement",
@@ -11531,6 +11894,11 @@
           "kind": "import-statement",
           "original": "./AppData/useUISettings"
         },
+        {
+          "path": "src/Prebuilt/common/hooks.ts",
+          "kind": "import-statement",
+          "original": "../common/hooks"
+        },
         {
           "path": "src/Prebuilt/common/constants.ts",
           "kind": "import-statement",
@@ -11812,7 +12180,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/MwebLandscapePrompt.tsx": {
-      "bytes": 2625,
+      "bytes": 3089,
       "imports": [
         {
           "path": "react",
@@ -11824,6 +12192,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "ts-pattern",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@100mslive/react-icons",
           "kind": "import-statement",
@@ -11854,6 +12227,11 @@
           "kind": "import-statement",
           "original": "../../Theme"
         },
+        {
+          "path": "src/Prebuilt/common/hooks.ts",
+          "kind": "import-statement",
+          "original": "../common/hooks"
+        },
         {
           "path": "src/Prebuilt/common/utils.js",
           "kind": "import-statement",
@@ -11940,7 +12318,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Toast/ToastConfig.jsx": {
-      "bytes": 5342,
+      "bytes": 5843,
       "imports": [
         {
           "path": "react",
@@ -11991,7 +12369,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Toast/ToastBatcher.js": {
-      "bytes": 1839,
+      "bytes": 2054,
       "imports": [
         {
           "path": "src/Prebuilt/components/Toast/ToastConfig.jsx",
@@ -12017,7 +12395,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx": {
-      "bytes": 1606,
+      "bytes": 1818,
       "imports": [
         {
           "path": "react",
@@ -12089,7 +12467,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Notifications/PeerNotifications.tsx": {
-      "bytes": 1808,
+      "bytes": 1842,
       "imports": [
         {
           "path": "react",
@@ -13229,7 +13607,7 @@
     "dist/index.js": {
       "imports": [
         {
-          "path": "dist/chunk-ERIM35YN.js",
+          "path": "dist/chunk-R2JJJQR3.js",
           "kind": "import-statement"
         }
       ],
@@ -13302,16 +13680,16 @@
       "inputs": {},
       "bytes": 1822
     },
-    "dist/HLSView-SJCF34GE.js.map": {
+    "dist/HLSView-FBEGJ3L7.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 58854
+      "bytes": 87085
     },
-    "dist/HLSView-SJCF34GE.js": {
+    "dist/HLSView-FBEGJ3L7.js": {
       "imports": [
         {
-          "path": "dist/chunk-ERIM35YN.js",
+          "path": "dist/chunk-R2JJJQR3.js",
           "kind": "import-statement"
         },
         {
@@ -13379,6 +13757,16 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@100mslive/hls-player",
           "kind": "import-statement",
@@ -13399,16 +13787,46 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "@100mslive/react-icons",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "react-use",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "@100mslive/react-icons",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "react",
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "@100mslive/react-icons",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "react",
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "react-use",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@100mslive/react-icons",
           "kind": "import-statement",
@@ -13431,57 +13849,66 @@
       "entryPoint": "src/Prebuilt/layouts/HLSView.jsx",
       "inputs": {
         "src/Prebuilt/layouts/HLSView.jsx": {
-          "bytesInOutput": 17353
+          "bytesInOutput": 24391
         },
         "src/Prebuilt/components/HlsStatsOverlay.jsx": {
           "bytesInOutput": 3521
         },
-        "src/Prebuilt/components/HMSVideo/index.js": {
-          "bytesInOutput": 252
+        "src/Prebuilt/components/HMSVideo/index.ts": {
+          "bytesInOutput": 281
         },
         "src/Prebuilt/components/HMSVideo/Controls.jsx": {
           "bytesInOutput": 416
         },
         "src/Prebuilt/components/HMSVideo/HMSVideo.jsx": {
-          "bytesInOutput": 1171
+          "bytesInOutput": 1425
         },
-        "src/Prebuilt/components/HMSVideo/PlayButton.jsx": {
-          "bytesInOutput": 534
+        "src/Prebuilt/components/HMSVideo/PlayPauseButton.tsx": {
+          "bytesInOutput": 851
         },
-        "src/Prebuilt/components/HMSVideo/VideoProgress.jsx": {
-          "bytesInOutput": 2539
+        "src/Prebuilt/components/HMSVideo/PlayerContext.tsx": {
+          "bytesInOutput": 244
+        },
+        "src/Prebuilt/components/HMSVideo/SeekControls.tsx": {
+          "bytesInOutput": 329
         },
-        "src/Prebuilt/components/HMSVideo/HMSVIdeoUtils.js": {
+        "src/Prebuilt/components/HMSVideo/VideoProgress.tsx": {
+          "bytesInOutput": 3017
+        },
+        "src/Prebuilt/components/HMSVideo/utils.ts": {
           "bytesInOutput": 725
         },
-        "src/Prebuilt/components/HMSVideo/VideoTime.jsx": {
-          "bytesInOutput": 904
+        "src/Prebuilt/components/HMSVideo/VideoTime.tsx": {
+          "bytesInOutput": 1316
         },
-        "src/Prebuilt/components/HMSVideo/VolumeControl.jsx": {
-          "bytesInOutput": 2220
+        "src/Prebuilt/components/HMSVideo/VolumeControl.tsx": {
+          "bytesInOutput": 2284
         },
-        "src/Prebuilt/components/HMSVideo/FullscreenButton.jsx": {
-          "bytesInOutput": 527
+        "src/Prebuilt/components/HMSVideo/FullscreenButton.tsx": {
+          "bytesInOutput": 637
         },
-        "src/Prebuilt/components/HMSVideo/HLSAutoplayBlockedPrompt.jsx": {
-          "bytesInOutput": 902
+        "src/Prebuilt/components/HMSVideo/HLSAutoplayBlockedPrompt.tsx": {
+          "bytesInOutput": 1916
         },
         "src/Prebuilt/components/HMSVideo/HLSCaptionSelector.tsx": {
-          "bytesInOutput": 586
+          "bytesInOutput": 688
         },
-        "src/Prebuilt/components/HMSVideo/HLSQualitySelector.jsx": {
-          "bytesInOutput": 3992
+        "src/Prebuilt/components/HMSVideo/HLSQualitySelector.tsx": {
+          "bytesInOutput": 7482
+        },
+        "src/Prebuilt/components/HMSVideo/MwebHLSViewTitle.tsx": {
+          "bytesInOutput": 2067
         }
       },
-      "bytes": 36972
+      "bytes": 53355
     },
-    "dist/chunk-ERIM35YN.js.map": {
+    "dist/chunk-R2JJJQR3.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 3143729
+      "bytes": 3167900
     },
-    "dist/chunk-ERIM35YN.js": {
+    "dist/chunk-R2JJJQR3.js": {
       "imports": [
         {
           "path": "react",
@@ -13853,6 +14280,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "ts-pattern",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "import-statement",
@@ -14073,6 +14505,26 @@
           "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": "react",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "react-use",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "import-statement",
@@ -14153,6 +14605,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "ts-pattern",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "import-statement",
@@ -14213,23 +14670,18 @@
           "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": "react",
+          "path": "@100mslive/react-icons",
           "kind": "import-statement",
           "external": true
         },
         {
-          "path": "@100mslive/react-sdk",
+          "path": "react",
           "kind": "import-statement",
           "external": true
         },
@@ -14254,12 +14706,7 @@
           "external": true
         },
         {
-          "path": "@100mslive/react-icons",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "react",
+          "path": "ts-pattern",
           "kind": "import-statement",
           "external": true
         },
@@ -14348,6 +14795,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "ts-pattern",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "import-statement",
@@ -14708,6 +15160,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "ts-pattern",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "import-statement",
@@ -14793,6 +15250,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "ts-pattern",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "import-statement",
@@ -15008,6 +15470,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "ts-pattern",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "import-statement",
@@ -15043,6 +15510,21 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "@100mslive/react-sdk",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "@100mslive/react-icons",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "react",
           "kind": "import-statement",
@@ -15058,6 +15540,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "ts-pattern",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "import-statement",
@@ -15078,6 +15565,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "ts-pattern",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "import-statement",
@@ -15483,21 +15975,6 @@
           "kind": "import-statement",
           "external": true
         },
-        {
-          "path": "@100mslive/react-sdk",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "@100mslive/react-icons",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "react",
-          "kind": "import-statement",
-          "external": true
-        },
         {
           "path": "react-use",
           "kind": "import-statement",
@@ -15533,6 +16010,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "ts-pattern",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "import-statement",
@@ -15794,7 +16276,7 @@
           "external": true
         },
         {
-          "path": "dist/HLSView-SJCF34GE.js",
+          "path": "dist/HLSView-FBEGJ3L7.js",
           "kind": "dynamic-import"
         },
         {
@@ -15927,6 +16409,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "ts-pattern",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@100mslive/react-icons",
           "kind": "import-statement",
@@ -16180,6 +16667,7 @@
         "Avatar",
         "Box",
         "Button",
+        "ChatToggle",
         "Checkbox",
         "Collapsible",
         "Dialog",
@@ -16199,15 +16687,20 @@
         "IconButton_default",
         "Input",
         "Label",
+        "LeaveRoom",
         "Link",
         "Loading",
+        "Logo",
         "PasswordInput",
         "Popover",
         "Progress",
         "QRCode",
         "RadioGroup",
         "ReactSelect_exports",
+        "RoomDetailsRow",
+        "SIDE_PANE_OPTIONS",
         "Select",
+        "Sheet",
         "Slider",
         "StyledAvatar",
         "StyledMenuTile",
@@ -16246,18 +16739,23 @@
         "textEllipsis",
         "theme",
         "useBorderAudioLevel",
+        "useIsLandscape",
+        "useIsSidepaneTypeOpen",
         "usePollViewToggle",
+        "useRoomLayoutConferencingScreen",
+        "useRoomLayoutHeader",
+        "useSidepaneToggle",
         "useTheme"
       ],
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 18235
+          "bytesInOutput": 18240
         },
         "../../node_modules/lodash/lodash.js": {
-          "bytesInOutput": 224269
+          "bytesInOutput": 224291
         },
         "../../node_modules/ua-parser-js/src/ua-parser.js": {
-          "bytesInOutput": 42460
+          "bytesInOutput": 42482
         },
         "../../node_modules/lodash.isequal/index.js": {
           "bytesInOutput": 26591
@@ -16269,7 +16767,7 @@
           "bytesInOutput": 16120
         },
         "../../node_modules/sdp-transform/lib/parser.js": {
-          "bytesInOutput": 3485
+          "bytesInOutput": 3493
         },
         "../../node_modules/sdp-transform/lib/writer.js": {
           "bytesInOutput": 3068
@@ -16284,7 +16782,7 @@
           "bytesInOutput": 27
         },
         "src/Button/Button.tsx": {
-          "bytesInOutput": 4343
+          "bytesInOutput": 4339
         },
         "src/Layout/index.tsx": {
           "bytesInOutput": 27
@@ -16473,7 +16971,7 @@
           "bytesInOutput": 2476
         },
         "src/Fieldset/Fieldset.tsx": {
-          "bytesInOutput": 234
+          "bytesInOutput": 233
         },
         "src/Footer/index.tsx": {
           "bytesInOutput": 27
@@ -16539,10 +17037,10 @@
           "bytesInOutput": 3210
         },
         "src/Prebuilt/components/AppData/useSidepane.js": {
-          "bytesInOutput": 1934
+          "bytesInOutput": 2499
         },
         "src/Prebuilt/components/AuthToken.jsx": {
-          "bytesInOutput": 3632
+          "bytesInOutput": 3652
         },
         "src/Prebuilt/AppContext.tsx": {
           "bytesInOutput": 577
@@ -16551,7 +17049,7 @@
           "bytesInOutput": 4698
         },
         "src/Prebuilt/components/ConferenceScreen.tsx": {
-          "bytesInOutput": 6071
+          "bytesInOutput": 7373
         },
         "src/Prebuilt/components/Footer/Footer.tsx": {
           "bytesInOutput": 3350
@@ -16560,10 +17058,10 @@
           "bytesInOutput": 10284
         },
         "src/Prebuilt/components/IconButtonWithOptions/IconButtonWithOptions.tsx": {
-          "bytesInOutput": 3065
+          "bytesInOutput": 3064
         },
         "src/Prebuilt/IconButton.tsx": {
-          "bytesInOutput": 573
+          "bytesInOutput": 572
         },
         "src/Prebuilt/components/Settings/SettingsModal.jsx": {
           "bytesInOutput": 8957
@@ -16572,7 +17070,7 @@
           "bytesInOutput": 27
         },
         "src/Sheet/Sheet.tsx": {
-          "bytesInOutput": 2768
+          "bytesInOutput": 2859
         },
         "src/Prebuilt/components/Settings/DeviceSettings.jsx": {
           "bytesInOutput": 6568
@@ -16593,7 +17091,7 @@
           "bytesInOutput": 1028
         },
         "src/Prebuilt/components/EmojiReaction.jsx": {
-          "bytesInOutput": 2091
+          "bytesInOutput": 2493
         },
         "src/Prebuilt/components/Footer/EmojiCard.jsx": {
           "bytesInOutput": 972
@@ -16601,11 +17099,14 @@
         "src/Prebuilt/components/hooks/useDropdownList.ts": {
           "bytesInOutput": 606
         },
+        "src/Prebuilt/common/hooks.ts": {
+          "bytesInOutput": 3290
+        },
         "src/Prebuilt/components/Leave/LeaveRoom.tsx": {
-          "bytesInOutput": 2168
+          "bytesInOutput": 2454
         },
         "src/Prebuilt/components/Leave/DesktopLeaveRoom.tsx": {
-          "bytesInOutput": 5689
+          "bytesInOutput": 5773
         },
         "src/Prebuilt/components/Leave/EndSessionContent.tsx": {
           "bytesInOutput": 1947
@@ -16620,19 +17121,19 @@
           "bytesInOutput": 1790
         },
         "src/Prebuilt/components/Leave/MwebLeaveRoom.tsx": {
-          "bytesInOutput": 4342
+          "bytesInOutput": 4835
         },
         "src/Prebuilt/components/MoreSettings/MoreSettings.tsx": {
-          "bytesInOutput": 392
+          "bytesInOutput": 472
         },
         "src/Prebuilt/components/MoreSettings/SplitComponents/DesktopOptions.tsx": {
-          "bytesInOutput": 6559
+          "bytesInOutput": 6880
         },
         "src/Prebuilt/components/PIP/index.jsx": {
           "bytesInOutput": 178
         },
         "src/Prebuilt/components/PIP/PIPComponent.jsx": {
-          "bytesInOutput": 2340
+          "bytesInOutput": 2357
         },
         "src/Prebuilt/components/PIP/PIPManager.js": {
           "bytesInOutput": 9164
@@ -16646,9 +17147,6 @@
         "src/Prebuilt/components/RoleChangeModal.jsx": {
           "bytesInOutput": 6096
         },
-        "src/Prebuilt/common/hooks.ts": {
-          "bytesInOutput": 2697
-        },
         "src/Prebuilt/components/Settings/StartRecording.jsx": {
           "bytesInOutput": 4547
         },
@@ -16656,10 +17154,10 @@
           "bytesInOutput": 2940
         },
         "src/Prebuilt/primitives/DialogContent.jsx": {
-          "bytesInOutput": 7701
+          "bytesInOutput": 7700
         },
         "src/Prebuilt/components/StatsForNerds.jsx": {
-          "bytesInOutput": 9587
+          "bytesInOutput": 9844
         },
         "src/Prebuilt/components/MoreSettings/BulkRoleChangeModal.jsx": {
           "bytesInOutput": 5008
@@ -16683,13 +17181,13 @@
           "bytesInOutput": 1948
         },
         "src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx": {
-          "bytesInOutput": 10563
+          "bytesInOutput": 11042
         },
         "src/Prebuilt/components/Header/StreamActions.tsx": {
-          "bytesInOutput": 10019
+          "bytesInOutput": 10031
         },
         "../hms-video-store/dist/index.js": {
-          "bytesInOutput": 48495
+          "bytesInOutput": 48565
         },
         "../../node_modules/reselect/es/index.js": {
           "bytesInOutput": 2539
@@ -16701,13 +17199,13 @@
           "bytesInOutput": 4335
         },
         "../../node_modules/webrtc-adapter/src/js/utils.js": {
-          "bytesInOutput": 6305
+          "bytesInOutput": 6313
         },
         "../../node_modules/webrtc-adapter/src/js/chrome/chrome_shim.js": {
           "bytesInOutput": 22678
         },
         "../../node_modules/webrtc-adapter/src/js/chrome/getusermedia.js": {
-          "bytesInOutput": 6078
+          "bytesInOutput": 6090
         },
         "../../node_modules/webrtc-adapter/src/js/chrome/getdisplaymedia.js": {
           "bytesInOutput": 1256
@@ -16725,7 +17223,7 @@
           "bytesInOutput": 11868
         },
         "../../node_modules/webrtc-adapter/src/js/common_shim.js": {
-          "bytesInOutput": 12446
+          "bytesInOutput": 12460
         },
         "src/Prebuilt/components/Header/AdditionalRoomState.jsx": {
           "bytesInOutput": 6823
@@ -16751,14 +17249,14 @@
         "src/Prebuilt/components/hooks/useUnreadPollQuizPresent.tsx": {
           "bytesInOutput": 658
         },
-        "src/Prebuilt/components/RaiseHand.jsx": {
-          "bytesInOutput": 589
+        "src/Prebuilt/components/RaiseHand.tsx": {
+          "bytesInOutput": 796
         },
         "src/Prebuilt/components/ScreenShareToggle.jsx": {
           "bytesInOutput": 1619
         },
         "src/Prebuilt/components/pdfAnnotator/shareScreenOptions.jsx": {
-          "bytesInOutput": 7126
+          "bytesInOutput": 7124
         },
         "src/Prebuilt/images/pdf-share.png": {
           "bytesInOutput": 25446
@@ -16779,7 +17277,7 @@
           "bytesInOutput": 1024
         },
         "src/Prebuilt/components/pdfAnnotator/uploadedFile.jsx": {
-          "bytesInOutput": 2098
+          "bytesInOutput": 2097
         },
         "src/Prebuilt/components/pdfAnnotator/pdfInfo.jsx": {
           "bytesInOutput": 823
@@ -16806,7 +17304,7 @@
           "bytesInOutput": 4229
         },
         "src/Prebuilt/components/Footer/RoleOptions.tsx": {
-          "bytesInOutput": 7185
+          "bytesInOutput": 7290
         },
         "src/Prebuilt/components/Footer/PollsToggle.tsx": {
           "bytesInOutput": 1073
@@ -16824,7 +17322,7 @@
           "bytesInOutput": 9637
         },
         "src/Prebuilt/layouts/SidePane.tsx": {
-          "bytesInOutput": 4719
+          "bytesInOutput": 6115
         },
         "src/Prebuilt/components/Polls/Polls.tsx": {
           "bytesInOutput": 735
@@ -16854,7 +17352,7 @@
           "bytesInOutput": 3664
         },
         "src/Prebuilt/components/Polls/common/OptionInputWithDelete.tsx": {
-          "bytesInOutput": 889
+          "bytesInOutput": 888
         },
         "src/Prebuilt/components/Polls/common/VoteCount.tsx": {
           "bytesInOutput": 361
@@ -16875,7 +17373,7 @@
           "bytesInOutput": 2078
         },
         "src/Prebuilt/components/Polls/common/utils.ts": {
-          "bytesInOutput": 628
+          "bytesInOutput": 629
         },
         "src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx": {
           "bytesInOutput": 2309
@@ -16887,19 +17385,22 @@
           "bytesInOutput": 1874
         },
         "src/Prebuilt/components/Polls/Voting/Voting.tsx": {
-          "bytesInOutput": 3324
+          "bytesInOutput": 3356
         },
         "src/Prebuilt/components/Polls/Voting/StandardVoting.tsx": {
           "bytesInOutput": 1221
         },
         "src/Prebuilt/components/Polls/Voting/QuestionCard.jsx": {
-          "bytesInOutput": 7210
+          "bytesInOutput": 7649
         },
         "src/Prebuilt/components/Polls/Voting/TimedVoting.tsx": {
           "bytesInOutput": 1727
         },
         "src/Prebuilt/components/RoomDetails/RoomDetailsPane.tsx": {
-          "bytesInOutput": 1193
+          "bytesInOutput": 1835
+        },
+        "src/Prebuilt/components/Header/HeaderComponents.jsx": {
+          "bytesInOutput": 1626
         },
         "src/Prebuilt/components/RoomDetails/RoomDetailsRow.tsx": {
           "bytesInOutput": 664
@@ -16908,13 +17409,13 @@
           "bytesInOutput": 720
         },
         "src/Prebuilt/components/SidePaneTabs.tsx": {
-          "bytesInOutput": 7277
+          "bytesInOutput": 7554
         },
         "src/Prebuilt/components/Chat/Chat.tsx": {
-          "bytesInOutput": 3466
+          "bytesInOutput": 4425
         },
         "src/Prebuilt/components/Chat/ChatBody.tsx": {
-          "bytesInOutput": 14398
+          "bytesInOutput": 14396
         },
         "src/Prebuilt/components/Chat/ChatActions.tsx": {
           "bytesInOutput": 9785
@@ -16935,10 +17436,10 @@
           "bytesInOutput": 2261
         },
         "src/Prebuilt/components/hooks/usePinnedBy.tsx": {
-          "bytesInOutput": 704
+          "bytesInOutput": 710
         },
         "src/Prebuilt/components/Chat/ChatFooter.tsx": {
-          "bytesInOutput": 8852
+          "bytesInOutput": 9793
         },
         "src/Prebuilt/components/Chat/ChatSelectorContainer.tsx": {
           "bytesInOutput": 5318
@@ -16980,7 +17481,7 @@
           "bytesInOutput": 4507
         },
         "src/Prebuilt/components/TileMenu/TileMenuContent.tsx": {
-          "bytesInOutput": 11411
+          "bytesInOutput": 11441
         },
         "src/Prebuilt/components/TileMenu/utils.ts": {
           "bytesInOutput": 160
@@ -17009,9 +17510,6 @@
         "src/Prebuilt/components/FullPageProgress.jsx": {
           "bytesInOutput": 574
         },
-        "src/Prebuilt/components/Header/HeaderComponents.jsx": {
-          "bytesInOutput": 1626
-        },
         "src/Prebuilt/components/Preview/PreviewForm.tsx": {
           "bytesInOutput": 2721
         },
@@ -17019,7 +17517,7 @@
           "bytesInOutput": 2163
         },
         "src/Prebuilt/layouts/VideoStreamingSection.tsx": {
-          "bytesInOutput": 3228
+          "bytesInOutput": 3983
         },
         "src/Prebuilt/components/VideoLayouts/GridLayout.tsx": {
           "bytesInOutput": 3871
@@ -17121,13 +17619,13 @@
           "bytesInOutput": 491
         },
         "src/Prebuilt/components/MwebLandscapePrompt.tsx": {
-          "bytesInOutput": 2516
+          "bytesInOutput": 2922
         },
         "src/Prebuilt/components/Notifications/index.tsx": {
           "bytesInOutput": 27
         },
         "src/Prebuilt/components/Notifications/Notifications.tsx": {
-          "bytesInOutput": 7965
+          "bytesInOutput": 7971
         },
         "src/Prebuilt/components/Notifications/AutoplayBlockedModal.tsx": {
           "bytesInOutput": 1053
@@ -17136,19 +17634,19 @@
           "bytesInOutput": 1350
         },
         "src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx": {
-          "bytesInOutput": 1413
+          "bytesInOutput": 1746
         },
         "src/Prebuilt/components/Toast/ToastBatcher.js": {
-          "bytesInOutput": 1768
+          "bytesInOutput": 1983
         },
         "src/Prebuilt/components/Toast/ToastConfig.jsx": {
-          "bytesInOutput": 6495
+          "bytesInOutput": 7228
         },
         "src/Prebuilt/components/Notifications/InitErrorModal.tsx": {
           "bytesInOutput": 1596
         },
         "src/Prebuilt/components/Notifications/PeerNotifications.tsx": {
-          "bytesInOutput": 1593
+          "bytesInOutput": 1627
         },
         "src/Prebuilt/components/Notifications/PermissionErrorModal.tsx": {
           "bytesInOutput": 4534
@@ -17205,7 +17703,7 @@
           "bytesInOutput": 651
         }
       },
-      "bytes": 1285152
+      "bytes": 1297975
     }
   }
 }