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

package/dist/{chunk-NC3PKPDD.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;
@@ -44,13 +44,13 @@ var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __copyProps = (to2, from, except, desc) => {
+var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to2, key) && key !== except)
-        __defProp(to2, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return to2;
+  return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
   // If the importer is in node compatibility mode or this is not an ESM
@@ -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_6cea5802-ce23-4c1e-97a2-70076471882b", 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.1", 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.1", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_6cea5802-ce23-4c1e-97a2-70076471882b", 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.1", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.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.9", 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: "20240811.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:1821", 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.1", 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: "10472637880", 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: "4e76816ac6791d45d6099d5ecf81b9b730bbb9db", 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: "6790174dc36e26c3b589aa85cb1ac4b030a9489d29e85bee676df9058a07e5f4", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/publish-alpha", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1724160935532-0.7852344527720556:/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--1724160935303-0.6284305740362575:/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--1724160908813-0.14105343274938886:/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--1724160908629-0.46815752240870667:/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_05bd7fdb-bfbd-48f1-a2d1-f746c00dddb2", INVOCATION_ID: "297196c99e914941bba85b21184f9190", 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: "644", 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 92", 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.1", 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.1", 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: "4e76816ac6791d45d6099d5ecf81b9b730bbb9db", 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_6cea5802-ce23-4c1e-97a2-70076471882b", 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_6cea5802-ce23-4c1e-97a2-70076471882b", 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_6cea5802-ce23-4c1e-97a2-70076471882b" };
+    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;
         }
