@100mslive/roomkit-react 0.3.20-alpha.0 → 0.3.20-alpha.1
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/{HLSView-5JM7XVA4.css → HLSView-KVYOXQXT.css} +3 -3
- package/dist/{HLSView-5JM7XVA4.css.map → HLSView-KVYOXQXT.css.map} +1 -1
- package/dist/{HLSView-VBMAXHBP.js → HLSView-WY2KZLYW.js} +63 -47
- package/dist/HLSView-WY2KZLYW.js.map +7 -0
- package/dist/Prebuilt/AppContext.d.ts +1 -1
- package/dist/Prebuilt/components/AuthToken.d.ts +1 -1
- package/dist/{chunk-JCM6FDIX.js → chunk-I6M7HK22.js} +278 -268
- package/dist/chunk-I6M7HK22.js.map +7 -0
- package/dist/index.cjs.css +2 -2
- package/dist/index.cjs.css.map +1 -1
- package/dist/index.cjs.js +137 -111
- package/dist/index.cjs.js.map +4 -4
- package/dist/index.css +2 -2
- package/dist/index.css.map +1 -1
- package/dist/index.js +1 -1
- package/dist/meta.cjs.json +28 -28
- package/dist/meta.esbuild.json +43 -43
- package/package.json +7 -7
- package/src/Prebuilt/App.tsx +5 -5
- package/src/Prebuilt/AppContext.tsx +1 -1
- package/src/Prebuilt/components/AuthToken.tsx +1 -1
- package/src/Prebuilt/components/HMSVideo/HMSVideo.jsx +24 -4
- package/src/Prebuilt/components/MoreSettings/ChangeNameContent.tsx +13 -3
- package/src/Prebuilt/components/MoreSettings/ChangeNameModal.tsx +1 -1
- package/src/Prebuilt/layouts/HLSView.jsx +2 -5
- package/dist/HLSView-VBMAXHBP.js.map +0 -7
- package/dist/chunk-JCM6FDIX.js.map +0 -7
@@ -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_208a3df6-7e0b-4573-8836-09b3eec6bee0", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_exports___index_css: "./dist/index.css", npm_package_exports___require: "./dist/index.cjs.js", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", npm_package_dependencies__100mslive_hms_whiteboard: "0.0.10-alpha.0", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.20.4 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.10.20-alpha.0", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_208a3df6-7e0b-4573-8836-09b3eec6bee0", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.4/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.13.20-alpha.0", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.12", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.10", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/27.1.12297006", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "597", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.13/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240908.1.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.7/x64", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.0.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:16089", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.3.20-alpha.0", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", STATS_D: "false", GITHUB_RUN_ID: "10826597823", STATS_VMFE: "true", npm_package_workspaces_0: "packages/*", npm_package_scripts_store: "cd packages/hms-video-store && yarn start", npm_package_devDependencies__babel_core: "^7.18.2", npm_package_dependencies_ts_pattern: "4.3.0", npm_package_devDependencies__storybook_addon_interactions: "^7.0.27", npm_package_devDependencies__storybook_addon_actions: "^7.0.27", GITHUB_REF_TYPE: "branch", BOOTSTRAP_HASKELL_NONINTERACTIVE: "1", GITHUB_WORKFLOW_SHA: "9292ef206d23ad3743254e046fce98240fa3a134", GITHUB_BASE_REF: "", ImageOS: "ubuntu22", npm_package_workspaces_1: "examples/*", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_ignore_scripts: "", NX_TASK_HASH: "c22e362d4a124a26295b0874be722fa21bab0084774b9eb8f80d1f704097281b", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/publish-alpha", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1726127935058-0.22146944684020453:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1726127934862-0.9808093359390244:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1726127909308-0.7527905752517778:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1726127909129-0.6871808028331288:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin:/snap/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/18.20.4/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_227df9f5-3da9-43eb-8ad2-df1b6b3aaaf9", INVOCATION_ID: "1c6566e8da8c474d85e2b8c4afdcf924", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", npm_package_scripts_size: "size-limit", npm_package_devDependencies_size_limit: "^5.0.3", npm_package_name: "@100mslive/roomkit-react", npm_package_devDependencies__storybook_react_webpack5: "^7.0.27", npm_package_repository_type: "git", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "669", GITHUB_TRIGGERING_ACTOR: "github-actions[bot]", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_dependencies_react_dom: "^18.2.0", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 222", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "false", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/27.1.12297006", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.10.20-alpha.0", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.20-alpha.0", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_resolutions_axios: "^1.7.4", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", GITHUB_SHA: "9292ef206d23ad3743254e046fce98240fa3a134", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", npm_package_dependencies_qrcode_react: "^3.1.0", GITHUB_REF: "refs/heads/publish-alpha", GITHUB_ACTOR: "github-actions[bot]", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_config_strict_ssl: "true", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_scripts_format: "prettier -w src/**", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", GITHUB_PATH: "/home/runner/work/_temp/_runner_file_commands/add_path_208a3df6-7e0b-4573-8836-09b3eec6bee0", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "41898282", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_208a3df6-7e0b-4573-8836-09b3eec6bee0", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/27.1.12297006", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.181+6/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies_knip: "^5.11.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/27.1.12297006", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_208a3df6-7e0b-4573-8836-09b3eec6bee0" };
|
110
|
+
define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_3e764cf4-0852-44cc-8d6b-ec251e8167bb", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_exports___index_css: "./dist/index.css", npm_package_exports___require: "./dist/index.cjs.js", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", npm_package_dependencies__100mslive_hms_whiteboard: "0.0.10-alpha.1", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.20.4 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.10.20-alpha.1", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_3e764cf4-0852-44cc-8d6b-ec251e8167bb", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.4/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.13.20-alpha.1", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.12", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.10", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/27.1.12297006", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "596", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.13/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240908.1.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.7/x64", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.0.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:19422", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.3.20-alpha.1", 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: "10849480265", 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: "1772ffc7344d3a8d0c3548779e1d7e808e3715ad", 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: "13209cc8437baad838a6c24edfe49d8efb9c5e8a1bac553f44235e521bad3ab6", npm_package_exports___import: "./dist/index.js", STATS_BLT: "true", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/publish-alpha", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1726232130341-0.5095083111479979:/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--1726232130134-0.2594445703114332:/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--1726232103302-0.32296022442255934:/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--1726232103112-0.3059228289535558:/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_04df4529-8c4d-42a2-a153-f71776aa122f", INVOCATION_ID: "fa7a92a76bff4b4bbed2775a54b17c8d", 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: "670", 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 259", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "false", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/27.1.12297006", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.10.20-alpha.1", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.20-alpha.1", 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: "1772ffc7344d3a8d0c3548779e1d7e808e3715ad", 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_3e764cf4-0852-44cc-8d6b-ec251e8167bb", 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_3e764cf4-0852-44cc-8d6b-ec251e8167bb", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/27.1.12297006", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.181+6/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies_knip: "^5.11.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/27.1.12297006", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_3e764cf4-0852-44cc-8d6b-ec251e8167bb" };
|
111
111
|
}
|
112
112
|
});
|
113
113
|
|
@@ -8634,8 +8634,8 @@ var require_grammar = __commonJS({
|
|
8634
8634
|
var require_parser = __commonJS({
|
8635
8635
|
"../../node_modules/sdp-transform/lib/parser.js"(exports) {
|
8636
8636
|
init_define_process_env();
|
8637
|
-
var toIntIfInt = function(
|
8638
|
-
return String(Number(
|
8637
|
+
var toIntIfInt = function(v2) {
|
8638
|
+
return String(Number(v2)) === v2 ? Number(v2) : v2;
|
8639
8639
|
};
|
8640
8640
|
var attachProperties = function(match17, location, names, rawName) {
|
8641
8641
|
if (rawName && !names) {
|
@@ -8871,18 +8871,18 @@ var require_react_is_production_min = __commonJS({
|
|
8871
8871
|
var c2 = b2 ? Symbol.for("react.element") : 60103;
|
8872
8872
|
var d = b2 ? Symbol.for("react.portal") : 60106;
|
8873
8873
|
var e = b2 ? Symbol.for("react.fragment") : 60107;
|
8874
|
-
var
|
8874
|
+
var f = b2 ? Symbol.for("react.strict_mode") : 60108;
|
8875
8875
|
var g = b2 ? Symbol.for("react.profiler") : 60114;
|
8876
|
-
var
|
8876
|
+
var h = b2 ? Symbol.for("react.provider") : 60109;
|
8877
8877
|
var k = b2 ? Symbol.for("react.context") : 60110;
|
8878
8878
|
var l2 = b2 ? Symbol.for("react.async_mode") : 60111;
|
8879
|
-
var
|
8879
|
+
var m2 = b2 ? Symbol.for("react.concurrent_mode") : 60111;
|
8880
8880
|
var n = b2 ? Symbol.for("react.forward_ref") : 60112;
|
8881
8881
|
var p = b2 ? Symbol.for("react.suspense") : 60113;
|
8882
8882
|
var q2 = b2 ? Symbol.for("react.suspense_list") : 60120;
|
8883
8883
|
var r = b2 ? Symbol.for("react.memo") : 60115;
|
8884
8884
|
var t = b2 ? Symbol.for("react.lazy") : 60116;
|
8885
|
-
var
|
8885
|
+
var v2 = b2 ? Symbol.for("react.block") : 60121;
|
8886
8886
|
var w = b2 ? Symbol.for("react.fundamental") : 60117;
|
8887
8887
|
var x = b2 ? Symbol.for("react.responder") : 60118;
|
8888
8888
|
var y2 = b2 ? Symbol.for("react.scope") : 60119;
|
@@ -8893,10 +8893,10 @@ var require_react_is_production_min = __commonJS({
|
|
8893
8893
|
case c2:
|
8894
8894
|
switch (a2 = a2.type, a2) {
|
8895
8895
|
case l2:
|
8896
|
-
case
|
8896
|
+
case m2:
|
8897
8897
|
case e:
|
8898
8898
|
case g:
|
8899
|
-
case
|
8899
|
+
case f:
|
8900
8900
|
case p:
|
8901
8901
|
return a2;
|
8902
8902
|
default:
|
@@ -8905,7 +8905,7 @@ var require_react_is_production_min = __commonJS({
|
|
8905
8905
|
case n:
|
8906
8906
|
case t:
|
8907
8907
|
case r:
|
8908
|
-
case
|
8908
|
+
case h:
|
8909
8909
|
return a2;
|
8910
8910
|
default:
|
8911
8911
|
return u;
|
@@ -8917,12 +8917,12 @@ var require_react_is_production_min = __commonJS({
|
|
8917
8917
|
}
|
8918
8918
|
}
|
8919
8919
|
function A2(a2) {
|
8920
|
-
return z2(a2) ===
|
8920
|
+
return z2(a2) === m2;
|
8921
8921
|
}
|
8922
8922
|
exports.AsyncMode = l2;
|
8923
|
-
exports.ConcurrentMode =
|
8923
|
+
exports.ConcurrentMode = m2;
|
8924
8924
|
exports.ContextConsumer = k;
|
8925
|
-
exports.ContextProvider =
|
8925
|
+
exports.ContextProvider = h;
|
8926
8926
|
exports.Element = c2;
|
8927
8927
|
exports.ForwardRef = n;
|
8928
8928
|
exports.Fragment = e;
|
@@ -8930,7 +8930,7 @@ var require_react_is_production_min = __commonJS({
|
|
8930
8930
|
exports.Memo = r;
|
8931
8931
|
exports.Portal = d;
|
8932
8932
|
exports.Profiler = g;
|
8933
|
-
exports.StrictMode =
|
8933
|
+
exports.StrictMode = f;
|
8934
8934
|
exports.Suspense = p;
|
8935
8935
|
exports.isAsyncMode = function(a2) {
|
8936
8936
|
return A2(a2) || z2(a2) === l2;
|
@@ -8940,7 +8940,7 @@ var require_react_is_production_min = __commonJS({
|
|
8940
8940
|
return z2(a2) === k;
|
8941
8941
|
};
|
8942
8942
|
exports.isContextProvider = function(a2) {
|
8943
|
-
return z2(a2) ===
|
8943
|
+
return z2(a2) === h;
|
8944
8944
|
};
|
8945
8945
|
exports.isElement = function(a2) {
|
8946
8946
|
return "object" === typeof a2 && null !== a2 && a2.$$typeof === c2;
|
@@ -8964,13 +8964,13 @@ var require_react_is_production_min = __commonJS({
|
|
8964
8964
|
return z2(a2) === g;
|
8965
8965
|
};
|
8966
8966
|
exports.isStrictMode = function(a2) {
|
8967
|
-
return z2(a2) ===
|
8967
|
+
return z2(a2) === f;
|
8968
8968
|
};
|
8969
8969
|
exports.isSuspense = function(a2) {
|
8970
8970
|
return z2(a2) === p;
|
8971
8971
|
};
|
8972
8972
|
exports.isValidElementType = function(a2) {
|
8973
|
-
return "string" === typeof a2 || "function" === typeof a2 || a2 === e || a2 ===
|
8973
|
+
return "string" === typeof a2 || "function" === typeof a2 || a2 === e || a2 === m2 || a2 === g || a2 === f || a2 === p || a2 === q2 || "object" === typeof a2 && null !== a2 && (a2.$$typeof === t || a2.$$typeof === r || a2.$$typeof === h || a2.$$typeof === k || a2.$$typeof === n || a2.$$typeof === w || a2.$$typeof === x || a2.$$typeof === y2 || a2.$$typeof === v2);
|
8974
8974
|
};
|
8975
8975
|
exports.typeOf = z2;
|
8976
8976
|
}
|
@@ -12920,7 +12920,7 @@ var Collapsible = {
|
|
12920
12920
|
|
12921
12921
|
// src/Prebuilt/App.tsx
|
12922
12922
|
init_define_process_env();
|
12923
|
-
import React186, { useEffect as
|
12923
|
+
import React186, { useEffect as useEffect80, useRef as useRef35 } from "react";
|
12924
12924
|
import { match as match16 } from "ts-pattern";
|
12925
12925
|
import {
|
12926
12926
|
HMSReactiveStore,
|
@@ -14636,7 +14636,7 @@ var AuthToken_default = AuthToken;
|
|
14636
14636
|
|
14637
14637
|
// src/Prebuilt/components/ConferenceScreen.tsx
|
14638
14638
|
init_define_process_env();
|
14639
|
-
import React161, { useEffect as
|
14639
|
+
import React161, { useEffect as useEffect61, useRef as useRef32, useState as useState68 } from "react";
|
14640
14640
|
import { v4 as uuid3 } from "uuid";
|
14641
14641
|
import {
|
14642
14642
|
HMSRoomState as HMSRoomState8,
|
@@ -14650,7 +14650,7 @@ import {
|
|
14650
14650
|
|
14651
14651
|
// src/Prebuilt/components/Footer/Footer.tsx
|
14652
14652
|
init_define_process_env();
|
14653
|
-
import React86, { useEffect as
|
14653
|
+
import React86, { useEffect as useEffect29 } from "react";
|
14654
14654
|
import { useMedia as useMedia15 } from "react-use";
|
14655
14655
|
import { Chat_ChatState } from "@100mslive/types-prebuilt/elements/chat";
|
14656
14656
|
|
@@ -19147,7 +19147,7 @@ var DesktopOptions = ({
|
|
19147
19147
|
|
19148
19148
|
// src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx
|
19149
19149
|
init_define_process_env();
|
19150
|
-
import React67, { useRef as
|
19150
|
+
import React67, { useRef as useRef19, useState as useState31 } from "react";
|
19151
19151
|
import { useClickAway } from "react-use";
|
19152
19152
|
import { match as match6 } from "ts-pattern";
|
19153
19153
|
import {
|
@@ -19700,11 +19700,11 @@ function shimOnTrack(window2) {
|
|
19700
19700
|
get() {
|
19701
19701
|
return this._ontrack;
|
19702
19702
|
},
|
19703
|
-
set(
|
19703
|
+
set(f) {
|
19704
19704
|
if (this._ontrack) {
|
19705
19705
|
this.removeEventListener("track", this._ontrack);
|
19706
19706
|
}
|
19707
|
-
this.addEventListener("track", this._ontrack =
|
19707
|
+
this.addEventListener("track", this._ontrack = f);
|
19708
19708
|
},
|
19709
19709
|
enumerable: true,
|
19710
19710
|
configurable: true
|
@@ -20687,12 +20687,12 @@ function shimRemoteStreamsAPI(window2) {
|
|
20687
20687
|
get() {
|
20688
20688
|
return this._onaddstream;
|
20689
20689
|
},
|
20690
|
-
set(
|
20690
|
+
set(f) {
|
20691
20691
|
if (this._onaddstream) {
|
20692
20692
|
this.removeEventListener("addstream", this._onaddstream);
|
20693
20693
|
this.removeEventListener("track", this._onaddstreampoly);
|
20694
20694
|
}
|
20695
|
-
this.addEventListener("addstream", this._onaddstream =
|
20695
|
+
this.addEventListener("addstream", this._onaddstream = f);
|
20696
20696
|
this.addEventListener("track", this._onaddstreampoly = (e) => {
|
20697
20697
|
e.streams.forEach((stream) => {
|
20698
20698
|
if (!this._remoteStreams) {
|
@@ -21384,7 +21384,7 @@ var ti = Object.getOwnPropertySymbols;
|
|
21384
21384
|
var ns = Object.prototype.hasOwnProperty;
|
21385
21385
|
var cs = Object.prototype.propertyIsEnumerable;
|
21386
21386
|
var os = (a2, e, t) => e in a2 ? Xa(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
|
21387
|
-
var
|
21387
|
+
var m = (a2, e) => {
|
21388
21388
|
for (var t in e || (e = {}))
|
21389
21389
|
ns.call(e, t) && os(a2, t, e[t]);
|
21390
21390
|
if (ti)
|
@@ -21420,7 +21420,7 @@ var c = (a2, e, t) => new Promise((i, r) => {
|
|
21420
21420
|
n((t = t.apply(a2, e)).next());
|
21421
21421
|
});
|
21422
21422
|
var yr = ro((Dc, ho) => {
|
21423
|
-
ho.exports = { version: "0.12.20-alpha.
|
21423
|
+
ho.exports = { version: "0.12.20-alpha.1", 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"] };
|
21424
21424
|
});
|
21425
21425
|
var Tr = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(Tr || {});
|
21426
21426
|
var so = ((e) => (e.CHAT = "chat", e))(so || {});
|
@@ -21552,7 +21552,7 @@ function lo() {
|
|
21552
21552
|
}
|
21553
21553
|
var Qe = lo();
|
21554
21554
|
var P4 = { 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 } };
|
21555
|
-
var
|
21555
|
+
var v = class a extends Error {
|
21556
21556
|
constructor(t, i, r, s, o, n = false) {
|
21557
21557
|
super(s);
|
21558
21558
|
this.code = t;
|
@@ -21583,111 +21583,111 @@ var f = class a extends Error {
|
|
21583
21583
|
};
|
21584
21584
|
var uo = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
|
21585
21585
|
var S = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
|
21586
|
-
return new
|
21586
|
+
return new v(P4.WebSocketConnectionErrors.FAILED_TO_CONNECT, "WebsocketFailedToConnect", a2, `[WS]: ${e}`, `[WS]: ${e}`);
|
21587
21587
|
}, WebSocketConnectionLost(a2, e = "") {
|
21588
|
-
return new
|
21588
|
+
return new v(P4.WebSocketConnectionErrors.WEBSOCKET_CONNECTION_LOST, "WebSocketConnectionLost", a2, "Network connection lost", e);
|
21589
21589
|
}, AbnormalClose(a2, e = "") {
|
21590
|
-
return new
|
21590
|
+
return new v(P4.WebSocketConnectionErrors.ABNORMAL_CLOSE, "WebSocketAbnormalClose", a2, "Websocket closed abnormally", e);
|
21591
21591
|
} }, APIErrors: { ServerErrors(a2, e, t = "", i = true) {
|
21592
|
-
return new
|
21592
|
+
return new v(a2, "ServerErrors", e, `[${e}]: Server error ${t}`, t, i);
|
21593
21593
|
}, EndpointUnreachable(a2, e = "") {
|
21594
|
-
return new
|
21594
|
+
return new v(P4.APIErrors.ENDPOINT_UNREACHABLE, "EndpointUnreachable", a2, `Endpoint is not reachable - ${e}`, e);
|
21595
21595
|
}, InvalidTokenFormat(a2, e = "") {
|
21596
|
-
return new
|
21596
|
+
return new v(P4.APIErrors.INVALID_TOKEN_FORMAT, "InvalidTokenFormat", a2, `Token is not in proper JWT format - ${e}`, e, true);
|
21597
21597
|
}, InitConfigNotAvailable(a2, e = "") {
|
21598
|
-
return new
|
21598
|
+
return new v(P4.APIErrors.INIT_CONFIG_NOT_AVAILABLE, "InitError", a2, `[INIT]: ${e}`, `[INIT]: ${e}`);
|
21599
21599
|
} }, TracksErrors: { GenericTrack(a2, e = "") {
|
21600
|
-
return new
|
21600
|
+
return new v(P4.TracksErrors.GENERIC_TRACK, "GenericTrack", a2, `[TRACK]: ${e}`, `[TRACK]: ${e}`);
|
21601
21601
|
}, CantAccessCaptureDevice(a2, e, t = "") {
|
21602
|
-
return new
|
21602
|
+
return new v(P4.TracksErrors.CANT_ACCESS_CAPTURE_DEVICE, "CantAccessCaptureDevice", a2, `User denied permission to access capture device - ${e}`, t);
|
21603
21603
|
}, DeviceNotAvailable(a2, e, t = "") {
|
21604
|
-
return new
|
21604
|
+
return new v(P4.TracksErrors.DEVICE_NOT_AVAILABLE, "DeviceNotAvailable", a2, `[TRACK]: Capture device is no longer available - ${e}`, t);
|
21605
21605
|
}, DeviceInUse(a2, e, t = "") {
|
21606
|
-
return new
|
21606
|
+
return new v(P4.TracksErrors.DEVICE_IN_USE, "DeviceInUse", a2, `[TRACK]: Capture device is in use by another application - ${e}`, t);
|
21607
21607
|
}, DeviceLostMidway(a2, e, t = "") {
|
21608
|
-
return new
|
21608
|
+
return new v(P4.TracksErrors.DEVICE_LOST_MIDWAY, "DeviceLostMidway", a2, `Lost access to capture device midway - ${e}`, t);
|
21609
21609
|
}, NothingToReturn(a2, e = "", t = "There is no media to return. Please select either video or audio or both.") {
|
21610
|
-
return new
|
21610
|
+
return new v(P4.TracksErrors.NOTHING_TO_RETURN, "NothingToReturn", a2, t, e);
|
21611
21611
|
}, InvalidVideoSettings(a2, e = "") {
|
21612
|
-
return new
|
21612
|
+
return new v(P4.TracksErrors.INVALID_VIDEO_SETTINGS, "InvalidVideoSettings", a2, "Cannot enable simulcast when no video settings are provided", e);
|
21613
21613
|
}, AutoplayBlocked(a2, e = "") {
|
21614
|
-
return new
|
21614
|
+
return new v(P4.TracksErrors.AUTOPLAY_ERROR, "AutoplayBlocked", a2, "Autoplay blocked because the user didn't interact with the document first", e);
|
21615
21615
|
}, CodecChangeNotPermitted(a2, e = "") {
|
21616
|
-
return new
|
21616
|
+
return new v(P4.TracksErrors.CODEC_CHANGE_NOT_PERMITTED, "CodecChangeNotPermitted", a2, "Codec can't be changed mid call.", e);
|
21617
21617
|
}, OverConstrained(a2, e, t = "") {
|
21618
|
-
return new
|
21618
|
+
return new v(P4.TracksErrors.OVER_CONSTRAINED, "OverConstrained", a2, `[TRACK]: Requested constraints cannot be satisfied with the device hardware - ${e}`, t);
|
21619
21619
|
}, NoAudioDetected(a2, e = "Please check the mic or use another audio input") {
|
21620
|
-
return new
|
21620
|
+
return new v(P4.TracksErrors.NO_AUDIO_DETECTED, "NoAudioDetected", a2, "No audio input detected from microphone", e);
|
21621
21621
|
}, SystemDeniedPermission(a2, e, t = "") {
|
21622
|
-
return new
|
21622
|
+
return new v(P4.TracksErrors.SYSTEM_DENIED_PERMISSION, "SystemDeniedPermission", a2, `Operating System denied permission to access capture device - ${e}`, t);
|
21623
21623
|
}, CurrentTabNotShared() {
|
21624
|
-
return new
|
21624
|
+
return new v(P4.TracksErrors.CURRENT_TAB_NOT_SHARED, "CurrentTabNotShared", "TRACK", "The app requires you to share the current tab", "You must screen share the current tab in order to proceed");
|
21625
21625
|
}, AudioPlaybackError(a2) {
|
21626
|
-
return new
|
21626
|
+
return new v(P4.TracksErrors.AUDIO_PLAYBACK_ERROR, "Audio playback error", "TRACK", a2, a2);
|
21627
21627
|
}, SelectedDeviceMissing(a2) {
|
21628
|
-
return new
|
21628
|
+
return new v(P4.TracksErrors.SELECTED_DEVICE_MISSING, "SelectedDeviceMissing", "TRACK", `Could not detect selected ${a2} device`, `Please check connection to the ${a2} device`, false);
|
21629
21629
|
} }, WebrtcErrors: { CreateOfferFailed(a2, e = "") {
|
21630
|
-
return new
|
21630
|
+
return new v(P4.WebrtcErrors.CREATE_OFFER_FAILED, "CreateOfferFailed", a2, `[${a2.toString()}]: Failed to create offer. `, e);
|
21631
21631
|
}, CreateAnswerFailed(a2, e = "") {
|
21632
|
-
return new
|
21632
|
+
return new v(P4.WebrtcErrors.CREATE_ANSWER_FAILED, "CreateAnswerFailed", a2, `[${a2.toString()}]: Failed to create answer. `, e);
|
21633
21633
|
}, SetLocalDescriptionFailed(a2, e = "") {
|
21634
|
-
return new
|
21634
|
+
return new v(P4.WebrtcErrors.SET_LOCAL_DESCRIPTION_FAILED, "SetLocalDescriptionFailed", a2, `[${a2.toString()}]: Failed to set offer. `, e);
|
21635
21635
|
}, SetRemoteDescriptionFailed(a2, e = "") {
|
21636
|
-
return new
|
21636
|
+
return new v(P4.WebrtcErrors.SET_REMOTE_DESCRIPTION_FAILED, "SetRemoteDescriptionFailed", a2, `[${a2.toString()}]: Failed to set answer. `, e, true);
|
21637
21637
|
}, ICEFailure(a2, e = "", t = false) {
|
21638
|
-
return new
|
21638
|
+
return new v(P4.WebrtcErrors.ICE_FAILURE, "ICEFailure", a2, `[${a2.toString()}]: Ice connection state FAILED`, e, t);
|
21639
21639
|
}, ICEDisconnected(a2, e = "") {
|
21640
|
-
return new
|
21640
|
+
return new v(P4.WebrtcErrors.ICE_DISCONNECTED, "ICEDisconnected", a2, `[${a2.toString()}]: Ice connection state DISCONNECTED`, e);
|
21641
21641
|
}, StatsFailed(a2, e = "") {
|
21642
|
-
return new
|
21642
|
+
return new v(P4.WebrtcErrors.STATS_FAILED, "StatsFailed", a2, `Failed to WebRTC get stats - ${e}`, e);
|
21643
21643
|
} }, WebsocketMethodErrors: { ServerErrors(a2, e, t) {
|
21644
|
-
return new
|
21644
|
+
return new v(a2, "ServerErrors", e, t, t, uo.includes(e));
|
21645
21645
|
}, AlreadyJoined(a2, e = "") {
|
21646
|
-
return new
|
21646
|
+
return new v(P4.WebsocketMethodErrors.ALREADY_JOINED, "AlreadyJoined", a2, "[JOIN]: You have already joined this room.", e);
|
21647
21647
|
}, CannotJoinPreviewInProgress(a2, e = "") {
|
21648
|
-
return new
|
21648
|
+
return new v(P4.WebsocketMethodErrors.CANNOT_JOIN_PREVIEW_IN_PROGRESS, "CannotJoinPreviewInProgress", a2, "[JOIN]: Cannot join if preview is in progress", e);
|
21649
21649
|
} }, GenericErrors: { NotConnected(a2, e = "") {
|
21650
|
-
return new
|
21650
|
+
return new v(P4.GenericErrors.NOT_CONNECTED, "NotConnected", a2, "Client is not connected", e);
|
21651
21651
|
}, Signalling(a2, e) {
|
21652
|
-
return new
|
21652
|
+
return new v(P4.GenericErrors.SIGNALLING, "Signalling", a2, `Unknown signalling error: ${a2.toString()} ${e} `, e);
|
21653
21653
|
}, Unknown(a2, e) {
|
21654
|
-
return new
|
21654
|
+
return new v(P4.GenericErrors.UNKNOWN, "Unknown", a2, `Unknown exception: ${e}`, e);
|
21655
21655
|
}, NotReady(a2, e = "") {
|
21656
|
-
return new
|
21656
|
+
return new v(P4.GenericErrors.NOT_READY, "NotReady", a2, e, e);
|
21657
21657
|
}, JsonParsingFailed(a2, e, t = "") {
|
21658
|
-
return new
|
21658
|
+
return new v(P4.GenericErrors.JSON_PARSING_FAILED, "JsonParsingFailed", a2, `Failed to parse JSON message - ${e}`, t);
|
21659
21659
|
}, TrackMetadataMissing(a2, e = "") {
|
21660
|
-
return new
|
21660
|
+
return new v(P4.GenericErrors.TRACK_METADATA_MISSING, "TrackMetadataMissing", a2, "Track Metadata Missing", e);
|
21661
21661
|
}, RTCTrackMissing(a2, e = "") {
|
21662
|
-
return new
|
21662
|
+
return new v(P4.GenericErrors.RTC_TRACK_MISSING, "RTCTrackMissing", a2, "RTC Track missing", e);
|
21663
21663
|
}, PeerMetadataMissing(a2, e = "") {
|
21664
|
-
return new
|
21664
|
+
return new v(P4.GenericErrors.PEER_METADATA_MISSING, "PeerMetadataMissing", a2, "Peer Metadata Missing", e);
|
21665
21665
|
}, ValidationFailed(a2, e) {
|
21666
|
-
return new
|
21666
|
+
return new v(P4.GenericErrors.VALIDATION_FAILED, "ValidationFailed", "VALIDATION", a2, e ? JSON.stringify(e) : "");
|
21667
21667
|
}, InvalidRole(a2, e) {
|
21668
|
-
return new
|
21668
|
+
return new v(P4.GenericErrors.INVALID_ROLE, "InvalidRole", a2, "Invalid role. Join with valid role", e, true);
|
21669
21669
|
}, PreviewAlreadyInProgress(a2, e = "") {
|
21670
|
-
return new
|
21670
|
+
return new v(P4.GenericErrors.PREVIEW_IN_PROGRESS, "PreviewAlreadyInProgress", a2, "[Preview]: Cannot join if preview is in progress", e);
|
21671
21671
|
}, LocalStorageAccessDenied(a2 = "Access to localStorage has been denied") {
|
21672
|
-
return new
|
21672
|
+
return new v(P4.GenericErrors.LOCAL_STORAGE_ACCESS_DENIED, "LocalStorageAccessDenied", "NONE", "LocalStorageAccessDenied", a2);
|
21673
21673
|
}, MissingMediaDevices() {
|
21674
|
-
return new
|
21674
|
+
return new v(P4.GenericErrors.MISSING_MEDIADEVICES, "MissingMediaDevices", "JOIN", "navigator.mediaDevices is undefined. 100ms SDK won't work on this website as WebRTC is not supported on HTTP endpoints(missing navigator.mediaDevices). Please ensure you're using the SDK either on localhost or a valid HTTPS endpoint.", "", true);
|
21675
21675
|
}, MissingRTCPeerConnection() {
|
21676
|
-
return new
|
21676
|
+
return new v(P4.GenericErrors.MISSING_RTCPEERCONNECTION, "MissingRTCPeerConnection", "JOIN", "RTCPeerConnection which is a core requirement for WebRTC call was not found, this could be due to an unsupported browser or browser extensions blocking WebRTC", "", true);
|
21677
21677
|
} }, MediaPluginErrors: { PlatformNotSupported(a2, e = "") {
|
21678
|
-
return new
|
21678
|
+
return new v(7001, "PlatformNotSupported", a2, "Check HMS Docs to see the list of supported platforms", e);
|
21679
21679
|
}, InitFailed(a2, e = "") {
|
21680
|
-
return new
|
21680
|
+
return new v(7002, "InitFailed", a2, "Plugin init failed", e);
|
21681
21681
|
}, ProcessingFailed(a2, e = "") {
|
21682
|
-
return new
|
21682
|
+
return new v(7003, "ProcessingFailed", a2, "Plugin processing failed", e);
|
21683
21683
|
}, AddAlreadyInProgress(a2, e = "") {
|
21684
|
-
return new
|
21684
|
+
return new v(7004, "AddAlreadyInProgress", a2, "Plugin add already in progress", e);
|
21685
21685
|
}, DeviceNotSupported(a2, e = "") {
|
21686
|
-
return new
|
21686
|
+
return new v(7005, "DeviceNotSupported", a2, "Check HMS Docs to see the list of supported devices", e);
|
21687
21687
|
} }, PlaylistErrors: { NoEntryToPlay(a2, e) {
|
21688
|
-
return new
|
21688
|
+
return new v(P4.PlaylistErrors.NO_ENTRY_TO_PLAY, "NoEntryToPlay", a2, "Reached end of playlist", e);
|
21689
21689
|
}, NoEntryPlaying(a2, e) {
|
21690
|
-
return new
|
21690
|
+
return new v(P4.PlaylistErrors.NO_ENTRY_IS_PLAYING, "NoEntryIsPlaying", a2, "No entry is playing at this time", e);
|
21691
21691
|
} } };
|
21692
21692
|
var Mr = class {
|
21693
21693
|
constructor() {
|
@@ -21773,12 +21773,12 @@ var H = class {
|
|
21773
21773
|
this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = mo(), this.device_id = ai();
|
21774
21774
|
}
|
21775
21775
|
toSignalParams() {
|
21776
|
-
return { name: this.name, info: M(
|
21776
|
+
return { name: this.name, info: M(m({}, this.properties), { timestamp: this.timestamp, domain: Qe }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
|
21777
21777
|
}
|
21778
21778
|
};
|
21779
21779
|
var y = class {
|
21780
21780
|
static connect(e, t, i = /* @__PURE__ */ new Date(), r = /* @__PURE__ */ new Date(), s) {
|
21781
|
-
let o = this.eventNameFor("connect", e === void 0), n = e ? 2 : 1, d = this.getPropertiesWithError(M(
|
21781
|
+
let o = this.eventNameFor("connect", e === void 0), n = e ? 2 : 1, d = this.getPropertiesWithError(M(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);
|
21782
21782
|
return new H({ name: o, level: n, properties: d });
|
21783
21783
|
}
|
21784
21784
|
static disconnect(e, t) {
|
@@ -21792,7 +21792,7 @@ var y = class {
|
|
21792
21792
|
}
|
21793
21793
|
static join(i) {
|
21794
21794
|
var r = i, { error: e } = r, t = gr(r, ["error"]);
|
21795
|
-
let s = this.eventNameFor("join", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(M(
|
21795
|
+
let s = this.eventNameFor("join", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(M(m({}, t), { is_preview_called: !!t.is_preview_called }), e);
|
21796
21796
|
return new H({ name: s, level: o, properties: n });
|
21797
21797
|
}
|
21798
21798
|
static publish({ devices: e, settings: t, error: i }) {
|
@@ -21835,7 +21835,7 @@ var y = class {
|
|
21835
21835
|
let i = "video.degradation.stats", r = 1, s = { degradedAt: e.degradedAt, trackId: e.trackId };
|
21836
21836
|
if (!t && e.degradedAt instanceof Date) {
|
21837
21837
|
let o = /* @__PURE__ */ new Date(), n = o.valueOf() - e.degradedAt.valueOf();
|
21838
|
-
s = M(
|
21838
|
+
s = M(m({}, s), { duration: n, restoredAt: o });
|
21839
21839
|
}
|
21840
21840
|
return new H({ name: i, level: r, properties: s });
|
21841
21841
|
}
|
@@ -21862,17 +21862,17 @@ var y = class {
|
|
21862
21862
|
return new H({ name: "krisp.stop", level: 1 });
|
21863
21863
|
}
|
21864
21864
|
static interruption({ started: e, type: t, reason: i, deviceInfo: r }) {
|
21865
|
-
return new H({ name: `${e ? "interruption.start" : "interruption.stop"}`, level: 1, properties:
|
21865
|
+
return new H({ name: `${e ? "interruption.start" : "interruption.stop"}`, level: 1, properties: m({ reason: i, type: t }, r) });
|
21866
21866
|
}
|
21867
21867
|
static eventNameFor(e, t) {
|
21868
21868
|
return `${e}.${t ? "success" : "failed"}`;
|
21869
21869
|
}
|
21870
21870
|
static getPropertiesWithError(e, t) {
|
21871
21871
|
let i = this.getErrorProperties(t);
|
21872
|
-
return e =
|
21872
|
+
return e = m(m({}, i), e), e;
|
21873
21873
|
}
|
21874
21874
|
static getErrorProperties(e) {
|
21875
|
-
return e ? e instanceof
|
21875
|
+
return e ? e instanceof v ? e.toAnalyticsProperties() : { error_name: e.name, error_message: e.message, error_description: e.cause } : {};
|
21876
21876
|
}
|
21877
21877
|
};
|
21878
21878
|
y.KEY_REQUESTED_AT = "requested_at", y.KEY_RESPONDED_AT = "responded_at";
|
@@ -22459,14 +22459,14 @@ var Vt = class {
|
|
22459
22459
|
static sendFeedback(s) {
|
22460
22460
|
return c(this, arguments, function* ({ token: e, eventEndpoint: t = "https://event.100ms.live", info: i, feedback: r }) {
|
22461
22461
|
l.d(this.TAG, `sendFeedback: feedbackEndpoint=${t} peerId=${i.peer.peer_id} session=${i.peer.session_id} `);
|
22462
|
-
let o = new URL("v2/client/feedback", t), n = M(
|
22462
|
+
let o = new URL("v2/client/feedback", t), n = M(m({}, i), { payload: r });
|
22463
22463
|
try {
|
22464
22464
|
let d = yield fetch(o, { headers: { Authorization: `Bearer ${e}` }, body: JSON.stringify(n), method: "POST" });
|
22465
22465
|
try {
|
22466
22466
|
this.handleError(d);
|
22467
22467
|
return;
|
22468
22468
|
} catch (u) {
|
22469
|
-
throw l.e(this.TAG, "error", u.message, d.status), u instanceof
|
22469
|
+
throw l.e(this.TAG, "error", u.message, d.status), u instanceof v ? u : S.APIErrors.ServerErrors(d.status, "FEEDBACK", u.message);
|
22470
22470
|
}
|
22471
22471
|
} catch (d) {
|
22472
22472
|
let u = d;
|
@@ -22757,7 +22757,7 @@ import { selectLocalPeerName as selectLocalPeerName3, useHMSActions as useHMSAct
|
|
22757
22757
|
|
22758
22758
|
// src/Prebuilt/components/MoreSettings/ChangeNameContent.tsx
|
22759
22759
|
init_define_process_env();
|
22760
|
-
import React65 from "react";
|
22760
|
+
import React65, { useEffect as useEffect23, useRef as useRef18 } from "react";
|
22761
22761
|
import { ChevronLeftIcon as ChevronLeftIcon2, CrossIcon as CrossIcon12 } from "@100mslive/react-icons";
|
22762
22762
|
var ChangeNameContent = ({
|
22763
22763
|
changeName,
|
@@ -22768,6 +22768,15 @@ var ChangeNameContent = ({
|
|
22768
22768
|
onExit,
|
22769
22769
|
onBackClick
|
22770
22770
|
}) => {
|
22771
|
+
const inputRef = useRef18(null);
|
22772
|
+
useEffect23(() => {
|
22773
|
+
if (isMobile) {
|
22774
|
+
setTimeout(() => {
|
22775
|
+
var _a7;
|
22776
|
+
(_a7 = inputRef.current) == null ? void 0 : _a7.focus();
|
22777
|
+
}, 200);
|
22778
|
+
}
|
22779
|
+
}, [isMobile]);
|
22771
22780
|
return /* @__PURE__ */ React65.createElement(
|
22772
22781
|
"form",
|
22773
22782
|
{
|
@@ -22803,9 +22812,10 @@ var ChangeNameContent = ({
|
|
22803
22812
|
/* @__PURE__ */ React65.createElement(Flex, { justify: "center", align: "center", css: { my: "$8", w: "100%", "@md": { px: "$8" } } }, /* @__PURE__ */ React65.createElement(
|
22804
22813
|
Input,
|
22805
22814
|
{
|
22815
|
+
ref: inputRef,
|
22806
22816
|
css: { width: "100%", bg: "$surface_default" },
|
22807
22817
|
value: currentName,
|
22808
|
-
type:
|
22818
|
+
type: "text",
|
22809
22819
|
onChange: (e) => {
|
22810
22820
|
setCurrentName(e.target.value);
|
22811
22821
|
},
|
@@ -22902,7 +22912,7 @@ var ChangeNameModal = ({
|
|
22902
22912
|
}
|
22903
22913
|
};
|
22904
22914
|
if (isMobile) {
|
22905
|
-
return /* @__PURE__ */ React66.createElement(Sheet.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ React66.createElement(Sheet.Content, { css: { bg: "$surface_dim", p: "$8 0" } }, /* @__PURE__ */ React66.createElement(ChangeNameContent, __spreadValues({}, props))));
|
22915
|
+
return /* @__PURE__ */ React66.createElement(Sheet.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ React66.createElement(Sheet.Content, { css: { bg: "$surface_dim", p: "$8 0" }, onOpenAutoFocus: (e) => e.preventDefault() }, /* @__PURE__ */ React66.createElement(ChangeNameContent, __spreadValues({}, props))));
|
22906
22916
|
}
|
22907
22917
|
return /* @__PURE__ */ React66.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ React66.createElement(Dialog.Portal, null, /* @__PURE__ */ React66.createElement(Dialog.Overlay, null), /* @__PURE__ */ React66.createElement(Dialog.Content, { css: { bg: "$surface_dim", width: "min(400px,80%)", p: "$10" } }, /* @__PURE__ */ React66.createElement(ChangeNameContent, __spreadValues({}, props)))));
|
22908
22918
|
};
|
@@ -22929,13 +22939,13 @@ var useSheetToggle = (sheetType) => {
|
|
22929
22939
|
|
22930
22940
|
// src/Prebuilt/components/hooks/useUnreadPollQuizPresent.tsx
|
22931
22941
|
init_define_process_env();
|
22932
|
-
import { useEffect as
|
22942
|
+
import { useEffect as useEffect24, useState as useState30 } from "react";
|
22933
22943
|
import { HMSNotificationTypes, useHMSNotifications, useHMSStore as useHMSStore32 } from "@100mslive/react-sdk";
|
22934
22944
|
var useUnreadPollQuizPresent = () => {
|
22935
22945
|
const localPeerID = useHMSStore32(Ee);
|
22936
22946
|
const notification = useHMSNotifications(HMSNotificationTypes.POLL_STARTED);
|
22937
22947
|
const [unreadPollQuiz, setUnreadPollQuiz] = useState30(false);
|
22938
|
-
|
22948
|
+
useEffect24(() => {
|
22939
22949
|
if (!notification) {
|
22940
22950
|
return;
|
22941
22951
|
}
|
@@ -22974,7 +22984,7 @@ var MwebOptions = ({
|
|
22974
22984
|
const { showPolls } = useShowPolls();
|
22975
22985
|
const togglePollView = usePollViewToggle();
|
22976
22986
|
const peerCount = useHMSStore33(selectPeerCount3);
|
22977
|
-
const emojiCardRef =
|
22987
|
+
const emojiCardRef = useRef19(null);
|
22978
22988
|
const { isBRBOn, toggleBRB, isHandRaised, toggleHandRaise } = useMyMetadata();
|
22979
22989
|
const { unreadPollQuiz, setUnreadPollQuiz } = useUnreadPollQuizPresent();
|
22980
22990
|
const { title, description } = useRoomLayoutHeader();
|
@@ -23738,7 +23748,7 @@ var ScreenshareToggle = ({ css: css2 = {} }) => {
|
|
23738
23748
|
|
23739
23749
|
// src/Prebuilt/components/VirtualBackground/VBToggle.tsx
|
23740
23750
|
init_define_process_env();
|
23741
|
-
import React77, { useEffect as
|
23751
|
+
import React77, { useEffect as useEffect25 } from "react";
|
23742
23752
|
import { HMSVirtualBackgroundTypes as HMSVirtualBackgroundTypes2 } from "@100mslive/hms-virtual-background/hmsvbplugin";
|
23743
23753
|
import {
|
23744
23754
|
selectAppData as selectAppData5,
|
@@ -23759,7 +23769,7 @@ var VBToggle = () => {
|
|
23759
23769
|
const loadingEffects = useHMSStore35(selectAppData5(APP_DATA.loadingEffects));
|
23760
23770
|
const hmsActions = useHMSActions28();
|
23761
23771
|
const { toggleVideo } = useAVToggle3();
|
23762
|
-
|
23772
|
+
useEffect25(() => {
|
23763
23773
|
var _a7;
|
23764
23774
|
if (!toggleVideo) {
|
23765
23775
|
(_a7 = VBHandler) == null ? void 0 : _a7.reset();
|
@@ -23994,7 +24004,7 @@ var RemoveParticipant = ({ peerId }) => {
|
|
23994
24004
|
|
23995
24005
|
// src/Prebuilt/components/Footer/RoleAccordion.tsx
|
23996
24006
|
init_define_process_env();
|
23997
|
-
import React82, { useEffect as
|
24007
|
+
import React82, { useEffect as useEffect26 } from "react";
|
23998
24008
|
import { useMeasure } from "react-use";
|
23999
24009
|
import { FixedSizeList } from "react-window";
|
24000
24010
|
import { selectIsLargeRoom, useHMSStore as useHMSStore41, usePaginatedParticipants } from "@100mslive/react-sdk";
|
@@ -24238,7 +24248,7 @@ var RoleAccordion = ({
|
|
24238
24248
|
const { bringAllToStage, bring_to_stage_label, canBringToStage, lowerAllHands } = useGroupOnStageActions({
|
24239
24249
|
peers: peersInAccordion
|
24240
24250
|
});
|
24241
|
-
|
24251
|
+
useEffect26(() => {
|
24242
24252
|
if (!isOffStageRole || !isLargeRoom) {
|
24243
24253
|
return;
|
24244
24254
|
}
|
@@ -24326,13 +24336,13 @@ var RoleAccordion = ({
|
|
24326
24336
|
|
24327
24337
|
// src/Prebuilt/components/AppData/useSidepaneResetOnLayoutUpdate.tsx
|
24328
24338
|
init_define_process_env();
|
24329
|
-
import { useEffect as
|
24339
|
+
import { useEffect as useEffect27 } from "react";
|
24330
24340
|
import { selectAppData as selectAppData6, useHMSStore as useHMSStore42 } from "@100mslive/react-sdk";
|
24331
24341
|
var useSidepaneResetOnLayoutUpdate = (layoutKey, sidepaneOption) => {
|
24332
24342
|
const { elements } = useRoomLayoutConferencingScreen();
|
24333
24343
|
const sidepane = useHMSStore42(selectAppData6(APP_DATA.sidePane));
|
24334
24344
|
const resetSidePane = useSidepaneReset();
|
24335
|
-
|
24345
|
+
useEffect27(() => {
|
24336
24346
|
if (sidepane === sidepaneOption && !(elements == null ? void 0 : elements[layoutKey])) {
|
24337
24347
|
resetSidePane();
|
24338
24348
|
}
|
@@ -24729,13 +24739,13 @@ var ParticipantSearch = ({
|
|
24729
24739
|
|
24730
24740
|
// src/Prebuilt/components/Footer/PollsToggle.tsx
|
24731
24741
|
init_define_process_env();
|
24732
|
-
import React84, { useEffect as
|
24742
|
+
import React84, { useEffect as useEffect28 } from "react";
|
24733
24743
|
import { QuizActiveIcon as QuizActiveIcon2, QuizIcon as QuizIcon2 } from "@100mslive/react-icons";
|
24734
24744
|
var PollsToggle = () => {
|
24735
24745
|
const isPollsOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.POLLS);
|
24736
24746
|
const togglePollView = usePollViewToggle();
|
24737
24747
|
const { unreadPollQuiz, setUnreadPollQuiz } = useUnreadPollQuizPresent();
|
24738
|
-
|
24748
|
+
useEffect28(() => {
|
24739
24749
|
if (unreadPollQuiz && isPollsOpen) {
|
24740
24750
|
setUnreadPollQuiz(false);
|
24741
24751
|
}
|
@@ -24806,7 +24816,7 @@ var Footer2 = ({
|
|
24806
24816
|
const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
|
24807
24817
|
const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
|
24808
24818
|
const { showPolls } = useShowPolls();
|
24809
|
-
|
24819
|
+
useEffect29(() => {
|
24810
24820
|
if (!isChatOpen && openByDefault) {
|
24811
24821
|
toggleChat();
|
24812
24822
|
}
|
@@ -24906,7 +24916,7 @@ function HLSFailureModal() {
|
|
24906
24916
|
|
24907
24917
|
// src/Prebuilt/components/RoleChangeRequest/RoleChangeRequestModal.tsx
|
24908
24918
|
init_define_process_env();
|
24909
|
-
import React138, { useEffect as
|
24919
|
+
import React138, { useEffect as useEffect45 } from "react";
|
24910
24920
|
import {
|
24911
24921
|
selectIsInPreview,
|
24912
24922
|
selectLocalPeerName as selectLocalPeerName4,
|
@@ -24919,7 +24929,7 @@ import {
|
|
24919
24929
|
|
24920
24930
|
// src/Prebuilt/components/Preview/PreviewJoin.tsx
|
24921
24931
|
init_define_process_env();
|
24922
|
-
import React136, { Fragment as Fragment12, useCallback as useCallback33, useEffect as
|
24932
|
+
import React136, { Fragment as Fragment12, useCallback as useCallback33, useEffect as useEffect44, useMemo as useMemo15, useState as useState57 } from "react";
|
24923
24933
|
import { useMeasure as useMeasure4, useMedia as useMedia27 } from "react-use";
|
24924
24934
|
import {
|
24925
24935
|
HMSRoomState as HMSRoomState6,
|
@@ -24940,7 +24950,7 @@ import { MicOffIcon as MicOffIcon7, SettingsIcon as SettingsIcon6 } from "@100ms
|
|
24940
24950
|
|
24941
24951
|
// src/Prebuilt/layouts/SidePane.tsx
|
24942
24952
|
init_define_process_env();
|
24943
|
-
import React132, { useEffect as
|
24953
|
+
import React132, { useEffect as useEffect43 } from "react";
|
24944
24954
|
import { useMedia as useMedia25 } from "react-use";
|
24945
24955
|
import { match as match12 } from "ts-pattern";
|
24946
24956
|
import { selectAppData as selectAppData8, selectVideoTrackByPeerID as selectVideoTrackByPeerID4, useHMSStore as useHMSStore70 } from "@100mslive/react-sdk";
|
@@ -24951,7 +24961,7 @@ import React109 from "react";
|
|
24951
24961
|
|
24952
24962
|
// src/Prebuilt/components/Polls/CreatePollQuiz/PollsQuizMenu.tsx
|
24953
24963
|
init_define_process_env();
|
24954
|
-
import React90, { useEffect as
|
24964
|
+
import React90, { useEffect as useEffect30, useMemo as useMemo9, useRef as useRef20, useState as useState38 } from "react";
|
24955
24965
|
import {
|
24956
24966
|
selectLocalPeerRoleName as selectLocalPeerRoleName2,
|
24957
24967
|
selectPermissions as selectPermissions16,
|
@@ -25113,8 +25123,8 @@ var AddMenu = () => {
|
|
25113
25123
|
const [titleError, setTitleError] = useState38("");
|
25114
25124
|
const { setPollState } = usePollViewState();
|
25115
25125
|
const [interactionType, setInteractionType] = useState38("Poll" /* POLL */);
|
25116
|
-
const inputRef =
|
25117
|
-
|
25126
|
+
const inputRef = useRef20(null);
|
25127
|
+
useEffect30(() => {
|
25118
25128
|
if (inputRef.current) {
|
25119
25129
|
inputRef.current.focus();
|
25120
25130
|
}
|
@@ -25201,7 +25211,7 @@ var PrevMenu = () => {
|
|
25201
25211
|
[polls]
|
25202
25212
|
);
|
25203
25213
|
const permissions = useHMSStore48(selectPermissions16);
|
25204
|
-
|
25214
|
+
useEffect30(() => {
|
25205
25215
|
const updatePolls = () => __async(void 0, null, function* () {
|
25206
25216
|
yield hmsActions.interactivityCenter.getPolls();
|
25207
25217
|
});
|
@@ -25243,7 +25253,7 @@ import { AddCircleIcon as AddCircleIcon2 } from "@100mslive/react-icons";
|
|
25243
25253
|
|
25244
25254
|
// src/Prebuilt/components/Polls/CreateQuestions/QuestionForm.tsx
|
25245
25255
|
init_define_process_env();
|
25246
|
-
import React98, { useCallback as useCallback26, useRef as
|
25256
|
+
import React98, { useCallback as useCallback26, useRef as useRef21, useState as useState39 } from "react";
|
25247
25257
|
import { AddCircleIcon, TrashIcon as TrashIcon3 } from "@100mslive/react-icons";
|
25248
25258
|
|
25249
25259
|
// src/Prebuilt/components/Polls/CreateQuestions/DeleteQuestionModal.tsx
|
@@ -25537,7 +25547,7 @@ var QuestionForm = ({
|
|
25537
25547
|
isQuiz
|
25538
25548
|
}) => {
|
25539
25549
|
var _a7;
|
25540
|
-
const ref =
|
25550
|
+
const ref = useRef21(null);
|
25541
25551
|
const selectionBg = useDropdownSelection();
|
25542
25552
|
const [openDelete, setOpenDelete] = useState39(false);
|
25543
25553
|
const [open, setOpen] = useState39(false);
|
@@ -25961,7 +25971,7 @@ var StatisticBox = ({ title, value = 0 }) => {
|
|
25961
25971
|
|
25962
25972
|
// src/Prebuilt/components/Polls/Voting/useQuizSummary.tsx
|
25963
25973
|
init_define_process_env();
|
25964
|
-
import { useEffect as
|
25974
|
+
import { useEffect as useEffect31, useState as useState41 } from "react";
|
25965
25975
|
import {
|
25966
25976
|
selectPollByID as selectPollByID2,
|
25967
25977
|
useHMSActions as useHMSActions36,
|
@@ -25979,7 +25989,7 @@ var useQuizSummary = (quizID) => {
|
|
25979
25989
|
correctUsers: 0
|
25980
25990
|
};
|
25981
25991
|
const [calculations, setCalculations] = useState41({ maxPossibleScore: 0, totalResponses: 0 });
|
25982
|
-
|
25992
|
+
useEffect31(() => {
|
25983
25993
|
const fetchLeaderboardData = () => __async(void 0, null, function* () {
|
25984
25994
|
var _a7;
|
25985
25995
|
if (!quizLeaderboard && quiz && !(quiz == null ? void 0 : quiz.anonymous) && quiz.state === "stopped") {
|
@@ -26119,7 +26129,7 @@ var LeaderboardSummary = ({ pollID }) => {
|
|
26119
26129
|
|
26120
26130
|
// src/Prebuilt/components/Polls/Voting/Voting.tsx
|
26121
26131
|
init_define_process_env();
|
26122
|
-
import React108, { useEffect as
|
26132
|
+
import React108, { useEffect as useEffect34, useRef as useRef23, useState as useState45 } from "react";
|
26123
26133
|
import {
|
26124
26134
|
selectLocalPeer as selectLocalPeer4,
|
26125
26135
|
selectPeerNameByID as selectPeerNameByID4,
|
@@ -26136,7 +26146,7 @@ import React106 from "react";
|
|
26136
26146
|
|
26137
26147
|
// src/Prebuilt/components/Polls/Voting/QuestionCard.jsx
|
26138
26148
|
init_define_process_env();
|
26139
|
-
import React105, { useCallback as useCallback27, useEffect as
|
26149
|
+
import React105, { useCallback as useCallback27, useEffect as useEffect32, useMemo as useMemo12, useRef as useRef22, useState as useState43 } from "react";
|
26140
26150
|
import { match as match9 } from "ts-pattern";
|
26141
26151
|
import { selectLocalPeer as selectLocalPeer3, selectLocalPeerRoleName as selectLocalPeerRoleName3, useHMSActions as useHMSActions37, useHMSStore as useHMSStore53 } from "@100mslive/react-sdk";
|
26142
26152
|
import { CheckCircleIcon as CheckCircleIcon5, ChevronDownIcon as ChevronDownIcon4, CrossCircleIcon as CrossCircleIcon2 } from "@100mslive/react-icons";
|
@@ -26162,14 +26172,14 @@ var QuestionCard2 = ({
|
|
26162
26172
|
const localPeerRoleName = useHMSStore53(selectLocalPeerRoleName3);
|
26163
26173
|
const roleCanViewResponse = !rolesThatCanViewResponses || rolesThatCanViewResponses.length === 0 || rolesThatCanViewResponses.includes(localPeerRoleName || "");
|
26164
26174
|
const [localPeerChoice, setLocalPeerChoice] = useState43(localPeerResponse);
|
26165
|
-
|
26175
|
+
useEffect32(() => {
|
26166
26176
|
setLocalPeerChoice(localPeerResponse);
|
26167
26177
|
}, [localPeerResponse]);
|
26168
26178
|
const showVoteCount = roleCanViewResponse && (localPeerChoice || isLocalPeerCreator && pollState === "stopped") && !isQuiz;
|
26169
26179
|
const isLive = pollState === "started";
|
26170
26180
|
const pollEnded = pollState === "stopped";
|
26171
26181
|
const canRespond = isLive && !localPeerChoice;
|
26172
|
-
const startTime =
|
26182
|
+
const startTime = useRef22(Date.now());
|
26173
26183
|
const isCorrectAnswer = checkCorrectAnswer(answer, localPeerChoice, type);
|
26174
26184
|
const [singleOptionAnswer, setSingleOptionAnswer] = useState43();
|
26175
26185
|
const [multipleOptionAnswer, setMultipleOptionAnswer] = useState43(/* @__PURE__ */ new Set());
|
@@ -26344,7 +26354,7 @@ var StandardView = ({
|
|
26344
26354
|
|
26345
26355
|
// src/Prebuilt/components/Polls/Voting/TimedVoting.tsx
|
26346
26356
|
init_define_process_env();
|
26347
|
-
import React107, { useEffect as
|
26357
|
+
import React107, { useEffect as useEffect33, useState as useState44 } from "react";
|
26348
26358
|
var TimedView = ({
|
26349
26359
|
poll,
|
26350
26360
|
localPeerResponses,
|
@@ -26354,7 +26364,7 @@ var TimedView = ({
|
|
26354
26364
|
const [currentIndex, setCurrentIndex] = useState44(getIndexToShow(localPeerResponses));
|
26355
26365
|
const activeQuestion = (_a7 = poll.questions) == null ? void 0 : _a7.find((question) => question.index === currentIndex);
|
26356
26366
|
const attemptedAll = (((_b7 = poll.questions) == null ? void 0 : _b7.length) || 0) < currentIndex;
|
26357
|
-
|
26367
|
+
useEffect33(() => {
|
26358
26368
|
setCurrentIndex(getIndexToShow(localPeerResponses));
|
26359
26369
|
}, [localPeerResponses]);
|
26360
26370
|
if (!activeQuestion && !attemptedAll || !((_c = poll.questions) == null ? void 0 : _c.length)) {
|
@@ -26394,16 +26404,16 @@ var Voting = ({ id, toggleVoting }) => {
|
|
26394
26404
|
const canEndActivity = !!(permissions == null ? void 0 : permissions.pollWrite);
|
26395
26405
|
const { setPollView } = usePollViewState();
|
26396
26406
|
const showSingleView = (poll == null ? void 0 : poll.type) === "quiz" && poll.state === "started";
|
26397
|
-
const fetchedInitialResponses =
|
26407
|
+
const fetchedInitialResponses = useRef23(false);
|
26398
26408
|
const [savedResponses, setSavedResponses] = useState45({});
|
26399
26409
|
const localPeer = useHMSStore54(selectLocalPeer4);
|
26400
26410
|
const localPeerId = localPeer == null ? void 0 : localPeer.id;
|
26401
26411
|
const customerUserId = localPeer == null ? void 0 : localPeer.customerUserId;
|
26402
|
-
|
26412
|
+
useEffect34(() => {
|
26403
26413
|
fetchedInitialResponses.current = false;
|
26404
26414
|
setSavedResponses({});
|
26405
26415
|
}, [id, setSavedResponses]);
|
26406
|
-
|
26416
|
+
useEffect34(() => {
|
26407
26417
|
const getResponses = () => __async(void 0, null, function* () {
|
26408
26418
|
if (poll && actions.interactivityCenter && !fetchedInitialResponses.current) {
|
26409
26419
|
yield actions.interactivityCenter.getPollResponses(poll, true);
|
@@ -26412,7 +26422,7 @@ var Voting = ({ id, toggleVoting }) => {
|
|
26412
26422
|
});
|
26413
26423
|
getResponses();
|
26414
26424
|
}, [poll, actions.interactivityCenter]);
|
26415
|
-
|
26425
|
+
useEffect34(() => {
|
26416
26426
|
if (poll == null ? void 0 : poll.questions) {
|
26417
26427
|
const localPeerResponses = getPeerResponses(poll.questions, localPeerId, customerUserId);
|
26418
26428
|
localPeerResponses == null ? void 0 : localPeerResponses.forEach((response) => {
|
@@ -26510,7 +26520,7 @@ import { CrossIcon as CrossIcon20 } from "@100mslive/react-icons";
|
|
26510
26520
|
|
26511
26521
|
// src/Prebuilt/components/Header/HeaderComponents.jsx
|
26512
26522
|
init_define_process_env();
|
26513
|
-
import React110, { useEffect as
|
26523
|
+
import React110, { useEffect as useEffect35, useState as useState46 } from "react";
|
26514
26524
|
import { selectDominantSpeaker, useHMSStore as useHMSStore55 } from "@100mslive/react-sdk";
|
26515
26525
|
import { VolumeOneIcon } from "@100mslive/react-icons";
|
26516
26526
|
var SpeakerTag = () => {
|
@@ -26539,7 +26549,7 @@ var Logo = () => {
|
|
26539
26549
|
const roomLayout = useRoomLayout();
|
26540
26550
|
const logo = (_a7 = roomLayout == null ? void 0 : roomLayout.logo) == null ? void 0 : _a7.url;
|
26541
26551
|
const [hideImage, setHideImage] = useState46(false);
|
26542
|
-
|
26552
|
+
useEffect35(() => {
|
26543
26553
|
if (hideImage) {
|
26544
26554
|
setHideImage(false);
|
26545
26555
|
}
|
@@ -26563,10 +26573,10 @@ import React112 from "react";
|
|
26563
26573
|
|
26564
26574
|
// src/Prebuilt/components/RoomDetails/Duration.tsx
|
26565
26575
|
init_define_process_env();
|
26566
|
-
import React111, { useEffect as
|
26576
|
+
import React111, { useEffect as useEffect36, useState as useState47 } from "react";
|
26567
26577
|
var Duration = ({ timestamp }) => {
|
26568
26578
|
const [elapsedTime, setElapsedTime] = useState47(getFormattedTime(Date.now() - timestamp.getTime(), false));
|
26569
|
-
|
26579
|
+
useEffect36(() => {
|
26570
26580
|
const timerAdded = setInterval(() => {
|
26571
26581
|
setElapsedTime(getFormattedTime(Date.now() - timestamp.getTime(), false));
|
26572
26582
|
}, 1e3);
|
@@ -26608,7 +26618,7 @@ var ShowRoomDetailHeader = () => {
|
|
26608
26618
|
|
26609
26619
|
// src/Prebuilt/components/SidePaneTabs.tsx
|
26610
26620
|
init_define_process_env();
|
26611
|
-
import React124, { useEffect as
|
26621
|
+
import React124, { useEffect as useEffect41, useState as useState53 } from "react";
|
26612
26622
|
import { useMedia as useMedia21 } from "react-use";
|
26613
26623
|
import { match as match11 } from "ts-pattern";
|
26614
26624
|
import { selectPeerCount as selectPeerCount5, useHMSStore as useHMSStore64 } from "@100mslive/react-sdk";
|
@@ -26616,7 +26626,7 @@ import { CrossIcon as CrossIcon23 } from "@100mslive/react-icons";
|
|
26616
26626
|
|
26617
26627
|
// src/Prebuilt/components/Chat/Chat.tsx
|
26618
26628
|
init_define_process_env();
|
26619
|
-
import React121, { useCallback as useCallback31, useRef as
|
26629
|
+
import React121, { useCallback as useCallback31, useRef as useRef26 } from "react";
|
26620
26630
|
import { useMedia as useMedia20 } from "react-use";
|
26621
26631
|
import { match as match10 } from "ts-pattern";
|
26622
26632
|
import { selectHMSMessagesCount, useHMSActions as useHMSActions42, useHMSStore as useHMSStore61, useHMSVanillaStore as useHMSVanillaStore11 } from "@100mslive/react-sdk";
|
@@ -26624,7 +26634,7 @@ import { ChevronDownIcon as ChevronDownIcon7 } from "@100mslive/react-icons";
|
|
26624
26634
|
|
26625
26635
|
// src/Prebuilt/components/Chat/ChatFooter.tsx
|
26626
26636
|
init_define_process_env();
|
26627
|
-
import React116, { useCallback as useCallback29, useEffect as
|
26637
|
+
import React116, { useCallback as useCallback29, useEffect as useEffect38, useRef as useRef25, useState as useState50 } from "react";
|
26628
26638
|
import { useMedia as useMedia18 } from "react-use";
|
26629
26639
|
import data2 from "@emoji-mart/data";
|
26630
26640
|
import Picker from "@emoji-mart/react";
|
@@ -26947,10 +26957,10 @@ var useChatDraftMessage = () => {
|
|
26947
26957
|
|
26948
26958
|
// src/Prebuilt/components/Chat/useEmojiPickerStyles.js
|
26949
26959
|
init_define_process_env();
|
26950
|
-
import { useEffect as
|
26960
|
+
import { useEffect as useEffect37, useRef as useRef24 } from "react";
|
26951
26961
|
var useEmojiPickerStyles = (showing) => {
|
26952
|
-
const ref =
|
26953
|
-
|
26962
|
+
const ref = useRef24(null);
|
26963
|
+
useEffect37(() => {
|
26954
26964
|
if (showing) {
|
26955
26965
|
setTimeout(() => {
|
26956
26966
|
var _a7, _b7;
|
@@ -27026,7 +27036,7 @@ function EmojiPicker({ onSelect }) {
|
|
27026
27036
|
var ChatFooter = ({ onSend, children }) => {
|
27027
27037
|
var _a7, _b7, _c, _d, _e;
|
27028
27038
|
const hmsActions = useHMSActions40();
|
27029
|
-
const inputRef =
|
27039
|
+
const inputRef = useRef25(null);
|
27030
27040
|
const [draftMessage, setDraftMessage] = useChatDraftMessage();
|
27031
27041
|
const isMobile = useMedia18(config.media.md);
|
27032
27042
|
const { elements, screenType } = useRoomLayoutConferencingScreen();
|
@@ -27042,7 +27052,7 @@ var ChatFooter = ({ onSend, children }) => {
|
|
27042
27052
|
const isMwebHLSStream = useMobileHLSStream();
|
27043
27053
|
const [messageLengthExceeded, setMessageLengthExceeded] = useState50(false);
|
27044
27054
|
const isLandscapeHLSStream = useLandscapeHLSStream();
|
27045
|
-
|
27055
|
+
useEffect38(() => {
|
27046
27056
|
var _a8, _b8;
|
27047
27057
|
if (!selectedPeer.id && !selectedRole && !["Everyone", ""].includes(defaultSelection)) {
|
27048
27058
|
setRoleSelector(defaultSelection);
|
@@ -27091,7 +27101,7 @@ var ChatFooter = ({ onSend, children }) => {
|
|
27091
27101
|
});
|
27092
27102
|
}
|
27093
27103
|
}), [selectedRole, selectedPeer, hmsActions, onSend]);
|
27094
|
-
|
27104
|
+
useEffect38(() => {
|
27095
27105
|
const messageElement = inputRef.current;
|
27096
27106
|
if (messageElement) {
|
27097
27107
|
messageElement.value = draftMessage;
|
@@ -27099,7 +27109,7 @@ var ChatFooter = ({ onSend, children }) => {
|
|
27099
27109
|
setMessageLengthExceeded(draftMessage.length > CHAT_MESSAGE_LIMIT);
|
27100
27110
|
}
|
27101
27111
|
}, [draftMessage]);
|
27102
|
-
|
27112
|
+
useEffect38(() => {
|
27103
27113
|
const messageElement = inputRef.current;
|
27104
27114
|
return () => {
|
27105
27115
|
setDraftMessage((messageElement == null ? void 0 : messageElement.value) || "");
|
@@ -27289,7 +27299,7 @@ var ChatBlocked = () => {
|
|
27289
27299
|
|
27290
27300
|
// src/Prebuilt/components/Chat/PinnedMessage.tsx
|
27291
27301
|
init_define_process_env();
|
27292
|
-
import React120, { useEffect as
|
27302
|
+
import React120, { useEffect as useEffect39, useState as useState51 } from "react";
|
27293
27303
|
import { useSwipeable } from "react-swipeable";
|
27294
27304
|
import { useMedia as useMedia19 } from "react-use";
|
27295
27305
|
import { selectSessionStore as selectSessionStore8, useHMSStore as useHMSStore60 } from "@100mslive/react-sdk";
|
@@ -27372,7 +27382,7 @@ var PinnedMessage = () => {
|
|
27372
27382
|
onSwipedUp: () => showNextPinnedMessage(),
|
27373
27383
|
onSwipedDown: () => showPreviousPinnedMessage()
|
27374
27384
|
});
|
27375
|
-
|
27385
|
+
useEffect39(() => {
|
27376
27386
|
const count = (pinnedMessages == null ? void 0 : pinnedMessages.length) || 1;
|
27377
27387
|
if (pinnedMessageIndex >= count) {
|
27378
27388
|
setPinnedMessageIndex(count - 1);
|
@@ -27465,7 +27475,7 @@ var PinnedMessage = () => {
|
|
27465
27475
|
var Chat = () => {
|
27466
27476
|
var _a7, _b7;
|
27467
27477
|
const { elements, screenType } = useRoomLayoutConferencingScreen();
|
27468
|
-
const listRef =
|
27478
|
+
const listRef = useRef26(null);
|
27469
27479
|
const hmsActions = useHMSActions42();
|
27470
27480
|
const vanillaStore = useHMSVanillaStore11();
|
27471
27481
|
const { enabled: isChatEnabled = true } = useHMSStore61(jm("chatState" /* CHAT_STATE */)) || {};
|
@@ -27604,7 +27614,7 @@ var NewMessageIndicator = ({
|
|
27604
27614
|
|
27605
27615
|
// src/Prebuilt/components/Footer/PaginatedParticipants.tsx
|
27606
27616
|
init_define_process_env();
|
27607
|
-
import React122, { useEffect as
|
27617
|
+
import React122, { useEffect as useEffect40, useState as useState52 } from "react";
|
27608
27618
|
import { useInView } from "react-intersection-observer";
|
27609
27619
|
import { useMeasure as useMeasure2 } from "react-use";
|
27610
27620
|
import { VariableSizeList as VariableSizeList2 } from "react-window";
|
@@ -27617,7 +27627,7 @@ var LoadMoreParticipants = ({
|
|
27617
27627
|
}) => {
|
27618
27628
|
const { ref, inView } = useInView();
|
27619
27629
|
const [inProgress, setInProgress] = useState52(false);
|
27620
|
-
|
27630
|
+
useEffect40(() => {
|
27621
27631
|
if (hasNext && inView && !inProgress) {
|
27622
27632
|
setInProgress(true);
|
27623
27633
|
loadMore().catch(console.error).finally(() => setInProgress(false));
|
@@ -27656,7 +27666,7 @@ var PaginatedParticipants = ({ roleName, onBack }) => {
|
|
27656
27666
|
const [ref, { width }] = useMeasure2();
|
27657
27667
|
const height = ROW_HEIGHT * (filteredPeers.length + 1);
|
27658
27668
|
const resetSidePane = useSidepaneReset();
|
27659
|
-
|
27669
|
+
useEffect40(() => {
|
27660
27670
|
loadPeers();
|
27661
27671
|
}, []);
|
27662
27672
|
return /* @__PURE__ */ React122.createElement(Flex, { ref, direction: "column", css: { size: "100%", gap: "$4" } }, /* @__PURE__ */ React122.createElement(Flex, { align: "center" }, /* @__PURE__ */ React122.createElement(Flex, { align: "center", css: { flex: "1 1 0", cursor: "pointer" }, onClick: onBack }, /* @__PURE__ */ React122.createElement(ChevronLeftIcon6, null), /* @__PURE__ */ React122.createElement(Text, { variant: "lg", css: { flex: "1 1 0" } }, "Participants")), /* @__PURE__ */ React122.createElement(
|
@@ -27773,7 +27783,7 @@ var SidePaneTabs = React124.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideTab = f
|
|
27773
27783
|
const { off_stage_roles = [] } = (elements == null ? void 0 : elements.on_stage_exp) || {};
|
27774
27784
|
const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
|
27775
27785
|
const showChatSettings = showChat && isChatOpen && (!isMobile || !isOverlayChat);
|
27776
|
-
|
27786
|
+
useEffect41(() => {
|
27777
27787
|
match11({ activeTab, showChat, showParticipants }).with({ activeTab: SIDE_PANE_OPTIONS.CHAT, showChat: false, showParticipants: true }, () => {
|
27778
27788
|
setActiveTab(SIDE_PANE_OPTIONS.PARTICIPANTS);
|
27779
27789
|
}).with({ activeTab: SIDE_PANE_OPTIONS.PARTICIPANTS, showChat: true, showParticipants: false }, () => {
|
@@ -27782,7 +27792,7 @@ var SidePaneTabs = React124.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideTab = f
|
|
27782
27792
|
resetSidePane();
|
27783
27793
|
});
|
27784
27794
|
}, [showChat, activeTab, showParticipants, resetSidePane]);
|
27785
|
-
|
27795
|
+
useEffect41(() => {
|
27786
27796
|
setActiveTab(active);
|
27787
27797
|
}, [active]);
|
27788
27798
|
if (activeRole) {
|
@@ -28476,7 +28486,7 @@ var VideoTile_default = VideoTile;
|
|
28476
28486
|
|
28477
28487
|
// src/Prebuilt/components/VirtualBackground/VBPicker.tsx
|
28478
28488
|
init_define_process_env();
|
28479
|
-
import React131, { useEffect as
|
28489
|
+
import React131, { useEffect as useEffect42, useRef as useRef27, useState as useState56 } from "react";
|
28480
28490
|
import { useMedia as useMedia24 } from "react-use";
|
28481
28491
|
import { HMSVirtualBackgroundTypes as HMSVirtualBackgroundTypes4 } from "@100mslive/hms-virtual-background/hmsvbplugin";
|
28482
28492
|
import {
|
@@ -28585,10 +28595,10 @@ var VBPicker = ({ backgroundMedia = [] }) => {
|
|
28585
28595
|
const isPluginAdded = useHMSStore69(selectIsLocalVideoPluginPresent(((_a7 = VBHandler) == null ? void 0 : _a7.getName()) || ""));
|
28586
28596
|
const background = useHMSStore69(qm(APP_DATA.background));
|
28587
28597
|
const mediaList = backgroundMedia.map((media) => media.url || "");
|
28588
|
-
const pluginLoadingRef =
|
28598
|
+
const pluginLoadingRef = useRef27(false);
|
28589
28599
|
const inPreview = roomState === HMSRoomState5.Preview;
|
28590
28600
|
const showVideoTile = isVideoOn && isLargeRoom && !inPreview;
|
28591
|
-
|
28601
|
+
useEffect42(() => {
|
28592
28602
|
const addHMSVBPlugin = () => __async(void 0, null, function* () {
|
28593
28603
|
setLoadingEffects(false);
|
28594
28604
|
if (!role) {
|
@@ -28650,7 +28660,7 @@ var VBPicker = ({ backgroundMedia = [] }) => {
|
|
28650
28660
|
blurAmount,
|
28651
28661
|
setLoadingEffects
|
28652
28662
|
]);
|
28653
|
-
|
28663
|
+
useEffect42(() => {
|
28654
28664
|
if (!isVideoOn) {
|
28655
28665
|
toggleVB();
|
28656
28666
|
}
|
@@ -28889,7 +28899,7 @@ var SidePane = ({
|
|
28889
28899
|
return null;
|
28890
28900
|
});
|
28891
28901
|
const resetSidePane = useSidepaneReset();
|
28892
|
-
|
28902
|
+
useEffect43(() => {
|
28893
28903
|
return () => {
|
28894
28904
|
resetSidePane();
|
28895
28905
|
};
|
@@ -29103,7 +29113,7 @@ var PreviewJoin = ({
|
|
29103
29113
|
const { elements = {} } = useRoomLayoutPreviewScreen();
|
29104
29114
|
const { preview_header: previewHeader = {}, virtual_background } = elements || {};
|
29105
29115
|
const aspectRatio = useLocalTileAspectRatio();
|
29106
|
-
|
29116
|
+
useEffect44(() => {
|
29107
29117
|
if (authToken) {
|
29108
29118
|
if (skipPreview) {
|
29109
29119
|
savePreferenceAndJoin();
|
@@ -29112,7 +29122,7 @@ var PreviewJoin = ({
|
|
29112
29122
|
}
|
29113
29123
|
}
|
29114
29124
|
}, [authToken, skipPreview]);
|
29115
|
-
|
29125
|
+
useEffect44(() => {
|
29116
29126
|
if (initialName) {
|
29117
29127
|
setName(initialName);
|
29118
29128
|
}
|
@@ -29255,7 +29265,7 @@ var RoleChangeRequestModal = () => {
|
|
29255
29265
|
const { sendEvent } = useCustomEvent3({ type: ROLE_CHANGE_DECLINED });
|
29256
29266
|
const { elements = {} } = useRoomLayoutPreviewScreen();
|
29257
29267
|
const { virtual_background } = elements || {};
|
29258
|
-
|
29268
|
+
useEffect45(() => {
|
29259
29269
|
if (!(roleChangeRequest == null ? void 0 : roleChangeRequest.role)) {
|
29260
29270
|
return;
|
29261
29271
|
}
|
@@ -29319,7 +29329,7 @@ var RoleChangeRequestModal = () => {
|
|
29319
29329
|
|
29320
29330
|
// src/Prebuilt/layouts/VideoStreamingSection.tsx
|
29321
29331
|
init_define_process_env();
|
29322
|
-
import React157, { Suspense, useEffect as
|
29332
|
+
import React157, { Suspense, useEffect as useEffect59, useState as useState67 } from "react";
|
29323
29333
|
import { useMedia as useMedia38 } from "react-use";
|
29324
29334
|
import { match as match13 } from "ts-pattern";
|
29325
29335
|
import {
|
@@ -29333,7 +29343,7 @@ import { PeopleAddIcon as PeopleAddIcon3, ShareScreenIcon as ShareScreenIcon5 }
|
|
29333
29343
|
|
29334
29344
|
// src/Prebuilt/components/VideoLayouts/GridLayout.tsx
|
29335
29345
|
init_define_process_env();
|
29336
|
-
import React153, { useEffect as
|
29346
|
+
import React153, { useEffect as useEffect54, useMemo as useMemo20, useState as useState65 } from "react";
|
29337
29347
|
import {
|
29338
29348
|
selectLocalPeerID as selectLocalPeerID13,
|
29339
29349
|
selectLocalPeerRoleName as selectLocalPeerRoleName5,
|
@@ -29346,7 +29356,7 @@ import {
|
|
29346
29356
|
|
29347
29357
|
// src/Prebuilt/components/VideoLayouts/EqualProminence.tsx
|
29348
29358
|
init_define_process_env();
|
29349
|
-
import React144, { useEffect as
|
29359
|
+
import React144, { useEffect as useEffect49, useState as useState59 } from "react";
|
29350
29360
|
import { useMedia as useMedia31 } from "react-use";
|
29351
29361
|
import { selectPeerCount as selectPeerCount6, useHMSStore as useHMSStore74 } from "@100mslive/react-sdk";
|
29352
29362
|
import { PeopleAddIcon as PeopleAddIcon2 } from "@100mslive/react-icons";
|
@@ -29409,7 +29419,7 @@ var WaitingView = React139.memo(
|
|
29409
29419
|
|
29410
29420
|
// src/Prebuilt/components/InsetTile.tsx
|
29411
29421
|
init_define_process_env();
|
29412
|
-
import React141, { useEffect as
|
29422
|
+
import React141, { useEffect as useEffect46, useRef as useRef28 } from "react";
|
29413
29423
|
import Draggable from "react-draggable";
|
29414
29424
|
import { useMedia as useMedia29 } from "react-use";
|
29415
29425
|
import {
|
@@ -29473,8 +29483,8 @@ var InsetTile = ({ peerId }) => {
|
|
29473
29483
|
width = 240;
|
29474
29484
|
height = width / aspectRatio;
|
29475
29485
|
}
|
29476
|
-
const nodeRef =
|
29477
|
-
|
29486
|
+
const nodeRef = useRef28(null);
|
29487
|
+
useEffect46(() => {
|
29478
29488
|
const node = nodeRef.current;
|
29479
29489
|
if (!node || !window.ResizeObserver) {
|
29480
29490
|
return;
|
@@ -29534,7 +29544,7 @@ var InsetTile = ({ peerId }) => {
|
|
29534
29544
|
|
29535
29545
|
// src/Prebuilt/components/Pagination.tsx
|
29536
29546
|
init_define_process_env();
|
29537
|
-
import React142, { useEffect as
|
29547
|
+
import React142, { useEffect as useEffect47 } from "react";
|
29538
29548
|
import { ChevronLeftIcon as ChevronLeftIcon7, ChevronRightIcon as ChevronRightIcon4 } from "@100mslive/react-icons";
|
29539
29549
|
var Pagination = ({
|
29540
29550
|
page,
|
@@ -29551,7 +29561,7 @@ var Pagination = ({
|
|
29551
29561
|
e.stopPropagation();
|
29552
29562
|
onPageChange(Math.max(page - 1, 0));
|
29553
29563
|
};
|
29554
|
-
|
29564
|
+
useEffect47(() => {
|
29555
29565
|
if (page >= numPages) {
|
29556
29566
|
onPageChange(Math.max(0, numPages - 1));
|
29557
29567
|
}
|
@@ -29615,7 +29625,7 @@ var Grid = React143.forwardRef(
|
|
29615
29625
|
|
29616
29626
|
// src/Prebuilt/components/hooks/useTileLayout.tsx
|
29617
29627
|
init_define_process_env();
|
29618
|
-
import { useEffect as
|
29628
|
+
import { useEffect as useEffect48, useMemo as useMemo16, useState as useState58 } from "react";
|
29619
29629
|
import { useMeasure as useMeasure5, useMedia as useMedia30 } from "react-use";
|
29620
29630
|
import {
|
29621
29631
|
getPeersWithTiles,
|
@@ -29654,7 +29664,7 @@ var useTileLayout = ({
|
|
29654
29664
|
const [ref, { width, height }] = useMeasure5();
|
29655
29665
|
const isMobile = useMedia30(config.media.lg);
|
29656
29666
|
const [pagesWithTiles, setPagesWithTiles] = useState58([]);
|
29657
|
-
|
29667
|
+
useEffect48(() => {
|
29658
29668
|
if (width === 0 || height === 0) {
|
29659
29669
|
return;
|
29660
29670
|
}
|
@@ -29687,10 +29697,10 @@ var useTileLayout = ({
|
|
29687
29697
|
tileHeight = maxRowHeight;
|
29688
29698
|
} else {
|
29689
29699
|
const calcHeights = aspectRatios.map((aR) => tileWidth / aR);
|
29690
|
-
for (const
|
29691
|
-
if (
|
29692
|
-
if (tileHeight <
|
29693
|
-
tileHeight =
|
29700
|
+
for (const h of calcHeights) {
|
29701
|
+
if (h < maxRowHeight) {
|
29702
|
+
if (tileHeight < h) {
|
29703
|
+
tileHeight = h;
|
29694
29704
|
}
|
29695
29705
|
}
|
29696
29706
|
}
|
@@ -29736,7 +29746,7 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
|
|
29736
29746
|
});
|
29737
29747
|
const [page, setPage] = useState59(0);
|
29738
29748
|
const pageSize = ((_a7 = pagesWithTiles[0]) == null ? void 0 : _a7.length) || 0;
|
29739
|
-
|
29749
|
+
useEffect49(() => {
|
29740
29750
|
if (pageSize > 0) {
|
29741
29751
|
onPageSize == null ? void 0 : onPageSize(pageSize);
|
29742
29752
|
}
|
@@ -29763,13 +29773,13 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
|
|
29763
29773
|
|
29764
29774
|
// src/Prebuilt/components/VideoLayouts/RoleProminence.tsx
|
29765
29775
|
init_define_process_env();
|
29766
|
-
import React147, { useEffect as
|
29776
|
+
import React147, { useEffect as useEffect51, useState as useState61 } from "react";
|
29767
29777
|
import { useMedia as useMedia33 } from "react-use";
|
29768
29778
|
import { selectLocalPeer as selectLocalPeer11, useHMSStore as useHMSStore76 } from "@100mslive/react-sdk";
|
29769
29779
|
|
29770
29780
|
// src/Prebuilt/components/SecondaryTiles.tsx
|
29771
29781
|
init_define_process_env();
|
29772
|
-
import React146, { useEffect as
|
29782
|
+
import React146, { useEffect as useEffect50, useRef as useRef29, useState as useState60 } from "react";
|
29773
29783
|
import { useMedia as useMedia32 } from "react-use";
|
29774
29784
|
import { selectAppData as selectAppData10, selectSessionStore as selectSessionStore12, selectTrackByID as selectTrackByID4, useHMSStore as useHMSStore75 } from "@100mslive/react-sdk";
|
29775
29785
|
|
@@ -29862,7 +29872,7 @@ var SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge, hasSidebar
|
|
29862
29872
|
const spotlightPeerId = useHMSStore75(selectSessionStore12("spotlight" /* SPOTLIGHT */));
|
29863
29873
|
const activeScreensharePeerId = useHMSStore75(selectAppData10(APP_DATA.activeScreensharePeerId));
|
29864
29874
|
const pinnedPeer = (_a7 = useHMSStore75(selectTrackByID4(pinnedTrackId))) == null ? void 0 : _a7.peerId;
|
29865
|
-
const pageChangedAfterPinning =
|
29875
|
+
const pageChangedAfterPinning = useRef29(false);
|
29866
29876
|
const pagesWithTiles = usePagesWithTiles({
|
29867
29877
|
peers: spotlightPeerId || pinnedPeer ? [...peers].sort((p1, p2) => {
|
29868
29878
|
if (activeScreensharePeerId === p1.id) {
|
@@ -29883,18 +29893,18 @@ var SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge, hasSidebar
|
|
29883
29893
|
maxTileCount
|
29884
29894
|
});
|
29885
29895
|
const pageSize = ((_b7 = pagesWithTiles[0]) == null ? void 0 : _b7.length) || 0;
|
29886
|
-
|
29896
|
+
useEffect50(() => {
|
29887
29897
|
var _a8;
|
29888
29898
|
if (peers.length > 0 && !((_a8 = pagesWithTiles[page]) == null ? void 0 : _a8.length)) {
|
29889
29899
|
setPage(Math.max(0, page - 1));
|
29890
29900
|
}
|
29891
29901
|
}, [peers, page, pagesWithTiles]);
|
29892
|
-
|
29902
|
+
useEffect50(() => {
|
29893
29903
|
if (pageSize > 0) {
|
29894
29904
|
onPageSize == null ? void 0 : onPageSize(pageSize);
|
29895
29905
|
}
|
29896
29906
|
}, [pageSize, onPageSize]);
|
29897
|
-
|
29907
|
+
useEffect50(() => {
|
29898
29908
|
if ((pinnedPeer || spotlightPeerId) && page !== 0 && !pageChangedAfterPinning.current) {
|
29899
29909
|
setPage(0);
|
29900
29910
|
pageChangedAfterPinning.current = true;
|
@@ -29975,7 +29985,7 @@ function RoleProminence({
|
|
29975
29985
|
});
|
29976
29986
|
const [page, setPage] = useState61(0);
|
29977
29987
|
const pageSize = ((_a7 = pagesWithTiles[0]) == null ? void 0 : _a7.length) || 0;
|
29978
|
-
|
29988
|
+
useEffect51(() => {
|
29979
29989
|
if (pageSize > 0) {
|
29980
29990
|
onPageSize == null ? void 0 : onPageSize(pageSize);
|
29981
29991
|
}
|
@@ -29995,13 +30005,13 @@ function RoleProminence({
|
|
29995
30005
|
|
29996
30006
|
// src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
|
29997
30007
|
init_define_process_env();
|
29998
|
-
import React151, { useEffect as
|
30008
|
+
import React151, { useEffect as useEffect52, useMemo as useMemo18, useState as useState64 } from "react";
|
29999
30009
|
import { useMedia as useMedia35 } from "react-use";
|
30000
30010
|
import { selectPeersScreenSharing, useHMSStore as useHMSStore78 } from "@100mslive/react-sdk";
|
30001
30011
|
|
30002
30012
|
// src/Prebuilt/components/ScreenshareTile.tsx
|
30003
30013
|
init_define_process_env();
|
30004
|
-
import React150, { useRef as
|
30014
|
+
import React150, { useRef as useRef30, useState as useState63 } from "react";
|
30005
30015
|
import { useFullscreen as useFullscreen2, useMedia as useMedia34 } from "react-use";
|
30006
30016
|
import screenfull2 from "screenfull";
|
30007
30017
|
import {
|
@@ -30172,7 +30182,7 @@ var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
|
|
30172
30182
|
const [isMouseHovered, setIsMouseHovered] = useState63(false);
|
30173
30183
|
const isMobile = useMedia34(config.media.md);
|
30174
30184
|
const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
|
30175
|
-
const fullscreenRef =
|
30185
|
+
const fullscreenRef = useRef30(null);
|
30176
30186
|
const [fullscreen, setFullscreen] = useState63(false);
|
30177
30187
|
const isFullscreen = useFullscreen2(fullscreenRef, fullscreen, {
|
30178
30188
|
onClose: () => setFullscreen(false)
|
@@ -30274,7 +30284,7 @@ var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
|
|
30274
30284
|
}
|
30275
30285
|
return peers.filter((p) => p.id !== (activeSharePeer == null ? void 0 : activeSharePeer.id));
|
30276
30286
|
}, [activeSharePeer, peers, isMobile, layoutMode]);
|
30277
|
-
|
30287
|
+
useEffect52(() => {
|
30278
30288
|
if (isMobile) {
|
30279
30289
|
setLayoutMode(LayoutMode.GALLERY);
|
30280
30290
|
return;
|
@@ -30287,7 +30297,7 @@ var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
|
|
30287
30297
|
setLayoutMode(LayoutMode.GALLERY);
|
30288
30298
|
};
|
30289
30299
|
}, [isMobile]);
|
30290
|
-
|
30300
|
+
useEffect52(() => {
|
30291
30301
|
setActiveScreenSharePeer(activeSharePeer == null ? void 0 : activeSharePeer.id);
|
30292
30302
|
return () => {
|
30293
30303
|
setActiveScreenSharePeer("");
|
@@ -30307,7 +30317,7 @@ var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
|
|
30307
30317
|
|
30308
30318
|
// src/Prebuilt/components/VideoLayouts/WhiteboardLayout.tsx
|
30309
30319
|
init_define_process_env();
|
30310
|
-
import React152, { useEffect as
|
30320
|
+
import React152, { useEffect as useEffect53, useMemo as useMemo19 } from "react";
|
30311
30321
|
import { useMedia as useMedia36 } from "react-use";
|
30312
30322
|
import { Whiteboard } from "@100mslive/hms-whiteboard";
|
30313
30323
|
import { selectPeerByCondition, selectWhiteboard, useHMSStore as useHMSStore79, useWhiteboard as useWhiteboard2 } from "@100mslive/react-sdk";
|
@@ -30348,7 +30358,7 @@ var WhiteboardLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
|
|
30348
30358
|
}
|
30349
30359
|
return peers.filter((p) => p.id !== (whiteboardOwner == null ? void 0 : whiteboardOwner.id));
|
30350
30360
|
}, [whiteboardOwner, peers, isMobile, layoutMode]);
|
30351
|
-
|
30361
|
+
useEffect53(() => {
|
30352
30362
|
if (isMobile) {
|
30353
30363
|
setLayoutMode(LayoutMode.GALLERY);
|
30354
30364
|
return;
|
@@ -30526,7 +30536,7 @@ var GridLayout = ({
|
|
30526
30536
|
hideMetadataOnTile: hide_metadata_on_tile,
|
30527
30537
|
objectFit: video_object_fit
|
30528
30538
|
};
|
30529
|
-
|
30539
|
+
useEffect54(() => {
|
30530
30540
|
if (mainPage !== 0) {
|
30531
30541
|
return;
|
30532
30542
|
}
|
@@ -30583,7 +30593,7 @@ var GridLayout = ({
|
|
30583
30593
|
|
30584
30594
|
// src/Prebuilt/layouts/EmbedView.jsx
|
30585
30595
|
init_define_process_env();
|
30586
|
-
import React154, { useEffect as
|
30596
|
+
import React154, { useEffect as useEffect55, useMemo as useMemo21 } from "react";
|
30587
30597
|
import { selectAppData as selectAppData11, selectPeers as selectPeers4, selectPeerScreenSharing as selectPeerScreenSharing3, useEmbedShare, useHMSStore as useHMSStore81 } from "@100mslive/react-sdk";
|
30588
30598
|
var EmbedView = () => {
|
30589
30599
|
return /* @__PURE__ */ React154.createElement(EmbedScreenShareView, null, /* @__PURE__ */ React154.createElement(EmbedComponent, null));
|
@@ -30596,7 +30606,7 @@ var EmbedScreenShareView = ({ children }) => {
|
|
30596
30606
|
const smallTilePeers2 = peers.filter((peer) => peer.id !== (peerPresenting == null ? void 0 : peerPresenting.id));
|
30597
30607
|
return smallTilePeers2;
|
30598
30608
|
}, [peers, peerPresenting]);
|
30599
|
-
|
30609
|
+
useEffect55(() => {
|
30600
30610
|
setActiveScreenSharePeer(peerPresenting == null ? void 0 : peerPresenting.id);
|
30601
30611
|
return () => {
|
30602
30612
|
setActiveScreenSharePeer("");
|
@@ -30608,7 +30618,7 @@ var EmbedComponent = () => {
|
|
30608
30618
|
const embedConfig = useHMSStore81(selectAppData11(APP_DATA.embedConfig));
|
30609
30619
|
const resetConfig = useResetEmbedConfig();
|
30610
30620
|
const { iframeRef, startEmbedShare, isEmbedShareInProgress } = useEmbedShare(resetConfig);
|
30611
|
-
|
30621
|
+
useEffect55(() => {
|
30612
30622
|
(() => __async(void 0, null, function* () {
|
30613
30623
|
if (embedConfig && !isEmbedShareInProgress) {
|
30614
30624
|
try {
|
@@ -30656,18 +30666,18 @@ var EmbedComponent = () => {
|
|
30656
30666
|
|
30657
30667
|
// src/Prebuilt/layouts/PDFView.jsx
|
30658
30668
|
init_define_process_env();
|
30659
|
-
import React155, { useEffect as
|
30669
|
+
import React155, { useEffect as useEffect56 } from "react";
|
30660
30670
|
import { usePDFShare } from "@100mslive/react-sdk";
|
30661
30671
|
var PDFView = () => {
|
30662
30672
|
const pdfConfig = usePDFConfig();
|
30663
30673
|
const resetConfig = useResetPDFConfig();
|
30664
30674
|
const { iframeRef, startPDFShare, isPDFShareInProgress } = usePDFShare(resetConfig);
|
30665
|
-
|
30675
|
+
useEffect56(() => {
|
30666
30676
|
return () => {
|
30667
30677
|
resetConfig();
|
30668
30678
|
};
|
30669
30679
|
}, []);
|
30670
|
-
|
30680
|
+
useEffect56(() => {
|
30671
30681
|
(() => __async(void 0, null, function* () {
|
30672
30682
|
try {
|
30673
30683
|
if (!isPDFShareInProgress && pdfConfig) {
|
@@ -30715,7 +30725,7 @@ var PDFView = () => {
|
|
30715
30725
|
|
30716
30726
|
// src/Prebuilt/plugins/CaptionsViewer.tsx
|
30717
30727
|
init_define_process_env();
|
30718
|
-
import React156, { useEffect as
|
30728
|
+
import React156, { useEffect as useEffect57, useRef as useRef31, useState as useState66 } from "react";
|
30719
30729
|
import Draggable2 from "react-draggable";
|
30720
30730
|
import { useMedia as useMedia37 } from "react-use";
|
30721
30731
|
import {
|
@@ -30886,8 +30896,8 @@ var CaptionsViewer = ({
|
|
30886
30896
|
const [currentData, setCurrentData] = useState66([]);
|
30887
30897
|
const isCaptionEnabled = useIsCaptionEnabled();
|
30888
30898
|
const isTranscriptionEnabled = useHMSStore82(selectIsTranscriptionEnabled5);
|
30889
|
-
const nodeRef =
|
30890
|
-
|
30899
|
+
const nodeRef = useRef31(null);
|
30900
|
+
useEffect57(() => {
|
30891
30901
|
const timeInterval = setInterval(() => {
|
30892
30902
|
var _a8;
|
30893
30903
|
if (!captionQueue) {
|
@@ -30954,12 +30964,12 @@ var CaptionsViewer = ({
|
|
30954
30964
|
|
30955
30965
|
// src/Prebuilt/components/hooks/useCloseScreenshareWhiteboard.tsx
|
30956
30966
|
init_define_process_env();
|
30957
|
-
import { useEffect as
|
30967
|
+
import { useEffect as useEffect58 } from "react";
|
30958
30968
|
import { selectPeerScreenSharing as selectPeerScreenSharing4, useHMSStore as useHMSStore83, useWhiteboard as useWhiteboard3 } from "@100mslive/react-sdk";
|
30959
30969
|
var useCloseScreenshareWhiteboard = () => {
|
30960
30970
|
const peerSharing = useHMSStore83(selectPeerScreenSharing4);
|
30961
30971
|
const { isOwner: isWhiteboardOwner, toggle: toggleWhiteboard } = useWhiteboard3();
|
30962
|
-
|
30972
|
+
useEffect58(() => {
|
30963
30973
|
if (isWhiteboardOwner && peerSharing) {
|
30964
30974
|
toggleWhiteboard == null ? void 0 : toggleWhiteboard();
|
30965
30975
|
}
|
@@ -30967,7 +30977,7 @@ var useCloseScreenshareWhiteboard = () => {
|
|
30967
30977
|
};
|
30968
30978
|
|
30969
30979
|
// src/Prebuilt/layouts/VideoStreamingSection.tsx
|
30970
|
-
var HLSView = React157.lazy(() => import("./HLSView-
|
30980
|
+
var HLSView = React157.lazy(() => import("./HLSView-WY2KZLYW.js"));
|
30971
30981
|
var VideoStreamingSection = ({
|
30972
30982
|
screenType,
|
30973
30983
|
elements,
|
@@ -30986,7 +30996,7 @@ var VideoStreamingSection = ({
|
|
30986
30996
|
const [captionPosition, setCaptionPosition] = useState67({ x: isMobile ? 0 : -200, y: 0 });
|
30987
30997
|
useCloseScreenshareWhiteboard();
|
30988
30998
|
const { isNotAllowedToPublish, isScreenOnlyPublishParams, hasSubscribedRolePublishing } = useWaitingRoomInfo();
|
30989
|
-
|
30999
|
+
useEffect59(() => {
|
30990
31000
|
if (!isConnected) {
|
30991
31001
|
return;
|
30992
31002
|
}
|
@@ -31299,12 +31309,12 @@ var Header2 = () => {
|
|
31299
31309
|
|
31300
31310
|
// src/Prebuilt/components/PreviousRoleInMetadata.tsx
|
31301
31311
|
init_define_process_env();
|
31302
|
-
import { useEffect as
|
31312
|
+
import { useEffect as useEffect60 } from "react";
|
31303
31313
|
import { selectLocalPeerRoleName as selectLocalPeerRoleName7, useHMSVanillaStore as useHMSVanillaStore14 } from "@100mslive/react-sdk";
|
31304
31314
|
var PreviousRoleInMetadata = () => {
|
31305
31315
|
const vanillaStore = useHMSVanillaStore14();
|
31306
31316
|
const { updateMetaData } = useMyMetadata();
|
31307
|
-
|
31317
|
+
useEffect60(() => {
|
31308
31318
|
let previousRole = vanillaStore.getState(selectLocalPeerRoleName7);
|
31309
31319
|
const unsubscribe = vanillaStore.subscribe((currentRole) => {
|
31310
31320
|
if (previousRole !== currentRole && currentRole) {
|
@@ -31329,14 +31339,14 @@ var ConferenceScreen = () => {
|
|
31329
31339
|
const [hideControls, setHideControls] = useState68(false);
|
31330
31340
|
const dropdownList = useHMSStore87(selectAppData12(APP_DATA.dropdownList));
|
31331
31341
|
const authTokenInAppData = useAuthToken();
|
31332
|
-
const headerRef =
|
31333
|
-
const footerRef =
|
31342
|
+
const headerRef = useRef32(null);
|
31343
|
+
const footerRef = useRef32(null);
|
31334
31344
|
const isMobileDevice = isAndroid || isIOS || isIPadOS;
|
31335
|
-
const dropdownListRef =
|
31345
|
+
const dropdownListRef = useRef32();
|
31336
31346
|
const [isHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
|
31337
31347
|
const { requestPermission } = useAwayNotifications3();
|
31338
31348
|
const showChat = !!((_a7 = screenProps.elements) == null ? void 0 : _a7.chat);
|
31339
|
-
const autoRoomJoined =
|
31349
|
+
const autoRoomJoined = useRef32(isPreviewScreenEnabled);
|
31340
31350
|
const isMobileHLSStream = useMobileHLSStream();
|
31341
31351
|
const isLandscapeHLSStream = useLandscapeHLSStream();
|
31342
31352
|
const isMwebHLSStream = isMobileHLSStream || isLandscapeHLSStream;
|
@@ -31346,7 +31356,7 @@ var ConferenceScreen = () => {
|
|
31346
31356
|
setHideControls((value) => !value);
|
31347
31357
|
}
|
31348
31358
|
};
|
31349
|
-
|
31359
|
+
useEffect61(() => {
|
31350
31360
|
let timeout;
|
31351
31361
|
dropdownListRef.current = dropdownList || [];
|
31352
31362
|
if (dropdownListRef.current && dropdownListRef.current.length === 0) {
|
@@ -31361,7 +31371,7 @@ var ConferenceScreen = () => {
|
|
31361
31371
|
clearTimeout(timeout);
|
31362
31372
|
};
|
31363
31373
|
}, [dropdownList, hideControls, isMobileDevice]);
|
31364
|
-
|
31374
|
+
useEffect61(() => {
|
31365
31375
|
if (authTokenInAppData && !isConnectedToRoom && !isPreviewScreenEnabled && roomState !== HMSRoomState8.Connecting && !autoRoomJoined.current) {
|
31366
31376
|
hmsActions.join({
|
31367
31377
|
userName: userName || uuid3(),
|
@@ -31385,7 +31395,7 @@ var ConferenceScreen = () => {
|
|
31385
31395
|
userName,
|
31386
31396
|
requestPermission
|
31387
31397
|
]);
|
31388
|
-
|
31398
|
+
useEffect61(() => {
|
31389
31399
|
onJoinFunc == null ? void 0 : onJoinFunc();
|
31390
31400
|
return () => {
|
31391
31401
|
PictureInPicture.stop().catch((error) => console.error("stopping pip", error.message));
|
@@ -31566,11 +31576,11 @@ var ErrorBoundary = class extends Component {
|
|
31566
31576
|
|
31567
31577
|
// src/Prebuilt/components/init/Init.jsx
|
31568
31578
|
init_define_process_env();
|
31569
|
-
import React163, { useEffect as
|
31579
|
+
import React163, { useEffect as useEffect63 } from "react";
|
31570
31580
|
|
31571
31581
|
// src/Prebuilt/services/FeatureFlags.jsx
|
31572
31582
|
init_define_process_env();
|
31573
|
-
import { useEffect as
|
31583
|
+
import { useEffect as useEffect62 } from "react";
|
31574
31584
|
import { selectRoomID, useHMSStore as useHMSStore88 } from "@100mslive/react-sdk";
|
31575
31585
|
var FeatureFlags = class {
|
31576
31586
|
static init(roomId) {
|
@@ -31597,7 +31607,7 @@ __publicField(FeatureFlags, "enableStatsForNerds", define_process_env_default.RE
|
|
31597
31607
|
__publicField(FeatureFlags, "enableWhiteboard", define_process_env_default.REACT_APP_ENABLE_WHITEBOARD && define_process_env_default.REACT_APP_PUSHER_APP_KEY && define_process_env_default.REACT_APP_PUSHER_AUTHENDPOINT);
|
31598
31608
|
function FeatureFlagsInit() {
|
31599
31609
|
const roomId = useHMSStore88(selectRoomID);
|
31600
|
-
|
31610
|
+
useEffect62(() => {
|
31601
31611
|
if (roomId) {
|
31602
31612
|
FeatureFlags.init(roomId);
|
31603
31613
|
}
|
@@ -31608,10 +31618,10 @@ function FeatureFlagsInit() {
|
|
31608
31618
|
// src/Prebuilt/components/init/Init.jsx
|
31609
31619
|
var Init = () => {
|
31610
31620
|
const { toggleTheme } = useTheme();
|
31611
|
-
|
31621
|
+
useEffect63(() => {
|
31612
31622
|
window.toggleUiTheme = toggleTheme;
|
31613
31623
|
}, [toggleTheme]);
|
31614
|
-
|
31624
|
+
useEffect63(() => {
|
31615
31625
|
function resetHeight() {
|
31616
31626
|
var _a7;
|
31617
31627
|
document.body.style.height = `${((_a7 = window.visualViewport) == null ? void 0 : _a7.height) || window.innerHeight}px`;
|
@@ -31627,7 +31637,7 @@ var Init = () => {
|
|
31627
31637
|
|
31628
31638
|
// src/Prebuilt/components/Input/KeyboardInputManager.js
|
31629
31639
|
init_define_process_env();
|
31630
|
-
import { useEffect as
|
31640
|
+
import { useEffect as useEffect64 } from "react";
|
31631
31641
|
import {
|
31632
31642
|
selectAppData as selectAppData13,
|
31633
31643
|
selectIsLocalAudioEnabled as selectIsLocalAudioEnabled2,
|
@@ -31722,7 +31732,7 @@ _unbind = new WeakMap();
|
|
31722
31732
|
var KeyboardHandler = () => {
|
31723
31733
|
const store = useHMSVanillaStore15();
|
31724
31734
|
const actions = useHMSActions51();
|
31725
|
-
|
31735
|
+
useEffect64(() => {
|
31726
31736
|
const keyboardManager = new KeyboardInputManager(store, actions);
|
31727
31737
|
keyboardManager.bindAllShortcuts();
|
31728
31738
|
return keyboardManager.unbindAllShortcuts;
|
@@ -32247,7 +32257,7 @@ var LeaveScreen = () => {
|
|
32247
32257
|
|
32248
32258
|
// src/Prebuilt/components/MwebLandscapePrompt.tsx
|
32249
32259
|
init_define_process_env();
|
32250
|
-
import React168, { useEffect as
|
32260
|
+
import React168, { useEffect as useEffect65, useState as useState71 } from "react";
|
32251
32261
|
import { useMedia as useMedia44 } from "react-use";
|
32252
32262
|
import { match as match14, P as P6 } from "ts-pattern";
|
32253
32263
|
import { RefreshIcon } from "@100mslive/react-icons";
|
@@ -32255,7 +32265,7 @@ var MwebLandscapePrompt = () => {
|
|
32255
32265
|
const [showMwebLandscapePrompt, setShowMwebLandscapePrompt] = useState71(false);
|
32256
32266
|
const isLandscape = useMedia44(config.media.ls);
|
32257
32267
|
const isLandscapeHLSStream = useLandscapeHLSStream();
|
32258
|
-
|
32268
|
+
useEffect65(() => {
|
32259
32269
|
var _a7;
|
32260
32270
|
if (!isMobileUserAgent) {
|
32261
32271
|
setShowMwebLandscapePrompt(false);
|
@@ -32300,7 +32310,7 @@ init_define_process_env();
|
|
32300
32310
|
|
32301
32311
|
// src/Prebuilt/components/Notifications/Notifications.tsx
|
32302
32312
|
init_define_process_env();
|
32303
|
-
import React177, { useCallback as useCallback36, useEffect as
|
32313
|
+
import React177, { useCallback as useCallback36, useEffect as useEffect76 } from "react";
|
32304
32314
|
import {
|
32305
32315
|
HMSNotificationTypes as HMSNotificationTypes11,
|
32306
32316
|
HMSRoomState as HMSRoomState10,
|
@@ -32349,7 +32359,7 @@ function AutoplayBlockedModal() {
|
|
32349
32359
|
|
32350
32360
|
// src/Prebuilt/components/Notifications/ChatNotifications.tsx
|
32351
32361
|
init_define_process_env();
|
32352
|
-
import React170, { useEffect as
|
32362
|
+
import React170, { useEffect as useEffect66 } from "react";
|
32353
32363
|
import { v4 as uuid4 } from "uuid";
|
32354
32364
|
import { selectLocalPeerID as selectLocalPeerID14, selectSessionStore as selectSessionStore13, useHMSStore as useHMSStore89 } from "@100mslive/react-sdk";
|
32355
32365
|
import { ChatIcon as ChatIcon2, ChatUnreadIcon } from "@100mslive/react-icons";
|
@@ -32357,7 +32367,7 @@ var NOTIFICATION_TIME_DIFFERENCE = 5e3;
|
|
32357
32367
|
var ChatNotifications = () => {
|
32358
32368
|
const chatState = useHMSStore89(selectSessionStore13("chatState" /* CHAT_STATE */));
|
32359
32369
|
const localPeerId = useHMSStore89(selectLocalPeerID14);
|
32360
|
-
|
32370
|
+
useEffect66(() => {
|
32361
32371
|
var _a7, _b7;
|
32362
32372
|
if (!chatState || ((_a7 = chatState.updatedBy) == null ? void 0 : _a7.peerId) === localPeerId) {
|
32363
32373
|
return;
|
@@ -32378,7 +32388,7 @@ var ChatNotifications = () => {
|
|
32378
32388
|
|
32379
32389
|
// src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx
|
32380
32390
|
init_define_process_env();
|
32381
|
-
import { useEffect as
|
32391
|
+
import { useEffect as useEffect67 } from "react";
|
32382
32392
|
import { useDebounce as useDebounce2 } from "react-use";
|
32383
32393
|
import {
|
32384
32394
|
HMSNotificationTypes as HMSNotificationTypes2,
|
@@ -32638,7 +32648,7 @@ var HandRaisedNotifications = () => {
|
|
32638
32648
|
const amIScreenSharing = useHMSStore91(selectIsLocalScreenShared3);
|
32639
32649
|
const { showNotification } = useAwayNotifications4();
|
32640
32650
|
const logoURL = (_b7 = (_a7 = useRoomLayout()) == null ? void 0 : _a7.logo) == null ? void 0 : _b7.url;
|
32641
|
-
|
32651
|
+
useEffect67(() => {
|
32642
32652
|
var _a8;
|
32643
32653
|
if (!(notification == null ? void 0 : notification.data)) {
|
32644
32654
|
return;
|
@@ -32678,13 +32688,13 @@ var HandRaisedNotifications = () => {
|
|
32678
32688
|
|
32679
32689
|
// src/Prebuilt/components/Notifications/InitErrorModal.tsx
|
32680
32690
|
init_define_process_env();
|
32681
|
-
import React172, { useEffect as
|
32691
|
+
import React172, { useEffect as useEffect68, useState as useState72 } from "react";
|
32682
32692
|
import { HMSNotificationTypes as HMSNotificationTypes3, useHMSNotifications as useHMSNotifications3 } from "@100mslive/react-sdk";
|
32683
32693
|
var InitErrorModal = () => {
|
32684
32694
|
const notification = useHMSNotifications3(HMSNotificationTypes3.ERROR);
|
32685
32695
|
const [showModal, setShowModal] = useState72(false);
|
32686
32696
|
const [info, setInfo] = useState72({ title: "Init Error", description: "" });
|
32687
|
-
|
32697
|
+
useEffect68(() => {
|
32688
32698
|
const data3 = notification == null ? void 0 : notification.data;
|
32689
32699
|
if (!data3 || data3.action !== "INIT") {
|
32690
32700
|
return;
|
@@ -32709,7 +32719,7 @@ var InitErrorModal = () => {
|
|
32709
32719
|
|
32710
32720
|
// src/Prebuilt/components/Notifications/PeerNotifications.tsx
|
32711
32721
|
init_define_process_env();
|
32712
|
-
import { useEffect as
|
32722
|
+
import { useEffect as useEffect69 } from "react";
|
32713
32723
|
import { HMSNotificationTypes as HMSNotificationTypes4, useHMSNotifications as useHMSNotifications4 } from "@100mslive/react-sdk";
|
32714
32724
|
var notificationTypes = [HMSNotificationTypes4.PEER_JOINED, HMSNotificationTypes4.PEER_LEFT];
|
32715
32725
|
var PeerNotifications = () => {
|
@@ -32717,7 +32727,7 @@ var PeerNotifications = () => {
|
|
32717
32727
|
const isPeerJoinSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_JOINED);
|
32718
32728
|
const isPeerLeftSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_LEFT);
|
32719
32729
|
const [selectedPeer, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
|
32720
|
-
|
32730
|
+
useEffect69(() => {
|
32721
32731
|
if (!(notification == null ? void 0 : notification.data)) {
|
32722
32732
|
return;
|
32723
32733
|
}
|
@@ -32746,7 +32756,7 @@ var PeerNotifications = () => {
|
|
32746
32756
|
|
32747
32757
|
// src/Prebuilt/components/Notifications/PermissionErrorModal.tsx
|
32748
32758
|
init_define_process_env();
|
32749
|
-
import React173, { useEffect as
|
32759
|
+
import React173, { useEffect as useEffect70, useState as useState73 } from "react";
|
32750
32760
|
import { useMedia as useMedia45 } from "react-use";
|
32751
32761
|
import { HMSNotificationTypes as HMSNotificationTypes5, useHMSNotifications as useHMSNotifications5 } from "@100mslive/react-sdk";
|
32752
32762
|
|
@@ -32765,7 +32775,7 @@ var PermissionErrorModal = ({ error }) => {
|
|
32765
32775
|
const [deviceType, setDeviceType] = useState73("");
|
32766
32776
|
const [isSystemError, setIsSystemError] = useState73(false);
|
32767
32777
|
const isMobile = useMedia45(config.media.md);
|
32768
|
-
|
32778
|
+
useEffect70(() => {
|
32769
32779
|
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"))) {
|
32770
32780
|
return;
|
32771
32781
|
}
|
@@ -32821,7 +32831,7 @@ var PermissionErrorModal = ({ error }) => {
|
|
32821
32831
|
|
32822
32832
|
// src/Prebuilt/components/Notifications/ReconnectNotifications.tsx
|
32823
32833
|
init_define_process_env();
|
32824
|
-
import { useEffect as
|
32834
|
+
import { useEffect as useEffect71, useRef as useRef33 } from "react";
|
32825
32835
|
import { HMSNotificationTypes as HMSNotificationTypes6, useHMSNotifications as useHMSNotifications6 } from "@100mslive/react-sdk";
|
32826
32836
|
var notificationTypes2 = [
|
32827
32837
|
HMSNotificationTypes6.RECONNECTED,
|
@@ -32831,8 +32841,8 @@ var notificationTypes2 = [
|
|
32831
32841
|
var notificationId = null;
|
32832
32842
|
var ReconnectNotifications = () => {
|
32833
32843
|
const notification = useHMSNotifications6(notificationTypes2);
|
32834
|
-
const prevErrorCode =
|
32835
|
-
|
32844
|
+
const prevErrorCode = useRef33(0);
|
32845
|
+
useEffect71(() => {
|
32836
32846
|
var _a7, _b7;
|
32837
32847
|
if (!notification) {
|
32838
32848
|
return;
|
@@ -32855,7 +32865,7 @@ var ReconnectNotifications = () => {
|
|
32855
32865
|
|
32856
32866
|
// src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx
|
32857
32867
|
init_define_process_env();
|
32858
|
-
import React174, { useEffect as
|
32868
|
+
import React174, { useEffect as useEffect72, useState as useState74 } from "react";
|
32859
32869
|
import {
|
32860
32870
|
HMSNotificationTypes as HMSNotificationTypes7,
|
32861
32871
|
useHMSActions as useHMSActions54,
|
@@ -32870,7 +32880,7 @@ var TrackBulkUnmuteModal = () => {
|
|
32870
32880
|
HMSNotificationTypes7.ROOM_ENDED,
|
32871
32881
|
HMSNotificationTypes7.REMOVED_FROM_ROOM
|
32872
32882
|
]);
|
32873
|
-
|
32883
|
+
useEffect72(() => {
|
32874
32884
|
switch (notification == null ? void 0 : notification.type) {
|
32875
32885
|
case HMSNotificationTypes7.REMOVED_FROM_ROOM:
|
32876
32886
|
case HMSNotificationTypes7.ROOM_ENDED:
|
@@ -32909,7 +32919,7 @@ var TrackBulkUnmuteModal = () => {
|
|
32909
32919
|
|
32910
32920
|
// src/Prebuilt/components/Notifications/TrackNotifications.tsx
|
32911
32921
|
init_define_process_env();
|
32912
|
-
import { useEffect as
|
32922
|
+
import { useEffect as useEffect73 } from "react";
|
32913
32923
|
import { HMSNotificationTypes as HMSNotificationTypes8, useHMSNotifications as useHMSNotifications8 } from "@100mslive/react-sdk";
|
32914
32924
|
var notificationTypes3 = [
|
32915
32925
|
HMSNotificationTypes8.TRACK_ADDED,
|
@@ -32919,7 +32929,7 @@ var notificationTypes3 = [
|
|
32919
32929
|
];
|
32920
32930
|
var TrackNotifications = () => {
|
32921
32931
|
const notification = useHMSNotifications8(notificationTypes3);
|
32922
|
-
|
32932
|
+
useEffect73(() => {
|
32923
32933
|
if (notification) {
|
32924
32934
|
console.debug(`[${notification.type}]`, notification);
|
32925
32935
|
}
|
@@ -32929,7 +32939,7 @@ var TrackNotifications = () => {
|
|
32929
32939
|
|
32930
32940
|
// src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx
|
32931
32941
|
init_define_process_env();
|
32932
|
-
import React175, { useEffect as
|
32942
|
+
import React175, { useEffect as useEffect74, useState as useState75 } from "react";
|
32933
32943
|
import {
|
32934
32944
|
HMSNotificationTypes as HMSNotificationTypes9,
|
32935
32945
|
useHMSActions as useHMSActions55,
|
@@ -32944,7 +32954,7 @@ var TrackUnmuteModal = () => {
|
|
32944
32954
|
HMSNotificationTypes9.REMOVED_FROM_ROOM
|
32945
32955
|
]);
|
32946
32956
|
const [muteNotification, setMuteNotification] = useState75(null);
|
32947
|
-
|
32957
|
+
useEffect74(() => {
|
32948
32958
|
switch (notification == null ? void 0 : notification.type) {
|
32949
32959
|
case HMSNotificationTypes9.REMOVED_FROM_ROOM:
|
32950
32960
|
case HMSNotificationTypes9.ROOM_ENDED:
|
@@ -32980,14 +32990,14 @@ var TrackUnmuteModal = () => {
|
|
32980
32990
|
|
32981
32991
|
// src/Prebuilt/components/Notifications/TranscriptionNotifications.tsx
|
32982
32992
|
init_define_process_env();
|
32983
|
-
import React176, { useEffect as
|
32993
|
+
import React176, { useEffect as useEffect75 } from "react";
|
32984
32994
|
import { match as match15 } from "ts-pattern";
|
32985
32995
|
import { HMSNotificationTypes as HMSNotificationTypes10, HMSTranscriptionState, useHMSNotifications as useHMSNotifications10 } from "@100mslive/react-sdk";
|
32986
32996
|
import { AlertTriangleIcon as AlertTriangleIcon8, ClosedCaptionIcon as ClosedCaptionIcon3, OpenCaptionIcon as OpenCaptionIcon4 } from "@100mslive/react-icons";
|
32987
32997
|
var TranscriptionNotifications = () => {
|
32988
32998
|
const notification = useHMSNotifications10(HMSNotificationTypes10.TRANSCRIPTION_STATE_UPDATED);
|
32989
32999
|
const [toastId, setToastId] = useSetAppDataByKey(CAPTION_TOAST.captionToast);
|
32990
|
-
|
33000
|
+
useEffect75(() => {
|
32991
33001
|
if (!(notification == null ? void 0 : notification.data)) {
|
32992
33002
|
return;
|
32993
33003
|
}
|
@@ -33049,7 +33059,7 @@ function Notifications() {
|
|
33049
33059
|
});
|
33050
33060
|
}, []);
|
33051
33061
|
useCustomEvent4({ type: ROLE_CHANGE_DECLINED, onEvent: handleRoleChangeDenied });
|
33052
|
-
|
33062
|
+
useEffect76(() => {
|
33053
33063
|
var _a8, _b8, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m2, _n2, _o2, _p, _q;
|
33054
33064
|
if (!notification || isNotificationDisabled) {
|
33055
33065
|
return;
|
@@ -33235,7 +33245,7 @@ var PreviewScreen = () => {
|
|
33235
33245
|
|
33236
33246
|
// src/Prebuilt/components/Toast/ToastContainer.jsx
|
33237
33247
|
init_define_process_env();
|
33238
|
-
import React181, { useEffect as
|
33248
|
+
import React181, { useEffect as useEffect77, useState as useState77 } from "react";
|
33239
33249
|
import { selectIsConnectedToRoom as selectIsConnectedToRoom11, useHMSStore as useHMSStore93 } from "@100mslive/react-sdk";
|
33240
33250
|
|
33241
33251
|
// src/Prebuilt/components/Toast/Toast.jsx
|
@@ -33261,7 +33271,7 @@ var Toast2 = (_a7) => {
|
|
33261
33271
|
var ToastContainer = () => {
|
33262
33272
|
const isConnected = useHMSStore93(selectIsConnectedToRoom11);
|
33263
33273
|
const [toasts, setToast] = useState77([]);
|
33264
|
-
|
33274
|
+
useEffect77(() => {
|
33265
33275
|
ToastManager.addListener(setToast);
|
33266
33276
|
return () => {
|
33267
33277
|
ToastManager.removeListener(setToast);
|
@@ -33316,7 +33326,7 @@ var Sheet2 = () => {
|
|
33316
33326
|
|
33317
33327
|
// src/Prebuilt/plugins/FlyingEmoji.jsx
|
33318
33328
|
init_define_process_env();
|
33319
|
-
import React184, { useCallback as useCallback38, useEffect as
|
33329
|
+
import React184, { useCallback as useCallback38, useEffect as useEffect78, useMemo as useMemo23, useState as useState78 } from "react";
|
33320
33330
|
import { useMedia as useMedia46 } from "react-use";
|
33321
33331
|
import {
|
33322
33332
|
selectIsLargeRoom as selectIsLargeRoom4,
|
@@ -33390,7 +33400,7 @@ function FlyingEmoji() {
|
|
33390
33400
|
type: EMOJI_REACTION_TYPE,
|
33391
33401
|
onEvent: showFlyingEmoji
|
33392
33402
|
});
|
33393
|
-
|
33403
|
+
useEffect78(() => {
|
33394
33404
|
window.showFlyingEmoji = showFlyingEmoji;
|
33395
33405
|
}, [showFlyingEmoji]);
|
33396
33406
|
return /* @__PURE__ */ React184.createElement(
|
@@ -33469,7 +33479,7 @@ function RemoteStopScreenshare() {
|
|
33469
33479
|
|
33470
33480
|
// src/Prebuilt/components/hooks/useAutoStartStreaming.tsx
|
33471
33481
|
init_define_process_env();
|
33472
|
-
import { useCallback as useCallback40, useEffect as
|
33482
|
+
import { useCallback as useCallback40, useEffect as useEffect79, useRef as useRef34 } from "react";
|
33473
33483
|
import {
|
33474
33484
|
selectIsConnectedToRoom as selectIsConnectedToRoom12,
|
33475
33485
|
selectPermissions as selectPermissions20,
|
@@ -33484,7 +33494,7 @@ var useAutoStartStreaming = () => {
|
|
33484
33494
|
const hmsActions = useHMSActions58();
|
33485
33495
|
const isConnected = useHMSStore96(selectIsConnectedToRoom12);
|
33486
33496
|
const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = useRecordingStreaming12();
|
33487
|
-
const streamStartedRef =
|
33497
|
+
const streamStartedRef = useRef34(false);
|
33488
33498
|
const startHLS = useCallback40(() => __async(void 0, null, function* () {
|
33489
33499
|
try {
|
33490
33500
|
if (isHLSStarted || !showStreamingUI || isHLSRunning || isRTMPRunning || isHLSRecordingOn || isBrowserRecordingOn) {
|
@@ -33508,12 +33518,12 @@ var useAutoStartStreaming = () => {
|
|
33508
33518
|
isHLSRecordingOn,
|
33509
33519
|
isBrowserRecordingOn
|
33510
33520
|
]);
|
33511
|
-
|
33521
|
+
useEffect79(() => {
|
33512
33522
|
if (!isHLSStarted && !isHLSRunning) {
|
33513
33523
|
streamStartedRef.current = false;
|
33514
33524
|
}
|
33515
33525
|
}, [isHLSStarted, isHLSRunning]);
|
33516
|
-
|
33526
|
+
useEffect79(() => {
|
33517
33527
|
if (!isConnected || streamStartedRef.current || !(permissions == null ? void 0 : permissions.hlsStreaming)) {
|
33518
33528
|
return;
|
33519
33529
|
}
|
@@ -33537,9 +33547,9 @@ var HMSPrebuilt = React186.forwardRef(
|
|
33537
33547
|
onJoin
|
33538
33548
|
}, ref) => {
|
33539
33549
|
var _a7, _b7, _c, _d;
|
33540
|
-
const reactiveStore =
|
33550
|
+
const reactiveStore = useRef35();
|
33541
33551
|
const [hydrated, setHydrated] = React186.useState(false);
|
33542
|
-
|
33552
|
+
useEffect80(() => {
|
33543
33553
|
setHydrated(true);
|
33544
33554
|
const hms = new HMSReactiveStore();
|
33545
33555
|
const hmsStore = hms.getStore();
|
@@ -33554,13 +33564,13 @@ var HMSPrebuilt = React186.forwardRef(
|
|
33554
33564
|
hmsNotifications
|
33555
33565
|
};
|
33556
33566
|
}, []);
|
33557
|
-
|
33567
|
+
useEffect80(() => {
|
33558
33568
|
if (!ref || !reactiveStore.current) {
|
33559
33569
|
return;
|
33560
33570
|
}
|
33561
33571
|
ref.current = __spreadValues({}, reactiveStore.current);
|
33562
33572
|
}, [ref]);
|
33563
|
-
|
33573
|
+
useEffect80(() => {
|
33564
33574
|
return () => {
|
33565
33575
|
var _a8;
|
33566
33576
|
VBHandler.reset();
|
@@ -33568,10 +33578,10 @@ var HMSPrebuilt = React186.forwardRef(
|
|
33568
33578
|
};
|
33569
33579
|
}, []);
|
33570
33580
|
const endpointsObj = endpoints;
|
33571
|
-
const tokenByRoomCodeEndpoint =
|
33572
|
-
const initEndpoint =
|
33573
|
-
const eventEndpoint =
|
33574
|
-
const roomLayoutEndpoint =
|
33581
|
+
const tokenByRoomCodeEndpoint = endpointsObj == null ? void 0 : endpointsObj.tokenByRoomCode;
|
33582
|
+
const initEndpoint = endpointsObj == null ? void 0 : endpointsObj.init;
|
33583
|
+
const eventEndpoint = endpointsObj == null ? void 0 : endpointsObj.event;
|
33584
|
+
const roomLayoutEndpoint = endpointsObj == null ? void 0 : endpointsObj.roomLayout;
|
33575
33585
|
const overrideLayout = {
|
33576
33586
|
logo,
|
33577
33587
|
themes,
|
@@ -33676,7 +33686,7 @@ var AppStates = ({ activeState }) => {
|
|
33676
33686
|
var BackSwipe = () => {
|
33677
33687
|
const isConnectedToRoom = useHMSStore97(selectIsConnectedToRoom13);
|
33678
33688
|
const hmsActions = useHMSActions59();
|
33679
|
-
|
33689
|
+
useEffect80(() => {
|
33680
33690
|
const onRouteLeave = () => __async(void 0, null, function* () {
|
33681
33691
|
if (isConnectedToRoom) {
|
33682
33692
|
yield hmsActions.leave();
|
@@ -33727,7 +33737,7 @@ init_define_process_env();
|
|
33727
33737
|
|
33728
33738
|
// src/Diagnostics/Diagnostics.tsx
|
33729
33739
|
init_define_process_env();
|
33730
|
-
import React194, { useCallback as useCallback42, useRef as
|
33740
|
+
import React194, { useCallback as useCallback42, useRef as useRef37, useState as useState84 } from "react";
|
33731
33741
|
import { HMSRoomProvider as HMSRoomProvider2, useHMSActions as useHMSActions61 } from "@100mslive/react-sdk";
|
33732
33742
|
import {
|
33733
33743
|
CheckCircleIcon as CheckCircleIcon7,
|
@@ -33740,7 +33750,7 @@ import {
|
|
33740
33750
|
|
33741
33751
|
// src/Diagnostics/AudioTest.tsx
|
33742
33752
|
init_define_process_env();
|
33743
|
-
import React190, { useCallback as useCallback41, useEffect as
|
33753
|
+
import React190, { useCallback as useCallback41, useEffect as useEffect81, useState as useState80 } from "react";
|
33744
33754
|
import {
|
33745
33755
|
selectDevices,
|
33746
33756
|
selectLocalAudioTrackID as selectLocalAudioTrackID2,
|
@@ -33833,11 +33843,11 @@ var TestFooter = ({
|
|
33833
33843
|
// src/Diagnostics/DeviceSelector.jsx
|
33834
33844
|
init_define_process_env();
|
33835
33845
|
var import_prop_types = __toESM(require_prop_types());
|
33836
|
-
import React189, { useRef as
|
33846
|
+
import React189, { useRef as useRef36, useState as useState79 } from "react";
|
33837
33847
|
var DeviceSelector2 = ({ title, devices, selection, onChange, icon, children = null }) => {
|
33838
33848
|
var _a7, _b7;
|
33839
33849
|
const [open, setOpen] = useState79(false);
|
33840
|
-
const ref =
|
33850
|
+
const ref = useRef36(null);
|
33841
33851
|
return /* @__PURE__ */ React189.createElement(Box, { css: { mb: "$6" } }, /* @__PURE__ */ React189.createElement(Text, { css: { mb: "$4" } }, title), /* @__PURE__ */ React189.createElement(
|
33842
33852
|
Flex,
|
33843
33853
|
{
|
@@ -34011,7 +34021,7 @@ var AudioTest = () => {
|
|
34011
34021
|
},
|
34012
34022
|
[updateStep, setErrorAlone]
|
34013
34023
|
);
|
34014
|
-
|
34024
|
+
useEffect81(() => {
|
34015
34025
|
hmsDiagnostics == null ? void 0 : hmsDiagnostics.requestPermission({ audio: true }).catch((error2) => setError(error2));
|
34016
34026
|
}, [hmsDiagnostics, setError]);
|
34017
34027
|
return /* @__PURE__ */ React190.createElement(React190.Fragment, null, /* @__PURE__ */ React190.createElement(TestContainer, null, /* @__PURE__ */ React190.createElement(Text, { variant: "body2", css: { c: "$on_primary_medium" } }, "Record a 10 second audio clip and play it back to check that your microphone and speaker are working. If they aren't, make sure your volume is turned up, try a different speaker or microphone, or check your bluetooth settings."), /* @__PURE__ */ React190.createElement(
|
@@ -34033,7 +34043,7 @@ var AudioTest = () => {
|
|
34033
34043
|
|
34034
34044
|
// src/Diagnostics/BrowserTest.tsx
|
34035
34045
|
init_define_process_env();
|
34036
|
-
import React191, { useEffect as
|
34046
|
+
import React191, { useEffect as useEffect82, useState as useState81 } from "react";
|
34037
34047
|
import { parsedUserAgent as parsedUserAgent4 } from "@100mslive/react-sdk";
|
34038
34048
|
var CMS_MEDIA_SERVER = "https://storage.googleapis.com/100ms-cms-prod/";
|
34039
34049
|
var operatingSystemIconInfo = {
|
@@ -34120,7 +34130,7 @@ var BrowserTest = () => {
|
|
34120
34130
|
var _a7, _b7, _c, _d;
|
34121
34131
|
const { hmsDiagnostics, updateStep } = useDiagnostics();
|
34122
34132
|
const [error, setError] = useState81();
|
34123
|
-
|
34133
|
+
useEffect82(() => {
|
34124
34134
|
try {
|
34125
34135
|
hmsDiagnostics == null ? void 0 : hmsDiagnostics.checkBrowserSupport();
|
34126
34136
|
} catch (err) {
|
@@ -34369,7 +34379,7 @@ var downloadJson = (obj, fileName) => {
|
|
34369
34379
|
|
34370
34380
|
// src/Diagnostics/VideoTest.tsx
|
34371
34381
|
init_define_process_env();
|
34372
|
-
import React193, { useEffect as
|
34382
|
+
import React193, { useEffect as useEffect83, useState as useState83 } from "react";
|
34373
34383
|
import {
|
34374
34384
|
selectDevices as selectDevices2,
|
34375
34385
|
selectLocalMediaSettings as selectLocalMediaSettings2,
|
@@ -34384,7 +34394,7 @@ var VideoTest = () => {
|
|
34384
34394
|
const trackID = useHMSStore99(selectLocalVideoTrackID4);
|
34385
34395
|
const sdkSelectedDevices = useHMSStore99(selectLocalMediaSettings2);
|
34386
34396
|
const [error, setError] = useState83();
|
34387
|
-
|
34397
|
+
useEffect83(() => {
|
34388
34398
|
hmsDiagnostics == null ? void 0 : hmsDiagnostics.startCameraCheck().catch((err) => {
|
34389
34399
|
updateStep(1 /* VIDEO */, { hasFailed: true });
|
34390
34400
|
setError(err);
|
@@ -34509,7 +34519,7 @@ var DiagnosticsProvider = () => {
|
|
34509
34519
|
const actions = useHMSActions61();
|
34510
34520
|
const [activeStep, setActiveStep] = useState84(0);
|
34511
34521
|
const [steps, setSteps] = useState84(initialSteps);
|
34512
|
-
const diagnosticsRef =
|
34522
|
+
const diagnosticsRef = useRef37(actions.initDiagnostics());
|
34513
34523
|
const updateStep = useCallback42((step, value) => {
|
34514
34524
|
setSteps((prevSteps) => __spreadProps(__spreadValues({}, prevSteps), { [step]: __spreadValues(__spreadValues({}, prevSteps[step]), value) }));
|
34515
34525
|
}, []);
|
@@ -34663,4 +34673,4 @@ object-assign/index.js:
|
|
34663
34673
|
@license MIT
|
34664
34674
|
*)
|
34665
34675
|
*/
|
34666
|
-
//# sourceMappingURL=chunk-
|
34676
|
+
//# sourceMappingURL=chunk-I6M7HK22.js.map
|