@100mslive/roomkit-react 0.2.8-alpha.8 → 0.2.8-alpha.9

package/dist/index.cjs.js

@@ -108,7 +108,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_823254f5-4732-4f6a-b145-e8ee8c580765", 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.8", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_823254f5-4732-4f6a-b145-e8ee8c580765", 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.8", 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: "594", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_devDependencies__rollup_plugin_image: "^3.0.2", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.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:18399", 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.8", 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: "8096644752", 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: "cddbc3f6a55bc8612229e7cfa865eb8946b564b2", 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: "c575132fce58c9c9522d988e6259e463636f8ea6fc6c9e954fd13a2f98e6f9d8", 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--1709212560278-0.2032246878266939:/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--1709212560077-0.09680736633681075:/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--1709212537346-0.3328263029647156:/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--1709212537148-0.6509977578033861:/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_21f0bbb0-418d-41e2-9dfa-8d77c2abd99c", INVOCATION_ID: "14a0ab590b55419eb88dcb5dc43a00ea", 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: "458", GITHUB_TRIGGERING_ACTOR: "raviteja83", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", 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 462", 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.8", 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.8", 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: "cddbc3f6a55bc8612229e7cfa865eb8946b564b2", 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: "raviteja83", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_config_strict_ssl: "true", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_scripts_format: "prettier -w src/**", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", GITHUB_PATH: "/home/runner/work/_temp/_runner_file_commands/add_path_823254f5-4732-4f6a-b145-e8ee8c580765", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "6763261", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_823254f5-4732-4f6a-b145-e8ee8c580765", 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_823254f5-4732-4f6a-b145-e8ee8c580765" };
+    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_cf01f7b0-2724-4e4f-b298-ff7feccfe357", 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.9", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_cf01f7b0-2724-4e4f-b298-ff7feccfe357", 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.9", 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: "591", 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:19780", 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.9", 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: "8109554901", 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: "2a735b6edf0b63927744abb555b47ab9be6e5891", 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: "7312e8d1b6dc1c3c88807c4efcd1e1b66331c074df1f1b56194f927df7add041", 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--1709286943827-0.6891216397962161:/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--1709286943630-0.9971913087997049:/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--1709286921685-0.8303138139294286:/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--1709286921507-0.5830472582556345:/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_105a33c3-e668-4c3a-9613-d5a1981afa4e", INVOCATION_ID: "546f5e1c56564beaa3ea908eafaed9c6", 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: "459", 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 59", 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.9", 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.9", 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: "2a735b6edf0b63927744abb555b47ab9be6e5891", 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_cf01f7b0-2724-4e4f-b298-ff7feccfe357", 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_cf01f7b0-2724-4e4f-b298-ff7feccfe357", 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_cf01f7b0-2724-4e4f-b298-ff7feccfe357" };
   }
 });
 
@@ -6870,8 +6870,8 @@ var require_lodash = __commonJS({
           return { "start": start, "end": end };
         }
         function getWrapDetails(source) {
-          var match9 = source.match(reWrapDetails);
-          return match9 ? match9[1].split(reSplitDetails) : [];
+          var match10 = source.match(reWrapDetails);
+          return match10 ? match10[1].split(reSplitDetails) : [];
         }
         function hasPath(object, path, hasFunc) {
           path = castPath(path, object);
@@ -7139,8 +7139,8 @@ var require_lodash = __commonJS({
           if (string.charCodeAt(0) === 46) {
             result2.push("");
           }
-          string.replace(rePropName, function(match9, number, quote, subString) {
-            result2.push(quote ? subString.replace(reEscapeChar, "$1") : number || match9);
+          string.replace(rePropName, function(match10, number, quote, subString) {
+            result2.push(quote ? subString.replace(reEscapeChar, "$1") : number || match10);
           });
           return result2;
         });
@@ -8706,7 +8706,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(match9, escapeValue, interpolateValue, esTemplateValue, evaluateValue, offset) {
+          string.replace(reDelimiters, function(match10, escapeValue, interpolateValue, esTemplateValue, evaluateValue, offset) {
             interpolateValue || (interpolateValue = esTemplateValue);
             source += string.slice(index, offset).replace(reUnescapedString, escapeStringChar);
             if (escapeValue) {
@@ -8720,8 +8720,8 @@ var require_lodash = __commonJS({
             if (interpolateValue) {
               source += "' +\n((__t = (" + interpolateValue + ")) == null ? '' : __t) +\n'";
             }
-            index = offset + match9.length;
-            return match9;
+            index = offset + match10.length;
+            return match10;
           });
           source += "';\n";
           var variable = hasOwnProperty.call(options, "variable") && options.variable;
@@ -8809,13 +8809,13 @@ var require_lodash = __commonJS({
           }
           if (isRegExp(separator)) {
             if (string.slice(end).search(separator)) {
-              var match9, substring = result2;
+              var match10, substring = result2;
               if (!separator.global) {
                 separator = RegExp2(separator.source, toString(reFlags.exec(separator)) + "g");
               }
               separator.lastIndex = 0;
-              while (match9 = separator.exec(substring)) {
-                var newEnd = match9.index;
+              while (match10 = separator.exec(substring)) {
+                var newEnd = match10.index;
               }
               result2 = result2.slice(0, newEnd === undefined2 ? end : newEnd);
             }
@@ -14018,7 +14018,7 @@ var require_ua_parser = __commonJS({
         }
       };
       var rgxMapper = function(ua, arrays) {
-        var i = 0, j, k2, p, q2, matches, match9;
+        var i = 0, j, k2, p, q2, matches, match10;
         while (i < arrays.length && !matches) {
           var regex = arrays[i], props = arrays[i + 1];
           j = k2 = 0;
@@ -14029,26 +14029,26 @@ var require_ua_parser = __commonJS({
             matches = regex[j++].exec(ua);
             if (!!matches) {
               for (p = 0; p < props.length; p++) {
-                match9 = matches[++k2];
+                match10 = 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, match9);
+                      this[q2[0]] = q2[1].call(this, match10);
                     } 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]] = match9 ? q2[1].call(this, match9, q2[2]) : undefined2;
+                      this[q2[0]] = match10 ? q2[1].call(this, match10, q2[2]) : undefined2;
                     } else {
-                      this[q2[0]] = match9 ? match9.replace(q2[1], q2[2]) : undefined2;
+                      this[q2[0]] = match10 ? match10.replace(q2[1], q2[2]) : undefined2;
                     }
                   } else if (q2.length === 4) {
-                    this[q2[0]] = match9 ? q2[3].call(this, match9.replace(q2[1], q2[2])) : undefined2;
+                    this[q2[0]] = match10 ? q2[3].call(this, match10.replace(q2[1], q2[2])) : undefined2;
                   }
                 } else {
-                  this[q2] = match9 ? match9 : undefined2;
+                  this[q2] = match10 ? match10 : undefined2;
                 }
               }
             }
@@ -15939,8 +15939,8 @@ var require_lodash2 = __commonJS({
 
 // ../../node_modules/webrtc-adapter/src/js/utils.js
 function extractVersion(uastring, expr, pos) {
-  const match9 = uastring.match(expr);
-  return match9 && match9.length >= pos && parseInt(match9[pos], 10);
+  const match10 = uastring.match(expr);
+  return match10 && match10.length >= pos && parseInt(match10[pos], 10);
 }
 function wrapPeerConnectionEvent(window2, eventNameToWrap, wrapper) {
   if (!window2.RTCPeerConnection) {
@@ -16232,7 +16232,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((match9) => d2.label.toLowerCase().includes(match9)));
+            let dev = devices.find((d2) => matches.some((match10) => d2.label.toLowerCase().includes(match10)));
             if (!dev && devices.length && matches.includes("back")) {
               dev = devices[devices.length - 1];
             }
@@ -18330,11 +18330,11 @@ function shimMaxMessageSize(window2, browserDetails) {
     });
   };
   const getRemoteFirefoxVersion = function(description) {
-    const match9 = description.sdp.match(/mozilla...THIS_IS_SDPARTA-(\d+)/);
-    if (match9 === null || match9.length < 2) {
+    const match10 = description.sdp.match(/mozilla...THIS_IS_SDPARTA-(\d+)/);
+    if (match10 === null || match10.length < 2) {
       return -1;
     }
-    const version = parseInt(match9[1], 10);
+    const version = parseInt(match10[1], 10);
     return version !== version ? -1 : version;
   };
   const getCanSendMaxMessageSize = function(remoteIsFirefox) {
@@ -18359,12 +18359,12 @@ function shimMaxMessageSize(window2, browserDetails) {
     if (browserDetails.browser === "firefox" && browserDetails.version === 57) {
       maxMessageSize = 65535;
     }
-    const match9 = import_sdp.default.matchPrefix(
+    const match10 = import_sdp.default.matchPrefix(
       description.sdp,
       "a=max-message-size:"
     );
-    if (match9.length > 0) {
-      maxMessageSize = parseInt(match9[0].substring(19), 10);
+    if (match10.length > 0) {
+      maxMessageSize = parseInt(match10[0].substring(19), 10);
     } else if (browserDetails.browser === "firefox" && remoteIsFirefox !== -1) {
       maxMessageSize = 2147483637;
     }
@@ -19186,13 +19186,13 @@ var require_parser = __commonJS({
     var toIntIfInt = function(v2) {
       return String(Number(v2)) === v2 ? Number(v2) : v2;
     };
-    var attachProperties = function(match9, location, names, rawName) {
+    var attachProperties = function(match10, location, names, rawName) {
       if (rawName && !names) {
-        location[rawName] = toIntIfInt(match9[1]);
+        location[rawName] = toIntIfInt(match10[1]);
       } else {
         for (var i = 0; i < names.length; i += 1) {
-          if (match9[i + 1] != null) {
-            location[names[i]] = toIntIfInt(match9[i + 1]);
+          if (match10[i + 1] != null) {
+            location[names[i]] = toIntIfInt(match10[i + 1]);
           }
         }
       }
@@ -19541,7 +19541,7 @@ var init_dist = __esm({
     };
     ba = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
     dr = ba((Xc, $a) => {
-      $a.exports = { version: "0.11.8-alpha.8", 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.9", 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"] };
     });
     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 || {});
     Aa = ((e) => (e.CHAT = "chat", e))(Aa || {});
@@ -22362,12 +22362,13 @@ var init_RemoveParticipant = __esm({
 });
 
 // src/Prebuilt/components/Footer/RoleOptions.tsx
-var import_react92, import_react_sdk43, import_react_icons41, dropdownItemCSS, optionTextCSS, MuteUnmuteOption, RoleOptions;
+var import_react92, import_ts_pattern5, import_react_sdk43, import_react_icons41, dropdownItemCSS, optionTextCSS, DropdownWrapper, RoleOptions;
 var init_RoleOptions = __esm({
   "src/Prebuilt/components/Footer/RoleOptions.tsx"() {
     "use strict";
     init_define_process_env();
     import_react92 = __toESM(require("react"));
+    import_ts_pattern5 = require("ts-pattern");
     import_react_sdk43 = require("@100mslive/react-sdk");
     import_react_icons41 = require("@100mslive/react-icons");
     init_Dropdown2();
@@ -22382,12 +22383,55 @@ var init_RoleOptions = __esm({
       textTransform: "none",
       whiteSpace: "nowrap"
     };
-    MuteUnmuteOption = ({ roleName, peerList }) => {
-      const vanillaStore = (0, import_react_sdk43.useHMSVanillaStore)();
-      const store = vanillaStore.getState();
-      const hmsActions = (0, import_react_sdk43.useHMSActions)();
+    DropdownWrapper = ({ children }) => {
+      const [openOptions, setOpenOptions] = (0, import_react92.useState)(false);
+      if (import_react92.default.Children.toArray(children).length === 0) {
+        return null;
+      }
+      import_react92.default.Children.map(children, (child) => {
+        console.log({ child });
+      });
+      return /* @__PURE__ */ import_react92.default.createElement(Dropdown.Root, { open: openOptions, onOpenChange: setOpenOptions }, /* @__PURE__ */ import_react92.default.createElement(
+        Dropdown.Trigger,
+        {
+          "data-testid": "role_group_options",
+          onClick: (e) => e.stopPropagation(),
+          className: "role_actions",
+          asChild: true,
+          css: {
+            p: "$1",
+            r: "$0",
+            c: "$on_surface_high",
+            visibility: openOptions ? "visible" : "hidden",
+            "&:hover": {
+              c: "$on_surface_medium"
+            },
+            "@md": {
+              visibility: "visible"
+            }
+          }
+        },
+        /* @__PURE__ */ import_react92.default.createElement(Flex, null, /* @__PURE__ */ import_react92.default.createElement(import_react_icons41.VerticalMenuIcon, null))
+      ), /* @__PURE__ */ import_react92.default.createElement(
+        Dropdown.Content,
+        {
+          onClick: (e) => e.stopPropagation(),
+          css: { w: "max-content", bg: "$surface_default", py: 0 },
+          align: "end"
+        },
+        children
+      ));
+    };
+    RoleOptions = ({ roleName, peerList }) => {
       const permissions = (0, import_react_sdk43.useHMSStore)(import_react_sdk43.selectPermissions);
+      const hmsActions = (0, import_react_sdk43.useHMSActions)();
+      const { elements } = useRoomLayoutConferencingScreen();
+      const { on_stage_role, off_stage_roles = [] } = (elements == null ? void 0 : elements.on_stage_exp) || {};
+      const canRemoveRoleFromStage = (permissions == null ? void 0 : permissions.changeRole) && roleName === on_stage_role;
       const role = (0, import_react_sdk43.useHMSStore)((0, import_react_sdk43.selectRoleByRoleName)(roleName));
+      const canPublishAudio = role.publishParams.allowed.includes("audio");
+      const canPublishVideo = role.publishParams.allowed.includes("video");
+      const tracks = (0, import_react_sdk43.useHMSStore)(import_react_sdk43.selectTracksMap);
       let isVideoOnForSomePeers = false;
       let isAudioOnForSomePeers = false;
       peerList.forEach((peer) => {
@@ -22395,8 +22439,8 @@ var init_RoleOptions = __esm({
         if (peer.isLocal) {
           return;
         }
-        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);
+        const isAudioOn = !!peer.audioTrack && ((_a8 = tracks[peer.audioTrack]) == null ? void 0 : _a8.enabled);
+        const isVideoOn = !!peer.videoTrack && ((_b7 = tracks[peer.videoTrack]) == null ? void 0 : _b7.enabled);
         isAudioOnForSomePeers = isAudioOnForSomePeers || isAudioOn;
         isVideoOnForSomePeers = isVideoOnForSomePeers || isVideoOn;
       });
@@ -22407,22 +22451,8 @@ var init_RoleOptions = __esm({
           console.error(e);
         }
       });
-      if (!role) {
-        return null;
-      }
-      return /* @__PURE__ */ import_react92.default.createElement(import_react92.default.Fragment, null, role.publishParams.allowed.includes("audio") && /* @__PURE__ */ import_react92.default.createElement(import_react92.default.Fragment, null, isAudioOnForSomePeers && (permissions == null ? void 0 : permissions.mute) ? /* @__PURE__ */ import_react92.default.createElement(Dropdown.Item, { css: dropdownItemCSS, onClick: () => setTrackEnabled("audio", false) }, /* @__PURE__ */ import_react92.default.createElement(import_react_icons41.MicOffIcon, null), /* @__PURE__ */ import_react92.default.createElement(Text, { variant: "sm", css: optionTextCSS }, "Mute Audio for All")) : null, !isAudioOnForSomePeers && (permissions == null ? void 0 : permissions.unmute) ? /* @__PURE__ */ import_react92.default.createElement(Dropdown.Item, { css: dropdownItemCSS, onClick: () => setTrackEnabled("audio", true) }, /* @__PURE__ */ import_react92.default.createElement(import_react_icons41.MicOnIcon, null), /* @__PURE__ */ import_react92.default.createElement(Text, { variant: "sm", css: optionTextCSS }, "Request to Unmute Audio for All")) : null), role.publishParams.allowed.includes("video") && /* @__PURE__ */ import_react92.default.createElement(import_react92.default.Fragment, null, isVideoOnForSomePeers && (permissions == null ? void 0 : permissions.mute) ? /* @__PURE__ */ import_react92.default.createElement(Dropdown.Item, { css: dropdownItemCSS, onClick: () => setTrackEnabled("video", false) }, /* @__PURE__ */ import_react92.default.createElement(import_react_icons41.VideoOffIcon, null), /* @__PURE__ */ import_react92.default.createElement(Text, { variant: "sm", css: optionTextCSS }, "Mute Video for All")) : null, !isVideoOnForSomePeers && (permissions == null ? void 0 : permissions.unmute) ? /* @__PURE__ */ import_react92.default.createElement(Dropdown.Item, { css: dropdownItemCSS, onClick: () => setTrackEnabled("video", true) }, /* @__PURE__ */ import_react92.default.createElement(import_react_icons41.VideoOnIcon, null), /* @__PURE__ */ import_react92.default.createElement(Text, { variant: "sm", css: optionTextCSS }, "Request to Unmute Video for All")) : null));
-    };
-    RoleOptions = ({ roleName, peerList }) => {
-      const [openOptions, setOpenOptions] = (0, import_react92.useState)(false);
-      const permissions = (0, import_react_sdk43.useHMSStore)(import_react_sdk43.selectPermissions);
-      const hmsActions = (0, import_react_sdk43.useHMSActions)();
-      const { elements } = useRoomLayoutConferencingScreen();
-      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 = (0, import_react_sdk43.useHMSStore)((0, import_react_sdk43.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 only local peer is present no need to show any options
+      if (peerList.length === 0 || // if only local peer is present no need to show any options
       peerList.length === 1 && peerList[0].isLocal || !role) {
         return null;
       }
@@ -22443,54 +22473,31 @@ var init_RoleOptions = __esm({
           console.error(e);
         }
       });
-      return /* @__PURE__ */ import_react92.default.createElement(Dropdown.Root, { open: openOptions, onOpenChange: setOpenOptions }, /* @__PURE__ */ import_react92.default.createElement(
-        Dropdown.Trigger,
+      return /* @__PURE__ */ import_react92.default.createElement(DropdownWrapper, null, canRemoveRoleFromStage ? /* @__PURE__ */ import_react92.default.createElement(
+        Dropdown.Item,
         {
-          "data-testid": "role_group_options",
-          onClick: (e) => e.stopPropagation(),
-          className: "role_actions",
-          asChild: true,
-          css: {
-            p: "$1",
-            r: "$0",
-            c: "$on_surface_high",
-            visibility: openOptions ? "visible" : "hidden",
-            "&:hover": {
-              c: "$on_surface_medium"
-            },
-            "@md": {
-              visibility: "visible"
-            }
-          }
-        },
-        /* @__PURE__ */ import_react92.default.createElement(Flex, null, /* @__PURE__ */ import_react92.default.createElement(import_react_icons41.VerticalMenuIcon, null))
-      ), /* @__PURE__ */ import_react92.default.createElement(
-        Dropdown.Content,
+          css: __spreadProps(__spreadValues({}, dropdownItemCSS), { borderBottom: "1px solid $border_bright" }),
+          onClick: removeAllFromStage
+        },
+        /* @__PURE__ */ import_react92.default.createElement(import_react_icons41.PersonRectangleIcon, null),
+        /* @__PURE__ */ import_react92.default.createElement(Text, { variant: "sm", css: optionTextCSS }, "Remove all from Stage")
+      ) : null, (0, import_ts_pattern5.match)({ canPublishAudio, isAudioOnForSomePeers, canMute: permissions == null ? void 0 : permissions.mute, canUnmute: permissions == null ? void 0 : permissions.unmute }).with({ canPublishAudio: true, isAudioOnForSomePeers: true, canMute: true }, () => {
+        return /* @__PURE__ */ import_react92.default.createElement(Dropdown.Item, { css: dropdownItemCSS, onClick: () => setTrackEnabled("audio", false) }, /* @__PURE__ */ import_react92.default.createElement(import_react_icons41.MicOffIcon, null), /* @__PURE__ */ import_react92.default.createElement(Text, { variant: "sm", css: optionTextCSS }, "Mute Audio for All"));
+      }).with({ canPublishAudio: true, isAudioOnForSomePeers: false, canUnmute: true }, () => {
+        return /* @__PURE__ */ import_react92.default.createElement(Dropdown.Item, { css: dropdownItemCSS, onClick: () => setTrackEnabled("audio", true) }, /* @__PURE__ */ import_react92.default.createElement(import_react_icons41.MicOnIcon, null), /* @__PURE__ */ import_react92.default.createElement(Text, { variant: "sm", css: optionTextCSS }, "Request to Unmute Audio for All"));
+      }).otherwise(() => null), (0, import_ts_pattern5.match)({ canPublishVideo, isVideoOnForSomePeers, canMute: permissions == null ? void 0 : permissions.mute, canUnmute: permissions == null ? void 0 : permissions.unmute }).with({ canPublishVideo: true, isVideoOnForSomePeers: true, canMute: true }, () => {
+        return /* @__PURE__ */ import_react92.default.createElement(Dropdown.Item, { css: dropdownItemCSS, onClick: () => setTrackEnabled("video", false) }, /* @__PURE__ */ import_react92.default.createElement(import_react_icons41.VideoOffIcon, null), /* @__PURE__ */ import_react92.default.createElement(Text, { variant: "sm", css: optionTextCSS }, "Mute Video for All"));
+      }).with({ canPublishVideo: true, isVideoOnForSomePeers: false, canUnmute: true }, () => {
+        return /* @__PURE__ */ import_react92.default.createElement(Dropdown.Item, { css: dropdownItemCSS, onClick: () => setTrackEnabled("video", true) }, /* @__PURE__ */ import_react92.default.createElement(import_react_icons41.VideoOnIcon, null), /* @__PURE__ */ import_react92.default.createElement(Text, { variant: "sm", css: optionTextCSS }, "Request to Unmute Video for All"));
+      }).otherwise(() => null), canRemoveRoleFromRoom ? /* @__PURE__ */ import_react92.default.createElement(
+        Dropdown.Item,
         {
-          onClick: (e) => e.stopPropagation(),
-          css: { w: "max-content", bg: "$surface_default", py: 0 },
-          align: "end"
+          css: __spreadProps(__spreadValues({}, dropdownItemCSS), { borderTop: "1px solid $border_bright", color: "$alert_error_default" }),
+          onClick: removePeersFromRoom
         },
-        canRemoveRoleFromStage && /* @__PURE__ */ import_react92.default.createElement(
-          Dropdown.Item,
-          {
-            css: __spreadProps(__spreadValues({}, dropdownItemCSS), { borderBottom: "1px solid $border_bright" }),
-            onClick: removeAllFromStage
-          },
-          /* @__PURE__ */ import_react92.default.createElement(import_react_icons41.PersonRectangleIcon, null),
-          /* @__PURE__ */ import_react92.default.createElement(Text, { variant: "sm", css: optionTextCSS }, "Remove all from Stage")
-        ),
-        canMuteOrUnmute && /* @__PURE__ */ import_react92.default.createElement(MuteUnmuteOption, { peerList, roleName }),
-        canRemoveRoleFromRoom && /* @__PURE__ */ import_react92.default.createElement(
-          Dropdown.Item,
-          {
-            css: __spreadProps(__spreadValues({}, dropdownItemCSS), { borderTop: "1px solid $border_bright", color: "$alert_error_default" }),
-            onClick: removePeersFromRoom
-          },
-          /* @__PURE__ */ import_react92.default.createElement(import_react_icons41.RemoveUserIcon, null),
-          /* @__PURE__ */ import_react92.default.createElement(Text, { variant: "sm", css: __spreadProps(__spreadValues({}, optionTextCSS), { color: "inherit" }) }, "Remove all from Room")
-        )
-      ));
+        /* @__PURE__ */ import_react92.default.createElement(import_react_icons41.RemoveUserIcon, null),
+        /* @__PURE__ */ import_react92.default.createElement(Text, { variant: "sm", css: __spreadProps(__spreadValues({}, optionTextCSS), { color: "inherit" }) }, "Remove all from Room")
+      ) : null);
     };
   }
 });
