@100mslive/roomkit-react 0.3.4 → 0.3.5-alpha.0

package/dist/{chunk-JF6QG5V5.js → chunk-7O27GQEH.js}

@@ -43,13 +43,13 @@ var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __copyProps = (to, from, except, desc) => {
+var __copyProps = (to2, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+      if (!__hasOwnProp.call(to2, key) && key !== except)
+        __defProp(to2, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return to;
+  return to2;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
   // If the importer is in node compatibility mode or this is not an ESM
@@ -106,7 +106,7 @@ var __async = (__this, __arguments, generator) => {
 var define_process_env_default;
 var init_define_process_env = __esm({
   "<define:process.env>"() {
-    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_9c29dcb4-e4cc-4e3c-8b54-ad39147e5f93", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_devDependencies_rollup: "^2.70.1", npm_package_exports___require: "./dist/index.cjs.js", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.19.1 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_devDependencies__rollup_plugin_node_resolve: "^13.1.3", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.10.4", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_9c29dcb4-e4cc-4e3c-8b54-ad39147e5f93", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.19.1/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.13.4", 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.7", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.2.11394342", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "596", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_devDependencies__rollup_plugin_image: "^3.0.2", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.8/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240324.2.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.1/x64", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.0.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:20585", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__rollup_plugin_commonjs: "^21.0.3", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.3.4", 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: "8434472780", 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: "7c3e871297668d3dc11759d88a888027967715ac", 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: "5881a7e607be0fbd1fcf5a1777f57e03b6166ac21f68a6bbace5c9151a4cdf5a", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/main", 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--1711449065758-0.44201724501907647:/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--1711449065565-0.7655674373809525:/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--1711449043575-0.6635057017834785:/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--1711449043398-0.7109108534118918:/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_275be91c-7c85-4eae-b508-4ae09c4a1490", INVOCATION_ID: "d86ebf1fa70142b291f9a4e48bfa4e02", 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: "495", 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 201", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "main", GITHUB_REPOSITORY: "100mslive/web-sdks", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_devDependencies_rollup_plugin_import_css: "^3.3.1", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.10.4", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.4", 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: "7c3e871297668d3dc11759d88a888027967715ac", 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/main", 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_9c29dcb4-e4cc-4e3c-8b54-ad39147e5f93", 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_9c29dcb4-e4cc-4e3c-8b54-ad39147e5f93", 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_9c29dcb4-e4cc-4e3c-8b54-ad39147e5f93" };
+    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_3f179e2a-0273-4c12-bf04-005bfb6de68d", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_devDependencies_rollup: "^2.70.1", npm_package_exports___require: "./dist/index.cjs.js", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.19.1 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_devDependencies__rollup_plugin_node_resolve: "^13.1.3", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.10.5-alpha.0", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_3f179e2a-0273-4c12-bf04-005bfb6de68d", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.19.1/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.13.5-alpha.0", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.8", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.6", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.2.11394342", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "594", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_devDependencies__rollup_plugin_image: "^3.0.2", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.8/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240317.1.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.1/x64", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.0.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:20579", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__rollup_plugin_commonjs: "^21.0.3", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.3.5-alpha.0", 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: "8449690854", 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: "ff505981427628881b2c9c601640319966773bd2", 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: "e545733b15e3a9253d5a1cef5d29dfab496fa3910419720fe8147e093fcd3411", 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--1711532751910-0.7164482395491947:/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--1711532751719-0.8203476954468907:/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--1711532729873-0.6297403571471112:/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--1711532729699-0.7760332225690942:/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_526005c1-0b3d-4b30-880f-ebba4158c2e9", INVOCATION_ID: "9fe2f550138e49b5a525b996b2abb0dc", 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: "496", 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 3", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_devDependencies_rollup_plugin_import_css: "^3.3.1", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.10.5-alpha.0", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.5-alpha.0", 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: "ff505981427628881b2c9c601640319966773bd2", 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_3f179e2a-0273-4c12-bf04-005bfb6de68d", 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_3f179e2a-0273-4c12-bf04-005bfb6de68d", 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_3f179e2a-0273-4c12-bf04-005bfb6de68d" };
   }
 });
 
@@ -2928,8 +2928,8 @@ var require_lodash = __commonJS({
           return { "start": start, "end": end };
         }
         function getWrapDetails(source) {
-          var match13 = source.match(reWrapDetails);
-          return match13 ? match13[1].split(reSplitDetails) : [];
+          var match16 = source.match(reWrapDetails);
+          return match16 ? match16[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(match13, number, quote, subString) {
-            result2.push(quote ? subString.replace(reEscapeChar, "$1") : number || match13);
+          string.replace(rePropName, function(match16, number, quote, subString) {
+            result2.push(quote ? subString.replace(reEscapeChar, "$1") : number || match16);
           });
           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(match13, escapeValue, interpolateValue, esTemplateValue, evaluateValue, offset) {
+          string.replace(reDelimiters, function(match16, 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 + match13.length;
-            return match13;
+            index = offset + match16.length;
+            return match16;
           });
           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 match13, substring = result2;
+              var match16, substring = result2;
               if (!separator.global) {
                 separator = RegExp2(separator.source, toString(reFlags.exec(separator)) + "g");
               }
               separator.lastIndex = 0;
-              while (match13 = separator.exec(substring)) {
-                var newEnd = match13.index;
+              while (match16 = separator.exec(substring)) {
+                var newEnd = match16.index;
               }
               result2 = result2.slice(0, newEnd === undefined2 ? end : newEnd);
             }
@@ -5628,37 +5628,37 @@ var require_ua_parser = __commonJS({
         }
       };
       var rgxMapper = function(ua, arrays) {
-        var i = 0, j, k2, p, q2, matches, match13;
+        var i = 0, j2, k2, p, q2, matches, match16;
         while (i < arrays.length && !matches) {
           var regex = arrays[i], props = arrays[i + 1];
-          j = k2 = 0;
-          while (j < regex.length && !matches) {
-            if (!regex[j]) {
+          j2 = k2 = 0;
+          while (j2 < regex.length && !matches) {
+            if (!regex[j2]) {
               break;
             }
-            matches = regex[j++].exec(ua);
+            matches = regex[j2++].exec(ua);
             if (!!matches) {
               for (p = 0; p < props.length; p++) {
-                match13 = matches[++k2];
+                match16 = 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, match13);
+                      this[q2[0]] = q2[1].call(this, match16);
                     } 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]] = match13 ? q2[1].call(this, match13, q2[2]) : undefined2;
+                      this[q2[0]] = match16 ? q2[1].call(this, match16, q2[2]) : undefined2;
                     } else {
-                      this[q2[0]] = match13 ? match13.replace(q2[1], q2[2]) : undefined2;
+                      this[q2[0]] = match16 ? match16.replace(q2[1], q2[2]) : undefined2;
                     }
                   } else if (q2.length === 4) {
-                    this[q2[0]] = match13 ? q2[3].call(this, match13.replace(q2[1], q2[2])) : undefined2;
+                    this[q2[0]] = match16 ? q2[3].call(this, match16.replace(q2[1], q2[2])) : undefined2;
                   }
                 } else {
-                  this[q2] = match13 ? match13 : undefined2;
+                  this[q2] = match16 ? match16 : undefined2;
                 }
               }
             }
@@ -5668,8 +5668,8 @@ var require_ua_parser = __commonJS({
       }, strMapper = function(str, map) {
         for (var i in map) {
           if (typeof map[i] === OBJ_TYPE && map[i].length > 0) {
-            for (var j = 0; j < map[i].length; j++) {
-              if (has(map[i][j], str)) {
+            for (var j2 = 0; j2 < map[i].length; j2++) {
+              if (has(map[i][j2], str)) {
                 return i === UNKNOWN ? undefined2 : i;
               }
             }
@@ -6826,18 +6826,18 @@ var require_ua_parser = __commonJS({
           window2.UAParser = UAParser;
         }
       }
-      var $ = typeof window2 !== UNDEF_TYPE && (window2.jQuery || window2.Zepto);
-      if ($ && !$.ua) {
+      var $2 = typeof window2 !== UNDEF_TYPE && (window2.jQuery || window2.Zepto);
+      if ($2 && !$2.ua) {
         var parser = new UAParser();
-        $.ua = parser.getResult();
-        $.ua.get = function() {
+        $2.ua = parser.getResult();
+        $2.ua.get = function() {
           return parser.getUA();
         };
-        $.ua.set = function(ua) {
+        $2.ua.set = function(ua) {
           parser.setUA(ua);
           var result = parser.getResult();
           for (var prop in result) {
-            $.ua[prop] = result[prop];
+            $2.ua[prop] = result[prop];
           }
         };
       }
@@ -7693,8 +7693,8 @@ var require_sdp = __commonJS({
       const parsed = {};
       let kv;
       const parts = line.substring(line.indexOf(" ") + 1).split(";");
-      for (let j = 0; j < parts.length; j++) {
-        kv = parts[j].trim().split("=");
+      for (let j2 = 0; j2 < parts.length; j2++) {
+        kv = parts[j2].trim().split("=");
         parsed[kv[0].trim()] = kv[1];
       }
       return parsed;
@@ -8636,13 +8636,13 @@ var require_parser = __commonJS({
     var toIntIfInt = function(v2) {
       return String(Number(v2)) === v2 ? Number(v2) : v2;
     };
-    var attachProperties = function(match13, location, names, rawName) {
+    var attachProperties = function(match16, location, names, rawName) {
       if (rawName && !names) {
-        location[rawName] = toIntIfInt(match13[1]);
+        location[rawName] = toIntIfInt(match16[1]);
       } else {
         for (var i = 0; i < names.length; i += 1) {
-          if (match13[i + 1] != null) {
-            location[names[i]] = toIntIfInt(match13[i + 1]);
+          if (match16[i + 1] != null) {
+            location[names[i]] = toIntIfInt(match16[i + 1]);
           }
         }
       }
@@ -8674,8 +8674,8 @@ var require_parser = __commonJS({
           media.push({ rtp: [], fmtp: [] });
           location = media[media.length - 1];
         }
-        for (var j = 0; j < (grammar[type] || []).length; j += 1) {
-          var obj = grammar[type][j];
+        for (var j2 = 0; j2 < (grammar[type] || []).length; j2 += 1) {
+          var obj = grammar[type][j2];
           if (obj.reg.test(content)) {
             return parseReg(obj, location, content);
           }
@@ -9860,7 +9860,7 @@ var getInitials = (name) => {
   if (!name) {
     return void 0;
   } else {
-    return (_c = (_b7 = (_a8 = name.trim().match(/(^\S\S?|\b\S)?/g)) == null ? void 0 : _a8.join("")) == null ? void 0 : _b7.match(/(^\S|\S$)?/g)) == null ? void 0 : _c.join("").toUpperCase();
+    return (_c = (_b7 = (_a8 = name.trim().replace(/[^a-zA-Z0-9]/g, "").match(/(^\S\S?|\b\S)?/g)) == null ? void 0 : _a8.join("")) == null ? void 0 : _b7.match(/(^\S|\S$)?/g)) == null ? void 0 : _c.join("").toUpperCase();
   }
 };
 var getAvatarBg = (name) => {
@@ -9928,12 +9928,12 @@ var StyledAvatar = styled("div", __spreadProps(__spreadValues({}, flexCenter), {
 }));
 var Avatar = (_a8) => {
   var _b7 = _a8, { name, css: css2 } = _b7, props = __objRest(_b7, ["name", "css"]);
-  const { initials } = getAvatarBg(name);
-  let { color } = getAvatarBg(name);
+  const info = getAvatarBg(name);
+  let { color } = info;
   if (!name) {
     color = "#7E47EB";
   }
-  return /* @__PURE__ */ React4.createElement(StyledAvatar, __spreadValues({ css: __spreadValues({ bg: color }, css2) }, props), initials || /* @__PURE__ */ React4.createElement(PersonIcon, { height: 40, width: 40 }));
+  return /* @__PURE__ */ React4.createElement(StyledAvatar, __spreadValues({ css: __spreadValues({ bg: color }, css2) }, props), info.initials || /* @__PURE__ */ React4.createElement(PersonIcon, { height: 40, width: 40 }));
 };
 
 // src/Divider/index.ts
@@ -11172,11 +11172,11 @@ var formatBytes = (bytes, unit = "B", decimals = 2) => {
     return "-";
   }
   const k2 = 1024;
-  const dm2 = decimals < 0 ? 0 : decimals;
+  const dm = decimals < 0 ? 0 : decimals;
   const sizes = ["", "K", "M", "G", "T", "P", "E", "Z", "Y"].map((size) => size + unit);
   let i = Math.floor(Math.log(bytes) / Math.log(k2));
   i === 0 && i++;
-  return `${parseFloat((bytes / Math.pow(k2, i)).toFixed(dm2))} ${sizes[i]}`;
+  return `${parseFloat((bytes / Math.pow(k2, i)).toFixed(dm))} ${sizes[i]}`;
 };
 
 // src/Stats/StyledStats.tsx
@@ -11249,7 +11249,7 @@ function VideoTileStats({ videoTrackID, audioTrackID, peerID, isLocal = false })
       return null;
     }
     const layer = stat.rid ? simulcastMapping[stat.rid] : "";
-    return /* @__PURE__ */ React15.createElement(Fragment, null, layer && /* @__PURE__ */ React15.createElement(StatsRow, { label: layer.toUpperCase(), value: "" }), /* @__PURE__ */ React15.createElement(
+    return /* @__PURE__ */ React15.createElement(Fragment, { key: `${stat.id}${stat.rid}` }, layer && /* @__PURE__ */ React15.createElement(StatsRow, { label: layer.toUpperCase(), value: "" }), /* @__PURE__ */ React15.createElement(
       StatsRow,
       {
         show: isNotNullishAndNot0(stat.frameWidth),
@@ -11299,6 +11299,20 @@ function VideoTileStats({ videoTrackID, audioTrackID, peerID, isLocal = false })
       label: "FPS",
       value: `${videoTrackStats == null ? void 0 : videoTrackStats.framesPerSecond} ${isNotNullishAndNot0(videoTrackStats == null ? void 0 : videoTrackStats.framesDropped) ? `(${videoTrackStats == null ? void 0 : videoTrackStats.framesDropped} dropped)` : ""}`
     }
+  ), /* @__PURE__ */ React15.createElement(
+    StatsRow,
+    {
+      show: isNotNullish(videoTrackStats == null ? void 0 : videoTrackStats.totalPausesDuration),
+      label: "Pauses Duration",
+      value: videoTrackStats == null ? void 0 : videoTrackStats.totalPausesDuration
+    }
+  ), /* @__PURE__ */ React15.createElement(
+    StatsRow,
+    {
+      show: isNotNullish(videoTrackStats == null ? void 0 : videoTrackStats.totalFreezesDuration),
+      label: "Freezes Duration",
+      value: videoTrackStats == null ? void 0 : videoTrackStats.totalFreezesDuration
+    }
   ), /* @__PURE__ */ React15.createElement(
     StatsRow,
     {
@@ -11345,7 +11359,7 @@ var RawStatsRow = ({
   tooltip = "",
   show = true
 }) => {
-  const statsLabel = /* @__PURE__ */ React15.createElement(Stats.Label, { css: { fontWeight: !value ? "$semiBold" : "$regular" } }, label);
+  const statsLabel = /* @__PURE__ */ React15.createElement(Stats.Label, null, label);
   return /* @__PURE__ */ React15.createElement(React15.Fragment, null, show ? /* @__PURE__ */ React15.createElement(Stats.Row, null, tooltip ? /* @__PURE__ */ React15.createElement(Tooltip, { side: "top", title: tooltip }, statsLabel) : statsLabel, value === "" ? /* @__PURE__ */ React15.createElement(Stats.Value, null) : /* @__PURE__ */ React15.createElement(Stats.Value, null, value)) : null);
 };
 var StatsRow = React15.memo(RawStatsRow);
@@ -11897,6 +11911,7 @@ var Collapsible = {
 // src/Prebuilt/App.tsx
 init_define_process_env();
 import React177, { useEffect as useEffect69, useRef as useRef27 } from "react";
+import { match as match15 } from "ts-pattern";
 import {
   HMSReactiveStore,
   HMSRoomProvider,
@@ -12764,6 +12779,7 @@ var ResetStreamingStart = () => {
 init_define_process_env();
 import React25, { useEffect as useEffect6, useState as useState6 } from "react";
 import { useSessionStorage } from "react-use";
+import { match as match2 } from "ts-pattern";
 import { v4 as uuid } from "uuid";
 import { useHMSActions as useHMSActions5 } from "@100mslive/react-sdk";
 
@@ -12848,38 +12864,33 @@ var convertError = (error) => {
     "If you think this is a mistake on our side, please reach out to us over Discord:",
     "https://discord.com/invite/kGdmszyzq2"
   );
-  if (error.action === "GET_TOKEN" && error.code === 403) {
-    return {
-      title: "Psst! This room is currently inactive.",
-      body: "Please feel free to join another open room for more conversations. Thanks for stopping by!"
-    };
-  } else if (error.action === "GET_TOKEN" && error.code === 404) {
-    return {
-      title: "Room code does not exist",
-      body: "We could not find a room code corresponding to this link."
-    };
-  } else if (error.action === "GET_TOKEN" && error.code === 2003) {
-    return {
-      title: "Endpoint is not reachable",
-      body: `Endpoint is not reachable. ${error.description}.`
-    };
-  } else if (error.response && error.response.status === 404) {
-    return {
-      title: "Room does not exist",
-      body: "We could not find a room corresponding to this link."
-    };
-  } else if (error.response && error.response.status === 403) {
-    return {
-      title: "Accessing room using this link format is disabled",
-      body: "You can re-enable this from the developer section in Dashboard."
-    };
-  } else {
-    console.error("Token API Error", error);
-    return {
-      title: "Error fetching token",
-      body: "An error occurred while fetching the app token. Please look into logs for more details."
-    };
-  }
+  return match2([error.action, error.code]).with(["GET_TOKEN", 403], () => ({
+    title: "Psst! This room is currently inactive.",
+    body: "Please feel free to join another open room for more conversations. Thanks for stopping by!"
+  })).with(["GET_TOKEN", 404], () => ({
+    title: "Room code does not exist",
+    body: "We could not find a room code corresponding to this link."
+  })).with(["GET_TOKEN", 2003], () => ({
+    title: "Endpoint is not reachable",
+    body: `Endpoint is not reachable. ${error.description}.`
+  })).otherwise(
+    () => {
+      var _a8;
+      return match2((_a8 = error.response) == null ? void 0 : _a8.status).with(404, () => ({
+        title: "Room does not exist",
+        body: "We could not find a room corresponding to this link."
+      })).with(403, () => ({
+        title: "Accessing room using this link format is disabled",
+        body: "You can re-enable this from the developer section in Dashboard."
+      })).otherwise(() => {
+        console.error("Token API Error", error);
+        return {
+          title: "Error fetching token",
+          body: "An error occurred while fetching the app token. Please look into logs for more details."
+        };
+      });
+    }
+  );
 };
 var AuthToken_default = AuthToken;
 
@@ -12892,7 +12903,6 @@ import {
   selectAppData as selectAppData9,
   selectIsConnectedToRoom as selectIsConnectedToRoom10,
   selectRoomState as selectRoomState7,
-  useAVToggle as useAVToggle7,
   useHMSActions as useHMSActions47,
   useHMSStore as useHMSStore84
 } from "@100mslive/react-sdk";
@@ -12902,7 +12912,6 @@ init_define_process_env();
 import React77, { useEffect as useEffect20 } from "react";
 import { useMedia as useMedia11 } from "react-use";
 import { Chat_ChatState } from "@100mslive/types-prebuilt/elements/chat";
-import { useAVToggle as useAVToggle4 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/AudioVideoToggle.tsx
 init_define_process_env();
@@ -14626,7 +14635,7 @@ import { useMedia as useMedia9 } from "react-use";
 init_define_process_env();
 import React52, { Fragment as Fragment6, useState as useState23 } from "react";
 import { HMSHLSPlayer } from "@100mslive/hls-player";
-import { match as match3 } from "ts-pattern";
+import { match as match4 } 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";
 
@@ -15606,7 +15615,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 { match as match3, P as P2 } from "ts-pattern";
 import {
   selectHMSStats as selectHMSStats2,
   selectLocalPeerID as selectLocalPeerID2,
@@ -15741,7 +15750,7 @@ var LocalPeerStats = () => {
 };
 var TrackStats = ({ trackID, layer, local }) => {
   var _a8;
-  const selector = match2({ trackID, layer, local }).with(
+  const selector = match3({ trackID, layer, local }).with(
     {
       layer: P2.when((layer2) => !!layer2)
     },
@@ -15784,10 +15793,10 @@ var formatBytes2 = (bytes, unit = "B", decimals = 2) => {
   if (bytes === 0)
     return "0 " + unit;
   const k2 = 1024;
-  const dm2 = decimals < 0 ? 0 : decimals;
+  const dm = decimals < 0 ? 0 : decimals;
   const sizes = ["", "K", "M", "G", "T", "P", "E", "Z", "Y"].map((size) => size + unit);
   const i = Math.floor(Math.log(bytes) / Math.log(k2));
-  return parseFloat((bytes / Math.pow(k2, i)).toFixed(dm2)) + " " + sizes[i];
+  return parseFloat((bytes / Math.pow(k2, i)).toFixed(dm)) + " " + sizes[i];
 };
 
 // src/Prebuilt/components/MoreSettings/BulkRoleChangeModal.jsx
@@ -16070,7 +16079,7 @@ var MuteAllModal = ({
   return /* @__PURE__ */ React51.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ React51.createElement(DialogContent, { title: "Mute/Unmute Remote Tracks", Icon: MicOffIcon2 }, /* @__PURE__ */ React51.createElement(MuteAllContent, __spreadValues({}, props))));
 };
 
-// src/Prebuilt/components/hooks/useMetadata.jsx
+// src/Prebuilt/components/hooks/useMetadata.tsx
 init_define_process_env();
 import { useCallback as useCallback14 } from "react";
 import {
@@ -16095,6 +16104,7 @@ var useMyMetadata = () => {
     } catch (error) {
       console.error("failed to update metadata ", updatedFields);
     }
+    return false;
   });
   const toggleHandRaise = useCallback14(() => __async(void 0, null, function* () {
     if (isHandRaised) {
@@ -16111,19 +16121,13 @@ var useMyMetadata = () => {
       yield hmsActions.lowerLocalPeerHand();
     }
   }), [metaData == null ? void 0 : metaData.isBRBOn]);
-  const setPrevRole = (role) => __async(void 0, null, function* () {
-    yield update({
-      prevRole: role
-    });
-  });
   return {
     isHandRaised,
     isBRBOn: !!(metaData == null ? void 0 : metaData.isBRBOn),
     metaData,
     updateMetaData: update,
     toggleHandRaise,
-    toggleBRB,
-    setPrevRole
+    toggleBRB
   };
 };
 
@@ -16186,7 +16190,7 @@ var DesktopOptions = ({
         }
       },
       isBRBEnabled && screenType !== "hls_live_streaming" ? /* @__PURE__ */ React52.createElement(Dropdown.Item, { onClick: toggleBRB, "data-testid": "brb_btn" }, /* @__PURE__ */ React52.createElement(BrbIcon, null), /* @__PURE__ */ React52.createElement(Text, { variant: "sm", css: { ml: "$4", color: "$on_surface_high" } }, "Be Right Back"), /* @__PURE__ */ React52.createElement(Flex, { justify: "end", css: { color: "$on_surface_high", flexGrow: "1" } }, isBRBOn ? /* @__PURE__ */ React52.createElement(CheckIcon5, null) : null)) : null,
-      screenType !== "hls_live_streaming" ? /* @__PURE__ */ React52.createElement(Dropdown.Item, null, /* @__PURE__ */ React52.createElement(
+      screenType !== "hls_live_streaming" ? /* @__PURE__ */ React52.createElement(Dropdown.Item, { css: { "&:empty": { display: "none" } } }, /* @__PURE__ */ React52.createElement(
         PIP,
         {
           content: /* @__PURE__ */ React52.createElement(Flex, { css: { w: "100%" } }, /* @__PURE__ */ React52.createElement(PipIcon2, null), /* @__PURE__ */ React52.createElement(Text, { variant: "sm", css: { ml: "$4" } }, isPipOn ? "Disable" : "Enable", " Picture-in-Picture"))
@@ -16195,7 +16199,7 @@ 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")),
-      match3({ screenType, isSupported: HMSHLSPlayer.isSupported() }).with({ screenType: "hls_live_streaming", isSupported: false }, () => null).with({ screenType: "hls_live_streaming", isSupported: true }, () => {
+      match4({ 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,
           {
@@ -16243,12 +16247,11 @@ 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 { match as match5 } from "ts-pattern";
 import {
   selectIsConnectedToRoom as selectIsConnectedToRoom7,
   selectPeerCount as selectPeerCount3,
   selectPermissions as selectPermissions8,
-  useAVToggle as useAVToggle3,
   useHMSActions as useHMSActions21,
   useHMSStore as useHMSStore29,
   useRecordingStreaming as useRecordingStreaming7
@@ -16356,8 +16359,8 @@ var createSelector = createSelectorCreator(defaultMemoize);
 // ../hms-video-store/dist/index.js
 var import_ua_parser_js = __toESM(require_ua_parser());
 var import_lodash3 = __toESM(require_lodash2());
-import { v4 as qa } from "uuid";
-import { v4 as $a } from "uuid";
+import { v4 as ja } from "uuid";
+import { v4 as Ka } from "uuid";
 
 // ../../node_modules/webrtc-adapter/src/js/adapter_core.js
 init_define_process_env();
@@ -16370,8 +16373,8 @@ init_define_process_env();
 var logDisabled_ = true;
 var deprecationWarnings_ = true;
 function extractVersion(uastring, expr, pos) {
-  const match13 = uastring.match(expr);
-  return match13 && match13.length >= pos && parseInt(match13[pos], 10);
+  const match16 = uastring.match(expr);
+  return match16 && match16.length >= pos && parseInt(match16[pos], 10);
 }
 function wrapPeerConnectionEvent(window2, eventNameToWrap, wrapper) {
   if (!window2.RTCPeerConnection) {
@@ -16673,7 +16676,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((match13) => d2.label.toLowerCase().includes(match13)));
+            let dev = devices.find((d2) => matches.some((match16) => d2.label.toLowerCase().includes(match16)));
             if (!dev && devices.length && matches.includes("back")) {
               dev = devices[devices.length - 1];
             }
@@ -18100,11 +18103,11 @@ function shimMaxMessageSize(window2, browserDetails) {
     });
   };
   const getRemoteFirefoxVersion = function(description) {
-    const match13 = description.sdp.match(/mozilla...THIS_IS_SDPARTA-(\d+)/);
-    if (match13 === null || match13.length < 2) {
+    const match16 = description.sdp.match(/mozilla...THIS_IS_SDPARTA-(\d+)/);
+    if (match16 === null || match16.length < 2) {
       return -1;
     }
-    const version = parseInt(match13[1], 10);
+    const version = parseInt(match16[1], 10);
     return version !== version ? -1 : version;
   };
   const getCanSendMaxMessageSize = function(remoteIsFirefox) {
@@ -18129,12 +18132,12 @@ function shimMaxMessageSize(window2, browserDetails) {
     if (browserDetails.browser === "firefox" && browserDetails.version === 57) {
       maxMessageSize = 65535;
     }
-    const match13 = import_sdp.default.matchPrefix(
+    const match16 = import_sdp.default.matchPrefix(
       description.sdp,
       "a=max-message-size:"
     );
-    if (match13.length > 0) {
-      maxMessageSize = parseInt(match13[0].substring(19), 10);
+    if (match16.length > 0) {
+      maxMessageSize = parseInt(match16[0].substring(19), 10);
     } else if (browserDetails.browser === "firefox" && remoteIsFirefox !== -1) {
       maxMessageSize = 2147483637;
     }
@@ -18182,15 +18185,15 @@ function shimSendThrowTypeError(window2) {
   if (!(window2.RTCPeerConnection && "createDataChannel" in window2.RTCPeerConnection.prototype)) {
     return;
   }
-  function wrapDcSend(dc, pc) {
-    const origDataChannelSend = dc.send;
-    dc.send = function send() {
+  function wrapDcSend(dc2, pc) {
+    const origDataChannelSend = dc2.send;
+    dc2.send = function send() {
       const data3 = arguments[0];
       const length = data3.length || data3.size || data3.byteLength;
-      if (dc.readyState === "open" && pc.sctp && length > pc.sctp.maxMessageSize) {
+      if (dc2.readyState === "open" && pc.sctp && length > pc.sctp.maxMessageSize) {
         throw new TypeError("Message too large (can send a maximum of " + pc.sctp.maxMessageSize + " bytes)");
       }
-      return origDataChannelSend.apply(dc, arguments);
+      return origDataChannelSend.apply(dc2, arguments);
     };
   }
   const origCreateDataChannel = window2.RTCPeerConnection.prototype.createDataChannel;
@@ -18454,57 +18457,57 @@ var adapter = adapterFactory({ window: typeof window === "undefined" ? void 0 :
 
 // ../hms-video-store/dist/index.js
 var import_lodash4 = __toESM(require_lodash2());
-import { v4 as io } from "uuid";
-import { v4 as oo } from "uuid";
-import { v4 as uo } from "uuid";
-import { EventEmitter2 as po } from "eventemitter2";
+import { v4 as ro } from "uuid";
+import { v4 as no } from "uuid";
+import { v4 as po } from "uuid";
+import { EventEmitter2 as ho } from "eventemitter2";
 var wt = __toESM(require_lib());
-import { EventEmitter2 as Co } from "eventemitter2";
-import { v4 as Do } from "uuid";
-import { EventEmitter2 as _o } from "eventemitter2";
-import No from "eventemitter2";
-import { v4 as Oo } from "uuid";
-import { v4 as Bo } from "uuid";
-var ka = Object.defineProperty;
-var Pa = Object.defineProperties;
-var Ea = Object.getOwnPropertyDescriptors;
+import { EventEmitter2 as Lo } from "eventemitter2";
+import { v4 as _o } from "uuid";
+import { EventEmitter2 as No } from "eventemitter2";
+import Oo from "eventemitter2";
+import { v4 as xo } from "uuid";
+import { v4 as Vo } from "uuid";
+var Pa = Object.defineProperty;
+var Ea = Object.defineProperties;
+var ba = Object.getOwnPropertyDescriptors;
 var Vt = Object.getOwnPropertySymbols;
 var Wr = Object.prototype.hasOwnProperty;
-var $r = Object.prototype.propertyIsEnumerable;
-var Gr = (a2, e, t) => e in a2 ? ka(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
+var Kr = Object.prototype.propertyIsEnumerable;
+var $r = (a2, e, t) => e in a2 ? Pa(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
 var S = (a2, e) => {
   for (var t in e || (e = {}))
-    Wr.call(e, t) && Gr(a2, t, e[t]);
+    Wr.call(e, t) && $r(a2, t, e[t]);
   if (Vt)
     for (var t of Vt(e))
-      $r.call(e, t) && Gr(a2, t, e[t]);
+      Kr.call(e, t) && $r(a2, t, e[t]);
   return a2;
 };
-var v = (a2, e) => Pa(a2, Ea(e));
+var v = (a2, e) => Ea(a2, ba(e));
 var Xi = (a2, e) => {
   var t = {};
   for (var i in a2)
     Wr.call(a2, i) && e.indexOf(i) < 0 && (t[i] = a2[i]);
   if (a2 != null && Vt)
     for (var i of Vt(a2))
-      e.indexOf(i) < 0 && $r.call(a2, i) && (t[i] = a2[i]);
+      e.indexOf(i) < 0 && Kr.call(a2, i) && (t[i] = a2[i]);
   return t;
 };
 var Ia = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
-var lr = Ia((td, Ka) => {
-  Ka.exports = { version: "0.12.4", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "src"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, sideEffects: false, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", "lodash.isequal": "^4.5.0", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/lodash.isequal": "^4.5.8", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
+var lr = Ia((id, qa) => {
+  qa.exports = { version: "0.12.5-alpha.0", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "src"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, sideEffects: false, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", "lodash.isequal": "^4.5.0", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/lodash.isequal": "^4.5.8", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
 });
 var Zi = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(Zi || {});
-var Ra = ((e) => (e.CHAT = "chat", e))(Ra || {});
-var Kr = ((t) => (t.INFO = "info", t.ERROR = "error", t))(Kr || {});
+var Ha = ((e) => (e.CHAT = "chat", e))(Ha || {});
+var qr = ((t) => (t.INFO = "info", t.ERROR = "error", t))(qr || {});
 var er = ((C) => (C.PEER_JOINED = "PEER_JOINED", C.PEER_LEFT = "PEER_LEFT", C.PEER_LIST = "PEER_LIST", C.NEW_MESSAGE = "NEW_MESSAGE", C.ERROR = "ERROR", C.RECONNECTING = "RECONNECTING", C.RECONNECTED = "RECONNECTED", C.TRACK_ADDED = "TRACK_ADDED", C.TRACK_REMOVED = "TRACK_REMOVED", C.TRACK_MUTED = "TRACK_MUTED", C.TRACK_UNMUTED = "TRACK_UNMUTED", C.TRACK_DEGRADED = "TRACK_DEGRADED", C.TRACK_RESTORED = "TRACK_RESTORED", C.TRACK_DESCRIPTION_CHANGED = "TRACK_DESCRIPTION_CHANGED", C.ROLE_UPDATED = "ROLE_UPDATED", C.CHANGE_TRACK_STATE_REQUEST = "CHANGE_TRACK_STATE_REQUEST", C.CHANGE_MULTI_TRACK_STATE_REQUEST = "CHANGE_MULTI_TRACK_STATE_REQUEST", C.ROOM_ENDED = "ROOM_ENDED", C.REMOVED_FROM_ROOM = "REMOVED_FROM_ROOM", C.DEVICE_CHANGE_UPDATE = "DEVICE_CHANGE_UPDATE", C.PLAYLIST_TRACK_ENDED = "PLAYLIST_TRACK_ENDED", C.NAME_UPDATED = "NAME_UPDATED", C.METADATA_UPDATED = "METADATA_UPDATED", C.POLL_CREATED = "POLL_CREATED", C.POLL_STARTED = "POLL_STARTED", C.POLL_STOPPED = "POLL_STOPPED", C.POLL_VOTES_UPDATED = "POLL_VOTES_UPDATED", C.POLLS_LIST = "POLLS_LIST", C.HAND_RAISE_CHANGED = "HAND_RAISE_CHANGED", C))(er || {});
-var qr = ((t) => (t.audio = "audio", t.video = "video", t))(qr || {});
+var jr = ((t) => (t.audio = "audio", t.video = "video", t))(jr || {});
 function He(a2, e) {
   let t, i;
   if (e)
     for (let r of e.auxiliaryTracks) {
       let s = a2[r];
-      Ha(s) && (i = tt(s) ? s : i, t = it(s) ? s : t);
+      Ca(s) && (i = tt(s) ? s : i, t = it(s) ? s : t);
     }
   return { video: t, audio: i };
 }
@@ -18514,16 +18517,16 @@ function tt(a2) {
 function it(a2) {
   return a2 && a2.type === "video";
 }
-function Ha(a2) {
+function Ca(a2) {
   return a2 && a2.source === "screen";
 }
-function Wt(a2) {
+function $t(a2) {
   return a2 && a2.source === "audioplaylist";
 }
 function rt(a2) {
   return a2 && a2.source === "videoplaylist";
 }
-function jr(a2) {
+function Jr(a2) {
   return a2 ? !!(a2 != null && a2.degraded) : false;
 }
 function Ue(a2, e) {
@@ -18535,33 +18538,33 @@ function st(a2) {
   return (r = a2 == null ? void 0 : a2.publishParams) != null && r.allowed && (e = a2.publishParams.allowed.includes("video"), t = a2.publishParams.allowed.includes("audio"), i = a2.publishParams.allowed.includes("screen")), { video: e, audio: t, screen: i };
 }
 var B = (a2) => a2.room;
-var Ca = (a2) => a2.errors;
-var Rn = createSelector(Ca, (a2) => a2.length === 0 ? null : a2.at(-1));
-var Hn = createSelector(B, (a2) => a2.id);
+var La = (a2) => a2.errors;
+var Hn = createSelector(La, (a2) => a2.length === 0 ? null : a2.at(-1));
+var Cn = createSelector(B, (a2) => a2.id);
 var G = (a2) => a2.peers;
-var $t = (a2) => a2.messages.byID;
-var Qr = (a2) => a2.messages.allIDs;
+var Wt = (a2) => a2.messages.byID;
+var zr = (a2) => a2.messages.allIDs;
 var D = (a2) => a2.tracks;
 var tr = (a2) => a2.appData;
-var La = (a2) => a2.speakers;
+var wa = (a2) => a2.speakers;
 var ye = createSelector([B], (a2) => a2 && a2.isConnected);
-var wn = createSelector([ye, B], (a2, e) => a2 ? e.peerCount !== void 0 ? e.peerCount || 1 : e.peers.length : Math.max(e.peerCount !== void 0 ? e.peerCount : e.peers.length - 1, 0));
-var wa = (a2) => a2.hideLocalPeer;
-var oe = createSelector([B, G, wa], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
-var Da = createSelector(D, (a2) => Object.values(a2));
+var Dn = createSelector([ye, B], (a2, e) => a2 ? e.peerCount !== void 0 ? e.peerCount || 1 : e.peers.length : Math.max(e.peerCount !== void 0 ? e.peerCount : e.peers.length - 1, 0));
+var Da = (a2) => a2.hideLocalPeer;
+var oe = createSelector([B, G, Da], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
+var _a7 = createSelector(D, (a2) => Object.values(a2));
 var z = createSelector(B, G, (a2, e) => e[a2.localPeer]);
 var ue = createSelector(B, (a2) => a2.localPeer);
-var Dn = createSelector(z, (a2) => a2 == null ? void 0 : a2.name);
-var _n = createSelector(z, (a2) => a2 == null ? void 0 : a2.roleName);
+var _n = createSelector(z, (a2) => a2 == null ? void 0 : a2.name);
+var Nn = createSelector(z, (a2) => a2 == null ? void 0 : a2.roleName);
 var Z = createSelector(z, (a2) => a2 == null ? void 0 : a2.audioTrack);
-var K = createSelector(z, (a2) => a2 == null ? void 0 : a2.videoTrack);
-var _a7 = createSelector(z, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
-var Yr = createSelector([Z, K, _a7], (a2, e, t) => {
+var q = createSelector(z, (a2) => a2 == null ? void 0 : a2.videoTrack);
+var Na = createSelector(z, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
+var Xr = createSelector([Z, q, Na], (a2, e, t) => {
   let i = t ? [...t] : [];
   return a2 && i.unshift(a2), e && i.unshift(e), i;
 });
-var Nn = createSelector(oe, (a2) => a2.filter((e) => !e.isLocal));
-var On = createSelector(G, La, (a2, e) => {
+var On = createSelector(oe, (a2) => a2.filter((e) => !e.isLocal));
+var xn = createSelector(G, wa, (a2, e) => {
   let t = Object.entries(e).sort((i, r) => {
     var n, l;
     let s = ((n = i[1]) == null ? void 0 : n.audioLevel) || 0;
@@ -18578,7 +18581,7 @@ var rr = createSelector(z, D, (a2, e) => {
   let { video: t, audio: i } = He(e, a2);
   return !!(t || i);
 });
-var Na = createSelector(G, D, (a2, e) => {
+var Oa = createSelector(G, D, (a2, e) => {
   let t;
   for (let i in a2) {
     let r = a2[i], { video: s, audio: o } = He(e, r);
@@ -18588,15 +18591,15 @@ var Na = createSelector(G, D, (a2, e) => {
   }
   return t;
 });
-var Un = createSelector(Na, (a2) => !!a2);
-var Bn = createSelector(G, D, (a2, e) => {
+var Bn = createSelector(Oa, (a2) => !!a2);
+var Vn = createSelector(G, D, (a2, e) => {
   for (let t in a2) {
     let i = a2[t], { audio: r, video: s } = He(e, i);
     if (!s && r)
       return i;
   }
 });
-var Vn = createSelector(G, D, (a2, e) => {
+var Fn = createSelector(G, D, (a2, e) => {
   let t = [], i = [];
   for (let r in a2) {
     let s = a2[r], { video: o, audio: n } = He(e, s);
@@ -18604,80 +18607,80 @@ var Vn = createSelector(G, D, (a2, e) => {
   }
   return t.concat(i);
 });
-var Fn = createSelector(G, D, (a2, e) => {
+var Gn = createSelector(G, D, (a2, e) => {
   for (let t in e) {
     let i = e[t];
     if (rt(i) && it(i) && i.peerId)
       return a2[i.peerId];
   }
 });
-var Gn = createSelector(G, D, (a2, e) => {
+var $n = createSelector(G, D, (a2, e) => {
   for (let t in e) {
     let i = e[t];
-    if (Wt(i) && i.peerId)
+    if ($t(i) && i.peerId)
       return a2[i.peerId];
   }
 });
-var Wn = createSelector(Da, (a2) => a2.filter(jr));
-var $n = createSelector(Qr, (a2) => a2.length);
-var Kn = createSelector($t, (a2) => Object.values(a2).filter((e) => !e.read).length);
-var at = createSelector(Qr, $t, (a2, e) => {
+var Wn = createSelector(_a7, (a2) => a2.filter(Jr));
+var Kn = createSelector(zr, (a2) => a2.length);
+var qn = createSelector(Wt, (a2) => Object.values(a2).filter((e) => !e.read).length);
+var at = createSelector(zr, Wt, (a2, e) => {
   let t = [];
   return a2.forEach((i) => {
     t.push(e[i]);
   }), t;
 });
-var Oa = createSelector(at, (a2) => a2.filter((e) => {
+var xa = createSelector(at, (a2) => a2.filter((e) => {
   var t;
   return !e.recipientPeer && !(e.recipientRoles && ((t = e.recipientRoles) == null ? void 0 : t.length) > 0);
 }));
-var qn = createSelector(Oa, (a2) => a2.filter((e) => !e.read).length);
+var jn = createSelector(xa, (a2) => a2.filter((e) => !e.read).length);
 var Y = createSelector([B], (a2) => a2 && a2.roomState);
-var Zr = createSelector(Y, (a2) => a2 === "Preview");
-var jn = createSelector(B, (a2) => a2.roomState !== "Disconnected");
+var es = createSelector(Y, (a2) => a2 === "Preview");
+var Jn = createSelector(B, (a2) => a2.roomState !== "Disconnected");
 var ne = (a2) => a2.roles;
-var Jn = createSelector([ne], (a2) => Object.keys(a2));
+var Qn = createSelector([ne], (a2) => Object.keys(a2));
 var Kt = createSelector([z, ne], (a2, e) => a2 != null && a2.roleName ? e[a2.roleName] : null);
-var xa = (a2) => {
+var Ua = (a2) => {
   var e;
   return (e = a2.preview) == null ? void 0 : e.asRole;
 };
-var es = createSelector([xa, ne], (a2, e) => a2 ? e[a2] : null);
-var Qn = createSelector([Kt], (a2) => {
+var ts = createSelector([Ua, ne], (a2, e) => a2 ? e[a2] : null);
+var zn = createSelector([Kt], (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribeParams) != null && e.subscribeToRoles ? a2.subscribeParams.subscribeToRoles.length > 0 : false;
 });
-var ts = createSelector(Kt, (a2) => a2 == null ? void 0 : a2.permissions);
-var zn = createSelector(B, (a2) => a2.recording);
-var Yn = createSelector(B, (a2) => a2.rtmp);
-var Xn = createSelector(B, (a2) => a2.hls);
-var Zn = createSelector(B, (a2) => a2.sessionId);
-var ec = createSelector(B, (a2) => a2.startedAt);
-var tc = createSelector(B, (a2) => !!a2.isLargeRoom);
-var ic = createSelector(B, (a2) => !!a2.isEffectsEnabled);
-var rc = createSelector(B, (a2) => a2.effectsKey);
-var is = (a2) => a2.polls;
-var nc = createSelector(oe, (a2) => a2.filter((e) => e.isHandRaised));
-var Ua = (a2) => a2.whiteboards;
-var cc = createSelector(Ua, (a2) => Object.values(a2)[0]);
-var ss = (a2 = "audio") => (e) => e.playlist[a2].list;
+var is = createSelector(Kt, (a2) => a2 == null ? void 0 : a2.permissions);
+var Yn = createSelector(B, (a2) => a2.recording);
+var Xn = createSelector(B, (a2) => a2.rtmp);
+var Zn = createSelector(B, (a2) => a2.hls);
+var ec = createSelector(B, (a2) => a2.sessionId);
+var tc = createSelector(B, (a2) => a2.startedAt);
+var ic = createSelector(B, (a2) => !!a2.isLargeRoom);
+var rc = createSelector(B, (a2) => !!a2.isEffectsEnabled);
+var sc = createSelector(B, (a2) => a2.effectsKey);
+var rs = (a2) => a2.polls;
+var cc = createSelector(oe, (a2) => a2.filter((e) => e.isHandRaised));
+var Ba = (a2) => a2.whiteboards;
+var dc = createSelector(Ba, (a2) => Object.values(a2)[0]);
+var as = (a2 = "audio") => (e) => e.playlist[a2].list;
 var sr = (a2 = "audio") => (e) => e.playlist[a2].selection;
-var as = (a2 = "audio") => (e) => e.playlist[a2].progress;
-var os = (a2 = "audio") => (e) => e.playlist[a2].currentTime;
-var ns = (a2 = "audio") => (e) => e.playlist[a2].playbackRate;
-var cs = (a2 = "audio") => (e) => e.playlist[a2].volume;
-var ds = (a2 = "audio") => createSelector(ss(a2), (e) => Object.values(e));
-var ls = (a2 = "audio") => createSelector(ss(a2), sr(a2), (e, t) => {
+var os = (a2 = "audio") => (e) => e.playlist[a2].progress;
+var ns = (a2 = "audio") => (e) => e.playlist[a2].currentTime;
+var cs = (a2 = "audio") => (e) => e.playlist[a2].playbackRate;
+var ds = (a2 = "audio") => (e) => e.playlist[a2].volume;
+var ls = (a2 = "audio") => createSelector(as(a2), (e) => Object.values(e));
+var us = (a2 = "audio") => createSelector(as(a2), sr(a2), (e, t) => {
   if (t.id)
     return e[t.id];
 });
-var us = { selection: sr("audio"), progress: as("audio"), currentTime: os("audio"), playbackRate: ns("audio"), volume: cs("audio"), list: ds("audio"), selectedItem: ls("audio") };
-var ps = { selection: sr("video"), progress: as("video"), currentTime: os("video"), playbackRate: ns("video"), volume: cs("video"), list: ds("video"), selectedItem: ls("video") };
-function I(a2) {
+var ps = { selection: sr("audio"), progress: os("audio"), currentTime: ns("audio"), playbackRate: cs("audio"), volume: ds("audio"), list: ls("audio"), selectedItem: us("audio") };
+var hs = { selection: sr("video"), progress: os("video"), currentTime: ns("video"), playbackRate: cs("video"), volume: ds("video"), list: ls("video"), selectedItem: us("video") };
+function R(a2) {
   return (e) => (t) => a2(t, e);
 }
-var hs = ((l) => (l[l.VERBOSE = 0] = "VERBOSE", l[l.DEBUG = 1] = "DEBUG", l[l.INFO = 2] = "INFO", l[l.WARN = 3] = "WARN", l[l.TIME = 4] = "TIME", l[l.TIMEEND = 5] = "TIMEEND", l[l.ERROR = 6] = "ERROR", l[l.NONE = 7] = "NONE", l))(hs || {});
-var Ba = typeof window != "undefined" && typeof window.expect != "undefined";
+var ms = ((l) => (l[l.VERBOSE = 0] = "VERBOSE", l[l.DEBUG = 1] = "DEBUG", l[l.INFO = 2] = "INFO", l[l.WARN = 3] = "WARN", l[l.TIME = 4] = "TIME", l[l.TIMEEND = 5] = "TIMEEND", l[l.ERROR = 6] = "ERROR", l[l.NONE = 7] = "NONE", l))(ms || {});
+var Va = typeof window != "undefined" && typeof window.expect != "undefined";
 var d = class {
   static v(e, ...t) {
     this.log(0, e, ...t);
@@ -18743,25 +18746,25 @@ var d = class {
       }
   }
 };
-d.level = Ba ? 7 : 0;
+d.level = Va ? 7 : 0;
 var pe = new import_ua_parser_js.UAParser();
 var _ = typeof window != "undefined";
-var ms;
-var Ce = typeof window == "undefined" && !((ms = pe.getBrowser().name) != null && ms.toLowerCase().includes("electron"));
-var Fa = () => !Ce;
-var gc = Fa();
 var Ss;
+var Ce = typeof window == "undefined" && !((Ss = pe.getBrowser().name) != null && Ss.toLowerCase().includes("electron"));
+var Ga = () => !Ce;
+var Tc = Ga();
 var gs;
-var fs = ((gs = (Ss = pe.getBrowser()) == null ? void 0 : Ss.name) == null ? void 0 : gs.toLowerCase()) === "firefox";
-var vs = ((i) => (i.CUSTOM = "CUSTOM", i.LOCAL = "LOCAL", i.HMS = "HMS", i))(vs || {});
-function Ga() {
+var Ts;
+var vs = ((Ts = (gs = pe.getBrowser()) == null ? void 0 : gs.name) == null ? void 0 : Ts.toLowerCase()) === "firefox";
+var Ms = ((i) => (i.CUSTOM = "CUSTOM", i.LOCAL = "LOCAL", i.HMS = "HMS", i))(Ms || {});
+function $a() {
   if (_ && window) {
     let a2 = window.location.hostname;
     return a2 === "localhost" || a2 === "127.0.0.1" ? "LOCAL" : a2.includes("app.100ms.live") ? "HMS" : "CUSTOM";
   }
   return "CUSTOM";
 }
-var Ve = Ga();
+var Ve = $a();
 var M = { WebSocketConnectionErrors: { FAILED_TO_CONNECT: 1e3, WEBSOCKET_CONNECTION_LOST: 1003, ABNORMAL_CLOSE: 1006 }, APIErrors: { SERVER_ERRORS: 2e3, INIT_CONFIG_NOT_AVAILABLE: 2002, ENDPOINT_UNREACHABLE: 2003, INVALID_TOKEN_FORMAT: 2004 }, TracksErrors: { GENERIC_TRACK: 3e3, CANT_ACCESS_CAPTURE_DEVICE: 3001, DEVICE_NOT_AVAILABLE: 3002, DEVICE_IN_USE: 3003, DEVICE_LOST_MIDWAY: 3004, NOTHING_TO_RETURN: 3005, INVALID_VIDEO_SETTINGS: 3006, CODEC_CHANGE_NOT_PERMITTED: 3007, AUTOPLAY_ERROR: 3008, OVER_CONSTRAINED: 3009, NO_AUDIO_DETECTED: 3010, SYSTEM_DENIED_PERMISSION: 3011, CURRENT_TAB_NOT_SHARED: 3012, AUDIO_PLAYBACK_ERROR: 3013, SELECTED_DEVICE_MISSING: 3014 }, WebrtcErrors: { CREATE_OFFER_FAILED: 4001, CREATE_ANSWER_FAILED: 4002, SET_LOCAL_DESCRIPTION_FAILED: 4003, SET_REMOTE_DESCRIPTION_FAILED: 4004, ICE_FAILURE: 4005, ICE_DISCONNECTED: 4006, STATS_FAILED: 4007 }, WebsocketMethodErrors: { SERVER_ERRORS: 5e3, ALREADY_JOINED: 5001, CANNOT_JOIN_PREVIEW_IN_PROGRESS: 5002 }, GenericErrors: { NOT_CONNECTED: 6e3, SIGNALLING: 6001, UNKNOWN: 6002, NOT_READY: 6003, JSON_PARSING_FAILED: 6004, TRACK_METADATA_MISSING: 6005, RTC_TRACK_MISSING: 6006, PEER_METADATA_MISSING: 6007, INVALID_ROLE: 6008, PREVIEW_IN_PROGRESS: 6009, MISSING_MEDIADEVICES: 6010, MISSING_RTCPEERCONNECTION: 6011, LOCAL_STORAGE_ACCESS_DENIED: 6012, VALIDATION_FAILED: 6013 }, PlaylistErrors: { NO_ENTRY_TO_PLAY: 8001, NO_ENTRY_IS_PLAYING: 8002 } };
 var f = class a extends Error {
   constructor(t, i, r, s, o, n = false) {
@@ -18925,7 +18928,7 @@ var nr = class {
     return this.valuesMap.size;
   }
 };
-var Ms = () => {
+var ys = () => {
   try {
     _ && !localStorage && (window.localStorage = new nr());
   } catch (a2) {
@@ -18939,7 +18942,7 @@ var ce = class {
   }
   getStorage() {
     try {
-      return _ && !this.storage && (Ms(), this.storage = window.localStorage), this.storage;
+      return _ && !this.storage && (ys(), this.storage = window.localStorage), this.storage;
     } catch (e) {
       return d.e("Error initialising localStorage", m.GenericErrors.LocalStorageAccessDenied()), null;
     }
@@ -18959,29 +18962,29 @@ var ce = class {
     (e = this.getStorage()) == null || e.removeItem(this.key);
   }
 };
-var ys = () => {
+var ks = () => {
   let a2, e = new ce("hms-analytics-deviceId"), t = e.get();
-  return t ? a2 = t : (a2 = $a(), e.set(a2)), a2;
+  return t ? a2 = t : (a2 = Ka(), e.set(a2)), a2;
 };
 function ie(a2) {
   return a2 != null;
 }
-var Ps = lr().version;
+var Es = lr().version;
 function ot(a2 = "prod", e) {
   let t = "web", i = Ve !== "LOCAL" && a2 === "prod" ? "prod" : "debug";
   if (Ce)
-    return Es({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version: Ps, env: i, domain: Ve, is_prebuilt: !!(e != null && e.isPrebuilt), framework: "node", framework_version: process.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
+    return bs({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version: Es, env: i, domain: Ve, is_prebuilt: !!(e != null && e.isPrebuilt), framework: "node", framework_version: process.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
   let r = pe.getOS(), s = pe.getDevice(), o = pe.getBrowser(), n = ur(`web_${r.name}`), l = r.version || "", u = ur(`${o.name}_${o.version}`), p = u;
-  return s.type && (p = `${ur(`${s.vendor}_${s.type}`)}/${u}`), Es({ os: n, os_version: l, sdk: t, sdk_version: Ps, device_model: p, env: i, domain: Ve, is_prebuilt: !!(e != null && e.isPrebuilt), framework: e == null ? void 0 : e.type, framework_version: e == null ? void 0 : e.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
+  return s.type && (p = `${ur(`${s.vendor}_${s.type}`)}/${u}`), bs({ os: n, os_version: l, sdk: t, sdk_version: Es, device_model: p, env: i, domain: Ve, is_prebuilt: !!(e != null && e.isPrebuilt), framework: e == null ? void 0 : e.type, framework_version: e == null ? void 0 : e.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
 }
 function ur(a2) {
   return a2.replace(/ /g, "_");
 }
-var Es = (a2, e = ",") => Object.keys(a2).filter((t) => ie(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
-var R = class {
+var bs = (a2, e = ",") => Object.keys(a2).filter((t) => ie(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
+var I = class {
   constructor({ name: e, level: t, properties: i, includesPII: r, timestamp: s }) {
     this.metadata = { peer: {}, userAgent: ot() };
-    this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = qa(), this.device_id = ys();
+    this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = ja(), this.device_id = ks();
   }
   toSignalParams() {
     return { name: this.name, info: v(S({}, this.properties), { timestamp: this.timestamp, domain: Ve }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
@@ -18990,57 +18993,57 @@ var R = class {
 var y = class {
   static connect(e, t, i = /* @__PURE__ */ new Date(), r = /* @__PURE__ */ new Date(), s) {
     let o = this.eventNameFor("connect", e === void 0), n = e ? 2 : 1, l = this.getPropertiesWithError(v(S({}, t), { [this.KEY_REQUESTED_AT]: i == null ? void 0 : i.getTime(), [this.KEY_RESPONDED_AT]: r == null ? void 0 : r.getTime(), endpoint: s }), e);
-    return new R({ name: o, level: n, properties: l });
+    return new I({ name: o, level: n, properties: l });
   }
   static disconnect(e, t) {
     let i = "disconnected", r = e ? 2 : 1, s = this.getPropertiesWithError(t, e);
-    return new R({ name: i, level: r, properties: s });
+    return new I({ name: i, level: r, properties: s });
   }
   static preview(i) {
     var r = i, { error: e } = r, t = Xi(r, ["error"]);
     let s = this.eventNameFor("preview", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(t, e);
-    return new R({ name: s, level: o, properties: n });
+    return new I({ name: s, level: o, properties: n });
   }
   static join(i) {
     var r = i, { error: e } = r, t = Xi(r, ["error"]);
     let s = this.eventNameFor("join", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(v(S({}, t), { is_preview_called: !!t.is_preview_called }), e);
-    return new R({ name: s, level: o, properties: n });
+    return new I({ name: s, level: o, properties: n });
   }
   static publish({ devices: e, settings: t, error: i }) {
     let r = this.eventNameFor("publish", i === void 0), s = i ? 2 : 1, o = this.getPropertiesWithError({ devices: e, audio: t == null ? void 0 : t.audio, video: t == null ? void 0 : t.video }, i);
-    return new R({ name: r, level: s, properties: o });
+    return new I({ name: r, level: s, properties: o });
   }
   static hlsPlayerError(e) {
-    return new R({ name: "hlsPlayerError", level: 2, properties: this.getErrorProperties(e) });
+    return new I({ name: "hlsPlayerError", level: 2, properties: this.getErrorProperties(e) });
   }
   static subscribeFail(e) {
     let t = this.eventNameFor("subscribe", false), i = 2, r = this.getErrorProperties(e);
-    return new R({ name: t, level: i, properties: r });
+    return new I({ name: t, level: i, properties: r });
   }
   static leave() {
-    return new R({ name: "leave", level: 1 });
+    return new I({ name: "leave", level: 1 });
   }
   static autoplayError() {
-    return new R({ name: "autoplayError", level: 2 });
+    return new I({ name: "autoplayError", level: 2 });
   }
   static audioPlaybackError(e) {
-    return new R({ name: "audioPlaybackError", level: 2, properties: this.getErrorProperties(e) });
+    return new I({ name: "audioPlaybackError", level: 2, properties: this.getErrorProperties(e) });
   }
   static deviceChange({ isUserSelection: e, selection: t, type: i, devices: r, error: s }) {
     let o = this.eventNameFor(s ? "publish" : `device.${i}`, s === void 0), n = s ? 2 : 1, l = this.getPropertiesWithError({ selection: t, devices: r, isUserSelection: e }, s);
-    return new R({ name: o, level: n, properties: l });
+    return new I({ name: o, level: n, properties: l });
   }
   static performance(e) {
     let t = "perf.stats", i = 1, r = e.toAnalyticsProperties();
-    return new R({ name: t, level: i, properties: r });
+    return new I({ name: t, level: i, properties: r });
   }
   static rtcStats(e) {
     let t = "rtc.stats", i = 1, r = e.toAnalyticsProperties();
-    return new R({ name: t, level: i, properties: r });
+    return new I({ name: t, level: i, properties: r });
   }
   static rtcStatsFailed(e) {
     let t = "rtc.stats.failed", i = 2;
-    return new R({ name: t, level: i, properties: this.getErrorProperties(e) });
+    return new I({ name: t, level: i, properties: this.getErrorProperties(e) });
   }
   static degradationStats(e, t) {
     let i = "video.degradation.stats", r = 1, s = { degradedAt: e.degradedAt, trackId: e.trackId };
@@ -19048,23 +19051,23 @@ var y = class {
       let o = /* @__PURE__ */ new Date(), n = o.valueOf() - e.degradedAt.valueOf();
       s = v(S({}, s), { duration: n, restoredAt: o });
     }
-    return new R({ name: i, level: r, properties: s });
+    return new I({ name: i, level: r, properties: s });
   }
   static audioDetectionFail(e, t) {
     let i = this.getPropertiesWithError({ device: t }, e), r = 2, s = "audiopresence.failed";
-    return new R({ name: s, level: r, properties: i });
+    return new I({ name: s, level: r, properties: i });
   }
   static previewNetworkQuality(e) {
-    return new R({ name: "perf.networkquality.preview", level: e.error ? 2 : 1, properties: e });
+    return new I({ name: "perf.networkquality.preview", level: e.error ? 2 : 1, properties: e });
   }
   static publishStats(e) {
-    return new R({ name: "publisher.stats", level: 1, properties: e });
+    return new I({ name: "publisher.stats", level: 1, properties: e });
   }
   static subscribeStats(e) {
-    return new R({ name: "subscriber.stats", level: 1, properties: e });
+    return new I({ name: "subscriber.stats", level: 1, properties: e });
   }
   static getKrispUsage(e) {
-    return new R({ name: "krisp.usage", level: 1, properties: { duration: e } });
+    return new I({ name: "krisp.usage", level: 1, properties: { duration: e } });
   }
   static eventNameFor(e, t) {
     return `${e}.${t ? "success" : "failed"}`;
@@ -19112,7 +19115,7 @@ var pr = class {
     return e.deviceId === t.deviceId && (e.groupId === t.groupId || !e.groupId);
   }
 };
-var q = new pr();
+var j = new pr();
 var hr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(hr || {});
 var mr = ((t) => (t.PLATFORM_NOT_SUPPORTED = "PLATFORM_NOT_SUPPORTED", t.DEVICE_NOT_SUPPORTED = "DEVICE_NOT_SUPPORTED", t))(mr || {});
 function Jt(a2, e = 300) {
@@ -19125,10 +19128,11 @@ function Jt(a2, e = 300) {
     }, e);
   };
 }
-var Cs = ((n) => (n.NONE = "none", n.INITIALISED = "initialised", n.STARTED = "started", n.PAUSED = "paused", n.RESUMED = "resumed", n.STOPPED = "stopped", n.FAILED = "failed", n))(Cs || {});
-var Ls = ((t) => (t.DVR = "dvr", t.NO_DVR = "no-dvr", t))(Ls || {});
-var ws = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(ws || {});
-var Sr = class {
+var Sr = ((t) => (t.SIP = "sip", t.REGULAR = "regular", t))(Sr || {});
+var Ls = ((n) => (n.NONE = "none", n.INITIALISED = "initialised", n.STARTED = "started", n.PAUSED = "paused", n.RESUMED = "resumed", n.STOPPED = "stopped", n.FAILED = "failed", n))(Ls || {});
+var ws = ((t) => (t.DVR = "dvr", t.NO_DVR = "no-dvr", t))(ws || {});
+var Ds = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(Ds || {});
+var gr = class {
   constructor() {
     this.TAG = "[HMSIntersectionObserverWrapper]";
     this.listeners = /* @__PURE__ */ new WeakMap();
@@ -19155,8 +19159,8 @@ var Sr = class {
     return e || d.w(this.TAG, "IntersectionObserver is not supported, fallback will be used instead"), e;
   }
 };
-var Os = new Sr();
-var gr = class {
+var xs = new gr();
+var Tr = class {
   constructor() {
     this.TAG = "[HMSResizeObserverWrapper]";
     this.listeners = /* @__PURE__ */ new WeakMap();
@@ -19183,15 +19187,15 @@ var gr = class {
     return e || d.w(this.TAG, "Resize Observer is not supported"), e;
   }
 };
-var xs = new gr();
-var Tr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(Tr || {});
-var fr = ((t) => (t["2D"] = "2d", t.WEBGL = "webgl", t.WEBGL2 = "webgl2", t))(fr || {});
-var Vs = "https://event.100ms.live/v2/client/report";
-var Fs = "https://event-nonprod.100ms.live/v2/client/report";
+var Us = new Tr();
+var fr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(fr || {});
+var vr = ((t) => (t["2D"] = "2d", t.WEBGL = "webgl", t.WEBGL2 = "webgl2", t))(vr || {});
+var Fs = "https://event.100ms.live/v2/client/report";
+var Gs = "https://event-nonprod.100ms.live/v2/client/report";
 var pt = Math.pow(2, 31) - 1;
 var Qe = class {
 };
-Qe.makePeerId = () => uo();
+Qe.makePeerId = () => po();
 var gt = "HMS-Store:";
 var k = class {
   static v(e, ...t) {
@@ -19259,132 +19263,133 @@ var k = class {
   }
 };
 k.level = 0;
-var Rr = (a2, e) => e;
+var Hr = (a2, e) => e;
 var Tt = (a2, e) => e;
-var Js = (a2, e) => e;
-var ho = (a2, e) => e;
+var Qs = (a2, e) => e;
 var mo = (a2, e) => e;
-var J = createSelector([G, Rr], (a2, e) => e ? a2[e] : null);
-var Hr = createSelector([D, Tt], (a2, e) => e ? a2[e] : null);
-var So = createSelector([D, Tt], (a2, e) => {
+var So = (a2, e) => e;
+var $ = createSelector([G, Hr], (a2, e) => e ? a2[e] : null);
+var Cr = createSelector([D, Tt], (a2, e) => e ? a2[e] : null);
+var go = createSelector([D, Tt], (a2, e) => {
   if (!e)
     return null;
   let t = a2[e];
   return (t == null ? void 0 : t.type) === "video" ? t : null;
 });
-var go = createSelector([D, Tt], (a2, e) => {
+var To = createSelector([D, Tt], (a2, e) => {
   if (!e)
     return null;
   let t = a2[e];
   return (t == null ? void 0 : t.type) === "audio" ? t : null;
 });
-var To = createSelector([D, Tt], (a2, e) => {
+var fo = createSelector([D, Tt], (a2, e) => {
   if (!e)
     return null;
   let t = a2[e];
   return (t == null ? void 0 : t.type) === "audio" && (t == null ? void 0 : t.source) === "screen" ? t : null;
 });
-var fo = createSelector([D, Tt], (a2, e) => {
+var vo = createSelector([D, Tt], (a2, e) => {
   if (!e)
     return null;
   let t = a2[e];
   return (t == null ? void 0 : t.type) === "video" && (t == null ? void 0 : t.source) === "screen" ? t : null;
 });
-var vo = createSelector([is, mo], (a2, e) => e ? a2[e] : null);
-var Q = I(J);
-var rm = I(createSelector([tr, ho], (a2, e) => {
+var Mo = createSelector([rs, So], (a2, e) => e ? a2[e] : null);
+var Q = R($);
+var nm = R(createSelector([tr, mo], (a2, e) => {
   if (a2)
     return e ? a2[e] : a2;
 }));
-function sm(a2) {
+function cm(a2) {
   return (e) => {
     if (e.sessionStore)
       return a2 ? e.sessionStore[a2] : e.sessionStore;
   };
 }
-var om = I(createSelector(J, (a2) => a2 == null ? void 0 : a2.name));
-var oi = I(Hr);
-var Qs = I(So);
-var nm = I(go);
-var cm = I(To);
-var dm = I(fo);
-var Mo = I((a2, e) => {
-  let t = J(a2, e);
+var lm = R(createSelector($, (a2) => a2 == null ? void 0 : a2.name));
+var um = R(createSelector($, (a2) => a2 == null ? void 0 : a2.type));
+var oi = R(Cr);
+var zs = R(go);
+var pm = R(To);
+var hm = R(fo);
+var mm = R(vo);
+var yo = R((a2, e) => {
+  let t = $(a2, e);
   if (t && t.videoTrack && t.videoTrack !== "")
     return a2.tracks[t.videoTrack];
 });
-var yo = I((a2, e) => {
-  let t = J(a2, e);
+var ko = R((a2, e) => {
+  let t = $(a2, e);
   if (t && t.audioTrack && t.audioTrack !== "")
     return a2.tracks[t.audioTrack];
 });
-var um = I((a2, e) => {
-  let t = J(a2, e);
+var gm = R((a2, e) => {
+  let t = $(a2, e);
   return (t == null ? void 0 : t.auxiliaryTracks.map((i) => a2.tracks[i])) || [];
 });
-var zs = (a2, e) => e ? a2.speakers[e] : null;
-var pm = I(createSelector(zs, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
-var ko = (a2, e) => {
-  let t = yo(e)(a2);
-  return zs(a2, t == null ? void 0 : t.id);
-};
-var hm = I(createSelector(ko, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
-var mm = I((a2, e) => {
+var Ys = (a2, e) => e ? a2.speakers[e] : null;
+var Tm = R(createSelector(Ys, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+var Po = (a2, e) => {
+  let t = ko(e)(a2);
+  return Ys(a2, t == null ? void 0 : t.id);
+};
+var fm = R(createSelector(Po, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+var vm = R((a2, e) => {
   if (e)
     return a2.connectionQualities[e];
 });
-var Sm = I((a2, e) => {
-  let t = J(a2, e);
+var Mm = R((a2, e) => {
+  let t = $(a2, e);
   if (t) {
     let i = t == null ? void 0 : t.auxiliaryTracks.find((r) => tt(a2.tracks[r]));
     return i ? a2.tracks[i] : void 0;
   }
 });
-var gm = I(createSelector(D, J, (a2, e) => {
+var ym = R(createSelector(D, $, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
     return rt(r) && it(r);
   });
   return t ? a2[t] : void 0;
 }));
-var Tm = I(createSelector(D, J, (a2, e) => {
+var km = R(createSelector(D, $, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
     return rt(r) && tt(r);
   });
   return t ? a2[t] : void 0;
 }));
-var fm = I(createSelector(D, J, (a2, e) => {
+var Pm = R(createSelector(D, $, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
-    return Wt(r) && tt(r);
+    return $t(r) && tt(r);
   });
   return t ? a2[t] : void 0;
 }));
-var Ys = I(createSelector(D, J, (a2, e) => He(a2, e)));
-var Xs = (a2) => createSelector(Ys(a2), (e) => e.audio);
-var Mm = I((a2, e) => {
-  let t = J(a2, e);
+var Xs = R(createSelector(D, $, (a2, e) => He(a2, e)));
+var Zs = (a2) => createSelector(Xs(a2), (e) => e.audio);
+var bm = R((a2, e) => {
+  let t = $(a2, e);
   return Ue(a2, t == null ? void 0 : t.audioTrack);
 });
-var ym = I((a2, e) => {
-  let t = J(a2, e);
+var Am = R((a2, e) => {
+  let t = $(a2, e);
   return Ue(a2, t == null ? void 0 : t.videoTrack);
 });
-var Zs = I((a2, e) => {
+var ea = R((a2, e) => {
   if (e && a2.tracks[e])
     return a2.tracks[e].volume === 0;
 });
-var km = I((a2, e) => {
-  let t = J(a2, e);
-  return Zs(t == null ? void 0 : t.audioTrack)(a2);
+var Rm = R((a2, e) => {
+  let t = $(a2, e);
+  return ea(t == null ? void 0 : t.audioTrack)(a2);
 });
-var Pm = I((a2, e) => {
-  let t = Xs(e)(a2);
-  return Zs(t == null ? void 0 : t.id)(a2);
+var Im = R((a2, e) => {
+  let t = Zs(e)(a2);
+  return ea(t == null ? void 0 : t.id)(a2);
 });
-var ea = I((a2, e) => {
-  let t = Hr(a2, e);
+var ta = R((a2, e) => {
+  let t = Cr(a2, e);
   if (t) {
     if (t.type !== "audio") {
       k.w("Please pass audio track here");
@@ -19393,16 +19398,16 @@ var ea = I((a2, e) => {
     return t.volume;
   }
 });
-var Em = I((a2, e) => {
-  let t = J(a2, e);
-  return ea(t == null ? void 0 : t.audioTrack)(a2);
+var Hm = R((a2, e) => {
+  let t = $(a2, e);
+  return ta(t == null ? void 0 : t.audioTrack)(a2);
 });
-var bm = I((a2, e) => {
-  let t = Xs(e)(a2);
-  return ea(t == null ? void 0 : t.id)(a2);
+var Cm = R((a2, e) => {
+  let t = Zs(e)(a2);
+  return ta(t == null ? void 0 : t.id)(a2);
 });
-var Am = I((a2, e) => {
-  let t = Hr(a2, e);
+var Lm = R((a2, e) => {
+  let t = Cr(a2, e);
   if (t) {
     if (t.type !== "video") {
       k.w("Please pass video track here");
@@ -19411,49 +19416,49 @@ var Am = I((a2, e) => {
     return t.layer;
   }
 });
-var ta = createSelector([at, ue, Rr], (a2, e, t) => {
+var ia = createSelector([at, ue, Hr], (a2, e, t) => {
   if (t)
     return a2.filter((i) => {
       var r;
       return !i.recipientPeer && !((r = i.recipientRoles) != null && r.length) || i.sender && ![e, t].includes(i.sender) ? false : [e, t].includes(i.recipientPeer);
     });
 });
-var ia = createSelector([at, Js], (a2, e) => {
+var ra = createSelector([at, Qs], (a2, e) => {
   if (e)
     return a2.filter((t) => {
       var i, r;
       return (i = t.recipientRoles) != null && i.length ? (r = t.recipientRoles) == null ? void 0 : r.includes(e) : false;
     });
 });
-var Po = createSelector(at, (a2) => a2.filter((e) => {
+var Eo = createSelector(at, (a2) => a2.filter((e) => {
   var t;
   return !e.recipientPeer && !((t = e.recipientRoles) != null && t.length);
 }));
-var Eo = createSelector([ia, Js], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-var bo = createSelector([ta, Rr], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-var Im = createSelector(Po, (a2) => a2.filter((e) => !e.read).length);
-var Rm = I(ta);
-var Hm = I(ia);
-var Cm = I(Eo);
-var Lm = I(bo);
-var ra = I(vo);
-var Gm = createSelector([G, D], (a2, e) => Object.values(a2).map((i) => {
+var bo = createSelector([ra, Qs], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
+var Ao = createSelector([ia, Hr], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
+var wm = createSelector(Eo, (a2) => a2.filter((e) => !e.read).length);
+var Dm = R(ia);
+var _m = R(ra);
+var Nm = R(bo);
+var Om = R(Ao);
+var sa = R(Mo);
+var jm = createSelector([G, D], (a2, e) => Object.values(a2).map((i) => {
   var r;
   return { peer: i, isAudioEnabled: i.audioTrack ? (r = e[i.audioTrack]) == null ? void 0 : r.enabled : false };
 }));
-var Ao = (a2) => a2.roleChangeRequests[0] || null;
-var Wm = createSelector([Ao, G, ne], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
-var $m = createSelector([Kt], (a2) => st(a2));
-var Km = createSelector([es], (a2) => st(a2));
-var Ro = createSelector([K, D], (a2, e) => {
+var Ro = (a2) => a2.roleChangeRequests[0] || null;
+var Jm = createSelector([Ro, G, ne], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
+var Qm = createSelector([Kt], (a2) => st(a2));
+var zm = createSelector([ts], (a2) => st(a2));
+var Ho = createSelector([q, D], (a2, e) => {
   let t = null;
   return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
 });
-var Ho = createSelector([Z, D], (a2, e) => {
+var Co = createSelector([Z, D], (a2, e) => {
   let t = null;
   return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
 });
-var _r = class {
+var Nr = class {
   constructor() {
     this.TAG = "[HTTPAnalyticsTransport]";
     this.failedEvents = new ce("client-events");
@@ -19472,7 +19477,7 @@ var _r = class {
       this.addEventToStorage(e);
       return;
     }
-    let t = { event: e.name, payload: e.properties, event_id: String(e.timestamp), peer: e.metadata.peer, timestamp: e.timestamp, device_id: e.device_id, cluster: { websocket_url: this.websocketURL } }, i = this.env === "prod" ? Vs : Fs;
+    let t = { event: e.name, payload: e.properties, event_id: String(e.timestamp), peer: e.metadata.peer, timestamp: e.timestamp, device_id: e.device_id, cluster: { websocket_url: this.websocketURL } }, i = this.env === "prod" ? Fs : Gs;
     fetch(i, { method: "POST", headers: { "Content-Type": "application/json", Authorization: `Bearer ${e.metadata.token}`, user_agent_v2: e.metadata.userAgent }, body: JSON.stringify(t) }).then((r) => {
       if (r.status === 401) {
         this.removeFromStorage(e);
@@ -19498,66 +19503,66 @@ var _r = class {
     i > -1 && (t.splice(i, 1), this.failedEvents.set(t));
   }
 };
-var Te = new _r();
+var Te = new Nr();
 var W = ((s) => (s[s.ConnectFailed = 0] = "ConnectFailed", s[s.SignalDisconnect = 1] = "SignalDisconnect", s[s.JoinWSMessageFailed = 2] = "JoinWSMessageFailed", s[s.PublishIceConnectionFailed = 3] = "PublishIceConnectionFailed", s[s.SubscribeIceConnectionFailed = 4] = "SubscribeIceConnectionFailed", s))(W || {});
 var Bi = ((n) => (n.Disconnected = "Disconnected", n.Connecting = "Connecting", n.Joined = "Joined", n.Preview = "Preview", n.Failed = "Failed", n.Reconnecting = "Reconnecting", n.Leaving = "Leaving", n))(Bi || {});
 var Ji = ((t) => (t[t.Publish = 0] = "Publish", t[t.Subscribe = 1] = "Subscribe", t))(Ji || {});
-var Qo = (a2) => a2.localPeer.id;
-var zo = (a2) => a2.localPeer.audioTrack;
-var Yo = (a2) => a2.localPeer.videoTrack;
-var Xo = (a2, e) => e;
-var Ma = (a2, e) => e;
-var Zo = (a2) => a2.remoteTrackStats;
-var ya = (a2) => a2.peerStats;
-var Br = (a2) => a2.localTrackStats;
-var ve = createSelector([ya, Qo], (a2, e) => a2[e]);
-var en = createSelector(ve, (a2) => {
+var zo = (a2) => a2.localPeer.id;
+var Yo = (a2) => a2.localPeer.audioTrack;
+var Xo = (a2) => a2.localPeer.videoTrack;
+var Zo = (a2, e) => e;
+var ya = (a2, e) => e;
+var en = (a2) => a2.remoteTrackStats;
+var ka = (a2) => a2.peerStats;
+var Vr = (a2) => a2.localTrackStats;
+var ve = createSelector([ka, zo], (a2, e) => a2[e]);
+var tn = createSelector(ve, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.packetsLost;
 });
-var tn = createSelector(ve, (a2) => {
+var rn = createSelector(ve, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.jitter;
 });
-var rn = createSelector(ve, (a2) => {
+var sn = createSelector(ve, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bitrate;
 });
-var sn = createSelector(ve, (a2) => {
+var an = createSelector(ve, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bitrate;
 });
-var an = createSelector(ve, (a2) => {
+var on = createSelector(ve, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.availableOutgoingBitrate;
 });
-var on = createSelector(ve, (a2) => {
+var nn = createSelector(ve, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.availableIncomingBitrate;
 });
-var nn = createSelector(ve, (a2) => {
+var cn = createSelector(ve, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bytesSent;
 });
-var cn = createSelector(ve, (a2) => {
+var dn = createSelector(ve, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bytesReceived;
 });
-var dn = createSelector([ya, Xo], (a2, e) => e ? a2[e] : void 0);
-var ln = createSelector([Zo, Ma], (a2, e) => e ? a2[e] : void 0);
-var Vr = createSelector([Br, Ma], (a2, e) => e ? a2[e] : void 0);
-var un = I(dn);
-var pn = I(ln);
-var hn = createSelector([Br, zo], (a2, e) => {
+var ln = createSelector([ka, Zo], (a2, e) => e ? a2[e] : void 0);
+var un = createSelector([en, ya], (a2, e) => e ? a2[e] : void 0);
+var Fr = createSelector([Vr, ya], (a2, e) => e ? a2[e] : void 0);
+var pn = R(ln);
+var hn = R(un);
+var mn = createSelector([Vr, Yo], (a2, e) => {
   var t;
   return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
 });
-var mn = I(createSelector(Vr, (a2) => a2 == null ? void 0 : a2[0]));
-var Sn = createSelector([Br, Yo], (a2, e) => {
+var Sn = R(createSelector(Fr, (a2) => a2 == null ? void 0 : a2[0]));
+var gn = createSelector([Vr, Xo], (a2, e) => {
   var t;
   return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
 });
-var gn = I(createSelector(Vr, (a2) => a2));
+var Tn = R(createSelector(Fr, (a2) => a2));
 
 // src/Prebuilt/components/Header/StreamActions.tsx
 import {
@@ -19827,7 +19832,7 @@ var RecordingStatus = () => {
 };
 var RecordingPauseStatus = () => {
   const recording = useHMSStore25(selectRecordingState);
-  if (recording.hls && recording.hls.state === Cs.PAUSED) {
+  if (recording.hls && recording.hls.state === Ls.PAUSED) {
     return /* @__PURE__ */ React54.createElement(
       Tooltip,
       {
@@ -20227,8 +20232,6 @@ var MwebOptions = ({
   const peerCount = useHMSStore29(selectPeerCount3);
   const emojiCardRef = useRef14(null);
   const { isBRBOn, toggleBRB, isHandRaised, toggleHandRaise } = useMyMetadata();
-  const { toggleAudio, toggleVideo } = useAVToggle3();
-  const noAVPermissions = !(toggleAudio || toggleVideo);
   const { unreadPollQuiz, setUnreadPollQuiz } = useUnreadPollQuizPresent();
   const { title, description } = useRoomLayoutHeader();
   const toggleDetailsSheet = useSheetToggle(SHEET_OPTIONS.ROOM_DETAILS);
@@ -20290,7 +20293,7 @@ var MwebOptions = ({
       /* @__PURE__ */ React58.createElement(PeopleIcon, null),
       /* @__PURE__ */ React58.createElement(ActionTile.Title, null, "Participants")
     ),
-    !noAVPermissions ? /* @__PURE__ */ React58.createElement(
+    elements.hand_raise ? /* @__PURE__ */ React58.createElement(
       ActionTile.Root,
       {
         active: isHandRaised,
@@ -20389,7 +20392,7 @@ var MwebOptions = ({
         })
       },
       isRecordingLoading ? /* @__PURE__ */ React58.createElement(Loading, null) : /* @__PURE__ */ React58.createElement(RecordIcon2, null),
-      /* @__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))
+      /* @__PURE__ */ React58.createElement(ActionTile.Title, null, match5({ 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,
@@ -20464,6 +20467,10 @@ import React60 from "react";
 import { HandIcon as HandIcon3, HandRaiseSlashedIcon as HandRaiseSlashedIcon2 } from "@100mslive/react-icons";
 var RaiseHand = ({ css: css2 }) => {
   const { isHandRaised, toggleHandRaise } = useMyMetadata();
+  const { elements } = useRoomLayoutConferencingScreen();
+  if (!elements.hand_raise) {
+    return null;
+  }
   return /* @__PURE__ */ React60.createElement(Tooltip, { title: isHandRaised ? "Lower hand" : "Raise hand" }, /* @__PURE__ */ React60.createElement(
     IconButton_default,
     {
@@ -21024,6 +21031,7 @@ init_define_process_env();
 import React74, { Fragment as Fragment9, useCallback as useCallback19, useState as useState33 } from "react";
 import { useDebounce, useMedia as useMedia10 } from "react-use";
 import {
+  HMSPeerType,
   selectHandRaisedPeers,
   selectHasPeerHandRaised as selectHasPeerHandRaised2,
   selectIsLargeRoom as selectIsLargeRoom2,
@@ -21035,6 +21043,7 @@ import {
 } from "@100mslive/react-sdk";
 import {
   AddIcon as AddIcon2,
+  CallIcon,
   ChangeRoleIcon as ChangeRoleIcon2,
   CrossIcon as CrossIcon12,
   HandIcon as HandIcon4,
@@ -21200,7 +21209,7 @@ import { AddIcon, ChevronRightIcon, CrossIcon as CrossIcon11 } from "@100mslive/
 // src/Prebuilt/components/Footer/RoleOptions.tsx
 init_define_process_env();
 import React72, { useState as useState31 } from "react";
-import { match as match5 } from "ts-pattern";
+import { match as match6 } from "ts-pattern";
 import {
   selectPermissions as selectPermissions10,
   selectRoleByRoleName,
@@ -21322,11 +21331,11 @@ var RoleOptions = ({ roleName, peerList }) => {
     },
     /* @__PURE__ */ React72.createElement(PersonRectangleIcon2, null),
     /* @__PURE__ */ React72.createElement(Text, { variant: "sm", css: optionTextCSS }, "Remove all from Stage")
-  ) : null, match5({ canPublishAudio, isAudioOnForSomePeers, canMute: permissions == null ? void 0 : permissions.mute, canUnmute: permissions == null ? void 0 : permissions.unmute }).with({ canPublishAudio: true, isAudioOnForSomePeers: true, canMute: true }, () => {
+  ) : null, match6({ 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__ */ 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"));
   }).with({ canPublishAudio: true, isAudioOnForSomePeers: false, canUnmute: true }, () => {
     return /* @__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"));
-  }).otherwise(() => null), match5({ canPublishVideo, isVideoOnForSomePeers, canMute: permissions == null ? void 0 : permissions.mute, canUnmute: permissions == null ? void 0 : permissions.unmute }).with({ canPublishVideo: true, isVideoOnForSomePeers: true, canMute: true }, () => {
+  }).otherwise(() => null), match6({ 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__ */ 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"));
   }).with({ canPublishVideo: true, isVideoOnForSomePeers: false, canUnmute: true }, () => {
     return /* @__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"));
@@ -21343,7 +21352,7 @@ var RoleOptions = ({ roleName, peerList }) => {
 
 // src/Prebuilt/components/hooks/useGroupOnStageActions.tsx
 init_define_process_env();
-import { match as match6, P as P3 } from "ts-pattern";
+import { match as match7, P as P3 } from "ts-pattern";
 import { selectPermissions as selectPermissions11, useHMSActions as useHMSActions24, useHMSStore as useHMSStore36 } from "@100mslive/react-sdk";
 var useGroupOnStageActions = ({ peers }) => {
   var _a8;
@@ -21358,7 +21367,7 @@ var useGroupOnStageActions = ({ peers }) => {
   } = elements.on_stage_exp || {};
   const canChangeRole = (_a8 = useHMSStore36(selectPermissions11)) == null ? void 0 : _a8.changeRole;
   const offStageRolePeers = peers.filter(
-    (peer) => match6({ on_stage_role, bring_to_stage_label, roleName: peer.roleName }).with(
+    (peer) => match7({ on_stage_role, bring_to_stage_label, roleName: peer.roleName }).with(
       {
         on_stage_role: P3.when((role) => !!role),
         bring_to_stage_label: P3.when((label) => !!label),
@@ -21690,6 +21699,7 @@ var Participant = ({
       ParticipantActions,
       {
         peerId: peer.id,
+        peerType: peer.type,
         isLocal: peer.id === localPeerId,
         role: peer.roleName,
         isHandRaisedAccordion
@@ -21751,6 +21761,7 @@ var VirtualizedParticipants = ({
 var ParticipantActions = React74.memo(
   ({
     peerId,
+    peerType,
     role,
     isLocal,
     isHandRaisedAccordion
@@ -21772,7 +21783,15 @@ var ParticipantActions = React74.memo(
           gap: "$8"
         }
       },
-      isHandRaisedAccordion ? /* @__PURE__ */ React74.createElement(HandRaisedAccordionParticipantActions, { peerId, role }) : /* @__PURE__ */ React74.createElement(React74.Fragment, null, /* @__PURE__ */ React74.createElement(ConnectionIndicator, { peerId }), isHandRaised && /* @__PURE__ */ React74.createElement(
+      isHandRaisedAccordion ? /* @__PURE__ */ React74.createElement(HandRaisedAccordionParticipantActions, { peerId, role }) : /* @__PURE__ */ React74.createElement(React74.Fragment, null, peerType === HMSPeerType.REGULAR && /* @__PURE__ */ React74.createElement(ConnectionIndicator, { peerId }), peerType === HMSPeerType.SIP && /* @__PURE__ */ React74.createElement(
+        Flex,
+        {
+          align: "center",
+          justify: "center",
+          css: { p: "$1", c: "$on_surface_high", bg: "$surface_bright", borderRadius: "$round" }
+        },
+        /* @__PURE__ */ React74.createElement(CallIcon, { width: 19, height: 19 })
+      ), isHandRaised && /* @__PURE__ */ React74.createElement(
         Flex,
         {
           align: "center",
@@ -21961,8 +21980,6 @@ var Footer2 = ({
   const isMobile = useMedia11(config.media.md);
   const isOverlayChat = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.is_overlay);
   const openByDefault = ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.initial_state) === Chat_ChatState.CHAT_STATE_OPEN;
-  const { toggleAudio, toggleVideo } = useAVToggle4();
-  const noAVPermissions = !(toggleAudio || toggleVideo);
   const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
   const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
   const { showPolls } = useShowPolls();
@@ -22010,7 +22027,7 @@ var Footer2 = ({
           }
         }
       },
-      isMobile ? /* @__PURE__ */ React77.createElement(React77.Fragment, null, noAVPermissions ? /* @__PURE__ */ React77.createElement(RaiseHand, null) : null, (elements == null ? void 0 : elements.chat) && /* @__PURE__ */ React77.createElement(ChatToggle, null), /* @__PURE__ */ React77.createElement(MoreSettings, { elements, screenType })) : /* @__PURE__ */ React77.createElement(React77.Fragment, null, /* @__PURE__ */ React77.createElement(ScreenshareToggle, null), /* @__PURE__ */ React77.createElement(RaiseHand, null), (elements == null ? void 0 : elements.emoji_reactions) && /* @__PURE__ */ React77.createElement(EmojiReaction, null), /* @__PURE__ */ React77.createElement(LeaveRoom, { screenType }))
+      isMobile ? /* @__PURE__ */ React77.createElement(React77.Fragment, null, /* @__PURE__ */ React77.createElement(RaiseHand, null), (elements == null ? void 0 : elements.chat) && /* @__PURE__ */ React77.createElement(ChatToggle, null), /* @__PURE__ */ React77.createElement(MoreSettings, { elements, screenType })) : /* @__PURE__ */ React77.createElement(React77.Fragment, null, /* @__PURE__ */ React77.createElement(ScreenshareToggle, null), /* @__PURE__ */ React77.createElement(RaiseHand, null), (elements == null ? void 0 : elements.emoji_reactions) && /* @__PURE__ */ React77.createElement(EmojiReaction, null), /* @__PURE__ */ React77.createElement(LeaveRoom, { screenType }))
     ),
     /* @__PURE__ */ React77.createElement(Footer.Right, null, /* @__PURE__ */ React77.createElement(WhiteboardToggle, null), showPolls && /* @__PURE__ */ React77.createElement(PollsToggle, null), !isMobile && (elements == null ? void 0 : elements.chat) && /* @__PURE__ */ React77.createElement(ChatToggle, null), (elements == null ? void 0 : elements.participant_list) && /* @__PURE__ */ React77.createElement(ParticipantCount, null), /* @__PURE__ */ React77.createElement(MoreSettings, { elements, screenType }))
   );
@@ -22087,7 +22104,7 @@ import {
   selectLocalPeer as selectLocalPeer7,
   selectRoomState as selectRoomState5,
   selectVideoTrackByID as selectVideoTrackByID5,
-  useAVToggle as useAVToggle6,
+  useAVToggle as useAVToggle3,
   useHMSStore as useHMSStore70,
   useParticipants as useParticipants2,
   usePreviewJoin,
@@ -22099,7 +22116,7 @@ import { MicOffIcon as MicOffIcon7, SettingsIcon as SettingsIcon6 } from "@100ms
 init_define_process_env();
 import React127, { useEffect as useEffect33 } from "react";
 import { useMedia as useMedia22 } from "react-use";
-import { match as match10 } from "ts-pattern";
+import { match as match11 } from "ts-pattern";
 import { selectAppData as selectAppData6, selectVideoTrackByPeerID as selectVideoTrackByPeerID4, useHMSStore as useHMSStore69 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Polls/Polls.tsx
@@ -23292,7 +23309,7 @@ import React97 from "react";
 // src/Prebuilt/components/Polls/Voting/QuestionCard.jsx
 init_define_process_env();
 import React96, { useCallback as useCallback22, useMemo as useMemo8, useRef as useRef17, useState as useState40 } from "react";
-import { match as match7 } from "ts-pattern";
+import { match as match8 } from "ts-pattern";
 import { selectLocalPeer, selectLocalPeerRoleName as selectLocalPeerRoleName2, useHMSActions as useHMSActions30, useHMSStore as useHMSStore47 } from "@100mslive/react-sdk";
 import { CheckCircleIcon as CheckCircleIcon5, ChevronDownIcon as ChevronDownIcon5, CrossCircleIcon } from "@100mslive/react-icons";
 var QuestionCard2 = ({
@@ -23369,7 +23386,7 @@ var QuestionCard2 = ({
       {
         variant: "caption",
         css: {
-          color: match7({ respondedToQuiz, isLive, isCorrectAnswer }).when(
+          color: match8({ respondedToQuiz, isLive, isCorrectAnswer }).when(
             ({ respondedToQuiz: respondedToQuiz2, isLive: isLive2 }) => respondedToQuiz2 && !isLive2,
             ({ isCorrectAnswer: isCorrectAnswer2 }) => isCorrectAnswer2 ? "$alert_success" : "$alert_error_default"
           ).otherwise(() => "$on_surface_low"),
@@ -23379,7 +23396,7 @@ var QuestionCard2 = ({
           gap: "$4"
         }
       },
-      match7({ respondedToQuiz, pollEnded, isCorrectAnswer }).when(
+      match8({ 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 });
@@ -23739,7 +23756,7 @@ var ShowRoomDetailHeader = () => {
 init_define_process_env();
 import React119, { useEffect as useEffect31, useState as useState52 } from "react";
 import { useMedia as useMedia19 } from "react-use";
-import { match as match9 } from "ts-pattern";
+import { match as match10 } from "ts-pattern";
 import { selectPeerCount as selectPeerCount5, useHMSStore as useHMSStore63 } from "@100mslive/react-sdk";
 import { CrossIcon as CrossIcon21 } from "@100mslive/react-icons";
 
@@ -23747,7 +23764,7 @@ import { CrossIcon as CrossIcon21 } from "@100mslive/react-icons";
 init_define_process_env();
 import React116, { useCallback as useCallback30, useRef as useRef21 } from "react";
 import { useMedia as useMedia18 } from "react-use";
-import { match as match8 } from "ts-pattern";
+import { match as match9 } from "ts-pattern";
 import { selectHMSMessagesCount, useHMSActions as useHMSActions39, useHMSStore as useHMSStore60, useHMSVanillaStore as useHMSVanillaStore10 } from "@100mslive/react-sdk";
 import { ChevronDownIcon as ChevronDownIcon8 } from "@100mslive/react-icons";
 
@@ -24129,13 +24146,13 @@ var usePinnedBy = (messageId) => {
   const pinnedMessages = useHMSStore53(selectSessionStore4("pinnedMessages" /* PINNED_MESSAGES */));
   const [pinnedBy, setPinnedBy] = useState45("");
   useEffect25(() => {
-    let match13 = "";
+    let match16 = "";
     pinnedMessages == null ? void 0 : pinnedMessages.forEach((pinnedMessage) => {
       if (pinnedMessage.id === messageId) {
-        match13 = pinnedMessage.pinnedBy;
+        match16 = pinnedMessage.pinnedBy;
       }
     });
-    setPinnedBy(match13);
+    setPinnedBy(match16);
   }, [messageId, pinnedMessages]);
   return pinnedBy;
 };
@@ -24535,7 +24552,7 @@ import React111, { useCallback as useCallback28, useEffect as useEffect28, useRe
 import { useMedia as useMedia16 } from "react-use";
 import data2 from "@emoji-mart/data";
 import Picker from "@emoji-mart/react";
-import { selectLocalPeer as selectLocalPeer3, useAVToggle as useAVToggle5, useHMSActions as useHMSActions37, useHMSStore as useHMSStore57 } from "@100mslive/react-sdk";
+import { selectLocalPeer as selectLocalPeer3, useHMSActions as useHMSActions37, useHMSStore as useHMSStore57 } from "@100mslive/react-sdk";
 import { EmojiIcon as EmojiIcon3, PauseCircleIcon as PauseCircleIcon2, SendIcon, VerticalMenuIcon as VerticalMenuIcon7 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/ChatSelectorContainer.tsx
@@ -24945,8 +24962,6 @@ var ChatFooter = ({ onSend, children }) => {
   const defaultSelection = useDefaultChatSelection();
   const selection = selectedPeer.name || selectedRole || defaultSelection;
   const isLocalPeerBlacklisted = useIsPeerBlacklisted({ local: true });
-  const { toggleAudio, toggleVideo } = useAVToggle5();
-  const noAVPermissions = !(toggleAudio || toggleVideo);
   const isMwebHLSStream = useMobileHLSStream();
   const isLandscapeHLSStream = useLandscapeHLSStream();
   useEffect28(() => {
@@ -25112,7 +25127,7 @@ var ChatFooter = ({ onSend, children }) => {
       },
       gap: "2"
     },
-    noAVPermissions ? /* @__PURE__ */ React111.createElement(RaiseHand, { css: { bg: "$surface_default" } }) : null,
+    /* @__PURE__ */ React111.createElement(RaiseHand, { css: { bg: "$surface_default" } }),
     /* @__PURE__ */ React111.createElement(MoreSettings, { elements, screenType })
   ))));
 };
@@ -25354,7 +25369,7 @@ var Chat = () => {
   const listRef = useRef21(null);
   const hmsActions = useHMSActions39();
   const vanillaStore = useHMSVanillaStore10();
-  const { enabled: isChatEnabled = true } = useHMSStore60(sm("chatState" /* CHAT_STATE */)) || {};
+  const { enabled: isChatEnabled = true } = useHMSStore60(cm("chatState" /* CHAT_STATE */)) || {};
   const isMobile = useMedia18(config.media.md);
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeStream = useLandscapeHLSStream();
@@ -25398,7 +25413,7 @@ var Chat = () => {
       {
         css: __spreadValues({
           position: "absolute"
-        }, match8({ isLandscapeStream, isMobileHLSStream, isChatEnabled }).with(
+        }, match9({ isLandscapeStream, isMobileHLSStream, isChatEnabled }).with(
           {
             isLandscapeStream: true,
             isChatEnabled: true
@@ -25438,7 +25453,7 @@ var NewMessageIndicator = ({
   scrollToBottom,
   listRef
 }) => {
-  const unreadCount = useHMSStore60(Kn);
+  const unreadCount = useHMSStore60(qn);
   if (!unreadCount || !listRef.current) {
     return null;
   }
@@ -25654,7 +25669,7 @@ var SidePaneTabs = React119.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideTab = f
   const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
   const showChatSettings = showChat && isChatOpen && (!isMobile || !isOverlayChat);
   useEffect31(() => {
-    match9({ activeTab, showChat, showParticipants }).with({ activeTab: SIDE_PANE_OPTIONS.CHAT, showChat: false, showParticipants: true }, () => {
+    match10({ 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);
@@ -25690,7 +25705,7 @@ var SidePaneTabs = React119.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideTab = f
         transition: "margin 0.3s ease-in-out"
       }
     },
-    match9({ isOverlayChat, isChatOpen, showChat, hideTabs }).with({ isOverlayChat: true, isChatOpen: true, showChat: true }, () => /* @__PURE__ */ React119.createElement(Chat, null)).with({ hideTabs: true }, () => {
+    match10({ isOverlayChat, isChatOpen, showChat, hideTabs }).with({ isOverlayChat: true, isChatOpen: true, showChat: true }, () => /* @__PURE__ */ React119.createElement(Chat, null)).with({ hideTabs: true }, () => {
       return /* @__PURE__ */ React119.createElement(React119.Fragment, null, /* @__PURE__ */ React119.createElement(Flex, { justify: "between", css: { w: "100%", "&:empty": { display: "none" } } }, /* @__PURE__ */ React119.createElement(
         Text,
         {
@@ -25779,8 +25794,14 @@ import { BrbTileIcon, HandIcon as HandIcon5, MicOffIcon as MicOffIcon6 } from "@
 // src/Prebuilt/components/Connection/TileConnection.tsx
 init_define_process_env();
 import React120 from "react";
-import { selectScreenShareByPeerID, selectSessionStore as selectSessionStore9, useHMSStore as useHMSStore64 } from "@100mslive/react-sdk";
-import { PinIcon as PinIcon3, ShareScreenIcon as ShareScreenIcon3, SpotlightIcon } from "@100mslive/react-icons";
+import {
+  HMSPeerType as HMSPeerType2,
+  selectPeerTypeByID,
+  selectScreenShareByPeerID,
+  selectSessionStore as selectSessionStore9,
+  useHMSStore as useHMSStore64
+} from "@100mslive/react-sdk";
+import { CallIcon as CallIcon2, PinIcon as PinIcon3, ShareScreenIcon as ShareScreenIcon3, SpotlightIcon } from "@100mslive/react-icons";
 var TileConnection = ({
   name,
   peerId,
@@ -25790,7 +25811,8 @@ var TileConnection = ({
 }) => {
   const spotlighted = useHMSStore64(selectSessionStore9("spotlight" /* SPOTLIGHT */)) === peerId;
   const isPeerScreenSharing = !!useHMSStore64(selectScreenShareByPeerID(peerId));
-  return /* @__PURE__ */ React120.createElement(Wrapper2, null, !hideLabel ? /* @__PURE__ */ React120.createElement(React120.Fragment, null, name ? /* @__PURE__ */ React120.createElement(Flex, { align: "center" }, isPeerScreenSharing && /* @__PURE__ */ React120.createElement(IconWrapper, null, /* @__PURE__ */ React120.createElement(ShareScreenIcon3, { width: "15", height: "15" })), pinned && /* @__PURE__ */ React120.createElement(IconWrapper, null, /* @__PURE__ */ React120.createElement(PinIcon3, { width: "15", height: "15" })), spotlighted && /* @__PURE__ */ React120.createElement(IconWrapper, null, /* @__PURE__ */ React120.createElement(SpotlightIcon, { width: "15", height: "15" })), /* @__PURE__ */ React120.createElement(
+  const peerType = useHMSStore64(selectPeerTypeByID(peerId));
+  return /* @__PURE__ */ React120.createElement(Wrapper2, null, !hideLabel ? /* @__PURE__ */ React120.createElement(React120.Fragment, null, name ? /* @__PURE__ */ React120.createElement(Flex, { align: "center" }, peerType === HMSPeerType2.SIP && /* @__PURE__ */ React120.createElement(IconWrapper, null, /* @__PURE__ */ React120.createElement(CallIcon2, { width: "15", height: "15" })), isPeerScreenSharing && /* @__PURE__ */ React120.createElement(IconWrapper, null, /* @__PURE__ */ React120.createElement(ShareScreenIcon3, { width: "15", height: "15" })), pinned && /* @__PURE__ */ React120.createElement(IconWrapper, null, /* @__PURE__ */ React120.createElement(PinIcon3, { width: "15", height: "15" })), spotlighted && /* @__PURE__ */ React120.createElement(IconWrapper, null, /* @__PURE__ */ React120.createElement(SpotlightIcon, { width: "15", height: "15" })), /* @__PURE__ */ React120.createElement(
     Text,
     {
       css: __spreadValues({
@@ -26526,10 +26548,10 @@ var VBPicker = ({ backgroundMedia = [] }) => {
   const [blurAmount, setBlurAmount] = useState55(VBHandler.getBlurAmount() || 0.5);
   const roomState = useHMSStore68(selectRoomState4);
   const isLargeRoom = useHMSStore68(selectIsLargeRoom3);
-  const isEffectsEnabled = useHMSStore68(ic);
-  const effectsKey = useHMSStore68(rc);
+  const isEffectsEnabled = useHMSStore68(rc);
+  const effectsKey = useHMSStore68(sc);
   const isPluginAdded = useHMSStore68(selectIsLocalVideoPluginPresent(((_a8 = VBHandler) == null ? void 0 : _a8.getName()) || ""));
-  const background = useHMSStore68(rm(APP_DATA.background));
+  const background = useHMSStore68(nm(APP_DATA.background));
   const mediaList = backgroundMedia.length ? backgroundMedia.map((media) => media.url || "") : defaultMedia2;
   const inPreview = roomState === HMSRoomState4.Preview;
   const showVideoTile = isVideoOn && isLargeRoom && !inPreview;
@@ -26785,7 +26807,7 @@ var SidePane = ({
     overlayChat: !!((_g = elements == null ? void 0 : elements.chat) == null ? void 0 : _g.is_overlay),
     roomDescription: isMobile && sidepane === SIDE_PANE_OPTIONS.ROOM_DETAILS
   };
-  const SidepaneComponent = match10(sidepane).with(SIDE_PANE_OPTIONS.POLLS, () => /* @__PURE__ */ React127.createElement(
+  const SidepaneComponent = match11(sidepane).with(SIDE_PANE_OPTIONS.POLLS, () => /* @__PURE__ */ React127.createElement(
     Wrapper3,
     __spreadValues({
       css: {
@@ -26808,7 +26830,7 @@ var SidePane = ({
       direction: "column",
       justify: "center",
       css: {
-        w: match10({ isMobileHLSStream, isLandscapeHLSStream }).with({ isLandscapeHLSStream: true }, () => "340px").with({ isMobileHLSStream: true }, () => "100%").otherwise(() => "$100"),
+        w: match11({ isMobileHLSStream, isLandscapeHLSStream }).with({ isLandscapeHLSStream: true }, () => "340px").with({ isMobileHLSStream: true }, () => "100%").otherwise(() => "$100"),
         h: "100%",
         flexShrink: 0,
         gap: "$4",
@@ -26971,7 +26993,7 @@ var PreviewJoin = ({
   const { isStreamingOn } = useRecordingStreaming11();
   const authToken = useAuthToken();
   const [name, setName] = useState56(initialName || previewPreference.name);
-  const { toggleAudio, toggleVideo } = useAVToggle6();
+  const { toggleAudio, toggleVideo } = useAVToggle3();
   const [previewError, setPreviewError] = useState56(false);
   const { endpoints } = useHMSPrebuiltContext();
   const { peerCount } = useParticipants2();
@@ -27059,7 +27081,7 @@ var Container4 = styled("div", __spreadProps(__spreadValues({
 }));
 var PreviewTile = ({ name, error }) => {
   const localPeer = useHMSStore70(selectLocalPeer7);
-  const { isLocalAudioEnabled, toggleAudio } = useAVToggle6();
+  const { isLocalAudioEnabled, toggleAudio } = useAVToggle3();
   const isVideoOn = useHMSStore70(selectIsLocalVideoEnabled6);
   const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
   const trackSelector = selectVideoTrackByID5(localPeer == null ? void 0 : localPeer.videoTrack);
@@ -27225,7 +27247,7 @@ var RoleChangeRequestModal = () => {
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
 init_define_process_env();
 import React151, { Suspense, useEffect as useEffect48 } from "react";
-import { match as match11 } from "ts-pattern";
+import { match as match12 } from "ts-pattern";
 import { selectIsConnectedToRoom as selectIsConnectedToRoom9, selectLocalPeerRoleName as selectLocalPeerRoleName6, useHMSActions as useHMSActions45, useHMSStore as useHMSStore81 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/VideoLayouts/GridLayout.tsx
@@ -27509,7 +27531,7 @@ var useTileLayout = ({
       const matrix = new Array(maxRows).fill(null).map((_2, i) => {
         const numCols = Math.min(maxCols, noOfTilesInPage - i * maxCols);
         const rowElements = [];
-        for (let j = 0; j < numCols; j++) {
+        for (let j2 = 0; j2 < numCols; j2++) {
           if (index < page.length) {
             rowElements.push(page[index++]);
           }
@@ -28638,13 +28660,13 @@ var useCloseScreenshareWhiteboard = () => {
 };
 
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
-var HLSView = React151.lazy(() => import("./HLSView-6NEUUQBX.js"));
+var HLSView = React151.lazy(() => import("./HLSView-GF23J3TJ.js"));
 var VideoStreamingSection = ({
   screenType,
   elements,
   hideControls = false
 }) => {
-  var _a8, _b7;
+  var _a8;
   const localPeerRole = useHMSStore81(selectLocalPeerRoleName6);
   const isConnected = useHMSStore81(selectIsConnectedToRoom9);
   const hmsActions = useHMSActions45();
@@ -28669,18 +28691,6 @@ var VideoStreamingSection = ({
   if (!localPeerRole) {
     return null;
   }
-  let ViewComponent;
-  if (screenType === "hls_live_streaming") {
-    ViewComponent = /* @__PURE__ */ React151.createElement(HLSView, null);
-  } else if (localPeerRole === waitingViewerRole) {
-    ViewComponent = /* @__PURE__ */ React151.createElement(WaitingView, null);
-  } else if (pdfAnnotatorActive) {
-    ViewComponent = /* @__PURE__ */ React151.createElement(PDFView, null);
-  } else if (urlToIframe) {
-    ViewComponent = /* @__PURE__ */ React151.createElement(EmbedView, null);
-  } else {
-    ViewComponent = /* @__PURE__ */ React151.createElement(GridLayout, __spreadValues({}, (_a8 = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _a8.grid));
-  }
   return /* @__PURE__ */ React151.createElement(Suspense, { fallback: /* @__PURE__ */ React151.createElement(FullPageProgress_default, null) }, /* @__PURE__ */ React151.createElement(
     Flex,
     {
@@ -28689,14 +28699,28 @@ var VideoStreamingSection = ({
         position: "relative",
         gap: isMobileHLSStream || isLandscapeHLSStream ? "0" : "$4"
       },
-      direction: match11({ isLandscapeHLSStream, isMobileHLSStream }).with({ isLandscapeHLSStream: true }, () => "row").with({ isMobileHLSStream: true }, () => "column").otherwise(() => "row")
+      direction: match12({ isLandscapeHLSStream, isMobileHLSStream }).with({ isLandscapeHLSStream: true }, () => "row").with({ isMobileHLSStream: true }, () => "column").otherwise(() => "row")
     },
-    ViewComponent,
+    match12({ screenType, localPeerRole, pdfAnnotatorActive, urlToIframe }).with(
+      {
+        screenType: "hls_live_streaming"
+      },
+      () => /* @__PURE__ */ React151.createElement(HLSView, null)
+    ).when(
+      ({ localPeerRole: localPeerRole2 }) => localPeerRole2 === waitingViewerRole,
+      () => /* @__PURE__ */ React151.createElement(WaitingView, null)
+    ).with({ pdfAnnotatorActive: true }, () => /* @__PURE__ */ React151.createElement(PDFView, null)).when(
+      ({ urlToIframe: urlToIframe2 }) => !!urlToIframe2,
+      () => /* @__PURE__ */ React151.createElement(EmbedView, null)
+    ).otherwise(() => {
+      var _a9;
+      return /* @__PURE__ */ React151.createElement(GridLayout, __spreadValues({}, (_a9 = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _a9.grid));
+    }),
     /* @__PURE__ */ React151.createElement(
       Box,
       {
         css: {
-          flex: match11({ isLandscapeHLSStream, isMobileHLSStream }).with({ isLandscapeHLSStream: true }, () => "1  1 0").with({ isMobileHLSStream: true }, () => "2 1 0").otherwise(() => void 0),
+          flex: match12({ isLandscapeHLSStream, isMobileHLSStream }).with({ isLandscapeHLSStream: true }, () => "1  1 0").with({ isMobileHLSStream: true }, () => "2 1 0").otherwise(() => void 0),
           position: "relative",
           height: !isMobileHLSStream ? "100%" : void 0,
           maxHeight: "100%",
@@ -28708,7 +28732,7 @@ var VideoStreamingSection = ({
         SidePane_default,
         {
           screenType,
-          tileProps: (_b7 = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _b7.grid,
+          tileProps: (_a8 = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _a8.grid,
           hideControls
         }
       )
@@ -28968,8 +28992,6 @@ var ConferenceScreen = () => {
   const isMobileDevice = isAndroid || isIOS || isIPadOS;
   const dropdownListRef = useRef25();
   const [isHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
-  const { toggleAudio, toggleVideo } = useAVToggle7();
-  const noAVPermissions = !(toggleAudio || toggleVideo);
   const showChat = !!((_a8 = screenProps.elements) == null ? void 0 : _a8.chat);
   const autoRoomJoined = useRef25(isPreviewScreenEnabled);
   const isMobileHLSStream = useMobileHLSStream();
@@ -29093,7 +29115,7 @@ var ConferenceScreen = () => {
       justify: "end",
       gap: "2"
     },
-    noAVPermissions ? /* @__PURE__ */ React155.createElement(RaiseHand, null) : null,
+    /* @__PURE__ */ React155.createElement(RaiseHand, null),
     /* @__PURE__ */ React155.createElement(MoreSettings, { elements: screenProps.elements, screenType: screenProps.screenType }),
     /* @__PURE__ */ React155.createElement(
       Box,
@@ -29365,6 +29387,7 @@ import { ExitIcon as ExitIcon3 } from "@100mslive/react-icons";
 init_define_process_env();
 import React158, { useContext as useContext4, useEffect as useEffect54 } from "react";
 import { usePreviousDistinct } from "react-use";
+import { match as match13, P as P4 } from "ts-pattern";
 import { HMSRoomState as HMSRoomState8, selectRoomState as selectRoomState8, useHMSStore as useHMSStore86 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/hooks/useRedirectToLeave.tsx
@@ -29414,16 +29437,24 @@ var useAppStateManager = () => {
     if (!roomLayout) {
       return;
     }
-    if (roomState === HMSRoomState8.Connected) {
-      setActiveState("meeting" /* MEETING */);
-    } else if (prevRoomState && [HMSRoomState8.Reconnecting, HMSRoomState8.Connected, HMSRoomState8.Connecting].includes(prevRoomState) && [HMSRoomState8.Disconnecting, HMSRoomState8.Disconnected].includes(roomState)) {
-      const goTo = isPreviewScreenEnabled ? "preview" /* PREVIEW */ : "meeting" /* MEETING */;
-      setActiveState(isLeaveScreenEnabled ? "leave" /* LEAVE */ : goTo);
-      VBHandler.reset();
-      redirectToLeave(1e3);
-    } else if (!prevRoomState && roomState === HMSRoomState8.Disconnected) {
+    match13([roomState, prevRoomState]).with([HMSRoomState8.Connected, P4.any], () => setActiveState("meeting" /* MEETING */)).with(
+      [HMSRoomState8.Disconnecting, HMSRoomState8.Connected],
+      [HMSRoomState8.Disconnecting, HMSRoomState8.Connecting],
+      [HMSRoomState8.Disconnecting, HMSRoomState8.Reconnecting],
+      [HMSRoomState8.Disconnected, HMSRoomState8.Connected],
+      [HMSRoomState8.Disconnected, HMSRoomState8.Connecting],
+      [HMSRoomState8.Disconnected, HMSRoomState8.Reconnecting],
+      () => {
+        setActiveState(
+          match13({ isLeaveScreenEnabled, isPreviewScreenEnabled }).with({ isLeaveScreenEnabled: true }, () => "leave" /* LEAVE */).with({ isPreviewScreenEnabled: true }, () => "preview" /* PREVIEW */).otherwise(() => "meeting" /* MEETING */)
+        );
+        VBHandler.reset();
+        redirectToLeave(1e3);
+      }
+    ).with([HMSRoomState8.Disconnected, P4.nullish], () => {
       setActiveState(isPreviewScreenEnabled ? "preview" /* PREVIEW */ : "meeting" /* MEETING */);
-    }
+    }).otherwise(() => {
+    });
   }, [roomLayout, roomState, isLeaveScreenEnabled, isPreviewScreenEnabled, prevRoomState, redirectToLeave]);
   return { activeState, rejoin };
 };
@@ -29476,7 +29507,7 @@ var LeaveScreen = () => {
 init_define_process_env();
 import React160, { useEffect as useEffect55, useState as useState66 } from "react";
 import { useMedia as useMedia36 } from "react-use";
-import { match as match12, P as P4 } from "ts-pattern";
+import { match as match14, P as P5 } from "ts-pattern";
 import { RefreshIcon } from "@100mslive/react-icons";
 var MwebLandscapePrompt = () => {
   const [showMwebLandscapePrompt, setShowMwebLandscapePrompt] = useState66(false);
@@ -29496,7 +29527,7 @@ var MwebLandscapePrompt = () => {
       const angle = window.screen.orientation.angle;
       const type = window.screen.orientation.type || "";
       setShowMwebLandscapePrompt(
-        match12({ angle, isLandscapeHLSStream, isLandscape, type }).with({ isLandscapeHLSStream: true }, () => false).with({ angle: P4.when((angle2) => angle2 && angle2 >= 90) }, ({ type: type2 }) => type2.includes("landscape")).otherwise(() => isLandscape)
+        match14({ angle, isLandscapeHLSStream, isLandscape, type }).with({ isLandscapeHLSStream: true }, () => false).with({ angle: P5.when((angle2) => angle2 && angle2 >= 90) }, ({ type: type2 }) => type2.includes("landscape")).otherwise(() => isLandscape)
       );
     };
     handleRotation();
@@ -30247,7 +30278,7 @@ function Notifications() {
   }, []);
   useCustomEvent4({ type: ROLE_CHANGE_DECLINED, onEvent: handleRoleChangeDenied });
   useEffect65(() => {
-    var _a9, _b8, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n2, _o2, _p;
+    var _a9, _b8, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m2, _n2, _o2, _p;
     if (!notification || isNotificationDisabled) {
       return;
     }
@@ -30288,7 +30319,7 @@ function Notifications() {
         });
         break;
       case HMSNotificationTypes10.ROLE_UPDATED: {
-        if (((_m = notification.data) == null ? void 0 : _m.isLocal) && ((_n2 = notification.data) == null ? void 0 : _n2.roleName)) {
+        if (((_m2 = notification.data) == null ? void 0 : _m2.isLocal) && ((_n2 = notification.data) == null ? void 0 : _n2.roleName)) {
           ToastManager.addToast({
             title: `You are now a ${notification.data.roleName}`
           });
@@ -30820,12 +30851,7 @@ var AppStates = ({ activeState }) => {
   const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
   const { isLeaveScreenEnabled } = useRoomLayoutLeaveScreen();
   useAutoStartStreaming();
-  if (activeState === "preview" /* PREVIEW */ && isPreviewScreenEnabled) {
-    return /* @__PURE__ */ React177.createElement(PreviewScreen, null);
-  } else if (activeState === "leave" /* LEAVE */ && isLeaveScreenEnabled) {
-    return /* @__PURE__ */ React177.createElement(LeaveScreen, null);
-  }
-  return /* @__PURE__ */ React177.createElement(ConferenceScreen, null);
+  return match15({ activeState, isPreviewScreenEnabled, isLeaveScreenEnabled }).with({ activeState: "preview" /* PREVIEW */, isPreviewScreenEnabled: true }, () => /* @__PURE__ */ React177.createElement(PreviewScreen, null)).with({ activeState: "leave" /* LEAVE */, isLeaveScreenEnabled: true }, () => /* @__PURE__ */ React177.createElement(LeaveScreen, null)).otherwise(() => /* @__PURE__ */ React177.createElement(ConferenceScreen, null));
 };
 var BackSwipe = () => {
   const isConnectedToRoom = useHMSStore95(selectIsConnectedToRoom13);
@@ -31005,4 +31031,4 @@ lodash/lodash.js:
    * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
    *)
 */
-//# sourceMappingURL=chunk-JF6QG5V5.js.map
+//# sourceMappingURL=chunk-7O27GQEH.js.map