@100mslive/roomkit-react 0.3.3-alpha.2 → 0.3.3-alpha.4

package/dist/index.cjs.js

@@ -10,18 +10,18 @@ var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a2, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a2, prop, b[prop]);
+var __spreadValues = (a2, b2) => {
+  for (var prop in b2 || (b2 = {}))
+    if (__hasOwnProp.call(b2, prop))
+      __defNormalProp(a2, prop, b2[prop]);
   if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a2, prop, b[prop]);
+    for (var prop of __getOwnPropSymbols(b2)) {
+      if (__propIsEnum.call(b2, prop))
+        __defNormalProp(a2, prop, b2[prop]);
     }
   return a2;
 };
-var __spreadProps = (a2, b) => __defProps(a2, __getOwnPropDescs(b));
+var __spreadProps = (a2, b2) => __defProps(a2, __getOwnPropDescs(b2));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -44,13 +44,13 @@ var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __copyProps = (to, from, except, desc) => {
+var __copyProps = (to2, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+      if (!__hasOwnProp.call(to2, key) && key !== except)
+        __defProp(to2, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return to;
+  return to2;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
   // If the importer is in node compatibility mode or this is not an ESM
@@ -108,7 +108,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_ec0a20aa-2233-4bd9-bdae-b7a41dfee08d", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_devDependencies_rollup: "^2.70.1", 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", 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.19.1 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_devDependencies__rollup_plugin_node_resolve: "^13.1.3", 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.3-alpha.2", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_ec0a20aa-2233-4bd9-bdae-b7a41dfee08d", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.19.1/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.3-alpha.2", 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.8", 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.6", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.2.11394342", 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: "593", 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_devDependencies__rollup_plugin_image: "^3.0.2", 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.8/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240310.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.1/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.0-alpha.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:19847", 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__rollup_plugin_commonjs: "^21.0.3", 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.3-alpha.2", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", npm_package_devDependencies__rollup_plugin_json: "^6.0.0", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", GITHUB_RUN_ID: "8339008099", 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: "ada10fb3dc34984fd59f37f08629e8bd2a0f6c4c", 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: "c2142c3cc8bf8d6ed2ac27c56ab4a600b5c8eb8e9391d303a398693a6a4a21e8", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/publish-alpha", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1710832689540-0.1579875898379377:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1710832689347-0.6191761134799965:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1710832667592-0.18702594396511474:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1710832667416-0.6771953480301691:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/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.19.1/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_e14939ec-5f43-488a-8f80-7eb5d6b530d2", INVOCATION_ID: "26b5f425f34b46f2b1ca5d99eb8c8e31", 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: "483", 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", npm_package_devDependencies__rollup_plugin_typescript: "^8.3.1", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_devDependencies_rollup_plugin_terser: "^7.0.2", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 442", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", 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_devDependencies_rollup_plugin_import_css: "^3.3.1", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.10.3-alpha.2", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.3-alpha.2", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", GITHUB_SHA: "ada10fb3dc34984fd59f37f08629e8bd2a0f6c4c", 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_ec0a20aa-2233-4bd9-bdae-b7a41dfee08d", 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_ec0a20aa-2233-4bd9-bdae-b7a41dfee08d", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/25.2.9519653", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.154/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_ec0a20aa-2233-4bd9-bdae-b7a41dfee08d" };
+    define_process_env_default = { NVM_INC: "/Users/ravitheja/.nvm/versions/node/v18.17.0/include/node", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_emoji_mart: "^5.2.2", npm_package_devDependencies_rollup_plugin_import_css: "^3.3.1", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_scripts_size: "size-limit", npm_package_devDependencies_prettier: "^2.4.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_dependencies__100mslive_types_prebuilt: "0.12.7", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_devDependencies_rollup_plugin_terser: "^7.0.2", TERM_PROGRAM: "vscode", npm_package_size_limit_0_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", NODE: "/Users/ravitheja/.nvm/versions/node/v18.17.0/bin/node", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_scripts_types_build: "tsc -p tsconfig.json", INIT_CWD: "/Users/ravitheja/Documents/web-sdks", NVM_CD_FLAGS: "-q", npm_package_devDependencies_typescript: "~4.7.4", npm_config_version_git_tag: "true", npm_package_devDependencies__rollup_plugin_typescript: "^8.3.1", TERM: "xterm-256color", SHELL: "/bin/zsh", npm_package_devDependencies_jest: "26.6.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__storybook_react_webpack5: "^7.0.27", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", npm_package_size_limit_4_limit: "20 KB", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_toast: "1.0.0", TMPDIR: "/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/", npm_package_devDependencies_esbuild: "^0.18.13", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies__100mslive_react_icons: "0.10.3-alpha.4", npm_package_size_limit_6_limit: "150 KB", npm_package_scripts_store: "cd packages/hms-video-store && yarn start", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_config_init_license: "MIT", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", TERM_PROGRAM_VERSION: "1.87.0", npm_package_devDependencies_concurrently: "^6.4.0", npm_package_dependencies_screenfull: "^5.1.0", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", ZDOTDIR: "/Users/ravitheja", ORIGINAL_XDG_CURRENT_DESKTOP: "undefined", MallocNanoZone: "0", npm_package_dependencies_uuid: "^8.3.2", npm_package_private: "true", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_devDependencies__storybook_addon_interactions: "^7.0.27", npm_package_sideEffects: "false", ZSH: "/Users/ravitheja/.oh-my-zsh", npm_package_devDependencies_size_limit: "^5.0.3", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_readmeFilename: "README.md", NVM_DIR: "/Users/ravitheja/.nvm", USER: "ravitheja", 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_react: "^18.1.0", npm_package_license: "MIT", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_devDependencies__types_react: "^18.1.0", COMMAND_MODE: "unix2003", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_exports___import: "./dist/index.js", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_devDependencies__babel_core: "^7.18.2", NX_TASK_HASH: "b0f3689284995b999c8c5650146ced9afae1bbd19cf3308ede185a4a9b0ede50", npm_package_repository_directory: "packages/roomkit-react", SSH_AUTH_SOCK: "/private/tmp/com.apple.launchd.kq3RNeovXJ/Listeners", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_devDependencies__storybook_addon_actions: "^7.0.27", npm_package_devDependencies__rollup_plugin_commonjs: "^21.0.3", __CF_USER_TEXT_ENCODING: "0x1F5:0x0:0x0", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_devDependencies__types_jest: "^27.0.3", npm_execpath: "/usr/local/Cellar/yarn/1.22.19/libexec/bin/yarn.js", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", PAGER: "less", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.0.0-alpha.1", npm_package_module: "dist/index.js", npm_package_dependencies_react_use: "^17.4.0", npm_package_devDependencies__types_mdx: "2.0.2", npm_package_devDependencies__rollup_plugin_json: "^6.0.0", npm_package_author_name: "100ms", LSCOLORS: "Gxfxcxdxbxegedabagacad", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_dependencies__stitches_react: "^1.2.8", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", PATH: "/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/yarn--1710858680723-0.5894944620724656:/Users/ravitheja/Documents/web-sdks/packages/roomkit-react/node_modules/.bin:/Users/ravitheja/.config/yarn/link/node_modules/.bin:/Users/ravitheja/Documents/web-sdks/node_modules/.bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/libexec/lib/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/lib/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/bin/node_modules/npm/bin/node-gyp-bin:/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/yarn--1710858680330-0.621429415928052:/Users/ravitheja/Documents/web-sdks/packages/roomkit-react/node_modules/.bin:/Users/ravitheja/.config/yarn/link/node_modules/.bin:/Users/ravitheja/Documents/web-sdks/node_modules/.bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/libexec/lib/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/lib/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/bin/node_modules/npm/bin/node-gyp-bin:/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/yarn--1710858665031-0.12795214732375126:/Users/ravitheja/Documents/web-sdks/node_modules/.bin:/Users/ravitheja/.config/yarn/link/node_modules/.bin:/Users/ravitheja/Documents/web-sdks/node_modules/.bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/libexec/lib/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/lib/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/bin/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/bin:/usr/local/bin:/System/Cryptexes/App/usr/bin:/usr/bin:/bin:/usr/sbin:/sbin:/var/run/com.apple.security.cryptexd/codex.system/bootstrap/usr/local/bin:/var/run/com.apple.security.cryptexd/codex.system/bootstrap/usr/bin:/var/run/com.apple.security.cryptexd/codex.system/bootstrap/usr/appleinternal/bin:/Library/Apple/usr/bin:/Applications/Wireshark.app/Contents/MacOS:/Users/ravitheja/.nvm/versions/node/v18.17.0/bin:/Users/ravitheja/.cargo/bin", npm_config_argv: '{"remain":[],"cooked":["run","build"],"original":["build"]}', npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_scripts_lint_fix: "yarn lint --fix", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_size_limit_5_limit: "20 KB", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_nx: "^14.5.1", npm_config_workspaces_experimental: "true", npm_package_dependencies__radix_ui_react_switch: "1.0.0", npm_package_devDependencies_rollup: "^2.70.1", _: "/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/yarn--1710858680723-0.5894944620724656/node", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", NX_WORKSPACE_ROOT: "/Users/ravitheja/Documents/web-sdks", npm_package_dependencies__radix_ui_react_progress: "1.0.0", USER_ZDOTDIR: "/Users/ravitheja", __CFBundleIdentifier: "com.microsoft.VSCode", npm_package_size_limit_7_limit: "100 KB", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_devDependencies_ts_jest: "26.5.6", PWD: "/Users/ravitheja/Documents/web-sdks/packages/roomkit-react", npm_package_devDependencies_cypress: "^9.5.2", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_devDependencies__rollup_plugin_node_resolve: "^13.1.3", npm_package_dependencies__100mslive_react_sdk: "0.10.3-alpha.4", npm_package_devDependencies__storybook_cli: "^7.0.27", npm_lifecycle_event: "build:only", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", LANG: "en_US.UTF-8", npm_package_name: "@100mslive/roomkit-react", npm_package_repository_type: "git", npm_package_keywords_0: "100mslive", npm_package_size_limit_2_limit: "400 KB", npm_package_dependencies__100mslive_hms_virtual_background: "1.13.3-alpha.4", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_1: "react", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_version_commit_hooks: "true", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_keywords_2: "prebuilt", VSCODE_GIT_ASKPASS_EXTRA_ARGS: "", XPC_FLAGS: "0x0", npm_package_keywords_3: "roomkit", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", npm_config_bin_links: "true", npm_package_engines_node: ">=16", FORCE_COLOR: "true", npm_package_devDependencies__storybook_react: "^7.0.27", npm_config_wrap_output: "", npm_package_scripts_cypress_open: "cypress open", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_main: "dist/index.cjs.js", XPC_SERVICE_NAME: "0", npm_package_version: "0.3.3-alpha.4", npm_package_dependencies_recordrtc: "^5.6.2", VSCODE_INJECTION: "1", SHLVL: "5", HOME: "/Users/ravitheja", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_package_dependencies_react_window: "^1.8.7", VSCODE_GIT_ASKPASS_MAIN: "/Applications/Visual Studio Code.app/Contents/Resources/app/extensions/git/dist/askpass-main.js", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_source: "src/index.ts", npm_config_save_prefix: "^", npm_config_strict_ssl: "true", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies__100mslive_hls_player: "0.3.3-alpha.4", npm_package_devDependencies_husky: "^6.0.0", npm_package_devDependencies__commitlint_cli: "^15.0.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies_ts_pattern: "4.3.0", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_exports___default: "./dist/index.js", LESS: "-R", LOGNAME: "ravitheja", YARN_WRAP_OUTPUT: "false", npm_package_scripts_format: "prettier -w src/**", npm_package_dependencies_qrcode_react: "^3.1.0", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__rollup_plugin_image: "^3.0.2", npm_package_typings: "dist/index.d.ts", PREFIX: "/usr/local", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_exports___require: "./dist/index.cjs.js", VSCODE_GIT_IPC_HANDLE: "/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/vscode-git-10419d9aa6.sock", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_scripts_babel: "npx storybook@latest babelrc", NVM_BIN: "/Users/ravitheja/.nvm/versions/node/v18.17.0/bin", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_config_version_git_sign: "", npm_config_ignore_scripts: "", npm_config_user_agent: "yarn/1.22.19 npm/? node/v18.17.0 darwin x64", npm_package_dependencies__radix_ui_react_label: "1.0.0", VSCODE_GIT_ASKPASS_NODE: "/Applications/Visual Studio Code.app/Contents/Frameworks/Code Helper (Plugin).app/Contents/MacOS/Code Helper (Plugin)", GIT_ASKPASS: "/Applications/Visual Studio Code.app/Contents/Resources/app/extensions/git/dist/askpass.sh", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_devDependencies__types_node: "^16.11.17", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", npm_package_scripts_types: "tsc -w", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_lerna: "^5.6.2", npm_package_files_1: "src", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_files_0: "dist", npm_package_size_limit_3_limit: "20 KB", npm_config_init_version: "1.0.0", npm_config_ignore_optional: "", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_workspaces_0: "packages/*", npm_package_dependencies_react_draggable: "^4.4.5", COLORTERM: "truecolor", npm_node_execpath: "/Users/ravitheja/.nvm/versions/node/v18.17.0/bin/node", npm_package_workspaces_1: "examples/*", npm_config_version_tag_prefix: "v", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", REACT_APP_TILE_SHAPE: "16-9", REACT_APP_THEME: "dark", REACT_APP_COLOR: "#FF0000", REACT_APP_LOGO: "", REACT_APP_FONT: "Roboto", REACT_APP_SHOW_CHAT: "true", REACT_APP_SHOW_SCREENSHARE: "true", REACT_APP_VIDEO_AVATAR: "true", REACT_APP_TOKEN_GENERATION_ENDPOINT: "https://qa-in2.100ms.live/hmsapi/hrashi-studystream.qa-app.100ms.live/", REACT_APP_ENV: "qa", REACT_APP_LOGROCKET_ID: "<Your Logrocket project ID>", REACT_APP_POLICY_CONFIG: "", REACT_APP_WEBINAR_PROPS: "{}", REACT_APP_ENABLE_STATS_FOR_NERDS: "true", REACT_APP_AUDIO_PLAYLIST: '[{"name":"Audio1","id":"audio1","metadata":{"description":"Artist1"},"url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/audio1.mp3","type":"audio"},{"name":"Audio2","id":"audio2","metadata":{"description":"Artist2"},"url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/audio2.mp3","type":"audio"},{"name":"Audio3","id":"audio3","metadata":{"description":"Artist3"},"url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/audio3.mp3","type":"audio"},{"name":"Audio4","id":"audio4","metadata":{"description":"Artist4"},"url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/audio4.mp3","type":"audio"},{"name":"Audio5","id":"audio5","metadata":{"description":"Artist5"},"url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/audio5.mp3","type":"audio"},{"name":"Audio6","id":"audio6","metadata":{"description":"Artist6"},"url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/audio6.mp3","type":"audio"}]', REACT_APP_VIDEO_PLAYLIST: '[{"name":"Video1","id":"video1","url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/video1.mp4","type":"video"}]', REACT_APP_HOST_NAME: "ravi.qa-app.100ms.live", REACT_APP_DEFAULT_APP_DETAILS: '{"headlessConfig":{"uiMode":"activespeaker","hideAudioLevel":true,"hideTileAudioMute":true}}', REACT_APP_TOKEN_GENERATION_ENDPOINT_DOMAIN: "ravi.qa-app.100ms.live", REACT_APP_ZIPY_KEY: "", REACT_APP_PUSHER_APP_KEY: "4ae6f78bb2b7f2d9ed11", REACT_APP_PUSHER_AUTHENDPOINT: "https://whiteboard-server.vercel.app/api/pusher/auth", REACT_APP_ENABLE_WHITEBOARD: "true", REACT_APP_TRANSCRIPTION_ROOM_ID: "644df1027cebfa471fcc52fd", STORYBOOK_ROOM_LAYOUT_ENDPOINT: "https://api-nonprod.100ms.live/v2/layouts/ui", STORYBOOK_TOKEN_BY_ROOM_CODE_ENDPOINT: "https://auth-nonprod.100ms.live/v2/token", STORYBOOK_INIT_API_ENDPOINT: "https://qa-init.100ms.live/init", STORYBOOK_SAMPLE_ROOM_CODE: "dkz-teqx-wap" };
   }
 });
 
@@ -2658,7 +2658,7 @@ var init_AudioLevel = __esm({
     init_Layout();
     init_Theme();
     init_audio_level();
-    positionValues = new Array(101).fill(0).reduce((acc, _2, index) => {
+    positionValues = new Array(101).fill(0).reduce((acc, _, index) => {
       acc[index] = Math.round(index / 100 * 4) / 4;
       return acc;
     }, {});
@@ -3331,8 +3331,8 @@ var init_Accordion = __esm({
     AccordionRoot = StyledAccordion;
     AccordionItem = StyledItem;
     AccordionHeader = import_react23.default.forwardRef((_a8, forwardedRef) => {
-      var _b7 = _a8, { children, iconStyles, css: css2, chevronID } = _b7, props = __objRest(_b7, ["children", "iconStyles", "css", "chevronID"]);
-      return /* @__PURE__ */ import_react23.default.createElement(StyledHeader, { css: css2 }, /* @__PURE__ */ import_react23.default.createElement(StyledTrigger3, __spreadProps(__spreadValues({}, props), { ref: forwardedRef }), children, /* @__PURE__ */ import_react23.default.createElement(StyledChevron, { "data-testid": chevronID, "aria-hidden": true, css: iconStyles })));
+      var _b7 = _a8, { children, iconStyles, css: css2 } = _b7, props = __objRest(_b7, ["children", "iconStyles", "css"]);
+      return /* @__PURE__ */ import_react23.default.createElement(StyledHeader, { css: css2 }, /* @__PURE__ */ import_react23.default.createElement(StyledTrigger3, __spreadProps(__spreadValues({}, props), { ref: forwardedRef }), children, /* @__PURE__ */ import_react23.default.createElement(StyledChevron, { "aria-hidden": true, css: iconStyles })));
     });
     AccordionContent = import_react23.default.forwardRef(
       (_a8, forwardedRef) => {
@@ -4743,7 +4743,7 @@ var require_lodash = __commonJS({
         return string.match(reUnicodeWord) || [];
       }
       var runInContext = function runInContext2(context) {
-        context = context == null ? root : _2.defaults(root.Object(), context, _2.pick(root, contextProps));
+        context = context == null ? root : _.defaults(root.Object(), context, _.pick(root, contextProps));
         var Array2 = context.Array, Date2 = context.Date, Error2 = context.Error, Function2 = context.Function, Math2 = context.Math, Object2 = context.Object, RegExp2 = context.RegExp, String2 = context.String, TypeError2 = context.TypeError;
         var arrayProto = Array2.prototype, funcProto = Function2.prototype, objectProto = Object2.prototype;
         var coreJsData = context["__core-js_shared__"];
@@ -8090,7 +8090,7 @@ var require_lodash = __commonJS({
         function eq(value, other) {
           return value === other || value !== value && other !== other;
         }
-        var gt = createRelationalOperation(baseGt);
+        var gt2 = createRelationalOperation(baseGt);
         var gte = createRelationalOperation(function(value, other) {
           return value >= other;
         });
@@ -9229,7 +9229,7 @@ var require_lodash = __commonJS({
         lodash.forOwn = forOwn;
         lodash.forOwnRight = forOwnRight;
         lodash.get = get;
-        lodash.gt = gt;
+        lodash.gt = gt2;
         lodash.gte = gte;
         lodash.has = has;
         lodash.hasIn = hasIn;
@@ -9517,17 +9517,17 @@ var require_lodash = __commonJS({
         }
         return lodash;
       };
-      var _2 = runInContext();
+      var _ = runInContext();
       if (typeof define == "function" && typeof define.amd == "object" && define.amd) {
-        root._ = _2;
+        root._ = _;
         define(function() {
-          return _2;
+          return _;
         });
       } else if (freeModule) {
-        (freeModule.exports = _2)._ = _2;
-        freeExports._ = _2;
+        (freeModule.exports = _)._ = _;
+        freeExports._ = _;
       } else {
-        root._ = _2;
+        root._ = _;
       }
     }).call(exports);
   }
@@ -9742,12 +9742,12 @@ var init_utils2 = __esm({
       const hour = hours !== 0 ? `${hours < 10 ? "0" : ""}${hours}:` : "";
       return `${hour}${minutes < 10 ? "0" : ""}${minutes}:${seconds < 10 ? "0" : ""}${seconds}`;
     };
-    compareArrays = (a2, b) => {
-      if (a2.length !== b.length)
+    compareArrays = (a2, b2) => {
+      if (a2.length !== b2.length)
         return false;
       else {
         for (var i = 0; i < a2.length; i++) {
-          if (a2[i] !== b[i]) {
+          if (a2[i] !== b2[i]) {
             return false;
           }
         }
@@ -13728,10 +13728,10 @@ var init_MuteAllModal = __esm({
   }
 });
 
-// src/Prebuilt/components/hooks/useMetadata.tsx
+// src/Prebuilt/components/hooks/useMetadata.jsx
 var import_react67, import_react_sdk27, useMyMetadata;
 var init_useMetadata = __esm({
-  "src/Prebuilt/components/hooks/useMetadata.tsx"() {
+  "src/Prebuilt/components/hooks/useMetadata.jsx"() {
     "use strict";
     init_define_process_env();
     import_react67 = require("react");
@@ -13750,7 +13750,6 @@ var init_useMetadata = __esm({
         } catch (error) {
           console.error("failed to update metadata ", updatedFields);
         }
-        return false;
       });
       const toggleHandRaise = (0, import_react67.useCallback)(() => __async(void 0, null, function* () {
         if (isHandRaised) {
@@ -13767,13 +13766,19 @@ var init_useMetadata = __esm({
           yield hmsActions.lowerLocalPeerHand();
         }
       }), [metaData == null ? void 0 : metaData.isBRBOn]);
+      const setPrevRole = (role) => __async(void 0, null, function* () {
+        yield update({
+          prevRole: role
+        });
+      });
       return {
         isHandRaised,
         isBRBOn: !!(metaData == null ? void 0 : metaData.isBRBOn),
         metaData,
         updateMetaData: update,
         toggleHandRaise,
-        toggleBRB
+        toggleBRB,
+        setPrevRole
       };
     };
   }
@@ -13918,8 +13923,8 @@ var init_DesktopOptions = __esm({
 });
 
 // ../../node_modules/reselect/es/index.js
-function defaultEqualityCheck(a2, b) {
-  return a2 === b;
+function defaultEqualityCheck(a2, b2) {
+  return a2 === b2;
 }
 function areArgumentsShallowlyEqual(equalityCheck, prev, next) {
   if (prev === null || next === null || prev.length !== next.length) {
@@ -16172,7 +16177,7 @@ function shimGetUserMedia(window2, browserDetails) {
     if (typeof c !== "object" || c.mandatory || c.optional) {
       return c;
     }
-    const cc2 = {};
+    const cc = {};
     Object.keys(c).forEach((key) => {
       if (key === "require" || key === "advanced" || key === "mediaSource") {
         return;
@@ -16188,35 +16193,35 @@ function shimGetUserMedia(window2, browserDetails) {
         return name === "deviceId" ? "sourceId" : name;
       };
       if (r.ideal !== void 0) {
-        cc2.optional = cc2.optional || [];
-        let oc = {};
+        cc.optional = cc.optional || [];
+        let oc2 = {};
         if (typeof r.ideal === "number") {
-          oc[oldname_("min", key)] = r.ideal;
-          cc2.optional.push(oc);
-          oc = {};
-          oc[oldname_("max", key)] = r.ideal;
-          cc2.optional.push(oc);
+          oc2[oldname_("min", key)] = r.ideal;
+          cc.optional.push(oc2);
+          oc2 = {};
+          oc2[oldname_("max", key)] = r.ideal;
+          cc.optional.push(oc2);
         } else {
-          oc[oldname_("", key)] = r.ideal;
-          cc2.optional.push(oc);
+          oc2[oldname_("", key)] = r.ideal;
+          cc.optional.push(oc2);
         }
       }
       if (r.exact !== void 0 && typeof r.exact !== "number") {
-        cc2.mandatory = cc2.mandatory || {};
-        cc2.mandatory[oldname_("", key)] = r.exact;
+        cc.mandatory = cc.mandatory || {};
+        cc.mandatory[oldname_("", key)] = r.exact;
       } else {
         ["min", "max"].forEach((mix) => {
           if (r[mix] !== void 0) {
-            cc2.mandatory = cc2.mandatory || {};
-            cc2.mandatory[oldname_(mix, key)] = r[mix];
+            cc.mandatory = cc.mandatory || {};
+            cc.mandatory[oldname_(mix, key)] = r[mix];
           }
         });
       }
     });
     if (c.advanced) {
-      cc2.optional = (cc2.optional || []).concat(c.advanced);
+      cc.optional = (cc.optional || []).concat(c.advanced);
     }
-    return cc2;
+    return cc;
   };
   const shimConstraints_ = function(constraints, func) {
     if (browserDetails.version >= 61) {
@@ -16224,9 +16229,9 @@ function shimGetUserMedia(window2, browserDetails) {
     }
     constraints = JSON.parse(JSON.stringify(constraints));
     if (constraints && typeof constraints.audio === "object") {
-      const remap = function(obj, a2, b) {
-        if (a2 in obj && !(b in obj)) {
-          obj[b] = obj[a2];
+      const remap = function(obj, a2, b2) {
+        if (a2 in obj && !(b2 in obj)) {
+          obj[b2] = obj[a2];
           delete obj[a2];
         }
       };
@@ -16986,9 +16991,9 @@ function shimGetUserMedia2(window2, browserDetails) {
     navigator2.mediaDevices.getUserMedia(constraints).then(onSuccess, onError);
   };
   if (!(browserDetails.version > 55 && "autoGainControl" in navigator2.mediaDevices.getSupportedConstraints())) {
-    const remap = function(obj, a2, b) {
-      if (a2 in obj && !(b in obj)) {
-        obj[b] = obj[a2];
+    const remap = function(obj, a2, b2) {
+      if (a2 in obj && !(b2 in obj)) {
+        obj[b2] = obj[a2];
         delete obj[a2];
       }
     };
@@ -17760,12 +17765,12 @@ var require_sdp = __commonJS({
       return parsed;
     };
     SDPUtils2.writeRtpMap = function(codec) {
-      let pt = codec.payloadType;
+      let pt2 = codec.payloadType;
       if (codec.preferredPayloadType !== void 0) {
-        pt = codec.preferredPayloadType;
+        pt2 = codec.preferredPayloadType;
       }
       const channels = codec.channels || codec.numChannels || 1;
-      return "a=rtpmap:" + pt + " " + codec.name + "/" + codec.clockRate + (channels !== 1 ? "/" + channels : "") + "\r\n";
+      return "a=rtpmap:" + pt2 + " " + codec.name + "/" + codec.clockRate + (channels !== 1 ? "/" + channels : "") + "\r\n";
     };
     SDPUtils2.parseExtmap = function(line) {
       const parts = line.substring(9).split(" ");
@@ -17791,9 +17796,9 @@ var require_sdp = __commonJS({
     };
     SDPUtils2.writeFmtp = function(codec) {
       let line = "";
-      let pt = codec.payloadType;
+      let pt2 = codec.payloadType;
       if (codec.preferredPayloadType !== void 0) {
-        pt = codec.preferredPayloadType;
+        pt2 = codec.preferredPayloadType;
       }
       if (codec.parameters && Object.keys(codec.parameters).length) {
         const params = [];
@@ -17804,7 +17809,7 @@ var require_sdp = __commonJS({
             params.push(param);
           }
         });
-        line += "a=fmtp:" + pt + " " + params.join(";") + "\r\n";
+        line += "a=fmtp:" + pt2 + " " + params.join(";") + "\r\n";
       }
       return line;
     };
@@ -17817,13 +17822,13 @@ var require_sdp = __commonJS({
     };
     SDPUtils2.writeRtcpFb = function(codec) {
       let lines = "";
-      let pt = codec.payloadType;
+      let pt2 = codec.payloadType;
       if (codec.preferredPayloadType !== void 0) {
-        pt = codec.preferredPayloadType;
+        pt2 = codec.preferredPayloadType;
       }
       if (codec.rtcpFeedback && codec.rtcpFeedback.length) {
         codec.rtcpFeedback.forEach((fb) => {
-          lines += "a=rtcp-fb:" + pt + " " + fb.type + (fb.parameter && fb.parameter.length ? " " + fb.parameter : "") + "\r\n";
+          lines += "a=rtcp-fb:" + pt2 + " " + fb.type + (fb.parameter && fb.parameter.length ? " " + fb.parameter : "") + "\r\n";
         });
       }
       return lines;
@@ -17951,21 +17956,21 @@ var require_sdp = __commonJS({
       const mline = lines[0].split(" ");
       description.profile = mline[2];
       for (let i = 3; i < mline.length; i++) {
-        const pt = mline[i];
+        const pt2 = mline[i];
         const rtpmapline = SDPUtils2.matchPrefix(
           mediaSection,
-          "a=rtpmap:" + pt + " "
+          "a=rtpmap:" + pt2 + " "
         )[0];
         if (rtpmapline) {
           const codec = SDPUtils2.parseRtpMap(rtpmapline);
           const fmtps = SDPUtils2.matchPrefix(
             mediaSection,
-            "a=fmtp:" + pt + " "
+            "a=fmtp:" + pt2 + " "
           );
           codec.parameters = fmtps.length ? SDPUtils2.parseFmtp(fmtps[0]) : {};
           codec.rtcpFeedback = SDPUtils2.matchPrefix(
             mediaSection,
-            "a=rtcp-fb:" + pt + " "
+            "a=rtcp-fb:" + pt2 + " "
           ).map(SDPUtils2.parseRtcpFb);
           description.codecs.push(codec);
           switch (codec.name.toUpperCase()) {
@@ -19435,41 +19440,41 @@ function He(a2, e) {
   if (e)
     for (let r of e.auxiliaryTracks) {
       let s = a2[r];
-      Ha(s) && (i = it(s) ? s : i, t = rt(s) ? s : t);
+      Ra(s) && (i = tt(s) ? s : i, t = it(s) ? s : t);
     }
   return { video: t, audio: i };
 }
-function it(a2) {
+function tt(a2) {
   return a2 && a2.type === "audio";
 }
-function rt(a2) {
+function it(a2) {
   return a2 && a2.type === "video";
 }
-function Ha(a2) {
+function Ra(a2) {
   return a2 && a2.source === "screen";
 }
 function $t(a2) {
   return a2 && a2.source === "audioplaylist";
 }
-function st(a2) {
+function rt(a2) {
   return a2 && a2.source === "videoplaylist";
 }
-function Jr(a2) {
+function jr(a2) {
   return a2 ? !!(a2 != null && a2.degraded) : false;
 }
 function Ue(a2, e) {
   return e && a2.tracks[e] ? a2.tracks[e].enabled : false;
 }
-function at(a2) {
+function st(a2) {
   var r;
   let e = false, t = false, i = false;
   return (r = a2 == null ? void 0 : a2.publishParams) != null && r.allowed && (e = a2.publishParams.allowed.includes("video"), t = a2.publishParams.allowed.includes("audio"), i = a2.publishParams.allowed.includes("screen")), { video: e, audio: t, screen: i };
 }
-function A(a2) {
+function b(a2) {
   return (e) => (t) => a2(t, e);
 }
-function Ga() {
-  if (_ && window) {
+function Fa() {
+  if (w && window) {
     let a2 = window.location.hostname;
     return a2 === "localhost" || a2 === "127.0.0.1" ? "LOCAL" : a2.includes("app.100ms.live") ? "HMS" : "CUSTOM";
   }
@@ -19478,12 +19483,12 @@ function Ga() {
 function ie(a2) {
   return a2 != null;
 }
-function nt(a2 = "prod", e) {
+function ot(a2 = "prod", e) {
   let t = "web", i = Ve !== "LOCAL" && a2 === "prod" ? "prod" : "debug";
   if (Ce)
-    return Es({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version: Ps, env: i, domain: Ve, is_prebuilt: !!(e != null && e.isPrebuilt), framework: "node", framework_version: process.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
+    return Ps({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version: ks, env: i, domain: Ve, is_prebuilt: !!(e != null && e.isPrebuilt), framework: "node", framework_version: process.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
   let r = pe.getOS(), s = pe.getDevice(), o = pe.getBrowser(), n = ur(`web_${r.name}`), l = r.version || "", u = ur(`${o.name}_${o.version}`), p = u;
-  return s.type && (p = `${ur(`${s.vendor}_${s.type}`)}/${u}`), Es({ os: n, os_version: l, sdk: t, sdk_version: Ps, device_model: p, env: i, domain: Ve, 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 = `${ur(`${s.vendor}_${s.type}`)}/${u}`), Ps({ os: n, os_version: l, sdk: t, sdk_version: ks, device_model: p, env: i, domain: Ve, 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 ur(a2) {
   return a2.replace(/ /g, "_");
@@ -19498,13 +19503,13 @@ function Jt(a2, e = 300) {
     }, e);
   };
 }
-function nm(a2) {
+function im(a2) {
   return (e) => {
     if (e.sessionStore)
       return a2 ? e.sessionStore[a2] : e.sessionStore;
   };
 }
-var import_ua_parser_js, import_lodash3, import_uuid3, import_uuid4, import_lodash4, import_uuid5, import_uuid6, import_uuid7, import_eventemitter2, import_eventemitter22, import_uuid8, import_eventemitter23, Dt, import_eventemitter24, import_uuid9, import_uuid10, ka, Pa, Ea, Vt, Wr, Kr, $r, m, v, Xi, Ia, lr, Zi, Ra, qr, er, jr, B, Ca, Rn, Hn, G, Wt, zr, w, tr, La, ye, Dn, Da, oe, wa, z, ue, wn, _n, Z, K, _a7, Xr, Nn, On, rr, Na, Un, Bn, Vn, Fn, Gn, $n, Wn, Kn, ot, Oa, qn, Y, es, jn, ne, Jn, Kt, xa, ts, Qn, is, zn, Yn, Xn, Zn, ec, tc, ic, rc, rs, nc, Ua, cc, as, sr, os, ns, cs, ds, ls, us, ps, hs, ms, Ba, d, pe, _, Ss, Ce, Fa, gc, gs, Ts, vs, Ve, M, f, $a, h, nr, Ms, ce, ys, Ps, Es, R, pr, Fe, y, hr, q, mr, Sr, Cs, Ls, Ds, gr, Os, Tr, xs, fr, vr, Vs, Fs, ht, ze, Tt, k, Hr, ft, Js, ho, mo, J, Cr, So, go, To, fo, vo, Q, om, dm, oi, Qs, lm, um, pm, Mo, yo, mm, zs, Sm, ko, gm, Tm, fm, vm, Mm, ym, Ys, Xs, Pm, Em, Zs, bm, Am, ea, Im, Rm, Hm, ta, ia, Po, Eo, bo, Cm, Lm, Dm, wm, _m, ra, Km, Ao, qm, jm, Jm, Ro, Ho, Nr, Te, $, Bi, Ji, Qo, zo, Yo, Xo, Ma, Zo, ya, Vr, ve, en, tn, rn, sn, an, on, nn, cn, dn, ln, Fr, un, pn, hn, mn, Sn, gn;
+var import_ua_parser_js, import_lodash3, import_uuid3, import_uuid4, import_lodash4, import_uuid5, import_uuid6, import_uuid7, import_eventemitter2, import_eventemitter22, import_uuid8, import_eventemitter23, Dt, import_eventemitter24, import_uuid9, import_uuid10, ya, ka, Pa, Vt, $r, Wr, Gr, S, v, Xi, Aa, lr, Zi, Ia, Kr, er, qr, B, Ha, In, Rn, G, Wt, Qr, D, tr, Ca, ye, Ln, La, oe, Da, z, ue, Dn, wn, Z, K, wa, Yr, _n, Nn, rr, _a7, xn, Un, Bn, Vn, Fn, Gn, $n, Wn, at, Na, Kn, Y, Zr, qn, ne, jn, Kt, Oa, es, Jn, ts, Qn, zn, Yn, Xn, Zn, ec, tc, ic, is, oc, xa, nc, ss, sr, as, os, ns, cs, ds, ls, us, ps, hs, Ua, d, pe, w, ms, Ce, Va, Sc, Ss, gs, fs, Ve, M, f, Ga, m, nr, vs, ce, Ms, ks, Ps, R, y, pr, q, hr, mr, Hs, Cs, Ls, Sr, Ns, gr, Os, Tr, fr, Bs, Vs, pt, Qe, gt, k, Rr, Tt, js, po, ho, J, Hr, mo, So, go, To, fo, Q, tm, sm, oi, Js, am, om, nm, vo, Mo, dm, Qs, lm, yo, um, pm, hm, mm, Sm, gm, zs, Ys, fm, vm, Xs, Mm, ym, Zs, km, Pm, Em, ea, ta, ko, Po, Eo, bm, Am, Im, Rm, Hm, ia, Vm, bo, Fm, Gm, $m, Io, Ro, _r, Te, $, Bi, Ji, Jo, Qo, zo, Yo, va, Xo, Ma, Br, ve, Zo, en, tn, rn, sn, an, on, nn, cn, dn, Vr, ln, un, pn, hn, mn, Sn;
 var init_dist = __esm({
   "../hms-video-store/dist/index.js"() {
     "use strict";
@@ -19532,68 +19537,68 @@ var init_dist = __esm({
     import_uuid9 = require("uuid");
     import_uuid10 = require("uuid");
     init_es();
-    ka = Object.defineProperty;
-    Pa = Object.defineProperties;
-    Ea = Object.getOwnPropertyDescriptors;
+    ya = Object.defineProperty;
+    ka = Object.defineProperties;
+    Pa = Object.getOwnPropertyDescriptors;
     Vt = Object.getOwnPropertySymbols;
-    Wr = Object.prototype.hasOwnProperty;
-    Kr = Object.prototype.propertyIsEnumerable;
-    $r = (a2, e, t) => e in a2 ? ka(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
-    m = (a2, e) => {
+    $r = Object.prototype.hasOwnProperty;
+    Wr = Object.prototype.propertyIsEnumerable;
+    Gr = (a2, e, t) => e in a2 ? ya(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
+    S = (a2, e) => {
       for (var t in e || (e = {}))
-        Wr.call(e, t) && $r(a2, t, e[t]);
+        $r.call(e, t) && Gr(a2, t, e[t]);
       if (Vt)
         for (var t of Vt(e))
-          Kr.call(e, t) && $r(a2, t, e[t]);
+          Wr.call(e, t) && Gr(a2, t, e[t]);
       return a2;
     };
-    v = (a2, e) => Pa(a2, Ea(e));
+    v = (a2, e) => ka(a2, Pa(e));
     Xi = (a2, e) => {
       var t = {};
       for (var i in a2)
-        Wr.call(a2, i) && e.indexOf(i) < 0 && (t[i] = a2[i]);
+        $r.call(a2, i) && e.indexOf(i) < 0 && (t[i] = a2[i]);
       if (a2 != null && Vt)
         for (var i of Vt(a2))
-          e.indexOf(i) < 0 && Kr.call(a2, i) && (t[i] = a2[i]);
+          e.indexOf(i) < 0 && Wr.call(a2, i) && (t[i] = a2[i]);
       return t;
     };
-    Ia = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
-    lr = Ia((ed, Ka) => {
-      Ka.exports = { version: "0.12.3-alpha.2", 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"] };
+    Aa = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
+    lr = Aa((Zc, Wa) => {
+      Wa.exports = { version: "0.12.3-alpha.4", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "src"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, sideEffects: false, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", "lodash.isequal": "^4.5.0", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/lodash.isequal": "^4.5.8", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
     });
     Zi = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(Zi || {});
-    Ra = ((e) => (e.CHAT = "chat", e))(Ra || {});
-    qr = ((t) => (t.INFO = "info", t.ERROR = "error", t))(qr || {});
+    Ia = ((e) => (e.CHAT = "chat", e))(Ia || {});
+    Kr = ((t) => (t.INFO = "info", t.ERROR = "error", t))(Kr || {});
     er = ((C) => (C.PEER_JOINED = "PEER_JOINED", C.PEER_LEFT = "PEER_LEFT", C.PEER_LIST = "PEER_LIST", C.NEW_MESSAGE = "NEW_MESSAGE", C.ERROR = "ERROR", C.RECONNECTING = "RECONNECTING", C.RECONNECTED = "RECONNECTED", C.TRACK_ADDED = "TRACK_ADDED", C.TRACK_REMOVED = "TRACK_REMOVED", C.TRACK_MUTED = "TRACK_MUTED", C.TRACK_UNMUTED = "TRACK_UNMUTED", C.TRACK_DEGRADED = "TRACK_DEGRADED", C.TRACK_RESTORED = "TRACK_RESTORED", C.TRACK_DESCRIPTION_CHANGED = "TRACK_DESCRIPTION_CHANGED", C.ROLE_UPDATED = "ROLE_UPDATED", C.CHANGE_TRACK_STATE_REQUEST = "CHANGE_TRACK_STATE_REQUEST", C.CHANGE_MULTI_TRACK_STATE_REQUEST = "CHANGE_MULTI_TRACK_STATE_REQUEST", C.ROOM_ENDED = "ROOM_ENDED", C.REMOVED_FROM_ROOM = "REMOVED_FROM_ROOM", C.DEVICE_CHANGE_UPDATE = "DEVICE_CHANGE_UPDATE", C.PLAYLIST_TRACK_ENDED = "PLAYLIST_TRACK_ENDED", C.NAME_UPDATED = "NAME_UPDATED", C.METADATA_UPDATED = "METADATA_UPDATED", C.POLL_CREATED = "POLL_CREATED", C.POLL_STARTED = "POLL_STARTED", C.POLL_STOPPED = "POLL_STOPPED", C.POLL_VOTES_UPDATED = "POLL_VOTES_UPDATED", C.POLLS_LIST = "POLLS_LIST", C.HAND_RAISE_CHANGED = "HAND_RAISE_CHANGED", C))(er || {});
-    jr = ((t) => (t.audio = "audio", t.video = "video", t))(jr || {});
+    qr = ((t) => (t.audio = "audio", t.video = "video", t))(qr || {});
     B = (a2) => a2.room;
-    Ca = (a2) => a2.errors;
-    Rn = createSelector(Ca, (a2) => a2.length === 0 ? null : a2.at(-1));
-    Hn = createSelector(B, (a2) => a2.id);
+    Ha = (a2) => a2.errors;
+    In = createSelector(Ha, (a2) => a2.length === 0 ? null : a2.at(-1));
+    Rn = createSelector(B, (a2) => a2.id);
     G = (a2) => a2.peers;
     Wt = (a2) => a2.messages.byID;
-    zr = (a2) => a2.messages.allIDs;
-    w = (a2) => a2.tracks;
+    Qr = (a2) => a2.messages.allIDs;
+    D = (a2) => a2.tracks;
     tr = (a2) => a2.appData;
-    La = (a2) => a2.speakers;
+    Ca = (a2) => a2.speakers;
     ye = createSelector([B], (a2) => a2 && a2.isConnected);
-    Dn = createSelector([ye, B], (a2, e) => a2 ? e.peerCount !== void 0 ? e.peerCount || 1 : e.peers.length : Math.max(e.peerCount !== void 0 ? e.peerCount : e.peers.length - 1, 0));
-    Da = (a2) => a2.hideLocalPeer;
-    oe = createSelector([B, G, Da], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
-    wa = createSelector(w, (a2) => Object.values(a2));
+    Ln = createSelector([ye, B], (a2, e) => a2 ? e.peerCount !== void 0 ? e.peerCount || 1 : e.peers.length : Math.max(e.peerCount !== void 0 ? e.peerCount : e.peers.length - 1, 0));
+    La = (a2) => a2.hideLocalPeer;
+    oe = createSelector([B, G, La], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
+    Da = createSelector(D, (a2) => Object.values(a2));
     z = createSelector(B, G, (a2, e) => e[a2.localPeer]);
     ue = createSelector(B, (a2) => a2.localPeer);
-    wn = createSelector(z, (a2) => a2 == null ? void 0 : a2.name);
-    _n = createSelector(z, (a2) => a2 == null ? void 0 : a2.roleName);
+    Dn = createSelector(z, (a2) => a2 == null ? void 0 : a2.name);
+    wn = createSelector(z, (a2) => a2 == null ? void 0 : a2.roleName);
     Z = createSelector(z, (a2) => a2 == null ? void 0 : a2.audioTrack);
     K = createSelector(z, (a2) => a2 == null ? void 0 : a2.videoTrack);
-    _a7 = createSelector(z, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
-    Xr = createSelector([Z, K, _a7], (a2, e, t) => {
+    wa = createSelector(z, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
+    Yr = createSelector([Z, K, wa], (a2, e, t) => {
       let i = t ? [...t] : [];
       return a2 && i.unshift(a2), e && i.unshift(e), i;
     });
-    Nn = createSelector(oe, (a2) => a2.filter((e) => !e.isLocal));
-    On = createSelector(G, La, (a2, e) => {
+    _n = createSelector(oe, (a2) => a2.filter((e) => !e.isLocal));
+    Nn = createSelector(G, Ca, (a2, e) => {
       let t = Object.entries(e).sort((i, r) => {
         var n, l;
         let s = ((n = i[1]) == null ? void 0 : n.audioLevel) || 0;
@@ -19606,11 +19611,11 @@ var init_dist = __esm({
       }
       return null;
     });
-    rr = createSelector(z, w, (a2, e) => {
+    rr = createSelector(z, D, (a2, e) => {
       let { video: t, audio: i } = He(e, a2);
       return !!(t || i);
     });
-    Na = createSelector(G, w, (a2, e) => {
+    _a7 = createSelector(G, D, (a2, e) => {
       let t;
       for (let i in a2) {
         let r = a2[i], { video: s, audio: o } = He(e, r);
@@ -19620,15 +19625,15 @@ var init_dist = __esm({
       }
       return t;
     });
-    Un = createSelector(Na, (a2) => !!a2);
-    Bn = createSelector(G, w, (a2, e) => {
+    xn = createSelector(_a7, (a2) => !!a2);
+    Un = createSelector(G, D, (a2, e) => {
       for (let t in a2) {
         let i = a2[t], { audio: r, video: s } = He(e, i);
         if (!s && r)
           return i;
       }
     });
-    Vn = createSelector(G, w, (a2, e) => {
+    Bn = createSelector(G, D, (a2, e) => {
       let t = [], i = [];
       for (let r in a2) {
         let s = a2[r], { video: o, audio: n } = He(e, s);
@@ -19636,77 +19641,77 @@ var init_dist = __esm({
       }
       return t.concat(i);
     });
-    Fn = createSelector(G, w, (a2, e) => {
+    Vn = createSelector(G, D, (a2, e) => {
       for (let t in e) {
         let i = e[t];
-        if (st(i) && rt(i) && i.peerId)
+        if (rt(i) && it(i) && i.peerId)
           return a2[i.peerId];
       }
     });
-    Gn = createSelector(G, w, (a2, e) => {
+    Fn = createSelector(G, D, (a2, e) => {
       for (let t in e) {
         let i = e[t];
         if ($t(i) && i.peerId)
           return a2[i.peerId];
       }
     });
-    $n = createSelector(wa, (a2) => a2.filter(Jr));
-    Wn = createSelector(zr, (a2) => a2.length);
-    Kn = createSelector(Wt, (a2) => Object.values(a2).filter((e) => !e.read).length);
-    ot = createSelector(zr, Wt, (a2, e) => {
+    Gn = createSelector(Da, (a2) => a2.filter(jr));
+    $n = createSelector(Qr, (a2) => a2.length);
+    Wn = createSelector(Wt, (a2) => Object.values(a2).filter((e) => !e.read).length);
+    at = createSelector(Qr, Wt, (a2, e) => {
       let t = [];
       return a2.forEach((i) => {
         t.push(e[i]);
       }), t;
     });
-    Oa = createSelector(ot, (a2) => a2.filter((e) => {
+    Na = createSelector(at, (a2) => a2.filter((e) => {
       var t;
       return !e.recipientPeer && !(e.recipientRoles && ((t = e.recipientRoles) == null ? void 0 : t.length) > 0);
     }));
-    qn = createSelector(Oa, (a2) => a2.filter((e) => !e.read).length);
+    Kn = createSelector(Na, (a2) => a2.filter((e) => !e.read).length);
     Y = createSelector([B], (a2) => a2 && a2.roomState);
-    es = createSelector(Y, (a2) => a2 === "Preview");
-    jn = createSelector(B, (a2) => a2.roomState !== "Disconnected");
+    Zr = createSelector(Y, (a2) => a2 === "Preview");
+    qn = createSelector(B, (a2) => a2.roomState !== "Disconnected");
     ne = (a2) => a2.roles;
-    Jn = createSelector([ne], (a2) => Object.keys(a2));
+    jn = createSelector([ne], (a2) => Object.keys(a2));
     Kt = createSelector([z, ne], (a2, e) => a2 != null && a2.roleName ? e[a2.roleName] : null);
-    xa = (a2) => {
+    Oa = (a2) => {
       var e;
       return (e = a2.preview) == null ? void 0 : e.asRole;
     };
-    ts = createSelector([xa, ne], (a2, e) => a2 ? e[a2] : null);
-    Qn = createSelector([Kt], (a2) => {
+    es = createSelector([Oa, ne], (a2, e) => a2 ? e[a2] : null);
+    Jn = createSelector([Kt], (a2) => {
       var e;
       return (e = a2 == null ? void 0 : a2.subscribeParams) != null && e.subscribeToRoles ? a2.subscribeParams.subscribeToRoles.length > 0 : false;
     });
-    is = createSelector(Kt, (a2) => a2 == null ? void 0 : a2.permissions);
-    zn = createSelector(B, (a2) => a2.recording);
-    Yn = createSelector(B, (a2) => a2.rtmp);
-    Xn = createSelector(B, (a2) => a2.hls);
-    Zn = createSelector(B, (a2) => a2.sessionId);
-    ec = createSelector(B, (a2) => a2.startedAt);
-    tc = createSelector(B, (a2) => !!a2.isLargeRoom);
-    ic = createSelector(B, (a2) => !!a2.isEffectsEnabled);
-    rc = createSelector(B, (a2) => a2.effectsKey);
-    rs = (a2) => a2.polls;
-    nc = createSelector(oe, (a2) => a2.filter((e) => e.isHandRaised));
-    Ua = (a2) => a2.whiteboards;
-    cc = createSelector(Ua, (a2) => Object.values(a2)[0]);
-    as = (a2 = "audio") => (e) => e.playlist[a2].list;
+    ts = createSelector(Kt, (a2) => a2 == null ? void 0 : a2.permissions);
+    Qn = createSelector(B, (a2) => a2.recording);
+    zn = createSelector(B, (a2) => a2.rtmp);
+    Yn = createSelector(B, (a2) => a2.hls);
+    Xn = createSelector(B, (a2) => a2.sessionId);
+    Zn = createSelector(B, (a2) => a2.startedAt);
+    ec = createSelector(B, (a2) => !!a2.isLargeRoom);
+    tc = createSelector(B, (a2) => !!a2.isEffectsEnabled);
+    ic = createSelector(B, (a2) => a2.effectsKey);
+    is = (a2) => a2.polls;
+    oc = createSelector(oe, (a2) => a2.filter((e) => e.isHandRaised));
+    xa = (a2) => a2.whiteboards;
+    nc = createSelector(xa, (a2) => Object.values(a2)[0]);
+    ss = (a2 = "audio") => (e) => e.playlist[a2].list;
     sr = (a2 = "audio") => (e) => e.playlist[a2].selection;
-    os = (a2 = "audio") => (e) => e.playlist[a2].progress;
-    ns = (a2 = "audio") => (e) => e.playlist[a2].currentTime;
-    cs = (a2 = "audio") => (e) => e.playlist[a2].playbackRate;
-    ds = (a2 = "audio") => (e) => e.playlist[a2].volume;
-    ls = (a2 = "audio") => createSelector(as(a2), (e) => Object.values(e));
-    us = (a2 = "audio") => createSelector(as(a2), sr(a2), (e, t) => {
+    as = (a2 = "audio") => (e) => e.playlist[a2].progress;
+    os = (a2 = "audio") => (e) => e.playlist[a2].currentTime;
+    ns = (a2 = "audio") => (e) => e.playlist[a2].playbackRate;
+    cs = (a2 = "audio") => (e) => e.playlist[a2].volume;
+    ds = (a2 = "audio") => createSelector(ss(a2), (e) => Object.values(e));
+    ls = (a2 = "audio") => createSelector(ss(a2), sr(a2), (e, t) => {
       if (t.id)
         return e[t.id];
     });
-    ps = { selection: sr("audio"), progress: os("audio"), currentTime: ns("audio"), playbackRate: cs("audio"), volume: ds("audio"), list: ls("audio"), selectedItem: us("audio") };
-    hs = { selection: sr("video"), progress: os("video"), currentTime: ns("video"), playbackRate: cs("video"), volume: ds("video"), list: ls("video"), selectedItem: us("video") };
-    ms = ((l) => (l[l.VERBOSE = 0] = "VERBOSE", l[l.DEBUG = 1] = "DEBUG", l[l.INFO = 2] = "INFO", l[l.WARN = 3] = "WARN", l[l.TIME = 4] = "TIME", l[l.TIMEEND = 5] = "TIMEEND", l[l.ERROR = 6] = "ERROR", l[l.NONE = 7] = "NONE", l))(ms || {});
-    Ba = typeof window != "undefined" && typeof window.expect != "undefined";
+    us = { selection: sr("audio"), progress: as("audio"), currentTime: os("audio"), playbackRate: ns("audio"), volume: cs("audio"), list: ds("audio"), selectedItem: ls("audio") };
+    ps = { selection: sr("video"), progress: as("video"), currentTime: os("video"), playbackRate: ns("video"), volume: cs("video"), list: ds("video"), selectedItem: ls("video") };
+    hs = ((l) => (l[l.VERBOSE = 0] = "VERBOSE", l[l.DEBUG = 1] = "DEBUG", l[l.INFO = 2] = "INFO", l[l.WARN = 3] = "WARN", l[l.TIME = 4] = "TIME", l[l.TIMEEND = 5] = "TIMEEND", l[l.ERROR = 6] = "ERROR", l[l.NONE = 7] = "NONE", l))(hs || {});
+    Ua = typeof window != "undefined" && typeof window.expect != "undefined";
     d = class {
       static v(e, ...t) {
         this.log(0, e, ...t);
@@ -19772,14 +19777,14 @@ var init_dist = __esm({
           }
       }
     };
-    d.level = Ba ? 7 : 0;
+    d.level = Ua ? 7 : 0;
     pe = new import_ua_parser_js.UAParser();
-    _ = typeof window != "undefined";
-    Ce = typeof window == "undefined" && !((Ss = pe.getBrowser().name) != null && Ss.toLowerCase().includes("electron"));
-    Fa = () => !Ce;
-    gc = Fa();
-    vs = ((Ts = (gs = pe.getBrowser()) == null ? void 0 : gs.name) == null ? void 0 : Ts.toLowerCase()) === "firefox";
-    Ve = Ga();
+    w = typeof window != "undefined";
+    Ce = typeof window == "undefined" && !((ms = pe.getBrowser().name) != null && ms.toLowerCase().includes("electron"));
+    Va = () => !Ce;
+    Sc = Va();
+    fs = ((gs = (Ss = pe.getBrowser()) == null ? void 0 : Ss.name) == null ? void 0 : gs.toLowerCase()) === "firefox";
+    Ve = Fa();
     M = { WebSocketConnectionErrors: { FAILED_TO_CONNECT: 1e3, WEBSOCKET_CONNECTION_LOST: 1003, ABNORMAL_CLOSE: 1006 }, APIErrors: { SERVER_ERRORS: 2e3, INIT_CONFIG_NOT_AVAILABLE: 2002, ENDPOINT_UNREACHABLE: 2003, INVALID_TOKEN_FORMAT: 2004 }, TracksErrors: { GENERIC_TRACK: 3e3, CANT_ACCESS_CAPTURE_DEVICE: 3001, DEVICE_NOT_AVAILABLE: 3002, DEVICE_IN_USE: 3003, DEVICE_LOST_MIDWAY: 3004, NOTHING_TO_RETURN: 3005, INVALID_VIDEO_SETTINGS: 3006, CODEC_CHANGE_NOT_PERMITTED: 3007, AUTOPLAY_ERROR: 3008, OVER_CONSTRAINED: 3009, NO_AUDIO_DETECTED: 3010, SYSTEM_DENIED_PERMISSION: 3011, CURRENT_TAB_NOT_SHARED: 3012, AUDIO_PLAYBACK_ERROR: 3013, SELECTED_DEVICE_MISSING: 3014 }, WebrtcErrors: { CREATE_OFFER_FAILED: 4001, CREATE_ANSWER_FAILED: 4002, SET_LOCAL_DESCRIPTION_FAILED: 4003, SET_REMOTE_DESCRIPTION_FAILED: 4004, ICE_FAILURE: 4005, ICE_DISCONNECTED: 4006, STATS_FAILED: 4007 }, WebsocketMethodErrors: { SERVER_ERRORS: 5e3, ALREADY_JOINED: 5001, CANNOT_JOIN_PREVIEW_IN_PROGRESS: 5002 }, GenericErrors: { NOT_CONNECTED: 6e3, SIGNALLING: 6001, UNKNOWN: 6002, NOT_READY: 6003, JSON_PARSING_FAILED: 6004, TRACK_METADATA_MISSING: 6005, RTC_TRACK_MISSING: 6006, PEER_METADATA_MISSING: 6007, INVALID_ROLE: 6008, PREVIEW_IN_PROGRESS: 6009, MISSING_MEDIADEVICES: 6010, MISSING_RTCPEERCONNECTION: 6011, LOCAL_STORAGE_ACCESS_DENIED: 6012, VALIDATION_FAILED: 6013 }, PlaylistErrors: { NO_ENTRY_TO_PLAY: 8001, NO_ENTRY_IS_PLAYING: 8002 } };
     f = class a extends Error {
       constructor(t, i, r, s, o, n = false) {
@@ -19810,8 +19815,8 @@ var init_dist = __esm({
     }`;
       }
     };
-    $a = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
-    h = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
+    Ga = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
+    m = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
       return new f(M.WebSocketConnectionErrors.FAILED_TO_CONNECT, "WebsocketFailedToConnect", a2, `[WS]: ${e}`, `[WS]: ${e}`);
     }, WebSocketConnectionLost(a2, e = "") {
       return new f(M.WebSocketConnectionErrors.WEBSOCKET_CONNECTION_LOST, "WebSocketConnectionLost", a2, "Network connection lost ", e);
@@ -19870,7 +19875,7 @@ var init_dist = __esm({
     }, StatsFailed(a2, e = "") {
       return new f(M.WebrtcErrors.STATS_FAILED, "StatsFailed", a2, `Failed to WebRTC get stats - ${e}`, e);
     } }, WebsocketMethodErrors: { ServerErrors(a2, e, t) {
-      return new f(a2, "ServerErrors", e, t, t, $a.includes(e));
+      return new f(a2, "ServerErrors", e, t, t, Ga.includes(e));
     }, AlreadyJoined(a2, e = "") {
       return new f(M.WebsocketMethodErrors.ALREADY_JOINED, "AlreadyJoined", a2, "[JOIN]: You have already joined this room.", e);
     }, CannotJoinPreviewInProgress(a2, e = "") {
@@ -19943,11 +19948,11 @@ var init_dist = __esm({
         return this.valuesMap.size;
       }
     };
-    Ms = () => {
+    vs = () => {
       try {
-        _ && !localStorage && (window.localStorage = new nr());
+        w && !localStorage && (window.localStorage = new nr());
       } catch (a2) {
-        d.e("Error initialising localStorage", h.GenericErrors.LocalStorageAccessDenied());
+        d.e("Error initialising localStorage", m.GenericErrors.LocalStorageAccessDenied());
       }
     };
     ce = class {
@@ -19957,9 +19962,9 @@ var init_dist = __esm({
       }
       getStorage() {
         try {
-          return _ && !this.storage && (Ms(), this.storage = window.localStorage), this.storage;
+          return w && !this.storage && (vs(), this.storage = window.localStorage), this.storage;
         } catch (e) {
-          return d.e("Error initialising localStorage", h.GenericErrors.LocalStorageAccessDenied()), null;
+          return d.e("Error initialising localStorage", m.GenericErrors.LocalStorageAccessDenied()), null;
         }
       }
       get() {
@@ -19977,57 +19982,24 @@ var init_dist = __esm({
         (e = this.getStorage()) == null || e.removeItem(this.key);
       }
     };
-    ys = () => {
+    Ms = () => {
       let a2, e = new ce("hms-analytics-deviceId"), t = e.get();
       return t ? a2 = t : (a2 = (0, import_uuid4.v4)(), e.set(a2)), a2;
     };
-    Ps = lr().version;
-    Es = (a2, e = ",") => Object.keys(a2).filter((t) => ie(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
+    ks = lr().version;
+    Ps = (a2, e = ",") => Object.keys(a2).filter((t) => ie(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
     R = class {
       constructor({ name: e, level: t, properties: i, includesPII: r, timestamp: s }) {
-        this.metadata = { peer: {}, userAgent: nt() };
-        this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = (0, import_uuid3.v4)(), this.device_id = ys();
+        this.metadata = { peer: {}, userAgent: ot() };
+        this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = (0, import_uuid3.v4)(), this.device_id = Ms();
       }
       toSignalParams() {
-        return { name: this.name, info: v(m({}, this.properties), { timestamp: this.timestamp, domain: Ve }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
+        return { name: this.name, info: v(S({}, this.properties), { timestamp: this.timestamp, domain: Ve }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
       }
     };
-    pr = class {
-      constructor() {
-        this.pluginUsage = /* @__PURE__ */ new Map();
-        this.pluginLastAddedAt = /* @__PURE__ */ new Map();
-        this.getPluginUsage = (e, t) => {
-          let i = `${t}-${e}`;
-          if (this.pluginUsage.has(i) || this.pluginUsage.set(i, 0), this.pluginLastAddedAt.has(i)) {
-            let r = this.pluginLastAddedAt.get(i) || 0, s = r ? Date.now() - r : 0;
-            this.pluginUsage.set(i, (this.pluginUsage.get(i) || 0) + s), this.pluginLastAddedAt.delete(i);
-          }
-          return this.pluginUsage.get(i);
-        };
-        this.updatePluginUsageData = (e, t) => {
-          if (e.name === "transport.leave") {
-            this.cleanup(t);
-            return;
-          }
-          let i = e.properties.plugin_name, r = `${t}-${i}`;
-          if (e.name === "mediaPlugin.added") {
-            let s = e.properties.added_at;
-            this.pluginLastAddedAt.set(r, s);
-          } else if (e.name === "mediaPlugin.stats") {
-            let s = e.properties.duration;
-            s > 0 && (this.pluginUsage.set(r, (this.pluginUsage.get(r) || 0) + s * 1e3), this.pluginLastAddedAt.delete(r));
-          }
-        };
-        this.cleanup = (e) => {
-          for (let t of this.pluginUsage.keys())
-            e.length && t.includes(e) && (this.pluginUsage.delete(t), this.pluginLastAddedAt.delete(t));
-        };
-      }
-    };
-    Fe = new pr();
     y = class {
       static connect(e, t, i = /* @__PURE__ */ new Date(), r = /* @__PURE__ */ new Date(), s) {
-        let o = this.eventNameFor("connect", e === void 0), n = e ? 2 : 1, l = this.getPropertiesWithError(v(m({}, t), { [this.KEY_REQUESTED_AT]: i == null ? void 0 : i.getTime(), [this.KEY_RESPONDED_AT]: r == null ? void 0 : r.getTime(), endpoint: s }), e);
+        let o = this.eventNameFor("connect", e === void 0), n = e ? 2 : 1, l = this.getPropertiesWithError(v(S({}, t), { [this.KEY_REQUESTED_AT]: i == null ? void 0 : i.getTime(), [this.KEY_RESPONDED_AT]: r == null ? void 0 : r.getTime(), endpoint: s }), e);
         return new R({ name: o, level: n, properties: l });
       }
       static disconnect(e, t) {
@@ -20041,7 +20013,7 @@ var init_dist = __esm({
       }
       static join(i) {
         var r = i, { error: e } = r, t = Xi(r, ["error"]);
-        let s = this.eventNameFor("join", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(v(m({}, t), { is_preview_called: !!t.is_preview_called }), e);
+        let s = this.eventNameFor("join", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(v(S({}, t), { is_preview_called: !!t.is_preview_called }), e);
         return new R({ name: s, level: o, properties: n });
       }
       static publish({ devices: e, settings: t, error: i }) {
@@ -20084,7 +20056,7 @@ var init_dist = __esm({
         let i = "video.degradation.stats", r = 1, s = { degradedAt: e.degradedAt, trackId: e.trackId };
         if (!t && e.degradedAt instanceof Date) {
           let o = /* @__PURE__ */ new Date(), n = o.valueOf() - e.degradedAt.valueOf();
-          s = v(m({}, s), { duration: n, restoredAt: o });
+          s = v(S({}, s), { duration: n, restoredAt: o });
         }
         return new R({ name: i, level: r, properties: s });
       }
@@ -20102,8 +20074,7 @@ var init_dist = __esm({
         return new R({ name: "subscriber.stats", level: 1, properties: e });
       }
       static getKrispUsage(e) {
-        let t = Fe.getPluginUsage("HMSKrispPlugin", e);
-        return new R({ name: "krisp.usage", level: 1, properties: { duration: t } });
+        return new R({ name: "krisp.usage", level: 1, properties: { duration: e } });
       }
       static transportLeave() {
         return new R({ name: "transport.leave", level: 1, properties: {} });
@@ -20113,14 +20084,14 @@ var init_dist = __esm({
       }
       static getPropertiesWithError(e, t) {
         let i = this.getErrorProperties(t);
-        return e = m(m({}, i), e), e;
+        return e = S(S({}, i), e), e;
       }
       static getErrorProperties(e) {
         return e ? e instanceof f ? e.toAnalyticsProperties() : { error_name: e.name, error_message: e.message, error_description: e.cause } : {};
       }
     };
     y.KEY_REQUESTED_AT = "requested_at", y.KEY_RESPONDED_AT = "responded_at";
-    hr = class {
+    pr = class {
       constructor() {
         this.storage = new ce("hms-device-selection");
         this.remember = false;
@@ -20154,13 +20125,13 @@ var init_dist = __esm({
         return e.deviceId === t.deviceId && (e.groupId === t.groupId || !e.groupId);
       }
     };
-    q = new hr();
-    mr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(mr || {});
-    Sr = ((t) => (t.PLATFORM_NOT_SUPPORTED = "PLATFORM_NOT_SUPPORTED", t.DEVICE_NOT_SUPPORTED = "DEVICE_NOT_SUPPORTED", t))(Sr || {});
-    Cs = ((n) => (n.NONE = "none", n.INITIALISED = "initialised", n.STARTED = "started", n.PAUSED = "paused", n.RESUMED = "resumed", n.STOPPED = "stopped", n.FAILED = "failed", n))(Cs || {});
-    Ls = ((t) => (t.DVR = "dvr", t.NO_DVR = "no-dvr", t))(Ls || {});
-    Ds = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(Ds || {});
-    gr = class {
+    q = new pr();
+    hr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(hr || {});
+    mr = ((t) => (t.PLATFORM_NOT_SUPPORTED = "PLATFORM_NOT_SUPPORTED", t.DEVICE_NOT_SUPPORTED = "DEVICE_NOT_SUPPORTED", t))(mr || {});
+    Hs = ((n) => (n.NONE = "none", n.INITIALISED = "initialised", n.STARTED = "started", n.PAUSED = "paused", n.RESUMED = "resumed", n.STOPPED = "stopped", n.FAILED = "failed", n))(Hs || {});
+    Cs = ((t) => (t.DVR = "dvr", t.NO_DVR = "no-dvr", t))(Cs || {});
+    Ls = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(Ls || {});
+    Sr = class {
       constructor() {
         this.TAG = "[HMSIntersectionObserverWrapper]";
         this.listeners = /* @__PURE__ */ new WeakMap();
@@ -20183,12 +20154,12 @@ var init_dist = __esm({
         this.createObserver();
       }
       isSupported() {
-        let e = _ && typeof window.IntersectionObserver != "undefined";
+        let e = w && typeof window.IntersectionObserver != "undefined";
         return e || d.w(this.TAG, "IntersectionObserver is not supported, fallback will be used instead"), e;
       }
     };
-    Os = new gr();
-    Tr = class {
+    Ns = new Sr();
+    gr = class {
       constructor() {
         this.TAG = "[HMSResizeObserverWrapper]";
         this.listeners = /* @__PURE__ */ new WeakMap();
@@ -20211,20 +20182,20 @@ var init_dist = __esm({
         this.createObserver();
       }
       isSupported() {
-        let e = _ && typeof window.ResizeObserver != "undefined";
+        let e = w && typeof window.ResizeObserver != "undefined";
         return e || d.w(this.TAG, "Resize Observer is not supported"), e;
       }
     };
-    xs = new Tr();
-    fr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(fr || {});
-    vr = ((t) => (t["2D"] = "2d", t.WEBGL = "webgl", t.WEBGL2 = "webgl2", t))(vr || {});
-    Vs = "https://event.100ms.live/v2/client/report";
-    Fs = "https://event-nonprod.100ms.live/v2/client/report";
-    ht = Math.pow(2, 31) - 1;
-    ze = class {
-    };
-    ze.makePeerId = () => (0, import_uuid7.v4)();
-    Tt = "HMS-Store:";
+    Os = new gr();
+    Tr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(Tr || {});
+    fr = ((t) => (t["2D"] = "2d", t.WEBGL = "webgl", t.WEBGL2 = "webgl2", t))(fr || {});
+    Bs = "https://event.100ms.live/v2/client/report";
+    Vs = "https://event-nonprod.100ms.live/v2/client/report";
+    pt = Math.pow(2, 31) - 1;
+    Qe = class {
+    };
+    Qe.makePeerId = () => (0, import_uuid7.v4)();
+    gt = "HMS-Store:";
     k = class {
       static v(e, ...t) {
         this.log(0, e, ...t);
@@ -20254,23 +20225,23 @@ var init_dist = __esm({
         if (!(this.level.valueOf() > e.valueOf()))
           switch (e) {
             case 0: {
-              console.log(Tt, ...t);
+              console.log(gt, ...t);
               break;
             }
             case 1: {
-              console.debug(Tt, ...t);
+              console.debug(gt, ...t);
               break;
             }
             case 2: {
-              console.info(Tt, ...t);
+              console.info(gt, ...t);
               break;
             }
             case 3: {
-              console.warn(Tt, ...t);
+              console.warn(gt, ...t);
               break;
             }
             case 6: {
-              console.error(Tt, ...t);
+              console.error(gt, ...t);
               break;
             }
             case 4: {
@@ -20291,126 +20262,126 @@ var init_dist = __esm({
       }
     };
     k.level = 0;
-    Hr = (a2, e) => e;
-    ft = (a2, e) => e;
-    Js = (a2, e) => e;
+    Rr = (a2, e) => e;
+    Tt = (a2, e) => e;
+    js = (a2, e) => e;
+    po = (a2, e) => e;
     ho = (a2, e) => e;
-    mo = (a2, e) => e;
-    J = createSelector([G, Hr], (a2, e) => e ? a2[e] : null);
-    Cr = createSelector([w, ft], (a2, e) => e ? a2[e] : null);
-    So = createSelector([w, ft], (a2, e) => {
+    J = createSelector([G, Rr], (a2, e) => e ? a2[e] : null);
+    Hr = createSelector([D, Tt], (a2, e) => e ? a2[e] : null);
+    mo = createSelector([D, Tt], (a2, e) => {
       if (!e)
         return null;
       let t = a2[e];
       return (t == null ? void 0 : t.type) === "video" ? t : null;
     });
-    go = createSelector([w, ft], (a2, e) => {
+    So = createSelector([D, Tt], (a2, e) => {
       if (!e)
         return null;
       let t = a2[e];
       return (t == null ? void 0 : t.type) === "audio" ? t : null;
     });
-    To = createSelector([w, ft], (a2, e) => {
+    go = createSelector([D, Tt], (a2, e) => {
       if (!e)
         return null;
       let t = a2[e];
       return (t == null ? void 0 : t.type) === "audio" && (t == null ? void 0 : t.source) === "screen" ? t : null;
     });
-    fo = createSelector([w, ft], (a2, e) => {
+    To = createSelector([D, Tt], (a2, e) => {
       if (!e)
         return null;
       let t = a2[e];
       return (t == null ? void 0 : t.type) === "video" && (t == null ? void 0 : t.source) === "screen" ? t : null;
     });
-    vo = createSelector([rs, mo], (a2, e) => e ? a2[e] : null);
-    Q = A(J);
-    om = A(createSelector([tr, ho], (a2, e) => {
+    fo = createSelector([is, ho], (a2, e) => e ? a2[e] : null);
+    Q = b(J);
+    tm = b(createSelector([tr, po], (a2, e) => {
       if (a2)
         return e ? a2[e] : a2;
     }));
-    dm = A(createSelector(J, (a2) => a2 == null ? void 0 : a2.name));
-    oi = A(Cr);
-    Qs = A(So);
-    lm = A(go);
-    um = A(To);
-    pm = A(fo);
-    Mo = A((a2, e) => {
+    sm = b(createSelector(J, (a2) => a2 == null ? void 0 : a2.name));
+    oi = b(Hr);
+    Js = b(mo);
+    am = b(So);
+    om = b(go);
+    nm = b(To);
+    vo = b((a2, e) => {
       let t = J(a2, e);
       if (t && t.videoTrack && t.videoTrack !== "")
         return a2.tracks[t.videoTrack];
     });
-    yo = A((a2, e) => {
+    Mo = b((a2, e) => {
       let t = J(a2, e);
       if (t && t.audioTrack && t.audioTrack !== "")
         return a2.tracks[t.audioTrack];
     });
-    mm = A((a2, e) => {
+    dm = b((a2, e) => {
       let t = J(a2, e);
       return (t == null ? void 0 : t.auxiliaryTracks.map((i) => a2.tracks[i])) || [];
     });
-    zs = (a2, e) => e ? a2.speakers[e] : null;
-    Sm = A(createSelector(zs, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
-    ko = (a2, e) => {
-      let t = yo(e)(a2);
-      return zs(a2, t == null ? void 0 : t.id);
-    };
-    gm = A(createSelector(ko, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
-    Tm = A((a2, e) => {
+    Qs = (a2, e) => e ? a2.speakers[e] : null;
+    lm = b(createSelector(Qs, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+    yo = (a2, e) => {
+      let t = Mo(e)(a2);
+      return Qs(a2, t == null ? void 0 : t.id);
+    };
+    um = b(createSelector(yo, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+    pm = b((a2, e) => {
       if (e)
         return a2.connectionQualities[e];
     });
-    fm = A((a2, e) => {
+    hm = b((a2, e) => {
       let t = J(a2, e);
       if (t) {
-        let i = t == null ? void 0 : t.auxiliaryTracks.find((r) => it(a2.tracks[r]));
+        let i = t == null ? void 0 : t.auxiliaryTracks.find((r) => tt(a2.tracks[r]));
         return i ? a2.tracks[i] : void 0;
       }
     });
-    vm = A(createSelector(w, J, (a2, e) => {
+    mm = b(createSelector(D, J, (a2, e) => {
       let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
         let r = a2[i];
-        return st(r) && rt(r);
+        return rt(r) && it(r);
       });
       return t ? a2[t] : void 0;
     }));
-    Mm = A(createSelector(w, J, (a2, e) => {
+    Sm = b(createSelector(D, J, (a2, e) => {
       let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
         let r = a2[i];
-        return st(r) && it(r);
+        return rt(r) && tt(r);
       });
       return t ? a2[t] : void 0;
     }));
-    ym = A(createSelector(w, J, (a2, e) => {
+    gm = b(createSelector(D, J, (a2, e) => {
       let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
         let r = a2[i];
-        return $t(r) && it(r);
+        return $t(r) && tt(r);
       });
       return t ? a2[t] : void 0;
     }));
-    Ys = A(createSelector(w, J, (a2, e) => He(a2, e)));
-    Xs = (a2) => createSelector(Ys(a2), (e) => e.audio);
-    Pm = A((a2, e) => {
+    zs = b(createSelector(D, J, (a2, e) => He(a2, e)));
+    Ys = (a2) => createSelector(zs(a2), (e) => e.audio);
+    fm = b((a2, e) => {
       let t = J(a2, e);
       return Ue(a2, t == null ? void 0 : t.audioTrack);
     });
-    Em = A((a2, e) => {
+    vm = b((a2, e) => {
       let t = J(a2, e);
       return Ue(a2, t == null ? void 0 : t.videoTrack);
     });
-    Zs = A((a2, e) => {
+    Xs = b((a2, e) => {
       if (e && a2.tracks[e])
         return a2.tracks[e].volume === 0;
     });
-    bm = A((a2, e) => {
+    Mm = b((a2, e) => {
       let t = J(a2, e);
-      return Zs(t == null ? void 0 : t.audioTrack)(a2);
+      return Xs(t == null ? void 0 : t.audioTrack)(a2);
     });
-    Am = A((a2, e) => {
-      let t = Xs(e)(a2);
-      return Zs(t == null ? void 0 : t.id)(a2);
+    ym = b((a2, e) => {
+      let t = Ys(e)(a2);
+      return Xs(t == null ? void 0 : t.id)(a2);
     });
-    ea = A((a2, e) => {
-      let t = Cr(a2, e);
+    Zs = b((a2, e) => {
+      let t = Hr(a2, e);
       if (t) {
         if (t.type !== "audio") {
           k.w("Please pass audio track here");
@@ -20419,16 +20390,16 @@ var init_dist = __esm({
         return t.volume;
       }
     });
-    Im = A((a2, e) => {
+    km = b((a2, e) => {
       let t = J(a2, e);
-      return ea(t == null ? void 0 : t.audioTrack)(a2);
+      return Zs(t == null ? void 0 : t.audioTrack)(a2);
     });
-    Rm = A((a2, e) => {
-      let t = Xs(e)(a2);
-      return ea(t == null ? void 0 : t.id)(a2);
+    Pm = b((a2, e) => {
+      let t = Ys(e)(a2);
+      return Zs(t == null ? void 0 : t.id)(a2);
     });
-    Hm = A((a2, e) => {
-      let t = Cr(a2, e);
+    Em = b((a2, e) => {
+      let t = Hr(a2, e);
       if (t) {
         if (t.type !== "video") {
           k.w("Please pass video track here");
@@ -20437,49 +20408,49 @@ var init_dist = __esm({
         return t.layer;
       }
     });
-    ta = createSelector([ot, ue, Hr], (a2, e, t) => {
+    ea = createSelector([at, ue, Rr], (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([ot, Js], (a2, e) => {
+    ta = createSelector([at, js], (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;
         });
     });
-    Po = createSelector(ot, (a2) => a2.filter((e) => {
+    ko = createSelector(at, (a2) => a2.filter((e) => {
       var t;
       return !e.recipientPeer && !((t = e.recipientRoles) != null && t.length);
     }));
-    Eo = createSelector([ia, Js], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-    bo = createSelector([ta, Hr], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-    Cm = createSelector(Po, (a2) => a2.filter((e) => !e.read).length);
-    Lm = A(ta);
-    Dm = A(ia);
-    wm = A(Eo);
-    _m = A(bo);
-    ra = A(vo);
-    Km = createSelector([G, w], (a2, e) => Object.values(a2).map((i) => {
+    Po = createSelector([ta, js], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
+    Eo = createSelector([ea, Rr], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
+    bm = createSelector(ko, (a2) => a2.filter((e) => !e.read).length);
+    Am = b(ea);
+    Im = b(ta);
+    Rm = b(Po);
+    Hm = b(Eo);
+    ia = b(fo);
+    Vm = createSelector([G, D], (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 };
     }));
-    Ao = (a2) => a2.roleChangeRequests[0] || null;
-    qm = createSelector([Ao, G, ne], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
-    jm = createSelector([Kt], (a2) => at(a2));
-    Jm = createSelector([ts], (a2) => at(a2));
-    Ro = createSelector([K, w], (a2, e) => {
+    bo = (a2) => a2.roleChangeRequests[0] || null;
+    Fm = createSelector([bo, G, ne], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
+    Gm = createSelector([Kt], (a2) => st(a2));
+    $m = createSelector([es], (a2) => st(a2));
+    Io = createSelector([K, D], (a2, e) => {
       let t = null;
       return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
     });
-    Ho = createSelector([Z, w], (a2, e) => {
+    Ro = createSelector([Z, D], (a2, e) => {
       let t = null;
       return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
     });
-    Nr = class {
+    _r = class {
       constructor() {
         this.TAG = "[HTTPAnalyticsTransport]";
         this.failedEvents = new ce("client-events");
@@ -20498,7 +20469,7 @@ var init_dist = __esm({
           this.addEventToStorage(e);
           return;
         }
-        let t = { event: e.name, payload: e.properties, event_id: String(e.timestamp), peer: e.metadata.peer, timestamp: e.timestamp, device_id: e.device_id, cluster: { websocket_url: this.websocketURL } }, i = this.env === "prod" ? Vs : Fs;
+        let t = { event: e.name, payload: e.properties, event_id: String(e.timestamp), peer: e.metadata.peer, timestamp: e.timestamp, device_id: e.device_id, cluster: { websocket_url: this.websocketURL } }, i = this.env === "prod" ? Bs : Vs;
         fetch(i, { method: "POST", headers: { "Content-Type": "application/json", Authorization: `Bearer ${e.metadata.token}`, user_agent_v2: e.metadata.userAgent }, body: JSON.stringify(t) }).then((r) => {
           if (r.status === 401) {
             this.removeFromStorage(e);
@@ -20524,66 +20495,66 @@ var init_dist = __esm({
         i > -1 && (t.splice(i, 1), this.failedEvents.set(t));
       }
     };
-    Te = new Nr();
+    Te = new _r();
     $ = ((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))($ || {});
     Bi = ((n) => (n.Disconnected = "Disconnected", n.Connecting = "Connecting", n.Joined = "Joined", n.Preview = "Preview", n.Failed = "Failed", n.Reconnecting = "Reconnecting", n.Leaving = "Leaving", n))(Bi || {});
     Ji = ((t) => (t[t.Publish = 0] = "Publish", t[t.Subscribe = 1] = "Subscribe", t))(Ji || {});
-    Qo = (a2) => a2.localPeer.id;
-    zo = (a2) => a2.localPeer.audioTrack;
-    Yo = (a2) => a2.localPeer.videoTrack;
-    Xo = (a2, e) => e;
-    Ma = (a2, e) => e;
-    Zo = (a2) => a2.remoteTrackStats;
-    ya = (a2) => a2.peerStats;
-    Vr = (a2) => a2.localTrackStats;
-    ve = createSelector([ya, Qo], (a2, e) => a2[e]);
-    en = createSelector(ve, (a2) => {
+    Jo = (a2) => a2.localPeer.id;
+    Qo = (a2) => a2.localPeer.audioTrack;
+    zo = (a2) => a2.localPeer.videoTrack;
+    Yo = (a2, e) => e;
+    va = (a2, e) => e;
+    Xo = (a2) => a2.remoteTrackStats;
+    Ma = (a2) => a2.peerStats;
+    Br = (a2) => a2.localTrackStats;
+    ve = createSelector([Ma, Jo], (a2, e) => a2[e]);
+    Zo = createSelector(ve, (a2) => {
       var e;
       return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.packetsLost;
     });
-    tn = createSelector(ve, (a2) => {
+    en = createSelector(ve, (a2) => {
       var e;
       return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.jitter;
     });
-    rn = createSelector(ve, (a2) => {
+    tn = createSelector(ve, (a2) => {
       var e;
       return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bitrate;
     });
-    sn = createSelector(ve, (a2) => {
+    rn = createSelector(ve, (a2) => {
       var e;
       return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bitrate;
     });
-    an = createSelector(ve, (a2) => {
+    sn = createSelector(ve, (a2) => {
       var e;
       return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.availableOutgoingBitrate;
     });
-    on = createSelector(ve, (a2) => {
+    an = createSelector(ve, (a2) => {
       var e;
       return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.availableIncomingBitrate;
     });
-    nn = createSelector(ve, (a2) => {
+    on = createSelector(ve, (a2) => {
       var e;
       return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bytesSent;
     });
-    cn = createSelector(ve, (a2) => {
+    nn = createSelector(ve, (a2) => {
       var e;
       return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bytesReceived;
     });
-    dn = createSelector([ya, Xo], (a2, e) => e ? a2[e] : void 0);
-    ln = createSelector([Zo, Ma], (a2, e) => e ? a2[e] : void 0);
-    Fr = createSelector([Vr, Ma], (a2, e) => e ? a2[e] : void 0);
-    un = A(dn);
-    pn = A(ln);
-    hn = createSelector([Vr, zo], (a2, e) => {
+    cn = createSelector([Ma, Yo], (a2, e) => e ? a2[e] : void 0);
+    dn = createSelector([Xo, va], (a2, e) => e ? a2[e] : void 0);
+    Vr = createSelector([Br, va], (a2, e) => e ? a2[e] : void 0);
+    ln = b(cn);
+    un = b(dn);
+    pn = createSelector([Br, Qo], (a2, e) => {
       var t;
       return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
     });
-    mn = A(createSelector(Fr, (a2) => a2 == null ? void 0 : a2[0]));
-    Sn = createSelector([Vr, Yo], (a2, e) => {
+    hn = b(createSelector(Vr, (a2) => a2 == null ? void 0 : a2[0]));
+    mn = createSelector([Br, zo], (a2, e) => {
       var t;
       return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
     });
-    gn = A(createSelector(Fr, (a2) => a2));
+    Sn = b(createSelector(Vr, (a2) => a2));
   }
 });
 
@@ -20862,7 +20833,7 @@ var init_StreamActions = __esm({
     };
     RecordingPauseStatus = () => {
       const recording = (0, import_react_sdk32.useHMSStore)(import_react_sdk32.selectRecordingState);
-      if (recording.hls && recording.hls.state === Cs.PAUSED) {
+      if (recording.hls && recording.hls.state === Hs.PAUSED) {
         return /* @__PURE__ */ import_react72.default.createElement(
           Tooltip,
           {
@@ -21336,6 +21307,8 @@ var init_MwebOptions = __esm({
       const peerCount = (0, import_react_sdk36.useHMSStore)(import_react_sdk36.selectPeerCount);
       const emojiCardRef = (0, import_react78.useRef)(null);
       const { isBRBOn, toggleBRB, isHandRaised, toggleHandRaise } = useMyMetadata();
+      const { toggleAudio, toggleVideo } = (0, import_react_sdk36.useAVToggle)();
+      const noAVPermissions = !(toggleAudio || toggleVideo);
       const { unreadPollQuiz, setUnreadPollQuiz } = useUnreadPollQuizPresent();
       const { title, description } = useRoomLayoutHeader();
       const toggleDetailsSheet = useSheetToggle(SHEET_OPTIONS.ROOM_DETAILS);
@@ -21397,7 +21370,7 @@ var init_MwebOptions = __esm({
           /* @__PURE__ */ import_react78.default.createElement(import_react_icons31.PeopleIcon, null),
           /* @__PURE__ */ import_react78.default.createElement(ActionTile.Title, null, "Participants")
         ),
-        elements.hand_raise ? /* @__PURE__ */ import_react78.default.createElement(
+        !noAVPermissions ? /* @__PURE__ */ import_react78.default.createElement(
           ActionTile.Root,
           {
             active: isHandRaised,
@@ -21590,14 +21563,9 @@ var init_RaiseHand = __esm({
     import_react_icons32 = require("@100mslive/react-icons");
     init_Tooltip2();
     init_IconButton3();
-    init_useRoomLayoutScreen();
     init_useMetadata();
     RaiseHand = ({ css: css2 }) => {
       const { isHandRaised, toggleHandRaise } = useMyMetadata();
-      const { elements } = useRoomLayoutConferencingScreen();
-      if (!elements.hand_raise) {
-        return null;
-      }
       return /* @__PURE__ */ import_react80.default.createElement(Tooltip, { title: isHandRaised ? "Lower hand" : "Raise hand" }, /* @__PURE__ */ import_react80.default.createElement(
         IconButton_default,
         {
@@ -22701,7 +22669,6 @@ var init_RoleAccordion = __esm({
       return /* @__PURE__ */ import_react93.default.createElement(Accordion.Item, { value: roleName, css: { "&:hover .role_actions": { visibility: "visible" }, mb: "$8" }, ref }, /* @__PURE__ */ import_react93.default.createElement(
         Accordion.Header,
         {
-          chevronID: `role_accordion_btn_${roleName}`,
           iconStyles: { c: "$on_surface_high" },
           css: {
             textTransform: "capitalize",
@@ -22754,7 +22721,7 @@ var init_RoleAccordion = __esm({
         },
         /* @__PURE__ */ import_react93.default.createElement(Text, { variant: "sm", css: { color: "inherit" } }, "View All"),
         /* @__PURE__ */ import_react93.default.createElement(import_react_icons42.ChevronRightIcon, null)
-      ) : null, isHandRaisedAccordion && canBringToStage && /* @__PURE__ */ import_react93.default.createElement(import_react93.default.Fragment, null, /* @__PURE__ */ import_react93.default.createElement(HorizontalDivider, null), /* @__PURE__ */ import_react93.default.createElement(Flex, { css: { w: "100%", p: "$6", gap: "$4" }, justify: "center" }, /* @__PURE__ */ import_react93.default.createElement(Button, { variant: "standard", onClick: lowerAllHands, icon: true, css: { pl: "$2" } }, /* @__PURE__ */ import_react93.default.createElement(import_react_icons42.CrossIcon, null), " Lower all hands"), /* @__PURE__ */ import_react93.default.createElement(Button, { onClick: bringAllToStage, icon: true, css: { pl: "$2" } }, /* @__PURE__ */ import_react93.default.createElement(import_react_icons42.AddIcon, null), " ", bring_to_stage_label)))));
+      ) : null, isHandRaisedAccordion && /* @__PURE__ */ import_react93.default.createElement(import_react93.default.Fragment, null, /* @__PURE__ */ import_react93.default.createElement(HorizontalDivider, null), /* @__PURE__ */ import_react93.default.createElement(Flex, { css: { w: "100%", p: "$6", gap: "$4" }, justify: "center" }, /* @__PURE__ */ import_react93.default.createElement(Button, { variant: "standard", onClick: lowerAllHands, icon: true, css: { pl: "$2" } }, /* @__PURE__ */ import_react93.default.createElement(import_react_icons42.CrossIcon, null), " Lower all hands"), canBringToStage && /* @__PURE__ */ import_react93.default.createElement(Button, { onClick: bringAllToStage, icon: true, css: { pl: "$2" } }, /* @__PURE__ */ import_react93.default.createElement(import_react_icons42.AddIcon, null), " ", bring_to_stage_label)))));
     };
   }
 });
@@ -23075,10 +23042,7 @@ var init_ParticipantList = __esm({
         peerId,
         role
       });
-      if (!shouldShowStageRoleChange) {
-        return null;
-      }
-      return /* @__PURE__ */ import_react95.default.createElement(import_react95.default.Fragment, null, /* @__PURE__ */ import_react95.default.createElement(Button, { variant: "standard", css: quickActionStyle, onClick: lowerPeerHand }, /* @__PURE__ */ import_react95.default.createElement(import_react_icons43.CrossIcon, { height: 18, width: 18 })), !isInStage && /* @__PURE__ */ import_react95.default.createElement(Button, { variant: "primary", onClick: handleStageAction, css: quickActionStyle }, /* @__PURE__ */ import_react95.default.createElement(import_react_icons43.AddIcon, { height: 18, width: 18 })));
+      return /* @__PURE__ */ import_react95.default.createElement(import_react95.default.Fragment, null, /* @__PURE__ */ import_react95.default.createElement(Button, { variant: "standard", css: quickActionStyle, onClick: lowerPeerHand }, /* @__PURE__ */ import_react95.default.createElement(import_react_icons43.CrossIcon, { height: 18, width: 18 })), shouldShowStageRoleChange && !isInStage && /* @__PURE__ */ import_react95.default.createElement(Button, { variant: "primary", onClick: handleStageAction, css: quickActionStyle }, /* @__PURE__ */ import_react95.default.createElement(import_react_icons43.AddIcon, { height: 18, width: 18 })));
     };
     ParticipantMoreActions = ({ peerId, role }) => {
       const {
@@ -23239,7 +23203,7 @@ var init_WhiteboardToggle = __esm({
 });
 
 // src/Prebuilt/components/Footer/Footer.tsx
-var import_react98, import_react_use15, import_chat, Footer2;
+var import_react98, import_react_use15, import_chat, import_react_sdk49, Footer2;
 var init_Footer3 = __esm({
   "src/Prebuilt/components/Footer/Footer.tsx"() {
     "use strict";
@@ -23247,6 +23211,7 @@ var init_Footer3 = __esm({
     import_react98 = __toESM(require("react"));
     import_react_use15 = require("react-use");
     import_chat = require("@100mslive/types-prebuilt/elements/chat");
+    import_react_sdk49 = require("@100mslive/react-sdk");
     init_src();
     init_AudioVideoToggle();
     init_EmojiReaction();
@@ -23270,6 +23235,8 @@ var init_Footer3 = __esm({
       const isMobile = (0, import_react_use15.useMedia)(config.media.md);
       const isOverlayChat = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.is_overlay);
       const openByDefault = ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.initial_state) === import_chat.Chat_ChatState.CHAT_STATE_OPEN;
+      const { toggleAudio, toggleVideo } = (0, import_react_sdk49.useAVToggle)();
+      const noAVPermissions = !(toggleAudio || toggleVideo);
       const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
       const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
       const { showPolls } = useShowPolls();
@@ -23317,7 +23284,7 @@ var init_Footer3 = __esm({
               }
             }
           },
-          isMobile ? /* @__PURE__ */ import_react98.default.createElement(import_react98.default.Fragment, null, /* @__PURE__ */ import_react98.default.createElement(RaiseHand, null), (elements == null ? void 0 : elements.chat) && /* @__PURE__ */ import_react98.default.createElement(ChatToggle, null), /* @__PURE__ */ import_react98.default.createElement(MoreSettings, { elements, screenType })) : /* @__PURE__ */ import_react98.default.createElement(import_react98.default.Fragment, null, /* @__PURE__ */ import_react98.default.createElement(ScreenshareToggle, null), /* @__PURE__ */ import_react98.default.createElement(RaiseHand, null), (elements == null ? void 0 : elements.emoji_reactions) && /* @__PURE__ */ import_react98.default.createElement(EmojiReaction, null), /* @__PURE__ */ import_react98.default.createElement(LeaveRoom, { screenType }))
+          isMobile ? /* @__PURE__ */ import_react98.default.createElement(import_react98.default.Fragment, null, noAVPermissions ? /* @__PURE__ */ import_react98.default.createElement(RaiseHand, null) : null, (elements == null ? void 0 : elements.chat) && /* @__PURE__ */ import_react98.default.createElement(ChatToggle, null), /* @__PURE__ */ import_react98.default.createElement(MoreSettings, { elements, screenType })) : /* @__PURE__ */ import_react98.default.createElement(import_react98.default.Fragment, null, /* @__PURE__ */ import_react98.default.createElement(ScreenshareToggle, null), /* @__PURE__ */ import_react98.default.createElement(RaiseHand, null), (elements == null ? void 0 : elements.emoji_reactions) && /* @__PURE__ */ import_react98.default.createElement(EmojiReaction, null), /* @__PURE__ */ import_react98.default.createElement(LeaveRoom, { screenType }))
         ),
         /* @__PURE__ */ import_react98.default.createElement(Footer.Right, null, /* @__PURE__ */ import_react98.default.createElement(WhiteboardToggle, null), showPolls && /* @__PURE__ */ import_react98.default.createElement(PollsToggle, null), !isMobile && (elements == null ? void 0 : elements.chat) && /* @__PURE__ */ import_react98.default.createElement(ChatToggle, null), (elements == null ? void 0 : elements.participant_list) && /* @__PURE__ */ import_react98.default.createElement(ParticipantCount, null), /* @__PURE__ */ import_react98.default.createElement(MoreSettings, { elements, screenType }))
       );
@@ -23327,10 +23294,10 @@ var init_Footer3 = __esm({
 
 // src/Prebuilt/components/Notifications/HLSFailureModal.tsx
 function HLSFailureModal() {
-  const hlsError = (0, import_react_sdk49.useHMSStore)(import_react_sdk49.selectHLSState).error || false;
+  const hlsError = (0, import_react_sdk50.useHMSStore)(import_react_sdk50.selectHLSState).error || false;
   const [openModal, setOpenModal] = (0, import_react99.useState)(!!hlsError);
-  const hmsActions = (0, import_react_sdk49.useHMSActions)();
-  const { isRTMPRunning } = (0, import_react_sdk49.useRecordingStreaming)();
+  const hmsActions = (0, import_react_sdk50.useHMSActions)();
+  const { isRTMPRunning } = (0, import_react_sdk50.useRecordingStreaming)();
   const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
   const startHLS = (0, import_react99.useCallback)(() => __async(this, null, function* () {
     try {
@@ -23369,13 +23336,13 @@ function HLSFailureModal() {
     ), /* @__PURE__ */ import_react99.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_react99.default.createElement(Flex, { align: "center", justify: "between", css: { w: "100%", gap: "$8" } }, /* @__PURE__ */ import_react99.default.createElement(Button, { outlined: true, variant: "standard", css: { w: "100%" }, onClick: () => setOpenModal(false) }, "Dismiss"), /* @__PURE__ */ import_react99.default.createElement(Button, { css: { w: "100%" }, onClick: startHLS }, "Go Live"))))
   ) : null;
 }
-var import_react99, import_react_sdk49;
+var import_react99, import_react_sdk50;
 var init_HLSFailureModal = __esm({
   "src/Prebuilt/components/Notifications/HLSFailureModal.tsx"() {
     "use strict";
     init_define_process_env();
     import_react99 = __toESM(require("react"));
-    import_react_sdk49 = require("@100mslive/react-sdk");
+    import_react_sdk50 = require("@100mslive/react-sdk");
     init_Button2();
     init_Layout();
     init_Modal();
@@ -23386,13 +23353,13 @@ var init_HLSFailureModal = __esm({
 });
 
 // src/Prebuilt/components/Streaming/Common.jsx
-var import_react100, import_react_sdk50, import_react_icons46, ContentHeader, Container3, ErrorText;
+var import_react100, import_react_sdk51, import_react_icons46, ContentHeader, Container3, ErrorText;
 var init_Common = __esm({
   "src/Prebuilt/components/Streaming/Common.jsx"() {
     "use strict";
     init_define_process_env();
     import_react100 = __toESM(require("react"));
-    import_react_sdk50 = require("@100mslive/react-sdk");
+    import_react_sdk51 = require("@100mslive/react-sdk");
     import_react_icons46 = require("@100mslive/react-icons");
     init_src();
     ContentHeader = ({ onBack, onClose, title = "", content }) => {
@@ -23536,13 +23503,13 @@ function InteractionSelectionCard({
     /* @__PURE__ */ import_react102.default.createElement(Text, { variant: "sub1", css: { ml: "$md" } }, title)
   );
 }
-var import_react102, import_react_sdk51, import_react_icons47, PollsQuizMenu, AddMenu, PrevMenu, InteractionCard;
+var import_react102, import_react_sdk52, import_react_icons47, PollsQuizMenu, AddMenu, PrevMenu, InteractionCard;
 var init_PollsQuizMenu = __esm({
   "src/Prebuilt/components/Polls/CreatePollQuiz/PollsQuizMenu.tsx"() {
     "use strict";
     init_define_process_env();
     import_react102 = __toESM(require("react"));
-    import_react_sdk51 = require("@100mslive/react-sdk");
+    import_react_sdk52 = require("@100mslive/react-sdk");
     import_react_icons47 = require("@100mslive/react-icons");
     init_src();
     init_Common();
@@ -23553,13 +23520,13 @@ var init_PollsQuizMenu = __esm({
     init_constants();
     PollsQuizMenu = () => {
       const togglePollView = usePollViewToggle();
-      const permissions = (0, import_react_sdk51.useHMSStore)(import_react_sdk51.selectPermissions);
+      const permissions = (0, import_react_sdk52.useHMSStore)(import_react_sdk52.selectPermissions);
       return /* @__PURE__ */ import_react102.default.createElement(Container3, { rounded: true }, /* @__PURE__ */ import_react102.default.createElement(ContentHeader, { content: "Polls and Quizzes", onClose: togglePollView }), /* @__PURE__ */ import_react102.default.createElement(Flex, { direction: "column", css: { px: "$10", pb: "$10", overflowY: "auto" } }, (permissions == null ? void 0 : permissions.pollWrite) && /* @__PURE__ */ import_react102.default.createElement(AddMenu, null), /* @__PURE__ */ import_react102.default.createElement(PrevMenu, null)));
     };
     AddMenu = () => {
-      const actions = (0, import_react_sdk51.useHMSActions)();
+      const actions = (0, import_react_sdk52.useHMSActions)();
       const [title, setTitle] = (0, import_react102.useState)("");
-      const localPeerRoleName = (0, import_react_sdk51.useHMSStore)(import_react_sdk51.selectLocalPeerRoleName);
+      const localPeerRoleName = (0, import_react_sdk52.useHMSStore)(import_react_sdk52.selectLocalPeerRoleName);
       const [hideVoteCount, setHideVoteCount] = (0, import_react102.useState)(false);
       const [error, setError] = (0, import_react102.useState)();
       const [titleError, setTitleError] = (0, import_react102.useState)("");
@@ -23640,19 +23607,19 @@ var init_PollsQuizMenu = __esm({
       ), /* @__PURE__ */ import_react102.default.createElement(ErrorText, { error: error || titleError })));
     };
     PrevMenu = () => {
-      const hmsActions = (0, import_react_sdk51.useHMSActions)();
-      const polls = (0, import_react_sdk51.useHMSStore)(import_react_sdk51.selectPolls);
+      const hmsActions = (0, import_react_sdk52.useHMSActions)();
+      const polls = (0, import_react_sdk52.useHMSStore)(import_react_sdk52.selectPolls);
       const sortedPolls = (0, import_react102.useMemo)(
         () => {
           var _a8;
-          return (_a8 = polls == null ? void 0 : polls.sort((a2, b) => {
+          return (_a8 = polls == null ? void 0 : polls.sort((a2, b2) => {
             var _a9, _b7;
-            return (((_a9 = b.createdAt) == null ? void 0 : _a9.getTime()) || 0) - (((_b7 = a2.createdAt) == null ? void 0 : _b7.getTime()) || 0);
-          })) == null ? void 0 : _a8.sort((a2, b) => (b.state === "started" ? 1 : 0) - (a2.state === "started" ? 1 : 0));
+            return (((_a9 = b2.createdAt) == null ? void 0 : _a9.getTime()) || 0) - (((_b7 = a2.createdAt) == null ? void 0 : _b7.getTime()) || 0);
+          })) == null ? void 0 : _a8.sort((a2, b2) => (b2.state === "started" ? 1 : 0) - (a2.state === "started" ? 1 : 0));
         },
         [polls]
       );
-      const permissions = (0, import_react_sdk51.useHMSStore)(import_react_sdk51.selectPermissions);
+      const permissions = (0, import_react_sdk52.useHMSStore)(import_react_sdk52.selectPermissions);
       (0, import_react102.useEffect)(() => {
         const updatePolls = () => __async(void 0, null, function* () {
           yield hmsActions.interactivityCenter.getPolls();
@@ -24294,11 +24261,11 @@ var init_SavedQuestion = __esm({
 // src/Prebuilt/components/Polls/CreateQuestions/CreateQuestions.jsx
 function CreateQuestions() {
   var _a8, _b7, _c, _d;
-  const actions = (0, import_react_sdk52.useHMSActions)();
-  const { isHLSRunning } = (0, import_react_sdk52.useRecordingStreaming)();
+  const actions = (0, import_react_sdk53.useHMSActions)();
+  const { isHLSRunning } = (0, import_react_sdk53.useRecordingStreaming)();
   const togglePollView = usePollViewToggle();
   const { pollInView: id, setPollView } = usePollViewState();
-  const interaction = (0, import_react_sdk52.useHMSStore)((0, import_react_sdk52.selectPollByID)(id));
+  const interaction = (0, import_react_sdk53.useHMSStore)((0, import_react_sdk53.selectPollByID)(id));
   const [questions, setQuestions] = (0, import_react112.useState)(
     ((_a8 = interaction.questions) == null ? void 0 : _a8.length) ? getEditableFormat(interaction.questions) : [{ draftID: (0, import_uuid11.v4)() }]
   );
@@ -24378,14 +24345,14 @@ function CreateQuestions() {
     return launchPoll();
   }) }, "Launch ", interaction == null ? void 0 : interaction.type))));
 }
-var import_react112, import_uuid11, import_react_sdk52, import_react_icons54, getEditableFormat, QuestionCard;
+var import_react112, import_uuid11, import_react_sdk53, import_react_icons54, getEditableFormat, QuestionCard;
 var init_CreateQuestions = __esm({
   "src/Prebuilt/components/Polls/CreateQuestions/CreateQuestions.jsx"() {
     "use strict";
     init_define_process_env();
     import_react112 = __toESM(require("react"));
     import_uuid11 = require("uuid");
-    import_react_sdk52 = require("@100mslive/react-sdk");
+    import_react_sdk53 = require("@100mslive/react-sdk");
     import_react_icons54 = require("@100mslive/react-icons");
     init_src();
     init_Common();
@@ -24513,16 +24480,16 @@ var init_StatisticBox = __esm({
 });
 
 // src/Prebuilt/components/Polls/Voting/useQuizSummary.tsx
-var import_react115, import_react_sdk53, useQuizSummary;
+var import_react115, import_react_sdk54, useQuizSummary;
 var init_useQuizSummary = __esm({
   "src/Prebuilt/components/Polls/Voting/useQuizSummary.tsx"() {
     "use strict";
     init_define_process_env();
     import_react115 = require("react");
-    import_react_sdk53 = require("@100mslive/react-sdk");
+    import_react_sdk54 = require("@100mslive/react-sdk");
     useQuizSummary = (quizID) => {
-      const hmsActions = (0, import_react_sdk53.useHMSActions)();
-      const quiz = (0, import_react_sdk53.useHMSStore)((0, import_react_sdk53.selectPollByID)(quizID));
+      const hmsActions = (0, import_react_sdk54.useHMSActions)();
+      const quiz = (0, import_react_sdk54.useHMSStore)((0, import_react_sdk54.selectPollByID)(quizID));
       const [quizLeaderboard, setQuizLeaderboard] = (0, import_react115.useState)();
       const summary = (quizLeaderboard == null ? void 0 : quizLeaderboard.summary) || {
         totalUsers: 0,
@@ -24560,20 +24527,20 @@ var init_useQuizSummary = __esm({
 });
 
 // src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx
-var import_react116, import_react_sdk54, PeerParticipationSummary;
+var import_react116, import_react_sdk55, PeerParticipationSummary;
 var init_PeerParticipationSummary = __esm({
   "src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx"() {
     "use strict";
     init_define_process_env();
     import_react116 = __toESM(require("react"));
-    import_react_sdk54 = require("@100mslive/react-sdk");
+    import_react_sdk55 = require("@100mslive/react-sdk");
     init_Layout();
     init_Text2();
     init_StatisticBox();
     init_useQuizSummary();
     init_utils4();
     PeerParticipationSummary = ({ quiz }) => {
-      const localPeerId = (0, import_react_sdk54.useHMSStore)(import_react_sdk54.selectLocalPeerID);
+      const localPeerId = (0, import_react_sdk55.useHMSStore)(import_react_sdk55.selectLocalPeerID);
       const { quizLeaderboard, summary } = useQuizSummary(quiz.id);
       if (quiz.state !== "stopped") {
         return /* @__PURE__ */ import_react116.default.createElement(import_react116.default.Fragment, null);
@@ -24614,13 +24581,13 @@ var init_PeerParticipationSummary = __esm({
 });
 
 // src/Prebuilt/components/Polls/Voting/LeaderboardSummary.tsx
-var import_react117, import_react_sdk55, import_react_icons56, LeaderboardSummary;
+var import_react117, import_react_sdk56, import_react_icons56, LeaderboardSummary;
 var init_LeaderboardSummary = __esm({
   "src/Prebuilt/components/Polls/Voting/LeaderboardSummary.tsx"() {
     "use strict";
     init_define_process_env();
     import_react117 = __toESM(require("react"));
-    import_react_sdk55 = require("@100mslive/react-sdk");
+    import_react_sdk56 = require("@100mslive/react-sdk");
     import_react_icons56 = require("@100mslive/react-icons");
     init_Layout();
     init_Loading2();
@@ -24634,7 +24601,7 @@ var init_LeaderboardSummary = __esm({
     init_constants();
     LeaderboardSummary = ({ pollID }) => {
       var _a8, _b7;
-      const quiz = (0, import_react_sdk55.useHMSStore)((0, import_react_sdk55.selectPollByID)(pollID));
+      const quiz = (0, import_react_sdk56.useHMSStore)((0, import_react_sdk56.selectPollByID)(pollID));
       const { quizLeaderboard, maxPossibleScore } = useQuizSummary(pollID);
       const [viewAllEntries, setViewAllEntries] = (0, import_react117.useState)(false);
       const { setPollView } = usePollViewState();
@@ -24707,14 +24674,14 @@ var init_LeaderboardSummary = __esm({
 });
 
 // src/Prebuilt/components/Polls/Voting/QuestionCard.jsx
-var import_react118, import_ts_pattern7, import_react_sdk56, import_react_icons57, QuestionCard2, QuestionActions;
+var import_react118, import_ts_pattern7, import_react_sdk57, import_react_icons57, QuestionCard2, QuestionActions;
 var init_QuestionCard = __esm({
   "src/Prebuilt/components/Polls/Voting/QuestionCard.jsx"() {
     "use strict";
     init_define_process_env();
     import_react118 = __toESM(require("react"));
     import_ts_pattern7 = require("ts-pattern");
-    import_react_sdk56 = require("@100mslive/react-sdk");
+    import_react_sdk57 = require("@100mslive/react-sdk");
     import_react_icons57 = require("@100mslive/react-icons");
     init_src();
     init_utils2();
@@ -24736,8 +24703,8 @@ var init_QuestionCard = __esm({
       responses = [],
       rolesThatCanViewResponses
     }) => {
-      const actions = (0, import_react_sdk56.useHMSActions)();
-      const localPeer = (0, import_react_sdk56.useHMSStore)(import_react_sdk56.selectLocalPeer);
+      const actions = (0, import_react_sdk57.useHMSActions)();
+      const localPeer = (0, import_react_sdk57.useHMSStore)(import_react_sdk57.selectLocalPeer);
       const localPeerResponse = responses == null ? void 0 : responses.find(
         (response) => {
           var _a8, _b7;
@@ -24745,7 +24712,7 @@ var init_QuestionCard = __esm({
         }
       );
       const isLocalPeerCreator = (localPeer == null ? void 0 : localPeer.id) === startedBy;
-      const localPeerRoleName = (0, import_react_sdk56.useHMSStore)(import_react_sdk56.selectLocalPeerRoleName);
+      const localPeerRoleName = (0, import_react_sdk57.useHMSStore)(import_react_sdk57.selectLocalPeerRoleName);
       const roleCanViewResponse = !rolesThatCanViewResponses || rolesThatCanViewResponses.length === 0 || rolesThatCanViewResponses.includes(localPeerRoleName || "");
       const showVoteCount = roleCanViewResponse && (localPeerResponse || isLocalPeerCreator && pollState === "stopped") && !isQuiz;
       const isLive = pollState === "started";
@@ -24945,18 +24912,18 @@ var init_StandardVoting = __esm({
 });
 
 // src/Prebuilt/components/Polls/Voting/TimedVoting.tsx
-var import_react120, import_react_sdk57, TimedView;
+var import_react120, import_react_sdk58, TimedView;
 var init_TimedVoting = __esm({
   "src/Prebuilt/components/Polls/Voting/TimedVoting.tsx"() {
     "use strict";
     init_define_process_env();
     import_react120 = __toESM(require("react"));
-    import_react_sdk57 = require("@100mslive/react-sdk");
+    import_react_sdk58 = require("@100mslive/react-sdk");
     init_QuestionCard();
     init_utils2();
     TimedView = ({ poll }) => {
       var _a8, _b7, _c;
-      const localPeerId = (0, import_react_sdk57.useHMSStore)(import_react_sdk57.selectLocalPeerID);
+      const localPeerId = (0, import_react_sdk58.useHMSStore)(import_react_sdk58.selectLocalPeerID);
       const lastAttemptedIndex = getLastAttemptedIndex(poll.questions, localPeerId, "");
       const [currentIndex, setCurrentIndex] = (0, import_react120.useState)(lastAttemptedIndex);
       const activeQuestion = (_a8 = poll.questions) == null ? void 0 : _a8.find((question) => question.index === currentIndex);
@@ -24992,13 +24959,13 @@ var init_TimedVoting = __esm({
 });
 
 // src/Prebuilt/components/Polls/Voting/Voting.tsx
-var import_react121, import_react_sdk58, import_react_icons58, Voting;
+var import_react121, import_react_sdk59, import_react_icons58, Voting;
 var init_Voting = __esm({
   "src/Prebuilt/components/Polls/Voting/Voting.tsx"() {
     "use strict";
     init_define_process_env();
     import_react121 = __toESM(require("react"));
-    import_react_sdk58 = require("@100mslive/react-sdk");
+    import_react_sdk59 = require("@100mslive/react-sdk");
     import_react_icons58 = require("@100mslive/react-icons");
     init_src();
     init_Common();
@@ -25008,10 +24975,10 @@ var init_Voting = __esm({
     init_StatusIndicator();
     init_constants();
     Voting = ({ id, toggleVoting }) => {
-      const actions = (0, import_react_sdk58.useHMSActions)();
-      const poll = (0, import_react_sdk58.useHMSStore)((0, import_react_sdk58.selectPollByID)(id));
-      const pollCreatorName = (0, import_react_sdk58.useHMSStore)((0, import_react_sdk58.selectPeerNameByID)(poll == null ? void 0 : poll.createdBy));
-      const permissions = (0, import_react_sdk58.useHMSStore)(import_react_sdk58.selectPermissions);
+      const actions = (0, import_react_sdk59.useHMSActions)();
+      const poll = (0, import_react_sdk59.useHMSStore)((0, import_react_sdk59.selectPollByID)(id));
+      const pollCreatorName = (0, import_react_sdk59.useHMSStore)((0, import_react_sdk59.selectPeerNameByID)(poll == null ? void 0 : poll.createdBy));
+      const permissions = (0, import_react_sdk59.useHMSStore)(import_react_sdk59.selectPermissions);
       const canEndActivity = !!(permissions == null ? void 0 : permissions.pollWrite);
       const { setPollView } = usePollViewState();
       const showSingleView = (poll == null ? void 0 : poll.type) === "quiz" && poll.state === "started";
@@ -25109,18 +25076,18 @@ var init_Polls = __esm({
 });
 
 // src/Prebuilt/components/Header/HeaderComponents.jsx
-var import_react123, import_react_sdk59, import_react_icons59, SpeakerTag, LogoImg, Logo;
+var import_react123, import_react_sdk60, import_react_icons59, SpeakerTag, LogoImg, Logo;
 var init_HeaderComponents = __esm({
   "src/Prebuilt/components/Header/HeaderComponents.jsx"() {
     "use strict";
     init_define_process_env();
     import_react123 = __toESM(require("react"));
-    import_react_sdk59 = require("@100mslive/react-sdk");
+    import_react_sdk60 = require("@100mslive/react-sdk");
     import_react_icons59 = require("@100mslive/react-icons");
     init_src();
     init_roomLayoutProvider();
     SpeakerTag = () => {
-      const dominantSpeaker = (0, import_react_sdk59.useHMSStore)(import_react_sdk59.selectDominantSpeaker);
+      const dominantSpeaker = (0, import_react_sdk60.useHMSStore)(import_react_sdk60.selectDominantSpeaker);
       return dominantSpeaker && dominantSpeaker.name && /* @__PURE__ */ import_react123.default.createElement(
         Flex,
         {
@@ -25269,17 +25236,17 @@ var init_MwebChatOption = __esm({
 });
 
 // src/Prebuilt/components/hooks/useChatBlacklist.ts
-var import_react128, import_react_sdk60, useChatBlacklist, useIsPeerBlacklisted;
+var import_react128, import_react_sdk61, useChatBlacklist, useIsPeerBlacklisted;
 var init_useChatBlacklist = __esm({
   "src/Prebuilt/components/hooks/useChatBlacklist.ts"() {
     "use strict";
     init_define_process_env();
     import_react128 = require("react");
-    import_react_sdk60 = require("@100mslive/react-sdk");
+    import_react_sdk61 = require("@100mslive/react-sdk");
     init_ToastManager();
     useChatBlacklist = (sessionStoreKey) => {
-      const hmsActions = (0, import_react_sdk60.useHMSActions)();
-      const blacklistedIDs = (0, import_react_sdk60.useHMSStore)((0, import_react_sdk60.selectSessionStore)(sessionStoreKey));
+      const hmsActions = (0, import_react_sdk61.useHMSActions)();
+      const blacklistedIDs = (0, import_react_sdk61.useHMSStore)((0, import_react_sdk61.selectSessionStore)(sessionStoreKey));
       const blacklistItem = (0, import_react128.useCallback)(
         (blacklistID) => __async(void 0, null, function* () {
           yield hmsActions.sessionStore.set(sessionStoreKey, [...blacklistedIDs || [], blacklistID]).catch((err) => ToastManager.addToast({ title: err.description }));
@@ -25289,35 +25256,35 @@ var init_useChatBlacklist = __esm({
       return { blacklistItem, blacklistedIDs };
     };
     useIsPeerBlacklisted = ({ local = false, peerCustomerUserId = "" }) => {
-      const localPeer = (0, import_react_sdk60.useHMSStore)(import_react_sdk60.selectLocalPeer);
-      const blacklistedPeerIDs = (0, import_react_sdk60.useHMSStore)((0, import_react_sdk60.selectSessionStore)("chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */)) || [];
+      const localPeer = (0, import_react_sdk61.useHMSStore)(import_react_sdk61.selectLocalPeer);
+      const blacklistedPeerIDs = (0, import_react_sdk61.useHMSStore)((0, import_react_sdk61.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_react129, import_react_sdk61, usePinnedMessages;
+var import_react129, import_react_sdk62, usePinnedMessages;
 var init_usePinnedMessages = __esm({
   "src/Prebuilt/components/hooks/usePinnedMessages.ts"() {
     "use strict";
     init_define_process_env();
     import_react129 = require("react");
-    import_react_sdk61 = require("@100mslive/react-sdk");
+    import_react_sdk62 = require("@100mslive/react-sdk");
     init_ToastManager();
     usePinnedMessages = () => {
-      const hmsActions = (0, import_react_sdk61.useHMSActions)();
-      const vanillaStore = (0, import_react_sdk61.useHMSVanillaStore)();
+      const hmsActions = (0, import_react_sdk62.useHMSActions)();
+      const vanillaStore = (0, import_react_sdk62.useHMSVanillaStore)();
       const setPinnedMessages = (0, import_react129.useCallback)(
         (message, pinnedBy) => __async(void 0, null, function* () {
-          const peerName = vanillaStore.getState((0, import_react_sdk61.selectPeerNameByID)(message == null ? void 0 : message.sender)) || (message == null ? void 0 : message.senderName);
+          const peerName = vanillaStore.getState((0, import_react_sdk62.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_sdk61.selectSessionStore)("pinnedMessages" /* PINNED_MESSAGES */)) || [];
+          const pinnedMessages = vanillaStore.getState((0, import_react_sdk62.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 }));
           }
@@ -25326,11 +25293,11 @@ var init_usePinnedMessages = __esm({
       );
       const removePinnedMessage = (0, import_react129.useCallback)(
         (indexToRemove) => __async(void 0, null, function* () {
-          const pinnedMessages = vanillaStore.getState((0, import_react_sdk61.selectSessionStore)("pinnedMessages" /* PINNED_MESSAGES */)) || [];
+          const pinnedMessages = vanillaStore.getState((0, import_react_sdk62.selectSessionStore)("pinnedMessages" /* PINNED_MESSAGES */)) || [];
           if (pinnedMessages[indexToRemove]) {
             yield hmsActions.sessionStore.set(
               "pinnedMessages" /* PINNED_MESSAGES */,
-              pinnedMessages.filter((_2, index) => index !== indexToRemove)
+              pinnedMessages.filter((_, index) => index !== indexToRemove)
             ).catch((err) => ToastManager.addToast({ title: err.description }));
           }
         }),
@@ -25338,7 +25305,7 @@ var init_usePinnedMessages = __esm({
       );
       const unpinBlacklistedMessages = (0, import_react129.useCallback)(
         (blacklistedMessageIDSet) => __async(void 0, null, function* () {
-          const pinnedMessages = vanillaStore.getState((0, import_react_sdk61.selectSessionStore)("pinnedMessages" /* PINNED_MESSAGES */)) || [];
+          const pinnedMessages = vanillaStore.getState((0, import_react_sdk62.selectSessionStore)("pinnedMessages" /* PINNED_MESSAGES */)) || [];
           const filteredPinnedMessages = pinnedMessages == null ? void 0 : pinnedMessages.filter(
             (pinnedMessage) => !(blacklistedMessageIDSet == null ? void 0 : blacklistedMessageIDSet.has(pinnedMessage.id))
           );
@@ -25352,13 +25319,13 @@ var init_usePinnedMessages = __esm({
 });
 
 // src/Prebuilt/components/Chat/ChatActions.tsx
-var import_react130, import_react_sdk62, import_react_icons61, iconStyle, tooltipBoxCSS, ChatActions;
+var import_react130, import_react_sdk63, import_react_icons61, iconStyle, tooltipBoxCSS, ChatActions;
 var init_ChatActions = __esm({
   "src/Prebuilt/components/Chat/ChatActions.tsx"() {
     "use strict";
     init_define_process_env();
     import_react130 = __toESM(require("react"));
-    import_react_sdk62 = require("@100mslive/react-sdk");
+    import_react_sdk63 = require("@100mslive/react-sdk");
     import_react_icons61 = require("@100mslive/react-icons");
     init_Dropdown2();
     init_IconButton2();
@@ -25395,10 +25362,10 @@ var init_ChatActions = __esm({
       const { can_hide_message = false, can_block_user = false } = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.real_time_controls) || {};
       const { roles_whitelist = [] } = (elements == null ? void 0 : elements.chat) || {};
       const [open, setOpen] = (0, import_react130.useState)(false);
-      const actions = (0, import_react_sdk62.useHMSActions)();
-      const canRemoveOthers = (_b7 = (0, import_react_sdk62.useHMSStore)(import_react_sdk62.selectPermissions)) == null ? void 0 : _b7.removeOthers;
+      const actions = (0, import_react_sdk63.useHMSActions)();
+      const canRemoveOthers = (_b7 = (0, import_react_sdk63.useHMSStore)(import_react_sdk63.selectPermissions)) == null ? void 0 : _b7.removeOthers;
       const { blacklistItem: blacklistPeer } = useChatBlacklist("chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */);
-      const localPeerName = (0, import_react_sdk62.useHMSStore)(import_react_sdk62.selectLocalPeerName);
+      const localPeerName = (0, import_react_sdk63.useHMSStore)(import_react_sdk63.selectLocalPeerName);
       const { setPinnedMessages, unpinBlacklistedMessages } = usePinnedMessages();
       const { blacklistItem: blacklistMessage, blacklistedIDs: blacklistedMessageIDs } = useChatBlacklist(
         "chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */
@@ -25637,15 +25604,15 @@ var init_EmptyChat = __esm({
 });
 
 // src/Prebuilt/components/hooks/usePinnedBy.tsx
-var import_react132, import_react_sdk63, usePinnedBy;
+var import_react132, import_react_sdk64, usePinnedBy;
 var init_usePinnedBy = __esm({
   "src/Prebuilt/components/hooks/usePinnedBy.tsx"() {
     "use strict";
     init_define_process_env();
     import_react132 = require("react");
-    import_react_sdk63 = require("@100mslive/react-sdk");
+    import_react_sdk64 = require("@100mslive/react-sdk");
     usePinnedBy = (messageId) => {
-      const pinnedMessages = (0, import_react_sdk63.useHMSStore)((0, import_react_sdk63.selectSessionStore)("pinnedMessages" /* PINNED_MESSAGES */));
+      const pinnedMessages = (0, import_react_sdk64.useHMSStore)((0, import_react_sdk64.selectSessionStore)("pinnedMessages" /* PINNED_MESSAGES */));
       const [pinnedBy, setPinnedBy] = (0, import_react132.useState)("");
       (0, import_react132.useEffect)(() => {
         let match14 = "";
@@ -25666,7 +25633,7 @@ function getRowHeight(index) {
   var _a8;
   return ((_a8 = rowHeights[index]) == null ? void 0 : _a8.size) || 72;
 }
-var import_react133, import_react_use17, import_react_virtualized_auto_sizer, import_react_window2, import_react_sdk64, import_react_icons62, formatTime2, rowHeights, listInstance, setRowHeight, getMessageBackgroundColor, MessageTypeContainer, MessageType, URL_REGEX, Link2, AnnotisedMessage, getMessageType, SenderName, ChatMessage, MessageWrapper, VirtualizedChatMessages, ChatBody, PinnedBy;
+var import_react133, import_react_use17, import_react_virtualized_auto_sizer, import_react_window2, import_react_sdk65, import_react_icons62, formatTime2, 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";
@@ -25675,7 +25642,7 @@ var init_ChatBody = __esm({
     import_react_use17 = require("react-use");
     import_react_virtualized_auto_sizer = __toESM(require("react-virtualized-auto-sizer"));
     import_react_window2 = require("react-window");
-    import_react_sdk64 = require("@100mslive/react-sdk");
+    import_react_sdk65 = require("@100mslive/react-sdk");
     import_react_icons62 = require("@100mslive/react-icons");
     init_Layout();
     init_Text2();
@@ -25751,8 +25718,8 @@ var init_ChatBody = __esm({
       hasCurrentUserSent,
       receiver
     }) => {
-      const peerName = (0, import_react_sdk64.useHMSStore)((0, import_react_sdk64.selectPeerNameByID)(receiver));
-      const localPeerRoleName = (0, import_react_sdk64.useHMSStore)(import_react_sdk64.selectLocalPeerRoleName);
+      const peerName = (0, import_react_sdk65.useHMSStore)((0, import_react_sdk65.selectPeerNameByID)(receiver));
+      const localPeerRoleName = (0, import_react_sdk65.useHMSStore)(import_react_sdk65.selectLocalPeerRoleName);
       if (receiver) {
         return /* @__PURE__ */ import_react133.default.createElement(MessageTypeContainer, { left: hasCurrentUserSent ? `${peerName ? `to ${peerName}` : ""}` : "to You", right: "(DM)" });
       }
@@ -25800,7 +25767,7 @@ var init_ChatBody = __esm({
         const isMobile = (0, import_react_use17.useMedia)(config.media.md);
         const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.private_chat_enabled);
         const isOverlay = ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay) && isMobile;
-        const localPeerId = (0, import_react_sdk64.useHMSStore)(import_react_sdk64.selectLocalPeerID);
+        const localPeerId = (0, import_react_sdk65.useHMSStore)(import_react_sdk65.selectLocalPeerID);
         const [selectedRole, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
         const [selectedPeer, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
         const messageType = getMessageType({
@@ -25964,7 +25931,7 @@ var init_ChatBody = __esm({
       }
     );
     VirtualizedChatMessages = import_react133.default.forwardRef(({ messages, scrollToBottom }, listRef) => {
-      const hmsActions = (0, import_react_sdk64.useHMSActions)();
+      const hmsActions = (0, import_react_sdk65.useHMSActions)();
       const itemKey2 = (0, import_react133.useCallback)((index, data3) => {
         return data3[index].id;
       }, []);
@@ -26019,14 +25986,13 @@ var init_ChatBody = __esm({
     });
     ChatBody = import_react133.default.forwardRef(
       ({ scrollToBottom }, listRef) => {
-        const messages = (0, import_react_sdk64.useHMSStore)(import_react_sdk64.selectHMSMessages);
-        const blacklistedMessageIDs = (0, import_react_sdk64.useHMSStore)((0, import_react_sdk64.selectSessionStore)("chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */));
+        const messages = (0, import_react_sdk65.useHMSStore)(import_react_sdk65.selectHMSMessages);
+        const blacklistedMessageIDs = (0, import_react_sdk65.useHMSStore)((0, import_react_sdk65.selectSessionStore)("chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */));
         const filteredMessages = (0, import_react133.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_sdk64.useHMSVanillaStore)();
-        const rerenderOnFirstMount = (0, import_react133.useRef)(false);
+        const vanillaStore = (0, import_react_sdk65.useHMSVanillaStore)();
         (0, import_react133.useEffect)(() => {
           const unsubscribe = vanillaStore.subscribe(() => {
             if (!listRef.current) {
@@ -26036,15 +26002,9 @@ var init_ChatBody = __esm({
             if (outerElement.clientHeight + outerElement.scrollTop + outerElement.offsetTop >= outerElement.scrollHeight) {
               requestAnimationFrame(() => scrollToBottom(1));
             }
-          }, import_react_sdk64.selectUnreadHMSMessagesCount);
+          }, import_react_sdk65.selectUnreadHMSMessagesCount);
           return unsubscribe;
         }, [vanillaStore, listRef, scrollToBottom]);
-        (0, import_react133.useEffect)(() => {
-          if (filteredMessages.length > 0 && (listRef == null ? void 0 : listRef.current) && !rerenderOnFirstMount.current) {
-            rerenderOnFirstMount.current = true;
-            listRef.current.resetAfterIndex(0);
-          }
-        }, [listRef, filteredMessages]);
         return filteredMessages.length === 0 ? /* @__PURE__ */ import_react133.default.createElement(EmptyChat, null) : /* @__PURE__ */ import_react133.default.createElement(VirtualizedChatMessages, { messages: filteredMessages, ref: listRef, scrollToBottom });
       }
     );
@@ -26054,7 +26014,7 @@ var init_ChatBody = __esm({
       rowRef
     }) => {
       const pinnedBy = usePinnedBy(messageId);
-      const localPeerName = (0, import_react_sdk64.useHMSStore)(import_react_sdk64.selectLocalPeerName);
+      const localPeerName = (0, import_react_sdk65.useHMSStore)(import_react_sdk65.selectLocalPeerName);
       (0, import_react133.useLayoutEffect)(() => {
         if (rowRef == null ? void 0 : rowRef.current) {
           if (pinnedBy) {
@@ -26074,14 +26034,14 @@ var init_ChatBody = __esm({
 });
 
 // src/Prebuilt/components/Chat/ChatSelector.tsx
-var import_react134, import_react_use18, import_react_sdk65, import_react_icons63, ChatDotIcon, SelectorItem, SelectorHeader, Everyone, RoleItem, PeerItem, VirtualizedSelectItemList, ChatSelector;
+var import_react134, import_react_use18, import_react_sdk66, import_react_icons63, 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_react134 = __toESM(require("react"));
     import_react_use18 = require("react-use");
-    import_react_sdk65 = require("@100mslive/react-sdk");
+    import_react_sdk66 = require("@100mslive/react-sdk");
     import_react_icons63 = require("@100mslive/react-icons");
     init_src();
     init_Theme();
@@ -26137,7 +26097,7 @@ var init_ChatSelector = __esm({
       }
     );
     Everyone = import_react134.default.memo(({ active }) => {
-      const unreadCount = (0, import_react_sdk65.useHMSStore)(import_react_sdk65.selectUnreadHMSMessagesCount);
+      const unreadCount = (0, import_react_sdk66.useHMSStore)(import_react_sdk66.selectUnreadHMSMessagesCount);
       const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
       const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
       return /* @__PURE__ */ import_react134.default.createElement(
@@ -26155,7 +26115,7 @@ var init_ChatSelector = __esm({
       );
     });
     RoleItem = import_react134.default.memo(({ role, active }) => {
-      const unreadCount = (0, import_react_sdk65.useHMSStore)((0, import_react_sdk65.selectMessagesUnreadCountByRole)(role));
+      const unreadCount = (0, import_react_sdk66.useHMSStore)((0, import_react_sdk66.selectMessagesUnreadCountByRole)(role));
       const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
       const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
       return /* @__PURE__ */ import_react134.default.createElement(
@@ -26172,7 +26132,7 @@ var init_ChatSelector = __esm({
       );
     });
     PeerItem = ({ peerId, name, active }) => {
-      const unreadCount = (0, import_react_sdk65.useHMSStore)((0, import_react_sdk65.selectMessagesUnreadCountByPeerID)(peerId));
+      const unreadCount = (0, import_react_sdk66.useHMSStore)((0, import_react_sdk66.selectMessagesUnreadCountByPeerID)(peerId));
       const [, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
       const [, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
       return /* @__PURE__ */ import_react134.default.createElement(
@@ -26231,7 +26191,7 @@ var init_ChatSelector = __esm({
     ChatSelector = ({ role, peerId }) => {
       var _a8, _b7;
       const { elements } = useRoomLayoutConferencingScreen();
-      const peers = (0, import_react_sdk65.useHMSStore)(import_react_sdk65.selectRemotePeers);
+      const peers = (0, import_react_sdk66.useHMSStore)(import_react_sdk66.selectRemotePeers);
       const [search, setSearch] = (0, import_react134.useState)("");
       const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.private_chat_enabled);
       const isPublicChatEnabled = !!((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.public_chat_enabled);
@@ -26389,17 +26349,17 @@ var init_ChatSelectorContainer = __esm({
 });
 
 // src/Prebuilt/components/AppData/useChatState.js
-var import_react136, import_react_sdk66, useChatDraftMessage;
+var import_react136, import_react_sdk67, useChatDraftMessage;
 var init_useChatState = __esm({
   "src/Prebuilt/components/AppData/useChatState.js"() {
     "use strict";
     init_define_process_env();
     import_react136 = require("react");
-    import_react_sdk66 = require("@100mslive/react-sdk");
+    import_react_sdk67 = require("@100mslive/react-sdk");
     init_constants();
     useChatDraftMessage = () => {
-      const hmsActions = (0, import_react_sdk66.useHMSActions)();
-      let chatDraftMessage = (0, import_react_sdk66.useHMSStore)((0, import_react_sdk66.selectAppData)(APP_DATA.chatDraft));
+      const hmsActions = (0, import_react_sdk67.useHMSActions)();
+      let chatDraftMessage = (0, import_react_sdk67.useHMSStore)((0, import_react_sdk67.selectAppData)(APP_DATA.chatDraft));
       if (chatDraftMessage === void 0 || chatDraftMessage === null) {
         chatDraftMessage = "";
       }
@@ -26481,7 +26441,7 @@ function EmojiPicker({ onSelect }) {
     )
   )));
 }
-var import_react138, import_react_use20, import_data, import_react139, import_react_sdk67, import_react_icons65, TextArea2, ChatFooter;
+var import_react138, import_react_use20, import_data, import_react139, import_react_sdk68, import_react_icons65, TextArea2, ChatFooter;
 var init_ChatFooter = __esm({
   "src/Prebuilt/components/Chat/ChatFooter.tsx"() {
     "use strict";
@@ -26490,7 +26450,7 @@ var init_ChatFooter = __esm({
     import_react_use20 = require("react-use");
     import_data = __toESM(require("@emoji-mart/data"));
     import_react139 = __toESM(require("@emoji-mart/react"));
-    import_react_sdk67 = require("@100mslive/react-sdk");
+    import_react_sdk68 = require("@100mslive/react-sdk");
     import_react_icons65 = require("@100mslive/react-icons");
     init_src();
     init_IconButton2();
@@ -26524,13 +26484,13 @@ var init_ChatFooter = __esm({
     });
     ChatFooter = ({ onSend, children }) => {
       var _a8, _b7, _c, _d;
-      const hmsActions = (0, import_react_sdk67.useHMSActions)();
+      const hmsActions = (0, import_react_sdk68.useHMSActions)();
       const inputRef = (0, import_react138.useRef)(null);
       const [draftMessage, setDraftMessage] = useChatDraftMessage();
       const isMobile = (0, import_react_use20.useMedia)(config.media.md);
       const { elements, screenType } = useRoomLayoutConferencingScreen();
       const message_placeholder = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.message_placeholder) || "Send a message";
-      const localPeer = (0, import_react_sdk67.useHMSStore)(import_react_sdk67.selectLocalPeer);
+      const localPeer = (0, import_react_sdk68.useHMSStore)(import_react_sdk68.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);
@@ -26538,6 +26498,8 @@ var init_ChatFooter = __esm({
       const defaultSelection = useDefaultChatSelection();
       const selection = selectedPeer.name || selectedRole || defaultSelection;
       const isLocalPeerBlacklisted = useIsPeerBlacklisted({ local: true });
+      const { toggleAudio, toggleVideo } = (0, import_react_sdk68.useAVToggle)();
+      const noAVPermissions = !(toggleAudio || toggleVideo);
       const isMwebHLSStream = useMobileHLSStream();
       const isLandscapeHLSStream = useLandscapeHLSStream();
       (0, import_react138.useEffect)(() => {
@@ -26703,7 +26665,7 @@ var init_ChatFooter = __esm({
           },
           gap: "2"
         },
-        /* @__PURE__ */ import_react138.default.createElement(RaiseHand, { css: { bg: "$surface_default" } }),
+        noAVPermissions ? /* @__PURE__ */ import_react138.default.createElement(RaiseHand, { css: { bg: "$surface_default" } }) : null,
         /* @__PURE__ */ import_react138.default.createElement(MoreSettings, { elements, screenType })
       ))));
     };
@@ -26711,13 +26673,13 @@ var init_ChatFooter = __esm({
 });
 
 // src/Prebuilt/components/Chat/ChatStates.tsx
-var import_react140, import_react_sdk68, ChatPaused, ChatBlocked;
+var import_react140, import_react_sdk69, ChatPaused, ChatBlocked;
 var init_ChatStates = __esm({
   "src/Prebuilt/components/Chat/ChatStates.tsx"() {
     "use strict";
     init_define_process_env();
     import_react140 = __toESM(require("react"));
-    import_react_sdk68 = require("@100mslive/react-sdk");
+    import_react_sdk69 = require("@100mslive/react-sdk");
     init_Button2();
     init_Layout();
     init_Text2();
@@ -26725,11 +26687,11 @@ var init_ChatStates = __esm({
     init_useChatBlacklist();
     ChatPaused = () => {
       var _a8, _b7;
-      const hmsActions = (0, import_react_sdk68.useHMSActions)();
+      const hmsActions = (0, import_react_sdk69.useHMSActions)();
       const { elements } = useRoomLayoutConferencingScreen();
       const can_disable_chat = !!((_b7 = (_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.real_time_controls) == null ? void 0 : _b7.can_disable_chat);
-      const { enabled: isChatEnabled = true, updatedBy: chatStateUpdatedBy = "" } = (0, import_react_sdk68.useHMSStore)((0, import_react_sdk68.selectSessionStore)("chatState" /* CHAT_STATE */)) || {};
-      const localPeer = (0, import_react_sdk68.useHMSStore)(import_react_sdk68.selectLocalPeer);
+      const { enabled: isChatEnabled = true, updatedBy: chatStateUpdatedBy = "" } = (0, import_react_sdk69.useHMSStore)((0, import_react_sdk69.selectSessionStore)("chatState" /* CHAT_STATE */)) || {};
+      const localPeer = (0, import_react_sdk69.useHMSStore)(import_react_sdk69.selectLocalPeer);
       const unPauseChat = (0, import_react140.useCallback)(
         () => __async(void 0, null, function* () {
           return yield hmsActions.sessionStore.set("chatState" /* CHAT_STATE */, {
@@ -26827,7 +26789,7 @@ var init_StickIndicator = __esm({
       if (total < 2) {
         return null;
       }
-      return /* @__PURE__ */ import_react142.default.createElement(Flex, { direction: "column", css: { gap: "$1" } }, [...Array(sticksCount)].map((_2, i) => /* @__PURE__ */ import_react142.default.createElement(
+      return /* @__PURE__ */ import_react142.default.createElement(Flex, { direction: "column", css: { gap: "$1" } }, [...Array(sticksCount)].map((_, i) => /* @__PURE__ */ import_react142.default.createElement(
         Box,
         {
           css: {
@@ -26842,7 +26804,7 @@ var init_StickIndicator = __esm({
 });
 
 // src/Prebuilt/components/Chat/PinnedMessage.tsx
-var import_react143, import_react_swipeable, import_react_use21, import_react_sdk69, import_react_icons67, PINNED_MESSAGE_LENGTH, PinnedMessage;
+var import_react143, import_react_swipeable, import_react_use21, import_react_sdk70, import_react_icons67, PINNED_MESSAGE_LENGTH, PinnedMessage;
 var init_PinnedMessage = __esm({
   "src/Prebuilt/components/Chat/PinnedMessage.tsx"() {
     "use strict";
@@ -26850,7 +26812,7 @@ var init_PinnedMessage = __esm({
     import_react143 = __toESM(require("react"));
     import_react_swipeable = require("react-swipeable");
     import_react_use21 = require("react-use");
-    import_react_sdk69 = require("@100mslive/react-sdk");
+    import_react_sdk70 = require("@100mslive/react-sdk");
     import_react_icons67 = require("@100mslive/react-icons");
     init_Layout();
     init_Text2();
@@ -26863,7 +26825,7 @@ var init_PinnedMessage = __esm({
     PINNED_MESSAGE_LENGTH = 75;
     PinnedMessage = () => {
       var _a8, _b7, _c, _d;
-      const pinnedMessages = (0, import_react_sdk69.useHMSStore)((0, import_react_sdk69.selectSessionStore)("pinnedMessages" /* PINNED_MESSAGES */));
+      const pinnedMessages = (0, import_react_sdk70.useHMSStore)((0, import_react_sdk70.selectSessionStore)("pinnedMessages" /* PINNED_MESSAGES */));
       const [pinnedMessageIndex, setPinnedMessageIndex] = (0, import_react143.useState)(0);
       const { removePinnedMessage } = usePinnedMessages();
       const isMobile = (0, import_react_use21.useMedia)(config.media.md);
@@ -26978,7 +26940,7 @@ var init_PinnedMessage = __esm({
 });
 
 // src/Prebuilt/components/Chat/Chat.tsx
-var import_react144, import_react_use22, import_ts_pattern8, import_react_sdk70, import_react_icons68, Chat, NewMessageIndicator;
+var import_react144, import_react_use22, import_ts_pattern8, import_react_sdk71, import_react_icons68, Chat, NewMessageIndicator;
 var init_Chat = __esm({
   "src/Prebuilt/components/Chat/Chat.tsx"() {
     "use strict";
@@ -26987,7 +26949,7 @@ var init_Chat = __esm({
     import_react_use22 = require("react-use");
     init_dist();
     import_ts_pattern8 = require("ts-pattern");
-    import_react_sdk70 = require("@100mslive/react-sdk");
+    import_react_sdk71 = require("@100mslive/react-sdk");
     import_react_icons68 = require("@100mslive/react-icons");
     init_Button2();
     init_Layout();
@@ -27003,9 +26965,9 @@ var init_Chat = __esm({
       var _a8, _b7;
       const { elements } = useRoomLayoutConferencingScreen();
       const listRef = (0, import_react144.useRef)(null);
-      const hmsActions = (0, import_react_sdk70.useHMSActions)();
-      const vanillaStore = (0, import_react_sdk70.useHMSVanillaStore)();
-      const { enabled: isChatEnabled = true } = (0, import_react_sdk70.useHMSStore)(nm("chatState" /* CHAT_STATE */)) || {};
+      const hmsActions = (0, import_react_sdk71.useHMSActions)();
+      const vanillaStore = (0, import_react_sdk71.useHMSVanillaStore)();
+      const { enabled: isChatEnabled = true } = (0, import_react_sdk71.useHMSStore)(im("chatState" /* CHAT_STATE */)) || {};
       const isMobile = (0, import_react_use22.useMedia)(config.media.md);
       const isMobileHLSStream = useMobileHLSStream();
       const isLandscapeStream = useLandscapeHLSStream();
@@ -27013,7 +26975,7 @@ var init_Chat = __esm({
         (unreadCount = 0) => {
           var _a9;
           if (listRef.current && listRef.current.scrollToItem && unreadCount > 0) {
-            const messagesCount = vanillaStore.getState(import_react_sdk70.selectHMSMessagesCount);
+            const messagesCount = vanillaStore.getState(import_react_sdk71.selectHMSMessagesCount);
             (_a9 = listRef.current) == null ? void 0 : _a9.scrollToItem(messagesCount, "end");
             requestAnimationFrame(() => {
               var _a10;
@@ -27089,7 +27051,7 @@ var init_Chat = __esm({
       scrollToBottom,
       listRef
     }) => {
-      const unreadCount = (0, import_react_sdk70.useHMSStore)(Kn);
+      const unreadCount = (0, import_react_sdk71.useHMSStore)(Wn);
       if (!unreadCount || !listRef.current) {
         return null;
       }
@@ -27136,7 +27098,7 @@ var init_Chat = __esm({
 });
 
 // src/Prebuilt/components/Footer/PaginatedParticipants.tsx
-var import_react145, import_react_intersection_observer, import_react_use23, import_react_window3, import_react_sdk71, import_react_icons69, LoadMoreParticipants, VirtualizedParticipantItem2, PaginatedParticipants;
+var import_react145, import_react_intersection_observer, import_react_use23, import_react_window3, import_react_sdk72, import_react_icons69, LoadMoreParticipants, VirtualizedParticipantItem2, PaginatedParticipants;
 var init_PaginatedParticipants = __esm({
   "src/Prebuilt/components/Footer/PaginatedParticipants.tsx"() {
     "use strict";
@@ -27145,7 +27107,7 @@ var init_PaginatedParticipants = __esm({
     import_react_intersection_observer = require("react-intersection-observer");
     import_react_use23 = require("react-use");
     import_react_window3 = require("react-window");
-    import_react_sdk71 = require("@100mslive/react-sdk");
+    import_react_sdk72 = require("@100mslive/react-sdk");
     import_react_icons69 = require("@100mslive/react-icons");
     init_IconButton2();
     init_Layout();
@@ -27191,13 +27153,13 @@ var init_PaginatedParticipants = __esm({
       }
     );
     PaginatedParticipants = ({ roleName, onBack }) => {
-      const { peers, total, hasNext, loadPeers, loadMorePeers } = (0, import_react_sdk71.usePaginatedParticipants)({ role: roleName, limit: 20 });
+      const { peers, total, hasNext, loadPeers, loadMorePeers } = (0, import_react_sdk72.usePaginatedParticipants)({ role: roleName, limit: 20 });
       const [search, setSearch] = (0, import_react145.useState)("");
       const filteredPeers = peers.filter((p) => {
         var _a8;
         return (_a8 = p.name) == null ? void 0 : _a8.toLowerCase().includes(search == null ? void 0 : search.toLowerCase());
       });
-      const isConnected = (0, import_react_sdk71.useHMSStore)(import_react_sdk71.selectIsConnectedToRoom);
+      const isConnected = (0, import_react_sdk72.useHMSStore)(import_react_sdk72.selectIsConnectedToRoom);
       const [ref, { width }] = (0, import_react_use23.useMeasure)();
       const height = ROW_HEIGHT * (filteredPeers.length + 1);
       const resetSidePane = useSidepaneReset();
@@ -27231,13 +27193,13 @@ var init_PaginatedParticipants = __esm({
 });
 
 // src/Prebuilt/components/ChatSettings.tsx
-var import_react146, import_react_sdk72, import_react_icons70, ChatSettings;
+var import_react146, import_react_sdk73, import_react_icons70, ChatSettings;
 var init_ChatSettings = __esm({
   "src/Prebuilt/components/ChatSettings.tsx"() {
     "use strict";
     init_define_process_env();
     import_react146 = __toESM(require("react"));
-    import_react_sdk72 = require("@100mslive/react-sdk");
+    import_react_sdk73 = require("@100mslive/react-sdk");
     import_react_icons70 = require("@100mslive/react-icons");
     init_Layout();
     init_Popover();
@@ -27245,11 +27207,11 @@ var init_ChatSettings = __esm({
     init_useRoomLayoutScreen();
     ChatSettings = () => {
       var _a8, _b7;
-      const hmsActions = (0, import_react_sdk72.useHMSActions)();
-      const localPeer = (0, import_react_sdk72.useHMSStore)(import_react_sdk72.selectLocalPeer);
+      const hmsActions = (0, import_react_sdk73.useHMSActions)();
+      const localPeer = (0, import_react_sdk73.useHMSStore)(import_react_sdk73.selectLocalPeer);
       const { elements } = useRoomLayoutConferencingScreen();
       const canPauseChat = !!((_b7 = (_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.real_time_controls) == null ? void 0 : _b7.can_disable_chat);
-      const { enabled: isChatEnabled = true } = (0, import_react_sdk72.useHMSStore)((0, import_react_sdk72.selectSessionStore)("chatState" /* CHAT_STATE */)) || {};
+      const { enabled: isChatEnabled = true } = (0, import_react_sdk73.useHMSStore)((0, import_react_sdk73.selectSessionStore)("chatState" /* CHAT_STATE */)) || {};
       const showPause = canPauseChat && isChatEnabled;
       if (!showPause) {
         return null;
@@ -27298,7 +27260,7 @@ var init_ChatSettings = __esm({
 });
 
 // src/Prebuilt/components/SidePaneTabs.tsx
-var import_react147, import_react_use24, import_ts_pattern9, import_react_sdk73, import_react_icons71, tabTriggerCSS, ParticipantCount2, SidePaneTabs;
+var import_react147, import_react_use24, import_ts_pattern9, import_react_sdk74, import_react_icons71, tabTriggerCSS, ParticipantCount2, SidePaneTabs;
 var init_SidePaneTabs = __esm({
   "src/Prebuilt/components/SidePaneTabs.tsx"() {
     "use strict";
@@ -27306,7 +27268,7 @@ var init_SidePaneTabs = __esm({
     import_react147 = __toESM(require("react"));
     import_react_use24 = require("react-use");
     import_ts_pattern9 = 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_Chat();
     init_PaginatedParticipants();
@@ -27339,7 +27301,7 @@ var init_SidePaneTabs = __esm({
       const resetSidePane = useSidepaneReset();
       const [activeTab, setActiveTab] = (0, import_react147.useState)(active);
       const [activeRole, setActiveRole] = (0, import_react147.useState)("");
-      const peerCount = (0, import_react_sdk73.useHMSStore)(import_react_sdk73.selectPeerCount);
+      const peerCount = (0, import_react_sdk74.useHMSStore)(import_react_sdk74.selectPeerCount);
       const { elements, screenType } = useRoomLayoutConferencingScreen();
       const chat_title = ((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.chat_title) || "Chat";
       const showChat = !!(elements == null ? void 0 : elements.chat);
@@ -27459,13 +27421,13 @@ var init_SidePaneTabs = __esm({
 });
 
 // src/Prebuilt/components/Connection/TileConnection.tsx
-var import_react148, import_react_sdk74, import_react_icons72, TileConnection, IconWrapper, Wrapper2, TileConnection_default;
+var import_react148, import_react_sdk75, import_react_icons72, TileConnection, IconWrapper, Wrapper2, TileConnection_default;
 var init_TileConnection = __esm({
   "src/Prebuilt/components/Connection/TileConnection.tsx"() {
     "use strict";
     init_define_process_env();
     import_react148 = __toESM(require("react"));
-    import_react_sdk74 = require("@100mslive/react-sdk");
+    import_react_sdk75 = require("@100mslive/react-sdk");
     import_react_icons72 = require("@100mslive/react-icons");
     init_src();
     init_ConnectionIndicator();
@@ -27476,8 +27438,8 @@ var init_TileConnection = __esm({
       width,
       pinned
     }) => {
-      const spotlighted = (0, import_react_sdk74.useHMSStore)((0, import_react_sdk74.selectSessionStore)("spotlight" /* SPOTLIGHT */)) === peerId;
-      const isPeerScreenSharing = !!(0, import_react_sdk74.useHMSStore)((0, import_react_sdk74.selectScreenShareByPeerID)(peerId));
+      const spotlighted = (0, import_react_sdk75.useHMSStore)((0, import_react_sdk75.selectSessionStore)("spotlight" /* SPOTLIGHT */)) === peerId;
+      const isPeerScreenSharing = !!(0, import_react_sdk75.useHMSStore)((0, import_react_sdk75.selectScreenShareByPeerID)(peerId));
       return /* @__PURE__ */ import_react148.default.createElement(Wrapper2, null, !hideLabel ? /* @__PURE__ */ import_react148.default.createElement(import_react148.default.Fragment, null, name ? /* @__PURE__ */ import_react148.default.createElement(Flex, { align: "center" }, isPeerScreenSharing && /* @__PURE__ */ import_react148.default.createElement(IconWrapper, null, /* @__PURE__ */ import_react148.default.createElement(import_react_icons72.ShareScreenIcon, { width: "15", height: "15" })), pinned && /* @__PURE__ */ import_react148.default.createElement(IconWrapper, null, /* @__PURE__ */ import_react148.default.createElement(import_react_icons72.PinIcon, { width: "15", height: "15" })), spotlighted && /* @__PURE__ */ import_react148.default.createElement(IconWrapper, null, /* @__PURE__ */ import_react148.default.createElement(import_react_icons72.SpotlightIcon, { width: "15", height: "15" })), /* @__PURE__ */ import_react148.default.createElement(
         Text,
         {
@@ -27523,14 +27485,14 @@ var init_utils5 = __esm({
 });
 
 // src/Prebuilt/components/TileMenu/TileMenuContent.tsx
-var import_react149, import_react_use25, import_react_sdk75, import_react_icons73, isSameTile, spacingCSS, SpotlightActions, PinActions, MinimiseInset, SimulcastLayers, TileMenuContent;
+var import_react149, import_react_use25, import_react_sdk76, import_react_icons73, isSameTile, spacingCSS, SpotlightActions, PinActions, MinimiseInset, SimulcastLayers, TileMenuContent;
 var init_TileMenuContent = __esm({
   "src/Prebuilt/components/TileMenu/TileMenuContent.tsx"() {
     "use strict";
     init_define_process_env();
     import_react149 = __toESM(require("react"));
     import_react_use25 = require("react-use");
-    import_react_sdk75 = require("@100mslive/react-sdk");
+    import_react_sdk76 = require("@100mslive/react-sdk");
     import_react_icons73 = require("@100mslive/react-icons");
     init_Layout();
     init_Slider2();
@@ -27555,8 +27517,8 @@ var init_TileMenuContent = __esm({
         return;
       }
     }) => {
-      const hmsActions = (0, import_react_sdk75.useHMSActions)();
-      const spotlightPeerId = (0, import_react_sdk75.useHMSStore)((0, import_react_sdk75.selectSessionStore)("spotlight" /* SPOTLIGHT */));
+      const hmsActions = (0, import_react_sdk76.useHMSActions)();
+      const spotlightPeerId = (0, import_react_sdk76.useHMSStore)((0, import_react_sdk76.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 }));
@@ -27604,8 +27566,8 @@ var init_TileMenuContent = __esm({
     };
     SimulcastLayers = ({ trackId }) => {
       var _a8;
-      const track = (0, import_react_sdk75.useHMSStore)((0, import_react_sdk75.selectTrackByID)(trackId));
-      const actions = (0, import_react_sdk75.useHMSActions)();
+      const track = (0, import_react_sdk76.useHMSStore)((0, import_react_sdk76.selectTrackByID)(trackId));
+      const actions = (0, import_react_sdk76.useHMSActions)();
       const bg = useDropdownSelection();
       if (!((_a8 = track == null ? void 0 : track.layerDefinitions) == null ? void 0 : _a8.length) || track.degraded || !track.enabled) {
         return null;
@@ -27688,15 +27650,15 @@ var init_TileMenuContent = __esm({
       }
     }) => {
       var _a8;
-      const actions = (0, import_react_sdk75.useHMSActions)();
+      const actions = (0, import_react_sdk76.useHMSActions)();
       const dragClassName = getDragClassName();
-      const removeOthers = (_a8 = (0, import_react_sdk75.useHMSStore)(import_react_sdk75.selectPermissions)) == null ? void 0 : _a8.removeOthers;
+      const removeOthers = (_a8 = (0, import_react_sdk76.useHMSStore)(import_react_sdk76.selectPermissions)) == null ? void 0 : _a8.removeOthers;
       const { userName } = useHMSPrebuiltContext();
-      const { isAudioEnabled, isVideoEnabled, setVolume, toggleAudio, toggleVideo, volume } = (0, import_react_sdk75.useRemoteAVToggle)(
+      const { isAudioEnabled, isVideoEnabled, setVolume, toggleAudio, toggleVideo, volume } = (0, import_react_sdk76.useRemoteAVToggle)(
         audioTrackID,
         videoTrackID
       );
-      const { sendEvent } = (0, import_react_sdk75.useCustomEvent)({
+      const { sendEvent } = (0, import_react_sdk76.useCustomEvent)({
         type: REMOTE_STOP_SCREENSHARE_TYPE
       });
       const isMobile = (0, import_react_use25.useMedia)(config.media.md);
@@ -27780,14 +27742,14 @@ var init_TileMenuContent = __esm({
 });
 
 // src/Prebuilt/components/TileMenu/TileMenu.tsx
-var import_react150, import_react_use26, import_react_sdk76, import_react_icons74, TileMenu, TileMenu_default;
+var import_react150, import_react_use26, import_react_sdk77, import_react_icons74, TileMenu, TileMenu_default;
 var init_TileMenu2 = __esm({
   "src/Prebuilt/components/TileMenu/TileMenu.tsx"() {
     "use strict";
     init_define_process_env();
     import_react150 = __toESM(require("react"));
     import_react_use26 = require("react-use");
-    import_react_sdk76 = require("@100mslive/react-sdk");
+    import_react_sdk77 = require("@100mslive/react-sdk");
     import_react_icons74 = require("@100mslive/react-icons");
     init_Layout();
     init_Sheet2();
@@ -27810,17 +27772,17 @@ var init_TileMenu2 = __esm({
       var _a8, _b7;
       const [open, setOpen] = (0, import_react150.useState)(false);
       const { theme: theme2 } = useTheme();
-      const localPeerID = (0, import_react_sdk76.useHMSStore)(import_react_sdk76.selectLocalPeerID);
+      const localPeerID = (0, import_react_sdk77.useHMSStore)(import_react_sdk77.selectLocalPeerID);
       const isLocal = localPeerID === peerID;
-      const { removeOthers } = (0, import_react_sdk76.useHMSStore)(import_react_sdk76.selectPermissions) || {};
-      const { setVolume, toggleAudio, toggleVideo } = (0, import_react_sdk76.useRemoteAVToggle)(audioTrackID, videoTrackID);
+      const { removeOthers } = (0, import_react_sdk77.useHMSStore)(import_react_sdk77.selectPermissions) || {};
+      const { setVolume, toggleAudio, toggleVideo } = (0, import_react_sdk77.useRemoteAVToggle)(audioTrackID, videoTrackID);
       const showSpotlight = enableSpotlightingPeer;
-      const isPrimaryVideoTrack = ((_a8 = (0, import_react_sdk76.useHMSStore)((0, import_react_sdk76.selectVideoTrackByPeerID)(peerID))) == null ? void 0 : _a8.id) === videoTrackID;
+      const isPrimaryVideoTrack = ((_a8 = (0, import_react_sdk77.useHMSStore)((0, import_react_sdk77.selectVideoTrackByPeerID)(peerID))) == null ? void 0 : _a8.id) === videoTrackID;
       const showPinAction = !!(audioTrackID || videoTrackID && isPrimaryVideoTrack);
-      const track = (0, import_react_sdk76.useHMSStore)((0, import_react_sdk76.selectTrackByID)(videoTrackID));
+      const track = (0, import_react_sdk77.useHMSStore)((0, import_react_sdk77.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_use26.useMedia)(config.media.md);
-      const peer = (0, import_react_sdk76.useHMSStore)((0, import_react_sdk76.selectPeerByID)(peerID));
+      const peer = (0, import_react_sdk77.useHMSStore)((0, import_react_sdk77.selectPeerByID)(peerID));
       const [showNameChangeModal, setShowNameChangeModal] = (0, import_react150.useState)(false);
       useDropdownList({ open, name: "TileMenu" });
       const dragClassName = getDragClassName();
@@ -27904,14 +27866,14 @@ var init_peerTileUtils = __esm({
 });
 
 // src/Prebuilt/components/VideoTile.tsx
-var import_react151, import_react_use27, import_react_sdk77, import_react_icons75, PeerMetadata, Tile, VideoTile, VideoTile_default;
+var import_react151, import_react_use27, import_react_sdk78, import_react_icons75, PeerMetadata, Tile, VideoTile, VideoTile_default;
 var init_VideoTile2 = __esm({
   "src/Prebuilt/components/VideoTile.tsx"() {
     "use strict";
     init_define_process_env();
     import_react151 = __toESM(require("react"));
     import_react_use27 = require("react-use");
-    import_react_sdk77 = require("@100mslive/react-sdk");
+    import_react_sdk78 = require("@100mslive/react-sdk");
     import_react_icons75 = require("@100mslive/react-icons");
     init_TileConnection();
     init_TileMenu2();
@@ -27925,9 +27887,9 @@ var init_VideoTile2 = __esm({
     init_utils2();
     init_constants();
     PeerMetadata = ({ peerId, size }) => {
-      const metaData = (0, import_react_sdk77.useHMSStore)((0, import_react_sdk77.selectPeerMetadata)(peerId));
+      const metaData = (0, import_react_sdk78.useHMSStore)((0, import_react_sdk78.selectPeerMetadata)(peerId));
       const isBRB = (metaData == null ? void 0 : metaData.isBRBOn) || false;
-      const isHandRaised = (0, import_react_sdk77.useHMSStore)((0, import_react_sdk77.selectHasPeerHandRaised)(peerId));
+      const isHandRaised = (0, import_react_sdk78.useHMSStore)((0, import_react_sdk78.selectHasPeerHandRaised)(peerId));
       return /* @__PURE__ */ import_react151.default.createElement(import_react151.default.Fragment, null, isHandRaised ? /* @__PURE__ */ import_react151.default.createElement(StyledVideoTile.AttributeBox, { size, "data-testid": "raiseHand_icon_onTile" }, /* @__PURE__ */ import_react151.default.createElement(import_react_icons75.HandIcon, { width: 24, height: 24 })) : null, isBRB ? /* @__PURE__ */ import_react151.default.createElement(StyledVideoTile.AttributeBox, { size, "data-testid": "brb_icon_onTile" }, /* @__PURE__ */ import_react151.default.createElement(import_react_icons75.BrbTileIcon, { width: 22, height: 22 })) : null);
     };
     Tile = ({
@@ -27946,15 +27908,15 @@ var init_VideoTile2 = __esm({
       hideAudioMuteOnTile = false,
       hideMetadataOnTile = false
     }) => {
-      const trackSelector = trackId ? (0, import_react_sdk77.selectVideoTrackByID)(trackId) : (0, import_react_sdk77.selectVideoTrackByPeerID)(peerId);
-      const track = (0, import_react_sdk77.useHMSStore)(trackSelector);
-      const peerName = (0, import_react_sdk77.useHMSStore)((0, import_react_sdk77.selectPeerNameByID)(peerId));
-      const audioTrack = (0, import_react_sdk77.useHMSStore)((0, import_react_sdk77.selectAudioTrackByPeerID)(peerId));
-      const localPeerID = (0, import_react_sdk77.useHMSStore)(import_react_sdk77.selectLocalPeerID);
+      const trackSelector = trackId ? (0, import_react_sdk78.selectVideoTrackByID)(trackId) : (0, import_react_sdk78.selectVideoTrackByPeerID)(peerId);
+      const track = (0, import_react_sdk78.useHMSStore)(trackSelector);
+      const peerName = (0, import_react_sdk78.useHMSStore)((0, import_react_sdk78.selectPeerNameByID)(peerId));
+      const audioTrack = (0, import_react_sdk78.useHMSStore)((0, import_react_sdk78.selectAudioTrackByPeerID)(peerId));
+      const localPeerID = (0, import_react_sdk78.useHMSStore)(import_react_sdk78.selectLocalPeerID);
       const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
       const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
       const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
-      const isAudioMuted = !(0, import_react_sdk77.useHMSStore)((0, import_react_sdk77.selectIsPeerAudioEnabled)(peerId));
+      const isAudioMuted = !(0, import_react_sdk78.useHMSStore)((0, import_react_sdk78.selectIsPeerAudioEnabled)(peerId));
       const isVideoMuted = !(track == null ? void 0 : track.enabled);
       const [isMouseHovered, setIsMouseHovered] = (0, import_react151.useState)(false);
       const isVideoDegraded = track == null ? void 0 : track.degraded;
@@ -28247,7 +28209,7 @@ var init_constants4 = __esm({
 });
 
 // src/Prebuilt/components/VirtualBackground/VBPicker.tsx
-var import_react154, import_hms_virtual_background3, import_react_sdk78, import_react_icons76, iconDims, VBPicker;
+var import_react154, import_hms_virtual_background3, import_react_sdk79, import_react_icons76, iconDims, VBPicker;
 var init_VBPicker = __esm({
   "src/Prebuilt/components/VirtualBackground/VBPicker.tsx"() {
     "use strict";
@@ -28255,7 +28217,7 @@ var init_VBPicker = __esm({
     import_react154 = __toESM(require("react"));
     init_dist();
     import_hms_virtual_background3 = require("@100mslive/hms-virtual-background");
-    import_react_sdk78 = require("@100mslive/react-sdk");
+    import_react_sdk79 = require("@100mslive/react-sdk");
     import_react_icons76 = require("@100mslive/react-icons");
     init_src();
     init_Text2();
@@ -28269,22 +28231,22 @@ var init_VBPicker = __esm({
     VBPicker = ({ backgroundMedia = [] }) => {
       var _a8;
       const toggleVB = useSidepaneToggle(SIDE_PANE_OPTIONS.VB);
-      const hmsActions = (0, import_react_sdk78.useHMSActions)();
-      const localPeer = (0, import_react_sdk78.useHMSStore)(import_react_sdk78.selectLocalPeer);
-      const role = (0, import_react_sdk78.useHMSStore)(Kt);
-      const isVideoOn = (0, import_react_sdk78.useHMSStore)(import_react_sdk78.selectIsLocalVideoEnabled);
+      const hmsActions = (0, import_react_sdk79.useHMSActions)();
+      const localPeer = (0, import_react_sdk79.useHMSStore)(import_react_sdk79.selectLocalPeer);
+      const role = (0, import_react_sdk79.useHMSStore)(Kt);
+      const isVideoOn = (0, import_react_sdk79.useHMSStore)(import_react_sdk79.selectIsLocalVideoEnabled);
       const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
-      const trackSelector = (0, import_react_sdk78.selectVideoTrackByID)(localPeer == null ? void 0 : localPeer.videoTrack);
-      const track = (0, import_react_sdk78.useHMSStore)(trackSelector);
+      const trackSelector = (0, import_react_sdk79.selectVideoTrackByID)(localPeer == null ? void 0 : localPeer.videoTrack);
+      const track = (0, import_react_sdk79.useHMSStore)(trackSelector);
       const [blurAmount, setBlurAmount] = (0, import_react154.useState)(VBHandler.getBlurAmount() || 0.5);
-      const roomState = (0, import_react_sdk78.useHMSStore)(import_react_sdk78.selectRoomState);
-      const isLargeRoom = (0, import_react_sdk78.useHMSStore)(import_react_sdk78.selectIsLargeRoom);
-      const isEffectsEnabled = (0, import_react_sdk78.useHMSStore)(ic);
-      const effectsKey = (0, import_react_sdk78.useHMSStore)(rc);
-      const isPluginAdded = (0, import_react_sdk78.useHMSStore)((0, import_react_sdk78.selectIsLocalVideoPluginPresent)(((_a8 = VBHandler) == null ? void 0 : _a8.getName()) || ""));
-      const background = (0, import_react_sdk78.useHMSStore)(om(APP_DATA.background));
+      const roomState = (0, import_react_sdk79.useHMSStore)(import_react_sdk79.selectRoomState);
+      const isLargeRoom = (0, import_react_sdk79.useHMSStore)(import_react_sdk79.selectIsLargeRoom);
+      const isEffectsEnabled = (0, import_react_sdk79.useHMSStore)(tc);
+      const effectsKey = (0, import_react_sdk79.useHMSStore)(ic);
+      const isPluginAdded = (0, import_react_sdk79.useHMSStore)((0, import_react_sdk79.selectIsLocalVideoPluginPresent)(((_a8 = VBHandler) == null ? void 0 : _a8.getName()) || ""));
+      const background = (0, import_react_sdk79.useHMSStore)(tm(APP_DATA.background));
       const mediaList = backgroundMedia.length ? backgroundMedia.map((media) => media.url || "") : defaultMedia2;
-      const inPreview = roomState === import_react_sdk78.HMSRoomState.Preview;
+      const inPreview = roomState === import_react_sdk79.HMSRoomState.Preview;
       const showVideoTile = isVideoOn && isLargeRoom && !inPreview;
       (0, import_react154.useEffect)(() => {
         if (!(track == null ? void 0 : track.id)) {
@@ -28415,7 +28377,7 @@ var init_VBPicker = __esm({
 });
 
 // src/Prebuilt/layouts/SidePane.tsx
-var import_react155, import_react_use28, import_ts_pattern10, import_react_sdk79, Wrapper3, SidePane, SidePane_default;
+var import_react155, import_react_use28, import_ts_pattern10, import_react_sdk80, Wrapper3, SidePane, SidePane_default;
 var init_SidePane = __esm({
   "src/Prebuilt/layouts/SidePane.tsx"() {
     "use strict";
@@ -28423,7 +28385,7 @@ var init_SidePane = __esm({
     import_react155 = __toESM(require("react"));
     import_react_use28 = require("react-use");
     import_ts_pattern10 = require("ts-pattern");
-    import_react_sdk79 = require("@100mslive/react-sdk");
+    import_react_sdk80 = require("@100mslive/react-sdk");
     init_Polls();
     init_RoomDetailsPane();
     init_LayoutSettings();
@@ -28533,9 +28495,9 @@ var init_SidePane = __esm({
     }) => {
       var _a8, _b7, _c, _d, _e, _f, _g;
       const isMobile = (0, import_react_use28.useMedia)(config.media.md);
-      const sidepane = (0, import_react_sdk79.useHMSStore)((0, import_react_sdk79.selectAppData)(APP_DATA.sidePane));
-      const activeScreensharePeerId = (0, import_react_sdk79.useHMSStore)((0, import_react_sdk79.selectAppData)(APP_DATA.activeScreensharePeerId));
-      const trackId = (_a8 = (0, import_react_sdk79.useHMSStore)((0, import_react_sdk79.selectVideoTrackByPeerID)(activeScreensharePeerId))) == null ? void 0 : _a8.id;
+      const sidepane = (0, import_react_sdk80.useHMSStore)((0, import_react_sdk80.selectAppData)(APP_DATA.sidePane));
+      const activeScreensharePeerId = (0, import_react_sdk80.useHMSStore)((0, import_react_sdk80.selectAppData)(APP_DATA.activeScreensharePeerId));
+      const trackId = (_a8 = (0, import_react_sdk80.useHMSStore)((0, import_react_sdk80.selectVideoTrackByPeerID)(activeScreensharePeerId))) == null ? void 0 : _a8.id;
       const { elements } = useRoomLayoutConferencingScreen();
       const { elements: preview_elements } = useRoomLayoutPreviewScreen();
       const layoutMode = useUISettings(UI_SETTINGS.layoutMode);
@@ -28667,7 +28629,7 @@ var init_FullPageProgress = __esm({
 });
 
 // src/Prebuilt/components/Preview/PreviewForm.tsx
-var import_react158, import_react_use29, import_join_form3, import_react_sdk80, import_react_icons77, PreviewForm, Form, PreviewForm_default;
+var import_react158, import_react_use29, import_join_form3, import_react_sdk81, import_react_icons77, PreviewForm, Form, PreviewForm_default;
 var init_PreviewForm = __esm({
   "src/Prebuilt/components/Preview/PreviewForm.tsx"() {
     "use strict";
@@ -28675,7 +28637,7 @@ var init_PreviewForm = __esm({
     import_react158 = __toESM(require("react"));
     import_react_use29 = require("react-use");
     import_join_form3 = require("@100mslive/types-prebuilt/elements/join_form");
-    import_react_sdk80 = require("@100mslive/react-sdk");
+    import_react_sdk81 = require("@100mslive/react-sdk");
     import_react_icons77 = require("@100mslive/react-icons");
     init_src();
     init_roomLayoutProvider();
@@ -28694,7 +28656,7 @@ var init_PreviewForm = __esm({
         e.preventDefault();
       };
       const isMobile = (0, import_react_use29.useMedia)(config.media.md);
-      const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = (0, import_react_sdk80.useRecordingStreaming)();
+      const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = (0, import_react_sdk81.useRecordingStreaming)();
       const layout = useRoomLayout();
       const { join_form: joinForm = {} } = ((_c = (_b7 = (_a8 = layout == null ? void 0 : layout.screens) == null ? void 0 : _a8.preview) == null ? void 0 : _b7.default) == null ? void 0 : _c.elements) || {};
       const showGoLive = (joinForm == null ? void 0 : joinForm.join_btn_type) === import_join_form3.JoinForm_JoinBtnType.JOIN_BTN_TYPE_JOIN_AND_GO_LIVE && !isHLSRunning && !isRTMPRunning && !isHLSRecordingOn && !isBrowserRecordingOn;
@@ -28746,14 +28708,14 @@ var init_PreviewForm = __esm({
 });
 
 // src/Prebuilt/components/Preview/PreviewJoin.tsx
-var import_react159, import_react_use30, import_react_sdk81, import_react_icons78, getParticipantChipContent, useLocalTileAspectRatio, PreviewJoin, Container4, PreviewTile, PreviewControls, PreviewSettings, PreviewJoin_default;
+var import_react159, import_react_use30, import_react_sdk82, import_react_icons78, getParticipantChipContent, useLocalTileAspectRatio, PreviewJoin, Container4, PreviewTile, PreviewControls, PreviewSettings, PreviewJoin_default;
 var init_PreviewJoin = __esm({
   "src/Prebuilt/components/Preview/PreviewJoin.tsx"() {
     "use strict";
     init_define_process_env();
     import_react159 = __toESM(require("react"));
     import_react_use30 = require("react-use");
-    import_react_sdk81 = require("@100mslive/react-sdk");
+    import_react_sdk82 = require("@100mslive/react-sdk");
     import_react_icons78 = require("@100mslive/react-icons");
     init_src();
     init_AudioLevel2();
@@ -28781,8 +28743,8 @@ var init_PreviewJoin = __esm({
       return `${formattedNum} other${parseInt(formattedNum) === 1 ? "" : "s"} in the session`;
     };
     useLocalTileAspectRatio = () => {
-      const localPeer = (0, import_react_sdk81.useHMSStore)(import_react_sdk81.selectLocalPeer);
-      const videoTrack = (0, import_react_sdk81.useHMSStore)((0, import_react_sdk81.selectVideoTrackByID)(localPeer == null ? void 0 : localPeer.videoTrack));
+      const localPeer = (0, import_react_sdk82.useHMSStore)(import_react_sdk82.selectLocalPeer);
+      const videoTrack = (0, import_react_sdk82.useHMSStore)((0, import_react_sdk82.selectVideoTrackByID)(localPeer == null ? void 0 : localPeer.videoTrack));
       const isMobile = (0, import_react_use30.useMedia)(config.media.md);
       let aspectRatio = 0;
       if ((videoTrack == null ? void 0 : videoTrack.width) && (videoTrack == null ? void 0 : videoTrack.height)) {
@@ -28801,14 +28763,14 @@ var init_PreviewJoin = __esm({
         UserPreferencesKeys.PREVIEW,
         defaultPreviewPreference
       );
-      const { isStreamingOn } = (0, import_react_sdk81.useRecordingStreaming)();
+      const { isStreamingOn } = (0, import_react_sdk82.useRecordingStreaming)();
       const authToken = useAuthToken();
       const [name, setName] = (0, import_react159.useState)(initialName || previewPreference.name);
-      const { toggleAudio, toggleVideo } = (0, import_react_sdk81.useAVToggle)();
+      const { toggleAudio, toggleVideo } = (0, import_react_sdk82.useAVToggle)();
       const [previewError, setPreviewError] = (0, import_react159.useState)(false);
       const { endpoints } = useHMSPrebuiltContext();
-      const { peerCount } = (0, import_react_sdk81.useParticipants)();
-      const { enableJoin, preview, join } = (0, import_react_sdk81.usePreviewJoin)({
+      const { peerCount } = (0, import_react_sdk82.useParticipants)();
+      const { enableJoin, preview, join } = (0, import_react_sdk82.usePreviewJoin)({
         name,
         token: authToken,
         initEndpoint: endpoints == null ? void 0 : endpoints.init,
@@ -28818,14 +28780,14 @@ var init_PreviewJoin = __esm({
           speakerAutoSelectionBlacklist: ["Yeti Stereo Microphone"]
         },
         captureNetworkQualityInPreview: true,
-        handleError: (_2, method) => {
+        handleError: (_, method) => {
           if (method === "preview") {
             setPreviewError(true);
           }
         },
         asRole
       });
-      const roomState = (0, import_react_sdk81.useHMSStore)(import_react_sdk81.selectRoomState);
+      const roomState = (0, import_react_sdk82.useHMSStore)(import_react_sdk82.selectRoomState);
       const savePreferenceAndJoin = (0, import_react159.useCallback)(() => {
         setPreviewPreference({
           name
@@ -28849,7 +28811,7 @@ var init_PreviewJoin = __esm({
           setName(initialName);
         }
       }, [initialName]);
-      return roomState === import_react_sdk81.HMSRoomState.Preview ? /* @__PURE__ */ import_react159.default.createElement(Flex, { justify: "center", css: { size: "100%", position: "relative" } }, /* @__PURE__ */ import_react159.default.createElement(Container4, { css: { h: "100%", pt: "$10", "@md": { justifyContent: "space-between" } } }, toggleVideo ? null : /* @__PURE__ */ import_react159.default.createElement(Box, null), /* @__PURE__ */ import_react159.default.createElement(Flex, { direction: "column", justify: "center", css: { w: "100%", maxWidth: "640px" } }, /* @__PURE__ */ import_react159.default.createElement(Logo, null), /* @__PURE__ */ import_react159.default.createElement(
+      return roomState === import_react_sdk82.HMSRoomState.Preview ? /* @__PURE__ */ import_react159.default.createElement(Flex, { justify: "center", css: { size: "100%", position: "relative" } }, /* @__PURE__ */ import_react159.default.createElement(Container4, { css: { h: "100%", pt: "$10", "@md": { justifyContent: "space-between" } } }, toggleVideo ? null : /* @__PURE__ */ import_react159.default.createElement(Box, null), /* @__PURE__ */ import_react159.default.createElement(Flex, { direction: "column", justify: "center", css: { w: "100%", maxWidth: "640px" } }, /* @__PURE__ */ import_react159.default.createElement(Logo, null), /* @__PURE__ */ import_react159.default.createElement(
         Text,
         {
           variant: "h4",
@@ -28891,12 +28853,12 @@ var init_PreviewJoin = __esm({
       px: "$10"
     }));
     PreviewTile = ({ name, error }) => {
-      const localPeer = (0, import_react_sdk81.useHMSStore)(import_react_sdk81.selectLocalPeer);
-      const { isLocalAudioEnabled, toggleAudio } = (0, import_react_sdk81.useAVToggle)();
-      const isVideoOn = (0, import_react_sdk81.useHMSStore)(import_react_sdk81.selectIsLocalVideoEnabled);
+      const localPeer = (0, import_react_sdk82.useHMSStore)(import_react_sdk82.selectLocalPeer);
+      const { isLocalAudioEnabled, toggleAudio } = (0, import_react_sdk82.useAVToggle)();
+      const isVideoOn = (0, import_react_sdk82.useHMSStore)(import_react_sdk82.selectIsLocalVideoEnabled);
       const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
-      const trackSelector = (0, import_react_sdk81.selectVideoTrackByID)(localPeer == null ? void 0 : localPeer.videoTrack);
-      const track = (0, import_react_sdk81.useHMSStore)(trackSelector);
+      const trackSelector = (0, import_react_sdk82.selectVideoTrackByID)(localPeer == null ? void 0 : localPeer.videoTrack);
+      const track = (0, import_react_sdk82.useHMSStore)(trackSelector);
       const showMuteIcon = !isLocalAudioEnabled || !toggleAudio;
       const aspectRatio = useLocalTileAspectRatio();
       const [ref, { width: calculatedWidth, height: calculatedHeight }] = (0, import_react_use30.useMeasure)();
@@ -28993,13 +28955,13 @@ var init_RequestPrompt = __esm({
 });
 
 // src/Prebuilt/components/RoleChangeRequest/RoleChangeRequestModal.tsx
-var import_react161, import_react_sdk82, RoleChangeRequestModal;
+var import_react161, import_react_sdk83, RoleChangeRequestModal;
 var init_RoleChangeRequestModal = __esm({
   "src/Prebuilt/components/RoleChangeRequest/RoleChangeRequestModal.tsx"() {
     "use strict";
     init_define_process_env();
     import_react161 = __toESM(require("react"));
-    import_react_sdk82 = require("@100mslive/react-sdk");
+    import_react_sdk83 = require("@100mslive/react-sdk");
     init_src();
     init_PreviewJoin();
     init_RequestPrompt();
@@ -29007,13 +28969,13 @@ var init_RoleChangeRequestModal = __esm({
     init_useMetadata();
     init_constants();
     RoleChangeRequestModal = () => {
-      const hmsActions = (0, import_react_sdk82.useHMSActions)();
+      const hmsActions = (0, import_react_sdk83.useHMSActions)();
       const { updateMetaData } = useMyMetadata();
-      const isPreview = (0, import_react_sdk82.useHMSStore)(import_react_sdk82.selectIsInPreview);
-      const currentRole = (0, import_react_sdk82.useHMSStore)(import_react_sdk82.selectLocalPeerRoleName);
-      const roleChangeRequest = (0, import_react_sdk82.useHMSStore)(import_react_sdk82.selectRoleChangeRequest);
-      const name = (0, import_react_sdk82.useHMSStore)(import_react_sdk82.selectLocalPeerName);
-      const { sendEvent } = (0, import_react_sdk82.useCustomEvent)({ type: ROLE_CHANGE_DECLINED });
+      const isPreview = (0, import_react_sdk83.useHMSStore)(import_react_sdk83.selectIsInPreview);
+      const currentRole = (0, import_react_sdk83.useHMSStore)(import_react_sdk83.selectLocalPeerRoleName);
+      const roleChangeRequest = (0, import_react_sdk83.useHMSStore)(import_react_sdk83.selectRoleChangeRequest);
+      const name = (0, import_react_sdk83.useHMSStore)(import_react_sdk83.selectLocalPeerName);
+      const { sendEvent } = (0, import_react_sdk83.useCustomEvent)({ type: ROLE_CHANGE_DECLINED });
       const { elements = {} } = useRoomLayoutPreviewScreen();
       const { virtual_background } = elements || {};
       (0, import_react161.useEffect)(() => {
@@ -29104,7 +29066,7 @@ var init_useVideoTileLayout = __esm({
 });
 
 // src/Prebuilt/components/InsetTile.tsx
-var import_react163, import_react_draggable, import_react_use32, import_react_sdk83, import_react_icons79, MinimisedTile, insetHeightPx, insetMaxWidthPx, defaultMobileAspectRatio, desktopAspectRatio, InsetTile;
+var import_react163, import_react_draggable, import_react_use32, import_react_sdk84, import_react_icons79, MinimisedTile, insetHeightPx, insetMaxWidthPx, defaultMobileAspectRatio, desktopAspectRatio, InsetTile;
 var init_InsetTile = __esm({
   "src/Prebuilt/components/InsetTile.tsx"() {
     "use strict";
@@ -29112,7 +29074,7 @@ var init_InsetTile = __esm({
     import_react163 = __toESM(require("react"));
     import_react_draggable = __toESM(require("react-draggable"));
     import_react_use32 = require("react-use");
-    import_react_sdk83 = require("@100mslive/react-sdk");
+    import_react_sdk84 = require("@100mslive/react-sdk");
     import_react_icons79 = require("@100mslive/react-icons");
     init_Layout();
     init_Text2();
@@ -29141,11 +29103,11 @@ var init_InsetTile = __esm({
     InsetTile = ({ peerId }) => {
       const isMobile = (0, import_react_use32.useMedia)(config.media.md);
       const isLandscape = (0, import_react_use32.useMedia)(config.media.ls);
-      const selector = peerId ? (0, import_react_sdk83.selectPeerByID)(peerId) : import_react_sdk83.selectLocalPeer;
-      const peer = (0, import_react_sdk83.useHMSStore)(selector);
+      const selector = peerId ? (0, import_react_sdk84.selectPeerByID)(peerId) : import_react_sdk84.selectLocalPeer;
+      const peer = (0, import_react_sdk84.useHMSStore)(selector);
       const [minimised, setMinimised] = useSetAppDataByKey(APP_DATA.minimiseInset);
-      const videoTrack = (0, import_react_sdk83.useHMSStore)((0, import_react_sdk83.selectVideoTrackByID)(peer == null ? void 0 : peer.videoTrack));
-      const isAllowedToPublish = (0, import_react_sdk83.useHMSStore)(import_react_sdk83.selectIsAllowedToPublish);
+      const videoTrack = (0, import_react_sdk84.useHMSStore)((0, import_react_sdk84.selectVideoTrackByID)(peer == null ? void 0 : peer.videoTrack));
+      const isAllowedToPublish = (0, import_react_sdk84.useHMSStore)(import_react_sdk84.selectIsAllowedToPublish);
       const videoTileProps = useVideoTileContext();
       let aspectRatio = isMobile ? defaultMobileAspectRatio : desktopAspectRatio;
       if ((videoTrack == null ? void 0 : videoTrack.width) && (videoTrack == null ? void 0 : videoTrack.height) && !isMobile) {
@@ -29250,7 +29212,7 @@ var init_Pagination2 = __esm({
       if (numPages <= 1) {
         return null;
       }
-      return /* @__PURE__ */ import_react164.default.createElement(StyledPagination.Root, { css: { flexShrink: 0 } }, /* @__PURE__ */ import_react164.default.createElement(StyledPagination.Chevron, { disabled: disableLeft, onClick: prevPage }, /* @__PURE__ */ import_react164.default.createElement(import_react_icons80.ChevronLeftIcon, { width: 16, height: 16, style: { cursor: disableLeft ? "not-allowed" : "pointer" } })), numPages <= 5 ? /* @__PURE__ */ import_react164.default.createElement(StyledPagination.Dots, null, [...Array(numPages)].map((_2, i) => /* @__PURE__ */ import_react164.default.createElement(
+      return /* @__PURE__ */ import_react164.default.createElement(StyledPagination.Root, { css: { flexShrink: 0 } }, /* @__PURE__ */ import_react164.default.createElement(StyledPagination.Chevron, { disabled: disableLeft, onClick: prevPage }, /* @__PURE__ */ import_react164.default.createElement(import_react_icons80.ChevronLeftIcon, { width: 16, height: 16, style: { cursor: disableLeft ? "not-allowed" : "pointer" } })), numPages <= 5 ? /* @__PURE__ */ import_react164.default.createElement(StyledPagination.Dots, null, [...Array(numPages)].map((_, i) => /* @__PURE__ */ import_react164.default.createElement(
         StyledPagination.Dot,
         {
           key: i,
@@ -29316,21 +29278,21 @@ var init_Grid = __esm({
 });
 
 // src/Prebuilt/components/hooks/useTileLayout.tsx
-var import_react166, import_react_use33, import_react_sdk84, aspectRatioConfig, usePagesWithTiles, useTileLayout;
+var import_react166, import_react_use33, import_react_sdk85, aspectRatioConfig, usePagesWithTiles, useTileLayout;
 var init_useTileLayout = __esm({
   "src/Prebuilt/components/hooks/useTileLayout.tsx"() {
     "use strict";
     init_define_process_env();
     import_react166 = require("react");
     import_react_use33 = require("react-use");
-    import_react_sdk84 = require("@100mslive/react-sdk");
+    import_react_sdk85 = require("@100mslive/react-sdk");
     init_Theme();
     aspectRatioConfig = { default: [1 / 1, 4 / 3, 16 / 9], mobile: [1 / 1, 3 / 4, 9 / 16] };
     usePagesWithTiles = ({ peers, maxTileCount }) => {
-      const vanillaStore = (0, import_react_sdk84.useHMSVanillaStore)();
-      const tracksMap = vanillaStore.getState(import_react_sdk84.selectTracksMap);
+      const vanillaStore = (0, import_react_sdk85.useHMSVanillaStore)();
+      const tracksMap = vanillaStore.getState(import_react_sdk85.selectTracksMap);
       const peersWithTiles = (0, import_react166.useMemo)(
-        () => (0, import_react_sdk84.getPeersWithTiles)(peers, tracksMap, () => false),
+        () => (0, import_react_sdk85.getPeersWithTiles)(peers, tracksMap, () => false),
         [peers, tracksMap]
       );
       const noOfPages = Math.ceil(peersWithTiles.length / maxTileCount);
@@ -29353,7 +29315,7 @@ var init_useTileLayout = __esm({
       maxTileCount,
       edgeToEdge = false
     }) => {
-      const vanillaStore = (0, import_react_sdk84.useHMSVanillaStore)();
+      const vanillaStore = (0, import_react_sdk85.useHMSVanillaStore)();
       const [ref, { width, height }] = (0, import_react_use33.useMeasure)();
       const isMobile = (0, import_react_use33.useMedia)(config.media.lg);
       const [pagesWithTiles, setPagesWithTiles] = (0, import_react166.useState)([]);
@@ -29369,7 +29331,7 @@ var init_useTileLayout = __esm({
           }
           const maxRows = Math.ceil(noOfTilesInPage / maxCols);
           let index = 0;
-          const matrix = new Array(maxRows).fill(null).map((_2, i) => {
+          const matrix = new Array(maxRows).fill(null).map((_, i) => {
             const numCols = Math.min(maxCols, noOfTilesInPage - i * maxCols);
             const rowElements = [];
             for (let j = 0; j < numCols; j++) {
@@ -29390,10 +29352,10 @@ var init_useTileLayout = __esm({
               tileHeight = maxRowHeight;
             } else {
               const calcHeights = aspectRatios.map((aR) => tileWidth / aR);
-              for (const h2 of calcHeights) {
-                if (h2 < maxRowHeight) {
-                  if (tileHeight < h2) {
-                    tileHeight = h2;
+              for (const h of calcHeights) {
+                if (h < maxRowHeight) {
+                  if (tileHeight < h) {
+                    tileHeight = h;
                   }
                 }
               }
@@ -29426,7 +29388,7 @@ var init_useTileLayout = __esm({
 // src/Prebuilt/components/VideoLayouts/EqualProminence.tsx
 function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSize, edgeToEdge }) {
   var _a8;
-  const localPeer = (0, import_react_sdk85.useHMSStore)(import_react_sdk85.selectLocalPeer);
+  const localPeer = (0, import_react_sdk86.useHMSStore)(import_react_sdk86.selectLocalPeer);
   const isMobile = (0, import_react_use34.useMedia)(config.media.md);
   let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
   maxTileCount = isMobile ? Math.min(maxTileCount, 6) : maxTileCount;
@@ -29468,14 +29430,14 @@ function EqualProminence({ isInsetEnabled = false, peers, onPageChange, onPageSi
     }
   ), isInsetEnabled && pageList.length > 0 && pageList[0][0].peer.id !== (localPeer == null ? void 0 : localPeer.id) && /* @__PURE__ */ import_react167.default.createElement(InsetTile, null));
 }
-var import_react167, import_react_use34, import_react_sdk85;
+var import_react167, import_react_use34, import_react_sdk86;
 var init_EqualProminence = __esm({
   "src/Prebuilt/components/VideoLayouts/EqualProminence.tsx"() {
     "use strict";
     init_define_process_env();
     import_react167 = __toESM(require("react"));
     import_react_use34 = require("react-use");
-    import_react_sdk85 = require("@100mslive/react-sdk");
+    import_react_sdk86 = require("@100mslive/react-sdk");
     init_Layout();
     init_Theme();
     init_InsetTile();
@@ -29576,14 +29538,14 @@ var init_ProminenceLayout = __esm({
 });
 
 // src/Prebuilt/components/SecondaryTiles.tsx
-var import_react169, import_react_use35, import_react_sdk86, SecondaryTiles;
+var import_react169, import_react_use35, import_react_sdk87, SecondaryTiles;
 var init_SecondaryTiles = __esm({
   "src/Prebuilt/components/SecondaryTiles.tsx"() {
     "use strict";
     init_define_process_env();
     import_react169 = __toESM(require("react"));
     import_react_use35 = require("react-use");
-    import_react_sdk86 = require("@100mslive/react-sdk");
+    import_react_sdk87 = require("@100mslive/react-sdk");
     init_ProminenceLayout();
     init_Theme();
     init_Pagination2();
@@ -29594,10 +29556,10 @@ var init_SecondaryTiles = __esm({
       const isMobile = (0, import_react_use35.useMedia)(config.media.md);
       const maxTileCount = isMobile ? 2 : 4;
       const [page, setPage] = (0, import_react169.useState)(0);
-      const pinnedTrackId = (0, import_react_sdk86.useHMSStore)((0, import_react_sdk86.selectAppData)(APP_DATA.pinnedTrackId));
-      const spotlightPeerId = (0, import_react_sdk86.useHMSStore)((0, import_react_sdk86.selectSessionStore)("spotlight" /* SPOTLIGHT */));
-      const activeScreensharePeerId = (0, import_react_sdk86.useHMSStore)((0, import_react_sdk86.selectAppData)(APP_DATA.activeScreensharePeerId));
-      const pinnedPeer = (_a8 = (0, import_react_sdk86.useHMSStore)((0, import_react_sdk86.selectTrackByID)(pinnedTrackId))) == null ? void 0 : _a8.peerId;
+      const pinnedTrackId = (0, import_react_sdk87.useHMSStore)((0, import_react_sdk87.selectAppData)(APP_DATA.pinnedTrackId));
+      const spotlightPeerId = (0, import_react_sdk87.useHMSStore)((0, import_react_sdk87.selectSessionStore)("spotlight" /* SPOTLIGHT */));
+      const activeScreensharePeerId = (0, import_react_sdk87.useHMSStore)((0, import_react_sdk87.selectAppData)(APP_DATA.activeScreensharePeerId));
+      const pinnedPeer = (_a8 = (0, import_react_sdk87.useHMSStore)((0, import_react_sdk87.selectTrackByID)(pinnedTrackId))) == null ? void 0 : _a8.peerId;
       const pageChangedAfterPinning = (0, import_react169.useRef)(false);
       const pagesWithTiles = usePagesWithTiles({
         peers: spotlightPeerId || pinnedPeer ? [...peers].sort((p1, p2) => {
@@ -29700,7 +29662,7 @@ function RoleProminence({
 }) {
   var _a8;
   const { prominentPeers, secondaryPeers } = useRoleProminencePeers(prominentRoles, peers, isInsetEnabled);
-  const localPeer = (0, import_react_sdk87.useHMSStore)(import_react_sdk87.selectLocalPeer);
+  const localPeer = (0, import_react_sdk88.useHMSStore)(import_react_sdk88.selectLocalPeer);
   const layoutMode = useUISettings(UI_SETTINGS.layoutMode);
   const isMobile = (0, import_react_use36.useMedia)(config.media.md);
   let maxTileCount = useUISettings(UI_SETTINGS.maxTileCount);
@@ -29740,14 +29702,14 @@ function RoleProminence({
     }
   ), isInsetEnabled && localPeer && prominentPeers.length > 0 && !prominentPeers.includes(localPeer) && /* @__PURE__ */ import_react171.default.createElement(InsetTile, null));
 }
-var import_react171, import_react_use36, import_react_sdk87;
+var import_react171, import_react_use36, import_react_sdk88;
 var init_RoleProminence = __esm({
   "src/Prebuilt/components/VideoLayouts/RoleProminence.tsx"() {
     "use strict";
     init_define_process_env();
     import_react171 = __toESM(require("react"));
     import_react_use36 = require("react-use");
-    import_react_sdk87 = require("@100mslive/react-sdk");
+    import_react_sdk88 = require("@100mslive/react-sdk");
     init_Theme();
     init_InsetTile();
     init_Pagination2();
@@ -29872,19 +29834,19 @@ var init_LayoutModeSelector = __esm({
 });
 
 // src/Prebuilt/components/ScreenshareDisplay.tsx
-var import_react173, import_react_sdk88, import_react_icons82, ScreenshareDisplay;
+var import_react173, import_react_sdk89, import_react_icons82, ScreenshareDisplay;
 var init_ScreenshareDisplay = __esm({
   "src/Prebuilt/components/ScreenshareDisplay.tsx"() {
     "use strict";
     init_define_process_env();
     import_react173 = __toESM(require("react"));
-    import_react_sdk88 = require("@100mslive/react-sdk");
+    import_react_sdk89 = require("@100mslive/react-sdk");
     import_react_icons82 = require("@100mslive/react-icons");
     init_Button2();
     init_Layout();
     init_Text2();
     ScreenshareDisplay = () => {
-      const hmsActions = (0, import_react_sdk88.useHMSActions)();
+      const hmsActions = (0, import_react_sdk89.useHMSActions)();
       return /* @__PURE__ */ import_react173.default.createElement(
         Flex,
         {
@@ -29918,7 +29880,7 @@ var init_ScreenshareDisplay = __esm({
 });
 
 // src/Prebuilt/components/ScreenshareTile.tsx
-var import_react174, import_react_use37, import_screenfull2, import_react_sdk89, import_react_icons83, labelStyles, Tile2, ScreenshareTile, ScreenshareTile_default;
+var import_react174, import_react_use37, import_screenfull2, import_react_sdk90, import_react_icons83, labelStyles, Tile2, ScreenshareTile, ScreenshareTile_default;
 var init_ScreenshareTile = __esm({
   "src/Prebuilt/components/ScreenshareTile.tsx"() {
     "use strict";
@@ -29926,7 +29888,7 @@ var init_ScreenshareTile = __esm({
     import_react174 = __toESM(require("react"));
     import_react_use37 = require("react-use");
     import_screenfull2 = __toESM(require("screenfull"));
-    import_react_sdk89 = require("@100mslive/react-sdk");
+    import_react_sdk90 = require("@100mslive/react-sdk");
     import_react_icons83 = require("@100mslive/react-icons");
     init_TileMenu2();
     init_Layout();
@@ -29948,10 +29910,10 @@ var init_ScreenshareTile = __esm({
       flexShrink: 0
     };
     Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
-      const isLocal = (0, import_react_sdk89.useHMSStore)(import_react_sdk89.selectLocalPeerID) === peerId;
-      const track = (0, import_react_sdk89.useHMSStore)((0, import_react_sdk89.selectScreenShareByPeerID)(peerId));
+      const isLocal = (0, import_react_sdk90.useHMSStore)(import_react_sdk90.selectLocalPeerID) === peerId;
+      const track = (0, import_react_sdk90.useHMSStore)((0, import_react_sdk90.selectScreenShareByPeerID)(peerId));
       const { theme: theme2 } = useTheme();
-      const peer = (0, import_react_sdk89.useHMSStore)((0, import_react_sdk89.selectPeerByID)(peerId));
+      const peer = (0, import_react_sdk90.useHMSStore)((0, import_react_sdk90.selectPeerByID)(peerId));
       const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
       const [isMouseHovered, setIsMouseHovered] = (0, import_react174.useState)(false);
       const isMobile = (0, import_react_use37.useMedia)(config.media.md);
@@ -29962,7 +29924,7 @@ var init_ScreenshareTile = __esm({
         onClose: () => setFullscreen(false)
       });
       const isFullScreenSupported = import_screenfull2.default.isEnabled;
-      const audioTrack = (0, import_react_sdk89.useHMSStore)((0, import_react_sdk89.selectScreenShareAudioByPeerID)(peer == null ? void 0 : peer.id));
+      const audioTrack = (0, import_react_sdk90.useHMSStore)((0, import_react_sdk90.selectScreenShareAudioByPeerID)(peer == null ? void 0 : peer.id));
       if (isLocal && (track == null ? void 0 : track.displaySurface) && !["browser", "window", "application"].includes(track.displaySurface)) {
         return /* @__PURE__ */ import_react174.default.createElement(ScreenshareDisplay, null);
       }
@@ -30041,14 +30003,14 @@ var init_ScreenshareTile = __esm({
 });
 
 // src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx
-var import_react175, import_react_use38, import_react_sdk90, ScreenshareLayout;
+var import_react175, import_react_use38, import_react_sdk91, ScreenshareLayout;
 var init_ScreenshareLayout = __esm({
   "src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx"() {
     "use strict";
     init_define_process_env();
     import_react175 = __toESM(require("react"));
     import_react_use38 = require("react-use");
-    import_react_sdk90 = require("@100mslive/react-sdk");
+    import_react_sdk91 = require("@100mslive/react-sdk");
     init_Theme();
     init_InsetTile();
     init_Pagination2();
@@ -30060,7 +30022,7 @@ var init_ScreenshareLayout = __esm({
     init_constants();
     ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
       var _a8;
-      const peersSharing = (0, import_react_sdk90.useHMSStore)(import_react_sdk90.selectPeersScreenSharing);
+      const peersSharing = (0, import_react_sdk91.useHMSStore)(import_react_sdk91.selectPeersScreenSharing);
       const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
       const [page, setPage] = (0, import_react175.useState)(0);
       const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
@@ -30111,12 +30073,12 @@ var init_ScreenshareLayout = __esm({
 });
 
 // src/Prebuilt/common/PeersSorter.ts
-var import_react_sdk91, PeersSorter, PeersSorter_default;
+var import_react_sdk92, PeersSorter, PeersSorter_default;
 var init_PeersSorter = __esm({
   "src/Prebuilt/common/PeersSorter.ts"() {
     "use strict";
     init_define_process_env();
-    import_react_sdk91 = require("@100mslive/react-sdk");
+    import_react_sdk92 = require("@100mslive/react-sdk");
     PeersSorter = class {
       constructor(store) {
         this.storeUnsubscribe = void 0;
@@ -30125,7 +30087,7 @@ var init_PeersSorter = __esm({
           this.speaker = void 0;
           this.tilesPerPage = tilesPerPage;
           const peerIds = new Set(peers.map((peer) => peer.id));
-          this.peers.forEach((_2, key) => {
+          this.peers.forEach((_, key) => {
             if (!peerIds.has(key)) {
               this.peers.delete(key);
             }
@@ -30138,7 +30100,7 @@ var init_PeersSorter = __esm({
             }
           });
           if (!this.storeUnsubscribe) {
-            this.storeUnsubscribe = this.store.subscribe(this.onDominantSpeakerChange, import_react_sdk91.selectDominantSpeaker);
+            this.storeUnsubscribe = this.store.subscribe(this.onDominantSpeakerChange, import_react_sdk92.selectDominantSpeaker);
           }
           this.moveSpeakerToFront(this.speaker);
         };
@@ -30212,13 +30174,13 @@ var init_PeersSorter = __esm({
 });
 
 // src/Prebuilt/components/VideoLayouts/GridLayout.tsx
-var import_react176, import_react_sdk92, GridLayout;
+var import_react176, import_react_sdk93, GridLayout;
 var init_GridLayout = __esm({
   "src/Prebuilt/components/VideoLayouts/GridLayout.tsx"() {
     "use strict";
     init_define_process_env();
     import_react176 = __toESM(require("react"));
-    import_react_sdk92 = require("@100mslive/react-sdk");
+    import_react_sdk93 = require("@100mslive/react-sdk");
     init_EqualProminence();
     init_RoleProminence();
     init_ScreenshareLayout();
@@ -30237,11 +30199,11 @@ var init_GridLayout = __esm({
       edge_to_edge = false,
       hide_metadata_on_tile = false
     }) => {
-      const peerSharing = (0, import_react_sdk92.useHMSStore)(import_react_sdk92.selectPeerScreenSharing);
+      const peerSharing = (0, import_react_sdk93.useHMSStore)(import_react_sdk93.selectPeerScreenSharing);
       const pinnedTrack = usePinnedTrack();
-      const peers = (0, import_react_sdk92.useHMSStore)(import_react_sdk92.selectPeers);
-      const localPeerRole = (0, import_react_sdk92.useHMSStore)(import_react_sdk92.selectLocalPeerRoleName);
-      const localPeerID = (0, import_react_sdk92.useHMSStore)(import_react_sdk92.selectLocalPeerID);
+      const peers = (0, import_react_sdk93.useHMSStore)(import_react_sdk93.selectPeers);
+      const localPeerRole = (0, import_react_sdk93.useHMSStore)(import_react_sdk93.selectLocalPeerRoleName);
+      const localPeerID = (0, import_react_sdk93.useHMSStore)(import_react_sdk93.selectLocalPeerID);
       const [activeScreensharePeerId] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
       const isRoleProminence = prominentRoles.length && peers.some(
         (peer) => peer.roleName && prominentRoles.includes(peer.roleName) && (peer.videoTrack || peer.audioTrack)
@@ -30260,7 +30222,7 @@ var init_GridLayout = __esm({
         }
         return peers;
       }, [isInsetEnabled, activeScreensharePeerId, localPeerRole, localPeerID, prominentRoles, peers, pinnedTrack]);
-      const vanillaStore = (0, import_react_sdk92.useHMSVanillaStore)();
+      const vanillaStore = (0, import_react_sdk93.useHMSVanillaStore)();
       const [sortedPeers, setSortedPeers] = (0, import_react176.useState)(updatedPeers);
       const peersSorter = (0, import_react176.useMemo)(() => new PeersSorter_default(vanillaStore), [vanillaStore]);
       const [pageSize, setPageSize] = (0, import_react176.useState)(0);
@@ -30321,13 +30283,13 @@ var init_GridLayout = __esm({
 });
 
 // src/Prebuilt/layouts/EmbedView.jsx
-var import_react177, import_react_sdk93, EmbedView, EmbedScreenShareView, EmbedComponent;
+var import_react177, import_react_sdk94, EmbedView, EmbedScreenShareView, EmbedComponent;
 var init_EmbedView = __esm({
   "src/Prebuilt/layouts/EmbedView.jsx"() {
     "use strict";
     init_define_process_env();
     import_react177 = __toESM(require("react"));
-    import_react_sdk93 = require("@100mslive/react-sdk");
+    import_react_sdk94 = require("@100mslive/react-sdk");
     init_SecondaryTiles();
     init_ToastManager();
     init_ProminenceLayout();
@@ -30338,8 +30300,8 @@ var init_EmbedView = __esm({
       return /* @__PURE__ */ import_react177.default.createElement(EmbedScreenShareView, null, /* @__PURE__ */ import_react177.default.createElement(EmbedComponent, null));
     };
     EmbedScreenShareView = ({ children }) => {
-      const peers = (0, import_react_sdk93.useHMSStore)(import_react_sdk93.selectPeers);
-      const peerPresenting = (0, import_react_sdk93.useHMSStore)(import_react_sdk93.selectPeerScreenSharing);
+      const peers = (0, import_react_sdk94.useHMSStore)(import_react_sdk94.selectPeers);
+      const peerPresenting = (0, import_react_sdk94.useHMSStore)(import_react_sdk94.selectPeerScreenSharing);
       const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
       const smallTilePeers = (0, import_react177.useMemo)(() => {
         const smallTilePeers2 = peers.filter((peer) => peer.id !== (peerPresenting == null ? void 0 : peerPresenting.id));
@@ -30354,9 +30316,9 @@ var init_EmbedView = __esm({
       return /* @__PURE__ */ import_react177.default.createElement(ProminenceLayout.Root, null, /* @__PURE__ */ import_react177.default.createElement(ProminenceLayout.ProminentSection, null, children), /* @__PURE__ */ import_react177.default.createElement(SecondaryTiles, { peers: smallTilePeers }));
     };
     EmbedComponent = () => {
-      const embedConfig = (0, import_react_sdk93.useHMSStore)((0, import_react_sdk93.selectAppData)(APP_DATA.embedConfig));
+      const embedConfig = (0, import_react_sdk94.useHMSStore)((0, import_react_sdk94.selectAppData)(APP_DATA.embedConfig));
       const resetConfig = useResetEmbedConfig();
-      const { iframeRef, startEmbedShare, isEmbedShareInProgress } = (0, import_react_sdk93.useEmbedShare)(resetConfig);
+      const { iframeRef, startEmbedShare, isEmbedShareInProgress } = (0, import_react_sdk94.useEmbedShare)(resetConfig);
       (0, import_react177.useEffect)(() => {
         (() => __async(void 0, null, function* () {
           if (embedConfig && !isEmbedShareInProgress) {
@@ -30406,13 +30368,13 @@ var init_EmbedView = __esm({
 });
 
 // src/Prebuilt/layouts/PDFView.jsx
-var import_react178, import_react_sdk94, PDFView;
+var import_react178, import_react_sdk95, PDFView;
 var init_PDFView = __esm({
   "src/Prebuilt/layouts/PDFView.jsx"() {
     "use strict";
     init_define_process_env();
     import_react178 = __toESM(require("react"));
-    import_react_sdk94 = require("@100mslive/react-sdk");
+    import_react_sdk95 = require("@100mslive/react-sdk");
     init_ToastManager();
     init_Layout();
     init_EmbedView();
@@ -30420,7 +30382,7 @@ var init_PDFView = __esm({
     PDFView = () => {
       const pdfConfig = usePDFConfig();
       const resetConfig = useResetPDFConfig();
-      const { iframeRef, startPDFShare, isPDFShareInProgress } = (0, import_react_sdk94.usePDFShare)(resetConfig);
+      const { iframeRef, startPDFShare, isPDFShareInProgress } = (0, import_react_sdk95.usePDFShare)(resetConfig);
       (0, import_react178.useEffect)(() => {
         (() => __async(void 0, null, function* () {
           try {
@@ -30529,14 +30491,14 @@ var init_WaitingView = __esm({
 });
 
 // src/Prebuilt/layouts/WhiteboardView.tsx
-var import_react180, import_react_use39, import_react_sdk95, EmbedComponent2, WhiteboardView;
+var import_react180, import_react_use39, import_react_sdk96, EmbedComponent2, WhiteboardView;
 var init_WhiteboardView = __esm({
   "src/Prebuilt/layouts/WhiteboardView.tsx"() {
     "use strict";
     init_define_process_env();
     import_react180 = __toESM(require("react"));
     import_react_use39 = require("react-use");
-    import_react_sdk95 = require("@100mslive/react-sdk");
+    import_react_sdk96 = require("@100mslive/react-sdk");
     init_SecondaryTiles();
     init_ProminenceLayout();
     init_src();
@@ -30545,7 +30507,7 @@ var init_WhiteboardView = __esm({
     init_constants();
     EmbedComponent2 = () => {
       const isMobile = (0, import_react_use39.useMedia)(config.media.md);
-      const { iframeRef } = (0, import_react_sdk95.useWhiteboard)(isMobile);
+      const { iframeRef } = (0, import_react_sdk96.useWhiteboard)(isMobile);
       return /* @__PURE__ */ import_react180.default.createElement(
         Box,
         {
@@ -30577,8 +30539,8 @@ var init_WhiteboardView = __esm({
       );
     };
     WhiteboardView = () => {
-      const peers = (0, import_react_sdk95.useHMSStore)(import_react_sdk95.selectPeers);
-      const whiteboard = (0, import_react_sdk95.useHMSStore)(import_react_sdk95.selectWhiteboard);
+      const peers = (0, import_react_sdk96.useHMSStore)(import_react_sdk96.selectPeers);
+      const whiteboard = (0, import_react_sdk96.useHMSStore)(import_react_sdk96.selectWhiteboard);
       const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
       const smallTilePeers = (0, import_react180.useMemo)(() => {
         const smallTilePeers2 = peers.filter((peer) => peer.id !== (whiteboard == null ? void 0 : whiteboard.owner));
@@ -30596,17 +30558,17 @@ var init_WhiteboardView = __esm({
 });
 
 // src/Prebuilt/components/hooks/useCloseScreenshareWhiteboard.tsx
-var import_react181, import_react_use40, import_react_sdk96, useCloseScreenshareWhiteboard;
+var import_react181, import_react_use40, import_react_sdk97, useCloseScreenshareWhiteboard;
 var init_useCloseScreenshareWhiteboard = __esm({
   "src/Prebuilt/components/hooks/useCloseScreenshareWhiteboard.tsx"() {
     "use strict";
     init_define_process_env();
     import_react181 = require("react");
     import_react_use40 = require("react-use");
-    import_react_sdk96 = require("@100mslive/react-sdk");
+    import_react_sdk97 = require("@100mslive/react-sdk");
     useCloseScreenshareWhiteboard = () => {
-      const { amIScreenSharing, toggleScreenShare } = (0, import_react_sdk96.useScreenShare)();
-      const { isOwner: isWhiteboardOwner, toggle: toggleWhiteboard } = (0, import_react_sdk96.useWhiteboard)();
+      const { amIScreenSharing, toggleScreenShare } = (0, import_react_sdk97.useScreenShare)();
+      const { isOwner: isWhiteboardOwner, toggle: toggleWhiteboard } = (0, import_react_sdk97.useWhiteboard)();
       const prevScreenSharer = (0, import_react_use40.usePrevious)(amIScreenSharing);
       const prevWhiteboardOwner = (0, import_react_use40.usePrevious)(isWhiteboardOwner);
       (0, import_react181.useEffect)(() => {
@@ -30868,8 +30830,8 @@ var init_SeekControls = __esm({
 });
 
 // src/Prebuilt/components/HMSVideo/utils.ts
-function getPercentage(a2, b) {
-  return a2 / b * 100;
+function getPercentage(a2, b2) {
+  return a2 / b2 * 100;
 }
 function getDurationFromSeconds2(timeInSeconds) {
   let time = Math.floor(timeInSeconds);
@@ -31551,7 +31513,7 @@ var HLSView_exports = {};
 __export(HLSView_exports, {
   default: () => HLSView_default
 });
-var import_react195, import_react_use43, import_hls_player3, import_screenfull3, import_ts_pattern11, import_react_sdk97, import_react_icons93, hlsPlayer, toastMap, ToggleChat, HLSView, HLSView_default;
+var import_react195, import_react_use43, import_hls_player3, import_screenfull3, import_ts_pattern11, import_react_sdk98, import_react_icons93, hlsPlayer, toastMap, ToggleChat, HLSView, HLSView_default;
 var init_HLSView = __esm({
   "src/Prebuilt/layouts/HLSView.jsx"() {
     "use strict";
@@ -31561,7 +31523,7 @@ var init_HLSView = __esm({
     import_hls_player3 = require("@100mslive/hls-player");
     import_screenfull3 = __toESM(require("screenfull"));
     import_ts_pattern11 = require("ts-pattern");
-    import_react_sdk97 = require("@100mslive/react-sdk");
+    import_react_sdk98 = require("@100mslive/react-sdk");
     import_react_icons93 = require("@100mslive/react-icons");
     init_ChatToggle();
     init_HlsStatsOverlay();
@@ -31588,11 +31550,11 @@ var init_HLSView = __esm({
     toastMap = {};
     ToggleChat = () => {
       const { elements } = useRoomLayoutConferencingScreen();
-      const sidepane = (0, import_react_sdk97.useHMSStore)((0, import_react_sdk97.selectAppData)(APP_DATA.sidePane));
+      const sidepane = (0, import_react_sdk98.useHMSStore)((0, import_react_sdk98.selectAppData)(APP_DATA.sidePane));
       const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
       const showChat = !!(elements == null ? void 0 : elements.chat);
       const isMobile = (0, import_react_use43.useMedia)(config.media.md);
-      const hmsActions = (0, import_react_sdk97.useHMSActions)();
+      const hmsActions = (0, import_react_sdk98.useHMSActions)();
       (0, import_react195.useEffect)(() => {
         (0, import_ts_pattern11.match)({ sidepane, isMobile, showChat }).with({ isMobile: true, showChat: true, sidepane: import_ts_pattern11.P.when((value) => !value) }, () => {
           toggleChat();
@@ -31607,10 +31569,10 @@ var init_HLSView = __esm({
       var _a8, _b7, _c, _d, _e, _f;
       const videoRef = (0, import_react195.useRef)(null);
       const hlsViewRef = (0, import_react195.useRef)();
-      const hlsState = (0, import_react_sdk97.useHMSStore)(import_react_sdk97.selectHLSState);
-      const enablHlsStats = (0, import_react_sdk97.useHMSStore)((0, import_react_sdk97.selectAppData)(APP_DATA.hlsStats));
-      const notification = (0, import_react_sdk97.useHMSNotifications)(import_react_sdk97.HMSNotificationTypes.POLL_STOPPED);
-      const hmsActions = (0, import_react_sdk97.useHMSActions)();
+      const hlsState = (0, import_react_sdk98.useHMSStore)(import_react_sdk98.selectHLSState);
+      const enablHlsStats = (0, import_react_sdk98.useHMSStore)((0, import_react_sdk98.selectAppData)(APP_DATA.hlsStats));
+      const notification = (0, import_react_sdk98.useHMSNotifications)(import_react_sdk98.HMSNotificationTypes.POLL_STOPPED);
+      const hmsActions = (0, import_react_sdk98.useHMSActions)();
       const { themeType } = useTheme();
       const [streamEnded, setStreamEnded] = (0, import_react195.useState)(false);
       let [hlsStatsState, setHlsStatsState] = (0, import_react195.useState)(null);
@@ -31625,7 +31587,7 @@ var init_HLSView = __esm({
       const [isPaused, setIsPaused] = (0, import_react195.useState)(false);
       const [show, toggle] = (0, import_react_use43.useToggle)(false);
       const lastHlsUrl = (0, import_react_use43.usePrevious)(hlsUrl);
-      const vanillaStore = (0, import_react_sdk97.useHMSVanillaStore)();
+      const vanillaStore = (0, import_react_sdk98.useHMSVanillaStore)();
       const [controlsVisible, setControlsVisible] = (0, import_react195.useState)(true);
       const [isUserSelectedAuto, setIsUserSelectedAuto] = (0, import_react195.useState)(true);
       const [qualityDropDownOpen, setQualityDropDownOpen] = (0, import_react195.useState)(false);
@@ -31709,8 +31671,8 @@ var init_HLSView = __esm({
           const parsedPayload = parsePayload(payload);
           if (parsedPayload.startsWith("poll:")) {
             const pollId = parsedPayload.substr(parsedPayload.indexOf(":") + 1);
-            const poll = vanillaStore.getState((0, import_react_sdk97.selectPollByID)(pollId));
-            const pollStartedBy = vanillaStore.getState((0, import_react_sdk97.selectPeerNameByID)(poll.startedBy)) || "Participant";
+            const poll = vanillaStore.getState((0, import_react_sdk98.selectPollByID)(pollId));
+            const pollStartedBy = vanillaStore.getState((0, import_react_sdk98.selectPeerNameByID)(poll.startedBy)) || "Participant";
             if (!toastMap[pollId]) {
               const toastID = ToastManager.addToast({
                 title: `${pollStartedBy} started a ${poll.type}: ${poll.title}`,
@@ -31838,7 +31800,7 @@ var init_HLSView = __esm({
       const onDoubleClickHandler = (0, import_react195.useCallback)(
         (event) => {
           var _a9;
-          if (!(isMobile || isLandscape) || ((_a9 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a9.playlist_type) !== import_react_sdk97.HLSPlaylistType.DVR) {
+          if (!(isMobile || isLandscape) || ((_a9 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a9.playlist_type) !== import_react_sdk98.HLSPlaylistType.DVR) {
             return;
           }
           const sidePercentage = event.screenX * 100 / event.target.clientWidth;
@@ -31856,7 +31818,7 @@ var init_HLSView = __esm({
       );
       const onClickHandler = (0, import_react195.useCallback)(() => __async(void 0, null, function* () {
         var _a9;
-        (0, import_ts_pattern11.match)({ isMobile, isLandscape, playlist_type: (_a9 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a9.playlist_type }).with({ playlist_type: import_react_sdk97.HLSPlaylistType.DVR, isMobile: false, isLandscape: false }, () => __async(void 0, null, function* () {
+        (0, import_ts_pattern11.match)({ isMobile, isLandscape, playlist_type: (_a9 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a9.playlist_type }).with({ playlist_type: import_react_sdk98.HLSPlaylistType.DVR, isMobile: false, isLandscape: false }, () => __async(void 0, null, function* () {
           if (isPaused) {
             yield hlsPlayer == null ? void 0 : hlsPlayer.play();
           } else {
@@ -31944,7 +31906,7 @@ var init_HLSView = __esm({
             },
             onKeyDown: (event) => __async(void 0, null, function* () {
               var _a9;
-              if (((_a9 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a9.playlist_type) === import_react_sdk97.HLSPlaylistType.DVR) {
+              if (((_a9 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a9.playlist_type) === import_react_sdk98.HLSPlaylistType.DVR) {
                 yield keyHandler(event);
               }
             }),
@@ -31990,7 +31952,7 @@ var init_HLSView = __esm({
                   opacity: controlsVisible ? `1` : "0"
                 }
               },
-              !showLoader && ((_b7 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _b7.playlist_type) === import_react_sdk97.HLSPlaylistType.DVR && /* @__PURE__ */ import_react195.default.createElement(import_react195.default.Fragment, null, /* @__PURE__ */ import_react195.default.createElement(
+              !showLoader && ((_b7 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _b7.playlist_type) === import_react_sdk98.HLSPlaylistType.DVR && /* @__PURE__ */ import_react195.default.createElement(import_react195.default.Fragment, null, /* @__PURE__ */ import_react195.default.createElement(
                 HMSVideoPlayer.Seeker,
                 {
                   title: "backward",
@@ -32067,7 +32029,7 @@ var init_HLSView = __esm({
                 align: "start",
                 css: {
                   position: "absolute",
-                  bottom: isFullScreen && ((_c = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _c.playlist_type) === import_react_sdk97.HLSPlaylistType.DVR ? "$8" : "0",
+                  bottom: isFullScreen && ((_c = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _c.playlist_type) === import_react_sdk98.HLSPlaylistType.DVR ? "$8" : "0",
                   left: "0",
                   zIndex: 1,
                   background: isMobile || isLandscape ? "" : `linear-gradient(180deg, ${theme.colors.background_dim.value}00 29.46%, ${theme.colors.background_dim.value}A3 100%);`,
@@ -32077,7 +32039,7 @@ var init_HLSView = __esm({
                   transition: "visibility 0s 0.5s, opacity 0.5s linear"
                 }
               },
-              ((_d = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _d.playlist_type) === import_react_sdk97.HLSPlaylistType.DVR ? /* @__PURE__ */ import_react195.default.createElement(HMSVideoPlayer.Progress, { seekProgress, setSeekProgress }) : null,
+              ((_d = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _d.playlist_type) === import_react_sdk98.HLSPlaylistType.DVR ? /* @__PURE__ */ import_react195.default.createElement(HMSVideoPlayer.Progress, { seekProgress, setSeekProgress }) : null,
               /* @__PURE__ */ import_react195.default.createElement(
                 HMSVideoPlayer.Controls.Root,
                 {
@@ -32085,7 +32047,7 @@ var init_HLSView = __esm({
                     p: "$4 $8"
                   }
                 },
-                /* @__PURE__ */ import_react195.default.createElement(HMSVideoPlayer.Controls.Left, null, !(isMobile || isLandscape) && /* @__PURE__ */ import_react195.default.createElement(import_react195.default.Fragment, null, ((_e = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _e.playlist_type) === import_react_sdk97.HLSPlaylistType.DVR ? /* @__PURE__ */ import_react195.default.createElement(import_react195.default.Fragment, null, /* @__PURE__ */ import_react195.default.createElement(
+                /* @__PURE__ */ import_react195.default.createElement(HMSVideoPlayer.Controls.Left, null, !(isMobile || isLandscape) && /* @__PURE__ */ import_react195.default.createElement(import_react195.default.Fragment, null, ((_e = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _e.playlist_type) === import_react_sdk98.HLSPlaylistType.DVR ? /* @__PURE__ */ import_react195.default.createElement(import_react195.default.Fragment, null, /* @__PURE__ */ import_react195.default.createElement(
                   HMSVideoPlayer.Seeker,
                   {
                     onClick: () => {
@@ -32135,7 +32097,7 @@ var init_HLSView = __esm({
                     },
                     isVideoLive ? "LIVE" : "GO LIVE"
                   )))
-                ), (isMobile || isLandscape) && !isVideoLive && ((_f = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _f.playlist_type) === import_react_sdk97.HLSPlaylistType.DVR ? /* @__PURE__ */ import_react195.default.createElement(HMSVideoPlayer.Duration, null) : null),
+                ), (isMobile || isLandscape) && !isVideoLive && ((_f = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _f.playlist_type) === import_react_sdk98.HLSPlaylistType.DVR ? /* @__PURE__ */ import_react195.default.createElement(HMSVideoPlayer.Duration, null) : null),
                 /* @__PURE__ */ import_react195.default.createElement(HMSVideoPlayer.Controls.Right, null, hasCaptions && !(isMobile || isLandscape) && /* @__PURE__ */ import_react195.default.createElement(HLSCaptionSelector, { isEnabled: isCaptionEnabled }), availableLayers.length > 0 && !(isMobile || isLandscape) ? /* @__PURE__ */ import_react195.default.createElement(
                   HLSQualitySelector,
                   {
@@ -32160,14 +32122,14 @@ var init_HLSView = __esm({
 });
 
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
-var import_react196, import_ts_pattern12, import_react_sdk98, HLSView2, VideoStreamingSection;
+var import_react196, import_ts_pattern12, import_react_sdk99, HLSView2, VideoStreamingSection;
 var init_VideoStreamingSection = __esm({
   "src/Prebuilt/layouts/VideoStreamingSection.tsx"() {
     "use strict";
     init_define_process_env();
     import_react196 = __toESM(require("react"));
     import_ts_pattern12 = require("ts-pattern");
-    import_react_sdk98 = require("@100mslive/react-sdk");
+    import_react_sdk99 = require("@100mslive/react-sdk");
     init_FullPageProgress();
     init_GridLayout();
     init_Layout();
@@ -32186,11 +32148,11 @@ var init_VideoStreamingSection = __esm({
       hideControls = false
     }) => {
       var _a8, _b7, _c, _d;
-      const localPeerRole = (0, import_react_sdk98.useHMSStore)(import_react_sdk98.selectLocalPeerRoleName);
-      const isConnected = (0, import_react_sdk98.useHMSStore)(import_react_sdk98.selectIsConnectedToRoom);
-      const peerSharing = (0, import_react_sdk98.useHMSStore)(import_react_sdk98.selectPeerScreenSharing);
-      const isWhiteboardOpen = (_a8 = (0, import_react_sdk98.useHMSStore)(import_react_sdk98.selectWhiteboard)) == null ? void 0 : _a8.open;
-      const hmsActions = (0, import_react_sdk98.useHMSActions)();
+      const localPeerRole = (0, import_react_sdk99.useHMSStore)(import_react_sdk99.selectLocalPeerRoleName);
+      const isConnected = (0, import_react_sdk99.useHMSStore)(import_react_sdk99.selectIsConnectedToRoom);
+      const peerSharing = (0, import_react_sdk99.useHMSStore)(import_react_sdk99.selectPeerScreenSharing);
+      const isWhiteboardOpen = (_a8 = (0, import_react_sdk99.useHMSStore)(import_react_sdk99.selectWhiteboard)) == null ? void 0 : _a8.open;
+      const hmsActions = (0, import_react_sdk99.useHMSActions)();
       const waitingViewerRole = useWaitingViewerRole();
       const urlToIframe = useUrlToEmbed();
       const pdfAnnotatorActive = usePDFConfig();
@@ -32303,13 +32265,13 @@ var init_RoomDetailsHeader = __esm({
 });
 
 // src/Prebuilt/components/Header/common.jsx
-var import_react198, import_react_sdk99, import_react_icons95, CamaraFlipActions, AudioActions, AudioSelectionSheet, SelectWithLabel;
+var import_react198, import_react_sdk100, import_react_icons95, CamaraFlipActions, AudioActions, AudioSelectionSheet, SelectWithLabel;
 var init_common2 = __esm({
   "src/Prebuilt/components/Header/common.jsx"() {
     "use strict";
     init_define_process_env();
     import_react198 = __toESM(require("react"));
-    import_react_sdk99 = require("@100mslive/react-sdk");
+    import_react_sdk100 = require("@100mslive/react-sdk");
     import_react_icons95 = require("@100mslive/react-icons");
     init_Divider2();
     init_Label2();
@@ -32319,12 +32281,12 @@ var init_common2 = __esm({
     init_IconButton3();
     init_ToastManager();
     CamaraFlipActions = () => {
-      const actions = (0, import_react_sdk99.useHMSActions)();
-      const { allDevices } = (0, import_react_sdk99.useDevices)();
+      const actions = (0, import_react_sdk100.useHMSActions)();
+      const { allDevices } = (0, import_react_sdk100.useDevices)();
       const { videoInput } = allDevices;
-      const isVideoOn = (0, import_react_sdk99.useHMSStore)(import_react_sdk99.selectIsLocalVideoEnabled);
-      const videoTrackId = (0, import_react_sdk99.useHMSStore)(import_react_sdk99.selectLocalVideoTrackID);
-      const localVideoTrack = (0, import_react_sdk99.useHMSStore)((0, import_react_sdk99.selectVideoTrackByID)(videoTrackId));
+      const isVideoOn = (0, import_react_sdk100.useHMSStore)(import_react_sdk100.selectIsLocalVideoEnabled);
+      const videoTrackId = (0, import_react_sdk100.useHMSStore)(import_react_sdk100.selectLocalVideoTrackID);
+      const localVideoTrack = (0, import_react_sdk100.useHMSStore)((0, import_react_sdk100.selectVideoTrackByID)(videoTrackId));
       if (!videoInput || !(videoInput == null ? void 0 : videoInput.length) || !(localVideoTrack == null ? void 0 : localVideoTrack.facingMode)) {
         return null;
       }
@@ -32347,7 +32309,7 @@ var init_common2 = __esm({
       ));
     };
     AudioActions = () => {
-      const { allDevices, selectedDeviceIDs, updateDevice } = (0, import_react_sdk99.useDevices)();
+      const { allDevices, selectedDeviceIDs, updateDevice } = (0, import_react_sdk100.useDevices)();
       const shouldShowAudioOutput = "setSinkId" in HTMLMediaElement.prototype;
       const { audioInput, audioOutput } = allDevices;
       let availableAudioDevices = audioInput;
@@ -32356,7 +32318,7 @@ var init_common2 = __esm({
         availableAudioDevices = audioOutput;
         selectedAudio = selectedDeviceIDs.audioOutput;
       }
-      const hmsActions = (0, import_react_sdk99.useHMSActions)();
+      const hmsActions = (0, import_react_sdk100.useHMSActions)();
       const audioFiltered = availableAudioDevices == null ? void 0 : availableAudioDevices.find((item) => !!item.label);
       const currentSelection = availableAudioDevices == null ? void 0 : availableAudioDevices.find((item) => item.deviceId === selectedAudio);
       if (!audioFiltered) {
@@ -32377,7 +32339,7 @@ var init_common2 = __esm({
             try {
               yield updateDevice({
                 deviceId,
-                deviceType: shouldShowAudioOutput ? import_react_sdk99.DeviceType.audioOutput : import_react_sdk99.DeviceType.audioInput
+                deviceType: shouldShowAudioOutput ? import_react_sdk100.DeviceType.audioOutput : import_react_sdk100.DeviceType.audioInput
               });
             } catch (e) {
               ToastManager.addToast({
@@ -32461,23 +32423,23 @@ var init_common2 = __esm({
 });
 
 // src/Prebuilt/components/Header/Header.tsx
-var import_react199, import_react_use45, import_react_sdk100, Header2;
+var import_react199, import_react_use45, import_react_sdk101, Header2;
 var init_Header = __esm({
   "src/Prebuilt/components/Header/Header.tsx"() {
     "use strict";
     init_define_process_env();
     import_react199 = __toESM(require("react"));
     import_react_use45 = require("react-use");
-    import_react_sdk100 = require("@100mslive/react-sdk");
+    import_react_sdk101 = require("@100mslive/react-sdk");
     init_src();
     init_HeaderComponents();
     init_RoomDetailsHeader();
     init_StreamActions();
     init_common2();
     Header2 = () => {
-      const roomState = (0, import_react_sdk100.useHMSStore)(import_react_sdk100.selectRoomState);
+      const roomState = (0, import_react_sdk101.useHMSStore)(import_react_sdk101.selectRoomState);
       const isMobile = (0, import_react_use45.useMedia)(config.media.md);
-      if (roomState !== import_react_sdk100.HMSRoomState.Connected) {
+      if (roomState !== import_react_sdk101.HMSRoomState.Connected) {
         return /* @__PURE__ */ import_react199.default.createElement(import_react199.default.Fragment, null);
       }
       return /* @__PURE__ */ import_react199.default.createElement(Flex, { justify: "between", align: "center", css: { position: "relative", height: "100%" } }, /* @__PURE__ */ import_react199.default.createElement(Flex, { align: "center", gap: "2", css: { position: "absolute", left: "$10" } }, /* @__PURE__ */ import_react199.default.createElement(Logo, null), /* @__PURE__ */ import_react199.default.createElement(RoomDetailsHeader, null), /* @__PURE__ */ import_react199.default.createElement(SpeakerTag, null), isMobile && /* @__PURE__ */ import_react199.default.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ import_react199.default.createElement(LiveStatus, null), /* @__PURE__ */ import_react199.default.createElement(RecordingStatus, null), /* @__PURE__ */ import_react199.default.createElement(RecordingPauseStatus, null))), /* @__PURE__ */ import_react199.default.createElement(
@@ -32507,25 +32469,25 @@ var init_Header2 = __esm({
 });
 
 // src/Prebuilt/components/PreviousRoleInMetadata.tsx
-var import_react200, import_react_sdk101, PreviousRoleInMetadata;
+var import_react200, import_react_sdk102, PreviousRoleInMetadata;
 var init_PreviousRoleInMetadata = __esm({
   "src/Prebuilt/components/PreviousRoleInMetadata.tsx"() {
     "use strict";
     init_define_process_env();
     import_react200 = require("react");
-    import_react_sdk101 = require("@100mslive/react-sdk");
+    import_react_sdk102 = require("@100mslive/react-sdk");
     init_useMetadata();
     PreviousRoleInMetadata = () => {
-      const vanillaStore = (0, import_react_sdk101.useHMSVanillaStore)();
+      const vanillaStore = (0, import_react_sdk102.useHMSVanillaStore)();
       const { updateMetaData } = useMyMetadata();
       (0, import_react200.useEffect)(() => {
-        let previousRole = vanillaStore.getState(import_react_sdk101.selectLocalPeerRoleName);
+        let previousRole = vanillaStore.getState(import_react_sdk102.selectLocalPeerRoleName);
         const unsubscribe = vanillaStore.subscribe((currentRole) => {
           if (previousRole !== currentRole && currentRole) {
             updateMetaData({ prevRole: previousRole });
             previousRole = currentRole;
           }
-        }, import_react_sdk101.selectLocalPeerRoleName);
+        }, import_react_sdk102.selectLocalPeerRoleName);
         return unsubscribe;
       }, [vanillaStore]);
       return null;
@@ -32534,14 +32496,14 @@ var init_PreviousRoleInMetadata = __esm({
 });
 
 // src/Prebuilt/components/ConferenceScreen.tsx
-var import_react201, import_uuid12, import_react_sdk102, ConferenceScreen;
+var import_react201, import_uuid12, import_react_sdk103, ConferenceScreen;
 var init_ConferenceScreen = __esm({
   "src/Prebuilt/components/ConferenceScreen.tsx"() {
     "use strict";
     init_define_process_env();
     import_react201 = __toESM(require("react"));
     import_uuid12 = require("uuid");
-    import_react_sdk102 = require("@100mslive/react-sdk");
+    import_react_sdk103 = require("@100mslive/react-sdk");
     init_Footer3();
     init_MoreSettings();
     init_HLSFailureModal();
@@ -32565,17 +32527,19 @@ var init_ConferenceScreen = __esm({
       const { userName, endpoints, onJoin: onJoinFunc } = useHMSPrebuiltContext();
       const screenProps = useRoomLayoutConferencingScreen();
       const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
-      const roomState = (0, import_react_sdk102.useHMSStore)(import_react_sdk102.selectRoomState);
-      const isConnectedToRoom = (0, import_react_sdk102.useHMSStore)(import_react_sdk102.selectIsConnectedToRoom);
-      const hmsActions = (0, import_react_sdk102.useHMSActions)();
+      const roomState = (0, import_react_sdk103.useHMSStore)(import_react_sdk103.selectRoomState);
+      const isConnectedToRoom = (0, import_react_sdk103.useHMSStore)(import_react_sdk103.selectIsConnectedToRoom);
+      const hmsActions = (0, import_react_sdk103.useHMSActions)();
       const [hideControls, setHideControls] = (0, import_react201.useState)(false);
-      const dropdownList = (0, import_react_sdk102.useHMSStore)((0, import_react_sdk102.selectAppData)(APP_DATA.dropdownList));
+      const dropdownList = (0, import_react_sdk103.useHMSStore)((0, import_react_sdk103.selectAppData)(APP_DATA.dropdownList));
       const authTokenInAppData = useAuthToken();
       const headerRef = (0, import_react201.useRef)(null);
       const footerRef = (0, import_react201.useRef)(null);
       const isMobileDevice = isAndroid || isIOS || isIPadOS;
       const dropdownListRef = (0, import_react201.useRef)();
       const [isHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
+      const { toggleAudio, toggleVideo } = (0, import_react_sdk103.useAVToggle)();
+      const noAVPermissions = !(toggleAudio || toggleVideo);
       const showChat = !!((_a8 = screenProps.elements) == null ? void 0 : _a8.chat);
       const autoRoomJoined = (0, import_react201.useRef)(isPreviewScreenEnabled);
       const isMobileHLSStream = useMobileHLSStream();
@@ -32603,7 +32567,7 @@ var init_ConferenceScreen = __esm({
         };
       }, [dropdownList, hideControls, isMobileDevice]);
       (0, import_react201.useEffect)(() => {
-        if (authTokenInAppData && !isConnectedToRoom && !isPreviewScreenEnabled && roomState !== import_react_sdk102.HMSRoomState.Connecting && !autoRoomJoined.current) {
+        if (authTokenInAppData && !isConnectedToRoom && !isPreviewScreenEnabled && roomState !== import_react_sdk103.HMSRoomState.Connecting && !autoRoomJoined.current) {
           hmsActions.join({
             userName: userName || (0, import_uuid12.v4)(),
             authToken: authTokenInAppData,
@@ -32623,8 +32587,8 @@ var init_ConferenceScreen = __esm({
           PictureInPicture.stop().catch((error) => console.error("stopping pip", error.message));
         };
       }, [onJoinFunc]);
-      if (!isConnectedToRoom && ![import_react_sdk102.HMSRoomState.Reconnecting, import_react_sdk102.HMSRoomState.Disconnected].includes(roomState)) {
-        return /* @__PURE__ */ import_react201.default.createElement(FullPageProgress_default, { text: roomState === import_react_sdk102.HMSRoomState.Connecting ? "Joining..." : "" });
+      if (!isConnectedToRoom && ![import_react_sdk103.HMSRoomState.Reconnecting, import_react_sdk103.HMSRoomState.Disconnected].includes(roomState)) {
+        return /* @__PURE__ */ import_react201.default.createElement(FullPageProgress_default, { text: roomState === import_react_sdk103.HMSRoomState.Connecting ? "Joining..." : "" });
       }
       const hideControlsForStreaming = isMwebHLSStream ? true : hideControls;
       return /* @__PURE__ */ import_react201.default.createElement(import_react201.default.Fragment, null, isHLSStarted ? /* @__PURE__ */ import_react201.default.createElement(Box, { css: { position: "fixed", zIndex: 100, w: "100%", h: "100%", left: 0, top: 0 } }, /* @__PURE__ */ import_react201.default.createElement(FullPageProgress_default, { text: "Starting live stream...", css: { opacity: 0.8, bg: "$background_dim" } })) : null, /* @__PURE__ */ import_react201.default.createElement(Flex, { css: { size: "100%", overflow: "hidden" }, direction: "column" }, !(screenProps.hideSections.includes("header") || isMwebHLSStream) && /* @__PURE__ */ import_react201.default.createElement(
@@ -32699,7 +32663,7 @@ var init_ConferenceScreen = __esm({
           justify: "end",
           gap: "2"
         },
-        /* @__PURE__ */ import_react201.default.createElement(RaiseHand, null),
+        noAVPermissions ? /* @__PURE__ */ import_react201.default.createElement(RaiseHand, null) : null,
         /* @__PURE__ */ import_react201.default.createElement(MoreSettings, { elements: screenProps.elements, screenType: screenProps.screenType }),
         /* @__PURE__ */ import_react201.default.createElement(
           Box,
@@ -32810,7 +32774,7 @@ var init_ErrorBoundary = __esm({
 
 // src/Prebuilt/services/FeatureFlags.jsx
 function FeatureFlagsInit() {
-  const roomId = (0, import_react_sdk103.useHMSStore)(import_react_sdk103.selectRoomID);
+  const roomId = (0, import_react_sdk104.useHMSStore)(import_react_sdk104.selectRoomID);
   (0, import_react203.useEffect)(() => {
     if (roomId) {
       FeatureFlags.init(roomId);
@@ -32818,13 +32782,13 @@ function FeatureFlagsInit() {
   }, [roomId]);
   return null;
 }
-var import_react203, import_react_sdk103, FeatureFlags;
+var import_react203, import_react_sdk104, FeatureFlags;
 var init_FeatureFlags = __esm({
   "src/Prebuilt/services/FeatureFlags.jsx"() {
     "use strict";
     init_define_process_env();
     import_react203 = require("react");
-    import_react_sdk103 = require("@100mslive/react-sdk");
+    import_react_sdk104 = require("@100mslive/react-sdk");
     FeatureFlags = class {
       static init(roomId) {
         if (!window.HMS) {
@@ -32882,13 +32846,13 @@ var init_Init = __esm({
 });
 
 // src/Prebuilt/components/Input/KeyboardInputManager.js
-var import_react205, import_react_sdk104, isEvenListenersAttached, _actions, _store, _toggleAudio, _toggleVideo, _hideSidepane, _toggleStatsForNerds, _toggleHlsStats, _keyDownHandler, _bind, _unbind, KeyboardInputManager, KeyboardHandler;
+var import_react205, import_react_sdk105, isEvenListenersAttached, _actions, _store, _toggleAudio, _toggleVideo, _hideSidepane, _toggleStatsForNerds, _toggleHlsStats, _keyDownHandler, _bind, _unbind, KeyboardInputManager, KeyboardHandler;
 var init_KeyboardInputManager = __esm({
   "src/Prebuilt/components/Input/KeyboardInputManager.js"() {
     "use strict";
     init_define_process_env();
     import_react205 = require("react");
-    import_react_sdk104 = require("@100mslive/react-sdk");
+    import_react_sdk105 = require("@100mslive/react-sdk");
     init_constants();
     isEvenListenersAttached = false;
     KeyboardInputManager = class {
@@ -32896,27 +32860,27 @@ var init_KeyboardInputManager = __esm({
         __privateAdd(this, _actions, void 0);
         __privateAdd(this, _store, void 0);
         __privateAdd(this, _toggleAudio, () => __async(this, null, function* () {
-          const enabled = __privateGet(this, _store).getState(import_react_sdk104.selectIsLocalAudioEnabled);
+          const enabled = __privateGet(this, _store).getState(import_react_sdk105.selectIsLocalAudioEnabled);
           yield __privateGet(this, _actions).setLocalAudioEnabled(!enabled);
         }));
         __privateAdd(this, _toggleVideo, () => __async(this, null, function* () {
-          const enabled = __privateGet(this, _store).getState(import_react_sdk104.selectIsLocalVideoEnabled);
+          const enabled = __privateGet(this, _store).getState(import_react_sdk105.selectIsLocalVideoEnabled);
           yield __privateGet(this, _actions).setLocalVideoEnabled(!enabled);
         }));
         __privateAdd(this, _hideSidepane, () => {
-          if (__privateGet(this, _store).getState((0, import_react_sdk104.selectAppData)(APP_DATA.sidePane))) {
+          if (__privateGet(this, _store).getState((0, import_react_sdk105.selectAppData)(APP_DATA.sidePane))) {
             __privateGet(this, _actions).setAppData(APP_DATA.sidePane, "");
           }
         });
         __privateAdd(this, _toggleStatsForNerds, () => {
-          const uiSettings = __privateGet(this, _store).getState((0, import_react_sdk104.selectAppData)(APP_DATA.uiSettings));
+          const uiSettings = __privateGet(this, _store).getState((0, import_react_sdk105.selectAppData)(APP_DATA.uiSettings));
           const statsEnabled = uiSettings.showStatsOnTiles;
           __privateGet(this, _actions).setAppData(APP_DATA.uiSettings, __spreadProps(__spreadValues({}, uiSettings), {
             showStatsOnTiles: !statsEnabled
           }));
         });
         __privateAdd(this, _toggleHlsStats, () => {
-          __privateGet(this, _actions).setAppData(APP_DATA.hlsStats, !__privateGet(this, _store).getState((0, import_react_sdk104.selectAppData)(APP_DATA.hlsStats)));
+          __privateGet(this, _actions).setAppData(APP_DATA.hlsStats, !__privateGet(this, _store).getState((0, import_react_sdk105.selectAppData)(APP_DATA.hlsStats)));
         });
         // eslint-disable-next-line complexity
         __privateAdd(this, _keyDownHandler, (e) => __async(this, null, function* () {
@@ -32974,8 +32938,8 @@ var init_KeyboardInputManager = __esm({
     _bind = new WeakMap();
     _unbind = new WeakMap();
     KeyboardHandler = () => {
-      const store = (0, import_react_sdk104.useHMSVanillaStore)();
-      const actions = (0, import_react_sdk104.useHMSActions)();
+      const store = (0, import_react_sdk105.useHMSVanillaStore)();
+      const actions = (0, import_react_sdk105.useHMSActions)();
       (0, import_react205.useEffect)(() => {
         const keyboardManager = new KeyboardInputManager(store, actions);
         keyboardManager.bindAllShortcuts();
@@ -33014,14 +32978,14 @@ var init_useRedirectToLeave = __esm({
 });
 
 // src/Prebuilt/AppStateContext.tsx
-var import_react207, import_react_use46, import_react_sdk105, AppStateContext, useHMSAppStateContext, useAppStateManager;
+var import_react207, import_react_use46, import_react_sdk106, AppStateContext, useHMSAppStateContext, useAppStateManager;
 var init_AppStateContext = __esm({
   "src/Prebuilt/AppStateContext.tsx"() {
     "use strict";
     init_define_process_env();
     import_react207 = __toESM(require("react"));
     import_react_use46 = require("react-use");
-    import_react_sdk105 = require("@100mslive/react-sdk");
+    import_react_sdk106 = require("@100mslive/react-sdk");
     init_VBHandler();
     init_roomLayoutProvider();
     init_useRedirectToLeave();
@@ -33042,7 +33006,7 @@ var init_AppStateContext = __esm({
     useAppStateManager = () => {
       const roomLayout = useRoomLayout();
       const [activeState, setActiveState] = import_react207.default.useState();
-      const roomState = (0, import_react_sdk105.useHMSStore)(import_react_sdk105.selectRoomState);
+      const roomState = (0, import_react_sdk106.useHMSStore)(import_react_sdk106.selectRoomState);
       const prevRoomState = (0, import_react_use46.usePreviousDistinct)(roomState);
       const { isLeaveScreenEnabled } = useRoomLayoutLeaveScreen();
       const { isPreviewScreenEnabled } = useRoomLayoutPreviewScreen();
@@ -33054,14 +33018,14 @@ var init_AppStateContext = __esm({
         if (!roomLayout) {
           return;
         }
-        if (roomState === import_react_sdk105.HMSRoomState.Connected) {
+        if (roomState === import_react_sdk106.HMSRoomState.Connected) {
           setActiveState("meeting" /* MEETING */);
-        } else if (prevRoomState && [import_react_sdk105.HMSRoomState.Reconnecting, import_react_sdk105.HMSRoomState.Connected, import_react_sdk105.HMSRoomState.Connecting].includes(prevRoomState) && [import_react_sdk105.HMSRoomState.Disconnecting, import_react_sdk105.HMSRoomState.Disconnected].includes(roomState)) {
+        } else if (prevRoomState && [import_react_sdk106.HMSRoomState.Reconnecting, import_react_sdk106.HMSRoomState.Connected, import_react_sdk106.HMSRoomState.Connecting].includes(prevRoomState) && [import_react_sdk106.HMSRoomState.Disconnecting, import_react_sdk106.HMSRoomState.Disconnected].includes(roomState)) {
           const goTo = isPreviewScreenEnabled ? "preview" /* PREVIEW */ : "meeting" /* MEETING */;
           setActiveState(isLeaveScreenEnabled ? "leave" /* LEAVE */ : goTo);
           VBHandler.reset();
           redirectToLeave(1e3);
-        } else if (!prevRoomState && roomState === import_react_sdk105.HMSRoomState.Disconnected) {
+        } else if (!prevRoomState && roomState === import_react_sdk106.HMSRoomState.Disconnected) {
           setActiveState(isPreviewScreenEnabled ? "preview" /* PREVIEW */ : "meeting" /* MEETING */);
         }
       }, [roomLayout, roomState, isLeaveScreenEnabled, isPreviewScreenEnabled, prevRoomState, redirectToLeave]);
@@ -33196,7 +33160,7 @@ var init_MwebLandscapePrompt = __esm({
 
 // src/Prebuilt/components/Notifications/AutoplayBlockedModal.tsx
 function AutoplayBlockedModal() {
-  const { error, resetError, unblockAudio } = (0, import_react_sdk106.useAutoplayError)();
+  const { error, resetError, unblockAudio } = (0, import_react_sdk107.useAutoplayError)();
   return /* @__PURE__ */ import_react210.default.createElement(
     Dialog.Root,
     {
@@ -33221,33 +33185,33 @@ function AutoplayBlockedModal() {
     )))
   );
 }
-var import_react210, import_react_sdk106;
+var import_react210, import_react_sdk107;
 var init_AutoplayBlockedModal = __esm({
   "src/Prebuilt/components/Notifications/AutoplayBlockedModal.tsx"() {
     "use strict";
     init_define_process_env();
     import_react210 = __toESM(require("react"));
-    import_react_sdk106 = require("@100mslive/react-sdk");
+    import_react_sdk107 = require("@100mslive/react-sdk");
     init_src();
     init_DialogContent2();
   }
 });
 
 // src/Prebuilt/components/Notifications/ChatNotifications.tsx
-var import_react211, import_uuid13, import_react_sdk107, import_react_icons99, NOTIFICATION_TIME_DIFFERENCE, ChatNotifications;
+var import_react211, import_uuid13, import_react_sdk108, import_react_icons99, NOTIFICATION_TIME_DIFFERENCE, ChatNotifications;
 var init_ChatNotifications = __esm({
   "src/Prebuilt/components/Notifications/ChatNotifications.tsx"() {
     "use strict";
     init_define_process_env();
     import_react211 = __toESM(require("react"));
     import_uuid13 = require("uuid");
-    import_react_sdk107 = require("@100mslive/react-sdk");
+    import_react_sdk108 = require("@100mslive/react-sdk");
     import_react_icons99 = require("@100mslive/react-icons");
     init_ToastManager();
     NOTIFICATION_TIME_DIFFERENCE = 5e3;
     ChatNotifications = () => {
-      const chatState = (0, import_react_sdk107.useHMSStore)((0, import_react_sdk107.selectSessionStore)("chatState" /* CHAT_STATE */));
-      const localPeerId = (0, import_react_sdk107.useHMSStore)(import_react_sdk107.selectLocalPeerID);
+      const chatState = (0, import_react_sdk108.useHMSStore)((0, import_react_sdk108.selectSessionStore)("chatState" /* CHAT_STATE */));
+      const localPeerId = (0, import_react_sdk108.useHMSStore)(import_react_sdk108.selectLocalPeerID);
       (0, import_react211.useEffect)(() => {
         var _a8, _b7;
         if (!chatState || ((_a8 = chatState.updatedBy) == null ? void 0 : _a8.peerId) === localPeerId) {
@@ -33270,19 +33234,19 @@ var init_ChatNotifications = __esm({
 });
 
 // src/Prebuilt/components/Toast/ToastConfig.jsx
-var import_react212, import_react_sdk108, import_react_icons100, ChatAction, HandRaiseAction, ToastConfig;
+var import_react212, import_react_sdk109, import_react_icons100, ChatAction, HandRaiseAction, ToastConfig;
 var init_ToastConfig = __esm({
   "src/Prebuilt/components/Toast/ToastConfig.jsx"() {
     "use strict";
     init_define_process_env();
     import_react212 = __toESM(require("react"));
-    import_react_sdk108 = require("@100mslive/react-sdk");
+    import_react_sdk109 = require("@100mslive/react-sdk");
     import_react_icons100 = require("@100mslive/react-icons");
     init_Button2();
     init_roomLayoutProvider();
     init_useSidepane();
     init_constants();
-    ChatAction = import_react212.default.forwardRef((_2, ref) => {
+    ChatAction = import_react212.default.forwardRef((_, ref) => {
       const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
       const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
       if (isChatOpen) {
@@ -33292,10 +33256,10 @@ var init_ToastConfig = __esm({
     });
     HandRaiseAction = import_react212.default.forwardRef(({ id = "", isSingleHandRaise = true }, ref) => {
       var _a8, _b7, _c;
-      const hmsActions = (0, import_react_sdk108.useHMSActions)();
+      const hmsActions = (0, import_react_sdk109.useHMSActions)();
       const toggleSidepane = useSidepaneToggle(SIDE_PANE_OPTIONS.PARTICIPANTS);
       const isParticipantsOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.PARTICIPANTS);
-      const peer = (0, import_react_sdk108.useHMSStore)((0, import_react_sdk108.selectPeerByID)(id));
+      const peer = (0, import_react_sdk109.useHMSStore)((0, import_react_sdk109.selectPeerByID)(id));
       const layout = useRoomLayout();
       const {
         bring_to_stage_label,
@@ -33533,21 +33497,21 @@ var init_ToastBatcher = __esm({
 });
 
 // src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx
-var import_react213, import_react_sdk109, HandRaisedNotifications;
+var import_react213, import_react_sdk110, HandRaisedNotifications;
 var init_HandRaisedNotifications = __esm({
   "src/Prebuilt/components/Notifications/HandRaisedNotifications.tsx"() {
     "use strict";
     init_define_process_env();
     import_react213 = require("react");
-    import_react_sdk109 = require("@100mslive/react-sdk");
+    import_react_sdk110 = require("@100mslive/react-sdk");
     init_ToastBatcher();
     init_useRoomLayoutScreen();
     init_useUISettings();
     init_constants();
     HandRaisedNotifications = () => {
-      const notification = (0, import_react_sdk109.useHMSNotifications)(import_react_sdk109.HMSNotificationTypes.HAND_RAISE_CHANGED);
-      const roomState = (0, import_react_sdk109.useHMSStore)(import_react_sdk109.selectRoomState);
-      const vanillaStore = (0, import_react_sdk109.useHMSVanillaStore)();
+      const notification = (0, import_react_sdk110.useHMSNotifications)(import_react_sdk110.HMSNotificationTypes.HAND_RAISE_CHANGED);
+      const roomState = (0, import_react_sdk110.useHMSStore)(import_react_sdk110.selectRoomState);
+      const vanillaStore = (0, import_react_sdk110.useHMSVanillaStore)();
       const { on_stage_exp } = useRoomLayoutConferencingScreen().elements || {};
       const isSubscribing = !!useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.METADATA_UPDATED);
       (0, import_react213.useEffect)(() => {
@@ -33555,11 +33519,11 @@ var init_HandRaisedNotifications = __esm({
         if (!(notification == null ? void 0 : notification.data)) {
           return;
         }
-        if (roomState !== import_react_sdk109.HMSRoomState.Connected || notification.data.isLocal || !isSubscribing) {
+        if (roomState !== import_react_sdk110.HMSRoomState.Connected || notification.data.isLocal || !isSubscribing) {
           return;
         }
-        const hasPeerHandRaised = vanillaStore.getState((0, import_react_sdk109.selectHasPeerHandRaised)(notification.data.id));
-        const peer = vanillaStore.getState((0, import_react_sdk109.selectPeerByID)(notification.data.id));
+        const hasPeerHandRaised = vanillaStore.getState((0, import_react_sdk110.selectHasPeerHandRaised)(notification.data.id));
+        const peer = vanillaStore.getState((0, import_react_sdk110.selectPeerByID)(notification.data.id));
         if (hasPeerHandRaised) {
           const showCTA = (peer == null ? void 0 : peer.roleName) && ((_a8 = (on_stage_exp == null ? void 0 : on_stage_exp.off_stage_roles) || []) == null ? void 0 : _a8.includes(peer.roleName));
           ToastBatcher.showToast({ notification, type: showCTA ? "RAISE_HAND_HLS" : "RAISE_HAND" });
@@ -33572,17 +33536,17 @@ var init_HandRaisedNotifications = __esm({
 });
 
 // src/Prebuilt/components/Notifications/InitErrorModal.tsx
-var import_react214, import_react_sdk110, InitErrorModal;
+var import_react214, import_react_sdk111, InitErrorModal;
 var init_InitErrorModal = __esm({
   "src/Prebuilt/components/Notifications/InitErrorModal.tsx"() {
     "use strict";
     init_define_process_env();
     import_react214 = __toESM(require("react"));
-    import_react_sdk110 = require("@100mslive/react-sdk");
+    import_react_sdk111 = require("@100mslive/react-sdk");
     init_src();
     init_DialogContent2();
     InitErrorModal = () => {
-      const notification = (0, import_react_sdk110.useHMSNotifications)(import_react_sdk110.HMSNotificationTypes.ERROR);
+      const notification = (0, import_react_sdk111.useHMSNotifications)(import_react_sdk111.HMSNotificationTypes.ERROR);
       const [showModal, setShowModal] = (0, import_react214.useState)(false);
       const [info, setInfo] = (0, import_react214.useState)({ title: "Init Error", description: "" });
       (0, import_react214.useEffect)(() => {
@@ -33611,23 +33575,23 @@ var init_InitErrorModal = __esm({
 });
 
 // src/Prebuilt/components/Notifications/PeerNotifications.tsx
-var import_react215, import_react_sdk111, notificationTypes, PeerNotifications;
+var import_react215, import_react_sdk112, notificationTypes, PeerNotifications;
 var init_PeerNotifications = __esm({
   "src/Prebuilt/components/Notifications/PeerNotifications.tsx"() {
     "use strict";
     init_define_process_env();
     import_react215 = require("react");
-    import_react_sdk111 = require("@100mslive/react-sdk");
+    import_react_sdk112 = require("@100mslive/react-sdk");
     init_ToastBatcher();
     init_useUISettings();
     init_constants();
     notificationTypes = [
-      import_react_sdk111.HMSNotificationTypes.PEER_LIST,
-      import_react_sdk111.HMSNotificationTypes.PEER_JOINED,
-      import_react_sdk111.HMSNotificationTypes.PEER_LEFT
+      import_react_sdk112.HMSNotificationTypes.PEER_LIST,
+      import_react_sdk112.HMSNotificationTypes.PEER_JOINED,
+      import_react_sdk112.HMSNotificationTypes.PEER_LEFT
     ];
     PeerNotifications = () => {
-      const notification = (0, import_react_sdk111.useHMSNotifications)(notificationTypes);
+      const notification = (0, import_react_sdk112.useHMSNotifications)(notificationTypes);
       const isPeerJoinSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_JOINED);
       const isPeerLeftSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_LEFT);
       const [selectedPeer, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
@@ -33637,17 +33601,17 @@ var init_PeerNotifications = __esm({
         }
         console.debug(`[${notification.type}]`, notification);
         switch (notification.type) {
-          case import_react_sdk111.HMSNotificationTypes.PEER_LIST:
+          case import_react_sdk112.HMSNotificationTypes.PEER_LIST:
             if (!isPeerJoinSubscribed || notification.data.length === 0) {
               return;
             }
             break;
-          case import_react_sdk111.HMSNotificationTypes.PEER_JOINED:
+          case import_react_sdk112.HMSNotificationTypes.PEER_JOINED:
             if (!isPeerJoinSubscribed) {
               return;
             }
             break;
-          case import_react_sdk111.HMSNotificationTypes.PEER_LEFT:
+          case import_react_sdk112.HMSNotificationTypes.PEER_LEFT:
             if (selectedPeer.id === notification.data.id) {
               setPeerSelector({});
             }
@@ -33683,7 +33647,7 @@ var init_ios_perm_0 = __esm({
 
 // src/Prebuilt/components/Notifications/PermissionErrorModal.tsx
 function PermissionErrorModal() {
-  const notification = (0, import_react_sdk112.useHMSNotifications)(import_react_sdk112.HMSNotificationTypes.ERROR);
+  const notification = (0, import_react_sdk113.useHMSNotifications)(import_react_sdk113.HMSNotificationTypes.ERROR);
   const [deviceType, setDeviceType] = (0, import_react216.useState)("");
   const [isSystemError, setIsSystemError] = (0, import_react216.useState)(false);
   const isMobile = (0, import_react_use48.useMedia)(config.media.md);
@@ -33742,14 +33706,14 @@ function PermissionErrorModal() {
     !isMobile ? /* @__PURE__ */ import_react216.default.createElement(Flex, { justify: "end", css: { w: "100%" } }, /* @__PURE__ */ import_react216.default.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType("") }, "Dismiss")) : null
   ))) : null;
 }
-var import_react216, import_react_use48, import_react_sdk112;
+var import_react216, import_react_use48, import_react_sdk113;
 var init_PermissionErrorModal = __esm({
   "src/Prebuilt/components/Notifications/PermissionErrorModal.tsx"() {
     "use strict";
     init_define_process_env();
     import_react216 = __toESM(require("react"));
     import_react_use48 = require("react-use");
-    import_react_sdk112 = require("@100mslive/react-sdk");
+    import_react_sdk113 = require("@100mslive/react-sdk");
     init_src();
     init_android_perm_1();
     init_ios_perm_0();
@@ -33758,36 +33722,36 @@ var init_PermissionErrorModal = __esm({
 });
 
 // src/Prebuilt/components/Notifications/ReconnectNotifications.tsx
-var import_react217, import_react_sdk113, notificationTypes2, notificationId, ReconnectNotifications;
+var import_react217, import_react_sdk114, notificationTypes2, notificationId, ReconnectNotifications;
 var init_ReconnectNotifications = __esm({
   "src/Prebuilt/components/Notifications/ReconnectNotifications.tsx"() {
     "use strict";
     init_define_process_env();
     import_react217 = __toESM(require("react"));
-    import_react_sdk113 = require("@100mslive/react-sdk");
+    import_react_sdk114 = require("@100mslive/react-sdk");
     init_src();
     init_ToastConfig();
     init_ToastManager();
     notificationTypes2 = [
-      import_react_sdk113.HMSNotificationTypes.RECONNECTED,
-      import_react_sdk113.HMSNotificationTypes.RECONNECTING,
-      import_react_sdk113.HMSNotificationTypes.ERROR
+      import_react_sdk114.HMSNotificationTypes.RECONNECTED,
+      import_react_sdk114.HMSNotificationTypes.RECONNECTING,
+      import_react_sdk114.HMSNotificationTypes.ERROR
     ];
     notificationId = null;
     ReconnectNotifications = () => {
-      const notification = (0, import_react_sdk113.useHMSNotifications)(notificationTypes2);
+      const notification = (0, import_react_sdk114.useHMSNotifications)(notificationTypes2);
       const [open, setOpen] = (0, import_react217.useState)(false);
       (0, import_react217.useEffect)(() => {
         var _a8, _b7;
         if (!notification) {
           return;
         }
-        if (notification.type === import_react_sdk113.HMSNotificationTypes.ERROR && ((_a8 = notification.data) == null ? void 0 : _a8.isTerminal)) {
+        if (notification.type === import_react_sdk114.HMSNotificationTypes.ERROR && ((_a8 = notification.data) == null ? void 0 : _a8.isTerminal)) {
           setOpen(false);
-        } else if (notification.type === import_react_sdk113.HMSNotificationTypes.RECONNECTED) {
+        } else if (notification.type === import_react_sdk114.HMSNotificationTypes.RECONNECTED) {
           notificationId = ToastManager.replaceToast(notificationId, ToastConfig.RECONNECTED.single());
           setOpen(false);
-        } else if (notification.type === import_react_sdk113.HMSNotificationTypes.RECONNECTING) {
+        } else if (notification.type === import_react_sdk114.HMSNotificationTypes.RECONNECTING) {
           notificationId = ToastManager.replaceToast(
             notificationId,
             ToastConfig.RECONNECTING.single((_b7 = notification.data) == null ? void 0 : _b7.message)
@@ -33817,30 +33781,30 @@ var init_ReconnectNotifications = __esm({
 });
 
 // src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx
-var import_react218, import_react_sdk114, import_react_icons101, TrackBulkUnmuteModal;
+var import_react218, import_react_sdk115, import_react_icons101, TrackBulkUnmuteModal;
 var init_TrackBulkUnmuteModal = __esm({
   "src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx"() {
     "use strict";
     init_define_process_env();
     import_react218 = __toESM(require("react"));
-    import_react_sdk114 = require("@100mslive/react-sdk");
+    import_react_sdk115 = require("@100mslive/react-sdk");
     import_react_icons101 = require("@100mslive/react-icons");
     init_DialogContent2();
     TrackBulkUnmuteModal = () => {
-      const hmsActions = (0, import_react_sdk114.useHMSActions)();
+      const hmsActions = (0, import_react_sdk115.useHMSActions)();
       const [muteNotification, setMuteNotification] = (0, import_react218.useState)(null);
-      const notification = (0, import_react_sdk114.useHMSNotifications)([
-        import_react_sdk114.HMSNotificationTypes.CHANGE_MULTI_TRACK_STATE_REQUEST,
-        import_react_sdk114.HMSNotificationTypes.ROOM_ENDED,
-        import_react_sdk114.HMSNotificationTypes.REMOVED_FROM_ROOM
+      const notification = (0, import_react_sdk115.useHMSNotifications)([
+        import_react_sdk115.HMSNotificationTypes.CHANGE_MULTI_TRACK_STATE_REQUEST,
+        import_react_sdk115.HMSNotificationTypes.ROOM_ENDED,
+        import_react_sdk115.HMSNotificationTypes.REMOVED_FROM_ROOM
       ]);
       (0, import_react218.useEffect)(() => {
         switch (notification == null ? void 0 : notification.type) {
-          case import_react_sdk114.HMSNotificationTypes.REMOVED_FROM_ROOM:
-          case import_react_sdk114.HMSNotificationTypes.ROOM_ENDED:
+          case import_react_sdk115.HMSNotificationTypes.REMOVED_FROM_ROOM:
+          case import_react_sdk115.HMSNotificationTypes.ROOM_ENDED:
             setMuteNotification(null);
             break;
-          case import_react_sdk114.HMSNotificationTypes.CHANGE_MULTI_TRACK_STATE_REQUEST:
+          case import_react_sdk115.HMSNotificationTypes.CHANGE_MULTI_TRACK_STATE_REQUEST:
             if (notification == null ? void 0 : notification.data.enabled) {
               setMuteNotification(notification.data);
             }
@@ -33874,21 +33838,21 @@ var init_TrackBulkUnmuteModal = __esm({
 });
 
 // src/Prebuilt/components/Notifications/TrackNotifications.tsx
-var import_react219, import_react_sdk115, notificationTypes3, TrackNotifications;
+var import_react219, import_react_sdk116, notificationTypes3, TrackNotifications;
 var init_TrackNotifications = __esm({
   "src/Prebuilt/components/Notifications/TrackNotifications.tsx"() {
     "use strict";
     init_define_process_env();
     import_react219 = require("react");
-    import_react_sdk115 = require("@100mslive/react-sdk");
+    import_react_sdk116 = require("@100mslive/react-sdk");
     notificationTypes3 = [
-      import_react_sdk115.HMSNotificationTypes.TRACK_ADDED,
-      import_react_sdk115.HMSNotificationTypes.TRACK_REMOVED,
-      import_react_sdk115.HMSNotificationTypes.TRACK_MUTED,
-      import_react_sdk115.HMSNotificationTypes.TRACK_UNMUTED
+      import_react_sdk116.HMSNotificationTypes.TRACK_ADDED,
+      import_react_sdk116.HMSNotificationTypes.TRACK_REMOVED,
+      import_react_sdk116.HMSNotificationTypes.TRACK_MUTED,
+      import_react_sdk116.HMSNotificationTypes.TRACK_UNMUTED
     ];
     TrackNotifications = () => {
-      const notification = (0, import_react_sdk115.useHMSNotifications)(notificationTypes3);
+      const notification = (0, import_react_sdk116.useHMSNotifications)(notificationTypes3);
       (0, import_react219.useEffect)(() => {
         if (notification) {
           console.debug(`[${notification.type}]`, notification);
@@ -33900,30 +33864,30 @@ var init_TrackNotifications = __esm({
 });
 
 // src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx
-var import_react220, import_react_sdk116, import_react_icons102, TrackUnmuteModal;
+var import_react220, import_react_sdk117, import_react_icons102, TrackUnmuteModal;
 var init_TrackUnmuteModal = __esm({
   "src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx"() {
     "use strict";
     init_define_process_env();
     import_react220 = __toESM(require("react"));
-    import_react_sdk116 = require("@100mslive/react-sdk");
+    import_react_sdk117 = require("@100mslive/react-sdk");
     import_react_icons102 = require("@100mslive/react-icons");
     init_DialogContent2();
     TrackUnmuteModal = () => {
-      const hmsActions = (0, import_react_sdk116.useHMSActions)();
-      const notification = (0, import_react_sdk116.useHMSNotifications)([
-        import_react_sdk116.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST,
-        import_react_sdk116.HMSNotificationTypes.ROOM_ENDED,
-        import_react_sdk116.HMSNotificationTypes.REMOVED_FROM_ROOM
+      const hmsActions = (0, import_react_sdk117.useHMSActions)();
+      const notification = (0, import_react_sdk117.useHMSNotifications)([
+        import_react_sdk117.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST,
+        import_react_sdk117.HMSNotificationTypes.ROOM_ENDED,
+        import_react_sdk117.HMSNotificationTypes.REMOVED_FROM_ROOM
       ]);
       const [muteNotification, setMuteNotification] = (0, import_react220.useState)(null);
       (0, import_react220.useEffect)(() => {
         switch (notification == null ? void 0 : notification.type) {
-          case import_react_sdk116.HMSNotificationTypes.REMOVED_FROM_ROOM:
-          case import_react_sdk116.HMSNotificationTypes.ROOM_ENDED:
+          case import_react_sdk117.HMSNotificationTypes.REMOVED_FROM_ROOM:
+          case import_react_sdk117.HMSNotificationTypes.ROOM_ENDED:
             setMuteNotification(null);
             break;
-          case import_react_sdk116.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST:
+          case import_react_sdk117.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST:
             if (notification == null ? void 0 : notification.data.enabled) {
               setMuteNotification(notification.data);
             }
@@ -33956,17 +33920,17 @@ var init_TrackUnmuteModal = __esm({
 // src/Prebuilt/components/Notifications/Notifications.tsx
 function Notifications() {
   var _a8, _b7;
-  const localPeerID = (0, import_react_sdk117.useHMSStore)(import_react_sdk117.selectLocalPeerID);
-  const notification = (0, import_react_sdk117.useHMSNotifications)();
+  const localPeerID = (0, import_react_sdk118.useHMSStore)(import_react_sdk118.selectLocalPeerID);
+  const notification = (0, import_react_sdk118.useHMSNotifications)();
   const subscribedNotifications = useSubscribedNotifications() || {};
-  const roomState = (0, import_react_sdk117.useHMSStore)(import_react_sdk117.selectRoomState);
+  const roomState = (0, import_react_sdk118.useHMSStore)(import_react_sdk118.selectRoomState);
   const updateRoomLayoutForRole = useUpdateRoomLayout();
   const isNotificationDisabled = useIsNotificationDisabled();
   const screenProps = useRoomLayoutConferencingScreen();
-  const vanillaStore = (0, import_react_sdk117.useHMSVanillaStore)();
+  const vanillaStore = (0, import_react_sdk118.useHMSVanillaStore)();
   const togglePollView = usePollViewToggle();
-  const { showNotification } = (0, import_react_sdk117.useAwayNotifications)();
-  const amIScreenSharing = (0, import_react_sdk117.useHMSStore)(import_react_sdk117.selectIsLocalScreenShared);
+  const { showNotification } = (0, import_react_sdk118.useAwayNotifications)();
+  const amIScreenSharing = (0, import_react_sdk118.useHMSStore)(import_react_sdk118.selectIsLocalScreenShared);
   const logoURL = (_b7 = (_a8 = useRoomLayout()) == null ? void 0 : _a8.logo) == null ? void 0 : _b7.url;
   const handleRoleChangeDenied = (0, import_react221.useCallback)((request) => {
     ToastManager.addToast({
@@ -33974,17 +33938,17 @@ function Notifications() {
       variant: "error"
     });
   }, []);
-  (0, import_react_sdk117.useCustomEvent)({ type: ROLE_CHANGE_DECLINED, onEvent: handleRoleChangeDenied });
+  (0, import_react_sdk118.useCustomEvent)({ type: ROLE_CHANGE_DECLINED, onEvent: handleRoleChangeDenied });
   (0, import_react221.useEffect)(() => {
-    var _a9, _b8, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m2, _n2, _o2, _p;
+    var _a9, _b8, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n2, _o2, _p;
     if (!notification || isNotificationDisabled) {
       return;
     }
     switch (notification.type) {
-      case import_react_sdk117.HMSNotificationTypes.NAME_UPDATED:
+      case import_react_sdk118.HMSNotificationTypes.NAME_UPDATED:
         console.log(notification.data.id + " changed their name to " + notification.data.name);
         break;
-      case import_react_sdk117.HMSNotificationTypes.ERROR:
+      case import_react_sdk118.HMSNotificationTypes.ERROR:
         if (((_a9 = notification.data) == null ? void 0 : _a9.isTerminal) && ((_b8 = notification.data) == null ? void 0 : _b8.action) !== "INIT") {
           if ([500, 6008].includes((_c = notification.data) == null ? void 0 : _c.code)) {
             ToastManager.addToast({
@@ -34016,8 +33980,8 @@ function Notifications() {
           title: `Error: ${(_k = notification.data) == null ? void 0 : _k.message} - ${(_l = notification.data) == null ? void 0 : _l.description}`
         });
         break;
-      case import_react_sdk117.HMSNotificationTypes.ROLE_UPDATED: {
-        if (((_m2 = notification.data) == null ? void 0 : _m2.isLocal) && ((_n2 = notification.data) == null ? void 0 : _n2.roleName)) {
+      case import_react_sdk118.HMSNotificationTypes.ROLE_UPDATED: {
+        if (((_m = notification.data) == null ? void 0 : _m.isLocal) && ((_n2 = notification.data) == null ? void 0 : _n2.roleName)) {
           ToastManager.addToast({
             title: `You are now a ${notification.data.roleName}`
           });
@@ -34025,7 +33989,7 @@ function Notifications() {
         }
         break;
       }
-      case import_react_sdk117.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST:
+      case import_react_sdk118.HMSNotificationTypes.CHANGE_TRACK_STATE_REQUEST:
         const track = (_o2 = notification.data) == null ? void 0 : _o2.track;
         if (!notification.data.enabled) {
           ToastManager.addToast({
@@ -34034,21 +33998,21 @@ function Notifications() {
           });
         }
         break;
-      case import_react_sdk117.HMSNotificationTypes.REMOVED_FROM_ROOM:
-      case import_react_sdk117.HMSNotificationTypes.ROOM_ENDED:
+      case import_react_sdk118.HMSNotificationTypes.REMOVED_FROM_ROOM:
+      case import_react_sdk118.HMSNotificationTypes.ROOM_ENDED:
         ToastManager.addToast({
           title: `${notification.message}. 
               ${notification.data.reason && `Reason: ${notification.data.reason}`}`
         });
         break;
-      case import_react_sdk117.HMSNotificationTypes.DEVICE_CHANGE_UPDATE:
+      case import_react_sdk118.HMSNotificationTypes.DEVICE_CHANGE_UPDATE:
         ToastManager.addToast({
           title: notification.message
         });
         break;
-      case import_react_sdk117.HMSNotificationTypes.POLL_STARTED:
+      case import_react_sdk118.HMSNotificationTypes.POLL_STARTED:
         if (notification.data.startedBy !== localPeerID && screenProps.screenType !== "hls_live_streaming") {
-          const pollStartedBy = vanillaStore.getState((0, import_react_sdk117.selectPeerNameByID)(notification.data.startedBy)) || "Participant";
+          const pollStartedBy = vanillaStore.getState((0, import_react_sdk118.selectPeerNameByID)(notification.data.startedBy)) || "Participant";
           const pollToastID = ToastManager.addToast({
             title: `${pollStartedBy} started a ${notification.data.type}: ${notification.data.title}`,
             action: /* @__PURE__ */ import_react221.default.createElement(
@@ -34070,14 +34034,14 @@ function Notifications() {
           pollToastKey[notification.data.id] = pollToastID;
         }
         break;
-      case import_react_sdk117.HMSNotificationTypes.POLL_STOPPED:
+      case import_react_sdk118.HMSNotificationTypes.POLL_STOPPED:
         const pollID = notification == null ? void 0 : notification.data.id;
         if (pollID && (pollToastKey == null ? void 0 : pollToastKey[pollID])) {
           ToastManager.removeToast(pollToastKey == null ? void 0 : pollToastKey[notification.data.id]);
           delete pollToastKey[notification == null ? void 0 : notification.data.id];
         }
         break;
-      case import_react_sdk117.HMSNotificationTypes.NEW_MESSAGE:
+      case import_react_sdk118.HMSNotificationTypes.NEW_MESSAGE:
         if (amIScreenSharing) {
           showNotification(`New message from ${notification.data.senderName}`, {
             body: notification.data.message,
@@ -34092,15 +34056,15 @@ function Notifications() {
   if (isNotificationDisabled) {
     return null;
   }
-  return /* @__PURE__ */ import_react221.default.createElement(import_react221.default.Fragment, null, /* @__PURE__ */ import_react221.default.createElement(TrackUnmuteModal, null), /* @__PURE__ */ import_react221.default.createElement(TrackBulkUnmuteModal, null), /* @__PURE__ */ import_react221.default.createElement(TrackNotifications, null), roomState === import_react_sdk117.HMSRoomState.Connected ? /* @__PURE__ */ import_react221.default.createElement(PeerNotifications, null) : null, /* @__PURE__ */ import_react221.default.createElement(ReconnectNotifications, null), /* @__PURE__ */ import_react221.default.createElement(AutoplayBlockedModal, null), /* @__PURE__ */ import_react221.default.createElement(PermissionErrorModal, null), /* @__PURE__ */ import_react221.default.createElement(InitErrorModal, null), /* @__PURE__ */ import_react221.default.createElement(ChatNotifications, null), /* @__PURE__ */ import_react221.default.createElement(HandRaisedNotifications, null));
+  return /* @__PURE__ */ import_react221.default.createElement(import_react221.default.Fragment, null, /* @__PURE__ */ import_react221.default.createElement(TrackUnmuteModal, null), /* @__PURE__ */ import_react221.default.createElement(TrackBulkUnmuteModal, null), /* @__PURE__ */ import_react221.default.createElement(TrackNotifications, null), roomState === import_react_sdk118.HMSRoomState.Connected ? /* @__PURE__ */ import_react221.default.createElement(PeerNotifications, null) : null, /* @__PURE__ */ import_react221.default.createElement(ReconnectNotifications, null), /* @__PURE__ */ import_react221.default.createElement(AutoplayBlockedModal, null), /* @__PURE__ */ import_react221.default.createElement(PermissionErrorModal, null), /* @__PURE__ */ import_react221.default.createElement(InitErrorModal, null), /* @__PURE__ */ import_react221.default.createElement(ChatNotifications, null), /* @__PURE__ */ import_react221.default.createElement(HandRaisedNotifications, null));
 }
-var import_react221, import_react_sdk117, import_react_icons103, pollToastKey;
+var import_react221, import_react_sdk118, import_react_icons103, pollToastKey;
 var init_Notifications = __esm({
   "src/Prebuilt/components/Notifications/Notifications.tsx"() {
     "use strict";
     init_define_process_env();
     import_react221 = __toESM(require("react"));
-    import_react_sdk117 = require("@100mslive/react-sdk");
+    import_react_sdk118 = require("@100mslive/react-sdk");
     import_react_icons103 = require("@100mslive/react-icons");
     init_src();
     init_roomLayoutProvider();
@@ -34198,19 +34162,19 @@ var init_Toast3 = __esm({
 });
 
 // src/Prebuilt/components/Toast/ToastContainer.jsx
-var import_react224, import_react_sdk118, ToastContainer;
+var import_react224, import_react_sdk119, ToastContainer;
 var init_ToastContainer = __esm({
   "src/Prebuilt/components/Toast/ToastContainer.jsx"() {
     "use strict";
     init_define_process_env();
     import_react224 = __toESM(require("react"));
-    import_react_sdk118 = require("@100mslive/react-sdk");
+    import_react_sdk119 = require("@100mslive/react-sdk");
     init_Toast2();
     init_Toast3();
     init_ToastManager();
     init_constants();
     ToastContainer = () => {
-      const isConnected = (0, import_react_sdk118.useHMSStore)(import_react_sdk118.selectIsConnectedToRoom);
+      const isConnected = (0, import_react_sdk119.useHMSStore)(import_react_sdk119.selectIsConnectedToRoom);
       const [toasts, setToast] = (0, import_react224.useState)([]);
       (0, import_react224.useEffect)(() => {
         ToastManager.addListener(setToast);
@@ -34267,18 +34231,18 @@ var init_RoomDetailsSheet = __esm({
 });
 
 // src/Prebuilt/layouts/Sheet.tsx
-var import_react226, import_react_sdk119, Sheet2;
+var import_react226, import_react_sdk120, Sheet2;
 var init_Sheet3 = __esm({
   "src/Prebuilt/layouts/Sheet.tsx"() {
     "use strict";
     init_define_process_env();
     import_react226 = __toESM(require("react"));
-    import_react_sdk119 = require("@100mslive/react-sdk");
+    import_react_sdk120 = require("@100mslive/react-sdk");
     init_RoomDetailsSheet();
     init_Layout();
     init_constants();
     Sheet2 = () => {
-      const sheet = (0, import_react_sdk119.useHMSStore)((0, import_react_sdk119.selectAppData)(APP_DATA.sheet));
+      const sheet = (0, import_react_sdk120.useHMSStore)((0, import_react_sdk120.selectAppData)(APP_DATA.sheet));
       let ViewComponent;
       if (sheet === SHEET_OPTIONS.ROOM_DETAILS) {
         ViewComponent = /* @__PURE__ */ import_react226.default.createElement(RoomDetailsSheet, null);
@@ -34290,8 +34254,8 @@ var init_Sheet3 = __esm({
 
 // src/Prebuilt/plugins/FlyingEmoji.jsx
 function FlyingEmoji() {
-  const localPeerId = (0, import_react_sdk120.useHMSStore)(import_react_sdk120.selectLocalPeerID);
-  const vanillaStore = (0, import_react_sdk120.useHMSVanillaStore)();
+  const localPeerId = (0, import_react_sdk121.useHMSStore)(import_react_sdk121.selectLocalPeerID);
+  const vanillaStore = (0, import_react_sdk121.useHMSVanillaStore)();
   const [emojis, setEmojis] = (0, import_react227.useState)([]);
   const isMobile = (0, import_react_use50.useMedia)(config.media.md);
   const startingPoints = (0, import_react227.useMemo)(() => getStartingPoints(isMobile), [isMobile]);
@@ -34300,7 +34264,7 @@ function FlyingEmoji() {
       if (!emojiId || !senderId || document.hidden) {
         return;
       }
-      const senderPeerName = vanillaStore.getState((0, import_react_sdk120.selectPeerNameByID)(senderId));
+      const senderPeerName = vanillaStore.getState((0, import_react_sdk121.selectPeerNameByID)(senderId));
       const nameToShow = localPeerId === senderId ? "You" : senderPeerName;
       const startingPoint = startingPoints[emojiCount % startingPoints.length];
       const id = emojiCount++;
@@ -34319,7 +34283,7 @@ function FlyingEmoji() {
     },
     [localPeerId, vanillaStore, startingPoints]
   );
-  (0, import_react_sdk120.useCustomEvent)({
+  (0, import_react_sdk121.useCustomEvent)({
     type: EMOJI_REACTION_TYPE,
     onEvent: showFlyingEmoji
   });
@@ -34385,14 +34349,14 @@ function FlyingEmoji() {
     })
   );
 }
-var import_react227, import_react_use50, import_react_sdk120, emojiCount, flyAndFade, wiggleLeftRight, wiggleRightLeft, getStartingPoints;
+var import_react227, import_react_use50, import_react_sdk121, emojiCount, flyAndFade, wiggleLeftRight, wiggleRightLeft, getStartingPoints;
 var init_FlyingEmoji = __esm({
   "src/Prebuilt/plugins/FlyingEmoji.jsx"() {
     "use strict";
     init_define_process_env();
     import_react227 = __toESM(require("react"));
     import_react_use50 = require("react-use");
-    import_react_sdk120 = require("@100mslive/react-sdk");
+    import_react_sdk121 = require("@100mslive/react-sdk");
     init_Layout();
     init_Text2();
     init_Theme();
@@ -34425,45 +34389,45 @@ var init_FlyingEmoji = __esm({
 
 // src/Prebuilt/plugins/RemoteStopScreenshare.jsx
 function RemoteStopScreenshare() {
-  const actions = (0, import_react_sdk121.useHMSActions)();
+  const actions = (0, import_react_sdk122.useHMSActions)();
   const onRemoteStopScreenshare = (0, import_react228.useCallback)(() => __async(this, null, function* () {
     yield actions.setScreenShareEnabled(false);
   }), [actions]);
-  (0, import_react_sdk121.useCustomEvent)({
+  (0, import_react_sdk122.useCustomEvent)({
     type: REMOTE_STOP_SCREENSHARE_TYPE,
     onEvent: onRemoteStopScreenshare
   });
   return /* @__PURE__ */ import_react228.default.createElement(import_react228.default.Fragment, null);
 }
-var import_react228, import_react_sdk121;
+var import_react228, import_react_sdk122;
 var init_RemoteStopScreenshare = __esm({
   "src/Prebuilt/plugins/RemoteStopScreenshare.jsx"() {
     "use strict";
     init_define_process_env();
     import_react228 = __toESM(require("react"));
-    import_react_sdk121 = require("@100mslive/react-sdk");
+    import_react_sdk122 = require("@100mslive/react-sdk");
     init_constants();
   }
 });
 
 // src/Prebuilt/components/hooks/useAutoStartStreaming.tsx
-var import_react229, import_react_sdk122, useAutoStartStreaming;
+var import_react229, import_react_sdk123, useAutoStartStreaming;
 var init_useAutoStartStreaming = __esm({
   "src/Prebuilt/components/hooks/useAutoStartStreaming.tsx"() {
     "use strict";
     init_define_process_env();
     import_react229 = require("react");
-    import_react_sdk122 = require("@100mslive/react-sdk");
+    import_react_sdk123 = require("@100mslive/react-sdk");
     init_useUISettings();
     init_hooks();
     init_constants();
     useAutoStartStreaming = () => {
       const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
-      const permissions = (0, import_react_sdk122.useHMSStore)(import_react_sdk122.selectPermissions);
+      const permissions = (0, import_react_sdk123.useHMSStore)(import_react_sdk123.selectPermissions);
       const showStreamingUI = useShowStreamingUI();
-      const hmsActions = (0, import_react_sdk122.useHMSActions)();
-      const isConnected = (0, import_react_sdk122.useHMSStore)(import_react_sdk122.selectIsConnectedToRoom);
-      const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = (0, import_react_sdk122.useRecordingStreaming)();
+      const hmsActions = (0, import_react_sdk123.useHMSActions)();
+      const isConnected = (0, import_react_sdk123.useHMSStore)(import_react_sdk123.selectIsConnectedToRoom);
+      const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = (0, import_react_sdk123.useRecordingStreaming)();
       const streamStartedRef = (0, import_react229.useRef)(false);
       const startHLS = (0, import_react229.useCallback)(() => __async(void 0, null, function* () {
         try {
@@ -34513,13 +34477,13 @@ function AppRoutes({
   const { activeState, rejoin } = useAppStateManager();
   return /* @__PURE__ */ import_react230.default.createElement(AppStateContext.Provider, { value: { rejoin } }, /* @__PURE__ */ import_react230.default.createElement(import_react230.default.Fragment, null, activeState !== "leave" /* LEAVE */ && /* @__PURE__ */ import_react230.default.createElement(AppData, null), /* @__PURE__ */ import_react230.default.createElement(ToastContainer, null), /* @__PURE__ */ import_react230.default.createElement(Notifications, null), /* @__PURE__ */ import_react230.default.createElement(MwebLandscapePrompt, null), /* @__PURE__ */ import_react230.default.createElement(Sheet2, null), /* @__PURE__ */ import_react230.default.createElement(BackSwipe, null), !isNotificationsDisabled && /* @__PURE__ */ import_react230.default.createElement(FlyingEmoji, null), /* @__PURE__ */ import_react230.default.createElement(RemoteStopScreenshare, null), /* @__PURE__ */ import_react230.default.createElement(KeyboardHandler, null), /* @__PURE__ */ import_react230.default.createElement(AuthToken_default, { authTokenByRoomCodeEndpoint, defaultAuthToken }), roomLayout && activeState && /* @__PURE__ */ import_react230.default.createElement(AppStates, { activeState })));
 }
-var import_react230, import_react_sdk123, HMSPrebuilt, AppStates, BackSwipe;
+var import_react230, import_react_sdk124, HMSPrebuilt, AppStates, BackSwipe;
 var init_App = __esm({
   "src/Prebuilt/App.tsx"() {
     "use strict";
     init_define_process_env();
     import_react230 = __toESM(require("react"));
-    import_react_sdk123 = require("@100mslive/react-sdk");
+    import_react_sdk124 = require("@100mslive/react-sdk");
     init_AppData();
     init_AuthToken();
     init_ConferenceScreen();
@@ -34564,7 +34528,7 @@ var init_App = __esm({
         const [hydrated, setHydrated] = import_react230.default.useState(false);
         (0, import_react230.useEffect)(() => {
           setHydrated(true);
-          const hms = new import_react_sdk123.HMSReactiveStore();
+          const hms = new import_react_sdk124.HMSReactiveStore();
           const hmsStore = hms.getStore();
           const hmsActions = hms.getActions();
           const hmsNotifications = hms.getNotifications();
@@ -34630,7 +34594,7 @@ var init_App = __esm({
             }
           },
           /* @__PURE__ */ import_react230.default.createElement(
-            import_react_sdk123.HMSRoomProvider,
+            import_react_sdk124.HMSRoomProvider,
             {
               isHMSStatsOn: FeatureFlags.enableStatsForNerds,
               actions: (_a8 = reactiveStore.current) == null ? void 0 : _a8.hmsActions,
@@ -34700,8 +34664,8 @@ var init_App = __esm({
       return /* @__PURE__ */ import_react230.default.createElement(ConferenceScreen, null);
     };
     BackSwipe = () => {
-      const isConnectedToRoom = (0, import_react_sdk123.useHMSStore)(import_react_sdk123.selectIsConnectedToRoom);
-      const hmsActions = (0, import_react_sdk123.useHMSActions)();
+      const isConnectedToRoom = (0, import_react_sdk124.useHMSStore)(import_react_sdk124.selectIsConnectedToRoom);
+      const hmsActions = (0, import_react_sdk124.useHMSActions)();
       (0, import_react230.useEffect)(() => {
         const onRouteLeave = () => __async(void 0, null, function* () {
           if (isConnectedToRoom) {