@100mslive/roomkit-react 0.3.12-alpha.0 → 0.3.12-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{HLSView-OAQTW322.css → HLSView-BJWPNE7P.css} +3 -3
- package/dist/{HLSView-OAQTW322.css.map → HLSView-BJWPNE7P.css.map} +1 -1
- package/dist/{HLSView-2BPYWKSN.js → HLSView-EHEKBMBJ.js} +2 -2
- package/dist/Prebuilt/components/Notifications/TranscriptionNotifications.d.ts +1 -0
- package/dist/{chunk-D5F44IP2.js → chunk-ZPUJUJBA.js} +119 -110
- package/dist/chunk-ZPUJUJBA.js.map +7 -0
- package/dist/index.cjs.css +2 -2
- package/dist/index.cjs.css.map +1 -1
- package/dist/index.cjs.js +181 -161
- 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 +80 -16
- package/dist/meta.esbuild.json +97 -33
- package/package.json +7 -7
- package/src/Prebuilt/components/MoreSettings/CaptionContent.tsx +3 -4
- package/src/Prebuilt/components/Notifications/Notifications.tsx +5 -44
- package/src/Prebuilt/components/Notifications/TranscriptionNotifications.tsx +58 -0
- package/dist/chunk-D5F44IP2.js.map +0 -7
- /package/dist/{HLSView-2BPYWKSN.js.map → HLSView-EHEKBMBJ.js.map} +0 -0
|
@@ -35,7 +35,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
35
35
|
var define_process_env_default;
|
|
36
36
|
var init_define_process_env = __esm({
|
|
37
37
|
"<define:process.env>"() {
|
|
38
|
-
define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_d9e70c58-3ac7-4ff1-b0ea-3339cd9dd05d", GIT_CLONE_PROTECTION_ACTIVE: "false", 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.2-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.3 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.12-alpha.0", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_d9e70c58-3ac7-4ff1-b0ea-3339cd9dd05d", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.3/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.12-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.8", 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.7", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.3.11579264", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "594", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_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.10/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240526.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.3/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:3986", 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.12-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: "9269035618", 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: "5e32c0c62aba5aa7786a01912511da6ac33461a2", 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: "a032bdda38522f03fc4df5ac19864f12bd248241bd91a11225af8148788acdf6", 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--1716898360070-0.881364093455451:/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.3/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1716898359878-0.8488005882304257:/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.3/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1716898334486-0.8594319896409424:/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.3/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1716898334308-0.23460802030975314:/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.3/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/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.3/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_ba133ce6-833f-402a-8dd1-b021c5a4b24a", INVOCATION_ID: "f4fd7e7f03a246579fee24c687ded40c", 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: "557", GITHUB_TRIGGERING_ACTOR: "raviteja83", 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_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 423", 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/25.2.9519653", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.10.12-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.12-alpha.0", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", GITHUB_SHA: "5e32c0c62aba5aa7786a01912511da6ac33461a2", 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: "raviteja83", 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_d9e70c58-3ac7-4ff1-b0ea-3339cd9dd05d", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "6763261", 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_d9e70c58-3ac7-4ff1-b0ea-3339cd9dd05d", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/25.2.9519653", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.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__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_d9e70c58-3ac7-4ff1-b0ea-3339cd9dd05d" };
|
|
38
|
+
define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_87bb0559-bcd7-4532-a344-450242e5ef47", GIT_CLONE_PROTECTION_ACTIVE: "false", 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.2-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.3 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.12-alpha.1", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_87bb0559-bcd7-4532-a344-450242e5ef47", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.3/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.12-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.8", 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.7", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.3.11579264", 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: "590", 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.10/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240526.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.3/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:15013", 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.12-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: "9281845565", 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: "d1da18b74e26ac0defecd1509864a9d8dd8c258e", 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: "99a73bbe8b457a4540f1d00f7ca11ccf08fd5656792336b8e1bd978fdde902a6", 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--1716967046057-0.9148860350872108:/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.3/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1716967045849-0.5311695091924935:/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.3/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1716967020806-0.8731716501097568:/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.3/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1716967020632-0.507700896354027:/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.3/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.3/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.3/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_7c6c6dce-ad70-4baf-871f-21c711a34ae6", INVOCATION_ID: "0d21648158a3449e8f908e82f97dd020", 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: "558", 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_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 240", 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/25.2.9519653", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.10.12-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.12-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_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: "d1da18b74e26ac0defecd1509864a9d8dd8c258e", 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_87bb0559-bcd7-4532-a344-450242e5ef47", 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_87bb0559-bcd7-4532-a344-450242e5ef47", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/25.2.9519653", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.172+1/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_87bb0559-bcd7-4532-a344-450242e5ef47" };
|
|
39
39
|
}
|
|
40
40
|
});
|
|
41
41
|
|
|
@@ -11854,7 +11854,7 @@ var Collapsible = {
|
|
|
11854
11854
|
|
|
11855
11855
|
// src/Prebuilt/App.tsx
|
|
11856
11856
|
init_define_process_env();
|
|
11857
|
-
import
|
|
11857
|
+
import React182, { useEffect as useEffect75, useRef as useRef30 } from "react";
|
|
11858
11858
|
import { match as match16 } from "ts-pattern";
|
|
11859
11859
|
import {
|
|
11860
11860
|
HMSReactiveStore,
|
|
@@ -15981,12 +15981,11 @@ var CaptionContent = ({ isMobile, onExit }) => {
|
|
|
15981
15981
|
"data-testid": "popup_change_btn",
|
|
15982
15982
|
onClick: async () => {
|
|
15983
15983
|
try {
|
|
15984
|
-
ToastManager.removeToast(toastId);
|
|
15985
15984
|
if (isTranscriptionEnabled) {
|
|
15986
15985
|
await actions.stopTranscription({
|
|
15987
15986
|
mode: HMSTranscriptionMode.CAPTION
|
|
15988
15987
|
});
|
|
15989
|
-
const id2 = ToastManager.
|
|
15988
|
+
const id2 = ToastManager.replaceToast(toastId, {
|
|
15990
15989
|
title: `Disabling Closed Caption for everyone.`,
|
|
15991
15990
|
variant: "standard",
|
|
15992
15991
|
duration: DURATION,
|
|
@@ -15999,7 +15998,7 @@ var CaptionContent = ({ isMobile, onExit }) => {
|
|
|
15999
15998
|
await actions.startTranscription({
|
|
16000
15999
|
mode: HMSTranscriptionMode.CAPTION
|
|
16001
16000
|
});
|
|
16002
|
-
const id = ToastManager.
|
|
16001
|
+
const id = ToastManager.replaceToast(toastId, {
|
|
16003
16002
|
title: `Enabling Closed Caption for everyone.`,
|
|
16004
16003
|
variant: "standard",
|
|
16005
16004
|
duration: DURATION,
|
|
@@ -16007,7 +16006,7 @@ var CaptionContent = ({ isMobile, onExit }) => {
|
|
|
16007
16006
|
});
|
|
16008
16007
|
setToastId(id);
|
|
16009
16008
|
} catch (err) {
|
|
16010
|
-
const id = ToastManager.
|
|
16009
|
+
const id = ToastManager.replaceToast(toastId, {
|
|
16011
16010
|
title: `Failed to ${isTranscriptionEnabled ? "disabled" : "enabled"} closed caption`,
|
|
16012
16011
|
variant: "error",
|
|
16013
16012
|
icon: /* @__PURE__ */ React50.createElement(AlertTriangleIcon5, { style: { marginRight: "0.5rem" } })
|
|
@@ -18649,7 +18648,7 @@ var er = (a2, e) => {
|
|
|
18649
18648
|
};
|
|
18650
18649
|
var Ba = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
|
|
18651
18650
|
var cr = Ba((Ic, Ja) => {
|
|
18652
|
-
Ja.exports = { version: "0.12.12-alpha.
|
|
18651
|
+
Ja.exports = { version: "0.12.12-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"] };
|
|
18653
18652
|
});
|
|
18654
18653
|
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 || {});
|
|
18655
18654
|
var Va = ((e) => (e.CHAT = "chat", e))(Va || {});
|
|
@@ -29070,7 +29069,7 @@ var useCloseScreenshareWhiteboard = () => {
|
|
|
29070
29069
|
};
|
|
29071
29070
|
|
|
29072
29071
|
// src/Prebuilt/layouts/VideoStreamingSection.tsx
|
|
29073
|
-
var HLSView = React155.lazy(() => import("./HLSView-
|
|
29072
|
+
var HLSView = React155.lazy(() => import("./HLSView-EHEKBMBJ.js"));
|
|
29074
29073
|
var VideoStreamingSection = ({
|
|
29075
29074
|
screenType,
|
|
29076
29075
|
elements,
|
|
@@ -29982,23 +29981,21 @@ init_define_process_env();
|
|
|
29982
29981
|
|
|
29983
29982
|
// src/Prebuilt/components/Notifications/Notifications.tsx
|
|
29984
29983
|
init_define_process_env();
|
|
29985
|
-
import
|
|
29986
|
-
import { match as match15 } from "ts-pattern";
|
|
29984
|
+
import React174, { useCallback as useCallback36, useEffect as useEffect71 } from "react";
|
|
29987
29985
|
import {
|
|
29988
|
-
HMSNotificationTypes as
|
|
29986
|
+
HMSNotificationTypes as HMSNotificationTypes11,
|
|
29989
29987
|
HMSRoomState as HMSRoomState10,
|
|
29990
|
-
HMSTranscriptionState,
|
|
29991
29988
|
selectIsLocalScreenShared as selectIsLocalScreenShared3,
|
|
29992
29989
|
selectLocalPeerID as selectLocalPeerID16,
|
|
29993
29990
|
selectPeerNameByID as selectPeerNameByID6,
|
|
29994
29991
|
selectRoomState as selectRoomState10,
|
|
29995
29992
|
useAwayNotifications as useAwayNotifications2,
|
|
29996
29993
|
useCustomEvent as useCustomEvent4,
|
|
29997
|
-
useHMSNotifications as
|
|
29994
|
+
useHMSNotifications as useHMSNotifications11,
|
|
29998
29995
|
useHMSStore as useHMSStore93,
|
|
29999
29996
|
useHMSVanillaStore as useHMSVanillaStore16
|
|
30000
29997
|
} from "@100mslive/react-sdk";
|
|
30001
|
-
import {
|
|
29998
|
+
import { GroupIcon as GroupIcon2 } from "@100mslive/react-icons";
|
|
30002
29999
|
|
|
30003
30000
|
// src/Prebuilt/components/Notifications/AutoplayBlockedModal.tsx
|
|
30004
30001
|
init_define_process_env();
|
|
@@ -30634,11 +30631,58 @@ var TrackUnmuteModal = () => {
|
|
|
30634
30631
|
);
|
|
30635
30632
|
};
|
|
30636
30633
|
|
|
30634
|
+
// src/Prebuilt/components/Notifications/TranscriptionNotifications.tsx
|
|
30635
|
+
init_define_process_env();
|
|
30636
|
+
import React173, { useEffect as useEffect70 } from "react";
|
|
30637
|
+
import { match as match15 } from "ts-pattern";
|
|
30638
|
+
import { HMSNotificationTypes as HMSNotificationTypes10, HMSTranscriptionState, useHMSNotifications as useHMSNotifications10 } from "@100mslive/react-sdk";
|
|
30639
|
+
import { AlertTriangleIcon as AlertTriangleIcon8, ClosedCaptionIcon as ClosedCaptionIcon3, OpenCaptionIcon as OpenCaptionIcon4 } from "@100mslive/react-icons";
|
|
30640
|
+
var TranscriptionNotifications = () => {
|
|
30641
|
+
const notification = useHMSNotifications10(HMSNotificationTypes10.TRANSCRIPTION_STATE_UPDATED);
|
|
30642
|
+
const [toastId, setToastId] = useSetAppDataByKey(CAPTION_TOAST.captionToast);
|
|
30643
|
+
useEffect70(() => {
|
|
30644
|
+
if (!notification?.data) {
|
|
30645
|
+
return;
|
|
30646
|
+
}
|
|
30647
|
+
console.debug(`[${notification.type}]`, notification);
|
|
30648
|
+
const transcriptionStates = notification.data;
|
|
30649
|
+
if (transcriptionStates.length > 0) {
|
|
30650
|
+
let id = "";
|
|
30651
|
+
match15({ state: transcriptionStates[0].state, error: transcriptionStates[0].error }).when(
|
|
30652
|
+
({ error }) => !!error,
|
|
30653
|
+
() => {
|
|
30654
|
+
id = ToastManager.replaceToast(toastId, {
|
|
30655
|
+
title: `Failed to enable Closed Caption`,
|
|
30656
|
+
variant: "error",
|
|
30657
|
+
icon: /* @__PURE__ */ React173.createElement(AlertTriangleIcon8, { style: { marginRight: "0.5rem" } })
|
|
30658
|
+
});
|
|
30659
|
+
}
|
|
30660
|
+
).with({ state: HMSTranscriptionState.STARTED }, () => {
|
|
30661
|
+
id = ToastManager.replaceToast(toastId, {
|
|
30662
|
+
title: `Closed Captioning enabled for everyone`,
|
|
30663
|
+
variant: "standard",
|
|
30664
|
+
duration: 2e3,
|
|
30665
|
+
icon: /* @__PURE__ */ React173.createElement(OpenCaptionIcon4, { style: { marginRight: "0.5rem" } })
|
|
30666
|
+
});
|
|
30667
|
+
}).with({ state: HMSTranscriptionState.STOPPED }, () => {
|
|
30668
|
+
id = ToastManager.replaceToast(toastId, {
|
|
30669
|
+
title: `Closed Captioning disabled for everyone`,
|
|
30670
|
+
variant: "standard",
|
|
30671
|
+
duration: 2e3,
|
|
30672
|
+
icon: /* @__PURE__ */ React173.createElement(ClosedCaptionIcon3, { style: { marginRight: "0.5rem" } })
|
|
30673
|
+
});
|
|
30674
|
+
}).otherwise(() => null);
|
|
30675
|
+
setToastId(id);
|
|
30676
|
+
}
|
|
30677
|
+
}, [notification, setToastId]);
|
|
30678
|
+
return null;
|
|
30679
|
+
};
|
|
30680
|
+
|
|
30637
30681
|
// src/Prebuilt/components/Notifications/Notifications.tsx
|
|
30638
30682
|
var pollToastKey = {};
|
|
30639
30683
|
function Notifications() {
|
|
30640
30684
|
const localPeerID = useHMSStore93(selectLocalPeerID16);
|
|
30641
|
-
const notification =
|
|
30685
|
+
const notification = useHMSNotifications11();
|
|
30642
30686
|
const subscribedNotifications = useSubscribedNotifications() || {};
|
|
30643
30687
|
const roomState = useHMSStore93(selectRoomState10);
|
|
30644
30688
|
const updateRoomLayoutForRole = useUpdateRoomLayout();
|
|
@@ -30649,7 +30693,6 @@ function Notifications() {
|
|
|
30649
30693
|
const { showNotification } = useAwayNotifications2();
|
|
30650
30694
|
const amIScreenSharing = useHMSStore93(selectIsLocalScreenShared3);
|
|
30651
30695
|
const logoURL = useRoomLayout()?.logo?.url;
|
|
30652
|
-
const [toastId, setToastId] = useSetAppDataByKey(CAPTION_TOAST.captionToast);
|
|
30653
30696
|
const handleRoleChangeDenied = useCallback36((request) => {
|
|
30654
30697
|
ToastManager.addToast({
|
|
30655
30698
|
title: `${request.peerName} denied your request to join the ${request.role.name} role`,
|
|
@@ -30657,15 +30700,15 @@ function Notifications() {
|
|
|
30657
30700
|
});
|
|
30658
30701
|
}, []);
|
|
30659
30702
|
useCustomEvent4({ type: ROLE_CHANGE_DECLINED, onEvent: handleRoleChangeDenied });
|
|
30660
|
-
|
|
30703
|
+
useEffect71(() => {
|
|
30661
30704
|
if (!notification || isNotificationDisabled) {
|
|
30662
30705
|
return;
|
|
30663
30706
|
}
|
|
30664
30707
|
switch (notification.type) {
|
|
30665
|
-
case
|
|
30708
|
+
case HMSNotificationTypes11.NAME_UPDATED:
|
|
30666
30709
|
console.log(notification.data.id + " changed their name to " + notification.data.name);
|
|
30667
30710
|
break;
|
|
30668
|
-
case
|
|
30711
|
+
case HMSNotificationTypes11.ERROR:
|
|
30669
30712
|
if (notification.data?.isTerminal && notification.data?.action !== "INIT") {
|
|
30670
30713
|
if ([500, 6008].includes(notification.data?.code)) {
|
|
30671
30714
|
ToastManager.addToast({
|
|
@@ -30675,7 +30718,7 @@ function Notifications() {
|
|
|
30675
30718
|
ToastManager.addToast({
|
|
30676
30719
|
title: "The room is currently full, try joining later",
|
|
30677
30720
|
close: true,
|
|
30678
|
-
icon: /* @__PURE__ */
|
|
30721
|
+
icon: /* @__PURE__ */ React174.createElement(Box, { css: { color: "$alert_error_default" } }, /* @__PURE__ */ React174.createElement(GroupIcon2, null))
|
|
30679
30722
|
});
|
|
30680
30723
|
} else {
|
|
30681
30724
|
ToastManager.addToast({
|
|
@@ -30697,7 +30740,7 @@ function Notifications() {
|
|
|
30697
30740
|
title: `Error: ${notification.data?.message} - ${notification.data?.description}`
|
|
30698
30741
|
});
|
|
30699
30742
|
break;
|
|
30700
|
-
case
|
|
30743
|
+
case HMSNotificationTypes11.ROLE_UPDATED: {
|
|
30701
30744
|
if (notification.data?.isLocal && notification.data?.roleName) {
|
|
30702
30745
|
ToastManager.addToast({
|
|
30703
30746
|
title: `You are now a ${notification.data.roleName}`
|
|
@@ -30706,7 +30749,7 @@ function Notifications() {
|
|
|
30706
30749
|
}
|
|
30707
30750
|
break;
|
|
30708
30751
|
}
|
|
30709
|
-
case
|
|
30752
|
+
case HMSNotificationTypes11.CHANGE_TRACK_STATE_REQUEST:
|
|
30710
30753
|
const track = notification.data?.track;
|
|
30711
30754
|
if (!notification.data.enabled) {
|
|
30712
30755
|
ToastManager.addToast({
|
|
@@ -30715,24 +30758,24 @@ function Notifications() {
|
|
|
30715
30758
|
});
|
|
30716
30759
|
}
|
|
30717
30760
|
break;
|
|
30718
|
-
case
|
|
30719
|
-
case
|
|
30761
|
+
case HMSNotificationTypes11.REMOVED_FROM_ROOM:
|
|
30762
|
+
case HMSNotificationTypes11.ROOM_ENDED:
|
|
30720
30763
|
ToastManager.addToast({
|
|
30721
30764
|
title: `${notification.message}.
|
|
30722
30765
|
${notification.data.reason && `Reason: ${notification.data.reason}`}`
|
|
30723
30766
|
});
|
|
30724
30767
|
break;
|
|
30725
|
-
case
|
|
30768
|
+
case HMSNotificationTypes11.DEVICE_CHANGE_UPDATE:
|
|
30726
30769
|
ToastManager.addToast({
|
|
30727
30770
|
title: notification.message
|
|
30728
30771
|
});
|
|
30729
30772
|
break;
|
|
30730
|
-
case
|
|
30773
|
+
case HMSNotificationTypes11.POLL_STARTED:
|
|
30731
30774
|
if (notification.data.startedBy !== localPeerID && screenProps.screenType !== "hls_live_streaming") {
|
|
30732
30775
|
const pollStartedBy = vanillaStore.getState(selectPeerNameByID6(notification.data.startedBy)) || "Participant";
|
|
30733
30776
|
const pollToastID = ToastManager.addToast({
|
|
30734
30777
|
title: `${pollStartedBy} started a ${notification.data.type}: ${notification.data.title}`,
|
|
30735
|
-
action: /* @__PURE__ */
|
|
30778
|
+
action: /* @__PURE__ */ React174.createElement(
|
|
30736
30779
|
Button,
|
|
30737
30780
|
{
|
|
30738
30781
|
onClick: () => togglePollView(notification.data.id),
|
|
@@ -30751,14 +30794,14 @@ function Notifications() {
|
|
|
30751
30794
|
pollToastKey[notification.data.id] = pollToastID;
|
|
30752
30795
|
}
|
|
30753
30796
|
break;
|
|
30754
|
-
case
|
|
30797
|
+
case HMSNotificationTypes11.POLL_STOPPED:
|
|
30755
30798
|
const pollID = notification?.data.id;
|
|
30756
30799
|
if (pollID && pollToastKey?.[pollID]) {
|
|
30757
30800
|
ToastManager.removeToast(pollToastKey?.[notification.data.id]);
|
|
30758
30801
|
delete pollToastKey[notification?.data.id];
|
|
30759
30802
|
}
|
|
30760
30803
|
break;
|
|
30761
|
-
case
|
|
30804
|
+
case HMSNotificationTypes11.NEW_MESSAGE:
|
|
30762
30805
|
if (amIScreenSharing) {
|
|
30763
30806
|
showNotification(`New message from ${notification.data.senderName}`, {
|
|
30764
30807
|
body: notification.data.message,
|
|
@@ -30766,40 +30809,6 @@ function Notifications() {
|
|
|
30766
30809
|
});
|
|
30767
30810
|
}
|
|
30768
30811
|
break;
|
|
30769
|
-
case HMSNotificationTypes10.TRANSCRIPTION_STATE_UPDATED:
|
|
30770
|
-
const transcriptionStates = notification.data;
|
|
30771
|
-
if (transcriptionStates && transcriptionStates.length > 0) {
|
|
30772
|
-
let id = "";
|
|
30773
|
-
match15({ state: transcriptionStates[0].state, error: transcriptionStates[0].error }).when(
|
|
30774
|
-
({ error }) => !!error,
|
|
30775
|
-
() => {
|
|
30776
|
-
ToastManager.removeToast(toastId);
|
|
30777
|
-
id = ToastManager.addToast({
|
|
30778
|
-
title: `Failed to enable Closed Caption`,
|
|
30779
|
-
variant: "error",
|
|
30780
|
-
icon: /* @__PURE__ */ React173.createElement(AlertTriangleIcon8, { style: { marginRight: "0.5rem" } })
|
|
30781
|
-
});
|
|
30782
|
-
}
|
|
30783
|
-
).with({ state: HMSTranscriptionState.STARTED }, () => {
|
|
30784
|
-
ToastManager.removeToast(toastId);
|
|
30785
|
-
id = ToastManager.addToast({
|
|
30786
|
-
title: `Closed Captioning enabled for everyone`,
|
|
30787
|
-
variant: "standard",
|
|
30788
|
-
duration: 2e3,
|
|
30789
|
-
icon: /* @__PURE__ */ React173.createElement(OpenCaptionIcon4, { style: { marginRight: "0.5rem" } })
|
|
30790
|
-
});
|
|
30791
|
-
}).with({ state: HMSTranscriptionState.STOPPED }, () => {
|
|
30792
|
-
ToastManager.removeToast(toastId);
|
|
30793
|
-
id = ToastManager.addToast({
|
|
30794
|
-
title: `Closed Captioning disabled for everyone`,
|
|
30795
|
-
variant: "standard",
|
|
30796
|
-
duration: 2e3,
|
|
30797
|
-
icon: /* @__PURE__ */ React173.createElement(ClosedCaptionIcon3, { style: { marginRight: "0.5rem" } })
|
|
30798
|
-
});
|
|
30799
|
-
}).otherwise(() => null);
|
|
30800
|
-
setToastId(id);
|
|
30801
|
-
}
|
|
30802
|
-
break;
|
|
30803
30812
|
default:
|
|
30804
30813
|
break;
|
|
30805
30814
|
}
|
|
@@ -30807,12 +30816,12 @@ function Notifications() {
|
|
|
30807
30816
|
if (isNotificationDisabled) {
|
|
30808
30817
|
return null;
|
|
30809
30818
|
}
|
|
30810
|
-
return /* @__PURE__ */
|
|
30819
|
+
return /* @__PURE__ */ React174.createElement(React174.Fragment, null, /* @__PURE__ */ React174.createElement(TrackUnmuteModal, null), /* @__PURE__ */ React174.createElement(TrackBulkUnmuteModal, null), /* @__PURE__ */ React174.createElement(TrackNotifications, null), roomState === HMSRoomState10.Connected ? /* @__PURE__ */ React174.createElement(PeerNotifications, null) : null, /* @__PURE__ */ React174.createElement(ReconnectNotifications, null), /* @__PURE__ */ React174.createElement(AutoplayBlockedModal, null), /* @__PURE__ */ React174.createElement(PermissionErrorModal, null), /* @__PURE__ */ React174.createElement(InitErrorModal, null), /* @__PURE__ */ React174.createElement(ChatNotifications, null), /* @__PURE__ */ React174.createElement(HandRaisedNotifications, null), /* @__PURE__ */ React174.createElement(TranscriptionNotifications, null));
|
|
30811
30820
|
}
|
|
30812
30821
|
|
|
30813
30822
|
// src/Prebuilt/components/Preview/PreviewScreen.tsx
|
|
30814
30823
|
init_define_process_env();
|
|
30815
|
-
import
|
|
30824
|
+
import React175 from "react";
|
|
30816
30825
|
import { useSearchParam } from "react-use";
|
|
30817
30826
|
var PreviewScreen = () => {
|
|
30818
30827
|
const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
|
|
@@ -30823,27 +30832,27 @@ var PreviewScreen = () => {
|
|
|
30823
30832
|
const authToken = useAuthToken();
|
|
30824
30833
|
const roomLayout = useRoomLayout();
|
|
30825
30834
|
const { preview_header: previewHeader = {} } = roomLayout?.screens?.preview?.default?.elements || {};
|
|
30826
|
-
return /* @__PURE__ */
|
|
30835
|
+
return /* @__PURE__ */ React175.createElement(Flex, { direction: "column", css: { size: "100%" } }, /* @__PURE__ */ React175.createElement(
|
|
30827
30836
|
Flex,
|
|
30828
30837
|
{
|
|
30829
30838
|
css: { flex: "1 1 0", position: "relative", overflowY: "auto", color: "$primary_default" },
|
|
30830
30839
|
justify: "center",
|
|
30831
30840
|
align: "center"
|
|
30832
30841
|
},
|
|
30833
|
-
authToken && Object.keys(previewHeader).length > 0 ? /* @__PURE__ */
|
|
30842
|
+
authToken && Object.keys(previewHeader).length > 0 ? /* @__PURE__ */ React175.createElement(PreviewJoin_default, { initialName, skipPreview, asRole: previewAsRole ?? void 0 }) : /* @__PURE__ */ React175.createElement(FullPageProgress_default, null)
|
|
30834
30843
|
));
|
|
30835
30844
|
};
|
|
30836
30845
|
|
|
30837
30846
|
// src/Prebuilt/components/Toast/ToastContainer.jsx
|
|
30838
30847
|
init_define_process_env();
|
|
30839
|
-
import
|
|
30848
|
+
import React177, { useEffect as useEffect72, useState as useState74 } from "react";
|
|
30840
30849
|
import { selectIsConnectedToRoom as selectIsConnectedToRoom11, useHMSStore as useHMSStore94 } from "@100mslive/react-sdk";
|
|
30841
30850
|
|
|
30842
30851
|
// src/Prebuilt/components/Toast/Toast.jsx
|
|
30843
30852
|
init_define_process_env();
|
|
30844
|
-
import
|
|
30853
|
+
import React176 from "react";
|
|
30845
30854
|
var Toast2 = ({ title, description, close = true, open, duration, onOpenChange, icon, ...props }) => {
|
|
30846
|
-
return /* @__PURE__ */
|
|
30855
|
+
return /* @__PURE__ */ React176.createElement(
|
|
30847
30856
|
Toast.HMSToast,
|
|
30848
30857
|
{
|
|
30849
30858
|
title,
|
|
@@ -30862,15 +30871,15 @@ var Toast2 = ({ title, description, close = true, open, duration, onOpenChange,
|
|
|
30862
30871
|
var ToastContainer = () => {
|
|
30863
30872
|
const isConnected = useHMSStore94(selectIsConnectedToRoom11);
|
|
30864
30873
|
const [toasts, setToast] = useState74([]);
|
|
30865
|
-
|
|
30874
|
+
useEffect72(() => {
|
|
30866
30875
|
ToastManager.addListener(setToast);
|
|
30867
30876
|
return () => {
|
|
30868
30877
|
ToastManager.removeListener(setToast);
|
|
30869
30878
|
};
|
|
30870
30879
|
}, []);
|
|
30871
|
-
return /* @__PURE__ */
|
|
30872
|
-
return /* @__PURE__ */
|
|
30873
|
-
}), /* @__PURE__ */
|
|
30880
|
+
return /* @__PURE__ */ React177.createElement(Toast.Provider, { swipeDirection: "left", duration: 3e3 }, toasts.slice(0, MAX_TOASTS).map((toast) => {
|
|
30881
|
+
return /* @__PURE__ */ React177.createElement(Toast2, { key: toast.id, ...toast, onOpenChange: (value) => !value && ToastManager.removeToast(toast.id) });
|
|
30882
|
+
}), /* @__PURE__ */ React177.createElement(
|
|
30874
30883
|
Toast.Viewport,
|
|
30875
30884
|
{
|
|
30876
30885
|
css: {
|
|
@@ -30883,27 +30892,27 @@ var ToastContainer = () => {
|
|
|
30883
30892
|
|
|
30884
30893
|
// src/Prebuilt/layouts/Sheet.tsx
|
|
30885
30894
|
init_define_process_env();
|
|
30886
|
-
import
|
|
30895
|
+
import React179 from "react";
|
|
30887
30896
|
import { selectAppData as selectAppData14, useHMSStore as useHMSStore95 } from "@100mslive/react-sdk";
|
|
30888
30897
|
|
|
30889
30898
|
// src/Prebuilt/components/RoomDetails/RoomDetailsSheet.tsx
|
|
30890
30899
|
init_define_process_env();
|
|
30891
|
-
import
|
|
30900
|
+
import React178 from "react";
|
|
30892
30901
|
import { CrossIcon as CrossIcon28 } from "@100mslive/react-icons";
|
|
30893
30902
|
var RoomDetailsSheet = () => {
|
|
30894
30903
|
const { title, description, details } = useRoomLayoutHeader();
|
|
30895
30904
|
const toggleSheet = useSheetToggle(SHEET_OPTIONS.ROOM_DETAILS);
|
|
30896
30905
|
const showRoomDetailsSheet = useIsSheetTypeOpen(SHEET_OPTIONS.ROOM_DETAILS);
|
|
30897
|
-
return /* @__PURE__ */
|
|
30906
|
+
return /* @__PURE__ */ React178.createElement(Sheet.Root, { open: showRoomDetailsSheet, onOpenChange: toggleSheet }, /* @__PURE__ */ React178.createElement(Sheet.Content, { css: { py: "$8", pb: "$12" } }, /* @__PURE__ */ React178.createElement(
|
|
30898
30907
|
Flex,
|
|
30899
30908
|
{
|
|
30900
30909
|
justify: "between",
|
|
30901
30910
|
align: "center",
|
|
30902
30911
|
css: { w: "100%", borderBottom: "1px solid $border_bright", pb: "$4", mb: "$4", px: "$8" }
|
|
30903
30912
|
},
|
|
30904
|
-
/* @__PURE__ */
|
|
30905
|
-
/* @__PURE__ */
|
|
30906
|
-
), /* @__PURE__ */
|
|
30913
|
+
/* @__PURE__ */ React178.createElement(Text, { css: { fontWeight: "$semiBold", color: "$on_surface_high" } }, "Description"),
|
|
30914
|
+
/* @__PURE__ */ React178.createElement(Sheet.Close, { css: { color: "$on_surface_high" } }, /* @__PURE__ */ React178.createElement(CrossIcon28, null))
|
|
30915
|
+
), /* @__PURE__ */ React178.createElement(Flex, { align: "center", css: { w: "100%", gap: "$4", pb: "$8", px: "$8" } }, /* @__PURE__ */ React178.createElement(Logo, null), /* @__PURE__ */ React178.createElement(Box, null, /* @__PURE__ */ React178.createElement(Text, { variant: "sm", css: { c: "$on_secondary_high", fontWeight: "$semiBold" } }, title), /* @__PURE__ */ React178.createElement(RoomDetailsRow, { details }))), /* @__PURE__ */ React178.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", px: "$8" } }, description)));
|
|
30907
30916
|
};
|
|
30908
30917
|
|
|
30909
30918
|
// src/Prebuilt/layouts/Sheet.tsx
|
|
@@ -30911,14 +30920,14 @@ var Sheet2 = () => {
|
|
|
30911
30920
|
const sheet = useHMSStore95(selectAppData14(APP_DATA.sheet));
|
|
30912
30921
|
let ViewComponent;
|
|
30913
30922
|
if (sheet === SHEET_OPTIONS.ROOM_DETAILS) {
|
|
30914
|
-
ViewComponent = /* @__PURE__ */
|
|
30923
|
+
ViewComponent = /* @__PURE__ */ React179.createElement(RoomDetailsSheet, null);
|
|
30915
30924
|
}
|
|
30916
|
-
return /* @__PURE__ */
|
|
30925
|
+
return /* @__PURE__ */ React179.createElement(Box, null, ViewComponent);
|
|
30917
30926
|
};
|
|
30918
30927
|
|
|
30919
30928
|
// src/Prebuilt/plugins/FlyingEmoji.jsx
|
|
30920
30929
|
init_define_process_env();
|
|
30921
|
-
import
|
|
30930
|
+
import React180, { useCallback as useCallback37, useEffect as useEffect73, useMemo as useMemo21, useState as useState75 } from "react";
|
|
30922
30931
|
import { useMedia as useMedia41 } from "react-use";
|
|
30923
30932
|
import {
|
|
30924
30933
|
selectIsLargeRoom as selectIsLargeRoom4,
|
|
@@ -30992,10 +31001,10 @@ function FlyingEmoji() {
|
|
|
30992
31001
|
type: EMOJI_REACTION_TYPE,
|
|
30993
31002
|
onEvent: showFlyingEmoji
|
|
30994
31003
|
});
|
|
30995
|
-
|
|
31004
|
+
useEffect73(() => {
|
|
30996
31005
|
window.showFlyingEmoji = showFlyingEmoji;
|
|
30997
31006
|
}, [showFlyingEmoji]);
|
|
30998
|
-
return /* @__PURE__ */
|
|
31007
|
+
return /* @__PURE__ */ React180.createElement(
|
|
30999
31008
|
Box,
|
|
31000
31009
|
{
|
|
31001
31010
|
css: {
|
|
@@ -31011,7 +31020,7 @@ function FlyingEmoji() {
|
|
|
31011
31020
|
}
|
|
31012
31021
|
},
|
|
31013
31022
|
emojis.map((emoji) => {
|
|
31014
|
-
return /* @__PURE__ */
|
|
31023
|
+
return /* @__PURE__ */ React180.createElement(
|
|
31015
31024
|
Flex,
|
|
31016
31025
|
{
|
|
31017
31026
|
key: emoji.id,
|
|
@@ -31025,8 +31034,8 @@ function FlyingEmoji() {
|
|
|
31025
31034
|
},
|
|
31026
31035
|
onAnimationEnd: () => setEmojis(emojis.filter((item) => item.id !== emoji.id))
|
|
31027
31036
|
},
|
|
31028
|
-
/* @__PURE__ */
|
|
31029
|
-
emoji.senderName ? /* @__PURE__ */
|
|
31037
|
+
/* @__PURE__ */ React180.createElement(Box, null, /* @__PURE__ */ React180.createElement("em-emoji", { id: emoji.emojiId, size: "48px", set: "apple" })),
|
|
31038
|
+
emoji.senderName ? /* @__PURE__ */ React180.createElement(
|
|
31030
31039
|
Box,
|
|
31031
31040
|
{
|
|
31032
31041
|
css: {
|
|
@@ -31036,7 +31045,7 @@ function FlyingEmoji() {
|
|
|
31036
31045
|
borderRadius: "$1"
|
|
31037
31046
|
}
|
|
31038
31047
|
},
|
|
31039
|
-
/* @__PURE__ */
|
|
31048
|
+
/* @__PURE__ */ React180.createElement(
|
|
31040
31049
|
Text,
|
|
31041
31050
|
{
|
|
31042
31051
|
css: {
|
|
@@ -31055,7 +31064,7 @@ function FlyingEmoji() {
|
|
|
31055
31064
|
|
|
31056
31065
|
// src/Prebuilt/plugins/RemoteStopScreenshare.jsx
|
|
31057
31066
|
init_define_process_env();
|
|
31058
|
-
import
|
|
31067
|
+
import React181, { useCallback as useCallback38 } from "react";
|
|
31059
31068
|
import { useCustomEvent as useCustomEvent6, useHMSActions as useHMSActions55 } from "@100mslive/react-sdk";
|
|
31060
31069
|
function RemoteStopScreenshare() {
|
|
31061
31070
|
const actions = useHMSActions55();
|
|
@@ -31066,12 +31075,12 @@ function RemoteStopScreenshare() {
|
|
|
31066
31075
|
type: REMOTE_STOP_SCREENSHARE_TYPE,
|
|
31067
31076
|
onEvent: onRemoteStopScreenshare
|
|
31068
31077
|
});
|
|
31069
|
-
return /* @__PURE__ */
|
|
31078
|
+
return /* @__PURE__ */ React181.createElement(React181.Fragment, null);
|
|
31070
31079
|
}
|
|
31071
31080
|
|
|
31072
31081
|
// src/Prebuilt/components/hooks/useAutoStartStreaming.tsx
|
|
31073
31082
|
init_define_process_env();
|
|
31074
|
-
import { useCallback as useCallback39, useEffect as
|
|
31083
|
+
import { useCallback as useCallback39, useEffect as useEffect74, useRef as useRef29 } from "react";
|
|
31075
31084
|
import {
|
|
31076
31085
|
selectIsConnectedToRoom as selectIsConnectedToRoom12,
|
|
31077
31086
|
selectPermissions as selectPermissions20,
|
|
@@ -31110,12 +31119,12 @@ var useAutoStartStreaming = () => {
|
|
|
31110
31119
|
isHLSRecordingOn,
|
|
31111
31120
|
isBrowserRecordingOn
|
|
31112
31121
|
]);
|
|
31113
|
-
|
|
31122
|
+
useEffect74(() => {
|
|
31114
31123
|
if (!isHLSStarted && !isHLSRunning) {
|
|
31115
31124
|
streamStartedRef.current = false;
|
|
31116
31125
|
}
|
|
31117
31126
|
}, [isHLSStarted, isHLSRunning]);
|
|
31118
|
-
|
|
31127
|
+
useEffect74(() => {
|
|
31119
31128
|
if (!isConnected || streamStartedRef.current || !permissions?.hlsStreaming) {
|
|
31120
31129
|
return;
|
|
31121
31130
|
}
|
|
@@ -31124,7 +31133,7 @@ var useAutoStartStreaming = () => {
|
|
|
31124
31133
|
};
|
|
31125
31134
|
|
|
31126
31135
|
// src/Prebuilt/App.tsx
|
|
31127
|
-
var HMSPrebuilt =
|
|
31136
|
+
var HMSPrebuilt = React182.forwardRef(
|
|
31128
31137
|
({
|
|
31129
31138
|
roomCode = "",
|
|
31130
31139
|
authToken = "",
|
|
@@ -31138,8 +31147,8 @@ var HMSPrebuilt = React181.forwardRef(
|
|
|
31138
31147
|
onJoin
|
|
31139
31148
|
}, ref) => {
|
|
31140
31149
|
const reactiveStore = useRef30();
|
|
31141
|
-
const [hydrated, setHydrated] =
|
|
31142
|
-
|
|
31150
|
+
const [hydrated, setHydrated] = React182.useState(false);
|
|
31151
|
+
useEffect75(() => {
|
|
31143
31152
|
setHydrated(true);
|
|
31144
31153
|
const hms = new HMSReactiveStore();
|
|
31145
31154
|
const hmsStore = hms.getStore();
|
|
@@ -31154,13 +31163,13 @@ var HMSPrebuilt = React181.forwardRef(
|
|
|
31154
31163
|
hmsNotifications
|
|
31155
31164
|
};
|
|
31156
31165
|
}, []);
|
|
31157
|
-
|
|
31166
|
+
useEffect75(() => {
|
|
31158
31167
|
if (!ref || !reactiveStore.current) {
|
|
31159
31168
|
return;
|
|
31160
31169
|
}
|
|
31161
31170
|
ref.current = { ...reactiveStore.current };
|
|
31162
31171
|
}, [ref]);
|
|
31163
|
-
|
|
31172
|
+
useEffect75(() => {
|
|
31164
31173
|
return () => {
|
|
31165
31174
|
VBHandler.reset();
|
|
31166
31175
|
reactiveStore?.current?.hmsActions.leave();
|
|
@@ -31188,7 +31197,7 @@ var HMSPrebuilt = React181.forwardRef(
|
|
|
31188
31197
|
return null;
|
|
31189
31198
|
}
|
|
31190
31199
|
globalStyles();
|
|
31191
|
-
return /* @__PURE__ */
|
|
31200
|
+
return /* @__PURE__ */ React182.createElement(ErrorBoundary, null, /* @__PURE__ */ React182.createElement(
|
|
31192
31201
|
HMSPrebuiltContext.Provider,
|
|
31193
31202
|
{
|
|
31194
31203
|
value: {
|
|
@@ -31205,7 +31214,7 @@ var HMSPrebuilt = React181.forwardRef(
|
|
|
31205
31214
|
}
|
|
31206
31215
|
}
|
|
31207
31216
|
},
|
|
31208
|
-
/* @__PURE__ */
|
|
31217
|
+
/* @__PURE__ */ React182.createElement(
|
|
31209
31218
|
HMSRoomProvider,
|
|
31210
31219
|
{
|
|
31211
31220
|
isHMSStatsOn: FeatureFlags.enableStatsForNerds,
|
|
@@ -31214,7 +31223,7 @@ var HMSPrebuilt = React181.forwardRef(
|
|
|
31214
31223
|
notifications: reactiveStore.current?.hmsNotifications,
|
|
31215
31224
|
stats: reactiveStore.current?.hmsStats
|
|
31216
31225
|
},
|
|
31217
|
-
/* @__PURE__ */
|
|
31226
|
+
/* @__PURE__ */ React182.createElement(RoomLayoutProvider, { roomLayoutEndpoint, overrideLayout }, /* @__PURE__ */ React182.createElement(RoomLayoutContext.Consumer, null, (data3) => {
|
|
31218
31227
|
const layout = data3?.layout;
|
|
31219
31228
|
const theme2 = layout?.themes?.[0] || {};
|
|
31220
31229
|
const { typography: typography2 } = layout || {};
|
|
@@ -31222,7 +31231,7 @@ var HMSPrebuilt = React181.forwardRef(
|
|
|
31222
31231
|
if (typography2?.font_family) {
|
|
31223
31232
|
fontFamily = [`${typography2?.font_family}`, ...fontFamily];
|
|
31224
31233
|
}
|
|
31225
|
-
return /* @__PURE__ */
|
|
31234
|
+
return /* @__PURE__ */ React182.createElement(
|
|
31226
31235
|
HMSThemeProvider,
|
|
31227
31236
|
{
|
|
31228
31237
|
themeType: `${theme2.name}-${Date.now()}`,
|
|
@@ -31235,8 +31244,8 @@ var HMSPrebuilt = React181.forwardRef(
|
|
|
31235
31244
|
}
|
|
31236
31245
|
}
|
|
31237
31246
|
},
|
|
31238
|
-
/* @__PURE__ */
|
|
31239
|
-
/* @__PURE__ */
|
|
31247
|
+
/* @__PURE__ */ React182.createElement(Init, null),
|
|
31248
|
+
/* @__PURE__ */ React182.createElement(DialogContainerProvider, { dialogContainerSelector: containerSelector }, /* @__PURE__ */ React182.createElement(
|
|
31240
31249
|
Box,
|
|
31241
31250
|
{
|
|
31242
31251
|
className: DEFAULT_PORTAL_CONTAINER.slice(1),
|
|
@@ -31248,7 +31257,7 @@ var HMSPrebuilt = React181.forwardRef(
|
|
|
31248
31257
|
position: "relative"
|
|
31249
31258
|
}
|
|
31250
31259
|
},
|
|
31251
|
-
/* @__PURE__ */
|
|
31260
|
+
/* @__PURE__ */ React182.createElement(
|
|
31252
31261
|
AppRoutes,
|
|
31253
31262
|
{
|
|
31254
31263
|
authTokenByRoomCodeEndpoint: tokenByRoomCodeEndpoint,
|
|
@@ -31267,12 +31276,12 @@ var AppStates = ({ activeState }) => {
|
|
|
31267
31276
|
const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
|
|
31268
31277
|
const { isLeaveScreenEnabled } = useRoomLayoutLeaveScreen();
|
|
31269
31278
|
useAutoStartStreaming();
|
|
31270
|
-
return match16({ activeState, isPreviewScreenEnabled, isLeaveScreenEnabled }).with({ activeState: "preview" /* PREVIEW */, isPreviewScreenEnabled: true }, () => /* @__PURE__ */
|
|
31279
|
+
return match16({ activeState, isPreviewScreenEnabled, isLeaveScreenEnabled }).with({ activeState: "preview" /* PREVIEW */, isPreviewScreenEnabled: true }, () => /* @__PURE__ */ React182.createElement(PreviewScreen, null)).with({ activeState: "leave" /* LEAVE */, isLeaveScreenEnabled: true }, () => /* @__PURE__ */ React182.createElement(LeaveScreen, null)).otherwise(() => /* @__PURE__ */ React182.createElement(ConferenceScreen, null));
|
|
31271
31280
|
};
|
|
31272
31281
|
var BackSwipe = () => {
|
|
31273
31282
|
const isConnectedToRoom = useHMSStore98(selectIsConnectedToRoom13);
|
|
31274
31283
|
const hmsActions = useHMSActions57();
|
|
31275
|
-
|
|
31284
|
+
useEffect75(() => {
|
|
31276
31285
|
const onRouteLeave = async () => {
|
|
31277
31286
|
if (isConnectedToRoom) {
|
|
31278
31287
|
await hmsActions.leave();
|
|
@@ -31292,7 +31301,7 @@ function AppRoutes({
|
|
|
31292
31301
|
const roomLayout = useRoomLayout();
|
|
31293
31302
|
const isNotificationsDisabled = useIsNotificationDisabled();
|
|
31294
31303
|
const { activeState, rejoin } = useAppStateManager();
|
|
31295
|
-
return /* @__PURE__ */
|
|
31304
|
+
return /* @__PURE__ */ React182.createElement(AppStateContext.Provider, { value: { rejoin } }, /* @__PURE__ */ React182.createElement(React182.Fragment, null, activeState !== "leave" /* LEAVE */ && /* @__PURE__ */ React182.createElement(AppData, null), /* @__PURE__ */ React182.createElement(ToastContainer, null), /* @__PURE__ */ React182.createElement(Notifications, null), /* @__PURE__ */ React182.createElement(MwebLandscapePrompt, null), /* @__PURE__ */ React182.createElement(Sheet2, null), /* @__PURE__ */ React182.createElement(BackSwipe, null), !isNotificationsDisabled && /* @__PURE__ */ React182.createElement(FlyingEmoji, null), /* @__PURE__ */ React182.createElement(RemoteStopScreenshare, null), /* @__PURE__ */ React182.createElement(KeyboardHandler, null), /* @__PURE__ */ React182.createElement(AuthToken_default, { authTokenByRoomCodeEndpoint, defaultAuthToken }), roomLayout && activeState && /* @__PURE__ */ React182.createElement(AppStates, { activeState })));
|
|
31296
31305
|
}
|
|
31297
31306
|
|
|
31298
31307
|
// src/Progress/index.tsx
|
|
@@ -31444,4 +31453,4 @@ lodash/lodash.js:
|
|
|
31444
31453
|
* Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
|
|
31445
31454
|
*)
|
|
31446
31455
|
*/
|
|
31447
|
-
//# sourceMappingURL=chunk-
|
|
31456
|
+
//# sourceMappingURL=chunk-ZPUJUJBA.js.map
|