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

package/dist/index.cjs.js

@@ -109,7 +109,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_2073671e-e8e5-4931-a799-6ddfc0bc0167", 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.8", 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.8", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_2073671e-e8e5-4931-a799-6ddfc0bc0167", 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.8", 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: "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.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:18166", 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.8", 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: "10668881368", 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: "da4d46cf000a606d2f48261536d8e00a03c1fdb0", 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: "8abda0f81a131a72fdd6f22fba3a9c600bc25fe4d060e15bf10bb0df11116396", npm_package_exports___import: "./dist/index.js", STATS_BLT: "true", 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--1725286948994-0.305645425302161:/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--1725286948795-0.5121635878357853:/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--1725286922367-0.34493508258857997:/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--1725286922184-0.7176341366414503:/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_471eb000-d1d0-4e1a-9545-38001b22346a", INVOCATION_ID: "baa3cc1be24e454c86f904e400dfbfa6", 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: "651", 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 255", 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.8", 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.8", 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: "da4d46cf000a606d2f48261536d8e00a03c1fdb0", 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_2073671e-e8e5-4931-a799-6ddfc0bc0167", 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_2073671e-e8e5-4931-a799-6ddfc0bc0167", 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_2073671e-e8e5-4931-a799-6ddfc0bc0167" };
+    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" };
   }
 });
 
@@ -10296,12 +10296,14 @@ var init_AppContext = __esm({
 });
 
 // src/Prebuilt/components/VirtualBackground/VBHandler.tsx
