npm - @100mslive/roomkit-react - Versions diffs - 0.3.3-alpha.1 → 0.3.3-alpha.10 - Mend

@100mslive/roomkit-react 0.3.3-alpha.1 → 0.3.3-alpha.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (54) hide show

package/dist/{chunk-ZDW56PPL.js → chunk-HIJ2DH6Q.js} RENAMED Viewed

@@ -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_b2dfce6c-1460-4d7f-9260-6a3b0805fa80", 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.3-alpha.1", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_b2dfce6c-1460-4d7f-9260-6a3b0805fa80", 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.3-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.6", 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: "590", 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: "20240310.1.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.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.0-alpha.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:19554", 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.3-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: "8338903597", 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: "8e27b80c474e3487828a60fce4aa1f444aa14577", 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: "2b4eb6b136e5c67e12006fe982ceadc0ea33b23198cb8487892ca00ba4e2cd5c", 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--1710832096589-0.6370797788370992:/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--1710832096394-0.31759327289111483:/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--1710832073832-0.31470723189659267:/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--1710832073647-0.23318157752573399:/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_bc8accc0-5dd2-44bf-aebb-4cc97b5738e1", INVOCATION_ID: "59e00abec76b4888b0bce75a92bf4b9a", 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: "482", 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 264", 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.3-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.3-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: "8e27b80c474e3487828a60fce4aa1f444aa14577", 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_b2dfce6c-1460-4d7f-9260-6a3b0805fa80", 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_b2dfce6c-1460-4d7f-9260-6a3b0805fa80", 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.154/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_b2dfce6c-1460-4d7f-9260-6a3b0805fa80" };
+    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_386d3024-f9d7-43fd-b294-56d3480d189e", 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.3-alpha.10", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_386d3024-f9d7-43fd-b294-56d3480d189e", 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.3-alpha.10", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.7", 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.6", 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: "593", 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: "20240317.1.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.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.0-alpha.5", 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:19280", 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.3-alpha.10", 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: "8388700422", 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: "5164a4d05ffa194988cb560db7db95405fa39052", 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: "a0271f0537dfefc4c8e68644b9fa952214a3418d155d38329369583127fbc7f0", 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--1711102417718-0.042317157711200704:/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--1711102417519-0.5408923804987171:/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--1711102395972-0.5326802314517078:/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--1711102395794-0.7931289859881143:/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_809ef781-6d59-486b-b1f2-8b9001161c15", INVOCATION_ID: "63fe1922a7c64efab404153b7cd6c1ad", 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: "493", 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 111", 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.3-alpha.10", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.3-alpha.10", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", GITHUB_SHA: "5164a4d05ffa194988cb560db7db95405fa39052", 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_386d3024-f9d7-43fd-b294-56d3480d189e", 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_386d3024-f9d7-43fd-b294-56d3480d189e", 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.154/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_386d3024-f9d7-43fd-b294-56d3480d189e" };
   }
 });
