@100mslive/roomkit-react 0.3.12-alpha.0 → 0.3.12-alpha.1
Sign up to get free protection for your applications and to get access to all the features.
- 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
|