@@ -4149,7 +4149,7 @@ var require_lodash = __commonJS({
         function eq(value, other) {
           return value === other || value !== value && other !== other;
         }
-        var gt2 = createRelationalOperation(baseGt);
+        var gt = createRelationalOperation(baseGt);
         var gte = createRelationalOperation(function(value, other) {
           return value >= other;
         });
@@ -4291,7 +4291,7 @@ var require_lodash = __commonJS({
         function isWeakSet(value) {
           return isObjectLike(value) && baseGetTag(value) == weakSetTag;
         }
-        var lt = createRelationalOperation(baseLt);
+        var lt2 = createRelationalOperation(baseLt);
         var lte = createRelationalOperation(function(value, other) {
           return value <= other;
         });
@@ -4373,7 +4373,7 @@ var require_lodash = __commonJS({
         var assignWith = createAssigner(function(object, source, srcIndex, customizer2) {
           copyObject(source, keys(source), object, customizer2);
         });
-        var at = flatRest(baseAt);
+        var at2 = flatRest(baseAt);
         function create(prototype, properties) {
           var result2 = baseCreate(prototype);
           return properties == null ? result2 : baseAssign(result2, properties);
@@ -5107,7 +5107,7 @@ var require_lodash = __commonJS({
         lodash.assignIn = assignIn;
         lodash.assignInWith = assignInWith;
         lodash.assignWith = assignWith;
-        lodash.at = at;
+        lodash.at = at2;
         lodash.before = before;
         lodash.bind = bind;
         lodash.bindAll = bindAll;
@@ -5288,7 +5288,7 @@ var require_lodash = __commonJS({
         lodash.forOwn = forOwn;
         lodash.forOwnRight = forOwnRight;
         lodash.get = get;
-        lodash.gt = gt2;
+        lodash.gt = gt;
         lodash.gte = gte;
         lodash.has = has;
         lodash.hasIn = hasIn;
@@ -5341,7 +5341,7 @@ var require_lodash = __commonJS({
         lodash.lastIndexOf = lastIndexOf;
         lodash.lowerCase = lowerCase;
         lodash.lowerFirst = lowerFirst;
-        lodash.lt = lt;
+        lodash.lt = lt2;
         lodash.lte = lte;
         lodash.max = max;
         lodash.maxBy = maxBy;
@@ -7671,12 +7671,12 @@ var require_sdp = __commonJS({
       return parsed;
     };
     SDPUtils2.writeRtpMap = function(codec) {
-      let pt = codec.payloadType;
+      let pt2 = codec.payloadType;
       if (codec.preferredPayloadType !== void 0) {
-        pt = codec.preferredPayloadType;
+        pt2 = codec.preferredPayloadType;
       }
       const channels = codec.channels || codec.numChannels || 1;
-      return "a=rtpmap:" + pt + " " + codec.name + "/" + codec.clockRate + (channels !== 1 ? "/" + channels : "") + "\r\n";
+      return "a=rtpmap:" + pt2 + " " + codec.name + "/" + codec.clockRate + (channels !== 1 ? "/" + channels : "") + "\r\n";
     };
     SDPUtils2.parseExtmap = function(line) {
       const parts = line.substring(9).split(" ");
@@ -7702,9 +7702,9 @@ var require_sdp = __commonJS({
     };
     SDPUtils2.writeFmtp = function(codec) {
       let line = "";
-      let pt = codec.payloadType;
+      let pt2 = codec.payloadType;
       if (codec.preferredPayloadType !== void 0) {
-        pt = codec.preferredPayloadType;
+        pt2 = codec.preferredPayloadType;
       }
       if (codec.parameters && Object.keys(codec.parameters).length) {
         const params = [];
@@ -7715,7 +7715,7 @@ var require_sdp = __commonJS({
             params.push(param);
           }
         });
-        line += "a=fmtp:" + pt + " " + params.join(";") + "\r\n";
+        line += "a=fmtp:" + pt2 + " " + params.join(";") + "\r\n";
       }
       return line;
     };
@@ -7728,13 +7728,13 @@ var require_sdp = __commonJS({
     };
     SDPUtils2.writeRtcpFb = function(codec) {
       let lines = "";
-      let pt = codec.payloadType;
+      let pt2 = codec.payloadType;
       if (codec.preferredPayloadType !== void 0) {
-        pt = codec.preferredPayloadType;
+        pt2 = codec.preferredPayloadType;
       }
       if (codec.rtcpFeedback && codec.rtcpFeedback.length) {
         codec.rtcpFeedback.forEach((fb) => {
-          lines += "a=rtcp-fb:" + pt + " " + fb.type + (fb.parameter && fb.parameter.length ? " " + fb.parameter : "") + "\r\n";
+          lines += "a=rtcp-fb:" + pt2 + " " + fb.type + (fb.parameter && fb.parameter.length ? " " + fb.parameter : "") + "\r\n";
         });
       }
       return lines;
@@ -7862,21 +7862,21 @@ var require_sdp = __commonJS({
       const mline = lines[0].split(" ");
       description.profile = mline[2];
       for (let i = 3; i < mline.length; i++) {
-        const pt = mline[i];
+        const pt2 = mline[i];
         const rtpmapline = SDPUtils2.matchPrefix(
           mediaSection,
-          "a=rtpmap:" + pt + " "
+          "a=rtpmap:" + pt2 + " "
         )[0];
         if (rtpmapline) {
           const codec = SDPUtils2.parseRtpMap(rtpmapline);
           const fmtps = SDPUtils2.matchPrefix(
             mediaSection,
-            "a=fmtp:" + pt + " "
+            "a=fmtp:" + pt2 + " "
           );
           codec.parameters = fmtps.length ? SDPUtils2.parseFmtp(fmtps[0]) : {};
           codec.rtcpFeedback = SDPUtils2.matchPrefix(
             mediaSection,
-            "a=rtcp-fb:" + pt + " "
+            "a=rtcp-fb:" + pt2 + " "
           ).map(SDPUtils2.parseRtcpFb);
           description.codecs.push(codec);
           switch (codec.name.toUpperCase()) {
@@ -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;
@@ -9193,25 +9193,25 @@ var require_object_assign = __commonJS({
     }
     module.exports = shouldUseNative() ? Object.assign : function(target, source) {
       var from;
-      var to2 = toObject(target);
+      var to = toObject(target);
       var symbols;
       for (var s = 1; s < arguments.length; s++) {
         from = Object(arguments[s]);
         for (var key in from) {
           if (hasOwnProperty.call(from, key)) {
-            to2[key] = from[key];
+            to[key] = from[key];
           }
         }
         if (getOwnPropertySymbols) {
           symbols = getOwnPropertySymbols(from);
           for (var i = 0; i < symbols.length; i++) {
             if (propIsEnumerable.call(from, symbols[i])) {
-              to2[symbols[i]] = from[symbols[i]];
+              to[symbols[i]] = from[symbols[i]];
             }
           }
         }
       }
-      return to2;
+      return to;
     };
   }
 });
@@ -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;
             }
           }
@@ -11884,7 +11884,7 @@ var StyledVideo = styled("video", {
 var Video = (_a7) => {
   var _b7 = _a7, { trackId, attach } = _b7, props = __objRest(_b7, ["trackId", "attach"]);
   const { videoRef } = useVideo({ trackId, attach });
-  return /* @__PURE__ */ React13.createElement(StyledVideo, __spreadValues({ autoPlay: true, muted: true, playsInline: true, controls: false, ref: videoRef }, props));
+  return /* @__PURE__ */ React13.createElement(StyledVideo, __spreadValues({ ref: videoRef }, props));
 };
 
 // src/TileMenu/index.tsx
@@ -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() {
@@ -14128,8 +14130,8 @@ var PipManager = class {
     /**
      * @private {boolean} on - whether pip is on/off
      */
-    this.callListeners = (on) => {
-      this.listeners.forEach((listener) => listener == null ? void 0 : listener(on));
+    this.callListeners = (on2) => {
+      this.listeners.forEach((listener) => listener == null ? void 0 : listener(on2));
     };
     this.reset();
   }
@@ -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 lo } from "uuid";
-import { v4 as no } 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;
       }
@@ -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,88 +21337,104 @@ var adapter = adapterFactory({ window: typeof window === "undefined" ? void 0 :
 
 // ../hms-video-store/dist/index.js
 var import_lodash4 = __toESM(require_lodash2());
-import { v4 as Mo } from "uuid";
-import { v4 as Eo } from "uuid";
-import { v4 as Ao } from "uuid";
-import { EventEmitter2 as Ho } from "eventemitter2";
-var qt = __toESM(require_lib());
-import { EventEmitter2 as rn } from "eventemitter2";
-import { v4 as cn } from "uuid";
-import { EventEmitter2 as dn } from "eventemitter2";
-import ln from "eventemitter2";
-import { v4 as un } from "uuid";
-import { v4 as mn } from "uuid";
-var Ja = Object.defineProperty;
-var Qa = 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 ? Ja(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
+import { v4 as Po } from "uuid";
+import { v4 as Ro } from "uuid";
+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) => Qa(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 Za = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
-var vr = Za((Hc, co) => {
-  co.exports = { version: "0.12.19-alpha.1", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "src"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, sideEffects: false, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", "lodash.isequal": "^4.5.0", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/lodash.isequal": "^4.5.8", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
+var 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 eo = ((e) => (e.CHAT = "chat", e))(eo || {});
-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 || {});
-function Be(a2, e) {
+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];
-      to(s) && (i = ht(s) ? s : i, t = mt(s) ? s : t);
+      ao(s) && (i = pt(s) ? s : i, t = ht(s) ? s : t);
     }
   return { video: t, audio: i };
 }
-function ht(a2) {
+function pt(a2) {
   return a2 && a2.type === "audio";
 }
-function mt(a2) {
+function ht(a2) {
   return a2 && a2.type === "video";
 }
-function to(a2) {
+function ao(a2) {
   return a2 && a2.source === "screen";
 }
-function ri(a2) {
+function si(a2) {
   return a2 && a2.source === "audioplaylist";
 }
-function St(a2) {
+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) {
+function je(a2, e) {
   return e && a2.tracks[e] ? a2.tracks[e].enabled : false;
 }
-function gt(a2) {
+function St(a2) {
   var r;
   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 io = 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,26 +21500,29 @@ var l = class {
       }
   }
 };
-l.level = io ? 7 : 0;
-var ve = new import_ua_parser_js.UAParser();
+l.level = oo ? 7 : 0;
+var he = new import_ua_parser_js.UAParser();
 var B = typeof window != "undefined";
-var ps;
-var Ve = typeof window == "undefined" && !((ps = ve.getBrowser().name) != null && ps.toLowerCase().includes("electron"));
-var so = () => !Ve;
-var rc = so();
-var hs;
 var ms;
-var Ts = ((ms = (hs = ve.getBrowser()) == null ? void 0 : hs.name) == null ? void 0 : ms.toLowerCase()) === "firefox";
-var fs = ((i) => (i.CUSTOM = "CUSTOM", i.LOCAL = "LOCAL", i.HMS = "HMS", i))(fs || {});
-function ao() {
+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 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 ze = ao();
-var E = { 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 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) {
     super(s);
@@ -21531,99 +21552,99 @@ var f = class a extends Error {
     }`;
   }
 };
-var oo = ["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(E.WebSocketConnectionErrors.FAILED_TO_CONNECT, "WebsocketFailedToConnect", a2, `[WS]: ${e}`, `[WS]: ${e}`);
+  return new f(P4.WebSocketConnectionErrors.FAILED_TO_CONNECT, "WebsocketFailedToConnect", a2, `[WS]: ${e}`, `[WS]: ${e}`);
 }, WebSocketConnectionLost(a2, e = "") {
-  return new f(E.WebSocketConnectionErrors.WEBSOCKET_CONNECTION_LOST, "WebSocketConnectionLost", a2, "Network connection lost", e);
+  return new f(P4.WebSocketConnectionErrors.WEBSOCKET_CONNECTION_LOST, "WebSocketConnectionLost", a2, "Network connection lost", e);
 }, AbnormalClose(a2, e = "") {
-  return new f(E.WebSocketConnectionErrors.ABNORMAL_CLOSE, "WebSocketAbnormalClose", a2, "Websocket closed abnormally", e);
+  return new f(P4.WebSocketConnectionErrors.ABNORMAL_CLOSE, "WebSocketAbnormalClose", a2, "Websocket closed abnormally", e);
 } }, APIErrors: { ServerErrors(a2, e, t = "", i = true) {
   return new f(a2, "ServerErrors", e, `[${e}]: Server error ${t}`, t, i);
 }, EndpointUnreachable(a2, e = "") {
-  return new f(E.APIErrors.ENDPOINT_UNREACHABLE, "EndpointUnreachable", a2, `Endpoint is not reachable - ${e}`, e);
+  return new f(P4.APIErrors.ENDPOINT_UNREACHABLE, "EndpointUnreachable", a2, `Endpoint is not reachable - ${e}`, e);
 }, InvalidTokenFormat(a2, e = "") {
-  return new f(E.APIErrors.INVALID_TOKEN_FORMAT, "InvalidTokenFormat", a2, `Token is not in proper JWT format - ${e}`, e, true);
+  return new f(P4.APIErrors.INVALID_TOKEN_FORMAT, "InvalidTokenFormat", a2, `Token is not in proper JWT format - ${e}`, e, true);
 }, InitConfigNotAvailable(a2, e = "") {
-  return new f(E.APIErrors.INIT_CONFIG_NOT_AVAILABLE, "InitError", a2, `[INIT]: ${e}`, `[INIT]: ${e}`);
+  return new f(P4.APIErrors.INIT_CONFIG_NOT_AVAILABLE, "InitError", a2, `[INIT]: ${e}`, `[INIT]: ${e}`);
 } }, TracksErrors: { GenericTrack(a2, e = "") {
-  return new f(E.TracksErrors.GENERIC_TRACK, "GenericTrack", a2, `[TRACK]: ${e}`, `[TRACK]: ${e}`);
+  return new f(P4.TracksErrors.GENERIC_TRACK, "GenericTrack", a2, `[TRACK]: ${e}`, `[TRACK]: ${e}`);
 }, CantAccessCaptureDevice(a2, e, t = "") {
-  return new f(E.TracksErrors.CANT_ACCESS_CAPTURE_DEVICE, "CantAccessCaptureDevice", a2, `User denied permission to access capture device - ${e}`, t);
+  return new f(P4.TracksErrors.CANT_ACCESS_CAPTURE_DEVICE, "CantAccessCaptureDevice", a2, `User denied permission to access capture device - ${e}`, t);
 }, DeviceNotAvailable(a2, e, t = "") {
-  return new f(E.TracksErrors.DEVICE_NOT_AVAILABLE, "DeviceNotAvailable", a2, `[TRACK]: Capture device is no longer available - ${e}`, t);
+  return new f(P4.TracksErrors.DEVICE_NOT_AVAILABLE, "DeviceNotAvailable", a2, `[TRACK]: Capture device is no longer available - ${e}`, t);
 }, DeviceInUse(a2, e, t = "") {
-  return new f(E.TracksErrors.DEVICE_IN_USE, "DeviceInUse", a2, `[TRACK]: Capture device is in use by another application - ${e}`, t);
+  return new f(P4.TracksErrors.DEVICE_IN_USE, "DeviceInUse", a2, `[TRACK]: Capture device is in use by another application - ${e}`, t);
 }, DeviceLostMidway(a2, e, t = "") {
-  return new f(E.TracksErrors.DEVICE_LOST_MIDWAY, "DeviceLostMidway", a2, `Lost access to capture device midway - ${e}`, t);
+  return new f(P4.TracksErrors.DEVICE_LOST_MIDWAY, "DeviceLostMidway", a2, `Lost access to capture device midway - ${e}`, t);
 }, NothingToReturn(a2, e = "", t = "There is no media to return. Please select either video or audio or both.") {
-  return new f(E.TracksErrors.NOTHING_TO_RETURN, "NothingToReturn", a2, t, e);
+  return new f(P4.TracksErrors.NOTHING_TO_RETURN, "NothingToReturn", a2, t, e);
 }, InvalidVideoSettings(a2, e = "") {
-  return new f(E.TracksErrors.INVALID_VIDEO_SETTINGS, "InvalidVideoSettings", a2, "Cannot enable simulcast when no video settings are provided", e);
+  return new f(P4.TracksErrors.INVALID_VIDEO_SETTINGS, "InvalidVideoSettings", a2, "Cannot enable simulcast when no video settings are provided", e);
 }, AutoplayBlocked(a2, e = "") {
-  return new f(E.TracksErrors.AUTOPLAY_ERROR, "AutoplayBlocked", a2, "Autoplay blocked because the user didn't interact with the document first", e);
+  return new f(P4.TracksErrors.AUTOPLAY_ERROR, "AutoplayBlocked", a2, "Autoplay blocked because the user didn't interact with the document first", e);
 }, CodecChangeNotPermitted(a2, e = "") {
-  return new f(E.TracksErrors.CODEC_CHANGE_NOT_PERMITTED, "CodecChangeNotPermitted", a2, "Codec can't be changed mid call.", e);
+  return new f(P4.TracksErrors.CODEC_CHANGE_NOT_PERMITTED, "CodecChangeNotPermitted", a2, "Codec can't be changed mid call.", e);
 }, OverConstrained(a2, e, t = "") {
-  return new f(E.TracksErrors.OVER_CONSTRAINED, "OverConstrained", a2, `[TRACK]: Requested constraints cannot be satisfied with the device hardware - ${e}`, t);
+  return new f(P4.TracksErrors.OVER_CONSTRAINED, "OverConstrained", a2, `[TRACK]: Requested constraints cannot be satisfied with the device hardware - ${e}`, t);
 }, NoAudioDetected(a2, e = "Please check the mic or use another audio input") {
-  return new f(E.TracksErrors.NO_AUDIO_DETECTED, "NoAudioDetected", a2, "No audio input detected from microphone", e);
+  return new f(P4.TracksErrors.NO_AUDIO_DETECTED, "NoAudioDetected", a2, "No audio input detected from microphone", e);
 }, SystemDeniedPermission(a2, e, t = "") {
-  return new f(E.TracksErrors.SYSTEM_DENIED_PERMISSION, "SystemDeniedPermission", a2, `Operating System denied permission to access capture device - ${e}`, t);
+  return new f(P4.TracksErrors.SYSTEM_DENIED_PERMISSION, "SystemDeniedPermission", a2, `Operating System denied permission to access capture device - ${e}`, t);
 }, CurrentTabNotShared() {
-  return new f(E.TracksErrors.CURRENT_TAB_NOT_SHARED, "CurrentTabNotShared", "TRACK", "The app requires you to share the current tab", "You must screen share the current tab in order to proceed");
+  return new f(P4.TracksErrors.CURRENT_TAB_NOT_SHARED, "CurrentTabNotShared", "TRACK", "The app requires you to share the current tab", "You must screen share the current tab in order to proceed");
 }, AudioPlaybackError(a2) {
-  return new f(E.TracksErrors.AUDIO_PLAYBACK_ERROR, "Audio playback error", "TRACK", a2, a2);
+  return new f(P4.TracksErrors.AUDIO_PLAYBACK_ERROR, "Audio playback error", "TRACK", a2, a2);
 }, SelectedDeviceMissing(a2) {
-  return new f(E.TracksErrors.SELECTED_DEVICE_MISSING, "SelectedDeviceMissing", "TRACK", `Could not detect selected ${a2} device`, `Please check connection to the ${a2} device`, false);
+  return new f(P4.TracksErrors.SELECTED_DEVICE_MISSING, "SelectedDeviceMissing", "TRACK", `Could not detect selected ${a2} device`, `Please check connection to the ${a2} device`, false);
 } }, WebrtcErrors: { CreateOfferFailed(a2, e = "") {
-  return new f(E.WebrtcErrors.CREATE_OFFER_FAILED, "CreateOfferFailed", a2, `[${a2.toString()}]: Failed to create offer. `, e);
+  return new f(P4.WebrtcErrors.CREATE_OFFER_FAILED, "CreateOfferFailed", a2, `[${a2.toString()}]: Failed to create offer. `, e);
 }, CreateAnswerFailed(a2, e = "") {
-  return new f(E.WebrtcErrors.CREATE_ANSWER_FAILED, "CreateAnswerFailed", a2, `[${a2.toString()}]: Failed to create answer. `, e);
+  return new f(P4.WebrtcErrors.CREATE_ANSWER_FAILED, "CreateAnswerFailed", a2, `[${a2.toString()}]: Failed to create answer. `, e);
 }, SetLocalDescriptionFailed(a2, e = "") {
-  return new f(E.WebrtcErrors.SET_LOCAL_DESCRIPTION_FAILED, "SetLocalDescriptionFailed", a2, `[${a2.toString()}]: Failed to set offer. `, e);
+  return new f(P4.WebrtcErrors.SET_LOCAL_DESCRIPTION_FAILED, "SetLocalDescriptionFailed", a2, `[${a2.toString()}]: Failed to set offer. `, e);
 }, SetRemoteDescriptionFailed(a2, e = "") {
-  return new f(E.WebrtcErrors.SET_REMOTE_DESCRIPTION_FAILED, "SetRemoteDescriptionFailed", a2, `[${a2.toString()}]: Failed to set answer. `, e, true);
+  return new f(P4.WebrtcErrors.SET_REMOTE_DESCRIPTION_FAILED, "SetRemoteDescriptionFailed", a2, `[${a2.toString()}]: Failed to set answer. `, e, true);
 }, ICEFailure(a2, e = "", t = false) {
-  return new f(E.WebrtcErrors.ICE_FAILURE, "ICEFailure", a2, `[${a2.toString()}]: Ice connection state FAILED`, e, t);
+  return new f(P4.WebrtcErrors.ICE_FAILURE, "ICEFailure", a2, `[${a2.toString()}]: Ice connection state FAILED`, e, t);
 }, ICEDisconnected(a2, e = "") {
-  return new f(E.WebrtcErrors.ICE_DISCONNECTED, "ICEDisconnected", a2, `[${a2.toString()}]: Ice connection state DISCONNECTED`, e);
+  return new f(P4.WebrtcErrors.ICE_DISCONNECTED, "ICEDisconnected", a2, `[${a2.toString()}]: Ice connection state DISCONNECTED`, e);
 }, StatsFailed(a2, e = "") {
-  return new f(E.WebrtcErrors.STATS_FAILED, "StatsFailed", a2, `Failed to WebRTC get stats - ${e}`, 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, oo.includes(e));
+  return new f(a2, "ServerErrors", e, t, t, uo.includes(e));
 }, AlreadyJoined(a2, e = "") {
-  return new f(E.WebsocketMethodErrors.ALREADY_JOINED, "AlreadyJoined", a2, "[JOIN]: You have already joined this room.", e);
+  return new f(P4.WebsocketMethodErrors.ALREADY_JOINED, "AlreadyJoined", a2, "[JOIN]: You have already joined this room.", e);
 }, CannotJoinPreviewInProgress(a2, e = "") {
-  return new f(E.WebsocketMethodErrors.CANNOT_JOIN_PREVIEW_IN_PROGRESS, "CannotJoinPreviewInProgress", a2, "[JOIN]: Cannot join if preview is in progress", e);
+  return new f(P4.WebsocketMethodErrors.CANNOT_JOIN_PREVIEW_IN_PROGRESS, "CannotJoinPreviewInProgress", a2, "[JOIN]: Cannot join if preview is in progress", e);
 } }, GenericErrors: { NotConnected(a2, e = "") {
-  return new f(E.GenericErrors.NOT_CONNECTED, "NotConnected", a2, "Client is not connected", e);
+  return new f(P4.GenericErrors.NOT_CONNECTED, "NotConnected", a2, "Client is not connected", e);
 }, Signalling(a2, e) {
-  return new f(E.GenericErrors.SIGNALLING, "Signalling", a2, `Unknown signalling error: ${a2.toString()} ${e} `, e);
+  return new f(P4.GenericErrors.SIGNALLING, "Signalling", a2, `Unknown signalling error: ${a2.toString()} ${e} `, e);
 }, Unknown(a2, e) {
-  return new f(E.GenericErrors.UNKNOWN, "Unknown", a2, `Unknown exception: ${e}`, e);
+  return new f(P4.GenericErrors.UNKNOWN, "Unknown", a2, `Unknown exception: ${e}`, e);
 }, NotReady(a2, e = "") {
-  return new f(E.GenericErrors.NOT_READY, "NotReady", a2, e, e);
+  return new f(P4.GenericErrors.NOT_READY, "NotReady", a2, e, e);
 }, JsonParsingFailed(a2, e, t = "") {
-  return new f(E.GenericErrors.JSON_PARSING_FAILED, "JsonParsingFailed", a2, `Failed to parse JSON message - ${e}`, t);
+  return new f(P4.GenericErrors.JSON_PARSING_FAILED, "JsonParsingFailed", a2, `Failed to parse JSON message - ${e}`, t);
 }, TrackMetadataMissing(a2, e = "") {
-  return new f(E.GenericErrors.TRACK_METADATA_MISSING, "TrackMetadataMissing", a2, "Track Metadata Missing", e);
+  return new f(P4.GenericErrors.TRACK_METADATA_MISSING, "TrackMetadataMissing", a2, "Track Metadata Missing", e);
 }, RTCTrackMissing(a2, e = "") {
-  return new f(E.GenericErrors.RTC_TRACK_MISSING, "RTCTrackMissing", a2, "RTC Track missing", e);
+  return new f(P4.GenericErrors.RTC_TRACK_MISSING, "RTCTrackMissing", a2, "RTC Track missing", e);
 }, PeerMetadataMissing(a2, e = "") {
-  return new f(E.GenericErrors.PEER_METADATA_MISSING, "PeerMetadataMissing", a2, "Peer Metadata Missing", e);
+  return new f(P4.GenericErrors.PEER_METADATA_MISSING, "PeerMetadataMissing", a2, "Peer Metadata Missing", e);
 }, ValidationFailed(a2, e) {
-  return new f(E.GenericErrors.VALIDATION_FAILED, "ValidationFailed", "VALIDATION", a2, e ? JSON.stringify(e) : "");
+  return new f(P4.GenericErrors.VALIDATION_FAILED, "ValidationFailed", "VALIDATION", a2, e ? JSON.stringify(e) : "");
 }, InvalidRole(a2, e) {
-  return new f(E.GenericErrors.INVALID_ROLE, "InvalidRole", a2, "Invalid role. Join with valid role", e, true);
+  return new f(P4.GenericErrors.INVALID_ROLE, "InvalidRole", a2, "Invalid role. Join with valid role", e, true);
 }, PreviewAlreadyInProgress(a2, e = "") {
-  return new f(E.GenericErrors.PREVIEW_IN_PROGRESS, "PreviewAlreadyInProgress", a2, "[Preview]: Cannot join if preview is in progress", e);
+  return new f(P4.GenericErrors.PREVIEW_IN_PROGRESS, "PreviewAlreadyInProgress", a2, "[Preview]: Cannot join if preview is in progress", e);
 }, LocalStorageAccessDenied(a2 = "Access to localStorage has been denied") {
-  return new f(E.GenericErrors.LOCAL_STORAGE_ACCESS_DENIED, "LocalStorageAccessDenied", "NONE", "LocalStorageAccessDenied", a2);
+  return new f(P4.GenericErrors.LOCAL_STORAGE_ACCESS_DENIED, "LocalStorageAccessDenied", "NONE", "LocalStorageAccessDenied", a2);
 }, MissingMediaDevices() {
-  return new f(E.GenericErrors.MISSING_MEDIADEVICES, "MissingMediaDevices", "JOIN", "navigator.mediaDevices is undefined. 100ms SDK won't work on this website as WebRTC is not supported on HTTP endpoints(missing navigator.mediaDevices). Please ensure you're using the SDK either on localhost or a valid HTTPS endpoint.", "", true);
+  return new f(P4.GenericErrors.MISSING_MEDIADEVICES, "MissingMediaDevices", "JOIN", "navigator.mediaDevices is undefined. 100ms SDK won't work on this website as WebRTC is not supported on HTTP endpoints(missing navigator.mediaDevices). Please ensure you're using the SDK either on localhost or a valid HTTPS endpoint.", "", true);
 }, MissingRTCPeerConnection() {
-  return new f(E.GenericErrors.MISSING_RTCPEERCONNECTION, "MissingRTCPeerConnection", "JOIN", "RTCPeerConnection which is a core requirement for WebRTC call was not found, this could be due to an unsupported browser or browser extensions blocking WebRTC", "", true);
+  return new f(P4.GenericErrors.MISSING_RTCPEERCONNECTION, "MissingRTCPeerConnection", "JOIN", "RTCPeerConnection which is a core requirement for WebRTC call was not found, this could be due to an unsupported browser or browser extensions blocking WebRTC", "", true);
 } }, MediaPluginErrors: { PlatformNotSupported(a2, e = "") {
   return new f(7001, "PlatformNotSupported", a2, "Check HMS Docs to see the list of supported platforms", e);
 }, InitFailed(a2, e = "") {
@@ -21635,11 +21656,11 @@ var S = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
 }, DeviceNotSupported(a2, e = "") {
   return new f(7005, "DeviceNotSupported", a2, "Check HMS Docs to see the list of supported devices", e);
 } }, PlaylistErrors: { NoEntryToPlay(a2, e) {
-  return new f(E.PlaylistErrors.NO_ENTRY_TO_PLAY, "NoEntryToPlay", a2, "Reached end of playlist", e);
+  return new f(P4.PlaylistErrors.NO_ENTRY_TO_PLAY, "NoEntryToPlay", a2, "Reached end of playlist", e);
 }, NoEntryPlaying(a2, e) {
-  return new f(E.PlaylistErrors.NO_ENTRY_IS_PLAYING, "NoEntryIsPlaying", a2, "No entry is playing at this time", 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();
   }
@@ -21664,21 +21685,21 @@ var fr = class {
     return this.valuesMap.size;
   }
 };
-var vs = () => {
+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());
   }
 };
-var he = class {
+var me = class {
   constructor(e) {
     this.key = e;
     this.storage = null;
   }
   getStorage() {
     try {
-      return B && !this.storage && (vs(), 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;
     }
@@ -21698,32 +21719,32 @@ var he = class {
     (e = this.getStorage()) == null || e.removeItem(this.key);
   }
 };
-var Ms = () => {
-  let a2, e = new he("hms-analytics-deviceId"), t = e.get();
-  return t ? a2 = t : (a2 = no(), e.set(a2)), a2;
+var ai = () => {
+  let a2, e = new me("hms-analytics-deviceId"), t = e.get();
+  return t ? a2 = t : (a2 = po(), e.set(a2)), a2;
 };
 function ne(a2) {
   return a2 != null;
 }
-var ks = vr().version;
+var Is = yr().version;
 function vt(a2 = "prod", e) {
-  let t = "web", i = ze !== "LOCAL" && a2 === "prod" ? "prod" : "debug";
-  if (Ve)
-    return Ps({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version: ks, env: i, domain: ze, is_prebuilt: !!(e != null && e.isPrebuilt), framework: "node", framework_version: process.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
-  let r = ve.getOS(), s = ve.getDevice(), o = ve.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}`), Ps({ os: n, os_version: d, sdk: t, sdk_version: ks, device_model: p, env: i, domain: ze, 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 });
+  let t = "web", i = Qe !== "LOCAL" && a2 === "prod" ? "prod" : "debug";
+  if (Be)
+    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 Ps = (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 = lo(), this.device_id = Ms();
+    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: ze }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
+    return { name: this.name, info: M(h({}, this.properties), { timestamp: this.timestamp, domain: Qe }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
   }
 };
 var y = class {
@@ -21736,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 });
   }
@@ -21811,8 +21832,8 @@ var y = class {
   static krispStop() {
     return new H({ name: "krisp.stop", level: 1 });
   }
-  static interruption(e, t, i) {
-    return new H({ name: `${e ? "interruption.start" : "interruption.stop"}`, level: 1, properties: h({ type: t }, i) });
+  static interruption({ started: e, type: t, reason: i, deviceInfo: r }) {
+    return new H({ name: `${e ? "interruption.start" : "interruption.stop"}`, level: 1, properties: h({ reason: i, type: t }, r) });
   }
   static eventNameFor(e, t) {
     return `${e}.${t ? "success" : "failed"}`;
@@ -21826,9 +21847,9 @@ 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 he("hms-device-selection");
+    this.storage = new me("hms-device-selection");
     this.remember = false;
     this.TAG = "[HMSDeviceStorage]";
   }
@@ -21860,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 Pr = ((t) => (t.PLATFORM_NOT_SUPPORTED = "PLATFORM_NOT_SUPPORTED", t.DEVICE_NOT_SUPPORTED = "DEVICE_NOT_SUPPORTED", t))(Pr || {});
-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;
@@ -21873,15 +21894,15 @@ function oi(a2, e = 300) {
     }, e);
   };
 }
-var Ir = ((t) => (t.SIP = "sip", t.REGULAR = "regular", t))(Ir || {});
-var Rs = ((n) => (n.NONE = "none", n.INITIALISED = "initialised", n.STARTED = "started", n.PAUSED = "paused", n.RESUMED = "resumed", n.STOPPED = "stopped", n.FAILED = "failed", n))(Rs || {});
-var As = ((t) => (t.DVR = "dvr", t.NO_DVR = "no-dvr", t))(As || {});
-var Hs = ((i) => (i.REGULAR = "regular", i.SCREEN = "screen", i.COMPOSITE = "composite", i))(Hs || {});
-var Cs = ((r) => (r.INITIALISED = "initialised", r.STARTED = "started", r.STOPPED = "stopped", r.FAILED = "failed", r))(Cs || {});
-var Ls = ((e) => (e.CAPTION = "caption", e))(Ls || {});
-var Rr = ((t) => (t.VOICE = "voice", t.MUSIC = "music", t))(Rr || {});
-var ws = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(ws || {});
-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();
@@ -21908,8 +21929,8 @@ var Ar = class {
     return e || l.w(this.TAG, "IntersectionObserver is not supported, fallback will be used instead"), e;
   }
 };
-var Os = new Ar();
-var Hr = class {
+var Vs = new Cr();
+var Lr = class {
   constructor() {
     this.TAG = "[HMSResizeObserverWrapper]";
     this.listeners = /* @__PURE__ */ new WeakMap();
@@ -21922,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;
@@ -21936,43 +21957,43 @@ var Hr = class {
     return e || l.w(this.TAG, "Resize Observer is not supported"), e;
   }
 };
-var xs = 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 Vs = "https://event.100ms.live/v2/client/report";
-var Fs = "https://event-nonprod.100ms.live/v2/client/report";
-var Et = Math.pow(2, 31) - 1;
-var st = class {
+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 {
 };
-st.makePeerId = () => Ao();
+rt.makePeerId = () => wo();
 var V = (a2) => a2.room;
-var Co = (a2) => a2.errors;
-var qh = createSelector(Co, (a2) => a2.length === 0 ? null : a2.at(-1));
-var jh = 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 Lo = (a2) => a2.speakers;
-var xe = createSelector([V], (a2) => a2 && a2.isConnected);
-var zh = createSelector([xe, 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 wo = (a2) => a2.hideLocalPeer;
-var Te = createSelector([V, K, wo], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
-var Do = createSelector(O, (a2) => Object.values(a2));
+var Gr = (a2) => a2.appData;
+var No = (a2) => a2.speakers;
+var Oe = createSelector([V], (a2) => a2 && a2.isConnected);
+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 Yh = createSelector(ie, (a2) => a2 == null ? void 0 : a2.name);
-var Xh = 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 _o = createSelector(ie, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
-var Xs = createSelector([oe, z, _o], (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 Zh = createSelector(Te, (a2) => a2.filter((e) => !e.isLocal));
-var em = createSelector(K, Lo, (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;
@@ -21985,109 +22006,109 @@ var em = createSelector(K, Lo, (a2, e) => {
   }
   return null;
 });
-var Gr = createSelector(ie, O, (a2, e) => {
-  let { video: t, audio: i } = Be(e, a2);
+var $r = createSelector(ie, O, (a2, e) => {
+  let { video: t, audio: i } = Ue(e, a2);
   return !!(t || i);
 });
-var No = 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 } = Be(e, r);
+    let r = a2[i], { video: s, audio: o } = Ue(e, r);
     if (s)
       return r;
     o && !t && (t = r);
   }
   return t;
 });
-var im = createSelector(No, (a2) => !!a2);
-var rm = 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 } = Be(e, i);
+    let i = a2[t], { audio: r, video: s } = Ue(e, i);
     if (!s && r)
       return i;
   }
 });
-var sm = 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 } = Be(e, s);
+    let s = a2[r], { video: o, audio: n } = Ue(e, s);
     o ? t.push(s) : n && i.push(s);
   }
   return t.concat(i);
 });
-var am = createSelector(K, O, (a2, e) => {
+var um = createSelector(K, O, (a2, e) => {
   for (let t in e) {
     let i = e[t];
-    if (St(i) && mt(i) && i.peerId)
+    if (mt(i) && ht(i) && i.peerId)
       return a2[i.peerId];
   }
 });
-var om = 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 nm = createSelector(Do, (a2) => a2.filter(ds));
-var cm = createSelector(zs, (a2) => a2.length);
-var dm = 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 Oo = 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 lm = createSelector(Oo, (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 ea = createSelector(re, (a2) => a2 === "Preview");
-var um = createSelector(V, (a2) => a2.roomState !== "Disconnected");
-var pm = createSelector(V, (a2) => !a2.transcriptions || a2.transcriptions.length <= 0 ? false : a2.transcriptions.some((e) => e.mode === "caption" && e.state === "started"));
-var fe = (a2) => a2.roles;
-var hm = createSelector([fe], (a2) => Object.keys(a2));
-var ot = createSelector([ie, fe], (a2, e) => a2 != null && a2.roleName ? e[a2.roleName] : null);
-var xo = (a2) => {
+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 vm = createSelector([ve], (a2) => Object.keys(a2));
+var at = createSelector([ie, ve], (a2, e) => a2 != null && a2.roleName ? e[a2.roleName] : null);
+var Fo = (a2) => {
   var e;
   return (e = a2.preview) == null ? void 0 : e.asRole;
 };
-var ta = createSelector([xo, fe], (a2, e) => a2 ? e[a2] : null);
-var mm = createSelector([ot], (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 ia = createSelector(ot, (a2) => a2 == null ? void 0 : a2.permissions);
-var Sm = createSelector(V, (a2) => a2.recording);
-var gm = createSelector(V, (a2) => a2.rtmp);
-var Tm = createSelector(V, (a2) => a2.hls);
-var fm = createSelector(V, (a2) => a2.transcriptions);
-var vm = createSelector(V, (a2) => a2.sessionId);
-var Mm = createSelector(V, (a2) => a2.startedAt);
-var ym = createSelector(V, (a2) => !!a2.isLargeRoom);
-var km = createSelector(V, (a2) => !!a2.isEffectsEnabled);
-var Pm = createSelector(V, (a2) => !!a2.isVBEnabled);
-var Em = createSelector(V, (a2) => a2.effectsKey);
-var ra = (a2) => a2.polls;
-var Am = createSelector(Te, (a2) => a2.filter((e) => e.isHandRaised));
-var Uo = (a2) => a2.whiteboards;
-var Hm = createSelector(Uo, (a2) => Object.values(a2)[0]);
-var aa = (a2 = "audio") => (e) => e.playlist[a2].list;
-var Wr = (a2 = "audio") => (e) => e.playlist[a2].selection;
-var oa = (a2 = "audio") => (e) => e.playlist[a2].progress;
-var na = (a2 = "audio") => (e) => e.playlist[a2].currentTime;
-var ca = (a2 = "audio") => (e) => e.playlist[a2].playbackRate;
-var da = (a2 = "audio") => (e) => e.playlist[a2].volume;
-var la = (a2 = "audio") => createSelector(aa(a2), (e) => Object.values(e));
-var ua = (a2 = "audio") => createSelector(aa(a2), Wr(a2), (e, t) => {
+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 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 pa = { selection: Wr("audio"), progress: oa("audio"), currentTime: na("audio"), playbackRate: ca("audio"), volume: da("audio"), list: la("audio"), selectedItem: ua("audio") };
-var ha = { selection: Wr("video"), progress: oa("video"), currentTime: na("video"), playbackRate: ca("video"), volume: da("video"), list: la("video"), selectedItem: ua("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:";
@@ -22157,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 ma = (a2, e) => e;
-var Bo = (a2, e) => e;
-var Vo = (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 Fo = createSelector([O, Ct], (a2, e) => {
+var fa = (a2, e) => e;
+var Wo = (a2, e) => 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 Go = 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 Wo = 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 $o = 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 Ko = createSelector([ra, Vo], (a2, e) => e ? a2[e] : null);
-var Y = A(q);
-var Vm = A(createSelector([Vr, Bo], (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 Fm(a2) {
+function jm(a2) {
   return (e) => {
     if (e.sessionStore)
       return a2 ? e.sessionStore[a2] : e.sessionStore;
   };
 }
-var Wm = A(createSelector(q, (a2) => a2 == null ? void 0 : a2.name));
-var $m = A(createSelector(q, (a2) => a2 == null ? void 0 : a2.type));
-var vi = A(Kr);
-var Sa = A(Fo);
-var Km = A(Go);
-var qm = A(Wo);
-var jm = A($o);
-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 jo = 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 Qm = 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 ga = (a2, e) => e ? a2.speakers[e] : null;
-var zm = A(createSelector(ga, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
-var Jo = (a2, e) => {
-  let t = jo(e)(a2);
-  return ga(a2, t == null ? void 0 : t.id);
-};
-var Ym = A(createSelector(Jo, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
-var Xm = 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 Zm = 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) => ht(a2.tracks[r]));
+    let i = t == null ? void 0 : t.auxiliaryTracks.find((r) => pt(a2.tracks[r]));
     return i ? a2.tracks[i] : void 0;
   }
 });
-var eS = 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 St(r) && mt(r);
+    return mt(r) && ht(r);
   });
   return t ? a2[t] : void 0;
 }));
-var tS = 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 St(r) && ht(r);
+    return mt(r) && pt(r);
   });
   return t ? a2[t] : void 0;
 }));
-var iS = 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) && ht(r);
+    return si(r) && pt(r);
   });
   return t ? a2[t] : void 0;
 }));
-var Ta = A(createSelector(O, q, (a2, e) => Be(a2, e)));
-var fa = (a2) => createSelector(Ta(a2), (e) => e.audio);
-var sS = 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);
+  return je(a2, t == null ? void 0 : t.audioTrack);
 });
-var aS = A((a2, e) => {
+var uS = R((a2, e) => {
   let t = q(a2, e);
-  return Je(a2, t == null ? void 0 : t.videoTrack);
+  return je(a2, t == null ? void 0 : t.videoTrack);
 });
-var va = A((a2, e) => {
+var Ea = R((a2, e) => {
   if (e && a2.tracks[e])
     return a2.tracks[e].volume === 0;
 });
-var oS = A((a2, e) => {
+var pS = R((a2, e) => {
   let t = q(a2, e);
-  return va(t == null ? void 0 : t.audioTrack)(a2);
+  return Ea(t == null ? void 0 : t.audioTrack)(a2);
 });
-var nS = A((a2, e) => {
-  let t = fa(e)(a2);
-  return va(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 Ma = 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");
@@ -22292,16 +22313,16 @@ var Ma = A((a2, e) => {
     return t.volume;
   }
 });
-var cS = A((a2, e) => {
+var mS = R((a2, e) => {
   let t = q(a2, e);
-  return Ma(t == null ? void 0 : t.audioTrack)(a2);
+  return Pa(t == null ? void 0 : t.audioTrack)(a2);
 });
-var dS = A((a2, e) => {
-  let t = fa(e)(a2);
-  return Ma(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 lS = 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");
@@ -22310,53 +22331,53 @@ var lS = A((a2, e) => {
     return t.layer;
   }
 });
-var ya = 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 ka = createSelector([At, ma], (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 Qo = 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([ka, ma], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-var Yo = createSelector([ya, $r], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-var uS = createSelector(Qo, (a2) => a2.filter((e) => !e.read).length);
-var pS = A(ya);
-var hS = A(ka);
-var mS = A(zo);
-var SS = A(Yo);
-var Pa = A(Ko);
-var RS = 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 Xo = (a2) => a2.roleChangeRequests[0] || null;
-var AS = createSelector([Xo, K, fe], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
-var HS = createSelector([ot], (a2) => gt(a2));
-var CS = createSelector([ta], (a2) => gt(a2));
-var en = 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 tn = 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 an = ((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))(an || {});
-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 he("client-events");
+    this.failedEvents = new me("client-events");
     this.isConnected = true;
     this.env = null;
     this.websocketURL = "";
@@ -22372,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" ? Vs : Fs;
+    let t = { event: e.name, payload: e.properties, event_id: String(e.timestamp), peer: e.metadata.peer, timestamp: e.timestamp, device_id: e.device_id, cluster: { websocket_url: this.websocketURL } }, i = this.env === "prod" ? $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);
@@ -22398,66 +22419,93 @@ var zr = class {
     i > -1 && (t.splice(i, 1), this.failedEvents.set(t));
   }
 };
-var Ie = 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 ut = ((t) => (t[t.Publish = 0] = "Publish", t[t.Subscribe = 1] = "Subscribe", t))(ut || {});
-var En = (a2) => a2.localPeer.id;
-var bn = (a2) => a2.localPeer.audioTrack;
-var In = (a2) => a2.localPeer.videoTrack;
-var Rn = (a2, e) => e;
-var qa = (a2, e) => e;
-var An = (a2) => a2.remoteTrackStats;
-var ja = (a2) => a2.peerStats;
-var ts = (a2) => a2.localTrackStats;
-var Ae = createSelector([ja, En], (a2, e) => a2[e]);
-var Hn = createSelector(Ae, (a2) => {
+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 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 Cn = createSelector(Ae, (a2) => {
+var _n = createSelector(Ae, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.jitter;
 });
-var Ln = createSelector(Ae, (a2) => {
+var Nn = createSelector(Ae, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bitrate;
 });
-var wn = createSelector(Ae, (a2) => {
+var On = createSelector(Ae, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bitrate;
 });
-var Dn = createSelector(Ae, (a2) => {
+var xn = createSelector(Ae, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.availableOutgoingBitrate;
 });
-var _n = createSelector(Ae, (a2) => {
+var Un = createSelector(Ae, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.availableIncomingBitrate;
 });
-var Nn = createSelector(Ae, (a2) => {
+var Bn = createSelector(Ae, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bytesSent;
 });
-var On = createSelector(Ae, (a2) => {
+var Vn = createSelector(Ae, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bytesReceived;
 });
-var xn = createSelector([ja, Rn], (a2, e) => e ? a2[e] : void 0);
-var Un = createSelector([An, qa], (a2, e) => e ? a2[e] : void 0);
-var is = createSelector([ts, qa], (a2, e) => e ? a2[e] : void 0);
-var Bn = A(xn);
-var Vn = A(Un);
-var Fn = createSelector([ts, bn], (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 Gn = A(createSelector(is, (a2) => a2 == null ? void 0 : a2[0]));
-var Wn = createSelector([ts, In], (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 $n = A(createSelector(is, (a2) => a2));
+var Jn = R(createSelector(ss, (a2) => a2));
 
 // src/Prebuilt/components/Header/StreamActions.tsx
 import {
@@ -22576,7 +22624,7 @@ var RecordingStatus = () => {
 };
 var RecordingPauseStatus = () => {
   const recording = useHMSStore29(selectRecordingState2);
-  if (recording.hls && recording.hls.state === Rs.PAUSED) {
+  if (recording.hls && recording.hls.state === Ls.PAUSED) {
     return /* @__PURE__ */ React64.createElement(
       Tooltip,
       {
@@ -24069,7 +24117,7 @@ var RoleOptions = ({ roleName, peerList }) => {
 
 // src/Prebuilt/components/hooks/useGroupOnStageActions.tsx
 init_define_process_env();
-import { match as match8, P as P4 } from "ts-pattern";
+import { match as match8, P as P5 } from "ts-pattern";
 import { selectPermissions as selectPermissions12, useHMSActions as useHMSActions31, useHMSStore as useHMSStore40 } from "@100mslive/react-sdk";
 var useGroupOnStageActions = ({ peers }) => {
   var _a7;
@@ -24086,9 +24134,9 @@ var useGroupOnStageActions = ({ peers }) => {
   const offStageRolePeers = peers.filter(
     (peer) => match8({ on_stage_role, bring_to_stage_label, roleName: peer.roleName }).with(
       {
-        on_stage_role: P4.when((role) => !!role),
-        bring_to_stage_label: P4.when((label) => !!label),
-        roleName: P4.when((role) => !!role && off_stage_roles.includes(role))
+        on_stage_role: P5.when((role) => !!role),
+        bring_to_stage_label: P5.when((label) => !!label),
+        roleName: P5.when((role) => !!role && off_stage_roles.includes(role))
       },
       () => true
     ).otherwise(() => false)
@@ -27391,7 +27439,7 @@ var Chat = () => {
   const listRef = useRef25(null);
   const hmsActions = useHMSActions42();
   const vanillaStore = useHMSVanillaStore11();
-  const { enabled: isChatEnabled = true } = useHMSStore61(Fm("chatState" /* CHAT_STATE */)) || {};
+  const { enabled: isChatEnabled = true } = useHMSStore61(jm("chatState" /* CHAT_STATE */)) || {};
   const isMobile = useMedia20(config.media.md);
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeStream = useLandscapeHLSStream();
@@ -27481,7 +27529,7 @@ var NewMessageIndicator = ({
   scrollToBottom,
   listRef
 }) => {
-  const unreadCount = useHMSStore61(dm);
+  const unreadCount = useHMSStore61(Sm);
   if (!unreadCount || !listRef.current) {
     return null;
   }
@@ -28500,7 +28548,7 @@ var VBPicker = ({ backgroundMedia = [] }) => {
   const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
   const hmsActions = useHMSActions45();
   const localPeer = useHMSStore69(selectLocalPeer8);
-  const role = useHMSStore69(ot);
+  const role = useHMSStore69(at);
   const isVideoOn = useHMSStore69(selectIsLocalVideoEnabled6);
   const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
   const trackSelector = selectVideoTrackByID4(localPeer == null ? void 0 : localPeer.videoTrack);
@@ -28509,12 +28557,12 @@ var VBPicker = ({ backgroundMedia = [] }) => {
   const roomState = useHMSStore69(selectRoomState5);
   const isLargeRoom = useHMSStore69(selectIsLargeRoom3);
   const [isBlurSupported, setIsBlurSupported] = useState56(false);
-  const isEffectsEnabled = useHMSStore69(km);
-  const effectsKey = useHMSStore69(Em);
+  const isEffectsEnabled = useHMSStore69(Rm);
+  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(Vm(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;
@@ -30890,7 +30938,7 @@ var useCloseScreenshareWhiteboard = () => {
 };
 
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
-var HLSView = React157.lazy(() => import("./HLSView-6KUW45BA.js"));
+var HLSView = React157.lazy(() => import("./HLSView-YQCSQSBU.js"));
 var VideoStreamingSection = ({
   screenType,
   elements,
@@ -31655,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",
@@ -31668,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",
@@ -31682,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: () => {
@@ -31694,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 { match as match14, P as P5 } from "ts-pattern";
+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;
@@ -31724,7 +32229,7 @@ var MwebLandscapePrompt = () => {
       const angle = window.screen.orientation.angle;
       const type = window.screen.orientation.type || "";
       setShowMwebLandscapePrompt(
-        match14({ angle, isLandscapeHLSStream, isLandscape, type }).with({ isLandscapeHLSStream: true }, () => false).with({ angle: P5.when((angle2) => angle2 && angle2 >= 90) }, ({ type: type2 }) => type2.includes("landscape")).otherwise(() => isLandscape)
+        match14({ angle, isLandscapeHLSStream, isLandscape, type }).with({ isLandscapeHLSStream: true }, () => false).with({ angle: P6.when((angle2) => angle2 && angle2 >= 90) }, ({ type: type2 }) => type2.includes("landscape")).otherwise(() => isLandscape)
       );
     };
     handleRotation();
@@ -31736,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: {
@@ -31745,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
@@ -31755,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,
@@ -31773,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,
@@ -31788,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",
@@ -31804,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";
@@ -31823,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
@@ -31854,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,
@@ -31864,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));
@@ -31906,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: {
@@ -31914,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)
       };
     }
   },
@@ -31929,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)
       };
     }
   },
@@ -31944,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) => {
@@ -31955,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)
       };
     }
   },
@@ -31964,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) => {
@@ -31976,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 })
       };
     }
   },
@@ -31986,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)
       };
     }
   },
@@ -32002,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
       };
@@ -32014,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
       };
@@ -32133,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") {
@@ -32159,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
@@ -32201,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
@@ -32214,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;
@@ -32239,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: {
@@ -32249,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,
@@ -32265,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;
 };
 
@@ -32310,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,
@@ -32345,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",
@@ -32384,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:
@@ -32418,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}?`,
@@ -32435,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";
@@ -32456,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 }, () => {
@@ -32464,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);
@@ -32505,7 +33010,7 @@ function Notifications() {
   }, []);
   useCustomEvent4({ type: ROLE_CHANGE_DECLINED, onEvent: handleRoleChangeDenied });
   useEffect74(() => {
-    var _a8, _b8, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n2, _o2, _p, _q;
+    var _a8, _b8, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m2, _n2, _o2, _p, _q;
     if (!notification || isNotificationDisabled) {
       return;
     }
@@ -32523,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({
@@ -32546,7 +33051,7 @@ function Notifications() {
         });
         break;
       case HMSNotificationTypes11.ROLE_UPDATED: {
-        if (((_m = notification.data) == null ? void 0 : _m.isLocal) && ((_n2 = notification.data) == null ? void 0 : _n2.roleName)) {
+        if (((_m2 = notification.data) == null ? void 0 : _m2.isLocal) && ((_n2 = notification.data) == null ? void 0 : _n2.roleName)) {
           ToastManager.addToast({
             title: `You are now a ${notification.data.roleName}`
           });
@@ -32580,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),
@@ -32621,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();
@@ -32660,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;
@@ -32677,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,
@@ -32715,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({
@@ -32736,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
@@ -32764,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";
@@ -32808,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(
@@ -32848,7 +33353,7 @@ function FlyingEmoji() {
   useEffect76(() => {
     window.showFlyingEmoji = showFlyingEmoji;
   }, [showFlyingEmoji]);
-  return /* @__PURE__ */ React181.createElement(
+  return /* @__PURE__ */ React184.createElement(
     Box,
     {
       css: {
@@ -32864,7 +33369,7 @@ function FlyingEmoji() {
       }
     },
     emojis.map((emoji) => {
-      return /* @__PURE__ */ React181.createElement(
+      return /* @__PURE__ */ React184.createElement(
         Flex,
         {
           key: emoji.id,
@@ -32878,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: {
@@ -32889,7 +33394,7 @@ function FlyingEmoji() {
               borderRadius: "$1"
             }
           },
-          /* @__PURE__ */ React181.createElement(
+          /* @__PURE__ */ React184.createElement(
             Text,
             {
               css: {
@@ -32908,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]);
@@ -32919,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
@@ -32928,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";
@@ -32936,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);
@@ -32977,7 +33482,7 @@ var useAutoStartStreaming = () => {
 };
 
 // src/Prebuilt/App.tsx
-var HMSPrebuilt = React183.forwardRef(
+var HMSPrebuilt = React186.forwardRef(
   ({
     roomCode = "",
     authToken = "",
@@ -32993,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();
@@ -33025,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,
@@ -33044,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: {
@@ -33057,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,
@@ -33071,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]) || {};
@@ -33080,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()}`,
@@ -33093,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),
@@ -33105,7 +33612,7 @@ var HMSPrebuilt = React183.forwardRef(
                   position: "relative"
                 }
               },
-              /* @__PURE__ */ React183.createElement(
+              /* @__PURE__ */ React186.createElement(
                 AppRoutes,
                 {
                   authTokenByRoomCodeEndpoint: tokenByRoomCodeEndpoint,
@@ -33124,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) {
@@ -33149,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
@@ -33180,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,
@@ -33193,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";
@@ -33224,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;
@@ -33242,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,
@@ -33260,7 +33767,7 @@ var TestFooter = ({
     }
     setActiveStep((step) => step + 1);
   };
-  return /* @__PURE__ */ React185.createElement(
+  return /* @__PURE__ */ React188.createElement(
     Flex,
     {
       css: {
@@ -33278,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",
@@ -33303,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,
@@ -33311,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",
@@ -33325,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,
@@ -33351,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",
@@ -33397,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,
@@ -33413,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,
@@ -33423,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: {
@@ -33435,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);
       }
@@ -33456,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 });
@@ -33467,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: {
@@ -33479,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 = {
@@ -33568,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();
@@ -33581,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 = {
@@ -33623,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),
@@ -33634,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",
@@ -33646,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)",
@@ -33687,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,
@@ -33717,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",
@@ -33740,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",
@@ -33752,7 +34259,7 @@ var RegionSelector = ({
         }
       }
     },
-    /* @__PURE__ */ React189.createElement(
+    /* @__PURE__ */ React192.createElement(
       Flex,
       {
         css: {
@@ -33762,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,
@@ -33774,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);
@@ -33801,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");
@@ -33822,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,
@@ -33836,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: {
@@ -33853,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: {
@@ -33916,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 */) {
@@ -33926,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: {
@@ -33977,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 {
@@ -34116,4 +34623,4 @@ object-assign/index.js:
   @license MIT
   *)
 */
-//# sourceMappingURL=chunk-NC3PKPDD.js.map
+//# sourceMappingURL=chunk-SLFOQJ6P.js.map