@100mslive/roomkit-react 0.3.19 → 0.3.20-alpha.0

package/dist/index.cjs.js

@@ -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_3239d931-854f-451e-b2a1-00f943ca805c", 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.9", 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.19", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_3239d931-854f-451e-b2a1-00f943ca805c", 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.19", 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.0.12077973", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "594", 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: "20240901.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.6/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:3006", 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.19", 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: "10775631112", 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: "b1bdfdb1965a14fd6b61e9bb8f9a9c48c556fd37", 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: "35d1ee9741adef39d80387e400edbf575b9a7703324c18f8da2bef3bc3d960a2", npm_package_exports___import: "./dist/index.js", STATS_BLT: "true", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/main", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_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--1725893382741-0.6519746386750118:/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--1725893382550-0.5635610781867195:/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--1725893357442-0.015279308298105088:/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--1725893357267-0.1435051772390752:/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_8c8def3e-ea24-4030-925c-559498fb7454", INVOCATION_ID: "62be4ee69caf4730b4b25bc5bc6354c7", 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: "668", 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 113", 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.0.12077973", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.10.19", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.19", 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: "b1bdfdb1965a14fd6b61e9bb8f9a9c48c556fd37", 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_3239d931-854f-451e-b2a1-00f943ca805c", 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_3239d931-854f-451e-b2a1-00f943ca805c", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/27.0.12077973", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.181+6/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies_knip: "^5.11.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/27.0.12077973", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_3239d931-854f-451e-b2a1-00f943ca805c" };
+    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_208a3df6-7e0b-4573-8836-09b3eec6bee0", 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.0", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.20.4 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.10.20-alpha.0", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_208a3df6-7e0b-4573-8836-09b3eec6bee0", 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.0", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.12", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.10", 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: "597", 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:16089", 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.0", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", STATS_D: "false", GITHUB_RUN_ID: "10826597823", 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: "9292ef206d23ad3743254e046fce98240fa3a134", 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: "c22e362d4a124a26295b0874be722fa21bab0084774b9eb8f80d1f704097281b", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/publish-alpha", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1726127935058-0.22146944684020453:/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--1726127934862-0.9808093359390244:/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--1726127909308-0.7527905752517778:/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--1726127909129-0.6871808028331288:/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_227df9f5-3da9-43eb-8ad2-df1b6b3aaaf9", INVOCATION_ID: "1c6566e8da8c474d85e2b8c4afdcf924", 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: "669", 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 222", 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.0", 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.0", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_resolutions_axios: "^1.7.4", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", GITHUB_SHA: "9292ef206d23ad3743254e046fce98240fa3a134", 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_208a3df6-7e0b-4573-8836-09b3eec6bee0", 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_208a3df6-7e0b-4573-8836-09b3eec6bee0", 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_208a3df6-7e0b-4573-8836-09b3eec6bee0" };
   }
 });
 
