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

Sign up to get free protection for your applications and to get access to all the features.
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