@100mslive/roomkit-react 0.3.11 → 0.3.12-alpha.1

package/dist/{chunk-2XSERAAX.js → chunk-ZPUJUJBA.js}

@@ -14,13 +14,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
@@ -35,7 +35,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 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_a4a1fa78-ef72-4dc7-861c-a023d415c35c", 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.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.2 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.11", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_a4a1fa78-ef72-4dc7-861c-a023d415c35c", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.2/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.11", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.8", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.7", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.3.11579264", 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: "599", 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.10/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240516.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.3/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:17159", 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.11", 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: "9223289124", 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: "29f7d58a447423b3eaab77ef94e843aafe23995a", 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: "fa095f17c6cc7639f9d167141e98fdb2fb88f2e642fa95f06563c8f8c1ba365f", npm_package_exports___import: "./dist/index.js", STATS_BLT: "true", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/main", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1716550647500-0.27432674176805394:/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.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1716550647303-0.07388646026331447:/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.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1716550621000-0.4540717407358503:/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.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1716550620820-0.968094068149677:/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.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.2/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.2/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_e966129c-dadb-49cd-8676-3c16610ca61f", INVOCATION_ID: "a3b528c8bd944f188897dca2efb66671", 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: "555", GITHUB_TRIGGERING_ACTOR: "KaustubhKumar05", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 99", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "main", 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/25.2.9519653", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.10.11", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.11", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", GITHUB_SHA: "29f7d58a447423b3eaab77ef94e843aafe23995a", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", npm_package_dependencies_qrcode_react: "^3.1.0", GITHUB_REF: "refs/heads/main", GITHUB_ACTOR: "KaustubhKumar05", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_config_strict_ssl: "true", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_scripts_format: "prettier -w src/**", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", GITHUB_PATH: "/home/runner/work/_temp/_runner_file_commands/add_path_a4a1fa78-ef72-4dc7-861c-a023d415c35c", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "57426646", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_a4a1fa78-ef72-4dc7-861c-a023d415c35c", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/25.2.9519653", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.172+1/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_a4a1fa78-ef72-4dc7-861c-a023d415c35c" };
+    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_87bb0559-bcd7-4532-a344-450242e5ef47", GIT_CLONE_PROTECTION_ACTIVE: "false", 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.2-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.3 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.12-alpha.1", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_87bb0559-bcd7-4532-a344-450242e5ef47", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.3/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.12-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.8", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.7", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.3.11579264", 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: "590", 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.10/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240526.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.3/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:15013", 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.12-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: "9281845565", 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: "d1da18b74e26ac0defecd1509864a9d8dd8c258e", 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: "99a73bbe8b457a4540f1d00f7ca11ccf08fd5656792336b8e1bd978fdde902a6", 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--1716967046057-0.9148860350872108:/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.3/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1716967045849-0.5311695091924935:/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.3/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1716967020806-0.8731716501097568:/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.3/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1716967020632-0.507700896354027:/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.3/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/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.3/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_7c6c6dce-ad70-4baf-871f-21c711a34ae6", INVOCATION_ID: "0d21648158a3449e8f908e82f97dd020", 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: "558", 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_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 240", 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/25.2.9519653", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.10.12-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.12-alpha.1", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "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: "d1da18b74e26ac0defecd1509864a9d8dd8c258e", 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_87bb0559-bcd7-4532-a344-450242e5ef47", 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_87bb0559-bcd7-4532-a344-450242e5ef47", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/25.2.9519653", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.172+1/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_87bb0559-bcd7-4532-a344-450242e5ef47" };
   }
 });
 
@@ -730,7 +730,7 @@ var require_lodash = __commonJS({
         return string.match(reUnicodeWord) || [];
       }
       var runInContext = function runInContext2(context) {
-        context = context == null ? root : _.defaults(root.Object(), context, _.pick(root, contextProps));
+        context = context == null ? root : _2.defaults(root.Object(), context, _2.pick(root, contextProps));
         var Array2 = context.Array, Date2 = context.Date, Error2 = context.Error, Function2 = context.Function, Math2 = context.Math, Object2 = context.Object, RegExp2 = context.RegExp, String2 = context.String, TypeError2 = context.TypeError;
         var arrayProto = Array2.prototype, funcProto = Function2.prototype, objectProto = Object2.prototype;
         var coreJsData = context["__core-js_shared__"];
@@ -2857,8 +2857,8 @@ var require_lodash = __commonJS({
           return { "start": start, "end": end };
         }
         function getWrapDetails(source) {
-          var match16 = source.match(reWrapDetails);
-          return match16 ? match16[1].split(reSplitDetails) : [];
+          var match17 = source.match(reWrapDetails);
+          return match17 ? match17[1].split(reSplitDetails) : [];
         }
         function hasPath(object, path, hasFunc) {
           path = castPath(path, object);
@@ -3126,8 +3126,8 @@ var require_lodash = __commonJS({
           if (string.charCodeAt(0) === 46) {
             result2.push("");
           }
-          string.replace(rePropName, function(match16, number, quote, subString) {
-            result2.push(quote ? subString.replace(reEscapeChar, "$1") : number || match16);
+          string.replace(rePropName, function(match17, number, quote, subString) {
+            result2.push(quote ? subString.replace(reEscapeChar, "$1") : number || match17);
           });
           return result2;
         });
@@ -4693,7 +4693,7 @@ var require_lodash = __commonJS({
             "g"
           );
           var sourceURL = "//# sourceURL=" + (hasOwnProperty.call(options, "sourceURL") ? (options.sourceURL + "").replace(/\s/g, " ") : "lodash.templateSources[" + ++templateCounter + "]") + "\n";
-          string.replace(reDelimiters, function(match16, escapeValue, interpolateValue, esTemplateValue, evaluateValue, offset) {
+          string.replace(reDelimiters, function(match17, escapeValue, interpolateValue, esTemplateValue, evaluateValue, offset) {
             interpolateValue || (interpolateValue = esTemplateValue);
             source += string.slice(index, offset).replace(reUnescapedString, escapeStringChar);
             if (escapeValue) {
@@ -4707,8 +4707,8 @@ var require_lodash = __commonJS({
             if (interpolateValue) {
               source += "' +\n((__t = (" + interpolateValue + ")) == null ? '' : __t) +\n'";
             }
-            index = offset + match16.length;
-            return match16;
+            index = offset + match17.length;
+            return match17;
           });
           source += "';\n";
           var variable = hasOwnProperty.call(options, "variable") && options.variable;
@@ -4796,13 +4796,13 @@ var require_lodash = __commonJS({
           }
           if (isRegExp(separator)) {
             if (string.slice(end).search(separator)) {
-              var match16, substring = result2;
+              var match17, substring = result2;
               if (!separator.global) {
                 separator = RegExp2(separator.source, toString(reFlags.exec(separator)) + "g");
               }
               separator.lastIndex = 0;
-              while (match16 = separator.exec(substring)) {
-                var newEnd = match16.index;
+              while (match17 = separator.exec(substring)) {
+                var newEnd = match17.index;
               }
               result2 = result2.slice(0, newEnd === undefined2 ? end : newEnd);
             }
@@ -5504,17 +5504,17 @@ var require_lodash = __commonJS({
         }
         return lodash;
       };
-      var _ = runInContext();
+      var _2 = runInContext();
       if (typeof define == "function" && typeof define.amd == "object" && define.amd) {
-        root._ = _;
+        root._ = _2;
         define(function() {
-          return _;
+          return _2;
         });
       } else if (freeModule) {
-        (freeModule.exports = _)._ = _;
-        freeExports._ = _;
+        (freeModule.exports = _2)._ = _2;
+        freeExports._ = _2;
       } else {
-        root._ = _;
+        root._ = _2;
       }
     }).call(exports);
   }
@@ -5556,38 +5556,38 @@ var require_ua_parser = __commonJS({
           return typeof len === UNDEF_TYPE ? str : str.substring(0, UA_MAX_LENGTH);
         }
       };
-      var rgxMapper = function(ua, arrays) {
-        var i = 0, j2, k2, p, q2, matches, match16;
+      var rgxMapper = function(ua2, arrays) {
+        var i = 0, j2, k, p, q, matches, match17;
         while (i < arrays.length && !matches) {
           var regex = arrays[i], props = arrays[i + 1];
-          j2 = k2 = 0;
+          j2 = k = 0;
           while (j2 < regex.length && !matches) {
             if (!regex[j2]) {
               break;
             }
-            matches = regex[j2++].exec(ua);
+            matches = regex[j2++].exec(ua2);
             if (!!matches) {
               for (p = 0; p < props.length; p++) {
-                match16 = matches[++k2];
-                q2 = props[p];
-                if (typeof q2 === OBJ_TYPE && q2.length > 0) {
-                  if (q2.length === 2) {
-                    if (typeof q2[1] == FUNC_TYPE) {
-                      this[q2[0]] = q2[1].call(this, match16);
+                match17 = matches[++k];
+                q = props[p];
+                if (typeof q === OBJ_TYPE && q.length > 0) {
+                  if (q.length === 2) {
+                    if (typeof q[1] == FUNC_TYPE) {
+                      this[q[0]] = q[1].call(this, match17);
                     } else {
-                      this[q2[0]] = q2[1];
+                      this[q[0]] = q[1];
                     }
-                  } else if (q2.length === 3) {
-                    if (typeof q2[1] === FUNC_TYPE && !(q2[1].exec && q2[1].test)) {
-                      this[q2[0]] = match16 ? q2[1].call(this, match16, q2[2]) : undefined2;
+                  } else if (q.length === 3) {
+                    if (typeof q[1] === FUNC_TYPE && !(q[1].exec && q[1].test)) {
+                      this[q[0]] = match17 ? q[1].call(this, match17, q[2]) : undefined2;
                     } else {
-                      this[q2[0]] = match16 ? match16.replace(q2[1], q2[2]) : undefined2;
+                      this[q[0]] = match17 ? match17.replace(q[1], q[2]) : undefined2;
                     }
-                  } else if (q2.length === 4) {
-                    this[q2[0]] = match16 ? q2[3].call(this, match16.replace(q2[1], q2[2])) : undefined2;
+                  } else if (q.length === 4) {
+                    this[q[0]] = match17 ? q[3].call(this, match17.replace(q[1], q[2])) : undefined2;
                   }
                 } else {
-                  this[q2] = match16 ? match16 : undefined2;
+                  this[q] = match17 ? match17 : undefined2;
                 }
               }
             }
@@ -6654,16 +6654,16 @@ var require_ua_parser = __commonJS({
           [NAME, VERSION]
         ]
       };
-      var UAParser = function(ua, extensions) {
-        if (typeof ua === OBJ_TYPE) {
-          extensions = ua;
-          ua = undefined2;
+      var UAParser = function(ua2, extensions) {
+        if (typeof ua2 === OBJ_TYPE) {
+          extensions = ua2;
+          ua2 = undefined2;
         }
         if (!(this instanceof UAParser)) {
-          return new UAParser(ua, extensions).getResult();
+          return new UAParser(ua2, extensions).getResult();
         }
         var _navigator = typeof window2 !== UNDEF_TYPE && window2.navigator ? window2.navigator : undefined2;
-        var _ua = ua || (_navigator && _navigator.userAgent ? _navigator.userAgent : EMPTY);
+        var _ua = ua2 || (_navigator && _navigator.userAgent ? _navigator.userAgent : EMPTY);
         var _uach = _navigator && _navigator.userAgentData ? _navigator.userAgentData : undefined2;
         var _rgxmap = extensions ? extend(regexes, extensions) : regexes;
         var _isSelfNav = _navigator && _navigator.userAgent == _ua;
@@ -6729,8 +6729,8 @@ var require_ua_parser = __commonJS({
         this.getUA = function() {
           return _ua;
         };
-        this.setUA = function(ua2) {
-          _ua = typeof ua2 === STR_TYPE && ua2.length > UA_MAX_LENGTH ? trim(ua2, UA_MAX_LENGTH) : ua2;
+        this.setUA = function(ua3) {
+          _ua = typeof ua3 === STR_TYPE && ua3.length > UA_MAX_LENGTH ? trim(ua3, UA_MAX_LENGTH) : ua3;
           return this;
         };
         this.setUA(_ua);
@@ -6762,8 +6762,8 @@ var require_ua_parser = __commonJS({
         $2.ua.get = function() {
           return parser.getUA();
         };
-        $2.ua.set = function(ua) {
-          parser.setUA(ua);
+        $2.ua.set = function(ua2) {
+          parser.setUA(ua2);
           var result = parser.getResult();
           for (var prop in result) {
             $2.ua[prop] = result[prop];
@@ -7599,12 +7599,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(" ");
@@ -7630,9 +7630,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 = [];
@@ -7643,7 +7643,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;
     };
@@ -7656,13 +7656,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;
@@ -7790,21 +7790,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()) {
@@ -8562,16 +8562,16 @@ var require_grammar = __commonJS({
 var require_parser = __commonJS({
   "../../node_modules/sdp-transform/lib/parser.js"(exports) {
     init_define_process_env();
-    var toIntIfInt = function(v) {
-      return String(Number(v)) === v ? Number(v) : v;
+    var toIntIfInt = function(v2) {
+      return String(Number(v2)) === v2 ? Number(v2) : v2;
     };
-    var attachProperties = function(match16, location, names, rawName) {
+    var attachProperties = function(match17, location, names, rawName) {
       if (rawName && !names) {
-        location[rawName] = toIntIfInt(match16[1]);
+        location[rawName] = toIntIfInt(match17[1]);
       } else {
         for (var i = 0; i < names.length; i += 1) {
-          if (match16[i + 1] != null) {
-            location[names[i]] = toIntIfInt(match16[i + 1]);
+          if (match17[i + 1] != null) {
+            location[names[i]] = toIntIfInt(match17[i + 1]);
           }
         }
       }
@@ -8676,13 +8676,13 @@ var require_writer = __commonJS({
       var i = 1;
       var args = arguments;
       var len = args.length;
-      return formatStr.replace(formatRegExp, function(x2) {
+      return formatStr.replace(formatRegExp, function(x) {
         if (i >= len) {
-          return x2;
+          return x;
         }
         var arg = args[i];
         i += 1;
-        switch (x2) {
+        switch (x) {
           case "%%":
             return "%";
           case "%s":
@@ -9120,6 +9120,9 @@ var POLL_VIEWS = {
   VOTE: "VOTE",
   RESULTS: "RESULTS"
 };
+var CAPTION_TOAST = {
+  captionToast: "captionToast"
+};
 var SUBSCRIBED_NOTIFICATIONS = {
   PEER_JOINED: "PEER_JOINED",
   PEER_LEFT: "PEER_LEFT",
@@ -10955,8 +10958,8 @@ function useBorderAudioLevel(audioTrackId) {
   });
   return ref;
 }
-var sigmoid = (z2) => {
-  return 1 / (1 + Math.exp(-z2));
+var sigmoid = (z) => {
+  return 1 / (1 + Math.exp(-z));
 };
 
 // src/AudioLevel/AudioLevel.tsx
@@ -10968,7 +10971,7 @@ import { selectTrackAudioByID, useHMSVanillaStore } from "@100mslive/react-sdk";
 var audio_level_default = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAABABAMAAAAHc7SNAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAAAtUExURQAAAP///////////////////////////////////////////////////////6FIq5sAAAAOdFJOUwA/QJqbnJ2euLnc3d7+2IFKrQAAAa9JREFUaN7dmcFRxDAMRXNgW4AbV24ZSkgrlAAFUAqlpITtgT0QnB22BnY3iWXHSlYz5H/NoJNO8bP8JTlyVW1k923/MveYdnc623PuUe3jsux37tEDcN24eFR7HJb9TD2qvQ/LfqUexR7a41Xx7bDsMfWo2j+NlnpU7TsBiOKdAOqoeCcAUTwFYFK8pn0GgFLttWVxAEq1pwJo1Z4KoFV7KoBW7YEAT0uK729pfxuAZcX/3Fr2TwAx05cVDwWIu11RPBQg7lZ0XlR7JIDsdkXxCIDp5GXf2v0GBxBP3pTfAIB48qb83h7AWtlhANbKDgOwVnYYgLWywwCsn/u/AO5HMIqwcwOovdNwLESNG8BQioNfKa52YwBsakC04/MF9C1Rw4HdjhU1SCyKqOCvZCGLhXgMgKgGiUWRI9hr+aSG+bU8sP4LyliIxwW4xOI1j8pKZlB/Tjt794ANpKzdAzOgaOzdAzKiCVpmkACWM4MEIFVCyQzfQWXnPao9eA+rG+dxfXB8L1jNB4pN+bCfd4re59Gqoz9alflQ+zzb7ZROwTWlUziEIO8UZCs7hc1+AbiVW6XSE8knAAAAAElFTkSuQmCC";
 
 // src/AudioLevel/AudioLevel.tsx
-var positionValues = new Array(101).fill(0).reduce((acc, _, index) => {
+var positionValues = new Array(101).fill(0).reduce((acc, _2, index) => {
   acc[index] = Math.round(index / 100 * 4) / 4;
   return acc;
 }, {});
@@ -11091,12 +11094,12 @@ var formatBytes = (bytes, unit = "B", decimals = 2) => {
   if (!bytes) {
     return "-";
   }
-  const k2 = 1024;
-  const dm = decimals < 0 ? 0 : decimals;
+  const k = 1024;
+  const dm2 = decimals < 0 ? 0 : decimals;
   const sizes = ["", "K", "M", "G", "T", "P", "E", "Z", "Y"].map((size) => size + unit);
-  let i = Math.floor(Math.log(bytes) / Math.log(k2));
+  let i = Math.floor(Math.log(bytes) / Math.log(k));
   i === 0 && i++;
-  return `${parseFloat((bytes / Math.pow(k2, i)).toFixed(dm))} ${sizes[i]}`;
+  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm2))} ${sizes[i]}`;
 };
 
 // src/Stats/StyledStats.tsx
@@ -11851,8 +11854,8 @@ var Collapsible = {
 
 // src/Prebuilt/App.tsx
 init_define_process_env();
-import React181, { useEffect as useEffect74, useRef as useRef30 } from "react";
-import { match as match15 } from "ts-pattern";
+import React182, { useEffect as useEffect75, useRef as useRef30 } from "react";
+import { match as match16 } from "ts-pattern";
 import {
   HMSReactiveStore,
   HMSRoomProvider,
@@ -12369,12 +12372,12 @@ var formatTime = (timeInSeconds) => {
   const hour = hours !== 0 ? `${hours < 10 ? "0" : ""}${hours}:` : "";
   return `${hour}${minutes < 10 ? "0" : ""}${minutes}:${seconds < 10 ? "0" : ""}${seconds}`;
 };
-var compareArrays = (a2, b2) => {
-  if (a2.length !== b2.length)
+var compareArrays = (a2, b) => {
+  if (a2.length !== b.length)
     return false;
   else {
     for (var i = 0; i < a2.length; i++) {
-      if (a2[i] !== b2[i]) {
+      if (a2[i] !== b[i]) {
         return false;
       }
     }
@@ -14646,8 +14649,24 @@ init_define_process_env();
 import React55, { Fragment as Fragment6, useState as useState23 } from "react";
 import { HMSHLSPlayer } from "@100mslive/hls-player";
 import { match as match4 } from "ts-pattern";
-import { selectAppData as selectAppData3, selectLocalPeerID as selectLocalPeerID4, useHMSActions as useHMSActions17, useHMSStore as useHMSStore22 } from "@100mslive/react-sdk";
-import { BrbIcon, CheckIcon as CheckIcon4, HamburgerMenuIcon, InfoIcon as InfoIcon2, PipIcon as PipIcon2, SettingsIcon as SettingsIcon3 } from "@100mslive/react-icons";
+import {
+  HMSTranscriptionMode as HMSTranscriptionMode2,
+  selectAppData as selectAppData3,
+  selectIsTranscriptionAllowedByMode,
+  selectIsTranscriptionEnabled as selectIsTranscriptionEnabled3,
+  selectLocalPeerID as selectLocalPeerID4,
+  useHMSActions as useHMSActions17,
+  useHMSStore as useHMSStore22
+} from "@100mslive/react-sdk";
+import {
+  BrbIcon,
+  CheckIcon as CheckIcon4,
+  HamburgerMenuIcon,
+  InfoIcon as InfoIcon2,
+  OpenCaptionIcon as OpenCaptionIcon2,
+  PipIcon as PipIcon2,
+  SettingsIcon as SettingsIcon3
+} from "@100mslive/react-icons";
 
 // src/Prebuilt/components/PIP/index.jsx
 init_define_process_env();
@@ -14813,8 +14832,8 @@ var PipManager = class {
     /**
      * @private {boolean} on - whether pip is on/off
      */
