@100mslive/roomkit-react 0.3.8 → 0.3.9-alpha.1

package/dist/{chunk-GTJZFIWX.js → chunk-G5EI4B2P.js}

@@ -8,6 +8,7 @@ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __pow = Math.pow;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __spreadValues = (a2, b2) => {
   for (var prop in b2 || (b2 = {}))
@@ -106,7 +107,7 @@ var __async = (__this, __arguments, generator) => {
 var define_process_env_default;
 var init_define_process_env = __esm({
   "<define:process.env>"() {
-    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_2b34dff9-47ee-4a37-87cd-cc4158e8134d", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_devDependencies_rollup: "^2.70.1", npm_package_exports___require: "./dist/index.cjs.js", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.20.2 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_devDependencies__rollup_plugin_node_resolve: "^13.1.3", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.10.8", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_2b34dff9-47ee-4a37-87cd-cc4158e8134d", 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.8", 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: "593", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_devDependencies__rollup_plugin_image: "^3.0.2", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.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.9/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240414.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.2/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:18275", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__rollup_plugin_commonjs: "^21.0.3", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.3.8", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", npm_package_devDependencies__rollup_plugin_json: "^6.0.0", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", STATS_D: "false", GITHUB_RUN_ID: "8752816829", 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: "51bc21610e944d2fb99f12c8f315577d5bc2ca43", 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: "32258b4d433d5621383998f34412775e6f6979121bbdf96efdd0ad9153400de2", 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--1713526154182-0.2592177703322196:/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--1713526153988-0.45004063608971:/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--1713526132021-0.6266546282108358:/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--1713526131841-0.4285047266960349:/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_294d03f7-ec2b-4ec7-b2a6-5fb752ce845a", INVOCATION_ID: "2656832813e24d5da255ccca1c195da0", 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: "520", GITHUB_TRIGGERING_ACTOR: "amar-1995", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", npm_package_devDependencies__rollup_plugin_typescript: "^8.3.1", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_devDependencies_rollup_plugin_terser: "^7.0.2", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 473", 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_devDependencies_rollup_plugin_import_css: "^3.3.1", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.10.8", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.8", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", GITHUB_SHA: "51bc21610e944d2fb99f12c8f315577d5bc2ca43", 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: "amar-1995", 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_2b34dff9-47ee-4a37-87cd-cc4158e8134d", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "110378139", 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_2b34dff9-47ee-4a37-87cd-cc4158e8134d", 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_2b34dff9-47ee-4a37-87cd-cc4158e8134d" };
+    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_e916a87a-f341-4601-84c8-08f2f0b2a192", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_devDependencies_rollup: "^2.70.1", npm_package_exports___require: "./dist/index.cjs.js", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.20.2 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_devDependencies__rollup_plugin_node_resolve: "^13.1.3", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.10.9-alpha.1", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_e916a87a-f341-4601-84c8-08f2f0b2a192", 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.9-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_devDependencies__rollup_plugin_image: "^3.0.2", 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.9/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240414.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.2/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:20555", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__rollup_plugin_commonjs: "^21.0.3", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.3.9-alpha.1", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", npm_package_devDependencies__rollup_plugin_json: "^6.0.0", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", STATS_D: "false", GITHUB_RUN_ID: "8811942074", 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: "1b8cdadaee116534032f5c9523f3128a2df52368", 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: "e388f22c66d993066515e2eaac22cac5cb0146534ea69c0f0d93a324194c9c7c", npm_package_exports___import: "./dist/index.js", STATS_BLT: "true", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/publish-alpha", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1713939544998-0.18702950735588342:/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--1713939544785-0.12214411827087157:/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--1713939523156-0.9236665094794765:/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--1713939522977-0.6762987824103797:/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_ac7f435a-89d6-4921-877e-11053af17e7b", INVOCATION_ID: "cba8c5b9eeb64f8f83405d4295627898", 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: "522", 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", npm_package_devDependencies__rollup_plugin_typescript: "^8.3.1", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_devDependencies_rollup_plugin_terser: "^7.0.2", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 143", 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_devDependencies_rollup_plugin_import_css: "^3.3.1", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.10.9-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.9-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", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", GITHUB_SHA: "1b8cdadaee116534032f5c9523f3128a2df52368", 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_e916a87a-f341-4601-84c8-08f2f0b2a192", 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_e916a87a-f341-4601-84c8-08f2f0b2a192", 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_e916a87a-f341-4601-84c8-08f2f0b2a192" };
   }
 });
 
@@ -801,7 +802,7 @@ var require_lodash = __commonJS({
         return string.match(reUnicodeWord) || [];
       }
       var runInContext = function runInContext2(context) {
-        context = context == null ? root : _2.defaults(root.Object(), context, _2.pick(root, contextProps));
+        context = context == null ? root : _.defaults(root.Object(), context, _.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__"];
@@ -5575,17 +5576,17 @@ var require_lodash = __commonJS({
         }
         return lodash;
       };
-      var _2 = runInContext();
+      var _ = runInContext();
       if (typeof define == "function" && typeof define.amd == "object" && define.amd) {
-        root._ = _2;
+        root._ = _;
         define(function() {
-          return _2;
+          return _;
         });
       } else if (freeModule) {
-        (freeModule.exports = _2)._ = _2;
-        freeExports._ = _2;
+        (freeModule.exports = _)._ = _;
+        freeExports._ = _;
       } else {
-        root._ = _2;
+        root._ = _;
       }
     }).call(exports);
   }
@@ -11055,7 +11056,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, _2, index) => {
+var positionValues = new Array(101).fill(0).reduce((acc, _, index) => {
   acc[index] = Math.round(index / 100 * 4) / 4;
   return acc;
 }, {});
@@ -11160,9 +11161,9 @@ init_define_process_env();
 import React15, { Fragment } from "react";
 import {
   selectConnectionQualityByPeerID,
-  selectHMSStats,
+  selectHMSStats as selectHMSStats2,
   simulcastMapping,
-  useHMSStatsStore,
+  useHMSStatsStore as useHMSStatsStore2,
   useHMSStore
 } from "@100mslive/react-sdk";
 
@@ -11226,16 +11227,54 @@ var Stats = {
   Gap
 };
 
+// src/Stats/useQoE.ts
+init_define_process_env();
+import { useRef as useRef5 } from "react";
+import { usePrevious } from "react-use";
+import { selectHMSStats, useHMSStatsStore } from "@100mslive/react-sdk";
+var EXPECTED_RESOLUTION = 1280 * 720;
+var clip = (value, min_value, max_value) => {
+  return Math.max(Math.min(value, max_value), min_value);
+};
+var useQoE = ({ videoTrackID, audioTrackID, isLocal = false }) => {
+  const audioTrackStats = useHMSStatsStore(selectHMSStats.trackStatsByID(audioTrackID));
+  const videoTrackStats = useHMSStatsStore(selectHMSStats.trackStatsByID(videoTrackID));
+  const prevVideoTrackStats = usePrevious(videoTrackStats);
+  const prevAudioTrackStats = usePrevious(audioTrackStats);
+  const prevJitterBufferDelayMs = useRef5(0);
+  if (isLocal || videoTrackID && !videoTrackStats || audioTrackID && !audioTrackStats) {
+    return;
+  }
+  const resolutionNorm = ((videoTrackStats == null ? void 0 : videoTrackStats.frameWidth) || 0) * ((videoTrackStats == null ? void 0 : videoTrackStats.frameHeight) || 0) / EXPECTED_RESOLUTION;
+  const framesDecodedInLastSec = (videoTrackStats == null ? void 0 : videoTrackStats.framesDecoded) && (prevVideoTrackStats == null ? void 0 : prevVideoTrackStats.framesDecoded) ? videoTrackStats.framesDecoded - prevVideoTrackStats.framesDecoded : 0;
+  let freezeDurationNorm = 1 - (((videoTrackStats == null ? void 0 : videoTrackStats.totalFreezesDuration) || 0) - ((prevVideoTrackStats == null ? void 0 : prevVideoTrackStats.totalFreezesDuration) || 0));
+  freezeDurationNorm = freezeDurationNorm < 0 ? 0.5 : freezeDurationNorm;
+  freezeDurationNorm = framesDecodedInLastSec === 0 ? 0 : freezeDurationNorm;
+  const fpsNorm = framesDecodedInLastSec / 30;
+  const prevJBDelay = (prevVideoTrackStats == null ? void 0 : prevVideoTrackStats.jitterBufferDelay) || 0;
+  const prevJBEmittedCount = (prevVideoTrackStats == null ? void 0 : prevVideoTrackStats.jitterBufferEmittedCount) || 0;
+  const currentJBDelay = ((videoTrackStats == null ? void 0 : videoTrackStats.jitterBufferDelay) || 0) - prevJBDelay;
+  const currentJBEmittedCount = ((videoTrackStats == null ? void 0 : videoTrackStats.jitterBufferEmittedCount) || 0) - prevJBEmittedCount;
+  const jitterBufferDelayMs = currentJBEmittedCount > 0 ? currentJBDelay * 1e3 / currentJBEmittedCount : prevJitterBufferDelayMs.current;
+  prevJitterBufferDelayMs.current = jitterBufferDelayMs;
+  const delayNorm = 1 - Math.min(1, jitterBufferDelayMs / 2e3);
+  const prevConcealedSamples = ((prevAudioTrackStats == null ? void 0 : prevAudioTrackStats.concealedSamples) || 0) - ((prevAudioTrackStats == null ? void 0 : prevAudioTrackStats.silentConcealedSamples) || 0);
+  const currentConcealedSamples = ((audioTrackStats == null ? void 0 : audioTrackStats.concealedSamples) || 0) - ((audioTrackStats == null ? void 0 : audioTrackStats.silentConcealedSamples) || 0) - prevConcealedSamples;
+  const audioConcealedNorm = 1 - currentConcealedSamples / 48e3;
+  return (5 * __pow(clip(freezeDurationNorm, 0, 1), 3) * __pow(clip(resolutionNorm, 0, 1), 0.3) * __pow(clip(fpsNorm, 0, 1), 0.2) * __pow(clip(delayNorm, 0, 1), 0.5) * __pow(clip(audioConcealedNorm, 0, 1), 2)).toFixed(2);
+};
+
 // src/Stats/Stats.tsx
 function VideoTileStats({ videoTrackID, audioTrackID, peerID, isLocal = false }) {
   var _a8, _b7, _c;
-  const audioSelector = isLocal ? selectHMSStats.localAudioTrackStatsByID : selectHMSStats.trackStatsByID;
-  const audioTrackStats = useHMSStatsStore(audioSelector(audioTrackID));
-  const localVideoTrackStats = useHMSStatsStore(selectHMSStats.localVideoTrackStatsByID(videoTrackID));
-  const remoteVideoTrackStats = useHMSStatsStore(selectHMSStats.trackStatsByID(videoTrackID));
+  const audioSelector = isLocal ? selectHMSStats2.localAudioTrackStatsByID : selectHMSStats2.trackStatsByID;
+  const audioTrackStats = useHMSStatsStore2(audioSelector(audioTrackID));
+  const localVideoTrackStats = useHMSStatsStore2(selectHMSStats2.localVideoTrackStatsByID(videoTrackID));
+  const remoteVideoTrackStats = useHMSStatsStore2(selectHMSStats2.trackStatsByID(videoTrackID));
   const videoTrackStats = isLocal ? localVideoTrackStats == null ? void 0 : localVideoTrackStats[0] : remoteVideoTrackStats;
   const downlinkScore = (_a8 = useHMSStore(selectConnectionQualityByPeerID(peerID))) == null ? void 0 : _a8.downlinkQuality;
-  const availableOutgoingBitrate = useHMSStatsStore(selectHMSStats.availablePublishBitrate);
+  const availableOutgoingBitrate = useHMSStatsStore2(selectHMSStats2.availablePublishBitrate);
+  const qoe = useQoE({ videoTrackID, audioTrackID, isLocal });
   if (!(audioTrackStats || videoTrackStats)) {
     return null;
   }
@@ -11282,7 +11321,7 @@ function VideoTileStats({ videoTrackID, audioTrackID, peerID, isLocal = false })
         value: formatBytes(stat.bitrate, "b/s")
       }
     ), /* @__PURE__ */ React15.createElement(Stats.Gap, null));
