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

package/dist/{chunk-AMKCMJY4.js → chunk-USVBISD5.js}

@@ -43,13 +43,13 @@ var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __copyProps = (to, from, except, desc) => {
+var __copyProps = (to2, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+      if (!__hasOwnProp.call(to2, key) && key !== except)
+        __defProp(to2, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return to;
+  return to2;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
   // If the importer is in node compatibility mode or this is not an ESM
@@ -106,7 +106,7 @@ var __async = (__this, __arguments, generator) => {
 var define_process_env_default;
 var init_define_process_env = __esm({
   "<define:process.env>"() {
-    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_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_c3a56f5d-542a-457f-bb99-def4e1b34f63", 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.1", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_c3a56f5d-542a-457f-bb99-def4e1b34f63", 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.1", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.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: "592", 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:19807", 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.1", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", npm_package_devDependencies__rollup_plugin_json: "^6.0.0", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", GITHUB_RUN_ID: "7726033825", 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: "186da3cb403754304f9e22daa325d046c0d4b2a4", 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: "fe4d4dae976d17f9f44ad09ad58aeb20aba2db434c5d1be0359747930f350839", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/publish-alpha", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1706704204997-0.35420580292737114:/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--1706704204803-0.0945178382635854:/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--1706704182973-0.5623377738704765:/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--1706704182795-0.3139961448225308:/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_bc2e9589-6f29-4993-a86b-3a41c9d5d017", INVOCATION_ID: "26a6713e08894fca93fe527b131dc2a6", 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: "418", 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 486", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_devDependencies_rollup_plugin_import_css: "^3.3.1", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.9.3-alpha.1", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.2.3-alpha.1", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "false", 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: "186da3cb403754304f9e22daa325d046c0d4b2a4", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", npm_package_dependencies_qrcode_react: "^3.1.0", GITHUB_REF: "refs/heads/publish-alpha", GITHUB_ACTOR: "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_c3a56f5d-542a-457f-bb99-def4e1b34f63", 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_c3a56f5d-542a-457f-bb99-def4e1b34f63", 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_c3a56f5d-542a-457f-bb99-def4e1b34f63" };
   }
 });
 
@@ -6845,6 +6845,708 @@ var require_ua_parser = __commonJS({
   }
 });
 
+// ../../node_modules/lodash.isequal/index.js
+var require_lodash2 = __commonJS({
+  "../../node_modules/lodash.isequal/index.js"(exports, module) {
+    init_define_process_env();
+    var LARGE_ARRAY_SIZE = 200;
+    var HASH_UNDEFINED = "__lodash_hash_undefined__";
+    var COMPARE_PARTIAL_FLAG = 1;
+    var COMPARE_UNORDERED_FLAG = 2;
+    var MAX_SAFE_INTEGER = 9007199254740991;
+    var argsTag = "[object Arguments]";
+    var arrayTag = "[object Array]";
+    var asyncTag = "[object AsyncFunction]";
+    var boolTag = "[object Boolean]";
+    var dateTag = "[object Date]";
+    var errorTag = "[object Error]";
+    var funcTag = "[object Function]";
+    var genTag = "[object GeneratorFunction]";
+    var mapTag = "[object Map]";
+    var numberTag = "[object Number]";
+    var nullTag = "[object Null]";
+    var objectTag = "[object Object]";
+    var promiseTag = "[object Promise]";
+    var proxyTag = "[object Proxy]";
+    var regexpTag = "[object RegExp]";
+    var setTag = "[object Set]";
+    var stringTag = "[object String]";
+    var symbolTag = "[object Symbol]";
+    var undefinedTag = "[object Undefined]";
+    var weakMapTag = "[object WeakMap]";
+    var arrayBufferTag = "[object ArrayBuffer]";
+    var dataViewTag = "[object DataView]";
+    var float32Tag = "[object Float32Array]";
+    var float64Tag = "[object Float64Array]";
+    var int8Tag = "[object Int8Array]";
+    var int16Tag = "[object Int16Array]";
+    var int32Tag = "[object Int32Array]";
+    var uint8Tag = "[object Uint8Array]";
+    var uint8ClampedTag = "[object Uint8ClampedArray]";
+    var uint16Tag = "[object Uint16Array]";
+    var uint32Tag = "[object Uint32Array]";
+    var reRegExpChar = /[\\^$.*+?()[\]{}|]/g;
+    var reIsHostCtor = /^\[object .+?Constructor\]$/;
+    var reIsUint = /^(?:0|[1-9]\d*)$/;
+    var typedArrayTags = {};
+    typedArrayTags[float32Tag] = typedArrayTags[float64Tag] = typedArrayTags[int8Tag] = typedArrayTags[int16Tag] = typedArrayTags[int32Tag] = typedArrayTags[uint8Tag] = typedArrayTags[uint8ClampedTag] = typedArrayTags[uint16Tag] = typedArrayTags[uint32Tag] = true;
+    typedArrayTags[argsTag] = typedArrayTags[arrayTag] = typedArrayTags[arrayBufferTag] = typedArrayTags[boolTag] = typedArrayTags[dataViewTag] = typedArrayTags[dateTag] = typedArrayTags[errorTag] = typedArrayTags[funcTag] = typedArrayTags[mapTag] = typedArrayTags[numberTag] = typedArrayTags[objectTag] = typedArrayTags[regexpTag] = typedArrayTags[setTag] = typedArrayTags[stringTag] = typedArrayTags[weakMapTag] = false;
+    var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
+    var freeSelf = typeof self == "object" && self && self.Object === Object && self;
+    var root = freeGlobal || freeSelf || Function("return this")();
+    var freeExports = typeof exports == "object" && exports && !exports.nodeType && exports;
+    var freeModule = freeExports && typeof module == "object" && module && !module.nodeType && module;
+    var moduleExports = freeModule && freeModule.exports === freeExports;
+    var freeProcess = moduleExports && freeGlobal.process;
+    var nodeUtil = function() {
+      try {
+        return freeProcess && freeProcess.binding && freeProcess.binding("util");
+      } catch (e) {
+      }
+    }();
+    var nodeIsTypedArray = nodeUtil && nodeUtil.isTypedArray;
+    function arrayFilter(array, predicate) {
+      var index = -1, length = array == null ? 0 : array.length, resIndex = 0, result = [];
+      while (++index < length) {
+        var value = array[index];
+        if (predicate(value, index, array)) {
+          result[resIndex++] = value;
+        }
+      }
+      return result;
+    }
+    function arrayPush(array, values) {
+      var index = -1, length = values.length, offset = array.length;
+      while (++index < length) {
+        array[offset + index] = values[index];
+      }
+      return array;
+    }
+    function arraySome(array, predicate) {
+      var index = -1, length = array == null ? 0 : array.length;
+      while (++index < length) {
+        if (predicate(array[index], index, array)) {
+          return true;
+        }
+      }
+      return false;
+    }
+    function baseTimes(n, iteratee) {
+      var index = -1, result = Array(n);
+      while (++index < n) {
+        result[index] = iteratee(index);
+      }
+      return result;
+    }
+    function baseUnary(func) {
+      return function(value) {
+        return func(value);
+      };
+    }
+    function cacheHas(cache, key) {
+      return cache.has(key);
+    }
+    function getValue(object, key) {
+      return object == null ? void 0 : object[key];
+    }
+    function mapToArray(map) {
+      var index = -1, result = Array(map.size);
+      map.forEach(function(value, key) {
+        result[++index] = [key, value];
+      });
+      return result;
+    }
+    function overArg(func, transform) {
+      return function(arg) {
+        return func(transform(arg));
+      };
+    }
+    function setToArray(set) {
+      var index = -1, result = Array(set.size);
+      set.forEach(function(value) {
+        result[++index] = value;
+      });
+      return result;
+    }
+    var arrayProto = Array.prototype;
+    var funcProto = Function.prototype;
+    var objectProto = Object.prototype;
+    var coreJsData = root["__core-js_shared__"];
+    var funcToString = funcProto.toString;
+    var hasOwnProperty = objectProto.hasOwnProperty;
+    var maskSrcKey = function() {
+      var uid = /[^.]+$/.exec(coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO || "");
+      return uid ? "Symbol(src)_1." + uid : "";
+    }();
+    var nativeObjectToString = objectProto.toString;
+    var reIsNative = RegExp(
+      "^" + funcToString.call(hasOwnProperty).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+    );
+    var Buffer2 = moduleExports ? root.Buffer : void 0;
+    var Symbol2 = root.Symbol;
+    var Uint8Array2 = root.Uint8Array;
+    var propertyIsEnumerable = objectProto.propertyIsEnumerable;
+    var splice = arrayProto.splice;
+    var symToStringTag = Symbol2 ? Symbol2.toStringTag : void 0;
+    var nativeGetSymbols = Object.getOwnPropertySymbols;
+    var nativeIsBuffer = Buffer2 ? Buffer2.isBuffer : void 0;
+    var nativeKeys = overArg(Object.keys, Object);
+    var DataView = getNative(root, "DataView");
+    var Map2 = getNative(root, "Map");
+    var Promise2 = getNative(root, "Promise");
+    var Set2 = getNative(root, "Set");
+    var WeakMap2 = getNative(root, "WeakMap");
+    var nativeCreate = getNative(Object, "create");
+    var dataViewCtorString = toSource(DataView);
+    var mapCtorString = toSource(Map2);
+    var promiseCtorString = toSource(Promise2);
+    var setCtorString = toSource(Set2);
+    var weakMapCtorString = toSource(WeakMap2);
+    var symbolProto = Symbol2 ? Symbol2.prototype : void 0;
+    var symbolValueOf = symbolProto ? symbolProto.valueOf : void 0;
+    function Hash(entries) {
+      var index = -1, length = entries == null ? 0 : entries.length;
+      this.clear();
+      while (++index < length) {
+        var entry = entries[index];
+        this.set(entry[0], entry[1]);
+      }
+    }
+    function hashClear() {
+      this.__data__ = nativeCreate ? nativeCreate(null) : {};
+      this.size = 0;
+    }
+    function hashDelete(key) {
+      var result = this.has(key) && delete this.__data__[key];
+      this.size -= result ? 1 : 0;
+      return result;
+    }
+    function hashGet(key) {
+      var data3 = this.__data__;
+      if (nativeCreate) {
+        var result = data3[key];
+        return result === HASH_UNDEFINED ? void 0 : result;
+      }
+      return hasOwnProperty.call(data3, key) ? data3[key] : void 0;
+    }
+    function hashHas(key) {
+      var data3 = this.__data__;
+      return nativeCreate ? data3[key] !== void 0 : hasOwnProperty.call(data3, key);
+    }
+    function hashSet(key, value) {
+      var data3 = this.__data__;
+      this.size += this.has(key) ? 0 : 1;
+      data3[key] = nativeCreate && value === void 0 ? HASH_UNDEFINED : value;
+      return this;
+    }
+    Hash.prototype.clear = hashClear;
+    Hash.prototype["delete"] = hashDelete;
+    Hash.prototype.get = hashGet;
+    Hash.prototype.has = hashHas;
+    Hash.prototype.set = hashSet;
+    function ListCache(entries) {
+      var index = -1, length = entries == null ? 0 : entries.length;
+      this.clear();
+      while (++index < length) {
+        var entry = entries[index];
+        this.set(entry[0], entry[1]);
+      }
+    }
+    function listCacheClear() {
+      this.__data__ = [];
+      this.size = 0;
+    }
+    function listCacheDelete(key) {
+      var data3 = this.__data__, index = assocIndexOf(data3, key);
+      if (index < 0) {
+        return false;
+      }
+      var lastIndex = data3.length - 1;
+      if (index == lastIndex) {
+        data3.pop();
+      } else {
+        splice.call(data3, index, 1);
+      }
+      --this.size;
+      return true;
+    }
+    function listCacheGet(key) {
+      var data3 = this.__data__, index = assocIndexOf(data3, key);
+      return index < 0 ? void 0 : data3[index][1];
+    }
+    function listCacheHas(key) {
+      return assocIndexOf(this.__data__, key) > -1;
+    }
+    function listCacheSet(key, value) {
+      var data3 = this.__data__, index = assocIndexOf(data3, key);
+      if (index < 0) {
+        ++this.size;
+        data3.push([key, value]);
+      } else {
+        data3[index][1] = value;
+      }
+      return this;
+    }
+    ListCache.prototype.clear = listCacheClear;
+    ListCache.prototype["delete"] = listCacheDelete;
+    ListCache.prototype.get = listCacheGet;
+    ListCache.prototype.has = listCacheHas;
+    ListCache.prototype.set = listCacheSet;
+    function MapCache(entries) {
+      var index = -1, length = entries == null ? 0 : entries.length;
+      this.clear();
+      while (++index < length) {
+        var entry = entries[index];
+        this.set(entry[0], entry[1]);
+      }
+    }
+    function mapCacheClear() {
+      this.size = 0;
+      this.__data__ = {
+        "hash": new Hash(),
+        "map": new (Map2 || ListCache)(),
+        "string": new Hash()
+      };
+    }
+    function mapCacheDelete(key) {
+      var result = getMapData(this, key)["delete"](key);
+      this.size -= result ? 1 : 0;
+      return result;
+    }
+    function mapCacheGet(key) {
+      return getMapData(this, key).get(key);
+    }
+    function mapCacheHas(key) {
+      return getMapData(this, key).has(key);
+    }
+    function mapCacheSet(key, value) {
+      var data3 = getMapData(this, key), size = data3.size;
+      data3.set(key, value);
+      this.size += data3.size == size ? 0 : 1;
+      return this;
+    }
+    MapCache.prototype.clear = mapCacheClear;
+    MapCache.prototype["delete"] = mapCacheDelete;
+    MapCache.prototype.get = mapCacheGet;
+    MapCache.prototype.has = mapCacheHas;
+    MapCache.prototype.set = mapCacheSet;
+    function SetCache(values) {
+      var index = -1, length = values == null ? 0 : values.length;
+      this.__data__ = new MapCache();
+      while (++index < length) {
+        this.add(values[index]);
+      }
+    }
+    function setCacheAdd(value) {
+      this.__data__.set(value, HASH_UNDEFINED);
+      return this;
+    }
+    function setCacheHas(value) {
+      return this.__data__.has(value);
+    }
+    SetCache.prototype.add = SetCache.prototype.push = setCacheAdd;
+    SetCache.prototype.has = setCacheHas;
+    function Stack(entries) {
+      var data3 = this.__data__ = new ListCache(entries);
+      this.size = data3.size;
+    }
+    function stackClear() {
+      this.__data__ = new ListCache();
+      this.size = 0;
+    }
+    function stackDelete(key) {
+      var data3 = this.__data__, result = data3["delete"](key);
+      this.size = data3.size;
+      return result;
+    }
+    function stackGet(key) {
+      return this.__data__.get(key);
+    }
+    function stackHas(key) {
+      return this.__data__.has(key);
+    }
+    function stackSet(key, value) {
+      var data3 = this.__data__;
+      if (data3 instanceof ListCache) {
+        var pairs = data3.__data__;
+        if (!Map2 || pairs.length < LARGE_ARRAY_SIZE - 1) {
+          pairs.push([key, value]);
+          this.size = ++data3.size;
+          return this;
+        }
+        data3 = this.__data__ = new MapCache(pairs);
+      }
+      data3.set(key, value);
+      this.size = data3.size;
+      return this;
+    }
+    Stack.prototype.clear = stackClear;
+    Stack.prototype["delete"] = stackDelete;
+    Stack.prototype.get = stackGet;
+    Stack.prototype.has = stackHas;
+    Stack.prototype.set = stackSet;
+    function arrayLikeKeys(value, inherited) {
+      var isArr = isArray2(value), isArg = !isArr && isArguments(value), isBuff = !isArr && !isArg && isBuffer(value), isType = !isArr && !isArg && !isBuff && isTypedArray(value), skipIndexes = isArr || isArg || isBuff || isType, result = skipIndexes ? baseTimes(value.length, String) : [], length = result.length;
+      for (var key in value) {
+        if ((inherited || hasOwnProperty.call(value, key)) && !(skipIndexes && // Safari 9 has enumerable `arguments.length` in strict mode.
+        (key == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
+        isBuff && (key == "offset" || key == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
+        isType && (key == "buffer" || key == "byteLength" || key == "byteOffset") || // Skip index properties.
+        isIndex(key, length)))) {
+          result.push(key);
+        }
+      }
+      return result;
+    }
+    function assocIndexOf(array, key) {
+      var length = array.length;
+      while (length--) {
+        if (eq(array[length][0], key)) {
+          return length;
+        }
+      }
+      return -1;
+    }
+    function baseGetAllKeys(object, keysFunc, symbolsFunc) {
+      var result = keysFunc(object);
+      return isArray2(object) ? result : arrayPush(result, symbolsFunc(object));
+    }
+    function baseGetTag(value) {
+      if (value == null) {
+        return value === void 0 ? undefinedTag : nullTag;
+      }
+      return symToStringTag && symToStringTag in Object(value) ? getRawTag(value) : objectToString(value);
+    }
+    function baseIsArguments(value) {
+      return isObjectLike(value) && baseGetTag(value) == argsTag;
+    }
+    function baseIsEqual(value, other, bitmask, customizer2, stack) {
+      if (value === other) {
+        return true;
+      }
+      if (value == null || other == null || !isObjectLike(value) && !isObjectLike(other)) {
+        return value !== value && other !== other;
+      }
+      return baseIsEqualDeep(value, other, bitmask, customizer2, baseIsEqual, stack);
+    }
+    function baseIsEqualDeep(object, other, bitmask, customizer2, equalFunc, stack) {
+      var objIsArr = isArray2(object), othIsArr = isArray2(other), objTag = objIsArr ? arrayTag : getTag(object), othTag = othIsArr ? arrayTag : getTag(other);
+      objTag = objTag == argsTag ? objectTag : objTag;
+      othTag = othTag == argsTag ? objectTag : othTag;
+      var objIsObj = objTag == objectTag, othIsObj = othTag == objectTag, isSameTag = objTag == othTag;
+      if (isSameTag && isBuffer(object)) {
+        if (!isBuffer(other)) {
+          return false;
+        }
+        objIsArr = true;
+        objIsObj = false;
+      }
+      if (isSameTag && !objIsObj) {
+        stack || (stack = new Stack());
+        return objIsArr || isTypedArray(object) ? equalArrays(object, other, bitmask, customizer2, equalFunc, stack) : equalByTag(object, other, objTag, bitmask, customizer2, equalFunc, stack);
+      }
+      if (!(bitmask & COMPARE_PARTIAL_FLAG)) {
+        var objIsWrapped = objIsObj && hasOwnProperty.call(object, "__wrapped__"), othIsWrapped = othIsObj && hasOwnProperty.call(other, "__wrapped__");
+        if (objIsWrapped || othIsWrapped) {
+          var objUnwrapped = objIsWrapped ? object.value() : object, othUnwrapped = othIsWrapped ? other.value() : other;
+          stack || (stack = new Stack());
+          return equalFunc(objUnwrapped, othUnwrapped, bitmask, customizer2, stack);
+        }
+      }
+      if (!isSameTag) {
+        return false;
+      }
+      stack || (stack = new Stack());
+      return equalObjects(object, other, bitmask, customizer2, equalFunc, stack);
+    }
+    function baseIsNative(value) {
+      if (!isObject2(value) || isMasked(value)) {
+        return false;
+      }
+      var pattern = isFunction(value) ? reIsNative : reIsHostCtor;
+      return pattern.test(toSource(value));
+    }
+    function baseIsTypedArray(value) {
+      return isObjectLike(value) && isLength(value.length) && !!typedArrayTags[baseGetTag(value)];
+    }
+    function baseKeys(object) {
+      if (!isPrototype(object)) {
+        return nativeKeys(object);
+      }
+      var result = [];
+      for (var key in Object(object)) {
+        if (hasOwnProperty.call(object, key) && key != "constructor") {
+          result.push(key);
+        }
+      }
+      return result;
+    }
+    function equalArrays(array, other, bitmask, customizer2, equalFunc, stack) {
+      var isPartial = bitmask & COMPARE_PARTIAL_FLAG, arrLength = array.length, othLength = other.length;
+      if (arrLength != othLength && !(isPartial && othLength > arrLength)) {
+        return false;
+      }
+      var stacked = stack.get(array);
+      if (stacked && stack.get(other)) {
+        return stacked == other;
+      }
+      var index = -1, result = true, seen = bitmask & COMPARE_UNORDERED_FLAG ? new SetCache() : void 0;
+      stack.set(array, other);
+      stack.set(other, array);
+      while (++index < arrLength) {
+        var arrValue = array[index], othValue = other[index];
+        if (customizer2) {
+          var compared = isPartial ? customizer2(othValue, arrValue, index, other, array, stack) : customizer2(arrValue, othValue, index, array, other, stack);
+        }
+        if (compared !== void 0) {
+          if (compared) {
+            continue;
+          }
+          result = false;
+          break;
+        }
+        if (seen) {
+          if (!arraySome(other, function(othValue2, othIndex) {
+            if (!cacheHas(seen, othIndex) && (arrValue === othValue2 || equalFunc(arrValue, othValue2, bitmask, customizer2, stack))) {
+              return seen.push(othIndex);
+            }
+          })) {
+            result = false;
+            break;
+          }
+        } else if (!(arrValue === othValue || equalFunc(arrValue, othValue, bitmask, customizer2, stack))) {
+          result = false;
+          break;
+        }
+      }
+      stack["delete"](array);
+      stack["delete"](other);
+      return result;
+    }
+    function equalByTag(object, other, tag, bitmask, customizer2, equalFunc, stack) {
+      switch (tag) {
+        case dataViewTag:
+          if (object.byteLength != other.byteLength || object.byteOffset != other.byteOffset) {
+            return false;
+          }
+          object = object.buffer;
+          other = other.buffer;
+        case arrayBufferTag:
+          if (object.byteLength != other.byteLength || !equalFunc(new Uint8Array2(object), new Uint8Array2(other))) {
+            return false;
+          }
+          return true;
+        case boolTag:
+        case dateTag:
+        case numberTag:
+          return eq(+object, +other);
+        case errorTag:
+          return object.name == other.name && object.message == other.message;
+        case regexpTag:
+        case stringTag:
+          return object == other + "";
+        case mapTag:
+          var convert = mapToArray;
+        case setTag:
+          var isPartial = bitmask & COMPARE_PARTIAL_FLAG;
+          convert || (convert = setToArray);
+          if (object.size != other.size && !isPartial) {
+            return false;
+          }
+          var stacked = stack.get(object);
+          if (stacked) {
+            return stacked == other;
+          }
+          bitmask |= COMPARE_UNORDERED_FLAG;
+          stack.set(object, other);
+          var result = equalArrays(convert(object), convert(other), bitmask, customizer2, equalFunc, stack);
+          stack["delete"](object);
+          return result;
+        case symbolTag:
+          if (symbolValueOf) {
+            return symbolValueOf.call(object) == symbolValueOf.call(other);
+          }
+      }
+      return false;
+    }
+    function equalObjects(object, other, bitmask, customizer2, equalFunc, stack) {
+      var isPartial = bitmask & COMPARE_PARTIAL_FLAG, objProps = getAllKeys(object), objLength = objProps.length, othProps = getAllKeys(other), othLength = othProps.length;
+      if (objLength != othLength && !isPartial) {
+        return false;
+      }
+      var index = objLength;
+      while (index--) {
+        var key = objProps[index];
+        if (!(isPartial ? key in other : hasOwnProperty.call(other, key))) {
+          return false;
+        }
+      }
+      var stacked = stack.get(object);
+      if (stacked && stack.get(other)) {
+        return stacked == other;
+      }
+      var result = true;
+      stack.set(object, other);
+      stack.set(other, object);
+      var skipCtor = isPartial;
+      while (++index < objLength) {
+        key = objProps[index];
+        var objValue = object[key], othValue = other[key];
+        if (customizer2) {
+          var compared = isPartial ? customizer2(othValue, objValue, key, other, object, stack) : customizer2(objValue, othValue, key, object, other, stack);
+        }
+        if (!(compared === void 0 ? objValue === othValue || equalFunc(objValue, othValue, bitmask, customizer2, stack) : compared)) {
+          result = false;
+          break;
+        }
+        skipCtor || (skipCtor = key == "constructor");
+      }
+      if (result && !skipCtor) {
+        var objCtor = object.constructor, othCtor = other.constructor;
+        if (objCtor != othCtor && ("constructor" in object && "constructor" in other) && !(typeof objCtor == "function" && objCtor instanceof objCtor && typeof othCtor == "function" && othCtor instanceof othCtor)) {
+          result = false;
+        }
+      }
+      stack["delete"](object);
+      stack["delete"](other);
+      return result;
+    }
+    function getAllKeys(object) {
+      return baseGetAllKeys(object, keys, getSymbols);
+    }
+    function getMapData(map, key) {
+      var data3 = map.__data__;
+      return isKeyable(key) ? data3[typeof key == "string" ? "string" : "hash"] : data3.map;
+    }
+    function getNative(object, key) {
+      var value = getValue(object, key);
+      return baseIsNative(value) ? value : void 0;
+    }
+    function getRawTag(value) {
+      var isOwn = hasOwnProperty.call(value, symToStringTag), tag = value[symToStringTag];
+      try {
+        value[symToStringTag] = void 0;
+        var unmasked = true;
+      } catch (e) {
+      }
+      var result = nativeObjectToString.call(value);
+      if (unmasked) {
+        if (isOwn) {
+          value[symToStringTag] = tag;
+        } else {
+          delete value[symToStringTag];
+        }
+      }
+      return result;
+    }
+    var getSymbols = !nativeGetSymbols ? stubArray : function(object) {
+      if (object == null) {
+        return [];
+      }
+      object = Object(object);
+      return arrayFilter(nativeGetSymbols(object), function(symbol) {
+        return propertyIsEnumerable.call(object, symbol);
+      });
+    };
+    var getTag = baseGetTag;
+    if (DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag || Map2 && getTag(new Map2()) != mapTag || Promise2 && getTag(Promise2.resolve()) != promiseTag || Set2 && getTag(new Set2()) != setTag || WeakMap2 && getTag(new WeakMap2()) != weakMapTag) {
+      getTag = function(value) {
+        var result = baseGetTag(value), Ctor = result == objectTag ? value.constructor : void 0, ctorString = Ctor ? toSource(Ctor) : "";
+        if (ctorString) {
+          switch (ctorString) {
+            case dataViewCtorString:
+              return dataViewTag;
+            case mapCtorString:
+              return mapTag;
+            case promiseCtorString:
+              return promiseTag;
+            case setCtorString:
+              return setTag;
+            case weakMapCtorString:
+              return weakMapTag;
+          }
+        }
+        return result;
+      };
+    }
+    function isIndex(value, length) {
+      length = length == null ? MAX_SAFE_INTEGER : length;
+      return !!length && (typeof value == "number" || reIsUint.test(value)) && (value > -1 && value % 1 == 0 && value < length);
+    }
+    function isKeyable(value) {
+      var type = typeof value;
+      return type == "string" || type == "number" || type == "symbol" || type == "boolean" ? value !== "__proto__" : value === null;
+    }
+    function isMasked(func) {
+      return !!maskSrcKey && maskSrcKey in func;
+    }
+    function isPrototype(value) {
+      var Ctor = value && value.constructor, proto = typeof Ctor == "function" && Ctor.prototype || objectProto;
+      return value === proto;
+    }
+    function objectToString(value) {
+      return nativeObjectToString.call(value);
+    }
+    function toSource(func) {
+      if (func != null) {
+        try {
+          return funcToString.call(func);
+        } catch (e) {
+        }
+        try {
+          return func + "";
+        } catch (e) {
+        }
+      }
+      return "";
+    }
+    function eq(value, other) {
+      return value === other || value !== value && other !== other;
+    }
+    var isArguments = baseIsArguments(function() {
+      return arguments;
+    }()) ? baseIsArguments : function(value) {
+      return isObjectLike(value) && hasOwnProperty.call(value, "callee") && !propertyIsEnumerable.call(value, "callee");
+    };
+    var isArray2 = Array.isArray;
+    function isArrayLike(value) {
+      return value != null && isLength(value.length) && !isFunction(value);
+    }
+    var isBuffer = nativeIsBuffer || stubFalse;
+    function isEqual(value, other) {
+      return baseIsEqual(value, other);
+    }
+    function isFunction(value) {
+      if (!isObject2(value)) {
+        return false;
+      }
+      var tag = baseGetTag(value);
+      return tag == funcTag || tag == genTag || tag == asyncTag || tag == proxyTag;
+    }
+    function isLength(value) {
+      return typeof value == "number" && value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;
+    }
+    function isObject2(value) {
+      var type = typeof value;
+      return value != null && (type == "object" || type == "function");
+    }
+    function isObjectLike(value) {
+      return value != null && typeof value == "object";
+    }
+    var isTypedArray = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedArray;
+    function keys(object) {
+      return isArrayLike(object) ? arrayLikeKeys(object) : baseKeys(object);
+    }
+    function stubArray() {
+      return [];
+    }
+    function stubFalse() {
+      return false;
+    }
+    module.exports = isEqual;
+  }
+});
+
 // ../../node_modules/sdp/sdp.js
 var require_sdp = __commonJS({
   "../../node_modules/sdp/sdp.js"(exports, module) {
@@ -11534,207 +12236,54 @@ var ResetStreamingStart = () => {
           toggleStreaming();
         }
       }
-    }
-  }, [isHLSRunning, hlsStarted, setHLSStarted, hlsError, isStreamingOpen, toggleStreaming]);
-  useEffect4(() => {
-    if (isRTMPRunning || rtmpError || isBrowserRecordingOn) {
-      if (rtmpStarted) {
-        setRTMPStarted(false);
-        if (isStreamingOpen) {
-          toggleStreaming();
-        }
-      }
-    }
-  }, [isRTMPRunning, setRTMPStarted, rtmpStarted, rtmpError, isBrowserRecordingOn, isStreamingOpen, toggleStreaming]);
-  return null;
-};
-
-// src/Prebuilt/components/AuthToken.jsx
-init_define_process_env();
-import React23, { 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";
-
-// src/Prebuilt/AppContext.tsx
-init_define_process_env();
-import React21, { useContext as useContext2 } from "react";
-var HMSPrebuiltContext = React21.createContext({
-  roomCode: "",
-  userName: "",
-  userId: "",
-  containerSelector: DEFAULT_PORTAL_CONTAINER,
-  endpoints: {},
-  onLeave: void 0,
-  onJoin: void 0
-});
-HMSPrebuiltContext.displayName = "HMSPrebuiltContext";
-var useHMSPrebuiltContext = () => {
-  const context = useContext2(HMSPrebuiltContext);
-  if (!context) {
-    throw Error("Make sure HMSPrebuiltContext.Provider is present at the top level of your application");
-  }
-  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"
-          }
+    }
+  }, [isHLSRunning, hlsStarted, setHLSStarted, hlsError, isStreamingOpen, toggleStreaming]);
+  useEffect4(() => {
+    if (isRTMPRunning || rtmpError || isBrowserRecordingOn) {
+      if (rtmpStarted) {
+        setRTMPStarted(false);
+        if (isStreamingOpen) {
+          toggleStreaming();
         }
-      },
-      /* @__PURE__ */ React22.createElement(Text, { variant: "md" }, placeholder)
-    ))
-  );
+      }
+    }
+  }, [isRTMPRunning, setRTMPStarted, rtmpStarted, rtmpError, isBrowserRecordingOn, isStreamingOpen, toggleStreaming]);
+  return null;
+};
+
+// src/Prebuilt/components/AuthToken.jsx
+init_define_process_env();
+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";
+
+// src/Prebuilt/AppContext.tsx
+init_define_process_env();
+import React21, { useContext as useContext2 } from "react";
+var HMSPrebuiltContext = React21.createContext({
+  roomCode: "",
+  userName: "",
+  userId: "",
+  containerSelector: DEFAULT_PORTAL_CONTAINER,
+  endpoints: {},
+  onLeave: void 0,
+  onJoin: void 0
+});
+HMSPrebuiltContext.displayName = "HMSPrebuiltContext";
+var useHMSPrebuiltContext = () => {
+  const context = useContext2(HMSPrebuiltContext);
+  if (!context) {
+    throw Error("Make sure HMSPrebuiltContext.Provider is present at the top level of your application");
+  }
+  return context;
 };
 
