@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
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();
|