-    this.callListeners = (on2) => {
-      this.listeners.forEach((listener) => listener?.(on2));
+    this.callListeners = (on) => {
+      this.listeners.forEach((listener) => listener?.(on));
     };
     this.reset();
   }
@@ -15766,11 +15785,11 @@ var formatBytes2 = (bytes, unit = "B", decimals = 2) => {
     return "-";
   if (bytes === 0)
     return "0 " + unit;
-  const k2 = 1024;
-  const dm = decimals < 0 ? 0 : decimals;
+  const k = 1024;
+  const dm2 = decimals < 0 ? 0 : decimals;
   const sizes = ["", "K", "M", "G", "T", "P", "E", "Z", "Y"].map((size) => size + unit);
-  const i = Math.floor(Math.log(bytes) / Math.log(k2));
-  return parseFloat((bytes / Math.pow(k2, i)).toFixed(dm)) + " " + sizes[i];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return parseFloat((bytes / Math.pow(k, i)).toFixed(dm2)) + " " + sizes[i];
 };
 
 // src/Prebuilt/components/MoreSettings/BulkRoleChangeModal.jsx
@@ -15894,6 +15913,7 @@ var CaptionContent = ({ isMobile, onExit }) => {
   const DURATION = 2e3;
   const actions = useHMSActions14();
   const isTranscriptionEnabled = useHMSStore18(selectIsTranscriptionEnabled2);
+  const [toastId, setToastId] = useSetAppDataByKey(CAPTION_TOAST.captionToast);
   const [isCaptionEnabled, setIsCaptionEnabled] = useSetIsCaptionEnabled();
   return /* @__PURE__ */ React50.createElement(React50.Fragment, null, /* @__PURE__ */ React50.createElement(
     Text,
@@ -15965,30 +15985,33 @@ var CaptionContent = ({ isMobile, onExit }) => {
                 await actions.stopTranscription({
                   mode: HMSTranscriptionMode.CAPTION
                 });
-                ToastManager.addToast({
+                const id2 = ToastManager.replaceToast(toastId, {
                   title: `Disabling Closed Caption for everyone.`,
                   variant: "standard",
                   duration: DURATION,
                   icon: /* @__PURE__ */ React50.createElement(Loading, { color: "currentColor" })
                 });
+                setToastId(id2);
                 onExit();
                 return;
               }
               await actions.startTranscription({
                 mode: HMSTranscriptionMode.CAPTION
               });
-              ToastManager.addToast({
+              const id = ToastManager.replaceToast(toastId, {
                 title: `Enabling Closed Caption for everyone.`,
                 variant: "standard",
                 duration: DURATION,
                 icon: /* @__PURE__ */ React50.createElement(Loading, { color: "currentColor" })
               });
+              setToastId(id);
             } catch (err) {
-              ToastManager.addToast({
+              const id = ToastManager.replaceToast(toastId, {
                 title: `Failed to ${isTranscriptionEnabled ? "disabled" : "enabled"} closed caption`,
                 variant: "error",
                 icon: /* @__PURE__ */ React50.createElement(AlertTriangleIcon5, { style: { marginRight: "0.5rem" } })
               });
+              setToastId(id);
             }
             onExit();
           }
@@ -16263,6 +16286,8 @@ var DesktopOptions = ({
   const { isBRBOn, toggleBRB } = useMyMetadata();
   const isPipOn = PictureInPicture.isOn();
   const isBRBEnabled = !!elements?.brb;
+  const isTranscriptionAllowed = useHMSStore22(selectIsTranscriptionAllowedByMode(HMSTranscriptionMode2.CAPTION));
+  const isTranscriptionEnabled = useHMSStore22(selectIsTranscriptionEnabled3);
   useDropdownList({ open: openModals.size > 0, name: "MoreSettings" });
   const updateState = (modalName, value) => {
     setOpenModals((modals) => {
@@ -16299,6 +16324,18 @@ var DesktopOptions = ({
         }
       },
       isBRBEnabled && screenType !== "hls_live_streaming" ? /* @__PURE__ */ React55.createElement(Dropdown.Item, { onClick: toggleBRB, "data-testid": "brb_btn" }, /* @__PURE__ */ React55.createElement(BrbIcon, null), /* @__PURE__ */ React55.createElement(Text, { variant: "sm", css: { ml: "$4", color: "$on_surface_high" } }, "Be Right Back"), /* @__PURE__ */ React55.createElement(Flex, { justify: "end", css: { color: "$on_surface_high", flexGrow: "1" } }, isBRBOn ? /* @__PURE__ */ React55.createElement(CheckIcon4, null) : null)) : null,
+      isTranscriptionAllowed ? /* @__PURE__ */ React55.createElement(
+        Dropdown.Item,
+        {
+          "data-testid": "closed_caption_admin",
+          onClick: () => {
+            updateState(MODALS.CAPTION, true);
+          }
+        },
+        /* @__PURE__ */ React55.createElement(OpenCaptionIcon2, null),
+        /* @__PURE__ */ React55.createElement(Flex, { direction: "column", css: { flexGrow: "1" } }, /* @__PURE__ */ React55.createElement(Text, { variant: "sm", css: { ml: "$4", color: "$on_surface_high" } }, "Closed Captions"), /* @__PURE__ */ React55.createElement(Text, { variant: "caption", css: { ml: "$4", color: "$on_surface_medium" } }, isTranscriptionEnabled ? "Enabled" : "Disabled")),
+        /* @__PURE__ */ React55.createElement(Switch, { id: "closed_caption_start_stop", checked: isTranscriptionEnabled, disabled: false })
+      ) : null,
       screenType !== "hls_live_streaming" ? /* @__PURE__ */ React55.createElement(Dropdown.Item, { css: { p: 0, "&:empty": { display: "none" } } }, /* @__PURE__ */ React55.createElement(
         PIP,
         {
@@ -16358,8 +16395,11 @@ import React61, { useRef as useRef16, useState as useState28 } from "react";
 import { useClickAway } from "react-use";
 import { match as match5 } from "ts-pattern";
 import {
+  HMSTranscriptionMode as HMSTranscriptionMode3,
   selectIsConnectedToRoom as selectIsConnectedToRoom7,
   selectIsLocalVideoEnabled as selectIsLocalVideoEnabled4,
+  selectIsTranscriptionAllowedByMode as selectIsTranscriptionAllowedByMode2,
+  selectIsTranscriptionEnabled as selectIsTranscriptionEnabled4,
   selectPeerCount as selectPeerCount3,
   selectPermissions as selectPermissions8,
   useHMSActions as useHMSActions23,
@@ -16368,12 +16408,14 @@ import {
 } from "@100mslive/react-sdk";
 import {
   BrbIcon as BrbIcon2,
+  ClosedCaptionIcon as ClosedCaptionIcon2,
   CrossIcon as CrossIcon12,
   EmojiIcon as EmojiIcon2,
   HamburgerMenuIcon as HamburgerMenuIcon2,
   HandIcon as HandIcon2,
   HandRaiseSlashedIcon,
   InfoIcon as InfoIcon3,
+  OpenCaptionIcon as OpenCaptionIcon3,
   PeopleIcon,
   QuizActiveIcon,
   QuizIcon,
@@ -16392,8 +16434,8 @@ init_define_process_env();
 
 // ../../node_modules/reselect/es/index.js
 init_define_process_env();
-function defaultEqualityCheck(a2, b2) {
-  return a2 === b2;
+function defaultEqualityCheck(a2, b) {
+  return a2 === b;
 }
 function areArgumentsShallowlyEqual(equalityCheck, prev, next) {
   if (prev === null || next === null || prev.length !== next.length) {
@@ -16470,8 +16512,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 Ka } from "uuid";
-import { v4 as Wa } from "uuid";
+import { v4 as Qa } from "uuid";
+import { v4 as ja } from "uuid";
 
 // ../../node_modules/webrtc-adapter/src/js/adapter_core.js
 init_define_process_env();
@@ -16484,8 +16526,8 @@ init_define_process_env();
 var logDisabled_ = true;
 var deprecationWarnings_ = true;
 function extractVersion(uastring, expr, pos) {
-  const match16 = uastring.match(expr);
-  return match16 && match16.length >= pos && parseInt(match16[pos], 10);
+  const match17 = uastring.match(expr);
+  return match17 && match17.length >= pos && parseInt(match17[pos], 10);
 }
 function wrapPeerConnectionEvent(window2, eventNameToWrap, wrapper) {
   if (!window2.RTCPeerConnection) {
@@ -16761,9 +16803,9 @@ function shimGetUserMedia(window2, browserDetails) {
     }
     constraints = JSON.parse(JSON.stringify(constraints));
     if (constraints && typeof constraints.audio === "object") {
-      const remap = function(obj, a2, b2) {
-        if (a2 in obj && !(b2 in obj)) {
-          obj[b2] = obj[a2];
+      const remap = function(obj, a2, b) {
+        if (a2 in obj && !(b in obj)) {
+          obj[b] = obj[a2];
           delete obj[a2];
         }
       };
@@ -16787,7 +16829,7 @@ function shimGetUserMedia(window2, browserDetails) {
         if (matches) {
           return navigator2.mediaDevices.enumerateDevices().then((devices) => {
             devices = devices.filter((d2) => d2.kind === "videoinput");
-            let dev = devices.find((d2) => matches.some((match16) => d2.label.toLowerCase().includes(match16)));
+            let dev = devices.find((d2) => matches.some((match17) => d2.label.toLowerCase().includes(match17)));
             if (!dev && devices.length && matches.includes("back")) {
               dev = devices[devices.length - 1];
             }
@@ -16915,15 +16957,15 @@ function shimOnTrack(window2) {
     window2.RTCPeerConnection.prototype.setRemoteDescription = function setRemoteDescription() {
       if (!this._ontrackpoly) {
         this._ontrackpoly = (e) => {
-          e.stream.addEventListener("addtrack", (te2) => {
+          e.stream.addEventListener("addtrack", (te) => {
             let receiver;
             if (window2.RTCPeerConnection.prototype.getReceivers) {
-              receiver = this.getReceivers().find((r) => r.track && r.track.id === te2.track.id);
+              receiver = this.getReceivers().find((r) => r.track && r.track.id === te.track.id);
             } else {
-              receiver = { track: te2.track };
+              receiver = { track: te.track };
             }
             const event = new Event("track");
-            event.track = te2.track;
+            event.track = te.track;
             event.receiver = receiver;
             event.transceiver = { receiver };
             event.streams = [e.stream];
@@ -17505,9 +17547,9 @@ function shimGetUserMedia2(window2, browserDetails) {
     navigator2.mediaDevices.getUserMedia(constraints).then(onSuccess, onError);
   };
   if (!(browserDetails.version > 55 && "autoGainControl" in navigator2.mediaDevices.getSupportedConstraints())) {
-    const remap = function(obj, a2, b2) {
-      if (a2 in obj && !(b2 in obj)) {
-        obj[b2] = obj[a2];
+    const remap = function(obj, a2, b) {
+      if (a2 in obj && !(b in obj)) {
+        obj[b] = obj[a2];
         delete obj[a2];
       }
     };
@@ -18214,11 +18256,11 @@ function shimMaxMessageSize(window2, browserDetails) {
     });
   };
   const getRemoteFirefoxVersion = function(description) {
-    const match16 = description.sdp.match(/mozilla...THIS_IS_SDPARTA-(\d+)/);
-    if (match16 === null || match16.length < 2) {
+    const match17 = description.sdp.match(/mozilla...THIS_IS_SDPARTA-(\d+)/);
+    if (match17 === null || match17.length < 2) {
       return -1;
     }
-    const version = parseInt(match16[1], 10);
+    const version = parseInt(match17[1], 10);
     return version !== version ? -1 : version;
   };
   const getCanSendMaxMessageSize = function(remoteIsFirefox) {
@@ -18243,12 +18285,12 @@ function shimMaxMessageSize(window2, browserDetails) {
     if (browserDetails.browser === "firefox" && browserDetails.version === 57) {
       maxMessageSize = 65535;
     }
-    const match16 = import_sdp.default.matchPrefix(
+    const match17 = import_sdp.default.matchPrefix(
       description.sdp,
       "a=max-message-size:"
     );
-    if (match16.length > 0) {
-      maxMessageSize = parseInt(match16[0].substring(19), 10);
+    if (match17.length > 0) {
+      maxMessageSize = parseInt(match17[0].substring(19), 10);
     } else if (browserDetails.browser === "firefox" && remoteIsFirefox !== -1) {
       maxMessageSize = 2147483637;
     }
@@ -18568,88 +18610,88 @@ var adapter = adapterFactory({ window: typeof window === "undefined" ? void 0 :
 
 // ../hms-video-store/dist/index.js
 var import_lodash4 = __toESM(require_lodash2());
-import { v4 as to } from "uuid";
 import { v4 as ao } from "uuid";
 import { v4 as lo } from "uuid";
-import { EventEmitter2 as uo } from "eventemitter2";
-var wt = __toESM(require_lib());
-import { EventEmitter2 as Uo } from "eventemitter2";
-import { v4 as Fo } from "uuid";
+import { v4 as mo } from "uuid";
+import { EventEmitter2 as So } from "eventemitter2";
+var _t = __toESM(require_lib());
 import { EventEmitter2 as Go } from "eventemitter2";
-import Wo from "eventemitter2";
-import { v4 as $o } from "uuid";
-import { v4 as jo } from "uuid";
-var Ca = Object.defineProperty;
-var La = Object.defineProperties;
-var Da = Object.getOwnPropertyDescriptors;
-var Ft = Object.getOwnPropertySymbols;
-var Kr = Object.prototype.hasOwnProperty;
-var qr = Object.prototype.propertyIsEnumerable;
-var $r = (a2, e, t) => e in a2 ? Ca(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
+import { v4 as Ko } from "uuid";
+import { EventEmitter2 as qo } from "eventemitter2";
+import jo from "eventemitter2";
+import { v4 as Jo } from "uuid";
+import { v4 as Yo } from "uuid";
+var _a = Object.defineProperty;
+var Na = Object.defineProperties;
+var Oa = Object.getOwnPropertyDescriptors;
+var Wt = Object.getOwnPropertySymbols;
+var qr = Object.prototype.hasOwnProperty;
+var jr = Object.prototype.propertyIsEnumerable;
+var Kr = (a2, e, t) => e in a2 ? _a(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
 var S = (a2, e) => {
   for (var t in e || (e = {}))
-    Kr.call(e, t) && $r(a2, t, e[t]);
-  if (Ft)
-    for (var t of Ft(e))
-      qr.call(e, t) && $r(a2, t, e[t]);
+    qr.call(e, t) && Kr(a2, t, e[t]);
+  if (Wt)
+    for (var t of Wt(e))
+      jr.call(e, t) && Kr(a2, t, e[t]);
   return a2;
 };
-var M = (a2, e) => La(a2, Da(e));
-var Zi = (a2, e) => {
+var v = (a2, e) => Na(a2, Oa(e));
+var er = (a2, e) => {
   var t = {};
   for (var i in a2)
-    Kr.call(a2, i) && e.indexOf(i) < 0 && (t[i] = a2[i]);
-  if (a2 != null && Ft)
-    for (var i of Ft(a2))
-      e.indexOf(i) < 0 && qr.call(a2, i) && (t[i] = a2[i]);
+    qr.call(a2, i) && e.indexOf(i) < 0 && (t[i] = a2[i]);
+  if (a2 != null && Wt)
+    for (var i of Wt(a2))
+      e.indexOf(i) < 0 && jr.call(a2, i) && (t[i] = a2[i]);
   return t;
 };
-var Na = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
-var nr = Na((kc, $a) => {
-  $a.exports = { version: "0.12.11", 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 Ba = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
+var cr = Ba((Ic, Ja) => {
+  Ja.exports = { version: "0.12.12-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 er = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(er || {});
-var Oa = ((e) => (e.CHAT = "chat", e))(Oa || {});
-var jr = ((t) => (t.INFO = "info", t.ERROR = "error", t))(jr || {});
-var tr = ((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))(tr || {});
-var Jr = ((t) => (t.audio = "audio", t.video = "video", t))(Jr || {});
+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 Va = ((e) => (e.CHAT = "chat", e))(Va || {});
+var Jr = ((t) => (t.INFO = "info", t.ERROR = "error", t))(Jr || {});
+var ir = ((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))(ir || {});
+var Qr = ((t) => (t.audio = "audio", t.video = "video", t))(Qr || {});
 function Ce(a2, e) {
   let t, i;
   if (e)
     for (let r of e.auxiliaryTracks) {
       let s = a2[r];
-      xa(s) && (i = tt(s) ? s : i, t = it(s) ? s : t);
+      Fa(s) && (i = it(s) ? s : i, t = rt(s) ? s : t);
     }
   return { video: t, audio: i };
 }
-function tt(a2) {
+function it(a2) {
   return a2 && a2.type === "audio";
 }
-function it(a2) {
+function rt(a2) {
   return a2 && a2.type === "video";
 }
-function xa(a2) {
+function Fa(a2) {
   return a2 && a2.source === "screen";
 }
-function $t(a2) {
+function qt(a2) {
   return a2 && a2.source === "audioplaylist";
 }
-function rt(a2) {
+function st(a2) {
   return a2 && a2.source === "videoplaylist";
 }
-function Qr(a2) {
+function zr(a2) {
   return a2 ? !!(a2 != null && a2.degraded) : false;
 }
 function Ue(a2, e) {
   return e && a2.tracks[e] ? a2.tracks[e].enabled : false;
 }
-function st(a2) {
+function at(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 Yr = ((l) => (l[l.VERBOSE = 0] = "VERBOSE", l[l.DEBUG = 1] = "DEBUG", l[l.INFO = 2] = "INFO", l[l.WARN = 3] = "WARN", l[l.TIME = 4] = "TIME", l[l.TIMEEND = 5] = "TIMEEND", l[l.ERROR = 6] = "ERROR", l[l.NONE = 7] = "NONE", l))(Yr || {});
-var Ua = typeof window != "undefined" && typeof window.expect != "undefined";
+var Xr = ((l) => (l[l.VERBOSE = 0] = "VERBOSE", l[l.DEBUG = 1] = "DEBUG", l[l.INFO = 2] = "INFO", l[l.WARN = 3] = "WARN", l[l.TIME = 4] = "TIME", l[l.TIMEEND = 5] = "TIMEEND", l[l.ERROR = 6] = "ERROR", l[l.NONE = 7] = "NONE", l))(Xr || {});
+var Ga = typeof window != "undefined" && typeof window.expect != "undefined";
 var d = class {
   static v(e, ...t) {
     this.log(0, e, ...t);
@@ -18715,26 +18757,26 @@ var d = class {
       }
   }
 };
-d.level = Ua ? 7 : 0;
-var pe = new import_ua_parser_js.UAParser();
+d.level = Ga ? 7 : 0;
+var he = new import_ua_parser_js.UAParser();
 var N = typeof window != "undefined";
-var Xr;
-var Le = typeof window == "undefined" && !((Xr = pe.getBrowser().name) != null && Xr.toLowerCase().includes("electron"));
-var Ba = () => !Le;
-var xn = Ba();
 var Zr;
+var Le = typeof window == "undefined" && !((Zr = he.getBrowser().name) != null && Zr.toLowerCase().includes("electron"));
+var $a = () => !Le;
+var Fn = $a();
 var es;
-var is = ((es = (Zr = pe.getBrowser()) == null ? void 0 : Zr.name) == null ? void 0 : es.toLowerCase()) === "firefox";
-var rs = ((i) => (i.CUSTOM = "CUSTOM", i.LOCAL = "LOCAL", i.HMS = "HMS", i))(rs || {});
-function Fa() {
+var ts;
+var rs = ((ts = (es = he.getBrowser()) == null ? void 0 : es.name) == null ? void 0 : ts.toLowerCase()) === "firefox";
+var ss = ((i) => (i.CUSTOM = "CUSTOM", i.LOCAL = "LOCAL", i.HMS = "HMS", i))(ss || {});
+function Ka() {
   if (N && 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 Be = Fa();
-var y = { 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 Ve = Ka();
+var M = { WebSocketConnectionErrors: { FAILED_TO_CONNECT: 1e3, WEBSOCKET_CONNECTION_LOST: 1003, ABNORMAL_CLOSE: 1006 }, APIErrors: { SERVER_ERRORS: 2e3, INIT_CONFIG_NOT_AVAILABLE: 2002, ENDPOINT_UNREACHABLE: 2003, INVALID_TOKEN_FORMAT: 2004 }, TracksErrors: { GENERIC_TRACK: 3e3, CANT_ACCESS_CAPTURE_DEVICE: 3001, DEVICE_NOT_AVAILABLE: 3002, DEVICE_IN_USE: 3003, DEVICE_LOST_MIDWAY: 3004, NOTHING_TO_RETURN: 3005, INVALID_VIDEO_SETTINGS: 3006, CODEC_CHANGE_NOT_PERMITTED: 3007, AUTOPLAY_ERROR: 3008, OVER_CONSTRAINED: 3009, NO_AUDIO_DETECTED: 3010, SYSTEM_DENIED_PERMISSION: 3011, CURRENT_TAB_NOT_SHARED: 3012, AUDIO_PLAYBACK_ERROR: 3013, SELECTED_DEVICE_MISSING: 3014 }, WebrtcErrors: { CREATE_OFFER_FAILED: 4001, CREATE_ANSWER_FAILED: 4002, SET_LOCAL_DESCRIPTION_FAILED: 4003, SET_REMOTE_DESCRIPTION_FAILED: 4004, ICE_FAILURE: 4005, ICE_DISCONNECTED: 4006, STATS_FAILED: 4007 }, WebsocketMethodErrors: { SERVER_ERRORS: 5e3, ALREADY_JOINED: 5001, CANNOT_JOIN_PREVIEW_IN_PROGRESS: 5002 }, GenericErrors: { NOT_CONNECTED: 6e3, SIGNALLING: 6001, UNKNOWN: 6002, NOT_READY: 6003, JSON_PARSING_FAILED: 6004, TRACK_METADATA_MISSING: 6005, RTC_TRACK_MISSING: 6006, PEER_METADATA_MISSING: 6007, INVALID_ROLE: 6008, PREVIEW_IN_PROGRESS: 6009, MISSING_MEDIADEVICES: 6010, MISSING_RTCPEERCONNECTION: 6011, LOCAL_STORAGE_ACCESS_DENIED: 6012, VALIDATION_FAILED: 6013 }, PlaylistErrors: { NO_ENTRY_TO_PLAY: 8001, NO_ENTRY_IS_PLAYING: 8002 } };
 var f = class a extends Error {
   constructor(t, i, r, s, o, n = false) {
     super(s);
@@ -18764,99 +18806,99 @@ var f = class a extends Error {
     }`;
   }
 };
-var Ga = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
+var qa = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
 var m = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
-  return new f(y.WebSocketConnectionErrors.FAILED_TO_CONNECT, "WebsocketFailedToConnect", a2, `[WS]: ${e}`, `[WS]: ${e}`);
+  return new f(M.WebSocketConnectionErrors.FAILED_TO_CONNECT, "WebsocketFailedToConnect", a2, `[WS]: ${e}`, `[WS]: ${e}`);
 }, WebSocketConnectionLost(a2, e = "") {
-  return new f(y.WebSocketConnectionErrors.WEBSOCKET_CONNECTION_LOST, "WebSocketConnectionLost", a2, "Network connection lost", e);
+  return new f(M.WebSocketConnectionErrors.WEBSOCKET_CONNECTION_LOST, "WebSocketConnectionLost", a2, "Network connection lost", e);
 }, AbnormalClose(a2, e = "") {
-  return new f(y.WebSocketConnectionErrors.ABNORMAL_CLOSE, "WebSocketAbnormalClose", a2, "Websocket closed abnormally", e);
+  return new f(M.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(y.APIErrors.ENDPOINT_UNREACHABLE, "EndpointUnreachable", a2, `Endpoint is not reachable - ${e}`, e);
+  return new f(M.APIErrors.ENDPOINT_UNREACHABLE, "EndpointUnreachable", a2, `Endpoint is not reachable - ${e}`, e);
 }, InvalidTokenFormat(a2, e = "") {
-  return new f(y.APIErrors.INVALID_TOKEN_FORMAT, "InvalidTokenFormat", a2, `Token is not in proper JWT format - ${e}`, e, true);
+  return new f(M.APIErrors.INVALID_TOKEN_FORMAT, "InvalidTokenFormat", a2, `Token is not in proper JWT format - ${e}`, e, true);
 }, InitConfigNotAvailable(a2, e = "") {
-  return new f(y.APIErrors.INIT_CONFIG_NOT_AVAILABLE, "InitError", a2, `[INIT]: ${e}`, `[INIT]: ${e}`);
+  return new f(M.APIErrors.INIT_CONFIG_NOT_AVAILABLE, "InitError", a2, `[INIT]: ${e}`, `[INIT]: ${e}`);
 } }, TracksErrors: { GenericTrack(a2, e = "") {
-  return new f(y.TracksErrors.GENERIC_TRACK, "GenericTrack", a2, `[TRACK]: ${e}`, `[TRACK]: ${e}`);
+  return new f(M.TracksErrors.GENERIC_TRACK, "GenericTrack", a2, `[TRACK]: ${e}`, `[TRACK]: ${e}`);
 }, CantAccessCaptureDevice(a2, e, t = "") {
-  return new f(y.TracksErrors.CANT_ACCESS_CAPTURE_DEVICE, "CantAccessCaptureDevice", a2, `User denied permission to access capture device - ${e}`, t);
+  return new f(M.TracksErrors.CANT_ACCESS_CAPTURE_DEVICE, "CantAccessCaptureDevice", a2, `User denied permission to access capture device - ${e}`, t);
 }, DeviceNotAvailable(a2, e, t = "") {
-  return new f(y.TracksErrors.DEVICE_NOT_AVAILABLE, "DeviceNotAvailable", a2, `[TRACK]: Capture device is no longer available - ${e}`, t);
+  return new f(M.TracksErrors.DEVICE_NOT_AVAILABLE, "DeviceNotAvailable", a2, `[TRACK]: Capture device is no longer available - ${e}`, t);
 }, DeviceInUse(a2, e, t = "") {
-  return new f(y.TracksErrors.DEVICE_IN_USE, "DeviceInUse", a2, `[TRACK]: Capture device is in use by another application - ${e}`, t);
+  return new f(M.TracksErrors.DEVICE_IN_USE, "DeviceInUse", a2, `[TRACK]: Capture device is in use by another application - ${e}`, t);
 }, DeviceLostMidway(a2, e, t = "") {
-  return new f(y.TracksErrors.DEVICE_LOST_MIDWAY, "DeviceLostMidway", a2, `Lost access to capture device midway - ${e}`, t);
+  return new f(M.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(y.TracksErrors.NOTHING_TO_RETURN, "NothingToReturn", a2, t, e);
+  return new f(M.TracksErrors.NOTHING_TO_RETURN, "NothingToReturn", a2, t, e);
 }, InvalidVideoSettings(a2, e = "") {
-  return new f(y.TracksErrors.INVALID_VIDEO_SETTINGS, "InvalidVideoSettings", a2, "Cannot enable simulcast when no video settings are provided", e);
+  return new f(M.TracksErrors.INVALID_VIDEO_SETTINGS, "InvalidVideoSettings", a2, "Cannot enable simulcast when no video settings are provided", e);
 }, AutoplayBlocked(a2, e = "") {
-  return new f(y.TracksErrors.AUTOPLAY_ERROR, "AutoplayBlocked", a2, "Autoplay blocked because the user didn't interact with the document first", e);
+  return new f(M.TracksErrors.AUTOPLAY_ERROR, "AutoplayBlocked", a2, "Autoplay blocked because the user didn't interact with the document first", e);
 }, CodecChangeNotPermitted(a2, e = "") {
-  return new f(y.TracksErrors.CODEC_CHANGE_NOT_PERMITTED, "CodecChangeNotPermitted", a2, "Codec can't be changed mid call.", e);
+  return new f(M.TracksErrors.CODEC_CHANGE_NOT_PERMITTED, "CodecChangeNotPermitted", a2, "Codec can't be changed mid call.", e);
 }, OverConstrained(a2, e, t = "") {
-  return new f(y.TracksErrors.OVER_CONSTRAINED, "OverConstrained", a2, `[TRACK]: Requested constraints cannot be satisfied with the device hardware - ${e}`, t);
+  return new f(M.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(y.TracksErrors.NO_AUDIO_DETECTED, "NoAudioDetected", a2, "No audio input detected from microphone", e);
+  return new f(M.TracksErrors.NO_AUDIO_DETECTED, "NoAudioDetected", a2, "No audio input detected from microphone", e);
 }, SystemDeniedPermission(a2, e, t = "") {
-  return new f(y.TracksErrors.SYSTEM_DENIED_PERMISSION, "SystemDeniedPermission", a2, `Operating System denied permission to access capture device - ${e}`, t);
+  return new f(M.TracksErrors.SYSTEM_DENIED_PERMISSION, "SystemDeniedPermission", a2, `Operating System denied permission to access capture device - ${e}`, t);
 }, CurrentTabNotShared() {
-  return new f(y.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(M.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(y.TracksErrors.AUDIO_PLAYBACK_ERROR, "Audio playback error", "TRACK", a2, a2);
+  return new f(M.TracksErrors.AUDIO_PLAYBACK_ERROR, "Audio playback error", "TRACK", a2, a2);
 }, SelectedDeviceMissing(a2) {
-  return new f(y.TracksErrors.SELECTED_DEVICE_MISSING, "SelectedDeviceMissing", "TRACK", `Could not detect selected ${a2} device`, `Please check connection to the ${a2} device`, false);
+  return new f(M.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(y.WebrtcErrors.CREATE_OFFER_FAILED, "CreateOfferFailed", a2, `[${a2.toString()}]: Failed to create offer. `, e);
+  return new f(M.WebrtcErrors.CREATE_OFFER_FAILED, "CreateOfferFailed", a2, `[${a2.toString()}]: Failed to create offer. `, e);
 }, CreateAnswerFailed(a2, e = "") {
-  return new f(y.WebrtcErrors.CREATE_ANSWER_FAILED, "CreateAnswerFailed", a2, `[${a2.toString()}]: Failed to create answer. `, e);
+  return new f(M.WebrtcErrors.CREATE_ANSWER_FAILED, "CreateAnswerFailed", a2, `[${a2.toString()}]: Failed to create answer. `, e);
 }, SetLocalDescriptionFailed(a2, e = "") {
-  return new f(y.WebrtcErrors.SET_LOCAL_DESCRIPTION_FAILED, "SetLocalDescriptionFailed", a2, `[${a2.toString()}]: Failed to set offer. `, e);
+  return new f(M.WebrtcErrors.SET_LOCAL_DESCRIPTION_FAILED, "SetLocalDescriptionFailed", a2, `[${a2.toString()}]: Failed to set offer. `, e);
 }, SetRemoteDescriptionFailed(a2, e = "") {
-  return new f(y.WebrtcErrors.SET_REMOTE_DESCRIPTION_FAILED, "SetRemoteDescriptionFailed", a2, `[${a2.toString()}]: Failed to set answer. `, e, true);
+  return new f(M.WebrtcErrors.SET_REMOTE_DESCRIPTION_FAILED, "SetRemoteDescriptionFailed", a2, `[${a2.toString()}]: Failed to set answer. `, e, true);
 }, ICEFailure(a2, e = "", t = false) {
-  return new f(y.WebrtcErrors.ICE_FAILURE, "ICEFailure", a2, `[${a2.toString()}]: Ice connection state FAILED`, e, t);
+  return new f(M.WebrtcErrors.ICE_FAILURE, "ICEFailure", a2, `[${a2.toString()}]: Ice connection state FAILED`, e, t);
 }, ICEDisconnected(a2, e = "") {
-  return new f(y.WebrtcErrors.ICE_DISCONNECTED, "ICEDisconnected", a2, `[${a2.toString()}]: Ice connection state DISCONNECTED`, e);
+  return new f(M.WebrtcErrors.ICE_DISCONNECTED, "ICEDisconnected", a2, `[${a2.toString()}]: Ice connection state DISCONNECTED`, e);
 }, StatsFailed(a2, e = "") {
-  return new f(y.WebrtcErrors.STATS_FAILED, "StatsFailed", a2, `Failed to WebRTC get stats - ${e}`, e);
+  return new f(M.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, Ga.includes(e));
+  return new f(a2, "ServerErrors", e, t, t, qa.includes(e));
 }, AlreadyJoined(a2, e = "") {
-  return new f(y.WebsocketMethodErrors.ALREADY_JOINED, "AlreadyJoined", a2, "[JOIN]: You have already joined this room.", e);
+  return new f(M.WebsocketMethodErrors.ALREADY_JOINED, "AlreadyJoined", a2, "[JOIN]: You have already joined this room.", e);
 }, CannotJoinPreviewInProgress(a2, e = "") {
-  return new f(y.WebsocketMethodErrors.CANNOT_JOIN_PREVIEW_IN_PROGRESS, "CannotJoinPreviewInProgress", a2, "[JOIN]: Cannot join if preview is in progress", e);
+  return new f(M.WebsocketMethodErrors.CANNOT_JOIN_PREVIEW_IN_PROGRESS, "CannotJoinPreviewInProgress", a2, "[JOIN]: Cannot join if preview is in progress", e);
 } }, GenericErrors: { NotConnected(a2, e = "") {
-  return new f(y.GenericErrors.NOT_CONNECTED, "NotConnected", a2, "Client is not connected", e);
+  return new f(M.GenericErrors.NOT_CONNECTED, "NotConnected", a2, "Client is not connected", e);
 }, Signalling(a2, e) {
-  return new f(y.GenericErrors.SIGNALLING, "Signalling", a2, `Unknown signalling error: ${a2.toString()} ${e} `, e);
+  return new f(M.GenericErrors.SIGNALLING, "Signalling", a2, `Unknown signalling error: ${a2.toString()} ${e} `, e);
 }, Unknown(a2, e) {
-  return new f(y.GenericErrors.UNKNOWN, "Unknown", a2, `Unknown exception: ${e}`, e);
+  return new f(M.GenericErrors.UNKNOWN, "Unknown", a2, `Unknown exception: ${e}`, e);
 }, NotReady(a2, e = "") {
-  return new f(y.GenericErrors.NOT_READY, "NotReady", a2, e, e);
+  return new f(M.GenericErrors.NOT_READY, "NotReady", a2, e, e);
 }, JsonParsingFailed(a2, e, t = "") {
-  return new f(y.GenericErrors.JSON_PARSING_FAILED, "JsonParsingFailed", a2, `Failed to parse JSON message - ${e}`, t);
+  return new f(M.GenericErrors.JSON_PARSING_FAILED, "JsonParsingFailed", a2, `Failed to parse JSON message - ${e}`, t);
 }, TrackMetadataMissing(a2, e = "") {
-  return new f(y.GenericErrors.TRACK_METADATA_MISSING, "TrackMetadataMissing", a2, "Track Metadata Missing", e);
+  return new f(M.GenericErrors.TRACK_METADATA_MISSING, "TrackMetadataMissing", a2, "Track Metadata Missing", e);
 }, RTCTrackMissing(a2, e = "") {
-  return new f(y.GenericErrors.RTC_TRACK_MISSING, "RTCTrackMissing", a2, "RTC Track missing", e);
+  return new f(M.GenericErrors.RTC_TRACK_MISSING, "RTCTrackMissing", a2, "RTC Track missing", e);
 }, PeerMetadataMissing(a2, e = "") {
-  return new f(y.GenericErrors.PEER_METADATA_MISSING, "PeerMetadataMissing", a2, "Peer Metadata Missing", e);
+  return new f(M.GenericErrors.PEER_METADATA_MISSING, "PeerMetadataMissing", a2, "Peer Metadata Missing", e);
 }, ValidationFailed(a2, e) {
-  return new f(y.GenericErrors.VALIDATION_FAILED, "ValidationFailed", "VALIDATION", a2, e ? JSON.stringify(e) : "");
+  return new f(M.GenericErrors.VALIDATION_FAILED, "ValidationFailed", "VALIDATION", a2, e ? JSON.stringify(e) : "");
 }, InvalidRole(a2, e) {
-  return new f(y.GenericErrors.INVALID_ROLE, "InvalidRole", a2, "Invalid role. Join with valid role", e, true);
+  return new f(M.GenericErrors.INVALID_ROLE, "InvalidRole", a2, "Invalid role. Join with valid role", e, true);
 }, PreviewAlreadyInProgress(a2, e = "") {
-  return new f(y.GenericErrors.PREVIEW_IN_PROGRESS, "PreviewAlreadyInProgress", a2, "[Preview]: Cannot join if preview is in progress", e);
+  return new f(M.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(y.GenericErrors.LOCAL_STORAGE_ACCESS_DENIED, "LocalStorageAccessDenied", "NONE", "LocalStorageAccessDenied", a2);
+  return new f(M.GenericErrors.LOCAL_STORAGE_ACCESS_DENIED, "LocalStorageAccessDenied", "NONE", "LocalStorageAccessDenied", a2);
 }, MissingMediaDevices() {
-  return new f(y.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(M.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(y.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(M.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 = "") {
@@ -18868,11 +18910,11 @@ var m = { 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(y.PlaylistErrors.NO_ENTRY_TO_PLAY, "NoEntryToPlay", a2, "Reached end of playlist", e);
+  return new f(M.PlaylistErrors.NO_ENTRY_TO_PLAY, "NoEntryToPlay", a2, "Reached end of playlist", e);
 }, NoEntryPlaying(a2, e) {
-  return new f(y.PlaylistErrors.NO_ENTRY_IS_PLAYING, "NoEntryIsPlaying", a2, "No entry is playing at this time", e);
+  return new f(M.PlaylistErrors.NO_ENTRY_IS_PLAYING, "NoEntryIsPlaying", a2, "No entry is playing at this time", e);
 } } };
-var sr = class {
+var ar = class {
   constructor() {
     this.valuesMap = /* @__PURE__ */ new Map();
   }
@@ -18897,9 +18939,9 @@ var sr = class {
     return this.valuesMap.size;
   }
 };
-var ss = () => {
+var as = () => {
   try {
-    N && !localStorage && (window.localStorage = new sr());
+    N && !localStorage && (window.localStorage = new ar());
   } catch (a2) {
     d.e("Error initialising localStorage", m.GenericErrors.LocalStorageAccessDenied());
   }
@@ -18911,7 +18953,7 @@ var ne = class {
   }
   getStorage() {
     try {
-      return N && !this.storage && (ss(), this.storage = window.localStorage), this.storage;
+      return N && !this.storage && (as(), this.storage = window.localStorage), this.storage;
     } catch (e) {
       return d.e("Error initialising localStorage", m.GenericErrors.LocalStorageAccessDenied()), null;
     }
@@ -18931,37 +18973,37 @@ var ne = class {
     (e = this.getStorage()) == null || e.removeItem(this.key);
   }
 };
-var as = () => {
+var os = () => {
   let a2, e = new ne("hms-analytics-deviceId"), t = e.get();
-  return t ? a2 = t : (a2 = Wa(), e.set(a2)), a2;
+  return t ? a2 = t : (a2 = ja(), e.set(a2)), a2;
 };
 function re(a2) {
   return a2 != null;
 }
-var ns = nr().version;
-function at(a2 = "prod", e) {
-  let t = "web", i = Be !== "LOCAL" && a2 === "prod" ? "prod" : "debug";
+var cs = cr().version;
+function ot(a2 = "prod", e) {
+  let t = "web", i = Ve !== "LOCAL" && a2 === "prod" ? "prod" : "debug";
   if (Le)
-    return cs({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version: ns, env: i, domain: Be, is_prebuilt: !!(e != null && e.isPrebuilt), framework: "node", framework_version: process.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
-  let r = pe.getOS(), s = pe.getDevice(), o = pe.getBrowser(), n = cr(`web_${r.name}`), l = r.version || "", u = cr(`${o.name}_${o.version}`), p = u;
-  return s.type && (p = `${cr(`${s.vendor}_${s.type}`)}/${u}`), cs({ os: n, os_version: l, sdk: t, sdk_version: ns, device_model: p, env: i, domain: Be, is_prebuilt: !!(e != null && e.isPrebuilt), framework: e == null ? void 0 : e.type, framework_version: e == null ? void 0 : e.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
+    return ds({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version: cs, env: i, domain: Ve, is_prebuilt: !!(e != null && e.isPrebuilt), framework: "node", framework_version: process.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
+  let r = he.getOS(), s = he.getDevice(), o = he.getBrowser(), n = dr(`web_${r.name}`), l = r.version || "", p = dr(`${o.name}_${o.version}`), u = p;
+  return s.type && (u = `${dr(`${s.vendor}_${s.type}`)}/${p}`), ds({ os: n, os_version: l, sdk: t, sdk_version: cs, device_model: u, env: i, domain: Ve, is_prebuilt: !!(e != null && e.isPrebuilt), framework: e == null ? void 0 : e.type, framework_version: e == null ? void 0 : e.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
 }
-function cr(a2) {
+function dr(a2) {
   return a2.replace(/ /g, "_");
 }
-var cs = (a2, e = ",") => Object.keys(a2).filter((t) => re(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
+var ds = (a2, e = ",") => Object.keys(a2).filter((t) => re(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
 var C = class {
   constructor({ name: e, level: t, properties: i, includesPII: r, timestamp: s }) {
-    this.metadata = { peer: {}, userAgent: at() };
-    this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = Ka(), this.device_id = as();
+    this.metadata = { peer: {}, userAgent: ot() };
+    this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = Qa(), this.device_id = os();
   }
   toSignalParams() {
-    return { name: this.name, info: M(S({}, this.properties), { timestamp: this.timestamp, domain: Be }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
+    return { name: this.name, info: v(S({}, this.properties), { timestamp: this.timestamp, domain: Ve }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
   }
 };
-var k = class {
+var P3 = class {
   static connect(e, t, i = /* @__PURE__ */ new Date(), r = /* @__PURE__ */ new Date(), s) {
-    let o = this.eventNameFor("connect", e === void 0), n = e ? 2 : 1, l = this.getPropertiesWithError(M(S({}, t), { [this.KEY_REQUESTED_AT]: i == null ? void 0 : i.getTime(), [this.KEY_RESPONDED_AT]: r == null ? void 0 : r.getTime(), endpoint: s }), e);
+    let o = this.eventNameFor("connect", e === void 0), n = e ? 2 : 1, l = this.getPropertiesWithError(v(S({}, t), { [this.KEY_REQUESTED_AT]: i == null ? void 0 : i.getTime(), [this.KEY_RESPONDED_AT]: r == null ? void 0 : r.getTime(), endpoint: s }), e);
     return new C({ name: o, level: n, properties: l });
   }
   static disconnect(e, t) {
@@ -18969,13 +19011,13 @@ var k = class {
     return new C({ name: i, level: r, properties: s });
   }
   static preview(i) {
-    var r = i, { error: e } = r, t = Zi(r, ["error"]);
+    var r = i, { error: e } = r, t = er(r, ["error"]);
     let s = this.eventNameFor("preview", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(t, e);
     return new C({ name: s, level: o, properties: n });
   }
   static join(i) {
-    var r = i, { error: e } = r, t = Zi(r, ["error"]);
-    let s = this.eventNameFor("join", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(M(S({}, t), { is_preview_called: !!t.is_preview_called }), e);
+    var r = i, { error: e } = r, t = er(r, ["error"]);
+    let s = this.eventNameFor("join", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(v(S({}, t), { is_preview_called: !!t.is_preview_called }), e);
     return new C({ name: s, level: o, properties: n });
   }
   static publish({ devices: e, settings: t, error: i }) {
@@ -19018,7 +19060,7 @@ var k = class {
     let i = "video.degradation.stats", r = 1, s = { degradedAt: e.degradedAt, trackId: e.trackId };
     if (!t && e.degradedAt instanceof Date) {
       let o = /* @__PURE__ */ new Date(), n = o.valueOf() - e.degradedAt.valueOf();
-      s = M(S({}, s), { duration: n, restoredAt: o });
+      s = v(S({}, s), { duration: n, restoredAt: o });
     }
     return new C({ name: i, level: r, properties: s });
   }
@@ -19049,8 +19091,8 @@ var k = class {
     return e ? e instanceof f ? e.toAnalyticsProperties() : { error_name: e.name, error_message: e.message, error_description: e.cause } : {};
   }
 };
-k.KEY_REQUESTED_AT = "requested_at", k.KEY_RESPONDED_AT = "responded_at";
-var dr = class {
+P3.KEY_REQUESTED_AT = "requested_at", P3.KEY_RESPONDED_AT = "responded_at";
+var lr = class {
   constructor() {
     this.storage = new ne("hms-device-selection");
     this.remember = false;
@@ -19084,10 +19126,10 @@ var dr = class {
     return e.deviceId === t.deviceId && (e.groupId === t.groupId || !e.groupId);
   }
 };
-var q = new dr();
-var lr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(lr || {});
-var ur = ((t) => (t.PLATFORM_NOT_SUPPORTED = "PLATFORM_NOT_SUPPORTED", t.DEVICE_NOT_SUPPORTED = "DEVICE_NOT_SUPPORTED", t))(ur || {});
-function jt(a2, e = 300) {
+var j = new lr();
+var ur = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(ur || {});
+var pr = ((t) => (t.PLATFORM_NOT_SUPPORTED = "PLATFORM_NOT_SUPPORTED", t.DEVICE_NOT_SUPPORTED = "DEVICE_NOT_SUPPORTED", t))(pr || {});
+function Qt(a2, e = 300) {
   let t;
   return function(...i) {
     clearTimeout(t), t = void 0;
@@ -19097,14 +19139,14 @@ function jt(a2, e = 300) {
     }, e);
   };
 }
-var pr = ((t) => (t.SIP = "sip", t.REGULAR = "regular", t))(pr || {});
-var ms = ((n) => (n.NONE = "none", n.INITIALISED = "initialised", n.STARTED = "started", n.PAUSED = "paused", n.RESUMED = "resumed", n.STOPPED = "stopped", n.FAILED = "failed", n))(ms || {});
-var Ss = ((t) => (t.DVR = "dvr", t.NO_DVR = "no-dvr", t))(Ss || {});
-var gs = ((i) => (i.REGULAR = "regular", i.SCREEN = "screen", i.COMPOSITE = "composite", i))(gs || {});
-var Ts = ((r) => (r.INITIALISED = "initialised", r.STARTED = "started", r.STOPPED = "stopped", r.FAILED = "failed", r))(Ts || {});
-var fs = ((e) => (e.CAPTION = "caption", e))(fs || {});
-var vs = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(vs || {});
-var hr = class {
+var hr = ((t) => (t.SIP = "sip", t.REGULAR = "regular", t))(hr || {});
+var Ss = ((n) => (n.NONE = "none", n.INITIALISED = "initialised", n.STARTED = "started", n.PAUSED = "paused", n.RESUMED = "resumed", n.STOPPED = "stopped", n.FAILED = "failed", n))(Ss || {});
+var gs = ((t) => (t.DVR = "dvr", t.NO_DVR = "no-dvr", t))(gs || {});
+var Ts = ((i) => (i.REGULAR = "regular", i.SCREEN = "screen", i.COMPOSITE = "composite", i))(Ts || {});
+var fs = ((r) => (r.INITIALISED = "initialised", r.STARTED = "started", r.STOPPED = "stopped", r.FAILED = "failed", r))(fs || {});
+var vs = ((e) => (e.CAPTION = "caption", e))(vs || {});
+var Ms = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(Ms || {});
+var mr = class {
   constructor() {
     this.TAG = "[HMSIntersectionObserverWrapper]";
     this.listeners = /* @__PURE__ */ new WeakMap();
@@ -19131,8 +19173,8 @@ var hr = class {
     return e || d.w(this.TAG, "IntersectionObserver is not supported, fallback will be used instead"), e;
   }
 };
-var Ps = new hr();
-var mr = class {
+var ks = new mr();
+var Sr = class {
   constructor() {
     this.TAG = "[HMSResizeObserverWrapper]";
     this.listeners = /* @__PURE__ */ new WeakMap();
@@ -19145,7 +19187,7 @@ var mr = class {
       (t = this.resizeObserver) == null || t.unobserve(e), this.listeners.delete(e);
     };
     this.createObserver = () => {
-      this.isSupported() && !this.resizeObserver && (this.resizeObserver = new ResizeObserver(jt(this.handleResize, 300)));
+      this.isSupported() && !this.resizeObserver && (this.resizeObserver = new ResizeObserver(Qt(this.handleResize, 300)));
     };
     this.handleResize = (e) => {
       var t;
@@ -19159,43 +19201,43 @@ var mr = class {
     return e || d.w(this.TAG, "Resize Observer is not supported"), e;
   }
 };
-var Es = new mr();
-var Sr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(Sr || {});
-var gr = ((t) => (t["2D"] = "2d", t.WEBGL = "webgl", t.WEBGL2 = "webgl2", t))(gr || {});
-var Is = "https://event.100ms.live/v2/client/report";
-var Rs = "https://event-nonprod.100ms.live/v2/client/report";
-var ut = Math.pow(2, 31) - 1;
+var As = new Sr();
+var gr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(gr || {});
+var Tr = ((t) => (t["2D"] = "2d", t.WEBGL = "webgl", t.WEBGL2 = "webgl2", t))(Tr || {});
+var bs = "https://event.100ms.live/v2/client/report";
+var Hs = "https://event-nonprod.100ms.live/v2/client/report";
+var pt = Math.pow(2, 31) - 1;
 var Qe = class {
 };
-Qe.makePeerId = () => lo();
-var x = (a2) => a2.room;
-var po = (a2) => a2.errors;
-var Eh = createSelector(po, (a2) => a2.length === 0 ? null : a2.at(-1));
-var Ah = createSelector(x, (a2) => a2.id);
-var G = (a2) => a2.peers;
-var ai = (a2) => a2.messages.byID;
-var xs = (a2) => a2.messages.allIDs;
-var w = (a2) => a2.tracks;
-var br = (a2) => a2.appData;
-var ho = (a2) => a2.speakers;
-var He = createSelector([x], (a2) => a2 && a2.isConnected);
-var Rh = createSelector([He, x], (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 mo = (a2) => a2.hideLocalPeer;
-var le = createSelector([x, G, mo], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
-var So = createSelector(w, (a2) => Object.values(a2));
-var z = createSelector(x, G, (a2, e) => e[a2.localPeer]);
-var fe = createSelector(x, (a2) => a2.localPeer);
-var Hh = createSelector(z, (a2) => a2 == null ? void 0 : a2.name);
-var Ch = createSelector(z, (a2) => a2 == null ? void 0 : a2.roleName);
-var te = createSelector(z, (a2) => a2 == null ? void 0 : a2.audioTrack);
-var j = createSelector(z, (a2) => a2 == null ? void 0 : a2.videoTrack);
-var go = createSelector(z, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
-var Vs = createSelector([te, j, go], (a2, e, t) => {
+Qe.makePeerId = () => mo();
+var U = (a2) => a2.room;
+var go = (a2) => a2.errors;
+var bh = createSelector(go, (a2) => a2.length === 0 ? null : a2.at(-1));
+var Hh = createSelector(U, (a2) => a2.id);
+var W = (a2) => a2.peers;
+var ni = (a2) => a2.messages.byID;
+var Us = (a2) => a2.messages.allIDs;
+var _ = (a2) => a2.tracks;
+var Rr = (a2) => a2.appData;
+var To = (a2) => a2.speakers;
+var He = createSelector([U], (a2) => a2 && a2.isConnected);
+var Dh = createSelector([He, U], (a2, e) => a2 ? e.peerCount !== void 0 ? e.peerCount || 1 : e.peers.length : Math.max(e.peerCount !== void 0 ? e.peerCount : e.peers.length - 1, 0));
+var fo = (a2) => a2.hideLocalPeer;
+var ue = createSelector([U, W, fo], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
+var vo = createSelector(_, (a2) => Object.values(a2));
+var Y = createSelector(U, W, (a2, e) => e[a2.localPeer]);
+var fe = createSelector(U, (a2) => a2.localPeer);
+var wh = createSelector(Y, (a2) => a2 == null ? void 0 : a2.name);
+var _h = createSelector(Y, (a2) => a2 == null ? void 0 : a2.roleName);
+var ie = createSelector(Y, (a2) => a2 == null ? void 0 : a2.audioTrack);
+var J = createSelector(Y, (a2) => a2 == null ? void 0 : a2.videoTrack);
+var Mo = createSelector(Y, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
+var Vs = createSelector([ie, J, Mo], (a2, e, t) => {
   let i = t ? [...t] : [];
   return a2 && i.unshift(a2), e && i.unshift(e), i;
 });
-var Lh = createSelector(le, (a2) => a2.filter((e) => !e.isLocal));
-var Dh = createSelector(G, ho, (a2, e) => {
+var Nh = createSelector(ue, (a2) => a2.filter((e) => !e.isLocal));
+var Oh = createSelector(W, To, (a2, e) => {
   let t = Object.entries(e).sort((i, r) => {
     var n, l;
     let s = ((n = i[1]) == null ? void 0 : n.audioLevel) || 0;
@@ -19208,11 +19250,11 @@ var Dh = createSelector(G, ho, (a2, e) => {
   }
   return null;
 });
-var Rr = createSelector(z, w, (a2, e) => {
+var Hr = createSelector(Y, _, (a2, e) => {
   let { video: t, audio: i } = Ce(e, a2);
   return !!(t || i);
 });
-var To = createSelector(G, w, (a2, e) => {
+var yo = createSelector(W, _, (a2, e) => {
   let t;
   for (let i in a2) {
     let r = a2[i], { video: s, audio: o } = Ce(e, r);
@@ -19222,15 +19264,15 @@ var To = createSelector(G, w, (a2, e) => {
   }
   return t;
 });
-var _h = createSelector(To, (a2) => !!a2);
-var Nh = createSelector(G, w, (a2, e) => {
+var Uh = createSelector(yo, (a2) => !!a2);
+var Bh = createSelector(W, _, (a2, e) => {
   for (let t in a2) {
     let i = a2[t], { audio: r, video: s } = Ce(e, i);
     if (!s && r)
       return i;
   }
 });
-var Oh = createSelector(G, w, (a2, e) => {
+var Vh = createSelector(W, _, (a2, e) => {
   let t = [], i = [];
   for (let r in a2) {
     let s = a2[r], { video: o, audio: n } = Ce(e, s);
@@ -19238,82 +19280,82 @@ var Oh = createSelector(G, w, (a2, e) => {
   }
   return t.concat(i);
 });
-var xh = createSelector(G, w, (a2, e) => {
+var Fh = createSelector(W, _, (a2, e) => {
   for (let t in e) {
     let i = e[t];
-    if (rt(i) && it(i) && i.peerId)
+    if (st(i) && rt(i) && i.peerId)
       return a2[i.peerId];
   }
 });
-var Uh = createSelector(G, w, (a2, e) => {
+var Gh = createSelector(W, _, (a2, e) => {
   for (let t in e) {
     let i = e[t];
-    if ($t(i) && i.peerId)
+    if (qt(i) && i.peerId)
       return a2[i.peerId];
   }
 });
-var Vh = createSelector(So, (a2) => a2.filter(Qr));
-var Bh = createSelector(xs, (a2) => a2.length);
-var Fh = createSelector(ai, (a2) => Object.values(a2).filter((e) => !e.read).length);
-var St = createSelector(xs, ai, (a2, e) => {
+var Wh = createSelector(vo, (a2) => a2.filter(zr));
+var $h = createSelector(Us, (a2) => a2.length);
+var Kh = createSelector(ni, (a2) => Object.values(a2).filter((e) => !e.read).length);
+var gt = createSelector(Us, ni, (a2, e) => {
   let t = [];
   return a2.forEach((i) => {
     t.push(e[i]);
   }), t;
 });
-var fo = createSelector(St, (a2) => a2.filter((e) => {
+var Po = createSelector(gt, (a2) => a2.filter((e) => {
   var t;
   return !e.recipientPeer && !(e.recipientRoles && ((t = e.recipientRoles) == null ? void 0 : t.length) > 0);
 }));
-var Gh = createSelector(fo, (a2) => a2.filter((e) => !e.read).length);
-var Y = createSelector([x], (a2) => a2 && a2.roomState);
-var Fs = createSelector(Y, (a2) => a2 === "Preview");
-var Wh = createSelector(x, (a2) => a2.roomState !== "Disconnected");
-var $h = createSelector(x, (a2) => !a2.transcriptions || a2.transcriptions.length <= 0 ? false : a2.transcriptions.some((e) => e.mode === "caption" && e.state === "started"));
-var ue = (a2) => a2.roles;
-var Kh = createSelector([ue], (a2) => Object.keys(a2));
-var oi = createSelector([z, ue], (a2, e) => a2 != null && a2.roleName ? e[a2.roleName] : null);
-var vo = (a2) => {
+var qh = createSelector(Po, (a2) => a2.filter((e) => !e.read).length);
+var X = createSelector([U], (a2) => a2 && a2.roomState);
+var Gs = createSelector(X, (a2) => a2 === "Preview");
+var jh = createSelector(U, (a2) => a2.roomState !== "Disconnected");
+var Jh = createSelector(U, (a2) => !a2.transcriptions || a2.transcriptions.length <= 0 ? false : a2.transcriptions.some((e) => e.mode === "caption" && e.state === "started"));
+var pe = (a2) => a2.roles;
+var Qh = createSelector([pe], (a2) => Object.keys(a2));
+var Ye = createSelector([Y, pe], (a2, e) => a2 != null && a2.roleName ? e[a2.roleName] : null);
+var Eo = (a2) => {
   var e;
   return (e = a2.preview) == null ? void 0 : e.asRole;
 };
-var Gs = createSelector([vo, ue], (a2, e) => a2 ? e[a2] : null);
-var qh = createSelector([oi], (a2) => {
+var Ws = createSelector([Eo, pe], (a2, e) => a2 ? e[a2] : null);
+var zh = createSelector([Ye], (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribeParams) != null && e.subscribeToRoles ? a2.subscribeParams.subscribeToRoles.length > 0 : false;
 });
-var Ws = createSelector(oi, (a2) => a2 == null ? void 0 : a2.permissions);
-var jh = createSelector(x, (a2) => a2.recording);
-var Jh = createSelector(x, (a2) => a2.rtmp);
-var Qh = createSelector(x, (a2) => a2.hls);
-var zh = createSelector(x, (a2) => a2.transcriptions);
-var Yh = createSelector(x, (a2) => a2.sessionId);
-var Xh = createSelector(x, (a2) => a2.startedAt);
-var Zh = createSelector(x, (a2) => !!a2.isLargeRoom);
-var em = createSelector(x, (a2) => !!a2.isEffectsEnabled);
-var tm = createSelector(x, (a2) => a2.effectsKey);
-var $s = (a2) => a2.polls;
-var am = createSelector(le, (a2) => a2.filter((e) => e.isHandRaised));
-var Mo = (a2) => a2.whiteboards;
-var om = createSelector(Mo, (a2) => Object.values(a2)[0]);
-var qs = (a2 = "audio") => (e) => e.playlist[a2].list;
-var Hr = (a2 = "audio") => (e) => e.playlist[a2].selection;
-var js = (a2 = "audio") => (e) => e.playlist[a2].progress;
-var Js = (a2 = "audio") => (e) => e.playlist[a2].currentTime;
-var Qs = (a2 = "audio") => (e) => e.playlist[a2].playbackRate;
-var zs = (a2 = "audio") => (e) => e.playlist[a2].volume;
-var Ys = (a2 = "audio") => createSelector(qs(a2), (e) => Object.values(e));
-var Xs = (a2 = "audio") => createSelector(qs(a2), Hr(a2), (e, t) => {
+var $s = createSelector(Ye, (a2) => a2 == null ? void 0 : a2.permissions);
+var Yh = createSelector(U, (a2) => a2.recording);
+var Xh = createSelector(U, (a2) => a2.rtmp);
+var Zh = createSelector(U, (a2) => a2.hls);
+var em = createSelector(U, (a2) => a2.transcriptions);
+var tm = createSelector(U, (a2) => a2.sessionId);
+var im = createSelector(U, (a2) => a2.startedAt);
+var rm = createSelector(U, (a2) => !!a2.isLargeRoom);
+var sm = createSelector(U, (a2) => !!a2.isEffectsEnabled);
+var am = createSelector(U, (a2) => a2.effectsKey);
+var Ks = (a2) => a2.polls;
+var dm = createSelector(ue, (a2) => a2.filter((e) => e.isHandRaised));
+var ko = (a2) => a2.whiteboards;
+var lm = createSelector(ko, (a2) => Object.values(a2)[0]);
+var js = (a2 = "audio") => (e) => e.playlist[a2].list;
+var Cr = (a2 = "audio") => (e) => e.playlist[a2].selection;
+var Js = (a2 = "audio") => (e) => e.playlist[a2].progress;
+var Qs = (a2 = "audio") => (e) => e.playlist[a2].currentTime;
+var zs = (a2 = "audio") => (e) => e.playlist[a2].playbackRate;
+var Ys = (a2 = "audio") => (e) => e.playlist[a2].volume;
+var Xs = (a2 = "audio") => createSelector(js(a2), (e) => Object.values(e));
+var Zs = (a2 = "audio") => createSelector(js(a2), Cr(a2), (e, t) => {
   if (t.id)
     return e[t.id];
 });
-var Zs = { selection: Hr("audio"), progress: js("audio"), currentTime: Js("audio"), playbackRate: Qs("audio"), volume: zs("audio"), list: Ys("audio"), selectedItem: Xs("audio") };
-var ea = { selection: Hr("video"), progress: js("video"), currentTime: Js("video"), playbackRate: Qs("video"), volume: zs("video"), list: Ys("video"), selectedItem: Xs("video") };
-function b(a2) {
+var ea = { selection: Cr("audio"), progress: Js("audio"), currentTime: Qs("audio"), playbackRate: zs("audio"), volume: Ys("audio"), list: Xs("audio"), selectedItem: Zs("audio") };
+var ta = { selection: Cr("video"), progress: Js("video"), currentTime: Qs("video"), playbackRate: zs("video"), volume: Ys("video"), list: Xs("video"), selectedItem: Zs("video") };
+function R(a2) {
   return (e) => (t) => a2(t, e);
 }
-var gt = "HMS-Store:";
-var P3 = class {
+var Tt = "HMS-Store:";
+var E = class {
   static v(e, ...t) {
     this.log(0, e, ...t);
   }
@@ -19342,23 +19384,23 @@ var P3 = class {
     if (!(this.level.valueOf() > e.valueOf()))
       switch (e) {
         case 0: {
-          console.log(gt, ...t);
+          console.log(Tt, ...t);
           break;
         }
         case 1: {
-          console.debug(gt, ...t);
+          console.debug(Tt, ...t);
           break;
         }
         case 2: {
-          console.info(gt, ...t);
+          console.info(Tt, ...t);
           break;
         }
         case 3: {
-          console.warn(gt, ...t);
+          console.warn(Tt, ...t);
           break;
         }
         case 6: {
-          console.error(gt, ...t);
+          console.error(Tt, ...t);
           break;
         }
         case 4: {
@@ -19378,203 +19420,203 @@ var P3 = class {
       }
   }
 };
-P3.level = 0;
-var Cr = (a2, e) => e;
-var Tt = (a2, e) => e;
-var ta = (a2, e) => e;
-var yo = (a2, e) => e;
-var ko = (a2, e) => e;
-var W = createSelector([G, Cr], (a2, e) => e ? a2[e] : null);
-var Lr = createSelector([w, Tt], (a2, e) => e ? a2[e] : null);
-var Po = createSelector([w, Tt], (a2, e) => {
+E.level = 0;
+var Lr = (a2, e) => e;
+var ft = (a2, e) => e;
+var ia = (a2, e) => e;
+var Ao = (a2, e) => e;
+var Io = (a2, e) => e;
+var $ = createSelector([W, Lr], (a2, e) => e ? a2[e] : null);
+var Dr = createSelector([_, ft], (a2, e) => e ? a2[e] : null);
+var Ro = createSelector([_, ft], (a2, e) => {
   if (!e)
     return null;
   let t = a2[e];
   return (t == null ? void 0 : t.type) === "video" ? t : null;
 });
-var Eo = createSelector([w, Tt], (a2, e) => {
+var bo = createSelector([_, ft], (a2, e) => {
   if (!e)
     return null;
   let t = a2[e];
   return (t == null ? void 0 : t.type) === "audio" ? t : null;
 });
-var Ao = createSelector([w, Tt], (a2, e) => {
+var Ho = createSelector([_, ft], (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 bo = createSelector([w, Tt], (a2, e) => {
+var Co = createSelector([_, ft], (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 Io = createSelector([$s, ko], (a2, e) => e ? a2[e] : null);
-var J = b(W);
-var Tm = b(createSelector([br, yo], (a2, e) => {
+var Lo = createSelector([Ks, Io], (a2, e) => e ? a2[e] : null);
+var Q = R($);
+var ym = R(createSelector([Rr, Ao], (a2, e) => {
   if (a2)
     return e ? a2[e] : a2;
 }));
-function fm(a2) {
+function Pm(a2) {
   return (e) => {
     if (e.sessionStore)
       return a2 ? e.sessionStore[a2] : e.sessionStore;
   };
 }
-var Mm = b(createSelector(W, (a2) => a2 == null ? void 0 : a2.name));
-var ym = b(createSelector(W, (a2) => a2 == null ? void 0 : a2.type));
-var ni = b(Lr);
-var ia = b(Po);
-var km = b(Eo);
-var Pm = b(Ao);
-var Em = b(bo);
-var Ro = b((a2, e) => {
-  let t = W(a2, e);
+var km = R(createSelector($, (a2) => a2 == null ? void 0 : a2.name));
+var Am = R(createSelector($, (a2) => a2 == null ? void 0 : a2.type));
+var ci = R(Dr);
+var ra = R(Ro);
+var Im = R(bo);
+var Rm = R(Ho);
+var bm = R(Co);
+var Do = R((a2, e) => {
+  let t = $(a2, e);
   if (t && t.videoTrack && t.videoTrack !== "")
     return a2.tracks[t.videoTrack];
 });
-var Ho = b((a2, e) => {
-  let t = W(a2, e);
+var wo = R((a2, e) => {
+  let t = $(a2, e);
   if (t && t.audioTrack && t.audioTrack !== "")
     return a2.tracks[t.audioTrack];
 });
-var bm = b((a2, e) => {
-  let t = W(a2, e);
+var Cm = R((a2, e) => {
+  let t = $(a2, e);
   return (t == null ? void 0 : t.auxiliaryTracks.map((i) => a2.tracks[i])) || [];
 });
-var ra = (a2, e) => e ? a2.speakers[e] : null;
-var Im = b(createSelector(ra, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
-var Co = (a2, e) => {
-  let t = Ho(e)(a2);
-  return ra(a2, t == null ? void 0 : t.id);
-};
-var Rm = b(createSelector(Co, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
-var Hm = b((a2, e) => {
+var sa = (a2, e) => e ? a2.speakers[e] : null;
+var Lm = R(createSelector(sa, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+var _o = (a2, e) => {
+  let t = wo(e)(a2);
+  return sa(a2, t == null ? void 0 : t.id);
+};
+var Dm = R(createSelector(_o, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+var wm = R((a2, e) => {
   if (e)
     return a2.connectionQualities[e];
 });
-var Cm = b((a2, e) => {
-  let t = W(a2, e);
+var _m = R((a2, e) => {
+  let t = $(a2, e);
   if (t) {
-    let i = t == null ? void 0 : t.auxiliaryTracks.find((r) => tt(a2.tracks[r]));
+    let i = t == null ? void 0 : t.auxiliaryTracks.find((r) => it(a2.tracks[r]));
     return i ? a2.tracks[i] : void 0;
   }
 });
-var Lm = b(createSelector(w, W, (a2, e) => {
+var Nm = R(createSelector(_, $, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
-    return rt(r) && it(r);
+    return st(r) && rt(r);
   });
   return t ? a2[t] : void 0;
 }));
-var Dm = b(createSelector(w, W, (a2, e) => {
+var Om = R(createSelector(_, $, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
-    return rt(r) && tt(r);
+    return st(r) && it(r);
   });
   return t ? a2[t] : void 0;
 }));
-var wm = b(createSelector(w, W, (a2, e) => {
+var xm = R(createSelector(_, $, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
-    return $t(r) && tt(r);
+    return qt(r) && it(r);
   });
   return t ? a2[t] : void 0;
 }));
-var sa = b(createSelector(w, W, (a2, e) => Ce(a2, e)));
-var aa = (a2) => createSelector(sa(a2), (e) => e.audio);
-var Nm = b((a2, e) => {
-  let t = W(a2, e);
+var aa = R(createSelector(_, $, (a2, e) => Ce(a2, e)));
+var oa = (a2) => createSelector(aa(a2), (e) => e.audio);
+var Bm = R((a2, e) => {
+  let t = $(a2, e);
   return Ue(a2, t == null ? void 0 : t.audioTrack);
 });
-var Om = b((a2, e) => {
-  let t = W(a2, e);
+var Vm = R((a2, e) => {
+  let t = $(a2, e);
   return Ue(a2, t == null ? void 0 : t.videoTrack);
 });
-var oa = b((a2, e) => {
+var na = R((a2, e) => {
   if (e && a2.tracks[e])
     return a2.tracks[e].volume === 0;
 });
-var xm = b((a2, e) => {
-  let t = W(a2, e);
-  return oa(t == null ? void 0 : t.audioTrack)(a2);
+var Fm = R((a2, e) => {
+  let t = $(a2, e);
+  return na(t == null ? void 0 : t.audioTrack)(a2);
 });
-var Um = b((a2, e) => {
-  let t = aa(e)(a2);
-  return oa(t == null ? void 0 : t.id)(a2);
+var Gm = R((a2, e) => {
+  let t = oa(e)(a2);
+  return na(t == null ? void 0 : t.id)(a2);
 });
-var na = b((a2, e) => {
-  let t = Lr(a2, e);
+var ca = R((a2, e) => {
+  let t = Dr(a2, e);
   if (t) {
     if (t.type !== "audio") {
-      P3.w("Please pass audio track here");
+      E.w("Please pass audio track here");
       return;
     }
     return t.volume;
   }
 });
-var Vm = b((a2, e) => {
-  let t = W(a2, e);
-  return na(t == null ? void 0 : t.audioTrack)(a2);
+var Wm = R((a2, e) => {
+  let t = $(a2, e);
+  return ca(t == null ? void 0 : t.audioTrack)(a2);
 });
-var Bm = b((a2, e) => {
-  let t = aa(e)(a2);
-  return na(t == null ? void 0 : t.id)(a2);
+var $m = R((a2, e) => {
+  let t = oa(e)(a2);
+  return ca(t == null ? void 0 : t.id)(a2);
 });
-var Fm = b((a2, e) => {
-  let t = Lr(a2, e);
+var Km = R((a2, e) => {
+  let t = Dr(a2, e);
   if (t) {
     if (t.type !== "video") {
-      P3.w("Please pass video track here");
+      E.w("Please pass video track here");
       return;
     }
     return t.layer;
   }
 });
-var ca = createSelector([St, fe, Cr], (a2, e, t) => {
+var da = createSelector([gt, fe, Lr], (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 da = createSelector([St, ta], (a2, e) => {
+var la = createSelector([gt, ia], (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 Lo = createSelector(St, (a2) => a2.filter((e) => {
+var No = createSelector(gt, (a2) => a2.filter((e) => {
   var t;
   return !e.recipientPeer && !((t = e.recipientRoles) != null && t.length);
 }));
-var Do = createSelector([da, ta], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-var wo = createSelector([ca, Cr], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-var Gm = createSelector(Lo, (a2) => a2.filter((e) => !e.read).length);
-var Wm = b(ca);
-var $m = b(da);
-var Km = b(Do);
-var qm = b(wo);
-var la = b(Io);
-var rS = createSelector([G, w], (a2, e) => Object.values(a2).map((i) => {
+var Oo = createSelector([la, ia], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
+var xo = createSelector([da, Lr], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
+var qm = createSelector(No, (a2) => a2.filter((e) => !e.read).length);
+var jm = R(da);
+var Jm = R(la);
+var Qm = R(Oo);
+var zm = R(xo);
+var ua = R(Lo);
+var cS = createSelector([W, _], (a2, e) => Object.values(a2).map((i) => {
   var r;
   return { peer: i, isAudioEnabled: i.audioTrack ? (r = e[i.audioTrack]) == null ? void 0 : r.enabled : false };
 }));
-var _o = (a2) => a2.roleChangeRequests[0] || null;
-var sS = createSelector([_o, G, ue], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
-var aS = createSelector([oi], (a2) => st(a2));
-var oS = createSelector([Gs], (a2) => st(a2));
-var Oo = createSelector([j, w], (a2, e) => {
+var Uo = (a2) => a2.roleChangeRequests[0] || null;
+var dS = createSelector([Uo, W, pe], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
+var lS = createSelector([Ye], (a2) => at(a2));
+var uS = createSelector([Ws], (a2) => at(a2));
+var Vo = createSelector([J, _], (a2, e) => {
   let t = null;
   return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
 });
-var xo = createSelector([te, w], (a2, e) => {
+var Fo = createSelector([ie, _], (a2, e) => {
   let t = null;
   return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
 });
-var Or = class {
+var xr = class {
   constructor() {
     this.TAG = "[HTTPAnalyticsTransport]";
     this.failedEvents = new ne("client-events");
@@ -19593,7 +19635,7 @@ var Or = 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" ? Is : Rs;
+    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" ? bs : Hs;
     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);
@@ -19619,66 +19661,66 @@ var Or = class {
     i > -1 && (t.splice(i, 1), this.failedEvents.set(t));
   }
 };
-var Me = new Or();
-var $ = ((s) => (s[s.ConnectFailed = 0] = "ConnectFailed", s[s.SignalDisconnect = 1] = "SignalDisconnect", s[s.JoinWSMessageFailed = 2] = "JoinWSMessageFailed", s[s.PublishIceConnectionFailed = 3] = "PublishIceConnectionFailed", s[s.SubscribeIceConnectionFailed = 4] = "SubscribeIceConnectionFailed", s))($ || {});
-var Bi = ((n) => (n.Disconnected = "Disconnected", n.Connecting = "Connecting", n.Joined = "Joined", n.Preview = "Preview", n.Failed = "Failed", n.Reconnecting = "Reconnecting", n.Leaving = "Leaving", n))(Bi || {});
-var Qi = ((t) => (t[t.Publish = 0] = "Publish", t[t.Subscribe = 1] = "Subscribe", t))(Qi || {});
-var sn = (a2) => a2.localPeer.id;
-var an = (a2) => a2.localPeer.audioTrack;
-var on = (a2) => a2.localPeer.videoTrack;
-var nn = (a2, e) => e;
-var Ra = (a2, e) => e;
-var cn = (a2) => a2.remoteTrackStats;
-var Ha = (a2) => a2.peerStats;
-var Fr = (a2) => a2.localTrackStats;
-var ke = createSelector([Ha, sn], (a2, e) => a2[e]);
-var dn = createSelector(ke, (a2) => {
+var Me = new xr();
+var K = ((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))(K || {});
+var Fi = ((n) => (n.Disconnected = "Disconnected", n.Connecting = "Connecting", n.Joined = "Joined", n.Preview = "Preview", n.Failed = "Failed", n.Reconnecting = "Reconnecting", n.Leaving = "Leaving", n))(Fi || {});
+var zi = ((t) => (t[t.Publish = 0] = "Publish", t[t.Subscribe = 1] = "Subscribe", t))(zi || {});
+var cn = (a2) => a2.localPeer.id;
+var dn = (a2) => a2.localPeer.audioTrack;
+var ln = (a2) => a2.localPeer.videoTrack;
+var un = (a2, e) => e;
+var Ca = (a2, e) => e;
+var pn = (a2) => a2.remoteTrackStats;
+var La = (a2) => a2.peerStats;
+var Gr = (a2) => a2.localTrackStats;
+var Pe = createSelector([La, cn], (a2, e) => a2[e]);
+var hn = createSelector(Pe, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.packetsLost;
 });
-var ln = createSelector(ke, (a2) => {
+var mn = createSelector(Pe, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.jitter;
 });
-var un = createSelector(ke, (a2) => {
+var Sn = createSelector(Pe, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bitrate;
 });
-var pn = createSelector(ke, (a2) => {
+var gn = createSelector(Pe, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bitrate;
 });
-var hn = createSelector(ke, (a2) => {
+var Tn = createSelector(Pe, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.availableOutgoingBitrate;
 });
-var mn = createSelector(ke, (a2) => {
+var fn = createSelector(Pe, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.availableIncomingBitrate;
 });
-var Sn = createSelector(ke, (a2) => {
+var vn = createSelector(Pe, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bytesSent;
 });
-var gn = createSelector(ke, (a2) => {
+var Mn = createSelector(Pe, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bytesReceived;
 });
-var Tn = createSelector([Ha, nn], (a2, e) => e ? a2[e] : void 0);
-var fn = createSelector([cn, Ra], (a2, e) => e ? a2[e] : void 0);
-var Gr = createSelector([Fr, Ra], (a2, e) => e ? a2[e] : void 0);
-var vn = b(Tn);
-var Mn = b(fn);
-var yn = createSelector([Fr, an], (a2, e) => {
+var yn = createSelector([La, un], (a2, e) => e ? a2[e] : void 0);
+var Pn = createSelector([pn, Ca], (a2, e) => e ? a2[e] : void 0);
+var Wr = createSelector([Gr, Ca], (a2, e) => e ? a2[e] : void 0);
+var En = R(yn);
+var kn = R(Pn);
+var An = createSelector([Gr, dn], (a2, e) => {
   var t;
   return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
 });
-var kn = b(createSelector(Gr, (a2) => a2 == null ? void 0 : a2[0]));
-var Pn = createSelector([Fr, on], (a2, e) => {
+var In = R(createSelector(Wr, (a2) => a2 == null ? void 0 : a2[0]));
+var Rn = createSelector([Gr, ln], (a2, e) => {
   var t;
   return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
 });
-var En = b(createSelector(Gr, (a2) => a2));
+var bn = R(createSelector(Wr, (a2) => a2));
 
 // src/Prebuilt/components/Header/StreamActions.tsx
 import {
@@ -19945,7 +19987,7 @@ var RecordingStatus = () => {
 };
 var RecordingPauseStatus = () => {
   const recording = useHMSStore26(selectRecordingState2);
-  if (recording.hls && recording.hls.state === ms.PAUSED) {
+  if (recording.hls && recording.hls.state === Ss.PAUSED) {
     return /* @__PURE__ */ React57.createElement(
       Tooltip,
       {
@@ -20333,6 +20375,9 @@ var MwebOptions = ({
   const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
   const isLocalVideoEnabled = useHMSStore30(selectIsLocalVideoEnabled4);
   const { startRecording, isRecordingLoading } = useRecordingHandler();
+  const isTranscriptionAllowed = useHMSStore30(selectIsTranscriptionAllowedByMode2(HMSTranscriptionMode3.CAPTION));
+  const isTranscriptionEnabled = useHMSStore30(selectIsTranscriptionEnabled4);
+  const [isCaptionEnabled] = useSetIsCaptionEnabled();
   useDropdownList({ open: openModals.size > 0 || openOptionsSheet || openSettingsSheet, name: "MoreSettings" });
   const updateState = (modalName, value) => {
     setOpenModals((modals) => {
@@ -20401,6 +20446,17 @@ var MwebOptions = ({
       isHandRaised ? /* @__PURE__ */ React61.createElement(HandRaiseSlashedIcon, null) : /* @__PURE__ */ React61.createElement(HandIcon2, null),
       /* @__PURE__ */ React61.createElement(ActionTile.Title, null, isHandRaised ? "Lower" : "Raise", " Hand")
     ) : null,
+    isTranscriptionAllowed ? /* @__PURE__ */ React61.createElement(
+      ActionTile.Root,
+      {
+        onClick: () => {
+          setOpenOptionsSheet(false);
+          updateState(MODALS2.CAPTION, true);
+        }
+      },
+      isTranscriptionEnabled && isCaptionEnabled ? /* @__PURE__ */ React61.createElement(ClosedCaptionIcon2, null) : /* @__PURE__ */ React61.createElement(OpenCaptionIcon3, null),
+      /* @__PURE__ */ React61.createElement(ActionTile.Title, null, "Closed Caption")
+    ) : null,
     isLocalVideoEnabled && !!elements?.virtual_background ? /* @__PURE__ */ React61.createElement(
       ActionTile.Root,
       {
@@ -22472,7 +22528,7 @@ var PrevMenu = () => {
   const hmsActions = useHMSActions29();
   const polls = useHMSStore45(selectPolls2);
   const sortedPolls = useMemo7(
-    () => polls?.sort((a2, b2) => (b2?.createdAt?.getTime?.() || 0) - (a2?.createdAt?.getTime?.() || 0))?.sort((a2, b2) => (b2?.state === "started" ? 1 : 0) - (a2?.state === "started" ? 1 : 0)),
+    () => polls?.sort((a2, b) => (b?.createdAt?.getTime?.() || 0) - (a2?.createdAt?.getTime?.() || 0))?.sort((a2, b) => (b?.state === "started" ? 1 : 0) - (a2?.state === "started" ? 1 : 0)),
     [polls]
   );
   const permissions = useHMSStore45(selectPermissions15);
@@ -23980,7 +24036,7 @@ var usePinnedMessages = () => {
       if (pinnedMessages[indexToRemove]) {
         await hmsActions.sessionStore.set(
           "pinnedMessages" /* PINNED_MESSAGES */,
-          pinnedMessages.filter((_, index) => index !== indexToRemove)
+          pinnedMessages.filter((_2, index) => index !== indexToRemove)
         ).catch((err) => ToastManager.addToast({ title: err.description }));
       }
     },
@@ -24253,13 +24309,13 @@ var usePinnedBy = (messageId) => {
   const pinnedMessages = useHMSStore55(selectSessionStore4("pinnedMessages" /* PINNED_MESSAGES */));
   const [pinnedBy, setPinnedBy] = useState46("");
   useEffect29(() => {
-    let match16 = "";
+    let match17 = "";
     pinnedMessages?.forEach((pinnedMessage) => {
       if (pinnedMessage.id === messageId) {
-        match16 = pinnedMessage.pinnedBy;
+        match17 = pinnedMessage.pinnedBy;
       }
     });
-    setPinnedBy(match16);
+    setPinnedBy(match17);
   }, [messageId, pinnedMessages]);
   return pinnedBy;
 };
@@ -25340,7 +25396,7 @@ var StickIndicator = ({ total, index }) => {
   if (total < 2) {
     return null;
   }
-  return /* @__PURE__ */ React117.createElement(Flex, { direction: "column", css: { gap: "$1" } }, [...Array(sticksCount)].map((_, i) => /* @__PURE__ */ React117.createElement(
+  return /* @__PURE__ */ React117.createElement(Flex, { direction: "column", css: { gap: "$1" } }, [...Array(sticksCount)].map((_2, i) => /* @__PURE__ */ React117.createElement(
     Box,
     {
       css: {
@@ -25473,7 +25529,7 @@ var Chat = () => {
   const listRef = useRef24(null);
   const hmsActions = useHMSActions41();
   const vanillaStore = useHMSVanillaStore10();
-  const { enabled: isChatEnabled = true } = useHMSStore62(fm("chatState" /* CHAT_STATE */)) || {};
+  const { enabled: isChatEnabled = true } = useHMSStore62(Pm("chatState" /* CHAT_STATE */)) || {};
   const isMobile = useMedia19(config.media.md);
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeStream = useLandscapeHLSStream();
@@ -25562,7 +25618,7 @@ var NewMessageIndicator = ({
   scrollToBottom,
   listRef
 }) => {
-  const unreadCount = useHMSStore62(Fh);
+  const unreadCount = useHMSStore62(Kh);
   if (!unreadCount || !listRef.current) {
     return null;
   }
@@ -26661,7 +26717,7 @@ var VBPicker = ({ backgroundMedia = [] }) => {
   const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
   const hmsActions = useHMSActions44();
   const localPeer = useHMSStore70(selectLocalPeer6);
-  const role = useHMSStore70(oi);
+  const role = useHMSStore70(Ye);
   const isVideoOn = useHMSStore70(selectIsLocalVideoEnabled6);
   const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
   const trackSelector = selectVideoTrackByID4(localPeer?.videoTrack);
@@ -26669,12 +26725,12 @@ var VBPicker = ({ backgroundMedia = [] }) => {
   const [blurAmount, setBlurAmount] = useState56(VBHandler.getBlurAmount() || 0.5);
   const roomState = useHMSStore70(selectRoomState4);
   const isLargeRoom = useHMSStore70(selectIsLargeRoom3);
-  const isEffectsEnabled = useHMSStore70(em);
-  const effectsKey = useHMSStore70(tm);
+  const isEffectsEnabled = useHMSStore70(sm);
+  const effectsKey = useHMSStore70(am);
   const isMobile = useMedia23(config.media.md);
   const [loadingEffects, setLoadingEffects] = useSetAppDataByKey(APP_DATA.loadingEffects);
   const isPluginAdded = useHMSStore70(selectIsLocalVideoPluginPresent(VBHandler?.getName() || ""));
-  const background = useHMSStore70(Tm(APP_DATA.background));
+  const background = useHMSStore70(ym(APP_DATA.background));
   const mediaList = backgroundMedia.length ? backgroundMedia.map((media) => media.url || "") : defaultMedia2;
   const inPreview = roomState === HMSRoomState4.Preview;
   const showVideoTile = isVideoOn && isLargeRoom && !inPreview;
@@ -27154,7 +27210,7 @@ var PreviewJoin = ({
       speakerAutoSelectionBlacklist: ["Yeti Stereo Microphone"]
     },
     captureNetworkQualityInPreview: true,
-    handleError: (_, method) => {
+    handleError: (_2, method) => {
       if (method === "preview") {
         setPreviewError(true);
       }
@@ -27411,12 +27467,10 @@ import {
   selectLocalPeerRoleName as selectLocalPeerRoleName5,
   selectPeers as selectPeers3,
   selectPeerScreenSharing as selectPeerScreenSharing2,
-  selectTranscriptionsState,
   selectWhiteboard as selectWhiteboard2,
   useHMSStore as useHMSStore80,
   useHMSVanillaStore as useHMSVanillaStore12
 } from "@100mslive/react-sdk";
-import { AlertTriangleIcon as AlertTriangleIcon8 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/VideoLayouts/EqualProminence.tsx
 init_define_process_env();
@@ -27633,7 +27687,7 @@ var Pagination = ({
   if (numPages <= 1) {
     return null;
   }
-  return /* @__PURE__ */ React140.createElement(StyledPagination.Root, { css: { flexShrink: 0 } }, /* @__PURE__ */ React140.createElement(StyledPagination.Chevron, { disabled: disableLeft, onClick: prevPage }, /* @__PURE__ */ React140.createElement(ChevronLeftIcon7, { width: 16, height: 16, style: { cursor: disableLeft ? "not-allowed" : "pointer" } })), numPages <= 5 ? /* @__PURE__ */ React140.createElement(StyledPagination.Dots, null, [...Array(numPages)].map((_, i) => /* @__PURE__ */ React140.createElement(
+  return /* @__PURE__ */ React140.createElement(StyledPagination.Root, { css: { flexShrink: 0 } }, /* @__PURE__ */ React140.createElement(StyledPagination.Chevron, { disabled: disableLeft, onClick: prevPage }, /* @__PURE__ */ React140.createElement(ChevronLeftIcon7, { width: 16, height: 16, style: { cursor: disableLeft ? "not-allowed" : "pointer" } })), numPages <= 5 ? /* @__PURE__ */ React140.createElement(StyledPagination.Dots, null, [...Array(numPages)].map((_2, i) => /* @__PURE__ */ React140.createElement(
     StyledPagination.Dot,
     {
       key: i,
@@ -27740,7 +27794,7 @@ var useTileLayout = ({
       }
       const maxRows = Math.ceil(noOfTilesInPage / maxCols);
       let index = 0;
-      const matrix = new Array(maxRows).fill(null).map((_, i) => {
+      const matrix = new Array(maxRows).fill(null).map((_2, i) => {
         const numCols = Math.min(maxCols, noOfTilesInPage - i * maxCols);
         const rowElements = [];
         for (let j2 = 0; j2 < numCols; j2++) {
@@ -27772,10 +27826,10 @@ var useTileLayout = ({
             tileHeight = maxRowHeight;
             const calcWidths = aspectRatios.map((aR) => tileHeight * aR);
             tileWidth = 0;
-            for (const w2 of calcWidths) {
-              if (w2 < width) {
-                if (tileWidth < w2) {
-                  tileWidth = w2;
+            for (const w of calcWidths) {
+              if (w < width) {
+                if (tileWidth < w) {
+                  tileWidth = w;
                 }
               }
             }
@@ -28457,7 +28511,7 @@ var PeersSorter = class {
       this.speaker = void 0;
       this.tilesPerPage = tilesPerPage;
       const peerIds = new Set(peers.map((peer) => peer.id));
-      this.peers.forEach((_, key) => {
+      this.peers.forEach((_2, key) => {
         if (!peerIds.has(key)) {
           this.peers.delete(key);
         }
@@ -28597,16 +28651,6 @@ var GridLayout = ({
     hideMetadataOnTile: hide_metadata_on_tile,
     objectFit: video_object_fit
   };
-  const transcriptionStates = useHMSStore80(selectTranscriptionsState);
-  useEffect48(() => {
-    if (transcriptionStates && transcriptionStates.length > 0 && transcriptionStates[0].error) {
-      ToastManager.addToast({
-        title: `Failed to enable Closed Caption`,
-        variant: "error",
-        icon: /* @__PURE__ */ React151.createElement(AlertTriangleIcon8, { style: { marginRight: "0.5rem" } })
-      });
-    }
-  }, [transcriptionStates]);
   useEffect48(() => {
     if (mainPage !== 0) {
       return;
@@ -28798,7 +28842,12 @@ var PDFView = () => {
 init_define_process_env();
 import React154, { useEffect as useEffect51, useState as useState66 } from "react";
 import { useMedia as useMedia36 } from "react-use";
-import { selectPeerNameByID as selectPeerNameByID5, useHMSStore as useHMSStore82, useTranscript } from "@100mslive/react-sdk";
+import {
+  selectIsTranscriptionEnabled as selectIsTranscriptionEnabled5,
+  selectPeerNameByID as selectPeerNameByID5,
+  useHMSStore as useHMSStore82,
+  useTranscript
+} from "@100mslive/react-sdk";
 var SimpleQueue = class {
   constructor(capacity = 3, MAX_STORAGE_TIME = 5e3) {
     this.capacity = capacity;
@@ -28952,6 +29001,7 @@ var CaptionsViewer = () => {
   const [captionQueue] = useState66(new CaptionMaintainerQueue());
   const [currentData, setCurrentData] = useState66([]);
   const isCaptionEnabled = useIsCaptionEnabled();
+  const isTranscriptionEnabled = useHMSStore82(selectIsTranscriptionEnabled5);
   useEffect51(() => {
     const timeInterval = setInterval(() => {
       if (!captionQueue) {
@@ -28974,7 +29024,7 @@ var CaptionsViewer = () => {
     }
     return false;
   });
-  if (dataToShow.length <= 0 || screenType === "hls_live_streaming" || !isCaptionEnabled) {
+  if (dataToShow.length <= 0 || screenType === "hls_live_streaming" || !isCaptionEnabled || !isTranscriptionEnabled) {
     return null;
   }
   return /* @__PURE__ */ React154.createElement(
@@ -29019,7 +29069,7 @@ var useCloseScreenshareWhiteboard = () => {
 };
 
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
-var HLSView = React155.lazy(() => import("./HLSView-XJOA2AEA.js"));
+var HLSView = React155.lazy(() => import("./HLSView-EHEKBMBJ.js"));
 var VideoStreamingSection = ({
   screenType,
   elements,
@@ -29931,9 +29981,9 @@ init_define_process_env();
 
 // src/Prebuilt/components/Notifications/Notifications.tsx
 init_define_process_env();
-import React173, { useCallback as useCallback36, useEffect as useEffect70 } from "react";
+import React174, { useCallback as useCallback36, useEffect as useEffect71 } from "react";
 import {
-  HMSNotificationTypes as HMSNotificationTypes10,
+  HMSNotificationTypes as HMSNotificationTypes11,
   HMSRoomState as HMSRoomState10,
   selectIsLocalScreenShared as selectIsLocalScreenShared3,
   selectLocalPeerID as selectLocalPeerID16,
@@ -29941,7 +29991,7 @@ import {
   selectRoomState as selectRoomState10,
   useAwayNotifications as useAwayNotifications2,
   useCustomEvent as useCustomEvent4,
-  useHMSNotifications as useHMSNotifications10,
+  useHMSNotifications as useHMSNotifications11,
   useHMSStore as useHMSStore93,
   useHMSVanillaStore as useHMSVanillaStore16
 } from "@100mslive/react-sdk";
@@ -30035,7 +30085,7 @@ import {
   PeopleRemoveIcon as PeopleRemoveIcon4,
   PoorConnectivityIcon as PoorConnectivityIcon2
 } from "@100mslive/react-icons";
-var ChatAction = React167.forwardRef((_, ref) => {
+var ChatAction = React167.forwardRef((_2, ref) => {
   const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
   const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
   if (isChatOpen) {
@@ -30581,11 +30631,58 @@ var TrackUnmuteModal = () => {
   );
 };
 
+// src/Prebuilt/components/Notifications/TranscriptionNotifications.tsx
+init_define_process_env();
+import React173, { useEffect as useEffect70 } 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";
+var TranscriptionNotifications = () => {
+  const notification = useHMSNotifications10(HMSNotificationTypes10.TRANSCRIPTION_STATE_UPDATED);
+  const [toastId, setToastId] = useSetAppDataByKey(CAPTION_TOAST.captionToast);
+  useEffect70(() => {
+    if (!notification?.data) {
+      return;
+    }
+    console.debug(`[${notification.type}]`, notification);
+    const transcriptionStates = notification.data;
+    if (transcriptionStates.length > 0) {
+      let id = "";
+      match15({ state: transcriptionStates[0].state, error: transcriptionStates[0].error }).when(
+        ({ error }) => !!error,
+        () => {
+          id = ToastManager.replaceToast(toastId, {
+            title: `Failed to enable Closed Caption`,
+            variant: "error",
+            icon: /* @__PURE__ */ React173.createElement(AlertTriangleIcon8, { style: { marginRight: "0.5rem" } })
+          });
+        }
+      ).with({ state: HMSTranscriptionState.STARTED }, () => {
+        id = ToastManager.replaceToast(toastId, {
+          title: `Closed Captioning enabled for everyone`,
+          variant: "standard",
+          duration: 2e3,
+          icon: /* @__PURE__ */ React173.createElement(OpenCaptionIcon4, { 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(ClosedCaptionIcon3, { style: { marginRight: "0.5rem" } })
+        });
+      }).otherwise(() => null);
+      setToastId(id);
+    }
+  }, [notification, setToastId]);
+  return null;
+};
+
 // src/Prebuilt/components/Notifications/Notifications.tsx
 var pollToastKey = {};
 function Notifications() {
   const localPeerID = useHMSStore93(selectLocalPeerID16);
-  const notification = useHMSNotifications10();
+  const notification = useHMSNotifications11();
   const subscribedNotifications = useSubscribedNotifications() || {};
   const roomState = useHMSStore93(selectRoomState10);
   const updateRoomLayoutForRole = useUpdateRoomLayout();
@@ -30603,15 +30700,15 @@ function Notifications() {
     });
   }, []);
   useCustomEvent4({ type: ROLE_CHANGE_DECLINED, onEvent: handleRoleChangeDenied });
-  useEffect70(() => {
+  useEffect71(() => {
     if (!notification || isNotificationDisabled) {
       return;
     }
     switch (notification.type) {
-      case HMSNotificationTypes10.NAME_UPDATED:
+      case HMSNotificationTypes11.NAME_UPDATED:
         console.log(notification.data.id + " changed their name to " + notification.data.name);
         break;
-      case HMSNotificationTypes10.ERROR:
+      case HMSNotificationTypes11.ERROR:
         if (notification.data?.isTerminal && notification.data?.action !== "INIT") {
           if ([500, 6008].includes(notification.data?.code)) {
             ToastManager.addToast({
@@ -30621,7 +30718,7 @@ function Notifications() {
             ToastManager.addToast({
               title: "The room is currently full, try joining later",
               close: true,
-              icon: /* @__PURE__ */ React173.createElement(Box, { css: { color: "$alert_error_default" } }, /* @__PURE__ */ React173.createElement(GroupIcon2, null))
+              icon: /* @__PURE__ */ React174.createElement(Box, { css: { color: "$alert_error_default" } }, /* @__PURE__ */ React174.createElement(GroupIcon2, null))
             });
           } else {
             ToastManager.addToast({
@@ -30643,7 +30740,7 @@ function Notifications() {
           title: `Error: ${notification.data?.message} - ${notification.data?.description}`
         });
         break;
-      case HMSNotificationTypes10.ROLE_UPDATED: {
+      case HMSNotificationTypes11.ROLE_UPDATED: {
         if (notification.data?.isLocal && notification.data?.roleName) {
           ToastManager.addToast({
             title: `You are now a ${notification.data.roleName}`
@@ -30652,7 +30749,7 @@ function Notifications() {
         }
         break;
       }
-      case HMSNotificationTypes10.CHANGE_TRACK_STATE_REQUEST:
+      case HMSNotificationTypes11.CHANGE_TRACK_STATE_REQUEST:
         const track = notification.data?.track;
         if (!notification.data.enabled) {
           ToastManager.addToast({
@@ -30661,24 +30758,24 @@ function Notifications() {
           });
         }
         break;
-      case HMSNotificationTypes10.REMOVED_FROM_ROOM:
-      case HMSNotificationTypes10.ROOM_ENDED:
+      case HMSNotificationTypes11.REMOVED_FROM_ROOM:
+      case HMSNotificationTypes11.ROOM_ENDED:
         ToastManager.addToast({
           title: `${notification.message}. 
               ${notification.data.reason && `Reason: ${notification.data.reason}`}`
         });
         break;
-      case HMSNotificationTypes10.DEVICE_CHANGE_UPDATE:
+      case HMSNotificationTypes11.DEVICE_CHANGE_UPDATE:
         ToastManager.addToast({
           title: notification.message
         });
         break;
-      case HMSNotificationTypes10.POLL_STARTED:
+      case HMSNotificationTypes11.POLL_STARTED:
         if (notification.data.startedBy !== localPeerID && screenProps.screenType !== "hls_live_streaming") {
           const pollStartedBy = vanillaStore.getState(selectPeerNameByID6(notification.data.startedBy)) || "Participant";
           const pollToastID = ToastManager.addToast({
             title: `${pollStartedBy} started a ${notification.data.type}: ${notification.data.title}`,
-            action: /* @__PURE__ */ React173.createElement(
+            action: /* @__PURE__ */ React174.createElement(
               Button,
               {
                 onClick: () => togglePollView(notification.data.id),
@@ -30697,14 +30794,14 @@ function Notifications() {
           pollToastKey[notification.data.id] = pollToastID;
         }
         break;
-      case HMSNotificationTypes10.POLL_STOPPED:
+      case HMSNotificationTypes11.POLL_STOPPED:
         const pollID = notification?.data.id;
         if (pollID && pollToastKey?.[pollID]) {
           ToastManager.removeToast(pollToastKey?.[notification.data.id]);
           delete pollToastKey[notification?.data.id];
         }
         break;
-      case HMSNotificationTypes10.NEW_MESSAGE:
+      case HMSNotificationTypes11.NEW_MESSAGE:
         if (amIScreenSharing) {
           showNotification(`New message from ${notification.data.senderName}`, {
             body: notification.data.message,
@@ -30719,12 +30816,12 @@ function Notifications() {
   if (isNotificationDisabled) {
     return null;
   }
-  return /* @__PURE__ */ React173.createElement(React173.Fragment, null, /* @__PURE__ */ React173.createElement(TrackUnmuteModal, null), /* @__PURE__ */ React173.createElement(TrackBulkUnmuteModal, null), /* @__PURE__ */ React173.createElement(TrackNotifications, null), roomState === HMSRoomState10.Connected ? /* @__PURE__ */ React173.createElement(PeerNotifications, null) : null, /* @__PURE__ */ React173.createElement(ReconnectNotifications, null), /* @__PURE__ */ React173.createElement(AutoplayBlockedModal, null), /* @__PURE__ */ React173.createElement(PermissionErrorModal, null), /* @__PURE__ */ React173.createElement(InitErrorModal, null), /* @__PURE__ */ React173.createElement(ChatNotifications, null), /* @__PURE__ */ React173.createElement(HandRaisedNotifications, 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(PermissionErrorModal, null), /* @__PURE__ */ React174.createElement(InitErrorModal, null), /* @__PURE__ */ React174.createElement(ChatNotifications, null), /* @__PURE__ */ React174.createElement(HandRaisedNotifications, null), /* @__PURE__ */ React174.createElement(TranscriptionNotifications, null));
 }
 
 // src/Prebuilt/components/Preview/PreviewScreen.tsx
 init_define_process_env();
-import React174 from "react";
+import React175 from "react";
 import { useSearchParam } from "react-use";
 var PreviewScreen = () => {
   const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
@@ -30735,27 +30832,27 @@ var PreviewScreen = () => {
   const authToken = useAuthToken();
   const roomLayout = useRoomLayout();
   const { preview_header: previewHeader = {} } = roomLayout?.screens?.preview?.default?.elements || {};
-  return /* @__PURE__ */ React174.createElement(Flex, { direction: "column", css: { size: "100%" } }, /* @__PURE__ */ React174.createElement(
+  return /* @__PURE__ */ React175.createElement(Flex, { direction: "column", css: { size: "100%" } }, /* @__PURE__ */ React175.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__ */ React174.createElement(PreviewJoin_default, { initialName, skipPreview, asRole: previewAsRole ?? void 0 }) : /* @__PURE__ */ React174.createElement(FullPageProgress_default, null)
+    authToken && Object.keys(previewHeader).length > 0 ? /* @__PURE__ */ React175.createElement(PreviewJoin_default, { initialName, skipPreview, asRole: previewAsRole ?? void 0 }) : /* @__PURE__ */ React175.createElement(FullPageProgress_default, null)
   ));
 };
 
 // src/Prebuilt/components/Toast/ToastContainer.jsx
 init_define_process_env();
-import React176, { useEffect as useEffect71, useState as useState74 } from "react";
+import React177, { useEffect as useEffect72, useState as useState74 } from "react";
 import { selectIsConnectedToRoom as selectIsConnectedToRoom11, useHMSStore as useHMSStore94 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/Toast/Toast.jsx
 init_define_process_env();
-import React175 from "react";
+import React176 from "react";
 var Toast2 = ({ title, description, close = true, open, duration, onOpenChange, icon, ...props }) => {
-  return /* @__PURE__ */ React175.createElement(
+  return /* @__PURE__ */ React176.createElement(
     Toast.HMSToast,
     {
       title,
@@ -30774,15 +30871,15 @@ var Toast2 = ({ title, description, close = true, open, duration, onOpenChange,
 var ToastContainer = () => {
   const isConnected = useHMSStore94(selectIsConnectedToRoom11);
   const [toasts, setToast] = useState74([]);
-  useEffect71(() => {
+  useEffect72(() => {
     ToastManager.addListener(setToast);
     return () => {
       ToastManager.removeListener(setToast);
     };
   }, []);
-  return /* @__PURE__ */ React176.createElement(Toast.Provider, { swipeDirection: "left", duration: 3e3 }, toasts.slice(0, MAX_TOASTS).map((toast) => {
-    return /* @__PURE__ */ React176.createElement(Toast2, { key: toast.id, ...toast, onOpenChange: (value) => !value && ToastManager.removeToast(toast.id) });
-  }), /* @__PURE__ */ React176.createElement(
+  return /* @__PURE__ */ React177.createElement(Toast.Provider, { swipeDirection: "left", duration: 3e3 }, toasts.slice(0, MAX_TOASTS).map((toast) => {
+    return /* @__PURE__ */ React177.createElement(Toast2, { key: toast.id, ...toast, onOpenChange: (value) => !value && ToastManager.removeToast(toast.id) });
+  }), /* @__PURE__ */ React177.createElement(
     Toast.Viewport,
     {
       css: {
@@ -30795,27 +30892,27 @@ var ToastContainer = () => {
 
 // src/Prebuilt/layouts/Sheet.tsx
 init_define_process_env();
-import React178 from "react";
+import React179 from "react";
 import { selectAppData as selectAppData14, useHMSStore as useHMSStore95 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/RoomDetails/RoomDetailsSheet.tsx
 init_define_process_env();
-import React177 from "react";
+import React178 from "react";
 import { CrossIcon as CrossIcon28 } 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__ */ React177.createElement(Sheet.Root, { open: showRoomDetailsSheet, onOpenChange: toggleSheet }, /* @__PURE__ */ React177.createElement(Sheet.Content, { css: { py: "$8", pb: "$12" } }, /* @__PURE__ */ React177.createElement(
+  return /* @__PURE__ */ React178.createElement(Sheet.Root, { open: showRoomDetailsSheet, onOpenChange: toggleSheet }, /* @__PURE__ */ React178.createElement(Sheet.Content, { css: { py: "$8", pb: "$12" } }, /* @__PURE__ */ React178.createElement(
     Flex,
     {
       justify: "between",
       align: "center",
       css: { w: "100%", borderBottom: "1px solid $border_bright", pb: "$4", mb: "$4", px: "$8" }
     },
-    /* @__PURE__ */ React177.createElement(Text, { css: { fontWeight: "$semiBold", color: "$on_surface_high" } }, "Description"),
-    /* @__PURE__ */ React177.createElement(Sheet.Close, { css: { color: "$on_surface_high" } }, /* @__PURE__ */ React177.createElement(CrossIcon28, null))
-  ), /* @__PURE__ */ React177.createElement(Flex, { align: "center", css: { w: "100%", gap: "$4", pb: "$8", px: "$8" } }, /* @__PURE__ */ React177.createElement(Logo, null), /* @__PURE__ */ React177.createElement(Box, null, /* @__PURE__ */ React177.createElement(Text, { variant: "sm", css: { c: "$on_secondary_high", fontWeight: "$semiBold" } }, title), /* @__PURE__ */ React177.createElement(RoomDetailsRow, { details }))), /* @__PURE__ */ React177.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", px: "$8" } }, description)));
+    /* @__PURE__ */ React178.createElement(Text, { css: { fontWeight: "$semiBold", color: "$on_surface_high" } }, "Description"),
+    /* @__PURE__ */ React178.createElement(Sheet.Close, { css: { color: "$on_surface_high" } }, /* @__PURE__ */ React178.createElement(CrossIcon28, null))
+  ), /* @__PURE__ */ React178.createElement(Flex, { align: "center", css: { w: "100%", gap: "$4", pb: "$8", px: "$8" } }, /* @__PURE__ */ React178.createElement(Logo, null), /* @__PURE__ */ React178.createElement(Box, null, /* @__PURE__ */ React178.createElement(Text, { variant: "sm", css: { c: "$on_secondary_high", fontWeight: "$semiBold" } }, title), /* @__PURE__ */ React178.createElement(RoomDetailsRow, { details }))), /* @__PURE__ */ React178.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", px: "$8" } }, description)));
 };
 
 // src/Prebuilt/layouts/Sheet.tsx
@@ -30823,14 +30920,14 @@ var Sheet2 = () => {
   const sheet = useHMSStore95(selectAppData14(APP_DATA.sheet));
   let ViewComponent;
   if (sheet === SHEET_OPTIONS.ROOM_DETAILS) {
-    ViewComponent = /* @__PURE__ */ React178.createElement(RoomDetailsSheet, null);
+    ViewComponent = /* @__PURE__ */ React179.createElement(RoomDetailsSheet, null);
   }
-  return /* @__PURE__ */ React178.createElement(Box, null, ViewComponent);
+  return /* @__PURE__ */ React179.createElement(Box, null, ViewComponent);
 };
 
 // src/Prebuilt/plugins/FlyingEmoji.jsx
 init_define_process_env();
-import React179, { useCallback as useCallback37, useEffect as useEffect72, useMemo as useMemo21, useState as useState75 } from "react";
+import React180, { useCallback as useCallback37, useEffect as useEffect73, useMemo as useMemo21, useState as useState75 } from "react";
 import { useMedia as useMedia41 } from "react-use";
 import {
   selectIsLargeRoom as selectIsLargeRoom4,
@@ -30904,10 +31001,10 @@ function FlyingEmoji() {
     type: EMOJI_REACTION_TYPE,
     onEvent: showFlyingEmoji
   });
-  useEffect72(() => {
+  useEffect73(() => {
     window.showFlyingEmoji = showFlyingEmoji;
   }, [showFlyingEmoji]);
-  return /* @__PURE__ */ React179.createElement(
+  return /* @__PURE__ */ React180.createElement(
     Box,
     {
       css: {
@@ -30923,7 +31020,7 @@ function FlyingEmoji() {
       }
     },
     emojis.map((emoji) => {
-      return /* @__PURE__ */ React179.createElement(
+      return /* @__PURE__ */ React180.createElement(
         Flex,
         {
           key: emoji.id,
@@ -30937,8 +31034,8 @@ function FlyingEmoji() {
           },
           onAnimationEnd: () => setEmojis(emojis.filter((item) => item.id !== emoji.id))
         },
-        /* @__PURE__ */ React179.createElement(Box, null, /* @__PURE__ */ React179.createElement("em-emoji", { id: emoji.emojiId, size: "48px", set: "apple" })),
-        emoji.senderName ? /* @__PURE__ */ React179.createElement(
+        /* @__PURE__ */ React180.createElement(Box, null, /* @__PURE__ */ React180.createElement("em-emoji", { id: emoji.emojiId, size: "48px", set: "apple" })),
+        emoji.senderName ? /* @__PURE__ */ React180.createElement(
           Box,
           {
             css: {
@@ -30948,7 +31045,7 @@ function FlyingEmoji() {
               borderRadius: "$1"
             }
           },
-          /* @__PURE__ */ React179.createElement(
+          /* @__PURE__ */ React180.createElement(
             Text,
             {
               css: {
@@ -30967,7 +31064,7 @@ function FlyingEmoji() {
 
 // src/Prebuilt/plugins/RemoteStopScreenshare.jsx
 init_define_process_env();
-import React180, { useCallback as useCallback38 } from "react";
+import React181, { useCallback as useCallback38 } from "react";
 import { useCustomEvent as useCustomEvent6, useHMSActions as useHMSActions55 } from "@100mslive/react-sdk";
 function RemoteStopScreenshare() {
   const actions = useHMSActions55();
@@ -30978,12 +31075,12 @@ function RemoteStopScreenshare() {
     type: REMOTE_STOP_SCREENSHARE_TYPE,
     onEvent: onRemoteStopScreenshare
   });
-  return /* @__PURE__ */ React180.createElement(React180.Fragment, null);
+  return /* @__PURE__ */ React181.createElement(React181.Fragment, null);
 }
 
 // src/Prebuilt/components/hooks/useAutoStartStreaming.tsx
 init_define_process_env();
-import { useCallback as useCallback39, useEffect as useEffect73, useRef as useRef29 } from "react";
+import { useCallback as useCallback39, useEffect as useEffect74, useRef as useRef29 } from "react";
 import {
   selectIsConnectedToRoom as selectIsConnectedToRoom12,
   selectPermissions as selectPermissions20,
@@ -31022,12 +31119,12 @@ var useAutoStartStreaming = () => {
     isHLSRecordingOn,
     isBrowserRecordingOn
   ]);
-  useEffect73(() => {
+  useEffect74(() => {
     if (!isHLSStarted && !isHLSRunning) {
       streamStartedRef.current = false;
     }
   }, [isHLSStarted, isHLSRunning]);
-  useEffect73(() => {
+  useEffect74(() => {
     if (!isConnected || streamStartedRef.current || !permissions?.hlsStreaming) {
       return;
     }
@@ -31036,7 +31133,7 @@ var useAutoStartStreaming = () => {
 };
 
 // src/Prebuilt/App.tsx
-var HMSPrebuilt = React181.forwardRef(
+var HMSPrebuilt = React182.forwardRef(
   ({
     roomCode = "",
     authToken = "",
@@ -31050,8 +31147,8 @@ var HMSPrebuilt = React181.forwardRef(
     onJoin
   }, ref) => {
     const reactiveStore = useRef30();
-    const [hydrated, setHydrated] = React181.useState(false);
-    useEffect74(() => {
+    const [hydrated, setHydrated] = React182.useState(false);
+    useEffect75(() => {
       setHydrated(true);
       const hms = new HMSReactiveStore();
       const hmsStore = hms.getStore();
@@ -31066,13 +31163,13 @@ var HMSPrebuilt = React181.forwardRef(
         hmsNotifications
       };
     }, []);
-    useEffect74(() => {
+    useEffect75(() => {
       if (!ref || !reactiveStore.current) {
         return;
       }
       ref.current = { ...reactiveStore.current };
     }, [ref]);
-    useEffect74(() => {
+    useEffect75(() => {
       return () => {
         VBHandler.reset();
         reactiveStore?.current?.hmsActions.leave();
@@ -31100,7 +31197,7 @@ var HMSPrebuilt = React181.forwardRef(
       return null;
     }
     globalStyles();
-    return /* @__PURE__ */ React181.createElement(ErrorBoundary, null, /* @__PURE__ */ React181.createElement(
+    return /* @__PURE__ */ React182.createElement(ErrorBoundary, null, /* @__PURE__ */ React182.createElement(
       HMSPrebuiltContext.Provider,
       {
         value: {
@@ -31117,7 +31214,7 @@ var HMSPrebuilt = React181.forwardRef(
           }
         }
       },
-      /* @__PURE__ */ React181.createElement(
+      /* @__PURE__ */ React182.createElement(
         HMSRoomProvider,
         {
           isHMSStatsOn: FeatureFlags.enableStatsForNerds,
@@ -31126,7 +31223,7 @@ var HMSPrebuilt = React181.forwardRef(
           notifications: reactiveStore.current?.hmsNotifications,
           stats: reactiveStore.current?.hmsStats
         },
-        /* @__PURE__ */ React181.createElement(RoomLayoutProvider, { roomLayoutEndpoint, overrideLayout }, /* @__PURE__ */ React181.createElement(RoomLayoutContext.Consumer, null, (data3) => {
+        /* @__PURE__ */ React182.createElement(RoomLayoutProvider, { roomLayoutEndpoint, overrideLayout }, /* @__PURE__ */ React182.createElement(RoomLayoutContext.Consumer, null, (data3) => {
           const layout = data3?.layout;
           const theme2 = layout?.themes?.[0] || {};
           const { typography: typography2 } = layout || {};
@@ -31134,7 +31231,7 @@ var HMSPrebuilt = React181.forwardRef(
           if (typography2?.font_family) {
             fontFamily = [`${typography2?.font_family}`, ...fontFamily];
           }
-          return /* @__PURE__ */ React181.createElement(
+          return /* @__PURE__ */ React182.createElement(
             HMSThemeProvider,
             {
               themeType: `${theme2.name}-${Date.now()}`,
@@ -31147,8 +31244,8 @@ var HMSPrebuilt = React181.forwardRef(
                 }
               }
             },
-            /* @__PURE__ */ React181.createElement(Init, null),
-            /* @__PURE__ */ React181.createElement(DialogContainerProvider, { dialogContainerSelector: containerSelector }, /* @__PURE__ */ React181.createElement(
+            /* @__PURE__ */ React182.createElement(Init, null),
+            /* @__PURE__ */ React182.createElement(DialogContainerProvider, { dialogContainerSelector: containerSelector }, /* @__PURE__ */ React182.createElement(
               Box,
               {
                 className: DEFAULT_PORTAL_CONTAINER.slice(1),
@@ -31160,7 +31257,7 @@ var HMSPrebuilt = React181.forwardRef(
                   position: "relative"
                 }
               },
-              /* @__PURE__ */ React181.createElement(
+              /* @__PURE__ */ React182.createElement(
                 AppRoutes,
                 {
                   authTokenByRoomCodeEndpoint: tokenByRoomCodeEndpoint,
@@ -31179,12 +31276,12 @@ var AppStates = ({ activeState }) => {
   const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
   const { isLeaveScreenEnabled } = useRoomLayoutLeaveScreen();
   useAutoStartStreaming();
-  return match15({ activeState, isPreviewScreenEnabled, isLeaveScreenEnabled }).with({ activeState: "preview" /* PREVIEW */, isPreviewScreenEnabled: true }, () => /* @__PURE__ */ React181.createElement(PreviewScreen, null)).with({ activeState: "leave" /* LEAVE */, isLeaveScreenEnabled: true }, () => /* @__PURE__ */ React181.createElement(LeaveScreen, null)).otherwise(() => /* @__PURE__ */ React181.createElement(ConferenceScreen, null));
+  return match16({ activeState, isPreviewScreenEnabled, isLeaveScreenEnabled }).with({ activeState: "preview" /* PREVIEW */, isPreviewScreenEnabled: true }, () => /* @__PURE__ */ React182.createElement(PreviewScreen, null)).with({ activeState: "leave" /* LEAVE */, isLeaveScreenEnabled: true }, () => /* @__PURE__ */ React182.createElement(LeaveScreen, null)).otherwise(() => /* @__PURE__ */ React182.createElement(ConferenceScreen, null));
 };
 var BackSwipe = () => {
   const isConnectedToRoom = useHMSStore98(selectIsConnectedToRoom13);
   const hmsActions = useHMSActions57();
-  useEffect74(() => {
+  useEffect75(() => {
     const onRouteLeave = async () => {
       if (isConnectedToRoom) {
         await hmsActions.leave();
@@ -31204,7 +31301,7 @@ function AppRoutes({
   const roomLayout = useRoomLayout();
   const isNotificationsDisabled = useIsNotificationDisabled();
   const { activeState, rejoin } = useAppStateManager();
-  return /* @__PURE__ */ React181.createElement(AppStateContext.Provider, { value: { rejoin } }, /* @__PURE__ */ React181.createElement(React181.Fragment, null, activeState !== "leave" /* LEAVE */ && /* @__PURE__ */ React181.createElement(AppData, null), /* @__PURE__ */ React181.createElement(ToastContainer, null), /* @__PURE__ */ React181.createElement(Notifications, null), /* @__PURE__ */ React181.createElement(MwebLandscapePrompt, null), /* @__PURE__ */ React181.createElement(Sheet2, null), /* @__PURE__ */ React181.createElement(BackSwipe, null), !isNotificationsDisabled && /* @__PURE__ */ React181.createElement(FlyingEmoji, null), /* @__PURE__ */ React181.createElement(RemoteStopScreenshare, null), /* @__PURE__ */ React181.createElement(KeyboardHandler, null), /* @__PURE__ */ React181.createElement(AuthToken_default, { authTokenByRoomCodeEndpoint, defaultAuthToken }), roomLayout && activeState && /* @__PURE__ */ React181.createElement(AppStates, { activeState })));
+  return /* @__PURE__ */ React182.createElement(AppStateContext.Provider, { value: { rejoin } }, /* @__PURE__ */ React182.createElement(React182.Fragment, null, activeState !== "leave" /* LEAVE */ && /* @__PURE__ */ React182.createElement(AppData, null), /* @__PURE__ */ React182.createElement(ToastContainer, null), /* @__PURE__ */ React182.createElement(Notifications, null), /* @__PURE__ */ React182.createElement(MwebLandscapePrompt, null), /* @__PURE__ */ React182.createElement(Sheet2, null), /* @__PURE__ */ React182.createElement(BackSwipe, null), !isNotificationsDisabled && /* @__PURE__ */ React182.createElement(FlyingEmoji, null), /* @__PURE__ */ React182.createElement(RemoteStopScreenshare, null), /* @__PURE__ */ React182.createElement(KeyboardHandler, null), /* @__PURE__ */ React182.createElement(AuthToken_default, { authTokenByRoomCodeEndpoint, defaultAuthToken }), roomLayout && activeState && /* @__PURE__ */ React182.createElement(AppStates, { activeState })));
 }
 
 // src/Progress/index.tsx
@@ -31356,4 +31453,4 @@ lodash/lodash.js:
    * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
    *)
 */
-//# sourceMappingURL=chunk-2XSERAAX.js.map
+//# sourceMappingURL=chunk-ZPUJUJBA.js.map