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

package/dist/index.cjs.js

@@ -35,8 +35,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;
@@ -109,7 +109,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_c02a3a78-e2bb-4bd9-b834-9432f8b041d5", 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.0", 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.0", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_c02a3a78-e2bb-4bd9-b834-9432f8b041d5", 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.0", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.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: "602", 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:5181", 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.0", 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: "11161946270", 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: "d6442187dcb9cfd7be47e4fa96fce78f4ac4f50b", 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: "984a9662bce0b6e4f412ecbafb731bc4513e592b3ab60e1e8644fc41b18c4830", npm_package_exports___import: "./dist/index.js", STATS_BLT: "true", 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--1727958518919-0.7551438833659676:/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--1727958518724-0.07247593050370194:/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--1727958492513-0.8315064134755685:/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--1727958492334-0.7202336770826401:/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_eb3c5730-d7b7-4bc6-92a1-5ef3a3c761e4", INVOCATION_ID: "cc78594b821949b7bde659fc2b8cd86f", 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: "679", 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 229", 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.0", 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.0", 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: "d6442187dcb9cfd7be47e4fa96fce78f4ac4f50b", 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_c02a3a78-e2bb-4bd9-b834-9432f8b041d5", 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_c02a3a78-e2bb-4bd9-b834-9432f8b041d5", 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_c02a3a78-e2bb-4bd9-b834-9432f8b041d5" };
+    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" };
   }
 });
 
