@100mslive/roomkit-react 0.3.17-alpha.10 → 0.3.17-alpha.11

package/dist/{chunk-GCTIXYTC.js → chunk-Y4ZC5NAS.js}

@@ -107,7 +107,7 @@ var __async = (__this, __arguments, generator) => {
 var define_process_env_default;
 var init_define_process_env = __esm({
   "<define:process.env>"() {
-    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_71c81273-4f05-4298-9b43-ec13c17b6cb8", 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.7-alpha.10", 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.17-alpha.10", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_71c81273-4f05-4298-9b43-ec13c17b6cb8", 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.17-alpha.10", 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.11", 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.9", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/27.0.12077973", 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: "596", 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.12/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240730.2.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.5/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:18879", 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.17-alpha.10", 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: "10244504077", 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: "881ef62a6dbcdead74b8923522bd497f4cbe865d", 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: "f112af03976b27a2eba9b43762837d7c81ac1b08c3dfe4a09633c675626244dc", 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--1722842910937-0.43551810795963686:/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--1722842910738-0.0818460086124595:/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--1722842884606-0.9667718585509777:/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--1722842884426-0.07824407766293295:/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_afa860ec-386e-45b6-b27f-8a6ccd2dcd5c", INVOCATION_ID: "15d0c9002d8744f5bfbe91f80fd39955", 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: "627", 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 261", 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.0.12077973", 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.17-alpha.10", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.17-alpha.10", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_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: "881ef62a6dbcdead74b8923522bd497f4cbe865d", 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_71c81273-4f05-4298-9b43-ec13c17b6cb8", 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_71c81273-4f05-4298-9b43-ec13c17b6cb8", 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.0.12077973", 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.181+6/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.0.12077973", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_71c81273-4f05-4298-9b43-ec13c17b6cb8" };
+    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_678376b7-39c7-4c79-a79d-d94706415f6b", 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.7-alpha.11", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.20.4 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.10.17-alpha.11", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_678376b7-39c7-4c79-a79d-d94706415f6b", 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.17-alpha.11", 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.11", 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.9", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/27.0.12077973", 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: "599", 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.12/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240730.2.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.5/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:19686", 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.17-alpha.11", 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: "10248733141", 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: "7d0349d2bb115d00c57dc2fcac070126c245bcb0", 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: "6a887f103db2917f2a496284081c00019394b9074cd08dfe5e31ec367b0b185f", 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--1722860719486-0.9552513369331563:/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--1722860719288-0.2156573562815316:/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--1722860693619-0.142751730822414:/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--1722860693439-0.6275329753081282:/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_84f2a973-fe9d-452c-86c0-d648ca3cba92", INVOCATION_ID: "eddff20419a44923af6102264daf5923", 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: "628", 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 50", 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.0.12077973", 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.17-alpha.11", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.17-alpha.11", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_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: "7d0349d2bb115d00c57dc2fcac070126c245bcb0", 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_678376b7-39c7-4c79-a79d-d94706415f6b", 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_678376b7-39c7-4c79-a79d-d94706415f6b", 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.0.12077973", 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.181+6/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.0.12077973", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_678376b7-39c7-4c79-a79d-d94706415f6b" };
   }
 });
 
