@100mslive/roomkit-react 0.3.25-alpha.0 → 0.3.25-alpha.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +8 -3
- package/dist/index.cjs.css +2 -2
- package/dist/index.cjs.css.map +1 -1
- package/dist/index.cjs.js +6 -34
- package/dist/index.cjs.js.map +2 -2
- package/dist/index.css +2 -2
- package/dist/index.css.map +1 -1
- package/dist/index.js +60 -89
- package/dist/index.js.map +3 -3
- package/dist/meta.cjs.json +13 -13
- package/dist/meta.esbuild.json +13 -13
- package/package.json +7 -7
- package/src/Prebuilt/components/ConferenceScreen.tsx +7 -35
package/dist/index.js
CHANGED
|
@@ -107,7 +107,7 @@ var __async = (__this, __arguments, generator) => {
|
|
|
107
107
|
var define_process_env_default;
|
|
108
108
|
var init_define_process_env = __esm({
|
|
109
109
|
"<define:process.env>"() {
|
|
110
|
-
define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_fdc18806-25a5-4068-94ca-265cb522b1de", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_exports___index_css: "./dist/index.css", npm_package_exports___require: "./dist/index.cjs.js", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", npm_package_dependencies__100mslive_hms_whiteboard: "0.0.15-alpha.0", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.20.4 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.10.25-alpha.0", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_fdc18806-25a5-4068-94ca-265cb522b1de", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.4/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.13.25-alpha.0", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.12", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "1.3.1-1", 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", npm_package_dependencies_framer_motion: "^11.11.0", GRADLE_HOME: "/usr/share/gradle-8.11", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/27.2.12479018", 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: "600", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_keywords_1: "react", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.13/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20241112.1.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.9/x64", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.0.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", GOROOT_1_23_X64: "/opt/hostedtoolcache/go/1.23.3/x64", JOURNAL_STREAM: "8:20104", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.3.25-alpha.0", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", STATS_D: "false", GITHUB_RUN_ID: "11855271102", STATS_VMFE: "true", npm_package_workspaces_0: "packages/*", npm_package_scripts_store: "cd packages/hms-video-store && yarn start", npm_package_devDependencies__babel_core: "^7.18.2", npm_package_dependencies_ts_pattern: "4.3.0", npm_package_devDependencies__storybook_addon_interactions: "^7.0.27", npm_package_devDependencies__storybook_addon_actions: "^7.0.27", GITHUB_REF_TYPE: "branch", BOOTSTRAP_HASKELL_NONINTERACTIVE: "1", GITHUB_WORKFLOW_SHA: "b9a15a40498feb37cf34dc6fab790cb9dcfcd775", 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: "8d13f3e7ae5c69b0c10cdb4fded7a35cfe4ae6e9d7ba5cee97915716e4554ca8", 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--1731669432812-0.2337573796001824:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1731669432604-0.25873287059744565:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1731669407147-0.439723742794045:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1731669406969-0.25071026887460657:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin:/snap/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/18.20.4/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_c2abb25f-b4f9-43ca-8583-3e4886dcb4b7", INVOCATION_ID: "d5ed20e7f2ff420da6ea7ee0a9611a63", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", npm_package_scripts_size: "size-limit", npm_package_devDependencies_size_limit: "^5.0.3", npm_package_name: "@100mslive/roomkit-react", npm_package_devDependencies__storybook_react_webpack5: "^7.0.27", npm_package_repository_type: "git", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "701", GITHUB_TRIGGERING_ACTOR: "github-actions[bot]", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_dependencies_react_dom: "^18.2.0", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 292", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "false", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/27.2.12479018", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.10.25-alpha.0", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", STATS_PIP: "false", npm_lifecycle_event: "build:only", npm_package_version: "0.3.25-alpha.0", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_resolutions_axios: "^1.7.4", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", GITHUB_SHA: "b9a15a40498feb37cf34dc6fab790cb9dcfcd775", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", npm_package_dependencies_qrcode_react: "^3.1.0", GITHUB_REF: "refs/heads/publish-alpha", GITHUB_ACTOR: "github-actions[bot]", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_config_strict_ssl: "true", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_scripts_format: "prettier -w src/**", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", GITHUB_PATH: "/home/runner/work/_temp/_runner_file_commands/add_path_fdc18806-25a5-4068-94ca-265cb522b1de", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "41898282", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_fdc18806-25a5-4068-94ca-265cb522b1de", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/27.2.12479018", 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://provjobdprod.z13.web.core.windows.net/settings/provjobdsettings-latest/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies_knip: "^5.11.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/27.2.12479018", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_fdc18806-25a5-4068-94ca-265cb522b1de" };
|
|
110
|
+
define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_81ac711a-e81b-481f-91fd-60e73e60b2c8", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_exports___index_css: "./dist/index.css", npm_package_exports___require: "./dist/index.cjs.js", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", npm_package_dependencies__100mslive_hms_whiteboard: "0.0.15-alpha.2", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.20.4 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.10.25-alpha.2", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_81ac711a-e81b-481f-91fd-60e73e60b2c8", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.4/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.13.25-alpha.2", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.12", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "1.3.1-1", 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", npm_package_dependencies_framer_motion: "^11.11.0", GRADLE_HOME: "/usr/share/gradle-8.11", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/27.2.12479018", 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: "599", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_keywords_1: "react", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.13/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20241112.1.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.9/x64", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.0.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", GOROOT_1_23_X64: "/opt/hostedtoolcache/go/1.23.3/x64", JOURNAL_STREAM: "8:19034", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.3.25-alpha.2", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", STATS_D: "false", GITHUB_RUN_ID: "11947992126", STATS_VMFE: "true", npm_package_workspaces_0: "packages/*", npm_package_scripts_store: "cd packages/hms-video-store && yarn start", npm_package_devDependencies__babel_core: "^7.18.2", npm_package_dependencies_ts_pattern: "4.3.0", npm_package_devDependencies__storybook_addon_interactions: "^7.0.27", npm_package_devDependencies__storybook_addon_actions: "^7.0.27", GITHUB_REF_TYPE: "branch", BOOTSTRAP_HASKELL_NONINTERACTIVE: "1", GITHUB_WORKFLOW_SHA: "d4e908bd663f765d36f4b2203584613ab72b2e7f", 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: "49b0a13796fd2e804fbab64ddf4614ac29681f44686e84b97339b63f29dbf894", 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--1732171289660-0.46955805150600405:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1732171289466-0.3815598922792822:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1732171263976-0.5693430635627621:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1732171263797-0.3378495467572882:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin:/snap/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/18.20.4/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_a7d0bb7a-cef6-40e7-bb12-b061cd09f6a6", INVOCATION_ID: "e8649013172642099d112b86aa5f2fb3", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", npm_package_scripts_size: "size-limit", npm_package_devDependencies_size_limit: "^5.0.3", npm_package_name: "@100mslive/roomkit-react", npm_package_devDependencies__storybook_react_webpack5: "^7.0.27", npm_package_repository_type: "git", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "703", GITHUB_TRIGGERING_ACTOR: "github-actions[bot]", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_dependencies_react_dom: "^18.2.0", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 245", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "false", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/27.2.12479018", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.10.25-alpha.2", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", STATS_PIP: "false", npm_lifecycle_event: "build:only", npm_package_version: "0.3.25-alpha.2", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_resolutions_axios: "^1.7.4", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", GITHUB_SHA: "d4e908bd663f765d36f4b2203584613ab72b2e7f", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", npm_package_dependencies_qrcode_react: "^3.1.0", GITHUB_REF: "refs/heads/publish-alpha", GITHUB_ACTOR: "github-actions[bot]", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_config_strict_ssl: "true", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_scripts_format: "prettier -w src/**", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", GITHUB_PATH: "/home/runner/work/_temp/_runner_file_commands/add_path_81ac711a-e81b-481f-91fd-60e73e60b2c8", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "41898282", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_81ac711a-e81b-481f-91fd-60e73e60b2c8", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/27.2.12479018", 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://provjobdprod.z13.web.core.windows.net/settings/provjobdsettings-latest/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies_knip: "^5.11.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/27.2.12479018", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_81ac711a-e81b-481f-91fd-60e73e60b2c8" };
|
|
111
111
|
}
|
|
112
112
|
});
|
|
113
113
|
|
|
@@ -10171,7 +10171,6 @@ var _a5, _b5;
|
|
|
10171
10171
|
var isMacOS = ((_b5 = (_a5 = parsedUserAgent.getOS()) == null ? void 0 : _a5.name) == null ? void 0 : _b5.toLowerCase()) === "mac os";
|
|
10172
10172
|
var _a6, _b6;
|
|
10173
10173
|
var isAndroid = ((_b6 = (_a6 = parsedUserAgent.getOS()) == null ? void 0 : _a6.name) == null ? void 0 : _b6.toLowerCase()) === "android";
|
|
10174
|
-
var isIPadOS = false;
|
|
10175
10174
|
var QUESTION_TYPE_TITLE = /* @__PURE__ */ ((QUESTION_TYPE_TITLE2) => {
|
|
10176
10175
|
QUESTION_TYPE_TITLE2["single-choice"] = "Single Choice";
|
|
10177
10176
|
QUESTION_TYPE_TITLE2["multiple-choice"] = "Multiple Choice";
|
|
@@ -14650,11 +14649,10 @@ var AuthToken_default = AuthToken;
|
|
|
14650
14649
|
|
|
14651
14650
|
// src/Prebuilt/components/ConferenceScreen.tsx
|
|
14652
14651
|
init_define_process_env();
|
|
14653
|
-
import React176, { useEffect as useEffect65, useRef as useRef33
|
|
14652
|
+
import React176, { useEffect as useEffect65, useRef as useRef33 } from "react";
|
|
14654
14653
|
import { v4 as uuid3 } from "uuid";
|
|
14655
14654
|
import {
|
|
14656
14655
|
HMSRoomState as HMSRoomState8,
|
|
14657
|
-
selectAppData as selectAppData13,
|
|
14658
14656
|
selectIsConnectedToRoom as selectIsConnectedToRoom10,
|
|
14659
14657
|
selectRoomState as selectRoomState8,
|
|
14660
14658
|
useAwayNotifications as useAwayNotifications3,
|
|
@@ -21510,7 +21508,7 @@ var c = (a2, e, t) => new Promise((i, r) => {
|
|
|
21510
21508
|
n((t = t.apply(a2, e)).next());
|
|
21511
21509
|
});
|
|
21512
21510
|
var kr = co((Wc, fo) => {
|
|
21513
|
-
fo.exports = { version: "0.12.25-alpha.
|
|
21511
|
+
fo.exports = { version: "0.12.25-alpha.2", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "src"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, sideEffects: false, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", "lodash.isequal": "^4.5.0", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/lodash.isequal": "^4.5.8", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
|
|
21514
21512
|
});
|
|
21515
21513
|
var fr = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(fr || {});
|
|
21516
21514
|
var lo = ((e) => (e.CHAT = "chat", e))(lo || {});
|
|
@@ -33090,13 +33088,9 @@ var ConferenceScreen = () => {
|
|
|
33090
33088
|
const roomState = useHMSStore87(selectRoomState8);
|
|
33091
33089
|
const isConnectedToRoom = useHMSStore87(selectIsConnectedToRoom10);
|
|
33092
33090
|
const hmsActions = useHMSActions52();
|
|
33093
|
-
const [hideControls, setHideControls] = useState74(false);
|
|
33094
|
-
const dropdownList = useHMSStore87(selectAppData13(APP_DATA.dropdownList));
|
|
33095
33091
|
const authTokenInAppData = useAuthToken();
|
|
33096
33092
|
const headerRef = useRef33(null);
|
|
33097
33093
|
const footerRef = useRef33(null);
|
|
33098
|
-
const isMobileDevice = isAndroid || isIOS || isIPadOS;
|
|
33099
|
-
const dropdownListRef = useRef33();
|
|
33100
33094
|
const [isHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
|
|
33101
33095
|
const { requestPermission } = useAwayNotifications3();
|
|
33102
33096
|
const showChat = !!((_a7 = screenProps.elements) == null ? void 0 : _a7.chat);
|
|
@@ -33104,27 +33098,6 @@ var ConferenceScreen = () => {
|
|
|
33104
33098
|
const isMobileHLSStream = useMobileHLSStream();
|
|
33105
33099
|
const isLandscapeHLSStream = useLandscapeHLSStream();
|
|
33106
33100
|
const isMwebHLSStream = isMobileHLSStream || isLandscapeHLSStream;
|
|
33107
|
-
const toggleControls = () => {
|
|
33108
|
-
var _a8;
|
|
33109
|
-
if (((_a8 = dropdownListRef.current) == null ? void 0 : _a8.length) === 0 && isMobileDevice && !isMwebHLSStream) {
|
|
33110
|
-
setHideControls((value) => !value);
|
|
33111
|
-
}
|
|
33112
|
-
};
|
|
33113
|
-
useEffect65(() => {
|
|
33114
|
-
let timeout;
|
|
33115
|
-
dropdownListRef.current = dropdownList || [];
|
|
33116
|
-
if (dropdownListRef.current && dropdownListRef.current.length === 0) {
|
|
33117
|
-
clearTimeout(timeout);
|
|
33118
|
-
timeout = setTimeout(() => {
|
|
33119
|
-
if (dropdownListRef.current && dropdownListRef.current.length === 0) {
|
|
33120
|
-
setHideControls(isMobileDevice);
|
|
33121
|
-
}
|
|
33122
|
-
}, 5e3);
|
|
33123
|
-
}
|
|
33124
|
-
return () => {
|
|
33125
|
-
clearTimeout(timeout);
|
|
33126
|
-
};
|
|
33127
|
-
}, [dropdownList, hideControls, isMobileDevice]);
|
|
33128
33101
|
useEffect65(() => {
|
|
33129
33102
|
if (authTokenInAppData && !isConnectedToRoom && !isPreviewScreenEnabled && roomState !== HMSRoomState8.Connecting && !autoRoomJoined.current) {
|
|
33130
33103
|
hmsActions.join({
|
|
@@ -33159,7 +33132,6 @@ var ConferenceScreen = () => {
|
|
|
33159
33132
|
if (!isConnectedToRoom && ![HMSRoomState8.Reconnecting, HMSRoomState8.Disconnected].includes(roomState)) {
|
|
33160
33133
|
return /* @__PURE__ */ React176.createElement(FullPageProgress_default, { text: roomState === HMSRoomState8.Connecting ? "Joining..." : "" });
|
|
33161
33134
|
}
|
|
33162
|
-
const hideControlsForStreaming = isMwebHLSStream ? true : hideControls;
|
|
33163
33135
|
return /* @__PURE__ */ React176.createElement(React176.Fragment, null, isHLSStarted ? /* @__PURE__ */ React176.createElement(Box, { css: { position: "fixed", zIndex: 100, w: "100%", h: "100%", left: 0, top: 0 } }, /* @__PURE__ */ React176.createElement(FullPageProgress_default, { text: "Starting live stream...", css: { opacity: 0.8, bg: "$background_dim" } })) : null, /* @__PURE__ */ React176.createElement(Flex, { css: { size: "100%", overflow: "hidden" }, direction: "column" }, !(screenProps.hideSections.includes("header") || isMwebHLSStream) && /* @__PURE__ */ React176.createElement(
|
|
33164
33136
|
Box,
|
|
33165
33137
|
{
|
|
@@ -33167,7 +33139,7 @@ var ConferenceScreen = () => {
|
|
|
33167
33139
|
css: {
|
|
33168
33140
|
h: "$18",
|
|
33169
33141
|
transition: "margin 0.3s ease-in-out",
|
|
33170
|
-
marginTop:
|
|
33142
|
+
marginTop: isMwebHLSStream ? `-${(_b7 = headerRef.current) == null ? void 0 : _b7.clientHeight}px` : "none",
|
|
33171
33143
|
"@md": {
|
|
33172
33144
|
h: "$17"
|
|
33173
33145
|
}
|
|
@@ -33191,15 +33163,14 @@ var ConferenceScreen = () => {
|
|
|
33191
33163
|
}
|
|
33192
33164
|
},
|
|
33193
33165
|
id: "conferencing",
|
|
33194
|
-
"data-testid": "conferencing"
|
|
33195
|
-
onClick: toggleControls
|
|
33166
|
+
"data-testid": "conferencing"
|
|
33196
33167
|
},
|
|
33197
33168
|
screenProps.elements ? /* @__PURE__ */ React176.createElement(
|
|
33198
33169
|
VideoStreamingSection,
|
|
33199
33170
|
{
|
|
33200
33171
|
screenType: screenProps.screenType,
|
|
33201
33172
|
elements: screenProps.elements,
|
|
33202
|
-
hideControls:
|
|
33173
|
+
hideControls: isMwebHLSStream
|
|
33203
33174
|
}
|
|
33204
33175
|
) : null
|
|
33205
33176
|
), !screenProps.hideSections.includes("footer") && screenProps.elements && !isMwebHLSStream && /* @__PURE__ */ React176.createElement(
|
|
@@ -33211,7 +33182,7 @@ var ConferenceScreen = () => {
|
|
|
33211
33182
|
maxHeight: "$24",
|
|
33212
33183
|
transition: "margin 0.3s ease-in-out",
|
|
33213
33184
|
bg: "$background_dim",
|
|
33214
|
-
marginBottom:
|
|
33185
|
+
marginBottom: isMwebHLSStream ? `-${(_f = footerRef.current) == null ? void 0 : _f.clientHeight}px` : void 0,
|
|
33215
33186
|
"@md": {
|
|
33216
33187
|
maxHeight: "unset",
|
|
33217
33188
|
bg: screenProps.screenType === "hls_live_streaming" ? "transparent" : "$background_dim"
|
|
@@ -33394,7 +33365,7 @@ var Init = () => {
|
|
|
33394
33365
|
init_define_process_env();
|
|
33395
33366
|
import { useEffect as useEffect68 } from "react";
|
|
33396
33367
|
import {
|
|
33397
|
-
selectAppData as
|
|
33368
|
+
selectAppData as selectAppData13,
|
|
33398
33369
|
selectIsLocalAudioEnabled as selectIsLocalAudioEnabled2,
|
|
33399
33370
|
selectIsLocalVideoEnabled as selectIsLocalVideoEnabled9,
|
|
33400
33371
|
useHMSActions as useHMSActions53,
|
|
@@ -33415,19 +33386,19 @@ var KeyboardInputManager = class {
|
|
|
33415
33386
|
yield __privateGet(this, _actions).setLocalVideoEnabled(!enabled);
|
|
33416
33387
|
}));
|
|
33417
33388
|
__privateAdd(this, _hideSidepane, () => {
|
|
33418
|
-
if (__privateGet(this, _store).getState(
|
|
33389
|
+
if (__privateGet(this, _store).getState(selectAppData13(APP_DATA.sidePane))) {
|
|
33419
33390
|
__privateGet(this, _actions).setAppData(APP_DATA.sidePane, "");
|
|
33420
33391
|
}
|
|
33421
33392
|
});
|
|
33422
33393
|
__privateAdd(this, _toggleStatsForNerds, () => {
|
|
33423
|
-
const uiSettings = __privateGet(this, _store).getState(
|
|
33394
|
+
const uiSettings = __privateGet(this, _store).getState(selectAppData13(APP_DATA.uiSettings));
|
|
33424
33395
|
const statsEnabled = uiSettings.showStatsOnTiles;
|
|
33425
33396
|
__privateGet(this, _actions).setAppData(APP_DATA.uiSettings, __spreadProps(__spreadValues({}, uiSettings), {
|
|
33426
33397
|
showStatsOnTiles: !statsEnabled
|
|
33427
33398
|
}));
|
|
33428
33399
|
});
|
|
33429
33400
|
__privateAdd(this, _toggleHlsStats, () => {
|
|
33430
|
-
__privateGet(this, _actions).setAppData(APP_DATA.hlsStats, !__privateGet(this, _store).getState(
|
|
33401
|
+
__privateGet(this, _actions).setAppData(APP_DATA.hlsStats, !__privateGet(this, _store).getState(selectAppData13(APP_DATA.hlsStats)));
|
|
33431
33402
|
});
|
|
33432
33403
|
// eslint-disable-next-line complexity
|
|
33433
33404
|
__privateAdd(this, _keyDownHandler, (e) => __async(this, null, function* () {
|
|
@@ -33502,12 +33473,12 @@ import { ExitIcon as ExitIcon3 } from "@100mslive/react-icons";
|
|
|
33502
33473
|
|
|
33503
33474
|
// src/Prebuilt/components/EndCallFeedback/Feedback.tsx
|
|
33504
33475
|
init_define_process_env();
|
|
33505
|
-
import React181, { useState as
|
|
33476
|
+
import React181, { useState as useState76 } from "react";
|
|
33506
33477
|
import { useMedia as useMedia48 } from "react-use";
|
|
33507
33478
|
|
|
33508
33479
|
// src/Prebuilt/components/EndCallFeedback/FeedbackForm.tsx
|
|
33509
33480
|
init_define_process_env();
|
|
33510
|
-
import React179, { useState as
|
|
33481
|
+
import React179, { useState as useState74 } from "react";
|
|
33511
33482
|
import { useMedia as useMedia46 } from "react-use";
|
|
33512
33483
|
import { useHMSActions as useHMSActions54 } from "@100mslive/react-sdk";
|
|
33513
33484
|
import { CheckIcon as CheckIcon10, CrossIcon as CrossIcon30 } from "@100mslive/react-icons";
|
|
@@ -33557,8 +33528,8 @@ var FeedbackContent = ({
|
|
|
33557
33528
|
const { endpoints } = useHMSPrebuiltContext();
|
|
33558
33529
|
const isMobile = useMedia46(config.media.md);
|
|
33559
33530
|
const hmsActions = useHMSActions54();
|
|
33560
|
-
const [comment, setComment] =
|
|
33561
|
-
const [selectedReasons, setSelectedReasons] =
|
|
33531
|
+
const [comment, setComment] = useState74("");
|
|
33532
|
+
const [selectedReasons, setSelectedReasons] = useState74(/* @__PURE__ */ new Set());
|
|
33562
33533
|
const handleCheckedChange = (checked, index) => {
|
|
33563
33534
|
const newSelected = new Set(selectedReasons);
|
|
33564
33535
|
if (checked) {
|
|
@@ -33864,11 +33835,11 @@ var FeedbackForm = ({
|
|
|
33864
33835
|
|
|
33865
33836
|
// src/Prebuilt/components/EndCallFeedback/ThankyouView.tsx
|
|
33866
33837
|
init_define_process_env();
|
|
33867
|
-
import React180, { useState as
|
|
33838
|
+
import React180, { useState as useState75 } from "react";
|
|
33868
33839
|
import { useMedia as useMedia47 } from "react-use";
|
|
33869
33840
|
import { CrossIcon as CrossIcon31, UserMusicIcon } from "@100mslive/react-icons";
|
|
33870
33841
|
var ThankyouView = () => {
|
|
33871
|
-
const [isVisible, setIsVisible] =
|
|
33842
|
+
const [isVisible, setIsVisible] = useState75(true);
|
|
33872
33843
|
const isMobile = useMedia47(config.media.md);
|
|
33873
33844
|
if (!isVisible) {
|
|
33874
33845
|
return null;
|
|
@@ -33926,7 +33897,7 @@ var ThankyouView = () => {
|
|
|
33926
33897
|
// src/Prebuilt/components/EndCallFeedback/Feedback.tsx
|
|
33927
33898
|
var Feedback = () => {
|
|
33928
33899
|
const { feedback } = useRoomLayoutLeaveScreen();
|
|
33929
|
-
const [index, setIndex] =
|
|
33900
|
+
const [index, setIndex] = useState76(FEEBACK_INDEX.INIT);
|
|
33930
33901
|
const isMobile = useMedia48(config.media.md);
|
|
33931
33902
|
if (!feedback) {
|
|
33932
33903
|
return null;
|
|
@@ -34031,12 +34002,12 @@ var LeaveScreen = () => {
|
|
|
34031
34002
|
|
|
34032
34003
|
// src/Prebuilt/components/MwebLandscapePrompt.tsx
|
|
34033
34004
|
init_define_process_env();
|
|
34034
|
-
import React183, { useEffect as useEffect69, useState as
|
|
34005
|
+
import React183, { useEffect as useEffect69, useState as useState77 } from "react";
|
|
34035
34006
|
import { useMedia as useMedia49 } from "react-use";
|
|
34036
34007
|
import { match as match15, P as P7 } from "ts-pattern";
|
|
34037
34008
|
import { RefreshIcon } from "@100mslive/react-icons";
|
|
34038
34009
|
var MwebLandscapePrompt = () => {
|
|
34039
|
-
const [showMwebLandscapePrompt, setShowMwebLandscapePrompt] =
|
|
34010
|
+
const [showMwebLandscapePrompt, setShowMwebLandscapePrompt] = useState77(false);
|
|
34040
34011
|
const isLandscape = useMedia49(config.media.ls);
|
|
34041
34012
|
const isLandscapeHLSStream = useLandscapeHLSStream();
|
|
34042
34013
|
useEffect69(() => {
|
|
@@ -34165,7 +34136,7 @@ var DeviceChangeNotifications = () => {
|
|
|
34165
34136
|
|
|
34166
34137
|
// src/Prebuilt/components/Notifications/DeviceInUseError.tsx
|
|
34167
34138
|
init_define_process_env();
|
|
34168
|
-
import React186, { useEffect as useEffect72, useState as
|
|
34139
|
+
import React186, { useEffect as useEffect72, useState as useState78 } from "react";
|
|
34169
34140
|
import {
|
|
34170
34141
|
HMSNotificationTypes as HMSNotificationTypes4,
|
|
34171
34142
|
HMSTrackExceptionTrackType,
|
|
@@ -34174,8 +34145,8 @@ import {
|
|
|
34174
34145
|
var Instruction = ({ description }) => /* @__PURE__ */ React186.createElement("li", null, /* @__PURE__ */ React186.createElement(DialogRow, { css: { ml: "$4" } }, /* @__PURE__ */ React186.createElement(Text, { variant: "body2" }, description)));
|
|
34175
34146
|
function DeviceInUseError() {
|
|
34176
34147
|
const notification = useHMSNotifications4(HMSNotificationTypes4.ERROR);
|
|
34177
|
-
const [showDeviceInUseModal, setShowDeviceInUseModal] =
|
|
34178
|
-
const [deviceType, setDeviceType] =
|
|
34148
|
+
const [showDeviceInUseModal, setShowDeviceInUseModal] = useState78(false);
|
|
34149
|
+
const [deviceType, setDeviceType] = useState78("");
|
|
34179
34150
|
useEffect72(() => {
|
|
34180
34151
|
const error = notification == null ? void 0 : notification.data;
|
|
34181
34152
|
if (!error || error.code !== 3003) {
|
|
@@ -34571,12 +34542,12 @@ var HandRaisedNotifications = () => {
|
|
|
34571
34542
|
|
|
34572
34543
|
// src/Prebuilt/components/Notifications/InitErrorModal.tsx
|
|
34573
34544
|
init_define_process_env();
|
|
34574
|
-
import React189, { useEffect as useEffect75, useState as
|
|
34545
|
+
import React189, { useEffect as useEffect75, useState as useState79 } from "react";
|
|
34575
34546
|
import { HMSNotificationTypes as HMSNotificationTypes7, useHMSNotifications as useHMSNotifications7 } from "@100mslive/react-sdk";
|
|
34576
34547
|
var InitErrorModal = () => {
|
|
34577
34548
|
const notification = useHMSNotifications7(HMSNotificationTypes7.ERROR);
|
|
34578
|
-
const [showModal, setShowModal] =
|
|
34579
|
-
const [info, setInfo] =
|
|
34549
|
+
const [showModal, setShowModal] = useState79(false);
|
|
34550
|
+
const [info, setInfo] = useState79({ title: "Init Error", description: "" });
|
|
34580
34551
|
useEffect75(() => {
|
|
34581
34552
|
const data3 = notification == null ? void 0 : notification.data;
|
|
34582
34553
|
if (!data3 || data3.action !== "INIT") {
|
|
@@ -34669,7 +34640,7 @@ var PeerNotifications = () => {
|
|
|
34669
34640
|
|
|
34670
34641
|
// src/Prebuilt/components/Notifications/PermissionErrorModal.tsx
|
|
34671
34642
|
init_define_process_env();
|
|
34672
|
-
import React190, { useEffect as useEffect78, useState as
|
|
34643
|
+
import React190, { useEffect as useEffect78, useState as useState80 } from "react";
|
|
34673
34644
|
import { useMedia as useMedia50 } from "react-use";
|
|
34674
34645
|
import {
|
|
34675
34646
|
HMSNotificationTypes as HMSNotificationTypes9,
|
|
@@ -34683,8 +34654,8 @@ function PermissionErrorNotificationModal() {
|
|
|
34683
34654
|
return /* @__PURE__ */ React190.createElement(PermissionErrorModal, { error: notification == null ? void 0 : notification.data });
|
|
34684
34655
|
}
|
|
34685
34656
|
var PermissionErrorModal = ({ error }) => {
|
|
34686
|
-
const [deviceType, setDeviceType] =
|
|
34687
|
-
const [isSystemError, setIsSystemError] =
|
|
34657
|
+
const [deviceType, setDeviceType] = useState80("");
|
|
34658
|
+
const [isSystemError, setIsSystemError] = useState80(false);
|
|
34688
34659
|
const isMobile = useMedia50(config.media.md);
|
|
34689
34660
|
useEffect78(() => {
|
|
34690
34661
|
if (!error || (error == null ? void 0 : error.code) !== 3001 && (error == null ? void 0 : error.code) !== 3011 || (error == null ? void 0 : error.code) === 3001 && (error == null ? void 0 : error.message.includes("screen"))) {
|
|
@@ -34856,7 +34827,7 @@ var RoleChangeNotification = () => {
|
|
|
34856
34827
|
|
|
34857
34828
|
// src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx
|
|
34858
34829
|
init_define_process_env();
|
|
34859
|
-
import React192, { useEffect as useEffect82, useState as
|
|
34830
|
+
import React192, { useEffect as useEffect82, useState as useState81 } from "react";
|
|
34860
34831
|
import {
|
|
34861
34832
|
HMSNotificationTypes as HMSNotificationTypes13,
|
|
34862
34833
|
useHMSActions as useHMSActions56,
|
|
@@ -34870,7 +34841,7 @@ var notificationTypes4 = [
|
|
|
34870
34841
|
];
|
|
34871
34842
|
var TrackBulkUnmuteModal = () => {
|
|
34872
34843
|
const hmsActions = useHMSActions56();
|
|
34873
|
-
const [muteNotification, setMuteNotification] =
|
|
34844
|
+
const [muteNotification, setMuteNotification] = useState81(null);
|
|
34874
34845
|
const notification = useHMSNotifications14(notificationTypes4);
|
|
34875
34846
|
useEffect82(() => {
|
|
34876
34847
|
switch (notification == null ? void 0 : notification.type) {
|
|
@@ -34951,7 +34922,7 @@ var TrackNotifications = () => {
|
|
|
34951
34922
|
|
|
34952
34923
|
// src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx
|
|
34953
34924
|
init_define_process_env();
|
|
34954
|
-
import React193, { useEffect as useEffect84, useState as
|
|
34925
|
+
import React193, { useEffect as useEffect84, useState as useState82 } from "react";
|
|
34955
34926
|
import {
|
|
34956
34927
|
HMSNotificationTypes as HMSNotificationTypes15,
|
|
34957
34928
|
useHMSActions as useHMSActions57,
|
|
@@ -34966,7 +34937,7 @@ var notificationTypes6 = [
|
|
|
34966
34937
|
var TrackUnmuteModal = () => {
|
|
34967
34938
|
const hmsActions = useHMSActions57();
|
|
34968
34939
|
const notification = useHMSNotifications16(notificationTypes6);
|
|
34969
|
-
const [muteNotification, setMuteNotification] =
|
|
34940
|
+
const [muteNotification, setMuteNotification] = useState82(null);
|
|
34970
34941
|
useEffect84(() => {
|
|
34971
34942
|
switch (notification == null ? void 0 : notification.type) {
|
|
34972
34943
|
case HMSNotificationTypes15.REMOVED_FROM_ROOM:
|
|
@@ -35071,10 +35042,10 @@ function Notifications() {
|
|
|
35071
35042
|
|
|
35072
35043
|
// src/Prebuilt/components/PIP/PIPProvider.tsx
|
|
35073
35044
|
init_define_process_env();
|
|
35074
|
-
import React196, { useCallback as useCallback40, useMemo as useMemo22, useState as
|
|
35045
|
+
import React196, { useCallback as useCallback40, useMemo as useMemo22, useState as useState83 } from "react";
|
|
35075
35046
|
var PIPProvider = ({ children }) => {
|
|
35076
35047
|
const isSupported = "documentPictureInPicture" in window;
|
|
35077
|
-
const [pipWindow, setPipWindow] =
|
|
35048
|
+
const [pipWindow, setPipWindow] = useState83(null);
|
|
35078
35049
|
const closePipWindow = useCallback40(() => {
|
|
35079
35050
|
if (pipWindow != null) {
|
|
35080
35051
|
pipWindow.close();
|
|
@@ -35135,7 +35106,7 @@ var PreviewScreen = () => {
|
|
|
35135
35106
|
|
|
35136
35107
|
// src/Prebuilt/components/Toast/ToastContainer.jsx
|
|
35137
35108
|
init_define_process_env();
|
|
35138
|
-
import React199, { useEffect as useEffect86, useState as
|
|
35109
|
+
import React199, { useEffect as useEffect86, useState as useState84 } from "react";
|
|
35139
35110
|
import { selectIsConnectedToRoom as selectIsConnectedToRoom11, useHMSStore as useHMSStore95 } from "@100mslive/react-sdk";
|
|
35140
35111
|
|
|
35141
35112
|
// src/Prebuilt/components/Toast/Toast.jsx
|
|
@@ -35160,7 +35131,7 @@ var Toast2 = (_a7) => {
|
|
|
35160
35131
|
// src/Prebuilt/components/Toast/ToastContainer.jsx
|
|
35161
35132
|
var ToastContainer = () => {
|
|
35162
35133
|
const isConnected = useHMSStore95(selectIsConnectedToRoom11);
|
|
35163
|
-
const [toasts, setToast] =
|
|
35134
|
+
const [toasts, setToast] = useState84([]);
|
|
35164
35135
|
useEffect86(() => {
|
|
35165
35136
|
ToastManager.addListener(setToast);
|
|
35166
35137
|
return () => {
|
|
@@ -35182,7 +35153,7 @@ var ToastContainer = () => {
|
|
|
35182
35153
|
// src/Prebuilt/layouts/Sheet.tsx
|
|
35183
35154
|
init_define_process_env();
|
|
35184
35155
|
import React201 from "react";
|
|
35185
|
-
import { selectAppData as
|
|
35156
|
+
import { selectAppData as selectAppData14, useHMSStore as useHMSStore96 } from "@100mslive/react-sdk";
|
|
35186
35157
|
|
|
35187
35158
|
// src/Prebuilt/components/RoomDetails/RoomDetailsSheet.tsx
|
|
35188
35159
|
init_define_process_env();
|
|
@@ -35206,7 +35177,7 @@ var RoomDetailsSheet = () => {
|
|
|
35206
35177
|
|
|
35207
35178
|
// src/Prebuilt/layouts/Sheet.tsx
|
|
35208
35179
|
var Sheet2 = () => {
|
|
35209
|
-
const sheet = useHMSStore96(
|
|
35180
|
+
const sheet = useHMSStore96(selectAppData14(APP_DATA.sheet));
|
|
35210
35181
|
let ViewComponent;
|
|
35211
35182
|
if (sheet === SHEET_OPTIONS.ROOM_DETAILS) {
|
|
35212
35183
|
ViewComponent = /* @__PURE__ */ React201.createElement(RoomDetailsSheet, null);
|
|
@@ -35216,7 +35187,7 @@ var Sheet2 = () => {
|
|
|
35216
35187
|
|
|
35217
35188
|
// src/Prebuilt/plugins/FlyingEmoji.jsx
|
|
35218
35189
|
init_define_process_env();
|
|
35219
|
-
import React202, { useCallback as useCallback41, useEffect as useEffect87, useMemo as useMemo23, useState as
|
|
35190
|
+
import React202, { useCallback as useCallback41, useEffect as useEffect87, useMemo as useMemo23, useState as useState85 } from "react";
|
|
35220
35191
|
import { useMedia as useMedia51 } from "react-use";
|
|
35221
35192
|
import {
|
|
35222
35193
|
selectIsLargeRoom as selectIsLargeRoom4,
|
|
@@ -35254,7 +35225,7 @@ function FlyingEmoji() {
|
|
|
35254
35225
|
const localPeerId = useHMSStore97(selectLocalPeerID16);
|
|
35255
35226
|
const vanillaStore = useHMSVanillaStore19();
|
|
35256
35227
|
const hmsActions = useHMSActions58();
|
|
35257
|
-
const [emojis, setEmojis] =
|
|
35228
|
+
const [emojis, setEmojis] = useState85([]);
|
|
35258
35229
|
const isMobile = useMedia51(config.media.md);
|
|
35259
35230
|
const isLargeRoom = useHMSStore97(selectIsLargeRoom4);
|
|
35260
35231
|
const startingPoints = useMemo23(() => getStartingPoints(isMobile), [isMobile]);
|
|
@@ -35626,7 +35597,7 @@ init_define_process_env();
|
|
|
35626
35597
|
|
|
35627
35598
|
// src/Diagnostics/Diagnostics.tsx
|
|
35628
35599
|
init_define_process_env();
|
|
35629
|
-
import React212, { useCallback as useCallback45, useRef as useRef38, useState as
|
|
35600
|
+
import React212, { useCallback as useCallback45, useRef as useRef38, useState as useState91 } from "react";
|
|
35630
35601
|
import { HMSRoomProvider as HMSRoomProvider2, useHMSActions as useHMSActions63 } from "@100mslive/react-sdk";
|
|
35631
35602
|
import {
|
|
35632
35603
|
CheckCircleIcon as CheckCircleIcon7,
|
|
@@ -35639,7 +35610,7 @@ import {
|
|
|
35639
35610
|
|
|
35640
35611
|
// src/Diagnostics/AudioTest.tsx
|
|
35641
35612
|
init_define_process_env();
|
|
35642
|
-
import React208, { useCallback as useCallback44, useEffect as useEffect90, useState as
|
|
35613
|
+
import React208, { useCallback as useCallback44, useEffect as useEffect90, useState as useState87 } from "react";
|
|
35643
35614
|
import {
|
|
35644
35615
|
selectDevices,
|
|
35645
35616
|
selectLocalAudioTrackID as selectLocalAudioTrackID2,
|
|
@@ -35732,10 +35703,10 @@ var TestFooter = ({
|
|
|
35732
35703
|
// src/Diagnostics/DeviceSelector.jsx
|
|
35733
35704
|
init_define_process_env();
|
|
35734
35705
|
var import_prop_types = __toESM(require_prop_types());
|
|
35735
|
-
import React207, { useRef as useRef37, useState as
|
|
35706
|
+
import React207, { useRef as useRef37, useState as useState86 } from "react";
|
|
35736
35707
|
var DeviceSelector2 = ({ title, devices, selection, onChange, icon, children = null }) => {
|
|
35737
35708
|
var _a7, _b7;
|
|
35738
|
-
const [open, setOpen] =
|
|
35709
|
+
const [open, setOpen] = useState86(false);
|
|
35739
35710
|
const ref = useRef37(null);
|
|
35740
35711
|
return /* @__PURE__ */ React207.createElement(Box, { css: { mb: "$6" } }, /* @__PURE__ */ React207.createElement(Text, { css: { mb: "$4" } }, title), /* @__PURE__ */ React207.createElement(
|
|
35741
35712
|
Flex,
|
|
@@ -35802,8 +35773,8 @@ var MicTest = ({ setError }) => {
|
|
|
35802
35773
|
var _a7, _b7;
|
|
35803
35774
|
const { hmsDiagnostics } = useDiagnostics();
|
|
35804
35775
|
const devices = useHMSStore100(selectDevices);
|
|
35805
|
-
const [isRecording, setIsRecording] =
|
|
35806
|
-
const [selectedMic, setSelectedMic] =
|
|
35776
|
+
const [isRecording, setIsRecording] = useState87(false);
|
|
35777
|
+
const [selectedMic, setSelectedMic] = useState87(((_a7 = devices.audioInput[0]) == null ? void 0 : _a7.deviceId) || "default");
|
|
35807
35778
|
const trackID = useHMSStore100(selectLocalAudioTrackID2);
|
|
35808
35779
|
const audioLevel = useHMSStore100(selectTrackAudioByID2(trackID));
|
|
35809
35780
|
const { audioOutputDeviceId } = useHMSStore100(selectLocalMediaSettings);
|
|
@@ -35902,7 +35873,7 @@ var SpeakerTest = () => {
|
|
|
35902
35873
|
};
|
|
35903
35874
|
var AudioTest = () => {
|
|
35904
35875
|
const { hmsDiagnostics, updateStep } = useDiagnostics();
|
|
35905
|
-
const [error, setErrorAlone] =
|
|
35876
|
+
const [error, setErrorAlone] = useState87();
|
|
35906
35877
|
const setError = useCallback44(
|
|
35907
35878
|
(err) => {
|
|
35908
35879
|
updateStep(2 /* AUDIO */, { hasFailed: !!err });
|
|
@@ -35932,7 +35903,7 @@ var AudioTest = () => {
|
|
|
35932
35903
|
|
|
35933
35904
|
// src/Diagnostics/BrowserTest.tsx
|
|
35934
35905
|
init_define_process_env();
|
|
35935
|
-
import React209, { useEffect as useEffect91, useState as
|
|
35906
|
+
import React209, { useEffect as useEffect91, useState as useState88 } from "react";
|
|
35936
35907
|
import { parsedUserAgent as parsedUserAgent4 } from "@100mslive/react-sdk";
|
|
35937
35908
|
var CMS_MEDIA_SERVER = "https://storage.googleapis.com/100ms-cms-prod/";
|
|
35938
35909
|
var operatingSystemIconInfo = {
|
|
@@ -36018,7 +35989,7 @@ var CheckDetails = ({ title, value, iconURL }) => /* @__PURE__ */ React209.creat
|
|
|
36018
35989
|
var BrowserTest = () => {
|
|
36019
35990
|
var _a7, _b7, _c, _d;
|
|
36020
35991
|
const { hmsDiagnostics, updateStep } = useDiagnostics();
|
|
36021
|
-
const [error, setError] =
|
|
35992
|
+
const [error, setError] = useState88();
|
|
36022
35993
|
useEffect91(() => {
|
|
36023
35994
|
try {
|
|
36024
35995
|
hmsDiagnostics == null ? void 0 : hmsDiagnostics.checkBrowserSupport();
|
|
@@ -36046,7 +36017,7 @@ var BrowserTest = () => {
|
|
|
36046
36017
|
|
|
36047
36018
|
// src/Diagnostics/ConnectivityTest.tsx
|
|
36048
36019
|
init_define_process_env();
|
|
36049
|
-
import React210, { useState as
|
|
36020
|
+
import React210, { useState as useState89 } from "react";
|
|
36050
36021
|
import { ConnectivityState } from "@100mslive/react-sdk";
|
|
36051
36022
|
import { CheckCircleIcon as CheckCircleIcon6, CrossCircleIcon as CrossCircleIcon4, EyeCloseIcon as EyeCloseIcon3, EyeOpenIcon as EyeOpenIcon2, LinkIcon } from "@100mslive/react-icons";
|
|
36052
36023
|
var Regions = {
|
|
@@ -36069,7 +36040,7 @@ var ConnectivityTestStepResult = ({
|
|
|
36069
36040
|
success,
|
|
36070
36041
|
children
|
|
36071
36042
|
}) => {
|
|
36072
|
-
const [hideDetails, setHideDetails] =
|
|
36043
|
+
const [hideDetails, setHideDetails] = useState89(true);
|
|
36073
36044
|
return /* @__PURE__ */ React210.createElement(Box, { css: { my: "$10", p: "$10", r: "$1", bg: "$surface_bright" } }, /* @__PURE__ */ React210.createElement(Text, { css: { c: "$on_primary_medium", mb: "$6" } }, title), success ? /* @__PURE__ */ React210.createElement(Flex, null, /* @__PURE__ */ React210.createElement(Text, { css: { c: "$alert_success" } }, /* @__PURE__ */ React210.createElement(CheckCircleIcon6, { width: "1.5rem", height: "1.5rem" })), /* @__PURE__ */ React210.createElement(Text, { variant: "lg", css: { ml: "$4" } }, status)) : /* @__PURE__ */ React210.createElement(Flex, null, /* @__PURE__ */ React210.createElement(Text, { css: { c: "$alert_error_bright" } }, /* @__PURE__ */ React210.createElement(CrossCircleIcon4, { width: "1.5rem", height: "1.5rem" })), /* @__PURE__ */ React210.createElement(Text, { variant: "lg", css: { ml: "$4" } }, "Failed")), /* @__PURE__ */ React210.createElement(
|
|
36074
36045
|
Flex,
|
|
36075
36046
|
{
|
|
@@ -36225,10 +36196,10 @@ var RegionSelector = ({
|
|
|
36225
36196
|
};
|
|
36226
36197
|
var ConnectivityTest = () => {
|
|
36227
36198
|
const { hmsDiagnostics, updateStep } = useDiagnostics();
|
|
36228
|
-
const [region, setRegion] =
|
|
36229
|
-
const [error, setError] =
|
|
36230
|
-
const [progress, setProgress] =
|
|
36231
|
-
const [result, setResult] =
|
|
36199
|
+
const [region, setRegion] = useState89(Object.keys(Regions)[0]);
|
|
36200
|
+
const [error, setError] = useState89();
|
|
36201
|
+
const [progress, setProgress] = useState89();
|
|
36202
|
+
const [result, setResult] = useState89();
|
|
36232
36203
|
const startTest = () => {
|
|
36233
36204
|
updateStep(3 /* CONNECTIVITY */, { hasFailed: false, isCompleted: false });
|
|
36234
36205
|
setError(void 0);
|
|
@@ -36268,7 +36239,7 @@ var downloadJson = (obj, fileName) => {
|
|
|
36268
36239
|
|
|
36269
36240
|
// src/Diagnostics/VideoTest.tsx
|
|
36270
36241
|
init_define_process_env();
|
|
36271
|
-
import React211, { useEffect as useEffect92, useState as
|
|
36242
|
+
import React211, { useEffect as useEffect92, useState as useState90 } from "react";
|
|
36272
36243
|
import {
|
|
36273
36244
|
selectDevices as selectDevices2,
|
|
36274
36245
|
selectLocalMediaSettings as selectLocalMediaSettings2,
|
|
@@ -36282,7 +36253,7 @@ var VideoTest = () => {
|
|
|
36282
36253
|
const { videoInput } = allDevices;
|
|
36283
36254
|
const trackID = useHMSStore101(selectLocalVideoTrackID4);
|
|
36284
36255
|
const sdkSelectedDevices = useHMSStore101(selectLocalMediaSettings2);
|
|
36285
|
-
const [error, setError] =
|
|
36256
|
+
const [error, setError] = useState90();
|
|
36286
36257
|
useEffect92(() => {
|
|
36287
36258
|
hmsDiagnostics == null ? void 0 : hmsDiagnostics.startCameraCheck().catch((err) => {
|
|
36288
36259
|
updateStep(1 /* VIDEO */, { hasFailed: true });
|
|
@@ -36406,8 +36377,8 @@ var DiagnosticsStepsList = () => {
|
|
|
36406
36377
|
};
|
|
36407
36378
|
var DiagnosticsProvider = () => {
|
|
36408
36379
|
const actions = useHMSActions63();
|
|
36409
|
-
const [activeStep, setActiveStep] =
|
|
36410
|
-
const [steps, setSteps] =
|
|
36380
|
+
const [activeStep, setActiveStep] = useState91(0);
|
|
36381
|
+
const [steps, setSteps] = useState91(initialSteps);
|
|
36411
36382
|
const diagnosticsRef = useRef38(actions.initDiagnostics());
|
|
36412
36383
|
const updateStep = useCallback45((step, value) => {
|
|
36413
36384
|
setSteps((prevSteps) => __spreadProps(__spreadValues({}, prevSteps), { [step]: __spreadValues(__spreadValues({}, prevSteps[step]), value) }));
|