-var import_hmsvbplugin, VBPlugin, VBHandler;
+var import_hmsvbplugin, import_react_sdk12, VBPlugin, VBHandler;
 var init_VBHandler = __esm({
   "src/Prebuilt/components/VirtualBackground/VBHandler.tsx"() {
     "use strict";
     init_define_process_env();
     import_hmsvbplugin = require("@100mslive/hms-virtual-background/hmsvbplugin");
+    import_react_sdk12 = require("@100mslive/react-sdk");
+    init_constants();
     VBPlugin = class {
       constructor() {
         this.initialisePlugin = (effectsSDKKey, onInit) => __async(this, null, function* () {
@@ -10310,8 +10312,8 @@ var init_VBHandler = __esm({
           }
           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 import_hmsvbplugin.HMSVBPlugin(import_hmsvbplugin.HMSVirtualBackgroundTypes.NONE, import_hmsvbplugin.HMSVirtualBackgroundTypes.NONE);
@@ -10393,6 +10395,17 @@ var init_VBHandler = __esm({
           this.effectsPlugin = void 0;
           this.hmsPlugin = void 0;
         };
+        this.isEffectsSupported = () => {
+          var _a7, _b7;
+          if (!isSafari) {
+            return true;
+          }
+          const browserVersion = ((_b7 = (_a7 = import_react_sdk12.parsedUserAgent) == null ? void 0 : _a7.getBrowser()) == null ? void 0 : _b7.version) || "16";
+          if (browserVersion && parseInt(browserVersion.split(".")[0]) < 17) {
+            return false;
+          }
+          return true;
+        };
       }
     };
     VBHandler = new VBPlugin();
@@ -10897,7 +10910,7 @@ var init_useRedirectToLeave = __esm({
 });
 
 // src/Prebuilt/AppStateContext.tsx
-var import_react38, import_react_use4, import_ts_pattern2, import_react_sdk12, AppStateContext, useHMSAppStateContext, useAppStateManager;
+var import_react38, import_react_use4, import_ts_pattern2, import_react_sdk13, AppStateContext, useHMSAppStateContext, useAppStateManager;
 var init_AppStateContext = __esm({
   "src/Prebuilt/AppStateContext.tsx"() {
     "use strict";
@@ -10905,7 +10918,7 @@ var init_AppStateContext = __esm({
     import_react38 = __toESM(require("react"));
     import_react_use4 = require("react-use");
     import_ts_pattern2 = require("ts-pattern");
-    import_react_sdk12 = require("@100mslive/react-sdk");
+    import_react_sdk13 = require("@100mslive/react-sdk");
     init_VBHandler();
     init_roomLayoutProvider();
     init_useRedirectToLeave();
@@ -10928,9 +10941,9 @@ var init_AppStateContext = __esm({
       const roomLayout = useRoomLayout();
       const setOriginalLayout = useSetOriginalLayout();
       const [activeState, setActiveState] = import_react38.default.useState();
-      const roomState = (0, import_react_sdk12.useHMSStore)(import_react_sdk12.selectRoomState);
+      const roomState = (0, import_react_sdk13.useHMSStore)(import_react_sdk13.selectRoomState);
       const prevRoomState = (0, import_react_use4.usePreviousDistinct)(roomState);
-      const hmsActions = (0, import_react_sdk12.useHMSActions)();
+      const hmsActions = (0, import_react_sdk13.useHMSActions)();
       const { isLeaveScreenEnabled } = useRoomLayoutLeaveScreen();
       const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
       const { redirectToLeave } = useRedirectToLeave();
@@ -10943,21 +10956,24 @@ var init_AppStateContext = __esm({
         if (!roomLayout) {
           return;
         }
-        (0, import_ts_pattern2.match)([roomState, prevRoomState]).with([import_react_sdk12.HMSRoomState.Connected, import_ts_pattern2.P.any], () => setActiveState("meeting" /* MEETING */)).with(
-          [import_react_sdk12.HMSRoomState.Disconnecting, import_react_sdk12.HMSRoomState.Connected],
-          [import_react_sdk12.HMSRoomState.Disconnecting, import_react_sdk12.HMSRoomState.Connecting],
-          [import_react_sdk12.HMSRoomState.Disconnecting, import_react_sdk12.HMSRoomState.Reconnecting],
-          [import_react_sdk12.HMSRoomState.Disconnected, import_react_sdk12.HMSRoomState.Connected],
-          [import_react_sdk12.HMSRoomState.Disconnected, import_react_sdk12.HMSRoomState.Connecting],
-          [import_react_sdk12.HMSRoomState.Disconnected, import_react_sdk12.HMSRoomState.Reconnecting],
+        (0, import_ts_pattern2.match)([roomState, prevRoomState]).with([import_react_sdk13.HMSRoomState.Connected, import_ts_pattern2.P.any], () => setActiveState("meeting" /* MEETING */)).with(
+          [import_react_sdk13.HMSRoomState.Disconnecting, import_react_sdk13.HMSRoomState.Connected],
+          [import_react_sdk13.HMSRoomState.Disconnecting, import_react_sdk13.HMSRoomState.Connecting],
+          [import_react_sdk13.HMSRoomState.Disconnecting, import_react_sdk13.HMSRoomState.Reconnecting],
+          [import_react_sdk13.HMSRoomState.Disconnected, import_react_sdk13.HMSRoomState.Connected],
+          [import_react_sdk13.HMSRoomState.Disconnected, import_react_sdk13.HMSRoomState.Connecting],
+          [import_react_sdk13.HMSRoomState.Disconnected, import_react_sdk13.HMSRoomState.Reconnecting],
           () => {
-            setActiveState(
-              (0, import_ts_pattern2.match)({ isLeaveScreenEnabled, isPreviewScreenEnabled }).with({ isLeaveScreenEnabled: true }, () => "leave" /* LEAVE */).with({ isPreviewScreenEnabled: true }, () => "preview" /* PREVIEW */).otherwise(() => "meeting" /* MEETING */)
-            );
+            setActiveState((prevState) => {
+              return (0, import_ts_pattern2.match)({ 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);
           }
-        ).with([import_react_sdk12.HMSRoomState.Disconnected, import_ts_pattern2.P.nullish], () => {
+        ).with([import_react_sdk13.HMSRoomState.Disconnected, import_ts_pattern2.P.nullish], () => {
           setActiveState(isPreviewScreenEnabled ? "preview" /* PREVIEW */ : "meeting" /* MEETING */);
         }).otherwise(() => {
         });
@@ -10976,7 +10992,7 @@ var init_transaction_error = __esm({
 });
 
 // src/Prebuilt/components/AuthToken.tsx
-var import_react39, import_react_use5, import_ts_pattern3, import_uuid2, import_react_sdk13, AuthToken, convertError, AuthToken_default;
+var import_react39, import_react_use5, import_ts_pattern3, import_uuid2, import_react_sdk14, AuthToken, convertError, AuthToken_default;
 var init_AuthToken = __esm({
   "src/Prebuilt/components/AuthToken.tsx"() {
     "use strict";
@@ -10985,7 +11001,7 @@ var init_AuthToken = __esm({
     import_react_use5 = require("react-use");
     import_ts_pattern3 = require("ts-pattern");
     import_uuid2 = require("uuid");
-    import_react_sdk13 = require("@100mslive/react-sdk");
+    import_react_sdk14 = require("@100mslive/react-sdk");
     init_Modal();
     init_Text2();
     init_AppContext();
@@ -10994,7 +11010,7 @@ var init_AuthToken = __esm({
     init_useUserPreferences();
     init_constants();
     AuthToken = import_react39.default.memo(({ authTokenByRoomCodeEndpoint, defaultAuthToken, activeState }) => {
-      const hmsActions = (0, import_react_sdk13.useHMSActions)();
+      const hmsActions = (0, import_react_sdk14.useHMSActions)();
       const { roomCode, userId } = useHMSPrebuiltContext();
       const [error, setError] = (0, import_react39.useState)({ title: "", body: "" });
       const authToken = defaultAuthToken;
@@ -11555,14 +11571,14 @@ var init_useDropdownSelection = __esm({
 });
 
 // src/Prebuilt/components/Settings/DeviceSettings.jsx
-var import_react45, import_react_use6, import_react_sdk14, import_react_icons10, Settings, DeviceSelector, TestAudio, DeviceSettings_default;
+var import_react45, import_react_use6, import_react_sdk15, import_react_icons10, Settings, DeviceSelector, TestAudio, DeviceSettings_default;
 var init_DeviceSettings = __esm({
   "src/Prebuilt/components/Settings/DeviceSettings.jsx"() {
     "use strict";
     init_define_process_env();
     import_react45 = __toESM(require("react"));
     import_react_use6 = require("react-use");
-    import_react_sdk14 = require("@100mslive/react-sdk");
+    import_react_sdk15 = require("@100mslive/react-sdk");
     import_react_icons10 = require("@100mslive/react-icons");
     init_src();
     init_Theme();
@@ -11574,15 +11590,15 @@ var init_DeviceSettings = __esm({
     init_constants();
     Settings = ({ setHide }) => {
       var _a7;
-      const { allDevices, selectedDeviceIDs, updateDevice } = (0, import_react_sdk14.useDevices)();
+      const { allDevices, selectedDeviceIDs, updateDevice } = (0, import_react_sdk15.useDevices)();
       const { videoInput, audioInput, audioOutput } = allDevices;
-      const videoTrackId = (0, import_react_sdk14.useHMSStore)(import_react_sdk14.selectLocalVideoTrackID);
-      const isVideoOn = (0, import_react_sdk14.useHMSStore)(import_react_sdk14.selectIsLocalVideoEnabled);
+      const videoTrackId = (0, import_react_sdk15.useHMSStore)(import_react_sdk15.selectLocalVideoTrackID);
+      const isVideoOn = (0, import_react_sdk15.useHMSStore)(import_react_sdk15.selectIsLocalVideoEnabled);
       const shouldShowAudioOutput = "setSinkId" in HTMLMediaElement.prototype;
       const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
-      const trackSelector = (0, import_react_sdk14.selectVideoTrackByID)(videoTrackId);
-      const hmsActions = (0, import_react_sdk14.useHMSActions)();
-      const track = (0, import_react_sdk14.useHMSStore)(trackSelector);
+      const trackSelector = (0, import_react_sdk15.selectVideoTrackByID)(videoTrackId);
+      const hmsActions = (0, import_react_sdk15.useHMSActions)();
+      const track = (0, import_react_sdk15.useHMSStore)(trackSelector);
       const isMobile = (0, import_react_use6.useMedia)(config.media.md);
       (0, import_react45.useEffect)(() => {
         if (isMobile) {
@@ -11614,7 +11630,7 @@ var init_DeviceSettings = __esm({
           selection: selectedDeviceIDs.videoInput,
           onChange: (deviceId) => updateDevice({
             deviceId,
-            deviceType: import_react_sdk14.DeviceType.videoInput
+            deviceType: import_react_sdk15.DeviceType.videoInput
           })
         }
       )) : null, (audioInput == null ? void 0 : audioInput.length) ? /* @__PURE__ */ import_react45.default.createElement(
@@ -11626,7 +11642,7 @@ var init_DeviceSettings = __esm({
           selection: selectedDeviceIDs.audioInput,
           onChange: (deviceId) => updateDevice({
             deviceId,
-            deviceType: import_react_sdk14.DeviceType.audioInput
+            deviceType: import_react_sdk15.DeviceType.audioInput
           })
         }
       ) : null, (audioOutputFiltered == null ? void 0 : audioOutputFiltered.length) && shouldShowAudioOutput ? /* @__PURE__ */ import_react45.default.createElement(
@@ -11638,7 +11654,7 @@ var init_DeviceSettings = __esm({
           selection: selectedDeviceIDs.audioOutput,
           onChange: (deviceId) => updateDevice({
             deviceId,
-            deviceType: import_react_sdk14.DeviceType.audioOutput
+            deviceType: import_react_sdk15.DeviceType.audioOutput
           })
         },
         /* @__PURE__ */ import_react45.default.createElement(TestAudio, { id: selectedDeviceIDs.audioOutput })
@@ -12057,14 +12073,14 @@ var init_SettingsModal = __esm({
 });
 
 // src/Prebuilt/components/AudioVideoToggle.tsx
-var import_react48, import_hms_noise_cancellation, import_react_sdk15, import_react_icons13, krispPlugin, Options, OptionLabel, useNoiseCancellationWithPlugin, NoiseCancellation, AudioOutputLabel, AudioSettings, AudioVideoToggle;
+var import_react48, import_hms_noise_cancellation, import_react_sdk16, import_react_icons13, krispPlugin, Options, OptionLabel, useNoiseCancellationWithPlugin, NoiseCancellation, AudioOutputLabel, AudioSettings, AudioVideoToggle;
 var init_AudioVideoToggle = __esm({
   "src/Prebuilt/components/AudioVideoToggle.tsx"() {
     "use strict";
     init_define_process_env();
     import_react48 = __toESM(require("react"));
     import_hms_noise_cancellation = require("@100mslive/hms-noise-cancellation");
-    import_react_sdk15 = require("@100mslive/react-sdk");
+    import_react_sdk16 = require("@100mslive/react-sdk");
     import_react_icons13 = require("@100mslive/react-icons");
     init_IconButtonWithOptions();
     init_ActionTile();
@@ -12128,10 +12144,10 @@ var init_AudioVideoToggle = __esm({
     };
     useNoiseCancellationWithPlugin = () => {
       var _a7;
-      const actions = (0, import_react_sdk15.useHMSActions)();
+      const actions = (0, import_react_sdk16.useHMSActions)();
       const [inProgress, setInProgress] = (0, import_react48.useState)(false);
       const [, setNoiseCancellationEnabled] = useSetNoiseCancellation();
-      const isEnabledForRoom = (_a7 = (0, import_react_sdk15.useHMSStore)(import_react_sdk15.selectRoom)) == null ? void 0 : _a7.isNoiseCancellationEnabled;
+      const isEnabledForRoom = (_a7 = (0, import_react_sdk16.useHMSStore)(import_react_sdk16.selectRoom)) == null ? void 0 : _a7.isNoiseCancellationEnabled;
       const setNoiseCancellationWithPlugin = (0, import_react48.useCallback)(
         (enabled) => __async(void 0, null, function* () {
           if (!isEnabledForRoom || inProgress) {
@@ -12161,11 +12177,11 @@ var init_AudioVideoToggle = __esm({
       iconOnly,
       setOpenOptionsSheet
     }) => {
-      const localPeerAudioTrackID = (0, import_react_sdk15.useHMSStore)(import_react_sdk15.selectLocalAudioTrackID);
+      const localPeerAudioTrackID = (0, import_react_sdk16.useHMSStore)(import_react_sdk16.selectLocalAudioTrackID);
       const isNoiseCancellationEnabled = useIsNoiseCancellationEnabled();
       const { setNoiseCancellationWithPlugin, inProgress } = useNoiseCancellationWithPlugin();
-      const room = (0, import_react_sdk15.useHMSStore)(import_react_sdk15.selectRoom);
-      const isKrispPluginAdded = (0, import_react_sdk15.useHMSStore)((0, import_react_sdk15.selectIsLocalAudioPluginPresent)(krispPlugin.getName()));
+      const room = (0, import_react_sdk16.useHMSStore)(import_react_sdk16.selectRoom);
+      const isKrispPluginAdded = (0, import_react_sdk16.useHMSStore)((0, import_react_sdk16.selectIsLocalAudioPluginPresent)(krispPlugin.getName()));
       if (!krispPlugin.isSupported() || !room.isNoiseCancellationEnabled || !localPeerAudioTrackID) {
         return null;
       }
@@ -12277,7 +12293,7 @@ var init_AudioVideoToggle = __esm({
       ));
     };
     AudioVideoToggle = ({ hideOptions = false }) => {
-      const { allDevices, selectedDeviceIDs, updateDevice } = (0, import_react_sdk15.useDevices)((error) => {
+      const { allDevices, selectedDeviceIDs, updateDevice } = (0, import_react_sdk16.useDevices)((error) => {
         ToastManager.addToast({
           title: error.message,
           variant: "error",
@@ -12285,26 +12301,26 @@ var init_AudioVideoToggle = __esm({
         });
       });
       const { videoInput, audioInput, audioOutput } = allDevices;
-      const localPeer = (0, import_react_sdk15.useHMSStore)(import_react_sdk15.selectLocalPeer);
-      const { isLocalVideoEnabled, isLocalAudioEnabled, toggleAudio, toggleVideo } = (0, import_react_sdk15.useAVToggle)();
-      const actions = (0, import_react_sdk15.useHMSActions)();
-      const vanillaStore = (0, import_react_sdk15.useHMSVanillaStore)();
-      const videoTrackId = (0, import_react_sdk15.useHMSStore)(import_react_sdk15.selectLocalVideoTrackID);
-      const localVideoTrack = (0, import_react_sdk15.useHMSStore)((0, import_react_sdk15.selectVideoTrackByID)(videoTrackId));
-      const roomState = (0, import_react_sdk15.useHMSStore)(import_react_sdk15.selectRoomState);
+      const localPeer = (0, import_react_sdk16.useHMSStore)(import_react_sdk16.selectLocalPeer);
+      const { isLocalVideoEnabled, isLocalAudioEnabled, toggleAudio, toggleVideo } = (0, import_react_sdk16.useAVToggle)();
+      const actions = (0, import_react_sdk16.useHMSActions)();
+      const vanillaStore = (0, import_react_sdk16.useHMSVanillaStore)();
+      const videoTrackId = (0, import_react_sdk16.useHMSStore)(import_react_sdk16.selectLocalVideoTrackID);
+      const localVideoTrack = (0, import_react_sdk16.useHMSStore)((0, import_react_sdk16.selectVideoTrackByID)(videoTrackId));
+      const roomState = (0, import_react_sdk16.useHMSStore)(import_react_sdk16.selectRoomState);
       const hasAudioDevices = Number(audioInput == null ? void 0 : audioInput.length) > 0;
       const hasVideoDevices = Number(videoInput == null ? void 0 : videoInput.length) > 0;
       const shouldShowAudioOutput = "setSinkId" in HTMLMediaElement.prototype && Number(audioOutput == null ? void 0 : audioOutput.length) > 0;
       const { screenType } = useRoomLayoutConferencingScreen();
       const [showSettings, setShowSettings] = (0, import_react48.useState)(false);
-      const isKrispPluginAdded = (0, import_react_sdk15.useHMSStore)((0, import_react_sdk15.selectIsLocalAudioPluginPresent)(krispPlugin.getName()));
+      const isKrispPluginAdded = (0, import_react_sdk16.useHMSStore)((0, import_react_sdk16.selectIsLocalAudioPluginPresent)(krispPlugin.getName()));
       const isNoiseCancellationEnabled = useIsNoiseCancellationEnabled();
       const { setNoiseCancellationWithPlugin, inProgress } = useNoiseCancellationWithPlugin();
       const showMuteIcon = !isLocalAudioEnabled || !toggleAudio;
       (0, import_react48.useEffect)(() => {
         (() => __async(void 0, null, function* () {
           var _a7;
-          const isEnabledForRoom = (_a7 = vanillaStore.getState(import_react_sdk15.selectRoom)) == null ? void 0 : _a7.isNoiseCancellationEnabled;
+          const isEnabledForRoom = (_a7 = vanillaStore.getState(import_react_sdk16.selectRoom)) == null ? void 0 : _a7.isNoiseCancellationEnabled;
           if (isEnabledForRoom && isNoiseCancellationEnabled && !isKrispPluginAdded && !inProgress && (localPeer == null ? void 0 : localPeer.audioTrack)) {
             try {
               yield setNoiseCancellationWithPlugin(true);
@@ -12341,7 +12357,7 @@ var init_AudioVideoToggle = __esm({
           {
             options: audioInput,
             selectedDeviceId: selectedDeviceIDs.audioInput,
-            onClick: (deviceId) => updateDevice({ deviceId, deviceType: import_react_sdk15.DeviceType.audioInput })
+            onClick: (deviceId) => updateDevice({ deviceId, deviceType: import_react_sdk16.DeviceType.audioInput })
           }
         )),
         /* @__PURE__ */ import_react48.default.createElement(Dropdown.ItemSeparator, { css: { mx: 0 } }),
@@ -12350,7 +12366,7 @@ var init_AudioVideoToggle = __esm({
           {
             options: audioOutput,
             selectedDeviceId: selectedDeviceIDs.audioOutput,
-            onClick: (deviceId) => updateDevice({ deviceId, deviceType: import_react_sdk15.DeviceType.audioOutput })
+            onClick: (deviceId) => updateDevice({ deviceId, deviceType: import_react_sdk16.DeviceType.audioOutput })
           }
         ))),
         /* @__PURE__ */ import_react48.default.createElement(NoiseCancellation, null),
@@ -12373,10 +12389,10 @@ var init_AudioVideoToggle = __esm({
           {
             options: videoInput,
             selectedDeviceId: selectedDeviceIDs.videoInput,
-            onClick: (deviceId) => updateDevice({ deviceId, deviceType: import_react_sdk15.DeviceType.videoInput })
+            onClick: (deviceId) => updateDevice({ deviceId, deviceType: import_react_sdk16.DeviceType.videoInput })
           }
         )
-      ) : null, (localVideoTrack == null ? void 0 : localVideoTrack.facingMode) && roomState === import_react_sdk15.HMSRoomState.Preview && (isIOS || isAndroid) ? /* @__PURE__ */ import_react48.default.createElement(Tooltip, { title: "Switch Camera", key: "switchCamera" }, /* @__PURE__ */ import_react48.default.createElement(
+      ) : null, (localVideoTrack == null ? void 0 : localVideoTrack.facingMode) && roomState === import_react_sdk16.HMSRoomState.Preview && (isIOS || isAndroid) ? /* @__PURE__ */ import_react48.default.createElement(Tooltip, { title: "Switch Camera", key: "switchCamera" }, /* @__PURE__ */ import_react48.default.createElement(
         IconButton_default,
         {
           onClick: () => __async(void 0, null, function* () {
@@ -12397,19 +12413,19 @@ var init_AudioVideoToggle = __esm({
 });
 
 // src/Prebuilt/components/CaptionIcon.tsx
-var import_react49, import_react_sdk16, import_react_icons14, CaptionIcon;
+var import_react49, import_react_sdk17, import_react_icons14, CaptionIcon;
 var init_CaptionIcon = __esm({
   "src/Prebuilt/components/CaptionIcon.tsx"() {
     "use strict";
     init_define_process_env();
     import_react49 = __toESM(require("react"));
-    import_react_sdk16 = require("@100mslive/react-sdk");
+    import_react_sdk17 = require("@100mslive/react-sdk");
     import_react_icons14 = require("@100mslive/react-icons");
     init_Tooltip2();
     init_IconButton3();
     init_useUISettings();
     CaptionIcon = () => {
-      const isCaptionPresent = (0, import_react_sdk16.useHMSStore)(import_react_sdk16.selectIsTranscriptionEnabled);
+      const isCaptionPresent = (0, import_react_sdk17.useHMSStore)(import_react_sdk17.selectIsTranscriptionEnabled);
       const [isCaption, setIsCaption] = useSetIsCaptionEnabled();
       const onClick = () => {
         setIsCaption(!isCaption);
@@ -12497,11 +12513,11 @@ function getResolution(recordingResolution) {
   return resolution;
 }
 function useWaitingRoomInfo() {
-  const localPeerRole = (0, import_react_sdk17.useHMSStore)(import_react_sdk17.selectLocalPeerRole);
-  const { video, audio, screen } = (0, import_react_sdk17.useHMSStore)(import_react_sdk17.selectIsAllowedToPublish);
+  const localPeerRole = (0, import_react_sdk18.useHMSStore)(import_react_sdk18.selectLocalPeerRole);
+  const { video, audio, screen } = (0, import_react_sdk18.useHMSStore)(import_react_sdk18.selectIsAllowedToPublish);
   const isScreenShareAllowed = isScreenshareSupported();
-  const roles = (0, import_react_sdk17.useHMSStore)(import_react_sdk17.selectRolesMap);
-  const peersByRoles = (0, import_react_sdk17.useHMSStore)((0, import_react_sdk17.selectPeersByRoles)((localPeerRole == null ? void 0 : localPeerRole.subscribeParams.subscribeToRoles) || []));
+  const roles = (0, import_react_sdk18.useHMSStore)(import_react_sdk18.selectRolesMap);
+  const peersByRoles = (0, import_react_sdk18.useHMSStore)((0, import_react_sdk18.selectPeersByRoles)((localPeerRole == null ? void 0 : localPeerRole.subscribeParams.subscribeToRoles) || []));
   const isNotAllowedToPublish = !(video || audio || screen && isScreenShareAllowed);
   const isScreenOnlyPublishParams = screen && !(video || audio);
   const hasSubscribedRolePublishing = (0, import_react52.useMemo)(() => {
@@ -12519,7 +12535,7 @@ function useWaitingRoomInfo() {
     hasSubscribedRolePublishing
   };
 }
-var import_react52, import_react_use8, import_join_form2, import_react_sdk17, useFilteredRoles, useDefaultChatSelection, useShowStreamingUI, useParticipants, useIsLandscape, useLandscapeHLSStream, useMobileHLSStream, useKeyboardHandler, useRecordingHandler;
+var import_react52, import_react_use8, import_join_form2, import_react_sdk18, useFilteredRoles, useDefaultChatSelection, useShowStreamingUI, useParticipants, useIsLandscape, useLandscapeHLSStream, useMobileHLSStream, useKeyboardHandler, useRecordingHandler;
 var init_hooks = __esm({
   "src/Prebuilt/common/hooks.ts"() {
     "use strict";
@@ -12527,7 +12543,7 @@ var init_hooks = __esm({
     import_react52 = require("react");
     import_react_use8 = require("react-use");
     import_join_form2 = require("@100mslive/types-prebuilt/elements/join_form");
-    import_react_sdk17 = require("@100mslive/react-sdk");
+    import_react_sdk18 = require("@100mslive/react-sdk");
     init_ToastManager();
     init_Theme();
     init_roomLayoutProvider();
@@ -12560,15 +12576,15 @@ var init_hooks = __esm({
     };
     useParticipants = (params) => {
       var _a7;
-      const isConnected = (0, import_react_sdk17.useHMSStore)(import_react_sdk17.selectIsConnectedToRoom);
-      const peerCount = (0, import_react_sdk17.useHMSStore)(import_react_sdk17.selectPeerCount);
-      const availableRoles = (0, import_react_sdk17.useHMSStore)(import_react_sdk17.selectAvailableRoleNames);
-      let participantList = (0, import_react_sdk17.useHMSStore)(isConnected ? import_react_sdk17.selectPeers : import_react_sdk17.selectRemotePeers);
+      const isConnected = (0, import_react_sdk18.useHMSStore)(import_react_sdk18.selectIsConnectedToRoom);
+      const peerCount = (0, import_react_sdk18.useHMSStore)(import_react_sdk18.selectPeerCount);
+      const availableRoles = (0, import_react_sdk18.useHMSStore)(import_react_sdk18.selectAvailableRoleNames);
+      let participantList = (0, import_react_sdk18.useHMSStore)(isConnected ? import_react_sdk18.selectPeers : import_react_sdk18.selectRemotePeers);
       const rolesWithParticipants = Array.from(new Set(participantList.map((peer) => peer.roleName)));
-      const vanillaStore = (0, import_react_sdk17.useHMSVanillaStore)();
+      const vanillaStore = (0, import_react_sdk18.useHMSVanillaStore)();
       if ((_a7 = params == null ? void 0 : params.metadata) == null ? void 0 : _a7.isHandRaised) {
         participantList = participantList.filter((peer) => {
-          return vanillaStore.getState((0, import_react_sdk17.selectPeerMetadata)(peer.id)).isHandRaised;
+          return vanillaStore.getState((0, import_react_sdk18.selectPeerMetadata)(peer.id)).isHandRaised;
         });
       }
       if ((params == null ? void 0 : params.role) && availableRoles.includes(params.role)) {
@@ -12581,7 +12597,7 @@ var init_hooks = __esm({
       return { participants: participantList, isConnected, peerCount, rolesWithParticipants };
     };
     useIsLandscape = () => {
-      const isMobile = import_react_sdk17.parsedUserAgent.getDevice().type === "mobile";
+      const isMobile = import_react_sdk18.parsedUserAgent.getDevice().type === "mobile";
       const isLandscape = (0, import_react_use8.useMedia)(config.media.ls);
       return isMobile && isLandscape;
     };
@@ -12619,8 +12635,8 @@ var init_hooks = __esm({
       return handleKeyEvent;
     };
     useRecordingHandler = () => {
-      const hmsActions = (0, import_react_sdk17.useHMSActions)();
-      const recordingState = (0, import_react_sdk17.useHMSStore)(import_react_sdk17.selectRecordingState);
+      const hmsActions = (0, import_react_sdk18.useHMSActions)();
+      const recordingState = (0, import_react_sdk18.useHMSStore)(import_react_sdk18.selectRecordingState);
       const [isRecordingLoading, setIsRecordingLoading] = (0, import_react52.useState)(false);
       const [recordingStarted, setRecordingState] = useSetAppDataByKey(APP_DATA.recordingStarted);
       (0, import_react52.useEffect)(() => {
@@ -12666,7 +12682,7 @@ var init_hooks = __esm({
 });
 
 // src/Prebuilt/components/EmojiReaction.jsx
-var import_react53, import_react_use9, import_apple, import_emoji_mart, import_react_sdk18, import_react_icons15, EmojiReaction;
+var import_react53, import_react_use9, import_apple, import_emoji_mart, import_react_sdk19, import_react_icons15, EmojiReaction;
 var init_EmojiReaction = __esm({
   "src/Prebuilt/components/EmojiReaction.jsx"() {
     "use strict";
@@ -12675,7 +12691,7 @@ var init_EmojiReaction = __esm({
     import_react_use9 = require("react-use");
     import_apple = __toESM(require("@emoji-mart/data/sets/14/apple.json"));
     import_emoji_mart = require("emoji-mart");
-    import_react_sdk18 = require("@100mslive/react-sdk");
+    import_react_sdk19 = require("@100mslive/react-sdk");
     import_react_icons15 = require("@100mslive/react-icons");
     init_EmojiCard();
     init_Dropdown2();
@@ -12690,16 +12706,16 @@ var init_EmojiReaction = __esm({
     (0, import_emoji_mart.init)({ data: import_apple.default });
     EmojiReaction = ({ showCard = false }) => {
       const [open, setOpen] = (0, import_react53.useState)(false);
-      const isConnected = (0, import_react_sdk18.useHMSStore)(import_react_sdk18.selectIsConnectedToRoom);
+      const isConnected = (0, import_react_sdk19.useHMSStore)(import_react_sdk19.selectIsConnectedToRoom);
       const { elements } = useRoomLayoutConferencingScreen();
       useDropdownList({ open, name: "EmojiReaction" });
-      const roles = (0, import_react_sdk18.useHMSStore)(import_react_sdk18.selectAvailableRoleNames);
-      const localPeerId = (0, import_react_sdk18.useHMSStore)(import_react_sdk18.selectLocalPeerID);
+      const roles = (0, import_react_sdk19.useHMSStore)(import_react_sdk19.selectAvailableRoleNames);
+      const localPeerId = (0, import_react_sdk19.useHMSStore)(import_react_sdk19.selectLocalPeerID);
       const isMobile = (0, import_react_use9.useMedia)(config.media.md);
       const isLandscape = (0, import_react_use9.useMedia)(config.media.ls);
       const isMobileHLSStream = useMobileHLSStream();
       const isLandscapeStream = useLandscapeHLSStream();
-      const { sendEvent } = (0, import_react_sdk18.useCustomEvent)({
+      const { sendEvent } = (0, import_react_sdk19.useCustomEvent)({
         type: EMOJI_REACTION_TYPE
       });
       const sendReaction = (emojiId) => __async(void 0, null, function* () {
@@ -12893,7 +12909,7 @@ var init_LeaveSessionContent = __esm({
           variant: "danger",
           css: { w: "100%" },
           onClick: () => __async(void 0, null, function* () {
-            return yield leaveRoom();
+            yield leaveRoom();
           }),
           id: "leaveRoom",
           "data-testid": "leave_room"
@@ -12905,13 +12921,13 @@ var init_LeaveSessionContent = __esm({
 });
 
 // src/Prebuilt/components/Leave/DesktopLeaveRoom.tsx
-var import_react57, import_react_sdk19, import_react_icons18, DesktopLeaveRoom;
+var import_react57, import_react_sdk20, import_react_icons18, DesktopLeaveRoom;
 var init_DesktopLeaveRoom = __esm({
   "src/Prebuilt/components/Leave/DesktopLeaveRoom.tsx"() {
     "use strict";
     init_define_process_env();
     import_react57 = __toESM(require("react"));
-    import_react_sdk19 = require("@100mslive/react-sdk");
+    import_react_sdk20 = require("@100mslive/react-sdk");
     import_react_icons18 = require("@100mslive/react-icons");
     init_Dropdown2();
     init_Layout();
@@ -12931,9 +12947,9 @@ var init_DesktopLeaveRoom = __esm({
       const [open, setOpen] = (0, import_react57.useState)(false);
       const [showLeaveRoomAlert, setShowLeaveRoomAlert] = (0, import_react57.useState)(false);
       const [showEndStreamAlert, setShowEndStreamAlert] = (0, import_react57.useState)(false);
-      const isConnected = (0, import_react_sdk19.useHMSStore)(import_react_sdk19.selectIsConnectedToRoom);
-      const permissions = (0, import_react_sdk19.useHMSStore)(import_react_sdk19.selectPermissions);
-      const { isStreamingOn } = (0, import_react_sdk19.useRecordingStreaming)();
+      const isConnected = (0, import_react_sdk20.useHMSStore)(import_react_sdk20.selectIsConnectedToRoom);
+      const permissions = (0, import_react_sdk20.useHMSStore)(import_react_sdk20.selectPermissions);
+      const { isStreamingOn } = (0, import_react_sdk20.useRecordingStreaming)();
       const showStream = screenType !== "hls_live_streaming" && isStreamingOn && (permissions == null ? void 0 : permissions.hlsStreaming);
       const showLeaveOptions = (permissions == null ? void 0 : permissions.hlsStreaming) && isStreamingOn || (permissions == null ? void 0 : permissions.endRoom);
       useDropdownList({ open: open || showEndStreamAlert || showLeaveRoomAlert, name: "LeaveRoom" });
@@ -13038,13 +13054,13 @@ var init_DesktopLeaveRoom = __esm({
 });
 
 // src/Prebuilt/components/Leave/MwebLeaveRoom.tsx
-var import_react58, import_react_sdk20, import_react_icons19, MwebLeaveRoom, LeaveButton;
+var import_react58, import_react_sdk21, import_react_icons19, MwebLeaveRoom, LeaveButton;
 var init_MwebLeaveRoom = __esm({
   "src/Prebuilt/components/Leave/MwebLeaveRoom.tsx"() {
     "use strict";
     init_define_process_env();
     import_react58 = __toESM(require("react"));
-    import_react_sdk20 = require("@100mslive/react-sdk");
+    import_react_sdk21 = require("@100mslive/react-sdk");
     import_react_icons19 = require("@100mslive/react-icons");
     init_IconButton2();
     init_Layout();
@@ -13066,9 +13082,9 @@ var init_MwebLeaveRoom = __esm({
       const { screenType } = useRoomLayoutConferencingScreen();
       const [showLeaveRoomAlert, setShowLeaveRoomAlert] = (0, import_react58.useState)(false);
       const [showEndStreamAlert, setShowEndStreamAlert] = (0, import_react58.useState)(false);
-      const isConnected = (0, import_react_sdk20.useHMSStore)(import_react_sdk20.selectIsConnectedToRoom);
-      const permissions = (0, import_react_sdk20.useHMSStore)(import_react_sdk20.selectPermissions);
-      const { isStreamingOn } = (0, import_react_sdk20.useRecordingStreaming)();
+      const isConnected = (0, import_react_sdk21.useHMSStore)(import_react_sdk21.selectIsConnectedToRoom);
+      const permissions = (0, import_react_sdk21.useHMSStore)(import_react_sdk21.selectPermissions);
+      const { isStreamingOn } = (0, import_react_sdk21.useRecordingStreaming)();
       const showStream = screenType !== "hls_live_streaming" && isStreamingOn && (permissions == null ? void 0 : permissions.hlsStreaming);
       const showLeaveOptions = (permissions == null ? void 0 : permissions.hlsStreaming) && isStreamingOn || (permissions == null ? void 0 : permissions.endRoom);
       useDropdownList({ open, name: "LeaveRoom" });
@@ -13139,14 +13155,14 @@ var init_MwebLeaveRoom = __esm({
 });
 
 // src/Prebuilt/components/Leave/LeaveRoom.tsx
-var import_react59, import_react_use10, import_react_sdk21, LeaveRoom;
+var import_react59, import_react_use10, import_react_sdk22, LeaveRoom;
 var init_LeaveRoom = __esm({
   "src/Prebuilt/components/Leave/LeaveRoom.tsx"() {
     "use strict";
     init_define_process_env();
     import_react59 = __toESM(require("react"));
     import_react_use10 = require("react-use");
-    import_react_sdk21 = require("@100mslive/react-sdk");
+    import_react_sdk22 = require("@100mslive/react-sdk");
     init_Theme();
     init_ToastManager();
     init_DesktopLeaveRoom();
@@ -13156,19 +13172,19 @@ var init_LeaveRoom = __esm({
       screenType,
       container
     }) => {
-      const isConnected = (0, import_react_sdk21.useHMSStore)(import_react_sdk21.selectIsConnectedToRoom);
-      const permissions = (0, import_react_sdk21.useHMSStore)(import_react_sdk21.selectPermissions);
+      const isConnected = (0, import_react_sdk22.useHMSStore)(import_react_sdk22.selectIsConnectedToRoom);
+      const permissions = (0, import_react_sdk22.useHMSStore)(import_react_sdk22.selectPermissions);
       const isMobile = (0, import_react_use10.useMedia)(config.media.md);
-      const rolesMap = (0, import_react_sdk21.useHMSStore)(import_react_sdk21.selectRolesMap);
+      const rolesMap = (0, import_react_sdk22.useHMSStore)(import_react_sdk22.selectRolesMap);
       const streamingPermissionRoles = Object.keys(rolesMap).filter((roleName) => {
         const roleObj = rolesMap[roleName];
         return roleObj.permissions.hlsStreaming;
       });
-      const peersWithStreamingRights = (0, import_react_sdk21.useHMSStore)(
-        (0, import_react_sdk21.selectPeersByCondition)((peer) => streamingPermissionRoles.includes(peer.roleName || ""))
+      const peersWithStreamingRights = (0, import_react_sdk22.useHMSStore)(
+        (0, import_react_sdk22.selectPeersByCondition)((peer) => streamingPermissionRoles.includes(peer.roleName || ""))
       );
-      const hlsState = (0, import_react_sdk21.useHMSStore)(import_react_sdk21.selectHLSState);
-      const hmsActions = (0, import_react_sdk21.useHMSActions)();
+      const hlsState = (0, import_react_sdk22.useHMSStore)(import_react_sdk22.selectHLSState);
+      const hmsActions = (0, import_react_sdk22.useHMSActions)();
       const isMobileHLSStream = useMobileHLSStream();
       const isLandscapeHLSStream = useLandscapeHLSStream();
       const stopStream = () => __async(void 0, null, function* () {
@@ -13204,12 +13220,12 @@ var init_LeaveRoom = __esm({
 });
 
 // src/Prebuilt/components/PIP/SetupMediaSession.js
-var import_react_sdk22, SetupMediaSession, MediaSession;
+var import_react_sdk23, SetupMediaSession, MediaSession;
 var init_SetupMediaSession = __esm({
   "src/Prebuilt/components/PIP/SetupMediaSession.js"() {
     "use strict";
     init_define_process_env();
-    import_react_sdk22 = require("@100mslive/react-sdk");
+    import_react_sdk23 = require("@100mslive/react-sdk");
     SetupMediaSession = class {
       constructor() {
         __publicField(this, "setup", (actions, store) => {
@@ -13220,27 +13236,27 @@ var init_SetupMediaSession = __esm({
         });
         __publicField(this, "initState", () => {
           var _a7, _b7, _c, _d;
-          const isMicActive = this.store.getState(import_react_sdk22.selectIsLocalAudioEnabled);
-          const isCamActive = this.store.getState(import_react_sdk22.selectIsLocalVideoEnabled);
+          const isMicActive = this.store.getState(import_react_sdk23.selectIsLocalAudioEnabled);
+          const isCamActive = this.store.getState(import_react_sdk23.selectIsLocalVideoEnabled);
           (_b7 = (_a7 = navigator.mediaSession) == null ? void 0 : _a7.setMicrophoneActive) == null ? void 0 : _b7.call(_a7, isMicActive);
           (_d = (_c = navigator.mediaSession) == null ? void 0 : _c.setCameraActive) == null ? void 0 : _d.call(_c, isCamActive);
           this.store.subscribe((isMicActive2) => {
             var _a8, _b8;
             (_b8 = (_a8 = navigator.mediaSession) == null ? void 0 : _a8.setMicrophoneActive) == null ? void 0 : _b8.call(_a8, isMicActive2);
-          }, import_react_sdk22.selectIsLocalAudioEnabled);
+          }, import_react_sdk23.selectIsLocalAudioEnabled);
           this.store.subscribe((isCamActive2) => {
             var _a8, _b8;
             (_b8 = (_a8 = navigator.mediaSession) == null ? void 0 : _a8.setCameraActive) == null ? void 0 : _b8.call(_a8, isCamActive2);
-          }, import_react_sdk22.selectIsLocalVideoEnabled);
+          }, import_react_sdk23.selectIsLocalVideoEnabled);
         });
         __publicField(this, "toggleMic", () => __async(this, null, function* () {
           console.log("toggle mic clicked in pip");
-          const current = this.store.getState(import_react_sdk22.selectIsLocalAudioEnabled);
+          const current = this.store.getState(import_react_sdk23.selectIsLocalAudioEnabled);
           yield this.actions.setLocalAudioEnabled(!current);
         }));
         __publicField(this, "toggleCam", () => __async(this, null, function* () {
           console.log("toggle cam clicked in pip");
-          const current = this.store.getState(import_react_sdk22.selectIsLocalVideoEnabled);
+          const current = this.store.getState(import_react_sdk23.selectIsLocalVideoEnabled);
           yield this.actions.setLocalVideoEnabled(!current);
         }));
         __publicField(this, "leave", () => {
@@ -13265,13 +13281,13 @@ var init_SetupMediaSession = __esm({
 });
 
 // src/Prebuilt/components/PIP/PIPComponent.tsx
-var import_react60, import_react_sdk23, import_react_icons20, PIPComponent, ActivatedPIP, PIPComponent_default;
+var import_react60, import_react_sdk24, import_react_icons20, PIPComponent, ActivatedPIP, PIPComponent_default;
 var init_PIPComponent = __esm({
   "src/Prebuilt/components/PIP/PIPComponent.tsx"() {
     "use strict";
     init_define_process_env();
     import_react60 = __toESM(require("react"));
-    import_react_sdk23 = require("@100mslive/react-sdk");
+    import_react_sdk24 = require("@100mslive/react-sdk");
     import_react_icons20 = require("@100mslive/react-icons");
     init_src();
     init_IconButton3();
@@ -13280,8 +13296,8 @@ var init_PIPComponent = __esm({
     init_useUISettings();
     PIPComponent = ({ content = null }) => {
       const [isPipOn, setIsPipOn] = (0, import_react60.useState)(PictureInPicture.isOn());
-      const hmsActions = (0, import_react_sdk23.useHMSActions)();
-      const store = (0, import_react_sdk23.useHMSVanillaStore)();
+      const hmsActions = (0, import_react_sdk24.useHMSActions)();
+      const store = (0, import_react_sdk24.useHMSVanillaStore)();
       const onPipToggle = (0, import_react60.useCallback)(() => {
         if (!isPipOn) {
           PictureInPicture.start(hmsActions, setIsPipOn).catch((err) => console.error("error in starting pip", err));
@@ -13296,19 +13312,19 @@ var init_PIPComponent = __esm({
       return /* @__PURE__ */ import_react60.default.createElement(import_react60.default.Fragment, null, content ? /* @__PURE__ */ import_react60.default.createElement(Flex, { css: { w: "100%" }, onClick: () => onPipToggle(), "data-testid": "pip_btn" }, content) : /* @__PURE__ */ import_react60.default.createElement(Tooltip, { title: `${isPipOn ? "Deactivate" : "Activate"} picture in picture view` }, /* @__PURE__ */ import_react60.default.createElement(IconButton_default, { active: !isPipOn, key: "pip", onClick: () => onPipToggle(), "data-testid": "pip_btn" }, /* @__PURE__ */ import_react60.default.createElement(import_react_icons20.PipIcon, null))));
     };
     ActivatedPIP = () => {
-      const store = (0, import_react_sdk23.useHMSVanillaStore)();
+      const store = (0, import_react_sdk24.useHMSVanillaStore)();
       const pinnedTrack = usePinnedTrack();
       (0, import_react60.useEffect)(() => {
         function subscribeToStore() {
           return store.subscribe((tracksMap) => {
-            let pipPeers = store.getState(import_react_sdk23.selectPeers);
+            let pipPeers = store.getState(import_react_sdk24.selectPeers);
             if (pinnedTrack) {
               pipPeers = pipPeers.filter((peer) => pinnedTrack.peerId === peer.id);
             }
             PictureInPicture.updatePeersAndTracks(pipPeers, tracksMap).catch((err) => {
               console.error("error in updating pip", err);
             });
-          }, import_react_sdk23.selectTracksMap);
+          }, import_react_sdk24.selectTracksMap);
         }
         let unsubscribe = PictureInPicture.isOn() ? subscribeToStore() : void 0;
         PictureInPicture.listenToStateChange((isOn) => {
@@ -13414,17 +13430,17 @@ var init_MwebChatOption = __esm({
 });
 
 // src/Prebuilt/components/hooks/useChatBlacklist.ts
-var import_react63, import_react_sdk24, useChatBlacklist, useIsPeerBlacklisted;
+var import_react63, import_react_sdk25, useChatBlacklist, useIsPeerBlacklisted;
 var init_useChatBlacklist = __esm({
   "src/Prebuilt/components/hooks/useChatBlacklist.ts"() {
     "use strict";
     init_define_process_env();
     import_react63 = require("react");
-    import_react_sdk24 = require("@100mslive/react-sdk");
+    import_react_sdk25 = require("@100mslive/react-sdk");
     init_ToastManager();
     useChatBlacklist = (sessionStoreKey) => {
-      const hmsActions = (0, import_react_sdk24.useHMSActions)();
-      const blacklistedIDs = (0, import_react_sdk24.useHMSStore)((0, import_react_sdk24.selectSessionStore)(sessionStoreKey));
+      const hmsActions = (0, import_react_sdk25.useHMSActions)();
+      const blacklistedIDs = (0, import_react_sdk25.useHMSStore)((0, import_react_sdk25.selectSessionStore)(sessionStoreKey));
       const blacklistItem = (0, import_react63.useCallback)(
         (blacklistID) => __async(void 0, null, function* () {
           yield hmsActions.sessionStore.set(sessionStoreKey, [...blacklistedIDs || [], blacklistID]).catch((err) => ToastManager.addToast({ title: err.description }));
@@ -13434,35 +13450,35 @@ var init_useChatBlacklist = __esm({
       return { blacklistItem, blacklistedIDs };
     };
     useIsPeerBlacklisted = ({ local = false, peerCustomerUserId = "" }) => {
-      const localPeer = (0, import_react_sdk24.useHMSStore)(import_react_sdk24.selectLocalPeer);
-      const blacklistedPeerIDs = (0, import_react_sdk24.useHMSStore)((0, import_react_sdk24.selectSessionStore)("chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */)) || [];
+      const localPeer = (0, import_react_sdk25.useHMSStore)(import_react_sdk25.selectLocalPeer);
+      const blacklistedPeerIDs = (0, import_react_sdk25.useHMSStore)((0, import_react_sdk25.selectSessionStore)("chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */)) || [];
       return blacklistedPeerIDs == null ? void 0 : blacklistedPeerIDs.includes(local ? localPeer == null ? void 0 : localPeer.customerUserId : peerCustomerUserId);
     };
   }
 });
 
 // src/Prebuilt/components/hooks/usePinnedMessages.ts
-var import_react64, import_react_sdk25, usePinnedMessages;
+var import_react64, import_react_sdk26, usePinnedMessages;
 var init_usePinnedMessages = __esm({
   "src/Prebuilt/components/hooks/usePinnedMessages.ts"() {
     "use strict";
     init_define_process_env();
     import_react64 = require("react");
-    import_react_sdk25 = require("@100mslive/react-sdk");
+    import_react_sdk26 = require("@100mslive/react-sdk");
     init_ToastManager();
     usePinnedMessages = () => {
-      const hmsActions = (0, import_react_sdk25.useHMSActions)();
-      const vanillaStore = (0, import_react_sdk25.useHMSVanillaStore)();
+      const hmsActions = (0, import_react_sdk26.useHMSActions)();
+      const vanillaStore = (0, import_react_sdk26.useHMSVanillaStore)();
       const setPinnedMessages = (0, import_react64.useCallback)(
         (message, pinnedBy) => __async(void 0, null, function* () {
-          const peerName = vanillaStore.getState((0, import_react_sdk25.selectPeerNameByID)(message == null ? void 0 : message.sender)) || (message == null ? void 0 : message.senderName);
+          const peerName = vanillaStore.getState((0, import_react_sdk26.selectPeerNameByID)(message == null ? void 0 : message.sender)) || (message == null ? void 0 : message.senderName);
           const newPinnedMessage = { text: "", id: message.id, pinnedBy };
           if (message && peerName) {
             newPinnedMessage["text"] = `${peerName}: ${message.message}`;
           } else if (message) {
             newPinnedMessage["text"] = message.message;
           }
-          const pinnedMessages = vanillaStore.getState((0, import_react_sdk25.selectSessionStore)("pinnedMessages" /* PINNED_MESSAGES */)) || [];
+          const pinnedMessages = vanillaStore.getState((0, import_react_sdk26.selectSessionStore)("pinnedMessages" /* PINNED_MESSAGES */)) || [];
           if (!(pinnedMessages == null ? void 0 : pinnedMessages.find((pinnedMessage) => pinnedMessage.id === newPinnedMessage.id))) {
             yield hmsActions.sessionStore.set("pinnedMessages" /* PINNED_MESSAGES */, [...pinnedMessages, newPinnedMessage].slice(-3)).catch((err) => ToastManager.addToast({ title: err.description }));
           }
@@ -13471,7 +13487,7 @@ var init_usePinnedMessages = __esm({
       );
       const removePinnedMessage = (0, import_react64.useCallback)(
         (indexToRemove) => __async(void 0, null, function* () {
-          const pinnedMessages = vanillaStore.getState((0, import_react_sdk25.selectSessionStore)("pinnedMessages" /* PINNED_MESSAGES */)) || [];
+          const pinnedMessages = vanillaStore.getState((0, import_react_sdk26.selectSessionStore)("pinnedMessages" /* PINNED_MESSAGES */)) || [];
           if (pinnedMessages[indexToRemove]) {
             yield hmsActions.sessionStore.set(
               "pinnedMessages" /* PINNED_MESSAGES */,
@@ -13483,7 +13499,7 @@ var init_usePinnedMessages = __esm({
       );
       const unpinBlacklistedMessages = (0, import_react64.useCallback)(
         (blacklistedMessageIDSet) => __async(void 0, null, function* () {
-          const pinnedMessages = vanillaStore.getState((0, import_react_sdk25.selectSessionStore)("pinnedMessages" /* PINNED_MESSAGES */)) || [];
+          const pinnedMessages = vanillaStore.getState((0, import_react_sdk26.selectSessionStore)("pinnedMessages" /* PINNED_MESSAGES */)) || [];
           const filteredPinnedMessages = pinnedMessages == null ? void 0 : pinnedMessages.filter(
             (pinnedMessage) => !(blacklistedMessageIDSet == null ? void 0 : blacklistedMessageIDSet.has(pinnedMessage.id))
           );
@@ -13497,13 +13513,13 @@ var init_usePinnedMessages = __esm({
 });
 
 // src/Prebuilt/components/Chat/ChatActions.tsx
-var import_react65, import_react_sdk26, import_react_icons21, iconStyle, tooltipBoxCSS, ChatActions;
+var import_react65, import_react_sdk27, import_react_icons21, iconStyle, tooltipBoxCSS, ChatActions;
 var init_ChatActions = __esm({
   "src/Prebuilt/components/Chat/ChatActions.tsx"() {
     "use strict";
     init_define_process_env();
     import_react65 = __toESM(require("react"));
-    import_react_sdk26 = require("@100mslive/react-sdk");
+    import_react_sdk27 = require("@100mslive/react-sdk");
     import_react_icons21 = require("@100mslive/react-icons");
     init_Dropdown2();
     init_IconButton2();
@@ -13540,10 +13556,10 @@ var init_ChatActions = __esm({
       const { can_hide_message = false, can_block_user = false } = ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.real_time_controls) || {};
       const { roles_whitelist = [] } = (elements == null ? void 0 : elements.chat) || {};
       const [open, setOpen] = (0, import_react65.useState)(false);
-      const actions = (0, import_react_sdk26.useHMSActions)();
-      const canRemoveOthers = (_b7 = (0, import_react_sdk26.useHMSStore)(import_react_sdk26.selectPermissions)) == null ? void 0 : _b7.removeOthers;
+      const actions = (0, import_react_sdk27.useHMSActions)();
+      const canRemoveOthers = (_b7 = (0, import_react_sdk27.useHMSStore)(import_react_sdk27.selectPermissions)) == null ? void 0 : _b7.removeOthers;
       const { blacklistItem: blacklistPeer } = useChatBlacklist("chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */);
-      const localPeerName = (0, import_react_sdk26.useHMSStore)(import_react_sdk26.selectLocalPeerName);
+      const localPeerName = (0, import_react_sdk27.useHMSStore)(import_react_sdk27.selectLocalPeerName);
       const { setPinnedMessages, unpinBlacklistedMessages } = usePinnedMessages();
       const { blacklistItem: blacklistMessage, blacklistedIDs: blacklistedMessageIDs } = useChatBlacklist(
         "chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */
@@ -13782,15 +13798,15 @@ var init_EmptyChat = __esm({
 });
 
 // src/Prebuilt/components/hooks/usePinnedBy.tsx
-var import_react67, import_react_sdk27, usePinnedBy;
+var import_react67, import_react_sdk28, usePinnedBy;
 var init_usePinnedBy = __esm({
   "src/Prebuilt/components/hooks/usePinnedBy.tsx"() {
     "use strict";
     init_define_process_env();
     import_react67 = require("react");
-    import_react_sdk27 = require("@100mslive/react-sdk");
+    import_react_sdk28 = require("@100mslive/react-sdk");
     usePinnedBy = (messageId) => {
-      const pinnedMessages = (0, import_react_sdk27.useHMSStore)((0, import_react_sdk27.selectSessionStore)("pinnedMessages" /* PINNED_MESSAGES */));
+      const pinnedMessages = (0, import_react_sdk28.useHMSStore)((0, import_react_sdk28.selectSessionStore)("pinnedMessages" /* PINNED_MESSAGES */));
       const [pinnedBy, setPinnedBy] = (0, import_react67.useState)("");
       (0, import_react67.useEffect)(() => {
         let match18 = "";
@@ -13830,7 +13846,7 @@ function getRowHeight(index) {
   var _a7;
   return ((_a7 = rowHeights[index]) == null ? void 0 : _a7.size) || 72;
 }
-var import_react68, import_react_use12, import_react_virtualized_auto_sizer, import_react_window, import_react_sdk28, import_react_icons22, rowHeights, listInstance, setRowHeight, getMessageBackgroundColor, MessageTypeContainer, MessageType, URL_REGEX, Link2, AnnotisedMessage, getMessageType, SenderName, ChatMessage, MessageWrapper, VirtualizedChatMessages, ChatBody, PinnedBy;
+var import_react68, import_react_use12, import_react_virtualized_auto_sizer, import_react_window, import_react_sdk29, import_react_icons22, rowHeights, listInstance, setRowHeight, getMessageBackgroundColor, MessageTypeContainer, MessageType, URL_REGEX, Link2, AnnotisedMessage, getMessageType, SenderName, ChatMessage, MessageWrapper, VirtualizedChatMessages, ChatBody, PinnedBy;
 var init_ChatBody = __esm({
   "src/Prebuilt/components/Chat/ChatBody.tsx"() {
     "use strict";
@@ -13839,7 +13855,7 @@ var init_ChatBody = __esm({
     import_react_use12 = require("react-use");
     import_react_virtualized_auto_sizer = __toESM(require("react-virtualized-auto-sizer"));
     import_react_window = require("react-window");
-    import_react_sdk28 = require("@100mslive/react-sdk");
+    import_react_sdk29 = require("@100mslive/react-sdk");
     import_react_icons22 = require("@100mslive/react-icons");
     init_Layout();
     init_Text2();
@@ -13914,8 +13930,8 @@ var init_ChatBody = __esm({
       hasCurrentUserSent,
       receiver
     }) => {
-      const peerName = (0, import_react_sdk28.useHMSStore)((0, import_react_sdk28.selectPeerNameByID)(receiver));
-      const localPeerRoleName = (0, import_react_sdk28.useHMSStore)(import_react_sdk28.selectLocalPeerRoleName);
+      const peerName = (0, import_react_sdk29.useHMSStore)((0, import_react_sdk29.selectPeerNameByID)(receiver));
+      const localPeerRoleName = (0, import_react_sdk29.useHMSStore)(import_react_sdk29.selectLocalPeerRoleName);
       if (receiver) {
         return /* @__PURE__ */ import_react68.default.createElement(MessageTypeContainer, { left: hasCurrentUserSent ? `${peerName ? `to ${peerName}` : ""}` : "to You", right: "(DM)" });
       }
@@ -13963,7 +13979,7 @@ var init_ChatBody = __esm({
         const isMobile = (0, import_react_use12.useMedia)(config.media.md);
         const isPrivateChatEnabled = !!((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.private_chat_enabled);
         const isOverlay = ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay) && isMobile;
-        const localPeerId = (0, import_react_sdk28.useHMSStore)(import_react_sdk28.selectLocalPeerID);
+        const localPeerId = (0, import_react_sdk29.useHMSStore)(import_react_sdk29.selectLocalPeerID);
         const [selectedRole, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
         const [selectedPeer, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
         const messageType = getMessageType({
@@ -14140,7 +14156,7 @@ var init_ChatBody = __esm({
       }
     );
     VirtualizedChatMessages = import_react68.default.forwardRef(({ messages, scrollToBottom }, listRef) => {
-      const hmsActions = (0, import_react_sdk28.useHMSActions)();
+      const hmsActions = (0, import_react_sdk29.useHMSActions)();
       const itemKey2 = (0, import_react68.useCallback)((index, data3) => {
         return data3[index].id;
       }, []);
@@ -14195,13 +14211,13 @@ var init_ChatBody = __esm({
     });
     ChatBody = import_react68.default.forwardRef(
       ({ scrollToBottom }, listRef) => {
-        const messages = (0, import_react_sdk28.useHMSStore)(import_react_sdk28.selectHMSMessages);
-        const blacklistedMessageIDs = (0, import_react_sdk28.useHMSStore)((0, import_react_sdk28.selectSessionStore)("chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */));
+        const messages = (0, import_react_sdk29.useHMSStore)(import_react_sdk29.selectHMSMessages);
+        const blacklistedMessageIDs = (0, import_react_sdk29.useHMSStore)((0, import_react_sdk29.selectSessionStore)("chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */));
         const filteredMessages = (0, import_react68.useMemo)(() => {
           const blacklistedMessageIDSet = new Set(blacklistedMessageIDs || []);
           return (messages == null ? void 0 : messages.filter((message) => message.type === "chat" && !blacklistedMessageIDSet.has(message.id))) || [];
         }, [blacklistedMessageIDs, messages]);
-        const vanillaStore = (0, import_react_sdk28.useHMSVanillaStore)();
+        const vanillaStore = (0, import_react_sdk29.useHMSVanillaStore)();
         const rerenderOnFirstMount = (0, import_react68.useRef)(false);
         (0, import_react68.useEffect)(() => {
           const unsubscribe = vanillaStore.subscribe(() => {
@@ -14212,7 +14228,7 @@ var init_ChatBody = __esm({
             if (outerElement && outerElement.clientHeight + outerElement.scrollTop + outerElement.offsetTop >= outerElement.scrollHeight) {
               requestAnimationFrame(() => scrollToBottom(1));
             }
-          }, import_react_sdk28.selectUnreadHMSMessagesCount);
+          }, import_react_sdk29.selectUnreadHMSMessagesCount);
           return unsubscribe;
         }, [vanillaStore, listRef, scrollToBottom]);
         (0, import_react68.useEffect)(() => {
@@ -14230,7 +14246,7 @@ var init_ChatBody = __esm({
       rowRef
     }) => {
       const pinnedBy = usePinnedBy(messageId);
-      const localPeerName = (0, import_react_sdk28.useHMSStore)(import_react_sdk28.selectLocalPeerName);
+      const localPeerName = (0, import_react_sdk29.useHMSStore)(import_react_sdk29.selectLocalPeerName);
       (0, import_react68.useLayoutEffect)(() => {
         if (rowRef == null ? void 0 : rowRef.current) {
           if (pinnedBy) {
@@ -14250,13 +14266,13 @@ var init_ChatBody = __esm({
 });
 
 // src/Prebuilt/components/PIP/PIPChat.tsx
-var import_react69, import_react_sdk29, import_react_icons23, PIPChat, MessageTitle;
+var import_react69, import_react_sdk30, import_react_icons23, PIPChat, MessageTitle;
 var init_PIPChat = __esm({
   "src/Prebuilt/components/PIP/PIPChat.tsx"() {
     "use strict";
     init_define_process_env();
     import_react69 = __toESM(require("react"));
-    import_react_sdk29 = require("@100mslive/react-sdk");
+    import_react_sdk30 = require("@100mslive/react-sdk");
     import_react_icons23 = require("@100mslive/react-icons");
     init_Layout();
     init_Text2();
@@ -14268,10 +14284,10 @@ var init_PIPChat = __esm({
     init_useChatBlacklist();
     init_utils3();
     PIPChat = () => {
-      var _a7, _b7, _c, _d, _e, _f, _g, _h, _i, _j;
-      const messages = (0, import_react_sdk29.useHMSStore)(import_react_sdk29.selectHMSMessages);
-      const localPeerID = (0, import_react_sdk29.useHMSStore)(import_react_sdk29.selectLocalPeerID);
-      const count = (0, import_react_sdk29.useHMSStore)(import_react_sdk29.selectUnreadHMSMessagesCount);
+      var _a7, _b7, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+      const messages = (0, import_react_sdk30.useHMSStore)(import_react_sdk30.selectHMSMessages);
+      const localPeerID = (0, import_react_sdk30.useHMSStore)(import_react_sdk30.selectLocalPeerID);
+      const count = (0, import_react_sdk30.useHMSStore)(import_react_sdk30.selectUnreadHMSMessagesCount);
       const [unreadMessageCount, setUnreadMessageCount] = (0, import_react69.useState)(0);
       const getSenderName = (0, import_react69.useCallback)(
         (senderName, senderID) => {
@@ -14286,16 +14302,16 @@ var init_PIPChat = __esm({
         }, 100);
         return () => clearTimeout(timeoutId);
       }, [count]);
-      const blacklistedMessageIDs = (0, import_react_sdk29.useHMSStore)((0, import_react_sdk29.selectSessionStore)("chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */));
+      const blacklistedMessageIDs = (0, import_react_sdk30.useHMSStore)((0, import_react_sdk30.selectSessionStore)("chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */));
       const filteredMessages = (0, import_react69.useMemo)(() => {
         const blacklistedMessageIDSet = new Set(blacklistedMessageIDs || []);
         return (messages == null ? void 0 : messages.filter((message) => message.type === "chat" && !blacklistedMessageIDSet.has(message.id))) || [];
       }, [blacklistedMessageIDs, messages]);
-      const { enabled: isChatEnabled = true, updatedBy: chatStateUpdatedBy = "" } = (0, import_react_sdk29.useHMSStore)((0, import_react_sdk29.selectSessionStore)("chatState" /* CHAT_STATE */)) || {};
+      const { enabled: isChatEnabled = true, updatedBy: chatStateUpdatedBy = "" } = (0, import_react_sdk30.useHMSStore)((0, import_react_sdk30.selectSessionStore)("chatState" /* CHAT_STATE */)) || {};
       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 = (0, import_react69.useCallback)(() => {
         if (isLocalPeerBlacklisted)
           return "You've been blocked from sending messages";
@@ -14355,7 +14371,7 @@ var init_PIPChat = __esm({
             }
           },
           /* @__PURE__ */ import_react69.default.createElement(Text, { variant: "h5", css: { mt: "$8", c: "$on_surface_high" } }, canSendChatMessages ? "Start a conversation" : "No messages yet"),
-          /* @__PURE__ */ import_react69.default.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__ */ import_react69.default.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__ */ import_react69.default.createElement(Box, { className: "pip-message", key: message.id, id: message.id, style: { padding: "8px 0.75rem" } }, /* @__PURE__ */ import_react69.default.createElement(Flex, { style: { width: "100%", alignItems: "center", justifyContent: "between" } }, /* @__PURE__ */ import_react69.default.createElement(
           Text,
           {
@@ -14414,10 +14430,10 @@ var init_PIPChat = __esm({
             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__ */ import_react69.default.createElement("option", { key: role, value: role }, role)),
-        ((_j = elements.chat) == null ? void 0 : _j.public_chat_enabled) ? /* @__PURE__ */ import_react69.default.createElement("option", { value: "Everyone" }, "Everyone") : ""
+        (_j = (_i = elements.chat) == null ? void 0 : _i.roles_whitelist) == null ? void 0 : _j.map((role) => /* @__PURE__ */ import_react69.default.createElement("option", { key: role, value: role }, role)),
+        ((_k = elements.chat) == null ? void 0 : _k.public_chat_enabled) ? /* @__PURE__ */ import_react69.default.createElement("option", { value: "Everyone" }, "Everyone") : ""
       ))), /* @__PURE__ */ import_react69.default.createElement(
         Flex,
         {
@@ -14476,7 +14492,7 @@ var init_PIPChat = __esm({
       recipientRoles,
       localPeerID
     }) => {
-      const peerName = (0, import_react_sdk29.useHMSStore)((0, import_react_sdk29.selectPeerNameByID)(recipientPeer));
+      const peerName = (0, import_react_sdk30.useHMSStore)((0, import_react_sdk30.selectPeerNameByID)(recipientPeer));
       return /* @__PURE__ */ import_react69.default.createElement(import_react69.default.Fragment, null, recipientRoles ? /* @__PURE__ */ import_react69.default.createElement(Text, { as: "span", variant: "sub2", css: { color: "$on_surface_high", fontWeight: "$semiBold" } }, "to ", recipientRoles, " (Group)") : null, recipientPeer ? /* @__PURE__ */ import_react69.default.createElement(Text, { as: "span", variant: "sub2", css: { color: "$on_surface_high", fontWeight: "$semiBold" } }, "to ", recipientPeer === localPeerID ? "You" : peerName, " (DM)") : null);
     };
   }
@@ -14517,14 +14533,14 @@ var init_PIPWindow = __esm({
 });
 
 // src/Prebuilt/components/RoleChangeModal.tsx
-var import_react71, import_react_use13, import_react_sdk30, import_react_icons25, HighlightTerm, RoleChangeContent, RoleChangeModal;
+var import_react71, import_react_use13, import_react_sdk31, import_react_icons25, HighlightTerm, RoleChangeContent, RoleChangeModal;
 var init_RoleChangeModal = __esm({
   "src/Prebuilt/components/RoleChangeModal.tsx"() {
     "use strict";
     init_define_process_env();
     import_react71 = __toESM(require("react"));
     import_react_use13 = require("react-use");
-    import_react_sdk30 = require("@100mslive/react-sdk");
+    import_react_sdk31 = require("@100mslive/react-sdk");
     import_react_icons25 = require("@100mslive/react-icons");
     init_Button2();
     init_Dropdown2();
@@ -14556,11 +14572,11 @@ var init_RoleChangeModal = __esm({
       isMobile = false
     }) => {
       var _a7;
-      const roles = (0, import_react_sdk30.useHMSStore)(import_react_sdk30.selectAvailableRoleNames).filter(
+      const roles = (0, import_react_sdk31.useHMSStore)(import_react_sdk31.selectAvailableRoleNames).filter(
         (role) => role !== (peer == null ? void 0 : peer.roleName) && role !== "__internal_recorder"
       );
       const [selectedRole, setRole] = (0, import_react71.useState)(((_a7 = roles.filter((role) => role !== (peer == null ? void 0 : peer.roleName))) == null ? void 0 : _a7[0]) || (peer == null ? void 0 : peer.roleName));
-      const hmsActions = (0, import_react_sdk30.useHMSActions)();
+      const hmsActions = (0, import_react_sdk31.useHMSActions)();
       const [open, setOpen] = (0, import_react71.useState)(false);
       const triggerRef = (0, import_react71.useRef)();
       return /* @__PURE__ */ import_react71.default.createElement(import_react71.default.Fragment, null, /* @__PURE__ */ import_react71.default.createElement(Flex, { align: "center", justify: "between", css: { w: "100%" } }, /* @__PURE__ */ import_react71.default.createElement(Text, { as: "h6", variant: "h6" }, "Switch Role"), isMobile && /* @__PURE__ */ import_react71.default.createElement(import_react_icons25.CrossIcon, { onClick: () => onOpenChange(false) })), /* @__PURE__ */ import_react71.default.createElement(Box, null, /* @__PURE__ */ import_react71.default.createElement(
@@ -14656,7 +14672,7 @@ var init_RoleChangeModal = __esm({
       peerId,
       onOpenChange
     }) => {
-      const peer = (0, import_react_sdk30.useHMSStore)((0, import_react_sdk30.selectPeerByID)(peerId));
+      const peer = (0, import_react_sdk31.useHMSStore)((0, import_react_sdk31.selectPeerByID)(peerId));
       const isMobile = (0, import_react_use13.useMedia)(config.media.md);
       if (!peer) {
         return null;
@@ -14916,13 +14932,13 @@ var init_ResolutionInput = __esm({
 });
 
 // src/Prebuilt/components/Settings/StartRecording.jsx
-var import_react74, import_react_sdk31, import_react_icons28, StartRecording, StartRecording_default;
+var import_react74, import_react_sdk32, import_react_icons28, StartRecording, StartRecording_default;
 var init_StartRecording = __esm({
   "src/Prebuilt/components/Settings/StartRecording.jsx"() {
     "use strict";
     init_define_process_env();
     import_react74 = __toESM(require("react"));
-    import_react_sdk31 = require("@100mslive/react-sdk");
+    import_react_sdk32 = require("@100mslive/react-sdk");
     import_react_icons28 = require("@100mslive/react-icons");
     init_src();
     init_ResolutionInput();
@@ -14930,11 +14946,11 @@ var init_StartRecording = __esm({
     init_hooks();
     init_constants();
     StartRecording = ({ open, onOpenChange }) => {
-      const permissions = (0, import_react_sdk31.useHMSStore)(import_react_sdk31.selectPermissions);
+      const permissions = (0, import_react_sdk32.useHMSStore)(import_react_sdk32.selectPermissions);
       const [resolution, setResolution] = (0, import_react74.useState)(RTMP_RECORD_DEFAULT_RESOLUTION);
       const { startRecording, recordingStarted } = useRecordingHandler();
-      const { isBrowserRecordingOn, isStreamingOn, isHLSRunning } = (0, import_react_sdk31.useRecordingStreaming)();
-      const hmsActions = (0, import_react_sdk31.useHMSActions)();
+      const { isBrowserRecordingOn, isStreamingOn, isHLSRunning } = (0, import_react_sdk32.useRecordingStreaming)();
+      const hmsActions = (0, import_react_sdk32.useHMSActions)();
       if (!(permissions == null ? void 0 : permissions.browserRecording) || isHLSRunning) {
         return null;
       }
@@ -15001,14 +15017,14 @@ var init_StartRecording = __esm({
 });
 
 // src/Prebuilt/components/StatsForNerds.jsx
-var import_react75, import_ts_pattern4, import_react_sdk32, StatsForNerds, useTracksWithLabel, LocalPeerStats, TrackStats, StatsRow2;
+var import_react75, import_ts_pattern4, import_react_sdk33, StatsForNerds, useTracksWithLabel, LocalPeerStats, TrackStats, StatsRow2;
 var init_StatsForNerds = __esm({
   "src/Prebuilt/components/StatsForNerds.jsx"() {
     "use strict";
     init_define_process_env();
     import_react75 = __toESM(require("react"));
     import_ts_pattern4 = require("ts-pattern");
-    import_react_sdk32 = require("@100mslive/react-sdk");
+    import_react_sdk33 = require("@100mslive/react-sdk");
     init_Divider2();
     init_Dropdown2();
     init_Label2();
@@ -15093,9 +15109,9 @@ var init_StatsForNerds = __esm({
       )));
     };
     useTracksWithLabel = () => {
-      const tracksMap = (0, import_react_sdk32.useHMSStore)(import_react_sdk32.selectTracksMap);
-      const peersMap = (0, import_react_sdk32.useHMSStore)(import_react_sdk32.selectPeersMap);
-      const localPeerID = (0, import_react_sdk32.useHMSStore)(import_react_sdk32.selectLocalPeerID);
+      const tracksMap = (0, import_react_sdk33.useHMSStore)(import_react_sdk33.selectTracksMap);
+      const peersMap = (0, import_react_sdk33.useHMSStore)(import_react_sdk33.selectPeersMap);
+      const localPeerID = (0, import_react_sdk33.useHMSStore)(import_react_sdk33.selectLocalPeerID);
       const tracksWithLabels = (0, import_react75.useMemo)(
         () => Object.values(tracksMap).reduce((res, track) => {
           var _a7, _b7;
@@ -15127,7 +15143,7 @@ var init_StatsForNerds = __esm({
     };
     LocalPeerStats = () => {
       var _a7, _b7, _c, _d, _e, _f, _g, _h, _i;
-      const stats = (0, import_react_sdk32.useHMSStatsStore)(import_react_sdk32.selectHMSStats.localPeerStats);
+      const stats = (0, import_react_sdk33.useHMSStatsStore)(import_react_sdk33.selectHMSStats.localPeerStats);
       if (!stats) {
         return null;
       }
@@ -15151,9 +15167,9 @@ var init_StatsForNerds = __esm({
         {
           layer: import_ts_pattern4.P.when((layer2) => !!layer2)
         },
-        () => import_react_sdk32.selectHMSStats.localVideoTrackStatsByLayer(layer)(trackID)
-      ).with({ local: import_ts_pattern4.P.when((local2) => !!local2) }, () => import_react_sdk32.selectHMSStats.localAudioTrackStatsByID(trackID)).otherwise(() => import_react_sdk32.selectHMSStats.trackStatsByID(trackID));
-      const stats = (0, import_react_sdk32.useHMSStatsStore)(selector);
+        () => import_react_sdk33.selectHMSStats.localVideoTrackStatsByLayer(layer)(trackID)
+      ).with({ local: import_ts_pattern4.P.when((local2) => !!local2) }, () => import_react_sdk33.selectHMSStats.localAudioTrackStatsByID(trackID)).otherwise(() => import_react_sdk33.selectHMSStats.trackStatsByID(trackID));
+      const stats = (0, import_react_sdk33.useHMSStatsStore)(selector);
       if (!stats) {
         return null;
       }
@@ -15188,13 +15204,13 @@ var init_StatsForNerds = __esm({
 });
 
 // src/Prebuilt/components/MoreSettings/BulkRoleChangeModal.jsx
-var import_react76, import_react_sdk33, import_react_icons29, BulkRoleChangeModal;
+var import_react76, import_react_sdk34, import_react_icons29, BulkRoleChangeModal;
 var init_BulkRoleChangeModal = __esm({
   "src/Prebuilt/components/MoreSettings/BulkRoleChangeModal.jsx"() {
     "use strict";
     init_define_process_env();
     import_react76 = __toESM(require("react"));
-    import_react_sdk33 = require("@100mslive/react-sdk");
+    import_react_sdk34 = require("@100mslive/react-sdk");
     import_react_icons29 = require("@100mslive/react-icons");
     init_src();
     init_DialogContent2();
@@ -15203,7 +15219,7 @@ var init_BulkRoleChangeModal = __esm({
     BulkRoleChangeModal = ({ onOpenChange }) => {
       var _a7, _b7;
       const roles = useFilteredRoles();
-      const hmsActions = (0, import_react_sdk33.useHMSActions)();
+      const hmsActions = (0, import_react_sdk34.useHMSActions)();
       const ref = (0, import_react76.useRef)(null);
       const roleRef = (0, import_react76.useRef)(null);
       const [selectedBulkRole, setBulkRole] = (0, import_react76.useState)([]);
@@ -15306,13 +15322,13 @@ var init_BulkRoleChangeModal = __esm({
 });
 
 // src/Prebuilt/components/MoreSettings/CaptionContent.tsx
-var import_react77, import_react_sdk34, import_react_icons30, CaptionContent;
+var import_react77, import_react_sdk35, import_react_icons30, CaptionContent;
 var init_CaptionContent = __esm({
   "src/Prebuilt/components/MoreSettings/CaptionContent.tsx"() {
     "use strict";
     init_define_process_env();
     import_react77 = __toESM(require("react"));
-    import_react_sdk34 = require("@100mslive/react-sdk");
+    import_react_sdk35 = require("@100mslive/react-sdk");
     import_react_icons30 = require("@100mslive/react-icons");
     init_Button2();
     init_Layout();
@@ -15323,8 +15339,8 @@ var init_CaptionContent = __esm({
     init_constants();
     CaptionContent = ({ isMobile, onExit }) => {
       const DURATION = 2e3;
-      const actions = (0, import_react_sdk34.useHMSActions)();
-      const isTranscriptionEnabled = (0, import_react_sdk34.useHMSStore)(import_react_sdk34.selectIsTranscriptionEnabled);
+      const actions = (0, import_react_sdk35.useHMSActions)();
+      const isTranscriptionEnabled = (0, import_react_sdk35.useHMSStore)(import_react_sdk35.selectIsTranscriptionEnabled);
       const [toastId, setToastId] = useSetAppDataByKey(CAPTION_TOAST.captionToast);
       const [isCaptionEnabled, setIsCaptionEnabled] = useSetIsCaptionEnabled();
       return /* @__PURE__ */ import_react77.default.createElement(import_react77.default.Fragment, null, /* @__PURE__ */ import_react77.default.createElement(
@@ -15395,7 +15411,7 @@ var init_CaptionContent = __esm({
                 try {
                   if (isTranscriptionEnabled) {
                     yield actions.stopTranscription({
-                      mode: import_react_sdk34.HMSTranscriptionMode.CAPTION
+                      mode: import_react_sdk35.HMSTranscriptionMode.CAPTION
                     });
                     setIsCaptionEnabled(false);
                     const id2 = ToastManager.replaceToast(toastId, {
@@ -15409,7 +15425,7 @@ var init_CaptionContent = __esm({
                     return;
                   }
                   yield actions.startTranscription({
-                    mode: import_react_sdk34.HMSTranscriptionMode.CAPTION
+                    mode: import_react_sdk35.HMSTranscriptionMode.CAPTION
                   });
                   const id = ToastManager.replaceToast(toastId, {
                     title: `Enabling Closed Caption for everyone.`,
@@ -15548,13 +15564,13 @@ var init_FullScreenItem = __esm({
 });
 
 // src/Prebuilt/components/MoreSettings/MuteAllContent.tsx
-var import_react81, import_react_sdk35, MuteAllContent;
+var import_react81, import_react_sdk36, MuteAllContent;
 var init_MuteAllContent = __esm({
   "src/Prebuilt/components/MoreSettings/MuteAllContent.tsx"() {
     "use strict";
     init_define_process_env();
     import_react81 = __toESM(require("react"));
-    import_react_sdk35 = require("@100mslive/react-sdk");
+    import_react_sdk36 = require("@100mslive/react-sdk");
     init_Button2();
     init_Label2();
     init_Layout();
@@ -15564,7 +15580,7 @@ var init_MuteAllContent = __esm({
     init_constants3();
     MuteAllContent = (props) => {
       const roles = props.roles || [];
-      const permissions = (0, import_react_sdk35.useHMSStore)(import_react_sdk35.selectPermissions);
+      const permissions = (0, import_react_sdk36.useHMSStore)(import_react_sdk36.selectPermissions);
       return /* @__PURE__ */ import_react81.default.createElement(import_react81.default.Fragment, null, /* @__PURE__ */ import_react81.default.createElement(
         DialogSelect,
         {
@@ -15601,13 +15617,13 @@ var init_MuteAllContent = __esm({
 });
 
 // src/Prebuilt/components/MoreSettings/MuteAllModal.tsx
-var import_react82, import_react_sdk36, import_react_icons32, MuteAllModal;
+var import_react82, import_react_sdk37, import_react_icons32, MuteAllModal;
 var init_MuteAllModal = __esm({
   "src/Prebuilt/components/MoreSettings/MuteAllModal.tsx"() {
     "use strict";
     init_define_process_env();
     import_react82 = __toESM(require("react"));
-    import_react_sdk36 = require("@100mslive/react-sdk");
+    import_react_sdk37 = require("@100mslive/react-sdk");
     import_react_icons32 = require("@100mslive/react-icons");
     init_src();
     init_Sheet2();
@@ -15617,8 +15633,8 @@ var init_MuteAllModal = __esm({
       onOpenChange,
       isMobile = false
     }) => {
-      const roles = (0, import_react_sdk36.useHMSStore)(import_react_sdk36.selectAvailableRoleNames);
-      const hmsActions = (0, import_react_sdk36.useHMSActions)();
+      const roles = (0, import_react_sdk37.useHMSStore)(import_react_sdk37.selectAvailableRoleNames);
+      const hmsActions = (0, import_react_sdk37.useHMSActions)();
       const [enabled, setEnabled] = (0, import_react82.useState)(false);
       const [trackType, setTrackType] = (0, import_react82.useState)();
       const [selectedRole, setRole] = (0, import_react82.useState)();
@@ -15654,22 +15670,22 @@ var init_MuteAllModal = __esm({
 });
 
 // src/Prebuilt/components/hooks/useMetadata.tsx
-var import_react83, import_react_sdk37, useMyMetadata;
+var import_react83, import_react_sdk38, useMyMetadata;
 var init_useMetadata = __esm({
   "src/Prebuilt/components/hooks/useMetadata.tsx"() {
     "use strict";
     init_define_process_env();
     import_react83 = require("react");
-    import_react_sdk37 = require("@100mslive/react-sdk");
+    import_react_sdk38 = require("@100mslive/react-sdk");
     useMyMetadata = () => {
-      const hmsActions = (0, import_react_sdk37.useHMSActions)();
-      const localPeerId = (0, import_react_sdk37.useHMSStore)(import_react_sdk37.selectLocalPeerID);
-      const vanillaStore = (0, import_react_sdk37.useHMSVanillaStore)();
-      const metaData = (0, import_react_sdk37.useHMSStore)((0, import_react_sdk37.selectPeerMetadata)(localPeerId));
-      const isHandRaised = (0, import_react_sdk37.useHMSStore)((0, import_react_sdk37.selectHasPeerHandRaised)(localPeerId));
+      const hmsActions = (0, import_react_sdk38.useHMSActions)();
+      const localPeerId = (0, import_react_sdk38.useHMSStore)(import_react_sdk38.selectLocalPeerID);
+      const vanillaStore = (0, import_react_sdk38.useHMSVanillaStore)();
+      const metaData = (0, import_react_sdk38.useHMSStore)((0, import_react_sdk38.selectPeerMetadata)(localPeerId));
+      const isHandRaised = (0, import_react_sdk38.useHMSStore)((0, import_react_sdk38.selectHasPeerHandRaised)(localPeerId));
       const update = (updatedFields) => __async(void 0, null, function* () {
         try {
-          const currentMetadata = vanillaStore.getState((0, import_react_sdk37.selectPeerMetadata)(localPeerId));
+          const currentMetadata = vanillaStore.getState((0, import_react_sdk38.selectPeerMetadata)(localPeerId));
           yield hmsActions.changeMetadata(Object.assign(currentMetadata, updatedFields));
           return true;
         } catch (error) {
@@ -15735,17 +15751,17 @@ var init_usePIPWindow = __esm({
 });
 
 // src/Prebuilt/components/PIP/usePIPChat.tsx
-var import_react86, import_react_sdk38, usePIPChat;
+var import_react86, import_react_sdk39, usePIPChat;
 var init_usePIPChat = __esm({
   "src/Prebuilt/components/PIP/usePIPChat.tsx"() {
     "use strict";
     init_define_process_env();
     import_react86 = require("react");
-    import_react_sdk38 = require("@100mslive/react-sdk");
+    import_react_sdk39 = require("@100mslive/react-sdk");
     init_Theme();
     init_usePIPWindow();
     usePIPChat = () => {
-      const hmsActions = (0, import_react_sdk38.useHMSActions)();
+      const hmsActions = (0, import_react_sdk39.useHMSActions)();
       const { isSupported, requestPipWindow, pipWindow, closePipWindow } = usePIPWindow();
       (0, import_react86.useEffect)(() => {
         if (document && pipWindow) {
@@ -15839,7 +15855,7 @@ var init_usePIPChat = __esm({
 });
 
 // src/Prebuilt/components/MoreSettings/SplitComponents/DesktopOptions.tsx
-var import_react87, import_hls_player, import_ts_pattern5, import_react_sdk39, import_react_icons33, MODALS, DesktopOptions;
+var import_react87, import_hls_player, import_ts_pattern5, import_react_sdk40, import_react_icons33, MODALS, DesktopOptions;
 var init_DesktopOptions = __esm({
   "src/Prebuilt/components/MoreSettings/SplitComponents/DesktopOptions.tsx"() {
     "use strict";
@@ -15847,7 +15863,7 @@ var init_DesktopOptions = __esm({
     import_react87 = __toESM(require("react"));
     import_hls_player = require("@100mslive/hls-player");
     import_ts_pattern5 = require("ts-pattern");
-    import_react_sdk39 = require("@100mslive/react-sdk");
+    import_react_sdk40 = require("@100mslive/react-sdk");
     import_react_icons33 = require("@100mslive/react-icons");
     init_src();
     init_IconButton3();
@@ -15885,15 +15901,15 @@ var init_DesktopOptions = __esm({
       elements,
       screenType
     }) => {
-      const localPeerId = (0, import_react_sdk39.useHMSStore)(import_react_sdk39.selectLocalPeerID);
-      const hmsActions = (0, import_react_sdk39.useHMSActions)();
-      const enablHlsStats = (0, import_react_sdk39.useHMSStore)((0, import_react_sdk39.selectAppData)(APP_DATA.hlsStats));
+      const localPeerId = (0, import_react_sdk40.useHMSStore)(import_react_sdk40.selectLocalPeerID);
+      const hmsActions = (0, import_react_sdk40.useHMSActions)();
+      const enablHlsStats = (0, import_react_sdk40.useHMSStore)((0, import_react_sdk40.selectAppData)(APP_DATA.hlsStats));
       const [openModals, setOpenModals] = (0, import_react87.useState)(/* @__PURE__ */ new Set());
       const { isBRBOn, toggleBRB } = useMyMetadata();
       const isPipOn = PictureInPicture.isOn();
       const isBRBEnabled = !!(elements == null ? void 0 : elements.brb);
-      const isTranscriptionAllowed = (0, import_react_sdk39.useHMSStore)((0, import_react_sdk39.selectIsTranscriptionAllowedByMode)(import_react_sdk39.HMSTranscriptionMode.CAPTION));
-      const isTranscriptionEnabled = (0, import_react_sdk39.useHMSStore)(import_react_sdk39.selectIsTranscriptionEnabled);
+      const isTranscriptionAllowed = (0, import_react_sdk40.useHMSStore)((0, import_react_sdk40.selectIsTranscriptionAllowedByMode)(import_react_sdk40.HMSTranscriptionMode.CAPTION));
+      const isTranscriptionEnabled = (0, import_react_sdk40.useHMSStore)(import_react_sdk40.selectIsTranscriptionEnabled);
       const { isSupported, pipWindow, requestPipWindow } = usePIPChat();
       const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
       const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
@@ -21572,9 +21588,9 @@ function ne(a2) {
 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, "_");
@@ -21589,7 +21605,7 @@ function ci(a2, e = 300) {
     }, e);
   };
 }
-function R(a2) {
+function A(a2) {
   return (e) => (t) => a2(t, e);
 }
 function jm(a2) {
@@ -21598,7 +21614,7 @@ function jm(a2) {
       return a2 ? e.sessionStore[a2] : e.sessionStore;
   };
 }
-var import_ua_parser_js, import_uuid3, import_uuid4, import_lodash3, import_lodash4, import_uuid5, import_uuid6, import_uuid7, import_eventemitter2, import_eventemitter22, import_uuid8, import_eventemitter23, jt, import_eventemitter24, import_uuid9, import_uuid10, Xa, Za, eo, ti, ns, cs, os, h, M, gr, ro, c, yr, Tr, so, ds, fr, ls, hs, oo, l, he, B, ms, Be, co, nc, Ss, gs, ys, Ts, fs, ks, Es, Qe, P4, f, uo, S, Mr, Ps, me, ai, Is, As, H, y, Er, J, Pr, br, Rr, Ls, ws, Ds, _s, Ns, Hr, Os, Cr, Vs, Lr, Fs, wr, Dr, $s, Ks, Pt, rt, V, _o, Xh, Zh, K, Mi, ea, O, Gr, No, Oe, im, Oo, fe, xo, ie, Ee, rm, sm, oe, z, Uo, ia, am, om, $r, Bo, cm, dm, lm, um, pm, hm, mm, Sm, Rt, Vo, gm, re, sa, Tm, fm, ve, vm, at, Fo, aa, Mm, oa, ym, km, Em, Pm, bm, Im, Am, Rm, Hm, Cm, na, _m, Go, Nm, da, Kr, la, ua, pa, ha, ma, Sa, ga, Ta, Ht, b, qr, Ct, fa, Wo, $o, q, jr, Ko, qo, jo, Jo, Qo, Y, qm, Qm, zm, yi, va, Ym, Xm, Zm, zo, Yo, tS, Ma, iS, Xo, rS, sS, aS, oS, nS, cS, ya, ka, lS, uS, Ea, pS, hS, Pa, mS, SS, gS, ba, Ia, Zo, en, tn, TS, fS, vS, MS, yS, Aa, DS, rn, _S, NS, OS, an, on, dn, Xr, be, Vt, j, sr, lt, Rn, Hn, Cn, Ln, za, wn, Ya, rs, Ae, Dn, _n, Nn, On, xn, Un, Bn, Vn, Fn, Gn, ss, Wn, $n, Kn, qn, jn, Jn;
+var import_ua_parser_js, import_uuid3, import_uuid4, import_lodash3, import_lodash4, import_uuid5, import_uuid6, import_uuid7, import_eventemitter2, import_eventemitter22, import_uuid8, import_eventemitter23, jt, import_eventemitter24, import_uuid9, import_uuid10, Xa, Za, eo, ti, ns, cs, os, h, M, gr, ro, c, yr, Tr, so, ds, fr, ls, hs, oo, l, he, B, ms, Be, co, nc, Ss, gs, ys, Ts, fs, ks, Es, Qe, P4, f, uo, S, Mr, Ps, me, ai, Is, Rs, H, y, Er, J, Pr, br, Ar, Ls, ws, Ds, _s, Ns, Hr, Os, Cr, Vs, Lr, Fs, wr, Dr, $s, Ks, Pt, rt, V, _o, Xh, Zh, K, Mi, ea, O, Gr, No, Oe, im, Oo, fe, xo, ie, Ee, rm, sm, oe, z, Uo, ia, am, om, $r, Bo, cm, dm, lm, um, pm, hm, mm, Sm, At, Vo, gm, re, sa, Tm, fm, ve, vm, at, Fo, aa, Mm, oa, ym, km, Em, Pm, bm, Im, Rm, Am, Hm, Cm, na, _m, Go, Nm, da, Kr, la, ua, pa, ha, ma, Sa, ga, Ta, Ht, b, qr, Ct, fa, Wo, $o, q, jr, Ko, qo, jo, Jo, Qo, Y, qm, Qm, zm, yi, va, Ym, Xm, Zm, zo, Yo, tS, Ma, iS, Xo, rS, sS, aS, oS, nS, cS, ya, ka, lS, uS, Ea, pS, hS, Pa, mS, SS, gS, ba, Ia, Zo, en, tn, TS, fS, vS, MS, yS, Ra, DS, rn, _S, NS, OS, an, on, dn, Xr, be, Vt, j, sr, lt, An, Hn, Cn, Ln, za, wn, Ya, rs, Re, Dn, _n, Nn, On, xn, Un, Bn, Vn, Fn, Gn, ss, Wn, $n, Kn, qn, jn, Jn;
 var init_dist = __esm({
   "../hms-video-store/dist/index.js"() {
     "use strict";
@@ -21669,7 +21685,7 @@ var init_dist = __esm({
       n((t = t.apply(a2, e)).next());
     });
     yr = ro((Dc, ho) => {
-      ho.exports = { version: "0.12.19-alpha.8", 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"] };
     });
     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 || {});
     so = ((e) => (e.CHAT = "chat", e))(so || {});
@@ -21749,7 +21765,7 @@ var init_dist = __esm({
     Be = typeof window == "undefined" && !((ms = he.getBrowser().name) != null && ms.toLowerCase().includes("electron"));
     co = () => !Be;
     nc = co();
-    ys = ((gs = (Ss = he.getBrowser()) == null ? void 0 : Ss.name) == null ? void 0 : gs.toLowerCase()) === "safari";
+    ys = (gs = (Ss = he.getBrowser()) == null ? void 0 : Ss.name) == null ? void 0 : gs.toLowerCase().includes("safari");
     ks = ((fs = (Ts = he.getBrowser()) == null ? void 0 : Ts.name) == null ? void 0 : fs.toLowerCase()) === "firefox";
     Es = ((i) => (i.CUSTOM = "CUSTOM", i.LOCAL = "LOCAL", i.HMS = "HMS", i))(Es || {});
     Qe = lo();
@@ -21955,7 +21971,7 @@ var init_dist = __esm({
       return t ? a2 = t : (a2 = (0, import_uuid4.v4)(), e.set(a2)), a2;
     };
     Is = yr().version;
-    As = (a2, e = ",") => Object.keys(a2).filter((t) => ne(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
+    Rs = (a2, e = ",") => Object.keys(a2).filter((t) => ne(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
     H = class {
       constructor({ name: e, level: t, properties: i, includesPII: r, timestamp: s }) {
         this.metadata = { peer: {}, userAgent: vt() };
@@ -22102,7 +22118,7 @@ var init_dist = __esm({
     J = new Er();
     Pr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(Pr || {});
     br = ((t) => (t.PLATFORM_NOT_SUPPORTED = "PLATFORM_NOT_SUPPORTED", t.DEVICE_NOT_SUPPORTED = "DEVICE_NOT_SUPPORTED", t))(br || {});
-    Rr = ((t) => (t.SIP = "sip", t.REGULAR = "regular", t))(Rr || {});
+    Ar = ((t) => (t.SIP = "sip", t.REGULAR = "regular", t))(Ar || {});
     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 || {});
     ws = ((t) => (t.DVR = "dvr", t.NO_DVR = "no-dvr", t))(ws || {});
     Ds = ((i) => (i.REGULAR = "regular", i.SCREEN = "screen", i.COMPOSITE = "composite", i))(Ds || {});
@@ -22261,13 +22277,13 @@ var init_dist = __esm({
     hm = createSelector(xo, (a2) => a2.filter(us));
     mm = createSelector(ea, (a2) => a2.length);
     Sm = createSelector(Mi, (a2) => Object.values(a2).filter((e) => !e.read).length);
-    Rt = createSelector(ea, Mi, (a2, e) => {
+    At = createSelector(ea, Mi, (a2, e) => {
       let t = [];
       return a2.forEach((i) => {
         t.push(e[i]);
       }), t;
     });
-    Vo = createSelector(Rt, (a2) => a2.filter((e) => {
+    Vo = createSelector(At, (a2) => a2.filter((e) => {
       var t;
       return !e.recipientPeer && !(e.recipientRoles && ((t = e.recipientRoles) == null ? void 0 : t.length) > 0);
     }));
@@ -22295,8 +22311,8 @@ var init_dist = __esm({
     Pm = createSelector(V, (a2) => a2.transcriptions);
     bm = createSelector(V, (a2) => a2.sessionId);
     Im = createSelector(V, (a2) => a2.startedAt);
-    Am = createSelector(V, (a2) => !!a2.isLargeRoom);
-    Rm = createSelector(V, (a2) => !!a2.isEffectsEnabled);
+    Rm = createSelector(V, (a2) => !!a2.isLargeRoom);
+    Am = createSelector(V, (a2) => !!a2.isEffectsEnabled);
     Hm = createSelector(V, (a2) => !!a2.isVBEnabled);
     Cm = createSelector(V, (a2) => a2.effectsKey);
     na = (a2) => a2.polls;
@@ -22415,94 +22431,94 @@ var init_dist = __esm({
       return (t == null ? void 0 : t.type) === "video" && (t == null ? void 0 : t.source) === "screen" ? t : null;
     });
     Qo = createSelector([na, $o], (a2, e) => e ? a2[e] : null);
-    Y = R(q);
-    qm = R(createSelector([Gr, Wo], (a2, e) => {
+    Y = A(q);
+    qm = A(createSelector([Gr, Wo], (a2, e) => {
       if (a2)
         return e ? a2[e] : a2;
     }));
-    Qm = R(createSelector(q, (a2) => a2 == null ? void 0 : a2.name));
-    zm = R(createSelector(q, (a2) => a2 == null ? void 0 : a2.type));
-    yi = R(jr);
-    va = R(Ko);
-    Ym = R(qo);
-    Xm = R(jo);
-    Zm = R(Jo);
-    zo = R((a2, e) => {
+    Qm = A(createSelector(q, (a2) => a2 == null ? void 0 : a2.name));
+    zm = A(createSelector(q, (a2) => a2 == null ? void 0 : a2.type));
+    yi = A(jr);
+    va = A(Ko);
+    Ym = A(qo);
+    Xm = A(jo);
+    Zm = A(Jo);
+    zo = A((a2, e) => {
       let t = q(a2, e);
       if (t && t.videoTrack && t.videoTrack !== "")
         return a2.tracks[t.videoTrack];
     });
-    Yo = R((a2, e) => {
+    Yo = A((a2, e) => {
       let t = q(a2, e);
       if (t && t.audioTrack && t.audioTrack !== "")
         return a2.tracks[t.audioTrack];
     });
-    tS = R((a2, e) => {
+    tS = A((a2, e) => {
       let t = q(a2, e);
       return (t == null ? void 0 : t.auxiliaryTracks.map((i) => a2.tracks[i])) || [];
     });
     Ma = (a2, e) => e ? a2.speakers[e] : null;
-    iS = R(createSelector(Ma, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+    iS = A(createSelector(Ma, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
     Xo = (a2, e) => {
       let t = Yo(e)(a2);
       return Ma(a2, t == null ? void 0 : t.id);
     };
-    rS = R(createSelector(Xo, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
-    sS = R((a2, e) => {
+    rS = A(createSelector(Xo, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+    sS = A((a2, e) => {
       if (e)
         return a2.connectionQualities[e];
     });
-    aS = R((a2, e) => {
+    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;
       }
     });
-    oS = R(createSelector(O, q, (a2, e) => {
+    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;
     }));
-    nS = R(createSelector(O, q, (a2, e) => {
+    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;
     }));
-    cS = R(createSelector(O, q, (a2, e) => {
+    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;
     }));
-    ya = R(createSelector(O, q, (a2, e) => Ue(a2, e)));
+    ya = A(createSelector(O, q, (a2, e) => Ue(a2, e)));
     ka = (a2) => createSelector(ya(a2), (e) => e.audio);
-    lS = R((a2, e) => {
+    lS = A((a2, e) => {
       let t = q(a2, e);
       return je(a2, t == null ? void 0 : t.audioTrack);
     });
-    uS = R((a2, e) => {
+    uS = A((a2, e) => {
       let t = q(a2, e);
       return je(a2, t == null ? void 0 : t.videoTrack);
     });
-    Ea = R((a2, e) => {
+    Ea = A((a2, e) => {
       if (e && a2.tracks[e])
         return a2.tracks[e].volume === 0;
     });
-    pS = R((a2, e) => {
+    pS = A((a2, e) => {
       let t = q(a2, e);
       return Ea(t == null ? void 0 : t.audioTrack)(a2);
     });
-    hS = R((a2, e) => {
+    hS = A((a2, e) => {
       let t = ka(e)(a2);
       return Ea(t == null ? void 0 : t.id)(a2);
     });
-    Pa = R((a2, e) => {
+    Pa = A((a2, e) => {
       let t = jr(a2, e);
       if (t) {
         if (t.type !== "audio") {
@@ -22512,15 +22528,15 @@ var init_dist = __esm({
         return t.volume;
       }
     });
-    mS = R((a2, e) => {
+    mS = A((a2, e) => {
       let t = q(a2, e);
       return Pa(t == null ? void 0 : t.audioTrack)(a2);
     });
-    SS = R((a2, e) => {
+    SS = A((a2, e) => {
       let t = ka(e)(a2);
       return Pa(t == null ? void 0 : t.id)(a2);
     });
-    gS = R((a2, e) => {
+    gS = A((a2, e) => {
       let t = jr(a2, e);
       if (t) {
         if (t.type !== "video") {
@@ -22530,32 +22546,32 @@ var init_dist = __esm({
         return t.layer;
       }
     });
-    ba = createSelector([Rt, Ee, qr], (a2, e, t) => {
+    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);
         });
     });
-    Ia = createSelector([Rt, fa], (a2, e) => {
+    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;
         });
     });
-    Zo = createSelector(Rt, (a2) => a2.filter((e) => {
+    Zo = createSelector(At, (a2) => a2.filter((e) => {
       var t;
       return !e.recipientPeer && !((t = e.recipientRoles) != null && t.length);
     }));
     en = createSelector([Ia, fa], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
     tn = createSelector([ba, qr], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
     TS = createSelector(Zo, (a2) => a2.filter((e) => !e.read).length);
-    fS = R(ba);
-    vS = R(Ia);
-    MS = R(en);
-    yS = R(tn);
-    Aa = R(Qo);
+    fS = A(ba);
+    vS = A(Ia);
+    MS = A(en);
+    yS = A(tn);
+    Ra = A(Qo);
     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 };
@@ -22649,7 +22665,7 @@ var init_dist = __esm({
     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 || {});
     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 || {});
     lt = ((t) => (t[t.Publish = 0] = "Publish", t[t.Subscribe = 1] = "Subscribe", t))(lt || {});
-    Rn = (a2) => a2.localPeer.id;
+    An = (a2) => a2.localPeer.id;
     Hn = (a2) => a2.localPeer.audioTrack;
     Cn = (a2) => a2.localPeer.videoTrack;
     Ln = (a2, e) => e;
@@ -22657,59 +22673,59 @@ var init_dist = __esm({
     wn = (a2) => a2.remoteTrackStats;
     Ya = (a2) => a2.peerStats;
     rs = (a2) => a2.localTrackStats;
-    Ae = createSelector([Ya, Rn], (a2, e) => a2[e]);
-    Dn = createSelector(Ae, (a2) => {
+    Re = createSelector([Ya, An], (a2, e) => a2[e]);
+    Dn = createSelector(Re, (a2) => {
       var e;
       return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.packetsLost;
     });
-    _n = createSelector(Ae, (a2) => {
+    _n = createSelector(Re, (a2) => {
       var e;
       return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.jitter;
     });
-    Nn = createSelector(Ae, (a2) => {
+    Nn = createSelector(Re, (a2) => {
       var e;
       return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bitrate;
     });
-    On = createSelector(Ae, (a2) => {
+    On = createSelector(Re, (a2) => {
       var e;
       return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bitrate;
     });
-    xn = createSelector(Ae, (a2) => {
+    xn = createSelector(Re, (a2) => {
       var e;
       return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.availableOutgoingBitrate;
     });
-    Un = createSelector(Ae, (a2) => {
+    Un = createSelector(Re, (a2) => {
       var e;
       return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.availableIncomingBitrate;
     });
-    Bn = createSelector(Ae, (a2) => {
+    Bn = createSelector(Re, (a2) => {
       var e;
       return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bytesSent;
     });
-    Vn = createSelector(Ae, (a2) => {
+    Vn = createSelector(Re, (a2) => {
       var e;
       return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bytesReceived;
     });
     Fn = createSelector([Ya, Ln], (a2, e) => e ? a2[e] : void 0);
     Gn = createSelector([wn, za], (a2, e) => e ? a2[e] : void 0);
     ss = createSelector([rs, za], (a2, e) => e ? a2[e] : void 0);
-    Wn = R(Fn);
-    $n = R(Gn);
+    Wn = A(Fn);
+    $n = A(Gn);
     Kn = createSelector([rs, Hn], (a2, e) => {
       var t;
       return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
     });
-    qn = R(createSelector(ss, (a2) => a2 == null ? void 0 : a2[0]));
+    qn = A(createSelector(ss, (a2) => a2 == null ? void 0 : a2[0]));
     jn = createSelector([rs, Cn], (a2, e) => {
       var t;
       return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
     });
-    Jn = R(createSelector(ss, (a2) => a2));
+    Jn = A(createSelector(ss, (a2) => a2));
   }
 });
 
 // src/Prebuilt/components/Header/StreamActions.tsx
-var import_react88, import_react_use15, import_react_sdk40, import_react_icons34, getRecordingText, LiveStatus, RecordingStatus, RecordingPauseStatus, StartRecording2, StreamActions, StopRecordingInSheet;
+var import_react88, import_react_use15, import_react_sdk41, import_react_icons34, getRecordingText, LiveStatus, RecordingStatus, RecordingPauseStatus, StartRecording2, StreamActions, StopRecordingInSheet;
 var init_StreamActions = __esm({
   "src/Prebuilt/components/Header/StreamActions.tsx"() {
     "use strict";
@@ -22717,7 +22733,7 @@ var init_StreamActions = __esm({
     import_react88 = __toESM(require("react"));
     import_react_use15 = require("react-use");
     init_dist();
-    import_react_sdk40 = require("@100mslive/react-sdk");
+    import_react_sdk41 = require("@100mslive/react-sdk");
     import_react_icons34 = require("@100mslive/react-icons");
     init_src();
     init_Sheet2();
@@ -22747,8 +22763,8 @@ var init_StreamActions = __esm({
     };
     LiveStatus = () => {
       var _a7;
-      const { isHLSRunning, isRTMPRunning } = (0, import_react_sdk40.useRecordingStreaming)();
-      const hlsState = (0, import_react_sdk40.useHMSStore)(import_react_sdk40.selectHLSState);
+      const { isHLSRunning, isRTMPRunning } = (0, import_react_sdk41.useRecordingStreaming)();
+      const hlsState = (0, import_react_sdk41.useHMSStore)(import_react_sdk41.selectHLSState);
       const isMobile = (0, import_react_use15.useMedia)(config.media.md);
       const intervalRef = (0, import_react88.useRef)(null);
       const { screenType } = useRoomLayoutConferencingScreen();
@@ -22794,8 +22810,8 @@ var init_StreamActions = __esm({
       );
     };
     RecordingStatus = () => {
-      const { isBrowserRecordingOn, isServerRecordingOn, isHLSRecordingOn, isRecordingOn } = (0, import_react_sdk40.useRecordingStreaming)();
-      const permissions = (0, import_react_sdk40.useHMSStore)(import_react_sdk40.selectPermissions);
+      const { isBrowserRecordingOn, isServerRecordingOn, isHLSRecordingOn, isRecordingOn } = (0, import_react_sdk41.useRecordingStreaming)();
+      const permissions = (0, import_react_sdk41.useHMSStore)(import_react_sdk41.selectPermissions);
       const isMobile = (0, import_react_use15.useMedia)(config.media.md);
       if (!isRecordingOn || // if only browser recording is enabled, stop recording is shown
       // so no need to show this as it duplicates
@@ -22828,7 +22844,7 @@ var init_StreamActions = __esm({
       );
     };
     RecordingPauseStatus = () => {
-      const recording = (0, import_react_sdk40.useHMSStore)(import_react_sdk40.selectRecordingState);
+      const recording = (0, import_react_sdk41.useHMSStore)(import_react_sdk41.selectRecordingState);
       if (recording.hls && recording.hls.state === Ls.PAUSED) {
         return /* @__PURE__ */ import_react88.default.createElement(
           Tooltip,
@@ -22855,11 +22871,11 @@ var init_StreamActions = __esm({
       return null;
     };
     StartRecording2 = () => {
-      const permissions = (0, import_react_sdk40.useHMSStore)(import_react_sdk40.selectPermissions);
+      const permissions = (0, import_react_sdk41.useHMSStore)(import_react_sdk41.selectPermissions);
       const [open, setOpen] = (0, import_react88.useState)(false);
       const { startRecording, recordingStarted } = useRecordingHandler();
-      const { isBrowserRecordingOn, isStreamingOn, isHLSRunning } = (0, import_react_sdk40.useRecordingStreaming)();
-      const hmsActions = (0, import_react_sdk40.useHMSActions)();
+      const { isBrowserRecordingOn, isStreamingOn, isHLSRunning } = (0, import_react_sdk41.useRecordingStreaming)();
+      const hmsActions = (0, import_react_sdk41.useHMSActions)();
       if (!(permissions == null ? void 0 : permissions.browserRecording) || isHLSRunning) {
         return null;
       }
@@ -22903,10 +22919,10 @@ var init_StreamActions = __esm({
       );
     };
     StreamActions = () => {
-      const isConnected = (0, import_react_sdk40.useHMSStore)(import_react_sdk40.selectIsConnectedToRoom);
+      const isConnected = (0, import_react_sdk41.useHMSStore)(import_react_sdk41.selectIsConnectedToRoom);
       const isMobile = (0, import_react_use15.useMedia)(config.media.md);
-      const roomState = (0, import_react_sdk40.useHMSStore)(import_react_sdk40.selectRoomState);
-      return /* @__PURE__ */ import_react88.default.createElement(Flex, { align: "center", css: { gap: "$4" } }, !isMobile && /* @__PURE__ */ import_react88.default.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ import_react88.default.createElement(RecordingPauseStatus, null), /* @__PURE__ */ import_react88.default.createElement(RecordingStatus, null), roomState !== import_react_sdk40.HMSRoomState.Preview ? /* @__PURE__ */ import_react88.default.createElement(LiveStatus, null) : null), isConnected && !isMobile ? /* @__PURE__ */ import_react88.default.createElement(StartRecording2, null) : null);
+      const roomState = (0, import_react_sdk41.useHMSStore)(import_react_sdk41.selectRoomState);
+      return /* @__PURE__ */ import_react88.default.createElement(Flex, { align: "center", css: { gap: "$4" } }, !isMobile && /* @__PURE__ */ import_react88.default.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ import_react88.default.createElement(RecordingPauseStatus, null), /* @__PURE__ */ import_react88.default.createElement(RecordingStatus, null), roomState !== import_react_sdk41.HMSRoomState.Preview ? /* @__PURE__ */ import_react88.default.createElement(LiveStatus, null) : null), isConnected && !isMobile ? /* @__PURE__ */ import_react88.default.createElement(StartRecording2, null) : null);
     };
     StopRecordingInSheet = ({
       onStopRecording,
@@ -23045,14 +23061,14 @@ var init_ChangeNameContent = __esm({
 });
 
 // src/Prebuilt/components/MoreSettings/ChangeNameModal.tsx
-var import_react90, import_react_use16, import_react_sdk41, ChangeNameModal;
+var import_react90, import_react_use16, import_react_sdk42, ChangeNameModal;
 var init_ChangeNameModal = __esm({
   "src/Prebuilt/components/MoreSettings/ChangeNameModal.tsx"() {
     "use strict";
     init_define_process_env();
     import_react90 = __toESM(require("react"));
     import_react_use16 = require("react-use");
-    import_react_sdk41 = require("@100mslive/react-sdk");
+    import_react_sdk42 = require("@100mslive/react-sdk");
     init_src();
     init_Sheet2();
     init_ToastManager();
@@ -23063,8 +23079,8 @@ var init_ChangeNameModal = __esm({
       openParentSheet = void 0
     }) => {
       const [previewPreference, setPreviewPreference] = useUserPreferences(UserPreferencesKeys.PREVIEW);
-      const hmsActions = (0, import_react_sdk41.useHMSActions)();
-      const localPeerName = (0, import_react_sdk41.useHMSStore)(import_react_sdk41.selectLocalPeerName);
+      const hmsActions = (0, import_react_sdk42.useHMSActions)();
+      const localPeerName = (0, import_react_sdk42.useHMSStore)(import_react_sdk42.selectLocalPeerName);
       const [currentName, setCurrentName] = (0, import_react90.useState)(localPeerName);
       const isMobile = (0, import_react_use16.useMedia)(config.media.md);
       const changeName = () => __async(void 0, null, function* () {
@@ -23105,25 +23121,25 @@ var init_ChangeNameModal = __esm({
 });
 
 // src/Prebuilt/components/AppData/useSheet.ts
-var import_react91, import_react_sdk42, useIsSheetTypeOpen, useSheetToggle;
+var import_react91, import_react_sdk43, useIsSheetTypeOpen, useSheetToggle;
 var init_useSheet = __esm({
   "src/Prebuilt/components/AppData/useSheet.ts"() {
     "use strict";
     init_define_process_env();
     import_react91 = require("react");
-    import_react_sdk42 = require("@100mslive/react-sdk");
+    import_react_sdk43 = require("@100mslive/react-sdk");
     init_constants();
     useIsSheetTypeOpen = (sheetType) => {
       if (!sheetType) {
         throw Error("Pass one of the sheet options");
       }
-      return (0, import_react_sdk42.useHMSStore)((0, import_react_sdk42.selectAppData)(APP_DATA.sheet)) === sheetType;
+      return (0, import_react_sdk43.useHMSStore)((0, import_react_sdk43.selectAppData)(APP_DATA.sheet)) === sheetType;
     };
     useSheetToggle = (sheetType) => {
-      const hmsActions = (0, import_react_sdk42.useHMSActions)();
-      const vanillaStore = (0, import_react_sdk42.useHMSVanillaStore)();
+      const hmsActions = (0, import_react_sdk43.useHMSActions)();
+      const vanillaStore = (0, import_react_sdk43.useHMSVanillaStore)();
       const toggleSheet = (0, import_react91.useCallback)(() => {
-        const isOpen = vanillaStore.getState((0, import_react_sdk42.selectAppData)(APP_DATA.sheet)) === sheetType;
+        const isOpen = vanillaStore.getState((0, import_react_sdk43.selectAppData)(APP_DATA.sheet)) === sheetType;
         hmsActions.setAppData(APP_DATA.sheet, !isOpen ? sheetType : "");
       }, [vanillaStore, hmsActions, sheetType]);
       return toggleSheet;
@@ -23132,17 +23148,17 @@ var init_useSheet = __esm({
 });
 
 // src/Prebuilt/components/hooks/useUnreadPollQuizPresent.tsx
-var import_react92, import_react_sdk43, useUnreadPollQuizPresent;
+var import_react92, import_react_sdk44, useUnreadPollQuizPresent;
 var init_useUnreadPollQuizPresent = __esm({
   "src/Prebuilt/components/hooks/useUnreadPollQuizPresent.tsx"() {
     "use strict";
     init_define_process_env();
     import_react92 = require("react");
     init_dist();
-    import_react_sdk43 = require("@100mslive/react-sdk");
+    import_react_sdk44 = require("@100mslive/react-sdk");
     useUnreadPollQuizPresent = () => {
-      const localPeerID = (0, import_react_sdk43.useHMSStore)(Ee);
-      const notification = (0, import_react_sdk43.useHMSNotifications)(import_react_sdk43.HMSNotificationTypes.POLL_STARTED);
+      const localPeerID = (0, import_react_sdk44.useHMSStore)(Ee);
+      const notification = (0, import_react_sdk44.useHMSNotifications)(import_react_sdk44.HMSNotificationTypes.POLL_STARTED);
       const [unreadPollQuiz, setUnreadPollQuiz] = (0, import_react92.useState)(false);
       (0, import_react92.useEffect)(() => {
         if (!notification) {
@@ -23156,7 +23172,7 @@ var init_useUnreadPollQuizPresent = __esm({
 });
 
 // src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx
-var import_react93, import_react_use17, import_ts_pattern6, import_react_sdk44, import_react_icons36, MODALS2, MwebOptions;
+var import_react93, import_react_use17, import_ts_pattern6, import_react_sdk45, import_react_icons36, MODALS2, MwebOptions;
 var init_MwebOptions = __esm({
   "src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx"() {
     "use strict";
@@ -23164,7 +23180,7 @@ var init_MwebOptions = __esm({
     import_react93 = __toESM(require("react"));
     import_react_use17 = require("react-use");
     import_ts_pattern6 = require("ts-pattern");
-    import_react_sdk44 = require("@100mslive/react-sdk");
+    import_react_sdk45 = require("@100mslive/react-sdk");
     import_react_icons36 = require("@100mslive/react-icons");
     init_src();
     init_Sheet2();
@@ -23204,10 +23220,10 @@ var init_MwebOptions = __esm({
       elements,
       screenType
     }) => {
-      const hmsActions = (0, import_react_sdk44.useHMSActions)();
-      const permissions = (0, import_react_sdk44.useHMSStore)(import_react_sdk44.selectPermissions);
-      const isConnected = (0, import_react_sdk44.useHMSStore)(import_react_sdk44.selectIsConnectedToRoom);
-      const { isBrowserRecordingOn, isStreamingOn, isHLSRunning } = (0, import_react_sdk44.useRecordingStreaming)();
+      const hmsActions = (0, import_react_sdk45.useHMSActions)();
+      const permissions = (0, import_react_sdk45.useHMSStore)(import_react_sdk45.selectPermissions);
+      const isConnected = (0, import_react_sdk45.useHMSStore)(import_react_sdk45.selectIsConnectedToRoom);
+      const { isBrowserRecordingOn, isStreamingOn, isHLSRunning } = (0, import_react_sdk45.useRecordingStreaming)();
       const [openModals, setOpenModals] = (0, import_react93.useState)(/* @__PURE__ */ new Set());
       const [openOptionsSheet, setOpenOptionsSheet] = (0, import_react93.useState)(false);
       const [openSettingsSheet, setOpenSettingsSheet] = (0, import_react93.useState)(false);
@@ -23216,7 +23232,7 @@ var init_MwebOptions = __esm({
       const toggleParticipants = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
       const { showPolls } = useShowPolls();
       const togglePollView = usePollViewToggle();
-      const peerCount = (0, import_react_sdk44.useHMSStore)(import_react_sdk44.selectPeerCount);
+      const peerCount = (0, import_react_sdk45.useHMSStore)(import_react_sdk45.selectPeerCount);
       const emojiCardRef = (0, import_react93.useRef)(null);
       const { isBRBOn, toggleBRB, isHandRaised, toggleHandRaise } = useMyMetadata();
       const { unreadPollQuiz, setUnreadPollQuiz } = useUnreadPollQuizPresent();
@@ -23225,10 +23241,10 @@ var init_MwebOptions = __esm({
       const isMobileHLSStream = useMobileHLSStream();
       const isLandscapeHLSStream = useLandscapeHLSStream();
       const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
-      const isLocalVideoEnabled = (0, import_react_sdk44.useHMSStore)(import_react_sdk44.selectIsLocalVideoEnabled);
+      const isLocalVideoEnabled = (0, import_react_sdk45.useHMSStore)(import_react_sdk45.selectIsLocalVideoEnabled);
       const { startRecording, isRecordingLoading } = useRecordingHandler();
-      const isTranscriptionAllowed = (0, import_react_sdk44.useHMSStore)((0, import_react_sdk44.selectIsTranscriptionAllowedByMode)(import_react_sdk44.HMSTranscriptionMode.CAPTION));
-      const isTranscriptionEnabled = (0, import_react_sdk44.useHMSStore)(import_react_sdk44.selectIsTranscriptionEnabled);
+      const isTranscriptionAllowed = (0, import_react_sdk45.useHMSStore)((0, import_react_sdk45.selectIsTranscriptionAllowedByMode)(import_react_sdk45.HMSTranscriptionMode.CAPTION));
+      const isTranscriptionEnabled = (0, import_react_sdk45.useHMSStore)(import_react_sdk45.selectIsTranscriptionEnabled);
       const [isCaptionEnabled] = useSetIsCaptionEnabled();
       useDropdownList({ open: openModals.size > 0 || openOptionsSheet || openSettingsSheet, name: "MoreSettings" });
       const updateState = (modalName, value) => {
@@ -23806,7 +23822,7 @@ var init_pdfFileOptions = __esm({
 // src/Prebuilt/components/pdfAnnotator/shareScreenOptions.jsx
 function ShareScreenOptions() {
   const [openModals, setOpenModals] = (0, import_react101.useState)(/* @__PURE__ */ new Set());
-  const { amIScreenSharing } = (0, import_react_sdk45.useScreenShare)();
+  const { amIScreenSharing } = (0, import_react_sdk46.useScreenShare)();
   const updateState = (modalName, value) => {
     setOpenModals((modals) => {
       const copy = new Set(modals);
@@ -23818,7 +23834,7 @@ function ShareScreenOptions() {
       return copy;
     });
   };
-  const { toggleScreenShare } = (0, import_react_sdk45.useScreenShare)();
+  const { toggleScreenShare } = (0, import_react_sdk46.useScreenShare)();
   return /* @__PURE__ */ import_react101.default.createElement(import_react101.Fragment, null, /* @__PURE__ */ import_react101.default.createElement(
     Dropdown.Root,
     {
@@ -24010,13 +24026,13 @@ function ShareScreenOptions() {
     )
   ), openModals.has(MODALS3.PDF_SHARE) && /* @__PURE__ */ import_react101.default.createElement(PDFFileOptions, { onOpenChange: (value) => updateState(MODALS3.PDF_SHARE, value) }));
 }
-var import_react101, import_react_sdk45, import_react_icons40, MODALS3;
+var import_react101, import_react_sdk46, import_react_icons40, MODALS3;
 var init_shareScreenOptions = __esm({
   "src/Prebuilt/components/pdfAnnotator/shareScreenOptions.jsx"() {
     "use strict";
     init_define_process_env();
     import_react101 = __toESM(require("react"));
-    import_react_sdk45 = require("@100mslive/react-sdk");
+    import_react_sdk46 = require("@100mslive/react-sdk");
     import_react_icons40 = require("@100mslive/react-icons");
     init_pdf_share();
     init_screen_share();
@@ -24032,13 +24048,13 @@ var init_shareScreenOptions = __esm({
 });
 
 // src/Prebuilt/components/ScreenShareToggle.jsx
-var import_react102, import_react_sdk46, import_react_icons41, ScreenshareToggle;
+var import_react102, import_react_sdk47, import_react_icons41, ScreenshareToggle;
 var init_ScreenShareToggle = __esm({
   "src/Prebuilt/components/ScreenShareToggle.jsx"() {
     "use strict";
     init_define_process_env();
     import_react102 = __toESM(require("react"));
-    import_react_sdk46 = require("@100mslive/react-sdk");
+    import_react_sdk47 = require("@100mslive/react-sdk");
     import_react_icons41 = require("@100mslive/react-icons");
     init_shareScreenOptions();
     init_ToastManager();
@@ -24049,20 +24065,20 @@ var init_ScreenShareToggle = __esm({
     init_utils2();
     init_constants();
     ScreenshareToggle = ({ css: css2 = {} }) => {
-      const isAllowedToPublish = (0, import_react_sdk46.useHMSStore)(import_react_sdk46.selectIsAllowedToPublish);
+      const isAllowedToPublish = (0, import_react_sdk47.useHMSStore)(import_react_sdk47.selectIsAllowedToPublish);
       const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
       const {
         amIScreenSharing,
         screenShareVideoTrackId: video,
         toggleScreenShare
-      } = (0, import_react_sdk46.useScreenShare)((error) => {
+      } = (0, import_react_sdk47.useScreenShare)((error) => {
         ToastManager.addToast({
           title: error.message,
           variant: "error",
           duration: 2e3
         });
       });
-      const { requestPermission } = (0, import_react_sdk46.useAwayNotifications)();
+      const { requestPermission } = (0, import_react_sdk47.useAwayNotifications)();
       const isVideoScreenshare = amIScreenSharing && !!video;
       if (!isAllowedToPublish.screen || !isScreenshareSupported()) {
         return null;
@@ -24087,14 +24103,14 @@ var init_ScreenShareToggle = __esm({
 });
 
 // src/Prebuilt/components/VirtualBackground/VBToggle.tsx
-var import_react103, import_hmsvbplugin2, import_react_sdk47, import_react_icons42, VBToggle;
+var import_react103, import_hmsvbplugin2, import_react_sdk48, import_react_icons42, VBToggle;
 var init_VBToggle = __esm({
   "src/Prebuilt/components/VirtualBackground/VBToggle.tsx"() {
     "use strict";
     init_define_process_env();
     import_react103 = __toESM(require("react"));
     import_hmsvbplugin2 = require("@100mslive/hms-virtual-background/hmsvbplugin");
-    import_react_sdk47 = require("@100mslive/react-sdk");
+    import_react_sdk48 = require("@100mslive/react-sdk");
     import_react_icons42 = require("@100mslive/react-icons");
     init_Loading2();
     init_Tooltip2();
@@ -24105,12 +24121,12 @@ var init_VBToggle = __esm({
     VBToggle = () => {
       const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
       const isVBOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.VB);
-      const isVideoOn = (0, import_react_sdk47.useHMSStore)(import_react_sdk47.selectIsLocalVideoEnabled);
-      const isVBEnabled = (0, import_react_sdk47.useHMSStore)(import_react_sdk47.selectIsVBEnabled);
-      const isEffectsEnabled = (0, import_react_sdk47.useHMSStore)(import_react_sdk47.selectIsEffectsEnabled);
-      const loadingEffects = (0, import_react_sdk47.useHMSStore)((0, import_react_sdk47.selectAppData)(APP_DATA.loadingEffects));
-      const hmsActions = (0, import_react_sdk47.useHMSActions)();
-      const { toggleVideo } = (0, import_react_sdk47.useAVToggle)();
+      const isVideoOn = (0, import_react_sdk48.useHMSStore)(import_react_sdk48.selectIsLocalVideoEnabled);
+      const isVBEnabled = (0, import_react_sdk48.useHMSStore)(import_react_sdk48.selectIsVBEnabled);
+      const isEffectsEnabled = (0, import_react_sdk48.useHMSStore)(import_react_sdk48.selectIsEffectsEnabled);
+      const loadingEffects = (0, import_react_sdk48.useHMSStore)((0, import_react_sdk48.selectAppData)(APP_DATA.loadingEffects));
+      const hmsActions = (0, import_react_sdk48.useHMSActions)();
+      const { toggleVideo } = (0, import_react_sdk48.useAVToggle)();
       (0, import_react103.useEffect)(() => {
         var _a7;
         if (!toggleVideo) {
@@ -24127,20 +24143,20 @@ var init_VBToggle = __esm({
 });
 
 // src/Prebuilt/components/Footer/ChatToggle.tsx
-var import_react104, import_react_sdk48, import_react_icons43, ChatToggle;
+var import_react104, import_react_sdk49, import_react_icons43, ChatToggle;
 var init_ChatToggle = __esm({
   "src/Prebuilt/components/Footer/ChatToggle.tsx"() {
     "use strict";
     init_define_process_env();
     import_react104 = __toESM(require("react"));
-    import_react_sdk48 = require("@100mslive/react-sdk");
+    import_react_sdk49 = require("@100mslive/react-sdk");
     import_react_icons43 = require("@100mslive/react-icons");
     init_src();
     init_IconButton3();
     init_useSidepane();
     init_constants();
     ChatToggle = ({ onClick }) => {
-      const countUnreadMessages = (0, import_react_sdk48.useHMSStore)(import_react_sdk48.selectUnreadHMSMessagesCount);
+      const countUnreadMessages = (0, import_react_sdk49.useHMSStore)(import_react_sdk49.selectUnreadHMSMessagesCount);
       const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
       const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
       return /* @__PURE__ */ import_react104.default.createElement(
@@ -24215,13 +24231,13 @@ var init_connectionQualityUtils = __esm({
 });
 
 // src/Prebuilt/components/Connection/ConnectionIndicator.tsx
-var import_react105, import_react_sdk49, import_react_icons44, Wrapper, ConnectionIndicator;
+var import_react105, import_react_sdk50, import_react_icons44, Wrapper, ConnectionIndicator;
 var init_ConnectionIndicator = __esm({
   "src/Prebuilt/components/Connection/ConnectionIndicator.tsx"() {
     "use strict";
     init_define_process_env();
     import_react105 = __toESM(require("react"));
-    import_react_sdk49 = require("@100mslive/react-sdk");
+    import_react_sdk50 = require("@100mslive/react-sdk");
     import_react_icons44 = require("@100mslive/react-icons");
     init_src();
     init_connectionQualityUtils();
@@ -24247,11 +24263,11 @@ var init_ConnectionIndicator = __esm({
       hideBg = false
     }) => {
       var _a7;
-      const downlinkQuality = (_a7 = (0, import_react_sdk49.useHMSStore)((0, import_react_sdk49.selectConnectionQualityByPeerID)(peerId))) == null ? void 0 : _a7.downlinkQuality;
-      const peerType = (0, import_react_sdk49.useHMSStore)((0, import_react_sdk49.selectPeerTypeByID)(peerId));
+      const downlinkQuality = (_a7 = (0, import_react_sdk50.useHMSStore)((0, import_react_sdk50.selectConnectionQualityByPeerID)(peerId))) == null ? void 0 : _a7.downlinkQuality;
+      const peerType = (0, import_react_sdk50.useHMSStore)((0, import_react_sdk50.selectPeerTypeByID)(peerId));
       const { theme: theme2 } = useTheme();
       const defaultColor = theme2.colors.on_surface_low;
-      if (downlinkQuality === -1 || downlinkQuality === void 0 || peerType === import_react_sdk49.HMSPeerType.SIP) {
+      if (downlinkQuality === -1 || downlinkQuality === void 0 || peerType === import_react_sdk50.HMSPeerType.SIP) {
         return null;
       }
       if (downlinkQuality === 0) {
@@ -24309,22 +24325,22 @@ var init_ConnectionIndicator = __esm({
 });
 
 // src/Prebuilt/components/RemoveParticipant.tsx
-var import_react106, import_react_sdk50, import_react_icons45, RemoveParticipant;
+var import_react106, import_react_sdk51, import_react_icons45, RemoveParticipant;
 var init_RemoveParticipant = __esm({
   "src/Prebuilt/components/RemoveParticipant.tsx"() {
     "use strict";
     init_define_process_env();
     import_react106 = __toESM(require("react"));
-    import_react_sdk50 = require("@100mslive/react-sdk");
+    import_react_sdk51 = require("@100mslive/react-sdk");
     import_react_icons45 = require("@100mslive/react-icons");
     init_ToastManager();
     init_Dropdown2();
     init_Text2();
     RemoveParticipant = ({ peerId }) => {
       var _a7;
-      const canRemoveOthers = (_a7 = (0, import_react_sdk50.useHMSStore)(import_react_sdk50.selectPermissions)) == null ? void 0 : _a7.removeOthers;
-      const localPeerId = (0, import_react_sdk50.useHMSStore)(import_react_sdk50.selectLocalPeerID);
-      const actions = (0, import_react_sdk50.useHMSActions)();
+      const canRemoveOthers = (_a7 = (0, import_react_sdk51.useHMSStore)(import_react_sdk51.selectPermissions)) == null ? void 0 : _a7.removeOthers;
+      const localPeerId = (0, import_react_sdk51.useHMSStore)(import_react_sdk51.selectLocalPeerID);
+      const actions = (0, import_react_sdk51.useHMSActions)();
       if (peerId === localPeerId || !canRemoveOthers) {
         return null;
       }
@@ -24349,14 +24365,14 @@ var init_RemoveParticipant = __esm({
 });
 
 // src/Prebuilt/components/Footer/RoleOptions.tsx
-var import_react107, import_ts_pattern7, import_react_sdk51, import_react_icons46, dropdownItemCSS, optionTextCSS, DropdownWrapper, RoleOptions;
+var import_react107, import_ts_pattern7, import_react_sdk52, import_react_icons46, dropdownItemCSS, optionTextCSS, DropdownWrapper, RoleOptions;
 var init_RoleOptions = __esm({
   "src/Prebuilt/components/Footer/RoleOptions.tsx"() {
     "use strict";
     init_define_process_env();
     import_react107 = __toESM(require("react"));
     import_ts_pattern7 = require("ts-pattern");
-    import_react_sdk51 = require("@100mslive/react-sdk");
+    import_react_sdk52 = require("@100mslive/react-sdk");
     import_react_icons46 = require("@100mslive/react-icons");
     init_Dropdown2();
     init_Layout();
@@ -24407,13 +24423,13 @@ var init_RoleOptions = __esm({
       ));
     };
     RoleOptions = ({ roleName, peerList }) => {
-      const permissions = (0, import_react_sdk51.useHMSStore)(import_react_sdk51.selectPermissions);
-      const hmsActions = (0, import_react_sdk51.useHMSActions)();
+      const permissions = (0, import_react_sdk52.useHMSStore)(import_react_sdk52.selectPermissions);
+      const hmsActions = (0, import_react_sdk52.useHMSActions)();
       const { elements } = useRoomLayoutConferencingScreen();
       const { on_stage_role, off_stage_roles = [] } = (elements == null ? void 0 : elements.on_stage_exp) || {};
       const canRemoveRoleFromStage = (permissions == null ? void 0 : permissions.changeRole) && roleName === on_stage_role;
-      const role = (0, import_react_sdk51.useHMSStore)((0, import_react_sdk51.selectRoleByRoleName)(roleName));
-      const tracks = (0, import_react_sdk51.useHMSStore)(import_react_sdk51.selectTracksMap);
+      const role = (0, import_react_sdk52.useHMSStore)((0, import_react_sdk52.selectRoleByRoleName)(roleName));
+      const tracks = (0, import_react_sdk52.useHMSStore)(import_react_sdk52.selectTracksMap);
       if (!role) {
         return null;
       }
@@ -24490,17 +24506,17 @@ var init_RoleOptions = __esm({
 });
 
 // src/Prebuilt/components/hooks/useGroupOnStageActions.tsx
-var import_ts_pattern8, import_react_sdk52, useGroupOnStageActions;
+var import_ts_pattern8, import_react_sdk53, useGroupOnStageActions;
 var init_useGroupOnStageActions = __esm({
   "src/Prebuilt/components/hooks/useGroupOnStageActions.tsx"() {
     "use strict";
     init_define_process_env();
     import_ts_pattern8 = require("ts-pattern");
-    import_react_sdk52 = require("@100mslive/react-sdk");
+    import_react_sdk53 = require("@100mslive/react-sdk");
     init_useRoomLayoutScreen();
     useGroupOnStageActions = ({ peers }) => {
       var _a7;
-      const hmsActions = (0, import_react_sdk52.useHMSActions)();
+      const hmsActions = (0, import_react_sdk53.useHMSActions)();
       const { elements } = useRoomLayoutConferencingScreen();
       const {
         bring_to_stage_label,
@@ -24509,7 +24525,7 @@ var init_useGroupOnStageActions = __esm({
         off_stage_roles = [],
         skip_preview_for_role_change = false
       } = elements.on_stage_exp || {};
-      const canChangeRole = (_a7 = (0, import_react_sdk52.useHMSStore)(import_react_sdk52.selectPermissions)) == null ? void 0 : _a7.changeRole;
+      const canChangeRole = (_a7 = (0, import_react_sdk53.useHMSStore)(import_react_sdk53.selectPermissions)) == null ? void 0 : _a7.changeRole;
       const offStageRolePeers = peers.filter(
         (peer) => (0, import_ts_pattern8.match)({ on_stage_role, bring_to_stage_label, roleName: peer.roleName }).with(
           {
@@ -24551,7 +24567,7 @@ function itemKey(index, data3) {
   var _a7;
   return (_a7 = data3.peerList[index]) == null ? void 0 : _a7.id;
 }
-var import_react108, import_react_use19, import_react_window2, import_react_sdk53, import_react_icons47, ROW_HEIGHT, ITER_TIMER, VirtualizedParticipantItem, RoleAccordion;
+var import_react108, import_react_use19, import_react_window2, import_react_sdk54, import_react_icons47, ROW_HEIGHT, ITER_TIMER, VirtualizedParticipantItem, RoleAccordion;
 var init_RoleAccordion = __esm({
   "src/Prebuilt/components/Footer/RoleAccordion.tsx"() {
     "use strict";
@@ -24559,7 +24575,7 @@ var init_RoleAccordion = __esm({
     import_react108 = __toESM(require("react"));
     import_react_use19 = require("react-use");
     import_react_window2 = require("react-window");
-    import_react_sdk53 = require("@100mslive/react-sdk");
+    import_react_sdk54 = require("@100mslive/react-sdk");
     import_react_icons47 = require("@100mslive/react-icons");
     init_Accordion2();
     init_Button2();
@@ -24596,8 +24612,8 @@ var init_RoleAccordion = __esm({
       onActive
     }) => {
       const [ref, { width }] = (0, import_react_use19.useMeasure)();
-      const isLargeRoom = (0, import_react_sdk53.useHMSStore)(import_react_sdk53.selectIsLargeRoom);
-      const { peers, total, loadPeers } = (0, import_react_sdk53.usePaginatedParticipants)({ role: roleName, limit: 10 });
+      const isLargeRoom = (0, import_react_sdk54.useHMSStore)(import_react_sdk54.selectIsLargeRoom);
+      const { peers, total, loadPeers } = (0, import_react_sdk54.usePaginatedParticipants)({ role: roleName, limit: 10 });
       const isOffStageRole = roleName && offStageRoles.includes(roleName);
       let peersInAccordion = peerList;
       if (isOffStageRole && isLargeRoom) {
@@ -24698,19 +24714,19 @@ var init_RoleAccordion = __esm({
 });
 
 // src/Prebuilt/components/AppData/useSidepaneResetOnLayoutUpdate.tsx
-var import_react109, import_react_sdk54, useSidepaneResetOnLayoutUpdate;
+var import_react109, import_react_sdk55, useSidepaneResetOnLayoutUpdate;
 var init_useSidepaneResetOnLayoutUpdate = __esm({
   "src/Prebuilt/components/AppData/useSidepaneResetOnLayoutUpdate.tsx"() {
     "use strict";
     init_define_process_env();
     import_react109 = require("react");
-    import_react_sdk54 = require("@100mslive/react-sdk");
+    import_react_sdk55 = require("@100mslive/react-sdk");
     init_useRoomLayoutScreen();
     init_useSidepane();
     init_constants();
     useSidepaneResetOnLayoutUpdate = (layoutKey, sidepaneOption) => {
       const { elements } = useRoomLayoutConferencingScreen();
-      const sidepane = (0, import_react_sdk54.useHMSStore)((0, import_react_sdk54.selectAppData)(APP_DATA.sidePane));
+      const sidepane = (0, import_react_sdk55.useHMSStore)((0, import_react_sdk55.selectAppData)(APP_DATA.sidePane));
       const resetSidePane = useSidepaneReset();
       (0, import_react109.useEffect)(() => {
         if (sidepane === sidepaneOption && !(elements == null ? void 0 : elements[layoutKey])) {
@@ -24722,17 +24738,17 @@ var init_useSidepaneResetOnLayoutUpdate = __esm({
 });
 
 // src/Prebuilt/components/hooks/usePeerOnStageActions.tsx
-var import_react110, import_react_sdk55, usePeerOnStageActions;
+var import_react110, import_react_sdk56, usePeerOnStageActions;
 var init_usePeerOnStageActions = __esm({
   "src/Prebuilt/components/hooks/usePeerOnStageActions.tsx"() {
     "use strict";
     init_define_process_env();
     import_react110 = require("react");
-    import_react_sdk55 = require("@100mslive/react-sdk");
+    import_react_sdk56 = require("@100mslive/react-sdk");
     init_useRoomLayoutScreen();
     usePeerOnStageActions = ({ peerId, role }) => {
       var _a7, _b7;
-      const hmsActions = (0, import_react_sdk55.useHMSActions)();
+      const hmsActions = (0, import_react_sdk56.useHMSActions)();
       const { elements } = useRoomLayoutConferencingScreen();
       const {
         bring_to_stage_label,
@@ -24742,9 +24758,9 @@ var init_usePeerOnStageActions = __esm({
         skip_preview_for_role_change = false
       } = elements.on_stage_exp || {};
       const isInStage = role === on_stage_role;
-      const canChangeRole = (_a7 = (0, import_react_sdk55.useHMSStore)(import_react_sdk55.selectPermissions)) == null ? void 0 : _a7.changeRole;
+      const canChangeRole = (_a7 = (0, import_react_sdk56.useHMSStore)(import_react_sdk56.selectPermissions)) == null ? void 0 : _a7.changeRole;
       const shouldShowStageRoleChange = canChangeRole && (isInStage && remove_from_stage_label || (off_stage_roles == null ? void 0 : off_stage_roles.includes(role)) && bring_to_stage_label);
-      const prevRole = (_b7 = (0, import_react_sdk55.useHMSStore)((0, import_react_sdk55.selectPeerMetadata)(peerId))) == null ? void 0 : _b7.prevRole;
+      const prevRole = (_b7 = (0, import_react_sdk56.useHMSStore)((0, import_react_sdk56.selectPeerMetadata)(peerId))) == null ? void 0 : _b7.prevRole;
       const [open, setOpen] = (0, import_react110.useState)(false);
       const lowerPeerHand = () => __async(void 0, null, function* () {
         yield hmsActions.lowerRemotePeerHand(peerId);
@@ -24775,14 +24791,14 @@ var init_usePeerOnStageActions = __esm({
 });
 
 // src/Prebuilt/components/Footer/ParticipantList.tsx
-var import_react111, import_react_use20, import_react_sdk56, import_react_icons48, ParticipantList, ParticipantCount, Participant, VirtualizedParticipants, ParticipantActions, quickActionStyle, HandRaisedAccordionParticipantActions, ParticipantMoreActions, ParticipantSearch;
+var import_react111, import_react_use20, import_react_sdk57, import_react_icons48, ParticipantList, ParticipantCount, Participant, VirtualizedParticipants, ParticipantActions, quickActionStyle, HandRaisedAccordionParticipantActions, ParticipantMoreActions, ParticipantSearch;
 var init_ParticipantList = __esm({
   "src/Prebuilt/components/Footer/ParticipantList.tsx"() {
     "use strict";
     init_define_process_env();
     import_react111 = __toESM(require("react"));
     import_react_use20 = require("react-use");
-    import_react_sdk56 = require("@100mslive/react-sdk");
+    import_react_sdk57 = require("@100mslive/react-sdk");
     import_react_icons48 = require("@100mslive/react-icons");
     init_src();
     init_IconButton3();
@@ -24803,9 +24819,9 @@ var init_ParticipantList = __esm({
     }) => {
       const [filter, setFilter] = (0, import_react111.useState)();
       const { participants, isConnected, peerCount } = useParticipants(filter);
-      const isLargeRoom = (0, import_react_sdk56.useHMSStore)(import_react_sdk56.selectIsLargeRoom);
+      const isLargeRoom = (0, import_react_sdk57.useHMSStore)(import_react_sdk57.selectIsLargeRoom);
       const peersOrderedByRoles = {};
-      const handRaisedPeers = (0, import_react_sdk56.useHMSStore)(import_react_sdk56.selectHandRaisedPeers);
+      const handRaisedPeers = (0, import_react_sdk57.useHMSStore)(import_react_sdk57.selectHandRaisedPeers);
       participants.forEach((participant) => {
         if (participant.roleName) {
           if (peersOrderedByRoles[participant.roleName] === void 0) {
@@ -24869,7 +24885,7 @@ var init_ParticipantList = __esm({
       ));
     };
     ParticipantCount = () => {
-      const peerCount = (0, import_react_sdk56.useHMSStore)(import_react_sdk56.selectPeerCount);
+      const peerCount = (0, import_react_sdk57.useHMSStore)(import_react_sdk57.selectPeerCount);
       const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
       const isPeerListOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.PARTICIPANTS);
       if (peerCount === 0) {
@@ -24901,7 +24917,7 @@ var init_ParticipantList = __esm({
       isHandRaisedAccordion,
       style
     }) => {
-      const localPeerId = (0, import_react_sdk56.useHMSStore)(import_react_sdk56.selectLocalPeerID);
+      const localPeerId = (0, import_react_sdk57.useHMSStore)(import_react_sdk57.selectLocalPeerID);
       return /* @__PURE__ */ import_react111.default.createElement(
         Flex,
         {
@@ -24998,13 +25014,13 @@ var init_ParticipantList = __esm({
         isHandRaisedAccordion
       }) => {
         var _a7, _b7;
-        const isHandRaised = (0, import_react_sdk56.useHMSStore)((0, import_react_sdk56.selectHasPeerHandRaised)(peerId));
-        const canChangeRole = (_a7 = (0, import_react_sdk56.useHMSStore)(import_react_sdk56.selectPermissions)) == null ? void 0 : _a7.changeRole;
-        const canRemoveOthers = (_b7 = (0, import_react_sdk56.useHMSStore)(import_react_sdk56.selectPermissions)) == null ? void 0 : _b7.removeOthers;
+        const isHandRaised = (0, import_react_sdk57.useHMSStore)((0, import_react_sdk57.selectHasPeerHandRaised)(peerId));
+        const canChangeRole = (_a7 = (0, import_react_sdk57.useHMSStore)(import_react_sdk57.selectPermissions)) == null ? void 0 : _a7.changeRole;
+        const canRemoveOthers = (_b7 = (0, import_react_sdk57.useHMSStore)(import_react_sdk57.selectPermissions)) == null ? void 0 : _b7.removeOthers;
         const { elements } = useRoomLayoutConferencingScreen();
         const { on_stage_exp } = elements || {};
         const shouldShowMoreActions = on_stage_exp && canChangeRole || canRemoveOthers;
-        const isAudioMuted = !(0, import_react_sdk56.useHMSStore)((0, import_react_sdk56.selectIsPeerAudioEnabled)(peerId));
+        const isAudioMuted = !(0, import_react_sdk57.useHMSStore)((0, import_react_sdk57.selectIsPeerAudioEnabled)(peerId));
         return /* @__PURE__ */ import_react111.default.createElement(
           Flex,
           {
@@ -25014,7 +25030,7 @@ var init_ParticipantList = __esm({
               gap: "$8"
             }
           },
-          isHandRaisedAccordion ? /* @__PURE__ */ import_react111.default.createElement(HandRaisedAccordionParticipantActions, { peerId, role }) : /* @__PURE__ */ import_react111.default.createElement(import_react111.default.Fragment, null, /* @__PURE__ */ import_react111.default.createElement(ConnectionIndicator, { peerId }), peerType === import_react_sdk56.HMSPeerType.SIP && /* @__PURE__ */ import_react111.default.createElement(
+          isHandRaisedAccordion ? /* @__PURE__ */ import_react111.default.createElement(HandRaisedAccordionParticipantActions, { peerId, role }) : /* @__PURE__ */ import_react111.default.createElement(import_react111.default.Fragment, null, /* @__PURE__ */ import_react111.default.createElement(ConnectionIndicator, { peerId }), peerType === import_react_sdk57.HMSPeerType.SIP && /* @__PURE__ */ import_react111.default.createElement(
             Flex,
             {
               align: "center",
@@ -25064,9 +25080,9 @@ var init_ParticipantList = __esm({
         isInStage,
         shouldShowStageRoleChange
       } = usePeerOnStageActions({ peerId, role });
-      const canChangeRole = !!((_a7 = (0, import_react_sdk56.useHMSStore)(import_react_sdk56.selectPermissions)) == null ? void 0 : _a7.changeRole);
+      const canChangeRole = !!((_a7 = (0, import_react_sdk57.useHMSStore)(import_react_sdk57.selectPermissions)) == null ? void 0 : _a7.changeRole);
       const [openRoleChangeModal, setOpenRoleChangeModal] = (0, import_react111.useState)(false);
-      const roles = (0, import_react_sdk56.useHMSStore)(import_react_sdk56.selectAvailableRoleNames);
+      const roles = (0, import_react_sdk57.useHMSStore)(import_react_sdk57.selectAvailableRoleNames);
       return /* @__PURE__ */ import_react111.default.createElement(import_react111.default.Fragment, null, /* @__PURE__ */ import_react111.default.createElement(Dropdown.Root, { open, onOpenChange: (value) => setOpen(value), modal: false }, /* @__PURE__ */ import_react111.default.createElement(
         Dropdown.Trigger,
         {
@@ -25179,20 +25195,20 @@ var init_PollsToggle = __esm({
 });
 
 // src/Prebuilt/components/Footer/WhiteboardToggle.tsx
-var import_react113, import_react_sdk57, import_react_icons50, WhiteboardToggle;
+var import_react113, import_react_sdk58, import_react_icons50, WhiteboardToggle;
 var init_WhiteboardToggle = __esm({
   "src/Prebuilt/components/Footer/WhiteboardToggle.tsx"() {
     "use strict";
     init_define_process_env();
     import_react113 = __toESM(require("react"));
-    import_react_sdk57 = require("@100mslive/react-sdk");
+    import_react_sdk58 = require("@100mslive/react-sdk");
     import_react_icons50 = require("@100mslive/react-icons");
     init_src();
     init_IconButton3();
     init_ToastManager();
     WhiteboardToggle = () => {
-      const { toggle, open, isOwner } = (0, import_react_sdk57.useWhiteboard)();
-      const peerSharing = (0, import_react_sdk57.useHMSStore)(import_react_sdk57.selectPeerScreenSharing);
+      const { toggle, open, isOwner } = (0, import_react_sdk58.useWhiteboard)();
+      const peerSharing = (0, import_react_sdk58.useHMSStore)(import_react_sdk58.selectPeerScreenSharing);
       const disabled = !!peerSharing || open && !isOwner;
       if (!toggle) {
         return null;
@@ -25317,10 +25333,10 @@ var init_Footer3 = __esm({
 
 // src/Prebuilt/components/Notifications/HLSFailureModal.tsx
 function HLSFailureModal() {
-  const hlsError = (0, import_react_sdk58.useHMSStore)(import_react_sdk58.selectHLSState).error || false;
+  const hlsError = (0, import_react_sdk59.useHMSStore)(import_react_sdk59.selectHLSState).error || false;
   const [openModal, setOpenModal] = (0, import_react115.useState)(!!hlsError);
-  const hmsActions = (0, import_react_sdk58.useHMSActions)();
-  const { isRTMPRunning } = (0, import_react_sdk58.useRecordingStreaming)();
+  const hmsActions = (0, import_react_sdk59.useHMSActions)();
+  const { isRTMPRunning } = (0, import_react_sdk59.useRecordingStreaming)();
   const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
   const startHLS = (0, import_react115.useCallback)(() => __async(this, null, function* () {
     try {
@@ -25359,13 +25375,13 @@ function HLSFailureModal() {
     ), /* @__PURE__ */ import_react115.default.createElement(Text, { variant: "sm", css: { mb: "$10", color: "$on_surface_medium" } }, "Something went wrong and your live broadcast failed. Please try again."), /* @__PURE__ */ import_react115.default.createElement(Flex, { align: "center", justify: "between", css: { w: "100%", gap: "$8" } }, /* @__PURE__ */ import_react115.default.createElement(Button, { outlined: true, variant: "standard", css: { w: "100%" }, onClick: () => setOpenModal(false) }, "Dismiss"), /* @__PURE__ */ import_react115.default.createElement(Button, { css: { w: "100%" }, onClick: startHLS }, "Go Live"))))
   ) : null;
 }
-var import_react115, import_react_sdk58;
+var import_react115, import_react_sdk59;
 var init_HLSFailureModal = __esm({
   "src/Prebuilt/components/Notifications/HLSFailureModal.tsx"() {
     "use strict";
     init_define_process_env();
     import_react115 = __toESM(require("react"));
-    import_react_sdk58 = require("@100mslive/react-sdk");
+    import_react_sdk59 = require("@100mslive/react-sdk");
     init_Button2();
     init_Layout();
     init_Modal();
@@ -25376,13 +25392,13 @@ var init_HLSFailureModal = __esm({
 });
 
 // src/Prebuilt/components/Streaming/Common.jsx
-var import_react116, import_react_sdk59, import_react_icons51, ContentHeader, Container3, ErrorText;
+var import_react116, import_react_sdk60, import_react_icons51, ContentHeader, Container3, ErrorText;
 var init_Common = __esm({
   "src/Prebuilt/components/Streaming/Common.jsx"() {
     "use strict";
     init_define_process_env();
     import_react116 = __toESM(require("react"));
-    import_react_sdk59 = require("@100mslive/react-sdk");
+    import_react_sdk60 = require("@100mslive/react-sdk");
     import_react_icons51 = require("@100mslive/react-icons");
     init_src();
     ContentHeader = ({ onBack, onClose, title = "", content }) => {
@@ -25527,13 +25543,13 @@ function InteractionSelectionCard({
     /* @__PURE__ */ import_react118.default.createElement(Text, { variant: "sub1", css: { ml: "$md" } }, title)
   );
 }
-var import_react118, import_react_sdk60, import_react_icons52, PollsQuizMenu, AddMenu, PrevMenu, InteractionCard;
+var import_react118, import_react_sdk61, import_react_icons52, PollsQuizMenu, AddMenu, PrevMenu, InteractionCard;
 var init_PollsQuizMenu = __esm({
   "src/Prebuilt/components/Polls/CreatePollQuiz/PollsQuizMenu.tsx"() {
     "use strict";
     init_define_process_env();
     import_react118 = __toESM(require("react"));
-    import_react_sdk60 = require("@100mslive/react-sdk");
+    import_react_sdk61 = require("@100mslive/react-sdk");
     import_react_icons52 = require("@100mslive/react-icons");
     init_src();
     init_Common();
@@ -25544,13 +25560,13 @@ var init_PollsQuizMenu = __esm({
     init_constants();
     PollsQuizMenu = () => {
       const togglePollView = usePollViewToggle();
-      const permissions = (0, import_react_sdk60.useHMSStore)(import_react_sdk60.selectPermissions);
+      const permissions = (0, import_react_sdk61.useHMSStore)(import_react_sdk61.selectPermissions);
       return /* @__PURE__ */ import_react118.default.createElement(Container3, { rounded: true }, /* @__PURE__ */ import_react118.default.createElement(ContentHeader, { content: "Polls and Quizzes", onClose: togglePollView }), /* @__PURE__ */ import_react118.default.createElement(Flex, { direction: "column", css: { px: "$10", pb: "$10", overflowY: "auto" } }, (permissions == null ? void 0 : permissions.pollWrite) && /* @__PURE__ */ import_react118.default.createElement(AddMenu, null), /* @__PURE__ */ import_react118.default.createElement(PrevMenu, null)));
     };
     AddMenu = () => {
-      const actions = (0, import_react_sdk60.useHMSActions)();
+      const actions = (0, import_react_sdk61.useHMSActions)();
       const [title, setTitle] = (0, import_react118.useState)("");
-      const localPeerRoleName = (0, import_react_sdk60.useHMSStore)(import_react_sdk60.selectLocalPeerRoleName);
+      const localPeerRoleName = (0, import_react_sdk61.useHMSStore)(import_react_sdk61.selectLocalPeerRoleName);
       const [hideVoteCount, setHideVoteCount] = (0, import_react118.useState)(false);
       const [error, setError] = (0, import_react118.useState)();
       const [titleError, setTitleError] = (0, import_react118.useState)("");
@@ -25631,8 +25647,8 @@ var init_PollsQuizMenu = __esm({
       ), /* @__PURE__ */ import_react118.default.createElement(ErrorText, { error: error || titleError })));
     };
     PrevMenu = () => {
-      const hmsActions = (0, import_react_sdk60.useHMSActions)();
-      const polls = (0, import_react_sdk60.useHMSStore)(import_react_sdk60.selectPolls);
+      const hmsActions = (0, import_react_sdk61.useHMSActions)();
+      const polls = (0, import_react_sdk61.useHMSStore)(import_react_sdk61.selectPolls);
       const sortedPolls = (0, import_react118.useMemo)(
         () => {
           var _a7;
@@ -25643,7 +25659,7 @@ var init_PollsQuizMenu = __esm({
         },
         [polls]
       );
-      const permissions = (0, import_react_sdk60.useHMSStore)(import_react_sdk60.selectPermissions);
+      const permissions = (0, import_react_sdk61.useHMSStore)(import_react_sdk61.selectPermissions);
       (0, import_react118.useEffect)(() => {
         const updatePolls = () => __async(void 0, null, function* () {
           yield hmsActions.interactivityCenter.getPolls();
@@ -26285,11 +26301,11 @@ var init_SavedQuestion = __esm({
 // src/Prebuilt/components/Polls/CreateQuestions/CreateQuestions.jsx
 function CreateQuestions() {
   var _a7, _b7, _c, _d;
-  const actions = (0, import_react_sdk61.useHMSActions)();
-  const { isHLSRunning } = (0, import_react_sdk61.useRecordingStreaming)();
+  const actions = (0, import_react_sdk62.useHMSActions)();
+  const { isHLSRunning } = (0, import_react_sdk62.useRecordingStreaming)();
   const togglePollView = usePollViewToggle();
   const { pollInView: id, setPollView } = usePollViewState();
-  const interaction = (0, import_react_sdk61.useHMSStore)((0, import_react_sdk61.selectPollByID)(id));
+  const interaction = (0, import_react_sdk62.useHMSStore)((0, import_react_sdk62.selectPollByID)(id));
   const [questions, setQuestions] = (0, import_react128.useState)(
     ((_a7 = interaction.questions) == null ? void 0 : _a7.length) ? getEditableFormat(interaction.questions) : [{ draftID: (0, import_uuid11.v4)() }]
   );
@@ -26369,14 +26385,14 @@ function CreateQuestions() {
     return launchPoll();
   }) }, "Launch ", interaction == null ? void 0 : interaction.type))));
 }
-var import_react128, import_uuid11, import_react_sdk61, import_react_icons59, getEditableFormat, QuestionCard;
+var import_react128, import_uuid11, import_react_sdk62, import_react_icons59, getEditableFormat, QuestionCard;
 var init_CreateQuestions = __esm({
   "src/Prebuilt/components/Polls/CreateQuestions/CreateQuestions.jsx"() {
     "use strict";
     init_define_process_env();
     import_react128 = __toESM(require("react"));
     import_uuid11 = require("uuid");
-    import_react_sdk61 = require("@100mslive/react-sdk");
+    import_react_sdk62 = require("@100mslive/react-sdk");
     import_react_icons59 = require("@100mslive/react-icons");
     init_src();
     init_Common();
@@ -26504,16 +26520,16 @@ var init_StatisticBox = __esm({
 });
 
 // src/Prebuilt/components/Polls/Voting/useQuizSummary.tsx
-var import_react131, import_react_sdk62, useQuizSummary;
+var import_react131, import_react_sdk63, useQuizSummary;
 var init_useQuizSummary = __esm({
   "src/Prebuilt/components/Polls/Voting/useQuizSummary.tsx"() {
     "use strict";
     init_define_process_env();
     import_react131 = require("react");
-    import_react_sdk62 = require("@100mslive/react-sdk");
+    import_react_sdk63 = require("@100mslive/react-sdk");
     useQuizSummary = (quizID) => {
-      const hmsActions = (0, import_react_sdk62.useHMSActions)();
-      const quiz = (0, import_react_sdk62.useHMSStore)((0, import_react_sdk62.selectPollByID)(quizID));
+      const hmsActions = (0, import_react_sdk63.useHMSActions)();
+      const quiz = (0, import_react_sdk63.useHMSStore)((0, import_react_sdk63.selectPollByID)(quizID));
       const [quizLeaderboard, setQuizLeaderboard] = (0, import_react131.useState)();
       const summary = (quizLeaderboard == null ? void 0 : quizLeaderboard.summary) || {
         totalUsers: 0,
@@ -26551,20 +26567,20 @@ var init_useQuizSummary = __esm({
 });
 
 // src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx
-var import_react132, import_react_sdk63, PeerParticipationSummary;
+var import_react132, import_react_sdk64, PeerParticipationSummary;
 var init_PeerParticipationSummary = __esm({
   "src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx"() {
     "use strict";
     init_define_process_env();
     import_react132 = __toESM(require("react"));
-    import_react_sdk63 = require("@100mslive/react-sdk");
+    import_react_sdk64 = require("@100mslive/react-sdk");
     init_Layout();
     init_Text2();
     init_StatisticBox();
     init_useQuizSummary();
     init_utils5();
     PeerParticipationSummary = ({ quiz }) => {
-      const localPeerId = (0, import_react_sdk63.useHMSStore)(import_react_sdk63.selectLocalPeerID);
+      const localPeerId = (0, import_react_sdk64.useHMSStore)(import_react_sdk64.selectLocalPeerID);
       const { quizLeaderboard, summary } = useQuizSummary(quiz.id);
       if (quiz.state !== "stopped") {
         return /* @__PURE__ */ import_react132.default.createElement(import_react132.default.Fragment, null);
@@ -26605,13 +26621,13 @@ var init_PeerParticipationSummary = __esm({
 });
 
 // src/Prebuilt/components/Polls/Voting/LeaderboardSummary.tsx
-var import_react133, import_react_sdk64, import_react_icons61, LeaderboardSummary;
+var import_react133, import_react_sdk65, import_react_icons61, LeaderboardSummary;
 var init_LeaderboardSummary = __esm({
   "src/Prebuilt/components/Polls/Voting/LeaderboardSummary.tsx"() {
     "use strict";
     init_define_process_env();
     import_react133 = __toESM(require("react"));
-    import_react_sdk64 = require("@100mslive/react-sdk");
+    import_react_sdk65 = require("@100mslive/react-sdk");
     import_react_icons61 = require("@100mslive/react-icons");
     init_Layout();
     init_Loading2();
@@ -26626,7 +26642,7 @@ var init_LeaderboardSummary = __esm({
     init_constants();
     LeaderboardSummary = ({ pollID }) => {
       var _a7, _b7;
-      const quiz = (0, import_react_sdk64.useHMSStore)((0, import_react_sdk64.selectPollByID)(pollID));
+      const quiz = (0, import_react_sdk65.useHMSStore)((0, import_react_sdk65.selectPollByID)(pollID));
       const { quizLeaderboard, maxPossibleScore } = useQuizSummary(pollID);
       const [viewAllEntries, setViewAllEntries] = (0, import_react133.useState)(false);
       const { setPollView } = usePollViewState();
@@ -26699,14 +26715,14 @@ var init_LeaderboardSummary = __esm({
 });
 
 // src/Prebuilt/components/Polls/Voting/QuestionCard.jsx
-var import_react134, import_ts_pattern9, import_react_sdk65, import_react_icons62, QuestionCard2, QuestionActions;
+var import_react134, import_ts_pattern9, import_react_sdk66, import_react_icons62, QuestionCard2, QuestionActions;
 var init_QuestionCard = __esm({
   "src/Prebuilt/components/Polls/Voting/QuestionCard.jsx"() {
     "use strict";
     init_define_process_env();
     import_react134 = __toESM(require("react"));
     import_ts_pattern9 = require("ts-pattern");
-    import_react_sdk65 = require("@100mslive/react-sdk");
+    import_react_sdk66 = require("@100mslive/react-sdk");
     import_react_icons62 = require("@100mslive/react-icons");
     init_src();
     init_utils2();
@@ -26728,10 +26744,10 @@ var init_QuestionCard = __esm({
       updateSavedResponses,
       rolesThatCanViewResponses
     }) => {
-      const actions = (0, import_react_sdk65.useHMSActions)();
-      const localPeer = (0, import_react_sdk65.useHMSStore)(import_react_sdk65.selectLocalPeer);
+      const actions = (0, import_react_sdk66.useHMSActions)();
+      const localPeer = (0, import_react_sdk66.useHMSStore)(import_react_sdk66.selectLocalPeer);
       const isLocalPeerCreator = (localPeer == null ? void 0 : localPeer.id) === startedBy;
-      const localPeerRoleName = (0, import_react_sdk65.useHMSStore)(import_react_sdk65.selectLocalPeerRoleName);
+      const localPeerRoleName = (0, import_react_sdk66.useHMSStore)(import_react_sdk66.selectLocalPeerRoleName);
       const roleCanViewResponse = !rolesThatCanViewResponses || rolesThatCanViewResponses.length === 0 || rolesThatCanViewResponses.includes(localPeerRoleName || "");
       const [localPeerChoice, setLocalPeerChoice] = (0, import_react134.useState)(localPeerResponse);
       (0, import_react134.useEffect)(() => {
@@ -26978,13 +26994,13 @@ var init_TimedVoting = __esm({
 });
 
 // src/Prebuilt/components/Polls/Voting/Voting.tsx
-var import_react137, import_react_sdk66, import_react_icons63, Voting;
+var import_react137, import_react_sdk67, import_react_icons63, Voting;
 var init_Voting = __esm({
   "src/Prebuilt/components/Polls/Voting/Voting.tsx"() {
     "use strict";
     init_define_process_env();
     import_react137 = __toESM(require("react"));
-    import_react_sdk66 = require("@100mslive/react-sdk");
+    import_react_sdk67 = require("@100mslive/react-sdk");
     import_react_icons63 = require("@100mslive/react-icons");
     init_src();
     init_Common();
@@ -26995,16 +27011,16 @@ var init_Voting = __esm({
     init_StatusIndicator();
     init_constants();
     Voting = ({ id, toggleVoting }) => {
-      const actions = (0, import_react_sdk66.useHMSActions)();
-      const poll = (0, import_react_sdk66.useHMSStore)((0, import_react_sdk66.selectPollByID)(id));
-      const pollCreatorName = (0, import_react_sdk66.useHMSStore)((0, import_react_sdk66.selectPeerNameByID)(poll == null ? void 0 : poll.createdBy));
-      const permissions = (0, import_react_sdk66.useHMSStore)(import_react_sdk66.selectPermissions);
+      const actions = (0, import_react_sdk67.useHMSActions)();
+      const poll = (0, import_react_sdk67.useHMSStore)((0, import_react_sdk67.selectPollByID)(id));
+      const pollCreatorName = (0, import_react_sdk67.useHMSStore)((0, import_react_sdk67.selectPeerNameByID)(poll == null ? void 0 : poll.createdBy));
+      const permissions = (0, import_react_sdk67.useHMSStore)(import_react_sdk67.selectPermissions);
       const canEndActivity = !!(permissions == null ? void 0 : permissions.pollWrite);
       const { setPollView } = usePollViewState();
       const showSingleView = (poll == null ? void 0 : poll.type) === "quiz" && poll.state === "started";
       const fetchedInitialResponses = (0, import_react137.useRef)(false);
       const [savedResponses, setSavedResponses] = (0, import_react137.useState)({});
-      const localPeer = (0, import_react_sdk66.useHMSStore)(import_react_sdk66.selectLocalPeer);
+      const localPeer = (0, import_react_sdk67.useHMSStore)(import_react_sdk67.selectLocalPeer);
       const localPeerId = localPeer == null ? void 0 : localPeer.id;
       const customerUserId = localPeer == null ? void 0 : localPeer.customerUserId;
       (0, import_react137.useEffect)(() => {
@@ -27129,18 +27145,18 @@ var init_Polls = __esm({
 });
 
 // src/Prebuilt/components/Header/HeaderComponents.jsx
-var import_react139, import_react_sdk67, import_react_icons64, SpeakerTag, LogoImg, Logo;
+var import_react139, import_react_sdk68, import_react_icons64, SpeakerTag, LogoImg, Logo;
 var init_HeaderComponents = __esm({
   "src/Prebuilt/components/Header/HeaderComponents.jsx"() {
     "use strict";
     init_define_process_env();
     import_react139 = __toESM(require("react"));
-    import_react_sdk67 = require("@100mslive/react-sdk");
+    import_react_sdk68 = require("@100mslive/react-sdk");
     import_react_icons64 = require("@100mslive/react-icons");
     init_src();
     init_roomLayoutProvider();
     SpeakerTag = () => {
-      const dominantSpeaker = (0, import_react_sdk67.useHMSStore)(import_react_sdk67.selectDominantSpeaker);
+      const dominantSpeaker = (0, import_react_sdk68.useHMSStore)(import_react_sdk68.selectDominantSpeaker);
       return dominantSpeaker && dominantSpeaker.name && /* @__PURE__ */ import_react139.default.createElement(
         Flex,
         {
@@ -27268,14 +27284,14 @@ var init_RoomDetailsPane = __esm({
 });
 
 // src/Prebuilt/components/Chat/ChatSelector.tsx
-var import_react143, import_react_use22, import_react_sdk68, import_react_icons66, ChatDotIcon, SelectorItem, SelectorHeader, Everyone, RoleItem, PeerItem, VirtualizedSelectItemList, ChatSelector;
+var import_react143, import_react_use22, import_react_sdk69, import_react_icons66, ChatDotIcon, SelectorItem, SelectorHeader, Everyone, RoleItem, PeerItem, VirtualizedSelectItemList, ChatSelector;
 var init_ChatSelector = __esm({
   "src/Prebuilt/components/Chat/ChatSelector.tsx"() {
     "use strict";
     init_define_process_env();
     import_react143 = __toESM(require("react"));
     import_react_use22 = require("react-use");
-    import_react_sdk68 = require("@100mslive/react-sdk");
+    import_react_sdk69 = require("@100mslive/react-sdk");
     import_react_icons66 = require("@100mslive/react-icons");
     init_src();
     init_Theme();
@@ -27331,7 +27347,7 @@ var init_ChatSelector = __esm({
       }
     );
     Everyone = import_react143.default.memo(({ active }) => {
-      const unreadCount = (0, import_react_sdk68.useHMSStore)(import_react_sdk68.selectUnreadHMSMessagesCount);
+      const unreadCount = (0, import_react_sdk69.useHMSStore)(import_react_sdk69.selectUnreadHMSMessagesCount);
       const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
       const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
       return /* @__PURE__ */ import_react143.default.createElement(
@@ -27349,7 +27365,7 @@ var init_ChatSelector = __esm({
       );
     });
     RoleItem = import_react143.default.memo(({ role, active }) => {
-      const unreadCount = (0, import_react_sdk68.useHMSStore)((0, import_react_sdk68.selectMessagesUnreadCountByRole)(role));
+      const unreadCount = (0, import_react_sdk69.useHMSStore)((0, import_react_sdk69.selectMessagesUnreadCountByRole)(role));
       const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
       const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
       return /* @__PURE__ */ import_react143.default.createElement(
@@ -27366,7 +27382,7 @@ var init_ChatSelector = __esm({
       );
     });
     PeerItem = ({ peerId, name, active }) => {
-      const unreadCount = (0, import_react_sdk68.useHMSStore)((0, import_react_sdk68.selectMessagesUnreadCountByPeerID)(peerId));
+      const unreadCount = (0, import_react_sdk69.useHMSStore)((0, import_react_sdk69.selectMessagesUnreadCountByPeerID)(peerId));
       const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
       const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
       return /* @__PURE__ */ import_react143.default.createElement(
@@ -27393,7 +27409,7 @@ var init_ChatSelector = __esm({
       const filteredPeers = (0, import_react143.useMemo)(
         () => peers.filter(
           // search should be empty or search phrase should be included in name
-          (peer) => (!searchValue || peer.name.toLowerCase().includes(searchValue.toLowerCase())) && peer.type !== import_react_sdk68.HMSPeerType.SIP
+          (peer) => (!searchValue || peer.name.toLowerCase().includes(searchValue.toLowerCase())) && peer.type !== import_react_sdk69.HMSPeerType.SIP
         ),
         [peers, searchValue]
       );
@@ -27425,7 +27441,7 @@ var init_ChatSelector = __esm({
     ChatSelector = ({ role, peerId }) => {
       var _a7, _b7;
       const { elements } = useRoomLayoutConferencingScreen();
-      const peers = (0, import_react_sdk68.useHMSStore)(import_react_sdk68.selectRemotePeers);
+      const peers = (0, import_react_sdk69.useHMSStore)(import_react_sdk69.selectRemotePeers);
       const [search, setSearch] = (0, import_react143.useState)("");
       const isPrivateChatEnabled = !!((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.private_chat_enabled);
       const isPublicChatEnabled = !!((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.public_chat_enabled);
@@ -27583,17 +27599,17 @@ var init_ChatSelectorContainer = __esm({
 });
 
 // src/Prebuilt/components/AppData/useChatState.js
-var import_react145, import_react_sdk69, useChatDraftMessage;
+var import_react145, import_react_sdk70, useChatDraftMessage;
 var init_useChatState = __esm({
   "src/Prebuilt/components/AppData/useChatState.js"() {
     "use strict";
     init_define_process_env();
     import_react145 = require("react");
-    import_react_sdk69 = require("@100mslive/react-sdk");
+    import_react_sdk70 = require("@100mslive/react-sdk");
     init_constants();
     useChatDraftMessage = () => {
-      const hmsActions = (0, import_react_sdk69.useHMSActions)();
-      let chatDraftMessage = (0, import_react_sdk69.useHMSStore)((0, import_react_sdk69.selectAppData)(APP_DATA.chatDraft));
+      const hmsActions = (0, import_react_sdk70.useHMSActions)();
+      let chatDraftMessage = (0, import_react_sdk70.useHMSStore)((0, import_react_sdk70.selectAppData)(APP_DATA.chatDraft));
       if (chatDraftMessage === void 0 || chatDraftMessage === null) {
         chatDraftMessage = "";
       }
@@ -27675,7 +27691,7 @@ function EmojiPicker({ onSelect }) {
     )
   )));
 }
-var import_react147, import_react_use24, import_data, import_react148, import_react_sdk70, import_react_icons68, TextArea2, ChatFooter;
+var import_react147, import_react_use24, import_data, import_react148, import_react_sdk71, import_react_icons68, TextArea2, ChatFooter;
 var init_ChatFooter = __esm({
   "src/Prebuilt/components/Chat/ChatFooter.tsx"() {
     "use strict";
@@ -27684,7 +27700,7 @@ var init_ChatFooter = __esm({
     import_react_use24 = require("react-use");
     import_data = __toESM(require("@emoji-mart/data"));
     import_react148 = __toESM(require("@emoji-mart/react"));
-    import_react_sdk70 = require("@100mslive/react-sdk");
+    import_react_sdk71 = require("@100mslive/react-sdk");
     import_react_icons68 = require("@100mslive/react-icons");
     init_src();
     init_IconButton2();
@@ -27719,13 +27735,13 @@ var init_ChatFooter = __esm({
     });
     ChatFooter = ({ onSend, children }) => {
       var _a7, _b7, _c, _d, _e;
-      const hmsActions = (0, import_react_sdk70.useHMSActions)();
+      const hmsActions = (0, import_react_sdk71.useHMSActions)();
       const inputRef = (0, import_react147.useRef)(null);
       const [draftMessage, setDraftMessage] = useChatDraftMessage();
       const isMobile = (0, import_react_use24.useMedia)(config.media.md);
       const { elements, screenType } = useRoomLayoutConferencingScreen();
       const message_placeholder = ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.message_placeholder) || "Send a message";
-      const localPeer = (0, import_react_sdk70.useHMSStore)(import_react_sdk70.selectLocalPeer);
+      const localPeer = (0, import_react_sdk71.useHMSStore)(import_react_sdk71.selectLocalPeer);
       const isOverlayChat = (_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay;
       const canDisableChat = !!((_d = (_c = elements == null ? void 0 : elements.chat) == null ? void 0 : _c.real_time_controls) == null ? void 0 : _d.can_disable_chat);
       const selectedPeer = useSubscribeChatSelector(CHAT_SELECTOR.PEER);
@@ -27928,13 +27944,13 @@ var init_ChatFooter = __esm({
 });
 
 // src/Prebuilt/components/Chat/ChatStates.tsx
-var import_react149, import_react_sdk71, ChatPaused, ChatBlocked;
+var import_react149, import_react_sdk72, ChatPaused, ChatBlocked;
 var init_ChatStates = __esm({
   "src/Prebuilt/components/Chat/ChatStates.tsx"() {
     "use strict";
     init_define_process_env();
     import_react149 = __toESM(require("react"));
-    import_react_sdk71 = require("@100mslive/react-sdk");
+    import_react_sdk72 = require("@100mslive/react-sdk");
     init_Button2();
     init_Layout();
     init_Text2();
@@ -27942,11 +27958,11 @@ var init_ChatStates = __esm({
     init_useChatBlacklist();
     ChatPaused = () => {
       var _a7, _b7;
-      const hmsActions = (0, import_react_sdk71.useHMSActions)();
+      const hmsActions = (0, import_react_sdk72.useHMSActions)();
       const { elements } = useRoomLayoutConferencingScreen();
       const can_disable_chat = !!((_b7 = (_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.real_time_controls) == null ? void 0 : _b7.can_disable_chat);
-      const { enabled: isChatEnabled = true, updatedBy: chatStateUpdatedBy = "" } = (0, import_react_sdk71.useHMSStore)((0, import_react_sdk71.selectSessionStore)("chatState" /* CHAT_STATE */)) || {};
-      const localPeer = (0, import_react_sdk71.useHMSStore)(import_react_sdk71.selectLocalPeer);
+      const { enabled: isChatEnabled = true, updatedBy: chatStateUpdatedBy = "" } = (0, import_react_sdk72.useHMSStore)((0, import_react_sdk72.selectSessionStore)("chatState" /* CHAT_STATE */)) || {};
+      const localPeer = (0, import_react_sdk72.useHMSStore)(import_react_sdk72.selectLocalPeer);
       const unPauseChat = (0, import_react149.useCallback)(
         () => __async(void 0, null, function* () {
           return yield hmsActions.sessionStore.set("chatState" /* CHAT_STATE */, {
@@ -28059,7 +28075,7 @@ var init_StickIndicator = __esm({
 });
 
 // src/Prebuilt/components/Chat/PinnedMessage.tsx
-var import_react152, import_react_swipeable, import_react_use25, import_react_sdk72, import_react_icons70, PINNED_MESSAGE_LENGTH, PinnedMessage;
+var import_react152, import_react_swipeable, import_react_use25, import_react_sdk73, import_react_icons70, PINNED_MESSAGE_LENGTH, PinnedMessage;
 var init_PinnedMessage = __esm({
   "src/Prebuilt/components/Chat/PinnedMessage.tsx"() {
     "use strict";
@@ -28067,7 +28083,7 @@ var init_PinnedMessage = __esm({
     import_react152 = __toESM(require("react"));
     import_react_swipeable = require("react-swipeable");
     import_react_use25 = require("react-use");
-    import_react_sdk72 = require("@100mslive/react-sdk");
+    import_react_sdk73 = require("@100mslive/react-sdk");
     import_react_icons70 = require("@100mslive/react-icons");
     init_Layout();
     init_Text2();
@@ -28080,7 +28096,7 @@ var init_PinnedMessage = __esm({
     PINNED_MESSAGE_LENGTH = 75;
     PinnedMessage = () => {
       var _a7, _b7, _c, _d;
-      const pinnedMessages = (0, import_react_sdk72.useHMSStore)((0, import_react_sdk72.selectSessionStore)("pinnedMessages" /* PINNED_MESSAGES */));
+      const pinnedMessages = (0, import_react_sdk73.useHMSStore)((0, import_react_sdk73.selectSessionStore)("pinnedMessages" /* PINNED_MESSAGES */));
       const [pinnedMessageIndex, setPinnedMessageIndex] = (0, import_react152.useState)(0);
       const { removePinnedMessage } = usePinnedMessages();
       const isMobile = (0, import_react_use25.useMedia)(config.media.md);
@@ -28195,7 +28211,7 @@ var init_PinnedMessage = __esm({
 });
 
 // src/Prebuilt/components/Chat/Chat.tsx
-var import_react153, import_react_use26, import_ts_pattern10, import_react_sdk73, import_react_icons71, Chat, NewMessageIndicator;
+var import_react153, import_react_use26, import_ts_pattern10, import_react_sdk74, import_react_icons71, Chat, NewMessageIndicator;
 var init_Chat = __esm({
   "src/Prebuilt/components/Chat/Chat.tsx"() {
     "use strict";
@@ -28204,7 +28220,7 @@ var init_Chat = __esm({
     import_react_use26 = require("react-use");
     init_dist();
     import_ts_pattern10 = require("ts-pattern");
-    import_react_sdk73 = require("@100mslive/react-sdk");
+    import_react_sdk74 = require("@100mslive/react-sdk");
     import_react_icons71 = require("@100mslive/react-icons");
     init_Button2();
     init_Layout();
@@ -28225,9 +28241,9 @@ var init_Chat = __esm({
       var _a7, _b7;
       const { elements, screenType } = useRoomLayoutConferencingScreen();
       const listRef = (0, import_react153.useRef)(null);
-      const hmsActions = (0, import_react_sdk73.useHMSActions)();
-      const vanillaStore = (0, import_react_sdk73.useHMSVanillaStore)();
-      const { enabled: isChatEnabled = true } = (0, import_react_sdk73.useHMSStore)(jm("chatState" /* CHAT_STATE */)) || {};
+      const hmsActions = (0, import_react_sdk74.useHMSActions)();
+      const vanillaStore = (0, import_react_sdk74.useHMSVanillaStore)();
+      const { enabled: isChatEnabled = true } = (0, import_react_sdk74.useHMSStore)(jm("chatState" /* CHAT_STATE */)) || {};
       const isMobile = (0, import_react_use26.useMedia)(config.media.md);
       const isMobileHLSStream = useMobileHLSStream();
       const isLandscapeStream = useLandscapeHLSStream();
@@ -28237,7 +28253,7 @@ var init_Chat = __esm({
         (unreadCount = 0) => {
           var _a8;
           if (listRef.current && listRef.current.scrollToItem && unreadCount > 0) {
-            const messagesCount = vanillaStore.getState(import_react_sdk73.selectHMSMessagesCount);
+            const messagesCount = vanillaStore.getState(import_react_sdk74.selectHMSMessagesCount);
             (_a8 = listRef.current) == null ? void 0 : _a8.scrollToItem(messagesCount, "end");
             requestAnimationFrame(() => {
               var _a9;
@@ -28317,7 +28333,7 @@ var init_Chat = __esm({
       scrollToBottom,
       listRef
     }) => {
-      const unreadCount = (0, import_react_sdk73.useHMSStore)(Sm);
+      const unreadCount = (0, import_react_sdk74.useHMSStore)(Sm);
       if (!unreadCount || !listRef.current) {
         return null;
       }
@@ -28364,7 +28380,7 @@ var init_Chat = __esm({
 });
 
 // src/Prebuilt/components/Footer/PaginatedParticipants.tsx
-var import_react154, import_react_intersection_observer, import_react_use27, import_react_window3, import_react_sdk74, import_react_icons72, LoadMoreParticipants, VirtualizedParticipantItem2, PaginatedParticipants;
+var import_react154, import_react_intersection_observer, import_react_use27, import_react_window3, import_react_sdk75, import_react_icons72, LoadMoreParticipants, VirtualizedParticipantItem2, PaginatedParticipants;
 var init_PaginatedParticipants = __esm({
   "src/Prebuilt/components/Footer/PaginatedParticipants.tsx"() {
     "use strict";
@@ -28373,7 +28389,7 @@ var init_PaginatedParticipants = __esm({
     import_react_intersection_observer = require("react-intersection-observer");
     import_react_use27 = require("react-use");
     import_react_window3 = require("react-window");
-    import_react_sdk74 = require("@100mslive/react-sdk");
+    import_react_sdk75 = require("@100mslive/react-sdk");
     import_react_icons72 = require("@100mslive/react-icons");
     init_IconButton2();
     init_Layout();
@@ -28419,13 +28435,13 @@ var init_PaginatedParticipants = __esm({
       }
     );
     PaginatedParticipants = ({ roleName, onBack }) => {
-      const { peers, total, hasNext, loadPeers, loadMorePeers } = (0, import_react_sdk74.usePaginatedParticipants)({ role: roleName, limit: 20 });
+      const { peers, total, hasNext, loadPeers, loadMorePeers } = (0, import_react_sdk75.usePaginatedParticipants)({ role: roleName, limit: 20 });
       const [search, setSearch] = (0, import_react154.useState)("");
       const filteredPeers = peers.filter((p) => {
         var _a7;
         return (_a7 = p.name) == null ? void 0 : _a7.toLowerCase().includes(search == null ? void 0 : search.toLowerCase());
       });
-      const isConnected = (0, import_react_sdk74.useHMSStore)(import_react_sdk74.selectIsConnectedToRoom);
+      const isConnected = (0, import_react_sdk75.useHMSStore)(import_react_sdk75.selectIsConnectedToRoom);
       const [ref, { width }] = (0, import_react_use27.useMeasure)();
       const height = ROW_HEIGHT * (filteredPeers.length + 1);
       const resetSidePane = useSidepaneReset();
@@ -28459,13 +28475,13 @@ var init_PaginatedParticipants = __esm({
 });
 
 // src/Prebuilt/components/ChatSettings.tsx
-var import_react155, import_react_sdk75, import_react_icons73, ChatSettings;
+var import_react155, import_react_sdk76, import_react_icons73, ChatSettings;
 var init_ChatSettings = __esm({
   "src/Prebuilt/components/ChatSettings.tsx"() {
     "use strict";
     init_define_process_env();
     import_react155 = __toESM(require("react"));
-    import_react_sdk75 = require("@100mslive/react-sdk");
+    import_react_sdk76 = require("@100mslive/react-sdk");
     import_react_icons73 = require("@100mslive/react-icons");
     init_Layout();
     init_Popover();
@@ -28473,11 +28489,11 @@ var init_ChatSettings = __esm({
     init_useRoomLayoutScreen();
     ChatSettings = () => {
       var _a7, _b7;
-      const hmsActions = (0, import_react_sdk75.useHMSActions)();
-      const localPeer = (0, import_react_sdk75.useHMSStore)(import_react_sdk75.selectLocalPeer);
+      const hmsActions = (0, import_react_sdk76.useHMSActions)();
+      const localPeer = (0, import_react_sdk76.useHMSStore)(import_react_sdk76.selectLocalPeer);
       const { elements } = useRoomLayoutConferencingScreen();
       const canPauseChat = !!((_b7 = (_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.real_time_controls) == null ? void 0 : _b7.can_disable_chat);
-      const { enabled: isChatEnabled = true } = (0, import_react_sdk75.useHMSStore)((0, import_react_sdk75.selectSessionStore)("chatState" /* CHAT_STATE */)) || {};
+      const { enabled: isChatEnabled = true } = (0, import_react_sdk76.useHMSStore)((0, import_react_sdk76.selectSessionStore)("chatState" /* CHAT_STATE */)) || {};
       const showPause = canPauseChat && isChatEnabled;
       if (!showPause) {
         return null;
@@ -28526,7 +28542,7 @@ var init_ChatSettings = __esm({
 });
 
 // src/Prebuilt/components/SidePaneTabs.tsx
-var import_react156, import_react_use28, import_ts_pattern11, import_react_sdk76, import_react_icons74, tabTriggerCSS, ParticipantCount2, SidePaneTabs;
+var import_react156, import_react_use28, import_ts_pattern11, import_react_sdk77, import_react_icons74, tabTriggerCSS, ParticipantCount2, SidePaneTabs;
 var init_SidePaneTabs = __esm({
   "src/Prebuilt/components/SidePaneTabs.tsx"() {
     "use strict";
@@ -28534,7 +28550,7 @@ var init_SidePaneTabs = __esm({
     import_react156 = __toESM(require("react"));
     import_react_use28 = require("react-use");
     import_ts_pattern11 = require("ts-pattern");
-    import_react_sdk76 = require("@100mslive/react-sdk");
+    import_react_sdk77 = require("@100mslive/react-sdk");
     import_react_icons74 = require("@100mslive/react-icons");
     init_Chat();
     init_PaginatedParticipants();
@@ -28567,7 +28583,7 @@ var init_SidePaneTabs = __esm({
       const resetSidePane = useSidepaneReset();
       const [activeTab, setActiveTab] = (0, import_react156.useState)(active);
       const [activeRole, setActiveRole] = (0, import_react156.useState)("");
-      const peerCount = (0, import_react_sdk76.useHMSStore)(import_react_sdk76.selectPeerCount);
+      const peerCount = (0, import_react_sdk77.useHMSStore)(import_react_sdk77.selectPeerCount);
       const { elements, screenType } = useRoomLayoutConferencingScreen();
       const chat_title = ((_a7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a7.chat_title) || "Chat";
       const showChat = !!(elements == null ? void 0 : elements.chat);
@@ -28687,13 +28703,13 @@ var init_SidePaneTabs = __esm({
 });
 
 // src/Prebuilt/components/Connection/TileConnection.tsx
-var import_react157, import_react_sdk77, import_react_icons75, TileConnection, IconWrapper, Wrapper2, TileConnection_default;
+var import_react157, import_react_sdk78, import_react_icons75, TileConnection, IconWrapper, Wrapper2, TileConnection_default;
 var init_TileConnection = __esm({
   "src/Prebuilt/components/Connection/TileConnection.tsx"() {
     "use strict";
     init_define_process_env();
     import_react157 = __toESM(require("react"));
-    import_react_sdk77 = require("@100mslive/react-sdk");
+    import_react_sdk78 = require("@100mslive/react-sdk");
     import_react_icons75 = require("@100mslive/react-icons");
     init_src();
     init_ConnectionIndicator();
@@ -28704,10 +28720,10 @@ var init_TileConnection = __esm({
       width,
       pinned
     }) => {
-      const spotlighted = (0, import_react_sdk77.useHMSStore)((0, import_react_sdk77.selectSessionStore)("spotlight" /* SPOTLIGHT */)) === peerId;
-      const isPeerScreenSharing = !!(0, import_react_sdk77.useHMSStore)((0, import_react_sdk77.selectScreenShareByPeerID)(peerId));
-      const peerType = (0, import_react_sdk77.useHMSStore)((0, import_react_sdk77.selectPeerTypeByID)(peerId));
-      return /* @__PURE__ */ import_react157.default.createElement(Wrapper2, null, !hideLabel ? /* @__PURE__ */ import_react157.default.createElement(import_react157.default.Fragment, null, name ? /* @__PURE__ */ import_react157.default.createElement(Flex, { align: "center" }, peerType === import_react_sdk77.HMSPeerType.SIP && /* @__PURE__ */ import_react157.default.createElement(IconWrapper, null, /* @__PURE__ */ import_react157.default.createElement(import_react_icons75.CallIcon, { width: "15", height: "15" })), isPeerScreenSharing && /* @__PURE__ */ import_react157.default.createElement(IconWrapper, null, /* @__PURE__ */ import_react157.default.createElement(import_react_icons75.ShareScreenIcon, { width: "15", height: "15" })), pinned && /* @__PURE__ */ import_react157.default.createElement(IconWrapper, null, /* @__PURE__ */ import_react157.default.createElement(import_react_icons75.PinIcon, { width: "15", height: "15" })), spotlighted && /* @__PURE__ */ import_react157.default.createElement(IconWrapper, null, /* @__PURE__ */ import_react157.default.createElement(import_react_icons75.SpotlightIcon, { width: "15", height: "15" })), /* @__PURE__ */ import_react157.default.createElement(
+      const spotlighted = (0, import_react_sdk78.useHMSStore)((0, import_react_sdk78.selectSessionStore)("spotlight" /* SPOTLIGHT */)) === peerId;
+      const isPeerScreenSharing = !!(0, import_react_sdk78.useHMSStore)((0, import_react_sdk78.selectScreenShareByPeerID)(peerId));
+      const peerType = (0, import_react_sdk78.useHMSStore)((0, import_react_sdk78.selectPeerTypeByID)(peerId));
+      return /* @__PURE__ */ import_react157.default.createElement(Wrapper2, null, !hideLabel ? /* @__PURE__ */ import_react157.default.createElement(import_react157.default.Fragment, null, name ? /* @__PURE__ */ import_react157.default.createElement(Flex, { align: "center" }, peerType === import_react_sdk78.HMSPeerType.SIP && /* @__PURE__ */ import_react157.default.createElement(IconWrapper, null, /* @__PURE__ */ import_react157.default.createElement(import_react_icons75.CallIcon, { width: "15", height: "15" })), isPeerScreenSharing && /* @__PURE__ */ import_react157.default.createElement(IconWrapper, null, /* @__PURE__ */ import_react157.default.createElement(import_react_icons75.ShareScreenIcon, { width: "15", height: "15" })), pinned && /* @__PURE__ */ import_react157.default.createElement(IconWrapper, null, /* @__PURE__ */ import_react157.default.createElement(import_react_icons75.PinIcon, { width: "15", height: "15" })), spotlighted && /* @__PURE__ */ import_react157.default.createElement(IconWrapper, null, /* @__PURE__ */ import_react157.default.createElement(import_react_icons75.SpotlightIcon, { width: "15", height: "15" })), /* @__PURE__ */ import_react157.default.createElement(
         Text,
         {
           css: __spreadValues({
@@ -28752,14 +28768,14 @@ var init_utils6 = __esm({
 });
 
 // src/Prebuilt/components/TileMenu/TileMenuContent.tsx
-var import_react158, import_react_use29, import_react_sdk78, import_react_icons76, isSameTile, spacingCSS, SpotlightActions, PinActions, MinimiseInset, SimulcastLayers, TileMenuContent;
+var import_react158, import_react_use29, import_react_sdk79, import_react_icons76, isSameTile, spacingCSS, SpotlightActions, PinActions, MinimiseInset, SimulcastLayers, TileMenuContent;
 var init_TileMenuContent = __esm({
   "src/Prebuilt/components/TileMenu/TileMenuContent.tsx"() {
     "use strict";
     init_define_process_env();
     import_react158 = __toESM(require("react"));
     import_react_use29 = require("react-use");
-    import_react_sdk78 = require("@100mslive/react-sdk");
+    import_react_sdk79 = require("@100mslive/react-sdk");
     import_react_icons76 = require("@100mslive/react-icons");
     init_Layout();
     init_Slider2();
@@ -28784,8 +28800,8 @@ var init_TileMenuContent = __esm({
         return;
       }
     }) => {
-      const hmsActions = (0, import_react_sdk78.useHMSActions)();
-      const spotlightPeerId = (0, import_react_sdk78.useHMSStore)((0, import_react_sdk78.selectSessionStore)("spotlight" /* SPOTLIGHT */));
+      const hmsActions = (0, import_react_sdk79.useHMSActions)();
+      const spotlightPeerId = (0, import_react_sdk79.useHMSStore)((0, import_react_sdk79.selectSessionStore)("spotlight" /* SPOTLIGHT */));
       const isTileSpotlighted = spotlightPeerId === peerId;
       const dragClassName = getDragClassName();
       const setSpotlightPeerId = (peerIdToSpotlight) => hmsActions.sessionStore.set("spotlight" /* SPOTLIGHT */, peerIdToSpotlight).catch((err) => ToastManager.addToast({ title: err.description }));
@@ -28833,8 +28849,8 @@ var init_TileMenuContent = __esm({
     };
     SimulcastLayers = ({ trackId }) => {
       var _a7;
-      const track = (0, import_react_sdk78.useHMSStore)((0, import_react_sdk78.selectTrackByID)(trackId));
-      const actions = (0, import_react_sdk78.useHMSActions)();
+      const track = (0, import_react_sdk79.useHMSStore)((0, import_react_sdk79.selectTrackByID)(trackId));
+      const actions = (0, import_react_sdk79.useHMSActions)();
       const bg = useDropdownSelection();
       if (!((_a7 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _a7.length) || track.degraded || !track.enabled) {
         return null;
@@ -28919,18 +28935,18 @@ var init_TileMenuContent = __esm({
         return;
       }
     }) => {
-      const actions = (0, import_react_sdk78.useHMSActions)();
+      const actions = (0, import_react_sdk79.useHMSActions)();
       const dragClassName = getDragClassName();
-      const permissions = (0, import_react_sdk78.useHMSStore)(import_react_sdk78.selectPermissions);
+      const permissions = (0, import_react_sdk79.useHMSStore)(import_react_sdk79.selectPermissions);
       const canChangeRole = !!(permissions == null ? void 0 : permissions.changeRole);
       const removeOthers = !!(permissions == null ? void 0 : permissions.removeOthers);
       const { userName } = useHMSPrebuiltContext();
-      const roles = (0, import_react_sdk78.useHMSStore)(import_react_sdk78.selectAvailableRoleNames);
-      const { isAudioEnabled, isVideoEnabled, setVolume, toggleAudio, toggleVideo, volume } = (0, import_react_sdk78.useRemoteAVToggle)(
+      const roles = (0, import_react_sdk79.useHMSStore)(import_react_sdk79.selectAvailableRoleNames);
+      const { isAudioEnabled, isVideoEnabled, setVolume, toggleAudio, toggleVideo, volume } = (0, import_react_sdk79.useRemoteAVToggle)(
         audioTrackID,
         videoTrackID
       );
-      const { sendEvent } = (0, import_react_sdk78.useCustomEvent)({
+      const { sendEvent } = (0, import_react_sdk79.useCustomEvent)({
         type: REMOTE_STOP_SCREENSHARE_TYPE
       });
       const isMobile = (0, import_react_use29.useMedia)(config.media.md);
@@ -29027,14 +29043,14 @@ var init_TileMenuContent = __esm({
 });
 
 // src/Prebuilt/components/TileMenu/TileMenu.tsx
-var import_react159, import_react_use30, import_react_sdk79, import_react_icons77, TileMenu, TileMenu_default;
+var import_react159, import_react_use30, import_react_sdk80, import_react_icons77, TileMenu, TileMenu_default;
 var init_TileMenu2 = __esm({
   "src/Prebuilt/components/TileMenu/TileMenu.tsx"() {
     "use strict";
     init_define_process_env();
     import_react159 = __toESM(require("react"));
     import_react_use30 = require("react-use");
-    import_react_sdk79 = require("@100mslive/react-sdk");
+    import_react_sdk80 = require("@100mslive/react-sdk");
     import_react_icons77 = require("@100mslive/react-icons");
     init_Layout();
     init_Sheet2();
@@ -29058,17 +29074,17 @@ var init_TileMenu2 = __esm({
       var _a7, _b7;
       const [open, setOpen] = (0, import_react159.useState)(false);
       const { theme: theme2 } = useTheme();
-      const localPeerID = (0, import_react_sdk79.useHMSStore)(import_react_sdk79.selectLocalPeerID);
+      const localPeerID = (0, import_react_sdk80.useHMSStore)(import_react_sdk80.selectLocalPeerID);
       const isLocal = localPeerID === peerID;
-      const { removeOthers } = (0, import_react_sdk79.useHMSStore)(import_react_sdk79.selectPermissions) || {};
-      const { setVolume, toggleAudio, toggleVideo } = (0, import_react_sdk79.useRemoteAVToggle)(audioTrackID, videoTrackID);
+      const { removeOthers } = (0, import_react_sdk80.useHMSStore)(import_react_sdk80.selectPermissions) || {};
+      const { setVolume, toggleAudio, toggleVideo } = (0, import_react_sdk80.useRemoteAVToggle)(audioTrackID, videoTrackID);
       const showSpotlight = enableSpotlightingPeer;
-      const isPrimaryVideoTrack = ((_a7 = (0, import_react_sdk79.useHMSStore)((0, import_react_sdk79.selectVideoTrackByPeerID)(peerID))) == null ? void 0 : _a7.id) === videoTrackID;
+      const isPrimaryVideoTrack = ((_a7 = (0, import_react_sdk80.useHMSStore)((0, import_react_sdk80.selectVideoTrackByPeerID)(peerID))) == null ? void 0 : _a7.id) === videoTrackID;
       const showPinAction = !!(audioTrackID || videoTrackID && isPrimaryVideoTrack);
-      const track = (0, import_react_sdk79.useHMSStore)((0, import_react_sdk79.selectTrackByID)(videoTrackID));
+      const track = (0, import_react_sdk80.useHMSStore)((0, import_react_sdk80.selectTrackByID)(videoTrackID));
       const hideSimulcastLayers = !((_b7 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _b7.length) || track.degraded || !track.enabled;
       const isMobile = (0, import_react_use30.useMedia)(config.media.md);
-      const peer = (0, import_react_sdk79.useHMSStore)((0, import_react_sdk79.selectPeerByID)(peerID));
+      const peer = (0, import_react_sdk80.useHMSStore)((0, import_react_sdk80.selectPeerByID)(peerID));
       const [showNameChangeModal, setShowNameChangeModal] = (0, import_react159.useState)(false);
       const [showRoleChangeModal, setShowRoleChangeModal] = (0, import_react159.useState)(false);
       useDropdownList({ open, name: "TileMenu" });
@@ -29155,14 +29171,14 @@ var init_peerTileUtils = __esm({
 });
 
 // src/Prebuilt/components/VideoTile.tsx
-var import_react160, import_react_use31, import_react_sdk80, import_react_icons78, PeerMetadata, Tile, VideoTile, VideoTile_default;
+var import_react160, import_react_use31, import_react_sdk81, import_react_icons78, PeerMetadata, Tile, VideoTile, VideoTile_default;
 var init_VideoTile2 = __esm({
   "src/Prebuilt/components/VideoTile.tsx"() {
     "use strict";
     init_define_process_env();
     import_react160 = __toESM(require("react"));
     import_react_use31 = require("react-use");
-    import_react_sdk80 = require("@100mslive/react-sdk");
+    import_react_sdk81 = require("@100mslive/react-sdk");
     import_react_icons78 = require("@100mslive/react-icons");
     init_TileConnection();
     init_TileMenu2();
@@ -29176,9 +29192,9 @@ var init_VideoTile2 = __esm({
     init_utils2();
     init_constants();
     PeerMetadata = ({ peerId, size }) => {
-      const metaData = (0, import_react_sdk80.useHMSStore)((0, import_react_sdk80.selectPeerMetadata)(peerId));
+      const metaData = (0, import_react_sdk81.useHMSStore)((0, import_react_sdk81.selectPeerMetadata)(peerId));
       const isBRB = (metaData == null ? void 0 : metaData.isBRBOn) || false;
-      const isHandRaised = (0, import_react_sdk80.useHMSStore)((0, import_react_sdk80.selectHasPeerHandRaised)(peerId));
+      const isHandRaised = (0, import_react_sdk81.useHMSStore)((0, import_react_sdk81.selectHasPeerHandRaised)(peerId));
       return /* @__PURE__ */ import_react160.default.createElement(import_react160.default.Fragment, null, isHandRaised ? /* @__PURE__ */ import_react160.default.createElement(StyledVideoTile.AttributeBox, { size, "data-testid": "raiseHand_icon_onTile" }, /* @__PURE__ */ import_react160.default.createElement(import_react_icons78.HandIcon, { width: 24, height: 24 })) : null, isBRB ? /* @__PURE__ */ import_react160.default.createElement(StyledVideoTile.AttributeBox, { size, "data-testid": "brb_icon_onTile" }, /* @__PURE__ */ import_react160.default.createElement(import_react_icons78.BrbTileIcon, { width: 22, height: 22 })) : null);
     };
     Tile = ({
@@ -29197,15 +29213,15 @@ var init_VideoTile2 = __esm({
       hideAudioMuteOnTile = false,
       hideMetadataOnTile = false
     }) => {
-      const trackSelector = trackId ? (0, import_react_sdk80.selectVideoTrackByID)(trackId) : (0, import_react_sdk80.selectVideoTrackByPeerID)(peerId);
-      const track = (0, import_react_sdk80.useHMSStore)(trackSelector);
-      const peerName = (0, import_react_sdk80.useHMSStore)((0, import_react_sdk80.selectPeerNameByID)(peerId));
-      const audioTrack = (0, import_react_sdk80.useHMSStore)((0, import_react_sdk80.selectAudioTrackByPeerID)(peerId));
-      const localPeerID = (0, import_react_sdk80.useHMSStore)(import_react_sdk80.selectLocalPeerID);
+      const trackSelector = trackId ? (0, import_react_sdk81.selectVideoTrackByID)(trackId) : (0, import_react_sdk81.selectVideoTrackByPeerID)(peerId);
+      const track = (0, import_react_sdk81.useHMSStore)(trackSelector);
+      const peerName = (0, import_react_sdk81.useHMSStore)((0, import_react_sdk81.selectPeerNameByID)(peerId));
+      const audioTrack = (0, import_react_sdk81.useHMSStore)((0, import_react_sdk81.selectAudioTrackByPeerID)(peerId));
+      const localPeerID = (0, import_react_sdk81.useHMSStore)(import_react_sdk81.selectLocalPeerID);
       const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
       const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
       const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
-      const isAudioMuted = !(0, import_react_sdk80.useHMSStore)((0, import_react_sdk80.selectIsPeerAudioEnabled)(peerId));
+      const isAudioMuted = !(0, import_react_sdk81.useHMSStore)((0, import_react_sdk81.selectIsPeerAudioEnabled)(peerId));
       const isVideoMuted = !(track == null ? void 0 : track.enabled);
       const [isMouseHovered, setIsMouseHovered] = (0, import_react160.useState)(false);
       const isVideoDegraded = track == null ? void 0 : track.degraded;
@@ -29293,28 +29309,6 @@ var init_VideoTile2 = __esm({
   }
 });
 
-// src/Prebuilt/components/VirtualBackground/util.tsx
-var import_react_sdk81, doesBrowserSupportEffectsSDK;
-var init_util = __esm({
-  "src/Prebuilt/components/VirtualBackground/util.tsx"() {
-    "use strict";
-    init_define_process_env();
-    import_react_sdk81 = require("@100mslive/react-sdk");
-    init_constants();
-    doesBrowserSupportEffectsSDK = () => {
-      var _a7, _b7;
-      if (!isSafari) {
-        return true;
-      }
-      const browserVersion = ((_b7 = (_a7 = import_react_sdk81.parsedUserAgent) == 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/VBOption.tsx
 var import_react161, Root25, Title4, Icon3, VBOption;
 var init_VBOption = __esm({
@@ -29414,7 +29408,6 @@ var init_VBPicker = __esm({
     import_react_icons79 = require("@100mslive/react-icons");
     init_src();
     init_Text2();
-    init_util();
     init_VBCollection();
     init_VBHandler();
     init_useSidepane();
@@ -29435,8 +29428,8 @@ var init_VBPicker = __esm({
       const [blurAmount, setBlurAmount] = (0, import_react163.useState)(VBHandler.getBlurAmount() || 0.5);
       const roomState = (0, import_react_sdk82.useHMSStore)(import_react_sdk82.selectRoomState);
       const isLargeRoom = (0, import_react_sdk82.useHMSStore)(import_react_sdk82.selectIsLargeRoom);
-      const [isBlurSupported, setIsBlurSupported] = (0, import_react163.useState)(false);
-      const isEffectsEnabled = (0, import_react_sdk82.useHMSStore)(Rm);
+      const isEffectsSupported = VBHandler.isEffectsSupported();
+      const isEffectsEnabled = (0, import_react_sdk82.useHMSStore)(Am);
       const effectsKey = (0, import_react_sdk82.useHMSStore)(Cm);
       const isMobile = (0, import_react_use32.useMedia)(config.media.md);
       const [loadingEffects, setLoadingEffects] = useSetAppDataByKey(APP_DATA.loadingEffects);
@@ -29447,12 +29440,21 @@ var init_VBPicker = __esm({
       const inPreview = roomState === import_react_sdk82.HMSRoomState.Preview;
       const showVideoTile = isVideoOn && isLargeRoom && !inPreview;
       (0, import_react163.useEffect)(() => {
+        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) {
@@ -29460,17 +29462,14 @@ var init_VBPicker = __esm({
               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) {
@@ -29495,6 +29494,7 @@ var init_VBPicker = __esm({
         role,
         isPluginAdded,
         isEffectsEnabled,
+        isEffectsSupported,
         effectsKey,
         track == null ? void 0 : track.id,
         background,
@@ -29558,7 +29558,7 @@ var init_VBPicker = __esm({
                   yield (_a8 = VBHandler) == null ? void 0 : _a8.setBlur(blurAmount);
                   hmsActions.setAppData(APP_DATA.background, import_hmsvbplugin4.HMSVirtualBackgroundTypes.BLUR);
                 }),
-                supported: isBlurSupported
+                supported: isEffectsSupported && isEffectsEnabled
               }
             ],
             activeBackground: background
@@ -30444,7 +30444,7 @@ var init_InsetTile = __esm({
             position: "absolute",
             bottom: 0,
             right: 0,
-            zIndex: 11,
+            zIndex: 10,
             boxShadow: "0 0 8px 0 rgba(0,0,0,0.3)",
             r: "$2"
           }, !minimised ? {
@@ -31366,9 +31366,9 @@ var init_ScreenshareLayout = __esm({
   }
 });
 
-// ../../../../../../../tmp/tmp-2750-Q9Yr3et3CxNj/191b31da29c1/index.css
-var init_b31da29c1 = __esm({
-  "../../../../../../../tmp/tmp-2750-Q9Yr3et3CxNj/191b31da29c1/index.css"() {
+// ../../../../../../../tmp/tmp-2799-gii2d1tovvOE/191d74313de0/index.css
+var init_d74313de0 = __esm({
+  "../../../../../../../tmp/tmp-2799-gii2d1tovvOE/191d74313de0/index.css"() {
   }
 });
 
@@ -31390,7 +31390,7 @@ var init_WhiteboardLayout = __esm({
     init_ProminenceLayout();
     init_useUISettings();
     init_constants();
-    init_b31da29c1();
+    init_d74313de0();
     WhiteboardEmbed = () => {
       const isMobile = (0, import_react_use44.useMedia)(config.media.md);
       const { token, endpoint, zoomToContent } = (0, import_react_sdk94.useWhiteboard)(isMobile);
@@ -31465,7 +31465,6 @@ var init_PeersSorter = __esm({
     PeersSorter = class {
       constructor(store) {
         this.storeUnsubscribe = void 0;
-        this.listeners = /* @__PURE__ */ new Set();
         this.setPeersAndTilesPerPage = ({ peers, tilesPerPage }) => {
           this.speaker = void 0;
           this.tilesPerPage = tilesPerPage;
@@ -31550,6 +31549,7 @@ var init_PeersSorter = __esm({
         this.peers = /* @__PURE__ */ new Map();
         this.lruPeers = /* @__PURE__ */ new Set();
         this.speaker = void 0;
+        this.listeners = /* @__PURE__ */ new Set();
       }
     };
     PeersSorter_default = PeersSorter;
@@ -34765,7 +34765,7 @@ var init_FeedbackForm = __esm({
         return /* @__PURE__ */ import_react217.default.createElement(Sheet.Root, { open: index !== FEEBACK_INDEX.INIT, onOpenChange }, /* @__PURE__ */ import_react217.default.createElement(
           Sheet.Content,
           {
-            css: { bg: "$surface_dim", p: "$12" },
+            css: { bg: "$surface_dim", p: "$10", overflowY: "auto" },
             onPointerDownOutside: avoidDefaultDomBehavior,
             onInteractOutside: avoidDefaultDomBehavior
           },
@@ -34789,6 +34789,7 @@ var init_FeedbackForm = __esm({
     }) => {
       const { feedback } = useRoomLayoutLeaveScreen();
       const { endpoints } = useHMSPrebuiltContext();
+      const isMobile = (0, import_react_use53.useMedia)(config.media.md);
       const hmsActions = (0, import_react_sdk109.useHMSActions)();
       const [comment, setComment] = (0, import_react217.useState)("");
       const [selectedReasons, setSelectedReasons] = (0, import_react217.useState)(/* @__PURE__ */ new Set());
@@ -34812,7 +34813,7 @@ var init_FeedbackForm = __esm({
           });
           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,
@@ -34864,7 +34865,7 @@ var init_FeedbackForm = __esm({
             type: "submit",
             icon: true,
             css: {
-              alignSelf: "end"
+              alignSelf: isMobile ? "" : "end"
             },
             onClick: submitFeedback
           },
@@ -34877,6 +34878,7 @@ var init_FeedbackForm = __esm({
       ratings,
       indexSelected = FEEBACK_INDEX.INIT
     }) => {
+      const isMobile = (0, import_react_use53.useMedia)(config.media.md);
       const { feedback } = useRoomLayoutLeaveScreen();
       return /* @__PURE__ */ import_react217.default.createElement(import_react217.default.Fragment, null, /* @__PURE__ */ import_react217.default.createElement(Flex, { align: "center" }, /* @__PURE__ */ import_react217.default.createElement(
         Flex,
@@ -34889,7 +34891,7 @@ var init_FeedbackForm = __esm({
         /* @__PURE__ */ import_react217.default.createElement(
           Text,
           {
-            variant: "h5",
+            variant: isMobile ? "h6" : "h5",
             css: {
               c: "$on_surface_high",
               fontStyle: "normal"
@@ -34900,7 +34902,7 @@ var init_FeedbackForm = __esm({
         /* @__PURE__ */ import_react217.default.createElement(
           Text,
           {
-            variant: "body1",
+            variant: isMobile ? "body2" : "body1",
             css: {
               c: "$on_surface_medium",
               opacity: 0.9,
@@ -34912,9 +34914,13 @@ var init_FeedbackForm = __esm({
       ), indexSelected !== FEEBACK_INDEX.INIT ? /* @__PURE__ */ import_react217.default.createElement(import_react_icons102.CrossIcon, { width: "24px", height: "24px", color: "white", onClick: () => onEmojiClicked(FEEBACK_INDEX.INIT) }) : null), /* @__PURE__ */ import_react217.default.createElement(
         Flex,
         {
+          justify: "between",
           css: {
             gap: "$17",
-            c: "$on_surface_high"
+            c: "$on_surface_high",
+            "@md": {
+              gap: "0"
+            }
           }
         },
         ratings.map((element, index) => {
@@ -34938,7 +34944,10 @@ var init_FeedbackForm = __esm({
                   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
@@ -34946,7 +34955,7 @@ var init_FeedbackForm = __esm({
             /* @__PURE__ */ import_react217.default.createElement(
               Text,
               {
-                variant: "body1",
+                variant: isMobile ? "body2" : "body1",
                 css: {
                   c: indexSelected === index || indexSelected === FEEBACK_INDEX.INIT ? "$on_surface_medium" : "$on_surface_low",
                   fontWeight: "$regular"
@@ -35035,6 +35044,7 @@ var init_FeedbackForm = __esm({
               /* @__PURE__ */ import_react217.default.createElement(
                 Label3,
                 {
+                  htmlFor: `${option}-${index}`,
                   css: {
                     color: "$on_surface_high",
                     fontSize: "$sm",
@@ -35122,7 +35132,7 @@ var init_ThankyouView = __esm({
           }
         },
         /* @__PURE__ */ import_react218.default.createElement(import_react_icons103.UserMusicIcon, { width: "64px", height: "64px" }),
-        /* @__PURE__ */ import_react218.default.createElement(Flex, { direction: "column", align: isMobile ? "center" : "start" }, /* @__PURE__ */ import_react218.default.createElement(Text, { variant: "h5" }, "Thank you for your feedback!"), /* @__PURE__ */ import_react218.default.createElement(
+        /* @__PURE__ */ import_react218.default.createElement(Flex, { direction: "column", align: isMobile ? "center" : "start" }, /* @__PURE__ */ import_react218.default.createElement(Text, { variant: "h5" }, "Thank you for your feedback"), /* @__PURE__ */ import_react218.default.createElement(
           Text,
           {
             variant: "body1",
@@ -35187,21 +35197,22 @@ var init_Feedback = __esm({
           justify: "center",
           css: {
             pt: "$16",
-            w: "528px"
+            w: isMobile ? "100%" : "528px"
           }
         },
         index === FEEBACK_INDEX.INIT ? /* @__PURE__ */ import_react219.default.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"
@@ -37137,7 +37148,7 @@ var require_react_is_production_min = __commonJS({
         }
       }
     }
-    function A(a2) {
+    function A2(a2) {
       return z2(a2) === m;
     }
     exports.AsyncMode = l2;
@@ -37154,9 +37165,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;
     };