@@ -1272,7 +1272,7 @@ var init_Avatar = __esm({
     StyledAvatar = styled("div", __spreadProps(__spreadValues({}, flexCenter), {
       color: "$colors$on_primary_high",
       fontFamily: "$sans",
-      aspectRatio: 1,
+      aspectRatio: "1",
       fontWeight: 600,
       fontSize: "$space$9",
       variants: {
@@ -2800,11 +2800,11 @@ var init_formatBytes = __esm({
         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]}`;
     };
   }
 });
@@ -6311,8 +6311,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;
         }
@@ -6378,8 +6378,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;
         }
@@ -6467,7 +6467,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);
@@ -6478,9 +6478,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;
         }
@@ -6537,14 +6537,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;
         }
@@ -15025,7 +15025,7 @@ var init_StartRecording = __esm({
 });
 
 // src/Prebuilt/components/StatsForNerds.jsx
-var import_react75, import_ts_pattern4, import_react_sdk33, StatsForNerds, useTracksWithLabel, LocalPeerStats, TrackStats, StatsRow2;
+var import_react75, import_ts_pattern4, import_react_sdk33, StatsForNerds, useTracksWithLabel, LocalPeerStats, TrackStats, DebugInfo, StatsRow2;
 var init_StatsForNerds = __esm({
   "src/Prebuilt/components/StatsForNerds.jsx"() {
     "use strict";
@@ -15033,6 +15033,7 @@ var init_StatsForNerds = __esm({
     import_react75 = __toESM(require("react"));
     import_ts_pattern4 = require("ts-pattern");
     import_react_sdk33 = require("@100mslive/react-sdk");
+    init_Accordion2();
     init_Divider2();
     init_Dropdown2();
     init_Label2();
@@ -15052,6 +15053,8 @@ var init_StatsForNerds = __esm({
         () => [{ id: "local-peer", label: "Local Peer Stats" }, ...tracksWithLabels],
         [tracksWithLabels]
       );
+      const hmsActions = (0, import_react_sdk33.useHMSActions)();
+      const details = hmsActions.getDebugInfo();
       const [selectedStat, setSelectedStat] = (0, import_react75.useState)(statsOptions[0]);
       const [showStatsOnTiles, setShowStatsOnTiles] = useSetUiSettings(UI_SETTINGS.showStatsOnTiles);
       const [open, setOpen] = (0, import_react75.useState)(false);
@@ -15067,7 +15070,7 @@ var init_StatsForNerds = __esm({
         {
           css: {
             width: "min(500px, 95%)",
-            maxHeight: "100%",
+            height: "min(656px, 90%)",
             overflowY: "auto"
           }
         },
@@ -15113,7 +15116,8 @@ var init_StatsForNerds = __esm({
             );
           }))))
         ),
-        selectedStat.id === "local-peer" ? /* @__PURE__ */ import_react75.default.createElement(LocalPeerStats, null) : /* @__PURE__ */ import_react75.default.createElement(TrackStats, { trackID: selectedStat.id, layer: selectedStat.layer, local: selectedStat.local })
+        selectedStat.id === "local-peer" ? /* @__PURE__ */ import_react75.default.createElement(LocalPeerStats, null) : /* @__PURE__ */ import_react75.default.createElement(TrackStats, { trackID: selectedStat.id, layer: selectedStat.layer, local: selectedStat.local }),
+        /* @__PURE__ */ import_react75.default.createElement(Flex, { justify: "start", gap: 4, css: { m: "$10 0", w: "100%" } }, /* @__PURE__ */ import_react75.default.createElement(DebugInfo, { details }))
       )));
     };
     useTracksWithLabel = () => {
@@ -15196,7 +15200,11 @@ var init_StatsForNerds = __esm({
         }
       ));
     };
-    StatsRow2 = import_react75.default.memo(({ label, value }) => /* @__PURE__ */ import_react75.default.createElement(Box, { css: { bg: "$surface_bright", w: "calc(50% - $6)", p: "$8", r: "$3" } }, /* @__PURE__ */ import_react75.default.createElement(
+    DebugInfo = ({ details }) => {
+      var _a7;
+      return /* @__PURE__ */ import_react75.default.createElement(Accordion.Root, { type: "single", collapsible: true, css: { w: "100%" } }, /* @__PURE__ */ import_react75.default.createElement(Accordion.Item, { value: "Debug Info" }, /* @__PURE__ */ import_react75.default.createElement(Accordion.Header, null, /* @__PURE__ */ import_react75.default.createElement(Label3, { variant: "body2", css: { c: "$on_surface_high" } }, "Debug Info")), /* @__PURE__ */ import_react75.default.createElement(Accordion.Content, null, /* @__PURE__ */ import_react75.default.createElement(Flex, { css: { flexWrap: "wrap", mt: "$10", gap: "$10" } }, /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { css: { w: "100%" }, label: "Websocket URL", value: details == null ? void 0 : details.websocketURL }), /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { css: { w: "100%" }, label: "Init Endpoint", value: details == null ? void 0 : details.initEndpoint }), /* @__PURE__ */ import_react75.default.createElement(StatsRow2, { css: { w: "100%" }, label: "Enabled flags", value: (_a7 = details == null ? void 0 : details.enabledFlags) == null ? void 0 : _a7.join(", ") })))));
+    };
+    StatsRow2 = import_react75.default.memo(({ label, value, css: css2 }) => /* @__PURE__ */ import_react75.default.createElement(Box, { css: __spreadValues({ bg: "$surface_bright", w: "calc(50% - $6)", p: "$8", r: "$3" }, css2) }, /* @__PURE__ */ import_react75.default.createElement(
       Text,
       {
         variant: "overline",
@@ -16153,7 +16161,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, match18;
         while (i < arrays.length && !matches) {
           var regex = arrays[i], props = arrays[i + 1];
@@ -16162,7 +16170,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++) {
                 match18 = matches[++k];
@@ -17251,16 +17259,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;
@@ -17326,8 +17334,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);
@@ -17359,8 +17367,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];
@@ -18511,11 +18519,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
@@ -19523,12 +19531,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) {
@@ -20548,15 +20556,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;
@@ -21319,8 +21327,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(match18, location, names, rawName) {
       if (rawName && !names) {
@@ -21553,7 +21561,7 @@ function Ue(a2, e) {
   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 };
 }
@@ -21563,7 +21571,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) {
@@ -21572,7 +21580,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) {
@@ -21583,7 +21591,7 @@ 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 };
 }
-function uo() {
+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";
@@ -21596,9 +21604,9 @@ function ce(a2) {
 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, "_");
@@ -21616,13 +21624,13 @@ function ci(a2, e = 300) {
 function R(a2) {
   return (e) => (t) => a2(t, e);
 }
-function Qm(a2) {
+function Xm(a2) {
   return (e) => {
     if (e.sessionStore)
       return a2 ? e.sessionStore[a2] : e.sessionStore;
   };
 }
-var import_ua_parser_js, import_uuid3, import_uuid4, import_lodash3, import_lodash4, import_uuid5, import_uuid6, import_uuid7, import_eventemitter2, import_eventemitter22, import_uuid8, import_eventemitter23, jt, import_eventemitter24, import_uuid9, import_uuid10, Za, eo, to, ti, ns, cs, os, m, y, gr, so, c, yr, Tr, ao, ds, fr, ls, hs, no, l, he, B, ms, Be, lo, dc, Ss, gs, ys, Ts, fs, ks, Es, Qe, P4, f, po, S, Mr, Ps, me, ai, As, Rs, C, E, Er, Y, Pr, br, Hr, ws, Ds, _s, Ns, Os, Cr, xs, Lr, Fs, wr, Gs, Dr, _r, Ks, qs, Pt, rt, V, No, em, tm, j, Mi, ta, O, Wr, Oo, Oe, sm, xo, fe, Uo, ie, Ee, am, om, ne, X, Bo, ra, nm, cm, Kr, Vo, lm, um, pm, hm, mm, Sm, gm, Tm, Rt, Fo, fm, re, aa, vm, Mm, ve, ym, at, Go, oa, km, na, Em, Pm, bm, Im, Am, Rm, Hm, Cm, Lm, wm, ca, Om, Wo, xm, la, qr, ua, pa, ha, ma, Sa, ga, Ta, fa, Ht, b, jr, Ct, va, $o, Ko, J, Jr, qo, jo, Jo, Qo, zo, Z, Jm, Ym, Xm, yi, Ma, Zm, eS, tS, Yo, Xo, rS, ya, sS, Zo, aS, oS, nS, cS, dS, lS, ka, Ea, pS, hS, Pa, mS, SS, ba, gS, TS, fS, Ia, Aa, en, tn, rn, vS, MS, yS, kS, ES, Ra, NS, sn, OS, xS, US, on, nn, ln, Zr, be, Vt, Q, sr, lt, Cn, Ln, wn, Dn, Ya, _n, Xa, rs, Ae, Nn, On, xn, Un, Bn, Vn, Fn, Gn, Wn, $n, ss, Kn, qn, jn, Jn, Qn, zn;
+var import_ua_parser_js, import_uuid3, import_uuid4, import_lodash3, import_lodash4, import_uuid5, import_uuid6, import_uuid7, import_eventemitter2, import_eventemitter22, import_uuid8, import_eventemitter23, jt, import_eventemitter24, import_uuid9, import_uuid10, to, io, ro, ti, ds, ls, cs, m, y, gr, oo, c, yr, Tr, no, us, fr, ps, Ss, lo, l, he, B, gs, Be, po, uc, Ts, fs, Es, vs, Ms, Ps, bs, Qe, P4, v, mo, S, Mr, As, me, ai, Hs, Cs, C, E, Er, Y, Pr, br, Rr, Cr, _s, Ns, Os, xs, Us, Lr, Bs, wr, Ws, Dr, $s, _r, Nr, js, Js, Pt, rt, V, xo, rm, sm, j, Mi, ra, O, $r, Uo, Oe, nm, Bo, fe, Vo, ie, Ee, cm, dm, ne, X, Fo, aa, lm, um, qr, Go, hm, mm, Sm, gm, Tm, fm, vm, Mm, Rt, Wo, ym, re, na, km, Em, ve, Pm, at, $o, ca, bm, da, Am, Im, Rm, Hm, Cm, Lm, wm, Dm, _m, Nm, la, Bm, Ko, Vm, pa, jr, ha, ma, Sa, ga, Ta, fa, va, Ma, Ht, b, Jr, Ct, ya, qo, jo, J, Qr, Jo, Qo, zo, Yo, Xo, Z, Ym, eS, tS, yi, ka, iS, rS, sS, Zo, en, oS, Ea, nS, tn, cS, dS, lS, uS, pS, hS, Pa, ba, SS, gS, Aa, TS, fS, Ia, vS, MS, yS, Ra, Ha, rn, sn, an, kS, ES, PS, bS, AS, Ca, US, on, BS, VS, FS, cn, dn, pn, es, be, Vt, ts, Q, sr, lt, wn, Dn, _n, Nn, Za, On, eo, as, Ie, xn, Un, Bn, Vn, Fn, Gn, Wn, $n, Kn, qn, os, jn, Jn, Qn, zn, Yn, Xn;
 var init_dist = __esm({
   "../hms-video-store/dist/index.js"() {
     "use strict";
@@ -21650,32 +21658,32 @@ var init_dist = __esm({
     import_uuid9 = require("uuid");
     import_uuid10 = require("uuid");
     init_es();
-    Za = Object.defineProperty;
-    eo = Object.defineProperties;
-    to = Object.getOwnPropertyDescriptors;
+    to = Object.defineProperty;
+    io = Object.defineProperties;
+    ro = Object.getOwnPropertyDescriptors;
     ti = Object.getOwnPropertySymbols;
-    ns = Object.prototype.hasOwnProperty;
-    cs = Object.prototype.propertyIsEnumerable;
-    os = (a2, e, t) => e in a2 ? Za(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
+    ds = Object.prototype.hasOwnProperty;
+    ls = Object.prototype.propertyIsEnumerable;
+    cs = (a2, e, t) => e in a2 ? to(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
     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;
     };
-    y = (a2, e) => eo(a2, to(e));
+    y = (a2, e) => io(a2, ro(e));
     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;
     };
-    so = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
+    oo = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
     c = (a2, e, t) => new Promise((i, r) => {
       var s = (d) => {
         try {
@@ -21692,16 +21700,16 @@ var init_dist = __esm({
       }, n = (d) => d.done ? i(d.value) : Promise.resolve(d.value).then(s, o);
       n((t = t.apply(a2, e)).next());
     });
-    yr = so((Nc, mo) => {
-      mo.exports = { version: "0.12.22-alpha.0", 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"] };
+    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"] };
     });
     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 || {});
-    ao = ((e) => (e.CHAT = "chat", e))(ao || {});
-    ds = ((t) => (t.INFO = "info", t.ERROR = "error", t))(ds || {});
+    no = ((e) => (e.CHAT = "chat", e))(no || {});
+    us = ((t) => (t.INFO = "info", t.ERROR = "error", t))(us || {});
     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 || {});
-    ls = ((t) => (t.audio = "audio", t.video = "video", t))(ls || {});
-    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 || {});
-    no = typeof window != "undefined" && typeof window.expect != "undefined";
+    ps = ((t) => (t.audio = "audio", t.video = "video", t))(ps || {});
+    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 || {});
+    lo = typeof window != "undefined" && typeof window.expect != "undefined";
     l = class {
       static v(e, ...t) {
         this.log(0, e, ...t);
@@ -21767,18 +21775,18 @@ var init_dist = __esm({
           }
       }
     };
-    l.level = no ? 7 : 0;
+    l.level = lo ? 7 : 0;
     he = new import_ua_parser_js.UAParser();
     B = typeof window != "undefined";
-    Be = typeof window == "undefined" && !((ms = he.getBrowser().name) != null && ms.toLowerCase().includes("electron"));
-    lo = () => !Be;
-    dc = lo();
-    ys = (gs = (Ss = he.getBrowser()) == null ? void 0 : Ss.name) == null ? void 0 : gs.toLowerCase().includes("safari");
-    ks = ((fs = (Ts = he.getBrowser()) == null ? void 0 : Ts.name) == null ? void 0 : fs.toLowerCase()) === "firefox";
-    Es = ((i) => (i.CUSTOM = "CUSTOM", i.LOCAL = "LOCAL", i.HMS = "HMS", i))(Es || {});
-    Qe = uo();
-    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 } };
-    f = class a extends Error {
+    Be = typeof window == "undefined" && !((gs = he.getBrowser().name) != null && gs.toLowerCase().includes("electron"));
+    po = () => !Be;
+    uc = po();
+    Es = (fs = (Ts = he.getBrowser()) == null ? void 0 : Ts.name) == null ? void 0 : fs.toLowerCase().includes("safari");
+    Ps = ((Ms = (vs = he.getBrowser()) == null ? void 0 : vs.name) == null ? void 0 : Ms.toLowerCase()) === "firefox";
+    bs = ((i) => (i.CUSTOM = "CUSTOM", i.LOCAL = "LOCAL", i.HMS = "HMS", i))(bs || {});
+    Qe = ho();
+    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 } };
+    v = class a extends Error {
       constructor(t, i, r, s, o, n = false) {
         super(s);
         this.code = t;
@@ -21807,113 +21815,115 @@ var init_dist = __esm({
     }`;
       }
     };
-    po = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
+    mo = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
     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);
     } } };
     Mr = class {
       constructor() {
@@ -21940,7 +21950,7 @@ var init_dist = __esm({
         return this.valuesMap.size;
       }
     };
-    Ps = () => {
+    As = () => {
       try {
         B && !localStorage && (window.localStorage = new Mr());
       } catch (a2) {
@@ -21954,7 +21964,7 @@ var init_dist = __esm({
       }
       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;
         }
@@ -21978,8 +21988,8 @@ var init_dist = __esm({
       let a2, e = new me("hms-analytics-deviceId"), t = e.get();
       return t ? a2 = t : (a2 = (0, import_uuid4.v4)(), e.set(a2)), a2;
     };
-    As = yr().version;
-    Rs = (a2, e = ",") => Object.keys(a2).filter((t) => ce(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
+    Hs = yr().version;
+    Cs = (a2, e = ",") => Object.keys(a2).filter((t) => ce(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
     C = class {
       constructor({ name: e, level: t, properties: i, includesPII: r, timestamp: s }) {
         this.metadata = { peer: {}, userAgent: vt() };
@@ -22028,6 +22038,9 @@ var init_dist = __esm({
       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 });
@@ -22085,7 +22098,7 @@ var init_dist = __esm({
         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";
@@ -22126,15 +22139,16 @@ var init_dist = __esm({
     Y = new Er();
     Pr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(Pr || {});
     br = ((t) => (t.PLATFORM_NOT_SUPPORTED = "PLATFORM_NOT_SUPPORTED", t.DEVICE_NOT_SUPPORTED = "DEVICE_NOT_SUPPORTED", t))(br || {});
-    Hr = ((t) => (t.SIP = "sip", t.REGULAR = "regular", t))(Hr || {});
-    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 || {});
-    Ds = ((t) => (t.DVR = "dvr", t.NO_DVR = "no-dvr", t))(Ds || {});
-    _s = ((i) => (i.REGULAR = "regular", i.SCREEN = "screen", i.COMPOSITE = "composite", i))(_s || {});
-    Ns = ((r) => (r.INITIALISED = "initialised", r.STARTED = "started", r.STOPPED = "stopped", r.FAILED = "failed", r))(Ns || {});
-    Os = ((e) => (e.CAPTION = "caption", e))(Os || {});
-    Cr = ((t) => (t.VOICE = "voice", t.MUSIC = "music", t))(Cr || {});
-    xs = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(xs || {});
-    Lr = class {
+    Rr = ((r) => (r.SPEAKERPHONE = "SPEAKERPHONE", r.WIRED = "WIRED", r.BLUETOOTH = "BLUETOOTH", r.EARPIECE = "EARPIECE", r))(Rr || {});
+    Cr = ((t) => (t.SIP = "sip", t.REGULAR = "regular", t))(Cr || {});
+    _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 || {});
+    Ns = ((t) => (t.DVR = "dvr", t.NO_DVR = "no-dvr", t))(Ns || {});
+    Os = ((i) => (i.REGULAR = "regular", i.SCREEN = "screen", i.COMPOSITE = "composite", i))(Os || {});
+    xs = ((r) => (r.INITIALISED = "initialised", r.STARTED = "started", r.STOPPED = "stopped", r.FAILED = "failed", r))(xs || {});
+    Us = ((e) => (e.CAPTION = "caption", e))(Us || {});
+    Lr = ((t) => (t.VOICE = "voice", t.MUSIC = "music", t))(Lr || {});
+    Bs = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(Bs || {});
+    wr = class {
       constructor() {
         this.TAG = "[HMSIntersectionObserverWrapper]";
         this.listeners = /* @__PURE__ */ new WeakMap();
@@ -22161,8 +22175,8 @@ var init_dist = __esm({
         return e || l.w(this.TAG, "IntersectionObserver is not supported, fallback will be used instead"), e;
       }
     };
-    Fs = new Lr();
-    wr = class {
+    Ws = new wr();
+    Dr = class {
       constructor() {
         this.TAG = "[HMSResizeObserverWrapper]";
         this.listeners = /* @__PURE__ */ new WeakMap();
@@ -22189,43 +22203,43 @@ var init_dist = __esm({
         return e || l.w(this.TAG, "Resize Observer is not supported"), e;
       }
     };
-    Gs = new wr();
-    Dr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(Dr || {});
-    _r = ((t) => (t["2D"] = "2d", t.WEBGL = "webgl", t.WEBGL2 = "webgl2", t))(_r || {});
-    Ks = "https://event.100ms.live/v2/client/report";
-    qs = "https://event-nonprod.100ms.live/v2/client/report";
+    $s = new Dr();
+    _r = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(_r || {});
+    Nr = ((t) => (t["2D"] = "2d", t.WEBGL = "webgl", t.WEBGL2 = "webgl2", t))(Nr || {});
+    js = "https://event.100ms.live/v2/client/report";
+    Js = "https://event-nonprod.100ms.live/v2/client/report";
     Pt = Math.pow(2, 31) - 1;
     rt = class {
     };
     rt.makePeerId = () => (0, import_uuid7.v4)();
     V = (a2) => a2.room;
-    No = (a2) => a2.errors;
-    em = createSelector(No, (a2) => a2.length === 0 ? null : a2.at(-1));
-    tm = createSelector(V, (a2) => a2.id);
+    xo = (a2) => a2.errors;
+    rm = createSelector(xo, (a2) => a2.length === 0 ? null : a2.at(-1));
+    sm = createSelector(V, (a2) => a2.id);
     j = (a2) => a2.peers;
     Mi = (a2) => a2.messages.byID;
-    ta = (a2) => a2.messages.allIDs;
+    ra = (a2) => a2.messages.allIDs;
     O = (a2) => a2.tracks;
-    Wr = (a2) => a2.appData;
-    Oo = (a2) => a2.speakers;
+    $r = (a2) => a2.appData;
+    Uo = (a2) => a2.speakers;
     Oe = createSelector([V], (a2) => a2 && a2.isConnected);
-    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));
-    xo = (a2) => a2.hideLocalPeer;
-    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]));
-    Uo = createSelector(O, (a2) => Object.values(a2));
+    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));
+    Bo = (a2) => a2.hideLocalPeer;
+    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]));
+    Vo = createSelector(O, (a2) => Object.values(a2));
     ie = createSelector(V, j, (a2, e) => e[a2.localPeer]);
     Ee = createSelector(V, (a2) => a2.localPeer);
-    am = createSelector(ie, (a2) => a2 == null ? void 0 : a2.name);
-    om = createSelector(ie, (a2) => a2 == null ? void 0 : a2.roleName);
+    cm = createSelector(ie, (a2) => a2 == null ? void 0 : a2.name);
+    dm = createSelector(ie, (a2) => a2 == null ? void 0 : a2.roleName);
     ne = createSelector(ie, (a2) => a2 == null ? void 0 : a2.audioTrack);
     X = createSelector(ie, (a2) => a2 == null ? void 0 : a2.videoTrack);
-    Bo = createSelector(ie, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
-    ra = createSelector([ne, X, Bo], (a2, e, t) => {
+    Fo = createSelector(ie, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
+    aa = createSelector([ne, X, Fo], (a2, e, t) => {
       let i = t ? [...t] : [];
       return a2 && i.unshift(a2), e && i.unshift(e), i;
     });
-    nm = createSelector(fe, (a2) => a2.filter((e) => !e.isLocal));
-    cm = createSelector(j, Oo, (a2, e) => {
+    lm = createSelector(fe, (a2) => a2.filter((e) => !e.isLocal));
+    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;
@@ -22238,11 +22252,11 @@ var init_dist = __esm({
       }
       return null;
     });
-    Kr = createSelector(ie, O, (a2, e) => {
+    qr = createSelector(ie, O, (a2, e) => {
       let { video: t, audio: i } = Ue(e, a2);
       return !!(t || i);
     });
-    Vo = createSelector(j, O, (a2, e) => {
+    Go = createSelector(j, O, (a2, e) => {
       let t;
       for (let i in a2) {
         let r = a2[i], { video: s, audio: o } = Ue(e, r);
@@ -22252,15 +22266,15 @@ var init_dist = __esm({
       }
       return t;
     });
-    lm = createSelector(Vo, (a2) => !!a2);
-    um = createSelector(j, O, (a2, e) => {
+    hm = createSelector(Go, (a2) => !!a2);
+    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;
       }
     });
-    pm = createSelector(j, O, (a2, e) => {
+    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);
@@ -22268,78 +22282,78 @@ var init_dist = __esm({
       }
       return t.concat(i);
     });
-    hm = createSelector(j, O, (a2, e) => {
+    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];
       }
     });
-    mm = createSelector(j, O, (a2, e) => {
+    Tm = createSelector(j, O, (a2, e) => {
       for (let t in e) {
         let i = e[t];
         if (si(i) && i.peerId)
           return a2[i.peerId];
       }
     });
-    Sm = createSelector(Uo, (a2) => a2.filter(us));
-    gm = createSelector(ta, (a2) => a2.length);
-    Tm = createSelector(Mi, (a2) => Object.values(a2).filter((e) => !e.read).length);
-    Rt = createSelector(ta, Mi, (a2, e) => {
+    fm = createSelector(Vo, (a2) => a2.filter(hs));
+    vm = createSelector(ra, (a2) => a2.length);
+    Mm = createSelector(Mi, (a2) => Object.values(a2).filter((e) => !e.read).length);
+    Rt = createSelector(ra, Mi, (a2, e) => {
       let t = [];
       return a2.forEach((i) => {
         t.push(e[i]);
       }), t;
     });
-    Fo = createSelector(Rt, (a2) => a2.filter((e) => {
+    Wo = createSelector(Rt, (a2) => a2.filter((e) => {
       var t;
       return !e.recipientPeer && !(e.recipientRoles && ((t = e.recipientRoles) == null ? void 0 : t.length) > 0);
     }));
-    fm = createSelector(Fo, (a2) => a2.filter((e) => !e.read).length);
+    ym = createSelector(Wo, (a2) => a2.filter((e) => !e.read).length);
     re = createSelector([V], (a2) => a2 && a2.roomState);
-    aa = createSelector(re, (a2) => a2 === "Preview");
-    vm = createSelector(V, (a2) => a2.roomState !== "Disconnected");
-    Mm = createSelector(V, (a2) => !a2.transcriptions || a2.transcriptions.length <= 0 ? false : a2.transcriptions.some((e) => e.mode === "caption" && e.state === "started"));
+    na = createSelector(re, (a2) => a2 === "Preview");
+    km = createSelector(V, (a2) => a2.roomState !== "Disconnected");
+    Em = createSelector(V, (a2) => !a2.transcriptions || a2.transcriptions.length <= 0 ? false : a2.transcriptions.some((e) => e.mode === "caption" && e.state === "started"));
     ve = (a2) => a2.roles;
-    ym = createSelector([ve], (a2) => Object.keys(a2));
+    Pm = createSelector([ve], (a2) => Object.keys(a2));
     at = createSelector([ie, ve], (a2, e) => a2 != null && a2.roleName ? e[a2.roleName] : null);
-    Go = (a2) => {
+    $o = (a2) => {
       var e;
       return (e = a2.preview) == null ? void 0 : e.asRole;
     };
-    oa = createSelector([Go, ve], (a2, e) => a2 ? e[a2] : null);
-    km = createSelector([at], (a2) => {
+    ca = createSelector([$o, ve], (a2, e) => a2 ? e[a2] : null);
+    bm = createSelector([at], (a2) => {
       var e;
       return (e = a2 == null ? void 0 : a2.subscribeParams) != null && e.subscribeToRoles ? a2.subscribeParams.subscribeToRoles.length > 0 : false;
     });
-    na = createSelector(at, (a2) => a2 == null ? void 0 : a2.permissions);
-    Em = createSelector(V, (a2) => a2.recording);
-    Pm = createSelector(V, (a2) => a2.rtmp);
-    bm = createSelector(V, (a2) => a2.hls);
-    Im = createSelector(V, (a2) => a2.transcriptions);
-    Am = createSelector(V, (a2) => a2.sessionId);
-    Rm = createSelector(V, (a2) => a2.startedAt);
-    Hm = createSelector(V, (a2) => !!a2.isLargeRoom);
-    Cm = createSelector(V, (a2) => !!a2.isEffectsEnabled);
-    Lm = createSelector(V, (a2) => !!a2.isVBEnabled);
-    wm = createSelector(V, (a2) => a2.effectsKey);
-    ca = (a2) => a2.polls;
-    Om = createSelector(fe, (a2) => a2.filter((e) => e.isHandRaised));
-    Wo = (a2) => a2.whiteboards;
-    xm = createSelector(Wo, (a2) => Object.values(a2)[0]);
-    la = (a2 = "audio") => (e) => e.playlist[a2].list;
-    qr = (a2 = "audio") => (e) => e.playlist[a2].selection;
-    ua = (a2 = "audio") => (e) => e.playlist[a2].progress;
-    pa = (a2 = "audio") => (e) => e.playlist[a2].currentTime;
-    ha = (a2 = "audio") => (e) => e.playlist[a2].playbackRate;
-    ma = (a2 = "audio") => (e) => e.playlist[a2].volume;
-    Sa = (a2 = "audio") => createSelector(la(a2), (e) => Object.values(e));
-    ga = (a2 = "audio") => createSelector(la(a2), qr(a2), (e, t) => {
+    da = createSelector(at, (a2) => a2 == null ? void 0 : a2.permissions);
+    Am = createSelector(V, (a2) => a2.recording);
+    Im = createSelector(V, (a2) => a2.rtmp);
+    Rm = createSelector(V, (a2) => a2.hls);
+    Hm = createSelector(V, (a2) => a2.transcriptions);
+    Cm = createSelector(V, (a2) => a2.sessionId);
+    Lm = createSelector(V, (a2) => a2.startedAt);
+    wm = createSelector(V, (a2) => !!a2.isLargeRoom);
+    Dm = createSelector(V, (a2) => !!a2.isEffectsEnabled);
+    _m = createSelector(V, (a2) => !!a2.isVBEnabled);
+    Nm = createSelector(V, (a2) => a2.effectsKey);
+    la = (a2) => a2.polls;
+    Bm = createSelector(fe, (a2) => a2.filter((e) => e.isHandRaised));
+    Ko = (a2) => a2.whiteboards;
+    Vm = createSelector(Ko, (a2) => Object.values(a2)[0]);
+    pa = (a2 = "audio") => (e) => e.playlist[a2].list;
+    jr = (a2 = "audio") => (e) => e.playlist[a2].selection;
+    ha = (a2 = "audio") => (e) => e.playlist[a2].progress;
+    ma = (a2 = "audio") => (e) => e.playlist[a2].currentTime;
+    Sa = (a2 = "audio") => (e) => e.playlist[a2].playbackRate;
+    ga = (a2 = "audio") => (e) => e.playlist[a2].volume;
+    Ta = (a2 = "audio") => createSelector(pa(a2), (e) => Object.values(e));
+    fa = (a2 = "audio") => createSelector(pa(a2), jr(a2), (e, t) => {
       if (t.id)
         return e[t.id];
     });
-    Ta = { selection: qr("audio"), progress: ua("audio"), currentTime: pa("audio"), playbackRate: ha("audio"), volume: ma("audio"), list: Sa("audio"), selectedItem: ga("audio") };
-    fa = { selection: qr("video"), progress: ua("video"), currentTime: pa("video"), playbackRate: ha("video"), volume: ma("video"), list: Sa("video"), selectedItem: ga("video") };
+    va = { selection: jr("audio"), progress: ha("audio"), currentTime: ma("audio"), playbackRate: Sa("audio"), volume: ga("audio"), list: Ta("audio"), selectedItem: fa("audio") };
+    Ma = { selection: jr("video"), progress: ha("video"), currentTime: ma("video"), playbackRate: Sa("video"), volume: ga("video"), list: Ta("video"), selectedItem: fa("video") };
     Ht = "HMS-Store:";
     b = class {
       static v(e, ...t) {
@@ -22407,127 +22421,127 @@ var init_dist = __esm({
       }
     };
     b.level = 0;
-    jr = (a2, e) => e;
+    Jr = (a2, e) => e;
     Ct = (a2, e) => e;
-    va = (a2, e) => e;
-    $o = (a2, e) => e;
-    Ko = (a2, e) => e;
-    J = createSelector([j, jr], (a2, e) => e ? a2[e] : null);
-    Jr = createSelector([O, Ct], (a2, e) => e ? a2[e] : null);
-    qo = createSelector([O, Ct], (a2, e) => {
+    ya = (a2, e) => e;
+    qo = (a2, e) => e;
+    jo = (a2, e) => e;
+    J = createSelector([j, Jr], (a2, e) => e ? a2[e] : null);
+    Qr = createSelector([O, Ct], (a2, e) => e ? a2[e] : null);
+    Jo = createSelector([O, Ct], (a2, e) => {
       if (!e)
         return null;
       let t = a2[e];
       return (t == null ? void 0 : t.type) === "video" ? t : null;
     });
-    jo = createSelector([O, Ct], (a2, e) => {
+    Qo = createSelector([O, Ct], (a2, e) => {
       if (!e)
         return null;
       let t = a2[e];
       return (t == null ? void 0 : t.type) === "audio" ? t : null;
     });
-    Jo = createSelector([O, Ct], (a2, e) => {
+    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;
     });
-    Qo = createSelector([O, Ct], (a2, e) => {
+    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;
     });
-    zo = createSelector([ca, Ko], (a2, e) => e ? a2[e] : null);
+    Xo = createSelector([la, jo], (a2, e) => e ? a2[e] : null);
     Z = R(J);
-    Jm = R(createSelector([Wr, $o], (a2, e) => {
+    Ym = R(createSelector([$r, qo], (a2, e) => {
       if (a2)
         return e ? a2[e] : a2;
     }));
-    Ym = R(createSelector(J, (a2) => a2 == null ? void 0 : a2.name));
-    Xm = R(createSelector(J, (a2) => a2 == null ? void 0 : a2.type));
-    yi = R(Jr);
-    Ma = R(qo);
-    Zm = R(jo);
-    eS = R(Jo);
-    tS = R(Qo);
-    Yo = R((a2, e) => {
+    eS = R(createSelector(J, (a2) => a2 == null ? void 0 : a2.name));
+    tS = R(createSelector(J, (a2) => a2 == null ? void 0 : a2.type));
+    yi = R(Qr);
+    ka = R(Jo);
+    iS = R(Qo);
+    rS = R(zo);
+    sS = R(Yo);
+    Zo = R((a2, e) => {
       let t = J(a2, e);
       if (t && t.videoTrack && t.videoTrack !== "")
         return a2.tracks[t.videoTrack];
     });
-    Xo = R((a2, e) => {
+    en = R((a2, e) => {
       let t = J(a2, e);
       if (t && t.audioTrack && t.audioTrack !== "")
         return a2.tracks[t.audioTrack];
     });
-    rS = R((a2, e) => {
+    oS = R((a2, e) => {
       let t = J(a2, e);
       return (t == null ? void 0 : t.auxiliaryTracks.map((i) => a2.tracks[i])) || [];
     });
-    ya = (a2, e) => e ? a2.speakers[e] : null;
-    sS = R(createSelector(ya, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
-    Zo = (a2, e) => {
-      let t = Xo(e)(a2);
-      return ya(a2, t == null ? void 0 : t.id);
-    };
-    aS = R(createSelector(Zo, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
-    oS = R((a2, e) => {
+    Ea = (a2, e) => e ? a2.speakers[e] : null;
+    nS = R(createSelector(Ea, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+    tn = (a2, e) => {
+      let t = en(e)(a2);
+      return Ea(a2, t == null ? void 0 : t.id);
+    };
+    cS = R(createSelector(tn, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+    dS = R((a2, e) => {
       if (e)
         return a2.connectionQualities[e];
     });
-    nS = R((a2, e) => {
+    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;
       }
     });
-    cS = R(createSelector(O, J, (a2, e) => {
+    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;
     }));
-    dS = R(createSelector(O, J, (a2, e) => {
+    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;
     }));
-    lS = R(createSelector(O, J, (a2, e) => {
+    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;
     }));
-    ka = R(createSelector(O, J, (a2, e) => Ue(a2, e)));
-    Ea = (a2) => createSelector(ka(a2), (e) => e.audio);
-    pS = R((a2, e) => {
+    Pa = R(createSelector(O, J, (a2, e) => Ue(a2, e)));
+    ba = (a2) => createSelector(Pa(a2), (e) => e.audio);
+    SS = R((a2, e) => {
       let t = J(a2, e);
       return je(a2, t == null ? void 0 : t.audioTrack);
     });
-    hS = R((a2, e) => {
+    gS = R((a2, e) => {
       let t = J(a2, e);
       return je(a2, t == null ? void 0 : t.videoTrack);
     });
-    Pa = R((a2, e) => {
+    Aa = R((a2, e) => {
       if (e && a2.tracks[e])
         return a2.tracks[e].volume === 0;
     });
-    mS = R((a2, e) => {
+    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);
     });
-    SS = R((a2, e) => {
-      let t = Ea(e)(a2);
-      return Pa(t == null ? void 0 : t.id)(a2);
+    fS = R((a2, e) => {
+      let t = ba(e)(a2);
+      return Aa(t == null ? void 0 : t.id)(a2);
     });
-    ba = R((a2, e) => {
-      let t = Jr(a2, e);
+    Ia = R((a2, e) => {
+      let t = Qr(a2, e);
       if (t) {
         if (t.type !== "audio") {
           b.w("Please pass audio track here");
@@ -22536,16 +22550,16 @@ var init_dist = __esm({
         return t.volume;
       }
     });
-    gS = R((a2, e) => {
+    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);
     });
-    TS = R((a2, e) => {
-      let t = Ea(e)(a2);
-      return ba(t == null ? void 0 : t.id)(a2);
+    MS = R((a2, e) => {
+      let t = ba(e)(a2);
+      return Ia(t == null ? void 0 : t.id)(a2);
     });
-    fS = R((a2, e) => {
-      let t = Jr(a2, e);
+    yS = R((a2, e) => {
+      let t = Qr(a2, e);
       if (t) {
         if (t.type !== "video") {
           b.w("Please pass video track here");
@@ -22554,50 +22568,50 @@ var init_dist = __esm({
         return t.layer;
       }
     });
-    Ia = createSelector([Rt, Ee, jr], (a2, e, t) => {
+    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);
         });
     });
-    Aa = createSelector([Rt, va], (a2, e) => {
+    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;
         });
     });
-    en = createSelector(Rt, (a2) => a2.filter((e) => {
+    rn = createSelector(Rt, (a2) => a2.filter((e) => {
       var t;
       return !e.recipientPeer && !((t = e.recipientRoles) != null && t.length);
     }));
-    tn = createSelector([Aa, va], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-    rn = createSelector([Ia, jr], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-    vS = createSelector(en, (a2) => a2.filter((e) => !e.read).length);
-    MS = R(Ia);
-    yS = R(Aa);
-    kS = R(tn);
-    ES = R(rn);
-    Ra = R(zo);
-    NS = createSelector([j, O], (a2, e) => Object.values(a2).map((i) => {
+    sn = createSelector([Ha, ya], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
+    an = createSelector([Ra, Jr], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
+    kS = createSelector(rn, (a2) => a2.filter((e) => !e.read).length);
+    ES = R(Ra);
+    PS = R(Ha);
+    bS = R(sn);
+    AS = R(an);
+    Ca = R(Xo);
+    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 };
     }));
-    sn = (a2) => a2.roleChangeRequests[0] || null;
-    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);
-    xS = createSelector([at], (a2) => St(a2));
-    US = createSelector([oa], (a2) => St(a2));
-    on = createSelector([X, O], (a2, e) => {
+    on = (a2) => a2.roleChangeRequests[0] || null;
+    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);
+    VS = createSelector([at], (a2) => St(a2));
+    FS = createSelector([ca], (a2) => St(a2));
+    cn = createSelector([X, O], (a2, e) => {
       let t = null;
       return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
     });
-    nn = createSelector([ne, O], (a2, e) => {
+    dn = createSelector([ne, O], (a2, e) => {
       let t = null;
       return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
     });
-    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 || {});
-    Zr = class {
+    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 || {});
+    es = class {
       constructor() {
         this.TAG = "[HTTPAnalyticsTransport]";
         this.failedEvents = new me("client-events");
@@ -22616,7 +22630,7 @@ var init_dist = __esm({
           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);
@@ -22642,7 +22656,7 @@ var init_dist = __esm({
         i > -1 && (t.splice(i, 1), this.failedEvents.set(t));
       }
     };
-    be = new Zr();
+    be = new es();
     Vt = class {
       static handleError(e) {
         if (e.status === 404)
@@ -22660,7 +22674,7 @@ var init_dist = __esm({
               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;
@@ -22670,65 +22684,66 @@ var init_dist = __esm({
       }
     };
     Vt.TAG = "[FeedbackService]";
+    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 || {});
     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 || {});
     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 || {});
     lt = ((t) => (t[t.Publish = 0] = "Publish", t[t.Subscribe = 1] = "Subscribe", t))(lt || {});
-    Cn = (a2) => a2.localPeer.id;
-    Ln = (a2) => a2.localPeer.audioTrack;
-    wn = (a2) => a2.localPeer.videoTrack;
-    Dn = (a2, e) => e;
-    Ya = (a2, e) => e;
-    _n = (a2) => a2.remoteTrackStats;
-    Xa = (a2) => a2.peerStats;
-    rs = (a2) => a2.localTrackStats;
-    Ae = createSelector([Xa, Cn], (a2, e) => a2[e]);
-    Nn = createSelector(Ae, (a2) => {
+    wn = (a2) => a2.localPeer.id;
+    Dn = (a2) => a2.localPeer.audioTrack;
+    _n = (a2) => a2.localPeer.videoTrack;
+    Nn = (a2, e) => e;
+    Za = (a2, e) => e;
+    On = (a2) => a2.remoteTrackStats;
+    eo = (a2) => a2.peerStats;
+    as = (a2) => a2.localTrackStats;
+    Ie = createSelector([eo, wn], (a2, e) => a2[e]);
+    xn = createSelector(Ie, (a2) => {
       var e;
       return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.packetsLost;
     });
-    On = createSelector(Ae, (a2) => {
+    Un = createSelector(Ie, (a2) => {
       var e;
       return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.jitter;
     });
-    xn = createSelector(Ae, (a2) => {
+    Bn = createSelector(Ie, (a2) => {
       var e;
       return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bitrate;
     });
-    Un = createSelector(Ae, (a2) => {
+    Vn = createSelector(Ie, (a2) => {
       var e;
       return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bitrate;
     });
-    Bn = createSelector(Ae, (a2) => {
+    Fn = createSelector(Ie, (a2) => {
       var e;
       return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.availableOutgoingBitrate;
     });
-    Vn = createSelector(Ae, (a2) => {
+    Gn = createSelector(Ie, (a2) => {
       var e;
       return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.availableIncomingBitrate;
     });
-    Fn = createSelector(Ae, (a2) => {
+    Wn = createSelector(Ie, (a2) => {
       var e;
       return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bytesSent;
     });
-    Gn = createSelector(Ae, (a2) => {
+    $n = createSelector(Ie, (a2) => {
       var e;
       return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bytesReceived;
     });
-    Wn = createSelector([Xa, Dn], (a2, e) => e ? a2[e] : void 0);
-    $n = createSelector([_n, Ya], (a2, e) => e ? a2[e] : void 0);
-    ss = createSelector([rs, Ya], (a2, e) => e ? a2[e] : void 0);
-    Kn = R(Wn);
-    qn = R($n);
-    jn = createSelector([rs, Ln], (a2, e) => {
+    Kn = createSelector([eo, Nn], (a2, e) => e ? a2[e] : void 0);
+    qn = createSelector([On, Za], (a2, e) => e ? a2[e] : void 0);
+    os = createSelector([as, Za], (a2, e) => e ? a2[e] : void 0);
+    jn = R(Kn);
+    Jn = R(qn);
+    Qn = createSelector([as, Dn], (a2, e) => {
       var t;
       return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
     });
-    Jn = R(createSelector(ss, (a2) => a2 == null ? void 0 : a2[0]));
-    Qn = createSelector([rs, wn], (a2, e) => {
+    zn = R(createSelector(os, (a2) => a2 == null ? void 0 : a2[0]));
+    Yn = createSelector([as, _n], (a2, e) => {
       var t;
       return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
     });
-    zn = R(createSelector(ss, (a2) => a2));
+    Xn = R(createSelector(os, (a2) => a2));
   }
 });
 
@@ -22853,7 +22868,7 @@ var init_StreamActions = __esm({
     };
     RecordingPauseStatus = () => {
       const recording = (0, import_react_sdk41.useHMSStore)(import_react_sdk41.selectRecordingState);
-      if (recording.hls && recording.hls.state === ws.PAUSED) {
+      if (recording.hls && recording.hls.state === _s.PAUSED) {
         return /* @__PURE__ */ import_react88.default.createElement(
           Tooltip,
           {
@@ -28261,7 +28276,7 @@ var init_Chat = __esm({
       const listRef = (0, import_react153.useRef)(null);
       const hmsActions = (0, import_react_sdk74.useHMSActions)();
       const vanillaStore = (0, import_react_sdk74.useHMSVanillaStore)();
-      const { enabled: isChatEnabled = true } = (0, import_react_sdk74.useHMSStore)(Qm("chatState" /* CHAT_STATE */)) || {};
+      const { enabled: isChatEnabled = true } = (0, import_react_sdk74.useHMSStore)(Xm("chatState" /* CHAT_STATE */)) || {};
       const isMobile = (0, import_react_use26.useMedia)(config.media.md);
       const isMobileHLSStream = useMobileHLSStream();
       const isLandscapeStream = useLandscapeHLSStream();
@@ -28351,7 +28366,7 @@ var init_Chat = __esm({
       scrollToBottom,
       listRef
     }) => {
-      const unreadCount = (0, import_react_sdk74.useHMSStore)(Tm);
+      const unreadCount = (0, import_react_sdk74.useHMSStore)(Mm);
       if (!unreadCount || !listRef.current) {
         return null;
       }
@@ -29362,7 +29377,9 @@ var init_VBOption = __esm({
           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();
@@ -29455,12 +29472,12 @@ var init_VBPicker = __esm({
       const roomState = (0, import_react_sdk82.useHMSStore)(import_react_sdk82.selectRoomState);
       const isLargeRoom = (0, import_react_sdk82.useHMSStore)(import_react_sdk82.selectIsLargeRoom);
       const isEffectsSupported = VBHandler.isEffectsSupported();
-      const isEffectsEnabled = (0, import_react_sdk82.useHMSStore)(Cm);
-      const effectsKey = (0, import_react_sdk82.useHMSStore)(wm);
+      const isEffectsEnabled = (0, import_react_sdk82.useHMSStore)(Dm);
+      const effectsKey = (0, import_react_sdk82.useHMSStore)(Nm);
       const isMobile = (0, import_react_use32.useMedia)(config.media.md);
       const [loadingEffects, setLoadingEffects] = useSetAppDataByKey(APP_DATA.loadingEffects);
       const isPluginAdded = (0, import_react_sdk82.useHMSStore)((0, import_react_sdk82.selectIsLocalVideoPluginPresent)(((_a7 = VBHandler) == null ? void 0 : _a7.getName()) || ""));
-      const background = (0, import_react_sdk82.useHMSStore)(Jm(APP_DATA.background));
+      const background = (0, import_react_sdk82.useHMSStore)(Ym(APP_DATA.background));
       const mediaList = backgroundMedia.map((media) => media.url || "");
       const pluginLoadingRef = (0, import_react163.useRef)(false);
       const isBlurSupported = (_b7 = VBHandler) == null ? void 0 : _b7.isBlurSupported();
@@ -29573,6 +29590,9 @@ var init_VBPicker = __esm({
                 onClick: () => __async(void 0, null, function* () {
                   yield VBHandler.removeEffects();
                   hmsActions.setAppData(APP_DATA.background, import_hmsvbplugin4.HMSVirtualBackgroundTypes.NONE);
+                  if (isMobile) {
+                    toggleVB();
+                  }
                 }),
                 supported: true
               },
@@ -29616,6 +29636,9 @@ var init_VBPicker = __esm({
                 var _a8;
                 yield (_a8 = VBHandler) == null ? void 0 : _a8.setBackground(mediaURL);
                 hmsActions.setAppData(APP_DATA.background, mediaURL);
+                if (isMobile) {
+                  toggleVB();
+                }
               }),
               supported: true
             })),
@@ -30837,9 +30860,9 @@ var init_ProminenceLayout = __esm({
               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)
@@ -31394,9 +31417,9 @@ var init_ScreenshareLayout = __esm({
   }
 });
 
-// ../../../../../../../tmp/tmp-2911-nsO4pIwFF3Ty/192525a8e521/index.css
-var init_a8e521 = __esm({
-  "../../../../../../../tmp/tmp-2911-nsO4pIwFF3Ty/192525a8e521/index.css"() {
+// ../../../../../../../tmp/tmp-2839-nTiwFdRGP7P7/1926c205b3e0/index.css
+var init_c205b3e0 = __esm({
+  "../../../../../../../tmp/tmp-2839-nTiwFdRGP7P7/1926c205b3e0/index.css"() {
   }
 });
 
@@ -31418,7 +31441,7 @@ var init_WhiteboardLayout = __esm({
     init_ProminenceLayout();
     init_useUISettings();
     init_constants();
-    init_a8e521();
+    init_c205b3e0();
     WhiteboardEmbed = () => {
       const isMobile = (0, import_react_use44.useMedia)(config.media.md);
       const { token, endpoint, zoomToContent } = (0, import_react_sdk94.useWhiteboard)(isMobile);
@@ -34132,13 +34155,13 @@ var init_common2 = __esm({
       if (!audioFiltered) {
         return null;
       }
-      const deviceCategory = (0, import_react_sdk103.getAudioDeviceCategory)(currentSelection.label);
+      const deviceCategory = (0, import_react_sdk103.getAudioDeviceCategory)(currentSelection == null ? void 0 : currentSelection.label);
       let AudioIcon = /* @__PURE__ */ import_react209.default.createElement(import_react_icons100.SpeakerIcon, null);
-      if (deviceCategory === "bluetooth") {
+      if (deviceCategory === import_react_sdk103.HMSAudioDeviceCategory.BLUETOOTH) {
         AudioIcon = /* @__PURE__ */ import_react209.default.createElement(import_react_icons100.BluetoothIcon, null);
-      } else if (deviceCategory === "wired") {
+      } else if (deviceCategory === import_react_sdk103.HMSAudioDeviceCategory.WIRED) {
         AudioIcon = /* @__PURE__ */ import_react209.default.createElement(import_react_icons100.HeadphonesIcon, null);
-      } else if (deviceCategory === "earpiece") {
+      } else if (deviceCategory === import_react_sdk103.HMSAudioDeviceCategory.EARPIECE) {
         AudioIcon = /* @__PURE__ */ import_react209.default.createElement(import_react_icons100.TelePhoneIcon, null);
       }
       return /* @__PURE__ */ import_react209.default.createElement(
@@ -34167,7 +34190,7 @@ var init_common2 = __esm({
               yield hmsActions.refreshDevices();
             })
           },
-          /* @__PURE__ */ import_react209.default.createElement(IconButton_default, null, AudioIcon, " ")
+          /* @__PURE__ */ import_react209.default.createElement(IconButton_default, null, AudioIcon)
         )
       );
     };
@@ -35470,33 +35493,174 @@ var init_ChatNotifications = __esm({
   }
 });
 
+// src/Prebuilt/components/Notifications/DeviceChangeNotifications.tsx
+var import_react224, import_react_sdk112, DeviceChangeNotifications;
+var init_DeviceChangeNotifications = __esm({
+  "src/Prebuilt/components/Notifications/DeviceChangeNotifications.tsx"() {
+    "use strict";
+    init_define_process_env();
+    import_react224 = require("react");
+    import_react_sdk112 = require("@100mslive/react-sdk");
+    init_ToastManager();
+    DeviceChangeNotifications = () => {
+      const notification = (0, import_react_sdk112.useHMSNotifications)(import_react_sdk112.HMSNotificationTypes.DEVICE_CHANGE_UPDATE);
+      (0, import_react224.useEffect)(() => {
+        if (notification) {
+          ToastManager.addToast({
+            title: notification.message
+          });
+        }
+      }, [notification]);
+      return null;
+    };
+  }
+});
+
+// src/Prebuilt/components/Notifications/DeviceInUseError.tsx
+function DeviceInUseError() {
+  const notification = (0, import_react_sdk113.useHMSNotifications)(import_react_sdk113.HMSNotificationTypes.ERROR);
+  const [showDeviceInUseModal, setShowDeviceInUseModal] = (0, import_react225.useState)(false);
+  const [deviceType, setDeviceType] = (0, import_react225.useState)("");
+  (0, import_react225.useEffect)(() => {
+    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__ */ import_react225.default.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__ */ import_react225.default.createElement(
+    Dialog.Root,
+    {
+      open: showDeviceInUseModal,
+      onOpenChange: () => {
+        setShowDeviceInUseModal(false);
+      }
+    },
+    /* @__PURE__ */ import_react225.default.createElement(DialogContent, { title: "Device Access Error" }, /* @__PURE__ */ import_react225.default.createElement(DialogRow, null, /* @__PURE__ */ import_react225.default.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__ */ import_react225.default.createElement("ol", null, /* @__PURE__ */ import_react225.default.createElement(
+      Instruction,
+      {
+        description: `Please check if the ${deviceType} device(s) are in use by another browser or application and close it.`
+      }
+    ), /* @__PURE__ */ import_react225.default.createElement(
+      Instruction,
+      {
+        description: `Go to Browser Settings > Privacy and security > Site settings > ${deviceType} and check if your preferred device is selected as default.`
+      }
+    ), /* @__PURE__ */ import_react225.default.createElement(Instruction, { description: "Try restarting the browser." }), /* @__PURE__ */ import_react225.default.createElement(Instruction, { description: "Try disconnecting and reconnecting the external device if your intention is to use one." })))
+  );
+}
+var import_react225, import_react_sdk113, Instruction;
+var init_DeviceInUseError = __esm({
+  "src/Prebuilt/components/Notifications/DeviceInUseError.tsx"() {
+    "use strict";
+    init_define_process_env();
+    import_react225 = __toESM(require("react"));
+    import_react_sdk113 = require("@100mslive/react-sdk");
+    init_src();
+    init_DialogContent2();
+    init_ToastManager();
+    Instruction = ({ description }) => /* @__PURE__ */ import_react225.default.createElement("li", null, /* @__PURE__ */ import_react225.default.createElement(DialogRow, { css: { ml: "$4" } }, /* @__PURE__ */ import_react225.default.createElement(Text, { variant: "body2" }, description)));
+  }
+});
+
+// src/Prebuilt/components/Notifications/ErrorNotifications.tsx
+var import_react226, import_react_sdk114, import_react_icons107, ErrorNotifications;
+var init_ErrorNotifications = __esm({
+  "src/Prebuilt/components/Notifications/ErrorNotifications.tsx"() {
+    "use strict";
+    init_define_process_env();
+    import_react226 = __toESM(require("react"));
+    import_react_sdk114 = require("@100mslive/react-sdk");
+    import_react_icons107 = require("@100mslive/react-icons");
+    init_Layout();
+    init_ToastManager();
+    init_useUISettings();
+    ErrorNotifications = () => {
+      const notification = (0, import_react_sdk114.useHMSNotifications)(import_react_sdk114.HMSNotificationTypes.ERROR);
+      const subscribedNotifications = useSubscribedNotifications() || {};
+      (0, import_react226.useEffect)(() => {
+        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__ */ import_react226.default.createElement(Box, { css: { color: "$alert_error_default" } }, /* @__PURE__ */ import_react226.default.createElement(import_react_icons107.GroupIcon, 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/Toast/ToastConfig.jsx
-var import_react224, import_react_sdk112, import_react_icons107, ChatAction, HandRaiseAction, ToastConfig;
+var import_react227, import_react_sdk115, import_react_icons108, ChatAction, HandRaiseAction, ToastConfig;
 var init_ToastConfig = __esm({
   "src/Prebuilt/components/Toast/ToastConfig.jsx"() {
     "use strict";
     init_define_process_env();
-    import_react224 = __toESM(require("react"));
-    import_react_sdk112 = require("@100mslive/react-sdk");
-    import_react_icons107 = require("@100mslive/react-icons");
+    import_react227 = __toESM(require("react"));
+    import_react_sdk115 = require("@100mslive/react-sdk");
+    import_react_icons108 = require("@100mslive/react-icons");
     init_Button2();
     init_roomLayoutProvider();
     init_useSidepane();
     init_constants();
-    ChatAction = import_react224.default.forwardRef((_, ref) => {
+    ChatAction = import_react227.default.forwardRef((_, ref) => {
       const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
       const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
       if (isChatOpen) {
         return null;
       }
-      return /* @__PURE__ */ import_react224.default.createElement(Button, { outlined: true, as: "div", variant: "standard", css: { w: "max-content" }, onClick: toggleChat, ref }, "Open Chat");
+      return /* @__PURE__ */ import_react227.default.createElement(Button, { outlined: true, as: "div", variant: "standard", css: { w: "max-content" }, onClick: toggleChat, ref }, "Open Chat");
     });
-    HandRaiseAction = import_react224.default.forwardRef(({ id = "", isSingleHandRaise = true }, ref) => {
+    HandRaiseAction = import_react227.default.forwardRef(({ id = "", isSingleHandRaise = true }, ref) => {
       var _a7, _b7, _c;
-      const hmsActions = (0, import_react_sdk112.useHMSActions)();
+      const hmsActions = (0, import_react_sdk115.useHMSActions)();
       const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
       const isParticipantsOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.PARTICIPANTS);
-      const peer = (0, import_react_sdk112.useHMSStore)((0, import_react_sdk112.selectPeerByID)(id));
+      const peer = (0, import_react_sdk115.useHMSStore)((0, import_react_sdk115.selectPeerByID)(id));
       const layout = useRoomLayout();
       const {
         bring_to_stage_label,
@@ -35504,7 +35668,7 @@ var init_ToastConfig = __esm({
         off_stage_roles = [],
         skip_preview_for_role_change = false
       } = ((_c = (_b7 = (_a7 = layout == null ? void 0 : layout.screens) == null ? void 0 : _a7.conferencing) == null ? void 0 : _b7.default) == null ? void 0 : _c.elements.on_stage_exp) || {};
-      const onClickHandler = (0, import_react224.useCallback)(() => __async(void 0, null, function* () {
+      const onClickHandler = (0, import_react227.useCallback)(() => __async(void 0, null, function* () {
         if (isSingleHandRaise) {
           hmsActions.changeRoleOfPeer(id, on_stage_role, skip_preview_for_role_change);
           if (skip_preview_for_role_change) {
@@ -35525,7 +35689,7 @@ var init_ToastConfig = __esm({
       if (isSingleHandRaise && (!peer || !off_stage_roles.includes(peer.roleName))) {
         return null;
       }
-      return /* @__PURE__ */ import_react224.default.createElement(Button, { outlined: true, as: "div", variant: "standard", css: { w: "max-content" }, onClick: onClickHandler, ref }, isSingleHandRaise ? bring_to_stage_label : "View");
+      return /* @__PURE__ */ import_react227.default.createElement(Button, { outlined: true, as: "div", variant: "standard", css: { w: "max-content" }, onClick: onClickHandler, ref }, isSingleHandRaise ? bring_to_stage_label : "View");
     });
     ToastConfig = {
       PEER_JOINED: {
@@ -35533,13 +35697,13 @@ var init_ToastConfig = __esm({
           var _a7;
           return {
             title: `${(_a7 = notification.data) == null ? void 0 : _a7.name} joined`,
-            icon: /* @__PURE__ */ import_react224.default.createElement(import_react_icons107.PeopleAddIcon, null)
+            icon: /* @__PURE__ */ import_react227.default.createElement(import_react_icons108.PeopleAddIcon, null)
           };
         },
         multiple: function(notifications) {
           return {
             title: `${notifications[notifications.length - 1].data.name} and ${notifications.length - 1} others joined`,
-            icon: /* @__PURE__ */ import_react224.default.createElement(import_react_icons107.PeopleAddIcon, null)
+            icon: /* @__PURE__ */ import_react227.default.createElement(import_react_icons108.PeopleAddIcon, null)
           };
         }
       },
@@ -35548,13 +35712,13 @@ var init_ToastConfig = __esm({
           var _a7;
           return {
             title: `${(_a7 = notification.data) == null ? void 0 : _a7.name} left`,
-            icon: /* @__PURE__ */ import_react224.default.createElement(import_react_icons107.PeopleRemoveIcon, null)
+            icon: /* @__PURE__ */ import_react227.default.createElement(import_react_icons108.PeopleRemoveIcon, null)
           };
         },
         multiple: function(notifications) {
           return {
             title: `${notifications[notifications.length - 1].data.name} and ${notifications.length - 1} others left`,
-            icon: /* @__PURE__ */ import_react224.default.createElement(import_react_icons107.PeopleRemoveIcon, null)
+            icon: /* @__PURE__ */ import_react227.default.createElement(import_react_icons108.PeopleRemoveIcon, null)
           };
         }
       },
@@ -35563,7 +35727,7 @@ var init_ToastConfig = __esm({
           var _a7;
           return {
             title: `${(_a7 = notification.data) == null ? void 0 : _a7.name} raised hand`,
-            icon: /* @__PURE__ */ import_react224.default.createElement(import_react_icons107.HandIcon, null)
+            icon: /* @__PURE__ */ import_react227.default.createElement(import_react_icons108.HandIcon, null)
           };
         },
         multiple: (notifications) => {
@@ -35574,7 +35738,7 @@ var init_ToastConfig = __esm({
           })).size;
           return {
             title: `${(_a7 = notifications[notifications.length - 1].data) == null ? void 0 : _a7.name} ${count > 1 ? `and ${count} others` : ""} raised hand`,
-            icon: /* @__PURE__ */ import_react224.default.createElement(import_react_icons107.HandIcon, null)
+            icon: /* @__PURE__ */ import_react227.default.createElement(import_react_icons108.HandIcon, null)
           };
         }
       },
@@ -35583,8 +35747,8 @@ var init_ToastConfig = __esm({
           var _a7, _b7;
           return {
             title: `${(_a7 = notification.data) == null ? void 0 : _a7.name} raised hand`,
-            icon: /* @__PURE__ */ import_react224.default.createElement(import_react_icons107.HandIcon, null),
-            action: /* @__PURE__ */ import_react224.default.createElement(HandRaiseAction, { id: (_b7 = notification.data) == null ? void 0 : _b7.id })
+            icon: /* @__PURE__ */ import_react227.default.createElement(import_react_icons108.HandIcon, null),
+            action: /* @__PURE__ */ import_react227.default.createElement(HandRaiseAction, { id: (_b7 = notification.data) == null ? void 0 : _b7.id })
           };
         },
         multiple: (notifications) => {
@@ -35595,8 +35759,8 @@ var init_ToastConfig = __esm({
           })).size;
           return {
             title: `${(_a7 = notifications[notifications.length - 1].data) == null ? void 0 : _a7.name} ${count > 1 ? `and ${count} others` : ""} raised hand`,
-            icon: /* @__PURE__ */ import_react224.default.createElement(import_react_icons107.HandIcon, null),
-            action: /* @__PURE__ */ import_react224.default.createElement(HandRaiseAction, { isSingleHandRaise: false })
+            icon: /* @__PURE__ */ import_react227.default.createElement(import_react_icons108.HandIcon, null),
+            action: /* @__PURE__ */ import_react227.default.createElement(HandRaiseAction, { isSingleHandRaise: false })
           };
         }
       },
@@ -35605,15 +35769,15 @@ var init_ToastConfig = __esm({
           var _a7;
           return {
             title: `New message from ${(_a7 = notification.data) == null ? void 0 : _a7.senderName}`,
-            icon: /* @__PURE__ */ import_react224.default.createElement(import_react_icons107.ChatUnreadIcon, null),
-            action: /* @__PURE__ */ import_react224.default.createElement(ChatAction, null)
+            icon: /* @__PURE__ */ import_react227.default.createElement(import_react_icons108.ChatUnreadIcon, null),
+            action: /* @__PURE__ */ import_react227.default.createElement(ChatAction, null)
           };
         },
         multiple: (notifications) => {
           return {
             title: `${notifications.length} new messages`,
-            icon: /* @__PURE__ */ import_react224.default.createElement(import_react_icons107.ChatUnreadIcon, null),
-            action: /* @__PURE__ */ import_react224.default.createElement(ChatAction, null)
+            icon: /* @__PURE__ */ import_react227.default.createElement(import_react_icons108.ChatUnreadIcon, null),
+            action: /* @__PURE__ */ import_react227.default.createElement(ChatAction, null)
           };
         }
       },
@@ -35621,7 +35785,7 @@ var init_ToastConfig = __esm({
         single: (online) => {
           return {
             title: `You are now ${online ? "online" : "connected"}`,
-            icon: /* @__PURE__ */ import_react224.default.createElement(import_react_icons107.ConnectivityIcon, null),
+            icon: /* @__PURE__ */ import_react227.default.createElement(import_react_icons108.ConnectivityIcon, null),
             variant: "success",
             duration: 3e3
           };
@@ -35633,7 +35797,7 @@ var init_ToastConfig = __esm({
             title: `You are offline for now. while we try to reconnect, please check
         your internet connection. ${message}.
       `,
-            icon: /* @__PURE__ */ import_react224.default.createElement(import_react_icons107.PoorConnectivityIcon, null),
+            icon: /* @__PURE__ */ import_react227.default.createElement(import_react_icons108.PoorConnectivityIcon, null),
             variant: "warning",
             duration: 3e4
           };
@@ -35713,14 +35877,14 @@ var init_ToastBatcher = __esm({
 });
 
 // src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx
-var import_react225, import_react_use57, import_react_sdk113, HandRaisedNotifications;
+var import_react228, import_react_use57, import_react_sdk116, HandRaisedNotifications;
 var init_HandRaisedNotifications = __esm({
   "src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx"() {
     "use strict";
     init_define_process_env();
-    import_react225 = require("react");
+    import_react228 = require("react");
     import_react_use57 = require("react-use");
-    import_react_sdk113 = require("@100mslive/react-sdk");
+    import_react_sdk116 = require("@100mslive/react-sdk");
     init_roomLayoutProvider();
     init_ToastBatcher();
     init_useRoomLayoutScreen();
@@ -35728,24 +35892,24 @@ var init_HandRaisedNotifications = __esm({
     init_constants();
     HandRaisedNotifications = () => {
       var _a7, _b7;
-      const notification = (0, import_react_sdk113.useHMSNotifications)(import_react_sdk113.HMSNotificationTypes.HAND_RAISE_CHANGED);
-      const roomState = (0, import_react_sdk113.useHMSStore)(import_react_sdk113.selectRoomState);
-      const vanillaStore = (0, import_react_sdk113.useHMSVanillaStore)();
+      const notification = (0, import_react_sdk116.useHMSNotifications)(import_react_sdk116.HMSNotificationTypes.HAND_RAISE_CHANGED);
+      const roomState = (0, import_react_sdk116.useHMSStore)(import_react_sdk116.selectRoomState);
+      const vanillaStore = (0, import_react_sdk116.useHMSVanillaStore)();
       const { on_stage_exp } = useRoomLayoutConferencingScreen().elements || {};
       const isSubscribing = !!useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.METADATA_UPDATED);
-      const amIScreenSharing = (0, import_react_sdk113.useHMSStore)(import_react_sdk113.selectIsLocalScreenShared);
-      const { showNotification } = (0, import_react_sdk113.useAwayNotifications)();
+      const amIScreenSharing = (0, import_react_sdk116.useHMSStore)(import_react_sdk116.selectIsLocalScreenShared);
+      const { showNotification } = (0, import_react_sdk116.useAwayNotifications)();
       const logoURL = (_b7 = (_a7 = useRoomLayout()) == null ? void 0 : _a7.logo) == null ? void 0 : _b7.url;
-      (0, import_react225.useEffect)(() => {
+      (0, import_react228.useEffect)(() => {
         var _a8;
         if (!(notification == null ? void 0 : notification.data)) {
           return;
         }
-        if (roomState !== import_react_sdk113.HMSRoomState.Connected || notification.data.isLocal || !isSubscribing) {
+        if (roomState !== import_react_sdk116.HMSRoomState.Connected || notification.data.isLocal || !isSubscribing) {
           return;
         }
-        const hasPeerHandRaised = vanillaStore.getState((0, import_react_sdk113.selectHasPeerHandRaised)(notification.data.id));
-        const peer = vanillaStore.getState((0, import_react_sdk113.selectPeerByID)(notification.data.id));
+        const hasPeerHandRaised = vanillaStore.getState((0, import_react_sdk116.selectHasPeerHandRaised)(notification.data.id));
+        const peer = vanillaStore.getState((0, import_react_sdk116.selectPeerByID)(notification.data.id));
         if (hasPeerHandRaised) {
           const showCTA = (peer == null ? void 0 : peer.roleName) && ((_a8 = (on_stage_exp == null ? void 0 : on_stage_exp.off_stage_roles) || []) == null ? void 0 : _a8.includes(peer.roleName));
           ToastBatcher.showToast({ notification, type: showCTA ? "RAISE_HAND_HLS" : "RAISE_HAND" });
@@ -35757,12 +35921,12 @@ var init_HandRaisedNotifications = __esm({
           if (!(notification == null ? void 0 : notification.data)) {
             return;
           }
-          if (roomState !== import_react_sdk113.HMSRoomState.Connected || notification.data.isLocal || !isSubscribing) {
+          if (roomState !== import_react_sdk116.HMSRoomState.Connected || notification.data.isLocal || !isSubscribing) {
             return;
           }
-          const hasPeerHandRaised = vanillaStore.getState((0, import_react_sdk113.selectHasPeerHandRaised)(notification.data.id));
-          const peer = vanillaStore.getState((0, import_react_sdk113.selectPeerByID)(notification.data.id));
-          const handRaisedPeers = vanillaStore.getState(import_react_sdk113.selectHandRaisedPeers);
+          const hasPeerHandRaised = vanillaStore.getState((0, import_react_sdk116.selectHasPeerHandRaised)(notification.data.id));
+          const peer = vanillaStore.getState((0, import_react_sdk116.selectPeerByID)(notification.data.id));
+          const handRaisedPeers = vanillaStore.getState(import_react_sdk116.selectHandRaisedPeers);
           if (amIScreenSharing && hasPeerHandRaised) {
             const title = `${peer == null ? void 0 : peer.name} ${handRaisedPeers.length > 1 ? `and ${handRaisedPeers.length - 1} others` : ""} raised hand`;
             showNotification(title, { icon: logoURL });
@@ -35777,20 +35941,20 @@ var init_HandRaisedNotifications = __esm({
 });
 
 // src/Prebuilt/components/Notifications/InitErrorModal.tsx
-var import_react226, import_react_sdk114, InitErrorModal;
+var import_react229, import_react_sdk117, InitErrorModal;
 var init_InitErrorModal = __esm({
   "src/Prebuilt/components/Notifications/InitErrorModal.tsx"() {
     "use strict";
     init_define_process_env();
-    import_react226 = __toESM(require("react"));
-    import_react_sdk114 = require("@100mslive/react-sdk");
+    import_react229 = __toESM(require("react"));
+    import_react_sdk117 = require("@100mslive/react-sdk");
     init_src();
     init_DialogContent2();
     InitErrorModal = () => {
-      const notification = (0, import_react_sdk114.useHMSNotifications)(import_react_sdk114.HMSNotificationTypes.ERROR);
-      const [showModal, setShowModal] = (0, import_react226.useState)(false);
-      const [info, setInfo] = (0, import_react226.useState)({ title: "Init Error", description: "" });
-      (0, import_react226.useEffect)(() => {
+      const notification = (0, import_react_sdk117.useHMSNotifications)(import_react_sdk117.HMSNotificationTypes.ERROR);
+      const [showModal, setShowModal] = (0, import_react229.useState)(false);
+      const [info, setInfo] = (0, import_react229.useState)({ title: "Init Error", description: "" });
+      (0, import_react229.useEffect)(() => {
         const data3 = notification == null ? void 0 : notification.data;
         if (!data3 || data3.action !== "INIT") {
           return;
@@ -35810,40 +35974,81 @@ var init_InitErrorModal = __esm({
         setInfo({ title, description });
         setShowModal(true);
       }, [notification]);
-      return /* @__PURE__ */ import_react226.default.createElement(ErrorDialog, { open: showModal, onOpenChange: setShowModal, title: info.title }, /* @__PURE__ */ import_react226.default.createElement(Text, { variant: "sm", css: { wordBreak: "break-word" } }, info.description, " ", /* @__PURE__ */ import_react226.default.createElement("br", null), "Current URL - ", window.location.href));
+      return /* @__PURE__ */ import_react229.default.createElement(ErrorDialog, { open: showModal, onOpenChange: setShowModal, title: info.title }, /* @__PURE__ */ import_react229.default.createElement(Text, { variant: "sm", css: { wordBreak: "break-word" } }, info.description, " ", /* @__PURE__ */ import_react229.default.createElement("br", null), "Current URL - ", window.location.href));
+    };
+  }
+});
+
+// src/Prebuilt/components/Notifications/MessageNotifications.tsx
+var import_react230, import_react_sdk118, MessageNotifications;
+var init_MessageNotifications = __esm({
+  "src/Prebuilt/components/Notifications/MessageNotifications.tsx"() {
+    "use strict";
+    init_define_process_env();
+    import_react230 = require("react");
+    init_dist();
+    import_react_sdk118 = require("@100mslive/react-sdk");
+    init_roomLayoutProvider();
+    init_usePIPWindow();
+    MessageNotifications = () => {
+      var _a7, _b7;
+      const notification = (0, import_react_sdk118.useHMSNotifications)(fr.NEW_MESSAGE);
+      const amIScreenSharing = (0, import_react_sdk118.useHMSStore)(qr);
+      const logoURL = (_b7 = (_a7 = useRoomLayout()) == null ? void 0 : _a7.logo) == null ? void 0 : _b7.url;
+      const { pipWindow } = usePIPWindow();
+      const { showNotification } = (0, import_react_sdk118.useAwayNotifications)();
+      (0, import_react230.useEffect)(() => {
+        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
-var import_react227, import_react_sdk115, notificationTypes, PeerNotifications;
+var import_react231, import_react_sdk119, notificationTypes, PeerNotifications;
 var init_PeerNotifications = __esm({
   "src/Prebuilt/components/Notifications/PeerNotifications.tsx"() {
     "use strict";
     init_define_process_env();
-    import_react227 = require("react");
-    import_react_sdk115 = require("@100mslive/react-sdk");
+    import_react231 = require("react");
+    import_react_sdk119 = require("@100mslive/react-sdk");
+    init_roomLayoutProvider();
     init_ToastBatcher();
+    init_ToastManager();
     init_useUISettings();
     init_constants();
-    notificationTypes = [import_react_sdk115.HMSNotificationTypes.PEER_JOINED, import_react_sdk115.HMSNotificationTypes.PEER_LEFT];
+    notificationTypes = [
+      import_react_sdk119.HMSNotificationTypes.PEER_JOINED,
+      import_react_sdk119.HMSNotificationTypes.PEER_LEFT,
+      import_react_sdk119.HMSNotificationTypes.NAME_UPDATED,
+      import_react_sdk119.HMSNotificationTypes.ROLE_UPDATED
+    ];
     PeerNotifications = () => {
-      const notification = (0, import_react_sdk115.useHMSNotifications)(notificationTypes);
+      const notification = (0, import_react_sdk119.useHMSNotifications)(notificationTypes);
       const isPeerJoinSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_JOINED);
       const isPeerLeftSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_LEFT);
       const [selectedPeer, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
-      (0, import_react227.useEffect)(() => {
+      const updateRoomLayoutForRole = useUpdateRoomLayout();
+      (0, import_react231.useEffect)(() => {
+        var _a7, _b7;
         if (!(notification == null ? void 0 : notification.data)) {
           return;
         }
         console.debug(`[${notification.type}]`, notification);
         switch (notification.type) {
-          case import_react_sdk115.HMSNotificationTypes.PEER_JOINED:
+          case import_react_sdk119.HMSNotificationTypes.PEER_JOINED:
             if (!isPeerJoinSubscribed) {
               return;
             }
             break;
-          case import_react_sdk115.HMSNotificationTypes.PEER_LEFT:
+          case import_react_sdk119.HMSNotificationTypes.PEER_LEFT:
             if (selectedPeer.id === notification.data.id) {
               setPeerSelector({});
             }
@@ -35851,11 +36056,23 @@ var init_PeerNotifications = __esm({
               return;
             }
             break;
+          case import_react_sdk119.HMSNotificationTypes.NAME_UPDATED:
+            console.log(notification.data.id + " changed their name to " + notification.data.name);
+            return;
+          case import_react_sdk119.HMSNotificationTypes.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;
     };
   }
@@ -35879,26 +36096,26 @@ var init_ios_perm_0 = __esm({
 
 // src/Prebuilt/components/Notifications/PermissionErrorModal.tsx
 function PermissionErrorNotificationModal() {
-  const notification = (0, import_react_sdk116.useHMSNotifications)(import_react_sdk116.HMSNotificationTypes.ERROR);
-  return /* @__PURE__ */ import_react228.default.createElement(PermissionErrorModal, { error: notification == null ? void 0 : notification.data });
+  const notification = (0, import_react_sdk120.useHMSNotifications)(import_react_sdk120.HMSNotificationTypes.ERROR);
+  return /* @__PURE__ */ import_react232.default.createElement(PermissionErrorModal, { error: notification == null ? void 0 : notification.data });
 }
-var import_react228, import_react_use58, import_react_sdk116, PermissionErrorModal;
+var import_react232, import_react_use58, import_react_sdk120, PermissionErrorModal;
 var init_PermissionErrorModal = __esm({
   "src/Prebuilt/components/Notifications/PermissionErrorModal.tsx"() {
     "use strict";
     init_define_process_env();
-    import_react228 = __toESM(require("react"));
+    import_react232 = __toESM(require("react"));
     import_react_use58 = require("react-use");
-    import_react_sdk116 = require("@100mslive/react-sdk");
+    import_react_sdk120 = require("@100mslive/react-sdk");
     init_src();
     init_android_perm_1();
     init_ios_perm_0();
     init_constants();
     PermissionErrorModal = ({ error }) => {
-      const [deviceType, setDeviceType] = (0, import_react228.useState)("");
-      const [isSystemError, setIsSystemError] = (0, import_react228.useState)(false);
+      const [deviceType, setDeviceType] = (0, import_react232.useState)("");
+      const [isSystemError, setIsSystemError] = (0, import_react232.useState)(false);
       const isMobile = (0, import_react_use58.useMedia)(config.media.md);
-      (0, import_react228.useEffect)(() => {
+      (0, import_react232.useEffect)(() => {
         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;
         }
@@ -35917,7 +36134,7 @@ var init_PermissionErrorModal = __esm({
         }
         setIsSystemError(error.code === 3011);
       }, [error]);
-      return deviceType ? /* @__PURE__ */ import_react228.default.createElement(Dialog.Root, { open: !!deviceType }, /* @__PURE__ */ import_react228.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react228.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react228.default.createElement(
+      return deviceType ? /* @__PURE__ */ import_react232.default.createElement(Dialog.Root, { open: !!deviceType }, /* @__PURE__ */ import_react232.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react232.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react232.default.createElement(
         Dialog.Content,
         {
           css: {
@@ -35927,15 +36144,15 @@ var init_PermissionErrorModal = __esm({
             zIndex: 23
           }
         },
-        /* @__PURE__ */ import_react228.default.createElement(
+        /* @__PURE__ */ import_react232.default.createElement(
           Dialog.Title,
           {
             css: {
               borderBottom: "1px solid $border_default"
             }
           },
-          isMobile && isIOS ? /* @__PURE__ */ import_react228.default.createElement("img", { style: { maxWidth: "100%", maxHeight: "100%" }, src: ios_perm_0_default, alt: "iOS Permission flow" }) : null,
-          isMobile && isAndroid ? /* @__PURE__ */ import_react228.default.createElement(
+          isMobile && isIOS ? /* @__PURE__ */ import_react232.default.createElement("img", { style: { maxWidth: "100%", maxHeight: "100%" }, src: ios_perm_0_default, alt: "iOS Permission flow" }) : null,
+          isMobile && isAndroid ? /* @__PURE__ */ import_react232.default.createElement(
             "img",
             {
               src: android_perm_1_default,
@@ -35943,47 +36160,107 @@ var init_PermissionErrorModal = __esm({
               alt: "Android Permission flow "
             }
           ) : null,
-          /* @__PURE__ */ import_react228.default.createElement(Text, { variant: "h6" }, "We can't access your ", deviceType)
+          /* @__PURE__ */ import_react232.default.createElement(Text, { variant: "h6" }, "We can't access your ", deviceType)
         ),
-        /* @__PURE__ */ import_react228.default.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__ */ import_react228.default.createElement(import_react228.default.Fragment, null, /* @__PURE__ */ import_react228.default.createElement(Button, { onClick: () => window.location.reload(), css: { w: "100%", mb: "$6" } }, "Reload"), /* @__PURE__ */ import_react228.default.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType(""), css: { w: "100%" } }, "Continue anyway")) : null,
-        isMobile && isAndroid ? /* @__PURE__ */ import_react228.default.createElement(import_react228.default.Fragment, null, /* @__PURE__ */ import_react228.default.createElement(Button, { onClick: () => setDeviceType(""), css: { w: "100%", mb: "$6" } }, "I've allowed access"), /* @__PURE__ */ import_react228.default.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType(""), css: { w: "100%" } }, "Continue anyway")) : null,
-        !isMobile ? /* @__PURE__ */ import_react228.default.createElement(Flex, { justify: "end", css: { w: "100%" } }, /* @__PURE__ */ import_react228.default.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType("") }, "Dismiss")) : null
+        /* @__PURE__ */ import_react232.default.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__ */ import_react232.default.createElement(import_react232.default.Fragment, null, /* @__PURE__ */ import_react232.default.createElement(Button, { onClick: () => window.location.reload(), css: { w: "100%", mb: "$6" } }, "Reload"), /* @__PURE__ */ import_react232.default.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType(""), css: { w: "100%" } }, "Continue anyway")) : null,
+        isMobile && isAndroid ? /* @__PURE__ */ import_react232.default.createElement(import_react232.default.Fragment, null, /* @__PURE__ */ import_react232.default.createElement(Button, { onClick: () => setDeviceType(""), css: { w: "100%", mb: "$6" } }, "I've allowed access"), /* @__PURE__ */ import_react232.default.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType(""), css: { w: "100%" } }, "Continue anyway")) : null,
+        !isMobile ? /* @__PURE__ */ import_react232.default.createElement(Flex, { justify: "end", css: { w: "100%" } }, /* @__PURE__ */ import_react232.default.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType("") }, "Dismiss")) : null
       ))) : null;
     };
   }
 });
 
+// src/Prebuilt/components/Notifications/PollNotificationModal.tsx
+var import_react233, import_react_sdk121, notificationTypes2, pollToastKey, PollNotificationModal;
+var init_PollNotificationModal = __esm({
+  "src/Prebuilt/components/Notifications/PollNotificationModal.tsx"() {
+    "use strict";
+    init_define_process_env();
+    import_react233 = __toESM(require("react"));
+    import_react_sdk121 = require("@100mslive/react-sdk");
+    init_Button2();
+    init_ToastManager();
+    init_useRoomLayoutScreen();
+    init_useSidepane();
+    notificationTypes2 = [import_react_sdk121.HMSNotificationTypes.POLL_STARTED, import_react_sdk121.HMSNotificationTypes.POLL_STOPPED];
+    pollToastKey = {};
+    PollNotificationModal = () => {
+      const togglePollView = usePollViewToggle();
+      const localPeerID = (0, import_react_sdk121.useHMSStore)(import_react_sdk121.selectLocalPeerID);
+      const vanillaStore = (0, import_react_sdk121.useHMSVanillaStore)();
+      const screenProps = useRoomLayoutConferencingScreen();
+      const notification = (0, import_react_sdk121.useHMSNotifications)(notificationTypes2);
+      (0, import_react233.useEffect)(() => {
+        switch (notification == null ? void 0 : notification.type) {
+          case import_react_sdk121.HMSNotificationTypes.POLL_STARTED:
+            if (notification.data.startedBy !== localPeerID && screenProps.screenType !== "hls_live_streaming") {
+              const pollStartedBy = vanillaStore.getState((0, import_react_sdk121.selectPeerNameByID)(notification.data.startedBy)) || "Participant";
+              const pollToastID = ToastManager.addToast({
+                title: `${pollStartedBy} started a ${notification.data.type}: ${notification.data.title}`,
+                action: /* @__PURE__ */ import_react233.default.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 import_react_sdk121.HMSNotificationTypes.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
-var import_react229, import_react_sdk117, notificationTypes2, notificationId, ReconnectNotifications;
+var import_react234, import_react_sdk122, notificationTypes3, notificationId, ReconnectNotifications;
 var init_ReconnectNotifications = __esm({
   "src/Prebuilt/components/Notifications/ReconnectNotifications.tsx"() {
     "use strict";
     init_define_process_env();
-    import_react229 = require("react");
-    import_react_sdk117 = require("@100mslive/react-sdk");
+    import_react234 = require("react");
+    import_react_sdk122 = require("@100mslive/react-sdk");
     init_ToastConfig();
     init_ToastManager();
-    notificationTypes2 = [
-      import_react_sdk117.HMSNotificationTypes.RECONNECTED,
-      import_react_sdk117.HMSNotificationTypes.RECONNECTING,
-      import_react_sdk117.HMSNotificationTypes.ERROR
-    ];
+    notificationTypes3 = [import_react_sdk122.HMSNotificationTypes.RECONNECTED, import_react_sdk122.HMSNotificationTypes.RECONNECTING];
     notificationId = null;
     ReconnectNotifications = () => {
-      const notification = (0, import_react_sdk117.useHMSNotifications)(notificationTypes2);
-      const prevErrorCode = (0, import_react229.useRef)(0);
-      (0, import_react229.useEffect)(() => {
+      const notification = (0, import_react_sdk122.useHMSNotifications)(notificationTypes3);
+      const prevErrorCode = (0, import_react234.useRef)(0);
+      (0, import_react234.useEffect)(() => {
         var _a7, _b7;
         if (!notification) {
           return;
         }
-        if (notification.type === import_react_sdk117.HMSNotificationTypes.RECONNECTED) {
+        if (notification.type === import_react_sdk122.HMSNotificationTypes.RECONNECTED) {
           notificationId = ToastManager.replaceToast(
             notificationId,
             ToastConfig.RECONNECTED.single([4005, 4006].includes(prevErrorCode.current))
           );
-        } else if (notification.type === import_react_sdk117.HMSNotificationTypes.RECONNECTING) {
+        } else if (notification.type === import_react_sdk122.HMSNotificationTypes.RECONNECTING) {
           prevErrorCode.current = ((_a7 = notification.data) == null ? void 0 : _a7.code) || 0;
           notificationId = ToastManager.replaceToast(
             notificationId,
@@ -35997,30 +36274,31 @@ var init_ReconnectNotifications = __esm({
 });
 
 // src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx
-var import_react230, import_react_sdk118, import_react_icons108, TrackBulkUnmuteModal;
+var import_react235, import_react_sdk123, import_react_icons109, notificationTypes4, TrackBulkUnmuteModal;
 var init_TrackBulkUnmuteModal = __esm({
   "src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx"() {
     "use strict";
     init_define_process_env();
-    import_react230 = __toESM(require("react"));
-    import_react_sdk118 = require("@100mslive/react-sdk");
-    import_react_icons108 = require("@100mslive/react-icons");
+    import_react235 = __toESM(require("react"));
+    import_react_sdk123 = require("@100mslive/react-sdk");
+    import_react_icons109 = require("@100mslive/react-icons");
     init_DialogContent2();
+    notificationTypes4 = [
+      import_react_sdk123.HMSNotificationTypes.CHANGE_MULTI_TRACK_STATE_REQUEST,
+      import_react_sdk123.HMSNotificationTypes.ROOM_ENDED,
+      import_react_sdk123.HMSNotificationTypes.REMOVED_FROM_ROOM
+    ];
     TrackBulkUnmuteModal = () => {
-      const hmsActions = (0, import_react_sdk118.useHMSActions)();
-      const [muteNotification, setMuteNotification] = (0, import_react230.useState)(null);
-      const notification = (0, import_react_sdk118.useHMSNotifications)([
-        import_react_sdk118.HMSNotificationTypes.CHANGE_MULTI_TRACK_STATE_REQUEST,
-        import_react_sdk118.HMSNotificationTypes.ROOM_ENDED,
-        import_react_sdk118.HMSNotificationTypes.REMOVED_FROM_ROOM
-      ]);
-      (0, import_react230.useEffect)(() => {
+      const hmsActions = (0, import_react_sdk123.useHMSActions)();
+      const [muteNotification, setMuteNotification] = (0, import_react235.useState)(null);
+      const notification = (0, import_react_sdk123.useHMSNotifications)(notificationTypes4);
+      (0, import_react235.useEffect)(() => {
         switch (notification == null ? void 0 : notification.type) {
-          case import_react_sdk118.HMSNotificationTypes.REMOVED_FROM_ROOM:
-          case import_react_sdk118.HMSNotificationTypes.ROOM_ENDED:
+          case import_react_sdk123.HMSNotificationTypes.REMOVED_FROM_ROOM:
+          case import_react_sdk123.HMSNotificationTypes.ROOM_ENDED:
             setMuteNotification(null);
             break;
-          case import_react_sdk118.HMSNotificationTypes.CHANGE_MULTI_TRACK_STATE_REQUEST:
+          case import_react_sdk123.HMSNotificationTypes.CHANGE_MULTI_TRACK_STATE_REQUEST:
             if (notification == null ? void 0 : notification.data.enabled) {
               setMuteNotification(notification.data);
             }
@@ -36034,7 +36312,7 @@ var init_TrackBulkUnmuteModal = __esm({
       }
       const { requestedBy: peer, tracks, enabled } = muteNotification;
       const types = new Set(tracks.map((track) => track.type));
-      return /* @__PURE__ */ import_react230.default.createElement(
+      return /* @__PURE__ */ import_react235.default.createElement(
         RequestDialog,
         {
           title: "Unmute request",
@@ -36046,7 +36324,7 @@ var init_TrackBulkUnmuteModal = __esm({
             });
             setMuteNotification(null);
           },
-          Icon: import_react_icons108.MicOnIcon
+          Icon: import_react_icons109.MicOnIcon
         }
       );
     };
@@ -36054,24 +36332,45 @@ var init_TrackBulkUnmuteModal = __esm({
 });
 
 // src/Prebuilt/components/Notifications/TrackNotifications.tsx
-var import_react231, import_react_sdk119, notificationTypes3, TrackNotifications;
+var import_react236, import_react_sdk124, notificationTypes5, TrackNotifications;
 var init_TrackNotifications = __esm({
   "src/Prebuilt/components/Notifications/TrackNotifications.tsx"() {
     "use strict";
     init_define_process_env();
-    import_react231 = require("react");
-    import_react_sdk119 = require("@100mslive/react-sdk");
-    notificationTypes3 = [
-      import_react_sdk119.HMSNotificationTypes.TRACK_ADDED,
-      import_react_sdk119.HMSNotificationTypes.TRACK_REMOVED,
-      import_react_sdk119.HMSNotificationTypes.TRACK_MUTED,
-      import_react_sdk119.HMSNotificationTypes.TRACK_UNMUTED
+    import_react236 = require("react");
+    import_react_sdk124 = require("@100mslive/react-sdk");
+    init_ToastManager();
+    notificationTypes5 = [
+      import_react_sdk124.HMSNotificationTypes.TRACK_ADDED,
+      import_react_sdk124.HMSNotificationTypes.TRACK_REMOVED,
+      import_react_sdk124.HMSNotificationTypes.TRACK_MUTED,
+      import_react_sdk124.HMSNotificationTypes.TRACK_UNMUTED,
+      import_react_sdk124.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST
     ];
     TrackNotifications = () => {
-      const notification = (0, import_react_sdk119.useHMSNotifications)(notificationTypes3);
-      (0, import_react231.useEffect)(() => {
+      const notification = (0, import_react_sdk124.useHMSNotifications)(notificationTypes5);
+      (0, import_react236.useEffect)(() => {
+        var _a7, _b7;
         if (notification) {
-          console.debug(`[${notification.type}]`, notification);
+          switch (notification.type) {
+            case import_react_sdk124.HMSNotificationTypes.TRACK_ADDED:
+            case import_react_sdk124.HMSNotificationTypes.TRACK_REMOVED:
+            case import_react_sdk124.HMSNotificationTypes.TRACK_MUTED:
+            case import_react_sdk124.HMSNotificationTypes.TRACK_UNMUTED:
+              console.debug(`[${notification.type}]`, notification);
+              break;
+            case import_react_sdk124.HMSNotificationTypes.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;
@@ -36080,30 +36379,36 @@ var init_TrackNotifications = __esm({
 });
 
 // src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx
-var import_react232, import_react_sdk120, import_react_icons109, TrackUnmuteModal;
+var import_react237, import_react_sdk125, import_react_icons110, notificationTypes6, TrackUnmuteModal;
 var init_TrackUnmuteModal = __esm({
   "src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx"() {
     "use strict";
     init_define_process_env();
-    import_react232 = __toESM(require("react"));
-    import_react_sdk120 = require("@100mslive/react-sdk");
-    import_react_icons109 = require("@100mslive/react-icons");
+    import_react237 = __toESM(require("react"));
+    import_react_sdk125 = require("@100mslive/react-sdk");
+    import_react_icons110 = require("@100mslive/react-icons");
     init_DialogContent2();
+    init_ToastManager();
+    notificationTypes6 = [
+      import_react_sdk125.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST,
+      import_react_sdk125.HMSNotificationTypes.ROOM_ENDED,
+      import_react_sdk125.HMSNotificationTypes.REMOVED_FROM_ROOM
+    ];
     TrackUnmuteModal = () => {
-      const hmsActions = (0, import_react_sdk120.useHMSActions)();
-      const notification = (0, import_react_sdk120.useHMSNotifications)([
-        import_react_sdk120.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST,
-        import_react_sdk120.HMSNotificationTypes.ROOM_ENDED,
-        import_react_sdk120.HMSNotificationTypes.REMOVED_FROM_ROOM
-      ]);
-      const [muteNotification, setMuteNotification] = (0, import_react232.useState)(null);
-      (0, import_react232.useEffect)(() => {
+      const hmsActions = (0, import_react_sdk125.useHMSActions)();
+      const notification = (0, import_react_sdk125.useHMSNotifications)(notificationTypes6);
+      const [muteNotification, setMuteNotification] = (0, import_react237.useState)(null);
+      (0, import_react237.useEffect)(() => {
         switch (notification == null ? void 0 : notification.type) {
-          case import_react_sdk120.HMSNotificationTypes.REMOVED_FROM_ROOM:
-          case import_react_sdk120.HMSNotificationTypes.ROOM_ENDED:
+          case import_react_sdk125.HMSNotificationTypes.REMOVED_FROM_ROOM:
+          case import_react_sdk125.HMSNotificationTypes.ROOM_ENDED:
+            ToastManager.addToast({
+              title: `${notification.message}. 
+              ${notification.data.reason && `Reason: ${notification.data.reason}`}`
+            });
             setMuteNotification(null);
             break;
-          case import_react_sdk120.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST:
+          case import_react_sdk125.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST:
             if (notification == null ? void 0 : notification.data.enabled) {
               setMuteNotification(notification.data);
             }
@@ -36116,7 +36421,7 @@ var init_TrackUnmuteModal = __esm({
         return null;
       }
       const { requestedBy: peer, track, enabled } = muteNotification;
-      return /* @__PURE__ */ import_react232.default.createElement(
+      return /* @__PURE__ */ import_react237.default.createElement(
         RequestDialog,
         {
           title: `Unmute your ${track.type}?`,
@@ -36126,7 +36431,7 @@ var init_TrackUnmuteModal = __esm({
             hmsActions.setEnabledTrack(track.id, enabled);
             setMuteNotification(null);
           },
-          Icon: import_react_icons109.MicOnIcon
+          Icon: import_react_icons110.MicOnIcon
         }
       );
     };
@@ -36134,22 +36439,22 @@ var init_TrackUnmuteModal = __esm({
 });
 
 // src/Prebuilt/components/Notifications/TranscriptionNotifications.tsx
-var import_react233, import_ts_pattern16, import_react_sdk121, import_react_icons110, TranscriptionNotifications;
+var import_react238, import_ts_pattern16, import_react_sdk126, import_react_icons111, TranscriptionNotifications;
 var init_TranscriptionNotifications = __esm({
   "src/Prebuilt/components/Notifications/TranscriptionNotifications.tsx"() {
     "use strict";
     init_define_process_env();
-    import_react233 = __toESM(require("react"));
+    import_react238 = __toESM(require("react"));
     import_ts_pattern16 = require("ts-pattern");
-    import_react_sdk121 = require("@100mslive/react-sdk");
-    import_react_icons110 = require("@100mslive/react-icons");
+    import_react_sdk126 = require("@100mslive/react-sdk");
+    import_react_icons111 = require("@100mslive/react-icons");
     init_ToastManager();
     init_useUISettings();
     init_constants();
     TranscriptionNotifications = () => {
-      const notification = (0, import_react_sdk121.useHMSNotifications)(import_react_sdk121.HMSNotificationTypes.TRANSCRIPTION_STATE_UPDATED);
+      const notification = (0, import_react_sdk126.useHMSNotifications)(import_react_sdk126.HMSNotificationTypes.TRANSCRIPTION_STATE_UPDATED);
       const [toastId, setToastId] = useSetAppDataByKey(CAPTION_TOAST.captionToast);
-      (0, import_react233.useEffect)(() => {
+      (0, import_react238.useEffect)(() => {
         if (!(notification == null ? void 0 : notification.data)) {
           return;
         }
@@ -36163,22 +36468,22 @@ var init_TranscriptionNotifications = __esm({
               id = ToastManager.replaceToast(toastId, {
                 title: `Failed to enable Closed Caption`,
                 variant: "error",
-                icon: /* @__PURE__ */ import_react233.default.createElement(import_react_icons110.AlertTriangleIcon, { style: { marginRight: "0.5rem" } })
+                icon: /* @__PURE__ */ import_react238.default.createElement(import_react_icons111.AlertTriangleIcon, { style: { marginRight: "0.5rem" } })
               });
             }
-          ).with({ state: import_react_sdk121.HMSTranscriptionState.STARTED }, () => {
+          ).with({ state: import_react_sdk126.HMSTranscriptionState.STARTED }, () => {
             id = ToastManager.replaceToast(toastId, {
               title: `Closed Captioning enabled for everyone`,
               variant: "standard",
               duration: 2e3,
-              icon: /* @__PURE__ */ import_react233.default.createElement(import_react_icons110.ClosedCaptionIcon, { style: { marginRight: "0.5rem" } })
+              icon: /* @__PURE__ */ import_react238.default.createElement(import_react_icons111.ClosedCaptionIcon, { style: { marginRight: "0.5rem" } })
             });
-          }).with({ state: import_react_sdk121.HMSTranscriptionState.STOPPED }, () => {
+          }).with({ state: import_react_sdk126.HMSTranscriptionState.STOPPED }, () => {
             id = ToastManager.replaceToast(toastId, {
               title: `Closed Captioning disabled for everyone`,
               variant: "standard",
               duration: 2e3,
-              icon: /* @__PURE__ */ import_react233.default.createElement(import_react_icons110.OpenCaptionIcon, { style: { marginRight: "0.5rem" } })
+              icon: /* @__PURE__ */ import_react238.default.createElement(import_react_icons111.OpenCaptionIcon, { style: { marginRight: "0.5rem" } })
             });
           }).otherwise(() => null);
           setToastId(id);
@@ -36191,174 +36496,46 @@ var init_TranscriptionNotifications = __esm({
 
 // src/Prebuilt/components/Notifications/Notifications.tsx
 function Notifications() {
-  var _a7, _b7;
-  const localPeerID = (0, import_react_sdk122.useHMSStore)(import_react_sdk122.selectLocalPeerID);
-  const notification = (0, import_react_sdk122.useHMSNotifications)();
-  const subscribedNotifications = useSubscribedNotifications() || {};
-  const roomState = (0, import_react_sdk122.useHMSStore)(import_react_sdk122.selectRoomState);
-  const updateRoomLayoutForRole = useUpdateRoomLayout();
+  const roomState = (0, import_react_sdk127.useHMSStore)(import_react_sdk127.selectRoomState);
   const isNotificationDisabled = useIsNotificationDisabled();
-  const screenProps = useRoomLayoutConferencingScreen();
-  const vanillaStore = (0, import_react_sdk122.useHMSVanillaStore)();
-  const togglePollView = usePollViewToggle();
-  const { showNotification } = (0, import_react_sdk122.useAwayNotifications)();
-  const amIScreenSharing = (0, import_react_sdk122.useHMSStore)(import_react_sdk122.selectIsLocalScreenShared);
-  const logoURL = (_b7 = (_a7 = useRoomLayout()) == null ? void 0 : _a7.logo) == null ? void 0 : _b7.url;
-  const { pipWindow } = usePIPWindow();
-  const handleRoleChangeDenied = (0, import_react234.useCallback)((request) => {
+  const handleRoleChangeDenied = (0, import_react239.useCallback)((request) => {
     ToastManager.addToast({
       title: `${request.peerName} denied your request to join the ${request.role.name} role`,
       variant: "error"
     });
   }, []);
-  (0, import_react_sdk122.useCustomEvent)({ type: ROLE_CHANGE_DECLINED, onEvent: handleRoleChangeDenied });
-  (0, import_react234.useEffect)(() => {
-    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 import_react_sdk122.HMSNotificationTypes.NAME_UPDATED:
-        console.log(notification.data.id + " changed their name to " + notification.data.name);
-        break;
-      case import_react_sdk122.HMSNotificationTypes.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__ */ import_react234.default.createElement(Box, { css: { color: "$alert_error_default" } }, /* @__PURE__ */ import_react234.default.createElement(import_react_icons111.GroupIcon, 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 import_react_sdk122.HMSNotificationTypes.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 import_react_sdk122.HMSNotificationTypes.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 import_react_sdk122.HMSNotificationTypes.REMOVED_FROM_ROOM:
-      case import_react_sdk122.HMSNotificationTypes.ROOM_ENDED:
-        ToastManager.addToast({
-          title: `${notification.message}. 
-              ${notification.data.reason && `Reason: ${notification.data.reason}`}`
-        });
-        break;
-      case import_react_sdk122.HMSNotificationTypes.DEVICE_CHANGE_UPDATE:
-        ToastManager.addToast({
-          title: notification.message
-        });
-        break;
-      case import_react_sdk122.HMSNotificationTypes.POLL_STARTED:
-        if (notification.data.startedBy !== localPeerID && screenProps.screenType !== "hls_live_streaming") {
-          const pollStartedBy = vanillaStore.getState((0, import_react_sdk122.selectPeerNameByID)(notification.data.startedBy)) || "Participant";
-          const pollToastID = ToastManager.addToast({
-            title: `${pollStartedBy} started a ${notification.data.type}: ${notification.data.title}`,
-            action: /* @__PURE__ */ import_react234.default.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 import_react_sdk122.HMSNotificationTypes.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 import_react_sdk122.HMSNotificationTypes.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]);
+  (0, import_react_sdk127.useCustomEvent)({ type: ROLE_CHANGE_DECLINED, onEvent: handleRoleChangeDenied });
   if (isNotificationDisabled) {
     return null;
   }
-  return /* @__PURE__ */ import_react234.default.createElement(import_react234.default.Fragment, null, /* @__PURE__ */ import_react234.default.createElement(TrackUnmuteModal, null), /* @__PURE__ */ import_react234.default.createElement(TrackBulkUnmuteModal, null), /* @__PURE__ */ import_react234.default.createElement(TrackNotifications, null), roomState === import_react_sdk122.HMSRoomState.Connected ? /* @__PURE__ */ import_react234.default.createElement(PeerNotifications, null) : null, /* @__PURE__ */ import_react234.default.createElement(ReconnectNotifications, null), /* @__PURE__ */ import_react234.default.createElement(AutoplayBlockedModal, null), /* @__PURE__ */ import_react234.default.createElement(PermissionErrorNotificationModal, null), /* @__PURE__ */ import_react234.default.createElement(InitErrorModal, null), /* @__PURE__ */ import_react234.default.createElement(ChatNotifications, null), /* @__PURE__ */ import_react234.default.createElement(HandRaisedNotifications, null), /* @__PURE__ */ import_react234.default.createElement(TranscriptionNotifications, null));
+  return /* @__PURE__ */ import_react239.default.createElement(import_react239.default.Fragment, null, /* @__PURE__ */ import_react239.default.createElement(TrackUnmuteModal, null), /* @__PURE__ */ import_react239.default.createElement(TrackBulkUnmuteModal, null), /* @__PURE__ */ import_react239.default.createElement(TrackNotifications, null), roomState === import_react_sdk127.HMSRoomState.Connected ? /* @__PURE__ */ import_react239.default.createElement(PeerNotifications, null) : null, /* @__PURE__ */ import_react239.default.createElement(PollNotificationModal, null), /* @__PURE__ */ import_react239.default.createElement(MessageNotifications, null), /* @__PURE__ */ import_react239.default.createElement(DeviceChangeNotifications, null), /* @__PURE__ */ import_react239.default.createElement(ReconnectNotifications, null), /* @__PURE__ */ import_react239.default.createElement(ErrorNotifications, null), /* @__PURE__ */ import_react239.default.createElement(AutoplayBlockedModal, null), /* @__PURE__ */ import_react239.default.createElement(PermissionErrorNotificationModal, null), /* @__PURE__ */ import_react239.default.createElement(InitErrorModal, null), /* @__PURE__ */ import_react239.default.createElement(ChatNotifications, null), /* @__PURE__ */ import_react239.default.createElement(HandRaisedNotifications, null), /* @__PURE__ */ import_react239.default.createElement(TranscriptionNotifications, null), /* @__PURE__ */ import_react239.default.createElement(DeviceInUseError, null));
 }
-var import_react234, import_react_sdk122, import_react_icons111, pollToastKey;
+var import_react239, import_react_sdk127;
 var init_Notifications = __esm({
   "src/Prebuilt/components/Notifications/Notifications.tsx"() {
     "use strict";
     init_define_process_env();
-    import_react234 = __toESM(require("react"));
-    import_react_sdk122 = require("@100mslive/react-sdk");
-    import_react_icons111 = require("@100mslive/react-icons");
-    init_src();
-    init_roomLayoutProvider();
+    import_react239 = __toESM(require("react"));
+    import_react_sdk127 = require("@100mslive/react-sdk");
     init_ToastManager();
     init_AutoplayBlockedModal();
     init_ChatNotifications();
+    init_DeviceChangeNotifications();
+    init_DeviceInUseError();
+    init_ErrorNotifications();
     init_HandRaisedNotifications();
     init_InitErrorModal();
+    init_MessageNotifications();
     init_PeerNotifications();
     init_PermissionErrorModal();
+    init_PollNotificationModal();
     init_ReconnectNotifications();
     init_TrackBulkUnmuteModal();
     init_TrackNotifications();
     init_TrackUnmuteModal();
     init_TranscriptionNotifications();
-    init_useRoomLayoutScreen();
-    init_useSidepane();
     init_useUISettings();
-    init_usePIPWindow();
     init_constants();
-    pollToastKey = {};
   }
 });
 
@@ -36372,23 +36549,23 @@ var init_Notifications2 = __esm({
 });
 
 // src/Prebuilt/components/PIP/PIPProvider.tsx
-var import_react235, PIPProvider;
+var import_react240, PIPProvider;
 var init_PIPProvider = __esm({
   "src/Prebuilt/components/PIP/PIPProvider.tsx"() {
     "use strict";
     init_define_process_env();
-    import_react235 = __toESM(require("react"));
+    import_react240 = __toESM(require("react"));
     init_context();
     PIPProvider = ({ children }) => {
       const isSupported = "documentPictureInPicture" in window;
-      const [pipWindow, setPipWindow] = (0, import_react235.useState)(null);
-      const closePipWindow = (0, import_react235.useCallback)(() => {
+      const [pipWindow, setPipWindow] = (0, import_react240.useState)(null);
+      const closePipWindow = (0, import_react240.useCallback)(() => {
         if (pipWindow != null) {
           pipWindow.close();
           setPipWindow(null);
         }
       }, [pipWindow]);
-      const requestPipWindow = (0, import_react235.useCallback)(
+      const requestPipWindow = (0, import_react240.useCallback)(
         (width, height) => __async(void 0, null, function* () {
           if (pipWindow != null) {
             return;
@@ -36404,7 +36581,7 @@ var init_PIPProvider = __esm({
         }),
         [pipWindow]
       );
-      const value = (0, import_react235.useMemo)(() => {
+      const value = (0, import_react240.useMemo)(() => {
         return {
           isSupported,
           pipWindow,
@@ -36412,18 +36589,18 @@ var init_PIPProvider = __esm({
           closePipWindow
         };
       }, [closePipWindow, isSupported, pipWindow, requestPipWindow]);
-      return /* @__PURE__ */ import_react235.default.createElement(PIPContext.Provider, { value }, children);
+      return /* @__PURE__ */ import_react240.default.createElement(PIPContext.Provider, { value }, children);
     };
   }
 });
 
 // src/Prebuilt/components/Preview/PreviewScreen.tsx
-var import_react236, import_react_use59, PreviewScreen;
+var import_react241, import_react_use59, PreviewScreen;
 var init_PreviewScreen = __esm({
   "src/Prebuilt/components/Preview/PreviewScreen.tsx"() {
     "use strict";
     init_define_process_env();
-    import_react236 = __toESM(require("react"));
+    import_react241 = __toESM(require("react"));
     import_react_use59 = require("react-use");
     init_src();
     init_AppContext();
@@ -36443,30 +36620,30 @@ var init_PreviewScreen = __esm({
       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__ */ import_react236.default.createElement(Flex, { direction: "column", css: { size: "100%" } }, /* @__PURE__ */ import_react236.default.createElement(
+      return /* @__PURE__ */ import_react241.default.createElement(Flex, { direction: "column", css: { size: "100%" } }, /* @__PURE__ */ import_react241.default.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__ */ import_react236.default.createElement(PreviewJoin_default, { initialName, skipPreview, asRole: previewAsRole != null ? previewAsRole : void 0 }) : /* @__PURE__ */ import_react236.default.createElement(FullPageProgress_default, null)
+        authToken && Object.keys(previewHeader).length > 0 ? /* @__PURE__ */ import_react241.default.createElement(PreviewJoin_default, { initialName, skipPreview, asRole: previewAsRole != null ? previewAsRole : void 0 }) : /* @__PURE__ */ import_react241.default.createElement(FullPageProgress_default, null)
       ));
     };
   }
 });
 
 // src/Prebuilt/components/Toast/Toast.jsx
-var import_react237, Toast2;
+var import_react242, Toast2;
 var init_Toast3 = __esm({
   "src/Prebuilt/components/Toast/Toast.jsx"() {
     "use strict";
     init_define_process_env();
-    import_react237 = __toESM(require("react"));
+    import_react242 = __toESM(require("react"));
     init_Toast2();
     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__ */ import_react237.default.createElement(
+      return /* @__PURE__ */ import_react242.default.createElement(
         Toast.HMSToast,
         __spreadValues({
           title,
@@ -36483,29 +36660,29 @@ var init_Toast3 = __esm({
 });
 
 // src/Prebuilt/components/Toast/ToastContainer.jsx
-var import_react238, import_react_sdk123, ToastContainer;
+var import_react243, import_react_sdk128, ToastContainer;
 var init_ToastContainer = __esm({
   "src/Prebuilt/components/Toast/ToastContainer.jsx"() {
     "use strict";
     init_define_process_env();
-    import_react238 = __toESM(require("react"));
-    import_react_sdk123 = require("@100mslive/react-sdk");
+    import_react243 = __toESM(require("react"));
+    import_react_sdk128 = require("@100mslive/react-sdk");
     init_Toast2();
     init_Toast3();
     init_ToastManager();
     init_constants();
     ToastContainer = () => {
-      const isConnected = (0, import_react_sdk123.useHMSStore)(import_react_sdk123.selectIsConnectedToRoom);
-      const [toasts, setToast] = (0, import_react238.useState)([]);
-      (0, import_react238.useEffect)(() => {
+      const isConnected = (0, import_react_sdk128.useHMSStore)(import_react_sdk128.selectIsConnectedToRoom);
+      const [toasts, setToast] = (0, import_react243.useState)([]);
+      (0, import_react243.useEffect)(() => {
         ToastManager.addListener(setToast);
         return () => {
           ToastManager.removeListener(setToast);
         };
       }, []);
-      return /* @__PURE__ */ import_react238.default.createElement(Toast.Provider, { swipeDirection: "left", duration: 3e3 }, toasts.slice(0, MAX_TOASTS).map((toast) => {
-        return /* @__PURE__ */ import_react238.default.createElement(Toast2, __spreadProps(__spreadValues({ key: toast.id }, toast), { onOpenChange: (value) => !value && ToastManager.removeToast(toast.id) }));
-      }), /* @__PURE__ */ import_react238.default.createElement(
+      return /* @__PURE__ */ import_react243.default.createElement(Toast.Provider, { swipeDirection: "left", duration: 3e3 }, toasts.slice(0, MAX_TOASTS).map((toast) => {
+        return /* @__PURE__ */ import_react243.default.createElement(Toast2, __spreadProps(__spreadValues({ key: toast.id }, toast), { onOpenChange: (value) => !value && ToastManager.removeToast(toast.id) }));
+      }), /* @__PURE__ */ import_react243.default.createElement(
         Toast.Viewport,
         {
           css: __spreadValues({
@@ -36518,12 +36695,12 @@ var init_ToastContainer = __esm({
 });
 
 // src/Prebuilt/components/RoomDetails/RoomDetailsSheet.tsx
-var import_react239, import_react_icons112, RoomDetailsSheet;
+var import_react244, import_react_icons112, RoomDetailsSheet;
 var init_RoomDetailsSheet = __esm({
   "src/Prebuilt/components/RoomDetails/RoomDetailsSheet.tsx"() {
     "use strict";
     init_define_process_env();
-    import_react239 = __toESM(require("react"));
+    import_react244 = __toESM(require("react"));
     import_react_icons112 = require("@100mslive/react-icons");
     init_Layout();
     init_Sheet2();
@@ -36537,57 +36714,57 @@ var init_RoomDetailsSheet = __esm({
       const { title, description, details } = useRoomLayoutHeader();
       const toggleSheet = useSheetToggle(SHEET_OPTIONS.ROOM_DETAILS);
       const showRoomDetailsSheet = useIsSheetTypeOpen(SHEET_OPTIONS.ROOM_DETAILS);
-      return /* @__PURE__ */ import_react239.default.createElement(Sheet.Root, { open: showRoomDetailsSheet, onOpenChange: toggleSheet }, /* @__PURE__ */ import_react239.default.createElement(Sheet.Content, { css: { py: "$8", pb: "$12" } }, /* @__PURE__ */ import_react239.default.createElement(
+      return /* @__PURE__ */ import_react244.default.createElement(Sheet.Root, { open: showRoomDetailsSheet, onOpenChange: toggleSheet }, /* @__PURE__ */ import_react244.default.createElement(Sheet.Content, { css: { py: "$8", pb: "$12" } }, /* @__PURE__ */ import_react244.default.createElement(
         Flex,
         {
           justify: "between",
           align: "center",
           css: { w: "100%", borderBottom: "1px solid $border_bright", pb: "$4", mb: "$4", px: "$8" }
         },
-        /* @__PURE__ */ import_react239.default.createElement(Text, { css: { fontWeight: "$semiBold", color: "$on_surface_high" } }, "Description"),
-        /* @__PURE__ */ import_react239.default.createElement(Sheet.Close, { css: { color: "$on_surface_high" } }, /* @__PURE__ */ import_react239.default.createElement(import_react_icons112.CrossIcon, null))
-      ), /* @__PURE__ */ import_react239.default.createElement(Flex, { align: "center", css: { w: "100%", gap: "$4", pb: "$8", px: "$8" } }, /* @__PURE__ */ import_react239.default.createElement(Logo, null), /* @__PURE__ */ import_react239.default.createElement(Box, null, /* @__PURE__ */ import_react239.default.createElement(Text, { variant: "sm", css: { c: "$on_secondary_high", fontWeight: "$semiBold" } }, title), /* @__PURE__ */ import_react239.default.createElement(RoomDetailsRow, { details }))), /* @__PURE__ */ import_react239.default.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", px: "$8" } }, description)));
+        /* @__PURE__ */ import_react244.default.createElement(Text, { css: { fontWeight: "$semiBold", color: "$on_surface_high" } }, "Description"),
+        /* @__PURE__ */ import_react244.default.createElement(Sheet.Close, { css: { color: "$on_surface_high" } }, /* @__PURE__ */ import_react244.default.createElement(import_react_icons112.CrossIcon, null))
+      ), /* @__PURE__ */ import_react244.default.createElement(Flex, { align: "center", css: { w: "100%", gap: "$4", pb: "$8", px: "$8" } }, /* @__PURE__ */ import_react244.default.createElement(Logo, null), /* @__PURE__ */ import_react244.default.createElement(Box, null, /* @__PURE__ */ import_react244.default.createElement(Text, { variant: "sm", css: { c: "$on_secondary_high", fontWeight: "$semiBold" } }, title), /* @__PURE__ */ import_react244.default.createElement(RoomDetailsRow, { details }))), /* @__PURE__ */ import_react244.default.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", px: "$8" } }, description)));
     };
   }
 });
 
 // src/Prebuilt/layouts/Sheet.tsx
-var import_react240, import_react_sdk124, Sheet2;
+var import_react245, import_react_sdk129, Sheet2;
 var init_Sheet3 = __esm({
   "src/Prebuilt/layouts/Sheet.tsx"() {
     "use strict";
     init_define_process_env();
-    import_react240 = __toESM(require("react"));
-    import_react_sdk124 = require("@100mslive/react-sdk");
+    import_react245 = __toESM(require("react"));
+    import_react_sdk129 = require("@100mslive/react-sdk");
     init_RoomDetailsSheet();
     init_Layout();
     init_constants();
     Sheet2 = () => {
-      const sheet = (0, import_react_sdk124.useHMSStore)((0, import_react_sdk124.selectAppData)(APP_DATA.sheet));
+      const sheet = (0, import_react_sdk129.useHMSStore)((0, import_react_sdk129.selectAppData)(APP_DATA.sheet));
       let ViewComponent;
       if (sheet === SHEET_OPTIONS.ROOM_DETAILS) {
-        ViewComponent = /* @__PURE__ */ import_react240.default.createElement(RoomDetailsSheet, null);
+        ViewComponent = /* @__PURE__ */ import_react245.default.createElement(RoomDetailsSheet, null);
       }
-      return /* @__PURE__ */ import_react240.default.createElement(Box, null, ViewComponent);
+      return /* @__PURE__ */ import_react245.default.createElement(Box, null, ViewComponent);
     };
   }
 });
 
 // src/Prebuilt/plugins/FlyingEmoji.jsx
 function FlyingEmoji() {
-  const localPeerId = (0, import_react_sdk125.useHMSStore)(import_react_sdk125.selectLocalPeerID);
-  const vanillaStore = (0, import_react_sdk125.useHMSVanillaStore)();
-  const hmsActions = (0, import_react_sdk125.useHMSActions)();
-  const [emojis, setEmojis] = (0, import_react241.useState)([]);
+  const localPeerId = (0, import_react_sdk130.useHMSStore)(import_react_sdk130.selectLocalPeerID);
+  const vanillaStore = (0, import_react_sdk130.useHMSVanillaStore)();
+  const hmsActions = (0, import_react_sdk130.useHMSActions)();
+  const [emojis, setEmojis] = (0, import_react246.useState)([]);
   const isMobile = (0, import_react_use60.useMedia)(config.media.md);
-  const isLargeRoom = (0, import_react_sdk125.useHMSStore)(import_react_sdk125.selectIsLargeRoom);
-  const startingPoints = (0, import_react241.useMemo)(() => getStartingPoints(isMobile), [isMobile]);
-  const showFlyingEmoji = (0, import_react241.useCallback)(
+  const isLargeRoom = (0, import_react_sdk130.useHMSStore)(import_react_sdk130.selectIsLargeRoom);
+  const startingPoints = (0, import_react246.useMemo)(() => getStartingPoints(isMobile), [isMobile]);
+  const showFlyingEmoji = (0, import_react246.useCallback)(
     (_0) => __async(this, [_0], function* ({ emojiId, senderId }) {
       if (!emojiId || !senderId || document.hidden) {
         return;
       }
-      let senderPeerName = vanillaStore.getState((0, import_react_sdk125.selectPeerNameByID)(senderId));
+      let senderPeerName = vanillaStore.getState((0, import_react_sdk130.selectPeerNameByID)(senderId));
       if (!senderPeerName && isLargeRoom) {
         const sender = yield hmsActions.getPeer(senderId);
         senderPeerName = sender == null ? void 0 : sender.name;
@@ -36610,14 +36787,14 @@ function FlyingEmoji() {
     }),
     [vanillaStore, isLargeRoom, localPeerId, startingPoints, hmsActions]
   );
-  (0, import_react_sdk125.useCustomEvent)({
+  (0, import_react_sdk130.useCustomEvent)({
     type: EMOJI_REACTION_TYPE,
     onEvent: showFlyingEmoji
   });
-  (0, import_react241.useEffect)(() => {
+  (0, import_react246.useEffect)(() => {
     window.showFlyingEmoji = showFlyingEmoji;
   }, [showFlyingEmoji]);
-  return /* @__PURE__ */ import_react241.default.createElement(
+  return /* @__PURE__ */ import_react246.default.createElement(
     Box,
     {
       css: {
@@ -36633,7 +36810,7 @@ function FlyingEmoji() {
       }
     },
     emojis.map((emoji) => {
-      return /* @__PURE__ */ import_react241.default.createElement(
+      return /* @__PURE__ */ import_react246.default.createElement(
         Flex,
         {
           key: emoji.id,
@@ -36647,8 +36824,8 @@ function FlyingEmoji() {
           },
           onAnimationEnd: () => setEmojis(emojis.filter((item) => item.id !== emoji.id))
         },
-        /* @__PURE__ */ import_react241.default.createElement(Box, null, /* @__PURE__ */ import_react241.default.createElement("em-emoji", { id: emoji.emojiId, size: "48px", set: "apple" })),
-        emoji.senderName ? /* @__PURE__ */ import_react241.default.createElement(
+        /* @__PURE__ */ import_react246.default.createElement(Box, null, /* @__PURE__ */ import_react246.default.createElement("em-emoji", { id: emoji.emojiId, size: "48px", set: "apple" })),
+        emoji.senderName ? /* @__PURE__ */ import_react246.default.createElement(
           Box,
           {
             css: {
@@ -36658,7 +36835,7 @@ function FlyingEmoji() {
               borderRadius: "$1"
             }
           },
-          /* @__PURE__ */ import_react241.default.createElement(
+          /* @__PURE__ */ import_react246.default.createElement(
             Text,
             {
               css: {
@@ -36674,14 +36851,14 @@ function FlyingEmoji() {
     })
   );
 }
-var import_react241, import_react_use60, import_react_sdk125, emojiCount, flyAndFade, wiggleLeftRight, wiggleRightLeft, getStartingPoints;
+var import_react246, import_react_use60, import_react_sdk130, emojiCount, flyAndFade, wiggleLeftRight, wiggleRightLeft, getStartingPoints;
 var init_FlyingEmoji = __esm({
   "src/Prebuilt/plugins/FlyingEmoji.jsx"() {
     "use strict";
     init_define_process_env();
-    import_react241 = __toESM(require("react"));
+    import_react246 = __toESM(require("react"));
     import_react_use60 = require("react-use");
-    import_react_sdk125 = require("@100mslive/react-sdk");
+    import_react_sdk130 = require("@100mslive/react-sdk");
     init_Layout();
     init_Text2();
     init_Theme();
@@ -36714,47 +36891,47 @@ var init_FlyingEmoji = __esm({
 
 // src/Prebuilt/plugins/RemoteStopScreenshare.jsx
 function RemoteStopScreenshare() {
-  const actions = (0, import_react_sdk126.useHMSActions)();
-  const onRemoteStopScreenshare = (0, import_react242.useCallback)(() => __async(this, null, function* () {
+  const actions = (0, import_react_sdk131.useHMSActions)();
+  const onRemoteStopScreenshare = (0, import_react247.useCallback)(() => __async(this, null, function* () {
     yield actions.setScreenShareEnabled(false);
   }), [actions]);
-  (0, import_react_sdk126.useCustomEvent)({
+  (0, import_react_sdk131.useCustomEvent)({
     type: REMOTE_STOP_SCREENSHARE_TYPE,
     onEvent: onRemoteStopScreenshare
   });
-  return /* @__PURE__ */ import_react242.default.createElement(import_react242.default.Fragment, null);
+  return /* @__PURE__ */ import_react247.default.createElement(import_react247.default.Fragment, null);
 }
-var import_react242, import_react_sdk126;
+var import_react247, import_react_sdk131;
 var init_RemoteStopScreenshare = __esm({
   "src/Prebuilt/plugins/RemoteStopScreenshare.jsx"() {
     "use strict";
     init_define_process_env();
-    import_react242 = __toESM(require("react"));
-    import_react_sdk126 = require("@100mslive/react-sdk");
+    import_react247 = __toESM(require("react"));
+    import_react_sdk131 = require("@100mslive/react-sdk");
     init_constants();
   }
 });
 
 // src/Prebuilt/components/hooks/useAutoStartStreaming.tsx
-var import_react243, import_react_sdk127, useAutoStartStreaming;
+var import_react248, import_react_sdk132, useAutoStartStreaming;
 var init_useAutoStartStreaming = __esm({
   "src/Prebuilt/components/hooks/useAutoStartStreaming.tsx"() {
     "use strict";
     init_define_process_env();
-    import_react243 = require("react");
-    import_react_sdk127 = require("@100mslive/react-sdk");
+    import_react248 = require("react");
+    import_react_sdk132 = require("@100mslive/react-sdk");
     init_useUISettings();
     init_hooks();
     init_constants();
     useAutoStartStreaming = () => {
       const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
-      const permissions = (0, import_react_sdk127.useHMSStore)(import_react_sdk127.selectPermissions);
+      const permissions = (0, import_react_sdk132.useHMSStore)(import_react_sdk132.selectPermissions);
       const showStreamingUI = useShowStreamingUI();
-      const hmsActions = (0, import_react_sdk127.useHMSActions)();
-      const isConnected = (0, import_react_sdk127.useHMSStore)(import_react_sdk127.selectIsConnectedToRoom);
-      const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = (0, import_react_sdk127.useRecordingStreaming)();
-      const streamStartedRef = (0, import_react243.useRef)(false);
-      const startHLS = (0, import_react243.useCallback)(() => __async(void 0, null, function* () {
+      const hmsActions = (0, import_react_sdk132.useHMSActions)();
+      const isConnected = (0, import_react_sdk132.useHMSStore)(import_react_sdk132.selectIsConnectedToRoom);
+      const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = (0, import_react_sdk132.useRecordingStreaming)();
+      const streamStartedRef = (0, import_react248.useRef)(false);
+      const startHLS = (0, import_react248.useCallback)(() => __async(void 0, null, function* () {
         try {
           if (isHLSStarted || !showStreamingUI || isHLSRunning || isRTMPRunning || isHLSRecordingOn || isBrowserRecordingOn) {
             return;
@@ -36777,12 +36954,12 @@ var init_useAutoStartStreaming = __esm({
         isHLSRecordingOn,
         isBrowserRecordingOn
       ]);
-      (0, import_react243.useEffect)(() => {
+      (0, import_react248.useEffect)(() => {
         if (!isHLSStarted && !isHLSRunning) {
           streamStartedRef.current = false;
         }
       }, [isHLSStarted, isHLSRunning]);
-      (0, import_react243.useEffect)(() => {
+      (0, import_react248.useEffect)(() => {
         if (!isConnected || streamStartedRef.current || !(permissions == null ? void 0 : permissions.hlsStreaming)) {
           return;
         }
@@ -36800,23 +36977,23 @@ function AppRoutes({
   const roomLayout = useRoomLayout();
   const isNotificationsDisabled = useIsNotificationDisabled();
   const { activeState, rejoin } = useAppStateManager();
-  return /* @__PURE__ */ import_react244.default.createElement(AppStateContext.Provider, { value: { rejoin } }, /* @__PURE__ */ import_react244.default.createElement(import_react244.default.Fragment, null, activeState !== "leave" /* LEAVE */ && /* @__PURE__ */ import_react244.default.createElement(AppData, null), /* @__PURE__ */ import_react244.default.createElement(ToastContainer, null), /* @__PURE__ */ import_react244.default.createElement(Notifications, null), /* @__PURE__ */ import_react244.default.createElement(MwebLandscapePrompt, null), /* @__PURE__ */ import_react244.default.createElement(Sheet2, null), /* @__PURE__ */ import_react244.default.createElement(BackSwipe, null), !isNotificationsDisabled && /* @__PURE__ */ import_react244.default.createElement(FlyingEmoji, null), /* @__PURE__ */ import_react244.default.createElement(RemoteStopScreenshare, null), /* @__PURE__ */ import_react244.default.createElement(KeyboardHandler, null), /* @__PURE__ */ import_react244.default.createElement(
+  return /* @__PURE__ */ import_react249.default.createElement(AppStateContext.Provider, { value: { rejoin } }, /* @__PURE__ */ import_react249.default.createElement(import_react249.default.Fragment, null, activeState !== "leave" /* LEAVE */ && /* @__PURE__ */ import_react249.default.createElement(AppData, null), /* @__PURE__ */ import_react249.default.createElement(ToastContainer, null), /* @__PURE__ */ import_react249.default.createElement(Notifications, null), /* @__PURE__ */ import_react249.default.createElement(MwebLandscapePrompt, null), /* @__PURE__ */ import_react249.default.createElement(Sheet2, null), /* @__PURE__ */ import_react249.default.createElement(BackSwipe, null), !isNotificationsDisabled && /* @__PURE__ */ import_react249.default.createElement(FlyingEmoji, null), /* @__PURE__ */ import_react249.default.createElement(RemoteStopScreenshare, null), /* @__PURE__ */ import_react249.default.createElement(KeyboardHandler, null), /* @__PURE__ */ import_react249.default.createElement(
     AuthToken_default,
     {
       authTokenByRoomCodeEndpoint,
       defaultAuthToken,
       activeState
     }
-  ), roomLayout && activeState && /* @__PURE__ */ import_react244.default.createElement(AppStates, { activeState })));
+  ), roomLayout && activeState && /* @__PURE__ */ import_react249.default.createElement(AppStates, { activeState })));
 }
-var import_react244, import_ts_pattern17, import_react_sdk128, HMSPrebuilt, AppStates, BackSwipe;
+var import_react249, import_ts_pattern17, import_react_sdk133, HMSPrebuilt, AppStates, BackSwipe;
 var init_App = __esm({
   "src/Prebuilt/App.tsx"() {
     "use strict";
     init_define_process_env();
-    import_react244 = __toESM(require("react"));
+    import_react249 = __toESM(require("react"));
     import_ts_pattern17 = require("ts-pattern");
-    import_react_sdk128 = require("@100mslive/react-sdk");
+    import_react_sdk133 = require("@100mslive/react-sdk");
     init_AppData();
     init_AuthToken();
     init_ConferenceScreen();
@@ -36844,7 +37021,7 @@ var init_App = __esm({
     init_useRoomLayoutScreen();
     init_FeatureFlags();
     init_constants();
-    HMSPrebuilt = import_react244.default.forwardRef(
+    HMSPrebuilt = import_react249.default.forwardRef(
       ({
         roomCode = "",
         authToken = "",
@@ -36859,11 +37036,11 @@ var init_App = __esm({
         onJoin
       }, ref) => {
         var _a7, _b7, _c, _d;
-        const reactiveStore = (0, import_react244.useRef)();
-        const [hydrated, setHydrated] = import_react244.default.useState(false);
-        (0, import_react244.useEffect)(() => {
+        const reactiveStore = (0, import_react249.useRef)();
+        const [hydrated, setHydrated] = import_react249.default.useState(false);
+        (0, import_react249.useEffect)(() => {
           setHydrated(true);
-          const hms = new import_react_sdk128.HMSReactiveStore();
+          const hms = new import_react_sdk133.HMSReactiveStore();
           const hmsStore = hms.getStore();
           const hmsActions = hms.getActions();
           const hmsNotifications = hms.getNotifications();
@@ -36876,13 +37053,13 @@ var init_App = __esm({
             hmsNotifications
           };
         }, []);
-        (0, import_react244.useEffect)(() => {
+        (0, import_react249.useEffect)(() => {
           if (!ref || !reactiveStore.current) {
             return;
           }
           ref.current = __spreadValues({}, reactiveStore.current);
         }, [ref]);
-        (0, import_react244.useEffect)(() => {
+        (0, import_react249.useEffect)(() => {
           return () => {
             var _a8;
             VBHandler.reset();
@@ -36912,7 +37089,7 @@ var init_App = __esm({
           return null;
         }
         globalStyles();
-        return /* @__PURE__ */ import_react244.default.createElement(ErrorBoundary, null, /* @__PURE__ */ import_react244.default.createElement(
+        return /* @__PURE__ */ import_react249.default.createElement(ErrorBoundary, null, /* @__PURE__ */ import_react249.default.createElement(
           HMSPrebuiltContext.Provider,
           {
             value: {
@@ -36930,8 +37107,8 @@ var init_App = __esm({
               }
             }
           },
-          /* @__PURE__ */ import_react244.default.createElement(
-            import_react_sdk128.HMSRoomProvider,
+          /* @__PURE__ */ import_react249.default.createElement(
+            import_react_sdk133.HMSRoomProvider,
             {
               isHMSStatsOn: FeatureFlags.enableStatsForNerds,
               actions: (_a7 = reactiveStore.current) == null ? void 0 : _a7.hmsActions,
@@ -36940,7 +37117,7 @@ var init_App = __esm({
               stats: (_d = reactiveStore.current) == null ? void 0 : _d.hmsStats,
               leaveOnUnload
             },
-            /* @__PURE__ */ import_react244.default.createElement(RoomLayoutProvider, { roomLayoutEndpoint, overrideLayout }, /* @__PURE__ */ import_react244.default.createElement(RoomLayoutContext.Consumer, null, (data3) => {
+            /* @__PURE__ */ import_react249.default.createElement(RoomLayoutProvider, { roomLayoutEndpoint, overrideLayout }, /* @__PURE__ */ import_react249.default.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]) || {};
@@ -36949,7 +37126,7 @@ var init_App = __esm({
               if (typography2 == null ? void 0 : typography2.font_family) {
                 fontFamily = [`${typography2 == null ? void 0 : typography2.font_family}`, ...fontFamily];
               }
-              return /* @__PURE__ */ import_react244.default.createElement(
+              return /* @__PURE__ */ import_react249.default.createElement(
                 HMSThemeProvider,
                 {
                   themeType: `${theme2.name}-${Date.now()}`,
@@ -36962,7 +37139,7 @@ var init_App = __esm({
                     }
                   }
                 },
-                /* @__PURE__ */ import_react244.default.createElement(PIPProvider, null, /* @__PURE__ */ import_react244.default.createElement(Init, null), /* @__PURE__ */ import_react244.default.createElement(DialogContainerProvider, { dialogContainerSelector: containerSelector }, /* @__PURE__ */ import_react244.default.createElement(
+                /* @__PURE__ */ import_react249.default.createElement(PIPProvider, null, /* @__PURE__ */ import_react249.default.createElement(Init, null), /* @__PURE__ */ import_react249.default.createElement(DialogContainerProvider, { dialogContainerSelector: containerSelector }, /* @__PURE__ */ import_react249.default.createElement(
                   Box,
                   {
                     className: DEFAULT_PORTAL_CONTAINER.slice(1),
@@ -36974,7 +37151,7 @@ var init_App = __esm({
                       position: "relative"
                     }
                   },
-                  /* @__PURE__ */ import_react244.default.createElement(
+                  /* @__PURE__ */ import_react249.default.createElement(
                     AppRoutes,
                     {
                       authTokenByRoomCodeEndpoint: tokenByRoomCodeEndpoint,
@@ -36993,12 +37170,12 @@ var init_App = __esm({
       const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
       const { isLeaveScreenEnabled } = useRoomLayoutLeaveScreen();
       useAutoStartStreaming();
-      return (0, import_ts_pattern17.match)({ activeState, isPreviewScreenEnabled, isLeaveScreenEnabled }).with({ activeState: "preview" /* PREVIEW */, isPreviewScreenEnabled: true }, () => /* @__PURE__ */ import_react244.default.createElement(PreviewScreen, null)).with({ activeState: "leave" /* LEAVE */, isLeaveScreenEnabled: true }, () => /* @__PURE__ */ import_react244.default.createElement(LeaveScreen, null)).otherwise(() => /* @__PURE__ */ import_react244.default.createElement(ConferenceScreen, null));
+      return (0, import_ts_pattern17.match)({ activeState, isPreviewScreenEnabled, isLeaveScreenEnabled }).with({ activeState: "preview" /* PREVIEW */, isPreviewScreenEnabled: true }, () => /* @__PURE__ */ import_react249.default.createElement(PreviewScreen, null)).with({ activeState: "leave" /* LEAVE */, isLeaveScreenEnabled: true }, () => /* @__PURE__ */ import_react249.default.createElement(LeaveScreen, null)).otherwise(() => /* @__PURE__ */ import_react249.default.createElement(ConferenceScreen, null));
     };
     BackSwipe = () => {
-      const isConnectedToRoom = (0, import_react_sdk128.useHMSStore)(import_react_sdk128.selectIsConnectedToRoom);
-      const hmsActions = (0, import_react_sdk128.useHMSActions)();
-      (0, import_react244.useEffect)(() => {
+      const isConnectedToRoom = (0, import_react_sdk133.useHMSStore)(import_react_sdk133.selectIsConnectedToRoom);
+      const hmsActions = (0, import_react_sdk133.useHMSActions)();
+      (0, import_react249.useEffect)(() => {
         const onRouteLeave = () => __async(void 0, null, function* () {
           if (isConnectedToRoom) {
             yield hmsActions.leave();
@@ -37047,12 +37224,12 @@ var init_Progress = __esm({
 });
 
 // src/Diagnostics/DiagnosticsContext.ts
-var import_react245, DiagnosticsStep, initialSteps, DiagnosticsContext, useDiagnostics;
+var import_react250, DiagnosticsStep, initialSteps, DiagnosticsContext, useDiagnostics;
 var init_DiagnosticsContext = __esm({
   "src/Diagnostics/DiagnosticsContext.ts"() {
     "use strict";
     init_define_process_env();
-    import_react245 = __toESM(require("react"));
+    import_react250 = __toESM(require("react"));
     DiagnosticsStep = /* @__PURE__ */ ((DiagnosticsStep2) => {
       DiagnosticsStep2[DiagnosticsStep2["BROWSER"] = 0] = "BROWSER";
       DiagnosticsStep2[DiagnosticsStep2["VIDEO"] = 1] = "VIDEO";
@@ -37066,7 +37243,7 @@ var init_DiagnosticsContext = __esm({
       [2 /* AUDIO */]: { name: "Test Audio" },
       [3 /* CONNECTIVITY */]: { name: "Connection Quality" }
     };
-    DiagnosticsContext = import_react245.default.createContext({
+    DiagnosticsContext = import_react250.default.createContext({
       activeStepIndex: 0,
       setActiveStep: () => {
         return;
@@ -37077,7 +37254,7 @@ var init_DiagnosticsContext = __esm({
       }
     });
     useDiagnostics = () => {
-      const context = (0, import_react245.useContext)(DiagnosticsContext);
+      const context = (0, import_react250.useContext)(DiagnosticsContext);
       const activeStep = context.steps[context.activeStepIndex];
       return __spreadProps(__spreadValues({}, context), { activeStep });
     };
@@ -37085,18 +37262,18 @@ var init_DiagnosticsContext = __esm({
 });
 
 // src/Diagnostics/components.tsx
-var import_react246, TestContainer, TestFooter;
+var import_react251, TestContainer, TestFooter;
 var init_components = __esm({
   "src/Diagnostics/components.tsx"() {
     "use strict";
     init_define_process_env();
-    import_react246 = __toESM(require("react"));
+    import_react251 = __toESM(require("react"));
     init_Button2();
     init_Layout();
     init_Text2();
     init_DiagnosticsContext();
     TestContainer = ({ css: css2, children }) => {
-      return /* @__PURE__ */ import_react246.default.createElement(Box, { css: __spreadValues({ p: "$10" }, css2) }, children);
+      return /* @__PURE__ */ import_react251.default.createElement(Box, { css: __spreadValues({ p: "$10" }, css2) }, children);
     };
     TestFooter = ({
       error,
@@ -37114,7 +37291,7 @@ var init_components = __esm({
         }
         setActiveStep((step) => step + 1);
       };
-      return /* @__PURE__ */ import_react246.default.createElement(
+      return /* @__PURE__ */ import_react251.default.createElement(
         Flex,
         {
           css: {
@@ -37132,8 +37309,8 @@ var init_components = __esm({
             "@lg": { flexDirection: "column", gap: "$8" }
           }
         },
-        /* @__PURE__ */ import_react246.default.createElement(Box, null, error && /* @__PURE__ */ import_react246.default.createElement(Text, { css: { c: "$alert_error_default" } }, "Error: ", error.message)),
-        children ? children : /* @__PURE__ */ import_react246.default.createElement(Flex, { align: "center", css: { gap: "$8", "@lg": { flexDirection: "column" } } }, /* @__PURE__ */ import_react246.default.createElement(Text, { css: { c: "$on_primary_medium" } }, ctaText), /* @__PURE__ */ import_react246.default.createElement(Flex, { align: "center", gap: "4" }, /* @__PURE__ */ import_react246.default.createElement(Button, { onClick: onNextStep, variant: "standard", outlined: true }, "Skip"), /* @__PURE__ */ import_react246.default.createElement(Button, { disabled: !!error, onClick: onNextStep }, "Yes")))
+        /* @__PURE__ */ import_react251.default.createElement(Box, null, error && /* @__PURE__ */ import_react251.default.createElement(Text, { css: { c: "$alert_error_default" } }, "Error: ", error.message)),
+        children ? children : /* @__PURE__ */ import_react251.default.createElement(Flex, { align: "center", css: { gap: "$8", "@lg": { flexDirection: "column" } } }, /* @__PURE__ */ import_react251.default.createElement(Text, { css: { c: "$on_primary_medium" } }, ctaText), /* @__PURE__ */ import_react251.default.createElement(Flex, { align: "center", gap: "4" }, /* @__PURE__ */ import_react251.default.createElement(Button, { onClick: onNextStep, variant: "standard", outlined: true }, "Skip"), /* @__PURE__ */ import_react251.default.createElement(Button, { disabled: !!error, onClick: onNextStep }, "Yes")))
       );
     };
   }
@@ -37148,7 +37325,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;
@@ -37159,7 +37336,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;
@@ -37173,7 +37350,7 @@ var require_react_is_production_min = __commonJS({
               case m2:
               case e:
               case g:
-              case f2:
+              case f:
               case p:
                 return a2;
               default:
@@ -37207,7 +37384,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;
@@ -37241,13 +37418,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;
   }
@@ -38096,12 +38273,12 @@ var require_prop_types = __commonJS({
 });
 
 // src/Diagnostics/DeviceSelector.jsx
-var import_react247, import_prop_types, DeviceSelector2;
+var import_react252, import_prop_types, DeviceSelector2;
 var init_DeviceSelector = __esm({
   "src/Diagnostics/DeviceSelector.jsx"() {
     "use strict";
     init_define_process_env();
-    import_react247 = __toESM(require("react"));
+    import_react252 = __toESM(require("react"));
     import_prop_types = __toESM(require_prop_types());
     init_Dropdown2();
     init_Layout();
@@ -38109,9 +38286,9 @@ var init_DeviceSelector = __esm({
     init_Text2();
     DeviceSelector2 = ({ title, devices, selection, onChange, icon, children = null }) => {
       var _a7, _b7;
-      const [open, setOpen] = (0, import_react247.useState)(false);
-      const ref = (0, import_react247.useRef)(null);
-      return /* @__PURE__ */ import_react247.default.createElement(Box, { css: { mb: "$6" } }, /* @__PURE__ */ import_react247.default.createElement(Text, { css: { mb: "$4" } }, title), /* @__PURE__ */ import_react247.default.createElement(
+      const [open, setOpen] = (0, import_react252.useState)(false);
+      const ref = (0, import_react252.useRef)(null);
+      return /* @__PURE__ */ import_react252.default.createElement(Box, { css: { mb: "$6" } }, /* @__PURE__ */ import_react252.default.createElement(Text, { css: { mb: "$4" } }, title), /* @__PURE__ */ import_react252.default.createElement(
         Flex,
         {
           align: "center",
@@ -38123,7 +38300,7 @@ var init_DeviceSelector = __esm({
             }
           }
         },
-        /* @__PURE__ */ import_react247.default.createElement(Dropdown.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ import_react247.default.createElement(
+        /* @__PURE__ */ import_react252.default.createElement(Dropdown.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ import_react252.default.createElement(
           DialogDropdownTrigger,
           {
             ref,
@@ -38131,7 +38308,7 @@ var init_DeviceSelector = __esm({
             title: ((_a7 = devices.find(({ deviceId }) => deviceId === selection)) == null ? void 0 : _a7.label) || "Select device from list",
             open
           }
-        ), /* @__PURE__ */ import_react247.default.createElement(Dropdown.Portal, null, /* @__PURE__ */ import_react247.default.createElement(
+        ), /* @__PURE__ */ import_react252.default.createElement(Dropdown.Portal, null, /* @__PURE__ */ import_react252.default.createElement(
           Dropdown.Content,
           {
             align: "start",
@@ -38145,7 +38322,7 @@ var init_DeviceSelector = __esm({
             }
           },
           devices.map((device) => {
-            return /* @__PURE__ */ import_react247.default.createElement(
+            return /* @__PURE__ */ import_react252.default.createElement(
               Dropdown.Item,
               {
                 key: device.label,
@@ -38173,13 +38350,13 @@ var init_DeviceSelector = __esm({
 });
 
 // src/Diagnostics/AudioTest.tsx
-var import_react248, import_react_sdk129, import_react_icons113, SelectContainer, MicTest, SpeakerTest, AudioTest;
+var import_react253, import_react_sdk134, import_react_icons113, SelectContainer, MicTest, SpeakerTest, AudioTest;
 var init_AudioTest = __esm({
   "src/Diagnostics/AudioTest.tsx"() {
     "use strict";
     init_define_process_env();
-    import_react248 = __toESM(require("react"));
-    import_react_sdk129 = require("@100mslive/react-sdk");
+    import_react253 = __toESM(require("react"));
+    import_react_sdk134 = require("@100mslive/react-sdk");
     import_react_icons113 = require("@100mslive/react-icons");
     init_PermissionErrorModal();
     init_components();
@@ -38191,33 +38368,33 @@ var init_AudioTest = __esm({
     init_DiagnosticsContext();
     init_useAudioOutputTest();
     init_constants();
-    SelectContainer = ({ children }) => /* @__PURE__ */ import_react248.default.createElement(Box, { css: { w: "calc(50% - 0.75rem)", "@lg": { w: "100%" } } }, children);
+    SelectContainer = ({ children }) => /* @__PURE__ */ import_react253.default.createElement(Box, { css: { w: "calc(50% - 0.75rem)", "@lg": { w: "100%" } } }, children);
     MicTest = ({ setError }) => {
       var _a7, _b7;
       const { hmsDiagnostics } = useDiagnostics();
-      const devices = (0, import_react_sdk129.useHMSStore)(import_react_sdk129.selectDevices);
-      const [isRecording, setIsRecording] = (0, import_react248.useState)(false);
-      const [selectedMic, setSelectedMic] = (0, import_react248.useState)(((_a7 = devices.audioInput[0]) == null ? void 0 : _a7.deviceId) || "default");
-      const trackID = (0, import_react_sdk129.useHMSStore)(import_react_sdk129.selectLocalAudioTrackID);
-      const audioLevel = (0, import_react_sdk129.useHMSStore)((0, import_react_sdk129.selectTrackAudioByID)(trackID));
-      const { audioOutputDeviceId } = (0, import_react_sdk129.useHMSStore)(import_react_sdk129.selectLocalMediaSettings);
+      const devices = (0, import_react_sdk134.useHMSStore)(import_react_sdk134.selectDevices);
+      const [isRecording, setIsRecording] = (0, import_react253.useState)(false);
+      const [selectedMic, setSelectedMic] = (0, import_react253.useState)(((_a7 = devices.audioInput[0]) == null ? void 0 : _a7.deviceId) || "default");
+      const trackID = (0, import_react_sdk134.useHMSStore)(import_react_sdk134.selectLocalAudioTrackID);
+      const audioLevel = (0, import_react_sdk134.useHMSStore)((0, import_react_sdk134.selectTrackAudioByID)(trackID));
+      const { audioOutputDeviceId } = (0, import_react_sdk134.useHMSStore)(import_react_sdk134.selectLocalMediaSettings);
       const { playing, setPlaying, audioRef } = useAudioOutputTest({
         deviceId: audioOutputDeviceId || ((_b7 = devices.audioOutput[0]) == null ? void 0 : _b7.deviceId)
       });
-      return /* @__PURE__ */ import_react248.default.createElement(SelectContainer, null, /* @__PURE__ */ import_react248.default.createElement(
+      return /* @__PURE__ */ import_react253.default.createElement(SelectContainer, null, /* @__PURE__ */ import_react253.default.createElement(
         DeviceSelector2,
         {
           title: "Microphone (Input)",
           devices: devices.audioInput,
           selection: selectedMic,
-          icon: /* @__PURE__ */ import_react248.default.createElement(import_react_icons113.MicOnIcon, null),
+          icon: /* @__PURE__ */ import_react253.default.createElement(import_react_icons113.MicOnIcon, null),
           onChange: (deviceId) => {
             setError(void 0);
             setSelectedMic(deviceId);
             hmsDiagnostics == null ? void 0 : hmsDiagnostics.stopMicCheck();
           }
         }
-      ), /* @__PURE__ */ import_react248.default.createElement(Flex, { css: { gap: "$6", alignItems: "center" } }, /* @__PURE__ */ import_react248.default.createElement(
+      ), /* @__PURE__ */ import_react253.default.createElement(Flex, { css: { gap: "$6", alignItems: "center" } }, /* @__PURE__ */ import_react253.default.createElement(
         Button,
         {
           variant: "standard",
@@ -38237,9 +38414,9 @@ var init_AudioTest = __esm({
           },
           disabled: devices.audioInput.length === 0 || playing
         },
-        isRecording ? /* @__PURE__ */ import_react248.default.createElement(import_react_icons113.StopIcon, null) : /* @__PURE__ */ import_react248.default.createElement(import_react_icons113.MicOnIcon, null),
+        isRecording ? /* @__PURE__ */ import_react253.default.createElement(import_react_icons113.StopIcon, null) : /* @__PURE__ */ import_react253.default.createElement(import_react_icons113.MicOnIcon, null),
         isRecording ? "Stop Recording" : "Record"
-      ), /* @__PURE__ */ import_react248.default.createElement(
+      ), /* @__PURE__ */ import_react253.default.createElement(
         Button,
         {
           icon: true,
@@ -38253,9 +38430,9 @@ var init_AudioTest = __esm({
           },
           disabled: playing || (hmsDiagnostics == null ? void 0 : hmsDiagnostics.getRecordedAudio()) === TEST_AUDIO_URL
         },
-        /* @__PURE__ */ import_react248.default.createElement(import_react_icons113.SpeakerIcon, null),
+        /* @__PURE__ */ import_react253.default.createElement(import_react_icons113.SpeakerIcon, null),
         playing ? "Playing..." : "Playback"
-      ), /* @__PURE__ */ import_react248.default.createElement(
+      ), /* @__PURE__ */ import_react253.default.createElement(
         "audio",
         {
           ref: audioRef,
@@ -38263,7 +38440,7 @@ var init_AudioTest = __esm({
           onPlay: () => setPlaying(true),
           style: { display: "none" }
         }
-      )), /* @__PURE__ */ import_react248.default.createElement(Flex, { align: "center", css: { mt: "$4", maxWidth: "10rem", opacity: isRecording ? "1" : "0", gap: "$4" } }, /* @__PURE__ */ import_react248.default.createElement(Text, null, /* @__PURE__ */ import_react248.default.createElement(import_react_icons113.MicOnIcon, null)), /* @__PURE__ */ import_react248.default.createElement(Progress.Root, { value: audioLevel, css: { h: "$2" } }, /* @__PURE__ */ import_react248.default.createElement(
+      )), /* @__PURE__ */ import_react253.default.createElement(Flex, { align: "center", css: { mt: "$4", maxWidth: "10rem", opacity: isRecording ? "1" : "0", gap: "$4" } }, /* @__PURE__ */ import_react253.default.createElement(Text, null, /* @__PURE__ */ import_react253.default.createElement(import_react_icons113.MicOnIcon, null)), /* @__PURE__ */ import_react253.default.createElement(Progress.Root, { value: audioLevel, css: { h: "$2" } }, /* @__PURE__ */ import_react253.default.createElement(
         Progress.Content,
         {
           style: {
@@ -38275,19 +38452,19 @@ var init_AudioTest = __esm({
     };
     SpeakerTest = () => {
       var _a7;
-      const actions = (0, import_react_sdk129.useHMSActions)();
-      const devices = (0, import_react_sdk129.useHMSStore)(import_react_sdk129.selectDevices);
-      const { audioOutputDeviceId } = (0, import_react_sdk129.useHMSStore)(import_react_sdk129.selectLocalMediaSettings);
+      const actions = (0, import_react_sdk134.useHMSActions)();
+      const devices = (0, import_react_sdk134.useHMSStore)(import_react_sdk134.selectDevices);
+      const { audioOutputDeviceId } = (0, import_react_sdk134.useHMSStore)(import_react_sdk134.selectLocalMediaSettings);
       if (devices.audioOutput.length === 0) {
-        return /* @__PURE__ */ import_react248.default.createElement(import_react248.default.Fragment, null);
+        return /* @__PURE__ */ import_react253.default.createElement(import_react253.default.Fragment, null);
       }
-      return /* @__PURE__ */ import_react248.default.createElement(SelectContainer, null, /* @__PURE__ */ import_react248.default.createElement(
+      return /* @__PURE__ */ import_react253.default.createElement(SelectContainer, null, /* @__PURE__ */ import_react253.default.createElement(
         DeviceSelector2,
         {
           title: "Speaker (Output)",
           devices: devices.audioOutput,
           selection: audioOutputDeviceId || ((_a7 = devices.audioOutput[0]) == null ? void 0 : _a7.deviceId),
-          icon: /* @__PURE__ */ import_react248.default.createElement(import_react_icons113.SpeakerIcon, null),
+          icon: /* @__PURE__ */ import_react253.default.createElement(import_react_icons113.SpeakerIcon, null),
           onChange: (deviceId) => {
             actions.setAudioOutputDevice(deviceId);
           }
@@ -38296,18 +38473,18 @@ var init_AudioTest = __esm({
     };
     AudioTest = () => {
       const { hmsDiagnostics, updateStep } = useDiagnostics();
-      const [error, setErrorAlone] = (0, import_react248.useState)();
-      const setError = (0, import_react248.useCallback)(
+      const [error, setErrorAlone] = (0, import_react253.useState)();
+      const setError = (0, import_react253.useCallback)(
         (err) => {
           updateStep(2 /* AUDIO */, { hasFailed: !!err });
           setErrorAlone(err);
         },
         [updateStep, setErrorAlone]
       );
-      (0, import_react248.useEffect)(() => {
+      (0, import_react253.useEffect)(() => {
         hmsDiagnostics == null ? void 0 : hmsDiagnostics.requestPermission({ audio: true }).catch((error2) => setError(error2));
       }, [hmsDiagnostics, setError]);
-      return /* @__PURE__ */ import_react248.default.createElement(import_react248.default.Fragment, null, /* @__PURE__ */ import_react248.default.createElement(TestContainer, null, /* @__PURE__ */ import_react248.default.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__ */ import_react248.default.createElement(
+      return /* @__PURE__ */ import_react253.default.createElement(import_react253.default.Fragment, null, /* @__PURE__ */ import_react253.default.createElement(TestContainer, null, /* @__PURE__ */ import_react253.default.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__ */ import_react253.default.createElement(
         Flex,
         {
           css: {
@@ -38319,21 +38496,21 @@ var init_AudioTest = __esm({
             }
           }
         },
-        /* @__PURE__ */ import_react248.default.createElement(MicTest, { setError }),
-        /* @__PURE__ */ import_react248.default.createElement(SpeakerTest, null)
-      )), /* @__PURE__ */ import_react248.default.createElement(TestFooter, { error, ctaText: "Does your audio sound good?" }), /* @__PURE__ */ import_react248.default.createElement(PermissionErrorModal, { error }));
+        /* @__PURE__ */ import_react253.default.createElement(MicTest, { setError }),
+        /* @__PURE__ */ import_react253.default.createElement(SpeakerTest, null)
+      )), /* @__PURE__ */ import_react253.default.createElement(TestFooter, { error, ctaText: "Does your audio sound good?" }), /* @__PURE__ */ import_react253.default.createElement(PermissionErrorModal, { error }));
     };
   }
 });
 
 // src/Diagnostics/BrowserTest.tsx
-var import_react249, import_react_sdk130, CMS_MEDIA_SERVER, operatingSystemIconInfo, browserTypeIconInfo, CheckDetails, BrowserTest;
+var import_react254, import_react_sdk135, CMS_MEDIA_SERVER, operatingSystemIconInfo, browserTypeIconInfo, CheckDetails, BrowserTest;
 var init_BrowserTest = __esm({
   "src/Diagnostics/BrowserTest.tsx"() {
     "use strict";
     init_define_process_env();
-    import_react249 = __toESM(require("react"));
-    import_react_sdk130 = require("@100mslive/react-sdk");
+    import_react254 = __toESM(require("react"));
+    import_react_sdk135 = require("@100mslive/react-sdk");
     init_components();
     init_Layout();
     init_Text2();
@@ -38418,12 +38595,12 @@ var init_BrowserTest = __esm({
         icon: `${CMS_MEDIA_SERVER}cms/Opera_0f3bf4eb19/Opera_0f3bf4eb19.svg`
       }
     };
-    CheckDetails = ({ title, value, iconURL }) => /* @__PURE__ */ import_react249.default.createElement(Box, { css: { w: "100%", my: "$10", p: "$10", r: "$1", bg: "$surface_default", "@lg": { w: "auto" } } }, /* @__PURE__ */ import_react249.default.createElement(Text, { css: { c: "$on_primary_medium", mb: "$6" } }, title), /* @__PURE__ */ import_react249.default.createElement(Flex, { align: "center" }, iconURL && /* @__PURE__ */ import_react249.default.createElement(Box, { css: { size: "2rem", r: "$round", bg: "$surface_brighter", mr: "$4" } }, /* @__PURE__ */ import_react249.default.createElement("img", { style: { objectFit: "contain", width: "2rem" }, src: iconURL, alt: value })), /* @__PURE__ */ import_react249.default.createElement(Text, null, value)));
+    CheckDetails = ({ title, value, iconURL }) => /* @__PURE__ */ import_react254.default.createElement(Box, { css: { w: "100%", my: "$10", p: "$10", r: "$1", bg: "$surface_default", "@lg": { w: "auto" } } }, /* @__PURE__ */ import_react254.default.createElement(Text, { css: { c: "$on_primary_medium", mb: "$6" } }, title), /* @__PURE__ */ import_react254.default.createElement(Flex, { align: "center" }, iconURL && /* @__PURE__ */ import_react254.default.createElement(Box, { css: { size: "2rem", r: "$round", bg: "$surface_brighter", mr: "$4" } }, /* @__PURE__ */ import_react254.default.createElement("img", { style: { objectFit: "contain", width: "2rem" }, src: iconURL, alt: value })), /* @__PURE__ */ import_react254.default.createElement(Text, null, value)));
     BrowserTest = () => {
       var _a7, _b7, _c, _d;
       const { hmsDiagnostics, updateStep } = useDiagnostics();
-      const [error, setError] = (0, import_react249.useState)();
-      (0, import_react249.useEffect)(() => {
+      const [error, setError] = (0, import_react254.useState)();
+      (0, import_react254.useEffect)(() => {
         try {
           hmsDiagnostics == null ? void 0 : hmsDiagnostics.checkBrowserSupport();
         } catch (err) {
@@ -38431,33 +38608,33 @@ var init_BrowserTest = __esm({
           setError(err);
         }
       }, [hmsDiagnostics, updateStep]);
-      return /* @__PURE__ */ import_react249.default.createElement(import_react249.default.Fragment, null, /* @__PURE__ */ import_react249.default.createElement(TestContainer, { css: { display: "flex", gap: "$8", "@lg": { display: "block" } } }, /* @__PURE__ */ import_react249.default.createElement(
+      return /* @__PURE__ */ import_react254.default.createElement(import_react254.default.Fragment, null, /* @__PURE__ */ import_react254.default.createElement(TestContainer, { css: { display: "flex", gap: "$8", "@lg": { display: "block" } } }, /* @__PURE__ */ import_react254.default.createElement(
         CheckDetails,
         {
           title: "Browser",
-          iconURL: import_react_sdk130.parsedUserAgent.getBrowser().name && ((_b7 = browserTypeIconInfo[(_a7 = import_react_sdk130.parsedUserAgent.getBrowser().name) == null ? void 0 : _a7.toLowerCase()]) == null ? void 0 : _b7.icon),
-          value: `${import_react_sdk130.parsedUserAgent.getBrowser().name} ${import_react_sdk130.parsedUserAgent.getBrowser().version}`
+          iconURL: import_react_sdk135.parsedUserAgent.getBrowser().name && ((_b7 = browserTypeIconInfo[(_a7 = import_react_sdk135.parsedUserAgent.getBrowser().name) == null ? void 0 : _a7.toLowerCase()]) == null ? void 0 : _b7.icon),
+          value: `${import_react_sdk135.parsedUserAgent.getBrowser().name} ${import_react_sdk135.parsedUserAgent.getBrowser().version}`
         }
-      ), /* @__PURE__ */ import_react249.default.createElement(
+      ), /* @__PURE__ */ import_react254.default.createElement(
         CheckDetails,
         {
           title: "Operating system",
-          iconURL: import_react_sdk130.parsedUserAgent.getOS().name && ((_d = operatingSystemIconInfo[(_c = import_react_sdk130.parsedUserAgent.getOS().name) == null ? void 0 : _c.toLowerCase()]) == null ? void 0 : _d.icon),
-          value: `${import_react_sdk130.parsedUserAgent.getOS().name} ${import_react_sdk130.parsedUserAgent.getOS().version}`
+          iconURL: import_react_sdk135.parsedUserAgent.getOS().name && ((_d = operatingSystemIconInfo[(_c = import_react_sdk135.parsedUserAgent.getOS().name) == null ? void 0 : _c.toLowerCase()]) == null ? void 0 : _d.icon),
+          value: `${import_react_sdk135.parsedUserAgent.getOS().name} ${import_react_sdk135.parsedUserAgent.getOS().version}`
         }
-      )), /* @__PURE__ */ import_react249.default.createElement(TestFooter, { error, ctaText: "Is your device information correct?" }));
+      )), /* @__PURE__ */ import_react254.default.createElement(TestFooter, { error, ctaText: "Is your device information correct?" }));
     };
   }
 });
 
 // src/Diagnostics/ConnectivityTest.tsx
-var import_react250, import_react_sdk131, import_react_icons114, Regions, ConnectivityStateMessage, ConnectivityTestStepResult, DetailedInfo, MediaServerResult, SignallingResult, AudioStats, VideoStats, Footer3, ConnectivityTestReport, RegionSelector, ConnectivityTest, downloadJson;
+var import_react255, import_react_sdk136, import_react_icons114, Regions, ConnectivityStateMessage, ConnectivityTestStepResult, DetailedInfo, MediaServerResult, SignallingResult, AudioStats, VideoStats, Footer3, ConnectivityTestReport, RegionSelector, ConnectivityTest, downloadJson;
 var init_ConnectivityTest = __esm({
   "src/Diagnostics/ConnectivityTest.tsx"() {
     "use strict";
     init_define_process_env();
-    import_react250 = __toESM(require("react"));
-    import_react_sdk131 = require("@100mslive/react-sdk");
+    import_react255 = __toESM(require("react"));
+    import_react_sdk136 = require("@100mslive/react-sdk");
     import_react_icons114 = require("@100mslive/react-icons");
     init_components();
     init_Button2();
@@ -38472,13 +38649,13 @@ var init_ConnectivityTest = __esm({
       us: "United States"
     };
     ConnectivityStateMessage = {
-      [import_react_sdk131.ConnectivityState.STARTING]: "Fetching Init",
-      [import_react_sdk131.ConnectivityState.INIT_FETCHED]: "Connecting to signal server",
-      [import_react_sdk131.ConnectivityState.SIGNAL_CONNECTED]: "Establishing ICE connection",
-      [import_react_sdk131.ConnectivityState.ICE_ESTABLISHED]: "Capturing Media",
-      [import_react_sdk131.ConnectivityState.MEDIA_CAPTURED]: "Publishing Media",
-      [import_react_sdk131.ConnectivityState.MEDIA_PUBLISHED]: "Finishing Up",
-      [import_react_sdk131.ConnectivityState.COMPLETED]: "Completed"
+      [import_react_sdk136.ConnectivityState.STARTING]: "Fetching Init",
+      [import_react_sdk136.ConnectivityState.INIT_FETCHED]: "Connecting to signal server",
+      [import_react_sdk136.ConnectivityState.SIGNAL_CONNECTED]: "Establishing ICE connection",
+      [import_react_sdk136.ConnectivityState.ICE_ESTABLISHED]: "Capturing Media",
+      [import_react_sdk136.ConnectivityState.MEDIA_CAPTURED]: "Publishing Media",
+      [import_react_sdk136.ConnectivityState.MEDIA_PUBLISHED]: "Finishing Up",
+      [import_react_sdk136.ConnectivityState.COMPLETED]: "Completed"
     };
     ConnectivityTestStepResult = ({
       title,
@@ -38486,8 +38663,8 @@ var init_ConnectivityTest = __esm({
       success,
       children
     }) => {
-      const [hideDetails, setHideDetails] = (0, import_react250.useState)(true);
-      return /* @__PURE__ */ import_react250.default.createElement(Box, { css: { my: "$10", p: "$10", r: "$1", bg: "$surface_bright" } }, /* @__PURE__ */ import_react250.default.createElement(Text, { css: { c: "$on_primary_medium", mb: "$6" } }, title), success ? /* @__PURE__ */ import_react250.default.createElement(Flex, null, /* @__PURE__ */ import_react250.default.createElement(Text, { css: { c: "$alert_success" } }, /* @__PURE__ */ import_react250.default.createElement(import_react_icons114.CheckCircleIcon, { width: "1.5rem", height: "1.5rem" })), /* @__PURE__ */ import_react250.default.createElement(Text, { variant: "lg", css: { ml: "$4" } }, status)) : /* @__PURE__ */ import_react250.default.createElement(Flex, null, /* @__PURE__ */ import_react250.default.createElement(Text, { css: { c: "$alert_error_bright" } }, /* @__PURE__ */ import_react250.default.createElement(import_react_icons114.CrossCircleIcon, { width: "1.5rem", height: "1.5rem" })), /* @__PURE__ */ import_react250.default.createElement(Text, { variant: "lg", css: { ml: "$4" } }, "Failed")), /* @__PURE__ */ import_react250.default.createElement(
+      const [hideDetails, setHideDetails] = (0, import_react255.useState)(true);
+      return /* @__PURE__ */ import_react255.default.createElement(Box, { css: { my: "$10", p: "$10", r: "$1", bg: "$surface_bright" } }, /* @__PURE__ */ import_react255.default.createElement(Text, { css: { c: "$on_primary_medium", mb: "$6" } }, title), success ? /* @__PURE__ */ import_react255.default.createElement(Flex, null, /* @__PURE__ */ import_react255.default.createElement(Text, { css: { c: "$alert_success" } }, /* @__PURE__ */ import_react255.default.createElement(import_react_icons114.CheckCircleIcon, { width: "1.5rem", height: "1.5rem" })), /* @__PURE__ */ import_react255.default.createElement(Text, { variant: "lg", css: { ml: "$4" } }, status)) : /* @__PURE__ */ import_react255.default.createElement(Flex, null, /* @__PURE__ */ import_react255.default.createElement(Text, { css: { c: "$alert_error_bright" } }, /* @__PURE__ */ import_react255.default.createElement(import_react_icons114.CrossCircleIcon, { width: "1.5rem", height: "1.5rem" })), /* @__PURE__ */ import_react255.default.createElement(Text, { variant: "lg", css: { ml: "$4" } }, "Failed")), /* @__PURE__ */ import_react255.default.createElement(
         Flex,
         {
           onClick: () => setHideDetails(!hideDetails),
@@ -38497,8 +38674,8 @@ var init_ConnectivityTest = __esm({
             color: "$primary_bright"
           }
         },
-        hideDetails ? /* @__PURE__ */ import_react250.default.createElement(import_react_icons114.EyeOpenIcon, null) : /* @__PURE__ */ import_react250.default.createElement(import_react_icons114.EyeCloseIcon, null),
-        /* @__PURE__ */ import_react250.default.createElement(
+        hideDetails ? /* @__PURE__ */ import_react255.default.createElement(import_react_icons114.EyeOpenIcon, null) : /* @__PURE__ */ import_react255.default.createElement(import_react_icons114.EyeCloseIcon, null),
+        /* @__PURE__ */ import_react255.default.createElement(
           Text,
           {
             variant: "caption",
@@ -38509,38 +38686,38 @@ var init_ConnectivityTest = __esm({
           hideDetails ? "View" : "Hide",
           " detailed information"
         )
-      ), !hideDetails ? /* @__PURE__ */ import_react250.default.createElement(Box, null, children) : null);
+      ), !hideDetails ? /* @__PURE__ */ import_react255.default.createElement(Box, null, children) : null);
     };
     DetailedInfo = ({
       title,
       value,
       Icon: Icon4
     }) => {
-      return /* @__PURE__ */ import_react250.default.createElement(Box, { css: { flex: "50%", mt: "$6" } }, /* @__PURE__ */ import_react250.default.createElement(Text, { variant: "caption", css: { fontWeight: "$semiBold", c: "$on_primary_medium" } }, title), /* @__PURE__ */ import_react250.default.createElement(Flex, { css: { mt: "$xs", alignItems: "flex-start" } }, Icon4 && /* @__PURE__ */ import_react250.default.createElement(Text, { css: { mr: "$4" } }, /* @__PURE__ */ import_react250.default.createElement(Icon4, { width: "1rem", height: "1rem" })), /* @__PURE__ */ import_react250.default.createElement(Text, { variant: "caption" }, value)));
+      return /* @__PURE__ */ import_react255.default.createElement(Box, { css: { flex: "50%", mt: "$6" } }, /* @__PURE__ */ import_react255.default.createElement(Text, { variant: "caption", css: { fontWeight: "$semiBold", c: "$on_primary_medium" } }, title), /* @__PURE__ */ import_react255.default.createElement(Flex, { css: { mt: "$xs", alignItems: "flex-start" } }, Icon4 && /* @__PURE__ */ import_react255.default.createElement(Text, { css: { mr: "$4" } }, /* @__PURE__ */ import_react255.default.createElement(Icon4, { width: "1rem", height: "1rem" })), /* @__PURE__ */ import_react255.default.createElement(Text, { variant: "caption" }, value)));
     };
     MediaServerResult = ({ result }) => {
       var _a7, _b7, _c, _d;
-      return /* @__PURE__ */ import_react250.default.createElement(
+      return /* @__PURE__ */ import_react255.default.createElement(
         ConnectivityTestStepResult,
         {
           title: "Media server connection test",
           success: (result == null ? void 0 : result.isPublishICEConnected) && result.isSubscribeICEConnected
         },
-        /* @__PURE__ */ import_react250.default.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ import_react250.default.createElement(
+        /* @__PURE__ */ import_react255.default.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ import_react255.default.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) ? import_react_icons114.CheckCircleIcon : import_react_icons114.CrossCircleIcon
           }
-        ), /* @__PURE__ */ import_react250.default.createElement(
+        ), /* @__PURE__ */ import_react255.default.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) ? import_react_icons114.CheckCircleIcon : import_react_icons114.CrossCircleIcon
           }
-        ), (result == null ? void 0 : result.connectionQualityScore) ? /* @__PURE__ */ import_react250.default.createElement(
+        ), (result == null ? void 0 : result.connectionQualityScore) ? /* @__PURE__ */ import_react255.default.createElement(
           DetailedInfo,
           {
             title: "Connection Quality Score (CQS)",
@@ -38550,27 +38727,27 @@ var init_ConnectivityTest = __esm({
       );
     };
     SignallingResult = ({ result }) => {
-      return /* @__PURE__ */ import_react250.default.createElement(ConnectivityTestStepResult, { title: "Signalling server connection test", success: result == null ? void 0 : result.isConnected }, /* @__PURE__ */ import_react250.default.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ import_react250.default.createElement(
+      return /* @__PURE__ */ import_react255.default.createElement(ConnectivityTestStepResult, { title: "Signalling server connection test", success: result == null ? void 0 : result.isConnected }, /* @__PURE__ */ import_react255.default.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ import_react255.default.createElement(
         DetailedInfo,
         {
           title: "Signalling Gateway",
           value: (result == null ? void 0 : result.isConnected) ? "Reachable" : "Unreachable",
           Icon: (result == null ? void 0 : result.isConnected) ? import_react_icons114.CheckCircleIcon : import_react_icons114.CrossCircleIcon
         }
-      ), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Websocket URL", value: (result == null ? void 0 : result.websocketUrl) || "N/A", Icon: import_react_icons114.LinkIcon })));
+      ), /* @__PURE__ */ import_react255.default.createElement(DetailedInfo, { title: "Websocket URL", value: (result == null ? void 0 : result.websocketUrl) || "N/A", Icon: import_react_icons114.LinkIcon })));
     };
     AudioStats = ({ stats }) => {
-      return /* @__PURE__ */ import_react250.default.createElement(ConnectivityTestStepResult, { title: "Audio", status: "Received", success: !!(stats == null ? void 0 : stats.bytesSent) }, stats && /* @__PURE__ */ import_react250.default.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Bytes Sent", value: formatBytes(stats.bytesSent) }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Bytes Received", value: formatBytes(stats.bytesReceived) }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Packets Received", value: stats.packetsReceived.toString() }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Packets Lost", value: stats.packetsLost.toString() }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Bitrate Sent", value: formatBytes(stats.bitrateSent, "b/s") }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Bitrate Received", value: formatBytes(stats.bitrateReceived, "b/s") }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Round Trip Time", value: `${stats.roundTripTime} ms` })));
+      return /* @__PURE__ */ import_react255.default.createElement(ConnectivityTestStepResult, { title: "Audio", status: "Received", success: !!(stats == null ? void 0 : stats.bytesSent) }, stats && /* @__PURE__ */ import_react255.default.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ import_react255.default.createElement(DetailedInfo, { title: "Bytes Sent", value: formatBytes(stats.bytesSent) }), /* @__PURE__ */ import_react255.default.createElement(DetailedInfo, { title: "Bytes Received", value: formatBytes(stats.bytesReceived) }), /* @__PURE__ */ import_react255.default.createElement(DetailedInfo, { title: "Packets Received", value: stats.packetsReceived.toString() }), /* @__PURE__ */ import_react255.default.createElement(DetailedInfo, { title: "Packets Lost", value: stats.packetsLost.toString() }), /* @__PURE__ */ import_react255.default.createElement(DetailedInfo, { title: "Bitrate Sent", value: formatBytes(stats.bitrateSent, "b/s") }), /* @__PURE__ */ import_react255.default.createElement(DetailedInfo, { title: "Bitrate Received", value: formatBytes(stats.bitrateReceived, "b/s") }), /* @__PURE__ */ import_react255.default.createElement(DetailedInfo, { title: "Round Trip Time", value: `${stats.roundTripTime} ms` })));
     };
     VideoStats = ({ stats }) => {
-      return /* @__PURE__ */ import_react250.default.createElement(ConnectivityTestStepResult, { title: "Video", status: "Received", success: !!(stats == null ? void 0 : stats.bytesSent) }, stats && /* @__PURE__ */ import_react250.default.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Bytes Sent", value: formatBytes(stats.bytesSent) }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Bytes Received", value: formatBytes(stats.bytesReceived) }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Packets Received", value: stats.packetsReceived.toString() }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Packets Lost", value: stats.packetsLost.toString() }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Bitrate Sent", value: formatBytes(stats.bitrateSent, "b/s") }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Bitrate Received", value: formatBytes(stats.bitrateReceived, "b/s") }), /* @__PURE__ */ import_react250.default.createElement(DetailedInfo, { title: "Round Trip Time", value: `${stats.roundTripTime} ms` })));
+      return /* @__PURE__ */ import_react255.default.createElement(ConnectivityTestStepResult, { title: "Video", status: "Received", success: !!(stats == null ? void 0 : stats.bytesSent) }, stats && /* @__PURE__ */ import_react255.default.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ import_react255.default.createElement(DetailedInfo, { title: "Bytes Sent", value: formatBytes(stats.bytesSent) }), /* @__PURE__ */ import_react255.default.createElement(DetailedInfo, { title: "Bytes Received", value: formatBytes(stats.bytesReceived) }), /* @__PURE__ */ import_react255.default.createElement(DetailedInfo, { title: "Packets Received", value: stats.packetsReceived.toString() }), /* @__PURE__ */ import_react255.default.createElement(DetailedInfo, { title: "Packets Lost", value: stats.packetsLost.toString() }), /* @__PURE__ */ import_react255.default.createElement(DetailedInfo, { title: "Bitrate Sent", value: formatBytes(stats.bitrateSent, "b/s") }), /* @__PURE__ */ import_react255.default.createElement(DetailedInfo, { title: "Bitrate Received", value: formatBytes(stats.bitrateReceived, "b/s") }), /* @__PURE__ */ import_react255.default.createElement(DetailedInfo, { title: "Round Trip Time", value: `${stats.roundTripTime} ms` })));
     };
     Footer3 = ({
       error,
       result,
       restart
     }) => {
-      return /* @__PURE__ */ import_react250.default.createElement(TestFooter, { error }, /* @__PURE__ */ import_react250.default.createElement(Flex, { css: { gap: "$8", "@lg": { flexDirection: "column" } } }, /* @__PURE__ */ import_react250.default.createElement(Button, { variant: "standard", onClick: restart }, "Restart Test"), /* @__PURE__ */ import_react250.default.createElement(Button, { disabled: !result, onClick: () => result && downloadJson(result, "hms_diagnostics_results") }, "Download Test Report")));
+      return /* @__PURE__ */ import_react255.default.createElement(TestFooter, { error }, /* @__PURE__ */ import_react255.default.createElement(Flex, { css: { gap: "$8", "@lg": { flexDirection: "column" } } }, /* @__PURE__ */ import_react255.default.createElement(Button, { variant: "standard", onClick: restart }, "Restart Test"), /* @__PURE__ */ import_react255.default.createElement(Button, { disabled: !result, onClick: () => result && downloadJson(result, "hms_diagnostics_results") }, "Download Test Report")));
     };
     ConnectivityTestReport = ({
       error,
@@ -38580,14 +38757,14 @@ var init_ConnectivityTest = __esm({
     }) => {
       var _a7, _b7, _c, _d;
       if (error) {
-        return /* @__PURE__ */ import_react250.default.createElement(import_react250.default.Fragment, null, /* @__PURE__ */ import_react250.default.createElement(TestContainer, { css: { textAlign: "center" } }, /* @__PURE__ */ import_react250.default.createElement(Text, { css: { c: "$alert_error_default", mb: "$4" } }, /* @__PURE__ */ import_react250.default.createElement(import_react_icons114.CrossCircleIcon, null)), /* @__PURE__ */ import_react250.default.createElement(Text, { variant: "h6" }, "Connectivity Test Failed"), /* @__PURE__ */ import_react250.default.createElement(Text, { variant: "body2", css: { c: "$on_primary_medium" } }, error.message)), /* @__PURE__ */ import_react250.default.createElement(Footer3, { restart: startTest, error }));
+        return /* @__PURE__ */ import_react255.default.createElement(import_react255.default.Fragment, null, /* @__PURE__ */ import_react255.default.createElement(TestContainer, { css: { textAlign: "center" } }, /* @__PURE__ */ import_react255.default.createElement(Text, { css: { c: "$alert_error_default", mb: "$4" } }, /* @__PURE__ */ import_react255.default.createElement(import_react_icons114.CrossCircleIcon, null)), /* @__PURE__ */ import_react255.default.createElement(Text, { variant: "h6" }, "Connectivity Test Failed"), /* @__PURE__ */ import_react255.default.createElement(Text, { variant: "body2", css: { c: "$on_primary_medium" } }, error.message)), /* @__PURE__ */ import_react255.default.createElement(Footer3, { restart: startTest, error }));
       }
       if (result) {
         console.log(result);
-        return /* @__PURE__ */ import_react250.default.createElement(import_react250.default.Fragment, null, /* @__PURE__ */ import_react250.default.createElement(TestContainer, null, /* @__PURE__ */ import_react250.default.createElement(Text, { css: { c: "$on_primary_medium" } }, "Connectivity test has been completed."), /* @__PURE__ */ import_react250.default.createElement(SignallingResult, { result: result == null ? void 0 : result.signallingReport }), /* @__PURE__ */ import_react250.default.createElement(MediaServerResult, { result: result == null ? void 0 : result.mediaServerReport }), /* @__PURE__ */ import_react250.default.createElement(AudioStats, { stats: (_b7 = (_a7 = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _a7.stats) == null ? void 0 : _b7.audio }), /* @__PURE__ */ import_react250.default.createElement(VideoStats, { stats: (_d = (_c = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _c.stats) == null ? void 0 : _d.video })), /* @__PURE__ */ import_react250.default.createElement(Footer3, { result, restart: startTest, error }));
+        return /* @__PURE__ */ import_react255.default.createElement(import_react255.default.Fragment, null, /* @__PURE__ */ import_react255.default.createElement(TestContainer, null, /* @__PURE__ */ import_react255.default.createElement(Text, { css: { c: "$on_primary_medium" } }, "Connectivity test has been completed."), /* @__PURE__ */ import_react255.default.createElement(SignallingResult, { result: result == null ? void 0 : result.signallingReport }), /* @__PURE__ */ import_react255.default.createElement(MediaServerResult, { result: result == null ? void 0 : result.mediaServerReport }), /* @__PURE__ */ import_react255.default.createElement(AudioStats, { stats: (_b7 = (_a7 = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _a7.stats) == null ? void 0 : _b7.audio }), /* @__PURE__ */ import_react255.default.createElement(VideoStats, { stats: (_d = (_c = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _c.stats) == null ? void 0 : _d.video })), /* @__PURE__ */ import_react255.default.createElement(Footer3, { result, restart: startTest, error }));
       }
       if (progress !== void 0) {
-        return /* @__PURE__ */ import_react250.default.createElement(TestContainer, { css: { textAlign: "center" } }, /* @__PURE__ */ import_react250.default.createElement(Text, { css: { c: "$primary_bright", display: "flex", justifyContent: "center" } }, /* @__PURE__ */ import_react250.default.createElement(Loading, { size: "3.5rem", color: "currentColor" })), /* @__PURE__ */ import_react250.default.createElement(Text, { variant: "h6", css: { mt: "$8" } }, "Checking your connection..."), /* @__PURE__ */ import_react250.default.createElement(
+        return /* @__PURE__ */ import_react255.default.createElement(TestContainer, { css: { textAlign: "center" } }, /* @__PURE__ */ import_react255.default.createElement(Text, { css: { c: "$primary_bright", display: "flex", justifyContent: "center" } }, /* @__PURE__ */ import_react255.default.createElement(Loading, { size: "3.5rem", color: "currentColor" })), /* @__PURE__ */ import_react255.default.createElement(Text, { variant: "h6", css: { mt: "$8" } }, "Checking your connection..."), /* @__PURE__ */ import_react255.default.createElement(
           Text,
           {
             variant: "body2",
@@ -38603,7 +38780,7 @@ var init_ConnectivityTest = __esm({
       setRegion,
       startTest
     }) => {
-      return /* @__PURE__ */ import_react250.default.createElement(TestContainer, { css: { borderBottom: "1px solid $border_default" } }, /* @__PURE__ */ import_react250.default.createElement(Text, { variant: "body1" }, "Select a region"), /* @__PURE__ */ import_react250.default.createElement(Text, { variant: "body2", css: { c: "$on_secondary_low" } }, "Select the closest region for best results"), /* @__PURE__ */ import_react250.default.createElement(
+      return /* @__PURE__ */ import_react255.default.createElement(TestContainer, { css: { borderBottom: "1px solid $border_default" } }, /* @__PURE__ */ import_react255.default.createElement(Text, { variant: "body1" }, "Select a region"), /* @__PURE__ */ import_react255.default.createElement(Text, { variant: "body2", css: { c: "$on_secondary_low" } }, "Select the closest region for best results"), /* @__PURE__ */ import_react255.default.createElement(
         Flex,
         {
           justify: "between",
@@ -38615,7 +38792,7 @@ var init_ConnectivityTest = __esm({
             }
           }
         },
-        /* @__PURE__ */ import_react250.default.createElement(
+        /* @__PURE__ */ import_react255.default.createElement(
           Flex,
           {
             css: {
@@ -38625,7 +38802,7 @@ var init_ConnectivityTest = __esm({
               }
             }
           },
-          Object.entries(Regions).map(([key, value]) => /* @__PURE__ */ import_react250.default.createElement(
+          Object.entries(Regions).map(([key, value]) => /* @__PURE__ */ import_react255.default.createElement(
             Button,
             {
               key,
@@ -38637,15 +38814,15 @@ var init_ConnectivityTest = __esm({
             value
           ))
         ),
-        /* @__PURE__ */ import_react250.default.createElement(Flex, { css: { "@lg": { flexDirection: "column" } } }, /* @__PURE__ */ import_react250.default.createElement(Button, { variant: "primary", onClick: startTest, disabled: !startTest }, startTest ? "Start Test" : "Testing..."))
+        /* @__PURE__ */ import_react255.default.createElement(Flex, { css: { "@lg": { flexDirection: "column" } } }, /* @__PURE__ */ import_react255.default.createElement(Button, { variant: "primary", onClick: startTest, disabled: !startTest }, startTest ? "Start Test" : "Testing..."))
       ));
     };
     ConnectivityTest = () => {
       const { hmsDiagnostics, updateStep } = useDiagnostics();
-      const [region, setRegion] = (0, import_react250.useState)(Object.keys(Regions)[0]);
-      const [error, setError] = (0, import_react250.useState)();
-      const [progress, setProgress] = (0, import_react250.useState)();
-      const [result, setResult] = (0, import_react250.useState)();
+      const [region, setRegion] = (0, import_react255.useState)(Object.keys(Regions)[0]);
+      const [error, setError] = (0, import_react255.useState)();
+      const [progress, setProgress] = (0, import_react255.useState)();
+      const [result, setResult] = (0, import_react255.useState)();
       const startTest = () => {
         updateStep(3 /* CONNECTIVITY */, { hasFailed: false, isCompleted: false });
         setError(void 0);
@@ -38664,14 +38841,14 @@ var init_ConnectivityTest = __esm({
           setError(error2);
         });
       };
-      return /* @__PURE__ */ import_react250.default.createElement(import_react250.default.Fragment, null, /* @__PURE__ */ import_react250.default.createElement(
+      return /* @__PURE__ */ import_react255.default.createElement(import_react255.default.Fragment, null, /* @__PURE__ */ import_react255.default.createElement(
         RegionSelector,
         {
           region,
           setRegion,
-          startTest: progress === void 0 || progress === import_react_sdk131.ConnectivityState.COMPLETED ? startTest : void 0
+          startTest: progress === void 0 || progress === import_react_sdk136.ConnectivityState.COMPLETED ? startTest : void 0
         }
-      ), /* @__PURE__ */ import_react250.default.createElement(ConnectivityTestReport, { error, result, progress, startTest }));
+      ), /* @__PURE__ */ import_react255.default.createElement(ConnectivityTestReport, { error, result, progress, startTest }));
     };
     downloadJson = (obj, fileName) => {
       const a2 = document.createElement("a");
@@ -38686,13 +38863,13 @@ var init_ConnectivityTest = __esm({
 });
 
 // src/Diagnostics/VideoTest.tsx
-var import_react251, import_react_sdk132, import_react_icons115, VideoTest;
+var import_react256, import_react_sdk137, import_react_icons115, VideoTest;
 var init_VideoTest = __esm({
   "src/Diagnostics/VideoTest.tsx"() {
     "use strict";
     init_define_process_env();
-    import_react251 = __toESM(require("react"));
-    import_react_sdk132 = require("@100mslive/react-sdk");
+    import_react256 = __toESM(require("react"));
+    import_react_sdk137 = require("@100mslive/react-sdk");
     import_react_icons115 = require("@100mslive/react-icons");
     init_PermissionErrorModal();
     init_components();
@@ -38704,18 +38881,18 @@ var init_VideoTest = __esm({
     init_DiagnosticsContext();
     VideoTest = () => {
       const { hmsDiagnostics, updateStep } = useDiagnostics();
-      const allDevices = (0, import_react_sdk132.useHMSStore)(import_react_sdk132.selectDevices);
+      const allDevices = (0, import_react_sdk137.useHMSStore)(import_react_sdk137.selectDevices);
       const { videoInput } = allDevices;
-      const trackID = (0, import_react_sdk132.useHMSStore)(import_react_sdk132.selectLocalVideoTrackID);
-      const sdkSelectedDevices = (0, import_react_sdk132.useHMSStore)(import_react_sdk132.selectLocalMediaSettings);
-      const [error, setError] = (0, import_react251.useState)();
-      (0, import_react251.useEffect)(() => {
+      const trackID = (0, import_react_sdk137.useHMSStore)(import_react_sdk137.selectLocalVideoTrackID);
+      const sdkSelectedDevices = (0, import_react_sdk137.useHMSStore)(import_react_sdk137.selectLocalMediaSettings);
+      const [error, setError] = (0, import_react256.useState)();
+      (0, import_react256.useEffect)(() => {
         hmsDiagnostics == null ? void 0 : hmsDiagnostics.startCameraCheck().catch((err) => {
           updateStep(1 /* VIDEO */, { hasFailed: true });
           setError(err);
         });
       }, [hmsDiagnostics, updateStep]);
-      return /* @__PURE__ */ import_react251.default.createElement(import_react251.default.Fragment, null, /* @__PURE__ */ import_react251.default.createElement(TestContainer, { css: { display: "flex", "@lg": { flexDirection: "column", alignItems: "center" } } }, trackID && /* @__PURE__ */ import_react251.default.createElement(
+      return /* @__PURE__ */ import_react256.default.createElement(import_react256.default.Fragment, null, /* @__PURE__ */ import_react256.default.createElement(TestContainer, { css: { display: "flex", "@lg": { flexDirection: "column", alignItems: "center" } } }, trackID && /* @__PURE__ */ import_react256.default.createElement(
         StyledVideoTile.Container,
         {
           css: {
@@ -38725,32 +38902,32 @@ var init_VideoTest = __esm({
             "@lg": { mr: 0, mb: "$10", aspectRatio: "1/1" }
           }
         },
-        /* @__PURE__ */ import_react251.default.createElement(Video, { mirror: true, trackId: trackID })
-      ), /* @__PURE__ */ import_react251.default.createElement(Flex, { direction: "column", css: { w: "100%" } }, /* @__PURE__ */ import_react251.default.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__ */ import_react251.default.createElement(
+        /* @__PURE__ */ import_react256.default.createElement(Video, { mirror: true, trackId: trackID })
+      ), /* @__PURE__ */ import_react256.default.createElement(Flex, { direction: "column", css: { w: "100%" } }, /* @__PURE__ */ import_react256.default.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__ */ import_react256.default.createElement(
         DeviceSelector2,
         {
           title: "Video",
           devices: videoInput || [],
-          icon: /* @__PURE__ */ import_react251.default.createElement(import_react_icons115.VideoOnIcon, null),
+          icon: /* @__PURE__ */ import_react256.default.createElement(import_react_icons115.VideoOnIcon, 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__ */ import_react251.default.createElement(TestFooter, { error, ctaText: "Does your video look good?" }), /* @__PURE__ */ import_react251.default.createElement(PermissionErrorModal, { error }));
+      ))), /* @__PURE__ */ import_react256.default.createElement(TestFooter, { error, ctaText: "Does your video look good?" }), /* @__PURE__ */ import_react256.default.createElement(PermissionErrorModal, { error }));
     };
   }
 });
 
 // src/Diagnostics/Diagnostics.tsx
-var import_react252, import_react_sdk133, import_react_icons116, DiagnosticsStepIcon, Container5, DiagnosticsStepTest, DiagnosticsStepHeader, DiagnosticsStepContainer, DiagnosticsStepsList, DiagnosticsProvider, Diagnostics;
+var import_react257, import_react_sdk138, import_react_icons116, DiagnosticsStepIcon, Container5, DiagnosticsStepTest, DiagnosticsStepHeader, DiagnosticsStepContainer, DiagnosticsStepsList, DiagnosticsProvider, Diagnostics;
 var init_Diagnostics = __esm({
   "src/Diagnostics/Diagnostics.tsx"() {
     "use strict";
     init_define_process_env();
-    import_react252 = __toESM(require("react"));
-    import_react_sdk133 = require("@100mslive/react-sdk");
+    import_react257 = __toESM(require("react"));
+    import_react_sdk138 = require("@100mslive/react-sdk");
     import_react_icons116 = require("@100mslive/react-icons");
     init_Layout();
     init_Text2();
@@ -38761,12 +38938,12 @@ var init_Diagnostics = __esm({
     init_DiagnosticsContext();
     init_VideoTest();
     DiagnosticsStepIcon = {
-      [1 /* VIDEO */]: /* @__PURE__ */ import_react252.default.createElement(import_react_icons116.VideoOnIcon, { width: "2rem", height: "2rem" }),
-      [2 /* AUDIO */]: /* @__PURE__ */ import_react252.default.createElement(import_react_icons116.MicOnIcon, { width: "2rem", height: "2rem" }),
-      [0 /* BROWSER */]: /* @__PURE__ */ import_react252.default.createElement(import_react_icons116.GlobeIcon, { width: "2rem", height: "2rem" }),
-      [3 /* CONNECTIVITY */]: /* @__PURE__ */ import_react252.default.createElement(import_react_icons116.ConnectivityIcon, { width: "2rem", height: "2rem" })
+      [1 /* VIDEO */]: /* @__PURE__ */ import_react257.default.createElement(import_react_icons116.VideoOnIcon, { width: "2rem", height: "2rem" }),
+      [2 /* AUDIO */]: /* @__PURE__ */ import_react257.default.createElement(import_react_icons116.MicOnIcon, { width: "2rem", height: "2rem" }),
+      [0 /* BROWSER */]: /* @__PURE__ */ import_react257.default.createElement(import_react_icons116.GlobeIcon, { width: "2rem", height: "2rem" }),
+      [3 /* CONNECTIVITY */]: /* @__PURE__ */ import_react257.default.createElement(import_react_icons116.ConnectivityIcon, { width: "2rem", height: "2rem" })
     };
-    Container5 = ({ children }) => /* @__PURE__ */ import_react252.default.createElement(
+    Container5 = ({ children }) => /* @__PURE__ */ import_react257.default.createElement(
       Box,
       {
         css: {
@@ -38806,7 +38983,7 @@ var init_Diagnostics = __esm({
     );
     DiagnosticsStepTest = () => {
       const { activeStepIndex } = useDiagnostics();
-      let TestComponent = () => /* @__PURE__ */ import_react252.default.createElement(import_react252.default.Fragment, null);
+      let TestComponent = () => /* @__PURE__ */ import_react257.default.createElement(import_react257.default.Fragment, null);
       if (activeStepIndex === 2 /* AUDIO */) {
         TestComponent = AudioTest;
       } else if (activeStepIndex === 1 /* VIDEO */) {
@@ -38816,47 +38993,47 @@ var init_Diagnostics = __esm({
       } else if (activeStepIndex === 3 /* CONNECTIVITY */) {
         TestComponent = ConnectivityTest;
       }
-      return /* @__PURE__ */ import_react252.default.createElement(TestComponent, { key: activeStepIndex });
+      return /* @__PURE__ */ import_react257.default.createElement(TestComponent, { key: activeStepIndex });
     };
     DiagnosticsStepHeader = () => {
       const { activeStepIndex, activeStep } = useDiagnostics();
-      return /* @__PURE__ */ import_react252.default.createElement(Flex, { css: { py: "$8", px: "$10", alignItems: "center", borderBottom: "1px solid $border_default" } }, /* @__PURE__ */ import_react252.default.createElement(Text, { css: { c: "$primary_bright", mt: "$xs" } }, DiagnosticsStepIcon[activeStepIndex]), /* @__PURE__ */ import_react252.default.createElement(Text, { css: { fontSize: "$h6", ml: "$9" } }, activeStep.name));
+      return /* @__PURE__ */ import_react257.default.createElement(Flex, { css: { py: "$8", px: "$10", alignItems: "center", borderBottom: "1px solid $border_default" } }, /* @__PURE__ */ import_react257.default.createElement(Text, { css: { c: "$primary_bright", mt: "$xs" } }, DiagnosticsStepIcon[activeStepIndex]), /* @__PURE__ */ import_react257.default.createElement(Text, { css: { fontSize: "$h6", ml: "$9" } }, activeStep.name));
     };
     DiagnosticsStepContainer = () => {
-      return /* @__PURE__ */ import_react252.default.createElement(Box, { css: { border: "1px solid $border_default", r: "$1", w: "75%", maxWidth: "65rem", "@lg": { w: "100%" } } }, /* @__PURE__ */ import_react252.default.createElement(DiagnosticsStepHeader, null), /* @__PURE__ */ import_react252.default.createElement(DiagnosticsStepTest, null));
+      return /* @__PURE__ */ import_react257.default.createElement(Box, { css: { border: "1px solid $border_default", r: "$1", w: "75%", maxWidth: "65rem", "@lg": { w: "100%" } } }, /* @__PURE__ */ import_react257.default.createElement(DiagnosticsStepHeader, null), /* @__PURE__ */ import_react257.default.createElement(DiagnosticsStepTest, null));
     };
     DiagnosticsStepsList = () => {
       const { activeStepIndex, activeStep, steps } = useDiagnostics();
-      return /* @__PURE__ */ import_react252.default.createElement(Box, { css: { w: "25%", "@lg": { display: "none" } } }, Object.keys(DiagnosticsStep).filter((key) => !isNaN(Number(key))).map((key) => {
+      return /* @__PURE__ */ import_react257.default.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__ */ import_react252.default.createElement(Text, { css: { c: color, fontSize: "1.75rem" } }, "\u2022");
+        let icon = /* @__PURE__ */ import_react257.default.createElement(Text, { css: { c: color, fontSize: "1.75rem" } }, "\u2022");
         if (activeStepIndex === keyIndex) {
           color = "$on_primary_high";
-          icon = /* @__PURE__ */ import_react252.default.createElement(Text, { css: { c: color, fontSize: "1.75rem" } }, "\u2022");
+          icon = /* @__PURE__ */ import_react257.default.createElement(Text, { css: { c: color, fontSize: "1.75rem" } }, "\u2022");
         }
         if (isStepCompleted) {
           color = "$primary_bright";
-          icon = /* @__PURE__ */ import_react252.default.createElement(import_react_icons116.CheckCircleIcon, { width: "1rem", height: "1rem" });
+          icon = /* @__PURE__ */ import_react257.default.createElement(import_react_icons116.CheckCircleIcon, { width: "1rem", height: "1rem" });
         }
         if (step.hasFailed) {
           color = "$alert_error_default";
-          icon = /* @__PURE__ */ import_react252.default.createElement(import_react_icons116.CrossCircleIcon, { width: "1rem", height: "1rem" });
+          icon = /* @__PURE__ */ import_react257.default.createElement(import_react_icons116.CrossCircleIcon, { width: "1rem", height: "1rem" });
         }
-        return /* @__PURE__ */ import_react252.default.createElement(Flex, { key, css: { mb: "$10", c: color, gap: "$4", alignItems: "center" } }, icon, /* @__PURE__ */ import_react252.default.createElement(Text, { css: { c: color } }, step.name));
+        return /* @__PURE__ */ import_react257.default.createElement(Flex, { key, css: { mb: "$10", c: color, gap: "$4", alignItems: "center" } }, icon, /* @__PURE__ */ import_react257.default.createElement(Text, { css: { c: color } }, step.name));
       }));
     };
     DiagnosticsProvider = () => {
-      const actions = (0, import_react_sdk133.useHMSActions)();
-      const [activeStep, setActiveStep] = (0, import_react252.useState)(0);
-      const [steps, setSteps] = (0, import_react252.useState)(initialSteps);
-      const diagnosticsRef = (0, import_react252.useRef)(actions.initDiagnostics());
-      const updateStep = (0, import_react252.useCallback)((step, value) => {
+      const actions = (0, import_react_sdk138.useHMSActions)();
+      const [activeStep, setActiveStep] = (0, import_react257.useState)(0);
+      const [steps, setSteps] = (0, import_react257.useState)(initialSteps);
+      const diagnosticsRef = (0, import_react257.useRef)(actions.initDiagnostics());
+      const updateStep = (0, import_react257.useCallback)((step, value) => {
         setSteps((prevSteps) => __spreadProps(__spreadValues({}, prevSteps), { [step]: __spreadValues(__spreadValues({}, prevSteps[step]), value) }));
       }, []);
-      return /* @__PURE__ */ import_react252.default.createElement(
+      return /* @__PURE__ */ import_react257.default.createElement(
         DiagnosticsContext.Provider,
         {
           value: {
@@ -38867,11 +39044,11 @@ var init_Diagnostics = __esm({
             updateStep
           }
         },
-        /* @__PURE__ */ import_react252.default.createElement(Container5, null, /* @__PURE__ */ import_react252.default.createElement(Text, { variant: "h4" }, "Pre-call Test"), /* @__PURE__ */ import_react252.default.createElement(Text, { variant: "md", css: { c: "$on_primary_medium" } }, "Make sure your devices and network are good to go, let's get started."), /* @__PURE__ */ import_react252.default.createElement(Flex, { css: { direction: "column", mt: "$12", justifyItems: "center" } }, /* @__PURE__ */ import_react252.default.createElement(DiagnosticsStepsList, null), /* @__PURE__ */ import_react252.default.createElement(DiagnosticsStepContainer, null)))
+        /* @__PURE__ */ import_react257.default.createElement(Container5, null, /* @__PURE__ */ import_react257.default.createElement(Text, { variant: "h4" }, "Pre-call Test"), /* @__PURE__ */ import_react257.default.createElement(Text, { variant: "md", css: { c: "$on_primary_medium" } }, "Make sure your devices and network are good to go, let's get started."), /* @__PURE__ */ import_react257.default.createElement(Flex, { css: { direction: "column", mt: "$12", justifyItems: "center" } }, /* @__PURE__ */ import_react257.default.createElement(DiagnosticsStepsList, null), /* @__PURE__ */ import_react257.default.createElement(DiagnosticsStepContainer, null)))
       );
     };
     Diagnostics = () => {
-      return /* @__PURE__ */ import_react252.default.createElement(import_react_sdk133.HMSRoomProvider, null, /* @__PURE__ */ import_react252.default.createElement(HMSThemeProvider, { themeType: "default" }, /* @__PURE__ */ import_react252.default.createElement(DiagnosticsProvider, null)));
+      return /* @__PURE__ */ import_react257.default.createElement(import_react_sdk138.HMSRoomProvider, null, /* @__PURE__ */ import_react257.default.createElement(HMSThemeProvider, { themeType: "default" }, /* @__PURE__ */ import_react257.default.createElement(DiagnosticsProvider, null)));
     };
   }
 });