@100mslive/roomkit-react 0.3.19-alpha.4 → 0.3.19-alpha.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -107,7 +107,7 @@ var __async = (__this, __arguments, generator) => {
107
107
  var define_process_env_default;
108
108
  var init_define_process_env = __esm({
109
109
  "<define:process.env>"() {
110
- define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_bac17dac-f4fd-48e8-9d89-38e548d1f300", 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.9-alpha.4", 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.4 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.19-alpha.4", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_bac17dac-f4fd-48e8-9d89-38e548d1f300", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.4/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.19-alpha.4", 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.12", 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.10", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/27.0.12077973", 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: "596", 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.13/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240825.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.6/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:18160", 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.19-alpha.4", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", STATS_D: "false", GITHUB_RUN_ID: "10627362599", 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: "9e4ed31790cb83d42e38f70aaa79aaeb0b9faa05", 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: "17347ffc4a9c3d3a85c9a10fc4dd4849cfe6e901a1f72e952b264e58d054095f", 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--1724995797884-0.2935429640133991:/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.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1724995797664-0.1253934803464225:/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.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1724995772186-0.8015111910950496:/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.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1724995772006-0.33628275444566813:/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.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/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.4/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_eb80b599-2fd2-49be-8322-9bfa7e211aa3", INVOCATION_ID: "7479958812014e92b947a762d9e95ddb", 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: "647", 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_dependencies_react_dom: "^18.2.0", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 224", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "false", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/27.0.12077973", 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.19-alpha.4", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.19-alpha.4", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_resolutions_axios: "^1.7.4", 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: "9e4ed31790cb83d42e38f70aaa79aaeb0b9faa05", 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_bac17dac-f4fd-48e8-9d89-38e548d1f300", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "41898282", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_bac17dac-f4fd-48e8-9d89-38e548d1f300", 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/27.0.12077973", 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_knip: "^5.11.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/27.0.12077973", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_bac17dac-f4fd-48e8-9d89-38e548d1f300" };
110
+ define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_5d40e4cd-a5bf-432a-9f0c-8938de0276f8", 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.9-alpha.6", 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.4 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.19-alpha.6", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_5d40e4cd-a5bf-432a-9f0c-8938de0276f8", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.4/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.19-alpha.6", 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.12", 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.10", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/27.0.12077973", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "590", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.13/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240825.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.6/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:3000", 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.19-alpha.6", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", STATS_D: "false", GITHUB_RUN_ID: "10662670030", 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: "bff1ab1173426dcefe0c58e22ac406f01a110443", 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: "92cf93726e0613e11fee294fd6dc5ba1e6be24fd6db6d568cc6874018582f82a", 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--1725261964667-0.9714174939580624:/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.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1725261964455-0.6683922873991801:/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.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1725261939159-0.7955046597599891:/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.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1725261938983-0.7180717708920137:/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.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/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.4/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_495de3dc-fc8e-4641-8ede-2790c7ec8e12", INVOCATION_ID: "50adb1508fd8445ea807c108c1a3ad5f", 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: "649", 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_dependencies_react_dom: "^18.2.0", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 473", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "false", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/27.0.12077973", 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.19-alpha.6", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.19-alpha.6", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_resolutions_axios: "^1.7.4", 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: "bff1ab1173426dcefe0c58e22ac406f01a110443", 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_5d40e4cd-a5bf-432a-9f0c-8938de0276f8", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "41898282", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_5d40e4cd-a5bf-432a-9f0c-8938de0276f8", 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/27.0.12077973", 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_knip: "^5.11.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/27.0.12077973", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_5d40e4cd-a5bf-432a-9f0c-8938de0276f8" };
111
111
  }
112
112
  });
113
113
 
