@100mslive/roomkit-react 0.3.19-alpha.9 → 0.3.20-alpha.0

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 (38) hide show
  1. package/dist/{HLSView-5SR3RWXG.css → HLSView-5JM7XVA4.css} +3 -3
  2. package/dist/{HLSView-5SR3RWXG.css.map → HLSView-5JM7XVA4.css.map} +1 -1
  3. package/dist/{HLSView-EYFJ7YDU.js → HLSView-VBMAXHBP.js} +2 -2
  4. package/dist/Prebuilt/components/VirtualBackground/VBHandler.d.ts +1 -0
  5. package/dist/Prebuilt/components/peerTileUtils.d.ts +7 -0
  6. package/dist/{chunk-3FZB2LJY.js → chunk-JCM6FDIX.js} +275 -248
  7. package/dist/chunk-JCM6FDIX.js.map +7 -0
  8. package/dist/index.cjs.css +2 -2
  9. package/dist/index.cjs.css.map +1 -1
  10. package/dist/index.cjs.js +916 -895
  11. package/dist/index.cjs.js.map +4 -4
  12. package/dist/index.css +2 -2
  13. package/dist/index.css.map +1 -1
  14. package/dist/index.js +1 -1
  15. package/dist/meta.cjs.json +94 -93
  16. package/dist/meta.esbuild.json +105 -104
  17. package/package.json +7 -7
  18. package/src/Prebuilt/AppStateContext.tsx +8 -5
  19. package/src/Prebuilt/components/EndCallFeedback/Feedback.tsx +3 -2
  20. package/src/Prebuilt/components/EndCallFeedback/FeedbackForm.tsx +16 -6
  21. package/src/Prebuilt/components/EndCallFeedback/ThankyouView.tsx +1 -1
  22. package/src/Prebuilt/components/InsetTile.tsx +1 -1
  23. package/src/Prebuilt/components/Leave/LeaveSessionContent.tsx +3 -1
  24. package/src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx +1 -1
  25. package/src/Prebuilt/components/PIP/PIPChat.tsx +11 -4
  26. package/src/Prebuilt/components/ScreenshareTile.tsx +2 -2
  27. package/src/Prebuilt/components/Settings/SettingsModal.jsx +1 -2
  28. package/src/Prebuilt/components/TileMenu/TileMenu.tsx +7 -6
  29. package/src/Prebuilt/components/TileMenu/TileMenuContent.tsx +3 -3
  30. package/src/Prebuilt/components/VideoLayouts/EqualProminence.tsx +4 -2
  31. package/src/Prebuilt/components/VideoTile.tsx +2 -2
  32. package/src/Prebuilt/components/VirtualBackground/VBHandler.tsx +15 -3
  33. package/src/Prebuilt/components/VirtualBackground/VBPicker.tsx +21 -16
  34. package/src/Prebuilt/components/{peerTileUtils.jsx → peerTileUtils.tsx} +21 -6
  35. package/dist/Prebuilt/components/VirtualBackground/util.d.ts +0 -1
  36. package/dist/chunk-3FZB2LJY.js.map +0 -7
  37. package/src/Prebuilt/components/VirtualBackground/util.tsx +0 -13
  38. /package/dist/{HLSView-EYFJ7YDU.js.map → HLSView-VBMAXHBP.js.map} +0 -0
package/dist/{chunk-3FZB2LJY.js → chunk-JCM6FDIX.js} RENAMED
@@ -107,7 +107,7 @@ var __async = (__this, __arguments, generator) => {
107
107
  var define_process_env_default;
108
108
  var init_define_process_env = __esm({
109
109
  "<define:process.env>"() {
110
- define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_63a49f9d-70e5-42b7-a91e-d180fa95ae5d", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_exports___index_css: "./dist/index.css", npm_package_exports___require: "./dist/index.cjs.js", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", npm_package_dependencies__100mslive_hms_whiteboard: "0.0.9-alpha.9", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.20.4 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.10.19-alpha.9", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_63a49f9d-70e5-42b7-a91e-d180fa95ae5d", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.4/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.13.19-alpha.9", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.12", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.10", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/27.0.12077973", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "587", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.13/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240825.1.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.6/x64", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.0.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:16128", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.3.19-alpha.9", 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: "10680158293", 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: "06c3bff006916b7591f7132e14fcf78d45411c9a", 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: "78904341bffbb2d12d441357dbf28119a0f6663387a38ea65b61571adb7c2650", 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--1725355361866-0.09305460596310522:/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--1725355361672-0.03276954834696921:/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--1725355336380-0.4943275216505707:/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--1725355336204-0.1740096099120545:/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_3ba275f8-098e-4398-bb31-88617572f59c", INVOCATION_ID: "77a79ebd795148e3a99b53fe82584cd1", 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: "652", 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 481", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "false", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/27.0.12077973", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.10.19-alpha.9", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.19-alpha.9", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_resolutions_axios: "^1.7.4", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", GITHUB_SHA: "06c3bff006916b7591f7132e14fcf78d45411c9a", 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_63a49f9d-70e5-42b7-a91e-d180fa95ae5d", 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_63a49f9d-70e5-42b7-a91e-d180fa95ae5d", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/27.0.12077973", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.181+6/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies_knip: "^5.11.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/27.0.12077973", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_63a49f9d-70e5-42b7-a91e-d180fa95ae5d" };
110
+ define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_208a3df6-7e0b-4573-8836-09b3eec6bee0", 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.10-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.20-alpha.0", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_208a3df6-7e0b-4573-8836-09b3eec6bee0", 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.20-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.12", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.10", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/27.1.12297006", 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: "597", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.13/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240908.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.7/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:16089", 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.20-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: "10826597823", 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: "9292ef206d23ad3743254e046fce98240fa3a134", 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: "c22e362d4a124a26295b0874be722fa21bab0084774b9eb8f80d1f704097281b", 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--1726127935058-0.22146944684020453:/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--1726127934862-0.9808093359390244:/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--1726127909308-0.7527905752517778:/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--1726127909129-0.6871808028331288:/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_227df9f5-3da9-43eb-8ad2-df1b6b3aaaf9", INVOCATION_ID: "1c6566e8da8c474d85e2b8c4afdcf924", 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: "669", 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 222", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "false", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/27.1.12297006", 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.20-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.20-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_resolutions_axios: "^1.7.4", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", GITHUB_SHA: "9292ef206d23ad3743254e046fce98240fa3a134", 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_208a3df6-7e0b-4573-8836-09b3eec6bee0", 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_208a3df6-7e0b-4573-8836-09b3eec6bee0", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/27.1.12297006", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.181+6/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies_knip: "^5.11.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/27.1.12297006", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_208a3df6-7e0b-4573-8836-09b3eec6bee0" };
111
111
  }
112
112
  });
113
113
 
@@ -8916,7 +8916,7 @@ var require_react_is_production_min = __commonJS({
8916
8916
  }
8917
8917
  }
8918
8918
  }
