@100mslive/roomkit-react 0.3.13-alpha.3 → 0.3.13
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/{HLSView-BPYGVRXI.css → HLSView-MSHPSUUJ.css} +3 -3
- package/dist/{HLSView-BPYGVRXI.css.map → HLSView-MSHPSUUJ.css.map} +1 -1
- package/dist/{HLSView-LLRW3DIQ.js → HLSView-U4CRLAPX.js} +2 -2
- package/dist/{chunk-DNADAU4F.js → chunk-XIFK5DB3.js} +20 -8
- package/dist/chunk-XIFK5DB3.js.map +7 -0
- package/dist/index.cjs.css +2 -2
- package/dist/index.cjs.css.map +1 -1
- package/dist/index.cjs.js +122 -110
- 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 +34 -19
- package/dist/meta.esbuild.json +45 -30
- package/package.json +7 -7
- package/src/Prebuilt/components/IconButtonWithOptions/IconButtonWithOptions.tsx +1 -1
- package/src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx +3 -6
- package/src/Prebuilt/components/VideoLayouts/GridLayout.tsx +17 -0
- package/dist/chunk-DNADAU4F.js.map +0 -7
- /package/dist/{HLSView-LLRW3DIQ.js.map → HLSView-U4CRLAPX.js.map} +0 -0
package/dist/index.cjs.js
CHANGED
@@ -109,7 +109,7 @@ var __async = (__this, __arguments, generator) => {
|
|
109
109
|
var define_process_env_default;
|
110
110
|
var init_define_process_env = __esm({
|
111
111
|
"<define:process.env>"() {
|
112
|
-
define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_99b1a602-c7f7-49ff-b90b-3a5994e5873b", 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.3-alpha.3", 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.13-alpha.3", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_99b1a602-c7f7-49ff-b90b-3a5994e5873b", 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.13-alpha.3", 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.9", 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.8", 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: "591", 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.11/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240609.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.4/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:17321", 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.13-alpha.3", 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: "true", GITHUB_RUN_ID: "9513617529", 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: "602be1333ec3c791f936851843a60d1317b51234", 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: "3cfa293b6f51baf86521fe0161e53bd42f7fb01200f2ad77787ca00c1ffe5cf4", 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--1718356265715-0.895385458255374:/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--1718356265518-0.8388006177201046:/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--1718356240122-0.00009386668753852412:/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--1718356239941-0.942025479378021:/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_57ea8f71-f3e2-4b75-ab78-43beda3dbac5", INVOCATION_ID: "9729fd2d80cc4e509839708b51a3bc94", 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: "574", 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 157", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "true", 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.13-alpha.3", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.13-alpha.3", 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: "602be1333ec3c791f936851843a60d1317b51234", 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_99b1a602-c7f7-49ff-b90b-3a5994e5873b", 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", 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_99b1a602-c7f7-49ff-b90b-3a5994e5873b", 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_99b1a602-c7f7-49ff-b90b-3a5994e5873b" };
|
112
|
+
define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_cd0e65de-366e-47fa-bf2b-8ef39d3b706f", 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.3", 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.13", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_cd0e65de-366e-47fa-bf2b-8ef39d3b706f", 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.13", 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.9", 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.8", 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: "591", 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.11/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240609.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.4/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:4075", 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.13", 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: "true", GITHUB_RUN_ID: "9517970152", 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: "802d2f81f4920926428d58c1466bc03e32ce7c10", 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: "53d4d7e423fd4c42fb3bcb6c6d1438e49cea0b81ca54bc74a3fbf3339ff68a02", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/main", 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--1718376181994-0.16735654587713156:/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--1718376181799-0.8407472390970807:/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--1718376156568-0.8811564818425268:/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--1718376156388-0.2465343288921389:/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_92abf378-4fe7-4851-857f-03a9beb0c310", INVOCATION_ID: "2e0c87c080b146699fa5fd87a2b87b5f", 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: "576", 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 3", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "main", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "true", 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.13", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.13", 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: "802d2f81f4920926428d58c1466bc03e32ce7c10", 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/main", 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_cd0e65de-366e-47fa-bf2b-8ef39d3b706f", 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", 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_cd0e65de-366e-47fa-bf2b-8ef39d3b706f", 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_cd0e65de-366e-47fa-bf2b-8ef39d3b706f" };
|
113
113
|
}
|
114
114
|
});
|
115
115
|
|
@@ -10484,7 +10484,7 @@ var init_IconButtonWithOptions = __esm({
|
|
10484
10484
|
}
|
10485
10485
|
}) => {
|
10486
10486
|
const commonProps = { disabled, active };
|
10487
|
-
return /* @__PURE__ */ import_react38.default.createElement(Flex, null, /* @__PURE__ */ import_react38.default.createElement(IconSection, __spreadProps(__spreadValues({}, commonProps), { onClick, hideOptions }), /* @__PURE__ */ import_react38.default.createElement(Tooltip, { disabled: !tooltipMessage, title: tooltipMessage }, /* @__PURE__ */ import_react38.default.createElement(Icon2, __spreadValues({}, commonProps), icon))), !hideOptions && children ? /* @__PURE__ */ import_react38.default.createElement(Dropdown.Root, null, /* @__PURE__ */ import_react38.default.createElement(
|
10487
|
+
return /* @__PURE__ */ import_react38.default.createElement(Flex, null, /* @__PURE__ */ import_react38.default.createElement(IconSection, __spreadProps(__spreadValues({}, commonProps), { onClick, hideOptions, className: "__cancel-drag-event" }), /* @__PURE__ */ import_react38.default.createElement(Tooltip, { disabled: !tooltipMessage, title: tooltipMessage }, /* @__PURE__ */ import_react38.default.createElement(Icon2, __spreadValues({}, commonProps), icon))), !hideOptions && children ? /* @__PURE__ */ import_react38.default.createElement(Dropdown.Root, null, /* @__PURE__ */ import_react38.default.createElement(
|
10488
10488
|
Dropdown.Trigger,
|
10489
10489
|
{
|
10490
10490
|
asChild: true,
|
@@ -20051,7 +20051,7 @@ var init_dist = __esm({
|
|
20051
20051
|
};
|
20052
20052
|
Ba = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
|
20053
20053
|
cr = Ba((Ic, Ja) => {
|
20054
|
-
Ja.exports = { version: "0.12.13
|
20054
|
+
Ja.exports = { version: "0.12.13", 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"] };
|
20055
20055
|
});
|
20056
20056
|
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 || {});
|
20057
20057
|
Va = ((e) => (e.CHAT = "chat", e))(Va || {});
|
@@ -21730,7 +21730,7 @@ var init_MwebOptions = __esm({
|
|
21730
21730
|
const { startRecording, isRecordingLoading } = useRecordingHandler();
|
21731
21731
|
const isTranscriptionAllowed = (0, import_react_sdk39.useHMSStore)((0, import_react_sdk39.selectIsTranscriptionAllowedByMode)(import_react_sdk39.HMSTranscriptionMode.CAPTION));
|
21732
21732
|
const isTranscriptionEnabled = (0, import_react_sdk39.useHMSStore)(import_react_sdk39.selectIsTranscriptionEnabled);
|
21733
|
-
const
|
21733
|
+
const isCaptionEnabled = useIsCaptionEnabled();
|
21734
21734
|
useDropdownList({ open: openModals.size > 0 || openOptionsSheet || openSettingsSheet, name: "MoreSettings" });
|
21735
21735
|
const updateState = (modalName, value) => {
|
21736
21736
|
setOpenModals((modals) => {
|
@@ -30747,9 +30747,9 @@ var init_ScreenshareLayout = __esm({
|
|
30747
30747
|
}
|
30748
30748
|
});
|
30749
30749
|
|
30750
|
-
// ../../../../../../../tmp/tmp-
|
30751
|
-
var
|
30752
|
-
"../../../../../../../tmp/tmp-
|
30750
|
+
// ../../../../../../../tmp/tmp-2872-UAYA9ETPVkRl/1901733b26b0/index.css
|
30751
|
+
var init_b26b0 = __esm({
|
30752
|
+
"../../../../../../../tmp/tmp-2872-UAYA9ETPVkRl/1901733b26b0/index.css"() {
|
30753
30753
|
}
|
30754
30754
|
});
|
30755
30755
|
|
@@ -30771,7 +30771,7 @@ var init_WhiteboardLayout = __esm({
|
|
30771
30771
|
init_ProminenceLayout();
|
30772
30772
|
init_useUISettings();
|
30773
30773
|
init_constants();
|
30774
|
-
|
30774
|
+
init_b26b0();
|
30775
30775
|
WhiteboardEmbed = () => {
|
30776
30776
|
const isMobile = (0, import_react_use42.useMedia)(config.media.md);
|
30777
30777
|
const { token, endpoint, zoomToContent } = (0, import_react_sdk93.useWhiteboard)(isMobile);
|
@@ -30935,13 +30935,15 @@ var init_PeersSorter = __esm({
|
|
30935
30935
|
});
|
30936
30936
|
|
30937
30937
|
// src/Prebuilt/components/VideoLayouts/GridLayout.tsx
|
30938
|
-
var import_react183, import_react_sdk95, GridLayout;
|
30938
|
+
var import_react183, import_react_sdk95, import_react_icons87, GridLayout;
|
30939
30939
|
var init_GridLayout = __esm({
|
30940
30940
|
"src/Prebuilt/components/VideoLayouts/GridLayout.tsx"() {
|
30941
30941
|
"use strict";
|
30942
30942
|
init_define_process_env();
|
30943
30943
|
import_react183 = __toESM(require("react"));
|
30944
30944
|
import_react_sdk95 = require("@100mslive/react-sdk");
|
30945
|
+
import_react_icons87 = require("@100mslive/react-icons");
|
30946
|
+
init_ToastManager();
|
30945
30947
|
init_EqualProminence();
|
30946
30948
|
init_RoleProminence();
|
30947
30949
|
init_ScreenshareLayout();
|
@@ -31007,6 +31009,16 @@ var init_GridLayout = __esm({
|
|
31007
31009
|
hideMetadataOnTile: hide_metadata_on_tile,
|
31008
31010
|
objectFit: video_object_fit
|
31009
31011
|
};
|
31012
|
+
const transcriptionStates = (0, import_react_sdk95.useHMSStore)(import_react_sdk95.selectTranscriptionsState);
|
31013
|
+
(0, import_react183.useEffect)(() => {
|
31014
|
+
if (transcriptionStates && transcriptionStates.length > 0 && transcriptionStates[0].error) {
|
31015
|
+
ToastManager.addToast({
|
31016
|
+
title: `Failed to enable Closed Caption`,
|
31017
|
+
variant: "error",
|
31018
|
+
icon: /* @__PURE__ */ import_react183.default.createElement(import_react_icons87.AlertTriangleIcon, { style: { marginRight: "0.5rem" } })
|
31019
|
+
});
|
31020
|
+
}
|
31021
|
+
}, [transcriptionStates]);
|
31010
31022
|
(0, import_react183.useEffect)(() => {
|
31011
31023
|
if (mainPage !== 0) {
|
31012
31024
|
return;
|
@@ -31502,7 +31514,7 @@ function HlsStatsOverlay({ hlsStatsState, onClose }) {
|
|
31502
31514
|
},
|
31503
31515
|
direction: "column"
|
31504
31516
|
},
|
31505
|
-
/* @__PURE__ */ import_react188.default.createElement(IconButton_default, { css: { position: "absolute", top: "$2", right: "$2" }, onClick: onClose }, /* @__PURE__ */ import_react188.default.createElement(
|
31517
|
+
/* @__PURE__ */ import_react188.default.createElement(IconButton_default, { css: { position: "absolute", top: "$2", right: "$2" }, onClick: onClose }, /* @__PURE__ */ import_react188.default.createElement(import_react_icons88.CrossIcon, null)),
|
31506
31518
|
/* @__PURE__ */ import_react188.default.createElement(HlsStatsRow, { label: "URL" }, /* @__PURE__ */ import_react188.default.createElement(Flex, { align: "center" }, /* @__PURE__ */ import_react188.default.createElement(
|
31507
31519
|
"a",
|
31508
31520
|
{
|
@@ -31536,13 +31548,13 @@ function getDurationFromSeconds(timeInSeconds) {
|
|
31536
31548
|
}
|
31537
31549
|
return videoTimeStr;
|
31538
31550
|
}
|
31539
|
-
var import_react188,
|
31551
|
+
var import_react188, import_react_icons88, HlsStatsRow;
|
31540
31552
|
var init_HlsStatsOverlay = __esm({
|
31541
31553
|
"src/Prebuilt/components/HlsStatsOverlay.jsx"() {
|
31542
31554
|
"use strict";
|
31543
31555
|
init_define_process_env();
|
31544
31556
|
import_react188 = __toESM(require("react"));
|
31545
|
-
|
31557
|
+
import_react_icons88 = require("@100mslive/react-icons");
|
31546
31558
|
init_Layout();
|
31547
31559
|
init_Text2();
|
31548
31560
|
init_IconButton3();
|
@@ -31688,13 +31700,13 @@ var init_PlayerContext = __esm({
|
|
31688
31700
|
});
|
31689
31701
|
|
31690
31702
|
// src/Prebuilt/components/HMSVideo/PlayPauseButton.tsx
|
31691
|
-
var import_react191,
|
31703
|
+
var import_react191, import_react_icons89, PlayPauseButton;
|
31692
31704
|
var init_PlayPauseButton = __esm({
|
31693
31705
|
"src/Prebuilt/components/HMSVideo/PlayPauseButton.tsx"() {
|
31694
31706
|
"use strict";
|
31695
31707
|
init_define_process_env();
|
31696
31708
|
import_react191 = __toESM(require("react"));
|
31697
|
-
|
31709
|
+
import_react_icons89 = require("@100mslive/react-icons");
|
31698
31710
|
init_src();
|
31699
31711
|
init_PlayerContext();
|
31700
31712
|
PlayPauseButton = ({
|
@@ -31707,7 +31719,7 @@ var init_PlayPauseButton = __esm({
|
|
31707
31719
|
event == null ? void 0 : event.stopPropagation();
|
31708
31720
|
isPaused ? yield hlsPlayer2 == null ? void 0 : hlsPlayer2.play() : hlsPlayer2 == null ? void 0 : hlsPlayer2.pause();
|
31709
31721
|
});
|
31710
|
-
return /* @__PURE__ */ import_react191.default.createElement(Tooltip, { title: isPaused ? "Play" : "Pause", side: "top" }, /* @__PURE__ */ import_react191.default.createElement(IconButton, { onClick, "data-testid": "play_pause_btn" }, isPaused ? /* @__PURE__ */ import_react191.default.createElement(
|
31722
|
+
return /* @__PURE__ */ import_react191.default.createElement(Tooltip, { title: isPaused ? "Play" : "Pause", side: "top" }, /* @__PURE__ */ import_react191.default.createElement(IconButton, { onClick, "data-testid": "play_pause_btn" }, isPaused ? /* @__PURE__ */ import_react191.default.createElement(import_react_icons89.PlayIcon, { width, height }) : /* @__PURE__ */ import_react191.default.createElement(import_react_icons89.PauseIcon, { width, height })));
|
31711
31723
|
};
|
31712
31724
|
}
|
31713
31725
|
});
|
@@ -31732,14 +31744,14 @@ var init_SeekControl = __esm({
|
|
31732
31744
|
});
|
31733
31745
|
|
31734
31746
|
// src/Prebuilt/components/HMSVideo/PlayPauseSeekControls.tsx
|
31735
|
-
var import_react193, import_react_use44,
|
31747
|
+
var import_react193, import_react_use44, import_react_icons90, PlayPauseSeekControls, PlayPauseSeekOverlayControls;
|
31736
31748
|
var init_PlayPauseSeekControls = __esm({
|
31737
31749
|
"src/Prebuilt/components/HMSVideo/PlayPauseSeekControls.tsx"() {
|
31738
31750
|
"use strict";
|
31739
31751
|
init_define_process_env();
|
31740
31752
|
import_react193 = __toESM(require("react"));
|
31741
31753
|
import_react_use44 = require("react-use");
|
31742
|
-
|
31754
|
+
import_react_icons90 = require("@100mslive/react-icons");
|
31743
31755
|
init_Layout();
|
31744
31756
|
init_Text2();
|
31745
31757
|
init_Theme();
|
@@ -31759,7 +31771,7 @@ var init_PlayPauseSeekControls = __esm({
|
|
31759
31771
|
},
|
31760
31772
|
title: "backward"
|
31761
31773
|
},
|
31762
|
-
/* @__PURE__ */ import_react193.default.createElement(
|
31774
|
+
/* @__PURE__ */ import_react193.default.createElement(import_react_icons90.BackwardArrowIcon, { width: 20, height: 20 })
|
31763
31775
|
), /* @__PURE__ */ import_react193.default.createElement(PlayPauseButton, { isPaused }), /* @__PURE__ */ import_react193.default.createElement(
|
31764
31776
|
SeekControl,
|
31765
31777
|
{
|
@@ -31769,7 +31781,7 @@ var init_PlayPauseSeekControls = __esm({
|
|
31769
31781
|
},
|
31770
31782
|
title: "forward"
|
31771
31783
|
},
|
31772
|
-
/* @__PURE__ */ import_react193.default.createElement(
|
31784
|
+
/* @__PURE__ */ import_react193.default.createElement(import_react_icons90.ForwardArrowIcon, { width: 20, height: 20 })
|
31773
31785
|
));
|
31774
31786
|
};
|
31775
31787
|
PlayPauseSeekOverlayControls = ({
|
@@ -31793,7 +31805,7 @@ var init_PlayPauseSeekControls = __esm({
|
|
31793
31805
|
direction: "column",
|
31794
31806
|
align: "center"
|
31795
31807
|
},
|
31796
|
-
/* @__PURE__ */ import_react193.default.createElement(SeekControl, { title: "backward" }, /* @__PURE__ */ import_react193.default.createElement(
|
31808
|
+
/* @__PURE__ */ import_react193.default.createElement(SeekControl, { title: "backward" }, /* @__PURE__ */ import_react193.default.createElement(import_react_icons90.BackwardArrowIcon, { width: 52, height: 52 })),
|
31797
31809
|
/* @__PURE__ */ import_react193.default.createElement(Text, { variant: "body2", css: { fontWeight: "$regular" } }, "10 secs")
|
31798
31810
|
), /* @__PURE__ */ import_react193.default.createElement(
|
31799
31811
|
Box,
|
@@ -31819,7 +31831,7 @@ var init_PlayPauseSeekControls = __esm({
|
|
31819
31831
|
direction: "column",
|
31820
31832
|
align: "center"
|
31821
31833
|
},
|
31822
|
-
/* @__PURE__ */ import_react193.default.createElement(SeekControl, { title: "forward" }, /* @__PURE__ */ import_react193.default.createElement(
|
31834
|
+
/* @__PURE__ */ import_react193.default.createElement(SeekControl, { title: "forward" }, /* @__PURE__ */ import_react193.default.createElement(import_react_icons90.ForwardArrowIcon, { width: 52, height: 52 })),
|
31823
31835
|
/* @__PURE__ */ import_react193.default.createElement(Text, { variant: "body2", css: { fontWeight: "$regular" } }, "10 secs")
|
31824
31836
|
));
|
31825
31837
|
}
|
@@ -31848,7 +31860,7 @@ var init_PlayPauseSeekControls = __esm({
|
|
31848
31860
|
opacity: hoverControlsVisible.seekBackward ? `1` : "0"
|
31849
31861
|
}
|
31850
31862
|
},
|
31851
|
-
/* @__PURE__ */ import_react193.default.createElement(
|
31863
|
+
/* @__PURE__ */ import_react193.default.createElement(import_react_icons90.BackwardArrowIcon, { width: 32, height: 32 })
|
31852
31864
|
),
|
31853
31865
|
/* @__PURE__ */ import_react193.default.createElement(
|
31854
31866
|
Box,
|
@@ -31869,7 +31881,7 @@ var init_PlayPauseSeekControls = __esm({
|
|
31869
31881
|
opacity: hoverControlsVisible.seekForward ? `1` : "0"
|
31870
31882
|
}
|
31871
31883
|
},
|
31872
|
-
/* @__PURE__ */ import_react193.default.createElement(
|
31884
|
+
/* @__PURE__ */ import_react193.default.createElement(import_react_icons90.ForwardArrowIcon, { width: 32, height: 32 })
|
31873
31885
|
)
|
31874
31886
|
);
|
31875
31887
|
};
|
@@ -32075,13 +32087,13 @@ var init_VideoTime = __esm({
|
|
32075
32087
|
});
|
32076
32088
|
|
32077
32089
|
// src/Prebuilt/components/HMSVideo/VolumeControl.tsx
|
32078
|
-
var import_react196,
|
32090
|
+
var import_react196, import_react_icons91, VolumeControl, VolumeIcon;
|
32079
32091
|
var init_VolumeControl = __esm({
|
32080
32092
|
"src/Prebuilt/components/HMSVideo/VolumeControl.tsx"() {
|
32081
32093
|
"use strict";
|
32082
32094
|
init_define_process_env();
|
32083
32095
|
import_react196 = __toESM(require("react"));
|
32084
|
-
|
32096
|
+
import_react_icons91 = require("@100mslive/react-icons");
|
32085
32097
|
init_src();
|
32086
32098
|
init_PlayerContext();
|
32087
32099
|
VolumeControl = () => {
|
@@ -32146,9 +32158,9 @@ var init_VolumeControl = __esm({
|
|
32146
32158
|
};
|
32147
32159
|
VolumeIcon = ({ volume, onClick }) => {
|
32148
32160
|
if (volume === 0) {
|
32149
|
-
return /* @__PURE__ */ import_react196.default.createElement(
|
32161
|
+
return /* @__PURE__ */ import_react196.default.createElement(import_react_icons91.VolumeZeroIcon, { style: { cursor: "pointer", transition: "color 0.3s" }, onClick });
|
32150
32162
|
}
|
32151
|
-
return volume < 50 ? /* @__PURE__ */ import_react196.default.createElement(
|
32163
|
+
return volume < 50 ? /* @__PURE__ */ import_react196.default.createElement(import_react_icons91.VolumeOneIcon, { style: { cursor: "pointer", transition: "color 0.3s" }, onClick }) : /* @__PURE__ */ import_react196.default.createElement(import_react_icons91.VolumeTwoIcon, { style: { cursor: "pointer", transition: "color 0.3s" }, onClick });
|
32152
32164
|
};
|
32153
32165
|
}
|
32154
32166
|
});
|
@@ -32184,16 +32196,16 @@ var init_HMSVideo2 = __esm({
|
|
32184
32196
|
});
|
32185
32197
|
|
32186
32198
|
// src/Prebuilt/components/HMSVideo/FullscreenButton.tsx
|
32187
|
-
var import_react197,
|
32199
|
+
var import_react197, import_react_icons92, FullScreenButton2;
|
32188
32200
|
var init_FullscreenButton = __esm({
|
32189
32201
|
"src/Prebuilt/components/HMSVideo/FullscreenButton.tsx"() {
|
32190
32202
|
"use strict";
|
32191
32203
|
init_define_process_env();
|
32192
32204
|
import_react197 = __toESM(require("react"));
|
32193
|
-
|
32205
|
+
import_react_icons92 = require("@100mslive/react-icons");
|
32194
32206
|
init_src();
|
32195
32207
|
FullScreenButton2 = ({ isFullScreen, onToggle }) => {
|
32196
|
-
return /* @__PURE__ */ import_react197.default.createElement(Tooltip, { title: `${isFullScreen ? "Exit" : "Go"} fullscreen`, side: "top" }, /* @__PURE__ */ import_react197.default.createElement(IconButton, { css: { margin: "0px" }, onClick: onToggle, key: "fullscreen_btn", "data-testid": "fullscreen_btn" }, /* @__PURE__ */ import_react197.default.createElement(Flex, null, isFullScreen ? /* @__PURE__ */ import_react197.default.createElement(
|
32208
|
+
return /* @__PURE__ */ import_react197.default.createElement(Tooltip, { title: `${isFullScreen ? "Exit" : "Go"} fullscreen`, side: "top" }, /* @__PURE__ */ import_react197.default.createElement(IconButton, { css: { margin: "0px" }, onClick: onToggle, key: "fullscreen_btn", "data-testid": "fullscreen_btn" }, /* @__PURE__ */ import_react197.default.createElement(Flex, null, isFullScreen ? /* @__PURE__ */ import_react197.default.createElement(import_react_icons92.ShrinkIcon, null) : /* @__PURE__ */ import_react197.default.createElement(import_react_icons92.ExpandIcon, null))));
|
32197
32209
|
};
|
32198
32210
|
}
|
32199
32211
|
});
|
@@ -32219,7 +32231,7 @@ function HLSAutoplayBlockedPrompt({
|
|
32219
32231
|
return yield unblockAutoPlay();
|
32220
32232
|
})
|
32221
32233
|
},
|
32222
|
-
/* @__PURE__ */ import_react198.default.createElement(
|
32234
|
+
/* @__PURE__ */ import_react198.default.createElement(import_react_icons93.VolumeTwoIcon, { width: "32", height: "32" }),
|
32223
32235
|
/* @__PURE__ */ import_react198.default.createElement(
|
32224
32236
|
Text,
|
32225
32237
|
{
|
@@ -32256,14 +32268,14 @@ function HLSAutoplayBlockedPrompt({
|
|
32256
32268
|
)))
|
32257
32269
|
);
|
32258
32270
|
}
|
32259
|
-
var import_react198, import_react_use45,
|
32271
|
+
var import_react198, import_react_use45, import_react_icons93;
|
32260
32272
|
var init_HLSAutoplayBlockedPrompt = __esm({
|
32261
32273
|
"src/Prebuilt/components/HMSVideo/HLSAutoplayBlockedPrompt.tsx"() {
|
32262
32274
|
"use strict";
|
32263
32275
|
init_define_process_env();
|
32264
32276
|
import_react198 = __toESM(require("react"));
|
32265
32277
|
import_react_use45 = require("react-use");
|
32266
|
-
|
32278
|
+
import_react_icons93 = require("@100mslive/react-icons");
|
32267
32279
|
init_src();
|
32268
32280
|
init_DialogContent2();
|
32269
32281
|
init_hooks();
|
@@ -32273,15 +32285,15 @@ var init_HLSAutoplayBlockedPrompt = __esm({
|
|
32273
32285
|
// src/Prebuilt/components/HMSVideo/HLSCaptionSelector.tsx
|
32274
32286
|
function HLSCaptionSelector({ isEnabled }) {
|
32275
32287
|
const { hlsPlayer: hlsPlayer2 } = useHMSPlayerContext();
|
32276
|
-
return /* @__PURE__ */ import_react199.default.createElement(Tooltip, { title: "Subtitles/closed captions", side: "top" }, /* @__PURE__ */ import_react199.default.createElement(IconButton, { css: { p: "$2" }, onClick: () => hlsPlayer2 == null ? void 0 : hlsPlayer2.toggleCaption() }, isEnabled ? /* @__PURE__ */ import_react199.default.createElement(
|
32288
|
+
return /* @__PURE__ */ import_react199.default.createElement(Tooltip, { title: "Subtitles/closed captions", side: "top" }, /* @__PURE__ */ import_react199.default.createElement(IconButton, { css: { p: "$2" }, onClick: () => hlsPlayer2 == null ? void 0 : hlsPlayer2.toggleCaption() }, isEnabled ? /* @__PURE__ */ import_react199.default.createElement(import_react_icons94.ClosedCaptionIcon, { width: "20", height: "20px" }) : /* @__PURE__ */ import_react199.default.createElement(import_react_icons94.OpenCaptionIcon, { width: "20", height: "20px" })));
|
32277
32289
|
}
|
32278
|
-
var import_react199,
|
32290
|
+
var import_react199, import_react_icons94;
|
32279
32291
|
var init_HLSCaptionSelector = __esm({
|
32280
32292
|
"src/Prebuilt/components/HMSVideo/HLSCaptionSelector.tsx"() {
|
32281
32293
|
"use strict";
|
32282
32294
|
init_define_process_env();
|
32283
32295
|
import_react199 = __toESM(require("react"));
|
32284
|
-
|
32296
|
+
import_react_icons94 = require("@100mslive/react-icons");
|
32285
32297
|
init_src();
|
32286
32298
|
init_PlayerContext();
|
32287
32299
|
}
|
@@ -32313,7 +32325,7 @@ function HLSQualitySelector({
|
|
32313
32325
|
p: "$2"
|
32314
32326
|
}
|
32315
32327
|
},
|
32316
|
-
/* @__PURE__ */ import_react200.default.createElement(
|
32328
|
+
/* @__PURE__ */ import_react200.default.createElement(import_react_icons95.SettingsIcon, null)
|
32317
32329
|
)), /* @__PURE__ */ import_react200.default.createElement(
|
32318
32330
|
Sheet.Content,
|
32319
32331
|
{
|
@@ -32338,7 +32350,7 @@ function HLSQualitySelector({
|
|
32338
32350
|
}
|
32339
32351
|
},
|
32340
32352
|
"Quality",
|
32341
|
-
/* @__PURE__ */ import_react200.default.createElement(Sheet.Close, { css: { color: "$on_surface_high" }, onClick: () => onOpenChange(false) }, /* @__PURE__ */ import_react200.default.createElement(
|
32353
|
+
/* @__PURE__ */ import_react200.default.createElement(Sheet.Close, { css: { color: "$on_surface_high" }, onClick: () => onOpenChange(false) }, /* @__PURE__ */ import_react200.default.createElement(import_react_icons95.CrossIcon, null))
|
32342
32354
|
),
|
32343
32355
|
layers.map((layer) => {
|
32344
32356
|
return /* @__PURE__ */ import_react200.default.createElement(
|
@@ -32361,7 +32373,7 @@ function HLSQualitySelector({
|
|
32361
32373
|
},
|
32362
32374
|
/* @__PURE__ */ import_react200.default.createElement(Text, { variant: "caption", css: { fontWeight: "$semiBold" } }, getQualityText(layer)),
|
32363
32375
|
/* @__PURE__ */ import_react200.default.createElement(Text, { variant: "caption", css: { flex: "1 1 0", c: "$on_surface_low", pl: "$2" } }, getBitrateText(layer)),
|
32364
|
-
!isAuto && layer.width === (selection == null ? void 0 : selection.width) && layer.height === (selection == null ? void 0 : selection.height) && /* @__PURE__ */ import_react200.default.createElement(
|
32376
|
+
!isAuto && layer.width === (selection == null ? void 0 : selection.width) && layer.height === (selection == null ? void 0 : selection.height) && /* @__PURE__ */ import_react200.default.createElement(import_react_icons95.CheckIcon, { width: "16px", height: "16px" })
|
32365
32377
|
);
|
32366
32378
|
}),
|
32367
32379
|
/* @__PURE__ */ import_react200.default.createElement(
|
@@ -32383,7 +32395,7 @@ function HLSQualitySelector({
|
|
32383
32395
|
onClick: () => onQualityChange({ height: "auto" })
|
32384
32396
|
},
|
32385
32397
|
/* @__PURE__ */ import_react200.default.createElement(Text, { variant: "caption", css: { fontWeight: "$semiBold", flex: "1 1 0" } }, "Auto"),
|
32386
|
-
isAuto && /* @__PURE__ */ import_react200.default.createElement(
|
32398
|
+
isAuto && /* @__PURE__ */ import_react200.default.createElement(import_react_icons95.CheckIcon, { width: "16px", height: "16px" })
|
32387
32399
|
)
|
32388
32400
|
));
|
32389
32401
|
}
|
@@ -32408,7 +32420,7 @@ function HLSQualitySelector({
|
|
32408
32420
|
c: "$on_surface_high"
|
32409
32421
|
}
|
32410
32422
|
},
|
32411
|
-
/* @__PURE__ */ import_react200.default.createElement(
|
32423
|
+
/* @__PURE__ */ import_react200.default.createElement(import_react_icons95.SettingsIcon, null)
|
32412
32424
|
), /* @__PURE__ */ import_react200.default.createElement(
|
32413
32425
|
Text,
|
32414
32426
|
{
|
@@ -32467,7 +32479,7 @@ function HLSQualitySelector({
|
|
32467
32479
|
},
|
32468
32480
|
/* @__PURE__ */ import_react200.default.createElement(Text, { variant: "caption", css: { fontWeight: "$semiBold" } }, getQualityText(layer)),
|
32469
32481
|
/* @__PURE__ */ import_react200.default.createElement(Text, { variant: "caption", css: { flex: "1 1 0", c: "$on_surface_low", pl: "$2" } }, getBitrateText(layer)),
|
32470
|
-
!isAuto && layer.width === (selection == null ? void 0 : selection.width) && layer.height === (selection == null ? void 0 : selection.height) && /* @__PURE__ */ import_react200.default.createElement(
|
32482
|
+
!isAuto && layer.width === (selection == null ? void 0 : selection.width) && layer.height === (selection == null ? void 0 : selection.height) && /* @__PURE__ */ import_react200.default.createElement(import_react_icons95.CheckIcon, { width: "16px", height: "16px" })
|
32471
32483
|
);
|
32472
32484
|
}),
|
32473
32485
|
/* @__PURE__ */ import_react200.default.createElement(
|
@@ -32486,18 +32498,18 @@ function HLSQualitySelector({
|
|
32486
32498
|
}
|
32487
32499
|
},
|
32488
32500
|
/* @__PURE__ */ import_react200.default.createElement(Text, { variant: "caption", css: { fontWeight: "$semiBold", flex: "1 1 0" } }, "Auto"),
|
32489
|
-
isAuto && /* @__PURE__ */ import_react200.default.createElement(
|
32501
|
+
isAuto && /* @__PURE__ */ import_react200.default.createElement(import_react_icons95.CheckIcon, { width: "16px", height: "16px" })
|
32490
32502
|
)
|
32491
32503
|
)));
|
32492
32504
|
}
|
32493
|
-
var import_react200, import_react_use46,
|
32505
|
+
var import_react200, import_react_use46, import_react_icons95, getQualityText, getBitrateText;
|
32494
32506
|
var init_HLSQualitySelector = __esm({
|
32495
32507
|
"src/Prebuilt/components/HMSVideo/HLSQualitySelector.tsx"() {
|
32496
32508
|
"use strict";
|
32497
32509
|
init_define_process_env();
|
32498
32510
|
import_react200 = __toESM(require("react"));
|
32499
32511
|
import_react_use46 = require("react-use");
|
32500
|
-
|
32512
|
+
import_react_icons95 = require("@100mslive/react-icons");
|
32501
32513
|
init_src();
|
32502
32514
|
init_Sheet2();
|
32503
32515
|
init_Theme();
|
@@ -32508,13 +32520,13 @@ var init_HLSQualitySelector = __esm({
|
|
32508
32520
|
});
|
32509
32521
|
|
32510
32522
|
// src/Prebuilt/components/HMSVideo/MwebHLSViewTitle.tsx
|
32511
|
-
var import_react201,
|
32523
|
+
var import_react201, import_react_icons96, HLSViewTitle;
|
32512
32524
|
var init_MwebHLSViewTitle = __esm({
|
32513
32525
|
"src/Prebuilt/components/HMSVideo/MwebHLSViewTitle.tsx"() {
|
32514
32526
|
"use strict";
|
32515
32527
|
init_define_process_env();
|
32516
32528
|
import_react201 = __toESM(require("react"));
|
32517
|
-
|
32529
|
+
import_react_icons96 = require("@100mslive/react-icons");
|
32518
32530
|
init_Layout();
|
32519
32531
|
init_Text2();
|
32520
32532
|
init_HeaderComponents();
|
@@ -32553,7 +32565,7 @@ var init_MwebHLSViewTitle = __esm({
|
|
32553
32565
|
"&:hover": { opacity: "0.8" }
|
32554
32566
|
}
|
32555
32567
|
},
|
32556
|
-
/* @__PURE__ */ import_react201.default.createElement(
|
32568
|
+
/* @__PURE__ */ import_react201.default.createElement(import_react_icons96.ChevronDownIcon, null)
|
32557
32569
|
)
|
32558
32570
|
);
|
32559
32571
|
}
|
@@ -32583,7 +32595,7 @@ var HLSView_exports = {};
|
|
32583
32595
|
__export(HLSView_exports, {
|
32584
32596
|
default: () => HLSView_default
|
32585
32597
|
});
|
32586
|
-
var import_react202, import_react_use47, import_hls_player3, import_screenfull3, import_ts_pattern12, import_react_sdk100,
|
32598
|
+
var import_react202, import_react_use47, import_hls_player3, import_screenfull3, import_ts_pattern12, import_react_sdk100, import_react_icons97, hlsPlayer, toastMap, ToggleChat, HLSView, HLSView_default;
|
32587
32599
|
var init_HLSView = __esm({
|
32588
32600
|
"src/Prebuilt/layouts/HLSView.jsx"() {
|
32589
32601
|
"use strict";
|
@@ -32594,7 +32606,7 @@ var init_HLSView = __esm({
|
|
32594
32606
|
import_screenfull3 = __toESM(require("screenfull"));
|
32595
32607
|
import_ts_pattern12 = require("ts-pattern");
|
32596
32608
|
import_react_sdk100 = require("@100mslive/react-sdk");
|
32597
|
-
|
32609
|
+
import_react_icons97 = require("@100mslive/react-icons");
|
32598
32610
|
init_ChatToggle();
|
32599
32611
|
init_HlsStatsOverlay();
|
32600
32612
|
init_HMSVideo2();
|
@@ -32988,14 +33000,14 @@ var init_HLSView = __esm({
|
|
32988
33000
|
streamEnded ? /* @__PURE__ */ import_react202.default.createElement(
|
32989
33001
|
WaitingView,
|
32990
33002
|
{
|
32991
|
-
icon: /* @__PURE__ */ import_react202.default.createElement(
|
33003
|
+
icon: /* @__PURE__ */ import_react202.default.createElement(import_react_icons97.ColoredHandIcon, { height: 56, width: 56 }),
|
32992
33004
|
title: "Stream has ended",
|
32993
33005
|
subtitle: "Have a nice day!"
|
32994
33006
|
}
|
32995
33007
|
) : /* @__PURE__ */ import_react202.default.createElement(
|
32996
33008
|
WaitingView,
|
32997
33009
|
{
|
32998
|
-
icon: /* @__PURE__ */ import_react202.default.createElement(
|
33010
|
+
icon: /* @__PURE__ */ import_react202.default.createElement(import_react_icons97.GoLiveIcon, { height: 56, width: 56, style: { color: "white" } }),
|
32999
33011
|
title: "Stream yet to start",
|
33000
33012
|
subtitle: "Sit back and relax"
|
33001
33013
|
}
|
@@ -33233,7 +33245,7 @@ var init_HLSView = __esm({
|
|
33233
33245
|
});
|
33234
33246
|
|
33235
33247
|
// src/Prebuilt/layouts/VideoStreamingSection.tsx
|
33236
|
-
var import_react203, import_react_use48, import_ts_pattern13, import_react_sdk101,
|
33248
|
+
var import_react203, import_react_use48, import_ts_pattern13, import_react_sdk101, import_react_icons98, HLSView2, VideoStreamingSection;
|
33237
33249
|
var init_VideoStreamingSection = __esm({
|
33238
33250
|
"src/Prebuilt/layouts/VideoStreamingSection.tsx"() {
|
33239
33251
|
"use strict";
|
@@ -33242,7 +33254,7 @@ var init_VideoStreamingSection = __esm({
|
|
33242
33254
|
import_react_use48 = require("react-use");
|
33243
33255
|
import_ts_pattern13 = require("ts-pattern");
|
33244
33256
|
import_react_sdk101 = require("@100mslive/react-sdk");
|
33245
|
-
|
33257
|
+
import_react_icons98 = require("@100mslive/react-icons");
|
33246
33258
|
init_FullPageProgress();
|
33247
33259
|
init_GridLayout();
|
33248
33260
|
init_Layout();
|
@@ -33319,7 +33331,7 @@ var init_VideoStreamingSection = __esm({
|
|
33319
33331
|
{
|
33320
33332
|
title: "Waiting for Host to join",
|
33321
33333
|
subtitle: "Sit back and relax",
|
33322
|
-
icon: /* @__PURE__ */ import_react203.default.createElement(
|
33334
|
+
icon: /* @__PURE__ */ import_react203.default.createElement(import_react_icons98.PeopleAddIcon, { width: "56px", height: "56px", style: { color: "white" } })
|
33323
33335
|
}
|
33324
33336
|
)
|
33325
33337
|
).when(
|
@@ -33329,7 +33341,7 @@ var init_VideoStreamingSection = __esm({
|
|
33329
33341
|
{
|
33330
33342
|
title: "Ready to present",
|
33331
33343
|
subtitle: "Select the Screenshare button to start presenting",
|
33332
|
-
icon: /* @__PURE__ */ import_react203.default.createElement(
|
33344
|
+
icon: /* @__PURE__ */ import_react203.default.createElement(import_react_icons98.ShareScreenIcon, { width: "56px", height: "56px", style: { color: "white" } })
|
33333
33345
|
}
|
33334
33346
|
)
|
33335
33347
|
).when(
|
@@ -33370,14 +33382,14 @@ var init_VideoStreamingSection = __esm({
|
|
33370
33382
|
});
|
33371
33383
|
|
33372
33384
|
// src/Prebuilt/components/Header/RoomDetailsHeader.tsx
|
33373
|
-
var import_react204, import_react_use49,
|
33385
|
+
var import_react204, import_react_use49, import_react_icons99, RoomDetailsHeader;
|
33374
33386
|
var init_RoomDetailsHeader = __esm({
|
33375
33387
|
"src/Prebuilt/components/Header/RoomDetailsHeader.tsx"() {
|
33376
33388
|
"use strict";
|
33377
33389
|
init_define_process_env();
|
33378
33390
|
import_react204 = __toESM(require("react"));
|
33379
33391
|
import_react_use49 = require("react-use");
|
33380
|
-
|
33392
|
+
import_react_icons99 = require("@100mslive/react-icons");
|
33381
33393
|
init_Layout();
|
33382
33394
|
init_Text2();
|
33383
33395
|
init_Theme();
|
@@ -33401,20 +33413,20 @@ var init_RoomDetailsHeader = __esm({
|
|
33401
33413
|
onClick: toggleDetailsPane
|
33402
33414
|
},
|
33403
33415
|
"\xA0...more"
|
33404
|
-
) : null), isMobile && description ? /* @__PURE__ */ import_react204.default.createElement(Flex, { css: { color: "$on_surface_medium" } }, /* @__PURE__ */ import_react204.default.createElement(
|
33416
|
+
) : null), isMobile && description ? /* @__PURE__ */ import_react204.default.createElement(Flex, { css: { color: "$on_surface_medium" } }, /* @__PURE__ */ import_react204.default.createElement(import_react_icons99.ChevronRightIcon, { height: 16, width: 16, onClick: toggleDetailsSheet })) : null);
|
33405
33417
|
};
|
33406
33418
|
}
|
33407
33419
|
});
|
33408
33420
|
|
33409
33421
|
// src/Prebuilt/components/Header/common.jsx
|
33410
|
-
var import_react205, import_react_sdk102,
|
33422
|
+
var import_react205, import_react_sdk102, import_react_icons100, CamaraFlipActions, AudioActions, AudioSelectionSheet, SelectWithLabel;
|
33411
33423
|
var init_common2 = __esm({
|
33412
33424
|
"src/Prebuilt/components/Header/common.jsx"() {
|
33413
33425
|
"use strict";
|
33414
33426
|
init_define_process_env();
|
33415
33427
|
import_react205 = __toESM(require("react"));
|
33416
33428
|
import_react_sdk102 = require("@100mslive/react-sdk");
|
33417
|
-
|
33429
|
+
import_react_icons100 = require("@100mslive/react-icons");
|
33418
33430
|
init_Divider2();
|
33419
33431
|
init_Label2();
|
33420
33432
|
init_Layout();
|
@@ -33447,7 +33459,7 @@ var init_common2 = __esm({
|
|
33447
33459
|
}
|
33448
33460
|
})
|
33449
33461
|
},
|
33450
|
-
/* @__PURE__ */ import_react205.default.createElement(
|
33462
|
+
/* @__PURE__ */ import_react205.default.createElement(import_react_icons100.CameraFlipIcon, null)
|
33451
33463
|
));
|
33452
33464
|
};
|
33453
33465
|
AudioActions = () => {
|
@@ -33466,11 +33478,11 @@ var init_common2 = __esm({
|
|
33466
33478
|
if (!audioFiltered) {
|
33467
33479
|
return null;
|
33468
33480
|
}
|
33469
|
-
let AudioIcon = /* @__PURE__ */ import_react205.default.createElement(
|
33481
|
+
let AudioIcon = /* @__PURE__ */ import_react205.default.createElement(import_react_icons100.SpeakerIcon, null);
|
33470
33482
|
if (currentSelection && currentSelection.label.toLowerCase().includes("bluetooth")) {
|
33471
|
-
AudioIcon = /* @__PURE__ */ import_react205.default.createElement(
|
33483
|
+
AudioIcon = /* @__PURE__ */ import_react205.default.createElement(import_react_icons100.BluetoothIcon, null);
|
33472
33484
|
} else if (currentSelection && currentSelection.label.toLowerCase().includes("wired")) {
|
33473
|
-
AudioIcon = /* @__PURE__ */ import_react205.default.createElement(
|
33485
|
+
AudioIcon = /* @__PURE__ */ import_react205.default.createElement(import_react_icons100.HeadphonesIcon, null);
|
33474
33486
|
}
|
33475
33487
|
return /* @__PURE__ */ import_react205.default.createElement(
|
33476
33488
|
AudioSelectionSheet,
|
@@ -33503,7 +33515,7 @@ var init_common2 = __esm({
|
|
33503
33515
|
);
|
33504
33516
|
};
|
33505
33517
|
AudioSelectionSheet = ({ audioDevices, audioSelected, onChange, children }) => {
|
33506
|
-
return /* @__PURE__ */ import_react205.default.createElement(Sheet.Root, null, /* @__PURE__ */ import_react205.default.createElement(Sheet.Trigger, { asChild: true }, children), /* @__PURE__ */ import_react205.default.createElement(Sheet.Content, null, /* @__PURE__ */ import_react205.default.createElement(Sheet.Title, { css: { py: "$10", px: "$8", alignItems: "center" } }, /* @__PURE__ */ import_react205.default.createElement(Flex, { direction: "row", justify: "between", css: { w: "100%" } }, /* @__PURE__ */ import_react205.default.createElement(Text, { variant: "h6", css: { display: "flex" } }, "Audio"), /* @__PURE__ */ import_react205.default.createElement(Sheet.Close, null, /* @__PURE__ */ import_react205.default.createElement(IconButton_default, { as: "div", "data-testid": "dialog_cross_icon" }, /* @__PURE__ */ import_react205.default.createElement(
|
33518
|
+
return /* @__PURE__ */ import_react205.default.createElement(Sheet.Root, null, /* @__PURE__ */ import_react205.default.createElement(Sheet.Trigger, { asChild: true }, children), /* @__PURE__ */ import_react205.default.createElement(Sheet.Content, null, /* @__PURE__ */ import_react205.default.createElement(Sheet.Title, { css: { py: "$10", px: "$8", alignItems: "center" } }, /* @__PURE__ */ import_react205.default.createElement(Flex, { direction: "row", justify: "between", css: { w: "100%" } }, /* @__PURE__ */ import_react205.default.createElement(Text, { variant: "h6", css: { display: "flex" } }, "Audio"), /* @__PURE__ */ import_react205.default.createElement(Sheet.Close, null, /* @__PURE__ */ import_react205.default.createElement(IconButton_default, { as: "div", "data-testid": "dialog_cross_icon" }, /* @__PURE__ */ import_react205.default.createElement(import_react_icons100.CrossIcon, null))))), /* @__PURE__ */ import_react205.default.createElement(HorizontalDivider, null), /* @__PURE__ */ import_react205.default.createElement(
|
33507
33519
|
Flex,
|
33508
33520
|
{
|
33509
33521
|
direction: "column",
|
@@ -33558,7 +33570,7 @@ var init_common2 = __esm({
|
|
33558
33570
|
icon,
|
33559
33571
|
label
|
33560
33572
|
),
|
33561
|
-
checked && /* @__PURE__ */ import_react205.default.createElement(
|
33573
|
+
checked && /* @__PURE__ */ import_react205.default.createElement(import_react_icons100.CheckIcon, { width: 24, height: 24 })
|
33562
33574
|
);
|
33563
33575
|
};
|
33564
33576
|
}
|
@@ -33822,13 +33834,13 @@ var init_ConferenceScreen = __esm({
|
|
33822
33834
|
});
|
33823
33835
|
|
33824
33836
|
// src/Prebuilt/components/ErrorBoundary.jsx
|
33825
|
-
var import_react209,
|
33837
|
+
var import_react209, import_react_icons101, ErrorBoundary;
|
33826
33838
|
var init_ErrorBoundary = __esm({
|
33827
33839
|
"src/Prebuilt/components/ErrorBoundary.jsx"() {
|
33828
33840
|
"use strict";
|
33829
33841
|
init_define_process_env();
|
33830
33842
|
import_react209 = __toESM(require("react"));
|
33831
|
-
|
33843
|
+
import_react_icons101 = require("@100mslive/react-icons");
|
33832
33844
|
init_Button2();
|
33833
33845
|
init_Layout();
|
33834
33846
|
init_Text2();
|
@@ -33898,7 +33910,7 @@ var init_ErrorBoundary = __esm({
|
|
33898
33910
|
css: { mx: "$8" },
|
33899
33911
|
"data-testid": "join_again_btn"
|
33900
33912
|
},
|
33901
|
-
/* @__PURE__ */ import_react209.default.createElement(
|
33913
|
+
/* @__PURE__ */ import_react209.default.createElement(import_react_icons101.CopyIcon, null),
|
33902
33914
|
" ",
|
33903
33915
|
this.state.isErrorCopied ? "Copied" : "Copy Details"
|
33904
33916
|
))),
|
@@ -34184,13 +34196,13 @@ var init_AppStateContext = __esm({
|
|
34184
34196
|
});
|
34185
34197
|
|
34186
34198
|
// src/Prebuilt/components/LeaveScreen.tsx
|
34187
|
-
var import_react215,
|
34199
|
+
var import_react215, import_react_icons102, LeaveScreen;
|
34188
34200
|
var init_LeaveScreen = __esm({
|
34189
34201
|
"src/Prebuilt/components/LeaveScreen.tsx"() {
|
34190
34202
|
"use strict";
|
34191
34203
|
init_define_process_env();
|
34192
34204
|
import_react215 = __toESM(require("react"));
|
34193
|
-
|
34205
|
+
import_react_icons102 = require("@100mslive/react-icons");
|
34194
34206
|
init_ToastManager();
|
34195
34207
|
init_Button2();
|
34196
34208
|
init_Layout();
|
@@ -34236,7 +34248,7 @@ var init_LeaveScreen = __esm({
|
|
34236
34248
|
},
|
34237
34249
|
"data-testid": "join_again_btn"
|
34238
34250
|
},
|
34239
|
-
/* @__PURE__ */ import_react215.default.createElement(
|
34251
|
+
/* @__PURE__ */ import_react215.default.createElement(import_react_icons102.ExitIcon, null),
|
34240
34252
|
/* @__PURE__ */ import_react215.default.createElement(Text, { css: { ml: "$3", fontWeight: "$semiBold", color: "inherit" } }, "Rejoin")
|
34241
34253
|
))
|
34242
34254
|
));
|
@@ -34245,7 +34257,7 @@ var init_LeaveScreen = __esm({
|
|
34245
34257
|
});
|
34246
34258
|
|
34247
34259
|
// src/Prebuilt/components/MwebLandscapePrompt.tsx
|
34248
|
-
var import_react216, import_react_use52, import_ts_pattern15,
|
34260
|
+
var import_react216, import_react_use52, import_ts_pattern15, import_react_icons103, MwebLandscapePrompt;
|
34249
34261
|
var init_MwebLandscapePrompt = __esm({
|
34250
34262
|
"src/Prebuilt/components/MwebLandscapePrompt.tsx"() {
|
34251
34263
|
"use strict";
|
@@ -34253,7 +34265,7 @@ var init_MwebLandscapePrompt = __esm({
|
|
34253
34265
|
import_react216 = __toESM(require("react"));
|
34254
34266
|
import_react_use52 = require("react-use");
|
34255
34267
|
import_ts_pattern15 = require("ts-pattern");
|
34256
|
-
|
34268
|
+
import_react_icons103 = require("@100mslive/react-icons");
|
34257
34269
|
init_Button2();
|
34258
34270
|
init_Layout();
|
34259
34271
|
init_Modal();
|
@@ -34300,7 +34312,7 @@ var init_MwebLandscapePrompt = __esm({
|
|
34300
34312
|
alignItems: "center"
|
34301
34313
|
}
|
34302
34314
|
},
|
34303
|
-
/* @__PURE__ */ import_react216.default.createElement(
|
34315
|
+
/* @__PURE__ */ import_react216.default.createElement(import_react_icons103.RefreshIcon, { style: { marginRight: "0.5rem" } }),
|
34304
34316
|
/* @__PURE__ */ import_react216.default.createElement(Text, { variant: "lg", css: { color: "$on_surface_high", fontWeight: "$semiBold" } }, "Please rotate your device")
|
34305
34317
|
), /* @__PURE__ */ import_react216.default.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", mb: "$8", mt: "$4" } }, "We do not support landscape mode as of now, please use the app in portrait mode for the best experience."), /* @__PURE__ */ import_react216.default.createElement(Flex, { align: "center", justify: "between", css: { w: "100%", gap: "$8" } }, /* @__PURE__ */ import_react216.default.createElement(Button, { outlined: true, variant: "standard", css: { w: "100%" }, onClick: () => setShowMwebLandscapePrompt(false) }, "Continue anyway"))))));
|
34306
34318
|
};
|
@@ -34347,7 +34359,7 @@ var init_AutoplayBlockedModal = __esm({
|
|
34347
34359
|
});
|
34348
34360
|
|
34349
34361
|
// src/Prebuilt/components/Notifications/ChatNotifications.tsx
|
34350
|
-
var import_react218, import_uuid13, import_react_sdk110,
|
34362
|
+
var import_react218, import_uuid13, import_react_sdk110, import_react_icons104, NOTIFICATION_TIME_DIFFERENCE, ChatNotifications;
|
34351
34363
|
var init_ChatNotifications = __esm({
|
34352
34364
|
"src/Prebuilt/components/Notifications/ChatNotifications.tsx"() {
|
34353
34365
|
"use strict";
|
@@ -34355,7 +34367,7 @@ var init_ChatNotifications = __esm({
|
|
34355
34367
|
import_react218 = __toESM(require("react"));
|
34356
34368
|
import_uuid13 = require("uuid");
|
34357
34369
|
import_react_sdk110 = require("@100mslive/react-sdk");
|
34358
|
-
|
34370
|
+
import_react_icons104 = require("@100mslive/react-icons");
|
34359
34371
|
init_ToastManager();
|
34360
34372
|
NOTIFICATION_TIME_DIFFERENCE = 5e3;
|
34361
34373
|
ChatNotifications = () => {
|
@@ -34372,7 +34384,7 @@ var init_ChatNotifications = __esm({
|
|
34372
34384
|
}
|
34373
34385
|
const notification = {
|
34374
34386
|
id: (0, import_uuid13.v4)(),
|
34375
|
-
icon: chatState.enabled ? /* @__PURE__ */ import_react218.default.createElement(
|
34387
|
+
icon: chatState.enabled ? /* @__PURE__ */ import_react218.default.createElement(import_react_icons104.ChatUnreadIcon, null) : /* @__PURE__ */ import_react218.default.createElement(import_react_icons104.ChatIcon, null),
|
34376
34388
|
title: `Chat ${chatState.enabled ? "resumed" : "paused"} by ${(_b7 = chatState.updatedBy) == null ? void 0 : _b7.userName}`
|
34377
34389
|
};
|
34378
34390
|
ToastManager.addToast(notification);
|
@@ -34383,14 +34395,14 @@ var init_ChatNotifications = __esm({
|
|
34383
34395
|
});
|
34384
34396
|
|
34385
34397
|
// src/Prebuilt/components/Toast/ToastConfig.jsx
|
34386
|
-
var import_react219, import_react_sdk111,
|
34398
|
+
var import_react219, import_react_sdk111, import_react_icons105, ChatAction, HandRaiseAction, ToastConfig;
|
34387
34399
|
var init_ToastConfig = __esm({
|
34388
34400
|
"src/Prebuilt/components/Toast/ToastConfig.jsx"() {
|
34389
34401
|
"use strict";
|
34390
34402
|
init_define_process_env();
|
34391
34403
|
import_react219 = __toESM(require("react"));
|
34392
34404
|
import_react_sdk111 = require("@100mslive/react-sdk");
|
34393
|
-
|
34405
|
+
import_react_icons105 = require("@100mslive/react-icons");
|
34394
34406
|
init_Button2();
|
34395
34407
|
init_roomLayoutProvider();
|
34396
34408
|
init_useSidepane();
|
@@ -34445,13 +34457,13 @@ var init_ToastConfig = __esm({
|
|
34445
34457
|
var _a8;
|
34446
34458
|
return {
|
34447
34459
|
title: `${(_a8 = notification.data) == null ? void 0 : _a8.name} joined`,
|
34448
|
-
icon: /* @__PURE__ */ import_react219.default.createElement(
|
34460
|
+
icon: /* @__PURE__ */ import_react219.default.createElement(import_react_icons105.PeopleAddIcon, null)
|
34449
34461
|
};
|
34450
34462
|
},
|
34451
34463
|
multiple: function(notifications) {
|
34452
34464
|
return {
|
34453
34465
|
title: `${notifications[notifications.length - 1].data.name} and ${notifications.length - 1} others joined`,
|
34454
|
-
icon: /* @__PURE__ */ import_react219.default.createElement(
|
34466
|
+
icon: /* @__PURE__ */ import_react219.default.createElement(import_react_icons105.PeopleAddIcon, null)
|
34455
34467
|
};
|
34456
34468
|
}
|
34457
34469
|
},
|
@@ -34460,13 +34472,13 @@ var init_ToastConfig = __esm({
|
|
34460
34472
|
var _a8;
|
34461
34473
|
return {
|
34462
34474
|
title: `${(_a8 = notification.data) == null ? void 0 : _a8.name} left`,
|
34463
|
-
icon: /* @__PURE__ */ import_react219.default.createElement(
|
34475
|
+
icon: /* @__PURE__ */ import_react219.default.createElement(import_react_icons105.PeopleRemoveIcon, null)
|
34464
34476
|
};
|
34465
34477
|
},
|
34466
34478
|
multiple: function(notifications) {
|
34467
34479
|
return {
|
34468
34480
|
title: `${notifications[notifications.length - 1].data.name} and ${notifications.length - 1} others left`,
|
34469
|
-
icon: /* @__PURE__ */ import_react219.default.createElement(
|
34481
|
+
icon: /* @__PURE__ */ import_react219.default.createElement(import_react_icons105.PeopleRemoveIcon, null)
|
34470
34482
|
};
|
34471
34483
|
}
|
34472
34484
|
},
|
@@ -34475,7 +34487,7 @@ var init_ToastConfig = __esm({
|
|
34475
34487
|
var _a8;
|
34476
34488
|
return {
|
34477
34489
|
title: `${(_a8 = notification.data) == null ? void 0 : _a8.name} raised hand`,
|
34478
|
-
icon: /* @__PURE__ */ import_react219.default.createElement(
|
34490
|
+
icon: /* @__PURE__ */ import_react219.default.createElement(import_react_icons105.HandIcon, null)
|
34479
34491
|
};
|
34480
34492
|
},
|
34481
34493
|
multiple: (notifications) => {
|
@@ -34486,7 +34498,7 @@ var init_ToastConfig = __esm({
|
|
34486
34498
|
})).size;
|
34487
34499
|
return {
|
34488
34500
|
title: `${(_a8 = notifications[notifications.length - 1].data) == null ? void 0 : _a8.name} ${count > 1 ? `${count} and others` : ""} raised hand`,
|
34489
|
-
icon: /* @__PURE__ */ import_react219.default.createElement(
|
34501
|
+
icon: /* @__PURE__ */ import_react219.default.createElement(import_react_icons105.HandIcon, null)
|
34490
34502
|
};
|
34491
34503
|
}
|
34492
34504
|
},
|
@@ -34495,7 +34507,7 @@ var init_ToastConfig = __esm({
|
|
34495
34507
|
var _a8, _b7;
|
34496
34508
|
return {
|
34497
34509
|
title: `${(_a8 = notification.data) == null ? void 0 : _a8.name} raised hand`,
|
34498
|
-
icon: /* @__PURE__ */ import_react219.default.createElement(
|
34510
|
+
icon: /* @__PURE__ */ import_react219.default.createElement(import_react_icons105.HandIcon, null),
|
34499
34511
|
action: /* @__PURE__ */ import_react219.default.createElement(HandRaiseAction, { id: (_b7 = notification.data) == null ? void 0 : _b7.id })
|
34500
34512
|
};
|
34501
34513
|
},
|
@@ -34507,7 +34519,7 @@ var init_ToastConfig = __esm({
|
|
34507
34519
|
})).size;
|
34508
34520
|
return {
|
34509
34521
|
title: `${(_a8 = notifications[notifications.length - 1].data) == null ? void 0 : _a8.name} ${count > 1 ? `${count} and others` : ""} raised hand`,
|
34510
|
-
icon: /* @__PURE__ */ import_react219.default.createElement(
|
34522
|
+
icon: /* @__PURE__ */ import_react219.default.createElement(import_react_icons105.HandIcon, null),
|
34511
34523
|
action: /* @__PURE__ */ import_react219.default.createElement(HandRaiseAction, { isSingleHandRaise: false })
|
34512
34524
|
};
|
34513
34525
|
}
|
@@ -34517,14 +34529,14 @@ var init_ToastConfig = __esm({
|
|
34517
34529
|
var _a8;
|
34518
34530
|
return {
|
34519
34531
|
title: `New message from ${(_a8 = notification.data) == null ? void 0 : _a8.senderName}`,
|
34520
|
-
icon: /* @__PURE__ */ import_react219.default.createElement(
|
34532
|
+
icon: /* @__PURE__ */ import_react219.default.createElement(import_react_icons105.ChatUnreadIcon, null),
|
34521
34533
|
action: /* @__PURE__ */ import_react219.default.createElement(ChatAction, null)
|
34522
34534
|
};
|
34523
34535
|
},
|
34524
34536
|
multiple: (notifications) => {
|
34525
34537
|
return {
|
34526
34538
|
title: `${notifications.length} new messages`,
|
34527
|
-
icon: /* @__PURE__ */ import_react219.default.createElement(
|
34539
|
+
icon: /* @__PURE__ */ import_react219.default.createElement(import_react_icons105.ChatUnreadIcon, null),
|
34528
34540
|
action: /* @__PURE__ */ import_react219.default.createElement(ChatAction, null)
|
34529
34541
|
};
|
34530
34542
|
}
|
@@ -34533,7 +34545,7 @@ var init_ToastConfig = __esm({
|
|
34533
34545
|
single: () => {
|
34534
34546
|
return {
|
34535
34547
|
title: `You are now connected`,
|
34536
|
-
icon: /* @__PURE__ */ import_react219.default.createElement(
|
34548
|
+
icon: /* @__PURE__ */ import_react219.default.createElement(import_react_icons105.ConnectivityIcon, null),
|
34537
34549
|
variant: "success",
|
34538
34550
|
duration: 3e3
|
34539
34551
|
};
|
@@ -34545,7 +34557,7 @@ var init_ToastConfig = __esm({
|
|
34545
34557
|
title: `You are offline for now. while we try to reconnect, please check
|
34546
34558
|
your internet connection. ${message}.
|
34547
34559
|
`,
|
34548
|
-
icon: /* @__PURE__ */ import_react219.default.createElement(
|
34560
|
+
icon: /* @__PURE__ */ import_react219.default.createElement(import_react_icons105.PoorConnectivityIcon, null),
|
34549
34561
|
variant: "warning",
|
34550
34562
|
duration: 3e4
|
34551
34563
|
};
|
@@ -34900,14 +34912,14 @@ var init_ReconnectNotifications = __esm({
|
|
34900
34912
|
});
|
34901
34913
|
|
34902
34914
|
// src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx
|
34903
|
-
var import_react225, import_react_sdk117,
|
34915
|
+
var import_react225, import_react_sdk117, import_react_icons106, TrackBulkUnmuteModal;
|
34904
34916
|
var init_TrackBulkUnmuteModal = __esm({
|
34905
34917
|
"src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx"() {
|
34906
34918
|
"use strict";
|
34907
34919
|
init_define_process_env();
|
34908
34920
|
import_react225 = __toESM(require("react"));
|
34909
34921
|
import_react_sdk117 = require("@100mslive/react-sdk");
|
34910
|
-
|
34922
|
+
import_react_icons106 = require("@100mslive/react-icons");
|
34911
34923
|
init_DialogContent2();
|
34912
34924
|
TrackBulkUnmuteModal = () => {
|
34913
34925
|
const hmsActions = (0, import_react_sdk117.useHMSActions)();
|
@@ -34949,7 +34961,7 @@ var init_TrackBulkUnmuteModal = __esm({
|
|
34949
34961
|
});
|
34950
34962
|
setMuteNotification(null);
|
34951
34963
|
},
|
34952
|
-
Icon:
|
34964
|
+
Icon: import_react_icons106.MicOnIcon
|
34953
34965
|
}
|
34954
34966
|
);
|
34955
34967
|
};
|
@@ -34983,14 +34995,14 @@ var init_TrackNotifications = __esm({
|
|
34983
34995
|
});
|
34984
34996
|
|
34985
34997
|
// src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx
|
34986
|
-
var import_react227, import_react_sdk119,
|
34998
|
+
var import_react227, import_react_sdk119, import_react_icons107, TrackUnmuteModal;
|
34987
34999
|
var init_TrackUnmuteModal = __esm({
|
34988
35000
|
"src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx"() {
|
34989
35001
|
"use strict";
|
34990
35002
|
init_define_process_env();
|
34991
35003
|
import_react227 = __toESM(require("react"));
|
34992
35004
|
import_react_sdk119 = require("@100mslive/react-sdk");
|
34993
|
-
|
35005
|
+
import_react_icons107 = require("@100mslive/react-icons");
|
34994
35006
|
init_DialogContent2();
|
34995
35007
|
TrackUnmuteModal = () => {
|
34996
35008
|
const hmsActions = (0, import_react_sdk119.useHMSActions)();
|
@@ -35029,7 +35041,7 @@ var init_TrackUnmuteModal = __esm({
|
|
35029
35041
|
hmsActions.setEnabledTrack(track.id, enabled);
|
35030
35042
|
setMuteNotification(null);
|
35031
35043
|
},
|
35032
|
-
Icon:
|
35044
|
+
Icon: import_react_icons107.MicOnIcon
|
35033
35045
|
}
|
35034
35046
|
);
|
35035
35047
|
};
|
@@ -35037,7 +35049,7 @@ var init_TrackUnmuteModal = __esm({
|
|
35037
35049
|
});
|
35038
35050
|
|
35039
35051
|
// src/Prebuilt/components/Notifications/TranscriptionNotifications.tsx
|
35040
|
-
var import_react228, import_ts_pattern16, import_react_sdk120,
|
35052
|
+
var import_react228, import_ts_pattern16, import_react_sdk120, import_react_icons108, TranscriptionNotifications;
|
35041
35053
|
var init_TranscriptionNotifications = __esm({
|
35042
35054
|
"src/Prebuilt/components/Notifications/TranscriptionNotifications.tsx"() {
|
35043
35055
|
"use strict";
|
@@ -35045,7 +35057,7 @@ var init_TranscriptionNotifications = __esm({
|
|
35045
35057
|
import_react228 = __toESM(require("react"));
|
35046
35058
|
import_ts_pattern16 = require("ts-pattern");
|
35047
35059
|
import_react_sdk120 = require("@100mslive/react-sdk");
|
35048
|
-
|
35060
|
+
import_react_icons108 = require("@100mslive/react-icons");
|
35049
35061
|
init_ToastManager();
|
35050
35062
|
init_useUISettings();
|
35051
35063
|
init_constants();
|
@@ -35066,7 +35078,7 @@ var init_TranscriptionNotifications = __esm({
|
|
35066
35078
|
id = ToastManager.replaceToast(toastId, {
|
35067
35079
|
title: `Failed to enable Closed Caption`,
|
35068
35080
|
variant: "error",
|
35069
|
-
icon: /* @__PURE__ */ import_react228.default.createElement(
|
35081
|
+
icon: /* @__PURE__ */ import_react228.default.createElement(import_react_icons108.AlertTriangleIcon, { style: { marginRight: "0.5rem" } })
|
35070
35082
|
});
|
35071
35083
|
}
|
35072
35084
|
).with({ state: import_react_sdk120.HMSTranscriptionState.STARTED }, () => {
|
@@ -35074,14 +35086,14 @@ var init_TranscriptionNotifications = __esm({
|
|
35074
35086
|
title: `Closed Captioning enabled for everyone`,
|
35075
35087
|
variant: "standard",
|
35076
35088
|
duration: 2e3,
|
35077
|
-
icon: /* @__PURE__ */ import_react228.default.createElement(
|
35089
|
+
icon: /* @__PURE__ */ import_react228.default.createElement(import_react_icons108.ClosedCaptionIcon, { style: { marginRight: "0.5rem" } })
|
35078
35090
|
});
|
35079
35091
|
}).with({ state: import_react_sdk120.HMSTranscriptionState.STOPPED }, () => {
|
35080
35092
|
id = ToastManager.replaceToast(toastId, {
|
35081
35093
|
title: `Closed Captioning disabled for everyone`,
|
35082
35094
|
variant: "standard",
|
35083
35095
|
duration: 2e3,
|
35084
|
-
icon: /* @__PURE__ */ import_react228.default.createElement(
|
35096
|
+
icon: /* @__PURE__ */ import_react228.default.createElement(import_react_icons108.OpenCaptionIcon, { style: { marginRight: "0.5rem" } })
|
35085
35097
|
});
|
35086
35098
|
}).otherwise(() => null);
|
35087
35099
|
setToastId(id);
|
@@ -35133,7 +35145,7 @@ function Notifications() {
|
|
35133
35145
|
ToastManager.addToast({
|
35134
35146
|
title: "The room is currently full, try joining later",
|
35135
35147
|
close: true,
|
35136
|
-
icon: /* @__PURE__ */ import_react229.default.createElement(Box, { css: { color: "$alert_error_default" } }, /* @__PURE__ */ import_react229.default.createElement(
|
35148
|
+
icon: /* @__PURE__ */ import_react229.default.createElement(Box, { css: { color: "$alert_error_default" } }, /* @__PURE__ */ import_react229.default.createElement(import_react_icons109.GroupIcon, null))
|
35137
35149
|
});
|
35138
35150
|
} else {
|
35139
35151
|
ToastManager.addToast({
|
@@ -35233,14 +35245,14 @@ function Notifications() {
|
|
35233
35245
|
}
|
35234
35246
|
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));
|
35235
35247
|
}
|
35236
|
-
var import_react229, import_react_sdk121,
|
35248
|
+
var import_react229, import_react_sdk121, import_react_icons109, pollToastKey;
|
35237
35249
|
var init_Notifications = __esm({
|
35238
35250
|
"src/Prebuilt/components/Notifications/Notifications.tsx"() {
|
35239
35251
|
"use strict";
|
35240
35252
|
init_define_process_env();
|
35241
35253
|
import_react229 = __toESM(require("react"));
|
35242
35254
|
import_react_sdk121 = require("@100mslive/react-sdk");
|
35243
|
-
|
35255
|
+
import_react_icons109 = require("@100mslive/react-icons");
|
35244
35256
|
init_src();
|
35245
35257
|
init_roomLayoutProvider();
|
35246
35258
|
init_ToastManager();
|
@@ -35373,13 +35385,13 @@ var init_ToastContainer = __esm({
|
|
35373
35385
|
});
|
35374
35386
|
|
35375
35387
|
// src/Prebuilt/components/RoomDetails/RoomDetailsSheet.tsx
|
35376
|
-
var import_react233,
|
35388
|
+
var import_react233, import_react_icons110, RoomDetailsSheet;
|
35377
35389
|
var init_RoomDetailsSheet = __esm({
|
35378
35390
|
"src/Prebuilt/components/RoomDetails/RoomDetailsSheet.tsx"() {
|
35379
35391
|
"use strict";
|
35380
35392
|
init_define_process_env();
|
35381
35393
|
import_react233 = __toESM(require("react"));
|
35382
|
-
|
35394
|
+
import_react_icons110 = require("@100mslive/react-icons");
|
35383
35395
|
init_Layout();
|
35384
35396
|
init_Sheet2();
|
35385
35397
|
init_Text2();
|
@@ -35400,7 +35412,7 @@ var init_RoomDetailsSheet = __esm({
|
|
35400
35412
|
css: { w: "100%", borderBottom: "1px solid $border_bright", pb: "$4", mb: "$4", px: "$8" }
|
35401
35413
|
},
|
35402
35414
|
/* @__PURE__ */ import_react233.default.createElement(Text, { css: { fontWeight: "$semiBold", color: "$on_surface_high" } }, "Description"),
|
35403
|
-
/* @__PURE__ */ import_react233.default.createElement(Sheet.Close, { css: { color: "$on_surface_high" } }, /* @__PURE__ */ import_react233.default.createElement(
|
35415
|
+
/* @__PURE__ */ import_react233.default.createElement(Sheet.Close, { css: { color: "$on_surface_high" } }, /* @__PURE__ */ import_react233.default.createElement(import_react_icons110.CrossIcon, null))
|
35404
35416
|
), /* @__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)));
|
35405
35417
|
};
|
35406
35418
|
}
|