+// 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 +12314,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 +12396,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 +12412,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 +12495,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 +12506,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 +12519,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 +12590,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 +12606,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 +12627,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 +12637,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 +12660,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 +12687,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 +12708,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 +12775,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 +12794,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 +12817,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 +12829,7 @@ var EndSessionContent = ({
       onClick: () => setShowEndStreamAlert(false)
     },
     "Cancel"
-  ), /* @__PURE__ */ React28.createElement(
+  ), /* @__PURE__ */ React27.createElement(
     Button,
     {
       variant: "danger",
@@ -12310,7 +12873,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 +12883,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 +12904,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 +12916,7 @@ var LeaveSessionContent = ({
       onClick: () => setShowLeaveRoomAlert(false)
     },
     "Cancel"
-  ), /* @__PURE__ */ React30.createElement(
+  ), /* @__PURE__ */ React29.createElement(
     Button,
     {
       variant: "danger",
@@ -12386,7 +12949,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 +12960,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 +12971,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 +12983,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 +13008,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 +13023,7 @@ var DesktopLeaveRoom = ({
         css: { p: "$8 $4" }
       }
     )
-  )))) : /* @__PURE__ */ React31.createElement(
+  )))) : /* @__PURE__ */ React30.createElement(
     LeaveIconButton,
     {
       onClick: () => {
@@ -12469,8 +13032,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 +13041,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 +13055,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 +13129,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 +13169,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 +13179,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 +13201,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 +13256,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 +13273,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 +13750,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 +13772,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 +13795,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 +13811,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 +13897,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 +13945,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 +13960,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 +13984,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 +14067,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 +14092,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 +14111,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 +14122,7 @@ var RoleChangeModal = ({ peerId, onOpenChange }) => {
         mb: "$10"
       }
     },
-    /* @__PURE__ */ React38.createElement(
+    /* @__PURE__ */ React37.createElement(
       Box,
       {
         css: {
@@ -13568,7 +14131,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 +14144,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 +14153,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 +14169,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 +14177,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 +14195,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 +14205,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 +14220,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 +14237,7 @@ var DialogDropdownTrigger = React39.forwardRef(({ title, css: css2, open, icon,
       }, css2),
       ref
     },
-    /* @__PURE__ */ React39.createElement(
+    /* @__PURE__ */ React38.createElement(
       Flex,
       {
         css: {
@@ -13685,7 +14248,7 @@ var DialogDropdownTrigger = React39.forwardRef(({ title, css: css2, open, icon,
         }
       },
       icon,
-      /* @__PURE__ */ React39.createElement(
+      /* @__PURE__ */ React38.createElement(
         Text,
         {
           css: __spreadValues(__spreadProps(__spreadValues({
@@ -13697,7 +14260,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 +14287,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 +14298,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 +14323,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 +14335,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 +14355,7 @@ var DeviceSelector = ({ title, devices, selection, onChange, icon, children = nu
         }
       }
     },
-    /* @__PURE__ */ React40.createElement(
+    /* @__PURE__ */ React39.createElement(
       Box,
       {
         css: {
@@ -13806,7 +14369,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 +14377,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 +14397,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 +14410,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 +14427,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 +14456,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 +14474,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 +14495,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 +14507,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 +14524,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 +14543,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 +14614,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 +14645,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 +14657,7 @@ var SettingsModal = ({ open, onOpenChange, screenType, children = /* @__PURE__ *
       resetSelection,
       children
     }
-  ) : /* @__PURE__ */ React44.createElement(
+  ) : /* @__PURE__ */ React43.createElement(
     DesktopSettingModal,
     {
       open,
@@ -14116,9 +14679,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 +14689,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 +14702,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 +14732,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 +14756,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 +14768,7 @@ var DesktopSettingModal = ({
         r: "$4"
       }
     },
-    /* @__PURE__ */ React44.createElement(
+    /* @__PURE__ */ React43.createElement(
       Tabs.Root,
       {
         value: selection,
@@ -14213,7 +14776,7 @@ var DesktopSettingModal = ({
         onValueChange: setSelection,
         css: { size: "100%", position: "relative" }
       },
-      /* @__PURE__ */ React44.createElement(
+      /* @__PURE__ */ React43.createElement(
         Tabs.List,
         {
           css: {
@@ -14225,12 +14788,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 +14804,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 +14826,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(
@@ -15140,6 +15861,7 @@ var createSelector = createSelectorCreator(defaultMemoize);
 
 // ../hms-video-store/dist/index.js
 var import_ua_parser_js = __toESM(require_ua_parser());
+var import_lodash3 = __toESM(require_lodash2());
 import { v4 as Ba } from "uuid";
 import { v4 as Ua } from "uuid";
 
@@ -16966,15 +17688,15 @@ function shimSendThrowTypeError(window2) {
   if (!(window2.RTCPeerConnection && "createDataChannel" in window2.RTCPeerConnection.prototype)) {
     return;
   }
-  function wrapDcSend(dc2, pc) {
-    const origDataChannelSend = dc2.send;
-    dc2.send = function send() {
+  function wrapDcSend(dc, pc) {
+    const origDataChannelSend = dc.send;
+    dc.send = function send() {
       const data3 = arguments[0];
       const length = data3.length || data3.size || data3.byteLength;
-      if (dc2.readyState === "open" && pc.sctp && length > pc.sctp.maxMessageSize) {
+      if (dc.readyState === "open" && pc.sctp && length > pc.sctp.maxMessageSize) {
         throw new TypeError("Message too large (can send a maximum of " + pc.sctp.maxMessageSize + " bytes)");
       }
-      return origDataChannelSend.apply(dc2, arguments);
+      return origDataChannelSend.apply(dc, arguments);
     };
   }
   const origCreateDataChannel = window2.RTCPeerConnection.prototype.createDataChannel;
@@ -17237,17 +17959,18 @@ function adapterFactory({ window: window2 } = {}, options = {
 var adapter = adapterFactory({ window: typeof window === "undefined" ? void 0 : window });
 
 // ../hms-video-store/dist/index.js
-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());
-import { EventEmitter2 as Po } from "eventemitter2";
-import { v4 as bo } from "uuid";
-import { EventEmitter2 as Ro } from "eventemitter2";
-import Ho from "eventemitter2";
+var import_lodash4 = __toESM(require_lodash2());
+import { v4 as Ya } from "uuid";
+import { v4 as to } from "uuid";
+import { v4 as ao } from "uuid";
+import { EventEmitter2 as oo } from "eventemitter2";
+var It = __toESM(require_lib());
+import { EventEmitter2 as Ao } from "eventemitter2";
 import { v4 as Io } from "uuid";
-import { v4 as wo } from "uuid";
+import { EventEmitter2 as Ho } from "eventemitter2";
+import Co from "eventemitter2";
+import { v4 as Lo } from "uuid";
+import { v4 as _o } from "uuid";
 var ga = Object.defineProperty;
 var Ta = Object.defineProperties;
 var fa = Object.getOwnPropertyDescriptors;
@@ -17274,15 +17997,15 @@ var Qi = (a2, e) => {
   return t;
 };
 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"] };
+var nr = ya((Qc, Va) => {
+  Va.exports = { version: "0.11.3-alpha.1", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "src"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, sideEffects: false, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", "lodash.isequal": "^4.5.0", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/lodash.isequal": "^4.5.8", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
 });
 var 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) {
@@ -17319,8 +18042,8 @@ function it(a2) {
 }
 var U = (a2) => a2.room;
 var Ea = (a2) => a2.errors;
-var yn = createSelector(Ea, (a2) => a2.length === 0 ? null : a2.at(-1));
-var kn = createSelector(U, (a2) => a2.id);
+var Pn = createSelector(Ea, (a2) => a2.length === 0 ? null : a2.at(-1));
+var En = createSelector(U, (a2) => a2.id);
 var G = (a2) => a2.peers;
 var Bt = (a2) => a2.messages.byID;
 var jr = (a2) => a2.messages.allIDs;
@@ -17328,23 +18051,23 @@ var w = (a2) => a2.tracks;
 var Xi = (a2) => a2.appData;
 var Aa = (a2) => a2.speakers;
 var ye = createSelector([U], (a2) => a2 && a2.isConnected);
-var An = createSelector([ye, U], (a2, e) => a2 ? e.peerCount !== void 0 ? e.peerCount || 1 : e.peers.length : Math.max(e.peerCount !== void 0 ? e.peerCount : e.peers.length - 1, 0));
+var Rn = createSelector([ye, U], (a2, e) => a2 ? e.peerCount !== void 0 ? e.peerCount || 1 : e.peers.length : Math.max(e.peerCount !== void 0 ? e.peerCount : e.peers.length - 1, 0));
 var ba = (a2) => a2.hideLocalPeer;
 var ae = createSelector([U, G, ba], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
 var Ra = createSelector(w, (a2) => Object.values(a2));
 var Q = createSelector(U, G, (a2, e) => e[a2.localPeer]);
 var ue = createSelector(U, (a2) => a2.localPeer);
-var bn = createSelector(Q, (a2) => a2 == null ? void 0 : a2.name);
-var Rn = createSelector(Q, (a2) => a2 == null ? void 0 : a2.roleName);
+var In = createSelector(Q, (a2) => a2 == null ? void 0 : a2.name);
+var Hn = 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 Cn = createSelector(ae, (a2) => a2.filter((e) => !e.isLocal));
+var Ln = 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,52 +18081,52 @@ 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 wn = createSelector(G, w, (a2, e) => {
+var Dn = createSelector(Ha, (a2) => !!a2);
+var _n = 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;
   }
 });
-var Dn = createSelector(G, w, (a2, e) => {
+var Nn = 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);
 });
-var _n = createSelector(G, w, (a2, e) => {
+var On = createSelector(G, w, (a2, e) => {
   for (let t in e) {
     let i = e[t];
     if (tt(i) && et(i) && i.peerId)
       return a2[i.peerId];
   }
 });
-var Nn = createSelector(G, w, (a2, e) => {
+var xn = createSelector(G, w, (a2, e) => {
   for (let t in e) {
     let i = e[t];
     if (Vt(i) && i.peerId)
       return a2[i.peerId];
   }
 });
-var On = createSelector(Ra, (a2) => a2.filter(Kr));
-var xn = createSelector(jr, (a2) => a2.length);
-var Un = createSelector(Bt, (a2) => Object.values(a2).filter((e) => !e.read).length);
+var Un = createSelector(Ra, (a2) => a2.filter(Kr));
+var Vn = createSelector(jr, (a2) => a2.length);
+var Bn = createSelector(Bt, (a2) => Object.values(a2).filter((e) => !e.read).length);
 var rt = createSelector(jr, Bt, (a2, e) => {
   let t = [];
   return a2.forEach((i) => {
@@ -17414,35 +18137,35 @@ var Ca = createSelector(rt, (a2) => a2.filter((e) => {
   var t;
   return !e.recipientPeer && !(e.recipientRoles && ((t = e.recipientRoles) == null ? void 0 : t.length) > 0);
 }));
-var Vn = createSelector(Ca, (a2) => a2.filter((e) => !e.read).length);
+var Fn = createSelector(Ca, (a2) => a2.filter((e) => !e.read).length);
 var z = createSelector([U], (a2) => a2 && a2.roomState);
 var Yr = createSelector(z, (a2) => a2 === "Preview");
-var Bn = createSelector(U, (a2) => a2.roomState !== "Disconnected");
+var Gn = createSelector(U, (a2) => a2.roomState !== "Disconnected");
 var oe = (a2) => a2.roles;
-var Fn = createSelector([oe], (a2) => Object.keys(a2));
+var $n = createSelector([oe], (a2) => Object.keys(a2));
 var Ft = createSelector([Q, oe], (a2, e) => a2 != null && a2.roleName ? e[a2.roleName] : null);
 var La = (a2) => {
   var e;
   return (e = a2.preview) == null ? void 0 : e.asRole;
 };
 var Xr = createSelector([La, oe], (a2, e) => a2 ? e[a2] : null);
-var Gn = createSelector([Ft], (a2) => {
+var Wn = createSelector([Ft], (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribeParams) != null && e.subscribeToRoles ? a2.subscribeParams.subscribeToRoles.length > 0 : false;
 });
 var Zr = createSelector(Ft, (a2) => a2 == null ? void 0 : a2.permissions);
-var $n = createSelector(U, (a2) => a2.recording);
-var Wn = createSelector(U, (a2) => a2.rtmp);
-var Kn = createSelector(U, (a2) => a2.hls);
-var qn = createSelector(U, (a2) => a2.sessionId);
-var jn = createSelector(U, (a2) => a2.startedAt);
-var Jn = createSelector(U, (a2) => !!a2.isLargeRoom);
-var Qn = createSelector(U, (a2) => !!a2.isEffectsEnabled);
-var zn = createSelector(U, (a2) => a2.effectsKey);
+var Kn = createSelector(U, (a2) => a2.recording);
+var qn = createSelector(U, (a2) => a2.rtmp);
+var jn = createSelector(U, (a2) => a2.hls);
+var Jn = createSelector(U, (a2) => a2.sessionId);
+var Qn = createSelector(U, (a2) => a2.startedAt);
+var zn = createSelector(U, (a2) => !!a2.isLargeRoom);
+var Yn = createSelector(U, (a2) => !!a2.isEffectsEnabled);
+var Xn = createSelector(U, (a2) => a2.effectsKey);
 var es = (a2) => a2.polls;
-var ec = createSelector(ae, (a2) => a2.filter((e) => e.isHandRaised));
+var ic = createSelector(ae, (a2) => a2.filter((e) => e.isHandRaised));
 var wa = (a2) => a2.whiteboards;
-var tc = createSelector(wa, (a2) => Object.values(a2)[0]);
+var rc = createSelector(wa, (a2) => Object.values(a2)[0]);
 var is = (a2 = "audio") => (e) => e.playlist[a2].list;
 var tr = (a2 = "audio") => (e) => e.playlist[a2].selection;
 var rs = (a2 = "audio") => (e) => e.playlist[a2].progress;
@@ -17530,9 +18253,9 @@ 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 dc = Na();
+var He = typeof window == "undefined" && !((ps = pe.getBrowser().name) != null && ps.toLowerCase().includes("electron"));
+var Na = () => !He;
+var uc = Na();
 var hs;
 var ms;
 var gs = ((ms = (hs = pe.getBrowser()) == null ? void 0 : hs.name) == null ? void 0 : ms.toLowerCase()) === "firefox";
@@ -17751,7 +18474,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,7 +18483,7 @@ 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();
@@ -17772,57 +18495,57 @@ var H = class {
 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 });
+    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 });
+    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 };
@@ -17830,20 +18553,20 @@ var M = class {
       let o = /* @__PURE__ */ new Date(), n = o.valueOf() - e.degradedAt.valueOf();
       s = k(m({}, 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"}`;
@@ -17968,7 +18691,7 @@ var _s = "https://event.100ms.live/v2/client/report";
 var Ns = "https://event-nonprod.100ms.live/v2/client/report";
 var qe = class {
 };
-qe.makePeerId = () => ro();
+qe.makePeerId = () => ao();
 var ht = "HMS-Store:";
 var y = class {
   static v(e, ...t) {
@@ -18039,112 +18762,112 @@ y.level = 0;
 var Ar = (a2, e) => e;
 var mt = (a2, e) => e;
 var Gs = (a2, e) => e;
-var ao = (a2, e) => e;
-var oo = (a2, e) => e;
+var no = (a2, e) => e;
+var co = (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 lo = createSelector([w, mt], (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 uo = createSelector([w, mt], (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 po = createSelector([w, mt], (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 ho = createSelector([w, mt], (a2, e) => {
   if (!e)
     return null;
   let t = a2[e];
   return (t == null ? void 0 : t.type) === "video" && (t == null ? void 0 : t.source) === "screen" ? t : null;
 });
-var po = createSelector([es, oo], (a2, e) => e ? a2[e] : null);
+var mo = createSelector([es, co], (a2, e) => e ? a2[e] : null);
 var J = A(j);
-var Kh = A(createSelector([Xi, ao], (a2, e) => {
+var Qh = A(createSelector([Xi, no], (a2, e) => {
   if (a2)
     return e ? a2[e] : a2;
 }));
-function qh(a2) {
+function zh(a2) {
   return (e) => {
     if (e.sessionStore)
       return a2 ? e.sessionStore[a2] : e.sessionStore;
   };
 }
-var Jh = A(createSelector(j, (a2) => a2 == null ? void 0 : a2.name));
+var Xh = A(createSelector(j, (a2) => a2 == null ? void 0 : a2.name));
 var si = A(br);
-var $s = A(no);
-var Qh = A(co);
-var zh = A(lo);
-var Yh = A(uo);
-var ho = A((a2, e) => {
+var $s = A(lo);
+var Zh = A(uo);
+var em = A(po);
+var tm = A(ho);
+var So = A((a2, e) => {
   let t = j(a2, e);
   if (t && t.videoTrack && t.videoTrack !== "")
     return a2.tracks[t.videoTrack];
 });
-var mo = A((a2, e) => {
+var go = A((a2, e) => {
   let t = j(a2, e);
   if (t && t.audioTrack && t.audioTrack !== "")
     return a2.tracks[t.audioTrack];
 });
-var Zh = A((a2, e) => {
+var rm = A((a2, e) => {
   let t = j(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 sm = A(createSelector(Ws, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+var To = (a2, e) => {
+  let t = go(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 am = A(createSelector(To, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+var om = A((a2, e) => {
   if (e)
     return a2.connectionQualities[e];
 });
-var rm = A((a2, e) => {
+var nm = 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 cm = 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 dm = 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 lm = 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 pm = A((a2, e) => {
   let t = j(a2, e);
   return Oe(a2, t == null ? void 0 : t.audioTrack);
 });
-var dm = A((a2, e) => {
+var hm = A((a2, e) => {
   let t = j(a2, e);
   return Oe(a2, t == null ? void 0 : t.videoTrack);
 });
@@ -18152,11 +18875,11 @@ var js = A((a2, e) => {
   if (e && a2.tracks[e])
     return a2.tracks[e].volume === 0;
 });
-var lm = A((a2, e) => {
+var mm = A((a2, e) => {
   let t = j(a2, e);
   return js(t == null ? void 0 : t.audioTrack)(a2);
 });
-var um = A((a2, e) => {
+var Sm = A((a2, e) => {
   let t = qs(e)(a2);
   return js(t == null ? void 0 : t.id)(a2);
 });
@@ -18170,15 +18893,15 @@ var Js = A((a2, e) => {
     return t.volume;
   }
 });
-var pm = A((a2, e) => {
+var gm = A((a2, e) => {
   let t = j(a2, e);
   return Js(t == null ? void 0 : t.audioTrack)(a2);
 });
-var hm = A((a2, e) => {
+var Tm = A((a2, e) => {
   let t = qs(e)(a2);
   return Js(t == null ? void 0 : t.id)(a2);
 });
-var mm = A((a2, e) => {
+var fm = A((a2, e) => {
   let t = br(a2, e);
   if (t) {
     if (t.type !== "video") {
@@ -18202,31 +18925,31 @@ var zs = createSelector([rt, Gs], (a2, e) => {
       return (i = t.recipientRoles) != null && i.length ? (r = t.recipientRoles) == null ? void 0 : r.includes(e) : false;
     });
 });
-var go = createSelector(rt, (a2) => a2.filter((e) => {
+var fo = createSelector(rt, (a2) => a2.filter((e) => {
   var t;
   return !e.recipientPeer && !((t = e.recipientRoles) != null && t.length);
 }));
-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 Ys = A(po);
-var Cm = createSelector([G, w], (a2, e) => Object.values(a2).map((i) => {
+var vo = createSelector([zs, Gs], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
+var Mo = createSelector([Qs, Ar], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
+var vm = createSelector(fo, (a2) => a2.filter((e) => !e.read).length);
+var Mm = A(Qs);
+var ym = A(zs);
+var km = A(vo);
+var Pm = A(Mo);
+var Ys = A(mo);
+var _m = 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 yo = createSelector([K, w], (a2, e) => {
+var yo = (a2) => a2.roleChangeRequests[0] || null;
+var Nm = createSelector([yo, G, oe], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
+var Om = createSelector([Ft], (a2) => it(a2));
+var xm = createSelector([Xr], (a2) => it(a2));
+var Po = createSelector([K, w], (a2, e) => {
   let t = null;
   return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
 });
-var ko = createSelector([Z, w], (a2, e) => {
+var Eo = createSelector([Z, w], (a2, e) => {
   let t = null;
   return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
 });
@@ -18279,62 +19002,62 @@ var fe = new Lr();
 var $ = ((s) => (s[s.ConnectFailed = 0] = "ConnectFailed", s[s.SignalDisconnect = 1] = "SignalDisconnect", s[s.JoinWSMessageFailed = 2] = "JoinWSMessageFailed", s[s.PublishIceConnectionFailed = 3] = "PublishIceConnectionFailed", s[s.SubscribeIceConnectionFailed = 4] = "SubscribeIceConnectionFailed", s))($ || {});
 var xi = ((n) => (n.Disconnected = "Disconnected", n.Connecting = "Connecting", n.Joined = "Joined", n.Preview = "Preview", n.Failed = "Failed", n.Reconnecting = "Reconnecting", n.Leaving = "Leaving", n))(xi || {});
 var Ki = ((t) => (t[t.Publish = 0] = "Publish", t[t.Subscribe = 1] = "Subscribe", t))(Ki || {});
-var Go = (a2) => a2.localPeer.id;
-var $o = (a2) => a2.localPeer.audioTrack;
-var Wo = (a2) => a2.localPeer.videoTrack;
-var Ko = (a2, e) => e;
+var Wo = (a2) => a2.localPeer.id;
+var Ko = (a2) => a2.localPeer.audioTrack;
+var qo = (a2) => a2.localPeer.videoTrack;
+var jo = (a2, e) => e;
 var ma = (a2, e) => e;
-var qo = (a2) => a2.remoteTrackStats;
+var Jo = (a2) => a2.remoteTrackStats;
 var Sa = (a2) => a2.peerStats;
 var xr = (a2) => a2.localTrackStats;
-var Me = createSelector([Sa, Go], (a2, e) => a2[e]);
-var jo = createSelector(Me, (a2) => {
+var Me = createSelector([Sa, Wo], (a2, e) => a2[e]);
+var Qo = createSelector(Me, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.packetsLost;
 });
-var Jo = createSelector(Me, (a2) => {
+var zo = createSelector(Me, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.jitter;
 });
-var Qo = createSelector(Me, (a2) => {
+var Yo = createSelector(Me, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bitrate;
 });
-var zo = createSelector(Me, (a2) => {
+var Xo = createSelector(Me, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bitrate;
 });
-var Yo = createSelector(Me, (a2) => {
+var Zo = createSelector(Me, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.availableOutgoingBitrate;
 });
-var Xo = createSelector(Me, (a2) => {
+var en = createSelector(Me, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.availableIncomingBitrate;
 });
-var Zo = createSelector(Me, (a2) => {
+var tn = createSelector(Me, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bytesSent;
 });
-var en = createSelector(Me, (a2) => {
+var rn = 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 sn = createSelector([Sa, jo], (a2, e) => e ? a2[e] : void 0);
+var an = createSelector([Jo, ma], (a2, e) => e ? a2[e] : void 0);
 var Ur = createSelector([xr, ma], (a2, e) => e ? a2[e] : void 0);
-var sn = A(tn);
-var an = A(rn);
-var on = createSelector([xr, $o], (a2, e) => {
+var on = A(sn);
+var nn = A(an);
+var cn = createSelector([xr, Ko], (a2, e) => {
   var t;
   return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
 });
-var nn = A(createSelector(Ur, (a2) => a2 == null ? void 0 : a2[0]));
-var cn = createSelector([xr, Wo], (a2, e) => {
+var dn = A(createSelector(Ur, (a2) => a2 == null ? void 0 : a2[0]));
+var ln = createSelector([xr, qo], (a2, e) => {
   var t;
   return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
 });
-var dn = A(createSelector(Ur, (a2) => a2));
+var un = A(createSelector(Ur, (a2) => a2));
 
 // src/Prebuilt/components/Header/StreamActions.tsx
 import {
@@ -22743,7 +23466,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 +23478,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 }) => {
@@ -23858,7 +24581,7 @@ var Chat = () => {
   const listRef = useRef20(null);
   const hmsActions = useHMSActions37();
   const vanillaStore = useHMSVanillaStore10();
-  const { enabled: isChatEnabled = true } = useHMSStore53(qh("chatState" /* CHAT_STATE */)) || {};
+  const { enabled: isChatEnabled = true } = useHMSStore53(zh("chatState" /* CHAT_STATE */)) || {};
   const isMobile = useMedia16(config.media.md);
   const scrollToBottom = useCallback28(
     (unreadCount = 0) => {
@@ -23896,7 +24619,7 @@ var NewMessageIndicator = ({
   scrollToBottom,
   listRef
 }) => {
-  const unreadCount = useHMSStore53(Un);
+  const unreadCount = useHMSStore53(Bn);
   if (!unreadCount || !listRef.current) {
     return null;
   }
@@ -24923,6 +25646,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) {
@@ -24971,8 +25703,8 @@ var VBPicker = ({ backgroundMedia = [] }) => {
   const [blurAmount, setBlurAmount] = useState51(VBHandler.getBlurAmount() || 0.5);
   const roomState = useHMSStore60(selectRoomState4);
   const isLargeRoom = useHMSStore60(selectIsLargeRoom3);
-  const isEffectsEnabled = useHMSStore60(Qn);
-  const effectsKey = useHMSStore60(zn);
+  const isEffectsEnabled = useHMSStore60(Yn);
+  const effectsKey = useHMSStore60(Xn);
   const isPluginAdded = useHMSStore60(selectIsLocalVideoPluginPresent(((_a8 = VBHandler) == null ? void 0 : _a8.getName()) || ""));
   const [activeBackground, setActiveBackground] = useState51(
     ((_b7 = VBHandler) == null ? void 0 : _b7.getBackground()) || HMSVirtualBackgroundTypes3.NONE
@@ -25059,9 +25791,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 +25804,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 +27524,7 @@ var useCloseScreenshareWhiteboard = () => {
 };
 
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
-var HLSView = React147.lazy(() => import("./HLSView-LVQBZ4PX.js"));
+var HLSView = React147.lazy(() => import("./HLSView-XUM6YSBP.js"));
 var VideoStreamingSection = ({
   screenType,
   elements,
@@ -27112,7 +27845,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 +27971,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 +28615,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 +28632,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}`
     };
@@ -28285,7 +29018,7 @@ function Notifications() {
   }, []);
   useCustomEvent4({ type: ROLE_CHANGE_DECLINED, onEvent: handleRoleChangeDenied });
   useEffect62(() => {
-    var _a8, _b7, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n2, _o, _p, _q;
+    var _a8, _b7, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m2, _n2, _o2, _p, _q;
     if (!notification || isNotificationDisabled) {
       return;
     }
@@ -28334,11 +29067,11 @@ function Notifications() {
         if (!subscribedNotifications.ERROR)
           return;
         ToastManager.addToast({
-          title: `Error: ${(_l = notification.data) == null ? void 0 : _l.message} - ${(_m = notification.data) == null ? void 0 : _m.description}`
+          title: `Error: ${(_l = notification.data) == null ? void 0 : _l.message} - ${(_m2 = notification.data) == null ? void 0 : _m2.description}`
         });
         break;
       case HMSNotificationTypes10.ROLE_UPDATED: {
-        if (((_n2 = notification.data) == null ? void 0 : _n2.isLocal) && ((_o = notification.data) == null ? void 0 : _o.roleName)) {
+        if (((_n2 = notification.data) == null ? void 0 : _n2.isLocal) && ((_o2 = notification.data) == null ? void 0 : _o2.roleName)) {
           ToastManager.addToast({
             title: `You are now a ${notification.data.roleName}`
           });
@@ -28980,10 +29713,10 @@ export {
   Link,
   Collapsible,
   usePollViewToggle,
-  DialogContent,
-  DialogRow,
   IconButton_default,
   ToastManager,
+  DialogContent,
+  DialogRow,
   HMSPrebuilt,
   Progress,
   TextArea
@@ -29000,4 +29733,4 @@ lodash/lodash.js:
    * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
    *)
 */
-//# sourceMappingURL=chunk-AMKCMJY4.js.map
+//# sourceMappingURL=chunk-USVBISD5.js.map