@@ -12911,7 +12911,7 @@ var Collapsible = {
 
 // src/Prebuilt/App.tsx
 init_define_process_env();
-import React185, { useEffect as useEffect77, useRef as useRef31 } from "react";
+import React184, { useEffect as useEffect77, useRef as useRef32 } from "react";
 import { match as match16 } from "ts-pattern";
 import {
   HMSReactiveStore,
@@ -21169,14 +21169,14 @@ var mr = (a2, e) => {
 };
 var Xa = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
 var vr = Xa((Ac, no) => {
-  no.exports = { version: "0.12.17-alpha.10", 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"] };
+  no.exports = { version: "0.12.17-alpha.11", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "src"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, sideEffects: false, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", "lodash.isequal": "^4.5.0", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/lodash.isequal": "^4.5.8", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
 });
 var Sr = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(Sr || {});
 var Za = ((e) => (e.CHAT = "chat", e))(Za || {});
 var os = ((t) => (t.INFO = "info", t.ERROR = "error", t))(os || {});
-var gr = ((w) => (w.PEER_JOINED = "PEER_JOINED", w.PEER_LEFT = "PEER_LEFT", w.PEER_LIST = "PEER_LIST", w.NEW_MESSAGE = "NEW_MESSAGE", w.ERROR = "ERROR", w.RECONNECTING = "RECONNECTING", w.RECONNECTED = "RECONNECTED", w.TRACK_ADDED = "TRACK_ADDED", w.TRACK_REMOVED = "TRACK_REMOVED", w.TRACK_MUTED = "TRACK_MUTED", w.TRACK_UNMUTED = "TRACK_UNMUTED", w.TRACK_DEGRADED = "TRACK_DEGRADED", w.TRACK_RESTORED = "TRACK_RESTORED", w.TRACK_DESCRIPTION_CHANGED = "TRACK_DESCRIPTION_CHANGED", w.ROLE_UPDATED = "ROLE_UPDATED", w.CHANGE_TRACK_STATE_REQUEST = "CHANGE_TRACK_STATE_REQUEST", w.CHANGE_MULTI_TRACK_STATE_REQUEST = "CHANGE_MULTI_TRACK_STATE_REQUEST", w.ROOM_ENDED = "ROOM_ENDED", w.REMOVED_FROM_ROOM = "REMOVED_FROM_ROOM", w.DEVICE_CHANGE_UPDATE = "DEVICE_CHANGE_UPDATE", w.PLAYLIST_TRACK_ENDED = "PLAYLIST_TRACK_ENDED", w.NAME_UPDATED = "NAME_UPDATED", w.METADATA_UPDATED = "METADATA_UPDATED", w.POLL_CREATED = "POLL_CREATED", w.POLL_STARTED = "POLL_STARTED", w.POLL_STOPPED = "POLL_STOPPED", w.POLL_VOTES_UPDATED = "POLL_VOTES_UPDATED", w.POLLS_LIST = "POLLS_LIST", w.HAND_RAISE_CHANGED = "HAND_RAISE_CHANGED", w.TRANSCRIPTION_STATE_UPDATED = "TRANSCRIPTION_STATE_UPDATED", w))(gr || {});
+var gr = ((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))(gr || {});
 var ns = ((t) => (t.audio = "audio", t.video = "video", t))(ns || {});
-function Ue(a2, e) {
+function Be(a2, e) {
   let t, i;
   if (e)
     for (let r of e.auxiliaryTracks) {
@@ -21279,15 +21279,15 @@ var l = class {
   }
 };
 l.level = to ? 7 : 0;
-var Te = new import_ua_parser_js.UAParser();
+var fe = new import_ua_parser_js.UAParser();
 var U = typeof window != "undefined";
 var us;
-var Be = typeof window == "undefined" && !((us = Te.getBrowser().name) != null && us.toLowerCase().includes("electron"));
-var ro = () => !Be;
+var Ve = typeof window == "undefined" && !((us = fe.getBrowser().name) != null && us.toLowerCase().includes("electron"));
+var ro = () => !Ve;
 var ic = ro();
 var ps;
 var hs;
-var gs = ((hs = (ps = Te.getBrowser()) == null ? void 0 : ps.name) == null ? void 0 : hs.toLowerCase()) === "firefox";
+var gs = ((hs = (ps = fe.getBrowser()) == null ? void 0 : ps.name) == null ? void 0 : hs.toLowerCase()) === "firefox";
 var Ts = ((i) => (i.CUSTOM = "CUSTOM", i.LOCAL = "LOCAL", i.HMS = "HMS", i))(Ts || {});
 function so() {
   if (U && window) {
@@ -21467,7 +21467,7 @@ var fs = () => {
     l.e("Error initialising localStorage", S.GenericErrors.LocalStorageAccessDenied());
   }
 };
-var ue = class {
+var pe = class {
   constructor(e) {
     this.key = e;
     this.storage = null;
@@ -21495,7 +21495,7 @@ var ue = class {
   }
 };
 var vs = () => {
-  let a2, e = new ue("hms-analytics-deviceId"), t = e.get();
+  let a2, e = new pe("hms-analytics-deviceId"), t = e.get();
   return t ? a2 = t : (a2 = oo(), e.set(a2)), a2;
 };
 function ne(a2) {
@@ -21504,9 +21504,9 @@ function ne(a2) {
 var ys = vr().version;
 function Tt(a2 = "prod", e) {
   let t = "web", i = ze !== "LOCAL" && a2 === "prod" ? "prod" : "debug";
-  if (Be)
+  if (Ve)
     return ks({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version: ys, env: i, domain: ze, is_prebuilt: !!(e != null && e.isPrebuilt), framework: "node", framework_version: process.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
-  let r = Te.getOS(), s = Te.getDevice(), o = Te.getBrowser(), n = Mr(`web_${r.name}`), d = r.version || "", u = Mr(`${o.name}_${o.version}`), p = u;
+  let r = fe.getOS(), s = fe.getDevice(), o = fe.getBrowser(), n = Mr(`web_${r.name}`), d = r.version || "", u = Mr(`${o.name}_${o.version}`), p = u;
   return s.type && (p = `${Mr(`${s.vendor}_${s.type}`)}/${u}`), ks({ os: n, os_version: d, sdk: t, sdk_version: ys, device_model: p, env: i, domain: ze, 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 Mr(a2) {
@@ -21624,7 +21624,7 @@ var y = class {
 y.KEY_REQUESTED_AT = "requested_at", y.KEY_RESPONDED_AT = "responded_at";
 var yr = class {
   constructor() {
-    this.storage = new ue("hms-device-selection");
+    this.storage = new pe("hms-device-selection");
     this.remember = false;
     this.TAG = "[HMSDeviceStorage]";
   }
@@ -21751,23 +21751,23 @@ var Qs = (a2) => a2.messages.allIDs;
 var N = (a2) => a2.tracks;
 var Vr = (a2) => a2.appData;
 var Co = (a2) => a2.speakers;
-var Ne = createSelector([B], (a2) => a2 && a2.isConnected);
-var Qh = createSelector([Ne, B], (a2, e) => a2 ? e.peerCount !== void 0 ? e.peerCount || 1 : e.peers.length : Math.max(e.peerCount !== void 0 ? e.peerCount : e.peers.length - 1, 0));
+var Oe = createSelector([B], (a2) => a2 && a2.isConnected);
+var Qh = createSelector([Oe, B], (a2, e) => a2 ? e.peerCount !== void 0 ? e.peerCount || 1 : e.peers.length : Math.max(e.peerCount !== void 0 ? e.peerCount : e.peers.length - 1, 0));
 var Lo = (a2) => a2.hideLocalPeer;
-var Se = createSelector([B, K, Lo], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
-var Do = createSelector(N, (a2) => Object.values(a2));
+var ge = createSelector([B, K, Lo], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
+var wo = createSelector(N, (a2) => Object.values(a2));
 var ie = createSelector(B, K, (a2, e) => e[a2.localPeer]);
-var ke = createSelector(B, (a2) => a2.localPeer);
+var Pe = createSelector(B, (a2) => a2.localPeer);
 var zh = createSelector(ie, (a2) => a2 == null ? void 0 : a2.name);
 var Yh = createSelector(ie, (a2) => a2 == null ? void 0 : a2.roleName);
 var oe = createSelector(ie, (a2) => a2 == null ? void 0 : a2.audioTrack);
 var z = createSelector(ie, (a2) => a2 == null ? void 0 : a2.videoTrack);
-var wo = createSelector(ie, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
-var Ys = createSelector([oe, z, wo], (a2, e, t) => {
+var Do = createSelector(ie, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
+var Ys = createSelector([oe, z, Do], (a2, e, t) => {
   let i = t ? [...t] : [];
   return a2 && i.unshift(a2), e && i.unshift(e), i;
 });
-var Xh = createSelector(Se, (a2) => a2.filter((e) => !e.isLocal));
+var Xh = createSelector(ge, (a2) => a2.filter((e) => !e.isLocal));
 var Zh = createSelector(K, Co, (a2, e) => {
   let t = Object.entries(e).sort((i, r) => {
     var n, d;
@@ -21782,13 +21782,13 @@ var Zh = createSelector(K, Co, (a2, e) => {
   return null;
 });
 var Gr = createSelector(ie, N, (a2, e) => {
-  let { video: t, audio: i } = Ue(e, a2);
+  let { video: t, audio: i } = Be(e, a2);
   return !!(t || i);
 });
 var _o = createSelector(K, N, (a2, e) => {
   let t;
   for (let i in a2) {
-    let r = a2[i], { video: s, audio: o } = Ue(e, r);
+    let r = a2[i], { video: s, audio: o } = Be(e, r);
     if (s)
       return r;
     o && !t && (t = r);
@@ -21798,7 +21798,7 @@ var _o = createSelector(K, N, (a2, e) => {
 var tm = createSelector(_o, (a2) => !!a2);
 var im = createSelector(K, N, (a2, e) => {
   for (let t in a2) {
-    let i = a2[t], { audio: r, video: s } = Ue(e, i);
+    let i = a2[t], { audio: r, video: s } = Be(e, i);
     if (!s && r)
       return i;
   }
@@ -21806,7 +21806,7 @@ var im = createSelector(K, N, (a2, e) => {
 var rm = createSelector(K, N, (a2, e) => {
   let t = [], i = [];
   for (let r in a2) {
-    let s = a2[r], { video: o, audio: n } = Ue(e, s);
+    let s = a2[r], { video: o, audio: n } = Be(e, s);
     o ? t.push(s) : n && i.push(s);
   }
   return t.concat(i);
@@ -21825,7 +21825,7 @@ var am = createSelector(K, N, (a2, e) => {
       return a2[i.peerId];
   }
 });
-var om = createSelector(Do, (a2) => a2.filter(cs));
+var om = createSelector(wo, (a2) => a2.filter(cs));
 var nm = createSelector(Qs, (a2) => a2.length);
 var cm = createSelector(Ti, (a2) => Object.values(a2).filter((e) => !e.read).length);
 var Rt = createSelector(Qs, Ti, (a2, e) => {
@@ -21843,14 +21843,14 @@ var re = createSelector([B], (a2) => a2 && a2.roomState);
 var Zs = createSelector(re, (a2) => a2 === "Preview");
 var lm = createSelector(B, (a2) => a2.roomState !== "Disconnected");
 var um = createSelector(B, (a2) => !a2.transcriptions || a2.transcriptions.length <= 0 ? false : a2.transcriptions.some((e) => e.mode === "caption" && e.state === "started"));
-var ge = (a2) => a2.roles;
-var pm = createSelector([ge], (a2) => Object.keys(a2));
-var at = createSelector([ie, ge], (a2, e) => a2 != null && a2.roleName ? e[a2.roleName] : null);
+var Te = (a2) => a2.roles;
+var pm = createSelector([Te], (a2) => Object.keys(a2));
+var at = createSelector([ie, Te], (a2, e) => a2 != null && a2.roleName ? e[a2.roleName] : null);
 var Oo = (a2) => {
   var e;
   return (e = a2.preview) == null ? void 0 : e.asRole;
 };
-var ea = createSelector([Oo, ge], (a2, e) => a2 ? e[a2] : null);
+var ea = createSelector([Oo, Te], (a2, e) => a2 ? e[a2] : null);
 var hm = createSelector([at], (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribeParams) != null && e.subscribeToRoles ? a2.subscribeParams.subscribeToRoles.length > 0 : false;
@@ -21864,11 +21864,12 @@ var fm = createSelector(B, (a2) => a2.sessionId);
 var vm = createSelector(B, (a2) => a2.startedAt);
 var Mm = createSelector(B, (a2) => !!a2.isLargeRoom);
 var ym = createSelector(B, (a2) => !!a2.isEffectsEnabled);
-var km = createSelector(B, (a2) => a2.effectsKey);
+var km = createSelector(B, (a2) => !!a2.isVBEnabled);
+var Pm = createSelector(B, (a2) => a2.effectsKey);
 var ia = (a2) => a2.polls;
-var Im = createSelector(Se, (a2) => a2.filter((e) => e.isHandRaised));
+var Rm = createSelector(ge, (a2) => a2.filter((e) => e.isHandRaised));
 var xo = (a2) => a2.whiteboards;
-var Rm = createSelector(xo, (a2) => Object.values(a2)[0]);
+var Am = createSelector(xo, (a2) => Object.values(a2)[0]);
 var sa = (a2 = "audio") => (e) => e.playlist[a2].list;
 var Wr = (a2 = "audio") => (e) => e.playlist[a2].selection;
 var aa = (a2 = "audio") => (e) => e.playlist[a2].progress;
@@ -21985,23 +21986,23 @@ var Wo = createSelector([N, Ht], (a2, e) => {
 });
 var $o = createSelector([ia, Bo], (a2, e) => e ? a2[e] : null);
 var Y = A(q);
-var Um = A(createSelector([Vr, Uo], (a2, e) => {
+var Bm = A(createSelector([Vr, Uo], (a2, e) => {
   if (a2)
     return e ? a2[e] : a2;
 }));
-function Bm(a2) {
+function Vm(a2) {
   return (e) => {
     if (e.sessionStore)
       return a2 ? e.sessionStore[a2] : e.sessionStore;
   };
 }
-var Fm = A(createSelector(q, (a2) => a2 == null ? void 0 : a2.name));
-var Gm = A(createSelector(q, (a2) => a2 == null ? void 0 : a2.type));
+var Gm = A(createSelector(q, (a2) => a2 == null ? void 0 : a2.name));
+var Wm = A(createSelector(q, (a2) => a2 == null ? void 0 : a2.type));
 var fi = A(Kr);
 var ma = A(Vo);
-var Wm = A(Fo);
-var $m = A(Go);
-var Km = A(Wo);
+var $m = A(Fo);
+var Km = A(Go);
+var qm = A(Wo);
 var Ko = A((a2, e) => {
   let t = q(a2, e);
   if (t && t.videoTrack && t.videoTrack !== "")
@@ -22012,56 +22013,56 @@ var qo = A((a2, e) => {
   if (t && t.audioTrack && t.audioTrack !== "")
     return a2.tracks[t.audioTrack];
 });
-var jm = A((a2, e) => {
+var Jm = A((a2, e) => {
   let t = q(a2, e);
   return (t == null ? void 0 : t.auxiliaryTracks.map((i) => a2.tracks[i])) || [];
 });
 var Sa = (a2, e) => e ? a2.speakers[e] : null;
-var Jm = A(createSelector(Sa, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+var Qm = A(createSelector(Sa, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
 var jo = (a2, e) => {
   let t = qo(e)(a2);
   return Sa(a2, t == null ? void 0 : t.id);
 };
-var Qm = A(createSelector(jo, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
-var zm = A((a2, e) => {
+var zm = A(createSelector(jo, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+var Ym = A((a2, e) => {
   if (e)
     return a2.connectionQualities[e];
 });
-var Ym = A((a2, e) => {
+var Xm = A((a2, e) => {
   let t = q(a2, e);
   if (t) {
     let i = t == null ? void 0 : t.auxiliaryTracks.find((r) => ut(a2.tracks[r]));
     return i ? a2.tracks[i] : void 0;
   }
 });
-var Xm = A(createSelector(N, q, (a2, e) => {
+var Zm = A(createSelector(N, q, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
     return ht(r) && pt(r);
   });
   return t ? a2[t] : void 0;
 }));
-var Zm = A(createSelector(N, q, (a2, e) => {
+var eS = A(createSelector(N, q, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
     return ht(r) && ut(r);
   });
   return t ? a2[t] : void 0;
 }));
-var eS = A(createSelector(N, q, (a2, e) => {
+var tS = A(createSelector(N, q, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
     return ii(r) && ut(r);
   });
   return t ? a2[t] : void 0;
 }));
-var ga = A(createSelector(N, q, (a2, e) => Ue(a2, e)));
+var ga = A(createSelector(N, q, (a2, e) => Be(a2, e)));
 var Ta = (a2) => createSelector(ga(a2), (e) => e.audio);
-var iS = A((a2, e) => {
+var rS = A((a2, e) => {
   let t = q(a2, e);
   return Je(a2, t == null ? void 0 : t.audioTrack);
 });
-var rS = A((a2, e) => {
+var sS = A((a2, e) => {
   let t = q(a2, e);
   return Je(a2, t == null ? void 0 : t.videoTrack);
 });
@@ -22069,11 +22070,11 @@ var fa = A((a2, e) => {
   if (e && a2.tracks[e])
     return a2.tracks[e].volume === 0;
 });
-var sS = A((a2, e) => {
+var aS = A((a2, e) => {
   let t = q(a2, e);
   return fa(t == null ? void 0 : t.audioTrack)(a2);
 });
-var aS = A((a2, e) => {
+var oS = A((a2, e) => {
   let t = Ta(e)(a2);
   return fa(t == null ? void 0 : t.id)(a2);
 });
@@ -22087,15 +22088,15 @@ var va = A((a2, e) => {
     return t.volume;
   }
 });
-var oS = A((a2, e) => {
+var nS = A((a2, e) => {
   let t = q(a2, e);
   return va(t == null ? void 0 : t.audioTrack)(a2);
 });
-var nS = A((a2, e) => {
+var cS = A((a2, e) => {
   let t = Ta(e)(a2);
   return va(t == null ? void 0 : t.id)(a2);
 });
-var cS = A((a2, e) => {
+var dS = A((a2, e) => {
   let t = Kr(a2, e);
   if (t) {
     if (t.type !== "video") {
@@ -22105,7 +22106,7 @@ var cS = A((a2, e) => {
     return t.layer;
   }
 });
-var Ma = createSelector([Rt, ke, $r], (a2, e, t) => {
+var Ma = createSelector([Rt, Pe, $r], (a2, e, t) => {
   if (t)
     return a2.filter((i) => {
       var r;
@@ -22125,20 +22126,20 @@ var Jo = createSelector(Rt, (a2) => a2.filter((e) => {
 }));
 var Qo = createSelector([ya, ha], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
 var zo = createSelector([Ma, $r], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-var dS = createSelector(Jo, (a2) => a2.filter((e) => !e.read).length);
-var lS = A(Ma);
-var uS = A(ya);
-var pS = A(Qo);
-var hS = A(zo);
+var lS = createSelector(Jo, (a2) => a2.filter((e) => !e.read).length);
+var uS = A(Ma);
+var pS = A(ya);
+var hS = A(Qo);
+var mS = A(zo);
 var ka = A($o);
-var bS = createSelector([K, N], (a2, e) => Object.values(a2).map((i) => {
+var IS = createSelector([K, N], (a2, e) => Object.values(a2).map((i) => {
   var r;
   return { peer: i, isAudioEnabled: i.audioTrack ? (r = e[i.audioTrack]) == null ? void 0 : r.enabled : false };
 }));
 var Yo = (a2) => a2.roleChangeRequests[0] || null;
-var IS = createSelector([Yo, K, ge], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
-var RS = createSelector([at], (a2) => mt(a2));
-var AS = createSelector([ea], (a2) => mt(a2));
+var RS = createSelector([Yo, K, Te], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
+var AS = createSelector([at], (a2) => mt(a2));
+var HS = createSelector([ea], (a2) => mt(a2));
 var Zo = createSelector([z, N], (a2, e) => {
   let t = null;
   return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
@@ -22151,7 +22152,7 @@ var sn = ((n) => (n[n.STARTING = 0] = "STARTING", n[n.INIT_FETCHED = 1] = "INIT_
 var zr = class {
   constructor() {
     this.TAG = "[HTTPAnalyticsTransport]";
-    this.failedEvents = new ue("client-events");
+    this.failedEvents = new pe("client-events");
     this.isConnected = true;
     this.env = null;
     this.websocketURL = "";
@@ -22193,7 +22194,7 @@ var zr = class {
     i > -1 && (t.splice(i, 1), this.failedEvents.set(t));
   }
 };
-var Ee = new zr();
+var be = new zr();
 var j = ((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))(j || {});
 var tr = ((n) => (n.Disconnected = "Disconnected", n.Connecting = "Connecting", n.Joined = "Joined", n.Preview = "Preview", n.Failed = "Failed", n.Reconnecting = "Reconnecting", n.Leaving = "Leaving", n))(tr || {});
 var lr = ((t) => (t[t.Publish = 0] = "Publish", t[t.Subscribe = 1] = "Subscribe", t))(lr || {});
@@ -22205,36 +22206,36 @@ var Ka = (a2, e) => e;
 var Rn = (a2) => a2.remoteTrackStats;
 var qa = (a2) => a2.peerStats;
 var ts = (a2) => a2.localTrackStats;
-var Ie = createSelector([qa, Pn], (a2, e) => a2[e]);
-var An = createSelector(Ie, (a2) => {
+var Re = createSelector([qa, Pn], (a2, e) => a2[e]);
+var An = createSelector(Re, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.packetsLost;
 });
-var Hn = createSelector(Ie, (a2) => {
+var Hn = createSelector(Re, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.jitter;
 });
-var Cn = createSelector(Ie, (a2) => {
+var Cn = createSelector(Re, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bitrate;
 });
-var Ln = createSelector(Ie, (a2) => {
+var Ln = createSelector(Re, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bitrate;
 });
-var Dn = createSelector(Ie, (a2) => {
+var wn = createSelector(Re, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.availableOutgoingBitrate;
 });
-var wn = createSelector(Ie, (a2) => {
+var Dn = createSelector(Re, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.availableIncomingBitrate;
 });
-var _n = createSelector(Ie, (a2) => {
+var _n = createSelector(Re, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bytesSent;
 });
-var Nn = createSelector(Ie, (a2) => {
+var Nn = createSelector(Re, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bytesReceived;
 });
@@ -22730,7 +22731,7 @@ init_define_process_env();
 import { useEffect as useEffect21, useState as useState31 } from "react";
 import { HMSNotificationTypes, useHMSNotifications, useHMSStore as useHMSStore33 } from "@100mslive/react-sdk";
 var useUnreadPollQuizPresent = () => {
-  const localPeerID = useHMSStore33(ke);
+  const localPeerID = useHMSStore33(Pe);
   const notification = useHMSNotifications(HMSNotificationTypes.POLL_STARTED);
   const [unreadPollQuiz, setUnreadPollQuiz] = useState31(false);
   useEffect21(() => {
@@ -23537,15 +23538,22 @@ var ScreenshareToggle = ({ css: css2 = {} }) => {
 // src/Prebuilt/components/VirtualBackground/VBToggle.tsx
 init_define_process_env();
 import React77 from "react";
-import { selectAppData as selectAppData5, selectIsEffectsEnabled, selectIsLocalVideoEnabled as selectIsLocalVideoEnabled5, useHMSStore as useHMSStore36 } from "@100mslive/react-sdk";
+import {
+  selectAppData as selectAppData5,
+  selectIsEffectsEnabled,
+  selectIsLocalVideoEnabled as selectIsLocalVideoEnabled5,
+  selectIsVBEnabled,
+  useHMSStore as useHMSStore36
+} from "@100mslive/react-sdk";
 import { VirtualBackgroundIcon as VirtualBackgroundIcon2 } from "@100mslive/react-icons";
 var VBToggle = () => {
   const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
   const isVBOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.VB);
   const isVideoOn = useHMSStore36(selectIsLocalVideoEnabled5);
+  const isVBEnabled = useHMSStore36(selectIsVBEnabled);
   const isEffectsEnabled = useHMSStore36(selectIsEffectsEnabled);
   const loadingEffects = useHMSStore36(selectAppData5(APP_DATA.loadingEffects));
-  if (!isVideoOn || !isEffectsEnabled && isSafari) {
+  if (!isVideoOn || !isEffectsEnabled && isSafari || !isVBEnabled) {
     return null;
   }
   return /* @__PURE__ */ React77.createElement(Tooltip, { side: "top", disabled: isVBOpen, title: "Configure Virtual Background" }, /* @__PURE__ */ React77.createElement(IconButton_default, { active: !isVBOpen, onClick: toggleVB, "data-testid": "virtual_bg_btn" }, loadingEffects ? /* @__PURE__ */ React77.createElement(Loading, { size: 18 }) : /* @__PURE__ */ React77.createElement(VirtualBackgroundIcon2, null)));
@@ -24704,6 +24712,7 @@ import {
   HMSRoomState as HMSRoomState5,
   selectAppData as selectAppData9,
   selectIsLocalVideoEnabled as selectIsLocalVideoEnabled7,
+  selectIsVBEnabled as selectIsVBEnabled2,
   selectLocalPeer as selectLocalPeer9,
   selectRoomState as selectRoomState5,
   selectVideoTrackByID as selectVideoTrackByID5,
@@ -27246,7 +27255,7 @@ var Chat = () => {
   const listRef = useRef24(null);
   const hmsActions = useHMSActions41();
   const vanillaStore = useHMSVanillaStore11();
-  const { enabled: isChatEnabled = true } = useHMSStore62(Bm("chatState" /* CHAT_STATE */)) || {};
+  const { enabled: isChatEnabled = true } = useHMSStore62(Vm("chatState" /* CHAT_STATE */)) || {};
   const isMobile = useMedia20(config.media.md);
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeStream = useLandscapeHLSStream();
@@ -28439,11 +28448,11 @@ var VBPicker = ({ backgroundMedia = [] }) => {
   const roomState = useHMSStore70(selectRoomState4);
   const isLargeRoom = useHMSStore70(selectIsLargeRoom3);
   const isEffectsEnabled = useHMSStore70(ym);
-  const effectsKey = useHMSStore70(km);
+  const effectsKey = useHMSStore70(Pm);
   const isMobile = useMedia24(config.media.md);
   const [loadingEffects, setLoadingEffects] = useSetAppDataByKey(APP_DATA.loadingEffects);
   const isPluginAdded = useHMSStore70(selectIsLocalVideoPluginPresent(((_a7 = VBHandler) == null ? void 0 : _a7.getName()) || ""));
-  const background = useHMSStore70(Um(APP_DATA.background));
+  const background = useHMSStore70(Bm(APP_DATA.background));
   const mediaList = backgroundMedia.map((media) => media.url || "");
   const inPreview = roomState === HMSRoomState4.Preview;
   const showVideoTile = isVideoOn && isLargeRoom && !inPreview;
@@ -28451,20 +28460,21 @@ var VBPicker = ({ backgroundMedia = [] }) => {
     if (!(track == null ? void 0 : track.id)) {
       return;
     }
-    if (!isPluginAdded) {
+    const vbObject = VBHandler.getVBObject();
+    if (!isPluginAdded && !vbObject) {
       setLoadingEffects(true);
-      let vbObject = VBHandler.getVBObject();
-      if (!vbObject) {
+      let vbObject2 = VBHandler.getVBObject();
+      if (!vbObject2) {
         VBHandler.initialisePlugin(isEffectsEnabled && effectsKey ? effectsKey : "", () => setLoadingEffects(false));
-        vbObject = VBHandler.getVBObject();
+        vbObject2 = VBHandler.getVBObject();
         if (isEffectsEnabled && effectsKey) {
-          hmsActions.addPluginsToVideoStream([vbObject]);
+          hmsActions.addPluginsToVideoStream([vbObject2]);
         } else {
           setLoadingEffects(false);
           if (!role) {
             return;
           }
-          hmsActions.addPluginToVideoTrack(vbObject, Math.floor(role.publishParams.video.frameRate / 2));
+          hmsActions.addPluginToVideoTrack(vbObject2, Math.floor(role.publishParams.video.frameRate / 2));
         }
       }
       const handleDefaultBackground = () => __async(void 0, null, function* () {
@@ -29039,6 +29049,7 @@ var PreviewTile = ({ name, error }) => {
 };
 var PreviewControls = ({ hideSettings, vbEnabled }) => {
   const isMobile = useMedia27(config.media.md);
+  const isVBEnabledForUser = useHMSStore72(selectIsVBEnabled2);
   return /* @__PURE__ */ React136.createElement(
     Flex,
     {
@@ -29048,7 +29059,7 @@ var PreviewControls = ({ hideSettings, vbEnabled }) => {
         mt: "$6"
       }
     },
-    /* @__PURE__ */ React136.createElement(Flex, { css: { gap: "$4" } }, /* @__PURE__ */ React136.createElement(AudioVideoToggle, null), vbEnabled ? /* @__PURE__ */ React136.createElement(VBToggle, null) : null),
+    /* @__PURE__ */ React136.createElement(Flex, { css: { gap: "$4" } }, /* @__PURE__ */ React136.createElement(AudioVideoToggle, null), vbEnabled && isVBEnabledForUser ? /* @__PURE__ */ React136.createElement(VBToggle, null) : null),
     /* @__PURE__ */ React136.createElement(Flex, { align: "center", gap: "1" }, isMobile && /* @__PURE__ */ React136.createElement(NoiseCancellation, { iconOnly: true }), !hideSettings ? /* @__PURE__ */ React136.createElement(PreviewSettings, null) : null)
   );
 };
@@ -30812,7 +30823,7 @@ var useCloseScreenshareWhiteboard = () => {
 };
 
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
-var HLSView = React157.lazy(() => import("./HLSView-NMG7P72A.js"));
+var HLSView = React157.lazy(() => import("./HLSView-42EL65Z3.js"));
 var VideoStreamingSection = ({
   screenType,
   elements,
@@ -31757,7 +31768,7 @@ init_define_process_env();
 
 // src/Prebuilt/components/Notifications/Notifications.tsx
 init_define_process_env();
-import React176, { useCallback as useCallback37, useEffect as useEffect73 } from "react";
+import React175, { useCallback as useCallback37, useEffect as useEffect73 } from "react";
 import {
   HMSNotificationTypes as HMSNotificationTypes11,
   HMSRoomState as HMSRoomState10,
@@ -32001,9 +32012,9 @@ var ToastConfig = {
     }
   },
   RECONNECTED: {
-    single: () => {
+    single: (online) => {
       return {
-        title: `You are now connected`,
+        title: `You are now ${online ? "online" : "connected"}`,
         icon: /* @__PURE__ */ React169.createElement(ConnectivityIcon, null),
         variant: "success",
         duration: 3e3
@@ -32278,7 +32289,7 @@ var PermissionErrorModal = ({ error }) => {
 
 // src/Prebuilt/components/Notifications/ReconnectNotifications.tsx
 init_define_process_env();
-import React172, { useEffect as useEffect68, useState as useState73 } from "react";
+import { useEffect as useEffect68, useRef as useRef30 } from "react";
 import { HMSNotificationTypes as HMSNotificationTypes6, useHMSNotifications as useHMSNotifications6 } from "@100mslive/react-sdk";
 var notificationTypes2 = [
   HMSNotificationTypes6.RECONNECTED,
@@ -32288,47 +32299,31 @@ var notificationTypes2 = [
 var notificationId = null;
 var ReconnectNotifications = () => {
   const notification = useHMSNotifications6(notificationTypes2);
-  const [open, setOpen] = useState73(false);
+  const prevErrorCode = useRef30(0);
   useEffect68(() => {
     var _a7, _b7;
     if (!notification) {
       return;
     }
-    if (notification.type === HMSNotificationTypes6.ERROR && ((_a7 = notification.data) == null ? void 0 : _a7.isTerminal)) {
-      setOpen(false);
-    } else if (notification.type === HMSNotificationTypes6.RECONNECTED) {
-      notificationId = ToastManager.replaceToast(notificationId, ToastConfig.RECONNECTED.single());
-      setOpen(false);
+    if (notification.type === HMSNotificationTypes6.RECONNECTED) {
+      notificationId = ToastManager.replaceToast(
+        notificationId,
+        ToastConfig.RECONNECTED.single([4005, 4006].includes(prevErrorCode.current))
+      );
     } else if (notification.type === HMSNotificationTypes6.RECONNECTING) {
+      prevErrorCode.current = ((_a7 = notification.data) == null ? void 0 : _a7.code) || 0;
       notificationId = ToastManager.replaceToast(
         notificationId,
         ToastConfig.RECONNECTING.single((_b7 = notification.data) == null ? void 0 : _b7.message)
       );
     }
   }, [notification]);
-  if (!open)
-    return null;
-  return /* @__PURE__ */ React172.createElement(Dialog.Root, { open, modal: true }, /* @__PURE__ */ React172.createElement(Dialog.Portal, { container: document.getElementById("conferencing") }, /* @__PURE__ */ React172.createElement(Dialog.Overlay, null), /* @__PURE__ */ React172.createElement(
-    Dialog.Content,
-    {
-      css: {
-        width: "fit-content",
-        maxWidth: "80%",
-        p: "$4 $8",
-        position: "relative",
-        top: "unset",
-        bottom: "$9",
-        transform: "translate(-50%, -100%)",
-        animation: "none !important"
-      }
-    },
-    /* @__PURE__ */ React172.createElement(Flex, { align: "center" }, /* @__PURE__ */ React172.createElement("div", { style: { display: "inline", margin: "0.25rem" } }, /* @__PURE__ */ React172.createElement(Loading, { size: 16 })), /* @__PURE__ */ React172.createElement(Text, { css: { fontSize: "$space$8", color: "$on_surface_high" } }, "You lost your network connection. Trying to reconnect."))
-  )));
+  return null;
 };
 
 // src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx
 init_define_process_env();
-import React173, { useEffect as useEffect69, useState as useState74 } from "react";
+import React172, { useEffect as useEffect69, useState as useState73 } from "react";
 import {
   HMSNotificationTypes as HMSNotificationTypes7,
   useHMSActions as useHMSActions52,
@@ -32337,7 +32332,7 @@ import {
 import { MicOnIcon as MicOnIcon5 } from "@100mslive/react-icons";
 var TrackBulkUnmuteModal = () => {
   const hmsActions = useHMSActions52();
-  const [muteNotification, setMuteNotification] = useState74(null);
+  const [muteNotification, setMuteNotification] = useState73(null);
   const notification = useHMSNotifications7([
     HMSNotificationTypes7.CHANGE_MULTI_TRACK_STATE_REQUEST,
     HMSNotificationTypes7.ROOM_ENDED,
@@ -32363,7 +32358,7 @@ var TrackBulkUnmuteModal = () => {
   }
   const { requestedBy: peer, tracks, enabled } = muteNotification;
   const types = new Set(tracks.map((track) => track.type));
-  return /* @__PURE__ */ React173.createElement(
+  return /* @__PURE__ */ React172.createElement(
     RequestDialog,
     {
       title: "Unmute request",
@@ -32402,7 +32397,7 @@ var TrackNotifications = () => {
 
 // src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx
 init_define_process_env();
-import React174, { useEffect as useEffect71, useState as useState75 } from "react";
+import React173, { useEffect as useEffect71, useState as useState74 } from "react";
 import {
   HMSNotificationTypes as HMSNotificationTypes9,
   useHMSActions as useHMSActions53,
@@ -32416,7 +32411,7 @@ var TrackUnmuteModal = () => {
     HMSNotificationTypes9.ROOM_ENDED,
     HMSNotificationTypes9.REMOVED_FROM_ROOM
   ]);
-  const [muteNotification, setMuteNotification] = useState75(null);
+  const [muteNotification, setMuteNotification] = useState74(null);
   useEffect71(() => {
     switch (notification == null ? void 0 : notification.type) {
       case HMSNotificationTypes9.REMOVED_FROM_ROOM:
@@ -32436,7 +32431,7 @@ var TrackUnmuteModal = () => {
     return null;
   }
   const { requestedBy: peer, track, enabled } = muteNotification;
-  return /* @__PURE__ */ React174.createElement(
+  return /* @__PURE__ */ React173.createElement(
     RequestDialog,
     {
       title: `Unmute your ${track.type}?`,
@@ -32453,7 +32448,7 @@ var TrackUnmuteModal = () => {
 
 // src/Prebuilt/components/Notifications/TranscriptionNotifications.tsx
 init_define_process_env();
-import React175, { useEffect as useEffect72 } from "react";
+import React174, { useEffect as useEffect72 } from "react";
 import { match as match15 } from "ts-pattern";
 import { HMSNotificationTypes as HMSNotificationTypes10, HMSTranscriptionState, useHMSNotifications as useHMSNotifications10 } from "@100mslive/react-sdk";
 import { AlertTriangleIcon as AlertTriangleIcon8, ClosedCaptionIcon as ClosedCaptionIcon3, OpenCaptionIcon as OpenCaptionIcon4 } from "@100mslive/react-icons";
@@ -32474,7 +32469,7 @@ var TranscriptionNotifications = () => {
           id = ToastManager.replaceToast(toastId, {
             title: `Failed to enable Closed Caption`,
             variant: "error",
-            icon: /* @__PURE__ */ React175.createElement(AlertTriangleIcon8, { style: { marginRight: "0.5rem" } })
+            icon: /* @__PURE__ */ React174.createElement(AlertTriangleIcon8, { style: { marginRight: "0.5rem" } })
           });
         }
       ).with({ state: HMSTranscriptionState.STARTED }, () => {
@@ -32482,14 +32477,14 @@ var TranscriptionNotifications = () => {
           title: `Closed Captioning enabled for everyone`,
           variant: "standard",
           duration: 2e3,
-          icon: /* @__PURE__ */ React175.createElement(ClosedCaptionIcon3, { style: { marginRight: "0.5rem" } })
+          icon: /* @__PURE__ */ React174.createElement(ClosedCaptionIcon3, { style: { marginRight: "0.5rem" } })
         });
       }).with({ state: HMSTranscriptionState.STOPPED }, () => {
         id = ToastManager.replaceToast(toastId, {
           title: `Closed Captioning disabled for everyone`,
           variant: "standard",
           duration: 2e3,
-          icon: /* @__PURE__ */ React175.createElement(OpenCaptionIcon4, { style: { marginRight: "0.5rem" } })
+          icon: /* @__PURE__ */ React174.createElement(OpenCaptionIcon4, { style: { marginRight: "0.5rem" } })
         });
       }).otherwise(() => null);
       setToastId(id);
@@ -32541,7 +32536,7 @@ function Notifications() {
             ToastManager.addToast({
               title: "The room is currently full, try joining later",
               close: true,
-              icon: /* @__PURE__ */ React176.createElement(Box, { css: { color: "$alert_error_default" } }, /* @__PURE__ */ React176.createElement(GroupIcon2, null))
+              icon: /* @__PURE__ */ React175.createElement(Box, { css: { color: "$alert_error_default" } }, /* @__PURE__ */ React175.createElement(GroupIcon2, null))
             });
           } else {
             ToastManager.addToast({
@@ -32598,7 +32593,7 @@ function Notifications() {
           const pollStartedBy = vanillaStore.getState(selectPeerNameByID7(notification.data.startedBy)) || "Participant";
           const pollToastID = ToastManager.addToast({
             title: `${pollStartedBy} started a ${notification.data.type}: ${notification.data.title}`,
-            action: /* @__PURE__ */ React176.createElement(
+            action: /* @__PURE__ */ React175.createElement(
               Button,
               {
                 onClick: () => togglePollView(notification.data.id),
@@ -32639,15 +32634,15 @@ function Notifications() {
   if (isNotificationDisabled) {
     return null;
   }
-  return /* @__PURE__ */ React176.createElement(React176.Fragment, null, /* @__PURE__ */ React176.createElement(TrackUnmuteModal, null), /* @__PURE__ */ React176.createElement(TrackBulkUnmuteModal, null), /* @__PURE__ */ React176.createElement(TrackNotifications, null), roomState === HMSRoomState10.Connected ? /* @__PURE__ */ React176.createElement(PeerNotifications, null) : null, /* @__PURE__ */ React176.createElement(ReconnectNotifications, null), /* @__PURE__ */ React176.createElement(AutoplayBlockedModal, null), /* @__PURE__ */ React176.createElement(PermissionErrorNotificationModal, null), /* @__PURE__ */ React176.createElement(InitErrorModal, null), /* @__PURE__ */ React176.createElement(ChatNotifications, null), /* @__PURE__ */ React176.createElement(HandRaisedNotifications, null), /* @__PURE__ */ React176.createElement(TranscriptionNotifications, null));
+  return /* @__PURE__ */ React175.createElement(React175.Fragment, null, /* @__PURE__ */ React175.createElement(TrackUnmuteModal, null), /* @__PURE__ */ React175.createElement(TrackBulkUnmuteModal, null), /* @__PURE__ */ React175.createElement(TrackNotifications, null), roomState === HMSRoomState10.Connected ? /* @__PURE__ */ React175.createElement(PeerNotifications, null) : null, /* @__PURE__ */ React175.createElement(ReconnectNotifications, null), /* @__PURE__ */ React175.createElement(AutoplayBlockedModal, null), /* @__PURE__ */ React175.createElement(PermissionErrorNotificationModal, null), /* @__PURE__ */ React175.createElement(InitErrorModal, null), /* @__PURE__ */ React175.createElement(ChatNotifications, null), /* @__PURE__ */ React175.createElement(HandRaisedNotifications, null), /* @__PURE__ */ React175.createElement(TranscriptionNotifications, null));
 }
 
 // src/Prebuilt/components/PIP/PIPProvider.tsx
 init_define_process_env();
-import React177, { useCallback as useCallback38, useMemo as useMemo22, useState as useState76 } from "react";
+import React176, { useCallback as useCallback38, useMemo as useMemo22, useState as useState75 } from "react";
 var PIPProvider = ({ children }) => {
   const isSupported = "documentPictureInPicture" in window;
-  const [pipWindow, setPipWindow] = useState76(null);
+  const [pipWindow, setPipWindow] = useState75(null);
   const closePipWindow = useCallback38(() => {
     if (pipWindow != null) {
       pipWindow.close();
@@ -32678,12 +32673,12 @@ var PIPProvider = ({ children }) => {
       closePipWindow
     };
   }, [closePipWindow, isSupported, pipWindow, requestPipWindow]);
-  return /* @__PURE__ */ React177.createElement(PIPContext.Provider, { value }, children);
+  return /* @__PURE__ */ React176.createElement(PIPContext.Provider, { value }, children);
 };
 
 // src/Prebuilt/components/Preview/PreviewScreen.tsx
 init_define_process_env();
-import React178 from "react";
+import React177 from "react";
 import { useSearchParam } from "react-use";
 var PreviewScreen = () => {
   var _a7, _b7, _c;
@@ -32695,28 +32690,28 @@ var PreviewScreen = () => {
   const authToken = useAuthToken();
   const roomLayout = useRoomLayout();
   const { preview_header: previewHeader = {} } = ((_c = (_b7 = (_a7 = roomLayout == null ? void 0 : roomLayout.screens) == null ? void 0 : _a7.preview) == null ? void 0 : _b7.default) == null ? void 0 : _c.elements) || {};
-  return /* @__PURE__ */ React178.createElement(Flex, { direction: "column", css: { size: "100%" } }, /* @__PURE__ */ React178.createElement(
+  return /* @__PURE__ */ React177.createElement(Flex, { direction: "column", css: { size: "100%" } }, /* @__PURE__ */ React177.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__ */ React178.createElement(PreviewJoin_default, { initialName, skipPreview, asRole: previewAsRole != null ? previewAsRole : void 0 }) : /* @__PURE__ */ React178.createElement(FullPageProgress_default, null)
+    authToken && Object.keys(previewHeader).length > 0 ? /* @__PURE__ */ React177.createElement(PreviewJoin_default, { initialName, skipPreview, asRole: previewAsRole != null ? previewAsRole : void 0 }) : /* @__PURE__ */ React177.createElement(FullPageProgress_default, null)
   ));
 };
 
 // src/Prebuilt/components/Toast/ToastContainer.jsx
 init_define_process_env();
-import React180, { useEffect as useEffect74, useState as useState77 } from "react";
+import React179, { useEffect as useEffect74, useState as useState76 } from "react";
 import { selectIsConnectedToRoom as selectIsConnectedToRoom11, useHMSStore as useHMSStore94 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Toast/Toast.jsx
 init_define_process_env();
-import React179 from "react";
+import React178 from "react";
 var Toast2 = (_a7) => {
   var _b7 = _a7, { title, description, close = true, open, duration, onOpenChange, icon } = _b7, props = __objRest(_b7, ["title", "description", "close", "open", "duration", "onOpenChange", "icon"]);
-  return /* @__PURE__ */ React179.createElement(
+  return /* @__PURE__ */ React178.createElement(
     Toast.HMSToast,
     __spreadValues({
       title,
@@ -32733,16 +32728,16 @@ var Toast2 = (_a7) => {
 // src/Prebuilt/components/Toast/ToastContainer.jsx
 var ToastContainer = () => {
   const isConnected = useHMSStore94(selectIsConnectedToRoom11);
-  const [toasts, setToast] = useState77([]);
+  const [toasts, setToast] = useState76([]);
   useEffect74(() => {
     ToastManager.addListener(setToast);
     return () => {
       ToastManager.removeListener(setToast);
     };
   }, []);
-  return /* @__PURE__ */ React180.createElement(Toast.Provider, { swipeDirection: "left", duration: 3e3 }, toasts.slice(0, MAX_TOASTS).map((toast) => {
-    return /* @__PURE__ */ React180.createElement(Toast2, __spreadProps(__spreadValues({ key: toast.id }, toast), { onOpenChange: (value) => !value && ToastManager.removeToast(toast.id) }));
-  }), /* @__PURE__ */ React180.createElement(
+  return /* @__PURE__ */ React179.createElement(Toast.Provider, { swipeDirection: "left", duration: 3e3 }, toasts.slice(0, MAX_TOASTS).map((toast) => {
+    return /* @__PURE__ */ React179.createElement(Toast2, __spreadProps(__spreadValues({ key: toast.id }, toast), { onOpenChange: (value) => !value && ToastManager.removeToast(toast.id) }));
+  }), /* @__PURE__ */ React179.createElement(
     Toast.Viewport,
     {
       css: __spreadValues({
@@ -32754,27 +32749,27 @@ var ToastContainer = () => {
 
 // src/Prebuilt/layouts/Sheet.tsx
 init_define_process_env();
-import React182 from "react";
+import React181 from "react";
 import { selectAppData as selectAppData14, useHMSStore as useHMSStore95 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/RoomDetails/RoomDetailsSheet.tsx
 init_define_process_env();
-import React181 from "react";
+import React180 from "react";
 import { CrossIcon as CrossIcon28 } from "@100mslive/react-icons";
 var RoomDetailsSheet = () => {
   const { title, description, details } = useRoomLayoutHeader();
   const toggleSheet = useSheetToggle(SHEET_OPTIONS.ROOM_DETAILS);
   const showRoomDetailsSheet = useIsSheetTypeOpen(SHEET_OPTIONS.ROOM_DETAILS);
-  return /* @__PURE__ */ React181.createElement(Sheet.Root, { open: showRoomDetailsSheet, onOpenChange: toggleSheet }, /* @__PURE__ */ React181.createElement(Sheet.Content, { css: { py: "$8", pb: "$12" } }, /* @__PURE__ */ React181.createElement(
+  return /* @__PURE__ */ React180.createElement(Sheet.Root, { open: showRoomDetailsSheet, onOpenChange: toggleSheet }, /* @__PURE__ */ React180.createElement(Sheet.Content, { css: { py: "$8", pb: "$12" } }, /* @__PURE__ */ React180.createElement(
     Flex,
     {
       justify: "between",
       align: "center",
       css: { w: "100%", borderBottom: "1px solid $border_bright", pb: "$4", mb: "$4", px: "$8" }
     },
-    /* @__PURE__ */ React181.createElement(Text, { css: { fontWeight: "$semiBold", color: "$on_surface_high" } }, "Description"),
-    /* @__PURE__ */ React181.createElement(Sheet.Close, { css: { color: "$on_surface_high" } }, /* @__PURE__ */ React181.createElement(CrossIcon28, null))
-  ), /* @__PURE__ */ React181.createElement(Flex, { align: "center", css: { w: "100%", gap: "$4", pb: "$8", px: "$8" } }, /* @__PURE__ */ React181.createElement(Logo, null), /* @__PURE__ */ React181.createElement(Box, null, /* @__PURE__ */ React181.createElement(Text, { variant: "sm", css: { c: "$on_secondary_high", fontWeight: "$semiBold" } }, title), /* @__PURE__ */ React181.createElement(RoomDetailsRow, { details }))), /* @__PURE__ */ React181.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", px: "$8" } }, description)));
+    /* @__PURE__ */ React180.createElement(Text, { css: { fontWeight: "$semiBold", color: "$on_surface_high" } }, "Description"),
+    /* @__PURE__ */ React180.createElement(Sheet.Close, { css: { color: "$on_surface_high" } }, /* @__PURE__ */ React180.createElement(CrossIcon28, null))
+  ), /* @__PURE__ */ React180.createElement(Flex, { align: "center", css: { w: "100%", gap: "$4", pb: "$8", px: "$8" } }, /* @__PURE__ */ React180.createElement(Logo, null), /* @__PURE__ */ React180.createElement(Box, null, /* @__PURE__ */ React180.createElement(Text, { variant: "sm", css: { c: "$on_secondary_high", fontWeight: "$semiBold" } }, title), /* @__PURE__ */ React180.createElement(RoomDetailsRow, { details }))), /* @__PURE__ */ React180.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", px: "$8" } }, description)));
 };
 
 // src/Prebuilt/layouts/Sheet.tsx
@@ -32782,14 +32777,14 @@ var Sheet2 = () => {
   const sheet = useHMSStore95(selectAppData14(APP_DATA.sheet));
   let ViewComponent;
   if (sheet === SHEET_OPTIONS.ROOM_DETAILS) {
-    ViewComponent = /* @__PURE__ */ React182.createElement(RoomDetailsSheet, null);
+    ViewComponent = /* @__PURE__ */ React181.createElement(RoomDetailsSheet, null);
   }
-  return /* @__PURE__ */ React182.createElement(Box, null, ViewComponent);
+  return /* @__PURE__ */ React181.createElement(Box, null, ViewComponent);
 };
 
 // src/Prebuilt/plugins/FlyingEmoji.jsx
 init_define_process_env();
-import React183, { useCallback as useCallback39, useEffect as useEffect75, useMemo as useMemo23, useState as useState78 } from "react";
+import React182, { useCallback as useCallback39, useEffect as useEffect75, useMemo as useMemo23, useState as useState77 } from "react";
 import { useMedia as useMedia43 } from "react-use";
 import {
   selectIsLargeRoom as selectIsLargeRoom4,
@@ -32827,7 +32822,7 @@ function FlyingEmoji() {
   const localPeerId = useHMSStore96(selectLocalPeerID17);
   const vanillaStore = useHMSVanillaStore18();
   const hmsActions = useHMSActions54();
-  const [emojis, setEmojis] = useState78([]);
+  const [emojis, setEmojis] = useState77([]);
   const isMobile = useMedia43(config.media.md);
   const isLargeRoom = useHMSStore96(selectIsLargeRoom4);
   const startingPoints = useMemo23(() => getStartingPoints(isMobile), [isMobile]);
@@ -32866,7 +32861,7 @@ function FlyingEmoji() {
   useEffect75(() => {
     window.showFlyingEmoji = showFlyingEmoji;
   }, [showFlyingEmoji]);
-  return /* @__PURE__ */ React183.createElement(
+  return /* @__PURE__ */ React182.createElement(
     Box,
     {
       css: {
@@ -32882,7 +32877,7 @@ function FlyingEmoji() {
       }
     },
     emojis.map((emoji) => {
-      return /* @__PURE__ */ React183.createElement(
+      return /* @__PURE__ */ React182.createElement(
         Flex,
         {
           key: emoji.id,
@@ -32896,8 +32891,8 @@ function FlyingEmoji() {
           },
           onAnimationEnd: () => setEmojis(emojis.filter((item) => item.id !== emoji.id))
         },
-        /* @__PURE__ */ React183.createElement(Box, null, /* @__PURE__ */ React183.createElement("em-emoji", { id: emoji.emojiId, size: "48px", set: "apple" })),
-        emoji.senderName ? /* @__PURE__ */ React183.createElement(
+        /* @__PURE__ */ React182.createElement(Box, null, /* @__PURE__ */ React182.createElement("em-emoji", { id: emoji.emojiId, size: "48px", set: "apple" })),
+        emoji.senderName ? /* @__PURE__ */ React182.createElement(
           Box,
           {
             css: {
@@ -32907,7 +32902,7 @@ function FlyingEmoji() {
               borderRadius: "$1"
             }
           },
-          /* @__PURE__ */ React183.createElement(
+          /* @__PURE__ */ React182.createElement(
             Text,
             {
               css: {
@@ -32926,7 +32921,7 @@ function FlyingEmoji() {
 
 // src/Prebuilt/plugins/RemoteStopScreenshare.jsx
 init_define_process_env();
-import React184, { useCallback as useCallback40 } from "react";
+import React183, { useCallback as useCallback40 } from "react";
 import { useCustomEvent as useCustomEvent6, useHMSActions as useHMSActions55 } from "@100mslive/react-sdk";
 function RemoteStopScreenshare() {
   const actions = useHMSActions55();
@@ -32937,12 +32932,12 @@ function RemoteStopScreenshare() {
     type: REMOTE_STOP_SCREENSHARE_TYPE,
     onEvent: onRemoteStopScreenshare
   });
-  return /* @__PURE__ */ React184.createElement(React184.Fragment, null);
+  return /* @__PURE__ */ React183.createElement(React183.Fragment, null);
 }
 
 // src/Prebuilt/components/hooks/useAutoStartStreaming.tsx
 init_define_process_env();
-import { useCallback as useCallback41, useEffect as useEffect76, useRef as useRef30 } from "react";
+import { useCallback as useCallback41, useEffect as useEffect76, useRef as useRef31 } from "react";
 import {
   selectIsConnectedToRoom as selectIsConnectedToRoom12,
   selectPermissions as selectPermissions20,
@@ -32957,7 +32952,7 @@ var useAutoStartStreaming = () => {
   const hmsActions = useHMSActions56();
   const isConnected = useHMSStore97(selectIsConnectedToRoom12);
   const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = useRecordingStreaming12();
-  const streamStartedRef = useRef30(false);
+  const streamStartedRef = useRef31(false);
   const startHLS = useCallback41(() => __async(void 0, null, function* () {
     try {
       if (isHLSStarted || !showStreamingUI || isHLSRunning || isRTMPRunning || isHLSRecordingOn || isBrowserRecordingOn) {
@@ -32995,7 +32990,7 @@ var useAutoStartStreaming = () => {
 };
 
 // src/Prebuilt/App.tsx
-var HMSPrebuilt = React185.forwardRef(
+var HMSPrebuilt = React184.forwardRef(
   ({
     roomCode = "",
     authToken = "",
@@ -33010,8 +33005,8 @@ var HMSPrebuilt = React185.forwardRef(
     onJoin
   }, ref) => {
     var _a7, _b7, _c, _d;
-    const reactiveStore = useRef31();
-    const [hydrated, setHydrated] = React185.useState(false);
+    const reactiveStore = useRef32();
+    const [hydrated, setHydrated] = React184.useState(false);
     useEffect77(() => {
       setHydrated(true);
       const hms = new HMSReactiveStore();
@@ -33062,7 +33057,7 @@ var HMSPrebuilt = React185.forwardRef(
       return null;
     }
     globalStyles();
-    return /* @__PURE__ */ React185.createElement(ErrorBoundary, null, /* @__PURE__ */ React185.createElement(
+    return /* @__PURE__ */ React184.createElement(ErrorBoundary, null, /* @__PURE__ */ React184.createElement(
       HMSPrebuiltContext.Provider,
       {
         value: {
@@ -33079,7 +33074,7 @@ var HMSPrebuilt = React185.forwardRef(
           }
         }
       },
-      /* @__PURE__ */ React185.createElement(
+      /* @__PURE__ */ React184.createElement(
         HMSRoomProvider,
         {
           isHMSStatsOn: FeatureFlags.enableStatsForNerds,
@@ -33089,7 +33084,7 @@ var HMSPrebuilt = React185.forwardRef(
           stats: (_d = reactiveStore.current) == null ? void 0 : _d.hmsStats,
           leaveOnUnload
         },
-        /* @__PURE__ */ React185.createElement(RoomLayoutProvider, { roomLayoutEndpoint, overrideLayout }, /* @__PURE__ */ React185.createElement(RoomLayoutContext.Consumer, null, (data3) => {
+        /* @__PURE__ */ React184.createElement(RoomLayoutProvider, { roomLayoutEndpoint, overrideLayout }, /* @__PURE__ */ React184.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]) || {};
@@ -33098,7 +33093,7 @@ var HMSPrebuilt = React185.forwardRef(
           if (typography2 == null ? void 0 : typography2.font_family) {
             fontFamily = [`${typography2 == null ? void 0 : typography2.font_family}`, ...fontFamily];
           }
-          return /* @__PURE__ */ React185.createElement(
+          return /* @__PURE__ */ React184.createElement(
             HMSThemeProvider,
             {
               themeType: `${theme2.name}-${Date.now()}`,
@@ -33111,7 +33106,7 @@ var HMSPrebuilt = React185.forwardRef(
                 }
               }
             },
-            /* @__PURE__ */ React185.createElement(PIPProvider, null, /* @__PURE__ */ React185.createElement(Init, null), /* @__PURE__ */ React185.createElement(DialogContainerProvider, { dialogContainerSelector: containerSelector }, /* @__PURE__ */ React185.createElement(
+            /* @__PURE__ */ React184.createElement(PIPProvider, null, /* @__PURE__ */ React184.createElement(Init, null), /* @__PURE__ */ React184.createElement(DialogContainerProvider, { dialogContainerSelector: containerSelector }, /* @__PURE__ */ React184.createElement(
               Box,
               {
                 className: DEFAULT_PORTAL_CONTAINER.slice(1),
@@ -33123,7 +33118,7 @@ var HMSPrebuilt = React185.forwardRef(
                   position: "relative"
                 }
               },
-              /* @__PURE__ */ React185.createElement(
+              /* @__PURE__ */ React184.createElement(
                 AppRoutes,
                 {
                   authTokenByRoomCodeEndpoint: tokenByRoomCodeEndpoint,
@@ -33142,7 +33137,7 @@ var AppStates = ({ activeState }) => {
   const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
   const { isLeaveScreenEnabled } = useRoomLayoutLeaveScreen();
   useAutoStartStreaming();
-  return match16({ activeState, isPreviewScreenEnabled, isLeaveScreenEnabled }).with({ activeState: "preview" /* PREVIEW */, isPreviewScreenEnabled: true }, () => /* @__PURE__ */ React185.createElement(PreviewScreen, null)).with({ activeState: "leave" /* LEAVE */, isLeaveScreenEnabled: true }, () => /* @__PURE__ */ React185.createElement(LeaveScreen, null)).otherwise(() => /* @__PURE__ */ React185.createElement(ConferenceScreen, null));
+  return match16({ activeState, isPreviewScreenEnabled, isLeaveScreenEnabled }).with({ activeState: "preview" /* PREVIEW */, isPreviewScreenEnabled: true }, () => /* @__PURE__ */ React184.createElement(PreviewScreen, null)).with({ activeState: "leave" /* LEAVE */, isLeaveScreenEnabled: true }, () => /* @__PURE__ */ React184.createElement(LeaveScreen, null)).otherwise(() => /* @__PURE__ */ React184.createElement(ConferenceScreen, null));
 };
 var BackSwipe = () => {
   const isConnectedToRoom = useHMSStore98(selectIsConnectedToRoom13);
@@ -33167,7 +33162,7 @@ function AppRoutes({
   const roomLayout = useRoomLayout();
   const isNotificationsDisabled = useIsNotificationDisabled();
   const { activeState, rejoin } = useAppStateManager();
-  return /* @__PURE__ */ React185.createElement(AppStateContext.Provider, { value: { rejoin } }, /* @__PURE__ */ React185.createElement(React185.Fragment, null, activeState !== "leave" /* LEAVE */ && /* @__PURE__ */ React185.createElement(AppData, null), /* @__PURE__ */ React185.createElement(ToastContainer, null), /* @__PURE__ */ React185.createElement(Notifications, null), /* @__PURE__ */ React185.createElement(MwebLandscapePrompt, null), /* @__PURE__ */ React185.createElement(Sheet2, null), /* @__PURE__ */ React185.createElement(BackSwipe, null), !isNotificationsDisabled && /* @__PURE__ */ React185.createElement(FlyingEmoji, null), /* @__PURE__ */ React185.createElement(RemoteStopScreenshare, null), /* @__PURE__ */ React185.createElement(KeyboardHandler, null), /* @__PURE__ */ React185.createElement(AuthToken_default, { authTokenByRoomCodeEndpoint, defaultAuthToken }), roomLayout && activeState && /* @__PURE__ */ React185.createElement(AppStates, { activeState })));
+  return /* @__PURE__ */ React184.createElement(AppStateContext.Provider, { value: { rejoin } }, /* @__PURE__ */ React184.createElement(React184.Fragment, null, activeState !== "leave" /* LEAVE */ && /* @__PURE__ */ React184.createElement(AppData, null), /* @__PURE__ */ React184.createElement(ToastContainer, null), /* @__PURE__ */ React184.createElement(Notifications, null), /* @__PURE__ */ React184.createElement(MwebLandscapePrompt, null), /* @__PURE__ */ React184.createElement(Sheet2, null), /* @__PURE__ */ React184.createElement(BackSwipe, null), !isNotificationsDisabled && /* @__PURE__ */ React184.createElement(FlyingEmoji, null), /* @__PURE__ */ React184.createElement(RemoteStopScreenshare, null), /* @__PURE__ */ React184.createElement(KeyboardHandler, null), /* @__PURE__ */ React184.createElement(AuthToken_default, { authTokenByRoomCodeEndpoint, defaultAuthToken }), roomLayout && activeState && /* @__PURE__ */ React184.createElement(AppStates, { activeState })));
 }
 
 // src/Progress/index.tsx
@@ -33191,7 +33186,7 @@ init_define_process_env();
 
 // src/Diagnostics/Diagnostics.tsx
 init_define_process_env();
-import React193, { useCallback as useCallback43, useRef as useRef33, useState as useState84 } from "react";
+import React192, { useCallback as useCallback43, useRef as useRef34, useState as useState83 } from "react";
 import { HMSRoomProvider as HMSRoomProvider2, useHMSActions as useHMSActions59 } from "@100mslive/react-sdk";
 import {
   CheckCircleIcon as CheckCircleIcon7,
@@ -33204,7 +33199,7 @@ import {
 
 // src/Diagnostics/AudioTest.tsx
 init_define_process_env();
-import React189, { useCallback as useCallback42, useEffect as useEffect78, useState as useState80 } from "react";
+import React188, { useCallback as useCallback42, useEffect as useEffect78, useState as useState79 } from "react";
 import {
   selectDevices,
   selectLocalAudioTrackID as selectLocalAudioTrackID2,
@@ -33217,11 +33212,11 @@ import { MicOnIcon as MicOnIcon7, SpeakerIcon as SpeakerIcon5, StopIcon as StopI
 
 // src/Diagnostics/components.tsx
 init_define_process_env();
-import React187 from "react";
+import React186 from "react";
 
 // src/Diagnostics/DiagnosticsContext.ts
 init_define_process_env();
-import React186, { useContext as useContext6 } from "react";
+import React185, { useContext as useContext6 } from "react";
 var DiagnosticsStep = /* @__PURE__ */ ((DiagnosticsStep2) => {
   DiagnosticsStep2[DiagnosticsStep2["BROWSER"] = 0] = "BROWSER";
   DiagnosticsStep2[DiagnosticsStep2["VIDEO"] = 1] = "VIDEO";
@@ -33235,7 +33230,7 @@ var initialSteps = {
   [2 /* AUDIO */]: { name: "Test Audio" },
   [3 /* CONNECTIVITY */]: { name: "Connection Quality" }
 };
-var DiagnosticsContext = React186.createContext({
+var DiagnosticsContext = React185.createContext({
   activeStepIndex: 0,
   setActiveStep: () => {
     return;
@@ -33253,7 +33248,7 @@ var useDiagnostics = () => {
 
 // src/Diagnostics/components.tsx
 var TestContainer = ({ css: css2, children }) => {
-  return /* @__PURE__ */ React187.createElement(Box, { css: __spreadValues({ p: "$10" }, css2) }, children);
+  return /* @__PURE__ */ React186.createElement(Box, { css: __spreadValues({ p: "$10" }, css2) }, children);
 };
 var TestFooter = ({
   error,
@@ -33271,7 +33266,7 @@ var TestFooter = ({
     }
     setActiveStep((step) => step + 1);
   };
-  return /* @__PURE__ */ React187.createElement(
+  return /* @__PURE__ */ React186.createElement(
     Flex,
     {
       css: {
@@ -33289,20 +33284,20 @@ var TestFooter = ({
         "@lg": { flexDirection: "column", gap: "$8" }
       }
     },
-    /* @__PURE__ */ React187.createElement(Box, null, error && /* @__PURE__ */ React187.createElement(Text, { css: { c: "$alert_error_default" } }, "Error: ", error.message)),
-    children ? children : /* @__PURE__ */ React187.createElement(Flex, { align: "center", css: { gap: "$8", "@lg": { flexDirection: "column" } } }, /* @__PURE__ */ React187.createElement(Text, { css: { c: "$on_primary_medium" } }, ctaText), /* @__PURE__ */ React187.createElement(Flex, { align: "center", gap: "4" }, /* @__PURE__ */ React187.createElement(Button, { onClick: onNextStep, variant: "standard", outlined: true }, "Skip"), /* @__PURE__ */ React187.createElement(Button, { disabled: !!error, onClick: onNextStep }, "Yes")))
+    /* @__PURE__ */ React186.createElement(Box, null, error && /* @__PURE__ */ React186.createElement(Text, { css: { c: "$alert_error_default" } }, "Error: ", error.message)),
+    children ? children : /* @__PURE__ */ React186.createElement(Flex, { align: "center", css: { gap: "$8", "@lg": { flexDirection: "column" } } }, /* @__PURE__ */ React186.createElement(Text, { css: { c: "$on_primary_medium" } }, ctaText), /* @__PURE__ */ React186.createElement(Flex, { align: "center", gap: "4" }, /* @__PURE__ */ React186.createElement(Button, { onClick: onNextStep, variant: "standard", outlined: true }, "Skip"), /* @__PURE__ */ React186.createElement(Button, { disabled: !!error, onClick: onNextStep }, "Yes")))
   );
 };
 
 // src/Diagnostics/DeviceSelector.jsx
 init_define_process_env();
 var import_prop_types = __toESM(require_prop_types());
-import React188, { useRef as useRef32, useState as useState79 } from "react";
+import React187, { useRef as useRef33, useState as useState78 } from "react";
 var DeviceSelector2 = ({ title, devices, selection, onChange, icon, children = null }) => {
   var _a7, _b7;
-  const [open, setOpen] = useState79(false);
-  const ref = useRef32(null);
-  return /* @__PURE__ */ React188.createElement(Box, { css: { mb: "$6" } }, /* @__PURE__ */ React188.createElement(Text, { css: { mb: "$4" } }, title), /* @__PURE__ */ React188.createElement(
+  const [open, setOpen] = useState78(false);
+  const ref = useRef33(null);
+  return /* @__PURE__ */ React187.createElement(Box, { css: { mb: "$6" } }, /* @__PURE__ */ React187.createElement(Text, { css: { mb: "$4" } }, title), /* @__PURE__ */ React187.createElement(
     Flex,
     {
       align: "center",
@@ -33314,7 +33309,7 @@ var DeviceSelector2 = ({ title, devices, selection, onChange, icon, children = n
         }
       }
     },
-    /* @__PURE__ */ React188.createElement(Dropdown.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ React188.createElement(
+    /* @__PURE__ */ React187.createElement(Dropdown.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ React187.createElement(
       DialogDropdownTrigger,
       {
         ref,
@@ -33322,7 +33317,7 @@ var DeviceSelector2 = ({ title, devices, selection, onChange, icon, children = n
         title: ((_a7 = devices.find(({ deviceId }) => deviceId === selection)) == null ? void 0 : _a7.label) || "Select device from list",
         open
       }
-    ), /* @__PURE__ */ React188.createElement(Dropdown.Portal, null, /* @__PURE__ */ React188.createElement(
+    ), /* @__PURE__ */ React187.createElement(Dropdown.Portal, null, /* @__PURE__ */ React187.createElement(
       Dropdown.Content,
       {
         align: "start",
@@ -33336,7 +33331,7 @@ var DeviceSelector2 = ({ title, devices, selection, onChange, icon, children = n
         }
       },
       devices.map((device) => {
-        return /* @__PURE__ */ React188.createElement(
+        return /* @__PURE__ */ React187.createElement(
           Dropdown.Item,
           {
             key: device.label,
@@ -33362,33 +33357,33 @@ DeviceSelector2.propTypes = {
 };
 
 // src/Diagnostics/AudioTest.tsx
-var SelectContainer = ({ children }) => /* @__PURE__ */ React189.createElement(Box, { css: { w: "calc(50% - 0.75rem)", "@lg": { w: "100%" } } }, children);
+var SelectContainer = ({ children }) => /* @__PURE__ */ React188.createElement(Box, { css: { w: "calc(50% - 0.75rem)", "@lg": { w: "100%" } } }, children);
 var MicTest = ({ setError }) => {
   var _a7, _b7;
   const { hmsDiagnostics } = useDiagnostics();
   const devices = useHMSStore99(selectDevices);
-  const [isRecording, setIsRecording] = useState80(false);
-  const [selectedMic, setSelectedMic] = useState80(((_a7 = devices.audioInput[0]) == null ? void 0 : _a7.deviceId) || "default");
+  const [isRecording, setIsRecording] = useState79(false);
+  const [selectedMic, setSelectedMic] = useState79(((_a7 = devices.audioInput[0]) == null ? void 0 : _a7.deviceId) || "default");
   const trackID = useHMSStore99(selectLocalAudioTrackID2);
   const audioLevel = useHMSStore99(selectTrackAudioByID2(trackID));
   const { audioOutputDeviceId } = useHMSStore99(selectLocalMediaSettings);
   const { playing, setPlaying, audioRef } = useAudioOutputTest({
     deviceId: audioOutputDeviceId || ((_b7 = devices.audioOutput[0]) == null ? void 0 : _b7.deviceId)
   });
-  return /* @__PURE__ */ React189.createElement(SelectContainer, null, /* @__PURE__ */ React189.createElement(
+  return /* @__PURE__ */ React188.createElement(SelectContainer, null, /* @__PURE__ */ React188.createElement(
     DeviceSelector2,
     {
       title: "Microphone (Input)",
       devices: devices.audioInput,
       selection: selectedMic,
-      icon: /* @__PURE__ */ React189.createElement(MicOnIcon7, null),
+      icon: /* @__PURE__ */ React188.createElement(MicOnIcon7, null),
       onChange: (deviceId) => {
         setError(void 0);
         setSelectedMic(deviceId);
         hmsDiagnostics == null ? void 0 : hmsDiagnostics.stopMicCheck();
       }
     }
-  ), /* @__PURE__ */ React189.createElement(Flex, { css: { gap: "$6", alignItems: "center" } }, /* @__PURE__ */ React189.createElement(
+  ), /* @__PURE__ */ React188.createElement(Flex, { css: { gap: "$6", alignItems: "center" } }, /* @__PURE__ */ React188.createElement(
     Button,
     {
       variant: "standard",
@@ -33408,9 +33403,9 @@ var MicTest = ({ setError }) => {
       },
       disabled: devices.audioInput.length === 0 || playing
     },
-    isRecording ? /* @__PURE__ */ React189.createElement(StopIcon3, null) : /* @__PURE__ */ React189.createElement(MicOnIcon7, null),
+    isRecording ? /* @__PURE__ */ React188.createElement(StopIcon3, null) : /* @__PURE__ */ React188.createElement(MicOnIcon7, null),
     isRecording ? "Stop Recording" : "Record"
-  ), /* @__PURE__ */ React189.createElement(
+  ), /* @__PURE__ */ React188.createElement(
     Button,
     {
       icon: true,
@@ -33424,9 +33419,9 @@ var MicTest = ({ setError }) => {
       },
       disabled: playing || (hmsDiagnostics == null ? void 0 : hmsDiagnostics.getRecordedAudio()) === TEST_AUDIO_URL
     },
-    /* @__PURE__ */ React189.createElement(SpeakerIcon5, null),
+    /* @__PURE__ */ React188.createElement(SpeakerIcon5, null),
     playing ? "Playing..." : "Playback"
-  ), /* @__PURE__ */ React189.createElement(
+  ), /* @__PURE__ */ React188.createElement(
     "audio",
     {
       ref: audioRef,
@@ -33434,7 +33429,7 @@ var MicTest = ({ setError }) => {
       onPlay: () => setPlaying(true),
       style: { display: "none" }
     }
-  )), /* @__PURE__ */ React189.createElement(Flex, { align: "center", css: { mt: "$4", maxWidth: "10rem", opacity: isRecording ? "1" : "0", gap: "$4" } }, /* @__PURE__ */ React189.createElement(Text, null, /* @__PURE__ */ React189.createElement(MicOnIcon7, null)), /* @__PURE__ */ React189.createElement(Progress.Root, { value: audioLevel, css: { h: "$2" } }, /* @__PURE__ */ React189.createElement(
+  )), /* @__PURE__ */ React188.createElement(Flex, { align: "center", css: { mt: "$4", maxWidth: "10rem", opacity: isRecording ? "1" : "0", gap: "$4" } }, /* @__PURE__ */ React188.createElement(Text, null, /* @__PURE__ */ React188.createElement(MicOnIcon7, null)), /* @__PURE__ */ React188.createElement(Progress.Root, { value: audioLevel, css: { h: "$2" } }, /* @__PURE__ */ React188.createElement(
     Progress.Content,
     {
       style: {
@@ -33450,15 +33445,15 @@ var SpeakerTest = () => {
   const devices = useHMSStore99(selectDevices);
   const { audioOutputDeviceId } = useHMSStore99(selectLocalMediaSettings);
   if (devices.audioOutput.length === 0) {
-    return /* @__PURE__ */ React189.createElement(React189.Fragment, null);
+    return /* @__PURE__ */ React188.createElement(React188.Fragment, null);
   }
-  return /* @__PURE__ */ React189.createElement(SelectContainer, null, /* @__PURE__ */ React189.createElement(
+  return /* @__PURE__ */ React188.createElement(SelectContainer, null, /* @__PURE__ */ React188.createElement(
     DeviceSelector2,
     {
       title: "Speaker (Output)",
       devices: devices.audioOutput,
       selection: audioOutputDeviceId || ((_a7 = devices.audioOutput[0]) == null ? void 0 : _a7.deviceId),
-      icon: /* @__PURE__ */ React189.createElement(SpeakerIcon5, null),
+      icon: /* @__PURE__ */ React188.createElement(SpeakerIcon5, null),
       onChange: (deviceId) => {
         actions.setAudioOutputDevice(deviceId);
       }
@@ -33467,7 +33462,7 @@ var SpeakerTest = () => {
 };
 var AudioTest = () => {
   const { hmsDiagnostics, updateStep } = useDiagnostics();
-  const [error, setErrorAlone] = useState80();
+  const [error, setErrorAlone] = useState79();
   const setError = useCallback42(
     (err) => {
       updateStep(2 /* AUDIO */, { hasFailed: !!err });
@@ -33478,7 +33473,7 @@ var AudioTest = () => {
   useEffect78(() => {
     hmsDiagnostics == null ? void 0 : hmsDiagnostics.requestPermission({ audio: true }).catch((error2) => setError(error2));
   }, [hmsDiagnostics, setError]);
-  return /* @__PURE__ */ React189.createElement(React189.Fragment, null, /* @__PURE__ */ React189.createElement(TestContainer, null, /* @__PURE__ */ React189.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__ */ React189.createElement(
+  return /* @__PURE__ */ React188.createElement(React188.Fragment, null, /* @__PURE__ */ React188.createElement(TestContainer, null, /* @__PURE__ */ React188.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__ */ React188.createElement(
     Flex,
     {
       css: {
@@ -33490,14 +33485,14 @@ var AudioTest = () => {
         }
       }
     },
-    /* @__PURE__ */ React189.createElement(MicTest, { setError }),
-    /* @__PURE__ */ React189.createElement(SpeakerTest, null)
-  )), /* @__PURE__ */ React189.createElement(TestFooter, { error, ctaText: "Does your audio sound good?" }), /* @__PURE__ */ React189.createElement(PermissionErrorModal, { error }));
+    /* @__PURE__ */ React188.createElement(MicTest, { setError }),
+    /* @__PURE__ */ React188.createElement(SpeakerTest, null)
+  )), /* @__PURE__ */ React188.createElement(TestFooter, { error, ctaText: "Does your audio sound good?" }), /* @__PURE__ */ React188.createElement(PermissionErrorModal, { error }));
 };
 
 // src/Diagnostics/BrowserTest.tsx
 init_define_process_env();
-import React190, { useEffect as useEffect79, useState as useState81 } from "react";
+import React189, { useEffect as useEffect79, useState as useState80 } from "react";
 import { parsedUserAgent as parsedUserAgent3 } from "@100mslive/react-sdk";
 var CMS_MEDIA_SERVER = "https://storage.googleapis.com/100ms-cms-prod/";
 var operatingSystemIconInfo = {
@@ -33579,11 +33574,11 @@ var browserTypeIconInfo = {
     icon: `${CMS_MEDIA_SERVER}cms/Opera_0f3bf4eb19/Opera_0f3bf4eb19.svg`
   }
 };
-var CheckDetails = ({ title, value, iconURL }) => /* @__PURE__ */ React190.createElement(Box, { css: { w: "100%", my: "$10", p: "$10", r: "$1", bg: "$surface_default", "@lg": { w: "auto" } } }, /* @__PURE__ */ React190.createElement(Text, { css: { c: "$on_primary_medium", mb: "$6" } }, title), /* @__PURE__ */ React190.createElement(Flex, { align: "center" }, iconURL && /* @__PURE__ */ React190.createElement(Box, { css: { size: "2rem", r: "$round", bg: "$surface_brighter", mr: "$4" } }, /* @__PURE__ */ React190.createElement("img", { style: { objectFit: "contain", width: "2rem" }, src: iconURL, alt: value })), /* @__PURE__ */ React190.createElement(Text, null, value)));
+var CheckDetails = ({ title, value, iconURL }) => /* @__PURE__ */ React189.createElement(Box, { css: { w: "100%", my: "$10", p: "$10", r: "$1", bg: "$surface_default", "@lg": { w: "auto" } } }, /* @__PURE__ */ React189.createElement(Text, { css: { c: "$on_primary_medium", mb: "$6" } }, title), /* @__PURE__ */ React189.createElement(Flex, { align: "center" }, iconURL && /* @__PURE__ */ React189.createElement(Box, { css: { size: "2rem", r: "$round", bg: "$surface_brighter", mr: "$4" } }, /* @__PURE__ */ React189.createElement("img", { style: { objectFit: "contain", width: "2rem" }, src: iconURL, alt: value })), /* @__PURE__ */ React189.createElement(Text, null, value)));
 var BrowserTest = () => {
   var _a7, _b7, _c, _d;
   const { hmsDiagnostics, updateStep } = useDiagnostics();
-  const [error, setError] = useState81();
+  const [error, setError] = useState80();
   useEffect79(() => {
     try {
       hmsDiagnostics == null ? void 0 : hmsDiagnostics.checkBrowserSupport();
@@ -33592,26 +33587,26 @@ var BrowserTest = () => {
       setError(err);
     }
   }, [hmsDiagnostics, updateStep]);
-  return /* @__PURE__ */ React190.createElement(React190.Fragment, null, /* @__PURE__ */ React190.createElement(TestContainer, { css: { display: "flex", gap: "$8", "@lg": { display: "block" } } }, /* @__PURE__ */ React190.createElement(
+  return /* @__PURE__ */ React189.createElement(React189.Fragment, null, /* @__PURE__ */ React189.createElement(TestContainer, { css: { display: "flex", gap: "$8", "@lg": { display: "block" } } }, /* @__PURE__ */ React189.createElement(
     CheckDetails,
     {
       title: "Browser",
       iconURL: parsedUserAgent3.getBrowser().name && ((_b7 = browserTypeIconInfo[(_a7 = parsedUserAgent3.getBrowser().name) == null ? void 0 : _a7.toLowerCase()]) == null ? void 0 : _b7.icon),
       value: `${parsedUserAgent3.getBrowser().name} ${parsedUserAgent3.getBrowser().version}`
     }
-  ), /* @__PURE__ */ React190.createElement(
+  ), /* @__PURE__ */ React189.createElement(
     CheckDetails,
     {
       title: "Operating system",
       iconURL: parsedUserAgent3.getOS().name && ((_d = operatingSystemIconInfo[(_c = parsedUserAgent3.getOS().name) == null ? void 0 : _c.toLowerCase()]) == null ? void 0 : _d.icon),
       value: `${parsedUserAgent3.getOS().name} ${parsedUserAgent3.getOS().version}`
     }
-  )), /* @__PURE__ */ React190.createElement(TestFooter, { error, ctaText: "Is your device information correct?" }));
+  )), /* @__PURE__ */ React189.createElement(TestFooter, { error, ctaText: "Is your device information correct?" }));
 };
 
 // src/Diagnostics/ConnectivityTest.tsx
 init_define_process_env();
-import React191, { useState as useState82 } from "react";
+import React190, { useState as useState81 } from "react";
 import { ConnectivityState } from "@100mslive/react-sdk";
 import { CheckCircleIcon as CheckCircleIcon6, CrossCircleIcon as CrossCircleIcon4, EyeCloseIcon as EyeCloseIcon3, EyeOpenIcon as EyeOpenIcon2, LinkIcon } from "@100mslive/react-icons";
 var Regions = {
@@ -33634,8 +33629,8 @@ var ConnectivityTestStepResult = ({
   success,
   children
 }) => {
-  const [hideDetails, setHideDetails] = useState82(true);
-  return /* @__PURE__ */ React191.createElement(Box, { css: { my: "$10", p: "$10", r: "$1", bg: "$surface_bright" } }, /* @__PURE__ */ React191.createElement(Text, { css: { c: "$on_primary_medium", mb: "$6" } }, title), success ? /* @__PURE__ */ React191.createElement(Flex, null, /* @__PURE__ */ React191.createElement(Text, { css: { c: "$alert_success" } }, /* @__PURE__ */ React191.createElement(CheckCircleIcon6, { width: "1.5rem", height: "1.5rem" })), /* @__PURE__ */ React191.createElement(Text, { variant: "lg", css: { ml: "$4" } }, status)) : /* @__PURE__ */ React191.createElement(Flex, null, /* @__PURE__ */ React191.createElement(Text, { css: { c: "$alert_error_bright" } }, /* @__PURE__ */ React191.createElement(CrossCircleIcon4, { width: "1.5rem", height: "1.5rem" })), /* @__PURE__ */ React191.createElement(Text, { variant: "lg", css: { ml: "$4" } }, "Failed")), /* @__PURE__ */ React191.createElement(
+  const [hideDetails, setHideDetails] = useState81(true);
+  return /* @__PURE__ */ React190.createElement(Box, { css: { my: "$10", p: "$10", r: "$1", bg: "$surface_bright" } }, /* @__PURE__ */ React190.createElement(Text, { css: { c: "$on_primary_medium", mb: "$6" } }, title), success ? /* @__PURE__ */ React190.createElement(Flex, null, /* @__PURE__ */ React190.createElement(Text, { css: { c: "$alert_success" } }, /* @__PURE__ */ React190.createElement(CheckCircleIcon6, { width: "1.5rem", height: "1.5rem" })), /* @__PURE__ */ React190.createElement(Text, { variant: "lg", css: { ml: "$4" } }, status)) : /* @__PURE__ */ React190.createElement(Flex, null, /* @__PURE__ */ React190.createElement(Text, { css: { c: "$alert_error_bright" } }, /* @__PURE__ */ React190.createElement(CrossCircleIcon4, { width: "1.5rem", height: "1.5rem" })), /* @__PURE__ */ React190.createElement(Text, { variant: "lg", css: { ml: "$4" } }, "Failed")), /* @__PURE__ */ React190.createElement(
     Flex,
     {
       onClick: () => setHideDetails(!hideDetails),
@@ -33645,8 +33640,8 @@ var ConnectivityTestStepResult = ({
         color: "$primary_bright"
       }
     },
-    hideDetails ? /* @__PURE__ */ React191.createElement(EyeOpenIcon2, null) : /* @__PURE__ */ React191.createElement(EyeCloseIcon3, null),
-    /* @__PURE__ */ React191.createElement(
+    hideDetails ? /* @__PURE__ */ React190.createElement(EyeOpenIcon2, null) : /* @__PURE__ */ React190.createElement(EyeCloseIcon3, null),
+    /* @__PURE__ */ React190.createElement(
       Text,
       {
         variant: "caption",
@@ -33657,38 +33652,38 @@ var ConnectivityTestStepResult = ({
       hideDetails ? "View" : "Hide",
       " detailed information"
     )
-  ), !hideDetails ? /* @__PURE__ */ React191.createElement(Box, null, children) : null);
+  ), !hideDetails ? /* @__PURE__ */ React190.createElement(Box, null, children) : null);
 };
 var DetailedInfo = ({
   title,
   value,
   Icon: Icon4
 }) => {
-  return /* @__PURE__ */ React191.createElement(Box, { css: { flex: "50%", mt: "$6" } }, /* @__PURE__ */ React191.createElement(Text, { variant: "caption", css: { fontWeight: "$semiBold", c: "$on_primary_medium" } }, title), /* @__PURE__ */ React191.createElement(Flex, { css: { mt: "$xs", alignItems: "flex-start" } }, Icon4 && /* @__PURE__ */ React191.createElement(Text, { css: { mr: "$4" } }, /* @__PURE__ */ React191.createElement(Icon4, { width: "1rem", height: "1rem" })), /* @__PURE__ */ React191.createElement(Text, { variant: "caption" }, value)));
+  return /* @__PURE__ */ React190.createElement(Box, { css: { flex: "50%", mt: "$6" } }, /* @__PURE__ */ React190.createElement(Text, { variant: "caption", css: { fontWeight: "$semiBold", c: "$on_primary_medium" } }, title), /* @__PURE__ */ React190.createElement(Flex, { css: { mt: "$xs", alignItems: "flex-start" } }, Icon4 && /* @__PURE__ */ React190.createElement(Text, { css: { mr: "$4" } }, /* @__PURE__ */ React190.createElement(Icon4, { width: "1rem", height: "1rem" })), /* @__PURE__ */ React190.createElement(Text, { variant: "caption" }, value)));
 };
 var MediaServerResult = ({ result }) => {
   var _a7, _b7, _c, _d;
-  return /* @__PURE__ */ React191.createElement(
+  return /* @__PURE__ */ React190.createElement(
     ConnectivityTestStepResult,
     {
       title: "Media server connection test",
       success: (result == null ? void 0 : result.isPublishICEConnected) && result.isSubscribeICEConnected
     },
-    /* @__PURE__ */ React191.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React191.createElement(
+    /* @__PURE__ */ React190.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React190.createElement(
       DetailedInfo,
       {
         title: "Media Captured",
         value: ((_a7 = result == null ? void 0 : result.stats) == null ? void 0 : _a7.audio.bytesSent) ? "Yes" : "No",
         Icon: ((_b7 = result == null ? void 0 : result.stats) == null ? void 0 : _b7.audio.bytesSent) ? CheckCircleIcon6 : CrossCircleIcon4
       }
-    ), /* @__PURE__ */ React191.createElement(
+    ), /* @__PURE__ */ React190.createElement(
       DetailedInfo,
       {
         title: "Media Published",
         value: ((_c = result == null ? void 0 : result.stats) == null ? void 0 : _c.audio.bitrateSent) ? "Yes" : "No",
         Icon: ((_d = result == null ? void 0 : result.stats) == null ? void 0 : _d.audio.bytesSent) ? CheckCircleIcon6 : CrossCircleIcon4
       }
-    ), (result == null ? void 0 : result.connectionQualityScore) ? /* @__PURE__ */ React191.createElement(
+    ), (result == null ? void 0 : result.connectionQualityScore) ? /* @__PURE__ */ React190.createElement(
       DetailedInfo,
       {
         title: "Connection Quality Score (CQS)",
@@ -33698,27 +33693,27 @@ var MediaServerResult = ({ result }) => {
   );
 };
 var SignallingResult = ({ result }) => {
-  return /* @__PURE__ */ React191.createElement(ConnectivityTestStepResult, { title: "Signalling server connection test", success: result == null ? void 0 : result.isConnected }, /* @__PURE__ */ React191.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React191.createElement(
+  return /* @__PURE__ */ React190.createElement(ConnectivityTestStepResult, { title: "Signalling server connection test", success: result == null ? void 0 : result.isConnected }, /* @__PURE__ */ React190.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React190.createElement(
     DetailedInfo,
     {
       title: "Signalling Gateway",
       value: (result == null ? void 0 : result.isConnected) ? "Reachable" : "Unreachable",
       Icon: (result == null ? void 0 : result.isConnected) ? CheckCircleIcon6 : CrossCircleIcon4
     }
-  ), /* @__PURE__ */ React191.createElement(DetailedInfo, { title: "Websocket URL", value: (result == null ? void 0 : result.websocketUrl) || "N/A", Icon: LinkIcon })));
+  ), /* @__PURE__ */ React190.createElement(DetailedInfo, { title: "Websocket URL", value: (result == null ? void 0 : result.websocketUrl) || "N/A", Icon: LinkIcon })));
 };
 var AudioStats = ({ stats }) => {
-  return /* @__PURE__ */ React191.createElement(ConnectivityTestStepResult, { title: "Audio", status: "Received", success: !!(stats == null ? void 0 : stats.bytesSent) }, stats && /* @__PURE__ */ React191.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React191.createElement(DetailedInfo, { title: "Bytes Sent", value: formatBytes(stats.bytesSent) }), /* @__PURE__ */ React191.createElement(DetailedInfo, { title: "Bytes Received", value: formatBytes(stats.bytesReceived) }), /* @__PURE__ */ React191.createElement(DetailedInfo, { title: "Packets Received", value: stats.packetsReceived.toString() }), /* @__PURE__ */ React191.createElement(DetailedInfo, { title: "Packets Lost", value: stats.packetsLost.toString() }), /* @__PURE__ */ React191.createElement(DetailedInfo, { title: "Bitrate Sent", value: formatBytes(stats.bitrateSent, "b/s") }), /* @__PURE__ */ React191.createElement(DetailedInfo, { title: "Bitrate Received", value: formatBytes(stats.bitrateReceived, "b/s") }), /* @__PURE__ */ React191.createElement(DetailedInfo, { title: "Round Trip Time", value: `${stats.roundTripTime} ms` })));
+  return /* @__PURE__ */ React190.createElement(ConnectivityTestStepResult, { title: "Audio", status: "Received", success: !!(stats == null ? void 0 : stats.bytesSent) }, stats && /* @__PURE__ */ React190.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React190.createElement(DetailedInfo, { title: "Bytes Sent", value: formatBytes(stats.bytesSent) }), /* @__PURE__ */ React190.createElement(DetailedInfo, { title: "Bytes Received", value: formatBytes(stats.bytesReceived) }), /* @__PURE__ */ React190.createElement(DetailedInfo, { title: "Packets Received", value: stats.packetsReceived.toString() }), /* @__PURE__ */ React190.createElement(DetailedInfo, { title: "Packets Lost", value: stats.packetsLost.toString() }), /* @__PURE__ */ React190.createElement(DetailedInfo, { title: "Bitrate Sent", value: formatBytes(stats.bitrateSent, "b/s") }), /* @__PURE__ */ React190.createElement(DetailedInfo, { title: "Bitrate Received", value: formatBytes(stats.bitrateReceived, "b/s") }), /* @__PURE__ */ React190.createElement(DetailedInfo, { title: "Round Trip Time", value: `${stats.roundTripTime} ms` })));
 };
 var VideoStats = ({ stats }) => {
-  return /* @__PURE__ */ React191.createElement(ConnectivityTestStepResult, { title: "Video", status: "Received", success: !!(stats == null ? void 0 : stats.bytesSent) }, stats && /* @__PURE__ */ React191.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React191.createElement(DetailedInfo, { title: "Bytes Sent", value: formatBytes(stats.bytesSent) }), /* @__PURE__ */ React191.createElement(DetailedInfo, { title: "Bytes Received", value: formatBytes(stats.bytesReceived) }), /* @__PURE__ */ React191.createElement(DetailedInfo, { title: "Packets Received", value: stats.packetsReceived.toString() }), /* @__PURE__ */ React191.createElement(DetailedInfo, { title: "Packets Lost", value: stats.packetsLost.toString() }), /* @__PURE__ */ React191.createElement(DetailedInfo, { title: "Bitrate Sent", value: formatBytes(stats.bitrateSent, "b/s") }), /* @__PURE__ */ React191.createElement(DetailedInfo, { title: "Bitrate Received", value: formatBytes(stats.bitrateReceived, "b/s") }), /* @__PURE__ */ React191.createElement(DetailedInfo, { title: "Round Trip Time", value: `${stats.roundTripTime} ms` })));
+  return /* @__PURE__ */ React190.createElement(ConnectivityTestStepResult, { title: "Video", status: "Received", success: !!(stats == null ? void 0 : stats.bytesSent) }, stats && /* @__PURE__ */ React190.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React190.createElement(DetailedInfo, { title: "Bytes Sent", value: formatBytes(stats.bytesSent) }), /* @__PURE__ */ React190.createElement(DetailedInfo, { title: "Bytes Received", value: formatBytes(stats.bytesReceived) }), /* @__PURE__ */ React190.createElement(DetailedInfo, { title: "Packets Received", value: stats.packetsReceived.toString() }), /* @__PURE__ */ React190.createElement(DetailedInfo, { title: "Packets Lost", value: stats.packetsLost.toString() }), /* @__PURE__ */ React190.createElement(DetailedInfo, { title: "Bitrate Sent", value: formatBytes(stats.bitrateSent, "b/s") }), /* @__PURE__ */ React190.createElement(DetailedInfo, { title: "Bitrate Received", value: formatBytes(stats.bitrateReceived, "b/s") }), /* @__PURE__ */ React190.createElement(DetailedInfo, { title: "Round Trip Time", value: `${stats.roundTripTime} ms` })));
 };
 var Footer3 = ({
   error,
   result,
   restart
 }) => {
-  return /* @__PURE__ */ React191.createElement(TestFooter, { error }, /* @__PURE__ */ React191.createElement(Flex, { css: { gap: "$8", "@lg": { flexDirection: "column" } } }, /* @__PURE__ */ React191.createElement(Button, { variant: "standard", onClick: restart }, "Restart Test"), /* @__PURE__ */ React191.createElement(Button, { disabled: !result, onClick: () => result && downloadJson(result, "hms_diagnostics_results") }, "Download Test Report")));
+  return /* @__PURE__ */ React190.createElement(TestFooter, { error }, /* @__PURE__ */ React190.createElement(Flex, { css: { gap: "$8", "@lg": { flexDirection: "column" } } }, /* @__PURE__ */ React190.createElement(Button, { variant: "standard", onClick: restart }, "Restart Test"), /* @__PURE__ */ React190.createElement(Button, { disabled: !result, onClick: () => result && downloadJson(result, "hms_diagnostics_results") }, "Download Test Report")));
 };
 var ConnectivityTestReport = ({
   error,
@@ -33728,14 +33723,14 @@ var ConnectivityTestReport = ({
 }) => {
   var _a7, _b7, _c, _d;
   if (error) {
-    return /* @__PURE__ */ React191.createElement(React191.Fragment, null, /* @__PURE__ */ React191.createElement(TestContainer, { css: { textAlign: "center" } }, /* @__PURE__ */ React191.createElement(Text, { css: { c: "$alert_error_default", mb: "$4" } }, /* @__PURE__ */ React191.createElement(CrossCircleIcon4, null)), /* @__PURE__ */ React191.createElement(Text, { variant: "h6" }, "Connectivity Test Failed"), /* @__PURE__ */ React191.createElement(Text, { variant: "body2", css: { c: "$on_primary_medium" } }, error.message)), /* @__PURE__ */ React191.createElement(Footer3, { restart: startTest, error }));
+    return /* @__PURE__ */ React190.createElement(React190.Fragment, null, /* @__PURE__ */ React190.createElement(TestContainer, { css: { textAlign: "center" } }, /* @__PURE__ */ React190.createElement(Text, { css: { c: "$alert_error_default", mb: "$4" } }, /* @__PURE__ */ React190.createElement(CrossCircleIcon4, null)), /* @__PURE__ */ React190.createElement(Text, { variant: "h6" }, "Connectivity Test Failed"), /* @__PURE__ */ React190.createElement(Text, { variant: "body2", css: { c: "$on_primary_medium" } }, error.message)), /* @__PURE__ */ React190.createElement(Footer3, { restart: startTest, error }));
   }
   if (result) {
     console.log(result);
-    return /* @__PURE__ */ React191.createElement(React191.Fragment, null, /* @__PURE__ */ React191.createElement(TestContainer, null, /* @__PURE__ */ React191.createElement(Text, { css: { c: "$on_primary_medium" } }, "Connectivity test has been completed."), /* @__PURE__ */ React191.createElement(SignallingResult, { result: result == null ? void 0 : result.signallingReport }), /* @__PURE__ */ React191.createElement(MediaServerResult, { result: result == null ? void 0 : result.mediaServerReport }), /* @__PURE__ */ React191.createElement(AudioStats, { stats: (_b7 = (_a7 = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _a7.stats) == null ? void 0 : _b7.audio }), /* @__PURE__ */ React191.createElement(VideoStats, { stats: (_d = (_c = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _c.stats) == null ? void 0 : _d.video })), /* @__PURE__ */ React191.createElement(Footer3, { result, restart: startTest, error }));
+    return /* @__PURE__ */ React190.createElement(React190.Fragment, null, /* @__PURE__ */ React190.createElement(TestContainer, null, /* @__PURE__ */ React190.createElement(Text, { css: { c: "$on_primary_medium" } }, "Connectivity test has been completed."), /* @__PURE__ */ React190.createElement(SignallingResult, { result: result == null ? void 0 : result.signallingReport }), /* @__PURE__ */ React190.createElement(MediaServerResult, { result: result == null ? void 0 : result.mediaServerReport }), /* @__PURE__ */ React190.createElement(AudioStats, { stats: (_b7 = (_a7 = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _a7.stats) == null ? void 0 : _b7.audio }), /* @__PURE__ */ React190.createElement(VideoStats, { stats: (_d = (_c = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _c.stats) == null ? void 0 : _d.video })), /* @__PURE__ */ React190.createElement(Footer3, { result, restart: startTest, error }));
   }
   if (progress !== void 0) {
-    return /* @__PURE__ */ React191.createElement(TestContainer, { css: { textAlign: "center" } }, /* @__PURE__ */ React191.createElement(Text, { css: { c: "$primary_bright", display: "flex", justifyContent: "center" } }, /* @__PURE__ */ React191.createElement(Loading, { size: "3.5rem", color: "currentColor" })), /* @__PURE__ */ React191.createElement(Text, { variant: "h6", css: { mt: "$8" } }, "Checking your connection..."), /* @__PURE__ */ React191.createElement(
+    return /* @__PURE__ */ React190.createElement(TestContainer, { css: { textAlign: "center" } }, /* @__PURE__ */ React190.createElement(Text, { css: { c: "$primary_bright", display: "flex", justifyContent: "center" } }, /* @__PURE__ */ React190.createElement(Loading, { size: "3.5rem", color: "currentColor" })), /* @__PURE__ */ React190.createElement(Text, { variant: "h6", css: { mt: "$8" } }, "Checking your connection..."), /* @__PURE__ */ React190.createElement(
       Text,
       {
         variant: "body2",
@@ -33751,7 +33746,7 @@ var RegionSelector = ({
   setRegion,
   startTest
 }) => {
-  return /* @__PURE__ */ React191.createElement(TestContainer, { css: { borderBottom: "1px solid $border_default" } }, /* @__PURE__ */ React191.createElement(Text, { variant: "body1" }, "Select a region"), /* @__PURE__ */ React191.createElement(Text, { variant: "body2", css: { c: "$on_secondary_low" } }, "Select the closest region for best results"), /* @__PURE__ */ React191.createElement(
+  return /* @__PURE__ */ React190.createElement(TestContainer, { css: { borderBottom: "1px solid $border_default" } }, /* @__PURE__ */ React190.createElement(Text, { variant: "body1" }, "Select a region"), /* @__PURE__ */ React190.createElement(Text, { variant: "body2", css: { c: "$on_secondary_low" } }, "Select the closest region for best results"), /* @__PURE__ */ React190.createElement(
     Flex,
     {
       justify: "between",
@@ -33763,7 +33758,7 @@ var RegionSelector = ({
         }
       }
     },
-    /* @__PURE__ */ React191.createElement(
+    /* @__PURE__ */ React190.createElement(
       Flex,
       {
         css: {
@@ -33773,7 +33768,7 @@ var RegionSelector = ({
           }
         }
       },
-      Object.entries(Regions).map(([key, value]) => /* @__PURE__ */ React191.createElement(
+      Object.entries(Regions).map(([key, value]) => /* @__PURE__ */ React190.createElement(
         Button,
         {
           key,
@@ -33785,15 +33780,15 @@ var RegionSelector = ({
         value
       ))
     ),
-    /* @__PURE__ */ React191.createElement(Flex, { css: { "@lg": { flexDirection: "column" } } }, /* @__PURE__ */ React191.createElement(Button, { variant: "primary", onClick: startTest, disabled: !startTest }, startTest ? "Start Test" : "Testing..."))
+    /* @__PURE__ */ React190.createElement(Flex, { css: { "@lg": { flexDirection: "column" } } }, /* @__PURE__ */ React190.createElement(Button, { variant: "primary", onClick: startTest, disabled: !startTest }, startTest ? "Start Test" : "Testing..."))
   ));
 };
 var ConnectivityTest = () => {
   const { hmsDiagnostics, updateStep } = useDiagnostics();
-  const [region, setRegion] = useState82(Object.keys(Regions)[0]);
-  const [error, setError] = useState82();
-  const [progress, setProgress] = useState82();
-  const [result, setResult] = useState82();
+  const [region, setRegion] = useState81(Object.keys(Regions)[0]);
+  const [error, setError] = useState81();
+  const [progress, setProgress] = useState81();
+  const [result, setResult] = useState81();
   const startTest = () => {
     updateStep(3 /* CONNECTIVITY */, { hasFailed: false, isCompleted: false });
     setError(void 0);
@@ -33812,14 +33807,14 @@ var ConnectivityTest = () => {
       setError(error2);
     });
   };
-  return /* @__PURE__ */ React191.createElement(React191.Fragment, null, /* @__PURE__ */ React191.createElement(
+  return /* @__PURE__ */ React190.createElement(React190.Fragment, null, /* @__PURE__ */ React190.createElement(
     RegionSelector,
     {
       region,
       setRegion,
       startTest: progress === void 0 || progress === ConnectivityState.COMPLETED ? startTest : void 0
     }
-  ), /* @__PURE__ */ React191.createElement(ConnectivityTestReport, { error, result, progress, startTest }));
+  ), /* @__PURE__ */ React190.createElement(ConnectivityTestReport, { error, result, progress, startTest }));
 };
 var downloadJson = (obj, fileName) => {
   const a2 = document.createElement("a");
@@ -33833,7 +33828,7 @@ var downloadJson = (obj, fileName) => {
 
 // src/Diagnostics/VideoTest.tsx
 init_define_process_env();
-import React192, { useEffect as useEffect80, useState as useState83 } from "react";
+import React191, { useEffect as useEffect80, useState as useState82 } from "react";
 import {
   selectDevices as selectDevices2,
   selectLocalMediaSettings as selectLocalMediaSettings2,
@@ -33847,14 +33842,14 @@ var VideoTest = () => {
   const { videoInput } = allDevices;
   const trackID = useHMSStore100(selectLocalVideoTrackID4);
   const sdkSelectedDevices = useHMSStore100(selectLocalMediaSettings2);
-  const [error, setError] = useState83();
+  const [error, setError] = useState82();
   useEffect80(() => {
     hmsDiagnostics == null ? void 0 : hmsDiagnostics.startCameraCheck().catch((err) => {
       updateStep(1 /* VIDEO */, { hasFailed: true });
       setError(err);
     });
   }, [hmsDiagnostics, updateStep]);
-  return /* @__PURE__ */ React192.createElement(React192.Fragment, null, /* @__PURE__ */ React192.createElement(TestContainer, { css: { display: "flex", "@lg": { flexDirection: "column", alignItems: "center" } } }, trackID && /* @__PURE__ */ React192.createElement(
+  return /* @__PURE__ */ React191.createElement(React191.Fragment, null, /* @__PURE__ */ React191.createElement(TestContainer, { css: { display: "flex", "@lg": { flexDirection: "column", alignItems: "center" } } }, trackID && /* @__PURE__ */ React191.createElement(
     StyledVideoTile.Container,
     {
       css: {
@@ -33864,30 +33859,30 @@ var VideoTest = () => {
         "@lg": { mr: 0, mb: "$10", aspectRatio: "1/1" }
       }
     },
-    /* @__PURE__ */ React192.createElement(Video, { mirror: true, trackId: trackID })
-  ), /* @__PURE__ */ React192.createElement(Flex, { direction: "column", css: { w: "100%" } }, /* @__PURE__ */ React192.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__ */ React192.createElement(
+    /* @__PURE__ */ React191.createElement(Video, { mirror: true, trackId: trackID })
+  ), /* @__PURE__ */ React191.createElement(Flex, { direction: "column", css: { w: "100%" } }, /* @__PURE__ */ React191.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__ */ React191.createElement(
     DeviceSelector2,
     {
       title: "Video",
       devices: videoInput || [],
-      icon: /* @__PURE__ */ React192.createElement(VideoOnIcon5, null),
+      icon: /* @__PURE__ */ React191.createElement(VideoOnIcon5, null),
       selection: sdkSelectedDevices.videoInputDeviceId,
       onChange: (deviceId) => __async(void 0, null, function* () {
         hmsDiagnostics == null ? void 0 : hmsDiagnostics.stopCameraCheck();
         hmsDiagnostics == null ? void 0 : hmsDiagnostics.startCameraCheck(deviceId);
       })
     }
-  ))), /* @__PURE__ */ React192.createElement(TestFooter, { error, ctaText: "Does your video look good?" }), /* @__PURE__ */ React192.createElement(PermissionErrorModal, { error }));
+  ))), /* @__PURE__ */ React191.createElement(TestFooter, { error, ctaText: "Does your video look good?" }), /* @__PURE__ */ React191.createElement(PermissionErrorModal, { error }));
 };
 
 // src/Diagnostics/Diagnostics.tsx
 var DiagnosticsStepIcon = {
-  [1 /* VIDEO */]: /* @__PURE__ */ React193.createElement(VideoOnIcon6, { width: "2rem", height: "2rem" }),
-  [2 /* AUDIO */]: /* @__PURE__ */ React193.createElement(MicOnIcon8, { width: "2rem", height: "2rem" }),
-  [0 /* BROWSER */]: /* @__PURE__ */ React193.createElement(GlobeIcon, { width: "2rem", height: "2rem" }),
-  [3 /* CONNECTIVITY */]: /* @__PURE__ */ React193.createElement(ConnectivityIcon2, { width: "2rem", height: "2rem" })
+  [1 /* VIDEO */]: /* @__PURE__ */ React192.createElement(VideoOnIcon6, { width: "2rem", height: "2rem" }),
+  [2 /* AUDIO */]: /* @__PURE__ */ React192.createElement(MicOnIcon8, { width: "2rem", height: "2rem" }),
+  [0 /* BROWSER */]: /* @__PURE__ */ React192.createElement(GlobeIcon, { width: "2rem", height: "2rem" }),
+  [3 /* CONNECTIVITY */]: /* @__PURE__ */ React192.createElement(ConnectivityIcon2, { width: "2rem", height: "2rem" })
 };
-var Container5 = ({ children }) => /* @__PURE__ */ React193.createElement(
+var Container5 = ({ children }) => /* @__PURE__ */ React192.createElement(
   Box,
   {
     css: {
@@ -33927,7 +33922,7 @@ var Container5 = ({ children }) => /* @__PURE__ */ React193.createElement(
 );
 var DiagnosticsStepTest = () => {
   const { activeStepIndex } = useDiagnostics();
-  let TestComponent = () => /* @__PURE__ */ React193.createElement(React193.Fragment, null);
+  let TestComponent = () => /* @__PURE__ */ React192.createElement(React192.Fragment, null);
   if (activeStepIndex === 2 /* AUDIO */) {
     TestComponent = AudioTest;
   } else if (activeStepIndex === 1 /* VIDEO */) {
@@ -33937,47 +33932,47 @@ var DiagnosticsStepTest = () => {
   } else if (activeStepIndex === 3 /* CONNECTIVITY */) {
     TestComponent = ConnectivityTest;
   }
-  return /* @__PURE__ */ React193.createElement(TestComponent, { key: activeStepIndex });
+  return /* @__PURE__ */ React192.createElement(TestComponent, { key: activeStepIndex });
 };
 var DiagnosticsStepHeader = () => {
   const { activeStepIndex, activeStep } = useDiagnostics();
-  return /* @__PURE__ */ React193.createElement(Flex, { css: { py: "$8", px: "$10", alignItems: "center", borderBottom: "1px solid $border_default" } }, /* @__PURE__ */ React193.createElement(Text, { css: { c: "$primary_bright", mt: "$xs" } }, DiagnosticsStepIcon[activeStepIndex]), /* @__PURE__ */ React193.createElement(Text, { css: { fontSize: "$h6", ml: "$9" } }, activeStep.name));
+  return /* @__PURE__ */ React192.createElement(Flex, { css: { py: "$8", px: "$10", alignItems: "center", borderBottom: "1px solid $border_default" } }, /* @__PURE__ */ React192.createElement(Text, { css: { c: "$primary_bright", mt: "$xs" } }, DiagnosticsStepIcon[activeStepIndex]), /* @__PURE__ */ React192.createElement(Text, { css: { fontSize: "$h6", ml: "$9" } }, activeStep.name));
 };
 var DiagnosticsStepContainer = () => {
-  return /* @__PURE__ */ React193.createElement(Box, { css: { border: "1px solid $border_default", r: "$1", w: "75%", maxWidth: "65rem", "@lg": { w: "100%" } } }, /* @__PURE__ */ React193.createElement(DiagnosticsStepHeader, null), /* @__PURE__ */ React193.createElement(DiagnosticsStepTest, null));
+  return /* @__PURE__ */ React192.createElement(Box, { css: { border: "1px solid $border_default", r: "$1", w: "75%", maxWidth: "65rem", "@lg": { w: "100%" } } }, /* @__PURE__ */ React192.createElement(DiagnosticsStepHeader, null), /* @__PURE__ */ React192.createElement(DiagnosticsStepTest, null));
 };
 var DiagnosticsStepsList = () => {
   const { activeStepIndex, activeStep, steps } = useDiagnostics();
-  return /* @__PURE__ */ React193.createElement(Box, { css: { w: "25%", "@lg": { display: "none" } } }, Object.keys(DiagnosticsStep).filter((key) => !isNaN(Number(key))).map((key) => {
+  return /* @__PURE__ */ React192.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__ */ React193.createElement(Text, { css: { c: color, fontSize: "1.75rem" } }, "\u2022");
+    let icon = /* @__PURE__ */ React192.createElement(Text, { css: { c: color, fontSize: "1.75rem" } }, "\u2022");
     if (activeStepIndex === keyIndex) {
       color = "$on_primary_high";
-      icon = /* @__PURE__ */ React193.createElement(Text, { css: { c: color, fontSize: "1.75rem" } }, "\u2022");
+      icon = /* @__PURE__ */ React192.createElement(Text, { css: { c: color, fontSize: "1.75rem" } }, "\u2022");
     }
     if (isStepCompleted) {
       color = "$primary_bright";
-      icon = /* @__PURE__ */ React193.createElement(CheckCircleIcon7, { width: "1rem", height: "1rem" });
+      icon = /* @__PURE__ */ React192.createElement(CheckCircleIcon7, { width: "1rem", height: "1rem" });
     }
     if (step.hasFailed) {
       color = "$alert_error_default";
-      icon = /* @__PURE__ */ React193.createElement(CrossCircleIcon5, { width: "1rem", height: "1rem" });
+      icon = /* @__PURE__ */ React192.createElement(CrossCircleIcon5, { width: "1rem", height: "1rem" });
     }
-    return /* @__PURE__ */ React193.createElement(Flex, { key, css: { mb: "$10", c: color, gap: "$4", alignItems: "center" } }, icon, /* @__PURE__ */ React193.createElement(Text, { css: { c: color } }, step.name));
+    return /* @__PURE__ */ React192.createElement(Flex, { key, css: { mb: "$10", c: color, gap: "$4", alignItems: "center" } }, icon, /* @__PURE__ */ React192.createElement(Text, { css: { c: color } }, step.name));
   }));
 };
 var DiagnosticsProvider = () => {
   const actions = useHMSActions59();
-  const [activeStep, setActiveStep] = useState84(0);
-  const [steps, setSteps] = useState84(initialSteps);
-  const diagnosticsRef = useRef33(actions.initDiagnostics());
+  const [activeStep, setActiveStep] = useState83(0);
+  const [steps, setSteps] = useState83(initialSteps);
+  const diagnosticsRef = useRef34(actions.initDiagnostics());
   const updateStep = useCallback43((step, value) => {
     setSteps((prevSteps) => __spreadProps(__spreadValues({}, prevSteps), { [step]: __spreadValues(__spreadValues({}, prevSteps[step]), value) }));
   }, []);
-  return /* @__PURE__ */ React193.createElement(
+  return /* @__PURE__ */ React192.createElement(
     DiagnosticsContext.Provider,
     {
       value: {
@@ -33988,11 +33983,11 @@ var DiagnosticsProvider = () => {
         updateStep
       }
     },
-    /* @__PURE__ */ React193.createElement(Container5, null, /* @__PURE__ */ React193.createElement(Text, { variant: "h4" }, "Pre-call Test"), /* @__PURE__ */ React193.createElement(Text, { variant: "md", css: { c: "$on_primary_medium" } }, "Make sure your devices and network are good to go, let's get started."), /* @__PURE__ */ React193.createElement(Flex, { css: { direction: "column", mt: "$12", justifyItems: "center" } }, /* @__PURE__ */ React193.createElement(DiagnosticsStepsList, null), /* @__PURE__ */ React193.createElement(DiagnosticsStepContainer, null)))
+    /* @__PURE__ */ React192.createElement(Container5, null, /* @__PURE__ */ React192.createElement(Text, { variant: "h4" }, "Pre-call Test"), /* @__PURE__ */ React192.createElement(Text, { variant: "md", css: { c: "$on_primary_medium" } }, "Make sure your devices and network are good to go, let's get started."), /* @__PURE__ */ React192.createElement(Flex, { css: { direction: "column", mt: "$12", justifyItems: "center" } }, /* @__PURE__ */ React192.createElement(DiagnosticsStepsList, null), /* @__PURE__ */ React192.createElement(DiagnosticsStepContainer, null)))
   );
 };
 var Diagnostics = () => {
-  return /* @__PURE__ */ React193.createElement(HMSRoomProvider2, null, /* @__PURE__ */ React193.createElement(HMSThemeProvider, { themeType: "default" }, /* @__PURE__ */ React193.createElement(DiagnosticsProvider, null)));
+  return /* @__PURE__ */ React192.createElement(HMSRoomProvider2, null, /* @__PURE__ */ React192.createElement(HMSThemeProvider, { themeType: "default" }, /* @__PURE__ */ React192.createElement(DiagnosticsProvider, null)));
 };
 
 export {
@@ -34127,4 +34122,4 @@ object-assign/index.js:
   @license MIT
   *)
 */
-//# sourceMappingURL=chunk-GCTIXYTC.js.map
+//# sourceMappingURL=chunk-Y4ZC5NAS.js.map