-  })) : /* @__PURE__ */ React15.createElement(Fragment, null, /* @__PURE__ */ React15.createElement(
+  })) : /* @__PURE__ */ React15.createElement(Fragment, null, /* @__PURE__ */ React15.createElement(StatsRow, { show: isNotNullish(qoe), label: "QoE", value: qoe }), /* @__PURE__ */ React15.createElement(
     StatsRow,
     {
       show: isNotNullishAndNot0(videoTrackStats == null ? void 0 : videoTrackStats.frameWidth),
@@ -11914,19 +11953,19 @@ var Collapsible = {
 
 // src/Prebuilt/App.tsx
 init_define_process_env();
-import React179, { useEffect as useEffect70, useRef as useRef28 } from "react";
+import React179, { useEffect as useEffect70, useRef as useRef29 } from "react";
 import { match as match15 } from "ts-pattern";
 import {
   HMSReactiveStore,
   HMSRoomProvider,
   selectIsConnectedToRoom as selectIsConnectedToRoom13,
-  useHMSActions as useHMSActions55,
+  useHMSActions as useHMSActions56,
   useHMSStore as useHMSStore99
 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/AppData/AppData.tsx
 init_define_process_env();
-import React23, { useEffect as useEffect5, useMemo as useMemo4, useRef as useRef6 } from "react";
+import React23, { useEffect as useEffect5, useMemo as useMemo4, useRef as useRef7 } from "react";
 import {
   HMSRoomState,
   selectFullAppData,
@@ -12263,7 +12302,7 @@ import React22 from "react";
 
 // src/Prebuilt/provider/roomLayoutProvider/hooks/useFetchRoomLayout.ts
 init_define_process_env();
-import { useCallback as useCallback5, useEffect as useEffect4, useRef as useRef5, useState as useState5 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect4, useRef as useRef6, useState as useState5 } from "react";
 
 // src/Prebuilt/provider/roomLayoutProvider/constants/index.ts
 init_define_process_env();
@@ -12345,8 +12384,8 @@ var useFetchRoomLayout = ({
   authToken = ""
 }) => {
   const [layout, setLayout] = useState5(void 0);
-  const layoutResp = useRef5();
-  const isFetchInProgress = useRef5(false);
+  const layoutResp = useRef6();
+  const isFetchInProgress = useRef6(false);
   const updateRoomLayoutForRole = useCallback5((role) => {
     var _a8;
     if (!layoutResp.current) {
@@ -12704,7 +12743,7 @@ var AppData = React23.memo(() => {
   const { elements } = useRoomLayoutConferencingScreen();
   const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
   const { isLocalVideoEnabled } = useAVToggle();
-  const sidepaneOpenedRef = useRef6(false);
+  const sidepaneOpenedRef = useRef7(false);
   const defaultMediaURL = useMemo4(() => {
     var _a9;
     const media = ((_a9 = elements == null ? void 0 : elements.virtual_background) == null ? void 0 : _a9.background_media) || [];
@@ -12912,7 +12951,7 @@ var AuthToken_default = AuthToken;
 
 // src/Prebuilt/components/ConferenceScreen.tsx
 init_define_process_env();
-import React157, { useEffect as useEffect51, useRef as useRef26, useState as useState66 } from "react";
+import React157, { useEffect as useEffect51, useRef as useRef27, useState as useState66 } from "react";
 import { v4 as uuid3 } from "uuid";
 import {
   HMSRoomState as HMSRoomState7,
@@ -13224,7 +13263,7 @@ var Sheet = {
 
 // src/Prebuilt/components/Settings/DeviceSettings.jsx
 init_define_process_env();
-import React29, { Fragment as Fragment2, useEffect as useEffect8, useRef as useRef8, useState as useState8 } from "react";
+import React29, { Fragment as Fragment2, useEffect as useEffect8, useRef as useRef9, useState as useState8 } from "react";
 import { useMedia } from "react-use";
 import {
   DeviceType,
@@ -13286,9 +13325,9 @@ var DialogDropdownTrigger = React28.forwardRef(({ title, css: css2, open, icon,
 
 // src/Prebuilt/components/hooks/useAudioOutputTest.tsx
 init_define_process_env();
-import { useEffect as useEffect7, useRef as useRef7, useState as useState7 } from "react";
+import { useEffect as useEffect7, useRef as useRef8, useState as useState7 } from "react";
 var useAudioOutputTest = ({ deviceId }) => {
-  const audioRef = useRef7(null);
+  const audioRef = useRef8(null);
   const [playing, setPlaying] = useState7(false);
   useEffect7(() => {
     if (audioRef.current && deviceId) {
@@ -13387,7 +13426,7 @@ var DeviceSelector = ({ title, devices, selection, onChange, icon, children = nu
   var _a8, _b7;
   const [open, setOpen] = useState8(false);
   const selectionBg = useDropdownSelection();
-  const ref = useRef8(null);
+  const ref = useRef9(null);
   return /* @__PURE__ */ React29.createElement(Box, { css: { mb: "$10" } }, /* @__PURE__ */ React29.createElement(Text, { css: { mb: "$4" } }, title), /* @__PURE__ */ React29.createElement(
     Flex,
     {
@@ -14112,7 +14151,7 @@ var useDropdownList = ({ name, open }) => {
 
 // src/Prebuilt/common/hooks.ts
 init_define_process_env();
-import { useCallback as useCallback8, useEffect as useEffect12, useRef as useRef9, useState as useState11 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect12, useRef as useRef10, useState as useState11 } from "react";
 import { useMedia as useMedia3 } from "react-use";
 import { JoinForm_JoinBtnType as JoinForm_JoinBtnType2 } from "@100mslive/types-prebuilt/elements/join_form";
 import {
@@ -15244,7 +15283,7 @@ var PIP = ({ content = null }) => {
 
 // src/Prebuilt/components/RoleChangeModal.jsx
 init_define_process_env();
-import React44, { forwardRef, useRef as useRef10, useState as useState16 } from "react";
+import React44, { forwardRef, useRef as useRef11, useState as useState16 } from "react";
 import { selectPeerByID, useHMSActions as useHMSActions11, useHMSStore as useHMSStore16 } from "@100mslive/react-sdk";
 import { CheckIcon as CheckIcon2, ChevronDownIcon as ChevronDownIcon3, ChevronUpIcon as ChevronUpIcon3 } from "@100mslive/react-icons";
 var PeerName = forwardRef((_a8, ref) => {
@@ -15274,7 +15313,7 @@ var RoleChangeModal = ({ peerId, onOpenChange }) => {
   const [open, setOpen] = useState16(false);
   const selectionBg = useDropdownSelection();
   const [peerNameRef, setPeerNameRef] = useState16();
-  const ref = useRef10();
+  const ref = useRef11();
   if (!peer) {
     return null;
   }
@@ -15388,7 +15427,7 @@ import { InfoIcon } from "@100mslive/react-icons";
 
 // src/Prebuilt/primitives/DialogContent.jsx
 init_define_process_env();
-import React45, { useRef as useRef11 } from "react";
+import React45, { useRef as useRef12 } from "react";
 import { CheckIcon as CheckIcon3, CloudUploadIcon, CrossIcon as CrossIcon7 } from "@100mslive/react-icons";
 var DialogContent = (_a8) => {
   var _b7 = _a8, { Icon: Icon4, title, closeable = true, children, css: css2, iconCSS = {} } = _b7, props = __objRest(_b7, ["Icon", "title", "closeable", "children", "css", "iconCSS"]);
@@ -15465,7 +15504,7 @@ var DialogSelect = (_a8) => {
 };
 var DialogInputFile = (_a8) => {
   var _b7 = _a8, { value, onChange, placeholder, disabled, type } = _b7, props = __objRest(_b7, ["value", "onChange", "placeholder", "disabled", "type"]);
-  const inputRef = useRef11();
+  const inputRef = useRef12();
   return /* @__PURE__ */ React45.createElement(
     DialogCol,
     {
@@ -15676,14 +15715,14 @@ var StartRecording_default = StartRecording;
 
 // src/Prebuilt/components/StatsForNerds.jsx
 init_define_process_env();
-import React48, { useEffect as useEffect14, useMemo as useMemo5, useRef as useRef12, useState as useState19 } from "react";
+import React48, { useEffect as useEffect14, useMemo as useMemo5, useRef as useRef13, useState as useState19 } from "react";
 import { match as match3, P as P2 } from "ts-pattern";
 import {
-  selectHMSStats as selectHMSStats2,
+  selectHMSStats as selectHMSStats3,
   selectLocalPeerID as selectLocalPeerID2,
   selectPeersMap,
   selectTracksMap as selectTracksMap2,
-  useHMSStatsStore as useHMSStatsStore2,
+  useHMSStatsStore as useHMSStatsStore3,
   useHMSStore as useHMSStore18
 } from "@100mslive/react-sdk";
 var StatsForNerds = ({ onOpenChange }) => {
@@ -15696,7 +15735,7 @@ var StatsForNerds = ({ onOpenChange }) => {
   const [selectedStat, setSelectedStat] = useState19(statsOptions[0]);
   const [showStatsOnTiles, setShowStatsOnTiles] = useSetUiSettings(UI_SETTINGS.showStatsOnTiles);
   const [open, setOpen] = useState19(false);
-  const ref = useRef12();
+  const ref = useRef13();
   const selectionBg = useDropdownSelection();
   useEffect14(() => {
     if (selectedStat.id !== "local-peer" && !tracksWithLabels.find((track) => track.id === selectedStat.id)) {
@@ -15792,7 +15831,7 @@ var useTracksWithLabel = () => {
 };
 var LocalPeerStats = () => {
   var _a8, _b7, _c, _d, _e, _f, _g, _h2, _i;
-  const stats = useHMSStatsStore2(selectHMSStats2.localPeerStats);
+  const stats = useHMSStatsStore3(selectHMSStats3.localPeerStats);
   if (!stats) {
     return null;
   }
@@ -15816,9 +15855,9 @@ var TrackStats = ({ trackID, layer, local }) => {
     {
       layer: P2.when((layer2) => !!layer2)
     },
-    () => selectHMSStats2.localVideoTrackStatsByLayer(layer)(trackID)
-  ).with({ local: P2.when((local2) => !!local2) }, () => selectHMSStats2.localAudioTrackStatsByID(trackID)).otherwise(() => selectHMSStats2.trackStatsByID(trackID));
-  const stats = useHMSStatsStore2(selector);
+    () => selectHMSStats3.localVideoTrackStatsByLayer(layer)(trackID)
+  ).with({ local: P2.when((local2) => !!local2) }, () => selectHMSStats3.localAudioTrackStatsByID(trackID)).otherwise(() => selectHMSStats3.trackStatsByID(trackID));
+  const stats = useHMSStatsStore3(selector);
   if (!stats) {
     return null;
   }
@@ -15863,15 +15902,15 @@ var formatBytes2 = (bytes, unit = "B", decimals = 2) => {
 
 // src/Prebuilt/components/MoreSettings/BulkRoleChangeModal.jsx
 init_define_process_env();
-import React49, { useCallback as useCallback11, useRef as useRef13, useState as useState20 } from "react";
+import React49, { useCallback as useCallback11, useRef as useRef14, useState as useState20 } from "react";
 import { useHMSActions as useHMSActions13 } from "@100mslive/react-sdk";
 import { AlertTriangleIcon as AlertTriangleIcon4, ChangeRoleIcon, CheckIcon as CheckIcon4 } from "@100mslive/react-icons";
 var BulkRoleChangeModal = ({ onOpenChange }) => {
   var _a8, _b7;
   const roles = useFilteredRoles();
   const hmsActions = useHMSActions13();
-  const ref = useRef13(null);
-  const roleRef = useRef13(null);
+  const ref = useRef14(null);
+  const roleRef = useRef14(null);
   const [selectedBulkRole, setBulkRole] = useState20([]);
   const [selectedRole, setRole] = useState20("");
   const [bulkRoleDialog, setBulkRoleDialog] = useState20(false);
@@ -16307,7 +16346,7 @@ var DesktopOptions = ({
 
 // src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx
 init_define_process_env();
-import React59, { useRef as useRef15, useState as useState28 } from "react";
+import React59, { useRef as useRef16, useState as useState28 } from "react";
 import { useClickAway } from "react-use";
 import { match as match5 } from "ts-pattern";
 import {
@@ -16340,7 +16379,7 @@ import {
 
 // src/Prebuilt/components/Header/StreamActions.tsx
 init_define_process_env();
-import React55, { useCallback as useCallback17, useEffect as useEffect16, useRef as useRef14, useState as useState25 } from "react";
+import React55, { useCallback as useCallback17, useEffect as useEffect16, useRef as useRef15, useState as useState25 } from "react";
 import { useMedia as useMedia6 } from "react-use";
 
 // ../hms-video-store/dist/index.js
@@ -18562,7 +18601,7 @@ var Zi = (a2, e) => {
 };
 var _a7 = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
 var nr = _a7((yc, Wa) => {
-  Wa.exports = { version: "0.12.8", 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"] };
+  Wa.exports = { version: "0.12.9-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 Na = ((e) => (e.CHAT = "chat", e))(Na || {});
@@ -18673,7 +18712,7 @@ var d = class {
 };
 d.level = xa ? 7 : 0;
 var pe = new import_ua_parser_js.UAParser();
-var _ = typeof window != "undefined";
+var N = typeof window != "undefined";
 var Xr;
 var Ce = typeof window == "undefined" && !((Xr = pe.getBrowser().name) != null && Xr.toLowerCase().includes("electron"));
 var Ba = () => !Ce;
@@ -18683,7 +18722,7 @@ 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 Va() {
-  if (_ && window) {
+  if (N && window) {
     let a2 = window.location.hostname;
     return a2 === "localhost" || a2 === "127.0.0.1" ? "LOCAL" : a2.includes("app.100ms.live") ? "HMS" : "CUSTOM";
   }
@@ -18855,7 +18894,7 @@ var sr = class {
 };
 var ss = () => {
   try {
-    _ && !localStorage && (window.localStorage = new sr());
+    N && !localStorage && (window.localStorage = new sr());
   } catch (a2) {
     d.e("Error initialising localStorage", m.GenericErrors.LocalStorageAccessDenied());
   }
@@ -18867,7 +18906,7 @@ var ne = class {
   }
   getStorage() {
     try {
-      return _ && !this.storage && (ss(), this.storage = window.localStorage), this.storage;
+      return N && !this.storage && (ss(), this.storage = window.localStorage), this.storage;
     } catch (e) {
       return d.e("Error initialising localStorage", m.GenericErrors.LocalStorageAccessDenied()), null;
     }
@@ -19083,7 +19122,7 @@ var hr = class {
     this.createObserver();
   }
   isSupported() {
-    let e = _ && typeof window.IntersectionObserver != "undefined";
+    let e = N && typeof window.IntersectionObserver != "undefined";
     return e || d.w(this.TAG, "IntersectionObserver is not supported, fallback will be used instead"), e;
   }
 };
@@ -19111,7 +19150,7 @@ var mr = class {
     this.createObserver();
   }
   isSupported() {
-    let e = _ && typeof window.ResizeObserver != "undefined";
+    let e = N && typeof window.ResizeObserver != "undefined";
     return e || d.w(this.TAG, "Resize Observer is not supported"), e;
   }
 };
@@ -19140,7 +19179,7 @@ var ho = (a2) => a2.hideLocalPeer;
 var le = createSelector([B, G, ho], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
 var mo = createSelector(D, (a2) => Object.values(a2));
 var z = createSelector(B, G, (a2, e) => e[a2.localPeer]);
-var ge = createSelector(B, (a2) => a2.localPeer);
+var Te = createSelector(B, (a2) => a2.localPeer);
 var Ih = createSelector(z, (a2) => a2 == null ? void 0 : a2.name);
 var Rh = createSelector(z, (a2) => a2 == null ? void 0 : a2.roleName);
 var te = createSelector(z, (a2) => a2 == null ? void 0 : a2.audioTrack);
@@ -19487,7 +19526,7 @@ var Um = b((a2, e) => {
     return t.layer;
   }
 });
-var ca = createSelector([St, ge, Cr], (a2, e, t) => {
+var ca = createSelector([St, Te, Cr], (a2, e, t) => {
   if (t)
     return a2.filter((i) => {
       var r;
@@ -19574,7 +19613,7 @@ var Or = class {
     i > -1 && (t.splice(i, 1), this.failedEvents.set(t));
   }
 };
-var fe = new Or();
+var ve = 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 Vi = ((n) => (n.Disconnected = "Disconnected", n.Connecting = "Connecting", n.Joined = "Joined", n.Preview = "Preview", n.Failed = "Failed", n.Reconnecting = "Reconnecting", n.Leaving = "Leaving", n))(Vi || {});
 var Qi = ((t) => (t[t.Publish = 0] = "Publish", t[t.Subscribe = 1] = "Subscribe", t))(Qi || {});
@@ -19586,36 +19625,36 @@ var Ia = (a2, e) => e;
 var nn = (a2) => a2.remoteTrackStats;
 var Ra = (a2) => a2.peerStats;
 var Fr = (a2) => a2.localTrackStats;
-var Me = createSelector([Ra, rn], (a2, e) => a2[e]);
-var cn = createSelector(Me, (a2) => {
+var ye = createSelector([Ra, rn], (a2, e) => a2[e]);
+var cn = createSelector(ye, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.packetsLost;
 });
-var dn = createSelector(Me, (a2) => {
+var dn = createSelector(ye, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.jitter;
 });
-var ln = createSelector(Me, (a2) => {
+var ln = createSelector(ye, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bitrate;
 });
-var un = createSelector(Me, (a2) => {
+var un = createSelector(ye, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bitrate;
 });
-var pn = createSelector(Me, (a2) => {
+var pn = createSelector(ye, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.availableOutgoingBitrate;
 });
-var hn = createSelector(Me, (a2) => {
+var hn = createSelector(ye, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.availableIncomingBitrate;
 });
-var mn = createSelector(Me, (a2) => {
+var mn = createSelector(ye, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bytesSent;
 });
-var Sn = createSelector(Me, (a2) => {
+var Sn = createSelector(ye, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bytesReceived;
 });
@@ -19824,7 +19863,7 @@ var LiveStatus = () => {
   const { isHLSRunning, isRTMPRunning } = useRecordingStreaming6();
   const hlsState = useHMSStore26(selectHLSState4);
   const isMobile = useMedia6(config.media.md);
-  const intervalRef = useRef14(null);
+  const intervalRef = useRef15(null);
   const { screenType } = useRoomLayoutConferencingScreen();
   const [liveTime, setLiveTime] = useState25(0);
   const startTimer = useCallback17(() => {
@@ -20240,7 +20279,7 @@ init_define_process_env();
 import { useEffect as useEffect17, useState as useState27 } from "react";
 import { HMSNotificationTypes, useHMSNotifications, useHMSStore as useHMSStore29 } from "@100mslive/react-sdk";
 var useUnreadPollQuizPresent = () => {
-  const localPeerID = useHMSStore29(ge);
+  const localPeerID = useHMSStore29(Te);
   const notification = useHMSNotifications(HMSNotificationTypes.POLL_STARTED);
   const [unreadPollQuiz, setUnreadPollQuiz] = useState27(false);
   useEffect17(() => {
@@ -20281,7 +20320,7 @@ var MwebOptions = ({
   const { showPolls } = useShowPolls();
   const togglePollView = usePollViewToggle();
   const peerCount = useHMSStore30(selectPeerCount3);
-  const emojiCardRef = useRef15(null);
+  const emojiCardRef = useRef16(null);
   const { isBRBOn, toggleBRB, isHandRaised, toggleHandRaise } = useMyMetadata();
   const { unreadPollQuiz, setUnreadPollQuiz } = useUnreadPollQuizPresent();
   const { title, description } = useRoomLayoutHeader();
@@ -22184,7 +22223,7 @@ import React101 from "react";
 
 // src/Prebuilt/components/Polls/CreatePollQuiz/PollsQuizMenu.tsx
 init_define_process_env();
-import React82, { useEffect as useEffect21, useMemo as useMemo6, useRef as useRef16, useState as useState35 } from "react";
+import React82, { useEffect as useEffect21, useMemo as useMemo6, useRef as useRef17, useState as useState35 } from "react";
 import {
   selectLocalPeerRoleName,
   selectPermissions as selectPermissions15,
@@ -22345,7 +22384,7 @@ var AddMenu = () => {
   const [titleError, setTitleError] = useState35("");
   const { setPollState } = usePollViewState();
   const [interactionType, setInteractionType] = useState35("Poll" /* POLL */);
-  const inputRef = useRef16(null);
+  const inputRef = useRef17(null);
   useEffect21(() => {
     if (inputRef.current) {
       inputRef.current.focus();
@@ -22475,7 +22514,7 @@ import { AddCircleIcon as AddCircleIcon2 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Polls/CreateQuestions/QuestionForm.tsx
 init_define_process_env();
-import React90, { useCallback as useCallback21, useRef as useRef17, useState as useState36 } from "react";
+import React90, { useCallback as useCallback21, useRef as useRef18, useState as useState36 } from "react";
 import { AddCircleIcon, TrashIcon as TrashIcon3 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Polls/CreateQuestions/DeleteQuestionModal.tsx
@@ -22769,7 +22808,7 @@ var QuestionForm = ({
   isQuiz
 }) => {
   var _a8;
-  const ref = useRef17(null);
+  const ref = useRef18(null);
   const selectionBg = useDropdownSelection();
   const [openDelete, setOpenDelete] = useState36(false);
   const [open, setOpen] = useState36(false);
@@ -23367,7 +23406,7 @@ import React98 from "react";
 
 // src/Prebuilt/components/Polls/Voting/QuestionCard.jsx
 init_define_process_env();
-import React97, { useCallback as useCallback22, useMemo as useMemo9, useRef as useRef18, useState as useState40 } from "react";
+import React97, { useCallback as useCallback22, useMemo as useMemo9, useRef as useRef19, useState as useState40 } from "react";
 import { match as match8 } from "ts-pattern";
 import { selectLocalPeer, selectLocalPeerRoleName as selectLocalPeerRoleName2, useHMSActions as useHMSActions31, useHMSStore as useHMSStore49 } from "@100mslive/react-sdk";
 import { CheckCircleIcon as CheckCircleIcon5, ChevronDownIcon as ChevronDownIcon5, CrossCircleIcon } from "@100mslive/react-icons";
@@ -23402,7 +23441,7 @@ var QuestionCard2 = ({
   const isLive = pollState === "started";
   const pollEnded = pollState === "stopped";
   const canRespond = isLive && !localPeerResponse;
-  const startTime = useRef18(Date.now());
+  const startTime = useRef19(Date.now());
   const isCorrectAnswer = checkCorrectAnswer(answer, localPeerResponse, type);
   const [singleOptionAnswer, setSingleOptionAnswer] = useState40();
   const [multipleOptionAnswer, setMultipleOptionAnswer] = useState40(/* @__PURE__ */ new Set());
@@ -23821,7 +23860,7 @@ import { CrossIcon as CrossIcon21 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/Chat.tsx
 init_define_process_env();
-import React117, { useCallback as useCallback30, useRef as useRef22 } from "react";
+import React117, { useCallback as useCallback30, useRef as useRef23 } from "react";
 import { useMedia as useMedia17 } from "react-use";
 import { match as match9 } from "ts-pattern";
 import { selectHMSMessagesCount, useHMSActions as useHMSActions40, useHMSStore as useHMSStore62, useHMSVanillaStore as useHMSVanillaStore10 } from "@100mslive/react-sdk";
@@ -23829,7 +23868,7 @@ import { ChevronDownIcon as ChevronDownIcon8 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/ChatBody.tsx
 init_define_process_env();
-import React109, { Fragment as Fragment10, useCallback as useCallback26, useEffect as useEffect26, useLayoutEffect, useMemo as useMemo10, useRef as useRef19, useState as useState46 } from "react";
+import React109, { Fragment as Fragment10, useCallback as useCallback26, useEffect as useEffect26, useLayoutEffect, useMemo as useMemo10, useRef as useRef20, useState as useState46 } from "react";
 import { useMedia as useMedia12 } from "react-use";
 import AutoSizer from "react-virtualized-auto-sizer";
 import { VariableSizeList } from "react-window";
@@ -23930,7 +23969,7 @@ var usePinnedMessages = () => {
       if (pinnedMessages[indexToRemove]) {
         yield hmsActions.sessionStore.set(
           "pinnedMessages" /* PINNED_MESSAGES */,
-          pinnedMessages.filter((_2, index) => index !== indexToRemove)
+          pinnedMessages.filter((_, index) => index !== indexToRemove)
         ).catch((err) => ToastManager.addToast({ title: err.description }));
       }
     }),
@@ -24330,7 +24369,7 @@ var ChatMessage = React109.memo(
   ({ index, style = {}, message }) => {
     var _a8, _b7, _c;
     const { elements } = useRoomLayoutConferencingScreen();
-    const rowRef = useRef19(null);
+    const rowRef = useRef20(null);
     const isMobile = useMedia12(config.media.md);
     const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.private_chat_enabled);
     const isOverlay = ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay) && isMobile;
@@ -24560,7 +24599,7 @@ var ChatBody = React109.forwardRef(
       return (messages == null ? void 0 : messages.filter((message) => message.type === "chat" && !blacklistedMessageIDSet.has(message.id))) || [];
     }, [blacklistedMessageIDs, messages]);
     const vanillaStore = useHMSVanillaStore9();
-    const rerenderOnFirstMount = useRef19(false);
+    const rerenderOnFirstMount = useRef20(false);
     useEffect26(() => {
       const unsubscribe = vanillaStore.subscribe(() => {
         if (!listRef.current) {
@@ -24607,7 +24646,7 @@ var PinnedBy = ({
 
 // src/Prebuilt/components/Chat/ChatFooter.tsx
 init_define_process_env();
-import React112, { useCallback as useCallback28, useEffect as useEffect28, useRef as useRef21, useState as useState49 } from "react";
+import React112, { useCallback as useCallback28, useEffect as useEffect28, useRef as useRef22, useState as useState49 } from "react";
 import { useMedia as useMedia15 } from "react-use";
 import data2 from "@emoji-mart/data";
 import Picker from "@emoji-mart/react";
@@ -24930,9 +24969,9 @@ var useChatDraftMessage = () => {
 
 // src/Prebuilt/components/Chat/useEmojiPickerStyles.js
 init_define_process_env();
-import { useEffect as useEffect27, useRef as useRef20 } from "react";
+import { useEffect as useEffect27, useRef as useRef21 } from "react";
 var useEmojiPickerStyles = (showing) => {
-  const ref = useRef20(null);
+  const ref = useRef21(null);
   useEffect27(() => {
     if (showing) {
       setTimeout(() => {
@@ -25009,7 +25048,7 @@ function EmojiPicker({ onSelect }) {
 var ChatFooter = ({ onSend, children }) => {
   var _a8, _b7, _c, _d;
   const hmsActions = useHMSActions38();
-  const inputRef = useRef21(null);
+  const inputRef = useRef22(null);
   const [draftMessage, setDraftMessage] = useChatDraftMessage();
   const isMobile = useMedia15(config.media.md);
   const { elements, screenType } = useRoomLayoutConferencingScreen();
@@ -25294,7 +25333,7 @@ var StickIndicator = ({ total, index }) => {
   if (total < 2) {
     return null;
   }
-  return /* @__PURE__ */ React115.createElement(Flex, { direction: "column", css: { gap: "$1" } }, [...Array(sticksCount)].map((_2, i) => /* @__PURE__ */ React115.createElement(
+  return /* @__PURE__ */ React115.createElement(Flex, { direction: "column", css: { gap: "$1" } }, [...Array(sticksCount)].map((_, i) => /* @__PURE__ */ React115.createElement(
     Box,
     {
       css: {
@@ -25426,7 +25465,7 @@ var PinnedMessage = () => {
 var Chat = () => {
   var _a8, _b7;
   const { elements } = useRoomLayoutConferencingScreen();
-  const listRef = useRef22(null);
+  const listRef = useRef23(null);
   const hmsActions = useHMSActions40();
   const vanillaStore = useHMSVanillaStore10();
   const { enabled: isChatEnabled = true } = useHMSStore62(Sm("chatState" /* CHAT_STATE */)) || {};
@@ -27095,7 +27134,7 @@ var PreviewJoin = ({
       speakerAutoSelectionBlacklist: ["Yeti Stereo Microphone"]
     },
     captureNetworkQualityInPreview: true,
-    handleError: (_2, method) => {
+    handleError: (_, method) => {
       if (method === "preview") {
         setPreviewError(true);
       }
@@ -27359,7 +27398,7 @@ import { selectLocalPeer as selectLocalPeer9, useHMSStore as useHMSStore75 } fro
 
 // src/Prebuilt/components/InsetTile.tsx
 init_define_process_env();
-import React136, { useEffect as useEffect36, useRef as useRef23 } from "react";
+import React136, { useEffect as useEffect36, useRef as useRef24 } from "react";
 import Draggable from "react-draggable";
 import { useMedia as useMedia26 } from "react-use";
 import {
@@ -27423,7 +27462,7 @@ var InsetTile = ({ peerId }) => {
     width = 240;
     height = width / aspectRatio;
   }
-  const nodeRef = useRef23(null);
+  const nodeRef = useRef24(null);
   useEffect36(() => {
     const node = nodeRef.current;
     if (!node || !window.ResizeObserver) {
@@ -27509,7 +27548,7 @@ var Pagination = ({
   if (numPages <= 1) {
     return null;
   }
-  return /* @__PURE__ */ React137.createElement(StyledPagination.Root, { css: { flexShrink: 0 } }, /* @__PURE__ */ React137.createElement(StyledPagination.Chevron, { disabled: disableLeft, onClick: prevPage }, /* @__PURE__ */ React137.createElement(ChevronLeftIcon7, { width: 16, height: 16, style: { cursor: disableLeft ? "not-allowed" : "pointer" } })), numPages <= 5 ? /* @__PURE__ */ React137.createElement(StyledPagination.Dots, null, [...Array(numPages)].map((_2, i) => /* @__PURE__ */ React137.createElement(
+  return /* @__PURE__ */ React137.createElement(StyledPagination.Root, { css: { flexShrink: 0 } }, /* @__PURE__ */ React137.createElement(StyledPagination.Chevron, { disabled: disableLeft, onClick: prevPage }, /* @__PURE__ */ React137.createElement(ChevronLeftIcon7, { width: 16, height: 16, style: { cursor: disableLeft ? "not-allowed" : "pointer" } })), numPages <= 5 ? /* @__PURE__ */ React137.createElement(StyledPagination.Dots, null, [...Array(numPages)].map((_, i) => /* @__PURE__ */ React137.createElement(
     StyledPagination.Dot,
     {
       key: i,
@@ -27616,7 +27655,7 @@ var useTileLayout = ({
       }
       const maxRows = Math.ceil(noOfTilesInPage / maxCols);
       let index = 0;
-      const matrix = new Array(maxRows).fill(null).map((_2, i) => {
+      const matrix = new Array(maxRows).fill(null).map((_, i) => {
         const numCols = Math.min(maxCols, noOfTilesInPage - i * maxCols);
         const rowElements = [];
         for (let j = 0; j < numCols; j++) {
@@ -27722,7 +27761,7 @@ import { selectLocalPeer as selectLocalPeer10, useHMSStore as useHMSStore77 } fr
 
 // src/Prebuilt/components/SecondaryTiles.tsx
 init_define_process_env();
-import React141, { useEffect as useEffect40, useRef as useRef24, useState as useState59 } from "react";
+import React141, { useEffect as useEffect40, useRef as useRef25, useState as useState59 } from "react";
 import { useMedia as useMedia29 } from "react-use";
 import { selectAppData as selectAppData9, selectSessionStore as selectSessionStore11, selectTrackByID as selectTrackByID4, useHMSStore as useHMSStore76 } from "@100mslive/react-sdk";
 
@@ -27815,7 +27854,7 @@ var SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge, hasSidebar
   const spotlightPeerId = useHMSStore76(selectSessionStore11("spotlight" /* SPOTLIGHT */));
   const activeScreensharePeerId = useHMSStore76(selectAppData9(APP_DATA.activeScreensharePeerId));
   const pinnedPeer = (_a8 = useHMSStore76(selectTrackByID4(pinnedTrackId))) == null ? void 0 : _a8.peerId;
-  const pageChangedAfterPinning = useRef24(false);
+  const pageChangedAfterPinning = useRef25(false);
   const pagesWithTiles = usePagesWithTiles({
     peers: spotlightPeerId || pinnedPeer ? [...peers].sort((p1, p2) => {
       if (activeScreensharePeerId === p1.id) {
@@ -27957,7 +27996,7 @@ import { selectPeersScreenSharing, useHMSStore as useHMSStore79 } from "@100msli
 
 // src/Prebuilt/components/ScreenshareTile.tsx
 init_define_process_env();
-import React145, { useRef as useRef25, useState as useState62 } from "react";
+import React145, { useRef as useRef26, useState as useState62 } from "react";
 import { useFullscreen as useFullscreen2, useMedia as useMedia31 } from "react-use";
 import screenfull2 from "screenfull";
 import {
@@ -28128,7 +28167,7 @@ var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
   const [isMouseHovered, setIsMouseHovered] = useState62(false);
   const isMobile = useMedia31(config.media.md);
   const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
-  const fullscreenRef = useRef25(null);
+  const fullscreenRef = useRef26(null);
   const [fullscreen, setFullscreen] = useState62(false);
   const isFullscreen = useFullscreen2(fullscreenRef, fullscreen, {
     onClose: () => setFullscreen(false)
@@ -28350,7 +28389,7 @@ var PeersSorter = class {
       this.speaker = void 0;
       this.tilesPerPage = tilesPerPage;
       const peerIds = new Set(peers.map((peer) => peer.id));
-      this.peers.forEach((_2, key) => {
+      this.peers.forEach((_, key) => {
         if (!peerIds.has(key)) {
           this.peers.delete(key);
         }
@@ -28953,7 +28992,7 @@ var useCloseScreenshareWhiteboard = () => {
 };
 
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
-var HLSView = React153.lazy(() => import("./HLSView-QBQRHXK4.js"));
+var HLSView = React153.lazy(() => import("./HLSView-VU7EAULT.js"));
 var VideoStreamingSection = ({
   screenType,
   elements,
@@ -29284,13 +29323,13 @@ var ConferenceScreen = () => {
   const [hideControls, setHideControls] = useState66(false);
   const dropdownList = useHMSStore88(selectAppData11(APP_DATA.dropdownList));
   const authTokenInAppData = useAuthToken();
-  const headerRef = useRef26(null);
-  const footerRef = useRef26(null);
+  const headerRef = useRef27(null);
+  const footerRef = useRef27(null);
   const isMobileDevice = isAndroid || isIOS || isIPadOS;
-  const dropdownListRef = useRef26();
+  const dropdownListRef = useRef27();
   const [isHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
   const showChat = !!((_a8 = screenProps.elements) == null ? void 0 : _a8.chat);
-  const autoRoomJoined = useRef26(isPreviewScreenEnabled);
+  const autoRoomJoined = useRef27(isPreviewScreenEnabled);
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeHLSStream = useLandscapeHLSStream();
   const isMwebHLSStream = isMobileHLSStream || isLandscapeHLSStream;
@@ -29960,7 +29999,7 @@ import {
   PeopleRemoveIcon as PeopleRemoveIcon4,
   PoorConnectivityIcon as PoorConnectivityIcon2
 } from "@100mslive/react-icons";
-var ChatAction = React165.forwardRef((_2, ref) => {
+var ChatAction = React165.forwardRef((_, ref) => {
   const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
   const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
   if (isChatOpen) {
@@ -30775,9 +30814,11 @@ init_define_process_env();
 import React177, { useCallback as useCallback37, useEffect as useEffect68, useMemo as useMemo21, useState as useState74 } from "react";
 import { useMedia as useMedia39 } from "react-use";
 import {
+  selectIsLargeRoom as selectIsLargeRoom4,
   selectLocalPeerID as selectLocalPeerID17,
   selectPeerNameByID as selectPeerNameByID7,
   useCustomEvent as useCustomEvent5,
+  useHMSActions as useHMSActions53,
   useHMSStore as useHMSStore97,
   useHMSVanillaStore as useHMSVanillaStore17
 } from "@100mslive/react-sdk";
@@ -30807,15 +30848,21 @@ var getStartingPoints = (isMobile) => {
 function FlyingEmoji() {
   const localPeerId = useHMSStore97(selectLocalPeerID17);
   const vanillaStore = useHMSVanillaStore17();
+  const hmsActions = useHMSActions53();
   const [emojis, setEmojis] = useState74([]);
   const isMobile = useMedia39(config.media.md);
+  const isLargeRoom = useHMSStore97(selectIsLargeRoom4);
   const startingPoints = useMemo21(() => getStartingPoints(isMobile), [isMobile]);
   const showFlyingEmoji = useCallback37(
-    ({ emojiId, senderId }) => {
+    (_0) => __async(this, [_0], function* ({ emojiId, senderId }) {
       if (!emojiId || !senderId || document.hidden) {
         return;
       }
-      const senderPeerName = vanillaStore.getState(selectPeerNameByID7(senderId));
+      let senderPeerName = vanillaStore.getState(selectPeerNameByID7(senderId));
+      if (!senderPeerName && isLargeRoom) {
+        const sender = yield hmsActions.getPeer(senderId);
+        senderPeerName = sender == null ? void 0 : sender.name;
+      }
       const nameToShow = localPeerId === senderId ? "You" : senderPeerName;
       const startingPoint = startingPoints[emojiCount % startingPoints.length];
       const id = emojiCount++;
@@ -30831,8 +30878,8 @@ function FlyingEmoji() {
           }
         ];
       });
-    },
-    [localPeerId, vanillaStore, startingPoints]
+    }),
+    [vanillaStore, isLargeRoom, localPeerId, startingPoints, hmsActions]
   );
   useCustomEvent5({
     type: EMOJI_REACTION_TYPE,
@@ -30874,7 +30921,7 @@ function FlyingEmoji() {
           }
         },
         /* @__PURE__ */ React177.createElement(Box, null, /* @__PURE__ */ React177.createElement("em-emoji", { id: emoji.emojiId, size: "48px", set: "apple" })),
-        /* @__PURE__ */ React177.createElement(
+        emoji.senderName ? /* @__PURE__ */ React177.createElement(
           Box,
           {
             css: {
@@ -30895,7 +30942,7 @@ function FlyingEmoji() {
             },
             emoji.senderName
           )
-        )
+        ) : ""
       );
     })
   );
@@ -30904,9 +30951,9 @@ function FlyingEmoji() {
 // src/Prebuilt/plugins/RemoteStopScreenshare.jsx
 init_define_process_env();
 import React178, { useCallback as useCallback38 } from "react";
-import { useCustomEvent as useCustomEvent6, useHMSActions as useHMSActions53 } from "@100mslive/react-sdk";
+import { useCustomEvent as useCustomEvent6, useHMSActions as useHMSActions54 } from "@100mslive/react-sdk";
 function RemoteStopScreenshare() {
-  const actions = useHMSActions53();
+  const actions = useHMSActions54();
   const onRemoteStopScreenshare = useCallback38(() => __async(this, null, function* () {
     yield actions.setScreenShareEnabled(false);
   }), [actions]);
@@ -30919,11 +30966,11 @@ function RemoteStopScreenshare() {
 
 // src/Prebuilt/components/hooks/useAutoStartStreaming.tsx
 init_define_process_env();
-import { useCallback as useCallback39, useEffect as useEffect69, useRef as useRef27 } from "react";
+import { useCallback as useCallback39, useEffect as useEffect69, useRef as useRef28 } from "react";
 import {
   selectIsConnectedToRoom as selectIsConnectedToRoom12,
   selectPermissions as selectPermissions20,
-  useHMSActions as useHMSActions54,
+  useHMSActions as useHMSActions55,
   useHMSStore as useHMSStore98,
   useRecordingStreaming as useRecordingStreaming12
 } from "@100mslive/react-sdk";
@@ -30931,10 +30978,10 @@ var useAutoStartStreaming = () => {
   const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
   const permissions = useHMSStore98(selectPermissions20);
   const showStreamingUI = useShowStreamingUI();
-  const hmsActions = useHMSActions54();
+  const hmsActions = useHMSActions55();
   const isConnected = useHMSStore98(selectIsConnectedToRoom12);
   const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = useRecordingStreaming12();
-  const streamStartedRef = useRef27(false);
+  const streamStartedRef = useRef28(false);
   const startHLS = useCallback39(() => __async(void 0, null, function* () {
     try {
       if (isHLSStarted || !showStreamingUI || isHLSRunning || isRTMPRunning || isHLSRecordingOn || isBrowserRecordingOn) {
@@ -30986,7 +31033,7 @@ var HMSPrebuilt = React179.forwardRef(
     onJoin
   }, ref) => {
     var _a8, _b7, _c, _d;
-    const reactiveStore = useRef28();
+    const reactiveStore = useRef29();
     const [hydrated, setHydrated] = React179.useState(false);
     useEffect70(() => {
       setHydrated(true);
@@ -31122,7 +31169,7 @@ var AppStates = ({ activeState }) => {
 };
 var BackSwipe = () => {
   const isConnectedToRoom = useHMSStore99(selectIsConnectedToRoom13);
-  const hmsActions = useHMSActions55();
+  const hmsActions = useHMSActions56();
   useEffect70(() => {
     const onRouteLeave = () => __async(void 0, null, function* () {
       if (isConnectedToRoom) {
@@ -31298,4 +31345,4 @@ lodash/lodash.js:
    * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
    *)
 */
-//# sourceMappingURL=chunk-GTJZFIWX.js.map
+//# sourceMappingURL=chunk-G5EI4B2P.js.map