@100mslive/roomkit-react 0.3.17-alpha.0 → 0.3.17-alpha.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/dist/{HLSView-WZULAPSG.js → HLSView-DRQ5LA2D.js} +2 -2
  2. package/dist/{HLSView-2B7JRVYF.css → HLSView-XS66ENNF.css} +3 -3
  3. package/dist/{HLSView-2B7JRVYF.css.map → HLSView-XS66ENNF.css.map} +1 -1
  4. package/dist/{chunk-5GS4O2BK.js → chunk-UBM3HDE3.js} +69 -81
  5. package/dist/chunk-UBM3HDE3.js.map +7 -0
  6. package/dist/index.cjs.css +2 -2
  7. package/dist/index.cjs.css.map +1 -1
  8. package/dist/index.cjs.js +73 -91
  9. package/dist/index.cjs.js.map +4 -4
  10. package/dist/index.css +2 -2
  11. package/dist/index.css.map +1 -1
  12. package/dist/index.js +1 -1
  13. package/dist/meta.cjs.json +26 -40
  14. package/dist/meta.esbuild.json +36 -50
  15. package/package.json +8 -8
  16. package/src/Prebuilt/components/AppData/AppData.tsx +2 -1
  17. package/src/Prebuilt/components/Preview/PreviewJoin.tsx +10 -13
  18. package/src/Prebuilt/components/ScreenShareToggle.jsx +12 -1
  19. package/src/Prebuilt/components/VirtualBackground/VBPicker.tsx +1 -4
  20. package/dist/Prebuilt/components/VirtualBackground/constants.d.ts +0 -1
  21. package/dist/chunk-5GS4O2BK.js.map +0 -7
  22. package/src/Prebuilt/components/VirtualBackground/constants.ts +0 -14
  23. /package/dist/{HLSView-WZULAPSG.js.map → HLSView-DRQ5LA2D.js.map} +0 -0
package/dist/index.cjs.js CHANGED
@@ -109,7 +109,7 @@ var __async = (__this, __arguments, generator) => {
109
109
  var define_process_env_default;
110
110
  var init_define_process_env = __esm({
111
111
  "<define:process.env>"() {
112
- define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_3fde6f1d-4a6f-47cc-8ee1-895cfa4d0b22", 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.7-alpha.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.4 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.10.17-alpha.0", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_3fde6f1d-4a6f-47cc-8ee1-895cfa4d0b22", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.4/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.13.17-alpha.0", 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.9", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.9", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/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: "602", 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.12/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240714.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.5/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:19511", 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.17-alpha.0", 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: "10074627178", 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: "3fff3238f614b199bfd20704192c64d3a800c001", 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: "e6e3d5ff9e96f688209dbc239ab3a8fc1ed77170517797619066f352e17c41a5", 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--1721815582776-0.9950516136852274:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1721815582567-0.23279307288631967:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1721815557214-0.11232493176740999:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1721815557029-0.7901628014964999:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin:/snap/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/18.20.4/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_9b06aa99-5b30-4109-8e8f-e3485a18e0b5", INVOCATION_ID: "54d3824b0129437baa41caf17ce97b81", 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: "617", GITHUB_TRIGGERING_ACTOR: "github-actions[bot]", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_dependencies_react_dom: "^18.2.0", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 171", 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.17-alpha.0", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.17-alpha.0", 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: "3fff3238f614b199bfd20704192c64d3a800c001", 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_3fde6f1d-4a6f-47cc-8ee1-895cfa4d0b22", 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_3fde6f1d-4a6f-47cc-8ee1-895cfa4d0b22", 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.181+6/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies_knip: "^5.11.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_3fde6f1d-4a6f-47cc-8ee1-895cfa4d0b22" };
112
+ define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_48ea7de6-a087-4e8c-b2e8-f1411a2373eb", 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.7-alpha.2", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.20.4 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.10.17-alpha.2", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_48ea7de6-a087-4e8c-b2e8-f1411a2373eb", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.4/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.13.17-alpha.2", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.11", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.9", 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: "591", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_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.12/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240721.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.5/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:18870", 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.17-alpha.2", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", STATS_D: "false", GITHUB_RUN_ID: "10160065200", 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: "4eac5aec26328f724b6b1a7c9d7df52ed701e193", 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: "73f6dd085fb0b36d5ff9ad4b919f86a2b508012b6e85528e4ba4b26fbb227564", 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--1722332907389-0.950546307253586:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1722332907173-0.5892400736054275:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1722332877817-0.38109870340778995:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1722332877615-0.4848152856065213:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin:/snap/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/18.20.4/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_606a117c-da89-4f00-a48d-a604ba2cb741", INVOCATION_ID: "17909a63c321492e8184d25c2eeef284", 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: "619", GITHUB_TRIGGERING_ACTOR: "github-actions[bot]", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_dependencies_react_dom: "^18.2.0", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 158", 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.17-alpha.2", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.17-alpha.2", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_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: "4eac5aec26328f724b6b1a7c9d7df52ed701e193", 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_48ea7de6-a087-4e8c-b2e8-f1411a2373eb", 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_48ea7de6-a087-4e8c-b2e8-f1411a2373eb", 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.181+6/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies_knip: "^5.11.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_48ea7de6-a087-4e8c-b2e8-f1411a2373eb" };
113
113
  }
114
114
  });
115
115
 
@@ -10151,13 +10151,15 @@ var init_AppData = __esm({
10151
10151
  });
