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

package/dist/meta.cjs.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",
@@ -2814,7 +2819,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/AudioVideoToggle.tsx": {
-      "bytes": 9962,
+      "bytes": 9985,
       "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": 324491,
+      "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": 6603,
+      "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": [
@@ -10001,7 +10126,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/hooks/useRoleProminencePeers.tsx": {
-      "bytes": 1092,
+      "bytes": 1143,
       "imports": [
         {
           "path": "react",
@@ -10027,7 +10152,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/VideoLayouts/RoleProminence.tsx": {
-      "bytes": 2562,
+      "bytes": 2591,
       "imports": [
         {
           "path": "react",
@@ -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/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>",
@@ -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",
@@ -13224,7 +13602,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 3203504
+      "bytes": 3259526
     },
     "dist/index.cjs.js": {
       "imports": [
@@ -13573,6 +13951,11 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "ts-pattern",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "require-call",
@@ -13743,6 +14126,26 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "@100mslive/types-prebuilt/elements/join_form",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "@100mslive/react-sdk",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "react-use",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "@emoji-mart/data/sets/14/apple.json",
           "kind": "require-call",
@@ -13868,21 +14271,6 @@
           "kind": "require-call",
           "external": true
         },
-        {
-          "path": "@100mslive/types-prebuilt/elements/join_form",
-          "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",
@@ -13933,6 +14321,11 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "ts-pattern",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "require-call",
@@ -14018,6 +14411,11 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "ts-pattern",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "require-call",
@@ -14203,6 +14601,11 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "ts-pattern",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "require-call",
@@ -14363,6 +14766,11 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "ts-pattern",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "require-call",
@@ -14658,6 +15066,11 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "ts-pattern",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "require-call",
@@ -14708,6 +15121,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",
           "kind": "require-call",
@@ -14953,6 +15381,11 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "ts-pattern",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "require-call",
@@ -15018,6 +15451,11 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "ts-pattern",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "require-call",
@@ -15154,12 +15592,12 @@
           "external": true
         },
         {
-          "path": "@100mslive/react-sdk",
+          "path": "ts-pattern",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "react",
+          "path": "@100mslive/react-sdk",
           "kind": "require-call",
           "external": true
         },
@@ -15173,16 +15611,6 @@
           "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",
@@ -15523,6 +15951,11 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "@100mslive/react-icons",
           "kind": "require-call",
@@ -15538,6 +15971,11 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "@100mslive/hls-player",
           "kind": "require-call",
@@ -15558,11 +15996,26 @@
           "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",
+          "external": true
+        },
+        {
+          "path": "@100mslive/react-icons",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "react",
           "kind": "require-call",
@@ -15578,6 +16031,21 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "react-use",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "@100mslive/react-icons",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "@100mslive/react-icons",
           "kind": "require-call",
@@ -15618,6 +16086,11 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "ts-pattern",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "require-call",
@@ -15768,6 +16241,11 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "ts-pattern",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "@100mslive/react-icons",
           "kind": "require-call",
@@ -16028,7 +16506,7 @@
       "entryPoint": "src/index.ts",
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 18254
+          "bytesInOutput": 18240
         },
         "src/Theme/base.config.ts": {
           "bytesInOutput": 6104
@@ -16067,7 +16545,7 @@
           "bytesInOutput": 417
         },
         "src/Button/Button.tsx": {
-          "bytesInOutput": 5359
+          "bytesInOutput": 5355
         },
         "src/Button/index.tsx": {
           "bytesInOutput": 132
@@ -16247,7 +16725,7 @@
           "bytesInOutput": 297
         },
         "src/Fieldset/Fieldset.tsx": {
-          "bytesInOutput": 398
+          "bytesInOutput": 397
         },
         "src/Fieldset/index.tsx": {
           "bytesInOutput": 138
@@ -16304,7 +16782,7 @@
           "bytesInOutput": 3450
         },
         "../../node_modules/lodash/lodash.js": {
-          "bytesInOutput": 224274
+          "bytesInOutput": 224298
         },
         "src/Prebuilt/provider/roomLayoutProvider/constants/index.ts": {
           "bytesInOutput": 1887
@@ -16322,7 +16800,7 @@
           "bytesInOutput": 3003
         },
         "src/Prebuilt/components/AppData/useSidepane.js": {
-          "bytesInOutput": 2515
+          "bytesInOutput": 3258
         },
         "src/Prebuilt/components/AppData/AppData.tsx": {
           "bytesInOutput": 6542
@@ -16334,16 +16812,16 @@
           "bytesInOutput": 4824
         },
         "src/Prebuilt/components/AuthToken.jsx": {
-          "bytesInOutput": 4510
+          "bytesInOutput": 4530
         },
         "src/Prebuilt/IconButton.tsx": {
-          "bytesInOutput": 845
+          "bytesInOutput": 844
         },
         "src/Prebuilt/components/IconButtonWithOptions/IconButtonWithOptions.tsx": {
-          "bytesInOutput": 4096
+          "bytesInOutput": 4095
         },
         "src/Sheet/Sheet.tsx": {
-          "bytesInOutput": 3503
+          "bytesInOutput": 3610
         },
         "src/Sheet/index.ts": {
           "bytesInOutput": 128
@@ -16370,7 +16848,7 @@
           "bytesInOutput": 1359
         },
         "src/Prebuilt/components/AudioVideoToggle.tsx": {
-          "bytesInOutput": 12588
+          "bytesInOutput": 12611
         },
         "src/Prebuilt/components/Footer/EmojiCard.jsx": {
           "bytesInOutput": 1315
@@ -16378,8 +16856,11 @@
         "src/Prebuilt/components/hooks/useDropdownList.ts": {
           "bytesInOutput": 884
         },
+        "src/Prebuilt/common/hooks.ts": {
+          "bytesInOutput": 3890
+        },
         "src/Prebuilt/components/EmojiReaction.jsx": {
-          "bytesInOutput": 2928
+          "bytesInOutput": 3381
         },
         "src/Prebuilt/components/Leave/EndSessionContent.tsx": {
           "bytesInOutput": 2547
@@ -16394,13 +16875,13 @@
           "bytesInOutput": 2361
         },
         "src/Prebuilt/components/Leave/DesktopLeaveRoom.tsx": {
-          "bytesInOutput": 7065
+          "bytesInOutput": 7168
         },
         "src/Prebuilt/components/Leave/MwebLeaveRoom.tsx": {
-          "bytesInOutput": 5354
+          "bytesInOutput": 5991
         },
         "src/Prebuilt/components/Leave/LeaveRoom.tsx": {
-          "bytesInOutput": 2672
+          "bytesInOutput": 3023
         },
         "src/Prebuilt/components/PIP/pipUtils.js": {
           "bytesInOutput": 4391
@@ -16417,14 +16898,11 @@
         "src/Prebuilt/components/PIP/index.jsx": {
           "bytesInOutput": 369
         },
-        "src/Prebuilt/common/hooks.ts": {
-          "bytesInOutput": 3054
-        },
         "src/Prebuilt/components/RoleChangeModal.jsx": {
           "bytesInOutput": 7604
         },
         "src/Prebuilt/primitives/DialogContent.jsx": {
-          "bytesInOutput": 9393
+          "bytesInOutput": 9392
         },
         "src/Prebuilt/components/Streaming/ResolutionInput.jsx": {
           "bytesInOutput": 3668
@@ -16433,7 +16911,7 @@
           "bytesInOutput": 5459
         },
         "src/Prebuilt/components/StatsForNerds.jsx": {
-          "bytesInOutput": 11474
+          "bytesInOutput": 11847
         },
         "src/Prebuilt/components/MoreSettings/BulkRoleChangeModal.jsx": {
           "bytesInOutput": 6192
@@ -16457,28 +16935,28 @@
           "bytesInOutput": 2305
         },
         "src/Prebuilt/components/MoreSettings/SplitComponents/DesktopOptions.tsx": {
-          "bytesInOutput": 8159
+          "bytesInOutput": 8565
         },
         "../../node_modules/reselect/es/index.js": {
           "bytesInOutput": 2641
         },
         "../../node_modules/ua-parser-js/src/ua-parser.js": {
-          "bytesInOutput": 42464
+          "bytesInOutput": 42486
         },
         "../../node_modules/lodash.isequal/index.js": {
           "bytesInOutput": 26597
         },
         "../../node_modules/webrtc-adapter/src/js/utils.js": {
-          "bytesInOutput": 6459
+          "bytesInOutput": 6467
         },
         "../../node_modules/webrtc-adapter/src/js/chrome/getusermedia.js": {
-          "bytesInOutput": 6244
+          "bytesInOutput": 6256
         },
         "../../node_modules/webrtc-adapter/src/js/chrome/getdisplaymedia.js": {
           "bytesInOutput": 1396
         },
         "../../node_modules/webrtc-adapter/src/js/chrome/chrome_shim.js": {
-          "bytesInOutput": 22897
+          "bytesInOutput": 22882
         },
         "../../node_modules/webrtc-adapter/src/js/firefox/getusermedia.js": {
           "bytesInOutput": 2280
@@ -16490,13 +16968,13 @@
           "bytesInOutput": 9352
         },
         "../../node_modules/webrtc-adapter/src/js/safari/safari_shim.js": {
-          "bytesInOutput": 12026
+          "bytesInOutput": 12019
         },
         "../../node_modules/sdp/sdp.js": {
-          "bytesInOutput": 22278
+          "bytesInOutput": 22291
         },
         "../../node_modules/webrtc-adapter/src/js/common_shim.js": {
-          "bytesInOutput": 12616
+          "bytesInOutput": 12620
         },
         "../../node_modules/webrtc-adapter/src/js/adapter_factory.js": {
           "bytesInOutput": 4575
@@ -16508,7 +16986,7 @@
           "bytesInOutput": 16122
         },
         "../../node_modules/sdp-transform/lib/parser.js": {
-          "bytesInOutput": 3485
+          "bytesInOutput": 3493
         },
         "../../node_modules/sdp-transform/lib/writer.js": {
           "bytesInOutput": 3070
@@ -16517,7 +16995,7 @@
           "bytesInOutput": 615
         },
         "../hms-video-store/dist/index.js": {
-          "bytesInOutput": 53028
+          "bytesInOutput": 53136
         },
         "src/Prebuilt/components/hooks/usePlaylistMusic.js": {
           "bytesInOutput": 1384
@@ -16529,7 +17007,7 @@
           "bytesInOutput": 8158
         },
         "src/Prebuilt/components/Header/StreamActions.tsx": {
-          "bytesInOutput": 12096
+          "bytesInOutput": 12108
         },
         "src/Prebuilt/components/MoreSettings/ActionTile.jsx": {
           "bytesInOutput": 1881
@@ -16538,7 +17016,7 @@
           "bytesInOutput": 4158
         },
         "src/Prebuilt/components/MoreSettings/ChangeNameModal.tsx": {
-          "bytesInOutput": 2839
+          "bytesInOutput": 2842
         },
         "src/Prebuilt/components/AppData/useSheet.ts": {
           "bytesInOutput": 1099
@@ -16547,13 +17025,13 @@
           "bytesInOutput": 938
         },
         "src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx": {
-          "bytesInOutput": 12980
+          "bytesInOutput": 13528
         },
         "src/Prebuilt/components/MoreSettings/MoreSettings.tsx": {
-          "bytesInOutput": 729
+          "bytesInOutput": 831
         },
-        "src/Prebuilt/components/RaiseHand.jsx": {
-          "bytesInOutput": 918
+        "src/Prebuilt/components/RaiseHand.tsx": {
+          "bytesInOutput": 1149
         },
         "src/Prebuilt/images/pdf-share.png": {
           "bytesInOutput": 25548
@@ -16574,13 +17052,13 @@
           "bytesInOutput": 1217
         },
         "src/Prebuilt/components/pdfAnnotator/uploadedFile.jsx": {
-          "bytesInOutput": 2854
+          "bytesInOutput": 2853
         },
         "src/Prebuilt/components/pdfAnnotator/pdfFileOptions.jsx": {
           "bytesInOutput": 1563
         },
         "src/Prebuilt/components/pdfAnnotator/shareScreenOptions.jsx": {
-          "bytesInOutput": 7928
+          "bytesInOutput": 7926
         },
         "src/Prebuilt/components/ScreenShareToggle.jsx": {
           "bytesInOutput": 2190
@@ -16601,7 +17079,7 @@
           "bytesInOutput": 1694
         },
         "src/Prebuilt/components/Footer/RoleOptions.tsx": {
-          "bytesInOutput": 8344
+          "bytesInOutput": 8483
         },
         "src/Prebuilt/components/Footer/RoleAccordion.tsx": {
           "bytesInOutput": 5338
@@ -16637,7 +17115,7 @@
           "bytesInOutput": 394
         },
         "src/Prebuilt/components/Polls/common/OptionInputWithDelete.tsx": {
-          "bytesInOutput": 1336
+          "bytesInOutput": 1335
         },
         "src/Prebuilt/components/Polls/common/VoteCount.tsx": {
           "bytesInOutput": 587
@@ -16661,7 +17139,7 @@
           "bytesInOutput": 5842
         },
         "src/Prebuilt/components/Polls/common/utils.ts": {
-          "bytesInOutput": 836
+          "bytesInOutput": 837
         },
         "src/Prebuilt/components/Polls/Voting/LeaderboardEntry.tsx": {
           "bytesInOutput": 2726
@@ -16679,7 +17157,7 @@
           "bytesInOutput": 5057
         },
         "src/Prebuilt/components/Polls/Voting/QuestionCard.jsx": {
-          "bytesInOutput": 8469
+          "bytesInOutput": 9004
         },
         "src/Prebuilt/components/Polls/Voting/StandardVoting.tsx": {
           "bytesInOutput": 1658
@@ -16688,11 +17166,14 @@
           "bytesInOutput": 2124
         },
         "src/Prebuilt/components/Polls/Voting/Voting.tsx": {
-          "bytesInOutput": 4182
+          "bytesInOutput": 4218
         },
         "src/Prebuilt/components/Polls/Polls.tsx": {
           "bytesInOutput": 1177
         },
+        "src/Prebuilt/components/Header/HeaderComponents.jsx": {
+          "bytesInOutput": 2165
+        },
         "src/Prebuilt/components/RoomDetails/Duration.tsx": {
           "bytesInOutput": 999
         },
@@ -16700,7 +17181,7 @@
           "bytesInOutput": 1003
         },
         "src/Prebuilt/components/RoomDetails/RoomDetailsPane.tsx": {
-          "bytesInOutput": 1736
+          "bytesInOutput": 2558
         },
         "src/Prebuilt/components/Chat/MwebChatOption.tsx": {
           "bytesInOutput": 688
@@ -16721,7 +17202,7 @@
           "bytesInOutput": 2348
         },
         "src/Prebuilt/components/hooks/usePinnedBy.tsx": {
-          "bytesInOutput": 920
+          "bytesInOutput": 926
         },
         "src/Prebuilt/components/Chat/ChatBody.tsx": {
           "bytesInOutput": 17147
@@ -16739,7 +17220,7 @@
           "bytesInOutput": 1440
         },
         "src/Prebuilt/components/Chat/ChatFooter.tsx": {
-          "bytesInOutput": 10609
+          "bytesInOutput": 11726
         },
         "src/Prebuilt/components/Chat/ChatStates.tsx": {
           "bytesInOutput": 3529
@@ -16754,7 +17235,7 @@
           "bytesInOutput": 6106
         },
         "src/Prebuilt/components/Chat/Chat.tsx": {
-          "bytesInOutput": 4402
+          "bytesInOutput": 5596
         },
         "src/Prebuilt/components/Footer/PaginatedParticipants.tsx": {
           "bytesInOutput": 5344
@@ -16763,7 +17244,7 @@
           "bytesInOutput": 3060
         },
         "src/Prebuilt/components/SidePaneTabs.tsx": {
-          "bytesInOutput": 8908
+          "bytesInOutput": 9231
         },
         "src/Prebuilt/components/Connection/TileConnection.tsx": {
           "bytesInOutput": 2716
@@ -16772,7 +17253,7 @@
           "bytesInOutput": 296
         },
         "src/Prebuilt/components/TileMenu/TileMenuContent.tsx": {
-          "bytesInOutput": 13693
+          "bytesInOutput": 13723
         },
         "src/Prebuilt/components/TileMenu/TileMenu.tsx": {
           "bytesInOutput": 5495
@@ -16799,7 +17280,7 @@
           "bytesInOutput": 8756
         },
         "src/Prebuilt/layouts/SidePane.tsx": {
-          "bytesInOutput": 5787
+          "bytesInOutput": 7572
         },
         "src/Prebuilt/components/Chip.tsx": {
           "bytesInOutput": 1118
@@ -16807,9 +17288,6 @@
         "src/Prebuilt/components/FullPageProgress.jsx": {
           "bytesInOutput": 880
         },
-        "src/Prebuilt/components/Header/HeaderComponents.jsx": {
-          "bytesInOutput": 2165
-        },
         "src/Prebuilt/components/Preview/PreviewForm.tsx": {
           "bytesInOutput": 3422
         },
@@ -16847,10 +17325,10 @@
           "bytesInOutput": 3143
         },
         "src/Prebuilt/components/hooks/useRoleProminencePeers.tsx": {
-          "bytesInOutput": 1302
+          "bytesInOutput": 1387
         },
         "src/Prebuilt/components/VideoLayouts/RoleProminence.tsx": {
-          "bytesInOutput": 2716
+          "bytesInOutput": 2745
         },
         "src/Prebuilt/components/LayoutModeSelector.tsx": {
           "bytesInOutput": 3951
@@ -16892,43 +17370,52 @@
           "bytesInOutput": 656
         },
         "src/Prebuilt/components/HMSVideo/HMSVideo.jsx": {
-          "bytesInOutput": 1563
+          "bytesInOutput": 1860
+        },
+        "src/Prebuilt/components/HMSVideo/PlayerContext.tsx": {
+          "bytesInOutput": 489
         },
-        "src/Prebuilt/components/HMSVideo/PlayButton.jsx": {
-          "bytesInOutput": 860
+        "src/Prebuilt/components/HMSVideo/PlayPauseButton.tsx": {
+          "bytesInOutput": 1254
+        },
+        "src/Prebuilt/components/HMSVideo/SeekControls.tsx": {
+          "bytesInOutput": 595
         },
-        "src/Prebuilt/components/HMSVideo/HMSVIdeoUtils.js": {
-          "bytesInOutput": 850
+        "src/Prebuilt/components/HMSVideo/utils.ts": {
+          "bytesInOutput": 835
         },
-        "src/Prebuilt/components/HMSVideo/VideoProgress.jsx": {
-          "bytesInOutput": 3186
+        "src/Prebuilt/components/HMSVideo/VideoProgress.tsx": {
+          "bytesInOutput": 3728
         },
-        "src/Prebuilt/components/HMSVideo/VideoTime.jsx": {
-          "bytesInOutput": 1275
+        "src/Prebuilt/components/HMSVideo/VideoTime.tsx": {
+          "bytesInOutput": 1748
         },
-        "src/Prebuilt/components/HMSVideo/VolumeControl.jsx": {
-          "bytesInOutput": 2857
+        "src/Prebuilt/components/HMSVideo/VolumeControl.tsx": {
+          "bytesInOutput": 2951
         },
-        "src/Prebuilt/components/HMSVideo/index.js": {
-          "bytesInOutput": 564
+        "src/Prebuilt/components/HMSVideo/index.ts": {
+          "bytesInOutput": 627
         },
-        "src/Prebuilt/components/HMSVideo/FullscreenButton.jsx": {
-          "bytesInOutput": 832
+        "src/Prebuilt/components/HMSVideo/FullscreenButton.tsx": {
+          "bytesInOutput": 997
         },
-        "src/Prebuilt/components/HMSVideo/HLSAutoplayBlockedPrompt.jsx": {
-          "bytesInOutput": 1233
+        "src/Prebuilt/components/HMSVideo/HLSAutoplayBlockedPrompt.tsx": {
+          "bytesInOutput": 2389
         },
         "src/Prebuilt/components/HMSVideo/HLSCaptionSelector.tsx": {
-          "bytesInOutput": 893
+          "bytesInOutput": 1016
+        },
+        "src/Prebuilt/components/HMSVideo/HLSQualitySelector.tsx": {
+          "bytesInOutput": 8496
         },
-        "src/Prebuilt/components/HMSVideo/HLSQualitySelector.jsx": {
-          "bytesInOutput": 4598
+        "src/Prebuilt/components/HMSVideo/MwebHLSViewTitle.tsx": {
+          "bytesInOutput": 2852
         },
         "src/Prebuilt/layouts/HLSView.jsx": {
-          "bytesInOutput": 21219
+          "bytesInOutput": 29703
         },
         "src/Prebuilt/layouts/VideoStreamingSection.tsx": {
-          "bytesInOutput": 4111
+          "bytesInOutput": 5017
         },
         "src/Prebuilt/components/Header/RoomDetailsHeader.tsx": {
           "bytesInOutput": 2182
@@ -16946,7 +17433,7 @@
           "bytesInOutput": 1024
         },
         "src/Prebuilt/components/ConferenceScreen.tsx": {
-          "bytesInOutput": 7500
+          "bytesInOutput": 9089
         },
         "src/Prebuilt/components/ErrorBoundary.jsx": {
           "bytesInOutput": 4366
@@ -16970,7 +17457,7 @@
           "bytesInOutput": 2925
         },
         "src/Prebuilt/components/MwebLandscapePrompt.tsx": {
-          "bytesInOutput": 3195
+          "bytesInOutput": 3699
         },
         "src/Prebuilt/components/Notifications/AutoplayBlockedModal.tsx": {
           "bytesInOutput": 1415
@@ -16979,19 +17466,19 @@
           "bytesInOutput": 1817
         },
         "src/Prebuilt/components/Toast/ToastConfig.jsx": {
-          "bytesInOutput": 7810
+          "bytesInOutput": 8710
         },
         "src/Prebuilt/components/Toast/ToastBatcher.js": {
-          "bytesInOutput": 2151
+          "bytesInOutput": 2394
         },
         "src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx": {
-          "bytesInOutput": 1691
+          "bytesInOutput": 2023
         },
         "src/Prebuilt/components/Notifications/InitErrorModal.tsx": {
           "bytesInOutput": 1964
         },
         "src/Prebuilt/components/Notifications/PeerNotifications.tsx": {
-          "bytesInOutput": 2112
+          "bytesInOutput": 2146
         },
         "src/Prebuilt/images/android-perm-1.png": {
           "bytesInOutput": 10560
@@ -17006,16 +17493,16 @@
           "bytesInOutput": 2953
         },
         "src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx": {
-          "bytesInOutput": 2376
+          "bytesInOutput": 2379
         },
         "src/Prebuilt/components/Notifications/TrackNotifications.tsx": {
           "bytesInOutput": 948
         },
         "src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx": {
-          "bytesInOutput": 2245
+          "bytesInOutput": 2248
         },
         "src/Prebuilt/components/Notifications/Notifications.tsx": {
-          "bytesInOutput": 8883
+          "bytesInOutput": 8886
         },
         "src/Prebuilt/components/Notifications/index.tsx": {
           "bytesInOutput": 173
@@ -17063,7 +17550,7 @@
           "bytesInOutput": 2980
         }
       },
-      "bytes": 1512065
+      "bytes": 1547557
     }
   }
 }