@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
package/dist/index.cjs.js
CHANGED
|
@@ -37,7 +37,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
|
|
|
37
37
|
var define_process_env_default;
|
|
38
38
|
var init_define_process_env = __esm({
|
|
39
39
|
"<define:process.env>"() {
|
|
40
|
-
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" };
|
|
40
|
+
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" };
|
|
41
41
|
}
|
|
42
42
|
});
|
|
43
43
|
|
|
@@ -13602,12 +13602,11 @@ var init_CaptionContent = __esm({
|
|
|
13602
13602
|
"data-testid": "popup_change_btn",
|
|
13603
13603
|
onClick: async () => {
|
|
13604
13604
|
try {
|
|
13605
|
-
ToastManager.removeToast(toastId);
|
|
13606
13605
|
if (isTranscriptionEnabled) {
|
|
13607
13606
|
await actions.stopTranscription({
|
|
13608
13607
|
mode: import_react_sdk27.HMSTranscriptionMode.CAPTION
|
|
13609
13608
|
});
|
|
13610
|
-
const id2 = ToastManager.
|
|
13609
|
+
const id2 = ToastManager.replaceToast(toastId, {
|
|
13611
13610
|
title: `Disabling Closed Caption for everyone.`,
|
|
13612
13611
|
variant: "standard",
|
|
13613
13612
|
duration: DURATION,
|
|
@@ -13620,7 +13619,7 @@ var init_CaptionContent = __esm({
|
|
|
13620
13619
|
await actions.startTranscription({
|
|
13621
13620
|
mode: import_react_sdk27.HMSTranscriptionMode.CAPTION
|
|
13622
13621
|
});
|
|
13623
|
-
const id = ToastManager.
|
|
13622
|
+
const id = ToastManager.replaceToast(toastId, {
|
|
13624
13623
|
title: `Enabling Closed Caption for everyone.`,
|
|
13625
13624
|
variant: "standard",
|
|
13626
13625
|
duration: DURATION,
|
|
@@ -13628,7 +13627,7 @@ var init_CaptionContent = __esm({
|
|
|
13628
13627
|
});
|
|
13629
13628
|
setToastId(id);
|
|
13630
13629
|
} catch (err) {
|
|
13631
|
-
const id = ToastManager.
|
|
13630
|
+
const id = ToastManager.replaceToast(toastId, {
|
|
13632
13631
|
title: `Failed to ${isTranscriptionEnabled ? "disabled" : "enabled"} closed caption`,
|
|
13633
13632
|
variant: "error",
|
|
13634
13633
|
icon: /* @__PURE__ */ import_react65.default.createElement(import_react_icons26.AlertTriangleIcon, { style: { marginRight: "0.5rem" } })
|
|
@@ -19728,7 +19727,7 @@ var init_dist = __esm({
|
|
|
19728
19727
|
};
|
|
19729
19728
|
Ba = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
|
|
19730
19729
|
cr = Ba((Ic, Ja) => {
|
|
19731
|
-
Ja.exports = { version: "0.12.12-alpha.
|
|
19730
|
+
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"] };
|
|
19732
19731
|
});
|
|
19733
19732
|
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 || {});
|
|
19734
19733
|
Va = ((e) => (e.CHAT = "chat", e))(Va || {});
|
|
@@ -30402,9 +30401,9 @@ var init_ScreenshareLayout = __esm({
|
|
|
30402
30401
|
}
|
|
30403
30402
|
});
|
|
30404
30403
|
|
|
30405
|
-
// ../../../../../../../tmp/tmp-
|
|
30406
|
-
var
|
|
30407
|
-
"../../../../../../../tmp/tmp-
|
|
30404
|
+
// ../../../../../../../tmp/tmp-2856-1nDpy4fA4l2N/18fc335fd750/index.css
|
|
30405
|
+
var init_fc335fd750 = __esm({
|
|
30406
|
+
"../../../../../../../tmp/tmp-2856-1nDpy4fA4l2N/18fc335fd750/index.css"() {
|
|
30408
30407
|
}
|
|
30409
30408
|
});
|
|
30410
30409
|
|
|
@@ -30426,7 +30425,7 @@ var init_WhiteboardLayout = __esm({
|
|
|
30426
30425
|
init_ProminenceLayout();
|
|
30427
30426
|
init_useUISettings();
|
|
30428
30427
|
init_constants();
|
|
30429
|
-
|
|
30428
|
+
init_fc335fd750();
|
|
30430
30429
|
WhiteboardEmbed = () => {
|
|
30431
30430
|
const isMobile = (0, import_react_use42.useMedia)(config.media.md);
|
|
30432
30431
|
const { token, endpoint, zoomToContent } = (0, import_react_sdk93.useWhiteboard)(isMobile);
|
|
@@ -34624,37 +34623,92 @@ var init_TrackUnmuteModal = __esm({
|
|
|
34624
34623
|
}
|
|
34625
34624
|
});
|
|
34626
34625
|
|
|
34626
|
+
// src/Prebuilt/components/Notifications/TranscriptionNotifications.tsx
|
|
34627
|
+
var import_react228, import_ts_pattern16, import_react_sdk120, import_react_icons107, TranscriptionNotifications;
|
|
34628
|
+
var init_TranscriptionNotifications = __esm({
|
|
34629
|
+
"src/Prebuilt/components/Notifications/TranscriptionNotifications.tsx"() {
|
|
34630
|
+
"use strict";
|
|
34631
|
+
init_define_process_env();
|
|
34632
|
+
import_react228 = __toESM(require("react"));
|
|
34633
|
+
import_ts_pattern16 = require("ts-pattern");
|
|
34634
|
+
import_react_sdk120 = require("@100mslive/react-sdk");
|
|
34635
|
+
import_react_icons107 = require("@100mslive/react-icons");
|
|
34636
|
+
init_ToastManager();
|
|
34637
|
+
init_useUISettings();
|
|
34638
|
+
init_constants();
|
|
34639
|
+
TranscriptionNotifications = () => {
|
|
34640
|
+
const notification = (0, import_react_sdk120.useHMSNotifications)(import_react_sdk120.HMSNotificationTypes.TRANSCRIPTION_STATE_UPDATED);
|
|
34641
|
+
const [toastId, setToastId] = useSetAppDataByKey(CAPTION_TOAST.captionToast);
|
|
34642
|
+
(0, import_react228.useEffect)(() => {
|
|
34643
|
+
if (!notification?.data) {
|
|
34644
|
+
return;
|
|
34645
|
+
}
|
|
34646
|
+
console.debug(`[${notification.type}]`, notification);
|
|
34647
|
+
const transcriptionStates = notification.data;
|
|
34648
|
+
if (transcriptionStates.length > 0) {
|
|
34649
|
+
let id = "";
|
|
34650
|
+
(0, import_ts_pattern16.match)({ state: transcriptionStates[0].state, error: transcriptionStates[0].error }).when(
|
|
34651
|
+
({ error }) => !!error,
|
|
34652
|
+
() => {
|
|
34653
|
+
id = ToastManager.replaceToast(toastId, {
|
|
34654
|
+
title: `Failed to enable Closed Caption`,
|
|
34655
|
+
variant: "error",
|
|
34656
|
+
icon: /* @__PURE__ */ import_react228.default.createElement(import_react_icons107.AlertTriangleIcon, { style: { marginRight: "0.5rem" } })
|
|
34657
|
+
});
|
|
34658
|
+
}
|
|
34659
|
+
).with({ state: import_react_sdk120.HMSTranscriptionState.STARTED }, () => {
|
|
34660
|
+
id = ToastManager.replaceToast(toastId, {
|
|
34661
|
+
title: `Closed Captioning enabled for everyone`,
|
|
34662
|
+
variant: "standard",
|
|
34663
|
+
duration: 2e3,
|
|
34664
|
+
icon: /* @__PURE__ */ import_react228.default.createElement(import_react_icons107.OpenCaptionIcon, { style: { marginRight: "0.5rem" } })
|
|
34665
|
+
});
|
|
34666
|
+
}).with({ state: import_react_sdk120.HMSTranscriptionState.STOPPED }, () => {
|
|
34667
|
+
id = ToastManager.replaceToast(toastId, {
|
|
34668
|
+
title: `Closed Captioning disabled for everyone`,
|
|
34669
|
+
variant: "standard",
|
|
34670
|
+
duration: 2e3,
|
|
34671
|
+
icon: /* @__PURE__ */ import_react228.default.createElement(import_react_icons107.ClosedCaptionIcon, { style: { marginRight: "0.5rem" } })
|
|
34672
|
+
});
|
|
34673
|
+
}).otherwise(() => null);
|
|
34674
|
+
setToastId(id);
|
|
34675
|
+
}
|
|
34676
|
+
}, [notification, setToastId]);
|
|
34677
|
+
return null;
|
|
34678
|
+
};
|
|
34679
|
+
}
|
|
34680
|
+
});
|
|
34681
|
+
|
|
34627
34682
|
// src/Prebuilt/components/Notifications/Notifications.tsx
|
|
34628
34683
|
function Notifications() {
|
|
34629
|
-
const localPeerID = (0,
|
|
34630
|
-
const notification = (0,
|
|
34684
|
+
const localPeerID = (0, import_react_sdk121.useHMSStore)(import_react_sdk121.selectLocalPeerID);
|
|
34685
|
+
const notification = (0, import_react_sdk121.useHMSNotifications)();
|
|
34631
34686
|
const subscribedNotifications = useSubscribedNotifications() || {};
|
|
34632
|
-
const roomState = (0,
|
|
34687
|
+
const roomState = (0, import_react_sdk121.useHMSStore)(import_react_sdk121.selectRoomState);
|
|
34633
34688
|
const updateRoomLayoutForRole = useUpdateRoomLayout();
|
|
34634
34689
|
const isNotificationDisabled = useIsNotificationDisabled();
|
|
34635
34690
|
const screenProps = useRoomLayoutConferencingScreen();
|
|
34636
|
-
const vanillaStore = (0,
|
|
34691
|
+
const vanillaStore = (0, import_react_sdk121.useHMSVanillaStore)();
|
|
34637
34692
|
const togglePollView = usePollViewToggle();
|
|
34638
|
-
const { showNotification } = (0,
|
|
34639
|
-
const amIScreenSharing = (0,
|
|
34693
|
+
const { showNotification } = (0, import_react_sdk121.useAwayNotifications)();
|
|
34694
|
+
const amIScreenSharing = (0, import_react_sdk121.useHMSStore)(import_react_sdk121.selectIsLocalScreenShared);
|
|
34640
34695
|
const logoURL = useRoomLayout()?.logo?.url;
|
|
34641
|
-
const
|
|
34642
|
-
const handleRoleChangeDenied = (0, import_react228.useCallback)((request) => {
|
|
34696
|
+
const handleRoleChangeDenied = (0, import_react229.useCallback)((request) => {
|
|
34643
34697
|
ToastManager.addToast({
|
|
34644
34698
|
title: `${request.peerName} denied your request to join the ${request.role.name} role`,
|
|
34645
34699
|
variant: "error"
|
|
34646
34700
|
});
|
|
34647
34701
|
}, []);
|
|
34648
|
-
(0,
|
|
34649
|
-
(0,
|
|
34702
|
+
(0, import_react_sdk121.useCustomEvent)({ type: ROLE_CHANGE_DECLINED, onEvent: handleRoleChangeDenied });
|
|
34703
|
+
(0, import_react229.useEffect)(() => {
|
|
34650
34704
|
if (!notification || isNotificationDisabled) {
|
|
34651
34705
|
return;
|
|
34652
34706
|
}
|
|
34653
34707
|
switch (notification.type) {
|
|
34654
|
-
case
|
|
34708
|
+
case import_react_sdk121.HMSNotificationTypes.NAME_UPDATED:
|
|
34655
34709
|
console.log(notification.data.id + " changed their name to " + notification.data.name);
|
|
34656
34710
|
break;
|
|
34657
|
-
case
|
|
34711
|
+
case import_react_sdk121.HMSNotificationTypes.ERROR:
|
|
34658
34712
|
if (notification.data?.isTerminal && notification.data?.action !== "INIT") {
|
|
34659
34713
|
if ([500, 6008].includes(notification.data?.code)) {
|
|
34660
34714
|
ToastManager.addToast({
|
|
@@ -34664,7 +34718,7 @@ function Notifications() {
|
|
|
34664
34718
|
ToastManager.addToast({
|
|
34665
34719
|
title: "The room is currently full, try joining later",
|
|
34666
34720
|
close: true,
|
|
34667
|
-
icon: /* @__PURE__ */
|
|
34721
|
+
icon: /* @__PURE__ */ import_react229.default.createElement(Box, { css: { color: "$alert_error_default" } }, /* @__PURE__ */ import_react229.default.createElement(import_react_icons108.GroupIcon, null))
|
|
34668
34722
|
});
|
|
34669
34723
|
} else {
|
|
34670
34724
|
ToastManager.addToast({
|
|
@@ -34686,7 +34740,7 @@ function Notifications() {
|
|
|
34686
34740
|
title: `Error: ${notification.data?.message} - ${notification.data?.description}`
|
|
34687
34741
|
});
|
|
34688
34742
|
break;
|
|
34689
|
-
case
|
|
34743
|
+
case import_react_sdk121.HMSNotificationTypes.ROLE_UPDATED: {
|
|
34690
34744
|
if (notification.data?.isLocal && notification.data?.roleName) {
|
|
34691
34745
|
ToastManager.addToast({
|
|
34692
34746
|
title: `You are now a ${notification.data.roleName}`
|
|
@@ -34695,7 +34749,7 @@ function Notifications() {
|
|
|
34695
34749
|
}
|
|
34696
34750
|
break;
|
|
34697
34751
|
}
|
|
34698
|
-
case
|
|
34752
|
+
case import_react_sdk121.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST:
|
|
34699
34753
|
const track = notification.data?.track;
|
|
34700
34754
|
if (!notification.data.enabled) {
|
|
34701
34755
|
ToastManager.addToast({
|
|
@@ -34704,24 +34758,24 @@ function Notifications() {
|
|
|
34704
34758
|
});
|
|
34705
34759
|
}
|
|
34706
34760
|
break;
|
|
34707
|
-
case
|
|
34708
|
-
case
|
|
34761
|
+
case import_react_sdk121.HMSNotificationTypes.REMOVED_FROM_ROOM:
|
|
34762
|
+
case import_react_sdk121.HMSNotificationTypes.ROOM_ENDED:
|
|
34709
34763
|
ToastManager.addToast({
|
|
34710
34764
|
title: `${notification.message}.
|
|
34711
34765
|
${notification.data.reason && `Reason: ${notification.data.reason}`}`
|
|
34712
34766
|
});
|
|
34713
34767
|
break;
|
|
34714
|
-
case
|
|
34768
|
+
case import_react_sdk121.HMSNotificationTypes.DEVICE_CHANGE_UPDATE:
|
|
34715
34769
|
ToastManager.addToast({
|
|
34716
34770
|
title: notification.message
|
|
34717
34771
|
});
|
|
34718
34772
|
break;
|
|
34719
|
-
case
|
|
34773
|
+
case import_react_sdk121.HMSNotificationTypes.POLL_STARTED:
|
|
34720
34774
|
if (notification.data.startedBy !== localPeerID && screenProps.screenType !== "hls_live_streaming") {
|
|
34721
|
-
const pollStartedBy = vanillaStore.getState((0,
|
|
34775
|
+
const pollStartedBy = vanillaStore.getState((0, import_react_sdk121.selectPeerNameByID)(notification.data.startedBy)) || "Participant";
|
|
34722
34776
|
const pollToastID = ToastManager.addToast({
|
|
34723
34777
|
title: `${pollStartedBy} started a ${notification.data.type}: ${notification.data.title}`,
|
|
34724
|
-
action: /* @__PURE__ */
|
|
34778
|
+
action: /* @__PURE__ */ import_react229.default.createElement(
|
|
34725
34779
|
Button,
|
|
34726
34780
|
{
|
|
34727
34781
|
onClick: () => togglePollView(notification.data.id),
|
|
@@ -34740,14 +34794,14 @@ function Notifications() {
|
|
|
34740
34794
|
pollToastKey[notification.data.id] = pollToastID;
|
|
34741
34795
|
}
|
|
34742
34796
|
break;
|
|
34743
|
-
case
|
|
34797
|
+
case import_react_sdk121.HMSNotificationTypes.POLL_STOPPED:
|
|
34744
34798
|
const pollID = notification?.data.id;
|
|
34745
34799
|
if (pollID && pollToastKey?.[pollID]) {
|
|
34746
34800
|
ToastManager.removeToast(pollToastKey?.[notification.data.id]);
|
|
34747
34801
|
delete pollToastKey[notification?.data.id];
|
|
34748
34802
|
}
|
|
34749
34803
|
break;
|
|
34750
|
-
case
|
|
34804
|
+
case import_react_sdk121.HMSNotificationTypes.NEW_MESSAGE:
|
|
34751
34805
|
if (amIScreenSharing) {
|
|
34752
34806
|
showNotification(`New message from ${notification.data.senderName}`, {
|
|
34753
34807
|
body: notification.data.message,
|
|
@@ -34755,40 +34809,6 @@ function Notifications() {
|
|
|
34755
34809
|
});
|
|
34756
34810
|
}
|
|
34757
34811
|
break;
|
|
34758
|
-
case import_react_sdk120.HMSNotificationTypes.TRANSCRIPTION_STATE_UPDATED:
|
|
34759
|
-
const transcriptionStates = notification.data;
|
|
34760
|
-
if (transcriptionStates && transcriptionStates.length > 0) {
|
|
34761
|
-
let id = "";
|
|
34762
|
-
(0, import_ts_pattern16.match)({ state: transcriptionStates[0].state, error: transcriptionStates[0].error }).when(
|
|
34763
|
-
({ error }) => !!error,
|
|
34764
|
-
() => {
|
|
34765
|
-
ToastManager.removeToast(toastId);
|
|
34766
|
-
id = ToastManager.addToast({
|
|
34767
|
-
title: `Failed to enable Closed Caption`,
|
|
34768
|
-
variant: "error",
|
|
34769
|
-
icon: /* @__PURE__ */ import_react228.default.createElement(import_react_icons107.AlertTriangleIcon, { style: { marginRight: "0.5rem" } })
|
|
34770
|
-
});
|
|
34771
|
-
}
|
|
34772
|
-
).with({ state: import_react_sdk120.HMSTranscriptionState.STARTED }, () => {
|
|
34773
|
-
ToastManager.removeToast(toastId);
|
|
34774
|
-
id = ToastManager.addToast({
|
|
34775
|
-
title: `Closed Captioning enabled for everyone`,
|
|
34776
|
-
variant: "standard",
|
|
34777
|
-
duration: 2e3,
|
|
34778
|
-
icon: /* @__PURE__ */ import_react228.default.createElement(import_react_icons107.OpenCaptionIcon, { style: { marginRight: "0.5rem" } })
|
|
34779
|
-
});
|
|
34780
|
-
}).with({ state: import_react_sdk120.HMSTranscriptionState.STOPPED }, () => {
|
|
34781
|
-
ToastManager.removeToast(toastId);
|
|
34782
|
-
id = ToastManager.addToast({
|
|
34783
|
-
title: `Closed Captioning disabled for everyone`,
|
|
34784
|
-
variant: "standard",
|
|
34785
|
-
duration: 2e3,
|
|
34786
|
-
icon: /* @__PURE__ */ import_react228.default.createElement(import_react_icons107.ClosedCaptionIcon, { style: { marginRight: "0.5rem" } })
|
|
34787
|
-
});
|
|
34788
|
-
}).otherwise(() => null);
|
|
34789
|
-
setToastId(id);
|
|
34790
|
-
}
|
|
34791
|
-
break;
|
|
34792
34812
|
default:
|
|
34793
34813
|
break;
|
|
34794
34814
|
}
|
|
@@ -34796,17 +34816,16 @@ function Notifications() {
|
|
|
34796
34816
|
if (isNotificationDisabled) {
|
|
34797
34817
|
return null;
|
|
34798
34818
|
}
|
|
34799
|
-
return /* @__PURE__ */
|
|
34819
|
+
return /* @__PURE__ */ import_react229.default.createElement(import_react229.default.Fragment, null, /* @__PURE__ */ import_react229.default.createElement(TrackUnmuteModal, null), /* @__PURE__ */ import_react229.default.createElement(TrackBulkUnmuteModal, null), /* @__PURE__ */ import_react229.default.createElement(TrackNotifications, null), roomState === import_react_sdk121.HMSRoomState.Connected ? /* @__PURE__ */ import_react229.default.createElement(PeerNotifications, null) : null, /* @__PURE__ */ import_react229.default.createElement(ReconnectNotifications, null), /* @__PURE__ */ import_react229.default.createElement(AutoplayBlockedModal, null), /* @__PURE__ */ import_react229.default.createElement(PermissionErrorModal, null), /* @__PURE__ */ import_react229.default.createElement(InitErrorModal, null), /* @__PURE__ */ import_react229.default.createElement(ChatNotifications, null), /* @__PURE__ */ import_react229.default.createElement(HandRaisedNotifications, null), /* @__PURE__ */ import_react229.default.createElement(TranscriptionNotifications, null));
|
|
34800
34820
|
}
|
|
34801
|
-
var
|
|
34821
|
+
var import_react229, import_react_sdk121, import_react_icons108, pollToastKey;
|
|
34802
34822
|
var init_Notifications = __esm({
|
|
34803
34823
|
"src/Prebuilt/components/Notifications/Notifications.tsx"() {
|
|
34804
34824
|
"use strict";
|
|
34805
34825
|
init_define_process_env();
|
|
34806
|
-
|
|
34807
|
-
|
|
34808
|
-
|
|
34809
|
-
import_react_icons107 = require("@100mslive/react-icons");
|
|
34826
|
+
import_react229 = __toESM(require("react"));
|
|
34827
|
+
import_react_sdk121 = require("@100mslive/react-sdk");
|
|
34828
|
+
import_react_icons108 = require("@100mslive/react-icons");
|
|
34810
34829
|
init_src();
|
|
34811
34830
|
init_roomLayoutProvider();
|
|
34812
34831
|
init_ToastManager();
|
|
@@ -34820,6 +34839,7 @@ var init_Notifications = __esm({
|
|
|
34820
34839
|
init_TrackBulkUnmuteModal();
|
|
34821
34840
|
init_TrackNotifications();
|
|
34822
34841
|
init_TrackUnmuteModal();
|
|
34842
|
+
init_TranscriptionNotifications();
|
|
34823
34843
|
init_useRoomLayoutScreen();
|
|
34824
34844
|
init_useSidepane();
|
|
34825
34845
|
init_useUISettings();
|
|
@@ -34838,12 +34858,12 @@ var init_Notifications2 = __esm({
|
|
|
34838
34858
|
});
|
|
34839
34859
|
|
|
34840
34860
|
// src/Prebuilt/components/Preview/PreviewScreen.tsx
|
|
34841
|
-
var
|
|
34861
|
+
var import_react230, import_react_use53, PreviewScreen;
|
|
34842
34862
|
var init_PreviewScreen = __esm({
|
|
34843
34863
|
"src/Prebuilt/components/Preview/PreviewScreen.tsx"() {
|
|
34844
34864
|
"use strict";
|
|
34845
34865
|
init_define_process_env();
|
|
34846
|
-
|
|
34866
|
+
import_react230 = __toESM(require("react"));
|
|
34847
34867
|
import_react_use53 = require("react-use");
|
|
34848
34868
|
init_src();
|
|
34849
34869
|
init_AppContext();
|
|
@@ -34862,29 +34882,29 @@ var init_PreviewScreen = __esm({
|
|
|
34862
34882
|
const authToken = useAuthToken();
|
|
34863
34883
|
const roomLayout = useRoomLayout();
|
|
34864
34884
|
const { preview_header: previewHeader = {} } = roomLayout?.screens?.preview?.default?.elements || {};
|
|
34865
|
-
return /* @__PURE__ */
|
|
34885
|
+
return /* @__PURE__ */ import_react230.default.createElement(Flex, { direction: "column", css: { size: "100%" } }, /* @__PURE__ */ import_react230.default.createElement(
|
|
34866
34886
|
Flex,
|
|
34867
34887
|
{
|
|
34868
34888
|
css: { flex: "1 1 0", position: "relative", overflowY: "auto", color: "$primary_default" },
|
|
34869
34889
|
justify: "center",
|
|
34870
34890
|
align: "center"
|
|
34871
34891
|
},
|
|
34872
|
-
authToken && Object.keys(previewHeader).length > 0 ? /* @__PURE__ */
|
|
34892
|
+
authToken && Object.keys(previewHeader).length > 0 ? /* @__PURE__ */ import_react230.default.createElement(PreviewJoin_default, { initialName, skipPreview, asRole: previewAsRole ?? void 0 }) : /* @__PURE__ */ import_react230.default.createElement(FullPageProgress_default, null)
|
|
34873
34893
|
));
|
|
34874
34894
|
};
|
|
34875
34895
|
}
|
|
34876
34896
|
});
|
|
34877
34897
|
|
|
34878
34898
|
// src/Prebuilt/components/Toast/Toast.jsx
|
|
34879
|
-
var
|
|
34899
|
+
var import_react231, Toast2;
|
|
34880
34900
|
var init_Toast3 = __esm({
|
|
34881
34901
|
"src/Prebuilt/components/Toast/Toast.jsx"() {
|
|
34882
34902
|
"use strict";
|
|
34883
34903
|
init_define_process_env();
|
|
34884
|
-
|
|
34904
|
+
import_react231 = __toESM(require("react"));
|
|
34885
34905
|
init_Toast2();
|
|
34886
34906
|
Toast2 = ({ title, description, close = true, open, duration, onOpenChange, icon, ...props }) => {
|
|
34887
|
-
return /* @__PURE__ */
|
|
34907
|
+
return /* @__PURE__ */ import_react231.default.createElement(
|
|
34888
34908
|
Toast.HMSToast,
|
|
34889
34909
|
{
|
|
34890
34910
|
title,
|
|
@@ -34902,29 +34922,29 @@ var init_Toast3 = __esm({
|
|
|
34902
34922
|
});
|
|
34903
34923
|
|
|
34904
34924
|
// src/Prebuilt/components/Toast/ToastContainer.jsx
|
|
34905
|
-
var
|
|
34925
|
+
var import_react232, import_react_sdk122, ToastContainer;
|
|
34906
34926
|
var init_ToastContainer = __esm({
|
|
34907
34927
|
"src/Prebuilt/components/Toast/ToastContainer.jsx"() {
|
|
34908
34928
|
"use strict";
|
|
34909
34929
|
init_define_process_env();
|
|
34910
|
-
|
|
34911
|
-
|
|
34930
|
+
import_react232 = __toESM(require("react"));
|
|
34931
|
+
import_react_sdk122 = require("@100mslive/react-sdk");
|
|
34912
34932
|
init_Toast2();
|
|
34913
34933
|
init_Toast3();
|
|
34914
34934
|
init_ToastManager();
|
|
34915
34935
|
init_constants();
|
|
34916
34936
|
ToastContainer = () => {
|
|
34917
|
-
const isConnected = (0,
|
|
34918
|
-
const [toasts, setToast] = (0,
|
|
34919
|
-
(0,
|
|
34937
|
+
const isConnected = (0, import_react_sdk122.useHMSStore)(import_react_sdk122.selectIsConnectedToRoom);
|
|
34938
|
+
const [toasts, setToast] = (0, import_react232.useState)([]);
|
|
34939
|
+
(0, import_react232.useEffect)(() => {
|
|
34920
34940
|
ToastManager.addListener(setToast);
|
|
34921
34941
|
return () => {
|
|
34922
34942
|
ToastManager.removeListener(setToast);
|
|
34923
34943
|
};
|
|
34924
34944
|
}, []);
|
|
34925
|
-
return /* @__PURE__ */
|
|
34926
|
-
return /* @__PURE__ */
|
|
34927
|
-
}), /* @__PURE__ */
|
|
34945
|
+
return /* @__PURE__ */ import_react232.default.createElement(Toast.Provider, { swipeDirection: "left", duration: 3e3 }, toasts.slice(0, MAX_TOASTS).map((toast) => {
|
|
34946
|
+
return /* @__PURE__ */ import_react232.default.createElement(Toast2, { key: toast.id, ...toast, onOpenChange: (value) => !value && ToastManager.removeToast(toast.id) });
|
|
34947
|
+
}), /* @__PURE__ */ import_react232.default.createElement(
|
|
34928
34948
|
Toast.Viewport,
|
|
34929
34949
|
{
|
|
34930
34950
|
css: {
|
|
@@ -34938,13 +34958,13 @@ var init_ToastContainer = __esm({
|
|
|
34938
34958
|
});
|
|
34939
34959
|
|
|
34940
34960
|
// src/Prebuilt/components/RoomDetails/RoomDetailsSheet.tsx
|
|
34941
|
-
var
|
|
34961
|
+
var import_react233, import_react_icons109, RoomDetailsSheet;
|
|
34942
34962
|
var init_RoomDetailsSheet = __esm({
|
|
34943
34963
|
"src/Prebuilt/components/RoomDetails/RoomDetailsSheet.tsx"() {
|
|
34944
34964
|
"use strict";
|
|
34945
34965
|
init_define_process_env();
|
|
34946
|
-
|
|
34947
|
-
|
|
34966
|
+
import_react233 = __toESM(require("react"));
|
|
34967
|
+
import_react_icons109 = require("@100mslive/react-icons");
|
|
34948
34968
|
init_Layout();
|
|
34949
34969
|
init_Sheet2();
|
|
34950
34970
|
init_Text2();
|
|
@@ -34957,57 +34977,57 @@ var init_RoomDetailsSheet = __esm({
|
|
|
34957
34977
|
const { title, description, details } = useRoomLayoutHeader();
|
|
34958
34978
|
const toggleSheet = useSheetToggle(SHEET_OPTIONS.ROOM_DETAILS);
|
|
34959
34979
|
const showRoomDetailsSheet = useIsSheetTypeOpen(SHEET_OPTIONS.ROOM_DETAILS);
|
|
34960
|
-
return /* @__PURE__ */
|
|
34980
|
+
return /* @__PURE__ */ import_react233.default.createElement(Sheet.Root, { open: showRoomDetailsSheet, onOpenChange: toggleSheet }, /* @__PURE__ */ import_react233.default.createElement(Sheet.Content, { css: { py: "$8", pb: "$12" } }, /* @__PURE__ */ import_react233.default.createElement(
|
|
34961
34981
|
Flex,
|
|
34962
34982
|
{
|
|
34963
34983
|
justify: "between",
|
|
34964
34984
|
align: "center",
|
|
34965
34985
|
css: { w: "100%", borderBottom: "1px solid $border_bright", pb: "$4", mb: "$4", px: "$8" }
|
|
34966
34986
|
},
|
|
34967
|
-
/* @__PURE__ */
|
|
34968
|
-
/* @__PURE__ */
|
|
34969
|
-
), /* @__PURE__ */
|
|
34987
|
+
/* @__PURE__ */ import_react233.default.createElement(Text, { css: { fontWeight: "$semiBold", color: "$on_surface_high" } }, "Description"),
|
|
34988
|
+
/* @__PURE__ */ import_react233.default.createElement(Sheet.Close, { css: { color: "$on_surface_high" } }, /* @__PURE__ */ import_react233.default.createElement(import_react_icons109.CrossIcon, null))
|
|
34989
|
+
), /* @__PURE__ */ import_react233.default.createElement(Flex, { align: "center", css: { w: "100%", gap: "$4", pb: "$8", px: "$8" } }, /* @__PURE__ */ import_react233.default.createElement(Logo, null), /* @__PURE__ */ import_react233.default.createElement(Box, null, /* @__PURE__ */ import_react233.default.createElement(Text, { variant: "sm", css: { c: "$on_secondary_high", fontWeight: "$semiBold" } }, title), /* @__PURE__ */ import_react233.default.createElement(RoomDetailsRow, { details }))), /* @__PURE__ */ import_react233.default.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", px: "$8" } }, description)));
|
|
34970
34990
|
};
|
|
34971
34991
|
}
|
|
34972
34992
|
});
|
|
34973
34993
|
|
|
34974
34994
|
// src/Prebuilt/layouts/Sheet.tsx
|
|
34975
|
-
var
|
|
34995
|
+
var import_react234, import_react_sdk123, Sheet2;
|
|
34976
34996
|
var init_Sheet3 = __esm({
|
|
34977
34997
|
"src/Prebuilt/layouts/Sheet.tsx"() {
|
|
34978
34998
|
"use strict";
|
|
34979
34999
|
init_define_process_env();
|
|
34980
|
-
|
|
34981
|
-
|
|
35000
|
+
import_react234 = __toESM(require("react"));
|
|
35001
|
+
import_react_sdk123 = require("@100mslive/react-sdk");
|
|
34982
35002
|
init_RoomDetailsSheet();
|
|
34983
35003
|
init_Layout();
|
|
34984
35004
|
init_constants();
|
|
34985
35005
|
Sheet2 = () => {
|
|
34986
|
-
const sheet = (0,
|
|
35006
|
+
const sheet = (0, import_react_sdk123.useHMSStore)((0, import_react_sdk123.selectAppData)(APP_DATA.sheet));
|
|
34987
35007
|
let ViewComponent;
|
|
34988
35008
|
if (sheet === SHEET_OPTIONS.ROOM_DETAILS) {
|
|
34989
|
-
ViewComponent = /* @__PURE__ */
|
|
35009
|
+
ViewComponent = /* @__PURE__ */ import_react234.default.createElement(RoomDetailsSheet, null);
|
|
34990
35010
|
}
|
|
34991
|
-
return /* @__PURE__ */
|
|
35011
|
+
return /* @__PURE__ */ import_react234.default.createElement(Box, null, ViewComponent);
|
|
34992
35012
|
};
|
|
34993
35013
|
}
|
|
34994
35014
|
});
|
|
34995
35015
|
|
|
34996
35016
|
// src/Prebuilt/plugins/FlyingEmoji.jsx
|
|
34997
35017
|
function FlyingEmoji() {
|
|
34998
|
-
const localPeerId = (0,
|
|
34999
|
-
const vanillaStore = (0,
|
|
35000
|
-
const hmsActions = (0,
|
|
35001
|
-
const [emojis, setEmojis] = (0,
|
|
35018
|
+
const localPeerId = (0, import_react_sdk124.useHMSStore)(import_react_sdk124.selectLocalPeerID);
|
|
35019
|
+
const vanillaStore = (0, import_react_sdk124.useHMSVanillaStore)();
|
|
35020
|
+
const hmsActions = (0, import_react_sdk124.useHMSActions)();
|
|
35021
|
+
const [emojis, setEmojis] = (0, import_react235.useState)([]);
|
|
35002
35022
|
const isMobile = (0, import_react_use54.useMedia)(config.media.md);
|
|
35003
|
-
const isLargeRoom = (0,
|
|
35004
|
-
const startingPoints = (0,
|
|
35005
|
-
const showFlyingEmoji = (0,
|
|
35023
|
+
const isLargeRoom = (0, import_react_sdk124.useHMSStore)(import_react_sdk124.selectIsLargeRoom);
|
|
35024
|
+
const startingPoints = (0, import_react235.useMemo)(() => getStartingPoints(isMobile), [isMobile]);
|
|
35025
|
+
const showFlyingEmoji = (0, import_react235.useCallback)(
|
|
35006
35026
|
async ({ emojiId, senderId }) => {
|
|
35007
35027
|
if (!emojiId || !senderId || document.hidden) {
|
|
35008
35028
|
return;
|
|
35009
35029
|
}
|
|
35010
|
-
let senderPeerName = vanillaStore.getState((0,
|
|
35030
|
+
let senderPeerName = vanillaStore.getState((0, import_react_sdk124.selectPeerNameByID)(senderId));
|
|
35011
35031
|
if (!senderPeerName && isLargeRoom) {
|
|
35012
35032
|
const sender = await hmsActions.getPeer(senderId);
|
|
35013
35033
|
senderPeerName = sender?.name;
|
|
@@ -35030,14 +35050,14 @@ function FlyingEmoji() {
|
|
|
35030
35050
|
},
|
|
35031
35051
|
[vanillaStore, isLargeRoom, localPeerId, startingPoints, hmsActions]
|
|
35032
35052
|
);
|
|
35033
|
-
(0,
|
|
35053
|
+
(0, import_react_sdk124.useCustomEvent)({
|
|
35034
35054
|
type: EMOJI_REACTION_TYPE,
|
|
35035
35055
|
onEvent: showFlyingEmoji
|
|
35036
35056
|
});
|
|
35037
|
-
(0,
|
|
35057
|
+
(0, import_react235.useEffect)(() => {
|
|
35038
35058
|
window.showFlyingEmoji = showFlyingEmoji;
|
|
35039
35059
|
}, [showFlyingEmoji]);
|
|
35040
|
-
return /* @__PURE__ */
|
|
35060
|
+
return /* @__PURE__ */ import_react235.default.createElement(
|
|
35041
35061
|
Box,
|
|
35042
35062
|
{
|
|
35043
35063
|
css: {
|
|
@@ -35053,7 +35073,7 @@ function FlyingEmoji() {
|
|
|
35053
35073
|
}
|
|
35054
35074
|
},
|
|
35055
35075
|
emojis.map((emoji) => {
|
|
35056
|
-
return /* @__PURE__ */
|
|
35076
|
+
return /* @__PURE__ */ import_react235.default.createElement(
|
|
35057
35077
|
Flex,
|
|
35058
35078
|
{
|
|
35059
35079
|
key: emoji.id,
|
|
@@ -35067,8 +35087,8 @@ function FlyingEmoji() {
|
|
|
35067
35087
|
},
|
|
35068
35088
|
onAnimationEnd: () => setEmojis(emojis.filter((item) => item.id !== emoji.id))
|
|
35069
35089
|
},
|
|
35070
|
-
/* @__PURE__ */
|
|
35071
|
-
emoji.senderName ? /* @__PURE__ */
|
|
35090
|
+
/* @__PURE__ */ import_react235.default.createElement(Box, null, /* @__PURE__ */ import_react235.default.createElement("em-emoji", { id: emoji.emojiId, size: "48px", set: "apple" })),
|
|
35091
|
+
emoji.senderName ? /* @__PURE__ */ import_react235.default.createElement(
|
|
35072
35092
|
Box,
|
|
35073
35093
|
{
|
|
35074
35094
|
css: {
|
|
@@ -35078,7 +35098,7 @@ function FlyingEmoji() {
|
|
|
35078
35098
|
borderRadius: "$1"
|
|
35079
35099
|
}
|
|
35080
35100
|
},
|
|
35081
|
-
/* @__PURE__ */
|
|
35101
|
+
/* @__PURE__ */ import_react235.default.createElement(
|
|
35082
35102
|
Text,
|
|
35083
35103
|
{
|
|
35084
35104
|
css: {
|
|
@@ -35094,14 +35114,14 @@ function FlyingEmoji() {
|
|
|
35094
35114
|
})
|
|
35095
35115
|
);
|
|
35096
35116
|
}
|
|
35097
|
-
var
|
|
35117
|
+
var import_react235, import_react_use54, import_react_sdk124, emojiCount, flyAndFade, wiggleLeftRight, wiggleRightLeft, getStartingPoints;
|
|
35098
35118
|
var init_FlyingEmoji = __esm({
|
|
35099
35119
|
"src/Prebuilt/plugins/FlyingEmoji.jsx"() {
|
|
35100
35120
|
"use strict";
|
|
35101
35121
|
init_define_process_env();
|
|
35102
|
-
|
|
35122
|
+
import_react235 = __toESM(require("react"));
|
|
35103
35123
|
import_react_use54 = require("react-use");
|
|
35104
|
-
|
|
35124
|
+
import_react_sdk124 = require("@100mslive/react-sdk");
|
|
35105
35125
|
init_Layout();
|
|
35106
35126
|
init_Text2();
|
|
35107
35127
|
init_Theme();
|
|
@@ -35134,47 +35154,47 @@ var init_FlyingEmoji = __esm({
|
|
|
35134
35154
|
|
|
35135
35155
|
// src/Prebuilt/plugins/RemoteStopScreenshare.jsx
|
|
35136
35156
|
function RemoteStopScreenshare() {
|
|
35137
|
-
const actions = (0,
|
|
35138
|
-
const onRemoteStopScreenshare = (0,
|
|
35157
|
+
const actions = (0, import_react_sdk125.useHMSActions)();
|
|
35158
|
+
const onRemoteStopScreenshare = (0, import_react236.useCallback)(async () => {
|
|
35139
35159
|
await actions.setScreenShareEnabled(false);
|
|
35140
35160
|
}, [actions]);
|
|
35141
|
-
(0,
|
|
35161
|
+
(0, import_react_sdk125.useCustomEvent)({
|
|
35142
35162
|
type: REMOTE_STOP_SCREENSHARE_TYPE,
|
|
35143
35163
|
onEvent: onRemoteStopScreenshare
|
|
35144
35164
|
});
|
|
35145
|
-
return /* @__PURE__ */
|
|
35165
|
+
return /* @__PURE__ */ import_react236.default.createElement(import_react236.default.Fragment, null);
|
|
35146
35166
|
}
|
|
35147
|
-
var
|
|
35167
|
+
var import_react236, import_react_sdk125;
|
|
35148
35168
|
var init_RemoteStopScreenshare = __esm({
|
|
35149
35169
|
"src/Prebuilt/plugins/RemoteStopScreenshare.jsx"() {
|
|
35150
35170
|
"use strict";
|
|
35151
35171
|
init_define_process_env();
|
|
35152
|
-
|
|
35153
|
-
|
|
35172
|
+
import_react236 = __toESM(require("react"));
|
|
35173
|
+
import_react_sdk125 = require("@100mslive/react-sdk");
|
|
35154
35174
|
init_constants();
|
|
35155
35175
|
}
|
|
35156
35176
|
});
|
|
35157
35177
|
|
|
35158
35178
|
// src/Prebuilt/components/hooks/useAutoStartStreaming.tsx
|
|
35159
|
-
var
|
|
35179
|
+
var import_react237, import_react_sdk126, useAutoStartStreaming;
|
|
35160
35180
|
var init_useAutoStartStreaming = __esm({
|
|
35161
35181
|
"src/Prebuilt/components/hooks/useAutoStartStreaming.tsx"() {
|
|
35162
35182
|
"use strict";
|
|
35163
35183
|
init_define_process_env();
|
|
35164
|
-
|
|
35165
|
-
|
|
35184
|
+
import_react237 = require("react");
|
|
35185
|
+
import_react_sdk126 = require("@100mslive/react-sdk");
|
|
35166
35186
|
init_useUISettings();
|
|
35167
35187
|
init_hooks();
|
|
35168
35188
|
init_constants();
|
|
35169
35189
|
useAutoStartStreaming = () => {
|
|
35170
35190
|
const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
|
|
35171
|
-
const permissions = (0,
|
|
35191
|
+
const permissions = (0, import_react_sdk126.useHMSStore)(import_react_sdk126.selectPermissions);
|
|
35172
35192
|
const showStreamingUI = useShowStreamingUI();
|
|
35173
|
-
const hmsActions = (0,
|
|
35174
|
-
const isConnected = (0,
|
|
35175
|
-
const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = (0,
|
|
35176
|
-
const streamStartedRef = (0,
|
|
35177
|
-
const startHLS = (0,
|
|
35193
|
+
const hmsActions = (0, import_react_sdk126.useHMSActions)();
|
|
35194
|
+
const isConnected = (0, import_react_sdk126.useHMSStore)(import_react_sdk126.selectIsConnectedToRoom);
|
|
35195
|
+
const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = (0, import_react_sdk126.useRecordingStreaming)();
|
|
35196
|
+
const streamStartedRef = (0, import_react237.useRef)(false);
|
|
35197
|
+
const startHLS = (0, import_react237.useCallback)(async () => {
|
|
35178
35198
|
try {
|
|
35179
35199
|
if (isHLSStarted || !showStreamingUI || isHLSRunning || isRTMPRunning || isHLSRecordingOn || isBrowserRecordingOn) {
|
|
35180
35200
|
return;
|
|
@@ -35197,12 +35217,12 @@ var init_useAutoStartStreaming = __esm({
|
|
|
35197
35217
|
isHLSRecordingOn,
|
|
35198
35218
|
isBrowserRecordingOn
|
|
35199
35219
|
]);
|
|
35200
|
-
(0,
|
|
35220
|
+
(0, import_react237.useEffect)(() => {
|
|
35201
35221
|
if (!isHLSStarted && !isHLSRunning) {
|
|
35202
35222
|
streamStartedRef.current = false;
|
|
35203
35223
|
}
|
|
35204
35224
|
}, [isHLSStarted, isHLSRunning]);
|
|
35205
|
-
(0,
|
|
35225
|
+
(0, import_react237.useEffect)(() => {
|
|
35206
35226
|
if (!isConnected || streamStartedRef.current || !permissions?.hlsStreaming) {
|
|
35207
35227
|
return;
|
|
35208
35228
|
}
|
|
@@ -35220,16 +35240,16 @@ function AppRoutes({
|
|
|
35220
35240
|
const roomLayout = useRoomLayout();
|
|
35221
35241
|
const isNotificationsDisabled = useIsNotificationDisabled();
|
|
35222
35242
|
const { activeState, rejoin } = useAppStateManager();
|
|
35223
|
-
return /* @__PURE__ */
|
|
35243
|
+
return /* @__PURE__ */ import_react238.default.createElement(AppStateContext.Provider, { value: { rejoin } }, /* @__PURE__ */ import_react238.default.createElement(import_react238.default.Fragment, null, activeState !== "leave" /* LEAVE */ && /* @__PURE__ */ import_react238.default.createElement(AppData, null), /* @__PURE__ */ import_react238.default.createElement(ToastContainer, null), /* @__PURE__ */ import_react238.default.createElement(Notifications, null), /* @__PURE__ */ import_react238.default.createElement(MwebLandscapePrompt, null), /* @__PURE__ */ import_react238.default.createElement(Sheet2, null), /* @__PURE__ */ import_react238.default.createElement(BackSwipe, null), !isNotificationsDisabled && /* @__PURE__ */ import_react238.default.createElement(FlyingEmoji, null), /* @__PURE__ */ import_react238.default.createElement(RemoteStopScreenshare, null), /* @__PURE__ */ import_react238.default.createElement(KeyboardHandler, null), /* @__PURE__ */ import_react238.default.createElement(AuthToken_default, { authTokenByRoomCodeEndpoint, defaultAuthToken }), roomLayout && activeState && /* @__PURE__ */ import_react238.default.createElement(AppStates, { activeState })));
|
|
35224
35244
|
}
|
|
35225
|
-
var
|
|
35245
|
+
var import_react238, import_ts_pattern17, import_react_sdk127, HMSPrebuilt, AppStates, BackSwipe;
|
|
35226
35246
|
var init_App = __esm({
|
|
35227
35247
|
"src/Prebuilt/App.tsx"() {
|
|
35228
35248
|
"use strict";
|
|
35229
35249
|
init_define_process_env();
|
|
35230
|
-
|
|
35250
|
+
import_react238 = __toESM(require("react"));
|
|
35231
35251
|
import_ts_pattern17 = require("ts-pattern");
|
|
35232
|
-
|
|
35252
|
+
import_react_sdk127 = require("@100mslive/react-sdk");
|
|
35233
35253
|
init_AppData();
|
|
35234
35254
|
init_AuthToken();
|
|
35235
35255
|
init_ConferenceScreen();
|
|
@@ -35256,7 +35276,7 @@ var init_App = __esm({
|
|
|
35256
35276
|
init_useRoomLayoutScreen();
|
|
35257
35277
|
init_FeatureFlags();
|
|
35258
35278
|
init_constants();
|
|
35259
|
-
HMSPrebuilt =
|
|
35279
|
+
HMSPrebuilt = import_react238.default.forwardRef(
|
|
35260
35280
|
({
|
|
35261
35281
|
roomCode = "",
|
|
35262
35282
|
authToken = "",
|
|
@@ -35269,11 +35289,11 @@ var init_App = __esm({
|
|
|
35269
35289
|
onLeave,
|
|
35270
35290
|
onJoin
|
|
35271
35291
|
}, ref) => {
|
|
35272
|
-
const reactiveStore = (0,
|
|
35273
|
-
const [hydrated, setHydrated] =
|
|
35274
|
-
(0,
|
|
35292
|
+
const reactiveStore = (0, import_react238.useRef)();
|
|
35293
|
+
const [hydrated, setHydrated] = import_react238.default.useState(false);
|
|
35294
|
+
(0, import_react238.useEffect)(() => {
|
|
35275
35295
|
setHydrated(true);
|
|
35276
|
-
const hms = new
|
|
35296
|
+
const hms = new import_react_sdk127.HMSReactiveStore();
|
|
35277
35297
|
const hmsStore = hms.getStore();
|
|
35278
35298
|
const hmsActions = hms.getActions();
|
|
35279
35299
|
const hmsNotifications = hms.getNotifications();
|
|
@@ -35286,13 +35306,13 @@ var init_App = __esm({
|
|
|
35286
35306
|
hmsNotifications
|
|
35287
35307
|
};
|
|
35288
35308
|
}, []);
|
|
35289
|
-
(0,
|
|
35309
|
+
(0, import_react238.useEffect)(() => {
|
|
35290
35310
|
if (!ref || !reactiveStore.current) {
|
|
35291
35311
|
return;
|
|
35292
35312
|
}
|
|
35293
35313
|
ref.current = { ...reactiveStore.current };
|
|
35294
35314
|
}, [ref]);
|
|
35295
|
-
(0,
|
|
35315
|
+
(0, import_react238.useEffect)(() => {
|
|
35296
35316
|
return () => {
|
|
35297
35317
|
VBHandler.reset();
|
|
35298
35318
|
reactiveStore?.current?.hmsActions.leave();
|
|
@@ -35320,7 +35340,7 @@ var init_App = __esm({
|
|
|
35320
35340
|
return null;
|
|
35321
35341
|
}
|
|
35322
35342
|
globalStyles();
|
|
35323
|
-
return /* @__PURE__ */
|
|
35343
|
+
return /* @__PURE__ */ import_react238.default.createElement(ErrorBoundary, null, /* @__PURE__ */ import_react238.default.createElement(
|
|
35324
35344
|
HMSPrebuiltContext.Provider,
|
|
35325
35345
|
{
|
|
35326
35346
|
value: {
|
|
@@ -35337,8 +35357,8 @@ var init_App = __esm({
|
|
|
35337
35357
|
}
|
|
35338
35358
|
}
|
|
35339
35359
|
},
|
|
35340
|
-
/* @__PURE__ */
|
|
35341
|
-
|
|
35360
|
+
/* @__PURE__ */ import_react238.default.createElement(
|
|
35361
|
+
import_react_sdk127.HMSRoomProvider,
|
|
35342
35362
|
{
|
|
35343
35363
|
isHMSStatsOn: FeatureFlags.enableStatsForNerds,
|
|
35344
35364
|
actions: reactiveStore.current?.hmsActions,
|
|
@@ -35346,7 +35366,7 @@ var init_App = __esm({
|
|
|
35346
35366
|
notifications: reactiveStore.current?.hmsNotifications,
|
|
35347
35367
|
stats: reactiveStore.current?.hmsStats
|
|
35348
35368
|
},
|
|
35349
|
-
/* @__PURE__ */
|
|
35369
|
+
/* @__PURE__ */ import_react238.default.createElement(RoomLayoutProvider, { roomLayoutEndpoint, overrideLayout }, /* @__PURE__ */ import_react238.default.createElement(RoomLayoutContext.Consumer, null, (data3) => {
|
|
35350
35370
|
const layout = data3?.layout;
|
|
35351
35371
|
const theme2 = layout?.themes?.[0] || {};
|
|
35352
35372
|
const { typography: typography2 } = layout || {};
|
|
@@ -35354,7 +35374,7 @@ var init_App = __esm({
|
|
|
35354
35374
|
if (typography2?.font_family) {
|
|
35355
35375
|
fontFamily = [`${typography2?.font_family}`, ...fontFamily];
|
|
35356
35376
|
}
|
|
35357
|
-
return /* @__PURE__ */
|
|
35377
|
+
return /* @__PURE__ */ import_react238.default.createElement(
|
|
35358
35378
|
HMSThemeProvider,
|
|
35359
35379
|
{
|
|
35360
35380
|
themeType: `${theme2.name}-${Date.now()}`,
|
|
@@ -35367,8 +35387,8 @@ var init_App = __esm({
|
|
|
35367
35387
|
}
|
|
35368
35388
|
}
|
|
35369
35389
|
},
|
|
35370
|
-
/* @__PURE__ */
|
|
35371
|
-
/* @__PURE__ */
|
|
35390
|
+
/* @__PURE__ */ import_react238.default.createElement(Init, null),
|
|
35391
|
+
/* @__PURE__ */ import_react238.default.createElement(DialogContainerProvider, { dialogContainerSelector: containerSelector }, /* @__PURE__ */ import_react238.default.createElement(
|
|
35372
35392
|
Box,
|
|
35373
35393
|
{
|
|
35374
35394
|
className: DEFAULT_PORTAL_CONTAINER.slice(1),
|
|
@@ -35380,7 +35400,7 @@ var init_App = __esm({
|
|
|
35380
35400
|
position: "relative"
|
|
35381
35401
|
}
|
|
35382
35402
|
},
|
|
35383
|
-
/* @__PURE__ */
|
|
35403
|
+
/* @__PURE__ */ import_react238.default.createElement(
|
|
35384
35404
|
AppRoutes,
|
|
35385
35405
|
{
|
|
35386
35406
|
authTokenByRoomCodeEndpoint: tokenByRoomCodeEndpoint,
|
|
@@ -35399,12 +35419,12 @@ var init_App = __esm({
|
|
|
35399
35419
|
const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
|
|
35400
35420
|
const { isLeaveScreenEnabled } = useRoomLayoutLeaveScreen();
|
|
35401
35421
|
useAutoStartStreaming();
|
|
35402
|
-
return (0, import_ts_pattern17.match)({ activeState, isPreviewScreenEnabled, isLeaveScreenEnabled }).with({ activeState: "preview" /* PREVIEW */, isPreviewScreenEnabled: true }, () => /* @__PURE__ */
|
|
35422
|
+
return (0, import_ts_pattern17.match)({ activeState, isPreviewScreenEnabled, isLeaveScreenEnabled }).with({ activeState: "preview" /* PREVIEW */, isPreviewScreenEnabled: true }, () => /* @__PURE__ */ import_react238.default.createElement(PreviewScreen, null)).with({ activeState: "leave" /* LEAVE */, isLeaveScreenEnabled: true }, () => /* @__PURE__ */ import_react238.default.createElement(LeaveScreen, null)).otherwise(() => /* @__PURE__ */ import_react238.default.createElement(ConferenceScreen, null));
|
|
35403
35423
|
};
|
|
35404
35424
|
BackSwipe = () => {
|
|
35405
|
-
const isConnectedToRoom = (0,
|
|
35406
|
-
const hmsActions = (0,
|
|
35407
|
-
(0,
|
|
35425
|
+
const isConnectedToRoom = (0, import_react_sdk127.useHMSStore)(import_react_sdk127.selectIsConnectedToRoom);
|
|
35426
|
+
const hmsActions = (0, import_react_sdk127.useHMSActions)();
|
|
35427
|
+
(0, import_react238.useEffect)(() => {
|
|
35408
35428
|
const onRouteLeave = async () => {
|
|
35409
35429
|
if (isConnectedToRoom) {
|
|
35410
35430
|
await hmsActions.leave();
|