@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/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-alpha.3", 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"] };
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 [isCaptionEnabled] = useSetIsCaptionEnabled();
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-2832-fqyRrGg1Js4N/1901603cd0d1/index.css
30751
- var init_cd0d1 = __esm({
30752
- "../../../../../../../tmp/tmp-2832-fqyRrGg1Js4N/1901603cd0d1/index.css"() {
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
- init_cd0d1();
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(import_react_icons87.CrossIcon, null)),
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, import_react_icons87, HlsStatsRow;
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
- import_react_icons87 = require("@100mslive/react-icons");
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, import_react_icons88, PlayPauseButton;
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
- import_react_icons88 = require("@100mslive/react-icons");
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(import_react_icons88.PlayIcon, { width, height }) : /* @__PURE__ */ import_react191.default.createElement(import_react_icons88.PauseIcon, { width, height })));
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, import_react_icons89, PlayPauseSeekControls, PlayPauseSeekOverlayControls;
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
- import_react_icons89 = require("@100mslive/react-icons");
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(import_react_icons89.BackwardArrowIcon, { width: 20, height: 20 })
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(import_react_icons89.ForwardArrowIcon, { width: 20, height: 20 })
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(import_react_icons89.BackwardArrowIcon, { width: 52, height: 52 })),
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(import_react_icons89.ForwardArrowIcon, { width: 52, height: 52 })),
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(import_react_icons89.BackwardArrowIcon, { width: 32, height: 32 })
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(import_react_icons89.ForwardArrowIcon, { width: 32, height: 32 })
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, import_react_icons90, VolumeControl, VolumeIcon;
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
- import_react_icons90 = require("@100mslive/react-icons");
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(import_react_icons90.VolumeZeroIcon, { style: { cursor: "pointer", transition: "color 0.3s" }, onClick });
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(import_react_icons90.VolumeOneIcon, { style: { cursor: "pointer", transition: "color 0.3s" }, onClick }) : /* @__PURE__ */ import_react196.default.createElement(import_react_icons90.VolumeTwoIcon, { style: { cursor: "pointer", transition: "color 0.3s" }, onClick });
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, import_react_icons91, FullScreenButton2;
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
- import_react_icons91 = require("@100mslive/react-icons");
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(import_react_icons91.ShrinkIcon, null) : /* @__PURE__ */ import_react197.default.createElement(import_react_icons91.ExpandIcon, null))));
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(import_react_icons92.VolumeTwoIcon, { width: "32", height: "32" }),
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, import_react_icons92;
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
- import_react_icons92 = require("@100mslive/react-icons");
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(import_react_icons93.ClosedCaptionIcon, { width: "20", height: "20px" }) : /* @__PURE__ */ import_react199.default.createElement(import_react_icons93.OpenCaptionIcon, { width: "20", height: "20px" })));
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, import_react_icons93;
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
- import_react_icons93 = require("@100mslive/react-icons");
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(import_react_icons94.SettingsIcon, null)
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(import_react_icons94.CrossIcon, null))
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(import_react_icons94.CheckIcon, { width: "16px", height: "16px" })
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(import_react_icons94.CheckIcon, { width: "16px", height: "16px" })
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(import_react_icons94.SettingsIcon, null)
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(import_react_icons94.CheckIcon, { width: "16px", height: "16px" })
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(import_react_icons94.CheckIcon, { width: "16px", height: "16px" })
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, import_react_icons94, getQualityText, getBitrateText;
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
- import_react_icons94 = require("@100mslive/react-icons");
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, import_react_icons95, HLSViewTitle;
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
- import_react_icons95 = require("@100mslive/react-icons");
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(import_react_icons95.ChevronDownIcon, null)
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, import_react_icons96, hlsPlayer, toastMap, ToggleChat, HLSView, HLSView_default;
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
- import_react_icons96 = require("@100mslive/react-icons");
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(import_react_icons96.ColoredHandIcon, { height: 56, width: 56 }),
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(import_react_icons96.GoLiveIcon, { height: 56, width: 56, style: { color: "white" } }),
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, import_react_icons97, HLSView2, VideoStreamingSection;
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
- import_react_icons97 = require("@100mslive/react-icons");
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(import_react_icons97.PeopleAddIcon, { width: "56px", height: "56px", style: { color: "white" } })
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(import_react_icons97.ShareScreenIcon, { width: "56px", height: "56px", style: { color: "white" } })
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, import_react_icons98, RoomDetailsHeader;
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
- import_react_icons98 = require("@100mslive/react-icons");
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(import_react_icons98.ChevronRightIcon, { height: 16, width: 16, onClick: toggleDetailsSheet })) : null);
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, import_react_icons99, CamaraFlipActions, AudioActions, AudioSelectionSheet, SelectWithLabel;
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
- import_react_icons99 = require("@100mslive/react-icons");
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(import_react_icons99.CameraFlipIcon, null)
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(import_react_icons99.SpeakerIcon, null);
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(import_react_icons99.BluetoothIcon, null);
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(import_react_icons99.HeadphonesIcon, null);
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(import_react_icons99.CrossIcon, null))))), /* @__PURE__ */ import_react205.default.createElement(HorizontalDivider, null), /* @__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(import_react_icons99.CheckIcon, { width: 24, height: 24 })
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, import_react_icons100, ErrorBoundary;
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
- import_react_icons100 = require("@100mslive/react-icons");
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(import_react_icons100.CopyIcon, null),
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, import_react_icons101, LeaveScreen;
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
- import_react_icons101 = require("@100mslive/react-icons");
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(import_react_icons101.ExitIcon, null),
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, import_react_icons102, MwebLandscapePrompt;
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
- import_react_icons102 = require("@100mslive/react-icons");
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(import_react_icons102.RefreshIcon, { style: { marginRight: "0.5rem" } }),
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, import_react_icons103, NOTIFICATION_TIME_DIFFERENCE, ChatNotifications;
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
- import_react_icons103 = require("@100mslive/react-icons");
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(import_react_icons103.ChatUnreadIcon, null) : /* @__PURE__ */ import_react218.default.createElement(import_react_icons103.ChatIcon, null),
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, import_react_icons104, ChatAction, HandRaiseAction, ToastConfig;
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
- import_react_icons104 = require("@100mslive/react-icons");
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(import_react_icons104.PeopleAddIcon, null)
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(import_react_icons104.PeopleAddIcon, null)
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(import_react_icons104.PeopleRemoveIcon, null)
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(import_react_icons104.PeopleRemoveIcon, null)
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(import_react_icons104.HandIcon, null)
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(import_react_icons104.HandIcon, null)
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(import_react_icons104.HandIcon, null),
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(import_react_icons104.HandIcon, null),
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(import_react_icons104.ChatUnreadIcon, null),
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(import_react_icons104.ChatUnreadIcon, null),
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(import_react_icons104.ConnectivityIcon, null),
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(import_react_icons104.PoorConnectivityIcon, null),
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, import_react_icons105, TrackBulkUnmuteModal;
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
- import_react_icons105 = require("@100mslive/react-icons");
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: import_react_icons105.MicOnIcon
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, import_react_icons106, TrackUnmuteModal;
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
- import_react_icons106 = require("@100mslive/react-icons");
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: import_react_icons106.MicOnIcon
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, import_react_icons107, TranscriptionNotifications;
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
- import_react_icons107 = require("@100mslive/react-icons");
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(import_react_icons107.AlertTriangleIcon, { style: { marginRight: "0.5rem" } })
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(import_react_icons107.ClosedCaptionIcon, { style: { marginRight: "0.5rem" } })
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(import_react_icons107.OpenCaptionIcon, { style: { marginRight: "0.5rem" } })
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(import_react_icons108.GroupIcon, null))
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, import_react_icons108, pollToastKey;
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
- import_react_icons108 = require("@100mslive/react-icons");
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, import_react_icons109, RoomDetailsSheet;
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
- import_react_icons109 = require("@100mslive/react-icons");
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(import_react_icons109.CrossIcon, null))
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
  }