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

package/dist/meta.esbuild.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,8 +5807,8 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/plugins/FlyingEmoji.jsx": {
-      "bytes": 3643,
+    "src/Prebuilt/plugins/RemoteStopScreenshare.jsx": {
+      "bytes": 509,
       "imports": [
         {
           "path": "react",
@@ -5638,55 +5816,70 @@
           "external": true
         },
         {
-          "path": "react-use",
+          "path": "@100mslive/react-sdk",
           "kind": "import-statement",
           "external": true
         },
         {
-          "path": "@100mslive/react-sdk",
+          "path": "src/Prebuilt/common/constants.js",
+          "kind": "import-statement",
+          "original": "../common/constants"
+        },
+        {
+          "path": "<define:process.env>",
           "kind": "import-statement",
           "external": true
         },
         {
-          "path": "src/Layout/index.tsx",
+          "path": "<runtime>",
           "kind": "import-statement",
-          "original": "../../Layout"
+          "external": true
+        }
+      ],
+      "format": "esm"
+    },
+    "src/Prebuilt/components/Notifications/HLSFailureModal.jsx": {
+      "bytes": 2332,
+      "imports": [
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
         },
         {
-          "path": "src/Text/index.tsx",
+          "path": "@100mslive/react-sdk",
           "kind": "import-statement",
-          "original": "../../Text"
+          "external": true
         },
         {
-          "path": "src/Theme/index.tsx",
+          "path": "src/Button/index.tsx",
           "kind": "import-statement",
-          "original": "../../Theme"
+          "original": "../../../Button"
         },
         {
-          "path": "<define:process.env>",
+          "path": "src/Layout/index.tsx",
+          "kind": "import-statement",
+          "original": "../../../Layout"
+        },
+        {
+          "path": "src/Modal/index.ts",
           "kind": "import-statement",
-          "external": true
-        }
-      ],
-      "format": "esm"
-    },
-    "src/Prebuilt/plugins/RemoteStopScreenshare.jsx": {
-      "bytes": 509,
-      "imports": [
+          "original": "../../../Modal"
+        },
         {
-          "path": "react",
+          "path": "src/Text/index.tsx",
           "kind": "import-statement",
-          "external": true
+          "original": "../../../Text"
         },
         {
-          "path": "@100mslive/react-sdk",
+          "path": "src/Prebuilt/components/AppData/useUISettings.js",
           "kind": "import-statement",
-          "external": true
+          "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-5wBK3adRNu7R/18997609b3e0/Whiteboard.css": {
+    "../../../../../../../tmp/tmp-2702-YphCDdKcIqW7/189cb8f5dde1/Whiteboard.css": {
       "bytes": 221,
       "imports": []
     },
@@ -7338,7 +7531,7 @@
           "original": "./useMultiplayerState"
         },
         {
-          "path": "../../../../../../../tmp/tmp-2771-5wBK3adRNu7R/18997609b3e0/Whiteboard.css",
+          "path": "../../../../../../../tmp/tmp-2702-YphCDdKcIqW7/189cb8f5dde1/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",
@@ -10089,19 +10205,19 @@
     "dist/index.js": {
       "imports": [
         {
-          "path": "dist/chunk-ZET2HMGS.js",
+          "path": "dist/chunk-TZJCHZPD.js",
           "kind": "import-statement"
         },
         {
-          "path": "dist/chunk-BSQIN5RC.js",
+          "path": "dist/chunk-DH3QSV4E.js",
           "kind": "import-statement"
         },
         {
-          "path": "dist/chunk-A2PNZIK7.js",
+          "path": "dist/chunk-INRXWU7L.js",
           "kind": "import-statement"
         },
         {
-          "path": "dist/chunk-4VY5NUK7.js",
+          "path": "dist/chunk-DRKV2LAC.js",
           "kind": "import-statement"
         }
       ],
@@ -10153,14 +10269,12 @@
         "createTheme",
         "createThemeBase",
         "css",
-        "darkTheme",
         "flexCenter",
         "getCssText",
         "getLeft",
         "globalCss",
         "globalStyles",
         "keyframes",
-        "lightTheme",
         "slideLeftAndFade",
         "styled",
         "textEllipsis",
@@ -10171,22 +10285,22 @@
       "entryPoint": "src/index.ts",
       "cssBundle": "dist/index.css",
       "inputs": {},
-      "bytes": 1832
+      "bytes": 1778
     },
-    "dist/VirtualBackground-HWU22Q6S.js.map": {
+    "dist/VirtualBackground-R3JHARN5.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 8392
+      "bytes": 8457
     },
-    "dist/VirtualBackground-HWU22Q6S.js": {
+    "dist/VirtualBackground-R3JHARN5.js": {
       "imports": [
         {
-          "path": "dist/chunk-BSQIN5RC.js",
+          "path": "dist/chunk-DH3QSV4E.js",
           "kind": "import-statement"
         },
         {
-          "path": "dist/chunk-4VY5NUK7.js",
+          "path": "dist/chunk-DRKV2LAC.js",
           "kind": "import-statement"
         },
         {
@@ -10227,36 +10341,36 @@
       "entryPoint": "src/Prebuilt/plugins/VirtualBackground/VirtualBackground.jsx",
       "inputs": {
         "src/Prebuilt/plugins/VirtualBackground/VirtualBackground.jsx": {
-          "bytesInOutput": 3220
+          "bytesInOutput": 3253
         },
         "src/Prebuilt/plugins/VirtualBackground/vbutils.js": {
           "bytesInOutput": 1940
         }
       },
-      "bytes": 5668
+      "bytes": 5701
     },
-    "dist/HLSView-ZYNT3HJD.js.map": {
+    "dist/HLSView-3ILTIGBT.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 42182
+      "bytes": 42202
     },
-    "dist/HLSView-ZYNT3HJD.js": {
+    "dist/HLSView-3ILTIGBT.js": {
       "imports": [
         {
-          "path": "dist/chunk-ZET2HMGS.js",
+          "path": "dist/chunk-TZJCHZPD.js",
           "kind": "import-statement"
         },
         {
-          "path": "dist/chunk-BSQIN5RC.js",
+          "path": "dist/chunk-DH3QSV4E.js",
           "kind": "import-statement"
         },
         {
-          "path": "dist/chunk-A2PNZIK7.js",
+          "path": "dist/chunk-INRXWU7L.js",
           "kind": "import-statement"
         },
         {
-          "path": "dist/chunk-4VY5NUK7.js",
+          "path": "dist/chunk-DRKV2LAC.js",
           "kind": "import-statement"
         },
         {
@@ -10364,13 +10478,13 @@
         "default"
       ],
       "entryPoint": "src/Prebuilt/layouts/HLSView.jsx",
-      "cssBundle": "dist/HLSView-DIQQF2PP.css",
+      "cssBundle": "dist/HLSView-OVDMVJX5.css",
       "inputs": {
         "src/Prebuilt/layouts/HLSView.jsx": {
-          "bytesInOutput": 10137
+          "bytesInOutput": 10161
         },
         "src/Prebuilt/components/HlsStatsOverlay.jsx": {
-          "bytesInOutput": 3529
+          "bytesInOutput": 3521
         },
         "src/Prebuilt/components/HMSVideo/index.js": {
           "bytesInOutput": 252
@@ -10382,19 +10496,19 @@
           "bytesInOutput": 415
         },
         "src/Prebuilt/components/HMSVideo/PlayButton.jsx": {
-          "bytesInOutput": 539
+          "bytesInOutput": 534
         },
         "src/Prebuilt/components/HMSVideo/VideoProgress.jsx": {
-          "bytesInOutput": 2568
+          "bytesInOutput": 2576
         },
         "src/Prebuilt/components/HMSVideo/HMSVIdeoUtils.js": {
           "bytesInOutput": 725
         },
         "src/Prebuilt/components/HMSVideo/VideoTime.jsx": {
-          "bytesInOutput": 863
+          "bytesInOutput": 858
         },
         "src/Prebuilt/components/HMSVideo/VolumeControl.jsx": {
-          "bytesInOutput": 1079
+          "bytesInOutput": 1089
         },
         "src/Prebuilt/components/HMSVideo/FullscreenButton.jsx": {
           "bytesInOutput": 527
@@ -10403,37 +10517,37 @@
           "bytesInOutput": 902
         },
         "src/Prebuilt/components/HMSVideo/HLSQualitySelector.jsx": {
-          "bytesInOutput": 2826
+          "bytesInOutput": 2834
         }
       },
-      "bytes": 26089
+      "bytes": 26121
     },
-    "dist/ActiveSpeakerView-G32BDM5F.js.map": {
+    "dist/ActiveSpeakerView-N7C6WL27.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
       "bytes": 2205
     },
-    "dist/ActiveSpeakerView-G32BDM5F.js": {
+    "dist/ActiveSpeakerView-N7C6WL27.js": {
       "imports": [
         {
-          "path": "dist/chunk-TEHZYXCJ.js",
+          "path": "dist/chunk-G56Z3JA5.js",
           "kind": "import-statement"
         },
         {
-          "path": "dist/chunk-ZET2HMGS.js",
+          "path": "dist/chunk-TZJCHZPD.js",
           "kind": "import-statement"
         },
         {
-          "path": "dist/chunk-BSQIN5RC.js",
+          "path": "dist/chunk-DH3QSV4E.js",
           "kind": "import-statement"
         },
         {
-          "path": "dist/chunk-A2PNZIK7.js",
+          "path": "dist/chunk-INRXWU7L.js",
           "kind": "import-statement"
         },
         {
-          "path": "dist/chunk-4VY5NUK7.js",
+          "path": "dist/chunk-DRKV2LAC.js",
           "kind": "import-statement"
         },
         {
@@ -10451,7 +10565,7 @@
         "default"
       ],
       "entryPoint": "src/Prebuilt/layouts/ActiveSpeakerView.jsx",
-      "cssBundle": "dist/ActiveSpeakerView-LW4WDBC6.css",
+      "cssBundle": "dist/ActiveSpeakerView-ZOCC7LQW.css",
       "inputs": {
         "src/Prebuilt/layouts/ActiveSpeakerView.jsx": {
           "bytesInOutput": 1209
@@ -10459,32 +10573,32 @@
       },
       "bytes": 1619
     },
-    "dist/PinnedTrackView-GTXL2UTS.js.map": {
+    "dist/PinnedTrackView-6N6N5WOF.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
       "bytes": 3254
     },
-    "dist/PinnedTrackView-GTXL2UTS.js": {
+    "dist/PinnedTrackView-6N6N5WOF.js": {
       "imports": [
         {
-          "path": "dist/chunk-TEHZYXCJ.js",
+          "path": "dist/chunk-G56Z3JA5.js",
           "kind": "import-statement"
         },
         {
-          "path": "dist/chunk-ZET2HMGS.js",
+          "path": "dist/chunk-TZJCHZPD.js",
           "kind": "import-statement"
         },
         {
-          "path": "dist/chunk-BSQIN5RC.js",
+          "path": "dist/chunk-DH3QSV4E.js",
           "kind": "import-statement"
         },
         {
-          "path": "dist/chunk-A2PNZIK7.js",
+          "path": "dist/chunk-INRXWU7L.js",
           "kind": "import-statement"
         },
         {
-          "path": "dist/chunk-4VY5NUK7.js",
+          "path": "dist/chunk-DRKV2LAC.js",
           "kind": "import-statement"
         },
         {
@@ -10507,7 +10621,7 @@
         "default"
       ],
       "entryPoint": "src/Prebuilt/layouts/PinnedTrackView.jsx",
-      "cssBundle": "dist/PinnedTrackView-OAA4HAID.css",
+      "cssBundle": "dist/PinnedTrackView-RIL5IW5A.css",
       "inputs": {
         "src/Prebuilt/layouts/PinnedTrackView.jsx": {
           "bytesInOutput": 1824
@@ -10515,20 +10629,20 @@
       },
       "bytes": 2259
     },
-    "dist/transcription-L6VBK75V.js.map": {
+    "dist/transcription-XYVVYRAS.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
       "bytes": 17964
     },
-    "dist/transcription-L6VBK75V.js": {
+    "dist/transcription-XYVVYRAS.js": {
       "imports": [
         {
-          "path": "dist/chunk-A2PNZIK7.js",
+          "path": "dist/chunk-INRXWU7L.js",
           "kind": "import-statement"
         },
         {
-          "path": "dist/chunk-4VY5NUK7.js",
+          "path": "dist/chunk-DRKV2LAC.js",
           "kind": "import-statement"
         },
         {
@@ -10574,32 +10688,32 @@
       },
       "bytes": 11736
     },
-    "dist/conference-YHO2J3Z6.js.map": {
+    "dist/conference-IKSFGLVK.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 238361
+      "bytes": 233430
     },
-    "dist/conference-YHO2J3Z6.js": {
+    "dist/conference-IKSFGLVK.js": {
       "imports": [
         {
-          "path": "dist/chunk-TEHZYXCJ.js",
+          "path": "dist/chunk-G56Z3JA5.js",
           "kind": "import-statement"
         },
         {
-          "path": "dist/chunk-ZET2HMGS.js",
+          "path": "dist/chunk-TZJCHZPD.js",
           "kind": "import-statement"
         },
         {
-          "path": "dist/chunk-BSQIN5RC.js",
+          "path": "dist/chunk-DH3QSV4E.js",
           "kind": "import-statement"
         },
         {
-          "path": "dist/chunk-A2PNZIK7.js",
+          "path": "dist/chunk-INRXWU7L.js",
           "kind": "import-statement"
         },
         {
-          "path": "dist/chunk-4VY5NUK7.js",
+          "path": "dist/chunk-DRKV2LAC.js",
           "kind": "import-statement"
         },
         {
@@ -10637,6 +10751,21 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "@100mslive/types-prebuilt/elements/join_form",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "@100mslive/react-sdk",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "react-use",
           "kind": "import-statement",
@@ -10788,15 +10917,15 @@
           "external": true
         },
         {
-          "path": "dist/HLSView-ZYNT3HJD.js",
+          "path": "dist/HLSView-3ILTIGBT.js",
           "kind": "dynamic-import"
         },
         {
-          "path": "dist/ActiveSpeakerView-G32BDM5F.js",
+          "path": "dist/ActiveSpeakerView-N7C6WL27.js",
           "kind": "dynamic-import"
         },
         {
-          "path": "dist/PinnedTrackView-GTXL2UTS.js",
+          "path": "dist/PinnedTrackView-6N6N5WOF.js",
           "kind": "dynamic-import"
         },
         {
@@ -10829,26 +10958,6 @@
           "kind": "import-statement",
           "external": true
         },
-        {
-          "path": "@100mslive/react-sdk",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "@100mslive/react-icons",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "react",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "react",
-          "kind": "import-statement",
-          "external": true
-        },
         {
           "path": "react-use",
           "kind": "import-statement",
@@ -11115,11 +11224,11 @@
           "external": true
         },
         {
-          "path": "dist/transcription-L6VBK75V.js",
+          "path": "dist/transcription-XYVVYRAS.js",
           "kind": "dynamic-import"
         },
         {
-          "path": "dist/VirtualBackground-HWU22Q6S.js",
+          "path": "dist/VirtualBackground-R3JHARN5.js",
           "kind": "dynamic-import"
         },
         {
@@ -11142,49 +11251,52 @@
         "default"
       ],
       "entryPoint": "src/Prebuilt/components/conference.jsx",
-      "cssBundle": "dist/conference-LE4T3ZNF.css",
+      "cssBundle": "dist/conference-AIOOA5ON.css",
       "inputs": {
         "src/Prebuilt/components/conference.jsx": {
-          "bytesInOutput": 4782
+          "bytesInOutput": 5081
+        },
+        "src/Prebuilt/components/Notifications/HLSFailureModal.jsx": {
+          "bytesInOutput": 2222
         },
         "src/Prebuilt/layouts/mainView.jsx": {
-          "bytesInOutput": 3520
+          "bytesInOutput": 4775
         },
         "src/Prebuilt/layouts/EmbedView.jsx": {
-          "bytesInOutput": 4366
+          "bytesInOutput": 4380
         },
         "src/Prebuilt/layouts/screenShareView.jsx": {
-          "bytesInOutput": 5567
+          "bytesInOutput": 5584
         },
         "src/Prebuilt/components/Playlist/VideoPlayer.jsx": {
-          "bytesInOutput": 3074
+          "bytesInOutput": 3107
         },
         "src/Prebuilt/components/Playlist/PlaylistControls.jsx": {
-          "bytesInOutput": 5758
+          "bytesInOutput": 4202
         },
         "src/Prebuilt/components/hooks/usePlaylist.js": {
-          "bytesInOutput": 769
+          "bytesInOutput": 807
         },
         "src/Prebuilt/components/ScreenshareDisplay.jsx": {
-          "bytesInOutput": 1308
+          "bytesInOutput": 1313
         },
         "src/Prebuilt/layouts/InsetView.jsx": {
-          "bytesInOutput": 6468
+          "bytesInOutput": 6401
         },
         "src/Prebuilt/layouts/mainGridView.jsx": {
           "bytesInOutput": 3243
         },
         "src/Prebuilt/layouts/NonPublisherView.jsx": {
-          "bytesInOutput": 1460
+          "bytesInOutput": 1468
         },
         "src/Prebuilt/components/AppData/useAppLayout.js": {
           "bytesInOutput": 220
         },
         "src/Prebuilt/layouts/PDFView.jsx": {
-          "bytesInOutput": 3380
+          "bytesInOutput": 3381
         },
         "src/Prebuilt/layouts/WaitingView.jsx": {
-          "bytesInOutput": 1399
+          "bytesInOutput": 1407
         },
         "src/Prebuilt/plugins/whiteboard/index.js": {
           "bytesInOutput": 27
@@ -11193,31 +11305,25 @@
           "bytesInOutput": 237
         },
         "src/Prebuilt/components/Footer/ConferencingFooter.jsx": {
-          "bytesInOutput": 3686
-        },
-        "src/Prebuilt/components/Playlist/Playlist.jsx": {
-          "bytesInOutput": 4355
-        },
-        "src/Prebuilt/components/Playlist/PlaylistItem.jsx": {
-          "bytesInOutput": 1349
+          "bytesInOutput": 3483
         },
         "src/Prebuilt/components/MoreSettings/MoreSettings.jsx": {
-          "bytesInOutput": 8498
+          "bytesInOutput": 8488
         },
         "src/Prebuilt/components/Settings/StartRecording.jsx": {
-          "bytesInOutput": 4280
+          "bytesInOutput": 4195
         },
         "src/Prebuilt/components/StatsForNerds.jsx": {
-          "bytesInOutput": 9412
+          "bytesInOutput": 9432
         },
         "src/Prebuilt/components/MoreSettings/BulkRoleChangeModal.jsx": {
-          "bytesInOutput": 4955
+          "bytesInOutput": 4973
         },
         "src/Prebuilt/components/MoreSettings/ChangeNameModal.jsx": {
           "bytesInOutput": 3059
         },
         "src/Prebuilt/components/MoreSettings/ChangeSelfRole.jsx": {
-          "bytesInOutput": 2492
+          "bytesInOutput": 2504
         },
         "src/Prebuilt/components/MoreSettings/EmbedUrl.jsx": {
           "bytesInOutput": 3048
@@ -11241,7 +11347,7 @@
           "bytesInOutput": 8716
         },
         "src/Prebuilt/components/PIP/pipUtils.js": {
-          "bytesInOutput": 4285
+          "bytesInOutput": 4289
         },
         "src/Prebuilt/components/PIP/SetupMediaSession.js": {
           "bytesInOutput": 2469
@@ -11250,28 +11356,28 @@
           "bytesInOutput": 1445
         },
         "src/Prebuilt/components/pdfAnnotator/shareScreenOptions.jsx": {
-          "bytesInOutput": 7277
+          "bytesInOutput": 7021
         },
         "src/Prebuilt/components/ShareMenuIcon.jsx": {
           "bytesInOutput": 446
         },
         "src/Prebuilt/components/pdfAnnotator/pdfFileOptions.jsx": {
-          "bytesInOutput": 2920
+          "bytesInOutput": 2922
         },
         "src/Prebuilt/components/pdfAnnotator/pdfErrorView.jsx": {
-          "bytesInOutput": 666
+          "bytesInOutput": 694
         },
         "src/Prebuilt/components/pdfAnnotator/pdfHeader.jsx": {
-          "bytesInOutput": 683
+          "bytesInOutput": 690
         },
         "src/Prebuilt/components/pdfAnnotator/pdfInfo.jsx": {
-          "bytesInOutput": 818
+          "bytesInOutput": 822
         },
         "src/Prebuilt/components/pdfAnnotator/submitPdf.jsx": {
-          "bytesInOutput": 2293
+          "bytesInOutput": 2295
         },
         "src/Prebuilt/components/pdfAnnotator/uploadedFile.jsx": {
-          "bytesInOutput": 2283
+          "bytesInOutput": 2294
         },
         "src/Prebuilt/components/ScreenshareHintModal.jsx": {
           "bytesInOutput": 1060
@@ -11286,30 +11392,30 @@
           "bytesInOutput": 1074
         }
       },
-      "bytes": 143598
+      "bytes": 139664
     },
-    "dist/chunk-TEHZYXCJ.js.map": {
+    "dist/chunk-G56Z3JA5.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 1156987
+      "bytes": 1157444
     },
-    "dist/chunk-TEHZYXCJ.js": {
+    "dist/chunk-G56Z3JA5.js": {
       "imports": [
         {
-          "path": "dist/chunk-ZET2HMGS.js",
+          "path": "dist/chunk-TZJCHZPD.js",
           "kind": "import-statement"
         },
         {
-          "path": "dist/chunk-BSQIN5RC.js",
+          "path": "dist/chunk-DH3QSV4E.js",
           "kind": "import-statement"
         },
         {
-          "path": "dist/chunk-A2PNZIK7.js",
+          "path": "dist/chunk-INRXWU7L.js",
           "kind": "import-statement"
         },
         {
-          "path": "dist/chunk-4VY5NUK7.js",
+          "path": "dist/chunk-DRKV2LAC.js",
           "kind": "import-statement"
         },
         {
@@ -11513,7 +11619,7 @@
           "bytesInOutput": 1109
         },
         "src/Prebuilt/components/TileMenu.jsx": {
-          "bytesInOutput": 9260
+          "bytesInOutput": 9273
         },
         "src/Prebuilt/components/AppData/useAppConfig.js": {
           "bytesInOutput": 257
@@ -11525,7 +11631,7 @@
           "bytesInOutput": 1366
         },
         "src/Prebuilt/images/first_person.png": {
-          "bytesInOutput": 95089
+          "bytesInOutput": 172769
         },
         "src/Prebuilt/components/Image.jsx": {
           "bytesInOutput": 104
@@ -11546,13 +11652,13 @@
           "bytesInOutput": 2760
         },
         "../hms-video-store/dist/index.js": {
-          "bytesInOutput": 19266
+          "bytesInOutput": 19285
         },
         "../../node_modules/reselect/es/index.js": {
           "bytesInOutput": 2537
         },
         "../hms-video-web/dist/index.js": {
-          "bytesInOutput": 21159
+          "bytesInOutput": 21295
         },
         "../../node_modules/webrtc-adapter/src/js/adapter_core.js": {
           "bytesInOutput": 154
@@ -11588,26 +11694,26 @@
           "bytesInOutput": 12437
         }
       },
-      "bytes": 338908
+      "bytes": 416756
     },
-    "dist/chunk-ZET2HMGS.js.map": {
+    "dist/chunk-TZJCHZPD.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 863172
+      "bytes": 544180
     },
-    "dist/chunk-ZET2HMGS.js": {
+    "dist/chunk-TZJCHZPD.js": {
       "imports": [
         {
-          "path": "dist/chunk-BSQIN5RC.js",
+          "path": "dist/chunk-DH3QSV4E.js",
           "kind": "import-statement"
         },
         {
-          "path": "dist/chunk-A2PNZIK7.js",
+          "path": "dist/chunk-INRXWU7L.js",
           "kind": "import-statement"
         },
         {
-          "path": "dist/chunk-4VY5NUK7.js",
+          "path": "dist/chunk-DRKV2LAC.js",
           "kind": "import-statement"
         },
         {
@@ -11621,7 +11727,7 @@
           "external": true
         },
         {
-          "path": "react-use",
+          "path": "react",
           "kind": "import-statement",
           "external": true
         },
@@ -11631,7 +11737,7 @@
           "external": true
         },
         {
-          "path": "react",
+          "path": "@100mslive/react-icons",
           "kind": "import-statement",
           "external": true
         },
@@ -12010,21 +12116,11 @@
           "kind": "import-statement",
           "external": true
         },
-        {
-          "path": "@100mslive/react-sdk",
-          "kind": "import-statement",
-          "external": true
-        },
         {
           "path": "@100mslive/react-icons",
           "kind": "import-statement",
           "external": true
         },
-        {
-          "path": "@100mslive/react-sdk",
-          "kind": "import-statement",
-          "external": true
-        },
         {
           "path": "uuid",
           "kind": "import-statement",
@@ -12070,6 +12166,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "react-use",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "import-statement",
@@ -12190,6 +12291,26 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "lodash.merge",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "@100mslive/types-prebuilt/elements/join_form",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "react-use",
           "kind": "import-statement",
@@ -12480,6 +12601,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "@100mslive/react-sdk",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "react",
           "kind": "import-statement",
@@ -12660,11 +12786,6 @@
           "kind": "import-statement",
           "external": true
         },
-        {
-          "path": "react",
-          "kind": "import-statement",
-          "external": true
-        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "import-statement",
@@ -12690,6 +12811,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "@100mslive/react-icons",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "react",
           "kind": "import-statement",
@@ -12715,6 +12841,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "@100mslive/react-icons",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "react",
           "kind": "import-statement",
@@ -12770,22 +12901,13 @@
           "kind": "import-statement",
           "external": true
         },
-        {
-          "path": "dist/VirtualBackground-HWU22Q6S.js",
-          "kind": "dynamic-import"
-        },
-        {
-          "path": "react",
-          "kind": "import-statement",
-          "external": true
-        },
         {
           "path": "react-use",
           "kind": "import-statement",
           "external": true
         },
         {
-          "path": "react",
+          "path": "@100mslive/types-prebuilt/elements/join_form",
           "kind": "import-statement",
           "external": true
         },
@@ -12795,10 +12917,14 @@
           "external": true
         },
         {
-          "path": "react",
+          "path": "@100mslive/react-icons",
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "dist/VirtualBackground-R3JHARN5.js",
+          "kind": "dynamic-import"
+        },
         {
           "path": "react",
           "kind": "import-statement",
@@ -12810,7 +12936,7 @@
           "external": true
         },
         {
-          "path": "js-confetti",
+          "path": "react",
           "kind": "import-statement",
           "external": true
         },
@@ -12824,6 +12950,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "react-use",
           "kind": "import-statement",
@@ -12845,7 +12976,7 @@
           "external": true
         },
         {
-          "path": "dist/conference-YHO2J3Z6.js",
+          "path": "dist/conference-IKSFGLVK.js",
           "kind": "dynamic-import"
         },
         {
@@ -12933,6 +13064,7 @@
         "useNavigation",
         "usePDFAnnotator",
         "usePinnedTrack",
+        "useRoomLayout",
         "useSetAppDataByKey",
         "useSetUiSettings",
         "useSidepaneToggle",
@@ -12952,10 +13084,10 @@
           "bytesInOutput": 27
         },
         "src/Button/Button.tsx": {
-          "bytesInOutput": 3592
+          "bytesInOutput": 4252
         },
         "src/Theme/ThemeProvider.tsx": {
-          "bytesInOutput": 2132
+          "bytesInOutput": 1966
         },
         "src/Theme/useSSR.tsx": {
           "bytesInOutput": 424
@@ -12964,7 +13096,7 @@
           "bytesInOutput": 27
         },
         "src/Avatar/Avatar.tsx": {
-          "bytesInOutput": 1041
+          "bytesInOutput": 1262
         },
         "src/Avatar/getAvatarBg.ts": {
           "bytesInOutput": 869
@@ -12973,25 +13105,25 @@
           "bytesInOutput": 27
         },
         "src/Divider/Divider.tsx": {
-          "bytesInOutput": 863
+          "bytesInOutput": 867
         },
         "src/Switch/index.ts": {
           "bytesInOutput": 27
         },
         "src/Switch/Switch.tsx": {
-          "bytesInOutput": 1117
+          "bytesInOutput": 1122
         },
         "src/Select/index.ts": {
           "bytesInOutput": 27
         },
         "src/Select/Select.tsx": {
-          "bytesInOutput": 1368
+          "bytesInOutput": 1389
         },
         "src/Slider/index.ts": {
           "bytesInOutput": 27
         },
         "src/Slider/Slider.tsx": {
-          "bytesInOutput": 1652
+          "bytesInOutput": 1660
         },
         "src/Modal/index.ts": {
           "bytesInOutput": 27
@@ -13000,16 +13132,16 @@
           "bytesInOutput": 458
         },
         "src/Modal/DialogContent.tsx": {
-          "bytesInOutput": 1702
+          "bytesInOutput": 1710
         },
         "src/Input/Input.tsx": {
-          "bytesInOutput": 2515
+          "bytesInOutput": 2581
         },
         "src/VideoTile/index.tsx": {
           "bytesInOutput": 27
         },
         "src/VideoTile/StyledVideoTile.tsx": {
-          "bytesInOutput": 2469
+          "bytesInOutput": 2521
         },
         "src/VideoList/index.tsx": {
           "bytesInOutput": 27
@@ -13024,61 +13156,61 @@
           "bytesInOutput": 27
         },
         "src/Pagination/StyledPagination.tsx": {
-          "bytesInOutput": 971
+          "bytesInOutput": 984
         },
         "src/Dropdown/Dropdown.tsx": {
-          "bytesInOutput": 2780
+          "bytesInOutput": 2870
         },
         "src/Video/index.tsx": {
           "bytesInOutput": 27
         },
         "src/Video/Video.tsx": {
-          "bytesInOutput": 1238
+          "bytesInOutput": 1252
         },
         "src/TileMenu/index.tsx": {
           "bytesInOutput": 27
         },
         "src/TileMenu/StyledMenuTile.tsx": {
-          "bytesInOutput": 1898
+          "bytesInOutput": 1968
         },
         "src/AudioLevel/index.ts": {
           "bytesInOutput": 27
         },
         "src/AudioLevel/AudioLevel.tsx": {
-          "bytesInOutput": 750
+          "bytesInOutput": 753
         },
         "src/Popover/index.tsx": {
-          "bytesInOutput": 596
+          "bytesInOutput": 603
         },
         "src/Stats/index.tsx": {
           "bytesInOutput": 27
         },
         "src/Stats/Stats.tsx": {
-          "bytesInOutput": 7809
+          "bytesInOutput": 7812
         },
         "src/Stats/formatBytes.ts": {
           "bytesInOutput": 468
         },
         "src/Stats/StyledStats.tsx": {
-          "bytesInOutput": 692
+          "bytesInOutput": 708
         },
         "src/Checkbox/Checkbox.tsx": {
-          "bytesInOutput": 705
+          "bytesInOutput": 731
         },
         "src/Label/Label.tsx": {
-          "bytesInOutput": 197
+          "bytesInOutput": 201
         },
         "src/RadioGroup/RadioGroup.tsx": {
-          "bytesInOutput": 722
+          "bytesInOutput": 738
         },
         "src/Toast/Toast.tsx": {
-          "bytesInOutput": 4001
+          "bytesInOutput": 4071
         },
         "src/Accordion/index.ts": {
           "bytesInOutput": 149
         },
         "src/Accordion/Accordion.tsx": {
-          "bytesInOutput": 2451
+          "bytesInOutput": 2466
         },
         "src/Fieldset/Fieldset.tsx": {
           "bytesInOutput": 234
@@ -13093,10 +13225,10 @@
           "bytesInOutput": 117
         },
         "src/ReactSelect/ReactSelect.tsx": {
-          "bytesInOutput": 2179
+          "bytesInOutput": 2234
         },
         "src/Tabs/Tabs.tsx": {
-          "bytesInOutput": 793
+          "bytesInOutput": 799
         },
         "src/QRCode/QRCode.tsx": {
           "bytesInOutput": 255
@@ -13105,19 +13237,19 @@
           "bytesInOutput": 27
         },
         "src/Link/Link.tsx": {
-          "bytesInOutput": 1214
+          "bytesInOutput": 1228
         },
         "src/Collapsible/Collapsible.tsx": {
-          "bytesInOutput": 886
+          "bytesInOutput": 887
         },
         "src/Prebuilt/index.js": {
           "bytesInOutput": 27
         },
         "src/Prebuilt/App.jsx": {
-          "bytesInOutput": 8600
+          "bytesInOutput": 9699
         },
         "src/Prebuilt/components/AppData/AppData.jsx": {
-          "bytesInOutput": 5794
+          "bytesInOutput": 5791
         },
         "src/Prebuilt/components/init/initUtils.js": {
           "bytesInOutput": 2167
@@ -13126,37 +13258,37 @@
           "bytesInOutput": 727
         },
         "src/Prebuilt/components/AppData/useSidepane.js": {
-          "bytesInOutput": 1158
+          "bytesInOutput": 1152
         },
         "src/Prebuilt/components/AppData/useUISettings.js": {
-          "bytesInOutput": 4104
+          "bytesInOutput": 4025
         },
         "src/Prebuilt/common/utils.js": {
-          "bytesInOutput": 1608
+          "bytesInOutput": 805
         },
         "src/Prebuilt/components/AudioLevel/BeamSpeakerLabelsLogging.jsx": {
-          "bytesInOutput": 457
+          "bytesInOutput": 454
         },
         "src/Prebuilt/services/FeatureFlags.jsx": {
           "bytesInOutput": 1559
         },
         "src/Prebuilt/components/AuthToken.jsx": {
-          "bytesInOutput": 4116
+          "bytesInOutput": 4113
         },
         "src/Prebuilt/AppContext.jsx": {
           "bytesInOutput": 536
         },
         "src/Prebuilt/primitives/DialogContent.jsx": {
-          "bytesInOutput": 8614
+          "bytesInOutput": 8641
         },
         "src/Prebuilt/services/tokenService.js": {
           "bytesInOutput": 1112
         },
         "src/Prebuilt/components/ErrorBoundary.jsx": {
-          "bytesInOutput": 3454
+          "bytesInOutput": 3472
         },
         "src/Prebuilt/components/FullPageProgress.jsx": {
-          "bytesInOutput": 305
+          "bytesInOutput": 553
         },
         "src/Prebuilt/components/init/Init.jsx": {
           "bytesInOutput": 1424
@@ -13168,16 +13300,13 @@
           "bytesInOutput": 27
         },
         "src/Prebuilt/components/Notifications/Notifications.jsx": {
-          "bytesInOutput": 5613
+          "bytesInOutput": 5546
         },
         "src/Prebuilt/components/Toast/ToastBatcher.js": {
           "bytesInOutput": 1768
         },
         "src/Prebuilt/components/Toast/ToastConfig.jsx": {
-          "bytesInOutput": 4337
-        },
-        "src/Prebuilt/hms.js": {
-          "bytesInOutput": 262
+          "bytesInOutput": 4163
         },
         "src/Prebuilt/components/Toast/ToastManager.js": {
           "bytesInOutput": 1028
@@ -13195,25 +13324,34 @@
           "bytesInOutput": 1408
         },
         "src/Prebuilt/components/Notifications/PermissionErrorModal.jsx": {
-          "bytesInOutput": 2750
+          "bytesInOutput": 5058
+        },
+        "src/assets/android-perm-0.png": {
+          "bytesInOutput": 19571
+        },
+        "src/assets/android-perm-1.png": {
+          "bytesInOutput": 10443
+        },
+        "src/assets/ios-perm-0.png": {
+          "bytesInOutput": 11963
         },
         "src/Prebuilt/components/Notifications/ReconnectNotifications.jsx": {
-          "bytesInOutput": 2726
+          "bytesInOutput": 2730
         },
         "src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.jsx": {
-          "bytesInOutput": 1765
+          "bytesInOutput": 1763
         },
         "src/Prebuilt/components/Notifications/TrackNotifications.jsx": {
           "bytesInOutput": 640
         },
         "src/Prebuilt/components/Notifications/TrackUnmuteModal.jsx": {
-          "bytesInOutput": 1786
+          "bytesInOutput": 1784
         },
         "src/Prebuilt/components/hooks/useNavigation.js": {
           "bytesInOutput": 470
         },
         "src/Prebuilt/components/PostLeave.jsx": {
-          "bytesInOutput": 2541
+          "bytesInOutput": 2567
         },
         "src/Prebuilt/components/Header/index.jsx": {
           "bytesInOutput": 27
@@ -13222,151 +13360,166 @@
           "bytesInOutput": 237
         },
         "src/Prebuilt/components/Header/ConferencingHeader.jsx": {
-          "bytesInOutput": 875
+          "bytesInOutput": 712
         },
         "src/Prebuilt/components/Header/HeaderComponents.jsx": {
-          "bytesInOutput": 1395
+          "bytesInOutput": 1547
+        },
+        "src/Prebuilt/provider/roomLayoutProvider/index.tsx": {
+          "bytesInOutput": 567
+        },
+        "src/Prebuilt/provider/roomLayoutProvider/hooks/useFetchRoomLayout.ts": {
+          "bytesInOutput": 1255
+        },
+        "src/Prebuilt/provider/roomLayoutProvider/constants/index.ts": {
+          "bytesInOutput": 738
         },
         "src/Prebuilt/components/Header/ParticipantList.jsx": {
-          "bytesInOutput": 10712
+          "bytesInOutput": 10731
         },
         "src/Prebuilt/components/Connection/ConnectionIndicator.jsx": {
-          "bytesInOutput": 3662
+          "bytesInOutput": 3701
         },
         "src/Prebuilt/components/Connection/connectionQualityUtils.js": {
-          "bytesInOutput": 715
+          "bytesInOutput": 777
         },
         "src/Prebuilt/components/RoleChangeModal.jsx": {
-          "bytesInOutput": 6071
+          "bytesInOutput": 6080
         },
         "src/Prebuilt/components/hooks/useDropdownSelection.jsx": {
-          "bytesInOutput": 164
+          "bytesInOutput": 90
         },
         "src/Prebuilt/common/hooks.js": {
           "bytesInOutput": 460
         },
         "src/Prebuilt/components/Header/ParticipantFilter.jsx": {
-          "bytesInOutput": 3418
+          "bytesInOutput": 3422
         },
         "src/Prebuilt/components/Header/StreamActions.jsx": {
-          "bytesInOutput": 7878
+          "bytesInOutput": 7546
         },
         "src/Prebuilt/components/GoLiveButton.jsx": {
-          "bytesInOutput": 1452
+          "bytesInOutput": 1357
         },
         "src/Prebuilt/components/Streaming/ResolutionInput.jsx": {
           "bytesInOutput": 2940
         },
         "src/Prebuilt/components/Streaming/RTMPStreaming.jsx": {
-          "bytesInOutput": 10434
+          "bytesInOutput": 10270
         },
         "src/Prebuilt/components/Streaming/Common.jsx": {
-          "bytesInOutput": 4304
+          "bytesInOutput": 4469
         },
         "src/Prebuilt/components/Header/AdditionalRoomState.jsx": {
-          "bytesInOutput": 7787
+          "bytesInOutput": 7891
         },
         "src/Prebuilt/plugins/whiteboard/useWhiteboardMetadata.js": {
           "bytesInOutput": 1760
         },
         "src/Prebuilt/components/hooks/useMetadata.jsx": {
-          "bytesInOutput": 1839
+          "bytesInOutput": 1837
         },
         "src/Prebuilt/components/hooks/usePlaylistMusic.js": {
-          "bytesInOutput": 1078
+          "bytesInOutput": 1071
         },
         "src/Prebuilt/components/hooks/useScreenshareAudio.js": {
-          "bytesInOutput": 911
+          "bytesInOutput": 907
         },
         "src/Prebuilt/components/Header/StreamingHeader.jsx": {
-          "bytesInOutput": 1497
+          "bytesInOutput": 1415
         },
         "src/Prebuilt/components/EmojiReaction.jsx": {
-          "bytesInOutput": 4340
+          "bytesInOutput": 4410
         },
         "src/Prebuilt/components/hooks/useDropdownList.jsx": {
           "bytesInOutput": 606
         },
         "src/Prebuilt/components/LeaveRoom.jsx": {
-          "bytesInOutput": 6201
+          "bytesInOutput": 6297
         },
         "src/Prebuilt/components/MetaActions.jsx": {
-          "bytesInOutput": 1547
+          "bytesInOutput": 1537
         },
         "src/Prebuilt/components/Preview/PreviewContainer.jsx": {
-          "bytesInOutput": 1581
+          "bytesInOutput": 1942
         },
         "src/Prebuilt/layouts/SidePane.jsx": {
-          "bytesInOutput": 1240
+          "bytesInOutput": 1241
         },
         "src/Prebuilt/components/Chat/Chat.jsx": {
-          "bytesInOutput": 5227
+          "bytesInOutput": 5310
         },
         "src/Prebuilt/components/Chat/ChatBody.jsx": {
-          "bytesInOutput": 10192
+          "bytesInOutput": 10247
         },
         "src/Prebuilt/components/hooks/useSetPinnedMessage.js": {
-          "bytesInOutput": 1237
+          "bytesInOutput": 1234
         },
         "src/Prebuilt/components/Chat/ChatFooter.jsx": {
-          "bytesInOutput": 4343
+          "bytesInOutput": 4346
         },
         "src/Prebuilt/components/AppData/useChatState.js": {
-          "bytesInOutput": 669
+          "bytesInOutput": 666
         },
         "src/Prebuilt/components/Chat/useEmojiPickerStyles.js": {
-          "bytesInOutput": 1118
+          "bytesInOutput": 1137
         },
         "src/Prebuilt/components/Chat/ChatHeader.jsx": {
-          "bytesInOutput": 2249
+          "bytesInOutput": 2257
         },
         "src/Prebuilt/components/Chat/ChatSelector.jsx": {
-          "bytesInOutput": 5253
+          "bytesInOutput": 5260
         },
         "src/Prebuilt/components/Chat/useUnreadCount.js": {
           "bytesInOutput": 600
         },
         "src/Prebuilt/components/Streaming/StreamingLanding.jsx": {
-          "bytesInOutput": 2871
+          "bytesInOutput": 2886
         },
-        "src/Prebuilt/components/Streaming/HLSStreaming.jsx": {
-          "bytesInOutput": 7993
+        "src/Prebuilt/images/rtmp.png": {
+          "bytesInOutput": 7309
         },
-        "src/Prebuilt/components/Streaming/RTMPIcon.jsx": {
-          "bytesInOutput": 340447
+        "src/Prebuilt/components/Streaming/HLSStreaming.jsx": {
+          "bytesInOutput": 7714
         },
         "src/Prebuilt/components/Preview/PreviewJoin.jsx": {
-          "bytesInOutput": 5988
+          "bytesInOutput": 8633
         },
         "src/Prebuilt/components/AudioVideoToggle.jsx": {
-          "bytesInOutput": 2569
+          "bytesInOutput": 3708
+        },
+        "src/Prebuilt/components/IconButtonWithOptions/IconButtonWithOptions.jsx": {
+          "bytesInOutput": 2466
+        },
+        "src/Prebuilt/components/Chip.jsx": {
+          "bytesInOutput": 584
         },
         "src/Prebuilt/components/Connection/TileConnection.jsx": {
-          "bytesInOutput": 817
+          "bytesInOutput": 821
         },
         "src/Prebuilt/components/Settings/SettingsModal.jsx": {
-          "bytesInOutput": 5453
+          "bytesInOutput": 5027
+        },
+        "src/Prebuilt/components/Settings/common.js": {
+          "bytesInOutput": 728
         },
         "src/Prebuilt/components/Settings/DeviceSettings.jsx": {
-          "bytesInOutput": 6729
+          "bytesInOutput": 6653
         },
         "src/Prebuilt/primitives/DropdownTrigger.jsx": {
-          "bytesInOutput": 1300
-        },
-        "src/Prebuilt/components/Settings/common.js": {
-          "bytesInOutput": 241
+          "bytesInOutput": 1308
         },
         "src/Prebuilt/components/Settings/LayoutSettings.jsx": {
-          "bytesInOutput": 3273
+          "bytesInOutput": 3269
         },
         "src/Prebuilt/components/Settings/SwitchWithLabel.jsx": {
-          "bytesInOutput": 954
+          "bytesInOutput": 961
         },
         "src/Prebuilt/components/Settings/NotificationSettings.jsx": {
           "bytesInOutput": 2143
         },
-        "src/Prebuilt/components/Preview/PreviewName.jsx": {
-          "bytesInOutput": 884
+        "src/Prebuilt/components/Preview/PreviewForm.jsx": {
+          "bytesInOutput": 2561
         },
         "src/Prebuilt/components/hooks/useSkipPreview.jsx": {
           "bytesInOutput": 804
@@ -13377,31 +13530,28 @@
         "src/Prebuilt/components/Toast/Toast.jsx": {
           "bytesInOutput": 527
         },
-        "src/Prebuilt/plugins/confetti.jsx": {
-          "bytesInOutput": 1451
-        },
         "src/Prebuilt/plugins/FlyingEmoji.jsx": {
-          "bytesInOutput": 3762
+          "bytesInOutput": 3768
         },
         "src/Prebuilt/plugins/RemoteStopScreenshare.jsx": {
           "bytesInOutput": 602
         },
         "src/Progress/index.tsx": {
-          "bytesInOutput": 417
+          "bytesInOutput": 418
         }
       },
-      "bytes": 651106
+      "bytes": 373913
     },
-    "dist/chunk-BSQIN5RC.js.map": {
+    "dist/chunk-DH3QSV4E.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 3498
+      "bytes": 2660
     },
-    "dist/chunk-BSQIN5RC.js": {
+    "dist/chunk-DH3QSV4E.js": {
       "imports": [
         {
-          "path": "dist/chunk-4VY5NUK7.js",
+          "path": "dist/chunk-DRKV2LAC.js",
           "kind": "import-statement"
         },
         {
@@ -13422,7 +13572,7 @@
       ],
       "inputs": {
         "src/Loading/Loading.tsx": {
-          "bytesInOutput": 1664
+          "bytesInOutput": 774
         },
         "src/Loading/index.ts": {
           "bytesInOutput": 27
@@ -13431,18 +13581,18 @@
           "bytesInOutput": 751
         }
       },
-      "bytes": 2750
+      "bytes": 1860
     },
-    "dist/chunk-A2PNZIK7.js.map": {
+    "dist/chunk-INRXWU7L.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 7865
+      "bytes": 7879
     },
-    "dist/chunk-A2PNZIK7.js": {
+    "dist/chunk-INRXWU7L.js": {
       "imports": [
         {
-          "path": "dist/chunk-4VY5NUK7.js",
+          "path": "dist/chunk-DRKV2LAC.js",
           "kind": "import-statement"
         }
       ],
@@ -13462,21 +13612,21 @@
           "bytesInOutput": 27
         },
         "src/Text/Text.tsx": {
-          "bytesInOutput": 2631
+          "bytesInOutput": 2645
         },
         "src/Text/index.tsx": {
           "bytesInOutput": 27
         }
       },
-      "bytes": 4306
+      "bytes": 4320
     },
-    "dist/chunk-4VY5NUK7.js.map": {
+    "dist/chunk-DRKV2LAC.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 41662
+      "bytes": 37646
     },
-    "dist/chunk-4VY5NUK7.js": {
+    "dist/chunk-DRKV2LAC.js": {
       "imports": [
         {
           "path": "@stitches/react",
@@ -13553,7 +13703,6 @@
         "createTheme",
         "createThemeBase",
         "css",
-        "darkTheme",
         "define_process_env_default",
         "dialogClose",
         "dialogOpen",
@@ -13569,7 +13718,6 @@
         "isMacOS",
         "isSafari",
         "keyframes",
-        "lightTheme",
         "popoverAnimation",
         "slideDown",
         "slideLeftAndFade",
@@ -13581,22 +13729,19 @@
       ],
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 18407
-        },
-        "src/Theme/themes.ts": {
-          "bytesInOutput": 1799
+          "bytesInOutput": 18605
         },
         "src/Theme/stitches.config.ts": {
-          "bytesInOutput": 1737
+          "bytesInOutput": 1644
         },
         "src/Theme/base.config.ts": {
-          "bytesInOutput": 5622
+          "bytesInOutput": 5009
         },
         "src/utils/styles.ts": {
           "bytesInOutput": 263
         },
         "src/IconButton/IconButton.tsx": {
-          "bytesInOutput": 928
+          "bytesInOutput": 970
         },
         "src/IconButton/index.tsx": {
           "bytesInOutput": 27
@@ -13605,90 +13750,90 @@
           "bytesInOutput": 2636
         },
         "src/Tooltip/Tooltip.tsx": {
-          "bytesInOutput": 1751
+          "bytesInOutput": 1759
         },
         "src/Tooltip/index.ts": {
           "bytesInOutput": 27
         },
         "src/Prebuilt/common/constants.js": {
-          "bytesInOutput": 3971
+          "bytesInOutput": 3939
         },
         "src/Prebuilt/IconButton.jsx": {
-          "bytesInOutput": 314
+          "bytesInOutput": 326
         }
       },
-      "bytes": 43268
+      "bytes": 40940
     },
     "dist/index.css.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 453
+      "bytes": 519
     },
     "dist/index.css": {
       "imports": [],
       "inputs": {
-        "../../../../../../../tmp/tmp-2771-5wBK3adRNu7R/18997609b3e0/Whiteboard.css": {
+        "../../../../../../../tmp/tmp-2702-YphCDdKcIqW7/189cb8f5dde1/Whiteboard.css": {
           "bytesInOutput": 186
         }
       },
       "bytes": 305
     },
-    "dist/HLSView-DIQQF2PP.css.map": {
+    "dist/HLSView-OVDMVJX5.css.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 453
+      "bytes": 519
     },
-    "dist/HLSView-DIQQF2PP.css": {
+    "dist/HLSView-OVDMVJX5.css": {
       "imports": [],
       "inputs": {
-        "../../../../../../../tmp/tmp-2771-5wBK3adRNu7R/18997609b3e0/Whiteboard.css": {
+        "../../../../../../../tmp/tmp-2702-YphCDdKcIqW7/189cb8f5dde1/Whiteboard.css": {
           "bytesInOutput": 186
         }
       },
       "bytes": 316
     },
-    "dist/ActiveSpeakerView-LW4WDBC6.css.map": {
+    "dist/ActiveSpeakerView-ZOCC7LQW.css.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 453
+      "bytes": 519
     },
-    "dist/ActiveSpeakerView-LW4WDBC6.css": {
+    "dist/ActiveSpeakerView-ZOCC7LQW.css": {
       "imports": [],
       "inputs": {
-        "../../../../../../../tmp/tmp-2771-5wBK3adRNu7R/18997609b3e0/Whiteboard.css": {
+        "../../../../../../../tmp/tmp-2702-YphCDdKcIqW7/189cb8f5dde1/Whiteboard.css": {
           "bytesInOutput": 186
         }
       },
       "bytes": 326
     },
-    "dist/PinnedTrackView-OAA4HAID.css.map": {
+    "dist/PinnedTrackView-RIL5IW5A.css.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 453
+      "bytes": 519
     },
-    "dist/PinnedTrackView-OAA4HAID.css": {
+    "dist/PinnedTrackView-RIL5IW5A.css": {
       "imports": [],
       "inputs": {
-        "../../../../../../../tmp/tmp-2771-5wBK3adRNu7R/18997609b3e0/Whiteboard.css": {
+        "../../../../../../../tmp/tmp-2702-YphCDdKcIqW7/189cb8f5dde1/Whiteboard.css": {
           "bytesInOutput": 186
         }
       },
       "bytes": 324
     },
-    "dist/conference-LE4T3ZNF.css.map": {
+    "dist/conference-AIOOA5ON.css.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 453
+      "bytes": 519
     },
-    "dist/conference-LE4T3ZNF.css": {
+    "dist/conference-AIOOA5ON.css": {
       "imports": [],
       "inputs": {
-        "../../../../../../../tmp/tmp-2771-5wBK3adRNu7R/18997609b3e0/Whiteboard.css": {
+        "../../../../../../../tmp/tmp-2702-YphCDdKcIqW7/189cb8f5dde1/Whiteboard.css": {
           "bytesInOutput": 186
         }
       },