@@ -4148,7 +4148,7 @@ var require_lodash = __commonJS({
         function eq(value, other) {
           return value === other || value !== value && other !== other;
         }
-        var gt = createRelationalOperation(baseGt);
+        var gt2 = createRelationalOperation(baseGt);
         var gte = createRelationalOperation(function(value, other) {
           return value >= other;
         });
@@ -5287,7 +5287,7 @@ var require_lodash = __commonJS({
         lodash.forOwn = forOwn;
         lodash.forOwnRight = forOwnRight;
         lodash.get = get;
-        lodash.gt = gt;
+        lodash.gt = gt2;
         lodash.gte = gte;
         lodash.has = has;
         lodash.hasIn = hasIn;
@@ -6826,18 +6826,18 @@ var require_ua_parser = __commonJS({
           window2.UAParser = UAParser;
         }
       }
-      var $2 = typeof window2 !== UNDEF_TYPE && (window2.jQuery || window2.Zepto);
-      if ($2 && !$2.ua) {
+      var $ = typeof window2 !== UNDEF_TYPE && (window2.jQuery || window2.Zepto);
+      if ($ && !$.ua) {
         var parser = new UAParser();
-        $2.ua = parser.getResult();
-        $2.ua.get = function() {
+        $.ua = parser.getResult();
+        $.ua.get = function() {
           return parser.getUA();
         };
-        $2.ua.set = function(ua) {
+        $.ua.set = function(ua) {
           parser.setUA(ua);
           var result = parser.getResult();
           for (var prop in result) {
-            $2.ua[prop] = result[prop];
+            $.ua[prop] = result[prop];
           }
         };
       }
@@ -7670,12 +7670,12 @@ var require_sdp = __commonJS({
       return parsed;
     };
     SDPUtils2.writeRtpMap = function(codec) {
-      let pt = codec.payloadType;
+      let pt2 = codec.payloadType;
       if (codec.preferredPayloadType !== void 0) {
-        pt = codec.preferredPayloadType;
+        pt2 = codec.preferredPayloadType;
       }
       const channels = codec.channels || codec.numChannels || 1;
-      return "a=rtpmap:" + pt + " " + codec.name + "/" + codec.clockRate + (channels !== 1 ? "/" + channels : "") + "\r\n";
+      return "a=rtpmap:" + pt2 + " " + codec.name + "/" + codec.clockRate + (channels !== 1 ? "/" + channels : "") + "\r\n";
     };
     SDPUtils2.parseExtmap = function(line) {
       const parts = line.substring(9).split(" ");
@@ -7701,9 +7701,9 @@ var require_sdp = __commonJS({
     };
     SDPUtils2.writeFmtp = function(codec) {
       let line = "";
-      let pt = codec.payloadType;
+      let pt2 = codec.payloadType;
       if (codec.preferredPayloadType !== void 0) {
-        pt = codec.preferredPayloadType;
+        pt2 = codec.preferredPayloadType;
       }
       if (codec.parameters && Object.keys(codec.parameters).length) {
         const params = [];
@@ -7714,7 +7714,7 @@ var require_sdp = __commonJS({
             params.push(param);
           }
         });
-        line += "a=fmtp:" + pt + " " + params.join(";") + "\r\n";
+        line += "a=fmtp:" + pt2 + " " + params.join(";") + "\r\n";
       }
       return line;
     };
@@ -7727,13 +7727,13 @@ var require_sdp = __commonJS({
     };
     SDPUtils2.writeRtcpFb = function(codec) {
       let lines = "";
-      let pt = codec.payloadType;
+      let pt2 = codec.payloadType;
       if (codec.preferredPayloadType !== void 0) {
-        pt = codec.preferredPayloadType;
+        pt2 = codec.preferredPayloadType;
       }
       if (codec.rtcpFeedback && codec.rtcpFeedback.length) {
         codec.rtcpFeedback.forEach((fb) => {
-          lines += "a=rtcp-fb:" + pt + " " + fb.type + (fb.parameter && fb.parameter.length ? " " + fb.parameter : "") + "\r\n";
+          lines += "a=rtcp-fb:" + pt2 + " " + fb.type + (fb.parameter && fb.parameter.length ? " " + fb.parameter : "") + "\r\n";
         });
       }
       return lines;
@@ -7861,21 +7861,21 @@ var require_sdp = __commonJS({
       const mline = lines[0].split(" ");
       description.profile = mline[2];
       for (let i = 3; i < mline.length; i++) {
-        const pt = mline[i];
+        const pt2 = mline[i];
         const rtpmapline = SDPUtils2.matchPrefix(
           mediaSection,
-          "a=rtpmap:" + pt + " "
+          "a=rtpmap:" + pt2 + " "
         )[0];
         if (rtpmapline) {
           const codec = SDPUtils2.parseRtpMap(rtpmapline);
           const fmtps = SDPUtils2.matchPrefix(
             mediaSection,
-            "a=fmtp:" + pt + " "
+            "a=fmtp:" + pt2 + " "
           );
           codec.parameters = fmtps.length ? SDPUtils2.parseFmtp(fmtps[0]) : {};
           codec.rtcpFeedback = SDPUtils2.matchPrefix(
             mediaSection,
-            "a=rtcp-fb:" + pt + " "
+            "a=rtcp-fb:" + pt2 + " "
           ).map(SDPUtils2.parseRtcpFb);
           description.codecs.push(codec);
           switch (codec.name.toUpperCase()) {
@@ -9827,20 +9827,15 @@ var IconButton = styled("button", __spreadProps(__spreadValues({}, flexCenter),
   },
   "&[disabled]": {
     opacity: 0.5,
-    cursor: "not-allowed"
+    cursor: "not-allowed",
+    backgroundColor: "$secondary_dim",
+    color: "$on_primary_high"
   },
   "&:focus": {
     outline: "none"
   },
   variants: {
     active: {
-      false: {
-        backgroundColor: "$secondary_dim",
-        color: "$on_primary_high",
-        "&:not([disabled]):hover": {
-          backgroundColor: "$secondary_default"
-        }
-      },
       true: {
         "&:not([disabled]):hover": {
           backgroundColor: "$on_surface_low"
@@ -12897,6 +12892,7 @@ import {
   selectAppData as selectAppData9,
   selectIsConnectedToRoom as selectIsConnectedToRoom10,
   selectRoomState as selectRoomState7,
+  useAVToggle as useAVToggle7,
   useHMSActions as useHMSActions47,
   useHMSStore as useHMSStore84
 } from "@100mslive/react-sdk";
@@ -12906,6 +12902,7 @@ init_define_process_env();
 import React77, { useEffect as useEffect20 } from "react";
 import { useMedia as useMedia11 } from "react-use";
 import { Chat_ChatState } from "@100mslive/types-prebuilt/elements/chat";
+import { useAVToggle as useAVToggle4 } from "@100mslive/react-sdk";
 // src/Prebuilt/components/AudioVideoToggle.tsx
 init_define_process_env();
@@ -12950,21 +12947,17 @@ var IconButton2 = styled(IconButton, {
   border: "1px solid $border_bright",
   bg: "$background_dim",
   r: "$1",
+  "&[disabled]": {
+    opacity: 0.5,
+    cursor: "not-allowed",
+    backgroundColor: "$secondary_dim",
+    color: "$on_primary_high"
+  },
   variants: {
     active: {
       true: {
         color: "$on_surface_high",
         backgroundColor: "transparent"
-      },
-      false: {
-        border: "1px solid transparent",
-        color: "$on_primary_high"
-      }
-    },
-    disabled: {
-      true: {
-        backgroundColor: "$surface_brighter",
-        color: "$on_surface_low"
       }
     }
   }
@@ -12990,23 +12983,23 @@ var IconSection = styled(IconButton_default, {
   p: "$4",
   r: "$1",
   bg: "transparent",
-  borderTopRightRadius: 0,
+  borderTopRightRadius: "0 !important",
   borderColor: "$border_bright",
-  borderBottomRightRadius: 0,
+  borderBottomRightRadius: "0 !important",
   position: "relative",
   "&:not([disabled]):focus-visible": {
     zIndex: 1
   },
   "@md": {
     mx: 0,
-    borderTopRightRadius: "$1",
-    borderBottomRightRadius: "$1"
+    borderTopRightRadius: "$1 !important",
+    borderBottomRightRadius: "$1 !important"
   },
   variants: __spreadProps(__spreadValues({}, variants), {
     hideOptions: {
       true: {
-        borderTopRightRadius: "$1",
-        borderBottomRightRadius: "$1"
+        borderTopRightRadius: "$1 !important",
+        borderBottomRightRadius: "$1 !important"
       }
     }
   })
@@ -13016,10 +13009,10 @@ var OptionsSection = styled(IconButton_default, {
   h: "$14",
   p: "$4 $2",
   r: "$1",
-  borderTopLeftRadius: 0,
+  borderTopLeftRadius: "0 !important",
   borderColor: "$border_bright",
-  borderBottomLeftRadius: 0,
-  borderLeftWidth: 0,
+  borderBottomLeftRadius: "0 !important",
+  borderLeftWidth: "0 !important",
   position: "relative",
   "&:not([disabled]):focus-visible": {
     zIndex: 1
@@ -16077,7 +16070,7 @@ var MuteAllModal = ({
   return /* @__PURE__ */ React51.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ React51.createElement(DialogContent, { title: "Mute/Unmute Remote Tracks", Icon: MicOffIcon2 }, /* @__PURE__ */ React51.createElement(MuteAllContent, __spreadValues({}, props))));
 };
-// src/Prebuilt/components/hooks/useMetadata.tsx
+// src/Prebuilt/components/hooks/useMetadata.jsx
 init_define_process_env();
 import { useCallback as useCallback14 } from "react";
 import {
@@ -16102,7 +16095,6 @@ var useMyMetadata = () => {
     } catch (error) {
       console.error("failed to update metadata ", updatedFields);
     }
-    return false;
   });
   const toggleHandRaise = useCallback14(() => __async(void 0, null, function* () {
     if (isHandRaised) {
@@ -16119,13 +16111,19 @@ var useMyMetadata = () => {
       yield hmsActions.lowerLocalPeerHand();
     }
   }), [metaData == null ? void 0 : metaData.isBRBOn]);
+  const setPrevRole = (role) => __async(void 0, null, function* () {
+    yield update({
+      prevRole: role
+    });
+  });
   return {
     isHandRaised,
     isBRBOn: !!(metaData == null ? void 0 : metaData.isBRBOn),
     metaData,
     updateMetaData: update,
     toggleHandRaise,
-    toggleBRB
+    toggleBRB,
+    setPrevRole
   };
 };
@@ -16250,6 +16248,7 @@ import {
   selectIsConnectedToRoom as selectIsConnectedToRoom7,
   selectPeerCount as selectPeerCount3,
   selectPermissions as selectPermissions8,
+  useAVToggle as useAVToggle3,
   useHMSActions as useHMSActions21,
   useHMSStore as useHMSStore29,
   useRecordingStreaming as useRecordingStreaming7
@@ -16358,7 +16357,7 @@ var createSelector = createSelectorCreator(defaultMemoize);
 var import_ua_parser_js = __toESM(require_ua_parser());
 var import_lodash3 = __toESM(require_lodash2());
 import { v4 as qa } from "uuid";
-import { v4 as Wa } from "uuid";
+import { v4 as $a } from "uuid";
 // ../../node_modules/webrtc-adapter/src/js/adapter_core.js
 init_define_process_env();
@@ -18459,9 +18458,9 @@ import { v4 as io } from "uuid";
 import { v4 as oo } from "uuid";
 import { v4 as uo } from "uuid";
 import { EventEmitter2 as po } from "eventemitter2";
-var Dt = __toESM(require_lib());
+var wt = __toESM(require_lib());
 import { EventEmitter2 as Co } from "eventemitter2";
-import { v4 as wo } from "uuid";
+import { v4 as Do } from "uuid";
 import { EventEmitter2 as _o } from "eventemitter2";
 import No from "eventemitter2";
 import { v4 as Oo } from "uuid";
@@ -18471,14 +18470,14 @@ var Pa = Object.defineProperties;
 var Ea = Object.getOwnPropertyDescriptors;
 var Vt = Object.getOwnPropertySymbols;
 var Wr = Object.prototype.hasOwnProperty;
-var Kr = Object.prototype.propertyIsEnumerable;
-var $r = (a2, e, t) => e in a2 ? ka(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
-var m = (a2, e) => {
+var $r = Object.prototype.propertyIsEnumerable;
+var Gr = (a2, e, t) => e in a2 ? ka(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]);
+    Wr.call(e, t) && Gr(a2, t, e[t]);
   if (Vt)
     for (var t of Vt(e))
-      Kr.call(e, t) && $r(a2, t, e[t]);
+      $r.call(e, t) && Gr(a2, t, e[t]);
   return a2;
 };
 var v = (a2, e) => Pa(a2, Ea(e));
@@ -18488,49 +18487,49 @@ var Xi = (a2, e) => {
     Wr.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 && $r.call(a2, i) && (t[i] = a2[i]);
   return t;
 };
 var Ia = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
-var lr = Ia((ed, Ka) => {
-  Ka.exports = { version: "0.12.3-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 lr = Ia((td, Ka) => {
+  Ka.exports = { version: "0.12.3-alpha.10", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "src"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, sideEffects: false, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", "lodash.isequal": "^4.5.0", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/lodash.isequal": "^4.5.8", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
 });
 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 Ra = ((e) => (e.CHAT = "chat", e))(Ra || {});
-var qr = ((t) => (t.INFO = "info", t.ERROR = "error", t))(qr || {});
+var Kr = ((t) => (t.INFO = "info", t.ERROR = "error", t))(Kr || {});
 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 qr = ((t) => (t.audio = "audio", t.video = "video", t))(qr || {});
 function He(a2, e) {
   let t, i;
   if (e)
     for (let r of e.auxiliaryTracks) {
       let s = a2[r];
-      Ha(s) && (i = it(s) ? s : i, t = rt(s) ? s : t);
+      Ha(s) && (i = tt(s) ? s : i, t = it(s) ? s : t);
     }
   return { video: t, audio: i };
 }
-function it(a2) {
+function tt(a2) {
   return a2 && a2.type === "audio";
 }
-function rt(a2) {
+function it(a2) {
   return a2 && a2.type === "video";
 }
 function Ha(a2) {
   return a2 && a2.source === "screen";
 }
-function $t(a2) {
+function Wt(a2) {
   return a2 && a2.source === "audioplaylist";
 }
-function st(a2) {
+function rt(a2) {
   return a2 && a2.source === "videoplaylist";
 }
-function Jr(a2) {
+function jr(a2) {
   return a2 ? !!(a2 != null && a2.degraded) : false;
 }
 function Ue(a2, e) {
   return e && a2.tracks[e] ? a2.tracks[e].enabled : false;
 }
-function at(a2) {
+function st(a2) {
   var r;
   let e = false, t = false, i = false;
   return (r = a2 == null ? void 0 : a2.publishParams) != null && r.allowed && (e = a2.publishParams.allowed.includes("video"), t = a2.publishParams.allowed.includes("audio"), i = a2.publishParams.allowed.includes("screen")), { video: e, audio: t, screen: i };
@@ -18540,24 +18539,24 @@ var Ca = (a2) => a2.errors;
 var Rn = createSelector(Ca, (a2) => a2.length === 0 ? null : a2.at(-1));
 var Hn = createSelector(B, (a2) => a2.id);
 var G = (a2) => a2.peers;
-var Wt = (a2) => a2.messages.byID;
-var zr = (a2) => a2.messages.allIDs;
-var w = (a2) => a2.tracks;
+var $t = (a2) => a2.messages.byID;
+var Qr = (a2) => a2.messages.allIDs;
+var D = (a2) => a2.tracks;
 var tr = (a2) => a2.appData;
 var La = (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 wa = createSelector(w, (a2) => Object.values(a2));
+var wn = 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 wa = (a2) => a2.hideLocalPeer;
+var oe = createSelector([B, G, wa], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
+var Da = createSelector(D, (a2) => Object.values(a2));
 var z = createSelector(B, G, (a2, e) => e[a2.localPeer]);
 var ue = createSelector(B, (a2) => a2.localPeer);
-var wn = createSelector(z, (a2) => a2 == null ? void 0 : a2.name);
+var Dn = createSelector(z, (a2) => a2 == null ? void 0 : a2.name);
 var _n = createSelector(z, (a2) => a2 == null ? void 0 : a2.roleName);
 var Z = createSelector(z, (a2) => a2 == null ? void 0 : a2.audioTrack);
 var K = createSelector(z, (a2) => a2 == null ? void 0 : a2.videoTrack);
 var _a7 = createSelector(z, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
-var Xr = createSelector([Z, K, _a7], (a2, e, t) => {
+var Yr = createSelector([Z, K, _a7], (a2, e, t) => {
   let i = t ? [...t] : [];
   return a2 && i.unshift(a2), e && i.unshift(e), i;
 });
@@ -18575,11 +18574,11 @@ var On = createSelector(G, La, (a2, e) => {
   }
   return null;
 });
-var rr = createSelector(z, w, (a2, e) => {
+var rr = createSelector(z, D, (a2, e) => {
   let { video: t, audio: i } = He(e, a2);
   return !!(t || i);
 });
-var Na = createSelector(G, w, (a2, e) => {
+var Na = createSelector(G, D, (a2, e) => {
   let t;
   for (let i in a2) {
     let r = a2[i], { video: s, audio: o } = He(e, r);
@@ -18590,14 +18589,14 @@ var Na = createSelector(G, w, (a2, e) => {
   return t;
 });
 var Un = createSelector(Na, (a2) => !!a2);
-var Bn = createSelector(G, w, (a2, e) => {
+var Bn = 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 Vn = createSelector(G, w, (a2, e) => {
+var Vn = createSelector(G, D, (a2, e) => {
   let t = [], i = [];
   for (let r in a2) {
     let s = a2[r], { video: o, audio: n } = He(e, s);
@@ -18605,36 +18604,36 @@ var Vn = createSelector(G, w, (a2, e) => {
   }
   return t.concat(i);
 });
-var Fn = createSelector(G, w, (a2, e) => {
+var Fn = createSelector(G, D, (a2, e) => {
   for (let t in e) {
     let i = e[t];
-    if (st(i) && rt(i) && i.peerId)
+    if (rt(i) && it(i) && i.peerId)
       return a2[i.peerId];
   }
 });
-var Gn = createSelector(G, w, (a2, e) => {
+var Gn = 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 $n = createSelector(wa, (a2) => a2.filter(Jr));
-var Wn = createSelector(zr, (a2) => a2.length);
-var Kn = createSelector(Wt, (a2) => Object.values(a2).filter((e) => !e.read).length);
-var ot = createSelector(zr, Wt, (a2, e) => {
+var Wn = createSelector(Da, (a2) => a2.filter(jr));
+var $n = createSelector(Qr, (a2) => a2.length);
+var Kn = createSelector($t, (a2) => Object.values(a2).filter((e) => !e.read).length);
+var at = createSelector(Qr, $t, (a2, e) => {
   let t = [];
   return a2.forEach((i) => {
     t.push(e[i]);
   }), t;
 });
-var Oa = createSelector(ot, (a2) => a2.filter((e) => {
+var Oa = createSelector(at, (a2) => a2.filter((e) => {
   var t;
   return !e.recipientPeer && !(e.recipientRoles && ((t = e.recipientRoles) == null ? void 0 : t.length) > 0);
 }));
 var qn = createSelector(Oa, (a2) => a2.filter((e) => !e.read).length);
 var Y = createSelector([B], (a2) => a2 && a2.roomState);
-var es = createSelector(Y, (a2) => a2 === "Preview");
+var Zr = createSelector(Y, (a2) => a2 === "Preview");
 var jn = createSelector(B, (a2) => a2.roomState !== "Disconnected");
 var ne = (a2) => a2.roles;
 var Jn = createSelector([ne], (a2) => Object.keys(a2));
@@ -18643,12 +18642,12 @@ var xa = (a2) => {
   var e;
   return (e = a2.preview) == null ? void 0 : e.asRole;
 };
-var ts = createSelector([xa, ne], (a2, e) => a2 ? e[a2] : null);
+var es = createSelector([xa, ne], (a2, e) => a2 ? e[a2] : null);
 var Qn = 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 ts = createSelector(Kt, (a2) => a2 == null ? void 0 : a2.permissions);
 var zn = createSelector(B, (a2) => a2.recording);
 var Yn = createSelector(B, (a2) => a2.rtmp);
 var Xn = createSelector(B, (a2) => a2.hls);
@@ -18657,27 +18656,27 @@ var ec = createSelector(B, (a2) => a2.startedAt);
 var tc = createSelector(B, (a2) => !!a2.isLargeRoom);
 var ic = createSelector(B, (a2) => !!a2.isEffectsEnabled);
 var rc = createSelector(B, (a2) => a2.effectsKey);
-var rs = (a2) => a2.polls;
+var is = (a2) => a2.polls;
 var nc = createSelector(oe, (a2) => a2.filter((e) => e.isHandRaised));
 var Ua = (a2) => a2.whiteboards;
 var cc = createSelector(Ua, (a2) => Object.values(a2)[0]);
-var as = (a2 = "audio") => (e) => e.playlist[a2].list;
+var ss = (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 as = (a2 = "audio") => (e) => e.playlist[a2].progress;
+var os = (a2 = "audio") => (e) => e.playlist[a2].currentTime;
+var ns = (a2 = "audio") => (e) => e.playlist[a2].playbackRate;
+var cs = (a2 = "audio") => (e) => e.playlist[a2].volume;
+var ds = (a2 = "audio") => createSelector(ss(a2), (e) => Object.values(e));
+var ls = (a2 = "audio") => createSelector(ss(a2), sr(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") };
-function A(a2) {
+var us = { selection: sr("audio"), progress: as("audio"), currentTime: os("audio"), playbackRate: ns("audio"), volume: cs("audio"), list: ds("audio"), selectedItem: ls("audio") };
+var ps = { selection: sr("video"), progress: as("video"), currentTime: os("video"), playbackRate: ns("video"), volume: cs("video"), list: ds("video"), selectedItem: ls("video") };
+function I(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 hs = ((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))(hs || {});
 var Ba = typeof window != "undefined" && typeof window.expect != "undefined";
 var d = class {
   static v(e, ...t) {
@@ -18747,13 +18746,14 @@ var d = class {
 d.level = Ba ? 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 ms;
+var Ce = typeof window == "undefined" && !((ms = pe.getBrowser().name) != null && ms.toLowerCase().includes("electron"));
 var Fa = () => !Ce;
 var gc = Fa();
+var Ss;
 var gs;
-var Ts;
-var vs = ((Ts = (gs = pe.getBrowser()) == null ? void 0 : gs.name) == null ? void 0 : Ts.toLowerCase()) === "firefox";
+var fs = ((gs = (Ss = pe.getBrowser()) == null ? void 0 : Ss.name) == null ? void 0 : gs.toLowerCase()) === "firefox";
+var vs = ((i) => (i.CUSTOM = "CUSTOM", i.LOCAL = "LOCAL", i.HMS = "HMS", i))(vs || {});
 function Ga() {
   if (_ && window) {
     let a2 = window.location.hostname;
@@ -18792,8 +18792,8 @@ var f = class a extends Error {
     }`;
   }
 };
-var $a = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
-var h = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
+var Wa = ["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);
@@ -18852,7 +18852,7 @@ var h = { 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, $a.includes(e));
+  return new f(a2, "ServerErrors", e, t, t, Wa.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 = "") {
@@ -18929,7 +18929,7 @@ var Ms = () => {
   try {
     _ && !localStorage && (window.localStorage = new nr());
   } catch (a2) {
-    d.e("Error initialising localStorage", h.GenericErrors.LocalStorageAccessDenied());
+    d.e("Error initialising localStorage", m.GenericErrors.LocalStorageAccessDenied());
   }
 };
 var ce = class {
@@ -18941,7 +18941,7 @@ var ce = class {
     try {
       return _ && !this.storage && (Ms(), this.storage = window.localStorage), this.storage;
     } catch (e) {
-      return d.e("Error initialising localStorage", h.GenericErrors.LocalStorageAccessDenied()), null;
+      return d.e("Error initialising localStorage", m.GenericErrors.LocalStorageAccessDenied()), null;
     }
   }
   get() {
@@ -18961,13 +18961,13 @@ var ce = class {
 };
 var ys = () => {
   let a2, e = new ce("hms-analytics-deviceId"), t = e.get();
-  return t ? a2 = t : (a2 = Wa(), e.set(a2)), a2;
+  return t ? a2 = t : (a2 = $a(), e.set(a2)), a2;
 };
 function ie(a2) {
   return a2 != null;
 }
 var Ps = lr().version;
-function nt(a2 = "prod", e) {
+function ot(a2 = "prod", e) {
   let t = "web", i = Ve !== "LOCAL" && a2 === "prod" ? "prod" : "debug";
   if (Ce)
     return Es({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version: Ps, 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 });
@@ -18980,49 +18980,16 @@ function ur(a2) {
 var Es = (a2, e = ",") => Object.keys(a2).filter((t) => ie(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
 var R = class {
   constructor({ name: e, level: t, properties: i, includesPII: r, timestamp: s }) {
-    this.metadata = { peer: {}, userAgent: nt() };
+    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 = qa(), this.device_id = ys();
   }
   toSignalParams() {
-    return { name: this.name, info: v(m({}, this.properties), { timestamp: this.timestamp, domain: Ve }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
+    return { name: this.name, info: v(S({}, this.properties), { timestamp: this.timestamp, domain: Ve }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
   }
 };
-var pr = class {
-  constructor() {
-    this.pluginUsage = /* @__PURE__ */ new Map();
-    this.pluginLastAddedAt = /* @__PURE__ */ new Map();
-    this.getPluginUsage = (e, t) => {
-      let i = `${t}-${e}`;
-      if (this.pluginUsage.has(i) || this.pluginUsage.set(i, 0), this.pluginLastAddedAt.has(i)) {
-        let r = this.pluginLastAddedAt.get(i) || 0, s = r ? Date.now() - r : 0;
-        this.pluginUsage.set(i, (this.pluginUsage.get(i) || 0) + s), this.pluginLastAddedAt.delete(i);
-      }
-      return this.pluginUsage.get(i);
-    };
-    this.updatePluginUsageData = (e, t) => {
-      if (e.name === "transport.leave") {
-        this.cleanup(t);
-        return;
-      }
-      let i = e.properties.plugin_name, r = `${t}-${i}`;
-      if (e.name === "mediaPlugin.added") {
-        let s = e.properties.added_at;
-        this.pluginLastAddedAt.set(r, s);
-      } else if (e.name === "mediaPlugin.stats") {
-        let s = e.properties.duration;
-        s > 0 && (this.pluginUsage.set(r, (this.pluginUsage.get(r) || 0) + s * 1e3), this.pluginLastAddedAt.delete(r));
-      }
-    };
-    this.cleanup = (e) => {
-      for (let t of this.pluginUsage.keys())
-        e.length && t.includes(e) && (this.pluginUsage.delete(t), this.pluginLastAddedAt.delete(t));
-    };
-  }
-};
-var Fe = new pr();
 var y = class {
   static connect(e, t, i = /* @__PURE__ */ new Date(), r = /* @__PURE__ */ new Date(), s) {
-    let o = this.eventNameFor("connect", e === void 0), n = e ? 2 : 1, l = this.getPropertiesWithError(v(m({}, t), { [this.KEY_REQUESTED_AT]: i == null ? void 0 : i.getTime(), [this.KEY_RESPONDED_AT]: r == null ? void 0 : r.getTime(), endpoint: s }), e);
+    let o = this.eventNameFor("connect", e === void 0), n = e ? 2 : 1, l = this.getPropertiesWithError(v(S({}, t), { [this.KEY_REQUESTED_AT]: i == null ? void 0 : i.getTime(), [this.KEY_RESPONDED_AT]: r == null ? void 0 : r.getTime(), endpoint: s }), e);
     return new R({ name: o, level: n, properties: l });
   }
   static disconnect(e, t) {
@@ -19036,7 +19003,7 @@ var y = class {
   }
   static join(i) {
     var r = i, { error: e } = r, t = Xi(r, ["error"]);
-    let s = this.eventNameFor("join", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(v(m({}, t), { is_preview_called: !!t.is_preview_called }), e);
+    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 R({ name: s, level: o, properties: n });
   }
   static publish({ devices: e, settings: t, error: i }) {
@@ -19079,7 +19046,7 @@ var y = class {
     let i = "video.degradation.stats", r = 1, s = { degradedAt: e.degradedAt, trackId: e.trackId };
     if (!t && e.degradedAt instanceof Date) {
       let o = /* @__PURE__ */ new Date(), n = o.valueOf() - e.degradedAt.valueOf();
-      s = v(m({}, s), { duration: n, restoredAt: o });
+      s = v(S({}, s), { duration: n, restoredAt: o });
     }
     return new R({ name: i, level: r, properties: s });
   }
@@ -19097,25 +19064,21 @@ var y = class {
     return new R({ name: "subscriber.stats", level: 1, properties: e });
   }
   static getKrispUsage(e) {
-    let t = Fe.getPluginUsage("HMSKrispPlugin", e);
-    return new R({ name: "krisp.usage", level: 1, properties: { duration: t } });
-  }
-  static transportLeave() {
-    return new R({ name: "transport.leave", level: 1, properties: {} });
+    return new R({ name: "krisp.usage", level: 1, properties: { duration: e } });
   }
   static eventNameFor(e, t) {
     return `${e}.${t ? "success" : "failed"}`;
   }
   static getPropertiesWithError(e, t) {
     let i = this.getErrorProperties(t);
-    return e = m(m({}, i), e), e;
+    return e = S(S({}, i), e), e;
   }
   static getErrorProperties(e) {
     return e ? e instanceof f ? e.toAnalyticsProperties() : { error_name: e.name, error_message: e.message, error_description: e.cause } : {};
   }
 };
 y.KEY_REQUESTED_AT = "requested_at", y.KEY_RESPONDED_AT = "responded_at";
-var hr = class {
+var pr = class {
   constructor() {
     this.storage = new ce("hms-device-selection");
     this.remember = false;
@@ -19149,9 +19112,9 @@ var hr = class {
     return e.deviceId === t.deviceId && (e.groupId === t.groupId || !e.groupId);
   }
 };
-var q = 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 || {});
+var q = 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 || {});
 function Jt(a2, e = 300) {
   let t;
   return function(...i) {
@@ -19164,8 +19127,8 @@ function Jt(a2, e = 300) {
 }
 var Cs = ((n) => (n.NONE = "none", n.INITIALISED = "initialised", n.STARTED = "started", n.PAUSED = "paused", n.RESUMED = "resumed", n.STOPPED = "stopped", n.FAILED = "failed", n))(Cs || {});
 var Ls = ((t) => (t.DVR = "dvr", t.NO_DVR = "no-dvr", t))(Ls || {});
-var Ds = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(Ds || {});
-var gr = class {
+var ws = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(ws || {});
+var Sr = class {
   constructor() {
     this.TAG = "[HMSIntersectionObserverWrapper]";
     this.listeners = /* @__PURE__ */ new WeakMap();
@@ -19192,8 +19155,8 @@ var gr = class {
     return e || d.w(this.TAG, "IntersectionObserver is not supported, fallback will be used instead"), e;
   }
 };
-var Os = new gr();
-var Tr = class {
+var Os = new Sr();
+var gr = class {
   constructor() {
     this.TAG = "[HMSResizeObserverWrapper]";
     this.listeners = /* @__PURE__ */ new WeakMap();
@@ -19220,16 +19183,16 @@ var Tr = class {
     return e || d.w(this.TAG, "Resize Observer is not supported"), e;
   }
 };
-var xs = 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 xs = new gr();
+var Tr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(Tr || {});
+var fr = ((t) => (t["2D"] = "2d", t.WEBGL = "webgl", t.WEBGL2 = "webgl2", t))(fr || {});
 var Vs = "https://event.100ms.live/v2/client/report";
 var Fs = "https://event-nonprod.100ms.live/v2/client/report";
-var ht = Math.pow(2, 31) - 1;
-var ze = class {
+var pt = Math.pow(2, 31) - 1;
+var Qe = class {
 };
-ze.makePeerId = () => uo();
-var Tt = "HMS-Store:";
+Qe.makePeerId = () => uo();
+var gt = "HMS-Store:";
 var k = class {
   static v(e, ...t) {
     this.log(0, e, ...t);
@@ -19259,23 +19222,23 @@ var k = class {
     if (!(this.level.valueOf() > e.valueOf()))
       switch (e) {
         case 0: {
-          console.log(Tt, ...t);
+          console.log(gt, ...t);
           break;
         }
         case 1: {
-          console.debug(Tt, ...t);
+          console.debug(gt, ...t);
           break;
         }
         case 2: {
-          console.info(Tt, ...t);
+          console.info(gt, ...t);
           break;
         }
         case 3: {
-          console.warn(Tt, ...t);
+          console.warn(gt, ...t);
           break;
         }
         case 6: {
-          console.error(Tt, ...t);
+          console.error(gt, ...t);
           break;
         }
         case 4: {
@@ -19296,132 +19259,132 @@ var k = class {
   }
 };
 k.level = 0;
-var Hr = (a2, e) => e;
-var ft = (a2, e) => e;
+var Rr = (a2, e) => e;
+var Tt = (a2, e) => e;
 var Js = (a2, e) => e;
 var ho = (a2, e) => e;
 var mo = (a2, e) => e;
-var J = createSelector([G, Hr], (a2, e) => e ? a2[e] : null);
-var Cr = createSelector([w, ft], (a2, e) => e ? a2[e] : null);
-var So = createSelector([w, ft], (a2, e) => {
+var J = createSelector([G, Rr], (a2, e) => e ? a2[e] : null);
+var Hr = createSelector([D, Tt], (a2, e) => e ? a2[e] : null);
+var So = createSelector([D, Tt], (a2, e) => {
   if (!e)
     return null;
   let t = a2[e];
   return (t == null ? void 0 : t.type) === "video" ? t : null;
 });
-var go = createSelector([w, ft], (a2, e) => {
+var go = createSelector([D, Tt], (a2, e) => {
   if (!e)
     return null;
   let t = a2[e];
   return (t == null ? void 0 : t.type) === "audio" ? t : null;
 });
-var To = createSelector([w, ft], (a2, e) => {
+var To = 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 fo = createSelector([w, ft], (a2, e) => {
+var fo = 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 vo = createSelector([rs, mo], (a2, e) => e ? a2[e] : null);
-var Q = A(J);
-var om = A(createSelector([tr, ho], (a2, e) => {
+var vo = createSelector([is, mo], (a2, e) => e ? a2[e] : null);
+var Q = I(J);
+var rm = I(createSelector([tr, ho], (a2, e) => {
   if (a2)
     return e ? a2[e] : a2;
 }));
-function nm(a2) {
+function sm(a2) {
   return (e) => {
     if (e.sessionStore)
       return a2 ? e.sessionStore[a2] : e.sessionStore;
   };
 }
-var dm = A(createSelector(J, (a2) => a2 == null ? void 0 : a2.name));
-var oi = A(Cr);
-var Qs = A(So);
-var lm = A(go);
-var um = A(To);
-var pm = A(fo);
-var Mo = A((a2, e) => {
+var om = I(createSelector(J, (a2) => a2 == null ? void 0 : a2.name));
+var oi = I(Hr);
+var Qs = I(So);
+var nm = I(go);
+var cm = I(To);
+var dm = I(fo);
+var Mo = I((a2, e) => {
   let t = J(a2, e);
   if (t && t.videoTrack && t.videoTrack !== "")
     return a2.tracks[t.videoTrack];
 });
-var yo = A((a2, e) => {
+var yo = I((a2, e) => {
   let t = J(a2, e);
   if (t && t.audioTrack && t.audioTrack !== "")
     return a2.tracks[t.audioTrack];
 });
-var mm = A((a2, e) => {
+var um = I((a2, e) => {
   let t = J(a2, e);
   return (t == null ? void 0 : t.auxiliaryTracks.map((i) => a2.tracks[i])) || [];
 });
 var zs = (a2, e) => e ? a2.speakers[e] : null;
-var Sm = A(createSelector(zs, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+var pm = I(createSelector(zs, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
 var ko = (a2, e) => {
   let t = yo(e)(a2);
   return zs(a2, t == null ? void 0 : t.id);
 };
-var gm = A(createSelector(ko, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
-var Tm = A((a2, e) => {
+var hm = I(createSelector(ko, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+var mm = I((a2, e) => {
   if (e)
     return a2.connectionQualities[e];
 });
-var fm = A((a2, e) => {
+var Sm = I((a2, e) => {
   let t = J(a2, e);
   if (t) {
-    let i = t == null ? void 0 : t.auxiliaryTracks.find((r) => it(a2.tracks[r]));
+    let i = t == null ? void 0 : t.auxiliaryTracks.find((r) => tt(a2.tracks[r]));
     return i ? a2.tracks[i] : void 0;
   }
 });
-var vm = A(createSelector(w, J, (a2, e) => {
+var gm = I(createSelector(D, J, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
-    return st(r) && rt(r);
+    return rt(r) && it(r);
   });
   return t ? a2[t] : void 0;
 }));
-var Mm = A(createSelector(w, J, (a2, e) => {
+var Tm = I(createSelector(D, J, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
-    return st(r) && it(r);
+    return rt(r) && tt(r);
   });
   return t ? a2[t] : void 0;
 }));
-var ym = A(createSelector(w, J, (a2, e) => {
+var fm = I(createSelector(D, J, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
-    return $t(r) && it(r);
+    return Wt(r) && tt(r);
   });
   return t ? a2[t] : void 0;
 }));
-var Ys = A(createSelector(w, J, (a2, e) => He(a2, e)));
+var Ys = I(createSelector(D, J, (a2, e) => He(a2, e)));
 var Xs = (a2) => createSelector(Ys(a2), (e) => e.audio);
-var Pm = A((a2, e) => {
+var Mm = I((a2, e) => {
   let t = J(a2, e);
   return Ue(a2, t == null ? void 0 : t.audioTrack);
 });
-var Em = A((a2, e) => {
+var ym = I((a2, e) => {
   let t = J(a2, e);
   return Ue(a2, t == null ? void 0 : t.videoTrack);
 });
-var Zs = A((a2, e) => {
+var Zs = I((a2, e) => {
   if (e && a2.tracks[e])
     return a2.tracks[e].volume === 0;
 });
-var bm = A((a2, e) => {
+var km = I((a2, e) => {
   let t = J(a2, e);
   return Zs(t == null ? void 0 : t.audioTrack)(a2);
 });
-var Am = A((a2, e) => {
+var Pm = I((a2, e) => {
   let t = Xs(e)(a2);
   return Zs(t == null ? void 0 : t.id)(a2);
 });
-var ea = A((a2, e) => {
-  let t = Cr(a2, e);
+var ea = I((a2, e) => {
+  let t = Hr(a2, e);
   if (t) {
     if (t.type !== "audio") {
       k.w("Please pass audio track here");
@@ -19430,16 +19393,16 @@ var ea = A((a2, e) => {
     return t.volume;
   }
 });
-var Im = A((a2, e) => {
+var Em = I((a2, e) => {
   let t = J(a2, e);
   return ea(t == null ? void 0 : t.audioTrack)(a2);
 });
-var Rm = A((a2, e) => {
+var bm = I((a2, e) => {
   let t = Xs(e)(a2);
   return ea(t == null ? void 0 : t.id)(a2);
 });
-var Hm = A((a2, e) => {
-  let t = Cr(a2, e);
+var Am = I((a2, e) => {
+  let t = Hr(a2, e);
   if (t) {
     if (t.type !== "video") {
       k.w("Please pass video track here");
@@ -19448,49 +19411,49 @@ var Hm = A((a2, e) => {
     return t.layer;
   }
 });
-var ta = createSelector([ot, ue, Hr], (a2, e, t) => {
+var ta = createSelector([at, ue, Rr], (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 ia = createSelector([ot, Js], (a2, e) => {
+var ia = createSelector([at, Js], (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 Po = createSelector(ot, (a2) => a2.filter((e) => {
+var Po = createSelector(at, (a2) => a2.filter((e) => {
   var t;
   return !e.recipientPeer && !((t = e.recipientRoles) != null && t.length);
 }));
 var Eo = createSelector([ia, Js], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-var bo = createSelector([ta, Hr], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-var Cm = createSelector(Po, (a2) => a2.filter((e) => !e.read).length);
-var Lm = A(ta);
-var Dm = A(ia);
-var wm = A(Eo);
-var _m = A(bo);
-var ra = A(vo);
-var Km = createSelector([G, w], (a2, e) => Object.values(a2).map((i) => {
+var bo = createSelector([ta, Rr], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
+var Im = createSelector(Po, (a2) => a2.filter((e) => !e.read).length);
+var Rm = I(ta);
+var Hm = I(ia);
+var Cm = I(Eo);
+var Lm = I(bo);
+var ra = I(vo);
+var Gm = 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 Ao = (a2) => a2.roleChangeRequests[0] || null;
-var qm = createSelector([Ao, G, ne], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
-var jm = createSelector([Kt], (a2) => at(a2));
-var Jm = createSelector([ts], (a2) => at(a2));
-var Ro = createSelector([K, w], (a2, e) => {
+var Wm = createSelector([Ao, G, ne], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
+var $m = createSelector([Kt], (a2) => st(a2));
+var Km = createSelector([es], (a2) => st(a2));
+var Ro = createSelector([K, D], (a2, e) => {
   let t = null;
   return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
 });
-var Ho = createSelector([Z, w], (a2, e) => {
+var Ho = createSelector([Z, D], (a2, e) => {
   let t = null;
   return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
 });
-var Nr = class {
+var _r = class {
   constructor() {
     this.TAG = "[HTTPAnalyticsTransport]";
     this.failedEvents = new ce("client-events");
@@ -19535,8 +19498,8 @@ var Nr = class {
     i > -1 && (t.splice(i, 1), this.failedEvents.set(t));
   }
 };
-var Te = new Nr();
-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 Te = new _r();
+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 Qo = (a2) => a2.localPeer.id;
@@ -19546,7 +19509,7 @@ var Xo = (a2, e) => e;
 var Ma = (a2, e) => e;
 var Zo = (a2) => a2.remoteTrackStats;
 var ya = (a2) => a2.peerStats;
-var Vr = (a2) => a2.localTrackStats;
+var Br = (a2) => a2.localTrackStats;
 var ve = createSelector([ya, Qo], (a2, e) => a2[e]);
 var en = createSelector(ve, (a2) => {
   var e;
@@ -19582,19 +19545,19 @@ var cn = createSelector(ve, (a2) => {
 });
 var dn = createSelector([ya, Xo], (a2, e) => e ? a2[e] : void 0);
 var ln = createSelector([Zo, Ma], (a2, e) => e ? a2[e] : void 0);
-var Fr = createSelector([Vr, Ma], (a2, e) => e ? a2[e] : void 0);
-var un = A(dn);
-var pn = A(ln);
-var hn = createSelector([Vr, zo], (a2, e) => {
+var Vr = createSelector([Br, Ma], (a2, e) => e ? a2[e] : void 0);
+var un = I(dn);
+var pn = I(ln);
+var hn = createSelector([Br, zo], (a2, e) => {
   var t;
   return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
 });
-var mn = A(createSelector(Fr, (a2) => a2 == null ? void 0 : a2[0]));
-var Sn = createSelector([Vr, Yo], (a2, e) => {
+var mn = I(createSelector(Vr, (a2) => a2 == null ? void 0 : a2[0]));
+var Sn = createSelector([Br, Yo], (a2, e) => {
   var t;
   return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
 });
-var gn = A(createSelector(Fr, (a2) => a2));
+var gn = I(createSelector(Vr, (a2) => a2));
 // src/Prebuilt/components/Header/StreamActions.tsx
 import {
@@ -20264,6 +20227,8 @@ var MwebOptions = ({
   const peerCount = useHMSStore29(selectPeerCount3);
   const emojiCardRef = useRef14(null);
   const { isBRBOn, toggleBRB, isHandRaised, toggleHandRaise } = useMyMetadata();
+  const { toggleAudio, toggleVideo } = useAVToggle3();
+  const noAVPermissions = !(toggleAudio || toggleVideo);
   const { unreadPollQuiz, setUnreadPollQuiz } = useUnreadPollQuizPresent();
   const { title, description } = useRoomLayoutHeader();
   const toggleDetailsSheet = useSheetToggle(SHEET_OPTIONS.ROOM_DETAILS);
@@ -20325,7 +20290,7 @@ var MwebOptions = ({
       /* @__PURE__ */ React58.createElement(PeopleIcon, null),
       /* @__PURE__ */ React58.createElement(ActionTile.Title, null, "Participants")
     ),
-    elements.hand_raise ? /* @__PURE__ */ React58.createElement(
+    !noAVPermissions ? /* @__PURE__ */ React58.createElement(
       ActionTile.Root,
       {
         active: isHandRaised,
@@ -20499,10 +20464,6 @@ import React60 from "react";
 import { HandIcon as HandIcon3, HandRaiseSlashedIcon as HandRaiseSlashedIcon2 } from "@100mslive/react-icons";
 var RaiseHand = ({ css: css2 }) => {
   const { isHandRaised, toggleHandRaise } = useMyMetadata();
-  const { elements } = useRoomLayoutConferencingScreen();
-  if (!elements.hand_raise) {
-    return null;
-  }
   return /* @__PURE__ */ React60.createElement(Tooltip, { title: isHandRaised ? "Lower hand" : "Raise hand" }, /* @__PURE__ */ React60.createElement(
     IconButton_default,
     {
@@ -21026,7 +20987,7 @@ init_define_process_env();
 import React69 from "react";
 import { selectUnreadHMSMessagesCount, useHMSStore as useHMSStore32 } from "@100mslive/react-sdk";
 import { ChatIcon } from "@100mslive/react-icons";
-var ChatToggle = () => {
+var ChatToggle = ({ onClick }) => {
   const countUnreadMessages = useHMSStore32(selectUnreadHMSMessagesCount);
   const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
   const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
@@ -21037,7 +20998,7 @@ var ChatToggle = () => {
         position: "relative"
       }
     },
-    /* @__PURE__ */ React69.createElement(Tooltip, { key: "chat", title: `${isChatOpen ? "Close" : "Open"} chat` }, /* @__PURE__ */ React69.createElement(IconButton_default, { onClick: toggleChat, active: !isChatOpen, "data-testid": "chat_btn" }, /* @__PURE__ */ React69.createElement(ChatIcon, null))),
+    /* @__PURE__ */ React69.createElement(Tooltip, { key: "chat", title: `${isChatOpen ? "Close" : "Open"} chat` }, /* @__PURE__ */ React69.createElement(IconButton_default, { onClick: () => onClick ? onClick() : toggleChat(), active: !isChatOpen, "data-testid": "chat_btn" }, /* @__PURE__ */ React69.createElement(ChatIcon, null))),
     countUnreadMessages > 0 && /* @__PURE__ */ React69.createElement(
       Flex,
       {
@@ -21545,7 +21506,7 @@ var RoleAccordion = ({
     },
     /* @__PURE__ */ React73.createElement(Text, { variant: "sm", css: { color: "inherit" } }, "View All"),
     /* @__PURE__ */ React73.createElement(ChevronRightIcon, null)
-  ) : null, isHandRaisedAccordion && /* @__PURE__ */ React73.createElement(React73.Fragment, null, /* @__PURE__ */ React73.createElement(HorizontalDivider, null), /* @__PURE__ */ React73.createElement(Flex, { css: { w: "100%", p: "$6", gap: "$4" }, justify: "center" }, /* @__PURE__ */ React73.createElement(Button, { variant: "standard", onClick: lowerAllHands, icon: true, css: { pl: "$2" } }, /* @__PURE__ */ React73.createElement(CrossIcon11, null), " Lower all hands"), canBringToStage && /* @__PURE__ */ React73.createElement(Button, { onClick: bringAllToStage, icon: true, css: { pl: "$2" } }, /* @__PURE__ */ React73.createElement(AddIcon, null), " ", bring_to_stage_label)))));
+  ) : null, isHandRaisedAccordion && canBringToStage && /* @__PURE__ */ React73.createElement(React73.Fragment, null, /* @__PURE__ */ React73.createElement(HorizontalDivider, null), /* @__PURE__ */ React73.createElement(Flex, { css: { w: "100%", p: "$6", gap: "$4" }, justify: "center" }, /* @__PURE__ */ React73.createElement(Button, { variant: "standard", onClick: lowerAllHands, icon: true, css: { pl: "$2" } }, /* @__PURE__ */ React73.createElement(CrossIcon11, null), " Lower all hands"), /* @__PURE__ */ React73.createElement(Button, { onClick: bringAllToStage, icon: true, css: { pl: "$2" } }, /* @__PURE__ */ React73.createElement(AddIcon, null), " ", bring_to_stage_label)))));
 };
 // src/Prebuilt/components/hooks/usePeerOnStageActions.tsx
@@ -21837,7 +21798,10 @@ var HandRaisedAccordionParticipantActions = ({ peerId, role }) => {
     peerId,
     role
   });
-  return /* @__PURE__ */ React74.createElement(React74.Fragment, null, /* @__PURE__ */ React74.createElement(Button, { variant: "standard", css: quickActionStyle, onClick: lowerPeerHand }, /* @__PURE__ */ React74.createElement(CrossIcon12, { height: 18, width: 18 })), shouldShowStageRoleChange && !isInStage && /* @__PURE__ */ React74.createElement(Button, { variant: "primary", onClick: handleStageAction, css: quickActionStyle }, /* @__PURE__ */ React74.createElement(AddIcon2, { height: 18, width: 18 })));
+  if (!shouldShowStageRoleChange) {
+    return null;
+  }
+  return /* @__PURE__ */ React74.createElement(React74.Fragment, null, /* @__PURE__ */ React74.createElement(Button, { variant: "standard", css: quickActionStyle, onClick: lowerPeerHand }, /* @__PURE__ */ React74.createElement(CrossIcon12, { height: 18, width: 18 })), !isInStage && /* @__PURE__ */ React74.createElement(Button, { variant: "primary", onClick: handleStageAction, css: quickActionStyle }, /* @__PURE__ */ React74.createElement(AddIcon2, { height: 18, width: 18 })));
 };
 var ParticipantMoreActions = ({ peerId, role }) => {
   const {
@@ -21950,29 +21914,42 @@ var PollsToggle = () => {
 // src/Prebuilt/components/Footer/WhiteboardToggle.tsx
 init_define_process_env();
 import React76 from "react";
-import { useWhiteboard } from "@100mslive/react-sdk";
+import { useScreenShare as useScreenShare4, 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;
   if (!toggle) {
     return null;
   }
-  return /* @__PURE__ */ React76.createElement(Tooltip, { key: "whiteboard", title: `${open ? "Close" : "Open"} Whiteboard` }, /* @__PURE__ */ React76.createElement(
-    IconButton_default,
+  return /* @__PURE__ */ React76.createElement(
+    Tooltip,
     {
-      onClick: () => __async(void 0, null, function* () {
-        try {
-          yield toggle();
-        } catch (error) {
-          ToastManager.addToast({ title: error.message, variant: "error" });
-        }
-      }),
-      active: !open,
-      disabled: open && !isOwner,
-      "data-testid": "whiteboard_btn"
+      key: "whiteboard",
+      title: remoteScreenShare ? "Cannot open whiteboard when viewing a shared screen" : `${open ? "Close" : "Open"} Whiteboard`
     },
-    /* @__PURE__ */ React76.createElement(PencilDrawIcon, null)
-  ));
+    /* @__PURE__ */ React76.createElement(
+      IconButton_default,
+      {
+        onClick: () => __async(void 0, null, function* () {
+          if (disabled) {
+            return;
+          }
+          try {
+            yield toggle();
+          } catch (error) {
+            ToastManager.addToast({ title: error.message, variant: "error" });
+          }
+        }),
+        active: !open,
+        disabled,
+        "data-testid": "whiteboard_btn"
+      },
+      /* @__PURE__ */ React76.createElement(PencilDrawIcon, null)
+    )
+  );
 };
 // src/Prebuilt/components/Footer/Footer.tsx
@@ -21984,6 +21961,8 @@ var Footer2 = ({
   const isMobile = useMedia11(config.media.md);
   const isOverlayChat = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.is_overlay);
   const openByDefault = ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.initial_state) === Chat_ChatState.CHAT_STATE_OPEN;
+  const { toggleAudio, toggleVideo } = useAVToggle4();
+  const noAVPermissions = !(toggleAudio || toggleVideo);
   const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
   const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
   const { showPolls } = useShowPolls();
@@ -22031,7 +22010,7 @@ var Footer2 = ({
           }
         }
       },
-      isMobile ? /* @__PURE__ */ React77.createElement(React77.Fragment, null, /* @__PURE__ */ React77.createElement(RaiseHand, null), (elements == null ? void 0 : elements.chat) && /* @__PURE__ */ React77.createElement(ChatToggle, null), /* @__PURE__ */ React77.createElement(MoreSettings, { elements, screenType })) : /* @__PURE__ */ React77.createElement(React77.Fragment, null, /* @__PURE__ */ React77.createElement(ScreenshareToggle, null), /* @__PURE__ */ React77.createElement(RaiseHand, null), (elements == null ? void 0 : elements.emoji_reactions) && /* @__PURE__ */ React77.createElement(EmojiReaction, null), /* @__PURE__ */ React77.createElement(LeaveRoom, { screenType }))
+      isMobile ? /* @__PURE__ */ React77.createElement(React77.Fragment, null, noAVPermissions ? /* @__PURE__ */ React77.createElement(RaiseHand, null) : null, (elements == null ? void 0 : elements.chat) && /* @__PURE__ */ React77.createElement(ChatToggle, null), /* @__PURE__ */ React77.createElement(MoreSettings, { elements, screenType })) : /* @__PURE__ */ React77.createElement(React77.Fragment, null, /* @__PURE__ */ React77.createElement(ScreenshareToggle, null), /* @__PURE__ */ React77.createElement(RaiseHand, null), (elements == null ? void 0 : elements.emoji_reactions) && /* @__PURE__ */ React77.createElement(EmojiReaction, null), /* @__PURE__ */ React77.createElement(LeaveRoom, { screenType }))
     ),
     /* @__PURE__ */ React77.createElement(Footer.Right, null, /* @__PURE__ */ React77.createElement(WhiteboardToggle, null), showPolls && /* @__PURE__ */ React77.createElement(PollsToggle, null), !isMobile && (elements == null ? void 0 : elements.chat) && /* @__PURE__ */ React77.createElement(ChatToggle, null), (elements == null ? void 0 : elements.participant_list) && /* @__PURE__ */ React77.createElement(ParticipantCount, null), /* @__PURE__ */ React77.createElement(MoreSettings, { elements, screenType }))
   );
@@ -22108,7 +22087,7 @@ import {
   selectLocalPeer as selectLocalPeer7,
   selectRoomState as selectRoomState5,
   selectVideoTrackByID as selectVideoTrackByID5,
-  useAVToggle as useAVToggle3,
+  useAVToggle as useAVToggle6,
   useHMSStore as useHMSStore70,
   useParticipants as useParticipants2,
   usePreviewJoin,
@@ -24556,7 +24535,7 @@ import React111, { useCallback as useCallback28, useEffect as useEffect28, useRe
 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, useAVToggle as useAVToggle5, useHMSActions as useHMSActions37, useHMSStore as useHMSStore57 } 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
@@ -24966,6 +24945,8 @@ var ChatFooter = ({ onSend, children }) => {
   const defaultSelection = useDefaultChatSelection();
   const selection = selectedPeer.name || selectedRole || defaultSelection;
   const isLocalPeerBlacklisted = useIsPeerBlacklisted({ local: true });
+  const { toggleAudio, toggleVideo } = useAVToggle5();
+  const noAVPermissions = !(toggleAudio || toggleVideo);
   const isMwebHLSStream = useMobileHLSStream();
   const isLandscapeHLSStream = useLandscapeHLSStream();
   useEffect28(() => {
@@ -25131,7 +25112,7 @@ var ChatFooter = ({ onSend, children }) => {
       },
       gap: "2"
     },
-    /* @__PURE__ */ React111.createElement(RaiseHand, { css: { bg: "$surface_default" } }),
+    noAVPermissions ? /* @__PURE__ */ React111.createElement(RaiseHand, { css: { bg: "$surface_default" } }) : null,
     /* @__PURE__ */ React111.createElement(MoreSettings, { elements, screenType })
   ))));
 };
@@ -25373,7 +25354,7 @@ var Chat = () => {
   const listRef = useRef21(null);
   const hmsActions = useHMSActions39();
   const vanillaStore = useHMSVanillaStore10();
-  const { enabled: isChatEnabled = true } = useHMSStore60(nm("chatState" /* CHAT_STATE */)) || {};
+  const { enabled: isChatEnabled = true } = useHMSStore60(sm("chatState" /* CHAT_STATE */)) || {};
   const isMobile = useMedia18(config.media.md);
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeStream = useLandscapeHLSStream();
@@ -26548,7 +26529,7 @@ var VBPicker = ({ backgroundMedia = [] }) => {
   const isEffectsEnabled = useHMSStore68(ic);
   const effectsKey = useHMSStore68(rc);
   const isPluginAdded = useHMSStore68(selectIsLocalVideoPluginPresent(((_a8 = VBHandler) == null ? void 0 : _a8.getName()) || ""));
-  const background = useHMSStore68(om(APP_DATA.background));
+  const background = useHMSStore68(rm(APP_DATA.background));
   const mediaList = backgroundMedia.length ? backgroundMedia.map((media) => media.url || "") : defaultMedia2;
   const inPreview = roomState === HMSRoomState4.Preview;
   const showVideoTile = isVideoOn && isLargeRoom && !inPreview;
@@ -26990,7 +26971,7 @@ var PreviewJoin = ({
   const { isStreamingOn } = useRecordingStreaming11();
   const authToken = useAuthToken();
   const [name, setName] = useState56(initialName || previewPreference.name);
-  const { toggleAudio, toggleVideo } = useAVToggle3();
+  const { toggleAudio, toggleVideo } = useAVToggle6();
   const [previewError, setPreviewError] = useState56(false);
   const { endpoints } = useHMSPrebuiltContext();
   const { peerCount } = useParticipants2();
@@ -27078,7 +27059,7 @@ var Container4 = styled("div", __spreadProps(__spreadValues({
 }));
 var PreviewTile = ({ name, error }) => {
   const localPeer = useHMSStore70(selectLocalPeer7);
-  const { isLocalAudioEnabled, toggleAudio } = useAVToggle3();
+  const { isLocalAudioEnabled, toggleAudio } = useAVToggle6();
   const isVideoOn = useHMSStore70(selectIsLocalVideoEnabled6);
   const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
   const trackSelector = selectVideoTrackByID5(localPeer == null ? void 0 : localPeer.videoTrack);
@@ -27245,24 +27226,18 @@ var RoleChangeRequestModal = () => {
 init_define_process_env();
 import React151, { Suspense, useEffect as useEffect48 } from "react";
 import { match as match11 } from "ts-pattern";
-import {
-  selectIsConnectedToRoom as selectIsConnectedToRoom9,
-  selectLocalPeerRoleName as selectLocalPeerRoleName6,
-  selectPeerScreenSharing as selectPeerScreenSharing3,
-  selectWhiteboard as selectWhiteboard2,
-  useHMSActions as useHMSActions45,
-  useHMSStore as useHMSStore81
-} from "@100mslive/react-sdk";
+import { selectIsConnectedToRoom as selectIsConnectedToRoom9, selectLocalPeerRoleName as selectLocalPeerRoleName6, useHMSActions as useHMSActions45, useHMSStore as useHMSStore81 } from "@100mslive/react-sdk";
 // src/Prebuilt/components/VideoLayouts/GridLayout.tsx
 init_define_process_env();
-import React146, { useEffect as useEffect43, useMemo as useMemo17, useState as useState64 } from "react";
+import React147, { useEffect as useEffect44, useMemo as useMemo18, useState as useState64 } from "react";
 import {
   selectLocalPeerID as selectLocalPeerID14,
   selectLocalPeerRoleName as selectLocalPeerRoleName5,
   selectPeers as selectPeers3,
   selectPeerScreenSharing,
-  useHMSStore as useHMSStore78,
+  selectWhiteboard as selectWhiteboard2,
+  useHMSStore as useHMSStore79,
   useHMSVanillaStore as useHMSVanillaStore12
 } from "@100mslive/react-sdk";
@@ -27552,10 +27527,10 @@ var useTileLayout = ({
           tileHeight = maxRowHeight;
         } else {
           const calcHeights = aspectRatios.map((aR) => tileWidth / aR);
-          for (const h2 of calcHeights) {
-            if (h2 < maxRowHeight) {
-              if (tileHeight < h2) {
-                tileHeight = h2;
+          for (const h of calcHeights) {
+            if (h < maxRowHeight) {
+              if (tileHeight < h) {
+                tileHeight = h;
               }
             }
           }
@@ -27563,10 +27538,10 @@ var useTileLayout = ({
             tileHeight = maxRowHeight;
             const calcWidths = aspectRatios.map((aR) => tileHeight * aR);
             tileWidth = 0;
-            for (const w2 of calcWidths) {
-              if (w2 < width) {
-                if (tileWidth < w2) {
-                  tileWidth = w2;
+            for (const w of calcWidths) {
+              if (w < width) {
+                if (tileWidth < w) {
+                  tileWidth = w;
                 }
               }
             }
@@ -28169,6 +28144,84 @@ var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
   ), layoutMode === LayoutMode.SPOTLIGHT && activeSharePeer && /* @__PURE__ */ React145.createElement(InsetTile, { peerId: activeSharePeer == null ? void 0 : activeSharePeer.id }));
 };
+// src/Prebuilt/components/VideoLayouts/WhiteboardLayout.tsx
+init_define_process_env();
+import React146, { useEffect as useEffect43, useMemo as useMemo17 } from "react";
+import { useMedia as useMedia33 } from "react-use";
+import { selectPeerByCondition, selectWhiteboard, useHMSStore as useHMSStore78, useWhiteboard as useWhiteboard2 } from "@100mslive/react-sdk";
+var WhiteboardEmbed = () => {
+  const isMobile = useMedia33(config.media.md);
+  const { iframeRef } = useWhiteboard2(isMobile);
+  return /* @__PURE__ */ React146.createElement(
+    Box,
+    {
+      css: {
+        mx: "$8",
+        flex: "3 1 0",
+        "@lg": {
+          flex: "2 1 0",
+          display: "flex",
+          alignItems: "center"
+        }
+      }
+    },
+    /* @__PURE__ */ React146.createElement(
+      "iframe",
+      {
+        title: "Whiteboard View",
+        ref: iframeRef,
+        style: {
+          width: "100%",
+          height: "100%",
+          border: 0,
+          borderRadius: "0.75rem"
+        },
+        allow: "autoplay; clipboard-write;",
+        referrerPolicy: "no-referrer"
+      }
+    )
+  );
+};
+var WhiteboardLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
+  const whiteboard = useHMSStore78(selectWhiteboard);
+  const whiteboardOwner = useHMSStore78(selectPeerByCondition((peer) => peer.customerUserId === (whiteboard == null ? void 0 : whiteboard.owner)));
+  const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
+  const isMobile = useMedia33(config.media.md);
+  const hasSidebar = !isMobile && layoutMode === LayoutMode.SIDEBAR;
+  const secondaryPeers = useMemo17(() => {
+    if (layoutMode === LayoutMode.SPOTLIGHT) {
+      return [];
+    }
+    if (isMobile || layoutMode === LayoutMode.SIDEBAR) {
+      return whiteboardOwner ? [whiteboardOwner, ...peers.filter((p) => p.id !== (whiteboardOwner == null ? void 0 : whiteboardOwner.id))] : peers;
+    }
+    return peers.filter((p) => p.id !== (whiteboardOwner == null ? void 0 : whiteboardOwner.id));
+  }, [whiteboardOwner, peers, isMobile, layoutMode]);
+  useEffect43(() => {
+    if (isMobile) {
+      setLayoutMode(LayoutMode.GALLERY);
+      return;
+    }
+    if (layoutMode === LayoutMode.SIDEBAR) {
+      return;
+    }
+    setLayoutMode(LayoutMode.SIDEBAR);
+    return () => {
+      setLayoutMode(LayoutMode.GALLERY);
+    };
+  }, [isMobile]);
+  return /* @__PURE__ */ React146.createElement(ProminenceLayout.Root, { edgeToEdge, hasSidebar }, /* @__PURE__ */ React146.createElement(ProminenceLayout.ProminentSection, null, /* @__PURE__ */ React146.createElement(WhiteboardEmbed, null)), /* @__PURE__ */ React146.createElement(
+    SecondaryTiles,
+    {
+      peers: secondaryPeers,
+      onPageChange,
+      onPageSize,
+      edgeToEdge,
+      hasSidebar
+    }
+  ), layoutMode === LayoutMode.SPOTLIGHT && whiteboardOwner && /* @__PURE__ */ React146.createElement(InsetTile, { peerId: whiteboardOwner == null ? void 0 : whiteboardOwner.id }));
+};
 // src/Prebuilt/common/PeersSorter.ts
 init_define_process_env();
 import { selectDominantSpeaker as selectDominantSpeaker2 } from "@100mslive/react-sdk";
@@ -28276,18 +28329,19 @@ var GridLayout = ({
   edge_to_edge = false,
   hide_metadata_on_tile = false
 }) => {
-  const peerSharing = useHMSStore78(selectPeerScreenSharing);
+  const peerSharing = useHMSStore79(selectPeerScreenSharing);
+  const whiteboard = useHMSStore79(selectWhiteboard2);
   const pinnedTrack = usePinnedTrack();
-  const peers = useHMSStore78(selectPeers3);
-  const localPeerRole = useHMSStore78(selectLocalPeerRoleName5);
-  const localPeerID = useHMSStore78(selectLocalPeerID14);
+  const peers = useHMSStore79(selectPeers3);
+  const localPeerRole = useHMSStore79(selectLocalPeerRoleName5);
+  const localPeerID = useHMSStore79(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 = useMemo17(() => {
-    if (activeScreensharePeerId) {
-      return peers.filter((peer) => peer.id !== activeScreensharePeerId);
+  const updatedPeers = useMemo18(() => {
+    if (activeScreensharePeerId || (whiteboard == null ? void 0 : whiteboard.open)) {
+      return peers.filter((peer) => peer.id !== activeScreensharePeerId || peer.customerUserId !== (whiteboard == null ? void 0 : whiteboard.owner));
     }
     if (isInsetEnabled) {
       const isLocalPeerPinned = localPeerID === (pinnedTrack == null ? void 0 : pinnedTrack.peerId);
@@ -28298,10 +28352,19 @@ var GridLayout = ({
       }
     }
     return peers;
-  }, [isInsetEnabled, activeScreensharePeerId, localPeerRole, localPeerID, prominentRoles, peers, pinnedTrack]);
+  }, [
+    isInsetEnabled,
+    whiteboard,
+    activeScreensharePeerId,
+    localPeerRole,
+    localPeerID,
+    prominentRoles,
+    peers,
+    pinnedTrack
+  ]);
   const vanillaStore = useHMSVanillaStore12();
   const [sortedPeers, setSortedPeers] = useState64(updatedPeers);
-  const peersSorter = useMemo17(() => new PeersSorter_default(vanillaStore), [vanillaStore]);
+  const peersSorter = useMemo18(() => new PeersSorter_default(vanillaStore), [vanillaStore]);
   const [pageSize, setPageSize] = useState64(0);
   const [mainPage, setMainPage] = useState64(0);
   const tileLayout = {
@@ -28312,7 +28375,7 @@ var GridLayout = ({
     hideMetadataOnTile: hide_metadata_on_tile,
     objectFit: video_object_fit
   };
-  useEffect43(() => {
+  useEffect44(() => {
     if (mainPage !== 0) {
       return;
     }
@@ -28323,7 +28386,7 @@ var GridLayout = ({
     peersSorter.onUpdate(setSortedPeers);
   }, [mainPage, peersSorter, updatedPeers, pageSize]);
   if (peerSharing) {
-    return /* @__PURE__ */ React146.createElement(VideoTileContext.Provider, { value: tileLayout }, /* @__PURE__ */ React146.createElement(
+    return /* @__PURE__ */ React147.createElement(VideoTileContext.Provider, { value: tileLayout }, /* @__PURE__ */ React147.createElement(
       ScreenshareLayout,
       {
         peers: sortedPeers,
@@ -28332,8 +28395,18 @@ var GridLayout = ({
         edgeToEdge: edge_to_edge
       }
     ));
+  } else if (whiteboard == null ? void 0 : whiteboard.open) {
+    return /* @__PURE__ */ React147.createElement(VideoTileContext.Provider, { value: tileLayout }, /* @__PURE__ */ React147.createElement(
+      WhiteboardLayout,
+      {
+        peers: sortedPeers,
+        onPageSize: setPageSize,
+        onPageChange: setMainPage,
+        edgeToEdge: edge_to_edge
+      }
+    ));
   } else if (isRoleProminence) {
-    return /* @__PURE__ */ React146.createElement(VideoTileContext.Provider, { value: tileLayout }, /* @__PURE__ */ React146.createElement(
+    return /* @__PURE__ */ React147.createElement(VideoTileContext.Provider, { value: tileLayout }, /* @__PURE__ */ React147.createElement(
       RoleProminence,
       {
         peers: sortedPeers,
@@ -28345,7 +28418,7 @@ var GridLayout = ({
       }
     ));
   }
-  return /* @__PURE__ */ React146.createElement(VideoTileContext.Provider, { value: tileLayout }, /* @__PURE__ */ React146.createElement(
+  return /* @__PURE__ */ React147.createElement(VideoTileContext.Provider, { value: tileLayout }, /* @__PURE__ */ React147.createElement(
     EqualProminence,
     {
       peers: sortedPeers,
@@ -28359,32 +28432,32 @@ var GridLayout = ({
 // src/Prebuilt/layouts/EmbedView.jsx
 init_define_process_env();
-import React147, { useEffect as useEffect44, useMemo as useMemo18 } from "react";
-import { selectAppData as selectAppData8, selectPeers as selectPeers4, selectPeerScreenSharing as selectPeerScreenSharing2, useEmbedShare, useHMSStore as useHMSStore79 } from "@100mslive/react-sdk";
+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";
 var EmbedView = () => {
-  return /* @__PURE__ */ React147.createElement(EmbedScreenShareView, null, /* @__PURE__ */ React147.createElement(EmbedComponent, null));
+  return /* @__PURE__ */ React148.createElement(EmbedScreenShareView, null, /* @__PURE__ */ React148.createElement(EmbedComponent, null));
 };
 var EmbedScreenShareView = ({ children }) => {
-  const peers = useHMSStore79(selectPeers4);
-  const peerPresenting = useHMSStore79(selectPeerScreenSharing2);
+  const peers = useHMSStore80(selectPeers4);
+  const peerPresenting = useHMSStore80(selectPeerScreenSharing2);
   const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
-  const smallTilePeers = useMemo18(() => {
+  const smallTilePeers = useMemo19(() => {
     const smallTilePeers2 = peers.filter((peer) => peer.id !== (peerPresenting == null ? void 0 : peerPresenting.id));
     return smallTilePeers2;
   }, [peers, peerPresenting]);
-  useEffect44(() => {
+  useEffect45(() => {
     setActiveScreenSharePeer(peerPresenting == null ? void 0 : peerPresenting.id);
     return () => {
       setActiveScreenSharePeer("");
     };
   }, [peerPresenting == null ? void 0 : peerPresenting.id, setActiveScreenSharePeer]);
-  return /* @__PURE__ */ React147.createElement(ProminenceLayout.Root, null, /* @__PURE__ */ React147.createElement(ProminenceLayout.ProminentSection, null, children), /* @__PURE__ */ React147.createElement(SecondaryTiles, { peers: smallTilePeers }));
+  return /* @__PURE__ */ React148.createElement(ProminenceLayout.Root, null, /* @__PURE__ */ React148.createElement(ProminenceLayout.ProminentSection, null, children), /* @__PURE__ */ React148.createElement(SecondaryTiles, { peers: smallTilePeers }));
 };
 var EmbedComponent = () => {
-  const embedConfig = useHMSStore79(selectAppData8(APP_DATA.embedConfig));
+  const embedConfig = useHMSStore80(selectAppData8(APP_DATA.embedConfig));
   const resetConfig = useResetEmbedConfig();
   const { iframeRef, startEmbedShare, isEmbedShareInProgress } = useEmbedShare(resetConfig);
-  useEffect44(() => {
+  useEffect45(() => {
     (() => __async(void 0, null, function* () {
       if (embedConfig && !isEmbedShareInProgress) {
         try {
@@ -28399,7 +28472,7 @@ var EmbedComponent = () => {
       }
     }))();
   }, [isEmbedShareInProgress, embedConfig, startEmbedShare, resetConfig]);
-  return /* @__PURE__ */ React147.createElement(
+  return /* @__PURE__ */ React148.createElement(
     Box,
     {
       css: {
@@ -28412,7 +28485,7 @@ var EmbedComponent = () => {
         }
       }
     },
-    /* @__PURE__ */ React147.createElement(
+    /* @__PURE__ */ React148.createElement(
       "iframe",
       {
         title: "Embed View",
@@ -28432,13 +28505,13 @@ var EmbedComponent = () => {
 // src/Prebuilt/layouts/PDFView.jsx
 init_define_process_env();
-import React148, { useEffect as useEffect45 } from "react";
+import React149, { useEffect as useEffect46 } from "react";
 import { usePDFShare } from "@100mslive/react-sdk";
 var PDFView = () => {
   const pdfConfig = usePDFConfig();
   const resetConfig = useResetPDFConfig();
   const { iframeRef, startPDFShare, isPDFShareInProgress } = usePDFShare(resetConfig);
-  useEffect45(() => {
+  useEffect46(() => {
     (() => __async(void 0, null, function* () {
       try {
         if (!isPDFShareInProgress && pdfConfig) {
@@ -28453,7 +28526,7 @@ var PDFView = () => {
       }
     }))();
   }, [isPDFShareInProgress, pdfConfig, resetConfig, startPDFShare]);
-  return /* @__PURE__ */ React148.createElement(EmbedScreenShareView, null, /* @__PURE__ */ React148.createElement(
+  return /* @__PURE__ */ React149.createElement(EmbedScreenShareView, null, /* @__PURE__ */ React149.createElement(
     Box,
     {
       css: {
@@ -28466,7 +28539,7 @@ var PDFView = () => {
         }
       }
     },
-    /* @__PURE__ */ React148.createElement(
+    /* @__PURE__ */ React149.createElement(
       "iframe",
       {
         title: "Embed View",
@@ -28486,10 +28559,10 @@ var PDFView = () => {
 // src/Prebuilt/layouts/WaitingView.jsx
 init_define_process_env();
-import React149 from "react";
+import React150 from "react";
 import { ColoredTimeIcon } from "@100mslive/react-icons";
-var WaitingView = React149.memo(() => {
-  return /* @__PURE__ */ React149.createElement(
+var WaitingView = React150.memo(() => {
+  return /* @__PURE__ */ React150.createElement(
     Box,
     {
       css: {
@@ -28503,7 +28576,7 @@ var WaitingView = React149.memo(() => {
       },
       "data-testid": "waiting_view"
     },
-    /* @__PURE__ */ React149.createElement(
+    /* @__PURE__ */ React150.createElement(
       Flex,
       {
         align: "center",
@@ -28517,8 +28590,8 @@ var WaitingView = React149.memo(() => {
           gap: "$8"
         }
       },
-      /* @__PURE__ */ React149.createElement(ColoredTimeIcon, { width: "80px", height: "80px" }),
-      /* @__PURE__ */ React149.createElement(
+      /* @__PURE__ */ React150.createElement(ColoredTimeIcon, { width: "80px", height: "80px" }),
+      /* @__PURE__ */ React150.createElement(
         Flex,
         {
           direction: "column",
@@ -28528,101 +28601,52 @@ var WaitingView = React149.memo(() => {
             gap: "$4"
           }
         },
-        /* @__PURE__ */ React149.createElement(Text, { color: "white", variant: "h6", css: { "@md": { fontSize: "$md" } } }, "Please wait"),
-        /* @__PURE__ */ React149.createElement(Text, { color: "$on_surface_medium", css: { mt: "$4", "@md": { fontSize: "$sm" } } }, "Sit back and relax till others let you join.")
+        /* @__PURE__ */ React150.createElement(Text, { color: "white", variant: "h6", css: { "@md": { fontSize: "$md" } } }, "Please wait"),
+        /* @__PURE__ */ React150.createElement(Text, { color: "$on_surface_medium", css: { mt: "$4", "@md": { fontSize: "$sm" } } }, "Sit back and relax till others let you join.")
       )
     )
   );
 });
-// src/Prebuilt/layouts/WhiteboardView.tsx
-init_define_process_env();
-import React150, { useEffect as useEffect46, useMemo as useMemo19 } from "react";
-import { useMedia as useMedia33 } from "react-use";
-import { selectPeers as selectPeers5, selectWhiteboard, useHMSStore as useHMSStore80, useWhiteboard as useWhiteboard2 } from "@100mslive/react-sdk";
-var EmbedComponent2 = () => {
-  const isMobile = useMedia33(config.media.md);
-  const { iframeRef } = useWhiteboard2(isMobile);
-  return /* @__PURE__ */ React150.createElement(
-    Box,
-    {
-      css: {
-        mx: "$8",
-        flex: "3 1 0",
-        "@lg": {
-          flex: "2 1 0",
-          display: "flex",
-          alignItems: "center"
-        }
-      }
-    },
-    /* @__PURE__ */ React150.createElement(
-      "iframe",
-      {
-        title: "Whiteboard View",
-        ref: iframeRef,
-        style: {
-          width: "100%",
-          height: "100%",
-          border: 0,
-          borderRadius: "0.75rem"
-        },
-        allow: "autoplay; clipboard-write;",
-        referrerPolicy: "no-referrer"
-      }
-    )
-  );
-};
-var WhiteboardView = () => {
-  const peers = useHMSStore80(selectPeers5);
-  const whiteboard = useHMSStore80(selectWhiteboard);
-  const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
-  const smallTilePeers = useMemo19(() => {
-    const smallTilePeers2 = peers.filter((peer) => peer.id !== (whiteboard == null ? void 0 : whiteboard.owner));
-    return smallTilePeers2;
-  }, [peers, whiteboard == null ? void 0 : whiteboard.owner]);
-  useEffect46(() => {
-    setActiveScreenSharePeer((whiteboard == null ? void 0 : whiteboard.owner) || "");
-    return () => {
-      setActiveScreenSharePeer("");
-    };
-  }, [whiteboard == null ? void 0 : whiteboard.owner, setActiveScreenSharePeer]);
-  return /* @__PURE__ */ React150.createElement(ProminenceLayout.Root, null, /* @__PURE__ */ React150.createElement(ProminenceLayout.ProminentSection, null, /* @__PURE__ */ React150.createElement(EmbedComponent2, null)), /* @__PURE__ */ React150.createElement(SecondaryTiles, { peers: smallTilePeers }));
-};
 // src/Prebuilt/components/hooks/useCloseScreenshareWhiteboard.tsx
 init_define_process_env();
 import { useEffect as useEffect47 } from "react";
 import { usePrevious } from "react-use";
-import { useScreenShare as useScreenShare4, useWhiteboard as useWhiteboard3 } from "@100mslive/react-sdk";
+import { useScreenShare as useScreenShare5, useWhiteboard as useWhiteboard3 } from "@100mslive/react-sdk";
 var useCloseScreenshareWhiteboard = () => {
-  const { amIScreenSharing, toggleScreenShare } = useScreenShare4();
+  const { amIScreenSharing, screenSharingPeerId, toggleScreenShare } = useScreenShare5();
   const { isOwner: isWhiteboardOwner, toggle: toggleWhiteboard } = useWhiteboard3();
-  const prevScreenSharer = usePrevious(amIScreenSharing);
+  const prevScreenSharer = usePrevious(screenSharingPeerId);
   const prevWhiteboardOwner = usePrevious(isWhiteboardOwner);
   useEffect47(() => {
-    if (isWhiteboardOwner && amIScreenSharing) {
-      if (prevScreenSharer && !prevWhiteboardOwner) {
+    if (isWhiteboardOwner && screenSharingPeerId) {
+      if (prevScreenSharer && amIScreenSharing && !prevWhiteboardOwner) {
         toggleScreenShare == null ? void 0 : toggleScreenShare();
       } else if (prevWhiteboardOwner && !prevScreenSharer) {
         toggleWhiteboard == null ? void 0 : toggleWhiteboard();
       }
     }
-  }, [isWhiteboardOwner, amIScreenSharing, prevScreenSharer, prevWhiteboardOwner, toggleScreenShare, toggleWhiteboard]);
+  }, [
+    isWhiteboardOwner,
+    screenSharingPeerId,
+    amIScreenSharing,
+    prevScreenSharer,
+    prevWhiteboardOwner,
+    toggleScreenShare,
+    toggleWhiteboard
+  ]);
 };
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
-var HLSView = React151.lazy(() => import("./HLSView-GDOF4655.js"));
+var HLSView = React151.lazy(() => import("./HLSView-SYFDABFO.js"));
 var VideoStreamingSection = ({
   screenType,
   elements,
   hideControls = false
 }) => {
-  var _a8, _b7, _c, _d;
+  var _a8, _b7;
   const localPeerRole = useHMSStore81(selectLocalPeerRoleName6);
   const isConnected = useHMSStore81(selectIsConnectedToRoom9);
-  const peerSharing = useHMSStore81(selectPeerScreenSharing3);
-  const isWhiteboardOpen = (_a8 = useHMSStore81(selectWhiteboard2)) == null ? void 0 : _a8.open;
   const hmsActions = useHMSActions45();
   const waitingViewerRole = useWaitingViewerRole();
   const urlToIframe = useUrlToEmbed();
@@ -28654,12 +28678,8 @@ var VideoStreamingSection = ({
     ViewComponent = /* @__PURE__ */ React151.createElement(PDFView, null);
   } else if (urlToIframe) {
     ViewComponent = /* @__PURE__ */ React151.createElement(EmbedView, null);
-  } else if (peerSharing) {
-    ViewComponent = /* @__PURE__ */ React151.createElement(GridLayout, __spreadValues({}, (_b7 = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _b7.grid));
-  } else if (isWhiteboardOpen) {
-    ViewComponent = /* @__PURE__ */ React151.createElement(WhiteboardView, null);
   } else {
-    ViewComponent = /* @__PURE__ */ React151.createElement(GridLayout, __spreadValues({}, (_c = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _c.grid));
+    ViewComponent = /* @__PURE__ */ React151.createElement(GridLayout, __spreadValues({}, (_a8 = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _a8.grid));
   }
   return /* @__PURE__ */ React151.createElement(Suspense, { fallback: /* @__PURE__ */ React151.createElement(FullPageProgress_default, null) }, /* @__PURE__ */ React151.createElement(
     Flex,
@@ -28688,7 +28708,7 @@ var VideoStreamingSection = ({
         SidePane_default,
         {
           screenType,
-          tileProps: (_d = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _d.grid,
+          tileProps: (_b7 = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _b7.grid,
           hideControls
         }
       )
@@ -28948,6 +28968,8 @@ var ConferenceScreen = () => {
   const isMobileDevice = isAndroid || isIOS || isIPadOS;
   const dropdownListRef = useRef25();
   const [isHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
+  const { toggleAudio, toggleVideo } = useAVToggle7();
+  const noAVPermissions = !(toggleAudio || toggleVideo);
   const showChat = !!((_a8 = screenProps.elements) == null ? void 0 : _a8.chat);
   const autoRoomJoined = useRef25(isPreviewScreenEnabled);
   const isMobileHLSStream = useMobileHLSStream();
@@ -29071,7 +29093,7 @@ var ConferenceScreen = () => {
       justify: "end",
       gap: "2"
     },
-    /* @__PURE__ */ React155.createElement(RaiseHand, null),
+    noAVPermissions ? /* @__PURE__ */ React155.createElement(RaiseHand, null) : null,
     /* @__PURE__ */ React155.createElement(MoreSettings, { elements: screenProps.elements, screenType: screenProps.screenType }),
     /* @__PURE__ */ React155.createElement(
       Box,
@@ -30225,7 +30247,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, _m, _n2, _o2, _p;
     if (!notification || isNotificationDisabled) {
       return;
     }
@@ -30266,7 +30288,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 (((_m = notification.data) == null ? void 0 : _m.isLocal) && ((_n2 = notification.data) == null ? void 0 : _n2.roleName)) {
           ToastManager.addToast({
             title: `You are now a ${notification.data.roleName}`
           });
@@ -30883,6 +30905,7 @@ var TextArea = styled("textarea", {
 export {
   __spreadValues,
+  __spreadProps,
   __objRest,
   __async,
   init_define_process_env,
@@ -30982,4 +31005,4 @@ lodash/lodash.js:
    * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
    *)
 */
-//# sourceMappingURL=chunk-ZDW56PPL.js.map
+//# sourceMappingURL=chunk-HIJ2DH6Q.js.map