@100mslive/roomkit-react 0.2.8-alpha.5 → 0.2.8-alpha.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (49) hide show
  1. package/dist/{HLSView-CVNJNDUQ.js → HLSView-MYKM5AXS.js} +239 -144
  2. package/dist/HLSView-MYKM5AXS.js.map +7 -0
  3. package/dist/Prebuilt/components/Chat/MwebChatOption.d.ts +1 -1
  4. package/dist/Prebuilt/components/HMSVideo/PlayPauseButton.d.ts +6 -0
  5. package/dist/Prebuilt/components/HMSVideo/SeekControls.d.ts +7 -0
  6. package/dist/Prebuilt/components/HMSVideo/VideoProgress.d.ts +3 -1
  7. package/dist/Prebuilt/components/HMSVideo/index.d.ts +10 -2
  8. package/dist/Prebuilt/layouts/SidePane.d.ts +1 -1
  9. package/dist/{chunk-25HZFDG5.js → chunk-DRBTAFKN.js} +356 -222
  10. package/dist/chunk-DRBTAFKN.js.map +7 -0
  11. package/dist/index.cjs.js +949 -712
  12. package/dist/index.cjs.js.map +4 -4
  13. package/dist/index.js +1 -1
  14. package/dist/meta.cjs.json +217 -78
  15. package/dist/meta.esbuild.json +227 -87
  16. package/package.json +7 -6
  17. package/src/Prebuilt/components/AppData/useSidepane.js +34 -7
  18. package/src/Prebuilt/components/AuthToken.jsx +1 -1
  19. package/src/Prebuilt/components/Chat/ChatFooter.tsx +1 -1
  20. package/src/Prebuilt/components/Chat/MwebChatOption.tsx +1 -1
  21. package/src/Prebuilt/components/ConferenceScreen.tsx +11 -14
  22. package/src/Prebuilt/components/Footer/RoleOptions.tsx +32 -15
  23. package/src/Prebuilt/components/HMSVideo/HLSAutoplayBlockedPrompt.tsx +31 -1
  24. package/src/Prebuilt/components/HMSVideo/HMSVideo.jsx +7 -1
  25. package/src/Prebuilt/components/HMSVideo/PlayPauseButton.tsx +27 -0
  26. package/src/Prebuilt/components/HMSVideo/SeekControls.tsx +22 -0
  27. package/src/Prebuilt/components/HMSVideo/VideoProgress.tsx +4 -3
  28. package/src/Prebuilt/components/HMSVideo/VolumeControl.tsx +1 -1
  29. package/src/Prebuilt/components/HMSVideo/index.ts +4 -2
  30. package/src/Prebuilt/components/Header/StreamActions.tsx +1 -1
  31. package/src/Prebuilt/components/MoreSettings/SplitComponents/DesktopOptions.tsx +37 -31
  32. package/src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx +6 -5
  33. package/src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx +2 -2
  34. package/src/Prebuilt/components/Notifications/PeerNotifications.tsx +1 -1
  35. package/src/Prebuilt/components/Polls/Voting/QuestionCard.jsx +19 -8
  36. package/src/Prebuilt/components/SidePaneTabs.tsx +27 -35
  37. package/src/Prebuilt/components/StatsForNerds.jsx +14 -6
  38. package/src/Prebuilt/components/Streaming/Common.jsx +1 -1
  39. package/src/Prebuilt/components/TileMenu/TileMenuContent.tsx +2 -2
  40. package/src/Prebuilt/components/Toast/ToastBatcher.js +8 -1
  41. package/src/Prebuilt/components/Toast/ToastConfig.jsx +17 -0
  42. package/src/Prebuilt/layouts/HLSView.jsx +109 -69
  43. package/src/Prebuilt/layouts/SidePane.tsx +125 -67
  44. package/src/Prebuilt/layouts/VideoStreamingSection.tsx +2 -1
  45. package/src/Prebuilt/provider/roomLayoutProvider/index.tsx +1 -1
  46. package/src/Sheet/Sheet.tsx +4 -0
  47. package/dist/HLSView-CVNJNDUQ.js.map +0 -7
  48. package/dist/chunk-25HZFDG5.js.map +0 -7
  49. package/src/Prebuilt/components/HMSVideo/PlayButton.jsx +0 -13
