@100mslive/roomkit-react 0.3.32-alpha.2 → 0.3.32-alpha.3

package/dist/index.js

@@ -107,7 +107,7 @@ var __async = (__this, __arguments, generator) => {
 var define_process_env_default;
 var init_define_process_env = __esm({
   "<define:process.env>"() {
-    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_6a542803-dd80-4bb0-bb9a-80ea0db920cd", 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.22-alpha.2", 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.6 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.32-alpha.2", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_6a542803-dd80-4bb0-bb9a-80ea0db920cd", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.6/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.32-alpha.2", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.12", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "1.3.1-1", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.12.1", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/27.2.12479018", 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-ubuntu24", 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: "833", 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", 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: "20250209.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.12/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", GOROOT_1_23_X64: "/opt/hostedtoolcache/go/1.23.6/x64", JOURNAL_STREAM: "8:6138", 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: "^19.6.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", MEMORY_PRESSURE_WATCH: "/sys/fs/cgroup/system.slice/runner-provisioner.service/memory.pressure", 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.32-alpha.2", 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: "13411488366", 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: "5668288024db548005c19e195db7c52a40edb035", GITHUB_BASE_REF: "", ImageOS: "ubuntu24", npm_package_workspaces_1: "examples/*", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_ignore_scripts: "", NX_TASK_HASH: "9994450db7d7ece63f84f9160a04133482f4df48f8d0f35e7b1b9a1f6f7f0f1b", 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--1739964682129-0.45045752802005734:/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.6/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.6/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.6/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1739964681939-0.27011889869619354:/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.6/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.6/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.6/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1739964655973-0.26769770605914767:/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.6/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.6/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.6/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1739964655797-0.7696420887867996:/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.6/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.6/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.6/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.6/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.6/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_0444cba8-91c5-4e4d-9355-65ed9a70de3a", INVOCATION_ID: "d098e97a2e354b76ab77fdc167ce665d", 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: "736", 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: "^19.6.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 74", 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.2.12479018", 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.32-alpha.2", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", STATS_PIP: "false", npm_lifecycle_event: "build:only", npm_package_version: "0.3.32-alpha.2", 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: "false", 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: "5668288024db548005c19e195db7c52a40edb035", GITHUB_RUN_ATTEMPT: "1", STATS_D_TC: "true", 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", 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_6a542803-dd80-4bb0-bb9a-80ea0db920cd", JAVA_HOME: "/usr/lib/jvm/temurin-17-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", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_6a542803-dd80-4bb0-bb9a-80ea0db920cd", 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.2.12479018", 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", MEMORY_PRESSURE_WRITE: "c29tZSAyMDAwMDAgMjAwMDAwMAA=", STATS_EXTP: "https://provjobdprod.z13.web.core.windows.net/settings/provjobdsettings-latest/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies_knip: "^5.11.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/27.2.12479018", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_6a542803-dd80-4bb0-bb9a-80ea0db920cd" };
+    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_3b7c4f1e-e7f1-4f61-8563-ab56b30dffcd", 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.22-alpha.3", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.20.6 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.32-alpha.3", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_3b7c4f1e-e7f1-4f61-8563-ab56b30dffcd", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.6/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.32-alpha.3", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.12", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "1.3.1-1", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.12.1", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/27.2.12479018", 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-ubuntu24", 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: "838", 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", 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: "20250209.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.12/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", GOROOT_1_23_X64: "/opt/hostedtoolcache/go/1.23.6/x64", JOURNAL_STREAM: "8:8314", 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: "^19.6.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", MEMORY_PRESSURE_WATCH: "/sys/fs/cgroup/system.slice/runner-provisioner.service/memory.pressure", 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.32-alpha.3", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", STATS_D: "false", GITHUB_RUN_ID: "13412077337", 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: "89aeb3eeb0eb4f233dda6ffa898a9460d537cebd", GITHUB_BASE_REF: "", ImageOS: "ubuntu24", npm_package_workspaces_1: "examples/*", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_ignore_scripts: "", NX_TASK_HASH: "fbd803e26da9a4c632921a64afb491c5a005c7c5099f12ea1b87a4a1259ed322", 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--1739966757649-0.4330038680872481:/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.6/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.6/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.6/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1739966757450-0.25506799639478506:/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.6/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.6/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.6/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1739966729694-0.8266996707439145:/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.6/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.6/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.6/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1739966729505-0.2248788594878124:/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.6/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.6/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.6/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.6/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.6/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_749b1182-8895-4466-b8ff-2216f5320b73", INVOCATION_ID: "d8e16b8c97ea4fff860435a9d1ff88b1", 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: "737", 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: "^19.6.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 160", 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.2.12479018", 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.32-alpha.3", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", STATS_PIP: "false", npm_lifecycle_event: "build:only", npm_package_version: "0.3.32-alpha.3", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_resolutions_axios: "^1.7.4", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "false", 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: "89aeb3eeb0eb4f233dda6ffa898a9460d537cebd", GITHUB_RUN_ATTEMPT: "1", STATS_D_TC: "true", 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", 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_3b7c4f1e-e7f1-4f61-8563-ab56b30dffcd", JAVA_HOME: "/usr/lib/jvm/temurin-17-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", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_3b7c4f1e-e7f1-4f61-8563-ab56b30dffcd", 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.2.12479018", 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", MEMORY_PRESSURE_WRITE: "c29tZSAyMDAwMDAgMjAwMDAwMAA=", STATS_EXTP: "https://provjobdprod.z13.web.core.windows.net/settings/provjobdsettings-latest/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies_knip: "^5.11.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/27.2.12479018", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_3b7c4f1e-e7f1-4f61-8563-ab56b30dffcd" };
   }
 });
 
@@ -12928,13 +12928,13 @@ var Collapsible = {
 
 // src/Prebuilt/App.tsx
 init_define_process_env();
-import React204, { useEffect as useEffect89, useRef as useRef36 } from "react";
+import React204, { useEffect as useEffect88, useRef as useRef36 } from "react";
 import { match as match17 } from "ts-pattern";
 import {
   HMSReactiveStore,
   HMSRoomProvider,
   selectIsConnectedToRoom as selectIsConnectedToRoom13,
-  useHMSActions as useHMSActions61,
+  useHMSActions as useHMSActions60,
   useHMSStore as useHMSStore99
 } from "@100mslive/react-sdk";
 
@@ -14654,26 +14654,26 @@ var AuthToken_default = AuthToken;
 
 // src/Prebuilt/components/ConferenceScreen.tsx
 init_define_process_env();
-import React176, { useEffect as useEffect65, useRef as useRef33 } from "react";
+import React176, { useEffect as useEffect64, useRef as useRef33 } from "react";
 import { v4 as uuid3 } from "uuid";
 import {
   HMSRoomState as HMSRoomState9,
   selectIsConnectedToRoom as selectIsConnectedToRoom10,
   selectRoomState as selectRoomState9,
   useAwayNotifications as useAwayNotifications3,
-  useHMSActions as useHMSActions52,
+  useHMSActions as useHMSActions51,
   useHMSStore as useHMSStore87
 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Footer/Footer.tsx
 init_define_process_env();
-import React86, { useEffect as useEffect29 } from "react";
-import { useMedia as useMedia16 } from "react-use";
+import React86, { useEffect as useEffect28 } from "react";
+import { useMedia as useMedia15 } from "react-use";
 import { Chat_ChatState } from "@100mslive/types-prebuilt/elements/chat";
 
 // src/Prebuilt/components/AudioVideoToggle.tsx
 init_define_process_env();
-import React34, { Fragment as Fragment3, useCallback as useCallback9, useEffect as useEffect12, useState as useState10 } from "react";
+import React34, { Fragment as Fragment3, useCallback as useCallback9, useEffect as useEffect11, useState as useState10 } from "react";
 import { HMSKrispPlugin } from "@100mslive/hms-noise-cancellation";
 import {
   DeviceType as DeviceType2,
@@ -14687,7 +14687,7 @@ import {
   selectVideoTrackByID as selectVideoTrackByID2,
   useAVToggle as useAVToggle2,
   useDevices as useDevices2,
-  useHMSActions as useHMSActions8,
+  useHMSActions as useHMSActions7,
   useHMSStore as useHMSStore9,
   useHMSVanillaStore as useHMSVanillaStore4
 } from "@100mslive/react-sdk";
@@ -14926,8 +14926,8 @@ var ActionTile = {
 
 // src/Prebuilt/components/Settings/SettingsModal.jsx
 init_define_process_env();
-import React33, { useCallback as useCallback8, useEffect as useEffect11, useState as useState9 } from "react";
-import { useMedia as useMedia3 } from "react-use";
+import React33, { useCallback as useCallback8, useEffect as useEffect10, useState as useState9 } from "react";
+import { useMedia as useMedia2 } from "react-use";
 import { ChevronLeftIcon, CrossIcon as CrossIcon3, GridFourIcon, NotificationsIcon, SettingsIcon } from "@100mslive/react-icons";
 
 // src/Sheet/index.ts
@@ -15037,15 +15037,13 @@ var Sheet = {
 
 // src/Prebuilt/components/Settings/DeviceSettings.jsx
 init_define_process_env();
-import React31, { Fragment as Fragment2, useEffect as useEffect10, useRef as useRef10, useState as useState8 } from "react";
-import { useMedia as useMedia2 } from "react-use";
+import React31, { Fragment as Fragment2, useRef as useRef10, useState as useState8 } from "react";
 import {
   DeviceType,
   selectIsLocalVideoEnabled as selectIsLocalVideoEnabled2,
   selectLocalVideoTrackID,
   selectVideoTrackByID,
   useDevices,
-  useHMSActions as useHMSActions7,
   useHMSStore as useHMSStore8
 } from "@100mslive/react-sdk";
 import { MicOnIcon, SpeakerIcon, VideoOnIcon } from "@100mslive/react-icons";
@@ -15133,14 +15131,7 @@ var Settings = ({ setHide }) => {
   const shouldShowAudioOutput = "setSinkId" in HTMLMediaElement.prototype;
   const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
   const trackSelector = selectVideoTrackByID(videoTrackId);
-  const hmsActions = useHMSActions7();
   const track = useHMSStore8(trackSelector);
-  const isMobile = useMedia2(config.media.md);
-  useEffect10(() => {
-    if (isMobile) {
-      hmsActions.refreshDevices();
-    }
-  }, [hmsActions, isMobile]);
   const audioOutputFiltered = (_a8 = audioOutput == null ? void 0 : audioOutput.filter((item) => !!item.label)) != null ? _a8 : [];
   if (!(videoInput == null ? void 0 : videoInput.length) && !(audioInput == null ? void 0 : audioInput.length) && !(audioOutputFiltered == null ? void 0 : audioOutputFiltered.length)) {
     setHide(true);
@@ -15373,7 +15364,7 @@ var settingsList = [
 ];
 var SettingsModal = ({ open, onOpenChange, screenType, children = /* @__PURE__ */ React33.createElement(React33.Fragment, null) }) => {
   const mediaQueryLg = config.media.md;
-  const isMobile = useMedia3(mediaQueryLg);
+  const isMobile = useMedia2(mediaQueryLg);
   const [showSetting, setShowSetting] = useState9(
     () => settingsList.reduce((obj, { tabName }) => __spreadProps(__spreadValues({}, obj), { [tabName]: true }), {})
   );
@@ -15381,7 +15372,7 @@ var SettingsModal = ({ open, onOpenChange, screenType, children = /* @__PURE__ *
     (key) => (hide) => setShowSetting((prev) => __spreadProps(__spreadValues({}, prev), { [key]: !hide })),
     [setShowSetting]
   );
-  useEffect11(() => {
+  useEffect10(() => {
     if (screenType === "hls_live_streaming") {
       hideSettingByTabName("layout")(true);
     }
@@ -15393,7 +15384,7 @@ var SettingsModal = ({ open, onOpenChange, screenType, children = /* @__PURE__ *
   const resetSelection = useCallback8(() => {
     setSelection("");
   }, []);
-  useEffect11(() => {
+  useEffect10(() => {
     var _a8;
     if (isMobile) {
       setSelection("");
@@ -15620,7 +15611,7 @@ var OptionLabel = ({ children, icon }) => {
 };
 var useNoiseCancellationWithPlugin = () => {
   var _a8;
-  const actions = useHMSActions8();
+  const actions = useHMSActions7();
   const [inProgress, setInProgress] = useState10(false);
   const [, setNoiseCancellationEnabled] = useSetNoiseCancellation();
   const isEnabledForRoom = (_a8 = useHMSStore9(selectRoom)) == null ? void 0 : _a8.isNoiseCancellationEnabled;
@@ -15779,7 +15770,7 @@ var AudioVideoToggle = ({ hideOptions = false }) => {
   const { videoInput, audioInput, audioOutput } = allDevices;
   const localPeer = useHMSStore9(selectLocalPeer);
   const { isLocalVideoEnabled, isLocalAudioEnabled, toggleAudio, toggleVideo } = useAVToggle2();
-  const actions = useHMSActions8();
+  const actions = useHMSActions7();
   const vanillaStore = useHMSVanillaStore4();
   const videoTrackId = useHMSStore9(selectLocalVideoTrackID2);
   const localVideoTrack = useHMSStore9(selectVideoTrackByID2(videoTrackId));
@@ -15793,7 +15784,7 @@ var AudioVideoToggle = ({ hideOptions = false }) => {
   const isNoiseCancellationEnabled = useIsNoiseCancellationEnabled();
   const { setNoiseCancellationWithPlugin, inProgress } = useNoiseCancellationWithPlugin();
   const showMuteIcon = !isLocalAudioEnabled || !toggleAudio;
-  useEffect12(() => {
+  useEffect11(() => {
     (() => __async(void 0, null, function* () {
       var _a8;
       const isEnabledForRoom = (_a8 = vanillaStore.getState(selectRoom)) == null ? void 0 : _a8.isNoiseCancellationEnabled;
@@ -15906,7 +15897,7 @@ var CaptionIcon = () => {
 // src/Prebuilt/components/EmojiReaction.jsx
 init_define_process_env();
 import React37, { useState as useState12 } from "react";
-import { useMedia as useMedia5 } from "react-use";
+import { useMedia as useMedia4 } from "react-use";
 import data from "@emoji-mart/data/sets/14/apple.json";
 import { init } from "emoji-mart";
 import {
@@ -15943,10 +15934,10 @@ var EmojiContainer = styled("span", {
 
 // src/Prebuilt/components/hooks/useDropdownList.ts
 init_define_process_env();
-import { useEffect as useEffect13 } from "react";
+import { useEffect as useEffect12 } from "react";
 var useDropdownList = ({ name, open }) => {
   const [dropdownList = [], setDropdownList] = useSetAppDataByKey(APP_DATA.dropdownList);
-  useEffect13(() => {
+  useEffect12(() => {
     if (open) {
       if (!dropdownList.includes(name)) {
         setDropdownList([...dropdownList, name]);
@@ -15964,8 +15955,8 @@ var useDropdownList = ({ name, open }) => {
 
 // src/Prebuilt/common/hooks.ts
 init_define_process_env();
-import { useCallback as useCallback10, useEffect as useEffect14, useMemo as useMemo5, useRef as useRef11, useState as useState11 } from "react";
-import { useMedia as useMedia4 } from "react-use";
+import { useCallback as useCallback10, useEffect as useEffect13, useMemo as useMemo5, useRef as useRef11, useState as useState11 } from "react";
+import { useMedia as useMedia3 } from "react-use";
 import { JoinForm_JoinBtnType as JoinForm_JoinBtnType2 } from "@100mslive/types-prebuilt/elements/join_form";
 import {
   parsedUserAgent as parsedUserAgent3,
@@ -15980,7 +15971,7 @@ import {
   selectRecordingState,
   selectRemotePeers,
   selectRolesMap,
-  useHMSActions as useHMSActions9,
+  useHMSActions as useHMSActions8,
   useHMSStore as useHMSStore11,
   useHMSVanillaStore as useHMSVanillaStore5
 } from "@100mslive/react-sdk";
@@ -16031,7 +16022,7 @@ var useParticipants = (params) => {
 };
 var useIsLandscape = () => {
   const isMobile = parsedUserAgent3.getDevice().type === "mobile";
-  const isLandscape = useMedia4(config.media.ls);
+  const isLandscape = useMedia3(config.media.ls);
   return isMobile && isLandscape;
 };
 var useLandscapeHLSStream = () => {
@@ -16040,7 +16031,7 @@ var useLandscapeHLSStream = () => {
   return isLandscape && screenType === "hls_live_streaming";
 };
 var useMobileHLSStream = () => {
-  const isMobile = useMedia4(config.media.md);
+  const isMobile = useMedia3(config.media.md);
   const { screenType } = useRoomLayoutConferencingScreen();
   return isMobile && screenType === "hls_live_streaming";
 };
@@ -16068,11 +16059,11 @@ var useKeyboardHandler = (isPaused, hlsPlayer2) => {
   return handleKeyEvent;
 };
 var useRecordingHandler = () => {
-  const hmsActions = useHMSActions9();
+  const hmsActions = useHMSActions8();
   const recordingState = useHMSStore11(selectRecordingState);
   const [isRecordingLoading, setIsRecordingLoading] = useState11(false);
   const [recordingStarted, setRecordingState] = useSetAppDataByKey(APP_DATA.recordingStarted);
-  useEffect14(() => {
+  useEffect13(() => {
     if (recordingState.browser.error && recordingStarted) {
       setRecordingState(false);
     }
@@ -16157,8 +16148,8 @@ var EmojiReaction = ({ showCard = false }) => {
   useDropdownList({ open, name: "EmojiReaction" });
   const roles = useHMSStore12(selectAvailableRoleNames2);
   const localPeerId = useHMSStore12(selectLocalPeerID);
-  const isMobile = useMedia5(config.media.md);
-  const isLandscape = useMedia5(config.media.ls);
+  const isMobile = useMedia4(config.media.md);
+  const isLandscape = useMedia4(config.media.ls);
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeStream = useLandscapeHLSStream();
   const { sendEvent } = useCustomEvent({
@@ -16200,14 +16191,14 @@ var EmojiReaction = ({ showCard = false }) => {
 // src/Prebuilt/components/Leave/LeaveRoom.tsx
 init_define_process_env();
 import React43 from "react";
-import { useMedia as useMedia6 } from "react-use";
+import { useMedia as useMedia5 } from "react-use";
 import {
   selectHLSState as selectHLSState3,
   selectIsConnectedToRoom as selectIsConnectedToRoom5,
   selectPeersByCondition,
   selectPermissions as selectPermissions4,
   selectRolesMap as selectRolesMap2,
-  useHMSActions as useHMSActions10,
+  useHMSActions as useHMSActions9,
   useHMSStore as useHMSStore15
 } from "@100mslive/react-sdk";
 
@@ -16555,7 +16546,7 @@ var LeaveRoom = ({
 }) => {
   const isConnected = useHMSStore15(selectIsConnectedToRoom5);
   const permissions = useHMSStore15(selectPermissions4);
-  const isMobile = useMedia6(config.media.md);
+  const isMobile = useMedia5(config.media.md);
   const rolesMap = useHMSStore15(selectRolesMap2);
   const streamingPermissionRoles = Object.keys(rolesMap).filter((roleName) => {
     const roleObj = rolesMap[roleName];
@@ -16565,7 +16556,7 @@ var LeaveRoom = ({
     selectPeersByCondition((peer) => streamingPermissionRoles.includes(peer.roleName || ""))
   );
   const hlsState = useHMSStore15(selectHLSState3);
-  const hmsActions = useHMSActions10();
+  const hmsActions = useHMSActions9();
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeHLSStream = useLandscapeHLSStream();
   const stopStream = () => __async(void 0, null, function* () {
@@ -16601,7 +16592,7 @@ var LeaveRoom = ({
 // src/Prebuilt/components/MoreSettings/MoreSettings.tsx
 init_define_process_env();
 import React68 from "react";
-import { useMedia as useMedia14 } from "react-use";
+import { useMedia as useMedia13 } from "react-use";
 
 // src/Prebuilt/components/MoreSettings/SplitComponents/DesktopOptions.tsx
 init_define_process_env();
@@ -16614,7 +16605,7 @@ import {
   selectIsTranscriptionAllowedByMode,
   selectIsTranscriptionEnabled as selectIsTranscriptionEnabled3,
   selectLocalPeerID as selectLocalPeerID6,
-  useHMSActions as useHMSActions24,
+  useHMSActions as useHMSActions23,
   useHMSStore as useHMSStore28
 } from "@100mslive/react-sdk";
 import {
@@ -16633,8 +16624,8 @@ import React45 from "react";
 
 // src/Prebuilt/components/PIP/PIPComponent.tsx
 init_define_process_env();
-import React44, { useCallback as useCallback11, useEffect as useEffect15, useState as useState15 } from "react";
-import { selectPeers as selectPeers2, selectTracksMap, useHMSActions as useHMSActions11, useHMSVanillaStore as useHMSVanillaStore6 } from "@100mslive/react-sdk";
+import React44, { useCallback as useCallback11, useEffect as useEffect14, useState as useState15 } from "react";
+import { selectPeers as selectPeers2, selectTracksMap, useHMSActions as useHMSActions10, useHMSVanillaStore as useHMSVanillaStore6 } from "@100mslive/react-sdk";
 import { PipIcon } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/PIP/SetupMediaSession.js
@@ -16695,7 +16686,7 @@ var MediaSession = new SetupMediaSession();
 // src/Prebuilt/components/PIP/PIPComponent.tsx
 var PIPComponent = ({ content = null }) => {
   const [isPipOn, setIsPipOn] = useState15(PictureInPicture.isOn());
-  const hmsActions = useHMSActions11();
+  const hmsActions = useHMSActions10();
   const store = useHMSVanillaStore6();
   const onPipToggle = useCallback11(() => {
     if (!isPipOn) {
@@ -16713,7 +16704,7 @@ var PIPComponent = ({ content = null }) => {
 var ActivatedPIP = () => {
   const store = useHMSVanillaStore6();
   const pinnedTrack = usePinnedTrack();
-  useEffect15(() => {
+  useEffect14(() => {
     function subscribeToStore() {
       return store.subscribe((tracksMap) => {
         let pipPeers = store.getState(selectPeers2);
@@ -16752,7 +16743,7 @@ var PIP = ({ content = null }) => {
 
 // src/Prebuilt/components/PIP/PIPChat.tsx
 init_define_process_env();
-import React50, { useCallback as useCallback16, useEffect as useEffect18, useMemo as useMemo7, useState as useState19 } from "react";
+import React50, { useCallback as useCallback16, useEffect as useEffect17, useMemo as useMemo7, useState as useState19 } from "react";
 import {
   selectHMSMessages as selectHMSMessages2,
   selectLocalPeerID as selectLocalPeerID3,
@@ -16799,8 +16790,8 @@ var TextArea = styled("textarea", {
 
 // src/Prebuilt/components/Chat/ChatBody.tsx
 init_define_process_env();
-import React49, { Fragment as Fragment6, useCallback as useCallback15, useEffect as useEffect17, useLayoutEffect, useMemo as useMemo6, useRef as useRef12, useState as useState18 } from "react";
-import { useMedia as useMedia8 } from "react-use";
+import React49, { Fragment as Fragment6, useCallback as useCallback15, useEffect as useEffect16, useLayoutEffect, useMemo as useMemo6, useRef as useRef12, useState as useState18 } from "react";
+import { useMedia as useMedia7 } from "react-use";
 import AutoSizer from "react-virtualized-auto-sizer";
 import { VariableSizeList } from "react-window";
 import {
@@ -16811,7 +16802,7 @@ import {
   selectPeerNameByID as selectPeerNameByID2,
   selectSessionStore as selectSessionStore5,
   selectUnreadHMSMessagesCount,
-  useHMSActions as useHMSActions15,
+  useHMSActions as useHMSActions14,
   useHMSStore as useHMSStore19,
   useHMSVanillaStore as useHMSVanillaStore8
 } from "@100mslive/react-sdk";
@@ -16820,7 +16811,7 @@ import { SolidPinIcon } from "@100mslive/react-icons";
 // src/Prebuilt/components/Chat/ChatActions.tsx
 init_define_process_env();
 import React47, { useCallback as useCallback14, useState as useState16 } from "react";
-import { selectLocalPeerName, selectPermissions as selectPermissions5, useHMSActions as useHMSActions14, useHMSStore as useHMSStore17 } from "@100mslive/react-sdk";
+import { selectLocalPeerName, selectPermissions as selectPermissions5, useHMSActions as useHMSActions13, useHMSStore as useHMSStore17 } from "@100mslive/react-sdk";
 import {
   CopyIcon as CopyIcon2,
   CrossCircleIcon,
@@ -16848,9 +16839,9 @@ var MwebChatOption = ({
 // src/Prebuilt/components/hooks/useChatBlacklist.ts
 init_define_process_env();
 import { useCallback as useCallback12 } from "react";
-import { selectLocalPeer as selectLocalPeer2, selectSessionStore as selectSessionStore2, useHMSActions as useHMSActions12, useHMSStore as useHMSStore16 } from "@100mslive/react-sdk";
+import { selectLocalPeer as selectLocalPeer2, selectSessionStore as selectSessionStore2, useHMSActions as useHMSActions11, useHMSStore as useHMSStore16 } from "@100mslive/react-sdk";
 var useChatBlacklist = (sessionStoreKey) => {
-  const hmsActions = useHMSActions12();
+  const hmsActions = useHMSActions11();
   const blacklistedIDs = useHMSStore16(selectSessionStore2(sessionStoreKey));
   const blacklistItem = useCallback12(
     (blacklistID) => __async(void 0, null, function* () {
@@ -16872,11 +16863,11 @@ import { useCallback as useCallback13 } from "react";
 import {
   selectPeerNameByID,
   selectSessionStore as selectSessionStore3,
-  useHMSActions as useHMSActions13,
+  useHMSActions as useHMSActions12,
   useHMSVanillaStore as useHMSVanillaStore7
 } from "@100mslive/react-sdk";
 var usePinnedMessages = () => {
-  const hmsActions = useHMSActions13();
+  const hmsActions = useHMSActions12();
   const vanillaStore = useHMSVanillaStore7();
   const setPinnedMessages = useCallback13(
     (message, pinnedBy) => __async(void 0, null, function* () {
@@ -16944,7 +16935,7 @@ var ChatActions = ({
   const { can_hide_message = false, can_block_user = false } = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.real_time_controls) || {};
   const { roles_whitelist = [] } = (elements == null ? void 0 : elements.chat) || {};
   const [open, setOpen] = useState16(false);
-  const actions = useHMSActions14();
+  const actions = useHMSActions13();
   const canRemoveOthers = (_b7 = useHMSStore17(selectPermissions5)) == null ? void 0 : _b7.removeOthers;
   const { blacklistItem: blacklistPeer } = useChatBlacklist("chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */);
   const localPeerName = useHMSStore17(selectLocalPeerName);
@@ -17127,13 +17118,13 @@ var ChatActions = ({
 // src/Prebuilt/components/Chat/EmptyChat.tsx
 init_define_process_env();
 import React48 from "react";
-import { useMedia as useMedia7 } from "react-use";
+import { useMedia as useMedia6 } from "react-use";
 import emptyChat from "./empty-chat.svg";
 var EmptyChat = () => {
   var _a8;
   const { elements } = useRoomLayoutConferencingScreen();
   const isLocalPeerBlacklisted = useIsPeerBlacklisted({ local: true });
-  const isMobile = useMedia7(config.media.md);
+  const isMobile = useMedia6(config.media.md);
   const canSendMessages = elements.chat && (elements.chat.public_chat_enabled || elements.chat.private_chat_enabled || elements.chat.roles_whitelist && elements.chat.roles_whitelist.length) && !isLocalPeerBlacklisted;
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeStream = useLandscapeHLSStream();
@@ -17165,12 +17156,12 @@ var EmptyChat = () => {
 
 // src/Prebuilt/components/hooks/usePinnedBy.tsx
 init_define_process_env();
-import { useEffect as useEffect16, useState as useState17 } from "react";
+import { useEffect as useEffect15, useState as useState17 } from "react";
 import { selectSessionStore as selectSessionStore4, useHMSStore as useHMSStore18 } from "@100mslive/react-sdk";
 var usePinnedBy = (messageId) => {
   const pinnedMessages = useHMSStore18(selectSessionStore4("pinnedMessages" /* PINNED_MESSAGES */));
   const [pinnedBy, setPinnedBy] = useState17("");
-  useEffect16(() => {
+  useEffect15(() => {
     let match18 = "";
     pinnedMessages == null ? void 0 : pinnedMessages.forEach((pinnedMessage) => {
       if (pinnedMessage.id === messageId) {
@@ -17308,7 +17299,7 @@ var ChatMessage = React49.memo(
     var _a8, _b7, _c;
     const { elements } = useRoomLayoutConferencingScreen();
     const rowRef = useRef12(null);
-    const isMobile = useMedia8(config.media.md);
+    const isMobile = useMedia7(config.media.md);
     const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.private_chat_enabled);
     const isOverlay = ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay) && isMobile;
     const localPeerId = useHMSStore19(selectLocalPeerID2);
@@ -17488,11 +17479,11 @@ var MessageWrapper = React49.memo(
   }
 );
 var VirtualizedChatMessages = React49.forwardRef(({ messages, scrollToBottom }, listRef) => {
-  const hmsActions = useHMSActions15();
+  const hmsActions = useHMSActions14();
   const itemKey2 = useCallback15((index, data3) => {
     return data3[index].id;
   }, []);
-  useEffect17(() => {
+  useEffect16(() => {
     requestAnimationFrame(() => scrollToBottom(1));
   }, [scrollToBottom]);
   return /* @__PURE__ */ React49.createElement(
@@ -17551,7 +17542,7 @@ var ChatBody = React49.forwardRef(
     }, [blacklistedMessageIDs, messages]);
     const vanillaStore = useHMSVanillaStore8();
     const rerenderOnFirstMount = useRef12(false);
-    useEffect17(() => {
+    useEffect16(() => {
       const unsubscribe = vanillaStore.subscribe(() => {
         if (!listRef.current) {
           return;
@@ -17563,7 +17554,7 @@ var ChatBody = React49.forwardRef(
       }, selectUnreadHMSMessagesCount);
       return unsubscribe;
     }, [vanillaStore, listRef, scrollToBottom]);
-    useEffect17(() => {
+    useEffect16(() => {
       if (filteredMessages.length > 0 && (listRef == null ? void 0 : listRef.current) && !rerenderOnFirstMount.current) {
         rerenderOnFirstMount.current = true;
         listRef.current.resetAfterIndex(0);
@@ -17609,7 +17600,7 @@ var PIPChat = () => {
     },
     [localPeerID]
   );
-  useEffect18(() => {
+  useEffect17(() => {
     const timeoutId = setTimeout(() => {
       setUnreadMessageCount(count);
     }, 100);
@@ -17832,8 +17823,8 @@ var PIPWindow = ({ pipWindow, children }) => {
 // src/Prebuilt/components/RoleChangeModal.tsx
 init_define_process_env();
 import React52, { useRef as useRef13, useState as useState20 } from "react";
-import { useMedia as useMedia9 } from "react-use";
-import { selectAvailableRoleNames as selectAvailableRoleNames3, selectPeerByID, useHMSActions as useHMSActions16, useHMSStore as useHMSStore21 } from "@100mslive/react-sdk";
+import { useMedia as useMedia8 } from "react-use";
+import { selectAvailableRoleNames as selectAvailableRoleNames3, selectPeerByID, useHMSActions as useHMSActions15, useHMSStore as useHMSStore21 } from "@100mslive/react-sdk";
 import { ChevronDownIcon as ChevronDownIcon3, ChevronUpIcon as ChevronUpIcon3, CrossIcon as CrossIcon8 } from "@100mslive/react-icons";
 var HighlightTerm = ({ value }) => {
   return value ? /* @__PURE__ */ React52.createElement(Tooltip, { side: "top", title: value }, /* @__PURE__ */ React52.createElement(
@@ -17861,7 +17852,7 @@ var RoleChangeContent = ({
     (role) => role !== (peer == null ? void 0 : peer.roleName) && role !== "__internal_recorder"
   );
   const [selectedRole, setRole] = useState20(((_a8 = roles.filter((role) => role !== (peer == null ? void 0 : peer.roleName))) == null ? void 0 : _a8[0]) || (peer == null ? void 0 : peer.roleName));
-  const hmsActions = useHMSActions16();
+  const hmsActions = useHMSActions15();
   const [open, setOpen] = useState20(false);
   const triggerRef = useRef13();
   return /* @__PURE__ */ React52.createElement(React52.Fragment, null, /* @__PURE__ */ React52.createElement(Flex, { align: "center", justify: "between", css: { w: "100%" } }, /* @__PURE__ */ React52.createElement(Text, { as: "h6", variant: "h6" }, "Switch Role"), isMobile && /* @__PURE__ */ React52.createElement(CrossIcon8, { onClick: () => onOpenChange(false) })), /* @__PURE__ */ React52.createElement(Box, null, /* @__PURE__ */ React52.createElement(
@@ -17958,7 +17949,7 @@ var RoleChangeModal = ({
   onOpenChange
 }) => {
   const peer = useHMSStore21(selectPeerByID(peerId));
-  const isMobile = useMedia9(config.media.md);
+  const isMobile = useMedia8(config.media.md);
   if (!peer) {
     return null;
   }
@@ -17971,7 +17962,7 @@ var RoleChangeModal = ({
 // src/Prebuilt/components/Settings/StartRecording.jsx
 init_define_process_env();
 import React55, { useState as useState22 } from "react";
-import { selectPermissions as selectPermissions6, useHMSActions as useHMSActions17, useHMSStore as useHMSStore22, useRecordingStreaming as useRecordingStreaming5 } from "@100mslive/react-sdk";
+import { selectPermissions as selectPermissions6, useHMSActions as useHMSActions16, useHMSStore as useHMSStore22, useRecordingStreaming as useRecordingStreaming5 } from "@100mslive/react-sdk";
 import { AlertTriangleIcon as AlertTriangleIcon3 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Streaming/ResolutionInput.jsx
@@ -18203,7 +18194,7 @@ var StartRecording = ({ open, onOpenChange }) => {
   const [resolution, setResolution] = useState22(RTMP_RECORD_DEFAULT_RESOLUTION);
   const { startRecording, recordingStarted } = useRecordingHandler();
   const { isBrowserRecordingOn, isStreamingOn, isHLSRunning } = useRecordingStreaming5();
-  const hmsActions = useHMSActions17();
+  const hmsActions = useHMSActions16();
   if (!(permissions == null ? void 0 : permissions.browserRecording) || isHLSRunning) {
     return null;
   }
@@ -18269,35 +18260,35 @@ var StartRecording_default = StartRecording;
 
 // src/Prebuilt/components/StatsForNerds.jsx
 init_define_process_env();
-import React56, { useEffect as useEffect19, useMemo as useMemo8, useRef as useRef15, useState as useState23 } from "react";
-import { useMedia as useMedia10 } from "react-use";
+import React56, { useEffect as useEffect18, useMemo as useMemo8, useRef as useRef15, useState as useState23 } from "react";
+import { useMedia as useMedia9 } from "react-use";
 import { match as match4, P as P3 } from "ts-pattern";
 import {
   selectHMSStats as selectHMSStats3,
   selectLocalPeerID as selectLocalPeerID4,
   selectPeersMap,
   selectTracksMap as selectTracksMap2,
-  useHMSActions as useHMSActions18,
+  useHMSActions as useHMSActions17,
   useHMSStatsStore as useHMSStatsStore3,
   useHMSStore as useHMSStore23
 } from "@100mslive/react-sdk";
 var StatsForNerds = ({ open, onOpenChange }) => {
   var _a8, _b7;
   const mediaQueryLg = config.media.md;
-  const isMobile = useMedia10(mediaQueryLg);
+  const isMobile = useMedia9(mediaQueryLg);
   const tracksWithLabels = useTracksWithLabel();
   const statsOptions = useMemo8(
     () => [{ id: "local-peer", label: "Local Peer Stats" }, ...tracksWithLabels],
     [tracksWithLabels]
   );
-  const hmsActions = useHMSActions18();
+  const hmsActions = useHMSActions17();
   const details = hmsActions.getDebugInfo();
   const [selectedStat, setSelectedStat] = useState23(statsOptions[0]);
   const [showStatsOnTiles, setShowStatsOnTiles] = useSetUiSettings(UI_SETTINGS.showStatsOnTiles);
   const [openDropdown, setOpenDropdown] = useState23(false);
   const ref = useRef15();
   const selectionBg = useDropdownSelection();
-  useEffect19(() => {
+  useEffect18(() => {
     if (selectedStat.id !== "local-peer" && !tracksWithLabels.find((track) => track.id === selectedStat.id)) {
       setSelectedStat("local-peer");
     }
@@ -18521,12 +18512,12 @@ var StatsRow2 = React56.memo(({ label, value, css: css2 }) => /* @__PURE__ */ Re
 // src/Prebuilt/components/MoreSettings/BulkRoleChangeModal.jsx
 init_define_process_env();
 import React57, { useCallback as useCallback18, useRef as useRef16, useState as useState24 } from "react";
-import { useHMSActions as useHMSActions19 } from "@100mslive/react-sdk";
+import { useHMSActions as useHMSActions18 } from "@100mslive/react-sdk";
 import { AlertTriangleIcon as AlertTriangleIcon4, ChangeRoleIcon, CheckIcon as CheckIcon3 } from "@100mslive/react-icons";
 var BulkRoleChangeModal = ({ onOpenChange }) => {
   var _a8, _b7;
   const roles = useFilteredRoles();
-  const hmsActions = useHMSActions19();
+  const hmsActions = useHMSActions18();
   const ref = useRef16(null);
   const roleRef = useRef16(null);
   const [selectedBulkRole, setBulkRole] = useState24([]);
@@ -18629,16 +18620,16 @@ var BulkRoleChangeModal = ({ onOpenChange }) => {
 // src/Prebuilt/components/MoreSettings/CaptionModal.tsx
 init_define_process_env();
 import React59 from "react";
-import { useMedia as useMedia11 } from "react-use";
+import { useMedia as useMedia10 } from "react-use";
 
 // src/Prebuilt/components/MoreSettings/CaptionContent.tsx
 init_define_process_env();
 import React58 from "react";
-import { HMSTranscriptionMode, selectIsTranscriptionEnabled as selectIsTranscriptionEnabled2, useHMSActions as useHMSActions20, useHMSStore as useHMSStore24 } from "@100mslive/react-sdk";
+import { HMSTranscriptionMode, selectIsTranscriptionEnabled as selectIsTranscriptionEnabled2, useHMSActions as useHMSActions19, useHMSStore as useHMSStore24 } from "@100mslive/react-sdk";
 import { AlertTriangleIcon as AlertTriangleIcon5, CrossIcon as CrossIcon10 } from "@100mslive/react-icons";
 var CaptionContent = ({ isMobile, onExit }) => {
   const DURATION = 2e3;
-  const actions = useHMSActions20();
+  const actions = useHMSActions19();
   const isTranscriptionEnabled = useHMSStore24(selectIsTranscriptionEnabled2);
   const [toastId, setToastId] = useSetAppDataByKey(CAPTION_TOAST.captionToast);
   const [isCaptionEnabled, setIsCaptionEnabled] = useSetIsCaptionEnabled();
@@ -18755,7 +18746,7 @@ var CaptionContent = ({ isMobile, onExit }) => {
 
 // src/Prebuilt/components/MoreSettings/CaptionModal.tsx
 var CaptionModal = ({ onOpenChange }) => {
-  const isMobile = useMedia11(config.media.md);
+  const isMobile = useMedia10(config.media.md);
   const props = {
     isMobile,
     onExit: () => {
@@ -18775,7 +18766,7 @@ import { ExpandIcon } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/hooks/useFullscreen.ts
 init_define_process_env();
-import { useCallback as useCallback19, useEffect as useEffect20, useState as useState25 } from "react";
+import { useCallback as useCallback19, useEffect as useEffect19, useState as useState25 } from "react";
 import screenfull from "screenfull";
 var useFullscreen = () => {
   const [isFullScreenEnabled, setIsFullScreenEnabled] = useState25(screenfull.isFullscreen);
@@ -18795,7 +18786,7 @@ var useFullscreen = () => {
       ToastManager.addToast({ title: err.message });
     }
   }), [isFullScreenEnabled]);
-  useEffect20(() => {
+  useEffect19(() => {
     const onChange = () => {
       setIsFullScreenEnabled(screenfull.isFullscreen);
     };
@@ -18839,7 +18830,7 @@ init_define_process_env();
 import React62, { useCallback as useCallback20, useState as useState26 } from "react";
 import {
   selectAvailableRoleNames as selectAvailableRoleNames4,
-  useHMSActions as useHMSActions21,
+  useHMSActions as useHMSActions20,
   useHMSStore as useHMSStore26
 } from "@100mslive/react-sdk";
 import { MicOffIcon as MicOffIcon2 } from "@100mslive/react-icons";
@@ -18890,7 +18881,7 @@ var MuteAllModal = ({
   isMobile = false
 }) => {
   const roles = useHMSStore26(selectAvailableRoleNames4);
-  const hmsActions = useHMSActions21();
+  const hmsActions = useHMSActions20();
   const [enabled, setEnabled] = useState26(false);
   const [trackType, setTrackType] = useState26();
   const [selectedRole, setRole] = useState26();
@@ -18930,12 +18921,12 @@ import {
   selectHasPeerHandRaised,
   selectLocalPeerID as selectLocalPeerID5,
   selectPeerMetadata as selectPeerMetadata2,
-  useHMSActions as useHMSActions22,
+  useHMSActions as useHMSActions21,
   useHMSStore as useHMSStore27,
   useHMSVanillaStore as useHMSVanillaStore9
 } from "@100mslive/react-sdk";
 var useMyMetadata = () => {
-  const hmsActions = useHMSActions22();
+  const hmsActions = useHMSActions21();
   const localPeerId = useHMSStore27(selectLocalPeerID5);
   const vanillaStore = useHMSVanillaStore9();
   const metaData = useHMSStore27(selectPeerMetadata2(localPeerId));
@@ -18978,8 +18969,8 @@ var useMyMetadata = () => {
 
 // src/Prebuilt/components/PIP/usePIPChat.tsx
 init_define_process_env();
-import { useEffect as useEffect21 } from "react";
-import { useHMSActions as useHMSActions23 } from "@100mslive/react-sdk";
+import { useEffect as useEffect20 } from "react";
+import { useHMSActions as useHMSActions22 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/PIP/usePIPWindow.tsx
 init_define_process_env();
@@ -19001,9 +18992,9 @@ var usePIPWindow = () => {
 
 // src/Prebuilt/components/PIP/usePIPChat.tsx
 var usePIPChat = () => {
-  const hmsActions = useHMSActions23();
+  const hmsActions = useHMSActions22();
   const { isSupported, requestPipWindow, pipWindow, closePipWindow } = usePIPWindow();
-  useEffect21(() => {
+  useEffect20(() => {
     if (document && pipWindow) {
       const style = document.createElement("style");
       style.id = "stitches";
@@ -19011,7 +19002,7 @@ var usePIPChat = () => {
       pipWindow.document.head.appendChild(style);
     }
   }, [pipWindow]);
-  useEffect21(() => {
+  useEffect20(() => {
     if (pipWindow) {
       const chatContainer = pipWindow.document.getElementById("chat-container");
       const selector = pipWindow.document.getElementById("selector");
@@ -19084,7 +19075,7 @@ var usePIPChat = () => {
       }
     }
   }, [pipWindow, hmsActions]);
-  useEffect21(() => {
+  useEffect20(() => {
     return () => {
       pipWindow && closePipWindow();
     };
@@ -19110,7 +19101,7 @@ var DesktopOptions = ({
   screenType
 }) => {
   const localPeerId = useHMSStore28(selectLocalPeerID6);
-  const hmsActions = useHMSActions24();
+  const hmsActions = useHMSActions23();
   const enablHlsStats = useHMSStore28(selectAppData3(APP_DATA.hlsStats));
   const [openModals, setOpenModals] = useState27(/* @__PURE__ */ new Set());
   const { isBRBOn, toggleBRB } = useMyMetadata();
@@ -19249,7 +19240,7 @@ import {
   selectIsTranscriptionEnabled as selectIsTranscriptionEnabled4,
   selectPeerCount as selectPeerCount3,
   selectPermissions as selectPermissions9,
-  useHMSActions as useHMSActions28,
+  useHMSActions as useHMSActions27,
   useHMSStore as useHMSStore33,
   useRecordingStreaming as useRecordingStreaming7
 } from "@100mslive/react-sdk";
@@ -19273,8 +19264,8 @@ import {
 
 // src/Prebuilt/components/Header/StreamActions.tsx
 init_define_process_env();
-import React64, { useCallback as useCallback22, useEffect as useEffect22, useRef as useRef17, useState as useState28 } from "react";
-import { useMedia as useMedia12 } from "react-use";
+import React64, { useCallback as useCallback22, useEffect as useEffect21, useRef as useRef17, useState as useState28 } from "react";
+import { useMedia as useMedia11 } from "react-use";
 
 // ../hms-video-store/dist/index.js
 init_define_process_env();
@@ -21511,7 +21502,7 @@ var c = (a2, e, t) => new Promise((i, r) => {
   n((t = t.apply(a2, e)).next());
 });
 var Rr = So((Qc, Po) => {
-  Po.exports = { version: "0.12.32-alpha.2", 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"] };
+  Po.exports = { version: "0.12.32-alpha.3", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "src"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, sideEffects: false, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", "lodash.isequal": "^4.5.0", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/lodash.isequal": "^4.5.8", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
 });
 var Pr = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(Pr || {});
 var go = ((e) => (e.CHAT = "chat", e))(go || {});
@@ -22672,7 +22663,7 @@ import {
   selectPermissions as selectPermissions8,
   selectRecordingState as selectRecordingState2,
   selectRoomState as selectRoomState4,
-  useHMSActions as useHMSActions25,
+  useHMSActions as useHMSActions24,
   useHMSStore as useHMSStore29,
   useRecordingStreaming as useRecordingStreaming6
 } from "@100mslive/react-sdk";
@@ -22701,7 +22692,7 @@ var LiveStatus = () => {
   var _a8;
   const { isHLSRunning, isRTMPRunning } = useRecordingStreaming6();
   const hlsState = useHMSStore29(selectHLSState4);
-  const isMobile = useMedia12(config.media.md);
+  const isMobile = useMedia11(config.media.md);
   const intervalRef = useRef17(null);
   const { screenType } = useRoomLayoutConferencingScreen();
   const [liveTime, setLiveTime] = useState28(0);
@@ -22714,7 +22705,7 @@ var LiveStatus = () => {
       }
     }, 1e3);
   }, [hlsState == null ? void 0 : hlsState.running, hlsState == null ? void 0 : hlsState.variants, screenType]);
-  useEffect22(() => {
+  useEffect21(() => {
     if (hlsState == null ? void 0 : hlsState.running) {
       startTimer();
     }
@@ -22748,7 +22739,7 @@ var LiveStatus = () => {
 var RecordingStatus = () => {
   const { isBrowserRecordingOn, isServerRecordingOn, isHLSRecordingOn, isRecordingOn } = useRecordingStreaming6();
   const permissions = useHMSStore29(selectPermissions8);
-  const isMobile = useMedia12(config.media.md);
+  const isMobile = useMedia11(config.media.md);
   if (!isRecordingOn || // if only browser recording is enabled, stop recording is shown
   // so no need to show this as it duplicates
   [permissions == null ? void 0 : permissions.browserRecording, !isServerRecordingOn, !isHLSRecordingOn, isBrowserRecordingOn].every(
@@ -22811,7 +22802,7 @@ var StartRecording2 = () => {
   const [open, setOpen] = useState28(false);
   const { startRecording, recordingStarted } = useRecordingHandler();
   const { isBrowserRecordingOn, isStreamingOn, isHLSRunning } = useRecordingStreaming6();
-  const hmsActions = useHMSActions25();
+  const hmsActions = useHMSActions24();
   if (!(permissions == null ? void 0 : permissions.browserRecording) || isHLSRunning) {
     return null;
   }
@@ -22856,7 +22847,7 @@ var StartRecording2 = () => {
 };
 var StreamActions = () => {
   const isConnected = useHMSStore29(selectIsConnectedToRoom6);
-  const isMobile = useMedia12(config.media.md);
+  const isMobile = useMedia11(config.media.md);
   const roomState = useHMSStore29(selectRoomState4);
   return /* @__PURE__ */ React64.createElement(Flex, { align: "center", css: { gap: "$4" } }, !isMobile && /* @__PURE__ */ React64.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ React64.createElement(RecordingPauseStatus, null), /* @__PURE__ */ React64.createElement(RecordingStatus, null), roomState !== HMSRoomState4.Preview ? /* @__PURE__ */ React64.createElement(LiveStatus, null) : null), isConnected && !isMobile ? /* @__PURE__ */ React64.createElement(StartRecording2, null) : null);
 };
@@ -22880,12 +22871,12 @@ var StopRecordingInSheet = ({
 // src/Prebuilt/components/MoreSettings/ChangeNameModal.tsx
 init_define_process_env();
 import React66, { useState as useState29 } from "react";
-import { useMedia as useMedia13 } from "react-use";
-import { selectLocalPeerName as selectLocalPeerName3, useHMSActions as useHMSActions26, useHMSStore as useHMSStore30 } from "@100mslive/react-sdk";
+import { useMedia as useMedia12 } from "react-use";
+import { selectLocalPeerName as selectLocalPeerName3, useHMSActions as useHMSActions25, useHMSStore as useHMSStore30 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/MoreSettings/ChangeNameContent.tsx
 init_define_process_env();
-import React65, { useEffect as useEffect23, useRef as useRef18 } from "react";
+import React65, { useEffect as useEffect22, useRef as useRef18 } from "react";
 import { ChevronLeftIcon as ChevronLeftIcon2, CrossIcon as CrossIcon12 } from "@100mslive/react-icons";
 var ChangeNameContent = ({
   changeName,
@@ -22897,7 +22888,7 @@ var ChangeNameContent = ({
   onBackClick
 }) => {
   const inputRef = useRef18(null);
-  useEffect23(() => {
+  useEffect22(() => {
     if (isMobile) {
       setTimeout(() => {
         var _a8;
@@ -23006,10 +22997,10 @@ var ChangeNameModal = ({
   openParentSheet = void 0
 }) => {
   const [previewPreference, setPreviewPreference] = useUserPreferences(UserPreferencesKeys.PREVIEW);
-  const hmsActions = useHMSActions26();
+  const hmsActions = useHMSActions25();
   const localPeerName = useHMSStore30(selectLocalPeerName3);
   const [currentName, setCurrentName] = useState29(localPeerName);
-  const isMobile = useMedia13(config.media.md);
+  const isMobile = useMedia12(config.media.md);
   const changeName = () => __async(void 0, null, function* () {
     const name = (currentName == null ? void 0 : currentName.trim()) || "";
     if (!name || name === localPeerName) {
@@ -23048,7 +23039,7 @@ var ChangeNameModal = ({
 // src/Prebuilt/components/AppData/useSheet.ts
 init_define_process_env();
 import { useCallback as useCallback23 } from "react";
-import { selectAppData as selectAppData4, useHMSActions as useHMSActions27, useHMSStore as useHMSStore31, useHMSVanillaStore as useHMSVanillaStore10 } from "@100mslive/react-sdk";
+import { selectAppData as selectAppData4, useHMSActions as useHMSActions26, useHMSStore as useHMSStore31, useHMSVanillaStore as useHMSVanillaStore10 } from "@100mslive/react-sdk";
 var useIsSheetTypeOpen = (sheetType) => {
   if (!sheetType) {
     throw Error("Pass one of the sheet options");
@@ -23056,7 +23047,7 @@ var useIsSheetTypeOpen = (sheetType) => {
   return useHMSStore31(selectAppData4(APP_DATA.sheet)) === sheetType;
 };
 var useSheetToggle = (sheetType) => {
-  const hmsActions = useHMSActions27();
+  const hmsActions = useHMSActions26();
   const vanillaStore = useHMSVanillaStore10();
   const toggleSheet = useCallback23(() => {
     const isOpen = vanillaStore.getState(selectAppData4(APP_DATA.sheet)) === sheetType;
@@ -23067,13 +23058,13 @@ var useSheetToggle = (sheetType) => {
 
 // src/Prebuilt/components/hooks/useUnreadPollQuizPresent.tsx
 init_define_process_env();
-import { useEffect as useEffect24, useState as useState30 } from "react";
+import { useEffect as useEffect23, useState as useState30 } from "react";
 import { HMSNotificationTypes, useHMSNotifications, useHMSStore as useHMSStore32 } from "@100mslive/react-sdk";
 var useUnreadPollQuizPresent = () => {
   const localPeerID = useHMSStore32(Ie);
   const notification = useHMSNotifications(HMSNotificationTypes.POLL_STARTED);
   const [unreadPollQuiz, setUnreadPollQuiz] = useState30(false);
-  useEffect24(() => {
+  useEffect23(() => {
     if (!notification) {
       return;
     }
@@ -23099,7 +23090,7 @@ var MwebOptions = ({
   elements,
   screenType
 }) => {
-  const hmsActions = useHMSActions28();
+  const hmsActions = useHMSActions27();
   const permissions = useHMSStore33(selectPermissions9);
   const isConnected = useHMSStore33(selectIsConnectedToRoom7);
   const { isBrowserRecordingOn, isStreamingOn, isHLSRunning } = useRecordingStreaming7();
@@ -23359,7 +23350,7 @@ var MoreSettings = ({
   elements,
   screenType
 }) => {
-  const isMobile = useMedia14(config.media.md);
+  const isMobile = useMedia13(config.media.md);
   const isLandscapeHLSStream = useLandscapeHLSStream();
   return isMobile || isLandscapeHLSStream ? /* @__PURE__ */ React68.createElement(MwebOptions, { elements, screenType }) : /* @__PURE__ */ React68.createElement(DesktopOptions, { elements, screenType });
 };
@@ -23884,7 +23875,7 @@ var ScreenshareToggle = ({ css: css2 = {} }) => {
 
 // src/Prebuilt/components/VirtualBackground/VBToggle.tsx
 init_define_process_env();
-import React77, { useEffect as useEffect25 } from "react";
+import React77, { useEffect as useEffect24 } from "react";
 import { HMSVirtualBackgroundTypes as HMSVirtualBackgroundTypes3 } from "@100mslive/hms-virtual-background/hmsvbplugin";
 import {
   selectAppData as selectAppData5,
@@ -23892,7 +23883,7 @@ import {
   selectIsLocalVideoEnabled as selectIsLocalVideoEnabled5,
   selectIsVBEnabled,
   useAVToggle as useAVToggle3,
-  useHMSActions as useHMSActions29,
+  useHMSActions as useHMSActions28,
   useHMSStore as useHMSStore35
 } from "@100mslive/react-sdk";
 import { VirtualBackgroundIcon as VirtualBackgroundIcon2 } from "@100mslive/react-icons";
@@ -23903,9 +23894,9 @@ var VBToggle = () => {
   const isVBEnabled = useHMSStore35(selectIsVBEnabled);
   const isEffectsEnabled = useHMSStore35(selectIsEffectsEnabled);
   const loadingEffects = useHMSStore35(selectAppData5(APP_DATA.loadingEffects));
-  const hmsActions = useHMSActions29();
+  const hmsActions = useHMSActions28();
   const { toggleVideo } = useAVToggle3();
-  useEffect25(() => {
+  useEffect24(() => {
     var _a8;
     if (!toggleVideo) {
       (_a8 = VBHandler) == null ? void 0 : _a8.reset();
@@ -23966,7 +23957,7 @@ var ChatToggle = ({ onClick }) => {
 // src/Prebuilt/components/Footer/ParticipantList.tsx
 init_define_process_env();
 import React83, { Fragment as Fragment10, useCallback as useCallback24, useState as useState36 } from "react";
-import { useDebounce, useMedia as useMedia15 } from "react-use";
+import { useDebounce, useMedia as useMedia14 } from "react-use";
 import {
   HMSPeerType as HMSPeerType2,
   selectAvailableRoleNames as selectAvailableRoleNames5,
@@ -24110,13 +24101,13 @@ var ConnectionIndicator = ({
 // src/Prebuilt/components/RemoveParticipant.tsx
 init_define_process_env();
 import React80 from "react";
-import { selectLocalPeerID as selectLocalPeerID7, selectPermissions as selectPermissions10, useHMSActions as useHMSActions30, useHMSStore as useHMSStore38 } from "@100mslive/react-sdk";
+import { selectLocalPeerID as selectLocalPeerID7, selectPermissions as selectPermissions10, useHMSActions as useHMSActions29, useHMSStore as useHMSStore38 } from "@100mslive/react-sdk";
 import { PeopleRemoveIcon as PeopleRemoveIcon3 } from "@100mslive/react-icons";
 var RemoveParticipant = ({ peerId }) => {
   var _a8;
   const canRemoveOthers = (_a8 = useHMSStore38(selectPermissions10)) == null ? void 0 : _a8.removeOthers;
   const localPeerId = useHMSStore38(selectLocalPeerID7);
-  const actions = useHMSActions30();
+  const actions = useHMSActions29();
   if (peerId === localPeerId || !canRemoveOthers) {
     return null;
   }
@@ -24140,7 +24131,7 @@ var RemoveParticipant = ({ peerId }) => {
 
 // src/Prebuilt/components/Footer/RoleAccordion.tsx
 init_define_process_env();
-import React82, { useEffect as useEffect26 } from "react";
+import React82, { useEffect as useEffect25 } from "react";
 import { useMeasure } from "react-use";
 import { FixedSizeList } from "react-window";
 import { selectIsLargeRoom, useHMSStore as useHMSStore41, usePaginatedParticipants } from "@100mslive/react-sdk";
@@ -24154,7 +24145,7 @@ import {
   selectPermissions as selectPermissions11,
   selectRoleByRoleName,
   selectTracksMap as selectTracksMap3,
-  useHMSActions as useHMSActions31,
+  useHMSActions as useHMSActions30,
   useHMSStore as useHMSStore39
 } from "@100mslive/react-sdk";
 import {
@@ -24211,7 +24202,7 @@ var DropdownWrapper = ({ children }) => {
 };
 var RoleOptions = ({ roleName, peerList }) => {
   const permissions = useHMSStore39(selectPermissions11);
-  const hmsActions = useHMSActions31();
+  const hmsActions = useHMSActions30();
   const { elements } = useRoomLayoutConferencingScreen();
   const { on_stage_role, off_stage_roles = [] } = (elements == null ? void 0 : elements.on_stage_exp) || {};
   const canRemoveRoleFromStage = (permissions == null ? void 0 : permissions.changeRole) && roleName === on_stage_role;
@@ -24293,10 +24284,10 @@ var RoleOptions = ({ roleName, peerList }) => {
 // src/Prebuilt/components/hooks/useGroupOnStageActions.tsx
 init_define_process_env();
 import { match as match8, P as P5 } from "ts-pattern";
-import { selectPermissions as selectPermissions12, useHMSActions as useHMSActions32, useHMSStore as useHMSStore40 } from "@100mslive/react-sdk";
+import { selectPermissions as selectPermissions12, useHMSActions as useHMSActions31, useHMSStore as useHMSStore40 } from "@100mslive/react-sdk";
 var useGroupOnStageActions = ({ peers }) => {
   var _a8;
-  const hmsActions = useHMSActions32();
+  const hmsActions = useHMSActions31();
   const { elements } = useRoomLayoutConferencingScreen();
   const {
     bring_to_stage_label,
@@ -24384,7 +24375,7 @@ var RoleAccordion = ({
   const { bringAllToStage, bring_to_stage_label, canBringToStage, lowerAllHands } = useGroupOnStageActions({
     peers: peersInAccordion
   });
-  useEffect26(() => {
+  useEffect25(() => {
     if (!isOffStageRole || !isLargeRoom) {
       return;
     }
@@ -24472,13 +24463,13 @@ var RoleAccordion = ({
 
 // src/Prebuilt/components/AppData/useSidepaneResetOnLayoutUpdate.tsx
 init_define_process_env();
-import { useEffect as useEffect27 } from "react";
+import { useEffect as useEffect26 } from "react";
 import { selectAppData as selectAppData6, useHMSStore as useHMSStore42 } from "@100mslive/react-sdk";
 var useSidepaneResetOnLayoutUpdate = (layoutKey, sidepaneOption) => {
   const { elements } = useRoomLayoutConferencingScreen();
   const sidepane = useHMSStore42(selectAppData6(APP_DATA.sidePane));
   const resetSidePane = useSidepaneReset();
-  useEffect27(() => {
+  useEffect26(() => {
     if (sidepane === sidepaneOption && !(elements == null ? void 0 : elements[layoutKey])) {
       resetSidePane();
     }
@@ -24488,10 +24479,10 @@ var useSidepaneResetOnLayoutUpdate = (layoutKey, sidepaneOption) => {
 // src/Prebuilt/components/hooks/usePeerOnStageActions.tsx
 init_define_process_env();
 import { useState as useState35 } from "react";
-import { selectPeerMetadata as selectPeerMetadata3, selectPermissions as selectPermissions13, useHMSActions as useHMSActions33, useHMSStore as useHMSStore43 } from "@100mslive/react-sdk";
+import { selectPeerMetadata as selectPeerMetadata3, selectPermissions as selectPermissions13, useHMSActions as useHMSActions32, useHMSStore as useHMSStore43 } from "@100mslive/react-sdk";
 var usePeerOnStageActions = ({ peerId, role }) => {
   var _a8, _b7;
-  const hmsActions = useHMSActions33();
+  const hmsActions = useHMSActions32();
   const { elements } = useRoomLayoutConferencingScreen();
   const {
     bring_to_stage_label,
@@ -24831,7 +24822,7 @@ var ParticipantSearch = ({
   inSidePane = false
 }) => {
   const [value, setValue] = React83.useState("");
-  const isMobile = useMedia15(config.media.md);
+  const isMobile = useMedia14(config.media.md);
   useDebounce(
     () => {
       onSearch(value);
@@ -24875,13 +24866,13 @@ var ParticipantSearch = ({
 
 // src/Prebuilt/components/Footer/PollsToggle.tsx
 init_define_process_env();
-import React84, { useEffect as useEffect28 } from "react";
+import React84, { useEffect as useEffect27 } from "react";
 import { QuizActiveIcon as QuizActiveIcon2, QuizIcon as QuizIcon2 } from "@100mslive/react-icons";
 var PollsToggle = () => {
   const isPollsOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.POLLS);
   const togglePollView = usePollViewToggle();
   const { unreadPollQuiz, setUnreadPollQuiz } = useUnreadPollQuizPresent();
-  useEffect28(() => {
+  useEffect27(() => {
     if (unreadPollQuiz && isPollsOpen) {
       setUnreadPollQuiz(false);
     }
@@ -24953,13 +24944,13 @@ var Footer2 = ({
   elements
 }) => {
   var _a8, _b7;
-  const isMobile = useMedia16(config.media.md);
+  const isMobile = useMedia15(config.media.md);
   const isOverlayChat = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.is_overlay);
   const openByDefault = ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.initial_state) === Chat_ChatState.CHAT_STATE_OPEN;
   const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
   const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
   const { showPolls } = useShowPolls();
-  useEffect29(() => {
+  useEffect28(() => {
     if (!isChatOpen && openByDefault) {
       toggleChat();
     }
@@ -25012,11 +25003,11 @@ var Footer2 = ({
 // src/Prebuilt/components/Notifications/HLSFailureModal.tsx
 init_define_process_env();
 import React87, { useCallback as useCallback25, useState as useState38 } from "react";
-import { selectHLSState as selectHLSState5, useHMSActions as useHMSActions34, useHMSStore as useHMSStore46, useRecordingStreaming as useRecordingStreaming8 } from "@100mslive/react-sdk";
+import { selectHLSState as selectHLSState5, useHMSActions as useHMSActions33, useHMSStore as useHMSStore46, useRecordingStreaming as useRecordingStreaming8 } from "@100mslive/react-sdk";
 function HLSFailureModal() {
   const hlsError = useHMSStore46(selectHLSState5).error || false;
   const [openModal, setOpenModal] = useState38(!!hlsError);
-  const hmsActions = useHMSActions34();
+  const hmsActions = useHMSActions33();
   const { isRTMPRunning } = useRecordingStreaming8();
   const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
   const startHLS = useCallback25(() => __async(this, null, function* () {
@@ -25059,21 +25050,21 @@ function HLSFailureModal() {
 
 // src/Prebuilt/components/RoleChangeRequest/RoleChangeRequestModal.tsx
 init_define_process_env();
-import React138, { useEffect as useEffect45 } from "react";
+import React138, { useEffect as useEffect44 } from "react";
 import {
   selectIsInPreview,
   selectLocalPeerName as selectLocalPeerName4,
   selectLocalPeerRoleName as selectLocalPeerRoleName4,
   selectRoleChangeRequest,
   useCustomEvent as useCustomEvent3,
-  useHMSActions as useHMSActions47,
+  useHMSActions as useHMSActions46,
   useHMSStore as useHMSStore72
 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Preview/PreviewJoin.tsx
 init_define_process_env();
-import React136, { Fragment as Fragment12, useCallback as useCallback33, useEffect as useEffect44, useMemo as useMemo15, useState as useState58 } from "react";
-import { useMeasure as useMeasure4, useMedia as useMedia28 } from "react-use";
+import React136, { Fragment as Fragment12, useCallback as useCallback33, useEffect as useEffect43, useMemo as useMemo15, useState as useState58 } from "react";
+import { useMeasure as useMeasure4, useMedia as useMedia27 } from "react-use";
 import {
   HMSRoomState as HMSRoomState7,
   selectAppData as selectAppData9,
@@ -25093,8 +25084,8 @@ import { MicOffIcon as MicOffIcon7, SettingsIcon as SettingsIcon6 } from "@100ms
 
 // src/Prebuilt/layouts/SidePane.tsx
 init_define_process_env();
-import React132, { useEffect as useEffect43 } from "react";
-import { useMedia as useMedia26 } from "react-use";
+import React132, { useEffect as useEffect42 } from "react";
+import { useMedia as useMedia25 } from "react-use";
 import { match as match12 } from "ts-pattern";
 import { selectAppData as selectAppData8, selectVideoTrackByPeerID as selectVideoTrackByPeerID4, useHMSStore as useHMSStore70 } from "@100mslive/react-sdk";
 
@@ -25104,12 +25095,12 @@ import React109 from "react";
 
 // src/Prebuilt/components/Polls/CreatePollQuiz/PollsQuizMenu.tsx
 init_define_process_env();
-import React90, { useEffect as useEffect30, useMemo as useMemo9, useRef as useRef20, useState as useState39 } from "react";
+import React90, { useEffect as useEffect29, useMemo as useMemo9, useRef as useRef20, useState as useState39 } from "react";
 import {
   selectLocalPeerRoleName as selectLocalPeerRoleName2,
   selectPermissions as selectPermissions16,
   selectPolls as selectPolls2,
-  useHMSActions as useHMSActions35,
+  useHMSActions as useHMSActions34,
   useHMSStore as useHMSStore48
 } from "@100mslive/react-sdk";
 import { QuestionIcon, StatsIcon } from "@100mslive/react-icons";
@@ -25258,7 +25249,7 @@ function InteractionSelectionCard({
   );
 }
 var AddMenu = () => {
-  const actions = useHMSActions35();
+  const actions = useHMSActions34();
   const [title, setTitle] = useState39("");
   const localPeerRoleName = useHMSStore48(selectLocalPeerRoleName2);
   const [hideVoteCount, setHideVoteCount] = useState39(false);
@@ -25267,7 +25258,7 @@ var AddMenu = () => {
   const { setPollState } = usePollViewState();
   const [interactionType, setInteractionType] = useState39("Poll" /* POLL */);
   const inputRef = useRef20(null);
-  useEffect30(() => {
+  useEffect29(() => {
     if (inputRef.current) {
       inputRef.current.focus();
     }
@@ -25341,7 +25332,7 @@ var AddMenu = () => {
   ), /* @__PURE__ */ React90.createElement(ErrorText, { error: error || titleError })));
 };
 var PrevMenu = () => {
-  const hmsActions = useHMSActions35();
+  const hmsActions = useHMSActions34();
   const polls = useHMSStore48(selectPolls2);
   const sortedPolls = useMemo9(
     () => {
@@ -25354,7 +25345,7 @@ var PrevMenu = () => {
     [polls]
   );
   const permissions = useHMSStore48(selectPermissions16);
-  useEffect30(() => {
+  useEffect29(() => {
     const updatePolls = () => __async(void 0, null, function* () {
       yield hmsActions.interactivityCenter.getPolls();
     });
@@ -25391,7 +25382,7 @@ var InteractionCard = ({ id, title, status }) => {
 init_define_process_env();
 import React100, { useMemo as useMemo11, useState as useState41 } from "react";
 import { v4 as uuid2 } from "uuid";
-import { selectPollByID, useHMSActions as useHMSActions36, useHMSStore as useHMSStore49, useRecordingStreaming as useRecordingStreaming9 } from "@100mslive/react-sdk";
+import { selectPollByID, useHMSActions as useHMSActions35, useHMSStore as useHMSStore49, useRecordingStreaming as useRecordingStreaming9 } from "@100mslive/react-sdk";
 import { AddCircleIcon as AddCircleIcon2 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Polls/CreateQuestions/QuestionForm.tsx
@@ -25928,7 +25919,7 @@ var getEditableFormat = (questions) => {
 };
 function CreateQuestions() {
   var _a8, _b7, _c, _d;
-  const actions = useHMSActions36();
+  const actions = useHMSActions35();
   const { isHLSRunning } = useRecordingStreaming9();
   const togglePollView = usePollViewToggle();
   const { pollInView: id, setPollView } = usePollViewState();
@@ -26114,14 +26105,14 @@ var StatisticBox = ({ title, value = 0 }) => {
 
 // src/Prebuilt/components/Polls/Voting/useQuizSummary.tsx
 init_define_process_env();
-import { useEffect as useEffect31, useState as useState42 } from "react";
+import { useEffect as useEffect30, useState as useState42 } from "react";
 import {
   selectPollByID as selectPollByID2,
-  useHMSActions as useHMSActions37,
+  useHMSActions as useHMSActions36,
   useHMSStore as useHMSStore50
 } from "@100mslive/react-sdk";
 var useQuizSummary = (quizID) => {
-  const hmsActions = useHMSActions37();
+  const hmsActions = useHMSActions36();
   const quiz = useHMSStore50(selectPollByID2(quizID));
   const [quizLeaderboard, setQuizLeaderboard] = useState42();
   const summary = (quizLeaderboard == null ? void 0 : quizLeaderboard.summary) || {
@@ -26132,7 +26123,7 @@ var useQuizSummary = (quizID) => {
     correctUsers: 0
   };
   const [calculations, setCalculations] = useState42({ maxPossibleScore: 0, totalResponses: 0 });
-  useEffect31(() => {
+  useEffect30(() => {
     const fetchLeaderboardData = () => __async(void 0, null, function* () {
       var _a8;
       if (!quizLeaderboard && quiz && !(quiz == null ? void 0 : quiz.anonymous) && quiz.state === "stopped") {
@@ -26272,13 +26263,13 @@ var LeaderboardSummary = ({ pollID }) => {
 
 // src/Prebuilt/components/Polls/Voting/Voting.tsx
 init_define_process_env();
-import React108, { useEffect as useEffect34, useRef as useRef23, useState as useState46 } from "react";
+import React108, { useEffect as useEffect33, useRef as useRef23, useState as useState46 } from "react";
 import {
   selectLocalPeer as selectLocalPeer4,
   selectPeerNameByID as selectPeerNameByID4,
   selectPermissions as selectPermissions17,
   selectPollByID as selectPollByID4,
-  useHMSActions as useHMSActions39,
+  useHMSActions as useHMSActions38,
   useHMSStore as useHMSStore54
 } from "@100mslive/react-sdk";
 import { ChevronLeftIcon as ChevronLeftIcon5, CrossIcon as CrossIcon19 } from "@100mslive/react-icons";
@@ -26289,14 +26280,14 @@ import React106 from "react";
 
 // src/Prebuilt/components/Polls/Voting/QuestionCard.jsx
 init_define_process_env();
-import React105, { useCallback as useCallback27, useEffect as useEffect32, useMemo as useMemo12, useRef as useRef22, useState as useState44 } from "react";
+import React105, { useCallback as useCallback27, useEffect as useEffect31, useMemo as useMemo12, useRef as useRef22, useState as useState44 } from "react";
 import { match as match9 } from "ts-pattern";
 import {
   HMSRoomState as HMSRoomState5,
   selectLocalPeer as selectLocalPeer3,
   selectLocalPeerRoleName as selectLocalPeerRoleName3,
   selectRoomState as selectRoomState5,
-  useHMSActions as useHMSActions38,
+  useHMSActions as useHMSActions37,
   useHMSStore as useHMSStore53
 } from "@100mslive/react-sdk";
 import { CheckCircleIcon as CheckCircleIcon5, ChevronDownIcon as ChevronDownIcon4, CrossCircleIcon as CrossCircleIcon2 } from "@100mslive/react-icons";
@@ -26316,14 +26307,14 @@ var QuestionCard2 = ({
   updateSavedResponses,
   rolesThatCanViewResponses
 }) => {
-  const actions = useHMSActions38();
+  const actions = useHMSActions37();
   const localPeer = useHMSStore53(selectLocalPeer3);
   const roomState = useHMSStore53(selectRoomState5);
   const isLocalPeerCreator = (localPeer == null ? void 0 : localPeer.id) === startedBy;
   const localPeerRoleName = useHMSStore53(selectLocalPeerRoleName3);
   const roleCanViewResponse = !rolesThatCanViewResponses || rolesThatCanViewResponses.length === 0 || rolesThatCanViewResponses.includes(localPeerRoleName || "");
   const [localPeerChoice, setLocalPeerChoice] = useState44(localPeerResponse);
-  useEffect32(() => {
+  useEffect31(() => {
     setLocalPeerChoice(localPeerResponse);
   }, [localPeerResponse]);
   const showVoteCount = roleCanViewResponse && (localPeerChoice || isLocalPeerCreator && pollState === "stopped") && !isQuiz;
@@ -26514,7 +26505,7 @@ var StandardView = ({
 
 // src/Prebuilt/components/Polls/Voting/TimedVoting.tsx
 init_define_process_env();
-import React107, { useEffect as useEffect33, useState as useState45 } from "react";
+import React107, { useEffect as useEffect32, useState as useState45 } from "react";
 var TimedView = ({
   poll,
   localPeerResponses,
@@ -26524,7 +26515,7 @@ var TimedView = ({
   const [currentIndex, setCurrentIndex] = useState45(getIndexToShow(localPeerResponses));
   const activeQuestion = (_a8 = poll.questions) == null ? void 0 : _a8.find((question) => question.index === currentIndex);
   const attemptedAll = (((_b7 = poll.questions) == null ? void 0 : _b7.length) || 0) < currentIndex;
-  useEffect33(() => {
+  useEffect32(() => {
     setCurrentIndex(getIndexToShow(localPeerResponses));
   }, [localPeerResponses]);
   if (!activeQuestion && !attemptedAll || !((_c = poll.questions) == null ? void 0 : _c.length)) {
@@ -26557,7 +26548,7 @@ var TimedView = ({
 
 // src/Prebuilt/components/Polls/Voting/Voting.tsx
 var Voting = ({ id, toggleVoting }) => {
-  const actions = useHMSActions39();
+  const actions = useHMSActions38();
   const poll = useHMSStore54(selectPollByID4(id));
   const pollCreatorName = useHMSStore54(selectPeerNameByID4(poll == null ? void 0 : poll.createdBy));
   const permissions = useHMSStore54(selectPermissions17);
@@ -26569,11 +26560,11 @@ var Voting = ({ id, toggleVoting }) => {
   const localPeer = useHMSStore54(selectLocalPeer4);
   const localPeerId = localPeer == null ? void 0 : localPeer.id;
   const customerUserId = localPeer == null ? void 0 : localPeer.customerUserId;
-  useEffect34(() => {
+  useEffect33(() => {
     fetchedInitialResponses.current = false;
     setSavedResponses({});
   }, [id, setSavedResponses]);
-  useEffect34(() => {
+  useEffect33(() => {
     const getResponses = () => __async(void 0, null, function* () {
       if (poll && actions.interactivityCenter && !fetchedInitialResponses.current) {
         yield actions.interactivityCenter.getPollResponses(poll, true);
@@ -26582,7 +26573,7 @@ var Voting = ({ id, toggleVoting }) => {
     });
     getResponses();
   }, [poll, actions.interactivityCenter]);
-  useEffect34(() => {
+  useEffect33(() => {
     if (poll == null ? void 0 : poll.questions) {
       const localPeerResponses = getPeerResponses(poll.questions, localPeerId, customerUserId);
       localPeerResponses == null ? void 0 : localPeerResponses.forEach((response) => {
@@ -26680,7 +26671,7 @@ import { CrossIcon as CrossIcon20 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Header/HeaderComponents.jsx
 init_define_process_env();
-import React110, { useEffect as useEffect35, useState as useState47 } from "react";
+import React110, { useEffect as useEffect34, useState as useState47 } from "react";
 import { selectDominantSpeaker, useHMSStore as useHMSStore55 } from "@100mslive/react-sdk";
 import { VolumeOneIcon } from "@100mslive/react-icons";
 var SpeakerTag = () => {
@@ -26709,7 +26700,7 @@ var Logo = () => {
   const roomLayout = useRoomLayout();
   const logo = (_a8 = roomLayout == null ? void 0 : roomLayout.logo) == null ? void 0 : _a8.url;
   const [hideImage, setHideImage] = useState47(false);
-  useEffect35(() => {
+  useEffect34(() => {
     if (hideImage) {
       setHideImage(false);
     }
@@ -26733,10 +26724,10 @@ import React112 from "react";
 
 // src/Prebuilt/components/RoomDetails/Duration.tsx
 init_define_process_env();
-import React111, { useEffect as useEffect36, useState as useState48 } from "react";
+import React111, { useEffect as useEffect35, useState as useState48 } from "react";
 var Duration = ({ timestamp }) => {
   const [elapsedTime, setElapsedTime] = useState48(getFormattedTime(Date.now() - timestamp.getTime(), false));
-  useEffect36(() => {
+  useEffect35(() => {
     const timerAdded = setInterval(() => {
       setElapsedTime(getFormattedTime(Date.now() - timestamp.getTime(), false));
     }, 1e3);
@@ -26778,8 +26769,8 @@ var ShowRoomDetailHeader = () => {
 
 // src/Prebuilt/components/SidePaneTabs.tsx
 init_define_process_env();
-import React124, { useEffect as useEffect41, useState as useState54 } from "react";
-import { useMedia as useMedia22 } from "react-use";
+import React124, { useEffect as useEffect40, useState as useState54 } from "react";
+import { useMedia as useMedia21 } from "react-use";
 import { match as match11 } from "ts-pattern";
 import { selectPeerCount as selectPeerCount5, useHMSStore as useHMSStore64 } from "@100mslive/react-sdk";
 import { CrossIcon as CrossIcon23 } from "@100mslive/react-icons";
@@ -26787,30 +26778,30 @@ import { CrossIcon as CrossIcon23 } from "@100mslive/react-icons";
 // src/Prebuilt/components/Chat/Chat.tsx
 init_define_process_env();
 import React121, { useCallback as useCallback31, useRef as useRef26 } from "react";
-import { useMedia as useMedia21 } from "react-use";
+import { useMedia as useMedia20 } from "react-use";
 import { match as match10 } from "ts-pattern";
-import { selectHMSMessagesCount, useHMSActions as useHMSActions43, useHMSStore as useHMSStore61, useHMSVanillaStore as useHMSVanillaStore11 } from "@100mslive/react-sdk";
+import { selectHMSMessagesCount, useHMSActions as useHMSActions42, useHMSStore as useHMSStore61, useHMSVanillaStore as useHMSVanillaStore11 } from "@100mslive/react-sdk";
 import { ChevronDownIcon as ChevronDownIcon7 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/ChatFooter.tsx
 init_define_process_env();
-import React116, { useCallback as useCallback29, useEffect as useEffect38, useRef as useRef25, useState as useState51 } from "react";
-import { useMedia as useMedia19 } from "react-use";
+import React116, { useCallback as useCallback29, useEffect as useEffect37, useRef as useRef25, useState as useState51 } from "react";
+import { useMedia as useMedia18 } from "react-use";
 import data2 from "@emoji-mart/data/sets/14/apple.json";
 import Picker from "@emoji-mart/react";
-import { selectLocalPeer as selectLocalPeer5, useHMSActions as useHMSActions41, useHMSStore as useHMSStore58 } from "@100mslive/react-sdk";
+import { selectLocalPeer as selectLocalPeer5, useHMSActions as useHMSActions40, useHMSStore as useHMSStore58 } from "@100mslive/react-sdk";
 import { EmojiIcon as EmojiIcon3, PauseCircleIcon as PauseCircleIcon2, SendIcon as SendIcon2, VerticalMenuIcon as VerticalMenuIcon7 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/ChatSelectorContainer.tsx
 init_define_process_env();
 import React115, { useState as useState50 } from "react";
-import { useMedia as useMedia18 } from "react-use";
+import { useMedia as useMedia17 } from "react-use";
 import { ChevronDownIcon as ChevronDownIcon5, ChevronUpIcon as ChevronUpIcon4, CrossIcon as CrossIcon21, GroupIcon, PersonIcon as PersonIcon2 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/ChatSelector.tsx
 init_define_process_env();
 import React114, { useMemo as useMemo13, useState as useState49 } from "react";
-import { useMedia as useMedia17 } from "react-use";
+import { useMedia as useMedia16 } from "react-use";
 import {
   HMSPeerType as HMSPeerType3,
   selectMessagesUnreadCountByPeerID,
@@ -26830,7 +26821,7 @@ var SelectorItem = ({
   unreadCount,
   icon = void 0
 }) => {
-  const isMobile = useMedia17(config.media.md);
+  const isMobile = useMedia16(config.media.md);
   const Root28 = !isMobile ? Dropdown.Item : (_a8) => {
     var _b7 = _a8, { children } = _b7, rest = __objRest(_b7, ["children"]);
     return /* @__PURE__ */ React114.createElement(Flex, __spreadProps(__spreadValues({}, rest), { css: __spreadValues({ p: "$6 $8" }, rest.css) }), children);
@@ -26981,7 +26972,7 @@ var ChatSelector = ({ role, peerId }) => {
 var ChatSelectorContainer = () => {
   var _a8, _b7;
   const [open, setOpen] = useState50(false);
-  const isMobile = useMedia18(config.media.md);
+  const isMobile = useMedia17(config.media.md);
   const { elements } = useRoomLayoutConferencingScreen();
   const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.private_chat_enabled);
   const isPublicChatEnabled = !!((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.public_chat_enabled);
@@ -27099,9 +27090,9 @@ var ChatSelectorContainer = () => {
 // src/Prebuilt/components/AppData/useChatState.js
 init_define_process_env();
 import { useCallback as useCallback28 } from "react";
-import { selectAppData as selectAppData7, useHMSActions as useHMSActions40, useHMSStore as useHMSStore57 } from "@100mslive/react-sdk";
+import { selectAppData as selectAppData7, useHMSActions as useHMSActions39, useHMSStore as useHMSStore57 } from "@100mslive/react-sdk";
 var useChatDraftMessage = () => {
-  const hmsActions = useHMSActions40();
+  const hmsActions = useHMSActions39();
   let chatDraftMessage = useHMSStore57(selectAppData7(APP_DATA.chatDraft));
   if (chatDraftMessage === void 0 || chatDraftMessage === null) {
     chatDraftMessage = "";
@@ -27117,10 +27108,10 @@ var useChatDraftMessage = () => {
 
 // src/Prebuilt/components/Chat/useEmojiPickerStyles.js
 init_define_process_env();
-import { useEffect as useEffect37, useRef as useRef24 } from "react";
+import { useEffect as useEffect36, useRef as useRef24 } from "react";
 var useEmojiPickerStyles = (showing) => {
   const ref = useRef24(null);
-  useEffect37(() => {
+  useEffect36(() => {
     if (showing) {
       setTimeout(() => {
         var _a8, _b7;
@@ -27195,10 +27186,10 @@ function EmojiPicker({ onSelect }) {
 }
 var ChatFooter = ({ onSend, children }) => {
   var _a8, _b7, _c, _d, _e;
-  const hmsActions = useHMSActions41();
+  const hmsActions = useHMSActions40();
   const inputRef = useRef25(null);
   const [draftMessage, setDraftMessage] = useChatDraftMessage();
-  const isMobile = useMedia19(config.media.md);
+  const isMobile = useMedia18(config.media.md);
   const { elements, screenType } = useRoomLayoutConferencingScreen();
   const message_placeholder = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.message_placeholder) || "Send a message";
   const localPeer = useHMSStore58(selectLocalPeer5);
@@ -27212,7 +27203,7 @@ var ChatFooter = ({ onSend, children }) => {
   const isMwebHLSStream = useMobileHLSStream();
   const [messageLengthExceeded, setMessageLengthExceeded] = useState51(false);
   const isLandscapeHLSStream = useLandscapeHLSStream();
-  useEffect38(() => {
+  useEffect37(() => {
     var _a9, _b8;
     if (!selectedPeer.id && !selectedRole && !["Everyone", ""].includes(defaultSelection)) {
       setRoleSelector(defaultSelection);
@@ -27261,7 +27252,7 @@ var ChatFooter = ({ onSend, children }) => {
       });
     }
   }), [selectedRole, selectedPeer, hmsActions, onSend]);
-  useEffect38(() => {
+  useEffect37(() => {
     const messageElement = inputRef.current;
     if (messageElement) {
       messageElement.value = draftMessage;
@@ -27269,7 +27260,7 @@ var ChatFooter = ({ onSend, children }) => {
       setMessageLengthExceeded(draftMessage.length > CHAT_MESSAGE_LIMIT);
     }
   }, [draftMessage]);
-  useEffect38(() => {
+  useEffect37(() => {
     const messageElement = inputRef.current;
     return () => {
       setDraftMessage((messageElement == null ? void 0 : messageElement.value) || "");
@@ -27404,10 +27395,10 @@ var ChatFooter = ({ onSend, children }) => {
 // src/Prebuilt/components/Chat/ChatStates.tsx
 init_define_process_env();
 import React117, { useCallback as useCallback30 } from "react";
-import { selectLocalPeer as selectLocalPeer6, selectSessionStore as selectSessionStore7, useHMSActions as useHMSActions42, useHMSStore as useHMSStore59 } from "@100mslive/react-sdk";
+import { selectLocalPeer as selectLocalPeer6, selectSessionStore as selectSessionStore7, useHMSActions as useHMSActions41, useHMSStore as useHMSStore59 } from "@100mslive/react-sdk";
 var ChatPaused = () => {
   var _a8, _b7;
-  const hmsActions = useHMSActions42();
+  const hmsActions = useHMSActions41();
   const { elements } = useRoomLayoutConferencingScreen();
   const can_disable_chat = !!((_b7 = (_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.real_time_controls) == null ? void 0 : _b7.can_disable_chat);
   const { enabled: isChatEnabled = true, updatedBy: chatStateUpdatedBy = "" } = useHMSStore59(selectSessionStore7("chatState" /* CHAT_STATE */)) || {};
@@ -27459,9 +27450,9 @@ var ChatBlocked = () => {
 
 // src/Prebuilt/components/Chat/PinnedMessage.tsx
 init_define_process_env();
-import React120, { useEffect as useEffect39, useState as useState52 } from "react";
+import React120, { useEffect as useEffect38, useState as useState52 } from "react";
 import { useSwipeable } from "react-swipeable";
-import { useMedia as useMedia20 } from "react-use";
+import { useMedia as useMedia19 } from "react-use";
 import { selectSessionStore as selectSessionStore8, useHMSStore as useHMSStore60 } from "@100mslive/react-sdk";
 import { PinIcon as PinIcon2, UnpinIcon } from "@100mslive/react-icons";
 
@@ -27522,7 +27513,7 @@ var PinnedMessage = () => {
   const pinnedMessages = useHMSStore60(selectSessionStore8("pinnedMessages" /* PINNED_MESSAGES */));
   const [pinnedMessageIndex, setPinnedMessageIndex] = useState52(0);
   const { removePinnedMessage } = usePinnedMessages();
-  const isMobile = useMedia20(config.media.md);
+  const isMobile = useMedia19(config.media.md);
   const { elements } = useRoomLayoutConferencingScreen();
   const canUnpinMessage = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.allow_pinning_messages);
   const [hideOverflow, setHideOverflow] = useState52(true);
@@ -27542,7 +27533,7 @@ var PinnedMessage = () => {
     onSwipedUp: () => showNextPinnedMessage(),
     onSwipedDown: () => showPreviousPinnedMessage()
   });
-  useEffect39(() => {
+  useEffect38(() => {
     const count = (pinnedMessages == null ? void 0 : pinnedMessages.length) || 1;
     if (pinnedMessageIndex >= count) {
       setPinnedMessageIndex(count - 1);
@@ -27636,10 +27627,10 @@ var Chat = () => {
   var _a8, _b7;
   const { elements, screenType } = useRoomLayoutConferencingScreen();
   const listRef = useRef26(null);
-  const hmsActions = useHMSActions43();
+  const hmsActions = useHMSActions42();
   const vanillaStore = useHMSVanillaStore11();
   const { enabled: isChatEnabled = true } = useHMSStore61(TS("chatState" /* CHAT_STATE */)) || {};
-  const isMobile = useMedia21(config.media.md);
+  const isMobile = useMedia20(config.media.md);
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeStream = useLandscapeHLSStream();
   useSidepaneResetOnLayoutUpdate("chat", SIDE_PANE_OPTIONS.CHAT);
@@ -27774,7 +27765,7 @@ var NewMessageIndicator = ({
 
 // src/Prebuilt/components/Footer/PaginatedParticipants.tsx
 init_define_process_env();
-import React122, { useEffect as useEffect40, useState as useState53 } from "react";
+import React122, { useEffect as useEffect39, useState as useState53 } from "react";
 import { useInView } from "react-intersection-observer";
 import { useMeasure as useMeasure2 } from "react-use";
 import { VariableSizeList as VariableSizeList2 } from "react-window";
@@ -27787,7 +27778,7 @@ var LoadMoreParticipants = ({
 }) => {
   const { ref, inView } = useInView();
   const [inProgress, setInProgress] = useState53(false);
-  useEffect40(() => {
+  useEffect39(() => {
     if (hasNext && inView && !inProgress) {
       setInProgress(true);
       loadMore().catch(console.error).finally(() => setInProgress(false));
@@ -27826,7 +27817,7 @@ var PaginatedParticipants = ({ roleName, onBack }) => {
   const [ref, { width }] = useMeasure2();
   const height = ROW_HEIGHT * (filteredPeers.length + 1);
   const resetSidePane = useSidepaneReset();
-  useEffect40(() => {
+  useEffect39(() => {
     loadPeers();
   }, []);
   return /* @__PURE__ */ React122.createElement(Flex, { ref, direction: "column", css: { size: "100%", gap: "$4" } }, /* @__PURE__ */ React122.createElement(Flex, { align: "center" }, /* @__PURE__ */ React122.createElement(Flex, { align: "center", css: { flex: "1 1 0", cursor: "pointer" }, onClick: onBack }, /* @__PURE__ */ React122.createElement(ChevronLeftIcon6, null), /* @__PURE__ */ React122.createElement(Text, { variant: "lg", css: { flex: "1 1 0" } }, "Participants")), /* @__PURE__ */ React122.createElement(
@@ -27856,11 +27847,11 @@ var PaginatedParticipants = ({ roleName, onBack }) => {
 // src/Prebuilt/components/ChatSettings.tsx
 init_define_process_env();
 import React123 from "react";
-import { selectLocalPeer as selectLocalPeer7, selectSessionStore as selectSessionStore9, useHMSActions as useHMSActions44, useHMSStore as useHMSStore63 } from "@100mslive/react-sdk";
+import { selectLocalPeer as selectLocalPeer7, selectSessionStore as selectSessionStore9, useHMSActions as useHMSActions43, useHMSStore as useHMSStore63 } from "@100mslive/react-sdk";
 import { PauseCircleIcon as PauseCircleIcon3, SettingsIcon as SettingsIcon5 } from "@100mslive/react-icons";
 var ChatSettings = () => {
   var _a8, _b7;
-  const hmsActions = useHMSActions44();
+  const hmsActions = useHMSActions43();
   const localPeer = useHMSStore63(selectLocalPeer7);
   const { elements } = useRoomLayoutConferencingScreen();
   const canPauseChat = !!((_b7 = (_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.real_time_controls) == null ? void 0 : _b7.can_disable_chat);
@@ -27938,12 +27929,12 @@ var SidePaneTabs = React124.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideTab = f
   const showChat = !!(elements == null ? void 0 : elements.chat);
   const showParticipants = !!(elements == null ? void 0 : elements.participant_list);
   const hideTabs = !(showChat && showParticipants) || hideTab;
-  const isMobile = useMedia22(config.media.md);
+  const isMobile = useMedia21(config.media.md);
   const isOverlayChat = !!((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay) && isMobile;
   const { off_stage_roles = [] } = (elements == null ? void 0 : elements.on_stage_exp) || {};
   const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
   const showChatSettings = showChat && isChatOpen && (!isMobile || !isOverlayChat);
-  useEffect41(() => {
+  useEffect40(() => {
     match11({ activeTab, showChat, showParticipants }).with({ activeTab: SIDE_PANE_OPTIONS.CHAT, showChat: false, showParticipants: true }, () => {
       setActiveTab(SIDE_PANE_OPTIONS.PARTICIPANTS);
     }).with({ activeTab: SIDE_PANE_OPTIONS.PARTICIPANTS, showChat: true, showParticipants: false }, () => {
@@ -27952,7 +27943,7 @@ var SidePaneTabs = React124.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideTab = f
       resetSidePane();
     });
   }, [showChat, activeTab, showParticipants, resetSidePane]);
-  useEffect41(() => {
+  useEffect40(() => {
     setActiveTab(active);
   }, [active]);
   if (activeRole) {
@@ -28120,7 +28111,7 @@ var TileConnection_default = TileConnection;
 // src/Prebuilt/components/TileMenu/TileMenu.tsx
 init_define_process_env();
 import React127, { useState as useState55 } from "react";
-import { useMedia as useMedia24 } from "react-use";
+import { useMedia as useMedia23 } from "react-use";
 import {
   selectLocalPeerID as selectLocalPeerID10,
   selectPeerByID as selectPeerByID2,
@@ -28167,14 +28158,14 @@ var getVideoTileLabel = ({
 // src/Prebuilt/components/TileMenu/TileMenuContent.tsx
 init_define_process_env();
 import React126, { Fragment as Fragment11 } from "react";
-import { useMedia as useMedia23 } from "react-use";
+import { useMedia as useMedia22 } from "react-use";
 import {
   selectAvailableRoleNames as selectAvailableRoleNames6,
   selectPermissions as selectPermissions18,
   selectSessionStore as selectSessionStore11,
   selectTrackByID as selectTrackByID2,
   useCustomEvent as useCustomEvent2,
-  useHMSActions as useHMSActions45,
+  useHMSActions as useHMSActions44,
   useHMSStore as useHMSStore66,
   useRemoteAVToggle
 } from "@100mslive/react-sdk";
@@ -28212,7 +28203,7 @@ var SpotlightActions = ({
     return;
   }
 }) => {
-  const hmsActions = useHMSActions45();
+  const hmsActions = useHMSActions44();
   const spotlightPeerId = useHMSStore66(selectSessionStore11("spotlight" /* SPOTLIGHT */));
   const isTileSpotlighted = spotlightPeerId === peerId;
   const dragClassName = getDragClassName();
@@ -28262,7 +28253,7 @@ var MinimiseInset = () => {
 var SimulcastLayers = ({ trackId }) => {
   var _a8;
   const track = useHMSStore66(selectTrackByID2(trackId));
-  const actions = useHMSActions45();
+  const actions = useHMSActions44();
   const bg2 = useDropdownSelection();
   if (!((_a8 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _a8.length) || track.degraded || !track.enabled) {
     return null;
@@ -28347,7 +28338,7 @@ var TileMenuContent = ({
     return;
   }
 }) => {
-  const actions = useHMSActions45();
+  const actions = useHMSActions44();
   const dragClassName = getDragClassName();
   const permissions = useHMSStore66(selectPermissions18);
   const canChangeRole = !!(permissions == null ? void 0 : permissions.changeRole);
@@ -28361,7 +28352,7 @@ var TileMenuContent = ({
   const { sendEvent } = useCustomEvent2({
     type: REMOTE_STOP_SCREENSHARE_TYPE
   });
-  const isMobile = useMedia23(config.media.md);
+  const isMobile = useMedia22(config.media.md);
   if (isLocal) {
     return showPinAction || canMinimise || !userName || showSpotlight ? /* @__PURE__ */ React126.createElement(React126.Fragment, null, showPinAction && /* @__PURE__ */ React126.createElement(PinActions, { audioTrackID, videoTrackID }), showSpotlight && /* @__PURE__ */ React126.createElement(SpotlightActions, { peerId: peerID, onSpotLightClick: () => closeSheetOnClick() }), canMinimise && /* @__PURE__ */ React126.createElement(MinimiseInset, null), !userName && /* @__PURE__ */ React126.createElement(
       StyledMenuTile.ItemButton,
@@ -28474,7 +28465,7 @@ var TileMenu = ({
   const track = useHMSStore67(selectTrackByID3(videoTrackID));
   const audioTrack = useHMSStore67(selectTrackByID3(audioTrackID));
   const hideSimulcastLayers = !((_b7 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _b7.length) || track.degraded || !track.enabled;
-  const isMobile = useMedia24(config.media.md);
+  const isMobile = useMedia23(config.media.md);
   const peer = useHMSStore67(selectPeerByID2(peerID));
   const [showNameChangeModal, setShowNameChangeModal] = useState55(false);
   const [showRoleChangeModal, setShowRoleChangeModal] = useState55(false);
@@ -28646,8 +28637,8 @@ var VideoTile_default = VideoTile;
 
 // src/Prebuilt/components/VirtualBackground/VBPicker.tsx
 init_define_process_env();
-import React131, { useEffect as useEffect42, useRef as useRef27, useState as useState57 } from "react";
-import { useMedia as useMedia25 } from "react-use";
+import React131, { useEffect as useEffect41, useRef as useRef27, useState as useState57 } from "react";
+import { useMedia as useMedia24 } from "react-use";
 import { HMSVirtualBackgroundTypes as HMSVirtualBackgroundTypes5 } from "@100mslive/hms-virtual-background/hmsvbplugin";
 import {
   HMSRoomState as HMSRoomState6,
@@ -28657,7 +28648,7 @@ import {
   selectLocalPeer as selectLocalPeer8,
   selectRoomState as selectRoomState6,
   selectVideoTrackByID as selectVideoTrackByID4,
-  useHMSActions as useHMSActions46,
+  useHMSActions as useHMSActions45,
   useHMSStore as useHMSStore69
 } from "@100mslive/react-sdk";
 import { BlurPersonHighIcon, CrossCircleIcon as CrossCircleIcon3, CrossIcon as CrossIcon25 } from "@100mslive/react-icons";
@@ -28739,7 +28730,7 @@ var iconDims = { height: "40px", width: "40px" };
 var VBPicker = ({ backgroundMedia = [] }) => {
   var _a8, _b7;
   const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
-  const hmsActions = useHMSActions46();
+  const hmsActions = useHMSActions45();
   const localPeer = useHMSStore69(selectLocalPeer8);
   const role = useHMSStore69(ct);
   const isVideoOn = useHMSStore69(selectIsLocalVideoEnabled6);
@@ -28752,7 +28743,7 @@ var VBPicker = ({ backgroundMedia = [] }) => {
   const isEffectsSupported = VBHandler.isEffectsSupported();
   const isEffectsEnabled = useHMSStore69(Xm);
   const effectsKey = useHMSStore69(eS);
-  const isMobile = useMedia25(config.media.md);
+  const isMobile = useMedia24(config.media.md);
   const [loadingEffects, setLoadingEffects] = useSetAppDataByKey(APP_DATA.loadingEffects);
   const isPluginAdded = useHMSStore69(selectIsLocalVideoPluginPresent(((_a8 = VBHandler) == null ? void 0 : _a8.getName()) || ""));
   const background = useHMSStore69(gS(APP_DATA.background));
@@ -28761,7 +28752,7 @@ var VBPicker = ({ backgroundMedia = [] }) => {
   const isBlurSupported = (_b7 = VBHandler) == null ? void 0 : _b7.isBlurSupported();
   const inPreview = roomState === HMSRoomState6.Preview;
   const showVideoTile = isVideoOn && isLargeRoom && !inPreview;
-  useEffect42(() => {
+  useEffect41(() => {
     const addHMSVBPlugin = () => __async(void 0, null, function* () {
       setLoadingEffects(false);
       if (!role) {
@@ -28823,7 +28814,7 @@ var VBPicker = ({ backgroundMedia = [] }) => {
     blurAmount,
     setLoadingEffects
   ]);
-  useEffect42(() => {
+  useEffect41(() => {
     if (!isVideoOn) {
       toggleVB();
     }
@@ -29027,7 +29018,7 @@ var SidePane = ({
   hideControls = false
 }) => {
   var _a8, _b7, _c, _d, _e, _f, _g;
-  const isMobile = useMedia26(config.media.md);
+  const isMobile = useMedia25(config.media.md);
   const sidepane = useHMSStore70(selectAppData8(APP_DATA.sidePane));
   const activeScreensharePeerId = useHMSStore70(selectAppData8(APP_DATA.activeScreensharePeerId));
   const trackId = (_a8 = useHMSStore70(selectVideoTrackByPeerID4(activeScreensharePeerId))) == null ? void 0 : _a8.id;
@@ -29068,7 +29059,7 @@ var SidePane = ({
     return null;
   });
   const resetSidePane = useSidepaneReset();
-  useEffect43(() => {
+  useEffect42(() => {
     return () => {
       resetSidePane();
     };
@@ -29150,7 +29141,7 @@ var FullPageProgress_default = FullPageProgress;
 // src/Prebuilt/components/Preview/PreviewForm.tsx
 init_define_process_env();
 import React135 from "react";
-import { useMedia as useMedia27 } from "react-use";
+import { useMedia as useMedia26 } from "react-use";
 import { JoinForm_JoinBtnType as JoinForm_JoinBtnType3 } from "@100mslive/types-prebuilt/elements/join_form";
 import { useRecordingStreaming as useRecordingStreaming10 } from "@100mslive/react-sdk";
 import { GoLiveIcon } from "@100mslive/react-icons";
@@ -29167,7 +29158,7 @@ var PreviewForm = ({
   const formSubmit = (e) => {
     e.preventDefault();
   };
-  const isMobile = useMedia27(config.media.md);
+  const isMobile = useMedia26(config.media.md);
   const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = useRecordingStreaming10();
   const layout = useRoomLayout();
   const { join_form: joinForm = {} } = ((_c = (_b7 = (_a8 = layout == null ? void 0 : layout.screens) == null ? void 0 : _a8.preview) == null ? void 0 : _b7.default) == null ? void 0 : _c.elements) || {};
@@ -29228,7 +29219,7 @@ var getParticipantChipContent = (peerCount = 0) => {
 var useLocalTileAspectRatio = () => {
   const localPeer = useHMSStore71(selectLocalPeer9);
   const videoTrack = useHMSStore71(selectVideoTrackByID5(localPeer == null ? void 0 : localPeer.videoTrack));
-  const isMobile = useMedia28(config.media.md);
+  const isMobile = useMedia27(config.media.md);
   let aspectRatio = 0;
   if ((videoTrack == null ? void 0 : videoTrack.width) && (videoTrack == null ? void 0 : videoTrack.height)) {
     aspectRatio = videoTrack.width / videoTrack.height;
@@ -29282,7 +29273,7 @@ var PreviewJoin = ({
   const { elements = {} } = useRoomLayoutPreviewScreen();
   const { preview_header: previewHeader = {}, virtual_background } = elements || {};
   const aspectRatio = useLocalTileAspectRatio();
-  useEffect44(() => {
+  useEffect43(() => {
     if (authToken) {
       if (skipPreview) {
         savePreferenceAndJoin();
@@ -29291,7 +29282,7 @@ var PreviewJoin = ({
       }
     }
   }, [authToken, skipPreview]);
-  useEffect44(() => {
+  useEffect43(() => {
     if (initialName) {
       setName(initialName);
     }
@@ -29377,7 +29368,7 @@ var PreviewTile = ({ name, error }) => {
   );
 };
 var PreviewControls = ({ hideSettings, vbEnabled }) => {
-  const isMobile = useMedia28(config.media.md);
+  const isMobile = useMedia27(config.media.md);
   const isVBEnabledForUser = useHMSStore71(selectIsVBEnabled2);
   return /* @__PURE__ */ React136.createElement(
     Flex,
@@ -29401,7 +29392,7 @@ var PreviewJoin_default = PreviewJoin;
 // src/Prebuilt/components/RoleChangeRequest/RequestPrompt.tsx
 init_define_process_env();
 import React137 from "react";
-import { useMedia as useMedia29 } from "react-use";
+import { useMedia as useMedia28 } from "react-use";
 var RequestPrompt = ({
   open = true,
   onOpenChange,
@@ -29411,7 +29402,7 @@ var RequestPrompt = ({
   onAction,
   disableActions = false
 }) => {
-  const isMobile = useMedia29(config.media.md);
+  const isMobile = useMedia28(config.media.md);
   if (isMobile) {
     return /* @__PURE__ */ React137.createElement(Sheet.Root, { open, onOpenChange }, /* @__PURE__ */ React137.createElement(Sheet.Content, { css: { py: "$8" } }, /* @__PURE__ */ React137.createElement(Text, { css: { fontWeight: "$semiBold", c: "$on_surface_high", "@md": { px: "$8" } } }, title), body, /* @__PURE__ */ React137.createElement(RequestActions, { actionText, onAction, disabled: disableActions })));
   }
@@ -29425,7 +29416,7 @@ var RequestActions = ({
 
 // src/Prebuilt/components/RoleChangeRequest/RoleChangeRequestModal.tsx
 var RoleChangeRequestModal = () => {
-  const hmsActions = useHMSActions47();
+  const hmsActions = useHMSActions46();
   const { updateMetaData } = useMyMetadata();
   const isPreview = useHMSStore72(selectIsInPreview);
   const currentRole = useHMSStore72(selectLocalPeerRoleName4);
@@ -29434,7 +29425,7 @@ var RoleChangeRequestModal = () => {
   const { sendEvent } = useCustomEvent3({ type: ROLE_CHANGE_DECLINED });
   const { elements = {} } = useRoomLayoutPreviewScreen();
   const { virtual_background } = elements || {};
-  useEffect45(() => {
+  useEffect44(() => {
     if (!(roleChangeRequest == null ? void 0 : roleChangeRequest.role)) {
       return;
     }
@@ -29498,21 +29489,21 @@ var RoleChangeRequestModal = () => {
 
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
 init_define_process_env();
-import React172, { useEffect as useEffect63, useState as useState73 } from "react";
-import { useMedia as useMedia43 } from "react-use";
+import React172, { useEffect as useEffect62, useState as useState73 } from "react";
+import { useMedia as useMedia42 } from "react-use";
 import { match as match14 } from "ts-pattern";
 import {
   selectIsConnectedToRoom as selectIsConnectedToRoom9,
   selectIsLocalScreenShared as selectIsLocalScreenShared2,
   selectLocalPeerRoleName as selectLocalPeerRoleName6,
-  useHMSActions as useHMSActions50,
+  useHMSActions as useHMSActions49,
   useHMSStore as useHMSStore84
 } from "@100mslive/react-sdk";
 import { PeopleAddIcon as PeopleAddIcon3, ShareScreenIcon as ShareScreenIcon5 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/VideoLayouts/GridLayout.tsx
 init_define_process_env();
-import React153, { useEffect as useEffect54, useMemo as useMemo20, useState as useState66 } from "react";
+import React153, { useEffect as useEffect53, useMemo as useMemo20, useState as useState66 } from "react";
 import {
   selectLocalPeerID as selectLocalPeerID13,
   selectLocalPeerRoleName as selectLocalPeerRoleName5,
@@ -29525,8 +29516,8 @@ import {
 
 // src/Prebuilt/components/VideoLayouts/EqualProminence.tsx
 init_define_process_env();
-import React144, { useEffect as useEffect49, useState as useState60 } from "react";
-import { useMedia as useMedia32 } from "react-use";
+import React144, { useEffect as useEffect48, useState as useState60 } from "react";
+import { useMedia as useMedia31 } from "react-use";
 import { PeopleAddIcon as PeopleAddIcon2 } from "@100mslive/react-icons";
 
 // src/Prebuilt/layouts/WaitingView.tsx
@@ -29587,9 +29578,9 @@ var WaitingView = React139.memo(
 
 // src/Prebuilt/components/InsetTile.tsx
 init_define_process_env();
-import React141, { useEffect as useEffect46, useRef as useRef28 } from "react";
+import React141, { useEffect as useEffect45, useRef as useRef28 } from "react";
 import Draggable from "react-draggable";
-import { useMedia as useMedia30 } from "react-use";
+import { useMedia as useMedia29 } from "react-use";
 import {
   selectIsAllowedToPublish as selectIsAllowedToPublish3,
   selectLocalPeer as selectLocalPeer10,
@@ -29633,8 +29624,8 @@ var insetMaxWidthPx = 240;
 var defaultMobileAspectRatio = 9 / 16;
 var desktopAspectRatio = 1 / defaultMobileAspectRatio;
 var InsetTile = ({ peerId }) => {
-  const isMobile = useMedia30(config.media.md);
-  const isLandscape = useMedia30(config.media.ls);
+  const isMobile = useMedia29(config.media.md);
+  const isLandscape = useMedia29(config.media.ls);
   const selector = peerId ? selectPeerByID3(peerId) : selectLocalPeer10;
   const peer = useHMSStore73(selector);
   const [minimised, setMinimised] = useSetAppDataByKey(APP_DATA.minimiseInset);
@@ -29652,7 +29643,7 @@ var InsetTile = ({ peerId }) => {
     height = width / aspectRatio;
   }
   const nodeRef = useRef28(null);
-  useEffect46(() => {
+  useEffect45(() => {
     const node = nodeRef.current;
     if (!node || !window.ResizeObserver) {
       return;
@@ -29712,7 +29703,7 @@ var InsetTile = ({ peerId }) => {
 
 // src/Prebuilt/components/Pagination.tsx
 init_define_process_env();
-import React142, { useEffect as useEffect47 } from "react";
+import React142, { useEffect as useEffect46 } from "react";
 import { ChevronLeftIcon as ChevronLeftIcon7, ChevronRightIcon as ChevronRightIcon4 } from "@100mslive/react-icons";
 var Pagination = ({
   page,
@@ -29729,7 +29720,7 @@ var Pagination = ({
     e.stopPropagation();
     onPageChange(Math.max(page - 1, 0));
   };
-  useEffect47(() => {
+  useEffect46(() => {
     if (page >= numPages) {
       onPageChange(Math.max(0, numPages - 1));
     }
@@ -29793,8 +29784,8 @@ var Grid = React143.forwardRef(
 
 // src/Prebuilt/components/hooks/useTileLayout.tsx
 init_define_process_env();
-import { useEffect as useEffect48, useMemo as useMemo16, useState as useState59 } from "react";
-import { useMeasure as useMeasure5, useMedia as useMedia31 } from "react-use";
+import { useEffect as useEffect47, useMemo as useMemo16, useState as useState59 } from "react";
+import { useMeasure as useMeasure5, useMedia as useMedia30 } from "react-use";
 import {
   getPeersWithTiles,
   selectTracksMap as selectTracksMap4,
@@ -29830,9 +29821,9 @@ var useTileLayout = ({
 }) => {
   const vanillaStore = useHMSVanillaStore12();
   const [ref, { width, height }] = useMeasure5();
-  const isMobile = useMedia31(config.media.lg);
+  const isMobile = useMedia30(config.media.lg);
   const [pagesWithTiles, setPagesWithTiles] = useState59([]);
-  useEffect48(() => {
+  useEffect47(() => {
     if (width === 0 || height === 0) {
       return;
     }
@@ -29899,7 +29890,7 @@ var useTileLayout = ({
 // src/Prebuilt/components/VideoLayouts/EqualProminence.tsx
 function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSize, edgeToEdge }) {
   var _a8;
-  const isMobile = useMedia32(config.media.md);
+  const isMobile = useMedia31(config.media.md);
   let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
   maxTileCount = isMobile ? Math.min(maxTileCount, 6) : maxTileCount;
   const pageList = usePagesWithTiles({
@@ -29913,7 +29904,7 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
   });
   const [page, setPage] = useState60(0);
   const pageSize = ((_a8 = pagesWithTiles[0]) == null ? void 0 : _a8.length) || 0;
-  useEffect49(() => {
+  useEffect48(() => {
     if (pageSize > 0) {
       onPageSize == null ? void 0 : onPageSize(pageSize);
     }
@@ -29940,14 +29931,14 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
 
 // src/Prebuilt/components/VideoLayouts/RoleProminence.tsx
 init_define_process_env();
-import React147, { useEffect as useEffect51, useState as useState62 } from "react";
-import { useMedia as useMedia34 } from "react-use";
+import React147, { useEffect as useEffect50, useState as useState62 } from "react";
+import { useMedia as useMedia33 } from "react-use";
 import { selectLocalPeer as selectLocalPeer11, useHMSStore as useHMSStore75 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/SecondaryTiles.tsx
 init_define_process_env();
-import React146, { useEffect as useEffect50, useRef as useRef29, useState as useState61 } from "react";
-import { useMedia as useMedia33 } from "react-use";
+import React146, { useEffect as useEffect49, useRef as useRef29, useState as useState61 } from "react";
+import { useMedia as useMedia32 } from "react-use";
 import { selectAppData as selectAppData10, selectSessionStore as selectSessionStore12, selectTrackByID as selectTrackByID4, useHMSStore as useHMSStore74 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/VideoLayouts/ProminenceLayout.tsx
@@ -30032,7 +30023,7 @@ var ProminenceLayout = {
 // src/Prebuilt/components/SecondaryTiles.tsx
 var SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge, hasSidebar }) => {
   var _a8, _b7;
-  const isMobile = useMedia33(config.media.md);
+  const isMobile = useMedia32(config.media.md);
   const maxTileCount = isMobile ? 2 : 4;
   const [page, setPage] = useState61(0);
   const pinnedTrackId = useHMSStore74(selectAppData10(APP_DATA.pinnedTrackId));
@@ -30060,18 +30051,18 @@ var SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge, hasSidebar
     maxTileCount
   });
   const pageSize = ((_b7 = pagesWithTiles[0]) == null ? void 0 : _b7.length) || 0;
-  useEffect50(() => {
+  useEffect49(() => {
     var _a9;
     if (peers.length > 0 && !((_a9 = pagesWithTiles[page]) == null ? void 0 : _a9.length)) {
       setPage(Math.max(0, page - 1));
     }
   }, [peers, page, pagesWithTiles]);
-  useEffect50(() => {
+  useEffect49(() => {
     if (pageSize > 0) {
       onPageSize == null ? void 0 : onPageSize(pageSize);
     }
   }, [pageSize, onPageSize]);
-  useEffect50(() => {
+  useEffect49(() => {
     if ((pinnedPeer || spotlightPeerId) && page !== 0 && !pageChangedAfterPinning.current) {
       setPage(0);
       pageChangedAfterPinning.current = true;
@@ -30139,7 +30130,7 @@ function RoleProminence({
   var _a8;
   const { prominentPeers, secondaryPeers } = useRoleProminencePeers(prominentRoles, peers, isInsetEnabled);
   const localPeer = useHMSStore75(selectLocalPeer11);
-  const isMobile = useMedia34(config.media.md);
+  const isMobile = useMedia33(config.media.md);
   let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
   maxTileCount = isMobile ? 4 : maxTileCount;
   const pageList = usePagesWithTiles({
@@ -30152,7 +30143,7 @@ function RoleProminence({
   });
   const [page, setPage] = useState62(0);
   const pageSize = ((_a8 = pagesWithTiles[0]) == null ? void 0 : _a8.length) || 0;
-  useEffect51(() => {
+  useEffect50(() => {
     if (pageSize > 0) {
       onPageSize == null ? void 0 : onPageSize(pageSize);
     }
@@ -30172,14 +30163,14 @@ function RoleProminence({
 
 // src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
 init_define_process_env();
-import React151, { useEffect as useEffect52, useMemo as useMemo18, useState as useState65 } from "react";
-import { useMedia as useMedia36 } from "react-use";
+import React151, { useEffect as useEffect51, useMemo as useMemo18, useState as useState65 } from "react";
+import { useMedia as useMedia35 } from "react-use";
 import { selectPeersScreenSharing, useHMSStore as useHMSStore77 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/ScreenshareTile.tsx
 init_define_process_env();
 import React150, { useRef as useRef30, useState as useState64 } from "react";
-import { useFullscreen as useFullscreen2, useMedia as useMedia35 } from "react-use";
+import { useFullscreen as useFullscreen2, useMedia as useMedia34 } from "react-use";
 import screenfull2 from "screenfull";
 import {
   selectLocalPeerID as selectLocalPeerID12,
@@ -30297,10 +30288,10 @@ var LayoutModeSelector = () => {
 // src/Prebuilt/components/ScreenshareDisplay.tsx
 init_define_process_env();
 import React149 from "react";
-import { useHMSActions as useHMSActions48 } from "@100mslive/react-sdk";
+import { useHMSActions as useHMSActions47 } from "@100mslive/react-sdk";
 import { CrossIcon as CrossIcon26, ShareScreenIcon as ShareScreenIcon4 } from "@100mslive/react-icons";
 var ScreenshareDisplay = () => {
-  const hmsActions = useHMSActions48();
+  const hmsActions = useHMSActions47();
   return /* @__PURE__ */ React149.createElement(
     Flex,
     {
@@ -30347,7 +30338,7 @@ var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
   const peer = useHMSStore76(selectPeerByID4(peerId));
   const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
   const [isMouseHovered, setIsMouseHovered] = useState64(false);
-  const isMobile = useMedia35(config.media.md);
+  const isMobile = useMedia34(config.media.md);
   const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
   const fullscreenRef = useRef30(null);
   const [fullscreen, setFullscreen] = useState64(false);
@@ -30440,7 +30431,7 @@ var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
   const [page, setPage] = useState65(0);
   const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
   const activeSharePeer = peersSharing[page];
-  const isMobile = useMedia36(config.media.md);
+  const isMobile = useMedia35(config.media.md);
   const hasSidebar = !isMobile && layoutMode === LayoutMode.SIDEBAR;
   const secondaryPeers = useMemo18(() => {
     if (layoutMode === LayoutMode.SPOTLIGHT) {
@@ -30451,7 +30442,7 @@ var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
     }
     return peers.filter((p) => p.id !== (activeSharePeer == null ? void 0 : activeSharePeer.id));
   }, [activeSharePeer, peers, isMobile, layoutMode]);
-  useEffect52(() => {
+  useEffect51(() => {
     if (isMobile) {
       setLayoutMode(LayoutMode.GALLERY);
       return;
@@ -30464,7 +30455,7 @@ var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
       setLayoutMode(LayoutMode.GALLERY);
     };
   }, [isMobile]);
-  useEffect52(() => {
+  useEffect51(() => {
     setActiveScreenSharePeer(activeSharePeer == null ? void 0 : activeSharePeer.id);
     return () => {
       setActiveScreenSharePeer("");
@@ -30484,12 +30475,12 @@ var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
 
 // src/Prebuilt/components/VideoLayouts/WhiteboardLayout.tsx
 init_define_process_env();
-import React152, { useEffect as useEffect53, useMemo as useMemo19 } from "react";
-import { useMedia as useMedia37 } from "react-use";
+import React152, { useEffect as useEffect52, useMemo as useMemo19 } from "react";
+import { useMedia as useMedia36 } from "react-use";
 import { Whiteboard } from "@100mslive/hms-whiteboard";
 import { selectPeerByCondition, selectWhiteboard, useHMSStore as useHMSStore78, useWhiteboard as useWhiteboard2 } from "@100mslive/react-sdk";
 var WhiteboardEmbed = () => {
-  const isMobile = useMedia37(config.media.md);
+  const isMobile = useMedia36(config.media.md);
   const { token, endpoint, zoomToContent } = useWhiteboard2(isMobile);
   if (!token) {
     return null;
@@ -30514,7 +30505,7 @@ var WhiteboardLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
   const whiteboard = useHMSStore78(selectWhiteboard);
   const whiteboardOwner = useHMSStore78(selectPeerByCondition((peer) => peer.customerUserId === (whiteboard == null ? void 0 : whiteboard.owner)));
   const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
-  const isMobile = useMedia37(config.media.md);
+  const isMobile = useMedia36(config.media.md);
   const hasSidebar = !isMobile && layoutMode === LayoutMode.SIDEBAR;
   const secondaryPeers = useMemo19(() => {
     if (layoutMode === LayoutMode.SPOTLIGHT) {
@@ -30525,7 +30516,7 @@ var WhiteboardLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
     }
     return peers.filter((p) => p.id !== (whiteboardOwner == null ? void 0 : whiteboardOwner.id));
   }, [whiteboardOwner, peers, isMobile, layoutMode]);
-  useEffect53(() => {
+  useEffect52(() => {
     if (isMobile) {
       setLayoutMode(LayoutMode.GALLERY);
       return;
@@ -30703,7 +30694,7 @@ var GridLayout = ({
     hideMetadataOnTile: hide_metadata_on_tile,
     objectFit: video_object_fit
   };
-  useEffect54(() => {
+  useEffect53(() => {
     if (mainPage !== 0) {
       return;
     }
@@ -30760,7 +30751,7 @@ var GridLayout = ({
 
 // src/Prebuilt/layouts/EmbedView.jsx
 init_define_process_env();
-import React154, { useEffect as useEffect55, useMemo as useMemo21 } from "react";
+import React154, { useEffect as useEffect54, useMemo as useMemo21 } from "react";
 import { selectAppData as selectAppData11, selectPeers as selectPeers4, selectPeerScreenSharing as selectPeerScreenSharing3, useEmbedShare, useHMSStore as useHMSStore80 } from "@100mslive/react-sdk";
 var EmbedView = () => {
   return /* @__PURE__ */ React154.createElement(EmbedScreenShareView, null, /* @__PURE__ */ React154.createElement(EmbedComponent, null));
@@ -30773,7 +30764,7 @@ var EmbedScreenShareView = ({ children }) => {
     const smallTilePeers2 = peers.filter((peer) => peer.id !== (peerPresenting == null ? void 0 : peerPresenting.id));
     return smallTilePeers2;
   }, [peers, peerPresenting]);
-  useEffect55(() => {
+  useEffect54(() => {
     setActiveScreenSharePeer(peerPresenting == null ? void 0 : peerPresenting.id);
     return () => {
       setActiveScreenSharePeer("");
@@ -30785,7 +30776,7 @@ var EmbedComponent = () => {
   const embedConfig = useHMSStore80(selectAppData11(APP_DATA.embedConfig));
   const resetConfig = useResetEmbedConfig();
   const { iframeRef, startEmbedShare, isEmbedShareInProgress } = useEmbedShare(resetConfig);
-  useEffect55(() => {
+  useEffect54(() => {
     (() => __async(void 0, null, function* () {
       if (embedConfig && !isEmbedShareInProgress) {
         try {
@@ -30833,8 +30824,8 @@ var EmbedComponent = () => {
 
 // src/Prebuilt/layouts/HLSView.jsx
 init_define_process_env();
-import React169, { useCallback as useCallback37, useEffect as useEffect59, useRef as useRef31, useState as useState71 } from "react";
-import { useFullscreen as useFullscreen3, useMedia as useMedia41, usePrevious as usePrevious2, useToggle } from "react-use";
+import React169, { useCallback as useCallback37, useEffect as useEffect58, useRef as useRef31, useState as useState71 } from "react";
+import { useFullscreen as useFullscreen3, useMedia as useMedia40, usePrevious as usePrevious2, useToggle } from "react-use";
 import { HLSPlaybackState, HMSHLSPlayer as HMSHLSPlayer2, HMSHLSPlayerEvents as HMSHLSPlayerEvents2 } from "@100mslive/hls-player";
 import screenfull3 from "screenfull";
 import { match as match13, P as P6 } from "ts-pattern";
@@ -30845,7 +30836,7 @@ import {
   selectHLSState as selectHLSState6,
   selectPeerNameByID as selectPeerNameByID6,
   selectPollByID as selectPollByID5,
-  useHMSActions as useHMSActions49,
+  useHMSActions as useHMSActions48,
   useHMSNotifications as useHMSNotifications2,
   useHMSStore as useHMSStore81,
   useHMSVanillaStore as useHMSVanillaStore14
@@ -30960,11 +30951,11 @@ var RightControls = styled(Flex, {
 
 // src/Prebuilt/components/HMSVideo/HMSVideo.jsx
 init_define_process_env();
-import React156, { forwardRef, useEffect as useEffect56, useState as useState67 } from "react";
+import React156, { forwardRef, useEffect as useEffect55, useState as useState67 } from "react";
 var HMSVideo = forwardRef((_a8, videoRef) => {
   var _b7 = _a8, { children, isFullScreen } = _b7, props = __objRest(_b7, ["children", "isFullScreen"]);
   const [width, setWidth] = useState67("auto");
-  useEffect56(() => {
+  useEffect55(() => {
     const updatingVideoWidth = () => {
       const videoEl2 = videoRef.current;
       if (!videoEl2) {
@@ -31039,7 +31030,7 @@ var HMSVideo = forwardRef((_a8, videoRef) => {
 // src/Prebuilt/components/HMSVideo/PlayPauseSeekControls.tsx
 init_define_process_env();
 import React160 from "react";
-import { useMedia as useMedia38 } from "react-use";
+import { useMedia as useMedia37 } from "react-use";
 import { BackwardArrowIcon, ForwardArrowIcon } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/HMSVideo/PlayPauseButton.tsx
@@ -31116,7 +31107,7 @@ var PlayPauseSeekOverlayControls = ({
   showControls,
   hoverControlsVisible
 }) => {
-  const isMobile = useMedia38(config.media.md);
+  const isMobile = useMedia37(config.media.md);
   const isLandscape = useIsLandscape();
   if (!isMobile && !isLandscape) {
     return /* @__PURE__ */ React160.createElement(React160.Fragment, null, /* @__PURE__ */ React160.createElement(
@@ -31215,7 +31206,7 @@ var PlayPauseSeekOverlayControls = ({
 
 // src/Prebuilt/components/HMSVideo/VideoProgress.tsx
 init_define_process_env();
-import React161, { useCallback as useCallback35, useEffect as useEffect57, useState as useState68 } from "react";
+import React161, { useCallback as useCallback35, useEffect as useEffect56, useState as useState68 } from "react";
 
 // src/Prebuilt/components/HMSVideo/utils.ts
 init_define_process_env();
@@ -31280,7 +31271,7 @@ var VideoProgress = ({
     }
     setProgress();
   }, [seekProgress, setProgress, videoEl]);
-  useEffect57(() => {
+  useEffect56(() => {
     if (!videoEl) {
       return;
     }
@@ -31343,7 +31334,7 @@ var VideoProgress = ({
 
 // src/Prebuilt/components/HMSVideo/VideoTime.tsx
 init_define_process_env();
-import React162, { useCallback as useCallback36, useEffect as useEffect58, useState as useState69 } from "react";
+import React162, { useCallback as useCallback36, useEffect as useEffect57, useState as useState69 } from "react";
 import { HMSHLSPlayerEvents } from "@100mslive/hls-player";
 var VideoTime = () => {
   const { hlsPlayer: hlsPlayer2 } = useHMSPlayerContext();
@@ -31360,7 +31351,7 @@ var VideoTime = () => {
     },
     [hlsPlayer2]
   );
-  useEffect58(() => {
+  useEffect57(() => {
     const timeupdateHandler = (currentTime) => {
       updateTime(currentTime);
     };
@@ -31489,14 +31480,14 @@ var FullScreenButton2 = ({ isFullScreen, onToggle }) => {
 // src/Prebuilt/components/HMSVideo/HLSAutoplayBlockedPrompt.tsx
 init_define_process_env();
 import React165 from "react";
-import { useMedia as useMedia39 } from "react-use";
+import { useMedia as useMedia38 } from "react-use";
 import { VolumeTwoIcon as VolumeTwoIcon2 } from "@100mslive/react-icons";
 function HLSAutoplayBlockedPrompt({
   open,
   unblockAutoPlay
 }) {
   const isLandscape = useIsLandscape();
-  const isMobile = useMedia39(config.media.md);
+  const isMobile = useMedia38(config.media.md);
   if ((isMobile || isLandscape) && open) {
     return /* @__PURE__ */ React165.createElement(
       IconButton,
@@ -31561,7 +31552,7 @@ function HLSCaptionSelector({ isEnabled }) {
 // src/Prebuilt/components/HMSVideo/HLSQualitySelector.tsx
 init_define_process_env();
 import React167 from "react";
-import { useMedia as useMedia40 } from "react-use";
+import { useMedia as useMedia39 } from "react-use";
 import { CheckIcon as CheckIcon8, CrossIcon as CrossIcon28, SettingsIcon as SettingsIcon7 } from "@100mslive/react-icons";
 function HLSQualitySelector({
   open,
@@ -31572,7 +31563,7 @@ function HLSQualitySelector({
   isAuto,
   containerRef
 }) {
-  const isMobile = useMedia40(config.media.md);
+  const isMobile = useMedia39(config.media.md);
   const isLandscape = useIsLandscape();
   if (layers.length === 0) {
     return null;
@@ -31833,9 +31824,9 @@ var ToggleChat = ({ isFullScreen = false }) => {
   const { elements } = useRoomLayoutConferencingScreen();
   const sidepane = useHMSStore81(selectAppData12(APP_DATA.sidePane));
   const showChat = !!(elements == null ? void 0 : elements.chat);
-  const isMobile = useMedia41(config.media.md);
-  const hmsActions = useHMSActions49();
-  useEffect59(() => {
+  const isMobile = useMedia40(config.media.md);
+  const hmsActions = useHMSActions48();
+  useEffect58(() => {
     match13({ sidepane, isMobile, showChat, isFullScreen }).with({ isFullScreen: true }, () => {
       hmsActions.setAppData(APP_DATA.sidePane, "");
     }).with({ isMobile: true, showChat: true, sidepane: P6.when((value) => !value) }, () => {
@@ -31855,7 +31846,7 @@ var HLSView = () => {
   const hlsState = useHMSStore81(selectHLSState6);
   const enablHlsStats = useHMSStore81(selectAppData12(APP_DATA.hlsStats));
   const notification = useHMSNotifications2(HMSNotificationTypes2.POLL_STOPPED);
-  const hmsActions = useHMSActions49();
+  const hmsActions = useHMSActions48();
   const { themeType } = useTheme();
   const [streamEnded, setStreamEnded] = useState71(false);
   let [hlsStatsState, setHlsStatsState] = useState71(null);
@@ -31884,13 +31875,13 @@ var HLSView = () => {
   const isFullScreenSupported = screenfull3.isEnabled;
   const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
   const showChat = !!(elements == null ? void 0 : elements.chat);
-  const isMobile = useMedia41(config.media.md);
+  const isMobile = useMedia40(config.media.md);
   const isLandscape = useIsLandscape();
   const isFullScreen = useFullscreen3(hlsViewRef, show, {
     onClose: () => toggle(false)
   });
   const [showLoader, setShowLoader] = useState71(false);
-  useEffect59(() => {
+  useEffect58(() => {
     const videoEl = videoRef.current;
     const showLoader2 = () => setShowLoader(true);
     const hideLoader = () => setShowLoader(false);
@@ -31901,12 +31892,12 @@ var HLSView = () => {
       videoEl == null ? void 0 : videoEl.removeEventListener("waiting", showLoader2);
     };
   }, []);
-  useEffect59(() => {
+  useEffect58(() => {
     if (streamEnded && lastHlsUrl !== hlsUrl) {
       setStreamEnded(false);
     }
   }, [hlsUrl, streamEnded, lastHlsUrl]);
-  useEffect59(() => {
+  useEffect58(() => {
     if (!notification)
       return;
     const toastID = toastMap == null ? void 0 : toastMap[notification.data.id];
@@ -31915,7 +31906,7 @@ var HLSView = () => {
       delete toastMap[notification.data.id];
     }
   }, [notification]);
-  useEffect59(() => {
+  useEffect58(() => {
     const videoElem = videoRef.current;
     const setStreamEndedCallback = () => {
       setStreamEnded(true);
@@ -31937,7 +31928,7 @@ var HLSView = () => {
     [availableLayers]
     //eslint-disable-line
   );
-  useEffect59(() => {
+  useEffect58(() => {
     let videoEl = videoRef.current;
     const manifestLoadedHandler = ({ layers }) => {
       setAvailableLayers(layers);
@@ -32050,7 +32041,7 @@ var HLSView = () => {
       };
     }
   }, [hlsUrl, vanillaStore, hmsActions]);
-  useEffect59(() => {
+  useEffect58(() => {
     const onHLSStats = (state) => setHlsStatsState(state);
     if (enablHlsStats) {
       hlsPlayer == null ? void 0 : hlsPlayer.on(HMSHLSPlayerEvents2.STATS, onHLSStats);
@@ -32072,7 +32063,7 @@ var HLSView = () => {
   const sfnOverlayClose = () => {
     hmsActions.setAppData(APP_DATA.hlsStats, !enablHlsStats);
   };
-  useEffect59(() => {
+  useEffect58(() => {
     if (controlsVisible && isFullScreen && !qualityDropDownOpen) {
       if (controlsTimerRef.current) {
         clearTimeout(controlsTimerRef.current);
@@ -32438,18 +32429,18 @@ var HLSView_default = HLSView;
 
 // src/Prebuilt/layouts/PDFView.jsx
 init_define_process_env();
-import React170, { useEffect as useEffect60 } from "react";
+import React170, { useEffect as useEffect59 } from "react";
 import { usePDFShare } from "@100mslive/react-sdk";
 var PDFView = () => {
   const pdfConfig = usePDFConfig();
   const resetConfig = useResetPDFConfig();
   const { iframeRef, startPDFShare, isPDFShareInProgress } = usePDFShare(resetConfig);
-  useEffect60(() => {
+  useEffect59(() => {
     return () => {
       resetConfig();
     };
   }, []);
-  useEffect60(() => {
+  useEffect59(() => {
     (() => __async(void 0, null, function* () {
       try {
         if (!isPDFShareInProgress && pdfConfig) {
@@ -32497,9 +32488,9 @@ var PDFView = () => {
 
 // src/Prebuilt/plugins/CaptionsViewer.tsx
 init_define_process_env();
-import React171, { useEffect as useEffect61, useRef as useRef32, useState as useState72 } from "react";
+import React171, { useEffect as useEffect60, useRef as useRef32, useState as useState72 } from "react";
 import Draggable2 from "react-draggable";
-import { useMedia as useMedia42 } from "react-use";
+import { useMedia as useMedia41 } from "react-use";
 import {
   selectIsTranscriptionEnabled as selectIsTranscriptionEnabled5,
   selectPeerNameByID as selectPeerNameByID7,
@@ -32661,7 +32652,7 @@ var CaptionsViewer = ({
 }) => {
   var _a8;
   const { elements, screenType } = useRoomLayoutConferencingScreen();
-  const isMobile = useMedia42(config.media.md);
+  const isMobile = useMedia41(config.media.md);
   const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
   const showCaptionAtTop = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.is_overlay) && isChatOpen && isMobile;
   const [captionQueue] = useState72(new CaptionMaintainerQueue());
@@ -32669,7 +32660,7 @@ var CaptionsViewer = ({
   const isCaptionEnabled = useIsCaptionEnabled();
   const isTranscriptionEnabled = useHMSStore82(selectIsTranscriptionEnabled5);
   const nodeRef = useRef32(null);
-  useEffect61(() => {
+  useEffect60(() => {
     const timeInterval = setInterval(() => {
       var _a9;
       if (!captionQueue) {
@@ -32736,12 +32727,12 @@ var CaptionsViewer = ({
 
 // src/Prebuilt/components/hooks/useCloseScreenshareWhiteboard.tsx
 init_define_process_env();
-import { useEffect as useEffect62 } from "react";
+import { useEffect as useEffect61 } from "react";
 import { selectPeerScreenSharing as selectPeerScreenSharing4, useHMSStore as useHMSStore83, useWhiteboard as useWhiteboard3 } from "@100mslive/react-sdk";
 var useCloseScreenshareWhiteboard = () => {
   const peerSharing = useHMSStore83(selectPeerScreenSharing4);
   const { isOwner: isWhiteboardOwner, toggle: toggleWhiteboard } = useWhiteboard3();
-  useEffect62(() => {
+  useEffect61(() => {
     if (isWhiteboardOwner && peerSharing) {
       toggleWhiteboard == null ? void 0 : toggleWhiteboard();
     }
@@ -32758,16 +32749,16 @@ var VideoStreamingSection = ({
   const localPeerRoleName = useHMSStore84(selectLocalPeerRoleName6);
   const isConnected = useHMSStore84(selectIsConnectedToRoom9);
   const isSharingScreen = useHMSStore84(selectIsLocalScreenShared2);
-  const hmsActions = useHMSActions50();
+  const hmsActions = useHMSActions49();
   const urlToIframe = useUrlToEmbed();
   const pdfAnnotatorActive = usePDFConfig();
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeHLSStream = useLandscapeHLSStream();
-  const isMobile = useMedia43(config.media.md);
+  const isMobile = useMedia42(config.media.md);
   const [captionPosition, setCaptionPosition] = useState73({ x: isMobile ? 0 : -200, y: 0 });
   useCloseScreenshareWhiteboard();
   const { isNotAllowedToPublish, isScreenOnlyPublishParams, hasSubscribedRolePublishing } = useWaitingRoomInfo();
-  useEffect63(() => {
+  useEffect62(() => {
     if (!isConnected) {
       return;
     }
@@ -32866,17 +32857,17 @@ init_define_process_env();
 // src/Prebuilt/components/Header/Header.tsx
 init_define_process_env();
 import React175 from "react";
-import { useMedia as useMedia45 } from "react-use";
+import { useMedia as useMedia44 } from "react-use";
 import { HMSRoomState as HMSRoomState8, selectRoomState as selectRoomState8, useHMSStore as useHMSStore86 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Header/RoomDetailsHeader.tsx
 init_define_process_env();
 import React173 from "react";
-import { useMedia as useMedia44 } from "react-use";
+import { useMedia as useMedia43 } from "react-use";
 import { ChevronRightIcon as ChevronRightIcon5 } from "@100mslive/react-icons";
 var RoomDetailsHeader = () => {
   const { title, description } = useRoomLayoutHeader();
-  const isMobile = useMedia44(config.media.md);
+  const isMobile = useMedia43(config.media.md);
   const clipLength = 30;
   const toggleDetailsPane = useSidepaneToggle(SIDE_PANE_OPTIONS.ROOM_DETAILS);
   const toggleDetailsSheet = useSheetToggle(SHEET_OPTIONS.ROOM_DETAILS);
@@ -32904,7 +32895,7 @@ import {
   selectLocalVideoTrackID as selectLocalVideoTrackID3,
   selectVideoTrackByID as selectVideoTrackByID7,
   useDevices as useDevices3,
-  useHMSActions as useHMSActions51,
+  useHMSActions as useHMSActions50,
   useHMSStore as useHMSStore85
 } from "@100mslive/react-sdk";
 import {
@@ -32917,7 +32908,7 @@ import {
   TelePhoneIcon
 } from "@100mslive/react-icons";
 var CamaraFlipActions = () => {
-  const actions = useHMSActions51();
+  const actions = useHMSActions50();
   const { allDevices } = useDevices3();
   const { videoInput } = allDevices;
   const isVideoOn = useHMSStore85(selectIsLocalVideoEnabled8);
@@ -32954,7 +32945,7 @@ var AudioActions = () => {
     availableAudioDevices = audioOutput;
     selectedAudio = selectedDeviceIDs.audioOutput;
   }
-  const hmsActions = useHMSActions51();
+  const hmsActions = useHMSActions50();
   const audioFiltered = availableAudioDevices == null ? void 0 : availableAudioDevices.find((item) => !!item.label);
   const currentSelection = availableAudioDevices == null ? void 0 : availableAudioDevices.find((item) => item.deviceId === selectedAudio);
   if (!audioFiltered) {
@@ -33062,7 +33053,7 @@ var SelectWithLabel = ({ label, icon = /* @__PURE__ */ React174.createElement(Re
 // src/Prebuilt/components/Header/Header.tsx
 var Header2 = () => {
   const roomState = useHMSStore86(selectRoomState8);
-  const isMobile = useMedia45(config.media.md);
+  const isMobile = useMedia44(config.media.md);
   if (roomState !== HMSRoomState8.Connected) {
     return /* @__PURE__ */ React175.createElement(React175.Fragment, null);
   }
@@ -33083,12 +33074,12 @@ var Header2 = () => {
 
 // src/Prebuilt/components/PreviousRoleInMetadata.tsx
 init_define_process_env();
-import { useEffect as useEffect64 } from "react";
+import { useEffect as useEffect63 } from "react";
 import { selectLocalPeerRoleName as selectLocalPeerRoleName7, useHMSVanillaStore as useHMSVanillaStore15 } from "@100mslive/react-sdk";
 var PreviousRoleInMetadata = () => {
   const vanillaStore = useHMSVanillaStore15();
   const { updateMetaData } = useMyMetadata();
-  useEffect64(() => {
+  useEffect63(() => {
     let previousRole = vanillaStore.getState(selectLocalPeerRoleName7);
     const unsubscribe = vanillaStore.subscribe((currentRole) => {
       if (previousRole !== currentRole && currentRole) {
@@ -33109,7 +33100,7 @@ var ConferenceScreen = () => {
   const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
   const roomState = useHMSStore87(selectRoomState9);
   const isConnectedToRoom = useHMSStore87(selectIsConnectedToRoom10);
-  const hmsActions = useHMSActions52();
+  const hmsActions = useHMSActions51();
   const authTokenInAppData = useAuthToken();
   const headerRef = useRef33(null);
   const footerRef = useRef33(null);
@@ -33120,7 +33111,7 @@ var ConferenceScreen = () => {
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeHLSStream = useLandscapeHLSStream();
   const isMwebHLSStream = isMobileHLSStream || isLandscapeHLSStream;
-  useEffect65(() => {
+  useEffect64(() => {
     if (authTokenInAppData && !isConnectedToRoom && !isPreviewScreenEnabled && roomState !== HMSRoomState9.Connecting && !autoRoomJoined.current) {
       hmsActions.join({
         userName: userName || uuid3(),
@@ -33145,7 +33136,7 @@ var ConferenceScreen = () => {
     userName,
     requestPermission
   ]);
-  useEffect65(() => {
+  useEffect64(() => {
     onJoinFunc == null ? void 0 : onJoinFunc();
     return () => {
       PictureInPicture.stop().catch((error) => console.error("stopping pip", error.message));
@@ -33324,11 +33315,11 @@ var ErrorBoundary = class extends Component {
 
 // src/Prebuilt/components/init/Init.jsx
 init_define_process_env();
-import React178, { useEffect as useEffect67 } from "react";
+import React178, { useEffect as useEffect66 } from "react";
 
 // src/Prebuilt/services/FeatureFlags.jsx
 init_define_process_env();
-import { useEffect as useEffect66 } from "react";
+import { useEffect as useEffect65 } from "react";
 import { selectRoomID, useHMSStore as useHMSStore88 } from "@100mslive/react-sdk";
 var FeatureFlags = class {
   static init(roomId) {
@@ -33355,7 +33346,7 @@ __publicField(FeatureFlags, "enableStatsForNerds", define_process_env_default.RE
 __publicField(FeatureFlags, "enableWhiteboard", define_process_env_default.REACT_APP_ENABLE_WHITEBOARD && define_process_env_default.REACT_APP_PUSHER_APP_KEY && define_process_env_default.REACT_APP_PUSHER_AUTHENDPOINT);
 function FeatureFlagsInit() {
   const roomId = useHMSStore88(selectRoomID);
-  useEffect66(() => {
+  useEffect65(() => {
     if (roomId) {
       FeatureFlags.init(roomId);
     }
@@ -33366,10 +33357,10 @@ function FeatureFlagsInit() {
 // src/Prebuilt/components/init/Init.jsx
 var Init = () => {
   const { toggleTheme } = useTheme();
-  useEffect67(() => {
+  useEffect66(() => {
     window.toggleUiTheme = toggleTheme;
   }, [toggleTheme]);
-  useEffect67(() => {
+  useEffect66(() => {
     function resetHeight() {
       var _a8;
       document.body.style.height = `${((_a8 = window.visualViewport) == null ? void 0 : _a8.height) || window.innerHeight}px`;
@@ -33385,12 +33376,12 @@ var Init = () => {
 
 // src/Prebuilt/components/Input/KeyboardInputManager.js
 init_define_process_env();
-import { useEffect as useEffect68 } from "react";
+import { useEffect as useEffect67 } from "react";
 import {
   selectAppData as selectAppData13,
   selectIsLocalAudioEnabled as selectIsLocalAudioEnabled2,
   selectIsLocalVideoEnabled as selectIsLocalVideoEnabled9,
-  useHMSActions as useHMSActions53,
+  useHMSActions as useHMSActions52,
   useHMSVanillaStore as useHMSVanillaStore16
 } from "@100mslive/react-sdk";
 var isEvenListenersAttached = false;
@@ -33479,8 +33470,8 @@ _bind = new WeakMap();
 _unbind = new WeakMap();
 var KeyboardHandler = () => {
   const store = useHMSVanillaStore16();
-  const actions = useHMSActions53();
-  useEffect68(() => {
+  const actions = useHMSActions52();
+  useEffect67(() => {
     const keyboardManager = new KeyboardInputManager(store, actions);
     keyboardManager.bindAllShortcuts();
     return keyboardManager.unbindAllShortcuts;
@@ -33496,13 +33487,13 @@ import { ExitIcon as ExitIcon3 } from "@100mslive/react-icons";
 // src/Prebuilt/components/EndCallFeedback/Feedback.tsx
 init_define_process_env();
 import React181, { useState as useState76 } from "react";
-import { useMedia as useMedia48 } from "react-use";
+import { useMedia as useMedia47 } from "react-use";
 
 // src/Prebuilt/components/EndCallFeedback/FeedbackForm.tsx
 init_define_process_env();
 import React179, { useState as useState74 } from "react";
-import { useMedia as useMedia46 } from "react-use";
-import { useHMSActions as useHMSActions54 } from "@100mslive/react-sdk";
+import { useMedia as useMedia45 } from "react-use";
+import { useHMSActions as useHMSActions53 } from "@100mslive/react-sdk";
 import { CheckIcon as CheckIcon10, CrossIcon as CrossIcon30 } from "@100mslive/react-icons";
 var FEEBACK_INDEX = {
   THANK_YOU: -10,
@@ -33513,7 +33504,7 @@ var FeedbackModal = ({
   index,
   setIndex
 }) => {
-  const isMobile = useMedia46(config.media.md);
+  const isMobile = useMedia45(config.media.md);
   const onOpenChange = () => {
     setIndex(FEEBACK_INDEX.INIT);
   };
@@ -33548,8 +33539,8 @@ var FeedbackContent = ({
 }) => {
   const { feedback } = useRoomLayoutLeaveScreen();
   const { endpoints } = useHMSPrebuiltContext();
-  const isMobile = useMedia46(config.media.md);
-  const hmsActions = useHMSActions54();
+  const isMobile = useMedia45(config.media.md);
+  const hmsActions = useHMSActions53();
   const [comment, setComment] = useState74("");
   const [selectedReasons, setSelectedReasons] = useState74(/* @__PURE__ */ new Set());
   const handleCheckedChange = (checked, index) => {
@@ -33637,7 +33628,7 @@ var FeedbackHeader = ({
   ratings,
   indexSelected = FEEBACK_INDEX.INIT
 }) => {
-  const isMobile = useMedia46(config.media.md);
+  const isMobile = useMedia45(config.media.md);
   const { feedback } = useRoomLayoutLeaveScreen();
   return /* @__PURE__ */ React179.createElement(React179.Fragment, null, /* @__PURE__ */ React179.createElement(Flex, { align: "center" }, /* @__PURE__ */ React179.createElement(
     Flex,
@@ -33858,11 +33849,11 @@ var FeedbackForm = ({
 // src/Prebuilt/components/EndCallFeedback/ThankyouView.tsx
 init_define_process_env();
 import React180, { useState as useState75 } from "react";
-import { useMedia as useMedia47 } from "react-use";
+import { useMedia as useMedia46 } from "react-use";
 import { CrossIcon as CrossIcon31, UserMusicIcon } from "@100mslive/react-icons";
 var ThankyouView = () => {
   const [isVisible, setIsVisible] = useState75(true);
-  const isMobile = useMedia47(config.media.md);
+  const isMobile = useMedia46(config.media.md);
   if (!isVisible) {
     return null;
   }
@@ -33920,7 +33911,7 @@ var ThankyouView = () => {
 var Feedback = () => {
   const { feedback } = useRoomLayoutLeaveScreen();
   const [index, setIndex] = useState76(FEEBACK_INDEX.INIT);
-  const isMobile = useMedia48(config.media.md);
+  const isMobile = useMedia47(config.media.md);
   if (!feedback) {
     return null;
   }
@@ -34024,15 +34015,15 @@ var LeaveScreen = () => {
 
 // src/Prebuilt/components/MwebLandscapePrompt.tsx
 init_define_process_env();
-import React183, { useEffect as useEffect69, useState as useState77 } from "react";
-import { useMedia as useMedia49 } from "react-use";
+import React183, { useEffect as useEffect68, useState as useState77 } from "react";
+import { useMedia as useMedia48 } from "react-use";
 import { match as match15, P as P7 } from "ts-pattern";
 import { RefreshIcon } from "@100mslive/react-icons";
 var MwebLandscapePrompt = () => {
   const [showMwebLandscapePrompt, setShowMwebLandscapePrompt] = useState77(false);
-  const isLandscape = useMedia49(config.media.ls);
+  const isLandscape = useMedia48(config.media.ls);
   const isLandscapeHLSStream = useLandscapeHLSStream();
-  useEffect69(() => {
+  useEffect68(() => {
     var _a8;
     if (!isMobileUserAgent) {
       setShowMwebLandscapePrompt(false);
@@ -34113,7 +34104,7 @@ function AutoplayBlockedModal() {
 
 // src/Prebuilt/components/Notifications/ChatNotifications.tsx
 init_define_process_env();
-import React185, { useEffect as useEffect70 } from "react";
+import React185, { useEffect as useEffect69 } from "react";
 import { v4 as uuid4 } from "uuid";
 import { selectLocalPeerID as selectLocalPeerID14, selectSessionStore as selectSessionStore13, useHMSStore as useHMSStore89 } from "@100mslive/react-sdk";
 import { ChatIcon as ChatIcon2, ChatUnreadIcon } from "@100mslive/react-icons";
@@ -34121,7 +34112,7 @@ var NOTIFICATION_TIME_DIFFERENCE = 5e3;
 var ChatNotifications = () => {
   const chatState = useHMSStore89(selectSessionStore13("chatState" /* CHAT_STATE */));
   const localPeerId = useHMSStore89(selectLocalPeerID14);
-  useEffect70(() => {
+  useEffect69(() => {
     var _a8, _b7;
     if (!chatState || ((_a8 = chatState.updatedBy) == null ? void 0 : _a8.peerId) === localPeerId) {
       return;
@@ -34142,11 +34133,11 @@ var ChatNotifications = () => {
 
 // src/Prebuilt/components/Notifications/DeviceChangeNotifications.tsx
 init_define_process_env();
-import { useEffect as useEffect71 } from "react";
+import { useEffect as useEffect70 } from "react";
 import { HMSNotificationTypes as HMSNotificationTypes3, useHMSNotifications as useHMSNotifications3 } from "@100mslive/react-sdk";
 var DeviceChangeNotifications = () => {
   const notification = useHMSNotifications3(HMSNotificationTypes3.DEVICE_CHANGE_UPDATE);
-  useEffect71(() => {
+  useEffect70(() => {
     if (notification) {
       ToastManager.addToast({
         title: notification.message
@@ -34158,7 +34149,7 @@ var DeviceChangeNotifications = () => {
 
 // src/Prebuilt/components/Notifications/DeviceInUseError.tsx
 init_define_process_env();
-import React186, { useEffect as useEffect72, useState as useState78 } from "react";
+import React186, { useEffect as useEffect71, useState as useState78 } from "react";
 import {
   HMSNotificationTypes as HMSNotificationTypes4,
   HMSTrackExceptionTrackType,
@@ -34169,7 +34160,7 @@ function DeviceInUseError() {
   const notification = useHMSNotifications4(HMSNotificationTypes4.ERROR);
   const [showDeviceInUseModal, setShowDeviceInUseModal] = useState78(false);
   const [deviceType, setDeviceType] = useState78("");
-  useEffect72(() => {
+  useEffect71(() => {
     const error = notification == null ? void 0 : notification.data;
     if (!error || error.code !== 3003) {
       return;
@@ -34218,13 +34209,13 @@ function DeviceInUseError() {
 
 // src/Prebuilt/components/Notifications/ErrorNotifications.tsx
 init_define_process_env();
-import React187, { useEffect as useEffect73 } from "react";
+import React187, { useEffect as useEffect72 } from "react";
 import { HMSNotificationTypes as HMSNotificationTypes5, useHMSNotifications as useHMSNotifications5 } from "@100mslive/react-sdk";
 import { GroupIcon as GroupIcon2 } from "@100mslive/react-icons";
 var ErrorNotifications = () => {
   const notification = useHMSNotifications5(HMSNotificationTypes5.ERROR);
   const subscribedNotifications = useSubscribedNotifications() || {};
-  useEffect73(() => {
+  useEffect72(() => {
     if (!notification || !notification.data)
       return;
     const { isTerminal, action, code, message, description } = notification.data;
@@ -34264,7 +34255,7 @@ var ErrorNotifications = () => {
 
 // src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx
 init_define_process_env();
-import { useEffect as useEffect74 } from "react";
+import { useEffect as useEffect73 } from "react";
 import { useDebounce as useDebounce2 } from "react-use";
 import {
   HMSNotificationTypes as HMSNotificationTypes6,
@@ -34286,7 +34277,7 @@ init_define_process_env();
 // src/Prebuilt/components/Toast/ToastConfig.jsx
 init_define_process_env();
 import React188, { useCallback as useCallback38 } from "react";
-import { selectPeerByID as selectPeerByID5, useHMSActions as useHMSActions55, useHMSStore as useHMSStore90 } from "@100mslive/react-sdk";
+import { selectPeerByID as selectPeerByID5, useHMSActions as useHMSActions54, useHMSStore as useHMSStore90 } from "@100mslive/react-sdk";
 import {
   ChatUnreadIcon as ChatUnreadIcon2,
   ConnectivityIcon,
@@ -34305,7 +34296,7 @@ var ChatAction = React188.forwardRef((_, ref) => {
 });
 var HandRaiseAction = React188.forwardRef(({ id = "", isSingleHandRaise = true }, ref) => {
   var _a8, _b7, _c;
-  const hmsActions = useHMSActions55();
+  const hmsActions = useHMSActions54();
   const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
   const isParticipantsOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.PARTICIPANTS);
   const peer = useHMSStore90(selectPeerByID5(id));
@@ -34524,7 +34515,7 @@ var HandRaisedNotifications = () => {
   const amIScreenSharing = useHMSStore91(selectIsLocalScreenShared3);
   const { showNotification } = useAwayNotifications4();
   const logoURL = (_b7 = (_a8 = useRoomLayout()) == null ? void 0 : _a8.logo) == null ? void 0 : _b7.url;
-  useEffect74(() => {
+  useEffect73(() => {
     var _a9;
     if (!(notification == null ? void 0 : notification.data)) {
       return;
@@ -34564,13 +34555,13 @@ var HandRaisedNotifications = () => {
 
 // src/Prebuilt/components/Notifications/InitErrorModal.tsx
 init_define_process_env();
-import React189, { useEffect as useEffect75, useState as useState79 } from "react";
+import React189, { useEffect as useEffect74, useState as useState79 } from "react";
 import { HMSNotificationTypes as HMSNotificationTypes7, useHMSNotifications as useHMSNotifications7 } from "@100mslive/react-sdk";
 var InitErrorModal = () => {
   const notification = useHMSNotifications7(HMSNotificationTypes7.ERROR);
   const [showModal, setShowModal] = useState79(false);
   const [info, setInfo] = useState79({ title: "Init Error", description: "" });
-  useEffect75(() => {
+  useEffect74(() => {
     const data3 = notification == null ? void 0 : notification.data;
     if (!data3 || data3.action !== "INIT") {
       return;
@@ -34595,7 +34586,7 @@ var InitErrorModal = () => {
 
 // src/Prebuilt/components/Notifications/MessageNotifications.tsx
 init_define_process_env();
-import { useEffect as useEffect76 } from "react";
+import { useEffect as useEffect75 } from "react";
 import { useAwayNotifications as useAwayNotifications5, useHMSNotifications as useHMSNotifications8, useHMSStore as useHMSStore92 } from "@100mslive/react-sdk";
 var MessageNotifications = () => {
   var _a8, _b7;
@@ -34604,7 +34595,7 @@ var MessageNotifications = () => {
   const logoURL = (_b7 = (_a8 = useRoomLayout()) == null ? void 0 : _a8.logo) == null ? void 0 : _b7.url;
   const { pipWindow } = usePIPWindow();
   const { showNotification } = useAwayNotifications5();
-  useEffect76(() => {
+  useEffect75(() => {
     var _a9;
     if (notification && amIScreenSharing && !((_a9 = notification.data) == null ? void 0 : _a9.ignored) && !pipWindow) {
       showNotification(`New message from ${notification.data.senderName}`, {
@@ -34618,7 +34609,7 @@ var MessageNotifications = () => {
 
 // src/Prebuilt/components/Notifications/PeerNotifications.tsx
 init_define_process_env();
-import { useEffect as useEffect77 } from "react";
+import { useEffect as useEffect76 } from "react";
 import { HMSNotificationTypes as HMSNotificationTypes8, useHMSNotifications as useHMSNotifications9 } from "@100mslive/react-sdk";
 var notificationTypes = [
   HMSNotificationTypes8.PEER_JOINED,
@@ -34630,7 +34621,7 @@ var PeerNotifications = () => {
   const isPeerJoinSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_JOINED);
   const isPeerLeftSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_LEFT);
   const [selectedPeer, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
-  useEffect77(() => {
+  useEffect76(() => {
     if (!(notification == null ? void 0 : notification.data)) {
       return;
     }
@@ -34662,8 +34653,8 @@ var PeerNotifications = () => {
 
 // src/Prebuilt/components/Notifications/PermissionErrorModal.tsx
 init_define_process_env();
-import React190, { useEffect as useEffect78, useState as useState80 } from "react";
-import { useMedia as useMedia50 } from "react-use";
+import React190, { useEffect as useEffect77, useState as useState80 } from "react";
+import { useMedia as useMedia49 } from "react-use";
 import {
   HMSNotificationTypes as HMSNotificationTypes9,
   HMSTrackExceptionTrackType as HMSTrackExceptionTrackType2,
@@ -34678,8 +34669,8 @@ function PermissionErrorNotificationModal() {
 var PermissionErrorModal = ({ error }) => {
   const [deviceType, setDeviceType] = useState80("");
   const [isSystemError, setIsSystemError] = useState80(false);
-  const isMobile = useMedia50(config.media.md);
-  useEffect78(() => {
+  const isMobile = useMedia49(config.media.md);
+  useEffect77(() => {
     if (!error || (error == null ? void 0 : error.code) !== 3001 && (error == null ? void 0 : error.code) !== 3011 || (error == null ? void 0 : error.code) === 3001 && (error == null ? void 0 : error.message.includes("screen"))) {
       return;
     }
@@ -34736,7 +34727,7 @@ var PermissionErrorModal = ({ error }) => {
 
 // src/Prebuilt/components/Notifications/PollNotificationModal.tsx
 init_define_process_env();
-import React191, { useEffect as useEffect79 } from "react";
+import React191, { useEffect as useEffect78 } from "react";
 import {
   HMSNotificationTypes as HMSNotificationTypes10,
   selectLocalPeerID as selectLocalPeerID15,
@@ -34753,7 +34744,7 @@ var PollNotificationModal = () => {
   const vanillaStore = useHMSVanillaStore18();
   const screenProps = useRoomLayoutConferencingScreen();
   const notification = useHMSNotifications11(notificationTypes2);
-  useEffect79(() => {
+  useEffect78(() => {
     switch (notification == null ? void 0 : notification.type) {
       case HMSNotificationTypes10.POLL_STARTED:
         if (notification.data.startedBy !== localPeerID && screenProps.screenType !== "hls_live_streaming") {
@@ -34797,14 +34788,14 @@ var PollNotificationModal = () => {
 
 // src/Prebuilt/components/Notifications/ReconnectNotifications.tsx
 init_define_process_env();
-import { useEffect as useEffect80, useRef as useRef34 } from "react";
+import { useEffect as useEffect79, useRef as useRef34 } from "react";
 import { HMSNotificationTypes as HMSNotificationTypes11, useHMSNotifications as useHMSNotifications12 } from "@100mslive/react-sdk";
 var notificationTypes3 = [HMSNotificationTypes11.RECONNECTED, HMSNotificationTypes11.RECONNECTING];
 var notificationId = null;
 var ReconnectNotifications = () => {
   const notification = useHMSNotifications12(notificationTypes3);
   const prevErrorCode = useRef34(0);
-  useEffect80(() => {
+  useEffect79(() => {
     var _a8, _b7;
     if (!notification) {
       return;
@@ -34827,12 +34818,12 @@ var ReconnectNotifications = () => {
 
 // src/Prebuilt/components/Notifications/RoleChangeNotification.tsx
 init_define_process_env();
-import { useEffect as useEffect81 } from "react";
+import { useEffect as useEffect80 } from "react";
 import { HMSNotificationTypes as HMSNotificationTypes12, useHMSNotifications as useHMSNotifications13 } from "@100mslive/react-sdk";
 var RoleChangeNotification = () => {
   const notification = useHMSNotifications13(HMSNotificationTypes12.ROLE_UPDATED);
   const updateRoomLayoutForRole = useUpdateRoomLayout();
-  useEffect81(() => {
+  useEffect80(() => {
     var _a8, _b7;
     if (!(notification == null ? void 0 : notification.data)) {
       return;
@@ -34849,10 +34840,10 @@ var RoleChangeNotification = () => {
 
 // src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx
 init_define_process_env();
-import React192, { useEffect as useEffect82, useState as useState81 } from "react";
+import React192, { useEffect as useEffect81, useState as useState81 } from "react";
 import {
   HMSNotificationTypes as HMSNotificationTypes13,
-  useHMSActions as useHMSActions56,
+  useHMSActions as useHMSActions55,
   useHMSNotifications as useHMSNotifications14
 } from "@100mslive/react-sdk";
 import { MicOnIcon as MicOnIcon5 } from "@100mslive/react-icons";
@@ -34862,10 +34853,10 @@ var notificationTypes4 = [
   HMSNotificationTypes13.REMOVED_FROM_ROOM
 ];
 var TrackBulkUnmuteModal = () => {
-  const hmsActions = useHMSActions56();
+  const hmsActions = useHMSActions55();
   const [muteNotification, setMuteNotification] = useState81(null);
   const notification = useHMSNotifications14(notificationTypes4);
-  useEffect82(() => {
+  useEffect81(() => {
     switch (notification == null ? void 0 : notification.type) {
       case HMSNotificationTypes13.REMOVED_FROM_ROOM:
       case HMSNotificationTypes13.ROOM_ENDED:
@@ -34904,7 +34895,7 @@ var TrackBulkUnmuteModal = () => {
 
 // src/Prebuilt/components/Notifications/TrackNotifications.tsx
 init_define_process_env();
-import { useEffect as useEffect83 } from "react";
+import { useEffect as useEffect82 } from "react";
 import { HMSNotificationTypes as HMSNotificationTypes14, useHMSNotifications as useHMSNotifications15 } from "@100mslive/react-sdk";
 var notificationTypes5 = [
   HMSNotificationTypes14.TRACK_ADDED,
@@ -34915,7 +34906,7 @@ var notificationTypes5 = [
 ];
 var TrackNotifications = () => {
   const notification = useHMSNotifications15(notificationTypes5);
-  useEffect83(() => {
+  useEffect82(() => {
     var _a8, _b7;
     if (notification) {
       switch (notification.type) {
@@ -34944,10 +34935,10 @@ var TrackNotifications = () => {
 
 // src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx
 init_define_process_env();
-import React193, { useEffect as useEffect84, useState as useState82 } from "react";
+import React193, { useEffect as useEffect83, useState as useState82 } from "react";
 import {
   HMSNotificationTypes as HMSNotificationTypes15,
-  useHMSActions as useHMSActions57,
+  useHMSActions as useHMSActions56,
   useHMSNotifications as useHMSNotifications16
 } from "@100mslive/react-sdk";
 import { MicOnIcon as MicOnIcon6 } from "@100mslive/react-icons";
@@ -34957,10 +34948,10 @@ var notificationTypes6 = [
   HMSNotificationTypes15.REMOVED_FROM_ROOM
 ];
 var TrackUnmuteModal = () => {
-  const hmsActions = useHMSActions57();
+  const hmsActions = useHMSActions56();
   const notification = useHMSNotifications16(notificationTypes6);
   const [muteNotification, setMuteNotification] = useState82(null);
-  useEffect84(() => {
+  useEffect83(() => {
     switch (notification == null ? void 0 : notification.type) {
       case HMSNotificationTypes15.REMOVED_FROM_ROOM:
       case HMSNotificationTypes15.ROOM_ENDED:
@@ -35000,14 +34991,14 @@ var TrackUnmuteModal = () => {
 
 // src/Prebuilt/components/Notifications/TranscriptionNotifications.tsx
 init_define_process_env();
-import React194, { useEffect as useEffect85 } from "react";
+import React194, { useEffect as useEffect84 } from "react";
 import { match as match16 } from "ts-pattern";
 import { HMSNotificationTypes as HMSNotificationTypes16, HMSTranscriptionState, useHMSNotifications as useHMSNotifications17 } from "@100mslive/react-sdk";
 import { AlertTriangleIcon as AlertTriangleIcon8, ClosedCaptionIcon as ClosedCaptionIcon4, OpenCaptionIcon as OpenCaptionIcon5 } from "@100mslive/react-icons";
 var TranscriptionNotifications = () => {
   const notification = useHMSNotifications17(HMSNotificationTypes16.TRANSCRIPTION_STATE_UPDATED);
   const [toastId, setToastId] = useSetAppDataByKey(CAPTION_TOAST.captionToast);
-  useEffect85(() => {
+  useEffect84(() => {
     if (!(notification == null ? void 0 : notification.data)) {
       return;
     }
@@ -35128,7 +35119,7 @@ var PreviewScreen = () => {
 
 // src/Prebuilt/components/Toast/ToastContainer.jsx
 init_define_process_env();
-import React199, { useEffect as useEffect86, useState as useState84 } from "react";
+import React199, { useEffect as useEffect85, useState as useState84 } from "react";
 import { selectIsConnectedToRoom as selectIsConnectedToRoom11, useHMSStore as useHMSStore95 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Toast/Toast.jsx
@@ -35154,7 +35145,7 @@ var Toast2 = (_a8) => {
 var ToastContainer = () => {
   const isConnected = useHMSStore95(selectIsConnectedToRoom11);
   const [toasts, setToast] = useState84([]);
-  useEffect86(() => {
+  useEffect85(() => {
     ToastManager.addListener(setToast);
     return () => {
       ToastManager.removeListener(setToast);
@@ -35209,14 +35200,14 @@ var Sheet2 = () => {
 
 // src/Prebuilt/plugins/FlyingEmoji.jsx
 init_define_process_env();
-import React202, { useCallback as useCallback41, useEffect as useEffect87, useMemo as useMemo23, useState as useState85 } from "react";
-import { useMedia as useMedia51 } from "react-use";
+import React202, { useCallback as useCallback41, useEffect as useEffect86, useMemo as useMemo23, useState as useState85 } from "react";
+import { useMedia as useMedia50 } from "react-use";
 import {
   selectIsLargeRoom as selectIsLargeRoom4,
   selectLocalPeerID as selectLocalPeerID16,
   selectPeerNameByID as selectPeerNameByID9,
   useCustomEvent as useCustomEvent5,
-  useHMSActions as useHMSActions58,
+  useHMSActions as useHMSActions57,
   useHMSStore as useHMSStore97,
   useHMSVanillaStore as useHMSVanillaStore19
 } from "@100mslive/react-sdk";
@@ -35246,9 +35237,9 @@ var getStartingPoints = (isMobile) => {
 function FlyingEmoji() {
   const localPeerId = useHMSStore97(selectLocalPeerID16);
   const vanillaStore = useHMSVanillaStore19();
-  const hmsActions = useHMSActions58();
+  const hmsActions = useHMSActions57();
   const [emojis, setEmojis] = useState85([]);
-  const isMobile = useMedia51(config.media.md);
+  const isMobile = useMedia50(config.media.md);
   const isLargeRoom = useHMSStore97(selectIsLargeRoom4);
   const startingPoints = useMemo23(() => getStartingPoints(isMobile), [isMobile]);
   const showFlyingEmoji = useCallback41(
@@ -35283,7 +35274,7 @@ function FlyingEmoji() {
     type: EMOJI_REACTION_TYPE,
     onEvent: showFlyingEmoji
   });
-  useEffect87(() => {
+  useEffect86(() => {
     window.showFlyingEmoji = showFlyingEmoji;
   }, [showFlyingEmoji]);
   return /* @__PURE__ */ React202.createElement(
@@ -35347,9 +35338,9 @@ function FlyingEmoji() {
 // src/Prebuilt/plugins/RemoteStopScreenshare.jsx
 init_define_process_env();
 import React203, { useCallback as useCallback42 } from "react";
-import { useCustomEvent as useCustomEvent6, useHMSActions as useHMSActions59 } from "@100mslive/react-sdk";
+import { useCustomEvent as useCustomEvent6, useHMSActions as useHMSActions58 } from "@100mslive/react-sdk";
 function RemoteStopScreenshare() {
-  const actions = useHMSActions59();
+  const actions = useHMSActions58();
   const onRemoteStopScreenshare = useCallback42(() => __async(this, null, function* () {
     yield actions.setScreenShareEnabled(false);
   }), [actions]);
@@ -35362,11 +35353,11 @@ function RemoteStopScreenshare() {
 
 // src/Prebuilt/components/hooks/useAutoStartStreaming.tsx
 init_define_process_env();
-import { useCallback as useCallback43, useEffect as useEffect88, useRef as useRef35 } from "react";
+import { useCallback as useCallback43, useEffect as useEffect87, useRef as useRef35 } from "react";
 import {
   selectIsConnectedToRoom as selectIsConnectedToRoom12,
   selectPermissions as selectPermissions20,
-  useHMSActions as useHMSActions60,
+  useHMSActions as useHMSActions59,
   useHMSStore as useHMSStore98,
   useRecordingStreaming as useRecordingStreaming12
 } from "@100mslive/react-sdk";
@@ -35374,7 +35365,7 @@ var useAutoStartStreaming = () => {
   const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
   const permissions = useHMSStore98(selectPermissions20);
   const showStreamingUI = useShowStreamingUI();
-  const hmsActions = useHMSActions60();
+  const hmsActions = useHMSActions59();
   const isConnected = useHMSStore98(selectIsConnectedToRoom12);
   const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = useRecordingStreaming12();
   const streamStartedRef = useRef35(false);
@@ -35401,12 +35392,12 @@ var useAutoStartStreaming = () => {
     isHLSRecordingOn,
     isBrowserRecordingOn
   ]);
-  useEffect88(() => {
+  useEffect87(() => {
     if (!isHLSStarted && !isHLSRunning) {
       streamStartedRef.current = false;
     }
   }, [isHLSStarted, isHLSRunning]);
-  useEffect88(() => {
+  useEffect87(() => {
     if (!isConnected || streamStartedRef.current || !(permissions == null ? void 0 : permissions.hlsStreaming)) {
       return;
     }
@@ -35432,7 +35423,7 @@ var HMSPrebuilt = React204.forwardRef(
     var _a8, _b7, _c, _d;
     const reactiveStore = useRef36();
     const [hydrated, setHydrated] = React204.useState(false);
-    useEffect89(() => {
+    useEffect88(() => {
       setHydrated(true);
       const hms = new HMSReactiveStore();
       const hmsStore = hms.getStore();
@@ -35447,13 +35438,13 @@ var HMSPrebuilt = React204.forwardRef(
         hmsNotifications
       };
     }, []);
-    useEffect89(() => {
+    useEffect88(() => {
       if (!ref || !reactiveStore.current) {
         return;
       }
       ref.current = __spreadValues({}, reactiveStore.current);
     }, [ref]);
-    useEffect89(() => {
+    useEffect88(() => {
       return () => {
         var _a9;
         (_a9 = reactiveStore == null ? void 0 : reactiveStore.current) == null ? void 0 : _a9.hmsActions.leave();
@@ -35567,8 +35558,8 @@ var AppStates = ({ activeState }) => {
 };
 var BackSwipe = () => {
   const isConnectedToRoom = useHMSStore99(selectIsConnectedToRoom13);
-  const hmsActions = useHMSActions61();
-  useEffect89(() => {
+  const hmsActions = useHMSActions60();
+  useEffect88(() => {
     const onRouteLeave = () => __async(void 0, null, function* () {
       if (isConnectedToRoom) {
         yield hmsActions.leave();
@@ -35620,7 +35611,7 @@ init_define_process_env();
 // src/Diagnostics/Diagnostics.tsx
 init_define_process_env();
 import React212, { useCallback as useCallback45, useRef as useRef38, useState as useState91 } from "react";
-import { HMSRoomProvider as HMSRoomProvider2, useHMSActions as useHMSActions63 } from "@100mslive/react-sdk";
+import { HMSRoomProvider as HMSRoomProvider2, useHMSActions as useHMSActions62 } from "@100mslive/react-sdk";
 import {
   CheckCircleIcon as CheckCircleIcon7,
   ConnectivityIcon as ConnectivityIcon2,
@@ -35632,13 +35623,13 @@ import {
 
 // src/Diagnostics/AudioTest.tsx
 init_define_process_env();
-import React208, { useCallback as useCallback44, useEffect as useEffect90, useState as useState87 } from "react";
+import React208, { useCallback as useCallback44, useEffect as useEffect89, useState as useState87 } from "react";
 import {
   selectDevices,
   selectLocalAudioTrackID as selectLocalAudioTrackID2,
   selectLocalMediaSettings,
   selectTrackAudioByID as selectTrackAudioByID2,
-  useHMSActions as useHMSActions62,
+  useHMSActions as useHMSActions61,
   useHMSStore as useHMSStore100
 } from "@100mslive/react-sdk";
 import { MicOnIcon as MicOnIcon7, SpeakerIcon as SpeakerIcon5, StopIcon as StopIcon3 } from "@100mslive/react-icons";
@@ -35874,7 +35865,7 @@ var MicTest = ({ setError }) => {
 };
 var SpeakerTest = () => {
   var _a8;
-  const actions = useHMSActions62();
+  const actions = useHMSActions61();
   const devices = useHMSStore100(selectDevices);
   const { audioOutputDeviceId } = useHMSStore100(selectLocalMediaSettings);
   if (devices.audioOutput.length === 0) {
@@ -35903,7 +35894,7 @@ var AudioTest = () => {
     },
     [updateStep, setErrorAlone]
   );
-  useEffect90(() => {
+  useEffect89(() => {
     hmsDiagnostics == null ? void 0 : hmsDiagnostics.requestPermission({ audio: true }).catch((error2) => setError(error2));
   }, [hmsDiagnostics, setError]);
   return /* @__PURE__ */ React208.createElement(React208.Fragment, null, /* @__PURE__ */ React208.createElement(TestContainer, null, /* @__PURE__ */ React208.createElement(Text, { variant: "body2", css: { c: "$on_primary_medium" } }, "Record a 10 second audio clip and play it back to check that your microphone and speaker are working. If they aren't, make sure your volume is turned up, try a different speaker or microphone, or check your bluetooth settings."), /* @__PURE__ */ React208.createElement(
@@ -35925,7 +35916,7 @@ var AudioTest = () => {
 
 // src/Diagnostics/BrowserTest.tsx
 init_define_process_env();
-import React209, { useEffect as useEffect91, useState as useState88 } from "react";
+import React209, { useEffect as useEffect90, useState as useState88 } from "react";
 import { parsedUserAgent as parsedUserAgent4 } from "@100mslive/react-sdk";
 var CMS_MEDIA_SERVER = "https://storage.googleapis.com/100ms-cms-prod/";
 var operatingSystemIconInfo = {
@@ -36012,7 +36003,7 @@ var BrowserTest = () => {
   var _a8, _b7, _c, _d;
   const { hmsDiagnostics, updateStep } = useDiagnostics();
   const [error, setError] = useState88();
-  useEffect91(() => {
+  useEffect90(() => {
     try {
       hmsDiagnostics == null ? void 0 : hmsDiagnostics.checkBrowserSupport();
     } catch (err) {
@@ -36260,7 +36251,7 @@ var downloadJson = (obj, fileName) => {
 
 // src/Diagnostics/VideoTest.tsx
 init_define_process_env();
-import React211, { useEffect as useEffect92, useState as useState90 } from "react";
+import React211, { useEffect as useEffect91, useState as useState90 } from "react";
 import {
   selectDevices as selectDevices2,
   selectLocalMediaSettings as selectLocalMediaSettings2,
@@ -36275,7 +36266,7 @@ var VideoTest = () => {
   const trackID = useHMSStore101(selectLocalVideoTrackID4);
   const sdkSelectedDevices = useHMSStore101(selectLocalMediaSettings2);
   const [error, setError] = useState90();
-  useEffect92(() => {
+  useEffect91(() => {
     hmsDiagnostics == null ? void 0 : hmsDiagnostics.startCameraCheck().catch((err) => {
       updateStep(1 /* VIDEO */, { hasFailed: true });
       setError(err);
@@ -36397,7 +36388,7 @@ var DiagnosticsStepsList = () => {
   }));
 };
 var DiagnosticsProvider = () => {
-  const actions = useHMSActions63();
+  const actions = useHMSActions62();
   const [activeStep, setActiveStep] = useState91(0);
   const [steps, setSteps] = useState91(initialSteps);
   const diagnosticsRef = useRef38(actions.initDiagnostics());