@100mslive/roomkit-react 0.3.21 → 0.3.22-alpha.1

package/dist/{chunk-D6EIIW34.js → chunk-CRGZUJSX.js}

@@ -34,8 +34,8 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-var __esm = (fn, res) => function __init() {
-  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+var __esm = (fn2, res) => function __init() {
+  return fn2 && (res = (0, fn2[__getOwnPropNames(fn2)[0]])(fn2 = 0)), res;
 };
 var __commonJS = (cb, mod) => function __require() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
@@ -107,7 +107,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_e76d3396-ef1d-4166-b5cd-405dfb5c8e6a", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_exports___index_css: "./dist/index.css", 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", npm_package_dependencies__100mslive_hms_whiteboard: "0.0.11", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.20.4 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", 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.10.21", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_e76d3396-ef1d-4166-b5cd-405dfb5c8e6a", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.4/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.13.21", 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.12", 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", npm_package_repository_directory: "packages/roomkit-react", 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_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.10.1", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/27.1.12297006", 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: "612", 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.9", 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_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/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.13/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240922.1.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", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.7/x64", 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_dependencies__100mslive_hms_noise_cancellation: "0.0.1", 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:2905", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", 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__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", 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.3.21", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", STATS_D: "false", GITHUB_RUN_ID: "11104792138", STATS_VMFE: "true", 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_dependencies_ts_pattern: "4.3.0", 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: "e2911e440dc81fa38af2eabf241049fa6993fff0", GITHUB_BASE_REF: "", ImageOS: "ubuntu22", npm_package_workspaces_1: "examples/*", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_ignore_scripts: "", NX_TASK_HASH: "efa0bd2240507c508bca1aa6c72fd9833a29bc89e87933a517464cb2e7428d04", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/main", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1727694319482-0.3546195571843487:/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.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1727694319288-0.8892320766471058:/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.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1727694292942-0.5511318374682839:/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.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1727694292760-0.744166066818837:/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.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin:/snap/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:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/18.20.4/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_09325796-0657-4bc4-9af0-3e75fd68519e", INVOCATION_ID: "2165faf4309c48569cee3342a03c7a18", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", 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", npm_package_repository_type: "git", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "678", 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__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", 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_dependencies_react_dom: "^18.2.0", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 20", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "main", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "false", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 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_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/27.1.12297006", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/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_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.10.21", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.21", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_resolutions_axios: "^1.7.4", 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_repository_url: "https://github.com/100mslive/web-sdks.git", 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/roomkit-react/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: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", GITHUB_SHA: "e2911e440dc81fa38af2eabf241049fa6993fff0", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/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_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_config_strict_ssl: "true", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_6_path: "packages/react-icons/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_e76d3396-ef1d-4166-b5cd-405dfb5c8e6a", 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/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && 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.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_e76d3396-ef1d-4166-b5cd-405dfb5c8e6a", 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_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/27.1.12297006", 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.189/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && 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_knip: "^5.11.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/27.1.12297006", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_e76d3396-ef1d-4166-b5cd-405dfb5c8e6a" };
+    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_a9c70ff3-f16a-47b9-9b03-b52441ea220c", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_exports___index_css: "./dist/index.css", 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", npm_package_dependencies__100mslive_hms_whiteboard: "0.0.12-alpha.1", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.20.4 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", 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.10.22-alpha.1", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_a9c70ff3-f16a-47b9-9b03-b52441ea220c", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.4/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.13.22-alpha.1", 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.12", 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", npm_package_repository_directory: "packages/roomkit-react", 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.3.1-1", 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_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.10.1", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/27.1.12297006", 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: "606", 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.9", 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_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/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.13/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240922.1.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", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.7/x64", 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_dependencies__100mslive_hms_noise_cancellation: "0.0.1", 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:5180", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", 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__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", 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.3.22-alpha.1", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", STATS_D: "false", GITHUB_RUN_ID: "11235501774", STATS_VMFE: "true", 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_dependencies_ts_pattern: "4.3.0", 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: "12d0289650b160b7c4b97cbd4336877a2e4baf4b", GITHUB_BASE_REF: "", ImageOS: "ubuntu22", npm_package_workspaces_1: "examples/*", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_ignore_scripts: "", NX_TASK_HASH: "9110e4fe6915cd6679edd932c2537036a0610f45e156fc00175f7bc93ff78267", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/publish-alpha", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1728390912351-0.08027343911474705:/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.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1728390912151-0.18328717066424227:/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.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1728390884999-0.7555727542198543:/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.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1728390884821-0.9928523647375207:/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.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin:/snap/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:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/18.20.4/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_c53b30f2-e1fd-4f6f-a8a5-ed29ff26f5e1", INVOCATION_ID: "2f3eee32d9c04b56a4328805455663f3", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", 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", npm_package_repository_type: "git", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "680", GITHUB_TRIGGERING_ACTOR: "github-actions[bot]", 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__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", 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_dependencies_react_dom: "^18.2.0", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 345", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "false", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 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_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/27.1.12297006", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/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_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.10.22-alpha.1", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.22-alpha.1", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_resolutions_axios: "^1.7.4", 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_repository_url: "https://github.com/100mslive/web-sdks.git", 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/roomkit-react/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: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", GITHUB_SHA: "12d0289650b160b7c4b97cbd4336877a2e4baf4b", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/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/publish-alpha", GITHUB_ACTOR: "github-actions[bot]", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_config_strict_ssl: "true", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_6_path: "packages/react-icons/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_a9c70ff3-f16a-47b9-9b03-b52441ea220c", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "41898282", 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/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && 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.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_a9c70ff3-f16a-47b9-9b03-b52441ea220c", 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_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/27.1.12297006", 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-latest/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && 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_knip: "^5.11.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/27.1.12297006", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_a9c70ff3-f16a-47b9-9b03-b52441ea220c" };
   }
 });
 
@@ -2286,8 +2286,8 @@ var require_lodash = __commonJS({
         function createBind(func, bitmask, thisArg) {
           var isBind = bitmask & WRAP_BIND_FLAG, Ctor = createCtor(func);
           function wrapper() {
-            var fn = this && this !== root && this instanceof wrapper ? Ctor : func;
-            return fn.apply(isBind ? thisArg : this, arguments);
+            var fn2 = this && this !== root && this instanceof wrapper ? Ctor : func;
+            return fn2.apply(isBind ? thisArg : this, arguments);
           }
           return wrapper;
         }
@@ -2353,8 +2353,8 @@ var require_lodash = __commonJS({
                 arity - length
               );
             }
-            var fn = this && this !== root && this instanceof wrapper ? Ctor : func;
-            return apply(fn, this, args);
+            var fn2 = this && this !== root && this instanceof wrapper ? Ctor : func;
+            return apply(fn2, this, args);
           }
           return wrapper;
         }
@@ -2442,7 +2442,7 @@ var require_lodash = __commonJS({
                 arity - length
               );
             }
-            var thisBinding = isBind ? thisArg : this, fn = isBindKey ? thisBinding[func] : func;
+            var thisBinding = isBind ? thisArg : this, fn2 = isBindKey ? thisBinding[func] : func;
             length = args.length;
             if (argPos) {
               args = reorder(args, argPos);
@@ -2453,9 +2453,9 @@ var require_lodash = __commonJS({
               args.length = ary2;
             }
             if (this && this !== root && this instanceof wrapper) {
-              fn = Ctor || createCtor(fn);
+              fn2 = Ctor || createCtor(fn2);
             }
-            return fn.apply(thisBinding, args);
+            return fn2.apply(thisBinding, args);
           }
           return wrapper;
         }
@@ -2512,14 +2512,14 @@ var require_lodash = __commonJS({
         function createPartial(func, bitmask, thisArg, partials) {
           var isBind = bitmask & WRAP_BIND_FLAG, Ctor = createCtor(func);
           function wrapper() {
-            var argsIndex = -1, argsLength = arguments.length, leftIndex = -1, leftLength = partials.length, args = Array2(leftLength + argsLength), fn = this && this !== root && this instanceof wrapper ? Ctor : func;
+            var argsIndex = -1, argsLength = arguments.length, leftIndex = -1, leftLength = partials.length, args = Array2(leftLength + argsLength), fn2 = this && this !== root && this instanceof wrapper ? Ctor : func;
             while (++leftIndex < leftLength) {
               args[leftIndex] = partials[leftIndex];
             }
             while (argsLength--) {
               args[leftIndex++] = arguments[++argsIndex];
             }
-            return apply(fn, isBind ? thisArg : this, args);
+            return apply(fn2, isBind ? thisArg : this, args);
           }
           return wrapper;
         }
@@ -5628,7 +5628,7 @@ var require_ua_parser = __commonJS({
           return typeof len === UNDEF_TYPE ? str : str.substring(0, UA_MAX_LENGTH);
         }
       };
-      var rgxMapper = function(ua2, arrays) {
+      var rgxMapper = function(ua, arrays) {
         var i = 0, j2, k, p, q, matches, match17;
         while (i < arrays.length && !matches) {
           var regex = arrays[i], props = arrays[i + 1];
@@ -5637,7 +5637,7 @@ var require_ua_parser = __commonJS({
             if (!regex[j2]) {
               break;
             }
-            matches = regex[j2++].exec(ua2);
+            matches = regex[j2++].exec(ua);
             if (!!matches) {
               for (p = 0; p < props.length; p++) {
                 match17 = matches[++k];
@@ -6726,16 +6726,16 @@ var require_ua_parser = __commonJS({
           [NAME, VERSION]
         ]
       };
-      var UAParser = function(ua2, extensions) {
-        if (typeof ua2 === OBJ_TYPE) {
-          extensions = ua2;
-          ua2 = undefined2;
+      var UAParser = function(ua, extensions) {
+        if (typeof ua === OBJ_TYPE) {
+          extensions = ua;
+          ua = undefined2;
         }
         if (!(this instanceof UAParser)) {
-          return new UAParser(ua2, extensions).getResult();
+          return new UAParser(ua, extensions).getResult();
         }
         var _navigator = typeof window2 !== UNDEF_TYPE && window2.navigator ? window2.navigator : undefined2;
-        var _ua = ua2 || (_navigator && _navigator.userAgent ? _navigator.userAgent : EMPTY);
+        var _ua = ua || (_navigator && _navigator.userAgent ? _navigator.userAgent : EMPTY);
         var _uach = _navigator && _navigator.userAgentData ? _navigator.userAgentData : undefined2;
         var _rgxmap = extensions ? extend(regexes, extensions) : regexes;
         var _isSelfNav = _navigator && _navigator.userAgent == _ua;
@@ -6801,8 +6801,8 @@ var require_ua_parser = __commonJS({
         this.getUA = function() {
           return _ua;
         };
-        this.setUA = function(ua3) {
-          _ua = typeof ua3 === STR_TYPE && ua3.length > UA_MAX_LENGTH ? trim(ua3, UA_MAX_LENGTH) : ua3;
+        this.setUA = function(ua2) {
+          _ua = typeof ua2 === STR_TYPE && ua2.length > UA_MAX_LENGTH ? trim(ua2, UA_MAX_LENGTH) : ua2;
           return this;
         };
         this.setUA(_ua);
@@ -6834,8 +6834,8 @@ var require_ua_parser = __commonJS({
         $.ua.get = function() {
           return parser.getUA();
         };
-        $.ua.set = function(ua2) {
-          parser.setUA(ua2);
+        $.ua.set = function(ua) {
+          parser.setUA(ua);
           var result = parser.getResult();
           for (var prop in result) {
             $.ua[prop] = result[prop];
@@ -8634,8 +8634,8 @@ var require_grammar = __commonJS({
 var require_parser = __commonJS({
   "../../node_modules/sdp-transform/lib/parser.js"(exports) {
     init_define_process_env();
-    var toIntIfInt = function(v) {
-      return String(Number(v)) === v ? Number(v) : v;
+    var toIntIfInt = function(v2) {
+      return String(Number(v2)) === v2 ? Number(v2) : v2;
     };
     var attachProperties = function(match17, location, names, rawName) {
       if (rawName && !names) {
@@ -8871,7 +8871,7 @@ var require_react_is_production_min = __commonJS({
     var c2 = b2 ? Symbol.for("react.element") : 60103;
     var d = b2 ? Symbol.for("react.portal") : 60106;
     var e = b2 ? Symbol.for("react.fragment") : 60107;
-    var f2 = b2 ? Symbol.for("react.strict_mode") : 60108;
+    var f = b2 ? Symbol.for("react.strict_mode") : 60108;
     var g = b2 ? Symbol.for("react.profiler") : 60114;
     var h = b2 ? Symbol.for("react.provider") : 60109;
     var k = b2 ? Symbol.for("react.context") : 60110;
@@ -8882,7 +8882,7 @@ var require_react_is_production_min = __commonJS({
     var q = b2 ? Symbol.for("react.suspense_list") : 60120;
     var r = b2 ? Symbol.for("react.memo") : 60115;
     var t = b2 ? Symbol.for("react.lazy") : 60116;
-    var v = b2 ? Symbol.for("react.block") : 60121;
+    var v2 = b2 ? Symbol.for("react.block") : 60121;
     var w = b2 ? Symbol.for("react.fundamental") : 60117;
     var x = b2 ? Symbol.for("react.responder") : 60118;
     var y2 = b2 ? Symbol.for("react.scope") : 60119;
@@ -8896,7 +8896,7 @@ var require_react_is_production_min = __commonJS({
               case m2:
               case e:
               case g:
-              case f2:
+              case f:
               case p:
                 return a2;
               default:
@@ -8930,7 +8930,7 @@ var require_react_is_production_min = __commonJS({
     exports.Memo = r;
     exports.Portal = d;
     exports.Profiler = g;
-    exports.StrictMode = f2;
+    exports.StrictMode = f;
     exports.Suspense = p;
     exports.isAsyncMode = function(a2) {
       return A(a2) || z(a2) === l2;
@@ -8964,13 +8964,13 @@ var require_react_is_production_min = __commonJS({
       return z(a2) === g;
     };
     exports.isStrictMode = function(a2) {
-      return z(a2) === f2;
+      return z(a2) === f;
     };
     exports.isSuspense = function(a2) {
       return z(a2) === p;
     };
     exports.isValidElementType = function(a2) {
-      return "string" === typeof a2 || "function" === typeof a2 || a2 === e || a2 === m2 || a2 === g || a2 === f2 || a2 === p || a2 === q || "object" === typeof a2 && null !== a2 && (a2.$$typeof === t || a2.$$typeof === r || a2.$$typeof === h || a2.$$typeof === k || a2.$$typeof === n || a2.$$typeof === w || a2.$$typeof === x || a2.$$typeof === y2 || a2.$$typeof === v);
+      return "string" === typeof a2 || "function" === typeof a2 || a2 === e || a2 === m2 || a2 === g || a2 === f || a2 === p || a2 === q || "object" === typeof a2 && null !== a2 && (a2.$$typeof === t || a2.$$typeof === r || a2.$$typeof === h || a2.$$typeof === k || a2.$$typeof === n || a2.$$typeof === w || a2.$$typeof === x || a2.$$typeof === y2 || a2.$$typeof === v2);
     };
     exports.typeOf = z;
   }
@@ -10860,7 +10860,7 @@ var getAvatarShape = (radii) => ({
 var StyledAvatar = styled("div", __spreadProps(__spreadValues({}, flexCenter), {
   color: "$colors$on_primary_high",
   fontFamily: "$sans",
-  aspectRatio: 1,
+  aspectRatio: "1",
   fontWeight: 600,
   fontSize: "$space$9",
   variants: {
@@ -12144,11 +12144,11 @@ var formatBytes = (bytes, unit = "B", decimals = 2) => {
     return "-";
   }
   const k = 1024;
-  const dm = decimals < 0 ? 0 : decimals;
+  const dm2 = decimals < 0 ? 0 : decimals;
   const sizes = ["", "K", "M", "G", "T", "P", "E", "Z", "Y"].map((size) => size + unit);
   let i = Math.floor(Math.log(bytes) / Math.log(k));
   i === 0 && i++;
-  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;
+  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm2))} ${sizes[i]}`;
 };
 
 // src/Stats/StyledStats.tsx
@@ -12920,14 +12920,14 @@ var Collapsible = {
 
 // src/Prebuilt/App.tsx
 init_define_process_env();
-import React186, { useEffect as useEffect80, useRef as useRef35 } from "react";
+import React189, { useEffect as useEffect84, useRef as useRef35 } from "react";
 import { match as match16 } from "ts-pattern";
 import {
   HMSReactiveStore,
   HMSRoomProvider,
   selectIsConnectedToRoom as selectIsConnectedToRoom13,
-  useHMSActions as useHMSActions59,
-  useHMSStore as useHMSStore96
+  useHMSActions as useHMSActions60,
+  useHMSStore as useHMSStore98
 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/AppData/AppData.tsx
@@ -14653,7 +14653,7 @@ import {
   selectIsConnectedToRoom as selectIsConnectedToRoom10,
   selectRoomState as selectRoomState8,
   useAwayNotifications as useAwayNotifications3,
-  useHMSActions as useHMSActions50,
+  useHMSActions as useHMSActions51,
   useHMSStore as useHMSStore86
 } from "@100mslive/react-sdk";
 
@@ -16606,7 +16606,7 @@ import {
   selectIsTranscriptionAllowedByMode,
   selectIsTranscriptionEnabled as selectIsTranscriptionEnabled3,
   selectLocalPeerID as selectLocalPeerID6,
-  useHMSActions as useHMSActions23,
+  useHMSActions as useHMSActions24,
   useHMSStore as useHMSStore28
 } from "@100mslive/react-sdk";
 import {
@@ -18272,6 +18272,7 @@ import {
   selectLocalPeerID as selectLocalPeerID4,
   selectPeersMap,
   selectTracksMap as selectTracksMap2,
+  useHMSActions as useHMSActions18,
   useHMSStatsStore as useHMSStatsStore3,
   useHMSStore as useHMSStore23
 } from "@100mslive/react-sdk";
@@ -18282,6 +18283,8 @@ var StatsForNerds = ({ onOpenChange }) => {
     () => [{ id: "local-peer", label: "Local Peer Stats" }, ...tracksWithLabels],
     [tracksWithLabels]
   );
+  const hmsActions = useHMSActions18();
+  const details = hmsActions.getDebugInfo();
   const [selectedStat, setSelectedStat] = useState23(statsOptions[0]);
   const [showStatsOnTiles, setShowStatsOnTiles] = useSetUiSettings(UI_SETTINGS.showStatsOnTiles);
   const [open, setOpen] = useState23(false);
@@ -18297,7 +18300,7 @@ var StatsForNerds = ({ onOpenChange }) => {
     {
       css: {
         width: "min(500px, 95%)",
-        maxHeight: "100%",
+        height: "min(656px, 90%)",
         overflowY: "auto"
       }
     },
@@ -18343,7 +18346,8 @@ var StatsForNerds = ({ onOpenChange }) => {
         );
       }))))
     ),
-    selectedStat.id === "local-peer" ? /* @__PURE__ */ React56.createElement(LocalPeerStats, null) : /* @__PURE__ */ React56.createElement(TrackStats, { trackID: selectedStat.id, layer: selectedStat.layer, local: selectedStat.local })
+    selectedStat.id === "local-peer" ? /* @__PURE__ */ React56.createElement(LocalPeerStats, null) : /* @__PURE__ */ React56.createElement(TrackStats, { trackID: selectedStat.id, layer: selectedStat.layer, local: selectedStat.local }),
+    /* @__PURE__ */ React56.createElement(Flex, { justify: "start", gap: 4, css: { m: "$10 0", w: "100%" } }, /* @__PURE__ */ React56.createElement(DebugInfo, { details }))
   )));
 };
 var useTracksWithLabel = () => {
@@ -18426,7 +18430,11 @@ var TrackStats = ({ trackID, layer, local }) => {
     }
   ));
 };