@@ -11950,7 +11950,6 @@ var init_SettingsModal = __esm({
           {
             direction: "column",
             css: {
-              px: "$8",
               pb: "$8",
               overflowY: "auto"
             }
@@ -11968,7 +11967,7 @@ var init_SettingsModal = __esm({
                 css: {
                   all: "unset",
                   fontFamily: "$sans",
-                  py: "$10",
+                  p: "$10 $8",
                   display: "flex",
                   alignItems: "center",
                   fontSize: "$sm",
@@ -21685,7 +21684,7 @@ var init_dist = __esm({
       n((t = t.apply(a2, e)).next());
     });
     yr = ro((Dc, ho) => {
-      ho.exports = { version: "0.12.19", 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"] };
+      ho.exports = { version: "0.12.20-alpha.0", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "src"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, sideEffects: false, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", "lodash.isequal": "^4.5.0", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/lodash.isequal": "^4.5.8", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
     });
     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 || {});
@@ -28755,6 +28754,44 @@ 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({
@@ -28990,7 +29027,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, canChangeRole && roles.length > 1 ? /* @__PURE__ */ import_react158.default.createElement(
+      ) : null, !isScreenshare && canChangeRole && roles.length > 1 ? /* @__PURE__ */ import_react158.default.createElement(
         StyledMenuTile.ItemButton,
         {
           className: dragClassName,
@@ -29003,7 +29040,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, 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, !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(
         Slider,
         {
           css: { my: "0.5rem" },
@@ -29058,6 +29095,7 @@ var init_TileMenu2 = __esm({
     init_Theme();
     init_TileMenu();
     init_ChangeNameModal();
+    init_peerTileUtils();
     init_RoleChangeModal();
     init_TileMenuContent();
     init_useDropdownList();
@@ -29082,6 +29120,7 @@ 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));
@@ -29089,7 +29128,7 @@ var init_TileMenu2 = __esm({
       const [showRoleChangeModal, setShowRoleChangeModal] = (0, import_react159.useState)(false);
       useDropdownList({ open, name: "TileMenu" });
       const dragClassName = getDragClassName();
-      if (!(removeOthers || toggleAudio || toggleVideo || setVolume || showPinAction) && hideSimulcastLayers) {
+      if (!peer || !(removeOthers || toggleAudio || toggleVideo || setVolume || showPinAction) && hideSimulcastLayers) {
         return null;
       }
       const openNameChangeModal = () => setShowNameChangeModal(true);
@@ -29100,7 +29139,6 @@ var init_TileMenu2 = __esm({
         audioTrackID,
         videoTrackID,
         peerID,
-        isPrimaryVideoTrack,
         showSpotlight,
         showPinAction,
         canMinimise,
@@ -29130,7 +29168,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" } }, 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(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(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 }));
     };
@@ -29138,38 +29176,6 @@ 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({
@@ -29234,8 +29240,9 @@ var init_VideoTile2 = __esm({
       });
       const label = getVideoTileLabel({
         peerName,
-        track,
-        isLocal
+        isLocal,
+        videoTrack: track,
+        audioTrack
       });
       const onHoverHandler = (0, import_react160.useCallback)((event) => {
         setIsMouseHovered(event.type === "mouseenter");
@@ -30686,6 +30693,7 @@ 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
@@ -30715,19 +30723,20 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
   ), pageList.length === 0 ? /* @__PURE__ */ import_react177.default.createElement(
     WaitingView,
     {
-      title: "You're the first to join",
-      subtitle: "Sit back and relax till others join",
+      title: peerCount <= 1 ? "You're the only one here" : "Glad to have you here",
+      subtitle: peerCount <= 1 ? "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_icons84;
+var import_react177, import_react_use39, import_react_sdk89, 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();
@@ -30830,14 +30839,14 @@ var init_ProminenceLayout = __esm({
 });
 
 // src/Prebuilt/components/SecondaryTiles.tsx
-var import_react179, import_react_use40, import_react_sdk89, SecondaryTiles;
+var import_react179, import_react_use40, import_react_sdk90, 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_sdk89 = require("@100mslive/react-sdk");
+    import_react_sdk90 = require("@100mslive/react-sdk");
     init_ProminenceLayout();
     init_Theme();
     init_Pagination2();
@@ -30848,10 +30857,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_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 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 pageChangedAfterPinning = (0, import_react179.useRef)(false);
       const pagesWithTiles = usePagesWithTiles({
         peers: spotlightPeerId || pinnedPeer ? [...peers].sort((p1, p2) => {
@@ -30960,7 +30969,7 @@ function RoleProminence({
 }) {
   var _a7;
   const { prominentPeers, secondaryPeers } = useRoleProminencePeers(prominentRoles, peers, isInsetEnabled);
-  const localPeer = (0, import_react_sdk90.useHMSStore)(import_react_sdk90.selectLocalPeer);
+  const localPeer = (0, import_react_sdk91.useHMSStore)(import_react_sdk91.selectLocalPeer);
   const isMobile = (0, import_react_use41.useMedia)(config.media.md);
   let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
   maxTileCount = isMobile ? 4 : maxTileCount;
@@ -30991,14 +31000,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_sdk90;
+var import_react181, import_react_use41, import_react_sdk91;
 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_sdk90 = require("@100mslive/react-sdk");
+    import_react_sdk91 = require("@100mslive/react-sdk");
     init_Theme();
     init_InsetTile();
     init_Pagination2();
@@ -31129,19 +31138,19 @@ var init_LayoutModeSelector = __esm({
 });
 
 // src/Prebuilt/components/ScreenshareDisplay.tsx
-var import_react183, import_react_sdk91, import_react_icons86, ScreenshareDisplay;
+var import_react183, import_react_sdk92, 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_sdk91 = require("@100mslive/react-sdk");
+    import_react_sdk92 = require("@100mslive/react-sdk");
     import_react_icons86 = require("@100mslive/react-icons");
     init_Button2();
     init_Layout();
     init_Text2();
     ScreenshareDisplay = () => {
-      const hmsActions = (0, import_react_sdk91.useHMSActions)();
+      const hmsActions = (0, import_react_sdk92.useHMSActions)();
       return /* @__PURE__ */ import_react183.default.createElement(
         Flex,
         {
@@ -31175,7 +31184,7 @@ var init_ScreenshareDisplay = __esm({
 });
 
 // src/Prebuilt/components/ScreenshareTile.tsx
-var import_react184, import_react_use42, import_screenfull2, import_react_sdk92, import_react_icons87, labelStyles, Tile2, ScreenshareTile, ScreenshareTile_default;
+var import_react184, import_react_use42, import_screenfull2, import_react_sdk93, import_react_icons87, labelStyles, Tile2, ScreenshareTile, ScreenshareTile_default;
 var init_ScreenshareTile = __esm({
   "src/Prebuilt/components/ScreenshareTile.tsx"() {
     "use strict";
@@ -31183,7 +31192,7 @@ var init_ScreenshareTile = __esm({
     import_react184 = __toESM(require("react"));
     import_react_use42 = require("react-use");
     import_screenfull2 = __toESM(require("screenfull"));
-    import_react_sdk92 = require("@100mslive/react-sdk");
+    import_react_sdk93 = require("@100mslive/react-sdk");
     import_react_icons87 = require("@100mslive/react-icons");
     init_TileMenu2();
     init_Layout();
@@ -31205,10 +31214,10 @@ var init_ScreenshareTile = __esm({
       flexShrink: 0
     };
     Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
-      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 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 { theme: theme2 } = useTheme();
-      const peer = (0, import_react_sdk92.useHMSStore)((0, import_react_sdk92.selectPeerByID)(peerId));
+      const peer = (0, import_react_sdk93.useHMSStore)((0, import_react_sdk93.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);
@@ -31219,7 +31228,7 @@ var init_ScreenshareTile = __esm({
         onClose: () => setFullscreen(false)
       });
       const isFullScreenSupported = import_screenfull2.default.isEnabled;
-      const audioTrack = (0, import_react_sdk92.useHMSStore)((0, import_react_sdk92.selectScreenShareAudioByPeerID)(peer == null ? void 0 : peer.id));
+      const audioTrack = (0, import_react_sdk93.useHMSStore)((0, import_react_sdk93.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);
       }
@@ -31229,7 +31238,8 @@ var init_ScreenshareTile = __esm({
       const label = getVideoTileLabel({
         peerName: peer == null ? void 0 : peer.name,
         isLocal: false,
-        track
+        videoTrack: track,
+        audioTrack
       });
       return /* @__PURE__ */ import_react184.default.createElement(
         StyledVideoTile.Root,
@@ -31298,14 +31308,14 @@ var init_ScreenshareTile = __esm({
 });
 
 // src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
-var import_react185, import_react_use43, import_react_sdk93, ScreenshareLayout;
+var import_react185, import_react_use43, import_react_sdk94, 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_sdk93 = require("@100mslive/react-sdk");
+    import_react_sdk94 = require("@100mslive/react-sdk");
     init_Theme();
     init_InsetTile();
     init_Pagination2();
@@ -31317,7 +31327,7 @@ var init_ScreenshareLayout = __esm({
     init_constants();
     ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
       var _a7;
-      const peersSharing = (0, import_react_sdk93.useHMSStore)(import_react_sdk93.selectPeersScreenSharing);
+      const peersSharing = (0, import_react_sdk94.useHMSStore)(import_react_sdk94.selectPeersScreenSharing);
       const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
       const [page, setPage] = (0, import_react185.useState)(0);
       const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
@@ -31366,14 +31376,14 @@ var init_ScreenshareLayout = __esm({
   }
 });
 
-// ../../../../../../../tmp/tmp-2799-gii2d1tovvOE/191d74313de0/index.css
-var init_d74313de0 = __esm({
-  "../../../../../../../tmp/tmp-2799-gii2d1tovvOE/191d74313de0/index.css"() {
+// ../../../../../../../tmp/tmp-2794-pnjjOzMWvvN1/191e53e0fba0/index.css
+var init_e53e0fba0 = __esm({
+  "../../../../../../../tmp/tmp-2794-pnjjOzMWvvN1/191e53e0fba0/index.css"() {
   }
 });
 
 // src/Prebuilt/components/VideoLayouts/WhiteboardLayout.tsx
-var import_react186, import_react_use44, import_hms_whiteboard, import_react_sdk94, WhiteboardEmbed, WhiteboardLayout;
+var import_react186, import_react_use44, import_hms_whiteboard, import_react_sdk95, WhiteboardEmbed, WhiteboardLayout;
 var init_WhiteboardLayout = __esm({
   "src/Prebuilt/components/VideoLayouts/WhiteboardLayout.tsx"() {
     "use strict";
@@ -31381,7 +31391,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_sdk94 = require("@100mslive/react-sdk");
+    import_react_sdk95 = require("@100mslive/react-sdk");
     init_Layout();
     init_Theme();
     init_InsetTile();
@@ -31390,10 +31400,10 @@ var init_WhiteboardLayout = __esm({
     init_ProminenceLayout();
     init_useUISettings();
     init_constants();
-    init_d74313de0();
+    init_e53e0fba0();
     WhiteboardEmbed = () => {
       const isMobile = (0, import_react_use44.useMedia)(config.media.md);
-      const { token, endpoint, zoomToContent } = (0, import_react_sdk94.useWhiteboard)(isMobile);
+      const { token, endpoint, zoomToContent } = (0, import_react_sdk95.useWhiteboard)(isMobile);
       if (!token) {
         return null;
       }
@@ -31414,8 +31424,8 @@ var init_WhiteboardLayout = __esm({
       );
     };
     WhiteboardLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
-      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 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 [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
       const isMobile = (0, import_react_use44.useMedia)(config.media.md);
       const hasSidebar = !isMobile && layoutMode === LayoutMode.SIDEBAR;
@@ -31456,12 +31466,12 @@ var init_WhiteboardLayout = __esm({
 });
 
 // src/Prebuilt/common/PeersSorter.ts
-var import_react_sdk95, PeersSorter, PeersSorter_default;
+var import_react_sdk96, PeersSorter, PeersSorter_default;
 var init_PeersSorter = __esm({
   "src/Prebuilt/common/PeersSorter.ts"() {
     "use strict";
     init_define_process_env();
-    import_react_sdk95 = require("@100mslive/react-sdk");
+    import_react_sdk96 = require("@100mslive/react-sdk");
     PeersSorter = class {
       constructor(store) {
         this.storeUnsubscribe = void 0;
@@ -31482,7 +31492,7 @@ var init_PeersSorter = __esm({
             }
           });
           if (!this.storeUnsubscribe) {
-            this.storeUnsubscribe = this.store.subscribe(this.onDominantSpeakerChange, import_react_sdk95.selectDominantSpeaker);
+            this.storeUnsubscribe = this.store.subscribe(this.onDominantSpeakerChange, import_react_sdk96.selectDominantSpeaker);
           }
           this.moveSpeakerToFront(this.speaker);
         };
@@ -31557,13 +31567,13 @@ var init_PeersSorter = __esm({
 });
 
 // src/Prebuilt/components/VideoLayouts/GridLayout.tsx
-var import_react187, import_react_sdk96, GridLayout;
+var import_react187, import_react_sdk97, GridLayout;
 var init_GridLayout = __esm({
   "src/Prebuilt/components/VideoLayouts/GridLayout.tsx"() {
     "use strict";
     init_define_process_env();
     import_react187 = __toESM(require("react"));
-    import_react_sdk96 = require("@100mslive/react-sdk");
+    import_react_sdk97 = require("@100mslive/react-sdk");
     init_EqualProminence();
     init_RoleProminence();
     init_ScreenshareLayout();
@@ -31583,12 +31593,12 @@ var init_GridLayout = __esm({
       edge_to_edge = false,
       hide_metadata_on_tile = false
     }) => {
-      const peerSharing = (0, import_react_sdk96.useHMSStore)(import_react_sdk96.selectPeerScreenSharing);
-      const whiteboard = (0, import_react_sdk96.useHMSStore)(import_react_sdk96.selectWhiteboard);
+      const peerSharing = (0, import_react_sdk97.useHMSStore)(import_react_sdk97.selectPeerScreenSharing);
+      const whiteboard = (0, import_react_sdk97.useHMSStore)(import_react_sdk97.selectWhiteboard);
       const pinnedTrack = usePinnedTrack();
-      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 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 [activeScreensharePeerId] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
       const isRoleProminence = prominentRoles.length && peers.some(
         (peer) => peer.roleName && prominentRoles.includes(peer.roleName) && (peer.videoTrack || peer.audioTrack)
@@ -31616,7 +31626,7 @@ var init_GridLayout = __esm({
         peers,
         pinnedTrack
       ]);
-      const vanillaStore = (0, import_react_sdk96.useHMSVanillaStore)();
+      const vanillaStore = (0, import_react_sdk97.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);
@@ -31687,13 +31697,13 @@ var init_GridLayout = __esm({
 });
 
 // src/Prebuilt/layouts/EmbedView.jsx
-var import_react188, import_react_sdk97, EmbedView, EmbedScreenShareView, EmbedComponent;
+var import_react188, import_react_sdk98, 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_sdk97 = require("@100mslive/react-sdk");
+    import_react_sdk98 = require("@100mslive/react-sdk");
     init_SecondaryTiles();
     init_ToastManager();
     init_ProminenceLayout();
@@ -31704,8 +31714,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_sdk97.useHMSStore)(import_react_sdk97.selectPeers);
-      const peerPresenting = (0, import_react_sdk97.useHMSStore)(import_react_sdk97.selectPeerScreenSharing);
+      const peers = (0, import_react_sdk98.useHMSStore)(import_react_sdk98.selectPeers);
+      const peerPresenting = (0, import_react_sdk98.useHMSStore)(import_react_sdk98.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));
@@ -31720,9 +31730,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_sdk97.useHMSStore)((0, import_react_sdk97.selectAppData)(APP_DATA.embedConfig));
+      const embedConfig = (0, import_react_sdk98.useHMSStore)((0, import_react_sdk98.selectAppData)(APP_DATA.embedConfig));
       const resetConfig = useResetEmbedConfig();
-      const { iframeRef, startEmbedShare, isEmbedShareInProgress } = (0, import_react_sdk97.useEmbedShare)(resetConfig);
+      const { iframeRef, startEmbedShare, isEmbedShareInProgress } = (0, import_react_sdk98.useEmbedShare)(resetConfig);
       (0, import_react188.useEffect)(() => {
         (() => __async(void 0, null, function* () {
           if (embedConfig && !isEmbedShareInProgress) {
@@ -31772,13 +31782,13 @@ var init_EmbedView = __esm({
 });
 
 // src/Prebuilt/layouts/PDFView.jsx
-var import_react189, import_react_sdk98, PDFView;
+var import_react189, import_react_sdk99, PDFView;
 var init_PDFView = __esm({
   "src/Prebuilt/layouts/PDFView.jsx"() {
     "use strict";
     init_define_process_env();
     import_react189 = __toESM(require("react"));
-    import_react_sdk98 = require("@100mslive/react-sdk");
+    import_react_sdk99 = require("@100mslive/react-sdk");
     init_ToastManager();
     init_Layout();
     init_EmbedView();
@@ -31786,7 +31796,7 @@ var init_PDFView = __esm({
     PDFView = () => {
       const pdfConfig = usePDFConfig();
       const resetConfig = useResetPDFConfig();
-      const { iframeRef, startPDFShare, isPDFShareInProgress } = (0, import_react_sdk98.usePDFShare)(resetConfig);
+      const { iframeRef, startPDFShare, isPDFShareInProgress } = (0, import_react_sdk99.usePDFShare)(resetConfig);
       (0, import_react189.useEffect)(() => {
         return () => {
           resetConfig();
@@ -31841,7 +31851,7 @@ var init_PDFView = __esm({
 });
 
 // src/Prebuilt/plugins/CaptionsViewer.tsx
-var import_react190, import_react_draggable2, import_react_use45, import_react_sdk99, SimpleQueue, Queue, CaptionMaintainerQueue, TranscriptView, CaptionsViewer;
+var import_react190, import_react_draggable2, import_react_use45, import_react_sdk100, SimpleQueue, Queue, CaptionMaintainerQueue, TranscriptView, CaptionsViewer;
 var init_CaptionsViewer = __esm({
   "src/Prebuilt/plugins/CaptionsViewer.tsx"() {
     "use strict";
@@ -31849,7 +31859,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_sdk99 = require("@100mslive/react-sdk");
+    import_react_sdk100 = require("@100mslive/react-sdk");
     init_Layout();
     init_Text2();
     init_Theme();
@@ -31990,7 +32000,7 @@ var init_CaptionsViewer = __esm({
       }
     };
     TranscriptView = ({ peer_id, data: data3 }) => {
-      const peerName = (0, import_react_sdk99.useHMSStore)((0, import_react_sdk99.selectPeerNameByID)(peer_id)) || "Participant";
+      const peerName = (0, import_react_sdk100.useHMSStore)((0, import_react_sdk100.selectPeerNameByID)(peer_id)) || "Participant";
       data3 = data3.trim();
       if (!data3)
         return null;
@@ -32018,7 +32028,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_sdk99.useHMSStore)(import_react_sdk99.selectIsTranscriptionEnabled);
+      const isTranscriptionEnabled = (0, import_react_sdk100.useHMSStore)(import_react_sdk100.selectIsTranscriptionEnabled);
       const nodeRef = (0, import_react190.useRef)(null);
       (0, import_react190.useEffect)(() => {
         const timeInterval = setInterval(() => {
@@ -32031,7 +32041,7 @@ var init_CaptionsViewer = __esm({
         }, 1e3);
         return () => clearInterval(timeInterval);
       }, [captionQueue]);
-      (0, import_react_sdk99.useTranscript)({
+      (0, import_react_sdk100.useTranscript)({
         onTranscript: (data3) => {
           captionQueue && captionQueue.push(data3);
         }
@@ -32088,16 +32098,16 @@ var init_CaptionsViewer = __esm({
 });
 
 // src/Prebuilt/components/hooks/useCloseScreenshareWhiteboard.tsx
-var import_react191, import_react_sdk100, useCloseScreenshareWhiteboard;
+var import_react191, import_react_sdk101, useCloseScreenshareWhiteboard;
 var init_useCloseScreenshareWhiteboard = __esm({
   "src/Prebuilt/components/hooks/useCloseScreenshareWhiteboard.tsx"() {
     "use strict";
     init_define_process_env();
     import_react191 = require("react");
-    import_react_sdk100 = require("@100mslive/react-sdk");
+    import_react_sdk101 = require("@100mslive/react-sdk");
     useCloseScreenshareWhiteboard = () => {
-      const peerSharing = (0, import_react_sdk100.useHMSStore)(import_react_sdk100.selectPeerScreenSharing);
-      const { isOwner: isWhiteboardOwner, toggle: toggleWhiteboard } = (0, import_react_sdk100.useWhiteboard)();
+      const peerSharing = (0, import_react_sdk101.useHMSStore)(import_react_sdk101.selectPeerScreenSharing);
+      const { isOwner: isWhiteboardOwner, toggle: toggleWhiteboard } = (0, import_react_sdk101.useWhiteboard)();
       (0, import_react191.useEffect)(() => {
         if (isWhiteboardOwner && peerSharing) {
           toggleWhiteboard == null ? void 0 : toggleWhiteboard();
@@ -33205,7 +33215,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_sdk101, 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_sdk102, import_react_icons97, hlsPlayer, toastMap, ToggleChat, HLSView, HLSView_default;
 var init_HLSView = __esm({
   "src/Prebuilt/layouts/HLSView.jsx"() {
     "use strict";
@@ -33215,7 +33225,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_sdk101 = require("@100mslive/react-sdk");
+    import_react_sdk102 = require("@100mslive/react-sdk");
     import_react_icons97 = require("@100mslive/react-icons");
     init_ChatToggle();
     init_HlsStatsOverlay();
@@ -33243,11 +33253,11 @@ var init_HLSView = __esm({
     toastMap = {};
     ToggleChat = ({ isFullScreen = false }) => {
       const { elements } = useRoomLayoutConferencingScreen();
-      const sidepane = (0, import_react_sdk101.useHMSStore)((0, import_react_sdk101.selectAppData)(APP_DATA.sidePane));
+      const sidepane = (0, import_react_sdk102.useHMSStore)((0, import_react_sdk102.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_sdk101.useHMSActions)();
+      const hmsActions = (0, import_react_sdk102.useHMSActions)();
       (0, import_react206.useEffect)(() => {
         (0, import_ts_pattern13.match)({ sidepane, isMobile, showChat, isFullScreen }).with({ isFullScreen: true }, () => {
           hmsActions.setAppData(APP_DATA.sidePane, "");
@@ -33265,10 +33275,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_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 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 { themeType } = useTheme();
       const [streamEnded, setStreamEnded] = (0, import_react206.useState)(false);
       let [hlsStatsState, setHlsStatsState] = (0, import_react206.useState)(null);
@@ -33287,7 +33297,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_sdk101.useHMSVanillaStore)();
+      const vanillaStore = (0, import_react_sdk102.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);
@@ -33373,8 +33383,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_sdk101.selectPollByID)(pollId));
-            const pollStartedBy = vanillaStore.getState((0, import_react_sdk101.selectPeerNameByID)(poll.startedBy)) || "Participant";
+            const poll = vanillaStore.getState((0, import_react_sdk102.selectPollByID)(pollId));
+            const pollStartedBy = vanillaStore.getState((0, import_react_sdk102.selectPeerNameByID)(poll.startedBy)) || "Participant";
             if (!toastMap[pollId]) {
               const toastID = ToastManager.addToast({
                 title: `${pollStartedBy} started a ${poll.type}: ${poll.title}`,
@@ -33530,7 +33540,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_sdk101.HLSPlaylistType.DVR) {
+          if (!(isMobile || isLandscape) || ((_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8.playlist_type) !== import_react_sdk102.HLSPlaylistType.DVR) {
             return;
           }
           const sidePercentage = event.screenX * 100 / event.target.clientWidth;
@@ -33556,7 +33566,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_sdk101.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_sdk102.HLSPlaylistType.DVR, isMobile: false, isLandscape: false }, () => __async(void 0, null, function* () {
           if (isPaused) {
             yield hlsPlayer == null ? void 0 : hlsPlayer.play();
           } else {
@@ -33659,7 +33669,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_sdk101.HLSPlaylistType.DVR) {
+              if (((_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8.playlist_type) === import_react_sdk102.HLSPlaylistType.DVR) {
                 yield keyHandler(event);
               }
             }),
@@ -33703,7 +33713,7 @@ var init_HLSView = __esm({
                   size: "100%"
                 }
               },
-              !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(
+              !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(
                 HMSVideoPlayer.PlayPauseSeekControls.Overlay,
                 {
                   isPaused,
@@ -33711,7 +33721,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_sdk101.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_sdk102.HLSPlaylistType.DVR && /* @__PURE__ */ import_react206.default.createElement(
               HMSVideoPlayer.PlayPauseSeekControls.Overlay,
               {
                 isPaused,
@@ -33778,7 +33788,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_sdk101.HLSPlaylistType.DVR ? "$8" : "0",
+                  bottom: isFullScreen && ((_d = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _d.playlist_type) === import_react_sdk102.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%);`,
@@ -33788,7 +33798,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_sdk101.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_sdk102.HLSPlaylistType.DVR ? /* @__PURE__ */ import_react206.default.createElement(HMSVideoPlayer.Progress, { seekProgress, setSeekProgress }) : null,
               /* @__PURE__ */ import_react206.default.createElement(
                 HMSVideoPlayer.Controls.Root,
                 {
@@ -33797,7 +33807,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_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(
+                /* @__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(
                   IconButton,
                   {
                     css: { px: "$2" },
@@ -33830,7 +33840,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_sdk101.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_sdk102.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,
                   {
@@ -33855,7 +33865,7 @@ var init_HLSView = __esm({
 });
 
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
-var import_react207, import_react_use50, import_ts_pattern14, import_react_sdk102, import_react_icons98, HLSView2, VideoStreamingSection;
+var import_react207, import_react_use50, import_ts_pattern14, import_react_sdk103, import_react_icons98, HLSView2, VideoStreamingSection;
 var init_VideoStreamingSection = __esm({
   "src/Prebuilt/layouts/VideoStreamingSection.tsx"() {
     "use strict";
@@ -33863,7 +33873,7 @@ var init_VideoStreamingSection = __esm({
     import_react207 = __toESM(require("react"));
     import_react_use50 = require("react-use");
     import_ts_pattern14 = require("ts-pattern");
-    import_react_sdk102 = require("@100mslive/react-sdk");
+    import_react_sdk103 = require("@100mslive/react-sdk");
     import_react_icons98 = require("@100mslive/react-icons");
     init_FullPageProgress();
     init_GridLayout();
@@ -33884,10 +33894,10 @@ var init_VideoStreamingSection = __esm({
       hideControls = false
     }) => {
       var _a7;
-      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 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 urlToIframe = useUrlToEmbed();
       const pdfAnnotatorActive = usePDFConfig();
       const isMobileHLSStream = useMobileHLSStream();
@@ -34029,13 +34039,13 @@ var init_RoomDetailsHeader = __esm({
 });
 
 // src/Prebuilt/components/Header/common.jsx
-var import_react209, import_react_sdk103, import_react_icons100, CamaraFlipActions, AudioActions, AudioSelectionSheet, SelectWithLabel;
+var import_react209, import_react_sdk104, 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_sdk103 = require("@100mslive/react-sdk");
+    import_react_sdk104 = require("@100mslive/react-sdk");
     import_react_icons100 = require("@100mslive/react-icons");
     init_Divider2();
     init_Label2();
@@ -34045,12 +34055,12 @@ var init_common2 = __esm({
     init_IconButton3();
     init_ToastManager();
     CamaraFlipActions = () => {
-      const actions = (0, import_react_sdk103.useHMSActions)();
-      const { allDevices } = (0, import_react_sdk103.useDevices)();
+      const actions = (0, import_react_sdk104.useHMSActions)();
+      const { allDevices } = (0, import_react_sdk104.useDevices)();
       const { videoInput } = allDevices;
-      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));
+      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));
       if (!videoInput || !(videoInput == null ? void 0 : videoInput.length) || !(localVideoTrack == null ? void 0 : localVideoTrack.facingMode)) {
         return null;
       }
@@ -34073,7 +34083,7 @@ var init_common2 = __esm({
       ));
     };
     AudioActions = () => {
-      const { allDevices, selectedDeviceIDs, updateDevice } = (0, import_react_sdk103.useDevices)();
+      const { allDevices, selectedDeviceIDs, updateDevice } = (0, import_react_sdk104.useDevices)();
       const shouldShowAudioOutput = "setSinkId" in HTMLMediaElement.prototype;
       const { audioInput, audioOutput } = allDevices;
       let availableAudioDevices = audioInput;
@@ -34082,7 +34092,7 @@ var init_common2 = __esm({
         availableAudioDevices = audioOutput;
         selectedAudio = selectedDeviceIDs.audioOutput;
       }
-      const hmsActions = (0, import_react_sdk103.useHMSActions)();
+      const hmsActions = (0, import_react_sdk104.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) {
@@ -34105,7 +34115,7 @@ var init_common2 = __esm({
             try {
               yield updateDevice({
                 deviceId,
-                deviceType: shouldShowAudioOutput ? import_react_sdk103.DeviceType.audioOutput : import_react_sdk103.DeviceType.audioInput
+                deviceType: shouldShowAudioOutput ? import_react_sdk104.DeviceType.audioOutput : import_react_sdk104.DeviceType.audioInput
               });
             } catch (e) {
               ToastManager.addToast({
@@ -34189,23 +34199,23 @@ var init_common2 = __esm({
 });
 
 // src/Prebuilt/components/Header/Header.tsx
-var import_react210, import_react_use52, import_react_sdk104, Header2;
+var import_react210, import_react_use52, import_react_sdk105, 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_sdk104 = require("@100mslive/react-sdk");
+    import_react_sdk105 = require("@100mslive/react-sdk");
     init_src();
     init_HeaderComponents();
     init_RoomDetailsHeader();
     init_StreamActions();
     init_common2();
     Header2 = () => {
-      const roomState = (0, import_react_sdk104.useHMSStore)(import_react_sdk104.selectRoomState);
+      const roomState = (0, import_react_sdk105.useHMSStore)(import_react_sdk105.selectRoomState);
       const isMobile = (0, import_react_use52.useMedia)(config.media.md);
-      if (roomState !== import_react_sdk104.HMSRoomState.Connected) {
+      if (roomState !== import_react_sdk105.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(
@@ -34235,25 +34245,25 @@ var init_Header2 = __esm({
 });
 
 // src/Prebuilt/components/PreviousRoleInMetadata.tsx
-var import_react211, import_react_sdk105, PreviousRoleInMetadata;
+var import_react211, import_react_sdk106, PreviousRoleInMetadata;
 var init_PreviousRoleInMetadata = __esm({
   "src/Prebuilt/components/PreviousRoleInMetadata.tsx"() {
     "use strict";
     init_define_process_env();
     import_react211 = require("react");
-    import_react_sdk105 = require("@100mslive/react-sdk");
+    import_react_sdk106 = require("@100mslive/react-sdk");
     init_useMetadata();
     PreviousRoleInMetadata = () => {
-      const vanillaStore = (0, import_react_sdk105.useHMSVanillaStore)();
+      const vanillaStore = (0, import_react_sdk106.useHMSVanillaStore)();
       const { updateMetaData } = useMyMetadata();
       (0, import_react211.useEffect)(() => {
-        let previousRole = vanillaStore.getState(import_react_sdk105.selectLocalPeerRoleName);
+        let previousRole = vanillaStore.getState(import_react_sdk106.selectLocalPeerRoleName);
         const unsubscribe = vanillaStore.subscribe((currentRole) => {
           if (previousRole !== currentRole && currentRole) {
             updateMetaData({ prevRole: previousRole });
             previousRole = currentRole;
           }
-        }, import_react_sdk105.selectLocalPeerRoleName);
+        }, import_react_sdk106.selectLocalPeerRoleName);
         return unsubscribe;
       }, [vanillaStore]);
       return null;
@@ -34262,14 +34272,14 @@ var init_PreviousRoleInMetadata = __esm({
 });
 
 // src/Prebuilt/components/ConferenceScreen.tsx
-var import_react212, import_uuid12, import_react_sdk106, ConferenceScreen;
+var import_react212, import_uuid12, import_react_sdk107, 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_sdk106 = require("@100mslive/react-sdk");
+    import_react_sdk107 = require("@100mslive/react-sdk");
     init_Footer3();
     init_MoreSettings();
     init_HLSFailureModal();
@@ -34293,18 +34303,18 @@ var init_ConferenceScreen = __esm({
       const { userName, endpoints, onJoin: onJoinFunc } = useHMSPrebuiltContext();
       const screenProps = useRoomLayoutConferencingScreen();
       const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
-      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 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 [hideControls, setHideControls] = (0, import_react212.useState)(false);
-      const dropdownList = (0, import_react_sdk106.useHMSStore)((0, import_react_sdk106.selectAppData)(APP_DATA.dropdownList));
+      const dropdownList = (0, import_react_sdk107.useHMSStore)((0, import_react_sdk107.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_sdk106.useAwayNotifications)();
+      const { requestPermission } = (0, import_react_sdk107.useAwayNotifications)();
       const showChat = !!((_a7 = screenProps.elements) == null ? void 0 : _a7.chat);
       const autoRoomJoined = (0, import_react212.useRef)(isPreviewScreenEnabled);
       const isMobileHLSStream = useMobileHLSStream();
@@ -34332,7 +34342,7 @@ var init_ConferenceScreen = __esm({
         };
       }, [dropdownList, hideControls, isMobileDevice]);
       (0, import_react212.useEffect)(() => {
-        if (authTokenInAppData && !isConnectedToRoom && !isPreviewScreenEnabled && roomState !== import_react_sdk106.HMSRoomState.Connecting && !autoRoomJoined.current) {
+        if (authTokenInAppData && !isConnectedToRoom && !isPreviewScreenEnabled && roomState !== import_react_sdk107.HMSRoomState.Connecting && !autoRoomJoined.current) {
           hmsActions.join({
             userName: userName || (0, import_uuid12.v4)(),
             authToken: authTokenInAppData,
@@ -34361,8 +34371,8 @@ var init_ConferenceScreen = __esm({
           PictureInPicture.stop().catch((error) => console.error("stopping pip", error.message));
         };
       }, [onJoinFunc]);
-      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..." : "" });
+      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..." : "" });
       }
       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(
@@ -34548,7 +34558,7 @@ var init_ErrorBoundary = __esm({
 
 // src/Prebuilt/services/FeatureFlags.jsx
 function FeatureFlagsInit() {
-  const roomId = (0, import_react_sdk107.useHMSStore)(import_react_sdk107.selectRoomID);
+  const roomId = (0, import_react_sdk108.useHMSStore)(import_react_sdk108.selectRoomID);
   (0, import_react214.useEffect)(() => {
     if (roomId) {
       FeatureFlags.init(roomId);
@@ -34556,13 +34566,13 @@ function FeatureFlagsInit() {
   }, [roomId]);
   return null;
 }
-var import_react214, import_react_sdk107, FeatureFlags;
+var import_react214, import_react_sdk108, FeatureFlags;
 var init_FeatureFlags = __esm({
   "src/Prebuilt/services/FeatureFlags.jsx"() {
     "use strict";
     init_define_process_env();
     import_react214 = require("react");
-    import_react_sdk107 = require("@100mslive/react-sdk");
+    import_react_sdk108 = require("@100mslive/react-sdk");
     FeatureFlags = class {
       static init(roomId) {
         if (!window.HMS) {
@@ -34620,13 +34630,13 @@ var init_Init = __esm({
 });
 
 // src/Prebuilt/components/Input/KeyboardInputManager.js
-var import_react216, import_react_sdk108, isEvenListenersAttached, _actions, _store, _toggleAudio, _toggleVideo, _hideSidepane, _toggleStatsForNerds, _toggleHlsStats, _keyDownHandler, _bind, _unbind, KeyboardInputManager, KeyboardHandler;
+var import_react216, import_react_sdk109, 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_sdk108 = require("@100mslive/react-sdk");
+    import_react_sdk109 = require("@100mslive/react-sdk");
     init_constants();
     isEvenListenersAttached = false;
     KeyboardInputManager = class {
@@ -34634,27 +34644,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_sdk108.selectIsLocalAudioEnabled);
+          const enabled = __privateGet(this, _store).getState(import_react_sdk109.selectIsLocalAudioEnabled);
           yield __privateGet(this, _actions).setLocalAudioEnabled(!enabled);
         }));
         __privateAdd(this, _toggleVideo, () => __async(this, null, function* () {
-          const enabled = __privateGet(this, _store).getState(import_react_sdk108.selectIsLocalVideoEnabled);
+          const enabled = __privateGet(this, _store).getState(import_react_sdk109.selectIsLocalVideoEnabled);
           yield __privateGet(this, _actions).setLocalVideoEnabled(!enabled);
         }));
         __privateAdd(this, _hideSidepane, () => {
-          if (__privateGet(this, _store).getState((0, import_react_sdk108.selectAppData)(APP_DATA.sidePane))) {
+          if (__privateGet(this, _store).getState((0, import_react_sdk109.selectAppData)(APP_DATA.sidePane))) {
             __privateGet(this, _actions).setAppData(APP_DATA.sidePane, "");
           }
         });
         __privateAdd(this, _toggleStatsForNerds, () => {
-          const uiSettings = __privateGet(this, _store).getState((0, import_react_sdk108.selectAppData)(APP_DATA.uiSettings));
+          const uiSettings = __privateGet(this, _store).getState((0, import_react_sdk109.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_sdk108.selectAppData)(APP_DATA.hlsStats)));
+          __privateGet(this, _actions).setAppData(APP_DATA.hlsStats, !__privateGet(this, _store).getState((0, import_react_sdk109.selectAppData)(APP_DATA.hlsStats)));
         });
         // eslint-disable-next-line complexity
         __privateAdd(this, _keyDownHandler, (e) => __async(this, null, function* () {
@@ -34712,8 +34722,8 @@ var init_KeyboardInputManager = __esm({
     _bind = new WeakMap();
     _unbind = new WeakMap();
     KeyboardHandler = () => {
-      const store = (0, import_react_sdk108.useHMSVanillaStore)();
-      const actions = (0, import_react_sdk108.useHMSActions)();
+      const store = (0, import_react_sdk109.useHMSVanillaStore)();
+      const actions = (0, import_react_sdk109.useHMSActions)();
       (0, import_react216.useEffect)(() => {
         const keyboardManager = new KeyboardInputManager(store, actions);
         keyboardManager.bindAllShortcuts();
@@ -34725,14 +34735,14 @@ var init_KeyboardInputManager = __esm({
 });
 
 // src/Prebuilt/components/EndCallFeedback/FeedbackForm.tsx
-var import_react217, import_react_use53, import_react_sdk109, import_react_icons102, FEEBACK_INDEX, FeedbackModal, FeedbackContent, FeedbackHeader, FeedbackForm;
+var import_react217, import_react_use53, import_react_sdk110, 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_sdk109 = require("@100mslive/react-sdk");
+    import_react_sdk110 = require("@100mslive/react-sdk");
     import_react_icons102 = require("@100mslive/react-icons");
     init_Button2();
     init_Checkbox2();
@@ -34790,7 +34800,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_sdk109.useHMSActions)();
+      const hmsActions = (0, import_react_sdk110.useHMSActions)();
       const [comment, setComment] = (0, import_react217.useState)("");
       const [selectedReasons, setSelectedReasons] = (0, import_react217.useState)(/* @__PURE__ */ new Set());
       const handleCheckedChange = (checked, index) => {
@@ -35352,7 +35362,7 @@ var init_MwebLandscapePrompt = __esm({
 
 // src/Prebuilt/components/Notifications/AutoplayBlockedModal.tsx
 function AutoplayBlockedModal() {
-  const { error, resetError, unblockAudio } = (0, import_react_sdk110.useAutoplayError)();
+  const { error, resetError, unblockAudio } = (0, import_react_sdk111.useAutoplayError)();
   return /* @__PURE__ */ import_react222.default.createElement(
     Dialog.Root,
     {
@@ -35377,33 +35387,33 @@ function AutoplayBlockedModal() {
     )))
   );
 }
-var import_react222, import_react_sdk110;
+var import_react222, import_react_sdk111;
 var init_AutoplayBlockedModal = __esm({
   "src/Prebuilt/components/Notifications/AutoplayBlockedModal.tsx"() {
     "use strict";
     init_define_process_env();
     import_react222 = __toESM(require("react"));
-    import_react_sdk110 = require("@100mslive/react-sdk");
+    import_react_sdk111 = require("@100mslive/react-sdk");
     init_src();
     init_DialogContent2();
   }
 });
 
 // src/Prebuilt/components/Notifications/ChatNotifications.tsx
-var import_react223, import_uuid13, import_react_sdk111, import_react_icons106, NOTIFICATION_TIME_DIFFERENCE, ChatNotifications;
+var import_react223, import_uuid13, import_react_sdk112, 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_sdk111 = require("@100mslive/react-sdk");
+    import_react_sdk112 = require("@100mslive/react-sdk");
     import_react_icons106 = require("@100mslive/react-icons");
     init_ToastManager();
     NOTIFICATION_TIME_DIFFERENCE = 5e3;
     ChatNotifications = () => {
-      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);
+      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);
       (0, import_react223.useEffect)(() => {
         var _a7, _b7;
         if (!chatState || ((_a7 = chatState.updatedBy) == null ? void 0 : _a7.peerId) === localPeerId) {
@@ -35426,13 +35436,13 @@ var init_ChatNotifications = __esm({
 });
 
 // src/Prebuilt/components/Toast/ToastConfig.jsx
-var import_react224, import_react_sdk112, import_react_icons107, ChatAction, HandRaiseAction, ToastConfig;
+var import_react224, import_react_sdk113, 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_sdk112 = require("@100mslive/react-sdk");
+    import_react_sdk113 = require("@100mslive/react-sdk");
     import_react_icons107 = require("@100mslive/react-icons");
     init_Button2();
     init_roomLayoutProvider();
@@ -35448,10 +35458,10 @@ var init_ToastConfig = __esm({
     });
     HandRaiseAction = import_react224.default.forwardRef(({ id = "", isSingleHandRaise = true }, ref) => {
       var _a7, _b7, _c;
-      const hmsActions = (0, import_react_sdk112.useHMSActions)();
+      const hmsActions = (0, import_react_sdk113.useHMSActions)();
       const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
       const isParticipantsOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.PARTICIPANTS);
-      const peer = (0, import_react_sdk112.useHMSStore)((0, import_react_sdk112.selectPeerByID)(id));
+      const peer = (0, import_react_sdk113.useHMSStore)((0, import_react_sdk113.selectPeerByID)(id));
       const layout = useRoomLayout();
       const {
         bring_to_stage_label,
@@ -35668,14 +35678,14 @@ var init_ToastBatcher = __esm({
 });
 
 // src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx
-var import_react225, import_react_use57, import_react_sdk113, HandRaisedNotifications;
+var import_react225, import_react_use57, import_react_sdk114, 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_sdk113 = require("@100mslive/react-sdk");
+    import_react_sdk114 = require("@100mslive/react-sdk");
     init_roomLayoutProvider();
     init_ToastBatcher();
     init_useRoomLayoutScreen();
@@ -35683,24 +35693,24 @@ var init_HandRaisedNotifications = __esm({
     init_constants();
     HandRaisedNotifications = () => {
       var _a7, _b7;
-      const notification = (0, import_react_sdk113.useHMSNotifications)(import_react_sdk113.HMSNotificationTypes.HAND_RAISE_CHANGED);
-      const roomState = (0, import_react_sdk113.useHMSStore)(import_react_sdk113.selectRoomState);
-      const vanillaStore = (0, import_react_sdk113.useHMSVanillaStore)();
+      const notification = (0, import_react_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 { on_stage_exp } = useRoomLayoutConferencingScreen().elements || {};
       const isSubscribing = !!useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.METADATA_UPDATED);
-      const amIScreenSharing = (0, import_react_sdk113.useHMSStore)(import_react_sdk113.selectIsLocalScreenShared);
-      const { showNotification } = (0, import_react_sdk113.useAwayNotifications)();
+      const amIScreenSharing = (0, import_react_sdk114.useHMSStore)(import_react_sdk114.selectIsLocalScreenShared);
+      const { showNotification } = (0, import_react_sdk114.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_sdk113.HMSRoomState.Connected || notification.data.isLocal || !isSubscribing) {
+        if (roomState !== import_react_sdk114.HMSRoomState.Connected || notification.data.isLocal || !isSubscribing) {
           return;
         }
-        const hasPeerHandRaised = vanillaStore.getState((0, import_react_sdk113.selectHasPeerHandRaised)(notification.data.id));
-        const peer = vanillaStore.getState((0, import_react_sdk113.selectPeerByID)(notification.data.id));
+        const hasPeerHandRaised = vanillaStore.getState((0, import_react_sdk114.selectHasPeerHandRaised)(notification.data.id));
+        const peer = vanillaStore.getState((0, import_react_sdk114.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" });
@@ -35712,12 +35722,12 @@ var init_HandRaisedNotifications = __esm({
           if (!(notification == null ? void 0 : notification.data)) {
             return;
           }
-          if (roomState !== import_react_sdk113.HMSRoomState.Connected || notification.data.isLocal || !isSubscribing) {
+          if (roomState !== import_react_sdk114.HMSRoomState.Connected || notification.data.isLocal || !isSubscribing) {
             return;
           }
-          const hasPeerHandRaised = vanillaStore.getState((0, import_react_sdk113.selectHasPeerHandRaised)(notification.data.id));
-          const peer = vanillaStore.getState((0, import_react_sdk113.selectPeerByID)(notification.data.id));
-          const handRaisedPeers = vanillaStore.getState(import_react_sdk113.selectHandRaisedPeers);
+          const hasPeerHandRaised = vanillaStore.getState((0, import_react_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);
           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 });
@@ -35732,17 +35742,17 @@ var init_HandRaisedNotifications = __esm({
 });
 
 // src/Prebuilt/components/Notifications/InitErrorModal.tsx
-var import_react226, import_react_sdk114, InitErrorModal;
+var import_react226, import_react_sdk115, InitErrorModal;
 var init_InitErrorModal = __esm({
   "src/Prebuilt/components/Notifications/InitErrorModal.tsx"() {
     "use strict";
     init_define_process_env();
     import_react226 = __toESM(require("react"));
-    import_react_sdk114 = require("@100mslive/react-sdk");
+    import_react_sdk115 = require("@100mslive/react-sdk");
     init_src();
     init_DialogContent2();
     InitErrorModal = () => {
-      const notification = (0, import_react_sdk114.useHMSNotifications)(import_react_sdk114.HMSNotificationTypes.ERROR);
+      const notification = (0, import_react_sdk115.useHMSNotifications)(import_react_sdk115.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)(() => {
@@ -35771,19 +35781,19 @@ var init_InitErrorModal = __esm({
 });
 
 // src/Prebuilt/components/Notifications/PeerNotifications.tsx
-var import_react227, import_react_sdk115, notificationTypes, PeerNotifications;
+var import_react227, import_react_sdk116, notificationTypes, PeerNotifications;
 var init_PeerNotifications = __esm({
   "src/Prebuilt/components/Notifications/PeerNotifications.tsx"() {
     "use strict";
     init_define_process_env();
     import_react227 = require("react");
-    import_react_sdk115 = require("@100mslive/react-sdk");
+    import_react_sdk116 = require("@100mslive/react-sdk");
     init_ToastBatcher();
     init_useUISettings();
     init_constants();
-    notificationTypes = [import_react_sdk115.HMSNotificationTypes.PEER_JOINED, import_react_sdk115.HMSNotificationTypes.PEER_LEFT];
+    notificationTypes = [import_react_sdk116.HMSNotificationTypes.PEER_JOINED, import_react_sdk116.HMSNotificationTypes.PEER_LEFT];
     PeerNotifications = () => {
-      const notification = (0, import_react_sdk115.useHMSNotifications)(notificationTypes);
+      const notification = (0, import_react_sdk116.useHMSNotifications)(notificationTypes);
       const isPeerJoinSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_JOINED);
       const isPeerLeftSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_LEFT);
       const [selectedPeer, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
@@ -35793,12 +35803,12 @@ var init_PeerNotifications = __esm({
         }
         console.debug(`[${notification.type}]`, notification);
         switch (notification.type) {
-          case import_react_sdk115.HMSNotificationTypes.PEER_JOINED:
+          case import_react_sdk116.HMSNotificationTypes.PEER_JOINED:
             if (!isPeerJoinSubscribed) {
               return;
             }
             break;
-          case import_react_sdk115.HMSNotificationTypes.PEER_LEFT:
+          case import_react_sdk116.HMSNotificationTypes.PEER_LEFT:
             if (selectedPeer.id === notification.data.id) {
               setPeerSelector({});
             }
@@ -35834,17 +35844,17 @@ var init_ios_perm_0 = __esm({
 
 // src/Prebuilt/components/Notifications/PermissionErrorModal.tsx
 function PermissionErrorNotificationModal() {
-  const notification = (0, import_react_sdk116.useHMSNotifications)(import_react_sdk116.HMSNotificationTypes.ERROR);
+  const notification = (0, import_react_sdk117.useHMSNotifications)(import_react_sdk117.HMSNotificationTypes.ERROR);
   return /* @__PURE__ */ import_react228.default.createElement(PermissionErrorModal, { error: notification == null ? void 0 : notification.data });
 }
-var import_react228, import_react_use58, import_react_sdk116, PermissionErrorModal;
+var import_react228, import_react_use58, import_react_sdk117, 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_sdk116 = require("@100mslive/react-sdk");
+    import_react_sdk117 = require("@100mslive/react-sdk");
     init_src();
     init_android_perm_1();
     init_ios_perm_0();
@@ -35910,35 +35920,35 @@ var init_PermissionErrorModal = __esm({
 });
 
 // src/Prebuilt/components/Notifications/ReconnectNotifications.tsx
-var import_react229, import_react_sdk117, notificationTypes2, notificationId, ReconnectNotifications;
+var import_react229, import_react_sdk118, 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_sdk117 = require("@100mslive/react-sdk");
+    import_react_sdk118 = require("@100mslive/react-sdk");
     init_ToastConfig();
     init_ToastManager();
     notificationTypes2 = [
-      import_react_sdk117.HMSNotificationTypes.RECONNECTED,
-      import_react_sdk117.HMSNotificationTypes.RECONNECTING,
-      import_react_sdk117.HMSNotificationTypes.ERROR
+      import_react_sdk118.HMSNotificationTypes.RECONNECTED,
+      import_react_sdk118.HMSNotificationTypes.RECONNECTING,
+      import_react_sdk118.HMSNotificationTypes.ERROR
     ];
     notificationId = null;
     ReconnectNotifications = () => {
-      const notification = (0, import_react_sdk117.useHMSNotifications)(notificationTypes2);
+      const notification = (0, import_react_sdk118.useHMSNotifications)(notificationTypes2);
       const prevErrorCode = (0, import_react229.useRef)(0);
       (0, import_react229.useEffect)(() => {
         var _a7, _b7;
         if (!notification) {
           return;
         }
-        if (notification.type === import_react_sdk117.HMSNotificationTypes.RECONNECTED) {
+        if (notification.type === import_react_sdk118.HMSNotificationTypes.RECONNECTED) {
           notificationId = ToastManager.replaceToast(
             notificationId,
             ToastConfig.RECONNECTED.single([4005, 4006].includes(prevErrorCode.current))
           );
-        } else if (notification.type === import_react_sdk117.HMSNotificationTypes.RECONNECTING) {
+        } else if (notification.type === import_react_sdk118.HMSNotificationTypes.RECONNECTING) {
           prevErrorCode.current = ((_a7 = notification.data) == null ? void 0 : _a7.code) || 0;
           notificationId = ToastManager.replaceToast(
             notificationId,
@@ -35952,30 +35962,30 @@ var init_ReconnectNotifications = __esm({
 });
 
 // src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx
-var import_react230, import_react_sdk118, import_react_icons108, TrackBulkUnmuteModal;
+var import_react230, import_react_sdk119, 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_sdk118 = require("@100mslive/react-sdk");
+    import_react_sdk119 = require("@100mslive/react-sdk");
     import_react_icons108 = require("@100mslive/react-icons");
     init_DialogContent2();
     TrackBulkUnmuteModal = () => {
-      const hmsActions = (0, import_react_sdk118.useHMSActions)();
+      const hmsActions = (0, import_react_sdk119.useHMSActions)();
       const [muteNotification, setMuteNotification] = (0, import_react230.useState)(null);
-      const notification = (0, import_react_sdk118.useHMSNotifications)([
-        import_react_sdk118.HMSNotificationTypes.CHANGE_MULTI_TRACK_STATE_REQUEST,
-        import_react_sdk118.HMSNotificationTypes.ROOM_ENDED,
-        import_react_sdk118.HMSNotificationTypes.REMOVED_FROM_ROOM
+      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
       ]);
       (0, import_react230.useEffect)(() => {
         switch (notification == null ? void 0 : notification.type) {
-          case import_react_sdk118.HMSNotificationTypes.REMOVED_FROM_ROOM:
-          case import_react_sdk118.HMSNotificationTypes.ROOM_ENDED:
+          case import_react_sdk119.HMSNotificationTypes.REMOVED_FROM_ROOM:
+          case import_react_sdk119.HMSNotificationTypes.ROOM_ENDED:
             setMuteNotification(null);
             break;
-          case import_react_sdk118.HMSNotificationTypes.CHANGE_MULTI_TRACK_STATE_REQUEST:
+          case import_react_sdk119.HMSNotificationTypes.CHANGE_MULTI_TRACK_STATE_REQUEST:
             if (notification == null ? void 0 : notification.data.enabled) {
               setMuteNotification(notification.data);
             }
@@ -36009,21 +36019,21 @@ var init_TrackBulkUnmuteModal = __esm({
 });
 
 // src/Prebuilt/components/Notifications/TrackNotifications.tsx
-var import_react231, import_react_sdk119, notificationTypes3, TrackNotifications;
+var import_react231, import_react_sdk120, notificationTypes3, TrackNotifications;
 var init_TrackNotifications = __esm({
   "src/Prebuilt/components/Notifications/TrackNotifications.tsx"() {
     "use strict";
     init_define_process_env();
     import_react231 = require("react");
-    import_react_sdk119 = require("@100mslive/react-sdk");
+    import_react_sdk120 = require("@100mslive/react-sdk");
     notificationTypes3 = [
-      import_react_sdk119.HMSNotificationTypes.TRACK_ADDED,
-      import_react_sdk119.HMSNotificationTypes.TRACK_REMOVED,
-      import_react_sdk119.HMSNotificationTypes.TRACK_MUTED,
-      import_react_sdk119.HMSNotificationTypes.TRACK_UNMUTED
+      import_react_sdk120.HMSNotificationTypes.TRACK_ADDED,
+      import_react_sdk120.HMSNotificationTypes.TRACK_REMOVED,
+      import_react_sdk120.HMSNotificationTypes.TRACK_MUTED,
+      import_react_sdk120.HMSNotificationTypes.TRACK_UNMUTED
     ];
     TrackNotifications = () => {
-      const notification = (0, import_react_sdk119.useHMSNotifications)(notificationTypes3);
+      const notification = (0, import_react_sdk120.useHMSNotifications)(notificationTypes3);
       (0, import_react231.useEffect)(() => {
         if (notification) {
           console.debug(`[${notification.type}]`, notification);
@@ -36035,30 +36045,30 @@ var init_TrackNotifications = __esm({
 });
 
 // src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx
-var import_react232, import_react_sdk120, import_react_icons109, TrackUnmuteModal;
+var import_react232, import_react_sdk121, 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_sdk120 = require("@100mslive/react-sdk");
+    import_react_sdk121 = require("@100mslive/react-sdk");
     import_react_icons109 = require("@100mslive/react-icons");
     init_DialogContent2();
     TrackUnmuteModal = () => {
-      const hmsActions = (0, import_react_sdk120.useHMSActions)();
-      const notification = (0, import_react_sdk120.useHMSNotifications)([
-        import_react_sdk120.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST,
-        import_react_sdk120.HMSNotificationTypes.ROOM_ENDED,
-        import_react_sdk120.HMSNotificationTypes.REMOVED_FROM_ROOM
+      const 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 [muteNotification, setMuteNotification] = (0, import_react232.useState)(null);
       (0, import_react232.useEffect)(() => {
         switch (notification == null ? void 0 : notification.type) {
-          case import_react_sdk120.HMSNotificationTypes.REMOVED_FROM_ROOM:
-          case import_react_sdk120.HMSNotificationTypes.ROOM_ENDED:
+          case import_react_sdk121.HMSNotificationTypes.REMOVED_FROM_ROOM:
+          case import_react_sdk121.HMSNotificationTypes.ROOM_ENDED:
             setMuteNotification(null);
             break;
-          case import_react_sdk120.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST:
+          case import_react_sdk121.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST:
             if (notification == null ? void 0 : notification.data.enabled) {
               setMuteNotification(notification.data);
             }
@@ -36076,7 +36086,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);
@@ -36089,20 +36099,20 @@ var init_TrackUnmuteModal = __esm({
 });
 
 // src/Prebuilt/components/Notifications/TranscriptionNotifications.tsx
-var import_react233, import_ts_pattern16, import_react_sdk121, import_react_icons110, TranscriptionNotifications;
+var import_react233, import_ts_pattern16, import_react_sdk122, 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_sdk121 = require("@100mslive/react-sdk");
+    import_react_sdk122 = require("@100mslive/react-sdk");
     import_react_icons110 = require("@100mslive/react-icons");
     init_ToastManager();
     init_useUISettings();
     init_constants();
     TranscriptionNotifications = () => {
-      const notification = (0, import_react_sdk121.useHMSNotifications)(import_react_sdk121.HMSNotificationTypes.TRANSCRIPTION_STATE_UPDATED);
+      const notification = (0, import_react_sdk122.useHMSNotifications)(import_react_sdk122.HMSNotificationTypes.TRANSCRIPTION_STATE_UPDATED);
       const [toastId, setToastId] = useSetAppDataByKey(CAPTION_TOAST.captionToast);
       (0, import_react233.useEffect)(() => {
         if (!(notification == null ? void 0 : notification.data)) {
@@ -36121,14 +36131,14 @@ var init_TranscriptionNotifications = __esm({
                 icon: /* @__PURE__ */ import_react233.default.createElement(import_react_icons110.AlertTriangleIcon, { style: { marginRight: "0.5rem" } })
               });
             }
-          ).with({ state: import_react_sdk121.HMSTranscriptionState.STARTED }, () => {
+          ).with({ state: import_react_sdk122.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_sdk121.HMSTranscriptionState.STOPPED }, () => {
+          }).with({ state: import_react_sdk122.HMSTranscriptionState.STOPPED }, () => {
             id = ToastManager.replaceToast(toastId, {
               title: `Closed Captioning disabled for everyone`,
               variant: "standard",
@@ -36147,17 +36157,17 @@ var init_TranscriptionNotifications = __esm({
 // src/Prebuilt/components/Notifications/Notifications.tsx
 function Notifications() {
   var _a7, _b7;
-  const localPeerID = (0, import_react_sdk122.useHMSStore)(import_react_sdk122.selectLocalPeerID);
-  const notification = (0, import_react_sdk122.useHMSNotifications)();
+  const localPeerID = (0, import_react_sdk123.useHMSStore)(import_react_sdk123.selectLocalPeerID);
+  const notification = (0, import_react_sdk123.useHMSNotifications)();
   const subscribedNotifications = useSubscribedNotifications() || {};
-  const roomState = (0, import_react_sdk122.useHMSStore)(import_react_sdk122.selectRoomState);
+  const roomState = (0, import_react_sdk123.useHMSStore)(import_react_sdk123.selectRoomState);
   const updateRoomLayoutForRole = useUpdateRoomLayout();
   const isNotificationDisabled = useIsNotificationDisabled();
   const screenProps = useRoomLayoutConferencingScreen();
-  const vanillaStore = (0, import_react_sdk122.useHMSVanillaStore)();
+  const vanillaStore = (0, import_react_sdk123.useHMSVanillaStore)();
   const togglePollView = usePollViewToggle();
-  const { showNotification } = (0, import_react_sdk122.useAwayNotifications)();
-  const amIScreenSharing = (0, import_react_sdk122.useHMSStore)(import_react_sdk122.selectIsLocalScreenShared);
+  const { showNotification } = (0, import_react_sdk123.useAwayNotifications)();
+  const amIScreenSharing = (0, import_react_sdk123.useHMSStore)(import_react_sdk123.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) => {
@@ -36166,17 +36176,17 @@ function Notifications() {
       variant: "error"
     });
   }, []);
-  (0, import_react_sdk122.useCustomEvent)({ type: ROLE_CHANGE_DECLINED, onEvent: handleRoleChangeDenied });
+  (0, import_react_sdk123.useCustomEvent)({ type: ROLE_CHANGE_DECLINED, onEvent: handleRoleChangeDenied });
   (0, import_react234.useEffect)(() => {
     var _a8, _b8, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m2, _n2, _o2, _p, _q;
     if (!notification || isNotificationDisabled) {
       return;
     }
     switch (notification.type) {
-      case import_react_sdk122.HMSNotificationTypes.NAME_UPDATED:
+      case import_react_sdk123.HMSNotificationTypes.NAME_UPDATED:
         console.log(notification.data.id + " changed their name to " + notification.data.name);
         break;
-      case import_react_sdk122.HMSNotificationTypes.ERROR:
+      case import_react_sdk123.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({
@@ -36208,7 +36218,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_sdk122.HMSNotificationTypes.ROLE_UPDATED: {
+      case import_react_sdk123.HMSNotificationTypes.ROLE_UPDATED: {
         if (((_m2 = notification.data) == null ? void 0 : _m2.isLocal) && ((_n2 = notification.data) == null ? void 0 : _n2.roleName)) {
           ToastManager.addToast({
             title: `You are now a ${notification.data.roleName}`
@@ -36217,7 +36227,7 @@ function Notifications() {
         }
         break;
       }
-      case import_react_sdk122.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST:
+      case import_react_sdk123.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST:
         const track = (_o2 = notification.data) == null ? void 0 : _o2.track;
         if (!notification.data.enabled) {
           ToastManager.addToast({
@@ -36226,21 +36236,21 @@ function Notifications() {
           });
         }
         break;
-      case import_react_sdk122.HMSNotificationTypes.REMOVED_FROM_ROOM:
-      case import_react_sdk122.HMSNotificationTypes.ROOM_ENDED:
+      case import_react_sdk123.HMSNotificationTypes.REMOVED_FROM_ROOM:
+      case import_react_sdk123.HMSNotificationTypes.ROOM_ENDED:
         ToastManager.addToast({
           title: `${notification.message}. 
               ${notification.data.reason && `Reason: ${notification.data.reason}`}`
         });
         break;
-      case import_react_sdk122.HMSNotificationTypes.DEVICE_CHANGE_UPDATE:
+      case import_react_sdk123.HMSNotificationTypes.DEVICE_CHANGE_UPDATE:
         ToastManager.addToast({
           title: notification.message
         });
         break;
-      case import_react_sdk122.HMSNotificationTypes.POLL_STARTED:
+      case import_react_sdk123.HMSNotificationTypes.POLL_STARTED:
         if (notification.data.startedBy !== localPeerID && screenProps.screenType !== "hls_live_streaming") {
-          const pollStartedBy = vanillaStore.getState((0, import_react_sdk122.selectPeerNameByID)(notification.data.startedBy)) || "Participant";
+          const pollStartedBy = vanillaStore.getState((0, import_react_sdk123.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(
@@ -36262,14 +36272,14 @@ function Notifications() {
           pollToastKey[notification.data.id] = pollToastID;
         }
         break;
-      case import_react_sdk122.HMSNotificationTypes.POLL_STOPPED:
+      case import_react_sdk123.HMSNotificationTypes.POLL_STOPPED:
         const pollID = notification == null ? void 0 : notification.data.id;
         if (pollID && (pollToastKey == null ? void 0 : pollToastKey[pollID])) {
           ToastManager.removeToast(pollToastKey == null ? void 0 : pollToastKey[notification.data.id]);
           delete pollToastKey[notification == null ? void 0 : notification.data.id];
         }
         break;
-      case import_react_sdk122.HMSNotificationTypes.NEW_MESSAGE:
+      case import_react_sdk123.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,
@@ -36284,15 +36294,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_sdk122.HMSRoomState.Connected ? /* @__PURE__ */ import_react234.default.createElement(PeerNotifications, null) : null, /* @__PURE__ */ import_react234.default.createElement(ReconnectNotifications, null), /* @__PURE__ */ import_react234.default.createElement(AutoplayBlockedModal, null), /* @__PURE__ */ import_react234.default.createElement(PermissionErrorNotificationModal, null), /* @__PURE__ */ import_react234.default.createElement(InitErrorModal, null), /* @__PURE__ */ import_react234.default.createElement(ChatNotifications, null), /* @__PURE__ */ import_react234.default.createElement(HandRaisedNotifications, null), /* @__PURE__ */ import_react234.default.createElement(TranscriptionNotifications, null));
+  return /* @__PURE__ */ import_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));
 }
-var import_react234, import_react_sdk122, import_react_icons111, pollToastKey;
+var import_react234, import_react_sdk123, 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_sdk122 = require("@100mslive/react-sdk");
+    import_react_sdk123 = require("@100mslive/react-sdk");
     import_react_icons111 = require("@100mslive/react-icons");
     init_src();
     init_roomLayoutProvider();
@@ -36438,19 +36448,19 @@ var init_Toast3 = __esm({
 });
 
 // src/Prebuilt/components/Toast/ToastContainer.jsx
-var import_react238, import_react_sdk123, ToastContainer;
+var import_react238, import_react_sdk124, ToastContainer;
 var init_ToastContainer = __esm({
   "src/Prebuilt/components/Toast/ToastContainer.jsx"() {
     "use strict";
     init_define_process_env();
     import_react238 = __toESM(require("react"));
-    import_react_sdk123 = require("@100mslive/react-sdk");
+    import_react_sdk124 = require("@100mslive/react-sdk");
     init_Toast2();
     init_Toast3();
     init_ToastManager();
     init_constants();
     ToastContainer = () => {
-      const isConnected = (0, import_react_sdk123.useHMSStore)(import_react_sdk123.selectIsConnectedToRoom);
+      const isConnected = (0, import_react_sdk124.useHMSStore)(import_react_sdk124.selectIsConnectedToRoom);
       const [toasts, setToast] = (0, import_react238.useState)([]);
       (0, import_react238.useEffect)(() => {
         ToastManager.addListener(setToast);
@@ -36507,18 +36517,18 @@ var init_RoomDetailsSheet = __esm({
 });
 
 // src/Prebuilt/layouts/Sheet.tsx
-var import_react240, import_react_sdk124, Sheet2;
+var import_react240, import_react_sdk125, Sheet2;
 var init_Sheet3 = __esm({
   "src/Prebuilt/layouts/Sheet.tsx"() {
     "use strict";
     init_define_process_env();
     import_react240 = __toESM(require("react"));
-    import_react_sdk124 = require("@100mslive/react-sdk");
+    import_react_sdk125 = require("@100mslive/react-sdk");
     init_RoomDetailsSheet();
     init_Layout();
     init_constants();
     Sheet2 = () => {
-      const sheet = (0, import_react_sdk124.useHMSStore)((0, import_react_sdk124.selectAppData)(APP_DATA.sheet));
+      const sheet = (0, import_react_sdk125.useHMSStore)((0, import_react_sdk125.selectAppData)(APP_DATA.sheet));
       let ViewComponent;
       if (sheet === SHEET_OPTIONS.ROOM_DETAILS) {
         ViewComponent = /* @__PURE__ */ import_react240.default.createElement(RoomDetailsSheet, null);
@@ -36530,19 +36540,19 @@ var init_Sheet3 = __esm({
 
 // src/Prebuilt/plugins/FlyingEmoji.jsx
 function FlyingEmoji() {
-  const localPeerId = (0, import_react_sdk125.useHMSStore)(import_react_sdk125.selectLocalPeerID);
-  const vanillaStore = (0, import_react_sdk125.useHMSVanillaStore)();
-  const hmsActions = (0, import_react_sdk125.useHMSActions)();
+  const 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 [emojis, setEmojis] = (0, import_react241.useState)([]);
   const isMobile = (0, import_react_use60.useMedia)(config.media.md);
-  const isLargeRoom = (0, import_react_sdk125.useHMSStore)(import_react_sdk125.selectIsLargeRoom);
+  const isLargeRoom = (0, import_react_sdk126.useHMSStore)(import_react_sdk126.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_sdk125.selectPeerNameByID)(senderId));
+      let senderPeerName = vanillaStore.getState((0, import_react_sdk126.selectPeerNameByID)(senderId));
       if (!senderPeerName && isLargeRoom) {
         const sender = yield hmsActions.getPeer(senderId);
         senderPeerName = sender == null ? void 0 : sender.name;
@@ -36565,7 +36575,7 @@ function FlyingEmoji() {
     }),
     [vanillaStore, isLargeRoom, localPeerId, startingPoints, hmsActions]
   );
-  (0, import_react_sdk125.useCustomEvent)({
+  (0, import_react_sdk126.useCustomEvent)({
     type: EMOJI_REACTION_TYPE,
     onEvent: showFlyingEmoji
   });
@@ -36629,14 +36639,14 @@ function FlyingEmoji() {
     })
   );
 }
-var import_react241, import_react_use60, import_react_sdk125, emojiCount, flyAndFade, wiggleLeftRight, wiggleRightLeft, getStartingPoints;
+var import_react241, import_react_use60, import_react_sdk126, 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_sdk125 = require("@100mslive/react-sdk");
+    import_react_sdk126 = require("@100mslive/react-sdk");
     init_Layout();
     init_Text2();
     init_Theme();
@@ -36669,45 +36679,45 @@ var init_FlyingEmoji = __esm({
 
 // src/Prebuilt/plugins/RemoteStopScreenshare.jsx
 function RemoteStopScreenshare() {
-  const actions = (0, import_react_sdk126.useHMSActions)();
+  const actions = (0, import_react_sdk127.useHMSActions)();
   const onRemoteStopScreenshare = (0, import_react242.useCallback)(() => __async(this, null, function* () {
     yield actions.setScreenShareEnabled(false);
   }), [actions]);
-  (0, import_react_sdk126.useCustomEvent)({
+  (0, import_react_sdk127.useCustomEvent)({
     type: REMOTE_STOP_SCREENSHARE_TYPE,
     onEvent: onRemoteStopScreenshare
   });
   return /* @__PURE__ */ import_react242.default.createElement(import_react242.default.Fragment, null);
 }
-var import_react242, import_react_sdk126;
+var import_react242, import_react_sdk127;
 var init_RemoteStopScreenshare = __esm({
   "src/Prebuilt/plugins/RemoteStopScreenshare.jsx"() {
     "use strict";
     init_define_process_env();
     import_react242 = __toESM(require("react"));
-    import_react_sdk126 = require("@100mslive/react-sdk");
+    import_react_sdk127 = require("@100mslive/react-sdk");
     init_constants();
   }
 });
 
 // src/Prebuilt/components/hooks/useAutoStartStreaming.tsx
-var import_react243, import_react_sdk127, useAutoStartStreaming;
+var import_react243, import_react_sdk128, useAutoStartStreaming;
 var init_useAutoStartStreaming = __esm({
   "src/Prebuilt/components/hooks/useAutoStartStreaming.tsx"() {
     "use strict";
     init_define_process_env();
     import_react243 = require("react");
-    import_react_sdk127 = require("@100mslive/react-sdk");
+    import_react_sdk128 = require("@100mslive/react-sdk");
     init_useUISettings();
     init_hooks();
     init_constants();
     useAutoStartStreaming = () => {
       const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
-      const permissions = (0, import_react_sdk127.useHMSStore)(import_react_sdk127.selectPermissions);
+      const permissions = (0, import_react_sdk128.useHMSStore)(import_react_sdk128.selectPermissions);
       const showStreamingUI = useShowStreamingUI();
-      const hmsActions = (0, import_react_sdk127.useHMSActions)();
-      const isConnected = (0, import_react_sdk127.useHMSStore)(import_react_sdk127.selectIsConnectedToRoom);
-      const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = (0, import_react_sdk127.useRecordingStreaming)();
+      const 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 streamStartedRef = (0, import_react243.useRef)(false);
       const startHLS = (0, import_react243.useCallback)(() => __async(void 0, null, function* () {
         try {
@@ -36764,14 +36774,14 @@ function AppRoutes({
     }
   ), roomLayout && activeState && /* @__PURE__ */ import_react244.default.createElement(AppStates, { activeState })));
 }
-var import_react244, import_ts_pattern17, import_react_sdk128, HMSPrebuilt, AppStates, BackSwipe;
+var import_react244, import_ts_pattern17, import_react_sdk129, 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_sdk128 = require("@100mslive/react-sdk");
+    import_react_sdk129 = require("@100mslive/react-sdk");
     init_AppData();
     init_AuthToken();
     init_ConferenceScreen();
@@ -36818,7 +36828,7 @@ var init_App = __esm({
         const [hydrated, setHydrated] = import_react244.default.useState(false);
         (0, import_react244.useEffect)(() => {
           setHydrated(true);
-          const hms = new import_react_sdk128.HMSReactiveStore();
+          const hms = new import_react_sdk129.HMSReactiveStore();
           const hmsStore = hms.getStore();
           const hmsActions = hms.getActions();
           const hmsNotifications = hms.getNotifications();
@@ -36886,7 +36896,7 @@ var init_App = __esm({
             }
           },
           /* @__PURE__ */ import_react244.default.createElement(
-            import_react_sdk128.HMSRoomProvider,
+            import_react_sdk129.HMSRoomProvider,
             {
               isHMSStatsOn: FeatureFlags.enableStatsForNerds,
               actions: (_a7 = reactiveStore.current) == null ? void 0 : _a7.hmsActions,
@@ -36951,8 +36961,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_sdk128.useHMSStore)(import_react_sdk128.selectIsConnectedToRoom);
-      const hmsActions = (0, import_react_sdk128.useHMSActions)();
+      const isConnectedToRoom = (0, import_react_sdk129.useHMSStore)(import_react_sdk129.selectIsConnectedToRoom);
+      const hmsActions = (0, import_react_sdk129.useHMSActions)();
       (0, import_react244.useEffect)(() => {
         const onRouteLeave = () => __async(void 0, null, function* () {
           if (isConnectedToRoom) {
@@ -38128,13 +38138,13 @@ var init_DeviceSelector = __esm({
 });
 
 // src/Diagnostics/AudioTest.tsx
-var import_react248, import_react_sdk129, import_react_icons113, SelectContainer, MicTest, SpeakerTest, AudioTest;
+var import_react248, import_react_sdk130, import_react_icons113, SelectContainer, MicTest, SpeakerTest, AudioTest;
 var init_AudioTest = __esm({
   "src/Diagnostics/AudioTest.tsx"() {
     "use strict";
     init_define_process_env();
     import_react248 = __toESM(require("react"));
-    import_react_sdk129 = require("@100mslive/react-sdk");
+    import_react_sdk130 = require("@100mslive/react-sdk");
     import_react_icons113 = require("@100mslive/react-icons");
     init_PermissionErrorModal();
     init_components();
@@ -38150,12 +38160,12 @@ var init_AudioTest = __esm({
     MicTest = ({ setError }) => {
       var _a7, _b7;
       const { hmsDiagnostics } = useDiagnostics();
-      const devices = (0, import_react_sdk129.useHMSStore)(import_react_sdk129.selectDevices);
+      const devices = (0, import_react_sdk130.useHMSStore)(import_react_sdk130.selectDevices);
       const [isRecording, setIsRecording] = (0, import_react248.useState)(false);
       const [selectedMic, setSelectedMic] = (0, import_react248.useState)(((_a7 = devices.audioInput[0]) == null ? void 0 : _a7.deviceId) || "default");
-      const trackID = (0, import_react_sdk129.useHMSStore)(import_react_sdk129.selectLocalAudioTrackID);
-      const audioLevel = (0, import_react_sdk129.useHMSStore)((0, import_react_sdk129.selectTrackAudioByID)(trackID));
-      const { audioOutputDeviceId } = (0, import_react_sdk129.useHMSStore)(import_react_sdk129.selectLocalMediaSettings);
+      const 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 { playing, setPlaying, audioRef } = useAudioOutputTest({
         deviceId: audioOutputDeviceId || ((_b7 = devices.audioOutput[0]) == null ? void 0 : _b7.deviceId)
       });
@@ -38230,9 +38240,9 @@ var init_AudioTest = __esm({
     };
     SpeakerTest = () => {
       var _a7;
-      const actions = (0, import_react_sdk129.useHMSActions)();
-      const devices = (0, import_react_sdk129.useHMSStore)(import_react_sdk129.selectDevices);
-      const { audioOutputDeviceId } = (0, import_react_sdk129.useHMSStore)(import_react_sdk129.selectLocalMediaSettings);
+      const actions = (0, import_react_sdk130.useHMSActions)();
+      const devices = (0, import_react_sdk130.useHMSStore)(import_react_sdk130.selectDevices);
+      const { audioOutputDeviceId } = (0, import_react_sdk130.useHMSStore)(import_react_sdk130.selectLocalMediaSettings);
       if (devices.audioOutput.length === 0) {
         return /* @__PURE__ */ import_react248.default.createElement(import_react248.default.Fragment, null);
       }
@@ -38282,13 +38292,13 @@ var init_AudioTest = __esm({
 });
 
 // src/Diagnostics/BrowserTest.tsx
-var import_react249, import_react_sdk130, CMS_MEDIA_SERVER, operatingSystemIconInfo, browserTypeIconInfo, CheckDetails, BrowserTest;
+var import_react249, import_react_sdk131, CMS_MEDIA_SERVER, operatingSystemIconInfo, browserTypeIconInfo, CheckDetails, BrowserTest;
 var init_BrowserTest = __esm({
   "src/Diagnostics/BrowserTest.tsx"() {
     "use strict";
     init_define_process_env();
     import_react249 = __toESM(require("react"));
-    import_react_sdk130 = require("@100mslive/react-sdk");
+    import_react_sdk131 = require("@100mslive/react-sdk");
     init_components();
     init_Layout();
     init_Text2();
@@ -38390,15 +38400,15 @@ var init_BrowserTest = __esm({
         CheckDetails,
         {
           title: "Browser",
-          iconURL: import_react_sdk130.parsedUserAgent.getBrowser().name && ((_b7 = browserTypeIconInfo[(_a7 = import_react_sdk130.parsedUserAgent.getBrowser().name) == null ? void 0 : _a7.toLowerCase()]) == null ? void 0 : _b7.icon),
-          value: `${import_react_sdk130.parsedUserAgent.getBrowser().name} ${import_react_sdk130.parsedUserAgent.getBrowser().version}`
+          iconURL: import_react_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}`
         }
       ), /* @__PURE__ */ import_react249.default.createElement(
         CheckDetails,
         {
           title: "Operating system",
-          iconURL: import_react_sdk130.parsedUserAgent.getOS().name && ((_d = operatingSystemIconInfo[(_c = import_react_sdk130.parsedUserAgent.getOS().name) == null ? void 0 : _c.toLowerCase()]) == null ? void 0 : _d.icon),
-          value: `${import_react_sdk130.parsedUserAgent.getOS().name} ${import_react_sdk130.parsedUserAgent.getOS().version}`
+          iconURL: import_react_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}`
         }
       )), /* @__PURE__ */ import_react249.default.createElement(TestFooter, { error, ctaText: "Is your device information correct?" }));
     };
@@ -38406,13 +38416,13 @@ var init_BrowserTest = __esm({
 });
 
 // src/Diagnostics/ConnectivityTest.tsx
-var import_react250, import_react_sdk131, import_react_icons114, Regions, ConnectivityStateMessage, ConnectivityTestStepResult, DetailedInfo, MediaServerResult, SignallingResult, AudioStats, VideoStats, Footer3, ConnectivityTestReport, RegionSelector, ConnectivityTest, downloadJson;
+var import_react250, import_react_sdk132, import_react_icons114, Regions, ConnectivityStateMessage, ConnectivityTestStepResult, DetailedInfo, MediaServerResult, SignallingResult, AudioStats, VideoStats, Footer3, ConnectivityTestReport, RegionSelector, ConnectivityTest, downloadJson;
 var init_ConnectivityTest = __esm({
   "src/Diagnostics/ConnectivityTest.tsx"() {
     "use strict";
     init_define_process_env();
     import_react250 = __toESM(require("react"));
-    import_react_sdk131 = require("@100mslive/react-sdk");
+    import_react_sdk132 = require("@100mslive/react-sdk");
     import_react_icons114 = require("@100mslive/react-icons");
     init_components();
     init_Button2();
@@ -38427,13 +38437,13 @@ var init_ConnectivityTest = __esm({
       us: "United States"
     };
     ConnectivityStateMessage = {
-      [import_react_sdk131.ConnectivityState.STARTING]: "Fetching Init",
-      [import_react_sdk131.ConnectivityState.INIT_FETCHED]: "Connecting to signal server",
-      [import_react_sdk131.ConnectivityState.SIGNAL_CONNECTED]: "Establishing ICE connection",
-      [import_react_sdk131.ConnectivityState.ICE_ESTABLISHED]: "Capturing Media",
-      [import_react_sdk131.ConnectivityState.MEDIA_CAPTURED]: "Publishing Media",
-      [import_react_sdk131.ConnectivityState.MEDIA_PUBLISHED]: "Finishing Up",
-      [import_react_sdk131.ConnectivityState.COMPLETED]: "Completed"
+      [import_react_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"
     };
     ConnectivityTestStepResult = ({
       title,
@@ -38624,7 +38634,7 @@ var init_ConnectivityTest = __esm({
         {
           region,
           setRegion,
-          startTest: progress === void 0 || progress === import_react_sdk131.ConnectivityState.COMPLETED ? startTest : void 0
+          startTest: progress === void 0 || progress === import_react_sdk132.ConnectivityState.COMPLETED ? startTest : void 0
         }
       ), /* @__PURE__ */ import_react250.default.createElement(ConnectivityTestReport, { error, result, progress, startTest }));
     };
@@ -38641,13 +38651,13 @@ var init_ConnectivityTest = __esm({
 });
 
 // src/Diagnostics/VideoTest.tsx
-var import_react251, import_react_sdk132, import_react_icons115, VideoTest;
+var import_react251, import_react_sdk133, import_react_icons115, VideoTest;
 var init_VideoTest = __esm({
   "src/Diagnostics/VideoTest.tsx"() {
     "use strict";
     init_define_process_env();
     import_react251 = __toESM(require("react"));
-    import_react_sdk132 = require("@100mslive/react-sdk");
+    import_react_sdk133 = require("@100mslive/react-sdk");
     import_react_icons115 = require("@100mslive/react-icons");
     init_PermissionErrorModal();
     init_components();
@@ -38659,10 +38669,10 @@ var init_VideoTest = __esm({
     init_DiagnosticsContext();
     VideoTest = () => {
       const { hmsDiagnostics, updateStep } = useDiagnostics();
-      const allDevices = (0, import_react_sdk132.useHMSStore)(import_react_sdk132.selectDevices);
+      const allDevices = (0, import_react_sdk133.useHMSStore)(import_react_sdk133.selectDevices);
       const { videoInput } = allDevices;
-      const trackID = (0, import_react_sdk132.useHMSStore)(import_react_sdk132.selectLocalVideoTrackID);
-      const sdkSelectedDevices = (0, import_react_sdk132.useHMSStore)(import_react_sdk132.selectLocalMediaSettings);
+      const trackID = (0, import_react_sdk133.useHMSStore)(import_react_sdk133.selectLocalVideoTrackID);
+      const sdkSelectedDevices = (0, import_react_sdk133.useHMSStore)(import_react_sdk133.selectLocalMediaSettings);
       const [error, setError] = (0, import_react251.useState)();
       (0, import_react251.useEffect)(() => {
         hmsDiagnostics == null ? void 0 : hmsDiagnostics.startCameraCheck().catch((err) => {
@@ -38699,13 +38709,13 @@ var init_VideoTest = __esm({
 });
 
 // src/Diagnostics/Diagnostics.tsx
-var import_react252, import_react_sdk133, import_react_icons116, DiagnosticsStepIcon, Container5, DiagnosticsStepTest, DiagnosticsStepHeader, DiagnosticsStepContainer, DiagnosticsStepsList, DiagnosticsProvider, Diagnostics;
+var import_react252, import_react_sdk134, import_react_icons116, DiagnosticsStepIcon, Container5, DiagnosticsStepTest, DiagnosticsStepHeader, DiagnosticsStepContainer, DiagnosticsStepsList, DiagnosticsProvider, Diagnostics;
 var init_Diagnostics = __esm({
   "src/Diagnostics/Diagnostics.tsx"() {
     "use strict";
     init_define_process_env();
     import_react252 = __toESM(require("react"));
-    import_react_sdk133 = require("@100mslive/react-sdk");
+    import_react_sdk134 = require("@100mslive/react-sdk");
     import_react_icons116 = require("@100mslive/react-icons");
     init_Layout();
     init_Text2();
@@ -38804,7 +38814,7 @@ var init_Diagnostics = __esm({
       }));
     };
     DiagnosticsProvider = () => {
-      const actions = (0, import_react_sdk133.useHMSActions)();
+      const actions = (0, import_react_sdk134.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());
@@ -38826,7 +38836,7 @@ var init_Diagnostics = __esm({
       );
     };
     Diagnostics = () => {
-      return /* @__PURE__ */ import_react252.default.createElement(import_react_sdk133.HMSRoomProvider, null, /* @__PURE__ */ import_react252.default.createElement(HMSThemeProvider, { themeType: "default" }, /* @__PURE__ */ import_react252.default.createElement(DiagnosticsProvider, null)));
+      return /* @__PURE__ */ import_react252.default.createElement(import_react_sdk134.HMSRoomProvider, null, /* @__PURE__ */ import_react252.default.createElement(HMSThemeProvider, { themeType: "default" }, /* @__PURE__ */ import_react252.default.createElement(DiagnosticsProvider, null)));
     };
   }
 });