@100mslive/roomkit-react 0.2.2-alpha.6 → 0.2.3-alpha.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (19) hide show
  1. package/dist/{HLSView-U346BIZQ.js → HLSView-CVRPVOXD.js} +2 -2
  2. package/dist/Prebuilt/components/VirtualBackground/VBHandler.d.ts +2 -0
  3. package/dist/{chunk-DY3FWEXJ.js → chunk-5W4IGFZA.js} +475 -446
  4. package/dist/chunk-5W4IGFZA.js.map +7 -0
  5. package/dist/index.cjs.js +563 -531
  6. package/dist/index.cjs.js.map +4 -4
  7. package/dist/index.js +1 -1
  8. package/dist/meta.cjs.json +138 -121
  9. package/dist/meta.esbuild.json +141 -124
  10. package/package.json +7 -7
  11. package/src/Prebuilt/components/AuthToken.jsx +34 -30
  12. package/src/Prebuilt/components/ConferenceScreen.tsx +2 -1
  13. package/src/Prebuilt/components/ErrorBoundary.jsx +4 -2
  14. package/src/Prebuilt/components/VirtualBackground/VBHandler.tsx +10 -0
  15. package/src/Prebuilt/components/VirtualBackground/VBPicker.tsx +29 -12
  16. package/src/Prebuilt/images/transaction_error.svg +12 -0
  17. package/src/Prebuilt/provider/roomLayoutProvider/hooks/useRoomLayoutScreen.ts +5 -3
  18. package/dist/chunk-DY3FWEXJ.js.map +0 -7
  19. /package/dist/{HLSView-U346BIZQ.js.map → HLSView-CVRPVOXD.js.map} +0 -0
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_1c9b8f07-72cd-4449-bf50-0ca387bbfe35", 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.0 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.2-alpha.6", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_1c9b8f07-72cd-4449-bf50-0ca387bbfe35", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.19.0/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.2-alpha.6", 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.5", 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.5", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.1.10909125", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "602", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_devDependencies__rollup_plugin_image: "^3.0.2", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.13/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.6/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240122.3.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", 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_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:18737", 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.2-alpha.6", 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: "7653355023", 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: "6398566b05595e4d9ab9c6b293142a657933eb15", 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: "e96a6dbeb622aa275c62fd98df0475ad1b1ff49c17c77f84ee8ad5c24f40035d", 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--1706179561305-0.5559343089129356:/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.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1706179561108-0.329559105644069:/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.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1706179539127-0.40070722217174426:/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.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1706179538951-0.7560126397977354:/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.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/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.0/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_f76ebfa3-e445-4f40-afeb-fdd57785c70f", INVOCATION_ID: "f27fb32fb8ad496990075e88082579fc", 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: "415", GITHUB_TRIGGERING_ACTOR: "KaustubhKumar05", 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 191", 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.2-alpha.6", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.2.2-alpha.6", 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: "false", 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: "6398566b05595e4d9ab9c6b293142a657933eb15", 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: "KaustubhKumar05", 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_1c9b8f07-72cd-4449-bf50-0ca387bbfe35", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "57426646", 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.10.0-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_1c9b8f07-72cd-4449-bf50-0ca387bbfe35", 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_1c9b8f07-72cd-4449-bf50-0ca387bbfe35" };
111
+ define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_319f06f9-b39e-4116-a20b-1490d00fe3d8", 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.0 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.3-alpha.0", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_319f06f9-b39e-4116-a20b-1490d00fe3d8", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.19.0/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.3-alpha.0", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.6", 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.5", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.1.10909125", 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: "594", 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.13/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.6/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240122.3.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", 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_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:20621", 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.3-alpha.0", 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: "7709679716", 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: "d3d81cbff3a76e9db81ceb754ba3d0aa0a8ae3c0", 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: "3c64f4f663af1c013c2646ee8a063bfad0e90199ec438fa8332fb7f9647aad88", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/main", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1706610348614-0.8130608074510421:/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.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1706610348415-0.7781503871909203:/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.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1706610326277-0.3779794154043836:/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.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1706610326099-0.9238653629022453:/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.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/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.0/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_8cda47be-2115-467c-a396-ff0af511e489", INVOCATION_ID: "7d4a5249b3e548b7be1491aaf5aec454", 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: "417", GITHUB_TRIGGERING_ACTOR: "KaustubhKumar05", 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 484", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "main", 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.3-alpha.0", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.2.3-alpha.0", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", GITHUB_SHA: "d3d81cbff3a76e9db81ceb754ba3d0aa0a8ae3c0", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", npm_package_dependencies_qrcode_react: "^3.1.0", GITHUB_REF: "refs/heads/main", GITHUB_ACTOR: "KaustubhKumar05", 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_319f06f9-b39e-4116-a20b-1490d00fe3d8", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "57426646", 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.10.0-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_319f06f9-b39e-4116-a20b-1490d00fe3d8", 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_319f06f9-b39e-4116-a20b-1490d00fe3d8" };
112
112
  }
113
113
  });
114
114
 
@@ -2775,11 +2775,11 @@ var init_formatBytes = __esm({
2775
2775
  return "-";
2776
2776
  }
2777
2777
  const k2 = 1024;
2778
- const dm2 = decimals < 0 ? 0 : decimals;
2778
+ const dm = decimals < 0 ? 0 : decimals;
2779
2779
  const sizes = ["", "K", "M", "G", "T", "P", "E", "Z", "Y"].map((size) => size + unit);
2780
2780
  let i = Math.floor(Math.log(bytes) / Math.log(k2));
2781
2781
  i === 0 && i++;
2782
- return `${parseFloat((bytes / Math.pow(k2, i)).toFixed(dm2))} ${sizes[i]}`;
2782
+ return `${parseFloat((bytes / Math.pow(k2, i)).toFixed(dm))} ${sizes[i]}`;
2783
2783
  };
2784
2784
  }
2785
2785
  });
@@ -4105,201 +4105,39 @@ var init_AppContext = __esm({
4105
4105
  }
4106
4106
  });
4107
4107
 
