@100mslive/roomkit-react 0.2.2 → 0.2.3-alpha.0

package/dist/{chunk-AMKCMJY4.js → chunk-5W4IGFZA.js}

@@ -106,7 +106,7 @@ var __async = (__this, __arguments, generator) => {
 var define_process_env_default;
 var init_define_process_env = __esm({
   "<define:process.env>"() {
-    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_a04fd411-4c3e-4df4-a380-7c3eb29b326e", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_devDependencies_rollup: "^2.70.1", npm_package_exports___require: "./dist/index.cjs.js", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.21 npm/? node/v18.19.0 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_devDependencies__rollup_plugin_node_resolve: "^13.1.3", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.9.2", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_a04fd411-4c3e-4df4-a380-7c3eb29b326e", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.19.0/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.12.2", 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.5", 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.5", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.1.10909125", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "591", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_devDependencies__rollup_plugin_image: "^3.0.2", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.13/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.6/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240122.3.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", 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_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:18987", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__rollup_plugin_commonjs: "^21.0.3", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.2.2", 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: "7655023964", npm_package_workspaces_0: "packages/*", npm_package_scripts_store: "cd packages/hms-video-store && yarn start", npm_package_devDependencies__babel_core: "^7.18.2", npm_package_devDependencies__storybook_addon_interactions: "^7.0.27", npm_package_devDependencies__storybook_addon_actions: "^7.0.27", GITHUB_REF_TYPE: "branch", BOOTSTRAP_HASKELL_NONINTERACTIVE: "1", GITHUB_WORKFLOW_SHA: "e1fee68a01f0166cc2c5e19a39c7b0119e0a3bd8", 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: "e3cbea57c2ec51a3c5437ff30109e13e97fcd52bad8dcc278ab2a388cb511868", 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--1706188404234-0.8154313388858776:/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.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1706188404039-0.03945887380755497:/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.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1706188381959-0.12127972265737141:/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.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1706188381782-0.5488573631161362:/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.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/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.0/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_9140f21f-1ef1-4fdb-b55d-98c78b8fd3a7", INVOCATION_ID: "aec1a62ae1c64c24b8caa221494fb0e4", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", GOROOT_1_19_X64: "/opt/hostedtoolcache/go/1.19.13/x64", npm_package_scripts_size: "size-limit", npm_package_devDependencies_size_limit: "^5.0.3", npm_package_name: "@100mslive/roomkit-react", npm_package_devDependencies__storybook_react_webpack5: "^7.0.27", npm_package_repository_type: "git", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "416", GITHUB_TRIGGERING_ACTOR: "KaustubhKumar05", 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 410", 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.9.2", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.2.2", 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: "e1fee68a01f0166cc2c5e19a39c7b0119e0a3bd8", 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: "KaustubhKumar05", 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_a04fd411-4c3e-4df4-a380-7c3eb29b326e", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "57426646", 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.10.0-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_a04fd411-4c3e-4df4-a380-7c3eb29b326e", 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_a04fd411-4c3e-4df4-a380-7c3eb29b326e" };
+    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_319f06f9-b39e-4116-a20b-1490d00fe3d8", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_devDependencies_rollup: "^2.70.1", npm_package_exports___require: "./dist/index.cjs.js", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.21 npm/? node/v18.19.0 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_devDependencies__rollup_plugin_node_resolve: "^13.1.3", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.9.3-alpha.0", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_319f06f9-b39e-4116-a20b-1490d00fe3d8", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.19.0/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.12.3-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.6", 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.5", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.1.10909125", 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.13/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.6/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240122.3.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", 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_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:20621", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__rollup_plugin_commonjs: "^21.0.3", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.2.3-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: "7709679716", npm_package_workspaces_0: "packages/*", npm_package_scripts_store: "cd packages/hms-video-store && yarn start", npm_package_devDependencies__babel_core: "^7.18.2", npm_package_devDependencies__storybook_addon_interactions: "^7.0.27", npm_package_devDependencies__storybook_addon_actions: "^7.0.27", GITHUB_REF_TYPE: "branch", BOOTSTRAP_HASKELL_NONINTERACTIVE: "1", GITHUB_WORKFLOW_SHA: "d3d81cbff3a76e9db81ceb754ba3d0aa0a8ae3c0", 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: "3c64f4f663af1c013c2646ee8a063bfad0e90199ec438fa8332fb7f9647aad88", 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--1706610348614-0.8130608074510421:/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.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1706610348415-0.7781503871909203:/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.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1706610326277-0.3779794154043836:/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.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1706610326099-0.9238653629022453:/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.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/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.0/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_8cda47be-2115-467c-a396-ff0af511e489", INVOCATION_ID: "7d4a5249b3e548b7be1491aaf5aec454", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", GOROOT_1_19_X64: "/opt/hostedtoolcache/go/1.19.13/x64", npm_package_scripts_size: "size-limit", npm_package_devDependencies_size_limit: "^5.0.3", npm_package_name: "@100mslive/roomkit-react", npm_package_devDependencies__storybook_react_webpack5: "^7.0.27", npm_package_repository_type: "git", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "417", GITHUB_TRIGGERING_ACTOR: "KaustubhKumar05", 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 484", 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.9.3-alpha.0", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.2.3-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: "d3d81cbff3a76e9db81ceb754ba3d0aa0a8ae3c0", 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: "KaustubhKumar05", 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_319f06f9-b39e-4116-a20b-1490d00fe3d8", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "57426646", 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.10.0-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_319f06f9-b39e-4116-a20b-1490d00fe3d8", 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_319f06f9-b39e-4116-a20b-1490d00fe3d8" };
   }
 });
 
