@100mslive/roomkit-react 0.1.1 → 0.1.2-alpha.1

package/dist/meta.cjs.json

@@ -5,7 +5,7 @@
       "imports": []
     },
     "src/Theme/base.config.ts": {
-      "bytes": 6670,
+      "bytes": 6053,
       "imports": [
         {
           "path": "@stitches/react",
@@ -25,19 +25,8 @@
       ],
       "format": "esm"
     },
-    "src/Theme/themes.ts": {
-      "bytes": 1874,
-      "imports": [
-        {
-          "path": "<define:process.env>",
-          "kind": "import-statement",
-          "external": true
-        }
-      ],
-      "format": "esm"
-    },
     "src/Theme/stitches.config.ts": {
-      "bytes": 2282,
+      "bytes": 2138,
       "imports": [
         {
           "path": "@stitches/react",
@@ -54,11 +43,6 @@
           "kind": "import-statement",
           "original": "./base.config"
         },
-        {
-          "path": "src/Theme/themes.ts",
-          "kind": "import-statement",
-          "original": "./themes"
-        },
         {
           "path": "<define:process.env>",
           "kind": "import-statement",
@@ -89,18 +73,13 @@
       "format": "esm"
     },
     "src/Theme/ThemeProvider.tsx": {
-      "bytes": 3073,
+      "bytes": 2872,
       "imports": [
         {
           "path": "react",
           "kind": "import-statement",
           "external": true
         },
-        {
-          "path": "react-use",
-          "kind": "import-statement",
-          "external": true
-        },
         {
           "path": "src/Theme/stitches.config.ts",
           "kind": "import-statement",
@@ -120,7 +99,7 @@
       "format": "esm"
     },
     "src/Theme/index.tsx": {
-      "bytes": 94,
+      "bytes": 68,
       "imports": [
         {
           "path": "src/Theme/stitches.config.ts",
@@ -132,11 +111,6 @@
           "kind": "import-statement",
           "original": "./ThemeProvider"
         },
-        {
-          "path": "src/Theme/themes.ts",
-          "kind": "import-statement",
-          "original": "./themes"
-        },
         {
           "path": "<define:process.env>",
           "kind": "import-statement",
@@ -199,7 +173,7 @@
       "format": "esm"
     },
     "src/Loading/Loading.tsx": {
-      "bytes": 1636,
+      "bytes": 771,
       "imports": [
         {
           "path": "react",
@@ -247,7 +221,7 @@
       "format": "esm"
     },
     "src/Button/Button.tsx": {
-      "bytes": 3919,
+      "bytes": 4647,
       "imports": [
         {
           "path": "react",
@@ -304,7 +278,7 @@
       "format": "esm"
     },
     "src/Text/Text.tsx": {
-      "bytes": 2691,
+      "bytes": 2705,
       "imports": [
         {
           "path": "src/Theme/index.tsx",
@@ -336,7 +310,7 @@
       "format": "esm"
     },
     "src/IconButton/IconButton.tsx": {
-      "bytes": 974,
+      "bytes": 1016,
       "imports": [
         {
           "path": "src/Theme/index.tsx",
@@ -389,7 +363,7 @@
       "format": "esm"
     },
     "src/Avatar/Avatar.tsx": {
-      "bytes": 1246,
+      "bytes": 1429,
       "imports": [
         {
           "path": "react",
@@ -401,6 +375,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "@100mslive/react-icons",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "src/Theme/index.tsx",
           "kind": "import-statement",
@@ -446,7 +425,7 @@
       "format": "esm"
     },
     "src/Divider/Divider.tsx": {
-      "bytes": 922,
+      "bytes": 926,
       "imports": [
         {
           "path": "src/Theme/index.tsx",
@@ -478,7 +457,7 @@
       "format": "esm"
     },
     "src/Switch/Switch.tsx": {
-      "bytes": 1162,
+      "bytes": 1167,
       "imports": [
         {
           "path": "react",
@@ -562,7 +541,7 @@
       "format": "esm"
     },
     "src/Tooltip/Tooltip.tsx": {
-      "bytes": 2290,
+      "bytes": 2298,
       "imports": [
         {
           "path": "react",
@@ -614,7 +593,7 @@
       "format": "esm"
     },
     "src/Select/Select.tsx": {
-      "bytes": 1321,
+      "bytes": 1342,
       "imports": [
         {
           "path": "react",
@@ -661,7 +640,7 @@
       "format": "esm"
     },
     "src/Slider/Slider.tsx": {
-      "bytes": 1617,
+      "bytes": 1625,
       "imports": [
         {
           "path": "react",
@@ -718,7 +697,7 @@
       "format": "esm"
     },
     "src/Modal/DialogContent.tsx": {
-      "bytes": 1867,
+      "bytes": 1875,
       "imports": [
         {
           "path": "react",
@@ -806,7 +785,7 @@
       "format": "esm"
     },
     "src/Input/Input.tsx": {
-      "bytes": 2573,
+      "bytes": 2639,
       "imports": [
         {
           "path": "react",
@@ -863,7 +842,7 @@
       "format": "esm"
     },
     "src/VideoTile/StyledVideoTile.tsx": {
-      "bytes": 2843,
+      "bytes": 2895,
       "imports": [
         {
           "path": "src/Layout/index.tsx",
@@ -958,7 +937,7 @@
       "format": "esm"
     },
     "src/Pagination/StyledPagination.tsx": {
-      "bytes": 1140,
+      "bytes": 1153,
       "imports": [
         {
           "path": "src/Theme/index.tsx",
@@ -990,7 +969,7 @@
       "format": "esm"
     },
     "src/Dropdown/Dropdown.tsx": {
-      "bytes": 2806,
+      "bytes": 2896,
       "imports": [
         {
           "path": "@radix-ui/react-dropdown-menu",
@@ -1027,7 +1006,7 @@
       "format": "esm"
     },
     "src/Video/Video.tsx": {
-      "bytes": 1617,
+      "bytes": 1629,
       "imports": [
         {
           "path": "react",
@@ -1074,7 +1053,7 @@
       "format": "esm"
     },
     "src/TileMenu/StyledMenuTile.tsx": {
-      "bytes": 2260,
+      "bytes": 2330,
       "imports": [
         {
           "path": "@radix-ui/react-popover",
@@ -1126,7 +1105,7 @@
       "format": "esm"
     },
     "src/AudioLevel/AudioLevel.tsx": {
-      "bytes": 993,
+      "bytes": 996,
       "imports": [
         {
           "path": "react",
@@ -1173,7 +1152,7 @@
       "format": "esm"
     },
     "src/Popover/index.tsx": {
-      "bytes": 596,
+      "bytes": 603,
       "imports": [
         {
           "path": "@radix-ui/react-popover",
@@ -1215,7 +1194,7 @@
       "format": "esm"
     },
     "src/Stats/StyledStats.tsx": {
-      "bytes": 922,
+      "bytes": 938,
       "imports": [
         {
           "path": "src/Theme/index.tsx",
@@ -1231,7 +1210,7 @@
       "format": "esm"
     },
     "src/Stats/Stats.tsx": {
-      "bytes": 7732,
+      "bytes": 7823,
       "imports": [
         {
           "path": "react",
@@ -1283,7 +1262,7 @@
       "format": "esm"
     },
     "src/Checkbox/Checkbox.tsx": {
-      "bytes": 734,
+      "bytes": 760,
       "imports": [
         {
           "path": "@radix-ui/react-checkbox",
@@ -1320,7 +1299,7 @@
       "format": "esm"
     },
     "src/Label/Label.tsx": {
-      "bytes": 215,
+      "bytes": 219,
       "imports": [
         {
           "path": "@radix-ui/react-label",
@@ -1357,7 +1336,7 @@
       "format": "esm"
     },
     "src/RadioGroup/RadioGroup.tsx": {
-      "bytes": 754,
+      "bytes": 770,
       "imports": [
         {
           "path": "@radix-ui/react-radio-group",
@@ -1394,7 +1373,7 @@
       "format": "esm"
     },
     "src/Toast/Toast.tsx": {
-      "bytes": 4209,
+      "bytes": 4279,
       "imports": [
         {
           "path": "react",
@@ -1466,7 +1445,7 @@
       "format": "esm"
     },
     "src/Accordion/Accordion.tsx": {
-      "bytes": 2729,
+      "bytes": 2744,
       "imports": [
         {
           "path": "react",
@@ -1602,7 +1581,7 @@
       "format": "esm"
     },
     "src/ReactSelect/ReactSelect.tsx": {
-      "bytes": 2232,
+      "bytes": 2287,
       "imports": [
         {
           "path": "@radix-ui/react-select",
@@ -1639,7 +1618,7 @@
       "format": "esm"
     },
     "src/Tabs/Tabs.tsx": {
-      "bytes": 825,
+      "bytes": 831,
       "imports": [
         {
           "path": "@radix-ui/react-tabs",
@@ -1718,7 +1697,7 @@
       "format": "esm"
     },
     "src/Link/Link.tsx": {
-      "bytes": 1353,
+      "bytes": 1367,
       "imports": [
         {
           "path": "react",
@@ -1775,7 +1754,7 @@
       "format": "esm"
     },
     "src/Collapsible/Collapsible.tsx": {
-      "bytes": 929,
+      "bytes": 930,
       "imports": [
         {
           "path": "@radix-ui/react-collapsible",
@@ -1854,7 +1833,7 @@
       "format": "esm"
     },
     "src/Prebuilt/common/constants.js": {
-      "bytes": 6096,
+      "bytes": 6064,
       "imports": [
         {
           "path": "@100mslive/react-sdk",
@@ -1896,7 +1875,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/AppData/useUISettings.js": {
-      "bytes": 4927,
+      "bytes": 4840,
       "imports": [
         {
           "path": "react",
@@ -1932,13 +1911,8 @@
       "format": "esm"
     },
     "src/Prebuilt/common/utils.js": {
-      "bytes": 2758,
+      "bytes": 2554,
       "imports": [
-        {
-          "path": "src/Prebuilt/common/constants.js",
-          "kind": "import-statement",
-          "original": "./constants"
-        },
         {
           "path": "<define:process.env>",
           "kind": "import-statement",
@@ -1948,7 +1922,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/AppData/AppData.jsx": {
-      "bytes": 6378,
+      "bytes": 6385,
       "imports": [
         {
           "path": "react",
@@ -2082,7 +2056,7 @@
       "format": "esm"
     },
     "src/Prebuilt/primitives/DialogContent.jsx": {
-      "bytes": 8183,
+      "bytes": 8210,
       "imports": [
         {
           "path": "react",
@@ -2245,7 +2219,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/ErrorBoundary.jsx": {
-      "bytes": 3415,
+      "bytes": 3433,
       "imports": [
         {
           "path": "react",
@@ -2296,7 +2270,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/FullPageProgress.jsx": {
-      "bytes": 277,
+      "bytes": 527,
       "imports": [
         {
           "path": "react",
@@ -2313,6 +2287,11 @@
           "kind": "import-statement",
           "original": "../../Loading"
         },
+        {
+          "path": "src/Text/index.tsx",
+          "kind": "import-statement",
+          "original": "../../Text"
+        },
         {
           "path": "<define:process.env>",
           "kind": "import-statement",
@@ -2388,35 +2367,14 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/hms.js": {
-      "bytes": 274,
-      "imports": [
-        {
-          "path": "@100mslive/react-sdk",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "<define:process.env>",
-          "kind": "import-statement",
-          "external": true
-        }
-      ],
-      "format": "esm"
-    },
     "src/Prebuilt/components/Toast/ToastConfig.jsx": {
-      "bytes": 3588,
+      "bytes": 3447,
       "imports": [
         {
           "path": "react",
           "kind": "import-statement",
           "external": true
         },
-        {
-          "path": "@100mslive/react-sdk",
-          "kind": "import-statement",
-          "external": true
-        },
         {
           "path": "@100mslive/react-icons",
           "kind": "import-statement",
@@ -2428,9 +2386,9 @@
           "original": "../../../Button"
         },
         {
-          "path": "src/Prebuilt/hms.js",
+          "path": "src/Prebuilt/components/AppData/useSidepane.js",
           "kind": "import-statement",
-          "original": "../../hms"
+          "original": "../AppData/useSidepane"
         },
         {
           "path": "src/Prebuilt/common/constants.js",
@@ -2642,14 +2600,31 @@
       ],
       "format": "esm"
     },
+    "src/assets/android-perm-0.png": {
+      "bytes": 14636,
+      "imports": []
+    },
+    "src/assets/android-perm-1.png": {
+      "bytes": 7790,
+      "imports": []
+    },
+    "src/assets/ios-perm-0.png": {
+      "bytes": 8933,
+      "imports": []
+    },
     "src/Prebuilt/components/Notifications/PermissionErrorModal.jsx": {
-      "bytes": 2418,
+      "bytes": 5704,
       "imports": [
         {
           "path": "react",
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "react-use",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "import-statement",
@@ -2660,6 +2635,26 @@
           "kind": "import-statement",
           "original": "../../../"
         },
+        {
+          "path": "src/assets/android-perm-0.png",
+          "kind": "import-statement",
+          "original": "../../../assets/android-perm-0.png"
+        },
+        {
+          "path": "src/assets/android-perm-1.png",
+          "kind": "import-statement",
+          "original": "../../../assets/android-perm-1.png"
+        },
+        {
+          "path": "src/assets/ios-perm-0.png",
+          "kind": "import-statement",
+          "original": "../../../assets/ios-perm-0.png"
+        },
+        {
+          "path": "src/Prebuilt/common/constants.js",
+          "kind": "import-statement",
+          "original": "../../common/constants"
+        },
         {
           "path": "<define:process.env>",
           "kind": "import-statement",
@@ -2669,7 +2664,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Notifications/ReconnectNotifications.jsx": {
-      "bytes": 2462,
+      "bytes": 2466,
       "imports": [
         {
           "path": "react",
@@ -2819,7 +2814,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Notifications/Notifications.jsx": {
-      "bytes": 6035,
+      "bytes": 5973,
       "imports": [
         {
           "path": "react",
@@ -2935,8 +2930,81 @@
       ],
       "format": "esm"
     },
+    "src/Prebuilt/provider/roomLayoutProvider/constants/index.ts": {
+      "bytes": 794,
+      "imports": [
+        {
+          "path": "@100mslive/types-prebuilt/elements/join_form",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "<define:process.env>",
+          "kind": "import-statement",
+          "external": true
+        }
+      ],
+      "format": "esm"
+    },
+    "src/Prebuilt/provider/roomLayoutProvider/hooks/useFetchRoomLayout.ts": {
+      "bytes": 1574,
+      "imports": [
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "src/Prebuilt/provider/roomLayoutProvider/constants/index.ts",
+          "kind": "import-statement",
+          "original": "../constants"
+        },
+        {
+          "path": "<define:process.env>",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "<runtime>",
+          "kind": "import-statement",
+          "external": true
+        }
+      ],
+      "format": "esm"
+    },
+    "src/Prebuilt/provider/roomLayoutProvider/index.tsx": {
+      "bytes": 984,
+      "imports": [
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "lodash.merge",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "src/Prebuilt/components/AppData/useUISettings.js",
+          "kind": "import-statement",
+          "original": "../../components/AppData/useUISettings"
+        },
+        {
+          "path": "src/Prebuilt/provider/roomLayoutProvider/hooks/useFetchRoomLayout.ts",
+          "kind": "import-statement",
+          "original": "./hooks/useFetchRoomLayout"
+        },
+        {
+          "path": "<define:process.env>",
+          "kind": "import-statement",
+          "external": true
+        }
+      ],
+      "format": "esm"
+    },
     "src/Prebuilt/components/Header/HeaderComponents.jsx": {
-      "bytes": 1380,
+      "bytes": 1461,
       "imports": [
         {
           "path": "react",
@@ -2964,9 +3032,9 @@
           "original": "../../../"
         },
         {
-          "path": "src/Prebuilt/components/AppData/useUISettings.js",
+          "path": "src/Prebuilt/provider/roomLayoutProvider/index.tsx",
           "kind": "import-statement",
-          "original": "../AppData/useUISettings"
+          "original": "../../provider/roomLayoutProvider"
         },
         {
           "path": "src/Prebuilt/common/utils.js",
@@ -2987,7 +3055,7 @@
       "format": "esm"
     },
     "src/Prebuilt/IconButton.jsx": {
-      "bytes": 384,
+      "bytes": 396,
       "imports": [
         {
           "path": "src/IconButton/index.tsx",
@@ -3008,7 +3076,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Connection/connectionQualityUtils.js": {
-      "bytes": 1164,
+      "bytes": 1222,
       "imports": [
         {
           "path": "<define:process.env>",
@@ -3019,7 +3087,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Connection/ConnectionIndicator.jsx": {
-      "bytes": 3405,
+      "bytes": 3440,
       "imports": [
         {
           "path": "react",
@@ -3055,13 +3123,8 @@
       "format": "esm"
     },
     "src/Prebuilt/components/hooks/useDropdownSelection.jsx": {
-      "bytes": 185,
+      "bytes": 72,
       "imports": [
-        {
-          "path": "src/index.ts",
-          "kind": "import-statement",
-          "original": "../../../"
-        },
         {
           "path": "<define:process.env>",
           "kind": "import-statement",
@@ -3097,7 +3160,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/RoleChangeModal.jsx": {
-      "bytes": 6475,
+      "bytes": 6486,
       "imports": [
         {
           "path": "react",
@@ -3183,7 +3246,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Header/ParticipantFilter.jsx": {
-      "bytes": 2836,
+      "bytes": 2840,
       "imports": [
         {
           "path": "react",
@@ -3219,7 +3282,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Header/ParticipantList.jsx": {
-      "bytes": 10052,
+      "bytes": 10073,
       "imports": [
         {
           "path": "react",
@@ -3300,7 +3363,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/GoLiveButton.jsx": {
-      "bytes": 1623,
+      "bytes": 1522,
       "imports": [
         {
           "path": "react",
@@ -3387,7 +3450,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Streaming/Common.jsx": {
-      "bytes": 3659,
+      "bytes": 3785,
       "imports": [
         {
           "path": "react",
@@ -3423,7 +3486,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Streaming/RTMPStreaming.jsx": {
-      "bytes": 9995,
+      "bytes": 9871,
       "imports": [
         {
           "path": "react",
@@ -3598,7 +3661,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Header/AdditionalRoomState.jsx": {
-      "bytes": 8011,
+      "bytes": 8115,
       "imports": [
         {
           "path": "react",
@@ -3654,7 +3717,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Header/StreamActions.jsx": {
-      "bytes": 7549,
+      "bytes": 7197,
       "imports": [
         {
           "path": "react",
@@ -3735,7 +3798,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Header/ConferencingHeader.jsx": {
-      "bytes": 825,
+      "bytes": 703,
       "imports": [
         {
           "path": "react",
@@ -3797,7 +3860,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/EmojiReaction.jsx": {
-      "bytes": 4689,
+      "bytes": 4776,
       "imports": [
         {
           "path": "react",
@@ -3888,7 +3951,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/LeaveRoom.jsx": {
-      "bytes": 6652,
+      "bytes": 6751,
       "imports": [
         {
           "path": "react",
@@ -3989,7 +4052,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/MetaActions.jsx": {
-      "bytes": 1631,
+      "bytes": 1621,
       "imports": [
         {
           "path": "react",
@@ -4045,7 +4108,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Header/StreamingHeader.jsx": {
-      "bytes": 1457,
+      "bytes": 1405,
       "imports": [
         {
           "path": "react",
@@ -4148,7 +4211,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/PostLeave.jsx": {
-      "bytes": 2719,
+      "bytes": 2745,
       "imports": [
         {
           "path": "react",
@@ -4265,7 +4328,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Chat/ChatBody.jsx": {
-      "bytes": 10031,
+      "bytes": 10101,
       "imports": [
         {
           "path": "react",
@@ -4372,7 +4435,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Chat/useEmojiPickerStyles.js": {
-      "bytes": 972,
+      "bytes": 991,
       "imports": [
         {
           "path": "react",
@@ -4388,7 +4451,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Chat/ChatFooter.jsx": {
-      "bytes": 4004,
+      "bytes": 4010,
       "imports": [
         {
           "path": "react",
@@ -4449,7 +4512,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Chat/ChatSelector.jsx": {
-      "bytes": 4833,
+      "bytes": 4840,
       "imports": [
         {
           "path": "react",
@@ -4500,7 +4563,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Chat/ChatHeader.jsx": {
-      "bytes": 2100,
+      "bytes": 2108,
       "imports": [
         {
           "path": "react",
@@ -4562,7 +4625,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Chat/Chat.jsx": {
-      "bytes": 5030,
+      "bytes": 5069,
       "imports": [
         {
           "path": "react",
@@ -4642,8 +4705,12 @@
       ],
       "format": "esm"
     },
+    "src/Prebuilt/images/rtmp.png": {
+      "bytes": 5446,
+      "imports": []
+    },
     "src/Prebuilt/components/Streaming/HLSStreaming.jsx": {
-      "bytes": 7051,
+      "bytes": 6740,
       "imports": [
         {
           "path": "react",
@@ -4680,11 +4747,6 @@
           "kind": "import-statement",
           "original": "../../common/hooks"
         },
-        {
-          "path": "src/Prebuilt/common/utils.js",
-          "kind": "import-statement",
-          "original": "../../common/utils"
-        },
         {
           "path": "src/Prebuilt/common/constants.js",
           "kind": "import-statement",
@@ -4703,29 +4765,8 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/components/Streaming/RTMPIcon.jsx": {
-      "bytes": 339741,
-      "imports": [
-        {
-          "path": "react",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "<define:process.env>",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "<runtime>",
-          "kind": "import-statement",
-          "external": true
-        }
-      ],
-      "format": "esm"
-    },
     "src/Prebuilt/components/Streaming/StreamingLanding.jsx": {
-      "bytes": 2715,
+      "bytes": 2733,
       "imports": [
         {
           "path": "react",
@@ -4757,6 +4798,11 @@
           "kind": "import-statement",
           "original": "../../IconButton"
         },
+        {
+          "path": "src/Prebuilt/images/rtmp.png",
+          "kind": "import-statement",
+          "original": "../../images/rtmp.png"
+        },
         {
           "path": "src/Prebuilt/components/Streaming/Common.jsx",
           "kind": "import-statement",
@@ -4767,11 +4813,6 @@
           "kind": "import-statement",
           "original": "./HLSStreaming"
         },
-        {
-          "path": "src/Prebuilt/components/Streaming/RTMPIcon.jsx",
-          "kind": "import-statement",
-          "original": "./RTMPIcon"
-        },
         {
           "path": "src/Prebuilt/components/Streaming/RTMPStreaming.jsx",
           "kind": "import-statement",
@@ -4796,7 +4837,7 @@
       "format": "esm"
     },
     "src/Prebuilt/layouts/SidePane.jsx": {
-      "bytes": 1361,
+      "bytes": 1362,
       "imports": [
         {
           "path": "react",
@@ -4846,8 +4887,49 @@
       ],
       "format": "esm"
     },
+    "src/Prebuilt/components/IconButtonWithOptions/IconButtonWithOptions.jsx": {
+      "bytes": 2655,
+      "imports": [
+        {
+          "path": "@100mslive/react-icons",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "src/Dropdown/index.tsx",
+          "kind": "import-statement",
+          "original": "../../../Dropdown"
+        },
+        {
+          "path": "src/Layout/index.tsx",
+          "kind": "import-statement",
+          "original": "../../../Layout"
+        },
+        {
+          "path": "src/Theme/index.tsx",
+          "kind": "import-statement",
+          "original": "../../../Theme"
+        },
+        {
+          "path": "src/Tooltip/index.ts",
+          "kind": "import-statement",
+          "original": "../../../Tooltip"
+        },
+        {
+          "path": "src/Prebuilt/IconButton.jsx",
+          "kind": "import-statement",
+          "original": "../../IconButton"
+        },
+        {
+          "path": "<define:process.env>",
+          "kind": "import-statement",
+          "external": true
+        }
+      ],
+      "format": "esm"
+    },
     "src/Prebuilt/components/AudioVideoToggle.jsx": {
-      "bytes": 2481,
+      "bytes": 3705,
       "imports": [
         {
           "path": "react",
@@ -4864,11 +4946,21 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "src/Prebuilt/components/IconButtonWithOptions/IconButtonWithOptions.jsx",
+          "kind": "import-statement",
+          "original": "./IconButtonWithOptions/IconButtonWithOptions"
+        },
         {
           "path": "src/Prebuilt/components/Toast/ToastManager.js",
           "kind": "import-statement",
           "original": "./Toast/ToastManager"
         },
+        {
+          "path": "src/Text/index.tsx",
+          "kind": "import-statement",
+          "original": "../../Text"
+        },
         {
           "path": "src/Tooltip/index.ts",
           "kind": "import-statement",
@@ -4897,8 +4989,29 @@
       ],
       "format": "esm"
     },
+    "src/Prebuilt/components/Chip.jsx": {
+      "bytes": 553,
+      "imports": [
+        {
+          "path": "src/Layout/index.tsx",
+          "kind": "import-statement",
+          "original": "../../Layout"
+        },
+        {
+          "path": "src/Text/index.tsx",
+          "kind": "import-statement",
+          "original": "../../Text"
+        },
+        {
+          "path": "<define:process.env>",
+          "kind": "import-statement",
+          "external": true
+        }
+      ],
+      "format": "esm"
+    },
     "src/Prebuilt/components/Connection/TileConnection.jsx": {
-      "bytes": 861,
+      "bytes": 865,
       "imports": [
         {
           "path": "react",
@@ -4929,7 +5042,7 @@
       "format": "esm"
     },
     "src/Prebuilt/primitives/DropdownTrigger.jsx": {
-      "bytes": 1108,
+      "bytes": 1116,
       "imports": [
         {
           "path": "react",
@@ -4959,24 +5072,8 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/components/Settings/common.js": {
-      "bytes": 268,
-      "imports": [
-        {
-          "path": "src/index.ts",
-          "kind": "import-statement",
-          "original": "../../.."
-        },
-        {
-          "path": "<define:process.env>",
-          "kind": "import-statement",
-          "external": true
-        }
-      ],
-      "format": "esm"
-    },
     "src/Prebuilt/components/Settings/DeviceSettings.jsx": {
-      "bytes": 7048,
+      "bytes": 6849,
       "imports": [
         {
           "path": "react",
@@ -5027,17 +5124,12 @@
           "path": "<define:process.env>",
           "kind": "import-statement",
           "external": true
-        },
-        {
-          "path": "<runtime>",
-          "kind": "import-statement",
-          "external": true
         }
       ],
       "format": "esm"
     },
     "src/Prebuilt/components/Settings/SwitchWithLabel.jsx": {
-      "bytes": 996,
+      "bytes": 951,
       "imports": [
         {
           "path": "react",
@@ -5164,48 +5256,69 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/components/Settings/SettingsModal.jsx": {
-      "bytes": 5703,
+    "src/Prebuilt/components/Settings/common.js": {
+      "bytes": 935,
       "imports": [
         {
-          "path": "react",
+          "path": "@100mslive/react-icons",
           "kind": "import-statement",
           "external": true
         },
         {
-          "path": "react-use",
+          "path": "src/index.ts",
           "kind": "import-statement",
-          "external": true
+          "original": "../../.."
         },
         {
-          "path": "@100mslive/react-sdk",
+          "path": "src/Prebuilt/components/Settings/DeviceSettings.jsx",
           "kind": "import-statement",
-          "external": true
+          "original": "../Settings/DeviceSettings"
         },
         {
-          "path": "@100mslive/react-icons",
+          "path": "src/Prebuilt/components/Settings/LayoutSettings.jsx",
+          "kind": "import-statement",
+          "original": "../Settings/LayoutSettings"
+        },
+        {
+          "path": "src/Prebuilt/components/Settings/NotificationSettings.jsx",
+          "kind": "import-statement",
+          "original": "../Settings/NotificationSettings"
+        },
+        {
+          "path": "<define:process.env>",
+          "kind": "import-statement",
+          "external": true
+        }
+      ],
+      "format": "esm"
+    },
+    "src/Prebuilt/components/Settings/SettingsModal.jsx": {
+      "bytes": 5149,
+      "imports": [
+        {
+          "path": "react",
           "kind": "import-statement",
           "external": true
         },
         {
-          "path": "src/index.ts",
+          "path": "react-use",
           "kind": "import-statement",
-          "original": "../../../"
+          "external": true
         },
         {
-          "path": "src/Prebuilt/components/Settings/DeviceSettings.jsx",
+          "path": "@100mslive/react-sdk",
           "kind": "import-statement",
-          "original": "./DeviceSettings"
+          "external": true
         },
         {
-          "path": "src/Prebuilt/components/Settings/LayoutSettings.jsx",
+          "path": "@100mslive/react-icons",
           "kind": "import-statement",
-          "original": "./LayoutSettings"
+          "external": true
         },
         {
-          "path": "src/Prebuilt/components/Settings/NotificationSettings.jsx",
+          "path": "src/index.ts",
           "kind": "import-statement",
-          "original": "./NotificationSettings"
+          "original": "../../../"
         },
         {
           "path": "src/Prebuilt/components/AppData/useUISettings.js",
@@ -5230,23 +5343,48 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/components/Preview/PreviewName.jsx": {
-      "bytes": 872,
+    "src/Prebuilt/components/Preview/PreviewForm.jsx": {
+      "bytes": 2404,
       "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": "@100mslive/react-icons",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "src/index.ts",
           "kind": "import-statement",
-          "original": "../../../"
+          "original": "../../.."
         },
         {
-          "path": "src/Prebuilt/common/utils.js",
+          "path": "src/Prebuilt/provider/roomLayoutProvider/index.tsx",
           "kind": "import-statement",
-          "original": "../../common/utils"
+          "original": "../../provider/roomLayoutProvider"
+        },
+        {
+          "path": "src/Prebuilt/components/Preview/PreviewJoin.jsx",
+          "kind": "import-statement",
+          "original": "./PreviewJoin"
         },
         {
           "path": "<define:process.env>",
@@ -5273,7 +5411,7 @@
       "format": "esm"
     },
     "src/Prebuilt/plugins/VirtualBackground/VirtualBackground.jsx": {
-      "bytes": 3180,
+      "bytes": 3213,
       "imports": [
         {
           "path": "react",
@@ -5344,7 +5482,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Preview/PreviewJoin.jsx": {
-      "bytes": 5899,
+      "bytes": 8349,
       "imports": [
         {
           "path": "react",
@@ -5376,25 +5514,45 @@
           "kind": "import-statement",
           "original": "../../IconButton"
         },
+        {
+          "path": "src/Prebuilt/provider/roomLayoutProvider/index.tsx",
+          "kind": "import-statement",
+          "original": "../../provider/roomLayoutProvider"
+        },
         {
           "path": "src/Prebuilt/components/AudioVideoToggle.jsx",
           "kind": "import-statement",
           "original": "../AudioVideoToggle"
         },
+        {
+          "path": "src/Prebuilt/components/Chip.jsx",
+          "kind": "import-statement",
+          "original": "../Chip"
+        },
         {
           "path": "src/Prebuilt/components/Connection/TileConnection.jsx",
           "kind": "import-statement",
           "original": "../Connection/TileConnection"
         },
+        {
+          "path": "src/Prebuilt/components/FullPageProgress.jsx",
+          "kind": "import-statement",
+          "original": "../FullPageProgress"
+        },
+        {
+          "path": "src/Prebuilt/components/Header/HeaderComponents.jsx",
+          "kind": "import-statement",
+          "original": "../Header/HeaderComponents"
+        },
         {
           "path": "src/Prebuilt/components/Settings/SettingsModal.jsx",
           "kind": "import-statement",
           "original": "../Settings/SettingsModal"
         },
         {
-          "path": "src/Prebuilt/components/Preview/PreviewName.jsx",
+          "path": "src/Prebuilt/components/Preview/PreviewForm.jsx",
           "kind": "import-statement",
-          "original": "./PreviewName"
+          "original": "./PreviewForm"
         },
         {
           "path": "src/Prebuilt/components/AppData/useUISettings.js",
@@ -5461,7 +5619,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Preview/PreviewContainer.jsx": {
-      "bytes": 1817,
+      "bytes": 2149,
       "imports": [
         {
           "path": "react",
@@ -5478,6 +5636,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "@100mslive/react-sdk",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "src/index.ts",
           "kind": "import-statement",
@@ -5488,6 +5651,11 @@
           "kind": "import-statement",
           "original": "../../layouts/SidePane"
         },
+        {
+          "path": "src/Prebuilt/components/FullPageProgress.jsx",
+          "kind": "import-statement",
+          "original": "../FullPageProgress"
+        },
         {
           "path": "src/Prebuilt/components/Header/index.jsx",
           "kind": "import-statement",
@@ -5598,8 +5766,8 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/plugins/confetti.jsx": {
-      "bytes": 1842,
+    "src/Prebuilt/plugins/FlyingEmoji.jsx": {
+      "bytes": 3649,
       "imports": [
         {
           "path": "react",
@@ -5612,14 +5780,24 @@
           "external": true
         },
         {
-          "path": "js-confetti",
+          "path": "@100mslive/react-sdk",
           "kind": "import-statement",
           "external": true
         },
         {
-          "path": "@100mslive/react-sdk",
+          "path": "src/Layout/index.tsx",
           "kind": "import-statement",
-          "external": true
+          "original": "../../Layout"
+        },
+        {
+          "path": "src/Text/index.tsx",
+          "kind": "import-statement",
+          "original": "../../Text"
+        },
+        {
+          "path": "src/Theme/index.tsx",
+          "kind": "import-statement",
+          "original": "../../Theme"
         },
         {
           "path": "<define:process.env>",
@@ -5629,49 +5807,39 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/plugins/FlyingEmoji.jsx": {
-      "bytes": 3643,
+    "src/Prebuilt/plugins/RemoteStopScreenshare.jsx": {
+      "bytes": 509,
       "imports": [
         {
           "path": "react",
           "kind": "import-statement",
           "external": true
         },
-        {
-          "path": "react-use",
-          "kind": "import-statement",
-          "external": true
-        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "import-statement",
           "external": true
         },
         {
-          "path": "src/Layout/index.tsx",
-          "kind": "import-statement",
-          "original": "../../Layout"
-        },
-        {
-          "path": "src/Text/index.tsx",
+          "path": "src/Prebuilt/common/constants.js",
           "kind": "import-statement",
-          "original": "../../Text"
+          "original": "../common/constants"
         },
         {
-          "path": "src/Theme/index.tsx",
+          "path": "<define:process.env>",
           "kind": "import-statement",
-          "original": "../../Theme"
+          "external": true
         },
         {
-          "path": "<define:process.env>",
+          "path": "<runtime>",
           "kind": "import-statement",
           "external": true
         }
       ],
       "format": "esm"
     },
-    "src/Prebuilt/plugins/RemoteStopScreenshare.jsx": {
-      "bytes": 509,
+    "src/Prebuilt/components/Notifications/HLSFailureModal.jsx": {
+      "bytes": 2332,
       "imports": [
         {
           "path": "react",
@@ -5683,10 +5851,35 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "src/Button/index.tsx",
+          "kind": "import-statement",
+          "original": "../../../Button"
+        },
+        {
+          "path": "src/Layout/index.tsx",
+          "kind": "import-statement",
+          "original": "../../../Layout"
+        },
+        {
+          "path": "src/Modal/index.ts",
+          "kind": "import-statement",
+          "original": "../../../Modal"
+        },
+        {
+          "path": "src/Text/index.tsx",
+          "kind": "import-statement",
+          "original": "../../../Text"
+        },
+        {
+          "path": "src/Prebuilt/components/AppData/useUISettings.js",
+          "kind": "import-statement",
+          "original": "../AppData/useUISettings"
+        },
         {
           "path": "src/Prebuilt/common/constants.js",
           "kind": "import-statement",
-          "original": "../common/constants"
+          "original": "../../common/constants"
         },
         {
           "path": "<define:process.env>",
@@ -5718,7 +5911,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Playlist/PlaylistControls.jsx": {
-      "bytes": 4870,
+      "bytes": 4891,
       "imports": [
         {
           "path": "react",
@@ -5754,7 +5947,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Playlist/VideoPlayer.jsx": {
-      "bytes": 3002,
+      "bytes": 3035,
       "imports": [
         {
           "path": "react",
@@ -5810,7 +6003,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/ScreenshareDisplay.jsx": {
-      "bytes": 1163,
+      "bytes": 1168,
       "imports": [
         {
           "path": "react",
@@ -5867,7 +6060,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/TileMenu.jsx": {
-      "bytes": 9611,
+      "bytes": 9624,
       "imports": [
         {
           "path": "react",
@@ -6460,7 +6653,7 @@
       "format": "cjs"
     },
     "../hms-video-web/dist/index.js": {
-      "bytes": 241676,
+      "bytes": 241777,
       "imports": [
         {
           "path": "uuid",
@@ -6579,7 +6772,7 @@
       "format": "esm"
     },
     "../hms-video-store/dist/index.js": {
-      "bytes": 65144,
+      "bytes": 65160,
       "imports": [
         {
           "path": "../../node_modules/reselect/es/index.js",
@@ -6900,7 +7093,7 @@
       "format": "esm"
     },
     "src/Prebuilt/images/first_person.png": {
-      "bytes": 71275,
+      "bytes": 129535,
       "imports": []
     },
     "src/Prebuilt/components/FirstPersonDisplay.jsx": {
@@ -6935,7 +7128,7 @@
       "format": "esm"
     },
     "src/Prebuilt/layouts/InsetView.jsx": {
-      "bytes": 6844,
+      "bytes": 6770,
       "imports": [
         {
           "path": "react",
@@ -7068,7 +7261,7 @@
       "format": "esm"
     },
     "src/Prebuilt/layouts/NonPublisherView.jsx": {
-      "bytes": 1324,
+      "bytes": 1332,
       "imports": [
         {
           "path": "react",
@@ -7217,7 +7410,7 @@
       "format": "esm"
     },
     "src/Prebuilt/layouts/WaitingView.jsx": {
-      "bytes": 1253,
+      "bytes": 1261,
       "imports": [
         {
           "path": "react",
@@ -7315,7 +7508,7 @@
       ],
       "format": "esm"
     },
-    "../../../../../../../tmp/tmp-2771-hDWm7QOKpfQS/18997609bdb1/Whiteboard.css": {
+    "../../../../../../../tmp/tmp-2702-mVSQBPWREqvj/189cb8f5d8a0/Whiteboard.css": {
       "bytes": 221,
       "imports": []
     },
@@ -7338,7 +7531,7 @@
           "original": "./useMultiplayerState"
         },
         {
-          "path": "../../../../../../../tmp/tmp-2771-hDWm7QOKpfQS/18997609bdb1/Whiteboard.css",
+          "path": "../../../../../../../tmp/tmp-2702-mVSQBPWREqvj/189cb8f5d8a0/Whiteboard.css",
           "kind": "import-statement",
           "original": "./Whiteboard.css"
         },
@@ -7356,7 +7549,7 @@
       "format": "esm"
     },
     "src/Prebuilt/plugins/whiteboard/ToggleWhiteboard.jsx": {
-      "bytes": 1451,
+      "bytes": 1430,
       "imports": [
         {
           "path": "react",
@@ -7438,7 +7631,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/HlsStatsOverlay.jsx": {
-      "bytes": 3139,
+      "bytes": 3131,
       "imports": [
         {
           "path": "react",
@@ -7511,7 +7704,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/HMSVideo/PlayButton.jsx": {
-      "bytes": 476,
+      "bytes": 471,
       "imports": [
         {
           "path": "react",
@@ -7548,7 +7741,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/HMSVideo/VideoProgress.jsx": {
-      "bytes": 2381,
+      "bytes": 2389,
       "imports": [
         {
           "path": "react",
@@ -7574,7 +7767,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/HMSVideo/VideoTime.jsx": {
-      "bytes": 853,
+      "bytes": 860,
       "imports": [
         {
           "path": "react",
@@ -7605,7 +7798,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/HMSVideo/VolumeControl.jsx": {
-      "bytes": 952,
+      "bytes": 962,
       "imports": [
         {
           "path": "react",
@@ -7719,7 +7912,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/HMSVideo/HLSQualitySelector.jsx": {
-      "bytes": 2862,
+      "bytes": 2870,
       "imports": [
         {
           "path": "react",
@@ -7745,7 +7938,7 @@
       "format": "esm"
     },
     "src/Prebuilt/layouts/HLSView.jsx": {
-      "bytes": 10707,
+      "bytes": 10731,
       "imports": [
         {
           "path": "react",
@@ -7943,13 +8136,18 @@
       "format": "esm"
     },
     "src/Prebuilt/layouts/mainView.jsx": {
-      "bytes": 4045,
+      "bytes": 5251,
       "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",
@@ -7965,6 +8163,11 @@
           "kind": "import-statement",
           "original": "../../Layout"
         },
+        {
+          "path": "src/Prebuilt/provider/roomLayoutProvider/index.tsx",
+          "kind": "import-statement",
+          "original": "../provider/roomLayoutProvider"
+        },
         {
           "path": "src/Prebuilt/layouts/EmbedView.jsx",
           "kind": "import-statement",
@@ -8039,88 +8242,6 @@
           "path": "src/Prebuilt/layouts/PinnedTrackView.jsx",
           "kind": "dynamic-import",
           "original": "./PinnedTrackView"
-        }
-      ],
-      "format": "esm"
-    },
-    "src/Prebuilt/components/Playlist/PlaylistItem.jsx": {
-      "bytes": 1252,
-      "imports": [
-        {
-          "path": "react",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "src/index.ts",
-          "kind": "import-statement",
-          "original": "../../../"
-        },
-        {
-          "path": "<define:process.env>",
-          "kind": "import-statement",
-          "external": true
-        }
-      ],
-      "format": "esm"
-    },
-    "src/Prebuilt/components/Playlist/Playlist.jsx": {
-      "bytes": 4522,
-      "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/IconButton.jsx",
-          "kind": "import-statement",
-          "original": "../../IconButton"
-        },
-        {
-          "path": "src/Prebuilt/components/Playlist/PlaylistControls.jsx",
-          "kind": "import-statement",
-          "original": "./PlaylistControls"
-        },
-        {
-          "path": "src/Prebuilt/components/Playlist/PlaylistItem.jsx",
-          "kind": "import-statement",
-          "original": "./PlaylistItem"
-        },
-        {
-          "path": "src/Prebuilt/components/hooks/useFeatures.js",
-          "kind": "import-statement",
-          "original": "../hooks/useFeatures"
-        },
-        {
-          "path": "src/Prebuilt/components/hooks/usePlaylist.js",
-          "kind": "import-statement",
-          "original": "../hooks/usePlaylist"
-        },
-        {
-          "path": "src/Prebuilt/common/constants.js",
-          "kind": "import-statement",
-          "original": "../../common/constants"
-        },
-        {
-          "path": "<define:process.env>",
-          "kind": "import-statement",
-          "external": true
         },
         {
           "path": "<runtime>",
@@ -8131,7 +8252,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Settings/StartRecording.jsx": {
-      "bytes": 4476,
+      "bytes": 4357,
       "imports": [
         {
           "path": "react",
@@ -8192,7 +8313,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/StatsForNerds.jsx": {
-      "bytes": 8848,
+      "bytes": 8870,
       "imports": [
         {
           "path": "react",
@@ -8268,7 +8389,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/MoreSettings/BulkRoleChangeModal.jsx": {
-      "bytes": 5218,
+      "bytes": 5236,
       "imports": [
         {
           "path": "react",
@@ -8360,7 +8481,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/MoreSettings/ChangeSelfRole.jsx": {
-      "bytes": 2409,
+      "bytes": 2419,
       "imports": [
         {
           "path": "react",
@@ -8580,7 +8701,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/MoreSettings/MoreSettings.jsx": {
-      "bytes": 8631,
+      "bytes": 8653,
       "imports": [
         {
           "path": "react",
@@ -8696,7 +8817,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/PIP/pipUtils.js": {
-      "bytes": 6433,
+      "bytes": 6437,
       "imports": [
         {
           "path": "<define:process.env>",
@@ -8862,7 +8983,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/pdfAnnotator/pdfErrorView.jsx": {
-      "bytes": 664,
+      "bytes": 692,
       "imports": [
         {
           "path": "react",
@@ -8893,7 +9014,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/pdfAnnotator/pdfHeader.jsx": {
-      "bytes": 656,
+      "bytes": 663,
       "imports": [
         {
           "path": "react",
@@ -8919,7 +9040,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/pdfAnnotator/pdfInfo.jsx": {
-      "bytes": 775,
+      "bytes": 779,
       "imports": [
         {
           "path": "react",
@@ -8981,7 +9102,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/pdfAnnotator/uploadedFile.jsx": {
-      "bytes": 2519,
+      "bytes": 2530,
       "imports": [
         {
           "path": "react",
@@ -9027,7 +9148,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/pdfAnnotator/pdfFileOptions.jsx": {
-      "bytes": 3215,
+      "bytes": 3217,
       "imports": [
         {
           "path": "react",
@@ -9078,7 +9199,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/pdfAnnotator/shareScreenOptions.jsx": {
-      "bytes": 7003,
+      "bytes": 6763,
       "imports": [
         {
           "path": "react",
@@ -9370,7 +9491,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Footer/ConferencingFooter.jsx": {
-      "bytes": 3688,
+      "bytes": 3508,
       "imports": [
         {
           "path": "react",
@@ -9392,11 +9513,6 @@
           "kind": "import-statement",
           "external": true
         },
-        {
-          "path": "src/Prebuilt/components/Playlist/Playlist.jsx",
-          "kind": "import-statement",
-          "original": "../../components/Playlist/Playlist"
-        },
         {
           "path": "src/index.ts",
           "kind": "import-statement",
@@ -9619,7 +9735,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/conference.jsx": {
-      "bytes": 5084,
+      "bytes": 5386,
       "imports": [
         {
           "path": "react",
@@ -9641,6 +9757,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "src/Prebuilt/components/Notifications/HLSFailureModal.jsx",
+          "kind": "import-statement",
+          "original": "./Notifications/HLSFailureModal"
+        },
         {
           "path": "src/Layout/index.tsx",
           "kind": "import-statement",
@@ -9705,7 +9826,7 @@
       "format": "esm"
     },
     "src/Prebuilt/App.jsx": {
-      "bytes": 8191,
+      "bytes": 9452,
       "imports": [
         {
           "path": "react",
@@ -9777,6 +9898,11 @@
           "kind": "import-statement",
           "original": "./components/Toast/ToastContainer"
         },
+        {
+          "path": "src/Prebuilt/provider/roomLayoutProvider/index.tsx",
+          "kind": "import-statement",
+          "original": "./provider/roomLayoutProvider/index.tsx"
+        },
         {
           "path": "src/Layout/index.tsx",
           "kind": "import-statement",
@@ -9792,16 +9918,6 @@
           "kind": "import-statement",
           "original": "./AppContext"
         },
-        {
-          "path": "src/Prebuilt/hms.js",
-          "kind": "import-statement",
-          "original": "./hms.js"
-        },
-        {
-          "path": "src/Prebuilt/plugins/confetti.jsx",
-          "kind": "import-statement",
-          "original": "./plugins/confetti"
-        },
         {
           "path": "src/Prebuilt/plugins/FlyingEmoji.jsx",
           "kind": "import-statement",
@@ -9857,7 +9973,7 @@
       "format": "esm"
     },
     "src/Progress/index.tsx": {
-      "bytes": 414,
+      "bytes": 415,
       "imports": [
         {
           "path": "@radix-ui/react-progress",
@@ -10084,7 +10200,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 2398968
+      "bytes": 2069795
     },
     "dist/index.cjs.js": {
       "imports": [
@@ -10114,7 +10230,7 @@
           "external": true
         },
         {
-          "path": "react-use",
+          "path": "react",
           "kind": "require-call",
           "external": true
         },
@@ -10129,7 +10245,7 @@
           "external": true
         },
         {
-          "path": "react",
+          "path": "@100mslive/react-icons",
           "kind": "require-call",
           "external": true
         },
@@ -10488,21 +10604,11 @@
           "kind": "require-call",
           "external": true
         },
-        {
-          "path": "@100mslive/react-sdk",
-          "kind": "require-call",
-          "external": true
-        },
         {
           "path": "react",
           "kind": "require-call",
           "external": true
         },
-        {
-          "path": "@100mslive/react-sdk",
-          "kind": "require-call",
-          "external": true
-        },
         {
           "path": "@100mslive/react-icons",
           "kind": "require-call",
@@ -10558,6 +10664,11 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "react-use",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "require-call",
@@ -10643,6 +10754,26 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "@100mslive/types-prebuilt/elements/join_form",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "lodash.merge",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "react",
           "kind": "require-call",
@@ -11123,11 +11254,6 @@
           "kind": "require-call",
           "external": true
         },
-        {
-          "path": "react",
-          "kind": "require-call",
-          "external": true
-        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "require-call",
@@ -11148,6 +11274,11 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "@100mslive/react-icons",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "react",
           "kind": "require-call",
@@ -11218,6 +11349,11 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "@100mslive/react-icons",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "react",
           "kind": "require-call",
@@ -11243,6 +11379,26 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "react-use",
+          "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": "@100mslive/react-icons",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "@100mslive/hms-virtual-background",
           "kind": "require-call",
@@ -11314,7 +11470,7 @@
           "external": true
         },
         {
-          "path": "react",
+          "path": "@100mslive/react-sdk",
           "kind": "require-call",
           "external": true
         },
@@ -11324,22 +11480,22 @@
           "external": true
         },
         {
-          "path": "@100mslive/react-sdk",
+          "path": "react",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "react",
+          "path": "@100mslive/react-sdk",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "react-use",
+          "path": "react",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "js-confetti",
+          "path": "react-use",
           "kind": "require-call",
           "external": true
         },
@@ -11353,11 +11509,6 @@
           "kind": "require-call",
           "external": true
         },
-        {
-          "path": "react-use",
-          "kind": "require-call",
-          "external": true
-        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "require-call",
@@ -11824,17 +11975,7 @@
           "external": true
         },
         {
-          "path": "@100mslive/react-sdk",
-          "kind": "require-call",
-          "external": true
-        },
-        {
-          "path": "react",
-          "kind": "require-call",
-          "external": true
-        },
-        {
-          "path": "react",
+          "path": "@100mslive/types-prebuilt/elements/join_form",
           "kind": "require-call",
           "external": true
         },
@@ -11843,11 +11984,6 @@
           "kind": "require-call",
           "external": true
         },
-        {
-          "path": "@100mslive/react-icons",
-          "kind": "require-call",
-          "external": true
-        },
         {
           "path": "react",
           "kind": "require-call",
@@ -12229,25 +12365,22 @@
       "cssBundle": "dist/index.cjs.css",
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 18407
+          "bytesInOutput": 18605
         },
         "src/Theme/base.config.ts": {
-          "bytesInOutput": 6761
-        },
-        "src/Theme/themes.ts": {
-          "bytesInOutput": 2162
+          "bytesInOutput": 6052
         },
         "src/Theme/stitches.config.ts": {
-          "bytesInOutput": 2367
+          "bytesInOutput": 2243
         },
         "src/Theme/useSSR.tsx": {
           "bytesInOutput": 638
         },
         "src/Theme/ThemeProvider.tsx": {
-          "bytesInOutput": 2745
+          "bytesInOutput": 2524
         },
         "src/Theme/index.tsx": {
-          "bytesInOutput": 183
+          "bytesInOutput": 164
         },
         "src/Layout/Flex.tsx": {
           "bytesInOutput": 1688
@@ -12259,7 +12392,7 @@
           "bytesInOutput": 145
         },
         "src/Loading/Loading.tsx": {
-          "bytesInOutput": 1938
+          "bytesInOutput": 1020
         },
         "src/Loading/index.ts": {
           "bytesInOutput": 134
@@ -12268,19 +12401,19 @@
           "bytesInOutput": 417
         },
         "src/Button/Button.tsx": {
-          "bytesInOutput": 4413
+          "bytesInOutput": 5241
         },
         "src/Button/index.tsx": {
           "bytesInOutput": 132
         },
         "src/Text/Text.tsx": {
-          "bytesInOutput": 3329
+          "bytesInOutput": 3343
         },
         "src/Text/index.tsx": {
           "bytesInOutput": 126
         },
         "src/IconButton/IconButton.tsx": {
-          "bytesInOutput": 1239
+          "bytesInOutput": 1285
         },
         "src/IconButton/index.tsx": {
           "bytesInOutput": 144
@@ -12289,19 +12422,19 @@
           "bytesInOutput": 1144
         },
         "src/Avatar/Avatar.tsx": {
-          "bytesInOutput": 1424
+          "bytesInOutput": 1722
         },
         "src/Avatar/index.ts": {
           "bytesInOutput": 131
         },
         "src/Divider/Divider.tsx": {
-          "bytesInOutput": 1196
+          "bytesInOutput": 1200
         },
         "src/Divider/index.ts": {
           "bytesInOutput": 134
         },
         "src/Switch/Switch.tsx": {
-          "bytesInOutput": 1485
+          "bytesInOutput": 1490
         },
         "src/Switch/index.ts": {
           "bytesInOutput": 131
@@ -12313,25 +12446,25 @@
           "bytesInOutput": 151
         },
         "src/Tooltip/Tooltip.tsx": {
-          "bytesInOutput": 2218
+          "bytesInOutput": 2226
         },
         "src/Tooltip/index.ts": {
           "bytesInOutput": 134
         },
         "src/Select/Select.tsx": {
-          "bytesInOutput": 1830
+          "bytesInOutput": 1854
         },
         "src/Select/index.ts": {
           "bytesInOutput": 131
         },
         "src/Slider/Slider.tsx": {
-          "bytesInOutput": 2148
+          "bytesInOutput": 2156
         },
         "src/Slider/index.ts": {
           "bytesInOutput": 131
         },
         "src/Modal/DialogContent.tsx": {
-          "bytesInOutput": 2324
+          "bytesInOutput": 2332
         },
         "src/Modal/Dialog.tsx": {
           "bytesInOutput": 711
@@ -12340,13 +12473,13 @@
           "bytesInOutput": 128
         },
         "src/Input/Input.tsx": {
-          "bytesInOutput": 3318
+          "bytesInOutput": 3388
         },
         "src/Input/index.tsx": {
           "bytesInOutput": 129
         },
         "src/VideoTile/StyledVideoTile.tsx": {
-          "bytesInOutput": 3211
+          "bytesInOutput": 3263
         },
         "src/VideoTile/index.tsx": {
           "bytesInOutput": 146
@@ -12361,76 +12494,76 @@
           "bytesInOutput": 173
         },
         "src/Pagination/StyledPagination.tsx": {
-          "bytesInOutput": 1348
+          "bytesInOutput": 1361
         },
         "src/Pagination/index.tsx": {
           "bytesInOutput": 149
         },
         "src/Dropdown/Dropdown.tsx": {
-          "bytesInOutput": 3737
+          "bytesInOutput": 3835
         },
         "src/Dropdown/index.tsx": {
           "bytesInOutput": 138
         },
         "src/Video/Video.tsx": {
-          "bytesInOutput": 1627
+          "bytesInOutput": 1639
         },
         "src/Video/index.tsx": {
           "bytesInOutput": 129
         },
         "src/TileMenu/StyledMenuTile.tsx": {
-          "bytesInOutput": 2479
+          "bytesInOutput": 2553
         },
         "src/TileMenu/index.tsx": {
           "bytesInOutput": 143
         },
         "src/AudioLevel/AudioLevel.tsx": {
-          "bytesInOutput": 947
+          "bytesInOutput": 950
         },
         "src/AudioLevel/index.ts": {
           "bytesInOutput": 143
         },
         "src/Popover/index.tsx": {
-          "bytesInOutput": 879
+          "bytesInOutput": 886
         },
         "src/Stats/formatBytes.ts": {
           "bytesInOutput": 634
         },
         "src/Stats/StyledStats.tsx": {
-          "bytesInOutput": 988
+          "bytesInOutput": 1004
         },
         "src/Stats/Stats.tsx": {
-          "bytesInOutput": 8938
+          "bytesInOutput": 8961
         },
         "src/Stats/index.tsx": {
           "bytesInOutput": 129
         },
         "src/Checkbox/Checkbox.tsx": {
-          "bytesInOutput": 988
+          "bytesInOutput": 1014
         },
         "src/Checkbox/index.tsx": {
           "bytesInOutput": 138
         },
         "src/Label/Label.tsx": {
-          "bytesInOutput": 349
+          "bytesInOutput": 353
         },
         "src/Label/index.ts": {
           "bytesInOutput": 128
         },
         "src/RadioGroup/RadioGroup.tsx": {
-          "bytesInOutput": 1031
+          "bytesInOutput": 1047
         },
         "src/RadioGroup/index.tsx": {
           "bytesInOutput": 144
         },
         "src/Toast/Toast.tsx": {
-          "bytesInOutput": 5066
+          "bytesInOutput": 5140
         },
         "src/Toast/index.tsx": {
           "bytesInOutput": 129
         },
         "src/Accordion/Accordion.tsx": {
-          "bytesInOutput": 3174
+          "bytesInOutput": 3189
         },
         "src/Accordion/index.ts": {
           "bytesInOutput": 297
@@ -12448,13 +12581,13 @@
           "bytesInOutput": 132
         },
         "src/ReactSelect/ReactSelect.tsx": {
-          "bytesInOutput": 2809
+          "bytesInOutput": 2864
         },
         "src/ReactSelect/index.ts": {
           "bytesInOutput": 236
         },
         "src/Tabs/Tabs.tsx": {
-          "bytesInOutput": 1099
+          "bytesInOutput": 1105
         },
         "src/Tabs/index.tsx": {
           "bytesInOutput": 126
@@ -12466,13 +12599,13 @@
           "bytesInOutput": 132
         },
         "src/Link/Link.tsx": {
-          "bytesInOutput": 1607
+          "bytesInOutput": 1621
         },
         "src/Link/index.tsx": {
           "bytesInOutput": 126
         },
         "src/Collapsible/Collapsible.tsx": {
-          "bytesInOutput": 1253
+          "bytesInOutput": 1254
         },
         "src/Collapsible/index.tsx": {
           "bytesInOutput": 147
@@ -12481,46 +12614,46 @@
           "bytesInOutput": 2567
         },
         "src/Prebuilt/components/hooks/useUserPreferences.jsx": {
-          "bytesInOutput": 1065
+          "bytesInOutput": 1062
         },
         "src/Prebuilt/common/constants.js": {
-          "bytesInOutput": 5098
+          "bytesInOutput": 5062
         },
         "src/Prebuilt/components/AppData/useSidepane.js": {
-          "bytesInOutput": 1646
+          "bytesInOutput": 1640
         },
         "src/Prebuilt/components/AppData/useUISettings.js": {
-          "bytesInOutput": 5726
+          "bytesInOutput": 5586
         },
         "src/Prebuilt/common/utils.js": {
-          "bytesInOutput": 1981
+          "bytesInOutput": 1108
         },
         "src/Prebuilt/components/AppData/AppData.jsx": {
-          "bytesInOutput": 7027
+          "bytesInOutput": 7051
         },
         "src/Prebuilt/services/FeatureFlags.jsx": {
           "bytesInOutput": 1837
         },
         "src/Prebuilt/components/AudioLevel/BeamSpeakerLabelsLogging.jsx": {
-          "bytesInOutput": 709
+          "bytesInOutput": 706
         },
         "src/Prebuilt/AppContext.jsx": {
           "bytesInOutput": 793
         },
         "src/Prebuilt/primitives/DialogContent.jsx": {
-          "bytesInOutput": 10566
+          "bytesInOutput": 10593
         },
         "src/Prebuilt/services/tokenService.js": {
           "bytesInOutput": 1288
         },
         "src/Prebuilt/components/AuthToken.jsx": {
-          "bytesInOutput": 5050
+          "bytesInOutput": 5047
         },
         "src/Prebuilt/components/ErrorBoundary.jsx": {
-          "bytesInOutput": 4372
+          "bytesInOutput": 4390
         },
         "src/Prebuilt/components/FullPageProgress.jsx": {
-          "bytesInOutput": 577
+          "bytesInOutput": 858
         },
         "src/Prebuilt/components/init/Init.jsx": {
           "bytesInOutput": 1871
@@ -12528,11 +12661,8 @@
         "src/Prebuilt/components/Input/KeyboardInputManager.js": {
           "bytesInOutput": 4995
         },
-        "src/Prebuilt/hms.js": {
-          "bytesInOutput": 442
-        },
         "src/Prebuilt/components/Toast/ToastConfig.jsx": {
-          "bytesInOutput": 5609
+          "bytesInOutput": 5340
         },
         "src/Prebuilt/components/Toast/ToastManager.js": {
           "bytesInOutput": 1359
@@ -12555,104 +12685,122 @@
         "src/Prebuilt/components/Notifications/PeerNotifications.jsx": {
           "bytesInOutput": 1906
         },
+        "src/assets/android-perm-0.png": {
+          "bytesInOutput": 19679
+        },
+        "src/assets/android-perm-1.png": {
+          "bytesInOutput": 10551
+        },
+        "src/assets/ios-perm-0.png": {
+          "bytesInOutput": 12059
+        },
         "src/Prebuilt/components/Notifications/PermissionErrorModal.jsx": {
-          "bytesInOutput": 3063
+          "bytesInOutput": 5752
         },
         "src/Prebuilt/components/Notifications/ReconnectNotifications.jsx": {
-          "bytesInOutput": 3478
+          "bytesInOutput": 3482
         },
         "src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.jsx": {
-          "bytesInOutput": 2279
+          "bytesInOutput": 2280
         },
         "src/Prebuilt/components/Notifications/TrackNotifications.jsx": {
           "bytesInOutput": 938
         },
         "src/Prebuilt/components/Notifications/TrackUnmuteModal.jsx": {
-          "bytesInOutput": 2268
+          "bytesInOutput": 2266
         },
         "src/Prebuilt/components/hooks/useNavigation.js": {
           "bytesInOutput": 771
         },
         "src/Prebuilt/components/Notifications/Notifications.jsx": {
-          "bytesInOutput": 6514
+          "bytesInOutput": 6447
         },
         "src/Prebuilt/components/Notifications/index.jsx": {
           "bytesInOutput": 173
         },
+        "src/Prebuilt/provider/roomLayoutProvider/constants/index.ts": {
+          "bytesInOutput": 1031
+        },
+        "src/Prebuilt/provider/roomLayoutProvider/hooks/useFetchRoomLayout.ts": {
+          "bytesInOutput": 1633
+        },
+        "src/Prebuilt/provider/roomLayoutProvider/index.tsx": {
+          "bytesInOutput": 984
+        },
         "src/Prebuilt/components/Header/HeaderComponents.jsx": {
-          "bytesInOutput": 1912
+          "bytesInOutput": 2116
         },
         "src/Prebuilt/IconButton.jsx": {
-          "bytesInOutput": 542
+          "bytesInOutput": 554
         },
         "src/Prebuilt/components/Connection/connectionQualityUtils.js": {
-          "bytesInOutput": 997
+          "bytesInOutput": 1059
         },
         "src/Prebuilt/components/Connection/ConnectionIndicator.jsx": {
-          "bytesInOutput": 4370
+          "bytesInOutput": 4409
         },
         "src/Prebuilt/components/hooks/useDropdownSelection.jsx": {
-          "bytesInOutput": 351
+          "bytesInOutput": 257
         },
         "src/Prebuilt/common/hooks.js": {
           "bytesInOutput": 493
         },
         "src/Prebuilt/components/RoleChangeModal.jsx": {
-          "bytesInOutput": 7589
+          "bytesInOutput": 7598
         },
         "src/Prebuilt/components/Header/ParticipantFilter.jsx": {
-          "bytesInOutput": 4239
+          "bytesInOutput": 4243
         },
         "src/Prebuilt/components/Header/ParticipantList.jsx": {
-          "bytesInOutput": 13395
+          "bytesInOutput": 13414
         },
         "src/Prebuilt/components/GoLiveButton.jsx": {
-          "bytesInOutput": 1985
+          "bytesInOutput": 1878
         },
         "src/Prebuilt/components/Streaming/ResolutionInput.jsx": {
           "bytesInOutput": 3668
         },
         "src/Prebuilt/components/Streaming/Common.jsx": {
-          "bytesInOutput": 5311
+          "bytesInOutput": 5491
         },
         "src/Prebuilt/components/Streaming/RTMPStreaming.jsx": {
-          "bytesInOutput": 12665
+          "bytesInOutput": 12511
         },
         "src/Prebuilt/components/hooks/useMetadata.jsx": {
-          "bytesInOutput": 2199
+          "bytesInOutput": 2197
         },
         "src/Prebuilt/plugins/whiteboard/useWhiteboardMetadata.js": {
           "bytesInOutput": 2178
         },
         "src/Prebuilt/components/hooks/usePlaylistMusic.js": {
-          "bytesInOutput": 1391
+          "bytesInOutput": 1384
         },
         "src/Prebuilt/components/hooks/useScreenshareAudio.js": {
-          "bytesInOutput": 1169
+          "bytesInOutput": 1165
         },
         "src/Prebuilt/components/Header/AdditionalRoomState.jsx": {
-          "bytesInOutput": 9343
+          "bytesInOutput": 9447
         },
         "src/Prebuilt/components/Header/StreamActions.jsx": {
-          "bytesInOutput": 9658
+          "bytesInOutput": 9266
         },
         "src/Prebuilt/components/Header/ConferencingHeader.jsx": {
-          "bytesInOutput": 1339
+          "bytesInOutput": 1146
         },
         "src/Prebuilt/components/hooks/useDropdownList.jsx": {
           "bytesInOutput": 885
         },
         "src/Prebuilt/components/EmojiReaction.jsx": {
-          "bytesInOutput": 5344
+          "bytesInOutput": 5435
         },
         "src/Prebuilt/components/LeaveRoom.jsx": {
-          "bytesInOutput": 7908
+          "bytesInOutput": 8004
         },
         "src/Prebuilt/components/MetaActions.jsx": {
-          "bytesInOutput": 2084
+          "bytesInOutput": 2074
         },
         "src/Prebuilt/components/Header/StreamingHeader.jsx": {
-          "bytesInOutput": 2232
+          "bytesInOutput": 2131
         },
         "src/Prebuilt/components/Header/Header.jsx": {
           "bytesInOutput": 507
@@ -12661,91 +12809,97 @@
           "bytesInOutput": 152
         },
         "src/Prebuilt/components/PostLeave.jsx": {
-          "bytesInOutput": 3408
+          "bytesInOutput": 3434
         },
         "src/Prebuilt/components/hooks/useSetPinnedMessage.js": {
-          "bytesInOutput": 1519
+          "bytesInOutput": 1516
         },
         "src/Prebuilt/components/Chat/ChatBody.jsx": {
-          "bytesInOutput": 12712
+          "bytesInOutput": 12784
         },
         "src/Prebuilt/components/AppData/useChatState.js": {
-          "bytesInOutput": 914
+          "bytesInOutput": 911
         },
         "src/Prebuilt/components/Chat/useEmojiPickerStyles.js": {
-          "bytesInOutput": 1360
+          "bytesInOutput": 1379
         },
         "src/Prebuilt/components/Chat/ChatFooter.jsx": {
-          "bytesInOutput": 5399
+          "bytesInOutput": 5400
         },
         "src/Prebuilt/components/Chat/ChatSelector.jsx": {
-          "bytesInOutput": 6549
+          "bytesInOutput": 6556
         },
         "src/Prebuilt/components/Chat/ChatHeader.jsx": {
-          "bytesInOutput": 2927
+          "bytesInOutput": 2935
         },
         "src/Prebuilt/components/Chat/useUnreadCount.js": {
           "bytesInOutput": 637
         },
         "src/Prebuilt/components/Chat/Chat.jsx": {
-          "bytesInOutput": 6297
+          "bytesInOutput": 6420
         },
-        "src/Prebuilt/components/Streaming/HLSStreaming.jsx": {
-          "bytesInOutput": 9577
+        "src/Prebuilt/images/rtmp.png": {
+          "bytesInOutput": 7396
         },
-        "src/Prebuilt/components/Streaming/RTMPIcon.jsx": {
-          "bytesInOutput": 341119
+        "src/Prebuilt/components/Streaming/HLSStreaming.jsx": {
+          "bytesInOutput": 9247
         },
         "src/Prebuilt/components/Streaming/StreamingLanding.jsx": {
-          "bytesInOutput": 3657
+          "bytesInOutput": 3668
         },
         "src/Prebuilt/layouts/SidePane.jsx": {
-          "bytesInOutput": 1729
+          "bytesInOutput": 1730
+        },
+        "src/Prebuilt/components/IconButtonWithOptions/IconButtonWithOptions.jsx": {
+          "bytesInOutput": 3081
         },
         "src/Prebuilt/components/AudioVideoToggle.jsx": {
-          "bytesInOutput": 3180
+          "bytesInOutput": 4644
+        },
+        "src/Prebuilt/components/Chip.jsx": {
+          "bytesInOutput": 784
         },
         "src/Prebuilt/components/Connection/TileConnection.jsx": {
-          "bytesInOutput": 1225
+          "bytesInOutput": 1229
         },
         "src/Prebuilt/primitives/DropdownTrigger.jsx": {
-          "bytesInOutput": 1762
-        },
-        "src/Prebuilt/components/Settings/common.js": {
-          "bytesInOutput": 445
+          "bytesInOutput": 1770
         },
         "src/Prebuilt/components/Settings/DeviceSettings.jsx": {
-          "bytesInOutput": 8218
+          "bytesInOutput": 8092
         },
         "src/Prebuilt/components/Settings/SwitchWithLabel.jsx": {
-          "bytesInOutput": 1396
+          "bytesInOutput": 1403
         },
         "src/Prebuilt/components/Settings/LayoutSettings.jsx": {
-          "bytesInOutput": 4007
+          "bytesInOutput": 4003
         },
         "src/Prebuilt/components/Settings/NotificationSettings.jsx": {
           "bytesInOutput": 2907
         },
+        "src/Prebuilt/components/Settings/common.js": {
+          "bytesInOutput": 1150
+        },
         "src/Prebuilt/components/Settings/SettingsModal.jsx": {
-          "bytesInOutput": 6690
+          "bytesInOutput": 6093
         },
-        "src/Prebuilt/components/Preview/PreviewName.jsx": {
-          "bytesInOutput": 1256
+        "src/Prebuilt/components/Preview/PreviewForm.jsx": {
+          "bytesInOutput": 3205
         },
         "src/Prebuilt/plugins/VirtualBackground/vbutils.js": {
           "bytesInOutput": 2273
         },
         "src/Prebuilt/plugins/VirtualBackground/VirtualBackground.jsx": {
-          "bytesInOutput": 4348
+          "bytesInOutput": 4380
         },
         "src/Prebuilt/components/Preview/PreviewJoin.jsx": {
-          "bytesInOutput": 7470
+          "bytesInOutput": 10558
         },
         "src/Prebuilt/components/hooks/useSkipPreview.jsx": {
           "bytesInOutput": 1133
         },
         "src/Prebuilt/components/Preview/PreviewContainer.jsx": {
-          "bytesInOutput": 2279
+          "bytesInOutput": 2712
         },
         "src/Prebuilt/components/Toast/Toast.jsx": {
           "bytesInOutput": 773
@@ -12753,32 +12907,32 @@
         "src/Prebuilt/components/Toast/ToastContainer.jsx": {
           "bytesInOutput": 1404
         },
-        "src/Prebuilt/plugins/confetti.jsx": {
-          "bytesInOutput": 1807
-        },
         "src/Prebuilt/plugins/FlyingEmoji.jsx": {
-          "bytesInOutput": 4188
+          "bytesInOutput": 4194
         },
         "src/Prebuilt/plugins/RemoteStopScreenshare.jsx": {
           "bytesInOutput": 823
         },
+        "src/Prebuilt/components/Notifications/HLSFailureModal.jsx": {
+          "bytesInOutput": 2776
+        },
         "src/Prebuilt/components/hooks/usePlaylist.js": {
-          "bytesInOutput": 1058
+          "bytesInOutput": 1055
         },
         "src/Prebuilt/components/Playlist/PlaylistControls.jsx": {
-          "bytesInOutput": 7482
+          "bytesInOutput": 5381
         },
         "src/Prebuilt/components/Playlist/VideoPlayer.jsx": {
-          "bytesInOutput": 4004
+          "bytesInOutput": 4035
         },
         "src/Prebuilt/components/ScreenshareDisplay.jsx": {
-          "bytesInOutput": 1852
+          "bytesInOutput": 1855
         },
         "src/Prebuilt/components/peerTileUtils.jsx": {
           "bytesInOutput": 1362
         },
         "src/Prebuilt/components/TileMenu.jsx": {
-          "bytesInOutput": 11648
+          "bytesInOutput": 11659
         },
         "src/Prebuilt/components/ScreenshareTile.jsx": {
           "bytesInOutput": 4236
@@ -12847,10 +13001,10 @@
           "bytesInOutput": 615
         },
         "../hms-video-web/dist/index.js": {
-          "bytesInOutput": 23350
+          "bytesInOutput": 23486
         },
         "../hms-video-store/dist/index.js": {
-          "bytesInOutput": 21392
+          "bytesInOutput": 21408
         },
         "src/Prebuilt/common/PeersSorter.js": {
           "bytesInOutput": 3234
@@ -12868,13 +13022,13 @@
           "bytesInOutput": 5295
         },
         "src/Prebuilt/images/first_person.png": {
-          "bytesInOutput": 95200
+          "bytesInOutput": 172880
         },
         "src/Prebuilt/components/FirstPersonDisplay.jsx": {
           "bytesInOutput": 1875
         },
         "src/Prebuilt/layouts/InsetView.jsx": {
-          "bytesInOutput": 7517
+          "bytesInOutput": 7438
         },
         "src/Prebuilt/components/Image.jsx": {
           "bytesInOutput": 246
@@ -12883,7 +13037,7 @@
           "bytesInOutput": 3349
         },
         "src/Prebuilt/layouts/NonPublisherView.jsx": {
-          "bytesInOutput": 2019
+          "bytesInOutput": 2027
         },
         "src/Prebuilt/components/AppData/useAppLayout.js": {
           "bytesInOutput": 422
@@ -12892,16 +13046,16 @@
           "bytesInOutput": 3974
         },
         "src/Prebuilt/layouts/PDFView.jsx": {
-          "bytesInOutput": 4199
+          "bytesInOutput": 4195
         },
         "src/Prebuilt/layouts/WaitingView.jsx": {
-          "bytesInOutput": 1935
+          "bytesInOutput": 1943
         },
         "src/Prebuilt/plugins/whiteboard/index.js": {
           "bytesInOutput": 170
         },
         "src/Prebuilt/components/HlsStatsOverlay.jsx": {
-          "bytesInOutput": 4203
+          "bytesInOutput": 4195
         },
         "src/Prebuilt/components/HMSVideo/Controls.jsx": {
           "bytesInOutput": 628
@@ -12910,19 +13064,19 @@
           "bytesInOutput": 642
         },
         "src/Prebuilt/components/HMSVideo/PlayButton.jsx": {
-          "bytesInOutput": 865
+          "bytesInOutput": 860
         },
         "src/Prebuilt/components/HMSVideo/HMSVIdeoUtils.js": {
           "bytesInOutput": 848
         },
         "src/Prebuilt/components/HMSVideo/VideoProgress.jsx": {
-          "bytesInOutput": 3219
+          "bytesInOutput": 3227
         },
         "src/Prebuilt/components/HMSVideo/VideoTime.jsx": {
-          "bytesInOutput": 1230
+          "bytesInOutput": 1225
         },
         "src/Prebuilt/components/HMSVideo/VolumeControl.jsx": {
-          "bytesInOutput": 1514
+          "bytesInOutput": 1524
         },
         "src/Prebuilt/components/HMSVideo/index.js": {
           "bytesInOutput": 565
@@ -12934,10 +13088,10 @@
           "bytesInOutput": 1233
         },
         "src/Prebuilt/components/HMSVideo/HLSQualitySelector.jsx": {
-          "bytesInOutput": 3406
+          "bytesInOutput": 3414
         },
         "src/Prebuilt/layouts/HLSView.jsx": {
-          "bytesInOutput": 12845
+          "bytesInOutput": 12867
         },
         "src/Prebuilt/layouts/ActiveSpeakerView.jsx": {
           "bytesInOutput": 1817
@@ -12946,28 +13100,22 @@
           "bytesInOutput": 2617
         },
         "src/Prebuilt/layouts/mainView.jsx": {
-          "bytesInOutput": 4534
-        },
-        "src/Prebuilt/components/Playlist/PlaylistItem.jsx": {
-          "bytesInOutput": 1724
-        },
-        "src/Prebuilt/components/Playlist/Playlist.jsx": {
-          "bytesInOutput": 5517
+          "bytesInOutput": 5953
         },
         "src/Prebuilt/components/Settings/StartRecording.jsx": {
-          "bytesInOutput": 5332
+          "bytesInOutput": 5184
         },
         "src/Prebuilt/components/StatsForNerds.jsx": {
-          "bytesInOutput": 11481
+          "bytesInOutput": 11497
         },
         "src/Prebuilt/components/MoreSettings/BulkRoleChangeModal.jsx": {
-          "bytesInOutput": 6212
+          "bytesInOutput": 6227
         },
         "src/Prebuilt/components/MoreSettings/ChangeNameModal.jsx": {
-          "bytesInOutput": 3845
+          "bytesInOutput": 3843
         },
         "src/Prebuilt/components/MoreSettings/ChangeSelfRole.jsx": {
-          "bytesInOutput": 3171
+          "bytesInOutput": 3179
         },
         "src/Prebuilt/components/MoreSettings/EmbedUrl.jsx": {
           "bytesInOutput": 3706
@@ -12979,22 +13127,22 @@
           "bytesInOutput": 1170
         },
         "src/Prebuilt/components/MoreSettings/MuteAllModal.jsx": {
-          "bytesInOutput": 4395
+          "bytesInOutput": 4392
         },
         "src/Prebuilt/components/MoreSettings/MoreSettings.jsx": {
-          "bytesInOutput": 10314
+          "bytesInOutput": 10335
         },
         "src/Prebuilt/components/PIP/pipUtils.js": {
-          "bytesInOutput": 4387
+          "bytesInOutput": 4391
         },
         "src/Prebuilt/components/PIP/PIPManager.js": {
-          "bytesInOutput": 10093
+          "bytesInOutput": 10089
         },
         "src/Prebuilt/components/PIP/SetupMediaSession.js": {
           "bytesInOutput": 2932
         },
         "src/Prebuilt/components/PIP/PIPComponent.jsx": {
-          "bytesInOutput": 3156
+          "bytesInOutput": 3152
         },
         "src/Prebuilt/components/PIP/index.jsx": {
           "bytesInOutput": 511
@@ -13003,46 +13151,46 @@
           "bytesInOutput": 719
         },
         "src/Prebuilt/components/pdfAnnotator/pdfErrorView.jsx": {
-          "bytesInOutput": 1068
+          "bytesInOutput": 1096
         },
         "src/Prebuilt/components/pdfAnnotator/pdfHeader.jsx": {
-          "bytesInOutput": 1064
+          "bytesInOutput": 1071
         },
         "src/Prebuilt/components/pdfAnnotator/pdfInfo.jsx": {
-          "bytesInOutput": 1217
+          "bytesInOutput": 1221
         },
         "src/Prebuilt/components/pdfAnnotator/submitPdf.jsx": {
           "bytesInOutput": 2890
         },
         "src/Prebuilt/components/pdfAnnotator/uploadedFile.jsx": {
-          "bytesInOutput": 3122
+          "bytesInOutput": 3133
         },
         "src/Prebuilt/components/pdfAnnotator/pdfFileOptions.jsx": {
-          "bytesInOutput": 3566
+          "bytesInOutput": 3568
         },
         "src/Prebuilt/components/pdfAnnotator/shareScreenOptions.jsx": {
-          "bytesInOutput": 8131
+          "bytesInOutput": 7859
         },
         "src/Prebuilt/components/ScreenShare.jsx": {
           "bytesInOutput": 1986
         },
         "src/Prebuilt/components/ScreenshareHintModal.jsx": {
-          "bytesInOutput": 1520
+          "bytesInOutput": 1518
         },
         "src/Prebuilt/components/Footer/ChatToggle.jsx": {
-          "bytesInOutput": 1457
+          "bytesInOutput": 1454
         },
         "src/Prebuilt/plugins/transcription/Transcriber.js": {
-          "bytesInOutput": 8129
+          "bytesInOutput": 8116
         },
         "src/Prebuilt/plugins/transcription/TranscriptionButton.jsx": {
-          "bytesInOutput": 4698
+          "bytesInOutput": 4692
         },
         "src/Prebuilt/plugins/transcription/index.jsx": {
           "bytesInOutput": 282
         },
         "src/Prebuilt/components/Footer/ConferencingFooter.jsx": {
-          "bytesInOutput": 5106
+          "bytesInOutput": 4851
         },
         "src/Prebuilt/components/Footer/StreamingFooter.jsx": {
           "bytesInOutput": 2843
@@ -13051,36 +13199,36 @@
           "bytesInOutput": 505
         },
         "src/Prebuilt/components/RoleChangeRequestModal.jsx": {
-          "bytesInOutput": 1441
+          "bytesInOutput": 1438
         },
         "src/Prebuilt/components/conference.jsx": {
-          "bytesInOutput": 6244
+          "bytesInOutput": 6602
         },
         "src/Prebuilt/App.jsx": {
-          "bytesInOutput": 11603
+          "bytesInOutput": 12768
         },
         "src/Prebuilt/index.js": {
           "bytesInOutput": 131
         },
         "src/Progress/index.tsx": {
-          "bytesInOutput": 651
+          "bytesInOutput": 652
         },
         "src/index.ts": {
-          "bytesInOutput": 2821
+          "bytesInOutput": 2759
         }
       },
-      "bytes": 1376628
+      "bytes": 1170434
     },
     "dist/index.cjs.css.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 453
+      "bytes": 519
     },
     "dist/index.cjs.css": {
       "imports": [],
       "inputs": {
-        "../../../../../../../tmp/tmp-2771-hDWm7QOKpfQS/18997609bdb1/Whiteboard.css": {
+        "../../../../../../../tmp/tmp-2702-mVSQBPWREqvj/189cb8f5d8a0/Whiteboard.css": {
           "bytesInOutput": 186
         }
       },