10152
10152
  }, [hmsActions]);
10153
10153
  (0, import_react35.useEffect)(() => {
10154
+ var _a8, _b8;
10154
10155
  const uiSettings = preferences || {};
10155
10156
  const updatedSettings = __spreadProps(__spreadValues({}, uiSettings), {
10156
10157
  [UI_SETTINGS.isAudioOnly]: void 0,
10157
- [UI_SETTINGS.uiViewMode]: uiSettings.uiViewMode || UI_MODE_GRID
10158
+ [UI_SETTINGS.uiViewMode]: uiSettings.uiViewMode || UI_MODE_GRID,
10159
+ [UI_SETTINGS.maxTileCount]: ((_b8 = (_a8 = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _a8.grid) == null ? void 0 : _b8.tiles_in_view) || 9
10158
10160
  });
10159
10161
  hmsActions.setAppData(APP_DATA.uiSettings, updatedSettings, true);
10160
- }, [preferences, hmsActions]);
10162
+ }, [preferences, hmsActions, elements == null ? void 0 : elements.video_tile_layout]);
10161
10163
  (0, import_react35.useEffect)(() => {
10162
10164
  if (!preferences.subscribedNotifications) {
10163
10165
  return;
@@ -21284,7 +21286,7 @@ function pt(a2) {
21284
21286
  function eo(a2) {
21285
21287
  return a2 && a2.source === "screen";
21286
21288
  }
21287
- function ii(a2) {
21289
+ function ri(a2) {
21288
21290
  return a2 && a2.source === "audioplaylist";
21289
21291
  }
21290
21292
  function ht(a2) {
@@ -21311,7 +21313,7 @@ function so() {
21311
21313
  function oe(a2) {
21312
21314
  return a2 != null;
21313
21315
  }
21314
- function Tt(a2 = "prod", e) {
21316
+ function ft(a2 = "prod", e) {
21315
21317
  let t = "web", i = Qe !== "LOCAL" && a2 === "prod" ? "prod" : "debug";
21316
21318
  if (Ue)
21317
21319
  return ks({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version: ys, env: i, domain: Qe, is_prebuilt: !!(e != null && e.isPrebuilt), framework: "node", framework_version: process.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
@@ -21321,7 +21323,7 @@ function Tt(a2 = "prod", e) {
21321
21323
  function yr(a2) {
21322
21324
  return a2.replace(/ /g, "_");
21323
21325
  }
21324
- function ai(a2, e = 300) {
21326
+ function oi(a2, e = 300) {
21325
21327
  let t;
21326
21328
  return function(...i) {
21327
21329
  clearTimeout(t), t = void 0;
@@ -21340,7 +21342,7 @@ function Bm(a2) {
21340
21342
  return a2 ? e.sessionStore[a2] : e.sessionStore;
21341
21343
  };
21342
21344
  }
21343
- var import_ua_parser_js, import_lodash3, import_uuid3, import_uuid4, import_lodash4, import_uuid5, import_uuid6, import_uuid7, import_eventemitter2, import_eventemitter22, import_uuid8, import_eventemitter23, $t, import_eventemitter24, import_uuid9, import_uuid10, ja, Ja, Qa, Zt, as, os, ss, m, M, mr, Xa, Mr, Sr, Za, ns, gr, cs, us, to, d, ge, O, ps, Ue, ro, ic, hs, ms, gs, Ts, Qe, k, f, ao, S, vr, fs, le, vs, ys, ks, H, y, kr, Q, Pr, Er, Ar, Rs, As, Is, Hs, Cs, Ir, Ls, Hr, Ns, Cr, Os, Lr, Dr, Bs, Vs, kt, rt, B, Ho, Kh, qh, K, Ti, Qs, N, Fr, Co, _e, Qh, Lo, me, Do, te, ye, zh, Yh, ae, Y, wo, Ys, Xh, Zh, Wr, _o, tm, im, rm, sm, am, om, nm, cm, Rt, No, dm, ie, Zs, lm, um, Se, pm, at, Oo, ea, hm, ta, mm, Sm, gm, Tm, fm, vm, Mm, ym, km, ia, Rm, xo, Am, sa, $r, aa, oa, na, ca, da, la, ua, pa, At, b, Kr, It, ha, Uo, Bo, q, qr, Vo, Fo, Go, Wo, $o, X, Um, Fm, Gm, fi, ma, Wm, $m, Km, Ko, qo, jm, Sa, Jm, jo, Qm, zm, Ym, Xm, Zm, eS, ga, Ta, iS, rS, fa, sS, aS, va, oS, nS, cS, Ma, ya, Jo, Qo, zo, dS, lS, uS, pS, hS, ka, bS, Yo, RS, AS, IS, Zo, en, sn, Yr, Pe, j, tr, lr, Pn, En, bn, Rn, Ka, An, qa, is, be, In, Hn, Cn, Ln, Dn, wn, _n, Nn, On, xn, rs, Un, Bn, Vn, Fn, Gn, Wn;
21345
+ var import_ua_parser_js, import_lodash3, import_uuid3, import_uuid4, import_lodash4, import_uuid5, import_uuid6, import_uuid7, import_eventemitter2, import_eventemitter22, import_uuid8, import_eventemitter23, Kt, import_eventemitter24, import_uuid9, import_uuid10, ja, Ja, Qa, ei, as, os, ss, m, M, Sr, Xa, Mr, gr, Za, ns, Tr, cs, us, to, d, ge, O, ps, Ue, ro, ic, hs, ms, gs, Ts, Qe, k, f, ao, S, vr, fs, le, vs, ys, ks, H, y, kr, Q, Pr, Er, Ar, Rs, As, Is, Hs, Cs, Ir, Ls, Hr, Ns, Cr, Os, Lr, Dr, Bs, Vs, Pt, rt, B, Ho, Kh, qh, K, fi, Qs, N, Fr, Co, _e, Qh, Lo, me, Do, te, ye, zh, Yh, ae, Y, wo, Ys, Xh, Zh, Wr, _o, tm, im, rm, sm, am, om, nm, cm, At, No, dm, ie, Zs, lm, um, Se, pm, at, Oo, ea, hm, ta, mm, Sm, gm, Tm, fm, vm, Mm, ym, km, ia, Rm, xo, Am, sa, $r, aa, oa, na, ca, da, la, ua, pa, It, b, Kr, Ht, ha, Uo, Bo, q, qr, Vo, Fo, Go, Wo, $o, X, Um, Fm, Gm, vi, ma, Wm, $m, Km, Ko, qo, jm, Sa, Jm, jo, Qm, zm, Ym, Xm, Zm, eS, ga, Ta, iS, rS, fa, sS, aS, va, oS, nS, cS, Ma, ya, Jo, Qo, zo, dS, lS, uS, pS, hS, ka, bS, Yo, RS, AS, IS, Zo, en, sn, Yr, Pe, j, ir, ur, Pn, En, bn, Rn, Ka, An, qa, is, be, In, Hn, Cn, Ln, Dn, wn, _n, Nn, On, xn, rs, Un, Bn, Vn, Fn, Gn, Wn;
21344
21346
  var init_dist = __esm({
21345
21347
  "../hms-video-store/dist/index.js"() {
21346
21348
  "use strict";
@@ -21363,7 +21365,7 @@ var init_dist = __esm({
21363
21365
  import_eventemitter22 = require("eventemitter2");
21364
21366
  import_uuid8 = require("uuid");
21365
21367
  import_eventemitter23 = require("eventemitter2");
21366
- $t = __toESM(require_lib());
21368
+ Kt = __toESM(require_lib());
21367
21369
  import_eventemitter24 = __toESM(require("eventemitter2"));
21368
21370
  import_uuid9 = require("uuid");
21369
21371
  import_uuid10 = require("uuid");
@@ -21371,36 +21373,36 @@ var init_dist = __esm({
21371
21373
  ja = Object.defineProperty;
21372
21374
  Ja = Object.defineProperties;
21373
21375
  Qa = Object.getOwnPropertyDescriptors;
21374
- Zt = Object.getOwnPropertySymbols;
21376
+ ei = Object.getOwnPropertySymbols;
21375
21377
  as = Object.prototype.hasOwnProperty;
21376
21378
  os = Object.prototype.propertyIsEnumerable;
21377
21379
  ss = (a2, e, t) => e in a2 ? ja(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
21378
21380
  m = (a2, e) => {
21379
21381
  for (var t in e || (e = {}))
21380
21382
  as.call(e, t) && ss(a2, t, e[t]);
21381
- if (Zt)
21382
- for (var t of Zt(e))
21383
+ if (ei)
21384
+ for (var t of ei(e))
21383
21385
  os.call(e, t) && ss(a2, t, e[t]);
21384
21386
  return a2;
21385
21387
  };
21386
21388
  M = (a2, e) => Ja(a2, Qa(e));
21387
- mr = (a2, e) => {
21389
+ Sr = (a2, e) => {
21388
21390
  var t = {};
21389
21391
  for (var i in a2)
21390
21392
  as.call(a2, i) && e.indexOf(i) < 0 && (t[i] = a2[i]);
21391
- if (a2 != null && Zt)
21392
- for (var i of Zt(a2))
21393
+ if (a2 != null && ei)
21394
+ for (var i of ei(a2))
21393
21395
  e.indexOf(i) < 0 && os.call(a2, i) && (t[i] = a2[i]);
21394
21396
  return t;
21395
21397
  };
21396
21398
  Xa = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
21397
21399
  Mr = Xa((Fc, no) => {
21398
- no.exports = { version: "0.12.17-alpha.0", 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"] };
21400
+ no.exports = { version: "0.12.17-alpha.2", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "src"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, sideEffects: false, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", "lodash.isequal": "^4.5.0", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/lodash.isequal": "^4.5.8", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
21399
21401
  });
21400
- Sr = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(Sr || {});
21402
+ gr = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(gr || {});
21401
21403
  Za = ((e) => (e.CHAT = "chat", e))(Za || {});
21402
21404
  ns = ((t) => (t.INFO = "info", t.ERROR = "error", t))(ns || {});
21403
- gr = ((D) => (D.PEER_JOINED = "PEER_JOINED", D.PEER_LEFT = "PEER_LEFT", D.PEER_LIST = "PEER_LIST", D.NEW_MESSAGE = "NEW_MESSAGE", D.ERROR = "ERROR", D.RECONNECTING = "RECONNECTING", D.RECONNECTED = "RECONNECTED", D.TRACK_ADDED = "TRACK_ADDED", D.TRACK_REMOVED = "TRACK_REMOVED", D.TRACK_MUTED = "TRACK_MUTED", D.TRACK_UNMUTED = "TRACK_UNMUTED", D.TRACK_DEGRADED = "TRACK_DEGRADED", D.TRACK_RESTORED = "TRACK_RESTORED", D.TRACK_DESCRIPTION_CHANGED = "TRACK_DESCRIPTION_CHANGED", D.ROLE_UPDATED = "ROLE_UPDATED", D.CHANGE_TRACK_STATE_REQUEST = "CHANGE_TRACK_STATE_REQUEST", D.CHANGE_MULTI_TRACK_STATE_REQUEST = "CHANGE_MULTI_TRACK_STATE_REQUEST", D.ROOM_ENDED = "ROOM_ENDED", D.REMOVED_FROM_ROOM = "REMOVED_FROM_ROOM", D.DEVICE_CHANGE_UPDATE = "DEVICE_CHANGE_UPDATE", D.PLAYLIST_TRACK_ENDED = "PLAYLIST_TRACK_ENDED", D.NAME_UPDATED = "NAME_UPDATED", D.METADATA_UPDATED = "METADATA_UPDATED", D.POLL_CREATED = "POLL_CREATED", D.POLL_STARTED = "POLL_STARTED", D.POLL_STOPPED = "POLL_STOPPED", D.POLL_VOTES_UPDATED = "POLL_VOTES_UPDATED", D.POLLS_LIST = "POLLS_LIST", D.HAND_RAISE_CHANGED = "HAND_RAISE_CHANGED", D.TRANSCRIPTION_STATE_UPDATED = "TRANSCRIPTION_STATE_UPDATED", D))(gr || {});
21405
+ 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.TRANSCRIPTION_STATE_UPDATED = "TRANSCRIPTION_STATE_UPDATED", D))(Tr || {});
21404
21406
  cs = ((t) => (t.audio = "audio", t.video = "video", t))(cs || {});
21405
21407
  us = ((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))(us || {});
21406
21408
  to = typeof window != "undefined" && typeof window.expect != "undefined";
@@ -21683,7 +21685,7 @@ var init_dist = __esm({
21683
21685
  ks = (a2, e = ",") => Object.keys(a2).filter((t) => oe(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
21684
21686
  H = class {
21685
21687
  constructor({ name: e, level: t, properties: i, includesPII: r, timestamp: s }) {
21686
- this.metadata = { peer: {}, userAgent: Tt() };
21688
+ this.metadata = { peer: {}, userAgent: ft() };
21687
21689
  this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = (0, import_uuid3.v4)(), this.device_id = vs();
21688
21690
  }
21689
21691
  toSignalParams() {
@@ -21700,12 +21702,12 @@ var init_dist = __esm({
21700
21702
  return new H({ name: i, level: r, properties: s });
21701
21703
  }
21702
21704
  static preview(i) {
21703
- var r = i, { error: e } = r, t = mr(r, ["error"]);
21705
+ var r = i, { error: e } = r, t = Sr(r, ["error"]);
21704
21706
  let s = this.eventNameFor("preview", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(t, e);
21705
21707
  return new H({ name: s, level: o, properties: n });
21706
21708
  }
21707
21709
  static join(i) {
21708
- var r = i, { error: e } = r, t = mr(r, ["error"]);
21710
+ var r = i, { error: e } = r, t = Sr(r, ["error"]);
21709
21711
  let s = this.eventNameFor("join", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(M(m({}, t), { is_preview_called: !!t.is_preview_called }), e);
21710
21712
  return new H({ name: s, level: o, properties: n });
21711
21713
  }
@@ -21873,7 +21875,7 @@ var init_dist = __esm({
21873
21875
  (t = this.resizeObserver) == null || t.unobserve(e), this.listeners.delete(e);
21874
21876
  };
21875
21877
  this.createObserver = () => {
21876
- this.isSupported() && !this.resizeObserver && (this.resizeObserver = new ResizeObserver(ai(this.handleResize, 300)));
21878
+ this.isSupported() && !this.resizeObserver && (this.resizeObserver = new ResizeObserver(oi(this.handleResize, 300)));
21877
21879
  };
21878
21880
  this.handleResize = (e) => {
21879
21881
  var t;
@@ -21892,7 +21894,7 @@ var init_dist = __esm({
21892
21894
  Dr = ((t) => (t["2D"] = "2d", t.WEBGL = "webgl", t.WEBGL2 = "webgl2", t))(Dr || {});
21893
21895
  Bs = "https://event.100ms.live/v2/client/report";
21894
21896
  Vs = "https://event-nonprod.100ms.live/v2/client/report";
21895
- kt = Math.pow(2, 31) - 1;
21897
+ Pt = Math.pow(2, 31) - 1;
21896
21898
  rt = class {
21897
21899
  };
21898
21900
  rt.makePeerId = () => (0, import_uuid7.v4)();
@@ -21901,7 +21903,7 @@ var init_dist = __esm({
21901
21903
  Kh = createSelector(Ho, (a2) => a2.length === 0 ? null : a2.at(-1));
21902
21904
  qh = createSelector(B, (a2) => a2.id);
21903
21905
  K = (a2) => a2.peers;
21904
- Ti = (a2) => a2.messages.byID;
21906
+ fi = (a2) => a2.messages.byID;
21905
21907
  Qs = (a2) => a2.messages.allIDs;
21906
21908
  N = (a2) => a2.tracks;
21907
21909
  Fr = (a2) => a2.appData;
@@ -21976,20 +21978,20 @@ var init_dist = __esm({
21976
21978
  am = createSelector(K, N, (a2, e) => {
21977
21979
  for (let t in e) {
21978
21980
  let i = e[t];
21979
- if (ii(i) && i.peerId)
21981
+ if (ri(i) && i.peerId)
21980
21982
  return a2[i.peerId];
21981
21983
  }
21982
21984
  });
21983
21985
  om = createSelector(Do, (a2) => a2.filter(ds));
21984
21986
  nm = createSelector(Qs, (a2) => a2.length);
21985
- cm = createSelector(Ti, (a2) => Object.values(a2).filter((e) => !e.read).length);
21986
- Rt = createSelector(Qs, Ti, (a2, e) => {
21987
+ cm = createSelector(fi, (a2) => Object.values(a2).filter((e) => !e.read).length);
21988
+ At = createSelector(Qs, fi, (a2, e) => {
21987
21989
  let t = [];
21988
21990
  return a2.forEach((i) => {
21989
21991
  t.push(e[i]);
21990
21992
  }), t;
21991
21993
  });
21992
- No = createSelector(Rt, (a2) => a2.filter((e) => {
21994
+ No = createSelector(At, (a2) => a2.filter((e) => {
21993
21995
  var t;
21994
21996
  return !e.recipientPeer && !(e.recipientRoles && ((t = e.recipientRoles) == null ? void 0 : t.length) > 0);
21995
21997
  }));
@@ -22037,7 +22039,7 @@ var init_dist = __esm({
22037
22039
  });
22038
22040
  ua = { selection: $r("audio"), progress: aa("audio"), currentTime: oa("audio"), playbackRate: na("audio"), volume: ca("audio"), list: da("audio"), selectedItem: la("audio") };
22039
22041
  pa = { selection: $r("video"), progress: aa("video"), currentTime: oa("video"), playbackRate: na("video"), volume: ca("video"), list: da("video"), selectedItem: la("video") };
22040
- At = "HMS-Store:";
22042
+ It = "HMS-Store:";
22041
22043
  b = class {
22042
22044
  static v(e, ...t) {
22043
22045
  this.log(0, e, ...t);
@@ -22067,23 +22069,23 @@ var init_dist = __esm({
22067
22069
  if (!(this.level.valueOf() > e.valueOf()))
22068
22070
  switch (e) {
22069
22071
  case 0: {
22070
- console.log(At, ...t);
22072
+ console.log(It, ...t);
22071
22073
  break;
22072
22074
  }
22073
22075
  case 1: {
22074
- console.debug(At, ...t);
22076
+ console.debug(It, ...t);
22075
22077
  break;
22076
22078
  }
22077
22079
  case 2: {
22078
- console.info(At, ...t);
22080
+ console.info(It, ...t);
22079
22081
  break;
22080
22082
  }
22081
22083
  case 3: {
22082
- console.warn(At, ...t);
22084
+ console.warn(It, ...t);
22083
22085
  break;
22084
22086
  }
22085
22087
  case 6: {
22086
- console.error(At, ...t);
22088
+ console.error(It, ...t);
22087
22089
  break;
22088
22090
  }
22089
22091
  case 4: {
@@ -22105,31 +22107,31 @@ var init_dist = __esm({
22105
22107
  };
22106
22108
  b.level = 0;
22107
22109
  Kr = (a2, e) => e;
22108
- It = (a2, e) => e;
22110
+ Ht = (a2, e) => e;
22109
22111
  ha = (a2, e) => e;
22110
22112
  Uo = (a2, e) => e;
22111
22113
  Bo = (a2, e) => e;
22112
22114
  q = createSelector([K, Kr], (a2, e) => e ? a2[e] : null);
22113
- qr = createSelector([N, It], (a2, e) => e ? a2[e] : null);
22114
- Vo = createSelector([N, It], (a2, e) => {
22115
+ qr = createSelector([N, Ht], (a2, e) => e ? a2[e] : null);
22116
+ Vo = createSelector([N, Ht], (a2, e) => {
22115
22117
  if (!e)
22116
22118
  return null;
22117
22119
  let t = a2[e];
22118
22120
  return (t == null ? void 0 : t.type) === "video" ? t : null;
22119
22121
  });
22120
- Fo = createSelector([N, It], (a2, e) => {
22122
+ Fo = createSelector([N, Ht], (a2, e) => {
22121
22123
  if (!e)
22122
22124
  return null;
22123
22125
  let t = a2[e];
22124
22126
  return (t == null ? void 0 : t.type) === "audio" ? t : null;
22125
22127
  });
22126
- Go = createSelector([N, It], (a2, e) => {
22128
+ Go = createSelector([N, Ht], (a2, e) => {
22127
22129
  if (!e)
22128
22130
  return null;
22129
22131
  let t = a2[e];
22130
22132
  return (t == null ? void 0 : t.type) === "audio" && (t == null ? void 0 : t.source) === "screen" ? t : null;
22131
22133
  });
22132
- Wo = createSelector([N, It], (a2, e) => {
22134
+ Wo = createSelector([N, Ht], (a2, e) => {
22133
22135
  if (!e)
22134
22136
  return null;
22135
22137
  let t = a2[e];
@@ -22143,7 +22145,7 @@ var init_dist = __esm({
22143
22145
  }));
22144
22146
  Fm = I(createSelector(q, (a2) => a2 == null ? void 0 : a2.name));
22145
22147
  Gm = I(createSelector(q, (a2) => a2 == null ? void 0 : a2.type));
22146
- fi = I(qr);
22148
+ vi = I(qr);
22147
22149
  ma = I(Vo);
22148
22150
  Wm = I(Fo);
22149
22151
  $m = I(Go);
@@ -22197,7 +22199,7 @@ var init_dist = __esm({
22197
22199
  eS = I(createSelector(N, q, (a2, e) => {
22198
22200
  let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
22199
22201
  let r = a2[i];
22200
- return ii(r) && ut(r);
22202
+ return ri(r) && ut(r);
22201
22203
  });
22202
22204
  return t ? a2[t] : void 0;
22203
22205
  }));
@@ -22251,21 +22253,21 @@ var init_dist = __esm({
22251
22253
  return t.layer;
22252
22254
  }
22253
22255
  });
22254
- Ma = createSelector([Rt, ye, Kr], (a2, e, t) => {
22256
+ Ma = createSelector([At, ye, Kr], (a2, e, t) => {
22255
22257
  if (t)
22256
22258
  return a2.filter((i) => {
22257
22259
  var r;
22258
22260
  return !i.recipientPeer && !((r = i.recipientRoles) != null && r.length) || i.sender && ![e, t].includes(i.sender) ? false : [e, t].includes(i.recipientPeer);
22259
22261
  });
22260
22262
  });
22261
- ya = createSelector([Rt, ha], (a2, e) => {
22263
+ ya = createSelector([At, ha], (a2, e) => {
22262
22264
  if (e)
22263
22265
  return a2.filter((t) => {
22264
22266
  var i, r;
22265
22267
  return (i = t.recipientRoles) != null && i.length ? (r = t.recipientRoles) == null ? void 0 : r.includes(e) : false;
22266
22268
  });
22267
22269
  });
22268
- Jo = createSelector(Rt, (a2) => a2.filter((e) => {
22270
+ Jo = createSelector(At, (a2) => a2.filter((e) => {
22269
22271
  var t;
22270
22272
  return !e.recipientPeer && !((t = e.recipientRoles) != null && t.length);
22271
22273
  }));
@@ -22341,8 +22343,8 @@ var init_dist = __esm({
22341
22343
  };
22342
22344
  Pe = new Yr();
22343
22345
  j = ((s) => (s[s.ConnectFailed = 0] = "ConnectFailed", s[s.SignalDisconnect = 1] = "SignalDisconnect", s[s.JoinWSMessageFailed = 2] = "JoinWSMessageFailed", s[s.PublishIceConnectionFailed = 3] = "PublishIceConnectionFailed", s[s.SubscribeIceConnectionFailed = 4] = "SubscribeIceConnectionFailed", s))(j || {});
22344
- tr = ((n) => (n.Disconnected = "Disconnected", n.Connecting = "Connecting", n.Joined = "Joined", n.Preview = "Preview", n.Failed = "Failed", n.Reconnecting = "Reconnecting", n.Leaving = "Leaving", n))(tr || {});
22345
- lr = ((t) => (t[t.Publish = 0] = "Publish", t[t.Subscribe = 1] = "Subscribe", t))(lr || {});
22346
+ ir = ((n) => (n.Disconnected = "Disconnected", n.Connecting = "Connecting", n.Joined = "Joined", n.Preview = "Preview", n.Failed = "Failed", n.Reconnecting = "Reconnecting", n.Leaving = "Leaving", n))(ir || {});
22347
+ ur = ((t) => (t[t.Publish = 0] = "Publish", t[t.Subscribe = 1] = "Subscribe", t))(ur || {});
22346
22348
  Pn = (a2) => a2.localPeer.id;
22347
22349
  En = (a2) => a2.localPeer.audioTrack;
22348
22350
  bn = (a2) => a2.localPeer.videoTrack;
@@ -23823,6 +23825,7 @@ var init_ScreenShareToggle = __esm({
23823
23825
  import_react_sdk47 = require("@100mslive/react-sdk");
23824
23826
  import_react_icons42 = require("@100mslive/react-icons");
23825
23827
  init_shareScreenOptions();
23828
+ init_ToastManager();
23826
23829
  init_Layout();
23827
23830
  init_Tooltip2();
23828
23831
  init_ShareMenuIcon();
@@ -23832,7 +23835,17 @@ var init_ScreenShareToggle = __esm({
23832
23835
  ScreenshareToggle = ({ css: css2 = {} }) => {
23833
23836
  const isAllowedToPublish = (0, import_react_sdk47.useHMSStore)(import_react_sdk47.selectIsAllowedToPublish);
23834
23837
  const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
23835
- const { amIScreenSharing, screenShareVideoTrackId: video, toggleScreenShare } = (0, import_react_sdk47.useScreenShare)();
23838
+ const {
23839
+ amIScreenSharing,
23840
+ screenShareVideoTrackId: video,
23841
+ toggleScreenShare
23842
+ } = (0, import_react_sdk47.useScreenShare)((error) => {
23843
+ ToastManager.addToast({
23844
+ title: error.message,
23845
+ variant: "error",
23846
+ duration: 2e3
23847
+ });
23848
+ });
23836
23849
  const { requestPermission } = (0, import_react_sdk47.useAwayNotifications)();
23837
23850
  const isVideoScreenshare = amIScreenSharing && !!video;
23838
23851
  if (!isAllowedToPublish.screen || !isScreenshareSupported()) {
@@ -29233,29 +29246,6 @@ var init_VBHandler = __esm({
29233
29246
  }
29234
29247
  });
29235
29248
 
29236
- // src/Prebuilt/components/VirtualBackground/constants.ts
29237
- var defaultMedia2;
29238
- var init_constants4 = __esm({
29239
- "src/Prebuilt/components/VirtualBackground/constants.ts"() {
29240
- "use strict";
29241
- init_define_process_env();
29242
- defaultMedia2 = [
29243
- "https://assets.100ms.live/webapp/vb-mini/vb-1.jpg",
29244
- "https://assets.100ms.live/webapp/vb-mini/vb-2.jpg",
29245
- "https://assets.100ms.live/webapp/vb-mini/vb-3.png",
29246
- "https://assets.100ms.live/webapp/vb-mini/vb-4.jpg",
29247
- "https://assets.100ms.live/webapp/vb-mini/vb-5.jpg",
29248
- "https://assets.100ms.live/webapp/vb-mini/vb-6.jpg",
29249
- "https://assets.100ms.live/webapp/vb-mini/vb-7.jpg",
29250
- "https://assets.100ms.live/webapp/vb-mini/vb-8.jpg",
29251
- "https://assets.100ms.live/webapp/vb-mini/vb-9.jpg",
29252
- "https://assets.100ms.live/webapp/vb-mini/vb-10.jpg",
29253
- "https://assets.100ms.live/webapp/vb-mini/vb-11.jpg",
29254
- "https://assets.100ms.live/webapp/vb-mini/vb-12.jpg"
29255
- ];
29256
- }
29257
- });
29258
-
29259
29249
  // src/Prebuilt/components/VirtualBackground/VBPicker.tsx
29260
29250
  var import_react163, import_react_use30, import_hms_virtual_background3, import_react_sdk82, import_react_icons80, iconDims, VBPicker;
29261
29251
  var init_VBPicker = __esm({
@@ -29276,7 +29266,6 @@ var init_VBPicker = __esm({
29276
29266
  init_useSidepaneResetOnLayoutUpdate();
29277
29267
  init_useUISettings();
29278
29268
  init_constants();
29279
- init_constants4();
29280
29269
  iconDims = { height: "40px", width: "40px" };
29281
29270
  VBPicker = ({ backgroundMedia = [] }) => {
29282
29271
  var _a7;
@@ -29297,7 +29286,7 @@ var init_VBPicker = __esm({
29297
29286
  const [loadingEffects, setLoadingEffects] = useSetAppDataByKey(APP_DATA.loadingEffects);
29298
29287
  const isPluginAdded = (0, import_react_sdk82.useHMSStore)((0, import_react_sdk82.selectIsLocalVideoPluginPresent)(((_a7 = VBHandler) == null ? void 0 : _a7.getName()) || ""));
29299
29288
  const background = (0, import_react_sdk82.useHMSStore)(Um(APP_DATA.background));
29300
- const mediaList = backgroundMedia.length ? backgroundMedia.map((media) => media.url || "") : defaultMedia2;
29289
+ const mediaList = backgroundMedia.map((media) => media.url || "");
29301
29290
  const inPreview = roomState === import_react_sdk82.HMSRoomState.Preview;
29302
29291
  const showVideoTile = isVideoOn && isLargeRoom && !inPreview;
29303
29292
  (0, import_react163.useEffect)(() => {
@@ -29890,21 +29879,14 @@ var init_PreviewJoin = __esm({
29890
29879
  setName(initialName);
29891
29880
  }
29892
29881
  }, [initialName]);
29893
- return roomState === import_react_sdk85.HMSRoomState.Preview ? /* @__PURE__ */ import_react168.default.createElement(Flex, { justify: "center", css: { size: "100%", position: "relative" } }, /* @__PURE__ */ import_react168.default.createElement(Container4, { css: { h: "100%", pt: "$10", "@md": { justifyContent: "space-between" } } }, toggleVideo ? null : /* @__PURE__ */ import_react168.default.createElement(Box, null), /* @__PURE__ */ import_react168.default.createElement(Flex, { direction: "column", justify: "center", css: { w: "100%", maxWidth: "640px" } }, /* @__PURE__ */ import_react168.default.createElement(Logo, null), /* @__PURE__ */ import_react168.default.createElement(
29882
+ return roomState === import_react_sdk85.HMSRoomState.Preview ? /* @__PURE__ */ import_react168.default.createElement(Flex, { justify: "center", css: { size: "100%", position: "relative" } }, /* @__PURE__ */ import_react168.default.createElement(Container4, { css: { h: "100%", pt: "$6", "@md": { justifyContent: "space-between", pt: "$10" } } }, toggleVideo ? null : /* @__PURE__ */ import_react168.default.createElement(Box, null), /* @__PURE__ */ import_react168.default.createElement(Flex, { direction: "column", justify: "center", css: { w: "100%", maxWidth: "600px", gap: "$8" } }, /* @__PURE__ */ import_react168.default.createElement(Logo, null), /* @__PURE__ */ import_react168.default.createElement(Text, { variant: "h4", css: { wordBreak: "break-word", textAlign: "center" } }, previewHeader.title), /* @__PURE__ */ import_react168.default.createElement(
29894
29883
  Text,
29895
29884
  {
29896
- variant: "h4",
29897
- css: { wordBreak: "break-word", textAlign: "center", mt: "$14", mb: "$4", "@md": { mt: "$8", mb: "$2" } }
29898
- },
29899
- previewHeader.title
29900
- ), /* @__PURE__ */ import_react168.default.createElement(
29901
- Text,
29902
- {
29903
- css: { c: "$on_surface_medium", my: "0", textAlign: "center", maxWidth: "100%", wordWrap: "break-word" },
29885
+ css: { c: "$on_surface_medium", textAlign: "center", maxWidth: "100%", wordWrap: "break-word" },
29904
29886
  variant: "sm"
29905
29887
  },
29906
29888
  previewHeader.sub_title
29907
- ), /* @__PURE__ */ import_react168.default.createElement(Flex, { justify: "center", css: { mt: "$14", "@md": { mt: "$8", mb: "0" }, gap: "$4" } }, isStreamingOn ? /* @__PURE__ */ import_react168.default.createElement(
29889
+ ), /* @__PURE__ */ import_react168.default.createElement(Flex, { justify: "center", css: { gap: "$4" } }, isStreamingOn ? /* @__PURE__ */ import_react168.default.createElement(
29908
29890
  Chip_default,
29909
29891
  {
29910
29892
  content: "LIVE",
@@ -29912,7 +29894,7 @@ var init_PreviewJoin = __esm({
29912
29894
  textColor: "#FFF",
29913
29895
  icon: /* @__PURE__ */ import_react168.default.createElement(Box, { css: { h: "$sm", w: "$sm", backgroundColor: "$on_primary_high", borderRadius: "$round" } })
29914
29896
  }
29915
- ) : null, /* @__PURE__ */ import_react168.default.createElement(Chip_default, { content: getParticipantChipContent(peerCount), hideIfNoContent: true }))), toggleVideo ? /* @__PURE__ */ import_react168.default.createElement(PreviewTile, { name, error: previewError }) : null, /* @__PURE__ */ import_react168.default.createElement(Box, { css: { w: "100%", maxWidth: `${Math.max(aspectRatio, 1) * 360}px` } }, /* @__PURE__ */ import_react168.default.createElement(PreviewControls, { hideSettings: !toggleVideo && !toggleAudio, vbEnabled: !!virtual_background }), /* @__PURE__ */ import_react168.default.createElement(
29897
+ ) : null, /* @__PURE__ */ import_react168.default.createElement(Chip_default, { content: getParticipantChipContent(peerCount), hideIfNoContent: true }))), toggleVideo ? /* @__PURE__ */ import_react168.default.createElement(PreviewTile, { name, error: previewError }) : null, /* @__PURE__ */ import_react168.default.createElement(Box, { css: { w: "100%", maxWidth: `${Math.max(aspectRatio, 1) * 340}px` } }, /* @__PURE__ */ import_react168.default.createElement(PreviewControls, { hideSettings: !toggleVideo && !toggleAudio, vbEnabled: !!virtual_background }), /* @__PURE__ */ import_react168.default.createElement(
29916
29898
  PreviewForm_default,
29917
29899
  {
29918
29900
  name,
@@ -29952,11 +29934,11 @@ var init_PreviewJoin = __esm({
29952
29934
  css: {
29953
29935
  bg: "$surface_default",
29954
29936
  aspectRatio,
29955
- height: "min(360px, 70vh)",
29937
+ height: "min(340px, 70vh)",
29956
29938
  width: "auto",
29957
- maxWidth: "640px",
29939
+ maxWidth: "600px",
29958
29940
  overflow: "clip",
29959
- mt: "$14",
29941
+ mt: "$10",
29960
29942
  "@md": {
29961
29943
  mt: 0,
29962
29944
  width: "min(220px, 70vw)",
@@ -29985,7 +29967,7 @@ var init_PreviewJoin = __esm({
29985
29967
  justify: hideSettings && isMobile ? "center" : "between",
29986
29968
  css: {
29987
29969
  width: "100%",
29988
- mt: "$8"
29970
+ mt: "$6"
29989
29971
  }
29990
29972
  },
29991
29973
  /* @__PURE__ */ import_react168.default.createElement(Flex, { css: { gap: "$4" } }, /* @__PURE__ */ import_react168.default.createElement(AudioVideoToggle, null), vbEnabled ? /* @__PURE__ */ import_react168.default.createElement(VBToggle, null) : null),
@@ -31224,9 +31206,9 @@ var init_ScreenshareLayout = __esm({
31224
31206
  }
31225
31207
  });
31226
31208
 
31227
- // ../../../../../../../tmp/tmp-2803-f4oyYf4P6ytK/190e434c9e30/index.css
31228
- var init_e434c9e30 = __esm({
31229
- "../../../../../../../tmp/tmp-2803-f4oyYf4P6ytK/190e434c9e30/index.css"() {
31209
+ // ../../../../../../../tmp/tmp-2865-pwxbagn010v7/191030a898f1/index.css
31210
+ var init_a898f1 = __esm({
31211
+ "../../../../../../../tmp/tmp-2865-pwxbagn010v7/191030a898f1/index.css"() {
31230
31212
  }
31231
31213
  });
31232
31214
 
@@ -31248,7 +31230,7 @@ var init_WhiteboardLayout = __esm({
31248
31230
  init_ProminenceLayout();
31249
31231
  init_useUISettings();
31250
31232
  init_constants();
31251
- init_e434c9e30();
31233
+ init_a898f1();
31252
31234
  WhiteboardEmbed = () => {
31253
31235
  const isMobile = (0, import_react_use42.useMedia)(config.media.md);
31254
31236
  const { token, endpoint, zoomToContent } = (0, import_react_sdk94.useWhiteboard)(isMobile);