-var StatsRow2 = React56.memo(({ label, value }) => /* @__PURE__ */ React56.createElement(Box, { css: { bg: "$surface_bright", w: "calc(50% - $6)", p: "$8", r: "$3" } }, /* @__PURE__ */ React56.createElement(
+var DebugInfo = ({ details }) => {
+  var _a7;
+  return /* @__PURE__ */ React56.createElement(Accordion.Root, { type: "single", collapsible: true, css: { w: "100%" } }, /* @__PURE__ */ React56.createElement(Accordion.Item, { value: "Debug Info" }, /* @__PURE__ */ React56.createElement(Accordion.Header, null, /* @__PURE__ */ React56.createElement(Label3, { variant: "body2", css: { c: "$on_surface_high" } }, "Debug Info")), /* @__PURE__ */ React56.createElement(Accordion.Content, null, /* @__PURE__ */ React56.createElement(Flex, { css: { flexWrap: "wrap", mt: "$10", gap: "$10" } }, /* @__PURE__ */ React56.createElement(StatsRow2, { css: { w: "100%" }, label: "Websocket URL", value: details == null ? void 0 : details.websocketURL }), /* @__PURE__ */ React56.createElement(StatsRow2, { css: { w: "100%" }, label: "Init Endpoint", value: details == null ? void 0 : details.initEndpoint }), /* @__PURE__ */ React56.createElement(StatsRow2, { css: { w: "100%" }, label: "Enabled flags", value: (_a7 = details == null ? void 0 : details.enabledFlags) == null ? void 0 : _a7.join(", ") })))));
+};
+var StatsRow2 = React56.memo(({ label, value, css: css2 }) => /* @__PURE__ */ React56.createElement(Box, { css: __spreadValues({ bg: "$surface_bright", w: "calc(50% - $6)", p: "$8", r: "$3" }, css2) }, /* @__PURE__ */ React56.createElement(
   Text,
   {
     variant: "overline",
@@ -18442,12 +18450,12 @@ var StatsRow2 = React56.memo(({ label, value }) => /* @__PURE__ */ React56.creat
 // src/Prebuilt/components/MoreSettings/BulkRoleChangeModal.jsx
 init_define_process_env();
 import React57, { useCallback as useCallback18, useRef as useRef16, useState as useState24 } from "react";
-import { useHMSActions as useHMSActions18 } from "@100mslive/react-sdk";
+import { useHMSActions as useHMSActions19 } from "@100mslive/react-sdk";
 import { AlertTriangleIcon as AlertTriangleIcon4, ChangeRoleIcon, CheckIcon as CheckIcon3 } from "@100mslive/react-icons";
 var BulkRoleChangeModal = ({ onOpenChange }) => {
   var _a7, _b7;
   const roles = useFilteredRoles();
-  const hmsActions = useHMSActions18();
+  const hmsActions = useHMSActions19();
   const ref = useRef16(null);
   const roleRef = useRef16(null);
   const [selectedBulkRole, setBulkRole] = useState24([]);
@@ -18555,11 +18563,11 @@ import { useMedia as useMedia10 } from "react-use";
 // src/Prebuilt/components/MoreSettings/CaptionContent.tsx
 init_define_process_env();
 import React58 from "react";
-import { HMSTranscriptionMode, selectIsTranscriptionEnabled as selectIsTranscriptionEnabled2, useHMSActions as useHMSActions19, useHMSStore as useHMSStore24 } from "@100mslive/react-sdk";
+import { HMSTranscriptionMode, selectIsTranscriptionEnabled as selectIsTranscriptionEnabled2, useHMSActions as useHMSActions20, useHMSStore as useHMSStore24 } from "@100mslive/react-sdk";
 import { AlertTriangleIcon as AlertTriangleIcon5, CrossIcon as CrossIcon10 } from "@100mslive/react-icons";
 var CaptionContent = ({ isMobile, onExit }) => {
   const DURATION = 2e3;
-  const actions = useHMSActions19();
+  const actions = useHMSActions20();
   const isTranscriptionEnabled = useHMSStore24(selectIsTranscriptionEnabled2);
   const [toastId, setToastId] = useSetAppDataByKey(CAPTION_TOAST.captionToast);
   const [isCaptionEnabled, setIsCaptionEnabled] = useSetIsCaptionEnabled();
@@ -18760,7 +18768,7 @@ init_define_process_env();
 import React62, { useCallback as useCallback20, useState as useState26 } from "react";
 import {
   selectAvailableRoleNames as selectAvailableRoleNames4,
-  useHMSActions as useHMSActions20,
+  useHMSActions as useHMSActions21,
   useHMSStore as useHMSStore26
 } from "@100mslive/react-sdk";
 import { MicOffIcon as MicOffIcon2 } from "@100mslive/react-icons";
@@ -18811,7 +18819,7 @@ var MuteAllModal = ({
   isMobile = false
 }) => {
   const roles = useHMSStore26(selectAvailableRoleNames4);
-  const hmsActions = useHMSActions20();
+  const hmsActions = useHMSActions21();
   const [enabled, setEnabled] = useState26(false);
   const [trackType, setTrackType] = useState26();
   const [selectedRole, setRole] = useState26();
@@ -18851,12 +18859,12 @@ import {
   selectHasPeerHandRaised,
   selectLocalPeerID as selectLocalPeerID5,
   selectPeerMetadata as selectPeerMetadata2,
-  useHMSActions as useHMSActions21,
+  useHMSActions as useHMSActions22,
   useHMSStore as useHMSStore27,
   useHMSVanillaStore as useHMSVanillaStore9
 } from "@100mslive/react-sdk";
 var useMyMetadata = () => {
-  const hmsActions = useHMSActions21();
+  const hmsActions = useHMSActions22();
   const localPeerId = useHMSStore27(selectLocalPeerID5);
   const vanillaStore = useHMSVanillaStore9();
   const metaData = useHMSStore27(selectPeerMetadata2(localPeerId));
@@ -18900,7 +18908,7 @@ var useMyMetadata = () => {
 // src/Prebuilt/components/PIP/usePIPChat.tsx
 init_define_process_env();
 import { useEffect as useEffect21 } from "react";
-import { useHMSActions as useHMSActions22 } from "@100mslive/react-sdk";
+import { useHMSActions as useHMSActions23 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/PIP/usePIPWindow.tsx
 init_define_process_env();
@@ -18922,7 +18930,7 @@ var usePIPWindow = () => {
 
 // src/Prebuilt/components/PIP/usePIPChat.tsx
 var usePIPChat = () => {
-  const hmsActions = useHMSActions22();
+  const hmsActions = useHMSActions23();
   const { isSupported, requestPipWindow, pipWindow, closePipWindow } = usePIPWindow();
   useEffect21(() => {
     if (document && pipWindow) {
@@ -19031,7 +19039,7 @@ var DesktopOptions = ({
   screenType
 }) => {
   const localPeerId = useHMSStore28(selectLocalPeerID6);
-  const hmsActions = useHMSActions23();
+  const hmsActions = useHMSActions24();
   const enablHlsStats = useHMSStore28(selectAppData3(APP_DATA.hlsStats));
   const [openModals, setOpenModals] = useState27(/* @__PURE__ */ new Set());
   const { isBRBOn, toggleBRB } = useMyMetadata();
@@ -19167,7 +19175,7 @@ import {
   selectIsTranscriptionEnabled as selectIsTranscriptionEnabled4,
   selectPeerCount as selectPeerCount3,
   selectPermissions as selectPermissions9,
-  useHMSActions as useHMSActions27,
+  useHMSActions as useHMSActions28,
   useHMSStore as useHMSStore33,
   useRecordingStreaming as useRecordingStreaming7
 } from "@100mslive/react-sdk";
@@ -19277,8 +19285,8 @@ var createSelector = createSelectorCreator(defaultMemoize);
 // ../hms-video-store/dist/index.js
 var import_ua_parser_js = __toESM(require_ua_parser());
 var import_lodash3 = __toESM(require_lodash2());
+import { v4 as To } from "uuid";
 import { v4 as So } from "uuid";
-import { v4 as ho } from "uuid";
 
 // ../../node_modules/webrtc-adapter/src/js/adapter_core.js
 init_define_process_env();
@@ -19709,11 +19717,11 @@ function shimOnTrack(window2) {
       get() {
         return this._ontrack;
       },
-      set(f2) {
+      set(f) {
         if (this._ontrack) {
           this.removeEventListener("track", this._ontrack);
         }
-        this.addEventListener("track", this._ontrack = f2);
+        this.addEventListener("track", this._ontrack = f);
       },
       enumerable: true,
       configurable: true
@@ -20696,12 +20704,12 @@ function shimRemoteStreamsAPI(window2) {
       get() {
         return this._onaddstream;
       },
-      set(f2) {
+      set(f) {
         if (this._onaddstream) {
           this.removeEventListener("addstream", this._onaddstream);
           this.removeEventListener("track", this._onaddstreampoly);
         }
-        this.addEventListener("addstream", this._onaddstream = f2);
+        this.addEventListener("addstream", this._onaddstream = f);
         this.addEventListener("track", this._onaddstreampoly = (e) => {
           e.streams.forEach((stream) => {
             if (!this._remoteStreams) {
@@ -21103,15 +21111,15 @@ function shimSendThrowTypeError(window2) {
   if (!(window2.RTCPeerConnection && "createDataChannel" in window2.RTCPeerConnection.prototype)) {
     return;
   }
-  function wrapDcSend(dc2, pc) {
-    const origDataChannelSend = dc2.send;
-    dc2.send = function send() {
+  function wrapDcSend(dc, pc) {
+    const origDataChannelSend = dc.send;
+    dc.send = function send() {
       const data3 = arguments[0];
       const length = data3.length || data3.size || data3.byteLength;
-      if (dc2.readyState === "open" && pc.sctp && length > pc.sctp.maxMessageSize) {
+      if (dc.readyState === "open" && pc.sctp && length > pc.sctp.maxMessageSize) {
         throw new TypeError("Message too large (can send a maximum of " + pc.sctp.maxMessageSize + " bytes)");
       }
-      return origDataChannelSend.apply(dc2, arguments);
+      return origDataChannelSend.apply(dc, arguments);
     };
   }
   const origCreateDataChannel = window2.RTCPeerConnection.prototype.createDataChannel;
@@ -21375,43 +21383,43 @@ var adapter = adapterFactory({ window: typeof window === "undefined" ? void 0 :
 
 // ../hms-video-store/dist/index.js
 var import_lodash4 = __toESM(require_lodash2());
-import { v4 as bo } from "uuid";
-import { v4 as Ho } from "uuid";
-import { v4 as Do } from "uuid";
-import { EventEmitter2 as _o } from "eventemitter2";
+import { v4 as Io } from "uuid";
+import { v4 as Lo } from "uuid";
+import { v4 as No } from "uuid";
+import { EventEmitter2 as Oo } from "eventemitter2";
 var jt = __toESM(require_lib());
-import { EventEmitter2 as cn } from "eventemitter2";
-import { v4 as hn } from "uuid";
-import { EventEmitter2 as mn } from "eventemitter2";
-import gn from "eventemitter2";
-import { v4 as Tn } from "uuid";
-import { v4 as Mn } from "uuid";
-var Za = Object.defineProperty;
-var eo = Object.defineProperties;
-var to = Object.getOwnPropertyDescriptors;
+import { EventEmitter2 as ln } from "eventemitter2";
+import { v4 as Sn } from "uuid";
+import { EventEmitter2 as gn } from "eventemitter2";
+import fn from "eventemitter2";
+import { v4 as vn } from "uuid";
+import { v4 as kn } from "uuid";
+var to = Object.defineProperty;
+var io = Object.defineProperties;
+var ro = Object.getOwnPropertyDescriptors;
 var ti = Object.getOwnPropertySymbols;
-var ns = Object.prototype.hasOwnProperty;
-var cs = Object.prototype.propertyIsEnumerable;
-var os = (a2, e, t) => e in a2 ? Za(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
+var ds = Object.prototype.hasOwnProperty;
+var ls = Object.prototype.propertyIsEnumerable;
+var cs = (a2, e, t) => e in a2 ? to(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
 var m = (a2, e) => {
   for (var t in e || (e = {}))
-    ns.call(e, t) && os(a2, t, e[t]);
+    ds.call(e, t) && cs(a2, t, e[t]);
   if (ti)
     for (var t of ti(e))
-      cs.call(e, t) && os(a2, t, e[t]);
+      ls.call(e, t) && cs(a2, t, e[t]);
   return a2;
 };
-var y = (a2, e) => eo(a2, to(e));
+var y = (a2, e) => io(a2, ro(e));
 var gr = (a2, e) => {
   var t = {};
   for (var i in a2)
-    ns.call(a2, i) && e.indexOf(i) < 0 && (t[i] = a2[i]);
+    ds.call(a2, i) && e.indexOf(i) < 0 && (t[i] = a2[i]);
   if (a2 != null && ti)
     for (var i of ti(a2))
-      e.indexOf(i) < 0 && cs.call(a2, i) && (t[i] = a2[i]);
+      e.indexOf(i) < 0 && ls.call(a2, i) && (t[i] = a2[i]);
   return t;
 };
-var so = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
+var oo = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
 var c = (a2, e, t) => new Promise((i, r) => {
   var s = (d) => {
     try {
@@ -21428,20 +21436,20 @@ var c = (a2, e, t) => new Promise((i, r) => {
   }, n = (d) => d.done ? i(d.value) : Promise.resolve(d.value).then(s, o);
   n((t = t.apply(a2, e)).next());
 });
-var yr = so((Nc, mo) => {
-  mo.exports = { version: "0.12.21", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, 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" } }, sideEffects: false, 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", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", "lodash.isequal": "^4.5.0", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/lodash.isequal": "^4.5.8", "@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" }, 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 yr = oo((xc, go) => {
+  go.exports = { version: "0.12.22-alpha.1", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, 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" } }, sideEffects: false, 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", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", "lodash.isequal": "^4.5.0", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/lodash.isequal": "^4.5.8", "@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" }, 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 Tr = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(Tr || {});
-var ao = ((e) => (e.CHAT = "chat", e))(ao || {});
-var ds = ((t) => (t.INFO = "info", t.ERROR = "error", t))(ds || {});
+var no = ((e) => (e.CHAT = "chat", e))(no || {});
+var us = ((t) => (t.INFO = "info", t.ERROR = "error", t))(us || {});
 var fr = ((D) => (D.PEER_JOINED = "PEER_JOINED", D.PEER_LEFT = "PEER_LEFT", D.PEER_LIST = "PEER_LIST", D.NEW_MESSAGE = "NEW_MESSAGE", D.ERROR = "ERROR", D.RECONNECTING = "RECONNECTING", D.RECONNECTED = "RECONNECTED", D.TRACK_ADDED = "TRACK_ADDED", D.TRACK_REMOVED = "TRACK_REMOVED", D.TRACK_MUTED = "TRACK_MUTED", D.TRACK_UNMUTED = "TRACK_UNMUTED", D.TRACK_DEGRADED = "TRACK_DEGRADED", D.TRACK_RESTORED = "TRACK_RESTORED", D.TRACK_DESCRIPTION_CHANGED = "TRACK_DESCRIPTION_CHANGED", D.ROLE_UPDATED = "ROLE_UPDATED", D.CHANGE_TRACK_STATE_REQUEST = "CHANGE_TRACK_STATE_REQUEST", D.CHANGE_MULTI_TRACK_STATE_REQUEST = "CHANGE_MULTI_TRACK_STATE_REQUEST", D.ROOM_ENDED = "ROOM_ENDED", D.REMOVED_FROM_ROOM = "REMOVED_FROM_ROOM", D.DEVICE_CHANGE_UPDATE = "DEVICE_CHANGE_UPDATE", D.PLAYLIST_TRACK_ENDED = "PLAYLIST_TRACK_ENDED", D.NAME_UPDATED = "NAME_UPDATED", D.METADATA_UPDATED = "METADATA_UPDATED", D.POLL_CREATED = "POLL_CREATED", D.POLL_STARTED = "POLL_STARTED", D.POLL_STOPPED = "POLL_STOPPED", D.POLL_VOTES_UPDATED = "POLL_VOTES_UPDATED", D.POLLS_LIST = "POLLS_LIST", D.HAND_RAISE_CHANGED = "HAND_RAISE_CHANGED", D.TRANSCRIPTION_STATE_UPDATED = "TRANSCRIPTION_STATE_UPDATED", D))(fr || {});
-var ls = ((t) => (t.audio = "audio", t.video = "video", t))(ls || {});
+var ps = ((t) => (t.audio = "audio", t.video = "video", t))(ps || {});
 function Ue(a2, e) {
   let t, i;
   if (e)
     for (let r of e.auxiliaryTracks) {
       let s = a2[r];
-      oo(s) && (i = pt(s) ? s : i, t = ht(s) ? s : t);
+      co(s) && (i = pt(s) ? s : i, t = ht(s) ? s : t);
     }
   return { video: t, audio: i };
 }
@@ -21451,7 +21459,7 @@ function pt(a2) {
 function ht(a2) {
   return a2 && a2.type === "video";
 }
-function oo(a2) {
+function co(a2) {
   return a2 && a2.source === "screen";
 }
 function si(a2) {
@@ -21460,7 +21468,7 @@ function si(a2) {
 function mt(a2) {
   return a2 && a2.source === "videoplaylist";
 }
-function us(a2) {
+function hs(a2) {
   return a2 ? !!(a2 != null && a2.degraded) : false;
 }
 function je(a2, e) {
@@ -21471,8 +21479,8 @@ function St(a2) {
   let e = false, t = false, i = false;
   return (r = a2 == null ? void 0 : a2.publishParams) != null && r.allowed && (e = a2.publishParams.allowed.includes("video"), t = a2.publishParams.allowed.includes("audio"), i = a2.publishParams.allowed.includes("screen")), { video: e, audio: t, screen: i };
 }
-var hs = ((d) => (d[d.VERBOSE = 0] = "VERBOSE", d[d.DEBUG = 1] = "DEBUG", d[d.INFO = 2] = "INFO", d[d.WARN = 3] = "WARN", d[d.TIME = 4] = "TIME", d[d.TIMEEND = 5] = "TIMEEND", d[d.ERROR = 6] = "ERROR", d[d.NONE = 7] = "NONE", d))(hs || {});
-var no = typeof window != "undefined" && typeof window.expect != "undefined";
+var Ss = ((d) => (d[d.VERBOSE = 0] = "VERBOSE", d[d.DEBUG = 1] = "DEBUG", d[d.INFO = 2] = "INFO", d[d.WARN = 3] = "WARN", d[d.TIME = 4] = "TIME", d[d.TIMEEND = 5] = "TIMEEND", d[d.ERROR = 6] = "ERROR", d[d.NONE = 7] = "NONE", d))(Ss || {});
+var lo = typeof window != "undefined" && typeof window.expect != "undefined";
 var l = class {
   static v(e, ...t) {
     this.log(0, e, ...t);
@@ -21538,30 +21546,30 @@ var l = class {
       }
   }
 };
-l.level = no ? 7 : 0;
+l.level = lo ? 7 : 0;
 var he = new import_ua_parser_js.UAParser();
 var B = typeof window != "undefined";
-var ms;
-var Be = typeof window == "undefined" && !((ms = he.getBrowser().name) != null && ms.toLowerCase().includes("electron"));
-var lo = () => !Be;
-var dc = lo();
-var Ss;
 var gs;
-var ys = (gs = (Ss = he.getBrowser()) == null ? void 0 : Ss.name) == null ? void 0 : gs.toLowerCase().includes("safari");
+var Be = typeof window == "undefined" && !((gs = he.getBrowser().name) != null && gs.toLowerCase().includes("electron"));
+var po = () => !Be;
+var uc = po();
 var Ts;
 var fs;
-var ks = ((fs = (Ts = he.getBrowser()) == null ? void 0 : Ts.name) == null ? void 0 : fs.toLowerCase()) === "firefox";
-var Es = ((i) => (i.CUSTOM = "CUSTOM", i.LOCAL = "LOCAL", i.HMS = "HMS", i))(Es || {});
-function uo() {
+var Es = (fs = (Ts = he.getBrowser()) == null ? void 0 : Ts.name) == null ? void 0 : fs.toLowerCase().includes("safari");
+var vs;
+var Ms;
+var Ps = ((Ms = (vs = he.getBrowser()) == null ? void 0 : vs.name) == null ? void 0 : Ms.toLowerCase()) === "firefox";
+var bs = ((i) => (i.CUSTOM = "CUSTOM", i.LOCAL = "LOCAL", i.HMS = "HMS", i))(bs || {});
+function ho() {
   if (B && window) {
     let a2 = window.location.hostname;
     return a2 === "localhost" || a2 === "127.0.0.1" ? "LOCAL" : a2.includes("app.100ms.live") ? "HMS" : "CUSTOM";
   }
   return "CUSTOM";
 }
-var Qe = uo();
-var P4 = { 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, VALIDATION_FAILED: 6013 }, PlaylistErrors: { NO_ENTRY_TO_PLAY: 8001, NO_ENTRY_IS_PLAYING: 8002 } };
-var f = class a extends Error {
+var Qe = ho();
+var P4 = { 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, NO_DATA: 3015 }, 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, VALIDATION_FAILED: 6013 }, PlaylistErrors: { NO_ENTRY_TO_PLAY: 8001, NO_ENTRY_IS_PLAYING: 8002 } };
+var v = class a extends Error {
   constructor(t, i, r, s, o, n = false) {
     super(s);
     this.code = t;
@@ -21590,113 +21598,115 @@ var f = class a extends Error {
     }`;
   }
 };
-var po = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
+var mo = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
 var S = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
-  return new f(P4.WebSocketConnectionErrors.FAILED_TO_CONNECT, "WebsocketFailedToConnect", a2, `[WS]: ${e}`, `[WS]: ${e}`);
+  return new v(P4.WebSocketConnectionErrors.FAILED_TO_CONNECT, "WebsocketFailedToConnect", a2, `[WS]: ${e}`, `[WS]: ${e}`);
 }, WebSocketConnectionLost(a2, e = "") {
-  return new f(P4.WebSocketConnectionErrors.WEBSOCKET_CONNECTION_LOST, "WebSocketConnectionLost", a2, "Network connection lost", e);
+  return new v(P4.WebSocketConnectionErrors.WEBSOCKET_CONNECTION_LOST, "WebSocketConnectionLost", a2, "Network connection lost", e);
 }, AbnormalClose(a2, e = "") {
-  return new f(P4.WebSocketConnectionErrors.ABNORMAL_CLOSE, "WebSocketAbnormalClose", a2, "Websocket closed abnormally", e);
+  return new v(P4.WebSocketConnectionErrors.ABNORMAL_CLOSE, "WebSocketAbnormalClose", a2, "Websocket closed abnormally", e);
 } }, APIErrors: { ServerErrors(a2, e, t = "", i = true) {
-  return new f(a2, "ServerErrors", e, `[${e}]: Server error ${t}`, t, i);
+  return new v(a2, "ServerErrors", e, `[${e}]: Server error ${t}`, t, i);
 }, EndpointUnreachable(a2, e = "") {
-  return new f(P4.APIErrors.ENDPOINT_UNREACHABLE, "EndpointUnreachable", a2, `Endpoint is not reachable - ${e}`, e);
+  return new v(P4.APIErrors.ENDPOINT_UNREACHABLE, "EndpointUnreachable", a2, `Endpoint is not reachable - ${e}`, e);
 }, InvalidTokenFormat(a2, e = "") {
-  return new f(P4.APIErrors.INVALID_TOKEN_FORMAT, "InvalidTokenFormat", a2, `Token is not in proper JWT format - ${e}`, e, true);
+  return new v(P4.APIErrors.INVALID_TOKEN_FORMAT, "InvalidTokenFormat", a2, `Token is not in proper JWT format - ${e}`, e, true);
 }, InitConfigNotAvailable(a2, e = "") {
-  return new f(P4.APIErrors.INIT_CONFIG_NOT_AVAILABLE, "InitError", a2, `[INIT]: ${e}`, `[INIT]: ${e}`);
+  return new v(P4.APIErrors.INIT_CONFIG_NOT_AVAILABLE, "InitError", a2, `[INIT]: ${e}`, `[INIT]: ${e}`);
 } }, TracksErrors: { GenericTrack(a2, e = "") {
-  return new f(P4.TracksErrors.GENERIC_TRACK, "GenericTrack", a2, `[TRACK]: ${e}`, `[TRACK]: ${e}`);
+  return new v(P4.TracksErrors.GENERIC_TRACK, "GenericTrack", a2, `[TRACK]: ${e}`, `[TRACK]: ${e}`);
 }, CantAccessCaptureDevice(a2, e, t = "") {
-  return new f(P4.TracksErrors.CANT_ACCESS_CAPTURE_DEVICE, "CantAccessCaptureDevice", a2, `User denied permission to access capture device - ${e}`, t);
+  return new v(P4.TracksErrors.CANT_ACCESS_CAPTURE_DEVICE, "CantAccessCaptureDevice", a2, `User denied permission to access capture device - ${e}`, t);
 }, DeviceNotAvailable(a2, e, t = "") {
-  return new f(P4.TracksErrors.DEVICE_NOT_AVAILABLE, "DeviceNotAvailable", a2, `[TRACK]: Capture device is no longer available - ${e}`, t);
+  return new v(P4.TracksErrors.DEVICE_NOT_AVAILABLE, "DeviceNotAvailable", a2, `[TRACK]: Capture device is no longer available - ${e}`, t);
 }, DeviceInUse(a2, e, t = "") {
-  return new f(P4.TracksErrors.DEVICE_IN_USE, "DeviceInUse", a2, `[TRACK]: Capture device is in use by another application - ${e}`, t);
+  return new v(P4.TracksErrors.DEVICE_IN_USE, "DeviceInUse", a2, `[TRACK]: Capture device is in use by another application - ${e}`, t);
 }, DeviceLostMidway(a2, e, t = "") {
-  return new f(P4.TracksErrors.DEVICE_LOST_MIDWAY, "DeviceLostMidway", a2, `Lost access to capture device midway - ${e}`, t);
+  return new v(P4.TracksErrors.DEVICE_LOST_MIDWAY, "DeviceLostMidway", a2, `Lost access to capture device midway - ${e}`, t);
 }, NothingToReturn(a2, e = "", t = "There is no media to return. Please select either video or audio or both.") {
-  return new f(P4.TracksErrors.NOTHING_TO_RETURN, "NothingToReturn", a2, t, e);
+  return new v(P4.TracksErrors.NOTHING_TO_RETURN, "NothingToReturn", a2, t, e);
 }, InvalidVideoSettings(a2, e = "") {
-  return new f(P4.TracksErrors.INVALID_VIDEO_SETTINGS, "InvalidVideoSettings", a2, "Cannot enable simulcast when no video settings are provided", e);
+  return new v(P4.TracksErrors.INVALID_VIDEO_SETTINGS, "InvalidVideoSettings", a2, "Cannot enable simulcast when no video settings are provided", e);
 }, AutoplayBlocked(a2, e = "") {
-  return new f(P4.TracksErrors.AUTOPLAY_ERROR, "AutoplayBlocked", a2, "Autoplay blocked because the user didn't interact with the document first", e);
+  return new v(P4.TracksErrors.AUTOPLAY_ERROR, "AutoplayBlocked", a2, "Autoplay blocked because the user didn't interact with the document first", e);
 }, CodecChangeNotPermitted(a2, e = "") {
-  return new f(P4.TracksErrors.CODEC_CHANGE_NOT_PERMITTED, "CodecChangeNotPermitted", a2, "Codec can't be changed mid call.", e);
+  return new v(P4.TracksErrors.CODEC_CHANGE_NOT_PERMITTED, "CodecChangeNotPermitted", a2, "Codec can't be changed mid call.", e);
 }, OverConstrained(a2, e, t = "") {
-  return new f(P4.TracksErrors.OVER_CONSTRAINED, "OverConstrained", a2, `[TRACK]: Requested constraints cannot be satisfied with the device hardware - ${e}`, t);
+  return new v(P4.TracksErrors.OVER_CONSTRAINED, "OverConstrained", a2, `[TRACK]: Requested constraints cannot be satisfied with the device hardware - ${e}`, t);
 }, NoAudioDetected(a2, e = "Please check the mic or use another audio input") {
-  return new f(P4.TracksErrors.NO_AUDIO_DETECTED, "NoAudioDetected", a2, "No audio input detected from microphone", e);
+  return new v(P4.TracksErrors.NO_AUDIO_DETECTED, "NoAudioDetected", a2, "No audio input detected from microphone", e);
 }, SystemDeniedPermission(a2, e, t = "") {
-  return new f(P4.TracksErrors.SYSTEM_DENIED_PERMISSION, "SystemDeniedPermission", a2, `Operating System denied permission to access capture device - ${e}`, t);
+  return new v(P4.TracksErrors.SYSTEM_DENIED_PERMISSION, "SystemDeniedPermission", a2, `Operating System denied permission to access capture device - ${e}`, t);
 }, CurrentTabNotShared() {
-  return new f(P4.TracksErrors.CURRENT_TAB_NOT_SHARED, "CurrentTabNotShared", "TRACK", "The app requires you to share the current tab", "You must screen share the current tab in order to proceed");
+  return new v(P4.TracksErrors.CURRENT_TAB_NOT_SHARED, "CurrentTabNotShared", "TRACK", "The app requires you to share the current tab", "You must screen share the current tab in order to proceed");
 }, AudioPlaybackError(a2) {
-  return new f(P4.TracksErrors.AUDIO_PLAYBACK_ERROR, "Audio playback error", "TRACK", a2, a2);
+  return new v(P4.TracksErrors.AUDIO_PLAYBACK_ERROR, "Audio playback error", "TRACK", a2, a2);
 }, SelectedDeviceMissing(a2) {
-  return new f(P4.TracksErrors.SELECTED_DEVICE_MISSING, "SelectedDeviceMissing", "TRACK", `Could not detect selected ${a2} device`, `Please check connection to the ${a2} device`, false);
+  return new v(P4.TracksErrors.SELECTED_DEVICE_MISSING, "SelectedDeviceMissing", "TRACK", `Could not detect selected ${a2} device`, `Please check connection to the ${a2} device`, false);
+}, NoDataInTrack(a2) {
+  return new v(P4.TracksErrors.NO_DATA, "Track does not have any data", "TRACK", a2, "This could possibily due to another application taking priority over the access to camera or microphone or due to an incoming call");
 } }, WebrtcErrors: { CreateOfferFailed(a2, e = "") {
-  return new f(P4.WebrtcErrors.CREATE_OFFER_FAILED, "CreateOfferFailed", a2, `[${a2.toString()}]: Failed to create offer. `, e);
+  return new v(P4.WebrtcErrors.CREATE_OFFER_FAILED, "CreateOfferFailed", a2, `[${a2.toString()}]: Failed to create offer. `, e);
 }, CreateAnswerFailed(a2, e = "") {
-  return new f(P4.WebrtcErrors.CREATE_ANSWER_FAILED, "CreateAnswerFailed", a2, `[${a2.toString()}]: Failed to create answer. `, e);
+  return new v(P4.WebrtcErrors.CREATE_ANSWER_FAILED, "CreateAnswerFailed", a2, `[${a2.toString()}]: Failed to create answer. `, e);
 }, SetLocalDescriptionFailed(a2, e = "") {
-  return new f(P4.WebrtcErrors.SET_LOCAL_DESCRIPTION_FAILED, "SetLocalDescriptionFailed", a2, `[${a2.toString()}]: Failed to set offer. `, e);
+  return new v(P4.WebrtcErrors.SET_LOCAL_DESCRIPTION_FAILED, "SetLocalDescriptionFailed", a2, `[${a2.toString()}]: Failed to set offer. `, e);
 }, SetRemoteDescriptionFailed(a2, e = "") {
-  return new f(P4.WebrtcErrors.SET_REMOTE_DESCRIPTION_FAILED, "SetRemoteDescriptionFailed", a2, `[${a2.toString()}]: Failed to set answer. `, e, true);
+  return new v(P4.WebrtcErrors.SET_REMOTE_DESCRIPTION_FAILED, "SetRemoteDescriptionFailed", a2, `[${a2.toString()}]: Failed to set answer. `, e, true);
 }, ICEFailure(a2, e = "", t = false) {
-  return new f(P4.WebrtcErrors.ICE_FAILURE, "ICEFailure", a2, `[${a2.toString()}]: Ice connection state FAILED`, e, t);
+  return new v(P4.WebrtcErrors.ICE_FAILURE, "ICEFailure", a2, `[${a2.toString()}]: Ice connection state FAILED`, e, t);
 }, ICEDisconnected(a2, e = "") {
-  return new f(P4.WebrtcErrors.ICE_DISCONNECTED, "ICEDisconnected", a2, `[${a2.toString()}]: Ice connection state DISCONNECTED`, e);
+  return new v(P4.WebrtcErrors.ICE_DISCONNECTED, "ICEDisconnected", a2, `[${a2.toString()}]: Ice connection state DISCONNECTED`, e);
 }, StatsFailed(a2, e = "") {
-  return new f(P4.WebrtcErrors.STATS_FAILED, "StatsFailed", a2, `Failed to WebRTC get stats - ${e}`, e);
+  return new v(P4.WebrtcErrors.STATS_FAILED, "StatsFailed", a2, `Failed to WebRTC get stats - ${e}`, e);
 } }, WebsocketMethodErrors: { ServerErrors(a2, e, t) {
-  return new f(a2, "ServerErrors", e, t, t, po.includes(e));
+  return new v(a2, "ServerErrors", e, t, t, mo.includes(e));
 }, AlreadyJoined(a2, e = "") {
-  return new f(P4.WebsocketMethodErrors.ALREADY_JOINED, "AlreadyJoined", a2, "[JOIN]: You have already joined this room.", e);
+  return new v(P4.WebsocketMethodErrors.ALREADY_JOINED, "AlreadyJoined", a2, "[JOIN]: You have already joined this room.", e);
 }, CannotJoinPreviewInProgress(a2, e = "") {
-  return new f(P4.WebsocketMethodErrors.CANNOT_JOIN_PREVIEW_IN_PROGRESS, "CannotJoinPreviewInProgress", a2, "[JOIN]: Cannot join if preview is in progress", e);
+  return new v(P4.WebsocketMethodErrors.CANNOT_JOIN_PREVIEW_IN_PROGRESS, "CannotJoinPreviewInProgress", a2, "[JOIN]: Cannot join if preview is in progress", e);
 } }, GenericErrors: { NotConnected(a2, e = "") {
-  return new f(P4.GenericErrors.NOT_CONNECTED, "NotConnected", a2, "Client is not connected", e);
+  return new v(P4.GenericErrors.NOT_CONNECTED, "NotConnected", a2, "Client is not connected", e);
 }, Signalling(a2, e) {
-  return new f(P4.GenericErrors.SIGNALLING, "Signalling", a2, `Unknown signalling error: ${a2.toString()} ${e} `, e);
+  return new v(P4.GenericErrors.SIGNALLING, "Signalling", a2, `Unknown signalling error: ${a2.toString()} ${e} `, e);
 }, Unknown(a2, e) {
-  return new f(P4.GenericErrors.UNKNOWN, "Unknown", a2, `Unknown exception: ${e}`, e);
+  return new v(P4.GenericErrors.UNKNOWN, "Unknown", a2, `Unknown exception: ${e}`, e);
 }, NotReady(a2, e = "") {
-  return new f(P4.GenericErrors.NOT_READY, "NotReady", a2, e, e);
+  return new v(P4.GenericErrors.NOT_READY, "NotReady", a2, e, e);
 }, JsonParsingFailed(a2, e, t = "") {
-  return new f(P4.GenericErrors.JSON_PARSING_FAILED, "JsonParsingFailed", a2, `Failed to parse JSON message - ${e}`, t);
+  return new v(P4.GenericErrors.JSON_PARSING_FAILED, "JsonParsingFailed", a2, `Failed to parse JSON message - ${e}`, t);
 }, TrackMetadataMissing(a2, e = "") {
-  return new f(P4.GenericErrors.TRACK_METADATA_MISSING, "TrackMetadataMissing", a2, "Track Metadata Missing", e);
+  return new v(P4.GenericErrors.TRACK_METADATA_MISSING, "TrackMetadataMissing", a2, "Track Metadata Missing", e);
 }, RTCTrackMissing(a2, e = "") {
-  return new f(P4.GenericErrors.RTC_TRACK_MISSING, "RTCTrackMissing", a2, "RTC Track missing", e);
+  return new v(P4.GenericErrors.RTC_TRACK_MISSING, "RTCTrackMissing", a2, "RTC Track missing", e);
 }, PeerMetadataMissing(a2, e = "") {
-  return new f(P4.GenericErrors.PEER_METADATA_MISSING, "PeerMetadataMissing", a2, "Peer Metadata Missing", e);
+  return new v(P4.GenericErrors.PEER_METADATA_MISSING, "PeerMetadataMissing", a2, "Peer Metadata Missing", e);
 }, ValidationFailed(a2, e) {
-  return new f(P4.GenericErrors.VALIDATION_FAILED, "ValidationFailed", "VALIDATION", a2, e ? JSON.stringify(e) : "");
+  return new v(P4.GenericErrors.VALIDATION_FAILED, "ValidationFailed", "VALIDATION", a2, e ? JSON.stringify(e) : "");
 }, InvalidRole(a2, e) {
-  return new f(P4.GenericErrors.INVALID_ROLE, "InvalidRole", a2, "Invalid role. Join with valid role", e, true);
+  return new v(P4.GenericErrors.INVALID_ROLE, "InvalidRole", a2, "Invalid role. Join with valid role", e, true);
 }, PreviewAlreadyInProgress(a2, e = "") {
-  return new f(P4.GenericErrors.PREVIEW_IN_PROGRESS, "PreviewAlreadyInProgress", a2, "[Preview]: Cannot join if preview is in progress", e);
+  return new v(P4.GenericErrors.PREVIEW_IN_PROGRESS, "PreviewAlreadyInProgress", a2, "[Preview]: Cannot join if preview is in progress", e);
 }, LocalStorageAccessDenied(a2 = "Access to localStorage has been denied") {
-  return new f(P4.GenericErrors.LOCAL_STORAGE_ACCESS_DENIED, "LocalStorageAccessDenied", "NONE", "LocalStorageAccessDenied", a2);
+  return new v(P4.GenericErrors.LOCAL_STORAGE_ACCESS_DENIED, "LocalStorageAccessDenied", "NONE", "LocalStorageAccessDenied", a2);
 }, MissingMediaDevices() {
-  return new f(P4.GenericErrors.MISSING_MEDIADEVICES, "MissingMediaDevices", "JOIN", "navigator.mediaDevices is undefined. 100ms SDK won't work on this website as WebRTC is not supported on HTTP endpoints(missing navigator.mediaDevices). Please ensure you're using the SDK either on localhost or a valid HTTPS endpoint.", "", true);
+  return new v(P4.GenericErrors.MISSING_MEDIADEVICES, "MissingMediaDevices", "JOIN", "navigator.mediaDevices is undefined. 100ms SDK won't work on this website as WebRTC is not supported on HTTP endpoints(missing navigator.mediaDevices). Please ensure you're using the SDK either on localhost or a valid HTTPS endpoint.", "", true);
 }, MissingRTCPeerConnection() {
-  return new f(P4.GenericErrors.MISSING_RTCPEERCONNECTION, "MissingRTCPeerConnection", "JOIN", "RTCPeerConnection which is a core requirement for WebRTC call was not found, this could be due to an unsupported browser or browser extensions blocking WebRTC", "", true);
+  return new v(P4.GenericErrors.MISSING_RTCPEERCONNECTION, "MissingRTCPeerConnection", "JOIN", "RTCPeerConnection which is a core requirement for WebRTC call was not found, this could be due to an unsupported browser or browser extensions blocking WebRTC", "", true);
 } }, MediaPluginErrors: { PlatformNotSupported(a2, e = "") {
-  return new f(7001, "PlatformNotSupported", a2, "Check HMS Docs to see the list of supported platforms", e);
+  return new v(7001, "PlatformNotSupported", a2, "Check HMS Docs to see the list of supported platforms", e);
 }, InitFailed(a2, e = "") {
-  return new f(7002, "InitFailed", a2, "Plugin init failed", e);
+  return new v(7002, "InitFailed", a2, "Plugin init failed", e);
 }, ProcessingFailed(a2, e = "") {
-  return new f(7003, "ProcessingFailed", a2, "Plugin processing failed", e);
+  return new v(7003, "ProcessingFailed", a2, "Plugin processing failed", e);
 }, AddAlreadyInProgress(a2, e = "") {
-  return new f(7004, "AddAlreadyInProgress", a2, "Plugin add already in progress", e);
+  return new v(7004, "AddAlreadyInProgress", a2, "Plugin add already in progress", e);
 }, DeviceNotSupported(a2, e = "") {
-  return new f(7005, "DeviceNotSupported", a2, "Check HMS Docs to see the list of supported devices", e);
+  return new v(7005, "DeviceNotSupported", a2, "Check HMS Docs to see the list of supported devices", e);
 } }, PlaylistErrors: { NoEntryToPlay(a2, e) {
-  return new f(P4.PlaylistErrors.NO_ENTRY_TO_PLAY, "NoEntryToPlay", a2, "Reached end of playlist", e);
+  return new v(P4.PlaylistErrors.NO_ENTRY_TO_PLAY, "NoEntryToPlay", a2, "Reached end of playlist", e);
 }, NoEntryPlaying(a2, e) {
-  return new f(P4.PlaylistErrors.NO_ENTRY_IS_PLAYING, "NoEntryIsPlaying", a2, "No entry is playing at this time", e);
+  return new v(P4.PlaylistErrors.NO_ENTRY_IS_PLAYING, "NoEntryIsPlaying", a2, "No entry is playing at this time", e);
 } } };
 var Mr = class {
   constructor() {
@@ -21723,7 +21733,7 @@ var Mr = class {
     return this.valuesMap.size;
   }
 };
-var Ps = () => {
+var As = () => {
   try {
     B && !localStorage && (window.localStorage = new Mr());
   } catch (a2) {
@@ -21737,7 +21747,7 @@ var me = class {
   }
   getStorage() {
     try {
-      return B && !this.storage && (Ps(), this.storage = window.localStorage), this.storage;
+      return B && !this.storage && (As(), this.storage = window.localStorage), this.storage;
     } catch (e) {
       return l.e("Error initialising localStorage", S.GenericErrors.LocalStorageAccessDenied()), null;
     }
@@ -21759,27 +21769,27 @@ var me = class {
 };
 var ai = () => {
   let a2, e = new me("hms-analytics-deviceId"), t = e.get();
-  return t ? a2 = t : (a2 = ho(), e.set(a2)), a2;
+  return t ? a2 = t : (a2 = So(), e.set(a2)), a2;
 };
 function ce(a2) {
   return a2 != null;
 }
-var As = yr().version;
+var Hs = yr().version;
 function vt(a2 = "prod", e) {
   let t = "web", i = Qe !== "LOCAL" && a2 === "prod" ? "prod" : "debug";
   if (Be)
-    return Rs({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version: As, env: i, domain: Qe, is_prebuilt: !!(e != null && e.isPrebuilt), framework: "node", framework_version: process.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
+    return Cs({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version: Hs, env: i, domain: Qe, is_prebuilt: !!(e != null && e.isPrebuilt), framework: "node", framework_version: process.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
   let r = he.getOS(), s = he.getDevice(), o = he.getBrowser(), n = kr(`web_${r.name}`), d = r.version || "", u = kr(`${o.name}_${o.version}`), p = u;
-  return s.type && (p = `${kr(`${s.vendor}_${s.type}`)}/${u}`), Rs({ os: n, os_version: d, sdk: t, sdk_version: As, device_model: p, env: i, domain: Qe, 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 s.type && (p = `${kr(`${s.vendor}_${s.type}`)}/${u}`), Cs({ os: n, os_version: d, sdk: t, sdk_version: Hs, device_model: p, env: i, domain: Qe, 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 kr(a2) {
   return a2.replace(/ /g, "_");
 }
-var Rs = (a2, e = ",") => Object.keys(a2).filter((t) => ce(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
+var Cs = (a2, e = ",") => Object.keys(a2).filter((t) => ce(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
 var C = class {
   constructor({ name: e, level: t, properties: i, includesPII: r, timestamp: s }) {
     this.metadata = { peer: {}, userAgent: vt() };
-    this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = So(), this.device_id = ai();
+    this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = To(), this.device_id = ai();
   }
   toSignalParams() {
     return { name: this.name, info: y(m({}, this.properties), { timestamp: this.timestamp, domain: Qe }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
@@ -21824,6 +21834,9 @@ var E = class {
   static audioPlaybackError(e) {
     return new C({ name: "audioPlaybackError", level: 2, properties: this.getErrorProperties(e) });
   }
+  static audioRecovered(e) {
+    return new C({ name: "audioRecovered", level: 0, properties: { message: e } });
+  }
   static deviceChange({ isUserSelection: e, selection: t, type: i, devices: r, error: s }) {
     let o = this.eventNameFor(s ? "publish" : `device.${i}`, s === void 0), n = s ? 2 : 1, d = this.getPropertiesWithError({ selection: t, devices: r, isUserSelection: e }, s);
     return new C({ name: o, level: n, properties: d });
@@ -21881,7 +21894,7 @@ var E = class {
     return e = m(m({}, i), e), e;
   }
   static getErrorProperties(e) {
-    return e ? e instanceof f ? e.toAnalyticsProperties() : { error_name: e.name, error_message: e.message, error_description: e.cause } : {};
+    return e ? e instanceof v ? e.toAnalyticsProperties() : { error_name: e.name, error_message: e.message, error_description: e.cause } : {};
   }
 };
 E.KEY_REQUESTED_AT = "requested_at", E.KEY_RESPONDED_AT = "responded_at";
@@ -21922,6 +21935,7 @@ var Er = class {
 var Y = new Er();
 var Pr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(Pr || {});
 var br = ((t) => (t.PLATFORM_NOT_SUPPORTED = "PLATFORM_NOT_SUPPORTED", t.DEVICE_NOT_SUPPORTED = "DEVICE_NOT_SUPPORTED", t))(br || {});
+var Rr = ((r) => (r.SPEAKERPHONE = "SPEAKERPHONE", r.WIRED = "WIRED", r.BLUETOOTH = "BLUETOOTH", r.EARPIECE = "EARPIECE", r))(Rr || {});
 function ci(a2, e = 300) {
   let t;
   return function(...i) {
@@ -21932,15 +21946,15 @@ function ci(a2, e = 300) {
     }, e);
   };
 }
-var Hr = ((t) => (t.SIP = "sip", t.REGULAR = "regular", t))(Hr || {});
-var ws = ((n) => (n.NONE = "none", n.INITIALISED = "initialised", n.STARTED = "started", n.PAUSED = "paused", n.RESUMED = "resumed", n.STOPPED = "stopped", n.FAILED = "failed", n))(ws || {});
-var Ds = ((t) => (t.DVR = "dvr", t.NO_DVR = "no-dvr", t))(Ds || {});
-var _s = ((i) => (i.REGULAR = "regular", i.SCREEN = "screen", i.COMPOSITE = "composite", i))(_s || {});
-var Ns = ((r) => (r.INITIALISED = "initialised", r.STARTED = "started", r.STOPPED = "stopped", r.FAILED = "failed", r))(Ns || {});
-var Os = ((e) => (e.CAPTION = "caption", e))(Os || {});
-var Cr = ((t) => (t.VOICE = "voice", t.MUSIC = "music", t))(Cr || {});
-var xs = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(xs || {});
-var Lr = class {
+var Cr = ((t) => (t.SIP = "sip", t.REGULAR = "regular", t))(Cr || {});
+var _s = ((n) => (n.NONE = "none", n.INITIALISED = "initialised", n.STARTED = "started", n.PAUSED = "paused", n.RESUMED = "resumed", n.STOPPED = "stopped", n.FAILED = "failed", n))(_s || {});
+var Ns = ((t) => (t.DVR = "dvr", t.NO_DVR = "no-dvr", t))(Ns || {});
+var Os = ((i) => (i.REGULAR = "regular", i.SCREEN = "screen", i.COMPOSITE = "composite", i))(Os || {});
+var xs = ((r) => (r.INITIALISED = "initialised", r.STARTED = "started", r.STOPPED = "stopped", r.FAILED = "failed", r))(xs || {});
+var Us = ((e) => (e.CAPTION = "caption", e))(Us || {});
+var Lr = ((t) => (t.VOICE = "voice", t.MUSIC = "music", t))(Lr || {});
+var Bs = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(Bs || {});
+var wr = class {
   constructor() {
     this.TAG = "[HMSIntersectionObserverWrapper]";
     this.listeners = /* @__PURE__ */ new WeakMap();
@@ -21967,8 +21981,8 @@ var Lr = class {
     return e || l.w(this.TAG, "IntersectionObserver is not supported, fallback will be used instead"), e;
   }
 };
-var Fs = new Lr();
-var wr = class {
+var Ws = new wr();
+var Dr = class {
   constructor() {
     this.TAG = "[HMSResizeObserverWrapper]";
     this.listeners = /* @__PURE__ */ new WeakMap();
@@ -21995,43 +22009,43 @@ var wr = class {
     return e || l.w(this.TAG, "Resize Observer is not supported"), e;
   }
 };
-var Gs = new wr();
-var Dr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(Dr || {});
-var _r = ((t) => (t["2D"] = "2d", t.WEBGL = "webgl", t.WEBGL2 = "webgl2", t))(_r || {});
-var Ks = "https://event.100ms.live/v2/client/report";
-var qs = "https://event-nonprod.100ms.live/v2/client/report";
+var $s = new Dr();
+var _r = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(_r || {});
+var Nr = ((t) => (t["2D"] = "2d", t.WEBGL = "webgl", t.WEBGL2 = "webgl2", t))(Nr || {});
+var js = "https://event.100ms.live/v2/client/report";
+var Js = "https://event-nonprod.100ms.live/v2/client/report";
 var Pt = Math.pow(2, 31) - 1;
 var rt = class {
 };
-rt.makePeerId = () => Do();
+rt.makePeerId = () => No();
 var V = (a2) => a2.room;
-var No = (a2) => a2.errors;
-var em = createSelector(No, (a2) => a2.length === 0 ? null : a2.at(-1));
-var tm = createSelector(V, (a2) => a2.id);
+var xo = (a2) => a2.errors;
+var rm = createSelector(xo, (a2) => a2.length === 0 ? null : a2.at(-1));
+var sm = createSelector(V, (a2) => a2.id);
 var j = (a2) => a2.peers;
 var Mi = (a2) => a2.messages.byID;
-var ta = (a2) => a2.messages.allIDs;
+var ra = (a2) => a2.messages.allIDs;
 var O = (a2) => a2.tracks;
-var Wr = (a2) => a2.appData;
-var Oo = (a2) => a2.speakers;
+var $r = (a2) => a2.appData;
+var Uo = (a2) => a2.speakers;
 var Oe = createSelector([V], (a2) => a2 && a2.isConnected);
-var sm = createSelector([Oe, V], (a2, e) => a2 ? e.peerCount !== void 0 ? e.peerCount || 1 : e.peers.length : Math.max(e.peerCount !== void 0 ? e.peerCount : e.peers.length - 1, 0));
-var xo = (a2) => a2.hideLocalPeer;
-var fe = createSelector([V, j, xo], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
-var Uo = createSelector(O, (a2) => Object.values(a2));
+var nm = createSelector([Oe, V], (a2, e) => a2 ? e.peerCount !== void 0 ? e.peerCount || 1 : e.peers.length : Math.max(e.peerCount !== void 0 ? e.peerCount : e.peers.length - 1, 0));
+var Bo = (a2) => a2.hideLocalPeer;
+var fe = createSelector([V, j, Bo], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
+var Vo = createSelector(O, (a2) => Object.values(a2));
 var ie = createSelector(V, j, (a2, e) => e[a2.localPeer]);
 var Ee = createSelector(V, (a2) => a2.localPeer);
-var am = createSelector(ie, (a2) => a2 == null ? void 0 : a2.name);
-var om = createSelector(ie, (a2) => a2 == null ? void 0 : a2.roleName);
+var cm = createSelector(ie, (a2) => a2 == null ? void 0 : a2.name);
+var dm = createSelector(ie, (a2) => a2 == null ? void 0 : a2.roleName);
 var ne = createSelector(ie, (a2) => a2 == null ? void 0 : a2.audioTrack);
 var X = createSelector(ie, (a2) => a2 == null ? void 0 : a2.videoTrack);
-var Bo = createSelector(ie, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
-var ra = createSelector([ne, X, Bo], (a2, e, t) => {
+var Fo = createSelector(ie, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
+var aa = createSelector([ne, X, Fo], (a2, e, t) => {
   let i = t ? [...t] : [];
   return a2 && i.unshift(a2), e && i.unshift(e), i;
 });
-var nm = createSelector(fe, (a2) => a2.filter((e) => !e.isLocal));
-var cm = createSelector(j, Oo, (a2, e) => {
+var lm = createSelector(fe, (a2) => a2.filter((e) => !e.isLocal));
+var um = createSelector(j, Uo, (a2, e) => {
   let t = Object.entries(e).sort((i, r) => {
     var n, d;
     let s = ((n = i[1]) == null ? void 0 : n.audioLevel) || 0;
@@ -22044,11 +22058,11 @@ var cm = createSelector(j, Oo, (a2, e) => {
   }
   return null;
 });
-var Kr = createSelector(ie, O, (a2, e) => {
+var qr = createSelector(ie, O, (a2, e) => {
   let { video: t, audio: i } = Ue(e, a2);
   return !!(t || i);
 });
-var Vo = createSelector(j, O, (a2, e) => {
+var Go = createSelector(j, O, (a2, e) => {
   let t;
   for (let i in a2) {
     let r = a2[i], { video: s, audio: o } = Ue(e, r);
@@ -22058,15 +22072,15 @@ var Vo = createSelector(j, O, (a2, e) => {
   }
   return t;
 });
-var lm = createSelector(Vo, (a2) => !!a2);
-var um = createSelector(j, O, (a2, e) => {
+var hm = createSelector(Go, (a2) => !!a2);
+var mm = createSelector(j, O, (a2, e) => {
   for (let t in a2) {
     let i = a2[t], { audio: r, video: s } = Ue(e, i);
     if (!s && r)
       return i;
   }
 });
-var pm = createSelector(j, O, (a2, e) => {
+var Sm = createSelector(j, O, (a2, e) => {
   let t = [], i = [];
   for (let r in a2) {
     let s = a2[r], { video: o, audio: n } = Ue(e, s);
@@ -22074,78 +22088,78 @@ var pm = createSelector(j, O, (a2, e) => {
   }
   return t.concat(i);
 });
-var hm = createSelector(j, O, (a2, e) => {
+var gm = createSelector(j, O, (a2, e) => {
   for (let t in e) {
     let i = e[t];
     if (mt(i) && ht(i) && i.peerId)
       return a2[i.peerId];
   }
 });
-var mm = createSelector(j, O, (a2, e) => {
+var Tm = createSelector(j, O, (a2, e) => {
   for (let t in e) {
     let i = e[t];
     if (si(i) && i.peerId)
       return a2[i.peerId];
   }
 });
-var Sm = createSelector(Uo, (a2) => a2.filter(us));
-var gm = createSelector(ta, (a2) => a2.length);
-var Tm = createSelector(Mi, (a2) => Object.values(a2).filter((e) => !e.read).length);
-var Rt = createSelector(ta, Mi, (a2, e) => {
+var fm = createSelector(Vo, (a2) => a2.filter(hs));
+var vm = createSelector(ra, (a2) => a2.length);
+var Mm = createSelector(Mi, (a2) => Object.values(a2).filter((e) => !e.read).length);
+var Rt = createSelector(ra, Mi, (a2, e) => {
   let t = [];
   return a2.forEach((i) => {
     t.push(e[i]);
   }), t;
 });
-var Fo = createSelector(Rt, (a2) => a2.filter((e) => {
+var Wo = createSelector(Rt, (a2) => a2.filter((e) => {
   var t;
   return !e.recipientPeer && !(e.recipientRoles && ((t = e.recipientRoles) == null ? void 0 : t.length) > 0);
 }));
-var fm = createSelector(Fo, (a2) => a2.filter((e) => !e.read).length);
+var ym = createSelector(Wo, (a2) => a2.filter((e) => !e.read).length);
 var re = createSelector([V], (a2) => a2 && a2.roomState);
-var aa = createSelector(re, (a2) => a2 === "Preview");
-var vm = createSelector(V, (a2) => a2.roomState !== "Disconnected");
-var Mm = createSelector(V, (a2) => !a2.transcriptions || a2.transcriptions.length <= 0 ? false : a2.transcriptions.some((e) => e.mode === "caption" && e.state === "started"));
+var na = createSelector(re, (a2) => a2 === "Preview");
+var km = createSelector(V, (a2) => a2.roomState !== "Disconnected");
+var Em = createSelector(V, (a2) => !a2.transcriptions || a2.transcriptions.length <= 0 ? false : a2.transcriptions.some((e) => e.mode === "caption" && e.state === "started"));
 var ve = (a2) => a2.roles;
-var ym = createSelector([ve], (a2) => Object.keys(a2));
+var Pm = createSelector([ve], (a2) => Object.keys(a2));
 var at = createSelector([ie, ve], (a2, e) => a2 != null && a2.roleName ? e[a2.roleName] : null);
-var Go = (a2) => {
+var $o = (a2) => {
   var e;
   return (e = a2.preview) == null ? void 0 : e.asRole;
 };
-var oa = createSelector([Go, ve], (a2, e) => a2 ? e[a2] : null);
-var km = createSelector([at], (a2) => {
+var ca = createSelector([$o, ve], (a2, e) => a2 ? e[a2] : null);
+var bm = createSelector([at], (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribeParams) != null && e.subscribeToRoles ? a2.subscribeParams.subscribeToRoles.length > 0 : false;
 });
-var na = createSelector(at, (a2) => a2 == null ? void 0 : a2.permissions);
-var Em = createSelector(V, (a2) => a2.recording);
-var Pm = createSelector(V, (a2) => a2.rtmp);
-var bm = createSelector(V, (a2) => a2.hls);
-var Im = createSelector(V, (a2) => a2.transcriptions);
-var Am = createSelector(V, (a2) => a2.sessionId);
-var Rm = createSelector(V, (a2) => a2.startedAt);
-var Hm = createSelector(V, (a2) => !!a2.isLargeRoom);
-var Cm = createSelector(V, (a2) => !!a2.isEffectsEnabled);
-var Lm = createSelector(V, (a2) => !!a2.isVBEnabled);
-var wm = createSelector(V, (a2) => a2.effectsKey);
-var ca = (a2) => a2.polls;
-var Om = createSelector(fe, (a2) => a2.filter((e) => e.isHandRaised));
-var Wo = (a2) => a2.whiteboards;
-var xm = createSelector(Wo, (a2) => Object.values(a2)[0]);
-var la = (a2 = "audio") => (e) => e.playlist[a2].list;
-var qr = (a2 = "audio") => (e) => e.playlist[a2].selection;
-var ua = (a2 = "audio") => (e) => e.playlist[a2].progress;
-var pa = (a2 = "audio") => (e) => e.playlist[a2].currentTime;
-var ha = (a2 = "audio") => (e) => e.playlist[a2].playbackRate;
-var ma = (a2 = "audio") => (e) => e.playlist[a2].volume;
-var Sa = (a2 = "audio") => createSelector(la(a2), (e) => Object.values(e));
-var ga = (a2 = "audio") => createSelector(la(a2), qr(a2), (e, t) => {
+var da = createSelector(at, (a2) => a2 == null ? void 0 : a2.permissions);
+var Am = createSelector(V, (a2) => a2.recording);
+var Im = createSelector(V, (a2) => a2.rtmp);
+var Rm = createSelector(V, (a2) => a2.hls);
+var Hm = createSelector(V, (a2) => a2.transcriptions);
+var Cm = createSelector(V, (a2) => a2.sessionId);
+var Lm = createSelector(V, (a2) => a2.startedAt);
+var wm = createSelector(V, (a2) => !!a2.isLargeRoom);
+var Dm = createSelector(V, (a2) => !!a2.isEffectsEnabled);
+var _m = createSelector(V, (a2) => !!a2.isVBEnabled);
+var Nm = createSelector(V, (a2) => a2.effectsKey);
+var la = (a2) => a2.polls;
+var Bm = createSelector(fe, (a2) => a2.filter((e) => e.isHandRaised));
+var Ko = (a2) => a2.whiteboards;
+var Vm = createSelector(Ko, (a2) => Object.values(a2)[0]);
+var pa = (a2 = "audio") => (e) => e.playlist[a2].list;
+var jr = (a2 = "audio") => (e) => e.playlist[a2].selection;
+var ha = (a2 = "audio") => (e) => e.playlist[a2].progress;
+var ma = (a2 = "audio") => (e) => e.playlist[a2].currentTime;
+var Sa = (a2 = "audio") => (e) => e.playlist[a2].playbackRate;
+var ga = (a2 = "audio") => (e) => e.playlist[a2].volume;
+var Ta = (a2 = "audio") => createSelector(pa(a2), (e) => Object.values(e));
+var fa = (a2 = "audio") => createSelector(pa(a2), jr(a2), (e, t) => {
   if (t.id)
     return e[t.id];
 });
-var Ta = { selection: qr("audio"), progress: ua("audio"), currentTime: pa("audio"), playbackRate: ha("audio"), volume: ma("audio"), list: Sa("audio"), selectedItem: ga("audio") };
-var fa = { selection: qr("video"), progress: ua("video"), currentTime: pa("video"), playbackRate: ha("video"), volume: ma("video"), list: Sa("video"), selectedItem: ga("video") };
+var va = { selection: jr("audio"), progress: ha("audio"), currentTime: ma("audio"), playbackRate: Sa("audio"), volume: ga("audio"), list: Ta("audio"), selectedItem: fa("audio") };
+var Ma = { selection: jr("video"), progress: ha("video"), currentTime: ma("video"), playbackRate: Sa("video"), volume: ga("video"), list: Ta("video"), selectedItem: fa("video") };
 function R(a2) {
   return (e) => (t) => a2(t, e);
 }
@@ -22216,133 +22230,133 @@ var b = class {
   }
 };
 b.level = 0;
-var jr = (a2, e) => e;
+var Jr = (a2, e) => e;
 var Ct = (a2, e) => e;
-var va = (a2, e) => e;
-var $o = (a2, e) => e;
-var Ko = (a2, e) => e;
-var J = createSelector([j, jr], (a2, e) => e ? a2[e] : null);
-var Jr = createSelector([O, Ct], (a2, e) => e ? a2[e] : null);
-var qo = createSelector([O, Ct], (a2, e) => {
+var ya = (a2, e) => e;
+var qo = (a2, e) => e;
+var jo = (a2, e) => e;
+var J = createSelector([j, Jr], (a2, e) => e ? a2[e] : null);
+var Qr = createSelector([O, Ct], (a2, e) => e ? a2[e] : null);
+var Jo = createSelector([O, Ct], (a2, e) => {
   if (!e)
     return null;
   let t = a2[e];
   return (t == null ? void 0 : t.type) === "video" ? t : null;
 });
-var jo = createSelector([O, Ct], (a2, e) => {
+var Qo = createSelector([O, Ct], (a2, e) => {
   if (!e)
     return null;
   let t = a2[e];
   return (t == null ? void 0 : t.type) === "audio" ? t : null;
 });
-var Jo = createSelector([O, Ct], (a2, e) => {
+var zo = createSelector([O, Ct], (a2, e) => {
   if (!e)
     return null;
   let t = a2[e];
   return (t == null ? void 0 : t.type) === "audio" && (t == null ? void 0 : t.source) === "screen" ? t : null;
 });
-var Qo = createSelector([O, Ct], (a2, e) => {
+var Yo = createSelector([O, Ct], (a2, e) => {
   if (!e)
     return null;
   let t = a2[e];
   return (t == null ? void 0 : t.type) === "video" && (t == null ? void 0 : t.source) === "screen" ? t : null;
 });
-var zo = createSelector([ca, Ko], (a2, e) => e ? a2[e] : null);
+var Xo = createSelector([la, jo], (a2, e) => e ? a2[e] : null);
 var Z = R(J);
-var Jm = R(createSelector([Wr, $o], (a2, e) => {
+var Ym = R(createSelector([$r, qo], (a2, e) => {
   if (a2)
     return e ? a2[e] : a2;
 }));
-function Qm(a2) {
+function Xm(a2) {
   return (e) => {
     if (e.sessionStore)
       return a2 ? e.sessionStore[a2] : e.sessionStore;
   };
 }
-var Ym = R(createSelector(J, (a2) => a2 == null ? void 0 : a2.name));
-var Xm = R(createSelector(J, (a2) => a2 == null ? void 0 : a2.type));
-var yi = R(Jr);
-var Ma = R(qo);
-var Zm = R(jo);
-var eS = R(Jo);
-var tS = R(Qo);
-var Yo = R((a2, e) => {
+var eS = R(createSelector(J, (a2) => a2 == null ? void 0 : a2.name));
+var tS = R(createSelector(J, (a2) => a2 == null ? void 0 : a2.type));
+var yi = R(Qr);
+var ka = R(Jo);
+var iS = R(Qo);
+var rS = R(zo);
+var sS = R(Yo);
+var Zo = R((a2, e) => {
   let t = J(a2, e);
   if (t && t.videoTrack && t.videoTrack !== "")
     return a2.tracks[t.videoTrack];
 });
-var Xo = R((a2, e) => {
+var en = R((a2, e) => {
   let t = J(a2, e);
   if (t && t.audioTrack && t.audioTrack !== "")
     return a2.tracks[t.audioTrack];
 });
-var rS = R((a2, e) => {
+var oS = R((a2, e) => {
   let t = J(a2, e);
   return (t == null ? void 0 : t.auxiliaryTracks.map((i) => a2.tracks[i])) || [];
 });
-var ya = (a2, e) => e ? a2.speakers[e] : null;
-var sS = R(createSelector(ya, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
-var Zo = (a2, e) => {
-  let t = Xo(e)(a2);
-  return ya(a2, t == null ? void 0 : t.id);
-};
-var aS = R(createSelector(Zo, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
-var oS = R((a2, e) => {
+var Ea = (a2, e) => e ? a2.speakers[e] : null;
+var nS = R(createSelector(Ea, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+var tn = (a2, e) => {
+  let t = en(e)(a2);
+  return Ea(a2, t == null ? void 0 : t.id);
+};
+var cS = R(createSelector(tn, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+var dS = R((a2, e) => {
   if (e)
     return a2.connectionQualities[e];
 });
-var nS = R((a2, e) => {
+var lS = R((a2, e) => {
   let t = J(a2, e);
   if (t) {
     let i = t == null ? void 0 : t.auxiliaryTracks.find((r) => pt(a2.tracks[r]));
     return i ? a2.tracks[i] : void 0;
   }
 });
-var cS = R(createSelector(O, J, (a2, e) => {
+var uS = R(createSelector(O, J, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
     return mt(r) && ht(r);
   });
   return t ? a2[t] : void 0;
 }));
-var dS = R(createSelector(O, J, (a2, e) => {
+var pS = R(createSelector(O, J, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
     return mt(r) && pt(r);
   });
   return t ? a2[t] : void 0;
 }));
-var lS = R(createSelector(O, J, (a2, e) => {
+var hS = R(createSelector(O, J, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
     return si(r) && pt(r);
   });
   return t ? a2[t] : void 0;
 }));
-var ka = R(createSelector(O, J, (a2, e) => Ue(a2, e)));
-var Ea = (a2) => createSelector(ka(a2), (e) => e.audio);
-var pS = R((a2, e) => {
+var Pa = R(createSelector(O, J, (a2, e) => Ue(a2, e)));
+var ba = (a2) => createSelector(Pa(a2), (e) => e.audio);
+var SS = R((a2, e) => {
   let t = J(a2, e);
   return je(a2, t == null ? void 0 : t.audioTrack);
 });
-var hS = R((a2, e) => {
+var gS = R((a2, e) => {
   let t = J(a2, e);
   return je(a2, t == null ? void 0 : t.videoTrack);
 });
-var Pa = R((a2, e) => {
+var Aa = R((a2, e) => {
   if (e && a2.tracks[e])
     return a2.tracks[e].volume === 0;
 });
-var mS = R((a2, e) => {
+var TS = R((a2, e) => {
   let t = J(a2, e);
-  return Pa(t == null ? void 0 : t.audioTrack)(a2);
+  return Aa(t == null ? void 0 : t.audioTrack)(a2);
 });
-var SS = R((a2, e) => {
-  let t = Ea(e)(a2);
-  return Pa(t == null ? void 0 : t.id)(a2);
+var fS = R((a2, e) => {
+  let t = ba(e)(a2);
+  return Aa(t == null ? void 0 : t.id)(a2);
 });
-var ba = R((a2, e) => {
-  let t = Jr(a2, e);
+var Ia = R((a2, e) => {
+  let t = Qr(a2, e);
   if (t) {
     if (t.type !== "audio") {
       b.w("Please pass audio track here");
@@ -22351,16 +22365,16 @@ var ba = R((a2, e) => {
     return t.volume;
   }
 });
-var gS = R((a2, e) => {
+var vS = R((a2, e) => {
   let t = J(a2, e);
-  return ba(t == null ? void 0 : t.audioTrack)(a2);
+  return Ia(t == null ? void 0 : t.audioTrack)(a2);
 });
-var TS = R((a2, e) => {
-  let t = Ea(e)(a2);
-  return ba(t == null ? void 0 : t.id)(a2);
+var MS = R((a2, e) => {
+  let t = ba(e)(a2);
+  return Ia(t == null ? void 0 : t.id)(a2);
 });
-var fS = R((a2, e) => {
-  let t = Jr(a2, e);
+var yS = R((a2, e) => {
+  let t = Qr(a2, e);
   if (t) {
     if (t.type !== "video") {
       b.w("Please pass video track here");
@@ -22369,50 +22383,50 @@ var fS = R((a2, e) => {
     return t.layer;
   }
 });
-var Ia = createSelector([Rt, Ee, jr], (a2, e, t) => {
+var Ra = createSelector([Rt, Ee, Jr], (a2, e, t) => {
   if (t)
     return a2.filter((i) => {
       var r;
       return !i.recipientPeer && !((r = i.recipientRoles) != null && r.length) || i.sender && ![e, t].includes(i.sender) ? false : [e, t].includes(i.recipientPeer);
     });
 });
-var Aa = createSelector([Rt, va], (a2, e) => {
+var Ha = createSelector([Rt, ya], (a2, e) => {
   if (e)
     return a2.filter((t) => {
       var i, r;
       return (i = t.recipientRoles) != null && i.length ? (r = t.recipientRoles) == null ? void 0 : r.includes(e) : false;
     });
 });
-var en = createSelector(Rt, (a2) => a2.filter((e) => {
+var rn = createSelector(Rt, (a2) => a2.filter((e) => {
   var t;
   return !e.recipientPeer && !((t = e.recipientRoles) != null && t.length);
 }));
-var tn = createSelector([Aa, va], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-var rn = createSelector([Ia, jr], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-var vS = createSelector(en, (a2) => a2.filter((e) => !e.read).length);
-var MS = R(Ia);
-var yS = R(Aa);
-var kS = R(tn);
-var ES = R(rn);
-var Ra = R(zo);
-var NS = createSelector([j, O], (a2, e) => Object.values(a2).map((i) => {
+var sn = createSelector([Ha, ya], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
+var an = createSelector([Ra, Jr], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
+var kS = createSelector(rn, (a2) => a2.filter((e) => !e.read).length);
+var ES = R(Ra);
+var PS = R(Ha);
+var bS = R(sn);
+var AS = R(an);
+var Ca = R(Xo);
+var US = createSelector([j, O], (a2, e) => Object.values(a2).map((i) => {
   var r;
   return { peer: i, isAudioEnabled: i.audioTrack ? (r = e[i.audioTrack]) == null ? void 0 : r.enabled : false };
 }));
-var sn = (a2) => a2.roleChangeRequests[0] || null;
-var OS = createSelector([sn, j, ve], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
-var xS = createSelector([at], (a2) => St(a2));
-var US = createSelector([oa], (a2) => St(a2));
-var on = createSelector([X, O], (a2, e) => {
+var on = (a2) => a2.roleChangeRequests[0] || null;
+var BS = createSelector([on, j, ve], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
+var VS = createSelector([at], (a2) => St(a2));
+var FS = createSelector([ca], (a2) => St(a2));
+var cn = createSelector([X, O], (a2, e) => {
   let t = null;
   return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
 });
-var nn = createSelector([ne, O], (a2, e) => {
+var dn = createSelector([ne, O], (a2, e) => {
   let t = null;
   return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
 });
-var ln = ((n) => (n[n.STARTING = 0] = "STARTING", n[n.INIT_FETCHED = 1] = "INIT_FETCHED", n[n.SIGNAL_CONNECTED = 2] = "SIGNAL_CONNECTED", n[n.ICE_ESTABLISHED = 3] = "ICE_ESTABLISHED", n[n.MEDIA_CAPTURED = 4] = "MEDIA_CAPTURED", n[n.MEDIA_PUBLISHED = 5] = "MEDIA_PUBLISHED", n[n.COMPLETED = 6] = "COMPLETED", n))(ln || {});
-var Zr = class {
+var pn = ((n) => (n[n.STARTING = 0] = "STARTING", n[n.INIT_FETCHED = 1] = "INIT_FETCHED", n[n.SIGNAL_CONNECTED = 2] = "SIGNAL_CONNECTED", n[n.ICE_ESTABLISHED = 3] = "ICE_ESTABLISHED", n[n.MEDIA_CAPTURED = 4] = "MEDIA_CAPTURED", n[n.MEDIA_PUBLISHED = 5] = "MEDIA_PUBLISHED", n[n.COMPLETED = 6] = "COMPLETED", n))(pn || {});
+var es = class {
   constructor() {
     this.TAG = "[HTTPAnalyticsTransport]";
     this.failedEvents = new me("client-events");
@@ -22431,7 +22445,7 @@ var Zr = 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" ? Ks : qs;
+    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" ? js : Js;
     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);
@@ -22457,7 +22471,7 @@ var Zr = class {
     i > -1 && (t.splice(i, 1), this.failedEvents.set(t));
   }
 };
-var be = new Zr();
+var be = new es();
 var Vt = class {
   static handleError(e) {
     if (e.status === 404)
@@ -22475,7 +22489,7 @@ var Vt = class {
           this.handleError(d);
           return;
         } catch (u) {
-          throw l.e(this.TAG, "error", u.message, d.status), u instanceof f ? u : S.APIErrors.ServerErrors(d.status, "FEEDBACK", u.message);
+          throw l.e(this.TAG, "error", u.message, d.status), u instanceof v ? u : S.APIErrors.ServerErrors(d.status, "FEEDBACK", u.message);
         }
       } catch (d) {
         let u = d;
@@ -22485,65 +22499,66 @@ var Vt = class {
   }
 };
 Vt.TAG = "[FeedbackService]";
+var ts = ((f) => (f.FLAG_SERVER_SUB_DEGRADATION = "subscribeDegradation", f.FLAG_SERVER_SIMULCAST = "simulcast", f.FLAG_NON_WEBRTC_DISABLE_OFFER = "nonWebRTCDisableOffer", f.FLAG_PUBLISH_STATS = "publishStats", f.FLAG_SUBSCRIBE_STATS = "subscribeStats", f.FLAG_ON_DEMAND_TRACKS = "onDemandTracks", f.FLAG_DISABLE_VIDEO_TRACK_AUTO_UNSUBSCRIBE = "disableVideoTrackAutoUnsubscribe", f.FLAG_WHITEBOARD_ENABLED = "whiteboardEnabled", f.FLAG_EFFECTS_SDK_ENABLED = "effectsSDKEnabled", f.FLAG_VB_ENABLED = "vb", f.FLAG_HIPAA_ENABLED = "hipaa", f.FLAG_NOISE_CANCELLATION = "noiseCancellation", f.FLAG_SCALE_SCREENSHARE_BASED_ON_PIXELS = "scaleScreenshareBasedOnPixels", f.FLAG_DISABLE_NONE_LAYER_REQUEST = "disableNoneLayerRequest", f))(ts || {});
 var Q = ((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))(Q || {});
 var sr = ((n) => (n.Disconnected = "Disconnected", n.Connecting = "Connecting", n.Joined = "Joined", n.Preview = "Preview", n.Failed = "Failed", n.Reconnecting = "Reconnecting", n.Leaving = "Leaving", n))(sr || {});
 var lt = ((t) => (t[t.Publish = 0] = "Publish", t[t.Subscribe = 1] = "Subscribe", t))(lt || {});
-var Cn = (a2) => a2.localPeer.id;
-var Ln = (a2) => a2.localPeer.audioTrack;
-var wn = (a2) => a2.localPeer.videoTrack;
-var Dn = (a2, e) => e;
-var Ya = (a2, e) => e;
-var _n = (a2) => a2.remoteTrackStats;
-var Xa = (a2) => a2.peerStats;
-var rs = (a2) => a2.localTrackStats;
-var Ae = createSelector([Xa, Cn], (a2, e) => a2[e]);
-var Nn = createSelector(Ae, (a2) => {
+var wn = (a2) => a2.localPeer.id;
+var Dn = (a2) => a2.localPeer.audioTrack;
+var _n = (a2) => a2.localPeer.videoTrack;
+var Nn = (a2, e) => e;
+var Za = (a2, e) => e;
+var On = (a2) => a2.remoteTrackStats;
+var eo = (a2) => a2.peerStats;
+var as = (a2) => a2.localTrackStats;
+var Ie = createSelector([eo, wn], (a2, e) => a2[e]);
+var xn = createSelector(Ie, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.packetsLost;
 });
-var On = createSelector(Ae, (a2) => {
+var Un = createSelector(Ie, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.jitter;
 });
-var xn = createSelector(Ae, (a2) => {
+var Bn = createSelector(Ie, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bitrate;
 });
-var Un = createSelector(Ae, (a2) => {
+var Vn = createSelector(Ie, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bitrate;
 });
-var Bn = createSelector(Ae, (a2) => {
+var Fn = createSelector(Ie, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.availableOutgoingBitrate;
 });
-var Vn = createSelector(Ae, (a2) => {
+var Gn = createSelector(Ie, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.availableIncomingBitrate;
 });
-var Fn = createSelector(Ae, (a2) => {
+var Wn = createSelector(Ie, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bytesSent;
 });
-var Gn = createSelector(Ae, (a2) => {
+var $n = createSelector(Ie, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bytesReceived;
 });
-var Wn = createSelector([Xa, Dn], (a2, e) => e ? a2[e] : void 0);
-var $n = createSelector([_n, Ya], (a2, e) => e ? a2[e] : void 0);
-var ss = createSelector([rs, Ya], (a2, e) => e ? a2[e] : void 0);
-var Kn = R(Wn);
-var qn = R($n);
-var jn = createSelector([rs, Ln], (a2, e) => {
+var Kn = createSelector([eo, Nn], (a2, e) => e ? a2[e] : void 0);
+var qn = createSelector([On, Za], (a2, e) => e ? a2[e] : void 0);
+var os = createSelector([as, Za], (a2, e) => e ? a2[e] : void 0);
+var jn = R(Kn);
+var Jn = R(qn);
+var Qn = createSelector([as, Dn], (a2, e) => {
   var t;
   return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
 });
-var Jn = R(createSelector(ss, (a2) => a2 == null ? void 0 : a2[0]));
-var Qn = createSelector([rs, wn], (a2, e) => {
+var zn = R(createSelector(os, (a2) => a2 == null ? void 0 : a2[0]));
+var Yn = createSelector([as, _n], (a2, e) => {
   var t;
   return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
 });
-var zn = R(createSelector(ss, (a2) => a2));
+var Xn = R(createSelector(os, (a2) => a2));
 
 // src/Prebuilt/components/Header/StreamActions.tsx
 import {
@@ -22553,7 +22568,7 @@ import {
   selectPermissions as selectPermissions8,
   selectRecordingState as selectRecordingState2,
   selectRoomState as selectRoomState4,
-  useHMSActions as useHMSActions24,
+  useHMSActions as useHMSActions25,
   useHMSStore as useHMSStore29,
   useRecordingStreaming as useRecordingStreaming6
 } from "@100mslive/react-sdk";
@@ -22662,7 +22677,7 @@ var RecordingStatus = () => {
 };
 var RecordingPauseStatus = () => {
   const recording = useHMSStore29(selectRecordingState2);
-  if (recording.hls && recording.hls.state === ws.PAUSED) {
+  if (recording.hls && recording.hls.state === _s.PAUSED) {
     return /* @__PURE__ */ React64.createElement(
       Tooltip,
       {
@@ -22692,7 +22707,7 @@ var StartRecording2 = () => {
   const [open, setOpen] = useState28(false);
   const { startRecording, recordingStarted } = useRecordingHandler();
   const { isBrowserRecordingOn, isStreamingOn, isHLSRunning } = useRecordingStreaming6();
-  const hmsActions = useHMSActions24();
+  const hmsActions = useHMSActions25();
   if (!(permissions == null ? void 0 : permissions.browserRecording) || isHLSRunning) {
     return null;
   }
@@ -22762,7 +22777,7 @@ var StopRecordingInSheet = ({
 init_define_process_env();
 import React66, { useState as useState29 } from "react";
 import { useMedia as useMedia12 } from "react-use";
-import { selectLocalPeerName as selectLocalPeerName3, useHMSActions as useHMSActions25, useHMSStore as useHMSStore30 } from "@100mslive/react-sdk";
+import { selectLocalPeerName as selectLocalPeerName3, useHMSActions as useHMSActions26, useHMSStore as useHMSStore30 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/MoreSettings/ChangeNameContent.tsx
 init_define_process_env();
@@ -22887,7 +22902,7 @@ var ChangeNameModal = ({
   openParentSheet = void 0
 }) => {
   const [previewPreference, setPreviewPreference] = useUserPreferences(UserPreferencesKeys.PREVIEW);
-  const hmsActions = useHMSActions25();
+  const hmsActions = useHMSActions26();
   const localPeerName = useHMSStore30(selectLocalPeerName3);
   const [currentName, setCurrentName] = useState29(localPeerName);
   const isMobile = useMedia12(config.media.md);
@@ -22929,7 +22944,7 @@ var ChangeNameModal = ({
 // src/Prebuilt/components/AppData/useSheet.ts
 init_define_process_env();
 import { useCallback as useCallback23 } from "react";
-import { selectAppData as selectAppData4, useHMSActions as useHMSActions26, useHMSStore as useHMSStore31, useHMSVanillaStore as useHMSVanillaStore10 } from "@100mslive/react-sdk";
+import { selectAppData as selectAppData4, useHMSActions as useHMSActions27, useHMSStore as useHMSStore31, useHMSVanillaStore as useHMSVanillaStore10 } from "@100mslive/react-sdk";
 var useIsSheetTypeOpen = (sheetType) => {
   if (!sheetType) {
     throw Error("Pass one of the sheet options");
@@ -22937,7 +22952,7 @@ var useIsSheetTypeOpen = (sheetType) => {
   return useHMSStore31(selectAppData4(APP_DATA.sheet)) === sheetType;
 };
 var useSheetToggle = (sheetType) => {
-  const hmsActions = useHMSActions26();
+  const hmsActions = useHMSActions27();
   const vanillaStore = useHMSVanillaStore10();
   const toggleSheet = useCallback23(() => {
     const isOpen = vanillaStore.getState(selectAppData4(APP_DATA.sheet)) === sheetType;
@@ -22980,7 +22995,7 @@ var MwebOptions = ({
   elements,
   screenType
 }) => {
-  const hmsActions = useHMSActions27();
+  const hmsActions = useHMSActions28();
   const permissions = useHMSStore33(selectPermissions9);
   const isConnected = useHMSStore33(selectIsConnectedToRoom7);
   const { isBrowserRecordingOn, isStreamingOn, isHLSRunning } = useRecordingStreaming7();
@@ -23765,7 +23780,7 @@ import {
   selectIsLocalVideoEnabled as selectIsLocalVideoEnabled5,
   selectIsVBEnabled,
   useAVToggle as useAVToggle3,
-  useHMSActions as useHMSActions28,
+  useHMSActions as useHMSActions29,
   useHMSStore as useHMSStore35
 } from "@100mslive/react-sdk";
 import { VirtualBackgroundIcon as VirtualBackgroundIcon2 } from "@100mslive/react-icons";
@@ -23776,7 +23791,7 @@ var VBToggle = () => {
   const isVBEnabled = useHMSStore35(selectIsVBEnabled);
   const isEffectsEnabled = useHMSStore35(selectIsEffectsEnabled);
   const loadingEffects = useHMSStore35(selectAppData5(APP_DATA.loadingEffects));
-  const hmsActions = useHMSActions28();
+  const hmsActions = useHMSActions29();
   const { toggleVideo } = useAVToggle3();
   useEffect25(() => {
     var _a7;
@@ -23983,13 +23998,13 @@ var ConnectionIndicator = ({
 // src/Prebuilt/components/RemoveParticipant.tsx
 init_define_process_env();
 import React80 from "react";
-import { selectLocalPeerID as selectLocalPeerID7, selectPermissions as selectPermissions10, useHMSActions as useHMSActions29, useHMSStore as useHMSStore38 } from "@100mslive/react-sdk";
+import { selectLocalPeerID as selectLocalPeerID7, selectPermissions as selectPermissions10, useHMSActions as useHMSActions30, useHMSStore as useHMSStore38 } from "@100mslive/react-sdk";
 import { PeopleRemoveIcon as PeopleRemoveIcon3 } from "@100mslive/react-icons";
 var RemoveParticipant = ({ peerId }) => {
   var _a7;
   const canRemoveOthers = (_a7 = useHMSStore38(selectPermissions10)) == null ? void 0 : _a7.removeOthers;
   const localPeerId = useHMSStore38(selectLocalPeerID7);
-  const actions = useHMSActions29();
+  const actions = useHMSActions30();
   if (peerId === localPeerId || !canRemoveOthers) {
     return null;
   }
@@ -24027,7 +24042,7 @@ import {
   selectPermissions as selectPermissions11,
   selectRoleByRoleName,
   selectTracksMap as selectTracksMap3,
-  useHMSActions as useHMSActions30,
+  useHMSActions as useHMSActions31,
   useHMSStore as useHMSStore39
 } from "@100mslive/react-sdk";
 import {
@@ -24084,7 +24099,7 @@ var DropdownWrapper = ({ children }) => {
 };
 var RoleOptions = ({ roleName, peerList }) => {
   const permissions = useHMSStore39(selectPermissions11);
-  const hmsActions = useHMSActions30();
+  const hmsActions = useHMSActions31();
   const { elements } = useRoomLayoutConferencingScreen();
   const { on_stage_role, off_stage_roles = [] } = (elements == null ? void 0 : elements.on_stage_exp) || {};
   const canRemoveRoleFromStage = (permissions == null ? void 0 : permissions.changeRole) && roleName === on_stage_role;
@@ -24166,10 +24181,10 @@ var RoleOptions = ({ roleName, peerList }) => {
 // src/Prebuilt/components/hooks/useGroupOnStageActions.tsx
 init_define_process_env();
 import { match as match8, P as P5 } from "ts-pattern";
-import { selectPermissions as selectPermissions12, useHMSActions as useHMSActions31, useHMSStore as useHMSStore40 } from "@100mslive/react-sdk";
+import { selectPermissions as selectPermissions12, useHMSActions as useHMSActions32, useHMSStore as useHMSStore40 } from "@100mslive/react-sdk";
 var useGroupOnStageActions = ({ peers }) => {
   var _a7;
-  const hmsActions = useHMSActions31();
+  const hmsActions = useHMSActions32();
   const { elements } = useRoomLayoutConferencingScreen();
   const {
     bring_to_stage_label,
@@ -24361,10 +24376,10 @@ var useSidepaneResetOnLayoutUpdate = (layoutKey, sidepaneOption) => {
 // src/Prebuilt/components/hooks/usePeerOnStageActions.tsx
 init_define_process_env();
 import { useState as useState35 } from "react";
-import { selectPeerMetadata as selectPeerMetadata3, selectPermissions as selectPermissions13, useHMSActions as useHMSActions32, useHMSStore as useHMSStore43 } from "@100mslive/react-sdk";
+import { selectPeerMetadata as selectPeerMetadata3, selectPermissions as selectPermissions13, useHMSActions as useHMSActions33, useHMSStore as useHMSStore43 } from "@100mslive/react-sdk";
 var usePeerOnStageActions = ({ peerId, role }) => {
   var _a7, _b7;
-  const hmsActions = useHMSActions32();
+  const hmsActions = useHMSActions33();
   const { elements } = useRoomLayoutConferencingScreen();
   const {
     bring_to_stage_label,
@@ -24878,11 +24893,11 @@ var Footer2 = ({
 // src/Prebuilt/components/Notifications/HLSFailureModal.tsx
 init_define_process_env();
 import React87, { useCallback as useCallback25, useState as useState37 } from "react";
-import { selectHLSState as selectHLSState5, useHMSActions as useHMSActions33, useHMSStore as useHMSStore46, useRecordingStreaming as useRecordingStreaming8 } from "@100mslive/react-sdk";
+import { selectHLSState as selectHLSState5, useHMSActions as useHMSActions34, useHMSStore as useHMSStore46, useRecordingStreaming as useRecordingStreaming8 } from "@100mslive/react-sdk";
 function HLSFailureModal() {
   const hlsError = useHMSStore46(selectHLSState5).error || false;
   const [openModal, setOpenModal] = useState37(!!hlsError);
-  const hmsActions = useHMSActions33();
+  const hmsActions = useHMSActions34();
   const { isRTMPRunning } = useRecordingStreaming8();
   const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
   const startHLS = useCallback25(() => __async(this, null, function* () {
@@ -24932,7 +24947,7 @@ import {
   selectLocalPeerRoleName as selectLocalPeerRoleName4,
   selectRoleChangeRequest,
   useCustomEvent as useCustomEvent3,
-  useHMSActions as useHMSActions46,
+  useHMSActions as useHMSActions47,
   useHMSStore as useHMSStore72
 } from "@100mslive/react-sdk";
 
@@ -24975,7 +24990,7 @@ import {
   selectLocalPeerRoleName as selectLocalPeerRoleName2,
   selectPermissions as selectPermissions16,
   selectPolls as selectPolls2,
-  useHMSActions as useHMSActions34,
+  useHMSActions as useHMSActions35,
   useHMSStore as useHMSStore48
 } from "@100mslive/react-sdk";
 import { QuestionIcon, StatsIcon } from "@100mslive/react-icons";
@@ -25124,7 +25139,7 @@ function InteractionSelectionCard({
   );
 }
 var AddMenu = () => {
-  const actions = useHMSActions34();
+  const actions = useHMSActions35();
   const [title, setTitle] = useState38("");
   const localPeerRoleName = useHMSStore48(selectLocalPeerRoleName2);
   const [hideVoteCount, setHideVoteCount] = useState38(false);
@@ -25207,7 +25222,7 @@ var AddMenu = () => {
   ), /* @__PURE__ */ React90.createElement(ErrorText, { error: error || titleError })));
 };
 var PrevMenu = () => {
-  const hmsActions = useHMSActions34();
+  const hmsActions = useHMSActions35();
   const polls = useHMSStore48(selectPolls2);
   const sortedPolls = useMemo9(
     () => {
@@ -25257,7 +25272,7 @@ var InteractionCard = ({ id, title, status }) => {
 init_define_process_env();
 import React100, { useMemo as useMemo11, useState as useState40 } from "react";
 import { v4 as uuid2 } from "uuid";
-import { selectPollByID, useHMSActions as useHMSActions35, useHMSStore as useHMSStore49, useRecordingStreaming as useRecordingStreaming9 } from "@100mslive/react-sdk";
+import { selectPollByID, useHMSActions as useHMSActions36, useHMSStore as useHMSStore49, useRecordingStreaming as useRecordingStreaming9 } from "@100mslive/react-sdk";
 import { AddCircleIcon as AddCircleIcon2 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Polls/CreateQuestions/QuestionForm.tsx
@@ -25794,7 +25809,7 @@ var getEditableFormat = (questions) => {
 };
 function CreateQuestions() {
   var _a7, _b7, _c, _d;
-  const actions = useHMSActions35();
+  const actions = useHMSActions36();
   const { isHLSRunning } = useRecordingStreaming9();
   const togglePollView = usePollViewToggle();
   const { pollInView: id, setPollView } = usePollViewState();
@@ -25983,11 +25998,11 @@ init_define_process_env();
 import { useEffect as useEffect31, useState as useState41 } from "react";
 import {
   selectPollByID as selectPollByID2,
-  useHMSActions as useHMSActions36,
+  useHMSActions as useHMSActions37,
   useHMSStore as useHMSStore50
 } from "@100mslive/react-sdk";
 var useQuizSummary = (quizID) => {
-  const hmsActions = useHMSActions36();
+  const hmsActions = useHMSActions37();
   const quiz = useHMSStore50(selectPollByID2(quizID));
   const [quizLeaderboard, setQuizLeaderboard] = useState41();
   const summary = (quizLeaderboard == null ? void 0 : quizLeaderboard.summary) || {
@@ -26144,7 +26159,7 @@ import {
   selectPeerNameByID as selectPeerNameByID4,
   selectPermissions as selectPermissions17,
   selectPollByID as selectPollByID4,
-  useHMSActions as useHMSActions38,
+  useHMSActions as useHMSActions39,
   useHMSStore as useHMSStore54
 } from "@100mslive/react-sdk";
 import { ChevronLeftIcon as ChevronLeftIcon5, CrossIcon as CrossIcon19 } from "@100mslive/react-icons";
@@ -26157,7 +26172,7 @@ import React106 from "react";
 init_define_process_env();
 import React105, { useCallback as useCallback27, useEffect as useEffect32, useMemo as useMemo12, useRef as useRef22, useState as useState43 } from "react";
 import { match as match9 } from "ts-pattern";
-import { selectLocalPeer as selectLocalPeer3, selectLocalPeerRoleName as selectLocalPeerRoleName3, useHMSActions as useHMSActions37, useHMSStore as useHMSStore53 } from "@100mslive/react-sdk";
+import { selectLocalPeer as selectLocalPeer3, selectLocalPeerRoleName as selectLocalPeerRoleName3, useHMSActions as useHMSActions38, useHMSStore as useHMSStore53 } from "@100mslive/react-sdk";
 import { CheckCircleIcon as CheckCircleIcon5, ChevronDownIcon as ChevronDownIcon4, CrossCircleIcon as CrossCircleIcon2 } from "@100mslive/react-icons";
 var QuestionCard2 = ({
   pollID,
@@ -26175,7 +26190,7 @@ var QuestionCard2 = ({
   updateSavedResponses,
   rolesThatCanViewResponses
 }) => {
-  const actions = useHMSActions37();
+  const actions = useHMSActions38();
   const localPeer = useHMSStore53(selectLocalPeer3);
   const isLocalPeerCreator = (localPeer == null ? void 0 : localPeer.id) === startedBy;
   const localPeerRoleName = useHMSStore53(selectLocalPeerRoleName3);
@@ -26406,7 +26421,7 @@ var TimedView = ({
 
 // src/Prebuilt/components/Polls/Voting/Voting.tsx
 var Voting = ({ id, toggleVoting }) => {
-  const actions = useHMSActions38();
+  const actions = useHMSActions39();
   const poll = useHMSStore54(selectPollByID4(id));
   const pollCreatorName = useHMSStore54(selectPeerNameByID4(poll == null ? void 0 : poll.createdBy));
   const permissions = useHMSStore54(selectPermissions17);
@@ -26638,7 +26653,7 @@ init_define_process_env();
 import React121, { useCallback as useCallback31, useRef as useRef26 } from "react";
 import { useMedia as useMedia20 } from "react-use";
 import { match as match10 } from "ts-pattern";
-import { selectHMSMessagesCount, useHMSActions as useHMSActions42, useHMSStore as useHMSStore61, useHMSVanillaStore as useHMSVanillaStore11 } from "@100mslive/react-sdk";
+import { selectHMSMessagesCount, useHMSActions as useHMSActions43, useHMSStore as useHMSStore61, useHMSVanillaStore as useHMSVanillaStore11 } from "@100mslive/react-sdk";
 import { ChevronDownIcon as ChevronDownIcon7 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/ChatFooter.tsx
@@ -26647,7 +26662,7 @@ import React116, { useCallback as useCallback29, useEffect as useEffect38, useRe
 import { useMedia as useMedia18 } from "react-use";
 import data2 from "@emoji-mart/data";
 import Picker from "@emoji-mart/react";
-import { selectLocalPeer as selectLocalPeer5, useHMSActions as useHMSActions40, useHMSStore as useHMSStore58 } from "@100mslive/react-sdk";
+import { selectLocalPeer as selectLocalPeer5, useHMSActions as useHMSActions41, useHMSStore as useHMSStore58 } from "@100mslive/react-sdk";
 import { EmojiIcon as EmojiIcon3, PauseCircleIcon as PauseCircleIcon2, SendIcon as SendIcon2, VerticalMenuIcon as VerticalMenuIcon7 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/ChatSelectorContainer.tsx
@@ -26948,9 +26963,9 @@ var ChatSelectorContainer = () => {
 // src/Prebuilt/components/AppData/useChatState.js
 init_define_process_env();
 import { useCallback as useCallback28 } from "react";
-import { selectAppData as selectAppData7, useHMSActions as useHMSActions39, useHMSStore as useHMSStore57 } from "@100mslive/react-sdk";
+import { selectAppData as selectAppData7, useHMSActions as useHMSActions40, useHMSStore as useHMSStore57 } from "@100mslive/react-sdk";
 var useChatDraftMessage = () => {
-  const hmsActions = useHMSActions39();
+  const hmsActions = useHMSActions40();
   let chatDraftMessage = useHMSStore57(selectAppData7(APP_DATA.chatDraft));
   if (chatDraftMessage === void 0 || chatDraftMessage === null) {
     chatDraftMessage = "";
@@ -27044,7 +27059,7 @@ function EmojiPicker({ onSelect }) {
 }
 var ChatFooter = ({ onSend, children }) => {
   var _a7, _b7, _c, _d, _e;
-  const hmsActions = useHMSActions40();
+  const hmsActions = useHMSActions41();
   const inputRef = useRef25(null);
   const [draftMessage, setDraftMessage] = useChatDraftMessage();
   const isMobile = useMedia18(config.media.md);
@@ -27253,10 +27268,10 @@ var ChatFooter = ({ onSend, children }) => {
 // src/Prebuilt/components/Chat/ChatStates.tsx
 init_define_process_env();
 import React117, { useCallback as useCallback30 } from "react";
-import { selectLocalPeer as selectLocalPeer6, selectSessionStore as selectSessionStore7, useHMSActions as useHMSActions41, useHMSStore as useHMSStore59 } from "@100mslive/react-sdk";
+import { selectLocalPeer as selectLocalPeer6, selectSessionStore as selectSessionStore7, useHMSActions as useHMSActions42, useHMSStore as useHMSStore59 } from "@100mslive/react-sdk";
 var ChatPaused = () => {
   var _a7, _b7;
-  const hmsActions = useHMSActions41();
+  const hmsActions = useHMSActions42();
   const { elements } = useRoomLayoutConferencingScreen();
   const can_disable_chat = !!((_b7 = (_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.real_time_controls) == null ? void 0 : _b7.can_disable_chat);
   const { enabled: isChatEnabled = true, updatedBy: chatStateUpdatedBy = "" } = useHMSStore59(selectSessionStore7("chatState" /* CHAT_STATE */)) || {};
@@ -27485,9 +27500,9 @@ var Chat = () => {
   var _a7, _b7;
   const { elements, screenType } = useRoomLayoutConferencingScreen();
   const listRef = useRef26(null);
-  const hmsActions = useHMSActions42();
+  const hmsActions = useHMSActions43();
   const vanillaStore = useHMSVanillaStore11();
-  const { enabled: isChatEnabled = true } = useHMSStore61(Qm("chatState" /* CHAT_STATE */)) || {};
+  const { enabled: isChatEnabled = true } = useHMSStore61(Xm("chatState" /* CHAT_STATE */)) || {};
   const isMobile = useMedia20(config.media.md);
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeStream = useLandscapeHLSStream();
@@ -27577,7 +27592,7 @@ var NewMessageIndicator = ({
   scrollToBottom,
   listRef
 }) => {
-  const unreadCount = useHMSStore61(Tm);
+  const unreadCount = useHMSStore61(Mm);
   if (!unreadCount || !listRef.current) {
     return null;
   }
@@ -27705,11 +27720,11 @@ var PaginatedParticipants = ({ roleName, onBack }) => {
 // src/Prebuilt/components/ChatSettings.tsx
 init_define_process_env();
 import React123 from "react";
-import { selectLocalPeer as selectLocalPeer7, selectSessionStore as selectSessionStore9, useHMSActions as useHMSActions43, useHMSStore as useHMSStore63 } from "@100mslive/react-sdk";
+import { selectLocalPeer as selectLocalPeer7, selectSessionStore as selectSessionStore9, useHMSActions as useHMSActions44, useHMSStore as useHMSStore63 } from "@100mslive/react-sdk";
 import { PauseCircleIcon as PauseCircleIcon3, SettingsIcon as SettingsIcon5 } from "@100mslive/react-icons";
 var ChatSettings = () => {
   var _a7, _b7;
-  const hmsActions = useHMSActions43();
+  const hmsActions = useHMSActions44();
   const localPeer = useHMSStore63(selectLocalPeer7);
   const { elements } = useRoomLayoutConferencingScreen();
   const canPauseChat = !!((_b7 = (_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.real_time_controls) == null ? void 0 : _b7.can_disable_chat);
@@ -28023,7 +28038,7 @@ import {
   selectSessionStore as selectSessionStore11,
   selectTrackByID as selectTrackByID2,
   useCustomEvent as useCustomEvent2,
-  useHMSActions as useHMSActions44,
+  useHMSActions as useHMSActions45,
   useHMSStore as useHMSStore66,
   useRemoteAVToggle
 } from "@100mslive/react-sdk";
@@ -28061,7 +28076,7 @@ var SpotlightActions = ({
     return;
   }
 }) => {
-  const hmsActions = useHMSActions44();
+  const hmsActions = useHMSActions45();
   const spotlightPeerId = useHMSStore66(selectSessionStore11("spotlight" /* SPOTLIGHT */));
   const isTileSpotlighted = spotlightPeerId === peerId;
   const dragClassName = getDragClassName();
@@ -28111,7 +28126,7 @@ var MinimiseInset = () => {
 var SimulcastLayers = ({ trackId }) => {
   var _a7;
   const track = useHMSStore66(selectTrackByID2(trackId));
-  const actions = useHMSActions44();
+  const actions = useHMSActions45();
   const bg = useDropdownSelection();
   if (!((_a7 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _a7.length) || track.degraded || !track.enabled) {
     return null;
@@ -28196,7 +28211,7 @@ var TileMenuContent = ({
     return;
   }
 }) => {
-  const actions = useHMSActions44();
+  const actions = useHMSActions45();
   const dragClassName = getDragClassName();
   const permissions = useHMSStore66(selectPermissions18);
   const canChangeRole = !!(permissions == null ? void 0 : permissions.changeRole);
@@ -28506,7 +28521,7 @@ import {
   selectLocalPeer as selectLocalPeer8,
   selectRoomState as selectRoomState5,
   selectVideoTrackByID as selectVideoTrackByID4,
-  useHMSActions as useHMSActions45,
+  useHMSActions as useHMSActions46,
   useHMSStore as useHMSStore69
 } from "@100mslive/react-sdk";
 import { BlurPersonHighIcon, CrossCircleIcon as CrossCircleIcon3, CrossIcon as CrossIcon25 } from "@100mslive/react-icons";
@@ -28537,7 +28552,9 @@ var Root25 = ({
       bg: "$surface_bright",
       border: `4px solid ${isActive ? "$primary_default" : "$surface_dim"}`,
       cursor: "pointer",
-      "&:hover": { border: "4px solid $primary_dim" }
+      "@media (hover:hover)": {
+        "&:hover": { border: "4px solid $primary_dim" }
+      }
     }, mediaURL ? { height: "$20", backgroundImage: `url("${mediaURL}")`, backgroundSize: "cover" } : {}),
     onClick: () => __async(void 0, null, function* () {
       yield onClick == null ? void 0 : onClick();
@@ -28586,7 +28603,7 @@ var iconDims = { height: "40px", width: "40px" };
 var VBPicker = ({ backgroundMedia = [] }) => {
   var _a7, _b7;
   const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
-  const hmsActions = useHMSActions45();
+  const hmsActions = useHMSActions46();
   const localPeer = useHMSStore69(selectLocalPeer8);
   const role = useHMSStore69(at);
   const isVideoOn = useHMSStore69(selectIsLocalVideoEnabled6);
@@ -28597,12 +28614,12 @@ var VBPicker = ({ backgroundMedia = [] }) => {
   const roomState = useHMSStore69(selectRoomState5);
   const isLargeRoom = useHMSStore69(selectIsLargeRoom3);
   const isEffectsSupported = VBHandler.isEffectsSupported();
-  const isEffectsEnabled = useHMSStore69(Cm);
-  const effectsKey = useHMSStore69(wm);
+  const isEffectsEnabled = useHMSStore69(Dm);
+  const effectsKey = useHMSStore69(Nm);
   const isMobile = useMedia24(config.media.md);
   const [loadingEffects, setLoadingEffects] = useSetAppDataByKey(APP_DATA.loadingEffects);
   const isPluginAdded = useHMSStore69(selectIsLocalVideoPluginPresent(((_a7 = VBHandler) == null ? void 0 : _a7.getName()) || ""));
-  const background = useHMSStore69(Jm(APP_DATA.background));
+  const background = useHMSStore69(Ym(APP_DATA.background));
   const mediaList = backgroundMedia.map((media) => media.url || "");
   const pluginLoadingRef = useRef27(false);
   const isBlurSupported = (_b7 = VBHandler) == null ? void 0 : _b7.isBlurSupported();
@@ -28715,6 +28732,9 @@ var VBPicker = ({ backgroundMedia = [] }) => {
             onClick: () => __async(void 0, null, function* () {
               yield VBHandler.removeEffects();
               hmsActions.setAppData(APP_DATA.background, HMSVirtualBackgroundTypes4.NONE);
+              if (isMobile) {
+                toggleVB();
+              }
             }),
             supported: true
           },
@@ -28758,6 +28778,9 @@ var VBPicker = ({ backgroundMedia = [] }) => {
             var _a8;
             yield (_a8 = VBHandler) == null ? void 0 : _a8.setBackground(mediaURL);
             hmsActions.setAppData(APP_DATA.background, mediaURL);
+            if (isMobile) {
+              toggleVB();
+            }
           }),
           supported: true
         })),
@@ -29266,7 +29289,7 @@ var RequestActions = ({
 
 // src/Prebuilt/components/RoleChangeRequest/RoleChangeRequestModal.tsx
 var RoleChangeRequestModal = () => {
-  const hmsActions = useHMSActions46();
+  const hmsActions = useHMSActions47();
   const { updateMetaData } = useMyMetadata();
   const isPreview = useHMSStore72(selectIsInPreview);
   const currentRole = useHMSStore72(selectLocalPeerRoleName4);
@@ -29346,7 +29369,7 @@ import {
   selectIsConnectedToRoom as selectIsConnectedToRoom9,
   selectIsLocalScreenShared as selectIsLocalScreenShared2,
   selectLocalPeerRoleName as selectLocalPeerRoleName6,
-  useHMSActions as useHMSActions48,
+  useHMSActions as useHMSActions49,
   useHMSStore as useHMSStore83
 } from "@100mslive/react-sdk";
 import { PeopleAddIcon as PeopleAddIcon3, ShareScreenIcon as ShareScreenIcon5 } from "@100mslive/react-icons";
@@ -29853,9 +29876,9 @@ var SecondarySection = ({
           rootCSS: __spreadProps(__spreadValues({
             padding: 0,
             maxWidth: 240,
-            aspectRatio: 16 / 9
+            aspectRatio: "16 / 9"
           }, hasSidebar ? { w: "100%" } : { h: "100%" }), {
-            "@md": { aspectRatio: 1 }
+            "@md": { aspectRatio: "1" }
           }),
           objectFit: "contain"
         }, tileLayoutProps)
@@ -30138,10 +30161,10 @@ var LayoutModeSelector = () => {
 // src/Prebuilt/components/ScreenshareDisplay.tsx
 init_define_process_env();
 import React149 from "react";
-import { useHMSActions as useHMSActions47 } from "@100mslive/react-sdk";
+import { useHMSActions as useHMSActions48 } from "@100mslive/react-sdk";
 import { CrossIcon as CrossIcon26, ShareScreenIcon as ShareScreenIcon4 } from "@100mslive/react-icons";
 var ScreenshareDisplay = () => {
-  const hmsActions = useHMSActions47();
+  const hmsActions = useHMSActions48();
   return /* @__PURE__ */ React149.createElement(
     Flex,
     {
@@ -30985,7 +31008,7 @@ var useCloseScreenshareWhiteboard = () => {
 };
 
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
-var HLSView = React157.lazy(() => import("./HLSView-CIEOVB7G.js"));
+var HLSView = React157.lazy(() => import("./HLSView-LCFZPBH3.js"));
 var VideoStreamingSection = ({
   screenType,
   elements,
@@ -30995,7 +31018,7 @@ var VideoStreamingSection = ({
   const localPeerRoleName = useHMSStore83(selectLocalPeerRoleName6);
   const isConnected = useHMSStore83(selectIsConnectedToRoom9);
   const isSharingScreen = useHMSStore83(selectIsLocalScreenShared2);
-  const hmsActions = useHMSActions48();
+  const hmsActions = useHMSActions49();
   const urlToIframe = useUrlToEmbed();
   const pdfAnnotatorActive = usePDFConfig();
   const isMobileHLSStream = useMobileHLSStream();
@@ -31136,11 +31159,12 @@ import React159 from "react";
 import {
   DeviceType as DeviceType3,
   getAudioDeviceCategory,
+  HMSAudioDeviceCategory,
   selectIsLocalVideoEnabled as selectIsLocalVideoEnabled8,
   selectLocalVideoTrackID as selectLocalVideoTrackID3,
   selectVideoTrackByID as selectVideoTrackByID7,
   useDevices as useDevices3,
-  useHMSActions as useHMSActions49,
+  useHMSActions as useHMSActions50,
   useHMSStore as useHMSStore84
 } from "@100mslive/react-sdk";
 import {
@@ -31153,7 +31177,7 @@ import {
   TelePhoneIcon
 } from "@100mslive/react-icons";
 var CamaraFlipActions = () => {
-  const actions = useHMSActions49();
+  const actions = useHMSActions50();
   const { allDevices } = useDevices3();
   const { videoInput } = allDevices;
   const isVideoOn = useHMSStore84(selectIsLocalVideoEnabled8);
@@ -31190,19 +31214,19 @@ var AudioActions = () => {
     availableAudioDevices = audioOutput;
     selectedAudio = selectedDeviceIDs.audioOutput;
   }
-  const hmsActions = useHMSActions49();
+  const hmsActions = useHMSActions50();
   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;
   }
-  const deviceCategory = getAudioDeviceCategory(currentSelection.label);
+  const deviceCategory = getAudioDeviceCategory(currentSelection == null ? void 0 : currentSelection.label);
   let AudioIcon = /* @__PURE__ */ React159.createElement(SpeakerIcon4, null);
-  if (deviceCategory === "bluetooth") {
+  if (deviceCategory === HMSAudioDeviceCategory.BLUETOOTH) {
     AudioIcon = /* @__PURE__ */ React159.createElement(BluetoothIcon, null);
-  } else if (deviceCategory === "wired") {
+  } else if (deviceCategory === HMSAudioDeviceCategory.WIRED) {
     AudioIcon = /* @__PURE__ */ React159.createElement(HeadphonesIcon, null);
-  } else if (deviceCategory === "earpiece") {
+  } else if (deviceCategory === HMSAudioDeviceCategory.EARPIECE) {
     AudioIcon = /* @__PURE__ */ React159.createElement(TelePhoneIcon, null);
   }
   return /* @__PURE__ */ React159.createElement(
@@ -31231,7 +31255,7 @@ var AudioActions = () => {
           yield hmsActions.refreshDevices();
         })
       },
-      /* @__PURE__ */ React159.createElement(IconButton_default, null, AudioIcon, " ")
+      /* @__PURE__ */ React159.createElement(IconButton_default, null, AudioIcon)
     )
   );
 };
@@ -31345,7 +31369,7 @@ var ConferenceScreen = () => {
   const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
   const roomState = useHMSStore86(selectRoomState8);
   const isConnectedToRoom = useHMSStore86(selectIsConnectedToRoom10);
-  const hmsActions = useHMSActions50();
+  const hmsActions = useHMSActions51();
   const [hideControls, setHideControls] = useState68(false);
   const dropdownList = useHMSStore86(selectAppData12(APP_DATA.dropdownList));
   const authTokenInAppData = useAuthToken();
@@ -31652,7 +31676,7 @@ import {
   selectAppData as selectAppData13,
   selectIsLocalAudioEnabled as selectIsLocalAudioEnabled2,
   selectIsLocalVideoEnabled as selectIsLocalVideoEnabled9,
-  useHMSActions as useHMSActions51,
+  useHMSActions as useHMSActions52,
   useHMSVanillaStore as useHMSVanillaStore15
 } from "@100mslive/react-sdk";
 var isEvenListenersAttached = false;
@@ -31741,7 +31765,7 @@ _bind = new WeakMap();
 _unbind = new WeakMap();
 var KeyboardHandler = () => {
   const store = useHMSVanillaStore15();
-  const actions = useHMSActions51();
+  const actions = useHMSActions52();
   useEffect64(() => {
     const keyboardManager = new KeyboardInputManager(store, actions);
     keyboardManager.bindAllShortcuts();
@@ -31764,7 +31788,7 @@ import { useMedia as useMedia43 } from "react-use";
 init_define_process_env();
 import React164, { useState as useState69 } from "react";
 import { useMedia as useMedia41 } from "react-use";
-import { useHMSActions as useHMSActions52 } from "@100mslive/react-sdk";
+import { useHMSActions as useHMSActions53 } from "@100mslive/react-sdk";
 import { CheckIcon as CheckIcon9, CrossIcon as CrossIcon28 } from "@100mslive/react-icons";
 var FEEBACK_INDEX = {
   THANK_YOU: -10,
@@ -31811,7 +31835,7 @@ var FeedbackContent = ({
   const { feedback } = useRoomLayoutLeaveScreen();
   const { endpoints } = useHMSPrebuiltContext();
   const isMobile = useMedia41(config.media.md);
-  const hmsActions = useHMSActions52();
+  const hmsActions = useHMSActions53();
   const [comment, setComment] = useState69("");
   const [selectedReasons, setSelectedReasons] = useState69(/* @__PURE__ */ new Set());
   const handleCheckedChange = (checked, index) => {
@@ -32320,21 +32344,8 @@ init_define_process_env();
 
 // src/Prebuilt/components/Notifications/Notifications.tsx
 init_define_process_env();
-import React177, { useCallback as useCallback36, useEffect as useEffect76 } from "react";
-import {
-  HMSNotificationTypes as HMSNotificationTypes11,
-  HMSRoomState as HMSRoomState10,
-  selectIsLocalScreenShared as selectIsLocalScreenShared4,
-  selectLocalPeerID as selectLocalPeerID15,
-  selectPeerNameByID as selectPeerNameByID7,
-  selectRoomState as selectRoomState10,
-  useAwayNotifications as useAwayNotifications5,
-  useCustomEvent as useCustomEvent4,
-  useHMSNotifications as useHMSNotifications11,
-  useHMSStore as useHMSStore91,
-  useHMSVanillaStore as useHMSVanillaStore17
-} from "@100mslive/react-sdk";
-import { GroupIcon as GroupIcon2 } from "@100mslive/react-icons";
+import React180, { useCallback as useCallback36 } from "react";
+import { HMSRoomState as HMSRoomState10, selectRoomState as selectRoomState10, useCustomEvent as useCustomEvent4, useHMSStore as useHMSStore93 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Notifications/AutoplayBlockedModal.tsx
 init_define_process_env();
@@ -32396,12 +32407,128 @@ var ChatNotifications = () => {
   return /* @__PURE__ */ React170.createElement(React170.Fragment, null);
 };
 
-// src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx
+// src/Prebuilt/components/Notifications/DeviceChangeNotifications.tsx
 init_define_process_env();
 import { useEffect as useEffect67 } from "react";
+import { HMSNotificationTypes as HMSNotificationTypes2, useHMSNotifications as useHMSNotifications2 } from "@100mslive/react-sdk";
+var DeviceChangeNotifications = () => {
+  const notification = useHMSNotifications2(HMSNotificationTypes2.DEVICE_CHANGE_UPDATE);
+  useEffect67(() => {
+    if (notification) {
+      ToastManager.addToast({
+        title: notification.message
+      });
+    }
+  }, [notification]);
+  return null;
+};
+
+// src/Prebuilt/components/Notifications/DeviceInUseError.tsx
+init_define_process_env();
+import React171, { useEffect as useEffect68, useState as useState72 } from "react";
+import { HMSNotificationTypes as HMSNotificationTypes3, useHMSNotifications as useHMSNotifications3 } from "@100mslive/react-sdk";
+var Instruction = ({ description }) => /* @__PURE__ */ React171.createElement("li", null, /* @__PURE__ */ React171.createElement(DialogRow, { css: { ml: "$4" } }, /* @__PURE__ */ React171.createElement(Text, { variant: "body2" }, description)));
+function DeviceInUseError() {
+  const notification = useHMSNotifications3(HMSNotificationTypes3.ERROR);
+  const [showDeviceInUseModal, setShowDeviceInUseModal] = useState72(false);
+  const [deviceType, setDeviceType] = useState72("");
+  useEffect68(() => {
+    const error = notification == null ? void 0 : notification.data;
+    if (!error || error.code !== 3003) {
+      return;
+    }
+    const errorMessage = error == null ? void 0 : error.message;
+    ToastManager.addToast({
+      title: `Error: ${errorMessage} - ${error == null ? void 0 : error.description}`,
+      action: /* @__PURE__ */ React171.createElement(Button, { outlined: true, variant: "standard", css: { w: "max-content" }, onClick: () => setShowDeviceInUseModal(true) }, "Help")
+    });
+    const hasAudio = errorMessage.includes("audio");
+    const hasVideo = errorMessage.includes("video");
+    const hasScreen = errorMessage.includes("screen");
+    if (hasAudio && hasVideo) {
+      setDeviceType("camera and microphone");
+    } else if (hasAudio) {
+      setDeviceType("microphone");
+    } else if (hasVideo) {
+      setDeviceType("camera");
+    } else if (hasScreen) {
+      setDeviceType("screen");
+    }
+  }, [notification]);
+  return /* @__PURE__ */ React171.createElement(
+    Dialog.Root,
+    {
+      open: showDeviceInUseModal,
+      onOpenChange: () => {
+        setShowDeviceInUseModal(false);
+      }
+    },
+    /* @__PURE__ */ React171.createElement(DialogContent, { title: "Device Access Error" }, /* @__PURE__ */ React171.createElement(DialogRow, null, /* @__PURE__ */ React171.createElement(Text, { variant: "body2" }, "We weren't able to access your ", deviceType, " since it's either in use by another application or is not configured properly. Please follow the following instructions to resolve this issue.")), /* @__PURE__ */ React171.createElement("ol", null, /* @__PURE__ */ React171.createElement(
+      Instruction,
+      {
+        description: `Please check if the ${deviceType} device(s) are in use by another browser or application and close it.`
+      }
+    ), /* @__PURE__ */ React171.createElement(
+      Instruction,
+      {
+        description: `Go to Browser Settings > Privacy and security > Site settings > ${deviceType} and check if your preferred device is selected as default.`
+      }
+    ), /* @__PURE__ */ React171.createElement(Instruction, { description: "Try restarting the browser." }), /* @__PURE__ */ React171.createElement(Instruction, { description: "Try disconnecting and reconnecting the external device if your intention is to use one." })))
+  );
+}
+
+// src/Prebuilt/components/Notifications/ErrorNotifications.tsx
+init_define_process_env();
+import React172, { useEffect as useEffect69 } from "react";
+import { HMSNotificationTypes as HMSNotificationTypes4, useHMSNotifications as useHMSNotifications4 } from "@100mslive/react-sdk";
+import { GroupIcon as GroupIcon2 } from "@100mslive/react-icons";
+var ErrorNotifications = () => {
+  const notification = useHMSNotifications4(HMSNotificationTypes4.ERROR);
+  const subscribedNotifications = useSubscribedNotifications() || {};
+  useEffect69(() => {
+    if (!notification || !notification.data)
+      return;
+    const { isTerminal, action, code, message, description } = notification.data;
+    if (isTerminal && action !== "INIT") {
+      if ([500, 6008].includes(code)) {
+        ToastManager.addToast({
+          title: `Error: ${message}`
+        });
+      } else if (message === "role limit reached") {
+        ToastManager.addToast({
+          title: "The room is currently full, try joining later",
+          close: true,
+          icon: /* @__PURE__ */ React172.createElement(Box, { css: { color: "$alert_error_default" } }, /* @__PURE__ */ React172.createElement(GroupIcon2, null))
+        });
+      } else {
+        ToastManager.addToast({
+          title: message || "We couldn\u2019t reconnect you. When you\u2019re back online, try joining the room.",
+          close: false
+        });
+      }
+      return;
+    }
+    if ([3008, 3001, 3011].includes(code)) {
+      return;
+    }
+    if (action === "INIT") {
+      return;
+    }
+    if (!subscribedNotifications.ERROR)
+      return;
+    ToastManager.addToast({
+      title: `Error: ${message} - ${description}`
+    });
+  }, [notification, subscribedNotifications.ERROR]);
+  return null;
+};
+
+// src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx
+init_define_process_env();
+import { useEffect as useEffect70 } from "react";
 import { useDebounce as useDebounce2 } from "react-use";
 import {
-  HMSNotificationTypes as HMSNotificationTypes2,
+  HMSNotificationTypes as HMSNotificationTypes5,
   HMSRoomState as HMSRoomState9,
   selectHandRaisedPeers as selectHandRaisedPeers2,
   selectHasPeerHandRaised as selectHasPeerHandRaised4,
@@ -32409,7 +32536,7 @@ import {
   selectPeerByID as selectPeerByID6,
   selectRoomState as selectRoomState9,
   useAwayNotifications as useAwayNotifications4,
-  useHMSNotifications as useHMSNotifications2,
+  useHMSNotifications as useHMSNotifications5,
   useHMSStore as useHMSStore90,
   useHMSVanillaStore as useHMSVanillaStore16
 } from "@100mslive/react-sdk";
@@ -32419,8 +32546,8 @@ init_define_process_env();
 
 // src/Prebuilt/components/Toast/ToastConfig.jsx
 init_define_process_env();
-import React171, { useCallback as useCallback35 } from "react";
-import { selectPeerByID as selectPeerByID5, useHMSActions as useHMSActions53, useHMSStore as useHMSStore89 } from "@100mslive/react-sdk";
+import React173, { useCallback as useCallback35 } from "react";
+import { selectPeerByID as selectPeerByID5, useHMSActions as useHMSActions54, useHMSStore as useHMSStore89 } from "@100mslive/react-sdk";
 import {
   ChatUnreadIcon as ChatUnreadIcon2,
   ConnectivityIcon,
@@ -32429,17 +32556,17 @@ import {
   PeopleRemoveIcon as PeopleRemoveIcon4,
   PoorConnectivityIcon as PoorConnectivityIcon2
 } from "@100mslive/react-icons";
-var ChatAction = React171.forwardRef((_, ref) => {
+var ChatAction = React173.forwardRef((_, ref) => {
   const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
   const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
   if (isChatOpen) {
     return null;
   }
-  return /* @__PURE__ */ React171.createElement(Button, { outlined: true, as: "div", variant: "standard", css: { w: "max-content" }, onClick: toggleChat, ref }, "Open Chat");
+  return /* @__PURE__ */ React173.createElement(Button, { outlined: true, as: "div", variant: "standard", css: { w: "max-content" }, onClick: toggleChat, ref }, "Open Chat");
 });
-var HandRaiseAction = React171.forwardRef(({ id = "", isSingleHandRaise = true }, ref) => {
+var HandRaiseAction = React173.forwardRef(({ id = "", isSingleHandRaise = true }, ref) => {
   var _a7, _b7, _c;
-  const hmsActions = useHMSActions53();
+  const hmsActions = useHMSActions54();
   const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
   const isParticipantsOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.PARTICIPANTS);
   const peer = useHMSStore89(selectPeerByID5(id));
@@ -32471,7 +32598,7 @@ var HandRaiseAction = React171.forwardRef(({ id = "", isSingleHandRaise = true }
   if (isSingleHandRaise && (!peer || !off_stage_roles.includes(peer.roleName))) {
     return null;
   }
-  return /* @__PURE__ */ React171.createElement(Button, { outlined: true, as: "div", variant: "standard", css: { w: "max-content" }, onClick: onClickHandler, ref }, isSingleHandRaise ? bring_to_stage_label : "View");
+  return /* @__PURE__ */ React173.createElement(Button, { outlined: true, as: "div", variant: "standard", css: { w: "max-content" }, onClick: onClickHandler, ref }, isSingleHandRaise ? bring_to_stage_label : "View");
 });
 var ToastConfig = {
   PEER_JOINED: {
@@ -32479,13 +32606,13 @@ var ToastConfig = {
       var _a7;
       return {
         title: `${(_a7 = notification.data) == null ? void 0 : _a7.name} joined`,
-        icon: /* @__PURE__ */ React171.createElement(PeopleAddIcon4, null)
+        icon: /* @__PURE__ */ React173.createElement(PeopleAddIcon4, null)
       };
     },
     multiple: function(notifications) {
       return {
         title: `${notifications[notifications.length - 1].data.name} and ${notifications.length - 1} others joined`,
-        icon: /* @__PURE__ */ React171.createElement(PeopleAddIcon4, null)
+        icon: /* @__PURE__ */ React173.createElement(PeopleAddIcon4, null)
       };
     }
   },
@@ -32494,13 +32621,13 @@ var ToastConfig = {
       var _a7;
       return {
         title: `${(_a7 = notification.data) == null ? void 0 : _a7.name} left`,
-        icon: /* @__PURE__ */ React171.createElement(PeopleRemoveIcon4, null)
+        icon: /* @__PURE__ */ React173.createElement(PeopleRemoveIcon4, null)
       };
     },
     multiple: function(notifications) {
       return {
         title: `${notifications[notifications.length - 1].data.name} and ${notifications.length - 1} others left`,
-        icon: /* @__PURE__ */ React171.createElement(PeopleRemoveIcon4, null)
+        icon: /* @__PURE__ */ React173.createElement(PeopleRemoveIcon4, null)
       };
     }
   },
@@ -32509,7 +32636,7 @@ var ToastConfig = {
       var _a7;
       return {
         title: `${(_a7 = notification.data) == null ? void 0 : _a7.name} raised hand`,
-        icon: /* @__PURE__ */ React171.createElement(HandIcon6, null)
+        icon: /* @__PURE__ */ React173.createElement(HandIcon6, null)
       };
     },
     multiple: (notifications) => {
@@ -32520,7 +32647,7 @@ var ToastConfig = {
       })).size;
       return {
         title: `${(_a7 = notifications[notifications.length - 1].data) == null ? void 0 : _a7.name} ${count > 1 ? `and ${count} others` : ""} raised hand`,
-        icon: /* @__PURE__ */ React171.createElement(HandIcon6, null)
+        icon: /* @__PURE__ */ React173.createElement(HandIcon6, null)
       };
     }
   },
@@ -32529,8 +32656,8 @@ var ToastConfig = {
       var _a7, _b7;
       return {
         title: `${(_a7 = notification.data) == null ? void 0 : _a7.name} raised hand`,
-        icon: /* @__PURE__ */ React171.createElement(HandIcon6, null),
-        action: /* @__PURE__ */ React171.createElement(HandRaiseAction, { id: (_b7 = notification.data) == null ? void 0 : _b7.id })
+        icon: /* @__PURE__ */ React173.createElement(HandIcon6, null),
+        action: /* @__PURE__ */ React173.createElement(HandRaiseAction, { id: (_b7 = notification.data) == null ? void 0 : _b7.id })
       };
     },
     multiple: (notifications) => {
@@ -32541,8 +32668,8 @@ var ToastConfig = {
       })).size;
       return {
         title: `${(_a7 = notifications[notifications.length - 1].data) == null ? void 0 : _a7.name} ${count > 1 ? `and ${count} others` : ""} raised hand`,
-        icon: /* @__PURE__ */ React171.createElement(HandIcon6, null),
-        action: /* @__PURE__ */ React171.createElement(HandRaiseAction, { isSingleHandRaise: false })
+        icon: /* @__PURE__ */ React173.createElement(HandIcon6, null),
+        action: /* @__PURE__ */ React173.createElement(HandRaiseAction, { isSingleHandRaise: false })
       };
     }
   },
@@ -32551,15 +32678,15 @@ var ToastConfig = {
       var _a7;
       return {
         title: `New message from ${(_a7 = notification.data) == null ? void 0 : _a7.senderName}`,
-        icon: /* @__PURE__ */ React171.createElement(ChatUnreadIcon2, null),
-        action: /* @__PURE__ */ React171.createElement(ChatAction, null)
+        icon: /* @__PURE__ */ React173.createElement(ChatUnreadIcon2, null),
+        action: /* @__PURE__ */ React173.createElement(ChatAction, null)
       };
     },
     multiple: (notifications) => {
       return {
         title: `${notifications.length} new messages`,
-        icon: /* @__PURE__ */ React171.createElement(ChatUnreadIcon2, null),
-        action: /* @__PURE__ */ React171.createElement(ChatAction, null)
+        icon: /* @__PURE__ */ React173.createElement(ChatUnreadIcon2, null),
+        action: /* @__PURE__ */ React173.createElement(ChatAction, null)
       };
     }
   },
@@ -32567,7 +32694,7 @@ var ToastConfig = {
     single: (online) => {
       return {
         title: `You are now ${online ? "online" : "connected"}`,
-        icon: /* @__PURE__ */ React171.createElement(ConnectivityIcon, null),
+        icon: /* @__PURE__ */ React173.createElement(ConnectivityIcon, null),
         variant: "success",
         duration: 3e3
       };
@@ -32579,7 +32706,7 @@ var ToastConfig = {
         title: `You are offline for now. while we try to reconnect, please check
         your internet connection. ${message}.
       `,
-        icon: /* @__PURE__ */ React171.createElement(PoorConnectivityIcon2, null),
+        icon: /* @__PURE__ */ React173.createElement(PoorConnectivityIcon2, null),
         variant: "warning",
         duration: 3e4
       };
@@ -32650,7 +32777,7 @@ ToastManager.addListener(ToastBatcher.syncUItoast.bind(ToastBatcher));
 // src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx
 var HandRaisedNotifications = () => {
   var _a7, _b7;
-  const notification = useHMSNotifications2(HMSNotificationTypes2.HAND_RAISE_CHANGED);
+  const notification = useHMSNotifications5(HMSNotificationTypes5.HAND_RAISE_CHANGED);
   const roomState = useHMSStore90(selectRoomState9);
   const vanillaStore = useHMSVanillaStore16();
   const { on_stage_exp } = useRoomLayoutConferencingScreen().elements || {};
@@ -32658,7 +32785,7 @@ var HandRaisedNotifications = () => {
   const amIScreenSharing = useHMSStore90(selectIsLocalScreenShared3);
   const { showNotification } = useAwayNotifications4();
   const logoURL = (_b7 = (_a7 = useRoomLayout()) == null ? void 0 : _a7.logo) == null ? void 0 : _b7.url;
-  useEffect67(() => {
+  useEffect70(() => {
     var _a8;
     if (!(notification == null ? void 0 : notification.data)) {
       return;
@@ -32698,13 +32825,13 @@ var HandRaisedNotifications = () => {
 
 // src/Prebuilt/components/Notifications/InitErrorModal.tsx
 init_define_process_env();
-import React172, { useEffect as useEffect68, useState as useState72 } from "react";
-import { HMSNotificationTypes as HMSNotificationTypes3, useHMSNotifications as useHMSNotifications3 } from "@100mslive/react-sdk";
+import React174, { useEffect as useEffect71, useState as useState73 } from "react";
+import { HMSNotificationTypes as HMSNotificationTypes6, useHMSNotifications as useHMSNotifications6 } from "@100mslive/react-sdk";
 var InitErrorModal = () => {
-  const notification = useHMSNotifications3(HMSNotificationTypes3.ERROR);
-  const [showModal, setShowModal] = useState72(false);
-  const [info, setInfo] = useState72({ title: "Init Error", description: "" });
-  useEffect68(() => {
+  const notification = useHMSNotifications6(HMSNotificationTypes6.ERROR);
+  const [showModal, setShowModal] = useState73(false);
+  const [info, setInfo] = useState73({ title: "Init Error", description: "" });
+  useEffect71(() => {
     const data3 = notification == null ? void 0 : notification.data;
     if (!data3 || data3.action !== "INIT") {
       return;
@@ -32724,31 +32851,61 @@ var InitErrorModal = () => {
     setInfo({ title, description });
     setShowModal(true);
   }, [notification]);
-  return /* @__PURE__ */ React172.createElement(ErrorDialog, { open: showModal, onOpenChange: setShowModal, title: info.title }, /* @__PURE__ */ React172.createElement(Text, { variant: "sm", css: { wordBreak: "break-word" } }, info.description, " ", /* @__PURE__ */ React172.createElement("br", null), "Current URL - ", window.location.href));
+  return /* @__PURE__ */ React174.createElement(ErrorDialog, { open: showModal, onOpenChange: setShowModal, title: info.title }, /* @__PURE__ */ React174.createElement(Text, { variant: "sm", css: { wordBreak: "break-word" } }, info.description, " ", /* @__PURE__ */ React174.createElement("br", null), "Current URL - ", window.location.href));
+};
+
+// src/Prebuilt/components/Notifications/MessageNotifications.tsx
+init_define_process_env();
+import { useEffect as useEffect72 } from "react";
+import { useAwayNotifications as useAwayNotifications5, useHMSNotifications as useHMSNotifications7, useHMSStore as useHMSStore91 } from "@100mslive/react-sdk";
+var MessageNotifications = () => {
+  var _a7, _b7;
+  const notification = useHMSNotifications7(fr.NEW_MESSAGE);
+  const amIScreenSharing = useHMSStore91(qr);
+  const logoURL = (_b7 = (_a7 = useRoomLayout()) == null ? void 0 : _a7.logo) == null ? void 0 : _b7.url;
+  const { pipWindow } = usePIPWindow();
+  const { showNotification } = useAwayNotifications5();
+  useEffect72(() => {
+    var _a8;
+    if (notification && amIScreenSharing && !((_a8 = notification.data) == null ? void 0 : _a8.ignored) && !pipWindow) {
+      showNotification(`New message from ${notification.data.senderName}`, {
+        body: notification.data.message,
+        icon: logoURL
+      });
+    }
+  }, [notification]);
+  return null;
 };
 
 // src/Prebuilt/components/Notifications/PeerNotifications.tsx
 init_define_process_env();
-import { useEffect as useEffect69 } from "react";
-import { HMSNotificationTypes as HMSNotificationTypes4, useHMSNotifications as useHMSNotifications4 } from "@100mslive/react-sdk";
-var notificationTypes = [HMSNotificationTypes4.PEER_JOINED, HMSNotificationTypes4.PEER_LEFT];
+import { useEffect as useEffect73 } from "react";
+import { HMSNotificationTypes as HMSNotificationTypes7, useHMSNotifications as useHMSNotifications8 } from "@100mslive/react-sdk";
+var notificationTypes = [
+  HMSNotificationTypes7.PEER_JOINED,
+  HMSNotificationTypes7.PEER_LEFT,
+  HMSNotificationTypes7.NAME_UPDATED,
+  HMSNotificationTypes7.ROLE_UPDATED
+];
 var PeerNotifications = () => {
-  const notification = useHMSNotifications4(notificationTypes);
+  const notification = useHMSNotifications8(notificationTypes);
   const isPeerJoinSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_JOINED);
   const isPeerLeftSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_LEFT);
   const [selectedPeer, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
-  useEffect69(() => {
+  const updateRoomLayoutForRole = useUpdateRoomLayout();
+  useEffect73(() => {
+    var _a7, _b7;
     if (!(notification == null ? void 0 : notification.data)) {
       return;
     }
     console.debug(`[${notification.type}]`, notification);
     switch (notification.type) {
-      case HMSNotificationTypes4.PEER_JOINED:
+      case HMSNotificationTypes7.PEER_JOINED:
         if (!isPeerJoinSubscribed) {
           return;
         }
         break;
-      case HMSNotificationTypes4.PEER_LEFT:
+      case HMSNotificationTypes7.PEER_LEFT:
         if (selectedPeer.id === notification.data.id) {
           setPeerSelector({});
         }
@@ -32756,19 +32913,31 @@ var PeerNotifications = () => {
           return;
         }
         break;
+      case HMSNotificationTypes7.NAME_UPDATED:
+        console.log(notification.data.id + " changed their name to " + notification.data.name);
+        return;
+      case HMSNotificationTypes7.ROLE_UPDATED: {
+        if (((_a7 = notification.data) == null ? void 0 : _a7.isLocal) && ((_b7 = notification.data) == null ? void 0 : _b7.roleName)) {
+          ToastManager.addToast({
+            title: `You are now a ${notification.data.roleName}`
+          });
+          updateRoomLayoutForRole == null ? void 0 : updateRoomLayoutForRole(notification.data.roleName);
+        }
+        return;
+      }
       default:
         return;
     }
     ToastBatcher.showToast({ notification });
-  }, [notification, isPeerJoinSubscribed, isPeerLeftSubscribed, selectedPeer.id, setPeerSelector]);
+  }, [notification]);
   return null;
 };
 
 // src/Prebuilt/components/Notifications/PermissionErrorModal.tsx
 init_define_process_env();
-import React173, { useEffect as useEffect70, useState as useState73 } from "react";
+import React175, { useEffect as useEffect74, useState as useState74 } from "react";
 import { useMedia as useMedia45 } from "react-use";
-import { HMSNotificationTypes as HMSNotificationTypes5, useHMSNotifications as useHMSNotifications5 } from "@100mslive/react-sdk";
+import { HMSNotificationTypes as HMSNotificationTypes8, useHMSNotifications as useHMSNotifications9 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/images/android-perm-1.png
 var android_perm_1_default = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAngAAAC8CAYAAADrcdOxAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAB4DSURBVHgB7d0NjBzlfcfx/6yxjeGMLyYJNlHjJfEZQ9KwPquJ1DT2kjaJglNhnKoQKcRHCG2gVXwmDSAVsHlJlUDhTNSStLzZkCg2UvwiYVraCp+dgpJUnNel8dsZex0Cd7zZZ98Zv+/0+c/e7M3Ozezt693t7PcjDdztzu7Ozq20P///z/OMCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAY88SlGzu3ERcYpLMiMRFYrNE7IQ5kc3mbDaLbTYAAFAaS/rMd2if+X9abKvPlswO83sqZrbdu1NpQUkIeEWIxxPN554nizMSW2iJnRQn2AEAgFGStsXqFDuz6dRx6UynU32Cggh4Bcz9ZCJpZ2LLxDKhjsocAADjggl7q2OZzBpT2esUBCLgBZh7eaItI9Yyc3ISAgAAxqu0bdkr9/42tUaQh4DnocHO/KtghdCCBQCgnhD0fAh4xuWXJxJnLavD1HyTAgAA6lXaythXMilDJCYN7tJPtHacFWs74Q4AgLoXt2PWgTmXt66QBtewFTxd6iQTszZUOs7OPud8kSkzRC6Ynb1hykVDd54+JnK8V+TMgMjRfWKdOSYAAGBUNHQ1ryEDnjM71rY2lDMz1gl0F/2J2NM/JTI9kR/oRqJh7+hrYr39ssihlFjH3xIAAFAzGvJuaMTZtg0X8C795PxlksmsKuUxTqgzYc6OLzH/v0Kqpt+EvfR6wh4AALVk28v37EqV9N1f7xoq4GlP3hJ7ZbH7O8Eu/tVssDunSWrqjRfE2vc0QQ8AgBqwxVq5d2fXPdIgJkiDKDnczVoi9vx7RT74RyKxSVJzOobPhEllmTauZE4JAACoDlPRSl74oYvlvXd6tkoDaIiAp21Zy7Z/UMy+9gUfF/uKO0U++uejE+z8TAvYnpkUOXNMLNPCBQAA1aEh74MfnHHkvXd7fyURF/kWbfZyY9aWYvZ1qnYt36h9O7ZY6fUS2/2oAACA6hmcXdspERbpgKdLodgxJ9zFR9rXvuwWJ+CNOzoRo+tuxuYBAFA9fSbkzYvyEiqRXui4mHCnEykyn/3J+Ax3aqppGX/6IbFLWY4FAAAU0qxr4UqERXYMXnZShSwutI+GO/szD5kQNVvGtYmmZXzRZ0XefonFkgEAqAKTEWZ88MMXT3vvnZ4XJIIi2aIdbM0eGGk/rdyN+3DndbxXrN98l3YtAADVYWdO263d3amUREwkW7SDrdnC+1x2S32FOzVlhtit946fSSAAANQ3KzbJelgiKHIt2rmXJ9rM36ut0D7ObNnZ35C6NHm6CbCTxHr3fwQAAFQsfuGHZ6Tfe6d3h0RI5Cp4tlgrCt4/5aJs9a6exZdkr64BAAAqZVl24exQjyIV8LLVuxFmzX76IYkC++PjaL0+AADqW3zOJxJLJUIiFfBGrN595EvOOLZImNgkmctuFgAAUDHLEmuZREhkAt7cuYmkFKjeOa3Z2ddLKaaea8l1n5koLReN09NkAqs9/QoBAAAVsiUxmCUiITIBL2MVnlghZVTvFlx6jtz6pXPlZ399vnzliokyHtXtZBEAAMYXy47FviMREYmAF08kmk1ttWDv3P7IF6VUPX2Z3M93X33u+Ax5poJnT/24AACAStnJeDzRLBEQiYA36aQkC91f7ti7roNn5Z5NJ3K/j9uQp+8PAABUqnnieYWvglUvItKitQpfkqyM6p1r847T4z7kOe+PGbUAAFTKNARlgUTAORIB5q+xMOw+nVwhFU5E2LbnjLySPivz49l1oTXkqedM+PPSSRmLrjjH+b/fc6nT0nPElpqY2CT2BR8X61Ck1mhEHWiZ3SLXXfc16ep6RTY/v1kAoN5ZYiUlAur+WrQjXXdW27P2H35PyqXVuuVfmhwY2u41lT1vyLtp4SSzTQ59rse2njLbSakFK71erN2PCoZMbZoq7cuWy8yZM53fNz//XMEQ0traKt/65k3S0tIiU6dOdW7r6uoa8XGuRVctMttXco/v7++Xbdu2yeNPPCY9vT1Sr9z3pfznYsMvNubO7y1/e7NzvgCgztknM/bH0rtTaaljdV/By1iSKJRS7emfknLNnBbLVeuC+Ct5nabSt8gEwoubgzvfGgBfOXhGukw1sNrsi/6YgOdx7V9eJ9+68Vu5oKa6tr8Suv+3brzJ2d9PQ59uM2de7AS1MHf9/d2yaNGivNv0tfU23VY90iFr162VeqQBTs+B8p/DpiaGBgCInokxZ2z/aqlj9d+iNQGv4P1TZ0u5Fs4dulTvt9e870y6UBriVgyGO2/I6+7NyOIfHRv2PDNN4Nv0nfOdn5NzzgkMePNnTZC7zHNpWP36v74v/SdKbOfqJBIdh3dmQBrZzBkz5a47784FkmJohcob7rZu2yrd3XudYONWrvT+gYH+wJCm4dAb7tY9u9ap3mklb+GCpHObVhL3mueMWoXrG23XO+dP31fXdqp3ACJBx+HFpc7Vf8CzY1eIFRKGJprAc0H5S4h427JuuFObByt2QSEviC638qbZtLLXNGV4vVHX2tMFlV0tM2JlVfkYhzdUcVM6LkxDhwawQrz3a5Xu8Scez/2uwUUDo7rRhLzNmzdLvwl6Lg2U3nB4y9/cnBd0NNhdd+112dcx7d9buqJ19ZGenp688wUAEfFRqXN1H/AssUPXq6nl+nClhrwgbgvYnbxRMQ2zVQp4GpK0etU6LxuW9Itcq1pawfKPJ2tqmioP/OAB52etUmk70h23pVUwfWzYODatci1fdqvzs7b/NCxo4Fq4YKHT/iv02DBaPdNj0MfocRR8n/Nac2PIgsJK9jm+4pwPHdM3r3WeM67Oe568+/qrWPp8egzars22erPnw6XhUUPiwMCA3HbH94adN60GakVRFXtOlR7rtSZY6vmd0zLHeX49L6Wey5G4x6/u+/69uff26D/9OLfP7XfclheKlZ53N1i7nxkvfU4Nxq2t83Ofg7DPHwBUmyVWQupcFFq08dD7arx0SCUhzz95Q1uyQRM5SnJuda6zGzSezB2HdZW5XatU3d3dufumTm3yBB172Hg297HXXfs157HeL3sNIu5j9YvbW/HyPrbFhBR/CAiiAWvJX1zjhJlieAPatsEg5bd1W2duv/nz5ucFPLeF6+7np23dbb/cmttPg83mnqGA1TpvnjO+TwNM2HnTyQut5nWD7gs6LxqOHv3nH+eCq//9Bv0dyuUef+B9g+esZU7LsNa0hlX3fg2dXkHjJ72fv/vvvy8XegGgRup+seP6XwfPKvBHmFj7AeClrpPXNNlyWrK6nxvo1v7qlNy27rhUbOL5UinveDINHR2rHpb77r839yU81anWPRj6+JY5c5wvZ22ParvT++Wt1aQbAyYyuBZ8boET7tzHegOT3u4NfmH0mIsNd0qrW65XQiZh9PT05n7W9+DlnWQQVlnau3dv4OvlPY8Jye5503OWV+UzgTvsPj0n/iD3Q1NNHZo5vNn5+912+225x+l7uPbaa6WWvH+7hZ8bvorRggVDt/krosvbl+dmIWsF0//5u/POu3JVQwCokboPeBEYg1fgj6Br4I2CUip5yblDp1zH5mk41PF9OsliPOjvP+oECf2Cve2OoVCgQWHmjItzbUatynTv7R72eP0CXmfaaB2eqpKOW9OKktJA8oRpWwZVj/Q1/WPgdH+t6ikNh9WeiartZZe2MYN07xsKaP5q1Zw5Q4Gt983ewMd7n7fJU5Xy0vPmfe96jp9e/YxzTvRnN6i5tAXqVsC8VUF9P+4x6d/O+xitbj7wgx86577Ws183P/+8848FPX6tunk/D3q8bnVOK3Hez0L7d5bnftbKpVsp1vfvfo70XOnnoqOIii4AlIkKHrJGquR979njeTNjX0mfkW8//X7e5I1K2VMqb9Gue3ad+WK9Ra5fen1epUgN+FqrYdY+mx/CNFh4W3QLFgQvEh40Bs4Zc9XzZu41NViOV5W2PL1j4/RcaGt36L78NmahJV9cTXmt8+zfT/+2t99xu2nrrpJa0tfaPjge0duGV95xkd73pVU5N5xmZzLn/wNCP0duNdRbAQQADBeJK1mMF4UqebqEiga6W784WbbuOSNrf138ZIxiWaert0SKM75rdov5wr3UqfZoazFoTJeffgH7g6HyjmMLex4dbB9Ev9gXDVbO5syeE1g5rCVvmPW3f/V3txql+1US8oLOWzH3eWmw0jDtTgrRSp8+NrtEyyvSleoatfOn4dwNYtqmdUO+TpxQToj1tGdbPO1r/bx5J2q43M+O/r/S8w0AURaFSRZ9oW3a42/JaBsp5N38dBXG2oWpwhp4Guoe+OGDgSHMG2bCDIR84Ya1P4vZp9hwU46eXq0ODgbPkHFd3nam//3p7+450YpZUODwnku3GllL2lpf3t6em9ihr6/bwsGwpUFLW7e1no2qwdz9zGjQ05aq9x8K/hnHOlnH5R5zIWHnGwAQjTF4fTLOeuXVWEKlLKePSSWc5U484U7bZDqzVKs/vb290r6sPW/WaJCwGZXFVP/CxoV5JyZU+wtdK46Lrhp6nc0SvJSLy9821N/d9+yfIevyHn9YlbKaNHTed/99Tru7xVQ858/PVmPdyplW93R5Ex3jVmvadnYnguh2VUh7dvjjnnPG3BVSy+APoOGlpc7VfcCzRfpCFxc5uk/GypiEvBO9UgnvmnD+Qf2q0Lg7V1jrTJf5cIWFHLet6H+st3VXTCWwFN7AppMBHg+YAKLLiri2/jJ/eY5XTNvTbUNq+PWvMadVQe94MX9ArCUNQN6xfN6JG2Hnutr0Hwju7GdnaRTPuor+pVO8FT2d0MOVMQCMGctOS52r/0kWtpUOu8s6MfotWq9Sl1Cp2NHXpBLeFtmAb6yZBpWWkCU+/NxZry5d18w7yD4s5Gjg8C+jojMxvQsR+0OBPreO1VpY5qB77wSQcl5fZ4u64/Kya8zlL+XiPRca/mpdddIAteEXG+U/X/gvZ3kVr0Kv7V7iTR9TzSVI3Dat0su2uZMogsKb9/x6r0jiPUZ9b8+s+emw9wYAVWXLEalz9X8lCytzUCSkhqeTDnRc2jm1Xw8vzGhW8qzjlVXwvF+6Ws16s+dN6d7X7bT3tIpVTJtVK0K6jp5+OWv1ZoZn7Jda58yKDQ4aGgQ0IGlLU8eH6Re690telxHx0jCja6Y5P5v9vvDFPyurIqXP+2jr0DIuerx6LkZ6faXt0CeefDwX5PT/Cz630Dl+b0VU31vQ46ttrwnP2urWKp27nqE741YrjGHLk+g6e+7sVh3bplefqBZdy06DsrfVvfbZnwfu6/1baHDXNq0ev34mrhq8Ikj2+DsFAGolY9OiHXMm2qXsQjvopbs+/FkZSxryblo4ybkWrQoKed4lVMqi4a7CSSXZZUoey65fZqpZy9tvzbuvmEt/DfQPOOvcadC51lfN0lmchdYu00tR6essWjR8nN/mzSNfYqvcQfca5rQd7V5zVkPZopn57zO7aHPw6+tsUQ1V7qW3/JUnDXe3e9YUrCUNnHplCz3/bsjzX5VEK6jDrgri+TfS1CqvkedU5W4c+l3HPYbN5NW/hfsZVEHHr/9I4Pq3AGrIjlnSKXWu/idZZMwfoUCj2Xpvh9hlBrw3+4ZC100LJ5tAdkrKMX/WOblw5/KHvL1vZZyfZ06zpCtd+tp4VpWuQatfnE7IMkFOg06/CWw6hkvXx8uOn8qek0JXi9DAo/frc+jEDZ2pqsthFHMN1Pu+f192WZTB19fxeuvWrQts6blhQI9r2y+3BQYo95qtqtD4N/c6slrJ0okJbrtab8tWkQqPB9PzpkFGrxCh48fcx+txrS1QtdTz0jQ1OFB528EanL30vbjvyz8b1n0vWo3U6qtbRdRzGfZ30ON3J7n418jzvpb/HHqP33+Mufcx+Hdyj8O7NEoQPRZ3coZ7/Po51AWni/lbAEClMqfloNS5Ci9+Oj5c+ol5h0OXSplykWQW/kzKoZcSe+avzhsWzsqlVbq1vz7lhEXXvZtOVKVda736gFhv/IeMBf0C1rFRSoPMNV9dXPRjNZy5V7nQCp8uxAsAwBg6vGfn9ulS5yJxJQs7Y3WG3qltyzKrWxrIdN26N/syUil9Ll3o+LGtp2oy8cJ662UBAACVsrdKBETiShZWLLNVbCu0bKTtS3v6FVIOvV7s4h8dk9ZZE5yKXtO5pRc99751VnpNu9cdZ1ftiRfWGy9UZZFjAAAanG1nZKNEQCQC3smJsnryKQkdvW8dXC92fElFs2mrec1YVdWQN0atWQAAosa0NiNRwYvEGDx16WXztph3kwy73579DWcbbxaZ9qwb8lTJY/KO90ps69dlLOlEijmDS2DoLNZSFvOt5LEAAFSVZW/Z89vU5yUCIhPw5lyWWGxZ1obQHSY2SWbhT8d0Tbww/pD3pw8MFL1sylhOrgAAIEJMe9Zu27s79bREQCQmWahTk6XTxNW+0B1OD4iVXi/jkf+KF03nFvnAQzsIdwAAVIMt6aiEOzVBIqKvt/fEhR+aMcUSKxm2j9X/mtgzk041r/rCKm7FFUm7nXXwzjjt2YPvFle9i/3muyJnjgkAAKiIbVn2I+++0xuJ8XcqEpMsXKcmyarJp2VZ6Jp4WsV79UGxP/2QVFPmZJ8c7voXOf76S3L89y/lbp/yB5+VCy6/Ti74hF6sfuSg11PCcizWvqcrvnIFAAAQp3pntjUSIZGp4KmiqngairSC13yZVMPpowfl9Z9/WY699rycOfp63n36+7HX/k36f7tWzp/9ZZkwuVmqor9bYjv+QQAAQMWc6t3uXalNEiGRGYPn0iqeSeEHCu1j7XpU5Og+qZSGu98/u9gEud+NsN/v5A2zX+bEEanY8R6Jda0UAABQBaZ6t3tn6h6JmMgFvHQq1WfZ9jdH2i+2fYUTlirxTuedw8KdZVm5zUtD3nu/ekAqcqbfHPdKWrMAAFSHbayUCIpcwFO7d6c6TdTaUHAnE5Jiv/m7skPeyXdelWP7ns+7rb29XQ4dOiSZTEb2798v11xzTd79fV0/qaCKZ4v1vw+ayuNrAgAAKmbbYq+O0sxZr0gGPHVyUuabI7VqKwl5A75wl0wmpaOjQ5qbs+Ps4vG4rF+/XhKJRN5+R3b+XEpmKneWOU7rba43CwBAVZjWbCwj90pERTbgeVq1hdccKTPknXz7//J+b2trC9zPf/tI4/WG0TF3Gu4O7RAAAFAV9gTLXmI6fmmJqMgGPOW0am371hF31JD38s3ONWtHyoOuzKn8VuusWbMC95s2bVr+404elaIdSmXDJ21ZAACqxbbEvmfnzlRKIizSAU/t2ZVaZf6Wq0bcUdfI2/Wos05epZMvKmc769xlK4tMqAAAoEqccBfFWbN+kQ94as/O1HLLltXF7KuX/nJaom/8uxRbzaseO1u1e/nb2YWMAQBAtdiWba9phHCnGiLgqd27tt9QbMjTqpn16j9KbOvXRynoZYOdTqSgJQsAQNVlw92u1A3SICJ1qbKRaMi79PJEn6nTtRf1gMGgZ+17RuzZ14s9/QqRKTOk2OvLFmZC3ZkBkfd2iHVwA5MoAACoDVts50oVy6WBNFTAU9qunXt54ogt1t1SbFJzg5750Ql5H/mCM2avLPo4UxW0Dr0q1lv/bULeMQEAADWRHXO3qzHasl4NF/CU6b+vnHNZImWJ9bBJbZeU8lin0mY2q8w2qvX2SxJ79fcCAABq6rCVcZZC6ZQG1DBj8Pz27kptNP34z5vC7RYZ/dkUAACgNrQlu8WEu9ZGDXeqYQOe0gUO9+za/nnzIRj5qhdVcvbsWTl9+qQAAICqO6zr3+7Zlfp8lBcxLkZDBzyX+RCs1mqebdurpcbVvIH+I7K/e6fs2bld3nh9v7x/rF8AAEBFtGq36uT79sey69+CgDdIk75p295gqnkf8wS9moe91w/uk7d7GZMHAEAZDmdMsNPvbhPslqfTqT6BoyEnWRQyWNK9Ye7chM64SdqWdbdYEpfqrI0S6PChd+TkieMy4yMfldOnTklswgSZNHGy838AAJDHFF/stPlSfvrE+7KKUBeMgBdiMOit1s2EveRZS662LFloiZUY3KXkwPeBD3xA4vG4pNNp6evrM9XkoQLh++8POK1br/POa5ILmqfLtOYLBQCABjX4ZWmnM7ZsmmC2Rp48USwC3sgs80Haav6vm23CXjxjSeLMmdMd5vd4sU/S3NwsXV1dTsBTqVRKlixZIgcOhM/t0NCn29G+QzLj4lkycdIk793M/AUARJSdNv9JmUB3cIIlO0ylbiOVutIQ8MJ9wGxarbvabNPMdsRsqcGwt9Fsy6SEgJdIJHLhzv39xRdflHnz5jnVvEI05L1+sFumTZueW6jxwgsvcgKnZdWscwwAwKiIxaQvkxHny7DRZ7+itvRSZodlaKKFf1tpti3e27Zs2WIHeeqpp5z7k8lk4P0rV67MPYdp4dom8DmbCW52gde3B4/vKbOVtFAzAACIPmbRDrfSbNp+bS6wzwqzJaUKtJLn0hauu+3fv9+p7hWgx9dmthfNdqUAAAAMIuDla5NseMujbdBatUKnTZuW+9nbwtWf3RbuCPRBhDwAAJBDwMuXF+501mt7e7s8+eST0tHRIZdcMrrdUJ2Y8fDDD+cdz5VXXhl2HOulhDGBAAAAjSApvnFuBw4cyBsvp7+bylrgmLhyx+Dp49znCHL48OHA1/CO3fNsTwkAAGh4VPCGJL2/tLW15bVMlf6+YsUKqSat0pVzvx6HCXn+m9uk8NhBAADQAAh4IfzhzrV48eIRQ5l/fx1Hd/XVVwfer5MstO2qreBSacgzlUH/zaU/EQAAQERpMMq1O00Fzw4T1B4Na9FWwyWXXOIsm7J9+/Zh961atcp/LFsEAAAAjqR4gpKp0oUGLu+4OBmFgKdj/1avXm0XeywCAAAAh/Zd8xY3LhTadNKEjFLAG0nAxI+4AACAhsUYvCF6iZQ13hs2bdoUunO1J1tUImBMYFwAAEDDIuDl2+j9xbRFQ3fUyQ0BExzGRCmTPgAAQPQR8PJ1SraS5+jr65POzs7QnXWGLAAAwHhDwBuu6Dbt0qVLqZ4BAIBxh4A33LA2rVbygmi40/XranWdWgAAAFRP0bNpdZmSDRs22GPJP6NXfFflAAAAjYUKXrC8Nu2aNWtCd9QqHmPxAADAeELAC5bXpt24cWNomxYAAGC8IeAF6xTfbNpUKiUAAAD1gIAXrug27VhLp9PDbhIAAAAMkxTftWl1QsV4JMOvRcvaLQAANDAqeOE6pYRFj8dKQOu4TzzHDQAAGg8Br7C8vuwjjzwi483Bgwf9NzFYEACABkfAKyxvNq1W8MbbbNqAquIOAQAADY2AV1jn4JYz3qp4AQFviwAAAKCgNvFNtjh06JA9Huzfvz9ogkVcAAAAMKJD4glR7e3t9niwdOlSf7ijegcAAFCkdvFVyl588UV7LB04cMCOx+P+gLdUAAAAULT94glTGq7GslW7cuVKf7g7IAAAAChJUnxVvLa2NnsshIy9WykAAAAoWYf4gpVW0kaTVg0DWrNaXeTqFQAAAGXQEJXXqpXBkJfJZOxa03CXSCSCqneMvQMAAKhAXHyzamVwZm0tQ16BcNchAAAAqFhCAkKetk51fFw1g54+l87YDWjL6tYltGYBAACqRkPesHatDE6+qDToucEumUwGBTt33F1cAAAAUFVxCQl5umk4e+qpp3Jhz938Qc676b4dHR2Fgp1uLwqVOwAAEMISVEqDlo6D04kOoeezublZEomEmFars7kOHz4sR44ckVQqJel0Wvr6+qQADXd6MdzlAgAAgJpbLNlqXkbCK2/lbvqcWrVLCgAAAEZdm2TDWEYqC3vu4wl2AAAA40TcbMskG9B0xm1GwkOf975Dg4/RxzLODgAAlIwxeKNHZ91qYIvL8NmvabPp4LvU4M8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACoL/8PX2v2g+o1Gz8AAAAASUVORK5CYII=";
@@ -32778,14 +32947,14 @@ var ios_perm_0_default = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATwAAACh
 
 // src/Prebuilt/components/Notifications/PermissionErrorModal.tsx
 function PermissionErrorNotificationModal() {
-  const notification = useHMSNotifications5(HMSNotificationTypes5.ERROR);
-  return /* @__PURE__ */ React173.createElement(PermissionErrorModal, { error: notification == null ? void 0 : notification.data });
+  const notification = useHMSNotifications9(HMSNotificationTypes8.ERROR);
+  return /* @__PURE__ */ React175.createElement(PermissionErrorModal, { error: notification == null ? void 0 : notification.data });
 }
 var PermissionErrorModal = ({ error }) => {
-  const [deviceType, setDeviceType] = useState73("");
-  const [isSystemError, setIsSystemError] = useState73(false);
+  const [deviceType, setDeviceType] = useState74("");
+  const [isSystemError, setIsSystemError] = useState74(false);
   const isMobile = useMedia45(config.media.md);
-  useEffect70(() => {
+  useEffect74(() => {
     if (!error || (error == null ? void 0 : error.code) !== 3001 && (error == null ? void 0 : error.code) !== 3011 || (error == null ? void 0 : error.code) === 3001 && (error == null ? void 0 : error.message.includes("screen"))) {
       return;
     }
@@ -32804,7 +32973,7 @@ var PermissionErrorModal = ({ error }) => {
     }
     setIsSystemError(error.code === 3011);
   }, [error]);
-  return deviceType ? /* @__PURE__ */ React173.createElement(Dialog.Root, { open: !!deviceType }, /* @__PURE__ */ React173.createElement(Dialog.Portal, null, /* @__PURE__ */ React173.createElement(Dialog.Overlay, null), /* @__PURE__ */ React173.createElement(
+  return deviceType ? /* @__PURE__ */ React175.createElement(Dialog.Root, { open: !!deviceType }, /* @__PURE__ */ React175.createElement(Dialog.Portal, null, /* @__PURE__ */ React175.createElement(Dialog.Overlay, null), /* @__PURE__ */ React175.createElement(
     Dialog.Content,
     {
       css: {
@@ -32814,15 +32983,15 @@ var PermissionErrorModal = ({ error }) => {
         zIndex: 23
       }
     },
-    /* @__PURE__ */ React173.createElement(
+    /* @__PURE__ */ React175.createElement(
       Dialog.Title,
       {
         css: {
           borderBottom: "1px solid $border_default"
         }
       },
-      isMobile && isIOS ? /* @__PURE__ */ React173.createElement("img", { style: { maxWidth: "100%", maxHeight: "100%" }, src: ios_perm_0_default, alt: "iOS Permission flow" }) : null,
-      isMobile && isAndroid ? /* @__PURE__ */ React173.createElement(
+      isMobile && isIOS ? /* @__PURE__ */ React175.createElement("img", { style: { maxWidth: "100%", maxHeight: "100%" }, src: ios_perm_0_default, alt: "iOS Permission flow" }) : null,
+      isMobile && isAndroid ? /* @__PURE__ */ React175.createElement(
         "img",
         {
           src: android_perm_1_default,
@@ -32830,39 +32999,96 @@ var PermissionErrorModal = ({ error }) => {
           alt: "Android Permission flow "
         }
       ) : null,
-      /* @__PURE__ */ React173.createElement(Text, { variant: "h6" }, "We can't access your ", deviceType)
+      /* @__PURE__ */ React175.createElement(Text, { variant: "h6" }, "We can't access your ", deviceType)
     ),
-    /* @__PURE__ */ React173.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__ */ React173.createElement(React173.Fragment, null, /* @__PURE__ */ React173.createElement(Button, { onClick: () => window.location.reload(), css: { w: "100%", mb: "$6" } }, "Reload"), /* @__PURE__ */ React173.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType(""), css: { w: "100%" } }, "Continue anyway")) : null,
-    isMobile && isAndroid ? /* @__PURE__ */ React173.createElement(React173.Fragment, null, /* @__PURE__ */ React173.createElement(Button, { onClick: () => setDeviceType(""), css: { w: "100%", mb: "$6" } }, "I've allowed access"), /* @__PURE__ */ React173.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType(""), css: { w: "100%" } }, "Continue anyway")) : null,
-    !isMobile ? /* @__PURE__ */ React173.createElement(Flex, { justify: "end", css: { w: "100%" } }, /* @__PURE__ */ React173.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType("") }, "Dismiss")) : null
+    /* @__PURE__ */ React175.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__ */ React175.createElement(React175.Fragment, null, /* @__PURE__ */ React175.createElement(Button, { onClick: () => window.location.reload(), css: { w: "100%", mb: "$6" } }, "Reload"), /* @__PURE__ */ React175.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType(""), css: { w: "100%" } }, "Continue anyway")) : null,
+    isMobile && isAndroid ? /* @__PURE__ */ React175.createElement(React175.Fragment, null, /* @__PURE__ */ React175.createElement(Button, { onClick: () => setDeviceType(""), css: { w: "100%", mb: "$6" } }, "I've allowed access"), /* @__PURE__ */ React175.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType(""), css: { w: "100%" } }, "Continue anyway")) : null,
+    !isMobile ? /* @__PURE__ */ React175.createElement(Flex, { justify: "end", css: { w: "100%" } }, /* @__PURE__ */ React175.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType("") }, "Dismiss")) : null
   ))) : null;
 };
 
+// src/Prebuilt/components/Notifications/PollNotificationModal.tsx
+init_define_process_env();
+import React176, { useEffect as useEffect75 } from "react";
+import {
+  HMSNotificationTypes as HMSNotificationTypes9,
+  selectLocalPeerID as selectLocalPeerID15,
+  selectPeerNameByID as selectPeerNameByID7,
+  useHMSNotifications as useHMSNotifications10,
+  useHMSStore as useHMSStore92,
+  useHMSVanillaStore as useHMSVanillaStore17
+} from "@100mslive/react-sdk";
+var notificationTypes2 = [HMSNotificationTypes9.POLL_STARTED, HMSNotificationTypes9.POLL_STOPPED];
+var pollToastKey = {};
+var PollNotificationModal = () => {
+  const togglePollView = usePollViewToggle();
+  const localPeerID = useHMSStore92(selectLocalPeerID15);
+  const vanillaStore = useHMSVanillaStore17();
+  const screenProps = useRoomLayoutConferencingScreen();
+  const notification = useHMSNotifications10(notificationTypes2);
+  useEffect75(() => {
+    switch (notification == null ? void 0 : notification.type) {
+      case HMSNotificationTypes9.POLL_STARTED:
+        if (notification.data.startedBy !== localPeerID && screenProps.screenType !== "hls_live_streaming") {
+          const pollStartedBy = vanillaStore.getState(selectPeerNameByID7(notification.data.startedBy)) || "Participant";
+          const pollToastID = ToastManager.addToast({
+            title: `${pollStartedBy} started a ${notification.data.type}: ${notification.data.title}`,
+            action: /* @__PURE__ */ React176.createElement(
+              Button,
+              {
+                onClick: () => togglePollView(notification.data.id),
+                variant: "standard",
+                css: {
+                  backgroundColor: "$surface_bright",
+                  fontWeight: "$semiBold",
+                  color: "$on_surface_high",
+                  p: "$xs $md"
+                }
+              },
+              notification.data.type === "quiz" ? "Answer" : "Vote"
+            ),
+            duration: Infinity
+          });
+          pollToastKey[notification.data.id] = pollToastID;
+        }
+        break;
+      case HMSNotificationTypes9.POLL_STOPPED:
+        {
+          const pollID = notification == null ? void 0 : notification.data.id;
+          if (pollID && (pollToastKey == null ? void 0 : pollToastKey[pollID])) {
+            ToastManager.removeToast(pollToastKey == null ? void 0 : pollToastKey[notification.data.id]);
+            delete pollToastKey[notification == null ? void 0 : notification.data.id];
+          }
+        }
+        break;
+      default:
+        break;
+    }
+  }, [notification]);
+  return null;
+};
+
 // src/Prebuilt/components/Notifications/ReconnectNotifications.tsx
 init_define_process_env();
-import { useEffect as useEffect71, useRef as useRef33 } from "react";
-import { HMSNotificationTypes as HMSNotificationTypes6, useHMSNotifications as useHMSNotifications6 } from "@100mslive/react-sdk";
-var notificationTypes2 = [
-  HMSNotificationTypes6.RECONNECTED,
-  HMSNotificationTypes6.RECONNECTING,
-  HMSNotificationTypes6.ERROR
-];
+import { useEffect as useEffect76, useRef as useRef33 } from "react";
+import { HMSNotificationTypes as HMSNotificationTypes10, useHMSNotifications as useHMSNotifications11 } from "@100mslive/react-sdk";
+var notificationTypes3 = [HMSNotificationTypes10.RECONNECTED, HMSNotificationTypes10.RECONNECTING];
 var notificationId = null;
 var ReconnectNotifications = () => {
-  const notification = useHMSNotifications6(notificationTypes2);
+  const notification = useHMSNotifications11(notificationTypes3);
   const prevErrorCode = useRef33(0);
-  useEffect71(() => {
+  useEffect76(() => {
     var _a7, _b7;
     if (!notification) {
       return;
     }
-    if (notification.type === HMSNotificationTypes6.RECONNECTED) {
+    if (notification.type === HMSNotificationTypes10.RECONNECTED) {
       notificationId = ToastManager.replaceToast(
         notificationId,
         ToastConfig.RECONNECTED.single([4005, 4006].includes(prevErrorCode.current))
       );
-    } else if (notification.type === HMSNotificationTypes6.RECONNECTING) {
+    } else if (notification.type === HMSNotificationTypes10.RECONNECTING) {
       prevErrorCode.current = ((_a7 = notification.data) == null ? void 0 : _a7.code) || 0;
       notificationId = ToastManager.replaceToast(
         notificationId,
@@ -32875,28 +33101,29 @@ var ReconnectNotifications = () => {
 
 // src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx
 init_define_process_env();
-import React174, { useEffect as useEffect72, useState as useState74 } from "react";
+import React177, { useEffect as useEffect77, useState as useState75 } from "react";
 import {
-  HMSNotificationTypes as HMSNotificationTypes7,
-  useHMSActions as useHMSActions54,
-  useHMSNotifications as useHMSNotifications7
+  HMSNotificationTypes as HMSNotificationTypes11,
+  useHMSActions as useHMSActions55,
+  useHMSNotifications as useHMSNotifications12
 } from "@100mslive/react-sdk";
 import { MicOnIcon as MicOnIcon5 } from "@100mslive/react-icons";
+var notificationTypes4 = [
+  HMSNotificationTypes11.CHANGE_MULTI_TRACK_STATE_REQUEST,
+  HMSNotificationTypes11.ROOM_ENDED,
+  HMSNotificationTypes11.REMOVED_FROM_ROOM
+];
 var TrackBulkUnmuteModal = () => {
-  const hmsActions = useHMSActions54();
-  const [muteNotification, setMuteNotification] = useState74(null);
-  const notification = useHMSNotifications7([
-    HMSNotificationTypes7.CHANGE_MULTI_TRACK_STATE_REQUEST,
-    HMSNotificationTypes7.ROOM_ENDED,
-    HMSNotificationTypes7.REMOVED_FROM_ROOM
-  ]);
-  useEffect72(() => {
+  const hmsActions = useHMSActions55();
+  const [muteNotification, setMuteNotification] = useState75(null);
+  const notification = useHMSNotifications12(notificationTypes4);
+  useEffect77(() => {
     switch (notification == null ? void 0 : notification.type) {
-      case HMSNotificationTypes7.REMOVED_FROM_ROOM:
-      case HMSNotificationTypes7.ROOM_ENDED:
+      case HMSNotificationTypes11.REMOVED_FROM_ROOM:
+      case HMSNotificationTypes11.ROOM_ENDED:
         setMuteNotification(null);
         break;
-      case HMSNotificationTypes7.CHANGE_MULTI_TRACK_STATE_REQUEST:
+      case HMSNotificationTypes11.CHANGE_MULTI_TRACK_STATE_REQUEST:
         if (notification == null ? void 0 : notification.data.enabled) {
           setMuteNotification(notification.data);
         }
@@ -32910,7 +33137,7 @@ var TrackBulkUnmuteModal = () => {
   }
   const { requestedBy: peer, tracks, enabled } = muteNotification;
   const types = new Set(tracks.map((track) => track.type));
-  return /* @__PURE__ */ React174.createElement(
+  return /* @__PURE__ */ React177.createElement(
     RequestDialog,
     {
       title: "Unmute request",
@@ -32929,19 +33156,39 @@ var TrackBulkUnmuteModal = () => {
 
 // src/Prebuilt/components/Notifications/TrackNotifications.tsx
 init_define_process_env();
-import { useEffect as useEffect73 } from "react";
-import { HMSNotificationTypes as HMSNotificationTypes8, useHMSNotifications as useHMSNotifications8 } from "@100mslive/react-sdk";
-var notificationTypes3 = [
-  HMSNotificationTypes8.TRACK_ADDED,
-  HMSNotificationTypes8.TRACK_REMOVED,
-  HMSNotificationTypes8.TRACK_MUTED,
-  HMSNotificationTypes8.TRACK_UNMUTED
+import { useEffect as useEffect78 } from "react";
+import { HMSNotificationTypes as HMSNotificationTypes12, useHMSNotifications as useHMSNotifications13 } from "@100mslive/react-sdk";
+var notificationTypes5 = [
+  HMSNotificationTypes12.TRACK_ADDED,
+  HMSNotificationTypes12.TRACK_REMOVED,
+  HMSNotificationTypes12.TRACK_MUTED,
+  HMSNotificationTypes12.TRACK_UNMUTED,
+  HMSNotificationTypes12.CHANGE_TRACK_STATE_REQUEST
 ];
 var TrackNotifications = () => {
-  const notification = useHMSNotifications8(notificationTypes3);
-  useEffect73(() => {
+  const notification = useHMSNotifications13(notificationTypes5);
+  useEffect78(() => {
+    var _a7, _b7;
     if (notification) {
-      console.debug(`[${notification.type}]`, notification);
+      switch (notification.type) {
+        case HMSNotificationTypes12.TRACK_ADDED:
+        case HMSNotificationTypes12.TRACK_REMOVED:
+        case HMSNotificationTypes12.TRACK_MUTED:
+        case HMSNotificationTypes12.TRACK_UNMUTED:
+          console.debug(`[${notification.type}]`, notification);
+          break;
+        case HMSNotificationTypes12.CHANGE_TRACK_STATE_REQUEST:
+          {
+            const track = (_a7 = notification.data) == null ? void 0 : _a7.track;
+            if (!notification.data.enabled) {
+              ToastManager.addToast({
+                title: `Your ${track.source} ${track.type} was muted by
+                  ${(_b7 = notification.data.requestedBy) == null ? void 0 : _b7.name}.`
+              });
+            }
+          }
+          break;
+      }
     }
   }, [notification]);
   return null;
@@ -32949,28 +33196,33 @@ var TrackNotifications = () => {
 
 // src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx
 init_define_process_env();
-import React175, { useEffect as useEffect74, useState as useState75 } from "react";
+import React178, { useEffect as useEffect79, useState as useState76 } from "react";
 import {
-  HMSNotificationTypes as HMSNotificationTypes9,
-  useHMSActions as useHMSActions55,
-  useHMSNotifications as useHMSNotifications9
+  HMSNotificationTypes as HMSNotificationTypes13,
+  useHMSActions as useHMSActions56,
+  useHMSNotifications as useHMSNotifications14
 } from "@100mslive/react-sdk";
 import { MicOnIcon as MicOnIcon6 } from "@100mslive/react-icons";
+var notificationTypes6 = [
+  HMSNotificationTypes13.CHANGE_TRACK_STATE_REQUEST,
+  HMSNotificationTypes13.ROOM_ENDED,
+  HMSNotificationTypes13.REMOVED_FROM_ROOM
+];
 var TrackUnmuteModal = () => {
-  const hmsActions = useHMSActions55();
-  const notification = useHMSNotifications9([
-    HMSNotificationTypes9.CHANGE_TRACK_STATE_REQUEST,
-    HMSNotificationTypes9.ROOM_ENDED,
-    HMSNotificationTypes9.REMOVED_FROM_ROOM
-  ]);
-  const [muteNotification, setMuteNotification] = useState75(null);
-  useEffect74(() => {
+  const hmsActions = useHMSActions56();
+  const notification = useHMSNotifications14(notificationTypes6);
+  const [muteNotification, setMuteNotification] = useState76(null);
+  useEffect79(() => {
     switch (notification == null ? void 0 : notification.type) {
-      case HMSNotificationTypes9.REMOVED_FROM_ROOM:
-      case HMSNotificationTypes9.ROOM_ENDED:
+      case HMSNotificationTypes13.REMOVED_FROM_ROOM:
+      case HMSNotificationTypes13.ROOM_ENDED:
+        ToastManager.addToast({
+          title: `${notification.message}. 
+              ${notification.data.reason && `Reason: ${notification.data.reason}`}`
+        });
         setMuteNotification(null);
         break;
-      case HMSNotificationTypes9.CHANGE_TRACK_STATE_REQUEST:
+      case HMSNotificationTypes13.CHANGE_TRACK_STATE_REQUEST:
         if (notification == null ? void 0 : notification.data.enabled) {
           setMuteNotification(notification.data);
         }
@@ -32983,7 +33235,7 @@ var TrackUnmuteModal = () => {
     return null;
   }
   const { requestedBy: peer, track, enabled } = muteNotification;
-  return /* @__PURE__ */ React175.createElement(
+  return /* @__PURE__ */ React178.createElement(
     RequestDialog,
     {
       title: `Unmute your ${track.type}?`,
@@ -33000,14 +33252,14 @@ var TrackUnmuteModal = () => {
 
 // src/Prebuilt/components/Notifications/TranscriptionNotifications.tsx
 init_define_process_env();
-import React176, { useEffect as useEffect75 } from "react";
+import React179, { useEffect as useEffect80 } from "react";
 import { match as match15 } from "ts-pattern";
-import { HMSNotificationTypes as HMSNotificationTypes10, HMSTranscriptionState, useHMSNotifications as useHMSNotifications10 } from "@100mslive/react-sdk";
+import { HMSNotificationTypes as HMSNotificationTypes14, HMSTranscriptionState, useHMSNotifications as useHMSNotifications15 } from "@100mslive/react-sdk";
 import { AlertTriangleIcon as AlertTriangleIcon8, ClosedCaptionIcon as ClosedCaptionIcon3, OpenCaptionIcon as OpenCaptionIcon4 } from "@100mslive/react-icons";
 var TranscriptionNotifications = () => {
-  const notification = useHMSNotifications10(HMSNotificationTypes10.TRANSCRIPTION_STATE_UPDATED);
+  const notification = useHMSNotifications15(HMSNotificationTypes14.TRANSCRIPTION_STATE_UPDATED);
   const [toastId, setToastId] = useSetAppDataByKey(CAPTION_TOAST.captionToast);
-  useEffect75(() => {
+  useEffect80(() => {
     if (!(notification == null ? void 0 : notification.data)) {
       return;
     }
@@ -33021,7 +33273,7 @@ var TranscriptionNotifications = () => {
           id = ToastManager.replaceToast(toastId, {
             title: `Failed to enable Closed Caption`,
             variant: "error",
-            icon: /* @__PURE__ */ React176.createElement(AlertTriangleIcon8, { style: { marginRight: "0.5rem" } })
+            icon: /* @__PURE__ */ React179.createElement(AlertTriangleIcon8, { style: { marginRight: "0.5rem" } })
           });
         }
       ).with({ state: HMSTranscriptionState.STARTED }, () => {
@@ -33029,14 +33281,14 @@ var TranscriptionNotifications = () => {
           title: `Closed Captioning enabled for everyone`,
           variant: "standard",
           duration: 2e3,
-          icon: /* @__PURE__ */ React176.createElement(ClosedCaptionIcon3, { style: { marginRight: "0.5rem" } })
+          icon: /* @__PURE__ */ React179.createElement(ClosedCaptionIcon3, { style: { marginRight: "0.5rem" } })
         });
       }).with({ state: HMSTranscriptionState.STOPPED }, () => {
         id = ToastManager.replaceToast(toastId, {
           title: `Closed Captioning disabled for everyone`,
           variant: "standard",
           duration: 2e3,
-          icon: /* @__PURE__ */ React176.createElement(OpenCaptionIcon4, { style: { marginRight: "0.5rem" } })
+          icon: /* @__PURE__ */ React179.createElement(OpenCaptionIcon4, { style: { marginRight: "0.5rem" } })
         });
       }).otherwise(() => null);
       setToastId(id);
@@ -33046,22 +33298,9 @@ var TranscriptionNotifications = () => {
 };
 
 // src/Prebuilt/components/Notifications/Notifications.tsx
-var pollToastKey = {};
 function Notifications() {
-  var _a7, _b7;
-  const localPeerID = useHMSStore91(selectLocalPeerID15);
-  const notification = useHMSNotifications11();
-  const subscribedNotifications = useSubscribedNotifications() || {};
-  const roomState = useHMSStore91(selectRoomState10);
-  const updateRoomLayoutForRole = useUpdateRoomLayout();
+  const roomState = useHMSStore93(selectRoomState10);
   const isNotificationDisabled = useIsNotificationDisabled();
-  const screenProps = useRoomLayoutConferencingScreen();
-  const vanillaStore = useHMSVanillaStore17();
-  const togglePollView = usePollViewToggle();
-  const { showNotification } = useAwayNotifications5();
-  const amIScreenSharing = useHMSStore91(selectIsLocalScreenShared4);
-  const logoURL = (_b7 = (_a7 = useRoomLayout()) == null ? void 0 : _a7.logo) == null ? void 0 : _b7.url;
-  const { pipWindow } = usePIPWindow();
   const handleRoleChangeDenied = useCallback36((request) => {
     ToastManager.addToast({
       title: `${request.peerName} denied your request to join the ${request.role.name} role`,
@@ -33069,132 +33308,18 @@ function Notifications() {
     });
   }, []);
   useCustomEvent4({ type: ROLE_CHANGE_DECLINED, onEvent: handleRoleChangeDenied });
-  useEffect76(() => {
-    var _a8, _b8, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n2, _o2, _p, _q;
-    if (!notification || isNotificationDisabled) {
-      return;
-    }
-    switch (notification.type) {
-      case HMSNotificationTypes11.NAME_UPDATED:
-        console.log(notification.data.id + " changed their name to " + notification.data.name);
-        break;
-      case HMSNotificationTypes11.ERROR:
-        if (((_a8 = notification.data) == null ? void 0 : _a8.isTerminal) && ((_b8 = notification.data) == null ? void 0 : _b8.action) !== "INIT") {
-          if ([500, 6008].includes((_c = notification.data) == null ? void 0 : _c.code)) {
-            ToastManager.addToast({
-              title: `Error: ${(_d = notification.data) == null ? void 0 : _d.message}`
-            });
-          } else if (((_e = notification.data) == null ? void 0 : _e.message) === "role limit reached") {
-            ToastManager.addToast({
-              title: "The room is currently full, try joining later",
-              close: true,
-              icon: /* @__PURE__ */ React177.createElement(Box, { css: { color: "$alert_error_default" } }, /* @__PURE__ */ React177.createElement(GroupIcon2, null))
-            });
-          } else {
-            ToastManager.addToast({
-              title: ((_f = notification.data) == null ? void 0 : _f.message) || "We couldn\u2019t reconnect you. When you\u2019re back online, try joining the room.",
-              close: false
-            });
-          }
-          return;
-        }
-        if (((_g = notification.data) == null ? void 0 : _g.code) === 3008 || ((_h = notification.data) == null ? void 0 : _h.code) === 3001 || ((_i = notification.data) == null ? void 0 : _i.code) === 3011) {
-          return;
-        }
-        if (((_j = notification.data) == null ? void 0 : _j.action) === "INIT") {
-          return;
-        }
-        if (!subscribedNotifications.ERROR)
-          return;
-        ToastManager.addToast({
-          title: `Error: ${(_k = notification.data) == null ? void 0 : _k.message} - ${(_l = notification.data) == null ? void 0 : _l.description}`
-        });
-        break;
-      case HMSNotificationTypes11.ROLE_UPDATED: {
-        if (((_m = notification.data) == null ? void 0 : _m.isLocal) && ((_n2 = notification.data) == null ? void 0 : _n2.roleName)) {
-          ToastManager.addToast({
-            title: `You are now a ${notification.data.roleName}`
-          });
-          updateRoomLayoutForRole == null ? void 0 : updateRoomLayoutForRole(notification.data.roleName);
-        }
-        break;
-      }
-      case HMSNotificationTypes11.CHANGE_TRACK_STATE_REQUEST:
-        const track = (_o2 = notification.data) == null ? void 0 : _o2.track;
-        if (!notification.data.enabled) {
-          ToastManager.addToast({
-            title: `Your ${track.source} ${track.type} was muted by
-                ${(_p = notification.data.requestedBy) == null ? void 0 : _p.name}.`
-          });
-        }
-        break;
-      case HMSNotificationTypes11.REMOVED_FROM_ROOM:
-      case HMSNotificationTypes11.ROOM_ENDED:
-        ToastManager.addToast({
-          title: `${notification.message}. 
-              ${notification.data.reason && `Reason: ${notification.data.reason}`}`
-        });
-        break;
-      case HMSNotificationTypes11.DEVICE_CHANGE_UPDATE:
-        ToastManager.addToast({
-          title: notification.message
-        });
-        break;
-      case HMSNotificationTypes11.POLL_STARTED:
-        if (notification.data.startedBy !== localPeerID && screenProps.screenType !== "hls_live_streaming") {
-          const pollStartedBy = vanillaStore.getState(selectPeerNameByID7(notification.data.startedBy)) || "Participant";
-          const pollToastID = ToastManager.addToast({
-            title: `${pollStartedBy} started a ${notification.data.type}: ${notification.data.title}`,
-            action: /* @__PURE__ */ React177.createElement(
-              Button,
-              {
-                onClick: () => togglePollView(notification.data.id),
-                variant: "standard",
-                css: {
-                  backgroundColor: "$surface_bright",
-                  fontWeight: "$semiBold",
-                  color: "$on_surface_high",
-                  p: "$xs $md"
-                }
-              },
-              notification.data.type === "quiz" ? "Answer" : "Vote"
-            ),
-            duration: Infinity
-          });
-          pollToastKey[notification.data.id] = pollToastID;
-        }
-        break;
-      case HMSNotificationTypes11.POLL_STOPPED:
-        const pollID = notification == null ? void 0 : notification.data.id;
-        if (pollID && (pollToastKey == null ? void 0 : pollToastKey[pollID])) {
-          ToastManager.removeToast(pollToastKey == null ? void 0 : pollToastKey[notification.data.id]);
-          delete pollToastKey[notification == null ? void 0 : notification.data.id];
-        }
-        break;
-      case HMSNotificationTypes11.NEW_MESSAGE:
-        if (amIScreenSharing && !((_q = notification.data) == null ? void 0 : _q.ignored) && !pipWindow) {
-          showNotification(`New message from ${notification.data.senderName}`, {
-            body: notification.data.message,
-            icon: logoURL
-          });
-        }
-        break;
-      default:
-        break;
-    }
-  }, [notification, subscribedNotifications.ERROR, subscribedNotifications.METADATA_UPDATED]);
   if (isNotificationDisabled) {
     return null;
   }
-  return /* @__PURE__ */ React177.createElement(React177.Fragment, null, /* @__PURE__ */ React177.createElement(TrackUnmuteModal, null), /* @__PURE__ */ React177.createElement(TrackBulkUnmuteModal, null), /* @__PURE__ */ React177.createElement(TrackNotifications, null), roomState === HMSRoomState10.Connected ? /* @__PURE__ */ React177.createElement(PeerNotifications, null) : null, /* @__PURE__ */ React177.createElement(ReconnectNotifications, null), /* @__PURE__ */ React177.createElement(AutoplayBlockedModal, null), /* @__PURE__ */ React177.createElement(PermissionErrorNotificationModal, null), /* @__PURE__ */ React177.createElement(InitErrorModal, null), /* @__PURE__ */ React177.createElement(ChatNotifications, null), /* @__PURE__ */ React177.createElement(HandRaisedNotifications, null), /* @__PURE__ */ React177.createElement(TranscriptionNotifications, null));
+  return /* @__PURE__ */ React180.createElement(React180.Fragment, null, /* @__PURE__ */ React180.createElement(TrackUnmuteModal, null), /* @__PURE__ */ React180.createElement(TrackBulkUnmuteModal, null), /* @__PURE__ */ React180.createElement(TrackNotifications, null), roomState === HMSRoomState10.Connected ? /* @__PURE__ */ React180.createElement(PeerNotifications, null) : null, /* @__PURE__ */ React180.createElement(PollNotificationModal, null), /* @__PURE__ */ React180.createElement(MessageNotifications, null), /* @__PURE__ */ React180.createElement(DeviceChangeNotifications, null), /* @__PURE__ */ React180.createElement(ReconnectNotifications, null), /* @__PURE__ */ React180.createElement(ErrorNotifications, null), /* @__PURE__ */ React180.createElement(AutoplayBlockedModal, null), /* @__PURE__ */ React180.createElement(PermissionErrorNotificationModal, null), /* @__PURE__ */ React180.createElement(InitErrorModal, null), /* @__PURE__ */ React180.createElement(ChatNotifications, null), /* @__PURE__ */ React180.createElement(HandRaisedNotifications, null), /* @__PURE__ */ React180.createElement(TranscriptionNotifications, null), /* @__PURE__ */ React180.createElement(DeviceInUseError, null));
 }
 
 // src/Prebuilt/components/PIP/PIPProvider.tsx
 init_define_process_env();
-import React178, { useCallback as useCallback37, useMemo as useMemo22, useState as useState76 } from "react";
+import React181, { useCallback as useCallback37, useMemo as useMemo22, useState as useState77 } from "react";
 var PIPProvider = ({ children }) => {
   const isSupported = "documentPictureInPicture" in window;
-  const [pipWindow, setPipWindow] = useState76(null);
+  const [pipWindow, setPipWindow] = useState77(null);
   const closePipWindow = useCallback37(() => {
     if (pipWindow != null) {
       pipWindow.close();
@@ -33225,12 +33350,12 @@ var PIPProvider = ({ children }) => {
       closePipWindow
     };
   }, [closePipWindow, isSupported, pipWindow, requestPipWindow]);
-  return /* @__PURE__ */ React178.createElement(PIPContext.Provider, { value }, children);
+  return /* @__PURE__ */ React181.createElement(PIPContext.Provider, { value }, children);
 };
 
 // src/Prebuilt/components/Preview/PreviewScreen.tsx
 init_define_process_env();
-import React179 from "react";
+import React182 from "react";
 import { useSearchParam } from "react-use";
 var PreviewScreen = () => {
   var _a7, _b7, _c;
@@ -33242,28 +33367,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__ */ React179.createElement(Flex, { direction: "column", css: { size: "100%" } }, /* @__PURE__ */ React179.createElement(
+  return /* @__PURE__ */ React182.createElement(Flex, { direction: "column", css: { size: "100%" } }, /* @__PURE__ */ React182.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__ */ React179.createElement(PreviewJoin_default, { initialName, skipPreview, asRole: previewAsRole != null ? previewAsRole : void 0 }) : /* @__PURE__ */ React179.createElement(FullPageProgress_default, null)
+    authToken && Object.keys(previewHeader).length > 0 ? /* @__PURE__ */ React182.createElement(PreviewJoin_default, { initialName, skipPreview, asRole: previewAsRole != null ? previewAsRole : void 0 }) : /* @__PURE__ */ React182.createElement(FullPageProgress_default, null)
   ));
 };
 
 // src/Prebuilt/components/Toast/ToastContainer.jsx
 init_define_process_env();
-import React181, { useEffect as useEffect77, useState as useState77 } from "react";
-import { selectIsConnectedToRoom as selectIsConnectedToRoom11, useHMSStore as useHMSStore92 } from "@100mslive/react-sdk";
+import React184, { useEffect as useEffect81, useState as useState78 } from "react";
+import { selectIsConnectedToRoom as selectIsConnectedToRoom11, useHMSStore as useHMSStore94 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Toast/Toast.jsx
 init_define_process_env();
-import React180 from "react";
+import React183 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__ */ React180.createElement(
+  return /* @__PURE__ */ React183.createElement(
     Toast.HMSToast,
     __spreadValues({
       title,
@@ -33279,17 +33404,17 @@ var Toast2 = (_a7) => {
 
 // src/Prebuilt/components/Toast/ToastContainer.jsx
 var ToastContainer = () => {
-  const isConnected = useHMSStore92(selectIsConnectedToRoom11);
-  const [toasts, setToast] = useState77([]);
-  useEffect77(() => {
+  const isConnected = useHMSStore94(selectIsConnectedToRoom11);
+  const [toasts, setToast] = useState78([]);
+  useEffect81(() => {
     ToastManager.addListener(setToast);
     return () => {
       ToastManager.removeListener(setToast);
     };
   }, []);
-  return /* @__PURE__ */ React181.createElement(Toast.Provider, { swipeDirection: "left", duration: 3e3 }, toasts.slice(0, MAX_TOASTS).map((toast) => {
-    return /* @__PURE__ */ React181.createElement(Toast2, __spreadProps(__spreadValues({ key: toast.id }, toast), { onOpenChange: (value) => !value && ToastManager.removeToast(toast.id) }));
-  }), /* @__PURE__ */ React181.createElement(
+  return /* @__PURE__ */ React184.createElement(Toast.Provider, { swipeDirection: "left", duration: 3e3 }, toasts.slice(0, MAX_TOASTS).map((toast) => {
+    return /* @__PURE__ */ React184.createElement(Toast2, __spreadProps(__spreadValues({ key: toast.id }, toast), { onOpenChange: (value) => !value && ToastManager.removeToast(toast.id) }));
+  }), /* @__PURE__ */ React184.createElement(
     Toast.Viewport,
     {
       css: __spreadValues({
@@ -33301,50 +33426,50 @@ var ToastContainer = () => {
 
 // src/Prebuilt/layouts/Sheet.tsx
 init_define_process_env();
-import React183 from "react";
-import { selectAppData as selectAppData14, useHMSStore as useHMSStore93 } from "@100mslive/react-sdk";
+import React186 from "react";
+import { selectAppData as selectAppData14, useHMSStore as useHMSStore95 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/RoomDetails/RoomDetailsSheet.tsx
 init_define_process_env();
-import React182 from "react";
+import React185 from "react";
 import { CrossIcon as CrossIcon29 } from "@100mslive/react-icons";
 var RoomDetailsSheet = () => {
   const { title, description, details } = useRoomLayoutHeader();
   const toggleSheet = useSheetToggle(SHEET_OPTIONS.ROOM_DETAILS);
   const showRoomDetailsSheet = useIsSheetTypeOpen(SHEET_OPTIONS.ROOM_DETAILS);
-  return /* @__PURE__ */ React182.createElement(Sheet.Root, { open: showRoomDetailsSheet, onOpenChange: toggleSheet }, /* @__PURE__ */ React182.createElement(Sheet.Content, { css: { py: "$8", pb: "$12" } }, /* @__PURE__ */ React182.createElement(
+  return /* @__PURE__ */ React185.createElement(Sheet.Root, { open: showRoomDetailsSheet, onOpenChange: toggleSheet }, /* @__PURE__ */ React185.createElement(Sheet.Content, { css: { py: "$8", pb: "$12" } }, /* @__PURE__ */ React185.createElement(
     Flex,
     {
       justify: "between",
       align: "center",
       css: { w: "100%", borderBottom: "1px solid $border_bright", pb: "$4", mb: "$4", px: "$8" }
     },
-    /* @__PURE__ */ React182.createElement(Text, { css: { fontWeight: "$semiBold", color: "$on_surface_high" } }, "Description"),
-    /* @__PURE__ */ React182.createElement(Sheet.Close, { css: { color: "$on_surface_high" } }, /* @__PURE__ */ React182.createElement(CrossIcon29, null))
-  ), /* @__PURE__ */ React182.createElement(Flex, { align: "center", css: { w: "100%", gap: "$4", pb: "$8", px: "$8" } }, /* @__PURE__ */ React182.createElement(Logo, null), /* @__PURE__ */ React182.createElement(Box, null, /* @__PURE__ */ React182.createElement(Text, { variant: "sm", css: { c: "$on_secondary_high", fontWeight: "$semiBold" } }, title), /* @__PURE__ */ React182.createElement(RoomDetailsRow, { details }))), /* @__PURE__ */ React182.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", px: "$8" } }, description)));
+    /* @__PURE__ */ React185.createElement(Text, { css: { fontWeight: "$semiBold", color: "$on_surface_high" } }, "Description"),
+    /* @__PURE__ */ React185.createElement(Sheet.Close, { css: { color: "$on_surface_high" } }, /* @__PURE__ */ React185.createElement(CrossIcon29, null))
+  ), /* @__PURE__ */ React185.createElement(Flex, { align: "center", css: { w: "100%", gap: "$4", pb: "$8", px: "$8" } }, /* @__PURE__ */ React185.createElement(Logo, null), /* @__PURE__ */ React185.createElement(Box, null, /* @__PURE__ */ React185.createElement(Text, { variant: "sm", css: { c: "$on_secondary_high", fontWeight: "$semiBold" } }, title), /* @__PURE__ */ React185.createElement(RoomDetailsRow, { details }))), /* @__PURE__ */ React185.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", px: "$8" } }, description)));
 };
 
 // src/Prebuilt/layouts/Sheet.tsx
 var Sheet2 = () => {
-  const sheet = useHMSStore93(selectAppData14(APP_DATA.sheet));
+  const sheet = useHMSStore95(selectAppData14(APP_DATA.sheet));
   let ViewComponent;
   if (sheet === SHEET_OPTIONS.ROOM_DETAILS) {
-    ViewComponent = /* @__PURE__ */ React183.createElement(RoomDetailsSheet, null);
+    ViewComponent = /* @__PURE__ */ React186.createElement(RoomDetailsSheet, null);
   }
-  return /* @__PURE__ */ React183.createElement(Box, null, ViewComponent);
+  return /* @__PURE__ */ React186.createElement(Box, null, ViewComponent);
 };
 
 // src/Prebuilt/plugins/FlyingEmoji.jsx
 init_define_process_env();
-import React184, { useCallback as useCallback38, useEffect as useEffect78, useMemo as useMemo23, useState as useState78 } from "react";
+import React187, { useCallback as useCallback38, useEffect as useEffect82, useMemo as useMemo23, useState as useState79 } from "react";
 import { useMedia as useMedia46 } from "react-use";
 import {
   selectIsLargeRoom as selectIsLargeRoom4,
   selectLocalPeerID as selectLocalPeerID16,
   selectPeerNameByID as selectPeerNameByID8,
   useCustomEvent as useCustomEvent5,
-  useHMSActions as useHMSActions56,
-  useHMSStore as useHMSStore94,
+  useHMSActions as useHMSActions57,
+  useHMSStore as useHMSStore96,
   useHMSVanillaStore as useHMSVanillaStore18
 } from "@100mslive/react-sdk";
 var emojiCount = 1;
@@ -33371,12 +33496,12 @@ var getStartingPoints = (isMobile) => {
   return arr;
 };
 function FlyingEmoji() {
-  const localPeerId = useHMSStore94(selectLocalPeerID16);
+  const localPeerId = useHMSStore96(selectLocalPeerID16);
   const vanillaStore = useHMSVanillaStore18();
-  const hmsActions = useHMSActions56();
-  const [emojis, setEmojis] = useState78([]);
+  const hmsActions = useHMSActions57();
+  const [emojis, setEmojis] = useState79([]);
   const isMobile = useMedia46(config.media.md);
-  const isLargeRoom = useHMSStore94(selectIsLargeRoom4);
+  const isLargeRoom = useHMSStore96(selectIsLargeRoom4);
   const startingPoints = useMemo23(() => getStartingPoints(isMobile), [isMobile]);
   const showFlyingEmoji = useCallback38(
     (_0) => __async(this, [_0], function* ({ emojiId, senderId }) {
@@ -33410,10 +33535,10 @@ function FlyingEmoji() {
     type: EMOJI_REACTION_TYPE,
     onEvent: showFlyingEmoji
   });
-  useEffect78(() => {
+  useEffect82(() => {
     window.showFlyingEmoji = showFlyingEmoji;
   }, [showFlyingEmoji]);
-  return /* @__PURE__ */ React184.createElement(
+  return /* @__PURE__ */ React187.createElement(
     Box,
     {
       css: {
@@ -33429,7 +33554,7 @@ function FlyingEmoji() {
       }
     },
     emojis.map((emoji) => {
-      return /* @__PURE__ */ React184.createElement(
+      return /* @__PURE__ */ React187.createElement(
         Flex,
         {
           key: emoji.id,
@@ -33443,8 +33568,8 @@ function FlyingEmoji() {
           },
           onAnimationEnd: () => setEmojis(emojis.filter((item) => item.id !== emoji.id))
         },
-        /* @__PURE__ */ React184.createElement(Box, null, /* @__PURE__ */ React184.createElement("em-emoji", { id: emoji.emojiId, size: "48px", set: "apple" })),
-        emoji.senderName ? /* @__PURE__ */ React184.createElement(
+        /* @__PURE__ */ React187.createElement(Box, null, /* @__PURE__ */ React187.createElement("em-emoji", { id: emoji.emojiId, size: "48px", set: "apple" })),
+        emoji.senderName ? /* @__PURE__ */ React187.createElement(
           Box,
           {
             css: {
@@ -33454,7 +33579,7 @@ function FlyingEmoji() {
               borderRadius: "$1"
             }
           },
-          /* @__PURE__ */ React184.createElement(
+          /* @__PURE__ */ React187.createElement(
             Text,
             {
               css: {
@@ -33473,10 +33598,10 @@ function FlyingEmoji() {
 
 // src/Prebuilt/plugins/RemoteStopScreenshare.jsx
 init_define_process_env();
-import React185, { useCallback as useCallback39 } from "react";
-import { useCustomEvent as useCustomEvent6, useHMSActions as useHMSActions57 } from "@100mslive/react-sdk";
+import React188, { useCallback as useCallback39 } from "react";
+import { useCustomEvent as useCustomEvent6, useHMSActions as useHMSActions58 } from "@100mslive/react-sdk";
 function RemoteStopScreenshare() {
-  const actions = useHMSActions57();
+  const actions = useHMSActions58();
   const onRemoteStopScreenshare = useCallback39(() => __async(this, null, function* () {
     yield actions.setScreenShareEnabled(false);
   }), [actions]);
@@ -33484,25 +33609,25 @@ function RemoteStopScreenshare() {
     type: REMOTE_STOP_SCREENSHARE_TYPE,
     onEvent: onRemoteStopScreenshare
   });
-  return /* @__PURE__ */ React185.createElement(React185.Fragment, null);
+  return /* @__PURE__ */ React188.createElement(React188.Fragment, null);
 }
 
 // src/Prebuilt/components/hooks/useAutoStartStreaming.tsx
 init_define_process_env();
-import { useCallback as useCallback40, useEffect as useEffect79, useRef as useRef34 } from "react";
+import { useCallback as useCallback40, useEffect as useEffect83, useRef as useRef34 } from "react";
 import {
   selectIsConnectedToRoom as selectIsConnectedToRoom12,
   selectPermissions as selectPermissions20,
-  useHMSActions as useHMSActions58,
-  useHMSStore as useHMSStore95,
+  useHMSActions as useHMSActions59,
+  useHMSStore as useHMSStore97,
   useRecordingStreaming as useRecordingStreaming12
 } from "@100mslive/react-sdk";
 var useAutoStartStreaming = () => {
   const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
-  const permissions = useHMSStore95(selectPermissions20);
+  const permissions = useHMSStore97(selectPermissions20);
   const showStreamingUI = useShowStreamingUI();
-  const hmsActions = useHMSActions58();
-  const isConnected = useHMSStore95(selectIsConnectedToRoom12);
+  const hmsActions = useHMSActions59();
+  const isConnected = useHMSStore97(selectIsConnectedToRoom12);
   const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = useRecordingStreaming12();
   const streamStartedRef = useRef34(false);
   const startHLS = useCallback40(() => __async(void 0, null, function* () {
@@ -33528,12 +33653,12 @@ var useAutoStartStreaming = () => {
     isHLSRecordingOn,
     isBrowserRecordingOn
   ]);
-  useEffect79(() => {
+  useEffect83(() => {
     if (!isHLSStarted && !isHLSRunning) {
       streamStartedRef.current = false;
     }
   }, [isHLSStarted, isHLSRunning]);
-  useEffect79(() => {
+  useEffect83(() => {
     if (!isConnected || streamStartedRef.current || !(permissions == null ? void 0 : permissions.hlsStreaming)) {
       return;
     }
@@ -33542,7 +33667,7 @@ var useAutoStartStreaming = () => {
 };
 
 // src/Prebuilt/App.tsx
-var HMSPrebuilt = React186.forwardRef(
+var HMSPrebuilt = React189.forwardRef(
   ({
     roomCode = "",
     authToken = "",
@@ -33558,8 +33683,8 @@ var HMSPrebuilt = React186.forwardRef(
   }, ref) => {
     var _a7, _b7, _c, _d;
     const reactiveStore = useRef35();
-    const [hydrated, setHydrated] = React186.useState(false);
-    useEffect80(() => {
+    const [hydrated, setHydrated] = React189.useState(false);
+    useEffect84(() => {
       setHydrated(true);
       const hms = new HMSReactiveStore();
       const hmsStore = hms.getStore();
@@ -33574,13 +33699,13 @@ var HMSPrebuilt = React186.forwardRef(
         hmsNotifications
       };
     }, []);
-    useEffect80(() => {
+    useEffect84(() => {
       if (!ref || !reactiveStore.current) {
         return;
       }
       ref.current = __spreadValues({}, reactiveStore.current);
     }, [ref]);
-    useEffect80(() => {
+    useEffect84(() => {
       return () => {
         var _a8;
         VBHandler.reset();
@@ -33610,7 +33735,7 @@ var HMSPrebuilt = React186.forwardRef(
       return null;
     }
     globalStyles();
-    return /* @__PURE__ */ React186.createElement(ErrorBoundary, null, /* @__PURE__ */ React186.createElement(
+    return /* @__PURE__ */ React189.createElement(ErrorBoundary, null, /* @__PURE__ */ React189.createElement(
       HMSPrebuiltContext.Provider,
       {
         value: {
@@ -33628,7 +33753,7 @@ var HMSPrebuilt = React186.forwardRef(
           }
         }
       },
-      /* @__PURE__ */ React186.createElement(
+      /* @__PURE__ */ React189.createElement(
         HMSRoomProvider,
         {
           isHMSStatsOn: FeatureFlags.enableStatsForNerds,
@@ -33638,7 +33763,7 @@ var HMSPrebuilt = React186.forwardRef(
           stats: (_d = reactiveStore.current) == null ? void 0 : _d.hmsStats,
           leaveOnUnload
         },
-        /* @__PURE__ */ React186.createElement(RoomLayoutProvider, { roomLayoutEndpoint, overrideLayout }, /* @__PURE__ */ React186.createElement(RoomLayoutContext.Consumer, null, (data3) => {
+        /* @__PURE__ */ React189.createElement(RoomLayoutProvider, { roomLayoutEndpoint, overrideLayout }, /* @__PURE__ */ React189.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]) || {};
@@ -33647,7 +33772,7 @@ var HMSPrebuilt = React186.forwardRef(
           if (typography2 == null ? void 0 : typography2.font_family) {
             fontFamily = [`${typography2 == null ? void 0 : typography2.font_family}`, ...fontFamily];
           }
-          return /* @__PURE__ */ React186.createElement(
+          return /* @__PURE__ */ React189.createElement(
             HMSThemeProvider,
             {
               themeType: `${theme2.name}-${Date.now()}`,
@@ -33660,7 +33785,7 @@ var HMSPrebuilt = React186.forwardRef(
                 }
               }
             },
-            /* @__PURE__ */ React186.createElement(PIPProvider, null, /* @__PURE__ */ React186.createElement(Init, null), /* @__PURE__ */ React186.createElement(DialogContainerProvider, { dialogContainerSelector: containerSelector }, /* @__PURE__ */ React186.createElement(
+            /* @__PURE__ */ React189.createElement(PIPProvider, null, /* @__PURE__ */ React189.createElement(Init, null), /* @__PURE__ */ React189.createElement(DialogContainerProvider, { dialogContainerSelector: containerSelector }, /* @__PURE__ */ React189.createElement(
               Box,
               {
                 className: DEFAULT_PORTAL_CONTAINER.slice(1),
@@ -33672,7 +33797,7 @@ var HMSPrebuilt = React186.forwardRef(
                   position: "relative"
                 }
               },
-              /* @__PURE__ */ React186.createElement(
+              /* @__PURE__ */ React189.createElement(
                 AppRoutes,
                 {
                   authTokenByRoomCodeEndpoint: tokenByRoomCodeEndpoint,
@@ -33691,12 +33816,12 @@ var AppStates = ({ activeState }) => {
   const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
   const { isLeaveScreenEnabled } = useRoomLayoutLeaveScreen();
   useAutoStartStreaming();
-  return match16({ activeState, isPreviewScreenEnabled, isLeaveScreenEnabled }).with({ activeState: "preview" /* PREVIEW */, isPreviewScreenEnabled: true }, () => /* @__PURE__ */ React186.createElement(PreviewScreen, null)).with({ activeState: "leave" /* LEAVE */, isLeaveScreenEnabled: true }, () => /* @__PURE__ */ React186.createElement(LeaveScreen, null)).otherwise(() => /* @__PURE__ */ React186.createElement(ConferenceScreen, null));
+  return match16({ activeState, isPreviewScreenEnabled, isLeaveScreenEnabled }).with({ activeState: "preview" /* PREVIEW */, isPreviewScreenEnabled: true }, () => /* @__PURE__ */ React189.createElement(PreviewScreen, null)).with({ activeState: "leave" /* LEAVE */, isLeaveScreenEnabled: true }, () => /* @__PURE__ */ React189.createElement(LeaveScreen, null)).otherwise(() => /* @__PURE__ */ React189.createElement(ConferenceScreen, null));
 };
 var BackSwipe = () => {
-  const isConnectedToRoom = useHMSStore96(selectIsConnectedToRoom13);
-  const hmsActions = useHMSActions59();
-  useEffect80(() => {
+  const isConnectedToRoom = useHMSStore98(selectIsConnectedToRoom13);
+  const hmsActions = useHMSActions60();
+  useEffect84(() => {
     const onRouteLeave = () => __async(void 0, null, function* () {
       if (isConnectedToRoom) {
         yield hmsActions.leave();
@@ -33716,14 +33841,14 @@ function AppRoutes({
   const roomLayout = useRoomLayout();
   const isNotificationsDisabled = useIsNotificationDisabled();
   const { activeState, rejoin } = useAppStateManager();
-  return /* @__PURE__ */ React186.createElement(AppStateContext.Provider, { value: { rejoin } }, /* @__PURE__ */ React186.createElement(React186.Fragment, null, activeState !== "leave" /* LEAVE */ && /* @__PURE__ */ React186.createElement(AppData, null), /* @__PURE__ */ React186.createElement(ToastContainer, null), /* @__PURE__ */ React186.createElement(Notifications, null), /* @__PURE__ */ React186.createElement(MwebLandscapePrompt, null), /* @__PURE__ */ React186.createElement(Sheet2, null), /* @__PURE__ */ React186.createElement(BackSwipe, null), !isNotificationsDisabled && /* @__PURE__ */ React186.createElement(FlyingEmoji, null), /* @__PURE__ */ React186.createElement(RemoteStopScreenshare, null), /* @__PURE__ */ React186.createElement(KeyboardHandler, null), /* @__PURE__ */ React186.createElement(
+  return /* @__PURE__ */ React189.createElement(AppStateContext.Provider, { value: { rejoin } }, /* @__PURE__ */ React189.createElement(React189.Fragment, null, activeState !== "leave" /* LEAVE */ && /* @__PURE__ */ React189.createElement(AppData, null), /* @__PURE__ */ React189.createElement(ToastContainer, null), /* @__PURE__ */ React189.createElement(Notifications, null), /* @__PURE__ */ React189.createElement(MwebLandscapePrompt, null), /* @__PURE__ */ React189.createElement(Sheet2, null), /* @__PURE__ */ React189.createElement(BackSwipe, null), !isNotificationsDisabled && /* @__PURE__ */ React189.createElement(FlyingEmoji, null), /* @__PURE__ */ React189.createElement(RemoteStopScreenshare, null), /* @__PURE__ */ React189.createElement(KeyboardHandler, null), /* @__PURE__ */ React189.createElement(
     AuthToken_default,
     {
       authTokenByRoomCodeEndpoint,
       defaultAuthToken,
       activeState
     }
-  ), roomLayout && activeState && /* @__PURE__ */ React186.createElement(AppStates, { activeState })));
+  ), roomLayout && activeState && /* @__PURE__ */ React189.createElement(AppStates, { activeState })));
 }
 
 // src/Progress/index.tsx
@@ -33747,8 +33872,8 @@ init_define_process_env();
 
 // src/Diagnostics/Diagnostics.tsx
 init_define_process_env();
-import React194, { useCallback as useCallback42, useRef as useRef37, useState as useState84 } from "react";
-import { HMSRoomProvider as HMSRoomProvider2, useHMSActions as useHMSActions61 } from "@100mslive/react-sdk";
+import React197, { useCallback as useCallback42, useRef as useRef37, useState as useState85 } from "react";
+import { HMSRoomProvider as HMSRoomProvider2, useHMSActions as useHMSActions62 } from "@100mslive/react-sdk";
 import {
   CheckCircleIcon as CheckCircleIcon7,
   ConnectivityIcon as ConnectivityIcon2,
@@ -33760,24 +33885,24 @@ import {
 
 // src/Diagnostics/AudioTest.tsx
 init_define_process_env();
-import React190, { useCallback as useCallback41, useEffect as useEffect81, useState as useState80 } from "react";
+import React193, { useCallback as useCallback41, useEffect as useEffect85, useState as useState81 } from "react";
 import {
   selectDevices,
   selectLocalAudioTrackID as selectLocalAudioTrackID2,
   selectLocalMediaSettings,
   selectTrackAudioByID as selectTrackAudioByID2,
-  useHMSActions as useHMSActions60,
-  useHMSStore as useHMSStore97
+  useHMSActions as useHMSActions61,
+  useHMSStore as useHMSStore99
 } from "@100mslive/react-sdk";
 import { MicOnIcon as MicOnIcon7, SpeakerIcon as SpeakerIcon5, StopIcon as StopIcon3 } from "@100mslive/react-icons";
 
 // src/Diagnostics/components.tsx
 init_define_process_env();
-import React188 from "react";
+import React191 from "react";
 
 // src/Diagnostics/DiagnosticsContext.ts
 init_define_process_env();
-import React187, { useContext as useContext6 } from "react";
+import React190, { useContext as useContext6 } from "react";
 var DiagnosticsStep = /* @__PURE__ */ ((DiagnosticsStep2) => {
   DiagnosticsStep2[DiagnosticsStep2["BROWSER"] = 0] = "BROWSER";
   DiagnosticsStep2[DiagnosticsStep2["VIDEO"] = 1] = "VIDEO";
@@ -33791,7 +33916,7 @@ var initialSteps = {
   [2 /* AUDIO */]: { name: "Test Audio" },
   [3 /* CONNECTIVITY */]: { name: "Connection Quality" }
 };
-var DiagnosticsContext = React187.createContext({
+var DiagnosticsContext = React190.createContext({
   activeStepIndex: 0,
   setActiveStep: () => {
     return;
@@ -33809,7 +33934,7 @@ var useDiagnostics = () => {
 
 // src/Diagnostics/components.tsx
 var TestContainer = ({ css: css2, children }) => {
-  return /* @__PURE__ */ React188.createElement(Box, { css: __spreadValues({ p: "$10" }, css2) }, children);
+  return /* @__PURE__ */ React191.createElement(Box, { css: __spreadValues({ p: "$10" }, css2) }, children);
 };
 var TestFooter = ({
   error,
@@ -33827,7 +33952,7 @@ var TestFooter = ({
     }
     setActiveStep((step) => step + 1);
   };
-  return /* @__PURE__ */ React188.createElement(
+  return /* @__PURE__ */ React191.createElement(
     Flex,
     {
       css: {
@@ -33845,20 +33970,20 @@ var TestFooter = ({
         "@lg": { flexDirection: "column", gap: "$8" }
       }
     },
-    /* @__PURE__ */ React188.createElement(Box, null, error && /* @__PURE__ */ React188.createElement(Text, { css: { c: "$alert_error_default" } }, "Error: ", error.message)),
-    children ? children : /* @__PURE__ */ React188.createElement(Flex, { align: "center", css: { gap: "$8", "@lg": { flexDirection: "column" } } }, /* @__PURE__ */ React188.createElement(Text, { css: { c: "$on_primary_medium" } }, ctaText), /* @__PURE__ */ React188.createElement(Flex, { align: "center", gap: "4" }, /* @__PURE__ */ React188.createElement(Button, { onClick: onNextStep, variant: "standard", outlined: true }, "Skip"), /* @__PURE__ */ React188.createElement(Button, { disabled: !!error, onClick: onNextStep }, "Yes")))
+    /* @__PURE__ */ React191.createElement(Box, null, error && /* @__PURE__ */ React191.createElement(Text, { css: { c: "$alert_error_default" } }, "Error: ", error.message)),
+    children ? children : /* @__PURE__ */ React191.createElement(Flex, { align: "center", css: { gap: "$8", "@lg": { flexDirection: "column" } } }, /* @__PURE__ */ React191.createElement(Text, { css: { c: "$on_primary_medium" } }, ctaText), /* @__PURE__ */ React191.createElement(Flex, { align: "center", gap: "4" }, /* @__PURE__ */ React191.createElement(Button, { onClick: onNextStep, variant: "standard", outlined: true }, "Skip"), /* @__PURE__ */ React191.createElement(Button, { disabled: !!error, onClick: onNextStep }, "Yes")))
   );
 };
 
 // src/Diagnostics/DeviceSelector.jsx
 init_define_process_env();
 var import_prop_types = __toESM(require_prop_types());
-import React189, { useRef as useRef36, useState as useState79 } from "react";
+import React192, { useRef as useRef36, useState as useState80 } from "react";
 var DeviceSelector2 = ({ title, devices, selection, onChange, icon, children = null }) => {
   var _a7, _b7;
-  const [open, setOpen] = useState79(false);
+  const [open, setOpen] = useState80(false);
   const ref = useRef36(null);
-  return /* @__PURE__ */ React189.createElement(Box, { css: { mb: "$6" } }, /* @__PURE__ */ React189.createElement(Text, { css: { mb: "$4" } }, title), /* @__PURE__ */ React189.createElement(
+  return /* @__PURE__ */ React192.createElement(Box, { css: { mb: "$6" } }, /* @__PURE__ */ React192.createElement(Text, { css: { mb: "$4" } }, title), /* @__PURE__ */ React192.createElement(
     Flex,
     {
       align: "center",
@@ -33870,7 +33995,7 @@ var DeviceSelector2 = ({ title, devices, selection, onChange, icon, children = n
         }
       }
     },
-    /* @__PURE__ */ React189.createElement(Dropdown.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ React189.createElement(
+    /* @__PURE__ */ React192.createElement(Dropdown.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ React192.createElement(
       DialogDropdownTrigger,
       {
         ref,
@@ -33878,7 +34003,7 @@ var DeviceSelector2 = ({ title, devices, selection, onChange, icon, children = n
         title: ((_a7 = devices.find(({ deviceId }) => deviceId === selection)) == null ? void 0 : _a7.label) || "Select device from list",
         open
       }
-    ), /* @__PURE__ */ React189.createElement(Dropdown.Portal, null, /* @__PURE__ */ React189.createElement(
+    ), /* @__PURE__ */ React192.createElement(Dropdown.Portal, null, /* @__PURE__ */ React192.createElement(
       Dropdown.Content,
       {
         align: "start",
@@ -33892,7 +34017,7 @@ var DeviceSelector2 = ({ title, devices, selection, onChange, icon, children = n
         }
       },
       devices.map((device) => {
-        return /* @__PURE__ */ React189.createElement(
+        return /* @__PURE__ */ React192.createElement(
           Dropdown.Item,
           {
             key: device.label,
@@ -33918,33 +34043,33 @@ DeviceSelector2.propTypes = {
 };
 
 // src/Diagnostics/AudioTest.tsx
-var SelectContainer = ({ children }) => /* @__PURE__ */ React190.createElement(Box, { css: { w: "calc(50% - 0.75rem)", "@lg": { w: "100%" } } }, children);
+var SelectContainer = ({ children }) => /* @__PURE__ */ React193.createElement(Box, { css: { w: "calc(50% - 0.75rem)", "@lg": { w: "100%" } } }, children);
 var MicTest = ({ setError }) => {
   var _a7, _b7;
   const { hmsDiagnostics } = useDiagnostics();
-  const devices = useHMSStore97(selectDevices);
-  const [isRecording, setIsRecording] = useState80(false);
-  const [selectedMic, setSelectedMic] = useState80(((_a7 = devices.audioInput[0]) == null ? void 0 : _a7.deviceId) || "default");
-  const trackID = useHMSStore97(selectLocalAudioTrackID2);
-  const audioLevel = useHMSStore97(selectTrackAudioByID2(trackID));
-  const { audioOutputDeviceId } = useHMSStore97(selectLocalMediaSettings);
+  const devices = useHMSStore99(selectDevices);
+  const [isRecording, setIsRecording] = useState81(false);
+  const [selectedMic, setSelectedMic] = useState81(((_a7 = devices.audioInput[0]) == null ? void 0 : _a7.deviceId) || "default");
+  const trackID = useHMSStore99(selectLocalAudioTrackID2);
+  const audioLevel = useHMSStore99(selectTrackAudioByID2(trackID));
+  const { audioOutputDeviceId } = useHMSStore99(selectLocalMediaSettings);
   const { playing, setPlaying, audioRef } = useAudioOutputTest({
     deviceId: audioOutputDeviceId || ((_b7 = devices.audioOutput[0]) == null ? void 0 : _b7.deviceId)
   });
-  return /* @__PURE__ */ React190.createElement(SelectContainer, null, /* @__PURE__ */ React190.createElement(
+  return /* @__PURE__ */ React193.createElement(SelectContainer, null, /* @__PURE__ */ React193.createElement(
     DeviceSelector2,
     {
       title: "Microphone (Input)",
       devices: devices.audioInput,
       selection: selectedMic,
-      icon: /* @__PURE__ */ React190.createElement(MicOnIcon7, null),
+      icon: /* @__PURE__ */ React193.createElement(MicOnIcon7, null),
       onChange: (deviceId) => {
         setError(void 0);
         setSelectedMic(deviceId);
         hmsDiagnostics == null ? void 0 : hmsDiagnostics.stopMicCheck();
       }
     }
-  ), /* @__PURE__ */ React190.createElement(Flex, { css: { gap: "$6", alignItems: "center" } }, /* @__PURE__ */ React190.createElement(
+  ), /* @__PURE__ */ React193.createElement(Flex, { css: { gap: "$6", alignItems: "center" } }, /* @__PURE__ */ React193.createElement(
     Button,
     {
       variant: "standard",
@@ -33964,9 +34089,9 @@ var MicTest = ({ setError }) => {
       },
       disabled: devices.audioInput.length === 0 || playing
     },
-    isRecording ? /* @__PURE__ */ React190.createElement(StopIcon3, null) : /* @__PURE__ */ React190.createElement(MicOnIcon7, null),
+    isRecording ? /* @__PURE__ */ React193.createElement(StopIcon3, null) : /* @__PURE__ */ React193.createElement(MicOnIcon7, null),
     isRecording ? "Stop Recording" : "Record"
-  ), /* @__PURE__ */ React190.createElement(
+  ), /* @__PURE__ */ React193.createElement(
     Button,
     {
       icon: true,
@@ -33980,9 +34105,9 @@ var MicTest = ({ setError }) => {
       },
       disabled: playing || (hmsDiagnostics == null ? void 0 : hmsDiagnostics.getRecordedAudio()) === TEST_AUDIO_URL
     },
-    /* @__PURE__ */ React190.createElement(SpeakerIcon5, null),
+    /* @__PURE__ */ React193.createElement(SpeakerIcon5, null),
     playing ? "Playing..." : "Playback"
-  ), /* @__PURE__ */ React190.createElement(
+  ), /* @__PURE__ */ React193.createElement(
     "audio",
     {
       ref: audioRef,
@@ -33990,7 +34115,7 @@ var MicTest = ({ setError }) => {
       onPlay: () => setPlaying(true),
       style: { display: "none" }
     }
-  )), /* @__PURE__ */ React190.createElement(Flex, { align: "center", css: { mt: "$4", maxWidth: "10rem", opacity: isRecording ? "1" : "0", gap: "$4" } }, /* @__PURE__ */ React190.createElement(Text, null, /* @__PURE__ */ React190.createElement(MicOnIcon7, null)), /* @__PURE__ */ React190.createElement(Progress.Root, { value: audioLevel, css: { h: "$2" } }, /* @__PURE__ */ React190.createElement(
+  )), /* @__PURE__ */ React193.createElement(Flex, { align: "center", css: { mt: "$4", maxWidth: "10rem", opacity: isRecording ? "1" : "0", gap: "$4" } }, /* @__PURE__ */ React193.createElement(Text, null, /* @__PURE__ */ React193.createElement(MicOnIcon7, null)), /* @__PURE__ */ React193.createElement(Progress.Root, { value: audioLevel, css: { h: "$2" } }, /* @__PURE__ */ React193.createElement(
     Progress.Content,
     {
       style: {
@@ -34002,19 +34127,19 @@ var MicTest = ({ setError }) => {
 };
 var SpeakerTest = () => {
   var _a7;
-  const actions = useHMSActions60();
-  const devices = useHMSStore97(selectDevices);
-  const { audioOutputDeviceId } = useHMSStore97(selectLocalMediaSettings);
+  const actions = useHMSActions61();
+  const devices = useHMSStore99(selectDevices);
+  const { audioOutputDeviceId } = useHMSStore99(selectLocalMediaSettings);
   if (devices.audioOutput.length === 0) {
-    return /* @__PURE__ */ React190.createElement(React190.Fragment, null);
+    return /* @__PURE__ */ React193.createElement(React193.Fragment, null);
   }
-  return /* @__PURE__ */ React190.createElement(SelectContainer, null, /* @__PURE__ */ React190.createElement(
+  return /* @__PURE__ */ React193.createElement(SelectContainer, null, /* @__PURE__ */ React193.createElement(
     DeviceSelector2,
     {
       title: "Speaker (Output)",
       devices: devices.audioOutput,
       selection: audioOutputDeviceId || ((_a7 = devices.audioOutput[0]) == null ? void 0 : _a7.deviceId),
-      icon: /* @__PURE__ */ React190.createElement(SpeakerIcon5, null),
+      icon: /* @__PURE__ */ React193.createElement(SpeakerIcon5, null),
       onChange: (deviceId) => {
         actions.setAudioOutputDevice(deviceId);
       }
@@ -34023,7 +34148,7 @@ var SpeakerTest = () => {
 };
 var AudioTest = () => {
   const { hmsDiagnostics, updateStep } = useDiagnostics();
-  const [error, setErrorAlone] = useState80();
+  const [error, setErrorAlone] = useState81();
   const setError = useCallback41(
     (err) => {
       updateStep(2 /* AUDIO */, { hasFailed: !!err });
@@ -34031,10 +34156,10 @@ var AudioTest = () => {
     },
     [updateStep, setErrorAlone]
   );
-  useEffect81(() => {
+  useEffect85(() => {
     hmsDiagnostics == null ? void 0 : hmsDiagnostics.requestPermission({ audio: true }).catch((error2) => setError(error2));
   }, [hmsDiagnostics, setError]);
-  return /* @__PURE__ */ React190.createElement(React190.Fragment, null, /* @__PURE__ */ React190.createElement(TestContainer, null, /* @__PURE__ */ React190.createElement(Text, { variant: "body2", css: { c: "$on_primary_medium" } }, "Record a 10 second audio clip and play it back to check that your microphone and speaker are working. If they aren't, make sure your volume is turned up, try a different speaker or microphone, or check your bluetooth settings."), /* @__PURE__ */ React190.createElement(
+  return /* @__PURE__ */ React193.createElement(React193.Fragment, null, /* @__PURE__ */ React193.createElement(TestContainer, null, /* @__PURE__ */ React193.createElement(Text, { variant: "body2", css: { c: "$on_primary_medium" } }, "Record a 10 second audio clip and play it back to check that your microphone and speaker are working. If they aren't, make sure your volume is turned up, try a different speaker or microphone, or check your bluetooth settings."), /* @__PURE__ */ React193.createElement(
     Flex,
     {
       css: {
@@ -34046,14 +34171,14 @@ var AudioTest = () => {
         }
       }
     },
-    /* @__PURE__ */ React190.createElement(MicTest, { setError }),
-    /* @__PURE__ */ React190.createElement(SpeakerTest, null)
-  )), /* @__PURE__ */ React190.createElement(TestFooter, { error, ctaText: "Does your audio sound good?" }), /* @__PURE__ */ React190.createElement(PermissionErrorModal, { error }));
+    /* @__PURE__ */ React193.createElement(MicTest, { setError }),
+    /* @__PURE__ */ React193.createElement(SpeakerTest, null)
+  )), /* @__PURE__ */ React193.createElement(TestFooter, { error, ctaText: "Does your audio sound good?" }), /* @__PURE__ */ React193.createElement(PermissionErrorModal, { error }));
 };
 
 // src/Diagnostics/BrowserTest.tsx
 init_define_process_env();
-import React191, { useEffect as useEffect82, useState as useState81 } from "react";
+import React194, { useEffect as useEffect86, useState as useState82 } from "react";
 import { parsedUserAgent as parsedUserAgent4 } from "@100mslive/react-sdk";
 var CMS_MEDIA_SERVER = "https://storage.googleapis.com/100ms-cms-prod/";
 var operatingSystemIconInfo = {
@@ -34135,12 +34260,12 @@ var browserTypeIconInfo = {
     icon: `${CMS_MEDIA_SERVER}cms/Opera_0f3bf4eb19/Opera_0f3bf4eb19.svg`
   }
 };
-var CheckDetails = ({ title, value, iconURL }) => /* @__PURE__ */ React191.createElement(Box, { css: { w: "100%", my: "$10", p: "$10", r: "$1", bg: "$surface_default", "@lg": { w: "auto" } } }, /* @__PURE__ */ React191.createElement(Text, { css: { c: "$on_primary_medium", mb: "$6" } }, title), /* @__PURE__ */ React191.createElement(Flex, { align: "center" }, iconURL && /* @__PURE__ */ React191.createElement(Box, { css: { size: "2rem", r: "$round", bg: "$surface_brighter", mr: "$4" } }, /* @__PURE__ */ React191.createElement("img", { style: { objectFit: "contain", width: "2rem" }, src: iconURL, alt: value })), /* @__PURE__ */ React191.createElement(Text, null, value)));
+var CheckDetails = ({ title, value, iconURL }) => /* @__PURE__ */ React194.createElement(Box, { css: { w: "100%", my: "$10", p: "$10", r: "$1", bg: "$surface_default", "@lg": { w: "auto" } } }, /* @__PURE__ */ React194.createElement(Text, { css: { c: "$on_primary_medium", mb: "$6" } }, title), /* @__PURE__ */ React194.createElement(Flex, { align: "center" }, iconURL && /* @__PURE__ */ React194.createElement(Box, { css: { size: "2rem", r: "$round", bg: "$surface_brighter", mr: "$4" } }, /* @__PURE__ */ React194.createElement("img", { style: { objectFit: "contain", width: "2rem" }, src: iconURL, alt: value })), /* @__PURE__ */ React194.createElement(Text, null, value)));
 var BrowserTest = () => {
   var _a7, _b7, _c, _d;
   const { hmsDiagnostics, updateStep } = useDiagnostics();
-  const [error, setError] = useState81();
-  useEffect82(() => {
+  const [error, setError] = useState82();
+  useEffect86(() => {
     try {
       hmsDiagnostics == null ? void 0 : hmsDiagnostics.checkBrowserSupport();
     } catch (err) {
@@ -34148,26 +34273,26 @@ var BrowserTest = () => {
       setError(err);
     }
   }, [hmsDiagnostics, updateStep]);
-  return /* @__PURE__ */ React191.createElement(React191.Fragment, null, /* @__PURE__ */ React191.createElement(TestContainer, { css: { display: "flex", gap: "$8", "@lg": { display: "block" } } }, /* @__PURE__ */ React191.createElement(
+  return /* @__PURE__ */ React194.createElement(React194.Fragment, null, /* @__PURE__ */ React194.createElement(TestContainer, { css: { display: "flex", gap: "$8", "@lg": { display: "block" } } }, /* @__PURE__ */ React194.createElement(
     CheckDetails,
     {
       title: "Browser",
       iconURL: parsedUserAgent4.getBrowser().name && ((_b7 = browserTypeIconInfo[(_a7 = parsedUserAgent4.getBrowser().name) == null ? void 0 : _a7.toLowerCase()]) == null ? void 0 : _b7.icon),
       value: `${parsedUserAgent4.getBrowser().name} ${parsedUserAgent4.getBrowser().version}`
     }
-  ), /* @__PURE__ */ React191.createElement(
+  ), /* @__PURE__ */ React194.createElement(
     CheckDetails,
     {
       title: "Operating system",
       iconURL: parsedUserAgent4.getOS().name && ((_d = operatingSystemIconInfo[(_c = parsedUserAgent4.getOS().name) == null ? void 0 : _c.toLowerCase()]) == null ? void 0 : _d.icon),
       value: `${parsedUserAgent4.getOS().name} ${parsedUserAgent4.getOS().version}`
     }
-  )), /* @__PURE__ */ React191.createElement(TestFooter, { error, ctaText: "Is your device information correct?" }));
+  )), /* @__PURE__ */ React194.createElement(TestFooter, { error, ctaText: "Is your device information correct?" }));
 };
 
 // src/Diagnostics/ConnectivityTest.tsx
 init_define_process_env();
-import React192, { useState as useState82 } from "react";
+import React195, { useState as useState83 } from "react";
 import { ConnectivityState } from "@100mslive/react-sdk";
 import { CheckCircleIcon as CheckCircleIcon6, CrossCircleIcon as CrossCircleIcon4, EyeCloseIcon as EyeCloseIcon3, EyeOpenIcon as EyeOpenIcon2, LinkIcon } from "@100mslive/react-icons";
 var Regions = {
@@ -34190,8 +34315,8 @@ var ConnectivityTestStepResult = ({
   success,
   children
 }) => {
-  const [hideDetails, setHideDetails] = useState82(true);
-  return /* @__PURE__ */ React192.createElement(Box, { css: { my: "$10", p: "$10", r: "$1", bg: "$surface_bright" } }, /* @__PURE__ */ React192.createElement(Text, { css: { c: "$on_primary_medium", mb: "$6" } }, title), success ? /* @__PURE__ */ React192.createElement(Flex, null, /* @__PURE__ */ React192.createElement(Text, { css: { c: "$alert_success" } }, /* @__PURE__ */ React192.createElement(CheckCircleIcon6, { width: "1.5rem", height: "1.5rem" })), /* @__PURE__ */ React192.createElement(Text, { variant: "lg", css: { ml: "$4" } }, status)) : /* @__PURE__ */ React192.createElement(Flex, null, /* @__PURE__ */ React192.createElement(Text, { css: { c: "$alert_error_bright" } }, /* @__PURE__ */ React192.createElement(CrossCircleIcon4, { width: "1.5rem", height: "1.5rem" })), /* @__PURE__ */ React192.createElement(Text, { variant: "lg", css: { ml: "$4" } }, "Failed")), /* @__PURE__ */ React192.createElement(
+  const [hideDetails, setHideDetails] = useState83(true);
+  return /* @__PURE__ */ React195.createElement(Box, { css: { my: "$10", p: "$10", r: "$1", bg: "$surface_bright" } }, /* @__PURE__ */ React195.createElement(Text, { css: { c: "$on_primary_medium", mb: "$6" } }, title), success ? /* @__PURE__ */ React195.createElement(Flex, null, /* @__PURE__ */ React195.createElement(Text, { css: { c: "$alert_success" } }, /* @__PURE__ */ React195.createElement(CheckCircleIcon6, { width: "1.5rem", height: "1.5rem" })), /* @__PURE__ */ React195.createElement(Text, { variant: "lg", css: { ml: "$4" } }, status)) : /* @__PURE__ */ React195.createElement(Flex, null, /* @__PURE__ */ React195.createElement(Text, { css: { c: "$alert_error_bright" } }, /* @__PURE__ */ React195.createElement(CrossCircleIcon4, { width: "1.5rem", height: "1.5rem" })), /* @__PURE__ */ React195.createElement(Text, { variant: "lg", css: { ml: "$4" } }, "Failed")), /* @__PURE__ */ React195.createElement(
     Flex,
     {
       onClick: () => setHideDetails(!hideDetails),
@@ -34201,8 +34326,8 @@ var ConnectivityTestStepResult = ({
         color: "$primary_bright"
       }
     },
-    hideDetails ? /* @__PURE__ */ React192.createElement(EyeOpenIcon2, null) : /* @__PURE__ */ React192.createElement(EyeCloseIcon3, null),
-    /* @__PURE__ */ React192.createElement(
+    hideDetails ? /* @__PURE__ */ React195.createElement(EyeOpenIcon2, null) : /* @__PURE__ */ React195.createElement(EyeCloseIcon3, null),
+    /* @__PURE__ */ React195.createElement(
       Text,
       {
         variant: "caption",
@@ -34213,38 +34338,38 @@ var ConnectivityTestStepResult = ({
       hideDetails ? "View" : "Hide",
       " detailed information"
     )
-  ), !hideDetails ? /* @__PURE__ */ React192.createElement(Box, null, children) : null);
+  ), !hideDetails ? /* @__PURE__ */ React195.createElement(Box, null, children) : null);
 };
 var DetailedInfo = ({
   title,
   value,
   Icon: Icon4
 }) => {
-  return /* @__PURE__ */ React192.createElement(Box, { css: { flex: "50%", mt: "$6" } }, /* @__PURE__ */ React192.createElement(Text, { variant: "caption", css: { fontWeight: "$semiBold", c: "$on_primary_medium" } }, title), /* @__PURE__ */ React192.createElement(Flex, { css: { mt: "$xs", alignItems: "flex-start" } }, Icon4 && /* @__PURE__ */ React192.createElement(Text, { css: { mr: "$4" } }, /* @__PURE__ */ React192.createElement(Icon4, { width: "1rem", height: "1rem" })), /* @__PURE__ */ React192.createElement(Text, { variant: "caption" }, value)));
+  return /* @__PURE__ */ React195.createElement(Box, { css: { flex: "50%", mt: "$6" } }, /* @__PURE__ */ React195.createElement(Text, { variant: "caption", css: { fontWeight: "$semiBold", c: "$on_primary_medium" } }, title), /* @__PURE__ */ React195.createElement(Flex, { css: { mt: "$xs", alignItems: "flex-start" } }, Icon4 && /* @__PURE__ */ React195.createElement(Text, { css: { mr: "$4" } }, /* @__PURE__ */ React195.createElement(Icon4, { width: "1rem", height: "1rem" })), /* @__PURE__ */ React195.createElement(Text, { variant: "caption" }, value)));
 };
 var MediaServerResult = ({ result }) => {
   var _a7, _b7, _c, _d;
-  return /* @__PURE__ */ React192.createElement(
+  return /* @__PURE__ */ React195.createElement(
     ConnectivityTestStepResult,
     {
       title: "Media server connection test",
       success: (result == null ? void 0 : result.isPublishICEConnected) && result.isSubscribeICEConnected
     },
-    /* @__PURE__ */ React192.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React192.createElement(
+    /* @__PURE__ */ React195.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React195.createElement(
       DetailedInfo,
       {
         title: "Media Captured",
         value: ((_a7 = result == null ? void 0 : result.stats) == null ? void 0 : _a7.audio.bytesSent) ? "Yes" : "No",
         Icon: ((_b7 = result == null ? void 0 : result.stats) == null ? void 0 : _b7.audio.bytesSent) ? CheckCircleIcon6 : CrossCircleIcon4
       }
-    ), /* @__PURE__ */ React192.createElement(
+    ), /* @__PURE__ */ React195.createElement(
       DetailedInfo,
       {
         title: "Media Published",
         value: ((_c = result == null ? void 0 : result.stats) == null ? void 0 : _c.audio.bitrateSent) ? "Yes" : "No",
         Icon: ((_d = result == null ? void 0 : result.stats) == null ? void 0 : _d.audio.bytesSent) ? CheckCircleIcon6 : CrossCircleIcon4
       }
-    ), (result == null ? void 0 : result.connectionQualityScore) ? /* @__PURE__ */ React192.createElement(
+    ), (result == null ? void 0 : result.connectionQualityScore) ? /* @__PURE__ */ React195.createElement(
       DetailedInfo,
       {
         title: "Connection Quality Score (CQS)",
@@ -34254,27 +34379,27 @@ var MediaServerResult = ({ result }) => {
   );
 };
 var SignallingResult = ({ result }) => {
-  return /* @__PURE__ */ React192.createElement(ConnectivityTestStepResult, { title: "Signalling server connection test", success: result == null ? void 0 : result.isConnected }, /* @__PURE__ */ React192.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React192.createElement(
+  return /* @__PURE__ */ React195.createElement(ConnectivityTestStepResult, { title: "Signalling server connection test", success: result == null ? void 0 : result.isConnected }, /* @__PURE__ */ React195.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React195.createElement(
     DetailedInfo,
     {
       title: "Signalling Gateway",
       value: (result == null ? void 0 : result.isConnected) ? "Reachable" : "Unreachable",
       Icon: (result == null ? void 0 : result.isConnected) ? CheckCircleIcon6 : CrossCircleIcon4
     }
-  ), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Websocket URL", value: (result == null ? void 0 : result.websocketUrl) || "N/A", Icon: LinkIcon })));
+  ), /* @__PURE__ */ React195.createElement(DetailedInfo, { title: "Websocket URL", value: (result == null ? void 0 : result.websocketUrl) || "N/A", Icon: LinkIcon })));
 };
 var AudioStats = ({ stats }) => {
-  return /* @__PURE__ */ React192.createElement(ConnectivityTestStepResult, { title: "Audio", status: "Received", success: !!(stats == null ? void 0 : stats.bytesSent) }, stats && /* @__PURE__ */ React192.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Bytes Sent", value: formatBytes(stats.bytesSent) }), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Bytes Received", value: formatBytes(stats.bytesReceived) }), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Packets Received", value: stats.packetsReceived.toString() }), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Packets Lost", value: stats.packetsLost.toString() }), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Bitrate Sent", value: formatBytes(stats.bitrateSent, "b/s") }), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Bitrate Received", value: formatBytes(stats.bitrateReceived, "b/s") }), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Round Trip Time", value: `${stats.roundTripTime} ms` })));
+  return /* @__PURE__ */ React195.createElement(ConnectivityTestStepResult, { title: "Audio", status: "Received", success: !!(stats == null ? void 0 : stats.bytesSent) }, stats && /* @__PURE__ */ React195.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React195.createElement(DetailedInfo, { title: "Bytes Sent", value: formatBytes(stats.bytesSent) }), /* @__PURE__ */ React195.createElement(DetailedInfo, { title: "Bytes Received", value: formatBytes(stats.bytesReceived) }), /* @__PURE__ */ React195.createElement(DetailedInfo, { title: "Packets Received", value: stats.packetsReceived.toString() }), /* @__PURE__ */ React195.createElement(DetailedInfo, { title: "Packets Lost", value: stats.packetsLost.toString() }), /* @__PURE__ */ React195.createElement(DetailedInfo, { title: "Bitrate Sent", value: formatBytes(stats.bitrateSent, "b/s") }), /* @__PURE__ */ React195.createElement(DetailedInfo, { title: "Bitrate Received", value: formatBytes(stats.bitrateReceived, "b/s") }), /* @__PURE__ */ React195.createElement(DetailedInfo, { title: "Round Trip Time", value: `${stats.roundTripTime} ms` })));
 };
 var VideoStats = ({ stats }) => {
-  return /* @__PURE__ */ React192.createElement(ConnectivityTestStepResult, { title: "Video", status: "Received", success: !!(stats == null ? void 0 : stats.bytesSent) }, stats && /* @__PURE__ */ React192.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Bytes Sent", value: formatBytes(stats.bytesSent) }), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Bytes Received", value: formatBytes(stats.bytesReceived) }), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Packets Received", value: stats.packetsReceived.toString() }), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Packets Lost", value: stats.packetsLost.toString() }), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Bitrate Sent", value: formatBytes(stats.bitrateSent, "b/s") }), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Bitrate Received", value: formatBytes(stats.bitrateReceived, "b/s") }), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Round Trip Time", value: `${stats.roundTripTime} ms` })));
+  return /* @__PURE__ */ React195.createElement(ConnectivityTestStepResult, { title: "Video", status: "Received", success: !!(stats == null ? void 0 : stats.bytesSent) }, stats && /* @__PURE__ */ React195.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React195.createElement(DetailedInfo, { title: "Bytes Sent", value: formatBytes(stats.bytesSent) }), /* @__PURE__ */ React195.createElement(DetailedInfo, { title: "Bytes Received", value: formatBytes(stats.bytesReceived) }), /* @__PURE__ */ React195.createElement(DetailedInfo, { title: "Packets Received", value: stats.packetsReceived.toString() }), /* @__PURE__ */ React195.createElement(DetailedInfo, { title: "Packets Lost", value: stats.packetsLost.toString() }), /* @__PURE__ */ React195.createElement(DetailedInfo, { title: "Bitrate Sent", value: formatBytes(stats.bitrateSent, "b/s") }), /* @__PURE__ */ React195.createElement(DetailedInfo, { title: "Bitrate Received", value: formatBytes(stats.bitrateReceived, "b/s") }), /* @__PURE__ */ React195.createElement(DetailedInfo, { title: "Round Trip Time", value: `${stats.roundTripTime} ms` })));
 };
 var Footer3 = ({
   error,
   result,
   restart
 }) => {
-  return /* @__PURE__ */ React192.createElement(TestFooter, { error }, /* @__PURE__ */ React192.createElement(Flex, { css: { gap: "$8", "@lg": { flexDirection: "column" } } }, /* @__PURE__ */ React192.createElement(Button, { variant: "standard", onClick: restart }, "Restart Test"), /* @__PURE__ */ React192.createElement(Button, { disabled: !result, onClick: () => result && downloadJson(result, "hms_diagnostics_results") }, "Download Test Report")));
+  return /* @__PURE__ */ React195.createElement(TestFooter, { error }, /* @__PURE__ */ React195.createElement(Flex, { css: { gap: "$8", "@lg": { flexDirection: "column" } } }, /* @__PURE__ */ React195.createElement(Button, { variant: "standard", onClick: restart }, "Restart Test"), /* @__PURE__ */ React195.createElement(Button, { disabled: !result, onClick: () => result && downloadJson(result, "hms_diagnostics_results") }, "Download Test Report")));
 };
 var ConnectivityTestReport = ({
   error,
@@ -34284,14 +34409,14 @@ var ConnectivityTestReport = ({
 }) => {
   var _a7, _b7, _c, _d;
   if (error) {
-    return /* @__PURE__ */ React192.createElement(React192.Fragment, null, /* @__PURE__ */ React192.createElement(TestContainer, { css: { textAlign: "center" } }, /* @__PURE__ */ React192.createElement(Text, { css: { c: "$alert_error_default", mb: "$4" } }, /* @__PURE__ */ React192.createElement(CrossCircleIcon4, null)), /* @__PURE__ */ React192.createElement(Text, { variant: "h6" }, "Connectivity Test Failed"), /* @__PURE__ */ React192.createElement(Text, { variant: "body2", css: { c: "$on_primary_medium" } }, error.message)), /* @__PURE__ */ React192.createElement(Footer3, { restart: startTest, error }));
+    return /* @__PURE__ */ React195.createElement(React195.Fragment, null, /* @__PURE__ */ React195.createElement(TestContainer, { css: { textAlign: "center" } }, /* @__PURE__ */ React195.createElement(Text, { css: { c: "$alert_error_default", mb: "$4" } }, /* @__PURE__ */ React195.createElement(CrossCircleIcon4, null)), /* @__PURE__ */ React195.createElement(Text, { variant: "h6" }, "Connectivity Test Failed"), /* @__PURE__ */ React195.createElement(Text, { variant: "body2", css: { c: "$on_primary_medium" } }, error.message)), /* @__PURE__ */ React195.createElement(Footer3, { restart: startTest, error }));
   }
   if (result) {
     console.log(result);
-    return /* @__PURE__ */ React192.createElement(React192.Fragment, null, /* @__PURE__ */ React192.createElement(TestContainer, null, /* @__PURE__ */ React192.createElement(Text, { css: { c: "$on_primary_medium" } }, "Connectivity test has been completed."), /* @__PURE__ */ React192.createElement(SignallingResult, { result: result == null ? void 0 : result.signallingReport }), /* @__PURE__ */ React192.createElement(MediaServerResult, { result: result == null ? void 0 : result.mediaServerReport }), /* @__PURE__ */ React192.createElement(AudioStats, { stats: (_b7 = (_a7 = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _a7.stats) == null ? void 0 : _b7.audio }), /* @__PURE__ */ React192.createElement(VideoStats, { stats: (_d = (_c = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _c.stats) == null ? void 0 : _d.video })), /* @__PURE__ */ React192.createElement(Footer3, { result, restart: startTest, error }));
+    return /* @__PURE__ */ React195.createElement(React195.Fragment, null, /* @__PURE__ */ React195.createElement(TestContainer, null, /* @__PURE__ */ React195.createElement(Text, { css: { c: "$on_primary_medium" } }, "Connectivity test has been completed."), /* @__PURE__ */ React195.createElement(SignallingResult, { result: result == null ? void 0 : result.signallingReport }), /* @__PURE__ */ React195.createElement(MediaServerResult, { result: result == null ? void 0 : result.mediaServerReport }), /* @__PURE__ */ React195.createElement(AudioStats, { stats: (_b7 = (_a7 = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _a7.stats) == null ? void 0 : _b7.audio }), /* @__PURE__ */ React195.createElement(VideoStats, { stats: (_d = (_c = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _c.stats) == null ? void 0 : _d.video })), /* @__PURE__ */ React195.createElement(Footer3, { result, restart: startTest, error }));
   }
   if (progress !== void 0) {
-    return /* @__PURE__ */ React192.createElement(TestContainer, { css: { textAlign: "center" } }, /* @__PURE__ */ React192.createElement(Text, { css: { c: "$primary_bright", display: "flex", justifyContent: "center" } }, /* @__PURE__ */ React192.createElement(Loading, { size: "3.5rem", color: "currentColor" })), /* @__PURE__ */ React192.createElement(Text, { variant: "h6", css: { mt: "$8" } }, "Checking your connection..."), /* @__PURE__ */ React192.createElement(
+    return /* @__PURE__ */ React195.createElement(TestContainer, { css: { textAlign: "center" } }, /* @__PURE__ */ React195.createElement(Text, { css: { c: "$primary_bright", display: "flex", justifyContent: "center" } }, /* @__PURE__ */ React195.createElement(Loading, { size: "3.5rem", color: "currentColor" })), /* @__PURE__ */ React195.createElement(Text, { variant: "h6", css: { mt: "$8" } }, "Checking your connection..."), /* @__PURE__ */ React195.createElement(
       Text,
       {
         variant: "body2",
@@ -34307,7 +34432,7 @@ var RegionSelector = ({
   setRegion,
   startTest
 }) => {
-  return /* @__PURE__ */ React192.createElement(TestContainer, { css: { borderBottom: "1px solid $border_default" } }, /* @__PURE__ */ React192.createElement(Text, { variant: "body1" }, "Select a region"), /* @__PURE__ */ React192.createElement(Text, { variant: "body2", css: { c: "$on_secondary_low" } }, "Select the closest region for best results"), /* @__PURE__ */ React192.createElement(
+  return /* @__PURE__ */ React195.createElement(TestContainer, { css: { borderBottom: "1px solid $border_default" } }, /* @__PURE__ */ React195.createElement(Text, { variant: "body1" }, "Select a region"), /* @__PURE__ */ React195.createElement(Text, { variant: "body2", css: { c: "$on_secondary_low" } }, "Select the closest region for best results"), /* @__PURE__ */ React195.createElement(
     Flex,
     {
       justify: "between",
@@ -34319,7 +34444,7 @@ var RegionSelector = ({
         }
       }
     },
-    /* @__PURE__ */ React192.createElement(
+    /* @__PURE__ */ React195.createElement(
       Flex,
       {
         css: {
@@ -34329,7 +34454,7 @@ var RegionSelector = ({
           }
         }
       },
-      Object.entries(Regions).map(([key, value]) => /* @__PURE__ */ React192.createElement(
+      Object.entries(Regions).map(([key, value]) => /* @__PURE__ */ React195.createElement(
         Button,
         {
           key,
@@ -34341,15 +34466,15 @@ var RegionSelector = ({
         value
       ))
     ),
-    /* @__PURE__ */ React192.createElement(Flex, { css: { "@lg": { flexDirection: "column" } } }, /* @__PURE__ */ React192.createElement(Button, { variant: "primary", onClick: startTest, disabled: !startTest }, startTest ? "Start Test" : "Testing..."))
+    /* @__PURE__ */ React195.createElement(Flex, { css: { "@lg": { flexDirection: "column" } } }, /* @__PURE__ */ React195.createElement(Button, { variant: "primary", onClick: startTest, disabled: !startTest }, startTest ? "Start Test" : "Testing..."))
   ));
 };
 var ConnectivityTest = () => {
   const { hmsDiagnostics, updateStep } = useDiagnostics();
-  const [region, setRegion] = useState82(Object.keys(Regions)[0]);
-  const [error, setError] = useState82();
-  const [progress, setProgress] = useState82();
-  const [result, setResult] = useState82();
+  const [region, setRegion] = useState83(Object.keys(Regions)[0]);
+  const [error, setError] = useState83();
+  const [progress, setProgress] = useState83();
+  const [result, setResult] = useState83();
   const startTest = () => {
     updateStep(3 /* CONNECTIVITY */, { hasFailed: false, isCompleted: false });
     setError(void 0);
@@ -34368,14 +34493,14 @@ var ConnectivityTest = () => {
       setError(error2);
     });
   };
-  return /* @__PURE__ */ React192.createElement(React192.Fragment, null, /* @__PURE__ */ React192.createElement(
+  return /* @__PURE__ */ React195.createElement(React195.Fragment, null, /* @__PURE__ */ React195.createElement(
     RegionSelector,
     {
       region,
       setRegion,
       startTest: progress === void 0 || progress === ConnectivityState.COMPLETED ? startTest : void 0
     }
-  ), /* @__PURE__ */ React192.createElement(ConnectivityTestReport, { error, result, progress, startTest }));
+  ), /* @__PURE__ */ React195.createElement(ConnectivityTestReport, { error, result, progress, startTest }));
 };
 var downloadJson = (obj, fileName) => {
   const a2 = document.createElement("a");
@@ -34389,28 +34514,28 @@ var downloadJson = (obj, fileName) => {
 
 // src/Diagnostics/VideoTest.tsx
 init_define_process_env();
-import React193, { useEffect as useEffect83, useState as useState83 } from "react";
+import React196, { useEffect as useEffect87, useState as useState84 } from "react";
 import {
   selectDevices as selectDevices2,
   selectLocalMediaSettings as selectLocalMediaSettings2,
   selectLocalVideoTrackID as selectLocalVideoTrackID4,
-  useHMSStore as useHMSStore98
+  useHMSStore as useHMSStore100
 } from "@100mslive/react-sdk";
 import { VideoOnIcon as VideoOnIcon5 } from "@100mslive/react-icons";
 var VideoTest = () => {
   const { hmsDiagnostics, updateStep } = useDiagnostics();
-  const allDevices = useHMSStore98(selectDevices2);
+  const allDevices = useHMSStore100(selectDevices2);
   const { videoInput } = allDevices;
-  const trackID = useHMSStore98(selectLocalVideoTrackID4);
-  const sdkSelectedDevices = useHMSStore98(selectLocalMediaSettings2);
-  const [error, setError] = useState83();
-  useEffect83(() => {
+  const trackID = useHMSStore100(selectLocalVideoTrackID4);
+  const sdkSelectedDevices = useHMSStore100(selectLocalMediaSettings2);
+  const [error, setError] = useState84();
+  useEffect87(() => {
     hmsDiagnostics == null ? void 0 : hmsDiagnostics.startCameraCheck().catch((err) => {
       updateStep(1 /* VIDEO */, { hasFailed: true });
       setError(err);
     });
   }, [hmsDiagnostics, updateStep]);
-  return /* @__PURE__ */ React193.createElement(React193.Fragment, null, /* @__PURE__ */ React193.createElement(TestContainer, { css: { display: "flex", "@lg": { flexDirection: "column", alignItems: "center" } } }, trackID && /* @__PURE__ */ React193.createElement(
+  return /* @__PURE__ */ React196.createElement(React196.Fragment, null, /* @__PURE__ */ React196.createElement(TestContainer, { css: { display: "flex", "@lg": { flexDirection: "column", alignItems: "center" } } }, trackID && /* @__PURE__ */ React196.createElement(
     StyledVideoTile.Container,
     {
       css: {
@@ -34420,30 +34545,30 @@ var VideoTest = () => {
         "@lg": { mr: 0, mb: "$10", aspectRatio: "1/1" }
       }
     },
-    /* @__PURE__ */ React193.createElement(Video, { mirror: true, trackId: trackID })
-  ), /* @__PURE__ */ React193.createElement(Flex, { direction: "column", css: { w: "100%" } }, /* @__PURE__ */ React193.createElement(Text, { variant: "body2", css: { c: "$on_primary_medium", mb: "$10" } }, "Move in front of your camera to make sure it's working. If you don't see your video, try changing the selected camera. If the camera isn't part of your computer, check your settings to make sure your system recognizes it."), /* @__PURE__ */ React193.createElement(
+    /* @__PURE__ */ React196.createElement(Video, { mirror: true, trackId: trackID })
+  ), /* @__PURE__ */ React196.createElement(Flex, { direction: "column", css: { w: "100%" } }, /* @__PURE__ */ React196.createElement(Text, { variant: "body2", css: { c: "$on_primary_medium", mb: "$10" } }, "Move in front of your camera to make sure it's working. If you don't see your video, try changing the selected camera. If the camera isn't part of your computer, check your settings to make sure your system recognizes it."), /* @__PURE__ */ React196.createElement(
     DeviceSelector2,
     {
       title: "Video",
       devices: videoInput || [],
-      icon: /* @__PURE__ */ React193.createElement(VideoOnIcon5, null),
+      icon: /* @__PURE__ */ React196.createElement(VideoOnIcon5, null),
       selection: sdkSelectedDevices.videoInputDeviceId,
       onChange: (deviceId) => __async(void 0, null, function* () {
         hmsDiagnostics == null ? void 0 : hmsDiagnostics.stopCameraCheck();
         hmsDiagnostics == null ? void 0 : hmsDiagnostics.startCameraCheck(deviceId);
       })
     }
-  ))), /* @__PURE__ */ React193.createElement(TestFooter, { error, ctaText: "Does your video look good?" }), /* @__PURE__ */ React193.createElement(PermissionErrorModal, { error }));
+  ))), /* @__PURE__ */ React196.createElement(TestFooter, { error, ctaText: "Does your video look good?" }), /* @__PURE__ */ React196.createElement(PermissionErrorModal, { error }));
 };
 
 // src/Diagnostics/Diagnostics.tsx
 var DiagnosticsStepIcon = {
-  [1 /* VIDEO */]: /* @__PURE__ */ React194.createElement(VideoOnIcon6, { width: "2rem", height: "2rem" }),
-  [2 /* AUDIO */]: /* @__PURE__ */ React194.createElement(MicOnIcon8, { width: "2rem", height: "2rem" }),
-  [0 /* BROWSER */]: /* @__PURE__ */ React194.createElement(GlobeIcon, { width: "2rem", height: "2rem" }),
-  [3 /* CONNECTIVITY */]: /* @__PURE__ */ React194.createElement(ConnectivityIcon2, { width: "2rem", height: "2rem" })
+  [1 /* VIDEO */]: /* @__PURE__ */ React197.createElement(VideoOnIcon6, { width: "2rem", height: "2rem" }),
+  [2 /* AUDIO */]: /* @__PURE__ */ React197.createElement(MicOnIcon8, { width: "2rem", height: "2rem" }),
+  [0 /* BROWSER */]: /* @__PURE__ */ React197.createElement(GlobeIcon, { width: "2rem", height: "2rem" }),
+  [3 /* CONNECTIVITY */]: /* @__PURE__ */ React197.createElement(ConnectivityIcon2, { width: "2rem", height: "2rem" })
 };
-var Container5 = ({ children }) => /* @__PURE__ */ React194.createElement(
+var Container5 = ({ children }) => /* @__PURE__ */ React197.createElement(
   Box,
   {
     css: {
@@ -34483,7 +34608,7 @@ var Container5 = ({ children }) => /* @__PURE__ */ React194.createElement(
 );
 var DiagnosticsStepTest = () => {
   const { activeStepIndex } = useDiagnostics();
-  let TestComponent = () => /* @__PURE__ */ React194.createElement(React194.Fragment, null);
+  let TestComponent = () => /* @__PURE__ */ React197.createElement(React197.Fragment, null);
   if (activeStepIndex === 2 /* AUDIO */) {
     TestComponent = AudioTest;
   } else if (activeStepIndex === 1 /* VIDEO */) {
@@ -34493,47 +34618,47 @@ var DiagnosticsStepTest = () => {
   } else if (activeStepIndex === 3 /* CONNECTIVITY */) {
     TestComponent = ConnectivityTest;
   }
-  return /* @__PURE__ */ React194.createElement(TestComponent, { key: activeStepIndex });
+  return /* @__PURE__ */ React197.createElement(TestComponent, { key: activeStepIndex });
 };
 var DiagnosticsStepHeader = () => {
   const { activeStepIndex, activeStep } = useDiagnostics();
-  return /* @__PURE__ */ React194.createElement(Flex, { css: { py: "$8", px: "$10", alignItems: "center", borderBottom: "1px solid $border_default" } }, /* @__PURE__ */ React194.createElement(Text, { css: { c: "$primary_bright", mt: "$xs" } }, DiagnosticsStepIcon[activeStepIndex]), /* @__PURE__ */ React194.createElement(Text, { css: { fontSize: "$h6", ml: "$9" } }, activeStep.name));
+  return /* @__PURE__ */ React197.createElement(Flex, { css: { py: "$8", px: "$10", alignItems: "center", borderBottom: "1px solid $border_default" } }, /* @__PURE__ */ React197.createElement(Text, { css: { c: "$primary_bright", mt: "$xs" } }, DiagnosticsStepIcon[activeStepIndex]), /* @__PURE__ */ React197.createElement(Text, { css: { fontSize: "$h6", ml: "$9" } }, activeStep.name));
 };
 var DiagnosticsStepContainer = () => {
-  return /* @__PURE__ */ React194.createElement(Box, { css: { border: "1px solid $border_default", r: "$1", w: "75%", maxWidth: "65rem", "@lg": { w: "100%" } } }, /* @__PURE__ */ React194.createElement(DiagnosticsStepHeader, null), /* @__PURE__ */ React194.createElement(DiagnosticsStepTest, null));
+  return /* @__PURE__ */ React197.createElement(Box, { css: { border: "1px solid $border_default", r: "$1", w: "75%", maxWidth: "65rem", "@lg": { w: "100%" } } }, /* @__PURE__ */ React197.createElement(DiagnosticsStepHeader, null), /* @__PURE__ */ React197.createElement(DiagnosticsStepTest, null));
 };
 var DiagnosticsStepsList = () => {
   const { activeStepIndex, activeStep, steps } = useDiagnostics();
-  return /* @__PURE__ */ React194.createElement(Box, { css: { w: "25%", "@lg": { display: "none" } } }, Object.keys(DiagnosticsStep).filter((key) => !isNaN(Number(key))).map((key) => {
+  return /* @__PURE__ */ React197.createElement(Box, { css: { w: "25%", "@lg": { display: "none" } } }, Object.keys(DiagnosticsStep).filter((key) => !isNaN(Number(key))).map((key) => {
     const keyIndex = Number(key);
     const step = steps[keyIndex];
     const isStepCompleted = activeStepIndex > keyIndex || activeStep.isCompleted;
     let color = "$on_primary_low";
-    let icon = /* @__PURE__ */ React194.createElement(Text, { css: { c: color, fontSize: "1.75rem" } }, "\u2022");
+    let icon = /* @__PURE__ */ React197.createElement(Text, { css: { c: color, fontSize: "1.75rem" } }, "\u2022");
     if (activeStepIndex === keyIndex) {
       color = "$on_primary_high";
-      icon = /* @__PURE__ */ React194.createElement(Text, { css: { c: color, fontSize: "1.75rem" } }, "\u2022");
+      icon = /* @__PURE__ */ React197.createElement(Text, { css: { c: color, fontSize: "1.75rem" } }, "\u2022");
     }
     if (isStepCompleted) {
       color = "$primary_bright";
-      icon = /* @__PURE__ */ React194.createElement(CheckCircleIcon7, { width: "1rem", height: "1rem" });
+      icon = /* @__PURE__ */ React197.createElement(CheckCircleIcon7, { width: "1rem", height: "1rem" });
     }
     if (step.hasFailed) {
       color = "$alert_error_default";
-      icon = /* @__PURE__ */ React194.createElement(CrossCircleIcon5, { width: "1rem", height: "1rem" });
+      icon = /* @__PURE__ */ React197.createElement(CrossCircleIcon5, { width: "1rem", height: "1rem" });
     }
-    return /* @__PURE__ */ React194.createElement(Flex, { key, css: { mb: "$10", c: color, gap: "$4", alignItems: "center" } }, icon, /* @__PURE__ */ React194.createElement(Text, { css: { c: color } }, step.name));
+    return /* @__PURE__ */ React197.createElement(Flex, { key, css: { mb: "$10", c: color, gap: "$4", alignItems: "center" } }, icon, /* @__PURE__ */ React197.createElement(Text, { css: { c: color } }, step.name));
   }));
 };
 var DiagnosticsProvider = () => {
-  const actions = useHMSActions61();
-  const [activeStep, setActiveStep] = useState84(0);
-  const [steps, setSteps] = useState84(initialSteps);
+  const actions = useHMSActions62();
+  const [activeStep, setActiveStep] = useState85(0);
+  const [steps, setSteps] = useState85(initialSteps);
   const diagnosticsRef = useRef37(actions.initDiagnostics());
   const updateStep = useCallback42((step, value) => {
     setSteps((prevSteps) => __spreadProps(__spreadValues({}, prevSteps), { [step]: __spreadValues(__spreadValues({}, prevSteps[step]), value) }));
   }, []);
-  return /* @__PURE__ */ React194.createElement(
+  return /* @__PURE__ */ React197.createElement(
     DiagnosticsContext.Provider,
     {
       value: {
@@ -34544,11 +34669,11 @@ var DiagnosticsProvider = () => {
         updateStep
       }
     },
-    /* @__PURE__ */ React194.createElement(Container5, null, /* @__PURE__ */ React194.createElement(Text, { variant: "h4" }, "Pre-call Test"), /* @__PURE__ */ React194.createElement(Text, { variant: "md", css: { c: "$on_primary_medium" } }, "Make sure your devices and network are good to go, let's get started."), /* @__PURE__ */ React194.createElement(Flex, { css: { direction: "column", mt: "$12", justifyItems: "center" } }, /* @__PURE__ */ React194.createElement(DiagnosticsStepsList, null), /* @__PURE__ */ React194.createElement(DiagnosticsStepContainer, null)))
+    /* @__PURE__ */ React197.createElement(Container5, null, /* @__PURE__ */ React197.createElement(Text, { variant: "h4" }, "Pre-call Test"), /* @__PURE__ */ React197.createElement(Text, { variant: "md", css: { c: "$on_primary_medium" } }, "Make sure your devices and network are good to go, let's get started."), /* @__PURE__ */ React197.createElement(Flex, { css: { direction: "column", mt: "$12", justifyItems: "center" } }, /* @__PURE__ */ React197.createElement(DiagnosticsStepsList, null), /* @__PURE__ */ React197.createElement(DiagnosticsStepContainer, null)))
   );
 };
 var Diagnostics = () => {
-  return /* @__PURE__ */ React194.createElement(HMSRoomProvider2, null, /* @__PURE__ */ React194.createElement(HMSThemeProvider, { themeType: "default" }, /* @__PURE__ */ React194.createElement(DiagnosticsProvider, null)));
+  return /* @__PURE__ */ React197.createElement(HMSRoomProvider2, null, /* @__PURE__ */ React197.createElement(HMSThemeProvider, { themeType: "default" }, /* @__PURE__ */ React197.createElement(DiagnosticsProvider, null)));
 };
 
 export {
@@ -34683,4 +34808,4 @@ object-assign/index.js:
   @license MIT
   *)
 */
-//# sourceMappingURL=chunk-D6EIIW34.js.map
+//# sourceMappingURL=chunk-CRGZUJSX.js.map