@100mslive/roomkit-react 0.3.20-alpha.3 → 0.3.20

package/dist/index.cjs.js

@@ -45,13 +45,13 @@ var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __copyProps = (to, from, except, desc) => {
+var __copyProps = (to2, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+      if (!__hasOwnProp.call(to2, key) && key !== except)
+        __defProp(to2, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return to;
+  return to2;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
   // If the importer is in node compatibility mode or this is not an ESM
@@ -109,7 +109,7 @@ var __async = (__this, __arguments, generator) => {
 var define_process_env_default;
 var init_define_process_env = __esm({
   "<define:process.env>"() {
-    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_e0bdbab7-b112-42b5-98c4-6b7daa069b10", 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.10-alpha.3", 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.20-alpha.3", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_e0bdbab7-b112-42b5-98c4-6b7daa069b10", 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.20-alpha.3", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.12", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.10", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/27.1.12297006", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "592", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.13/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240908.1.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.7/x64", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.0.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:18990", 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.20-alpha.3", 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: "10916945557", 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: "7432edcc726ca36bf1ffeab7e0ab8ab16f461ac3", 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: "9fab33a4baf3b773cc76975b6479e7ba586b4e20690fc892078f51876bb2b8d8", 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--1726641890325-0.27237376005150304:/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--1726641890123-0.4112577750257449:/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--1726641864483-0.6107801977411564:/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--1726641864302-0.6057361361633993:/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_8754bda5-14c7-4824-a02e-12e1ca0902dc", INVOCATION_ID: "ba1abf96d96d49439c675220f67e7172", 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: "672", 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 40", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "false", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/27.1.12297006", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.10.20-alpha.3", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.20-alpha.3", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_resolutions_axios: "^1.7.4", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", GITHUB_SHA: "7432edcc726ca36bf1ffeab7e0ab8ab16f461ac3", 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_e0bdbab7-b112-42b5-98c4-6b7daa069b10", 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_e0bdbab7-b112-42b5-98c4-6b7daa069b10", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/27.1.12297006", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.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.1.12297006", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_e0bdbab7-b112-42b5-98c4-6b7daa069b10" };
+    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_ec11c631-e485-4f51-9c26-bb717e858271", 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.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.20", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_ec11c631-e485-4f51-9c26-bb717e858271", 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.20", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.12", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.10", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/27.1.12297006", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "608", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.13/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240908.1.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.7/x64", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.0.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:18964", 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.20", 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: "10924413428", 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: "da50781c2357d6201da1c94dcfef574a0081e2dc", 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: "6a550264188b60ad5b210e7360722db39c68e566f3b4a82fd42d283442fee345", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/main", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1726670303235-0.6943569884753475:/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--1726670303041-0.9452376450439679:/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--1726670277486-0.9961146939722547:/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--1726670277275-0.7350963641480994:/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_935d062f-73ee-4fb4-a130-ccb29bb267a6", INVOCATION_ID: "f6689711720b4bc8a234afc9b66d7530", 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: "674", GITHUB_TRIGGERING_ACTOR: "raviteja83", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_dependencies_react_dom: "^18.2.0", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 361", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "main", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "false", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/27.1.12297006", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.10.20", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.20", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_resolutions_axios: "^1.7.4", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", GITHUB_SHA: "da50781c2357d6201da1c94dcfef574a0081e2dc", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", npm_package_dependencies_qrcode_react: "^3.1.0", GITHUB_REF: "refs/heads/main", GITHUB_ACTOR: "raviteja83", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_config_strict_ssl: "true", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_scripts_format: "prettier -w src/**", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", GITHUB_PATH: "/home/runner/work/_temp/_runner_file_commands/add_path_ec11c631-e485-4f51-9c26-bb717e858271", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "6763261", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_ec11c631-e485-4f51-9c26-bb717e858271", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/27.1.12297006", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.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.1.12297006", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_ec11c631-e485-4f51-9c26-bb717e858271" };
   }
 });
 
@@ -2644,8 +2644,8 @@ var init_useBorderAudioLevel = __esm({
     import_react19 = require("react");
     import_react_sdk3 = require("@100mslive/react-sdk");
     init_Theme();
-    sigmoid = (z) => {
-      return 1 / (1 + Math.exp(-z));
+    sigmoid = (z2) => {
+      return 1 / (1 + Math.exp(-z2));
     };
   }
 });
@@ -10395,15 +10395,6 @@ var init_VBHandler = __esm({
           this.effectsPlugin = void 0;
           this.hmsPlugin = void 0;
         };
-        this.isBlurSupported = () => {
-          if ((isSafari || isIOS) && this.hmsPlugin) {
-            return false;
-          }
-          if (this.effectsPlugin) {
-            return true;
-          }
-          return false;
-        };
         this.isEffectsSupported = () => {
           var _a7, _b7;
           if (!isSafari) {
@@ -11959,6 +11950,7 @@ var init_SettingsModal = __esm({
           {
             direction: "column",
             css: {
+              px: "$8",
               pb: "$8",
               overflowY: "auto"
             }
@@ -11976,7 +11968,7 @@ var init_SettingsModal = __esm({
                 css: {
                   all: "unset",
                   fontFamily: "$sans",
-                  p: "$10 $8",
+                  py: "$10",
                   display: "flex",
                   alignItems: "center",
                   fontSize: "$sm",
@@ -21553,7 +21545,7 @@ function Ue(a2, e) {
   if (e)
     for (let r of e.auxiliaryTracks) {
       let s = a2[r];
-      ao(s) && (i = pt(s) ? s : i, t = ht(s) ? s : t);
+      oo(s) && (i = pt(s) ? s : i, t = ht(s) ? s : t);
     }
   return { video: t, audio: i };
 }
@@ -21563,7 +21555,7 @@ function pt(a2) {
 function ht(a2) {
   return a2 && a2.type === "video";
 }
-function ao(a2) {
+function oo(a2) {
   return a2 && a2.source === "screen";
 }
 function si(a2) {
@@ -21572,7 +21564,7 @@ function si(a2) {
 function mt(a2) {
   return a2 && a2.source === "videoplaylist";
 }
-function ls(a2) {
+function us(a2) {
   return a2 ? !!(a2 != null && a2.degraded) : false;
 }
 function je(a2, e) {
@@ -21583,7 +21575,7 @@ function St(a2) {
   let e = false, t = false, i = false;
   return (r = a2 == null ? void 0 : a2.publishParams) != null && r.allowed && (e = a2.publishParams.allowed.includes("video"), t = a2.publishParams.allowed.includes("audio"), i = a2.publishParams.allowed.includes("screen")), { video: e, audio: t, screen: i };
 }
-function lo() {
+function uo() {
   if (B && window) {
     let a2 = window.location.hostname;
     return a2 === "localhost" || a2 === "127.0.0.1" ? "LOCAL" : a2.includes("app.100ms.live") ? "HMS" : "CUSTOM";
@@ -21596,9 +21588,9 @@ function ce(a2) {
 function vt(a2 = "prod", e) {
   let t = "web", i = Qe !== "LOCAL" && a2 === "prod" ? "prod" : "debug";
   if (Be)
-    return As({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version: Is, env: i, domain: Qe, is_prebuilt: !!(e != null && e.isPrebuilt), framework: "node", framework_version: process.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
+    return Rs({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version: As, env: i, domain: Qe, is_prebuilt: !!(e != null && e.isPrebuilt), framework: "node", framework_version: process.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
   let r = he.getOS(), s = he.getDevice(), o = he.getBrowser(), n = kr(`web_${r.name}`), d = r.version || "", u = kr(`${o.name}_${o.version}`), p = u;
-  return s.type && (p = `${kr(`${s.vendor}_${s.type}`)}/${u}`), As({ os: n, os_version: d, sdk: t, sdk_version: Is, device_model: p, env: i, domain: Qe, is_prebuilt: !!(e != null && e.isPrebuilt), framework: e == null ? void 0 : e.type, framework_version: e == null ? void 0 : e.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
+  return s.type && (p = `${kr(`${s.vendor}_${s.type}`)}/${u}`), Rs({ os: n, os_version: d, sdk: t, sdk_version: As, device_model: p, env: i, domain: Qe, is_prebuilt: !!(e != null && e.isPrebuilt), framework: e == null ? void 0 : e.type, framework_version: e == null ? void 0 : e.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
 }
 function kr(a2) {
   return a2.replace(/ /g, "_");
@@ -21622,7 +21614,7 @@ function Jm(a2) {
       return a2 ? e.sessionStore[a2] : e.sessionStore;
   };
 }
-var import_ua_parser_js, import_uuid3, import_uuid4, import_lodash3, import_lodash4, import_uuid5, import_uuid6, import_uuid7, import_eventemitter2, import_eventemitter22, import_uuid8, import_eventemitter23, jt, import_eventemitter24, import_uuid9, import_uuid10, Xa, Za, eo, ti, os, ns, as, m, y, gr, ro, c, yr, Tr, so, cs, fr, ds, ps, oo, l, he, B, hs, Be, co, cc, ms, Ss, Ms, gs, Ts, ys, ks, Qe, P4, f, uo, S, Mr, Es, me, ai, Is, As, C, E, Er, Y, Pr, br, Rr, Ls, ws, Ds, _s, Ns, Hr, Os, Cr, Vs, Lr, Fs, wr, Dr, $s, Ks, Pt, rt, V, _o, Zh, em, j, Mi, ea, O, Gr, No, Oe, rm, Oo, fe, xo, ie, Ee, sm, am, ne, X, Uo, ia, om, nm, $r, Bo, dm, lm, um, pm, hm, mm, Sm, gm, Rt, Vo, Tm, re, sa, fm, vm, ve, Mm, at, Fo, aa, ym, oa, km, Em, Pm, bm, Im, Am, Rm, Hm, Cm, Lm, na, Nm, Go, Om, da, Kr, la, ua, pa, ha, ma, Sa, ga, Ta, Ht, b, qr, Ct, fa, Wo, $o, J, jr, Ko, qo, jo, Jo, Qo, Z, jm, zm, Ym, yi, va, Xm, Zm, eS, zo, Yo, iS, Ma, rS, Xo, sS, aS, oS, nS, cS, dS, ya, ka, uS, pS, Ea, hS, mS, Pa, SS, gS, TS, ba, Ia, Zo, en, tn, fS, vS, MS, yS, kS, Aa, _S, rn, NS, OS, xS, an, on, dn, Xr, be, Vt, Q, sr, lt, Hn, Cn, Ln, wn, za, Dn, Ya, is, Ae, _n, Nn, On, xn, Un, Bn, Vn, Fn, Gn, Wn, rs, $n, Kn, qn, jn, Jn, Qn;
+var import_ua_parser_js, import_uuid3, import_uuid4, import_lodash3, import_lodash4, import_uuid5, import_uuid6, import_uuid7, import_eventemitter2, import_eventemitter22, import_uuid8, import_eventemitter23, jt, import_eventemitter24, import_uuid9, import_uuid10, Za, eo, to, ti, ns, cs, os, h, M, gr, so, c, yr, Tr, ao, ds, fr, ls, hs, no, l, he, B, ms, Be, lo, cc, Ss, gs, ys, Ts, fs, ks, Es, Qe, P4, f, po, S, Mr, Ps, me, ai, As, Rs, H, y, Er, z, Pr, br, Rr, ws, Ds, _s, Ns, Os, Hr, xs, Cr, Fs, Lr, Gs, wr, Dr, Ks, qs, Pt, rt, V, No, Zh, em, j, Mi, ta, O, Gr, Oo, Oe, rm, xo, fe, Uo, ie, Ee, sm, am, ne, Y, Bo, ra, om, nm, $r, Vo, dm, lm, um, pm, hm, mm, Sm, gm, Rt, Fo, Tm, re, aa, fm, vm, ve, Mm, at, Go, oa, ym, na, km, Em, Pm, bm, Im, Am, Rm, Hm, Cm, Lm, ca, Nm, Wo, Om, la, Kr, ua, pa, ha, ma, Sa, ga, Ta, fa, Ht, b, qr, Ct, va, $o, Ko, J, jr, qo, jo, Jo, Qo, zo, X, jm, zm, Ym, yi, Ma, Xm, Zm, eS, Yo, Xo, iS, ya, rS, Zo, sS, aS, oS, nS, cS, dS, ka, Ea, uS, pS, Pa, hS, mS, ba, SS, gS, TS, Ia, Aa, en, tn, rn, fS, vS, MS, yS, kS, Ra, _S, sn, NS, OS, xS, on, nn, ln, Xr, be, Vt, Q, sr, lt, Hn, Cn, Ln, wn, Ya, Dn, Xa, rs, Ae, _n, Nn, On, xn, Un, Bn, Vn, Fn, Gn, Wn, ss, $n, Kn, qn, jn, Jn, Qn;
 var init_dist = __esm({
   "../hms-video-store/dist/index.js"() {
     "use strict";
@@ -21650,32 +21642,32 @@ var init_dist = __esm({
     import_uuid9 = require("uuid");
     import_uuid10 = require("uuid");
     init_es();
-    Xa = Object.defineProperty;
-    Za = Object.defineProperties;
-    eo = Object.getOwnPropertyDescriptors;
+    Za = Object.defineProperty;
+    eo = Object.defineProperties;
+    to = Object.getOwnPropertyDescriptors;
     ti = Object.getOwnPropertySymbols;
-    os = Object.prototype.hasOwnProperty;
-    ns = Object.prototype.propertyIsEnumerable;
-    as = (a2, e, t) => e in a2 ? Xa(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
-    m = (a2, e) => {
+    ns = Object.prototype.hasOwnProperty;
+    cs = Object.prototype.propertyIsEnumerable;
+    os = (a2, e, t) => e in a2 ? Za(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
+    h = (a2, e) => {
       for (var t in e || (e = {}))
-        os.call(e, t) && as(a2, t, e[t]);
+        ns.call(e, t) && os(a2, t, e[t]);
       if (ti)
         for (var t of ti(e))
-          ns.call(e, t) && as(a2, t, e[t]);
+          cs.call(e, t) && os(a2, t, e[t]);
       return a2;
     };
-    y = (a2, e) => Za(a2, eo(e));
+    M = (a2, e) => eo(a2, to(e));
     gr = (a2, e) => {
       var t = {};
       for (var i in a2)
-        os.call(a2, i) && e.indexOf(i) < 0 && (t[i] = a2[i]);
+        ns.call(a2, i) && e.indexOf(i) < 0 && (t[i] = a2[i]);
       if (a2 != null && ti)
         for (var i of ti(a2))
-          e.indexOf(i) < 0 && ns.call(a2, i) && (t[i] = a2[i]);
+          e.indexOf(i) < 0 && cs.call(a2, i) && (t[i] = a2[i]);
       return t;
     };
-    ro = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
+    so = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
     c = (a2, e, t) => new Promise((i, r) => {
       var s = (d) => {
         try {
@@ -21692,16 +21684,16 @@ var init_dist = __esm({
       }, n = (d) => d.done ? i(d.value) : Promise.resolve(d.value).then(s, o);
       n((t = t.apply(a2, e)).next());
     });
-    yr = ro((_c, ho) => {
-      ho.exports = { version: "0.12.20-alpha.3", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "src"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, sideEffects: false, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", "lodash.isequal": "^4.5.0", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/lodash.isequal": "^4.5.8", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
+    yr = so((_c, mo) => {
+      mo.exports = { version: "0.12.20", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "src"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, sideEffects: false, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", "lodash.isequal": "^4.5.0", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/lodash.isequal": "^4.5.8", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
     });
     Tr = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(Tr || {});
-    so = ((e) => (e.CHAT = "chat", e))(so || {});
-    cs = ((t) => (t.INFO = "info", t.ERROR = "error", t))(cs || {});
+    ao = ((e) => (e.CHAT = "chat", e))(ao || {});
+    ds = ((t) => (t.INFO = "info", t.ERROR = "error", t))(ds || {});
     fr = ((D) => (D.PEER_JOINED = "PEER_JOINED", D.PEER_LEFT = "PEER_LEFT", D.PEER_LIST = "PEER_LIST", D.NEW_MESSAGE = "NEW_MESSAGE", D.ERROR = "ERROR", D.RECONNECTING = "RECONNECTING", D.RECONNECTED = "RECONNECTED", D.TRACK_ADDED = "TRACK_ADDED", D.TRACK_REMOVED = "TRACK_REMOVED", D.TRACK_MUTED = "TRACK_MUTED", D.TRACK_UNMUTED = "TRACK_UNMUTED", D.TRACK_DEGRADED = "TRACK_DEGRADED", D.TRACK_RESTORED = "TRACK_RESTORED", D.TRACK_DESCRIPTION_CHANGED = "TRACK_DESCRIPTION_CHANGED", D.ROLE_UPDATED = "ROLE_UPDATED", D.CHANGE_TRACK_STATE_REQUEST = "CHANGE_TRACK_STATE_REQUEST", D.CHANGE_MULTI_TRACK_STATE_REQUEST = "CHANGE_MULTI_TRACK_STATE_REQUEST", D.ROOM_ENDED = "ROOM_ENDED", D.REMOVED_FROM_ROOM = "REMOVED_FROM_ROOM", D.DEVICE_CHANGE_UPDATE = "DEVICE_CHANGE_UPDATE", D.PLAYLIST_TRACK_ENDED = "PLAYLIST_TRACK_ENDED", D.NAME_UPDATED = "NAME_UPDATED", D.METADATA_UPDATED = "METADATA_UPDATED", D.POLL_CREATED = "POLL_CREATED", D.POLL_STARTED = "POLL_STARTED", D.POLL_STOPPED = "POLL_STOPPED", D.POLL_VOTES_UPDATED = "POLL_VOTES_UPDATED", D.POLLS_LIST = "POLLS_LIST", D.HAND_RAISE_CHANGED = "HAND_RAISE_CHANGED", D.TRANSCRIPTION_STATE_UPDATED = "TRANSCRIPTION_STATE_UPDATED", D))(fr || {});
-    ds = ((t) => (t.audio = "audio", t.video = "video", t))(ds || {});
-    ps = ((d) => (d[d.VERBOSE = 0] = "VERBOSE", d[d.DEBUG = 1] = "DEBUG", d[d.INFO = 2] = "INFO", d[d.WARN = 3] = "WARN", d[d.TIME = 4] = "TIME", d[d.TIMEEND = 5] = "TIMEEND", d[d.ERROR = 6] = "ERROR", d[d.NONE = 7] = "NONE", d))(ps || {});
-    oo = typeof window != "undefined" && typeof window.expect != "undefined";
+    ls = ((t) => (t.audio = "audio", t.video = "video", t))(ls || {});
+    hs = ((d) => (d[d.VERBOSE = 0] = "VERBOSE", d[d.DEBUG = 1] = "DEBUG", d[d.INFO = 2] = "INFO", d[d.WARN = 3] = "WARN", d[d.TIME = 4] = "TIME", d[d.TIMEEND = 5] = "TIMEEND", d[d.ERROR = 6] = "ERROR", d[d.NONE = 7] = "NONE", d))(hs || {});
+    no = typeof window != "undefined" && typeof window.expect != "undefined";
     l = class {
       static v(e, ...t) {
         this.log(0, e, ...t);
@@ -21767,16 +21759,16 @@ var init_dist = __esm({
           }
       }
     };
-    l.level = oo ? 7 : 0;
+    l.level = no ? 7 : 0;
     he = new import_ua_parser_js.UAParser();
     B = typeof window != "undefined";
-    Be = typeof window == "undefined" && !((hs = he.getBrowser().name) != null && hs.toLowerCase().includes("electron"));
-    co = () => !Be;
-    cc = co();
-    Ms = (Ss = (ms = he.getBrowser()) == null ? void 0 : ms.name) == null ? void 0 : Ss.toLowerCase().includes("safari");
-    ys = ((Ts = (gs = he.getBrowser()) == null ? void 0 : gs.name) == null ? void 0 : Ts.toLowerCase()) === "firefox";
-    ks = ((i) => (i.CUSTOM = "CUSTOM", i.LOCAL = "LOCAL", i.HMS = "HMS", i))(ks || {});
-    Qe = lo();
+    Be = typeof window == "undefined" && !((ms = he.getBrowser().name) != null && ms.toLowerCase().includes("electron"));
+    lo = () => !Be;
+    cc = lo();
+    ys = (gs = (Ss = he.getBrowser()) == null ? void 0 : Ss.name) == null ? void 0 : gs.toLowerCase().includes("safari");
+    ks = ((fs = (Ts = he.getBrowser()) == null ? void 0 : Ts.name) == null ? void 0 : fs.toLowerCase()) === "firefox";
+    Es = ((i) => (i.CUSTOM = "CUSTOM", i.LOCAL = "LOCAL", i.HMS = "HMS", i))(Es || {});
+    Qe = uo();
     P4 = { WebSocketConnectionErrors: { FAILED_TO_CONNECT: 1e3, WEBSOCKET_CONNECTION_LOST: 1003, ABNORMAL_CLOSE: 1006 }, APIErrors: { SERVER_ERRORS: 2e3, INIT_CONFIG_NOT_AVAILABLE: 2002, ENDPOINT_UNREACHABLE: 2003, INVALID_TOKEN_FORMAT: 2004 }, TracksErrors: { GENERIC_TRACK: 3e3, CANT_ACCESS_CAPTURE_DEVICE: 3001, DEVICE_NOT_AVAILABLE: 3002, DEVICE_IN_USE: 3003, DEVICE_LOST_MIDWAY: 3004, NOTHING_TO_RETURN: 3005, INVALID_VIDEO_SETTINGS: 3006, CODEC_CHANGE_NOT_PERMITTED: 3007, AUTOPLAY_ERROR: 3008, OVER_CONSTRAINED: 3009, NO_AUDIO_DETECTED: 3010, SYSTEM_DENIED_PERMISSION: 3011, CURRENT_TAB_NOT_SHARED: 3012, AUDIO_PLAYBACK_ERROR: 3013, SELECTED_DEVICE_MISSING: 3014 }, WebrtcErrors: { CREATE_OFFER_FAILED: 4001, CREATE_ANSWER_FAILED: 4002, SET_LOCAL_DESCRIPTION_FAILED: 4003, SET_REMOTE_DESCRIPTION_FAILED: 4004, ICE_FAILURE: 4005, ICE_DISCONNECTED: 4006, STATS_FAILED: 4007 }, WebsocketMethodErrors: { SERVER_ERRORS: 5e3, ALREADY_JOINED: 5001, CANNOT_JOIN_PREVIEW_IN_PROGRESS: 5002 }, GenericErrors: { NOT_CONNECTED: 6e3, SIGNALLING: 6001, UNKNOWN: 6002, NOT_READY: 6003, JSON_PARSING_FAILED: 6004, TRACK_METADATA_MISSING: 6005, RTC_TRACK_MISSING: 6006, PEER_METADATA_MISSING: 6007, INVALID_ROLE: 6008, PREVIEW_IN_PROGRESS: 6009, MISSING_MEDIADEVICES: 6010, MISSING_RTCPEERCONNECTION: 6011, LOCAL_STORAGE_ACCESS_DENIED: 6012, VALIDATION_FAILED: 6013 }, PlaylistErrors: { NO_ENTRY_TO_PLAY: 8001, NO_ENTRY_IS_PLAYING: 8002 } };
     f = class a extends Error {
       constructor(t, i, r, s, o, n = false) {
@@ -21807,7 +21799,7 @@ var init_dist = __esm({
     }`;
       }
     };
-    uo = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
+    po = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
     S = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
       return new f(P4.WebSocketConnectionErrors.FAILED_TO_CONNECT, "WebsocketFailedToConnect", a2, `[WS]: ${e}`, `[WS]: ${e}`);
     }, WebSocketConnectionLost(a2, e = "") {
@@ -21867,7 +21859,7 @@ var init_dist = __esm({
     }, StatsFailed(a2, e = "") {
       return new f(P4.WebrtcErrors.STATS_FAILED, "StatsFailed", a2, `Failed to WebRTC get stats - ${e}`, e);
     } }, WebsocketMethodErrors: { ServerErrors(a2, e, t) {
-      return new f(a2, "ServerErrors", e, t, t, uo.includes(e));
+      return new f(a2, "ServerErrors", e, t, t, po.includes(e));
     }, AlreadyJoined(a2, e = "") {
       return new f(P4.WebsocketMethodErrors.ALREADY_JOINED, "AlreadyJoined", a2, "[JOIN]: You have already joined this room.", e);
     }, CannotJoinPreviewInProgress(a2, e = "") {
@@ -21940,7 +21932,7 @@ var init_dist = __esm({
         return this.valuesMap.size;
       }
     };
-    Es = () => {
+    Ps = () => {
       try {
         B && !localStorage && (window.localStorage = new Mr());
       } catch (a2) {
@@ -21954,7 +21946,7 @@ var init_dist = __esm({
       }
       getStorage() {
         try {
-          return B && !this.storage && (Es(), this.storage = window.localStorage), this.storage;
+          return B && !this.storage && (Ps(), this.storage = window.localStorage), this.storage;
         } catch (e) {
           return l.e("Error initialising localStorage", S.GenericErrors.LocalStorageAccessDenied()), null;
         }
@@ -21978,117 +21970,117 @@ var init_dist = __esm({
       let a2, e = new me("hms-analytics-deviceId"), t = e.get();
       return t ? a2 = t : (a2 = (0, import_uuid4.v4)(), e.set(a2)), a2;
     };
-    Is = yr().version;
-    As = (a2, e = ",") => Object.keys(a2).filter((t) => ce(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
-    C = class {
+    As = yr().version;
+    Rs = (a2, e = ",") => Object.keys(a2).filter((t) => ce(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
+    H = class {
       constructor({ name: e, level: t, properties: i, includesPII: r, timestamp: s }) {
         this.metadata = { peer: {}, userAgent: vt() };
         this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = (0, import_uuid3.v4)(), this.device_id = ai();
       }
       toSignalParams() {
-        return { name: this.name, info: y(m({}, this.properties), { timestamp: this.timestamp, domain: Qe }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
+        return { name: this.name, info: M(h({}, this.properties), { timestamp: this.timestamp, domain: Qe }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
       }
     };
-    E = class {
+    y = class {
       static connect(e, t, i = /* @__PURE__ */ new Date(), r = /* @__PURE__ */ new Date(), s) {
-        let o = this.eventNameFor("connect", e === void 0), n = e ? 2 : 1, d = this.getPropertiesWithError(y(m({}, t), { [this.KEY_REQUESTED_AT]: i == null ? void 0 : i.getTime(), [this.KEY_RESPONDED_AT]: r == null ? void 0 : r.getTime(), endpoint: s }), e);
-        return new C({ name: o, level: n, properties: d });
+        let o = this.eventNameFor("connect", e === void 0), n = e ? 2 : 1, d = this.getPropertiesWithError(M(h({}, t), { [this.KEY_REQUESTED_AT]: i == null ? void 0 : i.getTime(), [this.KEY_RESPONDED_AT]: r == null ? void 0 : r.getTime(), endpoint: s }), e);
+        return new H({ name: o, level: n, properties: d });
       }
       static disconnect(e, t) {
         let i = "disconnected", r = e ? 2 : 1, s = this.getPropertiesWithError(t, e);
-        return new C({ name: i, level: r, properties: s });
+        return new H({ name: i, level: r, properties: s });
       }
       static preview(i) {
         var r = i, { error: e } = r, t = gr(r, ["error"]);
         let s = this.eventNameFor("preview", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(t, e);
-        return new C({ name: s, level: o, properties: n });
+        return new H({ name: s, level: o, properties: n });
       }
       static join(i) {
         var r = i, { error: e } = r, t = gr(r, ["error"]);
-        let s = this.eventNameFor("join", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(y(m({}, t), { is_preview_called: !!t.is_preview_called }), e);
-        return new C({ name: s, level: o, properties: n });
+        let s = this.eventNameFor("join", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(M(h({}, t), { is_preview_called: !!t.is_preview_called }), e);
+        return new H({ name: s, level: o, properties: n });
       }
       static publish({ devices: e, settings: t, error: i }) {
         let r = this.eventNameFor("publish", i === void 0), s = i ? 2 : 1, o = this.getPropertiesWithError({ devices: e, audio: t == null ? void 0 : t.audio, video: t == null ? void 0 : t.video }, i);
-        return new C({ name: r, level: s, properties: o });
+        return new H({ name: r, level: s, properties: o });
       }
       static hlsPlayerError(e) {
-        return new C({ name: "hlsPlayerError", level: 2, properties: this.getErrorProperties(e) });
+        return new H({ name: "hlsPlayerError", level: 2, properties: this.getErrorProperties(e) });
       }
       static subscribeFail(e) {
         let t = this.eventNameFor("subscribe", false), i = 2, r = this.getErrorProperties(e);
-        return new C({ name: t, level: i, properties: r });
+        return new H({ name: t, level: i, properties: r });
       }
       static leave() {
-        return new C({ name: "leave", level: 1 });
+        return new H({ name: "leave", level: 1 });
       }
       static autoplayError() {
-        return new C({ name: "autoplayError", level: 2 });
+        return new H({ name: "autoplayError", level: 2 });
       }
       static audioPlaybackError(e) {
-        return new C({ name: "audioPlaybackError", level: 2, properties: this.getErrorProperties(e) });
+        return new H({ name: "audioPlaybackError", level: 2, properties: this.getErrorProperties(e) });
       }
       static deviceChange({ isUserSelection: e, selection: t, type: i, devices: r, error: s }) {
         let o = this.eventNameFor(s ? "publish" : `device.${i}`, s === void 0), n = s ? 2 : 1, d = this.getPropertiesWithError({ selection: t, devices: r, isUserSelection: e }, s);
-        return new C({ name: o, level: n, properties: d });
+        return new H({ name: o, level: n, properties: d });
       }
       static performance(e) {
         let t = "perf.stats", i = 1, r = e.toAnalyticsProperties();
-        return new C({ name: t, level: i, properties: r });
+        return new H({ name: t, level: i, properties: r });
       }
       static rtcStats(e) {
         let t = "rtc.stats", i = 1, r = e.toAnalyticsProperties();
-        return new C({ name: t, level: i, properties: r });
+        return new H({ name: t, level: i, properties: r });
       }
       static rtcStatsFailed(e) {
         let t = "rtc.stats.failed", i = 2;
-        return new C({ name: t, level: i, properties: this.getErrorProperties(e) });
+        return new H({ name: t, level: i, properties: this.getErrorProperties(e) });
       }
       static degradationStats(e, t) {
         let i = "video.degradation.stats", r = 1, s = { degradedAt: e.degradedAt, trackId: e.trackId };
         if (!t && e.degradedAt instanceof Date) {
           let o = /* @__PURE__ */ new Date(), n = o.valueOf() - e.degradedAt.valueOf();
-          s = y(m({}, s), { duration: n, restoredAt: o });
+          s = M(h({}, s), { duration: n, restoredAt: o });
         }
-        return new C({ name: i, level: r, properties: s });
+        return new H({ name: i, level: r, properties: s });
       }
       static audioDetectionFail(e, t) {
         let i = this.getPropertiesWithError({ device: t }, e), r = 2, s = "audiopresence.failed";
-        return new C({ name: s, level: r, properties: i });
+        return new H({ name: s, level: r, properties: i });
       }
       static previewNetworkQuality(e) {
-        return new C({ name: "perf.networkquality.preview", level: e.error ? 2 : 1, properties: e });
+        return new H({ name: "perf.networkquality.preview", level: e.error ? 2 : 1, properties: e });
       }
       static publishStats(e) {
-        return new C({ name: "publisher.stats", level: 1, properties: e });
+        return new H({ name: "publisher.stats", level: 1, properties: e });
       }
       static subscribeStats(e) {
-        return new C({ name: "subscriber.stats", level: 1, properties: e });
+        return new H({ name: "subscriber.stats", level: 1, properties: e });
       }
       static getKrispUsage(e) {
-        return new C({ name: "krisp.usage", level: 1, properties: { duration: e } });
+        return new H({ name: "krisp.usage", level: 1, properties: { duration: e } });
       }
       static krispStart() {
-        return new C({ name: "krisp.start", level: 1 });
+        return new H({ name: "krisp.start", level: 1 });
       }
       static krispStop() {
-        return new C({ name: "krisp.stop", level: 1 });
+        return new H({ name: "krisp.stop", level: 1 });
       }
       static interruption({ started: e, type: t, reason: i, deviceInfo: r }) {
-        return new C({ name: `${e ? "interruption.start" : "interruption.stop"}`, level: 1, properties: m({ reason: i, type: t }, r) });
+        return new H({ name: `${e ? "interruption.start" : "interruption.stop"}`, level: 1, properties: h({ reason: i, type: t }, r) });
       }
       static eventNameFor(e, t) {
         return `${e}.${t ? "success" : "failed"}`;
       }
       static getPropertiesWithError(e, t) {
         let i = this.getErrorProperties(t);
-        return e = m(m({}, i), e), e;
+        return e = h(h({}, i), e), e;
       }
       static getErrorProperties(e) {
         return e ? e instanceof f ? e.toAnalyticsProperties() : { error_name: e.name, error_message: e.message, error_description: e.cause } : {};
       }
     };
-    E.KEY_REQUESTED_AT = "requested_at", E.KEY_RESPONDED_AT = "responded_at";
+    y.KEY_REQUESTED_AT = "requested_at", y.KEY_RESPONDED_AT = "responded_at";
     Er = class {
       constructor() {
         this.storage = new me("hms-device-selection");
@@ -22123,17 +22115,17 @@ var init_dist = __esm({
         return e.deviceId === t.deviceId && (e.groupId === t.groupId || !e.groupId);
       }
     };
-    Y = new Er();
+    z = new Er();
     Pr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(Pr || {});
     br = ((t) => (t.PLATFORM_NOT_SUPPORTED = "PLATFORM_NOT_SUPPORTED", t.DEVICE_NOT_SUPPORTED = "DEVICE_NOT_SUPPORTED", t))(br || {});
     Rr = ((t) => (t.SIP = "sip", t.REGULAR = "regular", t))(Rr || {});
-    Ls = ((n) => (n.NONE = "none", n.INITIALISED = "initialised", n.STARTED = "started", n.PAUSED = "paused", n.RESUMED = "resumed", n.STOPPED = "stopped", n.FAILED = "failed", n))(Ls || {});
-    ws = ((t) => (t.DVR = "dvr", t.NO_DVR = "no-dvr", t))(ws || {});
-    Ds = ((i) => (i.REGULAR = "regular", i.SCREEN = "screen", i.COMPOSITE = "composite", i))(Ds || {});
-    _s = ((r) => (r.INITIALISED = "initialised", r.STARTED = "started", r.STOPPED = "stopped", r.FAILED = "failed", r))(_s || {});
-    Ns = ((e) => (e.CAPTION = "caption", e))(Ns || {});
+    ws = ((n) => (n.NONE = "none", n.INITIALISED = "initialised", n.STARTED = "started", n.PAUSED = "paused", n.RESUMED = "resumed", n.STOPPED = "stopped", n.FAILED = "failed", n))(ws || {});
+    Ds = ((t) => (t.DVR = "dvr", t.NO_DVR = "no-dvr", t))(Ds || {});
+    _s = ((i) => (i.REGULAR = "regular", i.SCREEN = "screen", i.COMPOSITE = "composite", i))(_s || {});
+    Ns = ((r) => (r.INITIALISED = "initialised", r.STARTED = "started", r.STOPPED = "stopped", r.FAILED = "failed", r))(Ns || {});
+    Os = ((e) => (e.CAPTION = "caption", e))(Os || {});
     Hr = ((t) => (t.VOICE = "voice", t.MUSIC = "music", t))(Hr || {});
-    Os = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(Os || {});
+    xs = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(xs || {});
     Cr = class {
       constructor() {
         this.TAG = "[HMSIntersectionObserverWrapper]";
@@ -22161,7 +22153,7 @@ var init_dist = __esm({
         return e || l.w(this.TAG, "IntersectionObserver is not supported, fallback will be used instead"), e;
       }
     };
-    Vs = new Cr();
+    Fs = new Cr();
     Lr = class {
       constructor() {
         this.TAG = "[HMSResizeObserverWrapper]";
@@ -22189,43 +22181,43 @@ var init_dist = __esm({
         return e || l.w(this.TAG, "Resize Observer is not supported"), e;
       }
     };
-    Fs = new Lr();
+    Gs = new Lr();
     wr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(wr || {});
     Dr = ((t) => (t["2D"] = "2d", t.WEBGL = "webgl", t.WEBGL2 = "webgl2", t))(Dr || {});
-    $s = "https://event.100ms.live/v2/client/report";
-    Ks = "https://event-nonprod.100ms.live/v2/client/report";
+    Ks = "https://event.100ms.live/v2/client/report";
+    qs = "https://event-nonprod.100ms.live/v2/client/report";
     Pt = Math.pow(2, 31) - 1;
     rt = class {
     };
     rt.makePeerId = () => (0, import_uuid7.v4)();
     V = (a2) => a2.room;
-    _o = (a2) => a2.errors;
-    Zh = createSelector(_o, (a2) => a2.length === 0 ? null : a2.at(-1));
+    No = (a2) => a2.errors;
+    Zh = createSelector(No, (a2) => a2.length === 0 ? null : a2.at(-1));
     em = createSelector(V, (a2) => a2.id);
     j = (a2) => a2.peers;
     Mi = (a2) => a2.messages.byID;
-    ea = (a2) => a2.messages.allIDs;
+    ta = (a2) => a2.messages.allIDs;
     O = (a2) => a2.tracks;
     Gr = (a2) => a2.appData;
-    No = (a2) => a2.speakers;
+    Oo = (a2) => a2.speakers;
     Oe = createSelector([V], (a2) => a2 && a2.isConnected);
     rm = createSelector([Oe, V], (a2, e) => a2 ? e.peerCount !== void 0 ? e.peerCount || 1 : e.peers.length : Math.max(e.peerCount !== void 0 ? e.peerCount : e.peers.length - 1, 0));
-    Oo = (a2) => a2.hideLocalPeer;
-    fe = createSelector([V, j, Oo], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
-    xo = createSelector(O, (a2) => Object.values(a2));
+    xo = (a2) => a2.hideLocalPeer;
+    fe = createSelector([V, j, xo], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
+    Uo = createSelector(O, (a2) => Object.values(a2));
     ie = createSelector(V, j, (a2, e) => e[a2.localPeer]);
     Ee = createSelector(V, (a2) => a2.localPeer);
     sm = createSelector(ie, (a2) => a2 == null ? void 0 : a2.name);
     am = createSelector(ie, (a2) => a2 == null ? void 0 : a2.roleName);
     ne = createSelector(ie, (a2) => a2 == null ? void 0 : a2.audioTrack);
-    X = createSelector(ie, (a2) => a2 == null ? void 0 : a2.videoTrack);
-    Uo = createSelector(ie, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
-    ia = createSelector([ne, X, Uo], (a2, e, t) => {
+    Y = createSelector(ie, (a2) => a2 == null ? void 0 : a2.videoTrack);
+    Bo = createSelector(ie, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
+    ra = createSelector([ne, Y, Bo], (a2, e, t) => {
       let i = t ? [...t] : [];
       return a2 && i.unshift(a2), e && i.unshift(e), i;
     });
     om = createSelector(fe, (a2) => a2.filter((e) => !e.isLocal));
-    nm = createSelector(j, No, (a2, e) => {
+    nm = createSelector(j, Oo, (a2, e) => {
       let t = Object.entries(e).sort((i, r) => {
         var n, d;
         let s = ((n = i[1]) == null ? void 0 : n.audioLevel) || 0;
@@ -22242,7 +22234,7 @@ var init_dist = __esm({
       let { video: t, audio: i } = Ue(e, a2);
       return !!(t || i);
     });
-    Bo = createSelector(j, O, (a2, e) => {
+    Vo = createSelector(j, O, (a2, e) => {
       let t;
       for (let i in a2) {
         let r = a2[i], { video: s, audio: o } = Ue(e, r);
@@ -22252,7 +22244,7 @@ var init_dist = __esm({
       }
       return t;
     });
-    dm = createSelector(Bo, (a2) => !!a2);
+    dm = createSelector(Vo, (a2) => !!a2);
     lm = createSelector(j, O, (a2, e) => {
       for (let t in a2) {
         let i = a2[t], { audio: r, video: s } = Ue(e, i);
@@ -22282,37 +22274,37 @@ var init_dist = __esm({
           return a2[i.peerId];
       }
     });
-    mm = createSelector(xo, (a2) => a2.filter(ls));
-    Sm = createSelector(ea, (a2) => a2.length);
+    mm = createSelector(Uo, (a2) => a2.filter(us));
+    Sm = createSelector(ta, (a2) => a2.length);
     gm = createSelector(Mi, (a2) => Object.values(a2).filter((e) => !e.read).length);
-    Rt = createSelector(ea, Mi, (a2, e) => {
+    Rt = createSelector(ta, Mi, (a2, e) => {
       let t = [];
       return a2.forEach((i) => {
         t.push(e[i]);
       }), t;
     });
-    Vo = createSelector(Rt, (a2) => a2.filter((e) => {
+    Fo = createSelector(Rt, (a2) => a2.filter((e) => {
       var t;
       return !e.recipientPeer && !(e.recipientRoles && ((t = e.recipientRoles) == null ? void 0 : t.length) > 0);
     }));
-    Tm = createSelector(Vo, (a2) => a2.filter((e) => !e.read).length);
+    Tm = createSelector(Fo, (a2) => a2.filter((e) => !e.read).length);
     re = createSelector([V], (a2) => a2 && a2.roomState);
-    sa = createSelector(re, (a2) => a2 === "Preview");
+    aa = createSelector(re, (a2) => a2 === "Preview");
     fm = createSelector(V, (a2) => a2.roomState !== "Disconnected");
     vm = createSelector(V, (a2) => !a2.transcriptions || a2.transcriptions.length <= 0 ? false : a2.transcriptions.some((e) => e.mode === "caption" && e.state === "started"));
     ve = (a2) => a2.roles;
     Mm = createSelector([ve], (a2) => Object.keys(a2));
     at = createSelector([ie, ve], (a2, e) => a2 != null && a2.roleName ? e[a2.roleName] : null);
-    Fo = (a2) => {
+    Go = (a2) => {
       var e;
       return (e = a2.preview) == null ? void 0 : e.asRole;
     };
-    aa = createSelector([Fo, ve], (a2, e) => a2 ? e[a2] : null);
+    oa = createSelector([Go, ve], (a2, e) => a2 ? e[a2] : null);
     ym = createSelector([at], (a2) => {
       var e;
       return (e = a2 == null ? void 0 : a2.subscribeParams) != null && e.subscribeToRoles ? a2.subscribeParams.subscribeToRoles.length > 0 : false;
     });
-    oa = createSelector(at, (a2) => a2 == null ? void 0 : a2.permissions);
+    na = createSelector(at, (a2) => a2 == null ? void 0 : a2.permissions);
     km = createSelector(V, (a2) => a2.recording);
     Em = createSelector(V, (a2) => a2.rtmp);
     Pm = createSelector(V, (a2) => a2.hls);
@@ -22323,23 +22315,23 @@ var init_dist = __esm({
     Hm = createSelector(V, (a2) => !!a2.isEffectsEnabled);
     Cm = createSelector(V, (a2) => !!a2.isVBEnabled);
     Lm = createSelector(V, (a2) => a2.effectsKey);
-    na = (a2) => a2.polls;
+    ca = (a2) => a2.polls;
     Nm = createSelector(fe, (a2) => a2.filter((e) => e.isHandRaised));
-    Go = (a2) => a2.whiteboards;
-    Om = createSelector(Go, (a2) => Object.values(a2)[0]);
-    da = (a2 = "audio") => (e) => e.playlist[a2].list;
+    Wo = (a2) => a2.whiteboards;
+    Om = createSelector(Wo, (a2) => Object.values(a2)[0]);
+    la = (a2 = "audio") => (e) => e.playlist[a2].list;
     Kr = (a2 = "audio") => (e) => e.playlist[a2].selection;
-    la = (a2 = "audio") => (e) => e.playlist[a2].progress;
-    ua = (a2 = "audio") => (e) => e.playlist[a2].currentTime;
-    pa = (a2 = "audio") => (e) => e.playlist[a2].playbackRate;
-    ha = (a2 = "audio") => (e) => e.playlist[a2].volume;
-    ma = (a2 = "audio") => createSelector(da(a2), (e) => Object.values(e));
-    Sa = (a2 = "audio") => createSelector(da(a2), Kr(a2), (e, t) => {
+    ua = (a2 = "audio") => (e) => e.playlist[a2].progress;
+    pa = (a2 = "audio") => (e) => e.playlist[a2].currentTime;
+    ha = (a2 = "audio") => (e) => e.playlist[a2].playbackRate;
+    ma = (a2 = "audio") => (e) => e.playlist[a2].volume;
+    Sa = (a2 = "audio") => createSelector(la(a2), (e) => Object.values(e));
+    ga = (a2 = "audio") => createSelector(la(a2), Kr(a2), (e, t) => {
       if (t.id)
         return e[t.id];
     });
-    ga = { selection: Kr("audio"), progress: la("audio"), currentTime: ua("audio"), playbackRate: pa("audio"), volume: ha("audio"), list: ma("audio"), selectedItem: Sa("audio") };
-    Ta = { selection: Kr("video"), progress: la("video"), currentTime: ua("video"), playbackRate: pa("video"), volume: ha("video"), list: ma("video"), selectedItem: Sa("video") };
+    Ta = { selection: Kr("audio"), progress: ua("audio"), currentTime: pa("audio"), playbackRate: ha("audio"), volume: ma("audio"), list: Sa("audio"), selectedItem: ga("audio") };
+    fa = { selection: Kr("video"), progress: ua("video"), currentTime: pa("video"), playbackRate: ha("video"), volume: ma("video"), list: Sa("video"), selectedItem: ga("video") };
     Ht = "HMS-Store:";
     b = class {
       static v(e, ...t) {
@@ -22409,54 +22401,54 @@ var init_dist = __esm({
     b.level = 0;
     qr = (a2, e) => e;
     Ct = (a2, e) => e;
-    fa = (a2, e) => e;
-    Wo = (a2, e) => e;
+    va = (a2, e) => e;
     $o = (a2, e) => e;
+    Ko = (a2, e) => e;
     J = createSelector([j, qr], (a2, e) => e ? a2[e] : null);
     jr = createSelector([O, Ct], (a2, e) => e ? a2[e] : null);
-    Ko = createSelector([O, Ct], (a2, e) => {
+    qo = createSelector([O, Ct], (a2, e) => {
       if (!e)
         return null;
       let t = a2[e];
       return (t == null ? void 0 : t.type) === "video" ? t : null;
     });
-    qo = createSelector([O, Ct], (a2, e) => {
+    jo = createSelector([O, Ct], (a2, e) => {
       if (!e)
         return null;
       let t = a2[e];
       return (t == null ? void 0 : t.type) === "audio" ? t : null;
     });
-    jo = createSelector([O, Ct], (a2, e) => {
+    Jo = createSelector([O, Ct], (a2, e) => {
       if (!e)
         return null;
       let t = a2[e];
       return (t == null ? void 0 : t.type) === "audio" && (t == null ? void 0 : t.source) === "screen" ? t : null;
     });
-    Jo = createSelector([O, Ct], (a2, e) => {
+    Qo = createSelector([O, Ct], (a2, e) => {
       if (!e)
         return null;
       let t = a2[e];
       return (t == null ? void 0 : t.type) === "video" && (t == null ? void 0 : t.source) === "screen" ? t : null;
     });
-    Qo = createSelector([na, $o], (a2, e) => e ? a2[e] : null);
-    Z = R(J);
-    jm = R(createSelector([Gr, Wo], (a2, e) => {
+    zo = createSelector([ca, Ko], (a2, e) => e ? a2[e] : null);
+    X = R(J);
+    jm = R(createSelector([Gr, $o], (a2, e) => {
       if (a2)
         return e ? a2[e] : a2;
     }));
     zm = R(createSelector(J, (a2) => a2 == null ? void 0 : a2.name));
     Ym = R(createSelector(J, (a2) => a2 == null ? void 0 : a2.type));
     yi = R(jr);
-    va = R(Ko);
-    Xm = R(qo);
-    Zm = R(jo);
-    eS = R(Jo);
-    zo = R((a2, e) => {
+    Ma = R(qo);
+    Xm = R(jo);
+    Zm = R(Jo);
+    eS = R(Qo);
+    Yo = R((a2, e) => {
       let t = J(a2, e);
       if (t && t.videoTrack && t.videoTrack !== "")
         return a2.tracks[t.videoTrack];
     });
-    Yo = R((a2, e) => {
+    Xo = R((a2, e) => {
       let t = J(a2, e);
       if (t && t.audioTrack && t.audioTrack !== "")
         return a2.tracks[t.audioTrack];
@@ -22465,13 +22457,13 @@ var init_dist = __esm({
       let t = J(a2, e);
       return (t == null ? void 0 : t.auxiliaryTracks.map((i) => a2.tracks[i])) || [];
     });
-    Ma = (a2, e) => e ? a2.speakers[e] : null;
-    rS = R(createSelector(Ma, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
-    Xo = (a2, e) => {
-      let t = Yo(e)(a2);
-      return Ma(a2, t == null ? void 0 : t.id);
+    ya = (a2, e) => e ? a2.speakers[e] : null;
+    rS = R(createSelector(ya, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+    Zo = (a2, e) => {
+      let t = Xo(e)(a2);
+      return ya(a2, t == null ? void 0 : t.id);
     };
-    sS = R(createSelector(Xo, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+    sS = R(createSelector(Zo, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
     aS = R((a2, e) => {
       if (e)
         return a2.connectionQualities[e];
@@ -22504,8 +22496,8 @@ var init_dist = __esm({
       });
       return t ? a2[t] : void 0;
     }));
-    ya = R(createSelector(O, J, (a2, e) => Ue(a2, e)));
-    ka = (a2) => createSelector(ya(a2), (e) => e.audio);
+    ka = R(createSelector(O, J, (a2, e) => Ue(a2, e)));
+    Ea = (a2) => createSelector(ka(a2), (e) => e.audio);
     uS = R((a2, e) => {
       let t = J(a2, e);
       return je(a2, t == null ? void 0 : t.audioTrack);
@@ -22514,19 +22506,19 @@ var init_dist = __esm({
       let t = J(a2, e);
       return je(a2, t == null ? void 0 : t.videoTrack);
     });
-    Ea = R((a2, e) => {
+    Pa = R((a2, e) => {
       if (e && a2.tracks[e])
         return a2.tracks[e].volume === 0;
     });
     hS = R((a2, e) => {
       let t = J(a2, e);
-      return Ea(t == null ? void 0 : t.audioTrack)(a2);
+      return Pa(t == null ? void 0 : t.audioTrack)(a2);
     });
     mS = R((a2, e) => {
-      let t = ka(e)(a2);
-      return Ea(t == null ? void 0 : t.id)(a2);
+      let t = Ea(e)(a2);
+      return Pa(t == null ? void 0 : t.id)(a2);
     });
-    Pa = R((a2, e) => {
+    ba = R((a2, e) => {
       let t = jr(a2, e);
       if (t) {
         if (t.type !== "audio") {
@@ -22538,11 +22530,11 @@ var init_dist = __esm({
     });
     SS = R((a2, e) => {
       let t = J(a2, e);
-      return Pa(t == null ? void 0 : t.audioTrack)(a2);
+      return ba(t == null ? void 0 : t.audioTrack)(a2);
     });
     gS = R((a2, e) => {
-      let t = ka(e)(a2);
-      return Pa(t == null ? void 0 : t.id)(a2);
+      let t = Ea(e)(a2);
+      return ba(t == null ? void 0 : t.id)(a2);
     });
     TS = R((a2, e) => {
       let t = jr(a2, e);
@@ -22554,49 +22546,49 @@ var init_dist = __esm({
         return t.layer;
       }
     });
-    ba = createSelector([Rt, Ee, qr], (a2, e, t) => {
+    Ia = createSelector([Rt, Ee, qr], (a2, e, t) => {
       if (t)
         return a2.filter((i) => {
           var r;
           return !i.recipientPeer && !((r = i.recipientRoles) != null && r.length) || i.sender && ![e, t].includes(i.sender) ? false : [e, t].includes(i.recipientPeer);
         });
     });
-    Ia = createSelector([Rt, fa], (a2, e) => {
+    Aa = createSelector([Rt, va], (a2, e) => {
       if (e)
         return a2.filter((t) => {
           var i, r;
           return (i = t.recipientRoles) != null && i.length ? (r = t.recipientRoles) == null ? void 0 : r.includes(e) : false;
         });
     });
-    Zo = createSelector(Rt, (a2) => a2.filter((e) => {
+    en = createSelector(Rt, (a2) => a2.filter((e) => {
       var t;
       return !e.recipientPeer && !((t = e.recipientRoles) != null && t.length);
     }));
-    en = createSelector([Ia, fa], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-    tn = createSelector([ba, qr], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-    fS = createSelector(Zo, (a2) => a2.filter((e) => !e.read).length);
-    vS = R(ba);
-    MS = R(Ia);
-    yS = R(en);
-    kS = R(tn);
-    Aa = R(Qo);
+    tn = createSelector([Aa, va], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
+    rn = createSelector([Ia, qr], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
+    fS = createSelector(en, (a2) => a2.filter((e) => !e.read).length);
+    vS = R(Ia);
+    MS = R(Aa);
+    yS = R(tn);
+    kS = R(rn);
+    Ra = R(zo);
     _S = createSelector([j, O], (a2, e) => Object.values(a2).map((i) => {
       var r;
       return { peer: i, isAudioEnabled: i.audioTrack ? (r = e[i.audioTrack]) == null ? void 0 : r.enabled : false };
     }));
-    rn = (a2) => a2.roleChangeRequests[0] || null;
-    NS = createSelector([rn, j, ve], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
+    sn = (a2) => a2.roleChangeRequests[0] || null;
+    NS = createSelector([sn, j, ve], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
     OS = createSelector([at], (a2) => St(a2));
-    xS = createSelector([aa], (a2) => St(a2));
-    an = createSelector([X, O], (a2, e) => {
+    xS = createSelector([oa], (a2) => St(a2));
+    on = createSelector([Y, O], (a2, e) => {
       let t = null;
       return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
     });
-    on = createSelector([ne, O], (a2, e) => {
+    nn = createSelector([ne, O], (a2, e) => {
       let t = null;
       return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
     });
-    dn = ((n) => (n[n.STARTING = 0] = "STARTING", n[n.INIT_FETCHED = 1] = "INIT_FETCHED", n[n.SIGNAL_CONNECTED = 2] = "SIGNAL_CONNECTED", n[n.ICE_ESTABLISHED = 3] = "ICE_ESTABLISHED", n[n.MEDIA_CAPTURED = 4] = "MEDIA_CAPTURED", n[n.MEDIA_PUBLISHED = 5] = "MEDIA_PUBLISHED", n[n.COMPLETED = 6] = "COMPLETED", n))(dn || {});
+    ln = ((n) => (n[n.STARTING = 0] = "STARTING", n[n.INIT_FETCHED = 1] = "INIT_FETCHED", n[n.SIGNAL_CONNECTED = 2] = "SIGNAL_CONNECTED", n[n.ICE_ESTABLISHED = 3] = "ICE_ESTABLISHED", n[n.MEDIA_CAPTURED = 4] = "MEDIA_CAPTURED", n[n.MEDIA_PUBLISHED = 5] = "MEDIA_PUBLISHED", n[n.COMPLETED = 6] = "COMPLETED", n))(ln || {});
     Xr = class {
       constructor() {
         this.TAG = "[HTTPAnalyticsTransport]";
@@ -22616,7 +22608,7 @@ var init_dist = __esm({
           this.addEventToStorage(e);
           return;
         }
-        let t = { event: e.name, payload: e.properties, event_id: String(e.timestamp), peer: e.metadata.peer, timestamp: e.timestamp, device_id: e.device_id, cluster: { websocket_url: this.websocketURL } }, i = this.env === "prod" ? $s : Ks;
+        let t = { event: e.name, payload: e.properties, event_id: String(e.timestamp), peer: e.metadata.peer, timestamp: e.timestamp, device_id: e.device_id, cluster: { websocket_url: this.websocketURL } }, i = this.env === "prod" ? Ks : qs;
         fetch(i, { method: "POST", headers: { "Content-Type": "application/json", Authorization: `Bearer ${e.metadata.token}`, user_agent_v2: e.metadata.userAgent }, body: JSON.stringify(t) }).then((r) => {
           if (r.status === 401) {
             this.removeFromStorage(e);
@@ -22653,7 +22645,7 @@ var init_dist = __esm({
       static sendFeedback(s) {
         return c(this, arguments, function* ({ token: e, eventEndpoint: t = "https://event.100ms.live", info: i, feedback: r }) {
           l.d(this.TAG, `sendFeedback: feedbackEndpoint=${t} peerId=${i.peer.peer_id} session=${i.peer.session_id} `);
-          let o = new URL("v2/client/feedback", t), n = y(m({}, i), { payload: r });
+          let o = new URL("v2/client/feedback", t), n = M(h({}, i), { payload: r });
           try {
             let d = yield fetch(o, { headers: { Authorization: `Bearer ${e}` }, body: JSON.stringify(n), method: "POST" });
             try {
@@ -22677,11 +22669,11 @@ var init_dist = __esm({
     Cn = (a2) => a2.localPeer.audioTrack;
     Ln = (a2) => a2.localPeer.videoTrack;
     wn = (a2, e) => e;
-    za = (a2, e) => e;
+    Ya = (a2, e) => e;
     Dn = (a2) => a2.remoteTrackStats;
-    Ya = (a2) => a2.peerStats;
-    is = (a2) => a2.localTrackStats;
-    Ae = createSelector([Ya, Hn], (a2, e) => a2[e]);
+    Xa = (a2) => a2.peerStats;
+    rs = (a2) => a2.localTrackStats;
+    Ae = createSelector([Xa, Hn], (a2, e) => a2[e]);
     _n = createSelector(Ae, (a2) => {
       var e;
       return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.packetsLost;
@@ -22714,21 +22706,21 @@ var init_dist = __esm({
       var e;
       return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bytesReceived;
     });
-    Gn = createSelector([Ya, wn], (a2, e) => e ? a2[e] : void 0);
-    Wn = createSelector([Dn, za], (a2, e) => e ? a2[e] : void 0);
-    rs = createSelector([is, za], (a2, e) => e ? a2[e] : void 0);
+    Gn = createSelector([Xa, wn], (a2, e) => e ? a2[e] : void 0);
+    Wn = createSelector([Dn, Ya], (a2, e) => e ? a2[e] : void 0);
+    ss = createSelector([rs, Ya], (a2, e) => e ? a2[e] : void 0);
     $n = R(Gn);
     Kn = R(Wn);
-    qn = createSelector([is, Cn], (a2, e) => {
+    qn = createSelector([rs, Cn], (a2, e) => {
       var t;
       return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
     });
-    jn = R(createSelector(rs, (a2) => a2 == null ? void 0 : a2[0]));
-    Jn = createSelector([is, Ln], (a2, e) => {
+    jn = R(createSelector(ss, (a2) => a2 == null ? void 0 : a2[0]));
+    Jn = createSelector([rs, Ln], (a2, e) => {
       var t;
       return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
     });
-    Qn = R(createSelector(rs, (a2) => a2));
+    Qn = R(createSelector(ss, (a2) => a2));
   }
 });
 
@@ -22853,7 +22845,7 @@ var init_StreamActions = __esm({
     };
     RecordingPauseStatus = () => {
       const recording = (0, import_react_sdk41.useHMSStore)(import_react_sdk41.selectRecordingState);
-      if (recording.hls && recording.hls.state === Ls.PAUSED) {
+      if (recording.hls && recording.hls.state === ws.PAUSED) {
         return /* @__PURE__ */ import_react88.default.createElement(
           Tooltip,
           {
@@ -22972,15 +22964,6 @@ var init_ChangeNameContent = __esm({
       onExit,
       onBackClick
     }) => {
-      const inputRef = (0, import_react89.useRef)(null);
-      (0, import_react89.useEffect)(() => {
-        if (isMobile) {
-          setTimeout(() => {
-            var _a7;
-            (_a7 = inputRef.current) == null ? void 0 : _a7.focus();
-          }, 200);
-        }
-      }, [isMobile]);
       return /* @__PURE__ */ import_react89.default.createElement(
         "form",
         {
@@ -23016,10 +22999,9 @@ var init_ChangeNameContent = __esm({
         /* @__PURE__ */ import_react89.default.createElement(Flex, { justify: "center", align: "center", css: { my: "$8", w: "100%", "@md": { px: "$8" } } }, /* @__PURE__ */ import_react89.default.createElement(
           Input,
           {
-            ref: inputRef,
             css: { width: "100%", bg: "$surface_default" },
             value: currentName,
-            type: "text",
+            type: isMobile ? "search" : "text",
             onChange: (e) => {
               setCurrentName(e.target.value);
             },
@@ -23131,7 +23113,7 @@ var init_ChangeNameModal = __esm({
         }
       };
       if (isMobile) {
-        return /* @__PURE__ */ import_react90.default.createElement(Sheet.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ import_react90.default.createElement(Sheet.Content, { css: { bg: "$surface_dim", p: "$8 0" }, onOpenAutoFocus: (e) => e.preventDefault() }, /* @__PURE__ */ import_react90.default.createElement(ChangeNameContent, __spreadValues({}, props))));
+        return /* @__PURE__ */ import_react90.default.createElement(Sheet.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ import_react90.default.createElement(Sheet.Content, { css: { bg: "$surface_dim", p: "$8 0" } }, /* @__PURE__ */ import_react90.default.createElement(ChangeNameContent, __spreadValues({}, props))));
       }
       return /* @__PURE__ */ import_react90.default.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ import_react90.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react90.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react90.default.createElement(Dialog.Content, { css: { bg: "$surface_dim", width: "min(400px,80%)", p: "$10" } }, /* @__PURE__ */ import_react90.default.createElement(ChangeNameContent, __spreadValues({}, props)))));
     };
@@ -28773,44 +28755,6 @@ var init_TileConnection = __esm({
   }
 });
 
-// src/Prebuilt/components/peerTileUtils.tsx
-var PEER_NAME_PLACEHOLDER, labelMap, getVideoTileLabel;
-var init_peerTileUtils = __esm({
-  "src/Prebuilt/components/peerTileUtils.tsx"() {
-    "use strict";
-    init_define_process_env();
-    PEER_NAME_PLACEHOLDER = "peerName";
-    labelMap = /* @__PURE__ */ new Map([
-      [[true, "screen"].toString(), "Your Screen"],
-      [[true, "regular"].toString(), `You (${PEER_NAME_PLACEHOLDER})`],
-      [[false, "screen"].toString(), `${PEER_NAME_PLACEHOLDER}'s Screen`],
-      [[false, "regular"].toString(), PEER_NAME_PLACEHOLDER],
-      [[true, void 0].toString(), `You (${PEER_NAME_PLACEHOLDER})`],
-      [[false, void 0].toString(), `${PEER_NAME_PLACEHOLDER}`]
-    ]);
-    getVideoTileLabel = ({
-      peerName,
-      isLocal,
-      videoTrack,
-      audioTrack
-    }) => {
-      const isPeerPresent = peerName !== void 0;
-      if (!isPeerPresent || !videoTrack) {
-        const label2 = labelMap.get([isLocal, void 0].toString());
-        return isPeerPresent && label2 ? label2.replace(PEER_NAME_PLACEHOLDER, peerName) : "";
-      }
-      const isLocallyMuted = (audioTrack == null ? void 0 : audioTrack.volume) === 0;
-      let label = labelMap.get([isLocal, videoTrack.source].toString());
-      if (label) {
-        label = label.replace(PEER_NAME_PLACEHOLDER, peerName);
-      } else {
-        label = `${peerName} ${videoTrack.source}`;
-      }
-      return `${label}${isLocallyMuted ? " (Muted for you)" : ""}`;
-    };
-  }
-});
-
 // src/Prebuilt/components/TileMenu/utils.ts
 var getDragClassName;
 var init_utils6 = __esm({
@@ -29046,7 +28990,7 @@ var init_TileMenuContent = __esm({
         },
         isAudioEnabled ? /* @__PURE__ */ import_react158.default.createElement(import_react_icons76.MicOnIcon, { height: 20, width: 20 }) : /* @__PURE__ */ import_react158.default.createElement(import_react_icons76.MicOffIcon, { height: 20, width: 20 }),
         /* @__PURE__ */ import_react158.default.createElement("span", null, isAudioEnabled ? "Mute Audio" : "Request to Unmute Audio")
-      ) : null, !isScreenshare && canChangeRole && roles.length > 1 ? /* @__PURE__ */ import_react158.default.createElement(
+      ) : null, canChangeRole && roles.length > 1 ? /* @__PURE__ */ import_react158.default.createElement(
         StyledMenuTile.ItemButton,
         {
           className: dragClassName,
@@ -29059,7 +29003,7 @@ var init_TileMenuContent = __esm({
         },
         /* @__PURE__ */ import_react158.default.createElement(import_react_icons76.PersonSettingsIcon, { height: 20, width: 20 }),
         /* @__PURE__ */ import_react158.default.createElement("span", null, "Switch Role")
-      ) : null, !isIOS && audioTrackID ? /* @__PURE__ */ import_react158.default.createElement(StyledMenuTile.VolumeItem, { "data-testid": "participant_volume_slider", css: __spreadProps(__spreadValues({}, spacingCSS), { mb: "$0" }) }, /* @__PURE__ */ import_react158.default.createElement(Flex, { align: "center", gap: 1 }, /* @__PURE__ */ import_react158.default.createElement(import_react_icons76.SpeakerIcon, { height: 20, width: 20 }), /* @__PURE__ */ import_react158.default.createElement(Box, { as: "span", css: { ml: "$4" } }, "Volume (", volume, ")")), /* @__PURE__ */ import_react158.default.createElement(
+      ) : null, audioTrackID ? /* @__PURE__ */ import_react158.default.createElement(StyledMenuTile.VolumeItem, { "data-testid": "participant_volume_slider", css: __spreadProps(__spreadValues({}, spacingCSS), { mb: "$0" }) }, /* @__PURE__ */ import_react158.default.createElement(Flex, { align: "center", gap: 1 }, /* @__PURE__ */ import_react158.default.createElement(import_react_icons76.SpeakerIcon, { height: 20, width: 20 }), /* @__PURE__ */ import_react158.default.createElement(Box, { as: "span", css: { ml: "$4" } }, "Volume (", volume, ")")), /* @__PURE__ */ import_react158.default.createElement(
         Slider,
         {
           css: { my: "0.5rem" },
@@ -29114,7 +29058,6 @@ var init_TileMenu2 = __esm({
     init_Theme();
     init_TileMenu();
     init_ChangeNameModal();
-    init_peerTileUtils();
     init_RoleChangeModal();
     init_TileMenuContent();
     init_useDropdownList();
@@ -29139,7 +29082,6 @@ var init_TileMenu2 = __esm({
       const isPrimaryVideoTrack = ((_a7 = (0, import_react_sdk80.useHMSStore)((0, import_react_sdk80.selectVideoTrackByPeerID)(peerID))) == null ? void 0 : _a7.id) === videoTrackID;
       const showPinAction = !!(audioTrackID || videoTrackID && isPrimaryVideoTrack);
       const track = (0, import_react_sdk80.useHMSStore)((0, import_react_sdk80.selectTrackByID)(videoTrackID));
-      const audioTrack = (0, import_react_sdk80.useHMSStore)((0, import_react_sdk80.selectTrackByID)(audioTrackID));
       const hideSimulcastLayers = !((_b7 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _b7.length) || track.degraded || !track.enabled;
       const isMobile = (0, import_react_use30.useMedia)(config.media.md);
       const peer = (0, import_react_sdk80.useHMSStore)((0, import_react_sdk80.selectPeerByID)(peerID));
@@ -29147,7 +29089,7 @@ var init_TileMenu2 = __esm({
       const [showRoleChangeModal, setShowRoleChangeModal] = (0, import_react159.useState)(false);
       useDropdownList({ open, name: "TileMenu" });
       const dragClassName = getDragClassName();
-      if (!peer || !(removeOthers || toggleAudio || toggleVideo || setVolume || showPinAction) && hideSimulcastLayers) {
+      if (!(removeOthers || toggleAudio || toggleVideo || setVolume || showPinAction) && hideSimulcastLayers) {
         return null;
       }
       const openNameChangeModal = () => setShowNameChangeModal(true);
@@ -29158,6 +29100,7 @@ var init_TileMenu2 = __esm({
         audioTrackID,
         videoTrackID,
         peerID,
+        isPrimaryVideoTrack,
         showSpotlight,
         showPinAction,
         canMinimise,
@@ -29187,7 +29130,7 @@ var init_TileMenu2 = __esm({
             borderBottom: "1px solid $border_default"
           }
         },
-        /* @__PURE__ */ import_react159.default.createElement(Box, null, /* @__PURE__ */ import_react159.default.createElement(Text, { css: { color: "$on_surface_high", fontWeight: "$semiBold" } }, getVideoTileLabel({ peerName: peer == null ? void 0 : peer.name, isLocal, audioTrack, videoTrack: track })), (peer == null ? void 0 : peer.roleName) ? /* @__PURE__ */ import_react159.default.createElement(Text, { variant: "xs", css: { color: "$on_surface_low", mt: "$2" } }, peer.roleName) : null),
+        /* @__PURE__ */ import_react159.default.createElement(Box, null, /* @__PURE__ */ import_react159.default.createElement(Text, { css: { color: "$on_surface_high", fontWeight: "$semiBold" } }, peer == null ? void 0 : peer.name, isLocal ? ` (You)` : null), (peer == null ? void 0 : peer.roleName) ? /* @__PURE__ */ import_react159.default.createElement(Text, { variant: "xs", css: { color: "$on_surface_low", mt: "$2" } }, peer.roleName) : null),
         /* @__PURE__ */ import_react159.default.createElement(Sheet.Close, { css: { color: "inherit" } }, /* @__PURE__ */ import_react159.default.createElement(import_react_icons77.CrossIcon, null))
       ), /* @__PURE__ */ import_react159.default.createElement(Box, { css: { px: "$8", pb: "$8", maxHeight: "80vh", overflowY: "auto" } }, /* @__PURE__ */ import_react159.default.createElement(TileMenuContent, __spreadProps(__spreadValues({}, props), { closeSheetOnClick: () => setOpen(false) }))))) : /* @__PURE__ */ import_react159.default.createElement(StyledMenuTile.Content, { side: "top", align: "end", css: { maxHeight: "$80", overflowY: "auto" } }, /* @__PURE__ */ import_react159.default.createElement(TileMenuContent, __spreadValues({}, props)))), showNameChangeModal && /* @__PURE__ */ import_react159.default.createElement(ChangeNameModal, { onOpenChange: setShowNameChangeModal }), showRoleChangeModal && /* @__PURE__ */ import_react159.default.createElement(RoleChangeModal, { peerId: peerID, onOpenChange: setShowRoleChangeModal }));
     };
@@ -29195,6 +29138,38 @@ var init_TileMenu2 = __esm({
   }
 });
 
+// src/Prebuilt/components/peerTileUtils.jsx
+var PEER_NAME_PLACEHOLDER, labelMap, getVideoTileLabel;
+var init_peerTileUtils = __esm({
+  "src/Prebuilt/components/peerTileUtils.jsx"() {
+    "use strict";
+    init_define_process_env();
+    PEER_NAME_PLACEHOLDER = "peerName";
+    labelMap = /* @__PURE__ */ new Map([
+      [[true, "screen"].toString(), "Your Screen"],
+      [[true, "regular"].toString(), `You (${PEER_NAME_PLACEHOLDER})`],
+      [[false, "screen"].toString(), `${PEER_NAME_PLACEHOLDER}'s Screen`],
+      [[false, "regular"].toString(), PEER_NAME_PLACEHOLDER],
+      [[true, void 0].toString(), `You (${PEER_NAME_PLACEHOLDER})`],
+      [[false, void 0].toString(), `${PEER_NAME_PLACEHOLDER}`]
+    ]);
+    getVideoTileLabel = ({ peerName, isLocal, track }) => {
+      const isPeerPresent = peerName !== void 0;
+      if (!isPeerPresent || !track) {
+        return isPeerPresent ? labelMap.get([isLocal, void 0].toString()).replace(PEER_NAME_PLACEHOLDER, peerName) : "";
+      }
+      const isLocallyMuted = track.volume === 0;
+      let label = labelMap.get([isLocal, track.source].toString());
+      if (label) {
+        label = label.replace(PEER_NAME_PLACEHOLDER, peerName);
+      } else {
+        label = `${peerName} ${track.source}`;
+      }
+      return `${label}${isLocallyMuted ? " (Muted for you)" : ""}`;
+    };
+  }
+});
+
 // src/Prebuilt/components/VideoTile.tsx
 var import_react160, import_react_use31, import_react_sdk81, import_react_icons78, PeerMetadata, Tile, VideoTile, VideoTile_default;
 var init_VideoTile2 = __esm({
@@ -29259,9 +29234,8 @@ var init_VideoTile2 = __esm({
       });
       const label = getVideoTileLabel({
         peerName,
-        isLocal,
-        videoTrack: track,
-        audioTrack
+        track,
+        isLocal
       });
       const onHoverHandler = (0, import_react160.useCallback)((event) => {
         setIsMouseHovered(event.type === "mouseenter");
@@ -29442,7 +29416,7 @@ var init_VBPicker = __esm({
     init_constants();
     iconDims = { height: "40px", width: "40px" };
     VBPicker = ({ backgroundMedia = [] }) => {
-      var _a7, _b7;
+      var _a7;
       const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
       const hmsActions = (0, import_react_sdk82.useHMSActions)();
       const localPeer = (0, import_react_sdk82.useHMSStore)(import_react_sdk82.selectLocalPeer);
@@ -29463,7 +29437,6 @@ var init_VBPicker = __esm({
       const background = (0, import_react_sdk82.useHMSStore)(jm(APP_DATA.background));
       const mediaList = backgroundMedia.map((media) => media.url || "");
       const pluginLoadingRef = (0, import_react163.useRef)(false);
-      const isBlurSupported = (_b7 = VBHandler) == null ? void 0 : _b7.isBlurSupported();
       const inPreview = roomState === import_react_sdk82.HMSRoomState.Preview;
       const showVideoTile = isVideoOn && isLargeRoom && !inPreview;
       (0, import_react163.useEffect)(() => {
@@ -29585,13 +29558,13 @@ var init_VBPicker = __esm({
                   yield (_a8 = VBHandler) == null ? void 0 : _a8.setBlur(blurAmount);
                   hmsActions.setAppData(APP_DATA.background, import_hmsvbplugin4.HMSVirtualBackgroundTypes.BLUR);
                 }),
-                supported: isBlurSupported
+                supported: isEffectsSupported && isEffectsEnabled
               }
             ],
             activeBackground: background
           }
         ),
-        /* @__PURE__ */ import_react163.default.createElement(Flex, { direction: "column", css: { w: "100%", gap: "$8", mt: "$8" } }, background === import_hmsvbplugin4.HMSVirtualBackgroundTypes.BLUR && isBlurSupported ? /* @__PURE__ */ import_react163.default.createElement(Box, null, /* @__PURE__ */ import_react163.default.createElement(Text, { variant: "sm", css: { color: "$on_surface_high", fontWeight: "$semiBold", mb: "$4" } }, "Blur intensity"), /* @__PURE__ */ import_react163.default.createElement(Flex, { css: { w: "100%", justifyContent: "space-between", alignItems: "center", gap: "$4" } }, /* @__PURE__ */ import_react163.default.createElement(Text, { variant: "caption", css: { fontWeight: "$medium", color: "$on_surface_medium" } }, "Low"), /* @__PURE__ */ import_react163.default.createElement(
+        /* @__PURE__ */ import_react163.default.createElement(Flex, { direction: "column", css: { w: "100%", gap: "$8", mt: "$8" } }, background === import_hmsvbplugin4.HMSVirtualBackgroundTypes.BLUR && isEffectsEnabled && effectsKey ? /* @__PURE__ */ import_react163.default.createElement(Box, null, /* @__PURE__ */ import_react163.default.createElement(Text, { variant: "sm", css: { color: "$on_surface_high", fontWeight: "$semiBold", mb: "$4" } }, "Blur intensity"), /* @__PURE__ */ import_react163.default.createElement(Flex, { css: { w: "100%", justifyContent: "space-between", alignItems: "center", gap: "$4" } }, /* @__PURE__ */ import_react163.default.createElement(Text, { variant: "caption", css: { fontWeight: "$medium", color: "$on_surface_medium" } }, "Low"), /* @__PURE__ */ import_react163.default.createElement(
           Slider,
           {
             showTooltip: false,
@@ -30674,10 +30647,10 @@ var init_useTileLayout = __esm({
               tileHeight = maxRowHeight;
             } else {
               const calcHeights = aspectRatios.map((aR) => tileWidth / aR);
-              for (const h of calcHeights) {
-                if (h < maxRowHeight) {
-                  if (tileHeight < h) {
-                    tileHeight = h;
+              for (const h2 of calcHeights) {
+                if (h2 < maxRowHeight) {
+                  if (tileHeight < h2) {
+                    tileHeight = h2;
                   }
                 }
               }
@@ -30713,7 +30686,6 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
   const isMobile = (0, import_react_use39.useMedia)(config.media.md);
   let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
   maxTileCount = isMobile ? Math.min(maxTileCount, 6) : maxTileCount;
-  const peerCount = (0, import_react_sdk89.useHMSStore)(import_react_sdk89.selectPeerCount);
   const pageList = usePagesWithTiles({
     peers,
     maxTileCount
@@ -30743,20 +30715,19 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
   ), pageList.length === 0 ? /* @__PURE__ */ import_react177.default.createElement(
     WaitingView,
     {
-      title: peerCount <= 1 ? "You're the only one here" : "Glad to have you here",
-      subtitle: peerCount <= 1 ? "Sit back and relax till others join" : "",
+      title: "You're the first to join",
+      subtitle: "Sit back and relax till others join",
       icon: /* @__PURE__ */ import_react177.default.createElement(import_react_icons84.PeopleAddIcon, { width: "56px", height: "56px", style: { color: "white" } })
     }
   ) : null, isInsetEnabled && /* @__PURE__ */ import_react177.default.createElement(InsetTile, null));
 }
-var import_react177, import_react_use39, import_react_sdk89, import_react_icons84;
+var import_react177, import_react_use39, import_react_icons84;
 var init_EqualProminence = __esm({
   "src/Prebuilt/components/VideoLayouts/EqualProminence.tsx"() {
     "use strict";
     init_define_process_env();
     import_react177 = __toESM(require("react"));
     import_react_use39 = require("react-use");
-    import_react_sdk89 = require("@100mslive/react-sdk");
     import_react_icons84 = require("@100mslive/react-icons");
     init_Layout();
     init_Theme();
@@ -30859,14 +30830,14 @@ var init_ProminenceLayout = __esm({
 });
 
 // src/Prebuilt/components/SecondaryTiles.tsx
-var import_react179, import_react_use40, import_react_sdk90, SecondaryTiles;
+var import_react179, import_react_use40, import_react_sdk89, SecondaryTiles;
 var init_SecondaryTiles = __esm({
   "src/Prebuilt/components/SecondaryTiles.tsx"() {
     "use strict";
     init_define_process_env();
     import_react179 = __toESM(require("react"));
     import_react_use40 = require("react-use");
-    import_react_sdk90 = require("@100mslive/react-sdk");
+    import_react_sdk89 = require("@100mslive/react-sdk");
     init_ProminenceLayout();
     init_Theme();
     init_Pagination2();
@@ -30877,10 +30848,10 @@ var init_SecondaryTiles = __esm({
       const isMobile = (0, import_react_use40.useMedia)(config.media.md);
       const maxTileCount = isMobile ? 2 : 4;
       const [page, setPage] = (0, import_react179.useState)(0);
-      const pinnedTrackId = (0, import_react_sdk90.useHMSStore)((0, import_react_sdk90.selectAppData)(APP_DATA.pinnedTrackId));
-      const spotlightPeerId = (0, import_react_sdk90.useHMSStore)((0, import_react_sdk90.selectSessionStore)("spotlight" /* SPOTLIGHT */));
-      const activeScreensharePeerId = (0, import_react_sdk90.useHMSStore)((0, import_react_sdk90.selectAppData)(APP_DATA.activeScreensharePeerId));
-      const pinnedPeer = (_a7 = (0, import_react_sdk90.useHMSStore)((0, import_react_sdk90.selectTrackByID)(pinnedTrackId))) == null ? void 0 : _a7.peerId;
+      const pinnedTrackId = (0, import_react_sdk89.useHMSStore)((0, import_react_sdk89.selectAppData)(APP_DATA.pinnedTrackId));
+      const spotlightPeerId = (0, import_react_sdk89.useHMSStore)((0, import_react_sdk89.selectSessionStore)("spotlight" /* SPOTLIGHT */));
+      const activeScreensharePeerId = (0, import_react_sdk89.useHMSStore)((0, import_react_sdk89.selectAppData)(APP_DATA.activeScreensharePeerId));
+      const pinnedPeer = (_a7 = (0, import_react_sdk89.useHMSStore)((0, import_react_sdk89.selectTrackByID)(pinnedTrackId))) == null ? void 0 : _a7.peerId;
       const pageChangedAfterPinning = (0, import_react179.useRef)(false);
       const pagesWithTiles = usePagesWithTiles({
         peers: spotlightPeerId || pinnedPeer ? [...peers].sort((p1, p2) => {
@@ -30989,7 +30960,7 @@ function RoleProminence({
 }) {
   var _a7;
   const { prominentPeers, secondaryPeers } = useRoleProminencePeers(prominentRoles, peers, isInsetEnabled);
-  const localPeer = (0, import_react_sdk91.useHMSStore)(import_react_sdk91.selectLocalPeer);
+  const localPeer = (0, import_react_sdk90.useHMSStore)(import_react_sdk90.selectLocalPeer);
   const isMobile = (0, import_react_use41.useMedia)(config.media.md);
   let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
   maxTileCount = isMobile ? 4 : maxTileCount;
@@ -31020,14 +30991,14 @@ function RoleProminence({
     }
   ), /* @__PURE__ */ import_react181.default.createElement(SecondaryTiles, { peers: secondaryPeers, isInsetEnabled, edgeToEdge }), isInsetEnabled && localPeer && prominentPeers.length > 0 && !prominentPeers.includes(localPeer) && /* @__PURE__ */ import_react181.default.createElement(InsetTile, null));
 }
-var import_react181, import_react_use41, import_react_sdk91;
+var import_react181, import_react_use41, import_react_sdk90;
 var init_RoleProminence = __esm({
   "src/Prebuilt/components/VideoLayouts/RoleProminence.tsx"() {
     "use strict";
     init_define_process_env();
     import_react181 = __toESM(require("react"));
     import_react_use41 = require("react-use");
-    import_react_sdk91 = require("@100mslive/react-sdk");
+    import_react_sdk90 = require("@100mslive/react-sdk");
     init_Theme();
     init_InsetTile();
     init_Pagination2();
@@ -31158,19 +31129,19 @@ var init_LayoutModeSelector = __esm({
 });
 
 // src/Prebuilt/components/ScreenshareDisplay.tsx
-var import_react183, import_react_sdk92, import_react_icons86, ScreenshareDisplay;
+var import_react183, import_react_sdk91, import_react_icons86, ScreenshareDisplay;
 var init_ScreenshareDisplay = __esm({
   "src/Prebuilt/components/ScreenshareDisplay.tsx"() {
     "use strict";
     init_define_process_env();
     import_react183 = __toESM(require("react"));
-    import_react_sdk92 = require("@100mslive/react-sdk");
+    import_react_sdk91 = require("@100mslive/react-sdk");
     import_react_icons86 = require("@100mslive/react-icons");
     init_Button2();
     init_Layout();
     init_Text2();
     ScreenshareDisplay = () => {
-      const hmsActions = (0, import_react_sdk92.useHMSActions)();
+      const hmsActions = (0, import_react_sdk91.useHMSActions)();
       return /* @__PURE__ */ import_react183.default.createElement(
         Flex,
         {
@@ -31204,7 +31175,7 @@ var init_ScreenshareDisplay = __esm({
 });
 
 // src/Prebuilt/components/ScreenshareTile.tsx
-var import_react184, import_react_use42, import_screenfull2, import_react_sdk93, import_react_icons87, labelStyles, Tile2, ScreenshareTile, ScreenshareTile_default;
+var import_react184, import_react_use42, import_screenfull2, import_react_sdk92, import_react_icons87, labelStyles, Tile2, ScreenshareTile, ScreenshareTile_default;
 var init_ScreenshareTile = __esm({
   "src/Prebuilt/components/ScreenshareTile.tsx"() {
     "use strict";
@@ -31212,7 +31183,7 @@ var init_ScreenshareTile = __esm({
     import_react184 = __toESM(require("react"));
     import_react_use42 = require("react-use");
     import_screenfull2 = __toESM(require("screenfull"));
-    import_react_sdk93 = require("@100mslive/react-sdk");
+    import_react_sdk92 = require("@100mslive/react-sdk");
     import_react_icons87 = require("@100mslive/react-icons");
     init_TileMenu2();
     init_Layout();
@@ -31234,10 +31205,10 @@ var init_ScreenshareTile = __esm({
       flexShrink: 0
     };
     Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
-      const isLocal = (0, import_react_sdk93.useHMSStore)(import_react_sdk93.selectLocalPeerID) === peerId;
-      const track = (0, import_react_sdk93.useHMSStore)((0, import_react_sdk93.selectScreenShareByPeerID)(peerId));
+      const isLocal = (0, import_react_sdk92.useHMSStore)(import_react_sdk92.selectLocalPeerID) === peerId;
+      const track = (0, import_react_sdk92.useHMSStore)((0, import_react_sdk92.selectScreenShareByPeerID)(peerId));
       const { theme: theme2 } = useTheme();
-      const peer = (0, import_react_sdk93.useHMSStore)((0, import_react_sdk93.selectPeerByID)(peerId));
+      const peer = (0, import_react_sdk92.useHMSStore)((0, import_react_sdk92.selectPeerByID)(peerId));
       const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
       const [isMouseHovered, setIsMouseHovered] = (0, import_react184.useState)(false);
       const isMobile = (0, import_react_use42.useMedia)(config.media.md);
@@ -31248,7 +31219,7 @@ var init_ScreenshareTile = __esm({
         onClose: () => setFullscreen(false)
       });
       const isFullScreenSupported = import_screenfull2.default.isEnabled;
-      const audioTrack = (0, import_react_sdk93.useHMSStore)((0, import_react_sdk93.selectScreenShareAudioByPeerID)(peer == null ? void 0 : peer.id));
+      const audioTrack = (0, import_react_sdk92.useHMSStore)((0, import_react_sdk92.selectScreenShareAudioByPeerID)(peer == null ? void 0 : peer.id));
       if (isLocal && (track == null ? void 0 : track.displaySurface) && !["browser", "window", "application"].includes(track.displaySurface)) {
         return /* @__PURE__ */ import_react184.default.createElement(ScreenshareDisplay, null);
       }
@@ -31258,8 +31229,7 @@ var init_ScreenshareTile = __esm({
       const label = getVideoTileLabel({
         peerName: peer == null ? void 0 : peer.name,
         isLocal: false,
-        videoTrack: track,
-        audioTrack
+        track
       });
       return /* @__PURE__ */ import_react184.default.createElement(
         StyledVideoTile.Root,
@@ -31328,14 +31298,14 @@ var init_ScreenshareTile = __esm({
 });
 
 // src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
-var import_react185, import_react_use43, import_react_sdk94, ScreenshareLayout;
+var import_react185, import_react_use43, import_react_sdk93, ScreenshareLayout;
 var init_ScreenshareLayout = __esm({
   "src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx"() {
     "use strict";
     init_define_process_env();
     import_react185 = __toESM(require("react"));
     import_react_use43 = require("react-use");
-    import_react_sdk94 = require("@100mslive/react-sdk");
+    import_react_sdk93 = require("@100mslive/react-sdk");
     init_Theme();
     init_InsetTile();
     init_Pagination2();
@@ -31347,7 +31317,7 @@ var init_ScreenshareLayout = __esm({
     init_constants();
     ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
       var _a7;
-      const peersSharing = (0, import_react_sdk94.useHMSStore)(import_react_sdk94.selectPeersScreenSharing);
+      const peersSharing = (0, import_react_sdk93.useHMSStore)(import_react_sdk93.selectPeersScreenSharing);
       const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
       const [page, setPage] = (0, import_react185.useState)(0);
       const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
@@ -31396,14 +31366,14 @@ var init_ScreenshareLayout = __esm({
   }
 });
 
-// ../../../../../../../tmp/tmp-2877-Dm5GIFAJD1V4/19203e065fc0/index.css
-var init_e065fc0 = __esm({
-  "../../../../../../../tmp/tmp-2877-Dm5GIFAJD1V4/19203e065fc0/index.css"() {
+// ../../../../../../../tmp/tmp-2828-hw7P47aYwc72/1920591f1f21/index.css
+var init_f1f21 = __esm({
+  "../../../../../../../tmp/tmp-2828-hw7P47aYwc72/1920591f1f21/index.css"() {
   }
 });
 
 // src/Prebuilt/components/VideoLayouts/WhiteboardLayout.tsx
-var import_react186, import_react_use44, import_hms_whiteboard, import_react_sdk95, WhiteboardEmbed, WhiteboardLayout;
+var import_react186, import_react_use44, import_hms_whiteboard, import_react_sdk94, WhiteboardEmbed, WhiteboardLayout;
 var init_WhiteboardLayout = __esm({
   "src/Prebuilt/components/VideoLayouts/WhiteboardLayout.tsx"() {
     "use strict";
@@ -31411,7 +31381,7 @@ var init_WhiteboardLayout = __esm({
     import_react186 = __toESM(require("react"));
     import_react_use44 = require("react-use");
     import_hms_whiteboard = require("@100mslive/hms-whiteboard");
-    import_react_sdk95 = require("@100mslive/react-sdk");
+    import_react_sdk94 = require("@100mslive/react-sdk");
     init_Layout();
     init_Theme();
     init_InsetTile();
@@ -31420,10 +31390,10 @@ var init_WhiteboardLayout = __esm({
     init_ProminenceLayout();
     init_useUISettings();
     init_constants();
-    init_e065fc0();
+    init_f1f21();
     WhiteboardEmbed = () => {
       const isMobile = (0, import_react_use44.useMedia)(config.media.md);
-      const { token, endpoint, zoomToContent } = (0, import_react_sdk95.useWhiteboard)(isMobile);
+      const { token, endpoint, zoomToContent } = (0, import_react_sdk94.useWhiteboard)(isMobile);
       if (!token) {
         return null;
       }
@@ -31444,8 +31414,8 @@ var init_WhiteboardLayout = __esm({
       );
     };
     WhiteboardLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
-      const whiteboard = (0, import_react_sdk95.useHMSStore)(import_react_sdk95.selectWhiteboard);
-      const whiteboardOwner = (0, import_react_sdk95.useHMSStore)((0, import_react_sdk95.selectPeerByCondition)((peer) => peer.customerUserId === (whiteboard == null ? void 0 : whiteboard.owner)));
+      const whiteboard = (0, import_react_sdk94.useHMSStore)(import_react_sdk94.selectWhiteboard);
+      const whiteboardOwner = (0, import_react_sdk94.useHMSStore)((0, import_react_sdk94.selectPeerByCondition)((peer) => peer.customerUserId === (whiteboard == null ? void 0 : whiteboard.owner)));
       const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
       const isMobile = (0, import_react_use44.useMedia)(config.media.md);
       const hasSidebar = !isMobile && layoutMode === LayoutMode.SIDEBAR;
@@ -31486,12 +31456,12 @@ var init_WhiteboardLayout = __esm({
 });
 
 // src/Prebuilt/common/PeersSorter.ts
-var import_react_sdk96, PeersSorter, PeersSorter_default;
+var import_react_sdk95, PeersSorter, PeersSorter_default;
 var init_PeersSorter = __esm({
   "src/Prebuilt/common/PeersSorter.ts"() {
     "use strict";
     init_define_process_env();
-    import_react_sdk96 = require("@100mslive/react-sdk");
+    import_react_sdk95 = require("@100mslive/react-sdk");
     PeersSorter = class {
       constructor(store) {
         this.storeUnsubscribe = void 0;
@@ -31512,7 +31482,7 @@ var init_PeersSorter = __esm({
             }
           });
           if (!this.storeUnsubscribe) {
-            this.storeUnsubscribe = this.store.subscribe(this.onDominantSpeakerChange, import_react_sdk96.selectDominantSpeaker);
+            this.storeUnsubscribe = this.store.subscribe(this.onDominantSpeakerChange, import_react_sdk95.selectDominantSpeaker);
           }
           this.moveSpeakerToFront(this.speaker);
         };
@@ -31587,13 +31557,13 @@ var init_PeersSorter = __esm({
 });
 
 // src/Prebuilt/components/VideoLayouts/GridLayout.tsx
-var import_react187, import_react_sdk97, GridLayout;
+var import_react187, import_react_sdk96, GridLayout;
 var init_GridLayout = __esm({
   "src/Prebuilt/components/VideoLayouts/GridLayout.tsx"() {
     "use strict";
     init_define_process_env();
     import_react187 = __toESM(require("react"));
-    import_react_sdk97 = require("@100mslive/react-sdk");
+    import_react_sdk96 = require("@100mslive/react-sdk");
     init_EqualProminence();
     init_RoleProminence();
     init_ScreenshareLayout();
@@ -31613,12 +31583,12 @@ var init_GridLayout = __esm({
       edge_to_edge = false,
       hide_metadata_on_tile = false
     }) => {
-      const peerSharing = (0, import_react_sdk97.useHMSStore)(import_react_sdk97.selectPeerScreenSharing);
-      const whiteboard = (0, import_react_sdk97.useHMSStore)(import_react_sdk97.selectWhiteboard);
+      const peerSharing = (0, import_react_sdk96.useHMSStore)(import_react_sdk96.selectPeerScreenSharing);
+      const whiteboard = (0, import_react_sdk96.useHMSStore)(import_react_sdk96.selectWhiteboard);
       const pinnedTrack = usePinnedTrack();
-      const peers = (0, import_react_sdk97.useHMSStore)(import_react_sdk97.selectPeers);
-      const localPeerRole = (0, import_react_sdk97.useHMSStore)(import_react_sdk97.selectLocalPeerRoleName);
-      const localPeerID = (0, import_react_sdk97.useHMSStore)(import_react_sdk97.selectLocalPeerID);
+      const peers = (0, import_react_sdk96.useHMSStore)(import_react_sdk96.selectPeers);
+      const localPeerRole = (0, import_react_sdk96.useHMSStore)(import_react_sdk96.selectLocalPeerRoleName);
+      const localPeerID = (0, import_react_sdk96.useHMSStore)(import_react_sdk96.selectLocalPeerID);
       const [activeScreensharePeerId] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
       const isRoleProminence = prominentRoles.length && peers.some(
         (peer) => peer.roleName && prominentRoles.includes(peer.roleName) && (peer.videoTrack || peer.audioTrack)
@@ -31646,7 +31616,7 @@ var init_GridLayout = __esm({
         peers,
         pinnedTrack
       ]);
-      const vanillaStore = (0, import_react_sdk97.useHMSVanillaStore)();
+      const vanillaStore = (0, import_react_sdk96.useHMSVanillaStore)();
       const [sortedPeers, setSortedPeers] = (0, import_react187.useState)(updatedPeers);
       const peersSorter = (0, import_react187.useMemo)(() => new PeersSorter_default(vanillaStore), [vanillaStore]);
       const [pageSize, setPageSize] = (0, import_react187.useState)(0);
@@ -31717,13 +31687,13 @@ var init_GridLayout = __esm({
 });
 
 // src/Prebuilt/layouts/EmbedView.jsx
-var import_react188, import_react_sdk98, EmbedView, EmbedScreenShareView, EmbedComponent;
+var import_react188, import_react_sdk97, EmbedView, EmbedScreenShareView, EmbedComponent;
 var init_EmbedView = __esm({
   "src/Prebuilt/layouts/EmbedView.jsx"() {
     "use strict";
     init_define_process_env();
     import_react188 = __toESM(require("react"));
-    import_react_sdk98 = require("@100mslive/react-sdk");
+    import_react_sdk97 = require("@100mslive/react-sdk");
     init_SecondaryTiles();
     init_ToastManager();
     init_ProminenceLayout();
@@ -31734,8 +31704,8 @@ var init_EmbedView = __esm({
       return /* @__PURE__ */ import_react188.default.createElement(EmbedScreenShareView, null, /* @__PURE__ */ import_react188.default.createElement(EmbedComponent, null));
     };
     EmbedScreenShareView = ({ children }) => {
-      const peers = (0, import_react_sdk98.useHMSStore)(import_react_sdk98.selectPeers);
-      const peerPresenting = (0, import_react_sdk98.useHMSStore)(import_react_sdk98.selectPeerScreenSharing);
+      const peers = (0, import_react_sdk97.useHMSStore)(import_react_sdk97.selectPeers);
+      const peerPresenting = (0, import_react_sdk97.useHMSStore)(import_react_sdk97.selectPeerScreenSharing);
       const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
       const smallTilePeers = (0, import_react188.useMemo)(() => {
         const smallTilePeers2 = peers.filter((peer) => peer.id !== (peerPresenting == null ? void 0 : peerPresenting.id));
@@ -31750,9 +31720,9 @@ var init_EmbedView = __esm({
       return /* @__PURE__ */ import_react188.default.createElement(ProminenceLayout.Root, null, /* @__PURE__ */ import_react188.default.createElement(ProminenceLayout.ProminentSection, null, children), /* @__PURE__ */ import_react188.default.createElement(SecondaryTiles, { peers: smallTilePeers }));
     };
     EmbedComponent = () => {
-      const embedConfig = (0, import_react_sdk98.useHMSStore)((0, import_react_sdk98.selectAppData)(APP_DATA.embedConfig));
+      const embedConfig = (0, import_react_sdk97.useHMSStore)((0, import_react_sdk97.selectAppData)(APP_DATA.embedConfig));
       const resetConfig = useResetEmbedConfig();
-      const { iframeRef, startEmbedShare, isEmbedShareInProgress } = (0, import_react_sdk98.useEmbedShare)(resetConfig);
+      const { iframeRef, startEmbedShare, isEmbedShareInProgress } = (0, import_react_sdk97.useEmbedShare)(resetConfig);
       (0, import_react188.useEffect)(() => {
         (() => __async(void 0, null, function* () {
           if (embedConfig && !isEmbedShareInProgress) {
@@ -31802,13 +31772,13 @@ var init_EmbedView = __esm({
 });
 
 // src/Prebuilt/layouts/PDFView.jsx
-var import_react189, import_react_sdk99, PDFView;
+var import_react189, import_react_sdk98, PDFView;
 var init_PDFView = __esm({
   "src/Prebuilt/layouts/PDFView.jsx"() {
     "use strict";
     init_define_process_env();
     import_react189 = __toESM(require("react"));
-    import_react_sdk99 = require("@100mslive/react-sdk");
+    import_react_sdk98 = require("@100mslive/react-sdk");
     init_ToastManager();
     init_Layout();
     init_EmbedView();
@@ -31816,7 +31786,7 @@ var init_PDFView = __esm({
     PDFView = () => {
       const pdfConfig = usePDFConfig();
       const resetConfig = useResetPDFConfig();
-      const { iframeRef, startPDFShare, isPDFShareInProgress } = (0, import_react_sdk99.usePDFShare)(resetConfig);
+      const { iframeRef, startPDFShare, isPDFShareInProgress } = (0, import_react_sdk98.usePDFShare)(resetConfig);
       (0, import_react189.useEffect)(() => {
         return () => {
           resetConfig();
@@ -31871,7 +31841,7 @@ var init_PDFView = __esm({
 });
 
 // src/Prebuilt/plugins/CaptionsViewer.tsx
-var import_react190, import_react_draggable2, import_react_use45, import_react_sdk100, SimpleQueue, Queue, CaptionMaintainerQueue, TranscriptView, CaptionsViewer;
+var import_react190, import_react_draggable2, import_react_use45, import_react_sdk99, SimpleQueue, Queue, CaptionMaintainerQueue, TranscriptView, CaptionsViewer;
 var init_CaptionsViewer = __esm({
   "src/Prebuilt/plugins/CaptionsViewer.tsx"() {
     "use strict";
@@ -31879,7 +31849,7 @@ var init_CaptionsViewer = __esm({
     import_react190 = __toESM(require("react"));
     import_react_draggable2 = __toESM(require("react-draggable"));
     import_react_use45 = require("react-use");
-    import_react_sdk100 = require("@100mslive/react-sdk");
+    import_react_sdk99 = require("@100mslive/react-sdk");
     init_Layout();
     init_Text2();
     init_Theme();
@@ -32020,7 +31990,7 @@ var init_CaptionsViewer = __esm({
       }
     };
     TranscriptView = ({ peer_id, data: data3 }) => {
-      const peerName = (0, import_react_sdk100.useHMSStore)((0, import_react_sdk100.selectPeerNameByID)(peer_id)) || "Participant";
+      const peerName = (0, import_react_sdk99.useHMSStore)((0, import_react_sdk99.selectPeerNameByID)(peer_id)) || "Participant";
       data3 = data3.trim();
       if (!data3)
         return null;
@@ -32048,7 +32018,7 @@ var init_CaptionsViewer = __esm({
       const [captionQueue] = (0, import_react190.useState)(new CaptionMaintainerQueue());
       const [currentData, setCurrentData] = (0, import_react190.useState)([]);
       const isCaptionEnabled = useIsCaptionEnabled();
-      const isTranscriptionEnabled = (0, import_react_sdk100.useHMSStore)(import_react_sdk100.selectIsTranscriptionEnabled);
+      const isTranscriptionEnabled = (0, import_react_sdk99.useHMSStore)(import_react_sdk99.selectIsTranscriptionEnabled);
       const nodeRef = (0, import_react190.useRef)(null);
       (0, import_react190.useEffect)(() => {
         const timeInterval = setInterval(() => {
@@ -32061,7 +32031,7 @@ var init_CaptionsViewer = __esm({
         }, 1e3);
         return () => clearInterval(timeInterval);
       }, [captionQueue]);
-      (0, import_react_sdk100.useTranscript)({
+      (0, import_react_sdk99.useTranscript)({
         onTranscript: (data3) => {
           captionQueue && captionQueue.push(data3);
         }
@@ -32118,16 +32088,16 @@ var init_CaptionsViewer = __esm({
 });
 
 // src/Prebuilt/components/hooks/useCloseScreenshareWhiteboard.tsx
-var import_react191, import_react_sdk101, useCloseScreenshareWhiteboard;
+var import_react191, import_react_sdk100, useCloseScreenshareWhiteboard;
 var init_useCloseScreenshareWhiteboard = __esm({
   "src/Prebuilt/components/hooks/useCloseScreenshareWhiteboard.tsx"() {
     "use strict";
     init_define_process_env();
     import_react191 = require("react");
-    import_react_sdk101 = require("@100mslive/react-sdk");
+    import_react_sdk100 = require("@100mslive/react-sdk");
     useCloseScreenshareWhiteboard = () => {
-      const peerSharing = (0, import_react_sdk101.useHMSStore)(import_react_sdk101.selectPeerScreenSharing);
-      const { isOwner: isWhiteboardOwner, toggle: toggleWhiteboard } = (0, import_react_sdk101.useWhiteboard)();
+      const peerSharing = (0, import_react_sdk100.useHMSStore)(import_react_sdk100.selectPeerScreenSharing);
+      const { isOwner: isWhiteboardOwner, toggle: toggleWhiteboard } = (0, import_react_sdk100.useWhiteboard)();
       (0, import_react191.useEffect)(() => {
         if (isWhiteboardOwner && peerSharing) {
           toggleWhiteboard == null ? void 0 : toggleWhiteboard();
@@ -32266,26 +32236,6 @@ var init_HMSVideo = __esm({
     init_Layout();
     HMSVideo = (0, import_react193.forwardRef)((_a7, videoRef) => {
       var _b7 = _a7, { children } = _b7, props = __objRest(_b7, ["children"]);
-      const [width, setWidth] = (0, import_react193.useState)("auto");
-      (0, import_react193.useEffect)(() => {
-        const updatingVideoWidth = () => {
-          const videoEl2 = videoRef.current;
-          if (!videoEl2) {
-            return;
-          }
-          if (videoEl2.videoWidth > videoEl2.videoHeight && width !== "100%") {
-            setWidth("100%");
-          }
-        };
-        const videoEl = videoRef.current;
-        if (!videoEl) {
-          return;
-        }
-        videoEl.addEventListener("loadedmetadata", updatingVideoWidth);
-        return () => {
-          videoEl.removeEventListener("loadedmetadata", updatingVideoWidth);
-        };
-      }, []);
       return /* @__PURE__ */ import_react193.default.createElement(
         Flex,
         __spreadValues({
@@ -32296,8 +32246,9 @@ var init_HMSVideo = __esm({
             justifyContent: "center",
             transition: "all 0.3s ease-in-out",
             "@md": {
+              height: "auto",
               "& video": {
-                height: props.isFullScreen ? "" : "$60 !important"
+                height: "$60 !important"
               }
             },
             "& video::cue": {
@@ -32326,7 +32277,7 @@ var init_HMSVideo = __esm({
             style: {
               margin: "0 auto",
               objectFit: "contain",
-              width,
+              width: "auto",
               height: "100%",
               maxWidth: "100%"
             },
@@ -33254,7 +33205,7 @@ var HLSView_exports = {};
 __export(HLSView_exports, {
   default: () => HLSView_default
 });
-var import_react206, import_react_use49, import_hls_player3, import_screenfull3, import_ts_pattern13, import_react_sdk102, import_react_icons97, hlsPlayer, toastMap, ToggleChat, HLSView, HLSView_default;
+var import_react206, import_react_use49, import_hls_player3, import_screenfull3, import_ts_pattern13, import_react_sdk101, import_react_icons97, hlsPlayer, toastMap, ToggleChat, HLSView, HLSView_default;
 var init_HLSView = __esm({
   "src/Prebuilt/layouts/HLSView.jsx"() {
     "use strict";
@@ -33264,7 +33215,7 @@ var init_HLSView = __esm({
     import_hls_player3 = require("@100mslive/hls-player");
     import_screenfull3 = __toESM(require("screenfull"));
     import_ts_pattern13 = require("ts-pattern");
-    import_react_sdk102 = require("@100mslive/react-sdk");
+    import_react_sdk101 = require("@100mslive/react-sdk");
     import_react_icons97 = require("@100mslive/react-icons");
     init_ChatToggle();
     init_HlsStatsOverlay();
@@ -33292,11 +33243,11 @@ var init_HLSView = __esm({
     toastMap = {};
     ToggleChat = ({ isFullScreen = false }) => {
       const { elements } = useRoomLayoutConferencingScreen();
-      const sidepane = (0, import_react_sdk102.useHMSStore)((0, import_react_sdk102.selectAppData)(APP_DATA.sidePane));
+      const sidepane = (0, import_react_sdk101.useHMSStore)((0, import_react_sdk101.selectAppData)(APP_DATA.sidePane));
       const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
       const showChat = !!(elements == null ? void 0 : elements.chat);
       const isMobile = (0, import_react_use49.useMedia)(config.media.md);
-      const hmsActions = (0, import_react_sdk102.useHMSActions)();
+      const hmsActions = (0, import_react_sdk101.useHMSActions)();
       (0, import_react206.useEffect)(() => {
         (0, import_ts_pattern13.match)({ sidepane, isMobile, showChat, isFullScreen }).with({ isFullScreen: true }, () => {
           hmsActions.setAppData(APP_DATA.sidePane, "");
@@ -33314,10 +33265,10 @@ var init_HLSView = __esm({
       const videoRef = (0, import_react206.useRef)(null);
       const hlsViewRef = (0, import_react206.useRef)();
       const { elements } = useRoomLayoutConferencingScreen();
-      const hlsState = (0, import_react_sdk102.useHMSStore)(import_react_sdk102.selectHLSState);
-      const enablHlsStats = (0, import_react_sdk102.useHMSStore)((0, import_react_sdk102.selectAppData)(APP_DATA.hlsStats));
-      const notification = (0, import_react_sdk102.useHMSNotifications)(import_react_sdk102.HMSNotificationTypes.POLL_STOPPED);
-      const hmsActions = (0, import_react_sdk102.useHMSActions)();
+      const hlsState = (0, import_react_sdk101.useHMSStore)(import_react_sdk101.selectHLSState);
+      const enablHlsStats = (0, import_react_sdk101.useHMSStore)((0, import_react_sdk101.selectAppData)(APP_DATA.hlsStats));
+      const notification = (0, import_react_sdk101.useHMSNotifications)(import_react_sdk101.HMSNotificationTypes.POLL_STOPPED);
+      const hmsActions = (0, import_react_sdk101.useHMSActions)();
       const { themeType } = useTheme();
       const [streamEnded, setStreamEnded] = (0, import_react206.useState)(false);
       let [hlsStatsState, setHlsStatsState] = (0, import_react206.useState)(null);
@@ -33336,7 +33287,7 @@ var init_HLSView = __esm({
       const [isPaused, setIsPaused] = (0, import_react206.useState)(false);
       const [show, toggle] = (0, import_react_use49.useToggle)(false);
       const lastHlsUrl = (0, import_react_use49.usePrevious)(hlsUrl);
-      const vanillaStore = (0, import_react_sdk102.useHMSVanillaStore)();
+      const vanillaStore = (0, import_react_sdk101.useHMSVanillaStore)();
       const [controlsVisible, setControlsVisible] = (0, import_react206.useState)(true);
       const [isUserSelectedAuto, setIsUserSelectedAuto] = (0, import_react206.useState)(true);
       const [qualityDropDownOpen, setQualityDropDownOpen] = (0, import_react206.useState)(false);
@@ -33422,8 +33373,8 @@ var init_HLSView = __esm({
           const parsedPayload = parsePayload(payload);
           if (parsedPayload.startsWith("poll:")) {
             const pollId = parsedPayload.substr(parsedPayload.indexOf(":") + 1);
-            const poll = vanillaStore.getState((0, import_react_sdk102.selectPollByID)(pollId));
-            const pollStartedBy = vanillaStore.getState((0, import_react_sdk102.selectPeerNameByID)(poll.startedBy)) || "Participant";
+            const poll = vanillaStore.getState((0, import_react_sdk101.selectPollByID)(pollId));
+            const pollStartedBy = vanillaStore.getState((0, import_react_sdk101.selectPeerNameByID)(poll.startedBy)) || "Participant";
             if (!toastMap[pollId]) {
               const toastID = ToastManager.addToast({
                 title: `${pollStartedBy} started a ${poll.type}: ${poll.title}`,
@@ -33579,7 +33530,7 @@ var init_HLSView = __esm({
       const onDoubleClickHandler = (0, import_react206.useCallback)(
         (event) => {
           var _a8;
-          if (!(isMobile || isLandscape) || ((_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8.playlist_type) !== import_react_sdk102.HLSPlaylistType.DVR) {
+          if (!(isMobile || isLandscape) || ((_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8.playlist_type) !== import_react_sdk101.HLSPlaylistType.DVR) {
             return;
           }
           const sidePercentage = event.screenX * 100 / event.target.clientWidth;
@@ -33605,7 +33556,7 @@ var init_HLSView = __esm({
       );
       const onClickHandler = (0, import_react206.useCallback)(() => __async(void 0, null, function* () {
         var _a8;
-        (0, import_ts_pattern13.match)({ isMobile, isLandscape, playlist_type: (_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8.playlist_type }).with({ playlist_type: import_react_sdk102.HLSPlaylistType.DVR, isMobile: false, isLandscape: false }, () => __async(void 0, null, function* () {
+        (0, import_ts_pattern13.match)({ isMobile, isLandscape, playlist_type: (_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8.playlist_type }).with({ playlist_type: import_react_sdk101.HLSPlaylistType.DVR, isMobile: false, isLandscape: false }, () => __async(void 0, null, function* () {
           if (isPaused) {
             yield hlsPlayer == null ? void 0 : hlsPlayer.play();
           } else {
@@ -33683,7 +33634,12 @@ var init_HLSView = __esm({
           justify: "center",
           css: {
             flex: isLandscape ? "2 1 0" : "1 1 0",
-            transition: "all 0.3s ease-in-out"
+            transition: "all 0.3s ease-in-out",
+            "&:fullscreen": {
+              "& video": {
+                height: "unset !important"
+              }
+            }
           }
         },
         hlsViewRef.current && (isMobile || isLandscape) && /* @__PURE__ */ import_react206.default.createElement(Box, { css: { position: "fixed", left: "$4", top: "$4", zIndex: 11 } }, /* @__PURE__ */ import_react206.default.createElement(LeaveRoom, { screenType: "hls_live_streaming", container: hlsViewRef.current })),
@@ -33703,7 +33659,7 @@ var init_HLSView = __esm({
             },
             onKeyDown: (event) => __async(void 0, null, function* () {
               var _a8;
-              if (((_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8.playlist_type) === import_react_sdk102.HLSPlaylistType.DVR) {
+              if (((_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8.playlist_type) === import_react_sdk101.HLSPlaylistType.DVR) {
                 yield keyHandler(event);
               }
             }),
@@ -33729,7 +33685,6 @@ var init_HLSView = __esm({
               onMouseMove: onHoverHandler,
               onMouseLeave: onHoverHandler,
               onClick: onClickHandler,
-              isFullScreen,
               onDoubleClick: (e) => {
                 onDoubleClickHandler(e);
               }
@@ -33748,7 +33703,7 @@ var init_HLSView = __esm({
                   size: "100%"
                 }
               },
-              !showLoader && ((_b7 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _b7.playlist_type) === import_react_sdk102.HLSPlaylistType.DVR && /* @__PURE__ */ import_react206.default.createElement(
+              !showLoader && ((_b7 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _b7.playlist_type) === import_react_sdk101.HLSPlaylistType.DVR && /* @__PURE__ */ import_react206.default.createElement(
                 HMSVideoPlayer.PlayPauseSeekControls.Overlay,
                 {
                   isPaused,
@@ -33756,7 +33711,7 @@ var init_HLSView = __esm({
                   hoverControlsVisible
                 }
               )
-            ), isMobile || isLandscape ? /* @__PURE__ */ import_react206.default.createElement(import_react206.default.Fragment, null, !showLoader && ((_c = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _c.playlist_type) === import_react_sdk102.HLSPlaylistType.DVR && /* @__PURE__ */ import_react206.default.createElement(
+            ), isMobile || isLandscape ? /* @__PURE__ */ import_react206.default.createElement(import_react206.default.Fragment, null, !showLoader && ((_c = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _c.playlist_type) === import_react_sdk101.HLSPlaylistType.DVR && /* @__PURE__ */ import_react206.default.createElement(
               HMSVideoPlayer.PlayPauseSeekControls.Overlay,
               {
                 isPaused,
@@ -33823,7 +33778,7 @@ var init_HLSView = __esm({
                 align: "start",
                 css: {
                   position: "absolute",
-                  bottom: isFullScreen && ((_d = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _d.playlist_type) === import_react_sdk102.HLSPlaylistType.DVR ? "$8" : "0",
+                  bottom: isFullScreen && ((_d = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _d.playlist_type) === import_react_sdk101.HLSPlaylistType.DVR ? "$8" : "0",
                   left: "0",
                   zIndex: 1,
                   background: isMobile || isLandscape ? "" : `linear-gradient(180deg, ${theme.colors.background_dim.value}00 29.46%, ${theme.colors.background_dim.value}A3 100%);`,
@@ -33833,7 +33788,7 @@ var init_HLSView = __esm({
                   transition: "visibility 0s 0.5s, opacity 0.5s linear"
                 }
               },
-              ((_e = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _e.playlist_type) === import_react_sdk102.HLSPlaylistType.DVR ? /* @__PURE__ */ import_react206.default.createElement(HMSVideoPlayer.Progress, { seekProgress, setSeekProgress }) : null,
+              ((_e = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _e.playlist_type) === import_react_sdk101.HLSPlaylistType.DVR ? /* @__PURE__ */ import_react206.default.createElement(HMSVideoPlayer.Progress, { seekProgress, setSeekProgress }) : null,
               /* @__PURE__ */ import_react206.default.createElement(
                 HMSVideoPlayer.Controls.Root,
                 {
@@ -33842,7 +33797,7 @@ var init_HLSView = __esm({
                   },
                   onClick: (e) => e.stopPropagation()
                 },
-                /* @__PURE__ */ import_react206.default.createElement(HMSVideoPlayer.Controls.Left, null, !(isMobile || isLandscape) && /* @__PURE__ */ import_react206.default.createElement(import_react206.default.Fragment, null, ((_f = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _f.playlist_type) === import_react_sdk102.HLSPlaylistType.DVR ? /* @__PURE__ */ import_react206.default.createElement(import_react206.default.Fragment, null, /* @__PURE__ */ import_react206.default.createElement(HMSVideoPlayer.PlayPauseSeekControls.Button, { isPaused, onSeekTo }), !isVideoLive ? /* @__PURE__ */ import_react206.default.createElement(HMSVideoPlayer.Duration, null) : null) : null, /* @__PURE__ */ import_react206.default.createElement(HMSVideoPlayer.Volume, null)), /* @__PURE__ */ import_react206.default.createElement(
+                /* @__PURE__ */ import_react206.default.createElement(HMSVideoPlayer.Controls.Left, null, !(isMobile || isLandscape) && /* @__PURE__ */ import_react206.default.createElement(import_react206.default.Fragment, null, ((_f = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _f.playlist_type) === import_react_sdk101.HLSPlaylistType.DVR ? /* @__PURE__ */ import_react206.default.createElement(import_react206.default.Fragment, null, /* @__PURE__ */ import_react206.default.createElement(HMSVideoPlayer.PlayPauseSeekControls.Button, { isPaused, onSeekTo }), !isVideoLive ? /* @__PURE__ */ import_react206.default.createElement(HMSVideoPlayer.Duration, null) : null) : null, /* @__PURE__ */ import_react206.default.createElement(HMSVideoPlayer.Volume, null)), /* @__PURE__ */ import_react206.default.createElement(
                   IconButton,
                   {
                     css: { px: "$2" },
@@ -33875,7 +33830,7 @@ var init_HLSView = __esm({
                     },
                     isVideoLive ? "LIVE" : "GO LIVE"
                   )))
-                ), (isMobile || isLandscape) && !isVideoLive && ((_g = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _g.playlist_type) === import_react_sdk102.HLSPlaylistType.DVR ? /* @__PURE__ */ import_react206.default.createElement(HMSVideoPlayer.Duration, null) : null),
+                ), (isMobile || isLandscape) && !isVideoLive && ((_g = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _g.playlist_type) === import_react_sdk101.HLSPlaylistType.DVR ? /* @__PURE__ */ import_react206.default.createElement(HMSVideoPlayer.Duration, null) : null),
                 /* @__PURE__ */ import_react206.default.createElement(HMSVideoPlayer.Controls.Right, null, hasCaptions && !(isMobile || isLandscape) && /* @__PURE__ */ import_react206.default.createElement(HLSCaptionSelector, { isEnabled: isCaptionEnabled }), availableLayers.length > 0 && !(isMobile || isLandscape) ? /* @__PURE__ */ import_react206.default.createElement(
                   HLSQualitySelector,
                   {
@@ -33884,8 +33839,7 @@ var init_HLSView = __esm({
                     open: qualityDropDownOpen,
                     selection: currentSelectedQuality,
                     onQualityChange: handleQuality,
-                    isAuto: isUserSelectedAuto,
-                    containerRef: hlsViewRef.current
+                    isAuto: isUserSelectedAuto
                   }
                 ) : null, isFullScreenSupported ? /* @__PURE__ */ import_react206.default.createElement(FullScreenButton2, { isFullScreen, onToggle: toggle }) : null)
               )
@@ -33901,7 +33855,7 @@ var init_HLSView = __esm({
 });
 
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
-var import_react207, import_react_use50, import_ts_pattern14, import_react_sdk103, import_react_icons98, HLSView2, VideoStreamingSection;
+var import_react207, import_react_use50, import_ts_pattern14, import_react_sdk102, import_react_icons98, HLSView2, VideoStreamingSection;
 var init_VideoStreamingSection = __esm({
   "src/Prebuilt/layouts/VideoStreamingSection.tsx"() {
     "use strict";
@@ -33909,7 +33863,7 @@ var init_VideoStreamingSection = __esm({
     import_react207 = __toESM(require("react"));
     import_react_use50 = require("react-use");
     import_ts_pattern14 = require("ts-pattern");
-    import_react_sdk103 = require("@100mslive/react-sdk");
+    import_react_sdk102 = require("@100mslive/react-sdk");
     import_react_icons98 = require("@100mslive/react-icons");
     init_FullPageProgress();
     init_GridLayout();
@@ -33930,10 +33884,10 @@ var init_VideoStreamingSection = __esm({
       hideControls = false
     }) => {
       var _a7;
-      const localPeerRoleName = (0, import_react_sdk103.useHMSStore)(import_react_sdk103.selectLocalPeerRoleName);
-      const isConnected = (0, import_react_sdk103.useHMSStore)(import_react_sdk103.selectIsConnectedToRoom);
-      const isSharingScreen = (0, import_react_sdk103.useHMSStore)(import_react_sdk103.selectIsLocalScreenShared);
-      const hmsActions = (0, import_react_sdk103.useHMSActions)();
+      const localPeerRoleName = (0, import_react_sdk102.useHMSStore)(import_react_sdk102.selectLocalPeerRoleName);
+      const isConnected = (0, import_react_sdk102.useHMSStore)(import_react_sdk102.selectIsConnectedToRoom);
+      const isSharingScreen = (0, import_react_sdk102.useHMSStore)(import_react_sdk102.selectIsLocalScreenShared);
+      const hmsActions = (0, import_react_sdk102.useHMSActions)();
       const urlToIframe = useUrlToEmbed();
       const pdfAnnotatorActive = usePDFConfig();
       const isMobileHLSStream = useMobileHLSStream();
@@ -34075,13 +34029,13 @@ var init_RoomDetailsHeader = __esm({
 });
 
 // src/Prebuilt/components/Header/common.jsx
-var import_react209, import_react_sdk104, import_react_icons100, CamaraFlipActions, AudioActions, AudioSelectionSheet, SelectWithLabel;
+var import_react209, import_react_sdk103, import_react_icons100, CamaraFlipActions, AudioActions, AudioSelectionSheet, SelectWithLabel;
 var init_common2 = __esm({
   "src/Prebuilt/components/Header/common.jsx"() {
     "use strict";
     init_define_process_env();
     import_react209 = __toESM(require("react"));
-    import_react_sdk104 = require("@100mslive/react-sdk");
+    import_react_sdk103 = require("@100mslive/react-sdk");
     import_react_icons100 = require("@100mslive/react-icons");
     init_Divider2();
     init_Label2();
@@ -34091,12 +34045,12 @@ var init_common2 = __esm({
     init_IconButton3();
     init_ToastManager();
     CamaraFlipActions = () => {
-      const actions = (0, import_react_sdk104.useHMSActions)();
-      const { allDevices } = (0, import_react_sdk104.useDevices)();
+      const actions = (0, import_react_sdk103.useHMSActions)();
+      const { allDevices } = (0, import_react_sdk103.useDevices)();
       const { videoInput } = allDevices;
-      const isVideoOn = (0, import_react_sdk104.useHMSStore)(import_react_sdk104.selectIsLocalVideoEnabled);
-      const videoTrackId = (0, import_react_sdk104.useHMSStore)(import_react_sdk104.selectLocalVideoTrackID);
-      const localVideoTrack = (0, import_react_sdk104.useHMSStore)((0, import_react_sdk104.selectVideoTrackByID)(videoTrackId));
+      const isVideoOn = (0, import_react_sdk103.useHMSStore)(import_react_sdk103.selectIsLocalVideoEnabled);
+      const videoTrackId = (0, import_react_sdk103.useHMSStore)(import_react_sdk103.selectLocalVideoTrackID);
+      const localVideoTrack = (0, import_react_sdk103.useHMSStore)((0, import_react_sdk103.selectVideoTrackByID)(videoTrackId));
       if (!videoInput || !(videoInput == null ? void 0 : videoInput.length) || !(localVideoTrack == null ? void 0 : localVideoTrack.facingMode)) {
         return null;
       }
@@ -34119,7 +34073,7 @@ var init_common2 = __esm({
       ));
     };
     AudioActions = () => {
-      const { allDevices, selectedDeviceIDs, updateDevice } = (0, import_react_sdk104.useDevices)();
+      const { allDevices, selectedDeviceIDs, updateDevice } = (0, import_react_sdk103.useDevices)();
       const shouldShowAudioOutput = "setSinkId" in HTMLMediaElement.prototype;
       const { audioInput, audioOutput } = allDevices;
       let availableAudioDevices = audioInput;
@@ -34128,7 +34082,7 @@ var init_common2 = __esm({
         availableAudioDevices = audioOutput;
         selectedAudio = selectedDeviceIDs.audioOutput;
       }
-      const hmsActions = (0, import_react_sdk104.useHMSActions)();
+      const hmsActions = (0, import_react_sdk103.useHMSActions)();
       const audioFiltered = availableAudioDevices == null ? void 0 : availableAudioDevices.find((item) => !!item.label);
       const currentSelection = availableAudioDevices == null ? void 0 : availableAudioDevices.find((item) => item.deviceId === selectedAudio);
       if (!audioFiltered) {
@@ -34151,7 +34105,7 @@ var init_common2 = __esm({
             try {
               yield updateDevice({
                 deviceId,
-                deviceType: shouldShowAudioOutput ? import_react_sdk104.DeviceType.audioOutput : import_react_sdk104.DeviceType.audioInput
+                deviceType: shouldShowAudioOutput ? import_react_sdk103.DeviceType.audioOutput : import_react_sdk103.DeviceType.audioInput
               });
             } catch (e) {
               ToastManager.addToast({
@@ -34235,23 +34189,23 @@ var init_common2 = __esm({
 });
 
 // src/Prebuilt/components/Header/Header.tsx
-var import_react210, import_react_use52, import_react_sdk105, Header2;
+var import_react210, import_react_use52, import_react_sdk104, Header2;
 var init_Header = __esm({
   "src/Prebuilt/components/Header/Header.tsx"() {
     "use strict";
     init_define_process_env();
     import_react210 = __toESM(require("react"));
     import_react_use52 = require("react-use");
-    import_react_sdk105 = require("@100mslive/react-sdk");
+    import_react_sdk104 = require("@100mslive/react-sdk");
     init_src();
     init_HeaderComponents();
     init_RoomDetailsHeader();
     init_StreamActions();
     init_common2();
     Header2 = () => {
-      const roomState = (0, import_react_sdk105.useHMSStore)(import_react_sdk105.selectRoomState);
+      const roomState = (0, import_react_sdk104.useHMSStore)(import_react_sdk104.selectRoomState);
       const isMobile = (0, import_react_use52.useMedia)(config.media.md);
-      if (roomState !== import_react_sdk105.HMSRoomState.Connected) {
+      if (roomState !== import_react_sdk104.HMSRoomState.Connected) {
         return /* @__PURE__ */ import_react210.default.createElement(import_react210.default.Fragment, null);
       }
       return /* @__PURE__ */ import_react210.default.createElement(Flex, { justify: "between", align: "center", css: { position: "relative", height: "100%" } }, /* @__PURE__ */ import_react210.default.createElement(Flex, { align: "center", gap: "2", css: { position: "absolute", left: "$10" } }, /* @__PURE__ */ import_react210.default.createElement(Logo, null), /* @__PURE__ */ import_react210.default.createElement(RoomDetailsHeader, null), /* @__PURE__ */ import_react210.default.createElement(SpeakerTag, null), isMobile && /* @__PURE__ */ import_react210.default.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ import_react210.default.createElement(LiveStatus, null), /* @__PURE__ */ import_react210.default.createElement(RecordingStatus, null), /* @__PURE__ */ import_react210.default.createElement(RecordingPauseStatus, null))), /* @__PURE__ */ import_react210.default.createElement(
@@ -34281,25 +34235,25 @@ var init_Header2 = __esm({
 });
 
 // src/Prebuilt/components/PreviousRoleInMetadata.tsx
-var import_react211, import_react_sdk106, PreviousRoleInMetadata;
+var import_react211, import_react_sdk105, PreviousRoleInMetadata;
 var init_PreviousRoleInMetadata = __esm({
   "src/Prebuilt/components/PreviousRoleInMetadata.tsx"() {
     "use strict";
     init_define_process_env();
     import_react211 = require("react");
-    import_react_sdk106 = require("@100mslive/react-sdk");
+    import_react_sdk105 = require("@100mslive/react-sdk");
     init_useMetadata();
     PreviousRoleInMetadata = () => {
-      const vanillaStore = (0, import_react_sdk106.useHMSVanillaStore)();
+      const vanillaStore = (0, import_react_sdk105.useHMSVanillaStore)();
       const { updateMetaData } = useMyMetadata();
       (0, import_react211.useEffect)(() => {
-        let previousRole = vanillaStore.getState(import_react_sdk106.selectLocalPeerRoleName);
+        let previousRole = vanillaStore.getState(import_react_sdk105.selectLocalPeerRoleName);
         const unsubscribe = vanillaStore.subscribe((currentRole) => {
           if (previousRole !== currentRole && currentRole) {
             updateMetaData({ prevRole: previousRole });
             previousRole = currentRole;
           }
-        }, import_react_sdk106.selectLocalPeerRoleName);
+        }, import_react_sdk105.selectLocalPeerRoleName);
         return unsubscribe;
       }, [vanillaStore]);
       return null;
@@ -34308,14 +34262,14 @@ var init_PreviousRoleInMetadata = __esm({
 });
 
 // src/Prebuilt/components/ConferenceScreen.tsx
-var import_react212, import_uuid12, import_react_sdk107, ConferenceScreen;
+var import_react212, import_uuid12, import_react_sdk106, ConferenceScreen;
 var init_ConferenceScreen = __esm({
   "src/Prebuilt/components/ConferenceScreen.tsx"() {
     "use strict";
     init_define_process_env();
     import_react212 = __toESM(require("react"));
     import_uuid12 = require("uuid");
-    import_react_sdk107 = require("@100mslive/react-sdk");
+    import_react_sdk106 = require("@100mslive/react-sdk");
     init_Footer3();
     init_MoreSettings();
     init_HLSFailureModal();
@@ -34339,18 +34293,18 @@ var init_ConferenceScreen = __esm({
       const { userName, endpoints, onJoin: onJoinFunc } = useHMSPrebuiltContext();
       const screenProps = useRoomLayoutConferencingScreen();
       const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
-      const roomState = (0, import_react_sdk107.useHMSStore)(import_react_sdk107.selectRoomState);
-      const isConnectedToRoom = (0, import_react_sdk107.useHMSStore)(import_react_sdk107.selectIsConnectedToRoom);
-      const hmsActions = (0, import_react_sdk107.useHMSActions)();
+      const roomState = (0, import_react_sdk106.useHMSStore)(import_react_sdk106.selectRoomState);
+      const isConnectedToRoom = (0, import_react_sdk106.useHMSStore)(import_react_sdk106.selectIsConnectedToRoom);
+      const hmsActions = (0, import_react_sdk106.useHMSActions)();
       const [hideControls, setHideControls] = (0, import_react212.useState)(false);
-      const dropdownList = (0, import_react_sdk107.useHMSStore)((0, import_react_sdk107.selectAppData)(APP_DATA.dropdownList));
+      const dropdownList = (0, import_react_sdk106.useHMSStore)((0, import_react_sdk106.selectAppData)(APP_DATA.dropdownList));
       const authTokenInAppData = useAuthToken();
       const headerRef = (0, import_react212.useRef)(null);
       const footerRef = (0, import_react212.useRef)(null);
       const isMobileDevice = isAndroid || isIOS || isIPadOS;
       const dropdownListRef = (0, import_react212.useRef)();
       const [isHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
-      const { requestPermission } = (0, import_react_sdk107.useAwayNotifications)();
+      const { requestPermission } = (0, import_react_sdk106.useAwayNotifications)();
       const showChat = !!((_a7 = screenProps.elements) == null ? void 0 : _a7.chat);
       const autoRoomJoined = (0, import_react212.useRef)(isPreviewScreenEnabled);
       const isMobileHLSStream = useMobileHLSStream();
@@ -34378,7 +34332,7 @@ var init_ConferenceScreen = __esm({
         };
       }, [dropdownList, hideControls, isMobileDevice]);
       (0, import_react212.useEffect)(() => {
-        if (authTokenInAppData && !isConnectedToRoom && !isPreviewScreenEnabled && roomState !== import_react_sdk107.HMSRoomState.Connecting && !autoRoomJoined.current) {
+        if (authTokenInAppData && !isConnectedToRoom && !isPreviewScreenEnabled && roomState !== import_react_sdk106.HMSRoomState.Connecting && !autoRoomJoined.current) {
           hmsActions.join({
             userName: userName || (0, import_uuid12.v4)(),
             authToken: authTokenInAppData,
@@ -34407,8 +34361,8 @@ var init_ConferenceScreen = __esm({
           PictureInPicture.stop().catch((error) => console.error("stopping pip", error.message));
         };
       }, [onJoinFunc]);
-      if (!isConnectedToRoom && ![import_react_sdk107.HMSRoomState.Reconnecting, import_react_sdk107.HMSRoomState.Disconnected].includes(roomState)) {
-        return /* @__PURE__ */ import_react212.default.createElement(FullPageProgress_default, { text: roomState === import_react_sdk107.HMSRoomState.Connecting ? "Joining..." : "" });
+      if (!isConnectedToRoom && ![import_react_sdk106.HMSRoomState.Reconnecting, import_react_sdk106.HMSRoomState.Disconnected].includes(roomState)) {
+        return /* @__PURE__ */ import_react212.default.createElement(FullPageProgress_default, { text: roomState === import_react_sdk106.HMSRoomState.Connecting ? "Joining..." : "" });
       }
       const hideControlsForStreaming = isMwebHLSStream ? true : hideControls;
       return /* @__PURE__ */ import_react212.default.createElement(import_react212.default.Fragment, null, isHLSStarted ? /* @__PURE__ */ import_react212.default.createElement(Box, { css: { position: "fixed", zIndex: 100, w: "100%", h: "100%", left: 0, top: 0 } }, /* @__PURE__ */ import_react212.default.createElement(FullPageProgress_default, { text: "Starting live stream...", css: { opacity: 0.8, bg: "$background_dim" } })) : null, /* @__PURE__ */ import_react212.default.createElement(Flex, { css: { size: "100%", overflow: "hidden" }, direction: "column" }, !(screenProps.hideSections.includes("header") || isMwebHLSStream) && /* @__PURE__ */ import_react212.default.createElement(
@@ -34594,7 +34548,7 @@ var init_ErrorBoundary = __esm({
 
 // src/Prebuilt/services/FeatureFlags.jsx
 function FeatureFlagsInit() {
-  const roomId = (0, import_react_sdk108.useHMSStore)(import_react_sdk108.selectRoomID);
+  const roomId = (0, import_react_sdk107.useHMSStore)(import_react_sdk107.selectRoomID);
   (0, import_react214.useEffect)(() => {
     if (roomId) {
       FeatureFlags.init(roomId);
@@ -34602,13 +34556,13 @@ function FeatureFlagsInit() {
   }, [roomId]);
   return null;
 }
-var import_react214, import_react_sdk108, FeatureFlags;
+var import_react214, import_react_sdk107, FeatureFlags;
 var init_FeatureFlags = __esm({
   "src/Prebuilt/services/FeatureFlags.jsx"() {
     "use strict";
     init_define_process_env();
     import_react214 = require("react");
-    import_react_sdk108 = require("@100mslive/react-sdk");
+    import_react_sdk107 = require("@100mslive/react-sdk");
     FeatureFlags = class {
       static init(roomId) {
         if (!window.HMS) {
@@ -34666,13 +34620,13 @@ var init_Init = __esm({
 });
 
 // src/Prebuilt/components/Input/KeyboardInputManager.js
-var import_react216, import_react_sdk109, isEvenListenersAttached, _actions, _store, _toggleAudio, _toggleVideo, _hideSidepane, _toggleStatsForNerds, _toggleHlsStats, _keyDownHandler, _bind, _unbind, KeyboardInputManager, KeyboardHandler;
+var import_react216, import_react_sdk108, isEvenListenersAttached, _actions, _store, _toggleAudio, _toggleVideo, _hideSidepane, _toggleStatsForNerds, _toggleHlsStats, _keyDownHandler, _bind, _unbind, KeyboardInputManager, KeyboardHandler;
 var init_KeyboardInputManager = __esm({
   "src/Prebuilt/components/Input/KeyboardInputManager.js"() {
     "use strict";
     init_define_process_env();
     import_react216 = require("react");
-    import_react_sdk109 = require("@100mslive/react-sdk");
+    import_react_sdk108 = require("@100mslive/react-sdk");
     init_constants();
     isEvenListenersAttached = false;
     KeyboardInputManager = class {
@@ -34680,27 +34634,27 @@ var init_KeyboardInputManager = __esm({
         __privateAdd(this, _actions, void 0);
         __privateAdd(this, _store, void 0);
         __privateAdd(this, _toggleAudio, () => __async(this, null, function* () {
-          const enabled = __privateGet(this, _store).getState(import_react_sdk109.selectIsLocalAudioEnabled);
+          const enabled = __privateGet(this, _store).getState(import_react_sdk108.selectIsLocalAudioEnabled);
           yield __privateGet(this, _actions).setLocalAudioEnabled(!enabled);
         }));
         __privateAdd(this, _toggleVideo, () => __async(this, null, function* () {
-          const enabled = __privateGet(this, _store).getState(import_react_sdk109.selectIsLocalVideoEnabled);
+          const enabled = __privateGet(this, _store).getState(import_react_sdk108.selectIsLocalVideoEnabled);
           yield __privateGet(this, _actions).setLocalVideoEnabled(!enabled);
         }));
         __privateAdd(this, _hideSidepane, () => {
-          if (__privateGet(this, _store).getState((0, import_react_sdk109.selectAppData)(APP_DATA.sidePane))) {
+          if (__privateGet(this, _store).getState((0, import_react_sdk108.selectAppData)(APP_DATA.sidePane))) {
             __privateGet(this, _actions).setAppData(APP_DATA.sidePane, "");
           }
         });
         __privateAdd(this, _toggleStatsForNerds, () => {
-          const uiSettings = __privateGet(this, _store).getState((0, import_react_sdk109.selectAppData)(APP_DATA.uiSettings));
+          const uiSettings = __privateGet(this, _store).getState((0, import_react_sdk108.selectAppData)(APP_DATA.uiSettings));
           const statsEnabled = uiSettings.showStatsOnTiles;
           __privateGet(this, _actions).setAppData(APP_DATA.uiSettings, __spreadProps(__spreadValues({}, uiSettings), {
             showStatsOnTiles: !statsEnabled
           }));
         });
         __privateAdd(this, _toggleHlsStats, () => {
-          __privateGet(this, _actions).setAppData(APP_DATA.hlsStats, !__privateGet(this, _store).getState((0, import_react_sdk109.selectAppData)(APP_DATA.hlsStats)));
+          __privateGet(this, _actions).setAppData(APP_DATA.hlsStats, !__privateGet(this, _store).getState((0, import_react_sdk108.selectAppData)(APP_DATA.hlsStats)));
         });
         // eslint-disable-next-line complexity
         __privateAdd(this, _keyDownHandler, (e) => __async(this, null, function* () {
@@ -34758,8 +34712,8 @@ var init_KeyboardInputManager = __esm({
     _bind = new WeakMap();
     _unbind = new WeakMap();
     KeyboardHandler = () => {
-      const store = (0, import_react_sdk109.useHMSVanillaStore)();
-      const actions = (0, import_react_sdk109.useHMSActions)();
+      const store = (0, import_react_sdk108.useHMSVanillaStore)();
+      const actions = (0, import_react_sdk108.useHMSActions)();
       (0, import_react216.useEffect)(() => {
         const keyboardManager = new KeyboardInputManager(store, actions);
         keyboardManager.bindAllShortcuts();
@@ -34771,14 +34725,14 @@ var init_KeyboardInputManager = __esm({
 });
 
 // src/Prebuilt/components/EndCallFeedback/FeedbackForm.tsx
-var import_react217, import_react_use53, import_react_sdk110, import_react_icons102, FEEBACK_INDEX, FeedbackModal, FeedbackContent, FeedbackHeader, FeedbackForm;
+var import_react217, import_react_use53, import_react_sdk109, import_react_icons102, FEEBACK_INDEX, FeedbackModal, FeedbackContent, FeedbackHeader, FeedbackForm;
 var init_FeedbackForm = __esm({
   "src/Prebuilt/components/EndCallFeedback/FeedbackForm.tsx"() {
     "use strict";
     init_define_process_env();
     import_react217 = __toESM(require("react"));
     import_react_use53 = require("react-use");
-    import_react_sdk110 = require("@100mslive/react-sdk");
+    import_react_sdk109 = require("@100mslive/react-sdk");
     import_react_icons102 = require("@100mslive/react-icons");
     init_Button2();
     init_Checkbox2();
@@ -34836,7 +34790,7 @@ var init_FeedbackForm = __esm({
       const { feedback } = useRoomLayoutLeaveScreen();
       const { endpoints } = useHMSPrebuiltContext();
       const isMobile = (0, import_react_use53.useMedia)(config.media.md);
-      const hmsActions = (0, import_react_sdk110.useHMSActions)();
+      const hmsActions = (0, import_react_sdk109.useHMSActions)();
       const [comment, setComment] = (0, import_react217.useState)("");
       const [selectedReasons, setSelectedReasons] = (0, import_react217.useState)(/* @__PURE__ */ new Set());
       const handleCheckedChange = (checked, index) => {
@@ -35398,7 +35352,7 @@ var init_MwebLandscapePrompt = __esm({
 
 // src/Prebuilt/components/Notifications/AutoplayBlockedModal.tsx
 function AutoplayBlockedModal() {
-  const { error, resetError, unblockAudio } = (0, import_react_sdk111.useAutoplayError)();
+  const { error, resetError, unblockAudio } = (0, import_react_sdk110.useAutoplayError)();
   return /* @__PURE__ */ import_react222.default.createElement(
     Dialog.Root,
     {
@@ -35423,33 +35377,33 @@ function AutoplayBlockedModal() {
     )))
   );
 }
-var import_react222, import_react_sdk111;
+var import_react222, import_react_sdk110;
 var init_AutoplayBlockedModal = __esm({
   "src/Prebuilt/components/Notifications/AutoplayBlockedModal.tsx"() {
     "use strict";
     init_define_process_env();
     import_react222 = __toESM(require("react"));
-    import_react_sdk111 = require("@100mslive/react-sdk");
+    import_react_sdk110 = require("@100mslive/react-sdk");
     init_src();
     init_DialogContent2();
   }
 });
 
 // src/Prebuilt/components/Notifications/ChatNotifications.tsx
-var import_react223, import_uuid13, import_react_sdk112, import_react_icons106, NOTIFICATION_TIME_DIFFERENCE, ChatNotifications;
+var import_react223, import_uuid13, import_react_sdk111, import_react_icons106, NOTIFICATION_TIME_DIFFERENCE, ChatNotifications;
 var init_ChatNotifications = __esm({
   "src/Prebuilt/components/Notifications/ChatNotifications.tsx"() {
     "use strict";
     init_define_process_env();
     import_react223 = __toESM(require("react"));
     import_uuid13 = require("uuid");
-    import_react_sdk112 = require("@100mslive/react-sdk");
+    import_react_sdk111 = require("@100mslive/react-sdk");
     import_react_icons106 = require("@100mslive/react-icons");
     init_ToastManager();
     NOTIFICATION_TIME_DIFFERENCE = 5e3;
     ChatNotifications = () => {
-      const chatState = (0, import_react_sdk112.useHMSStore)((0, import_react_sdk112.selectSessionStore)("chatState" /* CHAT_STATE */));
-      const localPeerId = (0, import_react_sdk112.useHMSStore)(import_react_sdk112.selectLocalPeerID);
+      const chatState = (0, import_react_sdk111.useHMSStore)((0, import_react_sdk111.selectSessionStore)("chatState" /* CHAT_STATE */));
+      const localPeerId = (0, import_react_sdk111.useHMSStore)(import_react_sdk111.selectLocalPeerID);
       (0, import_react223.useEffect)(() => {
         var _a7, _b7;
         if (!chatState || ((_a7 = chatState.updatedBy) == null ? void 0 : _a7.peerId) === localPeerId) {
@@ -35472,13 +35426,13 @@ var init_ChatNotifications = __esm({
 });
 
 // src/Prebuilt/components/Toast/ToastConfig.jsx
-var import_react224, import_react_sdk113, import_react_icons107, ChatAction, HandRaiseAction, ToastConfig;
+var import_react224, import_react_sdk112, import_react_icons107, ChatAction, HandRaiseAction, ToastConfig;
 var init_ToastConfig = __esm({
   "src/Prebuilt/components/Toast/ToastConfig.jsx"() {
     "use strict";
     init_define_process_env();
     import_react224 = __toESM(require("react"));
-    import_react_sdk113 = require("@100mslive/react-sdk");
+    import_react_sdk112 = require("@100mslive/react-sdk");
     import_react_icons107 = require("@100mslive/react-icons");
     init_Button2();
     init_roomLayoutProvider();
@@ -35494,10 +35448,10 @@ var init_ToastConfig = __esm({
     });
     HandRaiseAction = import_react224.default.forwardRef(({ id = "", isSingleHandRaise = true }, ref) => {
       var _a7, _b7, _c;
-      const hmsActions = (0, import_react_sdk113.useHMSActions)();
+      const hmsActions = (0, import_react_sdk112.useHMSActions)();
       const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
       const isParticipantsOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.PARTICIPANTS);
-      const peer = (0, import_react_sdk113.useHMSStore)((0, import_react_sdk113.selectPeerByID)(id));
+      const peer = (0, import_react_sdk112.useHMSStore)((0, import_react_sdk112.selectPeerByID)(id));
       const layout = useRoomLayout();
       const {
         bring_to_stage_label,
@@ -35714,14 +35668,14 @@ var init_ToastBatcher = __esm({
 });
 
 // src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx
-var import_react225, import_react_use57, import_react_sdk114, HandRaisedNotifications;
+var import_react225, import_react_use57, import_react_sdk113, HandRaisedNotifications;
 var init_HandRaisedNotifications = __esm({
   "src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx"() {
     "use strict";
     init_define_process_env();
     import_react225 = require("react");
     import_react_use57 = require("react-use");
-    import_react_sdk114 = require("@100mslive/react-sdk");
+    import_react_sdk113 = require("@100mslive/react-sdk");
     init_roomLayoutProvider();
     init_ToastBatcher();
     init_useRoomLayoutScreen();
@@ -35729,24 +35683,24 @@ var init_HandRaisedNotifications = __esm({
     init_constants();
     HandRaisedNotifications = () => {
       var _a7, _b7;
-      const notification = (0, import_react_sdk114.useHMSNotifications)(import_react_sdk114.HMSNotificationTypes.HAND_RAISE_CHANGED);
-      const roomState = (0, import_react_sdk114.useHMSStore)(import_react_sdk114.selectRoomState);
-      const vanillaStore = (0, import_react_sdk114.useHMSVanillaStore)();
+      const notification = (0, import_react_sdk113.useHMSNotifications)(import_react_sdk113.HMSNotificationTypes.HAND_RAISE_CHANGED);
+      const roomState = (0, import_react_sdk113.useHMSStore)(import_react_sdk113.selectRoomState);
+      const vanillaStore = (0, import_react_sdk113.useHMSVanillaStore)();
       const { on_stage_exp } = useRoomLayoutConferencingScreen().elements || {};
       const isSubscribing = !!useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.METADATA_UPDATED);
-      const amIScreenSharing = (0, import_react_sdk114.useHMSStore)(import_react_sdk114.selectIsLocalScreenShared);
-      const { showNotification } = (0, import_react_sdk114.useAwayNotifications)();
+      const amIScreenSharing = (0, import_react_sdk113.useHMSStore)(import_react_sdk113.selectIsLocalScreenShared);
+      const { showNotification } = (0, import_react_sdk113.useAwayNotifications)();
       const logoURL = (_b7 = (_a7 = useRoomLayout()) == null ? void 0 : _a7.logo) == null ? void 0 : _b7.url;
       (0, import_react225.useEffect)(() => {
         var _a8;
         if (!(notification == null ? void 0 : notification.data)) {
           return;
         }
-        if (roomState !== import_react_sdk114.HMSRoomState.Connected || notification.data.isLocal || !isSubscribing) {
+        if (roomState !== import_react_sdk113.HMSRoomState.Connected || notification.data.isLocal || !isSubscribing) {
           return;
         }
-        const hasPeerHandRaised = vanillaStore.getState((0, import_react_sdk114.selectHasPeerHandRaised)(notification.data.id));
-        const peer = vanillaStore.getState((0, import_react_sdk114.selectPeerByID)(notification.data.id));
+        const hasPeerHandRaised = vanillaStore.getState((0, import_react_sdk113.selectHasPeerHandRaised)(notification.data.id));
+        const peer = vanillaStore.getState((0, import_react_sdk113.selectPeerByID)(notification.data.id));
         if (hasPeerHandRaised) {
           const showCTA = (peer == null ? void 0 : peer.roleName) && ((_a8 = (on_stage_exp == null ? void 0 : on_stage_exp.off_stage_roles) || []) == null ? void 0 : _a8.includes(peer.roleName));
           ToastBatcher.showToast({ notification, type: showCTA ? "RAISE_HAND_HLS" : "RAISE_HAND" });
@@ -35758,12 +35712,12 @@ var init_HandRaisedNotifications = __esm({
           if (!(notification == null ? void 0 : notification.data)) {
             return;
           }
-          if (roomState !== import_react_sdk114.HMSRoomState.Connected || notification.data.isLocal || !isSubscribing) {
+          if (roomState !== import_react_sdk113.HMSRoomState.Connected || notification.data.isLocal || !isSubscribing) {
             return;
           }
-          const hasPeerHandRaised = vanillaStore.getState((0, import_react_sdk114.selectHasPeerHandRaised)(notification.data.id));
-          const peer = vanillaStore.getState((0, import_react_sdk114.selectPeerByID)(notification.data.id));
-          const handRaisedPeers = vanillaStore.getState(import_react_sdk114.selectHandRaisedPeers);
+          const hasPeerHandRaised = vanillaStore.getState((0, import_react_sdk113.selectHasPeerHandRaised)(notification.data.id));
+          const peer = vanillaStore.getState((0, import_react_sdk113.selectPeerByID)(notification.data.id));
+          const handRaisedPeers = vanillaStore.getState(import_react_sdk113.selectHandRaisedPeers);
           if (amIScreenSharing && hasPeerHandRaised) {
             const title = `${peer == null ? void 0 : peer.name} ${handRaisedPeers.length > 1 ? `and ${handRaisedPeers.length - 1} others` : ""} raised hand`;
             showNotification(title, { icon: logoURL });
@@ -35778,17 +35732,17 @@ var init_HandRaisedNotifications = __esm({
 });
 
 // src/Prebuilt/components/Notifications/InitErrorModal.tsx
-var import_react226, import_react_sdk115, InitErrorModal;
+var import_react226, import_react_sdk114, InitErrorModal;
 var init_InitErrorModal = __esm({
   "src/Prebuilt/components/Notifications/InitErrorModal.tsx"() {
     "use strict";
     init_define_process_env();
     import_react226 = __toESM(require("react"));
-    import_react_sdk115 = require("@100mslive/react-sdk");
+    import_react_sdk114 = require("@100mslive/react-sdk");
     init_src();
     init_DialogContent2();
     InitErrorModal = () => {
-      const notification = (0, import_react_sdk115.useHMSNotifications)(import_react_sdk115.HMSNotificationTypes.ERROR);
+      const notification = (0, import_react_sdk114.useHMSNotifications)(import_react_sdk114.HMSNotificationTypes.ERROR);
       const [showModal, setShowModal] = (0, import_react226.useState)(false);
       const [info, setInfo] = (0, import_react226.useState)({ title: "Init Error", description: "" });
       (0, import_react226.useEffect)(() => {
@@ -35817,19 +35771,19 @@ var init_InitErrorModal = __esm({
 });
 
 // src/Prebuilt/components/Notifications/PeerNotifications.tsx
-var import_react227, import_react_sdk116, notificationTypes, PeerNotifications;
+var import_react227, import_react_sdk115, notificationTypes, PeerNotifications;
 var init_PeerNotifications = __esm({
   "src/Prebuilt/components/Notifications/PeerNotifications.tsx"() {
     "use strict";
     init_define_process_env();
     import_react227 = require("react");
-    import_react_sdk116 = require("@100mslive/react-sdk");
+    import_react_sdk115 = require("@100mslive/react-sdk");
     init_ToastBatcher();
     init_useUISettings();
     init_constants();
-    notificationTypes = [import_react_sdk116.HMSNotificationTypes.PEER_JOINED, import_react_sdk116.HMSNotificationTypes.PEER_LEFT];
+    notificationTypes = [import_react_sdk115.HMSNotificationTypes.PEER_JOINED, import_react_sdk115.HMSNotificationTypes.PEER_LEFT];
     PeerNotifications = () => {
-      const notification = (0, import_react_sdk116.useHMSNotifications)(notificationTypes);
+      const notification = (0, import_react_sdk115.useHMSNotifications)(notificationTypes);
       const isPeerJoinSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_JOINED);
       const isPeerLeftSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_LEFT);
       const [selectedPeer, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
@@ -35839,12 +35793,12 @@ var init_PeerNotifications = __esm({
         }
         console.debug(`[${notification.type}]`, notification);
         switch (notification.type) {
-          case import_react_sdk116.HMSNotificationTypes.PEER_JOINED:
+          case import_react_sdk115.HMSNotificationTypes.PEER_JOINED:
             if (!isPeerJoinSubscribed) {
               return;
             }
             break;
-          case import_react_sdk116.HMSNotificationTypes.PEER_LEFT:
+          case import_react_sdk115.HMSNotificationTypes.PEER_LEFT:
             if (selectedPeer.id === notification.data.id) {
               setPeerSelector({});
             }
@@ -35880,17 +35834,17 @@ var init_ios_perm_0 = __esm({
 
 // src/Prebuilt/components/Notifications/PermissionErrorModal.tsx
 function PermissionErrorNotificationModal() {
-  const notification = (0, import_react_sdk117.useHMSNotifications)(import_react_sdk117.HMSNotificationTypes.ERROR);
+  const notification = (0, import_react_sdk116.useHMSNotifications)(import_react_sdk116.HMSNotificationTypes.ERROR);
   return /* @__PURE__ */ import_react228.default.createElement(PermissionErrorModal, { error: notification == null ? void 0 : notification.data });
 }
-var import_react228, import_react_use58, import_react_sdk117, PermissionErrorModal;
+var import_react228, import_react_use58, import_react_sdk116, PermissionErrorModal;
 var init_PermissionErrorModal = __esm({
   "src/Prebuilt/components/Notifications/PermissionErrorModal.tsx"() {
     "use strict";
     init_define_process_env();
     import_react228 = __toESM(require("react"));
     import_react_use58 = require("react-use");
-    import_react_sdk117 = require("@100mslive/react-sdk");
+    import_react_sdk116 = require("@100mslive/react-sdk");
     init_src();
     init_android_perm_1();
     init_ios_perm_0();
@@ -35956,35 +35910,35 @@ var init_PermissionErrorModal = __esm({
 });
 
 // src/Prebuilt/components/Notifications/ReconnectNotifications.tsx
-var import_react229, import_react_sdk118, notificationTypes2, notificationId, ReconnectNotifications;
+var import_react229, import_react_sdk117, notificationTypes2, notificationId, ReconnectNotifications;
 var init_ReconnectNotifications = __esm({
   "src/Prebuilt/components/Notifications/ReconnectNotifications.tsx"() {
     "use strict";
     init_define_process_env();
     import_react229 = require("react");
-    import_react_sdk118 = require("@100mslive/react-sdk");
+    import_react_sdk117 = require("@100mslive/react-sdk");
     init_ToastConfig();
     init_ToastManager();
     notificationTypes2 = [
-      import_react_sdk118.HMSNotificationTypes.RECONNECTED,
-      import_react_sdk118.HMSNotificationTypes.RECONNECTING,
-      import_react_sdk118.HMSNotificationTypes.ERROR
+      import_react_sdk117.HMSNotificationTypes.RECONNECTED,
+      import_react_sdk117.HMSNotificationTypes.RECONNECTING,
+      import_react_sdk117.HMSNotificationTypes.ERROR
     ];
     notificationId = null;
     ReconnectNotifications = () => {
-      const notification = (0, import_react_sdk118.useHMSNotifications)(notificationTypes2);
+      const notification = (0, import_react_sdk117.useHMSNotifications)(notificationTypes2);
       const prevErrorCode = (0, import_react229.useRef)(0);
       (0, import_react229.useEffect)(() => {
         var _a7, _b7;
         if (!notification) {
           return;
         }
-        if (notification.type === import_react_sdk118.HMSNotificationTypes.RECONNECTED) {
+        if (notification.type === import_react_sdk117.HMSNotificationTypes.RECONNECTED) {
           notificationId = ToastManager.replaceToast(
             notificationId,
             ToastConfig.RECONNECTED.single([4005, 4006].includes(prevErrorCode.current))
           );
-        } else if (notification.type === import_react_sdk118.HMSNotificationTypes.RECONNECTING) {
+        } else if (notification.type === import_react_sdk117.HMSNotificationTypes.RECONNECTING) {
           prevErrorCode.current = ((_a7 = notification.data) == null ? void 0 : _a7.code) || 0;
           notificationId = ToastManager.replaceToast(
             notificationId,
@@ -35998,30 +35952,30 @@ var init_ReconnectNotifications = __esm({
 });
 
 // src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx
-var import_react230, import_react_sdk119, import_react_icons108, TrackBulkUnmuteModal;
+var import_react230, import_react_sdk118, import_react_icons108, TrackBulkUnmuteModal;
 var init_TrackBulkUnmuteModal = __esm({
   "src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx"() {
     "use strict";
     init_define_process_env();
     import_react230 = __toESM(require("react"));
-    import_react_sdk119 = require("@100mslive/react-sdk");
+    import_react_sdk118 = require("@100mslive/react-sdk");
     import_react_icons108 = require("@100mslive/react-icons");
     init_DialogContent2();
     TrackBulkUnmuteModal = () => {
-      const hmsActions = (0, import_react_sdk119.useHMSActions)();
+      const hmsActions = (0, import_react_sdk118.useHMSActions)();
       const [muteNotification, setMuteNotification] = (0, import_react230.useState)(null);
-      const notification = (0, import_react_sdk119.useHMSNotifications)([
-        import_react_sdk119.HMSNotificationTypes.CHANGE_MULTI_TRACK_STATE_REQUEST,
-        import_react_sdk119.HMSNotificationTypes.ROOM_ENDED,
-        import_react_sdk119.HMSNotificationTypes.REMOVED_FROM_ROOM
+      const notification = (0, import_react_sdk118.useHMSNotifications)([
+        import_react_sdk118.HMSNotificationTypes.CHANGE_MULTI_TRACK_STATE_REQUEST,
+        import_react_sdk118.HMSNotificationTypes.ROOM_ENDED,
+        import_react_sdk118.HMSNotificationTypes.REMOVED_FROM_ROOM
       ]);
       (0, import_react230.useEffect)(() => {
         switch (notification == null ? void 0 : notification.type) {
-          case import_react_sdk119.HMSNotificationTypes.REMOVED_FROM_ROOM:
-          case import_react_sdk119.HMSNotificationTypes.ROOM_ENDED:
+          case import_react_sdk118.HMSNotificationTypes.REMOVED_FROM_ROOM:
+          case import_react_sdk118.HMSNotificationTypes.ROOM_ENDED:
             setMuteNotification(null);
             break;
-          case import_react_sdk119.HMSNotificationTypes.CHANGE_MULTI_TRACK_STATE_REQUEST:
+          case import_react_sdk118.HMSNotificationTypes.CHANGE_MULTI_TRACK_STATE_REQUEST:
             if (notification == null ? void 0 : notification.data.enabled) {
               setMuteNotification(notification.data);
             }
@@ -36055,21 +36009,21 @@ var init_TrackBulkUnmuteModal = __esm({
 });
 
 // src/Prebuilt/components/Notifications/TrackNotifications.tsx
-var import_react231, import_react_sdk120, notificationTypes3, TrackNotifications;
+var import_react231, import_react_sdk119, notificationTypes3, TrackNotifications;
 var init_TrackNotifications = __esm({
   "src/Prebuilt/components/Notifications/TrackNotifications.tsx"() {
     "use strict";
     init_define_process_env();
     import_react231 = require("react");
-    import_react_sdk120 = require("@100mslive/react-sdk");
+    import_react_sdk119 = require("@100mslive/react-sdk");
     notificationTypes3 = [
-      import_react_sdk120.HMSNotificationTypes.TRACK_ADDED,
-      import_react_sdk120.HMSNotificationTypes.TRACK_REMOVED,
-      import_react_sdk120.HMSNotificationTypes.TRACK_MUTED,
-      import_react_sdk120.HMSNotificationTypes.TRACK_UNMUTED
+      import_react_sdk119.HMSNotificationTypes.TRACK_ADDED,
+      import_react_sdk119.HMSNotificationTypes.TRACK_REMOVED,
+      import_react_sdk119.HMSNotificationTypes.TRACK_MUTED,
+      import_react_sdk119.HMSNotificationTypes.TRACK_UNMUTED
     ];
     TrackNotifications = () => {
-      const notification = (0, import_react_sdk120.useHMSNotifications)(notificationTypes3);
+      const notification = (0, import_react_sdk119.useHMSNotifications)(notificationTypes3);
       (0, import_react231.useEffect)(() => {
         if (notification) {
           console.debug(`[${notification.type}]`, notification);
@@ -36081,30 +36035,30 @@ var init_TrackNotifications = __esm({
 });
 
 // src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx
-var import_react232, import_react_sdk121, import_react_icons109, TrackUnmuteModal;
+var import_react232, import_react_sdk120, import_react_icons109, TrackUnmuteModal;
 var init_TrackUnmuteModal = __esm({
   "src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx"() {
     "use strict";
     init_define_process_env();
     import_react232 = __toESM(require("react"));
-    import_react_sdk121 = require("@100mslive/react-sdk");
+    import_react_sdk120 = require("@100mslive/react-sdk");
     import_react_icons109 = require("@100mslive/react-icons");
     init_DialogContent2();
     TrackUnmuteModal = () => {
-      const hmsActions = (0, import_react_sdk121.useHMSActions)();
-      const notification = (0, import_react_sdk121.useHMSNotifications)([
-        import_react_sdk121.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST,
-        import_react_sdk121.HMSNotificationTypes.ROOM_ENDED,
-        import_react_sdk121.HMSNotificationTypes.REMOVED_FROM_ROOM
+      const hmsActions = (0, import_react_sdk120.useHMSActions)();
+      const notification = (0, import_react_sdk120.useHMSNotifications)([
+        import_react_sdk120.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST,
+        import_react_sdk120.HMSNotificationTypes.ROOM_ENDED,
+        import_react_sdk120.HMSNotificationTypes.REMOVED_FROM_ROOM
       ]);
       const [muteNotification, setMuteNotification] = (0, import_react232.useState)(null);
       (0, import_react232.useEffect)(() => {
         switch (notification == null ? void 0 : notification.type) {
-          case import_react_sdk121.HMSNotificationTypes.REMOVED_FROM_ROOM:
-          case import_react_sdk121.HMSNotificationTypes.ROOM_ENDED:
+          case import_react_sdk120.HMSNotificationTypes.REMOVED_FROM_ROOM:
+          case import_react_sdk120.HMSNotificationTypes.ROOM_ENDED:
             setMuteNotification(null);
             break;
-          case import_react_sdk121.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST:
+          case import_react_sdk120.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST:
             if (notification == null ? void 0 : notification.data.enabled) {
               setMuteNotification(notification.data);
             }
@@ -36122,7 +36076,7 @@ var init_TrackUnmuteModal = __esm({
         {
           title: `Unmute your ${track.type}?`,
           onOpenChange: (value) => !value && setMuteNotification(null),
-          body: `${peer == null ? void 0 : peer.name} is requesting you to unmute your ${track == null ? void 0 : track.type}.`,
+          body: `${peer == null ? void 0 : peer.name}is requesting you to unmute your ${track == null ? void 0 : track.type}.`,
           onAction: () => {
             hmsActions.setEnabledTrack(track.id, enabled);
             setMuteNotification(null);
@@ -36135,20 +36089,20 @@ var init_TrackUnmuteModal = __esm({
 });
 
 // src/Prebuilt/components/Notifications/TranscriptionNotifications.tsx
-var import_react233, import_ts_pattern16, import_react_sdk122, import_react_icons110, TranscriptionNotifications;
+var import_react233, import_ts_pattern16, import_react_sdk121, import_react_icons110, TranscriptionNotifications;
 var init_TranscriptionNotifications = __esm({
   "src/Prebuilt/components/Notifications/TranscriptionNotifications.tsx"() {
     "use strict";
     init_define_process_env();
     import_react233 = __toESM(require("react"));
     import_ts_pattern16 = require("ts-pattern");
-    import_react_sdk122 = require("@100mslive/react-sdk");
+    import_react_sdk121 = require("@100mslive/react-sdk");
     import_react_icons110 = require("@100mslive/react-icons");
     init_ToastManager();
     init_useUISettings();
     init_constants();
     TranscriptionNotifications = () => {
-      const notification = (0, import_react_sdk122.useHMSNotifications)(import_react_sdk122.HMSNotificationTypes.TRANSCRIPTION_STATE_UPDATED);
+      const notification = (0, import_react_sdk121.useHMSNotifications)(import_react_sdk121.HMSNotificationTypes.TRANSCRIPTION_STATE_UPDATED);
       const [toastId, setToastId] = useSetAppDataByKey(CAPTION_TOAST.captionToast);
       (0, import_react233.useEffect)(() => {
         if (!(notification == null ? void 0 : notification.data)) {
@@ -36167,14 +36121,14 @@ var init_TranscriptionNotifications = __esm({
                 icon: /* @__PURE__ */ import_react233.default.createElement(import_react_icons110.AlertTriangleIcon, { style: { marginRight: "0.5rem" } })
               });
             }
-          ).with({ state: import_react_sdk122.HMSTranscriptionState.STARTED }, () => {
+          ).with({ state: import_react_sdk121.HMSTranscriptionState.STARTED }, () => {
             id = ToastManager.replaceToast(toastId, {
               title: `Closed Captioning enabled for everyone`,
               variant: "standard",
               duration: 2e3,
               icon: /* @__PURE__ */ import_react233.default.createElement(import_react_icons110.ClosedCaptionIcon, { style: { marginRight: "0.5rem" } })
             });
-          }).with({ state: import_react_sdk122.HMSTranscriptionState.STOPPED }, () => {
+          }).with({ state: import_react_sdk121.HMSTranscriptionState.STOPPED }, () => {
             id = ToastManager.replaceToast(toastId, {
               title: `Closed Captioning disabled for everyone`,
               variant: "standard",
@@ -36193,17 +36147,17 @@ var init_TranscriptionNotifications = __esm({
 // src/Prebuilt/components/Notifications/Notifications.tsx
 function Notifications() {
   var _a7, _b7;
-  const localPeerID = (0, import_react_sdk123.useHMSStore)(import_react_sdk123.selectLocalPeerID);
-  const notification = (0, import_react_sdk123.useHMSNotifications)();
+  const localPeerID = (0, import_react_sdk122.useHMSStore)(import_react_sdk122.selectLocalPeerID);
+  const notification = (0, import_react_sdk122.useHMSNotifications)();
   const subscribedNotifications = useSubscribedNotifications() || {};
-  const roomState = (0, import_react_sdk123.useHMSStore)(import_react_sdk123.selectRoomState);
+  const roomState = (0, import_react_sdk122.useHMSStore)(import_react_sdk122.selectRoomState);
   const updateRoomLayoutForRole = useUpdateRoomLayout();
   const isNotificationDisabled = useIsNotificationDisabled();
   const screenProps = useRoomLayoutConferencingScreen();
-  const vanillaStore = (0, import_react_sdk123.useHMSVanillaStore)();
+  const vanillaStore = (0, import_react_sdk122.useHMSVanillaStore)();
   const togglePollView = usePollViewToggle();
-  const { showNotification } = (0, import_react_sdk123.useAwayNotifications)();
-  const amIScreenSharing = (0, import_react_sdk123.useHMSStore)(import_react_sdk123.selectIsLocalScreenShared);
+  const { showNotification } = (0, import_react_sdk122.useAwayNotifications)();
+  const amIScreenSharing = (0, import_react_sdk122.useHMSStore)(import_react_sdk122.selectIsLocalScreenShared);
   const logoURL = (_b7 = (_a7 = useRoomLayout()) == null ? void 0 : _a7.logo) == null ? void 0 : _b7.url;
   const { pipWindow } = usePIPWindow();
   const handleRoleChangeDenied = (0, import_react234.useCallback)((request) => {
@@ -36212,17 +36166,17 @@ function Notifications() {
       variant: "error"
     });
   }, []);
-  (0, import_react_sdk123.useCustomEvent)({ type: ROLE_CHANGE_DECLINED, onEvent: handleRoleChangeDenied });
+  (0, import_react_sdk122.useCustomEvent)({ type: ROLE_CHANGE_DECLINED, onEvent: handleRoleChangeDenied });
   (0, import_react234.useEffect)(() => {
     var _a8, _b8, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n2, _o2, _p, _q;
     if (!notification || isNotificationDisabled) {
       return;
     }
     switch (notification.type) {
-      case import_react_sdk123.HMSNotificationTypes.NAME_UPDATED:
+      case import_react_sdk122.HMSNotificationTypes.NAME_UPDATED:
         console.log(notification.data.id + " changed their name to " + notification.data.name);
         break;
-      case import_react_sdk123.HMSNotificationTypes.ERROR:
+      case import_react_sdk122.HMSNotificationTypes.ERROR:
         if (((_a8 = notification.data) == null ? void 0 : _a8.isTerminal) && ((_b8 = notification.data) == null ? void 0 : _b8.action) !== "INIT") {
           if ([500, 6008].includes((_c = notification.data) == null ? void 0 : _c.code)) {
             ToastManager.addToast({
@@ -36254,7 +36208,7 @@ function Notifications() {
           title: `Error: ${(_k = notification.data) == null ? void 0 : _k.message} - ${(_l = notification.data) == null ? void 0 : _l.description}`
         });
         break;
-      case import_react_sdk123.HMSNotificationTypes.ROLE_UPDATED: {
+      case import_react_sdk122.HMSNotificationTypes.ROLE_UPDATED: {
         if (((_m = notification.data) == null ? void 0 : _m.isLocal) && ((_n2 = notification.data) == null ? void 0 : _n2.roleName)) {
           ToastManager.addToast({
             title: `You are now a ${notification.data.roleName}`
@@ -36263,7 +36217,7 @@ function Notifications() {
         }
         break;
       }
-      case import_react_sdk123.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST:
+      case import_react_sdk122.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST:
         const track = (_o2 = notification.data) == null ? void 0 : _o2.track;
         if (!notification.data.enabled) {
           ToastManager.addToast({
@@ -36272,21 +36226,21 @@ function Notifications() {
           });
         }
         break;
-      case import_react_sdk123.HMSNotificationTypes.REMOVED_FROM_ROOM:
-      case import_react_sdk123.HMSNotificationTypes.ROOM_ENDED:
+      case import_react_sdk122.HMSNotificationTypes.REMOVED_FROM_ROOM:
+      case import_react_sdk122.HMSNotificationTypes.ROOM_ENDED:
         ToastManager.addToast({
           title: `${notification.message}. 
               ${notification.data.reason && `Reason: ${notification.data.reason}`}`
         });
         break;
-      case import_react_sdk123.HMSNotificationTypes.DEVICE_CHANGE_UPDATE:
+      case import_react_sdk122.HMSNotificationTypes.DEVICE_CHANGE_UPDATE:
         ToastManager.addToast({
           title: notification.message
         });
         break;
-      case import_react_sdk123.HMSNotificationTypes.POLL_STARTED:
+      case import_react_sdk122.HMSNotificationTypes.POLL_STARTED:
         if (notification.data.startedBy !== localPeerID && screenProps.screenType !== "hls_live_streaming") {
-          const pollStartedBy = vanillaStore.getState((0, import_react_sdk123.selectPeerNameByID)(notification.data.startedBy)) || "Participant";
+          const pollStartedBy = vanillaStore.getState((0, import_react_sdk122.selectPeerNameByID)(notification.data.startedBy)) || "Participant";
           const pollToastID = ToastManager.addToast({
             title: `${pollStartedBy} started a ${notification.data.type}: ${notification.data.title}`,
             action: /* @__PURE__ */ import_react234.default.createElement(
@@ -36308,14 +36262,14 @@ function Notifications() {
           pollToastKey[notification.data.id] = pollToastID;
         }
         break;
-      case import_react_sdk123.HMSNotificationTypes.POLL_STOPPED:
+      case import_react_sdk122.HMSNotificationTypes.POLL_STOPPED:
         const pollID = notification == null ? void 0 : notification.data.id;
         if (pollID && (pollToastKey == null ? void 0 : pollToastKey[pollID])) {
           ToastManager.removeToast(pollToastKey == null ? void 0 : pollToastKey[notification.data.id]);
           delete pollToastKey[notification == null ? void 0 : notification.data.id];
         }
         break;
-      case import_react_sdk123.HMSNotificationTypes.NEW_MESSAGE:
+      case import_react_sdk122.HMSNotificationTypes.NEW_MESSAGE:
         if (amIScreenSharing && !((_q = notification.data) == null ? void 0 : _q.ignored) && !pipWindow) {
           showNotification(`New message from ${notification.data.senderName}`, {
             body: notification.data.message,
@@ -36330,15 +36284,15 @@ function Notifications() {
   if (isNotificationDisabled) {
     return null;
   }
-  return /* @__PURE__ */ import_react234.default.createElement(import_react234.default.Fragment, null, /* @__PURE__ */ import_react234.default.createElement(TrackUnmuteModal, null), /* @__PURE__ */ import_react234.default.createElement(TrackBulkUnmuteModal, null), /* @__PURE__ */ import_react234.default.createElement(TrackNotifications, null), roomState === import_react_sdk123.HMSRoomState.Connected ? /* @__PURE__ */ import_react234.default.createElement(PeerNotifications, null) : null, /* @__PURE__ */ import_react234.default.createElement(ReconnectNotifications, null), /* @__PURE__ */ import_react234.default.createElement(AutoplayBlockedModal, null), /* @__PURE__ */ import_react234.default.createElement(PermissionErrorNotificationModal, null), /* @__PURE__ */ import_react234.default.createElement(InitErrorModal, null), /* @__PURE__ */ import_react234.default.createElement(ChatNotifications, null), /* @__PURE__ */ import_react234.default.createElement(HandRaisedNotifications, null), /* @__PURE__ */ import_react234.default.createElement(TranscriptionNotifications, null));
+  return /* @__PURE__ */ import_react234.default.createElement(import_react234.default.Fragment, null, /* @__PURE__ */ import_react234.default.createElement(TrackUnmuteModal, null), /* @__PURE__ */ import_react234.default.createElement(TrackBulkUnmuteModal, null), /* @__PURE__ */ import_react234.default.createElement(TrackNotifications, null), roomState === import_react_sdk122.HMSRoomState.Connected ? /* @__PURE__ */ import_react234.default.createElement(PeerNotifications, null) : null, /* @__PURE__ */ import_react234.default.createElement(ReconnectNotifications, null), /* @__PURE__ */ import_react234.default.createElement(AutoplayBlockedModal, null), /* @__PURE__ */ import_react234.default.createElement(PermissionErrorNotificationModal, null), /* @__PURE__ */ import_react234.default.createElement(InitErrorModal, null), /* @__PURE__ */ import_react234.default.createElement(ChatNotifications, null), /* @__PURE__ */ import_react234.default.createElement(HandRaisedNotifications, null), /* @__PURE__ */ import_react234.default.createElement(TranscriptionNotifications, null));
 }
-var import_react234, import_react_sdk123, import_react_icons111, pollToastKey;
+var import_react234, import_react_sdk122, import_react_icons111, pollToastKey;
 var init_Notifications = __esm({
   "src/Prebuilt/components/Notifications/Notifications.tsx"() {
     "use strict";
     init_define_process_env();
     import_react234 = __toESM(require("react"));
-    import_react_sdk123 = require("@100mslive/react-sdk");
+    import_react_sdk122 = require("@100mslive/react-sdk");
     import_react_icons111 = require("@100mslive/react-icons");
     init_src();
     init_roomLayoutProvider();
@@ -36484,19 +36438,19 @@ var init_Toast3 = __esm({
 });
 
 // src/Prebuilt/components/Toast/ToastContainer.jsx
-var import_react238, import_react_sdk124, ToastContainer;
+var import_react238, import_react_sdk123, ToastContainer;
 var init_ToastContainer = __esm({
   "src/Prebuilt/components/Toast/ToastContainer.jsx"() {
     "use strict";
     init_define_process_env();
     import_react238 = __toESM(require("react"));
-    import_react_sdk124 = require("@100mslive/react-sdk");
+    import_react_sdk123 = require("@100mslive/react-sdk");
     init_Toast2();
     init_Toast3();
     init_ToastManager();
     init_constants();
     ToastContainer = () => {
-      const isConnected = (0, import_react_sdk124.useHMSStore)(import_react_sdk124.selectIsConnectedToRoom);
+      const isConnected = (0, import_react_sdk123.useHMSStore)(import_react_sdk123.selectIsConnectedToRoom);
       const [toasts, setToast] = (0, import_react238.useState)([]);
       (0, import_react238.useEffect)(() => {
         ToastManager.addListener(setToast);
@@ -36553,18 +36507,18 @@ var init_RoomDetailsSheet = __esm({
 });
 
 // src/Prebuilt/layouts/Sheet.tsx
-var import_react240, import_react_sdk125, Sheet2;
+var import_react240, import_react_sdk124, Sheet2;
 var init_Sheet3 = __esm({
   "src/Prebuilt/layouts/Sheet.tsx"() {
     "use strict";
     init_define_process_env();
     import_react240 = __toESM(require("react"));
-    import_react_sdk125 = require("@100mslive/react-sdk");
+    import_react_sdk124 = require("@100mslive/react-sdk");
     init_RoomDetailsSheet();
     init_Layout();
     init_constants();
     Sheet2 = () => {
-      const sheet = (0, import_react_sdk125.useHMSStore)((0, import_react_sdk125.selectAppData)(APP_DATA.sheet));
+      const sheet = (0, import_react_sdk124.useHMSStore)((0, import_react_sdk124.selectAppData)(APP_DATA.sheet));
       let ViewComponent;
       if (sheet === SHEET_OPTIONS.ROOM_DETAILS) {
         ViewComponent = /* @__PURE__ */ import_react240.default.createElement(RoomDetailsSheet, null);
@@ -36576,19 +36530,19 @@ var init_Sheet3 = __esm({
 
 // src/Prebuilt/plugins/FlyingEmoji.jsx
 function FlyingEmoji() {
-  const localPeerId = (0, import_react_sdk126.useHMSStore)(import_react_sdk126.selectLocalPeerID);
-  const vanillaStore = (0, import_react_sdk126.useHMSVanillaStore)();
-  const hmsActions = (0, import_react_sdk126.useHMSActions)();
+  const localPeerId = (0, import_react_sdk125.useHMSStore)(import_react_sdk125.selectLocalPeerID);
+  const vanillaStore = (0, import_react_sdk125.useHMSVanillaStore)();
+  const hmsActions = (0, import_react_sdk125.useHMSActions)();
   const [emojis, setEmojis] = (0, import_react241.useState)([]);
   const isMobile = (0, import_react_use60.useMedia)(config.media.md);
-  const isLargeRoom = (0, import_react_sdk126.useHMSStore)(import_react_sdk126.selectIsLargeRoom);
+  const isLargeRoom = (0, import_react_sdk125.useHMSStore)(import_react_sdk125.selectIsLargeRoom);
   const startingPoints = (0, import_react241.useMemo)(() => getStartingPoints(isMobile), [isMobile]);
   const showFlyingEmoji = (0, import_react241.useCallback)(
     (_0) => __async(this, [_0], function* ({ emojiId, senderId }) {
       if (!emojiId || !senderId || document.hidden) {
         return;
       }
-      let senderPeerName = vanillaStore.getState((0, import_react_sdk126.selectPeerNameByID)(senderId));
+      let senderPeerName = vanillaStore.getState((0, import_react_sdk125.selectPeerNameByID)(senderId));
       if (!senderPeerName && isLargeRoom) {
         const sender = yield hmsActions.getPeer(senderId);
         senderPeerName = sender == null ? void 0 : sender.name;
@@ -36611,7 +36565,7 @@ function FlyingEmoji() {
     }),
     [vanillaStore, isLargeRoom, localPeerId, startingPoints, hmsActions]
   );
-  (0, import_react_sdk126.useCustomEvent)({
+  (0, import_react_sdk125.useCustomEvent)({
     type: EMOJI_REACTION_TYPE,
     onEvent: showFlyingEmoji
   });
@@ -36675,14 +36629,14 @@ function FlyingEmoji() {
     })
   );
 }
-var import_react241, import_react_use60, import_react_sdk126, emojiCount, flyAndFade, wiggleLeftRight, wiggleRightLeft, getStartingPoints;
+var import_react241, import_react_use60, import_react_sdk125, emojiCount, flyAndFade, wiggleLeftRight, wiggleRightLeft, getStartingPoints;
 var init_FlyingEmoji = __esm({
   "src/Prebuilt/plugins/FlyingEmoji.jsx"() {
     "use strict";
     init_define_process_env();
     import_react241 = __toESM(require("react"));
     import_react_use60 = require("react-use");
-    import_react_sdk126 = require("@100mslive/react-sdk");
+    import_react_sdk125 = require("@100mslive/react-sdk");
     init_Layout();
     init_Text2();
     init_Theme();
@@ -36715,45 +36669,45 @@ var init_FlyingEmoji = __esm({
 
 // src/Prebuilt/plugins/RemoteStopScreenshare.jsx
 function RemoteStopScreenshare() {
-  const actions = (0, import_react_sdk127.useHMSActions)();
+  const actions = (0, import_react_sdk126.useHMSActions)();
   const onRemoteStopScreenshare = (0, import_react242.useCallback)(() => __async(this, null, function* () {
     yield actions.setScreenShareEnabled(false);
   }), [actions]);
-  (0, import_react_sdk127.useCustomEvent)({
+  (0, import_react_sdk126.useCustomEvent)({
     type: REMOTE_STOP_SCREENSHARE_TYPE,
     onEvent: onRemoteStopScreenshare
   });
   return /* @__PURE__ */ import_react242.default.createElement(import_react242.default.Fragment, null);
 }
-var import_react242, import_react_sdk127;
+var import_react242, import_react_sdk126;
 var init_RemoteStopScreenshare = __esm({
   "src/Prebuilt/plugins/RemoteStopScreenshare.jsx"() {
     "use strict";
     init_define_process_env();
     import_react242 = __toESM(require("react"));
-    import_react_sdk127 = require("@100mslive/react-sdk");
+    import_react_sdk126 = require("@100mslive/react-sdk");
     init_constants();
   }
 });
 
 // src/Prebuilt/components/hooks/useAutoStartStreaming.tsx
-var import_react243, import_react_sdk128, useAutoStartStreaming;
+var import_react243, import_react_sdk127, useAutoStartStreaming;
 var init_useAutoStartStreaming = __esm({
   "src/Prebuilt/components/hooks/useAutoStartStreaming.tsx"() {
     "use strict";
     init_define_process_env();
     import_react243 = require("react");
-    import_react_sdk128 = require("@100mslive/react-sdk");
+    import_react_sdk127 = require("@100mslive/react-sdk");
     init_useUISettings();
     init_hooks();
     init_constants();
     useAutoStartStreaming = () => {
       const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
-      const permissions = (0, import_react_sdk128.useHMSStore)(import_react_sdk128.selectPermissions);
+      const permissions = (0, import_react_sdk127.useHMSStore)(import_react_sdk127.selectPermissions);
       const showStreamingUI = useShowStreamingUI();
-      const hmsActions = (0, import_react_sdk128.useHMSActions)();
-      const isConnected = (0, import_react_sdk128.useHMSStore)(import_react_sdk128.selectIsConnectedToRoom);
-      const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = (0, import_react_sdk128.useRecordingStreaming)();
+      const hmsActions = (0, import_react_sdk127.useHMSActions)();
+      const isConnected = (0, import_react_sdk127.useHMSStore)(import_react_sdk127.selectIsConnectedToRoom);
+      const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = (0, import_react_sdk127.useRecordingStreaming)();
       const streamStartedRef = (0, import_react243.useRef)(false);
       const startHLS = (0, import_react243.useCallback)(() => __async(void 0, null, function* () {
         try {
@@ -36810,14 +36764,14 @@ function AppRoutes({
     }
   ), roomLayout && activeState && /* @__PURE__ */ import_react244.default.createElement(AppStates, { activeState })));
 }
-var import_react244, import_ts_pattern17, import_react_sdk129, HMSPrebuilt, AppStates, BackSwipe;
+var import_react244, import_ts_pattern17, import_react_sdk128, HMSPrebuilt, AppStates, BackSwipe;
 var init_App = __esm({
   "src/Prebuilt/App.tsx"() {
     "use strict";
     init_define_process_env();
     import_react244 = __toESM(require("react"));
     import_ts_pattern17 = require("ts-pattern");
-    import_react_sdk129 = require("@100mslive/react-sdk");
+    import_react_sdk128 = require("@100mslive/react-sdk");
     init_AppData();
     init_AuthToken();
     init_ConferenceScreen();
@@ -36864,7 +36818,7 @@ var init_App = __esm({
         const [hydrated, setHydrated] = import_react244.default.useState(false);
         (0, import_react244.useEffect)(() => {
           setHydrated(true);
-          const hms = new import_react_sdk129.HMSReactiveStore();
+          const hms = new import_react_sdk128.HMSReactiveStore();
           const hmsStore = hms.getStore();
           const hmsActions = hms.getActions();
           const hmsNotifications = hms.getNotifications();
@@ -36891,10 +36845,10 @@ var init_App = __esm({
           };
         }, []);
         const endpointsObj = endpoints;
-        const tokenByRoomCodeEndpoint = endpointsObj == null ? void 0 : endpointsObj.tokenByRoomCode;
-        const initEndpoint = endpointsObj == null ? void 0 : endpointsObj.init;
-        const eventEndpoint = endpointsObj == null ? void 0 : endpointsObj.event;
-        const roomLayoutEndpoint = endpointsObj == null ? void 0 : endpointsObj.roomLayout;
+        const tokenByRoomCodeEndpoint = (endpointsObj == null ? void 0 : endpointsObj.tokenByRoomCode) || "";
+        const initEndpoint = (endpointsObj == null ? void 0 : endpointsObj.init) || "";
+        const eventEndpoint = (endpointsObj == null ? void 0 : endpointsObj.event) || "";
+        const roomLayoutEndpoint = (endpointsObj == null ? void 0 : endpointsObj.roomLayout) || "";
         const overrideLayout = {
           logo,
           themes,
@@ -36932,7 +36886,7 @@ var init_App = __esm({
             }
           },
           /* @__PURE__ */ import_react244.default.createElement(
-            import_react_sdk129.HMSRoomProvider,
+            import_react_sdk128.HMSRoomProvider,
             {
               isHMSStatsOn: FeatureFlags.enableStatsForNerds,
               actions: (_a7 = reactiveStore.current) == null ? void 0 : _a7.hmsActions,
@@ -36997,8 +36951,8 @@ var init_App = __esm({
       return (0, import_ts_pattern17.match)({ activeState, isPreviewScreenEnabled, isLeaveScreenEnabled }).with({ activeState: "preview" /* PREVIEW */, isPreviewScreenEnabled: true }, () => /* @__PURE__ */ import_react244.default.createElement(PreviewScreen, null)).with({ activeState: "leave" /* LEAVE */, isLeaveScreenEnabled: true }, () => /* @__PURE__ */ import_react244.default.createElement(LeaveScreen, null)).otherwise(() => /* @__PURE__ */ import_react244.default.createElement(ConferenceScreen, null));
     };
     BackSwipe = () => {
-      const isConnectedToRoom = (0, import_react_sdk129.useHMSStore)(import_react_sdk129.selectIsConnectedToRoom);
-      const hmsActions = (0, import_react_sdk129.useHMSActions)();
+      const isConnectedToRoom = (0, import_react_sdk128.useHMSStore)(import_react_sdk128.selectIsConnectedToRoom);
+      const hmsActions = (0, import_react_sdk128.useHMSActions)();
       (0, import_react244.useEffect)(() => {
         const onRouteLeave = () => __async(void 0, null, function* () {
           if (isConnectedToRoom) {
@@ -37151,10 +37105,10 @@ var require_react_is_production_min = __commonJS({
     var e = b2 ? Symbol.for("react.fragment") : 60107;
     var f2 = b2 ? Symbol.for("react.strict_mode") : 60108;
     var g = b2 ? Symbol.for("react.profiler") : 60114;
-    var h = b2 ? Symbol.for("react.provider") : 60109;
+    var h2 = b2 ? Symbol.for("react.provider") : 60109;
     var k = b2 ? Symbol.for("react.context") : 60110;
     var l2 = b2 ? Symbol.for("react.async_mode") : 60111;
-    var m2 = b2 ? Symbol.for("react.concurrent_mode") : 60111;
+    var m = b2 ? Symbol.for("react.concurrent_mode") : 60111;
     var n = b2 ? Symbol.for("react.forward_ref") : 60112;
     var p = b2 ? Symbol.for("react.suspense") : 60113;
     var q = b2 ? Symbol.for("react.suspense_list") : 60120;
@@ -37164,14 +37118,14 @@ var require_react_is_production_min = __commonJS({
     var w = b2 ? Symbol.for("react.fundamental") : 60117;
     var x = b2 ? Symbol.for("react.responder") : 60118;
     var y2 = b2 ? Symbol.for("react.scope") : 60119;
-    function z(a2) {
+    function z2(a2) {
       if ("object" === typeof a2 && null !== a2) {
         var u = a2.$$typeof;
         switch (u) {
           case c2:
             switch (a2 = a2.type, a2) {
               case l2:
-              case m2:
+              case m:
               case e:
               case g:
               case f2:
@@ -37183,7 +37137,7 @@ var require_react_is_production_min = __commonJS({
                   case n:
                   case t:
                   case r:
-                  case h:
+                  case h2:
                     return a2;
                   default:
                     return u;
@@ -37195,12 +37149,12 @@ var require_react_is_production_min = __commonJS({
       }
     }
     function A(a2) {
-      return z(a2) === m2;
+      return z2(a2) === m;
     }
     exports.AsyncMode = l2;
-    exports.ConcurrentMode = m2;
+    exports.ConcurrentMode = m;
     exports.ContextConsumer = k;
-    exports.ContextProvider = h;
+    exports.ContextProvider = h2;
     exports.Element = c2;
     exports.ForwardRef = n;
     exports.Fragment = e;
@@ -37211,46 +37165,46 @@ var require_react_is_production_min = __commonJS({
     exports.StrictMode = f2;
     exports.Suspense = p;
     exports.isAsyncMode = function(a2) {
-      return A(a2) || z(a2) === l2;
+      return A(a2) || z2(a2) === l2;
     };
     exports.isConcurrentMode = A;
     exports.isContextConsumer = function(a2) {
-      return z(a2) === k;
+      return z2(a2) === k;
     };
     exports.isContextProvider = function(a2) {
-      return z(a2) === h;
+      return z2(a2) === h2;
     };
     exports.isElement = function(a2) {
       return "object" === typeof a2 && null !== a2 && a2.$$typeof === c2;
     };
     exports.isForwardRef = function(a2) {
-      return z(a2) === n;
+      return z2(a2) === n;
     };
     exports.isFragment = function(a2) {
-      return z(a2) === e;
+      return z2(a2) === e;
     };
     exports.isLazy = function(a2) {
-      return z(a2) === t;
+      return z2(a2) === t;
     };
     exports.isMemo = function(a2) {
-      return z(a2) === r;
+      return z2(a2) === r;
     };
     exports.isPortal = function(a2) {
-      return z(a2) === d;
+      return z2(a2) === d;
     };
     exports.isProfiler = function(a2) {
-      return z(a2) === g;
+      return z2(a2) === g;
     };
     exports.isStrictMode = function(a2) {
-      return z(a2) === f2;
+      return z2(a2) === f2;
     };
     exports.isSuspense = function(a2) {
-      return z(a2) === p;
+      return z2(a2) === p;
     };
     exports.isValidElementType = function(a2) {
-      return "string" === typeof a2 || "function" === typeof a2 || a2 === e || a2 === m2 || a2 === g || a2 === f2 || a2 === p || a2 === q || "object" === typeof a2 && null !== a2 && (a2.$$typeof === t || a2.$$typeof === r || a2.$$typeof === h || a2.$$typeof === k || a2.$$typeof === n || a2.$$typeof === w || a2.$$typeof === x || a2.$$typeof === y2 || a2.$$typeof === v);
+      return "string" === typeof a2 || "function" === typeof a2 || a2 === e || a2 === m || a2 === g || a2 === f2 || a2 === p || a2 === q || "object" === typeof a2 && null !== a2 && (a2.$$typeof === t || a2.$$typeof === r || a2.$$typeof === h2 || a2.$$typeof === k || a2.$$typeof === n || a2.$$typeof === w || a2.$$typeof === x || a2.$$typeof === y2 || a2.$$typeof === v);
     };
-    exports.typeOf = z;
+    exports.typeOf = z2;
   }
 });
 
@@ -37471,25 +37425,25 @@ var require_object_assign = __commonJS({
     }
     module2.exports = shouldUseNative() ? Object.assign : function(target, source) {
       var from;
-      var to = toObject(target);
+      var to2 = toObject(target);
       var symbols;
       for (var s = 1; s < arguments.length; s++) {
         from = Object(arguments[s]);
         for (var key in from) {
           if (hasOwnProperty.call(from, key)) {
-            to[key] = from[key];
+            to2[key] = from[key];
           }
         }
         if (getOwnPropertySymbols) {
           symbols = getOwnPropertySymbols(from);
           for (var i = 0; i < symbols.length; i++) {
             if (propIsEnumerable.call(from, symbols[i])) {
-              to[symbols[i]] = from[symbols[i]];
+              to2[symbols[i]] = from[symbols[i]];
             }
           }
         }
       }
-      return to;
+      return to2;
     };
   }
 });
@@ -37637,7 +37591,7 @@ var require_factoryWithTypeCheckers = __commonJS({
         shape: createShapeTypeChecker,
         exact: createStrictShapeTypeChecker
       };
-      function is2(x, y2) {
+      function is(x, y2) {
         if (x === y2) {
           return x !== 0 || 1 / x === 1 / y2;
         } else {
@@ -37780,7 +37734,7 @@ var require_factoryWithTypeCheckers = __commonJS({
         function validate(props, propName, componentName, location, propFullName) {
           var propValue = props[propName];
           for (var i = 0; i < expectedValues.length; i++) {
-            if (is2(propValue, expectedValues[i])) {
+            if (is(propValue, expectedValues[i])) {
               return null;
             }
           }
@@ -38174,13 +38128,13 @@ var init_DeviceSelector = __esm({
 });
 
 // src/Diagnostics/AudioTest.tsx
-var import_react248, import_react_sdk130, import_react_icons113, SelectContainer, MicTest, SpeakerTest, AudioTest;
+var import_react248, import_react_sdk129, import_react_icons113, SelectContainer, MicTest, SpeakerTest, AudioTest;
 var init_AudioTest = __esm({
   "src/Diagnostics/AudioTest.tsx"() {
     "use strict";
     init_define_process_env();
     import_react248 = __toESM(require("react"));
-    import_react_sdk130 = require("@100mslive/react-sdk");
+    import_react_sdk129 = require("@100mslive/react-sdk");
     import_react_icons113 = require("@100mslive/react-icons");
     init_PermissionErrorModal();
     init_components();
@@ -38196,12 +38150,12 @@ var init_AudioTest = __esm({
     MicTest = ({ setError }) => {
       var _a7, _b7;
       const { hmsDiagnostics } = useDiagnostics();
-      const devices = (0, import_react_sdk130.useHMSStore)(import_react_sdk130.selectDevices);
+      const devices = (0, import_react_sdk129.useHMSStore)(import_react_sdk129.selectDevices);
       const [isRecording, setIsRecording] = (0, import_react248.useState)(false);
       const [selectedMic, setSelectedMic] = (0, import_react248.useState)(((_a7 = devices.audioInput[0]) == null ? void 0 : _a7.deviceId) || "default");
-      const trackID = (0, import_react_sdk130.useHMSStore)(import_react_sdk130.selectLocalAudioTrackID);
-      const audioLevel = (0, import_react_sdk130.useHMSStore)((0, import_react_sdk130.selectTrackAudioByID)(trackID));
-      const { audioOutputDeviceId } = (0, import_react_sdk130.useHMSStore)(import_react_sdk130.selectLocalMediaSettings);
+      const trackID = (0, import_react_sdk129.useHMSStore)(import_react_sdk129.selectLocalAudioTrackID);
+      const audioLevel = (0, import_react_sdk129.useHMSStore)((0, import_react_sdk129.selectTrackAudioByID)(trackID));
+      const { audioOutputDeviceId } = (0, import_react_sdk129.useHMSStore)(import_react_sdk129.selectLocalMediaSettings);
       const { playing, setPlaying, audioRef } = useAudioOutputTest({
         deviceId: audioOutputDeviceId || ((_b7 = devices.audioOutput[0]) == null ? void 0 : _b7.deviceId)
       });
@@ -38276,9 +38230,9 @@ var init_AudioTest = __esm({
     };
     SpeakerTest = () => {
       var _a7;
-      const actions = (0, import_react_sdk130.useHMSActions)();
-      const devices = (0, import_react_sdk130.useHMSStore)(import_react_sdk130.selectDevices);
-      const { audioOutputDeviceId } = (0, import_react_sdk130.useHMSStore)(import_react_sdk130.selectLocalMediaSettings);
+      const actions = (0, import_react_sdk129.useHMSActions)();
+      const devices = (0, import_react_sdk129.useHMSStore)(import_react_sdk129.selectDevices);
+      const { audioOutputDeviceId } = (0, import_react_sdk129.useHMSStore)(import_react_sdk129.selectLocalMediaSettings);
       if (devices.audioOutput.length === 0) {
         return /* @__PURE__ */ import_react248.default.createElement(import_react248.default.Fragment, null);
       }
@@ -38328,13 +38282,13 @@ var init_AudioTest = __esm({
 });
 
 // src/Diagnostics/BrowserTest.tsx
-var import_react249, import_react_sdk131, CMS_MEDIA_SERVER, operatingSystemIconInfo, browserTypeIconInfo, CheckDetails, BrowserTest;
+var import_react249, import_react_sdk130, CMS_MEDIA_SERVER, operatingSystemIconInfo, browserTypeIconInfo, CheckDetails, BrowserTest;
 var init_BrowserTest = __esm({
   "src/Diagnostics/BrowserTest.tsx"() {
     "use strict";
     init_define_process_env();
     import_react249 = __toESM(require("react"));
-    import_react_sdk131 = require("@100mslive/react-sdk");
+    import_react_sdk130 = require("@100mslive/react-sdk");
     init_components();
     init_Layout();
     init_Text2();
@@ -38436,15 +38390,15 @@ var init_BrowserTest = __esm({
         CheckDetails,
         {
           title: "Browser",
-          iconURL: import_react_sdk131.parsedUserAgent.getBrowser().name && ((_b7 = browserTypeIconInfo[(_a7 = import_react_sdk131.parsedUserAgent.getBrowser().name) == null ? void 0 : _a7.toLowerCase()]) == null ? void 0 : _b7.icon),
-          value: `${import_react_sdk131.parsedUserAgent.getBrowser().name} ${import_react_sdk131.parsedUserAgent.getBrowser().version}`
+          iconURL: import_react_sdk130.parsedUserAgent.getBrowser().name && ((_b7 = browserTypeIconInfo[(_a7 = import_react_sdk130.parsedUserAgent.getBrowser().name) == null ? void 0 : _a7.toLowerCase()]) == null ? void 0 : _b7.icon),
+          value: `${import_react_sdk130.parsedUserAgent.getBrowser().name} ${import_react_sdk130.parsedUserAgent.getBrowser().version}`
         }
       ), /* @__PURE__ */ import_react249.default.createElement(
         CheckDetails,
         {
           title: "Operating system",
-          iconURL: import_react_sdk131.parsedUserAgent.getOS().name && ((_d = operatingSystemIconInfo[(_c = import_react_sdk131.parsedUserAgent.getOS().name) == null ? void 0 : _c.toLowerCase()]) == null ? void 0 : _d.icon),
-          value: `${import_react_sdk131.parsedUserAgent.getOS().name} ${import_react_sdk131.parsedUserAgent.getOS().version}`
+          iconURL: import_react_sdk130.parsedUserAgent.getOS().name && ((_d = operatingSystemIconInfo[(_c = import_react_sdk130.parsedUserAgent.getOS().name) == null ? void 0 : _c.toLowerCase()]) == null ? void 0 : _d.icon),
+          value: `${import_react_sdk130.parsedUserAgent.getOS().name} ${import_react_sdk130.parsedUserAgent.getOS().version}`
         }
       )), /* @__PURE__ */ import_react249.default.createElement(TestFooter, { error, ctaText: "Is your device information correct?" }));
     };
@@ -38452,13 +38406,13 @@ var init_BrowserTest = __esm({
 });
 
 // src/Diagnostics/ConnectivityTest.tsx
-var import_react250, import_react_sdk132, import_react_icons114, Regions, ConnectivityStateMessage, ConnectivityTestStepResult, DetailedInfo, MediaServerResult, SignallingResult, AudioStats, VideoStats, Footer3, ConnectivityTestReport, RegionSelector, ConnectivityTest, downloadJson;
+var import_react250, import_react_sdk131, import_react_icons114, Regions, ConnectivityStateMessage, ConnectivityTestStepResult, DetailedInfo, MediaServerResult, SignallingResult, AudioStats, VideoStats, Footer3, ConnectivityTestReport, RegionSelector, ConnectivityTest, downloadJson;
 var init_ConnectivityTest = __esm({
   "src/Diagnostics/ConnectivityTest.tsx"() {
     "use strict";
     init_define_process_env();
     import_react250 = __toESM(require("react"));
-    import_react_sdk132 = require("@100mslive/react-sdk");
+    import_react_sdk131 = require("@100mslive/react-sdk");
     import_react_icons114 = require("@100mslive/react-icons");
     init_components();
     init_Button2();
@@ -38473,13 +38427,13 @@ var init_ConnectivityTest = __esm({
       us: "United States"
     };
     ConnectivityStateMessage = {
-      [import_react_sdk132.ConnectivityState.STARTING]: "Fetching Init",
-      [import_react_sdk132.ConnectivityState.INIT_FETCHED]: "Connecting to signal server",
-      [import_react_sdk132.ConnectivityState.SIGNAL_CONNECTED]: "Establishing ICE connection",
-      [import_react_sdk132.ConnectivityState.ICE_ESTABLISHED]: "Capturing Media",
-      [import_react_sdk132.ConnectivityState.MEDIA_CAPTURED]: "Publishing Media",
-      [import_react_sdk132.ConnectivityState.MEDIA_PUBLISHED]: "Finishing Up",
-      [import_react_sdk132.ConnectivityState.COMPLETED]: "Completed"
+      [import_react_sdk131.ConnectivityState.STARTING]: "Fetching Init",
+      [import_react_sdk131.ConnectivityState.INIT_FETCHED]: "Connecting to signal server",
+      [import_react_sdk131.ConnectivityState.SIGNAL_CONNECTED]: "Establishing ICE connection",
+      [import_react_sdk131.ConnectivityState.ICE_ESTABLISHED]: "Capturing Media",
+      [import_react_sdk131.ConnectivityState.MEDIA_CAPTURED]: "Publishing Media",
+      [import_react_sdk131.ConnectivityState.MEDIA_PUBLISHED]: "Finishing Up",
+      [import_react_sdk131.ConnectivityState.COMPLETED]: "Completed"
     };
     ConnectivityTestStepResult = ({
       title,
@@ -38670,7 +38624,7 @@ var init_ConnectivityTest = __esm({
         {
           region,
           setRegion,
-          startTest: progress === void 0 || progress === import_react_sdk132.ConnectivityState.COMPLETED ? startTest : void 0
+          startTest: progress === void 0 || progress === import_react_sdk131.ConnectivityState.COMPLETED ? startTest : void 0
         }
       ), /* @__PURE__ */ import_react250.default.createElement(ConnectivityTestReport, { error, result, progress, startTest }));
     };
@@ -38687,13 +38641,13 @@ var init_ConnectivityTest = __esm({
 });
 
 // src/Diagnostics/VideoTest.tsx
-var import_react251, import_react_sdk133, import_react_icons115, VideoTest;
+var import_react251, import_react_sdk132, import_react_icons115, VideoTest;
 var init_VideoTest = __esm({
   "src/Diagnostics/VideoTest.tsx"() {
     "use strict";
     init_define_process_env();
     import_react251 = __toESM(require("react"));
-    import_react_sdk133 = require("@100mslive/react-sdk");
+    import_react_sdk132 = require("@100mslive/react-sdk");
     import_react_icons115 = require("@100mslive/react-icons");
     init_PermissionErrorModal();
     init_components();
@@ -38705,10 +38659,10 @@ var init_VideoTest = __esm({
     init_DiagnosticsContext();
     VideoTest = () => {
       const { hmsDiagnostics, updateStep } = useDiagnostics();
-      const allDevices = (0, import_react_sdk133.useHMSStore)(import_react_sdk133.selectDevices);
+      const allDevices = (0, import_react_sdk132.useHMSStore)(import_react_sdk132.selectDevices);
       const { videoInput } = allDevices;
-      const trackID = (0, import_react_sdk133.useHMSStore)(import_react_sdk133.selectLocalVideoTrackID);
-      const sdkSelectedDevices = (0, import_react_sdk133.useHMSStore)(import_react_sdk133.selectLocalMediaSettings);
+      const trackID = (0, import_react_sdk132.useHMSStore)(import_react_sdk132.selectLocalVideoTrackID);
+      const sdkSelectedDevices = (0, import_react_sdk132.useHMSStore)(import_react_sdk132.selectLocalMediaSettings);
       const [error, setError] = (0, import_react251.useState)();
       (0, import_react251.useEffect)(() => {
         hmsDiagnostics == null ? void 0 : hmsDiagnostics.startCameraCheck().catch((err) => {
@@ -38745,13 +38699,13 @@ var init_VideoTest = __esm({
 });
 
 // src/Diagnostics/Diagnostics.tsx
-var import_react252, import_react_sdk134, import_react_icons116, DiagnosticsStepIcon, Container5, DiagnosticsStepTest, DiagnosticsStepHeader, DiagnosticsStepContainer, DiagnosticsStepsList, DiagnosticsProvider, Diagnostics;
+var import_react252, import_react_sdk133, import_react_icons116, DiagnosticsStepIcon, Container5, DiagnosticsStepTest, DiagnosticsStepHeader, DiagnosticsStepContainer, DiagnosticsStepsList, DiagnosticsProvider, Diagnostics;
 var init_Diagnostics = __esm({
   "src/Diagnostics/Diagnostics.tsx"() {
     "use strict";
     init_define_process_env();
     import_react252 = __toESM(require("react"));
-    import_react_sdk134 = require("@100mslive/react-sdk");
+    import_react_sdk133 = require("@100mslive/react-sdk");
     import_react_icons116 = require("@100mslive/react-icons");
     init_Layout();
     init_Text2();
@@ -38850,7 +38804,7 @@ var init_Diagnostics = __esm({
       }));
     };
     DiagnosticsProvider = () => {
-      const actions = (0, import_react_sdk134.useHMSActions)();
+      const actions = (0, import_react_sdk133.useHMSActions)();
       const [activeStep, setActiveStep] = (0, import_react252.useState)(0);
       const [steps, setSteps] = (0, import_react252.useState)(initialSteps);
       const diagnosticsRef = (0, import_react252.useRef)(actions.initDiagnostics());
@@ -38872,7 +38826,7 @@ var init_Diagnostics = __esm({
       );
     };
     Diagnostics = () => {
-      return /* @__PURE__ */ import_react252.default.createElement(import_react_sdk134.HMSRoomProvider, null, /* @__PURE__ */ import_react252.default.createElement(HMSThemeProvider, { themeType: "default" }, /* @__PURE__ */ import_react252.default.createElement(DiagnosticsProvider, null)));
+      return /* @__PURE__ */ import_react252.default.createElement(import_react_sdk133.HMSRoomProvider, null, /* @__PURE__ */ import_react252.default.createElement(HMSThemeProvider, { themeType: "default" }, /* @__PURE__ */ import_react252.default.createElement(DiagnosticsProvider, null)));
     };
   }
 });