4108
- // src/Prebuilt/primitives/DialogContent.jsx
4109
- var import_react31, import_react_icons7, DialogContent, ErrorDialog, RequestDialog, DialogRow, DialogCol, DialogSelect, DialogInputFile;
4110
- var init_DialogContent2 = __esm({
4111
- "src/Prebuilt/primitives/DialogContent.jsx"() {
4112
- "use strict";
4113
- init_define_process_env();
4114
- import_react31 = __toESM(require("react"));
4115
- import_react_icons7 = require("@100mslive/react-icons");
4116
- init_Button2();
4117
- init_Divider2();
4118
- init_IconButton2();
4119
- init_Input2();
4120
- init_Label2();
4121
- init_Layout();
4122
- init_Modal();
4123
- init_Select2();
4124
- init_Text2();
4125
- DialogContent = (_a8) => {
4126
- var _b7 = _a8, { Icon: Icon3, title, closeable = true, children, css: css2, iconCSS = {} } = _b7, props = __objRest(_b7, ["Icon", "title", "closeable", "children", "css", "iconCSS"]);
4127
- return /* @__PURE__ */ import_react31.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react31.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react31.default.createElement(Dialog.Content, __spreadValues({ css: __spreadValues({ width: "min(600px, 100%)" }, css2) }, props), /* @__PURE__ */ import_react31.default.createElement(Dialog.Title, null, /* @__PURE__ */ import_react31.default.createElement(Flex, { justify: "between" }, /* @__PURE__ */ import_react31.default.createElement(Flex, { align: "center", css: { mb: "$1" } }, Icon3 ? /* @__PURE__ */ import_react31.default.createElement(Box, { css: __spreadValues({ mr: "$2", color: "$on_primary_high" }, iconCSS) }, /* @__PURE__ */ import_react31.default.createElement(Icon3, null)) : null, /* @__PURE__ */ import_react31.default.createElement(Text, { variant: "h6", inline: true }, title)), closeable && /* @__PURE__ */ import_react31.default.createElement(Dialog.DefaultClose, { "data-testid": "dialoge_cross_icon" }))), /* @__PURE__ */ import_react31.default.createElement(HorizontalDivider, { css: { mt: "0.8rem" } }), /* @__PURE__ */ import_react31.default.createElement(Box, null, children)));
4128
- };
4129
- ErrorDialog = (_a8) => {
4130
- var _b7 = _a8, { open = true, onOpenChange, title, children } = _b7, props = __objRest(_b7, ["open", "onOpenChange", "title", "children"]);
4131
- return /* @__PURE__ */ import_react31.default.createElement(Dialog.Root, { open, onOpenChange }, /* @__PURE__ */ import_react31.default.createElement(
4132
- DialogContent,
4133
- __spreadValues({
4134
- Icon: import_react_icons7.CrossIcon,
4135
- title,
4136
- onInteractOutside: (e) => e.preventDefault(),
4137
- onEscapeKeyDown: (e) => e.preventDefault(),
4138
- onPointerDownOutside: (e) => e.preventDefault(),
4139
- closeable: false,
4140
- iconCSS: { color: "$alert_error_default" }
4141
- }, props),
4142
- /* @__PURE__ */ import_react31.default.createElement(Box, { css: { mt: "$lg" } }, children)
4143
- ));
4144
- };
4145
- RequestDialog = ({ open = true, onOpenChange, title, body, actionText = "Accept", onAction, Icon: Icon3 }) => /* @__PURE__ */ import_react31.default.createElement(Dialog.Root, { open, onOpenChange }, /* @__PURE__ */ import_react31.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react31.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react31.default.createElement(Dialog.Content, { css: { width: "min(400px,80%)", p: "$10" } }, /* @__PURE__ */ import_react31.default.createElement(Dialog.Title, { css: { p: 0, display: "flex", flexDirection: "row", gap: "$md" } }, Icon3 ? Icon3 : null, /* @__PURE__ */ import_react31.default.createElement(Text, { variant: "h6" }, title)), typeof body === "string" ? /* @__PURE__ */ import_react31.default.createElement(
4146
- Text,
4147
- {
4148
- variant: "md",
4149
- css: {
4150
- fontWeight: 400,
4151
- mt: "$4",
4152
- mb: "$10",
4153
- c: "$on_surface_medium"
4154
- }
4155
- },
4156
- body
4157
- ) : /* @__PURE__ */ import_react31.default.createElement(Box, { css: { mt: "$4", mb: "$10" } }, body), /* @__PURE__ */ import_react31.default.createElement(Flex, { justify: "center", align: "center", css: { width: "100%", gap: "$md" } }, /* @__PURE__ */ import_react31.default.createElement(Box, { css: { width: "50%" } }, /* @__PURE__ */ import_react31.default.createElement(Dialog.Close, { css: { width: "100%" } }, /* @__PURE__ */ import_react31.default.createElement(Button, { variant: "standard", outlined: true, css: { width: "100%" } }, "Cancel"))), /* @__PURE__ */ import_react31.default.createElement(Box, { css: { width: "50%" } }, /* @__PURE__ */ import_react31.default.createElement(Button, { variant: "primary", css: { width: "100%" }, onClick: onAction }, actionText))))));
4158
- DialogRow = ({ children, breakSm = false, css: css2, justify = "between" }) => {
4159
- let finalCSS = {
4160
- margin: "$10 0",
4161
- w: "100%"
4162
- };
4163
- if (breakSm) {
4164
- finalCSS["@sm"] = {
4165
- flexDirection: "column",
4166
- alignItems: "flex-start"
4167
- };
4168
- }
4169
- if (css2) {
4170
- finalCSS = Object.assign(finalCSS, css2);
4171
- }
4172
- return /* @__PURE__ */ import_react31.default.createElement(Flex, { align: "center", justify, css: finalCSS }, children);
4173
- };
4174
- DialogCol = (_a8) => {
4175
- var _b7 = _a8, { children, breakSm = false, css: css2, align = "center", justify = "between" } = _b7, props = __objRest(_b7, ["children", "breakSm", "css", "align", "justify"]);
4176
- let finalCSS = {
4177
- margin: "$10 0",
4178
- w: "100%"
4179
- };
4180
- if (breakSm) {
4181
- finalCSS["@sm"] = {
4182
- alignItems: "flex-start"
4183
- };
4184
- }
4185
- if (css2) {
4186
- finalCSS = Object.assign(finalCSS, css2);
4187
- }
4188
- return /* @__PURE__ */ import_react31.default.createElement(Flex, __spreadValues({ direction: "column", align, justify, css: finalCSS }, props), children);
4189
- };
4190
- DialogSelect = (_a8) => {
4191
- var _b7 = _a8, { title, options, keyField, labelField, selected, onChange } = _b7, props = __objRest(_b7, ["title", "options", "keyField", "labelField", "selected", "onChange"]);
4192
- return /* @__PURE__ */ import_react31.default.createElement(DialogRow, { breakSm: true }, /* @__PURE__ */ import_react31.default.createElement(Label3, null, title), /* @__PURE__ */ import_react31.default.createElement(Select.Root, __spreadValues({ "data-testid": `dialog_select_${title}`, css: { width: "70%", "@sm": { width: "100%" } } }, props), /* @__PURE__ */ import_react31.default.createElement(Select.DefaultDownIcon, null), /* @__PURE__ */ import_react31.default.createElement(Select.Select, { onChange: (e) => onChange(e.target.value), value: selected, css: { width: "100%" } }, options.map((option) => {
4193
- const id = keyField ? option[keyField] : option;
4194
- const label = labelField ? option[labelField] : option;
4195
- return /* @__PURE__ */ import_react31.default.createElement("option", { value: id, key: id }, label);
4196
- }))));
4197
- };
4198
- DialogInputFile = (_a8) => {
4199
- var _b7 = _a8, { value, onChange, placeholder, disabled, type } = _b7, props = __objRest(_b7, ["value", "onChange", "placeholder", "disabled", "type"]);
4200
- const inputRef = (0, import_react31.useRef)();
4201
- return /* @__PURE__ */ import_react31.default.createElement(
4202
- DialogCol,
4203
- {
4204
- breakSm: true,
4205
- onClick: () => {
4206
- var _a9;
4207
- return (_a9 = inputRef.current) == null ? void 0 : _a9.click();
4208
- },
4209
- css: {
4210
- justifyContent: "center",
4211
- position: "relative",
4212
- cursor: "pointer",
4213
- py: "$12",
4214
- border: "1px dashed $border_bright",
4215
- r: "$1",
4216
- height: "max(140px, 30%)",
4217
- alignItems: "center",
4218
- m: "$6 0"
4219
- },
4220
- gap: "8"
4221
- },
4222
- /* @__PURE__ */ import_react31.default.createElement(
4223
- IconButton,
4224
- {
4225
- variant: "standard",
4226
- css: {
4227
- border: "none",
4228
- background: "none",
4229
- "&:hover": {
4230
- border: "none",
4231
- background: "none",
4232
- bg: "$transparent !important"
4233
- }
4234
- }
4235
- },
4236
- /* @__PURE__ */ import_react31.default.createElement(
4237
- import_react_icons7.CloudUploadIcon,
4238
- {
4239
- style: {
4240
- width: "3rem",
4241
- height: "3rem"
4242
- }
4243
- }
4244
- )
4245
- ),
4246
- /* @__PURE__ */ import_react31.default.createElement(Flex, { direction: "row" }, /* @__PURE__ */ import_react31.default.createElement(
4247
- Input,
4248
- __spreadValues({
4249
- ref: inputRef,
4250
- css: { width: "70%", "@sm": { width: "100%" } },
4251
- value,
4252
- onChange: (e) => onChange(e.target),
4253
- placeholder,
4254
- disabled,
4255
- type,
4256
- hidden: true
4257
- }, props)
4258
- ), /* @__PURE__ */ import_react31.default.createElement(
4259
- IconButton,
4260
- {
4261
- variant: "standard",
4262
- css: {
4263
- background: "none",
4264
- border: "none",
4265
- textDecoration: "underline",
4266
- "&:hover": {
4267
- background: "none !important",
4268
- border: "none !important"
4269
- }
4270
- }
4271
- },
4272
- /* @__PURE__ */ import_react31.default.createElement(Text, { variant: "md" }, placeholder)
4273
- ))
4274
- );
4275
- };
4108
+ // src/Prebuilt/images/transaction_error.svg
4109
+ var transaction_error_default;
4110
+ var init_transaction_error = __esm({
4111
+ "src/Prebuilt/images/transaction_error.svg"() {
4112
+ transaction_error_default = 'data:image/svg+xml,<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M70 68.3333V26.6667C70 24.825 68.5083 23.3333 66.6667 23.3333H13.3333C11.4917 23.3333 10 24.825 10 26.6667V68.3333C10 70.175 11.4917 71.6667 13.3333 71.6667H66.6667C68.5083 71.6667 70 70.175 70 68.3333Z" fill="%23272A31"/>%0A<path d="M20 31.6667H60C61.8417 31.6667 63.3333 33.1583 63.3333 35C63.3333 36.8417 61.8417 38.3333 60 38.3333H20C18.1583 38.3333 16.6667 36.8417 16.6667 35C16.6667 33.1583 18.1583 31.6667 20 31.6667Z" fill="%238F9099"/>%0A<path d="M58.3333 36.6667V10C58.3333 9.08 57.5867 8.33334 56.6667 8.33334H55C55 9.25334 54.2533 10 53.3333 10C52.4133 10 51.6667 9.25334 51.6667 8.33334H48.3333C48.3333 9.25334 47.5867 10 46.6667 10C45.7467 10 45 9.25334 45 8.33334H41.6667C41.6667 9.25334 40.92 10 40 10C39.08 10 38.3333 9.25334 38.3333 8.33334H35C35 9.25334 34.2533 10 33.3333 10C32.4133 10 31.6667 9.25334 31.6667 8.33334H28.3333C28.3333 9.25334 27.5867 10 26.6667 10C25.7467 10 25 9.25334 25 8.33334H23.3333C22.4133 8.33334 21.6667 9.08 21.6667 10V36.6667H58.3333Z" fill="%23C74E5B"/>%0A<path d="M21.6667 43.3333H58.3333C60.175 43.3333 61.6667 44.825 61.6667 46.6667V50C61.6667 51.8417 60.175 53.3333 58.3333 53.3333H21.6667C19.825 53.3333 18.3333 51.8417 18.3333 50V46.6667C18.3333 44.825 19.825 43.3333 21.6667 43.3333Z" fill="%23C5C6D0"/>%0A<path d="M60 66.6667H55C54.08 66.6667 53.3333 65.92 53.3333 65V60C53.3333 59.08 54.08 58.3333 55 58.3333H60C60.92 58.3333 61.6667 59.08 61.6667 60V65C61.6667 65.92 60.92 66.6667 60 66.6667Z" fill="%23C5C6D0"/>%0A<path d="M25 66.6667H20C19.08 66.6667 18.3333 65.92 18.3333 65V60C18.3333 59.08 19.08 58.3333 20 58.3333H25C25.92 58.3333 26.6667 59.08 26.6667 60V65C26.6667 65.92 25.92 66.6667 25 66.6667ZM36.6667 66.6667H31.6667C30.7467 66.6667 30 65.92 30 65V60C30 59.08 30.7467 58.3333 31.6667 58.3333H36.6667C37.5867 58.3333 38.3333 59.08 38.3333 60V65C38.3333 65.92 37.5867 66.6667 36.6667 66.6667ZM48.3333 66.6667H43.3333C42.4133 66.6667 41.6667 65.92 41.6667 65V60C41.6667 59.08 42.4133 58.3333 43.3333 58.3333H48.3333C49.2533 58.3333 50 59.08 50 60V65C50 65.92 49.2533 66.6667 48.3333 66.6667Z" fill="%23C5C6D0"/>%0A<path d="M58.3333 35H21.6667V38.3333H58.3333V35Z" fill="%23C74E5B"/>%0A<path opacity="0.05" d="M45.3033 32.315C44.6383 32.315 44.01 32.0567 43.5367 31.585L40 28.0467L36.465 31.5817C35.9917 32.0533 35.365 32.3133 34.6967 32.3133C34.0283 32.3133 33.4 32.0533 32.9267 31.58L31.75 30.4033C31.2783 29.9333 31.0183 29.3033 31.0183 28.6333C31.0183 27.9667 31.2783 27.3383 31.75 26.8667L35.2867 23.3333L31.7517 19.7983C31.28 19.3283 31.02 18.7 31.02 18.0317C31.02 17.3617 31.28 16.7333 31.7517 16.2617L32.93 15.0833C33.4017 14.6117 34.0283 14.3517 34.6983 14.3517C35.3633 14.3517 35.9917 14.61 36.465 15.0817L40 18.62L43.535 15.0833C44.0083 14.6117 44.635 14.3517 45.3033 14.3517C45.9683 14.3517 46.5967 14.61 47.07 15.0817L48.25 16.2617C48.7217 16.7317 48.9817 17.3617 48.9817 18.0317C48.9817 18.6983 48.7217 19.3267 48.25 19.7983L44.7117 23.3333L48.2483 26.87C49.2217 27.84 49.2233 29.425 48.2517 30.4017L47.07 31.5833C46.5983 32.055 45.9717 32.315 45.3033 32.315Z" fill="black"/>%0A<path opacity="0.07" d="M45.3033 31.4817C44.8583 31.4817 44.44 31.3083 44.125 30.995L40 26.8683L35.875 30.9933C35.56 31.3083 35.1417 31.48 34.6967 31.48C34.25 31.48 33.8317 31.3067 33.5183 30.9917L32.34 29.8133C32.025 29.4983 31.8517 29.08 31.8517 28.6333C31.8517 28.1883 32.025 27.77 32.34 27.455L36.465 23.3333L32.34 19.2083C32.0267 18.895 31.8517 18.4767 31.8517 18.0317C31.8517 17.585 32.025 17.1667 32.34 16.8517L33.5183 15.6733C33.8317 15.36 34.25 15.1867 34.6967 15.1867C35.1417 15.1867 35.56 15.36 35.875 15.6733L40 19.7983L44.125 15.6717C44.44 15.3567 44.8583 15.185 45.3033 15.185C45.7483 15.185 46.1667 15.3583 46.4817 15.6717L47.66 16.8517C47.975 17.1667 48.1483 17.585 48.1483 18.0317C48.1483 18.4767 47.975 18.895 47.66 19.21L43.5333 23.3333L47.66 27.46C48.31 28.1067 48.31 29.1633 47.6617 29.815L46.4817 30.995C46.1667 31.3083 45.7483 31.4817 45.3033 31.4817Z" fill="black"/>%0A<path d="M42.3567 23.3333L47.0717 18.6183C47.3967 18.2933 47.3967 17.765 47.0717 17.44L45.8933 16.2617C45.5667 15.9367 45.04 15.9367 44.715 16.2617L40 20.9767L35.2867 16.2633C34.9617 15.9383 34.4333 15.9383 34.1083 16.2633L32.93 17.4417C32.605 17.7667 32.605 18.295 32.93 18.62L37.6433 23.3333L32.93 28.0467C32.605 28.3717 32.605 28.9 32.93 29.225L34.1083 30.4033C34.4333 30.7283 34.9617 30.7283 35.2867 30.4033L40 25.69L44.715 30.405C45.04 30.73 45.5683 30.73 45.8933 30.405L47.0717 29.2267C47.3967 28.9 47.3967 28.3733 47.0717 28.0483L42.3567 23.3333Z" fill="%23FFEDEC"/>%0A</svg>%0A';
4276
4113
  }
4277
4114
  });
4278
4115
 
4279
4116
  // src/Prebuilt/components/AuthToken.jsx
4280
- var import_react32, import_react_use2, import_uuid, import_react_sdk9, AuthToken, convertError, Link2, ErrorWithSupportLink, AuthToken_default;
4117
+ var import_react31, import_react_use2, import_uuid, import_react_sdk9, AuthToken, convertError, AuthToken_default;
4281
4118
  var init_AuthToken = __esm({
4282
4119
  "src/Prebuilt/components/AuthToken.jsx"() {
4283
4120
  "use strict";
4284
4121
  init_define_process_env();
4285
- import_react32 = __toESM(require("react"));
4122
+ import_react31 = __toESM(require("react"));
4286
4123
  import_react_use2 = require("react-use");
4287
4124
  import_uuid = require("uuid");
4288
4125
  import_react_sdk9 = require("@100mslive/react-sdk");
4289
- init_Theme();
4126
+ init_Modal();
4127
+ init_Text2();
4290
4128
  init_AppContext();
4291
- init_DialogContent2();
4129
+ init_transaction_error();
4292
4130
  init_useUISettings();
4293
4131
  init_useUserPreferences();
4294
4132
  init_constants();
4295
- AuthToken = import_react32.default.memo(({ authTokenByRoomCodeEndpoint, defaultAuthToken }) => {
4133
+ AuthToken = import_react31.default.memo(({ authTokenByRoomCodeEndpoint, defaultAuthToken }) => {
4296
4134
  const hmsActions = (0, import_react_sdk9.useHMSActions)();
4297
4135
  const { roomCode, userId } = useHMSPrebuiltContext();
4298
- const [error, setError] = (0, import_react32.useState)({ title: "", body: "" });
4136
+ const [error, setError] = (0, import_react31.useState)({ title: "", body: "" });
4299
4137
  let authToken = defaultAuthToken;
4300
4138
  const [, setAuthTokenInAppData] = useSetAppDataByKey(APP_DATA.authToken);
4301
4139
  const [savedUserId, setSavedUserId] = (0, import_react_use2.useSessionStorage)(UserPreferencesKeys.USER_ID);
4302
- (0, import_react32.useEffect)(() => {
4140
+ (0, import_react31.useEffect)(() => {
4303
4141
  if (authToken) {
4304
4142
  setAuthTokenInAppData(authToken);
4305
4143
  return;
@@ -4323,51 +4161,64 @@ var init_AuthToken = __esm({
4323
4161
  setSavedUserId
4324
4162
  ]);
4325
4163
  if (error.title) {
4326
- return /* @__PURE__ */ import_react32.default.createElement(ErrorDialog, { title: error.title }, error.body);
4164
+ return /* @__PURE__ */ import_react31.default.createElement(Dialog.Root, { open: true }, /* @__PURE__ */ import_react31.default.createElement(
4165
+ Dialog.Content,
4166
+ {
4167
+ css: {
4168
+ maxWidth: "$100",
4169
+ boxSizing: "border-box",
4170
+ p: "$10 $12",
4171
+ display: "flex",
4172
+ flexDirection: "column",
4173
+ alignItems: "center"
4174
+ }
4175
+ },
4176
+ /* @__PURE__ */ import_react31.default.createElement("img", { src: transaction_error_default, height: 80, width: 80 }),
4177
+ /* @__PURE__ */ import_react31.default.createElement(Text, { variant: "h4", css: { textAlign: "center", mb: "$4", mt: "$10" } }, error.title),
4178
+ /* @__PURE__ */ import_react31.default.createElement(Text, { css: { c: "$on_surface_medium", textAlign: "center" } }, error.body)
4179
+ ));
4327
4180
  }
4328
4181
  return null;
4329
4182
  });
4330
4183
  convertError = (error) => {
4331
4184
  console.error("[error]", { error });
4185
+ console.warn(
4186
+ "If you think this is a mistake on our side, please reach out to us over Discord:",
4187
+ "https://discord.com/invite/kGdmszyzq2"
4188
+ );
4332
4189
  if (error.action === "GET_TOKEN" && error.code === 403) {
4333
4190
  return {
4334
- title: "Room code is disabled",
4335
- body: ErrorWithSupportLink("Room code corresponding to this link is no more active.")
4191
+ title: "Psst! This room is currently inactive.",
4192
+ body: "Please feel free to join another open room for more conversations. Thanks for stopping by!"
4336
4193
  };
4337
4194
  } else if (error.action === "GET_TOKEN" && error.code === 404) {
4338
4195
  return {
4339
4196
  title: "Room code does not exist",
4340
- body: ErrorWithSupportLink("We could not find a room code corresponding to this link.")
4197
+ body: "We could not find a room code corresponding to this link."
4341
4198
  };
4342
4199
  } else if (error.action === "GET_TOKEN" && error.code === 2003) {
4343
4200
  return {
4344
4201
  title: "Endpoint is not reachable",
4345
- body: ErrorWithSupportLink(`Endpoint is not reachable. ${error.description}.`)
4202
+ body: `Endpoint is not reachable. ${error.description}.`
4346
4203
  };
4347
4204
  } else if (error.response && error.response.status === 404) {
4348
4205
  return {
4349
4206
  title: "Room does not exist",
4350
- body: ErrorWithSupportLink("We could not find a room corresponding to this link.")
4207
+ body: "We could not find a room corresponding to this link."
4351
4208
  };
4352
4209
  } else if (error.response && error.response.status === 403) {
4353
4210
  return {
4354
4211
  title: "Accessing room using this link format is disabled",
4355
- body: ErrorWithSupportLink("You can re-enable this from the developer section in Dashboard.")
4212
+ body: "You can re-enable this from the developer section in Dashboard."
4356
4213
  };
4357
4214
  } else {
4358
4215
  console.error("Token API Error", error);
4359
4216
  return {
4360
4217
  title: "Error fetching token",
4361
- body: ErrorWithSupportLink(
4362
- "An error occurred while fetching the app token. Please look into logs for more details."
4363
- )
4218
+ body: "An error occurred while fetching the app token. Please look into logs for more details."
4364
4219
  };
4365
4220
  }
4366
4221
  };
4367
- Link2 = styled("a", {
4368
- color: "#2f80e1"
4369
- });
4370
- ErrorWithSupportLink = (errorMessage) => /* @__PURE__ */ import_react32.default.createElement("div", null, errorMessage, " If you think this is a mistake on our side, please create", " ", /* @__PURE__ */ import_react32.default.createElement(Link2, { target: "_blank", href: "https://github.com/100mslive/100ms-web/issues", rel: "noreferrer" }, "an issue"), " ", "or reach out over", " ", /* @__PURE__ */ import_react32.default.createElement(Link2, { target: "_blank", href: "https://discord.com/invite/kGdmszyzq2", rel: "noreferrer" }, "Discord"), ".");
4371
4222
  AuthToken_default = AuthToken;
4372
4223
  }
4373
4224
  });
@@ -4410,13 +4261,13 @@ var init_IconButton3 = __esm({
4410
4261
  });
4411
4262
 
4412
4263
  // src/Prebuilt/components/IconButtonWithOptions/IconButtonWithOptions.jsx
4413
- var import_react33, import_react_icons8, IconSection, OptionsSection, IconButtonWithOptions;
4264
+ var import_react32, import_react_icons7, IconSection, OptionsSection, IconButtonWithOptions;
4414
4265
  var init_IconButtonWithOptions = __esm({
4415
4266
  "src/Prebuilt/components/IconButtonWithOptions/IconButtonWithOptions.jsx"() {
4416
4267
  "use strict";
4417
4268
  init_define_process_env();
4418
- import_react33 = __toESM(require("react"));
4419
- import_react_icons8 = require("@100mslive/react-icons");
4269
+ import_react32 = __toESM(require("react"));
4270
+ import_react_icons7 = require("@100mslive/react-icons");
4420
4271
  init_Dropdown2();
4421
4272
  init_Layout();
4422
4273
  init_Theme();
@@ -4472,7 +4323,7 @@ var init_IconButtonWithOptions = __esm({
4472
4323
  }) => {
4473
4324
  const bgCss = { backgroundColor: disabled ? "$surface_brighter" : active ? "$transparent" : "$secondary_dim" };
4474
4325
  const iconCss = { color: disabled ? "$on_surface_low" : active ? "$on_surface_high" : "$on_primary_high" };
4475
- return /* @__PURE__ */ import_react33.default.createElement(Flex, null, /* @__PURE__ */ import_react33.default.createElement(IconSection, { css: bgCss, onClick }, /* @__PURE__ */ import_react33.default.createElement(Tooltip, { disabled: !tooltipMessage, title: tooltipMessage }, /* @__PURE__ */ import_react33.default.createElement(Flex, { align: "center", justify: "center", css: iconCss }, icon))), /* @__PURE__ */ import_react33.default.createElement(Dropdown.Root, null, /* @__PURE__ */ import_react33.default.createElement(
4326
+ return /* @__PURE__ */ import_react32.default.createElement(Flex, null, /* @__PURE__ */ import_react32.default.createElement(IconSection, { css: bgCss, onClick }, /* @__PURE__ */ import_react32.default.createElement(Tooltip, { disabled: !tooltipMessage, title: tooltipMessage }, /* @__PURE__ */ import_react32.default.createElement(Flex, { align: "center", justify: "center", css: iconCss }, icon))), /* @__PURE__ */ import_react32.default.createElement(Dropdown.Root, null, /* @__PURE__ */ import_react32.default.createElement(
4476
4327
  Dropdown.Trigger,
4477
4328
  {
4478
4329
  asChild: true,
@@ -4483,8 +4334,8 @@ var init_IconButtonWithOptions = __esm({
4483
4334
  }
4484
4335
  }
4485
4336
  },
4486
- /* @__PURE__ */ import_react33.default.createElement(OptionsSection, { css: bgCss }, /* @__PURE__ */ import_react33.default.createElement(Tooltip, { title: "View Options" }, /* @__PURE__ */ import_react33.default.createElement(Box, { css: iconCss }, /* @__PURE__ */ import_react33.default.createElement(import_react_icons8.VerticalMenuIcon, null))))
4487
- ), /* @__PURE__ */ import_react33.default.createElement(
4337
+ /* @__PURE__ */ import_react32.default.createElement(OptionsSection, { css: bgCss }, /* @__PURE__ */ import_react32.default.createElement(Tooltip, { title: "View Options" }, /* @__PURE__ */ import_react32.default.createElement(Box, { css: iconCss }, /* @__PURE__ */ import_react32.default.createElement(import_react_icons7.VerticalMenuIcon, null))))
4338
+ ), /* @__PURE__ */ import_react32.default.createElement(
4488
4339
  Dropdown.Content,
4489
4340
  {
4490
4341
  sideOffset: 5,
@@ -4496,7 +4347,7 @@ var init_IconButtonWithOptions = __esm({
4496
4347
  border: "none"
4497
4348
  }
4498
4349
  },
4499
- options.map((option, index) => /* @__PURE__ */ import_react33.default.createElement(
4350
+ options.map((option, index) => /* @__PURE__ */ import_react32.default.createElement(
4500
4351
  Dropdown.Item,
4501
4352
  {
4502
4353
  key: option.title,
@@ -4569,14 +4420,14 @@ var init_ToastManager = __esm({
4569
4420
  });
4570
4421
 
4571
4422
  // src/Prebuilt/components/AudioVideoToggle.jsx
4572
- var import_react34, import_react_sdk10, import_react_icons9, optionsCSS, AudioVideoToggle;
4423
+ var import_react33, import_react_sdk10, import_react_icons8, optionsCSS, AudioVideoToggle;
4573
4424
  var init_AudioVideoToggle = __esm({
4574
4425
  "src/Prebuilt/components/AudioVideoToggle.jsx"() {
4575
4426
  "use strict";
4576
4427
  init_define_process_env();
4577
- import_react34 = __toESM(require("react"));
4428
+ import_react33 = __toESM(require("react"));
4578
4429
  import_react_sdk10 = require("@100mslive/react-sdk");
4579
- import_react_icons9 = require("@100mslive/react-icons");
4430
+ import_react_icons8 = require("@100mslive/react-icons");
4580
4431
  init_IconButtonWithOptions();
4581
4432
  init_ToastManager();
4582
4433
  init_Text2();
@@ -4589,7 +4440,7 @@ var init_AudioVideoToggle = __esm({
4589
4440
  const { videoInput, audioInput } = allDevices;
4590
4441
  const formattedVideoInputList = videoInput == null ? void 0 : videoInput.map((videoInput2) => ({
4591
4442
  active: selectedDeviceIDs.videoInput === videoInput2.deviceId,
4592
- content: /* @__PURE__ */ import_react34.default.createElement(
4443
+ content: /* @__PURE__ */ import_react33.default.createElement(
4593
4444
  Text,
4594
4445
  {
4595
4446
  variant: "sm",
@@ -4605,7 +4456,7 @@ var init_AudioVideoToggle = __esm({
4605
4456
  }));
4606
4457
  const formattedAudioInputList = audioInput == null ? void 0 : audioInput.map((audioInput2) => ({
4607
4458
  active: selectedDeviceIDs.audioInput === audioInput2.deviceId,
4608
- content: /* @__PURE__ */ import_react34.default.createElement(
4459
+ content: /* @__PURE__ */ import_react33.default.createElement(
4609
4460
  Text,
4610
4461
  {
4611
4462
  variant: "sm",
@@ -4626,7 +4477,7 @@ var init_AudioVideoToggle = __esm({
4626
4477
  const roomState = (0, import_react_sdk10.useHMSStore)(import_react_sdk10.selectRoomState);
4627
4478
  const hasAudioDevices = (audioInput == null ? void 0 : audioInput.length) > 0;
4628
4479
  const hasVideoDevices = (videoInput == null ? void 0 : videoInput.length) > 0;
4629
- return /* @__PURE__ */ import_react34.default.createElement(import_react34.Fragment, null, toggleAudio ? hideOptions || !hasAudioDevices ? /* @__PURE__ */ import_react34.default.createElement(Tooltip, { title: `Turn ${isLocalAudioEnabled ? "off" : "on"} audio (${isMacOS ? "\u2318" : "ctrl"} + d)` }, /* @__PURE__ */ import_react34.default.createElement(
4480
+ return /* @__PURE__ */ import_react33.default.createElement(import_react33.Fragment, null, toggleAudio ? hideOptions || !hasAudioDevices ? /* @__PURE__ */ import_react33.default.createElement(Tooltip, { title: `Turn ${isLocalAudioEnabled ? "off" : "on"} audio (${isMacOS ? "\u2318" : "ctrl"} + d)` }, /* @__PURE__ */ import_react33.default.createElement(
4630
4481
  IconButton_default,
4631
4482
  {
4632
4483
  active: isLocalAudioEnabled,
@@ -4636,20 +4487,20 @@ var init_AudioVideoToggle = __esm({
4636
4487
  "data-testid": "audio_btn",
4637
4488
  className: "__cancel-drag-event"
4638
4489
  },
4639
- !isLocalAudioEnabled ? /* @__PURE__ */ import_react34.default.createElement(import_react_icons9.MicOffIcon, { "data-testid": "audio_off_btn" }) : /* @__PURE__ */ import_react34.default.createElement(import_react_icons9.MicOnIcon, { "data-testid": "audio_on_btn" })
4640
- )) : /* @__PURE__ */ import_react34.default.createElement(
4490
+ !isLocalAudioEnabled ? /* @__PURE__ */ import_react33.default.createElement(import_react_icons8.MicOffIcon, { "data-testid": "audio_off_btn" }) : /* @__PURE__ */ import_react33.default.createElement(import_react_icons8.MicOnIcon, { "data-testid": "audio_on_btn" })
4491
+ )) : /* @__PURE__ */ import_react33.default.createElement(
4641
4492
  IconButtonWithOptions,
4642
4493
  {
4643
4494
  options: formattedAudioInputList,
4644
4495
  disabled: !toggleAudio,
4645
4496
  onDisabledClick: toggleAudio,
4646
4497
  tooltipMessage: `Turn ${isLocalAudioEnabled ? "off" : "on"} audio (${isMacOS ? "\u2318" : "ctrl"} + d)`,
4647
- icon: !isLocalAudioEnabled ? /* @__PURE__ */ import_react34.default.createElement(import_react_icons9.MicOffIcon, { "data-testid": "audio_off_btn" }) : /* @__PURE__ */ import_react34.default.createElement(import_react_icons9.MicOnIcon, { "data-testid": "audio_on_btn" }),
4498
+ icon: !isLocalAudioEnabled ? /* @__PURE__ */ import_react33.default.createElement(import_react_icons8.MicOffIcon, { "data-testid": "audio_off_btn" }) : /* @__PURE__ */ import_react33.default.createElement(import_react_icons8.MicOnIcon, { "data-testid": "audio_on_btn" }),
4648
4499
  active: isLocalAudioEnabled,
4649
4500
  onClick: toggleAudio,
4650
4501
  key: "toggleAudio"
4651
4502
  }
4652
- ) : null, toggleVideo ? hideOptions || !hasVideoDevices ? /* @__PURE__ */ import_react34.default.createElement(Tooltip, { title: `Turn ${isLocalVideoEnabled ? "off" : "on"} video (${isMacOS ? "\u2318" : "ctrl"} + e)` }, /* @__PURE__ */ import_react34.default.createElement(
4503
+ ) : null, toggleVideo ? hideOptions || !hasVideoDevices ? /* @__PURE__ */ import_react33.default.createElement(Tooltip, { title: `Turn ${isLocalVideoEnabled ? "off" : "on"} video (${isMacOS ? "\u2318" : "ctrl"} + e)` }, /* @__PURE__ */ import_react33.default.createElement(
4653
4504
  IconButton_default,
4654
4505
  {
4655
4506
  key: "toggleVideo",
@@ -4659,20 +4510,20 @@ var init_AudioVideoToggle = __esm({
4659
4510
  "data-testid": "video_btn",
4660
4511
  className: "__cancel-drag-event"
4661
4512
  },
4662
- !isLocalVideoEnabled ? /* @__PURE__ */ import_react34.default.createElement(import_react_icons9.VideoOffIcon, { "data-testid": "video_off_btn" }) : /* @__PURE__ */ import_react34.default.createElement(import_react_icons9.VideoOnIcon, { "data-testid": "video_on_btn" })
4663
- )) : /* @__PURE__ */ import_react34.default.createElement(
4513
+ !isLocalVideoEnabled ? /* @__PURE__ */ import_react33.default.createElement(import_react_icons8.VideoOffIcon, { "data-testid": "video_off_btn" }) : /* @__PURE__ */ import_react33.default.createElement(import_react_icons8.VideoOnIcon, { "data-testid": "video_on_btn" })
4514
+ )) : /* @__PURE__ */ import_react33.default.createElement(
4664
4515
  IconButtonWithOptions,
4665
4516
  {
4666
4517
  disabled: !toggleVideo,
4667
4518
  onDisabledClick: toggleVideo,
4668
4519
  options: formattedVideoInputList,
4669
4520
  tooltipMessage: `Turn ${isLocalVideoEnabled ? "off" : "on"} video (${isMacOS ? "\u2318" : "ctrl"} + e)`,
4670
- icon: !isLocalVideoEnabled ? /* @__PURE__ */ import_react34.default.createElement(import_react_icons9.VideoOffIcon, { "data-testid": "video_off_btn" }) : /* @__PURE__ */ import_react34.default.createElement(import_react_icons9.VideoOnIcon, { "data-testid": "video_on_btn" }),
4521
+ icon: !isLocalVideoEnabled ? /* @__PURE__ */ import_react33.default.createElement(import_react_icons8.VideoOffIcon, { "data-testid": "video_off_btn" }) : /* @__PURE__ */ import_react33.default.createElement(import_react_icons8.VideoOnIcon, { "data-testid": "video_on_btn" }),
4671
4522
  key: "toggleVideo",
4672
4523
  active: isLocalVideoEnabled,
4673
4524
  onClick: toggleVideo
4674
4525
  }
4675
- ) : null, (localVideoTrack == null ? void 0 : localVideoTrack.facingMode) && roomState === import_react_sdk10.HMSRoomState.Preview ? /* @__PURE__ */ import_react34.default.createElement(Tooltip, { title: "Switch Camera", key: "switchCamera" }, /* @__PURE__ */ import_react34.default.createElement(
4526
+ ) : null, (localVideoTrack == null ? void 0 : localVideoTrack.facingMode) && roomState === import_react_sdk10.HMSRoomState.Preview ? /* @__PURE__ */ import_react33.default.createElement(Tooltip, { title: "Switch Camera", key: "switchCamera" }, /* @__PURE__ */ import_react33.default.createElement(
4676
4527
  IconButton_default,
4677
4528
  {
4678
4529
  onClick: () => __async(void 0, null, function* () {
@@ -4686,19 +4537,19 @@ var init_AudioVideoToggle = __esm({
4686
4537
  }
4687
4538
  })
4688
4539
  },
4689
- /* @__PURE__ */ import_react34.default.createElement(import_react_icons9.CameraFlipIcon, null)
4540
+ /* @__PURE__ */ import_react33.default.createElement(import_react_icons8.CameraFlipIcon, null)
4690
4541
  )) : null);
4691
4542
  };
4692
4543
  }
4693
4544
  });
4694
4545
 
4695
4546
  // src/Prebuilt/components/Footer/EmojiCard.jsx
4696
- var import_react35, emojiReactionList, EmojiCard, EmojiContainer;
4547
+ var import_react34, emojiReactionList, EmojiCard, EmojiContainer;
4697
4548
  var init_EmojiCard = __esm({
4698
4549
  "src/Prebuilt/components/Footer/EmojiCard.jsx"() {
4699
4550
  "use strict";
4700
4551
  init_define_process_env();
4701
- import_react35 = __toESM(require("react"));
4552
+ import_react34 = __toESM(require("react"));
4702
4553
  init_Layout();
4703
4554
  init_Theme();
4704
4555
  emojiReactionList = [
@@ -4706,7 +4557,7 @@ var init_EmojiCard = __esm({
4706
4557
  [{ emojiId: "tada" }, { emojiId: "heart_eyes" }, { emojiId: "joy" }, { emojiId: "open_mouth" }, { emojiId: "sob" }]
4707
4558
  ];
4708
4559
  EmojiCard = ({ sendReaction }) => {
4709
- return emojiReactionList.map((emojiLine, index) => /* @__PURE__ */ import_react35.default.createElement(Flex, { key: index, justify: "between", css: { mb: "$8" } }, emojiLine.map((emoji) => /* @__PURE__ */ import_react35.default.createElement(EmojiContainer, { key: emoji.emojiId, onClick: () => sendReaction(emoji.emojiId) }, /* @__PURE__ */ import_react35.default.createElement("em-emoji", { id: emoji.emojiId, size: "100%", set: "apple" })))));
4560
+ return emojiReactionList.map((emojiLine, index) => /* @__PURE__ */ import_react34.default.createElement(Flex, { key: index, justify: "between", css: { mb: "$8" } }, emojiLine.map((emoji) => /* @__PURE__ */ import_react34.default.createElement(EmojiContainer, { key: emoji.emojiId, onClick: () => sendReaction(emoji.emojiId) }, /* @__PURE__ */ import_react34.default.createElement("em-emoji", { id: emoji.emojiId, size: "100%", set: "apple" })))));
4710
4561
  };
4711
4562
  EmojiContainer = styled("span", {
4712
4563
  position: "relative",
@@ -4724,17 +4575,17 @@ var init_EmojiCard = __esm({
4724
4575
  });
4725
4576
 
4726
4577
  // src/Prebuilt/components/hooks/useDropdownList.jsx
4727
- var import_react36, useDropdownList;
4578
+ var import_react35, useDropdownList;
4728
4579
  var init_useDropdownList = __esm({
4729
4580
  "src/Prebuilt/components/hooks/useDropdownList.jsx"() {
4730
4581
  "use strict";
4731
4582
  init_define_process_env();
4732
- import_react36 = require("react");
4583
+ import_react35 = require("react");
4733
4584
  init_useUISettings();
4734
4585
  init_constants();
4735
4586
  useDropdownList = ({ name, open }) => {
4736
4587
  const [dropdownList = [], setDropdownList] = useSetAppDataByKey(APP_DATA.dropdownList);
4737
- (0, import_react36.useEffect)(() => {
4588
+ (0, import_react35.useEffect)(() => {
4738
4589
  if (open) {
4739
4590
  if (!dropdownList.includes(name)) {
4740
4591
  setDropdownList([...dropdownList, name]);
@@ -4753,17 +4604,17 @@ var init_useDropdownList = __esm({
4753
4604
  });
4754
4605
 
4755
4606
  // src/Prebuilt/components/EmojiReaction.jsx
4756
- var import_react37, import_react_use3, import_apple, import_emoji_mart, import_react_sdk11, import_react_icons10, EmojiReaction;
4607
+ var import_react36, import_react_use3, import_apple, import_emoji_mart, import_react_sdk11, import_react_icons9, EmojiReaction;
4757
4608
  var init_EmojiReaction = __esm({
4758
4609
  "src/Prebuilt/components/EmojiReaction.jsx"() {
4759
4610
  "use strict";
4760
4611
  init_define_process_env();
4761
- import_react37 = __toESM(require("react"));
4612
+ import_react36 = __toESM(require("react"));
4762
4613
  import_react_use3 = require("react-use");
4763
4614
  import_apple = __toESM(require("@emoji-mart/data/sets/14/apple.json"));
4764
4615
  import_emoji_mart = require("emoji-mart");
4765
4616
  import_react_sdk11 = require("@100mslive/react-sdk");
4766
- import_react_icons10 = require("@100mslive/react-icons");
4617
+ import_react_icons9 = require("@100mslive/react-icons");
4767
4618
  init_EmojiCard();
4768
4619
  init_Dropdown2();
4769
4620
  init_Layout();
@@ -4774,7 +4625,7 @@ var init_EmojiReaction = __esm({
4774
4625
  init_constants();
4775
4626
  (0, import_emoji_mart.init)({ data: import_apple.default });
4776
4627
  EmojiReaction = () => {
4777
- const [open, setOpen] = (0, import_react37.useState)(false);
4628
+ const [open, setOpen] = (0, import_react36.useState)(false);
4778
4629
  const isConnected = (0, import_react_sdk11.useHMSStore)(import_react_sdk11.selectIsConnectedToRoom);
4779
4630
  useDropdownList({ open, name: "EmojiReaction" });
4780
4631
  const roles = (0, import_react_sdk11.useHMSStore)(import_react_sdk11.selectAvailableRoleNames);
@@ -4796,19 +4647,19 @@ var init_EmojiReaction = __esm({
4796
4647
  if (!isConnected) {
4797
4648
  return null;
4798
4649
  }
4799
- return isMobile ? /* @__PURE__ */ import_react37.default.createElement(EmojiCard, { sendReaction }) : /* @__PURE__ */ import_react37.default.createElement(import_react37.Fragment, null, /* @__PURE__ */ import_react37.default.createElement(Dropdown.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ import_react37.default.createElement(Dropdown.Trigger, { asChild: true, "data-testid": "emoji_reaction_btn" }, /* @__PURE__ */ import_react37.default.createElement(IconButton_default, null, /* @__PURE__ */ import_react37.default.createElement(Tooltip, { title: "Emoji reaction" }, /* @__PURE__ */ import_react37.default.createElement(Box, null, /* @__PURE__ */ import_react37.default.createElement(import_react_icons10.EmojiIcon, null))))), /* @__PURE__ */ import_react37.default.createElement(Dropdown.Content, { sideOffset: 5, align: "center", css: { p: "$8", bg: "$surface_default" } }, /* @__PURE__ */ import_react37.default.createElement(EmojiCard, { sendReaction }))));
4650
+ return isMobile ? /* @__PURE__ */ import_react36.default.createElement(EmojiCard, { sendReaction }) : /* @__PURE__ */ import_react36.default.createElement(import_react36.Fragment, null, /* @__PURE__ */ import_react36.default.createElement(Dropdown.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ import_react36.default.createElement(Dropdown.Trigger, { asChild: true, "data-testid": "emoji_reaction_btn" }, /* @__PURE__ */ import_react36.default.createElement(IconButton_default, null, /* @__PURE__ */ import_react36.default.createElement(Tooltip, { title: "Emoji reaction" }, /* @__PURE__ */ import_react36.default.createElement(Box, null, /* @__PURE__ */ import_react36.default.createElement(import_react_icons9.EmojiIcon, null))))), /* @__PURE__ */ import_react36.default.createElement(Dropdown.Content, { sideOffset: 5, align: "center", css: { p: "$8", bg: "$surface_default" } }, /* @__PURE__ */ import_react36.default.createElement(EmojiCard, { sendReaction }))));
4800
4651
  };
4801
4652
  }
4802
4653
  });
4803
4654
 
4804
4655
  // src/Prebuilt/components/Leave/EndSessionContent.tsx
4805
- var import_react38, import_react_icons11, EndSessionContent;
4656
+ var import_react37, import_react_icons10, EndSessionContent;
4806
4657
  var init_EndSessionContent = __esm({
4807
4658
  "src/Prebuilt/components/Leave/EndSessionContent.tsx"() {
4808
4659
  "use strict";
4809
4660
  init_define_process_env();
4810
- import_react38 = __toESM(require("react"));
4811
- import_react_icons11 = require("@100mslive/react-icons");
4661
+ import_react37 = __toESM(require("react"));
4662
+ import_react_icons10 = require("@100mslive/react-icons");
4812
4663
  init_Button2();
4813
4664
  init_Layout();
4814
4665
  init_Text2();
@@ -4818,7 +4669,7 @@ var init_EndSessionContent = __esm({
4818
4669
  isModal = false,
4819
4670
  isStreamingOn = false
4820
4671
  }) => {
4821
- return /* @__PURE__ */ import_react38.default.createElement(Box, null, /* @__PURE__ */ import_react38.default.createElement(
4672
+ return /* @__PURE__ */ import_react37.default.createElement(Box, null, /* @__PURE__ */ import_react37.default.createElement(
4822
4673
  Flex,
4823
4674
  {
4824
4675
  css: {
@@ -4827,10 +4678,10 @@ var init_EndSessionContent = __esm({
4827
4678
  alignItems: "center"
4828
4679
  }
4829
4680
  },
4830
- /* @__PURE__ */ import_react38.default.createElement(import_react_icons11.AlertTriangleIcon, { style: { marginRight: "0.5rem" } }),
4831
- /* @__PURE__ */ import_react38.default.createElement(Text, { variant: "lg", css: { color: "inherit", fontWeight: "$semiBold" } }, "End ", isStreamingOn ? "Stream" : "Session"),
4832
- isModal ? null : /* @__PURE__ */ import_react38.default.createElement(Box, { css: { color: "$on_surface_high", ml: "auto" }, onClick: () => setShowEndStreamAlert(false) }, /* @__PURE__ */ import_react38.default.createElement(import_react_icons11.CrossIcon, null))
4833
- ), /* @__PURE__ */ import_react38.default.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", mb: "$8", mt: "$4" } }, "The ", isStreamingOn ? "stream" : "session", " will end for everyone. You can't undo this action."), /* @__PURE__ */ import_react38.default.createElement(Flex, { align: "center", justify: "between", css: { w: "100%", gap: "$8" } }, /* @__PURE__ */ import_react38.default.createElement(
4681
+ /* @__PURE__ */ import_react37.default.createElement(import_react_icons10.AlertTriangleIcon, { style: { marginRight: "0.5rem" } }),
4682
+ /* @__PURE__ */ import_react37.default.createElement(Text, { variant: "lg", css: { color: "inherit", fontWeight: "$semiBold" } }, "End ", isStreamingOn ? "Stream" : "Session"),
4683
+ isModal ? null : /* @__PURE__ */ import_react37.default.createElement(Box, { css: { color: "$on_surface_high", ml: "auto" }, onClick: () => setShowEndStreamAlert(false) }, /* @__PURE__ */ import_react37.default.createElement(import_react_icons10.CrossIcon, null))
4684
+ ), /* @__PURE__ */ import_react37.default.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", mb: "$8", mt: "$4" } }, "The ", isStreamingOn ? "stream" : "session", " will end for everyone. You can't undo this action."), /* @__PURE__ */ import_react37.default.createElement(Flex, { align: "center", justify: "between", css: { w: "100%", gap: "$8" } }, /* @__PURE__ */ import_react37.default.createElement(
4834
4685
  Button,
4835
4686
  {
4836
4687
  outlined: true,
@@ -4839,7 +4690,7 @@ var init_EndSessionContent = __esm({
4839
4690
  onClick: () => setShowEndStreamAlert(false)
4840
4691
  },
4841
4692
  "Cancel"
4842
- ), /* @__PURE__ */ import_react38.default.createElement(
4693
+ ), /* @__PURE__ */ import_react37.default.createElement(
4843
4694
  Button,
4844
4695
  {
4845
4696
  variant: "danger",
@@ -4892,12 +4743,12 @@ var init_LeaveAtoms = __esm({
4892
4743
  });
4893
4744
 
4894
4745
  // src/Prebuilt/components/Leave/LeaveCard.tsx
4895
- var import_react39, LeaveCard;
4746
+ var import_react38, LeaveCard;
4896
4747
  var init_LeaveCard = __esm({
4897
4748
  "src/Prebuilt/components/Leave/LeaveCard.tsx"() {
4898
4749
  "use strict";
4899
4750
  init_define_process_env();
4900
- import_react39 = __toESM(require("react"));
4751
+ import_react38 = __toESM(require("react"));
4901
4752
  init_Layout();
4902
4753
  init_Text2();
4903
4754
  LeaveCard = ({
@@ -4909,19 +4760,19 @@ var init_LeaveCard = __esm({
4909
4760
  titleColor,
4910
4761
  css: css2 = {}
4911
4762
  }) => {
4912
- return /* @__PURE__ */ import_react39.default.createElement(Flex, { css: __spreadValues({ p: "$10", flexGrow: 1, gap: "$8", bg }, css2), onClick }, /* @__PURE__ */ import_react39.default.createElement(Box, { css: { color: titleColor } }, icon), /* @__PURE__ */ import_react39.default.createElement(Box, { css: { gap: "$2" } }, /* @__PURE__ */ import_react39.default.createElement(Text, { variant: "lg", css: { color: titleColor } }, title), /* @__PURE__ */ import_react39.default.createElement(Text, { variant: "sm", css: { c: "inherit" } }, subtitle)));
4763
+ return /* @__PURE__ */ import_react38.default.createElement(Flex, { css: __spreadValues({ p: "$10", flexGrow: 1, gap: "$8", bg }, css2), onClick }, /* @__PURE__ */ import_react38.default.createElement(Box, { css: { color: titleColor } }, icon), /* @__PURE__ */ import_react38.default.createElement(Box, { css: { gap: "$2" } }, /* @__PURE__ */ import_react38.default.createElement(Text, { variant: "lg", css: { color: titleColor } }, title), /* @__PURE__ */ import_react38.default.createElement(Text, { variant: "sm", css: { c: "inherit" } }, subtitle)));
4913
4764
  };
4914
4765
  }
4915
4766
  });
4916
4767
 
4917
4768
  // src/Prebuilt/components/Leave/LeaveSessionContent.tsx
4918
- var import_react40, import_react_icons12, LeaveSessionContent;
4769
+ var import_react39, import_react_icons11, LeaveSessionContent;
4919
4770
  var init_LeaveSessionContent = __esm({
4920
4771
  "src/Prebuilt/components/Leave/LeaveSessionContent.tsx"() {
4921
4772
  "use strict";
4922
4773
  init_define_process_env();
4923
- import_react40 = __toESM(require("react"));
4924
- import_react_icons12 = require("@100mslive/react-icons");
4774
+ import_react39 = __toESM(require("react"));
4775
+ import_react_icons11 = require("@100mslive/react-icons");
4925
4776
  init_Button2();
4926
4777
  init_Layout();
4927
4778
  init_Text2();
@@ -4930,7 +4781,7 @@ var init_LeaveSessionContent = __esm({
4930
4781
  leaveRoom,
4931
4782
  isModal = false
4932
4783
  }) => {
4933
- return /* @__PURE__ */ import_react40.default.createElement(Box, null, /* @__PURE__ */ import_react40.default.createElement(
4784
+ return /* @__PURE__ */ import_react39.default.createElement(Box, null, /* @__PURE__ */ import_react39.default.createElement(
4934
4785
  Flex,
4935
4786
  {
4936
4787
  css: {
@@ -4939,10 +4790,10 @@ var init_LeaveSessionContent = __esm({
4939
4790
  alignItems: "center"
4940
4791
  }
4941
4792
  },
4942
- /* @__PURE__ */ import_react40.default.createElement(import_react_icons12.AlertTriangleIcon, { style: { marginRight: "0.5rem" } }),
4943
- /* @__PURE__ */ import_react40.default.createElement(Text, { variant: "lg", css: { color: "inherit", fontWeight: "$semiBold" } }, "Leave"),
4944
- isModal ? null : /* @__PURE__ */ import_react40.default.createElement(Box, { css: { color: "$on_surface_high", ml: "auto" }, onClick: () => setShowLeaveRoomAlert(false) }, /* @__PURE__ */ import_react40.default.createElement(import_react_icons12.CrossIcon, null))
4945
- ), /* @__PURE__ */ import_react40.default.createElement(Text, { variant: "sm", css: { color: "$on_surface_low", mb: "$8", mt: "$4" } }, "Others will continue after you leave. You can join the session again."), /* @__PURE__ */ import_react40.default.createElement(Flex, { align: "center", justify: "between", css: { w: "100%", gap: "$8" } }, /* @__PURE__ */ import_react40.default.createElement(
4793
+ /* @__PURE__ */ import_react39.default.createElement(import_react_icons11.AlertTriangleIcon, { style: { marginRight: "0.5rem" } }),
4794
+ /* @__PURE__ */ import_react39.default.createElement(Text, { variant: "lg", css: { color: "inherit", fontWeight: "$semiBold" } }, "Leave"),
4795
+ isModal ? null : /* @__PURE__ */ import_react39.default.createElement(Box, { css: { color: "$on_surface_high", ml: "auto" }, onClick: () => setShowLeaveRoomAlert(false) }, /* @__PURE__ */ import_react39.default.createElement(import_react_icons11.CrossIcon, null))
4796
+ ), /* @__PURE__ */ import_react39.default.createElement(Text, { variant: "sm", css: { color: "$on_surface_low", mb: "$8", mt: "$4" } }, "Others will continue after you leave. You can join the session again."), /* @__PURE__ */ import_react39.default.createElement(Flex, { align: "center", justify: "between", css: { w: "100%", gap: "$8" } }, /* @__PURE__ */ import_react39.default.createElement(
4946
4797
  Button,
4947
4798
  {
4948
4799
  outlined: true,
@@ -4951,7 +4802,7 @@ var init_LeaveSessionContent = __esm({
4951
4802
  onClick: () => setShowLeaveRoomAlert(false)
4952
4803
  },
4953
4804
  "Cancel"
4954
- ), /* @__PURE__ */ import_react40.default.createElement(
4805
+ ), /* @__PURE__ */ import_react39.default.createElement(
4955
4806
  Button,
4956
4807
  {
4957
4808
  variant: "danger",
@@ -4969,14 +4820,14 @@ var init_LeaveSessionContent = __esm({
4969
4820
  });
4970
4821
 
4971
4822
  // src/Prebuilt/components/Leave/DesktopLeaveRoom.tsx
4972
- var import_react41, import_react_sdk12, import_react_icons13, DesktopLeaveRoom;
4823
+ var import_react40, import_react_sdk12, import_react_icons12, DesktopLeaveRoom;
4973
4824
  var init_DesktopLeaveRoom = __esm({
4974
4825
  "src/Prebuilt/components/Leave/DesktopLeaveRoom.tsx"() {
4975
4826
  "use strict";
4976
4827
  init_define_process_env();
4977
- import_react41 = __toESM(require("react"));
4828
+ import_react40 = __toESM(require("react"));
4978
4829
  import_react_sdk12 = require("@100mslive/react-sdk");
4979
- import_react_icons13 = require("@100mslive/react-icons");
4830
+ import_react_icons12 = require("@100mslive/react-icons");
4980
4831
  init_Dropdown2();
4981
4832
  init_Layout();
4982
4833
  init_Modal();
@@ -4991,9 +4842,9 @@ var init_DesktopLeaveRoom = __esm({
4991
4842
  screenType,
4992
4843
  endRoom
4993
4844
  }) => {
4994
- const [open, setOpen] = (0, import_react41.useState)(false);
4995
- const [showLeaveRoomAlert, setShowLeaveRoomAlert] = (0, import_react41.useState)(false);
4996
- const [showEndStreamAlert, setShowEndStreamAlert] = (0, import_react41.useState)(false);
4845
+ const [open, setOpen] = (0, import_react40.useState)(false);
4846
+ const [showLeaveRoomAlert, setShowLeaveRoomAlert] = (0, import_react40.useState)(false);
4847
+ const [showEndStreamAlert, setShowEndStreamAlert] = (0, import_react40.useState)(false);
4997
4848
  const isConnected = (0, import_react_sdk12.useHMSStore)(import_react_sdk12.selectIsConnectedToRoom);
4998
4849
  const permissions = (0, import_react_sdk12.useHMSStore)(import_react_sdk12.selectPermissions);
4999
4850
  const { isStreamingOn } = (0, import_react_sdk12.useRecordingStreaming)();
@@ -5003,7 +4854,7 @@ var init_DesktopLeaveRoom = __esm({
5003
4854
  if (!permissions || !isConnected) {
5004
4855
  return null;
5005
4856
  }
5006
- return /* @__PURE__ */ import_react41.default.createElement(import_react41.Fragment, null, showLeaveOptions ? /* @__PURE__ */ import_react41.default.createElement(Flex, null, /* @__PURE__ */ import_react41.default.createElement(
4857
+ return /* @__PURE__ */ import_react40.default.createElement(import_react40.Fragment, null, showLeaveOptions ? /* @__PURE__ */ import_react40.default.createElement(Flex, null, /* @__PURE__ */ import_react40.default.createElement(
5007
4858
  LeaveIconButton,
5008
4859
  {
5009
4860
  key: "LeaveRoom",
@@ -5014,8 +4865,8 @@ var init_DesktopLeaveRoom = __esm({
5014
4865
  },
5015
4866
  onClick: () => setShowLeaveRoomAlert(true)
5016
4867
  },
5017
- /* @__PURE__ */ import_react41.default.createElement(Tooltip, { title: "Leave Room" }, /* @__PURE__ */ import_react41.default.createElement(Box, null, /* @__PURE__ */ import_react41.default.createElement(import_react_icons13.ExitIcon, { style: { transform: "rotate(180deg)" } })))
5018
- ), /* @__PURE__ */ import_react41.default.createElement(Dropdown.Root, { open, onOpenChange: setOpen, modal: false }, /* @__PURE__ */ import_react41.default.createElement(
4868
+ /* @__PURE__ */ import_react40.default.createElement(Tooltip, { title: "Leave Room" }, /* @__PURE__ */ import_react40.default.createElement(Box, null, /* @__PURE__ */ import_react40.default.createElement(import_react_icons12.ExitIcon, { style: { transform: "rotate(180deg)" } })))
4869
+ ), /* @__PURE__ */ import_react40.default.createElement(Dropdown.Root, { open, onOpenChange: setOpen, modal: false }, /* @__PURE__ */ import_react40.default.createElement(
5019
4870
  Dropdown.Trigger,
5020
4871
  {
5021
4872
  asChild: true,
@@ -5025,8 +4876,8 @@ var init_DesktopLeaveRoom = __esm({
5025
4876
  }
5026
4877
  }
5027
4878
  },
5028
- /* @__PURE__ */ import_react41.default.createElement(MenuTriggerButton, { "data-testid": "leave_end_dropdown_trigger" }, /* @__PURE__ */ import_react41.default.createElement(import_react_icons13.VerticalMenuIcon, null))
5029
- ), /* @__PURE__ */ import_react41.default.createElement(Dropdown.Content, { css: { p: 0, w: "$100" }, alignOffset: -50, sideOffset: 10 }, /* @__PURE__ */ import_react41.default.createElement(
4879
+ /* @__PURE__ */ import_react40.default.createElement(MenuTriggerButton, { "data-testid": "leave_end_dropdown_trigger" }, /* @__PURE__ */ import_react40.default.createElement(import_react_icons12.VerticalMenuIcon, null))
4880
+ ), /* @__PURE__ */ import_react40.default.createElement(Dropdown.Content, { css: { p: 0, w: "$100" }, alignOffset: -50, sideOffset: 10 }, /* @__PURE__ */ import_react40.default.createElement(
5030
4881
  Dropdown.Item,
5031
4882
  {
5032
4883
  css: {
@@ -5037,21 +4888,21 @@ var init_DesktopLeaveRoom = __esm({
5037
4888
  },
5038
4889
  "data-testid": "just_leave_btn"
5039
4890
  },
5040
- /* @__PURE__ */ import_react41.default.createElement(
4891
+ /* @__PURE__ */ import_react40.default.createElement(
5041
4892
  LeaveCard,
5042
4893
  {
5043
4894
  title: showStream ? "Leave Stream" : "Leave Session",
5044
4895
  subtitle: `Others will continue after you leave. You can join the ${showStream ? "stream" : "session"} again.`,
5045
4896
  bg: "",
5046
4897
  titleColor: "$on_surface_high",
5047
- icon: /* @__PURE__ */ import_react41.default.createElement(import_react_icons13.ExitIcon, { height: 24, width: 24, style: { transform: "rotate(180deg)" } }),
4898
+ icon: /* @__PURE__ */ import_react40.default.createElement(import_react_icons12.ExitIcon, { height: 24, width: 24, style: { transform: "rotate(180deg)" } }),
5048
4899
  onClick: () => __async(void 0, null, function* () {
5049
4900
  return yield leaveRoom();
5050
4901
  }),
5051
4902
  css: { p: "$8 $4" }
5052
4903
  }
5053
4904
  )
5054
- ), /* @__PURE__ */ import_react41.default.createElement(
4905
+ ), /* @__PURE__ */ import_react40.default.createElement(
5055
4906
  Dropdown.Item,
5056
4907
  {
5057
4908
  css: {
@@ -5062,14 +4913,14 @@ var init_DesktopLeaveRoom = __esm({
5062
4913
  },
5063
4914
  "data-testid": "end_room_btn"
5064
4915
  },
5065
- /* @__PURE__ */ import_react41.default.createElement(
4916
+ /* @__PURE__ */ import_react40.default.createElement(
5066
4917
  LeaveCard,
5067
4918
  {
5068
4919
  title: showStream ? "End Stream" : "End Session",
5069
4920
  subtitle: `The ${showStream ? "stream" : "session"} will end for everyone. You can't undo this action.`,
5070
4921
  bg: "",
5071
4922
  titleColor: "$alert_error_brighter",
5072
- icon: /* @__PURE__ */ import_react41.default.createElement(import_react_icons13.StopIcon, { height: 24, width: 24 }),
4923
+ icon: /* @__PURE__ */ import_react40.default.createElement(import_react_icons12.StopIcon, { height: 24, width: 24 }),
5073
4924
  onClick: () => {
5074
4925
  setOpen(false);
5075
4926
  setShowEndStreamAlert(true);
@@ -5077,7 +4928,7 @@ var init_DesktopLeaveRoom = __esm({
5077
4928
  css: { p: "$8 $4" }
5078
4929
  }
5079
4930
  )
5080
- )))) : /* @__PURE__ */ import_react41.default.createElement(
4931
+ )))) : /* @__PURE__ */ import_react40.default.createElement(
5081
4932
  LeaveIconButton,
5082
4933
  {
5083
4934
  onClick: () => {
@@ -5086,8 +4937,8 @@ var init_DesktopLeaveRoom = __esm({
5086
4937
  key: "LeaveRoom",
5087
4938
  "data-testid": "leave_room_btn"
5088
4939
  },
5089
- /* @__PURE__ */ import_react41.default.createElement(Tooltip, { title: "Leave Room" }, /* @__PURE__ */ import_react41.default.createElement(Box, null, /* @__PURE__ */ import_react41.default.createElement(import_react_icons13.ExitIcon, { style: { transform: "rotate(180deg)" } })))
5090
- ), /* @__PURE__ */ import_react41.default.createElement(Dialog.Root, { open: showEndStreamAlert, modal: false }, /* @__PURE__ */ import_react41.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react41.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react41.default.createElement(Dialog.Content, { css: { w: "min(420px, 90%)", p: "$8", bg: "$surface_dim" } }, /* @__PURE__ */ import_react41.default.createElement(
4940
+ /* @__PURE__ */ import_react40.default.createElement(Tooltip, { title: "Leave Room" }, /* @__PURE__ */ import_react40.default.createElement(Box, null, /* @__PURE__ */ import_react40.default.createElement(import_react_icons12.ExitIcon, { style: { transform: "rotate(180deg)" } })))
4941
+ ), /* @__PURE__ */ import_react40.default.createElement(Dialog.Root, { open: showEndStreamAlert, modal: false }, /* @__PURE__ */ import_react40.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react40.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react40.default.createElement(Dialog.Content, { css: { w: "min(420px, 90%)", p: "$8", bg: "$surface_dim" } }, /* @__PURE__ */ import_react40.default.createElement(
5091
4942
  EndSessionContent,
5092
4943
  {
5093
4944
  setShowEndStreamAlert,
@@ -5095,18 +4946,18 @@ var init_DesktopLeaveRoom = __esm({
5095
4946
  isStreamingOn,
5096
4947
  isModal: true
5097
4948
  }
5098
- )))), /* @__PURE__ */ import_react41.default.createElement(Dialog.Root, { open: showLeaveRoomAlert, modal: false }, /* @__PURE__ */ import_react41.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react41.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react41.default.createElement(Dialog.Content, { css: { w: "min(420px, 90%)", p: "$8", bg: "$surface_dim" } }, /* @__PURE__ */ import_react41.default.createElement(LeaveSessionContent, { setShowLeaveRoomAlert, leaveRoom, isModal: true })))));
4949
+ )))), /* @__PURE__ */ import_react40.default.createElement(Dialog.Root, { open: showLeaveRoomAlert, modal: false }, /* @__PURE__ */ import_react40.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react40.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react40.default.createElement(Dialog.Content, { css: { w: "min(420px, 90%)", p: "$8", bg: "$surface_dim" } }, /* @__PURE__ */ import_react40.default.createElement(LeaveSessionContent, { setShowLeaveRoomAlert, leaveRoom, isModal: true })))));
5099
4950
  };
5100
4951
  }
5101
4952
  });
5102
4953
 
5103
4954
  // src/Sheet/Sheet.tsx
5104
- var import_react42, DialogPrimitive2, SheetRoot, SheetTrigger, StyledOverlay, StyledContent6, SheetContent, SheetClose, SheetTitle, SheetDescription, SheetDefaultCloseIcon, Sheet;
4955
+ var import_react41, DialogPrimitive2, SheetRoot, SheetTrigger, StyledOverlay, StyledContent6, SheetContent, SheetClose, SheetTitle, SheetDescription, SheetDefaultCloseIcon, Sheet;
5105
4956
  var init_Sheet = __esm({
5106
4957
  "src/Sheet/Sheet.tsx"() {
5107
4958
  "use strict";
5108
4959
  init_define_process_env();
5109
- import_react42 = __toESM(require("react"));
4960
+ import_react41 = __toESM(require("react"));
5110
4961
  DialogPrimitive2 = __toESM(require("@radix-ui/react-dialog"));
5111
4962
  init_Modal();
5112
4963
  init_Theme();
@@ -5183,10 +5034,10 @@ var init_Sheet = __esm({
5183
5034
  side: "bottom"
5184
5035
  }
5185
5036
  });
5186
- SheetContent = import_react42.default.forwardRef(
5037
+ SheetContent = import_react41.default.forwardRef(
5187
5038
  (_a8, forwardedRef) => {
5188
5039
  var _b7 = _a8, { children } = _b7, props = __objRest(_b7, ["children"]);
5189
- return /* @__PURE__ */ import_react42.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react42.default.createElement(StyledOverlay, null), /* @__PURE__ */ import_react42.default.createElement(StyledContent6, __spreadProps(__spreadValues({}, props), { ref: forwardedRef }), children));
5040
+ return /* @__PURE__ */ import_react41.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react41.default.createElement(StyledOverlay, null), /* @__PURE__ */ import_react41.default.createElement(StyledContent6, __spreadProps(__spreadValues({}, props), { ref: forwardedRef }), children));
5190
5041
  }
5191
5042
  );
5192
5043
  SheetClose = Dialog.Close;
@@ -5217,14 +5068,14 @@ var init_Sheet2 = __esm({
5217
5068
  });
5218
5069
 
5219
5070
  // src/Prebuilt/components/Leave/MwebLeaveRoom.tsx
5220
- var import_react43, import_react_sdk13, import_react_icons14, MwebLeaveRoom;
5071
+ var import_react42, import_react_sdk13, import_react_icons13, MwebLeaveRoom;
5221
5072
  var init_MwebLeaveRoom = __esm({
5222
5073
  "src/Prebuilt/components/Leave/MwebLeaveRoom.tsx"() {
5223
5074
  "use strict";
5224
5075
  init_define_process_env();
5225
- import_react43 = __toESM(require("react"));
5076
+ import_react42 = __toESM(require("react"));
5226
5077
  import_react_sdk13 = require("@100mslive/react-sdk");
5227
- import_react_icons14 = require("@100mslive/react-icons");
5078
+ import_react_icons13 = require("@100mslive/react-icons");
5228
5079
  init_Layout();
5229
5080
  init_Sheet2();
5230
5081
  init_Tooltip2();
@@ -5238,9 +5089,9 @@ var init_MwebLeaveRoom = __esm({
5238
5089
  screenType,
5239
5090
  endRoom
5240
5091
  }) => {
5241
- const [open, setOpen] = (0, import_react43.useState)(false);
5242
- const [showLeaveRoomAlert, setShowLeaveRoomAlert] = (0, import_react43.useState)(false);
5243
- const [showEndStreamAlert, setShowEndStreamAlert] = (0, import_react43.useState)(false);
5092
+ const [open, setOpen] = (0, import_react42.useState)(false);
5093
+ const [showLeaveRoomAlert, setShowLeaveRoomAlert] = (0, import_react42.useState)(false);
5094
+ const [showEndStreamAlert, setShowEndStreamAlert] = (0, import_react42.useState)(false);
5244
5095
  const isConnected = (0, import_react_sdk13.useHMSStore)(import_react_sdk13.selectIsConnectedToRoom);
5245
5096
  const permissions = (0, import_react_sdk13.useHMSStore)(import_react_sdk13.selectPermissions);
5246
5097
  const { isStreamingOn } = (0, import_react_sdk13.useRecordingStreaming)();
@@ -5250,7 +5101,7 @@ var init_MwebLeaveRoom = __esm({
5250
5101
  if (!permissions || !isConnected) {
5251
5102
  return null;
5252
5103
  }
5253
- return /* @__PURE__ */ import_react43.default.createElement(import_react43.Fragment, null, showLeaveOptions ? /* @__PURE__ */ import_react43.default.createElement(Sheet.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ import_react43.default.createElement(Sheet.Trigger, { asChild: true }, /* @__PURE__ */ import_react43.default.createElement(
5104
+ return /* @__PURE__ */ import_react42.default.createElement(import_react42.Fragment, null, showLeaveOptions ? /* @__PURE__ */ import_react42.default.createElement(Sheet.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ import_react42.default.createElement(Sheet.Trigger, { asChild: true }, /* @__PURE__ */ import_react42.default.createElement(
5254
5105
  LeaveIconButton,
5255
5106
  {
5256
5107
  key: "LeaveRoom",
@@ -5260,21 +5111,21 @@ var init_MwebLeaveRoom = __esm({
5260
5111
  borderBottomRightRadius: "$1"
5261
5112
  }
5262
5113
  },
5263
- /* @__PURE__ */ import_react43.default.createElement(Tooltip, { title: "Leave Room" }, /* @__PURE__ */ import_react43.default.createElement(Box, null, /* @__PURE__ */ import_react43.default.createElement(import_react_icons14.ExitIcon, { style: { transform: "rotate(180deg)" } })))
5264
- )), /* @__PURE__ */ import_react43.default.createElement(Sheet.Content, null, /* @__PURE__ */ import_react43.default.createElement(
5114
+ /* @__PURE__ */ import_react42.default.createElement(Tooltip, { title: "Leave Room" }, /* @__PURE__ */ import_react42.default.createElement(Box, null, /* @__PURE__ */ import_react42.default.createElement(import_react_icons13.ExitIcon, { style: { transform: "rotate(180deg)" } })))
5115
+ )), /* @__PURE__ */ import_react42.default.createElement(Sheet.Content, null, /* @__PURE__ */ import_react42.default.createElement(
5265
5116
  LeaveCard,
5266
5117
  {
5267
5118
  title: showStream ? "Leave Stream" : "Leave Session",
5268
5119
  subtitle: `Others will continue after you leave. You can join the ${showStream ? "stream" : "session"} again.`,
5269
5120
  bg: "$surface_default",
5270
5121
  titleColor: "$on_surface_high",
5271
- icon: /* @__PURE__ */ import_react43.default.createElement(import_react_icons14.ExitIcon, { height: 24, width: 24, style: { transform: "rotate(180deg)" } }),
5122
+ icon: /* @__PURE__ */ import_react42.default.createElement(import_react_icons13.ExitIcon, { height: 24, width: 24, style: { transform: "rotate(180deg)" } }),
5272
5123
  onClick: () => __async(void 0, null, function* () {
5273
5124
  return yield leaveRoom();
5274
5125
  }),
5275
5126
  css: { pt: 0, mt: "$10", color: "$on_surface_low", "&:hover": { color: "$on_surface_high" } }
5276
5127
  }
5277
- ), /* @__PURE__ */ import_react43.default.createElement(
5128
+ ), /* @__PURE__ */ import_react42.default.createElement(
5278
5129
  LeaveCard,
5279
5130
  {
5280
5131
  title: showStream ? "End Stream" : "End Session",
@@ -5282,31 +5133,31 @@ var init_MwebLeaveRoom = __esm({
5282
5133
  bg: "$alert_error_dim",
5283
5134
  titleColor: "$alert_error_brighter",
5284
5135
  css: { color: "$alert_error_bright", "&:hover": { color: "$alert_error_brighter" } },
5285
- icon: /* @__PURE__ */ import_react43.default.createElement(import_react_icons14.StopIcon, { height: 24, width: 24 }),
5136
+ icon: /* @__PURE__ */ import_react42.default.createElement(import_react_icons13.StopIcon, { height: 24, width: 24 }),
5286
5137
  onClick: () => {
5287
5138
  setOpen(false);
5288
5139
  setShowEndStreamAlert(true);
5289
5140
  }
5290
5141
  }
5291
- ))) : /* @__PURE__ */ import_react43.default.createElement(LeaveIconButton, { key: "LeaveRoom", "data-testid": "leave_room_btn", onClick: () => setShowLeaveRoomAlert(true) }, /* @__PURE__ */ import_react43.default.createElement(Tooltip, { title: "Leave Room" }, /* @__PURE__ */ import_react43.default.createElement(Box, null, /* @__PURE__ */ import_react43.default.createElement(import_react_icons14.ExitIcon, { style: { transform: "rotate(180deg)" } })))), /* @__PURE__ */ import_react43.default.createElement(Sheet.Root, { open: showEndStreamAlert, onOpenChange: setShowEndStreamAlert }, /* @__PURE__ */ import_react43.default.createElement(Sheet.Content, { css: { bg: "$surface_dim", p: "$10", pb: "$12" } }, /* @__PURE__ */ import_react43.default.createElement(
5142
+ ))) : /* @__PURE__ */ import_react42.default.createElement(LeaveIconButton, { key: "LeaveRoom", "data-testid": "leave_room_btn", onClick: () => setShowLeaveRoomAlert(true) }, /* @__PURE__ */ import_react42.default.createElement(Tooltip, { title: "Leave Room" }, /* @__PURE__ */ import_react42.default.createElement(Box, null, /* @__PURE__ */ import_react42.default.createElement(import_react_icons13.ExitIcon, { style: { transform: "rotate(180deg)" } })))), /* @__PURE__ */ import_react42.default.createElement(Sheet.Root, { open: showEndStreamAlert, onOpenChange: setShowEndStreamAlert }, /* @__PURE__ */ import_react42.default.createElement(Sheet.Content, { css: { bg: "$surface_dim", p: "$10", pb: "$12" } }, /* @__PURE__ */ import_react42.default.createElement(
5292
5143
  EndSessionContent,
5293
5144
  {
5294
5145
  setShowEndStreamAlert,
5295
5146
  leaveRoom: isStreamingOn ? leaveRoom : endRoom,
5296
5147
  isStreamingOn
5297
5148
  }
5298
- ))), /* @__PURE__ */ import_react43.default.createElement(Sheet.Root, { open: showLeaveRoomAlert, onOpenChange: setShowLeaveRoomAlert }, /* @__PURE__ */ import_react43.default.createElement(Sheet.Content, { css: { bg: "$surface_dim", p: "$10", pb: "$12" } }, /* @__PURE__ */ import_react43.default.createElement(LeaveSessionContent, { setShowLeaveRoomAlert, leaveRoom }))));
5149
+ ))), /* @__PURE__ */ import_react42.default.createElement(Sheet.Root, { open: showLeaveRoomAlert, onOpenChange: setShowLeaveRoomAlert }, /* @__PURE__ */ import_react42.default.createElement(Sheet.Content, { css: { bg: "$surface_dim", p: "$10", pb: "$12" } }, /* @__PURE__ */ import_react42.default.createElement(LeaveSessionContent, { setShowLeaveRoomAlert, leaveRoom }))));
5299
5150
  };
5300
5151
  }
5301
5152
  });
5302
5153
 
5303
5154
  // src/Prebuilt/components/Leave/LeaveRoom.tsx
5304
- var import_react44, import_react_use4, import_react_sdk14, LeaveRoom;
5155
+ var import_react43, import_react_use4, import_react_sdk14, LeaveRoom;
5305
5156
  var init_LeaveRoom = __esm({
5306
5157
  "src/Prebuilt/components/Leave/LeaveRoom.tsx"() {
5307
5158
  "use strict";
5308
5159
  init_define_process_env();
5309
- import_react44 = __toESM(require("react"));
5160
+ import_react43 = __toESM(require("react"));
5310
5161
  import_react_use4 = require("react-use");
5311
5162
  import_react_sdk14 = require("@100mslive/react-sdk");
5312
5163
  init_Theme();
@@ -5351,7 +5202,7 @@ var init_LeaveRoom = __esm({
5351
5202
  if (!permissions || !isConnected) {
5352
5203
  return null;
5353
5204
  }
5354
- return isMobile ? /* @__PURE__ */ import_react44.default.createElement(MwebLeaveRoom, { leaveRoom, screenType, endRoom }) : /* @__PURE__ */ import_react44.default.createElement(DesktopLeaveRoom, { leaveRoom, screenType, endRoom });
5205
+ return isMobile ? /* @__PURE__ */ import_react43.default.createElement(MwebLeaveRoom, { leaveRoom, screenType, endRoom }) : /* @__PURE__ */ import_react43.default.createElement(DesktopLeaveRoom, { leaveRoom, screenType, endRoom });
5355
5206
  };
5356
5207
  }
5357
5208
  });
@@ -5826,24 +5677,24 @@ var init_SetupMediaSession = __esm({
5826
5677
  });
5827
5678
 
5828
5679
  // src/Prebuilt/components/PIP/PIPComponent.jsx
5829
- var import_react45, import_react_sdk16, import_react_icons15, PIPComponent, ActivatedPIP, PIPComponent_default;
5680
+ var import_react44, import_react_sdk16, import_react_icons14, PIPComponent, ActivatedPIP, PIPComponent_default;
5830
5681
  var init_PIPComponent = __esm({
5831
5682
  "src/Prebuilt/components/PIP/PIPComponent.jsx"() {
5832
5683
  "use strict";
5833
5684
  init_define_process_env();
5834
- import_react45 = __toESM(require("react"));
5685
+ import_react44 = __toESM(require("react"));
5835
5686
  import_react_sdk16 = require("@100mslive/react-sdk");
5836
- import_react_icons15 = require("@100mslive/react-icons");
5687
+ import_react_icons14 = require("@100mslive/react-icons");
5837
5688
  init_src();
5838
5689
  init_IconButton3();
5839
5690
  init_PIPManager();
5840
5691
  init_SetupMediaSession();
5841
5692
  init_useUISettings();
5842
5693
  PIPComponent = ({ content = null }) => {
5843
- const [isPipOn, setIsPipOn] = (0, import_react45.useState)(PictureInPicture.isOn());
5694
+ const [isPipOn, setIsPipOn] = (0, import_react44.useState)(PictureInPicture.isOn());
5844
5695
  const hmsActions = (0, import_react_sdk16.useHMSActions)();
5845
5696
  const store = (0, import_react_sdk16.useHMSVanillaStore)();
5846
- const onPipToggle = (0, import_react45.useCallback)(() => {
5697
+ const onPipToggle = (0, import_react44.useCallback)(() => {
5847
5698
  if (!isPipOn) {
5848
5699
  PictureInPicture.start(hmsActions, setIsPipOn).catch((err) => console.error("error in starting pip", err));
5849
5700
  MediaSession.setup(hmsActions, store);
@@ -5854,13 +5705,13 @@ var init_PIPComponent = __esm({
5854
5705
  if (!PictureInPicture.isSupported()) {
5855
5706
  return null;
5856
5707
  }
5857
- return /* @__PURE__ */ import_react45.default.createElement(import_react45.default.Fragment, null, content ? /* @__PURE__ */ import_react45.default.createElement(Flex, { css: { w: "100%" }, onClick: () => onPipToggle(), "data-testid": "pip_btn" }, content) : /* @__PURE__ */ import_react45.default.createElement(Tooltip, { title: `${isPipOn ? "Deactivate" : "Activate"} picture in picture view` }, /* @__PURE__ */ import_react45.default.createElement(IconButton_default, { active: !isPipOn, key: "pip", onClick: () => onPipToggle(), "data-testid": "pip_btn" }, /* @__PURE__ */ import_react45.default.createElement(import_react_icons15.PipIcon, null))));
5708
+ return /* @__PURE__ */ import_react44.default.createElement(import_react44.default.Fragment, null, content ? /* @__PURE__ */ import_react44.default.createElement(Flex, { css: { w: "100%" }, onClick: () => onPipToggle(), "data-testid": "pip_btn" }, content) : /* @__PURE__ */ import_react44.default.createElement(Tooltip, { title: `${isPipOn ? "Deactivate" : "Activate"} picture in picture view` }, /* @__PURE__ */ import_react44.default.createElement(IconButton_default, { active: !isPipOn, key: "pip", onClick: () => onPipToggle(), "data-testid": "pip_btn" }, /* @__PURE__ */ import_react44.default.createElement(import_react_icons14.PipIcon, null))));
5858
5709
  };
5859
5710
  ActivatedPIP = () => {
5860
5711
  const tracksMap = (0, import_react_sdk16.useHMSStore)(import_react_sdk16.selectTracksMap);
5861
5712
  const storePeers = (0, import_react_sdk16.useHMSStore)(import_react_sdk16.selectPeers);
5862
5713
  const pinnedTrack = usePinnedTrack();
5863
- (0, import_react45.useEffect)(() => {
5714
+ (0, import_react44.useEffect)(() => {
5864
5715
  function updatePIP() {
5865
5716
  if (!PictureInPicture.isOn()) {
5866
5717
  return;
@@ -5876,22 +5727,22 @@ var init_PIPComponent = __esm({
5876
5727
  PictureInPicture.listenToStateChange(updatePIP);
5877
5728
  updatePIP();
5878
5729
  }, [storePeers, tracksMap, pinnedTrack]);
5879
- return /* @__PURE__ */ import_react45.default.createElement(import_react45.default.Fragment, null);
5730
+ return /* @__PURE__ */ import_react44.default.createElement(import_react44.default.Fragment, null);
5880
5731
  };
5881
5732
  PIPComponent_default = PIPComponent;
5882
5733
  }
5883
5734
  });
5884
5735
 
5885
5736
  // src/Prebuilt/components/PIP/index.jsx
5886
- var import_react46, PIP;
5737
+ var import_react45, PIP;
5887
5738
  var init_PIP = __esm({
5888
5739
  "src/Prebuilt/components/PIP/index.jsx"() {
5889
5740
  "use strict";
5890
5741
  init_define_process_env();
5891
- import_react46 = __toESM(require("react"));
5742
+ import_react45 = __toESM(require("react"));
5892
5743
  init_PIPComponent();
5893
5744
  PIP = ({ content = null }) => {
5894
- return /* @__PURE__ */ import_react46.default.createElement(PIPComponent_default, { content });
5745
+ return /* @__PURE__ */ import_react45.default.createElement(PIPComponent_default, { content });
5895
5746
  };
5896
5747
  }
5897
5748
  });
@@ -11457,12 +11308,12 @@ var init_constants2 = __esm({
11457
11308
  });
11458
11309
 
11459
11310
  // src/Prebuilt/provider/roomLayoutProvider/hooks/useFetchRoomLayout.ts
11460
- var import_react47, fetchWithRetry, useFetchRoomLayout;
11311
+ var import_react46, fetchWithRetry, useFetchRoomLayout;
11461
11312
  var init_useFetchRoomLayout = __esm({
11462
11313
  "src/Prebuilt/provider/roomLayoutProvider/hooks/useFetchRoomLayout.ts"() {
11463
11314
  "use strict";
11464
11315
  init_define_process_env();
11465
- import_react47 = require("react");
11316
+ import_react46 = require("react");
11466
11317
  init_constants2();
11467
11318
  fetchWithRetry = (..._0) => __async(void 0, [..._0], function* (url = "", options = {}) {
11468
11319
  const MAX_RETRIES = 4;
@@ -11481,10 +11332,10 @@ var init_useFetchRoomLayout = __esm({
11481
11332
  endpoint = "",
11482
11333
  authToken = ""
11483
11334
  }) => {
11484
- const [layout, setLayout] = (0, import_react47.useState)(void 0);
11485
- const layoutResp = (0, import_react47.useRef)();
11486
- const isFetchInProgress = (0, import_react47.useRef)(false);
11487
- const updateRoomLayoutForRole = (0, import_react47.useCallback)((role) => {
11335
+ const [layout, setLayout] = (0, import_react46.useState)(void 0);
11336
+ const layoutResp = (0, import_react46.useRef)();
11337
+ const isFetchInProgress = (0, import_react46.useRef)(false);
11338
+ const updateRoomLayoutForRole = (0, import_react46.useCallback)((role) => {
11488
11339
  var _a8;
11489
11340
  if (!layoutResp.current) {
11490
11341
  return;
@@ -11494,7 +11345,7 @@ var init_useFetchRoomLayout = __esm({
11494
11345
  setLayout(layout2);
11495
11346
  }
11496
11347
  }, []);
11497
- (0, import_react47.useEffect)(() => {
11348
+ (0, import_react46.useEffect)(() => {
11498
11349
  (() => __async(void 0, null, function* () {
11499
11350
  var _a8, _b7;
11500
11351
  if (isFetchInProgress.current || !authToken) {
@@ -11538,16 +11389,16 @@ function customizer(objValue, srcValue) {
11538
11389
  }
11539
11390
  return void 0;
11540
11391
  }
11541
- var import_react48, import_lodash2, RoomLayoutContext, RoomLayoutProvider, useRoomLayout, useUpdateRoomLayout;
11392
+ var import_react47, import_lodash2, RoomLayoutContext, RoomLayoutProvider, useRoomLayout, useUpdateRoomLayout;
11542
11393
  var init_roomLayoutProvider = __esm({
11543
11394
  "src/Prebuilt/provider/roomLayoutProvider/index.tsx"() {
11544
11395
  "use strict";
11545
11396
  init_define_process_env();
11546
- import_react48 = __toESM(require("react"));
11397
+ import_react47 = __toESM(require("react"));
11547
11398
  import_lodash2 = __toESM(require_lodash());
11548
11399
  init_useUISettings();
11549
11400
  init_useFetchRoomLayout();
11550
- RoomLayoutContext = import_react48.default.createContext(void 0);
11401
+ RoomLayoutContext = import_react47.default.createContext(void 0);
11551
11402
  RoomLayoutProvider = ({
11552
11403
  children,
11553
11404
  roomLayoutEndpoint,
@@ -11556,15 +11407,15 @@ var init_roomLayoutProvider = __esm({
11556
11407
  const authToken = useAuthToken();
11557
11408
  const { layout, updateRoomLayoutForRole } = useFetchRoomLayout({ authToken, endpoint: roomLayoutEndpoint });
11558
11409
  const mergedLayout = authToken && layout ? (0, import_lodash2.mergeWith)(layout, overrideLayout, customizer) : layout;
11559
- return /* @__PURE__ */ import_react48.default.createElement(RoomLayoutContext.Provider, { value: { layout: mergedLayout, updateRoomLayoutForRole } }, children);
11410
+ return /* @__PURE__ */ import_react47.default.createElement(RoomLayoutContext.Provider, { value: { layout: mergedLayout, updateRoomLayoutForRole } }, children);
11560
11411
  };
11561
11412
  useRoomLayout = () => {
11562
11413
  var _a8;
11563
- return (_a8 = import_react48.default.useContext(RoomLayoutContext)) == null ? void 0 : _a8.layout;
11414
+ return (_a8 = import_react47.default.useContext(RoomLayoutContext)) == null ? void 0 : _a8.layout;
11564
11415
  };
11565
11416
  useUpdateRoomLayout = () => {
11566
11417
  var _a8;
11567
- return (_a8 = import_react48.default.useContext(RoomLayoutContext)) == null ? void 0 : _a8.updateRoomLayoutForRole;
11418
+ return (_a8 = import_react47.default.useContext(RoomLayoutContext)) == null ? void 0 : _a8.updateRoomLayoutForRole;
11568
11419
  };
11569
11420
  }
11570
11421
  });
@@ -11581,11 +11432,11 @@ function useRoomLayoutScreen({
11581
11432
  function useRoomLayoutPreviewScreen() {
11582
11433
  var _a8;
11583
11434
  const screenProps = useRoomLayoutScreen({ screen: "preview" });
11584
- const isPreviewScreenEnabled = !!screenProps;
11435
+ const isPreviewScreenEnabled = !!screenProps && !(screenProps == null ? void 0 : screenProps.skip_preview_screen);
11585
11436
  let elements;
11586
11437
  let screenType;
11587
11438
  if (isPreviewScreenEnabled) {
11588
- screenType = Object.keys(screenProps)[0];
11439
+ screenType = Object.keys(screenProps).filter((key) => key !== "skip_preview_screen")[0];
11589
11440
  elements = (_a8 = screenProps[screenType]) == null ? void 0 : _a8.elements;
11590
11441
  }
11591
11442
  return {
@@ -11622,12 +11473,12 @@ var init_useRoomLayoutScreen = __esm({
11622
11473
  });
11623
11474
 
11624
11475
  // src/Prebuilt/common/hooks.ts
11625
- var import_react49, import_join_form2, import_react_sdk17, useFilteredRoles, useDefaultChatSelection, useShowStreamingUI, useParticipants;
11476
+ var import_react48, import_join_form2, import_react_sdk17, useFilteredRoles, useDefaultChatSelection, useShowStreamingUI, useParticipants;
11626
11477
  var init_hooks = __esm({
11627
11478
  "src/Prebuilt/common/hooks.ts"() {
11628
11479
  "use strict";
11629
11480
  init_define_process_env();
11630
- import_react49 = require("react");
11481
+ import_react48 = require("react");
11631
11482
  import_join_form2 = require("@100mslive/types-prebuilt/elements/join_form");
11632
11483
  import_react_sdk17 = require("@100mslive/react-sdk");
11633
11484
  init_roomLayoutProvider();
@@ -11682,14 +11533,14 @@ var init_hooks = __esm({
11682
11533
  });
11683
11534
 
11684
11535
  // src/Prebuilt/components/RoleChangeModal.jsx
11685
- var import_react50, import_react_sdk18, import_react_icons16, PeerName, RoleChangeModal;
11536
+ var import_react49, import_react_sdk18, import_react_icons15, PeerName, RoleChangeModal;
11686
11537
  var init_RoleChangeModal = __esm({
11687
11538
  "src/Prebuilt/components/RoleChangeModal.jsx"() {
11688
11539
  "use strict";
11689
11540
  init_define_process_env();
11690
- import_react50 = __toESM(require("react"));
11541
+ import_react49 = __toESM(require("react"));
11691
11542
  import_react_sdk18 = require("@100mslive/react-sdk");
11692
- import_react_icons16 = require("@100mslive/react-icons");
11543
+ import_react_icons15 = require("@100mslive/react-icons");
11693
11544
  init_Button2();
11694
11545
  init_Checkbox2();
11695
11546
  init_Dropdown2();
@@ -11701,9 +11552,9 @@ var init_RoleChangeModal = __esm({
11701
11552
  init_useDropdownSelection();
11702
11553
  init_hooks();
11703
11554
  init_utils();
11704
- PeerName = (0, import_react50.forwardRef)((_a8, ref) => {
11555
+ PeerName = (0, import_react49.forwardRef)((_a8, ref) => {
11705
11556
  var _b7 = _a8, { children, maxWidth } = _b7, rest = __objRest(_b7, ["children", "maxWidth"]);
11706
- return /* @__PURE__ */ import_react50.default.createElement(
11557
+ return /* @__PURE__ */ import_react49.default.createElement(
11707
11558
  Text,
11708
11559
  __spreadProps(__spreadValues({}, rest), {
11709
11560
  ref,
@@ -11722,18 +11573,18 @@ var init_RoleChangeModal = __esm({
11722
11573
  var _a8;
11723
11574
  const peer = (0, import_react_sdk18.useHMSStore)((0, import_react_sdk18.selectPeerByID)(peerId));
11724
11575
  const roles = useFilteredRoles();
11725
- const [selectedRole, setRole] = (0, import_react50.useState)(peer == null ? void 0 : peer.roleName);
11726
- const [requestPermission, setRequestPermission] = (0, import_react50.useState)(true);
11576
+ const [selectedRole, setRole] = (0, import_react49.useState)(peer == null ? void 0 : peer.roleName);
11577
+ const [requestPermission, setRequestPermission] = (0, import_react49.useState)(true);
11727
11578
  const hmsActions = (0, import_react_sdk18.useHMSActions)();
11728
- const [open, setOpen] = (0, import_react50.useState)(false);
11579
+ const [open, setOpen] = (0, import_react49.useState)(false);
11729
11580
  const selectionBg = useDropdownSelection();
11730
- const [peerNameRef, setPeerNameRef] = (0, import_react50.useState)();
11731
- const ref = (0, import_react50.useRef)();
11581
+ const [peerNameRef, setPeerNameRef] = (0, import_react49.useState)();
11582
+ const ref = (0, import_react49.useRef)();
11732
11583
  if (!peer) {
11733
11584
  return null;
11734
11585
  }
11735
11586
  const peerNameMaxWidth = 200;
11736
- return /* @__PURE__ */ import_react50.default.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ import_react50.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react50.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react50.default.createElement(Dialog.Content, { css: { width: "min(400px,80%)", p: "$10" } }, /* @__PURE__ */ import_react50.default.createElement(Dialog.Title, { css: { p: 0 }, asChild: true }, /* @__PURE__ */ import_react50.default.createElement(Text, { as: "h6", variant: "h6" }, "Change Role")), /* @__PURE__ */ import_react50.default.createElement(Dialog.Description, { asChild: true }, /* @__PURE__ */ import_react50.default.createElement(
11587
+ return /* @__PURE__ */ import_react49.default.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ import_react49.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react49.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react49.default.createElement(Dialog.Content, { css: { width: "min(400px,80%)", p: "$10" } }, /* @__PURE__ */ import_react49.default.createElement(Dialog.Title, { css: { p: 0 }, asChild: true }, /* @__PURE__ */ import_react49.default.createElement(Text, { as: "h6", variant: "h6" }, "Change Role")), /* @__PURE__ */ import_react49.default.createElement(Dialog.Description, { asChild: true }, /* @__PURE__ */ import_react49.default.createElement(
11737
11588
  Text,
11738
11589
  {
11739
11590
  variant: "body2",
@@ -11747,9 +11598,9 @@ var init_RoleChangeModal = __esm({
11747
11598
  }
11748
11599
  },
11749
11600
  "Change the role of",
11750
- peerNameRef && peerNameRef.clientWidth === peerNameMaxWidth ? /* @__PURE__ */ import_react50.default.createElement(Tooltip, { title: peer.name, side: "top" }, /* @__PURE__ */ import_react50.default.createElement(PeerName, { ref: setPeerNameRef, maxWidth: peerNameMaxWidth }, peer.name)) : /* @__PURE__ */ import_react50.default.createElement(PeerName, { ref: setPeerNameRef, maxWidth: peerNameMaxWidth }, peer.name),
11601
+ peerNameRef && peerNameRef.clientWidth === peerNameMaxWidth ? /* @__PURE__ */ import_react49.default.createElement(Tooltip, { title: peer.name, side: "top" }, /* @__PURE__ */ import_react49.default.createElement(PeerName, { ref: setPeerNameRef, maxWidth: peerNameMaxWidth }, peer.name)) : /* @__PURE__ */ import_react49.default.createElement(PeerName, { ref: setPeerNameRef, maxWidth: peerNameMaxWidth }, peer.name),
11751
11602
  "to"
11752
- )), /* @__PURE__ */ import_react50.default.createElement(
11603
+ )), /* @__PURE__ */ import_react49.default.createElement(
11753
11604
  Flex,
11754
11605
  {
11755
11606
  align: "center",
@@ -11758,7 +11609,7 @@ var init_RoleChangeModal = __esm({
11758
11609
  mb: "$10"
11759
11610
  }
11760
11611
  },
11761
- /* @__PURE__ */ import_react50.default.createElement(
11612
+ /* @__PURE__ */ import_react49.default.createElement(
11762
11613
  Box,
11763
11614
  {
11764
11615
  css: {
@@ -11767,7 +11618,7 @@ var init_RoleChangeModal = __esm({
11767
11618
  minWidth: 0
11768
11619
  }
11769
11620
  },
11770
- /* @__PURE__ */ import_react50.default.createElement(Dropdown.Root, { open, onOpenChange: setOpen, css: { width: "100%" } }, /* @__PURE__ */ import_react50.default.createElement(
11621
+ /* @__PURE__ */ import_react49.default.createElement(Dropdown.Root, { open, onOpenChange: setOpen, css: { width: "100%" } }, /* @__PURE__ */ import_react49.default.createElement(
11771
11622
  Dropdown.Trigger,
11772
11623
  {
11773
11624
  "data-testid": "open_role_selection_dropdown",
@@ -11780,8 +11631,8 @@ var init_RoleChangeModal = __esm({
11780
11631
  },
11781
11632
  ref
11782
11633
  },
11783
- /* @__PURE__ */ import_react50.default.createElement(Flex, { align: "center", justify: "between", css: { width: "100%" } }, /* @__PURE__ */ import_react50.default.createElement(Text, null, selectedRole), open ? /* @__PURE__ */ import_react50.default.createElement(import_react_icons16.ChevronUpIcon, null) : /* @__PURE__ */ import_react50.default.createElement(import_react_icons16.ChevronDownIcon, null))
11784
- ), /* @__PURE__ */ import_react50.default.createElement(Dropdown.Portal, null, /* @__PURE__ */ import_react50.default.createElement(
11634
+ /* @__PURE__ */ import_react49.default.createElement(Flex, { align: "center", justify: "between", css: { width: "100%" } }, /* @__PURE__ */ import_react49.default.createElement(Text, null, selectedRole), open ? /* @__PURE__ */ import_react49.default.createElement(import_react_icons15.ChevronUpIcon, null) : /* @__PURE__ */ import_react49.default.createElement(import_react_icons15.ChevronDownIcon, null))
11635
+ ), /* @__PURE__ */ import_react49.default.createElement(Dropdown.Portal, null, /* @__PURE__ */ import_react49.default.createElement(
11785
11636
  Dropdown.Content,
11786
11637
  {
11787
11638
  align: "start",
@@ -11789,7 +11640,7 @@ var init_RoleChangeModal = __esm({
11789
11640
  css: { zIndex: 1e3, width: (_a8 = ref.current) == null ? void 0 : _a8.clientWidth }
11790
11641
  },
11791
11642
  roles.map((role) => {
11792
- return /* @__PURE__ */ import_react50.default.createElement(
11643
+ return /* @__PURE__ */ import_react49.default.createElement(
11793
11644
  Dropdown.Item,
11794
11645
  {
11795
11646
  "data-testid": role,
@@ -11805,7 +11656,7 @@ var init_RoleChangeModal = __esm({
11805
11656
  })
11806
11657
  )))
11807
11658
  )
11808
- ), !peer.isLocal && /* @__PURE__ */ import_react50.default.createElement(Flex, { justify: "between", css: { w: "100%", mb: "$10" } }, /* @__PURE__ */ import_react50.default.createElement(Label3, { htmlFor: "requestRoleChangePermission", css: { cursor: "pointer" } }, "Request Permission"), /* @__PURE__ */ import_react50.default.createElement(
11659
+ ), !peer.isLocal && /* @__PURE__ */ import_react49.default.createElement(Flex, { justify: "between", css: { w: "100%", mb: "$10" } }, /* @__PURE__ */ import_react49.default.createElement(Label3, { htmlFor: "requestRoleChangePermission", css: { cursor: "pointer" } }, "Request Permission"), /* @__PURE__ */ import_react49.default.createElement(
11809
11660
  Checkbox.Root,
11810
11661
  {
11811
11662
  checked: requestPermission,
@@ -11813,8 +11664,8 @@ var init_RoleChangeModal = __esm({
11813
11664
  id: "requestRoleChangePermission",
11814
11665
  "data-testid": "force_role_change_checkbox"
11815
11666
  },
11816
- /* @__PURE__ */ import_react50.default.createElement(Checkbox.Indicator, null, /* @__PURE__ */ import_react50.default.createElement(import_react_icons16.CheckIcon, { width: 16, height: 16 }))
11817
- )), /* @__PURE__ */ import_react50.default.createElement(Flex, { justify: "center", align: "center", css: { width: "100%", gap: "$md" } }, /* @__PURE__ */ import_react50.default.createElement(Box, { css: { width: "50%" } }, /* @__PURE__ */ import_react50.default.createElement(Dialog.Close, { css: { width: "100%", p: "$4 $8" }, asChild: true }, /* @__PURE__ */ import_react50.default.createElement(Button, { variant: "standard", outlined: true, css: { width: "100%" }, "data-testid": "cancel_button" }, "Cancel"))), /* @__PURE__ */ import_react50.default.createElement(Box, { css: { width: "50%" } }, /* @__PURE__ */ import_react50.default.createElement(
11667
+ /* @__PURE__ */ import_react49.default.createElement(Checkbox.Indicator, null, /* @__PURE__ */ import_react49.default.createElement(import_react_icons15.CheckIcon, { width: 16, height: 16 }))
11668
+ )), /* @__PURE__ */ import_react49.default.createElement(Flex, { justify: "center", align: "center", css: { width: "100%", gap: "$md" } }, /* @__PURE__ */ import_react49.default.createElement(Box, { css: { width: "50%" } }, /* @__PURE__ */ import_react49.default.createElement(Dialog.Close, { css: { width: "100%", p: "$4 $8" }, asChild: true }, /* @__PURE__ */ import_react49.default.createElement(Button, { variant: "standard", outlined: true, css: { width: "100%" }, "data-testid": "cancel_button" }, "Cancel"))), /* @__PURE__ */ import_react49.default.createElement(Box, { css: { width: "50%" } }, /* @__PURE__ */ import_react49.default.createElement(
11818
11669
  Button,
11819
11670
  {
11820
11671
  "data-testid": "change_button",
@@ -11832,16 +11683,16 @@ var init_RoleChangeModal = __esm({
11832
11683
  });
11833
11684
 
11834
11685
  // src/Prebuilt/primitives/DropdownTrigger.jsx
11835
- var import_react51, import_react_icons17, DialogDropdownTrigger;
11686
+ var import_react50, import_react_icons16, DialogDropdownTrigger;
11836
11687
  var init_DropdownTrigger = __esm({
11837
11688
  "src/Prebuilt/primitives/DropdownTrigger.jsx"() {
11838
11689
  "use strict";
11839
11690
  init_define_process_env();
11840
- import_react51 = __toESM(require("react"));
11841
- import_react_icons17 = require("@100mslive/react-icons");
11691
+ import_react50 = __toESM(require("react"));
11692
+ import_react_icons16 = require("@100mslive/react-icons");
11842
11693
  init_src();
11843
- DialogDropdownTrigger = import_react51.default.forwardRef(({ title, css: css2, open, icon, titleCSS = {} }, ref) => {
11844
- return /* @__PURE__ */ import_react51.default.createElement(
11694
+ DialogDropdownTrigger = import_react50.default.forwardRef(({ title, css: css2, open, icon, titleCSS = {} }, ref) => {
11695
+ return /* @__PURE__ */ import_react50.default.createElement(
11845
11696
  Dropdown.Trigger,
11846
11697
  {
11847
11698
  asChild: true,
@@ -11855,7 +11706,7 @@ var init_DropdownTrigger = __esm({
11855
11706
  }, css2),
11856
11707
  ref
11857
11708
  },
11858
- /* @__PURE__ */ import_react51.default.createElement(
11709
+ /* @__PURE__ */ import_react50.default.createElement(
11859
11710
  Flex,
11860
11711
  {
11861
11712
  css: {
@@ -11866,7 +11717,7 @@ var init_DropdownTrigger = __esm({
11866
11717
  }
11867
11718
  },
11868
11719
  icon,
11869
- /* @__PURE__ */ import_react51.default.createElement(
11720
+ /* @__PURE__ */ import_react50.default.createElement(
11870
11721
  Text,
11871
11722
  {
11872
11723
  css: __spreadValues(__spreadProps(__spreadValues({
@@ -11878,7 +11729,7 @@ var init_DropdownTrigger = __esm({
11878
11729
  },
11879
11730
  title
11880
11731
  ),
11881
- open ? /* @__PURE__ */ import_react51.default.createElement(import_react_icons17.ChevronUpIcon, null) : /* @__PURE__ */ import_react51.default.createElement(import_react_icons17.ChevronDownIcon, null)
11732
+ open ? /* @__PURE__ */ import_react50.default.createElement(import_react_icons16.ChevronUpIcon, null) : /* @__PURE__ */ import_react50.default.createElement(import_react_icons16.ChevronDownIcon, null)
11882
11733
  )
11883
11734
  );
11884
11735
  });
@@ -11886,15 +11737,15 @@ var init_DropdownTrigger = __esm({
11886
11737
  });
11887
11738
 
11888
11739
  // src/Prebuilt/components/Settings/DeviceSettings.jsx
11889
- var import_react52, import_react_use5, import_react_sdk19, import_react_icons18, Settings, DeviceSelector, TEST_AUDIO_URL, TestAudio, DeviceSettings_default;
11740
+ var import_react51, import_react_use5, import_react_sdk19, import_react_icons17, Settings, DeviceSelector, TEST_AUDIO_URL, TestAudio, DeviceSettings_default;
11890
11741
  var init_DeviceSettings = __esm({
11891
11742
  "src/Prebuilt/components/Settings/DeviceSettings.jsx"() {
11892
11743
  "use strict";
11893
11744
  init_define_process_env();
11894
- import_react52 = __toESM(require("react"));
11745
+ import_react51 = __toESM(require("react"));
11895
11746
  import_react_use5 = require("react-use");
11896
11747
  import_react_sdk19 = require("@100mslive/react-sdk");
11897
- import_react_icons18 = require("@100mslive/react-icons");
11748
+ import_react_icons17 = require("@100mslive/react-icons");
11898
11749
  init_src();
11899
11750
  init_Theme();
11900
11751
  init_DropdownTrigger();
@@ -11914,7 +11765,7 @@ var init_DeviceSettings = __esm({
11914
11765
  const hmsActions = (0, import_react_sdk19.useHMSActions)();
11915
11766
  const track = (0, import_react_sdk19.useHMSStore)(trackSelector);
11916
11767
  const isMobile = (0, import_react_use5.useMedia)(config.media.md);
11917
- (0, import_react52.useEffect)(() => {
11768
+ (0, import_react51.useEffect)(() => {
11918
11769
  if (isMobile) {
11919
11770
  hmsActions.refreshDevices();
11920
11771
  }
@@ -11923,7 +11774,7 @@ var init_DeviceSettings = __esm({
11923
11774
  if (!(videoInput == null ? void 0 : videoInput.length) && !(audioInput == null ? void 0 : audioInput.length) && !(audioOutputFiltered == null ? void 0 : audioOutputFiltered.length)) {
11924
11775
  setHide(true);
11925
11776
  }
11926
- return /* @__PURE__ */ import_react52.default.createElement(Box, { className: settingOverflow() }, (videoInput == null ? void 0 : videoInput.length) ? /* @__PURE__ */ import_react52.default.createElement(import_react52.Fragment, null, isVideoOn && /* @__PURE__ */ import_react52.default.createElement(
11777
+ return /* @__PURE__ */ import_react51.default.createElement(Box, { className: settingOverflow() }, (videoInput == null ? void 0 : videoInput.length) ? /* @__PURE__ */ import_react51.default.createElement(import_react51.Fragment, null, isVideoOn && /* @__PURE__ */ import_react51.default.createElement(
11927
11778
  StyledVideoTile.Container,
11928
11779
  {
11929
11780
  css: {
@@ -11934,24 +11785,24 @@ var init_DeviceSettings = __esm({
11934
11785
  m: "$10 auto"
11935
11786
  }
11936
11787
  },
11937
- /* @__PURE__ */ import_react52.default.createElement(Video, { trackId: videoTrackId, mirror: (track == null ? void 0 : track.facingMode) !== "environment" && mirrorLocalVideo })
11938
- ), /* @__PURE__ */ import_react52.default.createElement(
11788
+ /* @__PURE__ */ import_react51.default.createElement(Video, { trackId: videoTrackId, mirror: (track == null ? void 0 : track.facingMode) !== "environment" && mirrorLocalVideo })
11789
+ ), /* @__PURE__ */ import_react51.default.createElement(
11939
11790
  DeviceSelector,
11940
11791
  {
11941
11792
  title: "Video",
11942
11793
  devices: videoInput,
11943
- icon: /* @__PURE__ */ import_react52.default.createElement(import_react_icons18.VideoOnIcon, null),
11794
+ icon: /* @__PURE__ */ import_react51.default.createElement(import_react_icons17.VideoOnIcon, null),
11944
11795
  selection: selectedDeviceIDs.videoInput,
11945
11796
  onChange: (deviceId) => updateDevice({
11946
11797
  deviceId,
11947
11798
  deviceType: import_react_sdk19.DeviceType.videoInput
11948
11799
  })
11949
11800
  }
11950
- )) : null, (audioInput == null ? void 0 : audioInput.length) ? /* @__PURE__ */ import_react52.default.createElement(
11801
+ )) : null, (audioInput == null ? void 0 : audioInput.length) ? /* @__PURE__ */ import_react51.default.createElement(
11951
11802
  DeviceSelector,
11952
11803
  {
11953
11804
  title: shouldShowAudioOutput ? "Microphone" : "Audio",
11954
- icon: /* @__PURE__ */ import_react52.default.createElement(import_react_icons18.MicOnIcon, null),
11805
+ icon: /* @__PURE__ */ import_react51.default.createElement(import_react_icons17.MicOnIcon, null),
11955
11806
  devices: audioInput,
11956
11807
  selection: selectedDeviceIDs.audioInput,
11957
11808
  onChange: (deviceId) => updateDevice({
@@ -11959,11 +11810,11 @@ var init_DeviceSettings = __esm({
11959
11810
  deviceType: import_react_sdk19.DeviceType.audioInput
11960
11811
  })
11961
11812
  }
11962
- ) : null, (audioOutputFiltered == null ? void 0 : audioOutputFiltered.length) && shouldShowAudioOutput ? /* @__PURE__ */ import_react52.default.createElement(
11813
+ ) : null, (audioOutputFiltered == null ? void 0 : audioOutputFiltered.length) && shouldShowAudioOutput ? /* @__PURE__ */ import_react51.default.createElement(
11963
11814
  DeviceSelector,
11964
11815
  {
11965
11816
  title: "Speaker",
11966
- icon: /* @__PURE__ */ import_react52.default.createElement(import_react_icons18.SpeakerIcon, null),
11817
+ icon: /* @__PURE__ */ import_react51.default.createElement(import_react_icons17.SpeakerIcon, null),
11967
11818
  devices: audioOutput,
11968
11819
  selection: selectedDeviceIDs.audioOutput,
11969
11820
  onChange: (deviceId) => updateDevice({
@@ -11971,15 +11822,15 @@ var init_DeviceSettings = __esm({
11971
11822
  deviceType: import_react_sdk19.DeviceType.audioOutput
11972
11823
  })
11973
11824
  },
11974
- /* @__PURE__ */ import_react52.default.createElement(TestAudio, { id: selectedDeviceIDs.audioOutput })
11825
+ /* @__PURE__ */ import_react51.default.createElement(TestAudio, { id: selectedDeviceIDs.audioOutput })
11975
11826
  ) : null);
11976
11827
  };
11977
11828
  DeviceSelector = ({ title, devices, selection, onChange, icon, children = null }) => {
11978
11829
  var _a8, _b7;
11979
- const [open, setOpen] = (0, import_react52.useState)(false);
11830
+ const [open, setOpen] = (0, import_react51.useState)(false);
11980
11831
  const selectionBg = useDropdownSelection();
11981
- const ref = (0, import_react52.useRef)(null);
11982
- return /* @__PURE__ */ import_react52.default.createElement(Box, { css: { mb: "$10" } }, /* @__PURE__ */ import_react52.default.createElement(Text, { css: { mb: "$4" } }, title), /* @__PURE__ */ import_react52.default.createElement(
11832
+ const ref = (0, import_react51.useRef)(null);
11833
+ return /* @__PURE__ */ import_react51.default.createElement(Box, { css: { mb: "$10" } }, /* @__PURE__ */ import_react51.default.createElement(Text, { css: { mb: "$4" } }, title), /* @__PURE__ */ import_react51.default.createElement(
11983
11834
  Flex,
11984
11835
  {
11985
11836
  align: "center",
@@ -11991,7 +11842,7 @@ var init_DeviceSettings = __esm({
11991
11842
  }
11992
11843
  }
11993
11844
  },
11994
- /* @__PURE__ */ import_react52.default.createElement(
11845
+ /* @__PURE__ */ import_react51.default.createElement(
11995
11846
  Box,
11996
11847
  {
11997
11848
  css: {
@@ -12005,7 +11856,7 @@ var init_DeviceSettings = __esm({
12005
11856
  }
12006
11857
  }
12007
11858
  },
12008
- /* @__PURE__ */ import_react52.default.createElement(Dropdown.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ import_react52.default.createElement(
11859
+ /* @__PURE__ */ import_react51.default.createElement(Dropdown.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ import_react51.default.createElement(
12009
11860
  DialogDropdownTrigger,
12010
11861
  {
12011
11862
  ref,
@@ -12013,8 +11864,8 @@ var init_DeviceSettings = __esm({
12013
11864
  title: ((_a8 = devices.find(({ deviceId }) => deviceId === selection)) == null ? void 0 : _a8.label) || "Select device from list",
12014
11865
  open
12015
11866
  }
12016
- ), /* @__PURE__ */ import_react52.default.createElement(Dropdown.Portal, null, /* @__PURE__ */ import_react52.default.createElement(Dropdown.Content, { align: "start", sideOffset: 8, css: { w: (_b7 = ref.current) == null ? void 0 : _b7.clientWidth, zIndex: 1001 } }, devices.map((device) => {
12017
- return /* @__PURE__ */ import_react52.default.createElement(
11867
+ ), /* @__PURE__ */ import_react51.default.createElement(Dropdown.Portal, null, /* @__PURE__ */ import_react51.default.createElement(Dropdown.Content, { align: "start", sideOffset: 8, css: { w: (_b7 = ref.current) == null ? void 0 : _b7.clientWidth, zIndex: 1001 } }, devices.map((device) => {
11868
+ return /* @__PURE__ */ import_react51.default.createElement(
12018
11869
  Dropdown.Item,
12019
11870
  {
12020
11871
  key: device.label,
@@ -12033,9 +11884,9 @@ var init_DeviceSettings = __esm({
12033
11884
  };
12034
11885
  TEST_AUDIO_URL = "https://100ms.live/test-audio.wav";
12035
11886
  TestAudio = ({ id }) => {
12036
- const audioRef = (0, import_react52.useRef)(null);
12037
- const [playing, setPlaying] = (0, import_react52.useState)(false);
12038
- (0, import_react52.useEffect)(() => {
11887
+ const audioRef = (0, import_react51.useRef)(null);
11888
+ const [playing, setPlaying] = (0, import_react51.useState)(false);
11889
+ (0, import_react51.useEffect)(() => {
12039
11890
  if (audioRef.current && id) {
12040
11891
  try {
12041
11892
  if (typeof audioRef.current.setSinkId !== "undefined") {
@@ -12046,7 +11897,7 @@ var init_DeviceSettings = __esm({
12046
11897
  }
12047
11898
  }
12048
11899
  }, [id]);
12049
- return /* @__PURE__ */ import_react52.default.createElement(import_react52.default.Fragment, null, /* @__PURE__ */ import_react52.default.createElement(
11900
+ return /* @__PURE__ */ import_react51.default.createElement(import_react51.default.Fragment, null, /* @__PURE__ */ import_react51.default.createElement(
12050
11901
  Button,
12051
11902
  {
12052
11903
  variant: "standard",
@@ -12063,28 +11914,28 @@ var init_DeviceSettings = __esm({
12063
11914
  },
12064
11915
  disabled: playing
12065
11916
  },
12066
- /* @__PURE__ */ import_react52.default.createElement(import_react_icons18.SpeakerIcon, null),
11917
+ /* @__PURE__ */ import_react51.default.createElement(import_react_icons17.SpeakerIcon, null),
12067
11918
  "\xA0Test",
12068
11919
  " ",
12069
- /* @__PURE__ */ import_react52.default.createElement(Text, { as: "span", css: { display: "none", "@md": { display: "inline" } } }, "\xA0 speaker")
12070
- ), /* @__PURE__ */ import_react52.default.createElement("audio", { ref: audioRef, src: TEST_AUDIO_URL, onEnded: () => setPlaying(false), onPlay: () => setPlaying(true) }));
11920
+ /* @__PURE__ */ import_react51.default.createElement(Text, { as: "span", css: { display: "none", "@md": { display: "inline" } } }, "\xA0 speaker")
11921
+ ), /* @__PURE__ */ import_react51.default.createElement("audio", { ref: audioRef, src: TEST_AUDIO_URL, onEnded: () => setPlaying(false), onPlay: () => setPlaying(true) }));
12071
11922
  };
12072
11923
  DeviceSettings_default = Settings;
12073
11924
  }
12074
11925
  });
12075
11926
 
12076
11927
  // src/Prebuilt/components/Settings/SwitchWithLabel.jsx
12077
- var import_react53, SwitchWithLabel, SwitchWithLabel_default;
11928
+ var import_react52, SwitchWithLabel, SwitchWithLabel_default;
12078
11929
  var init_SwitchWithLabel = __esm({
12079
11930
  "src/Prebuilt/components/Settings/SwitchWithLabel.jsx"() {
12080
11931
  "use strict";
12081
11932
  init_define_process_env();
12082
- import_react53 = __toESM(require("react"));
11933
+ import_react52 = __toESM(require("react"));
12083
11934
  init_Label2();
12084
11935
  init_Layout();
12085
11936
  init_Switch2();
12086
11937
  SwitchWithLabel = ({ label, icon, id, onChange, checked, hide = false }) => {
12087
- return /* @__PURE__ */ import_react53.default.createElement(
11938
+ return /* @__PURE__ */ import_react52.default.createElement(
12088
11939
  Flex,
12089
11940
  {
12090
11941
  align: "center",
@@ -12096,7 +11947,7 @@ var init_SwitchWithLabel = __esm({
12096
11947
  display: hide ? "none" : "flex"
12097
11948
  }
12098
11949
  },
12099
- /* @__PURE__ */ import_react53.default.createElement(
11950
+ /* @__PURE__ */ import_react52.default.createElement(
12100
11951
  Label3,
12101
11952
  {
12102
11953
  htmlFor: id,
@@ -12114,7 +11965,7 @@ var init_SwitchWithLabel = __esm({
12114
11965
  icon,
12115
11966
  label
12116
11967
  ),
12117
- /* @__PURE__ */ import_react53.default.createElement(Switch, { id, checked, onCheckedChange: onChange })
11968
+ /* @__PURE__ */ import_react52.default.createElement(Switch, { id, checked, onCheckedChange: onChange })
12118
11969
  );
12119
11970
  };
12120
11971
  SwitchWithLabel_default = SwitchWithLabel;
@@ -12122,12 +11973,12 @@ var init_SwitchWithLabel = __esm({
12122
11973
  });
12123
11974
 
12124
11975
  // src/Prebuilt/components/Settings/LayoutSettings.jsx
12125
- var import_react54, import_react_sdk20, LayoutSettings;
11976
+ var import_react53, import_react_sdk20, LayoutSettings;
12126
11977
  var init_LayoutSettings = __esm({
12127
11978
  "src/Prebuilt/components/Settings/LayoutSettings.jsx"() {
12128
11979
  "use strict";
12129
11980
  init_define_process_env();
12130
- import_react54 = __toESM(require("react"));
11981
+ import_react53 = __toESM(require("react"));
12131
11982
  import_react_sdk20 = require("@100mslive/react-sdk");
12132
11983
  init_src();
12133
11984
  init_SwitchWithLabel();
@@ -12139,7 +11990,7 @@ var init_LayoutSettings = __esm({
12139
11990
  const isLocalVideoEnabled = (0, import_react_sdk20.useHMSStore)(import_react_sdk20.selectIsLocalVideoEnabled);
12140
11991
  const isLocalScreenShared = (0, import_react_sdk20.useHMSStore)(import_react_sdk20.selectIsLocalScreenShared);
12141
11992
  const [{ isAudioOnly, maxTileCount, mirrorLocalVideo }, setUISettings] = useSetUiSettings();
12142
- const toggleIsAudioOnly = (0, import_react54.useCallback)(
11993
+ const toggleIsAudioOnly = (0, import_react53.useCallback)(
12143
11994
  (isAudioOnlyModeOn) => __async(void 0, null, function* () {
12144
11995
  if (isAudioOnlyModeOn) {
12145
11996
  isLocalVideoEnabled && (yield hmsActions.setLocalVideoEnabled(false));
@@ -12149,7 +12000,7 @@ var init_LayoutSettings = __esm({
12149
12000
  }),
12150
12001
  [hmsActions, isLocalVideoEnabled, isLocalScreenShared, setUISettings]
12151
12002
  );
12152
- return /* @__PURE__ */ import_react54.default.createElement(Box, { className: settingOverflow() }, /* @__PURE__ */ import_react54.default.createElement(SwitchWithLabel_default, { label: "Audio Only Mode", id: "audioOnlyMode", checked: isAudioOnly, onChange: toggleIsAudioOnly }), /* @__PURE__ */ import_react54.default.createElement(
12003
+ return /* @__PURE__ */ import_react53.default.createElement(Box, { className: settingOverflow() }, /* @__PURE__ */ import_react53.default.createElement(SwitchWithLabel_default, { label: "Audio Only Mode", id: "audioOnlyMode", checked: isAudioOnly, onChange: toggleIsAudioOnly }), /* @__PURE__ */ import_react53.default.createElement(
12153
12004
  SwitchWithLabel_default,
12154
12005
  {
12155
12006
  label: "Mirror Local Video",
@@ -12161,7 +12012,7 @@ var init_LayoutSettings = __esm({
12161
12012
  });
12162
12013
  }
12163
12014
  }
12164
- ), /* @__PURE__ */ import_react54.default.createElement(Flex, { align: "center", css: { w: "100%", my: "$2", py: "$8", "@md": { display: "none" } } }, /* @__PURE__ */ import_react54.default.createElement(Text, { variant: "md", css: { fontWeight: "$semiBold" } }, "Tiles In View(", maxTileCount, ")"), /* @__PURE__ */ import_react54.default.createElement(Flex, { justify: "end", css: { flex: "1 1 0" } }, /* @__PURE__ */ import_react54.default.createElement(
12015
+ ), /* @__PURE__ */ import_react53.default.createElement(Flex, { align: "center", css: { w: "100%", my: "$2", py: "$8", "@md": { display: "none" } } }, /* @__PURE__ */ import_react53.default.createElement(Text, { variant: "md", css: { fontWeight: "$semiBold" } }, "Tiles In View(", maxTileCount, ")"), /* @__PURE__ */ import_react53.default.createElement(Flex, { justify: "end", css: { flex: "1 1 0" } }, /* @__PURE__ */ import_react53.default.createElement(
12165
12016
  Slider,
12166
12017
  {
12167
12018
  step: 1,
@@ -12179,13 +12030,13 @@ var init_LayoutSettings = __esm({
12179
12030
  });
12180
12031
 
12181
12032
  // src/Prebuilt/components/Settings/NotificationSettings.jsx
12182
- var import_react55, import_react_icons19, NotificationItem, NotificationSettings;
12033
+ var import_react54, import_react_icons18, NotificationItem, NotificationSettings;
12183
12034
  var init_NotificationSettings = __esm({
12184
12035
  "src/Prebuilt/components/Settings/NotificationSettings.jsx"() {
12185
12036
  "use strict";
12186
12037
  init_define_process_env();
12187
- import_react55 = __toESM(require("react"));
12188
- import_react_icons19 = require("@100mslive/react-icons");
12038
+ import_react54 = __toESM(require("react"));
12039
+ import_react_icons18 = require("@100mslive/react-icons");
12189
12040
  init_src();
12190
12041
  init_SwitchWithLabel();
12191
12042
  init_useUISettings();
@@ -12193,7 +12044,7 @@ var init_NotificationSettings = __esm({
12193
12044
  init_constants();
12194
12045
  NotificationItem = ({ type, label, icon, checked }) => {
12195
12046
  const [, setSubscribedNotifications] = useSetSubscribedNotifications(type);
12196
- return /* @__PURE__ */ import_react55.default.createElement(
12047
+ return /* @__PURE__ */ import_react54.default.createElement(
12197
12048
  SwitchWithLabel_default,
12198
12049
  {
12199
12050
  label,
@@ -12208,36 +12059,36 @@ var init_NotificationSettings = __esm({
12208
12059
  };
12209
12060
  NotificationSettings = () => {
12210
12061
  const subscribedNotifications = useSubscribedNotifications();
12211
- return /* @__PURE__ */ import_react55.default.createElement(Box, { className: settingOverflow() }, /* @__PURE__ */ import_react55.default.createElement(
12062
+ return /* @__PURE__ */ import_react54.default.createElement(Box, { className: settingOverflow() }, /* @__PURE__ */ import_react54.default.createElement(
12212
12063
  NotificationItem,
12213
12064
  {
12214
12065
  label: "Peer Joined",
12215
12066
  type: SUBSCRIBED_NOTIFICATIONS.PEER_JOINED,
12216
- icon: /* @__PURE__ */ import_react55.default.createElement(import_react_icons19.PeopleAddIcon, null),
12067
+ icon: /* @__PURE__ */ import_react54.default.createElement(import_react_icons18.PeopleAddIcon, null),
12217
12068
  checked: subscribedNotifications.PEER_JOINED
12218
12069
  }
12219
- ), /* @__PURE__ */ import_react55.default.createElement(
12070
+ ), /* @__PURE__ */ import_react54.default.createElement(
12220
12071
  NotificationItem,
12221
12072
  {
12222
12073
  label: "Peer Leave",
12223
12074
  type: SUBSCRIBED_NOTIFICATIONS.PEER_LEFT,
12224
- icon: /* @__PURE__ */ import_react55.default.createElement(import_react_icons19.PeopleRemoveIcon, null),
12075
+ icon: /* @__PURE__ */ import_react54.default.createElement(import_react_icons18.PeopleRemoveIcon, null),
12225
12076
  checked: subscribedNotifications.PEER_LEFT
12226
12077
  }
12227
- ), /* @__PURE__ */ import_react55.default.createElement(
12078
+ ), /* @__PURE__ */ import_react54.default.createElement(
12228
12079
  NotificationItem,
12229
12080
  {
12230
12081
  label: "Hand Raised",
12231
12082
  type: SUBSCRIBED_NOTIFICATIONS.METADATA_UPDATED,
12232
- icon: /* @__PURE__ */ import_react55.default.createElement(import_react_icons19.HandIcon, null),
12083
+ icon: /* @__PURE__ */ import_react54.default.createElement(import_react_icons18.HandIcon, null),
12233
12084
  checked: subscribedNotifications.METADATA_UPDATED
12234
12085
  }
12235
- ), /* @__PURE__ */ import_react55.default.createElement(
12086
+ ), /* @__PURE__ */ import_react54.default.createElement(
12236
12087
  NotificationItem,
12237
12088
  {
12238
12089
  label: "Error",
12239
12090
  type: SUBSCRIBED_NOTIFICATIONS.ERROR,
12240
- icon: /* @__PURE__ */ import_react55.default.createElement(import_react_icons19.AlertOctagonIcon, null),
12091
+ icon: /* @__PURE__ */ import_react54.default.createElement(import_react_icons18.AlertOctagonIcon, null),
12241
12092
  checked: subscribedNotifications.ERROR
12242
12093
  }
12243
12094
  ));
@@ -12246,12 +12097,12 @@ var init_NotificationSettings = __esm({
12246
12097
  });
12247
12098
 
12248
12099
  // src/Prebuilt/components/Settings/common.js
12249
- var import_react_icons20, settingOverflow, settingContent, settingsList;
12100
+ var import_react_icons19, settingOverflow, settingContent, settingsList;
12250
12101
  var init_common = __esm({
12251
12102
  "src/Prebuilt/components/Settings/common.js"() {
12252
12103
  "use strict";
12253
12104
  init_define_process_env();
12254
- import_react_icons20 = require("@100mslive/react-icons");
12105
+ import_react_icons19 = require("@100mslive/react-icons");
12255
12106
  init_src();
12256
12107
  init_DeviceSettings();
12257
12108
  init_LayoutSettings();
@@ -12273,19 +12124,19 @@ var init_common = __esm({
12273
12124
  {
12274
12125
  tabName: "devices",
12275
12126
  title: "Device Settings",
12276
- icon: import_react_icons20.SettingsIcon,
12127
+ icon: import_react_icons19.SettingsIcon,
12277
12128
  content: DeviceSettings_default
12278
12129
  },
12279
12130
  {
12280
12131
  tabName: "notifications",
12281
12132
  title: "Notifications",
12282
- icon: import_react_icons20.NotificationsIcon,
12133
+ icon: import_react_icons19.NotificationsIcon,
12283
12134
  content: NotificationSettings
12284
12135
  },
12285
12136
  {
12286
12137
  tabName: "layout",
12287
12138
  title: "Layout",
12288
- icon: import_react_icons20.GridFourIcon,
12139
+ icon: import_react_icons19.GridFourIcon,
12289
12140
  content: LayoutSettings
12290
12141
  }
12291
12142
  ];
@@ -12293,14 +12144,14 @@ var init_common = __esm({
12293
12144
  });
12294
12145
 
12295
12146
  // src/Prebuilt/components/Settings/SettingsModal.jsx
12296
- var import_react56, import_react_use6, import_react_icons21, SettingsModal, MobileSettingModal, DesktopSettingModal, SettingsContentHeader, SettingsModal_default;
12147
+ var import_react55, import_react_use6, import_react_icons20, SettingsModal, MobileSettingModal, DesktopSettingModal, SettingsContentHeader, SettingsModal_default;
12297
12148
  var init_SettingsModal = __esm({
12298
12149
  "src/Prebuilt/components/Settings/SettingsModal.jsx"() {
12299
12150
  "use strict";
12300
12151
  init_define_process_env();
12301
- import_react56 = __toESM(require("react"));
12152
+ import_react55 = __toESM(require("react"));
12302
12153
  import_react_use6 = require("react-use");
12303
- import_react_icons21 = require("@100mslive/react-icons");
12154
+ import_react_icons20 = require("@100mslive/react-icons");
12304
12155
  init_Divider2();
12305
12156
  init_IconButton2();
12306
12157
  init_Layout();
@@ -12310,29 +12161,29 @@ var init_SettingsModal = __esm({
12310
12161
  init_Text2();
12311
12162
  init_Theme();
12312
12163
  init_common();
12313
- SettingsModal = ({ open, onOpenChange, screenType, children = /* @__PURE__ */ import_react56.default.createElement(import_react56.default.Fragment, null) }) => {
12164
+ SettingsModal = ({ open, onOpenChange, screenType, children = /* @__PURE__ */ import_react55.default.createElement(import_react55.default.Fragment, null) }) => {
12314
12165
  const mediaQueryLg = config.media.md;
12315
12166
  const isMobile = (0, import_react_use6.useMedia)(mediaQueryLg);
12316
- const [showSetting, setShowSetting] = (0, import_react56.useState)(
12167
+ const [showSetting, setShowSetting] = (0, import_react55.useState)(
12317
12168
  () => settingsList.reduce((obj, { tabName }) => __spreadProps(__spreadValues({}, obj), { [tabName]: true }), {})
12318
12169
  );
12319
- const hideSettingByTabName = (0, import_react56.useCallback)(
12170
+ const hideSettingByTabName = (0, import_react55.useCallback)(
12320
12171
  (key) => (hide) => setShowSetting((prev) => __spreadProps(__spreadValues({}, prev), { [key]: !hide })),
12321
12172
  [setShowSetting]
12322
12173
  );
12323
- (0, import_react56.useEffect)(() => {
12174
+ (0, import_react55.useEffect)(() => {
12324
12175
  if (screenType === "hls_live_streaming") {
12325
12176
  hideSettingByTabName("layout")(true);
12326
12177
  }
12327
12178
  }, [screenType, hideSettingByTabName]);
12328
- const [selection, setSelection] = (0, import_react56.useState)(() => {
12179
+ const [selection, setSelection] = (0, import_react55.useState)(() => {
12329
12180
  var _a8;
12330
12181
  return (_a8 = Object.keys(showSetting).find((key) => showSetting[key])) != null ? _a8 : "";
12331
12182
  });
12332
- const resetSelection = (0, import_react56.useCallback)(() => {
12183
+ const resetSelection = (0, import_react55.useCallback)(() => {
12333
12184
  setSelection("");
12334
12185
  }, []);
12335
- (0, import_react56.useEffect)(() => {
12186
+ (0, import_react55.useEffect)(() => {
12336
12187
  var _a8;
12337
12188
  if (isMobile) {
12338
12189
  setSelection("");
@@ -12341,7 +12192,7 @@ var init_SettingsModal = __esm({
12341
12192
  setSelection(firstNotHiddenTabName);
12342
12193
  }
12343
12194
  }, [isMobile, showSetting]);
12344
- return isMobile ? /* @__PURE__ */ import_react56.default.createElement(
12195
+ return isMobile ? /* @__PURE__ */ import_react55.default.createElement(
12345
12196
  MobileSettingModal,
12346
12197
  {
12347
12198
  open,
@@ -12353,7 +12204,7 @@ var init_SettingsModal = __esm({
12353
12204
  resetSelection,
12354
12205
  children
12355
12206
  }
12356
- ) : /* @__PURE__ */ import_react56.default.createElement(
12207
+ ) : /* @__PURE__ */ import_react55.default.createElement(
12357
12208
  DesktopSettingModal,
12358
12209
  {
12359
12210
  open,
@@ -12375,9 +12226,9 @@ var init_SettingsModal = __esm({
12375
12226
  showSetting,
12376
12227
  hideSettingByTabName,
12377
12228
  resetSelection,
12378
- children = /* @__PURE__ */ import_react56.default.createElement(import_react56.default.Fragment, null)
12229
+ children = /* @__PURE__ */ import_react55.default.createElement(import_react55.default.Fragment, null)
12379
12230
  }) => {
12380
- return /* @__PURE__ */ import_react56.default.createElement(Sheet.Root, { open, onOpenChange }, /* @__PURE__ */ import_react56.default.createElement(Sheet.Trigger, { asChild: true }, children), /* @__PURE__ */ import_react56.default.createElement(
12231
+ return /* @__PURE__ */ import_react55.default.createElement(Sheet.Root, { open, onOpenChange }, /* @__PURE__ */ import_react55.default.createElement(Sheet.Trigger, { asChild: true }, children), /* @__PURE__ */ import_react55.default.createElement(
12381
12232
  Sheet.Content,
12382
12233
  {
12383
12234
  css: {
@@ -12385,9 +12236,9 @@ var init_SettingsModal = __esm({
12385
12236
  overflowY: "auto"
12386
12237
  }
12387
12238
  },
12388
- /* @__PURE__ */ import_react56.default.createElement(Sheet.Title, { css: { py: "$10", px: "$8", alignItems: "center" } }, /* @__PURE__ */ import_react56.default.createElement(Flex, { direction: "row", justify: "between", css: { w: "100%" } }, !selection ? /* @__PURE__ */ import_react56.default.createElement(Text, { variant: "h6", css: { display: "flex" } }, "Settings") : /* @__PURE__ */ import_react56.default.createElement(Text, { variant: "h6", css: { display: "flex" } }, /* @__PURE__ */ import_react56.default.createElement(Box, { as: "span", css: { r: "$round", mr: "$2" }, onClick: resetSelection }, /* @__PURE__ */ import_react56.default.createElement(import_react_icons21.ChevronLeftIcon, null)), (selection == null ? void 0 : selection.charAt(0).toUpperCase()) + selection.slice(1)), /* @__PURE__ */ import_react56.default.createElement(Sheet.Close, null, /* @__PURE__ */ import_react56.default.createElement(IconButton, { as: "div", "data-testid": "dialog_cross_icon" }, /* @__PURE__ */ import_react56.default.createElement(import_react_icons21.CrossIcon, null))))),
12389
- /* @__PURE__ */ import_react56.default.createElement(HorizontalDivider, null),
12390
- !selection ? /* @__PURE__ */ import_react56.default.createElement(
12239
+ /* @__PURE__ */ import_react55.default.createElement(Sheet.Title, { css: { py: "$10", px: "$8", alignItems: "center" } }, /* @__PURE__ */ import_react55.default.createElement(Flex, { direction: "row", justify: "between", css: { w: "100%" } }, !selection ? /* @__PURE__ */ import_react55.default.createElement(Text, { variant: "h6", css: { display: "flex" } }, "Settings") : /* @__PURE__ */ import_react55.default.createElement(Text, { variant: "h6", css: { display: "flex" } }, /* @__PURE__ */ import_react55.default.createElement(Box, { as: "span", css: { r: "$round", mr: "$2" }, onClick: resetSelection }, /* @__PURE__ */ import_react55.default.createElement(import_react_icons20.ChevronLeftIcon, null)), (selection == null ? void 0 : selection.charAt(0).toUpperCase()) + selection.slice(1)), /* @__PURE__ */ import_react55.default.createElement(Sheet.Close, null, /* @__PURE__ */ import_react55.default.createElement(IconButton, { as: "div", "data-testid": "dialog_cross_icon" }, /* @__PURE__ */ import_react55.default.createElement(import_react_icons20.CrossIcon, null))))),
12240
+ /* @__PURE__ */ import_react55.default.createElement(HorizontalDivider, null),
12241
+ !selection ? /* @__PURE__ */ import_react55.default.createElement(
12391
12242
  Flex,
12392
12243
  {
12393
12244
  direction: "column",
@@ -12398,7 +12249,7 @@ var init_SettingsModal = __esm({
12398
12249
  }
12399
12250
  },
12400
12251
  settingsList.filter(({ tabName }) => showSetting[tabName]).map(({ icon: Icon3, tabName, title }) => {
12401
- return /* @__PURE__ */ import_react56.default.createElement(
12252
+ return /* @__PURE__ */ import_react55.default.createElement(
12402
12253
  Box,
12403
12254
  {
12404
12255
  key: tabName,
@@ -12428,18 +12279,18 @@ var init_SettingsModal = __esm({
12428
12279
  borderBottom: "1px solid $border_default"
12429
12280
  }
12430
12281
  },
12431
- /* @__PURE__ */ import_react56.default.createElement(Icon3, null),
12282
+ /* @__PURE__ */ import_react55.default.createElement(Icon3, null),
12432
12283
  title
12433
12284
  );
12434
12285
  })
12435
- ) : /* @__PURE__ */ import_react56.default.createElement(
12286
+ ) : /* @__PURE__ */ import_react55.default.createElement(
12436
12287
  Box,
12437
12288
  {
12438
12289
  direction: "column",
12439
12290
  css: { overflowY: "scroll", px: "$8", py: "$10", maxHeight: "70vh", overflowX: "hidden" }
12440
12291
  },
12441
12292
  settingsList.filter(({ tabName }) => showSetting[tabName] && selection === tabName).map(({ content: Content11, title, tabName }) => {
12442
- return /* @__PURE__ */ import_react56.default.createElement(Content11, { key: title, setHide: hideSettingByTabName(tabName) });
12293
+ return /* @__PURE__ */ import_react55.default.createElement(Content11, { key: title, setHide: hideSettingByTabName(tabName) });
12443
12294
  })
12444
12295
  )
12445
12296
  ));
@@ -12452,9 +12303,9 @@ var init_SettingsModal = __esm({
12452
12303
  showSetting,
12453
12304
  hideSettingByTabName,
12454
12305
  resetSelection,
12455
- children = /* @__PURE__ */ import_react56.default.createElement(import_react56.default.Fragment, null)
12306
+ children = /* @__PURE__ */ import_react55.default.createElement(import_react55.default.Fragment, null)
12456
12307
  }) => {
12457
- return /* @__PURE__ */ import_react56.default.createElement(Dialog.Root, { open, onOpenChange }, /* @__PURE__ */ import_react56.default.createElement(Dialog.Trigger, { asChild: true }, children), /* @__PURE__ */ import_react56.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react56.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react56.default.createElement(
12308
+ return /* @__PURE__ */ import_react55.default.createElement(Dialog.Root, { open, onOpenChange }, /* @__PURE__ */ import_react55.default.createElement(Dialog.Trigger, { asChild: true }, children), /* @__PURE__ */ import_react55.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react55.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react55.default.createElement(
12458
12309
  Dialog.Content,
12459
12310
  {
12460
12311
  css: {
@@ -12464,7 +12315,7 @@ var init_SettingsModal = __esm({
12464
12315
  r: "$4"
12465
12316
  }
12466
12317
  },
12467
- /* @__PURE__ */ import_react56.default.createElement(
12318
+ /* @__PURE__ */ import_react55.default.createElement(
12468
12319
  Tabs.Root,
12469
12320
  {
12470
12321
  value: selection,
@@ -12472,7 +12323,7 @@ var init_SettingsModal = __esm({
12472
12323
  onValueChange: setSelection,
12473
12324
  css: { size: "100%", position: "relative" }
12474
12325
  },
12475
- /* @__PURE__ */ import_react56.default.createElement(
12326
+ /* @__PURE__ */ import_react55.default.createElement(
12476
12327
  Tabs.List,
12477
12328
  {
12478
12329
  css: {
@@ -12484,12 +12335,12 @@ var init_SettingsModal = __esm({
12484
12335
  borderBottomLeftRadius: "$4"
12485
12336
  }
12486
12337
  },
12487
- /* @__PURE__ */ import_react56.default.createElement(Text, { variant: "h5" }, "Settings "),
12488
- /* @__PURE__ */ import_react56.default.createElement(Flex, { direction: "column", css: { mx: 0, overflowY: "auto", pt: "$10" } }, settingsList.filter(({ tabName }) => showSetting[tabName]).map(({ icon: Icon3, tabName, title }) => {
12489
- return /* @__PURE__ */ import_react56.default.createElement(Tabs.Trigger, { key: tabName, value: tabName, css: { gap: "$8" } }, /* @__PURE__ */ import_react56.default.createElement(Icon3, null), title);
12338
+ /* @__PURE__ */ import_react55.default.createElement(Text, { variant: "h5" }, "Settings "),
12339
+ /* @__PURE__ */ import_react55.default.createElement(Flex, { direction: "column", css: { mx: 0, overflowY: "auto", pt: "$10" } }, settingsList.filter(({ tabName }) => showSetting[tabName]).map(({ icon: Icon3, tabName, title }) => {
12340
+ return /* @__PURE__ */ import_react55.default.createElement(Tabs.Trigger, { key: tabName, value: tabName, css: { gap: "$8" } }, /* @__PURE__ */ import_react55.default.createElement(Icon3, null), title);
12490
12341
  }))
12491
12342
  ),
12492
- selection && /* @__PURE__ */ import_react56.default.createElement(
12343
+ selection && /* @__PURE__ */ import_react55.default.createElement(
12493
12344
  Flex,
12494
12345
  {
12495
12346
  direction: "column",
@@ -12500,20 +12351,191 @@ var init_SettingsModal = __esm({
12500
12351
  }
12501
12352
  },
12502
12353
  settingsList.filter(({ tabName }) => showSetting[tabName]).map(({ content: Content11, title, tabName }) => {
12503
- return /* @__PURE__ */ import_react56.default.createElement(Tabs.Content, { key: tabName, value: tabName, className: settingContent() }, /* @__PURE__ */ import_react56.default.createElement(SettingsContentHeader, { onBack: resetSelection, isMobile: false }, title), /* @__PURE__ */ import_react56.default.createElement(Content11, { setHide: hideSettingByTabName(tabName) }));
12354
+ return /* @__PURE__ */ import_react55.default.createElement(Tabs.Content, { key: tabName, value: tabName, className: settingContent() }, /* @__PURE__ */ import_react55.default.createElement(SettingsContentHeader, { onBack: resetSelection, isMobile: false }, title), /* @__PURE__ */ import_react55.default.createElement(Content11, { setHide: hideSettingByTabName(tabName) }));
12504
12355
  })
12505
12356
  )
12506
12357
  ),
12507
- /* @__PURE__ */ import_react56.default.createElement(Dialog.Close, { css: { position: "absolute", right: "$10", top: "$10" } }, /* @__PURE__ */ import_react56.default.createElement(IconButton, { as: "div", "data-testid": "dialog_cross_icon" }, /* @__PURE__ */ import_react56.default.createElement(import_react_icons21.CrossIcon, null)))
12358
+ /* @__PURE__ */ import_react55.default.createElement(Dialog.Close, { css: { position: "absolute", right: "$10", top: "$10" } }, /* @__PURE__ */ import_react55.default.createElement(IconButton, { as: "div", "data-testid": "dialog_cross_icon" }, /* @__PURE__ */ import_react55.default.createElement(import_react_icons20.CrossIcon, null)))
12508
12359
  )));
12509
12360
  };
12510
12361
  SettingsContentHeader = ({ children, isMobile, onBack }) => {
12511
- return /* @__PURE__ */ import_react56.default.createElement(Text, { variant: "h6", css: { mb: "$12", display: "flex", alignItems: "center" } }, isMobile && /* @__PURE__ */ import_react56.default.createElement(Box, { as: "span", css: { bg: "$surface_bright", mr: "$4", r: "$round", p: "$2" }, onClick: onBack }, /* @__PURE__ */ import_react56.default.createElement(import_react_icons21.ChevronLeftIcon, null)), children);
12362
+ return /* @__PURE__ */ import_react55.default.createElement(Text, { variant: "h6", css: { mb: "$12", display: "flex", alignItems: "center" } }, isMobile && /* @__PURE__ */ import_react55.default.createElement(Box, { as: "span", css: { bg: "$surface_bright", mr: "$4", r: "$round", p: "$2" }, onClick: onBack }, /* @__PURE__ */ import_react55.default.createElement(import_react_icons20.ChevronLeftIcon, null)), children);
12512
12363
  };
12513
12364
  SettingsModal_default = SettingsModal;
12514
12365
  }
12515
12366
  });
12516
12367
 
12368
+ // src/Prebuilt/primitives/DialogContent.jsx
12369
+ var import_react56, import_react_icons21, DialogContent, ErrorDialog, RequestDialog, DialogRow, DialogCol, DialogSelect, DialogInputFile;
12370
+ var init_DialogContent2 = __esm({
12371
+ "src/Prebuilt/primitives/DialogContent.jsx"() {
12372
+ "use strict";
12373
+ init_define_process_env();
12374
+ import_react56 = __toESM(require("react"));
12375
+ import_react_icons21 = require("@100mslive/react-icons");
12376
+ init_Button2();
12377
+ init_Divider2();
12378
+ init_IconButton2();
12379
+ init_Input2();
12380
+ init_Label2();
12381
+ init_Layout();
12382
+ init_Modal();
12383
+ init_Select2();
12384
+ init_Text2();
12385
+ DialogContent = (_a8) => {
12386
+ var _b7 = _a8, { Icon: Icon3, title, closeable = true, children, css: css2, iconCSS = {} } = _b7, props = __objRest(_b7, ["Icon", "title", "closeable", "children", "css", "iconCSS"]);
12387
+ return /* @__PURE__ */ import_react56.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react56.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react56.default.createElement(Dialog.Content, __spreadValues({ css: __spreadValues({ width: "min(600px, 100%)" }, css2) }, props), /* @__PURE__ */ import_react56.default.createElement(Dialog.Title, null, /* @__PURE__ */ import_react56.default.createElement(Flex, { justify: "between" }, /* @__PURE__ */ import_react56.default.createElement(Flex, { align: "center", css: { mb: "$1" } }, Icon3 ? /* @__PURE__ */ import_react56.default.createElement(Box, { css: __spreadValues({ mr: "$2", color: "$on_primary_high" }, iconCSS) }, /* @__PURE__ */ import_react56.default.createElement(Icon3, null)) : null, /* @__PURE__ */ import_react56.default.createElement(Text, { variant: "h6", inline: true }, title)), closeable && /* @__PURE__ */ import_react56.default.createElement(Dialog.DefaultClose, { "data-testid": "dialoge_cross_icon" }))), /* @__PURE__ */ import_react56.default.createElement(HorizontalDivider, { css: { mt: "0.8rem" } }), /* @__PURE__ */ import_react56.default.createElement(Box, null, children)));
12388
+ };
12389
+ ErrorDialog = (_a8) => {
12390
+ var _b7 = _a8, { open = true, onOpenChange, title, children } = _b7, props = __objRest(_b7, ["open", "onOpenChange", "title", "children"]);
12391
+ return /* @__PURE__ */ import_react56.default.createElement(Dialog.Root, { open, onOpenChange }, /* @__PURE__ */ import_react56.default.createElement(
12392
+ DialogContent,
12393
+ __spreadValues({
12394
+ Icon: import_react_icons21.CrossIcon,
12395
+ title,
12396
+ onInteractOutside: (e) => e.preventDefault(),
12397
+ onEscapeKeyDown: (e) => e.preventDefault(),
12398
+ onPointerDownOutside: (e) => e.preventDefault(),
12399
+ closeable: false,
12400
+ iconCSS: { color: "$alert_error_default" }
12401
+ }, props),
12402
+ /* @__PURE__ */ import_react56.default.createElement(Box, { css: { mt: "$lg" } }, children)
12403
+ ));
12404
+ };
12405
+ RequestDialog = ({ open = true, onOpenChange, title, body, actionText = "Accept", onAction, Icon: Icon3 }) => /* @__PURE__ */ import_react56.default.createElement(Dialog.Root, { open, onOpenChange }, /* @__PURE__ */ import_react56.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react56.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react56.default.createElement(Dialog.Content, { css: { width: "min(400px,80%)", p: "$10" } }, /* @__PURE__ */ import_react56.default.createElement(Dialog.Title, { css: { p: 0, display: "flex", flexDirection: "row", gap: "$md" } }, Icon3 ? Icon3 : null, /* @__PURE__ */ import_react56.default.createElement(Text, { variant: "h6" }, title)), typeof body === "string" ? /* @__PURE__ */ import_react56.default.createElement(
12406
+ Text,
12407
+ {
12408
+ variant: "md",
12409
+ css: {
12410
+ fontWeight: 400,
12411
+ mt: "$4",
12412
+ mb: "$10",
12413
+ c: "$on_surface_medium"
12414
+ }
12415
+ },
12416
+ body
12417
+ ) : /* @__PURE__ */ import_react56.default.createElement(Box, { css: { mt: "$4", mb: "$10" } }, body), /* @__PURE__ */ import_react56.default.createElement(Flex, { justify: "center", align: "center", css: { width: "100%", gap: "$md" } }, /* @__PURE__ */ import_react56.default.createElement(Box, { css: { width: "50%" } }, /* @__PURE__ */ import_react56.default.createElement(Dialog.Close, { css: { width: "100%" } }, /* @__PURE__ */ import_react56.default.createElement(Button, { variant: "standard", outlined: true, css: { width: "100%" } }, "Cancel"))), /* @__PURE__ */ import_react56.default.createElement(Box, { css: { width: "50%" } }, /* @__PURE__ */ import_react56.default.createElement(Button, { variant: "primary", css: { width: "100%" }, onClick: onAction }, actionText))))));
12418
+ DialogRow = ({ children, breakSm = false, css: css2, justify = "between" }) => {
12419
+ let finalCSS = {
12420
+ margin: "$10 0",
12421
+ w: "100%"
12422
+ };
12423
+ if (breakSm) {
12424
+ finalCSS["@sm"] = {
12425
+ flexDirection: "column",
12426
+ alignItems: "flex-start"
12427
+ };
12428
+ }
12429
+ if (css2) {
12430
+ finalCSS = Object.assign(finalCSS, css2);
12431
+ }
12432
+ return /* @__PURE__ */ import_react56.default.createElement(Flex, { align: "center", justify, css: finalCSS }, children);
12433
+ };
12434
+ DialogCol = (_a8) => {
12435
+ var _b7 = _a8, { children, breakSm = false, css: css2, align = "center", justify = "between" } = _b7, props = __objRest(_b7, ["children", "breakSm", "css", "align", "justify"]);
12436
+ let finalCSS = {
12437
+ margin: "$10 0",
12438
+ w: "100%"
12439
+ };
12440
+ if (breakSm) {
12441
+ finalCSS["@sm"] = {
12442
+ alignItems: "flex-start"
12443
+ };
12444
+ }
12445
+ if (css2) {
12446
+ finalCSS = Object.assign(finalCSS, css2);
12447
+ }
12448
+ return /* @__PURE__ */ import_react56.default.createElement(Flex, __spreadValues({ direction: "column", align, justify, css: finalCSS }, props), children);
12449
+ };
12450
+ DialogSelect = (_a8) => {
12451
+ var _b7 = _a8, { title, options, keyField, labelField, selected, onChange } = _b7, props = __objRest(_b7, ["title", "options", "keyField", "labelField", "selected", "onChange"]);
12452
+ return /* @__PURE__ */ import_react56.default.createElement(DialogRow, { breakSm: true }, /* @__PURE__ */ import_react56.default.createElement(Label3, null, title), /* @__PURE__ */ import_react56.default.createElement(Select.Root, __spreadValues({ "data-testid": `dialog_select_${title}`, css: { width: "70%", "@sm": { width: "100%" } } }, props), /* @__PURE__ */ import_react56.default.createElement(Select.DefaultDownIcon, null), /* @__PURE__ */ import_react56.default.createElement(Select.Select, { onChange: (e) => onChange(e.target.value), value: selected, css: { width: "100%" } }, options.map((option) => {
12453
+ const id = keyField ? option[keyField] : option;
12454
+ const label = labelField ? option[labelField] : option;
12455
+ return /* @__PURE__ */ import_react56.default.createElement("option", { value: id, key: id }, label);
12456
+ }))));
12457
+ };
12458
+ DialogInputFile = (_a8) => {
12459
+ var _b7 = _a8, { value, onChange, placeholder, disabled, type } = _b7, props = __objRest(_b7, ["value", "onChange", "placeholder", "disabled", "type"]);
12460
+ const inputRef = (0, import_react56.useRef)();
12461
+ return /* @__PURE__ */ import_react56.default.createElement(
12462
+ DialogCol,
12463
+ {
12464
+ breakSm: true,
12465
+ onClick: () => {
12466
+ var _a9;
12467
+ return (_a9 = inputRef.current) == null ? void 0 : _a9.click();
12468
+ },
12469
+ css: {
12470
+ justifyContent: "center",
12471
+ position: "relative",
12472
+ cursor: "pointer",
12473
+ py: "$12",
12474
+ border: "1px dashed $border_bright",
12475
+ r: "$1",
12476
+ height: "max(140px, 30%)",
12477
+ alignItems: "center",
12478
+ m: "$6 0"
12479
+ },
12480
+ gap: "8"
12481
+ },
12482
+ /* @__PURE__ */ import_react56.default.createElement(
12483
+ IconButton,
12484
+ {
12485
+ variant: "standard",
12486
+ css: {
12487
+ border: "none",
12488
+ background: "none",
12489
+ "&:hover": {
12490
+ border: "none",
12491
+ background: "none",
12492
+ bg: "$transparent !important"
12493
+ }
12494
+ }
12495
+ },
12496
+ /* @__PURE__ */ import_react56.default.createElement(
12497
+ import_react_icons21.CloudUploadIcon,
12498
+ {
12499
+ style: {
12500
+ width: "3rem",
12501
+ height: "3rem"
12502
+ }
12503
+ }
12504
+ )
12505
+ ),
12506
+ /* @__PURE__ */ import_react56.default.createElement(Flex, { direction: "row" }, /* @__PURE__ */ import_react56.default.createElement(
12507
+ Input,
12508
+ __spreadValues({
12509
+ ref: inputRef,
12510
+ css: { width: "70%", "@sm": { width: "100%" } },
12511
+ value,
12512
+ onChange: (e) => onChange(e.target),
12513
+ placeholder,
12514
+ disabled,
12515
+ type,
12516
+ hidden: true
12517
+ }, props)
12518
+ ), /* @__PURE__ */ import_react56.default.createElement(
12519
+ IconButton,
12520
+ {
12521
+ variant: "standard",
12522
+ css: {
12523
+ background: "none",
12524
+ border: "none",
12525
+ textDecoration: "underline",
12526
+ "&:hover": {
12527
+ background: "none !important",
12528
+ border: "none !important"
12529
+ }
12530
+ }
12531
+ },
12532
+ /* @__PURE__ */ import_react56.default.createElement(Text, { variant: "md" }, placeholder)
12533
+ ))
12534
+ );
12535
+ };
12536
+ }
12537
+ });
12538
+
12517
12539
  // src/Prebuilt/components/Streaming/ResolutionInput.jsx
12518
12540
  var import_react57, import_react_icons22, ResolutionInput;
12519
12541
  var init_ResolutionInput = __esm({
@@ -12881,10 +12903,10 @@ var init_StatsForNerds = __esm({
12881
12903
  if (bytes === 0)
12882
12904
  return "0 " + unit;
12883
12905
  const k2 = 1024;
12884
- const dm2 = decimals < 0 ? 0 : decimals;
12906
+ const dm = decimals < 0 ? 0 : decimals;
12885
12907
  const sizes = ["", "K", "M", "G", "T", "P", "E", "Z", "Y"].map((size) => size + unit);
12886
12908
  const i = Math.floor(Math.log(bytes) / Math.log(k2));
12887
- return parseFloat((bytes / Math.pow(k2, i)).toFixed(dm2)) + " " + sizes[i];
12909
+ return parseFloat((bytes / Math.pow(k2, i)).toFixed(dm)) + " " + sizes[i];
12888
12910
  };
12889
12911
  }
12890
12912
  });
@@ -18194,7 +18216,7 @@ var require_lib = __commonJS({
18194
18216
  });
18195
18217
 
18196
18218
  // ../hms-video-store/dist/index.js
18197
- function He(a2, e) {
18219
+ function Ie(a2, e) {
18198
18220
  let t, i;
18199
18221
  if (e)
18200
18222
  for (let r of e.auxiliaryTracks) {
@@ -18244,7 +18266,7 @@ function ie(a2) {
18244
18266
  }
18245
18267
  function st(a2 = "prod", e) {
18246
18268
  let t = "web", i = Ue !== "LOCAL" && a2 === "prod" ? "prod" : "debug";
18247
- if (Ie)
18269
+ if (He)
18248
18270
  return ys({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version: Ms, env: i, domain: Ue, is_prebuilt: !!(e != null && e.isPrebuilt), framework: "node", framework_version: process.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
18249
18271
  let r = pe.getOS(), s = pe.getDevice(), o = pe.getBrowser(), n = cr(`web_${r.name}`), l = r.version || "", u = cr(`${o.name}_${o.version}`), p = u;
18250
18272
  return s.type && (p = `${cr(`${s.vendor}_${s.type}`)}/${u}`), ys({ os: n, os_version: l, sdk: t, sdk_version: Ms, device_model: p, env: i, domain: Ue, is_prebuilt: !!(e != null && e.isPrebuilt), framework: e == null ? void 0 : e.type, framework_version: e == null ? void 0 : e.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
@@ -18268,7 +18290,7 @@ function qh(a2) {
18268
18290
  return a2 ? e.sessionStore[a2] : e.sessionStore;
18269
18291
  };
18270
18292
  }
18271
- var import_ua_parser_js, import_uuid3, import_uuid4, import_uuid5, import_uuid6, import_uuid7, import_eventemitter2, import_eventemitter22, import_uuid8, import_eventemitter23, Ht, import_eventemitter24, import_uuid9, import_uuid10, ga, Ta, fa, Ot, Fr, Gr, Br, m, k, Qi, ya, nr, zi, ka, $r, Yi, Wr, U, Ea, yn, kn, G, Bt, jr, w, Xi, Aa, ye, An, ba, ae, Ra, Q, ue, bn, Rn, Z, K, Ha, Qr, Hn, In, er, Ia, Ln, wn, Dn, _n, Nn, On, xn, Un, rt, Ca, Vn, z, Yr, Bn, oe, Fn, Ft, La, Xr, Gn, Zr, $n, Wn, Kn, qn, jn, Jn, Qn, zn, es, ec, wa, tc, is, tr, rs, ss, as, os, ns, cs, ds, ls, us, Da, d, pe, N, ps, Ie, Na, dc, hs, ms, gs, Ue, v, T, xa, h, sr, Ts, ne, fs, Ms, ys, H, M, dr, q, lr, ur, As, bs, pr, Cs, hr, Ls, mr, Sr, _s, Ns, qe, ht, y, Ar, mt, Gs, ao, oo, j, br, no, co, lo, uo, po, J, Kh, Jh, si, $s, Qh, zh, Yh, ho, mo, Zh, Ws, em, So, tm, im, rm, sm, am, om, Ks, qs, cm, dm, js, lm, um, Js, pm, hm, mm, Qs, zs, go, To, fo, Sm, gm, Tm, fm, vm, Ys, Cm, vo, Lm, wm, Dm, yo, ko, Lr, fe, $, xi, Ki, Go, $o, Wo, Ko, ma, qo, Sa, xr, Me, jo, Jo, Qo, zo, Yo, Xo, Zo, en, tn, rn, Ur, sn, an, on, nn, cn, dn;
18293
+ var import_ua_parser_js, import_uuid3, import_uuid4, import_uuid5, import_uuid6, import_uuid7, import_eventemitter2, import_eventemitter22, import_uuid8, import_eventemitter23, It, import_eventemitter24, import_uuid9, import_uuid10, ga, Ta, fa, Ot, Fr, Gr, Br, S, k, Qi, ya, nr, zi, ka, $r, Yi, Wr, U, Ea, yn, kn, G, Bt, jr, w, Xi, Aa, ye, An, ba, ae, Ra, Q, ue, bn, Rn, Z, K, Ia, Qr, In, Hn, er, Ha, Ln, wn, Dn, _n, Nn, On, xn, Un, rt, Ca, Vn, z, Yr, Bn, oe, Fn, Ft, La, Xr, Gn, Zr, $n, Wn, Kn, qn, jn, Jn, Qn, zn, es, ec, wa, tc, is, tr, rs, ss, as, os, ns, cs, ds, ls, us, Da, d, pe, N, ps, He, Na, dc, hs, Ss, gs, Ue, v, T, xa, h, sr, Ts, ne, fs, Ms, ys, I, M, dr, q, lr, ur, As, bs, pr, Cs, hr, Ls, Sr, mr, _s, Ns, qe, ht, y, Ar, St, Gs, ao, oo, j, br, no, co, lo, uo, po, J, Kh, Jh, si, $s, Qh, zh, Yh, ho, So, Zh, Ws, eS, mo, tS, iS, rS, sS, aS, oS, Ks, qs, cS, dS, js, lS, uS, Js, pS, hS, SS, Qs, zs, go, To, fo, mS, gS, TS, fS, vS, Ys, CS, vo, LS, wS, DS, yo, ko, Lr, fe, $, xi, Ki, Go, $o, Wo, Ko, Sa, qo, ma, xr, Me, jo, Jo, Qo, zo, Yo, Xo, Zo, en, tn, rn, Ur, sn, an, on, nn, cn, dn;
18272
18294
  var init_dist = __esm({
18273
18295
  "../hms-video-store/dist/index.js"() {
18274
18296
  "use strict";
@@ -18289,7 +18311,7 @@ var init_dist = __esm({
18289
18311
  import_eventemitter22 = require("eventemitter2");
18290
18312
  import_uuid8 = require("uuid");
18291
18313
  import_eventemitter23 = require("eventemitter2");
18292
- Ht = __toESM(require_lib());
18314
+ It = __toESM(require_lib());
18293
18315
  import_eventemitter24 = __toESM(require("eventemitter2"));
18294
18316
  import_uuid9 = require("uuid");
18295
18317
  import_uuid10 = require("uuid");
@@ -18301,7 +18323,7 @@ var init_dist = __esm({
18301
18323
  Fr = Object.prototype.hasOwnProperty;
18302
18324
  Gr = Object.prototype.propertyIsEnumerable;
18303
18325
  Br = (a2, e, t) => e in a2 ? ga(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
18304
- m = (a2, e) => {
18326
+ S = (a2, e) => {
18305
18327
  for (var t in e || (e = {}))
18306
18328
  Fr.call(e, t) && Br(a2, t, e[t]);
18307
18329
  if (Ot)
@@ -18321,7 +18343,7 @@ var init_dist = __esm({
18321
18343
  };
18322
18344
  ya = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
18323
18345
  nr = ya((jc, Va) => {
18324
- Va.exports = { version: "0.11.2-alpha.6", 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", 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/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"] };
18346
+ Va.exports = { version: "0.11.3-alpha.0", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "src"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, sideEffects: false, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", 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/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"] };
18325
18347
  });
18326
18348
  zi = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(zi || {});
18327
18349
  ka = ((e) => (e.CHAT = "chat", e))(ka || {});
@@ -18349,13 +18371,13 @@ var init_dist = __esm({
18349
18371
  Rn = createSelector(Q, (a2) => a2 == null ? void 0 : a2.roleName);
18350
18372
  Z = createSelector(Q, (a2) => a2 == null ? void 0 : a2.audioTrack);
18351
18373
  K = createSelector(Q, (a2) => a2 == null ? void 0 : a2.videoTrack);
18352
- Ha = createSelector(Q, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
18353
- Qr = createSelector([Z, K, Ha], (a2, e, t) => {
18374
+ Ia = createSelector(Q, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
18375
+ Qr = createSelector([Z, K, Ia], (a2, e, t) => {
18354
18376
  let i = t ? [...t] : [];
18355
18377
  return a2 && i.unshift(a2), e && i.unshift(e), i;
18356
18378
  });
18357
- Hn = createSelector(ae, (a2) => a2.filter((e) => !e.isLocal));
18358
- In = createSelector(G, Aa, (a2, e) => {
18379
+ In = createSelector(ae, (a2) => a2.filter((e) => !e.isLocal));
18380
+ Hn = createSelector(G, Aa, (a2, e) => {
18359
18381
  let t = Object.entries(e).sort((i, r) => {
18360
18382
  var n, l;
18361
18383
  let s = ((n = i[1]) == null ? void 0 : n.audioLevel) || 0;
@@ -18369,23 +18391,23 @@ var init_dist = __esm({
18369
18391
  return null;
18370
18392
  });
18371
18393
  er = createSelector(Q, w, (a2, e) => {
18372
- let { video: t, audio: i } = He(e, a2);
18394
+ let { video: t, audio: i } = Ie(e, a2);
18373
18395
  return !!(t || i);
18374
18396
  });
18375
- Ia = createSelector(G, w, (a2, e) => {
18397
+ Ha = createSelector(G, w, (a2, e) => {
18376
18398
  let t;
18377
18399
  for (let i in a2) {
18378
- let r = a2[i], { video: s, audio: o } = He(e, r);
18400
+ let r = a2[i], { video: s, audio: o } = Ie(e, r);
18379
18401
  if (s)
18380
18402
  return r;
18381
18403
  o && !t && (t = r);
18382
18404
  }
18383
18405
  return t;
18384
18406
  });
18385
- Ln = createSelector(Ia, (a2) => !!a2);
18407
+ Ln = createSelector(Ha, (a2) => !!a2);
18386
18408
  wn = createSelector(G, w, (a2, e) => {
18387
18409
  for (let t in a2) {
18388
- let i = a2[t], { audio: r, video: s } = He(e, i);
18410
+ let i = a2[t], { audio: r, video: s } = Ie(e, i);
18389
18411
  if (!s && r)
18390
18412
  return i;
18391
18413
  }
@@ -18393,7 +18415,7 @@ var init_dist = __esm({
18393
18415
  Dn = createSelector(G, w, (a2, e) => {
18394
18416
  let t = [], i = [];
18395
18417
  for (let r in a2) {
18396
- let s = a2[r], { video: o, audio: n } = He(e, s);
18418
+ let s = a2[r], { video: o, audio: n } = Ie(e, s);
18397
18419
  o ? t.push(s) : n && i.push(s);
18398
18420
  }
18399
18421
  return t.concat(i);
@@ -18537,10 +18559,10 @@ var init_dist = __esm({
18537
18559
  d.level = Da ? 7 : 0;
18538
18560
  pe = new import_ua_parser_js.UAParser();
18539
18561
  N = typeof window != "undefined";
18540
- Ie = typeof window == "undefined" && !((ps = pe.getBrowser().name) != null && ps.toLowerCase().includes("electron"));
18541
- Na = () => !Ie;
18562
+ He = typeof window == "undefined" && !((ps = pe.getBrowser().name) != null && ps.toLowerCase().includes("electron"));
18563
+ Na = () => !He;
18542
18564
  dc = Na();
18543
- gs = ((ms = (hs = pe.getBrowser()) == null ? void 0 : hs.name) == null ? void 0 : ms.toLowerCase()) === "firefox";
18565
+ gs = ((Ss = (hs = pe.getBrowser()) == null ? void 0 : hs.name) == null ? void 0 : Ss.toLowerCase()) === "firefox";
18544
18566
  Ue = Oa();
18545
18567
  v = { WebSocketConnectionErrors: { FAILED_TO_CONNECT: 1e3, WEBSOCKET_CONNECTION_LOST: 1003, ABNORMAL_CLOSE: 1006 }, APIErrors: { SERVER_ERRORS: 2e3, INIT_CONFIG_NOT_AVAILABLE: 2002, ENDPOINT_UNREACHABLE: 2003, INVALID_TOKEN_FORMAT: 2004 }, TracksErrors: { GENERIC_TRACK: 3e3, CANT_ACCESS_CAPTURE_DEVICE: 3001, DEVICE_NOT_AVAILABLE: 3002, DEVICE_IN_USE: 3003, DEVICE_LOST_MIDWAY: 3004, NOTHING_TO_RETURN: 3005, INVALID_VIDEO_SETTINGS: 3006, CODEC_CHANGE_NOT_PERMITTED: 3007, AUTOPLAY_ERROR: 3008, OVER_CONSTRAINED: 3009, NO_AUDIO_DETECTED: 3010, SYSTEM_DENIED_PERMISSION: 3011, CURRENT_TAB_NOT_SHARED: 3012, AUDIO_PLAYBACK_ERROR: 3013, SELECTED_DEVICE_MISSING: 3014 }, WebrtcErrors: { CREATE_OFFER_FAILED: 4001, CREATE_ANSWER_FAILED: 4002, SET_LOCAL_DESCRIPTION_FAILED: 4003, SET_REMOTE_DESCRIPTION_FAILED: 4004, ICE_FAILURE: 4005, ICE_DISCONNECTED: 4006, STATS_FAILED: 4007 }, WebsocketMethodErrors: { SERVER_ERRORS: 5e3, ALREADY_JOINED: 5001, CANNOT_JOIN_PREVIEW_IN_PROGRESS: 5002 }, GenericErrors: { NOT_CONNECTED: 6e3, SIGNALLING: 6001, UNKNOWN: 6002, NOT_READY: 6003, JSON_PARSING_FAILED: 6004, TRACK_METADATA_MISSING: 6005, RTC_TRACK_MISSING: 6006, PEER_METADATA_MISSING: 6007, INVALID_ROLE: 6008, PREVIEW_IN_PROGRESS: 6009, MISSING_MEDIADEVICES: 6010, MISSING_RTCPEERCONNECTION: 6011, LOCAL_STORAGE_ACCESS_DENIED: 6012, VALIDATION_FAILED: 6013 }, PlaylistErrors: { NO_ENTRY_TO_PLAY: 8001, NO_ENTRY_IS_PLAYING: 8002 } };
18546
18568
  T = class a extends Error {
@@ -18745,97 +18767,97 @@ var init_dist = __esm({
18745
18767
  };
18746
18768
  Ms = nr().version;
18747
18769
  ys = (a2, e = ",") => Object.keys(a2).filter((t) => ie(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
18748
- H = class {
18770
+ I = class {
18749
18771
  constructor({ name: e, level: t, properties: i, includesPII: r, timestamp: s }) {
18750
18772
  this.metadata = { peer: {}, userAgent: st() };
18751
18773
  this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = (0, import_uuid3.v4)(), this.device_id = fs();
18752
18774
  }
18753
18775
  toSignalParams() {
18754
- return { name: this.name, info: k(m({}, this.properties), { timestamp: this.timestamp, domain: Ue }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
18776
+ return { name: this.name, info: k(S({}, this.properties), { timestamp: this.timestamp, domain: Ue }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
18755
18777
  }
18756
18778
  };
18757
18779
  M = class {
18758
18780
  static connect(e, t, i = /* @__PURE__ */ new Date(), r = /* @__PURE__ */ new Date(), s) {
18759
- let o = this.eventNameFor("connect", e === void 0), n = e ? 2 : 1, l = this.getPropertiesWithError(k(m({}, t), { [this.KEY_REQUESTED_AT]: i == null ? void 0 : i.getTime(), [this.KEY_RESPONDED_AT]: r == null ? void 0 : r.getTime(), endpoint: s }), e);
18760
- return new H({ name: o, level: n, properties: l });
18781
+ let o = this.eventNameFor("connect", e === void 0), n = e ? 2 : 1, l = this.getPropertiesWithError(k(S({}, t), { [this.KEY_REQUESTED_AT]: i == null ? void 0 : i.getTime(), [this.KEY_RESPONDED_AT]: r == null ? void 0 : r.getTime(), endpoint: s }), e);
18782
+ return new I({ name: o, level: n, properties: l });
18761
18783
  }
18762
18784
  static disconnect(e, t) {
18763
18785
  let i = "disconnected", r = e ? 2 : 1, s = this.getPropertiesWithError(t, e);
18764
- return new H({ name: i, level: r, properties: s });
18786
+ return new I({ name: i, level: r, properties: s });
18765
18787
  }
18766
18788
  static preview(i) {
18767
18789
  var r = i, { error: e } = r, t = Qi(r, ["error"]);
18768
18790
  let s = this.eventNameFor("preview", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(t, e);
18769
- return new H({ name: s, level: o, properties: n });
18791
+ return new I({ name: s, level: o, properties: n });
18770
18792
  }
18771
18793
  static join(i) {
18772
18794
  var r = i, { error: e } = r, t = Qi(r, ["error"]);
18773
- let s = this.eventNameFor("join", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(k(m({}, t), { is_preview_called: !!t.is_preview_called }), e);
18774
- return new H({ name: s, level: o, properties: n });
18795
+ let s = this.eventNameFor("join", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(k(S({}, t), { is_preview_called: !!t.is_preview_called }), e);
18796
+ return new I({ name: s, level: o, properties: n });
18775
18797
  }
18776
18798
  static publish({ devices: e, settings: t, error: i }) {
18777
18799
  let r = this.eventNameFor("publish", i === void 0), s = i ? 2 : 1, o = this.getPropertiesWithError({ devices: e, audio: t == null ? void 0 : t.audio, video: t == null ? void 0 : t.video }, i);
18778
- return new H({ name: r, level: s, properties: o });
18800
+ return new I({ name: r, level: s, properties: o });
18779
18801
  }
18780
18802
  static hlsPlayerError(e) {
18781
- return new H({ name: "hlsPlayerError", level: 2, properties: this.getErrorProperties(e) });
18803
+ return new I({ name: "hlsPlayerError", level: 2, properties: this.getErrorProperties(e) });
18782
18804
  }
18783
18805
  static subscribeFail(e) {
18784
18806
  let t = this.eventNameFor("subscribe", false), i = 2, r = this.getErrorProperties(e);
18785
- return new H({ name: t, level: i, properties: r });
18807
+ return new I({ name: t, level: i, properties: r });
18786
18808
  }
18787
18809
  static leave() {
18788
- return new H({ name: "leave", level: 1 });
18810
+ return new I({ name: "leave", level: 1 });
18789
18811
  }
18790
18812
  static autoplayError() {
18791
- return new H({ name: "autoplayError", level: 2 });
18813
+ return new I({ name: "autoplayError", level: 2 });
18792
18814
  }
18793
18815
  static audioPlaybackError(e) {
18794
- return new H({ name: "audioPlaybackError", level: 2, properties: this.getErrorProperties(e) });
18816
+ return new I({ name: "audioPlaybackError", level: 2, properties: this.getErrorProperties(e) });
18795
18817
  }
18796
- static deviceChange({ selection: e, type: t, devices: i, error: r }) {
18797
- let s = this.eventNameFor(r ? "publish" : `device.${t}`, r === void 0), o = r ? 2 : 1, n = this.getPropertiesWithError({ selection: e, devices: i }, r);
18798
- return new H({ name: s, level: o, properties: n });
18818
+ static deviceChange({ isUserSelection: e, selection: t, type: i, devices: r, error: s }) {
18819
+ let o = this.eventNameFor(s ? "publish" : `device.${i}`, s === void 0), n = s ? 2 : 1, l = this.getPropertiesWithError({ selection: t, devices: r, isUserSelection: e }, s);
18820
+ return new I({ name: o, level: n, properties: l });
18799
18821
  }
18800
18822
  static performance(e) {
18801
18823
  let t = "perf.stats", i = 1, r = e.toAnalyticsProperties();
18802
- return new H({ name: t, level: i, properties: r });
18824
+ return new I({ name: t, level: i, properties: r });
18803
18825
  }
18804
18826
  static rtcStats(e) {
18805
18827
  let t = "rtc.stats", i = 1, r = e.toAnalyticsProperties();
18806
- return new H({ name: t, level: i, properties: r });
18828
+ return new I({ name: t, level: i, properties: r });
18807
18829
  }
18808
18830
  static rtcStatsFailed(e) {
18809
18831
  let t = "rtc.stats.failed", i = 2;
18810
- return new H({ name: t, level: i, properties: this.getErrorProperties(e) });
18832
+ return new I({ name: t, level: i, properties: this.getErrorProperties(e) });
18811
18833
  }
18812
18834
  static degradationStats(e, t) {
18813
18835
  let i = "video.degradation.stats", r = 1, s = { degradedAt: e.degradedAt, trackId: e.trackId };
18814
18836
  if (!t && e.degradedAt instanceof Date) {
18815
18837
  let o = /* @__PURE__ */ new Date(), n = o.valueOf() - e.degradedAt.valueOf();
18816
- s = k(m({}, s), { duration: n, restoredAt: o });
18838
+ s = k(S({}, s), { duration: n, restoredAt: o });
18817
18839
  }
18818
- return new H({ name: i, level: r, properties: s });
18840
+ return new I({ name: i, level: r, properties: s });
18819
18841
  }
18820
18842
  static audioDetectionFail(e, t) {
18821
18843
  let i = this.getPropertiesWithError({ device: t }, e), r = 2, s = "audiopresence.failed";
18822
- return new H({ name: s, level: r, properties: i });
18844
+ return new I({ name: s, level: r, properties: i });
18823
18845
  }
18824
18846
  static previewNetworkQuality(e) {
18825
- return new H({ name: "perf.networkquality.preview", level: e.error ? 2 : 1, properties: e });
18847
+ return new I({ name: "perf.networkquality.preview", level: e.error ? 2 : 1, properties: e });
18826
18848
  }
18827
18849
  static publishStats(e) {
18828
- return new H({ name: "publisher.stats", level: 1, properties: e });
18850
+ return new I({ name: "publisher.stats", level: 1, properties: e });
18829
18851
  }
18830
18852
  static subscribeStats(e) {
18831
- return new H({ name: "subscriber.stats", level: 1, properties: e });
18853
+ return new I({ name: "subscriber.stats", level: 1, properties: e });
18832
18854
  }
18833
18855
  static eventNameFor(e, t) {
18834
18856
  return `${e}.${t ? "success" : "failed"}`;
18835
18857
  }
18836
18858
  static getPropertiesWithError(e, t) {
18837
18859
  let i = this.getErrorProperties(t);
18838
- return e = m(m({}, i), e), e;
18860
+ return e = S(S({}, i), e), e;
18839
18861
  }
18840
18862
  static getErrorProperties(e) {
18841
18863
  return e ? e instanceof T ? e.toAnalyticsProperties() : { error_name: e.name, error_message: e.message, error_description: e.cause } : {};
@@ -18937,8 +18959,8 @@ var init_dist = __esm({
18937
18959
  }
18938
18960
  };
18939
18961
  Ls = new hr();
18940
- mr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(mr || {});
18941
- Sr = ((t) => (t["2D"] = "2d", t.WEBGL = "webgl", t.WEBGL2 = "webgl2", t))(Sr || {});
18962
+ Sr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(Sr || {});
18963
+ mr = ((t) => (t["2D"] = "2d", t.WEBGL = "webgl", t.WEBGL2 = "webgl2", t))(mr || {});
18942
18964
  _s = "https://event.100ms.live/v2/client/report";
18943
18965
  Ns = "https://event-nonprod.100ms.live/v2/client/report";
18944
18966
  qe = class {
@@ -19012,31 +19034,31 @@ var init_dist = __esm({
19012
19034
  };
19013
19035
  y.level = 0;
19014
19036
  Ar = (a2, e) => e;
19015
- mt = (a2, e) => e;
19037
+ St = (a2, e) => e;
19016
19038
  Gs = (a2, e) => e;
19017
19039
  ao = (a2, e) => e;
19018
19040
  oo = (a2, e) => e;
19019
19041
  j = createSelector([G, Ar], (a2, e) => e ? a2[e] : null);
19020
- br = createSelector([w, mt], (a2, e) => e ? a2[e] : null);
19021
- no = createSelector([w, mt], (a2, e) => {
19042
+ br = createSelector([w, St], (a2, e) => e ? a2[e] : null);
19043
+ no = createSelector([w, St], (a2, e) => {
19022
19044
  if (!e)
19023
19045
  return null;
19024
19046
  let t = a2[e];
19025
19047
  return (t == null ? void 0 : t.type) === "video" ? t : null;
19026
19048
  });
19027
- co = createSelector([w, mt], (a2, e) => {
19049
+ co = createSelector([w, St], (a2, e) => {
19028
19050
  if (!e)
19029
19051
  return null;
19030
19052
  let t = a2[e];
19031
19053
  return (t == null ? void 0 : t.type) === "audio" ? t : null;
19032
19054
  });
19033
- lo = createSelector([w, mt], (a2, e) => {
19055
+ lo = createSelector([w, St], (a2, e) => {
19034
19056
  if (!e)
19035
19057
  return null;
19036
19058
  let t = a2[e];
19037
19059
  return (t == null ? void 0 : t.type) === "audio" && (t == null ? void 0 : t.source) === "screen" ? t : null;
19038
19060
  });
19039
- uo = createSelector([w, mt], (a2, e) => {
19061
+ uo = createSelector([w, St], (a2, e) => {
19040
19062
  if (!e)
19041
19063
  return null;
19042
19064
  let t = a2[e];
@@ -19059,7 +19081,7 @@ var init_dist = __esm({
19059
19081
  if (t && t.videoTrack && t.videoTrack !== "")
19060
19082
  return a2.tracks[t.videoTrack];
19061
19083
  });
19062
- mo = A((a2, e) => {
19084
+ So = A((a2, e) => {
19063
19085
  let t = j(a2, e);
19064
19086
  if (t && t.audioTrack && t.audioTrack !== "")
19065
19087
  return a2.tracks[t.audioTrack];
@@ -19069,51 +19091,51 @@ var init_dist = __esm({
19069
19091
  return (t == null ? void 0 : t.auxiliaryTracks.map((i) => a2.tracks[i])) || [];
19070
19092
  });
19071
19093
  Ws = (a2, e) => e ? a2.speakers[e] : null;
19072
- em = A(createSelector(Ws, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
19073
- So = (a2, e) => {
19074
- let t = mo(e)(a2);
19094
+ eS = A(createSelector(Ws, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
19095
+ mo = (a2, e) => {
19096
+ let t = So(e)(a2);
19075
19097
  return Ws(a2, t == null ? void 0 : t.id);
19076
19098
  };
19077
- tm = A(createSelector(So, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
19078
- im = A((a2, e) => {
19099
+ tS = A(createSelector(mo, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
19100
+ iS = A((a2, e) => {
19079
19101
  if (e)
19080
19102
  return a2.connectionQualities[e];
19081
19103
  });
19082
- rm = A((a2, e) => {
19104
+ rS = A((a2, e) => {
19083
19105
  let t = j(a2, e);
19084
19106
  if (t) {
19085
19107
  let i = t == null ? void 0 : t.auxiliaryTracks.find((r) => Ze(a2.tracks[r]));
19086
19108
  return i ? a2.tracks[i] : void 0;
19087
19109
  }
19088
19110
  });
19089
- sm = A(createSelector(w, j, (a2, e) => {
19111
+ sS = A(createSelector(w, j, (a2, e) => {
19090
19112
  let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
19091
19113
  let r = a2[i];
19092
19114
  return tt(r) && et(r);
19093
19115
  });
19094
19116
  return t ? a2[t] : void 0;
19095
19117
  }));
19096
- am = A(createSelector(w, j, (a2, e) => {
19118
+ aS = A(createSelector(w, j, (a2, e) => {
19097
19119
  let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
19098
19120
  let r = a2[i];
19099
19121
  return tt(r) && Ze(r);
19100
19122
  });
19101
19123
  return t ? a2[t] : void 0;
19102
19124
  }));
19103
- om = A(createSelector(w, j, (a2, e) => {
19125
+ oS = A(createSelector(w, j, (a2, e) => {
19104
19126
  let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
19105
19127
  let r = a2[i];
19106
19128
  return Vt(r) && Ze(r);
19107
19129
  });
19108
19130
  return t ? a2[t] : void 0;
19109
19131
  }));
19110
- Ks = A(createSelector(w, j, (a2, e) => He(a2, e)));
19132
+ Ks = A(createSelector(w, j, (a2, e) => Ie(a2, e)));
19111
19133
  qs = (a2) => createSelector(Ks(a2), (e) => e.audio);
19112
- cm = A((a2, e) => {
19134
+ cS = A((a2, e) => {
19113
19135
  let t = j(a2, e);
19114
19136
  return Oe(a2, t == null ? void 0 : t.audioTrack);
19115
19137
  });
19116
- dm = A((a2, e) => {
19138
+ dS = A((a2, e) => {
19117
19139
  let t = j(a2, e);
19118
19140
  return Oe(a2, t == null ? void 0 : t.videoTrack);
19119
19141
  });
@@ -19121,11 +19143,11 @@ var init_dist = __esm({
19121
19143
  if (e && a2.tracks[e])
19122
19144
  return a2.tracks[e].volume === 0;
19123
19145
  });
19124
- lm = A((a2, e) => {
19146
+ lS = A((a2, e) => {
19125
19147
  let t = j(a2, e);
19126
19148
  return js(t == null ? void 0 : t.audioTrack)(a2);
19127
19149
  });
19128
- um = A((a2, e) => {
19150
+ uS = A((a2, e) => {
19129
19151
  let t = qs(e)(a2);
19130
19152
  return js(t == null ? void 0 : t.id)(a2);
19131
19153
  });
@@ -19139,15 +19161,15 @@ var init_dist = __esm({
19139
19161
  return t.volume;
19140
19162
  }
19141
19163
  });
19142
- pm = A((a2, e) => {
19164
+ pS = A((a2, e) => {
19143
19165
  let t = j(a2, e);
19144
19166
  return Js(t == null ? void 0 : t.audioTrack)(a2);
19145
19167
  });
19146
- hm = A((a2, e) => {
19168
+ hS = A((a2, e) => {
19147
19169
  let t = qs(e)(a2);
19148
19170
  return Js(t == null ? void 0 : t.id)(a2);
19149
19171
  });
19150
- mm = A((a2, e) => {
19172
+ SS = A((a2, e) => {
19151
19173
  let t = br(a2, e);
19152
19174
  if (t) {
19153
19175
  if (t.type !== "video") {
@@ -19177,20 +19199,20 @@ var init_dist = __esm({
19177
19199
  }));
19178
19200
  To = createSelector([zs, Gs], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
19179
19201
  fo = createSelector([Qs, Ar], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
19180
- Sm = createSelector(go, (a2) => a2.filter((e) => !e.read).length);
19181
- gm = A(Qs);
19182
- Tm = A(zs);
19183
- fm = A(To);
19184
- vm = A(fo);
19202
+ mS = createSelector(go, (a2) => a2.filter((e) => !e.read).length);
19203
+ gS = A(Qs);
19204
+ TS = A(zs);
19205
+ fS = A(To);
19206
+ vS = A(fo);
19185
19207
  Ys = A(po);
19186
- Cm = createSelector([G, w], (a2, e) => Object.values(a2).map((i) => {
19208
+ CS = createSelector([G, w], (a2, e) => Object.values(a2).map((i) => {
19187
19209
  var r;
19188
19210
  return { peer: i, isAudioEnabled: i.audioTrack ? (r = e[i.audioTrack]) == null ? void 0 : r.enabled : false };
19189
19211
  }));
19190
19212
  vo = (a2) => a2.roleChangeRequests[0] || null;
19191
- Lm = createSelector([vo, G, oe], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
19192
- wm = createSelector([Ft], (a2) => it(a2));
19193
- Dm = createSelector([Xr], (a2) => it(a2));
19213
+ LS = createSelector([vo, G, oe], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
19214
+ wS = createSelector([Ft], (a2) => it(a2));
19215
+ DS = createSelector([Xr], (a2) => it(a2));
19194
19216
  yo = createSelector([K, w], (a2, e) => {
19195
19217
  let t = null;
19196
19218
  return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
@@ -19252,11 +19274,11 @@ var init_dist = __esm({
19252
19274
  $o = (a2) => a2.localPeer.audioTrack;
19253
19275
  Wo = (a2) => a2.localPeer.videoTrack;
19254
19276
  Ko = (a2, e) => e;
19255
- ma = (a2, e) => e;
19277
+ Sa = (a2, e) => e;
19256
19278
  qo = (a2) => a2.remoteTrackStats;
19257
- Sa = (a2) => a2.peerStats;
19279
+ ma = (a2) => a2.peerStats;
19258
19280
  xr = (a2) => a2.localTrackStats;
19259
- Me = createSelector([Sa, Go], (a2, e) => a2[e]);
19281
+ Me = createSelector([ma, Go], (a2, e) => a2[e]);
19260
19282
  jo = createSelector(Me, (a2) => {
19261
19283
  var e;
19262
19284
  return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.packetsLost;
@@ -19289,9 +19311,9 @@ var init_dist = __esm({
19289
19311
  var e;
19290
19312
  return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bytesReceived;
19291
19313
  });
19292
- tn = createSelector([Sa, Ko], (a2, e) => e ? a2[e] : void 0);
19293
- rn = createSelector([qo, ma], (a2, e) => e ? a2[e] : void 0);
19294
- Ur = createSelector([xr, ma], (a2, e) => e ? a2[e] : void 0);
19314
+ tn = createSelector([ma, Ko], (a2, e) => e ? a2[e] : void 0);
19315
+ rn = createSelector([qo, Sa], (a2, e) => e ? a2[e] : void 0);
19316
+ Ur = createSelector([xr, Sa], (a2, e) => e ? a2[e] : void 0);
19295
19317
  sn = A(tn);
19296
19318
  an = A(rn);
19297
19319
  on = createSelector([xr, $o], (a2, e) => {
@@ -24102,7 +24124,7 @@ function getRowHeight(index) {
24102
24124
  var _a8;
24103
24125
  return ((_a8 = rowHeights[index]) == null ? void 0 : _a8.size) || 72;
24104
24126
  }
24105
- var import_react125, import_react_use15, import_react_virtualized_auto_sizer, import_react_window2, import_react_sdk59, import_react_icons60, formatTime2, rowHeights, listInstance, setRowHeight, getMessageBackgroundColor, MessageTypeContainer, MessageType, URL_REGEX, Link3, AnnotisedMessage, getMessageType, SenderName, ChatMessage, MessageWrapper, VirtualizedChatMessages, ChatBody, PinnedBy;
24127
+ var import_react125, import_react_use15, import_react_virtualized_auto_sizer, import_react_window2, import_react_sdk59, import_react_icons60, formatTime2, rowHeights, listInstance, setRowHeight, getMessageBackgroundColor, MessageTypeContainer, MessageType, URL_REGEX, Link2, AnnotisedMessage, getMessageType, SenderName, ChatMessage, MessageWrapper, VirtualizedChatMessages, ChatBody, PinnedBy;
24106
24128
  var init_ChatBody = __esm({
24107
24129
  "src/Prebuilt/components/Chat/ChatBody.tsx"() {
24108
24130
  "use strict";
@@ -24198,7 +24220,7 @@ var init_ChatBody = __esm({
24198
24220
  return null;
24199
24221
  };
24200
24222
  URL_REGEX = /^https?:\/\/(www\.)?[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/;
24201
- Link3 = styled("a", {
24223
+ Link2 = styled("a", {
24202
24224
  color: "$primary_default",
24203
24225
  wordBreak: "break-word",
24204
24226
  "&:hover": {
@@ -24210,7 +24232,7 @@ var init_ChatBody = __esm({
24210
24232
  return /* @__PURE__ */ import_react125.default.createElement(import_react125.Fragment, null);
24211
24233
  }
24212
24234
  return /* @__PURE__ */ import_react125.default.createElement(import_react125.Fragment, null, message.trim().split(/(\s)/).map(
24213
- (part) => URL_REGEX.test(part) ? /* @__PURE__ */ import_react125.default.createElement(Link3, { href: part, key: part, target: "_blank", rel: "noopener noreferrer" }, part) : part
24235
+ (part) => URL_REGEX.test(part) ? /* @__PURE__ */ import_react125.default.createElement(Link2, { href: part, key: part, target: "_blank", rel: "noopener noreferrer" }, part) : part
24214
24236
  ));
24215
24237
  };
24216
24238
  getMessageType = ({ roles, receiver }) => {
@@ -26558,6 +26580,15 @@ var init_VBHandler = __esm({
26558
26580
  }
26559
26581
  }
26560
26582
  });
26583
+ this.setPreset = (preset) => {
26584
+ if (this.effectsPlugin) {
26585
+ this.effectsPlugin.setPreset(preset);
26586
+ }
26587
+ };
26588
+ this.getPreset = () => {
26589
+ var _a8;
26590
+ return ((_a8 = this.effectsPlugin) == null ? void 0 : _a8.getPreset()) || "";
26591
+ };
26561
26592
  this.removeEffects = () => __async(this, null, function* () {
26562
26593
  var _a8, _b7;
26563
26594
  if (this.effectsPlugin) {
@@ -26720,9 +26751,10 @@ var init_VBPicker = __esm({
26720
26751
  activeBackground
26721
26752
  }
26722
26753
  ),
26723
- activeBackground === import_hms_virtual_background3.HMSVirtualBackgroundTypes.BLUR && isEffectsEnabled && effectsKey ? /* @__PURE__ */ import_react146.default.createElement(
26754
+ /* @__PURE__ */ import_react146.default.createElement(Flex, { direction: "column", css: { w: "100%", gap: "$8", mt: "$8" } }, activeBackground === import_hms_virtual_background3.HMSVirtualBackgroundTypes.BLUR && isEffectsEnabled && effectsKey ? /* @__PURE__ */ import_react146.default.createElement(Box, null, /* @__PURE__ */ import_react146.default.createElement(Text, { variant: "sm", css: { color: "$on_surface_high", fontWeight: "$semiBold", mb: "$4" } }, "Blur intensity"), /* @__PURE__ */ import_react146.default.createElement(Flex, { css: { w: "100%", justifyContent: "space-between", alignItems: "center", gap: "$4" } }, /* @__PURE__ */ import_react146.default.createElement(Text, { variant: "caption", css: { fontWeight: "$medium", color: "$on_surface_medium" } }, "Low"), /* @__PURE__ */ import_react146.default.createElement(
26724
26755
  Slider,
26725
26756
  {
26757
+ showTooltip: false,
26726
26758
  value: [blurAmount],
26727
26759
  onValueChange: (e) => __async(void 0, null, function* () {
26728
26760
  setBlurAmount(e[0]);
@@ -26732,7 +26764,7 @@ var init_VBPicker = __esm({
26732
26764
  min: 0.1,
26733
26765
  max: 1
26734
26766
  }
26735
- ) : null,
26767
+ ), /* @__PURE__ */ import_react146.default.createElement(Text, { variant: "caption", css: { fontWeight: "$medium", color: "$on_surface_medium" } }, "High"))) : null),
26736
26768
  /* @__PURE__ */ import_react146.default.createElement(
26737
26769
  VBCollection,
26738
26770
  {
@@ -30100,12 +30132,13 @@ var init_PreviousRoleInMetadata = __esm({
30100
30132
  });
30101
30133
 
30102
30134
  // src/Prebuilt/components/ConferenceScreen.tsx
30103
- var import_react189, import_react_sdk96, ConferenceScreen;
30135
+ var import_react189, import_uuid12, import_react_sdk96, ConferenceScreen;
30104
30136
  var init_ConferenceScreen = __esm({
30105
30137
  "src/Prebuilt/components/ConferenceScreen.tsx"() {
30106
30138
  "use strict";
30107
30139
  init_define_process_env();
30108
30140
  import_react189 = __toESM(require("react"));
30141
+ import_uuid12 = require("uuid");
30109
30142
  import_react_sdk96 = require("@100mslive/react-sdk");
30110
30143
  init_Footer3();
30111
30144
  init_HLSFailureModal();
@@ -30162,7 +30195,7 @@ var init_ConferenceScreen = __esm({
30162
30195
  (0, import_react189.useEffect)(() => {
30163
30196
  if (authTokenInAppData && !isConnectedToRoom && !isPreviewScreenEnabled && roomState !== import_react_sdk96.HMSRoomState.Connecting && !autoRoomJoined.current) {
30164
30197
  hmsActions.join({
30165
- userName: userName || "",
30198
+ userName: userName || (0, import_uuid12.v4)(),
30166
30199
  authToken: authTokenInAppData,
30167
30200
  initEndpoint: endpoints == null ? void 0 : endpoints.init,
30168
30201
  settings: {
@@ -30260,7 +30293,6 @@ var init_ErrorBoundary = __esm({
30260
30293
  init_Layout();
30261
30294
  init_Text2();
30262
30295
  init_Tooltip2();
30263
- init_AuthToken();
30264
30296
  ErrorBoundary = class extends import_react190.Component {
30265
30297
  constructor(props) {
30266
30298
  super(props);
@@ -30299,7 +30331,7 @@ var init_ErrorBoundary = __esm({
30299
30331
  left: 0
30300
30332
  }
30301
30333
  },
30302
- /* @__PURE__ */ import_react190.default.createElement("div", { style: { margin: "1.5rem", width: "100%" } }, /* @__PURE__ */ import_react190.default.createElement(Text, null, "Something went wrong"), /* @__PURE__ */ import_react190.default.createElement(Text, null, "Message: $", this.state.error), /* @__PURE__ */ import_react190.default.createElement("br", null), ErrorWithSupportLink(`Please reload to see if it works.`)),
30334
+ /* @__PURE__ */ import_react190.default.createElement("div", { style: { margin: "1.5rem", width: "100%" } }, /* @__PURE__ */ import_react190.default.createElement(Text, null, "Something went wrong"), /* @__PURE__ */ import_react190.default.createElement(Text, null, "Message: $", this.state.error), /* @__PURE__ */ import_react190.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_react190.default.createElement("a", { href: "https://discord.com/invite/kGdmszyzq2", target: "_blank", rel: "noreferrer" }, "Discord")),
30303
30335
  /* @__PURE__ */ import_react190.default.createElement(Flex, null, /* @__PURE__ */ import_react190.default.createElement(Tooltip, { title: "Reload page" }, /* @__PURE__ */ import_react190.default.createElement(
30304
30336
  Button,
30305
30337
  {
@@ -30994,13 +31026,13 @@ var init_AutoplayBlockedModal = __esm({
30994
31026
  });
30995
31027
 
30996
31028
  // src/Prebuilt/components/Notifications/ChatNotifications.tsx
30997
- var import_react200, import_uuid12, import_react_sdk102, import_react_icons94, NOTIFICATION_TIME_DIFFERENCE, ChatNotifications;
31029
+ var import_react200, import_uuid13, import_react_sdk102, import_react_icons94, NOTIFICATION_TIME_DIFFERENCE, ChatNotifications;
30998
31030
  var init_ChatNotifications = __esm({
30999
31031
  "src/Prebuilt/components/Notifications/ChatNotifications.tsx"() {
31000
31032
  "use strict";
31001
31033
  init_define_process_env();
31002
31034
  import_react200 = __toESM(require("react"));
31003
- import_uuid12 = require("uuid");
31035
+ import_uuid13 = require("uuid");
31004
31036
  import_react_sdk102 = require("@100mslive/react-sdk");
31005
31037
  import_react_icons94 = require("@100mslive/react-icons");
31006
31038
  init_ToastManager();
@@ -31018,7 +31050,7 @@ var init_ChatNotifications = __esm({
31018
31050
  return;
31019
31051
  }
31020
31052
  const notification = {
31021
- id: (0, import_uuid12.v4)(),
31053
+ id: (0, import_uuid13.v4)(),
31022
31054
  icon: chatState.enabled ? /* @__PURE__ */ import_react200.default.createElement(import_react_icons94.ChatUnreadIcon, null) : /* @__PURE__ */ import_react200.default.createElement(import_react_icons94.ChatIcon, null),
31023
31055
  title: `Chat ${chatState.enabled ? "resumed" : "paused"} by ${(_b7 = chatState.updatedBy) == null ? void 0 : _b7.userName}`
31024
31056
  };