@@ -10461,11 +10461,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
@@ -11551,7 +11551,7 @@ var ResetStreamingStart = () => {
 
 // src/Prebuilt/components/AuthToken.jsx
 init_define_process_env();
-import React23, { useEffect as useEffect5, useState as useState5 } from "react";
+import React22, { useEffect as useEffect5, useState as useState5 } from "react";
 import { useSessionStorage } from "react-use";
 import { v4 as uuid } from "uuid";
 import { useHMSActions as useHMSActions4 } from "@100mslive/react-sdk";
@@ -11577,164 +11577,11 @@ var useHMSPrebuiltContext = () => {
   return context;
 };
 
-// src/Prebuilt/primitives/DialogContent.jsx
-init_define_process_env();
-import React22, { useRef as useRef5 } from "react";
-import { CheckIcon, CloudUploadIcon, CrossIcon as CrossIcon3 } from "@100mslive/react-icons";
-var DialogContent = (_a8) => {
-  var _b7 = _a8, { Icon: Icon3, title, closeable = true, children, css: css2, iconCSS = {} } = _b7, props = __objRest(_b7, ["Icon", "title", "closeable", "children", "css", "iconCSS"]);
-  return /* @__PURE__ */ React22.createElement(Dialog.Portal, null, /* @__PURE__ */ React22.createElement(Dialog.Overlay, null), /* @__PURE__ */ React22.createElement(Dialog.Content, __spreadValues({ css: __spreadValues({ width: "min(600px, 100%)" }, css2) }, props), /* @__PURE__ */ React22.createElement(Dialog.Title, null, /* @__PURE__ */ React22.createElement(Flex, { justify: "between" }, /* @__PURE__ */ React22.createElement(Flex, { align: "center", css: { mb: "$1" } }, Icon3 ? /* @__PURE__ */ React22.createElement(Box, { css: __spreadValues({ mr: "$2", color: "$on_primary_high" }, iconCSS) }, /* @__PURE__ */ React22.createElement(Icon3, null)) : null, /* @__PURE__ */ React22.createElement(Text, { variant: "h6", inline: true }, title)), closeable && /* @__PURE__ */ React22.createElement(Dialog.DefaultClose, { "data-testid": "dialoge_cross_icon" }))), /* @__PURE__ */ React22.createElement(HorizontalDivider, { css: { mt: "0.8rem" } }), /* @__PURE__ */ React22.createElement(Box, null, children)));
-};
-var ErrorDialog = (_a8) => {
-  var _b7 = _a8, { open = true, onOpenChange, title, children } = _b7, props = __objRest(_b7, ["open", "onOpenChange", "title", "children"]);
-  return /* @__PURE__ */ React22.createElement(Dialog.Root, { open, onOpenChange }, /* @__PURE__ */ React22.createElement(
-    DialogContent,
-    __spreadValues({
-      Icon: CrossIcon3,
-      title,
-      onInteractOutside: (e) => e.preventDefault(),
-      onEscapeKeyDown: (e) => e.preventDefault(),
-      onPointerDownOutside: (e) => e.preventDefault(),
-      closeable: false,
-      iconCSS: { color: "$alert_error_default" }
-    }, props),
-    /* @__PURE__ */ React22.createElement(Box, { css: { mt: "$lg" } }, children)
-  ));
-};
-var RequestDialog = ({ open = true, onOpenChange, title, body, actionText = "Accept", onAction, Icon: Icon3 }) => /* @__PURE__ */ React22.createElement(Dialog.Root, { open, onOpenChange }, /* @__PURE__ */ React22.createElement(Dialog.Portal, null, /* @__PURE__ */ React22.createElement(Dialog.Overlay, null), /* @__PURE__ */ React22.createElement(Dialog.Content, { css: { width: "min(400px,80%)", p: "$10" } }, /* @__PURE__ */ React22.createElement(Dialog.Title, { css: { p: 0, display: "flex", flexDirection: "row", gap: "$md" } }, Icon3 ? Icon3 : null, /* @__PURE__ */ React22.createElement(Text, { variant: "h6" }, title)), typeof body === "string" ? /* @__PURE__ */ React22.createElement(
-  Text,
-  {
-    variant: "md",
-    css: {
-      fontWeight: 400,
-      mt: "$4",
-      mb: "$10",
-      c: "$on_surface_medium"
-    }
-  },
-  body
-) : /* @__PURE__ */ React22.createElement(Box, { css: { mt: "$4", mb: "$10" } }, body), /* @__PURE__ */ React22.createElement(Flex, { justify: "center", align: "center", css: { width: "100%", gap: "$md" } }, /* @__PURE__ */ React22.createElement(Box, { css: { width: "50%" } }, /* @__PURE__ */ React22.createElement(Dialog.Close, { css: { width: "100%" } }, /* @__PURE__ */ React22.createElement(Button, { variant: "standard", outlined: true, css: { width: "100%" } }, "Cancel"))), /* @__PURE__ */ React22.createElement(Box, { css: { width: "50%" } }, /* @__PURE__ */ React22.createElement(Button, { variant: "primary", css: { width: "100%" }, onClick: onAction }, actionText))))));
-var DialogRow = ({ children, breakSm = false, css: css2, justify = "between" }) => {
-  let finalCSS = {
-    margin: "$10 0",
-    w: "100%"
-  };
-  if (breakSm) {
-    finalCSS["@sm"] = {
-      flexDirection: "column",
-      alignItems: "flex-start"
-    };
-  }
-  if (css2) {
-    finalCSS = Object.assign(finalCSS, css2);
-  }
-  return /* @__PURE__ */ React22.createElement(Flex, { align: "center", justify, css: finalCSS }, children);
-};
-var DialogCol = (_a8) => {
-  var _b7 = _a8, { children, breakSm = false, css: css2, align = "center", justify = "between" } = _b7, props = __objRest(_b7, ["children", "breakSm", "css", "align", "justify"]);
-  let finalCSS = {
-    margin: "$10 0",
-    w: "100%"
-  };
-  if (breakSm) {
-    finalCSS["@sm"] = {
-      alignItems: "flex-start"
-    };
-  }
-  if (css2) {
-    finalCSS = Object.assign(finalCSS, css2);
-  }
-  return /* @__PURE__ */ React22.createElement(Flex, __spreadValues({ direction: "column", align, justify, css: finalCSS }, props), children);
-};
-var DialogSelect = (_a8) => {
-  var _b7 = _a8, { title, options, keyField, labelField, selected, onChange } = _b7, props = __objRest(_b7, ["title", "options", "keyField", "labelField", "selected", "onChange"]);
-  return /* @__PURE__ */ React22.createElement(DialogRow, { breakSm: true }, /* @__PURE__ */ React22.createElement(Label3, null, title), /* @__PURE__ */ React22.createElement(Select.Root, __spreadValues({ "data-testid": `dialog_select_${title}`, css: { width: "70%", "@sm": { width: "100%" } } }, props), /* @__PURE__ */ React22.createElement(Select.DefaultDownIcon, null), /* @__PURE__ */ React22.createElement(Select.Select, { onChange: (e) => onChange(e.target.value), value: selected, css: { width: "100%" } }, options.map((option) => {
-    const id = keyField ? option[keyField] : option;
-    const label = labelField ? option[labelField] : option;
-    return /* @__PURE__ */ React22.createElement("option", { value: id, key: id }, label);
-  }))));
-};
-var DialogInputFile = (_a8) => {
-  var _b7 = _a8, { value, onChange, placeholder, disabled, type } = _b7, props = __objRest(_b7, ["value", "onChange", "placeholder", "disabled", "type"]);
-  const inputRef = useRef5();
-  return /* @__PURE__ */ React22.createElement(
-    DialogCol,
-    {
-      breakSm: true,
-      onClick: () => {
-        var _a9;
-        return (_a9 = inputRef.current) == null ? void 0 : _a9.click();
-      },
-      css: {
-        justifyContent: "center",
-        position: "relative",
-        cursor: "pointer",
-        py: "$12",
-        border: "1px dashed $border_bright",
-        r: "$1",
-        height: "max(140px, 30%)",
-        alignItems: "center",
-        m: "$6 0"
-      },
-      gap: "8"
-    },
-    /* @__PURE__ */ React22.createElement(
-      IconButton,
-      {
-        variant: "standard",
-        css: {
-          border: "none",
-          background: "none",
-          "&:hover": {
-            border: "none",
-            background: "none",
-            bg: "$transparent !important"
-          }
-        }
-      },
-      /* @__PURE__ */ React22.createElement(
-        CloudUploadIcon,
-        {
-          style: {
-            width: "3rem",
-            height: "3rem"
-          }
-        }
-      )
-    ),
-    /* @__PURE__ */ React22.createElement(Flex, { direction: "row" }, /* @__PURE__ */ React22.createElement(
-      Input,
-      __spreadValues({
-        ref: inputRef,
-        css: { width: "70%", "@sm": { width: "100%" } },
-        value,
-        onChange: (e) => onChange(e.target),
-        placeholder,
-        disabled,
-        type,
-        hidden: true
-      }, props)
-    ), /* @__PURE__ */ React22.createElement(
-      IconButton,
-      {
-        variant: "standard",
-        css: {
-          background: "none",
-          border: "none",
-          textDecoration: "underline",
-          "&:hover": {
-            background: "none !important",
-            border: "none !important"
-          }
-        }
-      },
-      /* @__PURE__ */ React22.createElement(Text, { variant: "md" }, placeholder)
-    ))
-  );
-};
+// src/Prebuilt/images/transaction_error.svg
+var transaction_error_default = 'data:image/svg+xml,<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M70 68.3333V26.6667C70 24.825 68.5083 23.3333 66.6667 23.3333H13.3333C11.4917 23.3333 10 24.825 10 26.6667V68.3333C10 70.175 11.4917 71.6667 13.3333 71.6667H66.6667C68.5083 71.6667 70 70.175 70 68.3333Z" fill="%23272A31"/>%0A<path d="M20 31.6667H60C61.8417 31.6667 63.3333 33.1583 63.3333 35C63.3333 36.8417 61.8417 38.3333 60 38.3333H20C18.1583 38.3333 16.6667 36.8417 16.6667 35C16.6667 33.1583 18.1583 31.6667 20 31.6667Z" fill="%238F9099"/>%0A<path d="M58.3333 36.6667V10C58.3333 9.08 57.5867 8.33334 56.6667 8.33334H55C55 9.25334 54.2533 10 53.3333 10C52.4133 10 51.6667 9.25334 51.6667 8.33334H48.3333C48.3333 9.25334 47.5867 10 46.6667 10C45.7467 10 45 9.25334 45 8.33334H41.6667C41.6667 9.25334 40.92 10 40 10C39.08 10 38.3333 9.25334 38.3333 8.33334H35C35 9.25334 34.2533 10 33.3333 10C32.4133 10 31.6667 9.25334 31.6667 8.33334H28.3333C28.3333 9.25334 27.5867 10 26.6667 10C25.7467 10 25 9.25334 25 8.33334H23.3333C22.4133 8.33334 21.6667 9.08 21.6667 10V36.6667H58.3333Z" fill="%23C74E5B"/>%0A<path d="M21.6667 43.3333H58.3333C60.175 43.3333 61.6667 44.825 61.6667 46.6667V50C61.6667 51.8417 60.175 53.3333 58.3333 53.3333H21.6667C19.825 53.3333 18.3333 51.8417 18.3333 50V46.6667C18.3333 44.825 19.825 43.3333 21.6667 43.3333Z" fill="%23C5C6D0"/>%0A<path d="M60 66.6667H55C54.08 66.6667 53.3333 65.92 53.3333 65V60C53.3333 59.08 54.08 58.3333 55 58.3333H60C60.92 58.3333 61.6667 59.08 61.6667 60V65C61.6667 65.92 60.92 66.6667 60 66.6667Z" fill="%23C5C6D0"/>%0A<path d="M25 66.6667H20C19.08 66.6667 18.3333 65.92 18.3333 65V60C18.3333 59.08 19.08 58.3333 20 58.3333H25C25.92 58.3333 26.6667 59.08 26.6667 60V65C26.6667 65.92 25.92 66.6667 25 66.6667ZM36.6667 66.6667H31.6667C30.7467 66.6667 30 65.92 30 65V60C30 59.08 30.7467 58.3333 31.6667 58.3333H36.6667C37.5867 58.3333 38.3333 59.08 38.3333 60V65C38.3333 65.92 37.5867 66.6667 36.6667 66.6667ZM48.3333 66.6667H43.3333C42.4133 66.6667 41.6667 65.92 41.6667 65V60C41.6667 59.08 42.4133 58.3333 43.3333 58.3333H48.3333C49.2533 58.3333 50 59.08 50 60V65C50 65.92 49.2533 66.6667 48.3333 66.6667Z" fill="%23C5C6D0"/>%0A<path d="M58.3333 35H21.6667V38.3333H58.3333V35Z" fill="%23C74E5B"/>%0A<path opacity="0.05" d="M45.3033 32.315C44.6383 32.315 44.01 32.0567 43.5367 31.585L40 28.0467L36.465 31.5817C35.9917 32.0533 35.365 32.3133 34.6967 32.3133C34.0283 32.3133 33.4 32.0533 32.9267 31.58L31.75 30.4033C31.2783 29.9333 31.0183 29.3033 31.0183 28.6333C31.0183 27.9667 31.2783 27.3383 31.75 26.8667L35.2867 23.3333L31.7517 19.7983C31.28 19.3283 31.02 18.7 31.02 18.0317C31.02 17.3617 31.28 16.7333 31.7517 16.2617L32.93 15.0833C33.4017 14.6117 34.0283 14.3517 34.6983 14.3517C35.3633 14.3517 35.9917 14.61 36.465 15.0817L40 18.62L43.535 15.0833C44.0083 14.6117 44.635 14.3517 45.3033 14.3517C45.9683 14.3517 46.5967 14.61 47.07 15.0817L48.25 16.2617C48.7217 16.7317 48.9817 17.3617 48.9817 18.0317C48.9817 18.6983 48.7217 19.3267 48.25 19.7983L44.7117 23.3333L48.2483 26.87C49.2217 27.84 49.2233 29.425 48.2517 30.4017L47.07 31.5833C46.5983 32.055 45.9717 32.315 45.3033 32.315Z" fill="black"/>%0A<path opacity="0.07" d="M45.3033 31.4817C44.8583 31.4817 44.44 31.3083 44.125 30.995L40 26.8683L35.875 30.9933C35.56 31.3083 35.1417 31.48 34.6967 31.48C34.25 31.48 33.8317 31.3067 33.5183 30.9917L32.34 29.8133C32.025 29.4983 31.8517 29.08 31.8517 28.6333C31.8517 28.1883 32.025 27.77 32.34 27.455L36.465 23.3333L32.34 19.2083C32.0267 18.895 31.8517 18.4767 31.8517 18.0317C31.8517 17.585 32.025 17.1667 32.34 16.8517L33.5183 15.6733C33.8317 15.36 34.25 15.1867 34.6967 15.1867C35.1417 15.1867 35.56 15.36 35.875 15.6733L40 19.7983L44.125 15.6717C44.44 15.3567 44.8583 15.185 45.3033 15.185C45.7483 15.185 46.1667 15.3583 46.4817 15.6717L47.66 16.8517C47.975 17.1667 48.1483 17.585 48.1483 18.0317C48.1483 18.4767 47.975 18.895 47.66 19.21L43.5333 23.3333L47.66 27.46C48.31 28.1067 48.31 29.1633 47.6617 29.815L46.4817 30.995C46.1667 31.3083 45.7483 31.4817 45.3033 31.4817Z" fill="black"/>%0A<path d="M42.3567 23.3333L47.0717 18.6183C47.3967 18.2933 47.3967 17.765 47.0717 17.44L45.8933 16.2617C45.5667 15.9367 45.04 15.9367 44.715 16.2617L40 20.9767L35.2867 16.2633C34.9617 15.9383 34.4333 15.9383 34.1083 16.2633L32.93 17.4417C32.605 17.7667 32.605 18.295 32.93 18.62L37.6433 23.3333L32.93 28.0467C32.605 28.3717 32.605 28.9 32.93 29.225L34.1083 30.4033C34.4333 30.7283 34.9617 30.7283 35.2867 30.4033L40 25.69L44.715 30.405C45.04 30.73 45.5683 30.73 45.8933 30.405L47.0717 29.2267C47.3967 28.9 47.3967 28.3733 47.0717 28.0483L42.3567 23.3333Z" fill="%23FFEDEC"/>%0A</svg>%0A';
 
 // src/Prebuilt/components/AuthToken.jsx
-var AuthToken = React23.memo(({ authTokenByRoomCodeEndpoint, defaultAuthToken }) => {
+var AuthToken = React22.memo(({ authTokenByRoomCodeEndpoint, defaultAuthToken }) => {
   const hmsActions = useHMSActions4();
   const { roomCode, userId } = useHMSPrebuiltContext();
   const [error, setError] = useState5({ title: "", body: "" });
@@ -11765,56 +11612,70 @@ var AuthToken = React23.memo(({ authTokenByRoomCodeEndpoint, defaultAuthToken })
     setSavedUserId
   ]);
   if (error.title) {
-    return /* @__PURE__ */ React23.createElement(ErrorDialog, { title: error.title }, error.body);
+    return /* @__PURE__ */ React22.createElement(Dialog.Root, { open: true }, /* @__PURE__ */ React22.createElement(
+      Dialog.Content,
+      {
+        css: {
+          maxWidth: "$100",
+          boxSizing: "border-box",
+          p: "$10 $12",
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "center"
+        }
+      },
+      /* @__PURE__ */ React22.createElement("img", { src: transaction_error_default, height: 80, width: 80 }),
+      /* @__PURE__ */ React22.createElement(Text, { variant: "h4", css: { textAlign: "center", mb: "$4", mt: "$10" } }, error.title),
+      /* @__PURE__ */ React22.createElement(Text, { css: { c: "$on_surface_medium", textAlign: "center" } }, error.body)
+    ));
   }
   return null;
 });
 var convertError = (error) => {
   console.error("[error]", { error });
+  console.warn(
+    "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: "Room code is disabled",
-      body: ErrorWithSupportLink("Room code corresponding to this link is no more active.")
+      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: ErrorWithSupportLink("We could not find a room code corresponding to this link.")
+      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: ErrorWithSupportLink(`Endpoint is not reachable. ${error.description}.`)
+      body: `Endpoint is not reachable. ${error.description}.`
     };
   } else if (error.response && error.response.status === 404) {
     return {
       title: "Room does not exist",
-      body: ErrorWithSupportLink("We could not find a room corresponding to this link.")
+      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: ErrorWithSupportLink("You can re-enable this from the developer section in Dashboard.")
+      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: ErrorWithSupportLink(
-        "An error occurred while fetching the app token. Please look into logs for more details."
-      )
+      body: "An error occurred while fetching the app token. Please look into logs for more details."
     };
   }
 };
-var Link2 = styled("a", {
-  color: "#2f80e1"
-});
-var ErrorWithSupportLink = (errorMessage) => /* @__PURE__ */ React23.createElement("div", null, errorMessage, " If you think this is a mistake on our side, please create", " ", /* @__PURE__ */ React23.createElement(Link2, { target: "_blank", href: "https://github.com/100mslive/100ms-web/issues", rel: "noreferrer" }, "an issue"), " ", "or reach out over", " ", /* @__PURE__ */ React23.createElement(Link2, { target: "_blank", href: "https://discord.com/invite/kGdmszyzq2", rel: "noreferrer" }, "Discord"), ".");
 var AuthToken_default = AuthToken;
 
 // src/Prebuilt/components/ConferenceScreen.tsx
 init_define_process_env();
 import React150, { useEffect as useEffect47, useRef as useRef23, useState as useState61 } from "react";
+import { v4 as uuid3 } from "uuid";
 import {
   HMSRoomState as HMSRoomState7,
   selectAppData as selectAppData7,
@@ -11833,7 +11694,7 @@ import { useAVToggle as useAVToggle3 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/AudioVideoToggle.jsx
 init_define_process_env();
-import React25, { Fragment as Fragment2 } from "react";
+import React24, { Fragment as Fragment2 } from "react";
 import {
   DeviceType,
   HMSRoomState as HMSRoomState2,
@@ -11849,7 +11710,7 @@ import { CameraFlipIcon, MicOffIcon, MicOnIcon, VideoOffIcon, VideoOnIcon } from
 
 // src/Prebuilt/components/IconButtonWithOptions/IconButtonWithOptions.jsx
 init_define_process_env();
-import React24 from "react";
+import React23 from "react";
 import { VerticalMenuIcon } from "@100mslive/react-icons";
 
 // src/Prebuilt/IconButton.jsx
@@ -11932,7 +11793,7 @@ var IconButtonWithOptions = ({
 }) => {
   const bgCss = { backgroundColor: disabled ? "$surface_brighter" : active ? "$transparent" : "$secondary_dim" };
   const iconCss = { color: disabled ? "$on_surface_low" : active ? "$on_surface_high" : "$on_primary_high" };
-  return /* @__PURE__ */ React24.createElement(Flex, null, /* @__PURE__ */ React24.createElement(IconSection, { css: bgCss, onClick }, /* @__PURE__ */ React24.createElement(Tooltip, { disabled: !tooltipMessage, title: tooltipMessage }, /* @__PURE__ */ React24.createElement(Flex, { align: "center", justify: "center", css: iconCss }, icon))), /* @__PURE__ */ React24.createElement(Dropdown.Root, null, /* @__PURE__ */ React24.createElement(
+  return /* @__PURE__ */ React23.createElement(Flex, null, /* @__PURE__ */ React23.createElement(IconSection, { css: bgCss, onClick }, /* @__PURE__ */ React23.createElement(Tooltip, { disabled: !tooltipMessage, title: tooltipMessage }, /* @__PURE__ */ React23.createElement(Flex, { align: "center", justify: "center", css: iconCss }, icon))), /* @__PURE__ */ React23.createElement(Dropdown.Root, null, /* @__PURE__ */ React23.createElement(
     Dropdown.Trigger,
     {
       asChild: true,
@@ -11943,8 +11804,8 @@ var IconButtonWithOptions = ({
         }
       }
     },
-    /* @__PURE__ */ React24.createElement(OptionsSection, { css: bgCss }, /* @__PURE__ */ React24.createElement(Tooltip, { title: "View Options" }, /* @__PURE__ */ React24.createElement(Box, { css: iconCss }, /* @__PURE__ */ React24.createElement(VerticalMenuIcon, null))))
-  ), /* @__PURE__ */ React24.createElement(
+    /* @__PURE__ */ React23.createElement(OptionsSection, { css: bgCss }, /* @__PURE__ */ React23.createElement(Tooltip, { title: "View Options" }, /* @__PURE__ */ React23.createElement(Box, { css: iconCss }, /* @__PURE__ */ React23.createElement(VerticalMenuIcon, null))))
+  ), /* @__PURE__ */ React23.createElement(
     Dropdown.Content,
     {
       sideOffset: 5,
@@ -11956,7 +11817,7 @@ var IconButtonWithOptions = ({
         border: "none"
       }
     },
-    options.map((option, index) => /* @__PURE__ */ React24.createElement(
+    options.map((option, index) => /* @__PURE__ */ React23.createElement(
       Dropdown.Item,
       {
         key: option.title,
@@ -12027,7 +11888,7 @@ var AudioVideoToggle = ({ hideOptions = false }) => {
   const { videoInput, audioInput } = allDevices;
   const formattedVideoInputList = videoInput == null ? void 0 : videoInput.map((videoInput2) => ({
     active: selectedDeviceIDs.videoInput === videoInput2.deviceId,
-    content: /* @__PURE__ */ React25.createElement(
+    content: /* @__PURE__ */ React24.createElement(
       Text,
       {
         variant: "sm",
@@ -12043,7 +11904,7 @@ var AudioVideoToggle = ({ hideOptions = false }) => {
   }));
   const formattedAudioInputList = audioInput == null ? void 0 : audioInput.map((audioInput2) => ({
     active: selectedDeviceIDs.audioInput === audioInput2.deviceId,
-    content: /* @__PURE__ */ React25.createElement(
+    content: /* @__PURE__ */ React24.createElement(
       Text,
       {
         variant: "sm",
@@ -12064,7 +11925,7 @@ var AudioVideoToggle = ({ hideOptions = false }) => {
   const roomState = useHMSStore5(selectRoomState2);
   const hasAudioDevices = (audioInput == null ? void 0 : audioInput.length) > 0;
   const hasVideoDevices = (videoInput == null ? void 0 : videoInput.length) > 0;
-  return /* @__PURE__ */ React25.createElement(Fragment2, null, toggleAudio ? hideOptions || !hasAudioDevices ? /* @__PURE__ */ React25.createElement(Tooltip, { title: `Turn ${isLocalAudioEnabled ? "off" : "on"} audio (${isMacOS ? "\u2318" : "ctrl"} + d)` }, /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React24.createElement(Fragment2, null, toggleAudio ? hideOptions || !hasAudioDevices ? /* @__PURE__ */ React24.createElement(Tooltip, { title: `Turn ${isLocalAudioEnabled ? "off" : "on"} audio (${isMacOS ? "\u2318" : "ctrl"} + d)` }, /* @__PURE__ */ React24.createElement(
     IconButton_default,
     {
       active: isLocalAudioEnabled,
@@ -12074,20 +11935,20 @@ var AudioVideoToggle = ({ hideOptions = false }) => {
       "data-testid": "audio_btn",
       className: "__cancel-drag-event"
     },
-    !isLocalAudioEnabled ? /* @__PURE__ */ React25.createElement(MicOffIcon, { "data-testid": "audio_off_btn" }) : /* @__PURE__ */ React25.createElement(MicOnIcon, { "data-testid": "audio_on_btn" })
-  )) : /* @__PURE__ */ React25.createElement(
+    !isLocalAudioEnabled ? /* @__PURE__ */ React24.createElement(MicOffIcon, { "data-testid": "audio_off_btn" }) : /* @__PURE__ */ React24.createElement(MicOnIcon, { "data-testid": "audio_on_btn" })
+  )) : /* @__PURE__ */ React24.createElement(
     IconButtonWithOptions,
     {
       options: formattedAudioInputList,
       disabled: !toggleAudio,
       onDisabledClick: toggleAudio,
       tooltipMessage: `Turn ${isLocalAudioEnabled ? "off" : "on"} audio (${isMacOS ? "\u2318" : "ctrl"} + d)`,
-      icon: !isLocalAudioEnabled ? /* @__PURE__ */ React25.createElement(MicOffIcon, { "data-testid": "audio_off_btn" }) : /* @__PURE__ */ React25.createElement(MicOnIcon, { "data-testid": "audio_on_btn" }),
+      icon: !isLocalAudioEnabled ? /* @__PURE__ */ React24.createElement(MicOffIcon, { "data-testid": "audio_off_btn" }) : /* @__PURE__ */ React24.createElement(MicOnIcon, { "data-testid": "audio_on_btn" }),
       active: isLocalAudioEnabled,
       onClick: toggleAudio,
       key: "toggleAudio"
     }
-  ) : null, toggleVideo ? hideOptions || !hasVideoDevices ? /* @__PURE__ */ React25.createElement(Tooltip, { title: `Turn ${isLocalVideoEnabled ? "off" : "on"} video (${isMacOS ? "\u2318" : "ctrl"} + e)` }, /* @__PURE__ */ React25.createElement(
+  ) : null, toggleVideo ? hideOptions || !hasVideoDevices ? /* @__PURE__ */ React24.createElement(Tooltip, { title: `Turn ${isLocalVideoEnabled ? "off" : "on"} video (${isMacOS ? "\u2318" : "ctrl"} + e)` }, /* @__PURE__ */ React24.createElement(
     IconButton_default,
     {
       key: "toggleVideo",
@@ -12097,20 +11958,20 @@ var AudioVideoToggle = ({ hideOptions = false }) => {
       "data-testid": "video_btn",
       className: "__cancel-drag-event"
     },
-    !isLocalVideoEnabled ? /* @__PURE__ */ React25.createElement(VideoOffIcon, { "data-testid": "video_off_btn" }) : /* @__PURE__ */ React25.createElement(VideoOnIcon, { "data-testid": "video_on_btn" })
-  )) : /* @__PURE__ */ React25.createElement(
+    !isLocalVideoEnabled ? /* @__PURE__ */ React24.createElement(VideoOffIcon, { "data-testid": "video_off_btn" }) : /* @__PURE__ */ React24.createElement(VideoOnIcon, { "data-testid": "video_on_btn" })
+  )) : /* @__PURE__ */ React24.createElement(
     IconButtonWithOptions,
     {
       disabled: !toggleVideo,
       onDisabledClick: toggleVideo,
       options: formattedVideoInputList,
       tooltipMessage: `Turn ${isLocalVideoEnabled ? "off" : "on"} video (${isMacOS ? "\u2318" : "ctrl"} + e)`,
-      icon: !isLocalVideoEnabled ? /* @__PURE__ */ React25.createElement(VideoOffIcon, { "data-testid": "video_off_btn" }) : /* @__PURE__ */ React25.createElement(VideoOnIcon, { "data-testid": "video_on_btn" }),
+      icon: !isLocalVideoEnabled ? /* @__PURE__ */ React24.createElement(VideoOffIcon, { "data-testid": "video_off_btn" }) : /* @__PURE__ */ React24.createElement(VideoOnIcon, { "data-testid": "video_on_btn" }),
       key: "toggleVideo",
       active: isLocalVideoEnabled,
       onClick: toggleVideo
     }
-  ) : null, (localVideoTrack == null ? void 0 : localVideoTrack.facingMode) && roomState === HMSRoomState2.Preview ? /* @__PURE__ */ React25.createElement(Tooltip, { title: "Switch Camera", key: "switchCamera" }, /* @__PURE__ */ React25.createElement(
+  ) : null, (localVideoTrack == null ? void 0 : localVideoTrack.facingMode) && roomState === HMSRoomState2.Preview ? /* @__PURE__ */ React24.createElement(Tooltip, { title: "Switch Camera", key: "switchCamera" }, /* @__PURE__ */ React24.createElement(
     IconButton_default,
     {
       onClick: () => __async(void 0, null, function* () {
@@ -12124,13 +11985,13 @@ var AudioVideoToggle = ({ hideOptions = false }) => {
         }
       })
     },
-    /* @__PURE__ */ React25.createElement(CameraFlipIcon, null)
+    /* @__PURE__ */ React24.createElement(CameraFlipIcon, null)
   )) : null);
 };
 
 // src/Prebuilt/components/EmojiReaction.jsx
 init_define_process_env();
-import React27, { Fragment as Fragment3, useState as useState6 } from "react";
+import React26, { Fragment as Fragment3, useState as useState6 } from "react";
 import { useMedia } from "react-use";
 import data from "@emoji-mart/data/sets/14/apple.json";
 import { init } from "emoji-mart";
@@ -12145,13 +12006,13 @@ import { EmojiIcon } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Footer/EmojiCard.jsx
 init_define_process_env();
-import React26 from "react";
+import React25 from "react";
 var emojiReactionList = [
   [{ emojiId: "+1" }, { emojiId: "-1" }, { emojiId: "wave" }, { emojiId: "clap" }, { emojiId: "fire" }],
   [{ emojiId: "tada" }, { emojiId: "heart_eyes" }, { emojiId: "joy" }, { emojiId: "open_mouth" }, { emojiId: "sob" }]
 ];
 var EmojiCard = ({ sendReaction }) => {
-  return emojiReactionList.map((emojiLine, index) => /* @__PURE__ */ React26.createElement(Flex, { key: index, justify: "between", css: { mb: "$8" } }, emojiLine.map((emoji) => /* @__PURE__ */ React26.createElement(EmojiContainer, { key: emoji.emojiId, onClick: () => sendReaction(emoji.emojiId) }, /* @__PURE__ */ React26.createElement("em-emoji", { id: emoji.emojiId, size: "100%", set: "apple" })))));
+  return emojiReactionList.map((emojiLine, index) => /* @__PURE__ */ React25.createElement(Flex, { key: index, justify: "between", css: { mb: "$8" } }, emojiLine.map((emoji) => /* @__PURE__ */ React25.createElement(EmojiContainer, { key: emoji.emojiId, onClick: () => sendReaction(emoji.emojiId) }, /* @__PURE__ */ React25.createElement("em-emoji", { id: emoji.emojiId, size: "100%", set: "apple" })))));
 };
 var EmojiContainer = styled("span", {
   position: "relative",
@@ -12212,12 +12073,12 @@ var EmojiReaction = () => {
   if (!isConnected) {
     return null;
   }
-  return isMobile ? /* @__PURE__ */ React27.createElement(EmojiCard, { sendReaction }) : /* @__PURE__ */ React27.createElement(Fragment3, null, /* @__PURE__ */ React27.createElement(Dropdown.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ React27.createElement(Dropdown.Trigger, { asChild: true, "data-testid": "emoji_reaction_btn" }, /* @__PURE__ */ React27.createElement(IconButton_default, null, /* @__PURE__ */ React27.createElement(Tooltip, { title: "Emoji reaction" }, /* @__PURE__ */ React27.createElement(Box, null, /* @__PURE__ */ React27.createElement(EmojiIcon, null))))), /* @__PURE__ */ React27.createElement(Dropdown.Content, { sideOffset: 5, align: "center", css: { p: "$8", bg: "$surface_default" } }, /* @__PURE__ */ React27.createElement(EmojiCard, { sendReaction }))));
+  return isMobile ? /* @__PURE__ */ React26.createElement(EmojiCard, { sendReaction }) : /* @__PURE__ */ React26.createElement(Fragment3, null, /* @__PURE__ */ React26.createElement(Dropdown.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ React26.createElement(Dropdown.Trigger, { asChild: true, "data-testid": "emoji_reaction_btn" }, /* @__PURE__ */ React26.createElement(IconButton_default, null, /* @__PURE__ */ React26.createElement(Tooltip, { title: "Emoji reaction" }, /* @__PURE__ */ React26.createElement(Box, null, /* @__PURE__ */ React26.createElement(EmojiIcon, null))))), /* @__PURE__ */ React26.createElement(Dropdown.Content, { sideOffset: 5, align: "center", css: { p: "$8", bg: "$surface_default" } }, /* @__PURE__ */ React26.createElement(EmojiCard, { sendReaction }))));
 };
 
 // src/Prebuilt/components/Leave/LeaveRoom.tsx
 init_define_process_env();
-import React34 from "react";
+import React33 from "react";
 import { useMedia as useMedia2 } from "react-use";
 import {
   selectHLSState as selectHLSState2,
@@ -12231,21 +12092,21 @@ import {
 
 // src/Prebuilt/components/Leave/DesktopLeaveRoom.tsx
 init_define_process_env();
-import React31, { Fragment as Fragment4, useState as useState7 } from "react";
+import React30, { Fragment as Fragment4, useState as useState7 } from "react";
 import { selectIsConnectedToRoom as selectIsConnectedToRoom2, selectPermissions as selectPermissions2, useHMSStore as useHMSStore7, useRecordingStreaming as useRecordingStreaming2 } from "@100mslive/react-sdk";
 import { ExitIcon, StopIcon, VerticalMenuIcon as VerticalMenuIcon2 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Leave/EndSessionContent.tsx
 init_define_process_env();
-import React28 from "react";
-import { AlertTriangleIcon, CrossIcon as CrossIcon4 } from "@100mslive/react-icons";
+import React27 from "react";
+import { AlertTriangleIcon, CrossIcon as CrossIcon3 } from "@100mslive/react-icons";
 var EndSessionContent = ({
   setShowEndStreamAlert,
   leaveRoom,
   isModal = false,
   isStreamingOn = false
 }) => {
-  return /* @__PURE__ */ React28.createElement(Box, null, /* @__PURE__ */ React28.createElement(
+  return /* @__PURE__ */ React27.createElement(Box, null, /* @__PURE__ */ React27.createElement(
     Flex,
     {
       css: {
@@ -12254,10 +12115,10 @@ var EndSessionContent = ({
         alignItems: "center"
       }
     },
-    /* @__PURE__ */ React28.createElement(AlertTriangleIcon, { style: { marginRight: "0.5rem" } }),
-    /* @__PURE__ */ React28.createElement(Text, { variant: "lg", css: { color: "inherit", fontWeight: "$semiBold" } }, "End ", isStreamingOn ? "Stream" : "Session"),
-    isModal ? null : /* @__PURE__ */ React28.createElement(Box, { css: { color: "$on_surface_high", ml: "auto" }, onClick: () => setShowEndStreamAlert(false) }, /* @__PURE__ */ React28.createElement(CrossIcon4, null))
-  ), /* @__PURE__ */ React28.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", mb: "$8", mt: "$4" } }, "The ", isStreamingOn ? "stream" : "session", " will end for everyone. You can't undo this action."), /* @__PURE__ */ React28.createElement(Flex, { align: "center", justify: "between", css: { w: "100%", gap: "$8" } }, /* @__PURE__ */ React28.createElement(
+    /* @__PURE__ */ React27.createElement(AlertTriangleIcon, { style: { marginRight: "0.5rem" } }),
+    /* @__PURE__ */ React27.createElement(Text, { variant: "lg", css: { color: "inherit", fontWeight: "$semiBold" } }, "End ", isStreamingOn ? "Stream" : "Session"),
+    isModal ? null : /* @__PURE__ */ React27.createElement(Box, { css: { color: "$on_surface_high", ml: "auto" }, onClick: () => setShowEndStreamAlert(false) }, /* @__PURE__ */ React27.createElement(CrossIcon3, null))
+  ), /* @__PURE__ */ React27.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", mb: "$8", mt: "$4" } }, "The ", isStreamingOn ? "stream" : "session", " will end for everyone. You can't undo this action."), /* @__PURE__ */ React27.createElement(Flex, { align: "center", justify: "between", css: { w: "100%", gap: "$8" } }, /* @__PURE__ */ React27.createElement(
     Button,
     {
       outlined: true,
@@ -12266,7 +12127,7 @@ var EndSessionContent = ({
       onClick: () => setShowEndStreamAlert(false)
     },
     "Cancel"
-  ), /* @__PURE__ */ React28.createElement(
+  ), /* @__PURE__ */ React27.createElement(
     Button,
     {
       variant: "danger",
@@ -12310,7 +12171,7 @@ var MenuTriggerButton = styled(LeaveIconButton, {
 
 // src/Prebuilt/components/Leave/LeaveCard.tsx
 init_define_process_env();
-import React29 from "react";
+import React28 from "react";
 var LeaveCard = ({
   icon,
   title,
@@ -12320,19 +12181,19 @@ var LeaveCard = ({
   titleColor,
   css: css2 = {}
 }) => {
-  return /* @__PURE__ */ React29.createElement(Flex, { css: __spreadValues({ p: "$10", flexGrow: 1, gap: "$8", bg }, css2), onClick }, /* @__PURE__ */ React29.createElement(Box, { css: { color: titleColor } }, icon), /* @__PURE__ */ React29.createElement(Box, { css: { gap: "$2" } }, /* @__PURE__ */ React29.createElement(Text, { variant: "lg", css: { color: titleColor } }, title), /* @__PURE__ */ React29.createElement(Text, { variant: "sm", css: { c: "inherit" } }, subtitle)));
+  return /* @__PURE__ */ React28.createElement(Flex, { css: __spreadValues({ p: "$10", flexGrow: 1, gap: "$8", bg }, css2), onClick }, /* @__PURE__ */ React28.createElement(Box, { css: { color: titleColor } }, icon), /* @__PURE__ */ React28.createElement(Box, { css: { gap: "$2" } }, /* @__PURE__ */ React28.createElement(Text, { variant: "lg", css: { color: titleColor } }, title), /* @__PURE__ */ React28.createElement(Text, { variant: "sm", css: { c: "inherit" } }, subtitle)));
 };
 
 // src/Prebuilt/components/Leave/LeaveSessionContent.tsx
 init_define_process_env();
-import React30 from "react";
-import { AlertTriangleIcon as AlertTriangleIcon2, CrossIcon as CrossIcon5 } from "@100mslive/react-icons";
+import React29 from "react";
+import { AlertTriangleIcon as AlertTriangleIcon2, CrossIcon as CrossIcon4 } from "@100mslive/react-icons";
 var LeaveSessionContent = ({
   setShowLeaveRoomAlert,
   leaveRoom,
   isModal = false
 }) => {
-  return /* @__PURE__ */ React30.createElement(Box, null, /* @__PURE__ */ React30.createElement(
+  return /* @__PURE__ */ React29.createElement(Box, null, /* @__PURE__ */ React29.createElement(
     Flex,
     {
       css: {
@@ -12341,10 +12202,10 @@ var LeaveSessionContent = ({
         alignItems: "center"
       }
     },
-    /* @__PURE__ */ React30.createElement(AlertTriangleIcon2, { style: { marginRight: "0.5rem" } }),
-    /* @__PURE__ */ React30.createElement(Text, { variant: "lg", css: { color: "inherit", fontWeight: "$semiBold" } }, "Leave"),
-    isModal ? null : /* @__PURE__ */ React30.createElement(Box, { css: { color: "$on_surface_high", ml: "auto" }, onClick: () => setShowLeaveRoomAlert(false) }, /* @__PURE__ */ React30.createElement(CrossIcon5, null))
-  ), /* @__PURE__ */ React30.createElement(Text, { variant: "sm", css: { color: "$on_surface_low", mb: "$8", mt: "$4" } }, "Others will continue after you leave. You can join the session again."), /* @__PURE__ */ React30.createElement(Flex, { align: "center", justify: "between", css: { w: "100%", gap: "$8" } }, /* @__PURE__ */ React30.createElement(
+    /* @__PURE__ */ React29.createElement(AlertTriangleIcon2, { style: { marginRight: "0.5rem" } }),
+    /* @__PURE__ */ React29.createElement(Text, { variant: "lg", css: { color: "inherit", fontWeight: "$semiBold" } }, "Leave"),
+    isModal ? null : /* @__PURE__ */ React29.createElement(Box, { css: { color: "$on_surface_high", ml: "auto" }, onClick: () => setShowLeaveRoomAlert(false) }, /* @__PURE__ */ React29.createElement(CrossIcon4, null))
+  ), /* @__PURE__ */ React29.createElement(Text, { variant: "sm", css: { color: "$on_surface_low", mb: "$8", mt: "$4" } }, "Others will continue after you leave. You can join the session again."), /* @__PURE__ */ React29.createElement(Flex, { align: "center", justify: "between", css: { w: "100%", gap: "$8" } }, /* @__PURE__ */ React29.createElement(
     Button,
     {
       outlined: true,
@@ -12353,7 +12214,7 @@ var LeaveSessionContent = ({
       onClick: () => setShowLeaveRoomAlert(false)
     },
     "Cancel"
-  ), /* @__PURE__ */ React30.createElement(
+  ), /* @__PURE__ */ React29.createElement(
     Button,
     {
       variant: "danger",
@@ -12386,7 +12247,7 @@ var DesktopLeaveRoom = ({
   if (!permissions || !isConnected) {
     return null;
   }
-  return /* @__PURE__ */ React31.createElement(Fragment4, null, showLeaveOptions ? /* @__PURE__ */ React31.createElement(Flex, null, /* @__PURE__ */ React31.createElement(
+  return /* @__PURE__ */ React30.createElement(Fragment4, null, showLeaveOptions ? /* @__PURE__ */ React30.createElement(Flex, null, /* @__PURE__ */ React30.createElement(
     LeaveIconButton,
     {
       key: "LeaveRoom",
@@ -12397,8 +12258,8 @@ var DesktopLeaveRoom = ({
       },
       onClick: () => setShowLeaveRoomAlert(true)
     },
-    /* @__PURE__ */ React31.createElement(Tooltip, { title: "Leave Room" }, /* @__PURE__ */ React31.createElement(Box, null, /* @__PURE__ */ React31.createElement(ExitIcon, { style: { transform: "rotate(180deg)" } })))
-  ), /* @__PURE__ */ React31.createElement(Dropdown.Root, { open, onOpenChange: setOpen, modal: false }, /* @__PURE__ */ React31.createElement(
+    /* @__PURE__ */ React30.createElement(Tooltip, { title: "Leave Room" }, /* @__PURE__ */ React30.createElement(Box, null, /* @__PURE__ */ React30.createElement(ExitIcon, { style: { transform: "rotate(180deg)" } })))
+  ), /* @__PURE__ */ React30.createElement(Dropdown.Root, { open, onOpenChange: setOpen, modal: false }, /* @__PURE__ */ React30.createElement(
     Dropdown.Trigger,
     {
       asChild: true,
@@ -12408,8 +12269,8 @@ var DesktopLeaveRoom = ({
         }
       }
     },
-    /* @__PURE__ */ React31.createElement(MenuTriggerButton, { "data-testid": "leave_end_dropdown_trigger" }, /* @__PURE__ */ React31.createElement(VerticalMenuIcon2, null))
-  ), /* @__PURE__ */ React31.createElement(Dropdown.Content, { css: { p: 0, w: "$100" }, alignOffset: -50, sideOffset: 10 }, /* @__PURE__ */ React31.createElement(
+    /* @__PURE__ */ React30.createElement(MenuTriggerButton, { "data-testid": "leave_end_dropdown_trigger" }, /* @__PURE__ */ React30.createElement(VerticalMenuIcon2, null))
+  ), /* @__PURE__ */ React30.createElement(Dropdown.Content, { css: { p: 0, w: "$100" }, alignOffset: -50, sideOffset: 10 }, /* @__PURE__ */ React30.createElement(
     Dropdown.Item,
     {
       css: {
@@ -12420,21 +12281,21 @@ var DesktopLeaveRoom = ({
       },
       "data-testid": "just_leave_btn"
     },
-    /* @__PURE__ */ React31.createElement(
+    /* @__PURE__ */ React30.createElement(
       LeaveCard,
       {
         title: showStream ? "Leave Stream" : "Leave Session",
         subtitle: `Others will continue after you leave. You can join the ${showStream ? "stream" : "session"} again.`,
         bg: "",
         titleColor: "$on_surface_high",
-        icon: /* @__PURE__ */ React31.createElement(ExitIcon, { height: 24, width: 24, style: { transform: "rotate(180deg)" } }),
+        icon: /* @__PURE__ */ React30.createElement(ExitIcon, { height: 24, width: 24, style: { transform: "rotate(180deg)" } }),
         onClick: () => __async(void 0, null, function* () {
           return yield leaveRoom();
         }),
         css: { p: "$8 $4" }
       }
     )
-  ), /* @__PURE__ */ React31.createElement(
+  ), /* @__PURE__ */ React30.createElement(
     Dropdown.Item,
     {
       css: {
@@ -12445,14 +12306,14 @@ var DesktopLeaveRoom = ({
       },
       "data-testid": "end_room_btn"
     },
-    /* @__PURE__ */ React31.createElement(
+    /* @__PURE__ */ React30.createElement(
       LeaveCard,
       {
         title: showStream ? "End Stream" : "End Session",
         subtitle: `The ${showStream ? "stream" : "session"} will end for everyone. You can't undo this action.`,
         bg: "",
         titleColor: "$alert_error_brighter",
-        icon: /* @__PURE__ */ React31.createElement(StopIcon, { height: 24, width: 24 }),
+        icon: /* @__PURE__ */ React30.createElement(StopIcon, { height: 24, width: 24 }),
         onClick: () => {
           setOpen(false);
           setShowEndStreamAlert(true);
@@ -12460,7 +12321,7 @@ var DesktopLeaveRoom = ({
         css: { p: "$8 $4" }
       }
     )
-  )))) : /* @__PURE__ */ React31.createElement(
+  )))) : /* @__PURE__ */ React30.createElement(
     LeaveIconButton,
     {
       onClick: () => {
@@ -12469,8 +12330,8 @@ var DesktopLeaveRoom = ({
       key: "LeaveRoom",
       "data-testid": "leave_room_btn"
     },
-    /* @__PURE__ */ React31.createElement(Tooltip, { title: "Leave Room" }, /* @__PURE__ */ React31.createElement(Box, null, /* @__PURE__ */ React31.createElement(ExitIcon, { style: { transform: "rotate(180deg)" } })))
-  ), /* @__PURE__ */ React31.createElement(Dialog.Root, { open: showEndStreamAlert, modal: false }, /* @__PURE__ */ React31.createElement(Dialog.Portal, null, /* @__PURE__ */ React31.createElement(Dialog.Overlay, null), /* @__PURE__ */ React31.createElement(Dialog.Content, { css: { w: "min(420px, 90%)", p: "$8", bg: "$surface_dim" } }, /* @__PURE__ */ React31.createElement(
+    /* @__PURE__ */ React30.createElement(Tooltip, { title: "Leave Room" }, /* @__PURE__ */ React30.createElement(Box, null, /* @__PURE__ */ React30.createElement(ExitIcon, { style: { transform: "rotate(180deg)" } })))
+  ), /* @__PURE__ */ React30.createElement(Dialog.Root, { open: showEndStreamAlert, modal: false }, /* @__PURE__ */ React30.createElement(Dialog.Portal, null, /* @__PURE__ */ React30.createElement(Dialog.Overlay, null), /* @__PURE__ */ React30.createElement(Dialog.Content, { css: { w: "min(420px, 90%)", p: "$8", bg: "$surface_dim" } }, /* @__PURE__ */ React30.createElement(
     EndSessionContent,
     {
       setShowEndStreamAlert,
@@ -12478,12 +12339,12 @@ var DesktopLeaveRoom = ({
       isStreamingOn,
       isModal: true
     }
-  )))), /* @__PURE__ */ React31.createElement(Dialog.Root, { open: showLeaveRoomAlert, modal: false }, /* @__PURE__ */ React31.createElement(Dialog.Portal, null, /* @__PURE__ */ React31.createElement(Dialog.Overlay, null), /* @__PURE__ */ React31.createElement(Dialog.Content, { css: { w: "min(420px, 90%)", p: "$8", bg: "$surface_dim" } }, /* @__PURE__ */ React31.createElement(LeaveSessionContent, { setShowLeaveRoomAlert, leaveRoom, isModal: true })))));
+  )))), /* @__PURE__ */ React30.createElement(Dialog.Root, { open: showLeaveRoomAlert, modal: false }, /* @__PURE__ */ React30.createElement(Dialog.Portal, null, /* @__PURE__ */ React30.createElement(Dialog.Overlay, null), /* @__PURE__ */ React30.createElement(Dialog.Content, { css: { w: "min(420px, 90%)", p: "$8", bg: "$surface_dim" } }, /* @__PURE__ */ React30.createElement(LeaveSessionContent, { setShowLeaveRoomAlert, leaveRoom, isModal: true })))));
 };
 
 // src/Prebuilt/components/Leave/MwebLeaveRoom.tsx
 init_define_process_env();
-import React33, { Fragment as Fragment5, useState as useState8 } from "react";
+import React32, { Fragment as Fragment5, useState as useState8 } from "react";
 import { selectIsConnectedToRoom as selectIsConnectedToRoom3, selectPermissions as selectPermissions3, useHMSStore as useHMSStore8, useRecordingStreaming as useRecordingStreaming3 } from "@100mslive/react-sdk";
 import { ExitIcon as ExitIcon2, StopIcon as StopIcon2 } from "@100mslive/react-icons";
 
@@ -12492,7 +12353,7 @@ init_define_process_env();
 
 // src/Sheet/Sheet.tsx
 init_define_process_env();
-import React32 from "react";
+import React31 from "react";
 import * as DialogPrimitive2 from "@radix-ui/react-dialog";
 var SheetRoot = styled(DialogPrimitive2.Root, {
   minHeight: "240px",
@@ -12566,10 +12427,10 @@ var StyledContent6 = styled(DialogPrimitive2.Content, {
     side: "bottom"
   }
 });
-var SheetContent = React32.forwardRef(
+var SheetContent = React31.forwardRef(
   (_a8, forwardedRef) => {
     var _b7 = _a8, { children } = _b7, props = __objRest(_b7, ["children"]);
-    return /* @__PURE__ */ React32.createElement(Dialog.Portal, null, /* @__PURE__ */ React32.createElement(StyledOverlay, null), /* @__PURE__ */ React32.createElement(StyledContent6, __spreadProps(__spreadValues({}, props), { ref: forwardedRef }), children));
+    return /* @__PURE__ */ React31.createElement(Dialog.Portal, null, /* @__PURE__ */ React31.createElement(StyledOverlay, null), /* @__PURE__ */ React31.createElement(StyledContent6, __spreadProps(__spreadValues({}, props), { ref: forwardedRef }), children));
   }
 );
 var SheetClose = Dialog.Close;
@@ -12606,7 +12467,7 @@ var MwebLeaveRoom = ({
   if (!permissions || !isConnected) {
     return null;
   }
-  return /* @__PURE__ */ React33.createElement(Fragment5, null, showLeaveOptions ? /* @__PURE__ */ React33.createElement(Sheet.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ React33.createElement(Sheet.Trigger, { asChild: true }, /* @__PURE__ */ React33.createElement(
+  return /* @__PURE__ */ React32.createElement(Fragment5, null, showLeaveOptions ? /* @__PURE__ */ React32.createElement(Sheet.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ React32.createElement(Sheet.Trigger, { asChild: true }, /* @__PURE__ */ React32.createElement(
     LeaveIconButton,
     {
       key: "LeaveRoom",
@@ -12616,21 +12477,21 @@ var MwebLeaveRoom = ({
         borderBottomRightRadius: "$1"
       }
     },
-    /* @__PURE__ */ React33.createElement(Tooltip, { title: "Leave Room" }, /* @__PURE__ */ React33.createElement(Box, null, /* @__PURE__ */ React33.createElement(ExitIcon2, { style: { transform: "rotate(180deg)" } })))
-  )), /* @__PURE__ */ React33.createElement(Sheet.Content, null, /* @__PURE__ */ React33.createElement(
+    /* @__PURE__ */ React32.createElement(Tooltip, { title: "Leave Room" }, /* @__PURE__ */ React32.createElement(Box, null, /* @__PURE__ */ React32.createElement(ExitIcon2, { style: { transform: "rotate(180deg)" } })))
+  )), /* @__PURE__ */ React32.createElement(Sheet.Content, null, /* @__PURE__ */ React32.createElement(
     LeaveCard,
     {
       title: showStream ? "Leave Stream" : "Leave Session",
       subtitle: `Others will continue after you leave. You can join the ${showStream ? "stream" : "session"} again.`,
       bg: "$surface_default",
       titleColor: "$on_surface_high",
-      icon: /* @__PURE__ */ React33.createElement(ExitIcon2, { height: 24, width: 24, style: { transform: "rotate(180deg)" } }),
+      icon: /* @__PURE__ */ React32.createElement(ExitIcon2, { height: 24, width: 24, style: { transform: "rotate(180deg)" } }),
       onClick: () => __async(void 0, null, function* () {
         return yield leaveRoom();
       }),
       css: { pt: 0, mt: "$10", color: "$on_surface_low", "&:hover": { color: "$on_surface_high" } }
     }
-  ), /* @__PURE__ */ React33.createElement(
+  ), /* @__PURE__ */ React32.createElement(
     LeaveCard,
     {
       title: showStream ? "End Stream" : "End Session",
@@ -12638,20 +12499,20 @@ var MwebLeaveRoom = ({
       bg: "$alert_error_dim",
       titleColor: "$alert_error_brighter",
       css: { color: "$alert_error_bright", "&:hover": { color: "$alert_error_brighter" } },
-      icon: /* @__PURE__ */ React33.createElement(StopIcon2, { height: 24, width: 24 }),
+      icon: /* @__PURE__ */ React32.createElement(StopIcon2, { height: 24, width: 24 }),
       onClick: () => {
         setOpen(false);
         setShowEndStreamAlert(true);
       }
     }
-  ))) : /* @__PURE__ */ React33.createElement(LeaveIconButton, { key: "LeaveRoom", "data-testid": "leave_room_btn", onClick: () => setShowLeaveRoomAlert(true) }, /* @__PURE__ */ React33.createElement(Tooltip, { title: "Leave Room" }, /* @__PURE__ */ React33.createElement(Box, null, /* @__PURE__ */ React33.createElement(ExitIcon2, { style: { transform: "rotate(180deg)" } })))), /* @__PURE__ */ React33.createElement(Sheet.Root, { open: showEndStreamAlert, onOpenChange: setShowEndStreamAlert }, /* @__PURE__ */ React33.createElement(Sheet.Content, { css: { bg: "$surface_dim", p: "$10", pb: "$12" } }, /* @__PURE__ */ React33.createElement(
+  ))) : /* @__PURE__ */ React32.createElement(LeaveIconButton, { key: "LeaveRoom", "data-testid": "leave_room_btn", onClick: () => setShowLeaveRoomAlert(true) }, /* @__PURE__ */ React32.createElement(Tooltip, { title: "Leave Room" }, /* @__PURE__ */ React32.createElement(Box, null, /* @__PURE__ */ React32.createElement(ExitIcon2, { style: { transform: "rotate(180deg)" } })))), /* @__PURE__ */ React32.createElement(Sheet.Root, { open: showEndStreamAlert, onOpenChange: setShowEndStreamAlert }, /* @__PURE__ */ React32.createElement(Sheet.Content, { css: { bg: "$surface_dim", p: "$10", pb: "$12" } }, /* @__PURE__ */ React32.createElement(
     EndSessionContent,
     {
       setShowEndStreamAlert,
       leaveRoom: isStreamingOn ? leaveRoom : endRoom,
       isStreamingOn
     }
-  ))), /* @__PURE__ */ React33.createElement(Sheet.Root, { open: showLeaveRoomAlert, onOpenChange: setShowLeaveRoomAlert }, /* @__PURE__ */ React33.createElement(Sheet.Content, { css: { bg: "$surface_dim", p: "$10", pb: "$12" } }, /* @__PURE__ */ React33.createElement(LeaveSessionContent, { setShowLeaveRoomAlert, leaveRoom }))));
+  ))), /* @__PURE__ */ React32.createElement(Sheet.Root, { open: showLeaveRoomAlert, onOpenChange: setShowLeaveRoomAlert }, /* @__PURE__ */ React32.createElement(Sheet.Content, { css: { bg: "$surface_dim", p: "$10", pb: "$12" } }, /* @__PURE__ */ React32.createElement(LeaveSessionContent, { setShowLeaveRoomAlert, leaveRoom }))));
 };
 
 // src/Prebuilt/components/Leave/LeaveRoom.tsx
@@ -12693,7 +12554,7 @@ var LeaveRoom = ({ screenType }) => {
   if (!permissions || !isConnected) {
     return null;
   }
-  return isMobile ? /* @__PURE__ */ React34.createElement(MwebLeaveRoom, { leaveRoom, screenType, endRoom }) : /* @__PURE__ */ React34.createElement(DesktopLeaveRoom, { leaveRoom, screenType, endRoom });
+  return isMobile ? /* @__PURE__ */ React33.createElement(MwebLeaveRoom, { leaveRoom, screenType, endRoom }) : /* @__PURE__ */ React33.createElement(DesktopLeaveRoom, { leaveRoom, screenType, endRoom });
 };
 
 // src/Prebuilt/components/MoreSettings/MoreSettings.tsx
@@ -12710,11 +12571,11 @@ import { BrbIcon, CheckIcon as CheckIcon4, DragHandleIcon, InfoIcon as InfoIcon2
 
 // src/Prebuilt/components/PIP/index.jsx
 init_define_process_env();
-import React36 from "react";
+import React35 from "react";
 
 // src/Prebuilt/components/PIP/PIPComponent.jsx
 init_define_process_env();
-import React35, { useCallback as useCallback5, useEffect as useEffect7, useState as useState9 } from "react";
+import React34, { useCallback as useCallback5, useEffect as useEffect7, useState as useState9 } from "react";
 import { selectPeers, selectTracksMap, useHMSActions as useHMSActions7, useHMSStore as useHMSStore10, useHMSVanillaStore as useHMSVanillaStore4 } from "@100mslive/react-sdk";
 import { PipIcon } from "@100mslive/react-icons";
 
@@ -13187,7 +13048,7 @@ var PIPComponent = ({ content = null }) => {
   if (!PictureInPicture.isSupported()) {
     return null;
   }
-  return /* @__PURE__ */ React35.createElement(React35.Fragment, null, content ? /* @__PURE__ */ React35.createElement(Flex, { css: { w: "100%" }, onClick: () => onPipToggle(), "data-testid": "pip_btn" }, content) : /* @__PURE__ */ React35.createElement(Tooltip, { title: `${isPipOn ? "Deactivate" : "Activate"} picture in picture view` }, /* @__PURE__ */ React35.createElement(IconButton_default, { active: !isPipOn, key: "pip", onClick: () => onPipToggle(), "data-testid": "pip_btn" }, /* @__PURE__ */ React35.createElement(PipIcon, null))));
+  return /* @__PURE__ */ React34.createElement(React34.Fragment, null, content ? /* @__PURE__ */ React34.createElement(Flex, { css: { w: "100%" }, onClick: () => onPipToggle(), "data-testid": "pip_btn" }, content) : /* @__PURE__ */ React34.createElement(Tooltip, { title: `${isPipOn ? "Deactivate" : "Activate"} picture in picture view` }, /* @__PURE__ */ React34.createElement(IconButton_default, { active: !isPipOn, key: "pip", onClick: () => onPipToggle(), "data-testid": "pip_btn" }, /* @__PURE__ */ React34.createElement(PipIcon, null))));
 };
 var ActivatedPIP = () => {
   const tracksMap = useHMSStore10(selectTracksMap);
@@ -13209,20 +13070,20 @@ var ActivatedPIP = () => {
     PictureInPicture.listenToStateChange(updatePIP);
     updatePIP();
   }, [storePeers, tracksMap, pinnedTrack]);
-  return /* @__PURE__ */ React35.createElement(React35.Fragment, null);
+  return /* @__PURE__ */ React34.createElement(React34.Fragment, null);
 };
 var PIPComponent_default = PIPComponent;
 
 // src/Prebuilt/components/PIP/index.jsx
 var PIP = ({ content = null }) => {
-  return /* @__PURE__ */ React36.createElement(PIPComponent_default, { content });
+  return /* @__PURE__ */ React35.createElement(PIPComponent_default, { content });
 };
 
 // src/Prebuilt/components/RoleChangeModal.jsx
 init_define_process_env();
-import React38, { forwardRef, useRef as useRef8, useState as useState12 } from "react";
+import React37, { forwardRef, useRef as useRef7, useState as useState12 } from "react";
 import { selectPeerByID, useHMSActions as useHMSActions8, useHMSStore as useHMSStore12 } from "@100mslive/react-sdk";
-import { CheckIcon as CheckIcon2, ChevronDownIcon as ChevronDownIcon2, ChevronUpIcon as ChevronUpIcon2 } from "@100mslive/react-icons";
+import { CheckIcon, ChevronDownIcon as ChevronDownIcon2, ChevronUpIcon as ChevronUpIcon2 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/hooks/useDropdownSelection.jsx
 init_define_process_env();
@@ -13232,7 +13093,7 @@ var useDropdownSelection = () => {
 
 // src/Prebuilt/common/hooks.ts
 init_define_process_env();
-import { useEffect as useEffect9, useRef as useRef7, useState as useState11 } from "react";
+import { useEffect as useEffect9, useRef as useRef6, useState as useState11 } from "react";
 import { JoinForm_JoinBtnType as JoinForm_JoinBtnType2 } from "@100mslive/types-prebuilt/elements/join_form";
 import {
   selectAvailableRoleNames as selectAvailableRoleNames2,
@@ -13248,11 +13109,11 @@ import {
 // src/Prebuilt/provider/roomLayoutProvider/index.tsx
 init_define_process_env();
 var import_lodash2 = __toESM(require_lodash());
-import React37 from "react";
+import React36 from "react";
 
 // src/Prebuilt/provider/roomLayoutProvider/hooks/useFetchRoomLayout.ts
 init_define_process_env();
-import { useCallback as useCallback6, useEffect as useEffect8, useRef as useRef6, useState as useState10 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect8, useRef as useRef5, useState as useState10 } from "react";
 
 // src/Prebuilt/provider/roomLayoutProvider/constants/index.ts
 init_define_process_env();
@@ -13334,8 +13195,8 @@ var useFetchRoomLayout = ({
   authToken = ""
 }) => {
   const [layout, setLayout] = useState10(void 0);
-  const layoutResp = useRef6();
-  const isFetchInProgress = useRef6(false);
+  const layoutResp = useRef5();
+  const isFetchInProgress = useRef5(false);
   const updateRoomLayoutForRole = useCallback6((role) => {
     var _a8;
     if (!layoutResp.current) {
@@ -13382,7 +13243,7 @@ var useFetchRoomLayout = ({
 };
 
 // src/Prebuilt/provider/roomLayoutProvider/index.tsx
-var RoomLayoutContext = React37.createContext(void 0);
+var RoomLayoutContext = React36.createContext(void 0);
 function customizer(objValue, srcValue) {
   if ((0, import_lodash2.isArray)(objValue) || (0, import_lodash2.isArray)(srcValue)) {
     return srcValue;
@@ -13397,15 +13258,15 @@ var RoomLayoutProvider = ({
   const authToken = useAuthToken();
   const { layout, updateRoomLayoutForRole } = useFetchRoomLayout({ authToken, endpoint: roomLayoutEndpoint });
   const mergedLayout = authToken && layout ? (0, import_lodash2.mergeWith)(layout, overrideLayout, customizer) : layout;
-  return /* @__PURE__ */ React37.createElement(RoomLayoutContext.Provider, { value: { layout: mergedLayout, updateRoomLayoutForRole } }, children);
+  return /* @__PURE__ */ React36.createElement(RoomLayoutContext.Provider, { value: { layout: mergedLayout, updateRoomLayoutForRole } }, children);
 };
 var useRoomLayout = () => {
   var _a8;
-  return (_a8 = React37.useContext(RoomLayoutContext)) == null ? void 0 : _a8.layout;
+  return (_a8 = React36.useContext(RoomLayoutContext)) == null ? void 0 : _a8.layout;
 };
 var useUpdateRoomLayout = () => {
   var _a8;
-  return (_a8 = React37.useContext(RoomLayoutContext)) == null ? void 0 : _a8.updateRoomLayoutForRole;
+  return (_a8 = React36.useContext(RoomLayoutContext)) == null ? void 0 : _a8.updateRoomLayoutForRole;
 };
 
 // src/Prebuilt/provider/roomLayoutProvider/hooks/useRoomLayoutScreen.ts
@@ -13421,11 +13282,11 @@ function useRoomLayoutScreen({
 function useRoomLayoutPreviewScreen() {
   var _a8;
   const screenProps = useRoomLayoutScreen({ screen: "preview" });
-  const isPreviewScreenEnabled = !!screenProps;
+  const isPreviewScreenEnabled = !!screenProps && !(screenProps == null ? void 0 : screenProps.skip_preview_screen);
   let elements;
   let screenType;
   if (isPreviewScreenEnabled) {
-    screenType = Object.keys(screenProps)[0];
+    screenType = Object.keys(screenProps).filter((key) => key !== "skip_preview_screen")[0];
     elements = (_a8 = screenProps[screenType]) == null ? void 0 : _a8.elements;
   }
   return {
@@ -13504,7 +13365,7 @@ var useParticipants = (params) => {
 // src/Prebuilt/components/RoleChangeModal.jsx
 var PeerName = forwardRef((_a8, ref) => {
   var _b7 = _a8, { children, maxWidth } = _b7, rest = __objRest(_b7, ["children", "maxWidth"]);
-  return /* @__PURE__ */ React38.createElement(
+  return /* @__PURE__ */ React37.createElement(
     Text,
     __spreadProps(__spreadValues({}, rest), {
       ref,
@@ -13529,12 +13390,12 @@ var RoleChangeModal = ({ peerId, onOpenChange }) => {
   const [open, setOpen] = useState12(false);
   const selectionBg = useDropdownSelection();
   const [peerNameRef, setPeerNameRef] = useState12();
-  const ref = useRef8();
+  const ref = useRef7();
   if (!peer) {
     return null;
   }
   const peerNameMaxWidth = 200;
-  return /* @__PURE__ */ React38.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ React38.createElement(Dialog.Portal, null, /* @__PURE__ */ React38.createElement(Dialog.Overlay, null), /* @__PURE__ */ React38.createElement(Dialog.Content, { css: { width: "min(400px,80%)", p: "$10" } }, /* @__PURE__ */ React38.createElement(Dialog.Title, { css: { p: 0 }, asChild: true }, /* @__PURE__ */ React38.createElement(Text, { as: "h6", variant: "h6" }, "Change Role")), /* @__PURE__ */ React38.createElement(Dialog.Description, { asChild: true }, /* @__PURE__ */ React38.createElement(
+  return /* @__PURE__ */ React37.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ React37.createElement(Dialog.Portal, null, /* @__PURE__ */ React37.createElement(Dialog.Overlay, null), /* @__PURE__ */ React37.createElement(Dialog.Content, { css: { width: "min(400px,80%)", p: "$10" } }, /* @__PURE__ */ React37.createElement(Dialog.Title, { css: { p: 0 }, asChild: true }, /* @__PURE__ */ React37.createElement(Text, { as: "h6", variant: "h6" }, "Change Role")), /* @__PURE__ */ React37.createElement(Dialog.Description, { asChild: true }, /* @__PURE__ */ React37.createElement(
     Text,
     {
       variant: "body2",
@@ -13548,9 +13409,9 @@ var RoleChangeModal = ({ peerId, onOpenChange }) => {
       }
     },
     "Change the role of",
-    peerNameRef && peerNameRef.clientWidth === peerNameMaxWidth ? /* @__PURE__ */ React38.createElement(Tooltip, { title: peer.name, side: "top" }, /* @__PURE__ */ React38.createElement(PeerName, { ref: setPeerNameRef, maxWidth: peerNameMaxWidth }, peer.name)) : /* @__PURE__ */ React38.createElement(PeerName, { ref: setPeerNameRef, maxWidth: peerNameMaxWidth }, peer.name),
+    peerNameRef && peerNameRef.clientWidth === peerNameMaxWidth ? /* @__PURE__ */ React37.createElement(Tooltip, { title: peer.name, side: "top" }, /* @__PURE__ */ React37.createElement(PeerName, { ref: setPeerNameRef, maxWidth: peerNameMaxWidth }, peer.name)) : /* @__PURE__ */ React37.createElement(PeerName, { ref: setPeerNameRef, maxWidth: peerNameMaxWidth }, peer.name),
     "to"
-  )), /* @__PURE__ */ React38.createElement(
+  )), /* @__PURE__ */ React37.createElement(
     Flex,
     {
       align: "center",
@@ -13559,7 +13420,7 @@ var RoleChangeModal = ({ peerId, onOpenChange }) => {
         mb: "$10"
       }
     },
-    /* @__PURE__ */ React38.createElement(
+    /* @__PURE__ */ React37.createElement(
       Box,
       {
         css: {
@@ -13568,7 +13429,7 @@ var RoleChangeModal = ({ peerId, onOpenChange }) => {
           minWidth: 0
         }
       },
-      /* @__PURE__ */ React38.createElement(Dropdown.Root, { open, onOpenChange: setOpen, css: { width: "100%" } }, /* @__PURE__ */ React38.createElement(
+      /* @__PURE__ */ React37.createElement(Dropdown.Root, { open, onOpenChange: setOpen, css: { width: "100%" } }, /* @__PURE__ */ React37.createElement(
         Dropdown.Trigger,
         {
           "data-testid": "open_role_selection_dropdown",
@@ -13581,8 +13442,8 @@ var RoleChangeModal = ({ peerId, onOpenChange }) => {
           },
           ref
         },
-        /* @__PURE__ */ React38.createElement(Flex, { align: "center", justify: "between", css: { width: "100%" } }, /* @__PURE__ */ React38.createElement(Text, null, selectedRole), open ? /* @__PURE__ */ React38.createElement(ChevronUpIcon2, null) : /* @__PURE__ */ React38.createElement(ChevronDownIcon2, null))
-      ), /* @__PURE__ */ React38.createElement(Dropdown.Portal, null, /* @__PURE__ */ React38.createElement(
+        /* @__PURE__ */ React37.createElement(Flex, { align: "center", justify: "between", css: { width: "100%" } }, /* @__PURE__ */ React37.createElement(Text, null, selectedRole), open ? /* @__PURE__ */ React37.createElement(ChevronUpIcon2, null) : /* @__PURE__ */ React37.createElement(ChevronDownIcon2, null))
+      ), /* @__PURE__ */ React37.createElement(Dropdown.Portal, null, /* @__PURE__ */ React37.createElement(
         Dropdown.Content,
         {
           align: "start",
@@ -13590,7 +13451,7 @@ var RoleChangeModal = ({ peerId, onOpenChange }) => {
           css: { zIndex: 1e3, width: (_a8 = ref.current) == null ? void 0 : _a8.clientWidth }
         },
         roles.map((role) => {
-          return /* @__PURE__ */ React38.createElement(
+          return /* @__PURE__ */ React37.createElement(
             Dropdown.Item,
             {
               "data-testid": role,
@@ -13606,7 +13467,7 @@ var RoleChangeModal = ({ peerId, onOpenChange }) => {
         })
       )))
     )
-  ), !peer.isLocal && /* @__PURE__ */ React38.createElement(Flex, { justify: "between", css: { w: "100%", mb: "$10" } }, /* @__PURE__ */ React38.createElement(Label3, { htmlFor: "requestRoleChangePermission", css: { cursor: "pointer" } }, "Request Permission"), /* @__PURE__ */ React38.createElement(
+  ), !peer.isLocal && /* @__PURE__ */ React37.createElement(Flex, { justify: "between", css: { w: "100%", mb: "$10" } }, /* @__PURE__ */ React37.createElement(Label3, { htmlFor: "requestRoleChangePermission", css: { cursor: "pointer" } }, "Request Permission"), /* @__PURE__ */ React37.createElement(
     Checkbox.Root,
     {
       checked: requestPermission,
@@ -13614,8 +13475,8 @@ var RoleChangeModal = ({ peerId, onOpenChange }) => {
       id: "requestRoleChangePermission",
       "data-testid": "force_role_change_checkbox"
     },
-    /* @__PURE__ */ React38.createElement(Checkbox.Indicator, null, /* @__PURE__ */ React38.createElement(CheckIcon2, { width: 16, height: 16 }))
-  )), /* @__PURE__ */ React38.createElement(Flex, { justify: "center", align: "center", css: { width: "100%", gap: "$md" } }, /* @__PURE__ */ React38.createElement(Box, { css: { width: "50%" } }, /* @__PURE__ */ React38.createElement(Dialog.Close, { css: { width: "100%", p: "$4 $8" }, asChild: true }, /* @__PURE__ */ React38.createElement(Button, { variant: "standard", outlined: true, css: { width: "100%" }, "data-testid": "cancel_button" }, "Cancel"))), /* @__PURE__ */ React38.createElement(Box, { css: { width: "50%" } }, /* @__PURE__ */ React38.createElement(
+    /* @__PURE__ */ React37.createElement(Checkbox.Indicator, null, /* @__PURE__ */ React37.createElement(CheckIcon, { width: 16, height: 16 }))
+  )), /* @__PURE__ */ React37.createElement(Flex, { justify: "center", align: "center", css: { width: "100%", gap: "$md" } }, /* @__PURE__ */ React37.createElement(Box, { css: { width: "50%" } }, /* @__PURE__ */ React37.createElement(Dialog.Close, { css: { width: "100%", p: "$4 $8" }, asChild: true }, /* @__PURE__ */ React37.createElement(Button, { variant: "standard", outlined: true, css: { width: "100%" }, "data-testid": "cancel_button" }, "Cancel"))), /* @__PURE__ */ React37.createElement(Box, { css: { width: "50%" } }, /* @__PURE__ */ React37.createElement(
     Button,
     {
       "data-testid": "change_button",
@@ -13632,9 +13493,9 @@ var RoleChangeModal = ({ peerId, onOpenChange }) => {
 
 // src/Prebuilt/components/Settings/SettingsModal.jsx
 init_define_process_env();
-import React44, { useCallback as useCallback8, useEffect as useEffect11, useState as useState14 } from "react";
+import React43, { useCallback as useCallback8, useEffect as useEffect11, useState as useState14 } from "react";
 import { useMedia as useMedia4 } from "react-use";
-import { ChevronLeftIcon, CrossIcon as CrossIcon6 } from "@100mslive/react-icons";
+import { ChevronLeftIcon, CrossIcon as CrossIcon5 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Settings/common.js
 init_define_process_env();
@@ -13642,7 +13503,7 @@ import { GridFourIcon, NotificationsIcon, SettingsIcon } from "@100mslive/react-
 
 // src/Prebuilt/components/Settings/DeviceSettings.jsx
 init_define_process_env();
-import React40, { Fragment as Fragment6, useEffect as useEffect10, useRef as useRef9, useState as useState13 } from "react";
+import React39, { Fragment as Fragment6, useEffect as useEffect10, useRef as useRef8, useState as useState13 } from "react";
 import { useMedia as useMedia3 } from "react-use";
 import {
   DeviceType as DeviceType2,
@@ -13657,10 +13518,10 @@ import { MicOnIcon as MicOnIcon2, SpeakerIcon, VideoOnIcon as VideoOnIcon2 } fro
 
 // src/Prebuilt/primitives/DropdownTrigger.jsx
 init_define_process_env();
-import React39 from "react";
+import React38 from "react";
 import { ChevronDownIcon as ChevronDownIcon3, ChevronUpIcon as ChevronUpIcon3 } from "@100mslive/react-icons";
-var DialogDropdownTrigger = React39.forwardRef(({ title, css: css2, open, icon, titleCSS = {} }, ref) => {
-  return /* @__PURE__ */ React39.createElement(
+var DialogDropdownTrigger = React38.forwardRef(({ title, css: css2, open, icon, titleCSS = {} }, ref) => {
+  return /* @__PURE__ */ React38.createElement(
     Dropdown.Trigger,
     {
       asChild: true,
@@ -13674,7 +13535,7 @@ var DialogDropdownTrigger = React39.forwardRef(({ title, css: css2, open, icon,
       }, css2),
       ref
     },
-    /* @__PURE__ */ React39.createElement(
+    /* @__PURE__ */ React38.createElement(
       Flex,
       {
         css: {
@@ -13685,7 +13546,7 @@ var DialogDropdownTrigger = React39.forwardRef(({ title, css: css2, open, icon,
         }
       },
       icon,
-      /* @__PURE__ */ React39.createElement(
+      /* @__PURE__ */ React38.createElement(
         Text,
         {
           css: __spreadValues(__spreadProps(__spreadValues({
@@ -13697,7 +13558,7 @@ var DialogDropdownTrigger = React39.forwardRef(({ title, css: css2, open, icon,
         },
         title
       ),
-      open ? /* @__PURE__ */ React39.createElement(ChevronUpIcon3, null) : /* @__PURE__ */ React39.createElement(ChevronDownIcon3, null)
+      open ? /* @__PURE__ */ React38.createElement(ChevronUpIcon3, null) : /* @__PURE__ */ React38.createElement(ChevronDownIcon3, null)
     )
   );
 });
@@ -13724,7 +13585,7 @@ var Settings = ({ setHide }) => {
   if (!(videoInput == null ? void 0 : videoInput.length) && !(audioInput == null ? void 0 : audioInput.length) && !(audioOutputFiltered == null ? void 0 : audioOutputFiltered.length)) {
     setHide(true);
   }
-  return /* @__PURE__ */ React40.createElement(Box, { className: settingOverflow() }, (videoInput == null ? void 0 : videoInput.length) ? /* @__PURE__ */ React40.createElement(Fragment6, null, isVideoOn && /* @__PURE__ */ React40.createElement(
+  return /* @__PURE__ */ React39.createElement(Box, { className: settingOverflow() }, (videoInput == null ? void 0 : videoInput.length) ? /* @__PURE__ */ React39.createElement(Fragment6, null, isVideoOn && /* @__PURE__ */ React39.createElement(
     StyledVideoTile.Container,
     {
       css: {
@@ -13735,24 +13596,24 @@ var Settings = ({ setHide }) => {
         m: "$10 auto"
       }
     },
-    /* @__PURE__ */ React40.createElement(Video, { trackId: videoTrackId, mirror: (track == null ? void 0 : track.facingMode) !== "environment" && mirrorLocalVideo })
-  ), /* @__PURE__ */ React40.createElement(
+    /* @__PURE__ */ React39.createElement(Video, { trackId: videoTrackId, mirror: (track == null ? void 0 : track.facingMode) !== "environment" && mirrorLocalVideo })
+  ), /* @__PURE__ */ React39.createElement(
     DeviceSelector,
     {
       title: "Video",
       devices: videoInput,
-      icon: /* @__PURE__ */ React40.createElement(VideoOnIcon2, null),
+      icon: /* @__PURE__ */ React39.createElement(VideoOnIcon2, null),
       selection: selectedDeviceIDs.videoInput,
       onChange: (deviceId) => updateDevice({
         deviceId,
         deviceType: DeviceType2.videoInput
       })
     }
-  )) : null, (audioInput == null ? void 0 : audioInput.length) ? /* @__PURE__ */ React40.createElement(
+  )) : null, (audioInput == null ? void 0 : audioInput.length) ? /* @__PURE__ */ React39.createElement(
     DeviceSelector,
     {
       title: shouldShowAudioOutput ? "Microphone" : "Audio",
-      icon: /* @__PURE__ */ React40.createElement(MicOnIcon2, null),
+      icon: /* @__PURE__ */ React39.createElement(MicOnIcon2, null),
       devices: audioInput,
       selection: selectedDeviceIDs.audioInput,
       onChange: (deviceId) => updateDevice({
@@ -13760,11 +13621,11 @@ var Settings = ({ setHide }) => {
         deviceType: DeviceType2.audioInput
       })
     }
-  ) : null, (audioOutputFiltered == null ? void 0 : audioOutputFiltered.length) && shouldShowAudioOutput ? /* @__PURE__ */ React40.createElement(
+  ) : null, (audioOutputFiltered == null ? void 0 : audioOutputFiltered.length) && shouldShowAudioOutput ? /* @__PURE__ */ React39.createElement(
     DeviceSelector,
     {
       title: "Speaker",
-      icon: /* @__PURE__ */ React40.createElement(SpeakerIcon, null),
+      icon: /* @__PURE__ */ React39.createElement(SpeakerIcon, null),
       devices: audioOutput,
       selection: selectedDeviceIDs.audioOutput,
       onChange: (deviceId) => updateDevice({
@@ -13772,15 +13633,15 @@ var Settings = ({ setHide }) => {
         deviceType: DeviceType2.audioOutput
       })
     },
-    /* @__PURE__ */ React40.createElement(TestAudio, { id: selectedDeviceIDs.audioOutput })
+    /* @__PURE__ */ React39.createElement(TestAudio, { id: selectedDeviceIDs.audioOutput })
   ) : null);
 };
 var DeviceSelector = ({ title, devices, selection, onChange, icon, children = null }) => {
   var _a8, _b7;
   const [open, setOpen] = useState13(false);
   const selectionBg = useDropdownSelection();
-  const ref = useRef9(null);
-  return /* @__PURE__ */ React40.createElement(Box, { css: { mb: "$10" } }, /* @__PURE__ */ React40.createElement(Text, { css: { mb: "$4" } }, title), /* @__PURE__ */ React40.createElement(
+  const ref = useRef8(null);
+  return /* @__PURE__ */ React39.createElement(Box, { css: { mb: "$10" } }, /* @__PURE__ */ React39.createElement(Text, { css: { mb: "$4" } }, title), /* @__PURE__ */ React39.createElement(
     Flex,
     {
       align: "center",
@@ -13792,7 +13653,7 @@ var DeviceSelector = ({ title, devices, selection, onChange, icon, children = nu
         }
       }
     },
-    /* @__PURE__ */ React40.createElement(
+    /* @__PURE__ */ React39.createElement(
       Box,
       {
         css: {
@@ -13806,7 +13667,7 @@ var DeviceSelector = ({ title, devices, selection, onChange, icon, children = nu
           }
         }
       },
-      /* @__PURE__ */ React40.createElement(Dropdown.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ React40.createElement(
+      /* @__PURE__ */ React39.createElement(Dropdown.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ React39.createElement(
         DialogDropdownTrigger,
         {
           ref,
@@ -13814,8 +13675,8 @@ var DeviceSelector = ({ title, devices, selection, onChange, icon, children = nu
           title: ((_a8 = devices.find(({ deviceId }) => deviceId === selection)) == null ? void 0 : _a8.label) || "Select device from list",
           open
         }
-      ), /* @__PURE__ */ React40.createElement(Dropdown.Portal, null, /* @__PURE__ */ React40.createElement(Dropdown.Content, { align: "start", sideOffset: 8, css: { w: (_b7 = ref.current) == null ? void 0 : _b7.clientWidth, zIndex: 1001 } }, devices.map((device) => {
-        return /* @__PURE__ */ React40.createElement(
+      ), /* @__PURE__ */ React39.createElement(Dropdown.Portal, null, /* @__PURE__ */ React39.createElement(Dropdown.Content, { align: "start", sideOffset: 8, css: { w: (_b7 = ref.current) == null ? void 0 : _b7.clientWidth, zIndex: 1001 } }, devices.map((device) => {
+        return /* @__PURE__ */ React39.createElement(
           Dropdown.Item,
           {
             key: device.label,
@@ -13834,7 +13695,7 @@ var DeviceSelector = ({ title, devices, selection, onChange, icon, children = nu
 };
 var TEST_AUDIO_URL = "https://100ms.live/test-audio.wav";
 var TestAudio = ({ id }) => {
-  const audioRef = useRef9(null);
+  const audioRef = useRef8(null);
   const [playing, setPlaying] = useState13(false);
   useEffect10(() => {
     if (audioRef.current && id) {
@@ -13847,7 +13708,7 @@ var TestAudio = ({ id }) => {
       }
     }
   }, [id]);
-  return /* @__PURE__ */ React40.createElement(React40.Fragment, null, /* @__PURE__ */ React40.createElement(
+  return /* @__PURE__ */ React39.createElement(React39.Fragment, null, /* @__PURE__ */ React39.createElement(
     Button,
     {
       variant: "standard",
@@ -13864,24 +13725,24 @@ var TestAudio = ({ id }) => {
       },
       disabled: playing
     },
-    /* @__PURE__ */ React40.createElement(SpeakerIcon, null),
+    /* @__PURE__ */ React39.createElement(SpeakerIcon, null),
     "\xA0Test",
     " ",
-    /* @__PURE__ */ React40.createElement(Text, { as: "span", css: { display: "none", "@md": { display: "inline" } } }, "\xA0 speaker")
-  ), /* @__PURE__ */ React40.createElement("audio", { ref: audioRef, src: TEST_AUDIO_URL, onEnded: () => setPlaying(false), onPlay: () => setPlaying(true) }));
+    /* @__PURE__ */ React39.createElement(Text, { as: "span", css: { display: "none", "@md": { display: "inline" } } }, "\xA0 speaker")
+  ), /* @__PURE__ */ React39.createElement("audio", { ref: audioRef, src: TEST_AUDIO_URL, onEnded: () => setPlaying(false), onPlay: () => setPlaying(true) }));
 };
 var DeviceSettings_default = Settings;
 
 // src/Prebuilt/components/Settings/LayoutSettings.jsx
 init_define_process_env();
-import React42, { useCallback as useCallback7 } from "react";
+import React41, { useCallback as useCallback7 } from "react";
 import { selectIsLocalScreenShared, selectIsLocalVideoEnabled as selectIsLocalVideoEnabled3, useHMSActions as useHMSActions10, useHMSStore as useHMSStore14 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Settings/SwitchWithLabel.jsx
 init_define_process_env();
-import React41 from "react";
+import React40 from "react";
 var SwitchWithLabel = ({ label, icon, id, onChange, checked, hide = false }) => {
-  return /* @__PURE__ */ React41.createElement(
+  return /* @__PURE__ */ React40.createElement(
     Flex,
     {
       align: "center",
@@ -13893,7 +13754,7 @@ var SwitchWithLabel = ({ label, icon, id, onChange, checked, hide = false }) =>
         display: hide ? "none" : "flex"
       }
     },
-    /* @__PURE__ */ React41.createElement(
+    /* @__PURE__ */ React40.createElement(
       Label3,
       {
         htmlFor: id,
@@ -13911,7 +13772,7 @@ var SwitchWithLabel = ({ label, icon, id, onChange, checked, hide = false }) =>
       icon,
       label
     ),
-    /* @__PURE__ */ React41.createElement(Switch, { id, checked, onCheckedChange: onChange })
+    /* @__PURE__ */ React40.createElement(Switch, { id, checked, onCheckedChange: onChange })
   );
 };
 var SwitchWithLabel_default = SwitchWithLabel;
@@ -13932,7 +13793,7 @@ var LayoutSettings = () => {
     }),
     [hmsActions, isLocalVideoEnabled, isLocalScreenShared, setUISettings]
   );
-  return /* @__PURE__ */ React42.createElement(Box, { className: settingOverflow() }, /* @__PURE__ */ React42.createElement(SwitchWithLabel_default, { label: "Audio Only Mode", id: "audioOnlyMode", checked: isAudioOnly, onChange: toggleIsAudioOnly }), /* @__PURE__ */ React42.createElement(
+  return /* @__PURE__ */ React41.createElement(Box, { className: settingOverflow() }, /* @__PURE__ */ React41.createElement(SwitchWithLabel_default, { label: "Audio Only Mode", id: "audioOnlyMode", checked: isAudioOnly, onChange: toggleIsAudioOnly }), /* @__PURE__ */ React41.createElement(
     SwitchWithLabel_default,
     {
       label: "Mirror Local Video",
@@ -13944,7 +13805,7 @@ var LayoutSettings = () => {
         });
       }
     }
-  ), /* @__PURE__ */ React42.createElement(Flex, { align: "center", css: { w: "100%", my: "$2", py: "$8", "@md": { display: "none" } } }, /* @__PURE__ */ React42.createElement(Text, { variant: "md", css: { fontWeight: "$semiBold" } }, "Tiles In View(", maxTileCount, ")"), /* @__PURE__ */ React42.createElement(Flex, { justify: "end", css: { flex: "1 1 0" } }, /* @__PURE__ */ React42.createElement(
+  ), /* @__PURE__ */ React41.createElement(Flex, { align: "center", css: { w: "100%", my: "$2", py: "$8", "@md": { display: "none" } } }, /* @__PURE__ */ React41.createElement(Text, { variant: "md", css: { fontWeight: "$semiBold" } }, "Tiles In View(", maxTileCount, ")"), /* @__PURE__ */ React41.createElement(Flex, { justify: "end", css: { flex: "1 1 0" } }, /* @__PURE__ */ React41.createElement(
     Slider,
     {
       step: 1,
@@ -13961,11 +13822,11 @@ var LayoutSettings = () => {
 
 // src/Prebuilt/components/Settings/NotificationSettings.jsx
 init_define_process_env();
-import React43 from "react";
+import React42 from "react";
 import { AlertOctagonIcon, HandIcon, PeopleAddIcon, PeopleRemoveIcon } from "@100mslive/react-icons";
 var NotificationItem = ({ type, label, icon, checked }) => {
   const [, setSubscribedNotifications] = useSetSubscribedNotifications(type);
-  return /* @__PURE__ */ React43.createElement(
+  return /* @__PURE__ */ React42.createElement(
     SwitchWithLabel_default,
     {
       label,
@@ -13980,36 +13841,36 @@ var NotificationItem = ({ type, label, icon, checked }) => {
 };
 var NotificationSettings = () => {
   const subscribedNotifications = useSubscribedNotifications();
-  return /* @__PURE__ */ React43.createElement(Box, { className: settingOverflow() }, /* @__PURE__ */ React43.createElement(
+  return /* @__PURE__ */ React42.createElement(Box, { className: settingOverflow() }, /* @__PURE__ */ React42.createElement(
     NotificationItem,
     {
       label: "Peer Joined",
       type: SUBSCRIBED_NOTIFICATIONS.PEER_JOINED,
-      icon: /* @__PURE__ */ React43.createElement(PeopleAddIcon, null),
+      icon: /* @__PURE__ */ React42.createElement(PeopleAddIcon, null),
       checked: subscribedNotifications.PEER_JOINED
     }
-  ), /* @__PURE__ */ React43.createElement(
+  ), /* @__PURE__ */ React42.createElement(
     NotificationItem,
     {
       label: "Peer Leave",
       type: SUBSCRIBED_NOTIFICATIONS.PEER_LEFT,
-      icon: /* @__PURE__ */ React43.createElement(PeopleRemoveIcon, null),
+      icon: /* @__PURE__ */ React42.createElement(PeopleRemoveIcon, null),
       checked: subscribedNotifications.PEER_LEFT
     }
-  ), /* @__PURE__ */ React43.createElement(
+  ), /* @__PURE__ */ React42.createElement(
     NotificationItem,
     {
       label: "Hand Raised",
       type: SUBSCRIBED_NOTIFICATIONS.METADATA_UPDATED,
-      icon: /* @__PURE__ */ React43.createElement(HandIcon, null),
+      icon: /* @__PURE__ */ React42.createElement(HandIcon, null),
       checked: subscribedNotifications.METADATA_UPDATED
     }
-  ), /* @__PURE__ */ React43.createElement(
+  ), /* @__PURE__ */ React42.createElement(
     NotificationItem,
     {
       label: "Error",
       type: SUBSCRIBED_NOTIFICATIONS.ERROR,
-      icon: /* @__PURE__ */ React43.createElement(AlertOctagonIcon, null),
+      icon: /* @__PURE__ */ React42.createElement(AlertOctagonIcon, null),
       checked: subscribedNotifications.ERROR
     }
   ));
@@ -14051,7 +13912,7 @@ var settingsList = [
 ];
 
 // src/Prebuilt/components/Settings/SettingsModal.jsx
-var SettingsModal = ({ open, onOpenChange, screenType, children = /* @__PURE__ */ React44.createElement(React44.Fragment, null) }) => {
+var SettingsModal = ({ open, onOpenChange, screenType, children = /* @__PURE__ */ React43.createElement(React43.Fragment, null) }) => {
   const mediaQueryLg = config.media.md;
   const isMobile = useMedia4(mediaQueryLg);
   const [showSetting, setShowSetting] = useState14(
@@ -14082,7 +13943,7 @@ var SettingsModal = ({ open, onOpenChange, screenType, children = /* @__PURE__ *
       setSelection(firstNotHiddenTabName);
     }
   }, [isMobile, showSetting]);
-  return isMobile ? /* @__PURE__ */ React44.createElement(
+  return isMobile ? /* @__PURE__ */ React43.createElement(
     MobileSettingModal,
     {
       open,
@@ -14094,7 +13955,7 @@ var SettingsModal = ({ open, onOpenChange, screenType, children = /* @__PURE__ *
       resetSelection,
       children
     }
-  ) : /* @__PURE__ */ React44.createElement(
+  ) : /* @__PURE__ */ React43.createElement(
     DesktopSettingModal,
     {
       open,
@@ -14116,9 +13977,9 @@ var MobileSettingModal = ({
   showSetting,
   hideSettingByTabName,
   resetSelection,
-  children = /* @__PURE__ */ React44.createElement(React44.Fragment, null)
+  children = /* @__PURE__ */ React43.createElement(React43.Fragment, null)
 }) => {
-  return /* @__PURE__ */ React44.createElement(Sheet.Root, { open, onOpenChange }, /* @__PURE__ */ React44.createElement(Sheet.Trigger, { asChild: true }, children), /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React43.createElement(Sheet.Root, { open, onOpenChange }, /* @__PURE__ */ React43.createElement(Sheet.Trigger, { asChild: true }, children), /* @__PURE__ */ React43.createElement(
     Sheet.Content,
     {
       css: {
@@ -14126,9 +13987,9 @@ var MobileSettingModal = ({
         overflowY: "auto"
       }
     },
-    /* @__PURE__ */ React44.createElement(Sheet.Title, { css: { py: "$10", px: "$8", alignItems: "center" } }, /* @__PURE__ */ React44.createElement(Flex, { direction: "row", justify: "between", css: { w: "100%" } }, !selection ? /* @__PURE__ */ React44.createElement(Text, { variant: "h6", css: { display: "flex" } }, "Settings") : /* @__PURE__ */ React44.createElement(Text, { variant: "h6", css: { display: "flex" } }, /* @__PURE__ */ React44.createElement(Box, { as: "span", css: { r: "$round", mr: "$2" }, onClick: resetSelection }, /* @__PURE__ */ React44.createElement(ChevronLeftIcon, null)), (selection == null ? void 0 : selection.charAt(0).toUpperCase()) + selection.slice(1)), /* @__PURE__ */ React44.createElement(Sheet.Close, null, /* @__PURE__ */ React44.createElement(IconButton, { as: "div", "data-testid": "dialog_cross_icon" }, /* @__PURE__ */ React44.createElement(CrossIcon6, null))))),
-    /* @__PURE__ */ React44.createElement(HorizontalDivider, null),
-    !selection ? /* @__PURE__ */ React44.createElement(
+    /* @__PURE__ */ React43.createElement(Sheet.Title, { css: { py: "$10", px: "$8", alignItems: "center" } }, /* @__PURE__ */ React43.createElement(Flex, { direction: "row", justify: "between", css: { w: "100%" } }, !selection ? /* @__PURE__ */ React43.createElement(Text, { variant: "h6", css: { display: "flex" } }, "Settings") : /* @__PURE__ */ React43.createElement(Text, { variant: "h6", css: { display: "flex" } }, /* @__PURE__ */ React43.createElement(Box, { as: "span", css: { r: "$round", mr: "$2" }, onClick: resetSelection }, /* @__PURE__ */ React43.createElement(ChevronLeftIcon, null)), (selection == null ? void 0 : selection.charAt(0).toUpperCase()) + selection.slice(1)), /* @__PURE__ */ React43.createElement(Sheet.Close, null, /* @__PURE__ */ React43.createElement(IconButton, { as: "div", "data-testid": "dialog_cross_icon" }, /* @__PURE__ */ React43.createElement(CrossIcon5, null))))),
+    /* @__PURE__ */ React43.createElement(HorizontalDivider, null),
+    !selection ? /* @__PURE__ */ React43.createElement(
       Flex,
       {
         direction: "column",
@@ -14139,7 +14000,7 @@ var MobileSettingModal = ({
         }
       },
       settingsList.filter(({ tabName }) => showSetting[tabName]).map(({ icon: Icon3, tabName, title }) => {
-        return /* @__PURE__ */ React44.createElement(
+        return /* @__PURE__ */ React43.createElement(
           Box,
           {
             key: tabName,
@@ -14169,18 +14030,18 @@ var MobileSettingModal = ({
               borderBottom: "1px solid $border_default"
             }
           },
-          /* @__PURE__ */ React44.createElement(Icon3, null),
+          /* @__PURE__ */ React43.createElement(Icon3, null),
           title
         );
       })
-    ) : /* @__PURE__ */ React44.createElement(
+    ) : /* @__PURE__ */ React43.createElement(
       Box,
       {
         direction: "column",
         css: { overflowY: "scroll", px: "$8", py: "$10", maxHeight: "70vh", overflowX: "hidden" }
       },
       settingsList.filter(({ tabName }) => showSetting[tabName] && selection === tabName).map(({ content: Content11, title, tabName }) => {
-        return /* @__PURE__ */ React44.createElement(Content11, { key: title, setHide: hideSettingByTabName(tabName) });
+        return /* @__PURE__ */ React43.createElement(Content11, { key: title, setHide: hideSettingByTabName(tabName) });
       })
     )
   ));
@@ -14193,9 +14054,9 @@ var DesktopSettingModal = ({
   showSetting,
   hideSettingByTabName,
   resetSelection,
-  children = /* @__PURE__ */ React44.createElement(React44.Fragment, null)
+  children = /* @__PURE__ */ React43.createElement(React43.Fragment, null)
 }) => {
-  return /* @__PURE__ */ React44.createElement(Dialog.Root, { open, onOpenChange }, /* @__PURE__ */ React44.createElement(Dialog.Trigger, { asChild: true }, children), /* @__PURE__ */ React44.createElement(Dialog.Portal, null, /* @__PURE__ */ React44.createElement(Dialog.Overlay, null), /* @__PURE__ */ React44.createElement(
+  return /* @__PURE__ */ React43.createElement(Dialog.Root, { open, onOpenChange }, /* @__PURE__ */ React43.createElement(Dialog.Trigger, { asChild: true }, children), /* @__PURE__ */ React43.createElement(Dialog.Portal, null, /* @__PURE__ */ React43.createElement(Dialog.Overlay, null), /* @__PURE__ */ React43.createElement(
     Dialog.Content,
     {
       css: {
@@ -14205,7 +14066,7 @@ var DesktopSettingModal = ({
         r: "$4"
       }
     },
-    /* @__PURE__ */ React44.createElement(
+    /* @__PURE__ */ React43.createElement(
       Tabs.Root,
       {
         value: selection,
@@ -14213,7 +14074,7 @@ var DesktopSettingModal = ({
         onValueChange: setSelection,
         css: { size: "100%", position: "relative" }
       },
-      /* @__PURE__ */ React44.createElement(
+      /* @__PURE__ */ React43.createElement(
         Tabs.List,
         {
           css: {
@@ -14225,12 +14086,12 @@ var DesktopSettingModal = ({
             borderBottomLeftRadius: "$4"
           }
         },
-        /* @__PURE__ */ React44.createElement(Text, { variant: "h5" }, "Settings "),
-        /* @__PURE__ */ React44.createElement(Flex, { direction: "column", css: { mx: 0, overflowY: "auto", pt: "$10" } }, settingsList.filter(({ tabName }) => showSetting[tabName]).map(({ icon: Icon3, tabName, title }) => {
-          return /* @__PURE__ */ React44.createElement(Tabs.Trigger, { key: tabName, value: tabName, css: { gap: "$8" } }, /* @__PURE__ */ React44.createElement(Icon3, null), title);
+        /* @__PURE__ */ React43.createElement(Text, { variant: "h5" }, "Settings "),
+        /* @__PURE__ */ React43.createElement(Flex, { direction: "column", css: { mx: 0, overflowY: "auto", pt: "$10" } }, settingsList.filter(({ tabName }) => showSetting[tabName]).map(({ icon: Icon3, tabName, title }) => {
+          return /* @__PURE__ */ React43.createElement(Tabs.Trigger, { key: tabName, value: tabName, css: { gap: "$8" } }, /* @__PURE__ */ React43.createElement(Icon3, null), title);
         }))
       ),
-      selection && /* @__PURE__ */ React44.createElement(
+      selection && /* @__PURE__ */ React43.createElement(
         Flex,
         {
           direction: "column",
@@ -14241,15 +14102,15 @@ var DesktopSettingModal = ({
           }
         },
         settingsList.filter(({ tabName }) => showSetting[tabName]).map(({ content: Content11, title, tabName }) => {
-          return /* @__PURE__ */ React44.createElement(Tabs.Content, { key: tabName, value: tabName, className: settingContent() }, /* @__PURE__ */ React44.createElement(SettingsContentHeader, { onBack: resetSelection, isMobile: false }, title), /* @__PURE__ */ React44.createElement(Content11, { setHide: hideSettingByTabName(tabName) }));
+          return /* @__PURE__ */ React43.createElement(Tabs.Content, { key: tabName, value: tabName, className: settingContent() }, /* @__PURE__ */ React43.createElement(SettingsContentHeader, { onBack: resetSelection, isMobile: false }, title), /* @__PURE__ */ React43.createElement(Content11, { setHide: hideSettingByTabName(tabName) }));
         })
       )
     ),
-    /* @__PURE__ */ React44.createElement(Dialog.Close, { css: { position: "absolute", right: "$10", top: "$10" } }, /* @__PURE__ */ React44.createElement(IconButton, { as: "div", "data-testid": "dialog_cross_icon" }, /* @__PURE__ */ React44.createElement(CrossIcon6, null)))
+    /* @__PURE__ */ React43.createElement(Dialog.Close, { css: { position: "absolute", right: "$10", top: "$10" } }, /* @__PURE__ */ React43.createElement(IconButton, { as: "div", "data-testid": "dialog_cross_icon" }, /* @__PURE__ */ React43.createElement(CrossIcon5, null)))
   )));
 };
 var SettingsContentHeader = ({ children, isMobile, onBack }) => {
-  return /* @__PURE__ */ React44.createElement(Text, { variant: "h6", css: { mb: "$12", display: "flex", alignItems: "center" } }, isMobile && /* @__PURE__ */ React44.createElement(Box, { as: "span", css: { bg: "$surface_bright", mr: "$4", r: "$round", p: "$2" }, onClick: onBack }, /* @__PURE__ */ React44.createElement(ChevronLeftIcon, null)), children);
+  return /* @__PURE__ */ React43.createElement(Text, { variant: "h6", css: { mb: "$12", display: "flex", alignItems: "center" } }, isMobile && /* @__PURE__ */ React43.createElement(Box, { as: "span", css: { bg: "$surface_bright", mr: "$4", r: "$round", p: "$2" }, onClick: onBack }, /* @__PURE__ */ React43.createElement(ChevronLeftIcon, null)), children);
 };
 var SettingsModal_default = SettingsModal;
 
@@ -14263,6 +14124,164 @@ import { AlertTriangleIcon as AlertTriangleIcon3 } from "@100mslive/react-icons"
 init_define_process_env();
 import React45, { useCallback as useCallback9, useState as useState15 } from "react";
 import { InfoIcon } from "@100mslive/react-icons";
+
+// src/Prebuilt/primitives/DialogContent.jsx
+init_define_process_env();
+import React44, { useRef as useRef9 } from "react";
+import { CheckIcon as CheckIcon2, CloudUploadIcon, CrossIcon as CrossIcon6 } from "@100mslive/react-icons";
+var DialogContent = (_a8) => {
+  var _b7 = _a8, { Icon: Icon3, title, closeable = true, children, css: css2, iconCSS = {} } = _b7, props = __objRest(_b7, ["Icon", "title", "closeable", "children", "css", "iconCSS"]);
+  return /* @__PURE__ */ React44.createElement(Dialog.Portal, null, /* @__PURE__ */ React44.createElement(Dialog.Overlay, null), /* @__PURE__ */ React44.createElement(Dialog.Content, __spreadValues({ css: __spreadValues({ width: "min(600px, 100%)" }, css2) }, props), /* @__PURE__ */ React44.createElement(Dialog.Title, null, /* @__PURE__ */ React44.createElement(Flex, { justify: "between" }, /* @__PURE__ */ React44.createElement(Flex, { align: "center", css: { mb: "$1" } }, Icon3 ? /* @__PURE__ */ React44.createElement(Box, { css: __spreadValues({ mr: "$2", color: "$on_primary_high" }, iconCSS) }, /* @__PURE__ */ React44.createElement(Icon3, null)) : null, /* @__PURE__ */ React44.createElement(Text, { variant: "h6", inline: true }, title)), closeable && /* @__PURE__ */ React44.createElement(Dialog.DefaultClose, { "data-testid": "dialoge_cross_icon" }))), /* @__PURE__ */ React44.createElement(HorizontalDivider, { css: { mt: "0.8rem" } }), /* @__PURE__ */ React44.createElement(Box, null, children)));
+};
+var ErrorDialog = (_a8) => {
+  var _b7 = _a8, { open = true, onOpenChange, title, children } = _b7, props = __objRest(_b7, ["open", "onOpenChange", "title", "children"]);
+  return /* @__PURE__ */ React44.createElement(Dialog.Root, { open, onOpenChange }, /* @__PURE__ */ React44.createElement(
+    DialogContent,
+    __spreadValues({
+      Icon: CrossIcon6,
+      title,
+      onInteractOutside: (e) => e.preventDefault(),
+      onEscapeKeyDown: (e) => e.preventDefault(),
+      onPointerDownOutside: (e) => e.preventDefault(),
+      closeable: false,
+      iconCSS: { color: "$alert_error_default" }
+    }, props),
+    /* @__PURE__ */ React44.createElement(Box, { css: { mt: "$lg" } }, children)
+  ));
+};
+var RequestDialog = ({ open = true, onOpenChange, title, body, actionText = "Accept", onAction, Icon: Icon3 }) => /* @__PURE__ */ React44.createElement(Dialog.Root, { open, onOpenChange }, /* @__PURE__ */ React44.createElement(Dialog.Portal, null, /* @__PURE__ */ React44.createElement(Dialog.Overlay, null), /* @__PURE__ */ React44.createElement(Dialog.Content, { css: { width: "min(400px,80%)", p: "$10" } }, /* @__PURE__ */ React44.createElement(Dialog.Title, { css: { p: 0, display: "flex", flexDirection: "row", gap: "$md" } }, Icon3 ? Icon3 : null, /* @__PURE__ */ React44.createElement(Text, { variant: "h6" }, title)), typeof body === "string" ? /* @__PURE__ */ React44.createElement(
+  Text,
+  {
+    variant: "md",
+    css: {
+      fontWeight: 400,
+      mt: "$4",
+      mb: "$10",
+      c: "$on_surface_medium"
+    }
+  },
+  body
+) : /* @__PURE__ */ React44.createElement(Box, { css: { mt: "$4", mb: "$10" } }, body), /* @__PURE__ */ React44.createElement(Flex, { justify: "center", align: "center", css: { width: "100%", gap: "$md" } }, /* @__PURE__ */ React44.createElement(Box, { css: { width: "50%" } }, /* @__PURE__ */ React44.createElement(Dialog.Close, { css: { width: "100%" } }, /* @__PURE__ */ React44.createElement(Button, { variant: "standard", outlined: true, css: { width: "100%" } }, "Cancel"))), /* @__PURE__ */ React44.createElement(Box, { css: { width: "50%" } }, /* @__PURE__ */ React44.createElement(Button, { variant: "primary", css: { width: "100%" }, onClick: onAction }, actionText))))));
+var DialogRow = ({ children, breakSm = false, css: css2, justify = "between" }) => {
+  let finalCSS = {
+    margin: "$10 0",
+    w: "100%"
+  };
+  if (breakSm) {
+    finalCSS["@sm"] = {
+      flexDirection: "column",
+      alignItems: "flex-start"
+    };
+  }
+  if (css2) {
+    finalCSS = Object.assign(finalCSS, css2);
+  }
+  return /* @__PURE__ */ React44.createElement(Flex, { align: "center", justify, css: finalCSS }, children);
+};
+var DialogCol = (_a8) => {
+  var _b7 = _a8, { children, breakSm = false, css: css2, align = "center", justify = "between" } = _b7, props = __objRest(_b7, ["children", "breakSm", "css", "align", "justify"]);
+  let finalCSS = {
+    margin: "$10 0",
+    w: "100%"
+  };
+  if (breakSm) {
+    finalCSS["@sm"] = {
+      alignItems: "flex-start"
+    };
+  }
+  if (css2) {
+    finalCSS = Object.assign(finalCSS, css2);
+  }
+  return /* @__PURE__ */ React44.createElement(Flex, __spreadValues({ direction: "column", align, justify, css: finalCSS }, props), children);
+};
+var DialogSelect = (_a8) => {
+  var _b7 = _a8, { title, options, keyField, labelField, selected, onChange } = _b7, props = __objRest(_b7, ["title", "options", "keyField", "labelField", "selected", "onChange"]);
+  return /* @__PURE__ */ React44.createElement(DialogRow, { breakSm: true }, /* @__PURE__ */ React44.createElement(Label3, null, title), /* @__PURE__ */ React44.createElement(Select.Root, __spreadValues({ "data-testid": `dialog_select_${title}`, css: { width: "70%", "@sm": { width: "100%" } } }, props), /* @__PURE__ */ React44.createElement(Select.DefaultDownIcon, null), /* @__PURE__ */ React44.createElement(Select.Select, { onChange: (e) => onChange(e.target.value), value: selected, css: { width: "100%" } }, options.map((option) => {
+    const id = keyField ? option[keyField] : option;
+    const label = labelField ? option[labelField] : option;
+    return /* @__PURE__ */ React44.createElement("option", { value: id, key: id }, label);
+  }))));
+};
+var DialogInputFile = (_a8) => {
+  var _b7 = _a8, { value, onChange, placeholder, disabled, type } = _b7, props = __objRest(_b7, ["value", "onChange", "placeholder", "disabled", "type"]);
+  const inputRef = useRef9();
+  return /* @__PURE__ */ React44.createElement(
+    DialogCol,
+    {
+      breakSm: true,
+      onClick: () => {
+        var _a9;
+        return (_a9 = inputRef.current) == null ? void 0 : _a9.click();
+      },
+      css: {
+        justifyContent: "center",
+        position: "relative",
+        cursor: "pointer",
+        py: "$12",
+        border: "1px dashed $border_bright",
+        r: "$1",
+        height: "max(140px, 30%)",
+        alignItems: "center",
+        m: "$6 0"
+      },
+      gap: "8"
+    },
+    /* @__PURE__ */ React44.createElement(
+      IconButton,
+      {
+        variant: "standard",
+        css: {
+          border: "none",
+          background: "none",
+          "&:hover": {
+            border: "none",
+            background: "none",
+            bg: "$transparent !important"
+          }
+        }
+      },
+      /* @__PURE__ */ React44.createElement(
+        CloudUploadIcon,
+        {
+          style: {
+            width: "3rem",
+            height: "3rem"
+          }
+        }
+      )
+    ),
+    /* @__PURE__ */ React44.createElement(Flex, { direction: "row" }, /* @__PURE__ */ React44.createElement(
+      Input,
+      __spreadValues({
+        ref: inputRef,
+        css: { width: "70%", "@sm": { width: "100%" } },
+        value,
+        onChange: (e) => onChange(e.target),
+        placeholder,
+        disabled,
+        type,
+        hidden: true
+      }, props)
+    ), /* @__PURE__ */ React44.createElement(
+      IconButton,
+      {
+        variant: "standard",
+        css: {
+          background: "none",
+          border: "none",
+          textDecoration: "underline",
+          "&:hover": {
+            background: "none !important",
+            border: "none !important"
+          }
+        }
+      },
+      /* @__PURE__ */ React44.createElement(Text, { variant: "md" }, placeholder)
+    ))
+  );
+};
+
+// src/Prebuilt/components/Streaming/ResolutionInput.jsx
 var ResolutionInput = ({ onResolutionChange, disabled, tooltipText, css: css2, testId }) => {
   const [resolution, setResolution] = useState15(RTMP_RECORD_DEFAULT_RESOLUTION);
   const resolutionChangeHandler = useCallback9(
@@ -14594,10 +14613,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
@@ -17241,12 +17260,12 @@ import { v4 as za } from "uuid";
 import { v4 as eo } from "uuid";
 import { v4 as ro } from "uuid";
 import { EventEmitter2 as so } from "eventemitter2";
-var Ht = __toESM(require_lib());
+var It = __toESM(require_lib());
 import { EventEmitter2 as Po } from "eventemitter2";
 import { v4 as bo } from "uuid";
 import { EventEmitter2 as Ro } from "eventemitter2";
-import Ho from "eventemitter2";
-import { v4 as Io } from "uuid";
+import Io from "eventemitter2";
+import { v4 as Ho } from "uuid";
 import { v4 as wo } from "uuid";
 var ga = Object.defineProperty;
 var Ta = Object.defineProperties;
@@ -17255,7 +17274,7 @@ var Ot = Object.getOwnPropertySymbols;
 var Fr = Object.prototype.hasOwnProperty;
 var Gr = Object.prototype.propertyIsEnumerable;
 var Br = (a2, e, t) => e in a2 ? ga(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
-var m = (a2, e) => {
+var S = (a2, e) => {
   for (var t in e || (e = {}))
     Fr.call(e, t) && Br(a2, t, e[t]);
   if (Ot)
@@ -17275,14 +17294,14 @@ var Qi = (a2, e) => {
 };
 var ya = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
 var nr = ya((jc, Va) => {
-  Va.exports = { version: "0.11.2", 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", 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/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"] };
+  Va.exports = { version: "0.11.3-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", 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/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 ka = ((e) => (e.CHAT = "chat", e))(ka || {});
 var $r = ((t) => (t.INFO = "info", t.ERROR = "error", t))($r || {});
 var Yi = ((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.HAND_RAISE_CHANGED = "HAND_RAISE_CHANGED", C))(Yi || {});
 var Wr = ((t) => (t.audio = "audio", t.video = "video", t))(Wr || {});
-function He(a2, e) {
+function Ie(a2, e) {
   let t, i;
   if (e)
     for (let r of e.auxiliaryTracks) {
@@ -17338,13 +17357,13 @@ var bn = createSelector(Q, (a2) => a2 == null ? void 0 : a2.name);
 var Rn = createSelector(Q, (a2) => a2 == null ? void 0 : a2.roleName);
 var Z = createSelector(Q, (a2) => a2 == null ? void 0 : a2.audioTrack);
 var K = createSelector(Q, (a2) => a2 == null ? void 0 : a2.videoTrack);
-var Ha = createSelector(Q, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
-var Qr = createSelector([Z, K, Ha], (a2, e, t) => {
+var Ia = createSelector(Q, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
+var Qr = createSelector([Z, K, Ia], (a2, e, t) => {
   let i = t ? [...t] : [];
   return a2 && i.unshift(a2), e && i.unshift(e), i;
 });
-var Hn = createSelector(ae, (a2) => a2.filter((e) => !e.isLocal));
-var In = createSelector(G, Aa, (a2, e) => {
+var In = createSelector(ae, (a2) => a2.filter((e) => !e.isLocal));
+var Hn = createSelector(G, Aa, (a2, e) => {
   let t = Object.entries(e).sort((i, r) => {
     var n, l;
     let s = ((n = i[1]) == null ? void 0 : n.audioLevel) || 0;
@@ -17358,23 +17377,23 @@ var In = createSelector(G, Aa, (a2, e) => {
   return null;
 });
 var er = createSelector(Q, w, (a2, e) => {
-  let { video: t, audio: i } = He(e, a2);
+  let { video: t, audio: i } = Ie(e, a2);
   return !!(t || i);
 });
-var Ia = createSelector(G, w, (a2, e) => {
+var Ha = createSelector(G, w, (a2, e) => {
   let t;
   for (let i in a2) {
-    let r = a2[i], { video: s, audio: o } = He(e, r);
+    let r = a2[i], { video: s, audio: o } = Ie(e, r);
     if (s)
       return r;
     o && !t && (t = r);
   }
   return t;
 });
-var Ln = createSelector(Ia, (a2) => !!a2);
+var Ln = createSelector(Ha, (a2) => !!a2);
 var wn = createSelector(G, w, (a2, e) => {
   for (let t in a2) {
-    let i = a2[t], { audio: r, video: s } = He(e, i);
+    let i = a2[t], { audio: r, video: s } = Ie(e, i);
     if (!s && r)
       return i;
   }
@@ -17382,7 +17401,7 @@ var wn = createSelector(G, w, (a2, e) => {
 var Dn = createSelector(G, w, (a2, e) => {
   let t = [], i = [];
   for (let r in a2) {
-    let s = a2[r], { video: o, audio: n } = He(e, s);
+    let s = a2[r], { video: o, audio: n } = Ie(e, s);
     o ? t.push(s) : n && i.push(s);
   }
   return t.concat(i);
@@ -17530,12 +17549,12 @@ d.level = Da ? 7 : 0;
 var pe = new import_ua_parser_js.UAParser();
 var N = typeof window != "undefined";
 var ps;
-var Ie = typeof window == "undefined" && !((ps = pe.getBrowser().name) != null && ps.toLowerCase().includes("electron"));
-var Na = () => !Ie;
+var He = typeof window == "undefined" && !((ps = pe.getBrowser().name) != null && ps.toLowerCase().includes("electron"));
+var Na = () => !He;
 var dc = Na();
 var hs;
-var ms;
-var gs = ((ms = (hs = pe.getBrowser()) == null ? void 0 : hs.name) == null ? void 0 : ms.toLowerCase()) === "firefox";
+var Ss;
+var gs = ((Ss = (hs = pe.getBrowser()) == null ? void 0 : hs.name) == null ? void 0 : Ss.toLowerCase()) === "firefox";
 function Oa() {
   if (N && window) {
     let a2 = window.location.hostname;
@@ -17751,7 +17770,7 @@ function ie(a2) {
 var Ms = nr().version;
 function st(a2 = "prod", e) {
   let t = "web", i = Ue !== "LOCAL" && a2 === "prod" ? "prod" : "debug";
-  if (Ie)
+  if (He)
     return ys({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version: Ms, env: i, domain: Ue, 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 = cr(`web_${r.name}`), l = r.version || "", u = cr(`${o.name}_${o.version}`), p = u;
   return s.type && (p = `${cr(`${s.vendor}_${s.type}`)}/${u}`), ys({ os: n, os_version: l, sdk: t, sdk_version: Ms, device_model: p, env: i, domain: Ue, 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 });
@@ -17760,97 +17779,97 @@ function cr(a2) {
   return a2.replace(/ /g, "_");
 }
 var ys = (a2, e = ",") => Object.keys(a2).filter((t) => ie(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
-var H = class {
+var I = class {
   constructor({ name: e, level: t, properties: i, includesPII: r, timestamp: s }) {
     this.metadata = { peer: {}, userAgent: st() };
     this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = Ba(), this.device_id = fs();
   }
   toSignalParams() {
-    return { name: this.name, info: k(m({}, this.properties), { timestamp: this.timestamp, domain: Ue }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
+    return { name: this.name, info: k(S({}, this.properties), { timestamp: this.timestamp, domain: Ue }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
   }
 };
 var M = 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(k(m({}, t), { [this.KEY_REQUESTED_AT]: i == null ? void 0 : i.getTime(), [this.KEY_RESPONDED_AT]: r == null ? void 0 : r.getTime(), endpoint: s }), e);
-    return new H({ name: o, level: n, properties: l });
+    let o = this.eventNameFor("connect", e === void 0), n = e ? 2 : 1, l = this.getPropertiesWithError(k(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 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 H({ 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 = Qi(r, ["error"]);
     let s = this.eventNameFor("preview", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(t, e);
-    return new H({ 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 = Qi(r, ["error"]);
-    let s = this.eventNameFor("join", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(k(m({}, t), { is_preview_called: !!t.is_preview_called }), e);
-    return new H({ name: s, level: o, properties: n });
+    let s = this.eventNameFor("join", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(k(S({}, t), { is_preview_called: !!t.is_preview_called }), e);
+    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 H({ name: r, level: s, properties: o });
+    return new I({ name: r, level: s, properties: o });
   }
   static hlsPlayerError(e) {
-    return new H({ 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 H({ name: t, level: i, properties: r });
+    return new I({ name: t, level: i, properties: r });
   }
   static leave() {
-    return new H({ name: "leave", level: 1 });
+    return new I({ name: "leave", level: 1 });
   }
   static autoplayError() {
-    return new H({ name: "autoplayError", level: 2 });
+    return new I({ name: "autoplayError", level: 2 });
   }
   static audioPlaybackError(e) {
-    return new H({ name: "audioPlaybackError", level: 2, properties: this.getErrorProperties(e) });
+    return new I({ name: "audioPlaybackError", level: 2, properties: this.getErrorProperties(e) });
   }
-  static deviceChange({ selection: e, type: t, devices: i, error: r }) {
-    let s = this.eventNameFor(r ? "publish" : `device.${t}`, r === void 0), o = r ? 2 : 1, n = this.getPropertiesWithError({ selection: e, devices: i }, r);
-    return new H({ name: s, level: o, properties: n });
+  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 I({ name: o, level: n, properties: l });
   }
   static performance(e) {
     let t = "perf.stats", i = 1, r = e.toAnalyticsProperties();
-    return new H({ 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 H({ 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 H({ 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 };
     if (!t && e.degradedAt instanceof Date) {
       let o = /* @__PURE__ */ new Date(), n = o.valueOf() - e.degradedAt.valueOf();
-      s = k(m({}, s), { duration: n, restoredAt: o });
+      s = k(S({}, s), { duration: n, restoredAt: o });
     }
-    return new H({ 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 H({ name: s, level: r, properties: i });
+    return new I({ name: s, level: r, properties: i });
   }
   static previewNetworkQuality(e) {
-    return new H({ 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 H({ name: "publisher.stats", level: 1, properties: e });
+    return new I({ name: "publisher.stats", level: 1, properties: e });
   }
   static subscribeStats(e) {
-    return new H({ name: "subscriber.stats", level: 1, properties: e });
+    return new I({ name: "subscriber.stats", level: 1, properties: e });
   }
   static eventNameFor(e, t) {
     return `${e}.${t ? "success" : "failed"}`;
   }
   static getPropertiesWithError(e, t) {
     let i = this.getErrorProperties(t);
-    return e = m(m({}, i), e), e;
+    return e = S(S({}, i), e), e;
   }
   static getErrorProperties(e) {
     return e ? e instanceof T ? e.toAnalyticsProperties() : { error_name: e.name, error_message: e.message, error_description: e.cause } : {};
@@ -17962,8 +17981,8 @@ var hr = class {
   }
 };
 var Ls = new hr();
-var mr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(mr || {});
-var Sr = ((t) => (t["2D"] = "2d", t.WEBGL = "webgl", t.WEBGL2 = "webgl2", t))(Sr || {});
+var Sr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(Sr || {});
+var mr = ((t) => (t["2D"] = "2d", t.WEBGL = "webgl", t.WEBGL2 = "webgl2", t))(mr || {});
 var _s = "https://event.100ms.live/v2/client/report";
 var Ns = "https://event-nonprod.100ms.live/v2/client/report";
 var qe = class {
@@ -18037,31 +18056,31 @@ var y = class {
 };
 y.level = 0;
 var Ar = (a2, e) => e;
-var mt = (a2, e) => e;
+var St = (a2, e) => e;
 var Gs = (a2, e) => e;
 var ao = (a2, e) => e;
 var oo = (a2, e) => e;
 var j = createSelector([G, Ar], (a2, e) => e ? a2[e] : null);
-var br = createSelector([w, mt], (a2, e) => e ? a2[e] : null);
-var no = createSelector([w, mt], (a2, e) => {
+var br = createSelector([w, St], (a2, e) => e ? a2[e] : null);
+var no = createSelector([w, St], (a2, e) => {
   if (!e)
     return null;
   let t = a2[e];
   return (t == null ? void 0 : t.type) === "video" ? t : null;
 });
-var co = createSelector([w, mt], (a2, e) => {
+var co = createSelector([w, St], (a2, e) => {
   if (!e)
     return null;
   let t = a2[e];
   return (t == null ? void 0 : t.type) === "audio" ? t : null;
 });
-var lo = createSelector([w, mt], (a2, e) => {
+var lo = createSelector([w, St], (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 uo = createSelector([w, mt], (a2, e) => {
+var uo = createSelector([w, St], (a2, e) => {
   if (!e)
     return null;
   let t = a2[e];
@@ -18090,7 +18109,7 @@ var ho = A((a2, e) => {
   if (t && t.videoTrack && t.videoTrack !== "")
     return a2.tracks[t.videoTrack];
 });
-var mo = A((a2, e) => {
+var So = A((a2, e) => {
   let t = j(a2, e);
   if (t && t.audioTrack && t.audioTrack !== "")
     return a2.tracks[t.audioTrack];
@@ -18100,51 +18119,51 @@ var Zh = A((a2, e) => {
   return (t == null ? void 0 : t.auxiliaryTracks.map((i) => a2.tracks[i])) || [];
 });
 var Ws = (a2, e) => e ? a2.speakers[e] : null;
-var em = A(createSelector(Ws, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
-var So = (a2, e) => {
-  let t = mo(e)(a2);
+var eS = A(createSelector(Ws, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+var mo = (a2, e) => {
+  let t = So(e)(a2);
   return Ws(a2, t == null ? void 0 : t.id);
 };
-var tm = A(createSelector(So, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
-var im = A((a2, e) => {
+var tS = A(createSelector(mo, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+var iS = A((a2, e) => {
   if (e)
     return a2.connectionQualities[e];
 });
-var rm = A((a2, e) => {
+var rS = A((a2, e) => {
   let t = j(a2, e);
   if (t) {
     let i = t == null ? void 0 : t.auxiliaryTracks.find((r) => Ze(a2.tracks[r]));
     return i ? a2.tracks[i] : void 0;
   }
 });
-var sm = A(createSelector(w, j, (a2, e) => {
+var sS = A(createSelector(w, j, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
     return tt(r) && et(r);
   });
   return t ? a2[t] : void 0;
 }));
-var am = A(createSelector(w, j, (a2, e) => {
+var aS = A(createSelector(w, j, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
     return tt(r) && Ze(r);
   });
   return t ? a2[t] : void 0;
 }));
-var om = A(createSelector(w, j, (a2, e) => {
+var oS = A(createSelector(w, j, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
     return Vt(r) && Ze(r);
   });
   return t ? a2[t] : void 0;
 }));
-var Ks = A(createSelector(w, j, (a2, e) => He(a2, e)));
+var Ks = A(createSelector(w, j, (a2, e) => Ie(a2, e)));
 var qs = (a2) => createSelector(Ks(a2), (e) => e.audio);
-var cm = A((a2, e) => {
+var cS = A((a2, e) => {
   let t = j(a2, e);
   return Oe(a2, t == null ? void 0 : t.audioTrack);
 });
-var dm = A((a2, e) => {
+var dS = A((a2, e) => {
   let t = j(a2, e);
   return Oe(a2, t == null ? void 0 : t.videoTrack);
 });
@@ -18152,11 +18171,11 @@ var js = A((a2, e) => {
   if (e && a2.tracks[e])
     return a2.tracks[e].volume === 0;
 });
-var lm = A((a2, e) => {
+var lS = A((a2, e) => {
   let t = j(a2, e);
   return js(t == null ? void 0 : t.audioTrack)(a2);
 });
-var um = A((a2, e) => {
+var uS = A((a2, e) => {
   let t = qs(e)(a2);
   return js(t == null ? void 0 : t.id)(a2);
 });
@@ -18170,15 +18189,15 @@ var Js = A((a2, e) => {
     return t.volume;
   }
 });
-var pm = A((a2, e) => {
+var pS = A((a2, e) => {
   let t = j(a2, e);
   return Js(t == null ? void 0 : t.audioTrack)(a2);
 });
-var hm = A((a2, e) => {
+var hS = A((a2, e) => {
   let t = qs(e)(a2);
   return Js(t == null ? void 0 : t.id)(a2);
 });
-var mm = A((a2, e) => {
+var SS = A((a2, e) => {
   let t = br(a2, e);
   if (t) {
     if (t.type !== "video") {
@@ -18208,20 +18227,20 @@ var go = createSelector(rt, (a2) => a2.filter((e) => {
 }));
 var To = createSelector([zs, Gs], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
 var fo = createSelector([Qs, Ar], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-var Sm = createSelector(go, (a2) => a2.filter((e) => !e.read).length);
-var gm = A(Qs);
-var Tm = A(zs);
-var fm = A(To);
-var vm = A(fo);
+var mS = createSelector(go, (a2) => a2.filter((e) => !e.read).length);
+var gS = A(Qs);
+var TS = A(zs);
+var fS = A(To);
+var vS = A(fo);
 var Ys = A(po);
-var Cm = createSelector([G, w], (a2, e) => Object.values(a2).map((i) => {
+var CS = createSelector([G, w], (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 vo = (a2) => a2.roleChangeRequests[0] || null;
-var Lm = createSelector([vo, G, oe], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
-var wm = createSelector([Ft], (a2) => it(a2));
-var Dm = createSelector([Xr], (a2) => it(a2));
+var LS = createSelector([vo, G, oe], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
+var wS = createSelector([Ft], (a2) => it(a2));
+var DS = createSelector([Xr], (a2) => it(a2));
 var yo = createSelector([K, w], (a2, e) => {
   let t = null;
   return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
@@ -18283,11 +18302,11 @@ var Go = (a2) => a2.localPeer.id;
 var $o = (a2) => a2.localPeer.audioTrack;
 var Wo = (a2) => a2.localPeer.videoTrack;
 var Ko = (a2, e) => e;
-var ma = (a2, e) => e;
+var Sa = (a2, e) => e;
 var qo = (a2) => a2.remoteTrackStats;
-var Sa = (a2) => a2.peerStats;
+var ma = (a2) => a2.peerStats;
 var xr = (a2) => a2.localTrackStats;
-var Me = createSelector([Sa, Go], (a2, e) => a2[e]);
+var Me = createSelector([ma, Go], (a2, e) => a2[e]);
 var jo = createSelector(Me, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.packetsLost;
@@ -18320,9 +18339,9 @@ var en = createSelector(Me, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bytesReceived;
 });
-var tn = createSelector([Sa, Ko], (a2, e) => e ? a2[e] : void 0);
-var rn = createSelector([qo, ma], (a2, e) => e ? a2[e] : void 0);
-var Ur = createSelector([xr, ma], (a2, e) => e ? a2[e] : void 0);
+var tn = createSelector([ma, Ko], (a2, e) => e ? a2[e] : void 0);
+var rn = createSelector([qo, Sa], (a2, e) => e ? a2[e] : void 0);
+var Ur = createSelector([xr, Sa], (a2, e) => e ? a2[e] : void 0);
 var sn = A(tn);
 var an = A(rn);
 var on = createSelector([xr, $o], (a2, e) => {
@@ -22743,7 +22762,7 @@ var MessageType = ({
   return null;
 };
 var URL_REGEX = /^https?:\/\/(www\.)?[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/;
-var Link3 = styled("a", {
+var Link2 = styled("a", {
   color: "$primary_default",
   wordBreak: "break-word",
   "&:hover": {
@@ -22755,7 +22774,7 @@ var AnnotisedMessage = ({ message }) => {
     return /* @__PURE__ */ React104.createElement(Fragment11, null);
   }
   return /* @__PURE__ */ React104.createElement(Fragment11, null, message.trim().split(/(\s)/).map(
-    (part) => URL_REGEX.test(part) ? /* @__PURE__ */ React104.createElement(Link3, { href: part, key: part, target: "_blank", rel: "noopener noreferrer" }, part) : part
+    (part) => URL_REGEX.test(part) ? /* @__PURE__ */ React104.createElement(Link2, { href: part, key: part, target: "_blank", rel: "noopener noreferrer" }, part) : part
   ));
 };
 var getMessageType = ({ roles, receiver }) => {
@@ -24923,6 +24942,15 @@ var VBPlugin = class {
         }
       }
     });
+    this.setPreset = (preset) => {
+      if (this.effectsPlugin) {
+        this.effectsPlugin.setPreset(preset);
+      }
+    };
+    this.getPreset = () => {
+      var _a8;
+      return ((_a8 = this.effectsPlugin) == null ? void 0 : _a8.getPreset()) || "";
+    };
     this.removeEffects = () => __async(this, null, function* () {
       var _a8, _b7;
       if (this.effectsPlugin) {
@@ -25059,9 +25087,10 @@ var VBPicker = ({ backgroundMedia = [] }) => {
         activeBackground
       }
     ),
-    activeBackground === HMSVirtualBackgroundTypes3.BLUR && isEffectsEnabled && effectsKey ? /* @__PURE__ */ React122.createElement(
+    /* @__PURE__ */ React122.createElement(Flex, { direction: "column", css: { w: "100%", gap: "$8", mt: "$8" } }, activeBackground === HMSVirtualBackgroundTypes3.BLUR && isEffectsEnabled && effectsKey ? /* @__PURE__ */ React122.createElement(Box, null, /* @__PURE__ */ React122.createElement(Text, { variant: "sm", css: { color: "$on_surface_high", fontWeight: "$semiBold", mb: "$4" } }, "Blur intensity"), /* @__PURE__ */ React122.createElement(Flex, { css: { w: "100%", justifyContent: "space-between", alignItems: "center", gap: "$4" } }, /* @__PURE__ */ React122.createElement(Text, { variant: "caption", css: { fontWeight: "$medium", color: "$on_surface_medium" } }, "Low"), /* @__PURE__ */ React122.createElement(
       Slider,
       {
+        showTooltip: false,
         value: [blurAmount],
         onValueChange: (e) => __async(void 0, null, function* () {
           setBlurAmount(e[0]);
@@ -25071,7 +25100,7 @@ var VBPicker = ({ backgroundMedia = [] }) => {
         min: 0.1,
         max: 1
       }
-    ) : null,
+    ), /* @__PURE__ */ React122.createElement(Text, { variant: "caption", css: { fontWeight: "$medium", color: "$on_surface_medium" } }, "High"))) : null),
     /* @__PURE__ */ React122.createElement(
       VBCollection,
       {
@@ -26791,7 +26820,7 @@ var useCloseScreenshareWhiteboard = () => {
 };
 
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
-var HLSView = React147.lazy(() => import("./HLSView-LVQBZ4PX.js"));
+var HLSView = React147.lazy(() => import("./HLSView-CVRPVOXD.js"));
 var VideoStreamingSection = ({
   screenType,
   elements,
@@ -27112,7 +27141,7 @@ var ConferenceScreen = () => {
   useEffect47(() => {
     if (authTokenInAppData && !isConnectedToRoom && !isPreviewScreenEnabled && roomState !== HMSRoomState7.Connecting && !autoRoomJoined.current) {
       hmsActions.join({
-        userName: userName || "",
+        userName: userName || uuid3(),
         authToken: authTokenInAppData,
         initEndpoint: endpoints == null ? void 0 : endpoints.init,
         settings: {
@@ -27238,7 +27267,7 @@ var ErrorBoundary = class extends Component {
               left: 0
             }
           },
-          /* @__PURE__ */ React151.createElement("div", { style: { margin: "1.5rem", width: "100%" } }, /* @__PURE__ */ React151.createElement(Text, null, "Something went wrong"), /* @__PURE__ */ React151.createElement(Text, null, "Message: $", this.state.error), /* @__PURE__ */ React151.createElement("br", null), ErrorWithSupportLink(`Please reload to see if it works.`)),
+          /* @__PURE__ */ React151.createElement("div", { style: { margin: "1.5rem", width: "100%" } }, /* @__PURE__ */ React151.createElement(Text, null, "Something went wrong"), /* @__PURE__ */ React151.createElement(Text, null, "Message: $", this.state.error), /* @__PURE__ */ React151.createElement("br", null), "Please reload to see if it works. If you think this is a mistake on our side, please reach out to us on", /* @__PURE__ */ React151.createElement("a", { href: "https://discord.com/invite/kGdmszyzq2", target: "_blank", rel: "noreferrer" }, "Discord")),
           /* @__PURE__ */ React151.createElement(Flex, null, /* @__PURE__ */ React151.createElement(Tooltip, { title: "Reload page" }, /* @__PURE__ */ React151.createElement(
             Button,
             {
@@ -27882,7 +27911,7 @@ function AutoplayBlockedModal() {
 // src/Prebuilt/components/Notifications/ChatNotifications.tsx
 init_define_process_env();
 import React158, { useEffect as useEffect53 } from "react";
-import { v4 as uuid3 } from "uuid";
+import { v4 as uuid4 } from "uuid";
 import { selectLocalPeerID as selectLocalPeerID15, selectSessionStore as selectSessionStore11, useHMSStore as useHMSStore80 } from "@100mslive/react-sdk";
 import { ChatIcon as ChatIcon2, ChatUnreadIcon as ChatUnreadIcon2 } from "@100mslive/react-icons";
 var NOTIFICATION_TIME_DIFFERENCE = 5e3;
@@ -27899,7 +27928,7 @@ var ChatNotifications = () => {
       return;
     }
     const notification = {
-      id: uuid3(),
+      id: uuid4(),
       icon: chatState.enabled ? /* @__PURE__ */ React158.createElement(ChatUnreadIcon2, null) : /* @__PURE__ */ React158.createElement(ChatIcon2, null),
       title: `Chat ${chatState.enabled ? "resumed" : "paused"} by ${(_b7 = chatState.updatedBy) == null ? void 0 : _b7.userName}`
     };
@@ -28980,10 +29009,10 @@ export {
   Link,
   Collapsible,
   usePollViewToggle,
-  DialogContent,
-  DialogRow,
   IconButton_default,
   ToastManager,
+  DialogContent,
+  DialogRow,
   HMSPrebuilt,
   Progress,
   TextArea
@@ -29000,4 +29029,4 @@ lodash/lodash.js:
    * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
    *)
 */
-//# sourceMappingURL=chunk-AMKCMJY4.js.map
+//# sourceMappingURL=chunk-5W4IGFZA.js.map