8919
- function A(a2) {
8919
+ function A2(a2) {
8920
8920
  return z2(a2) === m;
8921
8921
  }
8922
8922
  exports.AsyncMode = l2;
@@ -8933,9 +8933,9 @@ var require_react_is_production_min = __commonJS({
8933
8933
  exports.StrictMode = f2;
8934
8934
  exports.Suspense = p;
8935
8935
  exports.isAsyncMode = function(a2) {
8936
- return A(a2) || z2(a2) === l2;
8936
+ return A2(a2) || z2(a2) === l2;
8937
8937
  };
8938
- exports.isConcurrentMode = A;
8938
+ exports.isConcurrentMode = A2;
8939
8939
  exports.isContextConsumer = function(a2) {
8940
8940
  return z2(a2) === k;
8941
8941
  };
@@ -12927,7 +12927,7 @@ import {
12927
12927
  HMSRoomProvider,
12928
12928
  selectIsConnectedToRoom as selectIsConnectedToRoom13,
12929
12929
  useHMSActions as useHMSActions59,
12930
- useHMSStore as useHMSStore96
12930
+ useHMSStore as useHMSStore97
12931
12931
  } from "@100mslive/react-sdk";
12932
12932
 
12933
12933
  // src/Prebuilt/components/AppData/AppData.tsx
@@ -13891,6 +13891,7 @@ import { HMSRoomState as HMSRoomState2, selectRoomState as selectRoomState2, use
13891
13891
  // src/Prebuilt/components/VirtualBackground/VBHandler.tsx
13892
13892
  init_define_process_env();
13893
13893
  import { HMSVBPlugin, HMSVirtualBackgroundTypes } from "@100mslive/hms-virtual-background/hmsvbplugin";
13894
+ import { parsedUserAgent as parsedUserAgent2 } from "@100mslive/react-sdk";
13894
13895
  var VBPlugin = class {
13895
13896
  constructor() {
13896
13897
  this.initialisePlugin = (effectsSDKKey, onInit) => __async(this, null, function* () {
@@ -13899,8 +13900,8 @@ var VBPlugin = class {
13899
13900
  }
13900
13901
  if (effectsSDKKey) {
13901
13902
  try {
13902
- const { HMSEffectsPlugin } = yield import("@100mslive/hms-virtual-background/hmseffectsplugin");
13903
- this.effectsPlugin = new HMSEffectsPlugin(effectsSDKKey, onInit);
13903
+ const effects = yield import("@100mslive/hms-virtual-background/hmseffectsplugin");
13904
+ this.effectsPlugin = new effects.HMSEffectsPlugin(effectsSDKKey, onInit);
13904
13905
  } catch (error) {
13905
13906
  console.error("Failed to initialise HMSEffectsPlugin:", error, "Using HMSVBPlugin");
13906
13907
  this.hmsPlugin = new HMSVBPlugin(HMSVirtualBackgroundTypes.NONE, HMSVirtualBackgroundTypes.NONE);
@@ -13982,6 +13983,17 @@ var VBPlugin = class {
13982
13983
  this.effectsPlugin = void 0;
13983
13984
  this.hmsPlugin = void 0;
13984
13985
  };
13986
+ this.isEffectsSupported = () => {
13987
+ var _a7, _b7;
13988
+ if (!isSafari) {
13989
+ return true;
13990
+ }
13991
+ const browserVersion = ((_b7 = (_a7 = parsedUserAgent2) == null ? void 0 : _a7.getBrowser()) == null ? void 0 : _b7.version) || "16";
13992
+ if (browserVersion && parseInt(browserVersion.split(".")[0]) < 17) {
13993
+ return false;
13994
+ }
13995
+ return true;
13996
+ };
13985
13997
  }
13986
13998
  };
13987
13999
  var VBHandler = new VBPlugin();
@@ -14501,9 +14513,12 @@ var useAppStateManager = () => {
14501
14513
  [HMSRoomState2.Disconnected, HMSRoomState2.Connecting],
14502
14514
  [HMSRoomState2.Disconnected, HMSRoomState2.Reconnecting],
14503
14515
  () => {
14504
- setActiveState(
14505
- match2({ isLeaveScreenEnabled, isPreviewScreenEnabled }).with({ isLeaveScreenEnabled: true }, () => "leave" /* LEAVE */).with({ isPreviewScreenEnabled: true }, () => "preview" /* PREVIEW */).otherwise(() => "meeting" /* MEETING */)
14506
- );
14516
+ setActiveState((prevState) => {
14517
+ return match2({ isLeaveScreenEnabled, isPreviewScreenEnabled, prevState }).when(
14518
+ ({ isLeaveScreenEnabled: isLeaveScreenEnabled2, prevState: prevState2 }) => isLeaveScreenEnabled2 && prevState2 !== "leave" /* LEAVE */,
14519
+ () => "leave" /* LEAVE */
14520
+ ).with({ isPreviewScreenEnabled: true }, () => "preview" /* PREVIEW */).otherwise(() => "meeting" /* MEETING */);
14521
+ });
14507
14522
  VBHandler.reset();
14508
14523
  redirectToLeave(1e3);
14509
14524
  }
@@ -14630,7 +14645,7 @@ import {
14630
14645
  selectRoomState as selectRoomState8,
14631
14646
  useAwayNotifications as useAwayNotifications3,
14632
14647
  useHMSActions as useHMSActions50,
14633
- useHMSStore as useHMSStore86
14648
+ useHMSStore as useHMSStore87
14634
14649
  } from "@100mslive/react-sdk";
14635
14650
 
14636
14651
  // src/Prebuilt/components/Footer/Footer.tsx
@@ -15421,7 +15436,6 @@ var MobileSettingModal = ({
15421
15436
  {
15422
15437
  direction: "column",
15423
15438
  css: {
15424
- px: "$8",
15425
15439
  pb: "$8",
15426
15440
  overflowY: "auto"
15427
15441
  }
@@ -15439,7 +15453,7 @@ var MobileSettingModal = ({
15439
15453
  css: {
15440
15454
  all: "unset",
15441
15455
  fontFamily: "$sans",
15442
- py: "$10",
15456
+ p: "$10 $8",
15443
15457
  display: "flex",
15444
15458
  alignItems: "center",
15445
15459
  fontSize: "$sm",
@@ -15937,7 +15951,7 @@ import { useCallback as useCallback10, useEffect as useEffect14, useMemo as useM
15937
15951
  import { useMedia as useMedia4 } from "react-use";
15938
15952
  import { JoinForm_JoinBtnType as JoinForm_JoinBtnType2 } from "@100mslive/types-prebuilt/elements/join_form";
15939
15953
  import {
15940
- parsedUserAgent as parsedUserAgent2,
15954
+ parsedUserAgent as parsedUserAgent3,
15941
15955
  selectAvailableRoleNames,
15942
15956
  selectIsAllowedToPublish,
15943
15957
  selectIsConnectedToRoom,
@@ -15999,7 +16013,7 @@ var useParticipants = (params) => {
15999
16013
  return { participants: participantList, isConnected, peerCount, rolesWithParticipants };
16000
16014
  };
16001
16015
  var useIsLandscape = () => {
16002
- const isMobile = parsedUserAgent2.getDevice().type === "mobile";
16016
+ const isMobile = parsedUserAgent3.getDevice().type === "mobile";
16003
16017
  const isLandscape = useMedia4(config.media.ls);
16004
16018
  return isMobile && isLandscape;
16005
16019
  };
@@ -16310,7 +16324,7 @@ var LeaveSessionContent = ({
16310
16324
  variant: "danger",
16311
16325
  css: { w: "100%" },
16312
16326
  onClick: () => __async(void 0, null, function* () {
16313
- return yield leaveRoom();
16327
+ yield leaveRoom();
16314
16328
  }),
16315
16329
  id: "leaveRoom",
16316
16330
  "data-testid": "leave_room"
@@ -17570,7 +17584,7 @@ var PinnedBy = ({
17570
17584
 
17571
17585
  // src/Prebuilt/components/PIP/PIPChat.tsx
17572
17586
  var PIPChat = () => {
17573
- var _a7, _b7, _c, _d, _e, _f, _g, _h, _i, _j;
17587
+ var _a7, _b7, _c, _d, _e, _f, _g, _h, _i, _j, _k;
17574
17588
  const messages = useHMSStore20(selectHMSMessages2);
17575
17589
  const localPeerID = useHMSStore20(selectLocalPeerID3);
17576
17590
  const count = useHMSStore20(selectUnreadHMSMessagesCount2);
@@ -17597,7 +17611,7 @@ var PIPChat = () => {
17597
17611
  const isLocalPeerBlacklisted = useIsPeerBlacklisted({ local: true });
17598
17612
  const { elements } = useRoomLayoutConferencingScreen();
17599
17613
  const message_placeholder = ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.message_placeholder) || "Send a message";
17600
- const canSendChatMessages = !!((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.public_chat_enabled) || !!((_d = (_c = elements == null ? void 0 : elements.chat) == null ? void 0 : _c.roles_whitelist) == null ? void 0 : _d.length);
17614
+ const canSendChatMessages = !!((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.public_chat_enabled) || !!((_d = (_c = elements == null ? void 0 : elements.chat) == null ? void 0 : _c.roles_whitelist) == null ? void 0 : _d.length) || !!((_e = elements == null ? void 0 : elements.chat) == null ? void 0 : _e.private_chat_enabled);
17601
17615
  const getChatStatus = useCallback16(() => {
17602
17616
  if (isLocalPeerBlacklisted)
17603
17617
  return "You've been blocked from sending messages";
@@ -17657,7 +17671,7 @@ var PIPChat = () => {
17657
17671
  }
17658
17672
  },
17659
17673
  /* @__PURE__ */ React50.createElement(Text, { variant: "h5", css: { mt: "$8", c: "$on_surface_high" } }, canSendChatMessages ? "Start a conversation" : "No messages yet"),
17660
- /* @__PURE__ */ React50.createElement(Text, { variant: "sm", style: { maxWidth: "80%", textAlign: "center", marginTop: "4px" } }, "There are no messages here yet. Start a conversation by sending a message.")
17674
+ canSendChatMessages ? /* @__PURE__ */ React50.createElement(Text, { variant: "sm", style: { maxWidth: "80%", textAlign: "center", marginTop: "4px" } }, "There are no messages here yet. Start a conversation by sending a message.") : ""
17661
17675
  ) : filteredMessages.map((message) => /* @__PURE__ */ React50.createElement(Box, { className: "pip-message", key: message.id, id: message.id, style: { padding: "8px 0.75rem" } }, /* @__PURE__ */ React50.createElement(Flex, { style: { width: "100%", alignItems: "center", justifyContent: "between" } }, /* @__PURE__ */ React50.createElement(
17662
17676
  Text,
17663
17677
  {
@@ -17716,10 +17730,10 @@ var PIPChat = () => {
17716
17730
  borderRadius: "4px",
17717
17731
  padding: "0 2px"
17718
17732
  },
17719
- defaultValue: ((_e = elements.chat) == null ? void 0 : _e.public_chat_enabled) ? "Everyone" : (_g = (_f = elements.chat) == null ? void 0 : _f.roles_whitelist) == null ? void 0 : _g[0]
17733
+ defaultValue: ((_f = elements.chat) == null ? void 0 : _f.public_chat_enabled) ? "Everyone" : (_h = (_g = elements.chat) == null ? void 0 : _g.roles_whitelist) == null ? void 0 : _h[0]
17720
17734
  },
17721
- (_i = (_h = elements.chat) == null ? void 0 : _h.roles_whitelist) == null ? void 0 : _i.map((role) => /* @__PURE__ */ React50.createElement("option", { key: role, value: role }, role)),
17722
- ((_j = elements.chat) == null ? void 0 : _j.public_chat_enabled) ? /* @__PURE__ */ React50.createElement("option", { value: "Everyone" }, "Everyone") : ""
17735
+ (_j = (_i = elements.chat) == null ? void 0 : _i.roles_whitelist) == null ? void 0 : _j.map((role) => /* @__PURE__ */ React50.createElement("option", { key: role, value: role }, role)),
17736
+ ((_k = elements.chat) == null ? void 0 : _k.public_chat_enabled) ? /* @__PURE__ */ React50.createElement("option", { value: "Everyone" }, "Everyone") : ""
17723
17737
  ))), /* @__PURE__ */ React50.createElement(
17724
17738
  Flex,
17725
17739
  {
@@ -21353,7 +21367,7 @@ var adapter = adapterFactory({ window: typeof window === "undefined" ? void 0 :
21353
21367
  // ../hms-video-store/dist/index.js
21354
21368
  var import_lodash4 = __toESM(require_lodash2());
21355
21369
  import { v4 as Po } from "uuid";
21356
- import { v4 as Ro } from "uuid";
21370
+ import { v4 as Ao } from "uuid";
21357
21371
  import { v4 as wo } from "uuid";
21358
21372
  import { EventEmitter2 as Do } from "eventemitter2";
21359
21373
  var jt = __toESM(require_lib());
@@ -21406,7 +21420,7 @@ var c = (a2, e, t) => new Promise((i, r) => {
21406
21420
  n((t = t.apply(a2, e)).next());
21407
21421
  });
21408
21422
  var yr = ro((Dc, ho) => {
21409
- ho.exports = { version: "0.12.19-alpha.9", 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"] };
21423
+ ho.exports = { version: "0.12.20-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"] };
21410
21424
  });
21411
21425
  var Tr = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(Tr || {});
21412
21426
  var so = ((e) => (e.CHAT = "chat", e))(so || {});
@@ -21524,7 +21538,7 @@ var co = () => !Be;
21524
21538
  var nc = co();
21525
21539
  var Ss;
21526
21540
  var gs;
21527
- var ys = ((gs = (Ss = he.getBrowser()) == null ? void 0 : Ss.name) == null ? void 0 : gs.toLowerCase()) === "safari";
21541
+ var ys = (gs = (Ss = he.getBrowser()) == null ? void 0 : Ss.name) == null ? void 0 : gs.toLowerCase().includes("safari");
21528
21542
  var Ts;
21529
21543
  var fs;
21530
21544
  var ks = ((fs = (Ts = he.getBrowser()) == null ? void 0 : Ts.name) == null ? void 0 : fs.toLowerCase()) === "firefox";
@@ -21745,14 +21759,14 @@ var Is = yr().version;
21745
21759
  function vt(a2 = "prod", e) {
21746
21760
  let t = "web", i = Qe !== "LOCAL" && a2 === "prod" ? "prod" : "debug";
21747
21761
  if (Be)
21748
- return As({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version: Is, env: i, domain: Qe, is_prebuilt: !!(e != null && e.isPrebuilt), framework: "node", framework_version: process.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
21762
+ return Rs({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version: Is, env: i, domain: Qe, is_prebuilt: !!(e != null && e.isPrebuilt), framework: "node", framework_version: process.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
21749
21763
  let r = he.getOS(), s = he.getDevice(), o = he.getBrowser(), n = kr(`web_${r.name}`), d = r.version || "", u = kr(`${o.name}_${o.version}`), p = u;
21750
- return s.type && (p = `${kr(`${s.vendor}_${s.type}`)}/${u}`), As({ os: n, os_version: d, sdk: t, sdk_version: Is, device_model: p, env: i, domain: Qe, is_prebuilt: !!(e != null && e.isPrebuilt), framework: e == null ? void 0 : e.type, framework_version: e == null ? void 0 : e.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
21764
+ return s.type && (p = `${kr(`${s.vendor}_${s.type}`)}/${u}`), Rs({ os: n, os_version: d, sdk: t, sdk_version: Is, device_model: p, env: i, domain: Qe, is_prebuilt: !!(e != null && e.isPrebuilt), framework: e == null ? void 0 : e.type, framework_version: e == null ? void 0 : e.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
21751
21765
  }
21752
21766
  function kr(a2) {
21753
21767
  return a2.replace(/ /g, "_");
21754
21768
  }
21755
- var As = (a2, e = ",") => Object.keys(a2).filter((t) => ne(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
21769
+ var Rs = (a2, e = ",") => Object.keys(a2).filter((t) => ne(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
21756
21770
  var H = class {
21757
21771
  constructor({ name: e, level: t, properties: i, includesPII: r, timestamp: s }) {
21758
21772
  this.metadata = { peer: {}, userAgent: vt() };
@@ -21909,7 +21923,7 @@ function ci(a2, e = 300) {
21909
21923
  }, e);
21910
21924
  };
21911
21925
  }
21912
- var Rr = ((t) => (t.SIP = "sip", t.REGULAR = "regular", t))(Rr || {});
21926
+ var Ar = ((t) => (t.SIP = "sip", t.REGULAR = "regular", t))(Ar || {});
21913
21927
  var Ls = ((n) => (n.NONE = "none", n.INITIALISED = "initialised", n.STARTED = "started", n.PAUSED = "paused", n.RESUMED = "resumed", n.STOPPED = "stopped", n.FAILED = "failed", n))(Ls || {});
21914
21928
  var ws = ((t) => (t.DVR = "dvr", t.NO_DVR = "no-dvr", t))(ws || {});
21915
21929
  var Ds = ((i) => (i.REGULAR = "regular", i.SCREEN = "screen", i.COMPOSITE = "composite", i))(Ds || {});
@@ -22068,13 +22082,13 @@ var pm = createSelector(K, O, (a2, e) => {
22068
22082
  var hm = createSelector(xo, (a2) => a2.filter(us));
22069
22083
  var mm = createSelector(ea, (a2) => a2.length);
22070
22084
  var Sm = createSelector(Mi, (a2) => Object.values(a2).filter((e) => !e.read).length);
22071
- var Rt = createSelector(ea, Mi, (a2, e) => {
22085
+ var At = createSelector(ea, Mi, (a2, e) => {
22072
22086
  let t = [];
22073
22087
  return a2.forEach((i) => {
22074
22088
  t.push(e[i]);
22075
22089
  }), t;
22076
22090
  });
22077
- var Vo = createSelector(Rt, (a2) => a2.filter((e) => {
22091
+ var Vo = createSelector(At, (a2) => a2.filter((e) => {
22078
22092
  var t;
22079
22093
  return !e.recipientPeer && !(e.recipientRoles && ((t = e.recipientRoles) == null ? void 0 : t.length) > 0);
22080
22094
  }));
@@ -22102,8 +22116,8 @@ var Em = createSelector(V, (a2) => a2.hls);
22102
22116
  var Pm = createSelector(V, (a2) => a2.transcriptions);
22103
22117
  var bm = createSelector(V, (a2) => a2.sessionId);
22104
22118
  var Im = createSelector(V, (a2) => a2.startedAt);
22105
- var Am = createSelector(V, (a2) => !!a2.isLargeRoom);
22106
- var Rm = createSelector(V, (a2) => !!a2.isEffectsEnabled);
22119
+ var Rm = createSelector(V, (a2) => !!a2.isLargeRoom);
22120
+ var Am = createSelector(V, (a2) => !!a2.isEffectsEnabled);
22107
22121
  var Hm = createSelector(V, (a2) => !!a2.isVBEnabled);
22108
22122
  var Cm = createSelector(V, (a2) => a2.effectsKey);
22109
22123
  var na = (a2) => a2.polls;
@@ -22123,7 +22137,7 @@ var Sa = (a2 = "audio") => createSelector(da(a2), Kr(a2), (e, t) => {
22123
22137
  });
22124
22138
  var ga = { selection: Kr("audio"), progress: la("audio"), currentTime: ua("audio"), playbackRate: pa("audio"), volume: ha("audio"), list: ma("audio"), selectedItem: Sa("audio") };
22125
22139
  var Ta = { selection: Kr("video"), progress: la("video"), currentTime: ua("video"), playbackRate: pa("video"), volume: ha("video"), list: ma("video"), selectedItem: Sa("video") };
22126
- function R(a2) {
22140
+ function A(a2) {
22127
22141
  return (e) => (t) => a2(t, e);
22128
22142
  }
22129
22143
  var Ht = "HMS-Store:";
@@ -22225,8 +22239,8 @@ var Jo = createSelector([O, Ct], (a2, e) => {
22225
22239
  return (t == null ? void 0 : t.type) === "video" && (t == null ? void 0 : t.source) === "screen" ? t : null;
22226
22240
  });
22227
22241
  var Qo = createSelector([na, $o], (a2, e) => e ? a2[e] : null);
22228
- var Y = R(q);
22229
- var qm = R(createSelector([Gr, Wo], (a2, e) => {
22242
+ var Y = A(q);
22243
+ var qm = A(createSelector([Gr, Wo], (a2, e) => {
22230
22244
  if (a2)
22231
22245
  return e ? a2[e] : a2;
22232
22246
  }));
@@ -22236,89 +22250,89 @@ function jm(a2) {
22236
22250
  return a2 ? e.sessionStore[a2] : e.sessionStore;
22237
22251
  };
22238
22252
  }
22239
- var Qm = R(createSelector(q, (a2) => a2 == null ? void 0 : a2.name));
22240
- var zm = R(createSelector(q, (a2) => a2 == null ? void 0 : a2.type));
22241
- var yi = R(jr);
22242
- var va = R(Ko);
22243
- var Ym = R(qo);
22244
- var Xm = R(jo);
22245
- var Zm = R(Jo);
22246
- var zo = R((a2, e) => {
22253
+ var Qm = A(createSelector(q, (a2) => a2 == null ? void 0 : a2.name));
22254
+ var zm = A(createSelector(q, (a2) => a2 == null ? void 0 : a2.type));
22255
+ var yi = A(jr);
22256
+ var va = A(Ko);
22257
+ var Ym = A(qo);
22258
+ var Xm = A(jo);
22259
+ var Zm = A(Jo);
22260
+ var zo = A((a2, e) => {
22247
22261
  let t = q(a2, e);
22248
22262
  if (t && t.videoTrack && t.videoTrack !== "")
22249
22263
  return a2.tracks[t.videoTrack];
22250
22264
  });
22251
- var Yo = R((a2, e) => {
22265
+ var Yo = A((a2, e) => {
22252
22266
  let t = q(a2, e);
22253
22267
  if (t && t.audioTrack && t.audioTrack !== "")
22254
22268
  return a2.tracks[t.audioTrack];
22255
22269
  });
22256
- var tS = R((a2, e) => {
22270
+ var tS = A((a2, e) => {
22257
22271
  let t = q(a2, e);
22258
22272
  return (t == null ? void 0 : t.auxiliaryTracks.map((i) => a2.tracks[i])) || [];
22259
22273
  });
22260
22274
  var Ma = (a2, e) => e ? a2.speakers[e] : null;
22261
- var iS = R(createSelector(Ma, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
22275
+ var iS = A(createSelector(Ma, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
22262
22276
  var Xo = (a2, e) => {
22263
22277
  let t = Yo(e)(a2);
22264
22278
  return Ma(a2, t == null ? void 0 : t.id);
22265
22279
  };
22266
- var rS = R(createSelector(Xo, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
22267
- var sS = R((a2, e) => {
22280
+ var rS = A(createSelector(Xo, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
22281
+ var sS = A((a2, e) => {
22268
22282
  if (e)
22269
22283
  return a2.connectionQualities[e];
22270
22284
  });
22271
- var aS = R((a2, e) => {
22285
+ var aS = A((a2, e) => {
22272
22286
  let t = q(a2, e);
22273
22287
  if (t) {
22274
22288
  let i = t == null ? void 0 : t.auxiliaryTracks.find((r) => pt(a2.tracks[r]));
22275
22289
  return i ? a2.tracks[i] : void 0;
22276
22290
  }
22277
22291
  });
22278
- var oS = R(createSelector(O, q, (a2, e) => {
22292
+ var oS = A(createSelector(O, q, (a2, e) => {
22279
22293
  let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
22280
22294
  let r = a2[i];
22281
22295
  return mt(r) && ht(r);
22282
22296
  });
22283
22297
  return t ? a2[t] : void 0;
22284
22298
  }));
22285
- var nS = R(createSelector(O, q, (a2, e) => {
22299
+ var nS = A(createSelector(O, q, (a2, e) => {
22286
22300
  let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
22287
22301
  let r = a2[i];
22288
22302
  return mt(r) && pt(r);
22289
22303
  });
22290
22304
  return t ? a2[t] : void 0;
22291
22305
  }));
22292
- var cS = R(createSelector(O, q, (a2, e) => {
22306
+ var cS = A(createSelector(O, q, (a2, e) => {
22293
22307
  let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
22294
22308
  let r = a2[i];
22295
22309
  return si(r) && pt(r);
22296
22310
  });
22297
22311
  return t ? a2[t] : void 0;
22298
22312
  }));
22299
- var ya = R(createSelector(O, q, (a2, e) => Ue(a2, e)));
22313
+ var ya = A(createSelector(O, q, (a2, e) => Ue(a2, e)));
22300
22314
  var ka = (a2) => createSelector(ya(a2), (e) => e.audio);
22301
- var lS = R((a2, e) => {
22315
+ var lS = A((a2, e) => {
22302
22316
  let t = q(a2, e);
22303
22317
  return je(a2, t == null ? void 0 : t.audioTrack);
22304
22318
  });
22305
- var uS = R((a2, e) => {
22319
+ var uS = A((a2, e) => {
22306
22320
  let t = q(a2, e);
22307
22321
  return je(a2, t == null ? void 0 : t.videoTrack);
22308
22322
  });
22309
- var Ea = R((a2, e) => {
22323
+ var Ea = A((a2, e) => {
22310
22324
  if (e && a2.tracks[e])
22311
22325
  return a2.tracks[e].volume === 0;
22312
22326
  });
22313
- var pS = R((a2, e) => {
22327
+ var pS = A((a2, e) => {
22314
22328
  let t = q(a2, e);
22315
22329
  return Ea(t == null ? void 0 : t.audioTrack)(a2);
22316
22330
  });
22317
- var hS = R((a2, e) => {
22331
+ var hS = A((a2, e) => {
22318
22332
  let t = ka(e)(a2);
22319
22333
  return Ea(t == null ? void 0 : t.id)(a2);
22320
22334
  });
22321
- var Pa = R((a2, e) => {
22335
+ var Pa = A((a2, e) => {
22322
22336
  let t = jr(a2, e);
22323
22337
  if (t) {
22324
22338
  if (t.type !== "audio") {
@@ -22328,15 +22342,15 @@ var Pa = R((a2, e) => {
22328
22342
  return t.volume;
22329
22343
  }
22330
22344
  });
22331
- var mS = R((a2, e) => {
22345
+ var mS = A((a2, e) => {
22332
22346
  let t = q(a2, e);
22333
22347
  return Pa(t == null ? void 0 : t.audioTrack)(a2);
22334
22348
  });
22335
- var SS = R((a2, e) => {
22349
+ var SS = A((a2, e) => {
22336
22350
  let t = ka(e)(a2);
22337
22351
  return Pa(t == null ? void 0 : t.id)(a2);
22338
22352
  });
22339
- var gS = R((a2, e) => {
22353
+ var gS = A((a2, e) => {
22340
22354
  let t = jr(a2, e);
22341
22355
  if (t) {
22342
22356
  if (t.type !== "video") {
@@ -22346,32 +22360,32 @@ var gS = R((a2, e) => {
22346
22360
  return t.layer;
22347
22361
  }
22348
22362
  });
22349
- var ba = createSelector([Rt, Ee, qr], (a2, e, t) => {
22363
+ var ba = createSelector([At, Ee, qr], (a2, e, t) => {
22350
22364
  if (t)
22351
22365
  return a2.filter((i) => {
22352
22366
  var r;
22353
22367
  return !i.recipientPeer && !((r = i.recipientRoles) != null && r.length) || i.sender && ![e, t].includes(i.sender) ? false : [e, t].includes(i.recipientPeer);
22354
22368
  });
22355
22369
  });
22356
- var Ia = createSelector([Rt, fa], (a2, e) => {
22370
+ var Ia = createSelector([At, fa], (a2, e) => {
22357
22371
  if (e)
22358
22372
  return a2.filter((t) => {
22359
22373
  var i, r;
22360
22374
  return (i = t.recipientRoles) != null && i.length ? (r = t.recipientRoles) == null ? void 0 : r.includes(e) : false;
22361
22375
  });
22362
22376
  });
22363
- var Zo = createSelector(Rt, (a2) => a2.filter((e) => {
22377
+ var Zo = createSelector(At, (a2) => a2.filter((e) => {
22364
22378
  var t;
22365
22379
  return !e.recipientPeer && !((t = e.recipientRoles) != null && t.length);
22366
22380
  }));
22367
22381
  var en = createSelector([Ia, fa], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
22368
22382
  var tn = createSelector([ba, qr], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
22369
22383
  var TS = createSelector(Zo, (a2) => a2.filter((e) => !e.read).length);
22370
- var fS = R(ba);
22371
- var vS = R(Ia);
22372
- var MS = R(en);
22373
- var yS = R(tn);
22374
- var Aa = R(Qo);
22384
+ var fS = A(ba);
22385
+ var vS = A(Ia);
22386
+ var MS = A(en);
22387
+ var yS = A(tn);
22388
+ var Ra = A(Qo);
22375
22389
  var DS = createSelector([K, O], (a2, e) => Object.values(a2).map((i) => {
22376
22390
  var r;
22377
22391
  return { peer: i, isAudioEnabled: i.audioTrack ? (r = e[i.audioTrack]) == null ? void 0 : r.enabled : false };
@@ -22465,7 +22479,7 @@ Vt.TAG = "[FeedbackService]";
22465
22479
  var j = ((s) => (s[s.ConnectFailed = 0] = "ConnectFailed", s[s.SignalDisconnect = 1] = "SignalDisconnect", s[s.JoinWSMessageFailed = 2] = "JoinWSMessageFailed", s[s.PublishIceConnectionFailed = 3] = "PublishIceConnectionFailed", s[s.SubscribeIceConnectionFailed = 4] = "SubscribeIceConnectionFailed", s))(j || {});
22466
22480
  var sr = ((n) => (n.Disconnected = "Disconnected", n.Connecting = "Connecting", n.Joined = "Joined", n.Preview = "Preview", n.Failed = "Failed", n.Reconnecting = "Reconnecting", n.Leaving = "Leaving", n))(sr || {});
22467
22481
  var lt = ((t) => (t[t.Publish = 0] = "Publish", t[t.Subscribe = 1] = "Subscribe", t))(lt || {});
22468
- var Rn = (a2) => a2.localPeer.id;
22482
+ var An = (a2) => a2.localPeer.id;
22469
22483
  var Hn = (a2) => a2.localPeer.audioTrack;
22470
22484
  var Cn = (a2) => a2.localPeer.videoTrack;
22471
22485
  var Ln = (a2, e) => e;
@@ -22473,54 +22487,54 @@ var za = (a2, e) => e;
22473
22487
  var wn = (a2) => a2.remoteTrackStats;
22474
22488
  var Ya = (a2) => a2.peerStats;
22475
22489
  var rs = (a2) => a2.localTrackStats;
22476
- var Ae = createSelector([Ya, Rn], (a2, e) => a2[e]);
22477
- var Dn = createSelector(Ae, (a2) => {
22490
+ var Re = createSelector([Ya, An], (a2, e) => a2[e]);
22491
+ var Dn = createSelector(Re, (a2) => {
22478
22492
  var e;
22479
22493
  return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.packetsLost;
22480
22494
  });
22481
- var _n = createSelector(Ae, (a2) => {
22495
+ var _n = createSelector(Re, (a2) => {
22482
22496
  var e;
22483
22497
  return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.jitter;
22484
22498
  });
22485
- var Nn = createSelector(Ae, (a2) => {
22499
+ var Nn = createSelector(Re, (a2) => {
22486
22500
  var e;
22487
22501
  return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bitrate;
22488
22502
  });
22489
- var On = createSelector(Ae, (a2) => {
22503
+ var On = createSelector(Re, (a2) => {
22490
22504
  var e;
22491
22505
  return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bitrate;
22492
22506
  });
22493
- var xn = createSelector(Ae, (a2) => {
22507
+ var xn = createSelector(Re, (a2) => {
22494
22508
  var e;
22495
22509
  return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.availableOutgoingBitrate;
22496
22510
  });
22497
- var Un = createSelector(Ae, (a2) => {
22511
+ var Un = createSelector(Re, (a2) => {
22498
22512
  var e;
22499
22513
  return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.availableIncomingBitrate;
22500
22514
  });
22501
- var Bn = createSelector(Ae, (a2) => {
22515
+ var Bn = createSelector(Re, (a2) => {
22502
22516
  var e;
22503
22517
  return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bytesSent;
22504
22518
  });
22505
- var Vn = createSelector(Ae, (a2) => {
22519
+ var Vn = createSelector(Re, (a2) => {
22506
22520
  var e;
22507
22521
  return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bytesReceived;
22508
22522
  });
22509
22523
  var Fn = createSelector([Ya, Ln], (a2, e) => e ? a2[e] : void 0);
22510
22524
  var Gn = createSelector([wn, za], (a2, e) => e ? a2[e] : void 0);
22511
22525
  var ss = createSelector([rs, za], (a2, e) => e ? a2[e] : void 0);
22512
- var Wn = R(Fn);
22513
- var $n = R(Gn);
22526
+ var Wn = A(Fn);
22527
+ var $n = A(Gn);
22514
22528
  var Kn = createSelector([rs, Hn], (a2, e) => {
22515
22529
  var t;
22516
22530
  return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
22517
22531
  });
22518
- var qn = R(createSelector(ss, (a2) => a2 == null ? void 0 : a2[0]));
22532
+ var qn = A(createSelector(ss, (a2) => a2 == null ? void 0 : a2[0]));
22519
22533
  var jn = createSelector([rs, Cn], (a2, e) => {
22520
22534
  var t;
22521
22535
  return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
22522
22536
  });
22523
- var Jn = R(createSelector(ss, (a2) => a2));
22537
+ var Jn = A(createSelector(ss, (a2) => a2));
22524
22538
 
22525
22539
  // src/Prebuilt/components/Header/StreamActions.tsx
22526
22540
  import {
@@ -27948,6 +27962,38 @@ import {
27948
27962
  } from "@100mslive/react-sdk";
27949
27963
  import { CrossIcon as CrossIcon24, VerticalMenuIcon as VerticalMenuIcon8 } from "@100mslive/react-icons";
27950
27964
 
27965
+ // src/Prebuilt/components/peerTileUtils.tsx
27966
+ init_define_process_env();
27967
+ var PEER_NAME_PLACEHOLDER = "peerName";
27968
+ var labelMap = /* @__PURE__ */ new Map([
27969
+ [[true, "screen"].toString(), "Your Screen"],
27970
+ [[true, "regular"].toString(), `You (${PEER_NAME_PLACEHOLDER})`],
27971
+ [[false, "screen"].toString(), `${PEER_NAME_PLACEHOLDER}'s Screen`],
27972
+ [[false, "regular"].toString(), PEER_NAME_PLACEHOLDER],
27973
+ [[true, void 0].toString(), `You (${PEER_NAME_PLACEHOLDER})`],
27974
+ [[false, void 0].toString(), `${PEER_NAME_PLACEHOLDER}`]
27975
+ ]);
27976
+ var getVideoTileLabel = ({
27977
+ peerName,
27978
+ isLocal,
27979
+ videoTrack,
27980
+ audioTrack
27981
+ }) => {
27982
+ const isPeerPresent = peerName !== void 0;
27983
+ if (!isPeerPresent || !videoTrack) {
27984
+ const label2 = labelMap.get([isLocal, void 0].toString());
27985
+ return isPeerPresent && label2 ? label2.replace(PEER_NAME_PLACEHOLDER, peerName) : "";
27986
+ }
27987
+ const isLocallyMuted = (audioTrack == null ? void 0 : audioTrack.volume) === 0;
27988
+ let label = labelMap.get([isLocal, videoTrack.source].toString());
27989
+ if (label) {
27990
+ label = label.replace(PEER_NAME_PLACEHOLDER, peerName);
27991
+ } else {
27992
+ label = `${peerName} ${videoTrack.source}`;
27993
+ }
27994
+ return `${label}${isLocallyMuted ? " (Muted for you)" : ""}`;
27995
+ };
27996
+
27951
27997
  // src/Prebuilt/components/TileMenu/TileMenuContent.tsx
27952
27998
  init_define_process_env();
27953
27999
  import React126, { Fragment as Fragment11 } from "react";
@@ -28186,7 +28232,7 @@ var TileMenuContent = ({
28186
28232
  },
28187
28233
  isAudioEnabled ? /* @__PURE__ */ React126.createElement(MicOnIcon4, { height: 20, width: 20 }) : /* @__PURE__ */ React126.createElement(MicOffIcon5, { height: 20, width: 20 }),
28188
28234
  /* @__PURE__ */ React126.createElement("span", null, isAudioEnabled ? "Mute Audio" : "Request to Unmute Audio")
28189
- ) : null, canChangeRole && roles.length > 1 ? /* @__PURE__ */ React126.createElement(
28235
+ ) : null, !isScreenshare && canChangeRole && roles.length > 1 ? /* @__PURE__ */ React126.createElement(
28190
28236
  StyledMenuTile.ItemButton,
28191
28237
  {
28192
28238
  className: dragClassName,
@@ -28199,7 +28245,7 @@ var TileMenuContent = ({
28199
28245
  },
28200
28246
  /* @__PURE__ */ React126.createElement(PersonSettingsIcon2, { height: 20, width: 20 }),
28201
28247
  /* @__PURE__ */ React126.createElement("span", null, "Switch Role")
28202
- ) : null, audioTrackID ? /* @__PURE__ */ React126.createElement(StyledMenuTile.VolumeItem, { "data-testid": "participant_volume_slider", css: __spreadProps(__spreadValues({}, spacingCSS), { mb: "$0" }) }, /* @__PURE__ */ React126.createElement(Flex, { align: "center", gap: 1 }, /* @__PURE__ */ React126.createElement(SpeakerIcon3, { height: 20, width: 20 }), /* @__PURE__ */ React126.createElement(Box, { as: "span", css: { ml: "$4" } }, "Volume (", volume, ")")), /* @__PURE__ */ React126.createElement(
28248
+ ) : null, !isIOS && audioTrackID ? /* @__PURE__ */ React126.createElement(StyledMenuTile.VolumeItem, { "data-testid": "participant_volume_slider", css: __spreadProps(__spreadValues({}, spacingCSS), { mb: "$0" }) }, /* @__PURE__ */ React126.createElement(Flex, { align: "center", gap: 1 }, /* @__PURE__ */ React126.createElement(SpeakerIcon3, { height: 20, width: 20 }), /* @__PURE__ */ React126.createElement(Box, { as: "span", css: { ml: "$4" } }, "Volume (", volume, ")")), /* @__PURE__ */ React126.createElement(
28203
28249
  Slider,
28204
28250
  {
28205
28251
  css: { my: "0.5rem" },
@@ -28256,6 +28302,7 @@ var TileMenu = ({
28256
28302
  const isPrimaryVideoTrack = ((_a7 = useHMSStore67(selectVideoTrackByPeerID2(peerID))) == null ? void 0 : _a7.id) === videoTrackID;
28257
28303
  const showPinAction = !!(audioTrackID || videoTrackID && isPrimaryVideoTrack);
28258
28304
  const track = useHMSStore67(selectTrackByID3(videoTrackID));
28305
+ const audioTrack = useHMSStore67(selectTrackByID3(audioTrackID));
28259
28306
  const hideSimulcastLayers = !((_b7 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _b7.length) || track.degraded || !track.enabled;
28260
28307
  const isMobile = useMedia23(config.media.md);
28261
28308
  const peer = useHMSStore67(selectPeerByID2(peerID));
@@ -28263,7 +28310,7 @@ var TileMenu = ({
28263
28310
  const [showRoleChangeModal, setShowRoleChangeModal] = useState54(false);
28264
28311
  useDropdownList({ open, name: "TileMenu" });
28265
28312
  const dragClassName = getDragClassName();
28266
- if (!(removeOthers || toggleAudio || toggleVideo || setVolume || showPinAction) && hideSimulcastLayers) {
28313
+ if (!peer || !(removeOthers || toggleAudio || toggleVideo || setVolume || showPinAction) && hideSimulcastLayers) {
28267
28314
  return null;
28268
28315
  }
28269
28316
  const openNameChangeModal = () => setShowNameChangeModal(true);
@@ -28274,7 +28321,6 @@ var TileMenu = ({
28274
28321
  audioTrackID,
28275
28322
  videoTrackID,
28276
28323
  peerID,
28277
- isPrimaryVideoTrack,
28278
28324
  showSpotlight,
28279
28325
  showPinAction,
28280
28326
  canMinimise,
@@ -28304,38 +28350,12 @@ var TileMenu = ({
28304
28350
  borderBottom: "1px solid $border_default"
28305
28351
  }
28306
28352
  },
28307
- /* @__PURE__ */ React127.createElement(Box, null, /* @__PURE__ */ React127.createElement(Text, { css: { color: "$on_surface_high", fontWeight: "$semiBold" } }, peer == null ? void 0 : peer.name, isLocal ? ` (You)` : null), (peer == null ? void 0 : peer.roleName) ? /* @__PURE__ */ React127.createElement(Text, { variant: "xs", css: { color: "$on_surface_low", mt: "$2" } }, peer.roleName) : null),
28353
+ /* @__PURE__ */ React127.createElement(Box, null, /* @__PURE__ */ React127.createElement(Text, { css: { color: "$on_surface_high", fontWeight: "$semiBold" } }, getVideoTileLabel({ peerName: peer == null ? void 0 : peer.name, isLocal, audioTrack, videoTrack: track })), (peer == null ? void 0 : peer.roleName) ? /* @__PURE__ */ React127.createElement(Text, { variant: "xs", css: { color: "$on_surface_low", mt: "$2" } }, peer.roleName) : null),
28308
28354
  /* @__PURE__ */ React127.createElement(Sheet.Close, { css: { color: "inherit" } }, /* @__PURE__ */ React127.createElement(CrossIcon24, null))
28309
28355
  ), /* @__PURE__ */ React127.createElement(Box, { css: { px: "$8", pb: "$8", maxHeight: "80vh", overflowY: "auto" } }, /* @__PURE__ */ React127.createElement(TileMenuContent, __spreadProps(__spreadValues({}, props), { closeSheetOnClick: () => setOpen(false) }))))) : /* @__PURE__ */ React127.createElement(StyledMenuTile.Content, { side: "top", align: "end", css: { maxHeight: "$80", overflowY: "auto" } }, /* @__PURE__ */ React127.createElement(TileMenuContent, __spreadValues({}, props)))), showNameChangeModal && /* @__PURE__ */ React127.createElement(ChangeNameModal, { onOpenChange: setShowNameChangeModal }), showRoleChangeModal && /* @__PURE__ */ React127.createElement(RoleChangeModal, { peerId: peerID, onOpenChange: setShowRoleChangeModal }));
28310
28356
  };
28311
28357
  var TileMenu_default = TileMenu;
28312
28358
 
28313
- // src/Prebuilt/components/peerTileUtils.jsx
28314
- init_define_process_env();
28315
- var PEER_NAME_PLACEHOLDER = "peerName";
28316
- var labelMap = /* @__PURE__ */ new Map([
28317
- [[true, "screen"].toString(), "Your Screen"],
28318
- [[true, "regular"].toString(), `You (${PEER_NAME_PLACEHOLDER})`],
28319
- [[false, "screen"].toString(), `${PEER_NAME_PLACEHOLDER}'s Screen`],
28320
- [[false, "regular"].toString(), PEER_NAME_PLACEHOLDER],
28321
- [[true, void 0].toString(), `You (${PEER_NAME_PLACEHOLDER})`],
28322
- [[false, void 0].toString(), `${PEER_NAME_PLACEHOLDER}`]
28323
- ]);
28324
- var getVideoTileLabel = ({ peerName, isLocal, track }) => {
28325
- const isPeerPresent = peerName !== void 0;
28326
- if (!isPeerPresent || !track) {
28327
- return isPeerPresent ? labelMap.get([isLocal, void 0].toString()).replace(PEER_NAME_PLACEHOLDER, peerName) : "";
28328
- }
28329
- const isLocallyMuted = track.volume === 0;
28330
- let label = labelMap.get([isLocal, track.source].toString());
28331
- if (label) {
28332
- label = label.replace(PEER_NAME_PLACEHOLDER, peerName);
28333
- } else {
28334
- label = `${peerName} ${track.source}`;
28335
- }
28336
- return `${label}${isLocallyMuted ? " (Muted for you)" : ""}`;
28337
- };
28338
-
28339
28359
  // src/Prebuilt/components/VideoTile.tsx
28340
28360
  var PeerMetadata = ({ peerId, size }) => {
28341
28361
  const metaData = useHMSStore68(selectPeerMetadata4(peerId));
@@ -28380,8 +28400,9 @@ var Tile = ({
28380
28400
  });
28381
28401
  const label = getVideoTileLabel({
28382
28402
  peerName,
28383
- track,
28384
- isLocal
28403
+ isLocal,
28404
+ videoTrack: track,
28405
+ audioTrack
28385
28406
  });
28386
28407
  const onHoverHandler = useCallback32((event) => {
28387
28408
  setIsMouseHovered(event.type === "mouseenter");
@@ -28471,21 +28492,6 @@ import {
28471
28492
  } from "@100mslive/react-sdk";
28472
28493
  import { BlurPersonHighIcon, CrossCircleIcon as CrossCircleIcon3, CrossIcon as CrossIcon25 } from "@100mslive/react-icons";
28473
28494
 
28474
- // src/Prebuilt/components/VirtualBackground/util.tsx
28475
- init_define_process_env();
28476
- import { parsedUserAgent as parsedUserAgent3 } from "@100mslive/react-sdk";
28477
- var doesBrowserSupportEffectsSDK = () => {
28478
- var _a7, _b7;
28479
- if (!isSafari) {
28480
- return true;
28481
- }
28482
- const browserVersion = ((_b7 = (_a7 = parsedUserAgent3) == null ? void 0 : _a7.getBrowser()) == null ? void 0 : _b7.version) || "16";
28483
- if (browserVersion && parseInt(browserVersion.split(".")[0]) < 17) {
28484
- return false;
28485
- }
28486
- return true;
28487
- };
28488
-
28489
28495
  // src/Prebuilt/components/VirtualBackground/VBCollection.tsx
28490
28496
  init_define_process_env();
28491
28497
  import React130 from "react";
@@ -28571,8 +28577,8 @@ var VBPicker = ({ backgroundMedia = [] }) => {
28571
28577
  const [blurAmount, setBlurAmount] = useState56(VBHandler.getBlurAmount() || 0.5);
28572
28578
  const roomState = useHMSStore69(selectRoomState5);
28573
28579
  const isLargeRoom = useHMSStore69(selectIsLargeRoom3);
28574
- const [isBlurSupported, setIsBlurSupported] = useState56(false);
28575
- const isEffectsEnabled = useHMSStore69(Rm);
28580
+ const isEffectsSupported = VBHandler.isEffectsSupported();
28581
+ const isEffectsEnabled = useHMSStore69(Am);
28576
28582
  const effectsKey = useHMSStore69(Cm);
28577
28583
  const isMobile = useMedia24(config.media.md);
28578
28584
  const [loadingEffects, setLoadingEffects] = useSetAppDataByKey(APP_DATA.loadingEffects);
@@ -28583,12 +28589,21 @@ var VBPicker = ({ backgroundMedia = [] }) => {
28583
28589
  const inPreview = roomState === HMSRoomState5.Preview;
28584
28590
  const showVideoTile = isVideoOn && isLargeRoom && !inPreview;
28585
28591
  useEffect41(() => {
28592
+ const addHMSVBPlugin = () => __async(void 0, null, function* () {
28593
+ setLoadingEffects(false);
28594
+ if (!role) {
28595
+ return;
28596
+ }
28597
+ yield VBHandler.initialisePlugin();
28598
+ yield hmsActions.addPluginToVideoTrack(
28599
+ VBHandler.getVBObject(),
28600
+ Math.floor(role.publishParams.video.frameRate / 2)
28601
+ );
28602
+ });
28586
28603
  const initializeVirtualBackground = () => __async(void 0, null, function* () {
28587
28604
  if (!(track == null ? void 0 : track.id) || pluginLoadingRef.current || isPluginAdded) {
28588
28605
  return;
28589
28606
  }
28590
- const isEffectsSupported = doesBrowserSupportEffectsSDK();
28591
- setIsBlurSupported(isEffectsSupported);
28592
28607
  try {
28593
28608
  pluginLoadingRef.current = true;
28594
28609
  if (isEffectsEnabled && isEffectsSupported && effectsKey) {
@@ -28596,17 +28611,14 @@ var VBPicker = ({ backgroundMedia = [] }) => {
28596
28611
  yield VBHandler.initialisePlugin(effectsKey, () => {
28597
28612
  setLoadingEffects(false);
28598
28613
  });
28599
- hmsActions.addPluginsToVideoStream([VBHandler.getVBObject()]);
28600
- } else {
28601
- setLoadingEffects(false);
28602
- if (!role) {
28603
- return;
28614
+ const vbInstance = VBHandler.getVBObject();
28615
+ if (vbInstance.getName() === "HMSEffects") {
28616
+ hmsActions.addPluginsToVideoStream([VBHandler.getVBObject()]);
28617
+ } else {
28618
+ yield addHMSVBPlugin();
28604
28619
  }
28605
- yield VBHandler.initialisePlugin();
28606
- yield hmsActions.addPluginToVideoTrack(
28607
- VBHandler.getVBObject(),
28608
- Math.floor(role.publishParams.video.frameRate / 2)
28609
- );
28620
+ } else {
28621
+ yield addHMSVBPlugin();
28610
28622
  }
28611
28623
  const handleDefaultBackground = () => __async(void 0, null, function* () {
28612
28624
  switch (background) {
@@ -28631,6 +28643,7 @@ var VBPicker = ({ backgroundMedia = [] }) => {
28631
28643
  role,
28632
28644
  isPluginAdded,
28633
28645
  isEffectsEnabled,
28646
+ isEffectsSupported,
28634
28647
  effectsKey,
28635
28648
  track == null ? void 0 : track.id,
28636
28649
  background,
@@ -28694,7 +28707,7 @@ var VBPicker = ({ backgroundMedia = [] }) => {
28694
28707
  yield (_a8 = VBHandler) == null ? void 0 : _a8.setBlur(blurAmount);
28695
28708
  hmsActions.setAppData(APP_DATA.background, HMSVirtualBackgroundTypes4.BLUR);
28696
28709
  }),
28697
- supported: isBlurSupported
28710
+ supported: isEffectsSupported && isEffectsEnabled
28698
28711
  }
28699
28712
  ],
28700
28713
  activeBackground: background
@@ -29314,7 +29327,7 @@ import {
29314
29327
  selectIsLocalScreenShared as selectIsLocalScreenShared2,
29315
29328
  selectLocalPeerRoleName as selectLocalPeerRoleName6,
29316
29329
  useHMSActions as useHMSActions48,
29317
- useHMSStore as useHMSStore83
29330
+ useHMSStore as useHMSStore84
29318
29331
  } from "@100mslive/react-sdk";
29319
29332
  import { PeopleAddIcon as PeopleAddIcon3, ShareScreenIcon as ShareScreenIcon5 } from "@100mslive/react-icons";
29320
29333
 
@@ -29327,7 +29340,7 @@ import {
29327
29340
  selectPeers as selectPeers3,
29328
29341
  selectPeerScreenSharing as selectPeerScreenSharing2,
29329
29342
  selectWhiteboard as selectWhiteboard2,
29330
- useHMSStore as useHMSStore79,
29343
+ useHMSStore as useHMSStore80,
29331
29344
  useHMSVanillaStore as useHMSVanillaStore13
29332
29345
  } from "@100mslive/react-sdk";
29333
29346
 
@@ -29335,6 +29348,7 @@ import {
29335
29348
  init_define_process_env();
29336
29349
  import React144, { useEffect as useEffect48, useState as useState59 } from "react";
29337
29350
  import { useMedia as useMedia31 } from "react-use";
29351
+ import { selectPeerCount as selectPeerCount6, useHMSStore as useHMSStore74 } from "@100mslive/react-sdk";
29338
29352
  import { PeopleAddIcon as PeopleAddIcon2 } from "@100mslive/react-icons";
29339
29353
 
29340
29354
  // src/Prebuilt/layouts/WaitingView.tsx
@@ -29489,7 +29503,7 @@ var InsetTile = ({ peerId }) => {
29489
29503
  position: "absolute",
29490
29504
  bottom: 0,
29491
29505
  right: 0,
29492
- zIndex: 11,
29506
+ zIndex: 10,
29493
29507
  boxShadow: "0 0 8px 0 rgba(0,0,0,0.3)",
29494
29508
  r: "$2"
29495
29509
  }, !minimised ? {
@@ -29710,6 +29724,7 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
29710
29724
  const isMobile = useMedia31(config.media.md);
29711
29725
  let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
29712
29726
  maxTileCount = isMobile ? Math.min(maxTileCount, 6) : maxTileCount;
29727
+ const peerCount = useHMSStore74(selectPeerCount6);
29713
29728
  const pageList = usePagesWithTiles({
29714
29729
  peers,
29715
29730
  maxTileCount
@@ -29739,8 +29754,8 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
29739
29754
  ), pageList.length === 0 ? /* @__PURE__ */ React144.createElement(
29740
29755
  WaitingView,
29741
29756
  {
29742
- title: "You're the first to join",
29743
- subtitle: "Sit back and relax till others join",
29757
+ title: peerCount <= 1 ? "You're the only one here" : "Glad to have you here",
29758
+ subtitle: peerCount <= 1 ? "Sit back and relax till others join" : "",
29744
29759
  icon: /* @__PURE__ */ React144.createElement(PeopleAddIcon2, { width: "56px", height: "56px", style: { color: "white" } })
29745
29760
  }
29746
29761
  ) : null, isInsetEnabled && /* @__PURE__ */ React144.createElement(InsetTile, null));
@@ -29750,13 +29765,13 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
29750
29765
  init_define_process_env();
29751
29766
  import React147, { useEffect as useEffect50, useState as useState61 } from "react";
29752
29767
  import { useMedia as useMedia33 } from "react-use";
29753
- import { selectLocalPeer as selectLocalPeer11, useHMSStore as useHMSStore75 } from "@100mslive/react-sdk";
29768
+ import { selectLocalPeer as selectLocalPeer11, useHMSStore as useHMSStore76 } from "@100mslive/react-sdk";
29754
29769
 
29755
29770
  // src/Prebuilt/components/SecondaryTiles.tsx
29756
29771
  init_define_process_env();
29757
29772
  import React146, { useEffect as useEffect49, useRef as useRef28, useState as useState60 } from "react";
29758
29773
  import { useMedia as useMedia32 } from "react-use";
29759
- import { selectAppData as selectAppData10, selectSessionStore as selectSessionStore12, selectTrackByID as selectTrackByID4, useHMSStore as useHMSStore74 } from "@100mslive/react-sdk";
29774
+ import { selectAppData as selectAppData10, selectSessionStore as selectSessionStore12, selectTrackByID as selectTrackByID4, useHMSStore as useHMSStore75 } from "@100mslive/react-sdk";
29760
29775
 
29761
29776
  // src/Prebuilt/components/VideoLayouts/ProminenceLayout.tsx
29762
29777
  init_define_process_env();
@@ -29843,10 +29858,10 @@ var SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge, hasSidebar
29843
29858
  const isMobile = useMedia32(config.media.md);
29844
29859
  const maxTileCount = isMobile ? 2 : 4;
29845
29860
  const [page, setPage] = useState60(0);
29846
- const pinnedTrackId = useHMSStore74(selectAppData10(APP_DATA.pinnedTrackId));
29847
- const spotlightPeerId = useHMSStore74(selectSessionStore12("spotlight" /* SPOTLIGHT */));
29848
- const activeScreensharePeerId = useHMSStore74(selectAppData10(APP_DATA.activeScreensharePeerId));
29849
- const pinnedPeer = (_a7 = useHMSStore74(selectTrackByID4(pinnedTrackId))) == null ? void 0 : _a7.peerId;
29861
+ const pinnedTrackId = useHMSStore75(selectAppData10(APP_DATA.pinnedTrackId));
29862
+ const spotlightPeerId = useHMSStore75(selectSessionStore12("spotlight" /* SPOTLIGHT */));
29863
+ const activeScreensharePeerId = useHMSStore75(selectAppData10(APP_DATA.activeScreensharePeerId));
29864
+ const pinnedPeer = (_a7 = useHMSStore75(selectTrackByID4(pinnedTrackId))) == null ? void 0 : _a7.peerId;
29850
29865
  const pageChangedAfterPinning = useRef28(false);
29851
29866
  const pagesWithTiles = usePagesWithTiles({
29852
29867
  peers: spotlightPeerId || pinnedPeer ? [...peers].sort((p1, p2) => {
@@ -29946,7 +29961,7 @@ function RoleProminence({
29946
29961
  }) {
29947
29962
  var _a7;
29948
29963
  const { prominentPeers, secondaryPeers } = useRoleProminencePeers(prominentRoles, peers, isInsetEnabled);
29949
- const localPeer = useHMSStore75(selectLocalPeer11);
29964
+ const localPeer = useHMSStore76(selectLocalPeer11);
29950
29965
  const isMobile = useMedia33(config.media.md);
29951
29966
  let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
29952
29967
  maxTileCount = isMobile ? 4 : maxTileCount;
@@ -29982,7 +29997,7 @@ function RoleProminence({
29982
29997
  init_define_process_env();
29983
29998
  import React151, { useEffect as useEffect51, useMemo as useMemo18, useState as useState64 } from "react";
29984
29999
  import { useMedia as useMedia35 } from "react-use";
29985
- import { selectPeersScreenSharing, useHMSStore as useHMSStore77 } from "@100mslive/react-sdk";
30000
+ import { selectPeersScreenSharing, useHMSStore as useHMSStore78 } from "@100mslive/react-sdk";
29986
30001
 
29987
30002
  // src/Prebuilt/components/ScreenshareTile.tsx
29988
30003
  init_define_process_env();
@@ -29994,7 +30009,7 @@ import {
29994
30009
  selectPeerByID as selectPeerByID4,
29995
30010
  selectScreenShareAudioByPeerID,
29996
30011
  selectScreenShareByPeerID as selectScreenShareByPeerID2,
29997
- useHMSStore as useHMSStore76
30012
+ useHMSStore as useHMSStore77
29998
30013
  } from "@100mslive/react-sdk";
29999
30014
  import { ExpandIcon as ExpandIcon3, ShrinkIcon as ShrinkIcon2 } from "@100mslive/react-icons";
30000
30015
 
@@ -30149,10 +30164,10 @@ var labelStyles = {
30149
30164
  flexShrink: 0
30150
30165
  };
30151
30166
  var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
30152
- const isLocal = useHMSStore76(selectLocalPeerID12) === peerId;
30153
- const track = useHMSStore76(selectScreenShareByPeerID2(peerId));
30167
+ const isLocal = useHMSStore77(selectLocalPeerID12) === peerId;
30168
+ const track = useHMSStore77(selectScreenShareByPeerID2(peerId));
30154
30169
  const { theme: theme2 } = useTheme();
30155
- const peer = useHMSStore76(selectPeerByID4(peerId));
30170
+ const peer = useHMSStore77(selectPeerByID4(peerId));
30156
30171
  const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
30157
30172
  const [isMouseHovered, setIsMouseHovered] = useState63(false);
30158
30173
  const isMobile = useMedia34(config.media.md);
@@ -30163,7 +30178,7 @@ var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
30163
30178
  onClose: () => setFullscreen(false)
30164
30179
  });
30165
30180
  const isFullScreenSupported = screenfull2.isEnabled;
30166
- const audioTrack = useHMSStore76(selectScreenShareAudioByPeerID(peer == null ? void 0 : peer.id));
30181
+ const audioTrack = useHMSStore77(selectScreenShareAudioByPeerID(peer == null ? void 0 : peer.id));
30167
30182
  if (isLocal && (track == null ? void 0 : track.displaySurface) && !["browser", "window", "application"].includes(track.displaySurface)) {
30168
30183
  return /* @__PURE__ */ React150.createElement(ScreenshareDisplay, null);
30169
30184
  }
@@ -30173,7 +30188,8 @@ var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
30173
30188
  const label = getVideoTileLabel({
30174
30189
  peerName: peer == null ? void 0 : peer.name,
30175
30190
  isLocal: false,
30176
- track
30191
+ videoTrack: track,
30192
+ audioTrack
30177
30193
  });
30178
30194
  return /* @__PURE__ */ React150.createElement(
30179
30195
  StyledVideoTile.Root,
@@ -30242,7 +30258,7 @@ var ScreenshareTile_default = ScreenshareTile;
30242
30258
  // src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
30243
30259
  var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
30244
30260
  var _a7;
30245
- const peersSharing = useHMSStore77(selectPeersScreenSharing);
30261
+ const peersSharing = useHMSStore78(selectPeersScreenSharing);
30246
30262
  const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
30247
30263
  const [page, setPage] = useState64(0);
30248
30264
  const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
@@ -30294,7 +30310,7 @@ init_define_process_env();
30294
30310
  import React152, { useEffect as useEffect52, useMemo as useMemo19 } from "react";
30295
30311
  import { useMedia as useMedia36 } from "react-use";
30296
30312
  import { Whiteboard } from "@100mslive/hms-whiteboard";
30297
- import { selectPeerByCondition, selectWhiteboard, useHMSStore as useHMSStore78, useWhiteboard as useWhiteboard2 } from "@100mslive/react-sdk";
30313
+ import { selectPeerByCondition, selectWhiteboard, useHMSStore as useHMSStore79, useWhiteboard as useWhiteboard2 } from "@100mslive/react-sdk";
30298
30314
  var WhiteboardEmbed = () => {
30299
30315
  const isMobile = useMedia36(config.media.md);
30300
30316
  const { token, endpoint, zoomToContent } = useWhiteboard2(isMobile);
@@ -30318,8 +30334,8 @@ var WhiteboardEmbed = () => {
30318
30334
  );
30319
30335
  };
30320
30336
  var WhiteboardLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
30321
- const whiteboard = useHMSStore78(selectWhiteboard);
30322
- const whiteboardOwner = useHMSStore78(selectPeerByCondition((peer) => peer.customerUserId === (whiteboard == null ? void 0 : whiteboard.owner)));
30337
+ const whiteboard = useHMSStore79(selectWhiteboard);
30338
+ const whiteboardOwner = useHMSStore79(selectPeerByCondition((peer) => peer.customerUserId === (whiteboard == null ? void 0 : whiteboard.owner)));
30323
30339
  const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
30324
30340
  const isMobile = useMedia36(config.media.md);
30325
30341
  const hasSidebar = !isMobile && layoutMode === LayoutMode.SIDEBAR;
@@ -30464,12 +30480,12 @@ var GridLayout = ({
30464
30480
  edge_to_edge = false,
30465
30481
  hide_metadata_on_tile = false
30466
30482
  }) => {
30467
- const peerSharing = useHMSStore79(selectPeerScreenSharing2);
30468
- const whiteboard = useHMSStore79(selectWhiteboard2);
30483
+ const peerSharing = useHMSStore80(selectPeerScreenSharing2);
30484
+ const whiteboard = useHMSStore80(selectWhiteboard2);
30469
30485
  const pinnedTrack = usePinnedTrack();
30470
- const peers = useHMSStore79(selectPeers3);
30471
- const localPeerRole = useHMSStore79(selectLocalPeerRoleName5);
30472
- const localPeerID = useHMSStore79(selectLocalPeerID13);
30486
+ const peers = useHMSStore80(selectPeers3);
30487
+ const localPeerRole = useHMSStore80(selectLocalPeerRoleName5);
30488
+ const localPeerID = useHMSStore80(selectLocalPeerID13);
30473
30489
  const [activeScreensharePeerId] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
30474
30490
  const isRoleProminence = prominentRoles.length && peers.some(
30475
30491
  (peer) => peer.roleName && prominentRoles.includes(peer.roleName) && (peer.videoTrack || peer.audioTrack)
@@ -30568,13 +30584,13 @@ var GridLayout = ({
30568
30584
  // src/Prebuilt/layouts/EmbedView.jsx
30569
30585
  init_define_process_env();
30570
30586
  import React154, { useEffect as useEffect54, useMemo as useMemo21 } from "react";
30571
- import { selectAppData as selectAppData11, selectPeers as selectPeers4, selectPeerScreenSharing as selectPeerScreenSharing3, useEmbedShare, useHMSStore as useHMSStore80 } from "@100mslive/react-sdk";
30587
+ import { selectAppData as selectAppData11, selectPeers as selectPeers4, selectPeerScreenSharing as selectPeerScreenSharing3, useEmbedShare, useHMSStore as useHMSStore81 } from "@100mslive/react-sdk";
30572
30588
  var EmbedView = () => {
30573
30589
  return /* @__PURE__ */ React154.createElement(EmbedScreenShareView, null, /* @__PURE__ */ React154.createElement(EmbedComponent, null));
30574
30590
  };
30575
30591
  var EmbedScreenShareView = ({ children }) => {
30576
- const peers = useHMSStore80(selectPeers4);
30577
- const peerPresenting = useHMSStore80(selectPeerScreenSharing3);
30592
+ const peers = useHMSStore81(selectPeers4);
30593
+ const peerPresenting = useHMSStore81(selectPeerScreenSharing3);
30578
30594
  const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
30579
30595
  const smallTilePeers = useMemo21(() => {
30580
30596
  const smallTilePeers2 = peers.filter((peer) => peer.id !== (peerPresenting == null ? void 0 : peerPresenting.id));
@@ -30589,7 +30605,7 @@ var EmbedScreenShareView = ({ children }) => {
30589
30605
  return /* @__PURE__ */ React154.createElement(ProminenceLayout.Root, null, /* @__PURE__ */ React154.createElement(ProminenceLayout.ProminentSection, null, children), /* @__PURE__ */ React154.createElement(SecondaryTiles, { peers: smallTilePeers }));
30590
30606
  };
30591
30607
  var EmbedComponent = () => {
30592
- const embedConfig = useHMSStore80(selectAppData11(APP_DATA.embedConfig));
30608
+ const embedConfig = useHMSStore81(selectAppData11(APP_DATA.embedConfig));
30593
30609
  const resetConfig = useResetEmbedConfig();
30594
30610
  const { iframeRef, startEmbedShare, isEmbedShareInProgress } = useEmbedShare(resetConfig);
30595
30611
  useEffect54(() => {
@@ -30705,7 +30721,7 @@ import { useMedia as useMedia37 } from "react-use";
30705
30721
  import {
30706
30722
  selectIsTranscriptionEnabled as selectIsTranscriptionEnabled5,
30707
30723
  selectPeerNameByID as selectPeerNameByID6,
30708
- useHMSStore as useHMSStore81,
30724
+ useHMSStore as useHMSStore82,
30709
30725
  useTranscript
30710
30726
  } from "@100mslive/react-sdk";
30711
30727
  var SimpleQueue = class {
@@ -30841,7 +30857,7 @@ var CaptionMaintainerQueue = class {
30841
30857
  }
30842
30858
  };
30843
30859
  var TranscriptView = ({ peer_id, data: data3 }) => {
30844
- const peerName = useHMSStore81(selectPeerNameByID6(peer_id)) || "Participant";
30860
+ const peerName = useHMSStore82(selectPeerNameByID6(peer_id)) || "Participant";
30845
30861
  data3 = data3.trim();
30846
30862
  if (!data3)
30847
30863
  return null;
@@ -30869,7 +30885,7 @@ var CaptionsViewer = ({
30869
30885
  const [captionQueue] = useState66(new CaptionMaintainerQueue());
30870
30886
  const [currentData, setCurrentData] = useState66([]);
30871
30887
  const isCaptionEnabled = useIsCaptionEnabled();
30872
- const isTranscriptionEnabled = useHMSStore81(selectIsTranscriptionEnabled5);
30888
+ const isTranscriptionEnabled = useHMSStore82(selectIsTranscriptionEnabled5);
30873
30889
  const nodeRef = useRef30(null);
30874
30890
  useEffect56(() => {
30875
30891
  const timeInterval = setInterval(() => {
@@ -30939,9 +30955,9 @@ var CaptionsViewer = ({
30939
30955
  // src/Prebuilt/components/hooks/useCloseScreenshareWhiteboard.tsx
30940
30956
  init_define_process_env();
30941
30957
  import { useEffect as useEffect57 } from "react";
30942
- import { selectPeerScreenSharing as selectPeerScreenSharing4, useHMSStore as useHMSStore82, useWhiteboard as useWhiteboard3 } from "@100mslive/react-sdk";
30958
+ import { selectPeerScreenSharing as selectPeerScreenSharing4, useHMSStore as useHMSStore83, useWhiteboard as useWhiteboard3 } from "@100mslive/react-sdk";
30943
30959
  var useCloseScreenshareWhiteboard = () => {
30944
- const peerSharing = useHMSStore82(selectPeerScreenSharing4);
30960
+ const peerSharing = useHMSStore83(selectPeerScreenSharing4);
30945
30961
  const { isOwner: isWhiteboardOwner, toggle: toggleWhiteboard } = useWhiteboard3();
30946
30962
  useEffect57(() => {
30947
30963
  if (isWhiteboardOwner && peerSharing) {
@@ -30951,16 +30967,16 @@ var useCloseScreenshareWhiteboard = () => {
30951
30967
  };
30952
30968
 
30953
30969
  // src/Prebuilt/layouts/VideoStreamingSection.tsx
30954
- var HLSView = React157.lazy(() => import("./HLSView-EYFJ7YDU.js"));
30970
+ var HLSView = React157.lazy(() => import("./HLSView-VBMAXHBP.js"));
30955
30971
  var VideoStreamingSection = ({
30956
30972
  screenType,
30957
30973
  elements,
30958
30974
  hideControls = false
30959
30975
  }) => {
30960
30976
  var _a7;
30961
- const localPeerRoleName = useHMSStore83(selectLocalPeerRoleName6);
30962
- const isConnected = useHMSStore83(selectIsConnectedToRoom9);
30963
- const isSharingScreen = useHMSStore83(selectIsLocalScreenShared2);
30977
+ const localPeerRoleName = useHMSStore84(selectLocalPeerRoleName6);
30978
+ const isConnected = useHMSStore84(selectIsConnectedToRoom9);
30979
+ const isSharingScreen = useHMSStore84(selectIsLocalScreenShared2);
30964
30980
  const hmsActions = useHMSActions48();
30965
30981
  const urlToIframe = useUrlToEmbed();
30966
30982
  const pdfAnnotatorActive = usePDFConfig();
@@ -31070,7 +31086,7 @@ init_define_process_env();
31070
31086
  init_define_process_env();
31071
31087
  import React160 from "react";
31072
31088
  import { useMedia as useMedia40 } from "react-use";
31073
- import { HMSRoomState as HMSRoomState7, selectRoomState as selectRoomState7, useHMSStore as useHMSStore85 } from "@100mslive/react-sdk";
31089
+ import { HMSRoomState as HMSRoomState7, selectRoomState as selectRoomState7, useHMSStore as useHMSStore86 } from "@100mslive/react-sdk";
31074
31090
 
31075
31091
  // src/Prebuilt/components/Header/RoomDetailsHeader.tsx
31076
31092
  init_define_process_env();
@@ -31106,7 +31122,7 @@ import {
31106
31122
  selectVideoTrackByID as selectVideoTrackByID7,
31107
31123
  useDevices as useDevices3,
31108
31124
  useHMSActions as useHMSActions49,
31109
- useHMSStore as useHMSStore84
31125
+ useHMSStore as useHMSStore85
31110
31126
  } from "@100mslive/react-sdk";
31111
31127
  import {
31112
31128
  BluetoothIcon,
@@ -31121,9 +31137,9 @@ var CamaraFlipActions = () => {
31121
31137
  const actions = useHMSActions49();
31122
31138
  const { allDevices } = useDevices3();
31123
31139
  const { videoInput } = allDevices;
31124
- const isVideoOn = useHMSStore84(selectIsLocalVideoEnabled8);
31125
- const videoTrackId = useHMSStore84(selectLocalVideoTrackID3);
31126
- const localVideoTrack = useHMSStore84(selectVideoTrackByID7(videoTrackId));
31140
+ const isVideoOn = useHMSStore85(selectIsLocalVideoEnabled8);
31141
+ const videoTrackId = useHMSStore85(selectLocalVideoTrackID3);
31142
+ const localVideoTrack = useHMSStore85(selectVideoTrackByID7(videoTrackId));
31127
31143
  if (!videoInput || !(videoInput == null ? void 0 : videoInput.length) || !(localVideoTrack == null ? void 0 : localVideoTrack.facingMode)) {
31128
31144
  return null;
31129
31145
  }
@@ -31261,7 +31277,7 @@ var SelectWithLabel = ({ label, icon = /* @__PURE__ */ React159.createElement(Re
31261
31277
 
31262
31278
  // src/Prebuilt/components/Header/Header.tsx
31263
31279
  var Header2 = () => {
31264
- const roomState = useHMSStore85(selectRoomState7);
31280
+ const roomState = useHMSStore86(selectRoomState7);
31265
31281
  const isMobile = useMedia40(config.media.md);
31266
31282
  if (roomState !== HMSRoomState7.Connected) {
31267
31283
  return /* @__PURE__ */ React160.createElement(React160.Fragment, null);
@@ -31307,11 +31323,11 @@ var ConferenceScreen = () => {
31307
31323
  const { userName, endpoints, onJoin: onJoinFunc } = useHMSPrebuiltContext();
31308
31324
  const screenProps = useRoomLayoutConferencingScreen();
31309
31325
  const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
31310
- const roomState = useHMSStore86(selectRoomState8);
31311
- const isConnectedToRoom = useHMSStore86(selectIsConnectedToRoom10);
31326
+ const roomState = useHMSStore87(selectRoomState8);
31327
+ const isConnectedToRoom = useHMSStore87(selectIsConnectedToRoom10);
31312
31328
  const hmsActions = useHMSActions50();
31313
31329
  const [hideControls, setHideControls] = useState68(false);
31314
- const dropdownList = useHMSStore86(selectAppData12(APP_DATA.dropdownList));
31330
+ const dropdownList = useHMSStore87(selectAppData12(APP_DATA.dropdownList));
31315
31331
  const authTokenInAppData = useAuthToken();
31316
31332
  const headerRef = useRef31(null);
31317
31333
  const footerRef = useRef31(null);
@@ -31555,7 +31571,7 @@ import React163, { useEffect as useEffect62 } from "react";
31555
31571
  // src/Prebuilt/services/FeatureFlags.jsx
31556
31572
  init_define_process_env();
31557
31573
  import { useEffect as useEffect61 } from "react";
31558
- import { selectRoomID, useHMSStore as useHMSStore87 } from "@100mslive/react-sdk";
31574
+ import { selectRoomID, useHMSStore as useHMSStore88 } from "@100mslive/react-sdk";
31559
31575
  var FeatureFlags = class {
31560
31576
  static init(roomId) {
31561
31577
  if (!window.HMS) {
@@ -31580,7 +31596,7 @@ __publicField(FeatureFlags, "enableTranscription", define_process_env_default.RE
31580
31596
  __publicField(FeatureFlags, "enableStatsForNerds", define_process_env_default.REACT_APP_ENABLE_STATS_FOR_NERDS === "true");
31581
31597
  __publicField(FeatureFlags, "enableWhiteboard", define_process_env_default.REACT_APP_ENABLE_WHITEBOARD && define_process_env_default.REACT_APP_PUSHER_APP_KEY && define_process_env_default.REACT_APP_PUSHER_AUTHENDPOINT);
31582
31598
  function FeatureFlagsInit() {
31583
- const roomId = useHMSStore87(selectRoomID);
31599
+ const roomId = useHMSStore88(selectRoomID);
31584
31600
  useEffect61(() => {
31585
31601
  if (roomId) {
31586
31602
  FeatureFlags.init(roomId);
@@ -31750,7 +31766,7 @@ var FeedbackModal = ({
31750
31766
  return /* @__PURE__ */ React164.createElement(Sheet.Root, { open: index !== FEEBACK_INDEX.INIT, onOpenChange }, /* @__PURE__ */ React164.createElement(
31751
31767
  Sheet.Content,
31752
31768
  {
31753
- css: { bg: "$surface_dim", p: "$12" },
31769
+ css: { bg: "$surface_dim", p: "$10", overflowY: "auto" },
31754
31770
  onPointerDownOutside: avoidDefaultDomBehavior,
31755
31771
  onInteractOutside: avoidDefaultDomBehavior
31756
31772
  },
@@ -31774,6 +31790,7 @@ var FeedbackContent = ({
31774
31790
  }) => {
31775
31791
  const { feedback } = useRoomLayoutLeaveScreen();
31776
31792
  const { endpoints } = useHMSPrebuiltContext();
31793
+ const isMobile = useMedia41(config.media.md);
31777
31794
  const hmsActions = useHMSActions52();
31778
31795
  const [comment, setComment] = useState69("");
31779
31796
  const [selectedReasons, setSelectedReasons] = useState69(/* @__PURE__ */ new Set());
@@ -31797,7 +31814,7 @@ var FeedbackContent = ({
31797
31814
  });
31798
31815
  yield hmsActions.submitSessionFeedback(
31799
31816
  {
31800
- question: ratings[indexSelected].question,
31817
+ question: `${feedback == null ? void 0 : feedback.title} | ${ratings[indexSelected].question || ""}`,
31801
31818
  rating: ratings[indexSelected].value || 1,
31802
31819
  min_rating: 1,
31803
31820
  max_rating: ratings.length,
@@ -31849,7 +31866,7 @@ var FeedbackContent = ({
31849
31866
  type: "submit",
31850
31867
  icon: true,
31851
31868
  css: {
31852
- alignSelf: "end"
31869
+ alignSelf: isMobile ? "" : "end"
31853
31870
  },
31854
31871
  onClick: submitFeedback
31855
31872
  },
@@ -31862,6 +31879,7 @@ var FeedbackHeader = ({
31862
31879
  ratings,
31863
31880
  indexSelected = FEEBACK_INDEX.INIT
31864
31881
  }) => {
31882
+ const isMobile = useMedia41(config.media.md);
31865
31883
  const { feedback } = useRoomLayoutLeaveScreen();
31866
31884
  return /* @__PURE__ */ React164.createElement(React164.Fragment, null, /* @__PURE__ */ React164.createElement(Flex, { align: "center" }, /* @__PURE__ */ React164.createElement(
31867
31885
  Flex,
@@ -31874,7 +31892,7 @@ var FeedbackHeader = ({
31874
31892
  /* @__PURE__ */ React164.createElement(
31875
31893
  Text,
31876
31894
  {
31877
- variant: "h5",
31895
+ variant: isMobile ? "h6" : "h5",
31878
31896
  css: {
31879
31897
  c: "$on_surface_high",
31880
31898
  fontStyle: "normal"
@@ -31885,7 +31903,7 @@ var FeedbackHeader = ({
31885
31903
  /* @__PURE__ */ React164.createElement(
31886
31904
  Text,
31887
31905
  {
31888
- variant: "body1",
31906
+ variant: isMobile ? "body2" : "body1",
31889
31907
  css: {
31890
31908
  c: "$on_surface_medium",
31891
31909
  opacity: 0.9,
@@ -31897,9 +31915,13 @@ var FeedbackHeader = ({
31897
31915
  ), indexSelected !== FEEBACK_INDEX.INIT ? /* @__PURE__ */ React164.createElement(CrossIcon28, { width: "24px", height: "24px", color: "white", onClick: () => onEmojiClicked(FEEBACK_INDEX.INIT) }) : null), /* @__PURE__ */ React164.createElement(
31898
31916
  Flex,
31899
31917
  {
31918
+ justify: "between",
31900
31919
  css: {
31901
31920
  gap: "$17",
31902
- c: "$on_surface_high"
31921
+ c: "$on_surface_high",
31922
+ "@md": {
31923
+ gap: "0"
31924
+ }
31903
31925
  }
31904
31926
  },
31905
31927
  ratings.map((element, index) => {
@@ -31923,7 +31945,10 @@ var FeedbackHeader = ({
31923
31945
  fontSize: "$h4",
31924
31946
  pb: "$1",
31925
31947
  cursor: "pointer",
31926
- opacity: indexSelected === index || indexSelected === FEEBACK_INDEX.INIT ? 1 : 0.2
31948
+ opacity: indexSelected === index || indexSelected === FEEBACK_INDEX.INIT ? 1 : 0.2,
31949
+ "@md": {
31950
+ fontSize: "$h5"
31951
+ }
31927
31952
  }
31928
31953
  },
31929
31954
  element.emoji
@@ -31931,7 +31956,7 @@ var FeedbackHeader = ({
31931
31956
  /* @__PURE__ */ React164.createElement(
31932
31957
  Text,
31933
31958
  {
31934
- variant: "body1",
31959
+ variant: isMobile ? "body2" : "body1",
31935
31960
  css: {
31936
31961
  c: indexSelected === index || indexSelected === FEEBACK_INDEX.INIT ? "$on_surface_medium" : "$on_surface_low",
31937
31962
  fontWeight: "$regular"
@@ -32020,6 +32045,7 @@ var FeedbackForm = ({
32020
32045
  /* @__PURE__ */ React164.createElement(
32021
32046
  Label3,
32022
32047
  {
32048
+ htmlFor: `${option}-${index}`,
32023
32049
  css: {
32024
32050
  color: "$on_surface_high",
32025
32051
  fontSize: "$sm",
@@ -32098,7 +32124,7 @@ var ThankyouView = () => {
32098
32124
  }
32099
32125
  },
32100
32126
  /* @__PURE__ */ React165.createElement(UserMusicIcon, { width: "64px", height: "64px" }),
32101
- /* @__PURE__ */ React165.createElement(Flex, { direction: "column", align: isMobile ? "center" : "start" }, /* @__PURE__ */ React165.createElement(Text, { variant: "h5" }, "Thank you for your feedback!"), /* @__PURE__ */ React165.createElement(
32127
+ /* @__PURE__ */ React165.createElement(Flex, { direction: "column", align: isMobile ? "center" : "start" }, /* @__PURE__ */ React165.createElement(Text, { variant: "h5" }, "Thank you for your feedback"), /* @__PURE__ */ React165.createElement(
32102
32128
  Text,
32103
32129
  {
32104
32130
  variant: "body1",
@@ -32149,21 +32175,22 @@ var Feedback = () => {
32149
32175
  justify: "center",
32150
32176
  css: {
32151
32177
  pt: "$16",
32152
- w: "528px"
32178
+ w: isMobile ? "100%" : "528px"
32153
32179
  }
32154
32180
  },
32155
32181
  index === FEEBACK_INDEX.INIT ? /* @__PURE__ */ React166.createElement(
32156
32182
  Flex,
32157
32183
  {
32158
32184
  css: {
32159
- p: "$12",
32185
+ p: isMobile ? "$10" : "$12",
32160
32186
  border: "1px solid $border_default",
32161
32187
  bg: "$surface_dim",
32162
32188
  borderRadius: !isMobile ? "$3" : "$3 $3 0 0",
32163
32189
  gap: "$10",
32164
32190
  "@md": {
32165
32191
  position: "absolute",
32166
- bottom: "0"
32192
+ bottom: "0",
32193
+ w: "100%"
32167
32194
  }
32168
32195
  },
32169
32196
  direction: "column"
@@ -32284,7 +32311,7 @@ import {
32284
32311
  useAwayNotifications as useAwayNotifications5,
32285
32312
  useCustomEvent as useCustomEvent4,
32286
32313
  useHMSNotifications as useHMSNotifications11,
32287
- useHMSStore as useHMSStore91,
32314
+ useHMSStore as useHMSStore92,
32288
32315
  useHMSVanillaStore as useHMSVanillaStore17
32289
32316
  } from "@100mslive/react-sdk";
32290
32317
  import { GroupIcon as GroupIcon2 } from "@100mslive/react-icons";
@@ -32324,12 +32351,12 @@ function AutoplayBlockedModal() {
32324
32351
  init_define_process_env();
32325
32352
  import React170, { useEffect as useEffect65 } from "react";
32326
32353
  import { v4 as uuid4 } from "uuid";
32327
- import { selectLocalPeerID as selectLocalPeerID14, selectSessionStore as selectSessionStore13, useHMSStore as useHMSStore88 } from "@100mslive/react-sdk";
32354
+ import { selectLocalPeerID as selectLocalPeerID14, selectSessionStore as selectSessionStore13, useHMSStore as useHMSStore89 } from "@100mslive/react-sdk";
32328
32355
  import { ChatIcon as ChatIcon2, ChatUnreadIcon } from "@100mslive/react-icons";
32329
32356
  var NOTIFICATION_TIME_DIFFERENCE = 5e3;
32330
32357
  var ChatNotifications = () => {
32331
- const chatState = useHMSStore88(selectSessionStore13("chatState" /* CHAT_STATE */));
32332
- const localPeerId = useHMSStore88(selectLocalPeerID14);
32358
+ const chatState = useHMSStore89(selectSessionStore13("chatState" /* CHAT_STATE */));
32359
+ const localPeerId = useHMSStore89(selectLocalPeerID14);
32333
32360
  useEffect65(() => {
32334
32361
  var _a7, _b7;
32335
32362
  if (!chatState || ((_a7 = chatState.updatedBy) == null ? void 0 : _a7.peerId) === localPeerId) {
@@ -32363,7 +32390,7 @@ import {
32363
32390
  selectRoomState as selectRoomState9,
32364
32391
  useAwayNotifications as useAwayNotifications4,
32365
32392
  useHMSNotifications as useHMSNotifications2,
32366
- useHMSStore as useHMSStore90,
32393
+ useHMSStore as useHMSStore91,
32367
32394
  useHMSVanillaStore as useHMSVanillaStore16
32368
32395
  } from "@100mslive/react-sdk";
32369
32396
 
@@ -32373,7 +32400,7 @@ init_define_process_env();
32373
32400
  // src/Prebuilt/components/Toast/ToastConfig.jsx
32374
32401
  init_define_process_env();
32375
32402
  import React171, { useCallback as useCallback35 } from "react";
32376
- import { selectPeerByID as selectPeerByID5, useHMSActions as useHMSActions53, useHMSStore as useHMSStore89 } from "@100mslive/react-sdk";
32403
+ import { selectPeerByID as selectPeerByID5, useHMSActions as useHMSActions53, useHMSStore as useHMSStore90 } from "@100mslive/react-sdk";
32377
32404
  import {
32378
32405
  ChatUnreadIcon as ChatUnreadIcon2,
32379
32406
  ConnectivityIcon,
@@ -32395,7 +32422,7 @@ var HandRaiseAction = React171.forwardRef(({ id = "", isSingleHandRaise = true }
32395
32422
  const hmsActions = useHMSActions53();
32396
32423
  const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
32397
32424
  const isParticipantsOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.PARTICIPANTS);
32398
- const peer = useHMSStore89(selectPeerByID5(id));
32425
+ const peer = useHMSStore90(selectPeerByID5(id));
32399
32426
  const layout = useRoomLayout();
32400
32427
  const {
32401
32428
  bring_to_stage_label,
@@ -32604,11 +32631,11 @@ ToastManager.addListener(ToastBatcher.syncUItoast.bind(ToastBatcher));
32604
32631
  var HandRaisedNotifications = () => {
32605
32632
  var _a7, _b7;
32606
32633
  const notification = useHMSNotifications2(HMSNotificationTypes2.HAND_RAISE_CHANGED);
32607
- const roomState = useHMSStore90(selectRoomState9);
32634
+ const roomState = useHMSStore91(selectRoomState9);
32608
32635
  const vanillaStore = useHMSVanillaStore16();
32609
32636
  const { on_stage_exp } = useRoomLayoutConferencingScreen().elements || {};
32610
32637
  const isSubscribing = !!useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.METADATA_UPDATED);
32611
- const amIScreenSharing = useHMSStore90(selectIsLocalScreenShared3);
32638
+ const amIScreenSharing = useHMSStore91(selectIsLocalScreenShared3);
32612
32639
  const { showNotification } = useAwayNotifications4();
32613
32640
  const logoURL = (_b7 = (_a7 = useRoomLayout()) == null ? void 0 : _a7.logo) == null ? void 0 : _b7.url;
32614
32641
  useEffect66(() => {
@@ -32941,7 +32968,7 @@ var TrackUnmuteModal = () => {
32941
32968
  {
32942
32969
  title: `Unmute your ${track.type}?`,
32943
32970
  onOpenChange: (value) => !value && setMuteNotification(null),
32944
- body: `${peer == null ? void 0 : peer.name}is requesting you to unmute your ${track == null ? void 0 : track.type}.`,
32971
+ body: `${peer == null ? void 0 : peer.name} is requesting you to unmute your ${track == null ? void 0 : track.type}.`,
32945
32972
  onAction: () => {
32946
32973
  hmsActions.setEnabledTrack(track.id, enabled);
32947
32974
  setMuteNotification(null);
@@ -33002,17 +33029,17 @@ var TranscriptionNotifications = () => {
33002
33029
  var pollToastKey = {};
33003
33030
  function Notifications() {
33004
33031
  var _a7, _b7;
33005
- const localPeerID = useHMSStore91(selectLocalPeerID15);
33032
+ const localPeerID = useHMSStore92(selectLocalPeerID15);
33006
33033
  const notification = useHMSNotifications11();
33007
33034
  const subscribedNotifications = useSubscribedNotifications() || {};
33008
- const roomState = useHMSStore91(selectRoomState10);
33035
+ const roomState = useHMSStore92(selectRoomState10);
33009
33036
  const updateRoomLayoutForRole = useUpdateRoomLayout();
33010
33037
  const isNotificationDisabled = useIsNotificationDisabled();
33011
33038
  const screenProps = useRoomLayoutConferencingScreen();
33012
33039
  const vanillaStore = useHMSVanillaStore17();
33013
33040
  const togglePollView = usePollViewToggle();
33014
33041
  const { showNotification } = useAwayNotifications5();
33015
- const amIScreenSharing = useHMSStore91(selectIsLocalScreenShared4);
33042
+ const amIScreenSharing = useHMSStore92(selectIsLocalScreenShared4);
33016
33043
  const logoURL = (_b7 = (_a7 = useRoomLayout()) == null ? void 0 : _a7.logo) == null ? void 0 : _b7.url;
33017
33044
  const { pipWindow } = usePIPWindow();
33018
33045
  const handleRoleChangeDenied = useCallback36((request) => {
@@ -33209,7 +33236,7 @@ var PreviewScreen = () => {
33209
33236
  // src/Prebuilt/components/Toast/ToastContainer.jsx
33210
33237
  init_define_process_env();
33211
33238
  import React181, { useEffect as useEffect76, useState as useState77 } from "react";
33212
- import { selectIsConnectedToRoom as selectIsConnectedToRoom11, useHMSStore as useHMSStore92 } from "@100mslive/react-sdk";
33239
+ import { selectIsConnectedToRoom as selectIsConnectedToRoom11, useHMSStore as useHMSStore93 } from "@100mslive/react-sdk";
33213
33240
 
33214
33241
  // src/Prebuilt/components/Toast/Toast.jsx
33215
33242
  init_define_process_env();
@@ -33232,7 +33259,7 @@ var Toast2 = (_a7) => {
33232
33259
 
33233
33260
  // src/Prebuilt/components/Toast/ToastContainer.jsx
33234
33261
  var ToastContainer = () => {
33235
- const isConnected = useHMSStore92(selectIsConnectedToRoom11);
33262
+ const isConnected = useHMSStore93(selectIsConnectedToRoom11);
33236
33263
  const [toasts, setToast] = useState77([]);
33237
33264
  useEffect76(() => {
33238
33265
  ToastManager.addListener(setToast);
@@ -33255,7 +33282,7 @@ var ToastContainer = () => {
33255
33282
  // src/Prebuilt/layouts/Sheet.tsx
33256
33283
  init_define_process_env();
33257
33284
  import React183 from "react";
33258
- import { selectAppData as selectAppData14, useHMSStore as useHMSStore93 } from "@100mslive/react-sdk";
33285
+ import { selectAppData as selectAppData14, useHMSStore as useHMSStore94 } from "@100mslive/react-sdk";
33259
33286
 
33260
33287
  // src/Prebuilt/components/RoomDetails/RoomDetailsSheet.tsx
33261
33288
  init_define_process_env();
@@ -33279,7 +33306,7 @@ var RoomDetailsSheet = () => {
33279
33306
 
33280
33307
  // src/Prebuilt/layouts/Sheet.tsx
33281
33308
  var Sheet2 = () => {
33282
- const sheet = useHMSStore93(selectAppData14(APP_DATA.sheet));
33309
+ const sheet = useHMSStore94(selectAppData14(APP_DATA.sheet));
33283
33310
  let ViewComponent;
33284
33311
  if (sheet === SHEET_OPTIONS.ROOM_DETAILS) {
33285
33312
  ViewComponent = /* @__PURE__ */ React183.createElement(RoomDetailsSheet, null);
@@ -33297,7 +33324,7 @@ import {
33297
33324
  selectPeerNameByID as selectPeerNameByID8,
33298
33325
  useCustomEvent as useCustomEvent5,
33299
33326
  useHMSActions as useHMSActions56,
33300
- useHMSStore as useHMSStore94,
33327
+ useHMSStore as useHMSStore95,
33301
33328
  useHMSVanillaStore as useHMSVanillaStore18
33302
33329
  } from "@100mslive/react-sdk";
33303
33330
  var emojiCount = 1;
@@ -33324,12 +33351,12 @@ var getStartingPoints = (isMobile) => {
33324
33351
  return arr;
33325
33352
  };
33326
33353
  function FlyingEmoji() {
33327
- const localPeerId = useHMSStore94(selectLocalPeerID16);
33354
+ const localPeerId = useHMSStore95(selectLocalPeerID16);
33328
33355
  const vanillaStore = useHMSVanillaStore18();
33329
33356
  const hmsActions = useHMSActions56();
33330
33357
  const [emojis, setEmojis] = useState78([]);
33331
33358
  const isMobile = useMedia46(config.media.md);
33332
- const isLargeRoom = useHMSStore94(selectIsLargeRoom4);
33359
+ const isLargeRoom = useHMSStore95(selectIsLargeRoom4);
33333
33360
  const startingPoints = useMemo23(() => getStartingPoints(isMobile), [isMobile]);
33334
33361
  const showFlyingEmoji = useCallback38(
33335
33362
  (_0) => __async(this, [_0], function* ({ emojiId, senderId }) {
@@ -33447,15 +33474,15 @@ import {
33447
33474
  selectIsConnectedToRoom as selectIsConnectedToRoom12,
33448
33475
  selectPermissions as selectPermissions20,
33449
33476
  useHMSActions as useHMSActions58,
33450
- useHMSStore as useHMSStore95,
33477
+ useHMSStore as useHMSStore96,
33451
33478
  useRecordingStreaming as useRecordingStreaming12
33452
33479
  } from "@100mslive/react-sdk";
33453
33480
  var useAutoStartStreaming = () => {
33454
33481
  const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
33455
- const permissions = useHMSStore95(selectPermissions20);
33482
+ const permissions = useHMSStore96(selectPermissions20);
33456
33483
  const showStreamingUI = useShowStreamingUI();
33457
33484
  const hmsActions = useHMSActions58();
33458
- const isConnected = useHMSStore95(selectIsConnectedToRoom12);
33485
+ const isConnected = useHMSStore96(selectIsConnectedToRoom12);
33459
33486
  const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = useRecordingStreaming12();
33460
33487
  const streamStartedRef = useRef33(false);
33461
33488
  const startHLS = useCallback40(() => __async(void 0, null, function* () {
@@ -33647,7 +33674,7 @@ var AppStates = ({ activeState }) => {
33647
33674
  return match16({ activeState, isPreviewScreenEnabled, isLeaveScreenEnabled }).with({ activeState: "preview" /* PREVIEW */, isPreviewScreenEnabled: true }, () => /* @__PURE__ */ React186.createElement(PreviewScreen, null)).with({ activeState: "leave" /* LEAVE */, isLeaveScreenEnabled: true }, () => /* @__PURE__ */ React186.createElement(LeaveScreen, null)).otherwise(() => /* @__PURE__ */ React186.createElement(ConferenceScreen, null));
33648
33675
  };
33649
33676
  var BackSwipe = () => {
33650
- const isConnectedToRoom = useHMSStore96(selectIsConnectedToRoom13);
33677
+ const isConnectedToRoom = useHMSStore97(selectIsConnectedToRoom13);
33651
33678
  const hmsActions = useHMSActions59();
33652
33679
  useEffect79(() => {
33653
33680
  const onRouteLeave = () => __async(void 0, null, function* () {
@@ -33720,7 +33747,7 @@ import {
33720
33747
  selectLocalMediaSettings,
33721
33748
  selectTrackAudioByID as selectTrackAudioByID2,
33722
33749
  useHMSActions as useHMSActions60,
33723
- useHMSStore as useHMSStore97
33750
+ useHMSStore as useHMSStore98
33724
33751
  } from "@100mslive/react-sdk";
33725
33752
  import { MicOnIcon as MicOnIcon7, SpeakerIcon as SpeakerIcon5, StopIcon as StopIcon3 } from "@100mslive/react-icons";
33726
33753
 
@@ -33875,12 +33902,12 @@ var SelectContainer = ({ children }) => /* @__PURE__ */ React190.createElement(B
33875
33902
  var MicTest = ({ setError }) => {
33876
33903
  var _a7, _b7;
33877
33904
  const { hmsDiagnostics } = useDiagnostics();
33878
- const devices = useHMSStore97(selectDevices);
33905
+ const devices = useHMSStore98(selectDevices);
33879
33906
  const [isRecording, setIsRecording] = useState80(false);
33880
33907
  const [selectedMic, setSelectedMic] = useState80(((_a7 = devices.audioInput[0]) == null ? void 0 : _a7.deviceId) || "default");
33881
- const trackID = useHMSStore97(selectLocalAudioTrackID2);
33882
- const audioLevel = useHMSStore97(selectTrackAudioByID2(trackID));
33883
- const { audioOutputDeviceId } = useHMSStore97(selectLocalMediaSettings);
33908
+ const trackID = useHMSStore98(selectLocalAudioTrackID2);
33909
+ const audioLevel = useHMSStore98(selectTrackAudioByID2(trackID));
33910
+ const { audioOutputDeviceId } = useHMSStore98(selectLocalMediaSettings);
33884
33911
  const { playing, setPlaying, audioRef } = useAudioOutputTest({
33885
33912
  deviceId: audioOutputDeviceId || ((_b7 = devices.audioOutput[0]) == null ? void 0 : _b7.deviceId)
33886
33913
  });
@@ -33956,8 +33983,8 @@ var MicTest = ({ setError }) => {
33956
33983
  var SpeakerTest = () => {
33957
33984
  var _a7;
33958
33985
  const actions = useHMSActions60();
33959
- const devices = useHMSStore97(selectDevices);
33960
- const { audioOutputDeviceId } = useHMSStore97(selectLocalMediaSettings);
33986
+ const devices = useHMSStore98(selectDevices);
33987
+ const { audioOutputDeviceId } = useHMSStore98(selectLocalMediaSettings);
33961
33988
  if (devices.audioOutput.length === 0) {
33962
33989
  return /* @__PURE__ */ React190.createElement(React190.Fragment, null);
33963
33990
  }
@@ -34347,15 +34374,15 @@ import {
34347
34374
  selectDevices as selectDevices2,
34348
34375
  selectLocalMediaSettings as selectLocalMediaSettings2,
34349
34376
  selectLocalVideoTrackID as selectLocalVideoTrackID4,
34350
- useHMSStore as useHMSStore98
34377
+ useHMSStore as useHMSStore99
34351
34378
  } from "@100mslive/react-sdk";
34352
34379
  import { VideoOnIcon as VideoOnIcon5 } from "@100mslive/react-icons";
34353
34380
  var VideoTest = () => {
34354
34381
  const { hmsDiagnostics, updateStep } = useDiagnostics();
34355
- const allDevices = useHMSStore98(selectDevices2);
34382
+ const allDevices = useHMSStore99(selectDevices2);
34356
34383
  const { videoInput } = allDevices;
34357
- const trackID = useHMSStore98(selectLocalVideoTrackID4);
34358
- const sdkSelectedDevices = useHMSStore98(selectLocalMediaSettings2);
34384
+ const trackID = useHMSStore99(selectLocalVideoTrackID4);
34385
+ const sdkSelectedDevices = useHMSStore99(selectLocalMediaSettings2);
34359
34386
  const [error, setError] = useState83();
34360
34387
  useEffect82(() => {
34361
34388
  hmsDiagnostics == null ? void 0 : hmsDiagnostics.startCameraCheck().catch((err) => {
@@ -34636,4 +34663,4 @@ object-assign/index.js:
34636
34663
  @license MIT
34637
34664
  *)
34638
34665
  */
34639
- //# sourceMappingURL=chunk-3FZB2LJY.js.map
34666
+ //# sourceMappingURL=chunk-JCM6FDIX.js.map