@100mslive/roomkit-react 0.3.19-alpha.9 → 0.3.19

package/dist/{chunk-3FZB2LJY.js → chunk-DIIFM6TW.js}

@@ -107,7 +107,7 @@ var __async = (__this, __arguments, generator) => {
 var define_process_env_default;
 var init_define_process_env = __esm({
   "<define:process.env>"() {
-    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_63a49f9d-70e5-42b7-a91e-d180fa95ae5d", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_exports___index_css: "./dist/index.css", npm_package_exports___require: "./dist/index.cjs.js", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", npm_package_dependencies__100mslive_hms_whiteboard: "0.0.9-alpha.9", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.20.4 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.10.19-alpha.9", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_63a49f9d-70e5-42b7-a91e-d180fa95ae5d", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.4/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.13.19-alpha.9", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.12", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.10", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/27.0.12077973", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "587", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.13/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240825.1.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.6/x64", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.0.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:16128", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.3.19-alpha.9", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", STATS_D: "false", GITHUB_RUN_ID: "10680158293", 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: "06c3bff006916b7591f7132e14fcf78d45411c9a", 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: "78904341bffbb2d12d441357dbf28119a0f6663387a38ea65b61571adb7c2650", 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--1725355361866-0.09305460596310522:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1725355361672-0.03276954834696921:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1725355336380-0.4943275216505707:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1725355336204-0.1740096099120545:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin:/snap/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/18.20.4/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_3ba275f8-098e-4398-bb31-88617572f59c", INVOCATION_ID: "77a79ebd795148e3a99b53fe82584cd1", 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: "652", GITHUB_TRIGGERING_ACTOR: "github-actions[bot]", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_dependencies_react_dom: "^18.2.0", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 481", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "false", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/27.0.12077973", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.10.19-alpha.9", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.19-alpha.9", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_resolutions_axios: "^1.7.4", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", GITHUB_SHA: "06c3bff006916b7591f7132e14fcf78d45411c9a", 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_63a49f9d-70e5-42b7-a91e-d180fa95ae5d", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "41898282", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_63a49f9d-70e5-42b7-a91e-d180fa95ae5d", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/27.0.12077973", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.181+6/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies_knip: "^5.11.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/27.0.12077973", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_63a49f9d-70e5-42b7-a91e-d180fa95ae5d" };
+    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_3239d931-854f-451e-b2a1-00f943ca805c", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_exports___index_css: "./dist/index.css", npm_package_exports___require: "./dist/index.cjs.js", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", npm_package_dependencies__100mslive_hms_whiteboard: "0.0.9", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.20.4 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.10.19", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_3239d931-854f-451e-b2a1-00f943ca805c", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.20.4/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.13.19", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.12", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.10", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/27.0.12077973", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "594", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.13/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240901.1.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.6/x64", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.0.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:3006", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.3.19", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", STATS_D: "false", GITHUB_RUN_ID: "10775631112", 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: "b1bdfdb1965a14fd6b61e9bb8f9a9c48c556fd37", 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: "35d1ee9741adef39d80387e400edbf575b9a7703324c18f8da2bef3bc3d960a2", npm_package_exports___import: "./dist/index.js", STATS_BLT: "true", 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--1725893382741-0.6519746386750118:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1725893382550-0.5635610781867195:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1725893357442-0.015279308298105088:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1725893357267-0.1435051772390752:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.20.4/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.20.4/x64/bin:/snap/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/18.20.4/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_8c8def3e-ea24-4030-925c-559498fb7454", INVOCATION_ID: "62be4ee69caf4730b4b25bc5bc6354c7", 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: "668", 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_dependencies_react_dom: "^18.2.0", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 113", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "main", GITHUB_REPOSITORY: "100mslive/web-sdks", STATS_D_D: "false", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/27.0.12077973", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.10.19", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.19", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_resolutions_axios: "^1.7.4", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", GITHUB_SHA: "b1bdfdb1965a14fd6b61e9bb8f9a9c48c556fd37", 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_3239d931-854f-451e-b2a1-00f943ca805c", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "6763261", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_3239d931-854f-451e-b2a1-00f943ca805c", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/27.0.12077973", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.181+6/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies_knip: "^5.11.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/27.0.12077973", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_3239d931-854f-451e-b2a1-00f943ca805c" };
   }
 });
 
@@ -8916,7 +8916,7 @@ var require_react_is_production_min = __commonJS({
         }
       }
     }
