@100mslive/roomkit-react 0.3.19-alpha.2 → 0.3.19-alpha.3

package/dist/{chunk-KR2DZJO5.js → chunk-SLFOQJ6P.js}

@@ -34,8 +34,8 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-var __esm = (fn, res) => function __init() {
-  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+var __esm = (fn2, res) => function __init() {
+  return fn2 && (res = (0, fn2[__getOwnPropNames(fn2)[0]])(fn2 = 0)), res;
 };
 var __commonJS = (cb, mod) => function __require() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
@@ -107,7 +107,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_8e80bbea-1ccb-4925-b28b-fa461606c676", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_exports___index_css: "./dist/index.css", 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", npm_package_dependencies__100mslive_hms_whiteboard: "0.0.9-alpha.2", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.20.4 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.10.19-alpha.2", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_8e80bbea-1ccb-4925-b28b-fa461606c676", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.4/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.13.19-alpha.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.11", 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.10", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/27.0.12077973", 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: "601", 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_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.13/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240825.1.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.6/x64", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.0.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:17225", 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__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.3.19-alpha.2", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", STATS_D: "false", GITHUB_RUN_ID: "10592524676", STATS_VMFE: "true", npm_package_workspaces_0: "packages/*", npm_package_scripts_store: "cd packages/hms-video-store && yarn start", npm_package_devDependencies__babel_core: "^7.18.2", npm_package_dependencies_ts_pattern: "4.3.0", npm_package_devDependencies__storybook_addon_interactions: "^7.0.27", npm_package_devDependencies__storybook_addon_actions: "^7.0.27", GITHUB_REF_TYPE: "branch", BOOTSTRAP_HASKELL_NONINTERACTIVE: "1", GITHUB_WORKFLOW_SHA: "88c8ac68235961d5352322c7be3efedad27f6d92", 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: "a2abe29da55815a39e288ff49ea5cd8828252bca80913f4baf1e0a3db3791b87", npm_package_exports___import: "./dist/index.js", STATS_BLT: "true", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/publish-alpha", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1724831759242-0.1595028060328194:/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.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1724831759048-0.21877242189553248:/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.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1724831733657-0.21061851403670917:/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.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1724831733475-0.416211556167259:/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.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/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.20.4/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_67d6c53f-3cdd-439a-80c8-c2c4c7b862ae", INVOCATION_ID: "ef7e228817de496190ba8acc4bdd30f3", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", npm_package_scripts_size: "size-limit", npm_package_devDependencies_size_limit: "^5.0.3", npm_package_name: "@100mslive/roomkit-react", npm_package_devDependencies__storybook_react_webpack5: "^7.0.27", npm_package_repository_type: "git", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "645", GITHUB_TRIGGERING_ACTOR: "github-actions[bot]", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", 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_dependencies_react_dom: "^18.2.0", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 347", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "false", 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_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/27.0.12077973", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.10.19-alpha.2", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.19-alpha.2", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_resolutions_axios: "^1.7.4", 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", GITHUB_SHA: "88c8ac68235961d5352322c7be3efedad27f6d92", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", npm_package_dependencies_qrcode_react: "^3.1.0", GITHUB_REF: "refs/heads/publish-alpha", GITHUB_ACTOR: "github-actions[bot]", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_config_strict_ssl: "true", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_scripts_format: "prettier -w src/**", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", GITHUB_PATH: "/home/runner/work/_temp/_runner_file_commands/add_path_8e80bbea-1ccb-4925-b28b-fa461606c676", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "41898282", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_8e80bbea-1ccb-4925-b28b-fa461606c676", 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/27.0.12077973", 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.181+6/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_knip: "^5.11.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/27.0.12077973", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_8e80bbea-1ccb-4925-b28b-fa461606c676" };
+    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_eee45824-212e-4509-b4ac-a06ec8d19d32", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_exports___index_css: "./dist/index.css", 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", npm_package_dependencies__100mslive_hms_whiteboard: "0.0.9-alpha.3", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.20.4 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.10.19-alpha.3", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_eee45824-212e-4509-b4ac-a06ec8d19d32", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.4/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.13.19-alpha.3", 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.12", 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.10", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/27.0.12077973", 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_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.13/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240825.1.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.6/x64", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.0.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:17376", 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__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.3.19-alpha.3", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", STATS_D: "false", GITHUB_RUN_ID: "10612633702", STATS_VMFE: "true", npm_package_workspaces_0: "packages/*", npm_package_scripts_store: "cd packages/hms-video-store && yarn start", npm_package_devDependencies__babel_core: "^7.18.2", npm_package_dependencies_ts_pattern: "4.3.0", npm_package_devDependencies__storybook_addon_interactions: "^7.0.27", npm_package_devDependencies__storybook_addon_actions: "^7.0.27", GITHUB_REF_TYPE: "branch", BOOTSTRAP_HASKELL_NONINTERACTIVE: "1", GITHUB_WORKFLOW_SHA: "8919738330a91f5d61f7b80ea15ea190ea80d564", 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: "30102a17ac4e4125615c7b45467171fe4dfc3ad5dd66de09cfdb0735404aea23", npm_package_exports___import: "./dist/index.js", STATS_BLT: "true", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/publish-alpha", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1724924638317-0.7260196426287306:/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.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1724924638120-0.05624904757611571:/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.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1724924612646-0.3997085674690868:/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.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1724924612464-0.5366083812655351:/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.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/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.20.4/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_7201bc1d-72e6-4026-ba1f-319d68d04b9a", INVOCATION_ID: "81675cc087004f02b5b793e5f39b7c96", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", npm_package_scripts_size: "size-limit", npm_package_devDependencies_size_limit: "^5.0.3", npm_package_name: "@100mslive/roomkit-react", npm_package_devDependencies__storybook_react_webpack5: "^7.0.27", npm_package_repository_type: "git", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "646", GITHUB_TRIGGERING_ACTOR: "github-actions[bot]", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", 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_dependencies_react_dom: "^18.2.0", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 297", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "false", 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_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/27.0.12077973", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.10.19-alpha.3", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.19-alpha.3", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_resolutions_axios: "^1.7.4", 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", GITHUB_SHA: "8919738330a91f5d61f7b80ea15ea190ea80d564", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", npm_package_dependencies_qrcode_react: "^3.1.0", GITHUB_REF: "refs/heads/publish-alpha", GITHUB_ACTOR: "github-actions[bot]", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_config_strict_ssl: "true", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_scripts_format: "prettier -w src/**", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", GITHUB_PATH: "/home/runner/work/_temp/_runner_file_commands/add_path_eee45824-212e-4509-b4ac-a06ec8d19d32", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "41898282", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_eee45824-212e-4509-b4ac-a06ec8d19d32", 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/27.0.12077973", 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.181+6/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_knip: "^5.11.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/27.0.12077973", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_eee45824-212e-4509-b4ac-a06ec8d19d32" };
   }
 });
 
@@ -2286,8 +2286,8 @@ var require_lodash = __commonJS({
         function createBind(func, bitmask, thisArg) {
           var isBind = bitmask & WRAP_BIND_FLAG, Ctor = createCtor(func);
           function wrapper() {
-            var fn = this && this !== root && this instanceof wrapper ? Ctor : func;
-            return fn.apply(isBind ? thisArg : this, arguments);
+            var fn2 = this && this !== root && this instanceof wrapper ? Ctor : func;
+            return fn2.apply(isBind ? thisArg : this, arguments);
           }
           return wrapper;
         }
@@ -2353,8 +2353,8 @@ var require_lodash = __commonJS({
                 arity - length
               );
             }
-            var fn = this && this !== root && this instanceof wrapper ? Ctor : func;
-            return apply(fn, this, args);
+            var fn2 = this && this !== root && this instanceof wrapper ? Ctor : func;
+            return apply(fn2, this, args);
           }
           return wrapper;
         }
@@ -2442,7 +2442,7 @@ var require_lodash = __commonJS({
                 arity - length
               );
             }
-            var thisBinding = isBind ? thisArg : this, fn = isBindKey ? thisBinding[func] : func;
+            var thisBinding = isBind ? thisArg : this, fn2 = isBindKey ? thisBinding[func] : func;
             length = args.length;
             if (argPos) {
               args = reorder(args, argPos);
@@ -2453,9 +2453,9 @@ var require_lodash = __commonJS({
               args.length = ary2;
             }
             if (this && this !== root && this instanceof wrapper) {
-              fn = Ctor || createCtor(fn);
+              fn2 = Ctor || createCtor(fn2);
             }
-            return fn.apply(thisBinding, args);
+            return fn2.apply(thisBinding, args);
           }
           return wrapper;
         }
@@ -2512,14 +2512,14 @@ var require_lodash = __commonJS({
         function createPartial(func, bitmask, thisArg, partials) {
           var isBind = bitmask & WRAP_BIND_FLAG, Ctor = createCtor(func);
           function wrapper() {
-            var argsIndex = -1, argsLength = arguments.length, leftIndex = -1, leftLength = partials.length, args = Array2(leftLength + argsLength), fn = this && this !== root && this instanceof wrapper ? Ctor : func;
+            var argsIndex = -1, argsLength = arguments.length, leftIndex = -1, leftLength = partials.length, args = Array2(leftLength + argsLength), fn2 = this && this !== root && this instanceof wrapper ? Ctor : func;
             while (++leftIndex < leftLength) {
               args[leftIndex] = partials[leftIndex];
             }
             while (argsLength--) {
               args[leftIndex++] = arguments[++argsIndex];
             }
-            return apply(fn, isBind ? thisArg : this, args);
+            return apply(fn2, isBind ? thisArg : this, args);
           }
           return wrapper;
         }
@@ -8868,7 +8868,7 @@ var require_react_is_production_min = __commonJS({
     "use strict";
     init_define_process_env();
     var b2 = "function" === typeof Symbol && Symbol.for;
-    var c = b2 ? Symbol.for("react.element") : 60103;
+    var c2 = b2 ? Symbol.for("react.element") : 60103;
     var d = b2 ? Symbol.for("react.portal") : 60106;
     var e = b2 ? Symbol.for("react.fragment") : 60107;
     var f2 = b2 ? Symbol.for("react.strict_mode") : 60108;
@@ -8890,7 +8890,7 @@ var require_react_is_production_min = __commonJS({
       if ("object" === typeof a2 && null !== a2) {
         var u = a2.$$typeof;
         switch (u) {
-          case c:
+          case c2:
             switch (a2 = a2.type, a2) {
               case l2:
               case m:
@@ -8916,14 +8916,14 @@ var require_react_is_production_min = __commonJS({
         }
       }
     }
-    function A2(a2) {
+    function A(a2) {
       return z2(a2) === m;
     }
     exports.AsyncMode = l2;
     exports.ConcurrentMode = m;
     exports.ContextConsumer = k;
     exports.ContextProvider = h2;
-    exports.Element = c;
+    exports.Element = c2;
     exports.ForwardRef = n;
     exports.Fragment = e;
     exports.Lazy = t;
@@ -8933,9 +8933,9 @@ var require_react_is_production_min = __commonJS({
     exports.StrictMode = f2;
     exports.Suspense = p;
     exports.isAsyncMode = function(a2) {
-      return A2(a2) || z2(a2) === l2;
+      return A(a2) || z2(a2) === l2;
     };
-    exports.isConcurrentMode = A2;
+    exports.isConcurrentMode = A;
     exports.isContextConsumer = function(a2) {
       return z2(a2) === k;
     };
@@ -8943,7 +8943,7 @@ var require_react_is_production_min = __commonJS({
       return z2(a2) === h2;
     };
     exports.isElement = function(a2) {
-      return "object" === typeof a2 && null !== a2 && a2.$$typeof === c;
+      return "object" === typeof a2 && null !== a2 && a2.$$typeof === c2;
     };
     exports.isForwardRef = function(a2) {
       return z2(a2) === n;
@@ -9359,7 +9359,7 @@ var require_factoryWithTypeCheckers = __commonJS({
         shape: createShapeTypeChecker,
         exact: createStrictShapeTypeChecker
       };
-      function is2(x, y2) {
+      function is(x, y2) {
         if (x === y2) {
           return x !== 0 || 1 / x === 1 / y2;
         } else {
@@ -9502,7 +9502,7 @@ var require_factoryWithTypeCheckers = __commonJS({
         function validate(props, propName, componentName, location, propFullName) {
           var propValue = props[propName];
           for (var i = 0; i < expectedValues.length; i++) {
-            if (is2(propValue, expectedValues[i])) {
+            if (is(propValue, expectedValues[i])) {
               return null;
             }
           }
@@ -12911,13 +12911,13 @@ var Collapsible = {
 
 // src/Prebuilt/App.tsx
 init_define_process_env();
-import React183, { useEffect as useEffect78, useRef as useRef33 } from "react";
+import React186, { useEffect as useEffect78, useRef as useRef33 } from "react";
 import { match as match16 } from "ts-pattern";
 import {
   HMSReactiveStore,
   HMSRoomProvider,
   selectIsConnectedToRoom as selectIsConnectedToRoom13,
-  useHMSActions as useHMSActions58,
+  useHMSActions as useHMSActions59,
   useHMSStore as useHMSStore96
 } from "@100mslive/react-sdk";
 
@@ -13560,10 +13560,12 @@ function useRoomLayoutConferencingScreen() {
   };
 }
 function useRoomLayoutLeaveScreen() {
+  var _a7, _b7;
   const screenProps = useRoomLayoutScreen({ screen: "leave" });
   const isLeaveScreenEnabled = !!screenProps;
   return {
-    isLeaveScreenEnabled
+    isLeaveScreenEnabled,
+    feedback: (_b7 = (_a7 = screenProps == null ? void 0 : screenProps.default) == null ? void 0 : _a7.elements) == null ? void 0 : _b7.feedback
   };
 }
 function useRoomLayoutHeader() {
@@ -14494,7 +14496,7 @@ var useAppStateManager = () => {
       setActiveState(isPreviewScreenEnabled ? "preview" /* PREVIEW */ : "meeting" /* MEETING */);
     }).otherwise(() => {
     });
-  }, [roomLayout, roomState, isLeaveScreenEnabled, isPreviewScreenEnabled, prevRoomState, redirectToLeave, hmsActions]);
+  }, [roomLayout, roomState, isLeaveScreenEnabled, isPreviewScreenEnabled, prevRoomState, redirectToLeave]);
   return { activeState, rejoin };
 };
 
@@ -19237,8 +19239,8 @@ var createSelector = createSelectorCreator(defaultMemoize);
 // ../hms-video-store/dist/index.js
 var import_ua_parser_js = __toESM(require_ua_parser());
 var import_lodash3 = __toESM(require_lodash2());
-import { v4 as ho } from "uuid";
-import { v4 as uo } from "uuid";
+import { v4 as mo } from "uuid";
+import { v4 as po } from "uuid";
 
 // ../../node_modules/webrtc-adapter/src/js/adapter_core.js
 init_define_process_env();
