@100mslive/roomkit-react 0.3.5-alpha.1 → 0.3.5-alpha.3

package/dist/{chunk-MXPCXPZQ.js → chunk-55X45VYE.js}

@@ -33,8 +33,8 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-var __esm = (fn, res) => function __init() {
-  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+var __esm = (fn2, res) => function __init() {
+  return fn2 && (res = (0, fn2[__getOwnPropNames(fn2)[0]])(fn2 = 0)), res;
 };
 var __commonJS = (cb, mod) => function __require() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
@@ -43,13 +43,13 @@ var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __copyProps = (to2, from, except, desc) => {
+var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to2, key) && key !== except)
-        __defProp(to2, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return to2;
+  return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
   // If the importer is in node compatibility mode or this is not an ESM
@@ -106,7 +106,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_c6d530da-d1a0-4899-8dbe-766d2b6acbf7", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_devDependencies_rollup: "^2.70.1", 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", 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.19.1 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_devDependencies__rollup_plugin_node_resolve: "^13.1.3", 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.5-alpha.1", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_c6d530da-d1a0-4899-8dbe-766d2b6acbf7", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.19.1/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.5-alpha.1", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.8", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.7", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.2.11394342", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "602", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_devDependencies__rollup_plugin_image: "^3.0.2", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.8/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240324.2.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.1/x64", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.0.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:18117", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__rollup_plugin_commonjs: "^21.0.3", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.3.5-alpha.1", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", npm_package_devDependencies__rollup_plugin_json: "^6.0.0", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", GITHUB_RUN_ID: "8453051036", 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: "cbc32d4a832f2752887e91de078493454a49d69f", GITHUB_BASE_REF: "", ImageOS: "ubuntu22", npm_package_workspaces_1: "examples/*", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_ignore_scripts: "", NX_TASK_HASH: "eca2f4fdb179150b60d1cb30adb878e368a445c7c3754f56b108b090082caba8", npm_package_exports___import: "./dist/index.js", STATS_BLT: "true", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/publish-alpha", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1711548252093-0.372965946857686:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1711548251897-0.10565373959466906:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1711548229899-0.4821411975263181:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1711548229715-0.8563068177002997:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/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.19.1/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_b9a6bd77-cd5d-4ec1-b0f8-b74d4f651358", INVOCATION_ID: "9235b5de3f714a56bf0d82ad60799896", 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: "497", GITHUB_TRIGGERING_ACTOR: "github-actions[bot]", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", npm_package_devDependencies__rollup_plugin_typescript: "^8.3.1", 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_devDependencies_rollup_plugin_terser: "^7.0.2", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 500", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", 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_devDependencies_rollup_plugin_import_css: "^3.3.1", 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/25.2.9519653", 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.5-alpha.1", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.5-alpha.1", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", GITHUB_SHA: "cbc32d4a832f2752887e91de078493454a49d69f", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", npm_package_dependencies_qrcode_react: "^3.1.0", GITHUB_REF: "refs/heads/publish-alpha", GITHUB_ACTOR: "github-actions[bot]", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_config_strict_ssl: "true", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_scripts_format: "prettier -w src/**", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", GITHUB_PATH: "/home/runner/work/_temp/_runner_file_commands/add_path_c6d530da-d1a0-4899-8dbe-766d2b6acbf7", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "41898282", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_c6d530da-d1a0-4899-8dbe-766d2b6acbf7", 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/25.2.9519653", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.169+2/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__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_c6d530da-d1a0-4899-8dbe-766d2b6acbf7" };
+    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_e3150ee4-d072-4fac-ac1b-bd21428ce958", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_devDependencies_rollup: "^2.70.1", 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", 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.19.1 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_devDependencies__rollup_plugin_node_resolve: "^13.1.3", 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.5-alpha.3", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_e3150ee4-d072-4fac-ac1b-bd21428ce958", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.19.1/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.5-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.8", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.7", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.2.11394342", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "594", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_devDependencies__rollup_plugin_image: "^3.0.2", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.8/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240324.2.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.1/x64", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.0.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:20545", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__rollup_plugin_commonjs: "^21.0.3", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.3.5-alpha.3", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", npm_package_devDependencies__rollup_plugin_json: "^6.0.0", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", STATS_D: "true", GITHUB_RUN_ID: "8550333561", 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: "5db2a806f46b654133659d7160365b88fcec77ab", GITHUB_BASE_REF: "", ImageOS: "ubuntu22", npm_package_workspaces_1: "examples/*", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_ignore_scripts: "", NX_TASK_HASH: "1c24db4ba7a754a5ff05cfc2ddd1c38cacc41a7f211913819fe21a768b5b039e", 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--1712212571275-0.8512903272255221:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1712212571082-0.34553650684960835:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1712212549499-0.5151621643558362:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1712212549325-0.213279809955071:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/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.19.1/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_51587a84-c13a-4c01-8bea-6f3bc982c257", INVOCATION_ID: "755922f829f249fd8f1d0e8693ec2537", 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: "499", GITHUB_TRIGGERING_ACTOR: "github-actions[bot]", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", npm_package_devDependencies__rollup_plugin_typescript: "^8.3.1", 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_devDependencies_rollup_plugin_terser: "^7.0.2", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 469", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "true", 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_devDependencies_rollup_plugin_import_css: "^3.3.1", 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/25.2.9519653", 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.5-alpha.3", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.5-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_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", GITHUB_SHA: "5db2a806f46b654133659d7160365b88fcec77ab", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", npm_package_dependencies_qrcode_react: "^3.1.0", GITHUB_REF: "refs/heads/publish-alpha", GITHUB_ACTOR: "github-actions[bot]", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_config_strict_ssl: "true", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_scripts_format: "prettier -w src/**", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", GITHUB_PATH: "/home/runner/work/_temp/_runner_file_commands/add_path_e3150ee4-d072-4fac-ac1b-bd21428ce958", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "41898282", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_e3150ee4-d072-4fac-ac1b-bd21428ce958", 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/25.2.9519653", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.169+2/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__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_e3150ee4-d072-4fac-ac1b-bd21428ce958" };
   }
 });
 
@@ -2285,8 +2285,8 @@ var require_lodash = __commonJS({
         function createBind(func, bitmask, thisArg) {
           var isBind = bitmask & WRAP_BIND_FLAG, Ctor = createCtor(func);
           function wrapper() {
-            var fn = this && this !== root && this instanceof wrapper ? Ctor : func;
-            return fn.apply(isBind ? thisArg : this, arguments);
+            var fn2 = this && this !== root && this instanceof wrapper ? Ctor : func;
+            return fn2.apply(isBind ? thisArg : this, arguments);
           }
           return wrapper;
         }
@@ -2352,8 +2352,8 @@ var require_lodash = __commonJS({
                 arity - length
               );
             }
-            var fn = this && this !== root && this instanceof wrapper ? Ctor : func;
-            return apply(fn, this, args);
+            var fn2 = this && this !== root && this instanceof wrapper ? Ctor : func;
+            return apply(fn2, this, args);
           }
           return wrapper;
         }
@@ -2441,7 +2441,7 @@ var require_lodash = __commonJS({
                 arity - length
               );
             }
-            var thisBinding = isBind ? thisArg : this, fn = isBindKey ? thisBinding[func] : func;
+            var thisBinding = isBind ? thisArg : this, fn2 = isBindKey ? thisBinding[func] : func;
             length = args.length;
             if (argPos) {
               args = reorder(args, argPos);
@@ -2452,9 +2452,9 @@ var require_lodash = __commonJS({
               args.length = ary2;
             }
             if (this && this !== root && this instanceof wrapper) {
-              fn = Ctor || createCtor(fn);
+              fn2 = Ctor || createCtor(fn2);
             }
-            return fn.apply(thisBinding, args);
+            return fn2.apply(thisBinding, args);
           }
           return wrapper;
         }
@@ -2511,14 +2511,14 @@ var require_lodash = __commonJS({
         function createPartial(func, bitmask, thisArg, partials) {
           var isBind = bitmask & WRAP_BIND_FLAG, Ctor = createCtor(func);
           function wrapper() {
-            var argsIndex = -1, argsLength = arguments.length, leftIndex = -1, leftLength = partials.length, args = Array2(leftLength + argsLength), fn = this && this !== root && this instanceof wrapper ? Ctor : func;
+            var argsIndex = -1, argsLength = arguments.length, leftIndex = -1, leftLength = partials.length, args = Array2(leftLength + argsLength), fn2 = this && this !== root && this instanceof wrapper ? Ctor : func;
             while (++leftIndex < leftLength) {
               args[leftIndex] = partials[leftIndex];
             }
             while (argsLength--) {
               args[leftIndex++] = arguments[++argsIndex];
             }
-            return apply(fn, isBind ? thisArg : this, args);
+            return apply(fn2, isBind ? thisArg : this, args);
           }
           return wrapper;
         }
@@ -11910,19 +11910,19 @@ var Collapsible = {
 
 // src/Prebuilt/App.tsx
 init_define_process_env();
-import React177, { useEffect as useEffect69, useRef as useRef27 } from "react";
+import React177, { useEffect as useEffect69, useRef as useRef28 } from "react";
 import { match as match15 } from "ts-pattern";
 import {
   HMSReactiveStore,
   HMSRoomProvider,
   selectIsConnectedToRoom as selectIsConnectedToRoom13,
   useHMSActions as useHMSActions54,
-  useHMSStore as useHMSStore95
+  useHMSStore as useHMSStore97
 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/AppData/AppData.tsx
 init_define_process_env();
-import React23, { useEffect as useEffect5 } from "react";
+import React23, { useEffect as useEffect5, useMemo as useMemo4, useRef as useRef6 } from "react";
 import { useMedia } from "react-use";
 import {
   HMSRoomState,
@@ -12691,6 +12691,17 @@ var AppData = React23.memo(() => {
   const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
   const isMobile = useMedia(config.media.md);
   const { isLocalVideoEnabled } = useAVToggle();
+  const sidepaneOpenedRef = useRef6(false);
+  const defaultMediaURL = useMemo4(() => {
+    var _a9;
+    const media = ((_a9 = elements == null ? void 0 : elements.virtual_background) == null ? void 0 : _a9.background_media) || [];
+    for (let i = 0; i < media.length; i++) {
+      if (media[i].default && media[i].url) {
+        return media[i].url;
+      }
+    }
+    return "";
+  }, [(_a8 = elements == null ? void 0 : elements.virtual_background) == null ? void 0 : _a8.background_media]);
   useEffect5(() => {
     hmsActions.initAppData(__spreadValues(__spreadValues({}, initialAppData), appData));
     hmsActions.setFrameworkInfo({
@@ -12714,20 +12725,12 @@ var AppData = React23.memo(() => {
     hmsActions.setAppData(APP_DATA.subscribedNotifications, preferences.subscribedNotifications, true);
   }, [preferences.subscribedNotifications, hmsActions]);
   useEffect5(() => {
-    var _a9, _b7;
-    let defaultMediaURL;
-    (_b7 = (_a9 = elements == null ? void 0 : elements.virtual_background) == null ? void 0 : _a9.background_media) == null ? void 0 : _b7.forEach((media) => {
-      if (media.default && media.url) {
-        defaultMediaURL = media.url;
-      }
-    });
-    if (defaultMediaURL) {
+    if (defaultMediaURL && !sidepaneOpenedRef.current && !isMobile && isLocalVideoEnabled) {
       hmsActions.setAppData(APP_DATA.background, defaultMediaURL);
-      if (isLocalVideoEnabled && !isMobile) {
-        toggleVB();
-      }
+      sidepaneOpenedRef.current = true;
+      toggleVB();
     }
-  }, [hmsActions, (_a8 = elements == null ? void 0 : elements.virtual_background) == null ? void 0 : _a8.background_media, toggleVB, isLocalVideoEnabled, isMobile]);
+  }, [hmsActions, toggleVB, isLocalVideoEnabled, isMobile, defaultMediaURL]);
   return /* @__PURE__ */ React23.createElement(ResetStreamingStart, null);
 });
 var ResetStreamingStart = () => {
@@ -12896,7 +12899,7 @@ var AuthToken_default = AuthToken;
 
 // src/Prebuilt/components/ConferenceScreen.tsx
 init_define_process_env();
-import React155, { useEffect as useEffect50, useRef as useRef25, useState as useState65 } from "react";
+import React155, { useEffect as useEffect50, useRef as useRef26, useState as useState65 } from "react";
 import { v4 as uuid3 } from "uuid";
 import {
   HMSRoomState as HMSRoomState7,
@@ -12904,7 +12907,7 @@ import {
   selectIsConnectedToRoom as selectIsConnectedToRoom10,
   selectRoomState as selectRoomState7,
   useHMSActions as useHMSActions47,
-  useHMSStore as useHMSStore84
+  useHMSStore as useHMSStore86
 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Footer/Footer.tsx
@@ -13208,7 +13211,7 @@ var Sheet = {
 
 // src/Prebuilt/components/Settings/DeviceSettings.jsx
 init_define_process_env();
-import React29, { Fragment as Fragment2, useEffect as useEffect8, useRef as useRef7, useState as useState8 } from "react";
+import React29, { Fragment as Fragment2, useEffect as useEffect8, useRef as useRef8, useState as useState8 } from "react";
 import { useMedia as useMedia2 } from "react-use";
 import {
   DeviceType,
@@ -13270,9 +13273,9 @@ var DialogDropdownTrigger = React28.forwardRef(({ title, css: css2, open, icon,
 
 // src/Prebuilt/components/hooks/useAudioOutputTest.tsx
 init_define_process_env();
-import { useEffect as useEffect7, useRef as useRef6, useState as useState7 } from "react";
+import { useEffect as useEffect7, useRef as useRef7, useState as useState7 } from "react";
 var useAudioOutputTest = ({ deviceId }) => {
-  const audioRef = useRef6(null);
+  const audioRef = useRef7(null);
   const [playing, setPlaying] = useState7(false);
   useEffect7(() => {
     if (audioRef.current && deviceId) {
@@ -13371,7 +13374,7 @@ var DeviceSelector = ({ title, devices, selection, onChange, icon, children = nu
   var _a8, _b7;
   const [open, setOpen] = useState8(false);
   const selectionBg = useDropdownSelection();
-  const ref = useRef7(null);
+  const ref = useRef8(null);
   return /* @__PURE__ */ React29.createElement(Box, { css: { mb: "$10" } }, /* @__PURE__ */ React29.createElement(Text, { css: { mb: "$4" } }, title), /* @__PURE__ */ React29.createElement(
     Flex,
     {
@@ -14079,7 +14082,7 @@ var useDropdownList = ({ name, open }) => {
 
 // src/Prebuilt/common/hooks.ts
 init_define_process_env();
-import { useCallback as useCallback8, useEffect as useEffect12, useRef as useRef8, useState as useState11 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect12, useRef as useRef9, useState as useState11 } from "react";
 import { useMedia as useMedia4 } from "react-use";
 import { JoinForm_JoinBtnType as JoinForm_JoinBtnType2 } from "@100mslive/types-prebuilt/elements/join_form";
 import {
@@ -15151,7 +15154,7 @@ var PIP = ({ content = null }) => {
 
 // src/Prebuilt/components/RoleChangeModal.jsx
 init_define_process_env();
-import React43, { forwardRef, useRef as useRef9, useState as useState16 } from "react";
+import React43, { forwardRef, useRef as useRef10, useState as useState16 } from "react";
 import { selectPeerByID, useHMSActions as useHMSActions10, useHMSStore as useHMSStore15 } from "@100mslive/react-sdk";
 import { CheckIcon as CheckIcon2, ChevronDownIcon as ChevronDownIcon3, ChevronUpIcon as ChevronUpIcon3 } from "@100mslive/react-icons";
 var PeerName = forwardRef((_a8, ref) => {
@@ -15181,7 +15184,7 @@ var RoleChangeModal = ({ peerId, onOpenChange }) => {
   const [open, setOpen] = useState16(false);
   const selectionBg = useDropdownSelection();
   const [peerNameRef, setPeerNameRef] = useState16();
-  const ref = useRef9();
+  const ref = useRef10();
   if (!peer) {
     return null;
   }
@@ -15295,7 +15298,7 @@ import { InfoIcon } from "@100mslive/react-icons";
 
 // src/Prebuilt/primitives/DialogContent.jsx
 init_define_process_env();
-import React44, { useRef as useRef10 } from "react";
+import React44, { useRef as useRef11 } from "react";
 import { CheckIcon as CheckIcon3, CloudUploadIcon, CrossIcon as CrossIcon7 } from "@100mslive/react-icons";
 var DialogContent = (_a8) => {
   var _b7 = _a8, { Icon: Icon4, title, closeable = true, children, css: css2, iconCSS = {} } = _b7, props = __objRest(_b7, ["Icon", "title", "closeable", "children", "css", "iconCSS"]);
@@ -15372,7 +15375,7 @@ var DialogSelect = (_a8) => {
 };
 var DialogInputFile = (_a8) => {
   var _b7 = _a8, { value, onChange, placeholder, disabled, type } = _b7, props = __objRest(_b7, ["value", "onChange", "placeholder", "disabled", "type"]);
-  const inputRef = useRef10();
+  const inputRef = useRef11();
   return /* @__PURE__ */ React44.createElement(
     DialogCol,
     {
@@ -15614,7 +15617,7 @@ var StartRecording_default = StartRecording;
 
 // src/Prebuilt/components/StatsForNerds.jsx
 init_define_process_env();
-import React47, { useEffect as useEffect14, useMemo as useMemo4, useRef as useRef11, useState as useState19 } from "react";
+import React47, { useEffect as useEffect14, useMemo as useMemo5, useRef as useRef12, useState as useState19 } from "react";
 import { match as match3, P as P2 } from "ts-pattern";
 import {
   selectHMSStats as selectHMSStats2,
@@ -15627,14 +15630,14 @@ import {
 var StatsForNerds = ({ onOpenChange }) => {
   var _a8;
   const tracksWithLabels = useTracksWithLabel();
-  const statsOptions = useMemo4(
+  const statsOptions = useMemo5(
     () => [{ id: "local-peer", label: "Local Peer Stats" }, ...tracksWithLabels],
     [tracksWithLabels]
   );
   const [selectedStat, setSelectedStat] = useState19(statsOptions[0]);
   const [showStatsOnTiles, setShowStatsOnTiles] = useSetUiSettings(UI_SETTINGS.showStatsOnTiles);
   const [open, setOpen] = useState19(false);
-  const ref = useRef11();
+  const ref = useRef12();
   const selectionBg = useDropdownSelection();
   useEffect14(() => {
     if (selectedStat.id !== "local-peer" && !tracksWithLabels.find((track) => track.id === selectedStat.id)) {
@@ -15699,7 +15702,7 @@ var useTracksWithLabel = () => {
   const tracksMap = useHMSStore17(selectTracksMap2);
   const peersMap = useHMSStore17(selectPeersMap);
   const localPeerID = useHMSStore17(selectLocalPeerID2);
-  const tracksWithLabels = useMemo4(
+  const tracksWithLabels = useMemo5(
     () => Object.values(tracksMap).reduce((res, track) => {
       var _a8, _b7;
       const peerName = (_a8 = peersMap[track.peerId]) == null ? void 0 : _a8.name;
@@ -15801,15 +15804,15 @@ var formatBytes2 = (bytes, unit = "B", decimals = 2) => {
 
 // src/Prebuilt/components/MoreSettings/BulkRoleChangeModal.jsx
 init_define_process_env();
-import React48, { useCallback as useCallback11, useRef as useRef12, useState as useState20 } from "react";
+import React48, { useCallback as useCallback11, useRef as useRef13, useState as useState20 } from "react";
 import { useHMSActions as useHMSActions12 } from "@100mslive/react-sdk";
 import { AlertTriangleIcon as AlertTriangleIcon4, ChangeRoleIcon, CheckIcon as CheckIcon4 } from "@100mslive/react-icons";
 var BulkRoleChangeModal = ({ onOpenChange }) => {
   var _a8, _b7;
   const roles = useFilteredRoles();
   const hmsActions = useHMSActions12();
-  const ref = useRef12(null);
-  const roleRef = useRef12(null);
+  const ref = useRef13(null);
+  const roleRef = useRef13(null);
   const [selectedBulkRole, setBulkRole] = useState20([]);
   const [selectedRole, setRole] = useState20("");
   const [bulkRoleDialog, setBulkRoleDialog] = useState20(false);
@@ -16245,7 +16248,7 @@ var DesktopOptions = ({
 
 // src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx
 init_define_process_env();
-import React58, { useRef as useRef14, useState as useState28 } from "react";
+import React58, { useRef as useRef15, useState as useState28 } from "react";
 import { useClickAway } from "react-use";
 import { match as match5 } from "ts-pattern";
 import {
@@ -16273,7 +16276,7 @@ import {
 
 // src/Prebuilt/components/Header/StreamActions.tsx
 init_define_process_env();
-import React54, { useCallback as useCallback17, useEffect as useEffect16, useRef as useRef13, useState as useState25 } from "react";
+import React54, { useCallback as useCallback17, useEffect as useEffect16, useRef as useRef14, useState as useState25 } from "react";
 import { useMedia as useMedia7 } from "react-use";
 
 // ../hms-video-store/dist/index.js
@@ -16359,8 +16362,8 @@ var createSelector = createSelectorCreator(defaultMemoize);
 // ../hms-video-store/dist/index.js
 var import_ua_parser_js = __toESM(require_ua_parser());
 var import_lodash3 = __toESM(require_lodash2());
-import { v4 as ja } from "uuid";
-import { v4 as Ka } from "uuid";
+import { v4 as za } from "uuid";
+import { v4 as Ja } from "uuid";
 
 // ../../node_modules/webrtc-adapter/src/js/adapter_core.js
 init_define_process_env();
@@ -16598,7 +16601,7 @@ function shimGetUserMedia(window2, browserDetails) {
     if (typeof c !== "object" || c.mandatory || c.optional) {
       return c;
     }
-    const cc2 = {};
+    const cc = {};
     Object.keys(c).forEach((key) => {
       if (key === "require" || key === "advanced" || key === "mediaSource") {
         return;
@@ -16614,35 +16617,35 @@ function shimGetUserMedia(window2, browserDetails) {
         return name === "deviceId" ? "sourceId" : name;
       };
       if (r.ideal !== void 0) {
-        cc2.optional = cc2.optional || [];
-        let oc = {};
+        cc.optional = cc.optional || [];
+        let oc2 = {};
         if (typeof r.ideal === "number") {
-          oc[oldname_("min", key)] = r.ideal;
-          cc2.optional.push(oc);
-          oc = {};
-          oc[oldname_("max", key)] = r.ideal;
-          cc2.optional.push(oc);
+          oc2[oldname_("min", key)] = r.ideal;
+          cc.optional.push(oc2);
+          oc2 = {};
+          oc2[oldname_("max", key)] = r.ideal;
+          cc.optional.push(oc2);
         } else {
-          oc[oldname_("", key)] = r.ideal;
-          cc2.optional.push(oc);
+          oc2[oldname_("", key)] = r.ideal;
+          cc.optional.push(oc2);
         }
       }
       if (r.exact !== void 0 && typeof r.exact !== "number") {
-        cc2.mandatory = cc2.mandatory || {};
-        cc2.mandatory[oldname_("", key)] = r.exact;
+        cc.mandatory = cc.mandatory || {};
+        cc.mandatory[oldname_("", key)] = r.exact;
       } else {
         ["min", "max"].forEach((mix) => {
           if (r[mix] !== void 0) {
-            cc2.mandatory = cc2.mandatory || {};
-            cc2.mandatory[oldname_(mix, key)] = r[mix];
+            cc.mandatory = cc.mandatory || {};
+            cc.mandatory[oldname_(mix, key)] = r[mix];
           }
         });
       }
     });
     if (c.advanced) {
-      cc2.optional = (cc2.optional || []).concat(c.advanced);
+      cc.optional = (cc.optional || []).concat(c.advanced);
     }
-    return cc2;
+    return cc;
   };
   const shimConstraints_ = function(constraints, func) {
     if (browserDetails.version >= 61) {
@@ -16852,20 +16855,20 @@ function shimOnTrack(window2) {
 }
 function shimGetSendersWithDtmf(window2) {
   if (typeof window2 === "object" && window2.RTCPeerConnection && !("getSenders" in window2.RTCPeerConnection.prototype) && "createDTMFSender" in window2.RTCPeerConnection.prototype) {
-    const shimSenderWithDtmf = function(pc, track) {
+    const shimSenderWithDtmf = function(pc2, track) {
       return {
         track,
         get dtmf() {
           if (this._dtmf === void 0) {
             if (track.kind === "audio") {
-              this._dtmf = pc.createDTMFSender(track);
+              this._dtmf = pc2.createDTMFSender(track);
             } else {
               this._dtmf = null;
             }
           }
           return this._dtmf;
         },
-        _pc: pc
+        _pc: pc2
       };
     };
     if (!window2.RTCPeerConnection.prototype.getSenders) {
@@ -17220,11 +17223,11 @@ function shimAddTrackRemoveTrack(window2, browserDetails) {
     }
     return this.getSenders().find((s) => s.track === track);
   };
-  function replaceInternalStreamId(pc, description) {
+  function replaceInternalStreamId(pc2, description) {
     let sdp2 = description.sdp;
-    Object.keys(pc._reverseStreams || []).forEach((internalId) => {
-      const externalStream = pc._reverseStreams[internalId];
-      const internalStream = pc._streams[externalStream.id];
+    Object.keys(pc2._reverseStreams || []).forEach((internalId) => {
+      const externalStream = pc2._reverseStreams[internalId];
+      const internalStream = pc2._streams[externalStream.id];
       sdp2 = sdp2.replace(
         new RegExp(internalStream.id, "g"),
         externalStream.id
@@ -17235,11 +17238,11 @@ function shimAddTrackRemoveTrack(window2, browserDetails) {
       sdp: sdp2
     });
   }
-  function replaceExternalStreamId(pc, description) {
+  function replaceExternalStreamId(pc2, description) {
     let sdp2 = description.sdp;
-    Object.keys(pc._reverseStreams || []).forEach((internalId) => {
-      const externalStream = pc._reverseStreams[internalId];
-      const internalStream = pc._streams[externalStream.id];
+    Object.keys(pc2._reverseStreams || []).forEach((internalId) => {
+      const externalStream = pc2._reverseStreams[internalId];
+      const internalStream = pc2._streams[externalStream.id];
       sdp2 = sdp2.replace(
         new RegExp(externalStream.id, "g"),
         internalStream.id
@@ -17353,9 +17356,9 @@ function shimPeerConnection(window2, browserDetails) {
 }
 function fixNegotiationNeeded(window2, browserDetails) {
   wrapPeerConnectionEvent(window2, "negotiationneeded", (e) => {
-    const pc = e.target;
-    if (browserDetails.version < 72 || pc.getConfiguration && pc.getConfiguration().sdpSemantics === "plan-b") {
-      if (pc.signalingState !== "stable") {
+    const pc2 = e.target;
+    if (browserDetails.version < 72 || pc2.getConfiguration && pc2.getConfiguration().sdpSemantics === "plan-b") {
+      if (pc2.signalingState !== "stable") {
         return;
       }
     }
@@ -17802,24 +17805,24 @@ function shimRemoteStreamsAPI(window2) {
     });
     const origSetRemoteDescription = window2.RTCPeerConnection.prototype.setRemoteDescription;
     window2.RTCPeerConnection.prototype.setRemoteDescription = function setRemoteDescription() {
-      const pc = this;
+      const pc2 = this;
       if (!this._onaddstreampoly) {
         this.addEventListener("track", this._onaddstreampoly = function(e) {
           e.streams.forEach((stream) => {
-            if (!pc._remoteStreams) {
-              pc._remoteStreams = [];
+            if (!pc2._remoteStreams) {
+              pc2._remoteStreams = [];
             }
-            if (pc._remoteStreams.indexOf(stream) >= 0) {
+            if (pc2._remoteStreams.indexOf(stream) >= 0) {
               return;
             }
-            pc._remoteStreams.push(stream);
+            pc2._remoteStreams.push(stream);
             const event = new Event("addstream");
             event.stream = stream;
-            pc.dispatchEvent(event);
+            pc2.dispatchEvent(event);
           });
         });
       }
-      return origSetRemoteDescription.apply(pc, arguments);
+      return origSetRemoteDescription.apply(pc2, arguments);
     };
   }
 }
@@ -18185,15 +18188,15 @@ function shimSendThrowTypeError(window2) {
   if (!(window2.RTCPeerConnection && "createDataChannel" in window2.RTCPeerConnection.prototype)) {
     return;
   }
-  function wrapDcSend(dc2, pc) {
-    const origDataChannelSend = dc2.send;
-    dc2.send = function send() {
+  function wrapDcSend(dc, pc2) {
+    const origDataChannelSend = dc.send;
+    dc.send = function send() {
       const data3 = arguments[0];
       const length = data3.length || data3.size || data3.byteLength;
-      if (dc2.readyState === "open" && pc.sctp && length > pc.sctp.maxMessageSize) {
-        throw new TypeError("Message too large (can send a maximum of " + pc.sctp.maxMessageSize + " bytes)");
+      if (dc.readyState === "open" && pc2.sctp && length > pc2.sctp.maxMessageSize) {
+        throw new TypeError("Message too large (can send a maximum of " + pc2.sctp.maxMessageSize + " bytes)");
       }
-      return origDataChannelSend.apply(dc2, arguments);
+      return origDataChannelSend.apply(dc, arguments);
     };
   }
   const origCreateDataChannel = window2.RTCPeerConnection.prototype.createDataChannel;
@@ -18249,11 +18252,11 @@ function shimConnectionState(window2) {
     proto[method] = function() {
       if (!this._connectionstatechangepoly) {
         this._connectionstatechangepoly = (e) => {
-          const pc = e.target;
-          if (pc._lastConnectionState !== pc.connectionState) {
-            pc._lastConnectionState = pc.connectionState;
+          const pc2 = e.target;
+          if (pc2._lastConnectionState !== pc2.connectionState) {
+            pc2._lastConnectionState = pc2.connectionState;
             const newEvent = new Event("connectionstatechange", e);
-            pc.dispatchEvent(newEvent);
+            pc2.dispatchEvent(newEvent);
           }
           return e;
         };
@@ -18457,57 +18460,57 @@ var adapter = adapterFactory({ window: typeof window === "undefined" ? void 0 :
 
 // ../hms-video-store/dist/index.js
 var import_lodash4 = __toESM(require_lodash2());
-import { v4 as ro } from "uuid";
-import { v4 as no } from "uuid";
-import { v4 as po } from "uuid";
-import { EventEmitter2 as ho } from "eventemitter2";
+import { v4 as oo } from "uuid";
+import { v4 as uo } from "uuid";
+import { v4 as So } from "uuid";
+import { EventEmitter2 as go } from "eventemitter2";
 var wt = __toESM(require_lib());
-import { EventEmitter2 as Lo } from "eventemitter2";
-import { v4 as _o } from "uuid";
-import { EventEmitter2 as No } from "eventemitter2";
-import Oo from "eventemitter2";
+import { EventEmitter2 as _o } from "eventemitter2";
 import { v4 as xo } from "uuid";
+import { EventEmitter2 as Uo } from "eventemitter2";
+import Bo from "eventemitter2";
 import { v4 as Vo } from "uuid";
-var Pa = Object.defineProperty;
-var Ea = Object.defineProperties;
-var Aa = Object.getOwnPropertyDescriptors;
+import { v4 as Wo } from "uuid";
+var ba = Object.defineProperty;
+var Ra = Object.defineProperties;
+var Ia = Object.getOwnPropertyDescriptors;
 var Vt = Object.getOwnPropertySymbols;
-var Wr = Object.prototype.hasOwnProperty;
-var Kr = Object.prototype.propertyIsEnumerable;
-var $r = (a2, e, t) => e in a2 ? Pa(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
+var Kr = Object.prototype.hasOwnProperty;
+var qr = Object.prototype.propertyIsEnumerable;
+var $r = (a2, e, t) => e in a2 ? ba(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
 var S = (a2, e) => {
   for (var t in e || (e = {}))
-    Wr.call(e, t) && $r(a2, t, e[t]);
+    Kr.call(e, t) && $r(a2, t, e[t]);
   if (Vt)
     for (var t of Vt(e))
-      Kr.call(e, t) && $r(a2, t, e[t]);
+      qr.call(e, t) && $r(a2, t, e[t]);
   return a2;
 };
-var v = (a2, e) => Ea(a2, Aa(e));
-var Xi = (a2, e) => {
+var v = (a2, e) => Ra(a2, Ia(e));
+var Zi = (a2, e) => {
   var t = {};
   for (var i in a2)
-    Wr.call(a2, i) && e.indexOf(i) < 0 && (t[i] = a2[i]);
+    Kr.call(a2, i) && e.indexOf(i) < 0 && (t[i] = a2[i]);
   if (a2 != null && Vt)
     for (var i of Vt(a2))
-      e.indexOf(i) < 0 && Kr.call(a2, i) && (t[i] = a2[i]);
+      e.indexOf(i) < 0 && qr.call(a2, i) && (t[i] = a2[i]);
   return t;
 };
-var Ia = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
-var lr = Ia((id, qa) => {
-  qa.exports = { version: "0.12.5-alpha.1", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "src"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, sideEffects: false, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", "lodash.isequal": "^4.5.0", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/lodash.isequal": "^4.5.8", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
+var La = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
+var ur = La((ad, Qa) => {
+  Qa.exports = { version: "0.12.5-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 Zi = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(Zi || {});
-var Ha = ((e) => (e.CHAT = "chat", e))(Ha || {});
-var qr = ((t) => (t.INFO = "info", t.ERROR = "error", t))(qr || {});
-var er = ((C) => (C.PEER_JOINED = "PEER_JOINED", C.PEER_LEFT = "PEER_LEFT", C.PEER_LIST = "PEER_LIST", C.NEW_MESSAGE = "NEW_MESSAGE", C.ERROR = "ERROR", C.RECONNECTING = "RECONNECTING", C.RECONNECTED = "RECONNECTED", C.TRACK_ADDED = "TRACK_ADDED", C.TRACK_REMOVED = "TRACK_REMOVED", C.TRACK_MUTED = "TRACK_MUTED", C.TRACK_UNMUTED = "TRACK_UNMUTED", C.TRACK_DEGRADED = "TRACK_DEGRADED", C.TRACK_RESTORED = "TRACK_RESTORED", C.TRACK_DESCRIPTION_CHANGED = "TRACK_DESCRIPTION_CHANGED", C.ROLE_UPDATED = "ROLE_UPDATED", C.CHANGE_TRACK_STATE_REQUEST = "CHANGE_TRACK_STATE_REQUEST", C.CHANGE_MULTI_TRACK_STATE_REQUEST = "CHANGE_MULTI_TRACK_STATE_REQUEST", C.ROOM_ENDED = "ROOM_ENDED", C.REMOVED_FROM_ROOM = "REMOVED_FROM_ROOM", C.DEVICE_CHANGE_UPDATE = "DEVICE_CHANGE_UPDATE", C.PLAYLIST_TRACK_ENDED = "PLAYLIST_TRACK_ENDED", C.NAME_UPDATED = "NAME_UPDATED", C.METADATA_UPDATED = "METADATA_UPDATED", C.POLL_CREATED = "POLL_CREATED", C.POLL_STARTED = "POLL_STARTED", C.POLL_STOPPED = "POLL_STOPPED", C.POLL_VOTES_UPDATED = "POLL_VOTES_UPDATED", C.POLLS_LIST = "POLLS_LIST", C.HAND_RAISE_CHANGED = "HAND_RAISE_CHANGED", C))(er || {});
-var jr = ((t) => (t.audio = "audio", t.video = "video", t))(jr || {});
+var er = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(er || {});
+var wa = ((e) => (e.CHAT = "chat", e))(wa || {});
+var jr = ((t) => (t.INFO = "info", t.ERROR = "error", t))(jr || {});
+var tr = ((C) => (C.PEER_JOINED = "PEER_JOINED", C.PEER_LEFT = "PEER_LEFT", C.PEER_LIST = "PEER_LIST", C.NEW_MESSAGE = "NEW_MESSAGE", C.ERROR = "ERROR", C.RECONNECTING = "RECONNECTING", C.RECONNECTED = "RECONNECTED", C.TRACK_ADDED = "TRACK_ADDED", C.TRACK_REMOVED = "TRACK_REMOVED", C.TRACK_MUTED = "TRACK_MUTED", C.TRACK_UNMUTED = "TRACK_UNMUTED", C.TRACK_DEGRADED = "TRACK_DEGRADED", C.TRACK_RESTORED = "TRACK_RESTORED", C.TRACK_DESCRIPTION_CHANGED = "TRACK_DESCRIPTION_CHANGED", C.ROLE_UPDATED = "ROLE_UPDATED", C.CHANGE_TRACK_STATE_REQUEST = "CHANGE_TRACK_STATE_REQUEST", C.CHANGE_MULTI_TRACK_STATE_REQUEST = "CHANGE_MULTI_TRACK_STATE_REQUEST", C.ROOM_ENDED = "ROOM_ENDED", C.REMOVED_FROM_ROOM = "REMOVED_FROM_ROOM", C.DEVICE_CHANGE_UPDATE = "DEVICE_CHANGE_UPDATE", C.PLAYLIST_TRACK_ENDED = "PLAYLIST_TRACK_ENDED", C.NAME_UPDATED = "NAME_UPDATED", C.METADATA_UPDATED = "METADATA_UPDATED", C.POLL_CREATED = "POLL_CREATED", C.POLL_STARTED = "POLL_STARTED", C.POLL_STOPPED = "POLL_STOPPED", C.POLL_VOTES_UPDATED = "POLL_VOTES_UPDATED", C.POLLS_LIST = "POLLS_LIST", C.HAND_RAISE_CHANGED = "HAND_RAISE_CHANGED", C))(tr || {});
+var Jr = ((t) => (t.audio = "audio", t.video = "video", t))(Jr || {});
 function He(a2, e) {
   let t, i;
   if (e)
     for (let r of e.auxiliaryTracks) {
       let s = a2[r];
-      Ca(s) && (i = tt(s) ? s : i, t = it(s) ? s : t);
+      Da(s) && (i = tt(s) ? s : i, t = it(s) ? s : t);
     }
   return { video: t, audio: i };
 }
@@ -18517,16 +18520,16 @@ function tt(a2) {
 function it(a2) {
   return a2 && a2.type === "video";
 }
-function Ca(a2) {
+function Da(a2) {
   return a2 && a2.source === "screen";
 }
-function $t(a2) {
+function Wt(a2) {
   return a2 && a2.source === "audioplaylist";
 }
 function rt(a2) {
   return a2 && a2.source === "videoplaylist";
 }
-function Jr(a2) {
+function Qr(a2) {
   return a2 ? !!(a2 != null && a2.degraded) : false;
 }
 function Ue(a2, e) {
@@ -18538,33 +18541,33 @@ function st(a2) {
   return (r = a2 == null ? void 0 : a2.publishParams) != null && r.allowed && (e = a2.publishParams.allowed.includes("video"), t = a2.publishParams.allowed.includes("audio"), i = a2.publishParams.allowed.includes("screen")), { video: e, audio: t, screen: i };
 }
 var B = (a2) => a2.room;
-var La = (a2) => a2.errors;
-var Hn = createSelector(La, (a2) => a2.length === 0 ? null : a2.at(-1));
-var Cn = createSelector(B, (a2) => a2.id);
+var _a7 = (a2) => a2.errors;
+var wn = createSelector(_a7, (a2) => a2.length === 0 ? null : a2.at(-1));
+var Dn = createSelector(B, (a2) => a2.id);
 var G = (a2) => a2.peers;
-var Wt = (a2) => a2.messages.byID;
-var zr = (a2) => a2.messages.allIDs;
+var $t = (a2) => a2.messages.byID;
+var Yr = (a2) => a2.messages.allIDs;
 var D = (a2) => a2.tracks;
-var tr = (a2) => a2.appData;
-var wa = (a2) => a2.speakers;
+var ir = (a2) => a2.appData;
+var Na = (a2) => a2.speakers;
 var ye = createSelector([B], (a2) => a2 && a2.isConnected);
-var Dn = createSelector([ye, B], (a2, e) => a2 ? e.peerCount !== void 0 ? e.peerCount || 1 : e.peers.length : Math.max(e.peerCount !== void 0 ? e.peerCount : e.peers.length - 1, 0));
-var Da = (a2) => a2.hideLocalPeer;
-var oe = createSelector([B, G, Da], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
-var _a7 = createSelector(D, (a2) => Object.values(a2));
+var On = createSelector([ye, B], (a2, e) => a2 ? e.peerCount !== void 0 ? e.peerCount || 1 : e.peers.length : Math.max(e.peerCount !== void 0 ? e.peerCount : e.peers.length - 1, 0));
+var Oa = (a2) => a2.hideLocalPeer;
+var oe = createSelector([B, G, Oa], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
+var xa = createSelector(D, (a2) => Object.values(a2));
 var z = createSelector(B, G, (a2, e) => e[a2.localPeer]);
 var ue = createSelector(B, (a2) => a2.localPeer);
-var _n = createSelector(z, (a2) => a2 == null ? void 0 : a2.name);
-var Nn = createSelector(z, (a2) => a2 == null ? void 0 : a2.roleName);
+var xn = createSelector(z, (a2) => a2 == null ? void 0 : a2.name);
+var Un = createSelector(z, (a2) => a2 == null ? void 0 : a2.roleName);
 var Z = createSelector(z, (a2) => a2 == null ? void 0 : a2.audioTrack);
 var q = createSelector(z, (a2) => a2 == null ? void 0 : a2.videoTrack);
-var Na = createSelector(z, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
-var Xr = createSelector([Z, q, Na], (a2, e, t) => {
+var Ua = createSelector(z, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
+var Zr = createSelector([Z, q, Ua], (a2, e, t) => {
   let i = t ? [...t] : [];
   return a2 && i.unshift(a2), e && i.unshift(e), i;
 });
-var On = createSelector(oe, (a2) => a2.filter((e) => !e.isLocal));
-var xn = createSelector(G, wa, (a2, e) => {
+var Bn = createSelector(oe, (a2) => a2.filter((e) => !e.isLocal));
+var Vn = createSelector(G, Na, (a2, e) => {
   let t = Object.entries(e).sort((i, r) => {
     var n, l;
     let s = ((n = i[1]) == null ? void 0 : n.audioLevel) || 0;
@@ -18577,11 +18580,11 @@ var xn = createSelector(G, wa, (a2, e) => {
   }
   return null;
 });
-var rr = createSelector(z, D, (a2, e) => {
+var sr = createSelector(z, D, (a2, e) => {
   let { video: t, audio: i } = He(e, a2);
   return !!(t || i);
 });
-var Oa = createSelector(G, D, (a2, e) => {
+var Ba = createSelector(G, D, (a2, e) => {
   let t;
   for (let i in a2) {
     let r = a2[i], { video: s, audio: o } = He(e, r);
@@ -18591,15 +18594,15 @@ var Oa = createSelector(G, D, (a2, e) => {
   }
   return t;
 });
-var Bn = createSelector(Oa, (a2) => !!a2);
-var Vn = createSelector(G, D, (a2, e) => {
+var Gn = createSelector(Ba, (a2) => !!a2);
+var Wn = createSelector(G, D, (a2, e) => {
   for (let t in a2) {
     let i = a2[t], { audio: r, video: s } = He(e, i);
     if (!s && r)
       return i;
   }
 });
-var Fn = createSelector(G, D, (a2, e) => {
+var $n = createSelector(G, D, (a2, e) => {
   let t = [], i = [];
   for (let r in a2) {
     let s = a2[r], { video: o, audio: n } = He(e, s);
@@ -18607,80 +18610,80 @@ var Fn = createSelector(G, D, (a2, e) => {
   }
   return t.concat(i);
 });
-var Gn = createSelector(G, D, (a2, e) => {
+var Kn = createSelector(G, D, (a2, e) => {
   for (let t in e) {
     let i = e[t];
     if (rt(i) && it(i) && i.peerId)
       return a2[i.peerId];
   }
 });
-var $n = createSelector(G, D, (a2, e) => {
+var qn = createSelector(G, D, (a2, e) => {
   for (let t in e) {
     let i = e[t];
-    if ($t(i) && i.peerId)
+    if (Wt(i) && i.peerId)
       return a2[i.peerId];
   }
 });
-var Wn = createSelector(_a7, (a2) => a2.filter(Jr));
-var Kn = createSelector(zr, (a2) => a2.length);
-var qn = createSelector(Wt, (a2) => Object.values(a2).filter((e) => !e.read).length);
-var at = createSelector(zr, Wt, (a2, e) => {
+var jn = createSelector(xa, (a2) => a2.filter(Qr));
+var Jn = createSelector(Yr, (a2) => a2.length);
+var Qn = createSelector($t, (a2) => Object.values(a2).filter((e) => !e.read).length);
+var at = createSelector(Yr, $t, (a2, e) => {
   let t = [];
   return a2.forEach((i) => {
     t.push(e[i]);
   }), t;
 });
-var xa = createSelector(at, (a2) => a2.filter((e) => {
+var Va = createSelector(at, (a2) => a2.filter((e) => {
   var t;
   return !e.recipientPeer && !(e.recipientRoles && ((t = e.recipientRoles) == null ? void 0 : t.length) > 0);
 }));
-var jn = createSelector(xa, (a2) => a2.filter((e) => !e.read).length);
+var zn = createSelector(Va, (a2) => a2.filter((e) => !e.read).length);
 var Y = createSelector([B], (a2) => a2 && a2.roomState);
-var es = createSelector(Y, (a2) => a2 === "Preview");
-var Jn = createSelector(B, (a2) => a2.roomState !== "Disconnected");
+var ts = createSelector(Y, (a2) => a2 === "Preview");
+var Yn = createSelector(B, (a2) => a2.roomState !== "Disconnected");
 var ne = (a2) => a2.roles;
-var Qn = createSelector([ne], (a2) => Object.keys(a2));
+var Xn = createSelector([ne], (a2) => Object.keys(a2));
 var Kt = createSelector([z, ne], (a2, e) => a2 != null && a2.roleName ? e[a2.roleName] : null);
-var Ua = (a2) => {
+var Fa = (a2) => {
   var e;
   return (e = a2.preview) == null ? void 0 : e.asRole;
 };
-var ts = createSelector([Ua, ne], (a2, e) => a2 ? e[a2] : null);
-var zn = createSelector([Kt], (a2) => {
+var is = createSelector([Fa, ne], (a2, e) => a2 ? e[a2] : null);
+var Zn = createSelector([Kt], (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribeParams) != null && e.subscribeToRoles ? a2.subscribeParams.subscribeToRoles.length > 0 : false;
 });
-var is = createSelector(Kt, (a2) => a2 == null ? void 0 : a2.permissions);
-var Yn = createSelector(B, (a2) => a2.recording);
-var Xn = createSelector(B, (a2) => a2.rtmp);
-var Zn = createSelector(B, (a2) => a2.hls);
-var ec = createSelector(B, (a2) => a2.sessionId);
-var tc = createSelector(B, (a2) => a2.startedAt);
-var ic = createSelector(B, (a2) => !!a2.isLargeRoom);
-var rc = createSelector(B, (a2) => !!a2.isEffectsEnabled);
-var sc = createSelector(B, (a2) => a2.effectsKey);
-var rs = (a2) => a2.polls;
-var cc = createSelector(oe, (a2) => a2.filter((e) => e.isHandRaised));
-var Ba = (a2) => a2.whiteboards;
-var dc = createSelector(Ba, (a2) => Object.values(a2)[0]);
-var as = (a2 = "audio") => (e) => e.playlist[a2].list;
-var sr = (a2 = "audio") => (e) => e.playlist[a2].selection;
-var os = (a2 = "audio") => (e) => e.playlist[a2].progress;
-var ns = (a2 = "audio") => (e) => e.playlist[a2].currentTime;
-var cs = (a2 = "audio") => (e) => e.playlist[a2].playbackRate;
-var ds = (a2 = "audio") => (e) => e.playlist[a2].volume;
-var ls = (a2 = "audio") => createSelector(as(a2), (e) => Object.values(e));
-var us = (a2 = "audio") => createSelector(as(a2), sr(a2), (e, t) => {
+var rs = createSelector(Kt, (a2) => a2 == null ? void 0 : a2.permissions);
+var ec = createSelector(B, (a2) => a2.recording);
+var tc = createSelector(B, (a2) => a2.rtmp);
+var ic = createSelector(B, (a2) => a2.hls);
+var rc = createSelector(B, (a2) => a2.sessionId);
+var sc = createSelector(B, (a2) => a2.startedAt);
+var ac = createSelector(B, (a2) => !!a2.isLargeRoom);
+var oc = createSelector(B, (a2) => !!a2.isEffectsEnabled);
+var nc = createSelector(B, (a2) => a2.effectsKey);
+var ss = (a2) => a2.polls;
+var uc = createSelector(oe, (a2) => a2.filter((e) => e.isHandRaised));
+var Ga = (a2) => a2.whiteboards;
+var pc = createSelector(Ga, (a2) => Object.values(a2)[0]);
+var os = (a2 = "audio") => (e) => e.playlist[a2].list;
+var ar = (a2 = "audio") => (e) => e.playlist[a2].selection;
+var ns = (a2 = "audio") => (e) => e.playlist[a2].progress;
+var cs = (a2 = "audio") => (e) => e.playlist[a2].currentTime;
+var ds = (a2 = "audio") => (e) => e.playlist[a2].playbackRate;
+var ls = (a2 = "audio") => (e) => e.playlist[a2].volume;
+var us = (a2 = "audio") => createSelector(os(a2), (e) => Object.values(e));
+var ps = (a2 = "audio") => createSelector(os(a2), ar(a2), (e, t) => {
   if (t.id)
     return e[t.id];
 });
-var ps = { selection: sr("audio"), progress: os("audio"), currentTime: ns("audio"), playbackRate: cs("audio"), volume: ds("audio"), list: ls("audio"), selectedItem: us("audio") };
-var hs = { selection: sr("video"), progress: os("video"), currentTime: ns("video"), playbackRate: cs("video"), volume: ds("video"), list: ls("video"), selectedItem: us("video") };
+var hs = { selection: ar("audio"), progress: ns("audio"), currentTime: cs("audio"), playbackRate: ds("audio"), volume: ls("audio"), list: us("audio"), selectedItem: ps("audio") };
+var ms = { selection: ar("video"), progress: ns("video"), currentTime: cs("video"), playbackRate: ds("video"), volume: ls("video"), list: us("video"), selectedItem: ps("video") };
 function R(a2) {
   return (e) => (t) => a2(t, e);
 }
-var ms = ((l) => (l[l.VERBOSE = 0] = "VERBOSE", l[l.DEBUG = 1] = "DEBUG", l[l.INFO = 2] = "INFO", l[l.WARN = 3] = "WARN", l[l.TIME = 4] = "TIME", l[l.TIMEEND = 5] = "TIMEEND", l[l.ERROR = 6] = "ERROR", l[l.NONE = 7] = "NONE", l))(ms || {});
-var Va = typeof window != "undefined" && typeof window.expect != "undefined";
+var Ss = ((l) => (l[l.VERBOSE = 0] = "VERBOSE", l[l.DEBUG = 1] = "DEBUG", l[l.INFO = 2] = "INFO", l[l.WARN = 3] = "WARN", l[l.TIME = 4] = "TIME", l[l.TIMEEND = 5] = "TIMEEND", l[l.ERROR = 6] = "ERROR", l[l.NONE = 7] = "NONE", l))(Ss || {});
+var Wa = typeof window != "undefined" && typeof window.expect != "undefined";
 var d = class {
   static v(e, ...t) {
     this.log(0, e, ...t);
@@ -18746,25 +18749,25 @@ var d = class {
       }
   }
 };
-d.level = Va ? 7 : 0;
+d.level = Wa ? 7 : 0;
 var pe = new import_ua_parser_js.UAParser();
 var _ = typeof window != "undefined";
-var Ss;
-var Ce = typeof window == "undefined" && !((Ss = pe.getBrowser().name) != null && Ss.toLowerCase().includes("electron"));
-var Ga = () => !Ce;
-var Tc = Ga();
 var gs;
+var Ce = typeof window == "undefined" && !((gs = pe.getBrowser().name) != null && gs.toLowerCase().includes("electron"));
+var Ka = () => !Ce;
+var Mc = Ka();
 var Ts;
-var vs = ((Ts = (gs = pe.getBrowser()) == null ? void 0 : gs.name) == null ? void 0 : Ts.toLowerCase()) === "firefox";
-var Ms = ((i) => (i.CUSTOM = "CUSTOM", i.LOCAL = "LOCAL", i.HMS = "HMS", i))(Ms || {});
-function $a() {
+var fs;
+var Ms = ((fs = (Ts = pe.getBrowser()) == null ? void 0 : Ts.name) == null ? void 0 : fs.toLowerCase()) === "firefox";
+var ys = ((i) => (i.CUSTOM = "CUSTOM", i.LOCAL = "LOCAL", i.HMS = "HMS", i))(ys || {});
+function qa() {
   if (_ && window) {
     let a2 = window.location.hostname;
     return a2 === "localhost" || a2 === "127.0.0.1" ? "LOCAL" : a2.includes("app.100ms.live") ? "HMS" : "CUSTOM";
   }
   return "CUSTOM";
 }
-var Ve = $a();
+var Ve = qa();
 var M = { WebSocketConnectionErrors: { FAILED_TO_CONNECT: 1e3, WEBSOCKET_CONNECTION_LOST: 1003, ABNORMAL_CLOSE: 1006 }, APIErrors: { SERVER_ERRORS: 2e3, INIT_CONFIG_NOT_AVAILABLE: 2002, ENDPOINT_UNREACHABLE: 2003, INVALID_TOKEN_FORMAT: 2004 }, TracksErrors: { GENERIC_TRACK: 3e3, CANT_ACCESS_CAPTURE_DEVICE: 3001, DEVICE_NOT_AVAILABLE: 3002, DEVICE_IN_USE: 3003, DEVICE_LOST_MIDWAY: 3004, NOTHING_TO_RETURN: 3005, INVALID_VIDEO_SETTINGS: 3006, CODEC_CHANGE_NOT_PERMITTED: 3007, AUTOPLAY_ERROR: 3008, OVER_CONSTRAINED: 3009, NO_AUDIO_DETECTED: 3010, SYSTEM_DENIED_PERMISSION: 3011, CURRENT_TAB_NOT_SHARED: 3012, AUDIO_PLAYBACK_ERROR: 3013, SELECTED_DEVICE_MISSING: 3014 }, WebrtcErrors: { CREATE_OFFER_FAILED: 4001, CREATE_ANSWER_FAILED: 4002, SET_LOCAL_DESCRIPTION_FAILED: 4003, SET_REMOTE_DESCRIPTION_FAILED: 4004, ICE_FAILURE: 4005, ICE_DISCONNECTED: 4006, STATS_FAILED: 4007 }, WebsocketMethodErrors: { SERVER_ERRORS: 5e3, ALREADY_JOINED: 5001, CANNOT_JOIN_PREVIEW_IN_PROGRESS: 5002 }, GenericErrors: { NOT_CONNECTED: 6e3, SIGNALLING: 6001, UNKNOWN: 6002, NOT_READY: 6003, JSON_PARSING_FAILED: 6004, TRACK_METADATA_MISSING: 6005, RTC_TRACK_MISSING: 6006, PEER_METADATA_MISSING: 6007, INVALID_ROLE: 6008, PREVIEW_IN_PROGRESS: 6009, MISSING_MEDIADEVICES: 6010, MISSING_RTCPEERCONNECTION: 6011, LOCAL_STORAGE_ACCESS_DENIED: 6012, VALIDATION_FAILED: 6013 }, PlaylistErrors: { NO_ENTRY_TO_PLAY: 8001, NO_ENTRY_IS_PLAYING: 8002 } };
 var f = class a extends Error {
   constructor(t, i, r, s, o, n = false) {
@@ -18795,11 +18798,11 @@ var f = class a extends Error {
     }`;
   }
 };
-var Wa = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
+var ja = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
 var m = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
   return new f(M.WebSocketConnectionErrors.FAILED_TO_CONNECT, "WebsocketFailedToConnect", a2, `[WS]: ${e}`, `[WS]: ${e}`);
 }, WebSocketConnectionLost(a2, e = "") {
-  return new f(M.WebSocketConnectionErrors.WEBSOCKET_CONNECTION_LOST, "WebSocketConnectionLost", a2, "Network connection lost ", e);
+  return new f(M.WebSocketConnectionErrors.WEBSOCKET_CONNECTION_LOST, "WebSocketConnectionLost", a2, "Network connection lost", e);
 }, AbnormalClose(a2, e = "") {
   return new f(M.WebSocketConnectionErrors.ABNORMAL_CLOSE, "WebSocketAbnormalClose", a2, "Websocket closed abnormally", e);
 } }, APIErrors: { ServerErrors(a2, e, t = "", i = true) {
@@ -18855,7 +18858,7 @@ var m = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
 }, StatsFailed(a2, e = "") {
   return new f(M.WebrtcErrors.STATS_FAILED, "StatsFailed", a2, `Failed to WebRTC get stats - ${e}`, e);
 } }, WebsocketMethodErrors: { ServerErrors(a2, e, t) {
-  return new f(a2, "ServerErrors", e, t, t, Wa.includes(e));
+  return new f(a2, "ServerErrors", e, t, t, ja.includes(e));
 }, AlreadyJoined(a2, e = "") {
   return new f(M.WebsocketMethodErrors.ALREADY_JOINED, "AlreadyJoined", a2, "[JOIN]: You have already joined this room.", e);
 }, CannotJoinPreviewInProgress(a2, e = "") {
@@ -18903,7 +18906,7 @@ var m = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
 }, NoEntryPlaying(a2, e) {
   return new f(M.PlaylistErrors.NO_ENTRY_IS_PLAYING, "NoEntryIsPlaying", a2, "No entry is playing at this time", e);
 } } };
-var nr = class {
+var cr = class {
   constructor() {
     this.valuesMap = /* @__PURE__ */ new Map();
   }
@@ -18928,9 +18931,9 @@ var nr = class {
     return this.valuesMap.size;
   }
 };
-var ys = () => {
+var ks = () => {
   try {
-    _ && !localStorage && (window.localStorage = new nr());
+    _ && !localStorage && (window.localStorage = new cr());
   } catch (a2) {
     d.e("Error initialising localStorage", m.GenericErrors.LocalStorageAccessDenied());
   }
@@ -18942,7 +18945,7 @@ var ce = class {
   }
   getStorage() {
     try {
-      return _ && !this.storage && (ys(), this.storage = window.localStorage), this.storage;
+      return _ && !this.storage && (ks(), this.storage = window.localStorage), this.storage;
     } catch (e) {
       return d.e("Error initialising localStorage", m.GenericErrors.LocalStorageAccessDenied()), null;
     }
@@ -18962,29 +18965,29 @@ var ce = class {
     (e = this.getStorage()) == null || e.removeItem(this.key);
   }
 };
-var ks = () => {
+var Ps = () => {
   let a2, e = new ce("hms-analytics-deviceId"), t = e.get();
-  return t ? a2 = t : (a2 = Ka(), e.set(a2)), a2;
+  return t ? a2 = t : (a2 = Ja(), e.set(a2)), a2;
 };
 function ie(a2) {
   return a2 != null;
 }
-var Es = lr().version;
+var As = ur().version;
 function ot(a2 = "prod", e) {
   let t = "web", i = Ve !== "LOCAL" && a2 === "prod" ? "prod" : "debug";
   if (Ce)
-    return As({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version: Es, env: i, domain: Ve, is_prebuilt: !!(e != null && e.isPrebuilt), framework: "node", framework_version: process.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
-  let r = pe.getOS(), s = pe.getDevice(), o = pe.getBrowser(), n = ur(`web_${r.name}`), l = r.version || "", u = ur(`${o.name}_${o.version}`), p = u;
-  return s.type && (p = `${ur(`${s.vendor}_${s.type}`)}/${u}`), As({ os: n, os_version: l, sdk: t, sdk_version: Es, device_model: p, env: i, domain: Ve, is_prebuilt: !!(e != null && e.isPrebuilt), framework: e == null ? void 0 : e.type, framework_version: e == null ? void 0 : e.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
+    return bs({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version: As, env: i, domain: Ve, is_prebuilt: !!(e != null && e.isPrebuilt), framework: "node", framework_version: process.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
+  let r = pe.getOS(), s = pe.getDevice(), o = pe.getBrowser(), n = pr(`web_${r.name}`), l = r.version || "", u = pr(`${o.name}_${o.version}`), p = u;
+  return s.type && (p = `${pr(`${s.vendor}_${s.type}`)}/${u}`), bs({ os: n, os_version: l, sdk: t, sdk_version: As, device_model: p, env: i, domain: Ve, is_prebuilt: !!(e != null && e.isPrebuilt), framework: e == null ? void 0 : e.type, framework_version: e == null ? void 0 : e.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
 }
-function ur(a2) {
+function pr(a2) {
   return a2.replace(/ /g, "_");
 }
-var As = (a2, e = ",") => Object.keys(a2).filter((t) => ie(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
+var bs = (a2, e = ",") => Object.keys(a2).filter((t) => ie(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
 var I = class {
   constructor({ name: e, level: t, properties: i, includesPII: r, timestamp: s }) {
     this.metadata = { peer: {}, userAgent: ot() };
-    this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = ja(), this.device_id = ks();
+    this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = za(), this.device_id = Ps();
   }
   toSignalParams() {
     return { name: this.name, info: v(S({}, this.properties), { timestamp: this.timestamp, domain: Ve }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
@@ -19000,12 +19003,12 @@ var y = class {
     return new I({ name: i, level: r, properties: s });
   }
   static preview(i) {
-    var r = i, { error: e } = r, t = Xi(r, ["error"]);
+    var r = i, { error: e } = r, t = Zi(r, ["error"]);
     let s = this.eventNameFor("preview", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(t, e);
     return new I({ name: s, level: o, properties: n });
   }
   static join(i) {
-    var r = i, { error: e } = r, t = Xi(r, ["error"]);
+    var r = i, { error: e } = r, t = Zi(r, ["error"]);
     let s = this.eventNameFor("join", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(v(S({}, t), { is_preview_called: !!t.is_preview_called }), e);
     return new I({ name: s, level: o, properties: n });
   }
@@ -19081,7 +19084,7 @@ var y = class {
   }
 };
 y.KEY_REQUESTED_AT = "requested_at", y.KEY_RESPONDED_AT = "responded_at";
-var pr = class {
+var hr = class {
   constructor() {
     this.storage = new ce("hms-device-selection");
     this.remember = false;
@@ -19115,9 +19118,9 @@ var pr = class {
     return e.deviceId === t.deviceId && (e.groupId === t.groupId || !e.groupId);
   }
 };
-var j = new pr();
-var hr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(hr || {});
-var mr = ((t) => (t.PLATFORM_NOT_SUPPORTED = "PLATFORM_NOT_SUPPORTED", t.DEVICE_NOT_SUPPORTED = "DEVICE_NOT_SUPPORTED", t))(mr || {});
+var j = new hr();
+var mr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(mr || {});
+var Sr = ((t) => (t.PLATFORM_NOT_SUPPORTED = "PLATFORM_NOT_SUPPORTED", t.DEVICE_NOT_SUPPORTED = "DEVICE_NOT_SUPPORTED", t))(Sr || {});
 function Jt(a2, e = 300) {
   let t;
   return function(...i) {
@@ -19128,11 +19131,11 @@ function Jt(a2, e = 300) {
     }, e);
   };
 }
-var Sr = ((t) => (t.SIP = "sip", t.REGULAR = "regular", t))(Sr || {});
-var Ls = ((n) => (n.NONE = "none", n.INITIALISED = "initialised", n.STARTED = "started", n.PAUSED = "paused", n.RESUMED = "resumed", n.STOPPED = "stopped", n.FAILED = "failed", n))(Ls || {});
-var ws = ((t) => (t.DVR = "dvr", t.NO_DVR = "no-dvr", t))(ws || {});
-var Ds = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(Ds || {});
-var gr = class {
+var gr = ((t) => (t.SIP = "sip", t.REGULAR = "regular", t))(gr || {});
+var ws = ((n) => (n.NONE = "none", n.INITIALISED = "initialised", n.STARTED = "started", n.PAUSED = "paused", n.RESUMED = "resumed", n.STOPPED = "stopped", n.FAILED = "failed", n))(ws || {});
+var Ds = ((t) => (t.DVR = "dvr", t.NO_DVR = "no-dvr", t))(Ds || {});
+var _s = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(_s || {});
+var Tr = class {
   constructor() {
     this.TAG = "[HMSIntersectionObserverWrapper]";
     this.listeners = /* @__PURE__ */ new WeakMap();
@@ -19159,8 +19162,8 @@ var gr = class {
     return e || d.w(this.TAG, "IntersectionObserver is not supported, fallback will be used instead"), e;
   }
 };
-var xs = new gr();
-var Tr = class {
+var Us = new Tr();
+var fr = class {
   constructor() {
     this.TAG = "[HMSResizeObserverWrapper]";
     this.listeners = /* @__PURE__ */ new WeakMap();
@@ -19187,15 +19190,15 @@ var Tr = class {
     return e || d.w(this.TAG, "Resize Observer is not supported"), e;
   }
 };
-var Us = new Tr();
-var fr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(fr || {});
-var vr = ((t) => (t["2D"] = "2d", t.WEBGL = "webgl", t.WEBGL2 = "webgl2", t))(vr || {});
-var Fs = "https://event.100ms.live/v2/client/report";
-var Gs = "https://event-nonprod.100ms.live/v2/client/report";
+var Bs = new fr();
+var vr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(vr || {});
+var Mr = ((t) => (t["2D"] = "2d", t.WEBGL = "webgl", t.WEBGL2 = "webgl2", t))(Mr || {});
+var Gs = "https://event.100ms.live/v2/client/report";
+var Ws = "https://event-nonprod.100ms.live/v2/client/report";
 var pt = Math.pow(2, 31) - 1;
 var Qe = class {
 };
-Qe.makePeerId = () => po();
+Qe.makePeerId = () => So();
 var gt = "HMS-Store:";
 var k = class {
   static v(e, ...t) {
@@ -19263,133 +19266,133 @@ var k = class {
   }
 };
 k.level = 0;
-var Hr = (a2, e) => e;
+var Cr = (a2, e) => e;
 var Tt = (a2, e) => e;
-var Qs = (a2, e) => e;
-var mo = (a2, e) => e;
-var So = (a2, e) => e;
-var $ = createSelector([G, Hr], (a2, e) => e ? a2[e] : null);
-var Cr = createSelector([D, Tt], (a2, e) => e ? a2[e] : null);
-var go = createSelector([D, Tt], (a2, e) => {
+var Xs = (a2, e) => e;
+var To = (a2, e) => e;
+var fo = (a2, e) => e;
+var W = createSelector([G, Cr], (a2, e) => e ? a2[e] : null);
+var Lr = createSelector([D, Tt], (a2, e) => e ? a2[e] : null);
+var vo = createSelector([D, Tt], (a2, e) => {
   if (!e)
     return null;
   let t = a2[e];
   return (t == null ? void 0 : t.type) === "video" ? t : null;
 });
-var To = createSelector([D, Tt], (a2, e) => {
+var Mo = createSelector([D, Tt], (a2, e) => {
   if (!e)
     return null;
   let t = a2[e];
   return (t == null ? void 0 : t.type) === "audio" ? t : null;
 });
-var fo = createSelector([D, Tt], (a2, e) => {
+var yo = createSelector([D, Tt], (a2, e) => {
   if (!e)
     return null;
   let t = a2[e];
   return (t == null ? void 0 : t.type) === "audio" && (t == null ? void 0 : t.source) === "screen" ? t : null;
 });
-var vo = createSelector([D, Tt], (a2, e) => {
+var ko = createSelector([D, Tt], (a2, e) => {
   if (!e)
     return null;
   let t = a2[e];
   return (t == null ? void 0 : t.type) === "video" && (t == null ? void 0 : t.source) === "screen" ? t : null;
 });
-var Mo = createSelector([rs, So], (a2, e) => e ? a2[e] : null);
-var Q = R($);
-var nm = R(createSelector([tr, mo], (a2, e) => {
+var Po = createSelector([ss, fo], (a2, e) => e ? a2[e] : null);
+var Q = R(W);
+var lm = R(createSelector([ir, To], (a2, e) => {
   if (a2)
     return e ? a2[e] : a2;
 }));
-function cm(a2) {
+function um(a2) {
   return (e) => {
     if (e.sessionStore)
       return a2 ? e.sessionStore[a2] : e.sessionStore;
   };
 }
-var lm = R(createSelector($, (a2) => a2 == null ? void 0 : a2.name));
-var um = R(createSelector($, (a2) => a2 == null ? void 0 : a2.type));
-var oi = R(Cr);
-var zs = R(go);
-var pm = R(To);
-var hm = R(fo);
-var mm = R(vo);
-var yo = R((a2, e) => {
-  let t = $(a2, e);
+var hm = R(createSelector(W, (a2) => a2 == null ? void 0 : a2.name));
+var mm = R(createSelector(W, (a2) => a2 == null ? void 0 : a2.type));
+var oi = R(Lr);
+var Zs = R(vo);
+var Sm = R(Mo);
+var gm = R(yo);
+var Tm = R(ko);
+var Eo = R((a2, e) => {
+  let t = W(a2, e);
   if (t && t.videoTrack && t.videoTrack !== "")
     return a2.tracks[t.videoTrack];
 });
-var ko = R((a2, e) => {
-  let t = $(a2, e);
+var Ao = R((a2, e) => {
+  let t = W(a2, e);
   if (t && t.audioTrack && t.audioTrack !== "")
     return a2.tracks[t.audioTrack];
 });
-var gm = R((a2, e) => {
-  let t = $(a2, e);
+var vm = R((a2, e) => {
+  let t = W(a2, e);
   return (t == null ? void 0 : t.auxiliaryTracks.map((i) => a2.tracks[i])) || [];
 });
-var Ys = (a2, e) => e ? a2.speakers[e] : null;
-var Tm = R(createSelector(Ys, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
-var Po = (a2, e) => {
-  let t = ko(e)(a2);
-  return Ys(a2, t == null ? void 0 : t.id);
-};
-var fm = R(createSelector(Po, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
-var vm = R((a2, e) => {
+var ea = (a2, e) => e ? a2.speakers[e] : null;
+var Mm = R(createSelector(ea, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+var bo = (a2, e) => {
+  let t = Ao(e)(a2);
+  return ea(a2, t == null ? void 0 : t.id);
+};
+var ym = R(createSelector(bo, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+var km = R((a2, e) => {
   if (e)
     return a2.connectionQualities[e];
 });
-var Mm = R((a2, e) => {
-  let t = $(a2, e);
+var Pm = R((a2, e) => {
+  let t = W(a2, e);
   if (t) {
     let i = t == null ? void 0 : t.auxiliaryTracks.find((r) => tt(a2.tracks[r]));
     return i ? a2.tracks[i] : void 0;
   }
 });
-var ym = R(createSelector(D, $, (a2, e) => {
+var Em = R(createSelector(D, W, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
     return rt(r) && it(r);
   });
   return t ? a2[t] : void 0;
 }));
-var km = R(createSelector(D, $, (a2, e) => {
+var Am = R(createSelector(D, W, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
     return rt(r) && tt(r);
   });
   return t ? a2[t] : void 0;
 }));
-var Pm = R(createSelector(D, $, (a2, e) => {
+var bm = R(createSelector(D, W, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
-    return $t(r) && tt(r);
+    return Wt(r) && tt(r);
   });
   return t ? a2[t] : void 0;
 }));
-var Xs = R(createSelector(D, $, (a2, e) => He(a2, e)));
-var Zs = (a2) => createSelector(Xs(a2), (e) => e.audio);
-var Am = R((a2, e) => {
-  let t = $(a2, e);
+var ta = R(createSelector(D, W, (a2, e) => He(a2, e)));
+var ia = (a2) => createSelector(ta(a2), (e) => e.audio);
+var Im = R((a2, e) => {
+  let t = W(a2, e);
   return Ue(a2, t == null ? void 0 : t.audioTrack);
 });
-var bm = R((a2, e) => {
-  let t = $(a2, e);
+var Hm = R((a2, e) => {
+  let t = W(a2, e);
   return Ue(a2, t == null ? void 0 : t.videoTrack);
 });
-var ea = R((a2, e) => {
+var ra = R((a2, e) => {
   if (e && a2.tracks[e])
     return a2.tracks[e].volume === 0;
 });
-var Rm = R((a2, e) => {
-  let t = $(a2, e);
-  return ea(t == null ? void 0 : t.audioTrack)(a2);
+var Cm = R((a2, e) => {
+  let t = W(a2, e);
+  return ra(t == null ? void 0 : t.audioTrack)(a2);
 });
-var Im = R((a2, e) => {
-  let t = Zs(e)(a2);
-  return ea(t == null ? void 0 : t.id)(a2);
+var Lm = R((a2, e) => {
+  let t = ia(e)(a2);
+  return ra(t == null ? void 0 : t.id)(a2);
 });
-var ta = R((a2, e) => {
-  let t = Cr(a2, e);
+var sa = R((a2, e) => {
+  let t = Lr(a2, e);
   if (t) {
     if (t.type !== "audio") {
       k.w("Please pass audio track here");
@@ -19398,16 +19401,16 @@ var ta = R((a2, e) => {
     return t.volume;
   }
 });
-var Hm = R((a2, e) => {
-  let t = $(a2, e);
-  return ta(t == null ? void 0 : t.audioTrack)(a2);
+var wm = R((a2, e) => {
+  let t = W(a2, e);
+  return sa(t == null ? void 0 : t.audioTrack)(a2);
 });
-var Cm = R((a2, e) => {
-  let t = Zs(e)(a2);
-  return ta(t == null ? void 0 : t.id)(a2);
+var Dm = R((a2, e) => {
+  let t = ia(e)(a2);
+  return sa(t == null ? void 0 : t.id)(a2);
 });
-var Lm = R((a2, e) => {
-  let t = Cr(a2, e);
+var _m = R((a2, e) => {
+  let t = Lr(a2, e);
   if (t) {
     if (t.type !== "video") {
       k.w("Please pass video track here");
@@ -19416,49 +19419,49 @@ var Lm = R((a2, e) => {
     return t.layer;
   }
 });
-var ia = createSelector([at, ue, Hr], (a2, e, t) => {
+var aa = createSelector([at, ue, Cr], (a2, e, t) => {
   if (t)
     return a2.filter((i) => {
       var r;
       return !i.recipientPeer && !((r = i.recipientRoles) != null && r.length) || i.sender && ![e, t].includes(i.sender) ? false : [e, t].includes(i.recipientPeer);
     });
 });
-var ra = createSelector([at, Qs], (a2, e) => {
+var oa = createSelector([at, Xs], (a2, e) => {
   if (e)
     return a2.filter((t) => {
       var i, r;
       return (i = t.recipientRoles) != null && i.length ? (r = t.recipientRoles) == null ? void 0 : r.includes(e) : false;
     });
 });
-var Eo = createSelector(at, (a2) => a2.filter((e) => {
+var Ro = createSelector(at, (a2) => a2.filter((e) => {
   var t;
   return !e.recipientPeer && !((t = e.recipientRoles) != null && t.length);
 }));
-var Ao = createSelector([ra, Qs], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-var bo = createSelector([ia, Hr], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-var wm = createSelector(Eo, (a2) => a2.filter((e) => !e.read).length);
-var Dm = R(ia);
-var _m = R(ra);
-var Nm = R(Ao);
-var Om = R(bo);
-var sa = R(Mo);
-var jm = createSelector([G, D], (a2, e) => Object.values(a2).map((i) => {
+var Io = createSelector([oa, Xs], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
+var Ho = createSelector([aa, Cr], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
+var Nm = createSelector(Ro, (a2) => a2.filter((e) => !e.read).length);
+var Om = R(aa);
+var xm = R(oa);
+var Um = R(Io);
+var Bm = R(Ho);
+var na = R(Po);
+var zm = createSelector([G, D], (a2, e) => Object.values(a2).map((i) => {
   var r;
   return { peer: i, isAudioEnabled: i.audioTrack ? (r = e[i.audioTrack]) == null ? void 0 : r.enabled : false };
 }));
-var Ro = (a2) => a2.roleChangeRequests[0] || null;
-var Jm = createSelector([Ro, G, ne], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
-var Qm = createSelector([Kt], (a2) => st(a2));
-var zm = createSelector([ts], (a2) => st(a2));
-var Ho = createSelector([q, D], (a2, e) => {
+var Co = (a2) => a2.roleChangeRequests[0] || null;
+var Ym = createSelector([Co, G, ne], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
+var Xm = createSelector([Kt], (a2) => st(a2));
+var Zm = createSelector([is], (a2) => st(a2));
+var wo = createSelector([q, D], (a2, e) => {
   let t = null;
   return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
 });
-var Co = createSelector([Z, D], (a2, e) => {
+var Do = createSelector([Z, D], (a2, e) => {
   let t = null;
   return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
 });
-var Nr = class {
+var Or = class {
   constructor() {
     this.TAG = "[HTTPAnalyticsTransport]";
     this.failedEvents = new ce("client-events");
@@ -19477,7 +19480,7 @@ var Nr = class {
       this.addEventToStorage(e);
       return;
     }
-    let t = { event: e.name, payload: e.properties, event_id: String(e.timestamp), peer: e.metadata.peer, timestamp: e.timestamp, device_id: e.device_id, cluster: { websocket_url: this.websocketURL } }, i = this.env === "prod" ? Fs : Gs;
+    let t = { event: e.name, payload: e.properties, event_id: String(e.timestamp), peer: e.metadata.peer, timestamp: e.timestamp, device_id: e.device_id, cluster: { websocket_url: this.websocketURL } }, i = this.env === "prod" ? Gs : Ws;
     fetch(i, { method: "POST", headers: { "Content-Type": "application/json", Authorization: `Bearer ${e.metadata.token}`, user_agent_v2: e.metadata.userAgent }, body: JSON.stringify(t) }).then((r) => {
       if (r.status === 401) {
         this.removeFromStorage(e);
@@ -19503,66 +19506,66 @@ var Nr = class {
     i > -1 && (t.splice(i, 1), this.failedEvents.set(t));
   }
 };
-var Te = new Nr();
-var W = ((s) => (s[s.ConnectFailed = 0] = "ConnectFailed", s[s.SignalDisconnect = 1] = "SignalDisconnect", s[s.JoinWSMessageFailed = 2] = "JoinWSMessageFailed", s[s.PublishIceConnectionFailed = 3] = "PublishIceConnectionFailed", s[s.SubscribeIceConnectionFailed = 4] = "SubscribeIceConnectionFailed", s))(W || {});
-var Bi = ((n) => (n.Disconnected = "Disconnected", n.Connecting = "Connecting", n.Joined = "Joined", n.Preview = "Preview", n.Failed = "Failed", n.Reconnecting = "Reconnecting", n.Leaving = "Leaving", n))(Bi || {});
-var Ji = ((t) => (t[t.Publish = 0] = "Publish", t[t.Subscribe = 1] = "Subscribe", t))(Ji || {});
-var zo = (a2) => a2.localPeer.id;
-var Yo = (a2) => a2.localPeer.audioTrack;
-var Xo = (a2) => a2.localPeer.videoTrack;
-var Zo = (a2, e) => e;
-var ya = (a2, e) => e;
-var en = (a2) => a2.remoteTrackStats;
-var ka = (a2) => a2.peerStats;
-var Vr = (a2) => a2.localTrackStats;
-var ve = createSelector([ka, zo], (a2, e) => a2[e]);
-var tn = createSelector(ve, (a2) => {
+var Te = new Or();
+var $ = ((s) => (s[s.ConnectFailed = 0] = "ConnectFailed", s[s.SignalDisconnect = 1] = "SignalDisconnect", s[s.JoinWSMessageFailed = 2] = "JoinWSMessageFailed", s[s.PublishIceConnectionFailed = 3] = "PublishIceConnectionFailed", s[s.SubscribeIceConnectionFailed = 4] = "SubscribeIceConnectionFailed", s))($ || {});
+var Vi = ((n) => (n.Disconnected = "Disconnected", n.Connecting = "Connecting", n.Joined = "Joined", n.Preview = "Preview", n.Failed = "Failed", n.Reconnecting = "Reconnecting", n.Leaving = "Leaving", n))(Vi || {});
+var Qi = ((t) => (t[t.Publish = 0] = "Publish", t[t.Subscribe = 1] = "Subscribe", t))(Qi || {});
+var Zo = (a2) => a2.localPeer.id;
+var en = (a2) => a2.localPeer.audioTrack;
+var tn = (a2) => a2.localPeer.videoTrack;
+var rn = (a2, e) => e;
+var Ea = (a2, e) => e;
+var sn = (a2) => a2.remoteTrackStats;
+var Aa = (a2) => a2.peerStats;
+var Fr = (a2) => a2.localTrackStats;
+var ve = createSelector([Aa, Zo], (a2, e) => a2[e]);
+var an = createSelector(ve, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.packetsLost;
 });
-var rn = createSelector(ve, (a2) => {
+var on = createSelector(ve, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.jitter;
 });
-var sn = createSelector(ve, (a2) => {
+var nn = createSelector(ve, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bitrate;
 });
-var an = createSelector(ve, (a2) => {
+var cn = createSelector(ve, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bitrate;
 });
-var on = createSelector(ve, (a2) => {
+var dn = createSelector(ve, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.availableOutgoingBitrate;
 });
-var nn = createSelector(ve, (a2) => {
+var ln = createSelector(ve, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.availableIncomingBitrate;
 });
-var cn = createSelector(ve, (a2) => {
+var un = createSelector(ve, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bytesSent;
 });
-var dn = createSelector(ve, (a2) => {
+var pn = createSelector(ve, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bytesReceived;
 });
-var ln = createSelector([ka, Zo], (a2, e) => e ? a2[e] : void 0);
-var un = createSelector([en, ya], (a2, e) => e ? a2[e] : void 0);
-var Fr = createSelector([Vr, ya], (a2, e) => e ? a2[e] : void 0);
-var pn = R(ln);
-var hn = R(un);
-var mn = createSelector([Vr, Yo], (a2, e) => {
+var hn = createSelector([Aa, rn], (a2, e) => e ? a2[e] : void 0);
+var mn = createSelector([sn, Ea], (a2, e) => e ? a2[e] : void 0);
+var Gr = createSelector([Fr, Ea], (a2, e) => e ? a2[e] : void 0);
+var Sn = R(hn);
+var gn = R(mn);
+var Tn = createSelector([Fr, en], (a2, e) => {
   var t;
   return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
 });
-var Sn = R(createSelector(Fr, (a2) => a2 == null ? void 0 : a2[0]));
-var gn = createSelector([Vr, Xo], (a2, e) => {
+var fn = R(createSelector(Gr, (a2) => a2 == null ? void 0 : a2[0]));
+var vn = createSelector([Fr, tn], (a2, e) => {
   var t;
   return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
 });
-var Tn = R(createSelector(Fr, (a2) => a2));
+var Mn = R(createSelector(Gr, (a2) => a2));
 
 // src/Prebuilt/components/Header/StreamActions.tsx
 import {
@@ -19753,7 +19756,7 @@ var LiveStatus = () => {
   const { isHLSRunning, isRTMPRunning } = useRecordingStreaming6();
   const hlsState = useHMSStore25(selectHLSState4);
   const isMobile = useMedia7(config.media.md);
-  const intervalRef = useRef13(null);
+  const intervalRef = useRef14(null);
   const { screenType } = useRoomLayoutConferencingScreen();
   const [liveTime, setLiveTime] = useState25(0);
   const startTimer = useCallback17(() => {
@@ -19832,7 +19835,7 @@ var RecordingStatus = () => {
 };
 var RecordingPauseStatus = () => {
   const recording = useHMSStore25(selectRecordingState);
-  if (recording.hls && recording.hls.state === Ls.PAUSED) {
+  if (recording.hls && recording.hls.state === ws.PAUSED) {
     return /* @__PURE__ */ React54.createElement(
       Tooltip,
       {
@@ -20230,7 +20233,7 @@ var MwebOptions = ({
   const { showPolls } = useShowPolls();
   const togglePollView = usePollViewToggle();
   const peerCount = useHMSStore29(selectPeerCount3);
-  const emojiCardRef = useRef14(null);
+  const emojiCardRef = useRef15(null);
   const { isBRBOn, toggleBRB, isHandRaised, toggleHandRaise } = useMyMetadata();
   const { unreadPollQuiz, setUnreadPollQuiz } = useUnreadPollQuizPresent();
   const { title, description } = useRoomLayoutHeader();
@@ -21934,13 +21937,12 @@ var PollsToggle = () => {
 // src/Prebuilt/components/Footer/WhiteboardToggle.tsx
 init_define_process_env();
 import React76 from "react";
-import { useScreenShare as useScreenShare4, useWhiteboard } from "@100mslive/react-sdk";
+import { selectPeerScreenSharing, useHMSStore as useHMSStore40, useWhiteboard } from "@100mslive/react-sdk";
 import { PencilDrawIcon } from "@100mslive/react-icons";
 var WhiteboardToggle = () => {
   const { toggle, open, isOwner } = useWhiteboard();
-  const { screenSharingPeerId, amIScreenSharing } = useScreenShare4();
-  const remoteScreenShare = screenSharingPeerId && !amIScreenSharing;
-  const disabled = remoteScreenShare || open && !isOwner;
+  const peerSharing = useHMSStore40(selectPeerScreenSharing);
+  const disabled = !!peerSharing || open && !isOwner;
   if (!toggle) {
     return null;
   }
@@ -21948,7 +21950,7 @@ var WhiteboardToggle = () => {
     Tooltip,
     {
       key: "whiteboard",
-      title: remoteScreenShare ? "Cannot open whiteboard when viewing a shared screen" : `${open ? "Close" : "Open"} Whiteboard`
+      title: peerSharing ? "Cannot open whiteboard when viewing a shared screen" : `${open ? "Close" : "Open"} Whiteboard`
     },
     /* @__PURE__ */ React76.createElement(
       IconButton_default,
@@ -22037,9 +22039,9 @@ var Footer2 = ({
 // src/Prebuilt/components/Notifications/HLSFailureModal.tsx
 init_define_process_env();
 import React78, { useCallback as useCallback20, useState as useState34 } from "react";
-import { selectHLSState as selectHLSState5, useHMSActions as useHMSActions26, useHMSStore as useHMSStore40, useRecordingStreaming as useRecordingStreaming8 } from "@100mslive/react-sdk";
+import { selectHLSState as selectHLSState5, useHMSActions as useHMSActions26, useHMSStore as useHMSStore41, useRecordingStreaming as useRecordingStreaming8 } from "@100mslive/react-sdk";
 function HLSFailureModal() {
-  const hlsError = useHMSStore40(selectHLSState5).error || false;
+  const hlsError = useHMSStore41(selectHLSState5).error || false;
   const [openModal, setOpenModal] = useState34(!!hlsError);
   const hmsActions = useHMSActions26();
   const { isRTMPRunning } = useRecordingStreaming8();
@@ -22092,12 +22094,12 @@ import {
   selectRoleChangeRequest,
   useCustomEvent as useCustomEvent3,
   useHMSActions as useHMSActions43,
-  useHMSStore as useHMSStore71
+  useHMSStore as useHMSStore72
 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Preview/PreviewJoin.tsx
 init_define_process_env();
-import React131, { Fragment as Fragment12, useCallback as useCallback32, useEffect as useEffect34, useMemo as useMemo12, useState as useState56 } from "react";
+import React131, { Fragment as Fragment12, useCallback as useCallback32, useEffect as useEffect34, useMemo as useMemo13, useState as useState56 } from "react";
 import { useMeasure as useMeasure4, useMedia as useMedia24 } from "react-use";
 import {
   HMSRoomState as HMSRoomState5,
@@ -22106,7 +22108,7 @@ import {
   selectRoomState as selectRoomState5,
   selectVideoTrackByID as selectVideoTrackByID5,
   useAVToggle as useAVToggle3,
-  useHMSStore as useHMSStore70,
+  useHMSStore as useHMSStore71,
   useParticipants as useParticipants2,
   usePreviewJoin,
   useRecordingStreaming as useRecordingStreaming11
@@ -22118,7 +22120,7 @@ init_define_process_env();
 import React127, { useEffect as useEffect33 } from "react";
 import { useMedia as useMedia22 } from "react-use";
 import { match as match11 } from "ts-pattern";
-import { selectAppData as selectAppData6, selectVideoTrackByPeerID as selectVideoTrackByPeerID4, useHMSStore as useHMSStore69 } from "@100mslive/react-sdk";
+import { selectAppData as selectAppData6, selectVideoTrackByPeerID as selectVideoTrackByPeerID4, useHMSStore as useHMSStore70 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Polls/Polls.tsx
 init_define_process_env();
@@ -22126,20 +22128,20 @@ import React100 from "react";
 
 // src/Prebuilt/components/Polls/CreatePollQuiz/PollsQuizMenu.tsx
 init_define_process_env();
-import React81, { useEffect as useEffect21, useMemo as useMemo5, useRef as useRef15, useState as useState35 } from "react";
+import React81, { useEffect as useEffect21, useMemo as useMemo6, useRef as useRef16, useState as useState35 } from "react";
 import {
   selectLocalPeerRoleName,
   selectPermissions as selectPermissions15,
   selectPolls as selectPolls2,
   useHMSActions as useHMSActions27,
-  useHMSStore as useHMSStore42
+  useHMSStore as useHMSStore43
 } from "@100mslive/react-sdk";
 import { QuestionIcon, StatsIcon } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Streaming/Common.jsx
 init_define_process_env();
 import React79 from "react";
-import { selectPermissions as selectPermissions14, useHMSStore as useHMSStore41 } from "@100mslive/react-sdk";
+import { selectPermissions as selectPermissions14, useHMSStore as useHMSStore42 } from "@100mslive/react-sdk";
 import { ChevronLeftIcon as ChevronLeftIcon3, ChevronRightIcon as ChevronRightIcon2, CrossIcon as CrossIcon13, RecordIcon as RecordIcon3 } from "@100mslive/react-icons";
 var ContentHeader = ({ onBack, onClose, title = "", content }) => {
   return /* @__PURE__ */ React79.createElement(
@@ -22239,7 +22241,7 @@ var StatusIndicator = ({ status }) => {
 // src/Prebuilt/components/Polls/CreatePollQuiz/PollsQuizMenu.tsx
 var PollsQuizMenu = () => {
   const togglePollView = usePollViewToggle();
-  const permissions = useHMSStore42(selectPermissions15);
+  const permissions = useHMSStore43(selectPermissions15);
   return /* @__PURE__ */ React81.createElement(Container3, { rounded: true }, /* @__PURE__ */ React81.createElement(ContentHeader, { content: "Polls and Quizzes", onClose: togglePollView }), /* @__PURE__ */ React81.createElement(Flex, { direction: "column", css: { px: "$10", pb: "$10", overflowY: "auto" } }, (permissions == null ? void 0 : permissions.pollWrite) && /* @__PURE__ */ React81.createElement(AddMenu, null), /* @__PURE__ */ React81.createElement(PrevMenu, null)));
 };
 function InteractionSelectionCard({
@@ -22281,13 +22283,13 @@ function InteractionSelectionCard({
 var AddMenu = () => {
   const actions = useHMSActions27();
   const [title, setTitle] = useState35("");
-  const localPeerRoleName = useHMSStore42(selectLocalPeerRoleName);
+  const localPeerRoleName = useHMSStore43(selectLocalPeerRoleName);
   const [hideVoteCount, setHideVoteCount] = useState35(false);
   const [error, setError] = useState35();
   const [titleError, setTitleError] = useState35("");
   const { setPollState } = usePollViewState();
   const [interactionType, setInteractionType] = useState35("Poll" /* POLL */);
-  const inputRef = useRef15(null);
+  const inputRef = useRef16(null);
   useEffect21(() => {
     if (inputRef.current) {
       inputRef.current.focus();
@@ -22299,7 +22301,7 @@ var AddMenu = () => {
       [POLL_STATE.view]: POLL_VIEWS.CREATE_QUESTIONS
     });
   };
-  const validateTitle = useMemo5(() => {
+  const validateTitle = useMemo6(() => {
     if (!isValidTextInput(title)) {
       if (title) {
         setTitleError("The title should have between 2-100 characters");
@@ -22363,8 +22365,8 @@ var AddMenu = () => {
 };
 var PrevMenu = () => {
   const hmsActions = useHMSActions27();
-  const polls = useHMSStore42(selectPolls2);
-  const sortedPolls = useMemo5(
+  const polls = useHMSStore43(selectPolls2);
+  const sortedPolls = useMemo6(
     () => {
       var _a8;
       return (_a8 = polls == null ? void 0 : polls.sort((a2, b) => {
@@ -22374,7 +22376,7 @@ var PrevMenu = () => {
     },
     [polls]
   );
-  const permissions = useHMSStore42(selectPermissions15);
+  const permissions = useHMSStore43(selectPermissions15);
   useEffect21(() => {
     const updatePolls = () => __async(void 0, null, function* () {
       yield hmsActions.interactivityCenter.getPolls();
@@ -22410,14 +22412,14 @@ var InteractionCard = ({ id, title, status }) => {
 
 // src/Prebuilt/components/Polls/CreateQuestions/CreateQuestions.jsx
 init_define_process_env();
-import React91, { useMemo as useMemo7, useState as useState37 } from "react";
+import React91, { useMemo as useMemo8, useState as useState37 } from "react";
 import { v4 as uuid2 } from "uuid";
-import { selectPollByID, useHMSActions as useHMSActions28, useHMSStore as useHMSStore43, useRecordingStreaming as useRecordingStreaming9 } from "@100mslive/react-sdk";
+import { selectPollByID, useHMSActions as useHMSActions28, useHMSStore as useHMSStore44, useRecordingStreaming as useRecordingStreaming9 } from "@100mslive/react-sdk";
 import { AddCircleIcon as AddCircleIcon2 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Polls/CreateQuestions/QuestionForm.tsx
 init_define_process_env();
-import React89, { useCallback as useCallback21, useRef as useRef16, useState as useState36 } from "react";
+import React89, { useCallback as useCallback21, useRef as useRef17, useState as useState36 } from "react";
 import { AddCircleIcon, TrashIcon as TrashIcon3 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Polls/CreateQuestions/DeleteQuestionModal.tsx
@@ -22711,7 +22713,7 @@ var QuestionForm = ({
   isQuiz
 }) => {
   var _a8;
-  const ref = useRef16(null);
+  const ref = useRef17(null);
   const selectionBg = useDropdownSelection();
   const [openDelete, setOpenDelete] = useState36(false);
   const [open, setOpen] = useState36(false);
@@ -22916,7 +22918,7 @@ var isValidQuestion = ({
 
 // src/Prebuilt/components/Polls/CreateQuestions/SavedQuestion.tsx
 init_define_process_env();
-import React90, { useMemo as useMemo6 } from "react";
+import React90, { useMemo as useMemo7 } from "react";
 import { CheckCircleIcon as CheckCircleIcon3 } from "@100mslive/react-icons";
 var SavedQuestion = ({
   question,
@@ -22925,7 +22927,7 @@ var SavedQuestion = ({
   convertToDraft
 }) => {
   var _a8;
-  const answerArray = useMemo6(() => {
+  const answerArray = useMemo7(() => {
     var _a9;
     const updatedAnswerArray = [];
     const { option, options } = (_a9 = question == null ? void 0 : question.answer) != null ? _a9 : {};
@@ -22953,11 +22955,11 @@ function CreateQuestions() {
   const { isHLSRunning } = useRecordingStreaming9();
   const togglePollView = usePollViewToggle();
   const { pollInView: id, setPollView } = usePollViewState();
-  const interaction = useHMSStore43(selectPollByID(id));
+  const interaction = useHMSStore44(selectPollByID(id));
   const [questions, setQuestions] = useState37(
     ((_a8 = interaction.questions) == null ? void 0 : _a8.length) ? getEditableFormat(interaction.questions) : [{ draftID: uuid2() }]
   );
-  const isValidPoll = useMemo7(() => questions.length > 0 && questions.every(isValidQuestion), [questions]);
+  const isValidPoll = useMemo8(() => questions.length > 0 && questions.every(isValidQuestion), [questions]);
   const launchPoll = () => __async(this, null, function* () {
     yield actions.interactivityCenter.startPoll(id);
     yield sendTimedMetadata(id);
@@ -23050,7 +23052,7 @@ var QuestionCard = ({ question, onSave, index, length, removeQuestion, isQuiz, c
 // src/Prebuilt/components/Polls/Voting/LeaderboardSummary.tsx
 init_define_process_env();
 import React95, { useState as useState39 } from "react";
-import { selectPollByID as selectPollByID3, useHMSStore as useHMSStore46 } from "@100mslive/react-sdk";
+import { selectPollByID as selectPollByID3, useHMSStore as useHMSStore47 } from "@100mslive/react-sdk";
 import { ChevronLeftIcon as ChevronLeftIcon4, ChevronRightIcon as ChevronRightIcon3, CrossIcon as CrossIcon15 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Polls/Voting/LeaderboardEntry.tsx
@@ -23114,7 +23116,7 @@ var LeaderboardEntry = ({
 // src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx
 init_define_process_env();
 import React94 from "react";
-import { selectLocalPeerID as selectLocalPeerID8, useHMSStore as useHMSStore45 } from "@100mslive/react-sdk";
+import { selectLocalPeerID as selectLocalPeerID8, useHMSStore as useHMSStore46 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Polls/Voting/StatisticBox.tsx
 init_define_process_env();
@@ -23139,11 +23141,11 @@ import { useEffect as useEffect22, useState as useState38 } from "react";
 import {
   selectPollByID as selectPollByID2,
   useHMSActions as useHMSActions29,
-  useHMSStore as useHMSStore44
+  useHMSStore as useHMSStore45
 } from "@100mslive/react-sdk";
 var useQuizSummary = (quizID) => {
   const hmsActions = useHMSActions29();
-  const quiz = useHMSStore44(selectPollByID2(quizID));
+  const quiz = useHMSStore45(selectPollByID2(quizID));
   const [quizLeaderboard, setQuizLeaderboard] = useState38();
   const summary = (quizLeaderboard == null ? void 0 : quizLeaderboard.summary) || {
     totalUsers: 0,
@@ -23180,7 +23182,7 @@ var useQuizSummary = (quizID) => {
 
 // src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx
 var PeerParticipationSummary = ({ quiz }) => {
-  const localPeerId = useHMSStore45(selectLocalPeerID8);
+  const localPeerId = useHMSStore46(selectLocalPeerID8);
   const { quizLeaderboard, summary } = useQuizSummary(quiz.id);
   if (quiz.state !== "stopped") {
     return /* @__PURE__ */ React94.createElement(React94.Fragment, null);
@@ -23221,7 +23223,7 @@ var PeerParticipationSummary = ({ quiz }) => {
 // src/Prebuilt/components/Polls/Voting/LeaderboardSummary.tsx
 var LeaderboardSummary = ({ pollID }) => {
   var _a8, _b7;
-  const quiz = useHMSStore46(selectPollByID3(pollID));
+  const quiz = useHMSStore47(selectPollByID3(pollID));
   const { quizLeaderboard, maxPossibleScore } = useQuizSummary(pollID);
   const [viewAllEntries, setViewAllEntries] = useState39(false);
   const { setPollView } = usePollViewState();
@@ -23299,7 +23301,7 @@ import {
   selectPermissions as selectPermissions16,
   selectPollByID as selectPollByID4,
   useHMSActions as useHMSActions31,
-  useHMSStore as useHMSStore49
+  useHMSStore as useHMSStore50
 } from "@100mslive/react-sdk";
 import { ChevronLeftIcon as ChevronLeftIcon5, CrossIcon as CrossIcon16 } from "@100mslive/react-icons";
 
@@ -23309,9 +23311,9 @@ import React97 from "react";
 
 // src/Prebuilt/components/Polls/Voting/QuestionCard.jsx
 init_define_process_env();
-import React96, { useCallback as useCallback22, useMemo as useMemo8, useRef as useRef17, useState as useState40 } from "react";
+import React96, { useCallback as useCallback22, useMemo as useMemo9, useRef as useRef18, useState as useState40 } from "react";
 import { match as match8 } from "ts-pattern";
-import { selectLocalPeer, selectLocalPeerRoleName as selectLocalPeerRoleName2, useHMSActions as useHMSActions30, useHMSStore as useHMSStore47 } from "@100mslive/react-sdk";
+import { selectLocalPeer, selectLocalPeerRoleName as selectLocalPeerRoleName2, useHMSActions as useHMSActions30, useHMSStore as useHMSStore48 } from "@100mslive/react-sdk";
 import { CheckCircleIcon as CheckCircleIcon5, ChevronDownIcon as ChevronDownIcon5, CrossCircleIcon } from "@100mslive/react-icons";
 var QuestionCard2 = ({
   pollID,
@@ -23330,7 +23332,7 @@ var QuestionCard2 = ({
   rolesThatCanViewResponses
 }) => {
   const actions = useHMSActions30();
-  const localPeer = useHMSStore47(selectLocalPeer);
+  const localPeer = useHMSStore48(selectLocalPeer);
   const localPeerResponse = responses == null ? void 0 : responses.find(
     (response) => {
       var _a8, _b7;
@@ -23338,19 +23340,19 @@ var QuestionCard2 = ({
     }
   );
   const isLocalPeerCreator = (localPeer == null ? void 0 : localPeer.id) === startedBy;
-  const localPeerRoleName = useHMSStore47(selectLocalPeerRoleName2);
+  const localPeerRoleName = useHMSStore48(selectLocalPeerRoleName2);
   const roleCanViewResponse = !rolesThatCanViewResponses || rolesThatCanViewResponses.length === 0 || rolesThatCanViewResponses.includes(localPeerRoleName || "");
   const showVoteCount = roleCanViewResponse && (localPeerResponse || isLocalPeerCreator && pollState === "stopped") && !isQuiz;
   const isLive = pollState === "started";
   const pollEnded = pollState === "stopped";
   const canRespond = isLive && !localPeerResponse;
-  const startTime = useRef17(Date.now());
+  const startTime = useRef18(Date.now());
   const isCorrectAnswer = checkCorrectAnswer(answer, localPeerResponse, type);
   const [singleOptionAnswer, setSingleOptionAnswer] = useState40();
   const [multipleOptionAnswer, setMultipleOptionAnswer] = useState40(/* @__PURE__ */ new Set());
   const [showOptions, setShowOptions] = useState40(true);
   const respondedToQuiz = isQuiz && localPeerResponse && !localPeerResponse.skipped;
-  const isValidVote = useMemo8(() => {
+  const isValidVote = useMemo9(() => {
     if (type === "single-choice" /* SINGLE_CHOICE */) {
       return singleOptionAnswer !== void 0;
     } else if (type === "multiple-choice" /* MULTIPLE_CHOICE */) {
@@ -23528,10 +23530,10 @@ var StandardView = ({ poll }) => {
 // src/Prebuilt/components/Polls/Voting/TimedVoting.tsx
 init_define_process_env();
 import React98, { useState as useState41 } from "react";
-import { selectLocalPeerID as selectLocalPeerID9, useHMSStore as useHMSStore48 } from "@100mslive/react-sdk";
+import { selectLocalPeerID as selectLocalPeerID9, useHMSStore as useHMSStore49 } from "@100mslive/react-sdk";
 var TimedView = ({ poll }) => {
   var _a8, _b7, _c;
-  const localPeerId = useHMSStore48(selectLocalPeerID9);
+  const localPeerId = useHMSStore49(selectLocalPeerID9);
   const lastAttemptedIndex = getLastAttemptedIndex(poll.questions, localPeerId, "");
   const [currentIndex, setCurrentIndex] = useState41(lastAttemptedIndex);
   const activeQuestion = (_a8 = poll.questions) == null ? void 0 : _a8.find((question) => question.index === currentIndex);
@@ -23567,9 +23569,9 @@ var TimedView = ({ poll }) => {
 // src/Prebuilt/components/Polls/Voting/Voting.tsx
 var Voting = ({ id, toggleVoting }) => {
   const actions = useHMSActions31();
-  const poll = useHMSStore49(selectPollByID4(id));
-  const pollCreatorName = useHMSStore49(selectPeerNameByID(poll == null ? void 0 : poll.createdBy));
-  const permissions = useHMSStore49(selectPermissions16);
+  const poll = useHMSStore50(selectPollByID4(id));
+  const pollCreatorName = useHMSStore50(selectPeerNameByID(poll == null ? void 0 : poll.createdBy));
+  const permissions = useHMSStore50(selectPermissions16);
   const canEndActivity = !!(permissions == null ? void 0 : permissions.pollWrite);
   const { setPollView } = usePollViewState();
   const showSingleView = (poll == null ? void 0 : poll.type) === "quiz" && poll.state === "started";
@@ -23657,10 +23659,10 @@ import { CrossIcon as CrossIcon17 } from "@100mslive/react-icons";
 // src/Prebuilt/components/Header/HeaderComponents.jsx
 init_define_process_env();
 import React101, { useEffect as useEffect23, useState as useState42 } from "react";
-import { selectDominantSpeaker, useHMSStore as useHMSStore50 } from "@100mslive/react-sdk";
+import { selectDominantSpeaker, useHMSStore as useHMSStore51 } from "@100mslive/react-sdk";
 import { VolumeOneIcon } from "@100mslive/react-icons";
 var SpeakerTag = () => {
-  const dominantSpeaker = useHMSStore50(selectDominantSpeaker);
+  const dominantSpeaker = useHMSStore51(selectDominantSpeaker);
   return dominantSpeaker && dominantSpeaker.name && /* @__PURE__ */ React101.createElement(
     Flex,
     {
@@ -23758,20 +23760,20 @@ init_define_process_env();
 import React119, { useEffect as useEffect31, useState as useState52 } from "react";
 import { useMedia as useMedia19 } from "react-use";
 import { match as match10 } from "ts-pattern";
-import { selectPeerCount as selectPeerCount5, useHMSStore as useHMSStore63 } from "@100mslive/react-sdk";
+import { selectPeerCount as selectPeerCount5, useHMSStore as useHMSStore64 } from "@100mslive/react-sdk";
 import { CrossIcon as CrossIcon21 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/Chat.tsx
 init_define_process_env();
-import React116, { useCallback as useCallback30, useRef as useRef21 } from "react";
+import React116, { useCallback as useCallback30, useRef as useRef22 } from "react";
 import { useMedia as useMedia18 } from "react-use";
 import { match as match9 } from "ts-pattern";
-import { selectHMSMessagesCount, useHMSActions as useHMSActions39, useHMSStore as useHMSStore60, useHMSVanillaStore as useHMSVanillaStore10 } from "@100mslive/react-sdk";
+import { selectHMSMessagesCount, useHMSActions as useHMSActions39, useHMSStore as useHMSStore61, useHMSVanillaStore as useHMSVanillaStore10 } from "@100mslive/react-sdk";
 import { ChevronDownIcon as ChevronDownIcon8 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/ChatBody.tsx
 init_define_process_env();
-import React108, { Fragment as Fragment10, useCallback as useCallback26, useEffect as useEffect26, useLayoutEffect, useMemo as useMemo9, useRef as useRef18, useState as useState46 } from "react";
+import React108, { Fragment as Fragment10, useCallback as useCallback26, useEffect as useEffect26, useLayoutEffect, useMemo as useMemo10, useRef as useRef19, useState as useState46 } from "react";
 import { useMedia as useMedia13 } from "react-use";
 import AutoSizer from "react-virtualized-auto-sizer";
 import { VariableSizeList } from "react-window";
@@ -23784,7 +23786,7 @@ import {
   selectSessionStore as selectSessionStore5,
   selectUnreadHMSMessagesCount as selectUnreadHMSMessagesCount2,
   useHMSActions as useHMSActions35,
-  useHMSStore as useHMSStore54,
+  useHMSStore as useHMSStore55,
   useHMSVanillaStore as useHMSVanillaStore9
 } from "@100mslive/react-sdk";
 import { SolidPinIcon } from "@100mslive/react-icons";
@@ -23792,7 +23794,7 @@ import { SolidPinIcon } from "@100mslive/react-icons";
 // src/Prebuilt/components/Chat/ChatActions.tsx
 init_define_process_env();
 import React106, { useCallback as useCallback25, useState as useState44 } from "react";
-import { selectLocalPeerName as selectLocalPeerName2, selectPermissions as selectPermissions17, useHMSActions as useHMSActions34, useHMSStore as useHMSStore52 } from "@100mslive/react-sdk";
+import { selectLocalPeerName as selectLocalPeerName2, selectPermissions as selectPermissions17, useHMSActions as useHMSActions34, useHMSStore as useHMSStore53 } from "@100mslive/react-sdk";
 import {
   CopyIcon as CopyIcon2,
   CrossCircleIcon as CrossCircleIcon2,
@@ -23820,10 +23822,10 @@ var MwebChatOption = ({
 // src/Prebuilt/components/hooks/useChatBlacklist.ts
 init_define_process_env();
 import { useCallback as useCallback23 } from "react";
-import { selectLocalPeer as selectLocalPeer2, selectSessionStore as selectSessionStore2, useHMSActions as useHMSActions32, useHMSStore as useHMSStore51 } from "@100mslive/react-sdk";
+import { selectLocalPeer as selectLocalPeer2, selectSessionStore as selectSessionStore2, useHMSActions as useHMSActions32, useHMSStore as useHMSStore52 } from "@100mslive/react-sdk";
 var useChatBlacklist = (sessionStoreKey) => {
   const hmsActions = useHMSActions32();
-  const blacklistedIDs = useHMSStore51(selectSessionStore2(sessionStoreKey));
+  const blacklistedIDs = useHMSStore52(selectSessionStore2(sessionStoreKey));
   const blacklistItem = useCallback23(
     (blacklistID) => __async(void 0, null, function* () {
       yield hmsActions.sessionStore.set(sessionStoreKey, [...blacklistedIDs || [], blacklistID]).catch((err) => ToastManager.addToast({ title: err.description }));
@@ -23833,8 +23835,8 @@ var useChatBlacklist = (sessionStoreKey) => {
   return { blacklistItem, blacklistedIDs };
 };
 var useIsPeerBlacklisted = ({ local = false, peerCustomerUserId = "" }) => {
-  const localPeer = useHMSStore51(selectLocalPeer2);
-  const blacklistedPeerIDs = useHMSStore51(selectSessionStore2("chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */)) || [];
+  const localPeer = useHMSStore52(selectLocalPeer2);
+  const blacklistedPeerIDs = useHMSStore52(selectSessionStore2("chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */)) || [];
   return blacklistedPeerIDs == null ? void 0 : blacklistedPeerIDs.includes(local ? localPeer == null ? void 0 : localPeer.customerUserId : peerCustomerUserId);
 };
 
@@ -23917,9 +23919,9 @@ var ChatActions = ({
   const { roles_whitelist = [] } = (elements == null ? void 0 : elements.chat) || {};
   const [open, setOpen] = useState44(false);
   const actions = useHMSActions34();
-  const canRemoveOthers = (_b7 = useHMSStore52(selectPermissions17)) == null ? void 0 : _b7.removeOthers;
+  const canRemoveOthers = (_b7 = useHMSStore53(selectPermissions17)) == null ? void 0 : _b7.removeOthers;
   const { blacklistItem: blacklistPeer } = useChatBlacklist("chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */);
-  const localPeerName = useHMSStore52(selectLocalPeerName2);
+  const localPeerName = useHMSStore53(selectLocalPeerName2);
   const { setPinnedMessages, unpinBlacklistedMessages } = usePinnedMessages();
   const { blacklistItem: blacklistMessage, blacklistedIDs: blacklistedMessageIDs } = useChatBlacklist(
     "chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */
@@ -24142,9 +24144,9 @@ var EmptyChat = () => {
 // src/Prebuilt/components/hooks/usePinnedBy.tsx
 init_define_process_env();
 import { useEffect as useEffect25, useState as useState45 } from "react";
-import { selectSessionStore as selectSessionStore4, useHMSStore as useHMSStore53 } from "@100mslive/react-sdk";
+import { selectSessionStore as selectSessionStore4, useHMSStore as useHMSStore54 } from "@100mslive/react-sdk";
 var usePinnedBy = (messageId) => {
-  const pinnedMessages = useHMSStore53(selectSessionStore4("pinnedMessages" /* PINNED_MESSAGES */));
+  const pinnedMessages = useHMSStore54(selectSessionStore4("pinnedMessages" /* PINNED_MESSAGES */));
   const [pinnedBy, setPinnedBy] = useState45("");
   useEffect25(() => {
     let match16 = "";
@@ -24227,8 +24229,8 @@ var MessageType = ({
   hasCurrentUserSent,
   receiver
 }) => {
-  const peerName = useHMSStore54(selectPeerNameByID3(receiver));
-  const localPeerRoleName = useHMSStore54(selectLocalPeerRoleName3);
+  const peerName = useHMSStore55(selectPeerNameByID3(receiver));
+  const localPeerRoleName = useHMSStore55(selectLocalPeerRoleName3);
   if (receiver) {
     return /* @__PURE__ */ React108.createElement(MessageTypeContainer, { left: hasCurrentUserSent ? `${peerName ? `to ${peerName}` : ""}` : "to You", right: "(DM)" });
   }
@@ -24272,11 +24274,11 @@ var ChatMessage = React108.memo(
   ({ index, style = {}, message }) => {
     var _a8, _b7, _c;
     const { elements } = useRoomLayoutConferencingScreen();
-    const rowRef = useRef18(null);
+    const rowRef = useRef19(null);
     const isMobile = useMedia13(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 = useHMSStore54(selectLocalPeerID10);
+    const localPeerId = useHMSStore55(selectLocalPeerID10);
     const [selectedRole, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
     const [selectedPeer, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
     const messageType = getMessageType({
@@ -24495,14 +24497,14 @@ var VirtualizedChatMessages = React108.forwardRef(({ messages, scrollToBottom },
 });
 var ChatBody = React108.forwardRef(
   ({ scrollToBottom }, listRef) => {
-    const messages = useHMSStore54(selectHMSMessages);
-    const blacklistedMessageIDs = useHMSStore54(selectSessionStore5("chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */));
-    const filteredMessages = useMemo9(() => {
+    const messages = useHMSStore55(selectHMSMessages);
+    const blacklistedMessageIDs = useHMSStore55(selectSessionStore5("chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */));
+    const filteredMessages = useMemo10(() => {
       const blacklistedMessageIDSet = new Set(blacklistedMessageIDs || []);
       return (messages == null ? void 0 : messages.filter((message) => message.type === "chat" && !blacklistedMessageIDSet.has(message.id))) || [];
     }, [blacklistedMessageIDs, messages]);
     const vanillaStore = useHMSVanillaStore9();
-    const rerenderOnFirstMount = useRef18(false);
+    const rerenderOnFirstMount = useRef19(false);
     useEffect26(() => {
       const unsubscribe = vanillaStore.subscribe(() => {
         if (!listRef.current) {
@@ -24530,7 +24532,7 @@ var PinnedBy = ({
   rowRef
 }) => {
   const pinnedBy = usePinnedBy(messageId);
-  const localPeerName = useHMSStore54(selectLocalPeerName3);
+  const localPeerName = useHMSStore55(selectLocalPeerName3);
   useLayoutEffect(() => {
     if (rowRef == null ? void 0 : rowRef.current) {
       if (pinnedBy) {
@@ -24549,11 +24551,11 @@ var PinnedBy = ({
 
 // src/Prebuilt/components/Chat/ChatFooter.tsx
 init_define_process_env();
-import React111, { useCallback as useCallback28, useEffect as useEffect28, useRef as useRef20, useState as useState49 } from "react";
+import React111, { useCallback as useCallback28, useEffect as useEffect28, useRef as useRef21, useState as useState49 } from "react";
 import { useMedia as useMedia16 } from "react-use";
 import data2 from "@emoji-mart/data";
 import Picker from "@emoji-mart/react";
-import { selectLocalPeer as selectLocalPeer3, useHMSActions as useHMSActions37, useHMSStore as useHMSStore57 } from "@100mslive/react-sdk";
+import { selectLocalPeer as selectLocalPeer3, useHMSActions as useHMSActions37, useHMSStore as useHMSStore58 } from "@100mslive/react-sdk";
 import { EmojiIcon as EmojiIcon3, PauseCircleIcon as PauseCircleIcon2, SendIcon, VerticalMenuIcon as VerticalMenuIcon7 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/ChatSelectorContainer.tsx
@@ -24564,7 +24566,7 @@ import { ChevronDownIcon as ChevronDownIcon6, ChevronUpIcon as ChevronUpIcon5, C
 
 // src/Prebuilt/components/Chat/ChatSelector.tsx
 init_define_process_env();
-import React109, { useMemo as useMemo10, useState as useState47 } from "react";
+import React109, { useMemo as useMemo11, useState as useState47 } from "react";
 import { useMedia as useMedia14 } from "react-use";
 import {
   HMSPeerType as HMSPeerType3,
@@ -24572,7 +24574,7 @@ import {
   selectMessagesUnreadCountByRole,
   selectRemotePeers as selectRemotePeers2,
   selectUnreadHMSMessagesCount as selectUnreadHMSMessagesCount3,
-  useHMSStore as useHMSStore55
+  useHMSStore as useHMSStore56
 } from "@100mslive/react-sdk";
 import { CheckIcon as CheckIcon7, PeopleIcon as PeopleIcon3 } from "@100mslive/react-icons";
 var ChatDotIcon = () => {
@@ -24622,7 +24624,7 @@ var SelectorHeader = React109.memo(
   }
 );
 var Everyone = React109.memo(({ active }) => {
-  const unreadCount = useHMSStore55(selectUnreadHMSMessagesCount3);
+  const unreadCount = useHMSStore56(selectUnreadHMSMessagesCount3);
   const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
   const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
   return /* @__PURE__ */ React109.createElement(
@@ -24640,7 +24642,7 @@ var Everyone = React109.memo(({ active }) => {
   );
 });
 var RoleItem = React109.memo(({ role, active }) => {
-  const unreadCount = useHMSStore55(selectMessagesUnreadCountByRole(role));
+  const unreadCount = useHMSStore56(selectMessagesUnreadCountByRole(role));
   const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
   const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
   return /* @__PURE__ */ React109.createElement(
@@ -24657,7 +24659,7 @@ var RoleItem = React109.memo(({ role, active }) => {
   );
 });
 var PeerItem = ({ peerId, name, active }) => {
-  const unreadCount = useHMSStore55(selectMessagesUnreadCountByPeerID(peerId));
+  const unreadCount = useHMSStore56(selectMessagesUnreadCountByPeerID(peerId));
   const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
   const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
   return /* @__PURE__ */ React109.createElement(
@@ -24681,14 +24683,14 @@ var VirtualizedSelectItemList = ({
   isPublicChatEnabled
 }) => {
   const roles = useFilteredRoles();
-  const filteredPeers = useMemo10(
+  const filteredPeers = useMemo11(
     () => peers.filter(
       // search should be empty or search phrase should be included in name
       (peer) => (!searchValue || peer.name.toLowerCase().includes(searchValue.toLowerCase())) && peer.type !== HMSPeerType3.SIP
     ),
     [peers, searchValue]
   );
-  const listItems = useMemo10(() => {
+  const listItems = useMemo11(() => {
     let selectItems = [];
     if (isPublicChatEnabled && !searchValue) {
       selectItems = [/* @__PURE__ */ React109.createElement(Everyone, { active: !selectedRole && !selectedPeerId })];
@@ -24716,7 +24718,7 @@ var VirtualizedSelectItemList = ({
 var ChatSelector = ({ role, peerId }) => {
   var _a8, _b7;
   const { elements } = useRoomLayoutConferencingScreen();
-  const peers = useHMSStore55(selectRemotePeers2);
+  const peers = useHMSStore56(selectRemotePeers2);
   const [search, setSearch] = useState47("");
   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);
@@ -24854,10 +24856,10 @@ var ChatSelectorContainer = () => {
 // src/Prebuilt/components/AppData/useChatState.js
 init_define_process_env();
 import { useCallback as useCallback27 } from "react";
-import { selectAppData as selectAppData5, useHMSActions as useHMSActions36, useHMSStore as useHMSStore56 } from "@100mslive/react-sdk";
+import { selectAppData as selectAppData5, useHMSActions as useHMSActions36, useHMSStore as useHMSStore57 } from "@100mslive/react-sdk";
 var useChatDraftMessage = () => {
   const hmsActions = useHMSActions36();
-  let chatDraftMessage = useHMSStore56(selectAppData5(APP_DATA.chatDraft));
+  let chatDraftMessage = useHMSStore57(selectAppData5(APP_DATA.chatDraft));
   if (chatDraftMessage === void 0 || chatDraftMessage === null) {
     chatDraftMessage = "";
   }
@@ -24872,9 +24874,9 @@ var useChatDraftMessage = () => {
 
 // src/Prebuilt/components/Chat/useEmojiPickerStyles.js
 init_define_process_env();
-import { useEffect as useEffect27, useRef as useRef19 } from "react";
+import { useEffect as useEffect27, useRef as useRef20 } from "react";
 var useEmojiPickerStyles = (showing) => {
-  const ref = useRef19(null);
+  const ref = useRef20(null);
   useEffect27(() => {
     if (showing) {
       setTimeout(() => {
@@ -24951,12 +24953,12 @@ function EmojiPicker({ onSelect }) {
 var ChatFooter = ({ onSend, children }) => {
   var _a8, _b7, _c, _d;
   const hmsActions = useHMSActions37();
-  const inputRef = useRef20(null);
+  const inputRef = useRef21(null);
   const [draftMessage, setDraftMessage] = useChatDraftMessage();
   const isMobile = useMedia16(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 = useHMSStore57(selectLocalPeer3);
+  const localPeer = useHMSStore58(selectLocalPeer3);
   const isOverlayChat = (_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay;
   const canDisableChat = !!((_d = (_c = elements == null ? void 0 : elements.chat) == null ? void 0 : _c.real_time_controls) == null ? void 0 : _d.can_disable_chat);
   const selectedPeer = useSubscribeChatSelector(CHAT_SELECTOR.PEER);
@@ -25137,14 +25139,14 @@ var ChatFooter = ({ onSend, children }) => {
 // src/Prebuilt/components/Chat/ChatStates.tsx
 init_define_process_env();
 import React112, { useCallback as useCallback29 } from "react";
-import { selectLocalPeer as selectLocalPeer4, selectSessionStore as selectSessionStore6, useHMSActions as useHMSActions38, useHMSStore as useHMSStore58 } from "@100mslive/react-sdk";
+import { selectLocalPeer as selectLocalPeer4, selectSessionStore as selectSessionStore6, useHMSActions as useHMSActions38, useHMSStore as useHMSStore59 } from "@100mslive/react-sdk";
 var ChatPaused = () => {
   var _a8, _b7;
   const hmsActions = useHMSActions38();
   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 = "" } = useHMSStore58(selectSessionStore6("chatState" /* CHAT_STATE */)) || {};
-  const localPeer = useHMSStore58(selectLocalPeer4);
+  const { enabled: isChatEnabled = true, updatedBy: chatStateUpdatedBy = "" } = useHMSStore59(selectSessionStore6("chatState" /* CHAT_STATE */)) || {};
+  const localPeer = useHMSStore59(selectLocalPeer4);
   const unPauseChat = useCallback29(
     () => __async(void 0, null, function* () {
       return yield hmsActions.sessionStore.set("chatState" /* CHAT_STATE */, {
@@ -25195,7 +25197,7 @@ init_define_process_env();
 import React115, { useEffect as useEffect29, useState as useState50 } from "react";
 import { useSwipeable } from "react-swipeable";
 import { useMedia as useMedia17 } from "react-use";
-import { selectSessionStore as selectSessionStore7, useHMSStore as useHMSStore59 } from "@100mslive/react-sdk";
+import { selectSessionStore as selectSessionStore7, useHMSStore as useHMSStore60 } from "@100mslive/react-sdk";
 import { PinIcon as PinIcon2, UnpinIcon } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/ArrowNavigation.tsx
@@ -25252,7 +25254,7 @@ var StickIndicator = ({ total, index }) => {
 var PINNED_MESSAGE_LENGTH = 75;
 var PinnedMessage = () => {
   var _a8, _b7, _c, _d;
-  const pinnedMessages = useHMSStore59(selectSessionStore7("pinnedMessages" /* PINNED_MESSAGES */));
+  const pinnedMessages = useHMSStore60(selectSessionStore7("pinnedMessages" /* PINNED_MESSAGES */));
   const [pinnedMessageIndex, setPinnedMessageIndex] = useState50(0);
   const { removePinnedMessage } = usePinnedMessages();
   const isMobile = useMedia17(config.media.md);
@@ -25368,10 +25370,10 @@ var PinnedMessage = () => {
 var Chat = () => {
   var _a8, _b7;
   const { elements } = useRoomLayoutConferencingScreen();
-  const listRef = useRef21(null);
+  const listRef = useRef22(null);
   const hmsActions = useHMSActions39();
   const vanillaStore = useHMSVanillaStore10();
-  const { enabled: isChatEnabled = true } = useHMSStore60(cm("chatState" /* CHAT_STATE */)) || {};
+  const { enabled: isChatEnabled = true } = useHMSStore61(um("chatState" /* CHAT_STATE */)) || {};
   const isMobile = useMedia18(config.media.md);
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeStream = useLandscapeHLSStream();
@@ -25455,7 +25457,7 @@ var NewMessageIndicator = ({
   scrollToBottom,
   listRef
 }) => {
-  const unreadCount = useHMSStore60(qn);
+  const unreadCount = useHMSStore61(Qn);
   if (!unreadCount || !listRef.current) {
     return null;
   }
@@ -25505,7 +25507,7 @@ import React117, { useEffect as useEffect30, useState as useState51 } from "reac
 import { useInView } from "react-intersection-observer";
 import { useMeasure as useMeasure2 } from "react-use";
 import { VariableSizeList as VariableSizeList2 } from "react-window";
-import { selectIsConnectedToRoom as selectIsConnectedToRoom8, useHMSStore as useHMSStore61, usePaginatedParticipants as usePaginatedParticipants2 } from "@100mslive/react-sdk";
+import { selectIsConnectedToRoom as selectIsConnectedToRoom8, useHMSStore as useHMSStore62, usePaginatedParticipants as usePaginatedParticipants2 } from "@100mslive/react-sdk";
 import { ChevronLeftIcon as ChevronLeftIcon6, CrossIcon as CrossIcon20 } from "@100mslive/react-icons";
 var LoadMoreParticipants = ({
   hasNext,
@@ -25549,7 +25551,7 @@ var PaginatedParticipants = ({ roleName, onBack }) => {
     var _a8;
     return (_a8 = p.name) == null ? void 0 : _a8.toLowerCase().includes(search == null ? void 0 : search.toLowerCase());
   });
-  const isConnected = useHMSStore61(selectIsConnectedToRoom8);
+  const isConnected = useHMSStore62(selectIsConnectedToRoom8);
   const [ref, { width }] = useMeasure2();
   const height = ROW_HEIGHT * (filteredPeers.length + 1);
   const resetSidePane = useSidepaneReset();
@@ -25583,15 +25585,15 @@ var PaginatedParticipants = ({ roleName, onBack }) => {
 // src/Prebuilt/components/ChatSettings.tsx
 init_define_process_env();
 import React118 from "react";
-import { selectLocalPeer as selectLocalPeer5, selectSessionStore as selectSessionStore8, useHMSActions as useHMSActions40, useHMSStore as useHMSStore62 } from "@100mslive/react-sdk";
+import { selectLocalPeer as selectLocalPeer5, selectSessionStore as selectSessionStore8, useHMSActions as useHMSActions40, 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 = useHMSActions40();
-  const localPeer = useHMSStore62(selectLocalPeer5);
+  const localPeer = useHMSStore63(selectLocalPeer5);
   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);
-  const { enabled: isChatEnabled = true } = useHMSStore62(selectSessionStore8("chatState" /* CHAT_STATE */)) || {};
+  const { enabled: isChatEnabled = true } = useHMSStore63(selectSessionStore8("chatState" /* CHAT_STATE */)) || {};
   const showPause = canPauseChat && isChatEnabled;
   if (!showPause) {
     return null;
@@ -25659,7 +25661,7 @@ var SidePaneTabs = React119.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideTab = f
   const resetSidePane = useSidepaneReset();
   const [activeTab, setActiveTab] = useState52(active);
   const [activeRole, setActiveRole] = useState52("");
-  const peerCount = useHMSStore63(selectPeerCount5);
+  const peerCount = useHMSStore64(selectPeerCount5);
   const { elements, screenType } = useRoomLayoutConferencingScreen();
   const chat_title = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.chat_title) || "Chat";
   const showChat = !!(elements == null ? void 0 : elements.chat);
@@ -25778,7 +25780,7 @@ var SidePaneTabs = React119.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideTab = f
 
 // src/Prebuilt/components/VideoTile.tsx
 init_define_process_env();
-import React123, { useCallback as useCallback31, useMemo as useMemo11, useState as useState54 } from "react";
+import React123, { useCallback as useCallback31, useMemo as useMemo12, useState as useState54 } from "react";
 import { useMeasure as useMeasure3 } from "react-use";
 import {
   selectAudioTrackByPeerID as selectAudioTrackByPeerID2,
@@ -25789,7 +25791,7 @@ import {
   selectPeerNameByID as selectPeerNameByID4,
   selectVideoTrackByID as selectVideoTrackByID3,
   selectVideoTrackByPeerID as selectVideoTrackByPeerID3,
-  useHMSStore as useHMSStore67
+  useHMSStore as useHMSStore68
 } from "@100mslive/react-sdk";
 import { BrbTileIcon, HandIcon as HandIcon5, MicOffIcon as MicOffIcon6 } from "@100mslive/react-icons";
 
@@ -25801,7 +25803,7 @@ import {
   selectPeerTypeByID as selectPeerTypeByID2,
   selectScreenShareByPeerID,
   selectSessionStore as selectSessionStore9,
-  useHMSStore as useHMSStore64
+  useHMSStore as useHMSStore65
 } from "@100mslive/react-sdk";
 import { CallIcon as CallIcon2, PinIcon as PinIcon3, ShareScreenIcon as ShareScreenIcon3, SpotlightIcon } from "@100mslive/react-icons";
 var TileConnection = ({
@@ -25811,9 +25813,9 @@ var TileConnection = ({
   width,
   pinned
 }) => {
-  const spotlighted = useHMSStore64(selectSessionStore9("spotlight" /* SPOTLIGHT */)) === peerId;
-  const isPeerScreenSharing = !!useHMSStore64(selectScreenShareByPeerID(peerId));
-  const peerType = useHMSStore64(selectPeerTypeByID2(peerId));
+  const spotlighted = useHMSStore65(selectSessionStore9("spotlight" /* SPOTLIGHT */)) === peerId;
+  const isPeerScreenSharing = !!useHMSStore65(selectScreenShareByPeerID(peerId));
+  const peerType = useHMSStore65(selectPeerTypeByID2(peerId));
   return /* @__PURE__ */ React120.createElement(Wrapper2, null, !hideLabel ? /* @__PURE__ */ React120.createElement(React120.Fragment, null, name ? /* @__PURE__ */ React120.createElement(Flex, { align: "center" }, peerType === HMSPeerType4.SIP && /* @__PURE__ */ React120.createElement(IconWrapper, null, /* @__PURE__ */ React120.createElement(CallIcon2, { width: "15", height: "15" })), isPeerScreenSharing && /* @__PURE__ */ React120.createElement(IconWrapper, null, /* @__PURE__ */ React120.createElement(ShareScreenIcon3, { width: "15", height: "15" })), pinned && /* @__PURE__ */ React120.createElement(IconWrapper, null, /* @__PURE__ */ React120.createElement(PinIcon3, { width: "15", height: "15" })), spotlighted && /* @__PURE__ */ React120.createElement(IconWrapper, null, /* @__PURE__ */ React120.createElement(SpotlightIcon, { width: "15", height: "15" })), /* @__PURE__ */ React120.createElement(
     Text,
     {
@@ -25854,7 +25856,7 @@ import {
   selectPermissions as selectPermissions19,
   selectTrackByID as selectTrackByID3,
   selectVideoTrackByPeerID as selectVideoTrackByPeerID2,
-  useHMSStore as useHMSStore66,
+  useHMSStore as useHMSStore67,
   useRemoteAVToggle as useRemoteAVToggle2
 } from "@100mslive/react-sdk";
 import { CrossIcon as CrossIcon22, VerticalMenuIcon as VerticalMenuIcon8 } from "@100mslive/react-icons";
@@ -25869,7 +25871,7 @@ import {
   selectTrackByID as selectTrackByID2,
   useCustomEvent as useCustomEvent2,
   useHMSActions as useHMSActions41,
-  useHMSStore as useHMSStore65,
+  useHMSStore as useHMSStore66,
   useRemoteAVToggle
 } from "@100mslive/react-sdk";
 import {
@@ -25906,7 +25908,7 @@ var SpotlightActions = ({
   }
 }) => {
   const hmsActions = useHMSActions41();
-  const spotlightPeerId = useHMSStore65(selectSessionStore10("spotlight" /* SPOTLIGHT */));
+  const spotlightPeerId = useHMSStore66(selectSessionStore10("spotlight" /* SPOTLIGHT */));
   const isTileSpotlighted = spotlightPeerId === peerId;
   const dragClassName = getDragClassName();
   const setSpotlightPeerId = (peerIdToSpotlight) => hmsActions.sessionStore.set("spotlight" /* SPOTLIGHT */, peerIdToSpotlight).catch((err) => ToastManager.addToast({ title: err.description }));
@@ -25954,7 +25956,7 @@ var MinimiseInset = () => {
 };
 var SimulcastLayers = ({ trackId }) => {
   var _a8;
-  const track = useHMSStore65(selectTrackByID2(trackId));
+  const track = useHMSStore66(selectTrackByID2(trackId));
   const actions = useHMSActions41();
   const bg = useDropdownSelection();
   if (!((_a8 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _a8.length) || track.degraded || !track.enabled) {
@@ -26040,7 +26042,7 @@ var TileMenuContent = ({
   var _a8;
   const actions = useHMSActions41();
   const dragClassName = getDragClassName();
-  const removeOthers = (_a8 = useHMSStore65(selectPermissions18)) == null ? void 0 : _a8.removeOthers;
+  const removeOthers = (_a8 = useHMSStore66(selectPermissions18)) == null ? void 0 : _a8.removeOthers;
   const { userName } = useHMSPrebuiltContext();
   const { isAudioEnabled, isVideoEnabled, setVolume, toggleAudio, toggleVideo, volume } = useRemoteAVToggle(
     audioTrackID,
@@ -26139,17 +26141,17 @@ var TileMenu = ({
   var _a8, _b7;
   const [open, setOpen] = useState53(false);
   const { theme: theme2 } = useTheme();
-  const localPeerID = useHMSStore66(selectLocalPeerID11);
+  const localPeerID = useHMSStore67(selectLocalPeerID11);
   const isLocal = localPeerID === peerID;
-  const { removeOthers } = useHMSStore66(selectPermissions19) || {};
+  const { removeOthers } = useHMSStore67(selectPermissions19) || {};
   const { setVolume, toggleAudio, toggleVideo } = useRemoteAVToggle2(audioTrackID, videoTrackID);
   const showSpotlight = enableSpotlightingPeer;
-  const isPrimaryVideoTrack = ((_a8 = useHMSStore66(selectVideoTrackByPeerID2(peerID))) == null ? void 0 : _a8.id) === videoTrackID;
+  const isPrimaryVideoTrack = ((_a8 = useHMSStore67(selectVideoTrackByPeerID2(peerID))) == null ? void 0 : _a8.id) === videoTrackID;
   const showPinAction = !!(audioTrackID || videoTrackID && isPrimaryVideoTrack);
-  const track = useHMSStore66(selectTrackByID3(videoTrackID));
+  const track = useHMSStore67(selectTrackByID3(videoTrackID));
   const hideSimulcastLayers = !((_b7 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _b7.length) || track.degraded || !track.enabled;
   const isMobile = useMedia21(config.media.md);
-  const peer = useHMSStore66(selectPeerByID2(peerID));
+  const peer = useHMSStore67(selectPeerByID2(peerID));
   const [showNameChangeModal, setShowNameChangeModal] = useState53(false);
   useDropdownList({ open, name: "TileMenu" });
   const dragClassName = getDragClassName();
@@ -26226,9 +26228,9 @@ var getVideoTileLabel = ({ peerName, isLocal, track }) => {
 
 // src/Prebuilt/components/VideoTile.tsx
 var PeerMetadata = ({ peerId, size }) => {
-  const metaData = useHMSStore67(selectPeerMetadata4(peerId));
+  const metaData = useHMSStore68(selectPeerMetadata4(peerId));
   const isBRB = (metaData == null ? void 0 : metaData.isBRBOn) || false;
-  const isHandRaised = useHMSStore67(selectHasPeerHandRaised3(peerId));
+  const isHandRaised = useHMSStore68(selectHasPeerHandRaised3(peerId));
   return /* @__PURE__ */ React123.createElement(React123.Fragment, null, isHandRaised ? /* @__PURE__ */ React123.createElement(StyledVideoTile.AttributeBox, { size, "data-testid": "raiseHand_icon_onTile" }, /* @__PURE__ */ React123.createElement(HandIcon5, { width: 24, height: 24 })) : null, isBRB ? /* @__PURE__ */ React123.createElement(StyledVideoTile.AttributeBox, { size, "data-testid": "brb_icon_onTile" }, /* @__PURE__ */ React123.createElement(BrbTileIcon, { width: 22, height: 22 })) : null);
 };
 var Tile = ({
@@ -26248,14 +26250,14 @@ var Tile = ({
   hideMetadataOnTile = false
 }) => {
   const trackSelector = trackId ? selectVideoTrackByID3(trackId) : selectVideoTrackByPeerID3(peerId);
-  const track = useHMSStore67(trackSelector);
-  const peerName = useHMSStore67(selectPeerNameByID4(peerId));
-  const audioTrack = useHMSStore67(selectAudioTrackByPeerID2(peerId));
-  const localPeerID = useHMSStore67(selectLocalPeerID12);
+  const track = useHMSStore68(trackSelector);
+  const peerName = useHMSStore68(selectPeerNameByID4(peerId));
+  const audioTrack = useHMSStore68(selectAudioTrackByPeerID2(peerId));
+  const localPeerID = useHMSStore68(selectLocalPeerID12);
   const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
   const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
   const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
-  const isAudioMuted = !useHMSStore67(selectIsPeerAudioEnabled2(peerId));
+  const isAudioMuted = !useHMSStore68(selectIsPeerAudioEnabled2(peerId));
   const isVideoMuted = !(track == null ? void 0 : track.enabled);
   const [isMouseHovered, setIsMouseHovered] = useState54(false);
   const isVideoDegraded = track == null ? void 0 : track.degraded;
@@ -26276,7 +26278,7 @@ var Tile = ({
   }, []);
   const [ref, { width: calculatedWidth, height: calculatedHeight }] = useMeasure3();
   const isTileBigEnoughToShowStats = calculatedHeight >= 180 && calculatedWidth >= 180;
-  const [avatarSize, attribBoxSize] = useMemo11(
+  const [avatarSize, attribBoxSize] = useMemo12(
     () => calculateAvatarAndAttribBoxSize(calculatedWidth, calculatedHeight),
     [calculatedWidth, calculatedHeight]
   );
@@ -26354,7 +26356,7 @@ import {
   selectRoomState as selectRoomState4,
   selectVideoTrackByID as selectVideoTrackByID4,
   useHMSActions as useHMSActions42,
-  useHMSStore as useHMSStore68
+  useHMSStore as useHMSStore69
 } from "@100mslive/react-sdk";
 import { BlurPersonHighIcon, CrossCircleIcon as CrossCircleIcon3, CrossIcon as CrossIcon23 } from "@100mslive/react-icons";
 
@@ -26541,19 +26543,19 @@ var VBPicker = ({ backgroundMedia = [] }) => {
   var _a8;
   const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
   const hmsActions = useHMSActions42();
-  const localPeer = useHMSStore68(selectLocalPeer6);
-  const role = useHMSStore68(Kt);
-  const isVideoOn = useHMSStore68(selectIsLocalVideoEnabled5);
+  const localPeer = useHMSStore69(selectLocalPeer6);
+  const role = useHMSStore69(Kt);
+  const isVideoOn = useHMSStore69(selectIsLocalVideoEnabled5);
   const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
   const trackSelector = selectVideoTrackByID4(localPeer == null ? void 0 : localPeer.videoTrack);
-  const track = useHMSStore68(trackSelector);
+  const track = useHMSStore69(trackSelector);
   const [blurAmount, setBlurAmount] = useState55(VBHandler.getBlurAmount() || 0.5);
-  const roomState = useHMSStore68(selectRoomState4);
-  const isLargeRoom = useHMSStore68(selectIsLargeRoom3);
-  const isEffectsEnabled = useHMSStore68(rc);
-  const effectsKey = useHMSStore68(sc);
-  const isPluginAdded = useHMSStore68(selectIsLocalVideoPluginPresent(((_a8 = VBHandler) == null ? void 0 : _a8.getName()) || ""));
-  const background = useHMSStore68(nm(APP_DATA.background));
+  const roomState = useHMSStore69(selectRoomState4);
+  const isLargeRoom = useHMSStore69(selectIsLargeRoom3);
+  const isEffectsEnabled = useHMSStore69(oc);
+  const effectsKey = useHMSStore69(nc);
+  const isPluginAdded = useHMSStore69(selectIsLocalVideoPluginPresent(((_a8 = VBHandler) == null ? void 0 : _a8.getName()) || ""));
+  const background = useHMSStore69(lm(APP_DATA.background));
   const mediaList = backgroundMedia.length ? backgroundMedia.map((media) => media.url || "") : defaultMedia2;
   const inPreview = roomState === HMSRoomState4.Preview;
   const showVideoTile = isVideoOn && isLargeRoom && !inPreview;
@@ -26779,9 +26781,9 @@ var SidePane = ({
 }) => {
   var _a8, _b7, _c, _d, _e, _f, _g;
   const isMobile = useMedia22(config.media.md);
-  const sidepane = useHMSStore69(selectAppData6(APP_DATA.sidePane));
-  const activeScreensharePeerId = useHMSStore69(selectAppData6(APP_DATA.activeScreensharePeerId));
-  const trackId = (_a8 = useHMSStore69(selectVideoTrackByPeerID4(activeScreensharePeerId))) == null ? void 0 : _a8.id;
+  const sidepane = useHMSStore70(selectAppData6(APP_DATA.sidePane));
+  const activeScreensharePeerId = useHMSStore70(selectAppData6(APP_DATA.activeScreensharePeerId));
+  const trackId = (_a8 = useHMSStore70(selectVideoTrackByPeerID4(activeScreensharePeerId))) == null ? void 0 : _a8.id;
   const { elements } = useRoomLayoutConferencingScreen();
   const { elements: preview_elements } = useRoomLayoutPreviewScreen();
   const layoutMode = useUISettings(UI_SETTINGS.layoutMode);
@@ -26972,8 +26974,8 @@ var getParticipantChipContent = (peerCount = 0) => {
   return `${formattedNum} other${parseInt(formattedNum) === 1 ? "" : "s"} in the session`;
 };
 var useLocalTileAspectRatio = () => {
-  const localPeer = useHMSStore70(selectLocalPeer7);
-  const videoTrack = useHMSStore70(selectVideoTrackByID5(localPeer == null ? void 0 : localPeer.videoTrack));
+  const localPeer = useHMSStore71(selectLocalPeer7);
+  const videoTrack = useHMSStore71(selectVideoTrackByID5(localPeer == null ? void 0 : localPeer.videoTrack));
   const isMobile = useMedia24(config.media.md);
   let aspectRatio = 0;
   if ((videoTrack == null ? void 0 : videoTrack.width) && (videoTrack == null ? void 0 : videoTrack.height)) {
@@ -27016,7 +27018,7 @@ var PreviewJoin = ({
     },
     asRole
   });
-  const roomState = useHMSStore70(selectRoomState5);
+  const roomState = useHMSStore71(selectRoomState5);
   const savePreferenceAndJoin = useCallback32(() => {
     setPreviewPreference({
       name
@@ -27082,16 +27084,16 @@ var Container4 = styled("div", __spreadProps(__spreadValues({
   px: "$10"
 }));
 var PreviewTile = ({ name, error }) => {
-  const localPeer = useHMSStore70(selectLocalPeer7);
+  const localPeer = useHMSStore71(selectLocalPeer7);
   const { isLocalAudioEnabled, toggleAudio } = useAVToggle3();
-  const isVideoOn = useHMSStore70(selectIsLocalVideoEnabled6);
+  const isVideoOn = useHMSStore71(selectIsLocalVideoEnabled6);
   const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
   const trackSelector = selectVideoTrackByID5(localPeer == null ? void 0 : localPeer.videoTrack);
-  const track = useHMSStore70(trackSelector);
+  const track = useHMSStore71(trackSelector);
   const showMuteIcon = !isLocalAudioEnabled || !toggleAudio;
   const aspectRatio = useLocalTileAspectRatio();
   const [ref, { width: calculatedWidth, height: calculatedHeight }] = useMeasure4();
-  const [avatarSize, attribBoxSize] = useMemo12(
+  const [avatarSize, attribBoxSize] = useMemo13(
     () => calculateAvatarAndAttribBoxSize(calculatedWidth, calculatedHeight),
     [calculatedWidth, calculatedHeight]
   );
@@ -27177,10 +27179,10 @@ var RequestActions = ({
 var RoleChangeRequestModal = () => {
   const hmsActions = useHMSActions43();
   const { updateMetaData } = useMyMetadata();
-  const isPreview = useHMSStore71(selectIsInPreview);
-  const currentRole = useHMSStore71(selectLocalPeerRoleName4);
-  const roleChangeRequest = useHMSStore71(selectRoleChangeRequest);
-  const name = useHMSStore71(selectLocalPeerName4);
+  const isPreview = useHMSStore72(selectIsInPreview);
+  const currentRole = useHMSStore72(selectLocalPeerRoleName4);
+  const roleChangeRequest = useHMSStore72(selectRoleChangeRequest);
+  const name = useHMSStore72(selectLocalPeerName4);
   const { sendEvent } = useCustomEvent3({ type: ROLE_CHANGE_DECLINED });
   const { elements = {} } = useRoomLayoutPreviewScreen();
   const { virtual_background } = elements || {};
@@ -27250,30 +27252,30 @@ var RoleChangeRequestModal = () => {
 init_define_process_env();
 import React151, { Suspense, useEffect as useEffect48 } from "react";
 import { match as match12 } from "ts-pattern";
-import { selectIsConnectedToRoom as selectIsConnectedToRoom9, selectLocalPeerRoleName as selectLocalPeerRoleName6, useHMSActions as useHMSActions45, useHMSStore as useHMSStore81 } from "@100mslive/react-sdk";
+import { selectIsConnectedToRoom as selectIsConnectedToRoom9, selectLocalPeerRoleName as selectLocalPeerRoleName6, useHMSActions as useHMSActions45, useHMSStore as useHMSStore83 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/VideoLayouts/GridLayout.tsx
 init_define_process_env();
-import React147, { useEffect as useEffect44, useMemo as useMemo18, useState as useState64 } from "react";
+import React147, { useEffect as useEffect44, useMemo as useMemo19, useState as useState64 } from "react";
 import {
   selectLocalPeerID as selectLocalPeerID14,
   selectLocalPeerRoleName as selectLocalPeerRoleName5,
   selectPeers as selectPeers3,
-  selectPeerScreenSharing,
+  selectPeerScreenSharing as selectPeerScreenSharing2,
   selectWhiteboard as selectWhiteboard2,
-  useHMSStore as useHMSStore79,
+  useHMSStore as useHMSStore80,
   useHMSVanillaStore as useHMSVanillaStore12
 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/VideoLayouts/EqualProminence.tsx
 init_define_process_env();
-import React138, { useEffect as useEffect39, useMemo as useMemo14, useState as useState58 } from "react";
+import React138, { useEffect as useEffect39, useMemo as useMemo15, useState as useState58 } from "react";
 import { useMedia as useMedia28 } from "react-use";
-import { selectLocalPeer as selectLocalPeer9, useHMSStore as useHMSStore73 } from "@100mslive/react-sdk";
+import { selectLocalPeer as selectLocalPeer9, useHMSStore as useHMSStore74 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/InsetTile.tsx
 init_define_process_env();
-import React135, { useEffect as useEffect36, useRef as useRef22 } from "react";
+import React135, { useEffect as useEffect36, useRef as useRef23 } from "react";
 import Draggable from "react-draggable";
 import { useMedia as useMedia26 } from "react-use";
 import {
@@ -27281,7 +27283,7 @@ import {
   selectLocalPeer as selectLocalPeer8,
   selectPeerByID as selectPeerByID3,
   selectVideoTrackByID as selectVideoTrackByID6,
-  useHMSStore as useHMSStore72
+  useHMSStore as useHMSStore73
 } from "@100mslive/react-sdk";
 import { ExpandIcon as ExpandIcon2 } from "@100mslive/react-icons";
 
@@ -27322,10 +27324,10 @@ var InsetTile = ({ peerId }) => {
   const isMobile = useMedia26(config.media.md);
   const isLandscape = useMedia26(config.media.ls);
   const selector = peerId ? selectPeerByID3(peerId) : selectLocalPeer8;
-  const peer = useHMSStore72(selector);
+  const peer = useHMSStore73(selector);
   const [minimised, setMinimised] = useSetAppDataByKey(APP_DATA.minimiseInset);
-  const videoTrack = useHMSStore72(selectVideoTrackByID6(peer == null ? void 0 : peer.videoTrack));
-  const isAllowedToPublish = useHMSStore72(selectIsAllowedToPublish2);
+  const videoTrack = useHMSStore73(selectVideoTrackByID6(peer == null ? void 0 : peer.videoTrack));
+  const isAllowedToPublish = useHMSStore73(selectIsAllowedToPublish2);
   const videoTileProps = useVideoTileContext();
   let aspectRatio = isMobile ? defaultMobileAspectRatio : desktopAspectRatio;
   if ((videoTrack == null ? void 0 : videoTrack.width) && (videoTrack == null ? void 0 : videoTrack.height) && !isMobile) {
@@ -27337,7 +27339,7 @@ var InsetTile = ({ peerId }) => {
     width = 240;
     height = width / aspectRatio;
   }
-  const nodeRef = useRef22(null);
+  const nodeRef = useRef23(null);
   useEffect36(() => {
     const node = nodeRef.current;
     if (!node || !window.ResizeObserver) {
@@ -27479,7 +27481,7 @@ var Grid = React137.forwardRef(
 
 // src/Prebuilt/components/hooks/useTileLayout.tsx
 init_define_process_env();
-import { useEffect as useEffect38, useMemo as useMemo13, useState as useState57 } from "react";
+import { useEffect as useEffect38, useMemo as useMemo14, useState as useState57 } from "react";
 import { useMeasure as useMeasure5, useMedia as useMedia27 } from "react-use";
 import {
   getPeersWithTiles,
@@ -27490,12 +27492,12 @@ var aspectRatioConfig = { default: [1 / 1, 4 / 3, 16 / 9], mobile: [1 / 1, 3 / 4
 var usePagesWithTiles = ({ peers, maxTileCount }) => {
   const vanillaStore = useHMSVanillaStore11();
   const tracksMap = vanillaStore.getState(selectTracksMap4);
-  const peersWithTiles = useMemo13(
+  const peersWithTiles = useMemo14(
     () => getPeersWithTiles(peers, tracksMap, () => false),
     [peers, tracksMap]
   );
   const noOfPages = Math.ceil(peersWithTiles.length / maxTileCount);
-  const pagesList = useMemo13(() => {
+  const pagesList = useMemo14(() => {
     let sliceStart = 0;
     let remaining = peersWithTiles.length;
     const list = [];
@@ -27585,7 +27587,7 @@ var useTileLayout = ({
 // src/Prebuilt/components/VideoLayouts/EqualProminence.tsx
 function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSize, edgeToEdge }) {
   var _a8;
-  const localPeer = useHMSStore73(selectLocalPeer9);
+  const localPeer = useHMSStore74(selectLocalPeer9);
   const isMobile = useMedia28(config.media.md);
   let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
   maxTileCount = isMobile ? Math.min(maxTileCount, 6) : maxTileCount;
@@ -27593,7 +27595,7 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
     peers,
     maxTileCount
   });
-  const inputPeers = useMemo14(() => {
+  const inputPeers = useMemo15(() => {
     if (pageList.length === 0) {
       return localPeer ? [localPeer] : [];
     }
@@ -27632,13 +27634,13 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
 init_define_process_env();
 import React141, { useEffect as useEffect41, useState as useState60 } from "react";
 import { useMedia as useMedia30 } from "react-use";
-import { selectLocalPeer as selectLocalPeer10, useHMSStore as useHMSStore75 } from "@100mslive/react-sdk";
+import { selectLocalPeer as selectLocalPeer10, useHMSStore as useHMSStore76 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/SecondaryTiles.tsx
 init_define_process_env();
-import React140, { useEffect as useEffect40, useRef as useRef23, useState as useState59 } from "react";
+import React140, { useEffect as useEffect40, useRef as useRef24, useState as useState59 } from "react";
 import { useMedia as useMedia29 } from "react-use";
-import { selectAppData as selectAppData7, selectSessionStore as selectSessionStore11, selectTrackByID as selectTrackByID4, useHMSStore as useHMSStore74 } from "@100mslive/react-sdk";
+import { selectAppData as selectAppData7, selectSessionStore as selectSessionStore11, selectTrackByID as selectTrackByID4, useHMSStore as useHMSStore75 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/VideoLayouts/ProminenceLayout.tsx
 init_define_process_env();
@@ -27725,11 +27727,11 @@ var SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge, hasSidebar
   const isMobile = useMedia29(config.media.md);
   const maxTileCount = isMobile ? 2 : 4;
   const [page, setPage] = useState59(0);
-  const pinnedTrackId = useHMSStore74(selectAppData7(APP_DATA.pinnedTrackId));
-  const spotlightPeerId = useHMSStore74(selectSessionStore11("spotlight" /* SPOTLIGHT */));
-  const activeScreensharePeerId = useHMSStore74(selectAppData7(APP_DATA.activeScreensharePeerId));
-  const pinnedPeer = (_a8 = useHMSStore74(selectTrackByID4(pinnedTrackId))) == null ? void 0 : _a8.peerId;
-  const pageChangedAfterPinning = useRef23(false);
+  const pinnedTrackId = useHMSStore75(selectAppData7(APP_DATA.pinnedTrackId));
+  const spotlightPeerId = useHMSStore75(selectSessionStore11("spotlight" /* SPOTLIGHT */));
+  const activeScreensharePeerId = useHMSStore75(selectAppData7(APP_DATA.activeScreensharePeerId));
+  const pinnedPeer = (_a8 = useHMSStore75(selectTrackByID4(pinnedTrackId))) == null ? void 0 : _a8.peerId;
+  const pageChangedAfterPinning = useRef24(false);
   const pagesWithTiles = usePagesWithTiles({
     peers: spotlightPeerId || pinnedPeer ? [...peers].sort((p1, p2) => {
       if (activeScreensharePeerId === p1.id) {
@@ -27778,10 +27780,10 @@ var SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge, hasSidebar
 
 // src/Prebuilt/components/hooks/useRoleProminencePeers.tsx
 init_define_process_env();
-import { useMemo as useMemo15 } from "react";
+import { useMemo as useMemo16 } from "react";
 var useRoleProminencePeers = (prominentRoles, peers, isInsetEnabled) => {
   const pinnedTrack = usePinnedTrack();
-  const [prominentPeers, secondaryPeers] = useMemo15(() => {
+  const [prominentPeers, secondaryPeers] = useMemo16(() => {
     return peers.reduce(
       (acc, peer) => {
         if (pinnedTrack) {
@@ -27822,7 +27824,7 @@ function RoleProminence({
 }) {
   var _a8;
   const { prominentPeers, secondaryPeers } = useRoleProminencePeers(prominentRoles, peers, isInsetEnabled);
-  const localPeer = useHMSStore75(selectLocalPeer10);
+  const localPeer = useHMSStore76(selectLocalPeer10);
   const layoutMode = useUISettings(UI_SETTINGS.layoutMode);
   const isMobile = useMedia30(config.media.md);
   let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
@@ -27865,13 +27867,13 @@ function RoleProminence({
 
 // src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
 init_define_process_env();
-import React145, { useEffect as useEffect42, useMemo as useMemo16, useState as useState63 } from "react";
+import React145, { useEffect as useEffect42, useMemo as useMemo17, useState as useState63 } from "react";
 import { useMedia as useMedia32 } from "react-use";
-import { selectPeersScreenSharing, useHMSStore as useHMSStore77 } from "@100mslive/react-sdk";
+import { selectPeersScreenSharing, useHMSStore as useHMSStore78 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/ScreenshareTile.tsx
 init_define_process_env();
-import React144, { useRef as useRef24, useState as useState62 } from "react";
+import React144, { useRef as useRef25, useState as useState62 } from "react";
 import { useFullscreen as useFullscreen2, useMedia as useMedia31 } from "react-use";
 import screenfull2 from "screenfull";
 import {
@@ -27879,17 +27881,24 @@ import {
   selectPeerByID as selectPeerByID4,
   selectScreenShareAudioByPeerID as selectScreenShareAudioByPeerID2,
   selectScreenShareByPeerID as selectScreenShareByPeerID2,
-  useHMSStore as useHMSStore76
+  useHMSStore as useHMSStore77
 } from "@100mslive/react-sdk";
 import { ExpandIcon as ExpandIcon3, ShrinkIcon as ShrinkIcon2 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/LayoutModeSelector.tsx
 init_define_process_env();
-import React142, { useState as useState61 } from "react";
+import React142, { useCallback as useCallback33, useState as useState61 } from "react";
 import { CheckIcon as CheckIcon8, ChevronDownIcon as ChevronDownIcon9, ChevronUpIcon as ChevronUpIcon7 } from "@100mslive/react-icons";
 var LayoutModeSelector = () => {
   const [open, setOpen] = useState61(false);
   const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
+  const updateLayoutMode = useCallback33(
+    (value) => {
+      setLayoutMode(value);
+      setOpen(false);
+    },
+    [setLayoutMode, setOpen]
+  );
   return /* @__PURE__ */ React142.createElement(Popover2.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ React142.createElement(Popover2.Trigger, { asChild: true }, /* @__PURE__ */ React142.createElement(
     Flex,
     {
@@ -27943,7 +27952,7 @@ var LayoutModeSelector = () => {
         Flex,
         {
           key,
-          onClick: () => setLayoutMode(value),
+          onClick: () => updateLayoutMode(value),
           align: "center",
           css: {
             gap: "$4",
@@ -28027,21 +28036,21 @@ var labelStyles = {
   flexShrink: 0
 };
 var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
-  const isLocal = useHMSStore76(selectLocalPeerID13) === peerId;
-  const track = useHMSStore76(selectScreenShareByPeerID2(peerId));
+  const isLocal = useHMSStore77(selectLocalPeerID13) === peerId;
+  const track = useHMSStore77(selectScreenShareByPeerID2(peerId));
   const { theme: theme2 } = useTheme();
-  const peer = useHMSStore76(selectPeerByID4(peerId));
+  const peer = useHMSStore77(selectPeerByID4(peerId));
   const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
   const [isMouseHovered, setIsMouseHovered] = useState62(false);
   const isMobile = useMedia31(config.media.md);
   const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
-  const fullscreenRef = useRef24(null);
+  const fullscreenRef = useRef25(null);
   const [fullscreen, setFullscreen] = useState62(false);
   const isFullscreen = useFullscreen2(fullscreenRef, fullscreen, {
     onClose: () => setFullscreen(false)
   });
   const isFullScreenSupported = screenfull2.isEnabled;
-  const audioTrack = useHMSStore76(selectScreenShareAudioByPeerID2(peer == null ? void 0 : peer.id));
+  const audioTrack = useHMSStore77(selectScreenShareAudioByPeerID2(peer == null ? void 0 : peer.id));
   if (isLocal && (track == null ? void 0 : track.displaySurface) && !["browser", "window", "application"].includes(track.displaySurface)) {
     return /* @__PURE__ */ React144.createElement(ScreenshareDisplay, null);
   }
@@ -28120,14 +28129,14 @@ var ScreenshareTile_default = ScreenshareTile;
 // src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
 var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
   var _a8;
-  const peersSharing = useHMSStore77(selectPeersScreenSharing);
+  const peersSharing = useHMSStore78(selectPeersScreenSharing);
   const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
   const [page, setPage] = useState63(0);
   const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
   const activeSharePeer = peersSharing[page];
   const isMobile = useMedia32(config.media.md);
   const hasSidebar = !isMobile && layoutMode === LayoutMode.SIDEBAR;
-  const secondaryPeers = useMemo16(() => {
+  const secondaryPeers = useMemo17(() => {
     if (layoutMode === LayoutMode.SPOTLIGHT) {
       return [];
     }
@@ -28170,9 +28179,9 @@ var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
 
 // src/Prebuilt/components/VideoLayouts/WhiteboardLayout.tsx
 init_define_process_env();
-import React146, { useEffect as useEffect43, useMemo as useMemo17 } from "react";
+import React146, { useEffect as useEffect43, useMemo as useMemo18 } from "react";
 import { useMedia as useMedia33 } from "react-use";
-import { selectPeerByCondition, selectWhiteboard, useHMSStore as useHMSStore78, useWhiteboard as useWhiteboard2 } from "@100mslive/react-sdk";
+import { selectPeerByCondition, selectWhiteboard, useHMSStore as useHMSStore79, useWhiteboard as useWhiteboard2 } from "@100mslive/react-sdk";
 var WhiteboardEmbed = () => {
   const isMobile = useMedia33(config.media.md);
   const { iframeRef } = useWhiteboard2(isMobile);
@@ -28207,12 +28216,12 @@ var WhiteboardEmbed = () => {
   );
 };
 var WhiteboardLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
-  const whiteboard = useHMSStore78(selectWhiteboard);
-  const whiteboardOwner = useHMSStore78(selectPeerByCondition((peer) => peer.customerUserId === (whiteboard == null ? void 0 : whiteboard.owner)));
+  const whiteboard = useHMSStore79(selectWhiteboard);
+  const whiteboardOwner = useHMSStore79(selectPeerByCondition((peer) => peer.customerUserId === (whiteboard == null ? void 0 : whiteboard.owner)));
   const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
   const isMobile = useMedia33(config.media.md);
   const hasSidebar = !isMobile && layoutMode === LayoutMode.SIDEBAR;
-  const secondaryPeers = useMemo17(() => {
+  const secondaryPeers = useMemo18(() => {
     if (layoutMode === LayoutMode.SPOTLIGHT) {
       return [];
     }
@@ -28353,17 +28362,17 @@ var GridLayout = ({
   edge_to_edge = false,
   hide_metadata_on_tile = false
 }) => {
-  const peerSharing = useHMSStore79(selectPeerScreenSharing);
-  const whiteboard = useHMSStore79(selectWhiteboard2);
+  const peerSharing = useHMSStore80(selectPeerScreenSharing2);
+  const whiteboard = useHMSStore80(selectWhiteboard2);
   const pinnedTrack = usePinnedTrack();
-  const peers = useHMSStore79(selectPeers3);
-  const localPeerRole = useHMSStore79(selectLocalPeerRoleName5);
-  const localPeerID = useHMSStore79(selectLocalPeerID14);
+  const peers = useHMSStore80(selectPeers3);
+  const localPeerRole = useHMSStore80(selectLocalPeerRoleName5);
+  const localPeerID = useHMSStore80(selectLocalPeerID14);
   const [activeScreensharePeerId] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
   const isRoleProminence = prominentRoles.length && peers.some(
     (peer) => peer.roleName && prominentRoles.includes(peer.roleName) && (peer.videoTrack || peer.audioTrack)
   ) || pinnedTrack;
-  const updatedPeers = useMemo18(() => {
+  const updatedPeers = useMemo19(() => {
     if (activeScreensharePeerId || (whiteboard == null ? void 0 : whiteboard.open)) {
       return peers.filter((peer) => peer.id !== activeScreensharePeerId || peer.customerUserId !== (whiteboard == null ? void 0 : whiteboard.owner));
     }
@@ -28388,7 +28397,7 @@ var GridLayout = ({
   ]);
   const vanillaStore = useHMSVanillaStore12();
   const [sortedPeers, setSortedPeers] = useState64(updatedPeers);
-  const peersSorter = useMemo18(() => new PeersSorter_default(vanillaStore), [vanillaStore]);
+  const peersSorter = useMemo19(() => new PeersSorter_default(vanillaStore), [vanillaStore]);
   const [pageSize, setPageSize] = useState64(0);
   const [mainPage, setMainPage] = useState64(0);
   const tileLayout = {
@@ -28456,16 +28465,16 @@ var GridLayout = ({
 
 // src/Prebuilt/layouts/EmbedView.jsx
 init_define_process_env();
-import React148, { useEffect as useEffect45, useMemo as useMemo19 } from "react";
-import { selectAppData as selectAppData8, selectPeers as selectPeers4, selectPeerScreenSharing as selectPeerScreenSharing2, useEmbedShare, useHMSStore as useHMSStore80 } from "@100mslive/react-sdk";
+import React148, { useEffect as useEffect45, useMemo as useMemo20 } from "react";
+import { selectAppData as selectAppData8, selectPeers as selectPeers4, selectPeerScreenSharing as selectPeerScreenSharing3, useEmbedShare, useHMSStore as useHMSStore81 } from "@100mslive/react-sdk";
 var EmbedView = () => {
   return /* @__PURE__ */ React148.createElement(EmbedScreenShareView, null, /* @__PURE__ */ React148.createElement(EmbedComponent, null));
 };
 var EmbedScreenShareView = ({ children }) => {
-  const peers = useHMSStore80(selectPeers4);
-  const peerPresenting = useHMSStore80(selectPeerScreenSharing2);
+  const peers = useHMSStore81(selectPeers4);
+  const peerPresenting = useHMSStore81(selectPeerScreenSharing3);
   const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
-  const smallTilePeers = useMemo19(() => {
+  const smallTilePeers = useMemo20(() => {
     const smallTilePeers2 = peers.filter((peer) => peer.id !== (peerPresenting == null ? void 0 : peerPresenting.id));
     return smallTilePeers2;
   }, [peers, peerPresenting]);
@@ -28478,7 +28487,7 @@ var EmbedScreenShareView = ({ children }) => {
   return /* @__PURE__ */ React148.createElement(ProminenceLayout.Root, null, /* @__PURE__ */ React148.createElement(ProminenceLayout.ProminentSection, null, children), /* @__PURE__ */ React148.createElement(SecondaryTiles, { peers: smallTilePeers }));
 };
 var EmbedComponent = () => {
-  const embedConfig = useHMSStore80(selectAppData8(APP_DATA.embedConfig));
+  const embedConfig = useHMSStore81(selectAppData8(APP_DATA.embedConfig));
   const resetConfig = useResetEmbedConfig();
   const { iframeRef, startEmbedShare, isEmbedShareInProgress } = useEmbedShare(resetConfig);
   useEffect45(() => {
@@ -28635,42 +28644,27 @@ var WaitingView = React150.memo(() => {
 // src/Prebuilt/components/hooks/useCloseScreenshareWhiteboard.tsx
 init_define_process_env();
 import { useEffect as useEffect47 } from "react";
-import { usePrevious } from "react-use";
-import { useScreenShare as useScreenShare5, useWhiteboard as useWhiteboard3 } from "@100mslive/react-sdk";
+import { selectPeerScreenSharing as selectPeerScreenSharing4, useHMSStore as useHMSStore82, useWhiteboard as useWhiteboard3 } from "@100mslive/react-sdk";
 var useCloseScreenshareWhiteboard = () => {
-  const { amIScreenSharing, screenSharingPeerId, toggleScreenShare } = useScreenShare5();
+  const peerSharing = useHMSStore82(selectPeerScreenSharing4);
   const { isOwner: isWhiteboardOwner, toggle: toggleWhiteboard } = useWhiteboard3();
-  const prevScreenSharer = usePrevious(screenSharingPeerId);
-  const prevWhiteboardOwner = usePrevious(isWhiteboardOwner);
   useEffect47(() => {
-    if (isWhiteboardOwner && screenSharingPeerId) {
-      if (prevScreenSharer && amIScreenSharing && !prevWhiteboardOwner) {
-        toggleScreenShare == null ? void 0 : toggleScreenShare();
-      } else if (prevWhiteboardOwner && !prevScreenSharer) {
-        toggleWhiteboard == null ? void 0 : toggleWhiteboard();
-      }
+    if (isWhiteboardOwner && peerSharing) {
+      toggleWhiteboard == null ? void 0 : toggleWhiteboard();
     }
-  }, [
-    isWhiteboardOwner,
-    screenSharingPeerId,
-    amIScreenSharing,
-    prevScreenSharer,
-    prevWhiteboardOwner,
-    toggleScreenShare,
-    toggleWhiteboard
-  ]);
+  }, [isWhiteboardOwner, toggleWhiteboard, peerSharing]);
 };
 
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
-var HLSView = React151.lazy(() => import("./HLSView-YAR57OPP.js"));
+var HLSView = React151.lazy(() => import("./HLSView-MS5MU24E.js"));
 var VideoStreamingSection = ({
   screenType,
   elements,
   hideControls = false
 }) => {
   var _a8;
-  const localPeerRole = useHMSStore81(selectLocalPeerRoleName6);
-  const isConnected = useHMSStore81(selectIsConnectedToRoom9);
+  const localPeerRole = useHMSStore83(selectLocalPeerRoleName6);
+  const isConnected = useHMSStore83(selectIsConnectedToRoom9);
   const hmsActions = useHMSActions45();
   const waitingViewerRole = useWaitingViewerRole();
   const urlToIframe = useUrlToEmbed();
@@ -28749,7 +28743,7 @@ init_define_process_env();
 init_define_process_env();
 import React154 from "react";
 import { useMedia as useMedia35 } from "react-use";
-import { HMSRoomState as HMSRoomState6, selectRoomState as selectRoomState6, useHMSStore as useHMSStore83 } from "@100mslive/react-sdk";
+import { HMSRoomState as HMSRoomState6, selectRoomState as selectRoomState6, useHMSStore as useHMSStore85 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Header/RoomDetailsHeader.tsx
 init_define_process_env();
@@ -28785,7 +28779,7 @@ import {
   selectVideoTrackByID as selectVideoTrackByID7,
   useDevices as useDevices3,
   useHMSActions as useHMSActions46,
-  useHMSStore as useHMSStore82
+  useHMSStore as useHMSStore84
 } from "@100mslive/react-sdk";
 import {
   BluetoothIcon,
@@ -28799,9 +28793,9 @@ var CamaraFlipActions = () => {
   const actions = useHMSActions46();
   const { allDevices } = useDevices3();
   const { videoInput } = allDevices;
-  const isVideoOn = useHMSStore82(selectIsLocalVideoEnabled7);
-  const videoTrackId = useHMSStore82(selectLocalVideoTrackID3);
-  const localVideoTrack = useHMSStore82(selectVideoTrackByID7(videoTrackId));
+  const isVideoOn = useHMSStore84(selectIsLocalVideoEnabled7);
+  const videoTrackId = useHMSStore84(selectLocalVideoTrackID3);
+  const localVideoTrack = useHMSStore84(selectVideoTrackByID7(videoTrackId));
   if (!videoInput || !(videoInput == null ? void 0 : videoInput.length) || !(localVideoTrack == null ? void 0 : localVideoTrack.facingMode)) {
     return null;
   }
@@ -28937,7 +28931,7 @@ var SelectWithLabel = ({ label, icon = /* @__PURE__ */ React153.createElement(Re
 
 // src/Prebuilt/components/Header/Header.tsx
 var Header2 = () => {
-  const roomState = useHMSStore83(selectRoomState6);
+  const roomState = useHMSStore85(selectRoomState6);
   const isMobile = useMedia35(config.media.md);
   if (roomState !== HMSRoomState6.Connected) {
     return /* @__PURE__ */ React154.createElement(React154.Fragment, null);
@@ -28983,19 +28977,19 @@ var ConferenceScreen = () => {
   const { userName, endpoints, onJoin: onJoinFunc } = useHMSPrebuiltContext();
   const screenProps = useRoomLayoutConferencingScreen();
   const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
-  const roomState = useHMSStore84(selectRoomState7);
-  const isConnectedToRoom = useHMSStore84(selectIsConnectedToRoom10);
+  const roomState = useHMSStore86(selectRoomState7);
+  const isConnectedToRoom = useHMSStore86(selectIsConnectedToRoom10);
   const hmsActions = useHMSActions47();
   const [hideControls, setHideControls] = useState65(false);
-  const dropdownList = useHMSStore84(selectAppData9(APP_DATA.dropdownList));
+  const dropdownList = useHMSStore86(selectAppData9(APP_DATA.dropdownList));
   const authTokenInAppData = useAuthToken();
-  const headerRef = useRef25(null);
-  const footerRef = useRef25(null);
+  const headerRef = useRef26(null);
+  const footerRef = useRef26(null);
   const isMobileDevice = isAndroid || isIOS || isIPadOS;
-  const dropdownListRef = useRef25();
+  const dropdownListRef = useRef26();
   const [isHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
   const showChat = !!((_a8 = screenProps.elements) == null ? void 0 : _a8.chat);
-  const autoRoomJoined = useRef25(isPreviewScreenEnabled);
+  const autoRoomJoined = useRef26(isPreviewScreenEnabled);
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeHLSStream = useLandscapeHLSStream();
   const isMwebHLSStream = isMobileHLSStream || isLandscapeHLSStream;
@@ -29221,7 +29215,7 @@ import React157, { useEffect as useEffect52 } from "react";
 // src/Prebuilt/services/FeatureFlags.jsx
 init_define_process_env();
 import { useEffect as useEffect51 } from "react";
-import { selectRoomID, useHMSStore as useHMSStore85 } from "@100mslive/react-sdk";
+import { selectRoomID, useHMSStore as useHMSStore87 } from "@100mslive/react-sdk";
 var FeatureFlags = class {
   static init(roomId) {
     if (!window.HMS) {
@@ -29246,7 +29240,7 @@ __publicField(FeatureFlags, "enableTranscription", define_process_env_default.RE
 __publicField(FeatureFlags, "enableStatsForNerds", define_process_env_default.REACT_APP_ENABLE_STATS_FOR_NERDS === "true");
 __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 = useHMSStore85(selectRoomID);
+  const roomId = useHMSStore87(selectRoomID);
   useEffect51(() => {
     if (roomId) {
       FeatureFlags.init(roomId);
@@ -29390,14 +29384,14 @@ init_define_process_env();
 import React158, { useContext as useContext4, useEffect as useEffect54 } from "react";
 import { usePreviousDistinct } from "react-use";
 import { match as match13, P as P4 } from "ts-pattern";
-import { HMSRoomState as HMSRoomState8, selectRoomState as selectRoomState8, useHMSStore as useHMSStore86 } from "@100mslive/react-sdk";
+import { HMSRoomState as HMSRoomState8, selectRoomState as selectRoomState8, useHMSStore as useHMSStore88 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/hooks/useRedirectToLeave.tsx
 init_define_process_env();
-import { useCallback as useCallback33 } from "react";
+import { useCallback as useCallback34 } from "react";
 var useRedirectToLeave = () => {
   const { onLeave } = useHMSPrebuiltContext();
-  const redirect = useCallback33(
+  const redirect = useCallback34(
     (timeout = 0) => {
       setTimeout(() => {
         PictureInPicture.stop().catch(() => console.error("stopping pip"));
@@ -29427,7 +29421,7 @@ var useHMSAppStateContext = () => {
 var useAppStateManager = () => {
   const roomLayout = useRoomLayout();
   const [activeState, setActiveState] = React158.useState();
-  const roomState = useHMSStore86(selectRoomState8);
+  const roomState = useHMSStore88(selectRoomState8);
   const prevRoomState = usePreviousDistinct(roomState);
   const { isLeaveScreenEnabled } = useRoomLayoutLeaveScreen();
   const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
@@ -29560,7 +29554,7 @@ init_define_process_env();
 
 // src/Prebuilt/components/Notifications/Notifications.tsx
 init_define_process_env();
-import React169, { useCallback as useCallback35, useEffect as useEffect65 } from "react";
+import React169, { useCallback as useCallback36, useEffect as useEffect65 } from "react";
 import {
   HMSNotificationTypes as HMSNotificationTypes10,
   HMSRoomState as HMSRoomState10,
@@ -29571,7 +29565,7 @@ import {
   useAwayNotifications as useAwayNotifications2,
   useCustomEvent as useCustomEvent4,
   useHMSNotifications as useHMSNotifications10,
-  useHMSStore as useHMSStore90,
+  useHMSStore as useHMSStore92,
   useHMSVanillaStore as useHMSVanillaStore16
 } from "@100mslive/react-sdk";
 import { GroupIcon as GroupIcon2 } from "@100mslive/react-icons";
@@ -29611,12 +29605,12 @@ function AutoplayBlockedModal() {
 init_define_process_env();
 import React162, { useEffect as useEffect56 } from "react";
 import { v4 as uuid4 } from "uuid";
-import { selectLocalPeerID as selectLocalPeerID15, selectSessionStore as selectSessionStore12, useHMSStore as useHMSStore87 } from "@100mslive/react-sdk";
+import { selectLocalPeerID as selectLocalPeerID15, selectSessionStore as selectSessionStore12, useHMSStore as useHMSStore89 } from "@100mslive/react-sdk";
 import { ChatIcon as ChatIcon2, ChatUnreadIcon } from "@100mslive/react-icons";
 var NOTIFICATION_TIME_DIFFERENCE = 5e3;
 var ChatNotifications = () => {
-  const chatState = useHMSStore87(selectSessionStore12("chatState" /* CHAT_STATE */));
-  const localPeerId = useHMSStore87(selectLocalPeerID15);
+  const chatState = useHMSStore89(selectSessionStore12("chatState" /* CHAT_STATE */));
+  const localPeerId = useHMSStore89(selectLocalPeerID15);
   useEffect56(() => {
     var _a8, _b7;
     if (!chatState || ((_a8 = chatState.updatedBy) == null ? void 0 : _a8.peerId) === localPeerId) {
@@ -29646,7 +29640,7 @@ import {
   selectPeerByID as selectPeerByID6,
   selectRoomState as selectRoomState9,
   useHMSNotifications as useHMSNotifications2,
-  useHMSStore as useHMSStore89,
+  useHMSStore as useHMSStore91,
   useHMSVanillaStore as useHMSVanillaStore15
 } from "@100mslive/react-sdk";
 
@@ -29655,8 +29649,8 @@ init_define_process_env();
 
 // src/Prebuilt/components/Toast/ToastConfig.jsx
 init_define_process_env();
-import React163, { useCallback as useCallback34 } from "react";
-import { selectPeerByID as selectPeerByID5, useHMSActions as useHMSActions49, useHMSStore as useHMSStore88 } from "@100mslive/react-sdk";
+import React163, { useCallback as useCallback35 } from "react";
+import { selectPeerByID as selectPeerByID5, useHMSActions as useHMSActions49, useHMSStore as useHMSStore90 } from "@100mslive/react-sdk";
 import {
   ChatUnreadIcon as ChatUnreadIcon2,
   ConnectivityIcon,
@@ -29678,7 +29672,7 @@ var HandRaiseAction = React163.forwardRef(({ id = "", isSingleHandRaise = true }
   const hmsActions = useHMSActions49();
   const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
   const isParticipantsOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.PARTICIPANTS);
-  const peer = useHMSStore88(selectPeerByID5(id));
+  const peer = useHMSStore90(selectPeerByID5(id));
   const layout = useRoomLayout();
   const {
     bring_to_stage_label,
@@ -29686,7 +29680,7 @@ var HandRaiseAction = React163.forwardRef(({ id = "", isSingleHandRaise = true }
     off_stage_roles = [],
     skip_preview_for_role_change = false
   } = ((_c = (_b7 = (_a8 = layout == null ? void 0 : layout.screens) == null ? void 0 : _a8.conferencing) == null ? void 0 : _b7.default) == null ? void 0 : _c.elements.on_stage_exp) || {};
-  const onClickHandler = useCallback34(() => __async(void 0, null, function* () {
+  const onClickHandler = useCallback35(() => __async(void 0, null, function* () {
     if (isSingleHandRaise) {
       hmsActions.changeRoleOfPeer(id, on_stage_role, skip_preview_for_role_change);
       if (skip_preview_for_role_change) {
@@ -29907,7 +29901,7 @@ ToastManager.addListener(ToastBatcher.syncUItoast.bind(ToastBatcher));
 // src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx
 var HandRaisedNotifications = () => {
   const notification = useHMSNotifications2(HMSNotificationTypes2.HAND_RAISE_CHANGED);
-  const roomState = useHMSStore89(selectRoomState9);
+  const roomState = useHMSStore91(selectRoomState9);
   const vanillaStore = useHMSVanillaStore15();
   const { on_stage_exp } = useRoomLayoutConferencingScreen().elements || {};
   const isSubscribing = !!useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.METADATA_UPDATED);
@@ -30260,19 +30254,19 @@ var TrackUnmuteModal = () => {
 var pollToastKey = {};
 function Notifications() {
   var _a8, _b7;
-  const localPeerID = useHMSStore90(selectLocalPeerID16);
+  const localPeerID = useHMSStore92(selectLocalPeerID16);
   const notification = useHMSNotifications10();
   const subscribedNotifications = useSubscribedNotifications() || {};
-  const roomState = useHMSStore90(selectRoomState10);
+  const roomState = useHMSStore92(selectRoomState10);
   const updateRoomLayoutForRole = useUpdateRoomLayout();
   const isNotificationDisabled = useIsNotificationDisabled();
   const screenProps = useRoomLayoutConferencingScreen();
   const vanillaStore = useHMSVanillaStore16();
   const togglePollView = usePollViewToggle();
   const { showNotification } = useAwayNotifications2();
-  const amIScreenSharing = useHMSStore90(selectIsLocalScreenShared2);
+  const amIScreenSharing = useHMSStore92(selectIsLocalScreenShared2);
   const logoURL = (_b7 = (_a8 = useRoomLayout()) == null ? void 0 : _a8.logo) == null ? void 0 : _b7.url;
-  const handleRoleChangeDenied = useCallback35((request) => {
+  const handleRoleChangeDenied = useCallback36((request) => {
     ToastManager.addToast({
       title: `${request.peerName} denied your request to join the ${request.role.name} role`,
       variant: "error"
@@ -30280,7 +30274,7 @@ function Notifications() {
   }, []);
   useCustomEvent4({ type: ROLE_CHANGE_DECLINED, onEvent: handleRoleChangeDenied });
   useEffect65(() => {
-    var _a9, _b8, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m2, _n2, _o2, _p;
+    var _a9, _b8, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m2, _n, _o2, _p;
     if (!notification || isNotificationDisabled) {
       return;
     }
@@ -30321,7 +30315,7 @@ function Notifications() {
         });
         break;
       case HMSNotificationTypes10.ROLE_UPDATED: {
-        if (((_m2 = notification.data) == null ? void 0 : _m2.isLocal) && ((_n2 = notification.data) == null ? void 0 : _n2.roleName)) {
+        if (((_m2 = notification.data) == null ? void 0 : _m2.isLocal) && ((_n = notification.data) == null ? void 0 : _n.roleName)) {
           ToastManager.addToast({
             title: `You are now a ${notification.data.roleName}`
           });
@@ -30427,7 +30421,7 @@ var PreviewScreen = () => {
 // src/Prebuilt/components/Toast/ToastContainer.jsx
 init_define_process_env();
 import React172, { useEffect as useEffect66, useState as useState72 } from "react";
-import { selectIsConnectedToRoom as selectIsConnectedToRoom11, useHMSStore as useHMSStore91 } from "@100mslive/react-sdk";
+import { selectIsConnectedToRoom as selectIsConnectedToRoom11, useHMSStore as useHMSStore93 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Toast/Toast.jsx
 init_define_process_env();
@@ -30450,7 +30444,7 @@ var Toast2 = (_a8) => {
 
 // src/Prebuilt/components/Toast/ToastContainer.jsx
 var ToastContainer = () => {
-  const isConnected = useHMSStore91(selectIsConnectedToRoom11);
+  const isConnected = useHMSStore93(selectIsConnectedToRoom11);
   const [toasts, setToast] = useState72([]);
   useEffect66(() => {
     ToastManager.addListener(setToast);
@@ -30473,7 +30467,7 @@ var ToastContainer = () => {
 // src/Prebuilt/layouts/Sheet.tsx
 init_define_process_env();
 import React174 from "react";
-import { selectAppData as selectAppData11, useHMSStore as useHMSStore92 } from "@100mslive/react-sdk";
+import { selectAppData as selectAppData11, useHMSStore as useHMSStore94 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/RoomDetails/RoomDetailsSheet.tsx
 init_define_process_env();
@@ -30497,7 +30491,7 @@ var RoomDetailsSheet = () => {
 
 // src/Prebuilt/layouts/Sheet.tsx
 var Sheet2 = () => {
-  const sheet = useHMSStore92(selectAppData11(APP_DATA.sheet));
+  const sheet = useHMSStore94(selectAppData11(APP_DATA.sheet));
   let ViewComponent;
   if (sheet === SHEET_OPTIONS.ROOM_DETAILS) {
     ViewComponent = /* @__PURE__ */ React174.createElement(RoomDetailsSheet, null);
@@ -30507,13 +30501,13 @@ var Sheet2 = () => {
 
 // src/Prebuilt/plugins/FlyingEmoji.jsx
 init_define_process_env();
-import React175, { useCallback as useCallback36, useEffect as useEffect67, useMemo as useMemo20, useState as useState73 } from "react";
+import React175, { useCallback as useCallback37, useEffect as useEffect67, useMemo as useMemo21, useState as useState73 } from "react";
 import { useMedia as useMedia38 } from "react-use";
 import {
   selectLocalPeerID as selectLocalPeerID17,
   selectPeerNameByID as selectPeerNameByID6,
   useCustomEvent as useCustomEvent5,
-  useHMSStore as useHMSStore93,
+  useHMSStore as useHMSStore95,
   useHMSVanillaStore as useHMSVanillaStore17
 } from "@100mslive/react-sdk";
 var emojiCount = 1;
@@ -30540,12 +30534,12 @@ var getStartingPoints = (isMobile) => {
   return arr;
 };
 function FlyingEmoji() {
-  const localPeerId = useHMSStore93(selectLocalPeerID17);
+  const localPeerId = useHMSStore95(selectLocalPeerID17);
   const vanillaStore = useHMSVanillaStore17();
   const [emojis, setEmojis] = useState73([]);
   const isMobile = useMedia38(config.media.md);
-  const startingPoints = useMemo20(() => getStartingPoints(isMobile), [isMobile]);
-  const showFlyingEmoji = useCallback36(
+  const startingPoints = useMemo21(() => getStartingPoints(isMobile), [isMobile]);
+  const showFlyingEmoji = useCallback37(
     ({ emojiId, senderId }) => {
       if (!emojiId || !senderId || document.hidden) {
         return;
@@ -30638,11 +30632,11 @@ function FlyingEmoji() {
 
 // src/Prebuilt/plugins/RemoteStopScreenshare.jsx
 init_define_process_env();
-import React176, { useCallback as useCallback37 } from "react";
+import React176, { useCallback as useCallback38 } from "react";
 import { useCustomEvent as useCustomEvent6, useHMSActions as useHMSActions52 } from "@100mslive/react-sdk";
 function RemoteStopScreenshare() {
   const actions = useHMSActions52();
-  const onRemoteStopScreenshare = useCallback37(() => __async(this, null, function* () {
+  const onRemoteStopScreenshare = useCallback38(() => __async(this, null, function* () {
     yield actions.setScreenShareEnabled(false);
   }), [actions]);
   useCustomEvent6({
@@ -30654,23 +30648,23 @@ function RemoteStopScreenshare() {
 
 // src/Prebuilt/components/hooks/useAutoStartStreaming.tsx
 init_define_process_env();
-import { useCallback as useCallback38, useEffect as useEffect68, useRef as useRef26 } from "react";
+import { useCallback as useCallback39, useEffect as useEffect68, useRef as useRef27 } from "react";
 import {
   selectIsConnectedToRoom as selectIsConnectedToRoom12,
   selectPermissions as selectPermissions20,
   useHMSActions as useHMSActions53,
-  useHMSStore as useHMSStore94,
+  useHMSStore as useHMSStore96,
   useRecordingStreaming as useRecordingStreaming12
 } from "@100mslive/react-sdk";
 var useAutoStartStreaming = () => {
   const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
-  const permissions = useHMSStore94(selectPermissions20);
+  const permissions = useHMSStore96(selectPermissions20);
   const showStreamingUI = useShowStreamingUI();
   const hmsActions = useHMSActions53();
-  const isConnected = useHMSStore94(selectIsConnectedToRoom12);
+  const isConnected = useHMSStore96(selectIsConnectedToRoom12);
   const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = useRecordingStreaming12();
-  const streamStartedRef = useRef26(false);
-  const startHLS = useCallback38(() => __async(void 0, null, function* () {
+  const streamStartedRef = useRef27(false);
+  const startHLS = useCallback39(() => __async(void 0, null, function* () {
     try {
       if (isHLSStarted || !showStreamingUI || isHLSRunning || isRTMPRunning || isHLSRecordingOn || isBrowserRecordingOn) {
         return;
@@ -30721,7 +30715,7 @@ var HMSPrebuilt = React177.forwardRef(
     onJoin
   }, ref) => {
     var _a8, _b7, _c, _d;
-    const reactiveStore = useRef27();
+    const reactiveStore = useRef28();
     const [hydrated, setHydrated] = React177.useState(false);
     useEffect69(() => {
       setHydrated(true);
@@ -30856,7 +30850,7 @@ var AppStates = ({ activeState }) => {
   return match15({ activeState, isPreviewScreenEnabled, isLeaveScreenEnabled }).with({ activeState: "preview" /* PREVIEW */, isPreviewScreenEnabled: true }, () => /* @__PURE__ */ React177.createElement(PreviewScreen, null)).with({ activeState: "leave" /* LEAVE */, isLeaveScreenEnabled: true }, () => /* @__PURE__ */ React177.createElement(LeaveScreen, null)).otherwise(() => /* @__PURE__ */ React177.createElement(ConferenceScreen, null));
 };
 var BackSwipe = () => {
-  const isConnectedToRoom = useHMSStore95(selectIsConnectedToRoom13);
+  const isConnectedToRoom = useHMSStore97(selectIsConnectedToRoom13);
   const hmsActions = useHMSActions54();
   useEffect69(() => {
     const onRouteLeave = () => __async(void 0, null, function* () {
@@ -31033,4 +31027,4 @@ lodash/lodash.js:
    * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
    *)
 */
-//# sourceMappingURL=chunk-MXPCXPZQ.js.map
+//# sourceMappingURL=chunk-55X45VYE.js.map