-    function A(a2) {
+    function A2(a2) {
       return z2(a2) === m;
     }
     exports.AsyncMode = l2;
@@ -8933,9 +8933,9 @@ var require_react_is_production_min = __commonJS({
     exports.StrictMode = f2;
     exports.Suspense = p;
     exports.isAsyncMode = function(a2) {
-      return A(a2) || z2(a2) === l2;
+      return A2(a2) || z2(a2) === l2;
     };
-    exports.isConcurrentMode = A;
+    exports.isConcurrentMode = A2;
     exports.isContextConsumer = function(a2) {
       return z2(a2) === k;
     };
@@ -13891,6 +13891,7 @@ import { HMSRoomState as HMSRoomState2, selectRoomState as selectRoomState2, use
 // src/Prebuilt/components/VirtualBackground/VBHandler.tsx
 init_define_process_env();
 import { HMSVBPlugin, HMSVirtualBackgroundTypes } from "@100mslive/hms-virtual-background/hmsvbplugin";
+import { parsedUserAgent as parsedUserAgent2 } from "@100mslive/react-sdk";
 var VBPlugin = class {
   constructor() {
     this.initialisePlugin = (effectsSDKKey, onInit) => __async(this, null, function* () {
@@ -13899,8 +13900,8 @@ var VBPlugin = class {
       }
       if (effectsSDKKey) {
         try {
-          const { HMSEffectsPlugin } = yield import("@100mslive/hms-virtual-background/hmseffectsplugin");
-          this.effectsPlugin = new HMSEffectsPlugin(effectsSDKKey, onInit);
+          const effects = yield import("@100mslive/hms-virtual-background/hmseffectsplugin");
+          this.effectsPlugin = new effects.HMSEffectsPlugin(effectsSDKKey, onInit);
         } catch (error) {
           console.error("Failed to initialise HMSEffectsPlugin:", error, "Using HMSVBPlugin");
           this.hmsPlugin = new HMSVBPlugin(HMSVirtualBackgroundTypes.NONE, HMSVirtualBackgroundTypes.NONE);
@@ -13982,6 +13983,17 @@ var VBPlugin = class {
       this.effectsPlugin = void 0;
       this.hmsPlugin = void 0;
     };
+    this.isEffectsSupported = () => {
+      var _a7, _b7;
+      if (!isSafari) {
+        return true;
+      }
+      const browserVersion = ((_b7 = (_a7 = parsedUserAgent2) == null ? void 0 : _a7.getBrowser()) == null ? void 0 : _b7.version) || "16";
+      if (browserVersion && parseInt(browserVersion.split(".")[0]) < 17) {
+        return false;
+      }
+      return true;
+    };
   }
 };
 var VBHandler = new VBPlugin();
@@ -14501,9 +14513,12 @@ var useAppStateManager = () => {
       [HMSRoomState2.Disconnected, HMSRoomState2.Connecting],
       [HMSRoomState2.Disconnected, HMSRoomState2.Reconnecting],
       () => {
-        setActiveState(
-          match2({ isLeaveScreenEnabled, isPreviewScreenEnabled }).with({ isLeaveScreenEnabled: true }, () => "leave" /* LEAVE */).with({ isPreviewScreenEnabled: true }, () => "preview" /* PREVIEW */).otherwise(() => "meeting" /* MEETING */)
-        );
+        setActiveState((prevState) => {
+          return match2({ isLeaveScreenEnabled, isPreviewScreenEnabled, prevState }).when(
+            ({ isLeaveScreenEnabled: isLeaveScreenEnabled2, prevState: prevState2 }) => isLeaveScreenEnabled2 && prevState2 !== "leave" /* LEAVE */,
+            () => "leave" /* LEAVE */
+          ).with({ isPreviewScreenEnabled: true }, () => "preview" /* PREVIEW */).otherwise(() => "meeting" /* MEETING */);
+        });
         VBHandler.reset();
         redirectToLeave(1e3);
       }
@@ -15937,7 +15952,7 @@ import { useCallback as useCallback10, useEffect as useEffect14, useMemo as useM
 import { useMedia as useMedia4 } from "react-use";
 import { JoinForm_JoinBtnType as JoinForm_JoinBtnType2 } from "@100mslive/types-prebuilt/elements/join_form";
 import {
-  parsedUserAgent as parsedUserAgent2,
+  parsedUserAgent as parsedUserAgent3,
   selectAvailableRoleNames,
   selectIsAllowedToPublish,
   selectIsConnectedToRoom,
@@ -15999,7 +16014,7 @@ var useParticipants = (params) => {
   return { participants: participantList, isConnected, peerCount, rolesWithParticipants };
 };
 var useIsLandscape = () => {
-  const isMobile = parsedUserAgent2.getDevice().type === "mobile";
+  const isMobile = parsedUserAgent3.getDevice().type === "mobile";
   const isLandscape = useMedia4(config.media.ls);
   return isMobile && isLandscape;
 };
@@ -16310,7 +16325,7 @@ var LeaveSessionContent = ({
       variant: "danger",
       css: { w: "100%" },
       onClick: () => __async(void 0, null, function* () {
-        return yield leaveRoom();
+        yield leaveRoom();
       }),
       id: "leaveRoom",
       "data-testid": "leave_room"
@@ -17570,7 +17585,7 @@ var PinnedBy = ({
 
 // src/Prebuilt/components/PIP/PIPChat.tsx
 var PIPChat = () => {
-  var _a7, _b7, _c, _d, _e, _f, _g, _h, _i, _j;
+  var _a7, _b7, _c, _d, _e, _f, _g, _h, _i, _j, _k;
   const messages = useHMSStore20(selectHMSMessages2);
   const localPeerID = useHMSStore20(selectLocalPeerID3);
   const count = useHMSStore20(selectUnreadHMSMessagesCount2);
@@ -17597,7 +17612,7 @@ var PIPChat = () => {
   const isLocalPeerBlacklisted = useIsPeerBlacklisted({ local: true });
   const { elements } = useRoomLayoutConferencingScreen();
   const message_placeholder = ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.message_placeholder) || "Send a message";
-  const canSendChatMessages = !!((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.public_chat_enabled) || !!((_d = (_c = elements == null ? void 0 : elements.chat) == null ? void 0 : _c.roles_whitelist) == null ? void 0 : _d.length);
+  const canSendChatMessages = !!((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.public_chat_enabled) || !!((_d = (_c = elements == null ? void 0 : elements.chat) == null ? void 0 : _c.roles_whitelist) == null ? void 0 : _d.length) || !!((_e = elements == null ? void 0 : elements.chat) == null ? void 0 : _e.private_chat_enabled);
   const getChatStatus = useCallback16(() => {
     if (isLocalPeerBlacklisted)
       return "You've been blocked from sending messages";
@@ -17657,7 +17672,7 @@ var PIPChat = () => {
         }
       },
       /* @__PURE__ */ React50.createElement(Text, { variant: "h5", css: { mt: "$8", c: "$on_surface_high" } }, canSendChatMessages ? "Start a conversation" : "No messages yet"),
-      /* @__PURE__ */ React50.createElement(Text, { variant: "sm", style: { maxWidth: "80%", textAlign: "center", marginTop: "4px" } }, "There are no messages here yet. Start a conversation by sending a message.")
+      canSendChatMessages ? /* @__PURE__ */ React50.createElement(Text, { variant: "sm", style: { maxWidth: "80%", textAlign: "center", marginTop: "4px" } }, "There are no messages here yet. Start a conversation by sending a message.") : ""
     ) : filteredMessages.map((message) => /* @__PURE__ */ React50.createElement(Box, { className: "pip-message", key: message.id, id: message.id, style: { padding: "8px 0.75rem" } }, /* @__PURE__ */ React50.createElement(Flex, { style: { width: "100%", alignItems: "center", justifyContent: "between" } }, /* @__PURE__ */ React50.createElement(
       Text,
       {
@@ -17716,10 +17731,10 @@ var PIPChat = () => {
         borderRadius: "4px",
         padding: "0 2px"
       },
-      defaultValue: ((_e = elements.chat) == null ? void 0 : _e.public_chat_enabled) ? "Everyone" : (_g = (_f = elements.chat) == null ? void 0 : _f.roles_whitelist) == null ? void 0 : _g[0]
+      defaultValue: ((_f = elements.chat) == null ? void 0 : _f.public_chat_enabled) ? "Everyone" : (_h = (_g = elements.chat) == null ? void 0 : _g.roles_whitelist) == null ? void 0 : _h[0]
     },
-    (_i = (_h = elements.chat) == null ? void 0 : _h.roles_whitelist) == null ? void 0 : _i.map((role) => /* @__PURE__ */ React50.createElement("option", { key: role, value: role }, role)),
-    ((_j = elements.chat) == null ? void 0 : _j.public_chat_enabled) ? /* @__PURE__ */ React50.createElement("option", { value: "Everyone" }, "Everyone") : ""
+    (_j = (_i = elements.chat) == null ? void 0 : _i.roles_whitelist) == null ? void 0 : _j.map((role) => /* @__PURE__ */ React50.createElement("option", { key: role, value: role }, role)),
+    ((_k = elements.chat) == null ? void 0 : _k.public_chat_enabled) ? /* @__PURE__ */ React50.createElement("option", { value: "Everyone" }, "Everyone") : ""
   ))), /* @__PURE__ */ React50.createElement(
     Flex,
     {
@@ -21353,7 +21368,7 @@ var adapter = adapterFactory({ window: typeof window === "undefined" ? void 0 :
 // ../hms-video-store/dist/index.js
 var import_lodash4 = __toESM(require_lodash2());
 import { v4 as Po } from "uuid";
-import { v4 as Ro } from "uuid";
+import { v4 as Ao } from "uuid";
 import { v4 as wo } from "uuid";
 import { EventEmitter2 as Do } from "eventemitter2";
 var jt = __toESM(require_lib());
@@ -21406,7 +21421,7 @@ var c = (a2, e, t) => new Promise((i, r) => {
   n((t = t.apply(a2, e)).next());
 });
 var yr = ro((Dc, ho) => {
-  ho.exports = { version: "0.12.19-alpha.9", 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"] };
+  ho.exports = { version: "0.12.19", 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"] };
 });
 var Tr = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(Tr || {});
 var so = ((e) => (e.CHAT = "chat", e))(so || {});
@@ -21524,7 +21539,7 @@ var co = () => !Be;
 var nc = co();
 var Ss;
 var gs;
-var ys = ((gs = (Ss = he.getBrowser()) == null ? void 0 : Ss.name) == null ? void 0 : gs.toLowerCase()) === "safari";
+var ys = (gs = (Ss = he.getBrowser()) == null ? void 0 : Ss.name) == null ? void 0 : gs.toLowerCase().includes("safari");
 var Ts;
 var fs;
 var ks = ((fs = (Ts = he.getBrowser()) == null ? void 0 : Ts.name) == null ? void 0 : fs.toLowerCase()) === "firefox";
@@ -21745,14 +21760,14 @@ var Is = yr().version;
 function vt(a2 = "prod", e) {
   let t = "web", i = Qe !== "LOCAL" && a2 === "prod" ? "prod" : "debug";
   if (Be)
-    return As({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version: Is, env: i, domain: Qe, is_prebuilt: !!(e != null && e.isPrebuilt), framework: "node", framework_version: process.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
+    return Rs({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version: Is, env: i, domain: Qe, is_prebuilt: !!(e != null && e.isPrebuilt), framework: "node", framework_version: process.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
   let r = he.getOS(), s = he.getDevice(), o = he.getBrowser(), n = kr(`web_${r.name}`), d = r.version || "", u = kr(`${o.name}_${o.version}`), p = u;
-  return s.type && (p = `${kr(`${s.vendor}_${s.type}`)}/${u}`), As({ os: n, os_version: d, sdk: t, sdk_version: Is, device_model: p, env: i, domain: Qe, is_prebuilt: !!(e != null && e.isPrebuilt), framework: e == null ? void 0 : e.type, framework_version: e == null ? void 0 : e.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
+  return s.type && (p = `${kr(`${s.vendor}_${s.type}`)}/${u}`), Rs({ os: n, os_version: d, sdk: t, sdk_version: Is, device_model: p, env: i, domain: Qe, is_prebuilt: !!(e != null && e.isPrebuilt), framework: e == null ? void 0 : e.type, framework_version: e == null ? void 0 : e.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
 }
 function kr(a2) {
   return a2.replace(/ /g, "_");
 }
-var As = (a2, e = ",") => Object.keys(a2).filter((t) => ne(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
+var Rs = (a2, e = ",") => Object.keys(a2).filter((t) => ne(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
 var H = class {
   constructor({ name: e, level: t, properties: i, includesPII: r, timestamp: s }) {
     this.metadata = { peer: {}, userAgent: vt() };
@@ -21909,7 +21924,7 @@ function ci(a2, e = 300) {
     }, e);
   };
 }
-var Rr = ((t) => (t.SIP = "sip", t.REGULAR = "regular", t))(Rr || {});
+var Ar = ((t) => (t.SIP = "sip", t.REGULAR = "regular", t))(Ar || {});
 var Ls = ((n) => (n.NONE = "none", n.INITIALISED = "initialised", n.STARTED = "started", n.PAUSED = "paused", n.RESUMED = "resumed", n.STOPPED = "stopped", n.FAILED = "failed", n))(Ls || {});
 var ws = ((t) => (t.DVR = "dvr", t.NO_DVR = "no-dvr", t))(ws || {});
 var Ds = ((i) => (i.REGULAR = "regular", i.SCREEN = "screen", i.COMPOSITE = "composite", i))(Ds || {});
@@ -22068,13 +22083,13 @@ var pm = createSelector(K, O, (a2, e) => {
 var hm = createSelector(xo, (a2) => a2.filter(us));
 var mm = createSelector(ea, (a2) => a2.length);
 var Sm = createSelector(Mi, (a2) => Object.values(a2).filter((e) => !e.read).length);
-var Rt = createSelector(ea, Mi, (a2, e) => {
+var At = createSelector(ea, Mi, (a2, e) => {
   let t = [];
   return a2.forEach((i) => {
     t.push(e[i]);
   }), t;
 });
-var Vo = createSelector(Rt, (a2) => a2.filter((e) => {
+var Vo = createSelector(At, (a2) => a2.filter((e) => {
   var t;
   return !e.recipientPeer && !(e.recipientRoles && ((t = e.recipientRoles) == null ? void 0 : t.length) > 0);
 }));
@@ -22102,8 +22117,8 @@ var Em = createSelector(V, (a2) => a2.hls);
 var Pm = createSelector(V, (a2) => a2.transcriptions);
 var bm = createSelector(V, (a2) => a2.sessionId);
 var Im = createSelector(V, (a2) => a2.startedAt);
-var Am = createSelector(V, (a2) => !!a2.isLargeRoom);
-var Rm = createSelector(V, (a2) => !!a2.isEffectsEnabled);
+var Rm = createSelector(V, (a2) => !!a2.isLargeRoom);
+var Am = createSelector(V, (a2) => !!a2.isEffectsEnabled);
 var Hm = createSelector(V, (a2) => !!a2.isVBEnabled);
 var Cm = createSelector(V, (a2) => a2.effectsKey);
 var na = (a2) => a2.polls;
@@ -22123,7 +22138,7 @@ var Sa = (a2 = "audio") => createSelector(da(a2), Kr(a2), (e, t) => {
 });
 var ga = { selection: Kr("audio"), progress: la("audio"), currentTime: ua("audio"), playbackRate: pa("audio"), volume: ha("audio"), list: ma("audio"), selectedItem: Sa("audio") };
 var Ta = { selection: Kr("video"), progress: la("video"), currentTime: ua("video"), playbackRate: pa("video"), volume: ha("video"), list: ma("video"), selectedItem: Sa("video") };
-function R(a2) {
+function A(a2) {
   return (e) => (t) => a2(t, e);
 }
 var Ht = "HMS-Store:";
@@ -22225,8 +22240,8 @@ var Jo = createSelector([O, Ct], (a2, e) => {
   return (t == null ? void 0 : t.type) === "video" && (t == null ? void 0 : t.source) === "screen" ? t : null;
 });
 var Qo = createSelector([na, $o], (a2, e) => e ? a2[e] : null);
-var Y = R(q);
-var qm = R(createSelector([Gr, Wo], (a2, e) => {
+var Y = A(q);
+var qm = A(createSelector([Gr, Wo], (a2, e) => {
   if (a2)
     return e ? a2[e] : a2;
 }));
@@ -22236,89 +22251,89 @@ function jm(a2) {
       return a2 ? e.sessionStore[a2] : e.sessionStore;
   };
 }
-var Qm = R(createSelector(q, (a2) => a2 == null ? void 0 : a2.name));
-var zm = R(createSelector(q, (a2) => a2 == null ? void 0 : a2.type));
-var yi = R(jr);
-var va = R(Ko);
-var Ym = R(qo);
-var Xm = R(jo);
-var Zm = R(Jo);
-var zo = R((a2, e) => {
+var Qm = A(createSelector(q, (a2) => a2 == null ? void 0 : a2.name));
+var zm = A(createSelector(q, (a2) => a2 == null ? void 0 : a2.type));
+var yi = A(jr);
+var va = A(Ko);
+var Ym = A(qo);
+var Xm = A(jo);
+var Zm = A(Jo);
+var zo = A((a2, e) => {
   let t = q(a2, e);
   if (t && t.videoTrack && t.videoTrack !== "")
     return a2.tracks[t.videoTrack];
 });
-var Yo = R((a2, e) => {
+var Yo = A((a2, e) => {
   let t = q(a2, e);
   if (t && t.audioTrack && t.audioTrack !== "")
     return a2.tracks[t.audioTrack];
 });
-var tS = R((a2, e) => {
+var tS = A((a2, e) => {
   let t = q(a2, e);
   return (t == null ? void 0 : t.auxiliaryTracks.map((i) => a2.tracks[i])) || [];
 });
 var Ma = (a2, e) => e ? a2.speakers[e] : null;
-var iS = R(createSelector(Ma, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+var iS = A(createSelector(Ma, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
 var Xo = (a2, e) => {
   let t = Yo(e)(a2);
   return Ma(a2, t == null ? void 0 : t.id);
 };
-var rS = R(createSelector(Xo, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
-var sS = R((a2, e) => {
+var rS = A(createSelector(Xo, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+var sS = A((a2, e) => {
   if (e)
     return a2.connectionQualities[e];
 });
-var aS = R((a2, e) => {
+var aS = A((a2, e) => {
   let t = q(a2, e);
   if (t) {
     let i = t == null ? void 0 : t.auxiliaryTracks.find((r) => pt(a2.tracks[r]));
     return i ? a2.tracks[i] : void 0;
   }
 });
-var oS = R(createSelector(O, q, (a2, e) => {
+var oS = A(createSelector(O, q, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
     return mt(r) && ht(r);
   });
   return t ? a2[t] : void 0;
 }));
-var nS = R(createSelector(O, q, (a2, e) => {
+var nS = A(createSelector(O, q, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
     return mt(r) && pt(r);
   });
   return t ? a2[t] : void 0;
 }));
-var cS = R(createSelector(O, q, (a2, e) => {
+var cS = A(createSelector(O, q, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
     return si(r) && pt(r);
   });
   return t ? a2[t] : void 0;
 }));
-var ya = R(createSelector(O, q, (a2, e) => Ue(a2, e)));
+var ya = A(createSelector(O, q, (a2, e) => Ue(a2, e)));
 var ka = (a2) => createSelector(ya(a2), (e) => e.audio);
-var lS = R((a2, e) => {
+var lS = A((a2, e) => {
   let t = q(a2, e);
   return je(a2, t == null ? void 0 : t.audioTrack);
 });
-var uS = R((a2, e) => {
+var uS = A((a2, e) => {
   let t = q(a2, e);
   return je(a2, t == null ? void 0 : t.videoTrack);
 });
-var Ea = R((a2, e) => {
+var Ea = A((a2, e) => {
   if (e && a2.tracks[e])
     return a2.tracks[e].volume === 0;
 });
-var pS = R((a2, e) => {
+var pS = A((a2, e) => {
   let t = q(a2, e);
   return Ea(t == null ? void 0 : t.audioTrack)(a2);
 });
-var hS = R((a2, e) => {
+var hS = A((a2, e) => {
   let t = ka(e)(a2);
   return Ea(t == null ? void 0 : t.id)(a2);
 });
-var Pa = R((a2, e) => {
+var Pa = A((a2, e) => {
   let t = jr(a2, e);
   if (t) {
     if (t.type !== "audio") {
@@ -22328,15 +22343,15 @@ var Pa = R((a2, e) => {
     return t.volume;
   }
 });
-var mS = R((a2, e) => {
+var mS = A((a2, e) => {
   let t = q(a2, e);
   return Pa(t == null ? void 0 : t.audioTrack)(a2);
 });
-var SS = R((a2, e) => {
+var SS = A((a2, e) => {
   let t = ka(e)(a2);
   return Pa(t == null ? void 0 : t.id)(a2);
 });
-var gS = R((a2, e) => {
+var gS = A((a2, e) => {
   let t = jr(a2, e);
   if (t) {
     if (t.type !== "video") {
@@ -22346,32 +22361,32 @@ var gS = R((a2, e) => {
     return t.layer;
   }
 });
-var ba = createSelector([Rt, Ee, qr], (a2, e, t) => {
+var ba = createSelector([At, Ee, qr], (a2, e, t) => {
   if (t)
     return a2.filter((i) => {
       var r;
       return !i.recipientPeer && !((r = i.recipientRoles) != null && r.length) || i.sender && ![e, t].includes(i.sender) ? false : [e, t].includes(i.recipientPeer);
     });
 });
-var Ia = createSelector([Rt, fa], (a2, e) => {
+var Ia = createSelector([At, fa], (a2, e) => {
   if (e)
     return a2.filter((t) => {
       var i, r;
       return (i = t.recipientRoles) != null && i.length ? (r = t.recipientRoles) == null ? void 0 : r.includes(e) : false;
     });
 });
-var Zo = createSelector(Rt, (a2) => a2.filter((e) => {
+var Zo = createSelector(At, (a2) => a2.filter((e) => {
   var t;
   return !e.recipientPeer && !((t = e.recipientRoles) != null && t.length);
 }));
 var en = createSelector([Ia, fa], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
 var tn = createSelector([ba, qr], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
 var TS = createSelector(Zo, (a2) => a2.filter((e) => !e.read).length);
-var fS = R(ba);
-var vS = R(Ia);
-var MS = R(en);
-var yS = R(tn);
-var Aa = R(Qo);
+var fS = A(ba);
+var vS = A(Ia);
+var MS = A(en);
+var yS = A(tn);
+var Ra = A(Qo);
 var DS = createSelector([K, O], (a2, e) => Object.values(a2).map((i) => {
   var r;
   return { peer: i, isAudioEnabled: i.audioTrack ? (r = e[i.audioTrack]) == null ? void 0 : r.enabled : false };
@@ -22465,7 +22480,7 @@ Vt.TAG = "[FeedbackService]";
 var j = ((s) => (s[s.ConnectFailed = 0] = "ConnectFailed", s[s.SignalDisconnect = 1] = "SignalDisconnect", s[s.JoinWSMessageFailed = 2] = "JoinWSMessageFailed", s[s.PublishIceConnectionFailed = 3] = "PublishIceConnectionFailed", s[s.SubscribeIceConnectionFailed = 4] = "SubscribeIceConnectionFailed", s))(j || {});
 var sr = ((n) => (n.Disconnected = "Disconnected", n.Connecting = "Connecting", n.Joined = "Joined", n.Preview = "Preview", n.Failed = "Failed", n.Reconnecting = "Reconnecting", n.Leaving = "Leaving", n))(sr || {});
 var lt = ((t) => (t[t.Publish = 0] = "Publish", t[t.Subscribe = 1] = "Subscribe", t))(lt || {});
-var Rn = (a2) => a2.localPeer.id;
+var An = (a2) => a2.localPeer.id;
 var Hn = (a2) => a2.localPeer.audioTrack;
 var Cn = (a2) => a2.localPeer.videoTrack;
 var Ln = (a2, e) => e;
@@ -22473,54 +22488,54 @@ var za = (a2, e) => e;
 var wn = (a2) => a2.remoteTrackStats;
 var Ya = (a2) => a2.peerStats;
 var rs = (a2) => a2.localTrackStats;
-var Ae = createSelector([Ya, Rn], (a2, e) => a2[e]);
-var Dn = createSelector(Ae, (a2) => {
+var Re = createSelector([Ya, An], (a2, e) => a2[e]);
+var Dn = createSelector(Re, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.packetsLost;
 });
-var _n = createSelector(Ae, (a2) => {
+var _n = createSelector(Re, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.jitter;
 });
-var Nn = createSelector(Ae, (a2) => {
+var Nn = createSelector(Re, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bitrate;
 });
-var On = createSelector(Ae, (a2) => {
+var On = createSelector(Re, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bitrate;
 });
-var xn = createSelector(Ae, (a2) => {
+var xn = createSelector(Re, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.availableOutgoingBitrate;
 });
-var Un = createSelector(Ae, (a2) => {
+var Un = createSelector(Re, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.availableIncomingBitrate;
 });
-var Bn = createSelector(Ae, (a2) => {
+var Bn = createSelector(Re, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bytesSent;
 });
-var Vn = createSelector(Ae, (a2) => {
+var Vn = createSelector(Re, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bytesReceived;
 });
 var Fn = createSelector([Ya, Ln], (a2, e) => e ? a2[e] : void 0);
 var Gn = createSelector([wn, za], (a2, e) => e ? a2[e] : void 0);
 var ss = createSelector([rs, za], (a2, e) => e ? a2[e] : void 0);
-var Wn = R(Fn);
-var $n = R(Gn);
+var Wn = A(Fn);
+var $n = A(Gn);
 var Kn = createSelector([rs, Hn], (a2, e) => {
   var t;
   return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
 });
-var qn = R(createSelector(ss, (a2) => a2 == null ? void 0 : a2[0]));
+var qn = A(createSelector(ss, (a2) => a2 == null ? void 0 : a2[0]));
 var jn = createSelector([rs, Cn], (a2, e) => {
   var t;
   return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
 });
-var Jn = R(createSelector(ss, (a2) => a2));
+var Jn = A(createSelector(ss, (a2) => a2));
 
 // src/Prebuilt/components/Header/StreamActions.tsx
 import {
@@ -28471,21 +28486,6 @@ import {
 } from "@100mslive/react-sdk";
 import { BlurPersonHighIcon, CrossCircleIcon as CrossCircleIcon3, CrossIcon as CrossIcon25 } from "@100mslive/react-icons";
 
-// src/Prebuilt/components/VirtualBackground/util.tsx
-init_define_process_env();
-import { parsedUserAgent as parsedUserAgent3 } from "@100mslive/react-sdk";
-var doesBrowserSupportEffectsSDK = () => {
-  var _a7, _b7;
-  if (!isSafari) {
-    return true;
-  }
-  const browserVersion = ((_b7 = (_a7 = parsedUserAgent3) == null ? void 0 : _a7.getBrowser()) == null ? void 0 : _b7.version) || "16";
-  if (browserVersion && parseInt(browserVersion.split(".")[0]) < 17) {
-    return false;
-  }
-  return true;
-};
-
 // src/Prebuilt/components/VirtualBackground/VBCollection.tsx
 init_define_process_env();
 import React130 from "react";
@@ -28571,8 +28571,8 @@ var VBPicker = ({ backgroundMedia = [] }) => {
   const [blurAmount, setBlurAmount] = useState56(VBHandler.getBlurAmount() || 0.5);
   const roomState = useHMSStore69(selectRoomState5);
   const isLargeRoom = useHMSStore69(selectIsLargeRoom3);
-  const [isBlurSupported, setIsBlurSupported] = useState56(false);
-  const isEffectsEnabled = useHMSStore69(Rm);
+  const isEffectsSupported = VBHandler.isEffectsSupported();
+  const isEffectsEnabled = useHMSStore69(Am);
   const effectsKey = useHMSStore69(Cm);
   const isMobile = useMedia24(config.media.md);
   const [loadingEffects, setLoadingEffects] = useSetAppDataByKey(APP_DATA.loadingEffects);
@@ -28583,12 +28583,21 @@ var VBPicker = ({ backgroundMedia = [] }) => {
   const inPreview = roomState === HMSRoomState5.Preview;
   const showVideoTile = isVideoOn && isLargeRoom && !inPreview;
   useEffect41(() => {
+    const addHMSVBPlugin = () => __async(void 0, null, function* () {
+      setLoadingEffects(false);
+      if (!role) {
+        return;
+      }
+      yield VBHandler.initialisePlugin();
+      yield hmsActions.addPluginToVideoTrack(
+        VBHandler.getVBObject(),
+        Math.floor(role.publishParams.video.frameRate / 2)
+      );
+    });
     const initializeVirtualBackground = () => __async(void 0, null, function* () {
       if (!(track == null ? void 0 : track.id) || pluginLoadingRef.current || isPluginAdded) {
         return;
       }
-      const isEffectsSupported = doesBrowserSupportEffectsSDK();
-      setIsBlurSupported(isEffectsSupported);
       try {
         pluginLoadingRef.current = true;
         if (isEffectsEnabled && isEffectsSupported && effectsKey) {
@@ -28596,17 +28605,14 @@ var VBPicker = ({ backgroundMedia = [] }) => {
           yield VBHandler.initialisePlugin(effectsKey, () => {
             setLoadingEffects(false);
           });
-          hmsActions.addPluginsToVideoStream([VBHandler.getVBObject()]);
-        } else {
-          setLoadingEffects(false);
-          if (!role) {
-            return;
+          const vbInstance = VBHandler.getVBObject();
+          if (vbInstance.getName() === "HMSEffects") {
+            hmsActions.addPluginsToVideoStream([VBHandler.getVBObject()]);
+          } else {
+            yield addHMSVBPlugin();
           }
-          yield VBHandler.initialisePlugin();
-          yield hmsActions.addPluginToVideoTrack(
-            VBHandler.getVBObject(),
-            Math.floor(role.publishParams.video.frameRate / 2)
-          );
+        } else {
+          yield addHMSVBPlugin();
         }
         const handleDefaultBackground = () => __async(void 0, null, function* () {
           switch (background) {
@@ -28631,6 +28637,7 @@ var VBPicker = ({ backgroundMedia = [] }) => {
     role,
     isPluginAdded,
     isEffectsEnabled,
+    isEffectsSupported,
     effectsKey,
     track == null ? void 0 : track.id,
     background,
@@ -28694,7 +28701,7 @@ var VBPicker = ({ backgroundMedia = [] }) => {
               yield (_a8 = VBHandler) == null ? void 0 : _a8.setBlur(blurAmount);
               hmsActions.setAppData(APP_DATA.background, HMSVirtualBackgroundTypes4.BLUR);
             }),
-            supported: isBlurSupported
+            supported: isEffectsSupported && isEffectsEnabled
           }
         ],
         activeBackground: background
@@ -29489,7 +29496,7 @@ var InsetTile = ({ peerId }) => {
         position: "absolute",
         bottom: 0,
         right: 0,
-        zIndex: 11,
+        zIndex: 10,
         boxShadow: "0 0 8px 0 rgba(0,0,0,0.3)",
         r: "$2"
       }, !minimised ? {
@@ -30951,7 +30958,7 @@ var useCloseScreenshareWhiteboard = () => {
 };
 
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
-var HLSView = React157.lazy(() => import("./HLSView-EYFJ7YDU.js"));
+var HLSView = React157.lazy(() => import("./HLSView-GYB2QDIN.js"));
 var VideoStreamingSection = ({
   screenType,
   elements,
@@ -31750,7 +31757,7 @@ var FeedbackModal = ({
     return /* @__PURE__ */ React164.createElement(Sheet.Root, { open: index !== FEEBACK_INDEX.INIT, onOpenChange }, /* @__PURE__ */ React164.createElement(
       Sheet.Content,
       {
-        css: { bg: "$surface_dim", p: "$12" },
+        css: { bg: "$surface_dim", p: "$10", overflowY: "auto" },
         onPointerDownOutside: avoidDefaultDomBehavior,
         onInteractOutside: avoidDefaultDomBehavior
       },
@@ -31774,6 +31781,7 @@ var FeedbackContent = ({
 }) => {
   const { feedback } = useRoomLayoutLeaveScreen();
   const { endpoints } = useHMSPrebuiltContext();
+  const isMobile = useMedia41(config.media.md);
   const hmsActions = useHMSActions52();
   const [comment, setComment] = useState69("");
   const [selectedReasons, setSelectedReasons] = useState69(/* @__PURE__ */ new Set());
@@ -31797,7 +31805,7 @@ var FeedbackContent = ({
       });
       yield hmsActions.submitSessionFeedback(
         {
-          question: ratings[indexSelected].question,
+          question: `${feedback == null ? void 0 : feedback.title} | ${ratings[indexSelected].question || ""}`,
           rating: ratings[indexSelected].value || 1,
           min_rating: 1,
           max_rating: ratings.length,
@@ -31849,7 +31857,7 @@ var FeedbackContent = ({
         type: "submit",
         icon: true,
         css: {
-          alignSelf: "end"
+          alignSelf: isMobile ? "" : "end"
         },
         onClick: submitFeedback
       },
@@ -31862,6 +31870,7 @@ var FeedbackHeader = ({
   ratings,
   indexSelected = FEEBACK_INDEX.INIT
 }) => {
+  const isMobile = useMedia41(config.media.md);
   const { feedback } = useRoomLayoutLeaveScreen();
   return /* @__PURE__ */ React164.createElement(React164.Fragment, null, /* @__PURE__ */ React164.createElement(Flex, { align: "center" }, /* @__PURE__ */ React164.createElement(
     Flex,
@@ -31874,7 +31883,7 @@ var FeedbackHeader = ({
     /* @__PURE__ */ React164.createElement(
       Text,
       {
-        variant: "h5",
+        variant: isMobile ? "h6" : "h5",
         css: {
           c: "$on_surface_high",
           fontStyle: "normal"
@@ -31885,7 +31894,7 @@ var FeedbackHeader = ({
     /* @__PURE__ */ React164.createElement(
       Text,
       {
-        variant: "body1",
+        variant: isMobile ? "body2" : "body1",
         css: {
           c: "$on_surface_medium",
           opacity: 0.9,
@@ -31897,9 +31906,13 @@ var FeedbackHeader = ({
   ), indexSelected !== FEEBACK_INDEX.INIT ? /* @__PURE__ */ React164.createElement(CrossIcon28, { width: "24px", height: "24px", color: "white", onClick: () => onEmojiClicked(FEEBACK_INDEX.INIT) }) : null), /* @__PURE__ */ React164.createElement(
     Flex,
     {
+      justify: "between",
       css: {
         gap: "$17",
-        c: "$on_surface_high"
+        c: "$on_surface_high",
+        "@md": {
+          gap: "0"
+        }
       }
     },
     ratings.map((element, index) => {
@@ -31923,7 +31936,10 @@ var FeedbackHeader = ({
               fontSize: "$h4",
               pb: "$1",
               cursor: "pointer",
-              opacity: indexSelected === index || indexSelected === FEEBACK_INDEX.INIT ? 1 : 0.2
+              opacity: indexSelected === index || indexSelected === FEEBACK_INDEX.INIT ? 1 : 0.2,
+              "@md": {
+                fontSize: "$h5"
+              }
             }
           },
           element.emoji
@@ -31931,7 +31947,7 @@ var FeedbackHeader = ({
         /* @__PURE__ */ React164.createElement(
           Text,
           {
-            variant: "body1",
+            variant: isMobile ? "body2" : "body1",
             css: {
               c: indexSelected === index || indexSelected === FEEBACK_INDEX.INIT ? "$on_surface_medium" : "$on_surface_low",
               fontWeight: "$regular"
@@ -32020,6 +32036,7 @@ var FeedbackForm = ({
           /* @__PURE__ */ React164.createElement(
             Label3,
             {
+              htmlFor: `${option}-${index}`,
               css: {
                 color: "$on_surface_high",
                 fontSize: "$sm",
@@ -32098,7 +32115,7 @@ var ThankyouView = () => {
       }
     },
     /* @__PURE__ */ React165.createElement(UserMusicIcon, { width: "64px", height: "64px" }),
-    /* @__PURE__ */ React165.createElement(Flex, { direction: "column", align: isMobile ? "center" : "start" }, /* @__PURE__ */ React165.createElement(Text, { variant: "h5" }, "Thank you for your feedback!"), /* @__PURE__ */ React165.createElement(
+    /* @__PURE__ */ React165.createElement(Flex, { direction: "column", align: isMobile ? "center" : "start" }, /* @__PURE__ */ React165.createElement(Text, { variant: "h5" }, "Thank you for your feedback"), /* @__PURE__ */ React165.createElement(
       Text,
       {
         variant: "body1",
@@ -32149,21 +32166,22 @@ var Feedback = () => {
       justify: "center",
       css: {
         pt: "$16",
-        w: "528px"
+        w: isMobile ? "100%" : "528px"
       }
     },
     index === FEEBACK_INDEX.INIT ? /* @__PURE__ */ React166.createElement(
       Flex,
       {
         css: {
-          p: "$12",
+          p: isMobile ? "$10" : "$12",
           border: "1px solid $border_default",
           bg: "$surface_dim",
           borderRadius: !isMobile ? "$3" : "$3 $3 0 0",
           gap: "$10",
           "@md": {
             position: "absolute",
-            bottom: "0"
+            bottom: "0",
+            w: "100%"
           }
         },
         direction: "column"
@@ -34636,4 +34654,4 @@ object-assign/index.js:
   @license MIT
   *)
 */
-//# sourceMappingURL=chunk-3FZB2LJY.js.map
+//# sourceMappingURL=chunk-DIIFM6TW.js.map