@100mslive/roomkit-react 0.2.8-alpha.5 → 0.2.8-alpha.7

package/dist/{chunk-25HZFDG5.js → chunk-DRBTAFKN.js}

@@ -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_a2d25392-e983-4dc8-a996-752ed975f55d", 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.21 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.9.8-alpha.5", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_a2d25392-e983-4dc8-a996-752ed975f55d", 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.12.8-alpha.5", 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: "589", 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.7/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240218.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.0/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:18567", 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.2.8-alpha.5", 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: "8076840402", 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_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: "6ba28232c0bb10f4ba990777369c5c5b132203b1", 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: "43ae19c6eb82415162c072f1b28234ed0a19acf289ee178d82b17b9909ab16c5", 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--1709105780086-0.8969639265451106:/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--1709105779889-0.36514107301713383:/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--1709105757584-0.07376076545779098:/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--1709105757404-0.9859750851125968:/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_e97489a3-4673-4f20-bf72-485a5bc17b12", INVOCATION_ID: "90956711b8e6428b938e419d68168b61", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", GOROOT_1_19_X64: "/opt/hostedtoolcache/go/1.19.13/x64", 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: "454", 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 438", 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.9.8-alpha.5", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.2.8-alpha.5", 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: "6ba28232c0bb10f4ba990777369c5c5b132203b1", 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_a2d25392-e983-4dc8-a996-752ed975f55d", 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_a2d25392-e983-4dc8-a996-752ed975f55d", 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_a2d25392-e983-4dc8-a996-752ed975f55d" };
+    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_185c518e-14fa-4a8e-bf76-523e6a97de22", 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.21 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.9.8-alpha.7", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_185c518e-14fa-4a8e-bf76-523e6a97de22", 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.12.8-alpha.7", 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.7/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240225.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.0/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:20547", 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.2.8-alpha.7", 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: "8081355382", 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: "48bc1b57113a4245b79055a80f4f1f5d3b8795aa", 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: "f6aeb3782206d0c2fca9cbf488ceb0a35487be7c645191f5cf0163a3eb01e719", 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--1709127809318-0.9086977243625547:/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--1709127809126-0.6095770090936108:/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--1709127787109-0.0814847064321016:/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--1709127786931-0.6972012578357483:/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_2ee04255-38bc-4c51-b269-6782657e4adf", INVOCATION_ID: "18dfc21d5d544d1b8eb77f790b149ed9", 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: "456", 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 141", 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.9.8-alpha.7", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.2.8-alpha.7", 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: "48bc1b57113a4245b79055a80f4f1f5d3b8795aa", 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_185c518e-14fa-4a8e-bf76-523e6a97de22", 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_185c518e-14fa-4a8e-bf76-523e6a97de22", 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_185c518e-14fa-4a8e-bf76-523e6a97de22" };
   }
 });
 