@@ -12911,7 +12911,7 @@ var Collapsible = {
12911
12911
 
12912
12912
  // src/Prebuilt/App.tsx
12913
12913
  init_define_process_env();
12914
- import React186, { useEffect as useEffect78, useRef as useRef33 } from "react";
12914
+ import React186, { useEffect as useEffect78, useRef as useRef34 } from "react";
12915
12915
  import { match as match16 } from "ts-pattern";
12916
12916
  import {
12917
12917
  HMSReactiveStore,
@@ -13881,19 +13881,25 @@ import { HMSRoomState as HMSRoomState2, selectRoomState as selectRoomState2, use
13881
13881
 
13882
13882
  // src/Prebuilt/components/VirtualBackground/VBHandler.tsx
13883
13883
  init_define_process_env();
13884
- import { HMSEffectsPlugin, HMSVBPlugin, HMSVirtualBackgroundTypes } from "@100mslive/hms-virtual-background";
13884
+ import { HMSVBPlugin, HMSVirtualBackgroundTypes } from "@100mslive/hms-virtual-background/hmsvbplugin";
13885
13885
  var VBPlugin = class {
13886
13886
  constructor() {
13887
- this.initialisePlugin = (effectsSDKKey, onInit) => {
13887
+ this.initialisePlugin = (effectsSDKKey, onInit) => __async(this, null, function* () {
13888
13888
  if (this.getVBObject()) {
13889
13889
  return;
13890
13890
  }
13891
13891
  if (effectsSDKKey) {
13892
- this.effectsPlugin = new HMSEffectsPlugin(effectsSDKKey, onInit);
13892
+ try {
13893
+ const { HMSEffectsPlugin } = yield import("@100mslive/hms-virtual-background/hmseffectsplugin");
13894
+ this.effectsPlugin = new HMSEffectsPlugin(effectsSDKKey, onInit);
13895
+ } catch (error) {
13896
+ console.error("Failed to initialise HMSEffectsPlugin:", error, "Using HMSVBPlugin");
13897
+ this.hmsPlugin = new HMSVBPlugin(HMSVirtualBackgroundTypes.NONE, HMSVirtualBackgroundTypes.NONE);
13898
+ }
13893
13899
  } else {
13894
13900
  this.hmsPlugin = new HMSVBPlugin(HMSVirtualBackgroundTypes.NONE, HMSVirtualBackgroundTypes.NONE);
13895
13901
  }
13896
- };
13902
+ });
13897
13903
  this.getBackground = () => {
13898
13904
  var _a7, _b7;
13899
13905
  if (this.effectsPlugin) {
@@ -14606,7 +14612,7 @@ var AuthToken_default = AuthToken;
14606
14612
 
14607
14613
  // src/Prebuilt/components/ConferenceScreen.tsx
14608
14614
  init_define_process_env();
14609
- import React161, { useEffect as useEffect59, useRef as useRef30, useState as useState68 } from "react";
14615
+ import React161, { useEffect as useEffect59, useRef as useRef31, useState as useState68 } from "react";
14610
14616
  import { v4 as uuid3 } from "uuid";
14611
14617
  import {
14612
14618
  HMSRoomState as HMSRoomState8,
@@ -21391,7 +21397,7 @@ var c = (a2, e, t) => new Promise((i, r) => {
21391
21397
  n((t = t.apply(a2, e)).next());
21392
21398
  });
21393
21399
  var yr = ro((Dc, ho) => {
21394
- ho.exports = { version: "0.12.19-alpha.4", 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"] };
21400
+ ho.exports = { version: "0.12.19-alpha.6", 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"] };
21395
21401
  });
21396
21402
  var Tr = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(Tr || {});
21397
21403
  var so = ((e) => (e.CHAT = "chat", e))(so || {});
@@ -23710,7 +23716,7 @@ var ScreenshareToggle = ({ css: css2 = {} }) => {
23710
23716
  // src/Prebuilt/components/VirtualBackground/VBToggle.tsx
23711
23717
  init_define_process_env();
23712
23718
  import React77, { useEffect as useEffect23 } from "react";
23713
- import { HMSVirtualBackgroundTypes as HMSVirtualBackgroundTypes2 } from "@100mslive/hms-virtual-background";
23719
+ import { HMSVirtualBackgroundTypes as HMSVirtualBackgroundTypes2 } from "@100mslive/hms-virtual-background/hmsvbplugin";
23714
23720
  import {
23715
23721
  selectAppData as selectAppData5,
23716
23722
  selectIsEffectsEnabled,
@@ -28440,9 +28446,9 @@ var VideoTile_default = VideoTile;
28440
28446
 
28441
28447
  // src/Prebuilt/components/VirtualBackground/VBPicker.tsx
28442
28448
  init_define_process_env();
28443
- import React131, { useEffect as useEffect40, useState as useState56 } from "react";
28449
+ import React131, { useEffect as useEffect40, useRef as useRef26, useState as useState56 } from "react";
28444
28450
  import { useMedia as useMedia24 } from "react-use";
28445
- import { HMSVirtualBackgroundTypes as HMSVirtualBackgroundTypes4 } from "@100mslive/hms-virtual-background";
28451
+ import { HMSVirtualBackgroundTypes as HMSVirtualBackgroundTypes4 } from "@100mslive/hms-virtual-background/hmsvbplugin";
28446
28452
  import {
28447
28453
  HMSRoomState as HMSRoomState5,
28448
28454
  selectIsLargeRoom as selectIsLargeRoom3,
@@ -28474,7 +28480,7 @@ var doesBrowserSupportEffectsSDK = () => {
28474
28480
  // src/Prebuilt/components/VirtualBackground/VBCollection.tsx
28475
28481
  init_define_process_env();
28476
28482
  import React130 from "react";
28477
- import { HMSVirtualBackgroundTypes as HMSVirtualBackgroundTypes3 } from "@100mslive/hms-virtual-background";
28483
+ import { HMSVirtualBackgroundTypes as HMSVirtualBackgroundTypes3 } from "@100mslive/hms-virtual-background/hmsvbplugin";
28478
28484
 
28479
28485
  // src/Prebuilt/components/VirtualBackground/VBOption.tsx
28480
28486
  init_define_process_env();
@@ -28564,46 +28570,53 @@ var VBPicker = ({ backgroundMedia = [] }) => {
28564
28570
  const isPluginAdded = useHMSStore69(selectIsLocalVideoPluginPresent(((_a7 = VBHandler) == null ? void 0 : _a7.getName()) || ""));
28565
28571
  const background = useHMSStore69(qm(APP_DATA.background));
28566
28572
  const mediaList = backgroundMedia.map((media) => media.url || "");
28573
+ const pluginLoadingRef = useRef26(false);
28567
28574
  const inPreview = roomState === HMSRoomState5.Preview;
28568
28575
  const showVideoTile = isVideoOn && isLargeRoom && !inPreview;
28569
28576
  useEffect40(() => {
28570
- if (!(track == null ? void 0 : track.id)) {
28571
- return;
28572
- }
28573
- const isEffectsSupported = doesBrowserSupportEffectsSDK();
28574
- setIsBlurSupported(isEffectsSupported);
28575
- const vbObject = VBHandler.getVBObject();
28576
- if (!isPluginAdded && !vbObject) {
28577
- setLoadingEffects(true);
28578
- let vbObject2 = VBHandler.getVBObject();
28579
- if (!vbObject2) {
28580
- VBHandler.initialisePlugin(isEffectsEnabled && effectsKey ? effectsKey : "", () => setLoadingEffects(false));
28581
- vbObject2 = VBHandler.getVBObject();
28577
+ const initializeVirtualBackground = () => __async(void 0, null, function* () {
28578
+ if (!(track == null ? void 0 : track.id) || pluginLoadingRef.current || isPluginAdded) {
28579
+ return;
28580
+ }
28581
+ const isEffectsSupported = doesBrowserSupportEffectsSDK();
28582
+ setIsBlurSupported(isEffectsSupported);
28583
+ try {
28584
+ pluginLoadingRef.current = true;
28582
28585
  if (isEffectsEnabled && isEffectsSupported && effectsKey) {
28583
- hmsActions.addPluginsToVideoStream([vbObject2]);
28586
+ setLoadingEffects(true);
28587
+ yield VBHandler.initialisePlugin(effectsKey, () => {
28588
+ setLoadingEffects(false);
28589
+ });
28590
+ hmsActions.addPluginsToVideoStream([VBHandler.getVBObject()]);
28584
28591
  } else {
28585
28592
  setLoadingEffects(false);
28586
28593
  if (!role) {
28587
28594
  return;
28588
28595
  }
28589
- hmsActions.addPluginToVideoTrack(vbObject2, Math.floor(role.publishParams.video.frameRate / 2));
28596
+ yield VBHandler.initialisePlugin();
28597
+ yield hmsActions.addPluginToVideoTrack(
28598
+ VBHandler.getVBObject(),
28599
+ Math.floor(role.publishParams.video.frameRate / 2)
28600
+ );
28590
28601
  }
28591
- }
28592
- const handleDefaultBackground = () => __async(void 0, null, function* () {
28593
- switch (background) {
28594
- case HMSVirtualBackgroundTypes4.NONE: {
28595
- break;
28596
- }
28597
- case HMSVirtualBackgroundTypes4.BLUR: {
28598
- yield VBHandler.setBlur(blurAmount);
28599
- break;
28602
+ const handleDefaultBackground = () => __async(void 0, null, function* () {
28603
+ switch (background) {
28604
+ case HMSVirtualBackgroundTypes4.NONE:
28605
+ break;
28606
+ case HMSVirtualBackgroundTypes4.BLUR:
28607
+ yield VBHandler.setBlur(blurAmount);
28608
+ break;
28609
+ default:
28610
+ yield VBHandler.setBackground(background);
28600
28611
  }
28601
- default:
28602
- yield VBHandler.setBackground(background);
28603
- }
28604
- });
28605
- handleDefaultBackground();
28606
- }
28612
+ });
28613
+ yield handleDefaultBackground();
28614
+ } catch (error) {
28615
+ console.error("Error initializing virtual background:", error);
28616
+ setLoadingEffects(false);
28617
+ }
28618
+ });
28619
+ initializeVirtualBackground();
28607
28620
  }, [
28608
28621
  hmsActions,
28609
28622
  role,
@@ -29373,7 +29386,7 @@ var WaitingView = React139.memo(
29373
29386
 
29374
29387
  // src/Prebuilt/components/InsetTile.tsx
29375
29388
  init_define_process_env();
29376
- import React141, { useEffect as useEffect44, useRef as useRef26 } from "react";
29389
+ import React141, { useEffect as useEffect44, useRef as useRef27 } from "react";
29377
29390
  import Draggable from "react-draggable";
29378
29391
  import { useMedia as useMedia29 } from "react-use";
29379
29392
  import {
@@ -29437,7 +29450,7 @@ var InsetTile = ({ peerId }) => {
29437
29450
  width = 240;
29438
29451
  height = width / aspectRatio;
29439
29452
  }
29440
- const nodeRef = useRef26(null);
29453
+ const nodeRef = useRef27(null);
29441
29454
  useEffect44(() => {
29442
29455
  const node = nodeRef.current;
29443
29456
  if (!node || !window.ResizeObserver) {
@@ -29732,7 +29745,7 @@ import { selectLocalPeer as selectLocalPeer11, useHMSStore as useHMSStore75 } fr
29732
29745
 
29733
29746
  // src/Prebuilt/components/SecondaryTiles.tsx
29734
29747
  init_define_process_env();
29735
- import React146, { useEffect as useEffect48, useRef as useRef27, useState as useState60 } from "react";
29748
+ import React146, { useEffect as useEffect48, useRef as useRef28, useState as useState60 } from "react";
29736
29749
  import { useMedia as useMedia32 } from "react-use";
29737
29750
  import { selectAppData as selectAppData10, selectSessionStore as selectSessionStore12, selectTrackByID as selectTrackByID4, useHMSStore as useHMSStore74 } from "@100mslive/react-sdk";
29738
29751
 
@@ -29825,7 +29838,7 @@ var SecondaryTiles = ({ peers, onPageChange, onPageSize, edgeToEdge, hasSidebar
29825
29838
  const spotlightPeerId = useHMSStore74(selectSessionStore12("spotlight" /* SPOTLIGHT */));
29826
29839
  const activeScreensharePeerId = useHMSStore74(selectAppData10(APP_DATA.activeScreensharePeerId));
29827
29840
  const pinnedPeer = (_a7 = useHMSStore74(selectTrackByID4(pinnedTrackId))) == null ? void 0 : _a7.peerId;
29828
- const pageChangedAfterPinning = useRef27(false);
29841
+ const pageChangedAfterPinning = useRef28(false);
29829
29842
  const pagesWithTiles = usePagesWithTiles({
29830
29843
  peers: spotlightPeerId || pinnedPeer ? [...peers].sort((p1, p2) => {
29831
29844
  if (activeScreensharePeerId === p1.id) {
@@ -29973,7 +29986,7 @@ import { selectPeersScreenSharing, useHMSStore as useHMSStore77 } from "@100msli
29973
29986
 
29974
29987
  // src/Prebuilt/components/ScreenshareTile.tsx
29975
29988
  init_define_process_env();
29976
- import React150, { useRef as useRef28, useState as useState63 } from "react";
29989
+ import React150, { useRef as useRef29, useState as useState63 } from "react";
29977
29990
  import { useFullscreen as useFullscreen2, useMedia as useMedia34 } from "react-use";
29978
29991
  import screenfull2 from "screenfull";
29979
29992
  import {
@@ -30144,7 +30157,7 @@ var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
30144
30157
  const [isMouseHovered, setIsMouseHovered] = useState63(false);
30145
30158
  const isMobile = useMedia34(config.media.md);
30146
30159
  const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
30147
- const fullscreenRef = useRef28(null);
30160
+ const fullscreenRef = useRef29(null);
30148
30161
  const [fullscreen, setFullscreen] = useState63(false);
30149
30162
  const isFullscreen = useFullscreen2(fullscreenRef, fullscreen, {
30150
30163
  onClose: () => setFullscreen(false)
@@ -30686,7 +30699,7 @@ var PDFView = () => {
30686
30699
 
30687
30700
  // src/Prebuilt/plugins/CaptionsViewer.tsx
30688
30701
  init_define_process_env();
30689
- import React156, { useEffect as useEffect55, useRef as useRef29, useState as useState66 } from "react";
30702
+ import React156, { useEffect as useEffect55, useRef as useRef30, useState as useState66 } from "react";
30690
30703
  import Draggable2 from "react-draggable";
30691
30704
  import { useMedia as useMedia37 } from "react-use";
30692
30705
  import {
@@ -30857,7 +30870,7 @@ var CaptionsViewer = ({
30857
30870
  const [currentData, setCurrentData] = useState66([]);
30858
30871
  const isCaptionEnabled = useIsCaptionEnabled();
30859
30872
  const isTranscriptionEnabled = useHMSStore81(selectIsTranscriptionEnabled5);
30860
- const nodeRef = useRef29(null);
30873
+ const nodeRef = useRef30(null);
30861
30874
  useEffect55(() => {
30862
30875
  const timeInterval = setInterval(() => {
30863
30876
  var _a8;
@@ -30938,7 +30951,7 @@ var useCloseScreenshareWhiteboard = () => {
30938
30951
  };
30939
30952
 
30940
30953
  // src/Prebuilt/layouts/VideoStreamingSection.tsx
30941
- var HLSView = React157.lazy(() => import("./HLSView-LMQPPX5V.js"));
30954
+ var HLSView = React157.lazy(() => import("./HLSView-2P2FVCEW.js"));
30942
30955
  var VideoStreamingSection = ({
30943
30956
  screenType,
30944
30957
  elements,
@@ -31300,14 +31313,14 @@ var ConferenceScreen = () => {
31300
31313
  const [hideControls, setHideControls] = useState68(false);
31301
31314
  const dropdownList = useHMSStore86(selectAppData12(APP_DATA.dropdownList));
31302
31315
  const authTokenInAppData = useAuthToken();
31303
- const headerRef = useRef30(null);
31304
- const footerRef = useRef30(null);
31316
+ const headerRef = useRef31(null);
31317
+ const footerRef = useRef31(null);
31305
31318
  const isMobileDevice = isAndroid || isIOS || isIPadOS;
31306
- const dropdownListRef = useRef30();
31319
+ const dropdownListRef = useRef31();
31307
31320
  const [isHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
31308
31321
  const { requestPermission } = useAwayNotifications3();
31309
31322
  const showChat = !!((_a7 = screenProps.elements) == null ? void 0 : _a7.chat);
31310
- const autoRoomJoined = useRef30(isPreviewScreenEnabled);
31323
+ const autoRoomJoined = useRef31(isPreviewScreenEnabled);
31311
31324
  const isMobileHLSStream = useMobileHLSStream();
31312
31325
  const isLandscapeHLSStream = useLandscapeHLSStream();
31313
31326
  const isMwebHLSStream = isMobileHLSStream || isLandscapeHLSStream;
@@ -32781,7 +32794,7 @@ var PermissionErrorModal = ({ error }) => {
32781
32794
 
32782
32795
  // src/Prebuilt/components/Notifications/ReconnectNotifications.tsx
32783
32796
  init_define_process_env();
32784
- import { useEffect as useEffect69, useRef as useRef31 } from "react";
32797
+ import { useEffect as useEffect69, useRef as useRef32 } from "react";
32785
32798
  import { HMSNotificationTypes as HMSNotificationTypes6, useHMSNotifications as useHMSNotifications6 } from "@100mslive/react-sdk";
32786
32799
  var notificationTypes2 = [
32787
32800
  HMSNotificationTypes6.RECONNECTED,
@@ -32791,7 +32804,7 @@ var notificationTypes2 = [
32791
32804
  var notificationId = null;
32792
32805
  var ReconnectNotifications = () => {
32793
32806
  const notification = useHMSNotifications6(notificationTypes2);
32794
- const prevErrorCode = useRef31(0);
32807
+ const prevErrorCode = useRef32(0);
32795
32808
  useEffect69(() => {
32796
32809
  var _a7, _b7;
32797
32810
  if (!notification) {
@@ -33429,7 +33442,7 @@ function RemoteStopScreenshare() {
33429
33442
 
33430
33443
  // src/Prebuilt/components/hooks/useAutoStartStreaming.tsx
33431
33444
  init_define_process_env();
33432
- import { useCallback as useCallback40, useEffect as useEffect77, useRef as useRef32 } from "react";
33445
+ import { useCallback as useCallback40, useEffect as useEffect77, useRef as useRef33 } from "react";
33433
33446
  import {
33434
33447
  selectIsConnectedToRoom as selectIsConnectedToRoom12,
33435
33448
  selectPermissions as selectPermissions20,
@@ -33444,7 +33457,7 @@ var useAutoStartStreaming = () => {
33444
33457
  const hmsActions = useHMSActions58();
33445
33458
  const isConnected = useHMSStore95(selectIsConnectedToRoom12);
33446
33459
  const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = useRecordingStreaming12();
33447
- const streamStartedRef = useRef32(false);
33460
+ const streamStartedRef = useRef33(false);
33448
33461
  const startHLS = useCallback40(() => __async(void 0, null, function* () {
33449
33462
  try {
33450
33463
  if (isHLSStarted || !showStreamingUI || isHLSRunning || isRTMPRunning || isHLSRecordingOn || isBrowserRecordingOn) {
@@ -33497,7 +33510,7 @@ var HMSPrebuilt = React186.forwardRef(
33497
33510
  onJoin
33498
33511
  }, ref) => {
33499
33512
  var _a7, _b7, _c, _d;
33500
- const reactiveStore = useRef33();
33513
+ const reactiveStore = useRef34();
33501
33514
  const [hydrated, setHydrated] = React186.useState(false);
33502
33515
  useEffect78(() => {
33503
33516
  setHydrated(true);
@@ -33687,7 +33700,7 @@ init_define_process_env();
33687
33700
 
33688
33701
  // src/Diagnostics/Diagnostics.tsx
33689
33702
  init_define_process_env();
33690
- import React194, { useCallback as useCallback42, useRef as useRef35, useState as useState84 } from "react";
33703
+ import React194, { useCallback as useCallback42, useRef as useRef36, useState as useState84 } from "react";
33691
33704
  import { HMSRoomProvider as HMSRoomProvider2, useHMSActions as useHMSActions61 } from "@100mslive/react-sdk";
33692
33705
  import {
33693
33706
  CheckCircleIcon as CheckCircleIcon7,
@@ -33793,11 +33806,11 @@ var TestFooter = ({
33793
33806
  // src/Diagnostics/DeviceSelector.jsx
33794
33807
  init_define_process_env();
33795
33808
  var import_prop_types = __toESM(require_prop_types());
33796
- import React189, { useRef as useRef34, useState as useState79 } from "react";
33809
+ import React189, { useRef as useRef35, useState as useState79 } from "react";
33797
33810
  var DeviceSelector2 = ({ title, devices, selection, onChange, icon, children = null }) => {
33798
33811
  var _a7, _b7;
33799
33812
  const [open, setOpen] = useState79(false);
33800
- const ref = useRef34(null);
33813
+ const ref = useRef35(null);
33801
33814
  return /* @__PURE__ */ React189.createElement(Box, { css: { mb: "$6" } }, /* @__PURE__ */ React189.createElement(Text, { css: { mb: "$4" } }, title), /* @__PURE__ */ React189.createElement(
33802
33815
  Flex,
33803
33816
  {
@@ -34469,7 +34482,7 @@ var DiagnosticsProvider = () => {
34469
34482
  const actions = useHMSActions61();
34470
34483
  const [activeStep, setActiveStep] = useState84(0);
34471
34484
  const [steps, setSteps] = useState84(initialSteps);
34472
- const diagnosticsRef = useRef35(actions.initDiagnostics());
34485
+ const diagnosticsRef = useRef36(actions.initDiagnostics());
34473
34486
  const updateStep = useCallback42((step, value) => {
34474
34487
  setSteps((prevSteps) => __spreadProps(__spreadValues({}, prevSteps), { [step]: __spreadValues(__spreadValues({}, prevSteps[step]), value) }));
34475
34488
  }, []);
@@ -34623,4 +34636,4 @@ object-assign/index.js:
34623
34636
  @license MIT
34624
34637
  *)
34625
34638
  */
34626
- //# sourceMappingURL=chunk-FZNVIKYB.js.map
34639
+ //# sourceMappingURL=chunk-KZIOZDJV.js.map