@100mslive/roomkit-react 0.1.13-alpha.0 → 0.1.13

package/dist/{chunk-5DCII2TP.js → chunk-U4AB6X6M.js}

@@ -9,18 +9,18 @@ var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b3) => {
-  for (var prop in b3 || (b3 = {}))
-    if (__hasOwnProp.call(b3, prop))
-      __defNormalProp(a, prop, b3[prop]);
+var __spreadValues = (a, b2) => {
+  for (var prop in b2 || (b2 = {}))
+    if (__hasOwnProp.call(b2, prop))
+      __defNormalProp(a, prop, b2[prop]);
   if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b3)) {
-      if (__propIsEnum.call(b3, prop))
-        __defNormalProp(a, prop, b3[prop]);
+    for (var prop of __getOwnPropSymbols(b2)) {
+      if (__propIsEnum.call(b2, prop))
+        __defNormalProp(a, prop, b2[prop]);
     }
   return a;
 };
-var __spreadProps = (a, b3) => __defProps(a, __getOwnPropDescs(b3));
+var __spreadProps = (a, b2) => __defProps(a, __getOwnPropDescs(b2));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -106,7 +106,7 @@ var __async = (__this, __arguments, generator) => {
 var define_process_env_default;
 var init_define_process_env = __esm({
   "<define:process.env>"() {
-    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_1507171e-af23-403f-be40-f193741a1cfa", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_devDependencies_rollup: "^2.70.1", npm_package_exports___require: "./dist/index.cjs.js", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", USER: "runner", npm_package_devDependencies_webpack_cli: "^4.9.2", npm_package_devDependencies_webpack_bundle_analyzer: "^4.5.0", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.21 npm/? node/v18.18.2 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_devDependencies__rollup_plugin_node_resolve: "^13.1.3", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.8.22-alpha.0", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_1507171e-af23-403f-be40-f193741a1cfa", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.18.2/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.11.22-alpha.0", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.4", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_webpack_manifest_plugin: "^4.1.1", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.4", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.1.10909125", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "568", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.7", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_devDependencies__rollup_plugin_image: "^3.0.2", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.11/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.4/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20231115.7.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:17505", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_scripts_app: "cd apps/100ms-web && yarn start", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__rollup_plugin_commonjs: "^21.0.3", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_sdk: "cd packages/hms-video-web && yarn start", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.1.22-alpha.0", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", npm_package_devDependencies__rollup_plugin_json: "^6.0.0", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", GITHUB_RUN_ID: "6943367684", npm_package_workspaces_0: "packages/*", npm_package_scripts_store: "cd packages/hms-video-store && yarn start", npm_package_devDependencies__babel_core: "^7.18.2", npm_package_devDependencies__storybook_addon_interactions: "^7.0.27", npm_package_devDependencies__storybook_addon_actions: "^7.0.27", GITHUB_REF_TYPE: "branch", BOOTSTRAP_HASKELL_NONINTERACTIVE: "1", GITHUB_WORKFLOW_SHA: "b12ee3cc718d94936eb45de704bd29f823a5cad9", GITHUB_BASE_REF: "", ImageOS: "ubuntu22", npm_package_workspaces_1: "apps/*", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_ignore_scripts: "", NX_TASK_HASH: "c6acd957d60a56a41071e813c5b24ea368d489e098ed570cac666c7b2b364cf2", npm_package_exports___import: "./dist/index.js", STATS_BLT: "true", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/main", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_workspaces_2: "playwright/*", npm_package_devDependencies_postcss_loader: "^6.2.1", PATH: "/tmp/yarn--1700567606115-0.15531052822785396:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.18.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.18.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.18.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1700567605836-0.6332561245046708:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.18.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.18.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.18.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1700567563445-0.5035632782182475:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.18.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.18.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.18.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1700567563195-0.28601361957438254:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.18.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.18.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.18.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.18.2/x64/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/snap/bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/18.18.2/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_5b8a6d09-49c4-402c-ad8f-f11cbd825cc0", INVOCATION_ID: "af7fe0975e4a44959b70163722e37ae7", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", GOROOT_1_19_X64: "/opt/hostedtoolcache/go/1.19.13/x64", npm_package_scripts_size: "size-limit", npm_package_devDependencies_size_limit: "^5.0.3", npm_package_name: "@100mslive/roomkit-react", npm_package_devDependencies__storybook_react_webpack5: "^7.0.27", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "387", GITHUB_TRIGGERING_ACTOR: "KaustubhKumar05", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies_pusher_js: "^7.0.3", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "80 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", npm_package_devDependencies__rollup_plugin_typescript: "^8.3.1", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "80 KB", npm_package_devDependencies_webpack: "^5.76.0", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_devDependencies_rollup_plugin_terser: "^7.0.2", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 4", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "main", GITHUB_REPOSITORY: "100mslive/web-sdks", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "20 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_devDependencies_rollup_plugin_import_css: "^3.3.1", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-web/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_webpack_dev_server: "^4.7.4", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.8.22-alpha.0", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", STATS_NM: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.1.13-alpha.0", npm_package_size_limit_4_limit: "400 KB", npm_package_size_limit_1_path: "packages/hms-video-web/dist/index.js", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "20 KB", npm_package_size_limit_3_path: "packages/hms-video-store/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", GITHUB_SHA: "b12ee3cc718d94936eb45de704bd29f823a5cad9", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "20 KB", npm_package_size_limit_4_path: "packages/roomkit-react/dist/index.cjs.js", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", npm_package_dependencies_qrcode_react: "^3.1.0", GITHUB_REF: "refs/heads/main", GITHUB_ACTOR: "KaustubhKumar05", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_size_limit_8_limit: "100 KB", npm_package_size_limit_5_path: "packages/roomkit-react/dist/index.js", npm_config_strict_ssl: "true", npm_package_license: "MIT", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_9_limit: "100 KB", npm_package_size_limit_6_path: "packages/hms-virtual-background/dist/index.cjs.js", npm_package_scripts_format: "prettier -w src/**", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", GITHUB_PATH: "/home/runner/work/_temp/_runner_file_commands/add_path_1507171e-af23-403f-be40-f193741a1cfa", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "57426646", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/hms-virtual-background/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.10.0-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_1507171e-af23-403f-be40-f193741a1cfa", npm_package_size_limit_8_path: "packages/react-icons/dist/index.cjs.js", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_size_limit_9_path: "packages/react-icons/dist/index.js", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/25.2.9519653", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.154/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_scripts_app_custom: "cd apps/100ms-custom-app && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_1507171e-af23-403f-be40-f193741a1cfa" };
+    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_01c3e10a-a29c-4c6a-b900-d583806c1adc", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_devDependencies_rollup: "^2.70.1", npm_package_exports___require: "./dist/index.cjs.js", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", USER: "runner", npm_package_devDependencies_webpack_cli: "^4.9.2", npm_package_devDependencies_webpack_bundle_analyzer: "^4.5.0", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.21 npm/? node/v18.18.2 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_devDependencies__rollup_plugin_node_resolve: "^13.1.3", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.8.22", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_01c3e10a-a29c-4c6a-b900-d583806c1adc", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.18.2/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.11.22", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.4", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_webpack_manifest_plugin: "^4.1.1", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.4", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.1.10909125", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "565", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.7", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_devDependencies__rollup_plugin_image: "^3.0.2", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.11/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.4/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20231115.7.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:17339", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_scripts_app: "cd apps/100ms-web && yarn start", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__rollup_plugin_commonjs: "^21.0.3", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_sdk: "cd packages/hms-video-web && yarn start", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.1.22", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", npm_package_devDependencies__rollup_plugin_json: "^6.0.0", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", GITHUB_RUN_ID: "7017255758", npm_package_workspaces_0: "packages/*", npm_package_scripts_store: "cd packages/hms-video-store && yarn start", npm_package_devDependencies__babel_core: "^7.18.2", npm_package_devDependencies__storybook_addon_interactions: "^7.0.27", npm_package_devDependencies__storybook_addon_actions: "^7.0.27", GITHUB_REF_TYPE: "branch", BOOTSTRAP_HASKELL_NONINTERACTIVE: "1", GITHUB_WORKFLOW_SHA: "543b9152024ee7e4554701f1387b1af32906b58a", GITHUB_BASE_REF: "", ImageOS: "ubuntu22", npm_package_workspaces_1: "apps/*", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_ignore_scripts: "", NX_TASK_HASH: "333fe669253d80c0e7b664252041be08e126f3d86595fcace0d06236678a1f99", npm_package_exports___import: "./dist/index.js", STATS_BLT: "true", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/main", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_workspaces_2: "playwright/*", npm_package_devDependencies_postcss_loader: "^6.2.1", PATH: "/tmp/yarn--1701166633022-0.6115980651650976:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.18.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.18.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.18.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1701166632780-0.6572625836808592:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.18.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.18.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.18.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1701166593503-0.857170625864504:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.18.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.18.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.18.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1701166593262-0.43174274543206836:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.18.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.18.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.18.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.18.2/x64/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/snap/bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/18.18.2/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_ed1d28b1-c8ec-4187-979e-0b481bca50c1", INVOCATION_ID: "381071a175cf453cabbb96d4077b224e", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", GOROOT_1_19_X64: "/opt/hostedtoolcache/go/1.19.13/x64", npm_package_scripts_size: "size-limit", npm_package_devDependencies_size_limit: "^5.0.3", npm_package_name: "@100mslive/roomkit-react", npm_package_devDependencies__storybook_react_webpack5: "^7.0.27", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "389", GITHUB_TRIGGERING_ACTOR: "raviteja83", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies_pusher_js: "^7.0.3", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "80 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", npm_package_devDependencies__rollup_plugin_typescript: "^8.3.1", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "80 KB", npm_package_devDependencies_webpack: "^5.76.0", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_devDependencies_rollup_plugin_terser: "^7.0.2", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 3", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "main", GITHUB_REPOSITORY: "100mslive/web-sdks", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "20 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_devDependencies_rollup_plugin_import_css: "^3.3.1", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-web/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_webpack_dev_server: "^4.7.4", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.8.22", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.1.13", npm_package_size_limit_4_limit: "400 KB", npm_package_size_limit_1_path: "packages/hms-video-web/dist/index.js", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "20 KB", npm_package_size_limit_3_path: "packages/hms-video-store/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", GITHUB_SHA: "543b9152024ee7e4554701f1387b1af32906b58a", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "20 KB", npm_package_size_limit_4_path: "packages/roomkit-react/dist/index.cjs.js", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", npm_package_dependencies_qrcode_react: "^3.1.0", GITHUB_REF: "refs/heads/main", GITHUB_ACTOR: "raviteja83", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_size_limit_8_limit: "100 KB", npm_package_size_limit_5_path: "packages/roomkit-react/dist/index.js", npm_config_strict_ssl: "true", npm_package_license: "MIT", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_9_limit: "100 KB", npm_package_size_limit_6_path: "packages/hms-virtual-background/dist/index.cjs.js", npm_package_scripts_format: "prettier -w src/**", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", GITHUB_PATH: "/home/runner/work/_temp/_runner_file_commands/add_path_01c3e10a-a29c-4c6a-b900-d583806c1adc", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "6763261", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/hms-virtual-background/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.10.0-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_01c3e10a-a29c-4c6a-b900-d583806c1adc", npm_package_size_limit_8_path: "packages/react-icons/dist/index.cjs.js", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_size_limit_9_path: "packages/react-icons/dist/index.js", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/25.2.9519653", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.154/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_scripts_app_custom: "cd apps/100ms-custom-app && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_01c3e10a-a29c-4c6a-b900-d583806c1adc" };
   }
 });
 
@@ -5612,13 +5612,13 @@ var Collapsible = {
 
 // src/Prebuilt/App.tsx
 init_define_process_env();
-import React155, { useEffect as useEffect58, useRef as useRef25 } from "react";
+import React156, { useEffect as useEffect59, useRef as useRef25 } from "react";
 import {
   HMSReactiveStore,
   HMSRoomProvider,
   selectIsConnectedToRoom as selectIsConnectedToRoom13,
   useHMSActions as useHMSActions48,
-  useHMSStore as useHMSStore74
+  useHMSStore as useHMSStore75
 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/AppData/AppData.tsx
@@ -5691,7 +5691,8 @@ var UserPreferencesKeys = {
   PREVIEW: "preview",
   NOTIFICATIONS: "notifications",
   UI_SETTINGS: "uiSettings",
-  RTMP_URLS: "rtmpUrls"
+  RTMP_URLS: "rtmpUrls",
+  USER_ID: "userId"
 };
 var defaultPreviewPreference = {
   name: "",
@@ -6139,6 +6140,8 @@ var ResetStreamingStart = () => {
 // src/Prebuilt/components/AuthToken.jsx
 init_define_process_env();
 import React23, { useEffect as useEffect5, useState as useState5 } from "react";
+import { useSessionStorage } from "react-use";
+import { v4 } from "uuid";
 import { useHMSActions as useHMSActions4 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/AppContext.tsx
@@ -6325,6 +6328,12 @@ var AuthToken = React23.memo(({ authTokenByRoomCodeEndpoint, defaultAuthToken })
   const [error, setError] = useState5({ title: "", body: "" });
   let authToken = defaultAuthToken;
   const [, setAuthTokenInAppData] = useSetAppDataByKey(APP_DATA.authToken);
+  const [savedUserId, setSavedUserId] = useSessionStorage(UserPreferencesKeys.USER_ID);
+  useEffect5(() => {
+    if (!savedUserId && !userId) {
+      setSavedUserId(v4());
+    }
+  }, [savedUserId, setSavedUserId, userId]);
   useEffect5(() => {
     if (authToken) {
       setAuthTokenInAppData(authToken);
@@ -6333,8 +6342,8 @@ var AuthToken = React23.memo(({ authTokenByRoomCodeEndpoint, defaultAuthToken })
     if (!roomCode) {
       return;
     }
-    hmsActions.getAuthTokenByRoomCode({ roomCode, userId }, { endpoint: authTokenByRoomCodeEndpoint }).then((token) => setAuthTokenInAppData(token)).catch((error2) => setError(convertError(error2)));
-  }, [hmsActions, authToken, authTokenByRoomCodeEndpoint, setAuthTokenInAppData, roomCode, userId]);
+    hmsActions.getAuthTokenByRoomCode({ roomCode, userId: userId || savedUserId }, { endpoint: authTokenByRoomCodeEndpoint }).then((token) => setAuthTokenInAppData(token)).catch((error2) => setError(convertError(error2)));
+  }, [hmsActions, authToken, authTokenByRoomCodeEndpoint, setAuthTokenInAppData, roomCode, userId, savedUserId]);
   if (error.title) {
     return /* @__PURE__ */ React23.createElement(ErrorDialog, { title: error.title }, error.body);
   }
@@ -6385,14 +6394,14 @@ var AuthToken_default = AuthToken;
 
 // src/Prebuilt/components/ConferenceScreen.tsx
 init_define_process_env();
-import React137, { useEffect as useEffect42, useRef as useRef23, useState as useState55 } from "react";
+import React136, { useEffect as useEffect42, useRef as useRef23, useState as useState55 } from "react";
 import {
   HMSRoomState as HMSRoomState7,
   selectAppData as selectAppData7,
   selectIsConnectedToRoom as selectIsConnectedToRoom10,
   selectRoomState as selectRoomState7,
-  useHMSActions as useHMSActions42,
-  useHMSStore as useHMSStore68
+  useHMSActions as useHMSActions41,
+  useHMSStore as useHMSStore67
 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Footer/Footer.tsx
@@ -6549,12 +6558,12 @@ var IconButtonWithOptions = ({
 
 // src/Prebuilt/components/Toast/ToastManager.js
 init_define_process_env();
-import { v4 } from "uuid";
+import { v4 as v42 } from "uuid";
 var ToastManager = {
   toasts: /* @__PURE__ */ new Map(),
   listeners: /* @__PURE__ */ new Map(),
   addToast(toast) {
-    const id = toast.id ? toast.id : v4();
+    const id = toast.id ? toast.id : v42();
     this.toasts.set(id, __spreadProps(__spreadValues({}, toast), { id }));
     this.onChange();
     return id;
@@ -9047,7 +9056,7 @@ var useTracksWithLabel = () => {
   return tracksWithLabels;
 };
 var LocalPeerStats = () => {
-  var _a7, _b7, _c, _d, _e, _f, _g, _h, _i3;
+  var _a7, _b7, _c, _d, _e, _f, _g, _h, _i2;
   const stats = useHMSStatsStore2(selectHMSStats2.localPeerStats);
   if (!stats) {
     return null;
@@ -9062,7 +9071,7 @@ var LocalPeerStats = () => {
     StatsRow2,
     {
       label: "Round Trip Time",
-      value: `${(((((_h = stats.publish) == null ? void 0 : _h.currentRoundTripTime) || 0) + (((_i3 = stats.subscribe) == null ? void 0 : _i3.currentRoundTripTime) || 0)) / 2).toFixed(3) * 1e3} ms`
+      value: `${(((((_h = stats.publish) == null ? void 0 : _h.currentRoundTripTime) || 0) + (((_i2 = stats.subscribe) == null ? void 0 : _i2.currentRoundTripTime) || 0)) / 2).toFixed(3) * 1e3} ms`
     }
   ));
 };
@@ -9566,10 +9575,10 @@ import { useMedia as useMedia5 } from "react-use";
 // ../hms-video-web/dist/index.js
 init_define_process_env();
 var import_ua_parser_js = __toESM(require_ua_parser());
-import { v4 as Cr } from "uuid";
-import { v4 as ds } from "uuid";
-import { v4 as Ur } from "uuid";
-import { v4 as Fr } from "uuid";
+import { v4 as Lr } from "uuid";
+import { v4 as ls } from "uuid";
+import { v4 as Vr } from "uuid";
+import { v4 as Gr } from "uuid";
 
 // ../../node_modules/webrtc-adapter/src/js/adapter_core.js
 init_define_process_env();
@@ -9859,9 +9868,9 @@ function shimGetUserMedia(window2, browserDetails) {
     }
     constraints = JSON.parse(JSON.stringify(constraints));
     if (constraints && typeof constraints.audio === "object") {
-      const remap = function(obj, a, b3) {
-        if (a in obj && !(b3 in obj)) {
-          obj[b3] = obj[a];
+      const remap = function(obj, a, b2) {
+        if (a in obj && !(b2 in obj)) {
+          obj[b2] = obj[a];
           delete obj[a];
         }
       };
@@ -9940,8 +9949,8 @@ function shimGetUserMedia(window2, browserDetails) {
   navigator2.getUserMedia = getUserMedia_.bind(navigator2);
   if (navigator2.mediaDevices.getUserMedia) {
     const origGetUserMedia = navigator2.mediaDevices.getUserMedia.bind(navigator2.mediaDevices);
-    navigator2.mediaDevices.getUserMedia = function(cs3) {
-      return shimConstraints_(cs3, (c2) => origGetUserMedia(c2).then((stream) => {
+    navigator2.mediaDevices.getUserMedia = function(cs2) {
+      return shimConstraints_(cs2, (c2) => origGetUserMedia(c2).then((stream) => {
         if (c2.audio && !stream.getAudioTracks().length || c2.video && !stream.getVideoTracks().length) {
           stream.getTracks().forEach((track) => {
             track.stop();
@@ -10603,9 +10612,9 @@ function shimGetUserMedia2(window2, browserDetails) {
     navigator2.mediaDevices.getUserMedia(constraints).then(onSuccess, onError);
   };
   if (!(browserDetails.version > 55 && "autoGainControl" in navigator2.mediaDevices.getSupportedConstraints())) {
-    const remap = function(obj, a, b3) {
-      if (a in obj && !(b3 in obj)) {
-        obj[b3] = obj[a];
+    const remap = function(obj, a, b2) {
+      if (a in obj && !(b2 in obj)) {
+        obj[b2] = obj[a];
         delete obj[a];
       }
     };
@@ -11667,64 +11676,64 @@ var adapter_core_default = adapter;
 
 // ../hms-video-web/dist/index.js
 var it = __toESM(require_lib());
-import { v4 as es } from "uuid";
-import { v4 as us } from "uuid";
-import { EventEmitter2 as ps } from "eventemitter2";
+import { v4 as ts } from "uuid";
+import { v4 as ps } from "uuid";
 import { EventEmitter2 as hs } from "eventemitter2";
-import gs from "eventemitter2";
-import { v4 as Ss } from "uuid";
+import { EventEmitter2 as ms } from "eventemitter2";
+import Ss from "eventemitter2";
+import { v4 as Ts } from "uuid";
 import { v4 as ys } from "uuid";
-var kr = Object.defineProperty;
-var Mr = Object.defineProperties;
-var Ar = Object.getOwnPropertyDescriptors;
+var Mr = Object.defineProperty;
+var Ar = Object.defineProperties;
+var Ir = Object.getOwnPropertyDescriptors;
 var dt = Object.getOwnPropertySymbols;
-var wi = Object.prototype.hasOwnProperty;
-var Hi = Object.prototype.propertyIsEnumerable;
-var _i = (n2, e, t) => e in n2 ? kr(n2, e, { enumerable: true, configurable: true, writable: true, value: t }) : n2[e] = t;
-var g = (n2, e) => {
+var Hi = Object.prototype.hasOwnProperty;
+var Di = Object.prototype.propertyIsEnumerable;
+var wi = (n2, e, t) => e in n2 ? Mr(n2, e, { enumerable: true, configurable: true, writable: true, value: t }) : n2[e] = t;
+var m = (n2, e) => {
   for (var t in e || (e = {}))
-    wi.call(e, t) && _i(n2, t, e[t]);
+    Hi.call(e, t) && wi(n2, t, e[t]);
   if (dt)
     for (var t of dt(e))
-      Hi.call(e, t) && _i(n2, t, e[t]);
+      Di.call(e, t) && wi(n2, t, e[t]);
   return n2;
 };
-var k = (n2, e) => Mr(n2, Ar(e));
-var ri = (n2, e) => {
+var k = (n2, e) => Ar(n2, Ir(e));
+var si = (n2, e) => {
   var t = {};
   for (var i in n2)
-    wi.call(n2, i) && e.indexOf(i) < 0 && (t[i] = n2[i]);
+    Hi.call(n2, i) && e.indexOf(i) < 0 && (t[i] = n2[i]);
   if (n2 != null && dt)
     for (var i of dt(n2))
-      e.indexOf(i) < 0 && Hi.call(n2, i) && (t[i] = n2[i]);
+      e.indexOf(i) < 0 && Di.call(n2, i) && (t[i] = n2[i]);
   return t;
 };
-var Rr = (n2, e) => () => (e || n2((e = { exports: {} }).exports, e), e.exports);
-var di = Rr((_a7, Gr) => {
-  Gr.exports = { name: "@100mslive/hms-video", version: "0.9.22-alpha.0", license: "MIT", main: "dist/index.cjs.js", typings: "dist/index.d.ts", module: "dist/index.js", files: ["dist", "src"], engines: { node: ">=10" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", test: "jest --maxWorkers=1", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", format: "prettier --write src/**/*.ts" }, author: "100ms <tech-common@100ms.live>", devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, dependencies: { eventemitter2: "^6.4.7", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0" } };
+var Cr = (n2, e) => () => (e || n2((e = { exports: {} }).exports, e), e.exports);
+var li = Cr((wa, Ur2) => {
+  Ur2.exports = { name: "@100mslive/hms-video", version: "0.9.22", license: "MIT", main: "dist/index.cjs.js", typings: "dist/index.d.ts", module: "dist/index.js", files: ["dist", "src"], engines: { node: ">=10" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", test: "jest --maxWorkers=1", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", format: "prettier --write src/**/*.ts" }, author: "100ms <tech-common@100ms.live>", devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, dependencies: { eventemitter2: "^6.4.7", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0" } };
 });
-var Di = "https://event.100ms.live/v2/client/report";
-var Oi = "https://event-nonprod.100ms.live/v2/client/report";
+var Oi = "https://event.100ms.live/v2/client/report";
+var Ni = "https://event-nonprod.100ms.live/v2/client/report";
 var Pe = class {
 };
-Pe.makePeerId = () => Cr();
+Pe.makePeerId = () => Lr();
 var le = new import_ua_parser_js.UAParser();
 var L = typeof window != "undefined";
-var Fi;
-var ue = typeof window == "undefined" && !((Fi = le.getBrowser().name) != null && Fi.toLowerCase().includes("electron"));
+var Gi;
+var ue = typeof window == "undefined" && !((Gi = le.getBrowser().name) != null && Gi.toLowerCase().includes("electron"));
 var pt = ((i) => (i.PROD = "prod", i.QA = "qa", i.DEV = "dev", i))(pt || {});
-var _r = () => !ue;
-var ea = _r();
-function Hr() {
+var wr = () => !ue;
+var ta = wr();
+function Dr() {
   if (L && window) {
     let n2 = window.location.hostname;
     return n2 === "localhost" || n2 === "127.0.0.1" ? "LOCAL" : n2.includes("app.100ms.live") ? "HMS" : "CUSTOM";
   }
   return "CUSTOM";
 }
-var ye = Hr();
-var Dr = ((l2) => (l2[l2.VERBOSE = 0] = "VERBOSE", l2[l2.DEBUG = 1] = "DEBUG", l2[l2.INFO = 2] = "INFO", l2[l2.WARN = 3] = "WARN", l2[l2.TIME = 4] = "TIME", l2[l2.TIMEEND = 5] = "TIMEEND", l2[l2.ERROR = 6] = "ERROR", l2[l2.NONE = 7] = "NONE", l2))(Dr || {});
-var Or = typeof window != "undefined" && typeof window.expect != "undefined";
+var ke = Dr();
+var Or = ((l2) => (l2[l2.VERBOSE = 0] = "VERBOSE", l2[l2.DEBUG = 1] = "DEBUG", l2[l2.INFO = 2] = "INFO", l2[l2.WARN = 3] = "WARN", l2[l2.TIME = 4] = "TIME", l2[l2.TIMEEND = 5] = "TIMEEND", l2[l2.ERROR = 6] = "ERROR", l2[l2.NONE = 7] = "NONE", l2))(Or || {});
+var Nr = typeof window != "undefined" && typeof window.expect != "undefined";
 var c = class {
   static v(e, ...t) {
     this.log(0, e, ...t);
@@ -11790,7 +11799,7 @@ var c = class {
       }
   }
 };
-c.level = Or ? 7 : 0;
+c.level = Nr ? 7 : 0;
 var E = { WebSocketConnectionErrors: { FAILED_TO_CONNECT: 1e3, WEBSOCKET_CONNECTION_LOST: 1003, ABNORMAL_CLOSE: 1006 }, APIErrors: { SERVER_ERRORS: 2e3, INIT_CONFIG_NOT_AVAILABLE: 2002, ENDPOINT_UNREACHABLE: 2003, INVALID_TOKEN_FORMAT: 2004 }, TracksErrors: { GENERIC_TRACK: 3e3, CANT_ACCESS_CAPTURE_DEVICE: 3001, DEVICE_NOT_AVAILABLE: 3002, DEVICE_IN_USE: 3003, DEVICE_LOST_MIDWAY: 3004, NOTHING_TO_RETURN: 3005, INVALID_VIDEO_SETTINGS: 3006, CODEC_CHANGE_NOT_PERMITTED: 3007, AUTOPLAY_ERROR: 3008, OVER_CONSTRAINED: 3009, NO_AUDIO_DETECTED: 3010, SYSTEM_DENIED_PERMISSION: 3011, CURRENT_TAB_NOT_SHARED: 3012, AUDIO_PLAYBACK_ERROR: 3013, SELECTED_DEVICE_MISSING: 3014 }, WebrtcErrors: { CREATE_OFFER_FAILED: 4001, CREATE_ANSWER_FAILED: 4002, SET_LOCAL_DESCRIPTION_FAILED: 4003, SET_REMOTE_DESCRIPTION_FAILED: 4004, ICE_FAILURE: 4005, ICE_DISCONNECTED: 4006, STATS_FAILED: 4007 }, WebsocketMethodErrors: { SERVER_ERRORS: 5e3, ALREADY_JOINED: 5001, CANNOT_JOIN_PREVIEW_IN_PROGRESS: 5002 }, GenericErrors: { NOT_CONNECTED: 6e3, SIGNALLING: 6001, UNKNOWN: 6002, NOT_READY: 6003, JSON_PARSING_FAILED: 6004, TRACK_METADATA_MISSING: 6005, RTC_TRACK_MISSING: 6006, PEER_METADATA_MISSING: 6007, INVALID_ROLE: 6008, PREVIEW_IN_PROGRESS: 6009, MISSING_MEDIADEVICES: 6010, MISSING_RTCPEERCONNECTION: 6011, LOCAL_STORAGE_ACCESS_DENIED: 6012 }, PlaylistErrors: { NO_ENTRY_TO_PLAY: 8001, NO_ENTRY_IS_PLAYING: 8002 } };
 var S = class n extends Error {
   constructor(t, i, r, s, a, o = false) {
@@ -11821,7 +11830,7 @@ var S = class n extends Error {
     }`;
   }
 };
-var xr = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
+var Fr = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
 var h = { WebSocketConnectionErrors: { FailedToConnect(n2, e = "") {
   return new S(E.WebSocketConnectionErrors.FAILED_TO_CONNECT, "WebsocketFailedToConnect", n2, `[WS]: ${e}`, `[WS]: ${e}`);
 }, WebSocketConnectionLost(n2, e = "") {
@@ -11881,7 +11890,7 @@ var h = { WebSocketConnectionErrors: { FailedToConnect(n2, e = "") {
 }, StatsFailed(n2, e = "") {
   return new S(E.WebrtcErrors.STATS_FAILED, "StatsFailed", n2, `Failed to WebRTC get stats - ${e}`, e);
 } }, WebsocketMethodErrors: { ServerErrors(n2, e, t) {
-  return new S(n2, "ServerErrors", e, t, t, xr.includes(e));
+  return new S(n2, "ServerErrors", e, t, t, Fr.includes(e));
 }, AlreadyJoined(n2, e = "") {
   return new S(E.WebsocketMethodErrors.ALREADY_JOINED, "AlreadyJoined", n2, "[JOIN]: You have already joined this room.", e);
 }, CannotJoinPreviewInProgress(n2, e = "") {
@@ -11929,7 +11938,7 @@ var h = { WebSocketConnectionErrors: { FailedToConnect(n2, e = "") {
 }, NoEntryPlaying(n2, e) {
   return new S(E.PlaylistErrors.NO_ENTRY_IS_PLAYING, "NoEntryIsPlaying", n2, "No entry is playing at this time", e);
 } } };
-var ni = class {
+var oi = class {
   constructor() {
     this.valuesMap = /* @__PURE__ */ new Map();
   }
@@ -11954,9 +11963,9 @@ var ni = class {
     return this.valuesMap.size;
   }
 };
-var Ui = () => {
+var Vi = () => {
   try {
-    L && !localStorage && (window.localStorage = new ni());
+    L && !localStorage && (window.localStorage = new oi());
   } catch (n2) {
     c.e("Error initialising localStorage", h.GenericErrors.LocalStorageAccessDenied());
   }
@@ -11968,7 +11977,7 @@ var V = class {
   }
   getStorage() {
     try {
-      return L && !this.storage && (Ui(), this.storage = window.localStorage), this.storage;
+      return L && !this.storage && (Vi(), this.storage = window.localStorage), this.storage;
     } catch (e) {
       return c.e("Error initialising localStorage", h.GenericErrors.LocalStorageAccessDenied()), null;
     }
@@ -11988,116 +11997,116 @@ var V = class {
     (e = this.getStorage()) == null || e.removeItem(this.key);
   }
 };
-var Vi = () => {
+var Bi = () => {
   let n2, e = new V("hms-analytics-deviceId"), t = e.get();
-  return t ? n2 = t : (n2 = Fr(), e.set(n2)), n2;
+  return t ? n2 = t : (n2 = Gr(), e.set(n2)), n2;
 };
 function U(n2) {
   return n2 != null;
 }
-var $i = di().version;
+var Wi = li().version;
 function xe(n2 = "prod", e) {
-  let t = "web", i = ye !== "LOCAL" && n2 === "prod" ? "prod" : "debug";
+  let t = "web", i = ke !== "LOCAL" && n2 === "prod" ? "prod" : "debug";
   if (ue)
-    return Wi({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version: $i, env: i, domain: ye, is_prebuilt: !!(e != null && e.isPrebuilt), framework: "node", framework_version: process.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
-  let r = le.getOS(), s = le.getDevice(), a = le.getBrowser(), o = li(`web_${r.name}`), l2 = r.version || "", p = li(`${a.name}_${a.version}`), u2 = p;
-  return s.type && (u2 = `${li(`${s.vendor}_${s.type}`)}/${p}`), Wi({ os: o, os_version: l2, sdk: t, sdk_version: $i, device_model: u2, env: i, domain: ye, is_prebuilt: !!(e != null && e.isPrebuilt), framework: e == null ? void 0 : e.type, framework_version: e == null ? void 0 : e.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
+    return qi({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version: Wi, env: i, domain: ke, is_prebuilt: !!(e != null && e.isPrebuilt), framework: "node", framework_version: process.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
+  let r = le.getOS(), s = le.getDevice(), a = le.getBrowser(), o = ui(`web_${r.name}`), l2 = r.version || "", p = ui(`${a.name}_${a.version}`), u2 = p;
+  return s.type && (u2 = `${ui(`${s.vendor}_${s.type}`)}/${p}`), qi({ os: o, os_version: l2, sdk: t, sdk_version: Wi, device_model: u2, env: i, domain: ke, is_prebuilt: !!(e != null && e.isPrebuilt), framework: e == null ? void 0 : e.type, framework_version: e == null ? void 0 : e.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
 }
-function li(n2) {
+function ui(n2) {
   return n2.replace(/ /g, "_");
 }
-var Wi = (n2, e = ",") => Object.keys(n2).filter((t) => U(n2[t])).map((t) => `${t}:${n2[t]}`).join(e);
-var b = class {
+var qi = (n2, e = ",") => Object.keys(n2).filter((t) => U(n2[t])).map((t) => `${t}:${n2[t]}`).join(e);
+var M = class {
   constructor({ name: e, level: t, properties: i, includesPII: r, timestamp: s }) {
     this.metadata = { peer: {}, userAgent: xe() };
-    this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = Ur(), this.device_id = Vi();
+    this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = Vr(), this.device_id = Bi();
   }
   toSignalParams() {
-    return { name: this.name, info: k(g({}, this.properties), { timestamp: this.timestamp, domain: ye }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
+    return { name: this.name, info: k(m({}, this.properties), { timestamp: this.timestamp, domain: ke }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
   }
 };
 var P = class {
   static connect(e, t, i = /* @__PURE__ */ new Date(), r = /* @__PURE__ */ new Date(), s) {
-    let a = this.eventNameFor("connect", e === void 0), o = e ? 2 : 1, l2 = this.getPropertiesWithError(k(g({}, t), { [this.KEY_REQUESTED_AT]: i == null ? void 0 : i.getTime(), [this.KEY_RESPONDED_AT]: r == null ? void 0 : r.getTime(), endpoint: s }), e);
-    return new b({ name: a, level: o, properties: l2 });
+    let a = this.eventNameFor("connect", e === void 0), o = e ? 2 : 1, l2 = this.getPropertiesWithError(k(m({}, t), { [this.KEY_REQUESTED_AT]: i == null ? void 0 : i.getTime(), [this.KEY_RESPONDED_AT]: r == null ? void 0 : r.getTime(), endpoint: s }), e);
+    return new M({ name: a, level: o, properties: l2 });
   }
   static disconnect(e, t) {
     let i = "disconnected", r = e ? 2 : 1, s = this.getPropertiesWithError(t, e);
-    return new b({ name: i, level: r, properties: s });
+    return new M({ name: i, level: r, properties: s });
   }
   static preview(i) {
-    var r = i, { error: e } = r, t = ri(r, ["error"]);
+    var r = i, { error: e } = r, t = si(r, ["error"]);
     let s = this.eventNameFor("preview", e === void 0), a = e ? 2 : 1, o = this.getPropertiesWithError(t, e);
-    return new b({ name: s, level: a, properties: o });
+    return new M({ name: s, level: a, properties: o });
   }
   static join(i) {
-    var r = i, { error: e } = r, t = ri(r, ["error"]);
-    let s = this.eventNameFor("join", e === void 0), a = e ? 2 : 1, o = this.getPropertiesWithError(k(g({}, t), { is_preview_called: !!t.is_preview_called }), e);
-    return new b({ name: s, level: a, properties: o });
+    var r = i, { error: e } = r, t = si(r, ["error"]);
+    let s = this.eventNameFor("join", e === void 0), a = e ? 2 : 1, o = this.getPropertiesWithError(k(m({}, t), { is_preview_called: !!t.is_preview_called }), e);
+    return new M({ name: s, level: a, properties: o });
   }
   static publish({ devices: e, settings: t, error: i }) {
     let r = this.eventNameFor("publish", i === void 0), s = i ? 2 : 1, a = this.getPropertiesWithError({ devices: e, audio: t == null ? void 0 : t.audio, video: t == null ? void 0 : t.video }, i);
-    return new b({ name: r, level: s, properties: a });
+    return new M({ name: r, level: s, properties: a });
   }
   static hlsPlayerError(e) {
-    return new b({ name: "hlsPlayerError", level: 2, properties: this.getErrorProperties(e) });
+    return new M({ name: "hlsPlayerError", level: 2, properties: this.getErrorProperties(e) });
   }
   static subscribeFail(e) {
     let t = this.eventNameFor("subscribe", false), i = 2, r = this.getErrorProperties(e);
-    return new b({ name: t, level: i, properties: r });
+    return new M({ name: t, level: i, properties: r });
   }
   static leave() {
-    return new b({ name: "leave", level: 1 });
+    return new M({ name: "leave", level: 1 });
   }
   static autoplayError() {
-    return new b({ name: "autoplayError", level: 2 });
+    return new M({ name: "autoplayError", level: 2 });
   }
   static audioPlaybackError(e) {
-    return new b({ name: "audioPlaybackError", level: 2, properties: this.getErrorProperties(e) });
+    return new M({ name: "audioPlaybackError", level: 2, properties: this.getErrorProperties(e) });
   }
   static deviceChange({ selection: e, type: t, devices: i, error: r }) {
     let s = this.eventNameFor(r ? "publish" : `device.${t}`, r === void 0), a = r ? 2 : 1, o = this.getPropertiesWithError({ selection: e, devices: i }, r);
-    return new b({ name: s, level: a, properties: o });
+    return new M({ name: s, level: a, properties: o });
   }
   static performance(e) {
     let t = "perf.stats", i = 1, r = e.toAnalyticsProperties();
-    return new b({ name: t, level: i, properties: r });
+    return new M({ name: t, level: i, properties: r });
   }
   static rtcStats(e) {
     let t = "rtc.stats", i = 1, r = e.toAnalyticsProperties();
-    return new b({ name: t, level: i, properties: r });
+    return new M({ name: t, level: i, properties: r });
   }
   static rtcStatsFailed(e) {
     let t = "rtc.stats.failed", i = 2;
-    return new b({ name: t, level: i, properties: this.getErrorProperties(e) });
+    return new M({ name: t, level: i, properties: this.getErrorProperties(e) });
   }
   static degradationStats(e, t) {
     let i = "video.degradation.stats", r = 1, s = { degradedAt: e.degradedAt, trackId: e.trackId };
     if (!t && e.degradedAt instanceof Date) {
       let a = /* @__PURE__ */ new Date(), o = a.valueOf() - e.degradedAt.valueOf();
-      s = k(g({}, s), { duration: o, restoredAt: a });
+      s = k(m({}, s), { duration: o, restoredAt: a });
     }
-    return new b({ name: i, level: r, properties: s });
+    return new M({ name: i, level: r, properties: s });
   }
   static audioDetectionFail(e, t) {
     let i = this.getPropertiesWithError({ device: t }, e), r = 2, s = "audiopresence.failed";
-    return new b({ name: s, level: r, properties: i });
+    return new M({ name: s, level: r, properties: i });
   }
   static previewNetworkQuality(e) {
-    return new b({ name: "perf.networkquality.preview", level: e.error ? 2 : 1, properties: e });
+    return new M({ name: "perf.networkquality.preview", level: e.error ? 2 : 1, properties: e });
   }
   static publishStats(e) {
-    return new b({ name: "publisher.stats", level: 1, properties: e });
+    return new M({ name: "publisher.stats", level: 1, properties: e });
   }
   static subscribeStats(e) {
-    return new b({ name: "subscriber.stats", level: 1, properties: e });
+    return new M({ name: "subscriber.stats", level: 1, properties: e });
   }
   static eventNameFor(e, t) {
     return `${e}.${t ? "success" : "failed"}`;
   }
   static getPropertiesWithError(e, t) {
     let i = this.getErrorProperties(t);
-    return e = g(g({}, i), e), e;
+    return e = m(m({}, i), e), e;
   }
   static getErrorProperties(e) {
     return e ? e instanceof S ? e.toAnalyticsProperties() : { error_name: e.name, error_message: e.message, error_description: e.cause } : {};
@@ -12105,7 +12114,7 @@ var P = class {
 };
 P.KEY_REQUESTED_AT = "requested_at", P.KEY_RESPONDED_AT = "responded_at";
 var he = ((t) => (t.AUDIO = "audio", t.VIDEO = "video", t))(he || {});
-var ui = class {
+var pi = class {
   constructor() {
     this.storage = new V("hms-device-selection");
     this.remember = false;
@@ -12139,8 +12148,8 @@ var ui = class {
     return e.deviceId === t.deviceId && (e.groupId === t.groupId || !e.groupId);
   }
 };
-var D = new ui();
-var Ki = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(Ki || {});
+var D = new pi();
+var ji = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(ji || {});
 var gt = ((t) => (t.PLATFORM_NOT_SUPPORTED = "PLATFORM_NOT_SUPPORTED", t.DEVICE_NOT_SUPPORTED = "DEVICE_NOT_SUPPORTED", t))(gt || {});
 function ft(n2, e = 300) {
   let t;
@@ -12152,20 +12161,20 @@ function ft(n2, e = 300) {
     }, e);
   };
 }
-var Qi = ((a) => (a.RECORDING_STATE_UPDATED = "RECORDING_STATE_UPDATED", a.BROWSER_RECORDING_STATE_UPDATED = "BROWSER_RECORDING_STATE_UPDATED", a.SERVER_RECORDING_STATE_UPDATED = "SERVER_RECORDING_STATE_UPDATED", a.RTMP_STREAMING_STATE_UPDATED = "RTMP_STREAMING_STATE_UPDATED", a.HLS_STREAMING_STATE_UPDATED = "HLS_STREAMING_STATE_UPDATED", a.ROOM_PEER_COUNT_UPDATED = "ROOM_PEER_COUNT_UPDATED", a))(Qi || {});
+var zi = ((a) => (a.RECORDING_STATE_UPDATED = "RECORDING_STATE_UPDATED", a.BROWSER_RECORDING_STATE_UPDATED = "BROWSER_RECORDING_STATE_UPDATED", a.SERVER_RECORDING_STATE_UPDATED = "SERVER_RECORDING_STATE_UPDATED", a.RTMP_STREAMING_STATE_UPDATED = "RTMP_STREAMING_STATE_UPDATED", a.HLS_STREAMING_STATE_UPDATED = "HLS_STREAMING_STATE_UPDATED", a.ROOM_PEER_COUNT_UPDATED = "ROOM_PEER_COUNT_UPDATED", a))(zi || {});
 var Ge = ((f) => (f[f.PEER_JOINED = 0] = "PEER_JOINED", f[f.PEER_LEFT = 1] = "PEER_LEFT", f[f.AUDIO_TOGGLED = 2] = "AUDIO_TOGGLED", f[f.VIDEO_TOGGLED = 3] = "VIDEO_TOGGLED", f[f.BECAME_DOMINANT_SPEAKER = 4] = "BECAME_DOMINANT_SPEAKER", f[f.RESIGNED_DOMINANT_SPEAKER = 5] = "RESIGNED_DOMINANT_SPEAKER", f[f.STARTED_SPEAKING = 6] = "STARTED_SPEAKING", f[f.STOPPED_SPEAKING = 7] = "STOPPED_SPEAKING", f[f.ROLE_UPDATED = 8] = "ROLE_UPDATED", f[f.PEER_LIST = 9] = "PEER_LIST", f[f.NAME_UPDATED = 10] = "NAME_UPDATED", f[f.METADATA_UPDATED = 11] = "METADATA_UPDATED", f[f.HAND_RAISE_CHANGED = 12] = "HAND_RAISE_CHANGED", f[f.PEER_REMOVED = 13] = "PEER_REMOVED", f[f.PEER_ADDED = 14] = "PEER_ADDED", f))(Ge || {});
 var se = ((o) => (o[o.TRACK_ADDED = 0] = "TRACK_ADDED", o[o.TRACK_REMOVED = 1] = "TRACK_REMOVED", o[o.TRACK_MUTED = 2] = "TRACK_MUTED", o[o.TRACK_UNMUTED = 3] = "TRACK_UNMUTED", o[o.TRACK_DESCRIPTION_CHANGED = 4] = "TRACK_DESCRIPTION_CHANGED", o[o.TRACK_DEGRADED = 5] = "TRACK_DEGRADED", o[o.TRACK_RESTORED = 6] = "TRACK_RESTORED", o))(se || {});
-var pi = ((r) => (r[r.POLL_CREATED = 0] = "POLL_CREATED", r[r.POLL_STARTED = 1] = "POLL_STARTED", r[r.POLL_STOPPED = 2] = "POLL_STOPPED", r[r.POLL_STATS_UPDATED = 3] = "POLL_STATS_UPDATED", r))(pi || {});
-var zr = ((o) => (o.NONE = "none", o.INITIALISED = "initialised", o.STARTED = "started", o.PAUSED = "paused", o.RESUMED = "resumed", o.STOPPED = "stopped", o.FAILED = "failed", o))(zr || {});
-var Yr = ((s) => (s.NONE = "none", s.INITIALISED = "initialised", s.STARTED = "started", s.STOPPED = "stopped", s.FAILED = "failed", s))(Yr || {});
+var hi = ((r) => (r[r.POLL_CREATED = 0] = "POLL_CREATED", r[r.POLL_STARTED = 1] = "POLL_STARTED", r[r.POLL_STOPPED = 2] = "POLL_STOPPED", r[r.POLL_STATS_UPDATED = 3] = "POLL_STATS_UPDATED", r))(hi || {});
+var Yr = ((o) => (o.NONE = "none", o.INITIALISED = "initialised", o.STARTED = "started", o.PAUSED = "paused", o.RESUMED = "resumed", o.STOPPED = "stopped", o.FAILED = "failed", o))(Yr || {});
+var Xr = ((s) => (s.NONE = "none", s.INITIALISED = "initialised", s.STARTED = "started", s.STOPPED = "stopped", s.FAILED = "failed", s))(Xr || {});
 var Me = ((r) => (r.NONE = "none", r.LOW = "low", r.MEDIUM = "medium", r.HIGH = "high", r))(Me || {});
-var zi = ((i) => (i.VP8 = "vp8", i.VP9 = "vp9", i.H264 = "h264", i))(zi || {});
-var Yi = ((e) => (e.OPUS = "opus", e))(Yi || {});
-var Xi = ((r) => (r.USER = "user", r.ENVIRONMENT = "environment", r.LEFT = "left", r.RIGHT = "right", r))(Xi || {});
-var Xr = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(Xr || {});
-var mi = ((t) => (t.audio = "audio", t.video = "video", t))(mi || {});
-var Zi = ((r) => (r.SINGLE_CHOICE = "single-choice", r.MULTIPLE_CHOICE = "multiple-choice", r.SHORT_ANSWER = "short-answer", r.LONG_ANSWER = "long-answer", r))(Zi || {});
-var gi = class {
+var Yi = ((i) => (i.VP8 = "vp8", i.VP9 = "vp9", i.H264 = "h264", i))(Yi || {});
+var Xi = ((e) => (e.OPUS = "opus", e))(Xi || {});
+var Zi = ((r) => (r.USER = "user", r.ENVIRONMENT = "environment", r.LEFT = "left", r.RIGHT = "right", r))(Zi || {});
+var Zr = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(Zr || {});
+var gi = ((t) => (t.audio = "audio", t.video = "video", t))(gi || {});
+var er = ((r) => (r.SINGLE_CHOICE = "single-choice", r.MULTIPLE_CHOICE = "multiple-choice", r.SHORT_ANSWER = "short-answer", r.LONG_ANSWER = "long-answer", r))(er || {});
+var Si = class {
   constructor() {
     this.TAG = "[HMSIntersectionObserverWrapper]";
     this.listeners = /* @__PURE__ */ new WeakMap();
@@ -12192,8 +12201,8 @@ var gi = class {
     return e || c.w(this.TAG, "IntersectionObserver is not supported, fallback will be used instead"), e;
   }
 };
-var ir = new gi();
-var Si = class {
+var rr = new Si();
+var Ti = class {
   constructor() {
     this.TAG = "[HMSResizeObserverWrapper]";
     this.listeners = /* @__PURE__ */ new WeakMap();
@@ -12220,13 +12229,13 @@ var Si = class {
     return e || c.w(this.TAG, "Resize Observer is not supported"), e;
   }
 };
-var rr = new Si();
-var Ti = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(Ti || {});
-var vi = ((t) => (t["2D"] = "2d", t.WEBGL = "webgl", t.WEBGL2 = "webgl2", t))(vi || {});
-var cs = di().version;
+var sr = new Ti();
+var vi = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(vi || {});
+var fi = ((t) => (t["2D"] = "2d", t.WEBGL = "webgl", t.WEBGL2 = "webgl2", t))(fi || {});
+var ds = li().version;
 c.d("adapter", `${adapter_core_default.browserDetails.browser} v${adapter_core_default.browserDetails.version}`);
-c.d("sdk version", cs);
-var Ai = class {
+c.d("sdk version", ds);
+var Ii = class {
   constructor() {
     this.TAG = "[HTTPAnalyticsTransport]";
     this.failedEvents = new V("client-events");
@@ -12245,7 +12254,7 @@ var Ai = class {
       this.addEventToStorage(e);
       return;
     }
-    let t = { event: e.name, payload: e.properties, event_id: String(e.timestamp), peer: e.metadata.peer, timestamp: e.timestamp, device_id: e.device_id, cluster: { websocket_url: this.websocketURL } }, i = this.env === "prod" ? Di : Oi;
+    let t = { event: e.name, payload: e.properties, event_id: String(e.timestamp), peer: e.metadata.peer, timestamp: e.timestamp, device_id: e.device_id, cluster: { websocket_url: this.websocketURL } }, i = this.env === "prod" ? Oi : Ni;
     fetch(i, { method: "POST", headers: { "Content-Type": "application/json", Authorization: `Bearer ${e.metadata.token}`, user_agent_v2: e.metadata.userAgent }, body: JSON.stringify(t) }).then((r) => {
       if (r.status === 401) {
         this.removeFromStorage(e);
@@ -12271,7 +12280,7 @@ var Ai = class {
     i > -1 && (t.splice(i, 1), this.failedEvents.set(t));
   }
 };
-var z = new Ai();
+var z = new Ii();
 var w = ((s) => (s[s.ConnectFailed = 0] = "ConnectFailed", s[s.SignalDisconnect = 1] = "SignalDisconnect", s[s.JoinWSMessageFailed = 2] = "JoinWSMessageFailed", s[s.PublishIceConnectionFailed = 3] = "PublishIceConnectionFailed", s[s.SubscribeIceConnectionFailed = 4] = "SubscribeIceConnectionFailed", s))(w || {});
 var Le = ((o) => (o.Disconnected = "Disconnected", o.Connecting = "Connecting", o.Joined = "Joined", o.Preview = "Preview", o.Failed = "Failed", o.Reconnecting = "Reconnecting", o.Leaving = "Leaving", o))(Le || {});
 var Te = ((t) => (t[t.Publish = 0] = "Publish", t[t.Subscribe = 1] = "Subscribe", t))(Te || {});
@@ -12334,12 +12343,12 @@ var formatTime = (timeInSeconds) => {
   const hour = hours !== 0 ? `${hours < 10 ? "0" : ""}${hours}:` : "";
   return `${hour}${minutes < 10 ? "0" : ""}${minutes}:${seconds < 10 ? "0" : ""}${seconds}`;
 };
-var compareArrays = (a, b3) => {
-  if (a.length !== b3.length)
+var compareArrays = (a, b2) => {
+  if (a.length !== b2.length)
     return false;
   else {
     for (var i = 0; i < a.length; i++) {
-      if (a[i] !== b3[i]) {
+      if (a[i] !== b2[i]) {
         return false;
       }
     }
@@ -12747,7 +12756,7 @@ var RecordingStatus = () => {
 };
 var RecordingPauseStatus = () => {
   const recording = useHMSStore24(selectRecordingState);
-  if (recording.hls && recording.hls.state === zr.PAUSED) {
+  if (recording.hls && recording.hls.state === Yr.PAUSED) {
     return /* @__PURE__ */ React54.createElement(
       Tooltip,
       {
@@ -14641,7 +14650,7 @@ function HLSFailureModal() {
 init_define_process_env();
 import React117, { useEffect as useEffect30 } from "react";
 import {
-  selectLocalPeerName as selectLocalPeerName5,
+  selectLocalPeerName as selectLocalPeerName3,
   selectLocalPeerRoleName as selectLocalPeerRoleName5,
   selectRoleChangeRequest,
   useCustomEvent as useCustomEvent3,
@@ -14656,7 +14665,7 @@ import { useMeasure as useMeasure4, useMedia as useMedia20 } from "react-use";
 import {
   HMSRoomState as HMSRoomState5,
   selectIsLocalVideoEnabled as selectIsLocalVideoEnabled6,
-  selectLocalPeer as selectLocalPeer2,
+  selectLocalPeer as selectLocalPeer5,
   selectRoomState as selectRoomState5,
   selectVideoTrackByID as selectVideoTrackByID5,
   useAVToggle as useAVToggle4,
@@ -14917,10 +14926,10 @@ var AddMenu = () => {
 };
 var PrevMenu = () => {
   var _a7;
-  const polls = (_a7 = useHMSStore36(selectPolls2)) == null ? void 0 : _a7.filter((poll) => poll.state === "started" || poll.state === "stopped").sort((a, b3) => {
+  const polls = (_a7 = useHMSStore36(selectPolls2)) == null ? void 0 : _a7.filter((poll) => poll.state === "started" || poll.state === "stopped").sort((a, b2) => {
     var _a8, _b7;
-    return (((_a8 = b3.createdAt) == null ? void 0 : _a8.getTime()) || 0) - (((_b7 = a.createdAt) == null ? void 0 : _b7.getTime()) || 0);
-  }).sort((a, b3) => (b3.state === "started" ? 1 : 0) - (a.state === "started" ? 1 : 0));
+    return (((_a8 = b2.createdAt) == null ? void 0 : _a8.getTime()) || 0) - (((_b7 = a.createdAt) == null ? void 0 : _b7.getTime()) || 0);
+  }).sort((a, b2) => (b2.state === "started" ? 1 : 0) - (a.state === "started" ? 1 : 0));
   return (polls == null ? void 0 : polls.length) ? /* @__PURE__ */ React79.createElement(
     Flex,
     {
@@ -15059,7 +15068,7 @@ var VoteCount = ({ isQuiz, voteCount, isCorrectAnswer }) => {
       }
     },
     isCorrectAnswer ? "Correct" : "Incorrect"
-  ), /* @__PURE__ */ React82.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium" } }, voteCount, "\xA0", voteCount === 1 ? "vote" : "votes"));
+  ), voteCount ? /* @__PURE__ */ React82.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium" } }, voteCount, "\xA0", voteCount === 1 ? "vote" : "votes") : null);
 };
 
 // src/Prebuilt/components/Polls/common/VoteProgress.jsx
@@ -15564,7 +15573,7 @@ var QuestionCard = ({ question, onSave, index, length, removeQuestion, isQuiz, c
 init_define_process_env();
 import React92 from "react";
 import {
-  selectLocalPeerID as selectLocalPeerID9,
+  selectLocalPeerID as selectLocalPeerID8,
   selectPeerNameByID,
   selectPollByID as selectPollByID2,
   useHMSActions as useHMSActions27,
@@ -15579,7 +15588,7 @@ import React90 from "react";
 // src/Prebuilt/components/Polls/Voting/QuestionCard.jsx
 init_define_process_env();
 import React89, { useCallback as useCallback21, useMemo as useMemo7, useState as useState35 } from "react";
-import { selectLocalPeerID as selectLocalPeerID8, selectLocalPeerRoleName as selectLocalPeerRoleName3, useHMSActions as useHMSActions26, useHMSStore as useHMSStore38 } from "@100mslive/react-sdk";
+import { selectLocalPeer, selectLocalPeerRoleName as selectLocalPeerRoleName3, useHMSActions as useHMSActions26, useHMSStore as useHMSStore38 } from "@100mslive/react-sdk";
 import { ChevronLeftIcon as ChevronLeftIcon4, ChevronRightIcon as ChevronRightIcon3 } from "@100mslive/react-icons";
 var TextArea = styled("textarea", {
   backgroundColor: "$surface_brighter",
@@ -15610,12 +15619,14 @@ var QuestionCard2 = ({
   rolesThatCanViewResponses
 }) => {
   const actions = useHMSActions26();
-  const localPeerID = useHMSStore38(selectLocalPeerID8);
-  const localPeerResponse = responses == null ? void 0 : responses.find((response) => {
-    var _a7;
-    return ((_a7 = response.peer) == null ? void 0 : _a7.peerid) === localPeerID;
-  });
-  const isLocalPeerCreator = localPeerID === startedBy;
+  const localPeer = useHMSStore38(selectLocalPeer);
+  const localPeerResponse = responses == null ? void 0 : responses.find(
+    (response) => {
+      var _a7, _b7;
+      return ((_a7 = response.peer) == null ? void 0 : _a7.peerid) === (localPeer == null ? void 0 : localPeer.id) || ((_b7 = response.peer) == null ? void 0 : _b7.userid) === (localPeer == null ? void 0 : localPeer.customerUserId);
+    }
+  );
+  const isLocalPeerCreator = (localPeer == null ? void 0 : localPeer.id) === startedBy;
   const localPeerRoleName = useHMSStore38(selectLocalPeerRoleName3);
   const roleCanViewResponse = !rolesThatCanViewResponses || rolesThatCanViewResponses.length === 0 || rolesThatCanViewResponses.includes(localPeerRoleName || "");
   const showVoteCount = roleCanViewResponse && (localPeerResponse || isLocalPeerCreator && pollState === "stopped");
@@ -15808,8 +15819,8 @@ init_define_process_env();
 import React91, { useState as useState36 } from "react";
 var TimedView = ({ poll }) => {
   var _a7, _b7;
-  const [currentIndex, setCurrentIndex] = useState36(0);
-  const activeQuestion = (_a7 = poll.questions) == null ? void 0 : _a7[currentIndex];
+  const [currentIndex, setCurrentIndex] = useState36(1);
+  const activeQuestion = (_a7 = poll.questions) == null ? void 0 : _a7.find((question) => question.index === currentIndex);
   if (!activeQuestion) {
     return null;
   }
@@ -15842,7 +15853,7 @@ var Voting = ({ id, toggleVoting }) => {
   const actions = useHMSActions27();
   const poll = useHMSStore39(selectPollByID2(id));
   const pollCreatorName = useHMSStore39(selectPeerNameByID(poll == null ? void 0 : poll.createdBy));
-  const isLocalPeerCreator = useHMSStore39(selectLocalPeerID9) === (poll == null ? void 0 : poll.createdBy);
+  const isLocalPeerCreator = useHMSStore39(selectLocalPeerID8) === (poll == null ? void 0 : poll.createdBy);
   const { setPollView } = usePollViewState();
   if (!poll) {
     return null;
@@ -15928,8 +15939,8 @@ init_define_process_env();
 
 // ../../node_modules/reselect/es/index.js
 init_define_process_env();
-function defaultEqualityCheck(a, b3) {
-  return a === b3;
+function defaultEqualityCheck(a, b2) {
+  return a === b2;
 }
 function areArgumentsShallowlyEqual(equalityCheck, prev, next) {
   if (prev === null || next === null || prev.length !== next.length) {
@@ -16007,12 +16018,12 @@ var createSelector = createSelectorCreator(defaultMemoize);
 import { EventEmitter2 as Ps } from "eventemitter2";
 var Kt = (s, e) => () => (e || s((e = { exports: {} }).exports, e), e.exports);
 var Nt = Kt(($n, bs) => {
-  bs.exports = { version: "0.10.22-alpha.0", license: "MIT", main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "src"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", sideEffects: false, dependencies: { "@100mslive/hms-video": "0.9.22-alpha.0", eventemitter2: "^6.4.7", immer: "^9.0.6", reselect: "4.0.0", zustand: "3.5.7" }, devDependencies: { "jsdom-worker": "^0.3.0", "ts-node": "^10.4.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
+  bs.exports = { version: "0.10.22", license: "MIT", main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "src"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", sideEffects: false, dependencies: { "@100mslive/hms-video": "0.9.22", eventemitter2: "^6.4.7", immer: "^9.0.6", reselect: "4.0.0", zustand: "3.5.7" }, devDependencies: { "jsdom-worker": "^0.3.0", "ts-node": "^10.4.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
 });
 var Ie = ((n2) => (n2.Disconnected = "Disconnected", n2.Preview = "Preview", n2.Connecting = "Connecting", n2.Connected = "Connected", n2.Reconnecting = "Reconnecting", n2.Disconnecting = "Disconnecting", n2.Failed = "Failed", n2))(Ie || {});
 var Bt = ((e) => (e.CHAT = "chat", e))(Bt || {});
 var Ge2 = ((t) => (t.INFO = "info", t.ERROR = "error", t))(Ge2 || {});
-var ve = ((M) => (M.PEER_JOINED = "PEER_JOINED", M.PEER_LEFT = "PEER_LEFT", M.PEER_LIST = "PEER_LIST", M.NEW_MESSAGE = "NEW_MESSAGE", M.ERROR = "ERROR", M.RECONNECTING = "RECONNECTING", M.RECONNECTED = "RECONNECTED", M.TRACK_ADDED = "TRACK_ADDED", M.TRACK_REMOVED = "TRACK_REMOVED", M.TRACK_MUTED = "TRACK_MUTED", M.TRACK_UNMUTED = "TRACK_UNMUTED", M.TRACK_DEGRADED = "TRACK_DEGRADED", M.TRACK_RESTORED = "TRACK_RESTORED", M.TRACK_DESCRIPTION_CHANGED = "TRACK_DESCRIPTION_CHANGED", M.ROLE_UPDATED = "ROLE_UPDATED", M.CHANGE_TRACK_STATE_REQUEST = "CHANGE_TRACK_STATE_REQUEST", M.CHANGE_MULTI_TRACK_STATE_REQUEST = "CHANGE_MULTI_TRACK_STATE_REQUEST", M.ROOM_ENDED = "ROOM_ENDED", M.REMOVED_FROM_ROOM = "REMOVED_FROM_ROOM", M.DEVICE_CHANGE_UPDATE = "DEVICE_CHANGE_UPDATE", M.PLAYLIST_TRACK_ENDED = "PLAYLIST_TRACK_ENDED", M.NAME_UPDATED = "NAME_UPDATED", M.METADATA_UPDATED = "METADATA_UPDATED", M.POLL_CREATED = "POLL_CREATED", M.POLL_STARTED = "POLL_STARTED", M.POLL_STOPPED = "POLL_STOPPED", M.POLL_VOTES_UPDATED = "POLL_VOTES_UPDATED", M.HAND_RAISE_CHANGED = "HAND_RAISE_CHANGED", M))(ve || {});
+var ve = ((M2) => (M2.PEER_JOINED = "PEER_JOINED", M2.PEER_LEFT = "PEER_LEFT", M2.PEER_LIST = "PEER_LIST", M2.NEW_MESSAGE = "NEW_MESSAGE", M2.ERROR = "ERROR", M2.RECONNECTING = "RECONNECTING", M2.RECONNECTED = "RECONNECTED", M2.TRACK_ADDED = "TRACK_ADDED", M2.TRACK_REMOVED = "TRACK_REMOVED", M2.TRACK_MUTED = "TRACK_MUTED", M2.TRACK_UNMUTED = "TRACK_UNMUTED", M2.TRACK_DEGRADED = "TRACK_DEGRADED", M2.TRACK_RESTORED = "TRACK_RESTORED", M2.TRACK_DESCRIPTION_CHANGED = "TRACK_DESCRIPTION_CHANGED", M2.ROLE_UPDATED = "ROLE_UPDATED", M2.CHANGE_TRACK_STATE_REQUEST = "CHANGE_TRACK_STATE_REQUEST", M2.CHANGE_MULTI_TRACK_STATE_REQUEST = "CHANGE_MULTI_TRACK_STATE_REQUEST", M2.ROOM_ENDED = "ROOM_ENDED", M2.REMOVED_FROM_ROOM = "REMOVED_FROM_ROOM", M2.DEVICE_CHANGE_UPDATE = "DEVICE_CHANGE_UPDATE", M2.PLAYLIST_TRACK_ENDED = "PLAYLIST_TRACK_ENDED", M2.NAME_UPDATED = "NAME_UPDATED", M2.METADATA_UPDATED = "METADATA_UPDATED", M2.POLL_CREATED = "POLL_CREATED", M2.POLL_STARTED = "POLL_STARTED", M2.POLL_STOPPED = "POLL_STOPPED", M2.POLL_VOTES_UPDATED = "POLL_VOTES_UPDATED", M2.HAND_RAISE_CHANGED = "HAND_RAISE_CHANGED", M2))(ve || {});
 var Fe = ((t) => (t.audio = "audio", t.video = "video", t))(Fe || {});
 function G(s, e) {
   let t, i;
@@ -16060,7 +16071,7 @@ var T = (s) => s.tracks;
 var Ee = (s) => s.appData;
 var Gt = (s) => s.speakers;
 var q = createSelector([P2], (s) => s && s.isConnected);
-var fi = createSelector([q, P2], (s, e) => s ? e.peerCount !== void 0 ? e.peerCount || 1 : e.peers.length : Math.max(e.peerCount !== void 0 ? e.peerCount : e.peers.length - 1, 0));
+var fi2 = createSelector([q, P2], (s, e) => s ? e.peerCount !== void 0 ? e.peerCount || 1 : e.peers.length : Math.max(e.peerCount !== void 0 ? e.peerCount : e.peers.length - 1, 0));
 var Ft = (s) => s.hideLocalPeer;
 var _2 = createSelector([P2, R, Ft], (s, e, t) => t ? s.peers.filter((i) => s.localPeer !== i).map((i) => e[i]) : s.peers.map((i) => e[i]));
 var Qt = createSelector(T, (s) => Object.values(s));
@@ -16069,9 +16080,9 @@ var F2 = createSelector(P2, (s) => s.localPeer);
 var yi = createSelector(E2, (s) => s == null ? void 0 : s.name);
 var mi2 = createSelector(E2, (s) => s == null ? void 0 : s.roleName);
 var N = createSelector(E2, (s) => s == null ? void 0 : s.audioTrack);
-var b2 = createSelector(E2, (s) => s == null ? void 0 : s.videoTrack);
+var b = createSelector(E2, (s) => s == null ? void 0 : s.videoTrack);
 var $t = createSelector(E2, (s) => s == null ? void 0 : s.auxiliaryTracks);
-var Ye = createSelector([N, b2, $t], (s, e, t) => {
+var Ye = createSelector([N, b, $t], (s, e, t) => {
   let i = t ? [...t] : [];
   return s && i.unshift(s), e && i.unshift(e), i;
 });
@@ -16119,7 +16130,7 @@ var Di2 = createSelector(R, T, (s, e) => {
   }
   return t.concat(i);
 });
-var Ii = createSelector(R, T, (s, e) => {
+var Ii2 = createSelector(R, T, (s, e) => {
   for (let t in e) {
     let i = e[t];
     if (Y(i) && J(i) && i.peerId)
@@ -16135,7 +16146,7 @@ var vi2 = createSelector(R, T, (s, e) => {
 });
 var Ei = createSelector(Qt, (s) => s.filter(Qe));
 var bi = createSelector(We, (s) => s.length);
-var Ai2 = createSelector(le2, (s) => Object.values(s).filter((e) => !e.read).length);
+var Ai = createSelector(le2, (s) => Object.values(s).filter((e) => !e.read).length);
 var de = createSelector(We, le2, (s, e) => {
   let t = [];
   return s.forEach((i) => {
@@ -16146,7 +16157,7 @@ var A = createSelector([P2], (s) => s && s.roomState);
 var Xe = createSelector(A, (s) => s === "Preview");
 var Ci = createSelector(P2, (s) => s.roomState !== "Disconnected");
 var w2 = (s) => s.roles;
-var Ni = createSelector([w2], (s) => Object.keys(s));
+var Ni2 = createSelector([w2], (s) => Object.keys(s));
 var ue2 = createSelector([E2, w2], (s, e) => s != null && s.roleName ? e[s.roleName] : null);
 var Jt = (s) => {
   var e;
@@ -16160,12 +16171,12 @@ var Li = createSelector([ue2], (s) => {
 var et = createSelector(ue2, (s) => s == null ? void 0 : s.permissions);
 var xi = createSelector(P2, (s) => s.recording);
 var Oi2 = createSelector(P2, (s) => s.rtmp);
-var _i2 = createSelector(P2, (s) => s.hls);
+var _i = createSelector(P2, (s) => s.hls);
 var wi2 = createSelector(P2, (s) => s.sessionId);
-var Ui2 = createSelector(P2, (s) => s.startedAt);
+var Ui = createSelector(P2, (s) => s.startedAt);
 var Vi2 = createSelector(P2, (s) => !!s.isLargeRoom);
 var tt = (s) => s.polls;
-var ji = createSelector(_2, (s) => s.filter((e) => e.isHandRaised));
+var ji2 = createSelector(_2, (s) => s.filter((e) => e.isHandRaised));
 var it2 = (s = "audio") => (e) => e.playlist[s].list;
 var Ce = (s = "audio") => (e) => e.playlist[s].selection;
 var ot = (s = "audio") => (e) => e.playlist[s].progress;
@@ -16185,25 +16196,25 @@ function u(s) {
 var Z = "HMS-Store:";
 var l = class {
   static v(e, ...t) {
-    this.log(Dr.VERBOSE, e, ...t);
+    this.log(Or.VERBOSE, e, ...t);
   }
   static d(...e) {
-    this.log(Dr.DEBUG, ...e);
+    this.log(Or.DEBUG, ...e);
   }
   static i(...e) {
-    this.log(Dr.INFO, ...e);
+    this.log(Or.INFO, ...e);
   }
   static w(...e) {
-    this.log(Dr.WARN, ...e);
+    this.log(Or.WARN, ...e);
   }
   static e(...e) {
-    this.log(Dr.ERROR, ...e);
+    this.log(Or.ERROR, ...e);
   }
   static time(e) {
-    this.log(Dr.TIME, "[HMSPerformanceTiming]", e);
+    this.log(Or.TIME, "[HMSPerformanceTiming]", e);
   }
   static timeEnd(e) {
-    this.log(Dr.TIMEEND, "[HMSPerformanceTiming]", e, e);
+    this.log(Or.TIMEEND, "[HMSPerformanceTiming]", e, e);
   }
   static cleanup() {
     performance.clearMarks(), performance.clearMeasures();
@@ -16211,48 +16222,48 @@ var l = class {
   static log(e, ...t) {
     if (!(this.level.valueOf() > e.valueOf()))
       switch (e) {
-        case Dr.VERBOSE: {
+        case Or.VERBOSE: {
           console.log(Z, ...t);
           break;
         }
-        case Dr.DEBUG: {
+        case Or.DEBUG: {
           console.debug(Z, ...t);
           break;
         }
-        case Dr.INFO: {
+        case Or.INFO: {
           console.info(Z, ...t);
           break;
         }
-        case Dr.WARN: {
+        case Or.WARN: {
           console.warn(Z, ...t);
           break;
         }
-        case Dr.ERROR: {
+        case Or.ERROR: {
           console.error(Z, ...t);
           break;
         }
-        case Dr.TIME: {
+        case Or.TIME: {
           performance.mark(t[1]);
           break;
         }
-        case Dr.TIMEEND: {
+        case Or.TIMEEND: {
           let i = t[0], o = t[1];
           try {
             let r = performance.measure(o, o);
-            this.log(Dr.DEBUG, i, o, r == null ? void 0 : r.duration), performance.clearMarks(o), performance.clearMeasures(o);
+            this.log(Or.DEBUG, i, o, r == null ? void 0 : r.duration), performance.clearMarks(o), performance.clearMeasures(o);
           } catch (r) {
-            this.log(Dr.DEBUG, i, o, r);
+            this.log(Or.DEBUG, i, o, r);
           }
           break;
         }
       }
   }
 };
-l.level = Dr.VERBOSE;
+l.level = Or.VERBOSE;
 var Ne = (s, e) => e;
 var ee = (s, e) => e;
 var pt2 = (s, e) => e;
-var ts = (s, e) => e;
+var ts2 = (s, e) => e;
 var ss = (s, e) => e;
 var I = createSelector([R, Ne], (s, e) => e ? s[e] : null);
 var Le2 = createSelector([T, ee], (s, e) => e ? s[e] : null);
@@ -16282,23 +16293,23 @@ var as = createSelector([T, ee], (s, e) => {
 });
 var ns = createSelector([tt, ss], (s, e) => e ? s[e] : null);
 var v = u(I);
-var Zo = u(createSelector([Ee, ts], (s, e) => {
+var Zo = u(createSelector([Ee, ts2], (s, e) => {
   if (s)
     return e ? s[e] : s;
 }));
-function er(s) {
+function er2(s) {
   return (e) => {
     if (e.sessionStore)
       return s ? e.sessionStore[s] : e.sessionStore;
   };
 }
-var sr = u(createSelector(I, (s) => s == null ? void 0 : s.name));
+var sr2 = u(createSelector(I, (s) => s == null ? void 0 : s.name));
 var Me2 = u(Le2);
 var Mt = u(is);
-var ir2 = u(os);
+var ir = u(os);
 var or = u(rs);
 var rr2 = u(as);
-var cs2 = u((s, e) => {
+var cs = u((s, e) => {
   let t = I(s, e);
   if (t && t.videoTrack && t.videoTrack !== "")
     return s.tracks[t.videoTrack];
@@ -16314,11 +16325,11 @@ var nr = u((s, e) => {
 });
 var Tt = (s, e) => e ? s.speakers[e] : null;
 var cr = u(createSelector(Tt, (s) => (s == null ? void 0 : s.audioLevel) || 0));
-var ls = (s, e) => {
+var ls2 = (s, e) => {
   let t = Ss2(e)(s);
   return Tt(s, t == null ? void 0 : t.id);
 };
-var Sr = u(createSelector(ls, (s) => (s == null ? void 0 : s.audioLevel) || 0));
+var Sr = u(createSelector(ls2, (s) => (s == null ? void 0 : s.audioLevel) || 0));
 var lr = u((s, e) => {
   if (e)
     return s.connectionQualities[e];
@@ -16353,7 +16364,7 @@ var Mr2 = u(createSelector(T, I, (s, e) => {
 }));
 var Ht = u(createSelector(T, I, (s, e) => G(s, e)));
 var ft2 = (s) => createSelector(Ht(s), (e) => e.audio);
-var Hr2 = u((s, e) => {
+var Hr = u((s, e) => {
   let t = I(s, e);
   return $(s, t == null ? void 0 : t.audioTrack);
 });
@@ -16419,23 +16430,23 @@ var ds2 = createSelector(de, (s) => s.filter((e) => {
   var t;
   return !e.recipientPeer && !((t = e.recipientRoles) != null && t.length);
 }));
-var us2 = createSelector([ht, pt2], (s) => s ? s.filter((e) => !e.read).length : 0);
+var us = createSelector([ht, pt2], (s) => s ? s.filter((e) => !e.read).length : 0);
 var ps2 = createSelector([gt2, Ne], (s) => s ? s.filter((e) => !e.read).length : 0);
-var kr2 = createSelector(ds2, (s) => s.filter((e) => !e.read).length);
-var Rr2 = u(gt2);
+var kr = createSelector(ds2, (s) => s.filter((e) => !e.read).length);
+var Rr = u(gt2);
 var Dr2 = u(ht);
-var Ir = u(us2);
+var Ir2 = u(us);
 var vr = u(ps2);
 var Pt = u(ns);
-var Ur2 = createSelector([R, T], (s, e) => Object.values(s).map((i) => {
+var Ur = createSelector([R, T], (s, e) => Object.values(s).map((i) => {
   var o;
   return { peer: i, isAudioEnabled: i.audioTrack ? (o = e[i.audioTrack]) == null ? void 0 : o.enabled : false };
 }));
 var Ms = (s) => s.roleChangeRequests[0] || null;
-var Vr = createSelector([Ms, R, w2], (s, e, t) => s ? { requestedBy: s.requestedBy ? e[s.requestedBy] : void 0, role: t[s.roleName], token: s.token } : null);
+var Vr2 = createSelector([Ms, R, w2], (s, e, t) => s ? { requestedBy: s.requestedBy ? e[s.requestedBy] : void 0, role: t[s.roleName], token: s.token } : null);
 var Kr = createSelector([ue2], (s) => z2(s));
 var Br = createSelector([Ze], (s) => z2(s));
-var Hs = createSelector([b2, T], (s, e) => {
+var Hs = createSelector([b, T], (s, e) => {
   let t = null;
   return s && (t = e[s]), (t == null ? void 0 : t.plugins) || [];
 });
@@ -16445,7 +16456,7 @@ var fs = createSelector([N, T], (s, e) => {
 });
 var ye2 = { [Ge.PEER_JOINED]: "PEER_JOINED", [Ge.PEER_LEFT]: "PEER_LEFT", [Ge.ROLE_UPDATED]: "ROLE_UPDATED", [Ge.NAME_UPDATED]: "NAME_UPDATED", [Ge.METADATA_UPDATED]: "METADATA_UPDATED", [Ge.HAND_RAISE_CHANGED]: "HAND_RAISE_CHANGED" };
 var se2 = { [se.TRACK_ADDED]: "TRACK_ADDED", [se.TRACK_REMOVED]: "TRACK_REMOVED", [se.TRACK_MUTED]: "TRACK_MUTED", [se.TRACK_UNMUTED]: "TRACK_UNMUTED", [se.TRACK_DEGRADED]: "TRACK_DEGRADED", [se.TRACK_RESTORED]: "TRACK_RESTORED", [se.TRACK_DESCRIPTION_CHANGED]: "TRACK_DESCRIPTION_CHANGED" };
-var me = { [pi.POLL_CREATED]: "POLL_CREATED", [pi.POLL_STARTED]: "POLL_STARTED", [pi.POLL_STOPPED]: "POLL_STOPPED", [pi.POLL_STATS_UPDATED]: "POLL_VOTES_UPDATED" };
+var me = { [hi.POLL_CREATED]: "POLL_CREATED", [hi.POLL_STARTED]: "POLL_STARTED", [hi.POLL_STOPPED]: "POLL_STOPPED", [hi.POLL_STATS_UPDATED]: "POLL_VOTES_UPDATED" };
 var Os = (s) => s.localPeer.id;
 var _s = (s) => s.localPeer.audioTrack;
 var ws = (s) => s.localPeer.videoTrack;
@@ -16523,7 +16534,7 @@ import AutoSizer from "react-virtualized-auto-sizer";
 import { VariableSizeList } from "react-window";
 import {
   selectHMSMessages,
-  selectLocalPeerID as selectLocalPeerID10,
+  selectLocalPeerID as selectLocalPeerID9,
   selectLocalPeerName as selectLocalPeerName2,
   selectLocalPeerRoleName as selectLocalPeerRoleName4,
   selectMessagesByPeerID,
@@ -16576,7 +16587,7 @@ var useSetPinnedMessages = () => {
   const setPinnedMessages = useCallback23(
     (..._0) => __async(void 0, [..._0], function* (pinnedMessages = [], message, pinnedBy) {
       const peerName = vanillaStore.getState(selectPeerNameByID2(message == null ? void 0 : message.sender)) || (message == null ? void 0 : message.senderName);
-      const newPinnedMessage = { text: "", id: message.id, pinnedBy, authorId: (message == null ? void 0 : message.sender) || "" };
+      const newPinnedMessage = { text: "", id: message.id, pinnedBy, authorId: (message == null ? void 0 : message.senderUserId) || "" };
       if (message && peerName) {
         newPinnedMessage["text"] = `${peerName}: ${message.message}`;
       } else if (message) {
@@ -16627,6 +16638,13 @@ var useUnreadCount = ({ role, peerId }) => {
 
 // src/Prebuilt/components/Chat/ChatBody.jsx
 var iconStyle = { height: "1.125rem", width: "1.125rem" };
+var tooltipBoxCSS = {
+  fontSize: "$xs",
+  backgroundColor: "$surface_default",
+  p: "$1 $5",
+  fontWeight: "$regular",
+  borderRadius: "$3"
+};
 var formatTime2 = (date) => {
   if (!(date instanceof Date)) {
     return "";
@@ -16699,7 +16717,7 @@ var getMessageType = ({ roles, receiver }) => {
   }
   return receiver ? "private" : "";
 };
-var ChatActions = ({ onPin, showPinAction, message, peerId, sentByLocalPeer, isMobile, openSheet, setOpenSheet }) => {
+var ChatActions = ({ onPin, showPinAction, message, sentByLocalPeer, isMobile, openSheet, setOpenSheet }) => {
   var _a7;
   const { elements } = useRoomLayoutConferencingScreen();
   const { can_hide_message, can_block_user } = ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.real_time_controls) || {
@@ -16708,19 +16726,19 @@ var ChatActions = ({ onPin, showPinAction, message, peerId, sentByLocalPeer, isM
   };
   const [open, setOpen] = useState37(false);
   const blacklistedPeerIDs = useHMSStore41(selectSessionStore2("chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */)) || [];
-  const { blacklistItem: blacklistMessage } = useChatBlacklist("chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */);
-  const blacklistedMessageIDs = useHMSStore41(selectSessionStore2("chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */)) || [];
   const { blacklistItem: blacklistPeer } = useChatBlacklist("chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */);
+  const blacklistedMessageIDs = useHMSStore41(selectSessionStore2("chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */)) || [];
+  const { blacklistItem: blacklistMessage } = useChatBlacklist("chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */);
   const { unpinBlacklistedMessages } = useSetPinnedMessages();
   const pinnedMessages = useHMSStore41(selectSessionStore2("pinnedMessages" /* PINNED_MESSAGES */)) || [];
-  useEffect19(() => {
-    if (!(blacklistedPeerIDs.length || blacklistedMessageIDs.length)) {
-      return;
-    }
-    const blacklistedMessageIDSet = new Set(blacklistedMessageIDs);
-    const blacklistedPeerIDSet = new Set(blacklistedPeerIDs);
-    unpinBlacklistedMessages(pinnedMessages, blacklistedPeerIDSet, blacklistedMessageIDSet);
-  }, [blacklistedMessageIDs, blacklistedPeerIDs, pinnedMessages, unpinBlacklistedMessages]);
+  const updatePinnedMessages = useCallback24(
+    ({ messageID = "", peerID = "" }) => {
+      const blacklistedMessageIDSet = /* @__PURE__ */ new Set([...blacklistedMessageIDs, messageID]);
+      const blacklistedPeerIDSet = /* @__PURE__ */ new Set([...blacklistedPeerIDs, peerID]);
+      unpinBlacklistedMessages(pinnedMessages, blacklistedPeerIDSet, blacklistedMessageIDSet);
+    },
+    [pinnedMessages, blacklistedMessageIDs, blacklistedPeerIDs]
+  );
   const copyMessageContent = useCallback24(() => {
     try {
       navigator == null ? void 0 : navigator.clipboard.writeText(message.message);
@@ -16737,12 +16755,14 @@ var ChatActions = ({ onPin, showPinAction, message, peerId, sentByLocalPeer, isM
   const options = {
     pin: {
       text: "Pin message",
+      tooltipText: "Pin",
       icon: /* @__PURE__ */ React95.createElement(PinIcon, { style: iconStyle }),
       onClick: onPin,
       show: showPinAction
     },
     copy: {
       text: "Copy text",
+      tooltipText: "Copy",
       icon: /* @__PURE__ */ React95.createElement(CopyIcon2, { style: iconStyle }),
       onClick: copyMessageContent,
       show: true
@@ -16751,7 +16771,8 @@ var ChatActions = ({ onPin, showPinAction, message, peerId, sentByLocalPeer, isM
       text: "Hide for everyone",
       icon: /* @__PURE__ */ React95.createElement(EyeCloseIcon2, { style: iconStyle }),
       onClick: () => __async(void 0, null, function* () {
-        return blacklistMessage(blacklistedPeerIDs, message.id);
+        blacklistMessage(blacklistedMessageIDs, message.id);
+        updatePinnedMessages({ messageID: message.id });
       }),
       show: can_hide_message
     },
@@ -16759,7 +16780,8 @@ var ChatActions = ({ onPin, showPinAction, message, peerId, sentByLocalPeer, isM
       text: "Block from chat",
       icon: /* @__PURE__ */ React95.createElement(CrossCircleIcon, { style: iconStyle }),
       onClick: () => __async(void 0, null, function* () {
-        return blacklistPeer(blacklistedMessageIDs, peerId);
+        blacklistPeer(blacklistedPeerIDs, message == null ? void 0 : message.senderUserId);
+        updatePinnedMessages({ peerID: message == null ? void 0 : message.senderUserId });
       }),
       color: "$alert_error_default",
       show: can_block_user && !sentByLocalPeer
@@ -16810,9 +16832,9 @@ var ChatActions = ({ onPin, showPinAction, message, peerId, sentByLocalPeer, isM
         "@md": { opacity: 1 }
       }
     },
-    options.pin.show ? /* @__PURE__ */ React95.createElement(IconButton, { "data-testid": "pin_message_btn", onClick: options.pin.onClick }, options.pin.icon) : null,
-    options.copy.show ? /* @__PURE__ */ React95.createElement(IconButton, { onClick: options.copy.onClick, "data-testid": "copy_message_btn" }, /* @__PURE__ */ React95.createElement(CopyIcon2, { style: iconStyle })) : null,
-    options.block.show || options.hide.show ? /* @__PURE__ */ React95.createElement(Dropdown.Trigger, { asChild: true }, /* @__PURE__ */ React95.createElement(IconButton, null, /* @__PURE__ */ React95.createElement(Tooltip, { title: "More options" }, /* @__PURE__ */ React95.createElement(VerticalMenuIcon6, { style: iconStyle })))) : null
+    options.pin.show ? /* @__PURE__ */ React95.createElement(Tooltip, { boxCss: tooltipBoxCSS, title: options.pin.tooltipText }, /* @__PURE__ */ React95.createElement(IconButton, { "data-testid": "pin_message_btn", onClick: options.pin.onClick }, options.pin.icon)) : null,
+    options.copy.show ? /* @__PURE__ */ React95.createElement(Tooltip, { boxCss: tooltipBoxCSS, title: options.copy.tooltipText }, /* @__PURE__ */ React95.createElement(IconButton, { onClick: options.copy.onClick, "data-testid": "copy_message_btn" }, /* @__PURE__ */ React95.createElement(CopyIcon2, { style: iconStyle }))) : null,
+    options.block.show || options.hide.show ? /* @__PURE__ */ React95.createElement(Tooltip, { boxCss: tooltipBoxCSS, title: "More actions" }, /* @__PURE__ */ React95.createElement(Dropdown.Trigger, { asChild: true }, /* @__PURE__ */ React95.createElement(IconButton, null, /* @__PURE__ */ React95.createElement(VerticalMenuIcon6, { style: iconStyle })))) : null
   ), /* @__PURE__ */ React95.createElement(Dropdown.Portal, null, /* @__PURE__ */ React95.createElement(
     Dropdown.Content,
     {
@@ -16856,7 +16878,7 @@ var ChatMessage = React95.memo(
     const { elements } = useRoomLayoutConferencingScreen();
     const isOverlay = ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.is_overlay) && isMobile;
     const hmsActions = useHMSActions30();
-    const localPeerId = useHMSStore41(selectLocalPeerID10);
+    const localPeerId = useHMSStore41(selectLocalPeerID9);
     const permissions = useHMSStore41(selectPermissions12);
     const messageType = getMessageType({
       roles: message.recipientRoles,
@@ -16880,9 +16902,9 @@ var ChatMessage = React95.memo(
         ref,
         as: "div",
         css: {
-          mb: "$10",
+          mb: "$5",
           pr: "$10",
-          mt: "$8",
+          mt: "$4",
           "&:hover .chat_actions": { opacity: 1 }
         },
         style
@@ -16896,12 +16918,14 @@ var ChatMessage = React95.memo(
             flexWrap: "wrap",
             // Theme independent color, token should not be used for transparent chat
             bg: messageType ? isOverlay ? "rgba(0, 0, 0, 0.64)" : "$surface_default" : void 0,
-            r: messageType ? "$1" : void 0,
-            px: messageType ? "$4" : "$2",
-            py: messageType ? "$4" : 0,
+            r: "$1",
+            p: "$1 $2",
             userSelect: "none",
             "@md": {
               cursor: "pointer"
+            },
+            "&:hover": {
+              background: "linear-gradient(277deg, $surface_default 0%, $surface_dim 60.87%)"
             }
           },
           key: message.time,
@@ -16952,7 +16976,6 @@ var ChatMessage = React95.memo(
               onPin,
               showPinAction,
               message,
-              peerId: message.sender,
               sentByLocalPeer: message.sender === localPeerId,
               isMobile,
               openSheet,
@@ -17075,7 +17098,7 @@ var ChatBody = React95.forwardRef(({ role, peerId, scrollToBottom, blacklistedPe
     const blacklistedMessageIDSet = new Set(blacklistedMessageIDs);
     const blacklistedPeerIDSet = new Set(blacklistedPeerIDs);
     return (messages == null ? void 0 : messages.filter(
-      (message) => message.type === "chat" && !blacklistedMessageIDSet.has(message.id) && !blacklistedPeerIDSet.has(message.sender)
+      (message) => message.type === "chat" && !blacklistedMessageIDSet.has(message.id) && !blacklistedPeerIDSet.has(message == null ? void 0 : message.senderUserId)
     )) || [];
   };
   const isMobile = useMedia10(config.media.md);
@@ -17121,7 +17144,7 @@ import React96, { useCallback as useCallback26, useEffect as useEffect21, useRef
 import { useMedia as useMedia11 } from "react-use";
 import data2 from "@emoji-mart/data";
 import Picker from "@emoji-mart/react";
-import { selectLocalPeerName as selectLocalPeerName3, useHMSActions as useHMSActions32, useHMSStore as useHMSStore43 } from "@100mslive/react-sdk";
+import { selectLocalPeer as selectLocalPeer2, useHMSActions as useHMSActions32, useHMSStore as useHMSStore43 } from "@100mslive/react-sdk";
 import { EmojiIcon as EmojiIcon3, PauseCircleIcon as PauseCircleIcon2, SendIcon, VerticalMenuIcon as VerticalMenuIcon7 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/AppData/useChatState.js
@@ -17234,9 +17257,9 @@ var ChatFooter = ({
   const isMobile = useMedia11(config.media.md);
   const { elements } = useRoomLayoutConferencingScreen();
   const message_placeholder = ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.message_placeholder) || "Send a message";
-  const localPeerName = useHMSStore43(selectLocalPeerName3);
+  const localPeer = useHMSStore43(selectLocalPeer2);
   const isOverlayChat = (_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay;
-  const can_disable_chat = !!((_d = (_c = elements == null ? void 0 : elements.chat) == null ? void 0 : _c.real_time_controls) == null ? void 0 : _d.can_disable_chat);
+  const canDisableChat = !!((_d = (_c = elements == null ? void 0 : elements.chat) == null ? void 0 : _c.real_time_controls) == null ? void 0 : _d.can_disable_chat);
   const sendMessage = useCallback26(() => __async(void 0, null, function* () {
     var _a8;
     const message = (_a8 = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a8.value;
@@ -17272,16 +17295,22 @@ var ChatFooter = ({
       setDraftMessage((messageElement == null ? void 0 : messageElement.value) || "");
     };
   }, [setDraftMessage]);
-  return /* @__PURE__ */ React96.createElement(Box, null, can_disable_chat ? /* @__PURE__ */ React96.createElement(Flex, { align: "center", justify: "end", css: { w: "100%", mb: "$4" } }, /* @__PURE__ */ React96.createElement(Popover2.Root, null, /* @__PURE__ */ React96.createElement(Popover2.Trigger, { asChild: true }, /* @__PURE__ */ React96.createElement(IconButton, { css: { border: "1px solid $border_bright" } }, /* @__PURE__ */ React96.createElement(VerticalMenuIcon7, { height: "16", width: "16" }))), /* @__PURE__ */ React96.createElement(Popover2.Portal, null, /* @__PURE__ */ React96.createElement(
+  return /* @__PURE__ */ React96.createElement(Box, null, canDisableChat ? /* @__PURE__ */ React96.createElement(Flex, { align: "center", justify: "end", css: { w: "100%", mb: "$4" } }, /* @__PURE__ */ React96.createElement(Popover2.Root, null, /* @__PURE__ */ React96.createElement(Popover2.Trigger, { asChild: true }, /* @__PURE__ */ React96.createElement(IconButton, { css: { border: "1px solid $border_bright" } }, /* @__PURE__ */ React96.createElement(VerticalMenuIcon7, { height: "16", width: "16" }))), /* @__PURE__ */ React96.createElement(Popover2.Portal, null, /* @__PURE__ */ React96.createElement(
     Popover2.Content,
     {
       align: "end",
       side: "top",
       onClick: () => {
-        hmsActions.sessionStore.set("chatState" /* CHAT_STATE */, {
+        const chatState = {
           enabled: false,
-          updatedBy: localPeerName
-        });
+          updatedBy: {
+            peerId: localPeer == null ? void 0 : localPeer.id,
+            userId: localPeer == null ? void 0 : localPeer.customerUserId,
+            userName: localPeer == null ? void 0 : localPeer.name
+          },
+          updatedAt: Date.now()
+        };
+        hmsActions.sessionStore.set("chatState" /* CHAT_STATE */, chatState);
       },
       css: {
         backgroundColor: "$surface_default",
@@ -17376,21 +17405,22 @@ var ChatFooter = ({
 // src/Prebuilt/components/Chat/ChatStates.jsx
 init_define_process_env();
 import React97, { useCallback as useCallback27 } from "react";
-import { selectLocalPeerName as selectLocalPeerName4, selectSessionStore as selectSessionStore3, useHMSActions as useHMSActions33, useHMSStore as useHMSStore44 } from "@100mslive/react-sdk";
+import { selectLocalPeer as selectLocalPeer3, selectSessionStore as selectSessionStore3, useHMSActions as useHMSActions33, useHMSStore as useHMSStore44 } from "@100mslive/react-sdk";
 var ChatPaused = () => {
   const hmsActions = useHMSActions33();
   const { elements } = useRoomLayoutConferencingScreen();
   const { can_disable_chat } = (elements == null ? void 0 : elements.chat.real_time_controls) || false;
-  const { enabled: isChatEnabled = true, updatedBy: chatStateUpdatedBy = "" } = useHMSStore44(selectSessionStore3("chatState" /* CHAT_STATE */)) || {};
-  const localPeerName = useHMSStore44(selectLocalPeerName4);
+  const { enabled: isChatEnabled = true, updatedBy: chatStateUpdatedBy } = useHMSStore44(selectSessionStore3("chatState" /* CHAT_STATE */)) || {};
+  const localPeer = useHMSStore44(selectLocalPeer3);
   const unPauseChat = useCallback27(
     () => __async(void 0, null, function* () {
       return yield hmsActions.sessionStore.set("chatState" /* CHAT_STATE */, {
         enabled: true,
-        updatedBy: localPeerName
+        updatedBy: { userName: localPeer.name, userId: localPeer == null ? void 0 : localPeer.customerUserId, peerId: localPeer.id },
+        updatedAt: Date.now()
       });
     }),
-    [hmsActions, localPeerName]
+    [hmsActions, localPeer]
   );
   return isChatEnabled ? null : /* @__PURE__ */ React97.createElement(
     Flex,
@@ -17406,7 +17436,7 @@ var ChatPaused = () => {
         css: { color: "$on_surface_medium", maxWidth: "100%", overflow: "hidden", textOverflow: "ellipsis" }
       },
       "Chat has been paused by ",
-      chatStateUpdatedBy
+      (chatStateUpdatedBy == null ? void 0 : chatStateUpdatedBy.peerId) === localPeer.id ? "you" : chatStateUpdatedBy == null ? void 0 : chatStateUpdatedBy.userName
     )),
     can_disable_chat ? /* @__PURE__ */ React97.createElement(Button, { css: { fontWeight: "$semiBold", fontSize: "$sm", borderRadius: "$2" }, onClick: unPauseChat }, "Resume") : /* @__PURE__ */ React97.createElement(React97.Fragment, null)
   );
@@ -17428,7 +17458,7 @@ init_define_process_env();
 import React99, { useEffect as useEffect22, useRef as useRef18, useState as useState39 } from "react";
 import { useSwipeable } from "react-swipeable";
 import { useMedia as useMedia12 } from "react-use";
-import { selectPermissions as selectPermissions13, selectSessionStore as selectSessionStore4, useHMSStore as useHMSStore45 } from "@100mslive/react-sdk";
+import { selectSessionStore as selectSessionStore4, useHMSStore as useHMSStore45 } from "@100mslive/react-sdk";
 import { CrossIcon as CrossIcon14, PinIcon as PinIcon2 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/Navigation.tsx
@@ -17451,7 +17481,7 @@ var Navigation = ({
     {
       css: {
         borderLeft: "2px solid",
-        height: "$8",
+        height: "$4",
         borderColor: i === index ? "$on_surface_high" : "$on_surface_low"
       }
     }
@@ -17475,13 +17505,13 @@ var Navigation = ({
 // src/Prebuilt/components/Chat/PinnedMessage.tsx
 var PINNED_MESSAGE_LENGTH = 75;
 var PinnedMessage = ({ clearPinnedMessage }) => {
-  var _a7, _b7, _c;
-  const permissions = useHMSStore45(selectPermissions13);
+  var _a7, _b7, _c, _d, _e;
   const pinnedMessages = useHMSStore45(selectSessionStore4("pinnedMessages" /* PINNED_MESSAGES */)) || [];
   const [pinnedMessageIndex, setPinnedMessageIndex] = useState39(0);
   const isMobile = useMedia12(config.media.md);
   const [hideOverflow, setHideOverflow] = useState39(false);
-  const formattedPinnedMessage = hideOverflow ? `${(_a7 = pinnedMessages == null ? void 0 : pinnedMessages[pinnedMessageIndex]) == null ? void 0 : _a7.text.slice(0, PINNED_MESSAGE_LENGTH)}... ` : (_b7 = pinnedMessages == null ? void 0 : pinnedMessages[pinnedMessageIndex]) == null ? void 0 : _b7.text;
+  const canOverflow = ((_b7 = (_a7 = pinnedMessages == null ? void 0 : pinnedMessages[pinnedMessageIndex]) == null ? void 0 : _a7.text) == null ? void 0 : _b7.length) > PINNED_MESSAGE_LENGTH || false;
+  const formattedPinnedMessage = hideOverflow ? `${(_c = pinnedMessages == null ? void 0 : pinnedMessages[pinnedMessageIndex]) == null ? void 0 : _c.text.slice(0, PINNED_MESSAGE_LENGTH)}... ` : (_d = pinnedMessages == null ? void 0 : pinnedMessages[pinnedMessageIndex]) == null ? void 0 : _d.text;
   const pinnedMessageRef = useRef18(null);
   const showPreviousPinnedMessage = () => {
     const previousIndex = Math.max(pinnedMessageIndex - 1, 0);
@@ -17503,7 +17533,7 @@ var PinnedMessage = ({ clearPinnedMessage }) => {
       !!(((_b8 = (_a8 = pinnedMessages == null ? void 0 : pinnedMessages[pinnedMessageIndex]) == null ? void 0 : _a8.text) == null ? void 0 : _b8.length) && ((_c2 = pinnedMessages == null ? void 0 : pinnedMessages[pinnedMessageIndex]) == null ? void 0 : _c2.text.length) > PINNED_MESSAGE_LENGTH)
     );
   }, [pinnedMessageIndex, pinnedMessages]);
-  return ((_c = pinnedMessages == null ? void 0 : pinnedMessages[pinnedMessageIndex]) == null ? void 0 : _c.text) ? /* @__PURE__ */ React99.createElement(Flex, { ref: pinnedMessageRef, align: "center", css: { w: "100%", gap: "$4" } }, /* @__PURE__ */ React99.createElement(
+  return ((_e = pinnedMessages == null ? void 0 : pinnedMessages[pinnedMessageIndex]) == null ? void 0 : _e.text) ? /* @__PURE__ */ React99.createElement(Flex, { ref: pinnedMessageRef, align: "center", css: { w: "100%", gap: "$4" } }, /* @__PURE__ */ React99.createElement(
     Flex,
     {
       title: pinnedMessages[pinnedMessageIndex].text,
@@ -17545,9 +17575,9 @@ var PinnedMessage = ({ clearPinnedMessage }) => {
           }
         }
       },
-      /* @__PURE__ */ React99.createElement(Text, __spreadValues({ variant: "sm", css: { color: "$on_surface_medium" } }, swipeHandlers), /* @__PURE__ */ React99.createElement(AnnotisedMessage, { message: formattedPinnedMessage }), hideOverflow ? /* @__PURE__ */ React99.createElement("span", { style: { cursor: "pointer" }, onClick: () => setHideOverflow(false) }, "See more") : null)
+      /* @__PURE__ */ React99.createElement(Text, __spreadValues({ variant: "sm", css: { color: "$on_surface_medium" } }, swipeHandlers), /* @__PURE__ */ React99.createElement(AnnotisedMessage, { message: formattedPinnedMessage }), canOverflow ? /* @__PURE__ */ React99.createElement("span", { style: { cursor: "pointer" }, onClick: () => setHideOverflow((prev) => !prev) }, "$nbsp;", hideOverflow ? "See more" : "Collapse") : null)
     ),
-    (permissions == null ? void 0 : permissions.removeOthers) && /* @__PURE__ */ React99.createElement(
+    /* @__PURE__ */ React99.createElement(
       Flex,
       {
         onClick: () => {
@@ -17563,12 +17593,12 @@ var PinnedMessage = ({ clearPinnedMessage }) => {
 
 // src/Prebuilt/components/Chat/Chat.jsx
 var Chat = ({ screenType }) => {
-  var _a7, _b7, _c, _d;
+  var _a7, _b7;
   const notification = useHMSNotifications(HMSNotificationTypes.PEER_LEFT);
   const [peerSelector, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER_ID);
   const [roleSelector, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
   const peerName = useHMSStore46(selectPeerNameByID4(peerSelector));
-  const localPeerId = useHMSStore46(F2);
+  const localPeer = useHMSStore46(E2);
   const [chatOptions, setChatOptions] = useState40({
     role: roleSelector || "",
     peerId: peerSelector && peerName ? peerSelector : "",
@@ -17578,7 +17608,7 @@ var Chat = ({ screenType }) => {
   const listRef = useRef19(null);
   const hmsActions = useHMSActions34();
   const { removePinnedMessage } = useSetPinnedMessages();
-  const pinnedMessages = useHMSStore46(er("pinnedMessages" /* PINNED_MESSAGES */)) || [];
+  const pinnedMessages = useHMSStore46(er2("pinnedMessages" /* PINNED_MESSAGES */)) || [];
   useEffect23(() => {
     if (notification && notification.data && peerSelector === notification.data.id) {
       setPeerSelector("");
@@ -17589,12 +17619,12 @@ var Chat = ({ screenType }) => {
       });
     }
   }, [notification, peerSelector, setPeerSelector]);
-  const blacklistedPeerIDs = useHMSStore46(er("chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */)) || [];
+  const blacklistedPeerIDs = useHMSStore46(er2("chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */)) || [];
   const blacklistedPeerIDSet = new Set(blacklistedPeerIDs);
-  const isLocalPeerBlacklisted = blacklistedPeerIDSet.has(localPeerId);
+  const isLocalPeerBlacklisted = blacklistedPeerIDSet.has(localPeer == null ? void 0 : localPeer.customerUserId);
   const storeMessageSelector = selectHMSMessagesCount;
   const { elements } = useRoomLayoutConferencingScreen();
-  const { enabled: isChatEnabled = true } = useHMSStore46(er("chatState" /* CHAT_STATE */)) || {};
+  const { enabled: isChatEnabled = true } = useHMSStore46(er2("chatState" /* CHAT_STATE */)) || {};
   const isMobile = useMedia13(config.media.md);
   let isScrolledToBottom = false;
   if (listRef.current) {
@@ -17625,7 +17655,7 @@ var Chat = ({ screenType }) => {
         gap: "$4"
       }
     },
-    isMobile && ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.is_overlay) ? null : /* @__PURE__ */ React100.createElement(React100.Fragment, null, ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.allow_pinning_messages) ? /* @__PURE__ */ React100.createElement(PinnedMessage, { clearPinnedMessage: (index) => removePinnedMessage(pinnedMessages, index) }) : null),
+    isMobile && ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.is_overlay) ? null : /* @__PURE__ */ React100.createElement(React100.Fragment, null, /* @__PURE__ */ React100.createElement(PinnedMessage, { clearPinnedMessage: (index) => removePinnedMessage(pinnedMessages, index) })),
     /* @__PURE__ */ React100.createElement(
       ChatBody,
       {
@@ -17639,7 +17669,7 @@ var Chat = ({ screenType }) => {
     ),
     /* @__PURE__ */ React100.createElement(ChatPaused, null),
     isLocalPeerBlacklisted ? /* @__PURE__ */ React100.createElement(ChatBlocked, null) : null,
-    isMobile && ((_c = elements == null ? void 0 : elements.chat) == null ? void 0 : _c.is_overlay) && ((_d = elements == null ? void 0 : elements.chat) == null ? void 0 : _d.allow_pinning_messages) ? /* @__PURE__ */ React100.createElement(PinnedMessage, { clearPinnedMessage: (index) => removePinnedMessage(pinnedMessages, index) }) : null,
+    isMobile && ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay) ? /* @__PURE__ */ React100.createElement(PinnedMessage, { clearPinnedMessage: (index) => removePinnedMessage(pinnedMessages, index) }) : null,
     isChatEnabled && !isLocalPeerBlacklisted ? /* @__PURE__ */ React100.createElement(
       ChatFooter,
       {
@@ -17917,7 +17947,7 @@ import {
   selectAudioTrackByPeerID as selectAudioTrackByPeerID2,
   selectHasPeerHandRaised as selectHasPeerHandRaised3,
   selectIsPeerAudioEnabled as selectIsPeerAudioEnabled2,
-  selectLocalPeerID as selectLocalPeerID12,
+  selectLocalPeerID as selectLocalPeerID11,
   selectPeerMetadata as selectPeerMetadata4,
   selectPeerNameByID as selectPeerNameByID5,
   selectSessionStore as selectSessionStore6,
@@ -17973,9 +18003,9 @@ init_define_process_env();
 import React105, { useState as useState43 } from "react";
 import { useMedia as useMedia16 } from "react-use";
 import {
-  selectLocalPeerID as selectLocalPeerID11,
+  selectLocalPeerID as selectLocalPeerID10,
   selectPeerByID as selectPeerByID2,
-  selectPermissions as selectPermissions15,
+  selectPermissions as selectPermissions14,
   selectTrackByID as selectTrackByID3,
   selectVideoTrackByPeerID as selectVideoTrackByPeerID2,
   useHMSStore as useHMSStore50,
@@ -17988,7 +18018,7 @@ init_define_process_env();
 import React104, { Fragment as Fragment12 } from "react";
 import { useMedia as useMedia15 } from "react-use";
 import {
-  selectPermissions as selectPermissions14,
+  selectPermissions as selectPermissions13,
   selectSessionStore as selectSessionStore5,
   selectTrackByID as selectTrackByID2,
   useCustomEvent as useCustomEvent2,
@@ -18128,7 +18158,7 @@ var SimulcastLayers = ({ trackId }) => {
 };
 var TileMenuContent = (props) => {
   const actions = useHMSActions35();
-  const { removeOthers } = useHMSStore49(selectPermissions14);
+  const { removeOthers } = useHMSStore49(selectPermissions13);
   const {
     videoTrackID,
     audioTrackID,
@@ -18228,9 +18258,9 @@ var TileMenu = ({
   var _a7, _b7;
   const [open, setOpen] = useState43(false);
   const { theme: theme2 } = useTheme();
-  const localPeerID = useHMSStore50(selectLocalPeerID11);
+  const localPeerID = useHMSStore50(selectLocalPeerID10);
   const isLocal = localPeerID === peerID;
-  const { removeOthers } = useHMSStore50(selectPermissions15);
+  const { removeOthers } = useHMSStore50(selectPermissions14);
   const { setVolume, toggleAudio, toggleVideo } = useRemoteAVToggle2(audioTrackID, videoTrackID);
   const showSpotlight = enableSpotlightingPeer;
   const isPrimaryVideoTrack = ((_a7 = useHMSStore50(selectVideoTrackByPeerID2(peerID))) == null ? void 0 : _a7.id) === videoTrackID;
@@ -18334,7 +18364,7 @@ var Tile = ({
   const isMobile = useMedia17(config.media.md);
   const peerName = useHMSStore51(selectPeerNameByID5(peerId));
   const audioTrack = useHMSStore51(selectAudioTrackByPeerID2(peerId));
-  const localPeerID = useHMSStore51(selectLocalPeerID12);
+  const localPeerID = useHMSStore51(selectLocalPeerID11);
   const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
   const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
   const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
@@ -18441,7 +18471,7 @@ import {
   HMSRoomState as HMSRoomState4,
   selectIsLargeRoom as selectIsLargeRoom3,
   selectIsLocalVideoEnabled as selectIsLocalVideoEnabled5,
-  selectLocalPeer,
+  selectLocalPeer as selectLocalPeer4,
   selectLocalPeerRole,
   selectLocalVideoTrackID as selectLocalVideoTrackID3,
   selectRoomState as selectRoomState4,
@@ -18546,7 +18576,7 @@ var VBPicker = ({ background_media = [] } = {}) => {
   const role = useHMSStore52(selectLocalPeerRole);
   const [isVBSupported, setIsVBSupported] = useState45(false);
   const localPeerVideoTrackID = useHMSStore52(selectLocalVideoTrackID3);
-  const localPeer = useHMSStore52(selectLocalPeer);
+  const localPeer = useHMSStore52(selectLocalPeer4);
   const [background, setBackground] = useState45(vbPlugin.background);
   const [backgroundType, setBackgroundType] = useState45(vbPlugin.backgroundType);
   const isVideoOn = useHMSStore52(selectIsLocalVideoEnabled5);
@@ -18557,7 +18587,8 @@ var VBPicker = ({ background_media = [] } = {}) => {
   const isLargeRoom = useHMSStore52(selectIsLargeRoom3);
   const addedPluginToVideoTrack = useRef20(false);
   const mediaList = [...background_media.map((media) => media == null ? void 0 : media.url), ...defaultMedia2];
-  const showVideoTile = isVideoOn && isLargeRoom && roomState !== HMSRoomState4.Preview;
+  const inPreview = roomState === HMSRoomState4.Preview;
+  const showVideoTile = isVideoOn && isLargeRoom && !inPreview;
   const clearVBState = () => {
     setBackground(HMSVirtualBackgroundTypes3.NONE);
     setBackgroundType(HMSVirtualBackgroundTypes3.NONE);
@@ -18618,7 +18649,7 @@ var VBPicker = ({ background_media = [] } = {}) => {
   if (!isVBSupported) {
     return null;
   }
-  return /* @__PURE__ */ React109.createElement(Box, { css: { maxHeight: "100%", overflowY: "auto", pr: "$6" } }, /* @__PURE__ */ React109.createElement(Flex, { align: "center", justify: "between", css: { w: "100%", position: "sticky", top: 0 } }, /* @__PURE__ */ React109.createElement(Text, { variant: "h6", css: { color: "$on_surface_high" } }, "Virtual Background"), /* @__PURE__ */ React109.createElement(
+  return /* @__PURE__ */ React109.createElement(Flex, { css: { pr: "$6", size: "100%" }, direction: "column" }, /* @__PURE__ */ React109.createElement(Flex, { align: "center", justify: "between", css: { w: "100%", background: "$surface_dim", pb: "$4" } }, /* @__PURE__ */ React109.createElement(Text, { variant: "h6", css: { color: "$on_surface_high" } }, "Virtual Background"), /* @__PURE__ */ React109.createElement(
     Box,
     {
       css: { color: "$on_surface_high", "&:hover": { color: "$on_surface_medium" }, cursor: "pointer" },
@@ -18631,47 +18662,60 @@ var VBPicker = ({ background_media = [] } = {}) => {
       mirror: (track == null ? void 0 : track.facingMode) !== "environment" && mirrorLocalVideo,
       trackId: localPeer == null ? void 0 : localPeer.videoTrack,
       "data-testid": "preview_tile",
-      css: { width: "100%", height: "16rem", position: "sticky", top: "$17" }
+      css: { width: "100%", height: "16rem" }
     }
   ) : null, /* @__PURE__ */ React109.createElement(
-    VBCollection,
+    Box,
     {
-      title: "Effects",
-      options: [
-        {
-          title: "No effect",
-          icon: /* @__PURE__ */ React109.createElement(CrossCircleIcon2, { style: iconDims }),
-          type: HMSVirtualBackgroundTypes3.NONE,
-          onClick: () => __async(void 0, null, function* () {
-            return yield disableEffects();
-          })
-        },
-        {
-          title: "Blur",
-          icon: /* @__PURE__ */ React109.createElement(BlurPersonHighIcon, { style: iconDims }),
-          type: HMSVirtualBackgroundTypes3.BLUR,
+      css: {
+        mt: "$4",
+        overflowY: "auto",
+        flex: "1 1 0",
+        mr: "-$10",
+        pr: "$10"
+      }
+    },
+    /* @__PURE__ */ React109.createElement(
+      VBCollection,
+      {
+        title: "Effects",
+        options: [
+          {
+            title: "No effect",
+            icon: /* @__PURE__ */ React109.createElement(CrossCircleIcon2, { style: iconDims }),
+            type: HMSVirtualBackgroundTypes3.NONE,
+            onClick: () => __async(void 0, null, function* () {
+              return yield disableEffects();
+            })
+          },
+          {
+            title: "Blur",
+            icon: /* @__PURE__ */ React109.createElement(BlurPersonHighIcon, { style: iconDims }),
+            type: HMSVirtualBackgroundTypes3.BLUR,
+            onClick: () => __async(void 0, null, function* () {
+              return yield addPlugin({ blurPower: 0.5 });
+            })
+          }
+        ],
+        activeBackgroundType: backgroundType || HMSVirtualBackgroundTypes3.NONE,
+        activeBackground: ((_a7 = vbPlugin.background) == null ? void 0 : _a7.src) || vbPlugin.background || HMSVirtualBackgroundTypes3.NONE
+      }
+    ),
+    /* @__PURE__ */ React109.createElement(
+      VBCollection,
+      {
+        title: "Backgrounds",
+        options: mediaList.map((mediaURL) => ({
+          type: HMSVirtualBackgroundTypes3.IMAGE,
+          mediaURL,
           onClick: () => __async(void 0, null, function* () {
-            return yield addPlugin({ blurPower: 0.5 });
+            return yield addPlugin({ mediaURL });
           })
-        }
-      ],
-      activeBackgroundType: backgroundType || HMSVirtualBackgroundTypes3.NONE,
-      activeBackground: ((_a7 = vbPlugin.background) == null ? void 0 : _a7.src) || vbPlugin.background || HMSVirtualBackgroundTypes3.NONE
-    }
-  ), /* @__PURE__ */ React109.createElement(
-    VBCollection,
-    {
-      title: "Backgrounds",
-      options: mediaList.map((mediaURL) => ({
-        type: HMSVirtualBackgroundTypes3.IMAGE,
-        mediaURL,
-        onClick: () => __async(void 0, null, function* () {
-          return yield addPlugin({ mediaURL });
-        })
-      })),
-      activeBackgroundType: backgroundType || HMSVirtualBackgroundTypes3.NONE,
-      activeBackground: (background == null ? void 0 : background.src) || background || HMSVirtualBackgroundTypes3.NONE
-    }
+        })),
+        activeBackgroundType: backgroundType || HMSVirtualBackgroundTypes3.NONE,
+        activeBackground: (background == null ? void 0 : background.src) || background || HMSVirtualBackgroundTypes3.NONE
+      }
+    )
   ));
 };
 
@@ -18938,7 +18982,7 @@ var getParticipantChipContent = (peerCount = 0) => {
   return `${formattedNum} other${parseInt(formattedNum) === 1 ? "" : "s"} in the session`;
 };
 var useLocalTileAspectRatio = () => {
-  const localPeer = useHMSStore55(selectLocalPeer2);
+  const localPeer = useHMSStore55(selectLocalPeer5);
   const videoTrack = useHMSStore55(selectVideoTrackByID5(localPeer == null ? void 0 : localPeer.videoTrack));
   const isMobile = useMedia20(config.media.md);
   let aspectRatio = 0;
@@ -19051,7 +19095,7 @@ var PreviewJoin = ({
       cannotPublishVideo: !toggleVideo,
       cannotPublishAudio: !toggleAudio
     }
-  ))), /* @__PURE__ */ React115.createElement(Box, { css: { position: "absolute", right: "0", top: 0, height: "100%" } }, /* @__PURE__ */ React115.createElement(SidePane_default, { screenType: "default" }))) : /* @__PURE__ */ React115.createElement(FullPageProgress_default, null);
+  ))), /* @__PURE__ */ React115.createElement(Box, { css: { position: "absolute", right: "0", top: 0, height: "100%", overflow: "hidden" } }, /* @__PURE__ */ React115.createElement(SidePane_default, { screenType: "default" }))) : /* @__PURE__ */ React115.createElement(FullPageProgress_default, null);
 };
 var Container4 = styled("div", __spreadProps(__spreadValues({
   width: "100%"
@@ -19060,7 +19104,7 @@ var Container4 = styled("div", __spreadProps(__spreadValues({
   px: "$10"
 }));
 var PreviewTile = ({ name, error }) => {
-  const localPeer = useHMSStore55(selectLocalPeer2);
+  const localPeer = useHMSStore55(selectLocalPeer5);
   const { isLocalAudioEnabled, toggleAudio } = useAVToggle4();
   const isVideoOn = useHMSStore55(selectIsLocalVideoEnabled6);
   const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
@@ -19149,7 +19193,7 @@ var RoleChangeRequestModal = () => {
   const { updateMetaData } = useMyMetadata();
   const currentRole = useHMSStore56(selectLocalPeerRoleName5);
   const roleChangeRequest = useHMSStore56(selectRoleChangeRequest);
-  const name = useHMSStore56(selectLocalPeerName5);
+  const name = useHMSStore56(selectLocalPeerName3);
   const { sendEvent } = useCustomEvent3({ type: ROLE_CHANGE_DECLINED });
   const { elements = {} } = useRoomLayoutPreviewScreen();
   const { virtual_background } = elements || {};
@@ -19216,362 +19260,118 @@ var RoleChangeRequestModal = () => {
 
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
 init_define_process_env();
-import React134, { Suspense, useEffect as useEffect41 } from "react";
-import { v4 as uuid2 } from "uuid";
-import {
-  selectIsConnectedToRoom as selectIsConnectedToRoom9,
-  selectLocalPeerName as selectLocalPeerName6,
-  selectLocalPeerRoleName as selectLocalPeerRoleName6,
-  selectSessionStore as selectSessionStore7,
-  useHMSActions as useHMSActions40,
-  useHMSStore as useHMSStore65
-} from "@100mslive/react-sdk";
+import React133, { Suspense, useEffect as useEffect41 } from "react";
+import { selectIsConnectedToRoom as selectIsConnectedToRoom9, selectLocalPeerRoleName as selectLocalPeerRoleName6, useHMSActions as useHMSActions39, useHMSStore as useHMSStore64 } from "@100mslive/react-sdk";
 
-// src/Prebuilt/components/Toast/ToastBatcher.js
+// src/Prebuilt/components/VideoLayouts/GridLayout.tsx
 init_define_process_env();
+import React129, { useEffect as useEffect38, useMemo as useMemo14, useState as useState54 } from "react";
+import { selectPeers as selectPeers3, selectPeerScreenSharing, useHMSStore as useHMSStore62, useHMSVanillaStore as useHMSVanillaStore10 } from "@100mslive/react-sdk";
 
-// src/Prebuilt/components/Toast/ToastConfig.jsx
+// src/Prebuilt/components/VideoLayouts/EqualProminence.tsx
 init_define_process_env();
-import React118, { useCallback as useCallback31 } from "react";
-import { selectPeerByID as selectPeerByID3, useHMSActions as useHMSActions38, useHMSStore as useHMSStore57 } from "@100mslive/react-sdk";
-import {
-  ChatIcon as ChatIcon2,
-  ChatUnreadIcon as ChatUnreadIcon2,
-  ConnectivityIcon,
-  HandIcon as HandIcon6,
-  PeopleAddIcon as PeopleAddIcon2,
-  PeopleRemoveIcon as PeopleRemoveIcon3,
-  PoorConnectivityIcon as PoorConnectivityIcon2
-} from "@100mslive/react-icons";
-var ChatAction = React118.forwardRef((_3, ref) => {
-  const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
-  const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
-  if (isChatOpen) {
-    return null;
-  }
-  return /* @__PURE__ */ React118.createElement(Button, { outlined: true, as: "div", variant: "standard", css: { w: "max-content" }, onClick: toggleChat, ref }, "Open Chat");
+import React122, { useEffect as useEffect34, useMemo as useMemo11, useState as useState49 } from "react";
+import { useMedia as useMedia24 } from "react-use";
+import { selectLocalPeer as selectLocalPeer7, useHMSStore as useHMSStore58 } from "@100mslive/react-sdk";
+
+// src/Prebuilt/components/InsetTile.tsx
+init_define_process_env();
+import React119, { useEffect as useEffect31, useRef as useRef21 } from "react";
+import Draggable from "react-draggable";
+import { useMedia as useMedia22 } from "react-use";
+import { selectIsAllowedToPublish as selectIsAllowedToPublish2, selectLocalPeer as selectLocalPeer6, selectVideoTrackByID as selectVideoTrackByID6, useHMSStore as useHMSStore57 } from "@100mslive/react-sdk";
+import { ExpandIcon as ExpandIcon2 } from "@100mslive/react-icons";
+
+// src/Prebuilt/components/hooks/useVideoTileLayout.ts
+init_define_process_env();
+import React118, { useContext as useContext3 } from "react";
+var VideoTileContext = React118.createContext({
+  enableSpotlightingPeer: true,
+  hideParticipantNameOnTile: false,
+  roundedVideoTile: true,
+  hideAudioMuteOnTile: false,
+  hideAudioLevelOnTile: false,
+  objectFit: "contain",
+  hideMetadataOnTile: false
 });
-var HandRaiseAction = React118.forwardRef(({ id = "", isSingleHandRaise = true }, ref) => {
-  var _a7, _b7, _c;
-  const hmsActions = useHMSActions38();
-  const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
-  const isParticipantsOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.PARTICIPANTS);
-  const peer = useHMSStore57(selectPeerByID3(id));
-  const layout = useRoomLayout();
-  const {
-    bring_to_stage_label,
-    on_stage_role,
-    off_stage_roles = []
-  } = ((_c = (_b7 = (_a7 = layout == null ? void 0 : layout.screens) == null ? void 0 : _a7.conferencing) == null ? void 0 : _b7.default) == null ? void 0 : _c.elements.on_stage_exp) || {};
-  const onClickHandler = useCallback31(() => {
-    if (isSingleHandRaise) {
-      hmsActions.changeRoleOfPeer(id, on_stage_role);
-    } else {
-      !isParticipantsOpen && toggleSidepane();
+var useVideoTileContext = () => {
+  const context = useContext3(VideoTileContext);
+  return context;
+};
+
+// src/Prebuilt/components/InsetTile.tsx
+var MinimisedTile = ({ setMinimised }) => {
+  return /* @__PURE__ */ React119.createElement(Flex, { align: "center", css: { gap: "$6", r: "$1", bg: "$surface_default", p: "$4", color: "$on_surface_high" } }, /* @__PURE__ */ React119.createElement(AudioVideoToggle, { hideOptions: true }), /* @__PURE__ */ React119.createElement(Text, null, "You"), /* @__PURE__ */ React119.createElement(
+    IconButton_default,
+    {
+      className: "__cancel-drag-event",
+      onClick: () => setMinimised(false),
+      css: { bg: "transparent", border: "transparent" }
+    },
+    /* @__PURE__ */ React119.createElement(ExpandIcon2, null)
+  ));
+};
+var insetHeightPx = 180;
+var insetMaxWidthPx = 240;
+var defaultMobileAspectRatio = 9 / 16;
+var desktopAspectRatio = 1 / defaultMobileAspectRatio;
+var InsetTile = () => {
+  const isMobile = useMedia22(config.media.md);
+  const isLandscape = useMedia22(config.media.ls);
+  const localPeer = useHMSStore57(selectLocalPeer6);
+  const [minimised, setMinimised] = useSetAppDataByKey(APP_DATA.minimiseInset);
+  const videoTrack = useHMSStore57(selectVideoTrackByID6(localPeer == null ? void 0 : localPeer.videoTrack));
+  const isAllowedToPublish = useHMSStore57(selectIsAllowedToPublish2);
+  const videoTileProps = useVideoTileContext();
+  let aspectRatio = isMobile ? defaultMobileAspectRatio : desktopAspectRatio;
+  if ((videoTrack == null ? void 0 : videoTrack.width) && (videoTrack == null ? void 0 : videoTrack.height) && !isMobile) {
+    aspectRatio = videoTrack.width / videoTrack.height;
+  }
+  let height = insetHeightPx;
+  let width = height * aspectRatio;
+  if (isLandscape && width > insetMaxWidthPx) {
+    width = 240;
+    height = width / aspectRatio;
+  }
+  const nodeRef = useRef21(null);
+  useEffect31(() => {
+    const node = nodeRef.current;
+    if (!node || !window.ResizeObserver) {
+      return;
     }
-  }, [hmsActions, id, isParticipantsOpen, isSingleHandRaise, on_stage_role, toggleSidepane]);
-  if (isSingleHandRaise && (!peer || !off_stage_roles.includes(peer.roleName))) {
+    const resizeObserver = new ResizeObserver((entries) => {
+      entries.forEach((entry) => {
+        if (entry.target === node.parentElement) {
+          node.style.transform = `translate(0,0)`;
+        }
+      });
+    });
+    node.parentElement && resizeObserver.observe(node.parentElement);
+    return () => {
+      (node == null ? void 0 : node.parentElement) && (resizeObserver == null ? void 0 : resizeObserver.unobserve(node.parentElement));
+      resizeObserver == null ? void 0 : resizeObserver.disconnect();
+    };
+  }, []);
+  if (!isAllowedToPublish.video && !isAllowedToPublish.audio) {
     return null;
   }
-  return /* @__PURE__ */ React118.createElement(Button, { outlined: true, as: "div", variant: "standard", css: { w: "max-content" }, onClick: onClickHandler, ref }, isSingleHandRaise ? bring_to_stage_label : "View");
-});
-var ToastConfig = {
-  PEER_LIST: {
-    single: function(notification) {
-      var _a7, _b7;
-      if (notification.data.length === 1) {
-        return {
-          title: `${(_a7 = notification.data[0]) == null ? void 0 : _a7.name} joined`,
-          icon: /* @__PURE__ */ React118.createElement(PeopleAddIcon2, null)
-        };
-      }
-      return {
-        title: `${(_b7 = notification.data[notification.data.length - 1]) == null ? void 0 : _b7.name} and ${notification.data.length - 1} others joined`,
-        icon: /* @__PURE__ */ React118.createElement(PeopleAddIcon2, null)
-      };
-    },
-    multiple: (notifications) => {
-      return {
-        title: `${notifications[0].data.name} and ${notifications.length - 1} others joined`,
-        icon: /* @__PURE__ */ React118.createElement(PeopleAddIcon2, null)
-      };
-    }
-  },
-  PEER_JOINED: {
-    single: function(notification) {
-      var _a7;
-      return {
-        title: `${(_a7 = notification.data) == null ? void 0 : _a7.name} joined`,
-        icon: /* @__PURE__ */ React118.createElement(PeopleAddIcon2, null)
-      };
-    },
-    multiple: function(notifications) {
-      return {
-        title: `${notifications[notifications.length - 1].data.name} and ${notifications.length - 1} others joined`,
-        icon: /* @__PURE__ */ React118.createElement(PeopleAddIcon2, null)
-      };
-    }
-  },
-  PEER_LEFT: {
-    single: function(notification) {
-      var _a7;
-      return {
-        title: `${(_a7 = notification.data) == null ? void 0 : _a7.name} left`,
-        icon: /* @__PURE__ */ React118.createElement(PeopleRemoveIcon3, null)
-      };
+  return /* @__PURE__ */ React119.createElement(Draggable, { bounds: "parent", nodeRef, cancel: ".__cancel-drag-event" }, /* @__PURE__ */ React119.createElement(
+    Box,
+    {
+      ref: nodeRef,
+      css: __spreadValues({
+        position: "absolute",
+        bottom: 0,
+        right: 0,
+        zIndex: 11,
+        boxShadow: "0 0 8px 0 rgba(0,0,0,0.3)",
+        r: "$2"
+      }, !minimised ? {
+        aspectRatio,
+        h: height
+      } : {})
     },
-    multiple: function(notifications) {
-      return {
-        title: `${notifications[notifications.length - 1].data.name} and ${notifications.length - 1} others left`,
-        icon: /* @__PURE__ */ React118.createElement(PeopleRemoveIcon3, null)
-      };
-    }
-  },
-  RAISE_HAND: {
-    single: (notification) => {
-      var _a7, _b7;
-      return {
-        title: `${(_a7 = notification.data) == null ? void 0 : _a7.name} raised hand`,
-        icon: /* @__PURE__ */ React118.createElement(HandIcon6, null),
-        action: /* @__PURE__ */ React118.createElement(HandRaiseAction, { id: (_b7 = notification.data) == null ? void 0 : _b7.id })
-      };
-    },
-    multiple: (notifications) => {
-      var _a7;
-      const count = new Set(notifications.map((notification) => {
-        var _a8;
-        return (_a8 = notification.data) == null ? void 0 : _a8.id;
-      })).size;
-      return {
-        title: `${(_a7 = notifications[notifications.length - 1].data) == null ? void 0 : _a7.name} ${count > 1 ? `${count} and others` : ""} raised hand`,
-        icon: /* @__PURE__ */ React118.createElement(HandIcon6, null),
-        action: /* @__PURE__ */ React118.createElement(HandRaiseAction, { isSingleHandRaise: false })
-      };
-    }
-  },
-  NEW_MESSAGE: {
-    single: (notification) => {
-      var _a7;
-      return {
-        title: `New message from ${(_a7 = notification.data) == null ? void 0 : _a7.senderName}`,
-        icon: /* @__PURE__ */ React118.createElement(ChatUnreadIcon2, null),
-        action: /* @__PURE__ */ React118.createElement(ChatAction, null)
-      };
-    },
-    multiple: (notifications) => {
-      return {
-        title: `${notifications.length} new messages`,
-        icon: /* @__PURE__ */ React118.createElement(ChatUnreadIcon2, null),
-        action: /* @__PURE__ */ React118.createElement(ChatAction, null)
-      };
-    }
-  },
-  CHAT_PAUSED: {
-    single: (notification) => {
-      var _a7;
-      return {
-        title: `Chat paused by ${(_a7 = notification.data) == null ? void 0 : _a7.name}`,
-        icon: /* @__PURE__ */ React118.createElement(ChatIcon2, null),
-        action: /* @__PURE__ */ React118.createElement(ChatAction, null)
-      };
-    }
-  },
-  CHAT_RESUMED: {
-    single: (notification) => {
-      var _a7;
-      return {
-        title: `Chat resumed by ${(_a7 = notification.data) == null ? void 0 : _a7.name}`,
-        icon: /* @__PURE__ */ React118.createElement(ChatUnreadIcon2, null),
-        action: /* @__PURE__ */ React118.createElement(ChatAction, null)
-      };
-    }
-  },
-  RECONNECTED: {
-    single: () => {
-      return {
-        title: `You are now connected`,
-        icon: /* @__PURE__ */ React118.createElement(ConnectivityIcon, null),
-        variant: "success",
-        duration: 3e3
-      };
-    }
-  },
-  RECONNECTING: {
-    single: (message) => {
-      return {
-        title: `You are offline for now. while we try to reconnect, please check
-        your internet connection. ${message}.
-      `,
-        icon: /* @__PURE__ */ React118.createElement(PoorConnectivityIcon2, null),
-        variant: "warning",
-        duration: 3e4
-      };
-    }
-  }
-};
-
-// src/Prebuilt/components/Toast/ToastBatcher.js
-var ToastBatcher = {
-  toastsType: /* @__PURE__ */ new Map(),
-  showToastInternal({ notification, duration, type }) {
-    let notificationType = type;
-    if (!type) {
-      notificationType = notification.type;
-    }
-    const toastType = this.toastsType.has(notificationType);
-    if (toastType) {
-      let { notifications } = this.toastsType.get(notificationType);
-      const { id } = this.toastsType.get(notificationType);
-      notifications.push(notification);
-      const toastObject = ToastConfig[notificationType].multiple(notifications);
-      const toastId = ToastManager.replaceToast(id, __spreadProps(__spreadValues({}, toastObject), {
-        duration
-      }));
-      this.toastsType.set(notificationType, {
-        id: toastId,
-        notifications,
-        duration
-      });
-    } else {
-      const toastObject = ToastConfig[notificationType].single(notification);
-      const toastId = ToastManager.addToast(__spreadProps(__spreadValues({}, toastObject), {
-        duration
-      }));
-      let notifications = [];
-      notifications.push(notification);
-      this.toastsType.set(notificationType, {
-        id: toastId,
-        notifications: [...notifications],
-        duration
-      });
-    }
-  },
-  showToast({ notification, duration = 3e3, type }) {
-    try {
-      this.showToastInternal({ notification, duration, type });
-    } catch (err) {
-      console.debug("Notifications", err);
-    }
-  },
-  syncUItoast(toastsDisplaying) {
-    for (const [toastType, toastInfo] of this.toastsType.entries()) {
-      if (!toastsDisplaying.find((toast) => toast.id === toastInfo.id)) {
-        this.toastsType.delete(toastType);
-      }
-    }
-  }
-};
-ToastManager.addListener(ToastBatcher.syncUItoast.bind(ToastBatcher));
-
-// src/Prebuilt/components/VideoLayouts/GridLayout.tsx
-init_define_process_env();
-import React130, { useEffect as useEffect38, useMemo as useMemo14, useState as useState54 } from "react";
-import { selectPeers as selectPeers3, selectPeerScreenSharing, useHMSStore as useHMSStore63, useHMSVanillaStore as useHMSVanillaStore10 } from "@100mslive/react-sdk";
-
-// src/Prebuilt/components/VideoLayouts/EqualProminence.tsx
-init_define_process_env();
-import React123, { useEffect as useEffect34, useMemo as useMemo11, useState as useState49 } from "react";
-import { useMedia as useMedia24 } from "react-use";
-import { selectLocalPeer as selectLocalPeer4, useHMSStore as useHMSStore59 } from "@100mslive/react-sdk";
-
-// src/Prebuilt/components/InsetTile.tsx
-init_define_process_env();
-import React120, { useEffect as useEffect31, useRef as useRef21 } from "react";
-import Draggable from "react-draggable";
-import { useMedia as useMedia22 } from "react-use";
-import { selectIsAllowedToPublish as selectIsAllowedToPublish2, selectLocalPeer as selectLocalPeer3, selectVideoTrackByID as selectVideoTrackByID6, useHMSStore as useHMSStore58 } from "@100mslive/react-sdk";
-import { ExpandIcon as ExpandIcon2 } from "@100mslive/react-icons";
-
-// src/Prebuilt/components/hooks/useVideoTileLayout.ts
-init_define_process_env();
-import React119, { useContext as useContext3 } from "react";
-var VideoTileContext = React119.createContext({
-  enableSpotlightingPeer: true,
-  hideParticipantNameOnTile: false,
-  roundedVideoTile: true,
-  hideAudioMuteOnTile: false,
-  hideAudioLevelOnTile: false,
-  objectFit: "contain",
-  hideMetadataOnTile: false
-});
-var useVideoTileContext = () => {
-  const context = useContext3(VideoTileContext);
-  return context;
-};
-
-// src/Prebuilt/components/InsetTile.tsx
-var MinimisedTile = ({ setMinimised }) => {
-  return /* @__PURE__ */ React120.createElement(Flex, { align: "center", css: { gap: "$6", r: "$1", bg: "$surface_default", p: "$4", color: "$on_surface_high" } }, /* @__PURE__ */ React120.createElement(AudioVideoToggle, { hideOptions: true }), /* @__PURE__ */ React120.createElement(Text, null, "You"), /* @__PURE__ */ React120.createElement(
-    IconButton_default,
-    {
-      className: "__cancel-drag-event",
-      onClick: () => setMinimised(false),
-      css: { bg: "transparent", border: "transparent" }
-    },
-    /* @__PURE__ */ React120.createElement(ExpandIcon2, null)
-  ));
-};
-var insetHeightPx = 180;
-var insetMaxWidthPx = 240;
-var defaultMobileAspectRatio = 9 / 16;
-var desktopAspectRatio = 1 / defaultMobileAspectRatio;
-var InsetTile = () => {
-  const isMobile = useMedia22(config.media.md);
-  const isLandscape = useMedia22(config.media.ls);
-  const localPeer = useHMSStore58(selectLocalPeer3);
-  const [minimised, setMinimised] = useSetAppDataByKey(APP_DATA.minimiseInset);
-  const videoTrack = useHMSStore58(selectVideoTrackByID6(localPeer == null ? void 0 : localPeer.videoTrack));
-  const isAllowedToPublish = useHMSStore58(selectIsAllowedToPublish2);
-  const videoTileProps = useVideoTileContext();
-  let aspectRatio = isMobile ? defaultMobileAspectRatio : desktopAspectRatio;
-  if ((videoTrack == null ? void 0 : videoTrack.width) && (videoTrack == null ? void 0 : videoTrack.height) && !isMobile) {
-    aspectRatio = videoTrack.width / videoTrack.height;
-  }
-  let height = insetHeightPx;
-  let width = height * aspectRatio;
-  if (isLandscape && width > insetMaxWidthPx) {
-    width = 240;
-    height = width / aspectRatio;
-  }
-  const nodeRef = useRef21(null);
-  useEffect31(() => {
-    const node = nodeRef.current;
-    if (!node || !window.ResizeObserver) {
-      return;
-    }
-    const resizeObserver = new ResizeObserver((entries) => {
-      entries.forEach((entry) => {
-        if (entry.target === node.parentElement) {
-          node.style.transform = `translate(0,0)`;
-        }
-      });
-    });
-    node.parentElement && resizeObserver.observe(node.parentElement);
-    return () => {
-      (node == null ? void 0 : node.parentElement) && (resizeObserver == null ? void 0 : resizeObserver.unobserve(node.parentElement));
-      resizeObserver == null ? void 0 : resizeObserver.disconnect();
-    };
-  }, []);
-  if (!isAllowedToPublish.video && !isAllowedToPublish.audio) {
-    return null;
-  }
-  return /* @__PURE__ */ React120.createElement(Draggable, { bounds: "parent", nodeRef, cancel: ".__cancel-drag-event" }, /* @__PURE__ */ React120.createElement(
-    Box,
-    {
-      ref: nodeRef,
-      css: __spreadValues({
-        position: "absolute",
-        bottom: 0,
-        right: 0,
-        zIndex: 11,
-        boxShadow: "0 0 8px 0 rgba(0,0,0,0.3)",
-        r: "$2"
-      }, !minimised ? {
-        aspectRatio,
-        h: height
-      } : {})
-    },
-    minimised ? /* @__PURE__ */ React120.createElement(MinimisedTile, { setMinimised }) : /* @__PURE__ */ React120.createElement(
+    minimised ? /* @__PURE__ */ React119.createElement(MinimisedTile, { setMinimised }) : /* @__PURE__ */ React119.createElement(
       VideoTile_default,
       __spreadProps(__spreadValues({
         peerId: localPeer == null ? void 0 : localPeer.id,
@@ -19594,7 +19394,7 @@ var InsetTile = () => {
 
 // src/Prebuilt/components/Pagination.tsx
 init_define_process_env();
-import React121, { useEffect as useEffect32 } from "react";
+import React120, { useEffect as useEffect32 } from "react";
 import { ChevronLeftIcon as ChevronLeftIcon7, ChevronRightIcon as ChevronRightIcon4 } from "@100mslive/react-icons";
 var Pagination = ({
   page,
@@ -19619,7 +19419,7 @@ var Pagination = ({
   if (numPages <= 1) {
     return null;
   }
-  return /* @__PURE__ */ React121.createElement(StyledPagination.Root, { css: { flexShrink: 0 } }, /* @__PURE__ */ React121.createElement(StyledPagination.Chevron, { disabled: disableLeft, onClick: prevPage }, /* @__PURE__ */ React121.createElement(ChevronLeftIcon7, { width: 16, height: 16, style: { cursor: disableLeft ? "not-allowed" : "pointer" } })), numPages <= 5 ? /* @__PURE__ */ React121.createElement(StyledPagination.Dots, null, [...Array(numPages)].map((_3, i) => /* @__PURE__ */ React121.createElement(
+  return /* @__PURE__ */ React120.createElement(StyledPagination.Root, { css: { flexShrink: 0 } }, /* @__PURE__ */ React120.createElement(StyledPagination.Chevron, { disabled: disableLeft, onClick: prevPage }, /* @__PURE__ */ React120.createElement(ChevronLeftIcon7, { width: 16, height: 16, style: { cursor: disableLeft ? "not-allowed" : "pointer" } })), numPages <= 5 ? /* @__PURE__ */ React120.createElement(StyledPagination.Dots, null, [...Array(numPages)].map((_3, i) => /* @__PURE__ */ React120.createElement(
     StyledPagination.Dot,
     {
       key: i,
@@ -19629,16 +19429,16 @@ var Pagination = ({
         onPageChange(i);
       }
     }
-  ))) : null, /* @__PURE__ */ React121.createElement(StyledPagination.Chevron, { disabled: disableRight, onClick: nextPage }, /* @__PURE__ */ React121.createElement(ChevronRightIcon4, { width: 16, height: 16, style: { cursor: disableRight ? "not-allowed" : "pointer" } })));
+  ))) : null, /* @__PURE__ */ React120.createElement(StyledPagination.Chevron, { disabled: disableRight, onClick: nextPage }, /* @__PURE__ */ React120.createElement(ChevronRightIcon4, { width: 16, height: 16, style: { cursor: disableRight ? "not-allowed" : "pointer" } })));
 };
 
 // src/Prebuilt/components/VideoLayouts/Grid.tsx
 init_define_process_env();
-import React122 from "react";
-var Grid = React122.forwardRef(
+import React121 from "react";
+var Grid = React121.forwardRef(
   ({ tiles, edgeToEdge }, ref) => {
     const videoTileProps = useVideoTileContext();
-    return /* @__PURE__ */ React122.createElement(
+    return /* @__PURE__ */ React121.createElement(
       Box,
       {
         ref,
@@ -19656,7 +19456,7 @@ var Grid = React122.forwardRef(
       },
       tiles == null ? void 0 : tiles.map((tile) => {
         var _a7, _b7, _c, _d;
-        return /* @__PURE__ */ React122.createElement(
+        return /* @__PURE__ */ React121.createElement(
           VideoTile_default,
           __spreadValues({
             key: ((_a7 = tile.track) == null ? void 0 : _a7.id) || ((_b7 = tile.peer) == null ? void 0 : _b7.id),
@@ -19781,7 +19581,7 @@ var useTileLayout = ({
 // src/Prebuilt/components/VideoLayouts/EqualProminence.tsx
 function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSize, edgeToEdge }) {
   var _a7;
-  const localPeer = useHMSStore59(selectLocalPeer4);
+  const localPeer = useHMSStore58(selectLocalPeer7);
   const isMobile = useMedia24(config.media.md);
   let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
   maxTileCount = isMobile ? Math.min(maxTileCount, 6) : maxTileCount;
@@ -19809,7 +19609,7 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
       onPageSize == null ? void 0 : onPageSize(pageSize);
     }
   }, [pageSize, onPageSize]);
-  return /* @__PURE__ */ React123.createElement(Flex, { direction: "column", css: { flex: "1 1 0", h: "100%", position: "relative", minWidth: 0 } }, /* @__PURE__ */ React123.createElement(Grid, { tiles: pagesWithTiles[page], ref, edgeToEdge }), !edgeToEdge && /* @__PURE__ */ React123.createElement(
+  return /* @__PURE__ */ React122.createElement(Flex, { direction: "column", css: { flex: "1 1 0", h: "100%", position: "relative", minWidth: 0 } }, /* @__PURE__ */ React122.createElement(Grid, { tiles: pagesWithTiles[page], ref, edgeToEdge }), !edgeToEdge && /* @__PURE__ */ React122.createElement(
     Pagination,
     {
       page,
@@ -19819,23 +19619,23 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
       },
       numPages: pagesWithTiles.length
     }
-  ), isInsetEnabled && pageList.length > 0 && pageList[0][0].peer.id !== (localPeer == null ? void 0 : localPeer.id) && /* @__PURE__ */ React123.createElement(InsetTile, null));
+  ), isInsetEnabled && pageList.length > 0 && pageList[0][0].peer.id !== (localPeer == null ? void 0 : localPeer.id) && /* @__PURE__ */ React122.createElement(InsetTile, null));
 }
 
 // src/Prebuilt/components/VideoLayouts/RoleProminence.tsx
 init_define_process_env();
-import React126, { useEffect as useEffect36, useState as useState51 } from "react";
-import { selectLocalPeer as selectLocalPeer5, useHMSStore as useHMSStore60 } from "@100mslive/react-sdk";
+import React125, { useEffect as useEffect36, useState as useState51 } from "react";
+import { selectLocalPeer as selectLocalPeer8, useHMSStore as useHMSStore59 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/SecondaryTiles.tsx
 init_define_process_env();
-import React125, { useEffect as useEffect35, useState as useState50 } from "react";
+import React124, { useEffect as useEffect35, useState as useState50 } from "react";
 import { useMedia as useMedia25 } from "react-use";
 
 // src/Prebuilt/components/VideoLayouts/ProminenceLayout.tsx
 init_define_process_env();
-import React124 from "react";
-var Root26 = ({ children, edgeToEdge }) => /* @__PURE__ */ React124.createElement(
+import React123 from "react";
+var Root26 = ({ children, edgeToEdge }) => /* @__PURE__ */ React123.createElement(
   Flex,
   {
     direction: "column",
@@ -19844,7 +19644,7 @@ var Root26 = ({ children, edgeToEdge }) => /* @__PURE__ */ React124.createElemen
   children
 );
 var ProminentSection = ({ children, css: css2 = {} }) => {
-  return /* @__PURE__ */ React124.createElement(Flex, { direction: "column", css: __spreadValues({ flex: "1 1 0", gap: "$2", minHeight: 0 }, css2) }, children);
+  return /* @__PURE__ */ React123.createElement(Flex, { direction: "column", css: __spreadValues({ flex: "1 1 0", gap: "$2", minHeight: 0 }, css2) }, children);
 };
 var SecondarySection = ({
   tiles,
@@ -19855,12 +19655,12 @@ var SecondarySection = ({
   if (!(tiles == null ? void 0 : tiles.length)) {
     return null;
   }
-  return /* @__PURE__ */ React124.createElement(
+  return /* @__PURE__ */ React123.createElement(
     Box,
     {
       css: {
         display: "grid",
-        gridTemplateRows: React124.Children.count(children) > 0 ? "136px auto" : "154px",
+        gridTemplateRows: React123.Children.count(children) > 0 ? "136px auto" : "154px",
         gridTemplateColumns: `repeat(${tiles.length}, minmax(0, 1fr))`,
         margin: "0 auto",
         gap: "$2 $4",
@@ -19870,7 +19670,7 @@ var SecondarySection = ({
     },
     tiles.map((tile) => {
       var _a7, _b7, _c, _d;
-      return /* @__PURE__ */ React124.createElement(
+      return /* @__PURE__ */ React123.createElement(
         VideoTile_default,
         __spreadValues({
           key: ((_a7 = tile.track) == null ? void 0 : _a7.id) || ((_b7 = tile.peer) == null ? void 0 : _b7.id),
@@ -19887,7 +19687,7 @@ var SecondarySection = ({
         }, tileLayoutProps)
       );
     }),
-    /* @__PURE__ */ React124.createElement(Box, { css: { gridColumn: `1/span ${tiles.length}` } }, children)
+    /* @__PURE__ */ React123.createElement(Box, { css: { gridColumn: `1/span ${tiles.length}` } }, children)
   );
 };
 var ProminenceLayout = {
@@ -19909,7 +19709,7 @@ var SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
       onPageSize == null ? void 0 : onPageSize(pageSize);
     }
   }, [pageSize, onPageSize]);
-  return /* @__PURE__ */ React125.createElement(ProminenceLayout.SecondarySection, { tiles: pagesWithTiles[page], edgeToEdge }, !edgeToEdge && /* @__PURE__ */ React125.createElement(
+  return /* @__PURE__ */ React124.createElement(ProminenceLayout.SecondarySection, { tiles: pagesWithTiles[page], edgeToEdge }, !edgeToEdge && /* @__PURE__ */ React124.createElement(
     Pagination,
     {
       page,
@@ -19968,7 +19768,7 @@ function RoleProminence({
 }) {
   var _a7;
   const { prominentPeers, secondaryPeers } = useRoleProminencePeers(prominentRoles, peers, isInsetEnabled);
-  const localPeer = useHMSStore60(selectLocalPeer5);
+  const localPeer = useHMSStore59(selectLocalPeer8);
   const maxTileCount = 4;
   const pageList = usePagesWithTiles({
     peers: prominentPeers,
@@ -19985,7 +19785,7 @@ function RoleProminence({
       onPageSize == null ? void 0 : onPageSize(pageSize);
     }
   }, [pageSize, onPageSize]);
-  return /* @__PURE__ */ React126.createElement(ProminenceLayout.Root, null, /* @__PURE__ */ React126.createElement(ProminenceLayout.ProminentSection, null, /* @__PURE__ */ React126.createElement(Grid, { ref, tiles: pagesWithTiles[page] })), !edgeToEdge && /* @__PURE__ */ React126.createElement(
+  return /* @__PURE__ */ React125.createElement(ProminenceLayout.Root, null, /* @__PURE__ */ React125.createElement(ProminenceLayout.ProminentSection, null, /* @__PURE__ */ React125.createElement(Grid, { ref, tiles: pagesWithTiles[page] })), !edgeToEdge && /* @__PURE__ */ React125.createElement(
     Pagination,
     {
       page,
@@ -19995,37 +19795,37 @@ function RoleProminence({
       },
       numPages: pagesWithTiles.length
     }
-  ), /* @__PURE__ */ React126.createElement(SecondaryTiles, { peers: secondaryPeers, isInsetEnabled, edgeToEdge }), isInsetEnabled && localPeer && !prominentPeers.includes(localPeer) && /* @__PURE__ */ React126.createElement(InsetTile, null));
+  ), /* @__PURE__ */ React125.createElement(SecondaryTiles, { peers: secondaryPeers, isInsetEnabled, edgeToEdge }), isInsetEnabled && localPeer && !prominentPeers.includes(localPeer) && /* @__PURE__ */ React125.createElement(InsetTile, null));
 }
 
 // src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
 init_define_process_env();
-import React129, { useEffect as useEffect37, useMemo as useMemo13, useState as useState53 } from "react";
+import React128, { useEffect as useEffect37, useMemo as useMemo13, useState as useState53 } from "react";
 import { useMedia as useMedia26 } from "react-use";
-import { selectPeersScreenSharing, useHMSStore as useHMSStore62 } from "@100mslive/react-sdk";
+import { selectPeersScreenSharing, useHMSStore as useHMSStore61 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/ScreenshareTile.jsx
 init_define_process_env();
-import React128, { useRef as useRef22, useState as useState52 } from "react";
+import React127, { useRef as useRef22, useState as useState52 } from "react";
 import { useFullscreen as useFullscreen2 } from "react-use";
 import screenfull2 from "screenfull";
 import {
-  selectLocalPeerID as selectLocalPeerID13,
-  selectPeerByID as selectPeerByID4,
+  selectLocalPeerID as selectLocalPeerID12,
+  selectPeerByID as selectPeerByID3,
   selectScreenShareAudioByPeerID as selectScreenShareAudioByPeerID2,
   selectScreenShareByPeerID,
-  useHMSStore as useHMSStore61
+  useHMSStore as useHMSStore60
 } from "@100mslive/react-sdk";
 import { ExpandIcon as ExpandIcon3, ShrinkIcon as ShrinkIcon2 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/ScreenshareDisplay.jsx
 init_define_process_env();
-import React127 from "react";
-import { useHMSActions as useHMSActions39 } from "@100mslive/react-sdk";
+import React126 from "react";
+import { useHMSActions as useHMSActions38 } from "@100mslive/react-sdk";
 import { CrossIcon as CrossIcon18, ShareScreenIcon as ShareScreenIcon4 } from "@100mslive/react-icons";
 var ScreenshareDisplay = () => {
-  const hmsActions = useHMSActions39();
-  return /* @__PURE__ */ React127.createElement(
+  const hmsActions = useHMSActions38();
+  return /* @__PURE__ */ React126.createElement(
     Flex,
     {
       direction: "column",
@@ -20037,9 +19837,9 @@ var ScreenshareDisplay = () => {
         color: "$on_surface_high"
       }
     },
-    /* @__PURE__ */ React127.createElement(ShareScreenIcon4, { width: 48, height: 48 }),
-    /* @__PURE__ */ React127.createElement(Text, { variant: "h5", css: { m: "$8 0" } }, "You are sharing your screen"),
-    /* @__PURE__ */ React127.createElement(
+    /* @__PURE__ */ React126.createElement(ShareScreenIcon4, { width: 48, height: 48 }),
+    /* @__PURE__ */ React126.createElement(Text, { variant: "h5", css: { m: "$8 0" } }, "You are sharing your screen"),
+    /* @__PURE__ */ React126.createElement(
       Button,
       {
         variant: "danger",
@@ -20049,7 +19849,7 @@ var ScreenshareDisplay = () => {
         }),
         "data-testid": "stop_screen_share_btn"
       },
-      /* @__PURE__ */ React127.createElement(CrossIcon18, { width: 18, height: 18 }),
+      /* @__PURE__ */ React126.createElement(CrossIcon18, { width: 18, height: 18 }),
       "\xA0 Stop screen share"
     )
   );
@@ -20065,9 +19865,9 @@ var labelStyles = {
   flexShrink: 0
 };
 var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
-  const isLocal = useHMSStore61(selectLocalPeerID13) === peerId;
-  const track = useHMSStore61(selectScreenShareByPeerID(peerId));
-  const peer = useHMSStore61(selectPeerByID4(peerId));
+  const isLocal = useHMSStore60(selectLocalPeerID12) === peerId;
+  const track = useHMSStore60(selectScreenShareByPeerID(peerId));
+  const peer = useHMSStore60(selectPeerByID3(peerId));
   const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
   const [isMouseHovered, setIsMouseHovered] = useState52(false);
   const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
@@ -20077,9 +19877,9 @@ var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
     onClose: () => setFullscreen(false)
   });
   const isFullScreenSupported = screenfull2.isEnabled;
-  const audioTrack = useHMSStore61(selectScreenShareAudioByPeerID2(peer == null ? void 0 : peer.id));
+  const audioTrack = useHMSStore60(selectScreenShareAudioByPeerID2(peer == null ? void 0 : peer.id));
   if (isLocal && !["browser", "window", "application"].includes(track == null ? void 0 : track.displaySurface)) {
-    return /* @__PURE__ */ React128.createElement(ScreenshareDisplay, null);
+    return /* @__PURE__ */ React127.createElement(ScreenshareDisplay, null);
   }
   if (!peer) {
     return null;
@@ -20089,7 +19889,7 @@ var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
     isLocal: false,
     track
   });
-  return /* @__PURE__ */ React128.createElement(StyledVideoTile.Root, { css: { width, height, p: 0, minHeight: 0 }, "data-testid": "screenshare_tile" }, /* @__PURE__ */ React128.createElement(
+  return /* @__PURE__ */ React127.createElement(StyledVideoTile.Root, { css: { width, height, p: 0, minHeight: 0 }, "data-testid": "screenshare_tile" }, /* @__PURE__ */ React127.createElement(
     StyledVideoTile.Container,
     {
       transparentBg: true,
@@ -20100,9 +19900,9 @@ var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
         setIsMouseHovered(false);
       }
     },
-    showStatsOnTiles ? /* @__PURE__ */ React128.createElement(VideoTileStats, { audioTrackID: audioTrack == null ? void 0 : audioTrack.id, videoTrackID: track == null ? void 0 : track.id, peerID: peerId, isLocal }) : null,
-    isFullScreenSupported && isMouseHovered ? /* @__PURE__ */ React128.createElement(StyledVideoTile.FullScreenButton, { onClick: () => setFullscreen(!fullscreen) }, isFullscreen ? /* @__PURE__ */ React128.createElement(ShrinkIcon2, null) : /* @__PURE__ */ React128.createElement(ExpandIcon3, null)) : null,
-    track ? /* @__PURE__ */ React128.createElement(
+    showStatsOnTiles ? /* @__PURE__ */ React127.createElement(VideoTileStats, { audioTrackID: audioTrack == null ? void 0 : audioTrack.id, videoTrackID: track == null ? void 0 : track.id, peerID: peerId, isLocal }) : null,
+    isFullScreenSupported && isMouseHovered ? /* @__PURE__ */ React127.createElement(StyledVideoTile.FullScreenButton, { onClick: () => setFullscreen(!fullscreen) }, isFullscreen ? /* @__PURE__ */ React127.createElement(ShrinkIcon2, null) : /* @__PURE__ */ React127.createElement(ExpandIcon3, null)) : null,
+    track ? /* @__PURE__ */ React127.createElement(
       Video,
       {
         screenShare: true,
@@ -20112,8 +19912,8 @@ var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
         css: { minHeight: 0 }
       }
     ) : null,
-    /* @__PURE__ */ React128.createElement(StyledVideoTile.Info, { css: labelStyles }, label),
-    isMouseHovered && !peer.isLocal ? /* @__PURE__ */ React128.createElement(
+    /* @__PURE__ */ React127.createElement(StyledVideoTile.Info, { css: labelStyles }, label),
+    isMouseHovered && !peer.isLocal ? /* @__PURE__ */ React127.createElement(
       TileMenu_default,
       {
         isScreenshare: true,
@@ -20125,13 +19925,13 @@ var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
     ) : null
   ));
 };
-var ScreenshareTile = React128.memo(Tile2);
+var ScreenshareTile = React127.memo(Tile2);
 var ScreenshareTile_default = ScreenshareTile;
 
 // src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
 var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
   var _a7;
-  const peersSharing = useHMSStore62(selectPeersScreenSharing);
+  const peersSharing = useHMSStore61(selectPeersScreenSharing);
   const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
   const [page, setPage] = useState53(0);
   const activeSharePeer = peersSharing[page];
@@ -20148,7 +19948,7 @@ var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
       setActiveScreenSharePeer("");
     };
   }, [activeSharePeer == null ? void 0 : activeSharePeer.id, isMobile, setActiveScreenSharePeer]);
-  return /* @__PURE__ */ React129.createElement(ProminenceLayout.Root, { edgeToEdge }, /* @__PURE__ */ React129.createElement(ProminenceLayout.ProminentSection, null, /* @__PURE__ */ React129.createElement(ScreenshareTile_default, { peerId: (_a7 = peersSharing[page]) == null ? void 0 : _a7.id }), !edgeToEdge && /* @__PURE__ */ React129.createElement(Pagination, { page, onPageChange: setPage, numPages: peersSharing.length })), /* @__PURE__ */ React129.createElement(
+  return /* @__PURE__ */ React128.createElement(ProminenceLayout.Root, { edgeToEdge }, /* @__PURE__ */ React128.createElement(ProminenceLayout.ProminentSection, null, /* @__PURE__ */ React128.createElement(ScreenshareTile_default, { peerId: (_a7 = peersSharing[page]) == null ? void 0 : _a7.id }), !edgeToEdge && /* @__PURE__ */ React128.createElement(Pagination, { page, onPageChange: setPage, numPages: peersSharing.length })), /* @__PURE__ */ React128.createElement(
     SecondaryTiles,
     {
       peers: secondaryPeers,
@@ -20254,9 +20054,9 @@ var GridLayout = ({
   edge_to_edge = false,
   hide_metadata_on_tile = false
 }) => {
-  const peerSharing = useHMSStore63(selectPeerScreenSharing);
+  const peerSharing = useHMSStore62(selectPeerScreenSharing);
   const pinnedTrack = usePinnedTrack();
-  const peers = useHMSStore63(selectPeers3);
+  const peers = useHMSStore62(selectPeers3);
   const isRoleProminence = prominentRoles.length && peers.some(
     (peer) => peer.roleName && prominentRoles.includes(peer.roleName) && (peer.videoTrack || peer.audioTrack)
   ) || pinnedTrack;
@@ -20290,7 +20090,7 @@ var GridLayout = ({
     peersSorter.onUpdate(setSortedPeers);
   }, [mainPage, peersSorter, updatedPeers, pageSize]);
   if (peerSharing) {
-    return /* @__PURE__ */ React130.createElement(VideoTileContext.Provider, { value: tileLayout }, /* @__PURE__ */ React130.createElement(
+    return /* @__PURE__ */ React129.createElement(VideoTileContext.Provider, { value: tileLayout }, /* @__PURE__ */ React129.createElement(
       ScreenshareLayout,
       {
         peers: sortedPeers,
@@ -20300,7 +20100,7 @@ var GridLayout = ({
       }
     ));
   } else if (isRoleProminence) {
-    return /* @__PURE__ */ React130.createElement(VideoTileContext.Provider, { value: tileLayout }, /* @__PURE__ */ React130.createElement(
+    return /* @__PURE__ */ React129.createElement(VideoTileContext.Provider, { value: tileLayout }, /* @__PURE__ */ React129.createElement(
       RoleProminence,
       {
         peers: sortedPeers,
@@ -20312,7 +20112,7 @@ var GridLayout = ({
       }
     ));
   }
-  return /* @__PURE__ */ React130.createElement(VideoTileContext.Provider, { value: tileLayout }, /* @__PURE__ */ React130.createElement(
+  return /* @__PURE__ */ React129.createElement(VideoTileContext.Provider, { value: tileLayout }, /* @__PURE__ */ React129.createElement(
     EqualProminence,
     {
       peers: sortedPeers,
@@ -20326,14 +20126,14 @@ var GridLayout = ({
 
 // src/Prebuilt/layouts/EmbedView.jsx
 init_define_process_env();
-import React131, { useEffect as useEffect39, useMemo as useMemo15 } from "react";
-import { selectAppData as selectAppData6, selectPeers as selectPeers4, selectPeerScreenSharing as selectPeerScreenSharing2, useEmbedShare, useHMSStore as useHMSStore64 } from "@100mslive/react-sdk";
+import React130, { useEffect as useEffect39, useMemo as useMemo15 } from "react";
+import { selectAppData as selectAppData6, selectPeers as selectPeers4, selectPeerScreenSharing as selectPeerScreenSharing2, useEmbedShare, useHMSStore as useHMSStore63 } from "@100mslive/react-sdk";
 var EmbedView = () => {
-  return /* @__PURE__ */ React131.createElement(EmbedScreenShareView, null, /* @__PURE__ */ React131.createElement(EmbedComponent, null));
+  return /* @__PURE__ */ React130.createElement(EmbedScreenShareView, null, /* @__PURE__ */ React130.createElement(EmbedComponent, null));
 };
 var EmbedScreenShareView = ({ children }) => {
-  const peers = useHMSStore64(selectPeers4);
-  const peerPresenting = useHMSStore64(selectPeerScreenSharing2);
+  const peers = useHMSStore63(selectPeers4);
+  const peerPresenting = useHMSStore63(selectPeerScreenSharing2);
   const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
   const smallTilePeers = useMemo15(() => {
     const smallTilePeers2 = peers.filter((peer) => peer.id !== (peerPresenting == null ? void 0 : peerPresenting.id));
@@ -20345,10 +20145,10 @@ var EmbedScreenShareView = ({ children }) => {
       setActiveScreenSharePeer("");
     };
   }, [peerPresenting == null ? void 0 : peerPresenting.id, setActiveScreenSharePeer]);
-  return /* @__PURE__ */ React131.createElement(ProminenceLayout.Root, null, /* @__PURE__ */ React131.createElement(ProminenceLayout.ProminentSection, null, children), /* @__PURE__ */ React131.createElement(SecondaryTiles, { peers: smallTilePeers }));
+  return /* @__PURE__ */ React130.createElement(ProminenceLayout.Root, null, /* @__PURE__ */ React130.createElement(ProminenceLayout.ProminentSection, null, children), /* @__PURE__ */ React130.createElement(SecondaryTiles, { peers: smallTilePeers }));
 };
 var EmbedComponent = () => {
-  const embedConfig = useHMSStore64(selectAppData6(APP_DATA.embedConfig));
+  const embedConfig = useHMSStore63(selectAppData6(APP_DATA.embedConfig));
   const resetConfig = useResetEmbedConfig();
   const { iframeRef, startEmbedShare, isEmbedShareInProgress } = useEmbedShare(resetConfig);
   useEffect39(() => {
@@ -20366,7 +20166,7 @@ var EmbedComponent = () => {
       }
     }))();
   }, [isEmbedShareInProgress, embedConfig, startEmbedShare, resetConfig]);
-  return /* @__PURE__ */ React131.createElement(
+  return /* @__PURE__ */ React130.createElement(
     Box,
     {
       css: {
@@ -20379,7 +20179,7 @@ var EmbedComponent = () => {
         }
       }
     },
-    /* @__PURE__ */ React131.createElement(
+    /* @__PURE__ */ React130.createElement(
       "iframe",
       {
         title: "Embed View",
@@ -20399,7 +20199,7 @@ var EmbedComponent = () => {
 
 // src/Prebuilt/layouts/PDFView.jsx
 init_define_process_env();
-import React132, { useEffect as useEffect40 } from "react";
+import React131, { useEffect as useEffect40 } from "react";
 import { usePDFShare } from "@100mslive/react-sdk";
 var PDFView = () => {
   const pdfConfig = usePDFConfig();
@@ -20420,7 +20220,7 @@ var PDFView = () => {
       }
     }))();
   }, [isPDFShareInProgress, pdfConfig, resetConfig, startPDFShare]);
-  return /* @__PURE__ */ React132.createElement(EmbedScreenShareView, null, /* @__PURE__ */ React132.createElement(
+  return /* @__PURE__ */ React131.createElement(EmbedScreenShareView, null, /* @__PURE__ */ React131.createElement(
     Box,
     {
       css: {
@@ -20433,7 +20233,7 @@ var PDFView = () => {
         }
       }
     },
-    /* @__PURE__ */ React132.createElement(
+    /* @__PURE__ */ React131.createElement(
       "iframe",
       {
         title: "Embed View",
@@ -20453,10 +20253,10 @@ var PDFView = () => {
 
 // src/Prebuilt/layouts/WaitingView.jsx
 init_define_process_env();
-import React133 from "react";
+import React132 from "react";
 import { ColoredTimeIcon } from "@100mslive/react-icons";
-var WaitingView = React133.memo(() => {
-  return /* @__PURE__ */ React133.createElement(
+var WaitingView = React132.memo(() => {
+  return /* @__PURE__ */ React132.createElement(
     Box,
     {
       css: {
@@ -20470,7 +20270,7 @@ var WaitingView = React133.memo(() => {
       },
       "data-testid": "waiting_view"
     },
-    /* @__PURE__ */ React133.createElement(
+    /* @__PURE__ */ React132.createElement(
       Flex,
       {
         align: "center",
@@ -20484,8 +20284,8 @@ var WaitingView = React133.memo(() => {
           gap: "$8"
         }
       },
-      /* @__PURE__ */ React133.createElement(ColoredTimeIcon, { width: "80px", height: "80px" }),
-      /* @__PURE__ */ React133.createElement(
+      /* @__PURE__ */ React132.createElement(ColoredTimeIcon, { width: "80px", height: "80px" }),
+      /* @__PURE__ */ React132.createElement(
         Flex,
         {
           direction: "column",
@@ -20495,29 +20295,27 @@ var WaitingView = React133.memo(() => {
             gap: "$4"
           }
         },
-        /* @__PURE__ */ React133.createElement(Text, { color: "white", variant: "h6", css: { "@md": { fontSize: "$md" } } }, "Please wait"),
-        /* @__PURE__ */ React133.createElement(Text, { color: "$on_surface_medium", css: { mt: "$4", "@md": { fontSize: "$sm" } } }, "Sit back and relax till others let you join.")
+        /* @__PURE__ */ React132.createElement(Text, { color: "white", variant: "h6", css: { "@md": { fontSize: "$md" } } }, "Please wait"),
+        /* @__PURE__ */ React132.createElement(Text, { color: "$on_surface_medium", css: { mt: "$4", "@md": { fontSize: "$sm" } } }, "Sit back and relax till others let you join.")
       )
     )
   );
 });
 
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
-var HLSView = React134.lazy(() => import("./HLSView-AIPLCDXY.js"));
+var HLSView = React133.lazy(() => import("./HLSView-IENE4HRP.js"));
 var VideoStreamingSection = ({
   screenType,
   elements,
   hideControls = false
 }) => {
   var _a7, _b7;
-  const localPeerRole = useHMSStore65(selectLocalPeerRoleName6);
-  const isConnected = useHMSStore65(selectIsConnectedToRoom9);
-  const hmsActions = useHMSActions40();
+  const localPeerRole = useHMSStore64(selectLocalPeerRoleName6);
+  const isConnected = useHMSStore64(selectIsConnectedToRoom9);
+  const hmsActions = useHMSActions39();
   const waitingViewerRole = useWaitingViewerRole();
   const urlToIframe = useUrlToEmbed();
   const pdfAnnotatorActive = usePDFConfig();
-  const localPeerName = useHMSStore65(selectLocalPeerName6);
-  const { enabled: isChatEnabled = true, updatedBy: chatStateUpdatedBy = "" } = useHMSStore65(selectSessionStore7("chatState" /* CHAT_STATE */)) || {};
   useEffect41(() => {
     if (!isConnected) {
       return;
@@ -20530,30 +20328,22 @@ var VideoStreamingSection = ({
       "chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */
     ]);
   }, [isConnected, hmsActions]);
-  useEffect41(() => {
-    if (!chatStateUpdatedBy || chatStateUpdatedBy === localPeerName) {
-      return;
-    }
-    const type = isChatEnabled ? "CHAT_RESUMED" : "CHAT_PAUSED";
-    const notification = { id: uuid2(), message: "", type, data: { name: localPeerName } };
-    ToastBatcher.showToast({ notification, type });
-  }, [isChatEnabled, chatStateUpdatedBy, localPeerName]);
   if (!localPeerRole) {
     return null;
   }
   let ViewComponent;
   if (screenType === "hls_live_streaming") {
-    ViewComponent = /* @__PURE__ */ React134.createElement(HLSView, null);
+    ViewComponent = /* @__PURE__ */ React133.createElement(HLSView, null);
   } else if (localPeerRole === waitingViewerRole) {
-    ViewComponent = /* @__PURE__ */ React134.createElement(WaitingView, null);
+    ViewComponent = /* @__PURE__ */ React133.createElement(WaitingView, null);
   } else if (pdfAnnotatorActive) {
-    ViewComponent = /* @__PURE__ */ React134.createElement(PDFView, null);
+    ViewComponent = /* @__PURE__ */ React133.createElement(PDFView, null);
   } else if (urlToIframe) {
-    ViewComponent = /* @__PURE__ */ React134.createElement(EmbedView, null);
+    ViewComponent = /* @__PURE__ */ React133.createElement(EmbedView, null);
   } else {
-    ViewComponent = /* @__PURE__ */ React134.createElement(GridLayout, __spreadValues({}, (_a7 = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _a7.grid));
+    ViewComponent = /* @__PURE__ */ React133.createElement(GridLayout, __spreadValues({}, (_a7 = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _a7.grid));
   }
-  return /* @__PURE__ */ React134.createElement(Suspense, { fallback: /* @__PURE__ */ React134.createElement(FullPageProgress_default, null) }, /* @__PURE__ */ React134.createElement(
+  return /* @__PURE__ */ React133.createElement(Suspense, { fallback: /* @__PURE__ */ React133.createElement(FullPageProgress_default, null) }, /* @__PURE__ */ React133.createElement(
     Flex,
     {
       css: {
@@ -20563,14 +20353,14 @@ var VideoStreamingSection = ({
       }
     },
     ViewComponent,
-    /* @__PURE__ */ React134.createElement(
+    /* @__PURE__ */ React133.createElement(Box, { css: { height: "100%", maxHeight: "100%", overflowY: "clip" } }, /* @__PURE__ */ React133.createElement(
       SidePane_default,
       {
         screenType,
         tileProps: (_b7 = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _b7.grid,
         hideControls
       }
-    )
+    ))
   ));
 };
 
@@ -20579,21 +20369,21 @@ init_define_process_env();
 
 // src/Prebuilt/components/Header/Header.tsx
 init_define_process_env();
-import React136 from "react";
+import React135 from "react";
 import { useMedia as useMedia27 } from "react-use";
-import { HMSRoomState as HMSRoomState6, selectRoomState as selectRoomState6, useHMSStore as useHMSStore67 } from "@100mslive/react-sdk";
+import { HMSRoomState as HMSRoomState6, selectRoomState as selectRoomState6, useHMSStore as useHMSStore66 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Header/common.jsx
 init_define_process_env();
-import React135 from "react";
+import React134 from "react";
 import {
   DeviceType as DeviceType3,
   selectIsLocalVideoEnabled as selectIsLocalVideoEnabled7,
   selectLocalVideoTrackID as selectLocalVideoTrackID4,
   selectVideoTrackByID as selectVideoTrackByID7,
   useDevices as useDevices3,
-  useHMSActions as useHMSActions41,
-  useHMSStore as useHMSStore66
+  useHMSActions as useHMSActions40,
+  useHMSStore as useHMSStore65
 } from "@100mslive/react-sdk";
 import {
   BluetoothIcon,
@@ -20604,16 +20394,16 @@ import {
   SpeakerIcon as SpeakerIcon3
 } from "@100mslive/react-icons";
 var CamaraFlipActions = () => {
-  const actions = useHMSActions41();
+  const actions = useHMSActions40();
   const { allDevices } = useDevices3();
   const { videoInput } = allDevices;
-  const isVideoOn = useHMSStore66(selectIsLocalVideoEnabled7);
-  const videoTrackId = useHMSStore66(selectLocalVideoTrackID4);
-  const localVideoTrack = useHMSStore66(selectVideoTrackByID7(videoTrackId));
+  const isVideoOn = useHMSStore65(selectIsLocalVideoEnabled7);
+  const videoTrackId = useHMSStore65(selectLocalVideoTrackID4);
+  const localVideoTrack = useHMSStore65(selectVideoTrackByID7(videoTrackId));
   if (!videoInput || !(videoInput == null ? void 0 : videoInput.length) || !(localVideoTrack == null ? void 0 : localVideoTrack.facingMode)) {
     return null;
   }
-  return /* @__PURE__ */ React135.createElement(Box, null, /* @__PURE__ */ React135.createElement(
+  return /* @__PURE__ */ React134.createElement(Box, null, /* @__PURE__ */ React134.createElement(
     IconButton_default,
     {
       disabled: !isVideoOn,
@@ -20628,7 +20418,7 @@ var CamaraFlipActions = () => {
         }
       })
     },
-    /* @__PURE__ */ React135.createElement(CameraFlipIcon2, null)
+    /* @__PURE__ */ React134.createElement(CameraFlipIcon2, null)
   ));
 };
 var AudioActions = () => {
@@ -20641,19 +20431,19 @@ var AudioActions = () => {
     availableAudioDevices = audioOutput;
     selectedAudio = selectedDeviceIDs.audioOutput;
   }
-  const hmsActions = useHMSActions41();
+  const hmsActions = useHMSActions40();
   const audioFiltered = availableAudioDevices == null ? void 0 : availableAudioDevices.find((item) => !!item.label);
   const currentSelection = availableAudioDevices == null ? void 0 : availableAudioDevices.find((item) => item.deviceId === selectedAudio);
   if (!audioFiltered) {
     return null;
   }
-  let AudioIcon = /* @__PURE__ */ React135.createElement(SpeakerIcon3, null);
+  let AudioIcon = /* @__PURE__ */ React134.createElement(SpeakerIcon3, null);
   if (currentSelection && currentSelection.label.toLowerCase().includes("bluetooth")) {
-    AudioIcon = /* @__PURE__ */ React135.createElement(BluetoothIcon, null);
+    AudioIcon = /* @__PURE__ */ React134.createElement(BluetoothIcon, null);
   } else if (currentSelection && currentSelection.label.toLowerCase().includes("wired")) {
-    AudioIcon = /* @__PURE__ */ React135.createElement(HeadphonesIcon, null);
+    AudioIcon = /* @__PURE__ */ React134.createElement(HeadphonesIcon, null);
   }
-  return /* @__PURE__ */ React135.createElement(
+  return /* @__PURE__ */ React134.createElement(
     AudioSelectionSheet,
     {
       audioDevices: availableAudioDevices,
@@ -20672,19 +20462,19 @@ var AudioActions = () => {
         }
       })
     },
-    /* @__PURE__ */ React135.createElement(
+    /* @__PURE__ */ React134.createElement(
       Box,
       {
         onClick: () => __async(void 0, null, function* () {
           yield hmsActions.refreshDevices();
         })
       },
-      /* @__PURE__ */ React135.createElement(IconButton_default, null, AudioIcon, " ")
+      /* @__PURE__ */ React134.createElement(IconButton_default, null, AudioIcon, " ")
     )
   );
 };
 var AudioSelectionSheet = ({ audioDevices, audioSelected, onChange, children }) => {
-  return /* @__PURE__ */ React135.createElement(Sheet.Root, null, /* @__PURE__ */ React135.createElement(Sheet.Trigger, { asChild: true }, children), /* @__PURE__ */ React135.createElement(Sheet.Content, null, /* @__PURE__ */ React135.createElement(Sheet.Title, { css: { py: "$10", px: "$8", alignItems: "center" } }, /* @__PURE__ */ React135.createElement(Flex, { direction: "row", justify: "between", css: { w: "100%" } }, /* @__PURE__ */ React135.createElement(Text, { variant: "h6", css: { display: "flex" } }, "Audio"), /* @__PURE__ */ React135.createElement(Sheet.Close, null, /* @__PURE__ */ React135.createElement(IconButton_default, { as: "div", "data-testid": "dialog_cross_icon" }, /* @__PURE__ */ React135.createElement(CrossIcon19, null))))), /* @__PURE__ */ React135.createElement(HorizontalDivider, null), /* @__PURE__ */ React135.createElement(
+  return /* @__PURE__ */ React134.createElement(Sheet.Root, null, /* @__PURE__ */ React134.createElement(Sheet.Trigger, { asChild: true }, children), /* @__PURE__ */ React134.createElement(Sheet.Content, null, /* @__PURE__ */ React134.createElement(Sheet.Title, { css: { py: "$10", px: "$8", alignItems: "center" } }, /* @__PURE__ */ React134.createElement(Flex, { direction: "row", justify: "between", css: { w: "100%" } }, /* @__PURE__ */ React134.createElement(Text, { variant: "h6", css: { display: "flex" } }, "Audio"), /* @__PURE__ */ React134.createElement(Sheet.Close, null, /* @__PURE__ */ React134.createElement(IconButton_default, { as: "div", "data-testid": "dialog_cross_icon" }, /* @__PURE__ */ React134.createElement(CrossIcon19, null))))), /* @__PURE__ */ React134.createElement(HorizontalDivider, null), /* @__PURE__ */ React134.createElement(
     Flex,
     {
       direction: "column",
@@ -20695,7 +20485,7 @@ var AudioSelectionSheet = ({ audioDevices, audioSelected, onChange, children })
       }
     },
     audioDevices.map((audioDevice) => {
-      return /* @__PURE__ */ React135.createElement(
+      return /* @__PURE__ */ React134.createElement(
         SelectWithLabel,
         {
           key: audioDevice.deviceId,
@@ -20708,8 +20498,8 @@ var AudioSelectionSheet = ({ audioDevices, audioSelected, onChange, children })
     })
   )));
 };
-var SelectWithLabel = ({ label, icon = /* @__PURE__ */ React135.createElement(React135.Fragment, null), checked, id, onChange }) => {
-  return /* @__PURE__ */ React135.createElement(
+var SelectWithLabel = ({ label, icon = /* @__PURE__ */ React134.createElement(React134.Fragment, null), checked, id, onChange }) => {
+  return /* @__PURE__ */ React134.createElement(
     Flex,
     {
       align: "center",
@@ -20721,7 +20511,7 @@ var SelectWithLabel = ({ label, icon = /* @__PURE__ */ React135.createElement(Re
       },
       onClick: onChange
     },
-    /* @__PURE__ */ React135.createElement(
+    /* @__PURE__ */ React134.createElement(
       Label3,
       {
         htmlFor: id,
@@ -20739,18 +20529,18 @@ var SelectWithLabel = ({ label, icon = /* @__PURE__ */ React135.createElement(Re
       icon,
       label
     ),
-    checked && /* @__PURE__ */ React135.createElement(CheckIcon6, { width: 24, height: 24 })
+    checked && /* @__PURE__ */ React134.createElement(CheckIcon6, { width: 24, height: 24 })
   );
 };
 
 // src/Prebuilt/components/Header/Header.tsx
 var Header2 = () => {
-  const roomState = useHMSStore67(selectRoomState6);
+  const roomState = useHMSStore66(selectRoomState6);
   const isMobile = useMedia27(config.media.md);
   if (roomState !== HMSRoomState6.Connected) {
-    return /* @__PURE__ */ React136.createElement(React136.Fragment, null);
+    return /* @__PURE__ */ React135.createElement(React135.Fragment, null);
   }
-  return /* @__PURE__ */ React136.createElement(Flex, { justify: "between", align: "center", css: { position: "relative", height: "100%" } }, /* @__PURE__ */ React136.createElement(Flex, { align: "center", gap: "2", css: { position: "absolute", left: "$10" } }, /* @__PURE__ */ React136.createElement(Logo, null), /* @__PURE__ */ React136.createElement(SpeakerTag, null), isMobile && /* @__PURE__ */ React136.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ React136.createElement(LiveStatus, null), /* @__PURE__ */ React136.createElement(RecordingStatus, null), /* @__PURE__ */ React136.createElement(RecordingPauseStatus, null))), /* @__PURE__ */ React136.createElement(
+  return /* @__PURE__ */ React135.createElement(Flex, { justify: "between", align: "center", css: { position: "relative", height: "100%" } }, /* @__PURE__ */ React135.createElement(Flex, { align: "center", gap: "2", css: { position: "absolute", left: "$10" } }, /* @__PURE__ */ React135.createElement(Logo, null), /* @__PURE__ */ React135.createElement(SpeakerTag, null), isMobile && /* @__PURE__ */ React135.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ React135.createElement(LiveStatus, null), /* @__PURE__ */ React135.createElement(RecordingStatus, null), /* @__PURE__ */ React135.createElement(RecordingPauseStatus, null))), /* @__PURE__ */ React135.createElement(
     Flex,
     {
       align: "center",
@@ -20760,8 +20550,8 @@ var Header2 = () => {
         gap: "$4"
       }
     },
-    /* @__PURE__ */ React136.createElement(StreamActions, null),
-    isMobile ? /* @__PURE__ */ React136.createElement(React136.Fragment, null, /* @__PURE__ */ React136.createElement(CamaraFlipActions, null), /* @__PURE__ */ React136.createElement(AudioActions, null)) : null
+    /* @__PURE__ */ React135.createElement(StreamActions, null),
+    isMobile ? /* @__PURE__ */ React135.createElement(React135.Fragment, null, /* @__PURE__ */ React135.createElement(CamaraFlipActions, null), /* @__PURE__ */ React135.createElement(AudioActions, null)) : null
   ));
 };
 
@@ -20771,11 +20561,11 @@ var ConferenceScreen = () => {
   const { userName, endpoints, onJoin: onJoinFunc } = useHMSPrebuiltContext();
   const screenProps = useRoomLayoutConferencingScreen();
   const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
-  const roomState = useHMSStore68(selectRoomState7);
-  const isConnectedToRoom = useHMSStore68(selectIsConnectedToRoom10);
-  const hmsActions = useHMSActions42();
+  const roomState = useHMSStore67(selectRoomState7);
+  const isConnectedToRoom = useHMSStore67(selectIsConnectedToRoom10);
+  const hmsActions = useHMSActions41();
   const [hideControls, setHideControls] = useState55(false);
-  const dropdownList = useHMSStore68(selectAppData7(APP_DATA.dropdownList));
+  const dropdownList = useHMSStore67(selectAppData7(APP_DATA.dropdownList));
   const authTokenInAppData = useAuthToken();
   const headerRef = useRef23(null);
   const footerRef = useRef23(null);
@@ -20826,9 +20616,9 @@ var ConferenceScreen = () => {
     };
   }, [onJoinFunc]);
   if (!isConnectedToRoom && ![HMSRoomState7.Reconnecting, HMSRoomState7.Disconnected].includes(roomState)) {
-    return /* @__PURE__ */ React137.createElement(FullPageProgress_default, { text: roomState === HMSRoomState7.Connecting ? "Joining..." : "" });
+    return /* @__PURE__ */ React136.createElement(FullPageProgress_default, { text: roomState === HMSRoomState7.Connecting ? "Joining..." : "" });
   }
-  return /* @__PURE__ */ React137.createElement(React137.Fragment, null, isHLSStarted ? /* @__PURE__ */ React137.createElement(Box, { css: { position: "fixed", zIndex: 100, w: "100%", h: "100%", left: 0, top: 0 } }, /* @__PURE__ */ React137.createElement(FullPageProgress_default, { text: "Starting live stream...", css: { opacity: 0.8, bg: "$background_dim" } })) : null, /* @__PURE__ */ React137.createElement(Flex, { css: { size: "100%", overflow: "hidden" }, direction: "column" }, !screenProps.hideSections.includes("header") && /* @__PURE__ */ React137.createElement(
+  return /* @__PURE__ */ React136.createElement(React136.Fragment, null, isHLSStarted ? /* @__PURE__ */ React136.createElement(Box, { css: { position: "fixed", zIndex: 100, w: "100%", h: "100%", left: 0, top: 0 } }, /* @__PURE__ */ React136.createElement(FullPageProgress_default, { text: "Starting live stream...", css: { opacity: 0.8, bg: "$background_dim" } })) : null, /* @__PURE__ */ React136.createElement(Flex, { css: { size: "100%", overflow: "hidden" }, direction: "column" }, !screenProps.hideSections.includes("header") && /* @__PURE__ */ React136.createElement(
     Box,
     {
       ref: headerRef,
@@ -20842,8 +20632,8 @@ var ConferenceScreen = () => {
       },
       "data-testid": "header"
     },
-    /* @__PURE__ */ React137.createElement(Header2, null)
-  ), /* @__PURE__ */ React137.createElement(
+    /* @__PURE__ */ React136.createElement(Header2, null)
+  ), /* @__PURE__ */ React136.createElement(
     Box,
     {
       css: {
@@ -20862,7 +20652,7 @@ var ConferenceScreen = () => {
       "data-testid": "conferencing",
       onClick: toggleControls
     },
-    screenProps.elements ? /* @__PURE__ */ React137.createElement(
+    screenProps.elements ? /* @__PURE__ */ React136.createElement(
       VideoStreamingSection,
       {
         screenType: screenProps.screenType,
@@ -20870,7 +20660,7 @@ var ConferenceScreen = () => {
         hideControls
       }
     ) : null
-  ), !screenProps.hideSections.includes("footer") && screenProps.elements && /* @__PURE__ */ React137.createElement(
+  ), !screenProps.hideSections.includes("footer") && screenProps.elements && /* @__PURE__ */ React136.createElement(
     Box,
     {
       ref: footerRef,
@@ -20887,13 +20677,13 @@ var ConferenceScreen = () => {
       },
       "data-testid": "footer"
     },
-    /* @__PURE__ */ React137.createElement(Footer2, { elements: screenProps.elements, screenType: screenProps.screenType })
-  ), /* @__PURE__ */ React137.createElement(RoleChangeRequestModal, null), /* @__PURE__ */ React137.createElement(HLSFailureModal, null), /* @__PURE__ */ React137.createElement(ActivatedPIP, null)));
+    /* @__PURE__ */ React136.createElement(Footer2, { elements: screenProps.elements, screenType: screenProps.screenType })
+  ), /* @__PURE__ */ React136.createElement(RoleChangeRequestModal, null), /* @__PURE__ */ React136.createElement(HLSFailureModal, null), /* @__PURE__ */ React136.createElement(ActivatedPIP, null)));
 };
 
 // src/Prebuilt/components/ErrorBoundary.jsx
 init_define_process_env();
-import React138, { Component } from "react";
+import React137, { Component } from "react";
 import { CopyIcon as CopyIcon3 } from "@100mslive/react-icons";
 var ErrorBoundary = class extends Component {
   constructor(props) {
@@ -20909,7 +20699,7 @@ var ErrorBoundary = class extends Component {
   }
   render() {
     if (this.state.errorInfo) {
-      return /* @__PURE__ */ React138.createElement(
+      return /* @__PURE__ */ React137.createElement(
         Flex,
         {
           align: "center",
@@ -20922,7 +20712,7 @@ var ErrorBoundary = class extends Component {
             backgroundColor: "$background_default"
           }
         },
-        /* @__PURE__ */ React138.createElement(Box, { css: { position: "relative", overflow: "hidden", r: "$3", height: "100%", width: "100%" } }, /* @__PURE__ */ React138.createElement(
+        /* @__PURE__ */ React137.createElement(Box, { css: { position: "relative", overflow: "hidden", r: "$3", height: "100%", width: "100%" } }, /* @__PURE__ */ React137.createElement(
           Flex,
           {
             direction: "column",
@@ -20933,8 +20723,8 @@ var ErrorBoundary = class extends Component {
               left: 0
             }
           },
-          /* @__PURE__ */ React138.createElement("div", { style: { margin: "1.5rem", width: "100%" } }, /* @__PURE__ */ React138.createElement(Text, null, "Something went wrong"), /* @__PURE__ */ React138.createElement(Text, null, "Message: $", this.state.error), /* @__PURE__ */ React138.createElement("br", null), ErrorWithSupportLink(`Please reload to see if it works.`)),
-          /* @__PURE__ */ React138.createElement(Flex, null, /* @__PURE__ */ React138.createElement(Tooltip, { title: "Reload page" }, /* @__PURE__ */ React138.createElement(
+          /* @__PURE__ */ React137.createElement("div", { style: { margin: "1.5rem", width: "100%" } }, /* @__PURE__ */ React137.createElement(Text, null, "Something went wrong"), /* @__PURE__ */ React137.createElement(Text, null, "Message: $", this.state.error), /* @__PURE__ */ React137.createElement("br", null), ErrorWithSupportLink(`Please reload to see if it works.`)),
+          /* @__PURE__ */ React137.createElement(Flex, null, /* @__PURE__ */ React137.createElement(Tooltip, { title: "Reload page" }, /* @__PURE__ */ React137.createElement(
             Button,
             {
               onClick: () => {
@@ -20944,7 +20734,7 @@ var ErrorBoundary = class extends Component {
               "data-testid": "join_again_btn"
             },
             "Reload"
-          )), /* @__PURE__ */ React138.createElement(Tooltip, { title: "Copy error details to clipboard" }, /* @__PURE__ */ React138.createElement(
+          )), /* @__PURE__ */ React137.createElement(Tooltip, { title: "Copy error details to clipboard" }, /* @__PURE__ */ React137.createElement(
             Button,
             {
               onClick: () => {
@@ -20960,11 +20750,11 @@ var ErrorBoundary = class extends Component {
               css: { mx: "$8" },
               "data-testid": "join_again_btn"
             },
-            /* @__PURE__ */ React138.createElement(CopyIcon3, null),
+            /* @__PURE__ */ React137.createElement(CopyIcon3, null),
             " ",
             this.state.isErrorCopied ? "Copied" : "Copy Details"
           ))),
-          /* @__PURE__ */ React138.createElement("details", { style: { whiteSpace: "pre-wrap", margin: "1.5rem" } }, /* @__PURE__ */ React138.createElement(Text, null, this.state.error && this.state.error.toString()), /* @__PURE__ */ React138.createElement("br", null), /* @__PURE__ */ React138.createElement(Text, null, JSON.stringify(this.state.errorInfo)))
+          /* @__PURE__ */ React137.createElement("details", { style: { whiteSpace: "pre-wrap", margin: "1.5rem" } }, /* @__PURE__ */ React137.createElement(Text, null, this.state.error && this.state.error.toString()), /* @__PURE__ */ React137.createElement("br", null), /* @__PURE__ */ React137.createElement(Text, null, JSON.stringify(this.state.errorInfo)))
         ))
       );
     }
@@ -20974,7 +20764,7 @@ var ErrorBoundary = class extends Component {
 
 // src/Prebuilt/components/init/Init.jsx
 init_define_process_env();
-import React139, { useEffect as useEffect43 } from "react";
+import React138, { useEffect as useEffect43 } from "react";
 var Init = () => {
   const { toggleTheme } = useTheme();
   useEffect43(() => {
@@ -20991,7 +20781,7 @@ var Init = () => {
       window.removeEventListener("resize", resetHeight);
     };
   }, []);
-  return /* @__PURE__ */ React139.createElement(FeatureFlagsInit, null);
+  return /* @__PURE__ */ React138.createElement(FeatureFlagsInit, null);
 };
 
 // src/Prebuilt/components/Input/KeyboardInputManager.js
@@ -21001,7 +20791,7 @@ import {
   selectAppData as selectAppData8,
   selectIsLocalAudioEnabled as selectIsLocalAudioEnabled2,
   selectIsLocalVideoEnabled as selectIsLocalVideoEnabled8,
-  useHMSActions as useHMSActions43,
+  useHMSActions as useHMSActions42,
   useHMSVanillaStore as useHMSVanillaStore11
 } from "@100mslive/react-sdk";
 var isEvenListenersAttached = false;
@@ -21090,7 +20880,7 @@ _bind = new WeakMap();
 _unbind = new WeakMap();
 var KeyboardHandler = () => {
   const store = useHMSVanillaStore11();
-  const actions = useHMSActions43();
+  const actions = useHMSActions42();
   useEffect44(() => {
     const keyboardManager = new KeyboardInputManager(store, actions);
     keyboardManager.bindAllShortcuts();
@@ -21101,21 +20891,21 @@ var KeyboardHandler = () => {
 
 // src/Prebuilt/components/LeaveScreen.tsx
 init_define_process_env();
-import React141 from "react";
+import React140 from "react";
 import { ExitIcon as ExitIcon3 } from "@100mslive/react-icons";
 
 // src/Prebuilt/AppStateContext.tsx
 init_define_process_env();
-import React140, { useContext as useContext4, useEffect as useEffect45 } from "react";
+import React139, { useContext as useContext4, useEffect as useEffect45 } from "react";
 import { usePreviousDistinct } from "react-use";
-import { HMSRoomState as HMSRoomState8, selectRoomState as selectRoomState8, useHMSStore as useHMSStore69 } from "@100mslive/react-sdk";
+import { HMSRoomState as HMSRoomState8, selectRoomState as selectRoomState8, useHMSStore as useHMSStore68 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/hooks/useRedirectToLeave.tsx
 init_define_process_env();
-import { useCallback as useCallback32 } from "react";
+import { useCallback as useCallback31 } from "react";
 var useRedirectToLeave = () => {
   const { onLeave } = useHMSPrebuiltContext();
-  const redirect = useCallback32(
+  const redirect = useCallback31(
     (timeout = 0) => {
       setTimeout(() => {
         PictureInPicture.stop().catch(() => console.error("stopping pip"));
@@ -21129,7 +20919,7 @@ var useRedirectToLeave = () => {
 };
 
 // src/Prebuilt/AppStateContext.tsx
-var AppStateContext = React140.createContext({
+var AppStateContext = React139.createContext({
   rejoin: () => {
     console.log("Rejoin");
   }
@@ -21144,8 +20934,8 @@ var useHMSAppStateContext = () => {
 };
 var useAppStateManager = () => {
   const roomLayout = useRoomLayout();
-  const [activeState, setActiveState] = React140.useState();
-  const roomState = useHMSStore69(selectRoomState8);
+  const [activeState, setActiveState] = React139.useState();
+  const roomState = useHMSStore68(selectRoomState8);
   const prevRoomState = usePreviousDistinct(roomState);
   const { isLeaveScreenEnabled } = useRoomLayoutLeaveScreen();
   const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
@@ -21174,7 +20964,7 @@ var useAppStateManager = () => {
 var LeaveScreen = () => {
   const { rejoin } = useHMSAppStateContext();
   const [previewPreference] = useUserPreferences(UserPreferencesKeys.PREVIEW, defaultPreviewPreference);
-  return /* @__PURE__ */ React141.createElement(Flex, { direction: "column", css: { size: "100%" } }, /* @__PURE__ */ React141.createElement(Box, { css: { h: "$18", "@md": { h: "$17" } }, "data-testid": "header" }, /* @__PURE__ */ React141.createElement(Header2, null)), /* @__PURE__ */ React141.createElement(
+  return /* @__PURE__ */ React140.createElement(Flex, { direction: "column", css: { size: "100%" } }, /* @__PURE__ */ React140.createElement(Box, { css: { h: "$18", "@md": { h: "$17" } }, "data-testid": "header" }, /* @__PURE__ */ React140.createElement(Header2, null)), /* @__PURE__ */ React140.createElement(
     Flex,
     {
       justify: "center",
@@ -21182,9 +20972,9 @@ var LeaveScreen = () => {
       align: "center",
       css: { bg: "$background_dim", flex: "1 1 0", position: "relative" }
     },
-    /* @__PURE__ */ React141.createElement(Text, { variant: "h2", css: { fontWeight: "$semiBold" } }, "\u{1F44B}"),
-    /* @__PURE__ */ React141.createElement(Text, { variant: "h4", css: { color: "$on_surface_high", fontWeight: "$semiBold", mt: "$12" } }, "You left the room"),
-    /* @__PURE__ */ React141.createElement(
+    /* @__PURE__ */ React140.createElement(Text, { variant: "h2", css: { fontWeight: "$semiBold" } }, "\u{1F44B}"),
+    /* @__PURE__ */ React140.createElement(Text, { variant: "h4", css: { color: "$on_surface_high", fontWeight: "$semiBold", mt: "$12" } }, "You left the room"),
+    /* @__PURE__ */ React140.createElement(
       Text,
       {
         variant: "body1",
@@ -21196,10 +20986,10 @@ var LeaveScreen = () => {
         }
       },
       "Have a nice day",
-      previewPreference.name && /* @__PURE__ */ React141.createElement(Box, { as: "span", css: __spreadValues({}, textEllipsis(100)) }, ", ", previewPreference.name),
+      previewPreference.name && /* @__PURE__ */ React140.createElement(Box, { as: "span", css: __spreadValues({}, textEllipsis(100)) }, ", ", previewPreference.name),
       "!"
     ),
-    /* @__PURE__ */ React141.createElement(Flex, { css: { mt: "$14", gap: "$10", alignItems: "center" } }, /* @__PURE__ */ React141.createElement(Text, { variant: "body1", css: { color: "$on_surface_medium", fontWeight: "$regular" } }, "Left by mistake?"), /* @__PURE__ */ React141.createElement(
+    /* @__PURE__ */ React140.createElement(Flex, { css: { mt: "$14", gap: "$10", alignItems: "center" } }, /* @__PURE__ */ React140.createElement(Text, { variant: "body1", css: { color: "$on_surface_medium", fontWeight: "$regular" } }, "Left by mistake?"), /* @__PURE__ */ React140.createElement(
       Button,
       {
         onClick: () => {
@@ -21208,15 +20998,15 @@ var LeaveScreen = () => {
         },
         "data-testid": "join_again_btn"
       },
-      /* @__PURE__ */ React141.createElement(ExitIcon3, null),
-      /* @__PURE__ */ React141.createElement(Text, { css: { ml: "$3", fontWeight: "$semiBold", color: "inherit" } }, "Rejoin")
+      /* @__PURE__ */ React140.createElement(ExitIcon3, null),
+      /* @__PURE__ */ React140.createElement(Text, { css: { ml: "$3", fontWeight: "$semiBold", color: "inherit" } }, "Rejoin")
     ))
   ));
 };
 
 // src/Prebuilt/components/MwebLandscapePrompt.tsx
 init_define_process_env();
-import React142, { useEffect as useEffect46, useState as useState56 } from "react";
+import React141, { useEffect as useEffect46, useState as useState56 } from "react";
 import { useMedia as useMedia28 } from "react-use";
 import { RefreshIcon } from "@100mslive/react-icons";
 var MwebLandscapePrompt = () => {
@@ -21243,7 +21033,7 @@ var MwebLandscapePrompt = () => {
       window.screen.orientation.removeEventListener("change", handleRotation);
     };
   }, [isLandscape]);
-  return /* @__PURE__ */ React142.createElement(Dialog.Root, { open: showMwebLandscapePrompt, onOpenChange: setShowMwebLandscapePrompt }, /* @__PURE__ */ React142.createElement(Dialog.Portal, null, /* @__PURE__ */ React142.createElement(Dialog.Overlay, null), /* @__PURE__ */ React142.createElement(Dialog.Content, { css: { w: "min(420px, 90%)", p: "$8", bg: "$surface_dim" } }, /* @__PURE__ */ React142.createElement(Box, null, /* @__PURE__ */ React142.createElement(
+  return /* @__PURE__ */ React141.createElement(Dialog.Root, { open: showMwebLandscapePrompt, onOpenChange: setShowMwebLandscapePrompt }, /* @__PURE__ */ React141.createElement(Dialog.Portal, null, /* @__PURE__ */ React141.createElement(Dialog.Overlay, null), /* @__PURE__ */ React141.createElement(Dialog.Content, { css: { w: "min(420px, 90%)", p: "$8", bg: "$surface_dim" } }, /* @__PURE__ */ React141.createElement(Box, null, /* @__PURE__ */ React141.createElement(
     Flex,
     {
       css: {
@@ -21252,9 +21042,9 @@ var MwebLandscapePrompt = () => {
         alignItems: "center"
       }
     },
-    /* @__PURE__ */ React142.createElement(RefreshIcon, { style: { marginRight: "0.5rem" } }),
-    /* @__PURE__ */ React142.createElement(Text, { variant: "lg", css: { color: "$on_surface_high", fontWeight: "$semiBold" } }, "Please rotate your device")
-  ), /* @__PURE__ */ React142.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", mb: "$8", mt: "$4" } }, "We do not support landscape mode as of now, please use the app in portrait mode for the best experience."), /* @__PURE__ */ React142.createElement(Flex, { align: "center", justify: "between", css: { w: "100%", gap: "$8" } }, /* @__PURE__ */ React142.createElement(Button, { outlined: true, variant: "standard", css: { w: "100%" }, onClick: () => setShowMwebLandscapePrompt(false) }, "Continue anyway"))))));
+    /* @__PURE__ */ React141.createElement(RefreshIcon, { style: { marginRight: "0.5rem" } }),
+    /* @__PURE__ */ React141.createElement(Text, { variant: "lg", css: { color: "$on_surface_high", fontWeight: "$semiBold" } }, "Please rotate your device")
+  ), /* @__PURE__ */ React141.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", mb: "$8", mt: "$4" } }, "We do not support landscape mode as of now, please use the app in portrait mode for the best experience."), /* @__PURE__ */ React141.createElement(Flex, { align: "center", justify: "between", css: { w: "100%", gap: "$8" } }, /* @__PURE__ */ React141.createElement(Button, { outlined: true, variant: "standard", css: { w: "100%" }, onClick: () => setShowMwebLandscapePrompt(false) }, "Continue anyway"))))));
 };
 
 // src/Prebuilt/components/Notifications/index.tsx
@@ -21262,7 +21052,7 @@ init_define_process_env();
 
 // src/Prebuilt/components/Notifications/Notifications.tsx
 init_define_process_env();
-import React149, { useCallback as useCallback33, useEffect as useEffect54 } from "react";
+import React150, { useCallback as useCallback33, useEffect as useEffect55 } from "react";
 import {
   HMSNotificationTypes as HMSNotificationTypes9,
   HMSRoomState as HMSRoomState9,
@@ -21272,10 +21062,225 @@ import {
   selectRoomState as selectRoomState9,
   useCustomEvent as useCustomEvent4,
   useHMSNotifications as useHMSNotifications9,
-  useHMSStore as useHMSStore70,
+  useHMSStore as useHMSStore71,
   useHMSVanillaStore as useHMSVanillaStore12
 } from "@100mslive/react-sdk";
 
+// src/Prebuilt/components/Toast/ToastBatcher.js
+init_define_process_env();
+
+// src/Prebuilt/components/Toast/ToastConfig.jsx
+init_define_process_env();
+import React142, { useCallback as useCallback32 } from "react";
+import { selectPeerByID as selectPeerByID4, useHMSActions as useHMSActions43, useHMSStore as useHMSStore69 } from "@100mslive/react-sdk";
+import {
+  ChatUnreadIcon as ChatUnreadIcon2,
+  ConnectivityIcon,
+  HandIcon as HandIcon6,
+  PeopleAddIcon as PeopleAddIcon2,
+  PeopleRemoveIcon as PeopleRemoveIcon3,
+  PoorConnectivityIcon as PoorConnectivityIcon2
+} from "@100mslive/react-icons";
+var ChatAction = React142.forwardRef((_3, ref) => {
+  const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
+  const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
+  if (isChatOpen) {
+    return null;
+  }
+  return /* @__PURE__ */ React142.createElement(Button, { outlined: true, as: "div", variant: "standard", css: { w: "max-content" }, onClick: toggleChat, ref }, "Open Chat");
+});
+var HandRaiseAction = React142.forwardRef(({ id = "", isSingleHandRaise = true }, ref) => {
+  var _a7, _b7, _c;
+  const hmsActions = useHMSActions43();
+  const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
+  const isParticipantsOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.PARTICIPANTS);
+  const peer = useHMSStore69(selectPeerByID4(id));
+  const layout = useRoomLayout();
+  const {
+    bring_to_stage_label,
+    on_stage_role,
+    off_stage_roles = []
+  } = ((_c = (_b7 = (_a7 = layout == null ? void 0 : layout.screens) == null ? void 0 : _a7.conferencing) == null ? void 0 : _b7.default) == null ? void 0 : _c.elements.on_stage_exp) || {};
+  const onClickHandler = useCallback32(() => {
+    if (isSingleHandRaise) {
+      hmsActions.changeRoleOfPeer(id, on_stage_role);
+    } else {
+      !isParticipantsOpen && toggleSidepane();
+    }
+  }, [hmsActions, id, isParticipantsOpen, isSingleHandRaise, on_stage_role, toggleSidepane]);
+  if (isSingleHandRaise && (!peer || !off_stage_roles.includes(peer.roleName))) {
+    return null;
+  }
+  return /* @__PURE__ */ React142.createElement(Button, { outlined: true, as: "div", variant: "standard", css: { w: "max-content" }, onClick: onClickHandler, ref }, isSingleHandRaise ? bring_to_stage_label : "View");
+});
+var ToastConfig = {
+  PEER_LIST: {
+    single: function(notification) {
+      var _a7, _b7;
+      if (notification.data.length === 1) {
+        return {
+          title: `${(_a7 = notification.data[0]) == null ? void 0 : _a7.name} joined`,
+          icon: /* @__PURE__ */ React142.createElement(PeopleAddIcon2, null)
+        };
+      }
+      return {
+        title: `${(_b7 = notification.data[notification.data.length - 1]) == null ? void 0 : _b7.name} and ${notification.data.length - 1} others joined`,
+        icon: /* @__PURE__ */ React142.createElement(PeopleAddIcon2, null)
+      };
+    },
+    multiple: (notifications) => {
+      return {
+        title: `${notifications[0].data.name} and ${notifications.length - 1} others joined`,
+        icon: /* @__PURE__ */ React142.createElement(PeopleAddIcon2, null)
+      };
+    }
+  },
+  PEER_JOINED: {
+    single: function(notification) {
+      var _a7;
+      return {
+        title: `${(_a7 = notification.data) == null ? void 0 : _a7.name} joined`,
+        icon: /* @__PURE__ */ React142.createElement(PeopleAddIcon2, null)
+      };
+    },
+    multiple: function(notifications) {
+      return {
+        title: `${notifications[notifications.length - 1].data.name} and ${notifications.length - 1} others joined`,
+        icon: /* @__PURE__ */ React142.createElement(PeopleAddIcon2, null)
+      };
+    }
+  },
+  PEER_LEFT: {
+    single: function(notification) {
+      var _a7;
+      return {
+        title: `${(_a7 = notification.data) == null ? void 0 : _a7.name} left`,
+        icon: /* @__PURE__ */ React142.createElement(PeopleRemoveIcon3, null)
+      };
+    },
+    multiple: function(notifications) {
+      return {
+        title: `${notifications[notifications.length - 1].data.name} and ${notifications.length - 1} others left`,
+        icon: /* @__PURE__ */ React142.createElement(PeopleRemoveIcon3, null)
+      };
+    }
+  },
+  RAISE_HAND: {
+    single: (notification) => {
+      var _a7, _b7;
+      return {
+        title: `${(_a7 = notification.data) == null ? void 0 : _a7.name} raised hand`,
+        icon: /* @__PURE__ */ React142.createElement(HandIcon6, null),
+        action: /* @__PURE__ */ React142.createElement(HandRaiseAction, { id: (_b7 = notification.data) == null ? void 0 : _b7.id })
+      };
+    },
+    multiple: (notifications) => {
+      var _a7;
+      const count = new Set(notifications.map((notification) => {
+        var _a8;
+        return (_a8 = notification.data) == null ? void 0 : _a8.id;
+      })).size;
+      return {
+        title: `${(_a7 = notifications[notifications.length - 1].data) == null ? void 0 : _a7.name} ${count > 1 ? `${count} and others` : ""} raised hand`,
+        icon: /* @__PURE__ */ React142.createElement(HandIcon6, null),
+        action: /* @__PURE__ */ React142.createElement(HandRaiseAction, { isSingleHandRaise: false })
+      };
+    }
+  },
+  NEW_MESSAGE: {
+    single: (notification) => {
+      var _a7;
+      return {
+        title: `New message from ${(_a7 = notification.data) == null ? void 0 : _a7.senderName}`,
+        icon: /* @__PURE__ */ React142.createElement(ChatUnreadIcon2, null),
+        action: /* @__PURE__ */ React142.createElement(ChatAction, null)
+      };
+    },
+    multiple: (notifications) => {
+      return {
+        title: `${notifications.length} new messages`,
+        icon: /* @__PURE__ */ React142.createElement(ChatUnreadIcon2, null),
+        action: /* @__PURE__ */ React142.createElement(ChatAction, null)
+      };
+    }
+  },
+  RECONNECTED: {
+    single: () => {
+      return {
+        title: `You are now connected`,
+        icon: /* @__PURE__ */ React142.createElement(ConnectivityIcon, null),
+        variant: "success",
+        duration: 3e3
+      };
+    }
+  },
+  RECONNECTING: {
+    single: (message) => {
+      return {
+        title: `You are offline for now. while we try to reconnect, please check
+        your internet connection. ${message}.
+      `,
+        icon: /* @__PURE__ */ React142.createElement(PoorConnectivityIcon2, null),
+        variant: "warning",
+        duration: 3e4
+      };
+    }
+  }
+};
+
+// src/Prebuilt/components/Toast/ToastBatcher.js
+var ToastBatcher = {
+  toastsType: /* @__PURE__ */ new Map(),
+  showToastInternal({ notification, duration, type }) {
+    let notificationType = type;
+    if (!type) {
+      notificationType = notification.type;
+    }
+    const toastType = this.toastsType.has(notificationType);
+    if (toastType) {
+      let { notifications } = this.toastsType.get(notificationType);
+      const { id } = this.toastsType.get(notificationType);
+      notifications.push(notification);
+      const toastObject = ToastConfig[notificationType].multiple(notifications);
+      const toastId = ToastManager.replaceToast(id, __spreadProps(__spreadValues({}, toastObject), {
+        duration
+      }));
+      this.toastsType.set(notificationType, {
+        id: toastId,
+        notifications,
+        duration
+      });
+    } else {
+      const toastObject = ToastConfig[notificationType].single(notification);
+      const toastId = ToastManager.addToast(__spreadProps(__spreadValues({}, toastObject), {
+        duration
+      }));
+      let notifications = [];
+      notifications.push(notification);
+      this.toastsType.set(notificationType, {
+        id: toastId,
+        notifications: [...notifications],
+        duration
+      });
+    }
+  },
+  showToast({ notification, duration = 3e3, type }) {
+    try {
+      this.showToastInternal({ notification, duration, type });
+    } catch (err) {
+      console.debug("Notifications", err);
+    }
+  },
+  syncUItoast(toastsDisplaying) {
+    for (const [toastType, toastInfo] of this.toastsType.entries()) {
+      if (!toastsDisplaying.find((toast) => toast.id === toastInfo.id)) {
+        this.toastsType.delete(toastType);
+      }
+    }
+  }
+};
+ToastManager.addListener(ToastBatcher.syncUItoast.bind(ToastBatcher));
+
 // src/Prebuilt/components/Notifications/AutoplayBlockedModal.tsx
 init_define_process_env();
 import React143 from "react";
@@ -21307,15 +21312,44 @@ function AutoplayBlockedModal() {
   );
 }
 
+// src/Prebuilt/components/Notifications/ChatNotifications.tsx
+init_define_process_env();
+import React144, { useEffect as useEffect47 } from "react";
+import { v4 as uuid2 } from "uuid";
+import { selectLocalPeerID as selectLocalPeerID13, selectSessionStore as selectSessionStore7, useHMSStore as useHMSStore70 } from "@100mslive/react-sdk";
+import { ChatIcon as ChatIcon2, ChatUnreadIcon as ChatUnreadIcon3 } from "@100mslive/react-icons";
+var NOTIFICATION_TIME_DIFFERENCE = 5e3;
+var ChatNotifications = () => {
+  const chatState = useHMSStore70(selectSessionStore7("chatState" /* CHAT_STATE */));
+  const localPeerId = useHMSStore70(selectLocalPeerID13);
+  useEffect47(() => {
+    var _a7, _b7;
+    if (!chatState || ((_a7 = chatState.updatedBy) == null ? void 0 : _a7.peerId) === localPeerId) {
+      return;
+    }
+    const showToast = Date.now() - chatState.updatedAt < NOTIFICATION_TIME_DIFFERENCE;
+    if (!showToast) {
+      return;
+    }
+    const notification = {
+      id: uuid2(),
+      icon: chatState.enabled ? /* @__PURE__ */ React144.createElement(ChatUnreadIcon3, null) : /* @__PURE__ */ React144.createElement(ChatIcon2, null),
+      title: `Chat ${chatState.enabled ? "resumed" : "paused"} by ${(_b7 = chatState.updatedBy) == null ? void 0 : _b7.userName}`
+    };
+    ToastManager.addToast(notification);
+  }, [chatState]);
+  return /* @__PURE__ */ React144.createElement(React144.Fragment, null);
+};
+
 // src/Prebuilt/components/Notifications/InitErrorModal.tsx
 init_define_process_env();
-import React144, { useEffect as useEffect47, useState as useState57 } from "react";
+import React145, { useEffect as useEffect48, useState as useState57 } from "react";
 import { HMSNotificationTypes as HMSNotificationTypes2, useHMSNotifications as useHMSNotifications2 } from "@100mslive/react-sdk";
 var InitErrorModal = () => {
   const notification = useHMSNotifications2(HMSNotificationTypes2.ERROR);
   const [showModal, setShowModal] = useState57(false);
   const [info, setInfo] = useState57({ title: "Init Error", description: "" });
-  useEffect47(() => {
+  useEffect48(() => {
     const data3 = notification == null ? void 0 : notification.data;
     if (!data3 || data3.action !== "INIT") {
       return;
@@ -21335,12 +21369,12 @@ var InitErrorModal = () => {
     setInfo({ title, description });
     setShowModal(true);
   }, [notification]);
-  return /* @__PURE__ */ React144.createElement(ErrorDialog, { open: showModal, onOpenChange: setShowModal, title: info.title }, /* @__PURE__ */ React144.createElement(Text, { variant: "sm", css: { wordBreak: "break-word" } }, info.description, " ", /* @__PURE__ */ React144.createElement("br", null), "Current URL - ", window.location.href));
+  return /* @__PURE__ */ React145.createElement(ErrorDialog, { open: showModal, onOpenChange: setShowModal, title: info.title }, /* @__PURE__ */ React145.createElement(Text, { variant: "sm", css: { wordBreak: "break-word" } }, info.description, " ", /* @__PURE__ */ React145.createElement("br", null), "Current URL - ", window.location.href));
 };
 
 // src/Prebuilt/components/Notifications/PeerNotifications.tsx
 init_define_process_env();
-import { useEffect as useEffect48 } from "react";
+import { useEffect as useEffect49 } from "react";
 import { HMSNotificationTypes as HMSNotificationTypes3, useHMSNotifications as useHMSNotifications3 } from "@100mslive/react-sdk";
 var notificationTypes = [
   HMSNotificationTypes3.PEER_LIST,
@@ -21351,7 +21385,7 @@ var PeerNotifications = () => {
   const notification = useHMSNotifications3(notificationTypes);
   const isPeerJoinSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_JOINED);
   const isPeerLeftSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_LEFT);
-  useEffect48(() => {
+  useEffect49(() => {
     if (!(notification == null ? void 0 : notification.data)) {
       return;
     }
@@ -21382,7 +21416,7 @@ var PeerNotifications = () => {
 
 // src/Prebuilt/components/Notifications/PermissionErrorModal.tsx
 init_define_process_env();
-import React145, { useEffect as useEffect49, useState as useState58 } from "react";
+import React146, { useEffect as useEffect50, useState as useState58 } from "react";
 import { useMedia as useMedia29 } from "react-use";
 import { HMSNotificationTypes as HMSNotificationTypes4, useHMSNotifications as useHMSNotifications4 } from "@100mslive/react-sdk";
 
@@ -21398,7 +21432,7 @@ function PermissionErrorModal() {
   const [deviceType, setDeviceType] = useState58("");
   const [isSystemError, setIsSystemError] = useState58(false);
   const isMobile = useMedia29(config.media.md);
-  useEffect49(() => {
+  useEffect50(() => {
     var _a7, _b7, _c, _d, _e;
     if (!notification || ((_a7 = notification.data) == null ? void 0 : _a7.code) !== 3001 && ((_b7 = notification.data) == null ? void 0 : _b7.code) !== 3011 || ((_c = notification.data) == null ? void 0 : _c.code) === 3001 && ((_d = notification.data) == null ? void 0 : _d.message.includes("screen"))) {
       return;
@@ -21419,15 +21453,15 @@ function PermissionErrorModal() {
     }
     setIsSystemError(notification.data.code === 3011);
   }, [notification]);
-  return deviceType ? /* @__PURE__ */ React145.createElement(Dialog.Root, { open: !!deviceType }, /* @__PURE__ */ React145.createElement(Dialog.Portal, null, /* @__PURE__ */ React145.createElement(Dialog.Overlay, null), /* @__PURE__ */ React145.createElement(Dialog.Content, { css: { w: "min(380px, 90%)", p: "$8" } }, /* @__PURE__ */ React145.createElement(
+  return deviceType ? /* @__PURE__ */ React146.createElement(Dialog.Root, { open: !!deviceType }, /* @__PURE__ */ React146.createElement(Dialog.Portal, null, /* @__PURE__ */ React146.createElement(Dialog.Overlay, null), /* @__PURE__ */ React146.createElement(Dialog.Content, { css: { w: "min(380px, 90%)", p: "$8" } }, /* @__PURE__ */ React146.createElement(
     Dialog.Title,
     {
       css: {
         borderBottom: "1px solid $border_default"
       }
     },
-    isMobile && isIOS ? /* @__PURE__ */ React145.createElement("img", { style: { maxWidth: "100%", maxHeight: "100%" }, src: ios_perm_0_default, alt: "iOS Permission flow" }) : null,
-    isMobile && isAndroid ? /* @__PURE__ */ React145.createElement(
+    isMobile && isIOS ? /* @__PURE__ */ React146.createElement("img", { style: { maxWidth: "100%", maxHeight: "100%" }, src: ios_perm_0_default, alt: "iOS Permission flow" }) : null,
+    isMobile && isAndroid ? /* @__PURE__ */ React146.createElement(
       "img",
       {
         src: android_perm_1_default,
@@ -21435,13 +21469,13 @@ function PermissionErrorModal() {
         alt: "Android Permission flow "
       }
     ) : null,
-    /* @__PURE__ */ React145.createElement(Text, { variant: "h6" }, "We can't access your ", deviceType)
-  ), /* @__PURE__ */ React145.createElement(Text, { variant: "sm", css: { pt: "$4", pb: "$10", color: "$on_surface_medium" } }, isMobile && isIOS ? 'Enable permissions by reloading this page and clicking "Allow" on the pop-up, or change settings from the address bar.' : null, isMobile && isAndroid ? `To allow other users to see and hear you, click the blocked camera icon in your browser's address bar.` : null, !isMobile ? `Access to ${deviceType} is required. ` : null, isSystemError && !isMobile ? `Enable permissions for ${deviceType}${deviceType === "screen" ? "share" : ""} from sytem settings` : null, !isSystemError && !isMobile ? `Enable permissions for ${deviceType}${deviceType === "screen" ? "share" : ""} from address bar or browser settings.` : null), isMobile && isIOS ? /* @__PURE__ */ React145.createElement(React145.Fragment, null, /* @__PURE__ */ React145.createElement(Button, { onClick: () => window.location.reload(), css: { w: "100%", mb: "$6" } }, "Reload"), /* @__PURE__ */ React145.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType(""), css: { w: "100%" } }, "Continue anyway")) : null, isMobile && isAndroid ? /* @__PURE__ */ React145.createElement(React145.Fragment, null, /* @__PURE__ */ React145.createElement(Button, { onClick: () => setDeviceType(""), css: { w: "100%", mb: "$6" } }, "I've allowed access"), /* @__PURE__ */ React145.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType(""), css: { w: "100%" } }, "Continue anyway")) : null, !isMobile ? /* @__PURE__ */ React145.createElement(Flex, { justify: "end", css: { w: "100%" } }, /* @__PURE__ */ React145.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType("") }, "Dismiss")) : null))) : null;
+    /* @__PURE__ */ React146.createElement(Text, { variant: "h6" }, "We can't access your ", deviceType)
+  ), /* @__PURE__ */ React146.createElement(Text, { variant: "sm", css: { pt: "$4", pb: "$10", color: "$on_surface_medium" } }, isMobile && isIOS ? 'Enable permissions by reloading this page and clicking "Allow" on the pop-up, or change settings from the address bar.' : null, isMobile && isAndroid ? `To allow other users to see and hear you, click the blocked camera icon in your browser's address bar.` : null, !isMobile ? `Access to ${deviceType} is required. ` : null, isSystemError && !isMobile ? `Enable permissions for ${deviceType}${deviceType === "screen" ? "share" : ""} from sytem settings` : null, !isSystemError && !isMobile ? `Enable permissions for ${deviceType}${deviceType === "screen" ? "share" : ""} from address bar or browser settings.` : null), isMobile && isIOS ? /* @__PURE__ */ React146.createElement(React146.Fragment, null, /* @__PURE__ */ React146.createElement(Button, { onClick: () => window.location.reload(), css: { w: "100%", mb: "$6" } }, "Reload"), /* @__PURE__ */ React146.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType(""), css: { w: "100%" } }, "Continue anyway")) : null, isMobile && isAndroid ? /* @__PURE__ */ React146.createElement(React146.Fragment, null, /* @__PURE__ */ React146.createElement(Button, { onClick: () => setDeviceType(""), css: { w: "100%", mb: "$6" } }, "I've allowed access"), /* @__PURE__ */ React146.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType(""), css: { w: "100%" } }, "Continue anyway")) : null, !isMobile ? /* @__PURE__ */ React146.createElement(Flex, { justify: "end", css: { w: "100%" } }, /* @__PURE__ */ React146.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType("") }, "Dismiss")) : null))) : null;
 }
 
 // src/Prebuilt/components/Notifications/ReconnectNotifications.tsx
 init_define_process_env();
-import React146, { useEffect as useEffect50, useState as useState59 } from "react";
+import React147, { useEffect as useEffect51, useState as useState59 } from "react";
 import { HMSNotificationTypes as HMSNotificationTypes5, useHMSNotifications as useHMSNotifications5 } from "@100mslive/react-sdk";
 var notificationTypes2 = [
   HMSNotificationTypes5.RECONNECTED,
@@ -21452,7 +21486,7 @@ var notificationId = null;
 var ReconnectNotifications = () => {
   const notification = useHMSNotifications5(notificationTypes2);
   const [open, setOpen] = useState59(false);
-  useEffect50(() => {
+  useEffect51(() => {
     var _a7, _b7;
     if (!notification) {
       return;
@@ -21471,7 +21505,7 @@ var ReconnectNotifications = () => {
   }, [notification]);
   if (!open)
     return null;
-  return /* @__PURE__ */ React146.createElement(Dialog.Root, { open, modal: true }, /* @__PURE__ */ React146.createElement(Dialog.Portal, { container: document.getElementById("conferencing") }, /* @__PURE__ */ React146.createElement(Dialog.Overlay, null), /* @__PURE__ */ React146.createElement(
+  return /* @__PURE__ */ React147.createElement(Dialog.Root, { open, modal: true }, /* @__PURE__ */ React147.createElement(Dialog.Portal, { container: document.getElementById("conferencing") }, /* @__PURE__ */ React147.createElement(Dialog.Overlay, null), /* @__PURE__ */ React147.createElement(
     Dialog.Content,
     {
       css: {
@@ -21485,13 +21519,13 @@ var ReconnectNotifications = () => {
         animation: "none !important"
       }
     },
-    /* @__PURE__ */ React146.createElement(Flex, { align: "center" }, /* @__PURE__ */ React146.createElement("div", { style: { display: "inline", margin: "0.25rem" } }, /* @__PURE__ */ React146.createElement(Loading, { size: 16 })), /* @__PURE__ */ React146.createElement(Text, { css: { fontSize: "$space$8", color: "$on_surface_high" } }, "You lost your network connection. Trying to reconnect."))
+    /* @__PURE__ */ React147.createElement(Flex, { align: "center" }, /* @__PURE__ */ React147.createElement("div", { style: { display: "inline", margin: "0.25rem" } }, /* @__PURE__ */ React147.createElement(Loading, { size: 16 })), /* @__PURE__ */ React147.createElement(Text, { css: { fontSize: "$space$8", color: "$on_surface_high" } }, "You lost your network connection. Trying to reconnect."))
   )));
 };
 
 // src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx
 init_define_process_env();
-import React147, { useEffect as useEffect51, useState as useState60 } from "react";
+import React148, { useEffect as useEffect52, useState as useState60 } from "react";
 import {
   HMSNotificationTypes as HMSNotificationTypes6,
   useHMSActions as useHMSActions44,
@@ -21506,7 +21540,7 @@ var TrackBulkUnmuteModal = () => {
     HMSNotificationTypes6.ROOM_ENDED,
     HMSNotificationTypes6.REMOVED_FROM_ROOM
   ]);
-  useEffect51(() => {
+  useEffect52(() => {
     switch (notification == null ? void 0 : notification.type) {
       case HMSNotificationTypes6.REMOVED_FROM_ROOM:
       case HMSNotificationTypes6.ROOM_ENDED:
@@ -21525,7 +21559,7 @@ var TrackBulkUnmuteModal = () => {
     return null;
   }
   const { requestedBy: peer, tracks, enabled } = muteNotification;
-  return /* @__PURE__ */ React147.createElement(
+  return /* @__PURE__ */ React148.createElement(
     RequestDialog,
     {
       title: "Track Unmute Request",
@@ -21544,7 +21578,7 @@ var TrackBulkUnmuteModal = () => {
 
 // src/Prebuilt/components/Notifications/TrackNotifications.tsx
 init_define_process_env();
-import { useEffect as useEffect52 } from "react";
+import { useEffect as useEffect53 } from "react";
 import { HMSNotificationTypes as HMSNotificationTypes7, useHMSNotifications as useHMSNotifications7 } from "@100mslive/react-sdk";
 var notificationTypes3 = [
   HMSNotificationTypes7.TRACK_ADDED,
@@ -21554,7 +21588,7 @@ var notificationTypes3 = [
 ];
 var TrackNotifications = () => {
   const notification = useHMSNotifications7(notificationTypes3);
-  useEffect52(() => {
+  useEffect53(() => {
     if (notification) {
       console.debug(`[${notification.type}]`, notification);
     }
@@ -21564,7 +21598,7 @@ var TrackNotifications = () => {
 
 // src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx
 init_define_process_env();
-import React148, { useEffect as useEffect53, useState as useState61 } from "react";
+import React149, { useEffect as useEffect54, useState as useState61 } from "react";
 import {
   HMSNotificationTypes as HMSNotificationTypes8,
   useHMSActions as useHMSActions45,
@@ -21579,7 +21613,7 @@ var TrackUnmuteModal = () => {
     HMSNotificationTypes8.REMOVED_FROM_ROOM
   ]);
   const [muteNotification, setMuteNotification] = useState61(null);
-  useEffect53(() => {
+  useEffect54(() => {
     switch (notification == null ? void 0 : notification.type) {
       case HMSNotificationTypes8.REMOVED_FROM_ROOM:
       case HMSNotificationTypes8.ROOM_ENDED:
@@ -21598,7 +21632,7 @@ var TrackUnmuteModal = () => {
     return null;
   }
   const { requestedBy: peer, track, enabled } = muteNotification;
-  return /* @__PURE__ */ React148.createElement(
+  return /* @__PURE__ */ React149.createElement(
     RequestDialog,
     {
       title: "Track Unmute Request",
@@ -21615,10 +21649,10 @@ var TrackUnmuteModal = () => {
 
 // src/Prebuilt/components/Notifications/Notifications.tsx
 function Notifications() {
-  const localPeerID = useHMSStore70(selectLocalPeerID14);
+  const localPeerID = useHMSStore71(selectLocalPeerID14);
   const notification = useHMSNotifications9();
   const subscribedNotifications = useSubscribedNotifications() || {};
-  const roomState = useHMSStore70(selectRoomState9);
+  const roomState = useHMSStore71(selectRoomState9);
   const updateRoomLayoutForRole = useUpdateRoomLayout();
   const isNotificationDisabled = useIsNotificationDisabled();
   const vanillaStore = useHMSVanillaStore12();
@@ -21630,8 +21664,8 @@ function Notifications() {
     });
   }, []);
   useCustomEvent4({ type: ROLE_CHANGE_DECLINED, onEvent: handleRoleChangeDenied });
-  useEffect54(() => {
-    var _a7, _b7, _c, _d, _e, _f, _g, _h, _i3, _j, _k, _l, _m, _n, _o, _p;
+  useEffect55(() => {
+    var _a7, _b7, _c, _d, _e, _f, _g, _h, _i2, _j, _k, _l, _m, _n, _o, _p;
     if (!notification || isNotificationDisabled) {
       return;
     }
@@ -21675,7 +21709,7 @@ function Notifications() {
           }
           return;
         }
-        if (((_g = notification.data) == null ? void 0 : _g.code) === 3008 || ((_h = notification.data) == null ? void 0 : _h.code) === 3001 || ((_i3 = notification.data) == null ? void 0 : _i3.code) === 3011) {
+        if (((_g = notification.data) == null ? void 0 : _g.code) === 3008 || ((_h = notification.data) == null ? void 0 : _h.code) === 3001 || ((_i2 = notification.data) == null ? void 0 : _i2.code) === 3011) {
           return;
         }
         if (((_j = notification.data) == null ? void 0 : _j.action) === "INIT") {
@@ -21722,7 +21756,7 @@ function Notifications() {
           const pollStartedBy = vanillaStore.getState(selectPeerNameByID6(notification.data.startedBy)) || "Participant";
           ToastManager.addToast({
             title: `${pollStartedBy} started a ${notification.data.type}: ${notification.data.title}`,
-            action: /* @__PURE__ */ React149.createElement(
+            action: /* @__PURE__ */ React150.createElement(
               Button,
               {
                 onClick: () => togglePollView(notification.data.id),
@@ -21746,12 +21780,12 @@ function Notifications() {
   if (isNotificationDisabled) {
     return null;
   }
-  return /* @__PURE__ */ React149.createElement(React149.Fragment, null, /* @__PURE__ */ React149.createElement(TrackUnmuteModal, null), /* @__PURE__ */ React149.createElement(TrackBulkUnmuteModal, null), /* @__PURE__ */ React149.createElement(TrackNotifications, null), roomState === HMSRoomState9.Connected ? /* @__PURE__ */ React149.createElement(PeerNotifications, null) : null, /* @__PURE__ */ React149.createElement(ReconnectNotifications, null), /* @__PURE__ */ React149.createElement(AutoplayBlockedModal, null), /* @__PURE__ */ React149.createElement(PermissionErrorModal, null), /* @__PURE__ */ React149.createElement(InitErrorModal, null));
+  return /* @__PURE__ */ React150.createElement(React150.Fragment, null, /* @__PURE__ */ React150.createElement(TrackUnmuteModal, null), /* @__PURE__ */ React150.createElement(TrackBulkUnmuteModal, null), /* @__PURE__ */ React150.createElement(TrackNotifications, null), roomState === HMSRoomState9.Connected ? /* @__PURE__ */ React150.createElement(PeerNotifications, null) : null, /* @__PURE__ */ React150.createElement(ReconnectNotifications, null), /* @__PURE__ */ React150.createElement(AutoplayBlockedModal, null), /* @__PURE__ */ React150.createElement(PermissionErrorModal, null), /* @__PURE__ */ React150.createElement(InitErrorModal, null), /* @__PURE__ */ React150.createElement(ChatNotifications, null));
 }
 
 // src/Prebuilt/components/Preview/PreviewScreen.tsx
 init_define_process_env();
-import React150 from "react";
+import React151 from "react";
 import { useSearchParam } from "react-use";
 var PreviewScreen = () => {
   var _a7, _b7, _c;
@@ -21763,28 +21797,28 @@ var PreviewScreen = () => {
   const authToken = useAuthToken();
   const roomLayout = useRoomLayout();
   const { preview_header: previewHeader = {} } = ((_c = (_b7 = (_a7 = roomLayout == null ? void 0 : roomLayout.screens) == null ? void 0 : _a7.preview) == null ? void 0 : _b7.default) == null ? void 0 : _c.elements) || {};
-  return /* @__PURE__ */ React150.createElement(Flex, { direction: "column", css: { size: "100%" } }, /* @__PURE__ */ React150.createElement(
+  return /* @__PURE__ */ React151.createElement(Flex, { direction: "column", css: { size: "100%" } }, /* @__PURE__ */ React151.createElement(
     Flex,
     {
       css: { flex: "1 1 0", position: "relative", overflowY: "auto", color: "$primary_default" },
       justify: "center",
       align: "center"
     },
-    authToken && Object.keys(previewHeader).length > 0 ? /* @__PURE__ */ React150.createElement(PreviewJoin_default, { initialName, skipPreview, asRole: previewAsRole != null ? previewAsRole : void 0 }) : /* @__PURE__ */ React150.createElement(FullPageProgress_default, null)
+    authToken && Object.keys(previewHeader).length > 0 ? /* @__PURE__ */ React151.createElement(PreviewJoin_default, { initialName, skipPreview, asRole: previewAsRole != null ? previewAsRole : void 0 }) : /* @__PURE__ */ React151.createElement(FullPageProgress_default, null)
   ));
 };
 
 // src/Prebuilt/components/Toast/ToastContainer.jsx
 init_define_process_env();
-import React152, { useEffect as useEffect55, useState as useState62 } from "react";
-import { selectIsConnectedToRoom as selectIsConnectedToRoom11, useHMSStore as useHMSStore71 } from "@100mslive/react-sdk";
+import React153, { useEffect as useEffect56, useState as useState62 } from "react";
+import { selectIsConnectedToRoom as selectIsConnectedToRoom11, useHMSStore as useHMSStore72 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Toast/Toast.jsx
 init_define_process_env();
-import React151 from "react";
+import React152 from "react";
 var Toast2 = (_a7) => {
   var _b7 = _a7, { title, description, close = true, open, duration, onOpenChange, icon } = _b7, props = __objRest(_b7, ["title", "description", "close", "open", "duration", "onOpenChange", "icon"]);
-  return /* @__PURE__ */ React151.createElement(
+  return /* @__PURE__ */ React152.createElement(
     Toast.HMSToast,
     __spreadValues({
       title,
@@ -21800,17 +21834,17 @@ var Toast2 = (_a7) => {
 
 // src/Prebuilt/components/Toast/ToastContainer.jsx
 var ToastContainer = () => {
-  const isConnected = useHMSStore71(selectIsConnectedToRoom11);
+  const isConnected = useHMSStore72(selectIsConnectedToRoom11);
   const [toasts, setToast] = useState62([]);
-  useEffect55(() => {
+  useEffect56(() => {
     ToastManager.addListener(setToast);
     return () => {
       ToastManager.removeListener(setToast);
     };
   }, []);
-  return /* @__PURE__ */ React152.createElement(Toast.Provider, { swipeDirection: "left", duration: 3e3 }, toasts.slice(0, MAX_TOASTS).map((toast) => {
-    return /* @__PURE__ */ React152.createElement(Toast2, __spreadProps(__spreadValues({ key: toast.id }, toast), { onOpenChange: (value) => !value && ToastManager.removeToast(toast.id) }));
-  }), /* @__PURE__ */ React152.createElement(
+  return /* @__PURE__ */ React153.createElement(Toast.Provider, { swipeDirection: "left", duration: 3e3 }, toasts.slice(0, MAX_TOASTS).map((toast) => {
+    return /* @__PURE__ */ React153.createElement(Toast2, __spreadProps(__spreadValues({ key: toast.id }, toast), { onOpenChange: (value) => !value && ToastManager.removeToast(toast.id) }));
+  }), /* @__PURE__ */ React153.createElement(
     Toast.Viewport,
     {
       css: __spreadValues({
@@ -21822,13 +21856,13 @@ var ToastContainer = () => {
 
 // src/Prebuilt/plugins/FlyingEmoji.jsx
 init_define_process_env();
-import React153, { useCallback as useCallback34, useEffect as useEffect56, useMemo as useMemo16, useState as useState63 } from "react";
+import React154, { useCallback as useCallback34, useEffect as useEffect57, useMemo as useMemo16, useState as useState63 } from "react";
 import { useMedia as useMedia30 } from "react-use";
 import {
   selectLocalPeerID as selectLocalPeerID15,
   selectPeerNameByID as selectPeerNameByID7,
   useCustomEvent as useCustomEvent5,
-  useHMSStore as useHMSStore72,
+  useHMSStore as useHMSStore73,
   useHMSVanillaStore as useHMSVanillaStore13
 } from "@100mslive/react-sdk";
 var emojiCount = 1;
@@ -21855,7 +21889,7 @@ var getStartingPoints = (isMobile) => {
   return arr;
 };
 function FlyingEmoji() {
-  const localPeerId = useHMSStore72(selectLocalPeerID15);
+  const localPeerId = useHMSStore73(selectLocalPeerID15);
   const vanillaStore = useHMSVanillaStore13();
   const [emojis, setEmojis] = useState63([]);
   const isMobile = useMedia30(config.media.md);
@@ -21888,10 +21922,10 @@ function FlyingEmoji() {
     type: EMOJI_REACTION_TYPE,
     onEvent: showFlyingEmoji
   });
-  useEffect56(() => {
+  useEffect57(() => {
     window.showFlyingEmoji = showFlyingEmoji;
   }, [showFlyingEmoji]);
-  return /* @__PURE__ */ React153.createElement(
+  return /* @__PURE__ */ React154.createElement(
     Box,
     {
       css: {
@@ -21907,7 +21941,7 @@ function FlyingEmoji() {
       }
     },
     emojis.map((emoji) => {
-      return /* @__PURE__ */ React153.createElement(
+      return /* @__PURE__ */ React154.createElement(
         Flex,
         {
           key: emoji.id,
@@ -21923,8 +21957,8 @@ function FlyingEmoji() {
             setEmojis(emojis.filter((item) => item.id !== emoji.id));
           }
         },
-        /* @__PURE__ */ React153.createElement(Box, null, /* @__PURE__ */ React153.createElement("em-emoji", { id: emoji.emojiId, size: "48px", set: "apple" })),
-        /* @__PURE__ */ React153.createElement(
+        /* @__PURE__ */ React154.createElement(Box, null, /* @__PURE__ */ React154.createElement("em-emoji", { id: emoji.emojiId, size: "48px", set: "apple" })),
+        /* @__PURE__ */ React154.createElement(
           Box,
           {
             css: {
@@ -21934,7 +21968,7 @@ function FlyingEmoji() {
               borderRadius: "$1"
             }
           },
-          /* @__PURE__ */ React153.createElement(
+          /* @__PURE__ */ React154.createElement(
             Text,
             {
               css: {
@@ -21953,7 +21987,7 @@ function FlyingEmoji() {
 
 // src/Prebuilt/plugins/RemoteStopScreenshare.jsx
 init_define_process_env();
-import React154, { useCallback as useCallback35 } from "react";
+import React155, { useCallback as useCallback35 } from "react";
 import { useCustomEvent as useCustomEvent6, useHMSActions as useHMSActions46 } from "@100mslive/react-sdk";
 function RemoteStopScreenshare() {
   const actions = useHMSActions46();
@@ -21964,25 +21998,25 @@ function RemoteStopScreenshare() {
     type: REMOTE_STOP_SCREENSHARE_TYPE,
     onEvent: onRemoteStopScreenshare
   });
-  return /* @__PURE__ */ React154.createElement(React154.Fragment, null);
+  return /* @__PURE__ */ React155.createElement(React155.Fragment, null);
 }
 
 // src/Prebuilt/components/hooks/useAutoStartStreaming.tsx
 init_define_process_env();
-import { useCallback as useCallback36, useEffect as useEffect57, useRef as useRef24 } from "react";
+import { useCallback as useCallback36, useEffect as useEffect58, useRef as useRef24 } from "react";
 import {
   selectIsConnectedToRoom as selectIsConnectedToRoom12,
-  selectPermissions as selectPermissions16,
+  selectPermissions as selectPermissions15,
   useHMSActions as useHMSActions47,
-  useHMSStore as useHMSStore73,
+  useHMSStore as useHMSStore74,
   useRecordingStreaming as useRecordingStreaming10
 } from "@100mslive/react-sdk";
 var useAutoStartStreaming = () => {
   const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
-  const permissions = useHMSStore73(selectPermissions16);
+  const permissions = useHMSStore74(selectPermissions15);
   const showStreamingUI = useShowStreamingUI();
   const hmsActions = useHMSActions47();
-  const isConnected = useHMSStore73(selectIsConnectedToRoom12);
+  const isConnected = useHMSStore74(selectIsConnectedToRoom12);
   const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = useRecordingStreaming10();
   const streamStartedRef = useRef24(false);
   const startHLS = useCallback36(() => __async(void 0, null, function* () {
@@ -22008,12 +22042,12 @@ var useAutoStartStreaming = () => {
     isHLSRecordingOn,
     isBrowserRecordingOn
   ]);
-  useEffect57(() => {
+  useEffect58(() => {
     if (!isHLSStarted && !isHLSRunning) {
       streamStartedRef.current = false;
     }
   }, [isHLSStarted, isHLSRunning]);
-  useEffect57(() => {
+  useEffect58(() => {
     if (!isConnected || streamStartedRef.current || !(permissions == null ? void 0 : permissions.hlsStreaming)) {
       return;
     }
@@ -22022,7 +22056,7 @@ var useAutoStartStreaming = () => {
 };
 
 // src/Prebuilt/App.tsx
-var HMSPrebuilt = React155.forwardRef(
+var HMSPrebuilt = React156.forwardRef(
   ({
     roomCode = "",
     authToken = "",
@@ -22037,8 +22071,8 @@ var HMSPrebuilt = React155.forwardRef(
   }, ref) => {
     var _a7, _b7, _c, _d;
     const reactiveStore = useRef25();
-    const [hydrated, setHydrated] = React155.useState(false);
-    useEffect58(() => {
+    const [hydrated, setHydrated] = React156.useState(false);
+    useEffect59(() => {
       setHydrated(true);
       const hms = new HMSReactiveStore();
       const hmsStore = hms.getStore();
@@ -22053,13 +22087,13 @@ var HMSPrebuilt = React155.forwardRef(
         hmsNotifications
       };
     }, []);
-    useEffect58(() => {
+    useEffect59(() => {
       if (!ref || !reactiveStore.current) {
         return;
       }
       ref.current = __spreadValues({}, reactiveStore.current);
     }, [ref]);
-    useEffect58(
+    useEffect59(
       () => () => {
         var _a8;
         (_a8 = reactiveStore == null ? void 0 : reactiveStore.current) == null ? void 0 : _a8.hmsActions.leave();
@@ -22088,7 +22122,7 @@ var HMSPrebuilt = React155.forwardRef(
       return null;
     }
     globalStyles();
-    return /* @__PURE__ */ React155.createElement(ErrorBoundary, null, /* @__PURE__ */ React155.createElement(
+    return /* @__PURE__ */ React156.createElement(ErrorBoundary, null, /* @__PURE__ */ React156.createElement(
       HMSPrebuiltContext.Provider,
       {
         value: {
@@ -22105,7 +22139,7 @@ var HMSPrebuilt = React155.forwardRef(
           }
         }
       },
-      /* @__PURE__ */ React155.createElement(
+      /* @__PURE__ */ React156.createElement(
         HMSRoomProvider,
         {
           isHMSStatsOn: FeatureFlags.enableStatsForNerds,
@@ -22114,7 +22148,7 @@ var HMSPrebuilt = React155.forwardRef(
           notifications: (_c = reactiveStore.current) == null ? void 0 : _c.hmsNotifications,
           stats: (_d = reactiveStore.current) == null ? void 0 : _d.hmsStats
         },
-        /* @__PURE__ */ React155.createElement(RoomLayoutProvider, { roomLayoutEndpoint, overrideLayout }, /* @__PURE__ */ React155.createElement(RoomLayoutContext.Consumer, null, (data3) => {
+        /* @__PURE__ */ React156.createElement(RoomLayoutProvider, { roomLayoutEndpoint, overrideLayout }, /* @__PURE__ */ React156.createElement(RoomLayoutContext.Consumer, null, (data3) => {
           var _a8;
           const layout = data3 == null ? void 0 : data3.layout;
           const theme2 = ((_a8 = layout == null ? void 0 : layout.themes) == null ? void 0 : _a8[0]) || {};
@@ -22123,7 +22157,7 @@ var HMSPrebuilt = React155.forwardRef(
           if (typography2 == null ? void 0 : typography2.font_family) {
             fontFamily = [`${typography2 == null ? void 0 : typography2.font_family}`, ...fontFamily];
           }
-          return /* @__PURE__ */ React155.createElement(
+          return /* @__PURE__ */ React156.createElement(
             HMSThemeProvider,
             {
               themeType: `${theme2.name}-${Date.now()}`,
@@ -22136,9 +22170,9 @@ var HMSPrebuilt = React155.forwardRef(
                 }
               }
             },
-            /* @__PURE__ */ React155.createElement(AppData, null),
-            /* @__PURE__ */ React155.createElement(Init, null),
-            /* @__PURE__ */ React155.createElement(DialogContainerProvider, { dialogContainerSelector: containerSelector }, /* @__PURE__ */ React155.createElement(
+            /* @__PURE__ */ React156.createElement(AppData, null),
+            /* @__PURE__ */ React156.createElement(Init, null),
+            /* @__PURE__ */ React156.createElement(DialogContainerProvider, { dialogContainerSelector: containerSelector }, /* @__PURE__ */ React156.createElement(
               Box,
               {
                 id: DEFAULT_PORTAL_CONTAINER.slice(1),
@@ -22150,7 +22184,7 @@ var HMSPrebuilt = React155.forwardRef(
                   position: "relative"
                 }
               },
-              /* @__PURE__ */ React155.createElement(
+              /* @__PURE__ */ React156.createElement(
                 AppRoutes,
                 {
                   authTokenByRoomCodeEndpoint: tokenByRoomCodeEndpoint,
@@ -22170,16 +22204,16 @@ var AppStates = ({ activeState }) => {
   const { isLeaveScreenEnabled } = useRoomLayoutLeaveScreen();
   useAutoStartStreaming();
   if (activeState === "preview" /* PREVIEW */ && isPreviewScreenEnabled) {
-    return /* @__PURE__ */ React155.createElement(PreviewScreen, null);
+    return /* @__PURE__ */ React156.createElement(PreviewScreen, null);
   } else if (activeState === "leave" /* LEAVE */ && isLeaveScreenEnabled) {
-    return /* @__PURE__ */ React155.createElement(LeaveScreen, null);
+    return /* @__PURE__ */ React156.createElement(LeaveScreen, null);
   }
-  return /* @__PURE__ */ React155.createElement(ConferenceScreen, null);
+  return /* @__PURE__ */ React156.createElement(ConferenceScreen, null);
 };
 var BackSwipe = () => {
-  const isConnectedToRoom = useHMSStore74(selectIsConnectedToRoom13);
+  const isConnectedToRoom = useHMSStore75(selectIsConnectedToRoom13);
   const hmsActions = useHMSActions48();
-  useEffect58(() => {
+  useEffect59(() => {
     const onRouteLeave = () => __async(void 0, null, function* () {
       if (isConnectedToRoom) {
         yield hmsActions.leave();
@@ -22199,7 +22233,7 @@ function AppRoutes({
   const roomLayout = useRoomLayout();
   const isNotificationsDisabled = useIsNotificationDisabled();
   const { activeState, rejoin } = useAppStateManager();
-  return /* @__PURE__ */ React155.createElement(AppStateContext.Provider, { value: { rejoin } }, /* @__PURE__ */ React155.createElement(React155.Fragment, null, /* @__PURE__ */ React155.createElement(ToastContainer, null), /* @__PURE__ */ React155.createElement(Notifications, null), /* @__PURE__ */ React155.createElement(MwebLandscapePrompt, null), /* @__PURE__ */ React155.createElement(BackSwipe, null), !isNotificationsDisabled && /* @__PURE__ */ React155.createElement(FlyingEmoji, null), /* @__PURE__ */ React155.createElement(RemoteStopScreenshare, null), /* @__PURE__ */ React155.createElement(KeyboardHandler, null), /* @__PURE__ */ React155.createElement(AuthToken_default, { authTokenByRoomCodeEndpoint, defaultAuthToken }), roomLayout && activeState && /* @__PURE__ */ React155.createElement(AppStates, { activeState })));
+  return /* @__PURE__ */ React156.createElement(AppStateContext.Provider, { value: { rejoin } }, /* @__PURE__ */ React156.createElement(React156.Fragment, null, /* @__PURE__ */ React156.createElement(ToastContainer, null), /* @__PURE__ */ React156.createElement(Notifications, null), /* @__PURE__ */ React156.createElement(MwebLandscapePrompt, null), /* @__PURE__ */ React156.createElement(BackSwipe, null), !isNotificationsDisabled && /* @__PURE__ */ React156.createElement(FlyingEmoji, null), /* @__PURE__ */ React156.createElement(RemoteStopScreenshare, null), /* @__PURE__ */ React156.createElement(KeyboardHandler, null), /* @__PURE__ */ React156.createElement(AuthToken_default, { authTokenByRoomCodeEndpoint, defaultAuthToken }), roomLayout && activeState && /* @__PURE__ */ React156.createElement(AppStates, { activeState })));
 }
 
 // src/Progress/index.tsx
@@ -22292,4 +22326,4 @@ export {
   HMSPrebuilt,
   Progress
 };
-//# sourceMappingURL=chunk-5DCII2TP.js.map
+//# sourceMappingURL=chunk-U4AB6X6M.js.map