@@ -19472,16 +19474,16 @@ function shimGetUserMedia(window2, browserDetails) {
   if (!navigator2.mediaDevices) {
     return;
   }
-  const constraintsToChrome_ = function(c) {
-    if (typeof c !== "object" || c.mandatory || c.optional) {
-      return c;
+  const constraintsToChrome_ = function(c2) {
+    if (typeof c2 !== "object" || c2.mandatory || c2.optional) {
+      return c2;
     }
     const cc = {};
-    Object.keys(c).forEach((key) => {
+    Object.keys(c2).forEach((key) => {
       if (key === "require" || key === "advanced" || key === "mediaSource") {
         return;
       }
-      const r = typeof c[key] === "object" ? c[key] : { ideal: c[key] };
+      const r = typeof c2[key] === "object" ? c2[key] : { ideal: c2[key] };
       if (r.exact !== void 0 && typeof r.exact === "number") {
         r.min = r.max = r.exact;
       }
@@ -19493,16 +19495,16 @@ function shimGetUserMedia(window2, browserDetails) {
       };
       if (r.ideal !== void 0) {
         cc.optional = cc.optional || [];
-        let oc2 = {};
+        let oc = {};
         if (typeof r.ideal === "number") {
-          oc2[oldname_("min", key)] = r.ideal;
-          cc.optional.push(oc2);
-          oc2 = {};
-          oc2[oldname_("max", key)] = r.ideal;
-          cc.optional.push(oc2);
+          oc[oldname_("min", key)] = r.ideal;
+          cc.optional.push(oc);
+          oc = {};
+          oc[oldname_("max", key)] = r.ideal;
+          cc.optional.push(oc);
         } else {
-          oc2[oldname_("", key)] = r.ideal;
-          cc.optional.push(oc2);
+          oc[oldname_("", key)] = r.ideal;
+          cc.optional.push(oc);
         }
       }
       if (r.exact !== void 0 && typeof r.exact !== "number") {
@@ -19517,8 +19519,8 @@ function shimGetUserMedia(window2, browserDetails) {
         });
       }
     });
-    if (c.advanced) {
-      cc.optional = (cc.optional || []).concat(c.advanced);
+    if (c2.advanced) {
+      cc.optional = (cc.optional || []).concat(c2.advanced);
     }
     return cc;
   };
@@ -19598,8 +19600,8 @@ function shimGetUserMedia(window2, browserDetails) {
     };
   };
   const getUserMedia_ = function(constraints, onSuccess, onError) {
-    shimConstraints_(constraints, (c) => {
-      navigator2.webkitGetUserMedia(c, onSuccess, (e) => {
+    shimConstraints_(constraints, (c2) => {
+      navigator2.webkitGetUserMedia(c2, onSuccess, (e) => {
         if (onError) {
           onError(shimError_(e));
         }
@@ -19610,8 +19612,8 @@ function shimGetUserMedia(window2, browserDetails) {
   if (navigator2.mediaDevices.getUserMedia) {
     const origGetUserMedia = navigator2.mediaDevices.getUserMedia.bind(navigator2.mediaDevices);
     navigator2.mediaDevices.getUserMedia = function(cs2) {
-      return shimConstraints_(cs2, (c) => origGetUserMedia(c).then((stream) => {
-        if (c.audio && !stream.getAudioTracks().length || c.video && !stream.getVideoTracks().length) {
+      return shimConstraints_(cs2, (c2) => origGetUserMedia(c2).then((stream) => {
+        if (c2.audio && !stream.getAudioTracks().length || c2.video && !stream.getVideoTracks().length) {
           stream.getTracks().forEach((track) => {
             track.stop();
           });
@@ -20279,13 +20281,13 @@ function shimGetUserMedia2(window2, browserDetails) {
       }
     };
     const nativeGetUserMedia = navigator2.mediaDevices.getUserMedia.bind(navigator2.mediaDevices);
-    navigator2.mediaDevices.getUserMedia = function(c) {
-      if (typeof c === "object" && typeof c.audio === "object") {
-        c = JSON.parse(JSON.stringify(c));
-        remap(c.audio, "autoGainControl", "mozAutoGainControl");
-        remap(c.audio, "noiseSuppression", "mozNoiseSuppression");
+    navigator2.mediaDevices.getUserMedia = function(c2) {
+      if (typeof c2 === "object" && typeof c2.audio === "object") {
+        c2 = JSON.parse(JSON.stringify(c2));
+        remap(c2.audio, "autoGainControl", "mozAutoGainControl");
+        remap(c2.audio, "noiseSuppression", "mozNoiseSuppression");
       }
-      return nativeGetUserMedia(c);
+      return nativeGetUserMedia(c2);
     };
     if (MediaStreamTrack && MediaStreamTrack.prototype.getSettings) {
       const nativeGetSettings = MediaStreamTrack.prototype.getSettings;
@@ -20298,13 +20300,13 @@ function shimGetUserMedia2(window2, browserDetails) {
     }
     if (MediaStreamTrack && MediaStreamTrack.prototype.applyConstraints) {
       const nativeApplyConstraints = MediaStreamTrack.prototype.applyConstraints;
-      MediaStreamTrack.prototype.applyConstraints = function(c) {
-        if (this.kind === "audio" && typeof c === "object") {
-          c = JSON.parse(JSON.stringify(c));
-          remap(c, "autoGainControl", "mozAutoGainControl");
-          remap(c, "noiseSuppression", "mozNoiseSuppression");
+      MediaStreamTrack.prototype.applyConstraints = function(c2) {
+        if (this.kind === "audio" && typeof c2 === "object") {
+          c2 = JSON.parse(JSON.stringify(c2));
+          remap(c2, "autoGainControl", "mozAutoGainControl");
+          remap(c2, "noiseSuppression", "mozNoiseSuppression");
         }
-        return nativeApplyConstraints.apply(this, [c]);
+        return nativeApplyConstraints.apply(this, [c2]);
       };
     }
   }
@@ -21335,57 +21337,73 @@ var adapter = adapterFactory({ window: typeof window === "undefined" ? void 0 :
 
 // ../hms-video-store/dist/index.js
 var import_lodash4 = __toESM(require_lodash2());
-import { v4 as Eo } from "uuid";
+import { v4 as Po } from "uuid";
 import { v4 as Ro } from "uuid";
-import { v4 as Lo } from "uuid";
-import { EventEmitter2 as wo } from "eventemitter2";
-var qt = __toESM(require_lib());
-import { EventEmitter2 as on } from "eventemitter2";
-import { v4 as un } from "uuid";
-import { EventEmitter2 as pn } from "eventemitter2";
-import hn from "eventemitter2";
-import { v4 as mn } from "uuid";
-import { v4 as Tn } from "uuid";
-var Ya = Object.defineProperty;
-var Xa = Object.defineProperties;
-var Za = Object.getOwnPropertyDescriptors;
-var ei = Object.getOwnPropertySymbols;
-var as = Object.prototype.hasOwnProperty;
-var os = Object.prototype.propertyIsEnumerable;
-var ss = (a2, e, t) => e in a2 ? Ya(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
+import { v4 as wo } from "uuid";
+import { EventEmitter2 as Do } from "eventemitter2";
+var jt = __toESM(require_lib());
+import { EventEmitter2 as nn } from "eventemitter2";
+import { v4 as pn } from "uuid";
+import { EventEmitter2 as hn } from "eventemitter2";
+import mn from "eventemitter2";
+import { v4 as Sn } from "uuid";
+import { v4 as fn } from "uuid";
+var Xa = Object.defineProperty;
+var Za = Object.defineProperties;
+var eo = Object.getOwnPropertyDescriptors;
+var ti = Object.getOwnPropertySymbols;
+var ns = Object.prototype.hasOwnProperty;
+var cs = Object.prototype.propertyIsEnumerable;
+var os = (a2, e, t) => e in a2 ? Xa(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
 var h = (a2, e) => {
   for (var t in e || (e = {}))
-    as.call(e, t) && ss(a2, t, e[t]);
-  if (ei)
-    for (var t of ei(e))
-      os.call(e, t) && ss(a2, t, e[t]);
+    ns.call(e, t) && os(a2, t, e[t]);
+  if (ti)
+    for (var t of ti(e))
+      cs.call(e, t) && os(a2, t, e[t]);
   return a2;
 };
-var M = (a2, e) => Xa(a2, Za(e));
-var mr = (a2, e) => {
+var M = (a2, e) => Za(a2, eo(e));
+var gr = (a2, e) => {
   var t = {};
   for (var i in a2)
-    as.call(a2, i) && e.indexOf(i) < 0 && (t[i] = a2[i]);
-  if (a2 != null && ei)
-    for (var i of ei(a2))
-      e.indexOf(i) < 0 && os.call(a2, i) && (t[i] = a2[i]);
+    ns.call(a2, i) && e.indexOf(i) < 0 && (t[i] = a2[i]);
+  if (a2 != null && ti)
+    for (var i of ti(a2))
+      e.indexOf(i) < 0 && cs.call(a2, i) && (t[i] = a2[i]);
   return t;
 };
-var io = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
-var vr = io((wc, po) => {
-  po.exports = { version: "0.12.19-alpha.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", "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 ro = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
+var c = (a2, e, t) => new Promise((i, r) => {
+  var s = (d) => {
+    try {
+      n(t.next(d));
+    } catch (u) {
+      r(u);
+    }
+  }, o = (d) => {
+    try {
+      n(t.throw(d));
+    } catch (u) {
+      r(u);
+    }
+  }, n = (d) => d.done ? i(d.value) : Promise.resolve(d.value).then(s, o);
+  n((t = t.apply(a2, e)).next());
+});
+var yr = ro((Dc, ho) => {
+  ho.exports = { version: "0.12.19-alpha.3", 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 Sr = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(Sr || {});
-var ro = ((e) => (e.CHAT = "chat", e))(ro || {});
-var ns = ((t) => (t.INFO = "info", t.ERROR = "error", t))(ns || {});
-var gr = ((D) => (D.PEER_JOINED = "PEER_JOINED", D.PEER_LEFT = "PEER_LEFT", D.PEER_LIST = "PEER_LIST", D.NEW_MESSAGE = "NEW_MESSAGE", D.ERROR = "ERROR", D.RECONNECTING = "RECONNECTING", D.RECONNECTED = "RECONNECTED", D.TRACK_ADDED = "TRACK_ADDED", D.TRACK_REMOVED = "TRACK_REMOVED", D.TRACK_MUTED = "TRACK_MUTED", D.TRACK_UNMUTED = "TRACK_UNMUTED", D.TRACK_DEGRADED = "TRACK_DEGRADED", D.TRACK_RESTORED = "TRACK_RESTORED", D.TRACK_DESCRIPTION_CHANGED = "TRACK_DESCRIPTION_CHANGED", D.ROLE_UPDATED = "ROLE_UPDATED", D.CHANGE_TRACK_STATE_REQUEST = "CHANGE_TRACK_STATE_REQUEST", D.CHANGE_MULTI_TRACK_STATE_REQUEST = "CHANGE_MULTI_TRACK_STATE_REQUEST", D.ROOM_ENDED = "ROOM_ENDED", D.REMOVED_FROM_ROOM = "REMOVED_FROM_ROOM", D.DEVICE_CHANGE_UPDATE = "DEVICE_CHANGE_UPDATE", D.PLAYLIST_TRACK_ENDED = "PLAYLIST_TRACK_ENDED", D.NAME_UPDATED = "NAME_UPDATED", D.METADATA_UPDATED = "METADATA_UPDATED", D.POLL_CREATED = "POLL_CREATED", D.POLL_STARTED = "POLL_STARTED", D.POLL_STOPPED = "POLL_STOPPED", D.POLL_VOTES_UPDATED = "POLL_VOTES_UPDATED", D.POLLS_LIST = "POLLS_LIST", D.HAND_RAISE_CHANGED = "HAND_RAISE_CHANGED", D.TRANSCRIPTION_STATE_UPDATED = "TRANSCRIPTION_STATE_UPDATED", D))(gr || {});
-var cs = ((t) => (t.audio = "audio", t.video = "video", t))(cs || {});
+var Tr = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(Tr || {});
+var so = ((e) => (e.CHAT = "chat", e))(so || {});
+var ds = ((t) => (t.INFO = "info", t.ERROR = "error", t))(ds || {});
+var fr = ((D) => (D.PEER_JOINED = "PEER_JOINED", D.PEER_LEFT = "PEER_LEFT", D.PEER_LIST = "PEER_LIST", D.NEW_MESSAGE = "NEW_MESSAGE", D.ERROR = "ERROR", D.RECONNECTING = "RECONNECTING", D.RECONNECTED = "RECONNECTED", D.TRACK_ADDED = "TRACK_ADDED", D.TRACK_REMOVED = "TRACK_REMOVED", D.TRACK_MUTED = "TRACK_MUTED", D.TRACK_UNMUTED = "TRACK_UNMUTED", D.TRACK_DEGRADED = "TRACK_DEGRADED", D.TRACK_RESTORED = "TRACK_RESTORED", D.TRACK_DESCRIPTION_CHANGED = "TRACK_DESCRIPTION_CHANGED", D.ROLE_UPDATED = "ROLE_UPDATED", D.CHANGE_TRACK_STATE_REQUEST = "CHANGE_TRACK_STATE_REQUEST", D.CHANGE_MULTI_TRACK_STATE_REQUEST = "CHANGE_MULTI_TRACK_STATE_REQUEST", D.ROOM_ENDED = "ROOM_ENDED", D.REMOVED_FROM_ROOM = "REMOVED_FROM_ROOM", D.DEVICE_CHANGE_UPDATE = "DEVICE_CHANGE_UPDATE", D.PLAYLIST_TRACK_ENDED = "PLAYLIST_TRACK_ENDED", D.NAME_UPDATED = "NAME_UPDATED", D.METADATA_UPDATED = "METADATA_UPDATED", D.POLL_CREATED = "POLL_CREATED", D.POLL_STARTED = "POLL_STARTED", D.POLL_STOPPED = "POLL_STOPPED", D.POLL_VOTES_UPDATED = "POLL_VOTES_UPDATED", D.POLLS_LIST = "POLLS_LIST", D.HAND_RAISE_CHANGED = "HAND_RAISE_CHANGED", D.TRANSCRIPTION_STATE_UPDATED = "TRANSCRIPTION_STATE_UPDATED", D))(fr || {});
+var ls = ((t) => (t.audio = "audio", t.video = "video", t))(ls || {});
 function Ue(a2, e) {
   let t, i;
   if (e)
     for (let r of e.auxiliaryTracks) {
       let s = a2[r];
-      so(s) && (i = pt(s) ? s : i, t = ht(s) ? s : t);
+      ao(s) && (i = pt(s) ? s : i, t = ht(s) ? s : t);
     }
   return { video: t, audio: i };
 }
@@ -21395,16 +21413,16 @@ function pt(a2) {
 function ht(a2) {
   return a2 && a2.type === "video";
 }
-function so(a2) {
+function ao(a2) {
   return a2 && a2.source === "screen";
 }
-function ri(a2) {
+function si(a2) {
   return a2 && a2.source === "audioplaylist";
 }
 function mt(a2) {
   return a2 && a2.source === "videoplaylist";
 }
-function ds(a2) {
+function us(a2) {
   return a2 ? !!(a2 != null && a2.degraded) : false;
 }
 function je(a2, e) {
@@ -21415,8 +21433,8 @@ function St(a2) {
   let e = false, t = false, i = false;
   return (r = a2 == null ? void 0 : a2.publishParams) != null && r.allowed && (e = a2.publishParams.allowed.includes("video"), t = a2.publishParams.allowed.includes("audio"), i = a2.publishParams.allowed.includes("screen")), { video: e, audio: t, screen: i };
 }
-var us = ((d) => (d[d.VERBOSE = 0] = "VERBOSE", d[d.DEBUG = 1] = "DEBUG", d[d.INFO = 2] = "INFO", d[d.WARN = 3] = "WARN", d[d.TIME = 4] = "TIME", d[d.TIMEEND = 5] = "TIMEEND", d[d.ERROR = 6] = "ERROR", d[d.NONE = 7] = "NONE", d))(us || {});
-var ao = typeof window != "undefined" && typeof window.expect != "undefined";
+var hs = ((d) => (d[d.VERBOSE = 0] = "VERBOSE", d[d.DEBUG = 1] = "DEBUG", d[d.INFO = 2] = "INFO", d[d.WARN = 3] = "WARN", d[d.TIME = 4] = "TIME", d[d.TIMEEND = 5] = "TIMEEND", d[d.ERROR = 6] = "ERROR", d[d.NONE = 7] = "NONE", d))(hs || {});
+var oo = typeof window != "undefined" && typeof window.expect != "undefined";
 var l = class {
   static v(e, ...t) {
     this.log(0, e, ...t);
@@ -21482,28 +21500,28 @@ var l = class {
       }
   }
 };
-l.level = ao ? 7 : 0;
+l.level = oo ? 7 : 0;
 var he = new import_ua_parser_js.UAParser();
 var B = typeof window != "undefined";
-var ps;
-var Be = typeof window == "undefined" && !((ps = he.getBrowser().name) != null && ps.toLowerCase().includes("electron"));
-var no = () => !Be;
-var oc = no();
-var hs;
 var ms;
-var vs = ((ms = (hs = he.getBrowser()) == null ? void 0 : hs.name) == null ? void 0 : ms.toLowerCase()) === "safari";
+var Be = typeof window == "undefined" && !((ms = he.getBrowser().name) != null && ms.toLowerCase().includes("electron"));
+var co = () => !Be;
+var nc = co();
 var Ss;
 var gs;
-var Ms = ((gs = (Ss = he.getBrowser()) == null ? void 0 : Ss.name) == null ? void 0 : gs.toLowerCase()) === "firefox";
-var ys = ((i) => (i.CUSTOM = "CUSTOM", i.LOCAL = "LOCAL", i.HMS = "HMS", i))(ys || {});
-function co() {
+var ys = ((gs = (Ss = he.getBrowser()) == null ? void 0 : Ss.name) == null ? void 0 : gs.toLowerCase()) === "safari";
+var Ts;
+var fs;
+var ks = ((fs = (Ts = he.getBrowser()) == null ? void 0 : Ts.name) == null ? void 0 : fs.toLowerCase()) === "firefox";
+var Es = ((i) => (i.CUSTOM = "CUSTOM", i.LOCAL = "LOCAL", i.HMS = "HMS", i))(Es || {});
+function lo() {
   if (B && window) {
     let a2 = window.location.hostname;
     return a2 === "localhost" || a2 === "127.0.0.1" ? "LOCAL" : a2.includes("app.100ms.live") ? "HMS" : "CUSTOM";
   }
   return "CUSTOM";
 }
-var Qe = co();
+var Qe = lo();
 var P4 = { WebSocketConnectionErrors: { FAILED_TO_CONNECT: 1e3, WEBSOCKET_CONNECTION_LOST: 1003, ABNORMAL_CLOSE: 1006 }, APIErrors: { SERVER_ERRORS: 2e3, INIT_CONFIG_NOT_AVAILABLE: 2002, ENDPOINT_UNREACHABLE: 2003, INVALID_TOKEN_FORMAT: 2004 }, TracksErrors: { GENERIC_TRACK: 3e3, CANT_ACCESS_CAPTURE_DEVICE: 3001, DEVICE_NOT_AVAILABLE: 3002, DEVICE_IN_USE: 3003, DEVICE_LOST_MIDWAY: 3004, NOTHING_TO_RETURN: 3005, INVALID_VIDEO_SETTINGS: 3006, CODEC_CHANGE_NOT_PERMITTED: 3007, AUTOPLAY_ERROR: 3008, OVER_CONSTRAINED: 3009, NO_AUDIO_DETECTED: 3010, SYSTEM_DENIED_PERMISSION: 3011, CURRENT_TAB_NOT_SHARED: 3012, AUDIO_PLAYBACK_ERROR: 3013, SELECTED_DEVICE_MISSING: 3014 }, WebrtcErrors: { CREATE_OFFER_FAILED: 4001, CREATE_ANSWER_FAILED: 4002, SET_LOCAL_DESCRIPTION_FAILED: 4003, SET_REMOTE_DESCRIPTION_FAILED: 4004, ICE_FAILURE: 4005, ICE_DISCONNECTED: 4006, STATS_FAILED: 4007 }, WebsocketMethodErrors: { SERVER_ERRORS: 5e3, ALREADY_JOINED: 5001, CANNOT_JOIN_PREVIEW_IN_PROGRESS: 5002 }, GenericErrors: { NOT_CONNECTED: 6e3, SIGNALLING: 6001, UNKNOWN: 6002, NOT_READY: 6003, JSON_PARSING_FAILED: 6004, TRACK_METADATA_MISSING: 6005, RTC_TRACK_MISSING: 6006, PEER_METADATA_MISSING: 6007, INVALID_ROLE: 6008, PREVIEW_IN_PROGRESS: 6009, MISSING_MEDIADEVICES: 6010, MISSING_RTCPEERCONNECTION: 6011, LOCAL_STORAGE_ACCESS_DENIED: 6012, VALIDATION_FAILED: 6013 }, PlaylistErrors: { NO_ENTRY_TO_PLAY: 8001, NO_ENTRY_IS_PLAYING: 8002 } };
 var f = class a extends Error {
   constructor(t, i, r, s, o, n = false) {
@@ -21534,7 +21552,7 @@ var f = class a extends Error {
     }`;
   }
 };
-var lo = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
+var uo = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
 var S = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
   return new f(P4.WebSocketConnectionErrors.FAILED_TO_CONNECT, "WebsocketFailedToConnect", a2, `[WS]: ${e}`, `[WS]: ${e}`);
 }, WebSocketConnectionLost(a2, e = "") {
@@ -21594,7 +21612,7 @@ var S = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
 }, StatsFailed(a2, e = "") {
   return new f(P4.WebrtcErrors.STATS_FAILED, "StatsFailed", a2, `Failed to WebRTC get stats - ${e}`, e);
 } }, WebsocketMethodErrors: { ServerErrors(a2, e, t) {
-  return new f(a2, "ServerErrors", e, t, t, lo.includes(e));
+  return new f(a2, "ServerErrors", e, t, t, uo.includes(e));
 }, AlreadyJoined(a2, e = "") {
   return new f(P4.WebsocketMethodErrors.ALREADY_JOINED, "AlreadyJoined", a2, "[JOIN]: You have already joined this room.", e);
 }, CannotJoinPreviewInProgress(a2, e = "") {
@@ -21642,7 +21660,7 @@ var S = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
 }, NoEntryPlaying(a2, e) {
   return new f(P4.PlaylistErrors.NO_ENTRY_IS_PLAYING, "NoEntryIsPlaying", a2, "No entry is playing at this time", e);
 } } };
-var fr = class {
+var Mr = class {
   constructor() {
     this.valuesMap = /* @__PURE__ */ new Map();
   }
@@ -21667,9 +21685,9 @@ var fr = class {
     return this.valuesMap.size;
   }
 };
-var ks = () => {
+var Ps = () => {
   try {
-    B && !localStorage && (window.localStorage = new fr());
+    B && !localStorage && (window.localStorage = new Mr());
   } catch (a2) {
     l.e("Error initialising localStorage", S.GenericErrors.LocalStorageAccessDenied());
   }
@@ -21681,7 +21699,7 @@ var me = class {
   }
   getStorage() {
     try {
-      return B && !this.storage && (ks(), this.storage = window.localStorage), this.storage;
+      return B && !this.storage && (Ps(), this.storage = window.localStorage), this.storage;
     } catch (e) {
       return l.e("Error initialising localStorage", S.GenericErrors.LocalStorageAccessDenied()), null;
     }
@@ -21701,29 +21719,29 @@ var me = class {
     (e = this.getStorage()) == null || e.removeItem(this.key);
   }
 };
-var Es = () => {
+var ai = () => {
   let a2, e = new me("hms-analytics-deviceId"), t = e.get();
-  return t ? a2 = t : (a2 = uo(), e.set(a2)), a2;
+  return t ? a2 = t : (a2 = po(), e.set(a2)), a2;
 };
 function ne(a2) {
   return a2 != null;
 }
-var bs = vr().version;
+var Is = yr().version;
 function vt(a2 = "prod", e) {
   let t = "web", i = Qe !== "LOCAL" && a2 === "prod" ? "prod" : "debug";
   if (Be)
-    return Is({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version: bs, env: i, domain: Qe, is_prebuilt: !!(e != null && e.isPrebuilt), framework: "node", framework_version: process.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
-  let r = he.getOS(), s = he.getDevice(), o = he.getBrowser(), n = Mr(`web_${r.name}`), d = r.version || "", u = Mr(`${o.name}_${o.version}`), p = u;
-  return s.type && (p = `${Mr(`${s.vendor}_${s.type}`)}/${u}`), Is({ os: n, os_version: d, sdk: t, sdk_version: bs, device_model: p, env: i, domain: Qe, is_prebuilt: !!(e != null && e.isPrebuilt), framework: e == null ? void 0 : e.type, framework_version: e == null ? void 0 : e.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
+    return As({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version: Is, env: i, domain: Qe, is_prebuilt: !!(e != null && e.isPrebuilt), framework: "node", framework_version: process.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
+  let r = he.getOS(), s = he.getDevice(), o = he.getBrowser(), n = kr(`web_${r.name}`), d = r.version || "", u = kr(`${o.name}_${o.version}`), p = u;
+  return s.type && (p = `${kr(`${s.vendor}_${s.type}`)}/${u}`), As({ os: n, os_version: d, sdk: t, sdk_version: Is, device_model: p, env: i, domain: Qe, is_prebuilt: !!(e != null && e.isPrebuilt), framework: e == null ? void 0 : e.type, framework_version: e == null ? void 0 : e.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
 }
-function Mr(a2) {
+function kr(a2) {
   return a2.replace(/ /g, "_");
 }
-var Is = (a2, e = ",") => Object.keys(a2).filter((t) => ne(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
+var As = (a2, e = ",") => Object.keys(a2).filter((t) => ne(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
 var H = class {
   constructor({ name: e, level: t, properties: i, includesPII: r, timestamp: s }) {
     this.metadata = { peer: {}, userAgent: vt() };
-    this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = ho(), this.device_id = Es();
+    this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = mo(), this.device_id = ai();
   }
   toSignalParams() {
     return { name: this.name, info: M(h({}, this.properties), { timestamp: this.timestamp, domain: Qe }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
@@ -21739,12 +21757,12 @@ var y = class {
     return new H({ name: i, level: r, properties: s });
   }
   static preview(i) {
-    var r = i, { error: e } = r, t = mr(r, ["error"]);
+    var r = i, { error: e } = r, t = gr(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 });
   }
   static join(i) {
-    var r = i, { error: e } = r, t = mr(r, ["error"]);
+    var r = i, { error: e } = r, t = gr(r, ["error"]);
     let s = this.eventNameFor("join", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(M(h({}, t), { is_preview_called: !!t.is_preview_called }), e);
     return new H({ name: s, level: o, properties: n });
   }
@@ -21829,7 +21847,7 @@ var y = class {
   }
 };
 y.KEY_REQUESTED_AT = "requested_at", y.KEY_RESPONDED_AT = "responded_at";
-var yr = class {
+var Er = class {
   constructor() {
     this.storage = new me("hms-device-selection");
     this.remember = false;
@@ -21863,10 +21881,10 @@ var yr = class {
     return e.deviceId === t.deviceId && (e.groupId === t.groupId || !e.groupId);
   }
 };
-var J = new yr();
-var kr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(kr || {});
-var Er = ((t) => (t.PLATFORM_NOT_SUPPORTED = "PLATFORM_NOT_SUPPORTED", t.DEVICE_NOT_SUPPORTED = "DEVICE_NOT_SUPPORTED", t))(Er || {});
-function oi(a2, e = 300) {
+var J = new Er();
+var Pr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(Pr || {});
+var br = ((t) => (t.PLATFORM_NOT_SUPPORTED = "PLATFORM_NOT_SUPPORTED", t.DEVICE_NOT_SUPPORTED = "DEVICE_NOT_SUPPORTED", t))(br || {});
+function ci(a2, e = 300) {
   let t;
   return function(...i) {
     clearTimeout(t), t = void 0;
@@ -21876,15 +21894,15 @@ function oi(a2, e = 300) {
     }, e);
   };
 }
-var Ir = ((t) => (t.SIP = "sip", t.REGULAR = "regular", t))(Ir || {});
-var Cs = ((n) => (n.NONE = "none", n.INITIALISED = "initialised", n.STARTED = "started", n.PAUSED = "paused", n.RESUMED = "resumed", n.STOPPED = "stopped", n.FAILED = "failed", n))(Cs || {});
-var Ls = ((t) => (t.DVR = "dvr", t.NO_DVR = "no-dvr", t))(Ls || {});
-var ws = ((i) => (i.REGULAR = "regular", i.SCREEN = "screen", i.COMPOSITE = "composite", i))(ws || {});
-var Ds = ((r) => (r.INITIALISED = "initialised", r.STARTED = "started", r.STOPPED = "stopped", r.FAILED = "failed", r))(Ds || {});
-var _s = ((e) => (e.CAPTION = "caption", e))(_s || {});
-var Rr = ((t) => (t.VOICE = "voice", t.MUSIC = "music", t))(Rr || {});
-var Ns = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(Ns || {});
-var Ar = class {
+var Rr = ((t) => (t.SIP = "sip", t.REGULAR = "regular", t))(Rr || {});
+var Ls = ((n) => (n.NONE = "none", n.INITIALISED = "initialised", n.STARTED = "started", n.PAUSED = "paused", n.RESUMED = "resumed", n.STOPPED = "stopped", n.FAILED = "failed", n))(Ls || {});
+var ws = ((t) => (t.DVR = "dvr", t.NO_DVR = "no-dvr", t))(ws || {});
+var Ds = ((i) => (i.REGULAR = "regular", i.SCREEN = "screen", i.COMPOSITE = "composite", i))(Ds || {});
+var _s = ((r) => (r.INITIALISED = "initialised", r.STARTED = "started", r.STOPPED = "stopped", r.FAILED = "failed", r))(_s || {});
+var Ns = ((e) => (e.CAPTION = "caption", e))(Ns || {});
+var Hr = ((t) => (t.VOICE = "voice", t.MUSIC = "music", t))(Hr || {});
+var Os = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(Os || {});
+var Cr = class {
   constructor() {
     this.TAG = "[HMSIntersectionObserverWrapper]";
     this.listeners = /* @__PURE__ */ new WeakMap();
@@ -21911,8 +21929,8 @@ var Ar = class {
     return e || l.w(this.TAG, "IntersectionObserver is not supported, fallback will be used instead"), e;
   }
 };
-var Bs = new Ar();
-var Hr = class {
+var Vs = new Cr();
+var Lr = class {
   constructor() {
     this.TAG = "[HMSResizeObserverWrapper]";
     this.listeners = /* @__PURE__ */ new WeakMap();
@@ -21925,7 +21943,7 @@ var Hr = class {
       (t = this.resizeObserver) == null || t.unobserve(e), this.listeners.delete(e);
     };
     this.createObserver = () => {
-      this.isSupported() && !this.resizeObserver && (this.resizeObserver = new ResizeObserver(oi(this.handleResize, 300)));
+      this.isSupported() && !this.resizeObserver && (this.resizeObserver = new ResizeObserver(ci(this.handleResize, 300)));
     };
     this.handleResize = (e) => {
       var t;
@@ -21939,43 +21957,43 @@ var Hr = class {
     return e || l.w(this.TAG, "Resize Observer is not supported"), e;
   }
 };
-var Vs = new Hr();
-var Cr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(Cr || {});
-var Lr = ((t) => (t["2D"] = "2d", t.WEBGL = "webgl", t.WEBGL2 = "webgl2", t))(Lr || {});
-var Ws = "https://event.100ms.live/v2/client/report";
-var $s = "https://event-nonprod.100ms.live/v2/client/report";
+var Fs = new Lr();
+var wr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(wr || {});
+var Dr = ((t) => (t["2D"] = "2d", t.WEBGL = "webgl", t.WEBGL2 = "webgl2", t))(Dr || {});
+var $s = "https://event.100ms.live/v2/client/report";
+var Ks = "https://event-nonprod.100ms.live/v2/client/report";
 var Pt = Math.pow(2, 31) - 1;
 var rt = class {
 };
-rt.makePeerId = () => Lo();
+rt.makePeerId = () => wo();
 var V = (a2) => a2.room;
-var Do = (a2) => a2.errors;
-var Yh = createSelector(Do, (a2) => a2.length === 0 ? null : a2.at(-1));
-var Xh = createSelector(V, (a2) => a2.id);
+var _o = (a2) => a2.errors;
+var Xh = createSelector(_o, (a2) => a2.length === 0 ? null : a2.at(-1));
+var Zh = createSelector(V, (a2) => a2.id);
 var K = (a2) => a2.peers;
-var fi = (a2) => a2.messages.byID;
-var Zs = (a2) => a2.messages.allIDs;
+var Mi = (a2) => a2.messages.byID;
+var ea = (a2) => a2.messages.allIDs;
 var O = (a2) => a2.tracks;
-var Vr = (a2) => a2.appData;
-var _o = (a2) => a2.speakers;
+var Gr = (a2) => a2.appData;
+var No = (a2) => a2.speakers;
 var Oe = createSelector([V], (a2) => a2 && a2.isConnected);
-var tm = createSelector([Oe, V], (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 No = (a2) => a2.hideLocalPeer;
-var fe = createSelector([V, K, No], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
-var Oo = createSelector(O, (a2) => Object.values(a2));
+var im = createSelector([Oe, V], (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 Oo = (a2) => a2.hideLocalPeer;
+var fe = createSelector([V, K, Oo], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
+var xo = createSelector(O, (a2) => Object.values(a2));
 var ie = createSelector(V, K, (a2, e) => e[a2.localPeer]);
 var Ee = createSelector(V, (a2) => a2.localPeer);
-var im = createSelector(ie, (a2) => a2 == null ? void 0 : a2.name);
-var rm = createSelector(ie, (a2) => a2 == null ? void 0 : a2.roleName);
+var rm = createSelector(ie, (a2) => a2 == null ? void 0 : a2.name);
+var sm = createSelector(ie, (a2) => a2 == null ? void 0 : a2.roleName);
 var oe = createSelector(ie, (a2) => a2 == null ? void 0 : a2.audioTrack);
 var z = createSelector(ie, (a2) => a2 == null ? void 0 : a2.videoTrack);
-var xo = createSelector(ie, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
-var ta = createSelector([oe, z, xo], (a2, e, t) => {
+var Uo = createSelector(ie, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
+var ia = createSelector([oe, z, Uo], (a2, e, t) => {
   let i = t ? [...t] : [];
   return a2 && i.unshift(a2), e && i.unshift(e), i;
 });
-var sm = createSelector(fe, (a2) => a2.filter((e) => !e.isLocal));
-var am = createSelector(K, _o, (a2, e) => {
+var am = createSelector(fe, (a2) => a2.filter((e) => !e.isLocal));
+var om = createSelector(K, No, (a2, e) => {
   let t = Object.entries(e).sort((i, r) => {
     var n, d;
     let s = ((n = i[1]) == null ? void 0 : n.audioLevel) || 0;
@@ -21988,11 +22006,11 @@ var am = createSelector(K, _o, (a2, e) => {
   }
   return null;
 });
-var Gr = createSelector(ie, O, (a2, e) => {
+var $r = createSelector(ie, O, (a2, e) => {
   let { video: t, audio: i } = Ue(e, a2);
   return !!(t || i);
 });
-var Uo = createSelector(K, O, (a2, e) => {
+var Bo = createSelector(K, O, (a2, e) => {
   let t;
   for (let i in a2) {
     let r = a2[i], { video: s, audio: o } = Ue(e, r);
@@ -22002,15 +22020,15 @@ var Uo = createSelector(K, O, (a2, e) => {
   }
   return t;
 });
-var nm = createSelector(Uo, (a2) => !!a2);
-var cm = createSelector(K, O, (a2, e) => {
+var cm = createSelector(Bo, (a2) => !!a2);
+var dm = createSelector(K, O, (a2, e) => {
   for (let t in a2) {
     let i = a2[t], { audio: r, video: s } = Ue(e, i);
     if (!s && r)
       return i;
   }
 });
-var dm = createSelector(K, O, (a2, e) => {
+var lm = createSelector(K, O, (a2, e) => {
   let t = [], i = [];
   for (let r in a2) {
     let s = a2[r], { video: o, audio: n } = Ue(e, s);
@@ -22018,79 +22036,79 @@ var dm = createSelector(K, O, (a2, e) => {
   }
   return t.concat(i);
 });
-var lm = createSelector(K, O, (a2, e) => {
+var um = createSelector(K, O, (a2, e) => {
   for (let t in e) {
     let i = e[t];
     if (mt(i) && ht(i) && i.peerId)
       return a2[i.peerId];
   }
 });
-var um = createSelector(K, O, (a2, e) => {
+var pm = createSelector(K, O, (a2, e) => {
   for (let t in e) {
     let i = e[t];
-    if (ri(i) && i.peerId)
+    if (si(i) && i.peerId)
       return a2[i.peerId];
   }
 });
-var pm = createSelector(Oo, (a2) => a2.filter(ds));
-var hm = createSelector(Zs, (a2) => a2.length);
-var mm = createSelector(fi, (a2) => Object.values(a2).filter((e) => !e.read).length);
-var At = createSelector(Zs, fi, (a2, e) => {
+var hm = createSelector(xo, (a2) => a2.filter(us));
+var mm = createSelector(ea, (a2) => a2.length);
+var Sm = createSelector(Mi, (a2) => Object.values(a2).filter((e) => !e.read).length);
+var Rt = createSelector(ea, Mi, (a2, e) => {
   let t = [];
   return a2.forEach((i) => {
     t.push(e[i]);
   }), t;
 });
-var Bo = createSelector(At, (a2) => a2.filter((e) => {
+var Vo = createSelector(Rt, (a2) => a2.filter((e) => {
   var t;
   return !e.recipientPeer && !(e.recipientRoles && ((t = e.recipientRoles) == null ? void 0 : t.length) > 0);
 }));
-var Sm = createSelector(Bo, (a2) => a2.filter((e) => !e.read).length);
+var gm = createSelector(Vo, (a2) => a2.filter((e) => !e.read).length);
 var re = createSelector([V], (a2) => a2 && a2.roomState);
-var ra = createSelector(re, (a2) => a2 === "Preview");
-var gm = createSelector(V, (a2) => a2.roomState !== "Disconnected");
-var Tm = createSelector(V, (a2) => !a2.transcriptions || a2.transcriptions.length <= 0 ? false : a2.transcriptions.some((e) => e.mode === "caption" && e.state === "started"));
+var sa = createSelector(re, (a2) => a2 === "Preview");
+var Tm = createSelector(V, (a2) => a2.roomState !== "Disconnected");
+var fm = createSelector(V, (a2) => !a2.transcriptions || a2.transcriptions.length <= 0 ? false : a2.transcriptions.some((e) => e.mode === "caption" && e.state === "started"));
 var ve = (a2) => a2.roles;
-var fm = createSelector([ve], (a2) => Object.keys(a2));
+var vm = createSelector([ve], (a2) => Object.keys(a2));
 var at = createSelector([ie, ve], (a2, e) => a2 != null && a2.roleName ? e[a2.roleName] : null);
-var Vo = (a2) => {
+var Fo = (a2) => {
   var e;
   return (e = a2.preview) == null ? void 0 : e.asRole;
 };
-var sa = createSelector([Vo, ve], (a2, e) => a2 ? e[a2] : null);
-var vm = createSelector([at], (a2) => {
+var aa = createSelector([Fo, ve], (a2, e) => a2 ? e[a2] : null);
+var Mm = createSelector([at], (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribeParams) != null && e.subscribeToRoles ? a2.subscribeParams.subscribeToRoles.length > 0 : false;
 });
-var aa = createSelector(at, (a2) => a2 == null ? void 0 : a2.permissions);
-var Mm = createSelector(V, (a2) => a2.recording);
-var ym = createSelector(V, (a2) => a2.rtmp);
-var km = createSelector(V, (a2) => a2.hls);
-var Em = createSelector(V, (a2) => a2.transcriptions);
-var Pm = createSelector(V, (a2) => a2.sessionId);
-var bm = createSelector(V, (a2) => a2.startedAt);
-var Im = createSelector(V, (a2) => !!a2.isLargeRoom);
+var oa = createSelector(at, (a2) => a2 == null ? void 0 : a2.permissions);
+var ym = createSelector(V, (a2) => a2.recording);
+var km = createSelector(V, (a2) => a2.rtmp);
+var Em = createSelector(V, (a2) => a2.hls);
+var Pm = createSelector(V, (a2) => a2.transcriptions);
+var bm = createSelector(V, (a2) => a2.sessionId);
+var Im = createSelector(V, (a2) => a2.startedAt);
+var Am = createSelector(V, (a2) => !!a2.isLargeRoom);
 var Rm = createSelector(V, (a2) => !!a2.isEffectsEnabled);
-var Am = createSelector(V, (a2) => !!a2.isVBEnabled);
-var Hm = createSelector(V, (a2) => a2.effectsKey);
-var oa = (a2) => a2.polls;
-var Dm = createSelector(fe, (a2) => a2.filter((e) => e.isHandRaised));
-var Fo = (a2) => a2.whiteboards;
-var _m = createSelector(Fo, (a2) => Object.values(a2)[0]);
-var ca = (a2 = "audio") => (e) => e.playlist[a2].list;
-var Wr = (a2 = "audio") => (e) => e.playlist[a2].selection;
-var da = (a2 = "audio") => (e) => e.playlist[a2].progress;
-var la = (a2 = "audio") => (e) => e.playlist[a2].currentTime;
-var ua = (a2 = "audio") => (e) => e.playlist[a2].playbackRate;
-var pa = (a2 = "audio") => (e) => e.playlist[a2].volume;
-var ha = (a2 = "audio") => createSelector(ca(a2), (e) => Object.values(e));
-var ma = (a2 = "audio") => createSelector(ca(a2), Wr(a2), (e, t) => {
+var Hm = createSelector(V, (a2) => !!a2.isVBEnabled);
+var Cm = createSelector(V, (a2) => a2.effectsKey);
+var na = (a2) => a2.polls;
+var _m = createSelector(fe, (a2) => a2.filter((e) => e.isHandRaised));
+var Go = (a2) => a2.whiteboards;
+var Nm = createSelector(Go, (a2) => Object.values(a2)[0]);
+var da = (a2 = "audio") => (e) => e.playlist[a2].list;
+var Kr = (a2 = "audio") => (e) => e.playlist[a2].selection;
+var la = (a2 = "audio") => (e) => e.playlist[a2].progress;
+var ua = (a2 = "audio") => (e) => e.playlist[a2].currentTime;
+var pa = (a2 = "audio") => (e) => e.playlist[a2].playbackRate;
+var ha = (a2 = "audio") => (e) => e.playlist[a2].volume;
+var ma = (a2 = "audio") => createSelector(da(a2), (e) => Object.values(e));
+var Sa = (a2 = "audio") => createSelector(da(a2), Kr(a2), (e, t) => {
   if (t.id)
     return e[t.id];
 });
-var Sa = { selection: Wr("audio"), progress: da("audio"), currentTime: la("audio"), playbackRate: ua("audio"), volume: pa("audio"), list: ha("audio"), selectedItem: ma("audio") };
-var ga = { selection: Wr("video"), progress: da("video"), currentTime: la("video"), playbackRate: ua("video"), volume: pa("video"), list: ha("video"), selectedItem: ma("video") };
-function A(a2) {
+var ga = { selection: Kr("audio"), progress: la("audio"), currentTime: ua("audio"), playbackRate: pa("audio"), volume: ha("audio"), list: ma("audio"), selectedItem: Sa("audio") };
+var Ta = { selection: Kr("video"), progress: la("video"), currentTime: ua("video"), playbackRate: pa("video"), volume: ha("video"), list: ma("video"), selectedItem: Sa("video") };
+function R(a2) {
   return (e) => (t) => a2(t, e);
 }
 var Ht = "HMS-Store:";
@@ -22160,133 +22178,133 @@ var b = class {
   }
 };
 b.level = 0;
-var $r = (a2, e) => e;
+var qr = (a2, e) => e;
 var Ct = (a2, e) => e;
-var Ta = (a2, e) => e;
-var Go = (a2, e) => e;
+var fa = (a2, e) => e;
 var Wo = (a2, e) => e;
-var q = createSelector([K, $r], (a2, e) => e ? a2[e] : null);
-var Kr = createSelector([O, Ct], (a2, e) => e ? a2[e] : null);
-var $o = createSelector([O, Ct], (a2, e) => {
+var $o = (a2, e) => e;
+var q = createSelector([K, qr], (a2, e) => e ? a2[e] : null);
+var jr = createSelector([O, Ct], (a2, e) => e ? a2[e] : null);
+var Ko = createSelector([O, Ct], (a2, e) => {
   if (!e)
     return null;
   let t = a2[e];
   return (t == null ? void 0 : t.type) === "video" ? t : null;
 });
-var Ko = createSelector([O, Ct], (a2, e) => {
+var qo = createSelector([O, Ct], (a2, e) => {
   if (!e)
     return null;
   let t = a2[e];
   return (t == null ? void 0 : t.type) === "audio" ? t : null;
 });
-var qo = createSelector([O, Ct], (a2, e) => {
+var jo = createSelector([O, Ct], (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 jo = createSelector([O, Ct], (a2, e) => {
+var Jo = createSelector([O, Ct], (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 Jo = createSelector([oa, Wo], (a2, e) => e ? a2[e] : null);
-var Y = A(q);
-var Km = A(createSelector([Vr, Go], (a2, e) => {
+var Qo = createSelector([na, $o], (a2, e) => e ? a2[e] : null);
+var Y = R(q);
+var qm = R(createSelector([Gr, Wo], (a2, e) => {
   if (a2)
     return e ? a2[e] : a2;
 }));
-function qm(a2) {
+function jm(a2) {
   return (e) => {
     if (e.sessionStore)
       return a2 ? e.sessionStore[a2] : e.sessionStore;
   };
 }
-var Jm = A(createSelector(q, (a2) => a2 == null ? void 0 : a2.name));
-var Qm = A(createSelector(q, (a2) => a2 == null ? void 0 : a2.type));
-var vi = A(Kr);
-var fa = A($o);
-var zm = A(Ko);
-var Ym = A(qo);
-var Xm = A(jo);
-var Qo = A((a2, e) => {
+var Qm = R(createSelector(q, (a2) => a2 == null ? void 0 : a2.name));
+var zm = R(createSelector(q, (a2) => a2 == null ? void 0 : a2.type));
+var yi = R(jr);
+var va = R(Ko);
+var Ym = R(qo);
+var Xm = R(jo);
+var Zm = R(Jo);
+var zo = R((a2, e) => {
   let t = q(a2, e);
   if (t && t.videoTrack && t.videoTrack !== "")
     return a2.tracks[t.videoTrack];
 });
-var zo = A((a2, e) => {
+var Yo = R((a2, e) => {
   let t = q(a2, e);
   if (t && t.audioTrack && t.audioTrack !== "")
     return a2.tracks[t.audioTrack];
 });
-var eS = A((a2, e) => {
+var tS = R((a2, e) => {
   let t = q(a2, e);
   return (t == null ? void 0 : t.auxiliaryTracks.map((i) => a2.tracks[i])) || [];
 });
-var va = (a2, e) => e ? a2.speakers[e] : null;
-var tS = A(createSelector(va, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
-var Yo = (a2, e) => {
-  let t = zo(e)(a2);
-  return va(a2, t == null ? void 0 : t.id);
-};
-var iS = A(createSelector(Yo, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
-var rS = A((a2, e) => {
+var Ma = (a2, e) => e ? a2.speakers[e] : null;
+var iS = R(createSelector(Ma, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+var Xo = (a2, e) => {
+  let t = Yo(e)(a2);
+  return Ma(a2, t == null ? void 0 : t.id);
+};
+var rS = R(createSelector(Xo, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+var sS = R((a2, e) => {
   if (e)
     return a2.connectionQualities[e];
 });
-var sS = A((a2, e) => {
+var aS = R((a2, e) => {
   let t = q(a2, e);
   if (t) {
     let i = t == null ? void 0 : t.auxiliaryTracks.find((r) => pt(a2.tracks[r]));
     return i ? a2.tracks[i] : void 0;
   }
 });
-var aS = A(createSelector(O, q, (a2, e) => {
+var oS = R(createSelector(O, q, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
     return mt(r) && ht(r);
   });
   return t ? a2[t] : void 0;
 }));
-var oS = A(createSelector(O, q, (a2, e) => {
+var nS = R(createSelector(O, q, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
     return mt(r) && pt(r);
   });
   return t ? a2[t] : void 0;
 }));
-var nS = A(createSelector(O, q, (a2, e) => {
+var cS = R(createSelector(O, q, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
-    return ri(r) && pt(r);
+    return si(r) && pt(r);
   });
   return t ? a2[t] : void 0;
 }));
-var Ma = A(createSelector(O, q, (a2, e) => Ue(a2, e)));
-var ya = (a2) => createSelector(Ma(a2), (e) => e.audio);
-var dS = A((a2, e) => {
+var ya = R(createSelector(O, q, (a2, e) => Ue(a2, e)));
+var ka = (a2) => createSelector(ya(a2), (e) => e.audio);
+var lS = R((a2, e) => {
   let t = q(a2, e);
   return je(a2, t == null ? void 0 : t.audioTrack);
 });
-var lS = A((a2, e) => {
+var uS = R((a2, e) => {
   let t = q(a2, e);
   return je(a2, t == null ? void 0 : t.videoTrack);
 });
-var ka = A((a2, e) => {
+var Ea = R((a2, e) => {
   if (e && a2.tracks[e])
     return a2.tracks[e].volume === 0;
 });
-var uS = A((a2, e) => {
+var pS = R((a2, e) => {
   let t = q(a2, e);
-  return ka(t == null ? void 0 : t.audioTrack)(a2);
+  return Ea(t == null ? void 0 : t.audioTrack)(a2);
 });
-var pS = A((a2, e) => {
-  let t = ya(e)(a2);
-  return ka(t == null ? void 0 : t.id)(a2);
+var hS = R((a2, e) => {
+  let t = ka(e)(a2);
+  return Ea(t == null ? void 0 : t.id)(a2);
 });
-var Ea = A((a2, e) => {
-  let t = Kr(a2, e);
+var Pa = R((a2, e) => {
+  let t = jr(a2, e);
   if (t) {
     if (t.type !== "audio") {
       b.w("Please pass audio track here");
@@ -22295,16 +22313,16 @@ var Ea = A((a2, e) => {
     return t.volume;
   }
 });
-var hS = A((a2, e) => {
+var mS = R((a2, e) => {
   let t = q(a2, e);
-  return Ea(t == null ? void 0 : t.audioTrack)(a2);
+  return Pa(t == null ? void 0 : t.audioTrack)(a2);
 });
-var mS = A((a2, e) => {
-  let t = ya(e)(a2);
-  return Ea(t == null ? void 0 : t.id)(a2);
+var SS = R((a2, e) => {
+  let t = ka(e)(a2);
+  return Pa(t == null ? void 0 : t.id)(a2);
 });
-var SS = A((a2, e) => {
-  let t = Kr(a2, e);
+var gS = R((a2, e) => {
+  let t = jr(a2, e);
   if (t) {
     if (t.type !== "video") {
       b.w("Please pass video track here");
@@ -22313,50 +22331,50 @@ var SS = A((a2, e) => {
     return t.layer;
   }
 });
-var Pa = createSelector([At, Ee, $r], (a2, e, t) => {
+var ba = createSelector([Rt, Ee, qr], (a2, e, t) => {
   if (t)
     return a2.filter((i) => {
       var r;
       return !i.recipientPeer && !((r = i.recipientRoles) != null && r.length) || i.sender && ![e, t].includes(i.sender) ? false : [e, t].includes(i.recipientPeer);
     });
 });
-var ba = createSelector([At, Ta], (a2, e) => {
+var Ia = createSelector([Rt, fa], (a2, e) => {
   if (e)
     return a2.filter((t) => {
       var i, r;
       return (i = t.recipientRoles) != null && i.length ? (r = t.recipientRoles) == null ? void 0 : r.includes(e) : false;
     });
 });
-var Xo = createSelector(At, (a2) => a2.filter((e) => {
+var Zo = createSelector(Rt, (a2) => a2.filter((e) => {
   var t;
   return !e.recipientPeer && !((t = e.recipientRoles) != null && t.length);
 }));
-var Zo = createSelector([ba, Ta], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-var en = createSelector([Pa, $r], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-var gS = createSelector(Xo, (a2) => a2.filter((e) => !e.read).length);
-var TS = A(Pa);
-var fS = A(ba);
-var vS = A(Zo);
-var MS = A(en);
-var Ia = A(Jo);
-var wS = createSelector([K, O], (a2, e) => Object.values(a2).map((i) => {
+var en = createSelector([Ia, fa], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
+var tn = createSelector([ba, qr], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
+var TS = createSelector(Zo, (a2) => a2.filter((e) => !e.read).length);
+var fS = R(ba);
+var vS = R(Ia);
+var MS = R(en);
+var yS = R(tn);
+var Aa = R(Qo);
+var DS = createSelector([K, O], (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 tn = (a2) => a2.roleChangeRequests[0] || null;
-var DS = createSelector([tn, K, ve], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
-var _S = createSelector([at], (a2) => St(a2));
-var NS = createSelector([sa], (a2) => St(a2));
-var sn = createSelector([z, O], (a2, e) => {
+var rn = (a2) => a2.roleChangeRequests[0] || null;
+var _S = createSelector([rn, K, ve], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
+var NS = createSelector([at], (a2) => St(a2));
+var OS = createSelector([aa], (a2) => St(a2));
+var an = createSelector([z, O], (a2, e) => {
   let t = null;
   return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
 });
-var an = createSelector([oe, O], (a2, e) => {
+var on = createSelector([oe, O], (a2, e) => {
   let t = null;
   return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
 });
-var cn = ((n) => (n[n.STARTING = 0] = "STARTING", n[n.INIT_FETCHED = 1] = "INIT_FETCHED", n[n.SIGNAL_CONNECTED = 2] = "SIGNAL_CONNECTED", n[n.ICE_ESTABLISHED = 3] = "ICE_ESTABLISHED", n[n.MEDIA_CAPTURED = 4] = "MEDIA_CAPTURED", n[n.MEDIA_PUBLISHED = 5] = "MEDIA_PUBLISHED", n[n.COMPLETED = 6] = "COMPLETED", n))(cn || {});
-var zr = class {
+var dn = ((n) => (n[n.STARTING = 0] = "STARTING", n[n.INIT_FETCHED = 1] = "INIT_FETCHED", n[n.SIGNAL_CONNECTED = 2] = "SIGNAL_CONNECTED", n[n.ICE_ESTABLISHED = 3] = "ICE_ESTABLISHED", n[n.MEDIA_CAPTURED = 4] = "MEDIA_CAPTURED", n[n.MEDIA_PUBLISHED = 5] = "MEDIA_PUBLISHED", n[n.COMPLETED = 6] = "COMPLETED", n))(dn || {});
+var Xr = class {
   constructor() {
     this.TAG = "[HTTPAnalyticsTransport]";
     this.failedEvents = new me("client-events");
@@ -22375,7 +22393,7 @@ var zr = class {
       this.addEventToStorage(e);
       return;
     }
-    let t = { event: e.name, payload: e.properties, event_id: String(e.timestamp), peer: e.metadata.peer, timestamp: e.timestamp, device_id: e.device_id, cluster: { websocket_url: this.websocketURL } }, i = this.env === "prod" ? Ws : $s;
+    let t = { event: e.name, payload: e.properties, event_id: String(e.timestamp), peer: e.metadata.peer, timestamp: e.timestamp, device_id: e.device_id, cluster: { websocket_url: this.websocketURL } }, i = this.env === "prod" ? $s : Ks;
     fetch(i, { method: "POST", headers: { "Content-Type": "application/json", Authorization: `Bearer ${e.metadata.token}`, user_agent_v2: e.metadata.userAgent }, body: JSON.stringify(t) }).then((r) => {
       if (r.status === 401) {
         this.removeFromStorage(e);
@@ -22401,66 +22419,93 @@ var zr = class {
     i > -1 && (t.splice(i, 1), this.failedEvents.set(t));
   }
 };
-var be = new zr();
+var be = new Xr();
+var Vt = class {
+  static handleError(e) {
+    if (e.status === 404)
+      throw S.APIErrors.EndpointUnreachable("FEEDBACK", e.statusText);
+    if (e.status >= 400)
+      throw S.APIErrors.ServerErrors(e.status, "FEEDBACK", e == null ? void 0 : e.statusText);
+  }
+  static sendFeedback(s) {
+    return c(this, arguments, function* ({ token: e, eventEndpoint: t = "https://event.100ms.live", info: i, feedback: r }) {
+      l.d(this.TAG, `sendFeedback: feedbackEndpoint=${t} peerId=${i.peer.peer_id} session=${i.peer.session_id} `);
+      let o = new URL("v2/client/feedback", t), n = M(h({}, i), { payload: r });
+      try {
+        let d = yield fetch(o, { headers: { Authorization: `Bearer ${e}` }, body: JSON.stringify(n), method: "POST" });
+        try {
+          this.handleError(d);
+          return;
+        } catch (u) {
+          throw l.e(this.TAG, "error", u.message, d.status), u instanceof f ? u : S.APIErrors.ServerErrors(d.status, "FEEDBACK", u.message);
+        }
+      } catch (d) {
+        let u = d;
+        throw ["Failed to fetch", "NetworkError", "ECONNRESET"].some((p) => u.message.includes(p)) ? S.APIErrors.EndpointUnreachable("FEEDBACK", u.message) : u;
+      }
+    });
+  }
+};
+Vt.TAG = "[FeedbackService]";
 var j = ((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))(j || {});
-var ir = ((n) => (n.Disconnected = "Disconnected", n.Connecting = "Connecting", n.Joined = "Joined", n.Preview = "Preview", n.Failed = "Failed", n.Reconnecting = "Reconnecting", n.Leaving = "Leaving", n))(ir || {});
+var sr = ((n) => (n.Disconnected = "Disconnected", n.Connecting = "Connecting", n.Joined = "Joined", n.Preview = "Preview", n.Failed = "Failed", n.Reconnecting = "Reconnecting", n.Leaving = "Leaving", n))(sr || {});
 var lt = ((t) => (t[t.Publish = 0] = "Publish", t[t.Subscribe = 1] = "Subscribe", t))(lt || {});
 var Rn = (a2) => a2.localPeer.id;
-var An = (a2) => a2.localPeer.audioTrack;
-var Hn = (a2) => a2.localPeer.videoTrack;
-var Cn = (a2, e) => e;
-var Qa = (a2, e) => e;
-var Ln = (a2) => a2.remoteTrackStats;
-var za = (a2) => a2.peerStats;
-var ts = (a2) => a2.localTrackStats;
-var Re = createSelector([za, Rn], (a2, e) => a2[e]);
-var wn = createSelector(Re, (a2) => {
+var Hn = (a2) => a2.localPeer.audioTrack;
+var Cn = (a2) => a2.localPeer.videoTrack;
+var Ln = (a2, e) => e;
+var za = (a2, e) => e;
+var wn = (a2) => a2.remoteTrackStats;
+var Ya = (a2) => a2.peerStats;
+var rs = (a2) => a2.localTrackStats;
+var Ae = createSelector([Ya, Rn], (a2, e) => a2[e]);
+var Dn = createSelector(Ae, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.packetsLost;
 });
-var Dn = createSelector(Re, (a2) => {
+var _n = createSelector(Ae, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.jitter;
 });
-var _n = createSelector(Re, (a2) => {
+var Nn = createSelector(Ae, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bitrate;
 });
-var Nn = createSelector(Re, (a2) => {
+var On = createSelector(Ae, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bitrate;
 });
-var On = createSelector(Re, (a2) => {
+var xn = createSelector(Ae, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.availableOutgoingBitrate;
 });
-var xn = createSelector(Re, (a2) => {
+var Un = createSelector(Ae, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.availableIncomingBitrate;
 });
-var Un = createSelector(Re, (a2) => {
+var Bn = createSelector(Ae, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bytesSent;
 });
-var Bn = createSelector(Re, (a2) => {
+var Vn = createSelector(Ae, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bytesReceived;
 });
-var Vn = createSelector([za, Cn], (a2, e) => e ? a2[e] : void 0);
-var Fn = createSelector([Ln, Qa], (a2, e) => e ? a2[e] : void 0);
-var is = createSelector([ts, Qa], (a2, e) => e ? a2[e] : void 0);
-var Gn = A(Vn);
-var Wn = A(Fn);
-var $n = createSelector([ts, An], (a2, e) => {
+var Fn = createSelector([Ya, Ln], (a2, e) => e ? a2[e] : void 0);
+var Gn = createSelector([wn, za], (a2, e) => e ? a2[e] : void 0);
+var ss = createSelector([rs, za], (a2, e) => e ? a2[e] : void 0);
+var Wn = R(Fn);
+var $n = R(Gn);
+var Kn = createSelector([rs, Hn], (a2, e) => {
   var t;
   return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
 });
-var Kn = A(createSelector(is, (a2) => a2 == null ? void 0 : a2[0]));
-var qn = createSelector([ts, Hn], (a2, e) => {
+var qn = R(createSelector(ss, (a2) => a2 == null ? void 0 : a2[0]));
+var jn = createSelector([rs, Cn], (a2, e) => {
   var t;
   return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
 });
-var jn = A(createSelector(is, (a2) => a2));
+var Jn = R(createSelector(ss, (a2) => a2));
 
 // src/Prebuilt/components/Header/StreamActions.tsx
 import {
@@ -22579,7 +22624,7 @@ var RecordingStatus = () => {
 };
 var RecordingPauseStatus = () => {
   const recording = useHMSStore29(selectRecordingState2);
-  if (recording.hls && recording.hls.state === Cs.PAUSED) {
+  if (recording.hls && recording.hls.state === Ls.PAUSED) {
     return /* @__PURE__ */ React64.createElement(
       Tooltip,
       {
@@ -27394,7 +27439,7 @@ var Chat = () => {
   const listRef = useRef25(null);
   const hmsActions = useHMSActions42();
   const vanillaStore = useHMSVanillaStore11();
-  const { enabled: isChatEnabled = true } = useHMSStore61(qm("chatState" /* CHAT_STATE */)) || {};
+  const { enabled: isChatEnabled = true } = useHMSStore61(jm("chatState" /* CHAT_STATE */)) || {};
   const isMobile = useMedia20(config.media.md);
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeStream = useLandscapeHLSStream();
@@ -27484,7 +27529,7 @@ var NewMessageIndicator = ({
   scrollToBottom,
   listRef
 }) => {
-  const unreadCount = useHMSStore61(mm);
+  const unreadCount = useHMSStore61(Sm);
   if (!unreadCount || !listRef.current) {
     return null;
   }
@@ -28513,11 +28558,11 @@ var VBPicker = ({ backgroundMedia = [] }) => {
   const isLargeRoom = useHMSStore69(selectIsLargeRoom3);
   const [isBlurSupported, setIsBlurSupported] = useState56(false);
   const isEffectsEnabled = useHMSStore69(Rm);
-  const effectsKey = useHMSStore69(Hm);
+  const effectsKey = useHMSStore69(Cm);
   const isMobile = useMedia24(config.media.md);
   const [loadingEffects, setLoadingEffects] = useSetAppDataByKey(APP_DATA.loadingEffects);
   const isPluginAdded = useHMSStore69(selectIsLocalVideoPluginPresent(((_a7 = VBHandler) == null ? void 0 : _a7.getName()) || ""));
-  const background = useHMSStore69(Km(APP_DATA.background));
+  const background = useHMSStore69(qm(APP_DATA.background));
   const mediaList = backgroundMedia.map((media) => media.url || "");
   const inPreview = roomState === HMSRoomState5.Preview;
   const showVideoTile = isVideoOn && isLargeRoom && !inPreview;
@@ -30893,7 +30938,7 @@ var useCloseScreenshareWhiteboard = () => {
 };
 
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
-var HLSView = React157.lazy(() => import("./HLSView-BRZ2FW7O.js"));
+var HLSView = React157.lazy(() => import("./HLSView-YQCSQSBU.js"));
 var VideoStreamingSection = ({
   screenType,
   elements,
@@ -31658,12 +31703,468 @@ var KeyboardHandler = () => {
 
 // src/Prebuilt/components/LeaveScreen.tsx
 init_define_process_env();
-import React164 from "react";
+import React167 from "react";
 import { ExitIcon as ExitIcon3 } from "@100mslive/react-icons";
+
+// src/Prebuilt/components/EndCallFeedback/Feedback.tsx
+init_define_process_env();
+import React166, { useState as useState70 } from "react";
+import { useMedia as useMedia43 } from "react-use";
+
+// src/Prebuilt/components/EndCallFeedback/FeedbackForm.tsx
+init_define_process_env();
+import React164, { useState as useState69 } from "react";
+import { useMedia as useMedia41 } from "react-use";
+import { useHMSActions as useHMSActions52 } from "@100mslive/react-sdk";
+import { CheckIcon as CheckIcon9, CrossIcon as CrossIcon28 } from "@100mslive/react-icons";
+var FEEBACK_INDEX = {
+  THANK_YOU: -10,
+  INIT: -1
+};
+var FeedbackModal = ({
+  ratings,
+  index,
+  setIndex
+}) => {
+  const isMobile = useMedia41(config.media.md);
+  const onOpenChange = () => {
+    setIndex(FEEBACK_INDEX.INIT);
+  };
+  const avoidDefaultDomBehavior = (e) => {
+    e.preventDefault();
+  };
+  if (isMobile) {
+    return /* @__PURE__ */ React164.createElement(Sheet.Root, { open: index !== FEEBACK_INDEX.INIT, onOpenChange }, /* @__PURE__ */ React164.createElement(
+      Sheet.Content,
+      {
+        css: { bg: "$surface_dim", p: "$12" },
+        onPointerDownOutside: avoidDefaultDomBehavior,
+        onInteractOutside: avoidDefaultDomBehavior
+      },
+      /* @__PURE__ */ React164.createElement(FeedbackContent, { ratings, indexSelected: index, setIndex })
+    ));
+  }
+  return /* @__PURE__ */ React164.createElement(Dialog.Root, { open: index !== FEEBACK_INDEX.INIT, onOpenChange }, /* @__PURE__ */ React164.createElement(Dialog.Portal, null, /* @__PURE__ */ React164.createElement(Dialog.Overlay, null), /* @__PURE__ */ React164.createElement(
+    Dialog.Content,
+    {
+      css: { bg: "$surface_dim", width: "528px", p: "$12" },
+      onPointerDownOutside: avoidDefaultDomBehavior,
+      onInteractOutside: avoidDefaultDomBehavior
+    },
+    /* @__PURE__ */ React164.createElement(FeedbackContent, { ratings, indexSelected: index, setIndex })
+  )));
+};
+var FeedbackContent = ({
+  ratings,
+  indexSelected,
+  setIndex
+}) => {
+  const { feedback } = useRoomLayoutLeaveScreen();
+  const { endpoints } = useHMSPrebuiltContext();
+  const hmsActions = useHMSActions52();
+  const [comment, setComment] = useState69("");
+  const [selectedReasons, setSelectedReasons] = useState69(/* @__PURE__ */ new Set());
+  const handleCheckedChange = (checked, index) => {
+    const newSelected = new Set(selectedReasons);
+    if (checked) {
+      newSelected.add(index);
+    } else {
+      newSelected.delete(index);
+    }
+    setSelectedReasons(newSelected);
+  };
+  const submitFeedback = () => __async(void 0, null, function* () {
+    if (indexSelected < 0 || ratings.length <= indexSelected) {
+      return;
+    }
+    try {
+      const reasons = [...selectedReasons].map((value) => {
+        var _a7, _b7;
+        return ((_b7 = (_a7 = ratings[indexSelected]) == null ? void 0 : _a7.reasons) == null ? void 0 : _b7[value]) || "";
+      });
+      yield hmsActions.submitSessionFeedback(
+        {
+          question: ratings[indexSelected].question,
+          rating: ratings[indexSelected].value || 1,
+          min_rating: 1,
+          max_rating: ratings.length,
+          reasons: selectedReasons.size === 0 ? [] : reasons,
+          comment
+        },
+        endpoints == null ? void 0 : endpoints.event
+      );
+    } catch (e) {
+      console.error(e);
+    }
+    setIndex(FEEBACK_INDEX.THANK_YOU);
+  });
+  return /* @__PURE__ */ React164.createElement(
+    Flex,
+    {
+      css: {
+        p: indexSelected === FEEBACK_INDEX.INIT ? "$12 !important" : "0",
+        bg: "$surface_dim",
+        r: "$3",
+        gap: "$10"
+      },
+      direction: "column"
+    },
+    /* @__PURE__ */ React164.createElement(
+      FeedbackHeader,
+      {
+        ratings,
+        indexSelected,
+        onEmojiClicked: (value) => {
+          setSelectedReasons(/* @__PURE__ */ new Set());
+          setIndex(value);
+        }
+      }
+    ),
+    /* @__PURE__ */ React164.createElement(
+      FeedbackForm,
+      {
+        rating: ratings[indexSelected],
+        comment,
+        setComment,
+        selectedReasons,
+        handleCheckedChange
+      }
+    ),
+    /* @__PURE__ */ React164.createElement(
+      Button,
+      {
+        type: "submit",
+        icon: true,
+        css: {
+          alignSelf: "end"
+        },
+        onClick: submitFeedback
+      },
+      (feedback == null ? void 0 : feedback.submit_btn_label) || "Submit Feedback"
+    )
+  );
+};
+var FeedbackHeader = ({
+  onEmojiClicked,
+  ratings,
+  indexSelected = FEEBACK_INDEX.INIT
+}) => {
+  const { feedback } = useRoomLayoutLeaveScreen();
+  return /* @__PURE__ */ React164.createElement(React164.Fragment, null, /* @__PURE__ */ React164.createElement(Flex, { align: "center" }, /* @__PURE__ */ React164.createElement(
+    Flex,
+    {
+      direction: "column",
+      css: {
+        flex: "1 1 0"
+      }
+    },
+    /* @__PURE__ */ React164.createElement(
+      Text,
+      {
+        variant: "h5",
+        css: {
+          c: "$on_surface_high",
+          fontStyle: "normal"
+        }
+      },
+      (feedback == null ? void 0 : feedback.title) || "How was your experience?"
+    ),
+    /* @__PURE__ */ React164.createElement(
+      Text,
+      {
+        variant: "body1",
+        css: {
+          c: "$on_surface_medium",
+          opacity: 0.9,
+          fontWeight: "$regular"
+        }
+      },
+      (feedback == null ? void 0 : feedback.sub_title) || "Your answers help us improve the quality."
+    )
+  ), indexSelected !== FEEBACK_INDEX.INIT ? /* @__PURE__ */ React164.createElement(CrossIcon28, { width: "24px", height: "24px", color: "white", onClick: () => onEmojiClicked(FEEBACK_INDEX.INIT) }) : null), /* @__PURE__ */ React164.createElement(
+    Flex,
+    {
+      css: {
+        gap: "$17",
+        c: "$on_surface_high"
+      }
+    },
+    ratings.map((element, index) => {
+      return /* @__PURE__ */ React164.createElement(
+        Flex,
+        {
+          align: "center",
+          direction: "column",
+          css: {
+            c: indexSelected === index || indexSelected === FEEBACK_INDEX.INIT ? "$on_surface_high" : "$on_surface_default",
+            gap: "$4"
+          },
+          onClick: () => onEmojiClicked(index),
+          key: `${index}`
+        },
+        /* @__PURE__ */ React164.createElement(
+          Text,
+          {
+            css: {
+              fontWeight: "$semiBold",
+              fontSize: "$h4",
+              pb: "$1",
+              cursor: "pointer",
+              opacity: indexSelected === index || indexSelected === FEEBACK_INDEX.INIT ? 1 : 0.2
+            }
+          },
+          element.emoji
+        ),
+        /* @__PURE__ */ React164.createElement(
+          Text,
+          {
+            variant: "body1",
+            css: {
+              c: indexSelected === index || indexSelected === FEEBACK_INDEX.INIT ? "$on_surface_medium" : "$on_surface_low",
+              fontWeight: "$regular"
+            }
+          },
+          element.label
+        )
+      );
+    })
+  ));
+};
+var FeedbackForm = ({
+  rating,
+  comment,
+  setComment,
+  selectedReasons,
+  handleCheckedChange
+}) => {
+  const { feedback } = useRoomLayoutLeaveScreen();
+  return /* @__PURE__ */ React164.createElement(React164.Fragment, null, rating.reasons && rating.reasons.length > 0 && /* @__PURE__ */ React164.createElement(
+    Flex,
+    {
+      direction: "column",
+      css: {
+        gap: "$4"
+      }
+    },
+    /* @__PURE__ */ React164.createElement(
+      Text,
+      {
+        variant: "sub2",
+        css: {
+          c: "$on_surface_high",
+          fontWeight: "$semiBold",
+          fontSize: "$sm",
+          px: "$2"
+        }
+      },
+      rating.question || "What do you like/dislike here?"
+    ),
+    /* @__PURE__ */ React164.createElement(
+      Flex,
+      {
+        css: {
+          alignItems: "flex-start",
+          alignSelf: "stretch",
+          flexWrap: "wrap",
+          gap: "$6",
+          flex: "1 1 calc(25% - 12px)",
+          "@md": {
+            flex: "1 1 calc(50% - 12px)"
+          },
+          "@sm": {
+            flex: "1 1 100%"
+          }
+        }
+      },
+      rating.reasons.map((option, index) => {
+        return /* @__PURE__ */ React164.createElement(
+          Flex,
+          {
+            align: "center",
+            gap: "2",
+            key: index,
+            css: {
+              border: "1px solid $border_bright",
+              r: "$1",
+              p: "$6"
+            }
+          },
+          /* @__PURE__ */ React164.createElement(
+            Checkbox.Root,
+            {
+              id: `${option}-${index}`,
+              checked: selectedReasons.has(index),
+              onCheckedChange: (checked) => handleCheckedChange(checked, index),
+              css: {
+                cursor: "pointer",
+                flexShrink: 0,
+                bg: "$on_secondary_low",
+                border: "1px solid $border_bright"
+              }
+            },
+            /* @__PURE__ */ React164.createElement(Checkbox.Indicator, null, /* @__PURE__ */ React164.createElement(CheckIcon9, { width: 12, height: 12 }))
+          ),
+          /* @__PURE__ */ React164.createElement(
+            Label3,
+            {
+              css: {
+                color: "$on_surface_high",
+                fontSize: "$sm",
+                fontWeight: "$regular",
+                lineHeight: "20px"
+              }
+            },
+            option
+          )
+        );
+      })
+    )
+  ), (feedback == null ? void 0 : feedback.comment) && /* @__PURE__ */ React164.createElement(
+    Flex,
+    {
+      direction: "column",
+      css: {
+        gap: "$4"
+      }
+    },
+    /* @__PURE__ */ React164.createElement(
+      Text,
+      {
+        variant: "body2",
+        css: {
+          c: "$on_surface_high",
+          fontWeight: "$regular",
+          fontSize: "$sm"
+        }
+      },
+      (feedback == null ? void 0 : feedback.comment.label) || "Additional comments (optional)"
+    ),
+    /* @__PURE__ */ React164.createElement(
+      TextArea,
+      {
+        maxLength: 1024,
+        placeholder: (feedback == null ? void 0 : feedback.comment.placeholder) || "Tell us more...",
+        css: {
+          backgroundColor: "$surface_bright",
+          border: "1px solid $border_bright",
+          resize: "none",
+          height: "$36",
+          display: "flex"
+        },
+        value: comment,
+        onChange: (event) => setComment(event.target.value.trimStart())
+      }
+    )
+  ));
+};
+
+// src/Prebuilt/components/EndCallFeedback/ThankyouView.tsx
+init_define_process_env();
+import React165 from "react";
+import { useMedia as useMedia42 } from "react-use";
+import { UserMusicIcon } from "@100mslive/react-icons";
+var ThankyouView = () => {
+  const isMobile = useMedia42(config.media.md);
+  return /* @__PURE__ */ React165.createElement(
+    Flex,
+    {
+      direction: isMobile ? "column" : "row",
+      align: "center",
+      css: {
+        gap: "$10",
+        border: "1px solid $border_default",
+        borderRadius: !isMobile ? "$3" : "$3 $3 0 0",
+        bg: "$surface_dim",
+        w: !isMobile ? "528px" : "410px",
+        p: "$12",
+        pb: isMobile ? "$16" : "$12",
+        "@md": {
+          position: "absolute",
+          bottom: "0"
+        }
+      }
+    },
+    /* @__PURE__ */ React165.createElement(UserMusicIcon, { width: "64px", height: "64px" }),
+    /* @__PURE__ */ React165.createElement(Flex, { direction: "column", align: isMobile ? "center" : "start" }, /* @__PURE__ */ React165.createElement(Text, { variant: "h5" }, "Thank you for your feedback!"), /* @__PURE__ */ React165.createElement(
+      Text,
+      {
+        variant: "body1",
+        css: {
+          fontWeight: "$regular",
+          fontSize: "$md",
+          opacity: "0.9"
+        }
+      },
+      "Your answers help us improve."
+    ))
+  );
+};
+
+// src/Prebuilt/components/EndCallFeedback/Feedback.tsx
+var Feedback = () => {
+  const { feedback } = useRoomLayoutLeaveScreen();
+  const [index, setIndex] = useState70(FEEBACK_INDEX.INIT);
+  const isMobile = useMedia43(config.media.md);
+  if (!feedback) {
+    return null;
+  }
+  const { ratings } = feedback;
+  if (!ratings) {
+    return null;
+  }
+  ratings.sort((a2, b2) => {
+    if (!a2.value || !b2.value) {
+      return 0;
+    }
+    return a2.value - b2.value;
+  });
+  if (index === FEEBACK_INDEX.THANK_YOU) {
+    return /* @__PURE__ */ React166.createElement(
+      Flex,
+      {
+        justify: "center",
+        css: {
+          pt: "$16"
+        }
+      },
+      /* @__PURE__ */ React166.createElement(ThankyouView, null)
+    );
+  }
+  return /* @__PURE__ */ React166.createElement(
+    Flex,
+    {
+      justify: "center",
+      css: {
+        pt: "$16",
+        w: "528px"
+      }
+    },
+    index === FEEBACK_INDEX.INIT ? /* @__PURE__ */ React166.createElement(
+      Flex,
+      {
+        css: {
+          p: "$12",
+          border: "1px solid $border_default",
+          bg: "$surface_dim",
+          borderRadius: !isMobile ? "$3" : "$3 $3 0 0",
+          gap: "$10",
+          "@md": {
+            position: "absolute",
+            bottom: "0"
+          }
+        },
+        direction: "column"
+      },
+      /* @__PURE__ */ React166.createElement(FeedbackHeader, { ratings, onEmojiClicked: setIndex })
+    ) : /* @__PURE__ */ React166.createElement(FeedbackModal, { ratings, index, setIndex })
+  );
+};
+
+// src/Prebuilt/components/LeaveScreen.tsx
 var LeaveScreen = () => {
   const { rejoin } = useHMSAppStateContext();
   const [previewPreference] = useUserPreferences(UserPreferencesKeys.PREVIEW, defaultPreviewPreference);
-  return /* @__PURE__ */ React164.createElement(Flex, { direction: "column", css: { size: "100%" } }, /* @__PURE__ */ React164.createElement(Box, { css: { h: "$18", "@md": { h: "$17" } }, "data-testid": "header" }, /* @__PURE__ */ React164.createElement(Header2, null)), /* @__PURE__ */ React164.createElement(
+  return /* @__PURE__ */ React167.createElement(Flex, { direction: "column", css: { size: "100%" } }, /* @__PURE__ */ React167.createElement(Box, { css: { h: "$18", "@md": { h: "$17" } }, "data-testid": "header" }, /* @__PURE__ */ React167.createElement(Header2, null)), /* @__PURE__ */ React167.createElement(
     Flex,
     {
       justify: "center",
@@ -31671,9 +32172,9 @@ var LeaveScreen = () => {
       align: "center",
       css: { bg: "$background_dim", flex: "1 1 0", position: "relative" }
     },
-    /* @__PURE__ */ React164.createElement(Text, { variant: "h2", css: { fontWeight: "$semiBold" } }, "\u{1F44B}"),
-    /* @__PURE__ */ React164.createElement(Text, { variant: "h4", css: { color: "$on_surface_high", fontWeight: "$semiBold", mt: "$12" } }, "You left the room"),
-    /* @__PURE__ */ React164.createElement(
+    /* @__PURE__ */ React167.createElement(Text, { variant: "h2", css: { fontWeight: "$semiBold" } }, "\u{1F44B}"),
+    /* @__PURE__ */ React167.createElement(Text, { variant: "h4", css: { color: "$on_surface_high", fontWeight: "$semiBold", mt: "$12" } }, "You left the room"),
+    /* @__PURE__ */ React167.createElement(
       Text,
       {
         variant: "body1",
@@ -31685,10 +32186,10 @@ var LeaveScreen = () => {
         }
       },
       "Have a nice day",
-      previewPreference.name && /* @__PURE__ */ React164.createElement(Box, { as: "span", css: __spreadValues({}, textEllipsis(100)) }, ", ", previewPreference.name),
+      previewPreference.name && /* @__PURE__ */ React167.createElement(Box, { as: "span", css: __spreadValues({}, textEllipsis(100)) }, ", ", previewPreference.name),
       "!"
     ),
-    /* @__PURE__ */ React164.createElement(Flex, { css: { mt: "$14", gap: "$10", alignItems: "center" } }, /* @__PURE__ */ React164.createElement(Text, { variant: "body1", css: { color: "$on_surface_medium", fontWeight: "$regular" } }, "Left by mistake?"), /* @__PURE__ */ React164.createElement(
+    /* @__PURE__ */ React167.createElement(Flex, { css: { mt: "$14", gap: "$10", alignItems: "center" } }, /* @__PURE__ */ React167.createElement(Text, { variant: "body1", css: { color: "$on_surface_medium", fontWeight: "$regular" } }, "Left by mistake?"), /* @__PURE__ */ React167.createElement(
       Button,
       {
         onClick: () => {
@@ -31697,21 +32198,22 @@ var LeaveScreen = () => {
         },
         "data-testid": "join_again_btn"
       },
-      /* @__PURE__ */ React164.createElement(ExitIcon3, null),
-      /* @__PURE__ */ React164.createElement(Text, { css: { ml: "$3", fontWeight: "$semiBold", color: "inherit" } }, "Rejoin")
-    ))
+      /* @__PURE__ */ React167.createElement(ExitIcon3, null),
+      /* @__PURE__ */ React167.createElement(Text, { css: { ml: "$3", fontWeight: "$semiBold", color: "inherit" } }, "Rejoin")
+    )),
+    /* @__PURE__ */ React167.createElement(Feedback, null)
   ));
 };
 
 // src/Prebuilt/components/MwebLandscapePrompt.tsx
 init_define_process_env();
-import React165, { useEffect as useEffect63, useState as useState69 } from "react";
-import { useMedia as useMedia41 } from "react-use";
+import React168, { useEffect as useEffect63, useState as useState71 } from "react";
+import { useMedia as useMedia44 } from "react-use";
 import { match as match14, P as P6 } from "ts-pattern";
 import { RefreshIcon } from "@100mslive/react-icons";
 var MwebLandscapePrompt = () => {
-  const [showMwebLandscapePrompt, setShowMwebLandscapePrompt] = useState69(false);
-  const isLandscape = useMedia41(config.media.ls);
+  const [showMwebLandscapePrompt, setShowMwebLandscapePrompt] = useState71(false);
+  const isLandscape = useMedia44(config.media.ls);
   const isLandscapeHLSStream = useLandscapeHLSStream();
   useEffect63(() => {
     var _a7;
@@ -31739,7 +32241,7 @@ var MwebLandscapePrompt = () => {
   if (isLandscapeHLSStream) {
     return null;
   }
-  return /* @__PURE__ */ React165.createElement(Dialog.Root, { open: showMwebLandscapePrompt, onOpenChange: setShowMwebLandscapePrompt }, /* @__PURE__ */ React165.createElement(Dialog.Portal, null, /* @__PURE__ */ React165.createElement(Dialog.Overlay, null), /* @__PURE__ */ React165.createElement(Dialog.Content, { css: { w: "min(420px, 90%)", p: "$8", bg: "$surface_dim" } }, /* @__PURE__ */ React165.createElement(Box, null, /* @__PURE__ */ React165.createElement(
+  return /* @__PURE__ */ React168.createElement(Dialog.Root, { open: showMwebLandscapePrompt, onOpenChange: setShowMwebLandscapePrompt }, /* @__PURE__ */ React168.createElement(Dialog.Portal, null, /* @__PURE__ */ React168.createElement(Dialog.Overlay, null), /* @__PURE__ */ React168.createElement(Dialog.Content, { css: { w: "min(420px, 90%)", p: "$8", bg: "$surface_dim" } }, /* @__PURE__ */ React168.createElement(Box, null, /* @__PURE__ */ React168.createElement(
     Flex,
     {
       css: {
@@ -31748,9 +32250,9 @@ var MwebLandscapePrompt = () => {
         alignItems: "center"
       }
     },
-    /* @__PURE__ */ React165.createElement(RefreshIcon, { style: { marginRight: "0.5rem" } }),
-    /* @__PURE__ */ React165.createElement(Text, { variant: "lg", css: { color: "$on_surface_high", fontWeight: "$semiBold" } }, "Please rotate your device")
-  ), /* @__PURE__ */ React165.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", mb: "$8", mt: "$4" } }, "We do not support landscape mode as of now, please use the app in portrait mode for the best experience."), /* @__PURE__ */ React165.createElement(Flex, { align: "center", justify: "between", css: { w: "100%", gap: "$8" } }, /* @__PURE__ */ React165.createElement(Button, { outlined: true, variant: "standard", css: { w: "100%" }, onClick: () => setShowMwebLandscapePrompt(false) }, "Continue anyway"))))));
+    /* @__PURE__ */ React168.createElement(RefreshIcon, { style: { marginRight: "0.5rem" } }),
+    /* @__PURE__ */ React168.createElement(Text, { variant: "lg", css: { color: "$on_surface_high", fontWeight: "$semiBold" } }, "Please rotate your device")
+  ), /* @__PURE__ */ React168.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", mb: "$8", mt: "$4" } }, "We do not support landscape mode as of now, please use the app in portrait mode for the best experience."), /* @__PURE__ */ React168.createElement(Flex, { align: "center", justify: "between", css: { w: "100%", gap: "$8" } }, /* @__PURE__ */ React168.createElement(Button, { outlined: true, variant: "standard", css: { w: "100%" }, onClick: () => setShowMwebLandscapePrompt(false) }, "Continue anyway"))))));
 };
 
 // src/Prebuilt/components/Notifications/index.tsx
@@ -31758,7 +32260,7 @@ init_define_process_env();
 
 // src/Prebuilt/components/Notifications/Notifications.tsx
 init_define_process_env();
-import React174, { useCallback as useCallback36, useEffect as useEffect74 } from "react";
+import React177, { useCallback as useCallback36, useEffect as useEffect74 } from "react";
 import {
   HMSNotificationTypes as HMSNotificationTypes11,
   HMSRoomState as HMSRoomState10,
@@ -31776,11 +32278,11 @@ import { GroupIcon as GroupIcon2 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Notifications/AutoplayBlockedModal.tsx
 init_define_process_env();
-import React166 from "react";
+import React169 from "react";
 import { useAutoplayError } from "@100mslive/react-sdk";
 function AutoplayBlockedModal() {
   const { error, resetError, unblockAudio } = useAutoplayError();
-  return /* @__PURE__ */ React166.createElement(
+  return /* @__PURE__ */ React169.createElement(
     Dialog.Root,
     {
       open: !!error,
@@ -31791,7 +32293,7 @@ function AutoplayBlockedModal() {
         resetError();
       }
     },
-    /* @__PURE__ */ React166.createElement(DialogContent, { title: "Permission Error", closeable: false }, /* @__PURE__ */ React166.createElement(DialogRow, null, /* @__PURE__ */ React166.createElement(Text, { variant: "md" }, "The browser wants us to get a confirmation for playing the Audio. Please allow audio to proceed.")), /* @__PURE__ */ React166.createElement(DialogRow, { justify: "end" }, /* @__PURE__ */ React166.createElement(
+    /* @__PURE__ */ React169.createElement(DialogContent, { title: "Permission Error", closeable: false }, /* @__PURE__ */ React169.createElement(DialogRow, null, /* @__PURE__ */ React169.createElement(Text, { variant: "md" }, "The browser wants us to get a confirmation for playing the Audio. Please allow audio to proceed.")), /* @__PURE__ */ React169.createElement(DialogRow, { justify: "end" }, /* @__PURE__ */ React169.createElement(
       Button,
       {
         variant: "primary",
@@ -31807,7 +32309,7 @@ function AutoplayBlockedModal() {
 
 // src/Prebuilt/components/Notifications/ChatNotifications.tsx
 init_define_process_env();
-import React167, { useEffect as useEffect64 } from "react";
+import React170, { useEffect as useEffect64 } from "react";
 import { v4 as uuid4 } from "uuid";
 import { selectLocalPeerID as selectLocalPeerID14, selectSessionStore as selectSessionStore13, useHMSStore as useHMSStore88 } from "@100mslive/react-sdk";
 import { ChatIcon as ChatIcon2, ChatUnreadIcon } from "@100mslive/react-icons";
@@ -31826,12 +32328,12 @@ var ChatNotifications = () => {
     }
     const notification = {
       id: uuid4(),
-      icon: chatState.enabled ? /* @__PURE__ */ React167.createElement(ChatUnreadIcon, null) : /* @__PURE__ */ React167.createElement(ChatIcon2, null),
+      icon: chatState.enabled ? /* @__PURE__ */ React170.createElement(ChatUnreadIcon, null) : /* @__PURE__ */ React170.createElement(ChatIcon2, null),
       title: `Chat ${chatState.enabled ? "resumed" : "paused"} by ${(_b7 = chatState.updatedBy) == null ? void 0 : _b7.userName}`
     };
     ToastManager.addToast(notification);
   }, [chatState, localPeerId]);
-  return /* @__PURE__ */ React167.createElement(React167.Fragment, null);
+  return /* @__PURE__ */ React170.createElement(React170.Fragment, null);
 };
 
 // src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx
@@ -31857,8 +32359,8 @@ init_define_process_env();
 
 // src/Prebuilt/components/Toast/ToastConfig.jsx
 init_define_process_env();
-import React168, { useCallback as useCallback35 } from "react";
-import { selectPeerByID as selectPeerByID5, useHMSActions as useHMSActions52, useHMSStore as useHMSStore89 } from "@100mslive/react-sdk";
+import React171, { useCallback as useCallback35 } from "react";
+import { selectPeerByID as selectPeerByID5, useHMSActions as useHMSActions53, useHMSStore as useHMSStore89 } from "@100mslive/react-sdk";
 import {
   ChatUnreadIcon as ChatUnreadIcon2,
   ConnectivityIcon,
@@ -31867,17 +32369,17 @@ import {
   PeopleRemoveIcon as PeopleRemoveIcon4,
   PoorConnectivityIcon as PoorConnectivityIcon2
 } from "@100mslive/react-icons";
-var ChatAction = React168.forwardRef((_, ref) => {
+var ChatAction = React171.forwardRef((_, ref) => {
   const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
   const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
   if (isChatOpen) {
     return null;
   }
-  return /* @__PURE__ */ React168.createElement(Button, { outlined: true, as: "div", variant: "standard", css: { w: "max-content" }, onClick: toggleChat, ref }, "Open Chat");
+  return /* @__PURE__ */ React171.createElement(Button, { outlined: true, as: "div", variant: "standard", css: { w: "max-content" }, onClick: toggleChat, ref }, "Open Chat");
 });
-var HandRaiseAction = React168.forwardRef(({ id = "", isSingleHandRaise = true }, ref) => {
+var HandRaiseAction = React171.forwardRef(({ id = "", isSingleHandRaise = true }, ref) => {
   var _a7, _b7, _c;
-  const hmsActions = useHMSActions52();
+  const hmsActions = useHMSActions53();
   const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
   const isParticipantsOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.PARTICIPANTS);
   const peer = useHMSStore89(selectPeerByID5(id));
@@ -31909,7 +32411,7 @@ var HandRaiseAction = React168.forwardRef(({ id = "", isSingleHandRaise = true }
   if (isSingleHandRaise && (!peer || !off_stage_roles.includes(peer.roleName))) {
     return null;
   }
-  return /* @__PURE__ */ React168.createElement(Button, { outlined: true, as: "div", variant: "standard", css: { w: "max-content" }, onClick: onClickHandler, ref }, isSingleHandRaise ? bring_to_stage_label : "View");
+  return /* @__PURE__ */ React171.createElement(Button, { outlined: true, as: "div", variant: "standard", css: { w: "max-content" }, onClick: onClickHandler, ref }, isSingleHandRaise ? bring_to_stage_label : "View");
 });
 var ToastConfig = {
   PEER_JOINED: {
@@ -31917,13 +32419,13 @@ var ToastConfig = {
       var _a7;
       return {
         title: `${(_a7 = notification.data) == null ? void 0 : _a7.name} joined`,
-        icon: /* @__PURE__ */ React168.createElement(PeopleAddIcon4, null)
+        icon: /* @__PURE__ */ React171.createElement(PeopleAddIcon4, null)
       };
     },
     multiple: function(notifications) {
       return {
         title: `${notifications[notifications.length - 1].data.name} and ${notifications.length - 1} others joined`,
-        icon: /* @__PURE__ */ React168.createElement(PeopleAddIcon4, null)
+        icon: /* @__PURE__ */ React171.createElement(PeopleAddIcon4, null)
       };
     }
   },
@@ -31932,13 +32434,13 @@ var ToastConfig = {
       var _a7;
       return {
         title: `${(_a7 = notification.data) == null ? void 0 : _a7.name} left`,
-        icon: /* @__PURE__ */ React168.createElement(PeopleRemoveIcon4, null)
+        icon: /* @__PURE__ */ React171.createElement(PeopleRemoveIcon4, null)
       };
     },
     multiple: function(notifications) {
       return {
         title: `${notifications[notifications.length - 1].data.name} and ${notifications.length - 1} others left`,
-        icon: /* @__PURE__ */ React168.createElement(PeopleRemoveIcon4, null)
+        icon: /* @__PURE__ */ React171.createElement(PeopleRemoveIcon4, null)
       };
     }
   },
@@ -31947,7 +32449,7 @@ var ToastConfig = {
       var _a7;
       return {
         title: `${(_a7 = notification.data) == null ? void 0 : _a7.name} raised hand`,
-        icon: /* @__PURE__ */ React168.createElement(HandIcon6, null)
+        icon: /* @__PURE__ */ React171.createElement(HandIcon6, null)
       };
     },
     multiple: (notifications) => {
@@ -31958,7 +32460,7 @@ var ToastConfig = {
       })).size;
       return {
         title: `${(_a7 = notifications[notifications.length - 1].data) == null ? void 0 : _a7.name} ${count > 1 ? `and ${count} others` : ""} raised hand`,
-        icon: /* @__PURE__ */ React168.createElement(HandIcon6, null)
+        icon: /* @__PURE__ */ React171.createElement(HandIcon6, null)
       };
     }
   },
@@ -31967,8 +32469,8 @@ var ToastConfig = {
       var _a7, _b7;
       return {
         title: `${(_a7 = notification.data) == null ? void 0 : _a7.name} raised hand`,
-        icon: /* @__PURE__ */ React168.createElement(HandIcon6, null),
-        action: /* @__PURE__ */ React168.createElement(HandRaiseAction, { id: (_b7 = notification.data) == null ? void 0 : _b7.id })
+        icon: /* @__PURE__ */ React171.createElement(HandIcon6, null),
+        action: /* @__PURE__ */ React171.createElement(HandRaiseAction, { id: (_b7 = notification.data) == null ? void 0 : _b7.id })
       };
     },
     multiple: (notifications) => {
@@ -31979,8 +32481,8 @@ var ToastConfig = {
       })).size;
       return {
         title: `${(_a7 = notifications[notifications.length - 1].data) == null ? void 0 : _a7.name} ${count > 1 ? `and ${count} others` : ""} raised hand`,
-        icon: /* @__PURE__ */ React168.createElement(HandIcon6, null),
-        action: /* @__PURE__ */ React168.createElement(HandRaiseAction, { isSingleHandRaise: false })
+        icon: /* @__PURE__ */ React171.createElement(HandIcon6, null),
+        action: /* @__PURE__ */ React171.createElement(HandRaiseAction, { isSingleHandRaise: false })
       };
     }
   },
@@ -31989,15 +32491,15 @@ var ToastConfig = {
       var _a7;
       return {
         title: `New message from ${(_a7 = notification.data) == null ? void 0 : _a7.senderName}`,
-        icon: /* @__PURE__ */ React168.createElement(ChatUnreadIcon2, null),
-        action: /* @__PURE__ */ React168.createElement(ChatAction, null)
+        icon: /* @__PURE__ */ React171.createElement(ChatUnreadIcon2, null),
+        action: /* @__PURE__ */ React171.createElement(ChatAction, null)
       };
     },
     multiple: (notifications) => {
       return {
         title: `${notifications.length} new messages`,
-        icon: /* @__PURE__ */ React168.createElement(ChatUnreadIcon2, null),
-        action: /* @__PURE__ */ React168.createElement(ChatAction, null)
+        icon: /* @__PURE__ */ React171.createElement(ChatUnreadIcon2, null),
+        action: /* @__PURE__ */ React171.createElement(ChatAction, null)
       };
     }
   },
@@ -32005,7 +32507,7 @@ var ToastConfig = {
     single: (online) => {
       return {
         title: `You are now ${online ? "online" : "connected"}`,
-        icon: /* @__PURE__ */ React168.createElement(ConnectivityIcon, null),
+        icon: /* @__PURE__ */ React171.createElement(ConnectivityIcon, null),
         variant: "success",
         duration: 3e3
       };
@@ -32017,7 +32519,7 @@ var ToastConfig = {
         title: `You are offline for now. while we try to reconnect, please check
         your internet connection. ${message}.
       `,
-        icon: /* @__PURE__ */ React168.createElement(PoorConnectivityIcon2, null),
+        icon: /* @__PURE__ */ React171.createElement(PoorConnectivityIcon2, null),
         variant: "warning",
         duration: 3e4
       };
@@ -32136,12 +32638,12 @@ var HandRaisedNotifications = () => {
 
 // src/Prebuilt/components/Notifications/InitErrorModal.tsx
 init_define_process_env();
-import React169, { useEffect as useEffect66, useState as useState70 } from "react";
+import React172, { useEffect as useEffect66, useState as useState72 } from "react";
 import { HMSNotificationTypes as HMSNotificationTypes3, useHMSNotifications as useHMSNotifications3 } from "@100mslive/react-sdk";
 var InitErrorModal = () => {
   const notification = useHMSNotifications3(HMSNotificationTypes3.ERROR);
-  const [showModal, setShowModal] = useState70(false);
-  const [info, setInfo] = useState70({ title: "Init Error", description: "" });
+  const [showModal, setShowModal] = useState72(false);
+  const [info, setInfo] = useState72({ title: "Init Error", description: "" });
   useEffect66(() => {
     const data3 = notification == null ? void 0 : notification.data;
     if (!data3 || data3.action !== "INIT") {
@@ -32162,7 +32664,7 @@ var InitErrorModal = () => {
     setInfo({ title, description });
     setShowModal(true);
   }, [notification]);
-  return /* @__PURE__ */ React169.createElement(ErrorDialog, { open: showModal, onOpenChange: setShowModal, title: info.title }, /* @__PURE__ */ React169.createElement(Text, { variant: "sm", css: { wordBreak: "break-word" } }, info.description, " ", /* @__PURE__ */ React169.createElement("br", null), "Current URL - ", window.location.href));
+  return /* @__PURE__ */ React172.createElement(ErrorDialog, { open: showModal, onOpenChange: setShowModal, title: info.title }, /* @__PURE__ */ React172.createElement(Text, { variant: "sm", css: { wordBreak: "break-word" } }, info.description, " ", /* @__PURE__ */ React172.createElement("br", null), "Current URL - ", window.location.href));
 };
 
 // src/Prebuilt/components/Notifications/PeerNotifications.tsx
@@ -32204,8 +32706,8 @@ var PeerNotifications = () => {
 
 // src/Prebuilt/components/Notifications/PermissionErrorModal.tsx
 init_define_process_env();
-import React170, { useEffect as useEffect68, useState as useState71 } from "react";
-import { useMedia as useMedia42 } from "react-use";
+import React173, { useEffect as useEffect68, useState as useState73 } from "react";
+import { useMedia as useMedia45 } from "react-use";
 import { HMSNotificationTypes as HMSNotificationTypes5, useHMSNotifications as useHMSNotifications5 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/images/android-perm-1.png
@@ -32217,12 +32719,12 @@ var ios_perm_0_default = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATwAAACh
 // src/Prebuilt/components/Notifications/PermissionErrorModal.tsx
 function PermissionErrorNotificationModal() {
   const notification = useHMSNotifications5(HMSNotificationTypes5.ERROR);
-  return /* @__PURE__ */ React170.createElement(PermissionErrorModal, { error: notification == null ? void 0 : notification.data });
+  return /* @__PURE__ */ React173.createElement(PermissionErrorModal, { error: notification == null ? void 0 : notification.data });
 }
 var PermissionErrorModal = ({ error }) => {
-  const [deviceType, setDeviceType] = useState71("");
-  const [isSystemError, setIsSystemError] = useState71(false);
-  const isMobile = useMedia42(config.media.md);
+  const [deviceType, setDeviceType] = useState73("");
+  const [isSystemError, setIsSystemError] = useState73(false);
+  const isMobile = useMedia45(config.media.md);
   useEffect68(() => {
     if (!error || (error == null ? void 0 : error.code) !== 3001 && (error == null ? void 0 : error.code) !== 3011 || (error == null ? void 0 : error.code) === 3001 && (error == null ? void 0 : error.message.includes("screen"))) {
       return;
@@ -32242,7 +32744,7 @@ var PermissionErrorModal = ({ error }) => {
     }
     setIsSystemError(error.code === 3011);
   }, [error]);
-  return deviceType ? /* @__PURE__ */ React170.createElement(Dialog.Root, { open: !!deviceType }, /* @__PURE__ */ React170.createElement(Dialog.Portal, null, /* @__PURE__ */ React170.createElement(Dialog.Overlay, null), /* @__PURE__ */ React170.createElement(
+  return deviceType ? /* @__PURE__ */ React173.createElement(Dialog.Root, { open: !!deviceType }, /* @__PURE__ */ React173.createElement(Dialog.Portal, null, /* @__PURE__ */ React173.createElement(Dialog.Overlay, null), /* @__PURE__ */ React173.createElement(
     Dialog.Content,
     {
       css: {
@@ -32252,15 +32754,15 @@ var PermissionErrorModal = ({ error }) => {
         zIndex: 23
       }
     },
-    /* @__PURE__ */ React170.createElement(
+    /* @__PURE__ */ React173.createElement(
       Dialog.Title,
       {
         css: {
           borderBottom: "1px solid $border_default"
         }
       },
-      isMobile && isIOS ? /* @__PURE__ */ React170.createElement("img", { style: { maxWidth: "100%", maxHeight: "100%" }, src: ios_perm_0_default, alt: "iOS Permission flow" }) : null,
-      isMobile && isAndroid ? /* @__PURE__ */ React170.createElement(
+      isMobile && isIOS ? /* @__PURE__ */ React173.createElement("img", { style: { maxWidth: "100%", maxHeight: "100%" }, src: ios_perm_0_default, alt: "iOS Permission flow" }) : null,
+      isMobile && isAndroid ? /* @__PURE__ */ React173.createElement(
         "img",
         {
           src: android_perm_1_default,
@@ -32268,12 +32770,12 @@ var PermissionErrorModal = ({ error }) => {
           alt: "Android Permission flow "
         }
       ) : null,
-      /* @__PURE__ */ React170.createElement(Text, { variant: "h6" }, "We can't access your ", deviceType)
+      /* @__PURE__ */ React173.createElement(Text, { variant: "h6" }, "We can't access your ", deviceType)
     ),
-    /* @__PURE__ */ React170.createElement(Text, { variant: "sm", css: { pt: "$4", pb: "$10", color: "$on_surface_medium" } }, isMobile && isIOS ? 'Enable permissions by reloading this page and clicking "Allow" on the pop-up, or change settings from the address bar.' : null, isMobile && isAndroid ? `To allow other users to see and hear you, click the blocked camera icon in your browser's address bar.` : null, !isMobile ? `Access to ${deviceType} is required. ` : null, isSystemError && !isMobile ? `Enable permissions for ${deviceType}${deviceType === "screen" ? "share" : ""} from sytem settings` : null, !isSystemError && !isMobile ? `Enable permissions for ${deviceType}${deviceType === "screen" ? "share" : ""} from address bar or browser settings.` : null),
-    isMobile && isIOS ? /* @__PURE__ */ React170.createElement(React170.Fragment, null, /* @__PURE__ */ React170.createElement(Button, { onClick: () => window.location.reload(), css: { w: "100%", mb: "$6" } }, "Reload"), /* @__PURE__ */ React170.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType(""), css: { w: "100%" } }, "Continue anyway")) : null,
-    isMobile && isAndroid ? /* @__PURE__ */ React170.createElement(React170.Fragment, null, /* @__PURE__ */ React170.createElement(Button, { onClick: () => setDeviceType(""), css: { w: "100%", mb: "$6" } }, "I've allowed access"), /* @__PURE__ */ React170.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType(""), css: { w: "100%" } }, "Continue anyway")) : null,
-    !isMobile ? /* @__PURE__ */ React170.createElement(Flex, { justify: "end", css: { w: "100%" } }, /* @__PURE__ */ React170.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType("") }, "Dismiss")) : null
+    /* @__PURE__ */ React173.createElement(Text, { variant: "sm", css: { pt: "$4", pb: "$10", color: "$on_surface_medium" } }, isMobile && isIOS ? 'Enable permissions by reloading this page and clicking "Allow" on the pop-up, or change settings from the address bar.' : null, isMobile && isAndroid ? `To allow other users to see and hear you, click the blocked camera icon in your browser's address bar.` : null, !isMobile ? `Access to ${deviceType} is required. ` : null, isSystemError && !isMobile ? `Enable permissions for ${deviceType}${deviceType === "screen" ? "share" : ""} from sytem settings` : null, !isSystemError && !isMobile ? `Enable permissions for ${deviceType}${deviceType === "screen" ? "share" : ""} from address bar or browser settings.` : null),
+    isMobile && isIOS ? /* @__PURE__ */ React173.createElement(React173.Fragment, null, /* @__PURE__ */ React173.createElement(Button, { onClick: () => window.location.reload(), css: { w: "100%", mb: "$6" } }, "Reload"), /* @__PURE__ */ React173.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType(""), css: { w: "100%" } }, "Continue anyway")) : null,
+    isMobile && isAndroid ? /* @__PURE__ */ React173.createElement(React173.Fragment, null, /* @__PURE__ */ React173.createElement(Button, { onClick: () => setDeviceType(""), css: { w: "100%", mb: "$6" } }, "I've allowed access"), /* @__PURE__ */ React173.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType(""), css: { w: "100%" } }, "Continue anyway")) : null,
+    !isMobile ? /* @__PURE__ */ React173.createElement(Flex, { justify: "end", css: { w: "100%" } }, /* @__PURE__ */ React173.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType("") }, "Dismiss")) : null
   ))) : null;
 };
 
@@ -32313,16 +32815,16 @@ var ReconnectNotifications = () => {
 
 // src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx
 init_define_process_env();
-import React171, { useEffect as useEffect70, useState as useState72 } from "react";
+import React174, { useEffect as useEffect70, useState as useState74 } from "react";
 import {
   HMSNotificationTypes as HMSNotificationTypes7,
-  useHMSActions as useHMSActions53,
+  useHMSActions as useHMSActions54,
   useHMSNotifications as useHMSNotifications7
 } from "@100mslive/react-sdk";
 import { MicOnIcon as MicOnIcon5 } from "@100mslive/react-icons";
 var TrackBulkUnmuteModal = () => {
-  const hmsActions = useHMSActions53();
-  const [muteNotification, setMuteNotification] = useState72(null);
+  const hmsActions = useHMSActions54();
+  const [muteNotification, setMuteNotification] = useState74(null);
   const notification = useHMSNotifications7([
     HMSNotificationTypes7.CHANGE_MULTI_TRACK_STATE_REQUEST,
     HMSNotificationTypes7.ROOM_ENDED,
@@ -32348,7 +32850,7 @@ var TrackBulkUnmuteModal = () => {
   }
   const { requestedBy: peer, tracks, enabled } = muteNotification;
   const types = new Set(tracks.map((track) => track.type));
-  return /* @__PURE__ */ React171.createElement(
+  return /* @__PURE__ */ React174.createElement(
     RequestDialog,
     {
       title: "Unmute request",
@@ -32387,21 +32889,21 @@ var TrackNotifications = () => {
 
 // src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx
 init_define_process_env();
-import React172, { useEffect as useEffect72, useState as useState73 } from "react";
+import React175, { useEffect as useEffect72, useState as useState75 } from "react";
 import {
   HMSNotificationTypes as HMSNotificationTypes9,
-  useHMSActions as useHMSActions54,
+  useHMSActions as useHMSActions55,
   useHMSNotifications as useHMSNotifications9
 } from "@100mslive/react-sdk";
 import { MicOnIcon as MicOnIcon6 } from "@100mslive/react-icons";
 var TrackUnmuteModal = () => {
-  const hmsActions = useHMSActions54();
+  const hmsActions = useHMSActions55();
   const notification = useHMSNotifications9([
     HMSNotificationTypes9.CHANGE_TRACK_STATE_REQUEST,
     HMSNotificationTypes9.ROOM_ENDED,
     HMSNotificationTypes9.REMOVED_FROM_ROOM
   ]);
-  const [muteNotification, setMuteNotification] = useState73(null);
+  const [muteNotification, setMuteNotification] = useState75(null);
   useEffect72(() => {
     switch (notification == null ? void 0 : notification.type) {
       case HMSNotificationTypes9.REMOVED_FROM_ROOM:
@@ -32421,7 +32923,7 @@ var TrackUnmuteModal = () => {
     return null;
   }
   const { requestedBy: peer, track, enabled } = muteNotification;
-  return /* @__PURE__ */ React172.createElement(
+  return /* @__PURE__ */ React175.createElement(
     RequestDialog,
     {
       title: `Unmute your ${track.type}?`,
@@ -32438,7 +32940,7 @@ var TrackUnmuteModal = () => {
 
 // src/Prebuilt/components/Notifications/TranscriptionNotifications.tsx
 init_define_process_env();
-import React173, { useEffect as useEffect73 } from "react";
+import React176, { useEffect as useEffect73 } from "react";
 import { match as match15 } from "ts-pattern";
 import { HMSNotificationTypes as HMSNotificationTypes10, HMSTranscriptionState, useHMSNotifications as useHMSNotifications10 } from "@100mslive/react-sdk";
 import { AlertTriangleIcon as AlertTriangleIcon8, ClosedCaptionIcon as ClosedCaptionIcon3, OpenCaptionIcon as OpenCaptionIcon4 } from "@100mslive/react-icons";
@@ -32459,7 +32961,7 @@ var TranscriptionNotifications = () => {
           id = ToastManager.replaceToast(toastId, {
             title: `Failed to enable Closed Caption`,
             variant: "error",
-            icon: /* @__PURE__ */ React173.createElement(AlertTriangleIcon8, { style: { marginRight: "0.5rem" } })
+            icon: /* @__PURE__ */ React176.createElement(AlertTriangleIcon8, { style: { marginRight: "0.5rem" } })
           });
         }
       ).with({ state: HMSTranscriptionState.STARTED }, () => {
@@ -32467,14 +32969,14 @@ var TranscriptionNotifications = () => {
           title: `Closed Captioning enabled for everyone`,
           variant: "standard",
           duration: 2e3,
-          icon: /* @__PURE__ */ React173.createElement(ClosedCaptionIcon3, { style: { marginRight: "0.5rem" } })
+          icon: /* @__PURE__ */ React176.createElement(ClosedCaptionIcon3, { style: { marginRight: "0.5rem" } })
         });
       }).with({ state: HMSTranscriptionState.STOPPED }, () => {
         id = ToastManager.replaceToast(toastId, {
           title: `Closed Captioning disabled for everyone`,
           variant: "standard",
           duration: 2e3,
-          icon: /* @__PURE__ */ React173.createElement(OpenCaptionIcon4, { style: { marginRight: "0.5rem" } })
+          icon: /* @__PURE__ */ React176.createElement(OpenCaptionIcon4, { style: { marginRight: "0.5rem" } })
         });
       }).otherwise(() => null);
       setToastId(id);
@@ -32526,7 +33028,7 @@ function Notifications() {
             ToastManager.addToast({
               title: "The room is currently full, try joining later",
               close: true,
-              icon: /* @__PURE__ */ React174.createElement(Box, { css: { color: "$alert_error_default" } }, /* @__PURE__ */ React174.createElement(GroupIcon2, null))
+              icon: /* @__PURE__ */ React177.createElement(Box, { css: { color: "$alert_error_default" } }, /* @__PURE__ */ React177.createElement(GroupIcon2, null))
             });
           } else {
             ToastManager.addToast({
@@ -32583,7 +33085,7 @@ function Notifications() {
           const pollStartedBy = vanillaStore.getState(selectPeerNameByID7(notification.data.startedBy)) || "Participant";
           const pollToastID = ToastManager.addToast({
             title: `${pollStartedBy} started a ${notification.data.type}: ${notification.data.title}`,
-            action: /* @__PURE__ */ React174.createElement(
+            action: /* @__PURE__ */ React177.createElement(
               Button,
               {
                 onClick: () => togglePollView(notification.data.id),
@@ -32624,15 +33126,15 @@ function Notifications() {
   if (isNotificationDisabled) {
     return null;
   }
-  return /* @__PURE__ */ React174.createElement(React174.Fragment, null, /* @__PURE__ */ React174.createElement(TrackUnmuteModal, null), /* @__PURE__ */ React174.createElement(TrackBulkUnmuteModal, null), /* @__PURE__ */ React174.createElement(TrackNotifications, null), roomState === HMSRoomState10.Connected ? /* @__PURE__ */ React174.createElement(PeerNotifications, null) : null, /* @__PURE__ */ React174.createElement(ReconnectNotifications, null), /* @__PURE__ */ React174.createElement(AutoplayBlockedModal, null), /* @__PURE__ */ React174.createElement(PermissionErrorNotificationModal, null), /* @__PURE__ */ React174.createElement(InitErrorModal, null), /* @__PURE__ */ React174.createElement(ChatNotifications, null), /* @__PURE__ */ React174.createElement(HandRaisedNotifications, null), /* @__PURE__ */ React174.createElement(TranscriptionNotifications, null));
+  return /* @__PURE__ */ React177.createElement(React177.Fragment, null, /* @__PURE__ */ React177.createElement(TrackUnmuteModal, null), /* @__PURE__ */ React177.createElement(TrackBulkUnmuteModal, null), /* @__PURE__ */ React177.createElement(TrackNotifications, null), roomState === HMSRoomState10.Connected ? /* @__PURE__ */ React177.createElement(PeerNotifications, null) : null, /* @__PURE__ */ React177.createElement(ReconnectNotifications, null), /* @__PURE__ */ React177.createElement(AutoplayBlockedModal, null), /* @__PURE__ */ React177.createElement(PermissionErrorNotificationModal, null), /* @__PURE__ */ React177.createElement(InitErrorModal, null), /* @__PURE__ */ React177.createElement(ChatNotifications, null), /* @__PURE__ */ React177.createElement(HandRaisedNotifications, null), /* @__PURE__ */ React177.createElement(TranscriptionNotifications, null));
 }
 
 // src/Prebuilt/components/PIP/PIPProvider.tsx
 init_define_process_env();
-import React175, { useCallback as useCallback37, useMemo as useMemo22, useState as useState74 } from "react";
+import React178, { useCallback as useCallback37, useMemo as useMemo22, useState as useState76 } from "react";
 var PIPProvider = ({ children }) => {
   const isSupported = "documentPictureInPicture" in window;
-  const [pipWindow, setPipWindow] = useState74(null);
+  const [pipWindow, setPipWindow] = useState76(null);
   const closePipWindow = useCallback37(() => {
     if (pipWindow != null) {
       pipWindow.close();
@@ -32663,12 +33165,12 @@ var PIPProvider = ({ children }) => {
       closePipWindow
     };
   }, [closePipWindow, isSupported, pipWindow, requestPipWindow]);
-  return /* @__PURE__ */ React175.createElement(PIPContext.Provider, { value }, children);
+  return /* @__PURE__ */ React178.createElement(PIPContext.Provider, { value }, children);
 };
 
 // src/Prebuilt/components/Preview/PreviewScreen.tsx
 init_define_process_env();
-import React176 from "react";
+import React179 from "react";
 import { useSearchParam } from "react-use";
 var PreviewScreen = () => {
   var _a7, _b7, _c;
@@ -32680,28 +33182,28 @@ var PreviewScreen = () => {
   const authToken = useAuthToken();
   const roomLayout = useRoomLayout();
   const { preview_header: previewHeader = {} } = ((_c = (_b7 = (_a7 = roomLayout == null ? void 0 : roomLayout.screens) == null ? void 0 : _a7.preview) == null ? void 0 : _b7.default) == null ? void 0 : _c.elements) || {};
-  return /* @__PURE__ */ React176.createElement(Flex, { direction: "column", css: { size: "100%" } }, /* @__PURE__ */ React176.createElement(
+  return /* @__PURE__ */ React179.createElement(Flex, { direction: "column", css: { size: "100%" } }, /* @__PURE__ */ React179.createElement(
     Flex,
     {
       css: { flex: "1 1 0", position: "relative", overflowY: "auto", color: "$primary_default" },
       justify: "center",
       align: "center"
     },
-    authToken && Object.keys(previewHeader).length > 0 ? /* @__PURE__ */ React176.createElement(PreviewJoin_default, { initialName, skipPreview, asRole: previewAsRole != null ? previewAsRole : void 0 }) : /* @__PURE__ */ React176.createElement(FullPageProgress_default, null)
+    authToken && Object.keys(previewHeader).length > 0 ? /* @__PURE__ */ React179.createElement(PreviewJoin_default, { initialName, skipPreview, asRole: previewAsRole != null ? previewAsRole : void 0 }) : /* @__PURE__ */ React179.createElement(FullPageProgress_default, null)
   ));
 };
 
 // src/Prebuilt/components/Toast/ToastContainer.jsx
 init_define_process_env();
-import React178, { useEffect as useEffect75, useState as useState75 } from "react";
+import React181, { useEffect as useEffect75, useState as useState77 } from "react";
 import { selectIsConnectedToRoom as selectIsConnectedToRoom11, useHMSStore as useHMSStore92 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Toast/Toast.jsx
 init_define_process_env();
-import React177 from "react";
+import React180 from "react";
 var Toast2 = (_a7) => {
   var _b7 = _a7, { title, description, close = true, open, duration, onOpenChange, icon } = _b7, props = __objRest(_b7, ["title", "description", "close", "open", "duration", "onOpenChange", "icon"]);
-  return /* @__PURE__ */ React177.createElement(
+  return /* @__PURE__ */ React180.createElement(
     Toast.HMSToast,
     __spreadValues({
       title,
@@ -32718,16 +33220,16 @@ var Toast2 = (_a7) => {
 // src/Prebuilt/components/Toast/ToastContainer.jsx
 var ToastContainer = () => {
   const isConnected = useHMSStore92(selectIsConnectedToRoom11);
-  const [toasts, setToast] = useState75([]);
+  const [toasts, setToast] = useState77([]);
   useEffect75(() => {
     ToastManager.addListener(setToast);
     return () => {
       ToastManager.removeListener(setToast);
     };
   }, []);
-  return /* @__PURE__ */ React178.createElement(Toast.Provider, { swipeDirection: "left", duration: 3e3 }, toasts.slice(0, MAX_TOASTS).map((toast) => {
-    return /* @__PURE__ */ React178.createElement(Toast2, __spreadProps(__spreadValues({ key: toast.id }, toast), { onOpenChange: (value) => !value && ToastManager.removeToast(toast.id) }));
-  }), /* @__PURE__ */ React178.createElement(
+  return /* @__PURE__ */ React181.createElement(Toast.Provider, { swipeDirection: "left", duration: 3e3 }, toasts.slice(0, MAX_TOASTS).map((toast) => {
+    return /* @__PURE__ */ React181.createElement(Toast2, __spreadProps(__spreadValues({ key: toast.id }, toast), { onOpenChange: (value) => !value && ToastManager.removeToast(toast.id) }));
+  }), /* @__PURE__ */ React181.createElement(
     Toast.Viewport,
     {
       css: __spreadValues({
@@ -32739,27 +33241,27 @@ var ToastContainer = () => {
 
 // src/Prebuilt/layouts/Sheet.tsx
 init_define_process_env();
-import React180 from "react";
+import React183 from "react";
 import { selectAppData as selectAppData14, useHMSStore as useHMSStore93 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/RoomDetails/RoomDetailsSheet.tsx
 init_define_process_env();
-import React179 from "react";
-import { CrossIcon as CrossIcon28 } from "@100mslive/react-icons";
+import React182 from "react";
+import { CrossIcon as CrossIcon29 } from "@100mslive/react-icons";
 var RoomDetailsSheet = () => {
   const { title, description, details } = useRoomLayoutHeader();
   const toggleSheet = useSheetToggle(SHEET_OPTIONS.ROOM_DETAILS);
   const showRoomDetailsSheet = useIsSheetTypeOpen(SHEET_OPTIONS.ROOM_DETAILS);
-  return /* @__PURE__ */ React179.createElement(Sheet.Root, { open: showRoomDetailsSheet, onOpenChange: toggleSheet }, /* @__PURE__ */ React179.createElement(Sheet.Content, { css: { py: "$8", pb: "$12" } }, /* @__PURE__ */ React179.createElement(
+  return /* @__PURE__ */ React182.createElement(Sheet.Root, { open: showRoomDetailsSheet, onOpenChange: toggleSheet }, /* @__PURE__ */ React182.createElement(Sheet.Content, { css: { py: "$8", pb: "$12" } }, /* @__PURE__ */ React182.createElement(
     Flex,
     {
       justify: "between",
       align: "center",
       css: { w: "100%", borderBottom: "1px solid $border_bright", pb: "$4", mb: "$4", px: "$8" }
     },
-    /* @__PURE__ */ React179.createElement(Text, { css: { fontWeight: "$semiBold", color: "$on_surface_high" } }, "Description"),
-    /* @__PURE__ */ React179.createElement(Sheet.Close, { css: { color: "$on_surface_high" } }, /* @__PURE__ */ React179.createElement(CrossIcon28, null))
-  ), /* @__PURE__ */ React179.createElement(Flex, { align: "center", css: { w: "100%", gap: "$4", pb: "$8", px: "$8" } }, /* @__PURE__ */ React179.createElement(Logo, null), /* @__PURE__ */ React179.createElement(Box, null, /* @__PURE__ */ React179.createElement(Text, { variant: "sm", css: { c: "$on_secondary_high", fontWeight: "$semiBold" } }, title), /* @__PURE__ */ React179.createElement(RoomDetailsRow, { details }))), /* @__PURE__ */ React179.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", px: "$8" } }, description)));
+    /* @__PURE__ */ React182.createElement(Text, { css: { fontWeight: "$semiBold", color: "$on_surface_high" } }, "Description"),
+    /* @__PURE__ */ React182.createElement(Sheet.Close, { css: { color: "$on_surface_high" } }, /* @__PURE__ */ React182.createElement(CrossIcon29, null))
+  ), /* @__PURE__ */ React182.createElement(Flex, { align: "center", css: { w: "100%", gap: "$4", pb: "$8", px: "$8" } }, /* @__PURE__ */ React182.createElement(Logo, null), /* @__PURE__ */ React182.createElement(Box, null, /* @__PURE__ */ React182.createElement(Text, { variant: "sm", css: { c: "$on_secondary_high", fontWeight: "$semiBold" } }, title), /* @__PURE__ */ React182.createElement(RoomDetailsRow, { details }))), /* @__PURE__ */ React182.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", px: "$8" } }, description)));
 };
 
 // src/Prebuilt/layouts/Sheet.tsx
@@ -32767,21 +33269,21 @@ var Sheet2 = () => {
   const sheet = useHMSStore93(selectAppData14(APP_DATA.sheet));
   let ViewComponent;
   if (sheet === SHEET_OPTIONS.ROOM_DETAILS) {
-    ViewComponent = /* @__PURE__ */ React180.createElement(RoomDetailsSheet, null);
+    ViewComponent = /* @__PURE__ */ React183.createElement(RoomDetailsSheet, null);
   }
-  return /* @__PURE__ */ React180.createElement(Box, null, ViewComponent);
+  return /* @__PURE__ */ React183.createElement(Box, null, ViewComponent);
 };
 
 // src/Prebuilt/plugins/FlyingEmoji.jsx
 init_define_process_env();
-import React181, { useCallback as useCallback38, useEffect as useEffect76, useMemo as useMemo23, useState as useState76 } from "react";
-import { useMedia as useMedia43 } from "react-use";
+import React184, { useCallback as useCallback38, useEffect as useEffect76, useMemo as useMemo23, useState as useState78 } from "react";
+import { useMedia as useMedia46 } from "react-use";
 import {
   selectIsLargeRoom as selectIsLargeRoom4,
   selectLocalPeerID as selectLocalPeerID16,
   selectPeerNameByID as selectPeerNameByID8,
   useCustomEvent as useCustomEvent5,
-  useHMSActions as useHMSActions55,
+  useHMSActions as useHMSActions56,
   useHMSStore as useHMSStore94,
   useHMSVanillaStore as useHMSVanillaStore18
 } from "@100mslive/react-sdk";
@@ -32811,9 +33313,9 @@ var getStartingPoints = (isMobile) => {
 function FlyingEmoji() {
   const localPeerId = useHMSStore94(selectLocalPeerID16);
   const vanillaStore = useHMSVanillaStore18();
-  const hmsActions = useHMSActions55();
-  const [emojis, setEmojis] = useState76([]);
-  const isMobile = useMedia43(config.media.md);
+  const hmsActions = useHMSActions56();
+  const [emojis, setEmojis] = useState78([]);
+  const isMobile = useMedia46(config.media.md);
   const isLargeRoom = useHMSStore94(selectIsLargeRoom4);
   const startingPoints = useMemo23(() => getStartingPoints(isMobile), [isMobile]);
   const showFlyingEmoji = useCallback38(
@@ -32851,7 +33353,7 @@ function FlyingEmoji() {
   useEffect76(() => {
     window.showFlyingEmoji = showFlyingEmoji;
   }, [showFlyingEmoji]);
-  return /* @__PURE__ */ React181.createElement(
+  return /* @__PURE__ */ React184.createElement(
     Box,
     {
       css: {
@@ -32867,7 +33369,7 @@ function FlyingEmoji() {
       }
     },
     emojis.map((emoji) => {
-      return /* @__PURE__ */ React181.createElement(
+      return /* @__PURE__ */ React184.createElement(
         Flex,
         {
           key: emoji.id,
@@ -32881,8 +33383,8 @@ function FlyingEmoji() {
           },
           onAnimationEnd: () => setEmojis(emojis.filter((item) => item.id !== emoji.id))
         },
-        /* @__PURE__ */ React181.createElement(Box, null, /* @__PURE__ */ React181.createElement("em-emoji", { id: emoji.emojiId, size: "48px", set: "apple" })),
-        emoji.senderName ? /* @__PURE__ */ React181.createElement(
+        /* @__PURE__ */ React184.createElement(Box, null, /* @__PURE__ */ React184.createElement("em-emoji", { id: emoji.emojiId, size: "48px", set: "apple" })),
+        emoji.senderName ? /* @__PURE__ */ React184.createElement(
           Box,
           {
             css: {
@@ -32892,7 +33394,7 @@ function FlyingEmoji() {
               borderRadius: "$1"
             }
           },
-          /* @__PURE__ */ React181.createElement(
+          /* @__PURE__ */ React184.createElement(
             Text,
             {
               css: {
@@ -32911,10 +33413,10 @@ function FlyingEmoji() {
 
 // src/Prebuilt/plugins/RemoteStopScreenshare.jsx
 init_define_process_env();
-import React182, { useCallback as useCallback39 } from "react";
-import { useCustomEvent as useCustomEvent6, useHMSActions as useHMSActions56 } from "@100mslive/react-sdk";
+import React185, { useCallback as useCallback39 } from "react";
+import { useCustomEvent as useCustomEvent6, useHMSActions as useHMSActions57 } from "@100mslive/react-sdk";
 function RemoteStopScreenshare() {
-  const actions = useHMSActions56();
+  const actions = useHMSActions57();
   const onRemoteStopScreenshare = useCallback39(() => __async(this, null, function* () {
     yield actions.setScreenShareEnabled(false);
   }), [actions]);
@@ -32922,7 +33424,7 @@ function RemoteStopScreenshare() {
     type: REMOTE_STOP_SCREENSHARE_TYPE,
     onEvent: onRemoteStopScreenshare
   });
-  return /* @__PURE__ */ React182.createElement(React182.Fragment, null);
+  return /* @__PURE__ */ React185.createElement(React185.Fragment, null);
 }
 
 // src/Prebuilt/components/hooks/useAutoStartStreaming.tsx
@@ -32931,7 +33433,7 @@ import { useCallback as useCallback40, useEffect as useEffect77, useRef as useRe
 import {
   selectIsConnectedToRoom as selectIsConnectedToRoom12,
   selectPermissions as selectPermissions20,
-  useHMSActions as useHMSActions57,
+  useHMSActions as useHMSActions58,
   useHMSStore as useHMSStore95,
   useRecordingStreaming as useRecordingStreaming12
 } from "@100mslive/react-sdk";
@@ -32939,7 +33441,7 @@ var useAutoStartStreaming = () => {
   const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
   const permissions = useHMSStore95(selectPermissions20);
   const showStreamingUI = useShowStreamingUI();
-  const hmsActions = useHMSActions57();
+  const hmsActions = useHMSActions58();
   const isConnected = useHMSStore95(selectIsConnectedToRoom12);
   const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = useRecordingStreaming12();
   const streamStartedRef = useRef32(false);
@@ -32980,7 +33482,7 @@ var useAutoStartStreaming = () => {
 };
 
 // src/Prebuilt/App.tsx
-var HMSPrebuilt = React183.forwardRef(
+var HMSPrebuilt = React186.forwardRef(
   ({
     roomCode = "",
     authToken = "",
@@ -32996,7 +33498,7 @@ var HMSPrebuilt = React183.forwardRef(
   }, ref) => {
     var _a7, _b7, _c, _d;
     const reactiveStore = useRef33();
-    const [hydrated, setHydrated] = React183.useState(false);
+    const [hydrated, setHydrated] = React186.useState(false);
     useEffect78(() => {
       setHydrated(true);
       const hms = new HMSReactiveStore();
@@ -33028,6 +33530,7 @@ var HMSPrebuilt = React183.forwardRef(
     const endpointsObj = endpoints;
     const tokenByRoomCodeEndpoint = (endpointsObj == null ? void 0 : endpointsObj.tokenByRoomCode) || "";
     const initEndpoint = (endpointsObj == null ? void 0 : endpointsObj.init) || "";
+    const eventEndpoint = (endpointsObj == null ? void 0 : endpointsObj.event) || "";
     const roomLayoutEndpoint = (endpointsObj == null ? void 0 : endpointsObj.roomLayout) || "";
     const overrideLayout = {
       logo,
@@ -33047,7 +33550,7 @@ var HMSPrebuilt = React183.forwardRef(
       return null;
     }
     globalStyles();
-    return /* @__PURE__ */ React183.createElement(ErrorBoundary, null, /* @__PURE__ */ React183.createElement(
+    return /* @__PURE__ */ React186.createElement(ErrorBoundary, null, /* @__PURE__ */ React186.createElement(
       HMSPrebuiltContext.Provider,
       {
         value: {
@@ -33060,11 +33563,12 @@ var HMSPrebuilt = React183.forwardRef(
           endpoints: {
             tokenByRoomCode: tokenByRoomCodeEndpoint,
             init: initEndpoint,
-            roomLayout: roomLayoutEndpoint
+            roomLayout: roomLayoutEndpoint,
+            event: eventEndpoint
           }
         }
       },
-      /* @__PURE__ */ React183.createElement(
+      /* @__PURE__ */ React186.createElement(
         HMSRoomProvider,
         {
           isHMSStatsOn: FeatureFlags.enableStatsForNerds,
@@ -33074,7 +33578,7 @@ var HMSPrebuilt = React183.forwardRef(
           stats: (_d = reactiveStore.current) == null ? void 0 : _d.hmsStats,
           leaveOnUnload
         },
-        /* @__PURE__ */ React183.createElement(RoomLayoutProvider, { roomLayoutEndpoint, overrideLayout }, /* @__PURE__ */ React183.createElement(RoomLayoutContext.Consumer, null, (data3) => {
+        /* @__PURE__ */ React186.createElement(RoomLayoutProvider, { roomLayoutEndpoint, overrideLayout }, /* @__PURE__ */ React186.createElement(RoomLayoutContext.Consumer, null, (data3) => {
           var _a8;
           const layout = data3 == null ? void 0 : data3.layout;
           const theme2 = ((_a8 = layout == null ? void 0 : layout.themes) == null ? void 0 : _a8[0]) || {};
@@ -33083,7 +33587,7 @@ var HMSPrebuilt = React183.forwardRef(
           if (typography2 == null ? void 0 : typography2.font_family) {
             fontFamily = [`${typography2 == null ? void 0 : typography2.font_family}`, ...fontFamily];
           }
-          return /* @__PURE__ */ React183.createElement(
+          return /* @__PURE__ */ React186.createElement(
             HMSThemeProvider,
             {
               themeType: `${theme2.name}-${Date.now()}`,
@@ -33096,7 +33600,7 @@ var HMSPrebuilt = React183.forwardRef(
                 }
               }
             },
-            /* @__PURE__ */ React183.createElement(PIPProvider, null, /* @__PURE__ */ React183.createElement(Init, null), /* @__PURE__ */ React183.createElement(DialogContainerProvider, { dialogContainerSelector: containerSelector }, /* @__PURE__ */ React183.createElement(
+            /* @__PURE__ */ React186.createElement(PIPProvider, null, /* @__PURE__ */ React186.createElement(Init, null), /* @__PURE__ */ React186.createElement(DialogContainerProvider, { dialogContainerSelector: containerSelector }, /* @__PURE__ */ React186.createElement(
               Box,
               {
                 className: DEFAULT_PORTAL_CONTAINER.slice(1),
@@ -33108,7 +33612,7 @@ var HMSPrebuilt = React183.forwardRef(
                   position: "relative"
                 }
               },
-              /* @__PURE__ */ React183.createElement(
+              /* @__PURE__ */ React186.createElement(
                 AppRoutes,
                 {
                   authTokenByRoomCodeEndpoint: tokenByRoomCodeEndpoint,
@@ -33127,11 +33631,11 @@ var AppStates = ({ activeState }) => {
   const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
   const { isLeaveScreenEnabled } = useRoomLayoutLeaveScreen();
   useAutoStartStreaming();
-  return match16({ activeState, isPreviewScreenEnabled, isLeaveScreenEnabled }).with({ activeState: "preview" /* PREVIEW */, isPreviewScreenEnabled: true }, () => /* @__PURE__ */ React183.createElement(PreviewScreen, null)).with({ activeState: "leave" /* LEAVE */, isLeaveScreenEnabled: true }, () => /* @__PURE__ */ React183.createElement(LeaveScreen, null)).otherwise(() => /* @__PURE__ */ React183.createElement(ConferenceScreen, null));
+  return match16({ activeState, isPreviewScreenEnabled, isLeaveScreenEnabled }).with({ activeState: "preview" /* PREVIEW */, isPreviewScreenEnabled: true }, () => /* @__PURE__ */ React186.createElement(PreviewScreen, null)).with({ activeState: "leave" /* LEAVE */, isLeaveScreenEnabled: true }, () => /* @__PURE__ */ React186.createElement(LeaveScreen, null)).otherwise(() => /* @__PURE__ */ React186.createElement(ConferenceScreen, null));
 };
 var BackSwipe = () => {
   const isConnectedToRoom = useHMSStore96(selectIsConnectedToRoom13);
-  const hmsActions = useHMSActions58();
+  const hmsActions = useHMSActions59();
   useEffect78(() => {
     const onRouteLeave = () => __async(void 0, null, function* () {
       if (isConnectedToRoom) {
@@ -33152,14 +33656,14 @@ function AppRoutes({
   const roomLayout = useRoomLayout();
   const isNotificationsDisabled = useIsNotificationDisabled();
   const { activeState, rejoin } = useAppStateManager();
-  return /* @__PURE__ */ React183.createElement(AppStateContext.Provider, { value: { rejoin } }, /* @__PURE__ */ React183.createElement(React183.Fragment, null, activeState !== "leave" /* LEAVE */ && /* @__PURE__ */ React183.createElement(AppData, null), /* @__PURE__ */ React183.createElement(ToastContainer, null), /* @__PURE__ */ React183.createElement(Notifications, null), /* @__PURE__ */ React183.createElement(MwebLandscapePrompt, null), /* @__PURE__ */ React183.createElement(Sheet2, null), /* @__PURE__ */ React183.createElement(BackSwipe, null), !isNotificationsDisabled && /* @__PURE__ */ React183.createElement(FlyingEmoji, null), /* @__PURE__ */ React183.createElement(RemoteStopScreenshare, null), /* @__PURE__ */ React183.createElement(KeyboardHandler, null), /* @__PURE__ */ React183.createElement(
+  return /* @__PURE__ */ React186.createElement(AppStateContext.Provider, { value: { rejoin } }, /* @__PURE__ */ React186.createElement(React186.Fragment, null, activeState !== "leave" /* LEAVE */ && /* @__PURE__ */ React186.createElement(AppData, null), /* @__PURE__ */ React186.createElement(ToastContainer, null), /* @__PURE__ */ React186.createElement(Notifications, null), /* @__PURE__ */ React186.createElement(MwebLandscapePrompt, null), /* @__PURE__ */ React186.createElement(Sheet2, null), /* @__PURE__ */ React186.createElement(BackSwipe, null), !isNotificationsDisabled && /* @__PURE__ */ React186.createElement(FlyingEmoji, null), /* @__PURE__ */ React186.createElement(RemoteStopScreenshare, null), /* @__PURE__ */ React186.createElement(KeyboardHandler, null), /* @__PURE__ */ React186.createElement(
     AuthToken_default,
     {
       authTokenByRoomCodeEndpoint,
       defaultAuthToken,
       activeState
     }
-  ), roomLayout && activeState && /* @__PURE__ */ React183.createElement(AppStates, { activeState })));
+  ), roomLayout && activeState && /* @__PURE__ */ React186.createElement(AppStates, { activeState })));
 }
 
 // src/Progress/index.tsx
@@ -33183,8 +33687,8 @@ init_define_process_env();
 
 // src/Diagnostics/Diagnostics.tsx
 init_define_process_env();
-import React191, { useCallback as useCallback42, useRef as useRef35, useState as useState82 } from "react";
-import { HMSRoomProvider as HMSRoomProvider2, useHMSActions as useHMSActions60 } from "@100mslive/react-sdk";
+import React194, { useCallback as useCallback42, useRef as useRef35, useState as useState84 } from "react";
+import { HMSRoomProvider as HMSRoomProvider2, useHMSActions as useHMSActions61 } from "@100mslive/react-sdk";
 import {
   CheckCircleIcon as CheckCircleIcon7,
   ConnectivityIcon as ConnectivityIcon2,
@@ -33196,24 +33700,24 @@ import {
 
 // src/Diagnostics/AudioTest.tsx
 init_define_process_env();
-import React187, { useCallback as useCallback41, useEffect as useEffect79, useState as useState78 } from "react";
+import React190, { useCallback as useCallback41, useEffect as useEffect79, useState as useState80 } from "react";
 import {
   selectDevices,
   selectLocalAudioTrackID as selectLocalAudioTrackID2,
   selectLocalMediaSettings,
   selectTrackAudioByID as selectTrackAudioByID2,
-  useHMSActions as useHMSActions59,
+  useHMSActions as useHMSActions60,
   useHMSStore as useHMSStore97
 } from "@100mslive/react-sdk";
 import { MicOnIcon as MicOnIcon7, SpeakerIcon as SpeakerIcon5, StopIcon as StopIcon3 } from "@100mslive/react-icons";
 
 // src/Diagnostics/components.tsx
 init_define_process_env();
-import React185 from "react";
+import React188 from "react";
 
 // src/Diagnostics/DiagnosticsContext.ts
 init_define_process_env();
-import React184, { useContext as useContext6 } from "react";
+import React187, { useContext as useContext6 } from "react";
 var DiagnosticsStep = /* @__PURE__ */ ((DiagnosticsStep2) => {
   DiagnosticsStep2[DiagnosticsStep2["BROWSER"] = 0] = "BROWSER";
   DiagnosticsStep2[DiagnosticsStep2["VIDEO"] = 1] = "VIDEO";
@@ -33227,7 +33731,7 @@ var initialSteps = {
   [2 /* AUDIO */]: { name: "Test Audio" },
   [3 /* CONNECTIVITY */]: { name: "Connection Quality" }
 };
-var DiagnosticsContext = React184.createContext({
+var DiagnosticsContext = React187.createContext({
   activeStepIndex: 0,
   setActiveStep: () => {
     return;
@@ -33245,7 +33749,7 @@ var useDiagnostics = () => {
 
 // src/Diagnostics/components.tsx
 var TestContainer = ({ css: css2, children }) => {
-  return /* @__PURE__ */ React185.createElement(Box, { css: __spreadValues({ p: "$10" }, css2) }, children);
+  return /* @__PURE__ */ React188.createElement(Box, { css: __spreadValues({ p: "$10" }, css2) }, children);
 };
 var TestFooter = ({
   error,
@@ -33263,7 +33767,7 @@ var TestFooter = ({
     }
     setActiveStep((step) => step + 1);
   };
-  return /* @__PURE__ */ React185.createElement(
+  return /* @__PURE__ */ React188.createElement(
     Flex,
     {
       css: {
@@ -33281,20 +33785,20 @@ var TestFooter = ({
         "@lg": { flexDirection: "column", gap: "$8" }
       }
     },
-    /* @__PURE__ */ React185.createElement(Box, null, error && /* @__PURE__ */ React185.createElement(Text, { css: { c: "$alert_error_default" } }, "Error: ", error.message)),
-    children ? children : /* @__PURE__ */ React185.createElement(Flex, { align: "center", css: { gap: "$8", "@lg": { flexDirection: "column" } } }, /* @__PURE__ */ React185.createElement(Text, { css: { c: "$on_primary_medium" } }, ctaText), /* @__PURE__ */ React185.createElement(Flex, { align: "center", gap: "4" }, /* @__PURE__ */ React185.createElement(Button, { onClick: onNextStep, variant: "standard", outlined: true }, "Skip"), /* @__PURE__ */ React185.createElement(Button, { disabled: !!error, onClick: onNextStep }, "Yes")))
+    /* @__PURE__ */ React188.createElement(Box, null, error && /* @__PURE__ */ React188.createElement(Text, { css: { c: "$alert_error_default" } }, "Error: ", error.message)),
+    children ? children : /* @__PURE__ */ React188.createElement(Flex, { align: "center", css: { gap: "$8", "@lg": { flexDirection: "column" } } }, /* @__PURE__ */ React188.createElement(Text, { css: { c: "$on_primary_medium" } }, ctaText), /* @__PURE__ */ React188.createElement(Flex, { align: "center", gap: "4" }, /* @__PURE__ */ React188.createElement(Button, { onClick: onNextStep, variant: "standard", outlined: true }, "Skip"), /* @__PURE__ */ React188.createElement(Button, { disabled: !!error, onClick: onNextStep }, "Yes")))
   );
 };
 
 // src/Diagnostics/DeviceSelector.jsx
 init_define_process_env();
 var import_prop_types = __toESM(require_prop_types());
-import React186, { useRef as useRef34, useState as useState77 } from "react";
+import React189, { useRef as useRef34, useState as useState79 } from "react";
 var DeviceSelector2 = ({ title, devices, selection, onChange, icon, children = null }) => {
   var _a7, _b7;
-  const [open, setOpen] = useState77(false);
+  const [open, setOpen] = useState79(false);
   const ref = useRef34(null);
-  return /* @__PURE__ */ React186.createElement(Box, { css: { mb: "$6" } }, /* @__PURE__ */ React186.createElement(Text, { css: { mb: "$4" } }, title), /* @__PURE__ */ React186.createElement(
+  return /* @__PURE__ */ React189.createElement(Box, { css: { mb: "$6" } }, /* @__PURE__ */ React189.createElement(Text, { css: { mb: "$4" } }, title), /* @__PURE__ */ React189.createElement(
     Flex,
     {
       align: "center",
@@ -33306,7 +33810,7 @@ var DeviceSelector2 = ({ title, devices, selection, onChange, icon, children = n
         }
       }
     },
-    /* @__PURE__ */ React186.createElement(Dropdown.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ React186.createElement(
+    /* @__PURE__ */ React189.createElement(Dropdown.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ React189.createElement(
       DialogDropdownTrigger,
       {
         ref,
@@ -33314,7 +33818,7 @@ var DeviceSelector2 = ({ title, devices, selection, onChange, icon, children = n
         title: ((_a7 = devices.find(({ deviceId }) => deviceId === selection)) == null ? void 0 : _a7.label) || "Select device from list",
         open
       }
-    ), /* @__PURE__ */ React186.createElement(Dropdown.Portal, null, /* @__PURE__ */ React186.createElement(
+    ), /* @__PURE__ */ React189.createElement(Dropdown.Portal, null, /* @__PURE__ */ React189.createElement(
       Dropdown.Content,
       {
         align: "start",
@@ -33328,7 +33832,7 @@ var DeviceSelector2 = ({ title, devices, selection, onChange, icon, children = n
         }
       },
       devices.map((device) => {
-        return /* @__PURE__ */ React186.createElement(
+        return /* @__PURE__ */ React189.createElement(
           Dropdown.Item,
           {
             key: device.label,
@@ -33354,33 +33858,33 @@ DeviceSelector2.propTypes = {
 };
 
 // src/Diagnostics/AudioTest.tsx
-var SelectContainer = ({ children }) => /* @__PURE__ */ React187.createElement(Box, { css: { w: "calc(50% - 0.75rem)", "@lg": { w: "100%" } } }, children);
+var SelectContainer = ({ children }) => /* @__PURE__ */ React190.createElement(Box, { css: { w: "calc(50% - 0.75rem)", "@lg": { w: "100%" } } }, children);
 var MicTest = ({ setError }) => {
   var _a7, _b7;
   const { hmsDiagnostics } = useDiagnostics();
   const devices = useHMSStore97(selectDevices);
-  const [isRecording, setIsRecording] = useState78(false);
-  const [selectedMic, setSelectedMic] = useState78(((_a7 = devices.audioInput[0]) == null ? void 0 : _a7.deviceId) || "default");
+  const [isRecording, setIsRecording] = useState80(false);
+  const [selectedMic, setSelectedMic] = useState80(((_a7 = devices.audioInput[0]) == null ? void 0 : _a7.deviceId) || "default");
   const trackID = useHMSStore97(selectLocalAudioTrackID2);
   const audioLevel = useHMSStore97(selectTrackAudioByID2(trackID));
   const { audioOutputDeviceId } = useHMSStore97(selectLocalMediaSettings);
   const { playing, setPlaying, audioRef } = useAudioOutputTest({
     deviceId: audioOutputDeviceId || ((_b7 = devices.audioOutput[0]) == null ? void 0 : _b7.deviceId)
   });
-  return /* @__PURE__ */ React187.createElement(SelectContainer, null, /* @__PURE__ */ React187.createElement(
+  return /* @__PURE__ */ React190.createElement(SelectContainer, null, /* @__PURE__ */ React190.createElement(
     DeviceSelector2,
     {
       title: "Microphone (Input)",
       devices: devices.audioInput,
       selection: selectedMic,
-      icon: /* @__PURE__ */ React187.createElement(MicOnIcon7, null),
+      icon: /* @__PURE__ */ React190.createElement(MicOnIcon7, null),
       onChange: (deviceId) => {
         setError(void 0);
         setSelectedMic(deviceId);
         hmsDiagnostics == null ? void 0 : hmsDiagnostics.stopMicCheck();
       }
     }
-  ), /* @__PURE__ */ React187.createElement(Flex, { css: { gap: "$6", alignItems: "center" } }, /* @__PURE__ */ React187.createElement(
+  ), /* @__PURE__ */ React190.createElement(Flex, { css: { gap: "$6", alignItems: "center" } }, /* @__PURE__ */ React190.createElement(
     Button,
     {
       variant: "standard",
@@ -33400,9 +33904,9 @@ var MicTest = ({ setError }) => {
       },
       disabled: devices.audioInput.length === 0 || playing
     },
-    isRecording ? /* @__PURE__ */ React187.createElement(StopIcon3, null) : /* @__PURE__ */ React187.createElement(MicOnIcon7, null),
+    isRecording ? /* @__PURE__ */ React190.createElement(StopIcon3, null) : /* @__PURE__ */ React190.createElement(MicOnIcon7, null),
     isRecording ? "Stop Recording" : "Record"
-  ), /* @__PURE__ */ React187.createElement(
+  ), /* @__PURE__ */ React190.createElement(
     Button,
     {
       icon: true,
@@ -33416,9 +33920,9 @@ var MicTest = ({ setError }) => {
       },
       disabled: playing || (hmsDiagnostics == null ? void 0 : hmsDiagnostics.getRecordedAudio()) === TEST_AUDIO_URL
     },
-    /* @__PURE__ */ React187.createElement(SpeakerIcon5, null),
+    /* @__PURE__ */ React190.createElement(SpeakerIcon5, null),
     playing ? "Playing..." : "Playback"
-  ), /* @__PURE__ */ React187.createElement(
+  ), /* @__PURE__ */ React190.createElement(
     "audio",
     {
       ref: audioRef,
@@ -33426,7 +33930,7 @@ var MicTest = ({ setError }) => {
       onPlay: () => setPlaying(true),
       style: { display: "none" }
     }
-  )), /* @__PURE__ */ React187.createElement(Flex, { align: "center", css: { mt: "$4", maxWidth: "10rem", opacity: isRecording ? "1" : "0", gap: "$4" } }, /* @__PURE__ */ React187.createElement(Text, null, /* @__PURE__ */ React187.createElement(MicOnIcon7, null)), /* @__PURE__ */ React187.createElement(Progress.Root, { value: audioLevel, css: { h: "$2" } }, /* @__PURE__ */ React187.createElement(
+  )), /* @__PURE__ */ React190.createElement(Flex, { align: "center", css: { mt: "$4", maxWidth: "10rem", opacity: isRecording ? "1" : "0", gap: "$4" } }, /* @__PURE__ */ React190.createElement(Text, null, /* @__PURE__ */ React190.createElement(MicOnIcon7, null)), /* @__PURE__ */ React190.createElement(Progress.Root, { value: audioLevel, css: { h: "$2" } }, /* @__PURE__ */ React190.createElement(
     Progress.Content,
     {
       style: {
@@ -33438,19 +33942,19 @@ var MicTest = ({ setError }) => {
 };
 var SpeakerTest = () => {
   var _a7;
-  const actions = useHMSActions59();
+  const actions = useHMSActions60();
   const devices = useHMSStore97(selectDevices);
   const { audioOutputDeviceId } = useHMSStore97(selectLocalMediaSettings);
   if (devices.audioOutput.length === 0) {
-    return /* @__PURE__ */ React187.createElement(React187.Fragment, null);
+    return /* @__PURE__ */ React190.createElement(React190.Fragment, null);
   }
-  return /* @__PURE__ */ React187.createElement(SelectContainer, null, /* @__PURE__ */ React187.createElement(
+  return /* @__PURE__ */ React190.createElement(SelectContainer, null, /* @__PURE__ */ React190.createElement(
     DeviceSelector2,
     {
       title: "Speaker (Output)",
       devices: devices.audioOutput,
       selection: audioOutputDeviceId || ((_a7 = devices.audioOutput[0]) == null ? void 0 : _a7.deviceId),
-      icon: /* @__PURE__ */ React187.createElement(SpeakerIcon5, null),
+      icon: /* @__PURE__ */ React190.createElement(SpeakerIcon5, null),
       onChange: (deviceId) => {
         actions.setAudioOutputDevice(deviceId);
       }
@@ -33459,7 +33963,7 @@ var SpeakerTest = () => {
 };
 var AudioTest = () => {
   const { hmsDiagnostics, updateStep } = useDiagnostics();
-  const [error, setErrorAlone] = useState78();
+  const [error, setErrorAlone] = useState80();
   const setError = useCallback41(
     (err) => {
       updateStep(2 /* AUDIO */, { hasFailed: !!err });
@@ -33470,7 +33974,7 @@ var AudioTest = () => {
   useEffect79(() => {
     hmsDiagnostics == null ? void 0 : hmsDiagnostics.requestPermission({ audio: true }).catch((error2) => setError(error2));
   }, [hmsDiagnostics, setError]);
-  return /* @__PURE__ */ React187.createElement(React187.Fragment, null, /* @__PURE__ */ React187.createElement(TestContainer, null, /* @__PURE__ */ React187.createElement(Text, { variant: "body2", css: { c: "$on_primary_medium" } }, "Record a 10 second audio clip and play it back to check that your microphone and speaker are working. If they aren't, make sure your volume is turned up, try a different speaker or microphone, or check your bluetooth settings."), /* @__PURE__ */ React187.createElement(
+  return /* @__PURE__ */ React190.createElement(React190.Fragment, null, /* @__PURE__ */ React190.createElement(TestContainer, null, /* @__PURE__ */ React190.createElement(Text, { variant: "body2", css: { c: "$on_primary_medium" } }, "Record a 10 second audio clip and play it back to check that your microphone and speaker are working. If they aren't, make sure your volume is turned up, try a different speaker or microphone, or check your bluetooth settings."), /* @__PURE__ */ React190.createElement(
     Flex,
     {
       css: {
@@ -33482,14 +33986,14 @@ var AudioTest = () => {
         }
       }
     },
-    /* @__PURE__ */ React187.createElement(MicTest, { setError }),
-    /* @__PURE__ */ React187.createElement(SpeakerTest, null)
-  )), /* @__PURE__ */ React187.createElement(TestFooter, { error, ctaText: "Does your audio sound good?" }), /* @__PURE__ */ React187.createElement(PermissionErrorModal, { error }));
+    /* @__PURE__ */ React190.createElement(MicTest, { setError }),
+    /* @__PURE__ */ React190.createElement(SpeakerTest, null)
+  )), /* @__PURE__ */ React190.createElement(TestFooter, { error, ctaText: "Does your audio sound good?" }), /* @__PURE__ */ React190.createElement(PermissionErrorModal, { error }));
 };
 
 // src/Diagnostics/BrowserTest.tsx
 init_define_process_env();
-import React188, { useEffect as useEffect80, useState as useState79 } from "react";
+import React191, { useEffect as useEffect80, useState as useState81 } from "react";
 import { parsedUserAgent as parsedUserAgent4 } from "@100mslive/react-sdk";
 var CMS_MEDIA_SERVER = "https://storage.googleapis.com/100ms-cms-prod/";
 var operatingSystemIconInfo = {
@@ -33571,11 +34075,11 @@ var browserTypeIconInfo = {
     icon: `${CMS_MEDIA_SERVER}cms/Opera_0f3bf4eb19/Opera_0f3bf4eb19.svg`
   }
 };
-var CheckDetails = ({ title, value, iconURL }) => /* @__PURE__ */ React188.createElement(Box, { css: { w: "100%", my: "$10", p: "$10", r: "$1", bg: "$surface_default", "@lg": { w: "auto" } } }, /* @__PURE__ */ React188.createElement(Text, { css: { c: "$on_primary_medium", mb: "$6" } }, title), /* @__PURE__ */ React188.createElement(Flex, { align: "center" }, iconURL && /* @__PURE__ */ React188.createElement(Box, { css: { size: "2rem", r: "$round", bg: "$surface_brighter", mr: "$4" } }, /* @__PURE__ */ React188.createElement("img", { style: { objectFit: "contain", width: "2rem" }, src: iconURL, alt: value })), /* @__PURE__ */ React188.createElement(Text, null, value)));
+var CheckDetails = ({ title, value, iconURL }) => /* @__PURE__ */ React191.createElement(Box, { css: { w: "100%", my: "$10", p: "$10", r: "$1", bg: "$surface_default", "@lg": { w: "auto" } } }, /* @__PURE__ */ React191.createElement(Text, { css: { c: "$on_primary_medium", mb: "$6" } }, title), /* @__PURE__ */ React191.createElement(Flex, { align: "center" }, iconURL && /* @__PURE__ */ React191.createElement(Box, { css: { size: "2rem", r: "$round", bg: "$surface_brighter", mr: "$4" } }, /* @__PURE__ */ React191.createElement("img", { style: { objectFit: "contain", width: "2rem" }, src: iconURL, alt: value })), /* @__PURE__ */ React191.createElement(Text, null, value)));
 var BrowserTest = () => {
   var _a7, _b7, _c, _d;
   const { hmsDiagnostics, updateStep } = useDiagnostics();
-  const [error, setError] = useState79();
+  const [error, setError] = useState81();
   useEffect80(() => {
     try {
       hmsDiagnostics == null ? void 0 : hmsDiagnostics.checkBrowserSupport();
@@ -33584,26 +34088,26 @@ var BrowserTest = () => {
       setError(err);
     }
   }, [hmsDiagnostics, updateStep]);
-  return /* @__PURE__ */ React188.createElement(React188.Fragment, null, /* @__PURE__ */ React188.createElement(TestContainer, { css: { display: "flex", gap: "$8", "@lg": { display: "block" } } }, /* @__PURE__ */ React188.createElement(
+  return /* @__PURE__ */ React191.createElement(React191.Fragment, null, /* @__PURE__ */ React191.createElement(TestContainer, { css: { display: "flex", gap: "$8", "@lg": { display: "block" } } }, /* @__PURE__ */ React191.createElement(
     CheckDetails,
     {
       title: "Browser",
       iconURL: parsedUserAgent4.getBrowser().name && ((_b7 = browserTypeIconInfo[(_a7 = parsedUserAgent4.getBrowser().name) == null ? void 0 : _a7.toLowerCase()]) == null ? void 0 : _b7.icon),
       value: `${parsedUserAgent4.getBrowser().name} ${parsedUserAgent4.getBrowser().version}`
     }
-  ), /* @__PURE__ */ React188.createElement(
+  ), /* @__PURE__ */ React191.createElement(
     CheckDetails,
     {
       title: "Operating system",
       iconURL: parsedUserAgent4.getOS().name && ((_d = operatingSystemIconInfo[(_c = parsedUserAgent4.getOS().name) == null ? void 0 : _c.toLowerCase()]) == null ? void 0 : _d.icon),
       value: `${parsedUserAgent4.getOS().name} ${parsedUserAgent4.getOS().version}`
     }
-  )), /* @__PURE__ */ React188.createElement(TestFooter, { error, ctaText: "Is your device information correct?" }));
+  )), /* @__PURE__ */ React191.createElement(TestFooter, { error, ctaText: "Is your device information correct?" }));
 };
 
 // src/Diagnostics/ConnectivityTest.tsx
 init_define_process_env();
-import React189, { useState as useState80 } from "react";
+import React192, { useState as useState82 } from "react";
 import { ConnectivityState } from "@100mslive/react-sdk";
 import { CheckCircleIcon as CheckCircleIcon6, CrossCircleIcon as CrossCircleIcon4, EyeCloseIcon as EyeCloseIcon3, EyeOpenIcon as EyeOpenIcon2, LinkIcon } from "@100mslive/react-icons";
 var Regions = {
@@ -33626,8 +34130,8 @@ var ConnectivityTestStepResult = ({
   success,
   children
 }) => {
-  const [hideDetails, setHideDetails] = useState80(true);
-  return /* @__PURE__ */ React189.createElement(Box, { css: { my: "$10", p: "$10", r: "$1", bg: "$surface_bright" } }, /* @__PURE__ */ React189.createElement(Text, { css: { c: "$on_primary_medium", mb: "$6" } }, title), success ? /* @__PURE__ */ React189.createElement(Flex, null, /* @__PURE__ */ React189.createElement(Text, { css: { c: "$alert_success" } }, /* @__PURE__ */ React189.createElement(CheckCircleIcon6, { width: "1.5rem", height: "1.5rem" })), /* @__PURE__ */ React189.createElement(Text, { variant: "lg", css: { ml: "$4" } }, status)) : /* @__PURE__ */ React189.createElement(Flex, null, /* @__PURE__ */ React189.createElement(Text, { css: { c: "$alert_error_bright" } }, /* @__PURE__ */ React189.createElement(CrossCircleIcon4, { width: "1.5rem", height: "1.5rem" })), /* @__PURE__ */ React189.createElement(Text, { variant: "lg", css: { ml: "$4" } }, "Failed")), /* @__PURE__ */ React189.createElement(
+  const [hideDetails, setHideDetails] = useState82(true);
+  return /* @__PURE__ */ React192.createElement(Box, { css: { my: "$10", p: "$10", r: "$1", bg: "$surface_bright" } }, /* @__PURE__ */ React192.createElement(Text, { css: { c: "$on_primary_medium", mb: "$6" } }, title), success ? /* @__PURE__ */ React192.createElement(Flex, null, /* @__PURE__ */ React192.createElement(Text, { css: { c: "$alert_success" } }, /* @__PURE__ */ React192.createElement(CheckCircleIcon6, { width: "1.5rem", height: "1.5rem" })), /* @__PURE__ */ React192.createElement(Text, { variant: "lg", css: { ml: "$4" } }, status)) : /* @__PURE__ */ React192.createElement(Flex, null, /* @__PURE__ */ React192.createElement(Text, { css: { c: "$alert_error_bright" } }, /* @__PURE__ */ React192.createElement(CrossCircleIcon4, { width: "1.5rem", height: "1.5rem" })), /* @__PURE__ */ React192.createElement(Text, { variant: "lg", css: { ml: "$4" } }, "Failed")), /* @__PURE__ */ React192.createElement(
     Flex,
     {
       onClick: () => setHideDetails(!hideDetails),
@@ -33637,8 +34141,8 @@ var ConnectivityTestStepResult = ({
         color: "$primary_bright"
       }
     },
-    hideDetails ? /* @__PURE__ */ React189.createElement(EyeOpenIcon2, null) : /* @__PURE__ */ React189.createElement(EyeCloseIcon3, null),
-    /* @__PURE__ */ React189.createElement(
+    hideDetails ? /* @__PURE__ */ React192.createElement(EyeOpenIcon2, null) : /* @__PURE__ */ React192.createElement(EyeCloseIcon3, null),
+    /* @__PURE__ */ React192.createElement(
       Text,
       {
         variant: "caption",
@@ -33649,38 +34153,38 @@ var ConnectivityTestStepResult = ({
       hideDetails ? "View" : "Hide",
       " detailed information"
     )
-  ), !hideDetails ? /* @__PURE__ */ React189.createElement(Box, null, children) : null);
+  ), !hideDetails ? /* @__PURE__ */ React192.createElement(Box, null, children) : null);
 };
 var DetailedInfo = ({
   title,
   value,
   Icon: Icon4
 }) => {
-  return /* @__PURE__ */ React189.createElement(Box, { css: { flex: "50%", mt: "$6" } }, /* @__PURE__ */ React189.createElement(Text, { variant: "caption", css: { fontWeight: "$semiBold", c: "$on_primary_medium" } }, title), /* @__PURE__ */ React189.createElement(Flex, { css: { mt: "$xs", alignItems: "flex-start" } }, Icon4 && /* @__PURE__ */ React189.createElement(Text, { css: { mr: "$4" } }, /* @__PURE__ */ React189.createElement(Icon4, { width: "1rem", height: "1rem" })), /* @__PURE__ */ React189.createElement(Text, { variant: "caption" }, value)));
+  return /* @__PURE__ */ React192.createElement(Box, { css: { flex: "50%", mt: "$6" } }, /* @__PURE__ */ React192.createElement(Text, { variant: "caption", css: { fontWeight: "$semiBold", c: "$on_primary_medium" } }, title), /* @__PURE__ */ React192.createElement(Flex, { css: { mt: "$xs", alignItems: "flex-start" } }, Icon4 && /* @__PURE__ */ React192.createElement(Text, { css: { mr: "$4" } }, /* @__PURE__ */ React192.createElement(Icon4, { width: "1rem", height: "1rem" })), /* @__PURE__ */ React192.createElement(Text, { variant: "caption" }, value)));
 };
 var MediaServerResult = ({ result }) => {
   var _a7, _b7, _c, _d;
-  return /* @__PURE__ */ React189.createElement(
+  return /* @__PURE__ */ React192.createElement(
     ConnectivityTestStepResult,
     {
       title: "Media server connection test",
       success: (result == null ? void 0 : result.isPublishICEConnected) && result.isSubscribeICEConnected
     },
-    /* @__PURE__ */ React189.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React189.createElement(
+    /* @__PURE__ */ React192.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React192.createElement(
       DetailedInfo,
       {
         title: "Media Captured",
         value: ((_a7 = result == null ? void 0 : result.stats) == null ? void 0 : _a7.audio.bytesSent) ? "Yes" : "No",
         Icon: ((_b7 = result == null ? void 0 : result.stats) == null ? void 0 : _b7.audio.bytesSent) ? CheckCircleIcon6 : CrossCircleIcon4
       }
-    ), /* @__PURE__ */ React189.createElement(
+    ), /* @__PURE__ */ React192.createElement(
       DetailedInfo,
       {
         title: "Media Published",
         value: ((_c = result == null ? void 0 : result.stats) == null ? void 0 : _c.audio.bitrateSent) ? "Yes" : "No",
         Icon: ((_d = result == null ? void 0 : result.stats) == null ? void 0 : _d.audio.bytesSent) ? CheckCircleIcon6 : CrossCircleIcon4
       }
-    ), (result == null ? void 0 : result.connectionQualityScore) ? /* @__PURE__ */ React189.createElement(
+    ), (result == null ? void 0 : result.connectionQualityScore) ? /* @__PURE__ */ React192.createElement(
       DetailedInfo,
       {
         title: "Connection Quality Score (CQS)",
@@ -33690,27 +34194,27 @@ var MediaServerResult = ({ result }) => {
   );
 };
 var SignallingResult = ({ result }) => {
-  return /* @__PURE__ */ React189.createElement(ConnectivityTestStepResult, { title: "Signalling server connection test", success: result == null ? void 0 : result.isConnected }, /* @__PURE__ */ React189.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React189.createElement(
+  return /* @__PURE__ */ React192.createElement(ConnectivityTestStepResult, { title: "Signalling server connection test", success: result == null ? void 0 : result.isConnected }, /* @__PURE__ */ React192.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React192.createElement(
     DetailedInfo,
     {
       title: "Signalling Gateway",
       value: (result == null ? void 0 : result.isConnected) ? "Reachable" : "Unreachable",
       Icon: (result == null ? void 0 : result.isConnected) ? CheckCircleIcon6 : CrossCircleIcon4
     }
-  ), /* @__PURE__ */ React189.createElement(DetailedInfo, { title: "Websocket URL", value: (result == null ? void 0 : result.websocketUrl) || "N/A", Icon: LinkIcon })));
+  ), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Websocket URL", value: (result == null ? void 0 : result.websocketUrl) || "N/A", Icon: LinkIcon })));
 };
 var AudioStats = ({ stats }) => {
-  return /* @__PURE__ */ React189.createElement(ConnectivityTestStepResult, { title: "Audio", status: "Received", success: !!(stats == null ? void 0 : stats.bytesSent) }, stats && /* @__PURE__ */ React189.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React189.createElement(DetailedInfo, { title: "Bytes Sent", value: formatBytes(stats.bytesSent) }), /* @__PURE__ */ React189.createElement(DetailedInfo, { title: "Bytes Received", value: formatBytes(stats.bytesReceived) }), /* @__PURE__ */ React189.createElement(DetailedInfo, { title: "Packets Received", value: stats.packetsReceived.toString() }), /* @__PURE__ */ React189.createElement(DetailedInfo, { title: "Packets Lost", value: stats.packetsLost.toString() }), /* @__PURE__ */ React189.createElement(DetailedInfo, { title: "Bitrate Sent", value: formatBytes(stats.bitrateSent, "b/s") }), /* @__PURE__ */ React189.createElement(DetailedInfo, { title: "Bitrate Received", value: formatBytes(stats.bitrateReceived, "b/s") }), /* @__PURE__ */ React189.createElement(DetailedInfo, { title: "Round Trip Time", value: `${stats.roundTripTime} ms` })));
+  return /* @__PURE__ */ React192.createElement(ConnectivityTestStepResult, { title: "Audio", status: "Received", success: !!(stats == null ? void 0 : stats.bytesSent) }, stats && /* @__PURE__ */ React192.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Bytes Sent", value: formatBytes(stats.bytesSent) }), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Bytes Received", value: formatBytes(stats.bytesReceived) }), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Packets Received", value: stats.packetsReceived.toString() }), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Packets Lost", value: stats.packetsLost.toString() }), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Bitrate Sent", value: formatBytes(stats.bitrateSent, "b/s") }), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Bitrate Received", value: formatBytes(stats.bitrateReceived, "b/s") }), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Round Trip Time", value: `${stats.roundTripTime} ms` })));
 };
 var VideoStats = ({ stats }) => {
-  return /* @__PURE__ */ React189.createElement(ConnectivityTestStepResult, { title: "Video", status: "Received", success: !!(stats == null ? void 0 : stats.bytesSent) }, stats && /* @__PURE__ */ React189.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React189.createElement(DetailedInfo, { title: "Bytes Sent", value: formatBytes(stats.bytesSent) }), /* @__PURE__ */ React189.createElement(DetailedInfo, { title: "Bytes Received", value: formatBytes(stats.bytesReceived) }), /* @__PURE__ */ React189.createElement(DetailedInfo, { title: "Packets Received", value: stats.packetsReceived.toString() }), /* @__PURE__ */ React189.createElement(DetailedInfo, { title: "Packets Lost", value: stats.packetsLost.toString() }), /* @__PURE__ */ React189.createElement(DetailedInfo, { title: "Bitrate Sent", value: formatBytes(stats.bitrateSent, "b/s") }), /* @__PURE__ */ React189.createElement(DetailedInfo, { title: "Bitrate Received", value: formatBytes(stats.bitrateReceived, "b/s") }), /* @__PURE__ */ React189.createElement(DetailedInfo, { title: "Round Trip Time", value: `${stats.roundTripTime} ms` })));
+  return /* @__PURE__ */ React192.createElement(ConnectivityTestStepResult, { title: "Video", status: "Received", success: !!(stats == null ? void 0 : stats.bytesSent) }, stats && /* @__PURE__ */ React192.createElement(Flex, { css: { flexWrap: "wrap" } }, /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Bytes Sent", value: formatBytes(stats.bytesSent) }), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Bytes Received", value: formatBytes(stats.bytesReceived) }), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Packets Received", value: stats.packetsReceived.toString() }), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Packets Lost", value: stats.packetsLost.toString() }), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Bitrate Sent", value: formatBytes(stats.bitrateSent, "b/s") }), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Bitrate Received", value: formatBytes(stats.bitrateReceived, "b/s") }), /* @__PURE__ */ React192.createElement(DetailedInfo, { title: "Round Trip Time", value: `${stats.roundTripTime} ms` })));
 };
 var Footer3 = ({
   error,
   result,
   restart
 }) => {
-  return /* @__PURE__ */ React189.createElement(TestFooter, { error }, /* @__PURE__ */ React189.createElement(Flex, { css: { gap: "$8", "@lg": { flexDirection: "column" } } }, /* @__PURE__ */ React189.createElement(Button, { variant: "standard", onClick: restart }, "Restart Test"), /* @__PURE__ */ React189.createElement(Button, { disabled: !result, onClick: () => result && downloadJson(result, "hms_diagnostics_results") }, "Download Test Report")));
+  return /* @__PURE__ */ React192.createElement(TestFooter, { error }, /* @__PURE__ */ React192.createElement(Flex, { css: { gap: "$8", "@lg": { flexDirection: "column" } } }, /* @__PURE__ */ React192.createElement(Button, { variant: "standard", onClick: restart }, "Restart Test"), /* @__PURE__ */ React192.createElement(Button, { disabled: !result, onClick: () => result && downloadJson(result, "hms_diagnostics_results") }, "Download Test Report")));
 };
 var ConnectivityTestReport = ({
   error,
@@ -33720,14 +34224,14 @@ var ConnectivityTestReport = ({
 }) => {
   var _a7, _b7, _c, _d;
   if (error) {
-    return /* @__PURE__ */ React189.createElement(React189.Fragment, null, /* @__PURE__ */ React189.createElement(TestContainer, { css: { textAlign: "center" } }, /* @__PURE__ */ React189.createElement(Text, { css: { c: "$alert_error_default", mb: "$4" } }, /* @__PURE__ */ React189.createElement(CrossCircleIcon4, null)), /* @__PURE__ */ React189.createElement(Text, { variant: "h6" }, "Connectivity Test Failed"), /* @__PURE__ */ React189.createElement(Text, { variant: "body2", css: { c: "$on_primary_medium" } }, error.message)), /* @__PURE__ */ React189.createElement(Footer3, { restart: startTest, error }));
+    return /* @__PURE__ */ React192.createElement(React192.Fragment, null, /* @__PURE__ */ React192.createElement(TestContainer, { css: { textAlign: "center" } }, /* @__PURE__ */ React192.createElement(Text, { css: { c: "$alert_error_default", mb: "$4" } }, /* @__PURE__ */ React192.createElement(CrossCircleIcon4, null)), /* @__PURE__ */ React192.createElement(Text, { variant: "h6" }, "Connectivity Test Failed"), /* @__PURE__ */ React192.createElement(Text, { variant: "body2", css: { c: "$on_primary_medium" } }, error.message)), /* @__PURE__ */ React192.createElement(Footer3, { restart: startTest, error }));
   }
   if (result) {
     console.log(result);
-    return /* @__PURE__ */ React189.createElement(React189.Fragment, null, /* @__PURE__ */ React189.createElement(TestContainer, null, /* @__PURE__ */ React189.createElement(Text, { css: { c: "$on_primary_medium" } }, "Connectivity test has been completed."), /* @__PURE__ */ React189.createElement(SignallingResult, { result: result == null ? void 0 : result.signallingReport }), /* @__PURE__ */ React189.createElement(MediaServerResult, { result: result == null ? void 0 : result.mediaServerReport }), /* @__PURE__ */ React189.createElement(AudioStats, { stats: (_b7 = (_a7 = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _a7.stats) == null ? void 0 : _b7.audio }), /* @__PURE__ */ React189.createElement(VideoStats, { stats: (_d = (_c = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _c.stats) == null ? void 0 : _d.video })), /* @__PURE__ */ React189.createElement(Footer3, { result, restart: startTest, error }));
+    return /* @__PURE__ */ React192.createElement(React192.Fragment, null, /* @__PURE__ */ React192.createElement(TestContainer, null, /* @__PURE__ */ React192.createElement(Text, { css: { c: "$on_primary_medium" } }, "Connectivity test has been completed."), /* @__PURE__ */ React192.createElement(SignallingResult, { result: result == null ? void 0 : result.signallingReport }), /* @__PURE__ */ React192.createElement(MediaServerResult, { result: result == null ? void 0 : result.mediaServerReport }), /* @__PURE__ */ React192.createElement(AudioStats, { stats: (_b7 = (_a7 = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _a7.stats) == null ? void 0 : _b7.audio }), /* @__PURE__ */ React192.createElement(VideoStats, { stats: (_d = (_c = result == null ? void 0 : result.mediaServerReport) == null ? void 0 : _c.stats) == null ? void 0 : _d.video })), /* @__PURE__ */ React192.createElement(Footer3, { result, restart: startTest, error }));
   }
   if (progress !== void 0) {
-    return /* @__PURE__ */ React189.createElement(TestContainer, { css: { textAlign: "center" } }, /* @__PURE__ */ React189.createElement(Text, { css: { c: "$primary_bright", display: "flex", justifyContent: "center" } }, /* @__PURE__ */ React189.createElement(Loading, { size: "3.5rem", color: "currentColor" })), /* @__PURE__ */ React189.createElement(Text, { variant: "h6", css: { mt: "$8" } }, "Checking your connection..."), /* @__PURE__ */ React189.createElement(
+    return /* @__PURE__ */ React192.createElement(TestContainer, { css: { textAlign: "center" } }, /* @__PURE__ */ React192.createElement(Text, { css: { c: "$primary_bright", display: "flex", justifyContent: "center" } }, /* @__PURE__ */ React192.createElement(Loading, { size: "3.5rem", color: "currentColor" })), /* @__PURE__ */ React192.createElement(Text, { variant: "h6", css: { mt: "$8" } }, "Checking your connection..."), /* @__PURE__ */ React192.createElement(
       Text,
       {
         variant: "body2",
@@ -33743,7 +34247,7 @@ var RegionSelector = ({
   setRegion,
   startTest
 }) => {
-  return /* @__PURE__ */ React189.createElement(TestContainer, { css: { borderBottom: "1px solid $border_default" } }, /* @__PURE__ */ React189.createElement(Text, { variant: "body1" }, "Select a region"), /* @__PURE__ */ React189.createElement(Text, { variant: "body2", css: { c: "$on_secondary_low" } }, "Select the closest region for best results"), /* @__PURE__ */ React189.createElement(
+  return /* @__PURE__ */ React192.createElement(TestContainer, { css: { borderBottom: "1px solid $border_default" } }, /* @__PURE__ */ React192.createElement(Text, { variant: "body1" }, "Select a region"), /* @__PURE__ */ React192.createElement(Text, { variant: "body2", css: { c: "$on_secondary_low" } }, "Select the closest region for best results"), /* @__PURE__ */ React192.createElement(
     Flex,
     {
       justify: "between",
@@ -33755,7 +34259,7 @@ var RegionSelector = ({
         }
       }
     },
-    /* @__PURE__ */ React189.createElement(
+    /* @__PURE__ */ React192.createElement(
       Flex,
       {
         css: {
@@ -33765,7 +34269,7 @@ var RegionSelector = ({
           }
         }
       },
-      Object.entries(Regions).map(([key, value]) => /* @__PURE__ */ React189.createElement(
+      Object.entries(Regions).map(([key, value]) => /* @__PURE__ */ React192.createElement(
         Button,
         {
           key,
@@ -33777,15 +34281,15 @@ var RegionSelector = ({
         value
       ))
     ),
-    /* @__PURE__ */ React189.createElement(Flex, { css: { "@lg": { flexDirection: "column" } } }, /* @__PURE__ */ React189.createElement(Button, { variant: "primary", onClick: startTest, disabled: !startTest }, startTest ? "Start Test" : "Testing..."))
+    /* @__PURE__ */ React192.createElement(Flex, { css: { "@lg": { flexDirection: "column" } } }, /* @__PURE__ */ React192.createElement(Button, { variant: "primary", onClick: startTest, disabled: !startTest }, startTest ? "Start Test" : "Testing..."))
   ));
 };
 var ConnectivityTest = () => {
   const { hmsDiagnostics, updateStep } = useDiagnostics();
-  const [region, setRegion] = useState80(Object.keys(Regions)[0]);
-  const [error, setError] = useState80();
-  const [progress, setProgress] = useState80();
-  const [result, setResult] = useState80();
+  const [region, setRegion] = useState82(Object.keys(Regions)[0]);
+  const [error, setError] = useState82();
+  const [progress, setProgress] = useState82();
+  const [result, setResult] = useState82();
   const startTest = () => {
     updateStep(3 /* CONNECTIVITY */, { hasFailed: false, isCompleted: false });
     setError(void 0);
@@ -33804,14 +34308,14 @@ var ConnectivityTest = () => {
       setError(error2);
     });
   };
-  return /* @__PURE__ */ React189.createElement(React189.Fragment, null, /* @__PURE__ */ React189.createElement(
+  return /* @__PURE__ */ React192.createElement(React192.Fragment, null, /* @__PURE__ */ React192.createElement(
     RegionSelector,
     {
       region,
       setRegion,
       startTest: progress === void 0 || progress === ConnectivityState.COMPLETED ? startTest : void 0
     }
-  ), /* @__PURE__ */ React189.createElement(ConnectivityTestReport, { error, result, progress, startTest }));
+  ), /* @__PURE__ */ React192.createElement(ConnectivityTestReport, { error, result, progress, startTest }));
 };
 var downloadJson = (obj, fileName) => {
   const a2 = document.createElement("a");
@@ -33825,7 +34329,7 @@ var downloadJson = (obj, fileName) => {
 
 // src/Diagnostics/VideoTest.tsx
 init_define_process_env();
-import React190, { useEffect as useEffect81, useState as useState81 } from "react";
+import React193, { useEffect as useEffect81, useState as useState83 } from "react";
 import {
   selectDevices as selectDevices2,
   selectLocalMediaSettings as selectLocalMediaSettings2,
@@ -33839,14 +34343,14 @@ var VideoTest = () => {
   const { videoInput } = allDevices;
   const trackID = useHMSStore98(selectLocalVideoTrackID4);
   const sdkSelectedDevices = useHMSStore98(selectLocalMediaSettings2);
-  const [error, setError] = useState81();
+  const [error, setError] = useState83();
   useEffect81(() => {
     hmsDiagnostics == null ? void 0 : hmsDiagnostics.startCameraCheck().catch((err) => {
       updateStep(1 /* VIDEO */, { hasFailed: true });
       setError(err);
     });
   }, [hmsDiagnostics, updateStep]);
-  return /* @__PURE__ */ React190.createElement(React190.Fragment, null, /* @__PURE__ */ React190.createElement(TestContainer, { css: { display: "flex", "@lg": { flexDirection: "column", alignItems: "center" } } }, trackID && /* @__PURE__ */ React190.createElement(
+  return /* @__PURE__ */ React193.createElement(React193.Fragment, null, /* @__PURE__ */ React193.createElement(TestContainer, { css: { display: "flex", "@lg": { flexDirection: "column", alignItems: "center" } } }, trackID && /* @__PURE__ */ React193.createElement(
     StyledVideoTile.Container,
     {
       css: {
@@ -33856,30 +34360,30 @@ var VideoTest = () => {
         "@lg": { mr: 0, mb: "$10", aspectRatio: "1/1" }
       }
     },
-    /* @__PURE__ */ React190.createElement(Video, { mirror: true, trackId: trackID })
-  ), /* @__PURE__ */ React190.createElement(Flex, { direction: "column", css: { w: "100%" } }, /* @__PURE__ */ React190.createElement(Text, { variant: "body2", css: { c: "$on_primary_medium", mb: "$10" } }, "Move in front of your camera to make sure it's working. If you don't see your video, try changing the selected camera. If the camera isn't part of your computer, check your settings to make sure your system recognizes it."), /* @__PURE__ */ React190.createElement(
+    /* @__PURE__ */ React193.createElement(Video, { mirror: true, trackId: trackID })
+  ), /* @__PURE__ */ React193.createElement(Flex, { direction: "column", css: { w: "100%" } }, /* @__PURE__ */ React193.createElement(Text, { variant: "body2", css: { c: "$on_primary_medium", mb: "$10" } }, "Move in front of your camera to make sure it's working. If you don't see your video, try changing the selected camera. If the camera isn't part of your computer, check your settings to make sure your system recognizes it."), /* @__PURE__ */ React193.createElement(
     DeviceSelector2,
     {
       title: "Video",
       devices: videoInput || [],
-      icon: /* @__PURE__ */ React190.createElement(VideoOnIcon5, null),
+      icon: /* @__PURE__ */ React193.createElement(VideoOnIcon5, null),
       selection: sdkSelectedDevices.videoInputDeviceId,
       onChange: (deviceId) => __async(void 0, null, function* () {
         hmsDiagnostics == null ? void 0 : hmsDiagnostics.stopCameraCheck();
         hmsDiagnostics == null ? void 0 : hmsDiagnostics.startCameraCheck(deviceId);
       })
     }
-  ))), /* @__PURE__ */ React190.createElement(TestFooter, { error, ctaText: "Does your video look good?" }), /* @__PURE__ */ React190.createElement(PermissionErrorModal, { error }));
+  ))), /* @__PURE__ */ React193.createElement(TestFooter, { error, ctaText: "Does your video look good?" }), /* @__PURE__ */ React193.createElement(PermissionErrorModal, { error }));
 };
 
 // src/Diagnostics/Diagnostics.tsx
 var DiagnosticsStepIcon = {
-  [1 /* VIDEO */]: /* @__PURE__ */ React191.createElement(VideoOnIcon6, { width: "2rem", height: "2rem" }),
-  [2 /* AUDIO */]: /* @__PURE__ */ React191.createElement(MicOnIcon8, { width: "2rem", height: "2rem" }),
-  [0 /* BROWSER */]: /* @__PURE__ */ React191.createElement(GlobeIcon, { width: "2rem", height: "2rem" }),
-  [3 /* CONNECTIVITY */]: /* @__PURE__ */ React191.createElement(ConnectivityIcon2, { width: "2rem", height: "2rem" })
+  [1 /* VIDEO */]: /* @__PURE__ */ React194.createElement(VideoOnIcon6, { width: "2rem", height: "2rem" }),
+  [2 /* AUDIO */]: /* @__PURE__ */ React194.createElement(MicOnIcon8, { width: "2rem", height: "2rem" }),
+  [0 /* BROWSER */]: /* @__PURE__ */ React194.createElement(GlobeIcon, { width: "2rem", height: "2rem" }),
+  [3 /* CONNECTIVITY */]: /* @__PURE__ */ React194.createElement(ConnectivityIcon2, { width: "2rem", height: "2rem" })
 };
-var Container5 = ({ children }) => /* @__PURE__ */ React191.createElement(
+var Container5 = ({ children }) => /* @__PURE__ */ React194.createElement(
   Box,
   {
     css: {
@@ -33919,7 +34423,7 @@ var Container5 = ({ children }) => /* @__PURE__ */ React191.createElement(
 );
 var DiagnosticsStepTest = () => {
   const { activeStepIndex } = useDiagnostics();
-  let TestComponent = () => /* @__PURE__ */ React191.createElement(React191.Fragment, null);
+  let TestComponent = () => /* @__PURE__ */ React194.createElement(React194.Fragment, null);
   if (activeStepIndex === 2 /* AUDIO */) {
     TestComponent = AudioTest;
   } else if (activeStepIndex === 1 /* VIDEO */) {
@@ -33929,47 +34433,47 @@ var DiagnosticsStepTest = () => {
   } else if (activeStepIndex === 3 /* CONNECTIVITY */) {
     TestComponent = ConnectivityTest;
   }
-  return /* @__PURE__ */ React191.createElement(TestComponent, { key: activeStepIndex });
+  return /* @__PURE__ */ React194.createElement(TestComponent, { key: activeStepIndex });
 };
 var DiagnosticsStepHeader = () => {
   const { activeStepIndex, activeStep } = useDiagnostics();
-  return /* @__PURE__ */ React191.createElement(Flex, { css: { py: "$8", px: "$10", alignItems: "center", borderBottom: "1px solid $border_default" } }, /* @__PURE__ */ React191.createElement(Text, { css: { c: "$primary_bright", mt: "$xs" } }, DiagnosticsStepIcon[activeStepIndex]), /* @__PURE__ */ React191.createElement(Text, { css: { fontSize: "$h6", ml: "$9" } }, activeStep.name));
+  return /* @__PURE__ */ React194.createElement(Flex, { css: { py: "$8", px: "$10", alignItems: "center", borderBottom: "1px solid $border_default" } }, /* @__PURE__ */ React194.createElement(Text, { css: { c: "$primary_bright", mt: "$xs" } }, DiagnosticsStepIcon[activeStepIndex]), /* @__PURE__ */ React194.createElement(Text, { css: { fontSize: "$h6", ml: "$9" } }, activeStep.name));
 };
 var DiagnosticsStepContainer = () => {
-  return /* @__PURE__ */ React191.createElement(Box, { css: { border: "1px solid $border_default", r: "$1", w: "75%", maxWidth: "65rem", "@lg": { w: "100%" } } }, /* @__PURE__ */ React191.createElement(DiagnosticsStepHeader, null), /* @__PURE__ */ React191.createElement(DiagnosticsStepTest, null));
+  return /* @__PURE__ */ React194.createElement(Box, { css: { border: "1px solid $border_default", r: "$1", w: "75%", maxWidth: "65rem", "@lg": { w: "100%" } } }, /* @__PURE__ */ React194.createElement(DiagnosticsStepHeader, null), /* @__PURE__ */ React194.createElement(DiagnosticsStepTest, null));
 };
 var DiagnosticsStepsList = () => {
   const { activeStepIndex, activeStep, steps } = useDiagnostics();
-  return /* @__PURE__ */ React191.createElement(Box, { css: { w: "25%", "@lg": { display: "none" } } }, Object.keys(DiagnosticsStep).filter((key) => !isNaN(Number(key))).map((key) => {
+  return /* @__PURE__ */ React194.createElement(Box, { css: { w: "25%", "@lg": { display: "none" } } }, Object.keys(DiagnosticsStep).filter((key) => !isNaN(Number(key))).map((key) => {
     const keyIndex = Number(key);
     const step = steps[keyIndex];
     const isStepCompleted = activeStepIndex > keyIndex || activeStep.isCompleted;
     let color = "$on_primary_low";
-    let icon = /* @__PURE__ */ React191.createElement(Text, { css: { c: color, fontSize: "1.75rem" } }, "\u2022");
+    let icon = /* @__PURE__ */ React194.createElement(Text, { css: { c: color, fontSize: "1.75rem" } }, "\u2022");
     if (activeStepIndex === keyIndex) {
       color = "$on_primary_high";
-      icon = /* @__PURE__ */ React191.createElement(Text, { css: { c: color, fontSize: "1.75rem" } }, "\u2022");
+      icon = /* @__PURE__ */ React194.createElement(Text, { css: { c: color, fontSize: "1.75rem" } }, "\u2022");
     }
     if (isStepCompleted) {
       color = "$primary_bright";
-      icon = /* @__PURE__ */ React191.createElement(CheckCircleIcon7, { width: "1rem", height: "1rem" });
+      icon = /* @__PURE__ */ React194.createElement(CheckCircleIcon7, { width: "1rem", height: "1rem" });
     }
     if (step.hasFailed) {
       color = "$alert_error_default";
-      icon = /* @__PURE__ */ React191.createElement(CrossCircleIcon5, { width: "1rem", height: "1rem" });
+      icon = /* @__PURE__ */ React194.createElement(CrossCircleIcon5, { width: "1rem", height: "1rem" });
     }
-    return /* @__PURE__ */ React191.createElement(Flex, { key, css: { mb: "$10", c: color, gap: "$4", alignItems: "center" } }, icon, /* @__PURE__ */ React191.createElement(Text, { css: { c: color } }, step.name));
+    return /* @__PURE__ */ React194.createElement(Flex, { key, css: { mb: "$10", c: color, gap: "$4", alignItems: "center" } }, icon, /* @__PURE__ */ React194.createElement(Text, { css: { c: color } }, step.name));
   }));
 };
 var DiagnosticsProvider = () => {
-  const actions = useHMSActions60();
-  const [activeStep, setActiveStep] = useState82(0);
-  const [steps, setSteps] = useState82(initialSteps);
+  const actions = useHMSActions61();
+  const [activeStep, setActiveStep] = useState84(0);
+  const [steps, setSteps] = useState84(initialSteps);
   const diagnosticsRef = useRef35(actions.initDiagnostics());
   const updateStep = useCallback42((step, value) => {
     setSteps((prevSteps) => __spreadProps(__spreadValues({}, prevSteps), { [step]: __spreadValues(__spreadValues({}, prevSteps[step]), value) }));
   }, []);
-  return /* @__PURE__ */ React191.createElement(
+  return /* @__PURE__ */ React194.createElement(
     DiagnosticsContext.Provider,
     {
       value: {
@@ -33980,11 +34484,11 @@ var DiagnosticsProvider = () => {
         updateStep
       }
     },
-    /* @__PURE__ */ React191.createElement(Container5, null, /* @__PURE__ */ React191.createElement(Text, { variant: "h4" }, "Pre-call Test"), /* @__PURE__ */ React191.createElement(Text, { variant: "md", css: { c: "$on_primary_medium" } }, "Make sure your devices and network are good to go, let's get started."), /* @__PURE__ */ React191.createElement(Flex, { css: { direction: "column", mt: "$12", justifyItems: "center" } }, /* @__PURE__ */ React191.createElement(DiagnosticsStepsList, null), /* @__PURE__ */ React191.createElement(DiagnosticsStepContainer, null)))
+    /* @__PURE__ */ React194.createElement(Container5, null, /* @__PURE__ */ React194.createElement(Text, { variant: "h4" }, "Pre-call Test"), /* @__PURE__ */ React194.createElement(Text, { variant: "md", css: { c: "$on_primary_medium" } }, "Make sure your devices and network are good to go, let's get started."), /* @__PURE__ */ React194.createElement(Flex, { css: { direction: "column", mt: "$12", justifyItems: "center" } }, /* @__PURE__ */ React194.createElement(DiagnosticsStepsList, null), /* @__PURE__ */ React194.createElement(DiagnosticsStepContainer, null)))
   );
 };
 var Diagnostics = () => {
-  return /* @__PURE__ */ React191.createElement(HMSRoomProvider2, null, /* @__PURE__ */ React191.createElement(HMSThemeProvider, { themeType: "default" }, /* @__PURE__ */ React191.createElement(DiagnosticsProvider, null)));
+  return /* @__PURE__ */ React194.createElement(HMSRoomProvider2, null, /* @__PURE__ */ React194.createElement(HMSThemeProvider, { themeType: "default" }, /* @__PURE__ */ React194.createElement(DiagnosticsProvider, null)));
 };
 
 export {
@@ -34119,4 +34623,4 @@ object-assign/index.js:
   @license MIT
   *)
 */
-//# sourceMappingURL=chunk-KR2DZJO5.js.map
+//# sourceMappingURL=chunk-SLFOQJ6P.js.map