@@ -2928,8 +2928,8 @@ var require_lodash = __commonJS({
           return { "start": start, "end": end };
         }
         function getWrapDetails(source) {
-          var match = source.match(reWrapDetails);
-          return match ? match[1].split(reSplitDetails) : [];
+          var match8 = source.match(reWrapDetails);
+          return match8 ? match8[1].split(reSplitDetails) : [];
         }
         function hasPath(object, path, hasFunc) {
           path = castPath(path, object);
@@ -3197,8 +3197,8 @@ var require_lodash = __commonJS({
           if (string.charCodeAt(0) === 46) {
             result2.push("");
           }
-          string.replace(rePropName, function(match, number, quote, subString) {
-            result2.push(quote ? subString.replace(reEscapeChar, "$1") : number || match);
+          string.replace(rePropName, function(match8, number, quote, subString) {
+            result2.push(quote ? subString.replace(reEscapeChar, "$1") : number || match8);
           });
           return result2;
         });
@@ -4764,7 +4764,7 @@ var require_lodash = __commonJS({
             "g"
           );
           var sourceURL = "//# sourceURL=" + (hasOwnProperty.call(options, "sourceURL") ? (options.sourceURL + "").replace(/\s/g, " ") : "lodash.templateSources[" + ++templateCounter + "]") + "\n";
-          string.replace(reDelimiters, function(match, escapeValue, interpolateValue, esTemplateValue, evaluateValue, offset) {
+          string.replace(reDelimiters, function(match8, escapeValue, interpolateValue, esTemplateValue, evaluateValue, offset) {
             interpolateValue || (interpolateValue = esTemplateValue);
             source += string.slice(index, offset).replace(reUnescapedString, escapeStringChar);
             if (escapeValue) {
@@ -4778,8 +4778,8 @@ var require_lodash = __commonJS({
             if (interpolateValue) {
               source += "' +\n((__t = (" + interpolateValue + ")) == null ? '' : __t) +\n'";
             }
-            index = offset + match.length;
-            return match;
+            index = offset + match8.length;
+            return match8;
           });
           source += "';\n";
           var variable = hasOwnProperty.call(options, "variable") && options.variable;
@@ -4867,13 +4867,13 @@ var require_lodash = __commonJS({
           }
           if (isRegExp(separator)) {
             if (string.slice(end).search(separator)) {
-              var match, substring = result2;
+              var match8, substring = result2;
               if (!separator.global) {
                 separator = RegExp2(separator.source, toString(reFlags.exec(separator)) + "g");
               }
               separator.lastIndex = 0;
-              while (match = separator.exec(substring)) {
-                var newEnd = match.index;
+              while (match8 = separator.exec(substring)) {
+                var newEnd = match8.index;
               }
               result2 = result2.slice(0, newEnd === undefined2 ? end : newEnd);
             }
@@ -5628,7 +5628,7 @@ var require_ua_parser = __commonJS({
         }
       };
       var rgxMapper = function(ua, arrays) {
-        var i = 0, j, k2, p, q2, matches, match;
+        var i = 0, j, k2, p, q2, matches, match8;
         while (i < arrays.length && !matches) {
           var regex = arrays[i], props = arrays[i + 1];
           j = k2 = 0;
@@ -5639,26 +5639,26 @@ var require_ua_parser = __commonJS({
             matches = regex[j++].exec(ua);
             if (!!matches) {
               for (p = 0; p < props.length; p++) {
-                match = matches[++k2];
+                match8 = matches[++k2];
                 q2 = props[p];
                 if (typeof q2 === OBJ_TYPE && q2.length > 0) {
                   if (q2.length === 2) {
                     if (typeof q2[1] == FUNC_TYPE) {
-                      this[q2[0]] = q2[1].call(this, match);
+                      this[q2[0]] = q2[1].call(this, match8);
                     } else {
                       this[q2[0]] = q2[1];
                     }
                   } else if (q2.length === 3) {
                     if (typeof q2[1] === FUNC_TYPE && !(q2[1].exec && q2[1].test)) {
-                      this[q2[0]] = match ? q2[1].call(this, match, q2[2]) : undefined2;
+                      this[q2[0]] = match8 ? q2[1].call(this, match8, q2[2]) : undefined2;
                     } else {
-                      this[q2[0]] = match ? match.replace(q2[1], q2[2]) : undefined2;
+                      this[q2[0]] = match8 ? match8.replace(q2[1], q2[2]) : undefined2;
                     }
                   } else if (q2.length === 4) {
-                    this[q2[0]] = match ? q2[3].call(this, match.replace(q2[1], q2[2])) : undefined2;
+                    this[q2[0]] = match8 ? q2[3].call(this, match8.replace(q2[1], q2[2])) : undefined2;
                   }
                 } else {
-                  this[q2] = match ? match : undefined2;
+                  this[q2] = match8 ? match8 : undefined2;
                 }
               }
             }
@@ -8636,13 +8636,13 @@ var require_parser = __commonJS({
     var toIntIfInt = function(v2) {
       return String(Number(v2)) === v2 ? Number(v2) : v2;
     };
-    var attachProperties = function(match, location, names, rawName) {
+    var attachProperties = function(match8, location, names, rawName) {
       if (rawName && !names) {
-        location[rawName] = toIntIfInt(match[1]);
+        location[rawName] = toIntIfInt(match8[1]);
       } else {
         for (var i = 0; i < names.length; i += 1) {
-          if (match[i + 1] != null) {
-            location[names[i]] = toIntIfInt(match[i + 1]);
+          if (match8[i + 1] != null) {
+            location[names[i]] = toIntIfInt(match8[i + 1]);
           }
         }
       }
@@ -12560,6 +12560,7 @@ function useRoomLayoutHeader() {
 // src/Prebuilt/components/AppData/useSidepane.js
 init_define_process_env();
 import { useCallback as useCallback6 } from "react";
+import { match, P } from "ts-pattern";
 import { selectAppData as selectAppData2, useHMSActions as useHMSActions3, useHMSStore as useHMSStore5, useHMSVanillaStore as useHMSVanillaStore3 } from "@100mslive/react-sdk";
 var useIsSidepaneTypeOpen = (sidepaneType) => {
   if (!sidepaneType) {
@@ -12586,13 +12587,36 @@ var usePollViewToggle = () => {
   const isOpen = useSidepaneState() === SIDE_PANE_OPTIONS.POLLS;
   const togglePollView = useCallback6(
     (id) => {
-      id = typeof id === "string" ? id : void 0;
-      const newView = id ? POLL_VIEWS.VOTE : isOpen && view ? null : POLL_VIEWS.CREATE_POLL_QUIZ;
-      setPollState({
-        [POLL_STATE.pollInView]: id,
-        [POLL_STATE.view]: newView
+      match({ id, isOpen, view }).with(
+        {
+          id: P.string
+        },
+        () => {
+          setPollState({
+            [POLL_STATE.pollInView]: id,
+            [POLL_STATE.view]: POLL_VIEWS.VOTE
+          });
+          hmsActions.setAppData(APP_DATA.sidePane, SIDE_PANE_OPTIONS.POLLS);
+        }
+      ).with(
+        {
+          isOpen: true,
+          view: P.when((view2) => !!view2)
+        },
+        () => {
+          setPollState({
+            [POLL_STATE.pollInView]: void 0,
+            [POLL_STATE.view]: null
+          });
+          hmsActions.setAppData(APP_DATA.sidePane, "");
+        }
+      ).otherwise(() => {
+        setPollState({
+          [POLL_STATE.pollInView]: void 0,
+          [POLL_STATE.view]: POLL_VIEWS.CREATE_POLL_QUIZ
+        });
+        hmsActions.setAppData(APP_DATA.sidePane, SIDE_PANE_OPTIONS.POLLS);
       });
-      hmsActions.setAppData(APP_DATA.sidePane, newView ? SIDE_PANE_OPTIONS.POLLS : "");
     },
     [hmsActions, view, setPollState, isOpen]
   );
@@ -12816,7 +12840,7 @@ var AuthToken = React25.memo(({ authTokenByRoomCodeEndpoint, defaultAuthToken })
           alignItems: "center"
         }
       },
-      /* @__PURE__ */ React25.createElement("img", { src: transaction_error_default, height: 80, width: 80 }),
+      /* @__PURE__ */ React25.createElement("img", { src: transaction_error_default, height: 80, width: 80, alt: "Token Error" }),
       /* @__PURE__ */ React25.createElement(Text, { variant: "h4", css: { textAlign: "center", mb: "$4", mt: "$10" } }, error.title),
       /* @__PURE__ */ React25.createElement(Text, { css: { c: "$on_surface_medium", textAlign: "center" } }, error.body)
     ));
@@ -13131,6 +13155,10 @@ var StyledContent6 = styled(DialogPrimitive2.Content, {
       animation: `${sheetSlideOut} 150ms cubic-bezier(0.22, 1, 0.36, 1)`
     }
   },
+  "@ls": {
+    maxWidth: "50%",
+    margin: "0 auto"
+  },
   variants: {
     side: {
       top: {
@@ -14554,6 +14582,7 @@ import { useMedia as useMedia9 } from "react-use";
 init_define_process_env();
 import React52, { Fragment as Fragment7, useState as useState23 } from "react";
 import { HMSHLSPlayer } from "@100mslive/hls-player";
+import { match as match3 } from "ts-pattern";
 import { selectAppData as selectAppData3, selectLocalPeerID as selectLocalPeerID4, useHMSActions as useHMSActions15, useHMSStore as useHMSStore21 } from "@100mslive/react-sdk";
 import { BrbIcon, CheckIcon as CheckIcon5, HamburgerMenuIcon, InfoIcon as InfoIcon2, PipIcon as PipIcon2, SettingsIcon as SettingsIcon3 } from "@100mslive/react-icons";
 
@@ -15533,6 +15562,7 @@ var StartRecording_default = StartRecording;
 // src/Prebuilt/components/StatsForNerds.jsx
 init_define_process_env();
 import React47, { useEffect as useEffect14, useMemo as useMemo4, useRef as useRef11, useState as useState19 } from "react";
+import { match as match2, P as P2 } from "ts-pattern";
 import {
   selectHMSStats as selectHMSStats2,
   selectLocalPeerID as selectLocalPeerID2,
@@ -15667,7 +15697,12 @@ var LocalPeerStats = () => {
 };
 var TrackStats = ({ trackID, layer, local }) => {
   var _a8;
-  const selector = layer ? selectHMSStats2.localVideoTrackStatsByLayer(layer)(trackID) : local ? selectHMSStats2.localAudioTrackStatsByID(trackID) : selectHMSStats2.trackStatsByID(trackID);
+  const selector = match2({ trackID, layer, local }).with(
+    {
+      layer: P2.when((layer2) => !!layer2)
+    },
+    () => selectHMSStats2.localVideoTrackStatsByLayer(layer)(trackID)
+  ).with({ local: P2.when((local2) => !!local2) }, () => selectHMSStats2.localAudioTrackStatsByID(trackID)).otherwise(() => selectHMSStats2.trackStatsByID(trackID));
   const stats = useHMSStatsStore2(selector);
   if (!stats) {
     return null;
@@ -15679,7 +15714,13 @@ var TrackStats = ({ trackID, layer, local }) => {
       label: inbound ? "Bytes Received" : "Bytes Sent",
       value: formatBytes2(inbound ? stats.bytesReceived : stats.bytesSent)
     }
-  ), stats.kind === "video" && /* @__PURE__ */ React47.createElement(React47.Fragment, null, /* @__PURE__ */ React47.createElement(StatsRow2, { label: "Framerate", value: stats.framesPerSecond }), !inbound && /* @__PURE__ */ React47.createElement(StatsRow2, { label: "Quality Limitation Reason", value: stats.qualityLimitationReason })), /* @__PURE__ */ React47.createElement(StatsRow2, { label: "Round Trip Time", value: stats.roundTripTime ? `${stats.roundTripTime * 1e3} ms` : "-" }));
+  ), stats.kind === "video" && /* @__PURE__ */ React47.createElement(React47.Fragment, null, /* @__PURE__ */ React47.createElement(StatsRow2, { label: "Framerate", value: stats.framesPerSecond }), !inbound && /* @__PURE__ */ React47.createElement(StatsRow2, { label: "Quality Limitation Reason", value: stats.qualityLimitationReason })), /* @__PURE__ */ React47.createElement(
+    StatsRow2,
+    {
+      label: "Round Trip Time",
+      value: stats.roundTripTime ? `${(stats.roundTripTime * 1e3).toFixed(3)} ms` : "-"
+    }
+  ));
 };
 var StatsRow2 = React47.memo(({ label, value }) => /* @__PURE__ */ React47.createElement(Box, { css: { bg: "$surface_bright", w: "calc(50% - $6)", p: "$8", r: "$3" } }, /* @__PURE__ */ React47.createElement(
   Text,
@@ -16110,23 +16151,33 @@ var DesktopOptions = ({
       /* @__PURE__ */ React52.createElement(FullScreenItem, null),
       /* @__PURE__ */ React52.createElement(Dropdown.ItemSeparator, { css: { mx: 0 } }),
       /* @__PURE__ */ React52.createElement(Dropdown.Item, { onClick: () => updateState(MODALS.DEVICE_SETTINGS, true), "data-testid": "device_settings_btn" }, /* @__PURE__ */ React52.createElement(SettingsIcon3, null), /* @__PURE__ */ React52.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Settings")),
-      screenType === "hls_live_streaming" ? HMSHLSPlayer.isSupported() ? /* @__PURE__ */ React52.createElement(
+      match3({ screenType, isSupported: HMSHLSPlayer.isSupported() }).with({ screenType: "hls_live_streaming", isSupported: false }, () => null).with({ screenType: "hls_live_streaming", isSupported: true }, () => {
+        return /* @__PURE__ */ React52.createElement(
+          Dropdown.Item,
+          {
+            onClick: () => hmsActions.setAppData(APP_DATA.hlsStats, !enablHlsStats),
+            "data-testid": "hls_stats"
+          },
+          /* @__PURE__ */ React52.createElement(
+            Checkbox.Root,
+            {
+              css: { margin: "$2" },
+              checked: enablHlsStats,
+              onCheckedChange: () => hmsActions.setAppData(APP_DATA.hlsStats, !enablHlsStats)
+            },
+            /* @__PURE__ */ React52.createElement(Checkbox.Indicator, null, /* @__PURE__ */ React52.createElement(CheckIcon5, { width: 16, height: 16 }))
+          ),
+          /* @__PURE__ */ React52.createElement(Flex, { justify: "between", css: { width: "100%" } }, /* @__PURE__ */ React52.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Show HLS Stats"), /* @__PURE__ */ React52.createElement(Text, { variant: "sm", css: { ml: "$4" } }, `${isMacOS ? "\u2318" : "ctrl"} + ]`))
+        );
+      }).otherwise(() => /* @__PURE__ */ React52.createElement(
         Dropdown.Item,
         {
-          onClick: () => hmsActions.setAppData(APP_DATA.hlsStats, !enablHlsStats),
-          "data-testid": "hls_stats"
+          onClick: () => updateState(MODALS.STATS_FOR_NERDS, true),
+          "data-testid": "stats_for_nerds_btn"
         },
-        /* @__PURE__ */ React52.createElement(
-          Checkbox.Root,
-          {
-            css: { margin: "$2" },
-            checked: enablHlsStats,
-            onCheckedChange: () => hmsActions.setAppData(APP_DATA.hlsStats, !enablHlsStats)
-          },
-          /* @__PURE__ */ React52.createElement(Checkbox.Indicator, null, /* @__PURE__ */ React52.createElement(CheckIcon5, { width: 16, height: 16 }))
-        ),
-        /* @__PURE__ */ React52.createElement(Flex, { justify: "between", css: { width: "100%" } }, /* @__PURE__ */ React52.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Show HLS Stats"), /* @__PURE__ */ React52.createElement(Text, { variant: "sm", css: { ml: "$4" } }, `${isMacOS ? "\u2318" : "ctrl"} + ]`))
-      ) : null : /* @__PURE__ */ React52.createElement(Dropdown.Item, { onClick: () => updateState(MODALS.STATS_FOR_NERDS, true), "data-testid": "stats_for_nreds_btn" }, /* @__PURE__ */ React52.createElement(InfoIcon2, null), /* @__PURE__ */ React52.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Stats for Nerds"))
+        /* @__PURE__ */ React52.createElement(InfoIcon2, null),
+        /* @__PURE__ */ React52.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Stats for Nerds")
+      ))
     )
   ), openModals.has(MODALS.BULK_ROLE_CHANGE) && /* @__PURE__ */ React52.createElement(BulkRoleChangeModal, { onOpenChange: (value) => updateState(MODALS.BULK_ROLE_CHANGE, value) }), openModals.has(MODALS.MUTE_ALL) && /* @__PURE__ */ React52.createElement(MuteAllModal, { onOpenChange: (value) => updateState(MODALS.MUTE_ALL, value) }), openModals.has(MODALS.START_RECORDING) && /* @__PURE__ */ React52.createElement(StartRecording_default, { open: true, onOpenChange: (value) => updateState(MODALS.START_RECORDING, value) }), openModals.has(MODALS.DEVICE_SETTINGS) && /* @__PURE__ */ React52.createElement(
     SettingsModal_default,
@@ -16148,6 +16199,7 @@ var DesktopOptions = ({
 init_define_process_env();
 import React58, { useRef as useRef14, useState as useState28 } from "react";
 import { useClickAway } from "react-use";
+import { match as match4 } from "ts-pattern";
 import {
   selectIsConnectedToRoom as selectIsConnectedToRoom7,
   selectPeerCount as selectPeerCount3,
@@ -16274,8 +16326,8 @@ init_define_process_env();
 var logDisabled_ = true;
 var deprecationWarnings_ = true;
 function extractVersion(uastring, expr, pos) {
-  const match = uastring.match(expr);
-  return match && match.length >= pos && parseInt(match[pos], 10);
+  const match8 = uastring.match(expr);
+  return match8 && match8.length >= pos && parseInt(match8[pos], 10);
 }
 function wrapPeerConnectionEvent(window2, eventNameToWrap, wrapper) {
   if (!window2.RTCPeerConnection) {
@@ -16577,7 +16629,7 @@ function shimGetUserMedia(window2, browserDetails) {
         if (matches) {
           return navigator2.mediaDevices.enumerateDevices().then((devices) => {
             devices = devices.filter((d2) => d2.kind === "videoinput");
-            let dev = devices.find((d2) => matches.some((match) => d2.label.toLowerCase().includes(match)));
+            let dev = devices.find((d2) => matches.some((match8) => d2.label.toLowerCase().includes(match8)));
             if (!dev && devices.length && matches.includes("back")) {
               dev = devices[devices.length - 1];
             }
@@ -18004,11 +18056,11 @@ function shimMaxMessageSize(window2, browserDetails) {
     });
   };
   const getRemoteFirefoxVersion = function(description) {
-    const match = description.sdp.match(/mozilla...THIS_IS_SDPARTA-(\d+)/);
-    if (match === null || match.length < 2) {
+    const match8 = description.sdp.match(/mozilla...THIS_IS_SDPARTA-(\d+)/);
+    if (match8 === null || match8.length < 2) {
       return -1;
     }
-    const version = parseInt(match[1], 10);
+    const version = parseInt(match8[1], 10);
     return version !== version ? -1 : version;
   };
   const getCanSendMaxMessageSize = function(remoteIsFirefox) {
@@ -18033,12 +18085,12 @@ function shimMaxMessageSize(window2, browserDetails) {
     if (browserDetails.browser === "firefox" && browserDetails.version === 57) {
       maxMessageSize = 65535;
     }
-    const match = import_sdp.default.matchPrefix(
+    const match8 = import_sdp.default.matchPrefix(
       description.sdp,
       "a=max-message-size:"
     );
-    if (match.length > 0) {
-      maxMessageSize = parseInt(match[0].substring(19), 10);
+    if (match8.length > 0) {
+      maxMessageSize = parseInt(match8[0].substring(19), 10);
     } else if (browserDetails.browser === "firefox" && remoteIsFirefox !== -1) {
       maxMessageSize = 2147483637;
     }
@@ -18396,7 +18448,7 @@ var Yi = (a2, e) => {
 };
 var ba = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
 var dr = ba((Xc, $a) => {
-  $a.exports = { version: "0.11.8-alpha.5", 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"] };
+  $a.exports = { version: "0.11.8-alpha.7", 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 Xi = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(Xi || {});
 var Aa = ((e) => (e.CHAT = "chat", e))(Aa || {});
@@ -19659,7 +19711,7 @@ var LiveStatus = () => {
         setLiveTime(Date.now() - timeStamp.getTime());
       }
     }, 1e3);
-  }, [hlsState == null ? void 0 : hlsState.running, hlsState == null ? void 0 : hlsState.variants]);
+  }, [hlsState == null ? void 0 : hlsState.running, hlsState == null ? void 0 : hlsState.variants, screenType]);
   useEffect16(() => {
     if (hlsState == null ? void 0 : hlsState.running) {
       startTimer();
@@ -20287,7 +20339,7 @@ var MwebOptions = ({
         })
       },
       isRecordingLoading ? /* @__PURE__ */ React58.createElement(Loading, null) : /* @__PURE__ */ React58.createElement(RecordIcon2, null),
-      /* @__PURE__ */ React58.createElement(ActionTile.Title, null, isBrowserRecordingOn ? "Recording On" : isRecordingLoading ? "Starting Recording" : "Start Recording")
+      /* @__PURE__ */ React58.createElement(ActionTile.Title, null, match4({ isBrowserRecordingOn, isRecordingLoading }).with({ isBrowserRecordingOn: true, isRecordingLoading: false }, () => "Recording On").with({ isRecordingLoading: true }, () => "Starting Recording").with({ isRecordingLoading: false }, () => "Start Recording").otherwise(() => null))
     ) : null,
     title || description ? /* @__PURE__ */ React58.createElement(
       ActionTile.Root,
@@ -21099,25 +21151,29 @@ import {
   VideoOnIcon as VideoOnIcon3
 } from "@100mslive/react-icons";
 var dropdownItemCSS = { backgroundColor: "$surface_default", gap: "$4", p: "$8" };
-var optionTextCSS = { fontWeight: "$semiBold", color: "$on_surface_high", textTransform: "none" };
+var optionTextCSS = {
+  fontWeight: "$semiBold",
+  color: "$on_surface_high",
+  textTransform: "none",
+  whiteSpace: "nowrap"
+};
 var MuteUnmuteOption = ({ roleName, peerList }) => {
-  var _a8, _b7;
   const vanillaStore = useHMSVanillaStore8();
   const store = vanillaStore.getState();
   const hmsActions = useHMSActions23();
   const permissions = useHMSStore35(selectPermissions10);
   const role = useHMSStore35(selectRoleByRoleName(roleName));
-  let allPeersHaveVideoOn = true;
-  let allPeersHaveAudioOn = true;
+  let isVideoOnForSomePeers = false;
+  let isAudioOnForSomePeers = false;
   peerList.forEach((peer) => {
-    var _a9, _b8;
+    var _a8, _b7;
     if (peer.isLocal) {
       return;
     }
-    const isAudioOn = !!peer.audioTrack && ((_a9 = store.tracks[peer.audioTrack]) == null ? void 0 : _a9.enabled);
-    const isVideoOn = !!peer.videoTrack && ((_b8 = store.tracks[peer.videoTrack]) == null ? void 0 : _b8.enabled);
-    allPeersHaveAudioOn = allPeersHaveAudioOn && isAudioOn;
-    allPeersHaveVideoOn = allPeersHaveVideoOn && isVideoOn;
+    const isAudioOn = !!peer.audioTrack && ((_a8 = store.tracks[peer.audioTrack]) == null ? void 0 : _a8.enabled);
+    const isVideoOn = !!peer.videoTrack && ((_b7 = store.tracks[peer.videoTrack]) == null ? void 0 : _b7.enabled);
+    isAudioOnForSomePeers = isAudioOnForSomePeers || isAudioOn;
+    isVideoOnForSomePeers = isVideoOnForSomePeers || isVideoOn;
   });
   const setTrackEnabled = (type, enabled = false) => __async(void 0, null, function* () {
     try {
@@ -21126,7 +21182,10 @@ var MuteUnmuteOption = ({ roleName, peerList }) => {
       console.error(e);
     }
   });
-  return /* @__PURE__ */ React72.createElement(React72.Fragment, null, ((_a8 = role.publishParams.allowed) == null ? void 0 : _a8.includes("audio")) && /* @__PURE__ */ React72.createElement(React72.Fragment, null, allPeersHaveAudioOn && (permissions == null ? void 0 : permissions.mute) ? /* @__PURE__ */ React72.createElement(Dropdown.Item, { css: dropdownItemCSS, onClick: () => setTrackEnabled("audio", false) }, /* @__PURE__ */ React72.createElement(MicOffIcon3, null), /* @__PURE__ */ React72.createElement(Text, { variant: "sm", css: optionTextCSS }, "Mute Audio for All")) : null, !allPeersHaveAudioOn && (permissions == null ? void 0 : permissions.unmute) ? /* @__PURE__ */ React72.createElement(Dropdown.Item, { css: dropdownItemCSS, onClick: () => setTrackEnabled("audio", true) }, /* @__PURE__ */ React72.createElement(MicOnIcon3, null), /* @__PURE__ */ React72.createElement(Text, { variant: "sm", css: optionTextCSS }, "Unmute Audio for All")) : null), ((_b7 = role.publishParams.allowed) == null ? void 0 : _b7.includes("audio")) && /* @__PURE__ */ React72.createElement(React72.Fragment, null, allPeersHaveVideoOn && (permissions == null ? void 0 : permissions.mute) ? /* @__PURE__ */ React72.createElement(Dropdown.Item, { css: dropdownItemCSS, onClick: () => setTrackEnabled("video", false) }, /* @__PURE__ */ React72.createElement(VideoOffIcon2, null), /* @__PURE__ */ React72.createElement(Text, { variant: "sm", css: optionTextCSS }, "Mute Video for All")) : null, !allPeersHaveVideoOn && (permissions == null ? void 0 : permissions.unmute) ? /* @__PURE__ */ React72.createElement(Dropdown.Item, { css: dropdownItemCSS, onClick: () => setTrackEnabled("video", true) }, /* @__PURE__ */ React72.createElement(VideoOnIcon3, null), /* @__PURE__ */ React72.createElement(Text, { variant: "sm", css: optionTextCSS }, "Unmute Video for All")) : null));
+  if (!role) {
+    return null;
+  }
+  return /* @__PURE__ */ React72.createElement(React72.Fragment, null, role.publishParams.allowed.includes("audio") && /* @__PURE__ */ React72.createElement(React72.Fragment, null, isAudioOnForSomePeers && (permissions == null ? void 0 : permissions.mute) ? /* @__PURE__ */ React72.createElement(Dropdown.Item, { css: dropdownItemCSS, onClick: () => setTrackEnabled("audio", false) }, /* @__PURE__ */ React72.createElement(MicOffIcon3, null), /* @__PURE__ */ React72.createElement(Text, { variant: "sm", css: optionTextCSS }, "Mute Audio for All")) : null, !isAudioOnForSomePeers && (permissions == null ? void 0 : permissions.unmute) ? /* @__PURE__ */ React72.createElement(Dropdown.Item, { css: dropdownItemCSS, onClick: () => setTrackEnabled("audio", true) }, /* @__PURE__ */ React72.createElement(MicOnIcon3, null), /* @__PURE__ */ React72.createElement(Text, { variant: "sm", css: optionTextCSS }, "Request to Unmute Audio for All")) : null), role.publishParams.allowed.includes("video") && /* @__PURE__ */ React72.createElement(React72.Fragment, null, isVideoOnForSomePeers && (permissions == null ? void 0 : permissions.mute) ? /* @__PURE__ */ React72.createElement(Dropdown.Item, { css: dropdownItemCSS, onClick: () => setTrackEnabled("video", false) }, /* @__PURE__ */ React72.createElement(VideoOffIcon2, null), /* @__PURE__ */ React72.createElement(Text, { variant: "sm", css: optionTextCSS }, "Mute Video for All")) : null, !isVideoOnForSomePeers && (permissions == null ? void 0 : permissions.unmute) ? /* @__PURE__ */ React72.createElement(Dropdown.Item, { css: dropdownItemCSS, onClick: () => setTrackEnabled("video", true) }, /* @__PURE__ */ React72.createElement(VideoOnIcon3, null), /* @__PURE__ */ React72.createElement(Text, { variant: "sm", css: optionTextCSS }, "Request to Unmute Video for All")) : null));
 };
 var RoleOptions = ({ roleName, peerList }) => {
   const [openOptions, setOpenOptions] = useState31(false);
@@ -21136,8 +21195,10 @@ var RoleOptions = ({ roleName, peerList }) => {
   const { on_stage_role, off_stage_roles = [] } = (elements == null ? void 0 : elements.on_stage_exp) || {};
   const canMuteOrUnmute = (permissions == null ? void 0 : permissions.mute) || (permissions == null ? void 0 : permissions.unmute);
   const canRemoveRoleFromStage = (permissions == null ? void 0 : permissions.changeRole) && roleName === on_stage_role;
+  const role = useHMSStore35(selectRoleByRoleName(roleName));
   const canRemoveRoleFromRoom = (permissions == null ? void 0 : permissions.removeOthers) && (on_stage_role === roleName || (off_stage_roles == null ? void 0 : off_stage_roles.includes(roleName)));
-  if (!(canMuteOrUnmute || canRemoveRoleFromStage || canRemoveRoleFromRoom) || peerList.length === 0) {
+  if (!(canMuteOrUnmute || canRemoveRoleFromStage || canRemoveRoleFromRoom) || peerList.length === 0 || // if only local peer is present no need to show any options
+  peerList.length === 1 && peerList[0].isLocal || !role) {
     return null;
   }
   const removeAllFromStage = () => {
@@ -21182,7 +21243,7 @@ var RoleOptions = ({ roleName, peerList }) => {
     Dropdown.Content,
     {
       onClick: (e) => e.stopPropagation(),
-      css: { w: "max-content", maxWidth: "$64", bg: "$surface_default", py: 0 },
+      css: { w: "max-content", bg: "$surface_default", py: 0 },
       align: "end"
     },
     canRemoveRoleFromStage && /* @__PURE__ */ React72.createElement(
@@ -21849,6 +21910,7 @@ import { MicOffIcon as MicOffIcon7, SettingsIcon as SettingsIcon6 } from "@100ms
 init_define_process_env();
 import React126, { useEffect as useEffect32 } from "react";
 import { useMedia as useMedia22 } from "react-use";
+import { match as match7 } from "ts-pattern";
 import { selectAppData as selectAppData6, selectVideoTrackByPeerID as selectVideoTrackByPeerID4, useHMSStore as useHMSStore66 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Polls/Polls.tsx
@@ -23022,6 +23084,7 @@ import React97 from "react";
 // src/Prebuilt/components/Polls/Voting/QuestionCard.jsx
 init_define_process_env();
 import React96, { useCallback as useCallback21, useMemo as useMemo7, useRef as useRef17, useState as useState39 } from "react";
+import { match as match5 } from "ts-pattern";
 import { selectLocalPeer, selectLocalPeerRoleName as selectLocalPeerRoleName2, useHMSActions as useHMSActions29, useHMSStore as useHMSStore45 } from "@100mslive/react-sdk";
 import { CheckCircleIcon as CheckCircleIcon5, ChevronDownIcon as ChevronDownIcon5, CrossCircleIcon } from "@100mslive/react-icons";
 var QuestionCard2 = ({
@@ -23098,15 +23161,22 @@ var QuestionCard2 = ({
       {
         variant: "caption",
         css: {
-          color: respondedToQuiz && !isLive ? isCorrectAnswer ? "$alert_success" : "$alert_error_default" : "$on_surface_low",
+          color: match5({ respondedToQuiz, isLive, isCorrectAnswer }).when(
+            ({ respondedToQuiz: respondedToQuiz2, isLive: isLive2 }) => respondedToQuiz2 && !isLive2,
+            ({ isCorrectAnswer: isCorrectAnswer2 }) => isCorrectAnswer2 ? "$alert_success" : "$alert_error_default"
+          ).otherwise(() => "$on_surface_low"),
           fontWeight: "$semiBold",
           display: "flex",
           alignItems: "center",
           gap: "$4"
         }
       },
-      respondedToQuiz && isCorrectAnswer && pollEnded ? /* @__PURE__ */ React96.createElement(CheckCircleIcon5, { height: 16, width: 16 }) : null,
-      respondedToQuiz && !isCorrectAnswer && pollEnded ? /* @__PURE__ */ React96.createElement(CrossCircleIcon, { height: 16, width: 16 }) : null,
+      match5({ respondedToQuiz, pollEnded, isCorrectAnswer }).when(
+        ({ respondedToQuiz: respondedToQuiz2, pollEnded: pollEnded2 }) => respondedToQuiz2 && pollEnded2,
+        ({ isCorrectAnswer: isCorrectAnswer2 }) => {
+          return isCorrectAnswer2 ? /* @__PURE__ */ React96.createElement(CheckCircleIcon5, { height: 16, width: 16 }) : /* @__PURE__ */ React96.createElement(CrossCircleIcon, { height: 16, width: 16 });
+        }
+      ).otherwise(() => null),
       "QUESTION ",
       index,
       " OF ",
@@ -23400,6 +23470,7 @@ var RoomDetailsPane = () => {
 init_define_process_env();
 import React118, { useEffect as useEffect30, useState as useState50 } from "react";
 import { useMedia as useMedia19 } from "react-use";
+import { match as match6 } from "ts-pattern";
 import { selectPeerCount as selectPeerCount5, useHMSStore as useHMSStore60 } from "@100mslive/react-sdk";
 import { CrossIcon as CrossIcon19 } from "@100mslive/react-icons";
 
@@ -23785,13 +23856,13 @@ var usePinnedBy = (messageId) => {
   const pinnedMessages = useHMSStore50(selectSessionStore4("pinnedMessages" /* PINNED_MESSAGES */));
   const [pinnedBy, setPinnedBy] = useState43("");
   useEffect24(() => {
-    let match = "";
+    let match8 = "";
     pinnedMessages == null ? void 0 : pinnedMessages.forEach((pinnedMessage) => {
       if (pinnedMessage.id === messageId) {
-        match = pinnedMessage.pinnedBy;
+        match8 = pinnedMessage.pinnedBy;
       }
     });
-    setPinnedBy(match);
+    setPinnedBy(match8);
   }, [messageId, pinnedMessages]);
   return pinnedBy;
 };
@@ -24603,7 +24674,7 @@ var ChatFooter = ({ onSend, children }) => {
     if (!selectedPeer.id && !selectedRole && !["Everyone", ""].includes(defaultSelection)) {
       setRoleSelector(defaultSelection);
     } else {
-      if (!(isMobile || isLandscapeHLSStream) || !((_a9 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a9.disable_autofocus)) {
+      if (!(isMobile || isLandscapeHLSStream) && !((_a9 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a9.disable_autofocus)) {
         (_b8 = inputRef.current) == null ? void 0 : _b8.focus();
       }
     }
@@ -25223,12 +25294,15 @@ var ChatSettings = () => {
 
 // src/Prebuilt/components/SidePaneTabs.tsx
 var tabTriggerCSS = {
-  color: "$on_surface_high",
+  color: "$on_surface_low",
   p: "$4",
   fontWeight: "$semiBold",
   fontSize: "$sm",
   w: "100%",
-  justifyContent: "center"
+  justifyContent: "center",
+  '&[data-state="active"]': {
+    color: "$on_surface_high"
+  }
 };
 var ParticipantCount2 = ({ count }) => {
   return count < 1e3 ? /* @__PURE__ */ React118.createElement("span", null, "(", count, ")") : /* @__PURE__ */ React118.createElement(Tooltip, { title: count }, /* @__PURE__ */ React118.createElement("span", null, "(", getFormattedCount(count), ")"));
@@ -25252,13 +25326,13 @@ var SidePaneTabs = React118.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideControl
   const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
   const showChatSettings = showChat && isChatOpen && (!isMobile || !isOverlayChat);
   useEffect30(() => {
-    if (activeTab === SIDE_PANE_OPTIONS.CHAT && !showChat && showParticipants) {
+    match6({ activeTab, showChat, showParticipants }).with({ activeTab: SIDE_PANE_OPTIONS.CHAT, showChat: false, showParticipants: true }, () => {
       setActiveTab(SIDE_PANE_OPTIONS.PARTICIPANTS);
-    } else if (activeTab === SIDE_PANE_OPTIONS.PARTICIPANTS && showChat && !showParticipants) {
+    }).with({ activeTab: SIDE_PANE_OPTIONS.PARTICIPANTS, showChat: true, showParticipants: false }, () => {
       setActiveTab(SIDE_PANE_OPTIONS.CHAT);
-    } else if (!showChat && !showParticipants) {
+    }).with({ showChat: false, showParticipants: false }, () => {
       resetSidePane();
-    }
+    });
   }, [showChat, activeTab, showParticipants, resetSidePane]);
   useEffect30(() => {
     setActiveTab(active);
@@ -25290,74 +25364,29 @@ var SidePaneTabs = React118.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideControl
         transition: "margin 0.3s ease-in-out"
       }
     },
-    isOverlayChat && isChatOpen && showChat ? /* @__PURE__ */ React118.createElement(Chat, null) : /* @__PURE__ */ React118.createElement(React118.Fragment, null, hideTabs ? /* @__PURE__ */ React118.createElement(React118.Fragment, null, /* @__PURE__ */ React118.createElement(Flex, { justify: "between", css: { w: "100%", "&:empty": { display: "none" } } }, /* @__PURE__ */ React118.createElement(
-      Text,
-      {
-        variant: "sm",
-        css: {
-          fontWeight: "$semiBold",
-          p: "$4",
-          c: "$on_surface_high",
-          pr: "$12",
-          "&:empty": { display: "none" }
-        }
-      },
-      activeTab === SIDE_PANE_OPTIONS.CHAT ? screenType !== "hls_live_streaming" && chat_title : /* @__PURE__ */ React118.createElement("span", null, "Participants\xA0", /* @__PURE__ */ React118.createElement(ParticipantCount2, { count: peerCount }))
-    ), /* @__PURE__ */ React118.createElement(Flex, null, showChatSettings ? /* @__PURE__ */ React118.createElement(ChatSettings, null) : null, isOverlayChat && isChatOpen ? null : /* @__PURE__ */ React118.createElement(
-      IconButton,
-      {
-        css: {
-          my: "$1",
-          color: "$on_surface_medium",
-          "&:hover": { color: "$on_surface_high" },
-          "&:empty": { display: "none" }
-        },
-        onClick: (e) => {
-          e.stopPropagation();
-          if (activeTab === SIDE_PANE_OPTIONS.CHAT) {
-            toggleChat();
-          } else {
-            toggleParticipants();
-          }
-        },
-        "data-testid": "close_chat"
-      },
-      screenType === "hls_live_streaming" && isChatOpen ? null : /* @__PURE__ */ React118.createElement(CrossIcon19, null)
-    ))), activeTab === SIDE_PANE_OPTIONS.CHAT ? /* @__PURE__ */ React118.createElement(Chat, null) : /* @__PURE__ */ React118.createElement(ParticipantList, { offStageRoles: off_stage_roles, onActive: setActiveRole })) : /* @__PURE__ */ React118.createElement(
-      Tabs.Root,
-      {
-        value: activeTab,
-        onValueChange: setActiveTab,
-        css: {
-          flexDirection: "column",
-          size: "100%"
-        }
-      },
-      /* @__PURE__ */ React118.createElement(Flex, { css: { w: "100%" } }, /* @__PURE__ */ React118.createElement(Tabs.List, { css: { flexGrow: 1, borderRadius: "$2", bg: "$surface_default" } }, /* @__PURE__ */ React118.createElement(
-        Tabs.Trigger,
-        {
-          value: SIDE_PANE_OPTIONS.CHAT,
-          onClick: toggleChat,
-          css: __spreadProps(__spreadValues({}, tabTriggerCSS), {
-            color: activeTab !== SIDE_PANE_OPTIONS.CHAT ? "$on_surface_low" : "$on_surface_high"
-          })
-        },
-        chat_title
-      ), /* @__PURE__ */ React118.createElement(
-        Tabs.Trigger,
+    match6({ isOverlayChat, isChatOpen, showChat, hideTabs }).with({ isOverlayChat: true, isChatOpen: true, showChat: true }, () => /* @__PURE__ */ React118.createElement(Chat, null)).with({ hideTabs: true }, () => {
+      return /* @__PURE__ */ React118.createElement(React118.Fragment, null, /* @__PURE__ */ React118.createElement(Flex, { justify: "between", css: { w: "100%", "&:empty": { display: "none" } } }, /* @__PURE__ */ React118.createElement(
+        Text,
         {
-          value: SIDE_PANE_OPTIONS.PARTICIPANTS,
-          onClick: toggleParticipants,
-          css: __spreadProps(__spreadValues({}, tabTriggerCSS), {
-            color: activeTab !== SIDE_PANE_OPTIONS.PARTICIPANTS ? "$on_surface_low" : "$on_surface_high"
-          })
+          variant: "sm",
+          css: {
+            fontWeight: "$semiBold",
+            p: "$4",
+            c: "$on_surface_high",
+            pr: "$12",
+            "&:empty": { display: "none" }
+          }
         },
-        "Participants\xA0",
-        /* @__PURE__ */ React118.createElement(ParticipantCount2, { count: peerCount })
-      )), showChatSettings ? /* @__PURE__ */ React118.createElement(ChatSettings, null) : null, isOverlayChat && isChatOpen ? null : /* @__PURE__ */ React118.createElement(
+        activeTab === SIDE_PANE_OPTIONS.CHAT ? screenType !== "hls_live_streaming" && chat_title : /* @__PURE__ */ React118.createElement("span", null, "Participants\xA0", /* @__PURE__ */ React118.createElement(ParticipantCount2, { count: peerCount }))
+      ), /* @__PURE__ */ React118.createElement(Flex, null, showChatSettings ? /* @__PURE__ */ React118.createElement(ChatSettings, null) : null, isOverlayChat && isChatOpen ? null : /* @__PURE__ */ React118.createElement(
         IconButton,
         {
-          css: { my: "$1", color: "$on_surface_medium", "&:hover": { color: "$on_surface_high" } },
+          css: {
+            my: "$1",
+            color: "$on_surface_medium",
+            "&:hover": { color: "$on_surface_high" },
+            "&:empty": { display: "none" }
+          },
           onClick: (e) => {
             e.stopPropagation();
             if (activeTab === SIDE_PANE_OPTIONS.CHAT) {
@@ -25368,11 +25397,39 @@ var SidePaneTabs = React118.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideControl
           },
           "data-testid": "close_chat"
         },
-        /* @__PURE__ */ React118.createElement(CrossIcon19, null)
-      )),
-      /* @__PURE__ */ React118.createElement(Tabs.Content, { value: SIDE_PANE_OPTIONS.PARTICIPANTS, css: { p: 0 } }, /* @__PURE__ */ React118.createElement(ParticipantList, { offStageRoles: off_stage_roles, onActive: setActiveRole })),
-      /* @__PURE__ */ React118.createElement(Tabs.Content, { value: SIDE_PANE_OPTIONS.CHAT, css: { p: 0 } }, /* @__PURE__ */ React118.createElement(Chat, null))
-    ))
+        screenType === "hls_live_streaming" && isChatOpen ? null : /* @__PURE__ */ React118.createElement(CrossIcon19, null)
+      ))), activeTab === SIDE_PANE_OPTIONS.CHAT ? /* @__PURE__ */ React118.createElement(Chat, null) : /* @__PURE__ */ React118.createElement(ParticipantList, { offStageRoles: off_stage_roles, onActive: setActiveRole }));
+    }).otherwise(() => {
+      return /* @__PURE__ */ React118.createElement(
+        Tabs.Root,
+        {
+          value: activeTab,
+          onValueChange: setActiveTab,
+          css: {
+            flexDirection: "column",
+            size: "100%"
+          }
+        },
+        /* @__PURE__ */ React118.createElement(Flex, { css: { w: "100%" } }, /* @__PURE__ */ React118.createElement(Tabs.List, { css: { flexGrow: 1, borderRadius: "$2", bg: "$surface_default" } }, /* @__PURE__ */ React118.createElement(Tabs.Trigger, { value: SIDE_PANE_OPTIONS.CHAT, onClick: toggleChat, css: tabTriggerCSS }, chat_title), /* @__PURE__ */ React118.createElement(Tabs.Trigger, { value: SIDE_PANE_OPTIONS.PARTICIPANTS, onClick: toggleParticipants, css: tabTriggerCSS }, "Participants\xA0", /* @__PURE__ */ React118.createElement(ParticipantCount2, { count: peerCount }))), showChatSettings ? /* @__PURE__ */ React118.createElement(ChatSettings, null) : null, isOverlayChat && isChatOpen ? null : /* @__PURE__ */ React118.createElement(
+          IconButton,
+          {
+            css: { my: "$1", color: "$on_surface_medium", "&:hover": { color: "$on_surface_high" } },
+            onClick: (e) => {
+              e.stopPropagation();
+              if (activeTab === SIDE_PANE_OPTIONS.CHAT) {
+                toggleChat();
+              } else {
+                toggleParticipants();
+              }
+            },
+            "data-testid": "close_chat"
+          },
+          /* @__PURE__ */ React118.createElement(CrossIcon19, null)
+        )),
+        /* @__PURE__ */ React118.createElement(Tabs.Content, { value: SIDE_PANE_OPTIONS.PARTICIPANTS, css: { p: 0 } }, /* @__PURE__ */ React118.createElement(ParticipantList, { offStageRoles: off_stage_roles, onActive: setActiveRole })),
+        /* @__PURE__ */ React118.createElement(Tabs.Content, { value: SIDE_PANE_OPTIONS.CHAT, css: { p: 0 } }, /* @__PURE__ */ React118.createElement(Chat, null))
+      );
+    })
   );
 });
 
@@ -25669,7 +25726,7 @@ var TileMenuContent = ({
       "data-testid": isVideoEnabled ? "mute_video_participant_btn" : "unmute_video_participant_btn"
     },
     isVideoEnabled ? /* @__PURE__ */ React120.createElement(VideoOnIcon4, { height: 20, width: 20 }) : /* @__PURE__ */ React120.createElement(VideoOffIcon3, { height: 20, width: 20 }),
-    /* @__PURE__ */ React120.createElement("span", null, isVideoEnabled ? "Mute" : "Request Unmute")
+    /* @__PURE__ */ React120.createElement("span", null, isVideoEnabled ? "Mute Video" : "Request to Unmute Video")
   ) : null, toggleAudio ? /* @__PURE__ */ React120.createElement(
     StyledMenuTile.ItemButton,
     {
@@ -25682,7 +25739,7 @@ var TileMenuContent = ({
       "data-testid": isAudioEnabled ? "mute_audio_participant_btn" : "unmute_audio_participant_btn"
     },
     isAudioEnabled ? /* @__PURE__ */ React120.createElement(MicOnIcon4, { height: 20, width: 20 }) : /* @__PURE__ */ React120.createElement(MicOffIcon5, { height: 20, width: 20 }),
-    /* @__PURE__ */ React120.createElement("span", null, isAudioEnabled ? "Mute" : "Request Unmute")
+    /* @__PURE__ */ React120.createElement("span", null, isAudioEnabled ? "Mute Audio" : "Request to Unmute Audio")
   ) : null, audioTrackID ? /* @__PURE__ */ React120.createElement(StyledMenuTile.VolumeItem, { "data-testid": "participant_volume_slider", css: __spreadProps(__spreadValues({}, spacingCSS), { mb: "$0" }) }, /* @__PURE__ */ React120.createElement(Flex, { align: "center", gap: 1 }, /* @__PURE__ */ React120.createElement(SpeakerIcon3, { height: 20, width: 20 }), /* @__PURE__ */ React120.createElement(Box, { as: "span", css: { ml: "$4" } }, "Volume (", volume, ")")), /* @__PURE__ */ React120.createElement(
     Slider,
     {
@@ -26277,13 +26334,86 @@ var VBPicker = ({ backgroundMedia = [] }) => {
 };
 
 // src/Prebuilt/layouts/SidePane.tsx
+var Wrapper3 = styled("div", {
+  w: "$100",
+  h: "100%",
+  p: "$10",
+  flex: "1 1 0",
+  background: "$surface_dim",
+  r: "$1",
+  position: "relative",
+  "@lg": {
+    w: "100%",
+    h: "100%",
+    ml: 0,
+    right: 0,
+    position: "fixed",
+    bottom: 0,
+    borderRadius: 0,
+    zIndex: 10
+  },
+  "@md": {
+    p: "$6 $8",
+    pb: "$12",
+    borderTopLeftRadius: 0,
+    borderTopRightRadius: 0,
+    animation: `${translateAcross({ yFrom: "100%" })} 150ms cubic-bezier(0.22, 1, 0.36, 1)`
+  },
+  variants: {
+    landscapeStream: {
+      true: {
+        "@lg": {
+          position: "unset !important",
+          minHeight: "100%"
+        }
+      }
+    },
+    mobileStream: {
+      true: {
+        "@md": {
+          position: "unset !important",
+          background: "red"
+        }
+      }
+    },
+    overlayChat: {
+      true: {
+        height: "unset",
+        maxHeight: 300,
+        background: "linear-gradient(180deg, rgba(0, 0, 0, 0.00) 35.94%, rgba(0, 0, 0, 0.64) 100%)",
+        "@md": {
+          pb: "$20"
+        }
+      }
+    }
+  },
+  compoundVariants: [
+    {
+      landscapeStream: true,
+      overlayChat: true,
+      css: {
+        position: "unset",
+        height: "100%",
+        maxHeight: "unset"
+      }
+    },
+    {
+      mobileStream: true,
+      overlayChat: true,
+      css: {
+        position: "unset",
+        height: "100%",
+        maxHeight: "unset"
+      }
+    }
+  ]
+});
 var SidePane = ({
   tileProps,
   hideControls = false
 }) => {
   var _a8, _b7, _c, _d, _e, _f;
   const isMobile = useMedia22(config.media.md);
-  const isLandscape = useIsLandscape();
   const sidepane = useHMSStore66(selectAppData6(APP_DATA.sidePane));
   const activeScreensharePeerId = useHMSStore66(selectAppData6(APP_DATA.activeScreensharePeerId));
   const trackId = (_a8 = useHMSStore66(selectVideoTrackByPeerID4(activeScreensharePeerId))) == null ? void 0 : _a8.id;
@@ -26294,27 +26424,11 @@ var SidePane = ({
   const isMobileHLSStream = useMobileHLSStream();
   const backgroundMedia = ((_c = (_b7 = preview_elements == null ? void 0 : preview_elements.virtual_background) == null ? void 0 : _b7.background_media) == null ? void 0 : _c.length) ? (_d = preview_elements == null ? void 0 : preview_elements.virtual_background) == null ? void 0 : _d.background_media : ((_e = elements == null ? void 0 : elements.virtual_background) == null ? void 0 : _e.background_media) || [];
   const resetSidePane = useSidepaneReset();
-  let ViewComponent;
-  if (sidepane === SIDE_PANE_OPTIONS.POLLS) {
-    ViewComponent = /* @__PURE__ */ React126.createElement(Polls, null);
-  }
-  if (sidepane === SIDE_PANE_OPTIONS.PARTICIPANTS || sidepane === SIDE_PANE_OPTIONS.CHAT) {
-    ViewComponent = /* @__PURE__ */ React126.createElement(SidePaneTabs, { hideControls, active: sidepane, hideTab: isMobileHLSStream || isLandscapeHLSStream });
-  }
-  if (sidepane === SIDE_PANE_OPTIONS.VB) {
-    ViewComponent = /* @__PURE__ */ React126.createElement(VBPicker, { backgroundMedia });
-  }
-  if (sidepane === SIDE_PANE_OPTIONS.ROOM_DETAILS) {
-    ViewComponent = /* @__PURE__ */ React126.createElement(RoomDetailsPane, null);
-  }
   useEffect32(() => {
     return () => {
       resetSidePane();
     };
   }, [resetSidePane]);
-  if (!ViewComponent && (!trackId || layoutMode !== LayoutMode.GALLERY)) {
-    return null;
-  }
   const tileLayout = {
     hideParticipantNameOnTile: tileProps == null ? void 0 : tileProps.hide_participant_name_on_tile,
     roundedVideoTile: tileProps == null ? void 0 : tileProps.rounded_video_tile,
@@ -26322,8 +26436,11 @@ var SidePane = ({
     hideMetadataOnTile: tileProps == null ? void 0 : tileProps.hide_metadata_on_tile,
     objectFit: tileProps == null ? void 0 : tileProps.video_object_fit
   };
-  const VB = sidepane === SIDE_PANE_OPTIONS.VB;
   const mwebStreamingChat = isMobile && sidepane === SIDE_PANE_OPTIONS.CHAT && ((_f = elements == null ? void 0 : elements.chat) == null ? void 0 : _f.is_overlay);
+  const commonProps = {
+    landscapeStream: isLandscapeHLSStream,
+    mobileStream: isMobileHLSStream
+  };
   return /* @__PURE__ */ React126.createElement(
     Flex,
     {
@@ -26331,11 +26448,14 @@ var SidePane = ({
       justify: "center",
       css: {
         w: "$100",
-        h: isMobileHLSStream ? "64%" : "100%",
+        h: "100%",
         flexShrink: 0,
         gap: "$4",
         position: "relative",
-        "@md": { position: mwebStreamingChat || isLandscape ? "absolute" : "", zIndex: 12 }
+        "&:empty": { display: "none" },
+        "@ls": {
+          w: isMobileHLSStream || isLandscapeHLSStream ? "340px" : "$100"
+        }
       }
     },
     trackId && layoutMode === LayoutMode.GALLERY && /* @__PURE__ */ React126.createElement(
@@ -26348,43 +26468,27 @@ var SidePane = ({
         rootCSS: { p: 0, alignSelf: "start", flexShrink: 0 }
       }, tileLayout)
     ),
-    !!ViewComponent && /* @__PURE__ */ React126.createElement(
-      Box,
-      {
+    match7(sidepane).with(SIDE_PANE_OPTIONS.POLLS, () => /* @__PURE__ */ React126.createElement(
+      Wrapper3,
+      __spreadValues({
         css: {
-          w: "$100",
-          h: mwebStreamingChat || isLandscape ? "0" : "100%",
-          p: VB ? "$10 $6 $10 $10" : "$10",
-          flex: "1 1 0",
-          minHeight: 0,
-          maxHeight: mwebStreamingChat || isLandscape ? "300px" : "unset",
-          background: mwebStreamingChat || isLandscape ? "linear-gradient(180deg, rgba(0, 0, 0, 0.00) 35.94%, rgba(0, 0, 0, 0.64) 100%)" : "$surface_dim",
-          r: "$1",
-          position: "relative",
-          "@lg": {
-            w: "100%",
-            h: "100%",
-            ml: 0,
-            right: 0,
-            position: isLandscapeHLSStream ? "" : "fixed",
-            minHeight: isLandscapeHLSStream ? "100%" : "",
-            bottom: 0,
-            borderRadius: 0,
-            zIndex: 10
-          },
           "@md": {
-            p: "$6 $8",
-            h: isMobileHLSStream ? "64%" : "100%",
-            pb: "$12",
-            minHeight: isMobileHLSStream ? "64%" : "",
-            borderTopLeftRadius: sidepane === SIDE_PANE_OPTIONS.POLLS ? "$2" : "0",
-            borderTopRightRadius: sidepane === SIDE_PANE_OPTIONS.POLLS ? "$2" : "0",
-            animation: `${translateAcross({ yFrom: "100%" })} 150ms cubic-bezier(0.22, 1, 0.36, 1)`
+            borderTopLeftRadius: "$2",
+            borderTopRightRadius: "$2"
           }
         }
-      },
-      ViewComponent
-    )
+      }, commonProps),
+      /* @__PURE__ */ React126.createElement(Polls, null)
+    )).with(SIDE_PANE_OPTIONS.VB, () => /* @__PURE__ */ React126.createElement(Wrapper3, __spreadValues({ css: { p: "$10 $6 $10 $10" } }, commonProps), /* @__PURE__ */ React126.createElement(VBPicker, { backgroundMedia }))).with(SIDE_PANE_OPTIONS.CHAT, SIDE_PANE_OPTIONS.PARTICIPANTS, () => /* @__PURE__ */ React126.createElement(Wrapper3, __spreadProps(__spreadValues({}, commonProps), { overlayChat: mwebStreamingChat }), /* @__PURE__ */ React126.createElement(
+      SidePaneTabs,
+      {
+        hideControls,
+        active: sidepane,
+        hideTab: isMobileHLSStream || isLandscapeHLSStream
+      }
+    ))).with(SIDE_PANE_OPTIONS.ROOM_DETAILS, () => /* @__PURE__ */ React126.createElement(Wrapper3, __spreadValues({}, commonProps), /* @__PURE__ */ React126.createElement(RoomDetailsPane, null))).otherwise(() => {
+      return null;
+    })
   );
 };
 var SidePane_default = SidePane;
@@ -28194,7 +28298,7 @@ var useCloseScreenshareWhiteboard = () => {
 };
 
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
-var HLSView = React151.lazy(() => import("./HLSView-CVNJNDUQ.js"));
+var HLSView = React151.lazy(() => import("./HLSView-MYKM5AXS.js"));
 var VideoStreamingSection = ({
   screenType,
   elements,
@@ -28257,7 +28361,8 @@ var VideoStreamingSection = ({
       Box,
       {
         css: {
-          height: isMobileHLSStream ? "50%" : "100%",
+          flex: isMobileHLSStream ? "1 1 0" : void 0,
+          height: !isMobileHLSStream ? "100%" : void 0,
           maxHeight: "100%",
           "&:empty": { display: "none" },
           overflowY: "clip"
@@ -28530,16 +28635,16 @@ var ConferenceScreen = () => {
   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();
+  const isLandscapeHLSStream = useLandscapeHLSStream();
+  const isMwebHLSStream = isMobileHLSStream || isLandscapeHLSStream;
   const toggleControls = () => {
     var _a9;
-    if (((_a9 = dropdownListRef.current) == null ? void 0 : _a9.length) === 0 && isMobileDevice) {
+    if (((_a9 = dropdownListRef.current) == null ? void 0 : _a9.length) === 0 && isMobileDevice && !isMwebHLSStream) {
       setHideControls((value) => !value);
     }
   };
-  const autoRoomJoined = useRef25(isPreviewScreenEnabled);
-  const isMobileHLSStream = useMobileHLSStream();
-  const isLandscapeHLSStream = useLandscapeHLSStream();
-  const isMwebHLSStream = isMobileHLSStream || isLandscapeHLSStream;
   useEffect50(() => {
     let timeout;
     dropdownListRef.current = dropdownList || [];
@@ -28579,6 +28684,7 @@ var ConferenceScreen = () => {
   if (!isConnectedToRoom && ![HMSRoomState7.Reconnecting, HMSRoomState7.Disconnected].includes(roomState)) {
     return /* @__PURE__ */ React155.createElement(FullPageProgress_default, { text: roomState === HMSRoomState7.Connecting ? "Joining..." : "" });
   }
+  const hideControlsForStreaming = isMwebHLSStream ? true : hideControls;
   return /* @__PURE__ */ React155.createElement(React155.Fragment, null, isHLSStarted ? /* @__PURE__ */ React155.createElement(Box, { css: { position: "fixed", zIndex: 100, w: "100%", h: "100%", left: 0, top: 0 } }, /* @__PURE__ */ React155.createElement(FullPageProgress_default, { text: "Starting live stream...", css: { opacity: 0.8, bg: "$background_dim" } })) : null, /* @__PURE__ */ React155.createElement(Flex, { css: { size: "100%", overflow: "hidden" }, direction: "column" }, !(screenProps.hideSections.includes("header") || isMwebHLSStream) && /* @__PURE__ */ React155.createElement(
     Box,
     {
@@ -28586,7 +28692,7 @@ var ConferenceScreen = () => {
       css: {
         h: "$18",
         transition: "margin 0.3s ease-in-out",
-        marginTop: hideControls ? `-${(_b7 = headerRef.current) == null ? void 0 : _b7.clientHeight}px` : "none",
+        marginTop: hideControlsForStreaming ? `-${(_b7 = headerRef.current) == null ? void 0 : _b7.clientHeight}px` : "none",
         "@md": {
           h: "$17"
         }
@@ -28594,7 +28700,7 @@ var ConferenceScreen = () => {
       "data-testid": "header"
     },
     /* @__PURE__ */ React155.createElement(Header2, null)
-  ), isMwebHLSStream && /* @__PURE__ */ React155.createElement(Flex, { align: "center", gap: "2", css: { position: "absolute", left: "$4", top: "$4", zIndex: 1 } }, /* @__PURE__ */ React155.createElement(LeaveRoom, { screenType: screenProps.screenType })), /* @__PURE__ */ React155.createElement(
+  ), /* @__PURE__ */ React155.createElement(
     Box,
     {
       css: {
@@ -28618,7 +28724,7 @@ var ConferenceScreen = () => {
       {
         screenType: screenProps.screenType,
         elements: screenProps.elements,
-        hideControls
+        hideControls: hideControlsForStreaming
       }
     ) : null
   ), !screenProps.hideSections.includes("footer") && screenProps.elements && !isMwebHLSStream && /* @__PURE__ */ React155.createElement(
@@ -28630,7 +28736,7 @@ var ConferenceScreen = () => {
         maxHeight: "$24",
         transition: "margin 0.3s ease-in-out",
         bg: "$background_dim",
-        marginBottom: hideControls ? `-${(_f = footerRef.current) == null ? void 0 : _f.clientHeight}px` : void 0,
+        marginBottom: hideControlsForStreaming ? `-${(_f = footerRef.current) == null ? void 0 : _f.clientHeight}px` : void 0,
         "@md": {
           maxHeight: "unset",
           bg: screenProps.screenType === "hls_live_streaming" ? "transparent" : "$background_dim"
@@ -29271,6 +29377,26 @@ var ToastConfig = {
     }
   },
   RAISE_HAND: {
+    single: (notification) => {
+      var _a8;
+      return {
+        title: `${(_a8 = notification.data) == null ? void 0 : _a8.name} raised hand`,
+        icon: /* @__PURE__ */ React163.createElement(HandIcon6, null)
+      };
+    },
+    multiple: (notifications) => {
+      var _a8;
+      const count = new Set(notifications.map((notification) => {
+        var _a9;
+        return (_a9 = notification.data) == null ? void 0 : _a9.id;
+      })).size;
+      return {
+        title: `${(_a8 = notifications[notifications.length - 1].data) == null ? void 0 : _a8.name} ${count > 1 ? `${count} and others` : ""} raised hand`,
+        icon: /* @__PURE__ */ React163.createElement(HandIcon6, null)
+      };
+    }
+  },
+  RAISE_HAND_HLS: {
     single: (notification) => {
       var _a8, _b7;
       return {
@@ -29336,6 +29462,7 @@ var ToastConfig = {
 // src/Prebuilt/components/Toast/ToastBatcher.js
 var ToastBatcher = {
   toastsType: /* @__PURE__ */ new Map(),
+  toastCache: {},
   showToastInternal({ notification, duration, type }) {
     let notificationType = type;
     if (!type) {
@@ -29371,7 +29498,13 @@ var ToastBatcher = {
   },
   showToast({ notification, duration = 3e3, type }) {
     try {
-      this.showToastInternal({ notification, duration, type });
+      if (!this.toastCache[notification.id]) {
+        this.showToastInternal({ notification, duration, type });
+      }
+      this.toastCache[notification.id] = true;
+      if (Object.keys(this.toastCache).length > 100) {
+        this.toastCache = {};
+      }
     } catch (err) {
       console.debug("Notifications", err);
     }
@@ -29397,12 +29530,12 @@ var HandRaisedNotifications = () => {
     if (!(notification == null ? void 0 : notification.data)) {
       return;
     }
-    if (roomState !== HMSRoomState9.Connected || notification.data.isLocal || !on_stage_exp || !isSubscribing) {
+    if (roomState !== HMSRoomState9.Connected || notification.data.isLocal || !isSubscribing) {
       return;
     }
     const hasPeerHandRaised = vanillaStore.getState(selectHasPeerHandRaised4(notification.data.id));
     if (hasPeerHandRaised) {
-      ToastBatcher.showToast({ notification, type: "RAISE_HAND" });
+      ToastBatcher.showToast({ notification, type: on_stage_exp ? "RAISE_HAND_HLS" : "RAISE_HAND" });
       console.debug("Metadata updated", notification.data);
     }
   }, [isSubscribing, notification, on_stage_exp, roomState, vanillaStore]);
@@ -29482,7 +29615,7 @@ var PeerNotifications = () => {
         return;
     }
     ToastBatcher.showToast({ notification });
-  }, [notification, isPeerJoinSubscribed, isPeerLeftSubscribed]);
+  }, [notification, isPeerJoinSubscribed, isPeerLeftSubscribed, selectedPeer.id, setPeerSelector]);
   return null;
 };
 
@@ -30491,6 +30624,7 @@ export {
   Sheet,
   ToastManager,
   useIsLandscape,
+  LeaveRoom,
   DialogContent,
   DialogRow,
   ChatToggle,
@@ -30511,4 +30645,4 @@ lodash/lodash.js:
    * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
    *)
 */
-//# sourceMappingURL=chunk-25HZFDG5.js.map
+//# sourceMappingURL=chunk-DRBTAFKN.js.map