package/dist/index.cjs.js CHANGED
@@ -108,7 +108,7 @@ var __async = (__this, __arguments, generator) => {
108
108
  var define_process_env_default;
109
109
  var init_define_process_env = __esm({
110
110
  "<define:process.env>"() {
111
- define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_a2d25392-e983-4dc8-a996-752ed975f55d", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_devDependencies_rollup: "^2.70.1", npm_package_exports___require: "./dist/index.cjs.js", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.21 npm/? node/v18.19.1 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_devDependencies__rollup_plugin_node_resolve: "^13.1.3", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.9.8-alpha.5", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_a2d25392-e983-4dc8-a996-752ed975f55d", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.19.1/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.12.8-alpha.5", 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.7", 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.6", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.2.11394342", 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: "589", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_devDependencies__rollup_plugin_image: "^3.0.2", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.7/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240218.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.0/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.0-alpha.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:18567", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__rollup_plugin_commonjs: "^21.0.3", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.2.8-alpha.5", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", npm_package_devDependencies__rollup_plugin_json: "^6.0.0", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", GITHUB_RUN_ID: "8076840402", 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_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: "6ba28232c0bb10f4ba990777369c5c5b132203b1", 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: "43ae19c6eb82415162c072f1b28234ed0a19acf289ee178d82b17b9909ab16c5", npm_package_exports___import: "./dist/index.js", STATS_BLT: "true", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/publish-alpha", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1709105780086-0.8969639265451106:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1709105779889-0.36514107301713383:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1709105757584-0.07376076545779098:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1709105757404-0.9859750851125968:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/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.19.1/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_e97489a3-4673-4f20-bf72-485a5bc17b12", INVOCATION_ID: "90956711b8e6428b938e419d68168b61", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", GOROOT_1_19_X64: "/opt/hostedtoolcache/go/1.19.13/x64", 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: "454", GITHUB_TRIGGERING_ACTOR: "github-actions[bot]", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", npm_package_devDependencies__rollup_plugin_typescript: "^8.3.1", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_devDependencies_rollup_plugin_terser: "^7.0.2", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 438", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_devDependencies_rollup_plugin_import_css: "^3.3.1", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.9.8-alpha.5", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.2.8-alpha.5", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", GITHUB_SHA: "6ba28232c0bb10f4ba990777369c5c5b132203b1", 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_a2d25392-e983-4dc8-a996-752ed975f55d", 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_a2d25392-e983-4dc8-a996-752ed975f55d", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/25.2.9519653", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.154/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_a2d25392-e983-4dc8-a996-752ed975f55d" };
111
+ define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_185c518e-14fa-4a8e-bf76-523e6a97de22", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_devDependencies_rollup: "^2.70.1", npm_package_exports___require: "./dist/index.cjs.js", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.21 npm/? node/v18.19.1 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_devDependencies__rollup_plugin_node_resolve: "^13.1.3", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.9.8-alpha.7", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_185c518e-14fa-4a8e-bf76-523e6a97de22", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.19.1/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.12.8-alpha.7", 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.7", 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.6", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.2.11394342", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "593", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_devDependencies__rollup_plugin_image: "^3.0.2", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.7/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240225.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.0/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.0-alpha.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:20547", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__rollup_plugin_commonjs: "^21.0.3", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.2.8-alpha.7", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", npm_package_devDependencies__rollup_plugin_json: "^6.0.0", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", GITHUB_RUN_ID: "8081355382", 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: "48bc1b57113a4245b79055a80f4f1f5d3b8795aa", 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: "f6aeb3782206d0c2fca9cbf488ceb0a35487be7c645191f5cf0163a3eb01e719", 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--1709127809318-0.9086977243625547:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1709127809126-0.6095770090936108:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1709127787109-0.0814847064321016:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1709127786931-0.6972012578357483:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/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.19.1/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_2ee04255-38bc-4c51-b269-6782657e4adf", INVOCATION_ID: "18dfc21d5d544d1b8eb77f790b149ed9", 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: "456", GITHUB_TRIGGERING_ACTOR: "github-actions[bot]", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", npm_package_devDependencies__rollup_plugin_typescript: "^8.3.1", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_devDependencies_rollup_plugin_terser: "^7.0.2", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 141", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_devDependencies_rollup_plugin_import_css: "^3.3.1", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.9.8-alpha.7", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.2.8-alpha.7", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", GITHUB_SHA: "48bc1b57113a4245b79055a80f4f1f5d3b8795aa", 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_185c518e-14fa-4a8e-bf76-523e6a97de22", 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_185c518e-14fa-4a8e-bf76-523e6a97de22", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/25.2.9519653", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.154/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_185c518e-14fa-4a8e-bf76-523e6a97de22" };
112
112
  }
113
113
  });
114
114
 
@@ -6870,8 +6870,8 @@ var require_lodash = __commonJS({
6870
6870
  return { "start": start, "end": end };
6871
6871
  }
6872
6872
  function getWrapDetails(source) {
6873
- var match = source.match(reWrapDetails);
6874
- return match ? match[1].split(reSplitDetails) : [];
6873
+ var match8 = source.match(reWrapDetails);
6874
+ return match8 ? match8[1].split(reSplitDetails) : [];
6875
6875
  }
6876
6876
  function hasPath(object, path, hasFunc) {
6877
6877
  path = castPath(path, object);
@@ -7139,8 +7139,8 @@ var require_lodash = __commonJS({
7139
7139
  if (string.charCodeAt(0) === 46) {
7140
7140
  result2.push("");
7141
7141
  }
7142
- string.replace(rePropName, function(match, number, quote, subString) {
7143
- result2.push(quote ? subString.replace(reEscapeChar, "$1") : number || match);
7142
+ string.replace(rePropName, function(match8, number, quote, subString) {
7143
+ result2.push(quote ? subString.replace(reEscapeChar, "$1") : number || match8);
7144
7144
  });
7145
7145
  return result2;
7146
7146
  });
@@ -8706,7 +8706,7 @@ var require_lodash = __commonJS({
8706
8706
  "g"
8707
8707
  );
8708
8708
  var sourceURL = "//# sourceURL=" + (hasOwnProperty.call(options, "sourceURL") ? (options.sourceURL + "").replace(/\s/g, " ") : "lodash.templateSources[" + ++templateCounter + "]") + "\n";
8709
- string.replace(reDelimiters, function(match, escapeValue, interpolateValue, esTemplateValue, evaluateValue, offset) {
8709
+ string.replace(reDelimiters, function(match8, escapeValue, interpolateValue, esTemplateValue, evaluateValue, offset) {
8710
8710
  interpolateValue || (interpolateValue = esTemplateValue);
8711
8711
  source += string.slice(index, offset).replace(reUnescapedString, escapeStringChar);
8712
8712
  if (escapeValue) {
@@ -8720,8 +8720,8 @@ var require_lodash = __commonJS({
8720
8720
  if (interpolateValue) {
8721
8721
  source += "' +\n((__t = (" + interpolateValue + ")) == null ? '' : __t) +\n'";
8722
8722
  }
8723
- index = offset + match.length;
8724
- return match;
8723
+ index = offset + match8.length;
8724
+ return match8;
8725
8725
  });
8726
8726
  source += "';\n";
8727
8727
  var variable = hasOwnProperty.call(options, "variable") && options.variable;
@@ -8809,13 +8809,13 @@ var require_lodash = __commonJS({
8809
8809
  }
8810
8810
  if (isRegExp(separator)) {
8811
8811
  if (string.slice(end).search(separator)) {
8812
- var match, substring = result2;
8812
+ var match8, substring = result2;
8813
8813
  if (!separator.global) {
8814
8814
  separator = RegExp2(separator.source, toString(reFlags.exec(separator)) + "g");
8815
8815
  }
8816
8816
  separator.lastIndex = 0;
8817
- while (match = separator.exec(substring)) {
8818
- var newEnd = match.index;
8817
+ while (match8 = separator.exec(substring)) {
8818
+ var newEnd = match8.index;
8819
8819
  }
8820
8820
  result2 = result2.slice(0, newEnd === undefined2 ? end : newEnd);
8821
8821
  }
@@ -9890,12 +9890,13 @@ var init_useRoomLayoutScreen = __esm({
9890
9890
  });
9891
9891
 
9892
9892
  // src/Prebuilt/components/AppData/useSidepane.js
9893
- var import_react33, import_react_sdk9, useIsSidepaneTypeOpen, useSidepaneState, useSidepaneToggle, usePollViewToggle, useSidepaneReset;
9893
+ var import_react33, import_ts_pattern, import_react_sdk9, useIsSidepaneTypeOpen, useSidepaneState, useSidepaneToggle, usePollViewToggle, useSidepaneReset;
9894
9894
  var init_useSidepane = __esm({
9895
9895
  "src/Prebuilt/components/AppData/useSidepane.js"() {
9896
9896
  "use strict";
9897
9897
  init_define_process_env();
9898
9898
  import_react33 = require("react");
9899
+ import_ts_pattern = require("ts-pattern");
9899
9900
  import_react_sdk9 = require("@100mslive/react-sdk");
9900
9901
  init_useUISettings();
9901
9902
  init_constants();
@@ -9924,13 +9925,36 @@ var init_useSidepane = __esm({
9924
9925
  const isOpen = useSidepaneState() === SIDE_PANE_OPTIONS.POLLS;
9925
9926
  const togglePollView = (0, import_react33.useCallback)(
9926
9927
  (id) => {
9927
- id = typeof id === "string" ? id : void 0;
9928
- const newView = id ? POLL_VIEWS.VOTE : isOpen && view ? null : POLL_VIEWS.CREATE_POLL_QUIZ;
9929
- setPollState({
9930
- [POLL_STATE.pollInView]: id,
9931
- [POLL_STATE.view]: newView
9928
+ (0, import_ts_pattern.match)({ id, isOpen, view }).with(
9929
+ {
9930
+ id: import_ts_pattern.P.string
9931
+ },
9932
+ () => {
9933
+ setPollState({
9934
+ [POLL_STATE.pollInView]: id,
9935
+ [POLL_STATE.view]: POLL_VIEWS.VOTE
9936
+ });
9937
+ hmsActions.setAppData(APP_DATA.sidePane, SIDE_PANE_OPTIONS.POLLS);
9938
+ }
9939
+ ).with(
9940
+ {
9941
+ isOpen: true,
9942
+ view: import_ts_pattern.P.when((view2) => !!view2)
9943
+ },
9944
+ () => {
9945
+ setPollState({
9946
+ [POLL_STATE.pollInView]: void 0,
9947
+ [POLL_STATE.view]: null
9948
+ });
9949
+ hmsActions.setAppData(APP_DATA.sidePane, "");
9950
+ }
9951
+ ).otherwise(() => {
9952
+ setPollState({
9953
+ [POLL_STATE.pollInView]: void 0,
9954
+ [POLL_STATE.view]: POLL_VIEWS.CREATE_POLL_QUIZ
9955
+ });
9956
+ hmsActions.setAppData(APP_DATA.sidePane, SIDE_PANE_OPTIONS.POLLS);
9932
9957
  });
9933
- hmsActions.setAppData(APP_DATA.sidePane, newView ? SIDE_PANE_OPTIONS.POLLS : "");
9934
9958
  },
9935
9959
  [hmsActions, view, setPollState, isOpen]
9936
9960
  );
@@ -10194,7 +10218,7 @@ var init_AuthToken = __esm({
10194
10218
  alignItems: "center"
10195
10219
  }
10196
10220
  },
10197
- /* @__PURE__ */ import_react36.default.createElement("img", { src: transaction_error_default, height: 80, width: 80 }),
10221
+ /* @__PURE__ */ import_react36.default.createElement("img", { src: transaction_error_default, height: 80, width: 80, alt: "Token Error" }),
10198
10222
  /* @__PURE__ */ import_react36.default.createElement(Text, { variant: "h4", css: { textAlign: "center", mb: "$4", mt: "$10" } }, error.title),
10199
10223
  /* @__PURE__ */ import_react36.default.createElement(Text, { css: { c: "$on_surface_medium", textAlign: "center" } }, error.body)
10200
10224
  ));
@@ -10475,6 +10499,10 @@ var init_Sheet = __esm({
10475
10499
  animation: `${sheetSlideOut} 150ms cubic-bezier(0.22, 1, 0.36, 1)`
10476
10500
  }
10477
10501
  },
10502
+ "@ls": {
10503
+ maxWidth: "50%",
10504
+ margin: "0 auto"
10505
+ },
10478
10506
  variants: {
10479
10507
  side: {
10480
10508
  top: {
@@ -13123,12 +13151,13 @@ var init_StartRecording = __esm({
13123
13151
  });
13124
13152
 
13125
13153
  // src/Prebuilt/components/StatsForNerds.jsx
13126
- var import_react61, import_react_sdk23, StatsForNerds, useTracksWithLabel, LocalPeerStats, TrackStats, StatsRow2, formatBytes2;
13154
+ var import_react61, import_ts_pattern2, import_react_sdk23, StatsForNerds, useTracksWithLabel, LocalPeerStats, TrackStats, StatsRow2, formatBytes2;
13127
13155
  var init_StatsForNerds = __esm({
13128
13156
  "src/Prebuilt/components/StatsForNerds.jsx"() {
13129
13157
  "use strict";
13130
13158
  init_define_process_env();
13131
13159
  import_react61 = __toESM(require("react"));
13160
+ import_ts_pattern2 = require("ts-pattern");
13132
13161
  import_react_sdk23 = require("@100mslive/react-sdk");
13133
13162
  init_Divider2();
13134
13163
  init_Dropdown2();
@@ -13267,7 +13296,12 @@ var init_StatsForNerds = __esm({
13267
13296
  };
13268
13297
  TrackStats = ({ trackID, layer, local }) => {
13269
13298
  var _a8;
13270
- const selector = layer ? import_react_sdk23.selectHMSStats.localVideoTrackStatsByLayer(layer)(trackID) : local ? import_react_sdk23.selectHMSStats.localAudioTrackStatsByID(trackID) : import_react_sdk23.selectHMSStats.trackStatsByID(trackID);
13299
+ const selector = (0, import_ts_pattern2.match)({ trackID, layer, local }).with(
13300
+ {
13301
+ layer: import_ts_pattern2.P.when((layer2) => !!layer2)
13302
+ },
13303
+ () => import_react_sdk23.selectHMSStats.localVideoTrackStatsByLayer(layer)(trackID)
13304
+ ).with({ local: import_ts_pattern2.P.when((local2) => !!local2) }, () => import_react_sdk23.selectHMSStats.localAudioTrackStatsByID(trackID)).otherwise(() => import_react_sdk23.selectHMSStats.trackStatsByID(trackID));
13271
13305
  const stats = (0, import_react_sdk23.useHMSStatsStore)(selector);
13272
13306
  if (!stats) {
13273
13307
  return null;
@@ -13279,7 +13313,13 @@ var init_StatsForNerds = __esm({
13279
13313
  label: inbound ? "Bytes Received" : "Bytes Sent",
13280
13314
  value: formatBytes2(inbound ? stats.bytesReceived : stats.bytesSent)
13281
13315
  }
13282
- ), stats.kind === "video" && /* @__PURE__ */ import_react61.default.createElement(import_react61.default.Fragment, null, /* @__PURE__ */ import_react61.default.createElement(StatsRow2, { label: "Framerate", value: stats.framesPerSecond }), !inbound && /* @__PURE__ */ import_react61.default.createElement(StatsRow2, { label: "Quality Limitation Reason", value: stats.qualityLimitationReason })), /* @__PURE__ */ import_react61.default.createElement(StatsRow2, { label: "Round Trip Time", value: stats.roundTripTime ? `${stats.roundTripTime * 1e3} ms` : "-" }));
13316
+ ), stats.kind === "video" && /* @__PURE__ */ import_react61.default.createElement(import_react61.default.Fragment, null, /* @__PURE__ */ import_react61.default.createElement(StatsRow2, { label: "Framerate", value: stats.framesPerSecond }), !inbound && /* @__PURE__ */ import_react61.default.createElement(StatsRow2, { label: "Quality Limitation Reason", value: stats.qualityLimitationReason })), /* @__PURE__ */ import_react61.default.createElement(
13317
+ StatsRow2,
13318
+ {
13319
+ label: "Round Trip Time",
13320
+ value: stats.roundTripTime ? `${(stats.roundTripTime * 1e3).toFixed(3)} ms` : "-"
13321
+ }
13322
+ ));
13283
13323
  };
13284
13324
  StatsRow2 = import_react61.default.memo(({ label, value }) => /* @__PURE__ */ import_react61.default.createElement(Box, { css: { bg: "$surface_bright", w: "calc(50% - $6)", p: "$8", r: "$3" } }, /* @__PURE__ */ import_react61.default.createElement(
13285
13325
  Text,
@@ -13689,13 +13729,14 @@ var init_useMetadata = __esm({
13689
13729
  });
13690
13730
 
13691
13731
  // src/Prebuilt/components/MoreSettings/SplitComponents/DesktopOptions.tsx
13692
- var import_react68, import_hls_player, import_react_sdk28, import_react_icons27, MODALS, DesktopOptions;
13732
+ var import_react68, import_hls_player, import_ts_pattern3, import_react_sdk28, import_react_icons27, MODALS, DesktopOptions;
13693
13733
  var init_DesktopOptions = __esm({
13694
13734
  "src/Prebuilt/components/MoreSettings/SplitComponents/DesktopOptions.tsx"() {
13695
13735
  "use strict";
13696
13736
  init_define_process_env();
13697
13737
  import_react68 = __toESM(require("react"));
13698
13738
  import_hls_player = require("@100mslive/hls-player");
13739
+ import_ts_pattern3 = require("ts-pattern");
13699
13740
  import_react_sdk28 = require("@100mslive/react-sdk");
13700
13741
  import_react_icons27 = require("@100mslive/react-icons");
13701
13742
  init_src();
@@ -13779,23 +13820,33 @@ var init_DesktopOptions = __esm({
13779
13820
  /* @__PURE__ */ import_react68.default.createElement(FullScreenItem, null),
13780
13821
  /* @__PURE__ */ import_react68.default.createElement(Dropdown.ItemSeparator, { css: { mx: 0 } }),
13781
13822
  /* @__PURE__ */ import_react68.default.createElement(Dropdown.Item, { onClick: () => updateState(MODALS.DEVICE_SETTINGS, true), "data-testid": "device_settings_btn" }, /* @__PURE__ */ import_react68.default.createElement(import_react_icons27.SettingsIcon, null), /* @__PURE__ */ import_react68.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Settings")),
13782
- screenType === "hls_live_streaming" ? import_hls_player.HMSHLSPlayer.isSupported() ? /* @__PURE__ */ import_react68.default.createElement(
13823
+ (0, import_ts_pattern3.match)({ screenType, isSupported: import_hls_player.HMSHLSPlayer.isSupported() }).with({ screenType: "hls_live_streaming", isSupported: false }, () => null).with({ screenType: "hls_live_streaming", isSupported: true }, () => {
13824
+ return /* @__PURE__ */ import_react68.default.createElement(
13825
+ Dropdown.Item,
13826
+ {
13827
+ onClick: () => hmsActions.setAppData(APP_DATA.hlsStats, !enablHlsStats),
13828
+ "data-testid": "hls_stats"
13829
+ },
13830
+ /* @__PURE__ */ import_react68.default.createElement(
13831
+ Checkbox.Root,
13832
+ {
13833
+ css: { margin: "$2" },
13834
+ checked: enablHlsStats,
13835
+ onCheckedChange: () => hmsActions.setAppData(APP_DATA.hlsStats, !enablHlsStats)
13836
+ },
13837
+ /* @__PURE__ */ import_react68.default.createElement(Checkbox.Indicator, null, /* @__PURE__ */ import_react68.default.createElement(import_react_icons27.CheckIcon, { width: 16, height: 16 }))
13838
+ ),
13839
+ /* @__PURE__ */ import_react68.default.createElement(Flex, { justify: "between", css: { width: "100%" } }, /* @__PURE__ */ import_react68.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Show HLS Stats"), /* @__PURE__ */ import_react68.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, `${isMacOS ? "\u2318" : "ctrl"} + ]`))
13840
+ );
13841
+ }).otherwise(() => /* @__PURE__ */ import_react68.default.createElement(
13783
13842
  Dropdown.Item,
13784
13843
  {
13785
- onClick: () => hmsActions.setAppData(APP_DATA.hlsStats, !enablHlsStats),
13786
- "data-testid": "hls_stats"
13844
+ onClick: () => updateState(MODALS.STATS_FOR_NERDS, true),
13845
+ "data-testid": "stats_for_nerds_btn"
13787
13846
  },
13788
- /* @__PURE__ */ import_react68.default.createElement(
13789
- Checkbox.Root,
13790
- {
13791
- css: { margin: "$2" },
13792
- checked: enablHlsStats,
13793
- onCheckedChange: () => hmsActions.setAppData(APP_DATA.hlsStats, !enablHlsStats)
13794
- },
13795
- /* @__PURE__ */ import_react68.default.createElement(Checkbox.Indicator, null, /* @__PURE__ */ import_react68.default.createElement(import_react_icons27.CheckIcon, { width: 16, height: 16 }))
13796
- ),
13797
- /* @__PURE__ */ import_react68.default.createElement(Flex, { justify: "between", css: { width: "100%" } }, /* @__PURE__ */ import_react68.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Show HLS Stats"), /* @__PURE__ */ import_react68.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, `${isMacOS ? "\u2318" : "ctrl"} + ]`))
13798
- ) : null : /* @__PURE__ */ import_react68.default.createElement(Dropdown.Item, { onClick: () => updateState(MODALS.STATS_FOR_NERDS, true), "data-testid": "stats_for_nreds_btn" }, /* @__PURE__ */ import_react68.default.createElement(import_react_icons27.InfoIcon, null), /* @__PURE__ */ import_react68.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Stats for Nerds"))
13847
+ /* @__PURE__ */ import_react68.default.createElement(import_react_icons27.InfoIcon, null),
13848
+ /* @__PURE__ */ import_react68.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Stats for Nerds")
13849
+ ))
13799
13850
  )
13800
13851
  ), openModals.has(MODALS.BULK_ROLE_CHANGE) && /* @__PURE__ */ import_react68.default.createElement(BulkRoleChangeModal, { onOpenChange: (value) => updateState(MODALS.BULK_ROLE_CHANGE, value) }), openModals.has(MODALS.MUTE_ALL) && /* @__PURE__ */ import_react68.default.createElement(MuteAllModal, { onOpenChange: (value) => updateState(MODALS.MUTE_ALL, value) }), openModals.has(MODALS.START_RECORDING) && /* @__PURE__ */ import_react68.default.createElement(StartRecording_default, { open: true, onOpenChange: (value) => updateState(MODALS.START_RECORDING, value) }), openModals.has(MODALS.DEVICE_SETTINGS) && /* @__PURE__ */ import_react68.default.createElement(
13801
13852
  SettingsModal_default,
@@ -13934,7 +13985,7 @@ var require_ua_parser = __commonJS({
13934
13985
  }
13935
13986
  };
13936
13987
  var rgxMapper = function(ua, arrays) {
13937
- var i = 0, j, k2, p, q2, matches, match;
13988
+ var i = 0, j, k2, p, q2, matches, match8;
13938
13989
  while (i < arrays.length && !matches) {
13939
13990
  var regex = arrays[i], props = arrays[i + 1];
13940
13991
  j = k2 = 0;
@@ -13945,26 +13996,26 @@ var require_ua_parser = __commonJS({
13945
13996
  matches = regex[j++].exec(ua);
13946
13997
  if (!!matches) {
13947
13998
  for (p = 0; p < props.length; p++) {
13948
- match = matches[++k2];
13999
+ match8 = matches[++k2];
13949
14000
  q2 = props[p];
13950
14001
  if (typeof q2 === OBJ_TYPE && q2.length > 0) {
13951
14002
  if (q2.length === 2) {
13952
14003
  if (typeof q2[1] == FUNC_TYPE) {
13953
- this[q2[0]] = q2[1].call(this, match);
14004
+ this[q2[0]] = q2[1].call(this, match8);
13954
14005
  } else {
13955
14006
  this[q2[0]] = q2[1];
13956
14007
  }
13957
14008
  } else if (q2.length === 3) {
13958
14009
  if (typeof q2[1] === FUNC_TYPE && !(q2[1].exec && q2[1].test)) {
13959
- this[q2[0]] = match ? q2[1].call(this, match, q2[2]) : undefined2;
14010
+ this[q2[0]] = match8 ? q2[1].call(this, match8, q2[2]) : undefined2;
13960
14011
  } else {
13961
- this[q2[0]] = match ? match.replace(q2[1], q2[2]) : undefined2;
14012
+ this[q2[0]] = match8 ? match8.replace(q2[1], q2[2]) : undefined2;
13962
14013
  }
13963
14014
  } else if (q2.length === 4) {
13964
- this[q2[0]] = match ? q2[3].call(this, match.replace(q2[1], q2[2])) : undefined2;
14015
+ this[q2[0]] = match8 ? q2[3].call(this, match8.replace(q2[1], q2[2])) : undefined2;
13965
14016
  }
13966
14017
  } else {
13967
- this[q2] = match ? match : undefined2;
14018
+ this[q2] = match8 ? match8 : undefined2;
13968
14019
  }
13969
14020
  }
13970
14021
  }
@@ -15855,8 +15906,8 @@ var require_lodash2 = __commonJS({
15855
15906
 
15856
15907
  // ../../node_modules/webrtc-adapter/src/js/utils.js
15857
15908
  function extractVersion(uastring, expr, pos) {
15858
- const match = uastring.match(expr);
15859
- return match && match.length >= pos && parseInt(match[pos], 10);
15909
+ const match8 = uastring.match(expr);
15910
+ return match8 && match8.length >= pos && parseInt(match8[pos], 10);
15860
15911
  }
15861
15912
  function wrapPeerConnectionEvent(window2, eventNameToWrap, wrapper) {
15862
15913
  if (!window2.RTCPeerConnection) {
@@ -16148,7 +16199,7 @@ function shimGetUserMedia(window2, browserDetails) {
16148
16199
  if (matches) {
16149
16200
  return navigator2.mediaDevices.enumerateDevices().then((devices) => {
16150
16201
  devices = devices.filter((d2) => d2.kind === "videoinput");
16151
- let dev = devices.find((d2) => matches.some((match) => d2.label.toLowerCase().includes(match)));
16202
+ let dev = devices.find((d2) => matches.some((match8) => d2.label.toLowerCase().includes(match8)));
16152
16203
  if (!dev && devices.length && matches.includes("back")) {
16153
16204
  dev = devices[devices.length - 1];
16154
16205
  }
@@ -18246,11 +18297,11 @@ function shimMaxMessageSize(window2, browserDetails) {
18246
18297
  });
18247
18298
  };
18248
18299
  const getRemoteFirefoxVersion = function(description) {
18249
- const match = description.sdp.match(/mozilla...THIS_IS_SDPARTA-(\d+)/);
18250
- if (match === null || match.length < 2) {
18300
+ const match8 = description.sdp.match(/mozilla...THIS_IS_SDPARTA-(\d+)/);
18301
+ if (match8 === null || match8.length < 2) {
18251
18302
  return -1;
18252
18303
  }
18253
- const version = parseInt(match[1], 10);
18304
+ const version = parseInt(match8[1], 10);
18254
18305
  return version !== version ? -1 : version;
18255
18306
  };
18256
18307
  const getCanSendMaxMessageSize = function(remoteIsFirefox) {
@@ -18275,12 +18326,12 @@ function shimMaxMessageSize(window2, browserDetails) {
18275
18326
  if (browserDetails.browser === "firefox" && browserDetails.version === 57) {
18276
18327
  maxMessageSize = 65535;
18277
18328
  }
18278
- const match = import_sdp.default.matchPrefix(
18329
+ const match8 = import_sdp.default.matchPrefix(
18279
18330
  description.sdp,
18280
18331
  "a=max-message-size:"
18281
18332
  );
18282
- if (match.length > 0) {
18283
- maxMessageSize = parseInt(match[0].substring(19), 10);
18333
+ if (match8.length > 0) {
18334
+ maxMessageSize = parseInt(match8[0].substring(19), 10);
18284
18335
  } else if (browserDetails.browser === "firefox" && remoteIsFirefox !== -1) {
18285
18336
  maxMessageSize = 2147483637;
18286
18337
  }
@@ -19102,13 +19153,13 @@ var require_parser = __commonJS({
19102
19153
  var toIntIfInt = function(v2) {
19103
19154
  return String(Number(v2)) === v2 ? Number(v2) : v2;
19104
19155
  };
19105
- var attachProperties = function(match, location, names, rawName) {
19156
+ var attachProperties = function(match8, location, names, rawName) {
19106
19157
  if (rawName && !names) {
19107
- location[rawName] = toIntIfInt(match[1]);
19158
+ location[rawName] = toIntIfInt(match8[1]);
19108
19159
  } else {
19109
19160
  for (var i = 0; i < names.length; i += 1) {
19110
- if (match[i + 1] != null) {
19111
- location[names[i]] = toIntIfInt(match[i + 1]);
19161
+ if (match8[i + 1] != null) {
19162
+ location[names[i]] = toIntIfInt(match8[i + 1]);
19112
19163
  }
19113
19164
  }
19114
19165
  }
@@ -19457,7 +19508,7 @@ var init_dist = __esm({
19457
19508
  };
19458
19509
  ba = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
19459
19510
  dr = ba((Xc, $a) => {
19460
- $a.exports = { version: "0.11.8-alpha.5", 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"] };
19511
+ $a.exports = { version: "0.11.8-alpha.7", 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"] };
19461
19512
  });
19462
19513
  Xi = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(Xi || {});
19463
19514
  Aa = ((e) => (e.CHAT = "chat", e))(Aa || {});
@@ -20652,7 +20703,7 @@ var init_StreamActions = __esm({
20652
20703
  setLiveTime(Date.now() - timeStamp.getTime());
20653
20704
  }
20654
20705
  }, 1e3);
20655
- }, [hlsState == null ? void 0 : hlsState.running, hlsState == null ? void 0 : hlsState.variants]);
20706
+ }, [hlsState == null ? void 0 : hlsState.running, hlsState == null ? void 0 : hlsState.variants, screenType]);
20656
20707
  (0, import_react72.useEffect)(() => {
20657
20708
  if (hlsState == null ? void 0 : hlsState.running) {
20658
20709
  startTimer();
@@ -21133,13 +21184,14 @@ var init_useUnreadPollQuizPresent = __esm({
21133
21184
  });
21134
21185
 
21135
21186
  // src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx
21136
- var import_react78, import_react_use11, import_react_sdk36, import_react_icons31, MODALS2, MwebOptions;
21187
+ var import_react78, import_react_use11, import_ts_pattern4, import_react_sdk36, import_react_icons31, MODALS2, MwebOptions;
21137
21188
  var init_MwebOptions = __esm({
21138
21189
  "src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx"() {
21139
21190
  "use strict";
21140
21191
  init_define_process_env();
21141
21192
  import_react78 = __toESM(require("react"));
21142
21193
  import_react_use11 = require("react-use");
21194
+ import_ts_pattern4 = require("ts-pattern");
21143
21195
  import_react_sdk36 = require("@100mslive/react-sdk");
21144
21196
  import_react_icons31 = require("@100mslive/react-icons");
21145
21197
  init_src();
@@ -21352,7 +21404,7 @@ var init_MwebOptions = __esm({
21352
21404
  })
21353
21405
  },
21354
21406
  isRecordingLoading ? /* @__PURE__ */ import_react78.default.createElement(Loading, null) : /* @__PURE__ */ import_react78.default.createElement(import_react_icons31.RecordIcon, null),
21355
- /* @__PURE__ */ import_react78.default.createElement(ActionTile.Title, null, isBrowserRecordingOn ? "Recording On" : isRecordingLoading ? "Starting Recording" : "Start Recording")
21407
+ /* @__PURE__ */ import_react78.default.createElement(ActionTile.Title, null, (0, import_ts_pattern4.match)({ isBrowserRecordingOn, isRecordingLoading }).with({ isBrowserRecordingOn: true, isRecordingLoading: false }, () => "Recording On").with({ isRecordingLoading: true }, () => "Starting Recording").with({ isRecordingLoading: false }, () => "Start Recording").otherwise(() => null))
21356
21408
  ) : null,
21357
21409
  title || description ? /* @__PURE__ */ import_react78.default.createElement(
21358
21410
  ActionTile.Root,
@@ -22279,25 +22331,29 @@ var init_RoleOptions = __esm({
22279
22331
  init_useRoomLayoutScreen();
22280
22332
  init_utils2();
22281
22333
  dropdownItemCSS = { backgroundColor: "$surface_default", gap: "$4", p: "$8" };
22282
- optionTextCSS = { fontWeight: "$semiBold", color: "$on_surface_high", textTransform: "none" };
22334
+ optionTextCSS = {
22335
+ fontWeight: "$semiBold",
22336
+ color: "$on_surface_high",
22337
+ textTransform: "none",
22338
+ whiteSpace: "nowrap"
22339
+ };
22283
22340
  MuteUnmuteOption = ({ roleName, peerList }) => {
22284
- var _a8, _b7;
22285
22341
  const vanillaStore = (0, import_react_sdk43.useHMSVanillaStore)();
22286
22342
  const store = vanillaStore.getState();
22287
22343
  const hmsActions = (0, import_react_sdk43.useHMSActions)();
22288
22344
  const permissions = (0, import_react_sdk43.useHMSStore)(import_react_sdk43.selectPermissions);
22289
22345
  const role = (0, import_react_sdk43.useHMSStore)((0, import_react_sdk43.selectRoleByRoleName)(roleName));
22290
- let allPeersHaveVideoOn = true;
22291
- let allPeersHaveAudioOn = true;
22346
+ let isVideoOnForSomePeers = false;
22347
+ let isAudioOnForSomePeers = false;
22292
22348
  peerList.forEach((peer) => {
22293
- var _a9, _b8;
22349
+ var _a8, _b7;
22294
22350
  if (peer.isLocal) {
22295
22351
  return;
22296
22352
  }
22297
- const isAudioOn = !!peer.audioTrack && ((_a9 = store.tracks[peer.audioTrack]) == null ? void 0 : _a9.enabled);
22298
- const isVideoOn = !!peer.videoTrack && ((_b8 = store.tracks[peer.videoTrack]) == null ? void 0 : _b8.enabled);
22299
- allPeersHaveAudioOn = allPeersHaveAudioOn && isAudioOn;
22300
- allPeersHaveVideoOn = allPeersHaveVideoOn && isVideoOn;
22353
+ const isAudioOn = !!peer.audioTrack && ((_a8 = store.tracks[peer.audioTrack]) == null ? void 0 : _a8.enabled);
22354
+ const isVideoOn = !!peer.videoTrack && ((_b7 = store.tracks[peer.videoTrack]) == null ? void 0 : _b7.enabled);
22355
+ isAudioOnForSomePeers = isAudioOnForSomePeers || isAudioOn;
22356
+ isVideoOnForSomePeers = isVideoOnForSomePeers || isVideoOn;
22301
22357
  });
22302
22358
  const setTrackEnabled = (type, enabled = false) => __async(void 0, null, function* () {
22303
22359
  try {
@@ -22306,7 +22362,10 @@ var init_RoleOptions = __esm({
22306
22362
  console.error(e);
22307
22363
  }
22308
22364
  });
22309
- return /* @__PURE__ */ import_react92.default.createElement(import_react92.default.Fragment, null, ((_a8 = role.publishParams.allowed) == null ? void 0 : _a8.includes("audio")) && /* @__PURE__ */ import_react92.default.createElement(import_react92.default.Fragment, null, allPeersHaveAudioOn && (permissions == null ? void 0 : permissions.mute) ? /* @__PURE__ */ import_react92.default.createElement(Dropdown.Item, { css: dropdownItemCSS, onClick: () => setTrackEnabled("audio", false) }, /* @__PURE__ */ import_react92.default.createElement(import_react_icons41.MicOffIcon, null), /* @__PURE__ */ import_react92.default.createElement(Text, { variant: "sm", css: optionTextCSS }, "Mute Audio for All")) : null, !allPeersHaveAudioOn && (permissions == null ? void 0 : permissions.unmute) ? /* @__PURE__ */ import_react92.default.createElement(Dropdown.Item, { css: dropdownItemCSS, onClick: () => setTrackEnabled("audio", true) }, /* @__PURE__ */ import_react92.default.createElement(import_react_icons41.MicOnIcon, null), /* @__PURE__ */ import_react92.default.createElement(Text, { variant: "sm", css: optionTextCSS }, "Unmute Audio for All")) : null), ((_b7 = role.publishParams.allowed) == null ? void 0 : _b7.includes("audio")) && /* @__PURE__ */ import_react92.default.createElement(import_react92.default.Fragment, null, allPeersHaveVideoOn && (permissions == null ? void 0 : permissions.mute) ? /* @__PURE__ */ import_react92.default.createElement(Dropdown.Item, { css: dropdownItemCSS, onClick: () => setTrackEnabled("video", false) }, /* @__PURE__ */ import_react92.default.createElement(import_react_icons41.VideoOffIcon, null), /* @__PURE__ */ import_react92.default.createElement(Text, { variant: "sm", css: optionTextCSS }, "Mute Video for All")) : null, !allPeersHaveVideoOn && (permissions == null ? void 0 : permissions.unmute) ? /* @__PURE__ */ import_react92.default.createElement(Dropdown.Item, { css: dropdownItemCSS, onClick: () => setTrackEnabled("video", true) }, /* @__PURE__ */ import_react92.default.createElement(import_react_icons41.VideoOnIcon, null), /* @__PURE__ */ import_react92.default.createElement(Text, { variant: "sm", css: optionTextCSS }, "Unmute Video for All")) : null));
22365
+ if (!role) {
22366
+ return null;
22367
+ }
22368
+ return /* @__PURE__ */ import_react92.default.createElement(import_react92.default.Fragment, null, role.publishParams.allowed.includes("audio") && /* @__PURE__ */ import_react92.default.createElement(import_react92.default.Fragment, null, isAudioOnForSomePeers && (permissions == null ? void 0 : permissions.mute) ? /* @__PURE__ */ import_react92.default.createElement(Dropdown.Item, { css: dropdownItemCSS, onClick: () => setTrackEnabled("audio", false) }, /* @__PURE__ */ import_react92.default.createElement(import_react_icons41.MicOffIcon, null), /* @__PURE__ */ import_react92.default.createElement(Text, { variant: "sm", css: optionTextCSS }, "Mute Audio for All")) : null, !isAudioOnForSomePeers && (permissions == null ? void 0 : permissions.unmute) ? /* @__PURE__ */ import_react92.default.createElement(Dropdown.Item, { css: dropdownItemCSS, onClick: () => setTrackEnabled("audio", true) }, /* @__PURE__ */ import_react92.default.createElement(import_react_icons41.MicOnIcon, null), /* @__PURE__ */ import_react92.default.createElement(Text, { variant: "sm", css: optionTextCSS }, "Request to Unmute Audio for All")) : null), role.publishParams.allowed.includes("video") && /* @__PURE__ */ import_react92.default.createElement(import_react92.default.Fragment, null, isVideoOnForSomePeers && (permissions == null ? void 0 : permissions.mute) ? /* @__PURE__ */ import_react92.default.createElement(Dropdown.Item, { css: dropdownItemCSS, onClick: () => setTrackEnabled("video", false) }, /* @__PURE__ */ import_react92.default.createElement(import_react_icons41.VideoOffIcon, null), /* @__PURE__ */ import_react92.default.createElement(Text, { variant: "sm", css: optionTextCSS }, "Mute Video for All")) : null, !isVideoOnForSomePeers && (permissions == null ? void 0 : permissions.unmute) ? /* @__PURE__ */ import_react92.default.createElement(Dropdown.Item, { css: dropdownItemCSS, onClick: () => setTrackEnabled("video", true) }, /* @__PURE__ */ import_react92.default.createElement(import_react_icons41.VideoOnIcon, null), /* @__PURE__ */ import_react92.default.createElement(Text, { variant: "sm", css: optionTextCSS }, "Request to Unmute Video for All")) : null));
22310
22369
  };
22311
22370
  RoleOptions = ({ roleName, peerList }) => {
22312
22371
  const [openOptions, setOpenOptions] = (0, import_react92.useState)(false);
@@ -22316,8 +22375,10 @@ var init_RoleOptions = __esm({
22316
22375
  const { on_stage_role, off_stage_roles = [] } = (elements == null ? void 0 : elements.on_stage_exp) || {};
22317
22376
  const canMuteOrUnmute = (permissions == null ? void 0 : permissions.mute) || (permissions == null ? void 0 : permissions.unmute);
22318
22377
  const canRemoveRoleFromStage = (permissions == null ? void 0 : permissions.changeRole) && roleName === on_stage_role;
22378
+ const role = (0, import_react_sdk43.useHMSStore)((0, import_react_sdk43.selectRoleByRoleName)(roleName));
22319
22379
  const canRemoveRoleFromRoom = (permissions == null ? void 0 : permissions.removeOthers) && (on_stage_role === roleName || (off_stage_roles == null ? void 0 : off_stage_roles.includes(roleName)));
22320
- if (!(canMuteOrUnmute || canRemoveRoleFromStage || canRemoveRoleFromRoom) || peerList.length === 0) {
22380
+ if (!(canMuteOrUnmute || canRemoveRoleFromStage || canRemoveRoleFromRoom) || peerList.length === 0 || // if only local peer is present no need to show any options
22381
+ peerList.length === 1 && peerList[0].isLocal || !role) {
22321
22382
  return null;
22322
22383
  }
22323
22384
  const removeAllFromStage = () => {
@@ -22362,7 +22423,7 @@ var init_RoleOptions = __esm({
22362
22423
  Dropdown.Content,
22363
22424
  {
22364
22425
  onClick: (e) => e.stopPropagation(),
22365
- css: { w: "max-content", maxWidth: "$64", bg: "$surface_default", py: 0 },
22426
+ css: { w: "max-content", bg: "$surface_default", py: 0 },
22366
22427
  align: "end"
22367
22428
  },
22368
22429
  canRemoveRoleFromStage && /* @__PURE__ */ import_react92.default.createElement(
@@ -24396,12 +24457,13 @@ var init_LeaderboardSummary = __esm({
24396
24457
  });
24397
24458
 
24398
24459
  // src/Prebuilt/components/Polls/Voting/QuestionCard.jsx
24399
- var import_react117, import_react_sdk55, import_react_icons57, QuestionCard2, QuestionActions;
24460
+ var import_react117, import_ts_pattern5, import_react_sdk55, import_react_icons57, QuestionCard2, QuestionActions;
24400
24461
  var init_QuestionCard = __esm({
24401
24462
  "src/Prebuilt/components/Polls/Voting/QuestionCard.jsx"() {
24402
24463
  "use strict";
24403
24464
  init_define_process_env();
24404
24465
  import_react117 = __toESM(require("react"));
24466
+ import_ts_pattern5 = require("ts-pattern");
24405
24467
  import_react_sdk55 = require("@100mslive/react-sdk");
24406
24468
  import_react_icons57 = require("@100mslive/react-icons");
24407
24469
  init_src();
@@ -24482,15 +24544,22 @@ var init_QuestionCard = __esm({
24482
24544
  {
24483
24545
  variant: "caption",
24484
24546
  css: {
24485
- color: respondedToQuiz && !isLive ? isCorrectAnswer ? "$alert_success" : "$alert_error_default" : "$on_surface_low",
24547
+ color: (0, import_ts_pattern5.match)({ respondedToQuiz, isLive, isCorrectAnswer }).when(
24548
+ ({ respondedToQuiz: respondedToQuiz2, isLive: isLive2 }) => respondedToQuiz2 && !isLive2,
24549
+ ({ isCorrectAnswer: isCorrectAnswer2 }) => isCorrectAnswer2 ? "$alert_success" : "$alert_error_default"
24550
+ ).otherwise(() => "$on_surface_low"),
24486
24551
  fontWeight: "$semiBold",
24487
24552
  display: "flex",
24488
24553
  alignItems: "center",
24489
24554
  gap: "$4"
24490
24555
  }
24491
24556
  },
24492
- respondedToQuiz && isCorrectAnswer && pollEnded ? /* @__PURE__ */ import_react117.default.createElement(import_react_icons57.CheckCircleIcon, { height: 16, width: 16 }) : null,
24493
- respondedToQuiz && !isCorrectAnswer && pollEnded ? /* @__PURE__ */ import_react117.default.createElement(import_react_icons57.CrossCircleIcon, { height: 16, width: 16 }) : null,
24557
+ (0, import_ts_pattern5.match)({ respondedToQuiz, pollEnded, isCorrectAnswer }).when(
24558
+ ({ respondedToQuiz: respondedToQuiz2, pollEnded: pollEnded2 }) => respondedToQuiz2 && pollEnded2,
24559
+ ({ isCorrectAnswer: isCorrectAnswer2 }) => {
24560
+ return isCorrectAnswer2 ? /* @__PURE__ */ import_react117.default.createElement(import_react_icons57.CheckCircleIcon, { height: 16, width: 16 }) : /* @__PURE__ */ import_react117.default.createElement(import_react_icons57.CrossCircleIcon, { height: 16, width: 16 });
24561
+ }
24562
+ ).otherwise(() => null),
24494
24563
  "QUESTION ",
24495
24564
  index,
24496
24565
  " OF ",
@@ -25254,13 +25323,13 @@ var init_usePinnedBy = __esm({
25254
25323
  const pinnedMessages = (0, import_react_sdk61.useHMSStore)((0, import_react_sdk61.selectSessionStore)("pinnedMessages" /* PINNED_MESSAGES */));
25255
25324
  const [pinnedBy, setPinnedBy] = (0, import_react130.useState)("");
25256
25325
  (0, import_react130.useEffect)(() => {
25257
- let match = "";
25326
+ let match8 = "";
25258
25327
  pinnedMessages == null ? void 0 : pinnedMessages.forEach((pinnedMessage) => {
25259
25328
  if (pinnedMessage.id === messageId) {
25260
- match = pinnedMessage.pinnedBy;
25329
+ match8 = pinnedMessage.pinnedBy;
25261
25330
  }
25262
25331
  });
25263
- setPinnedBy(match);
25332
+ setPinnedBy(match8);
25264
25333
  }, [messageId, pinnedMessages]);
25265
25334
  return pinnedBy;
25266
25335
  };
@@ -26146,7 +26215,7 @@ var init_ChatFooter = __esm({
26146
26215
  if (!selectedPeer.id && !selectedRole && !["Everyone", ""].includes(defaultSelection)) {
26147
26216
  setRoleSelector(defaultSelection);
26148
26217
  } else {
26149
- if (!(isMobile || isLandscapeHLSStream) || !((_a9 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a9.disable_autofocus)) {
26218
+ if (!(isMobile || isLandscapeHLSStream) && !((_a9 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a9.disable_autofocus)) {
26150
26219
  (_b8 = inputRef.current) == null ? void 0 : _b8.focus();
26151
26220
  }
26152
26221
  }
@@ -26848,13 +26917,14 @@ var init_ChatSettings = __esm({
26848
26917
  });
26849
26918
 
26850
26919
  // src/Prebuilt/components/SidePaneTabs.tsx
26851
- var import_react145, import_react_use24, import_react_sdk71, import_react_icons70, tabTriggerCSS, ParticipantCount2, SidePaneTabs;
26920
+ var import_react145, import_react_use24, import_ts_pattern6, import_react_sdk71, import_react_icons70, tabTriggerCSS, ParticipantCount2, SidePaneTabs;
26852
26921
  var init_SidePaneTabs = __esm({
26853
26922
  "src/Prebuilt/components/SidePaneTabs.tsx"() {
26854
26923
  "use strict";
26855
26924
  init_define_process_env();
26856
26925
  import_react145 = __toESM(require("react"));
26857
26926
  import_react_use24 = require("react-use");
26927
+ import_ts_pattern6 = require("ts-pattern");
26858
26928
  import_react_sdk71 = require("@100mslive/react-sdk");
26859
26929
  import_react_icons70 = require("@100mslive/react-icons");
26860
26930
  init_Chat();
@@ -26868,12 +26938,15 @@ var init_SidePaneTabs = __esm({
26868
26938
  init_utils2();
26869
26939
  init_constants();
26870
26940
  tabTriggerCSS = {
26871
- color: "$on_surface_high",
26941
+ color: "$on_surface_low",
26872
26942
  p: "$4",
26873
26943
  fontWeight: "$semiBold",
26874
26944
  fontSize: "$sm",
26875
26945
  w: "100%",
26876
- justifyContent: "center"
26946
+ justifyContent: "center",
26947
+ '&[data-state="active"]': {
26948
+ color: "$on_surface_high"
26949
+ }
26877
26950
  };
26878
26951
  ParticipantCount2 = ({ count }) => {
26879
26952
  return count < 1e3 ? /* @__PURE__ */ import_react145.default.createElement("span", null, "(", count, ")") : /* @__PURE__ */ import_react145.default.createElement(Tooltip, { title: count }, /* @__PURE__ */ import_react145.default.createElement("span", null, "(", getFormattedCount(count), ")"));
@@ -26897,13 +26970,13 @@ var init_SidePaneTabs = __esm({
26897
26970
  const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
26898
26971
  const showChatSettings = showChat && isChatOpen && (!isMobile || !isOverlayChat);
26899
26972
  (0, import_react145.useEffect)(() => {
26900
- if (activeTab === SIDE_PANE_OPTIONS.CHAT && !showChat && showParticipants) {
26973
+ (0, import_ts_pattern6.match)({ activeTab, showChat, showParticipants }).with({ activeTab: SIDE_PANE_OPTIONS.CHAT, showChat: false, showParticipants: true }, () => {
26901
26974
  setActiveTab(SIDE_PANE_OPTIONS.PARTICIPANTS);
26902
- } else if (activeTab === SIDE_PANE_OPTIONS.PARTICIPANTS && showChat && !showParticipants) {
26975
+ }).with({ activeTab: SIDE_PANE_OPTIONS.PARTICIPANTS, showChat: true, showParticipants: false }, () => {
26903
26976
  setActiveTab(SIDE_PANE_OPTIONS.CHAT);
26904
- } else if (!showChat && !showParticipants) {
26977
+ }).with({ showChat: false, showParticipants: false }, () => {
26905
26978
  resetSidePane();
26906
- }
26979
+ });
26907
26980
  }, [showChat, activeTab, showParticipants, resetSidePane]);
26908
26981
  (0, import_react145.useEffect)(() => {
26909
26982
  setActiveTab(active);
@@ -26935,74 +27008,29 @@ var init_SidePaneTabs = __esm({
26935
27008
  transition: "margin 0.3s ease-in-out"
26936
27009
  }
26937
27010
  },
26938
- isOverlayChat && isChatOpen && showChat ? /* @__PURE__ */ import_react145.default.createElement(Chat, null) : /* @__PURE__ */ import_react145.default.createElement(import_react145.default.Fragment, null, hideTabs ? /* @__PURE__ */ import_react145.default.createElement(import_react145.default.Fragment, null, /* @__PURE__ */ import_react145.default.createElement(Flex, { justify: "between", css: { w: "100%", "&:empty": { display: "none" } } }, /* @__PURE__ */ import_react145.default.createElement(
26939
- Text,
26940
- {
26941
- variant: "sm",
26942
- css: {
26943
- fontWeight: "$semiBold",
26944
- p: "$4",
26945
- c: "$on_surface_high",
26946
- pr: "$12",
26947
- "&:empty": { display: "none" }
26948
- }
26949
- },
26950
- activeTab === SIDE_PANE_OPTIONS.CHAT ? screenType !== "hls_live_streaming" && chat_title : /* @__PURE__ */ import_react145.default.createElement("span", null, "Participants\xA0", /* @__PURE__ */ import_react145.default.createElement(ParticipantCount2, { count: peerCount }))
26951
- ), /* @__PURE__ */ import_react145.default.createElement(Flex, null, showChatSettings ? /* @__PURE__ */ import_react145.default.createElement(ChatSettings, null) : null, isOverlayChat && isChatOpen ? null : /* @__PURE__ */ import_react145.default.createElement(
26952
- IconButton,
26953
- {
26954
- css: {
26955
- my: "$1",
26956
- color: "$on_surface_medium",
26957
- "&:hover": { color: "$on_surface_high" },
26958
- "&:empty": { display: "none" }
26959
- },
26960
- onClick: (e) => {
26961
- e.stopPropagation();
26962
- if (activeTab === SIDE_PANE_OPTIONS.CHAT) {
26963
- toggleChat();
26964
- } else {
26965
- toggleParticipants();
26966
- }
26967
- },
26968
- "data-testid": "close_chat"
26969
- },
26970
- screenType === "hls_live_streaming" && isChatOpen ? null : /* @__PURE__ */ import_react145.default.createElement(import_react_icons70.CrossIcon, null)
26971
- ))), activeTab === SIDE_PANE_OPTIONS.CHAT ? /* @__PURE__ */ import_react145.default.createElement(Chat, null) : /* @__PURE__ */ import_react145.default.createElement(ParticipantList, { offStageRoles: off_stage_roles, onActive: setActiveRole })) : /* @__PURE__ */ import_react145.default.createElement(
26972
- Tabs.Root,
26973
- {
26974
- value: activeTab,
26975
- onValueChange: setActiveTab,
26976
- css: {
26977
- flexDirection: "column",
26978
- size: "100%"
26979
- }
26980
- },
26981
- /* @__PURE__ */ import_react145.default.createElement(Flex, { css: { w: "100%" } }, /* @__PURE__ */ import_react145.default.createElement(Tabs.List, { css: { flexGrow: 1, borderRadius: "$2", bg: "$surface_default" } }, /* @__PURE__ */ import_react145.default.createElement(
26982
- Tabs.Trigger,
26983
- {
26984
- value: SIDE_PANE_OPTIONS.CHAT,
26985
- onClick: toggleChat,
26986
- css: __spreadProps(__spreadValues({}, tabTriggerCSS), {
26987
- color: activeTab !== SIDE_PANE_OPTIONS.CHAT ? "$on_surface_low" : "$on_surface_high"
26988
- })
26989
- },
26990
- chat_title
26991
- ), /* @__PURE__ */ import_react145.default.createElement(
26992
- Tabs.Trigger,
27011
+ (0, import_ts_pattern6.match)({ isOverlayChat, isChatOpen, showChat, hideTabs }).with({ isOverlayChat: true, isChatOpen: true, showChat: true }, () => /* @__PURE__ */ import_react145.default.createElement(Chat, null)).with({ hideTabs: true }, () => {
27012
+ return /* @__PURE__ */ import_react145.default.createElement(import_react145.default.Fragment, null, /* @__PURE__ */ import_react145.default.createElement(Flex, { justify: "between", css: { w: "100%", "&:empty": { display: "none" } } }, /* @__PURE__ */ import_react145.default.createElement(
27013
+ Text,
26993
27014
  {
26994
- value: SIDE_PANE_OPTIONS.PARTICIPANTS,
26995
- onClick: toggleParticipants,
26996
- css: __spreadProps(__spreadValues({}, tabTriggerCSS), {
26997
- color: activeTab !== SIDE_PANE_OPTIONS.PARTICIPANTS ? "$on_surface_low" : "$on_surface_high"
26998
- })
27015
+ variant: "sm",
27016
+ css: {
27017
+ fontWeight: "$semiBold",
27018
+ p: "$4",
27019
+ c: "$on_surface_high",
27020
+ pr: "$12",
27021
+ "&:empty": { display: "none" }
27022
+ }
26999
27023
  },
27000
- "Participants\xA0",
27001
- /* @__PURE__ */ import_react145.default.createElement(ParticipantCount2, { count: peerCount })
27002
- )), showChatSettings ? /* @__PURE__ */ import_react145.default.createElement(ChatSettings, null) : null, isOverlayChat && isChatOpen ? null : /* @__PURE__ */ import_react145.default.createElement(
27024
+ activeTab === SIDE_PANE_OPTIONS.CHAT ? screenType !== "hls_live_streaming" && chat_title : /* @__PURE__ */ import_react145.default.createElement("span", null, "Participants\xA0", /* @__PURE__ */ import_react145.default.createElement(ParticipantCount2, { count: peerCount }))
27025
+ ), /* @__PURE__ */ import_react145.default.createElement(Flex, null, showChatSettings ? /* @__PURE__ */ import_react145.default.createElement(ChatSettings, null) : null, isOverlayChat && isChatOpen ? null : /* @__PURE__ */ import_react145.default.createElement(
27003
27026
  IconButton,
27004
27027
  {
27005
- css: { my: "$1", color: "$on_surface_medium", "&:hover": { color: "$on_surface_high" } },
27028
+ css: {
27029
+ my: "$1",
27030
+ color: "$on_surface_medium",
27031
+ "&:hover": { color: "$on_surface_high" },
27032
+ "&:empty": { display: "none" }
27033
+ },
27006
27034
  onClick: (e) => {
27007
27035
  e.stopPropagation();
27008
27036
  if (activeTab === SIDE_PANE_OPTIONS.CHAT) {
@@ -27013,11 +27041,39 @@ var init_SidePaneTabs = __esm({
27013
27041
  },
27014
27042
  "data-testid": "close_chat"
27015
27043
  },
27016
- /* @__PURE__ */ import_react145.default.createElement(import_react_icons70.CrossIcon, null)
27017
- )),
27018
- /* @__PURE__ */ import_react145.default.createElement(Tabs.Content, { value: SIDE_PANE_OPTIONS.PARTICIPANTS, css: { p: 0 } }, /* @__PURE__ */ import_react145.default.createElement(ParticipantList, { offStageRoles: off_stage_roles, onActive: setActiveRole })),
27019
- /* @__PURE__ */ import_react145.default.createElement(Tabs.Content, { value: SIDE_PANE_OPTIONS.CHAT, css: { p: 0 } }, /* @__PURE__ */ import_react145.default.createElement(Chat, null))
27020
- ))
27044
+ screenType === "hls_live_streaming" && isChatOpen ? null : /* @__PURE__ */ import_react145.default.createElement(import_react_icons70.CrossIcon, null)
27045
+ ))), activeTab === SIDE_PANE_OPTIONS.CHAT ? /* @__PURE__ */ import_react145.default.createElement(Chat, null) : /* @__PURE__ */ import_react145.default.createElement(ParticipantList, { offStageRoles: off_stage_roles, onActive: setActiveRole }));
27046
+ }).otherwise(() => {
27047
+ return /* @__PURE__ */ import_react145.default.createElement(
27048
+ Tabs.Root,
27049
+ {
27050
+ value: activeTab,
27051
+ onValueChange: setActiveTab,
27052
+ css: {
27053
+ flexDirection: "column",
27054
+ size: "100%"
27055
+ }
27056
+ },
27057
+ /* @__PURE__ */ import_react145.default.createElement(Flex, { css: { w: "100%" } }, /* @__PURE__ */ import_react145.default.createElement(Tabs.List, { css: { flexGrow: 1, borderRadius: "$2", bg: "$surface_default" } }, /* @__PURE__ */ import_react145.default.createElement(Tabs.Trigger, { value: SIDE_PANE_OPTIONS.CHAT, onClick: toggleChat, css: tabTriggerCSS }, chat_title), /* @__PURE__ */ import_react145.default.createElement(Tabs.Trigger, { value: SIDE_PANE_OPTIONS.PARTICIPANTS, onClick: toggleParticipants, css: tabTriggerCSS }, "Participants\xA0", /* @__PURE__ */ import_react145.default.createElement(ParticipantCount2, { count: peerCount }))), showChatSettings ? /* @__PURE__ */ import_react145.default.createElement(ChatSettings, null) : null, isOverlayChat && isChatOpen ? null : /* @__PURE__ */ import_react145.default.createElement(
27058
+ IconButton,
27059
+ {
27060
+ css: { my: "$1", color: "$on_surface_medium", "&:hover": { color: "$on_surface_high" } },
27061
+ onClick: (e) => {
27062
+ e.stopPropagation();
27063
+ if (activeTab === SIDE_PANE_OPTIONS.CHAT) {
27064
+ toggleChat();
27065
+ } else {
27066
+ toggleParticipants();
27067
+ }
27068
+ },
27069
+ "data-testid": "close_chat"
27070
+ },
27071
+ /* @__PURE__ */ import_react145.default.createElement(import_react_icons70.CrossIcon, null)
27072
+ )),
27073
+ /* @__PURE__ */ import_react145.default.createElement(Tabs.Content, { value: SIDE_PANE_OPTIONS.PARTICIPANTS, css: { p: 0 } }, /* @__PURE__ */ import_react145.default.createElement(ParticipantList, { offStageRoles: off_stage_roles, onActive: setActiveRole })),
27074
+ /* @__PURE__ */ import_react145.default.createElement(Tabs.Content, { value: SIDE_PANE_OPTIONS.CHAT, css: { p: 0 } }, /* @__PURE__ */ import_react145.default.createElement(Chat, null))
27075
+ );
27076
+ })
27021
27077
  );
27022
27078
  });
27023
27079
  }
@@ -27291,7 +27347,7 @@ var init_TileMenuContent = __esm({
27291
27347
  "data-testid": isVideoEnabled ? "mute_video_participant_btn" : "unmute_video_participant_btn"
27292
27348
  },
27293
27349
  isVideoEnabled ? /* @__PURE__ */ import_react147.default.createElement(import_react_icons72.VideoOnIcon, { height: 20, width: 20 }) : /* @__PURE__ */ import_react147.default.createElement(import_react_icons72.VideoOffIcon, { height: 20, width: 20 }),
27294
- /* @__PURE__ */ import_react147.default.createElement("span", null, isVideoEnabled ? "Mute" : "Request Unmute")
27350
+ /* @__PURE__ */ import_react147.default.createElement("span", null, isVideoEnabled ? "Mute Video" : "Request to Unmute Video")
27295
27351
  ) : null, toggleAudio ? /* @__PURE__ */ import_react147.default.createElement(
27296
27352
  StyledMenuTile.ItemButton,
27297
27353
  {
@@ -27304,7 +27360,7 @@ var init_TileMenuContent = __esm({
27304
27360
  "data-testid": isAudioEnabled ? "mute_audio_participant_btn" : "unmute_audio_participant_btn"
27305
27361
  },
27306
27362
  isAudioEnabled ? /* @__PURE__ */ import_react147.default.createElement(import_react_icons72.MicOnIcon, { height: 20, width: 20 }) : /* @__PURE__ */ import_react147.default.createElement(import_react_icons72.MicOffIcon, { height: 20, width: 20 }),
27307
- /* @__PURE__ */ import_react147.default.createElement("span", null, isAudioEnabled ? "Mute" : "Request Unmute")
27363
+ /* @__PURE__ */ import_react147.default.createElement("span", null, isAudioEnabled ? "Mute Audio" : "Request to Unmute Audio")
27308
27364
  ) : null, audioTrackID ? /* @__PURE__ */ import_react147.default.createElement(StyledMenuTile.VolumeItem, { "data-testid": "participant_volume_slider", css: __spreadProps(__spreadValues({}, spacingCSS), { mb: "$0" }) }, /* @__PURE__ */ import_react147.default.createElement(Flex, { align: "center", gap: 1 }, /* @__PURE__ */ import_react147.default.createElement(import_react_icons72.SpeakerIcon, { height: 20, width: 20 }), /* @__PURE__ */ import_react147.default.createElement(Box, { as: "span", css: { ml: "$4" } }, "Volume (", volume, ")")), /* @__PURE__ */ import_react147.default.createElement(
27309
27365
  Slider,
27310
27366
  {
@@ -27980,13 +28036,14 @@ var init_VBPicker = __esm({
27980
28036
  });
27981
28037
 
27982
28038
  // src/Prebuilt/layouts/SidePane.tsx
27983
- var import_react153, import_react_use28, import_react_sdk77, SidePane, SidePane_default;
28039
+ var import_react153, import_react_use28, import_ts_pattern7, import_react_sdk77, Wrapper3, SidePane, SidePane_default;
27984
28040
  var init_SidePane = __esm({
27985
28041
  "src/Prebuilt/layouts/SidePane.tsx"() {
27986
28042
  "use strict";
27987
28043
  init_define_process_env();
27988
28044
  import_react153 = __toESM(require("react"));
27989
28045
  import_react_use28 = require("react-use");
28046
+ import_ts_pattern7 = require("ts-pattern");
27990
28047
  import_react_sdk77 = require("@100mslive/react-sdk");
27991
28048
  init_Polls();
27992
28049
  init_RoomDetailsPane();
@@ -28002,13 +28059,86 @@ var init_SidePane = __esm({
28002
28059
  init_hooks();
28003
28060
  init_utils();
28004
28061
  init_constants();
28062
+ Wrapper3 = styled("div", {
28063
+ w: "$100",
28064
+ h: "100%",
28065
+ p: "$10",
28066
+ flex: "1 1 0",
28067
+ background: "$surface_dim",
28068
+ r: "$1",
28069
+ position: "relative",
28070
+ "@lg": {
28071
+ w: "100%",
28072
+ h: "100%",
28073
+ ml: 0,
28074
+ right: 0,
28075
+ position: "fixed",
28076
+ bottom: 0,
28077
+ borderRadius: 0,
28078
+ zIndex: 10
28079
+ },
28080
+ "@md": {
28081
+ p: "$6 $8",
28082
+ pb: "$12",
28083
+ borderTopLeftRadius: 0,
28084
+ borderTopRightRadius: 0,
28085
+ animation: `${translateAcross({ yFrom: "100%" })} 150ms cubic-bezier(0.22, 1, 0.36, 1)`
28086
+ },
28087
+ variants: {
28088
+ landscapeStream: {
28089
+ true: {
28090
+ "@lg": {
28091
+ position: "unset !important",
28092
+ minHeight: "100%"
28093
+ }
28094
+ }
28095
+ },
28096
+ mobileStream: {
28097
+ true: {
28098
+ "@md": {
28099
+ position: "unset !important",
28100
+ background: "red"
28101
+ }
28102
+ }
28103
+ },
28104
+ overlayChat: {
28105
+ true: {
28106
+ height: "unset",
28107
+ maxHeight: 300,
28108
+ background: "linear-gradient(180deg, rgba(0, 0, 0, 0.00) 35.94%, rgba(0, 0, 0, 0.64) 100%)",
28109
+ "@md": {
28110
+ pb: "$20"
28111
+ }
28112
+ }
28113
+ }
28114
+ },
28115
+ compoundVariants: [
28116
+ {
28117
+ landscapeStream: true,
28118
+ overlayChat: true,
28119
+ css: {
28120
+ position: "unset",
28121
+ height: "100%",
28122
+ maxHeight: "unset"
28123
+ }
28124
+ },
28125
+ {
28126
+ mobileStream: true,
28127
+ overlayChat: true,
28128
+ css: {
28129
+ position: "unset",
28130
+ height: "100%",
28131
+ maxHeight: "unset"
28132
+ }
28133
+ }
28134
+ ]
28135
+ });
28005
28136
  SidePane = ({
28006
28137
  tileProps,
28007
28138
  hideControls = false
28008
28139
  }) => {
28009
28140
  var _a8, _b7, _c, _d, _e, _f;
28010
28141
  const isMobile = (0, import_react_use28.useMedia)(config.media.md);
28011
- const isLandscape = useIsLandscape();
28012
28142
  const sidepane = (0, import_react_sdk77.useHMSStore)((0, import_react_sdk77.selectAppData)(APP_DATA.sidePane));
28013
28143
  const activeScreensharePeerId = (0, import_react_sdk77.useHMSStore)((0, import_react_sdk77.selectAppData)(APP_DATA.activeScreensharePeerId));
28014
28144
  const trackId = (_a8 = (0, import_react_sdk77.useHMSStore)((0, import_react_sdk77.selectVideoTrackByPeerID)(activeScreensharePeerId))) == null ? void 0 : _a8.id;
@@ -28019,27 +28149,11 @@ var init_SidePane = __esm({
28019
28149
  const isMobileHLSStream = useMobileHLSStream();
28020
28150
  const backgroundMedia = ((_c = (_b7 = preview_elements == null ? void 0 : preview_elements.virtual_background) == null ? void 0 : _b7.background_media) == null ? void 0 : _c.length) ? (_d = preview_elements == null ? void 0 : preview_elements.virtual_background) == null ? void 0 : _d.background_media : ((_e = elements == null ? void 0 : elements.virtual_background) == null ? void 0 : _e.background_media) || [];
28021
28151
  const resetSidePane = useSidepaneReset();
28022
- let ViewComponent;
28023
- if (sidepane === SIDE_PANE_OPTIONS.POLLS) {
28024
- ViewComponent = /* @__PURE__ */ import_react153.default.createElement(Polls, null);
28025
- }
28026
- if (sidepane === SIDE_PANE_OPTIONS.PARTICIPANTS || sidepane === SIDE_PANE_OPTIONS.CHAT) {
28027
- ViewComponent = /* @__PURE__ */ import_react153.default.createElement(SidePaneTabs, { hideControls, active: sidepane, hideTab: isMobileHLSStream || isLandscapeHLSStream });
28028
- }
28029
- if (sidepane === SIDE_PANE_OPTIONS.VB) {
28030
- ViewComponent = /* @__PURE__ */ import_react153.default.createElement(VBPicker, { backgroundMedia });
28031
- }
28032
- if (sidepane === SIDE_PANE_OPTIONS.ROOM_DETAILS) {
28033
- ViewComponent = /* @__PURE__ */ import_react153.default.createElement(RoomDetailsPane, null);
28034
- }
28035
28152
  (0, import_react153.useEffect)(() => {
28036
28153
  return () => {
28037
28154
  resetSidePane();
28038
28155
  };
28039
28156
  }, [resetSidePane]);
28040
- if (!ViewComponent && (!trackId || layoutMode !== LayoutMode.GALLERY)) {
28041
- return null;
28042
- }
28043
28157
  const tileLayout = {
28044
28158
  hideParticipantNameOnTile: tileProps == null ? void 0 : tileProps.hide_participant_name_on_tile,
28045
28159
  roundedVideoTile: tileProps == null ? void 0 : tileProps.rounded_video_tile,
@@ -28047,8 +28161,11 @@ var init_SidePane = __esm({
28047
28161
  hideMetadataOnTile: tileProps == null ? void 0 : tileProps.hide_metadata_on_tile,
28048
28162
  objectFit: tileProps == null ? void 0 : tileProps.video_object_fit
28049
28163
  };
28050
- const VB = sidepane === SIDE_PANE_OPTIONS.VB;
28051
28164
  const mwebStreamingChat = isMobile && sidepane === SIDE_PANE_OPTIONS.CHAT && ((_f = elements == null ? void 0 : elements.chat) == null ? void 0 : _f.is_overlay);
28165
+ const commonProps = {
28166
+ landscapeStream: isLandscapeHLSStream,
28167
+ mobileStream: isMobileHLSStream
28168
+ };
28052
28169
  return /* @__PURE__ */ import_react153.default.createElement(
28053
28170
  Flex,
28054
28171
  {
@@ -28056,11 +28173,14 @@ var init_SidePane = __esm({
28056
28173
  justify: "center",
28057
28174
  css: {
28058
28175
  w: "$100",
28059
- h: isMobileHLSStream ? "64%" : "100%",
28176
+ h: "100%",
28060
28177
  flexShrink: 0,
28061
28178
  gap: "$4",
28062
28179
  position: "relative",
28063
- "@md": { position: mwebStreamingChat || isLandscape ? "absolute" : "", zIndex: 12 }
28180
+ "&:empty": { display: "none" },
28181
+ "@ls": {
28182
+ w: isMobileHLSStream || isLandscapeHLSStream ? "340px" : "$100"
28183
+ }
28064
28184
  }
28065
28185
  },
28066
28186
  trackId && layoutMode === LayoutMode.GALLERY && /* @__PURE__ */ import_react153.default.createElement(
@@ -28073,43 +28193,27 @@ var init_SidePane = __esm({
28073
28193
  rootCSS: { p: 0, alignSelf: "start", flexShrink: 0 }
28074
28194
  }, tileLayout)
28075
28195
  ),
28076
- !!ViewComponent && /* @__PURE__ */ import_react153.default.createElement(
28077
- Box,
28078
- {
28196
+ (0, import_ts_pattern7.match)(sidepane).with(SIDE_PANE_OPTIONS.POLLS, () => /* @__PURE__ */ import_react153.default.createElement(
28197
+ Wrapper3,
28198
+ __spreadValues({
28079
28199
  css: {
28080
- w: "$100",
28081
- h: mwebStreamingChat || isLandscape ? "0" : "100%",
28082
- p: VB ? "$10 $6 $10 $10" : "$10",
28083
- flex: "1 1 0",
28084
- minHeight: 0,
28085
- maxHeight: mwebStreamingChat || isLandscape ? "300px" : "unset",
28086
- background: mwebStreamingChat || isLandscape ? "linear-gradient(180deg, rgba(0, 0, 0, 0.00) 35.94%, rgba(0, 0, 0, 0.64) 100%)" : "$surface_dim",
28087
- r: "$1",
28088
- position: "relative",
28089
- "@lg": {
28090
- w: "100%",
28091
- h: "100%",
28092
- ml: 0,
28093
- right: 0,
28094
- position: isLandscapeHLSStream ? "" : "fixed",
28095
- minHeight: isLandscapeHLSStream ? "100%" : "",
28096
- bottom: 0,
28097
- borderRadius: 0,
28098
- zIndex: 10
28099
- },
28100
28200
  "@md": {
28101
- p: "$6 $8",
28102
- h: isMobileHLSStream ? "64%" : "100%",
28103
- pb: "$12",
28104
- minHeight: isMobileHLSStream ? "64%" : "",
28105
- borderTopLeftRadius: sidepane === SIDE_PANE_OPTIONS.POLLS ? "$2" : "0",
28106
- borderTopRightRadius: sidepane === SIDE_PANE_OPTIONS.POLLS ? "$2" : "0",
28107
- animation: `${translateAcross({ yFrom: "100%" })} 150ms cubic-bezier(0.22, 1, 0.36, 1)`
28201
+ borderTopLeftRadius: "$2",
28202
+ borderTopRightRadius: "$2"
28108
28203
  }
28109
28204
  }
28110
- },
28111
- ViewComponent
28112
- )
28205
+ }, commonProps),
28206
+ /* @__PURE__ */ import_react153.default.createElement(Polls, null)
28207
+ )).with(SIDE_PANE_OPTIONS.VB, () => /* @__PURE__ */ import_react153.default.createElement(Wrapper3, __spreadValues({ css: { p: "$10 $6 $10 $10" } }, commonProps), /* @__PURE__ */ import_react153.default.createElement(VBPicker, { backgroundMedia }))).with(SIDE_PANE_OPTIONS.CHAT, SIDE_PANE_OPTIONS.PARTICIPANTS, () => /* @__PURE__ */ import_react153.default.createElement(Wrapper3, __spreadProps(__spreadValues({}, commonProps), { overlayChat: mwebStreamingChat }), /* @__PURE__ */ import_react153.default.createElement(
28208
+ SidePaneTabs,
28209
+ {
28210
+ hideControls,
28211
+ active: sidepane,
28212
+ hideTab: isMobileHLSStream || isLandscapeHLSStream
28213
+ }
28214
+ ))).with(SIDE_PANE_OPTIONS.ROOM_DETAILS, () => /* @__PURE__ */ import_react153.default.createElement(Wrapper3, __spreadValues({}, commonProps), /* @__PURE__ */ import_react153.default.createElement(RoomDetailsPane, null))).otherwise(() => {
28215
+ return null;
28216
+ })
28113
28217
  );
28114
28218
  };
28115
28219
  SidePane_default = SidePane;
@@ -30299,15 +30403,19 @@ var init_Controls = __esm({
30299
30403
  });
30300
30404
 
30301
30405
  // src/Prebuilt/components/HMSVideo/HMSVideo.jsx
30302
- var import_react182, HMSVideo;
30406
+ var import_react182, import_react_use41, HMSVideo;
30303
30407
  var init_HMSVideo = __esm({
30304
30408
  "src/Prebuilt/components/HMSVideo/HMSVideo.jsx"() {
30305
30409
  "use strict";
30306
30410
  init_define_process_env();
30307
30411
  import_react182 = __toESM(require("react"));
30412
+ import_react_use41 = require("react-use");
30308
30413
  init_src();
30414
+ init_hooks();
30309
30415
  HMSVideo = (0, import_react182.forwardRef)((_a8, videoRef) => {
30310
30416
  var _b7 = _a8, { children } = _b7, props = __objRest(_b7, ["children"]);
30417
+ const isLandscape = useIsLandscape();
30418
+ const isMobile = (0, import_react_use41.useMedia)(config.media.md);
30311
30419
  return /* @__PURE__ */ import_react182.default.createElement(
30312
30420
  Flex,
30313
30421
  __spreadValues({
@@ -30343,7 +30451,9 @@ var init_HMSVideo = __esm({
30343
30451
  margin: "0 auto",
30344
30452
  minHeight: "0",
30345
30453
  objectFit: "contain",
30346
- width: "inherit"
30454
+ width: "inherit",
30455
+ height: isLandscape || isMobile ? "100%" : "",
30456
+ position: isLandscape || isMobile ? "absolute" : ""
30347
30457
  },
30348
30458
  ref: videoRef,
30349
30459
  playsInline: true
@@ -30372,17 +30482,17 @@ var init_PlayerContext = __esm({
30372
30482
  }
30373
30483
  });
30374
30484
 
30375
- // src/Prebuilt/components/HMSVideo/PlayButton.tsx
30376
- var import_react184, import_react_icons86, PlayButton;
30377
- var init_PlayButton = __esm({
30378
- "src/Prebuilt/components/HMSVideo/PlayButton.tsx"() {
30485
+ // src/Prebuilt/components/HMSVideo/PlayPauseButton.tsx
30486
+ var import_react184, import_react_icons86, PlayPauseButton;
30487
+ var init_PlayPauseButton = __esm({
30488
+ "src/Prebuilt/components/HMSVideo/PlayPauseButton.tsx"() {
30379
30489
  "use strict";
30380
30490
  init_define_process_env();
30381
30491
  import_react184 = __toESM(require("react"));
30382
30492
  import_react_icons86 = require("@100mslive/react-icons");
30383
30493
  init_src();
30384
30494
  init_PlayerContext();
30385
- PlayButton = ({
30495
+ PlayPauseButton = ({
30386
30496
  isPaused,
30387
30497
  width = 20,
30388
30498
  height = 20
@@ -30397,6 +30507,25 @@ var init_PlayButton = __esm({
30397
30507
  }
30398
30508
  });
30399
30509
 
30510
+ // src/Prebuilt/components/HMSVideo/SeekControls.tsx
30511
+ var import_react185, SeekControls;
30512
+ var init_SeekControls = __esm({
30513
+ "src/Prebuilt/components/HMSVideo/SeekControls.tsx"() {
30514
+ "use strict";
30515
+ init_define_process_env();
30516
+ import_react185 = __toESM(require("react"));
30517
+ init_src();
30518
+ SeekControls = ({
30519
+ title,
30520
+ onClick,
30521
+ children,
30522
+ css: css2
30523
+ }) => {
30524
+ return /* @__PURE__ */ import_react185.default.createElement(Tooltip, { title, side: "top" }, /* @__PURE__ */ import_react185.default.createElement(IconButton, { onClick, "data-testid": "backward_forward_arrow_btn", css: css2 }, children));
30525
+ };
30526
+ }
30527
+ });
30528
+
30400
30529
  // src/Prebuilt/components/HMSVideo/utils.ts
30401
30530
  function getPercentage(a2, b2) {
30402
30531
  return a2 / b2 * 100;
@@ -30431,24 +30560,24 @@ var init_utils6 = __esm({
30431
30560
  });
30432
30561
 
30433
30562
  // src/Prebuilt/components/HMSVideo/VideoProgress.tsx
30434
- var import_react185, VideoProgress;
30563
+ var import_react186, VideoProgress;
30435
30564
  var init_VideoProgress = __esm({
30436
30565
  "src/Prebuilt/components/HMSVideo/VideoProgress.tsx"() {
30437
30566
  "use strict";
30438
30567
  init_define_process_env();
30439
- import_react185 = __toESM(require("react"));
30568
+ import_react186 = __toESM(require("react"));
30440
30569
  init_src();
30441
30570
  init_PlayerContext();
30442
30571
  init_utils6();
30443
- VideoProgress = () => {
30572
+ VideoProgress = ({ isDvr = true }) => {
30444
30573
  const { hlsPlayer: hlsPlayer2 } = useHMSPlayerContext();
30445
- const [videoProgress, setVideoProgress] = (0, import_react185.useState)(0);
30446
- const [bufferProgress, setBufferProgress] = (0, import_react185.useState)(0);
30574
+ const [videoProgress, setVideoProgress] = (0, import_react186.useState)(0);
30575
+ const [bufferProgress, setBufferProgress] = (0, import_react186.useState)(0);
30447
30576
  const videoEl = hlsPlayer2 == null ? void 0 : hlsPlayer2.getVideoElement();
30448
30577
  const onValueChange = (time) => {
30449
30578
  hlsPlayer2 == null ? void 0 : hlsPlayer2.seekTo(time);
30450
30579
  };
30451
- (0, import_react185.useEffect)(() => {
30580
+ (0, import_react186.useEffect)(() => {
30452
30581
  if (!videoEl) {
30453
30582
  return;
30454
30583
  }
@@ -30481,7 +30610,7 @@ var init_VideoProgress = __esm({
30481
30610
  if (!videoEl) {
30482
30611
  return null;
30483
30612
  }
30484
- return /* @__PURE__ */ import_react185.default.createElement(Flex, { align: "center", css: { cursor: "pointer", h: "$2", alignSelf: "stretch" } }, /* @__PURE__ */ import_react185.default.createElement(
30613
+ return /* @__PURE__ */ import_react186.default.createElement(Flex, { align: "center", css: { cursor: "pointer", h: "$2", alignSelf: "stretch", pointerEvents: isDvr ? "" : "none" } }, /* @__PURE__ */ import_react186.default.createElement(
30485
30614
  Slider,
30486
30615
  {
30487
30616
  id: "video-actual-rest",
@@ -30489,7 +30618,8 @@ var init_VideoProgress = __esm({
30489
30618
  cursor: "pointer",
30490
30619
  h: "$2",
30491
30620
  zIndex: 1,
30492
- transition: `all .2s ease .5s`
30621
+ transition: `all .2s ease .5s`,
30622
+ pointerEvents: isDvr ? "" : "none"
30493
30623
  },
30494
30624
  min: 0,
30495
30625
  max: 100,
@@ -30497,9 +30627,9 @@ var init_VideoProgress = __esm({
30497
30627
  value: [videoProgress],
30498
30628
  showTooltip: false,
30499
30629
  onValueChange: onProgress,
30500
- thumbStyles: { w: "$6", h: "$6" }
30630
+ thumbStyles: { w: "$6", h: "$6", display: isDvr ? "" : "none" }
30501
30631
  }
30502
- ), /* @__PURE__ */ import_react185.default.createElement(
30632
+ ), /* @__PURE__ */ import_react186.default.createElement(
30503
30633
  Box,
30504
30634
  {
30505
30635
  id: "video-buffer",
@@ -30518,20 +30648,20 @@ var init_VideoProgress = __esm({
30518
30648
  });
30519
30649
 
30520
30650
  // src/Prebuilt/components/HMSVideo/VideoTime.tsx
30521
- var import_react186, import_hls_player2, VideoTime;
30651
+ var import_react187, import_hls_player2, VideoTime;
30522
30652
  var init_VideoTime = __esm({
30523
30653
  "src/Prebuilt/components/HMSVideo/VideoTime.tsx"() {
30524
30654
  "use strict";
30525
30655
  init_define_process_env();
30526
- import_react186 = __toESM(require("react"));
30656
+ import_react187 = __toESM(require("react"));
30527
30657
  import_hls_player2 = require("@100mslive/hls-player");
30528
30658
  init_Text2();
30529
30659
  init_PlayerContext();
30530
30660
  init_utils6();
30531
30661
  VideoTime = () => {
30532
30662
  const { hlsPlayer: hlsPlayer2 } = useHMSPlayerContext();
30533
- const [videoTime, setVideoTime] = (0, import_react186.useState)("");
30534
- (0, import_react186.useEffect)(() => {
30663
+ const [videoTime, setVideoTime] = (0, import_react187.useState)("");
30664
+ (0, import_react187.useEffect)(() => {
30535
30665
  const timeupdateHandler = (currentTime) => {
30536
30666
  const videoEl = hlsPlayer2 == null ? void 0 : hlsPlayer2.getVideoElement();
30537
30667
  if (videoEl) {
@@ -30547,7 +30677,7 @@ var init_VideoTime = __esm({
30547
30677
  hlsPlayer2 == null ? void 0 : hlsPlayer2.off(import_hls_player2.HMSHLSPlayerEvents.CURRENT_TIME, timeupdateHandler);
30548
30678
  };
30549
30679
  }, [hlsPlayer2]);
30550
- return hlsPlayer2 ? /* @__PURE__ */ import_react186.default.createElement(
30680
+ return hlsPlayer2 ? /* @__PURE__ */ import_react187.default.createElement(
30551
30681
  Text,
30552
30682
  {
30553
30683
  variant: "body1",
@@ -30567,20 +30697,21 @@ var init_VideoTime = __esm({
30567
30697
  });
30568
30698
 
30569
30699
  // src/Prebuilt/components/HMSVideo/VolumeControl.tsx
30570
- var import_react187, import_react_icons87, VolumeControl, VolumeIcon;
30700
+ var import_react188, import_react_icons87, VolumeControl, VolumeIcon;
30571
30701
  var init_VolumeControl = __esm({
30572
30702
  "src/Prebuilt/components/HMSVideo/VolumeControl.tsx"() {
30573
30703
  "use strict";
30574
30704
  init_define_process_env();
30575
- import_react187 = __toESM(require("react"));
30705
+ import_react188 = __toESM(require("react"));
30576
30706
  import_react_icons87 = require("@100mslive/react-icons");
30577
30707
  init_src();
30578
30708
  init_PlayerContext();
30579
30709
  VolumeControl = () => {
30710
+ var _a8;
30580
30711
  const { hlsPlayer: hlsPlayer2 } = useHMSPlayerContext();
30581
- const [volume, setVolume] = (0, import_react187.useState)((hlsPlayer2 == null ? void 0 : hlsPlayer2.volume) || 0);
30582
- const [showSlider, setShowSlider] = (0, import_react187.useState)(false);
30583
- return /* @__PURE__ */ import_react187.default.createElement(
30712
+ const [volume, setVolume] = (0, import_react188.useState)((_a8 = hlsPlayer2 == null ? void 0 : hlsPlayer2.volume) != null ? _a8 : 100);
30713
+ const [showSlider, setShowSlider] = (0, import_react188.useState)(false);
30714
+ return /* @__PURE__ */ import_react188.default.createElement(
30584
30715
  Flex,
30585
30716
  {
30586
30717
  align: "center",
@@ -30594,7 +30725,7 @@ var init_VolumeControl = __esm({
30594
30725
  setShowSlider(false);
30595
30726
  }
30596
30727
  },
30597
- /* @__PURE__ */ import_react187.default.createElement(
30728
+ /* @__PURE__ */ import_react188.default.createElement(
30598
30729
  VolumeIcon,
30599
30730
  {
30600
30731
  volume,
@@ -30609,7 +30740,7 @@ var init_VolumeControl = __esm({
30609
30740
  }
30610
30741
  }
30611
30742
  ),
30612
- /* @__PURE__ */ import_react187.default.createElement(
30743
+ /* @__PURE__ */ import_react188.default.createElement(
30613
30744
  Slider,
30614
30745
  {
30615
30746
  css: {
@@ -30637,9 +30768,9 @@ var init_VolumeControl = __esm({
30637
30768
  };
30638
30769
  VolumeIcon = ({ volume, onClick }) => {
30639
30770
  if (volume === 0) {
30640
- return /* @__PURE__ */ import_react187.default.createElement(import_react_icons87.VolumeZeroIcon, { style: { cursor: "pointer", transition: "color 0.3s" }, onClick });
30771
+ return /* @__PURE__ */ import_react188.default.createElement(import_react_icons87.VolumeZeroIcon, { style: { cursor: "pointer", transition: "color 0.3s" }, onClick });
30641
30772
  }
30642
- return volume < 50 ? /* @__PURE__ */ import_react187.default.createElement(import_react_icons87.VolumeOneIcon, { style: { cursor: "pointer", transition: "color 0.3s" }, onClick }) : /* @__PURE__ */ import_react187.default.createElement(import_react_icons87.VolumeTwoIcon, { style: { cursor: "pointer", transition: "color 0.3s" }, onClick });
30773
+ return volume < 50 ? /* @__PURE__ */ import_react188.default.createElement(import_react_icons87.VolumeOneIcon, { style: { cursor: "pointer", transition: "color 0.3s" }, onClick }) : /* @__PURE__ */ import_react188.default.createElement(import_react_icons87.VolumeTwoIcon, { style: { cursor: "pointer", transition: "color 0.3s" }, onClick });
30643
30774
  };
30644
30775
  }
30645
30776
  });
@@ -30652,13 +30783,14 @@ var init_HMSVideo2 = __esm({
30652
30783
  init_define_process_env();
30653
30784
  init_Controls();
30654
30785
  init_HMSVideo();
30655
- init_PlayButton();
30786
+ init_PlayPauseButton();
30787
+ init_SeekControls();
30656
30788
  init_VideoProgress();
30657
30789
  init_VideoTime();
30658
30790
  init_VolumeControl();
30659
30791
  HMSVideoPlayer = {
30660
30792
  Root: HMSVideo,
30661
- PlayButton,
30793
+ PlayPauseButton,
30662
30794
  Progress: VideoProgress,
30663
30795
  Duration: VideoTime,
30664
30796
  Volume: VolumeControl,
@@ -30666,22 +30798,23 @@ var init_HMSVideo2 = __esm({
30666
30798
  Root: VideoControls,
30667
30799
  Left: LeftControls,
30668
30800
  Right: RightControls
30669
- }
30801
+ },
30802
+ Seeker: SeekControls
30670
30803
  };
30671
30804
  }
30672
30805
  });
30673
30806
 
30674
30807
  // src/Prebuilt/components/HMSVideo/FullscreenButton.tsx
30675
- var import_react188, import_react_icons88, FullScreenButton2;
30808
+ var import_react189, import_react_icons88, FullScreenButton2;
30676
30809
  var init_FullscreenButton = __esm({
30677
30810
  "src/Prebuilt/components/HMSVideo/FullscreenButton.tsx"() {
30678
30811
  "use strict";
30679
30812
  init_define_process_env();
30680
- import_react188 = __toESM(require("react"));
30813
+ import_react189 = __toESM(require("react"));
30681
30814
  import_react_icons88 = require("@100mslive/react-icons");
30682
30815
  init_src();
30683
30816
  FullScreenButton2 = ({ isFullScreen, onToggle }) => {
30684
- return /* @__PURE__ */ import_react188.default.createElement(Tooltip, { title: `${isFullScreen ? "Exit" : "Go"} fullscreen`, side: "top" }, /* @__PURE__ */ import_react188.default.createElement(IconButton, { css: { margin: "0px" }, onClick: onToggle, key: "fullscreen_btn", "data-testid": "fullscreen_btn" }, /* @__PURE__ */ import_react188.default.createElement(Flex, null, isFullScreen ? /* @__PURE__ */ import_react188.default.createElement(import_react_icons88.ShrinkIcon, null) : /* @__PURE__ */ import_react188.default.createElement(import_react_icons88.ExpandIcon, null))));
30817
+ return /* @__PURE__ */ import_react189.default.createElement(Tooltip, { title: `${isFullScreen ? "Exit" : "Go"} fullscreen`, side: "top" }, /* @__PURE__ */ import_react189.default.createElement(IconButton, { css: { margin: "0px" }, onClick: onToggle, key: "fullscreen_btn", "data-testid": "fullscreen_btn" }, /* @__PURE__ */ import_react189.default.createElement(Flex, null, isFullScreen ? /* @__PURE__ */ import_react189.default.createElement(import_react_icons88.ShrinkIcon, null) : /* @__PURE__ */ import_react189.default.createElement(import_react_icons88.ExpandIcon, null))));
30685
30818
  };
30686
30819
  }
30687
30820
  });
@@ -30691,7 +30824,38 @@ function HLSAutoplayBlockedPrompt({
30691
30824
  open,
30692
30825
  unblockAutoPlay
30693
30826
  }) {
30694
- return /* @__PURE__ */ import_react189.default.createElement(
30827
+ const isLandscape = useIsLandscape();
30828
+ const isMobile = (0, import_react_use42.useMedia)(config.media.md);
30829
+ if ((isMobile || isLandscape) && open) {
30830
+ return /* @__PURE__ */ import_react190.default.createElement(
30831
+ IconButton,
30832
+ {
30833
+ css: {
30834
+ border: "1px solid white",
30835
+ bg: "white",
30836
+ color: "#000",
30837
+ r: "$2"
30838
+ },
30839
+ onClick: () => __async(this, null, function* () {
30840
+ return yield unblockAutoPlay();
30841
+ })
30842
+ },
30843
+ /* @__PURE__ */ import_react190.default.createElement(import_react_icons89.VolumeTwoIcon, { width: "32", height: "32" }),
30844
+ /* @__PURE__ */ import_react190.default.createElement(
30845
+ Text,
30846
+ {
30847
+ variant: "body1",
30848
+ css: {
30849
+ fontWeight: "$semiBold",
30850
+ px: "$2",
30851
+ color: "#000"
30852
+ }
30853
+ },
30854
+ "Tap To Unmute"
30855
+ )
30856
+ );
30857
+ }
30858
+ return /* @__PURE__ */ import_react190.default.createElement(
30695
30859
  Dialog.Root,
30696
30860
  {
30697
30861
  open,
@@ -30701,7 +30865,7 @@ function HLSAutoplayBlockedPrompt({
30701
30865
  }
30702
30866
  })
30703
30867
  },
30704
- /* @__PURE__ */ import_react189.default.createElement(DialogContent, { title: "Attention", closeable: false }, /* @__PURE__ */ import_react189.default.createElement(DialogRow, null, /* @__PURE__ */ import_react189.default.createElement(Text, { variant: "md" }, 'The browser wants us to get a confirmation for playing the HLS Stream. Please click "play stream" to proceed.')), /* @__PURE__ */ import_react189.default.createElement(DialogRow, { justify: "end" }, /* @__PURE__ */ import_react189.default.createElement(
30868
+ /* @__PURE__ */ import_react190.default.createElement(DialogContent, { title: "Attention", closeable: false }, /* @__PURE__ */ import_react190.default.createElement(DialogRow, null, /* @__PURE__ */ import_react190.default.createElement(Text, { variant: "md" }, 'The browser wants us to get a confirmation for playing the HLS Stream. Please click "play stream" to proceed.')), /* @__PURE__ */ import_react190.default.createElement(DialogRow, { justify: "end" }, /* @__PURE__ */ import_react190.default.createElement(
30705
30869
  Button,
30706
30870
  {
30707
30871
  variant: "primary",
@@ -30713,29 +30877,32 @@ function HLSAutoplayBlockedPrompt({
30713
30877
  )))
30714
30878
  );
30715
30879
  }
30716
- var import_react189;
30880
+ var import_react190, import_react_use42, import_react_icons89;
30717
30881
  var init_HLSAutoplayBlockedPrompt = __esm({
30718
30882
  "src/Prebuilt/components/HMSVideo/HLSAutoplayBlockedPrompt.tsx"() {
30719
30883
  "use strict";
30720
30884
  init_define_process_env();
30721
- import_react189 = __toESM(require("react"));
30885
+ import_react190 = __toESM(require("react"));
30886
+ import_react_use42 = require("react-use");
30887
+ import_react_icons89 = require("@100mslive/react-icons");
30722
30888
  init_src();
30723
30889
  init_DialogContent2();
30890
+ init_hooks();
30724
30891
  }
30725
30892
  });
30726
30893
 
30727
30894
  // src/Prebuilt/components/HMSVideo/HLSCaptionSelector.tsx
30728
30895
  function HLSCaptionSelector({ isEnabled }) {
30729
30896
  const { hlsPlayer: hlsPlayer2 } = useHMSPlayerContext();
30730
- return /* @__PURE__ */ import_react190.default.createElement(Tooltip, { title: "Subtitles/closed captions", side: "top" }, /* @__PURE__ */ import_react190.default.createElement(IconButton, { css: { p: "$2" }, onClick: () => hlsPlayer2 == null ? void 0 : hlsPlayer2.toggleCaption() }, isEnabled ? /* @__PURE__ */ import_react190.default.createElement(import_react_icons89.ClosedCaptionIcon, { width: "20", height: "20px" }) : /* @__PURE__ */ import_react190.default.createElement(import_react_icons89.OpenCaptionIcon, { width: "20", height: "20px" })));
30897
+ return /* @__PURE__ */ import_react191.default.createElement(Tooltip, { title: "Subtitles/closed captions", side: "top" }, /* @__PURE__ */ import_react191.default.createElement(IconButton, { css: { p: "$2" }, onClick: () => hlsPlayer2 == null ? void 0 : hlsPlayer2.toggleCaption() }, isEnabled ? /* @__PURE__ */ import_react191.default.createElement(import_react_icons90.ClosedCaptionIcon, { width: "20", height: "20px" }) : /* @__PURE__ */ import_react191.default.createElement(import_react_icons90.OpenCaptionIcon, { width: "20", height: "20px" })));
30731
30898
  }
30732
- var import_react190, import_react_icons89;
30899
+ var import_react191, import_react_icons90;
30733
30900
  var init_HLSCaptionSelector = __esm({
30734
30901
  "src/Prebuilt/components/HMSVideo/HLSCaptionSelector.tsx"() {
30735
30902
  "use strict";
30736
30903
  init_define_process_env();
30737
- import_react190 = __toESM(require("react"));
30738
- import_react_icons89 = require("@100mslive/react-icons");
30904
+ import_react191 = __toESM(require("react"));
30905
+ import_react_icons90 = require("@100mslive/react-icons");
30739
30906
  init_src();
30740
30907
  init_PlayerContext();
30741
30908
  }
@@ -30750,10 +30917,10 @@ function HLSQualitySelector({
30750
30917
  selection,
30751
30918
  isAuto
30752
30919
  }) {
30753
- const isMobile = (0, import_react_use41.useMedia)(config.media.md);
30920
+ const isMobile = (0, import_react_use43.useMedia)(config.media.md);
30754
30921
  const isLandscape = useIsLandscape();
30755
30922
  if (isMobile || isLandscape) {
30756
- return /* @__PURE__ */ import_react191.default.createElement(Sheet.Root, { open, onOpenChange }, /* @__PURE__ */ import_react191.default.createElement(Sheet.Trigger, { asChild: true, "data-testid": "quality_selector" }, /* @__PURE__ */ import_react191.default.createElement(
30923
+ return /* @__PURE__ */ import_react192.default.createElement(Sheet.Root, { open, onOpenChange }, /* @__PURE__ */ import_react192.default.createElement(Sheet.Trigger, { asChild: true, "data-testid": "quality_selector" }, /* @__PURE__ */ import_react192.default.createElement(
30757
30924
  Flex,
30758
30925
  {
30759
30926
  css: {
@@ -30763,8 +30930,8 @@ function HLSQualitySelector({
30763
30930
  p: "$2"
30764
30931
  }
30765
30932
  },
30766
- /* @__PURE__ */ import_react191.default.createElement(import_react_icons90.SettingsIcon, null)
30767
- )), layers.length > 0 && /* @__PURE__ */ import_react191.default.createElement(Sheet.Content, { css: { bg: "$surface_default", pb: "$1" }, onClick: () => onOpenChange(false) }, /* @__PURE__ */ import_react191.default.createElement(
30933
+ /* @__PURE__ */ import_react192.default.createElement(import_react_icons91.SettingsIcon, null)
30934
+ )), layers.length > 0 && /* @__PURE__ */ import_react192.default.createElement(Sheet.Content, { css: { bg: "$surface_default", pb: "$1" }, onClick: () => onOpenChange(false) }, /* @__PURE__ */ import_react192.default.createElement(
30768
30935
  Sheet.Title,
30769
30936
  {
30770
30937
  css: {
@@ -30781,9 +30948,9 @@ function HLSQualitySelector({
30781
30948
  }
30782
30949
  },
30783
30950
  "Quality",
30784
- /* @__PURE__ */ import_react191.default.createElement(Sheet.Close, { css: { color: "$on_surface_high" }, onClick: () => onOpenChange(false) }, /* @__PURE__ */ import_react191.default.createElement(import_react_icons90.CrossIcon, null))
30951
+ /* @__PURE__ */ import_react192.default.createElement(Sheet.Close, { css: { color: "$on_surface_high" }, onClick: () => onOpenChange(false) }, /* @__PURE__ */ import_react192.default.createElement(import_react_icons91.CrossIcon, null))
30785
30952
  ), layers.map((layer) => {
30786
- return /* @__PURE__ */ import_react191.default.createElement(
30953
+ return /* @__PURE__ */ import_react192.default.createElement(
30787
30954
  Flex,
30788
30955
  {
30789
30956
  align: "center",
@@ -30801,11 +30968,11 @@ function HLSQualitySelector({
30801
30968
  key: layer.width,
30802
30969
  onClick: () => onQualityChange(layer)
30803
30970
  },
30804
- /* @__PURE__ */ import_react191.default.createElement(Text, { variant: "caption", css: { fontWeight: "$semiBold" } }, getQualityText(layer)),
30805
- /* @__PURE__ */ import_react191.default.createElement(Text, { variant: "caption", css: { flex: "1 1 0", c: "$on_surface_low", pl: "$2" } }, getBitrateText(layer)),
30806
- !isAuto && layer.width === (selection == null ? void 0 : selection.width) && layer.height === (selection == null ? void 0 : selection.height) && /* @__PURE__ */ import_react191.default.createElement(import_react_icons90.CheckIcon, { width: "16px", height: "16px" })
30971
+ /* @__PURE__ */ import_react192.default.createElement(Text, { variant: "caption", css: { fontWeight: "$semiBold" } }, getQualityText(layer)),
30972
+ /* @__PURE__ */ import_react192.default.createElement(Text, { variant: "caption", css: { flex: "1 1 0", c: "$on_surface_low", pl: "$2" } }, getBitrateText(layer)),
30973
+ !isAuto && layer.width === (selection == null ? void 0 : selection.width) && layer.height === (selection == null ? void 0 : selection.height) && /* @__PURE__ */ import_react192.default.createElement(import_react_icons91.CheckIcon, { width: "16px", height: "16px" })
30807
30974
  );
30808
- }), /* @__PURE__ */ import_react191.default.createElement(
30975
+ }), /* @__PURE__ */ import_react192.default.createElement(
30809
30976
  Flex,
30810
30977
  {
30811
30978
  align: "center",
@@ -30823,11 +30990,11 @@ function HLSQualitySelector({
30823
30990
  key: "auto",
30824
30991
  onClick: () => onQualityChange({ height: "auto" })
30825
30992
  },
30826
- /* @__PURE__ */ import_react191.default.createElement(Text, { variant: "caption", css: { fontWeight: "$semiBold", flex: "1 1 0" } }, "Auto"),
30827
- isAuto && /* @__PURE__ */ import_react191.default.createElement(import_react_icons90.CheckIcon, { width: "16px", height: "16px" })
30993
+ /* @__PURE__ */ import_react192.default.createElement(Text, { variant: "caption", css: { fontWeight: "$semiBold", flex: "1 1 0" } }, "Auto"),
30994
+ isAuto && /* @__PURE__ */ import_react192.default.createElement(import_react_icons91.CheckIcon, { width: "16px", height: "16px" })
30828
30995
  )));
30829
30996
  }
30830
- return /* @__PURE__ */ import_react191.default.createElement(Dropdown.Root, { open, onOpenChange: (value) => onOpenChange(value) }, /* @__PURE__ */ import_react191.default.createElement(Dropdown.Trigger, { asChild: true, "data-testid": "quality_selector" }, /* @__PURE__ */ import_react191.default.createElement(
30997
+ return /* @__PURE__ */ import_react192.default.createElement(Dropdown.Root, { open, onOpenChange: (value) => onOpenChange(value) }, /* @__PURE__ */ import_react192.default.createElement(Dropdown.Trigger, { asChild: true, "data-testid": "quality_selector" }, /* @__PURE__ */ import_react192.default.createElement(
30831
30998
  Flex,
30832
30999
  {
30833
31000
  css: {
@@ -30837,7 +31004,7 @@ function HLSQualitySelector({
30837
31004
  p: "$2"
30838
31005
  }
30839
31006
  },
30840
- /* @__PURE__ */ import_react191.default.createElement(Tooltip, { title: "Select Quality", side: "top" }, /* @__PURE__ */ import_react191.default.createElement(Flex, { align: "center" }, /* @__PURE__ */ import_react191.default.createElement(
31007
+ /* @__PURE__ */ import_react192.default.createElement(Tooltip, { title: "Select Quality", side: "top" }, /* @__PURE__ */ import_react192.default.createElement(Flex, { align: "center" }, /* @__PURE__ */ import_react192.default.createElement(
30841
31008
  Box,
30842
31009
  {
30843
31010
  css: {
@@ -30848,8 +31015,8 @@ function HLSQualitySelector({
30848
31015
  c: "$on_surface_high"
30849
31016
  }
30850
31017
  },
30851
- /* @__PURE__ */ import_react191.default.createElement(import_react_icons90.SettingsIcon, null)
30852
- ), /* @__PURE__ */ import_react191.default.createElement(
31018
+ /* @__PURE__ */ import_react192.default.createElement(import_react_icons91.SettingsIcon, null)
31019
+ ), /* @__PURE__ */ import_react192.default.createElement(
30853
31020
  Text,
30854
31021
  {
30855
31022
  variant: {
@@ -30859,7 +31026,7 @@ function HLSQualitySelector({
30859
31026
  },
30860
31027
  css: { display: "flex", alignItems: "center", ml: "$2", c: "$on_surface_medium" }
30861
31028
  },
30862
- isAuto && /* @__PURE__ */ import_react191.default.createElement(import_react191.default.Fragment, null, "Auto", /* @__PURE__ */ import_react191.default.createElement(
31029
+ isAuto && /* @__PURE__ */ import_react192.default.createElement(import_react192.default.Fragment, null, "Auto", /* @__PURE__ */ import_react192.default.createElement(
30863
31030
  Box,
30864
31031
  {
30865
31032
  css: {
@@ -30874,7 +31041,7 @@ function HLSQualitySelector({
30874
31041
  selection && Math.min(selection.width || 0, selection.height || 0),
30875
31042
  "p"
30876
31043
  )))
30877
- )), layers.length > 0 && /* @__PURE__ */ import_react191.default.createElement(
31044
+ )), layers.length > 0 && /* @__PURE__ */ import_react192.default.createElement(
30878
31045
  Dropdown.Content,
30879
31046
  {
30880
31047
  sideOffset: 5,
@@ -30890,7 +31057,7 @@ function HLSQualitySelector({
30890
31057
  }
30891
31058
  },
30892
31059
  layers.map((layer) => {
30893
- return /* @__PURE__ */ import_react191.default.createElement(
31060
+ return /* @__PURE__ */ import_react192.default.createElement(
30894
31061
  Dropdown.Item,
30895
31062
  {
30896
31063
  onClick: () => onQualityChange(layer),
@@ -30905,12 +31072,12 @@ function HLSQualitySelector({
30905
31072
  gap: "$2"
30906
31073
  }
30907
31074
  },
30908
- /* @__PURE__ */ import_react191.default.createElement(Text, { variant: "caption", css: { fontWeight: "$semiBold" } }, getQualityText(layer)),
30909
- /* @__PURE__ */ import_react191.default.createElement(Text, { variant: "caption", css: { flex: "1 1 0", c: "$on_surface_low", pl: "$2" } }, getBitrateText(layer)),
30910
- !isAuto && layer.width === (selection == null ? void 0 : selection.width) && layer.height === (selection == null ? void 0 : selection.height) && /* @__PURE__ */ import_react191.default.createElement(import_react_icons90.CheckIcon, { width: "16px", height: "16px" })
31075
+ /* @__PURE__ */ import_react192.default.createElement(Text, { variant: "caption", css: { fontWeight: "$semiBold" } }, getQualityText(layer)),
31076
+ /* @__PURE__ */ import_react192.default.createElement(Text, { variant: "caption", css: { flex: "1 1 0", c: "$on_surface_low", pl: "$2" } }, getBitrateText(layer)),
31077
+ !isAuto && layer.width === (selection == null ? void 0 : selection.width) && layer.height === (selection == null ? void 0 : selection.height) && /* @__PURE__ */ import_react192.default.createElement(import_react_icons91.CheckIcon, { width: "16px", height: "16px" })
30911
31078
  );
30912
31079
  }),
30913
- /* @__PURE__ */ import_react191.default.createElement(
31080
+ /* @__PURE__ */ import_react192.default.createElement(
30914
31081
  Dropdown.Item,
30915
31082
  {
30916
31083
  onClick: () => onQualityChange({ height: "auto" }),
@@ -30925,19 +31092,19 @@ function HLSQualitySelector({
30925
31092
  gap: "$2"
30926
31093
  }
30927
31094
  },
30928
- /* @__PURE__ */ import_react191.default.createElement(Text, { variant: "caption", css: { fontWeight: "$semiBold", flex: "1 1 0" } }, "Auto"),
30929
- isAuto && /* @__PURE__ */ import_react191.default.createElement(import_react_icons90.CheckIcon, { width: "16px", height: "16px" })
31095
+ /* @__PURE__ */ import_react192.default.createElement(Text, { variant: "caption", css: { fontWeight: "$semiBold", flex: "1 1 0" } }, "Auto"),
31096
+ isAuto && /* @__PURE__ */ import_react192.default.createElement(import_react_icons91.CheckIcon, { width: "16px", height: "16px" })
30930
31097
  )
30931
31098
  ));
30932
31099
  }
30933
- var import_react191, import_react_use41, import_react_icons90, getQualityText, getBitrateText;
31100
+ var import_react192, import_react_use43, import_react_icons91, getQualityText, getBitrateText;
30934
31101
  var init_HLSQualitySelector = __esm({
30935
31102
  "src/Prebuilt/components/HMSVideo/HLSQualitySelector.tsx"() {
30936
31103
  "use strict";
30937
31104
  init_define_process_env();
30938
- import_react191 = __toESM(require("react"));
30939
- import_react_use41 = require("react-use");
30940
- import_react_icons90 = require("@100mslive/react-icons");
31105
+ import_react192 = __toESM(require("react"));
31106
+ import_react_use43 = require("react-use");
31107
+ import_react_icons91 = require("@100mslive/react-icons");
30941
31108
  init_src();
30942
31109
  init_Sheet2();
30943
31110
  init_Theme();
@@ -30948,12 +31115,12 @@ var init_HLSQualitySelector = __esm({
30948
31115
  });
30949
31116
 
30950
31117
  // src/Prebuilt/components/HMSVideo/MwebHLSViewTitle.tsx
30951
- var import_react192, import_react_sdk96, HLSViewTitle;
31118
+ var import_react193, import_react_sdk96, HLSViewTitle;
30952
31119
  var init_MwebHLSViewTitle = __esm({
30953
31120
  "src/Prebuilt/components/HMSVideo/MwebHLSViewTitle.tsx"() {
30954
31121
  "use strict";
30955
31122
  init_define_process_env();
30956
- import_react192 = __toESM(require("react"));
31123
+ import_react193 = __toESM(require("react"));
30957
31124
  import_react_sdk96 = require("@100mslive/react-sdk");
30958
31125
  init_Layout();
30959
31126
  init_Text2();
@@ -30964,10 +31131,10 @@ var init_MwebHLSViewTitle = __esm({
30964
31131
  HLSViewTitle = () => {
30965
31132
  const peerCount = (0, import_react_sdk96.useHMSStore)(import_react_sdk96.selectPeerCount);
30966
31133
  const hlsState = (0, import_react_sdk96.useHMSStore)(import_react_sdk96.selectHLSState);
30967
- const intervalRef = (0, import_react192.useRef)(null);
31134
+ const intervalRef = (0, import_react193.useRef)(null);
30968
31135
  const { screenType } = useRoomLayoutConferencingScreen();
30969
- const [liveTime, setLiveTime] = (0, import_react192.useState)(0);
30970
- const startTimer = (0, import_react192.useCallback)(() => {
31136
+ const [liveTime, setLiveTime] = (0, import_react193.useState)(0);
31137
+ const startTimer = (0, import_react193.useCallback)(() => {
30971
31138
  intervalRef.current = setInterval(() => {
30972
31139
  var _a8;
30973
31140
  const timeStamp = (_a8 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a8[screenType === "hls_live_streaming" ? "startedAt" : "initialisedAt"];
@@ -30976,7 +31143,7 @@ var init_MwebHLSViewTitle = __esm({
30976
31143
  }
30977
31144
  }, 6e4);
30978
31145
  }, [hlsState == null ? void 0 : hlsState.running, hlsState == null ? void 0 : hlsState.variants, screenType]);
30979
- (0, import_react192.useEffect)(() => {
31146
+ (0, import_react193.useEffect)(() => {
30980
31147
  var _a8;
30981
31148
  if (hlsState == null ? void 0 : hlsState.running) {
30982
31149
  startTimer();
@@ -30994,7 +31161,7 @@ var init_MwebHLSViewTitle = __esm({
30994
31161
  }
30995
31162
  };
30996
31163
  }, [hlsState == null ? void 0 : hlsState.running, hlsState == null ? void 0 : hlsState.variants, screenType, startTimer]);
30997
- return /* @__PURE__ */ import_react192.default.createElement(
31164
+ return /* @__PURE__ */ import_react193.default.createElement(
30998
31165
  Flex,
30999
31166
  {
31000
31167
  gap: "4",
@@ -31008,8 +31175,8 @@ var init_MwebHLSViewTitle = __esm({
31008
31175
  backgroundColor: "$surface_dim"
31009
31176
  }
31010
31177
  },
31011
- /* @__PURE__ */ import_react192.default.createElement(Logo, null),
31012
- /* @__PURE__ */ import_react192.default.createElement(Flex, { direction: "column" }, /* @__PURE__ */ import_react192.default.createElement(Text, { variant: "sub2", css: { fontWeight: "$semiBold" } }, "Tech Talk"), /* @__PURE__ */ import_react192.default.createElement(Flex, { gap: "1" }, /* @__PURE__ */ import_react192.default.createElement(Text, { variant: "caption", css: { color: "$on_surface_medium" } }, getFormattedCount(peerCount) + " watching"), /* @__PURE__ */ import_react192.default.createElement(
31178
+ /* @__PURE__ */ import_react193.default.createElement(Logo, null),
31179
+ /* @__PURE__ */ import_react193.default.createElement(Flex, { direction: "column" }, /* @__PURE__ */ import_react193.default.createElement(Text, { variant: "sub2", css: { fontWeight: "$semiBold" } }, "Tech Talk"), /* @__PURE__ */ import_react193.default.createElement(Flex, { gap: "1" }, /* @__PURE__ */ import_react193.default.createElement(Text, { variant: "caption", css: { color: "$on_surface_medium" } }, getFormattedCount(peerCount) + " watching"), /* @__PURE__ */ import_react193.default.createElement(
31013
31180
  Flex,
31014
31181
  {
31015
31182
  direction: "column",
@@ -31021,7 +31188,7 @@ var init_MwebHLSViewTitle = __esm({
31021
31188
  alignSelf: "center"
31022
31189
  }
31023
31190
  }
31024
- ), /* @__PURE__ */ import_react192.default.createElement(Text, { variant: "caption", css: { color: "$on_surface_medium" } }, "Started " + getTime(liveTime) + " ago")))
31191
+ ), /* @__PURE__ */ import_react193.default.createElement(Text, { variant: "caption", css: { color: "$on_surface_medium" } }, "Started " + getTime(liveTime) + " ago")))
31025
31192
  );
31026
31193
  };
31027
31194
  }
@@ -31032,17 +31199,17 @@ var HLSView_exports = {};
31032
31199
  __export(HLSView_exports, {
31033
31200
  default: () => HLSView_default
31034
31201
  });
31035
- var import_react193, import_react_use42, import_hls_player3, import_screenfull3, import_react_sdk97, import_react_icons91, hlsPlayer, toastMap, HLSView, HLSView_default;
31202
+ var import_react194, import_react_use44, import_hls_player3, import_screenfull3, import_react_sdk97, import_react_icons92, hlsPlayer, toastMap, HLSView, HLSView_default;
31036
31203
  var init_HLSView = __esm({
31037
31204
  "src/Prebuilt/layouts/HLSView.jsx"() {
31038
31205
  "use strict";
31039
31206
  init_define_process_env();
31040
- import_react193 = __toESM(require("react"));
31041
- import_react_use42 = require("react-use");
31207
+ import_react194 = __toESM(require("react"));
31208
+ import_react_use44 = require("react-use");
31042
31209
  import_hls_player3 = require("@100mslive/hls-player");
31043
31210
  import_screenfull3 = __toESM(require("screenfull"));
31044
31211
  import_react_sdk97 = require("@100mslive/react-sdk");
31045
- import_react_icons91 = require("@100mslive/react-icons");
31212
+ import_react_icons92 = require("@100mslive/react-icons");
31046
31213
  init_ChatToggle();
31047
31214
  init_HlsStatsOverlay();
31048
31215
  init_HMSVideo2();
@@ -31052,6 +31219,7 @@ var init_HLSView = __esm({
31052
31219
  init_HLSQualitySelector();
31053
31220
  init_MwebHLSViewTitle();
31054
31221
  init_PlayerContext();
31222
+ init_LeaveRoom();
31055
31223
  init_ToastManager();
31056
31224
  init_Button2();
31057
31225
  init_IconButton2();
@@ -31066,51 +31234,52 @@ var init_HLSView = __esm({
31066
31234
  init_constants();
31067
31235
  toastMap = {};
31068
31236
  HLSView = () => {
31069
- var _a8, _b7, _c;
31070
- const videoRef = (0, import_react193.useRef)(null);
31071
- const hlsViewRef = (0, import_react193.useRef)(null);
31237
+ var _a8, _b7;
31238
+ const videoRef = (0, import_react194.useRef)(null);
31239
+ const hlsViewRef = (0, import_react194.useRef)(null);
31072
31240
  const hlsState = (0, import_react_sdk97.useHMSStore)(import_react_sdk97.selectHLSState);
31073
31241
  const enablHlsStats = (0, import_react_sdk97.useHMSStore)((0, import_react_sdk97.selectAppData)(APP_DATA.hlsStats));
31074
31242
  const { elements, screenType } = useRoomLayoutConferencingScreen();
31075
31243
  const notification = (0, import_react_sdk97.useHMSNotifications)(import_react_sdk97.HMSNotificationTypes.POLL_STOPPED);
31076
31244
  const hmsActions = (0, import_react_sdk97.useHMSActions)();
31077
31245
  const { themeType } = useTheme();
31078
- const [streamEnded, setStreamEnded] = (0, import_react193.useState)(false);
31079
- let [hlsStatsState, setHlsStatsState] = (0, import_react193.useState)(null);
31246
+ const [streamEnded, setStreamEnded] = (0, import_react194.useState)(false);
31247
+ let [hlsStatsState, setHlsStatsState] = (0, import_react194.useState)(null);
31080
31248
  const hlsUrl = (_a8 = hlsState.variants[0]) == null ? void 0 : _a8.url;
31081
- const [availableLayers, setAvailableLayers] = (0, import_react193.useState)([]);
31082
- const [isVideoLive, setIsVideoLive] = (0, import_react193.useState)(true);
31083
- const [isCaptionEnabled, setIsCaptionEnabled] = (0, import_react193.useState)(true);
31084
- const [hasCaptions, setHasCaptions] = (0, import_react193.useState)(false);
31085
- const [currentSelectedQuality, setCurrentSelectedQuality] = (0, import_react193.useState)(null);
31086
- const [isHlsAutoplayBlocked, setIsHlsAutoplayBlocked] = (0, import_react193.useState)(false);
31087
- const [isPaused, setIsPaused] = (0, import_react193.useState)(false);
31088
- const [show, toggle] = (0, import_react_use42.useToggle)(false);
31089
- const lastHlsUrl = (0, import_react_use42.usePrevious)(hlsUrl);
31249
+ const [availableLayers, setAvailableLayers] = (0, import_react194.useState)([]);
31250
+ const [isVideoLive, setIsVideoLive] = (0, import_react194.useState)(true);
31251
+ const [isCaptionEnabled, setIsCaptionEnabled] = (0, import_react194.useState)(true);
31252
+ const [hasCaptions, setHasCaptions] = (0, import_react194.useState)(false);
31253
+ const [currentSelectedQuality, setCurrentSelectedQuality] = (0, import_react194.useState)(null);
31254
+ const [isHlsAutoplayBlocked, setIsHlsAutoplayBlocked] = (0, import_react194.useState)(false);
31255
+ const [isSeekEnabled, setIsSeekEnabled] = (0, import_react194.useState)(false);
31256
+ const [isPaused, setIsPaused] = (0, import_react194.useState)(false);
31257
+ const [show, toggle] = (0, import_react_use44.useToggle)(false);
31258
+ const lastHlsUrl = (0, import_react_use44.usePrevious)(hlsUrl);
31090
31259
  const togglePollView = usePollViewToggle();
31091
31260
  const vanillaStore = (0, import_react_sdk97.useHMSVanillaStore)();
31092
- const [controlsVisible, setControlsVisible] = (0, import_react193.useState)(true);
31093
- const [isUserSelectedAuto, setIsUserSelectedAuto] = (0, import_react193.useState)(true);
31094
- const [qualityDropDownOpen, setQualityDropDownOpen] = (0, import_react193.useState)(false);
31095
- const controlsRef = (0, import_react193.useRef)(null);
31096
- const controlsTimerRef = (0, import_react193.useRef)();
31261
+ const [controlsVisible, setControlsVisible] = (0, import_react194.useState)(true);
31262
+ const [isUserSelectedAuto, setIsUserSelectedAuto] = (0, import_react194.useState)(true);
31263
+ const [qualityDropDownOpen, setQualityDropDownOpen] = (0, import_react194.useState)(false);
31264
+ const controlsRef = (0, import_react194.useRef)(null);
31265
+ const controlsTimerRef = (0, import_react194.useRef)();
31097
31266
  const sidepane = (0, import_react_sdk97.useHMSStore)((0, import_react_sdk97.selectAppData)(APP_DATA.sidePane));
31098
31267
  const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
31099
31268
  const showChat = !!(elements == null ? void 0 : elements.chat);
31100
31269
  const isFullScreenSupported = import_screenfull3.default.isEnabled;
31101
- const isMobile = (0, import_react_use42.useMedia)(config.media.md);
31270
+ const isMobile = (0, import_react_use44.useMedia)(config.media.md);
31102
31271
  const isLandscape = useIsLandscape();
31103
- const isFullScreen = (0, import_react_use42.useFullscreen)(hlsViewRef, show, {
31272
+ const isFullScreen = (0, import_react_use44.useFullscreen)(hlsViewRef, show, {
31104
31273
  onClose: () => toggle(false)
31105
31274
  });
31106
- const [showLoader, setShowLoader] = (0, import_react193.useState)(false);
31275
+ const [showLoader, setShowLoader] = (0, import_react194.useState)(false);
31107
31276
  const isMwebHLSStream = screenType === "hls_live_streaming" && isMobile;
31108
- (0, import_react193.useEffect)(() => {
31277
+ (0, import_react194.useEffect)(() => {
31109
31278
  if (sidepane === "" && isMwebHLSStream && showChat) {
31110
31279
  toggleChat();
31111
31280
  }
31112
31281
  }, [sidepane, isMwebHLSStream, toggleChat, showChat]);
31113
- (0, import_react193.useEffect)(() => {
31282
+ (0, import_react194.useEffect)(() => {
31114
31283
  const videoEl = videoRef.current;
31115
31284
  const showLoader2 = () => setShowLoader(true);
31116
31285
  const hideLoader = () => setShowLoader(false);
@@ -31121,12 +31290,12 @@ var init_HLSView = __esm({
31121
31290
  videoEl == null ? void 0 : videoEl.removeEventListener("waiting", showLoader2);
31122
31291
  };
31123
31292
  }, []);
31124
- (0, import_react193.useEffect)(() => {
31293
+ (0, import_react194.useEffect)(() => {
31125
31294
  if (streamEnded && lastHlsUrl !== hlsUrl) {
31126
31295
  setStreamEnded(false);
31127
31296
  }
31128
31297
  }, [hlsUrl, streamEnded, lastHlsUrl]);
31129
- (0, import_react193.useEffect)(() => {
31298
+ (0, import_react194.useEffect)(() => {
31130
31299
  if (!notification)
31131
31300
  return;
31132
31301
  const toastID = toastMap == null ? void 0 : toastMap[notification.data.id];
@@ -31135,7 +31304,7 @@ var init_HLSView = __esm({
31135
31304
  delete toastMap[notification.data.id];
31136
31305
  }
31137
31306
  }, [notification]);
31138
- (0, import_react193.useEffect)(() => {
31307
+ (0, import_react194.useEffect)(() => {
31139
31308
  const videoElem = videoRef.current;
31140
31309
  const setStreamEndedCallback = () => {
31141
31310
  setStreamEnded(true);
@@ -31146,7 +31315,7 @@ var init_HLSView = __esm({
31146
31315
  videoElem == null ? void 0 : videoElem.removeEventListener("ended", setStreamEndedCallback);
31147
31316
  };
31148
31317
  }, [hlsUrl]);
31149
- const handleQuality = (0, import_react193.useCallback)(
31318
+ const handleQuality = (0, import_react194.useCallback)(
31150
31319
  (quality) => {
31151
31320
  var _a9;
31152
31321
  if (hlsPlayer) {
@@ -31157,7 +31326,7 @@ var init_HLSView = __esm({
31157
31326
  [availableLayers]
31158
31327
  //eslint-disable-line
31159
31328
  );
31160
- (0, import_react193.useEffect)(() => {
31329
+ (0, import_react194.useEffect)(() => {
31161
31330
  let videoEl = videoRef.current;
31162
31331
  const manifestLoadedHandler = ({ layers }) => {
31163
31332
  setAvailableLayers(layers);
@@ -31184,7 +31353,7 @@ var init_HLSView = __esm({
31184
31353
  const pollStartedBy = vanillaStore.getState((0, import_react_sdk97.selectPeerNameByID)(poll.startedBy)) || "Participant";
31185
31354
  const toastID = ToastManager.addToast({
31186
31355
  title: `${pollStartedBy} started a ${poll.type}: ${poll.title}`,
31187
- action: /* @__PURE__ */ import_react193.default.createElement(
31356
+ action: /* @__PURE__ */ import_react194.default.createElement(
31188
31357
  Button,
31189
31358
  {
31190
31359
  onClick: () => togglePollView(pollId),
@@ -31252,7 +31421,7 @@ var init_HLSView = __esm({
31252
31421
  };
31253
31422
  }
31254
31423
  }, [hlsUrl, togglePollView, vanillaStore]);
31255
- (0, import_react193.useEffect)(() => {
31424
+ (0, import_react194.useEffect)(() => {
31256
31425
  const onHLSStats = (state) => setHlsStatsState(state);
31257
31426
  if (enablHlsStats) {
31258
31427
  hlsPlayer == null ? void 0 : hlsPlayer.on(import_hls_player3.HMSHLSPlayerEvents.STATS, onHLSStats);
@@ -31274,46 +31443,61 @@ var init_HLSView = __esm({
31274
31443
  const sfnOverlayClose = () => {
31275
31444
  hmsActions.setAppData(APP_DATA.hlsStats, !enablHlsStats);
31276
31445
  };
31277
- (0, import_react193.useEffect)(() => {
31446
+ (0, import_react194.useEffect)(() => {
31278
31447
  if (controlsVisible && isFullScreen && !qualityDropDownOpen) {
31279
31448
  if (controlsTimerRef.current) {
31280
31449
  clearTimeout(controlsTimerRef.current);
31281
31450
  }
31282
- controlsTimerRef.current = setTimeout(() => {
31283
- setControlsVisible(false);
31284
- }, 5e3);
31285
31451
  }
31286
31452
  if (!isFullScreen && controlsTimerRef.current) {
31287
31453
  clearTimeout(controlsTimerRef.current);
31288
31454
  }
31455
+ controlsTimerRef.current = setTimeout(() => {
31456
+ setControlsVisible(false);
31457
+ }, 5e3);
31289
31458
  return () => {
31290
31459
  if (controlsTimerRef.current) {
31291
31460
  clearTimeout(controlsTimerRef.current);
31292
31461
  }
31293
31462
  };
31294
31463
  }, [controlsVisible, isFullScreen, qualityDropDownOpen]);
31295
- const onTouchHandler = (0, import_react193.useCallback)(
31464
+ const onSeekTo = (0, import_react194.useCallback)((seek) => {
31465
+ var _a9;
31466
+ hlsPlayer == null ? void 0 : hlsPlayer.seekTo(((_a9 = videoRef.current) == null ? void 0 : _a9.currentTime) + seek);
31467
+ }, []);
31468
+ const onDoubleClickHandler = (0, import_react194.useCallback)(
31296
31469
  (event) => {
31297
- event.preventDefault();
31298
- if (event.type === "ontouchstart" && controlsVisible) {
31299
- setControlsVisible(false);
31300
- return;
31301
- }
31302
- if (event.type === "ontouchstart" || qualityDropDownOpen) {
31303
- setControlsVisible(true);
31470
+ if (!(isMobile || isLandscape)) {
31304
31471
  return;
31305
31472
  }
31306
- if (isFullScreen && !controlsVisible && event.type === "touchmove") {
31307
- setControlsVisible(true);
31308
- if (controlsTimerRef.current) {
31309
- clearTimeout(controlsTimerRef.current);
31310
- }
31473
+ const sidePercentage = event.screenX * 100 / event.target.clientWidth;
31474
+ setIsSeekEnabled(true);
31475
+ if (sidePercentage < 45) {
31476
+ onSeekTo(-10);
31477
+ } else {
31478
+ onSeekTo(10);
31311
31479
  }
31480
+ setTimeout(() => {
31481
+ setIsSeekEnabled(false);
31482
+ }, 200);
31312
31483
  },
31313
- [controlsVisible, isFullScreen, qualityDropDownOpen]
31484
+ [isLandscape, isMobile, onSeekTo]
31314
31485
  );
31315
- const onHoverHandler = (0, import_react193.useCallback)(
31486
+ const onClickHandler = (0, import_react194.useCallback)(() => {
31487
+ if (!(isMobile || isLandscape)) {
31488
+ return;
31489
+ }
31490
+ setControlsVisible((value) => !value);
31491
+ if (controlsTimerRef.current) {
31492
+ clearTimeout(controlsTimerRef.current);
31493
+ }
31494
+ }, [isLandscape, isMobile]);
31495
+ const onHoverHandler = (0, import_react194.useCallback)(
31316
31496
  (event) => {
31497
+ event.preventDefault();
31498
+ if (isMobile || isLandscape) {
31499
+ return;
31500
+ }
31317
31501
  if (event.type === "mouseenter" || qualityDropDownOpen) {
31318
31502
  setControlsVisible(true);
31319
31503
  return;
@@ -31327,9 +31511,9 @@ var init_HLSView = __esm({
31327
31511
  }
31328
31512
  }
31329
31513
  },
31330
- [controlsVisible, isFullScreen, qualityDropDownOpen]
31514
+ [controlsVisible, isFullScreen, isLandscape, isMobile, qualityDropDownOpen]
31331
31515
  );
31332
- return /* @__PURE__ */ import_react193.default.createElement(
31516
+ return /* @__PURE__ */ import_react194.default.createElement(
31333
31517
  Flex,
31334
31518
  {
31335
31519
  key: "hls-viewer",
@@ -31337,11 +31521,12 @@ var init_HLSView = __esm({
31337
31521
  ref: hlsViewRef,
31338
31522
  direction: isMobile || isLandscape ? "column" : "row",
31339
31523
  css: {
31340
- w: sidepane !== "" && isLandscape ? "55%" : "100%",
31341
- h: sidepane !== "" && isMobile ? "36%" : "100%"
31524
+ w: sidepane !== "" && isLandscape ? "" : "100%",
31525
+ h: sidepane !== "" && isMobile ? "36%" : "100%",
31526
+ flex: "1 1 0"
31342
31527
  }
31343
31528
  },
31344
- hlsUrl && !streamEnded ? /* @__PURE__ */ import_react193.default.createElement(import_react193.default.Fragment, null, /* @__PURE__ */ import_react193.default.createElement(HMSPlayerContext.Provider, { value: { hlsPlayer } }, (hlsStatsState == null ? void 0 : hlsStatsState.url) && enablHlsStats && !(isMobile || isLandscape) ? /* @__PURE__ */ import_react193.default.createElement(HlsStatsOverlay, { hlsStatsState, onClose: sfnOverlayClose }) : null, /* @__PURE__ */ import_react193.default.createElement(
31529
+ hlsUrl && !streamEnded ? /* @__PURE__ */ import_react194.default.createElement(import_react194.default.Fragment, null, /* @__PURE__ */ import_react194.default.createElement(HMSPlayerContext.Provider, { value: { hlsPlayer } }, (hlsStatsState == null ? void 0 : hlsStatsState.url) && enablHlsStats && !(isMobile || isLandscape) ? /* @__PURE__ */ import_react194.default.createElement(HlsStatsOverlay, { hlsStatsState, onClose: sfnOverlayClose }) : null, /* @__PURE__ */ import_react194.default.createElement(
31345
31530
  Flex,
31346
31531
  {
31347
31532
  id: "hls-player-container",
@@ -31352,8 +31537,8 @@ var init_HLSView = __esm({
31352
31537
  margin: "0 auto"
31353
31538
  }
31354
31539
  },
31355
- /* @__PURE__ */ import_react193.default.createElement(HLSAutoplayBlockedPrompt, { open: isHlsAutoplayBlocked, unblockAutoPlay }),
31356
- showLoader && /* @__PURE__ */ import_react193.default.createElement(
31540
+ !(isMobile || isLandscape) && /* @__PURE__ */ import_react194.default.createElement(HLSAutoplayBlockedPrompt, { open: isHlsAutoplayBlocked, unblockAutoPlay }),
31541
+ showLoader && /* @__PURE__ */ import_react194.default.createElement(
31357
31542
  Flex,
31358
31543
  {
31359
31544
  align: "center",
@@ -31362,56 +31547,68 @@ var init_HLSView = __esm({
31362
31547
  position: "absolute"
31363
31548
  }
31364
31549
  },
31365
- /* @__PURE__ */ import_react193.default.createElement(Loading, { width: 72, height: 72 })
31550
+ /* @__PURE__ */ import_react194.default.createElement(Loading, { width: 72, height: 72 })
31366
31551
  ),
31367
- /* @__PURE__ */ import_react193.default.createElement(
31552
+ /* @__PURE__ */ import_react194.default.createElement(
31368
31553
  HMSVideoPlayer.Root,
31369
31554
  {
31370
31555
  ref: videoRef,
31371
31556
  onMouseEnter: onHoverHandler,
31372
31557
  onMouseMove: onHoverHandler,
31373
31558
  onMouseLeave: onHoverHandler,
31374
- onTouchStart: onTouchHandler,
31375
- onTouchMove: onTouchHandler
31559
+ onClick: onClickHandler,
31560
+ onDoubleClick: (e) => {
31561
+ onDoubleClickHandler(e);
31562
+ }
31376
31563
  },
31377
- /* @__PURE__ */ import_react193.default.createElement(import_react193.default.Fragment, null, isMobile || isLandscape ? /* @__PURE__ */ import_react193.default.createElement(import_react193.default.Fragment, null, !showLoader && /* @__PURE__ */ import_react193.default.createElement(
31378
- Box,
31564
+ /* @__PURE__ */ import_react194.default.createElement(import_react194.default.Fragment, null, isMobile || isLandscape ? /* @__PURE__ */ import_react194.default.createElement(import_react194.default.Fragment, null, !showLoader && /* @__PURE__ */ import_react194.default.createElement(
31565
+ Flex,
31379
31566
  {
31567
+ align: "center",
31568
+ justify: "center",
31380
31569
  css: {
31381
- position: "absolute",
31382
- top: "40%",
31383
- left: "50%",
31384
- transform: "translateY(-40%) translateX(-50%)",
31385
- padding: "$4",
31570
+ bg: "#00000066",
31386
31571
  display: "inline-flex",
31387
- r: "$round",
31388
- gap: "$1",
31389
- bg: "rgba(0, 0, 0, 0.6)",
31572
+ gap: "$2",
31390
31573
  zIndex: 1,
31574
+ size: "100%",
31391
31575
  visibility: controlsVisible ? `` : `hidden`,
31392
31576
  opacity: controlsVisible ? `1` : "0"
31393
31577
  }
31394
31578
  },
31395
- isPaused ? /* @__PURE__ */ import_react193.default.createElement(
31396
- IconButton,
31579
+ /* @__PURE__ */ import_react194.default.createElement(
31580
+ HMSVideoPlayer.Seeker,
31397
31581
  {
31398
- onClick: () => __async(void 0, null, function* () {
31399
- yield hlsPlayer == null ? void 0 : hlsPlayer.play();
31400
- }),
31401
- "data-testid": "play_btn"
31582
+ title: "backward",
31583
+ css: {
31584
+ visibility: isSeekEnabled ? `` : `hidden`,
31585
+ opacity: isSeekEnabled ? `1` : "0"
31586
+ }
31402
31587
  },
31403
- /* @__PURE__ */ import_react193.default.createElement(import_react_icons91.PlayIcon, { width: "48px", height: "48px" })
31404
- ) : /* @__PURE__ */ import_react193.default.createElement(
31405
- IconButton,
31588
+ /* @__PURE__ */ import_react194.default.createElement(import_react_icons92.BackwardArrowIcon, { width: 32, height: 32 })
31589
+ ),
31590
+ /* @__PURE__ */ import_react194.default.createElement(
31591
+ Box,
31406
31592
  {
31407
- onClick: () => __async(void 0, null, function* () {
31408
- yield hlsPlayer == null ? void 0 : hlsPlayer.pause();
31409
- }),
31410
- "data-testid": "pause_btn"
31593
+ css: {
31594
+ bg: "rgba(0, 0, 0, 0.6)",
31595
+ r: "$round"
31596
+ }
31411
31597
  },
31412
- /* @__PURE__ */ import_react193.default.createElement(import_react_icons91.PauseIcon, { width: "48px", height: "48px" })
31598
+ /* @__PURE__ */ import_react194.default.createElement(HMSVideoPlayer.PlayPauseButton, { isPaused, width: 48, height: 48 })
31599
+ ),
31600
+ /* @__PURE__ */ import_react194.default.createElement(
31601
+ HMSVideoPlayer.Seeker,
31602
+ {
31603
+ title: "forward",
31604
+ css: {
31605
+ visibility: isSeekEnabled ? `` : `hidden`,
31606
+ opacity: isSeekEnabled ? `1` : "0"
31607
+ }
31608
+ },
31609
+ /* @__PURE__ */ import_react194.default.createElement(import_react_icons92.ForwardArrowIcon, { width: 32, height: 32 })
31413
31610
  )
31414
- ), /* @__PURE__ */ import_react193.default.createElement(
31611
+ ), /* @__PURE__ */ import_react194.default.createElement(
31415
31612
  Flex,
31416
31613
  {
31417
31614
  ref: controlsRef,
@@ -31424,18 +31621,20 @@ var init_HLSView = __esm({
31424
31621
  left: "0",
31425
31622
  width: "100%",
31426
31623
  flexShrink: 0,
31624
+ zIndex: 1,
31427
31625
  visibility: controlsVisible ? `` : `hidden`,
31428
31626
  opacity: controlsVisible ? `1` : "0"
31429
31627
  }
31430
31628
  },
31431
- /* @__PURE__ */ import_react193.default.createElement(
31629
+ /* @__PURE__ */ import_react194.default.createElement(
31432
31630
  HMSVideoPlayer.Controls.Root,
31433
31631
  {
31434
31632
  css: {
31435
31633
  p: "$4 $8"
31436
31634
  }
31437
31635
  },
31438
- /* @__PURE__ */ import_react193.default.createElement(HMSVideoPlayer.Controls.Right, null, isLandscape && /* @__PURE__ */ import_react193.default.createElement(ChatToggle, null), hasCaptions && /* @__PURE__ */ import_react193.default.createElement(HLSCaptionSelector, { isEnabled: isCaptionEnabled }), availableLayers.length > 0 ? /* @__PURE__ */ import_react193.default.createElement(
31636
+ /* @__PURE__ */ import_react194.default.createElement(HMSVideoPlayer.Controls.Left, null, /* @__PURE__ */ import_react194.default.createElement(LeaveRoom, { screenType })),
31637
+ /* @__PURE__ */ import_react194.default.createElement(HMSVideoPlayer.Controls.Right, null, isLandscape && /* @__PURE__ */ import_react194.default.createElement(ChatToggle, null), hasCaptions && !isHlsAutoplayBlocked && /* @__PURE__ */ import_react194.default.createElement(HLSCaptionSelector, { isEnabled: isCaptionEnabled }), availableLayers.length > 0 && !isHlsAutoplayBlocked ? /* @__PURE__ */ import_react194.default.createElement(
31439
31638
  HLSQualitySelector,
31440
31639
  {
31441
31640
  layers: availableLayers,
@@ -31445,19 +31644,20 @@ var init_HLSView = __esm({
31445
31644
  onQualityChange: handleQuality,
31446
31645
  isAuto: isUserSelectedAuto
31447
31646
  }
31448
- ) : null)
31647
+ ) : null, /* @__PURE__ */ import_react194.default.createElement(HLSAutoplayBlockedPrompt, { open: isHlsAutoplayBlocked, unblockAutoPlay }))
31449
31648
  )
31450
- )) : null, /* @__PURE__ */ import_react193.default.createElement(
31649
+ )) : null, /* @__PURE__ */ import_react194.default.createElement(
31451
31650
  Flex,
31452
31651
  {
31453
31652
  ref: controlsRef,
31454
- direction: "column",
31653
+ direction: isMobile ? "columnReverse" : "column",
31455
31654
  justify: "end",
31456
31655
  align: "start",
31457
31656
  css: {
31458
31657
  position: "absolute",
31459
31658
  bottom: "0",
31460
31659
  left: "0",
31660
+ zIndex: 1,
31461
31661
  background: isMobile || isLandscape ? "" : `linear-gradient(180deg, ${theme.colors.background_dim.value}00 29.46%, ${theme.colors.background_dim.value}A3 100%);`,
31462
31662
  width: "100%",
31463
31663
  pt: "$8",
@@ -31467,23 +31667,33 @@ var init_HLSView = __esm({
31467
31667
  opacity: controlsVisible ? `1` : "0"
31468
31668
  }
31469
31669
  },
31470
- !(isMobile || isLandscape) && ((_b7 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _b7.playlist_type) === import_react_sdk97.HLSPlaylistType.DVR && /* @__PURE__ */ import_react193.default.createElement(HMSVideoPlayer.Progress, null),
31471
- /* @__PURE__ */ import_react193.default.createElement(
31670
+ /* @__PURE__ */ import_react194.default.createElement(HMSVideoPlayer.Progress, { isDvr: ((_b7 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _b7.playlist_type) === import_react_sdk97.HLSPlaylistType.DVR }),
31671
+ /* @__PURE__ */ import_react194.default.createElement(
31472
31672
  HMSVideoPlayer.Controls.Root,
31473
31673
  {
31474
31674
  css: {
31475
31675
  p: "$4 $8"
31476
31676
  }
31477
31677
  },
31478
- /* @__PURE__ */ import_react193.default.createElement(HMSVideoPlayer.Controls.Left, null, !(isMobile || isLandscape) && /* @__PURE__ */ import_react193.default.createElement(import_react193.default.Fragment, null, /* @__PURE__ */ import_react193.default.createElement(
31479
- HMSVideoPlayer.PlayButton,
31678
+ /* @__PURE__ */ import_react194.default.createElement(HMSVideoPlayer.Controls.Left, null, !(isMobile || isLandscape) && /* @__PURE__ */ import_react194.default.createElement(import_react194.default.Fragment, null, /* @__PURE__ */ import_react194.default.createElement(
31679
+ HMSVideoPlayer.Seeker,
31480
31680
  {
31481
- onClick: () => __async(void 0, null, function* () {
31482
- isPaused ? yield hlsPlayer == null ? void 0 : hlsPlayer.play() : hlsPlayer == null ? void 0 : hlsPlayer.pause();
31483
- }),
31484
- isPaused
31485
- }
31486
- ), !isVideoLive ? /* @__PURE__ */ import_react193.default.createElement(HMSVideoPlayer.Duration, null) : null, /* @__PURE__ */ import_react193.default.createElement(HMSVideoPlayer.Volume, null)), /* @__PURE__ */ import_react193.default.createElement(
31681
+ onClick: () => {
31682
+ onSeekTo(-10);
31683
+ },
31684
+ title: "backward"
31685
+ },
31686
+ /* @__PURE__ */ import_react194.default.createElement(import_react_icons92.BackwardArrowIcon, { width: 20, height: 20 })
31687
+ ), /* @__PURE__ */ import_react194.default.createElement(HMSVideoPlayer.PlayPauseButton, { isPaused }), /* @__PURE__ */ import_react194.default.createElement(
31688
+ HMSVideoPlayer.Seeker,
31689
+ {
31690
+ onClick: () => {
31691
+ onSeekTo(10);
31692
+ },
31693
+ title: "forward"
31694
+ },
31695
+ /* @__PURE__ */ import_react194.default.createElement(import_react_icons92.ForwardArrowIcon, { width: 20, height: 20 })
31696
+ ), !isVideoLive ? /* @__PURE__ */ import_react194.default.createElement(HMSVideoPlayer.Duration, null) : null, /* @__PURE__ */ import_react194.default.createElement(HMSVideoPlayer.Volume, null)), /* @__PURE__ */ import_react194.default.createElement(
31487
31697
  IconButton,
31488
31698
  {
31489
31699
  css: { px: "$2" },
@@ -31494,7 +31704,7 @@ var init_HLSView = __esm({
31494
31704
  key: "jump-to-live_btn",
31495
31705
  "data-testid": "jump-to-live_btn"
31496
31706
  },
31497
- /* @__PURE__ */ import_react193.default.createElement(Tooltip, { title: isVideoLive ? "Live" : "Go to Live", side: "top" }, /* @__PURE__ */ import_react193.default.createElement(Flex, { justify: "center", gap: 2, align: "center" }, /* @__PURE__ */ import_react193.default.createElement(
31707
+ /* @__PURE__ */ import_react194.default.createElement(Tooltip, { title: isVideoLive ? "Live" : "Go to Live", side: "top" }, /* @__PURE__ */ import_react194.default.createElement(Flex, { justify: "center", gap: 2, align: "center" }, /* @__PURE__ */ import_react194.default.createElement(
31498
31708
  Box,
31499
31709
  {
31500
31710
  css: {
@@ -31504,7 +31714,7 @@ var init_HLSView = __esm({
31504
31714
  r: "$1"
31505
31715
  }
31506
31716
  }
31507
- ), /* @__PURE__ */ import_react193.default.createElement(
31717
+ ), /* @__PURE__ */ import_react194.default.createElement(
31508
31718
  Text,
31509
31719
  {
31510
31720
  variant: "$body1",
@@ -31515,8 +31725,8 @@ var init_HLSView = __esm({
31515
31725
  },
31516
31726
  isVideoLive ? "LIVE" : "GO LIVE"
31517
31727
  )))
31518
- ), (isMobile || isLandscape) && !isVideoLive ? /* @__PURE__ */ import_react193.default.createElement(HMSVideoPlayer.Duration, null) : null),
31519
- /* @__PURE__ */ import_react193.default.createElement(HMSVideoPlayer.Controls.Right, null, hasCaptions && !(isMobile || isLandscape) && /* @__PURE__ */ import_react193.default.createElement(HLSCaptionSelector, { isEnabled: isCaptionEnabled }), availableLayers.length > 0 && !(isMobile || isLandscape) ? /* @__PURE__ */ import_react193.default.createElement(
31728
+ ), (isMobile || isLandscape) && !isVideoLive ? /* @__PURE__ */ import_react194.default.createElement(HMSVideoPlayer.Duration, null) : null),
31729
+ /* @__PURE__ */ import_react194.default.createElement(HMSVideoPlayer.Controls.Right, null, hasCaptions && !(isMobile || isLandscape) && /* @__PURE__ */ import_react194.default.createElement(HLSCaptionSelector, { isEnabled: isCaptionEnabled }), availableLayers.length > 0 && !(isMobile || isLandscape) ? /* @__PURE__ */ import_react194.default.createElement(
31520
31730
  HLSQualitySelector,
31521
31731
  {
31522
31732
  layers: availableLayers,
@@ -31526,12 +31736,11 @@ var init_HLSView = __esm({
31526
31736
  onQualityChange: handleQuality,
31527
31737
  isAuto: isUserSelectedAuto
31528
31738
  }
31529
- ) : null, isFullScreenSupported ? /* @__PURE__ */ import_react193.default.createElement(FullScreenButton2, { isFullScreen, onToggle: toggle }) : null)
31530
- ),
31531
- (isMobile || isLandscape) && ((_c = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _c.playlist_type) === import_react_sdk97.HLSPlaylistType.DVR ? /* @__PURE__ */ import_react193.default.createElement(HMSVideoPlayer.Progress, null) : null
31739
+ ) : null, isFullScreenSupported ? /* @__PURE__ */ import_react194.default.createElement(FullScreenButton2, { isFullScreen, onToggle: toggle }) : null)
31740
+ )
31532
31741
  ))
31533
31742
  )
31534
- )), isMobile && !isFullScreen && /* @__PURE__ */ import_react193.default.createElement(HLSViewTitle, null)) : /* @__PURE__ */ import_react193.default.createElement(Flex, { align: "center", justify: "center", direction: "column", css: { size: "100%", px: "$10" } }, /* @__PURE__ */ import_react193.default.createElement(Flex, { css: { c: "$on_surface_high", r: "$round", bg: "$surface_default", p: "$2" } }, streamEnded ? /* @__PURE__ */ import_react193.default.createElement(import_react_icons91.ColoredHandIcon, { height: 56, width: 56 }) : /* @__PURE__ */ import_react193.default.createElement(import_react_icons91.GoLiveIcon, { height: 56, width: 56 })), /* @__PURE__ */ import_react193.default.createElement(Text, { variant: "h5", css: { c: "$on_surface_high", mt: "$10", mb: 0, textAlign: "center" } }, streamEnded ? "Stream has ended" : "Stream yet to start"), /* @__PURE__ */ import_react193.default.createElement(Text, { variant: "md", css: { textAlign: "center", mt: "$4", c: "$on_surface_medium" } }, streamEnded ? "Have a nice day!" : "Sit back and relax"))
31743
+ )), isMobile && !isFullScreen && /* @__PURE__ */ import_react194.default.createElement(HLSViewTitle, null)) : /* @__PURE__ */ import_react194.default.createElement(Flex, { align: "center", justify: "center", direction: "column", css: { size: "100%", px: "$10" } }, /* @__PURE__ */ import_react194.default.createElement(Flex, { align: "center", gap: "2", css: { position: "absolute", left: "$4", top: "$4", zIndex: 1 } }, /* @__PURE__ */ import_react194.default.createElement(LeaveRoom, { screenType })), /* @__PURE__ */ import_react194.default.createElement(Flex, { css: { c: "$on_surface_high", r: "$round", bg: "$surface_default", p: "$2" } }, streamEnded ? /* @__PURE__ */ import_react194.default.createElement(import_react_icons92.ColoredHandIcon, { height: 56, width: 56 }) : /* @__PURE__ */ import_react194.default.createElement(import_react_icons92.GoLiveIcon, { height: 56, width: 56 })), /* @__PURE__ */ import_react194.default.createElement(Text, { variant: "h5", css: { c: "$on_surface_high", mt: "$10", mb: 0, textAlign: "center" } }, streamEnded ? "Stream has ended" : "Stream yet to start"), /* @__PURE__ */ import_react194.default.createElement(Text, { variant: "md", css: { textAlign: "center", mt: "$4", c: "$on_surface_medium" } }, streamEnded ? "Have a nice day!" : "Sit back and relax"))
31535
31744
  );
31536
31745
  };
31537
31746
  HLSView_default = HLSView;
@@ -31539,12 +31748,12 @@ var init_HLSView = __esm({
31539
31748
  });
31540
31749
 
31541
31750
  // src/Prebuilt/layouts/VideoStreamingSection.tsx
31542
- var import_react194, import_react_sdk98, HLSView2, VideoStreamingSection;
31751
+ var import_react195, import_react_sdk98, HLSView2, VideoStreamingSection;
31543
31752
  var init_VideoStreamingSection = __esm({
31544
31753
  "src/Prebuilt/layouts/VideoStreamingSection.tsx"() {
31545
31754
  "use strict";
31546
31755
  init_define_process_env();
31547
- import_react194 = __toESM(require("react"));
31756
+ import_react195 = __toESM(require("react"));
31548
31757
  import_react_sdk98 = require("@100mslive/react-sdk");
31549
31758
  init_FullPageProgress();
31550
31759
  init_GridLayout();
@@ -31557,7 +31766,7 @@ var init_VideoStreamingSection = __esm({
31557
31766
  init_useUISettings();
31558
31767
  init_useCloseScreenshareWhiteboard();
31559
31768
  init_hooks();
31560
- HLSView2 = import_react194.default.lazy(() => Promise.resolve().then(() => (init_HLSView(), HLSView_exports)));
31769
+ HLSView2 = import_react195.default.lazy(() => Promise.resolve().then(() => (init_HLSView(), HLSView_exports)));
31561
31770
  VideoStreamingSection = ({
31562
31771
  screenType,
31563
31772
  elements,
@@ -31574,7 +31783,7 @@ var init_VideoStreamingSection = __esm({
31574
31783
  const pdfAnnotatorActive = usePDFConfig();
31575
31784
  const isMobileHLSStream = useMobileHLSStream();
31576
31785
  useCloseScreenshareWhiteboard();
31577
- (0, import_react194.useEffect)(() => {
31786
+ (0, import_react195.useEffect)(() => {
31578
31787
  if (!isConnected) {
31579
31788
  return;
31580
31789
  }
@@ -31591,21 +31800,21 @@ var init_VideoStreamingSection = __esm({
31591
31800
  }
31592
31801
  let ViewComponent;
31593
31802
  if (screenType === "hls_live_streaming") {
31594
- ViewComponent = /* @__PURE__ */ import_react194.default.createElement(HLSView2, null);
31803
+ ViewComponent = /* @__PURE__ */ import_react195.default.createElement(HLSView2, null);
31595
31804
  } else if (localPeerRole === waitingViewerRole) {
31596
- ViewComponent = /* @__PURE__ */ import_react194.default.createElement(WaitingView, null);
31805
+ ViewComponent = /* @__PURE__ */ import_react195.default.createElement(WaitingView, null);
31597
31806
  } else if (pdfAnnotatorActive) {
31598
- ViewComponent = /* @__PURE__ */ import_react194.default.createElement(PDFView, null);
31807
+ ViewComponent = /* @__PURE__ */ import_react195.default.createElement(PDFView, null);
31599
31808
  } else if (urlToIframe) {
31600
- ViewComponent = /* @__PURE__ */ import_react194.default.createElement(EmbedView, null);
31809
+ ViewComponent = /* @__PURE__ */ import_react195.default.createElement(EmbedView, null);
31601
31810
  } else if (peerSharing) {
31602
- ViewComponent = /* @__PURE__ */ import_react194.default.createElement(GridLayout, __spreadValues({}, (_b7 = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _b7.grid));
31811
+ ViewComponent = /* @__PURE__ */ import_react195.default.createElement(GridLayout, __spreadValues({}, (_b7 = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _b7.grid));
31603
31812
  } else if (isWhiteboardOpen) {
31604
- ViewComponent = /* @__PURE__ */ import_react194.default.createElement(WhiteboardView, null);
31813
+ ViewComponent = /* @__PURE__ */ import_react195.default.createElement(WhiteboardView, null);
31605
31814
  } else {
31606
- ViewComponent = /* @__PURE__ */ import_react194.default.createElement(GridLayout, __spreadValues({}, (_c = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _c.grid));
31815
+ ViewComponent = /* @__PURE__ */ import_react195.default.createElement(GridLayout, __spreadValues({}, (_c = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _c.grid));
31607
31816
  }
31608
- return /* @__PURE__ */ import_react194.default.createElement(import_react194.Suspense, { fallback: /* @__PURE__ */ import_react194.default.createElement(FullPageProgress_default, null) }, /* @__PURE__ */ import_react194.default.createElement(
31817
+ return /* @__PURE__ */ import_react195.default.createElement(import_react195.Suspense, { fallback: /* @__PURE__ */ import_react195.default.createElement(FullPageProgress_default, null) }, /* @__PURE__ */ import_react195.default.createElement(
31609
31818
  Flex,
31610
31819
  {
31611
31820
  css: {
@@ -31616,17 +31825,18 @@ var init_VideoStreamingSection = __esm({
31616
31825
  direction: isMobileHLSStream ? "column" : "row"
31617
31826
  },
31618
31827
  ViewComponent,
31619
- /* @__PURE__ */ import_react194.default.createElement(
31828
+ /* @__PURE__ */ import_react195.default.createElement(
31620
31829
  Box,
31621
31830
  {
31622
31831
  css: {
31623
- height: isMobileHLSStream ? "50%" : "100%",
31832
+ flex: isMobileHLSStream ? "1 1 0" : void 0,
31833
+ height: !isMobileHLSStream ? "100%" : void 0,
31624
31834
  maxHeight: "100%",
31625
31835
  "&:empty": { display: "none" },
31626
31836
  overflowY: "clip"
31627
31837
  }
31628
31838
  },
31629
- /* @__PURE__ */ import_react194.default.createElement(
31839
+ /* @__PURE__ */ import_react195.default.createElement(
31630
31840
  SidePane_default,
31631
31841
  {
31632
31842
  screenType,
@@ -31641,14 +31851,14 @@ var init_VideoStreamingSection = __esm({
31641
31851
  });
31642
31852
 
31643
31853
  // src/Prebuilt/components/Header/RoomDetailsHeader.tsx
31644
- var import_react195, import_react_use43, import_react_icons92, RoomDetailsHeader;
31854
+ var import_react196, import_react_use45, import_react_icons93, RoomDetailsHeader;
31645
31855
  var init_RoomDetailsHeader = __esm({
31646
31856
  "src/Prebuilt/components/Header/RoomDetailsHeader.tsx"() {
31647
31857
  "use strict";
31648
31858
  init_define_process_env();
31649
- import_react195 = __toESM(require("react"));
31650
- import_react_use43 = require("react-use");
31651
- import_react_icons92 = require("@100mslive/react-icons");
31859
+ import_react196 = __toESM(require("react"));
31860
+ import_react_use45 = require("react-use");
31861
+ import_react_icons93 = require("@100mslive/react-icons");
31652
31862
  init_Layout();
31653
31863
  init_Text2();
31654
31864
  init_Theme();
@@ -31658,34 +31868,34 @@ var init_RoomDetailsHeader = __esm({
31658
31868
  init_constants();
31659
31869
  RoomDetailsHeader = () => {
31660
31870
  const { title, description } = useRoomLayoutHeader();
31661
- const isMobile = (0, import_react_use43.useMedia)(config.media.md);
31871
+ const isMobile = (0, import_react_use45.useMedia)(config.media.md);
31662
31872
  const clipLength = 30;
31663
31873
  const toggleDetailsPane = useSidepaneToggle(SIDE_PANE_OPTIONS.ROOM_DETAILS);
31664
31874
  const toggleDetailsSheet = useSheetToggle(SHEET_OPTIONS.ROOM_DETAILS);
31665
31875
  if (!title && !description || isMobile && !title) {
31666
31876
  return null;
31667
31877
  }
31668
- return /* @__PURE__ */ import_react195.default.createElement(Flex, { direction: isMobile ? "row" : "column", css: { ml: "$8", alignItems: isMobile ? "center" : "start" } }, /* @__PURE__ */ import_react195.default.createElement(Text, { variant: "sm", css: { c: "$on_surface_high", fontWeight: "$semiBold" } }, title), !isMobile && /* @__PURE__ */ import_react195.default.createElement(Flex, { align: "end", css: { color: "$on_surface_high" } }, /* @__PURE__ */ import_react195.default.createElement(Text, { variant: "xs", css: { c: "$on_surface_medium" } }, description.slice(0, clipLength)), description.length > clipLength ? /* @__PURE__ */ import_react195.default.createElement(
31878
+ return /* @__PURE__ */ import_react196.default.createElement(Flex, { direction: isMobile ? "row" : "column", css: { ml: "$8", alignItems: isMobile ? "center" : "start" } }, /* @__PURE__ */ import_react196.default.createElement(Text, { variant: "sm", css: { c: "$on_surface_high", fontWeight: "$semiBold" } }, title), !isMobile && /* @__PURE__ */ import_react196.default.createElement(Flex, { align: "end", css: { color: "$on_surface_high" } }, /* @__PURE__ */ import_react196.default.createElement(Text, { variant: "xs", css: { c: "$on_surface_medium" } }, description.slice(0, clipLength)), description.length > clipLength ? /* @__PURE__ */ import_react196.default.createElement(
31669
31879
  "span",
31670
31880
  {
31671
31881
  style: { fontWeight: "600", fontSize: "12px", cursor: "pointer", lineHeight: "1rem" },
31672
31882
  onClick: toggleDetailsPane
31673
31883
  },
31674
31884
  "\xA0...more"
31675
- ) : null), isMobile && description ? /* @__PURE__ */ import_react195.default.createElement(Flex, { css: { color: "$on_surface_medium" } }, /* @__PURE__ */ import_react195.default.createElement(import_react_icons92.ChevronRightIcon, { height: 16, width: 16, onClick: toggleDetailsSheet })) : null);
31885
+ ) : null), isMobile && description ? /* @__PURE__ */ import_react196.default.createElement(Flex, { css: { color: "$on_surface_medium" } }, /* @__PURE__ */ import_react196.default.createElement(import_react_icons93.ChevronRightIcon, { height: 16, width: 16, onClick: toggleDetailsSheet })) : null);
31676
31886
  };
31677
31887
  }
31678
31888
  });
31679
31889
 
31680
31890
  // src/Prebuilt/components/Header/common.jsx
31681
- var import_react196, import_react_sdk99, import_react_icons93, CamaraFlipActions, AudioActions, AudioSelectionSheet, SelectWithLabel;
31891
+ var import_react197, import_react_sdk99, import_react_icons94, CamaraFlipActions, AudioActions, AudioSelectionSheet, SelectWithLabel;
31682
31892
  var init_common2 = __esm({
31683
31893
  "src/Prebuilt/components/Header/common.jsx"() {
31684
31894
  "use strict";
31685
31895
  init_define_process_env();
31686
- import_react196 = __toESM(require("react"));
31896
+ import_react197 = __toESM(require("react"));
31687
31897
  import_react_sdk99 = require("@100mslive/react-sdk");
31688
- import_react_icons93 = require("@100mslive/react-icons");
31898
+ import_react_icons94 = require("@100mslive/react-icons");
31689
31899
  init_Divider2();
31690
31900
  init_Label2();
31691
31901
  init_Layout();
@@ -31703,7 +31913,7 @@ var init_common2 = __esm({
31703
31913
  if (!videoInput || !(videoInput == null ? void 0 : videoInput.length) || !(localVideoTrack == null ? void 0 : localVideoTrack.facingMode)) {
31704
31914
  return null;
31705
31915
  }
31706
- return /* @__PURE__ */ import_react196.default.createElement(Box, null, /* @__PURE__ */ import_react196.default.createElement(
31916
+ return /* @__PURE__ */ import_react197.default.createElement(Box, null, /* @__PURE__ */ import_react197.default.createElement(
31707
31917
  IconButton_default,
31708
31918
  {
31709
31919
  disabled: !isVideoOn,
@@ -31718,7 +31928,7 @@ var init_common2 = __esm({
31718
31928
  }
31719
31929
  })
31720
31930
  },
31721
- /* @__PURE__ */ import_react196.default.createElement(import_react_icons93.CameraFlipIcon, null)
31931
+ /* @__PURE__ */ import_react197.default.createElement(import_react_icons94.CameraFlipIcon, null)
31722
31932
  ));
31723
31933
  };
31724
31934
  AudioActions = () => {
@@ -31737,13 +31947,13 @@ var init_common2 = __esm({
31737
31947
  if (!audioFiltered) {
31738
31948
  return null;
31739
31949
  }
31740
- let AudioIcon = /* @__PURE__ */ import_react196.default.createElement(import_react_icons93.SpeakerIcon, null);
31950
+ let AudioIcon = /* @__PURE__ */ import_react197.default.createElement(import_react_icons94.SpeakerIcon, null);
31741
31951
  if (currentSelection && currentSelection.label.toLowerCase().includes("bluetooth")) {
31742
- AudioIcon = /* @__PURE__ */ import_react196.default.createElement(import_react_icons93.BluetoothIcon, null);
31952
+ AudioIcon = /* @__PURE__ */ import_react197.default.createElement(import_react_icons94.BluetoothIcon, null);
31743
31953
  } else if (currentSelection && currentSelection.label.toLowerCase().includes("wired")) {
31744
- AudioIcon = /* @__PURE__ */ import_react196.default.createElement(import_react_icons93.HeadphonesIcon, null);
31954
+ AudioIcon = /* @__PURE__ */ import_react197.default.createElement(import_react_icons94.HeadphonesIcon, null);
31745
31955
  }
31746
- return /* @__PURE__ */ import_react196.default.createElement(
31956
+ return /* @__PURE__ */ import_react197.default.createElement(
31747
31957
  AudioSelectionSheet,
31748
31958
  {
31749
31959
  audioDevices: availableAudioDevices,
@@ -31762,19 +31972,19 @@ var init_common2 = __esm({
31762
31972
  }
31763
31973
  })
31764
31974
  },
31765
- /* @__PURE__ */ import_react196.default.createElement(
31975
+ /* @__PURE__ */ import_react197.default.createElement(
31766
31976
  Box,
31767
31977
  {
31768
31978
  onClick: () => __async(void 0, null, function* () {
31769
31979
  yield hmsActions.refreshDevices();
31770
31980
  })
31771
31981
  },
31772
- /* @__PURE__ */ import_react196.default.createElement(IconButton_default, null, AudioIcon, " ")
31982
+ /* @__PURE__ */ import_react197.default.createElement(IconButton_default, null, AudioIcon, " ")
31773
31983
  )
31774
31984
  );
31775
31985
  };
31776
31986
  AudioSelectionSheet = ({ audioDevices, audioSelected, onChange, children }) => {
31777
- return /* @__PURE__ */ import_react196.default.createElement(Sheet.Root, null, /* @__PURE__ */ import_react196.default.createElement(Sheet.Trigger, { asChild: true }, children), /* @__PURE__ */ import_react196.default.createElement(Sheet.Content, null, /* @__PURE__ */ import_react196.default.createElement(Sheet.Title, { css: { py: "$10", px: "$8", alignItems: "center" } }, /* @__PURE__ */ import_react196.default.createElement(Flex, { direction: "row", justify: "between", css: { w: "100%" } }, /* @__PURE__ */ import_react196.default.createElement(Text, { variant: "h6", css: { display: "flex" } }, "Audio"), /* @__PURE__ */ import_react196.default.createElement(Sheet.Close, null, /* @__PURE__ */ import_react196.default.createElement(IconButton_default, { as: "div", "data-testid": "dialog_cross_icon" }, /* @__PURE__ */ import_react196.default.createElement(import_react_icons93.CrossIcon, null))))), /* @__PURE__ */ import_react196.default.createElement(HorizontalDivider, null), /* @__PURE__ */ import_react196.default.createElement(
31987
+ return /* @__PURE__ */ import_react197.default.createElement(Sheet.Root, null, /* @__PURE__ */ import_react197.default.createElement(Sheet.Trigger, { asChild: true }, children), /* @__PURE__ */ import_react197.default.createElement(Sheet.Content, null, /* @__PURE__ */ import_react197.default.createElement(Sheet.Title, { css: { py: "$10", px: "$8", alignItems: "center" } }, /* @__PURE__ */ import_react197.default.createElement(Flex, { direction: "row", justify: "between", css: { w: "100%" } }, /* @__PURE__ */ import_react197.default.createElement(Text, { variant: "h6", css: { display: "flex" } }, "Audio"), /* @__PURE__ */ import_react197.default.createElement(Sheet.Close, null, /* @__PURE__ */ import_react197.default.createElement(IconButton_default, { as: "div", "data-testid": "dialog_cross_icon" }, /* @__PURE__ */ import_react197.default.createElement(import_react_icons94.CrossIcon, null))))), /* @__PURE__ */ import_react197.default.createElement(HorizontalDivider, null), /* @__PURE__ */ import_react197.default.createElement(
31778
31988
  Flex,
31779
31989
  {
31780
31990
  direction: "column",
@@ -31785,7 +31995,7 @@ var init_common2 = __esm({
31785
31995
  }
31786
31996
  },
31787
31997
  audioDevices.map((audioDevice) => {
31788
- return /* @__PURE__ */ import_react196.default.createElement(
31998
+ return /* @__PURE__ */ import_react197.default.createElement(
31789
31999
  SelectWithLabel,
31790
32000
  {
31791
32001
  key: audioDevice.deviceId,
@@ -31798,8 +32008,8 @@ var init_common2 = __esm({
31798
32008
  })
31799
32009
  )));
31800
32010
  };
31801
- SelectWithLabel = ({ label, icon = /* @__PURE__ */ import_react196.default.createElement(import_react196.default.Fragment, null), checked, id, onChange }) => {
31802
- return /* @__PURE__ */ import_react196.default.createElement(
32011
+ SelectWithLabel = ({ label, icon = /* @__PURE__ */ import_react197.default.createElement(import_react197.default.Fragment, null), checked, id, onChange }) => {
32012
+ return /* @__PURE__ */ import_react197.default.createElement(
31803
32013
  Flex,
31804
32014
  {
31805
32015
  align: "center",
@@ -31811,7 +32021,7 @@ var init_common2 = __esm({
31811
32021
  },
31812
32022
  onClick: onChange
31813
32023
  },
31814
- /* @__PURE__ */ import_react196.default.createElement(
32024
+ /* @__PURE__ */ import_react197.default.createElement(
31815
32025
  Label3,
31816
32026
  {
31817
32027
  htmlFor: id,
@@ -31829,20 +32039,20 @@ var init_common2 = __esm({
31829
32039
  icon,
31830
32040
  label
31831
32041
  ),
31832
- checked && /* @__PURE__ */ import_react196.default.createElement(import_react_icons93.CheckIcon, { width: 24, height: 24 })
32042
+ checked && /* @__PURE__ */ import_react197.default.createElement(import_react_icons94.CheckIcon, { width: 24, height: 24 })
31833
32043
  );
31834
32044
  };
31835
32045
  }
31836
32046
  });
31837
32047
 
31838
32048
  // src/Prebuilt/components/Header/Header.tsx
31839
- var import_react197, import_react_use44, import_react_sdk100, Header2;
32049
+ var import_react198, import_react_use46, import_react_sdk100, Header2;
31840
32050
  var init_Header = __esm({
31841
32051
  "src/Prebuilt/components/Header/Header.tsx"() {
31842
32052
  "use strict";
31843
32053
  init_define_process_env();
31844
- import_react197 = __toESM(require("react"));
31845
- import_react_use44 = require("react-use");
32054
+ import_react198 = __toESM(require("react"));
32055
+ import_react_use46 = require("react-use");
31846
32056
  import_react_sdk100 = require("@100mslive/react-sdk");
31847
32057
  init_src();
31848
32058
  init_HeaderComponents();
@@ -31851,11 +32061,11 @@ var init_Header = __esm({
31851
32061
  init_common2();
31852
32062
  Header2 = () => {
31853
32063
  const roomState = (0, import_react_sdk100.useHMSStore)(import_react_sdk100.selectRoomState);
31854
- const isMobile = (0, import_react_use44.useMedia)(config.media.md);
32064
+ const isMobile = (0, import_react_use46.useMedia)(config.media.md);
31855
32065
  if (roomState !== import_react_sdk100.HMSRoomState.Connected) {
31856
- return /* @__PURE__ */ import_react197.default.createElement(import_react197.default.Fragment, null);
32066
+ return /* @__PURE__ */ import_react198.default.createElement(import_react198.default.Fragment, null);
31857
32067
  }
31858
- return /* @__PURE__ */ import_react197.default.createElement(Flex, { justify: "between", align: "center", css: { position: "relative", height: "100%" } }, /* @__PURE__ */ import_react197.default.createElement(Flex, { align: "center", gap: "2", css: { position: "absolute", left: "$10" } }, /* @__PURE__ */ import_react197.default.createElement(Logo, null), /* @__PURE__ */ import_react197.default.createElement(RoomDetailsHeader, null), /* @__PURE__ */ import_react197.default.createElement(SpeakerTag, null), isMobile && /* @__PURE__ */ import_react197.default.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ import_react197.default.createElement(LiveStatus, null), /* @__PURE__ */ import_react197.default.createElement(RecordingStatus, null), /* @__PURE__ */ import_react197.default.createElement(RecordingPauseStatus, null))), /* @__PURE__ */ import_react197.default.createElement(
32068
+ return /* @__PURE__ */ import_react198.default.createElement(Flex, { justify: "between", align: "center", css: { position: "relative", height: "100%" } }, /* @__PURE__ */ import_react198.default.createElement(Flex, { align: "center", gap: "2", css: { position: "absolute", left: "$10" } }, /* @__PURE__ */ import_react198.default.createElement(Logo, null), /* @__PURE__ */ import_react198.default.createElement(RoomDetailsHeader, null), /* @__PURE__ */ import_react198.default.createElement(SpeakerTag, null), isMobile && /* @__PURE__ */ import_react198.default.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ import_react198.default.createElement(LiveStatus, null), /* @__PURE__ */ import_react198.default.createElement(RecordingStatus, null), /* @__PURE__ */ import_react198.default.createElement(RecordingPauseStatus, null))), /* @__PURE__ */ import_react198.default.createElement(
31859
32069
  Flex,
31860
32070
  {
31861
32071
  align: "center",
@@ -31865,8 +32075,8 @@ var init_Header = __esm({
31865
32075
  gap: "$4"
31866
32076
  }
31867
32077
  },
31868
- /* @__PURE__ */ import_react197.default.createElement(StreamActions, null),
31869
- isMobile ? /* @__PURE__ */ import_react197.default.createElement(import_react197.default.Fragment, null, /* @__PURE__ */ import_react197.default.createElement(CamaraFlipActions, null), /* @__PURE__ */ import_react197.default.createElement(AudioActions, null)) : null
32078
+ /* @__PURE__ */ import_react198.default.createElement(StreamActions, null),
32079
+ isMobile ? /* @__PURE__ */ import_react198.default.createElement(import_react198.default.Fragment, null, /* @__PURE__ */ import_react198.default.createElement(CamaraFlipActions, null), /* @__PURE__ */ import_react198.default.createElement(AudioActions, null)) : null
31870
32080
  ));
31871
32081
  };
31872
32082
  }
@@ -31882,18 +32092,18 @@ var init_Header2 = __esm({
31882
32092
  });
31883
32093
 
31884
32094
  // src/Prebuilt/components/PreviousRoleInMetadata.tsx
31885
- var import_react198, import_react_sdk101, PreviousRoleInMetadata;
32095
+ var import_react199, import_react_sdk101, PreviousRoleInMetadata;
31886
32096
  var init_PreviousRoleInMetadata = __esm({
31887
32097
  "src/Prebuilt/components/PreviousRoleInMetadata.tsx"() {
31888
32098
  "use strict";
31889
32099
  init_define_process_env();
31890
- import_react198 = require("react");
32100
+ import_react199 = require("react");
31891
32101
  import_react_sdk101 = require("@100mslive/react-sdk");
31892
32102
  init_useMetadata();
31893
32103
  PreviousRoleInMetadata = () => {
31894
32104
  const vanillaStore = (0, import_react_sdk101.useHMSVanillaStore)();
31895
32105
  const { updateMetaData } = useMyMetadata();
31896
- (0, import_react198.useEffect)(() => {
32106
+ (0, import_react199.useEffect)(() => {
31897
32107
  let previousRole = vanillaStore.getState(import_react_sdk101.selectLocalPeerRoleName);
31898
32108
  const unsubscribe = vanillaStore.subscribe((currentRole) => {
31899
32109
  if (previousRole !== currentRole && currentRole) {
@@ -31909,16 +32119,15 @@ var init_PreviousRoleInMetadata = __esm({
31909
32119
  });
31910
32120
 
31911
32121
  // src/Prebuilt/components/ConferenceScreen.tsx
31912
- var import_react199, import_uuid12, import_react_sdk102, ConferenceScreen;
32122
+ var import_react200, import_uuid12, import_react_sdk102, ConferenceScreen;
31913
32123
  var init_ConferenceScreen = __esm({
31914
32124
  "src/Prebuilt/components/ConferenceScreen.tsx"() {
31915
32125
  "use strict";
31916
32126
  init_define_process_env();
31917
- import_react199 = __toESM(require("react"));
32127
+ import_react200 = __toESM(require("react"));
31918
32128
  import_uuid12 = require("uuid");
31919
32129
  import_react_sdk102 = require("@100mslive/react-sdk");
31920
32130
  init_Footer3();
31921
- init_LeaveRoom();
31922
32131
  init_MoreSettings();
31923
32132
  init_HLSFailureModal();
31924
32133
  init_PIPComponent();
@@ -31943,28 +32152,28 @@ var init_ConferenceScreen = __esm({
31943
32152
  const roomState = (0, import_react_sdk102.useHMSStore)(import_react_sdk102.selectRoomState);
31944
32153
  const isConnectedToRoom = (0, import_react_sdk102.useHMSStore)(import_react_sdk102.selectIsConnectedToRoom);
31945
32154
  const hmsActions = (0, import_react_sdk102.useHMSActions)();
31946
- const [hideControls, setHideControls] = (0, import_react199.useState)(false);
32155
+ const [hideControls, setHideControls] = (0, import_react200.useState)(false);
31947
32156
  const dropdownList = (0, import_react_sdk102.useHMSStore)((0, import_react_sdk102.selectAppData)(APP_DATA.dropdownList));
31948
32157
  const authTokenInAppData = useAuthToken();
31949
- const headerRef = (0, import_react199.useRef)(null);
31950
- const footerRef = (0, import_react199.useRef)(null);
32158
+ const headerRef = (0, import_react200.useRef)(null);
32159
+ const footerRef = (0, import_react200.useRef)(null);
31951
32160
  const isMobileDevice = isAndroid || isIOS || isIPadOS;
31952
- const dropdownListRef = (0, import_react199.useRef)();
32161
+ const dropdownListRef = (0, import_react200.useRef)();
31953
32162
  const [isHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
31954
32163
  const { toggleAudio, toggleVideo } = (0, import_react_sdk102.useAVToggle)();
31955
32164
  const noAVPermissions = !(toggleAudio || toggleVideo);
31956
32165
  const showChat = !!((_a8 = screenProps.elements) == null ? void 0 : _a8.chat);
32166
+ const autoRoomJoined = (0, import_react200.useRef)(isPreviewScreenEnabled);
32167
+ const isMobileHLSStream = useMobileHLSStream();
32168
+ const isLandscapeHLSStream = useLandscapeHLSStream();
32169
+ const isMwebHLSStream = isMobileHLSStream || isLandscapeHLSStream;
31957
32170
  const toggleControls = () => {
31958
32171
  var _a9;
31959
- if (((_a9 = dropdownListRef.current) == null ? void 0 : _a9.length) === 0 && isMobileDevice) {
32172
+ if (((_a9 = dropdownListRef.current) == null ? void 0 : _a9.length) === 0 && isMobileDevice && !isMwebHLSStream) {
31960
32173
  setHideControls((value) => !value);
31961
32174
  }
31962
32175
  };
31963
- const autoRoomJoined = (0, import_react199.useRef)(isPreviewScreenEnabled);
31964
- const isMobileHLSStream = useMobileHLSStream();
31965
- const isLandscapeHLSStream = useLandscapeHLSStream();
31966
- const isMwebHLSStream = isMobileHLSStream || isLandscapeHLSStream;
31967
- (0, import_react199.useEffect)(() => {
32176
+ (0, import_react200.useEffect)(() => {
31968
32177
  let timeout;
31969
32178
  dropdownListRef.current = dropdownList || [];
31970
32179
  if (dropdownListRef.current && dropdownListRef.current.length === 0) {
@@ -31979,7 +32188,7 @@ var init_ConferenceScreen = __esm({
31979
32188
  clearTimeout(timeout);
31980
32189
  };
31981
32190
  }, [dropdownList, hideControls, isMobileDevice]);
31982
- (0, import_react199.useEffect)(() => {
32191
+ (0, import_react200.useEffect)(() => {
31983
32192
  if (authTokenInAppData && !isConnectedToRoom && !isPreviewScreenEnabled && roomState !== import_react_sdk102.HMSRoomState.Connecting && !autoRoomJoined.current) {
31984
32193
  hmsActions.join({
31985
32194
  userName: userName || (0, import_uuid12.v4)(),
@@ -31994,31 +32203,32 @@ var init_ConferenceScreen = __esm({
31994
32203
  autoRoomJoined.current = true;
31995
32204
  }
31996
32205
  }, [authTokenInAppData, endpoints == null ? void 0 : endpoints.init, hmsActions, isConnectedToRoom, isPreviewScreenEnabled, roomState, userName]);
31997
- (0, import_react199.useEffect)(() => {
32206
+ (0, import_react200.useEffect)(() => {
31998
32207
  onJoinFunc == null ? void 0 : onJoinFunc();
31999
32208
  return () => {
32000
32209
  PictureInPicture.stop().catch((error) => console.error("stopping pip", error.message));
32001
32210
  };
32002
32211
  }, [onJoinFunc]);
32003
32212
  if (!isConnectedToRoom && ![import_react_sdk102.HMSRoomState.Reconnecting, import_react_sdk102.HMSRoomState.Disconnected].includes(roomState)) {
32004
- return /* @__PURE__ */ import_react199.default.createElement(FullPageProgress_default, { text: roomState === import_react_sdk102.HMSRoomState.Connecting ? "Joining..." : "" });
32213
+ return /* @__PURE__ */ import_react200.default.createElement(FullPageProgress_default, { text: roomState === import_react_sdk102.HMSRoomState.Connecting ? "Joining..." : "" });
32005
32214
  }
32006
- return /* @__PURE__ */ import_react199.default.createElement(import_react199.default.Fragment, null, isHLSStarted ? /* @__PURE__ */ import_react199.default.createElement(Box, { css: { position: "fixed", zIndex: 100, w: "100%", h: "100%", left: 0, top: 0 } }, /* @__PURE__ */ import_react199.default.createElement(FullPageProgress_default, { text: "Starting live stream...", css: { opacity: 0.8, bg: "$background_dim" } })) : null, /* @__PURE__ */ import_react199.default.createElement(Flex, { css: { size: "100%", overflow: "hidden" }, direction: "column" }, !(screenProps.hideSections.includes("header") || isMwebHLSStream) && /* @__PURE__ */ import_react199.default.createElement(
32215
+ const hideControlsForStreaming = isMwebHLSStream ? true : hideControls;
32216
+ return /* @__PURE__ */ import_react200.default.createElement(import_react200.default.Fragment, null, isHLSStarted ? /* @__PURE__ */ import_react200.default.createElement(Box, { css: { position: "fixed", zIndex: 100, w: "100%", h: "100%", left: 0, top: 0 } }, /* @__PURE__ */ import_react200.default.createElement(FullPageProgress_default, { text: "Starting live stream...", css: { opacity: 0.8, bg: "$background_dim" } })) : null, /* @__PURE__ */ import_react200.default.createElement(Flex, { css: { size: "100%", overflow: "hidden" }, direction: "column" }, !(screenProps.hideSections.includes("header") || isMwebHLSStream) && /* @__PURE__ */ import_react200.default.createElement(
32007
32217
  Box,
32008
32218
  {
32009
32219
  ref: headerRef,
32010
32220
  css: {
32011
32221
  h: "$18",
32012
32222
  transition: "margin 0.3s ease-in-out",
32013
- marginTop: hideControls ? `-${(_b7 = headerRef.current) == null ? void 0 : _b7.clientHeight}px` : "none",
32223
+ marginTop: hideControlsForStreaming ? `-${(_b7 = headerRef.current) == null ? void 0 : _b7.clientHeight}px` : "none",
32014
32224
  "@md": {
32015
32225
  h: "$17"
32016
32226
  }
32017
32227
  },
32018
32228
  "data-testid": "header"
32019
32229
  },
32020
- /* @__PURE__ */ import_react199.default.createElement(Header2, null)
32021
- ), isMwebHLSStream && /* @__PURE__ */ import_react199.default.createElement(Flex, { align: "center", gap: "2", css: { position: "absolute", left: "$4", top: "$4", zIndex: 1 } }, /* @__PURE__ */ import_react199.default.createElement(LeaveRoom, { screenType: screenProps.screenType })), /* @__PURE__ */ import_react199.default.createElement(
32230
+ /* @__PURE__ */ import_react200.default.createElement(Header2, null)
32231
+ ), /* @__PURE__ */ import_react200.default.createElement(
32022
32232
  Box,
32023
32233
  {
32024
32234
  css: {
@@ -32037,15 +32247,15 @@ var init_ConferenceScreen = __esm({
32037
32247
  "data-testid": "conferencing",
32038
32248
  onClick: toggleControls
32039
32249
  },
32040
- screenProps.elements ? /* @__PURE__ */ import_react199.default.createElement(
32250
+ screenProps.elements ? /* @__PURE__ */ import_react200.default.createElement(
32041
32251
  VideoStreamingSection,
32042
32252
  {
32043
32253
  screenType: screenProps.screenType,
32044
32254
  elements: screenProps.elements,
32045
- hideControls
32255
+ hideControls: hideControlsForStreaming
32046
32256
  }
32047
32257
  ) : null
32048
- ), !screenProps.hideSections.includes("footer") && screenProps.elements && !isMwebHLSStream && /* @__PURE__ */ import_react199.default.createElement(
32258
+ ), !screenProps.hideSections.includes("footer") && screenProps.elements && !isMwebHLSStream && /* @__PURE__ */ import_react200.default.createElement(
32049
32259
  Box,
32050
32260
  {
32051
32261
  ref: footerRef,
@@ -32054,7 +32264,7 @@ var init_ConferenceScreen = __esm({
32054
32264
  maxHeight: "$24",
32055
32265
  transition: "margin 0.3s ease-in-out",
32056
32266
  bg: "$background_dim",
32057
- marginBottom: hideControls ? `-${(_f = footerRef.current) == null ? void 0 : _f.clientHeight}px` : void 0,
32267
+ marginBottom: hideControlsForStreaming ? `-${(_f = footerRef.current) == null ? void 0 : _f.clientHeight}px` : void 0,
32058
32268
  "@md": {
32059
32269
  maxHeight: "unset",
32060
32270
  bg: screenProps.screenType === "hls_live_streaming" ? "transparent" : "$background_dim"
@@ -32062,8 +32272,8 @@ var init_ConferenceScreen = __esm({
32062
32272
  },
32063
32273
  "data-testid": "footer"
32064
32274
  },
32065
- /* @__PURE__ */ import_react199.default.createElement(Footer2, { elements: screenProps.elements, screenType: screenProps.screenType })
32066
- ), isMwebHLSStream && !showChat && /* @__PURE__ */ import_react199.default.createElement(
32275
+ /* @__PURE__ */ import_react200.default.createElement(Footer2, { elements: screenProps.elements, screenType: screenProps.screenType })
32276
+ ), isMwebHLSStream && !showChat && /* @__PURE__ */ import_react200.default.createElement(
32067
32277
  Flex,
32068
32278
  {
32069
32279
  css: {
@@ -32074,26 +32284,26 @@ var init_ConferenceScreen = __esm({
32074
32284
  justify: "end",
32075
32285
  gap: "1"
32076
32286
  },
32077
- noAVPermissions ? /* @__PURE__ */ import_react199.default.createElement(RaiseHand, null) : null,
32078
- /* @__PURE__ */ import_react199.default.createElement(MoreSettings, { elements: screenProps.elements, screenType: screenProps.screenType })
32079
- ), /* @__PURE__ */ import_react199.default.createElement(RoleChangeRequestModal, null), /* @__PURE__ */ import_react199.default.createElement(HLSFailureModal, null), /* @__PURE__ */ import_react199.default.createElement(ActivatedPIP, null), /* @__PURE__ */ import_react199.default.createElement(PreviousRoleInMetadata, null)));
32287
+ noAVPermissions ? /* @__PURE__ */ import_react200.default.createElement(RaiseHand, null) : null,
32288
+ /* @__PURE__ */ import_react200.default.createElement(MoreSettings, { elements: screenProps.elements, screenType: screenProps.screenType })
32289
+ ), /* @__PURE__ */ import_react200.default.createElement(RoleChangeRequestModal, null), /* @__PURE__ */ import_react200.default.createElement(HLSFailureModal, null), /* @__PURE__ */ import_react200.default.createElement(ActivatedPIP, null), /* @__PURE__ */ import_react200.default.createElement(PreviousRoleInMetadata, null)));
32080
32290
  };
32081
32291
  }
32082
32292
  });
32083
32293
 
32084
32294
  // src/Prebuilt/components/ErrorBoundary.jsx
32085
- var import_react200, import_react_icons94, ErrorBoundary;
32295
+ var import_react201, import_react_icons95, ErrorBoundary;
32086
32296
  var init_ErrorBoundary = __esm({
32087
32297
  "src/Prebuilt/components/ErrorBoundary.jsx"() {
32088
32298
  "use strict";
32089
32299
  init_define_process_env();
32090
- import_react200 = __toESM(require("react"));
32091
- import_react_icons94 = require("@100mslive/react-icons");
32300
+ import_react201 = __toESM(require("react"));
32301
+ import_react_icons95 = require("@100mslive/react-icons");
32092
32302
  init_Button2();
32093
32303
  init_Layout();
32094
32304
  init_Text2();
32095
32305
  init_Tooltip2();
32096
- ErrorBoundary = class extends import_react200.Component {
32306
+ ErrorBoundary = class extends import_react201.Component {
32097
32307
  constructor(props) {
32098
32308
  super(props);
32099
32309
  this.state = { error: null, errorInfo: null, isErrorCopied: false };
@@ -32107,7 +32317,7 @@ var init_ErrorBoundary = __esm({
32107
32317
  }
32108
32318
  render() {
32109
32319
  if (this.state.errorInfo) {
32110
- return /* @__PURE__ */ import_react200.default.createElement(
32320
+ return /* @__PURE__ */ import_react201.default.createElement(
32111
32321
  Flex,
32112
32322
  {
32113
32323
  align: "center",
@@ -32120,7 +32330,7 @@ var init_ErrorBoundary = __esm({
32120
32330
  backgroundColor: "$background_default"
32121
32331
  }
32122
32332
  },
32123
- /* @__PURE__ */ import_react200.default.createElement(Box, { css: { position: "relative", overflow: "hidden", r: "$3", height: "100%", width: "100%" } }, /* @__PURE__ */ import_react200.default.createElement(
32333
+ /* @__PURE__ */ import_react201.default.createElement(Box, { css: { position: "relative", overflow: "hidden", r: "$3", height: "100%", width: "100%" } }, /* @__PURE__ */ import_react201.default.createElement(
32124
32334
  Flex,
32125
32335
  {
32126
32336
  direction: "column",
@@ -32131,8 +32341,8 @@ var init_ErrorBoundary = __esm({
32131
32341
  left: 0
32132
32342
  }
32133
32343
  },
32134
- /* @__PURE__ */ import_react200.default.createElement("div", { style: { margin: "1.5rem", width: "100%" } }, /* @__PURE__ */ import_react200.default.createElement(Text, null, "Something went wrong"), /* @__PURE__ */ import_react200.default.createElement(Text, null, "Message: $", this.state.error), /* @__PURE__ */ import_react200.default.createElement("br", null), "Please reload to see if it works. If you think this is a mistake on our side, please reach out to us on", /* @__PURE__ */ import_react200.default.createElement("a", { href: "https://discord.com/invite/kGdmszyzq2", target: "_blank", rel: "noreferrer" }, "Discord")),
32135
- /* @__PURE__ */ import_react200.default.createElement(Flex, null, /* @__PURE__ */ import_react200.default.createElement(Tooltip, { title: "Reload page" }, /* @__PURE__ */ import_react200.default.createElement(
32344
+ /* @__PURE__ */ import_react201.default.createElement("div", { style: { margin: "1.5rem", width: "100%" } }, /* @__PURE__ */ import_react201.default.createElement(Text, null, "Something went wrong"), /* @__PURE__ */ import_react201.default.createElement(Text, null, "Message: $", this.state.error), /* @__PURE__ */ import_react201.default.createElement("br", null), "Please reload to see if it works. If you think this is a mistake on our side, please reach out to us on", /* @__PURE__ */ import_react201.default.createElement("a", { href: "https://discord.com/invite/kGdmszyzq2", target: "_blank", rel: "noreferrer" }, "Discord")),
32345
+ /* @__PURE__ */ import_react201.default.createElement(Flex, null, /* @__PURE__ */ import_react201.default.createElement(Tooltip, { title: "Reload page" }, /* @__PURE__ */ import_react201.default.createElement(
32136
32346
  Button,
32137
32347
  {
32138
32348
  onClick: () => {
@@ -32142,7 +32352,7 @@ var init_ErrorBoundary = __esm({
32142
32352
  "data-testid": "join_again_btn"
32143
32353
  },
32144
32354
  "Reload"
32145
- )), /* @__PURE__ */ import_react200.default.createElement(Tooltip, { title: "Copy error details to clipboard" }, /* @__PURE__ */ import_react200.default.createElement(
32355
+ )), /* @__PURE__ */ import_react201.default.createElement(Tooltip, { title: "Copy error details to clipboard" }, /* @__PURE__ */ import_react201.default.createElement(
32146
32356
  Button,
32147
32357
  {
32148
32358
  onClick: () => {
@@ -32158,11 +32368,11 @@ var init_ErrorBoundary = __esm({
32158
32368
  css: { mx: "$8" },
32159
32369
  "data-testid": "join_again_btn"
32160
32370
  },
32161
- /* @__PURE__ */ import_react200.default.createElement(import_react_icons94.CopyIcon, null),
32371
+ /* @__PURE__ */ import_react201.default.createElement(import_react_icons95.CopyIcon, null),
32162
32372
  " ",
32163
32373
  this.state.isErrorCopied ? "Copied" : "Copy Details"
32164
32374
  ))),
32165
- /* @__PURE__ */ import_react200.default.createElement("details", { style: { whiteSpace: "pre-wrap", margin: "1.5rem" } }, /* @__PURE__ */ import_react200.default.createElement(Text, null, this.state.error && this.state.error.toString()), /* @__PURE__ */ import_react200.default.createElement("br", null), /* @__PURE__ */ import_react200.default.createElement(Text, null, JSON.stringify(this.state.errorInfo)))
32375
+ /* @__PURE__ */ import_react201.default.createElement("details", { style: { whiteSpace: "pre-wrap", margin: "1.5rem" } }, /* @__PURE__ */ import_react201.default.createElement(Text, null, this.state.error && this.state.error.toString()), /* @__PURE__ */ import_react201.default.createElement("br", null), /* @__PURE__ */ import_react201.default.createElement(Text, null, JSON.stringify(this.state.errorInfo)))
32166
32376
  ))
32167
32377
  );
32168
32378
  }
@@ -32175,19 +32385,19 @@ var init_ErrorBoundary = __esm({
32175
32385
  // src/Prebuilt/services/FeatureFlags.jsx
32176
32386
  function FeatureFlagsInit() {
32177
32387
  const roomId = (0, import_react_sdk103.useHMSStore)(import_react_sdk103.selectRoomID);
32178
- (0, import_react201.useEffect)(() => {
32388
+ (0, import_react202.useEffect)(() => {
32179
32389
  if (roomId) {
32180
32390
  FeatureFlags.init(roomId);
32181
32391
  }
32182
32392
  }, [roomId]);
32183
32393
  return null;
32184
32394
  }
32185
- var import_react201, import_react_sdk103, FeatureFlags;
32395
+ var import_react202, import_react_sdk103, FeatureFlags;
32186
32396
  var init_FeatureFlags = __esm({
32187
32397
  "src/Prebuilt/services/FeatureFlags.jsx"() {
32188
32398
  "use strict";
32189
32399
  init_define_process_env();
32190
- import_react201 = require("react");
32400
+ import_react202 = require("react");
32191
32401
  import_react_sdk103 = require("@100mslive/react-sdk");
32192
32402
  FeatureFlags = class {
32193
32403
  static init(roomId) {
@@ -32216,20 +32426,20 @@ var init_FeatureFlags = __esm({
32216
32426
  });
32217
32427
 
32218
32428
  // src/Prebuilt/components/init/Init.jsx
32219
- var import_react202, Init;
32429
+ var import_react203, Init;
32220
32430
  var init_Init = __esm({
32221
32431
  "src/Prebuilt/components/init/Init.jsx"() {
32222
32432
  "use strict";
32223
32433
  init_define_process_env();
32224
- import_react202 = __toESM(require("react"));
32434
+ import_react203 = __toESM(require("react"));
32225
32435
  init_src();
32226
32436
  init_FeatureFlags();
32227
32437
  Init = () => {
32228
32438
  const { toggleTheme } = useTheme();
32229
- (0, import_react202.useEffect)(() => {
32439
+ (0, import_react203.useEffect)(() => {
32230
32440
  window.toggleUiTheme = toggleTheme;
32231
32441
  }, [toggleTheme]);
32232
- (0, import_react202.useEffect)(() => {
32442
+ (0, import_react203.useEffect)(() => {
32233
32443
  function resetHeight() {
32234
32444
  var _a8;
32235
32445
  document.body.style.height = `${((_a8 = window.visualViewport) == null ? void 0 : _a8.height) || window.innerHeight}px`;
@@ -32240,18 +32450,18 @@ var init_Init = __esm({
32240
32450
  window.removeEventListener("resize", resetHeight);
32241
32451
  };
32242
32452
  }, []);
32243
- return /* @__PURE__ */ import_react202.default.createElement(FeatureFlagsInit, null);
32453
+ return /* @__PURE__ */ import_react203.default.createElement(FeatureFlagsInit, null);
32244
32454
  };
32245
32455
  }
32246
32456
  });
32247
32457
 
32248
32458
  // src/Prebuilt/components/Input/KeyboardInputManager.js
32249
- var import_react203, import_react_sdk104, isEvenListenersAttached, _actions, _store, _toggleAudio, _toggleVideo, _hideSidepane, _toggleStatsForNerds, _toggleHlsStats, _keyDownHandler, _bind, _unbind, KeyboardInputManager, KeyboardHandler;
32459
+ var import_react204, import_react_sdk104, isEvenListenersAttached, _actions, _store, _toggleAudio, _toggleVideo, _hideSidepane, _toggleStatsForNerds, _toggleHlsStats, _keyDownHandler, _bind, _unbind, KeyboardInputManager, KeyboardHandler;
32250
32460
  var init_KeyboardInputManager = __esm({
32251
32461
  "src/Prebuilt/components/Input/KeyboardInputManager.js"() {
32252
32462
  "use strict";
32253
32463
  init_define_process_env();
32254
- import_react203 = require("react");
32464
+ import_react204 = require("react");
32255
32465
  import_react_sdk104 = require("@100mslive/react-sdk");
32256
32466
  init_constants();
32257
32467
  isEvenListenersAttached = false;
@@ -32340,7 +32550,7 @@ var init_KeyboardInputManager = __esm({
32340
32550
  KeyboardHandler = () => {
32341
32551
  const store = (0, import_react_sdk104.useHMSVanillaStore)();
32342
32552
  const actions = (0, import_react_sdk104.useHMSActions)();
32343
- (0, import_react203.useEffect)(() => {
32553
+ (0, import_react204.useEffect)(() => {
32344
32554
  const keyboardManager = new KeyboardInputManager(store, actions);
32345
32555
  keyboardManager.bindAllShortcuts();
32346
32556
  return keyboardManager.unbindAllShortcuts;
@@ -32351,18 +32561,18 @@ var init_KeyboardInputManager = __esm({
32351
32561
  });
32352
32562
 
32353
32563
  // src/Prebuilt/components/hooks/useRedirectToLeave.tsx
32354
- var import_react204, useRedirectToLeave;
32564
+ var import_react205, useRedirectToLeave;
32355
32565
  var init_useRedirectToLeave = __esm({
32356
32566
  "src/Prebuilt/components/hooks/useRedirectToLeave.tsx"() {
32357
32567
  "use strict";
32358
32568
  init_define_process_env();
32359
- import_react204 = require("react");
32569
+ import_react205 = require("react");
32360
32570
  init_AppContext();
32361
32571
  init_PIPManager();
32362
32572
  init_ToastManager();
32363
32573
  useRedirectToLeave = () => {
32364
32574
  const { onLeave } = useHMSPrebuiltContext();
32365
- const redirect = (0, import_react204.useCallback)(
32575
+ const redirect = (0, import_react205.useCallback)(
32366
32576
  (timeout = 0) => {
32367
32577
  setTimeout(() => {
32368
32578
  PictureInPicture.stop().catch(() => console.error("stopping pip"));
@@ -32378,26 +32588,26 @@ var init_useRedirectToLeave = __esm({
32378
32588
  });
32379
32589
 
32380
32590
  // src/Prebuilt/AppStateContext.tsx
32381
- var import_react205, import_react_use45, import_react_sdk105, AppStateContext, useHMSAppStateContext, useAppStateManager;
32591
+ var import_react206, import_react_use47, import_react_sdk105, AppStateContext, useHMSAppStateContext, useAppStateManager;
32382
32592
  var init_AppStateContext = __esm({
32383
32593
  "src/Prebuilt/AppStateContext.tsx"() {
32384
32594
  "use strict";
32385
32595
  init_define_process_env();
32386
- import_react205 = __toESM(require("react"));
32387
- import_react_use45 = require("react-use");
32596
+ import_react206 = __toESM(require("react"));
32597
+ import_react_use47 = require("react-use");
32388
32598
  import_react_sdk105 = require("@100mslive/react-sdk");
32389
32599
  init_VBHandler();
32390
32600
  init_roomLayoutProvider();
32391
32601
  init_useRedirectToLeave();
32392
32602
  init_useRoomLayoutScreen();
32393
- AppStateContext = import_react205.default.createContext({
32603
+ AppStateContext = import_react206.default.createContext({
32394
32604
  rejoin: () => {
32395
32605
  console.log("Rejoin");
32396
32606
  }
32397
32607
  });
32398
32608
  AppStateContext.displayName = "AppStateContext";
32399
32609
  useHMSAppStateContext = () => {
32400
- const context = (0, import_react205.useContext)(AppStateContext);
32610
+ const context = (0, import_react206.useContext)(AppStateContext);
32401
32611
  if (!context) {
32402
32612
  throw Error("Make sure AppStateContext.Provider is present at the top level of your application");
32403
32613
  }
@@ -32405,16 +32615,16 @@ var init_AppStateContext = __esm({
32405
32615
  };
32406
32616
  useAppStateManager = () => {
32407
32617
  const roomLayout = useRoomLayout();
32408
- const [activeState, setActiveState] = import_react205.default.useState();
32618
+ const [activeState, setActiveState] = import_react206.default.useState();
32409
32619
  const roomState = (0, import_react_sdk105.useHMSStore)(import_react_sdk105.selectRoomState);
32410
- const prevRoomState = (0, import_react_use45.usePreviousDistinct)(roomState);
32620
+ const prevRoomState = (0, import_react_use47.usePreviousDistinct)(roomState);
32411
32621
  const { isLeaveScreenEnabled } = useRoomLayoutLeaveScreen();
32412
32622
  const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
32413
32623
  const { redirectToLeave } = useRedirectToLeave();
32414
32624
  const rejoin = () => {
32415
32625
  setActiveState(isPreviewScreenEnabled ? "preview" /* PREVIEW */ : "meeting" /* MEETING */);
32416
32626
  };
32417
- (0, import_react205.useEffect)(() => {
32627
+ (0, import_react206.useEffect)(() => {
32418
32628
  if (!roomLayout) {
32419
32629
  return;
32420
32630
  }
@@ -32435,13 +32645,13 @@ var init_AppStateContext = __esm({
32435
32645
  });
32436
32646
 
32437
32647
  // src/Prebuilt/components/LeaveScreen.tsx
32438
- var import_react206, import_react_icons95, LeaveScreen;
32648
+ var import_react207, import_react_icons96, LeaveScreen;
32439
32649
  var init_LeaveScreen = __esm({
32440
32650
  "src/Prebuilt/components/LeaveScreen.tsx"() {
32441
32651
  "use strict";
32442
32652
  init_define_process_env();
32443
- import_react206 = __toESM(require("react"));
32444
- import_react_icons95 = require("@100mslive/react-icons");
32653
+ import_react207 = __toESM(require("react"));
32654
+ import_react_icons96 = require("@100mslive/react-icons");
32445
32655
  init_ToastManager();
32446
32656
  init_Button2();
32447
32657
  init_Layout();
@@ -32453,7 +32663,7 @@ var init_LeaveScreen = __esm({
32453
32663
  LeaveScreen = () => {
32454
32664
  const { rejoin } = useHMSAppStateContext();
32455
32665
  const [previewPreference] = useUserPreferences(UserPreferencesKeys.PREVIEW, defaultPreviewPreference);
32456
- return /* @__PURE__ */ import_react206.default.createElement(Flex, { direction: "column", css: { size: "100%" } }, /* @__PURE__ */ import_react206.default.createElement(Box, { css: { h: "$18", "@md": { h: "$17" } }, "data-testid": "header" }, /* @__PURE__ */ import_react206.default.createElement(Header2, null)), /* @__PURE__ */ import_react206.default.createElement(
32666
+ return /* @__PURE__ */ import_react207.default.createElement(Flex, { direction: "column", css: { size: "100%" } }, /* @__PURE__ */ import_react207.default.createElement(Box, { css: { h: "$18", "@md": { h: "$17" } }, "data-testid": "header" }, /* @__PURE__ */ import_react207.default.createElement(Header2, null)), /* @__PURE__ */ import_react207.default.createElement(
32457
32667
  Flex,
32458
32668
  {
32459
32669
  justify: "center",
@@ -32461,9 +32671,9 @@ var init_LeaveScreen = __esm({
32461
32671
  align: "center",
32462
32672
  css: { bg: "$background_dim", flex: "1 1 0", position: "relative" }
32463
32673
  },
32464
- /* @__PURE__ */ import_react206.default.createElement(Text, { variant: "h2", css: { fontWeight: "$semiBold" } }, "\u{1F44B}"),
32465
- /* @__PURE__ */ import_react206.default.createElement(Text, { variant: "h4", css: { color: "$on_surface_high", fontWeight: "$semiBold", mt: "$12" } }, "You left the room"),
32466
- /* @__PURE__ */ import_react206.default.createElement(
32674
+ /* @__PURE__ */ import_react207.default.createElement(Text, { variant: "h2", css: { fontWeight: "$semiBold" } }, "\u{1F44B}"),
32675
+ /* @__PURE__ */ import_react207.default.createElement(Text, { variant: "h4", css: { color: "$on_surface_high", fontWeight: "$semiBold", mt: "$12" } }, "You left the room"),
32676
+ /* @__PURE__ */ import_react207.default.createElement(
32467
32677
  Text,
32468
32678
  {
32469
32679
  variant: "body1",
@@ -32475,10 +32685,10 @@ var init_LeaveScreen = __esm({
32475
32685
  }
32476
32686
  },
32477
32687
  "Have a nice day",
32478
- previewPreference.name && /* @__PURE__ */ import_react206.default.createElement(Box, { as: "span", css: __spreadValues({}, textEllipsis(100)) }, ", ", previewPreference.name),
32688
+ previewPreference.name && /* @__PURE__ */ import_react207.default.createElement(Box, { as: "span", css: __spreadValues({}, textEllipsis(100)) }, ", ", previewPreference.name),
32479
32689
  "!"
32480
32690
  ),
32481
- /* @__PURE__ */ import_react206.default.createElement(Flex, { css: { mt: "$14", gap: "$10", alignItems: "center" } }, /* @__PURE__ */ import_react206.default.createElement(Text, { variant: "body1", css: { color: "$on_surface_medium", fontWeight: "$regular" } }, "Left by mistake?"), /* @__PURE__ */ import_react206.default.createElement(
32691
+ /* @__PURE__ */ import_react207.default.createElement(Flex, { css: { mt: "$14", gap: "$10", alignItems: "center" } }, /* @__PURE__ */ import_react207.default.createElement(Text, { variant: "body1", css: { color: "$on_surface_medium", fontWeight: "$regular" } }, "Left by mistake?"), /* @__PURE__ */ import_react207.default.createElement(
32482
32692
  Button,
32483
32693
  {
32484
32694
  onClick: () => {
@@ -32487,8 +32697,8 @@ var init_LeaveScreen = __esm({
32487
32697
  },
32488
32698
  "data-testid": "join_again_btn"
32489
32699
  },
32490
- /* @__PURE__ */ import_react206.default.createElement(import_react_icons95.ExitIcon, null),
32491
- /* @__PURE__ */ import_react206.default.createElement(Text, { css: { ml: "$3", fontWeight: "$semiBold", color: "inherit" } }, "Rejoin")
32700
+ /* @__PURE__ */ import_react207.default.createElement(import_react_icons96.ExitIcon, null),
32701
+ /* @__PURE__ */ import_react207.default.createElement(Text, { css: { ml: "$3", fontWeight: "$semiBold", color: "inherit" } }, "Rejoin")
32492
32702
  ))
32493
32703
  ));
32494
32704
  };
@@ -32496,14 +32706,14 @@ var init_LeaveScreen = __esm({
32496
32706
  });
32497
32707
 
32498
32708
  // src/Prebuilt/components/MwebLandscapePrompt.tsx
32499
- var import_react207, import_react_use46, import_react_icons96, MwebLandscapePrompt;
32709
+ var import_react208, import_react_use48, import_react_icons97, MwebLandscapePrompt;
32500
32710
  var init_MwebLandscapePrompt = __esm({
32501
32711
  "src/Prebuilt/components/MwebLandscapePrompt.tsx"() {
32502
32712
  "use strict";
32503
32713
  init_define_process_env();
32504
- import_react207 = __toESM(require("react"));
32505
- import_react_use46 = require("react-use");
32506
- import_react_icons96 = require("@100mslive/react-icons");
32714
+ import_react208 = __toESM(require("react"));
32715
+ import_react_use48 = require("react-use");
32716
+ import_react_icons97 = require("@100mslive/react-icons");
32507
32717
  init_Button2();
32508
32718
  init_Layout();
32509
32719
  init_Modal();
@@ -32512,10 +32722,10 @@ var init_MwebLandscapePrompt = __esm({
32512
32722
  init_hooks();
32513
32723
  init_utils2();
32514
32724
  MwebLandscapePrompt = () => {
32515
- const [showMwebLandscapePrompt, setShowMwebLandscapePrompt] = (0, import_react207.useState)(false);
32516
- const isLandscape = (0, import_react_use46.useMedia)(config.media.ls);
32725
+ const [showMwebLandscapePrompt, setShowMwebLandscapePrompt] = (0, import_react208.useState)(false);
32726
+ const isLandscape = (0, import_react_use48.useMedia)(config.media.ls);
32517
32727
  const isLandscapeHLSStream = useLandscapeHLSStream();
32518
- (0, import_react207.useEffect)(() => {
32728
+ (0, import_react208.useEffect)(() => {
32519
32729
  var _a8;
32520
32730
  if (!isMobileUserAgent) {
32521
32731
  setShowMwebLandscapePrompt(false);
@@ -32539,7 +32749,7 @@ var init_MwebLandscapePrompt = __esm({
32539
32749
  if (isLandscapeHLSStream) {
32540
32750
  return null;
32541
32751
  }
32542
- return /* @__PURE__ */ import_react207.default.createElement(Dialog.Root, { open: showMwebLandscapePrompt, onOpenChange: setShowMwebLandscapePrompt }, /* @__PURE__ */ import_react207.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react207.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react207.default.createElement(Dialog.Content, { css: { w: "min(420px, 90%)", p: "$8", bg: "$surface_dim" } }, /* @__PURE__ */ import_react207.default.createElement(Box, null, /* @__PURE__ */ import_react207.default.createElement(
32752
+ return /* @__PURE__ */ import_react208.default.createElement(Dialog.Root, { open: showMwebLandscapePrompt, onOpenChange: setShowMwebLandscapePrompt }, /* @__PURE__ */ import_react208.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react208.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react208.default.createElement(Dialog.Content, { css: { w: "min(420px, 90%)", p: "$8", bg: "$surface_dim" } }, /* @__PURE__ */ import_react208.default.createElement(Box, null, /* @__PURE__ */ import_react208.default.createElement(
32543
32753
  Flex,
32544
32754
  {
32545
32755
  css: {
@@ -32548,9 +32758,9 @@ var init_MwebLandscapePrompt = __esm({
32548
32758
  alignItems: "center"
32549
32759
  }
32550
32760
  },
32551
- /* @__PURE__ */ import_react207.default.createElement(import_react_icons96.RefreshIcon, { style: { marginRight: "0.5rem" } }),
32552
- /* @__PURE__ */ import_react207.default.createElement(Text, { variant: "lg", css: { color: "$on_surface_high", fontWeight: "$semiBold" } }, "Please rotate your device")
32553
- ), /* @__PURE__ */ import_react207.default.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", mb: "$8", mt: "$4" } }, "We do not support landscape mode as of now, please use the app in portrait mode for the best experience."), /* @__PURE__ */ import_react207.default.createElement(Flex, { align: "center", justify: "between", css: { w: "100%", gap: "$8" } }, /* @__PURE__ */ import_react207.default.createElement(Button, { outlined: true, variant: "standard", css: { w: "100%" }, onClick: () => setShowMwebLandscapePrompt(false) }, "Continue anyway"))))));
32761
+ /* @__PURE__ */ import_react208.default.createElement(import_react_icons97.RefreshIcon, { style: { marginRight: "0.5rem" } }),
32762
+ /* @__PURE__ */ import_react208.default.createElement(Text, { variant: "lg", css: { color: "$on_surface_high", fontWeight: "$semiBold" } }, "Please rotate your device")
32763
+ ), /* @__PURE__ */ import_react208.default.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", mb: "$8", mt: "$4" } }, "We do not support landscape mode as of now, please use the app in portrait mode for the best experience."), /* @__PURE__ */ import_react208.default.createElement(Flex, { align: "center", justify: "between", css: { w: "100%", gap: "$8" } }, /* @__PURE__ */ import_react208.default.createElement(Button, { outlined: true, variant: "standard", css: { w: "100%" }, onClick: () => setShowMwebLandscapePrompt(false) }, "Continue anyway"))))));
32554
32764
  };
32555
32765
  }
32556
32766
  });
@@ -32558,7 +32768,7 @@ var init_MwebLandscapePrompt = __esm({
32558
32768
  // src/Prebuilt/components/Notifications/AutoplayBlockedModal.tsx
32559
32769
  function AutoplayBlockedModal() {
32560
32770
  const { error, resetError, unblockAudio } = (0, import_react_sdk106.useAutoplayError)();
32561
- return /* @__PURE__ */ import_react208.default.createElement(
32771
+ return /* @__PURE__ */ import_react209.default.createElement(
32562
32772
  Dialog.Root,
32563
32773
  {
32564
32774
  open: !!error,
@@ -32569,7 +32779,7 @@ function AutoplayBlockedModal() {
32569
32779
  resetError();
32570
32780
  }
32571
32781
  },
32572
- /* @__PURE__ */ import_react208.default.createElement(DialogContent, { title: "Permission Error", closeable: false }, /* @__PURE__ */ import_react208.default.createElement(DialogRow, null, /* @__PURE__ */ import_react208.default.createElement(Text, { variant: "md" }, "The browser wants us to get a confirmation for playing the Audio. Please allow audio to proceed.")), /* @__PURE__ */ import_react208.default.createElement(DialogRow, { justify: "end" }, /* @__PURE__ */ import_react208.default.createElement(
32782
+ /* @__PURE__ */ import_react209.default.createElement(DialogContent, { title: "Permission Error", closeable: false }, /* @__PURE__ */ import_react209.default.createElement(DialogRow, null, /* @__PURE__ */ import_react209.default.createElement(Text, { variant: "md" }, "The browser wants us to get a confirmation for playing the Audio. Please allow audio to proceed.")), /* @__PURE__ */ import_react209.default.createElement(DialogRow, { justify: "end" }, /* @__PURE__ */ import_react209.default.createElement(
32573
32783
  Button,
32574
32784
  {
32575
32785
  variant: "primary",
@@ -32582,12 +32792,12 @@ function AutoplayBlockedModal() {
32582
32792
  )))
32583
32793
  );
32584
32794
  }
32585
- var import_react208, import_react_sdk106;
32795
+ var import_react209, import_react_sdk106;
32586
32796
  var init_AutoplayBlockedModal = __esm({
32587
32797
  "src/Prebuilt/components/Notifications/AutoplayBlockedModal.tsx"() {
32588
32798
  "use strict";
32589
32799
  init_define_process_env();
32590
- import_react208 = __toESM(require("react"));
32800
+ import_react209 = __toESM(require("react"));
32591
32801
  import_react_sdk106 = require("@100mslive/react-sdk");
32592
32802
  init_src();
32593
32803
  init_DialogContent2();
@@ -32595,21 +32805,21 @@ var init_AutoplayBlockedModal = __esm({
32595
32805
  });
32596
32806
 
32597
32807
  // src/Prebuilt/components/Notifications/ChatNotifications.tsx
32598
- var import_react209, import_uuid13, import_react_sdk107, import_react_icons97, NOTIFICATION_TIME_DIFFERENCE, ChatNotifications;
32808
+ var import_react210, import_uuid13, import_react_sdk107, import_react_icons98, NOTIFICATION_TIME_DIFFERENCE, ChatNotifications;
32599
32809
  var init_ChatNotifications = __esm({
32600
32810
  "src/Prebuilt/components/Notifications/ChatNotifications.tsx"() {
32601
32811
  "use strict";
32602
32812
  init_define_process_env();
32603
- import_react209 = __toESM(require("react"));
32813
+ import_react210 = __toESM(require("react"));
32604
32814
  import_uuid13 = require("uuid");
32605
32815
  import_react_sdk107 = require("@100mslive/react-sdk");
32606
- import_react_icons97 = require("@100mslive/react-icons");
32816
+ import_react_icons98 = require("@100mslive/react-icons");
32607
32817
  init_ToastManager();
32608
32818
  NOTIFICATION_TIME_DIFFERENCE = 5e3;
32609
32819
  ChatNotifications = () => {
32610
32820
  const chatState = (0, import_react_sdk107.useHMSStore)((0, import_react_sdk107.selectSessionStore)("chatState" /* CHAT_STATE */));
32611
32821
  const localPeerId = (0, import_react_sdk107.useHMSStore)(import_react_sdk107.selectLocalPeerID);
32612
- (0, import_react209.useEffect)(() => {
32822
+ (0, import_react210.useEffect)(() => {
32613
32823
  var _a8, _b7;
32614
32824
  if (!chatState || ((_a8 = chatState.updatedBy) == null ? void 0 : _a8.peerId) === localPeerId) {
32615
32825
  return;
@@ -32620,38 +32830,38 @@ var init_ChatNotifications = __esm({
32620
32830
  }
32621
32831
  const notification = {
32622
32832
  id: (0, import_uuid13.v4)(),
32623
- icon: chatState.enabled ? /* @__PURE__ */ import_react209.default.createElement(import_react_icons97.ChatUnreadIcon, null) : /* @__PURE__ */ import_react209.default.createElement(import_react_icons97.ChatIcon, null),
32833
+ icon: chatState.enabled ? /* @__PURE__ */ import_react210.default.createElement(import_react_icons98.ChatUnreadIcon, null) : /* @__PURE__ */ import_react210.default.createElement(import_react_icons98.ChatIcon, null),
32624
32834
  title: `Chat ${chatState.enabled ? "resumed" : "paused"} by ${(_b7 = chatState.updatedBy) == null ? void 0 : _b7.userName}`
32625
32835
  };
32626
32836
  ToastManager.addToast(notification);
32627
32837
  }, [chatState, localPeerId]);
32628
- return /* @__PURE__ */ import_react209.default.createElement(import_react209.default.Fragment, null);
32838
+ return /* @__PURE__ */ import_react210.default.createElement(import_react210.default.Fragment, null);
32629
32839
  };
32630
32840
  }
32631
32841
  });
32632
32842
 
32633
32843
  // src/Prebuilt/components/Toast/ToastConfig.jsx
32634
- var import_react210, import_react_sdk108, import_react_icons98, ChatAction, HandRaiseAction, ToastConfig;
32844
+ var import_react211, import_react_sdk108, import_react_icons99, ChatAction, HandRaiseAction, ToastConfig;
32635
32845
  var init_ToastConfig = __esm({
32636
32846
  "src/Prebuilt/components/Toast/ToastConfig.jsx"() {
32637
32847
  "use strict";
32638
32848
  init_define_process_env();
32639
- import_react210 = __toESM(require("react"));
32849
+ import_react211 = __toESM(require("react"));
32640
32850
  import_react_sdk108 = require("@100mslive/react-sdk");
32641
- import_react_icons98 = require("@100mslive/react-icons");
32851
+ import_react_icons99 = require("@100mslive/react-icons");
32642
32852
  init_Button2();
32643
32853
  init_roomLayoutProvider();
32644
32854
  init_useSidepane();
32645
32855
  init_constants();
32646
- ChatAction = import_react210.default.forwardRef((_, ref) => {
32856
+ ChatAction = import_react211.default.forwardRef((_, ref) => {
32647
32857
  const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
32648
32858
  const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
32649
32859
  if (isChatOpen) {
32650
32860
  return null;
32651
32861
  }
32652
- return /* @__PURE__ */ import_react210.default.createElement(Button, { outlined: true, as: "div", variant: "standard", css: { w: "max-content" }, onClick: toggleChat, ref }, "Open Chat");
32862
+ return /* @__PURE__ */ import_react211.default.createElement(Button, { outlined: true, as: "div", variant: "standard", css: { w: "max-content" }, onClick: toggleChat, ref }, "Open Chat");
32653
32863
  });
32654
- HandRaiseAction = import_react210.default.forwardRef(({ id = "", isSingleHandRaise = true }, ref) => {
32864
+ HandRaiseAction = import_react211.default.forwardRef(({ id = "", isSingleHandRaise = true }, ref) => {
32655
32865
  var _a8, _b7, _c;
32656
32866
  const hmsActions = (0, import_react_sdk108.useHMSActions)();
32657
32867
  const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
@@ -32664,7 +32874,7 @@ var init_ToastConfig = __esm({
32664
32874
  off_stage_roles = [],
32665
32875
  skip_preview_for_role_change = false
32666
32876
  } = ((_c = (_b7 = (_a8 = layout == null ? void 0 : layout.screens) == null ? void 0 : _a8.conferencing) == null ? void 0 : _b7.default) == null ? void 0 : _c.elements.on_stage_exp) || {};
32667
- const onClickHandler = (0, import_react210.useCallback)(() => __async(void 0, null, function* () {
32877
+ const onClickHandler = (0, import_react211.useCallback)(() => __async(void 0, null, function* () {
32668
32878
  if (isSingleHandRaise) {
32669
32879
  hmsActions.changeRoleOfPeer(id, on_stage_role, skip_preview_for_role_change);
32670
32880
  if (skip_preview_for_role_change) {
@@ -32685,7 +32895,7 @@ var init_ToastConfig = __esm({
32685
32895
  if (isSingleHandRaise && (!peer || !off_stage_roles.includes(peer.roleName))) {
32686
32896
  return null;
32687
32897
  }
32688
- return /* @__PURE__ */ import_react210.default.createElement(Button, { outlined: true, as: "div", variant: "standard", css: { w: "max-content" }, onClick: onClickHandler, ref }, isSingleHandRaise ? bring_to_stage_label : "View");
32898
+ return /* @__PURE__ */ import_react211.default.createElement(Button, { outlined: true, as: "div", variant: "standard", css: { w: "max-content" }, onClick: onClickHandler, ref }, isSingleHandRaise ? bring_to_stage_label : "View");
32689
32899
  });
32690
32900
  ToastConfig = {
32691
32901
  PEER_LIST: {
@@ -32694,18 +32904,18 @@ var init_ToastConfig = __esm({
32694
32904
  if (notification.data.length === 1) {
32695
32905
  return {
32696
32906
  title: `${(_a8 = notification.data[0]) == null ? void 0 : _a8.name} joined`,
32697
- icon: /* @__PURE__ */ import_react210.default.createElement(import_react_icons98.PeopleAddIcon, null)
32907
+ icon: /* @__PURE__ */ import_react211.default.createElement(import_react_icons99.PeopleAddIcon, null)
32698
32908
  };
32699
32909
  }
32700
32910
  return {
32701
32911
  title: `${(_b7 = notification.data[notification.data.length - 1]) == null ? void 0 : _b7.name} and ${notification.data.length - 1} others joined`,
32702
- icon: /* @__PURE__ */ import_react210.default.createElement(import_react_icons98.PeopleAddIcon, null)
32912
+ icon: /* @__PURE__ */ import_react211.default.createElement(import_react_icons99.PeopleAddIcon, null)
32703
32913
  };
32704
32914
  },
32705
32915
  multiple: (notifications) => {
32706
32916
  return {
32707
32917
  title: `${notifications[0].data.name} and ${notifications.length - 1} others joined`,
32708
- icon: /* @__PURE__ */ import_react210.default.createElement(import_react_icons98.PeopleAddIcon, null)
32918
+ icon: /* @__PURE__ */ import_react211.default.createElement(import_react_icons99.PeopleAddIcon, null)
32709
32919
  };
32710
32920
  }
32711
32921
  },
@@ -32714,13 +32924,13 @@ var init_ToastConfig = __esm({
32714
32924
  var _a8;
32715
32925
  return {
32716
32926
  title: `${(_a8 = notification.data) == null ? void 0 : _a8.name} joined`,
32717
- icon: /* @__PURE__ */ import_react210.default.createElement(import_react_icons98.PeopleAddIcon, null)
32927
+ icon: /* @__PURE__ */ import_react211.default.createElement(import_react_icons99.PeopleAddIcon, null)
32718
32928
  };
32719
32929
  },
32720
32930
  multiple: function(notifications) {
32721
32931
  return {
32722
32932
  title: `${notifications[notifications.length - 1].data.name} and ${notifications.length - 1} others joined`,
32723
- icon: /* @__PURE__ */ import_react210.default.createElement(import_react_icons98.PeopleAddIcon, null)
32933
+ icon: /* @__PURE__ */ import_react211.default.createElement(import_react_icons99.PeopleAddIcon, null)
32724
32934
  };
32725
32935
  }
32726
32936
  },
@@ -32729,23 +32939,43 @@ var init_ToastConfig = __esm({
32729
32939
  var _a8;
32730
32940
  return {
32731
32941
  title: `${(_a8 = notification.data) == null ? void 0 : _a8.name} left`,
32732
- icon: /* @__PURE__ */ import_react210.default.createElement(import_react_icons98.PeopleRemoveIcon, null)
32942
+ icon: /* @__PURE__ */ import_react211.default.createElement(import_react_icons99.PeopleRemoveIcon, null)
32733
32943
  };
32734
32944
  },
32735
32945
  multiple: function(notifications) {
32736
32946
  return {
32737
32947
  title: `${notifications[notifications.length - 1].data.name} and ${notifications.length - 1} others left`,
32738
- icon: /* @__PURE__ */ import_react210.default.createElement(import_react_icons98.PeopleRemoveIcon, null)
32948
+ icon: /* @__PURE__ */ import_react211.default.createElement(import_react_icons99.PeopleRemoveIcon, null)
32739
32949
  };
32740
32950
  }
32741
32951
  },
32742
32952
  RAISE_HAND: {
32953
+ single: (notification) => {
32954
+ var _a8;
32955
+ return {
32956
+ title: `${(_a8 = notification.data) == null ? void 0 : _a8.name} raised hand`,
32957
+ icon: /* @__PURE__ */ import_react211.default.createElement(import_react_icons99.HandIcon, null)
32958
+ };
32959
+ },
32960
+ multiple: (notifications) => {
32961
+ var _a8;
32962
+ const count = new Set(notifications.map((notification) => {
32963
+ var _a9;
32964
+ return (_a9 = notification.data) == null ? void 0 : _a9.id;
32965
+ })).size;
32966
+ return {
32967
+ title: `${(_a8 = notifications[notifications.length - 1].data) == null ? void 0 : _a8.name} ${count > 1 ? `${count} and others` : ""} raised hand`,
32968
+ icon: /* @__PURE__ */ import_react211.default.createElement(import_react_icons99.HandIcon, null)
32969
+ };
32970
+ }
32971
+ },
32972
+ RAISE_HAND_HLS: {
32743
32973
  single: (notification) => {
32744
32974
  var _a8, _b7;
32745
32975
  return {
32746
32976
  title: `${(_a8 = notification.data) == null ? void 0 : _a8.name} raised hand`,
32747
- icon: /* @__PURE__ */ import_react210.default.createElement(import_react_icons98.HandIcon, null),
32748
- action: /* @__PURE__ */ import_react210.default.createElement(HandRaiseAction, { id: (_b7 = notification.data) == null ? void 0 : _b7.id })
32977
+ icon: /* @__PURE__ */ import_react211.default.createElement(import_react_icons99.HandIcon, null),
32978
+ action: /* @__PURE__ */ import_react211.default.createElement(HandRaiseAction, { id: (_b7 = notification.data) == null ? void 0 : _b7.id })
32749
32979
  };
32750
32980
  },
32751
32981
  multiple: (notifications) => {
@@ -32756,8 +32986,8 @@ var init_ToastConfig = __esm({
32756
32986
  })).size;
32757
32987
  return {
32758
32988
  title: `${(_a8 = notifications[notifications.length - 1].data) == null ? void 0 : _a8.name} ${count > 1 ? `${count} and others` : ""} raised hand`,
32759
- icon: /* @__PURE__ */ import_react210.default.createElement(import_react_icons98.HandIcon, null),
32760
- action: /* @__PURE__ */ import_react210.default.createElement(HandRaiseAction, { isSingleHandRaise: false })
32989
+ icon: /* @__PURE__ */ import_react211.default.createElement(import_react_icons99.HandIcon, null),
32990
+ action: /* @__PURE__ */ import_react211.default.createElement(HandRaiseAction, { isSingleHandRaise: false })
32761
32991
  };
32762
32992
  }
32763
32993
  },
@@ -32766,15 +32996,15 @@ var init_ToastConfig = __esm({
32766
32996
  var _a8;
32767
32997
  return {
32768
32998
  title: `New message from ${(_a8 = notification.data) == null ? void 0 : _a8.senderName}`,
32769
- icon: /* @__PURE__ */ import_react210.default.createElement(import_react_icons98.ChatUnreadIcon, null),
32770
- action: /* @__PURE__ */ import_react210.default.createElement(ChatAction, null)
32999
+ icon: /* @__PURE__ */ import_react211.default.createElement(import_react_icons99.ChatUnreadIcon, null),
33000
+ action: /* @__PURE__ */ import_react211.default.createElement(ChatAction, null)
32771
33001
  };
32772
33002
  },
32773
33003
  multiple: (notifications) => {
32774
33004
  return {
32775
33005
  title: `${notifications.length} new messages`,
32776
- icon: /* @__PURE__ */ import_react210.default.createElement(import_react_icons98.ChatUnreadIcon, null),
32777
- action: /* @__PURE__ */ import_react210.default.createElement(ChatAction, null)
33006
+ icon: /* @__PURE__ */ import_react211.default.createElement(import_react_icons99.ChatUnreadIcon, null),
33007
+ action: /* @__PURE__ */ import_react211.default.createElement(ChatAction, null)
32778
33008
  };
32779
33009
  }
32780
33010
  },
@@ -32782,7 +33012,7 @@ var init_ToastConfig = __esm({
32782
33012
  single: () => {
32783
33013
  return {
32784
33014
  title: `You are now connected`,
32785
- icon: /* @__PURE__ */ import_react210.default.createElement(import_react_icons98.ConnectivityIcon, null),
33015
+ icon: /* @__PURE__ */ import_react211.default.createElement(import_react_icons99.ConnectivityIcon, null),
32786
33016
  variant: "success",
32787
33017
  duration: 3e3
32788
33018
  };
@@ -32794,7 +33024,7 @@ var init_ToastConfig = __esm({
32794
33024
  title: `You are offline for now. while we try to reconnect, please check
32795
33025
  your internet connection. ${message}.
32796
33026
  `,
32797
- icon: /* @__PURE__ */ import_react210.default.createElement(import_react_icons98.PoorConnectivityIcon, null),
33027
+ icon: /* @__PURE__ */ import_react211.default.createElement(import_react_icons99.PoorConnectivityIcon, null),
32798
33028
  variant: "warning",
32799
33029
  duration: 3e4
32800
33030
  };
@@ -32814,6 +33044,7 @@ var init_ToastBatcher = __esm({
32814
33044
  init_ToastManager();
32815
33045
  ToastBatcher = {
32816
33046
  toastsType: /* @__PURE__ */ new Map(),
33047
+ toastCache: {},
32817
33048
  showToastInternal({ notification, duration, type }) {
32818
33049
  let notificationType = type;
32819
33050
  if (!type) {
@@ -32849,7 +33080,13 @@ var init_ToastBatcher = __esm({
32849
33080
  },
32850
33081
  showToast({ notification, duration = 3e3, type }) {
32851
33082
  try {
32852
- this.showToastInternal({ notification, duration, type });
33083
+ if (!this.toastCache[notification.id]) {
33084
+ this.showToastInternal({ notification, duration, type });
33085
+ }
33086
+ this.toastCache[notification.id] = true;
33087
+ if (Object.keys(this.toastCache).length > 100) {
33088
+ this.toastCache = {};
33089
+ }
32853
33090
  } catch (err) {
32854
33091
  console.debug("Notifications", err);
32855
33092
  }
@@ -32867,12 +33104,12 @@ var init_ToastBatcher = __esm({
32867
33104
  });
32868
33105
 
32869
33106
  // src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx
32870
- var import_react211, import_react_sdk109, HandRaisedNotifications;
33107
+ var import_react212, import_react_sdk109, HandRaisedNotifications;
32871
33108
  var init_HandRaisedNotifications = __esm({
32872
33109
  "src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx"() {
32873
33110
  "use strict";
32874
33111
  init_define_process_env();
32875
- import_react211 = require("react");
33112
+ import_react212 = require("react");
32876
33113
  import_react_sdk109 = require("@100mslive/react-sdk");
32877
33114
  init_ToastBatcher();
32878
33115
  init_useRoomLayoutScreen();
@@ -32884,16 +33121,16 @@ var init_HandRaisedNotifications = __esm({
32884
33121
  const vanillaStore = (0, import_react_sdk109.useHMSVanillaStore)();
32885
33122
  const { on_stage_exp } = useRoomLayoutConferencingScreen().elements || {};
32886
33123
  const isSubscribing = !!useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.METADATA_UPDATED);
32887
- (0, import_react211.useEffect)(() => {
33124
+ (0, import_react212.useEffect)(() => {
32888
33125
  if (!(notification == null ? void 0 : notification.data)) {
32889
33126
  return;
32890
33127
  }
32891
- if (roomState !== import_react_sdk109.HMSRoomState.Connected || notification.data.isLocal || !on_stage_exp || !isSubscribing) {
33128
+ if (roomState !== import_react_sdk109.HMSRoomState.Connected || notification.data.isLocal || !isSubscribing) {
32892
33129
  return;
32893
33130
  }
32894
33131
  const hasPeerHandRaised = vanillaStore.getState((0, import_react_sdk109.selectHasPeerHandRaised)(notification.data.id));
32895
33132
  if (hasPeerHandRaised) {
32896
- ToastBatcher.showToast({ notification, type: "RAISE_HAND" });
33133
+ ToastBatcher.showToast({ notification, type: on_stage_exp ? "RAISE_HAND_HLS" : "RAISE_HAND" });
32897
33134
  console.debug("Metadata updated", notification.data);
32898
33135
  }
32899
33136
  }, [isSubscribing, notification, on_stage_exp, roomState, vanillaStore]);
@@ -32903,20 +33140,20 @@ var init_HandRaisedNotifications = __esm({
32903
33140
  });
32904
33141
 
32905
33142
  // src/Prebuilt/components/Notifications/InitErrorModal.tsx
32906
- var import_react212, import_react_sdk110, InitErrorModal;
33143
+ var import_react213, import_react_sdk110, InitErrorModal;
32907
33144
  var init_InitErrorModal = __esm({
32908
33145
  "src/Prebuilt/components/Notifications/InitErrorModal.tsx"() {
32909
33146
  "use strict";
32910
33147
  init_define_process_env();
32911
- import_react212 = __toESM(require("react"));
33148
+ import_react213 = __toESM(require("react"));
32912
33149
  import_react_sdk110 = require("@100mslive/react-sdk");
32913
33150
  init_src();
32914
33151
  init_DialogContent2();
32915
33152
  InitErrorModal = () => {
32916
33153
  const notification = (0, import_react_sdk110.useHMSNotifications)(import_react_sdk110.HMSNotificationTypes.ERROR);
32917
- const [showModal, setShowModal] = (0, import_react212.useState)(false);
32918
- const [info, setInfo] = (0, import_react212.useState)({ title: "Init Error", description: "" });
32919
- (0, import_react212.useEffect)(() => {
33154
+ const [showModal, setShowModal] = (0, import_react213.useState)(false);
33155
+ const [info, setInfo] = (0, import_react213.useState)({ title: "Init Error", description: "" });
33156
+ (0, import_react213.useEffect)(() => {
32920
33157
  const data3 = notification == null ? void 0 : notification.data;
32921
33158
  if (!data3 || data3.action !== "INIT") {
32922
33159
  return;
@@ -32936,18 +33173,18 @@ var init_InitErrorModal = __esm({
32936
33173
  setInfo({ title, description });
32937
33174
  setShowModal(true);
32938
33175
  }, [notification]);
32939
- return /* @__PURE__ */ import_react212.default.createElement(ErrorDialog, { open: showModal, onOpenChange: setShowModal, title: info.title }, /* @__PURE__ */ import_react212.default.createElement(Text, { variant: "sm", css: { wordBreak: "break-word" } }, info.description, " ", /* @__PURE__ */ import_react212.default.createElement("br", null), "Current URL - ", window.location.href));
33176
+ return /* @__PURE__ */ import_react213.default.createElement(ErrorDialog, { open: showModal, onOpenChange: setShowModal, title: info.title }, /* @__PURE__ */ import_react213.default.createElement(Text, { variant: "sm", css: { wordBreak: "break-word" } }, info.description, " ", /* @__PURE__ */ import_react213.default.createElement("br", null), "Current URL - ", window.location.href));
32940
33177
  };
32941
33178
  }
32942
33179
  });
32943
33180
 
32944
33181
  // src/Prebuilt/components/Notifications/PeerNotifications.tsx
32945
- var import_react213, import_react_sdk111, notificationTypes, PeerNotifications;
33182
+ var import_react214, import_react_sdk111, notificationTypes, PeerNotifications;
32946
33183
  var init_PeerNotifications = __esm({
32947
33184
  "src/Prebuilt/components/Notifications/PeerNotifications.tsx"() {
32948
33185
  "use strict";
32949
33186
  init_define_process_env();
32950
- import_react213 = require("react");
33187
+ import_react214 = require("react");
32951
33188
  import_react_sdk111 = require("@100mslive/react-sdk");
32952
33189
  init_ToastBatcher();
32953
33190
  init_useUISettings();
@@ -32962,7 +33199,7 @@ var init_PeerNotifications = __esm({
32962
33199
  const isPeerJoinSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_JOINED);
32963
33200
  const isPeerLeftSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_LEFT);
32964
33201
  const [selectedPeer, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
32965
- (0, import_react213.useEffect)(() => {
33202
+ (0, import_react214.useEffect)(() => {
32966
33203
  if (!(notification == null ? void 0 : notification.data)) {
32967
33204
  return;
32968
33205
  }
@@ -32990,7 +33227,7 @@ var init_PeerNotifications = __esm({
32990
33227
  return;
32991
33228
  }
32992
33229
  ToastBatcher.showToast({ notification });
32993
- }, [notification, isPeerJoinSubscribed, isPeerLeftSubscribed]);
33230
+ }, [notification, isPeerJoinSubscribed, isPeerLeftSubscribed, selectedPeer.id, setPeerSelector]);
32994
33231
  return null;
32995
33232
  };
32996
33233
  }
@@ -33015,10 +33252,10 @@ var init_ios_perm_0 = __esm({
33015
33252
  // src/Prebuilt/components/Notifications/PermissionErrorModal.tsx
33016
33253
  function PermissionErrorModal() {
33017
33254
  const notification = (0, import_react_sdk112.useHMSNotifications)(import_react_sdk112.HMSNotificationTypes.ERROR);
33018
- const [deviceType, setDeviceType] = (0, import_react214.useState)("");
33019
- const [isSystemError, setIsSystemError] = (0, import_react214.useState)(false);
33020
- const isMobile = (0, import_react_use47.useMedia)(config.media.md);
33021
- (0, import_react214.useEffect)(() => {
33255
+ const [deviceType, setDeviceType] = (0, import_react215.useState)("");
33256
+ const [isSystemError, setIsSystemError] = (0, import_react215.useState)(false);
33257
+ const isMobile = (0, import_react_use49.useMedia)(config.media.md);
33258
+ (0, import_react215.useEffect)(() => {
33022
33259
  var _a8, _b7, _c, _d, _e;
33023
33260
  if (!notification || ((_a8 = notification.data) == null ? void 0 : _a8.code) !== 3001 && ((_b7 = notification.data) == null ? void 0 : _b7.code) !== 3011 || ((_c = notification.data) == null ? void 0 : _c.code) === 3001 && ((_d = notification.data) == null ? void 0 : _d.message.includes("screen"))) {
33024
33261
  return;
@@ -33039,7 +33276,7 @@ function PermissionErrorModal() {
33039
33276
  }
33040
33277
  setIsSystemError(notification.data.code === 3011);
33041
33278
  }, [notification]);
33042
- return deviceType ? /* @__PURE__ */ import_react214.default.createElement(Dialog.Root, { open: !!deviceType }, /* @__PURE__ */ import_react214.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react214.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react214.default.createElement(
33279
+ return deviceType ? /* @__PURE__ */ import_react215.default.createElement(Dialog.Root, { open: !!deviceType }, /* @__PURE__ */ import_react215.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react215.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react215.default.createElement(
33043
33280
  Dialog.Content,
33044
33281
  {
33045
33282
  css: {
@@ -33049,15 +33286,15 @@ function PermissionErrorModal() {
33049
33286
  zIndex: 23
33050
33287
  }
33051
33288
  },
33052
- /* @__PURE__ */ import_react214.default.createElement(
33289
+ /* @__PURE__ */ import_react215.default.createElement(
33053
33290
  Dialog.Title,
33054
33291
  {
33055
33292
  css: {
33056
33293
  borderBottom: "1px solid $border_default"
33057
33294
  }
33058
33295
  },
33059
- isMobile && isIOS ? /* @__PURE__ */ import_react214.default.createElement("img", { style: { maxWidth: "100%", maxHeight: "100%" }, src: ios_perm_0_default, alt: "iOS Permission flow" }) : null,
33060
- isMobile && isAndroid ? /* @__PURE__ */ import_react214.default.createElement(
33296
+ isMobile && isIOS ? /* @__PURE__ */ import_react215.default.createElement("img", { style: { maxWidth: "100%", maxHeight: "100%" }, src: ios_perm_0_default, alt: "iOS Permission flow" }) : null,
33297
+ isMobile && isAndroid ? /* @__PURE__ */ import_react215.default.createElement(
33061
33298
  "img",
33062
33299
  {
33063
33300
  src: android_perm_1_default,
@@ -33065,21 +33302,21 @@ function PermissionErrorModal() {
33065
33302
  alt: "Android Permission flow "
33066
33303
  }
33067
33304
  ) : null,
33068
- /* @__PURE__ */ import_react214.default.createElement(Text, { variant: "h6" }, "We can't access your ", deviceType)
33305
+ /* @__PURE__ */ import_react215.default.createElement(Text, { variant: "h6" }, "We can't access your ", deviceType)
33069
33306
  ),
33070
- /* @__PURE__ */ import_react214.default.createElement(Text, { variant: "sm", css: { pt: "$4", pb: "$10", color: "$on_surface_medium" } }, isMobile && isIOS ? 'Enable permissions by reloading this page and clicking "Allow" on the pop-up, or change settings from the address bar.' : null, isMobile && isAndroid ? `To allow other users to see and hear you, click the blocked camera icon in your browser's address bar.` : null, !isMobile ? `Access to ${deviceType} is required. ` : null, isSystemError && !isMobile ? `Enable permissions for ${deviceType}${deviceType === "screen" ? "share" : ""} from sytem settings` : null, !isSystemError && !isMobile ? `Enable permissions for ${deviceType}${deviceType === "screen" ? "share" : ""} from address bar or browser settings.` : null),
33071
- isMobile && isIOS ? /* @__PURE__ */ import_react214.default.createElement(import_react214.default.Fragment, null, /* @__PURE__ */ import_react214.default.createElement(Button, { onClick: () => window.location.reload(), css: { w: "100%", mb: "$6" } }, "Reload"), /* @__PURE__ */ import_react214.default.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType(""), css: { w: "100%" } }, "Continue anyway")) : null,
33072
- isMobile && isAndroid ? /* @__PURE__ */ import_react214.default.createElement(import_react214.default.Fragment, null, /* @__PURE__ */ import_react214.default.createElement(Button, { onClick: () => setDeviceType(""), css: { w: "100%", mb: "$6" } }, "I've allowed access"), /* @__PURE__ */ import_react214.default.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType(""), css: { w: "100%" } }, "Continue anyway")) : null,
33073
- !isMobile ? /* @__PURE__ */ import_react214.default.createElement(Flex, { justify: "end", css: { w: "100%" } }, /* @__PURE__ */ import_react214.default.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType("") }, "Dismiss")) : null
33307
+ /* @__PURE__ */ import_react215.default.createElement(Text, { variant: "sm", css: { pt: "$4", pb: "$10", color: "$on_surface_medium" } }, isMobile && isIOS ? 'Enable permissions by reloading this page and clicking "Allow" on the pop-up, or change settings from the address bar.' : null, isMobile && isAndroid ? `To allow other users to see and hear you, click the blocked camera icon in your browser's address bar.` : null, !isMobile ? `Access to ${deviceType} is required. ` : null, isSystemError && !isMobile ? `Enable permissions for ${deviceType}${deviceType === "screen" ? "share" : ""} from sytem settings` : null, !isSystemError && !isMobile ? `Enable permissions for ${deviceType}${deviceType === "screen" ? "share" : ""} from address bar or browser settings.` : null),
33308
+ isMobile && isIOS ? /* @__PURE__ */ import_react215.default.createElement(import_react215.default.Fragment, null, /* @__PURE__ */ import_react215.default.createElement(Button, { onClick: () => window.location.reload(), css: { w: "100%", mb: "$6" } }, "Reload"), /* @__PURE__ */ import_react215.default.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType(""), css: { w: "100%" } }, "Continue anyway")) : null,
33309
+ isMobile && isAndroid ? /* @__PURE__ */ import_react215.default.createElement(import_react215.default.Fragment, null, /* @__PURE__ */ import_react215.default.createElement(Button, { onClick: () => setDeviceType(""), css: { w: "100%", mb: "$6" } }, "I've allowed access"), /* @__PURE__ */ import_react215.default.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType(""), css: { w: "100%" } }, "Continue anyway")) : null,
33310
+ !isMobile ? /* @__PURE__ */ import_react215.default.createElement(Flex, { justify: "end", css: { w: "100%" } }, /* @__PURE__ */ import_react215.default.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType("") }, "Dismiss")) : null
33074
33311
  ))) : null;
33075
33312
  }
33076
- var import_react214, import_react_use47, import_react_sdk112;
33313
+ var import_react215, import_react_use49, import_react_sdk112;
33077
33314
  var init_PermissionErrorModal = __esm({
33078
33315
  "src/Prebuilt/components/Notifications/PermissionErrorModal.tsx"() {
33079
33316
  "use strict";
33080
33317
  init_define_process_env();
33081
- import_react214 = __toESM(require("react"));
33082
- import_react_use47 = require("react-use");
33318
+ import_react215 = __toESM(require("react"));
33319
+ import_react_use49 = require("react-use");
33083
33320
  import_react_sdk112 = require("@100mslive/react-sdk");
33084
33321
  init_src();
33085
33322
  init_android_perm_1();
@@ -33089,12 +33326,12 @@ var init_PermissionErrorModal = __esm({
33089
33326
  });
33090
33327
 
33091
33328
  // src/Prebuilt/components/Notifications/ReconnectNotifications.tsx
33092
- var import_react215, import_react_sdk113, notificationTypes2, notificationId, ReconnectNotifications;
33329
+ var import_react216, import_react_sdk113, notificationTypes2, notificationId, ReconnectNotifications;
33093
33330
  var init_ReconnectNotifications = __esm({
33094
33331
  "src/Prebuilt/components/Notifications/ReconnectNotifications.tsx"() {
33095
33332
  "use strict";
33096
33333
  init_define_process_env();
33097
- import_react215 = __toESM(require("react"));
33334
+ import_react216 = __toESM(require("react"));
33098
33335
  import_react_sdk113 = require("@100mslive/react-sdk");
33099
33336
  init_src();
33100
33337
  init_ToastConfig();
@@ -33107,8 +33344,8 @@ var init_ReconnectNotifications = __esm({
33107
33344
  notificationId = null;
33108
33345
  ReconnectNotifications = () => {
33109
33346
  const notification = (0, import_react_sdk113.useHMSNotifications)(notificationTypes2);
33110
- const [open, setOpen] = (0, import_react215.useState)(false);
33111
- (0, import_react215.useEffect)(() => {
33347
+ const [open, setOpen] = (0, import_react216.useState)(false);
33348
+ (0, import_react216.useEffect)(() => {
33112
33349
  var _a8, _b7;
33113
33350
  if (!notification) {
33114
33351
  return;
@@ -33127,7 +33364,7 @@ var init_ReconnectNotifications = __esm({
33127
33364
  }, [notification]);
33128
33365
  if (!open)
33129
33366
  return null;
33130
- return /* @__PURE__ */ import_react215.default.createElement(Dialog.Root, { open, modal: true }, /* @__PURE__ */ import_react215.default.createElement(Dialog.Portal, { container: document.getElementById("conferencing") }, /* @__PURE__ */ import_react215.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react215.default.createElement(
33367
+ return /* @__PURE__ */ import_react216.default.createElement(Dialog.Root, { open, modal: true }, /* @__PURE__ */ import_react216.default.createElement(Dialog.Portal, { container: document.getElementById("conferencing") }, /* @__PURE__ */ import_react216.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react216.default.createElement(
33131
33368
  Dialog.Content,
33132
33369
  {
33133
33370
  css: {
@@ -33141,31 +33378,31 @@ var init_ReconnectNotifications = __esm({
33141
33378
  animation: "none !important"
33142
33379
  }
33143
33380
  },
33144
- /* @__PURE__ */ import_react215.default.createElement(Flex, { align: "center" }, /* @__PURE__ */ import_react215.default.createElement("div", { style: { display: "inline", margin: "0.25rem" } }, /* @__PURE__ */ import_react215.default.createElement(Loading, { size: 16 })), /* @__PURE__ */ import_react215.default.createElement(Text, { css: { fontSize: "$space$8", color: "$on_surface_high" } }, "You lost your network connection. Trying to reconnect."))
33381
+ /* @__PURE__ */ import_react216.default.createElement(Flex, { align: "center" }, /* @__PURE__ */ import_react216.default.createElement("div", { style: { display: "inline", margin: "0.25rem" } }, /* @__PURE__ */ import_react216.default.createElement(Loading, { size: 16 })), /* @__PURE__ */ import_react216.default.createElement(Text, { css: { fontSize: "$space$8", color: "$on_surface_high" } }, "You lost your network connection. Trying to reconnect."))
33145
33382
  )));
33146
33383
  };
33147
33384
  }
33148
33385
  });
33149
33386
 
33150
33387
  // src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx
33151
- var import_react216, import_react_sdk114, import_react_icons99, TrackBulkUnmuteModal;
33388
+ var import_react217, import_react_sdk114, import_react_icons100, TrackBulkUnmuteModal;
33152
33389
  var init_TrackBulkUnmuteModal = __esm({
33153
33390
  "src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx"() {
33154
33391
  "use strict";
33155
33392
  init_define_process_env();
33156
- import_react216 = __toESM(require("react"));
33393
+ import_react217 = __toESM(require("react"));
33157
33394
  import_react_sdk114 = require("@100mslive/react-sdk");
33158
- import_react_icons99 = require("@100mslive/react-icons");
33395
+ import_react_icons100 = require("@100mslive/react-icons");
33159
33396
  init_DialogContent2();
33160
33397
  TrackBulkUnmuteModal = () => {
33161
33398
  const hmsActions = (0, import_react_sdk114.useHMSActions)();
33162
- const [muteNotification, setMuteNotification] = (0, import_react216.useState)(null);
33399
+ const [muteNotification, setMuteNotification] = (0, import_react217.useState)(null);
33163
33400
  const notification = (0, import_react_sdk114.useHMSNotifications)([
33164
33401
  import_react_sdk114.HMSNotificationTypes.CHANGE_MULTI_TRACK_STATE_REQUEST,
33165
33402
  import_react_sdk114.HMSNotificationTypes.ROOM_ENDED,
33166
33403
  import_react_sdk114.HMSNotificationTypes.REMOVED_FROM_ROOM
33167
33404
  ]);
33168
- (0, import_react216.useEffect)(() => {
33405
+ (0, import_react217.useEffect)(() => {
33169
33406
  switch (notification == null ? void 0 : notification.type) {
33170
33407
  case import_react_sdk114.HMSNotificationTypes.REMOVED_FROM_ROOM:
33171
33408
  case import_react_sdk114.HMSNotificationTypes.ROOM_ENDED:
@@ -33185,7 +33422,7 @@ var init_TrackBulkUnmuteModal = __esm({
33185
33422
  }
33186
33423
  const { requestedBy: peer, tracks, enabled } = muteNotification;
33187
33424
  const types = new Set(tracks.map((track) => track.type));
33188
- return /* @__PURE__ */ import_react216.default.createElement(
33425
+ return /* @__PURE__ */ import_react217.default.createElement(
33189
33426
  RequestDialog,
33190
33427
  {
33191
33428
  title: "Unmute request",
@@ -33197,7 +33434,7 @@ var init_TrackBulkUnmuteModal = __esm({
33197
33434
  });
33198
33435
  setMuteNotification(null);
33199
33436
  },
33200
- Icon: import_react_icons99.MicOnIcon
33437
+ Icon: import_react_icons100.MicOnIcon
33201
33438
  }
33202
33439
  );
33203
33440
  };
@@ -33205,12 +33442,12 @@ var init_TrackBulkUnmuteModal = __esm({
33205
33442
  });
33206
33443
 
33207
33444
  // src/Prebuilt/components/Notifications/TrackNotifications.tsx
33208
- var import_react217, import_react_sdk115, notificationTypes3, TrackNotifications;
33445
+ var import_react218, import_react_sdk115, notificationTypes3, TrackNotifications;
33209
33446
  var init_TrackNotifications = __esm({
33210
33447
  "src/Prebuilt/components/Notifications/TrackNotifications.tsx"() {
33211
33448
  "use strict";
33212
33449
  init_define_process_env();
33213
- import_react217 = require("react");
33450
+ import_react218 = require("react");
33214
33451
  import_react_sdk115 = require("@100mslive/react-sdk");
33215
33452
  notificationTypes3 = [
33216
33453
  import_react_sdk115.HMSNotificationTypes.TRACK_ADDED,
@@ -33220,7 +33457,7 @@ var init_TrackNotifications = __esm({
33220
33457
  ];
33221
33458
  TrackNotifications = () => {
33222
33459
  const notification = (0, import_react_sdk115.useHMSNotifications)(notificationTypes3);
33223
- (0, import_react217.useEffect)(() => {
33460
+ (0, import_react218.useEffect)(() => {
33224
33461
  if (notification) {
33225
33462
  console.debug(`[${notification.type}]`, notification);
33226
33463
  }
@@ -33231,14 +33468,14 @@ var init_TrackNotifications = __esm({
33231
33468
  });
33232
33469
 
33233
33470
  // src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx
33234
- var import_react218, import_react_sdk116, import_react_icons100, TrackUnmuteModal;
33471
+ var import_react219, import_react_sdk116, import_react_icons101, TrackUnmuteModal;
33235
33472
  var init_TrackUnmuteModal = __esm({
33236
33473
  "src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx"() {
33237
33474
  "use strict";
33238
33475
  init_define_process_env();
33239
- import_react218 = __toESM(require("react"));
33476
+ import_react219 = __toESM(require("react"));
33240
33477
  import_react_sdk116 = require("@100mslive/react-sdk");
33241
- import_react_icons100 = require("@100mslive/react-icons");
33478
+ import_react_icons101 = require("@100mslive/react-icons");
33242
33479
  init_DialogContent2();
33243
33480
  TrackUnmuteModal = () => {
33244
33481
  const hmsActions = (0, import_react_sdk116.useHMSActions)();
@@ -33247,8 +33484,8 @@ var init_TrackUnmuteModal = __esm({
33247
33484
  import_react_sdk116.HMSNotificationTypes.ROOM_ENDED,
33248
33485
  import_react_sdk116.HMSNotificationTypes.REMOVED_FROM_ROOM
33249
33486
  ]);
33250
- const [muteNotification, setMuteNotification] = (0, import_react218.useState)(null);
33251
- (0, import_react218.useEffect)(() => {
33487
+ const [muteNotification, setMuteNotification] = (0, import_react219.useState)(null);
33488
+ (0, import_react219.useEffect)(() => {
33252
33489
  switch (notification == null ? void 0 : notification.type) {
33253
33490
  case import_react_sdk116.HMSNotificationTypes.REMOVED_FROM_ROOM:
33254
33491
  case import_react_sdk116.HMSNotificationTypes.ROOM_ENDED:
@@ -33267,7 +33504,7 @@ var init_TrackUnmuteModal = __esm({
33267
33504
  return null;
33268
33505
  }
33269
33506
  const { requestedBy: peer, track, enabled } = muteNotification;
33270
- return /* @__PURE__ */ import_react218.default.createElement(
33507
+ return /* @__PURE__ */ import_react219.default.createElement(
33271
33508
  RequestDialog,
33272
33509
  {
33273
33510
  title: `Unmute your ${track.type}?`,
@@ -33277,7 +33514,7 @@ var init_TrackUnmuteModal = __esm({
33277
33514
  hmsActions.setEnabledTrack(track.id, enabled);
33278
33515
  setMuteNotification(null);
33279
33516
  },
33280
- Icon: import_react_icons100.MicOnIcon
33517
+ Icon: import_react_icons101.MicOnIcon
33281
33518
  }
33282
33519
  );
33283
33520
  };
@@ -33299,14 +33536,14 @@ function Notifications() {
33299
33536
  const { showNotification } = (0, import_react_sdk117.useAwayNotifications)();
33300
33537
  const amIScreenSharing = (0, import_react_sdk117.useHMSStore)(import_react_sdk117.selectIsLocalScreenShared);
33301
33538
  const logoURL = (_b7 = (_a8 = useRoomLayout()) == null ? void 0 : _a8.logo) == null ? void 0 : _b7.url;
33302
- const handleRoleChangeDenied = (0, import_react219.useCallback)((request) => {
33539
+ const handleRoleChangeDenied = (0, import_react220.useCallback)((request) => {
33303
33540
  ToastManager.addToast({
33304
33541
  title: `${request.peerName} denied your request to join the ${request.role.name} role`,
33305
33542
  variant: "error"
33306
33543
  });
33307
33544
  }, []);
33308
33545
  (0, import_react_sdk117.useCustomEvent)({ type: ROLE_CHANGE_DECLINED, onEvent: handleRoleChangeDenied });
33309
- (0, import_react219.useEffect)(() => {
33546
+ (0, import_react220.useEffect)(() => {
33310
33547
  var _a9, _b8, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n2, _o2, _p;
33311
33548
  if (!notification || isNotificationDisabled) {
33312
33549
  return;
@@ -33325,7 +33562,7 @@ function Notifications() {
33325
33562
  ToastManager.addToast({
33326
33563
  title: "The room is currently full, try joining later",
33327
33564
  close: true,
33328
- icon: /* @__PURE__ */ import_react219.default.createElement(Box, { css: { color: "$alert_error_default" } }, /* @__PURE__ */ import_react219.default.createElement(import_react_icons101.GroupIcon, null))
33565
+ icon: /* @__PURE__ */ import_react220.default.createElement(Box, { css: { color: "$alert_error_default" } }, /* @__PURE__ */ import_react220.default.createElement(import_react_icons102.GroupIcon, null))
33329
33566
  });
33330
33567
  } else {
33331
33568
  ToastManager.addToast({
@@ -33382,7 +33619,7 @@ function Notifications() {
33382
33619
  const pollStartedBy = vanillaStore.getState((0, import_react_sdk117.selectPeerNameByID)(notification.data.startedBy)) || "Participant";
33383
33620
  const pollToastID = ToastManager.addToast({
33384
33621
  title: `${pollStartedBy} started a ${notification.data.type}: ${notification.data.title}`,
33385
- action: /* @__PURE__ */ import_react219.default.createElement(
33622
+ action: /* @__PURE__ */ import_react220.default.createElement(
33386
33623
  Button,
33387
33624
  {
33388
33625
  onClick: () => togglePollView(notification.data.id),
@@ -33423,16 +33660,16 @@ function Notifications() {
33423
33660
  if (isNotificationDisabled) {
33424
33661
  return null;
33425
33662
  }
33426
- return /* @__PURE__ */ import_react219.default.createElement(import_react219.default.Fragment, null, /* @__PURE__ */ import_react219.default.createElement(TrackUnmuteModal, null), /* @__PURE__ */ import_react219.default.createElement(TrackBulkUnmuteModal, null), /* @__PURE__ */ import_react219.default.createElement(TrackNotifications, null), roomState === import_react_sdk117.HMSRoomState.Connected ? /* @__PURE__ */ import_react219.default.createElement(PeerNotifications, null) : null, /* @__PURE__ */ import_react219.default.createElement(ReconnectNotifications, null), /* @__PURE__ */ import_react219.default.createElement(AutoplayBlockedModal, null), /* @__PURE__ */ import_react219.default.createElement(PermissionErrorModal, null), /* @__PURE__ */ import_react219.default.createElement(InitErrorModal, null), /* @__PURE__ */ import_react219.default.createElement(ChatNotifications, null), /* @__PURE__ */ import_react219.default.createElement(HandRaisedNotifications, null));
33663
+ return /* @__PURE__ */ import_react220.default.createElement(import_react220.default.Fragment, null, /* @__PURE__ */ import_react220.default.createElement(TrackUnmuteModal, null), /* @__PURE__ */ import_react220.default.createElement(TrackBulkUnmuteModal, null), /* @__PURE__ */ import_react220.default.createElement(TrackNotifications, null), roomState === import_react_sdk117.HMSRoomState.Connected ? /* @__PURE__ */ import_react220.default.createElement(PeerNotifications, null) : null, /* @__PURE__ */ import_react220.default.createElement(ReconnectNotifications, null), /* @__PURE__ */ import_react220.default.createElement(AutoplayBlockedModal, null), /* @__PURE__ */ import_react220.default.createElement(PermissionErrorModal, null), /* @__PURE__ */ import_react220.default.createElement(InitErrorModal, null), /* @__PURE__ */ import_react220.default.createElement(ChatNotifications, null), /* @__PURE__ */ import_react220.default.createElement(HandRaisedNotifications, null));
33427
33664
  }
33428
- var import_react219, import_react_sdk117, import_react_icons101, pollToastKey;
33665
+ var import_react220, import_react_sdk117, import_react_icons102, pollToastKey;
33429
33666
  var init_Notifications = __esm({
33430
33667
  "src/Prebuilt/components/Notifications/Notifications.tsx"() {
33431
33668
  "use strict";
33432
33669
  init_define_process_env();
33433
- import_react219 = __toESM(require("react"));
33670
+ import_react220 = __toESM(require("react"));
33434
33671
  import_react_sdk117 = require("@100mslive/react-sdk");
33435
- import_react_icons101 = require("@100mslive/react-icons");
33672
+ import_react_icons102 = require("@100mslive/react-icons");
33436
33673
  init_src();
33437
33674
  init_roomLayoutProvider();
33438
33675
  init_ToastManager();
@@ -33464,13 +33701,13 @@ var init_Notifications2 = __esm({
33464
33701
  });
33465
33702
 
33466
33703
  // src/Prebuilt/components/Preview/PreviewScreen.tsx
33467
- var import_react220, import_react_use48, PreviewScreen;
33704
+ var import_react221, import_react_use50, PreviewScreen;
33468
33705
  var init_PreviewScreen = __esm({
33469
33706
  "src/Prebuilt/components/Preview/PreviewScreen.tsx"() {
33470
33707
  "use strict";
33471
33708
  init_define_process_env();
33472
- import_react220 = __toESM(require("react"));
33473
- import_react_use48 = require("react-use");
33709
+ import_react221 = __toESM(require("react"));
33710
+ import_react_use50 = require("react-use");
33474
33711
  init_src();
33475
33712
  init_AppContext();
33476
33713
  init_roomLayoutProvider();
@@ -33483,36 +33720,36 @@ var init_PreviewScreen = __esm({
33483
33720
  var _a8, _b7, _c;
33484
33721
  const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
33485
33722
  const skipPreview = !isPreviewScreenEnabled;
33486
- const previewAsRole = (0, import_react_use48.useSearchParam)(QUERY_PARAM_PREVIEW_AS_ROLE);
33723
+ const previewAsRole = (0, import_react_use50.useSearchParam)(QUERY_PARAM_PREVIEW_AS_ROLE);
33487
33724
  const { userName } = useHMSPrebuiltContext();
33488
33725
  const initialName = userName || (skipPreview ? "Beam" : "");
33489
33726
  const authToken = useAuthToken();
33490
33727
  const roomLayout = useRoomLayout();
33491
33728
  const { preview_header: previewHeader = {} } = ((_c = (_b7 = (_a8 = roomLayout == null ? void 0 : roomLayout.screens) == null ? void 0 : _a8.preview) == null ? void 0 : _b7.default) == null ? void 0 : _c.elements) || {};
33492
- return /* @__PURE__ */ import_react220.default.createElement(Flex, { direction: "column", css: { size: "100%" } }, /* @__PURE__ */ import_react220.default.createElement(
33729
+ return /* @__PURE__ */ import_react221.default.createElement(Flex, { direction: "column", css: { size: "100%" } }, /* @__PURE__ */ import_react221.default.createElement(
33493
33730
  Flex,
33494
33731
  {
33495
33732
  css: { flex: "1 1 0", position: "relative", overflowY: "auto", color: "$primary_default" },
33496
33733
  justify: "center",
33497
33734
  align: "center"
33498
33735
  },
33499
- authToken && Object.keys(previewHeader).length > 0 ? /* @__PURE__ */ import_react220.default.createElement(PreviewJoin_default, { initialName, skipPreview, asRole: previewAsRole != null ? previewAsRole : void 0 }) : /* @__PURE__ */ import_react220.default.createElement(FullPageProgress_default, null)
33736
+ authToken && Object.keys(previewHeader).length > 0 ? /* @__PURE__ */ import_react221.default.createElement(PreviewJoin_default, { initialName, skipPreview, asRole: previewAsRole != null ? previewAsRole : void 0 }) : /* @__PURE__ */ import_react221.default.createElement(FullPageProgress_default, null)
33500
33737
  ));
33501
33738
  };
33502
33739
  }
33503
33740
  });
33504
33741
 
33505
33742
  // src/Prebuilt/components/Toast/Toast.jsx
33506
- var import_react221, Toast2;
33743
+ var import_react222, Toast2;
33507
33744
  var init_Toast3 = __esm({
33508
33745
  "src/Prebuilt/components/Toast/Toast.jsx"() {
33509
33746
  "use strict";
33510
33747
  init_define_process_env();
33511
- import_react221 = __toESM(require("react"));
33748
+ import_react222 = __toESM(require("react"));
33512
33749
  init_Toast2();
33513
33750
  Toast2 = (_a8) => {
33514
33751
  var _b7 = _a8, { title, description, close = true, open, duration, onOpenChange, icon } = _b7, props = __objRest(_b7, ["title", "description", "close", "open", "duration", "onOpenChange", "icon"]);
33515
- return /* @__PURE__ */ import_react221.default.createElement(
33752
+ return /* @__PURE__ */ import_react222.default.createElement(
33516
33753
  Toast.HMSToast,
33517
33754
  __spreadValues({
33518
33755
  title,
@@ -33529,12 +33766,12 @@ var init_Toast3 = __esm({
33529
33766
  });
33530
33767
 
33531
33768
  // src/Prebuilt/components/Toast/ToastContainer.jsx
33532
- var import_react222, import_react_sdk118, ToastContainer;
33769
+ var import_react223, import_react_sdk118, ToastContainer;
33533
33770
  var init_ToastContainer = __esm({
33534
33771
  "src/Prebuilt/components/Toast/ToastContainer.jsx"() {
33535
33772
  "use strict";
33536
33773
  init_define_process_env();
33537
- import_react222 = __toESM(require("react"));
33774
+ import_react223 = __toESM(require("react"));
33538
33775
  import_react_sdk118 = require("@100mslive/react-sdk");
33539
33776
  init_Toast2();
33540
33777
  init_Toast3();
@@ -33542,16 +33779,16 @@ var init_ToastContainer = __esm({
33542
33779
  init_constants();
33543
33780
  ToastContainer = () => {
33544
33781
  const isConnected = (0, import_react_sdk118.useHMSStore)(import_react_sdk118.selectIsConnectedToRoom);
33545
- const [toasts, setToast] = (0, import_react222.useState)([]);
33546
- (0, import_react222.useEffect)(() => {
33782
+ const [toasts, setToast] = (0, import_react223.useState)([]);
33783
+ (0, import_react223.useEffect)(() => {
33547
33784
  ToastManager.addListener(setToast);
33548
33785
  return () => {
33549
33786
  ToastManager.removeListener(setToast);
33550
33787
  };
33551
33788
  }, []);
33552
- return /* @__PURE__ */ import_react222.default.createElement(Toast.Provider, { swipeDirection: "left", duration: 3e3 }, toasts.slice(0, MAX_TOASTS).map((toast) => {
33553
- return /* @__PURE__ */ import_react222.default.createElement(Toast2, __spreadProps(__spreadValues({ key: toast.id }, toast), { onOpenChange: (value) => !value && ToastManager.removeToast(toast.id) }));
33554
- }), /* @__PURE__ */ import_react222.default.createElement(
33789
+ return /* @__PURE__ */ import_react223.default.createElement(Toast.Provider, { swipeDirection: "left", duration: 3e3 }, toasts.slice(0, MAX_TOASTS).map((toast) => {
33790
+ return /* @__PURE__ */ import_react223.default.createElement(Toast2, __spreadProps(__spreadValues({ key: toast.id }, toast), { onOpenChange: (value) => !value && ToastManager.removeToast(toast.id) }));
33791
+ }), /* @__PURE__ */ import_react223.default.createElement(
33555
33792
  Toast.Viewport,
33556
33793
  {
33557
33794
  css: __spreadValues({
@@ -33564,13 +33801,13 @@ var init_ToastContainer = __esm({
33564
33801
  });
33565
33802
 
33566
33803
  // src/Prebuilt/components/RoomDetails/RoomDetailsSheet.tsx
33567
- var import_react223, import_react_icons102, RoomDetailsSheet;
33804
+ var import_react224, import_react_icons103, RoomDetailsSheet;
33568
33805
  var init_RoomDetailsSheet = __esm({
33569
33806
  "src/Prebuilt/components/RoomDetails/RoomDetailsSheet.tsx"() {
33570
33807
  "use strict";
33571
33808
  init_define_process_env();
33572
- import_react223 = __toESM(require("react"));
33573
- import_react_icons102 = require("@100mslive/react-icons");
33809
+ import_react224 = __toESM(require("react"));
33810
+ import_react_icons103 = require("@100mslive/react-icons");
33574
33811
  init_Layout();
33575
33812
  init_Sheet2();
33576
33813
  init_Text2();
@@ -33583,27 +33820,27 @@ var init_RoomDetailsSheet = __esm({
33583
33820
  const { title, description, details } = useRoomLayoutHeader();
33584
33821
  const toggleSheet = useSheetToggle(SHEET_OPTIONS.ROOM_DETAILS);
33585
33822
  const showRoomDetailsSheet = useIsSheetTypeOpen(SHEET_OPTIONS.ROOM_DETAILS);
33586
- return /* @__PURE__ */ import_react223.default.createElement(Sheet.Root, { open: showRoomDetailsSheet, onOpenChange: toggleSheet }, /* @__PURE__ */ import_react223.default.createElement(Sheet.Content, { css: { py: "$8", pb: "$12" } }, /* @__PURE__ */ import_react223.default.createElement(
33823
+ return /* @__PURE__ */ import_react224.default.createElement(Sheet.Root, { open: showRoomDetailsSheet, onOpenChange: toggleSheet }, /* @__PURE__ */ import_react224.default.createElement(Sheet.Content, { css: { py: "$8", pb: "$12" } }, /* @__PURE__ */ import_react224.default.createElement(
33587
33824
  Flex,
33588
33825
  {
33589
33826
  justify: "between",
33590
33827
  align: "center",
33591
33828
  css: { w: "100%", borderBottom: "1px solid $border_bright", pb: "$4", mb: "$4", px: "$8" }
33592
33829
  },
33593
- /* @__PURE__ */ import_react223.default.createElement(Text, { css: { fontWeight: "$semiBold", color: "$on_surface_high" } }, "Description"),
33594
- /* @__PURE__ */ import_react223.default.createElement(Sheet.Close, { css: { color: "$on_surface_high" } }, /* @__PURE__ */ import_react223.default.createElement(import_react_icons102.CrossIcon, null))
33595
- ), /* @__PURE__ */ import_react223.default.createElement(Flex, { align: "center", css: { w: "100%", gap: "$4", pb: "$8", px: "$8" } }, /* @__PURE__ */ import_react223.default.createElement(Logo, null), /* @__PURE__ */ import_react223.default.createElement(Box, null, /* @__PURE__ */ import_react223.default.createElement(Text, { variant: "sm", css: { c: "$on_secondary_high", fontWeight: "$semiBold" } }, title), /* @__PURE__ */ import_react223.default.createElement(RoomDetailsRow, { details }))), /* @__PURE__ */ import_react223.default.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", px: "$8" } }, description)));
33830
+ /* @__PURE__ */ import_react224.default.createElement(Text, { css: { fontWeight: "$semiBold", color: "$on_surface_high" } }, "Description"),
33831
+ /* @__PURE__ */ import_react224.default.createElement(Sheet.Close, { css: { color: "$on_surface_high" } }, /* @__PURE__ */ import_react224.default.createElement(import_react_icons103.CrossIcon, null))
33832
+ ), /* @__PURE__ */ import_react224.default.createElement(Flex, { align: "center", css: { w: "100%", gap: "$4", pb: "$8", px: "$8" } }, /* @__PURE__ */ import_react224.default.createElement(Logo, null), /* @__PURE__ */ import_react224.default.createElement(Box, null, /* @__PURE__ */ import_react224.default.createElement(Text, { variant: "sm", css: { c: "$on_secondary_high", fontWeight: "$semiBold" } }, title), /* @__PURE__ */ import_react224.default.createElement(RoomDetailsRow, { details }))), /* @__PURE__ */ import_react224.default.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", px: "$8" } }, description)));
33596
33833
  };
33597
33834
  }
33598
33835
  });
33599
33836
 
33600
33837
  // src/Prebuilt/layouts/Sheet.tsx
33601
- var import_react224, import_react_sdk119, Sheet2;
33838
+ var import_react225, import_react_sdk119, Sheet2;
33602
33839
  var init_Sheet3 = __esm({
33603
33840
  "src/Prebuilt/layouts/Sheet.tsx"() {
33604
33841
  "use strict";
33605
33842
  init_define_process_env();
33606
- import_react224 = __toESM(require("react"));
33843
+ import_react225 = __toESM(require("react"));
33607
33844
  import_react_sdk119 = require("@100mslive/react-sdk");
33608
33845
  init_RoomDetailsSheet();
33609
33846
  init_Layout();
@@ -33612,9 +33849,9 @@ var init_Sheet3 = __esm({
33612
33849
  const sheet = (0, import_react_sdk119.useHMSStore)((0, import_react_sdk119.selectAppData)(APP_DATA.sheet));
33613
33850
  let ViewComponent;
33614
33851
  if (sheet === SHEET_OPTIONS.ROOM_DETAILS) {
33615
- ViewComponent = /* @__PURE__ */ import_react224.default.createElement(RoomDetailsSheet, null);
33852
+ ViewComponent = /* @__PURE__ */ import_react225.default.createElement(RoomDetailsSheet, null);
33616
33853
  }
33617
- return /* @__PURE__ */ import_react224.default.createElement(Box, null, ViewComponent);
33854
+ return /* @__PURE__ */ import_react225.default.createElement(Box, null, ViewComponent);
33618
33855
  };
33619
33856
  }
33620
33857
  });
@@ -33623,10 +33860,10 @@ var init_Sheet3 = __esm({
33623
33860
  function FlyingEmoji() {
33624
33861
  const localPeerId = (0, import_react_sdk120.useHMSStore)(import_react_sdk120.selectLocalPeerID);
33625
33862
  const vanillaStore = (0, import_react_sdk120.useHMSVanillaStore)();
33626
- const [emojis, setEmojis] = (0, import_react225.useState)([]);
33627
- const isMobile = (0, import_react_use49.useMedia)(config.media.md);
33628
- const startingPoints = (0, import_react225.useMemo)(() => getStartingPoints(isMobile), [isMobile]);
33629
- const showFlyingEmoji = (0, import_react225.useCallback)(
33863
+ const [emojis, setEmojis] = (0, import_react226.useState)([]);
33864
+ const isMobile = (0, import_react_use51.useMedia)(config.media.md);
33865
+ const startingPoints = (0, import_react226.useMemo)(() => getStartingPoints(isMobile), [isMobile]);
33866
+ const showFlyingEmoji = (0, import_react226.useCallback)(
33630
33867
  ({ emojiId, senderId }) => {
33631
33868
  if (!emojiId || !senderId || document.hidden) {
33632
33869
  return;
@@ -33654,10 +33891,10 @@ function FlyingEmoji() {
33654
33891
  type: EMOJI_REACTION_TYPE,
33655
33892
  onEvent: showFlyingEmoji
33656
33893
  });
33657
- (0, import_react225.useEffect)(() => {
33894
+ (0, import_react226.useEffect)(() => {
33658
33895
  window.showFlyingEmoji = showFlyingEmoji;
33659
33896
  }, [showFlyingEmoji]);
33660
- return /* @__PURE__ */ import_react225.default.createElement(
33897
+ return /* @__PURE__ */ import_react226.default.createElement(
33661
33898
  Box,
33662
33899
  {
33663
33900
  css: {
@@ -33673,7 +33910,7 @@ function FlyingEmoji() {
33673
33910
  }
33674
33911
  },
33675
33912
  emojis.map((emoji) => {
33676
- return /* @__PURE__ */ import_react225.default.createElement(
33913
+ return /* @__PURE__ */ import_react226.default.createElement(
33677
33914
  Flex,
33678
33915
  {
33679
33916
  key: emoji.id,
@@ -33689,8 +33926,8 @@ function FlyingEmoji() {
33689
33926
  setEmojis(emojis.filter((item) => item.id !== emoji.id));
33690
33927
  }
33691
33928
  },
33692
- /* @__PURE__ */ import_react225.default.createElement(Box, null, /* @__PURE__ */ import_react225.default.createElement("em-emoji", { id: emoji.emojiId, size: "48px", set: "apple" })),
33693
- /* @__PURE__ */ import_react225.default.createElement(
33929
+ /* @__PURE__ */ import_react226.default.createElement(Box, null, /* @__PURE__ */ import_react226.default.createElement("em-emoji", { id: emoji.emojiId, size: "48px", set: "apple" })),
33930
+ /* @__PURE__ */ import_react226.default.createElement(
33694
33931
  Box,
33695
33932
  {
33696
33933
  css: {
@@ -33700,7 +33937,7 @@ function FlyingEmoji() {
33700
33937
  borderRadius: "$1"
33701
33938
  }
33702
33939
  },
33703
- /* @__PURE__ */ import_react225.default.createElement(
33940
+ /* @__PURE__ */ import_react226.default.createElement(
33704
33941
  Text,
33705
33942
  {
33706
33943
  css: {
@@ -33716,13 +33953,13 @@ function FlyingEmoji() {
33716
33953
  })
33717
33954
  );
33718
33955
  }
33719
- var import_react225, import_react_use49, import_react_sdk120, emojiCount, flyAndFade, wiggleLeftRight, wiggleRightLeft, getStartingPoints;
33956
+ var import_react226, import_react_use51, import_react_sdk120, emojiCount, flyAndFade, wiggleLeftRight, wiggleRightLeft, getStartingPoints;
33720
33957
  var init_FlyingEmoji = __esm({
33721
33958
  "src/Prebuilt/plugins/FlyingEmoji.jsx"() {
33722
33959
  "use strict";
33723
33960
  init_define_process_env();
33724
- import_react225 = __toESM(require("react"));
33725
- import_react_use49 = require("react-use");
33961
+ import_react226 = __toESM(require("react"));
33962
+ import_react_use51 = require("react-use");
33726
33963
  import_react_sdk120 = require("@100mslive/react-sdk");
33727
33964
  init_Layout();
33728
33965
  init_Text2();
@@ -33757,33 +33994,33 @@ var init_FlyingEmoji = __esm({
33757
33994
  // src/Prebuilt/plugins/RemoteStopScreenshare.jsx
33758
33995
  function RemoteStopScreenshare() {
33759
33996
  const actions = (0, import_react_sdk121.useHMSActions)();
33760
- const onRemoteStopScreenshare = (0, import_react226.useCallback)(() => __async(this, null, function* () {
33997
+ const onRemoteStopScreenshare = (0, import_react227.useCallback)(() => __async(this, null, function* () {
33761
33998
  yield actions.setScreenShareEnabled(false);
33762
33999
  }), [actions]);
33763
34000
  (0, import_react_sdk121.useCustomEvent)({
33764
34001
  type: REMOTE_STOP_SCREENSHARE_TYPE,
33765
34002
  onEvent: onRemoteStopScreenshare
33766
34003
  });
33767
- return /* @__PURE__ */ import_react226.default.createElement(import_react226.default.Fragment, null);
34004
+ return /* @__PURE__ */ import_react227.default.createElement(import_react227.default.Fragment, null);
33768
34005
  }
33769
- var import_react226, import_react_sdk121;
34006
+ var import_react227, import_react_sdk121;
33770
34007
  var init_RemoteStopScreenshare = __esm({
33771
34008
  "src/Prebuilt/plugins/RemoteStopScreenshare.jsx"() {
33772
34009
  "use strict";
33773
34010
  init_define_process_env();
33774
- import_react226 = __toESM(require("react"));
34011
+ import_react227 = __toESM(require("react"));
33775
34012
  import_react_sdk121 = require("@100mslive/react-sdk");
33776
34013
  init_constants();
33777
34014
  }
33778
34015
  });
33779
34016
 
33780
34017
  // src/Prebuilt/components/hooks/useAutoStartStreaming.tsx
33781
- var import_react227, import_react_sdk122, useAutoStartStreaming;
34018
+ var import_react228, import_react_sdk122, useAutoStartStreaming;
33782
34019
  var init_useAutoStartStreaming = __esm({
33783
34020
  "src/Prebuilt/components/hooks/useAutoStartStreaming.tsx"() {
33784
34021
  "use strict";
33785
34022
  init_define_process_env();
33786
- import_react227 = require("react");
34023
+ import_react228 = require("react");
33787
34024
  import_react_sdk122 = require("@100mslive/react-sdk");
33788
34025
  init_useUISettings();
33789
34026
  init_hooks();
@@ -33795,8 +34032,8 @@ var init_useAutoStartStreaming = __esm({
33795
34032
  const hmsActions = (0, import_react_sdk122.useHMSActions)();
33796
34033
  const isConnected = (0, import_react_sdk122.useHMSStore)(import_react_sdk122.selectIsConnectedToRoom);
33797
34034
  const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = (0, import_react_sdk122.useRecordingStreaming)();
33798
- const streamStartedRef = (0, import_react227.useRef)(false);
33799
- const startHLS = (0, import_react227.useCallback)(() => __async(void 0, null, function* () {
34035
+ const streamStartedRef = (0, import_react228.useRef)(false);
34036
+ const startHLS = (0, import_react228.useCallback)(() => __async(void 0, null, function* () {
33800
34037
  try {
33801
34038
  if (isHLSStarted || !showStreamingUI || isHLSRunning || isRTMPRunning || isHLSRecordingOn || isBrowserRecordingOn) {
33802
34039
  return;
@@ -33819,12 +34056,12 @@ var init_useAutoStartStreaming = __esm({
33819
34056
  isHLSRecordingOn,
33820
34057
  isBrowserRecordingOn
33821
34058
  ]);
33822
- (0, import_react227.useEffect)(() => {
34059
+ (0, import_react228.useEffect)(() => {
33823
34060
  if (!isHLSStarted && !isHLSRunning) {
33824
34061
  streamStartedRef.current = false;
33825
34062
  }
33826
34063
  }, [isHLSStarted, isHLSRunning]);
33827
- (0, import_react227.useEffect)(() => {
34064
+ (0, import_react228.useEffect)(() => {
33828
34065
  if (!isConnected || streamStartedRef.current || !(permissions == null ? void 0 : permissions.hlsStreaming)) {
33829
34066
  return;
33830
34067
  }
@@ -33842,14 +34079,14 @@ function AppRoutes({
33842
34079
  const roomLayout = useRoomLayout();
33843
34080
  const isNotificationsDisabled = useIsNotificationDisabled();
33844
34081
  const { activeState, rejoin } = useAppStateManager();
33845
- return /* @__PURE__ */ import_react228.default.createElement(AppStateContext.Provider, { value: { rejoin } }, /* @__PURE__ */ import_react228.default.createElement(import_react228.default.Fragment, null, activeState !== "leave" /* LEAVE */ && /* @__PURE__ */ import_react228.default.createElement(AppData, null), /* @__PURE__ */ import_react228.default.createElement(ToastContainer, null), /* @__PURE__ */ import_react228.default.createElement(Notifications, null), /* @__PURE__ */ import_react228.default.createElement(MwebLandscapePrompt, null), /* @__PURE__ */ import_react228.default.createElement(Sheet2, null), /* @__PURE__ */ import_react228.default.createElement(BackSwipe, null), !isNotificationsDisabled && /* @__PURE__ */ import_react228.default.createElement(FlyingEmoji, null), /* @__PURE__ */ import_react228.default.createElement(RemoteStopScreenshare, null), /* @__PURE__ */ import_react228.default.createElement(KeyboardHandler, null), /* @__PURE__ */ import_react228.default.createElement(AuthToken_default, { authTokenByRoomCodeEndpoint, defaultAuthToken }), roomLayout && activeState && /* @__PURE__ */ import_react228.default.createElement(AppStates, { activeState })));
34082
+ return /* @__PURE__ */ import_react229.default.createElement(AppStateContext.Provider, { value: { rejoin } }, /* @__PURE__ */ import_react229.default.createElement(import_react229.default.Fragment, null, activeState !== "leave" /* LEAVE */ && /* @__PURE__ */ import_react229.default.createElement(AppData, null), /* @__PURE__ */ import_react229.default.createElement(ToastContainer, null), /* @__PURE__ */ import_react229.default.createElement(Notifications, null), /* @__PURE__ */ import_react229.default.createElement(MwebLandscapePrompt, null), /* @__PURE__ */ import_react229.default.createElement(Sheet2, null), /* @__PURE__ */ import_react229.default.createElement(BackSwipe, null), !isNotificationsDisabled && /* @__PURE__ */ import_react229.default.createElement(FlyingEmoji, null), /* @__PURE__ */ import_react229.default.createElement(RemoteStopScreenshare, null), /* @__PURE__ */ import_react229.default.createElement(KeyboardHandler, null), /* @__PURE__ */ import_react229.default.createElement(AuthToken_default, { authTokenByRoomCodeEndpoint, defaultAuthToken }), roomLayout && activeState && /* @__PURE__ */ import_react229.default.createElement(AppStates, { activeState })));
33846
34083
  }
33847
- var import_react228, import_react_sdk123, HMSPrebuilt, AppStates, BackSwipe;
34084
+ var import_react229, import_react_sdk123, HMSPrebuilt, AppStates, BackSwipe;
33848
34085
  var init_App = __esm({
33849
34086
  "src/Prebuilt/App.tsx"() {
33850
34087
  "use strict";
33851
34088
  init_define_process_env();
33852
- import_react228 = __toESM(require("react"));
34089
+ import_react229 = __toESM(require("react"));
33853
34090
  import_react_sdk123 = require("@100mslive/react-sdk");
33854
34091
  init_AppData();
33855
34092
  init_AuthToken();
@@ -33877,7 +34114,7 @@ var init_App = __esm({
33877
34114
  init_useRoomLayoutScreen();
33878
34115
  init_FeatureFlags();
33879
34116
  init_constants();
33880
- HMSPrebuilt = import_react228.default.forwardRef(
34117
+ HMSPrebuilt = import_react229.default.forwardRef(
33881
34118
  ({
33882
34119
  roomCode = "",
33883
34120
  authToken = "",
@@ -33891,9 +34128,9 @@ var init_App = __esm({
33891
34128
  onJoin
33892
34129
  }, ref) => {
33893
34130
  var _a8, _b7, _c, _d;
33894
- const reactiveStore = (0, import_react228.useRef)();
33895
- const [hydrated, setHydrated] = import_react228.default.useState(false);
33896
- (0, import_react228.useEffect)(() => {
34131
+ const reactiveStore = (0, import_react229.useRef)();
34132
+ const [hydrated, setHydrated] = import_react229.default.useState(false);
34133
+ (0, import_react229.useEffect)(() => {
33897
34134
  setHydrated(true);
33898
34135
  const hms = new import_react_sdk123.HMSReactiveStore();
33899
34136
  const hmsStore = hms.getStore();
@@ -33908,13 +34145,13 @@ var init_App = __esm({
33908
34145
  hmsNotifications
33909
34146
  };
33910
34147
  }, []);
33911
- (0, import_react228.useEffect)(() => {
34148
+ (0, import_react229.useEffect)(() => {
33912
34149
  if (!ref || !reactiveStore.current) {
33913
34150
  return;
33914
34151
  }
33915
34152
  ref.current = __spreadValues({}, reactiveStore.current);
33916
34153
  }, [ref]);
33917
- (0, import_react228.useEffect)(() => {
34154
+ (0, import_react229.useEffect)(() => {
33918
34155
  return () => {
33919
34156
  var _a9;
33920
34157
  VBHandler.reset();
@@ -33943,7 +34180,7 @@ var init_App = __esm({
33943
34180
  return null;
33944
34181
  }
33945
34182
  globalStyles();
33946
- return /* @__PURE__ */ import_react228.default.createElement(ErrorBoundary, null, /* @__PURE__ */ import_react228.default.createElement(
34183
+ return /* @__PURE__ */ import_react229.default.createElement(ErrorBoundary, null, /* @__PURE__ */ import_react229.default.createElement(
33947
34184
  HMSPrebuiltContext.Provider,
33948
34185
  {
33949
34186
  value: {
@@ -33960,7 +34197,7 @@ var init_App = __esm({
33960
34197
  }
33961
34198
  }
33962
34199
  },
33963
- /* @__PURE__ */ import_react228.default.createElement(
34200
+ /* @__PURE__ */ import_react229.default.createElement(
33964
34201
  import_react_sdk123.HMSRoomProvider,
33965
34202
  {
33966
34203
  isHMSStatsOn: FeatureFlags.enableStatsForNerds,
@@ -33969,7 +34206,7 @@ var init_App = __esm({
33969
34206
  notifications: (_c = reactiveStore.current) == null ? void 0 : _c.hmsNotifications,
33970
34207
  stats: (_d = reactiveStore.current) == null ? void 0 : _d.hmsStats
33971
34208
  },
33972
- /* @__PURE__ */ import_react228.default.createElement(RoomLayoutProvider, { roomLayoutEndpoint, overrideLayout }, /* @__PURE__ */ import_react228.default.createElement(RoomLayoutContext.Consumer, null, (data3) => {
34209
+ /* @__PURE__ */ import_react229.default.createElement(RoomLayoutProvider, { roomLayoutEndpoint, overrideLayout }, /* @__PURE__ */ import_react229.default.createElement(RoomLayoutContext.Consumer, null, (data3) => {
33973
34210
  var _a9;
33974
34211
  const layout = data3 == null ? void 0 : data3.layout;
33975
34212
  const theme2 = ((_a9 = layout == null ? void 0 : layout.themes) == null ? void 0 : _a9[0]) || {};
@@ -33978,7 +34215,7 @@ var init_App = __esm({
33978
34215
  if (typography2 == null ? void 0 : typography2.font_family) {
33979
34216
  fontFamily = [`${typography2 == null ? void 0 : typography2.font_family}`, ...fontFamily];
33980
34217
  }
33981
- return /* @__PURE__ */ import_react228.default.createElement(
34218
+ return /* @__PURE__ */ import_react229.default.createElement(
33982
34219
  HMSThemeProvider,
33983
34220
  {
33984
34221
  themeType: `${theme2.name}-${Date.now()}`,
@@ -33991,8 +34228,8 @@ var init_App = __esm({
33991
34228
  }
33992
34229
  }
33993
34230
  },
33994
- /* @__PURE__ */ import_react228.default.createElement(Init, null),
33995
- /* @__PURE__ */ import_react228.default.createElement(DialogContainerProvider, { dialogContainerSelector: containerSelector }, /* @__PURE__ */ import_react228.default.createElement(
34231
+ /* @__PURE__ */ import_react229.default.createElement(Init, null),
34232
+ /* @__PURE__ */ import_react229.default.createElement(DialogContainerProvider, { dialogContainerSelector: containerSelector }, /* @__PURE__ */ import_react229.default.createElement(
33996
34233
  Box,
33997
34234
  {
33998
34235
  className: DEFAULT_PORTAL_CONTAINER.slice(1),
@@ -34004,7 +34241,7 @@ var init_App = __esm({
34004
34241
  position: "relative"
34005
34242
  }
34006
34243
  },
34007
- /* @__PURE__ */ import_react228.default.createElement(
34244
+ /* @__PURE__ */ import_react229.default.createElement(
34008
34245
  AppRoutes,
34009
34246
  {
34010
34247
  authTokenByRoomCodeEndpoint: tokenByRoomCodeEndpoint,
@@ -34024,16 +34261,16 @@ var init_App = __esm({
34024
34261
  const { isLeaveScreenEnabled } = useRoomLayoutLeaveScreen();
34025
34262
  useAutoStartStreaming();
34026
34263
  if (activeState === "preview" /* PREVIEW */ && isPreviewScreenEnabled) {
34027
- return /* @__PURE__ */ import_react228.default.createElement(PreviewScreen, null);
34264
+ return /* @__PURE__ */ import_react229.default.createElement(PreviewScreen, null);
34028
34265
  } else if (activeState === "leave" /* LEAVE */ && isLeaveScreenEnabled) {
34029
- return /* @__PURE__ */ import_react228.default.createElement(LeaveScreen, null);
34266
+ return /* @__PURE__ */ import_react229.default.createElement(LeaveScreen, null);
34030
34267
  }
34031
- return /* @__PURE__ */ import_react228.default.createElement(ConferenceScreen, null);
34268
+ return /* @__PURE__ */ import_react229.default.createElement(ConferenceScreen, null);
34032
34269
  };
34033
34270
  BackSwipe = () => {
34034
34271
  const isConnectedToRoom = (0, import_react_sdk123.useHMSStore)(import_react_sdk123.selectIsConnectedToRoom);
34035
34272
  const hmsActions = (0, import_react_sdk123.useHMSActions)();
34036
- (0, import_react228.useEffect)(() => {
34273
+ (0, import_react229.useEffect)(() => {
34037
34274
  const onRouteLeave = () => __async(void 0, null, function* () {
34038
34275
  if (isConnectedToRoom) {
34039
34276
  yield hmsActions.leave();