@@ -24234,7 +24241,7 @@ var init_utils4 = __esm({
       if (!precise && (hours || minutes)) {
         return formattedTime;
       }
-      formattedTime += `${minutes >= 1 ? Math.floor(seconds) : seconds.toFixed(3)}s`;
+      formattedTime += `${precise ? seconds.toFixed(3) : Math.floor(seconds)}s`;
       return formattedTime;
     };
   }
@@ -24502,13 +24509,13 @@ var init_LeaderboardSummary = __esm({
 });
 
 // src/Prebuilt/components/Polls/Voting/QuestionCard.jsx
-var import_react117, import_ts_pattern5, import_react_sdk55, import_react_icons57, QuestionCard2, QuestionActions;
+var import_react117, import_ts_pattern6, import_react_sdk55, import_react_icons57, QuestionCard2, QuestionActions;
 var init_QuestionCard = __esm({
   "src/Prebuilt/components/Polls/Voting/QuestionCard.jsx"() {
     "use strict";
     init_define_process_env();
     import_react117 = __toESM(require("react"));
-    import_ts_pattern5 = require("ts-pattern");
+    import_ts_pattern6 = require("ts-pattern");
     import_react_sdk55 = require("@100mslive/react-sdk");
     import_react_icons57 = require("@100mslive/react-icons");
     init_src();
@@ -24589,7 +24596,7 @@ var init_QuestionCard = __esm({
           {
             variant: "caption",
             css: {
-              color: (0, import_ts_pattern5.match)({ respondedToQuiz, isLive, isCorrectAnswer }).when(
+              color: (0, import_ts_pattern6.match)({ respondedToQuiz, isLive, isCorrectAnswer }).when(
                 ({ respondedToQuiz: respondedToQuiz2, isLive: isLive2 }) => respondedToQuiz2 && !isLive2,
                 ({ isCorrectAnswer: isCorrectAnswer2 }) => isCorrectAnswer2 ? "$alert_success" : "$alert_error_default"
               ).otherwise(() => "$on_surface_low"),
@@ -24599,7 +24606,7 @@ var init_QuestionCard = __esm({
               gap: "$4"
             }
           },
-          (0, import_ts_pattern5.match)({ respondedToQuiz, pollEnded, isCorrectAnswer }).when(
+          (0, import_ts_pattern6.match)({ respondedToQuiz, pollEnded, isCorrectAnswer }).when(
             ({ respondedToQuiz: respondedToQuiz2, pollEnded: pollEnded2 }) => respondedToQuiz2 && pollEnded2,
             ({ isCorrectAnswer: isCorrectAnswer2 }) => {
               return isCorrectAnswer2 ? /* @__PURE__ */ import_react117.default.createElement(import_react_icons57.CheckCircleIcon, { height: 16, width: 16 }) : /* @__PURE__ */ import_react117.default.createElement(import_react_icons57.CrossCircleIcon, { height: 16, width: 16 });
@@ -25439,13 +25446,13 @@ var init_usePinnedBy = __esm({
       const pinnedMessages = (0, import_react_sdk62.useHMSStore)((0, import_react_sdk62.selectSessionStore)("pinnedMessages" /* PINNED_MESSAGES */));
       const [pinnedBy, setPinnedBy] = (0, import_react131.useState)("");
       (0, import_react131.useEffect)(() => {
-        let match9 = "";
+        let match10 = "";
         pinnedMessages == null ? void 0 : pinnedMessages.forEach((pinnedMessage) => {
           if (pinnedMessage.id === messageId) {
-            match9 = pinnedMessage.pinnedBy;
+            match10 = pinnedMessage.pinnedBy;
           }
         });
-        setPinnedBy(match9);
+        setPinnedBy(match10);
       }, [messageId, pinnedMessages]);
       return pinnedBy;
     };
@@ -26763,7 +26770,7 @@ var init_PinnedMessage = __esm({
 });
 
 // src/Prebuilt/components/Chat/Chat.tsx
-var import_react143, import_react_use22, import_ts_pattern6, import_react_sdk69, import_react_icons68, Chat, NewMessageIndicator;
+var import_react143, import_react_use22, import_ts_pattern7, import_react_sdk69, import_react_icons68, Chat, NewMessageIndicator;
 var init_Chat = __esm({
   "src/Prebuilt/components/Chat/Chat.tsx"() {
     "use strict";
@@ -26771,7 +26778,7 @@ var init_Chat = __esm({
     import_react143 = __toESM(require("react"));
     import_react_use22 = require("react-use");
     init_dist();
-    import_ts_pattern6 = require("ts-pattern");
+    import_ts_pattern7 = require("ts-pattern");
     import_react_sdk69 = require("@100mslive/react-sdk");
     import_react_icons68 = require("@100mslive/react-icons");
     init_Button2();
@@ -26830,7 +26837,7 @@ var init_Chat = __esm({
           {
             css: __spreadValues({
               position: "absolute"
-            }, (0, import_ts_pattern6.match)({ isLandscapeStream, isChatEnabled }).with(
+            }, (0, import_ts_pattern7.match)({ isLandscapeStream, isChatEnabled }).with(
               {
                 isLandscapeStream: true,
                 isChatEnabled: true
@@ -27067,14 +27074,14 @@ var init_ChatSettings = __esm({
 });
 
 // src/Prebuilt/components/SidePaneTabs.tsx
-var import_react146, import_react_use24, import_ts_pattern7, import_react_sdk72, import_react_icons71, tabTriggerCSS, ParticipantCount2, SidePaneTabs;
+var import_react146, import_react_use24, import_ts_pattern8, import_react_sdk72, import_react_icons71, tabTriggerCSS, ParticipantCount2, SidePaneTabs;
 var init_SidePaneTabs = __esm({
   "src/Prebuilt/components/SidePaneTabs.tsx"() {
     "use strict";
     init_define_process_env();
     import_react146 = __toESM(require("react"));
     import_react_use24 = require("react-use");
-    import_ts_pattern7 = require("ts-pattern");
+    import_ts_pattern8 = require("ts-pattern");
     import_react_sdk72 = require("@100mslive/react-sdk");
     import_react_icons71 = require("@100mslive/react-icons");
     init_Chat();
@@ -27120,7 +27127,7 @@ var init_SidePaneTabs = __esm({
       const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
       const showChatSettings = showChat && isChatOpen && (!isMobile || !isOverlayChat);
       (0, import_react146.useEffect)(() => {
-        (0, import_ts_pattern7.match)({ activeTab, showChat, showParticipants }).with({ activeTab: SIDE_PANE_OPTIONS.CHAT, showChat: false, showParticipants: true }, () => {
+        (0, import_ts_pattern8.match)({ activeTab, showChat, showParticipants }).with({ activeTab: SIDE_PANE_OPTIONS.CHAT, showChat: false, showParticipants: true }, () => {
           setActiveTab(SIDE_PANE_OPTIONS.PARTICIPANTS);
         }).with({ activeTab: SIDE_PANE_OPTIONS.PARTICIPANTS, showChat: true, showParticipants: false }, () => {
           setActiveTab(SIDE_PANE_OPTIONS.CHAT);
@@ -27158,7 +27165,7 @@ var init_SidePaneTabs = __esm({
             transition: "margin 0.3s ease-in-out"
           }
         },
-        (0, import_ts_pattern7.match)({ isOverlayChat, isChatOpen, showChat, hideTabs }).with({ isOverlayChat: true, isChatOpen: true, showChat: true }, () => /* @__PURE__ */ import_react146.default.createElement(Chat, null)).with({ hideTabs: true }, () => {
+        (0, import_ts_pattern8.match)({ isOverlayChat, isChatOpen, showChat, hideTabs }).with({ isOverlayChat: true, isChatOpen: true, showChat: true }, () => /* @__PURE__ */ import_react146.default.createElement(Chat, null)).with({ hideTabs: true }, () => {
           return /* @__PURE__ */ import_react146.default.createElement(import_react146.default.Fragment, null, /* @__PURE__ */ import_react146.default.createElement(Flex, { justify: "between", css: { w: "100%", "&:empty": { display: "none" } } }, /* @__PURE__ */ import_react146.default.createElement(
             Text,
             {
@@ -28186,14 +28193,14 @@ var init_VBPicker = __esm({
 });
 
 // src/Prebuilt/layouts/SidePane.tsx
-var import_react154, import_react_use28, import_ts_pattern8, import_react_sdk78, Wrapper3, SidePane, SidePane_default;
+var import_react154, import_react_use28, import_ts_pattern9, import_react_sdk78, Wrapper3, SidePane, SidePane_default;
 var init_SidePane = __esm({
   "src/Prebuilt/layouts/SidePane.tsx"() {
     "use strict";
     init_define_process_env();
     import_react154 = __toESM(require("react"));
     import_react_use28 = require("react-use");
-    import_ts_pattern8 = require("ts-pattern");
+    import_ts_pattern9 = require("ts-pattern");
     import_react_sdk78 = require("@100mslive/react-sdk");
     init_Polls();
     init_RoomDetailsPane();
@@ -28342,7 +28349,7 @@ var init_SidePane = __esm({
             rootCSS: { p: 0, alignSelf: "start", flexShrink: 0 }
           }, tileLayout)
         ),
-        (0, import_ts_pattern8.match)(sidepane).with(SIDE_PANE_OPTIONS.POLLS, () => /* @__PURE__ */ import_react154.default.createElement(
+        (0, import_ts_pattern9.match)(sidepane).with(SIDE_PANE_OPTIONS.POLLS, () => /* @__PURE__ */ import_react154.default.createElement(
           Wrapper3,
           __spreadValues({
             css: {
@@ -30652,7 +30659,7 @@ var init_VideoProgress = __esm({
     init_src();
     init_PlayerContext();
     init_utils6();
-    VideoProgress = ({ isDvr = true }) => {
+    VideoProgress = () => {
       const { hlsPlayer: hlsPlayer2 } = useHMSPlayerContext();
       const [videoProgress, setVideoProgress] = (0, import_react186.useState)(0);
       const [bufferProgress, setBufferProgress] = (0, import_react186.useState)(0);
@@ -30665,14 +30672,15 @@ var init_VideoProgress = __esm({
           return;
         }
         const timeupdateHandler = () => {
-          var _a8;
+          var _a8, _b7;
           if (!videoEl) {
             return;
           }
-          const videoProgress2 = Math.floor(getPercentage(videoEl.currentTime, videoEl.duration));
+          const duration = isFinite(videoEl.duration) ? videoEl.duration : ((_a8 = videoEl.seekable) == null ? void 0 : _a8.end(0)) || 0;
+          const videoProgress2 = Math.floor(getPercentage(videoEl.currentTime, duration));
           let bufferProgress2 = 0;
           if (videoEl.buffered.length > 0) {
-            bufferProgress2 = Math.floor(getPercentage((_a8 = videoEl.buffered) == null ? void 0 : _a8.end(0), videoEl.duration));
+            bufferProgress2 = Math.floor(getPercentage((_b7 = videoEl.buffered) == null ? void 0 : _b7.end(0), duration));
           }
           setVideoProgress(isNaN(videoProgress2) ? 0 : videoProgress2);
           setBufferProgress(isNaN(bufferProgress2) ? 0 : bufferProgress2);
@@ -30693,7 +30701,7 @@ var init_VideoProgress = __esm({
       if (!videoEl) {
         return null;
       }
-      return /* @__PURE__ */ import_react186.default.createElement(Flex, { align: "center", css: { cursor: "pointer", h: "$2", alignSelf: "stretch", pointerEvents: isDvr ? "" : "none" } }, /* @__PURE__ */ import_react186.default.createElement(
+      return /* @__PURE__ */ import_react186.default.createElement(Flex, { align: "center", css: { cursor: "pointer", h: "$2", alignSelf: "stretch" } }, /* @__PURE__ */ import_react186.default.createElement(
         Slider,
         {
           id: "video-actual-rest",
@@ -30701,8 +30709,7 @@ var init_VideoProgress = __esm({
             cursor: "pointer",
             h: "$2",
             zIndex: 1,
-            transition: `all .2s ease .5s`,
-            pointerEvents: isDvr ? "" : "none"
+            transition: `all .2s ease .5s`
           },
           min: 0,
           max: 100,
@@ -30710,7 +30717,7 @@ var init_VideoProgress = __esm({
           value: [videoProgress],
           showTooltip: false,
           onValueChange: onProgress,
-          thumbStyles: { w: "$6", h: "$6", display: isDvr ? "" : "none" }
+          thumbStyles: { w: "$6", h: "$6" }
         }
       ), /* @__PURE__ */ import_react186.default.createElement(
         Box,
@@ -31323,7 +31330,7 @@ var init_HLSView = __esm({
     init_constants();
     toastMap = {};
     HLSView = () => {
-      var _a8, _b7, _c;
+      var _a8, _b7, _c, _d, _e, _f;
       const videoRef = (0, import_react194.useRef)(null);
       const hlsViewRef = (0, import_react194.useRef)();
       const hlsState = (0, import_react_sdk96.useHMSStore)(import_react_sdk96.selectHLSState);
@@ -31558,7 +31565,8 @@ var init_HLSView = __esm({
       }, []);
       const onDoubleClickHandler = (0, import_react194.useCallback)(
         (event) => {
-          if (!(isMobile || isLandscape)) {
+          var _a9;
+          if (!(isMobile || isLandscape) || ((_a9 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a9.playlist_type) !== import_react_sdk96.HLSPlaylistType.DVR) {
             return;
           }
           const sidePercentage = event.screenX * 100 / event.target.clientWidth;
@@ -31572,7 +31580,7 @@ var init_HLSView = __esm({
             setIsSeekEnabled(false);
           }, 200);
         },
-        [isLandscape, isMobile, onSeekTo]
+        [hlsState == null ? void 0 : hlsState.variants, isLandscape, isMobile, onSeekTo]
       );
       const onClickHandler = (0, import_react194.useCallback)(() => {
         if (!(isMobile || isLandscape)) {
@@ -31652,7 +31660,7 @@ var init_HLSView = __esm({
                 onDoubleClickHandler(e);
               }
             },
-            /* @__PURE__ */ import_react194.default.createElement(import_react194.default.Fragment, null, isMobile || isLandscape ? /* @__PURE__ */ import_react194.default.createElement(import_react194.default.Fragment, null, !showLoader && /* @__PURE__ */ import_react194.default.createElement(
+            /* @__PURE__ */ import_react194.default.createElement(import_react194.default.Fragment, null, isMobile || isLandscape ? /* @__PURE__ */ import_react194.default.createElement(import_react194.default.Fragment, null, !showLoader && ((_b7 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _b7.playlist_type) === import_react_sdk96.HLSPlaylistType.DVR && /* @__PURE__ */ import_react194.default.createElement(
               Flex,
               {
                 align: "center",
@@ -31747,7 +31755,7 @@ var init_HLSView = __esm({
                 align: "start",
                 css: {
                   position: "absolute",
-                  bottom: isFullScreen && ((_b7 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _b7.playlist_type) === import_react_sdk96.HLSPlaylistType.DVR ? "$8" : "0",
+                  bottom: isFullScreen && ((_c = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _c.playlist_type) === import_react_sdk96.HLSPlaylistType.DVR ? "$8" : "0",
                   left: "0",
                   zIndex: 1,
                   background: isMobile || isLandscape ? "" : `linear-gradient(180deg, ${theme.colors.background_dim.value}00 29.46%, ${theme.colors.background_dim.value}A3 100%);`,
@@ -31759,7 +31767,7 @@ var init_HLSView = __esm({
                   opacity: controlsVisible ? `1` : "0"
                 }
               },
-              /* @__PURE__ */ import_react194.default.createElement(HMSVideoPlayer.Progress, { isDvr: ((_c = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _c.playlist_type) === import_react_sdk96.HLSPlaylistType.DVR }),
+              ((_d = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _d.playlist_type) === import_react_sdk96.HLSPlaylistType.DVR ? /* @__PURE__ */ import_react194.default.createElement(HMSVideoPlayer.Progress, null) : null,
               /* @__PURE__ */ import_react194.default.createElement(
                 HMSVideoPlayer.Controls.Root,
                 {
@@ -31767,7 +31775,7 @@ var init_HLSView = __esm({
                     p: "$4 $8"
                   }
                 },
-                /* @__PURE__ */ import_react194.default.createElement(HMSVideoPlayer.Controls.Left, null, !(isMobile || isLandscape) && /* @__PURE__ */ import_react194.default.createElement(import_react194.default.Fragment, null, /* @__PURE__ */ import_react194.default.createElement(
+                /* @__PURE__ */ import_react194.default.createElement(HMSVideoPlayer.Controls.Left, null, !(isMobile || isLandscape) && /* @__PURE__ */ import_react194.default.createElement(import_react194.default.Fragment, null, ((_e = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _e.playlist_type) === import_react_sdk96.HLSPlaylistType.DVR ? /* @__PURE__ */ import_react194.default.createElement(import_react194.default.Fragment, null, /* @__PURE__ */ import_react194.default.createElement(
                   HMSVideoPlayer.Seeker,
                   {
                     onClick: () => {
@@ -31785,7 +31793,7 @@ var init_HLSView = __esm({
                     title: "forward"
                   },
                   /* @__PURE__ */ import_react194.default.createElement(import_react_icons93.ForwardArrowIcon, { width: 20, height: 20 })
-                ), !isVideoLive ? /* @__PURE__ */ import_react194.default.createElement(HMSVideoPlayer.Duration, null) : null, /* @__PURE__ */ import_react194.default.createElement(HMSVideoPlayer.Volume, null)), /* @__PURE__ */ import_react194.default.createElement(
+                ), !isVideoLive ? /* @__PURE__ */ import_react194.default.createElement(HMSVideoPlayer.Duration, null) : null) : null, /* @__PURE__ */ import_react194.default.createElement(HMSVideoPlayer.Volume, null)), /* @__PURE__ */ import_react194.default.createElement(
                   IconButton,
                   {
                     css: { px: "$2" },
@@ -31817,7 +31825,7 @@ var init_HLSView = __esm({
                     },
                     isVideoLive ? "LIVE" : "GO LIVE"
                   )))
-                ), (isMobile || isLandscape) && !isVideoLive ? /* @__PURE__ */ import_react194.default.createElement(HMSVideoPlayer.Duration, null) : null),
+                ), (isMobile || isLandscape) && !isVideoLive && ((_f = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _f.playlist_type) === import_react_sdk96.HLSPlaylistType.DVR ? /* @__PURE__ */ import_react194.default.createElement(HMSVideoPlayer.Duration, null) : null),
                 /* @__PURE__ */ import_react194.default.createElement(HMSVideoPlayer.Controls.Right, null, hasCaptions && !(isMobile || isLandscape) && /* @__PURE__ */ import_react194.default.createElement(HLSCaptionSelector, { isEnabled: isCaptionEnabled }), availableLayers.length > 0 && !(isMobile || isLandscape) ? /* @__PURE__ */ import_react194.default.createElement(
                   HLSQualitySelector,
                   {