@100mslive/roomkit-react 0.1.2-alpha.0 → 0.1.2

package/dist/index.cjs.js

@@ -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_f0fd5977-25a4-477b-9e37-ba292c4a07cc", 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_webpack_cli: "^4.9.2", npm_package_devDependencies_webpack_bundle_analyzer: "^4.5.0", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.19 npm/? node/v16.20.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.8.11-alpha.0", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_f0fd5977-25a4-477b-9e37-ba292c4a07cc", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/16.20.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.11.11-alpha.0", 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.0", npm_package_dependencies__radix_ui_react_popover: "1.0.0", npm_package_dependencies__100mslive_types_prebuilt: "0.8.0", 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.0", npm_package_files_1: "src", 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_webpack_manifest_plugin: "^4.1.1", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.2.1", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/25.2.9519653", 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: "672", 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.7", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "1.0.0", 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_dependencies_react_router_dom: "^6.3.0", 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.6/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", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20230728.3.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", 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_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:16863", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_scripts_app: "cd apps/100ms-web && yarn start", 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_sdk: "cd packages/hms-video-web && yarn start", 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_zipyai: "^1.3.24", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.1.11-alpha.0", 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", GITHUB_RUN_ID: "5769647977", 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_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: "523c0b38cdcac790c93b60d2747a4e3520d21dd2", GITHUB_BASE_REF: "", ImageOS: "ubuntu22", npm_package_workspaces_1: "apps/*", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_ignore_scripts: "", NX_TASK_HASH: "0e2c894bbb5075b28c0757effed69e02208523143ad92569c9696ba7b7fd8762", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/main-release", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GOROOT_1_18_X64: "/opt/hostedtoolcache/go/1.18.10/x64", GITHUB_ACTION_REPOSITORY: "", npm_package_workspaces_2: "playwright/*", npm_package_devDependencies_postcss_loader: "^6.2.1", PATH: "/tmp/yarn--1691223222914-0.5609917794437884:/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/16.20.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1691223222711-0.34708156357662356:/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/16.20.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1691223181788-0.9010785691367744:/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/16.20.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1691223181589-0.18897075770780747:/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/16.20.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.1/x64/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:/snap/bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/16.20.1/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_0b766be7-d7f1-4d8e-bca7-11f61054e5a2", INVOCATION_ID: "fbfa157648034e9bb7399ab26ce66077", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", GOROOT_1_19_X64: "/opt/hostedtoolcache/go/1.19.11/x64", npm_package_husky_hooks_pre_push: "lint-staged", 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", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "358", GITHUB_TRIGGERING_ACTOR: "hdz-666", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies_pusher_js: "^7.0.3", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "80 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: "80 KB", npm_package_lint_staged__: "format && lint:fix", npm_package_devDependencies_webpack: "^5.76.0", 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 3", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "main-release", GITHUB_REPOSITORY: "100mslive/web-sdks", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "20 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-web/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_webpack_dev_server: "^4.7.4", 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.8.11-alpha.0", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.1.2-alpha.0", npm_package_size_limit_4_limit: "400 KB", npm_package_size_limit_1_path: "packages/hms-video-web/dist/index.js", npm_package_husky_hooks_pre_commit: "lint-staged", 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_source: "src/index.ts", GITHUB_REF_PROTECTED: "false", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/hms-video-store/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: "20 KB", npm_package_size_limit_3_path: "packages/hms-video-store/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", GITHUB_SHA: "523c0b38cdcac790c93b60d2747a4e3520d21dd2", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "20 KB", npm_package_size_limit_4_path: "packages/roomkit-react/dist/index.cjs.js", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", npm_package_dependencies_qrcode_react: "^3.1.0", GITHUB_REF: "refs/heads/main-release", GITHUB_ACTOR: "hdz-666", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_size_limit_8_limit: "200 KB", npm_package_size_limit_5_path: "packages/roomkit-react/dist/index.js", npm_config_strict_ssl: "true", npm_package_license: "MIT", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_9_limit: "200 KB", npm_package_size_limit_6_path: "packages/hms-virtual-background/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_f0fd5977-25a4-477b-9e37-ba292c4a07cc", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "93115614", 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/hms-virtual-background/dist/index.js", 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.10.0-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_f0fd5977-25a4-477b-9e37-ba292c4a07cc", npm_package_size_limit_8_path: "packages/hms-noise-suppression/dist/index.cjs.js", npm_package_dependencies__tldraw_tldraw: "^1.18.4", 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_size_limit_9_path: "packages/hms-noise-suppression/dist/index.js", 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_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_scripts_app_custom: "cd apps/100ms-custom-app && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies_hls_js: "^1.3.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_f0fd5977-25a4-477b-9e37-ba292c4a07cc" };
+    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_cc43ce27-5899-45f5-a518-ebf83ec62dc9", 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_webpack_cli: "^4.9.2", npm_package_devDependencies_webpack_bundle_analyzer: "^4.5.0", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.19 npm/? node/v16.20.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.8.11", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_cc43ce27-5899-45f5-a518-ebf83ec62dc9", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/16.20.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.11.11", 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.0", npm_package_dependencies__radix_ui_react_popover: "1.0.0", npm_package_dependencies__100mslive_types_prebuilt: "0.8.0", 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.0", npm_package_files_1: "src", 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_webpack_manifest_plugin: "^4.1.1", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.2.1", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/25.2.9519653", 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: "664", 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.7", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "1.0.0", 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_dependencies_react_router_dom: "^6.3.0", 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.6/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", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20230728.3.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", 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_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:16173", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_scripts_app: "cd apps/100ms-web && yarn start", 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_sdk: "cd packages/hms-video-web && yarn start", 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_zipyai: "^1.3.24", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.1.11", 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", GITHUB_RUN_ID: "5808930961", 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_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: "b40c957e0577e36fd1efd2658e7b3d9a1a1a5baa", GITHUB_BASE_REF: "", ImageOS: "ubuntu22", npm_package_workspaces_1: "apps/*", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_ignore_scripts: "", NX_TASK_HASH: "3c9d552ab5b69c115f8e285124560b3129023ad7f6a2046b26ac92507b4daeed", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/main", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GOROOT_1_18_X64: "/opt/hostedtoolcache/go/1.18.10/x64", GITHUB_ACTION_REPOSITORY: "", npm_package_workspaces_2: "playwright/*", npm_package_devDependencies_postcss_loader: "^6.2.1", PATH: "/tmp/yarn--1691584432516-0.868422819656663:/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/16.20.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1691584432310-0.35904137942569725:/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/16.20.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1691584390647-0.16954921114654198:/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/16.20.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1691584390451-0.8480450141844205:/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/16.20.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.1/x64/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:/snap/bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/16.20.1/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_7225bf1f-6238-4943-8d85-5c3fed15737e", INVOCATION_ID: "05372eed26f4494a9017fc8f1e4bc771", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", GOROOT_1_19_X64: "/opt/hostedtoolcache/go/1.19.11/x64", npm_package_husky_hooks_pre_push: "lint-staged", 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", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "360", GITHUB_TRIGGERING_ACTOR: "eswarclynn", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies_pusher_js: "^7.0.3", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "80 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: "80 KB", npm_package_lint_staged__: "format && lint:fix", npm_package_devDependencies_webpack: "^5.76.0", 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 6", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "main", GITHUB_REPOSITORY: "100mslive/web-sdks", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "20 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-web/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_webpack_dev_server: "^4.7.4", 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.8.11", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", STATS_NM: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.1.2", npm_package_size_limit_4_limit: "400 KB", npm_package_size_limit_1_path: "packages/hms-video-web/dist/index.js", npm_package_husky_hooks_pre_commit: "lint-staged", 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_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/hms-video-store/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: "20 KB", npm_package_size_limit_3_path: "packages/hms-video-store/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", GITHUB_SHA: "b40c957e0577e36fd1efd2658e7b3d9a1a1a5baa", GITHUB_RUN_ATTEMPT: "2", npm_package_size_limit_7_limit: "20 KB", npm_package_size_limit_4_path: "packages/roomkit-react/dist/index.cjs.js", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", npm_package_dependencies_qrcode_react: "^3.1.0", GITHUB_REF: "refs/heads/main", GITHUB_ACTOR: "eswarclynn", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_size_limit_8_limit: "200 KB", npm_package_size_limit_5_path: "packages/roomkit-react/dist/index.js", npm_config_strict_ssl: "true", npm_package_license: "MIT", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_9_limit: "200 KB", npm_package_size_limit_6_path: "packages/hms-virtual-background/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_cc43ce27-5899-45f5-a518-ebf83ec62dc9", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "64120992", 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/hms-virtual-background/dist/index.js", 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.10.0-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_cc43ce27-5899-45f5-a518-ebf83ec62dc9", npm_package_size_limit_8_path: "packages/hms-noise-suppression/dist/index.cjs.js", npm_package_dependencies__tldraw_tldraw: "^1.18.4", 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_size_limit_9_path: "packages/hms-noise-suppression/dist/index.js", 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_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_scripts_app_custom: "cd apps/100ms-custom-app && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies_hls_js: "^1.3.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_cc43ce27-5899-45f5-a518-ebf83ec62dc9" };
   }
 });
 
@@ -126,9 +126,9 @@ var init_base_config = __esm({
           primary_bright: "#538DFF",
           primary_dim: "#002D6D",
           primary_disabled: "#004299",
-          on_primary_high: "#FFFFFF",
-          on_primary_medium: "#DADADA",
-          on_primary_low: "#ABABAB",
+          on_primary_high: "rgba(245, 249, 255, 0.95)",
+          on_primary_medium: "rgba(224, 236, 255, 0.8)",
+          on_primary_low: "rgba(194, 208, 229, 0.5)",
           secondary_default: "#444954",
           secondary_bright: "#70778B",
           secondary_dim: "#293042",
@@ -427,7 +427,8 @@ var init_stitches_config = __esm({
       if (!themeType) {
         throw new Error("Theme type is required");
       }
-      return createThemeBase(className || `${themeType}-theme`, (0, import_lodash.default)(baseConfig.theme, theme2 || {}));
+      const mergedTheme = (0, import_lodash.default)(baseConfig.theme, theme2 || {});
+      return createThemeBase(className || `${themeType}-theme`, mergedTheme);
     };
   }
 });
@@ -651,7 +652,7 @@ var init_Loading = __esm({
     import_react5 = __toESM(require("react"));
     Loading = (_a7) => {
       var _b7 = _a7, { size = 24, color = "white" } = _b7, props = __objRest(_b7, ["size", "color"]);
-      return /* @__PURE__ */ import_react5.default.createElement("svg", __spreadValues({ width: size, height: size, viewBox: "0 0 50 50", fill: color, xmlns: "http://www.w3.org/2000/svg" }, props), /* @__PURE__ */ import_react5.default.createElement("circle", { cx: "25", cy: "25", r: "20", stroke: "#0074D9", "stroke-width": "4", "stroke-dasharray": "70 30", fill: "none" }, /* @__PURE__ */ import_react5.default.createElement(
+      return /* @__PURE__ */ import_react5.default.createElement("svg", __spreadValues({ width: size, height: size, viewBox: "0 0 50 50", fill: color, xmlns: "http://www.w3.org/2000/svg" }, props), /* @__PURE__ */ import_react5.default.createElement("circle", { cx: "25", cy: "25", r: "20", stroke: color, strokeWidth: "4", strokeDasharray: "70 30", fill: "none" }, /* @__PURE__ */ import_react5.default.createElement(
         "animateTransform",
         {
           attributeName: "transform",
@@ -856,7 +857,15 @@ var init_Button = __esm({
     }));
     Button = import_react6.default.forwardRef((_a7, ref) => {
       var _b7 = _a7, { children, loading = false, icon } = _b7, buttonProps = __objRest(_b7, ["children", "loading", "icon"]);
-      return /* @__PURE__ */ import_react6.default.createElement(StyledButton, __spreadProps(__spreadValues({}, buttonProps), { ref }), /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, loading && /* @__PURE__ */ import_react6.default.createElement(Flex, { align: "center", justify: "center", css: { w: "100%", position: "absolute", left: "0" } }, /* @__PURE__ */ import_react6.default.createElement(Loading, null)), /* @__PURE__ */ import_react6.default.createElement(
+      return /* @__PURE__ */ import_react6.default.createElement(StyledButton, __spreadProps(__spreadValues({}, buttonProps), { ref }), /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, loading && /* @__PURE__ */ import_react6.default.createElement(
+        Flex,
+        {
+          align: "center",
+          justify: "center",
+          css: { w: "100%", position: "absolute", left: "0", color: "$on_primary_low" }
+        },
+        /* @__PURE__ */ import_react6.default.createElement(Loading, { color: "currentColor" })
+      ), /* @__PURE__ */ import_react6.default.createElement(
         Flex,
         {
           align: "center",
@@ -1861,7 +1870,7 @@ var init_StyledVideoTile = __esm({
       display: "flex",
       justifyContent: "center",
       alignItems: "center",
-      background: "$surface_default",
+      background: "$background_default",
       variants: {
         transparentBg: {
           true: {
@@ -4104,7 +4113,7 @@ var init_AppContext = __esm({
       roomCode: "",
       userName: "",
       userId: "",
-      endPoints: {},
+      endpoints: {},
       onLeave: void 0
     });
     HMSPrebuiltContext.displayName = "HMSPrebuiltContext";
@@ -5121,6 +5130,7 @@ var init_PeerNotifications = __esm({
     import_react_sdk16 = require("@100mslive/react-sdk");
     init_ToastBatcher();
     init_useUISettings();
+    init_utils2();
     init_constants();
     notificationTypes = [
       import_react_sdk16.HMSNotificationTypes.PEER_LIST,
@@ -5132,14 +5142,14 @@ var init_PeerNotifications = __esm({
       const isPeerJoinSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_JOINED);
       const isPeerLeftSubscribed = useSubscribedNotifications(SUBSCRIBED_NOTIFICATIONS.PEER_LEFT);
       (0, import_react39.useEffect)(() => {
-        var _a7;
-        if (!notification) {
+        var _a7, _b7;
+        if (!notification || ((_a7 = notification == null ? void 0 : notification.data) == null ? void 0 : _a7.roleName) && isInternalRole(notification.data.roleName)) {
           return;
         }
         console.debug(`[${notification.type}]`, notification);
         switch (notification.type) {
           case import_react_sdk16.HMSNotificationTypes.PEER_LIST:
-            if (!isPeerJoinSubscribed || ((_a7 = notification.data) == null ? void 0 : _a7.length) === 0) {
+            if (!isPeerJoinSubscribed || ((_b7 = notification.data) == null ? void 0 : _b7.length) === 0) {
               return;
             }
             break;
@@ -5163,14 +5173,6 @@ var init_PeerNotifications = __esm({
   }
 });
 
-// src/assets/android-perm-0.png
-var android_perm_0_default;
-var init_android_perm_0 = __esm({
-  "src/assets/android-perm-0.png"() {
-    android_perm_0_default = "data:image/png;base64,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";
-  }
-});
-
 // src/assets/android-perm-1.png
 var android_perm_1_default;
 var init_android_perm_1 = __esm({
@@ -5192,13 +5194,7 @@ function PermissionErrorModal() {
   const notification = (0, import_react_sdk17.useHMSNotifications)(import_react_sdk17.HMSNotificationTypes.ERROR);
   const [deviceType, setDeviceType] = (0, import_react40.useState)("");
   const [isSystemError, setIsSystemError] = (0, import_react40.useState)(false);
-  const [showAndroidPrompt, setShowAndroidPrompt] = (0, import_react40.useState)(true);
   const isMobile = (0, import_react_use4.useMedia)(config.media.md);
-  (0, import_react40.useEffect)(() => {
-    if (showAndroidPrompt && isAndroid && isMobile) {
-      setDeviceType("camera and microphone");
-    }
-  }, []);
   (0, import_react40.useEffect)(() => {
     var _a7, _b7, _c, _d, _e;
     if (!notification || ((_a7 = notification.data) == null ? void 0 : _a7.code) !== 3001 && ((_b7 = notification.data) == null ? void 0 : _b7.code) !== 3011 || ((_c = notification.data) == null ? void 0 : _c.code) === 3001 && ((_d = notification.data) == null ? void 0 : _d.message.includes("screen"))) {
@@ -5228,19 +5224,9 @@ function PermissionErrorModal() {
       }
     },
     isMobile && isIOS ? /* @__PURE__ */ import_react40.default.createElement("img", { style: { maxWidth: "100%", maxHeight: "100%" }, src: ios_perm_0_default }) : null,
-    isMobile && isAndroid ? showAndroidPrompt ? /* @__PURE__ */ import_react40.default.createElement("img", { src: android_perm_0_default, style: { maxWidth: "100%", maxHeight: "100%" } }) : /* @__PURE__ */ import_react40.default.createElement("img", { src: android_perm_1_default, style: { maxWidth: "100%", maxHeight: "100%" } }) : null,
-    /* @__PURE__ */ import_react40.default.createElement(Text, { variant: "h6" }, showAndroidPrompt ? `Allow access to your ${deviceType}` : `We can't access your ${deviceType}`)
-  ), /* @__PURE__ */ import_react40.default.createElement(Text, { variant: "sm", css: { pt: "$4", pb: "$10", color: "$on_surface_medium" } }, isMobile && isIOS ? "Enable permissions by reloading this page and clicking \u201CAllow\u201D on the pop-up, or change settings from the address bar." : null, isMobile && showAndroidPrompt && isAndroid ? "In order for others to see and hear you, your browser will request camera and microphone access." : null, isMobile && !showAndroidPrompt && isAndroid ? "To allow other users to see and hear you, click the blocked camera icon in your browser\u2019s address bar." : null, !isMobile ? `Access to ${deviceType} is required. ` : null, isSystemError && !isMobile ? `Enable permissions for ${deviceType}${deviceType === "screen" ? "share" : ""} from sytem settings` : null, !isSystemError && !isMobile ? `Enable permissions for ${deviceType}${deviceType === "screen" ? "share" : ""} from address bar or browser settings.` : null), isMobile && isIOS ? /* @__PURE__ */ import_react40.default.createElement(import_react40.default.Fragment, null, /* @__PURE__ */ import_react40.default.createElement(Button, { onClick: () => window.location.reload(), css: { w: "100%", mb: "$6" } }, "Reload"), /* @__PURE__ */ import_react40.default.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType(""), css: { w: "100%" } }, "Continue anyway")) : null, isMobile && isAndroid ? showAndroidPrompt ? /* @__PURE__ */ import_react40.default.createElement(
-    Button,
-    {
-      css: { w: "100%" },
-      onClick: () => {
-        setDeviceType("");
-        setShowAndroidPrompt(false);
-      }
-    },
-    "Continue"
-  ) : /* @__PURE__ */ import_react40.default.createElement(import_react40.default.Fragment, null, /* @__PURE__ */ import_react40.default.createElement(Button, { onClick: () => setDeviceType(""), css: { w: "100%", mb: "$6" } }, "I've allowed access"), /* @__PURE__ */ import_react40.default.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType(""), css: { w: "100%" } }, "Continue anyway")) : null, !isMobile ? /* @__PURE__ */ import_react40.default.createElement(Flex, { justify: "end", css: { w: "100%" } }, /* @__PURE__ */ import_react40.default.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType("") }, "Dismiss")) : null))) : null;
+    isMobile && isAndroid ? /* @__PURE__ */ import_react40.default.createElement("img", { src: android_perm_1_default, style: { maxWidth: "100%", maxHeight: "100%" } }) : null,
+    /* @__PURE__ */ import_react40.default.createElement(Text, { variant: "h6" }, "We can't access your ", deviceType)
+  ), /* @__PURE__ */ import_react40.default.createElement(Text, { variant: "sm", css: { pt: "$4", pb: "$10", color: "$on_surface_medium" } }, isMobile && isIOS ? 'Enable permissions by reloading this page and clicking "Allow" on the pop-up, or change settings from the address bar.' : null, isMobile && isAndroid ? `To allow other users to see and hear you, click the blocked camera icon in your browser's address bar.` : null, !isMobile ? `Access to ${deviceType} is required. ` : null, isSystemError && !isMobile ? `Enable permissions for ${deviceType}${deviceType === "screen" ? "share" : ""} from sytem settings` : null, !isSystemError && !isMobile ? `Enable permissions for ${deviceType}${deviceType === "screen" ? "share" : ""} from address bar or browser settings.` : null), isMobile && isIOS ? /* @__PURE__ */ import_react40.default.createElement(import_react40.default.Fragment, null, /* @__PURE__ */ import_react40.default.createElement(Button, { onClick: () => window.location.reload(), css: { w: "100%", mb: "$6" } }, "Reload"), /* @__PURE__ */ import_react40.default.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType(""), css: { w: "100%" } }, "Continue anyway")) : null, isMobile && isAndroid ? /* @__PURE__ */ import_react40.default.createElement(import_react40.default.Fragment, null, /* @__PURE__ */ import_react40.default.createElement(Button, { onClick: () => setDeviceType(""), css: { w: "100%", mb: "$6" } }, "I've allowed access"), /* @__PURE__ */ import_react40.default.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType(""), css: { w: "100%" } }, "Continue anyway")) : null, !isMobile ? /* @__PURE__ */ import_react40.default.createElement(Flex, { justify: "end", css: { w: "100%" } }, /* @__PURE__ */ import_react40.default.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType("") }, "Dismiss")) : null))) : null;
 }
 var import_react40, import_react_use4, import_react_sdk17;
 var init_PermissionErrorModal = __esm({
@@ -5251,7 +5237,6 @@ var init_PermissionErrorModal = __esm({
     import_react_use4 = require("react-use");
     import_react_sdk17 = require("@100mslive/react-sdk");
     init_src();
-    init_android_perm_0();
     init_android_perm_1();
     init_ios_perm_0();
     init_constants();
@@ -9988,7 +9973,7 @@ var init_PreviewForm = __esm({
             autoComplete: "name"
           }
         ), cannotPublishAudio && cannotPublishVideo && !isMobile ? /* @__PURE__ */ import_react93.default.createElement(PreviewSettings, null) : null),
-        Object.keys(joinForm).length > 0 ? /* @__PURE__ */ import_react93.default.createElement(Button, { type: "submit", icon: true, disabled: !name || !enableJoin, onClick: onJoin }, showGoLive ? /* @__PURE__ */ import_react93.default.createElement(import_react_icons41.RadioIcon, { height: 18, width: 18 }) : null, showGoLive ? joinForm.go_live_btn_label : joinForm.join_btn_label) : null
+        /* @__PURE__ */ import_react93.default.createElement(Button, { type: "submit", icon: true, disabled: !name || !enableJoin, onClick: onJoin }, showGoLive ? /* @__PURE__ */ import_react93.default.createElement(import_react_icons41.RadioIcon, { height: 18, width: 18 }) : null, showGoLive ? joinForm.go_live_btn_label : joinForm.join_btn_label)
       );
     };
     Form = styled("form", {
@@ -10206,12 +10191,12 @@ var init_PreviewJoin = __esm({
       const [name, setName] = (0, import_react95.useState)(initialName || previewPreference.name);
       const { isLocalAudioEnabled, isLocalVideoEnabled, toggleAudio, toggleVideo } = (0, import_react_sdk56.useAVToggle)();
       const [previewError, setPreviewError] = (0, import_react95.useState)(false);
-      const { endPoints } = useHMSPrebuiltContext();
+      const { endpoints } = useHMSPrebuiltContext();
       const { peerCount } = (0, import_react_sdk56.useParticipants)();
       const { enableJoin, preview, join } = (0, import_react_sdk56.usePreviewJoin)({
         name,
         token: authToken,
-        initEndpoint: endPoints == null ? void 0 : endPoints.init,
+        initEndpoint: endpoints == null ? void 0 : endpoints.init,
         initialSettings: {
           isAudioMuted: skipPreview || previewPreference.isAudioMuted,
           isVideoMuted: skipPreview || previewPreference.isVideoMuted,
@@ -10246,7 +10231,21 @@ var init_PreviewJoin = __esm({
           }
         }
       }, [authToken, skipPreview]);
-      return roomState === import_react_sdk56.HMSRoomState.Preview ? /* @__PURE__ */ import_react95.default.createElement(Container4, { css: { h: "100%", pt: "$10", "@md": { justifyContent: "space-between" } } }, toggleVideo ? null : /* @__PURE__ */ import_react95.default.createElement(Box, null), /* @__PURE__ */ import_react95.default.createElement(Flex, { direction: "column", justify: "center", css: { w: "100%", maxWidth: "360px" } }, /* @__PURE__ */ import_react95.default.createElement(Logo, null), /* @__PURE__ */ import_react95.default.createElement(Text, { variant: "h4", css: { wordBreak: "break-word", textAlign: "center", mt: "$14", "@md": { mt: "$8" } } }, previewHeader.title), /* @__PURE__ */ import_react95.default.createElement(Text, { css: { c: "$on_surface_medium", my: "0", textAlign: "center" }, variant: "body1" }, previewHeader.sub_title), /* @__PURE__ */ import_react95.default.createElement(Flex, { justify: "center", css: { my: "$8", gap: "$4" } }, isStreamingOn ? /* @__PURE__ */ import_react95.default.createElement(
+      return roomState === import_react_sdk56.HMSRoomState.Preview ? /* @__PURE__ */ import_react95.default.createElement(Container4, { css: { h: "100%", pt: "$10", "@md": { justifyContent: "space-between" } } }, toggleVideo ? null : /* @__PURE__ */ import_react95.default.createElement(Box, null), /* @__PURE__ */ import_react95.default.createElement(Flex, { direction: "column", justify: "center", css: { w: "100%", maxWidth: "360px" } }, /* @__PURE__ */ import_react95.default.createElement(Logo, null), /* @__PURE__ */ import_react95.default.createElement(
+        Text,
+        {
+          variant: "h4",
+          css: { wordBreak: "break-word", textAlign: "center", mt: "$14", mb: "$4", "@md": { mt: "$8", mb: "$2" } }
+        },
+        previewHeader.title
+      ), /* @__PURE__ */ import_react95.default.createElement(
+        Text,
+        {
+          css: { c: "$on_surface_medium", my: "0", textAlign: "center", maxWidth: "100%", wordWrap: "break-word" },
+          variant: "sm"
+        },
+        previewHeader.sub_title
+      ), /* @__PURE__ */ import_react95.default.createElement(Flex, { justify: "center", css: { mt: "$14", mb: "$14", "@md": { mt: "$8", mb: "0" }, gap: "$4" } }, isStreamingOn ? /* @__PURE__ */ import_react95.default.createElement(
         Chip_default,
         {
           content: "LIVE",
@@ -10389,6 +10388,7 @@ var init_PreviewContainer = __esm({
     import_react_sdk57 = require("@100mslive/react-sdk");
     init_src();
     init_SidePane();
+    init_roomLayoutProvider();
     init_FullPageProgress();
     init_Header2();
     init_PreviewJoin();
@@ -10397,12 +10397,15 @@ var init_PreviewContainer = __esm({
     init_useSkipPreview();
     init_constants();
     PreviewContainer = () => {
+      var _a7, _b7, _c;
       const navigate = useNavigation();
       const skipPreview = useSkipPreview();
       const previewAsRole = (0, import_react_use13.useSearchParam)(QUERY_PARAM_PREVIEW_AS_ROLE);
       const initialName = (0, import_react_use13.useSearchParam)(QUERY_PARAM_NAME) || (skipPreview ? "Beam" : "");
       const { roomId: urlRoomId, role: userRole } = (0, import_react_router_dom5.useParams)();
       const authToken = useAuthToken();
+      const roomLayout = useRoomLayout();
+      const { preview_header: previewHeader = {} } = ((_c = (_b7 = (_a7 = roomLayout == null ? void 0 : roomLayout.screens) == null ? void 0 : _a7.preview) == null ? void 0 : _b7.default) == null ? void 0 : _c.elements) || {};
       const roomState = (0, import_react_sdk57.useHMSStore)(import_react_sdk57.selectRoomState);
       const isPreview = roomState === import_react_sdk57.HMSRoomState.Preview;
       const onJoin = () => {
@@ -10419,7 +10422,7 @@ var init_PreviewContainer = __esm({
           justify: "center",
           align: "center"
         },
-        authToken ? /* @__PURE__ */ import_react97.default.createElement(PreviewJoin_default, { initialName, skipPreview, asRole: previewAsRole, onJoin }) : /* @__PURE__ */ import_react97.default.createElement(FullPageProgress_default, null),
+        authToken && Object.keys(previewHeader).length > 0 ? /* @__PURE__ */ import_react97.default.createElement(PreviewJoin_default, { initialName, skipPreview, asRole: previewAsRole, onJoin }) : /* @__PURE__ */ import_react97.default.createElement(FullPageProgress_default, null),
         /* @__PURE__ */ import_react97.default.createElement(
           SidePane_default,
           {
@@ -10739,7 +10742,7 @@ var init_usePlaylist = __esm({
 });
 
 // src/Prebuilt/components/Playlist/PlaylistControls.jsx
-var import_react103, import_react_sdk63, import_react_icons44, Progress, PlaylistActive, Controls, VolumeControl, AudioPlaylistControls, VideoPlaylistControls;
+var import_react103, import_react_sdk63, import_react_icons44, Progress, Controls, VolumeControl, VideoPlaylistControls;
 var init_PlaylistControls = __esm({
   "src/Prebuilt/components/Playlist/PlaylistControls.jsx"() {
     "use strict";
@@ -10768,16 +10771,6 @@ var init_PlaylistControls = __esm({
         }
       );
     };
-    PlaylistActive = ({ type, onToggle }) => {
-      var _a7, _b7;
-      const isAudioPlaylist = type === import_react_sdk63.HMSPlaylistType.audio;
-      const selector = isAudioPlaylist ? import_react_sdk63.selectAudioPlaylist : import_react_sdk63.selectVideoPlaylist;
-      const active = (0, import_react_sdk63.useHMSStore)(selector.selectedItem);
-      if (!active) {
-        return null;
-      }
-      return /* @__PURE__ */ import_react103.default.createElement(Box, { css: { mt: "$8" } }, /* @__PURE__ */ import_react103.default.createElement(Flex, { justify: "between", css: { w: "100%" } }, /* @__PURE__ */ import_react103.default.createElement(Box, null, /* @__PURE__ */ import_react103.default.createElement(Text, { variant: "md" }, active.name), ((_a7 = active.metadata) == null ? void 0 : _a7.description) && /* @__PURE__ */ import_react103.default.createElement(Text, { variant: "xs" }, (_b7 = active.metadata) == null ? void 0 : _b7.description)), /* @__PURE__ */ import_react103.default.createElement(IconButton, { onClick: onToggle, css: { alignSelf: "center" }, "data-testid": "playlist_collapse_btn" }, /* @__PURE__ */ import_react103.default.createElement(import_react_icons44.PlaylistIcon, null))));
-    };
     Controls = ({ type, css: css2 = {} }) => {
       const { active, hasNext, hasPrevious, actions } = usePlaylist(type);
       if (!active) {
@@ -10842,25 +10835,6 @@ var init_PlaylistControls = __esm({
         }
       ));
     };
-    AudioPlaylistControls = ({ onToggle }) => {
-      const { active } = usePlaylist(import_react_sdk63.HMSPlaylistType.audio);
-      if (!active) {
-        return null;
-      }
-      return /* @__PURE__ */ import_react103.default.createElement(
-        Box,
-        {
-          css: {
-            p: "$8",
-            borderTop: "1px solid $border_bright",
-            bg: "$surface_default"
-          }
-        },
-        /* @__PURE__ */ import_react103.default.createElement(Controls, { type: import_react_sdk63.HMSPlaylistType.audio }),
-        /* @__PURE__ */ import_react103.default.createElement(Progress, { type: import_react_sdk63.HMSPlaylistType.audio, duration: active.duration }),
-        /* @__PURE__ */ import_react103.default.createElement(PlaylistActive, { type: import_react_sdk63.HMSPlaylistType.audio, onToggle })
-      );
-    };
     VideoPlaylistControls = ({ children }) => {
       const { active } = usePlaylist(import_react_sdk63.HMSPlaylistType.video);
       return /* @__PURE__ */ import_react103.default.createElement(
@@ -16374,7 +16348,7 @@ var init_dist = __esm({
     };
     mr = (n2, e) => () => (e || n2((e = { exports: {} }).exports, e), e.exports);
     Jt = mr((aa, Ar) => {
-      Ar.exports = { name: "@100mslive/hms-video", version: "0.9.11-alpha.0", license: "MIT", main: "dist/index.cjs.js", typings: "dist/index.d.ts", module: "dist/index.js", files: ["dist", "src"], engines: { node: ">=10" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, 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", test: "jest --maxWorkers=1", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", format: "prettier --write src/**/*.ts" }, author: "100ms <tech-common@100ms.live>", devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", tslib: "^2.2.0" }, dependencies: { eventemitter2: "^6.4.7", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0" } };
+      Ar.exports = { name: "@100mslive/hms-video", version: "0.9.11", license: "MIT", main: "dist/index.cjs.js", typings: "dist/index.d.ts", module: "dist/index.js", files: ["dist", "src"], engines: { node: ">=10" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, 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", test: "jest --maxWorkers=1", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", format: "prettier --write src/**/*.ts" }, author: "100ms <tech-common@100ms.live>", devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", tslib: "^2.2.0" }, dependencies: { eventemitter2: "^6.4.7", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0" } };
     });
     Se = class {
     };
@@ -16856,7 +16830,7 @@ var init_dist2 = __esm({
     init_es();
     Ut = (s, e) => () => (e || s((e = { exports: {} }).exports, e), e.exports);
     At = Ut((Vn, vs) => {
-      vs.exports = { version: "0.10.11-alpha.0", license: "MIT", 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" } }, 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", sideEffects: false, dependencies: { "@100mslive/hms-video": "0.9.11-alpha.0", eventemitter2: "^6.4.7", immer: "^9.0.6", reselect: "4.0.0", zustand: "3.5.7" }, devDependencies: { "ts-node": "^10.4.0", tslib: "^2.2.0" }, description: "This is an addon to the core sdk provided by 100ms. It abstracts away the intricacies of data management and provides a flux based reactive data store where data flows in only one direction.", repository: { type: "git", url: "git+https://github.com/100mslive/hms-video-store.git" }, keywords: ["video", "webrtc", "conferencing", "100ms"], bugs: { url: "https://github.com/100mslive/hms-video-store/issues" }, homepage: "https://github.com/100mslive/hms-video-store#readme" };
+      vs.exports = { version: "0.10.11", license: "MIT", 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" } }, 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", sideEffects: false, dependencies: { "@100mslive/hms-video": "0.9.11", eventemitter2: "^6.4.7", immer: "^9.0.6", reselect: "4.0.0", zustand: "3.5.7" }, devDependencies: { "ts-node": "^10.4.0", tslib: "^2.2.0" }, description: "This is an addon to the core sdk provided by 100ms. It abstracts away the intricacies of data management and provides a flux based reactive data store where data flows in only one direction.", repository: { type: "git", url: "git+https://github.com/100mslive/hms-video-store.git" }, keywords: ["video", "webrtc", "conferencing", "100ms"], bugs: { url: "https://github.com/100mslive/hms-video-store/issues" }, homepage: "https://github.com/100mslive/hms-video-store#readme" };
     });
     Re = ((n2) => (n2.Disconnected = "Disconnected", n2.Preview = "Preview", n2.Connecting = "Connecting", n2.Connected = "Connected", n2.Reconnecting = "Reconnecting", n2.Disconnecting = "Disconnecting", n2.Failed = "Failed", n2))(Re || {});
     Vt = ((e) => (e.CHAT = "chat", e))(Vt || {});
@@ -19511,180 +19485,15 @@ var init_mainView = __esm({
   }
 });
 
-// src/Prebuilt/components/Playlist/PlaylistItem.jsx
-function formatDuration(duration) {
-  if (!duration) {
-    return "";
-  }
-  let mins = Math.floor(duration / 60);
-  if (mins < 10) {
-    mins = `0${String(mins)}`;
-  }
-  let secs = Math.floor(duration % 60);
-  if (secs < 10) {
-    secs = `0${String(secs)}`;
-  }
-  return `${mins}:${secs}`;
-}
-var import_react134, PlaylistItem;
-var init_PlaylistItem = __esm({
-  "src/Prebuilt/components/Playlist/PlaylistItem.jsx"() {
-    "use strict";
-    init_define_process_env();
-    import_react134 = __toESM(require("react"));
-    init_src();
-    PlaylistItem = import_react134.default.memo(({ name, metadata, duration, selected, onClick }) => {
-      return /* @__PURE__ */ import_react134.default.createElement(
-        Dropdown.Item,
-        {
-          css: {
-            flexDirection: "column",
-            alignItems: "flex-start",
-            h: "$18",
-            p: "$8",
-            "&:hover": {
-              cursor: "pointer",
-              bg: "$surface_default"
-            },
-            "&:focus-visible": {
-              bg: "$surface_default"
-            }
-          },
-          onClick
-        },
-        /* @__PURE__ */ import_react134.default.createElement(Flex, { align: "center", justify: "between", css: { width: "100%", minHeight: 0 } }, /* @__PURE__ */ import_react134.default.createElement(Text, { variant: "md", css: { color: selected ? "$primary_default" : "$on_primary_high" } }, name), /* @__PURE__ */ import_react134.default.createElement(Text, { variant: "xs" }, formatDuration(duration))),
-        (metadata == null ? void 0 : metadata.description) && /* @__PURE__ */ import_react134.default.createElement(Text, { variant: "xs", css: { mt: "$4" } }, metadata == null ? void 0 : metadata.description)
-      );
-    });
-  }
-});
-
-// src/Prebuilt/components/Playlist/Playlist.jsx
-var import_react135, import_react_sdk82, import_react_icons58, BrowseAndPlayFromLocal, Playlist;
-var init_Playlist = __esm({
-  "src/Prebuilt/components/Playlist/Playlist.jsx"() {
-    "use strict";
-    init_define_process_env();
-    import_react135 = __toESM(require("react"));
-    import_react_sdk82 = require("@100mslive/react-sdk");
-    import_react_icons58 = require("@100mslive/react-icons");
-    init_src();
-    init_IconButton3();
-    init_PlaylistControls();
-    init_PlaylistItem();
-    init_useFeatures();
-    init_usePlaylist();
-    init_constants();
-    BrowseAndPlayFromLocal = ({ type, actions }) => {
-      return /* @__PURE__ */ import_react135.default.createElement(import_react135.Fragment, null, /* @__PURE__ */ import_react135.default.createElement(Text, { as: "label", htmlFor: `${type}PlaylistBrowse`, variant: "sm", css: { cursor: "pointer", mr: "$2" } }, "Browse"), /* @__PURE__ */ import_react135.default.createElement(
-        "input",
-        {
-          type: "file",
-          id: `${type}PlaylistBrowse`,
-          accept: type === import_react_sdk82.HMSPlaylistType.audio ? "audio/*" : "video/*",
-          onChange: (e) => {
-            const file = e.target.files[0];
-            const id = file.lastModified;
-            actions.setList([
-              {
-                type,
-                id,
-                name: file.name,
-                url: URL.createObjectURL(file)
-              }
-            ]);
-            actions.play(id);
-          },
-          style: { display: "none" }
-        }
-      ));
-    };
-    Playlist = ({ type }) => {
-      const isAudioPlaylist = type === import_react_sdk82.HMSPlaylistType.audio;
-      const { active, list: playlist, actions } = usePlaylist(type);
-      const [open, setOpen] = (0, import_react135.useState)(false);
-      const [collapse, setCollapse] = (0, import_react135.useState)(false);
-      const isAllowedToPublish = (0, import_react_sdk82.useHMSStore)(import_react_sdk82.selectIsAllowedToPublish);
-      const isFeatureEnabled = useIsFeatureEnabled(
-        isAudioPlaylist ? FEATURE_LIST.AUDIO_PLAYLIST : FEATURE_LIST.VIDEO_PLAYLIST
-      );
-      if (!isAllowedToPublish.screen || playlist.length === 0 || !isFeatureEnabled) {
-        return null;
-      }
-      return /* @__PURE__ */ import_react135.default.createElement(import_react135.Fragment, null, /* @__PURE__ */ import_react135.default.createElement(Dropdown.Root, { open, onOpenChange: setOpen }, /* @__PURE__ */ import_react135.default.createElement(Dropdown.Trigger, { asChild: true, "data-testid": type === import_react_sdk82.HMSPlaylistType.audio ? "audio_playlist" : "video_playlist" }, /* @__PURE__ */ import_react135.default.createElement(IconButton_default, { active: !active }, /* @__PURE__ */ import_react135.default.createElement(Tooltip, { title: isAudioPlaylist ? "Audio Playlist" : "Video Playlist" }, /* @__PURE__ */ import_react135.default.createElement(Box, null, isAudioPlaylist ? /* @__PURE__ */ import_react135.default.createElement(import_react_icons58.AudioPlayerIcon, null) : /* @__PURE__ */ import_react135.default.createElement(import_react_icons58.VideoPlayerIcon, null))))), /* @__PURE__ */ import_react135.default.createElement(
-        Dropdown.Content,
-        {
-          sideOffset: 5,
-          align: "center",
-          css: {
-            maxHeight: "unset",
-            width: "$60",
-            p: "$0",
-            bg: "$surface_bright",
-            border: "1px solid $border_default"
-          }
-        },
-        /* @__PURE__ */ import_react135.default.createElement(
-          Flex,
-          {
-            align: "center",
-            css: {
-              p: "$4 $8",
-              borderBottom: "1px solid $border_bright",
-              bg: "$surface_default"
-            }
-          },
-          /* @__PURE__ */ import_react135.default.createElement(Text, { variant: "md", css: { flex: "1 1 0" } }, isAudioPlaylist ? "Audio Player" : "Video Playlist"),
-          /* @__PURE__ */ import_react135.default.createElement(BrowseAndPlayFromLocal, { type, actions }),
-          /* @__PURE__ */ import_react135.default.createElement(
-            IconButton_default,
-            {
-              css: { mr: "-$4" },
-              onClick: () => __async(void 0, null, function* () {
-                if (active) {
-                  yield actions.stop();
-                }
-                setOpen(false);
-                setCollapse(false);
-              })
-            },
-            /* @__PURE__ */ import_react135.default.createElement(import_react_icons58.CrossIcon, { width: 24, height: 24 })
-          )
-        ),
-        !collapse && /* @__PURE__ */ import_react135.default.createElement(Box, { css: { maxHeight: "$96", overflowY: "auto" } }, playlist.map((playlistItem) => {
-          return /* @__PURE__ */ import_react135.default.createElement(
-            PlaylistItem,
-            __spreadProps(__spreadValues({
-              key: playlistItem.id
-            }, playlistItem), {
-              onClick: (e) => __async(void 0, null, function* () {
-                e.preventDefault();
-                try {
-                  yield actions.play(playlistItem.id);
-                } catch (e2) {
-                }
-                if (!isAudioPlaylist) {
-                  setOpen(false);
-                }
-              })
-            })
-          );
-        })),
-        isAudioPlaylist && /* @__PURE__ */ import_react135.default.createElement(AudioPlaylistControls, { onToggle: () => setCollapse((value) => !value) })
-      )));
-    };
-  }
-});
-
 // src/Prebuilt/components/Settings/StartRecording.jsx
-var import_react136, import_react_sdk83, import_react_icons59, StartRecording2, StartRecording_default;
+var import_react134, import_react_sdk82, import_react_icons58, StartRecording2, StartRecording_default;
 var init_StartRecording = __esm({
   "src/Prebuilt/components/Settings/StartRecording.jsx"() {
     "use strict";
     init_define_process_env();
-    import_react136 = __toESM(require("react"));
-    import_react_sdk83 = require("@100mslive/react-sdk");
-    import_react_icons59 = require("@100mslive/react-icons");
+    import_react134 = __toESM(require("react"));
+    import_react_sdk82 = require("@100mslive/react-sdk");
+    import_react_icons58 = require("@100mslive/react-icons");
     init_src();
     init_ResolutionInput();
     init_RTMPStreaming();
@@ -19692,16 +19501,16 @@ var init_StartRecording = __esm({
     init_useUISettings();
     init_constants();
     StartRecording2 = ({ open, onOpenChange }) => {
-      const permissions = (0, import_react_sdk83.useHMSStore)(import_react_sdk83.selectPermissions);
-      const [resolution, setResolution] = (0, import_react136.useState)(RTMP_RECORD_DEFAULT_RESOLUTION);
+      const permissions = (0, import_react_sdk82.useHMSStore)(import_react_sdk82.selectPermissions);
+      const [resolution, setResolution] = (0, import_react134.useState)(RTMP_RECORD_DEFAULT_RESOLUTION);
       const [recordingStarted, setRecordingState] = useSetAppDataByKey(APP_DATA.recordingStarted);
-      const { isBrowserRecordingOn, isStreamingOn, isHLSRunning } = (0, import_react_sdk83.useRecordingStreaming)();
-      const hmsActions = (0, import_react_sdk83.useHMSActions)();
+      const { isBrowserRecordingOn, isStreamingOn, isHLSRunning } = (0, import_react_sdk82.useRecordingStreaming)();
+      const hmsActions = (0, import_react_sdk82.useHMSActions)();
       if (!(permissions == null ? void 0 : permissions.browserRecording) || isHLSRunning) {
         return null;
       }
       if (isBrowserRecordingOn) {
-        return /* @__PURE__ */ import_react136.default.createElement(Dialog.Root, { open, onOpenChange }, /* @__PURE__ */ import_react136.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react136.default.createElement(
+        return /* @__PURE__ */ import_react134.default.createElement(Dialog.Root, { open, onOpenChange }, /* @__PURE__ */ import_react134.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react134.default.createElement(
           Dialog.Content,
           {
             css: {
@@ -19710,9 +19519,9 @@ var init_StartRecording = __esm({
               bg: "#201617"
             }
           },
-          /* @__PURE__ */ import_react136.default.createElement(Dialog.Title, null, /* @__PURE__ */ import_react136.default.createElement(Flex, { gap: 2, css: { c: "$alert_error_default" } }, /* @__PURE__ */ import_react136.default.createElement(import_react_icons59.AlertTriangleIcon, null), /* @__PURE__ */ import_react136.default.createElement(Text, { css: { c: "inherit" }, variant: "h6" }, "End Recording"))),
-          /* @__PURE__ */ import_react136.default.createElement(Text, { variant: "sm", css: { c: "$on_surface_medium", my: "$8" } }, "Are you sure you want to end recording? You can\u2019t undo this action."),
-          /* @__PURE__ */ import_react136.default.createElement(Flex, { justify: "end", css: { mt: "$12" } }, /* @__PURE__ */ import_react136.default.createElement(Dialog.Close, { asChild: true }, /* @__PURE__ */ import_react136.default.createElement(Button, { outlined: true, css: { borderColor: "$secondary_bright", mr: "$4" } }, "Don't end")), /* @__PURE__ */ import_react136.default.createElement(
+          /* @__PURE__ */ import_react134.default.createElement(Dialog.Title, null, /* @__PURE__ */ import_react134.default.createElement(Flex, { gap: 2, css: { c: "$alert_error_default" } }, /* @__PURE__ */ import_react134.default.createElement(import_react_icons58.AlertTriangleIcon, null), /* @__PURE__ */ import_react134.default.createElement(Text, { css: { c: "inherit" }, variant: "h6" }, "End Recording"))),
+          /* @__PURE__ */ import_react134.default.createElement(Text, { variant: "sm", css: { c: "$on_surface_medium", my: "$8" } }, "Are you sure you want to end recording? You can\u2019t undo this action."),
+          /* @__PURE__ */ import_react134.default.createElement(Flex, { justify: "end", css: { mt: "$12" } }, /* @__PURE__ */ import_react134.default.createElement(Dialog.Close, { asChild: true }, /* @__PURE__ */ import_react134.default.createElement(Button, { outlined: true, css: { borderColor: "$secondary_bright", mr: "$4" } }, "Don't end")), /* @__PURE__ */ import_react134.default.createElement(
             Button,
             {
               "data-testid": "stop_recording_confirm_mobile",
@@ -19734,14 +19543,14 @@ var init_StartRecording = __esm({
           ))
         )));
       }
-      return /* @__PURE__ */ import_react136.default.createElement(Dialog.Root, { open, onOpenChange }, /* @__PURE__ */ import_react136.default.createElement(Dialog.Content, { css: { width: "min(400px,80%)", p: "$10" } }, /* @__PURE__ */ import_react136.default.createElement(Dialog.Title, null, /* @__PURE__ */ import_react136.default.createElement(Text, { variant: "h6" }, "Start Recording")), /* @__PURE__ */ import_react136.default.createElement(
+      return /* @__PURE__ */ import_react134.default.createElement(Dialog.Root, { open, onOpenChange }, /* @__PURE__ */ import_react134.default.createElement(Dialog.Content, { css: { width: "min(400px,80%)", p: "$10" } }, /* @__PURE__ */ import_react134.default.createElement(Dialog.Title, null, /* @__PURE__ */ import_react134.default.createElement(Text, { variant: "h6" }, "Start Recording")), /* @__PURE__ */ import_react134.default.createElement(
         ResolutionInput,
         {
           testId: "recording_resolution_mobile",
           css: { flexDirection: "column", alignItems: "start" },
           onResolutionChange: setResolution
         }
-      ), /* @__PURE__ */ import_react136.default.createElement(
+      ), /* @__PURE__ */ import_react134.default.createElement(
         Button,
         {
           "data-testid": "start_recording_confirm_mobile",
@@ -19782,13 +19591,13 @@ var init_StartRecording = __esm({
 });
 
 // src/Prebuilt/components/StatsForNerds.jsx
-var import_react137, import_react_sdk84, StatsForNerds, useTracksWithLabel, LocalPeerStats, TrackStats, StatsRow2, formatBytes2;
+var import_react135, import_react_sdk83, StatsForNerds, useTracksWithLabel, LocalPeerStats, TrackStats, StatsRow2, formatBytes2;
 var init_StatsForNerds = __esm({
   "src/Prebuilt/components/StatsForNerds.jsx"() {
     "use strict";
     init_define_process_env();
-    import_react137 = __toESM(require("react"));
-    import_react_sdk84 = require("@100mslive/react-sdk");
+    import_react135 = __toESM(require("react"));
+    import_react_sdk83 = require("@100mslive/react-sdk");
     init_Divider2();
     init_Dropdown2();
     init_Label2();
@@ -19803,21 +19612,21 @@ var init_StatsForNerds = __esm({
     StatsForNerds = ({ onOpenChange }) => {
       var _a7;
       const tracksWithLabels = useTracksWithLabel();
-      const statsOptions = (0, import_react137.useMemo)(
+      const statsOptions = (0, import_react135.useMemo)(
         () => [{ id: "local-peer", label: "Local Peer Stats" }, ...tracksWithLabels],
         [tracksWithLabels]
       );
-      const [selectedStat, setSelectedStat] = (0, import_react137.useState)(statsOptions[0]);
+      const [selectedStat, setSelectedStat] = (0, import_react135.useState)(statsOptions[0]);
       const [showStatsOnTiles, setShowStatsOnTiles] = useSetUiSettings(UI_SETTINGS.showStatsOnTiles);
-      const [open, setOpen] = (0, import_react137.useState)(false);
-      const ref = (0, import_react137.useRef)();
+      const [open, setOpen] = (0, import_react135.useState)(false);
+      const ref = (0, import_react135.useRef)();
       const selectionBg = useDropdownSelection();
-      (0, import_react137.useEffect)(() => {
+      (0, import_react135.useEffect)(() => {
         if (selectedStat.id !== "local-peer" && !tracksWithLabels.find((track) => track.id === selectedStat.id)) {
           setSelectedStat("local-peer");
         }
       }, [tracksWithLabels, selectedStat]);
-      return /* @__PURE__ */ import_react137.default.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ import_react137.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react137.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react137.default.createElement(
+      return /* @__PURE__ */ import_react135.default.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ import_react135.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react135.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react135.default.createElement(
         Dialog.Content,
         {
           css: {
@@ -19826,10 +19635,10 @@ var init_StatsForNerds = __esm({
             overflowY: "auto"
           }
         },
-        /* @__PURE__ */ import_react137.default.createElement(Dialog.Title, { css: { p: "$4 0" } }, /* @__PURE__ */ import_react137.default.createElement(Flex, { justify: "between" }, /* @__PURE__ */ import_react137.default.createElement(Flex, { align: "center", css: { mb: "$1" } }, /* @__PURE__ */ import_react137.default.createElement(Text, { variant: "h6", inline: true }, "Stats For Nerds")), /* @__PURE__ */ import_react137.default.createElement(Dialog.DefaultClose, { "data-testid": "stats_dialog_close_icon" }))),
-        /* @__PURE__ */ import_react137.default.createElement(HorizontalDivider, { css: { mt: "0.8rem" } }),
-        /* @__PURE__ */ import_react137.default.createElement(Flex, { justify: "start", gap: 4, css: { m: "$10 0" } }, /* @__PURE__ */ import_react137.default.createElement(Switch, { checked: showStatsOnTiles, onCheckedChange: setShowStatsOnTiles }), /* @__PURE__ */ import_react137.default.createElement(Text, { variant: "body2", css: { fontWeight: "$semiBold" } }, "Show Stats on Tiles")),
-        /* @__PURE__ */ import_react137.default.createElement(
+        /* @__PURE__ */ import_react135.default.createElement(Dialog.Title, { css: { p: "$4 0" } }, /* @__PURE__ */ import_react135.default.createElement(Flex, { justify: "between" }, /* @__PURE__ */ import_react135.default.createElement(Flex, { align: "center", css: { mb: "$1" } }, /* @__PURE__ */ import_react135.default.createElement(Text, { variant: "h6", inline: true }, "Stats For Nerds")), /* @__PURE__ */ import_react135.default.createElement(Dialog.DefaultClose, { "data-testid": "stats_dialog_close_icon" }))),
+        /* @__PURE__ */ import_react135.default.createElement(HorizontalDivider, { css: { mt: "0.8rem" } }),
+        /* @__PURE__ */ import_react135.default.createElement(Flex, { justify: "start", gap: 4, css: { m: "$10 0" } }, /* @__PURE__ */ import_react135.default.createElement(Switch, { checked: showStatsOnTiles, onCheckedChange: setShowStatsOnTiles }), /* @__PURE__ */ import_react135.default.createElement(Text, { variant: "body2", css: { fontWeight: "$semiBold" } }, "Show Stats on Tiles")),
+        /* @__PURE__ */ import_react135.default.createElement(
           Flex,
           {
             direction: "column",
@@ -19839,8 +19648,8 @@ var init_StatsForNerds = __esm({
               minWidth: 0
             }
           },
-          /* @__PURE__ */ import_react137.default.createElement(Label3, { variant: "body2" }, "Stats For"),
-          /* @__PURE__ */ import_react137.default.createElement(Dropdown.Root, { "data-testid": "dialog_select_Stats For", open, onOpenChange: setOpen }, /* @__PURE__ */ import_react137.default.createElement(
+          /* @__PURE__ */ import_react135.default.createElement(Label3, { variant: "body2" }, "Stats For"),
+          /* @__PURE__ */ import_react135.default.createElement(Dropdown.Root, { "data-testid": "dialog_select_Stats For", open, onOpenChange: setOpen }, /* @__PURE__ */ import_react135.default.createElement(
             DialogDropdownTrigger,
             {
               title: selectedStat.label || "Select Stats",
@@ -19849,9 +19658,9 @@ var init_StatsForNerds = __esm({
               open,
               ref
             }
-          ), /* @__PURE__ */ import_react137.default.createElement(Dropdown.Portal, null, /* @__PURE__ */ import_react137.default.createElement(Dropdown.Content, { align: "start", sideOffset: 8, css: { w: (_a7 = ref.current) == null ? void 0 : _a7.clientWidth, zIndex: 1e3 } }, statsOptions.map((option) => {
+          ), /* @__PURE__ */ import_react135.default.createElement(Dropdown.Portal, null, /* @__PURE__ */ import_react135.default.createElement(Dropdown.Content, { align: "start", sideOffset: 8, css: { w: (_a7 = ref.current) == null ? void 0 : _a7.clientWidth, zIndex: 1e3 } }, statsOptions.map((option) => {
             const isSelected = option.id === selectedStat.id && option.layer === selectedStat.layer;
-            return /* @__PURE__ */ import_react137.default.createElement(
+            return /* @__PURE__ */ import_react135.default.createElement(
               Dropdown.Item,
               {
                 key: `${option.id}-${option.layer || ""}`,
@@ -19868,14 +19677,14 @@ var init_StatsForNerds = __esm({
             );
           }))))
         ),
-        selectedStat.id === "local-peer" ? /* @__PURE__ */ import_react137.default.createElement(LocalPeerStats, null) : /* @__PURE__ */ import_react137.default.createElement(TrackStats, { trackID: selectedStat.id, layer: selectedStat.layer, local: selectedStat.local })
+        selectedStat.id === "local-peer" ? /* @__PURE__ */ import_react135.default.createElement(LocalPeerStats, null) : /* @__PURE__ */ import_react135.default.createElement(TrackStats, { trackID: selectedStat.id, layer: selectedStat.layer, local: selectedStat.local })
       )));
     };
     useTracksWithLabel = () => {
-      const tracksMap = (0, import_react_sdk84.useHMSStore)(import_react_sdk84.selectTracksMap);
-      const peersMap = (0, import_react_sdk84.useHMSStore)(import_react_sdk84.selectPeersMap);
-      const localPeerID = (0, import_react_sdk84.useHMSStore)(import_react_sdk84.selectLocalPeerID);
-      const tracksWithLabels = (0, import_react137.useMemo)(
+      const tracksMap = (0, import_react_sdk83.useHMSStore)(import_react_sdk83.selectTracksMap);
+      const peersMap = (0, import_react_sdk83.useHMSStore)(import_react_sdk83.selectPeersMap);
+      const localPeerID = (0, import_react_sdk83.useHMSStore)(import_react_sdk83.selectLocalPeerID);
+      const tracksWithLabels = (0, import_react135.useMemo)(
         () => Object.values(tracksMap).reduce((res, track) => {
           var _a7, _b7;
           const peerName = (_a7 = peersMap[track.peerId]) == null ? void 0 : _a7.name;
@@ -19906,17 +19715,17 @@ var init_StatsForNerds = __esm({
     };
     LocalPeerStats = () => {
       var _a7, _b7, _c, _d, _e, _f, _g, _h, _i3;
-      const stats = (0, import_react_sdk84.useHMSStatsStore)(import_react_sdk84.selectHMSStats.localPeerStats);
+      const stats = (0, import_react_sdk83.useHMSStatsStore)(import_react_sdk83.selectHMSStats.localPeerStats);
       if (!stats) {
         return null;
       }
-      return /* @__PURE__ */ import_react137.default.createElement(Flex, { css: { flexWrap: "wrap", gap: "$10" } }, /* @__PURE__ */ import_react137.default.createElement(StatsRow2, { label: "Packets Lost", value: (_a7 = stats.subscribe) == null ? void 0 : _a7.packetsLost }), /* @__PURE__ */ import_react137.default.createElement(StatsRow2, { label: "Jitter", value: (_b7 = stats.subscribe) == null ? void 0 : _b7.jitter }), /* @__PURE__ */ import_react137.default.createElement(StatsRow2, { label: "Publish Bitrate", value: formatBytes2((_c = stats.publish) == null ? void 0 : _c.bitrate, "b/s") }), /* @__PURE__ */ import_react137.default.createElement(StatsRow2, { label: "Subscribe Bitrate", value: formatBytes2((_d = stats.subscribe) == null ? void 0 : _d.bitrate, "b/s") }), /* @__PURE__ */ import_react137.default.createElement(
+      return /* @__PURE__ */ import_react135.default.createElement(Flex, { css: { flexWrap: "wrap", gap: "$10" } }, /* @__PURE__ */ import_react135.default.createElement(StatsRow2, { label: "Packets Lost", value: (_a7 = stats.subscribe) == null ? void 0 : _a7.packetsLost }), /* @__PURE__ */ import_react135.default.createElement(StatsRow2, { label: "Jitter", value: (_b7 = stats.subscribe) == null ? void 0 : _b7.jitter }), /* @__PURE__ */ import_react135.default.createElement(StatsRow2, { label: "Publish Bitrate", value: formatBytes2((_c = stats.publish) == null ? void 0 : _c.bitrate, "b/s") }), /* @__PURE__ */ import_react135.default.createElement(StatsRow2, { label: "Subscribe Bitrate", value: formatBytes2((_d = stats.subscribe) == null ? void 0 : _d.bitrate, "b/s") }), /* @__PURE__ */ import_react135.default.createElement(
         StatsRow2,
         {
           label: "Available Outgoing Bitrate",
           value: formatBytes2((_e = stats.publish) == null ? void 0 : _e.availableOutgoingBitrate, "b/s")
         }
-      ), /* @__PURE__ */ import_react137.default.createElement(StatsRow2, { label: "Total Bytes Sent", value: formatBytes2((_f = stats.publish) == null ? void 0 : _f.bytesSent) }), /* @__PURE__ */ import_react137.default.createElement(StatsRow2, { label: "Total Bytes Received", value: formatBytes2((_g = stats.subscribe) == null ? void 0 : _g.bytesReceived) }), /* @__PURE__ */ import_react137.default.createElement(
+      ), /* @__PURE__ */ import_react135.default.createElement(StatsRow2, { label: "Total Bytes Sent", value: formatBytes2((_f = stats.publish) == null ? void 0 : _f.bytesSent) }), /* @__PURE__ */ import_react135.default.createElement(StatsRow2, { label: "Total Bytes Received", value: formatBytes2((_g = stats.subscribe) == null ? void 0 : _g.bytesReceived) }), /* @__PURE__ */ import_react135.default.createElement(
         StatsRow2,
         {
           label: "Round Trip Time",
@@ -19926,21 +19735,21 @@ var init_StatsForNerds = __esm({
     };
     TrackStats = ({ trackID, layer, local }) => {
       var _a7;
-      const selector = layer ? import_react_sdk84.selectHMSStats.localVideoTrackStatsByLayer(layer)(trackID) : local ? import_react_sdk84.selectHMSStats.localAudioTrackStatsByID(trackID) : import_react_sdk84.selectHMSStats.trackStatsByID(trackID);
-      const stats = (0, import_react_sdk84.useHMSStatsStore)(selector);
+      const selector = layer ? import_react_sdk83.selectHMSStats.localVideoTrackStatsByLayer(layer)(trackID) : local ? import_react_sdk83.selectHMSStats.localAudioTrackStatsByID(trackID) : import_react_sdk83.selectHMSStats.trackStatsByID(trackID);
+      const stats = (0, import_react_sdk83.useHMSStatsStore)(selector);
       if (!stats) {
         return null;
       }
       const inbound = stats.type.includes("inbound");
-      return /* @__PURE__ */ import_react137.default.createElement(Flex, { css: { flexWrap: "wrap", gap: "$10" } }, /* @__PURE__ */ import_react137.default.createElement(StatsRow2, { label: "Type", value: stats.type + " " + stats.kind }), /* @__PURE__ */ import_react137.default.createElement(StatsRow2, { label: "Bitrate", value: formatBytes2(stats.bitrate, "b/s") }), /* @__PURE__ */ import_react137.default.createElement(StatsRow2, { label: "Packets Lost", value: stats.packetsLost }), /* @__PURE__ */ import_react137.default.createElement(StatsRow2, { label: "Jitter", value: (_a7 = stats.jitter) == null ? void 0 : _a7.toFixed(3) }), /* @__PURE__ */ import_react137.default.createElement(
+      return /* @__PURE__ */ import_react135.default.createElement(Flex, { css: { flexWrap: "wrap", gap: "$10" } }, /* @__PURE__ */ import_react135.default.createElement(StatsRow2, { label: "Type", value: stats.type + " " + stats.kind }), /* @__PURE__ */ import_react135.default.createElement(StatsRow2, { label: "Bitrate", value: formatBytes2(stats.bitrate, "b/s") }), /* @__PURE__ */ import_react135.default.createElement(StatsRow2, { label: "Packets Lost", value: stats.packetsLost }), /* @__PURE__ */ import_react135.default.createElement(StatsRow2, { label: "Jitter", value: (_a7 = stats.jitter) == null ? void 0 : _a7.toFixed(3) }), /* @__PURE__ */ import_react135.default.createElement(
         StatsRow2,
         {
           label: inbound ? "Bytes Received" : "Bytes Sent",
           value: formatBytes2(inbound ? stats.bytesReceived : stats.bytesSent)
         }
-      ), stats.kind === "video" && /* @__PURE__ */ import_react137.default.createElement(import_react137.default.Fragment, null, /* @__PURE__ */ import_react137.default.createElement(StatsRow2, { label: "Framerate", value: stats.framesPerSecond }), !inbound && /* @__PURE__ */ import_react137.default.createElement(StatsRow2, { label: "Quality Limitation Reason", value: stats.qualityLimitationReason })), /* @__PURE__ */ import_react137.default.createElement(StatsRow2, { label: "Round Trip Time", value: stats.roundTripTime ? `${stats.roundTripTime * 1e3} ms` : "-" }));
+      ), stats.kind === "video" && /* @__PURE__ */ import_react135.default.createElement(import_react135.default.Fragment, null, /* @__PURE__ */ import_react135.default.createElement(StatsRow2, { label: "Framerate", value: stats.framesPerSecond }), !inbound && /* @__PURE__ */ import_react135.default.createElement(StatsRow2, { label: "Quality Limitation Reason", value: stats.qualityLimitationReason })), /* @__PURE__ */ import_react135.default.createElement(StatsRow2, { label: "Round Trip Time", value: stats.roundTripTime ? `${stats.roundTripTime * 1e3} ms` : "-" }));
     };
-    StatsRow2 = import_react137.default.memo(({ label, value }) => /* @__PURE__ */ import_react137.default.createElement(Box, { css: { bg: "$surface_bright", w: "calc(50% - $6)", p: "$8", r: "$3" } }, /* @__PURE__ */ import_react137.default.createElement(
+    StatsRow2 = import_react135.default.memo(({ label, value }) => /* @__PURE__ */ import_react135.default.createElement(Box, { css: { bg: "$surface_bright", w: "calc(50% - $6)", p: "$8", r: "$3" } }, /* @__PURE__ */ import_react135.default.createElement(
       Text,
       {
         variant: "overline",
@@ -19951,7 +19760,7 @@ var init_StatsForNerds = __esm({
         }
       },
       label
-    ), /* @__PURE__ */ import_react137.default.createElement(Text, { variant: "sub1", css: { fontWeight: "$semiBold", color: "$on_surface_high" } }, value || "-")));
+    ), /* @__PURE__ */ import_react135.default.createElement(Text, { variant: "sub1", css: { fontWeight: "$semiBold", color: "$on_surface_high" } }, value || "-")));
     formatBytes2 = (bytes, unit = "B", decimals = 2) => {
       if (bytes === void 0)
         return "-";
@@ -19967,14 +19776,14 @@ var init_StatsForNerds = __esm({
 });
 
 // src/Prebuilt/components/MoreSettings/BulkRoleChangeModal.jsx
-var import_react138, import_react_sdk85, import_react_icons60, BulkRoleChangeModal;
+var import_react136, import_react_sdk84, import_react_icons59, BulkRoleChangeModal;
 var init_BulkRoleChangeModal = __esm({
   "src/Prebuilt/components/MoreSettings/BulkRoleChangeModal.jsx"() {
     "use strict";
     init_define_process_env();
-    import_react138 = __toESM(require("react"));
-    import_react_sdk85 = require("@100mslive/react-sdk");
-    import_react_icons60 = require("@100mslive/react-icons");
+    import_react136 = __toESM(require("react"));
+    import_react_sdk84 = require("@100mslive/react-sdk");
+    import_react_icons59 = require("@100mslive/react-icons");
     init_src();
     init_DialogContent2();
     init_DropdownTrigger();
@@ -19982,16 +19791,16 @@ var init_BulkRoleChangeModal = __esm({
     BulkRoleChangeModal = ({ onOpenChange }) => {
       var _a7, _b7;
       const roles = useFilteredRoles();
-      const hmsActions = (0, import_react_sdk85.useHMSActions)();
-      const ref = (0, import_react138.useRef)(null);
-      const roleRef = (0, import_react138.useRef)(null);
-      const [selectedBulkRole, setBulkRole] = (0, import_react138.useState)([]);
-      const [selectedRole, setRole] = (0, import_react138.useState)("");
-      const [bulkRoleDialog, setBulkRoleDialog] = (0, import_react138.useState)(false);
-      const [roleDialog, setRoleDialog] = (0, import_react138.useState)(false);
-      const [errorMessage, setErrorMessage] = (0, import_react138.useState)("");
-      const [isSubmiting, setIsSubmiting] = (0, import_react138.useState)(false);
-      const changeBulkRole = (0, import_react138.useCallback)(() => __async(void 0, null, function* () {
+      const hmsActions = (0, import_react_sdk84.useHMSActions)();
+      const ref = (0, import_react136.useRef)(null);
+      const roleRef = (0, import_react136.useRef)(null);
+      const [selectedBulkRole, setBulkRole] = (0, import_react136.useState)([]);
+      const [selectedRole, setRole] = (0, import_react136.useState)("");
+      const [bulkRoleDialog, setBulkRoleDialog] = (0, import_react136.useState)(false);
+      const [roleDialog, setRoleDialog] = (0, import_react136.useState)(false);
+      const [errorMessage, setErrorMessage] = (0, import_react136.useState)("");
+      const [isSubmiting, setIsSubmiting] = (0, import_react136.useState)(false);
+      const changeBulkRole = (0, import_react136.useCallback)(() => __async(void 0, null, function* () {
         if (selectedBulkRole.length > 0 && selectedRole) {
           try {
             setIsSubmiting(true);
@@ -20005,7 +19814,7 @@ var init_BulkRoleChangeModal = __esm({
           }
         }
       }), [selectedBulkRole, selectedRole, hmsActions, onOpenChange]);
-      return /* @__PURE__ */ import_react138.default.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ import_react138.default.createElement(DialogContent, { title: "Bulk Role Change", Icon: import_react_icons60.ChangeRoleIcon }, /* @__PURE__ */ import_react138.default.createElement(DialogRow, null, /* @__PURE__ */ import_react138.default.createElement(Text, null, "For Roles: "), /* @__PURE__ */ import_react138.default.createElement(
+      return /* @__PURE__ */ import_react136.default.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ import_react136.default.createElement(DialogContent, { title: "Bulk Role Change", Icon: import_react_icons59.ChangeRoleIcon }, /* @__PURE__ */ import_react136.default.createElement(DialogRow, null, /* @__PURE__ */ import_react136.default.createElement(Text, null, "For Roles: "), /* @__PURE__ */ import_react136.default.createElement(
         Dropdown.Root,
         {
           open: bulkRoleDialog,
@@ -20016,7 +19825,7 @@ var init_BulkRoleChangeModal = __esm({
           },
           modal: false
         },
-        /* @__PURE__ */ import_react138.default.createElement(
+        /* @__PURE__ */ import_react136.default.createElement(
           DialogDropdownTrigger,
           {
             ref,
@@ -20028,7 +19837,7 @@ var init_BulkRoleChangeModal = __esm({
             open: bulkRoleDialog
           }
         ),
-        /* @__PURE__ */ import_react138.default.createElement(
+        /* @__PURE__ */ import_react136.default.createElement(
           Dropdown.Content,
           {
             css: { w: (_a7 = ref.current) == null ? void 0 : _a7.clientWidth, zIndex: 1e3 },
@@ -20039,7 +19848,7 @@ var init_BulkRoleChangeModal = __esm({
             }
           },
           roles && roles.map((role) => {
-            return /* @__PURE__ */ import_react138.default.createElement(
+            return /* @__PURE__ */ import_react136.default.createElement(
               Dropdown.CheckboxItem,
               {
                 key: role,
@@ -20051,12 +19860,12 @@ var init_BulkRoleChangeModal = __esm({
                   setErrorMessage("");
                 }
               },
-              /* @__PURE__ */ import_react138.default.createElement(Checkbox.Root, { css: { margin: "$2" }, checked: selectedBulkRole.includes(role) }, /* @__PURE__ */ import_react138.default.createElement(Checkbox.Indicator, null, /* @__PURE__ */ import_react138.default.createElement(import_react_icons60.CheckIcon, { width: 16, height: 16 }))),
+              /* @__PURE__ */ import_react136.default.createElement(Checkbox.Root, { css: { margin: "$2" }, checked: selectedBulkRole.includes(role) }, /* @__PURE__ */ import_react136.default.createElement(Checkbox.Indicator, null, /* @__PURE__ */ import_react136.default.createElement(import_react_icons59.CheckIcon, { width: 16, height: 16 }))),
               role
             );
           })
         )
-      )), /* @__PURE__ */ import_react138.default.createElement(DialogRow, null, /* @__PURE__ */ import_react138.default.createElement(Text, null, "To Role: "), /* @__PURE__ */ import_react138.default.createElement(Dropdown.Root, { open: roleDialog, onOpenChange: (value) => setRoleDialog(value) }, /* @__PURE__ */ import_react138.default.createElement(
+      )), /* @__PURE__ */ import_react136.default.createElement(DialogRow, null, /* @__PURE__ */ import_react136.default.createElement(Text, null, "To Role: "), /* @__PURE__ */ import_react136.default.createElement(Dropdown.Root, { open: roleDialog, onOpenChange: (value) => setRoleDialog(value) }, /* @__PURE__ */ import_react136.default.createElement(
         DialogDropdownTrigger,
         {
           ref: roleRef,
@@ -20067,8 +19876,8 @@ var init_BulkRoleChangeModal = __esm({
           },
           open: roleDialog
         }
-      ), /* @__PURE__ */ import_react138.default.createElement(Dropdown.Content, { css: { w: (_b7 = roleRef.current) == null ? void 0 : _b7.clientWidth, zIndex: 1e3 } }, roles && roles.map((role) => {
-        return /* @__PURE__ */ import_react138.default.createElement(
+      ), /* @__PURE__ */ import_react136.default.createElement(Dropdown.Content, { css: { w: (_b7 = roleRef.current) == null ? void 0 : _b7.clientWidth, zIndex: 1e3 } }, roles && roles.map((role) => {
+        return /* @__PURE__ */ import_react136.default.createElement(
           Dropdown.Item,
           {
             key: role,
@@ -20079,27 +19888,27 @@ var init_BulkRoleChangeModal = __esm({
           },
           role
         );
-      })))), /* @__PURE__ */ import_react138.default.createElement(DialogRow, null, errorMessage && /* @__PURE__ */ import_react138.default.createElement(Flex, { gap: 2, css: { c: "$alert_error_default", w: "70%", ml: "auto" } }, /* @__PURE__ */ import_react138.default.createElement(import_react_icons60.AlertTriangleIcon, null), /* @__PURE__ */ import_react138.default.createElement(Text, { css: { c: "inherit" } }, errorMessage))), /* @__PURE__ */ import_react138.default.createElement(DialogRow, { justify: "end" }, /* @__PURE__ */ import_react138.default.createElement(Button, { variant: "primary", onClick: changeBulkRole, disabled: !(selectedRole && selectedBulkRole.length > 0) }, isSubmiting && /* @__PURE__ */ import_react138.default.createElement(Loading, { css: { color: "$on_primary_medium" } }), "Apply"))));
+      })))), /* @__PURE__ */ import_react136.default.createElement(DialogRow, null, errorMessage && /* @__PURE__ */ import_react136.default.createElement(Flex, { gap: 2, css: { c: "$alert_error_default", w: "70%", ml: "auto" } }, /* @__PURE__ */ import_react136.default.createElement(import_react_icons59.AlertTriangleIcon, null), /* @__PURE__ */ import_react136.default.createElement(Text, { css: { c: "inherit" } }, errorMessage))), /* @__PURE__ */ import_react136.default.createElement(DialogRow, { justify: "end" }, /* @__PURE__ */ import_react136.default.createElement(Button, { variant: "primary", onClick: changeBulkRole, disabled: !(selectedRole && selectedBulkRole.length > 0) }, isSubmiting && /* @__PURE__ */ import_react136.default.createElement(Loading, { css: { color: "$on_primary_medium" } }), "Apply"))));
     };
   }
 });
 
 // src/Prebuilt/components/MoreSettings/ChangeNameModal.jsx
-var import_react139, import_react_sdk86, ChangeNameModal;
+var import_react137, import_react_sdk85, ChangeNameModal;
 var init_ChangeNameModal = __esm({
   "src/Prebuilt/components/MoreSettings/ChangeNameModal.jsx"() {
     "use strict";
     init_define_process_env();
-    import_react139 = __toESM(require("react"));
-    import_react_sdk86 = require("@100mslive/react-sdk");
+    import_react137 = __toESM(require("react"));
+    import_react_sdk85 = require("@100mslive/react-sdk");
     init_src();
     init_ToastManager();
     init_useUserPreferences();
     ChangeNameModal = ({ onOpenChange }) => {
       const [previewPreference, setPreviewPreference] = useUserPreferences(UserPreferencesKeys.PREVIEW);
-      const hmsActions = (0, import_react_sdk86.useHMSActions)();
-      const localPeerName = (0, import_react_sdk86.useHMSStore)(import_react_sdk86.selectLocalPeerName);
-      const [currentName, setCurrentName] = (0, import_react139.useState)(localPeerName);
+      const hmsActions = (0, import_react_sdk85.useHMSActions)();
+      const localPeerName = (0, import_react_sdk85.useHMSStore)(import_react_sdk85.selectLocalPeerName);
+      const [currentName, setCurrentName] = (0, import_react137.useState)(localPeerName);
       const changeName = () => __async(void 0, null, function* () {
         const name = currentName.trim();
         if (!name || name === localPeerName) {
@@ -20117,7 +19926,7 @@ var init_ChangeNameModal = __esm({
           onOpenChange(false);
         }
       });
-      return /* @__PURE__ */ import_react139.default.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ import_react139.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react139.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react139.default.createElement(Dialog.Content, { css: { width: "min(400px,80%)", p: "$10" } }, /* @__PURE__ */ import_react139.default.createElement(Dialog.Title, { css: { p: "0 $4" } }, /* @__PURE__ */ import_react139.default.createElement(Text, { variant: "h6" }, " Change Name")), /* @__PURE__ */ import_react139.default.createElement(
+      return /* @__PURE__ */ import_react137.default.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ import_react137.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react137.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react137.default.createElement(Dialog.Content, { css: { width: "min(400px,80%)", p: "$10" } }, /* @__PURE__ */ import_react137.default.createElement(Dialog.Title, { css: { p: "0 $4" } }, /* @__PURE__ */ import_react137.default.createElement(Text, { variant: "h6" }, " Change Name")), /* @__PURE__ */ import_react137.default.createElement(
         "form",
         {
           onSubmit: (e) => __async(void 0, null, function* () {
@@ -20125,7 +19934,7 @@ var init_ChangeNameModal = __esm({
             yield changeName();
           })
         },
-        /* @__PURE__ */ import_react139.default.createElement(Flex, { justify: "center", align: "center", css: { my: "$8", w: "100%" } }, /* @__PURE__ */ import_react139.default.createElement(
+        /* @__PURE__ */ import_react137.default.createElement(Flex, { justify: "center", align: "center", css: { my: "$8", w: "100%" } }, /* @__PURE__ */ import_react137.default.createElement(
           Input,
           {
             css: { width: "100%" },
@@ -20138,7 +19947,7 @@ var init_ChangeNameModal = __esm({
             "data-testid": "change_name_field"
           }
         )),
-        /* @__PURE__ */ import_react139.default.createElement(
+        /* @__PURE__ */ import_react137.default.createElement(
           Flex,
           {
             justify: "between",
@@ -20149,8 +19958,8 @@ var init_ChangeNameModal = __esm({
               mt: "$10"
             }
           },
-          /* @__PURE__ */ import_react139.default.createElement(Box, { css: { w: "50%" } }, /* @__PURE__ */ import_react139.default.createElement(Dialog.Close, { css: { w: "100%" } }, /* @__PURE__ */ import_react139.default.createElement(Button, { variant: "standard", css: { w: "100%" }, outlined: true, type: "submit", disabled: !localPeerName }, "Cancel"))),
-          /* @__PURE__ */ import_react139.default.createElement(Box, { css: { w: "50%" } }, /* @__PURE__ */ import_react139.default.createElement(
+          /* @__PURE__ */ import_react137.default.createElement(Box, { css: { w: "50%" } }, /* @__PURE__ */ import_react137.default.createElement(Dialog.Close, { css: { w: "100%" } }, /* @__PURE__ */ import_react137.default.createElement(Button, { variant: "standard", css: { w: "100%" }, outlined: true, type: "submit", disabled: !localPeerName }, "Cancel"))),
+          /* @__PURE__ */ import_react137.default.createElement(Box, { css: { w: "50%" } }, /* @__PURE__ */ import_react137.default.createElement(
             Button,
             {
               variant: "primary",
@@ -20168,15 +19977,15 @@ var init_ChangeNameModal = __esm({
 });
 
 // src/Prebuilt/components/MoreSettings/ChangeSelfRole.jsx
-var import_react140, import_react_use23, import_react_sdk87, import_react_icons61, ChangeSelfRole;
+var import_react138, import_react_use23, import_react_sdk86, import_react_icons60, ChangeSelfRole;
 var init_ChangeSelfRole = __esm({
   "src/Prebuilt/components/MoreSettings/ChangeSelfRole.jsx"() {
     "use strict";
     init_define_process_env();
-    import_react140 = __toESM(require("react"));
+    import_react138 = __toESM(require("react"));
     import_react_use23 = require("react-use");
-    import_react_sdk87 = require("@100mslive/react-sdk");
-    import_react_icons61 = require("@100mslive/react-icons");
+    import_react_sdk86 = require("@100mslive/react-sdk");
+    import_react_icons60 = require("@100mslive/react-icons");
     init_src();
     init_ToastManager();
     init_useAppLayout();
@@ -20184,17 +19993,17 @@ var init_ChangeSelfRole = __esm({
     init_utils2();
     ChangeSelfRole = ({ onClick }) => {
       const roles = useFilteredRoles();
-      const permissions = (0, import_react_sdk87.useHMSStore)(import_react_sdk87.selectPermissions);
-      const localPeerId = (0, import_react_sdk87.useHMSStore)(import_react_sdk87.selectLocalPeerID);
-      const localPeerRole = (0, import_react_sdk87.useHMSStore)(import_react_sdk87.selectLocalPeerRoleName);
-      const hmsActions = (0, import_react_sdk87.useHMSActions)();
+      const permissions = (0, import_react_sdk86.useHMSStore)(import_react_sdk86.selectPermissions);
+      const localPeerId = (0, import_react_sdk86.useHMSStore)(import_react_sdk86.selectLocalPeerID);
+      const localPeerRole = (0, import_react_sdk86.useHMSStore)(import_react_sdk86.selectLocalPeerRoleName);
+      const hmsActions = (0, import_react_sdk86.useHMSActions)();
       const hideTriggerItem = (0, import_react_use23.useMedia)(config.media.sm);
       const selfRoleChangeTo = useAppLayout("selfRoleChangeTo");
-      const availableSelfChangeRoles = (0, import_react140.useMemo)(() => arrayIntersection(selfRoleChangeTo, roles), [roles, selfRoleChangeTo]);
+      const availableSelfChangeRoles = (0, import_react138.useMemo)(() => arrayIntersection(selfRoleChangeTo, roles), [roles, selfRoleChangeTo]);
       if (!permissions.changeRole) {
         return null;
       }
-      return hideTriggerItem ? /* @__PURE__ */ import_react140.default.createElement(Dropdown.Item, { onClick }, /* @__PURE__ */ import_react140.default.createElement(import_react_icons61.PersonIcon, null), /* @__PURE__ */ import_react140.default.createElement(Text, { variant: "sm", css: { mx: "$4" } }, "Change My Role")) : /* @__PURE__ */ import_react140.default.createElement(Dropdown.SubMenu, null, /* @__PURE__ */ import_react140.default.createElement(Dropdown.TriggerItem, { "data-testid": "change_my_role_btn" }, /* @__PURE__ */ import_react140.default.createElement(import_react_icons61.PersonIcon, null), /* @__PURE__ */ import_react140.default.createElement(Text, { variant: "sm", css: { flex: "1 1 0", mx: "$4" } }, "Change My Role"), /* @__PURE__ */ import_react140.default.createElement(import_react_icons61.ArrowRightIcon, null)), /* @__PURE__ */ import_react140.default.createElement(Dropdown.SubMenuContent, { sideOffset: 8, alignOffset: -5, css: { py: "$0", "@md": { w: "$64" } } }, availableSelfChangeRoles.map((role) => /* @__PURE__ */ import_react140.default.createElement(
+      return hideTriggerItem ? /* @__PURE__ */ import_react138.default.createElement(Dropdown.Item, { onClick }, /* @__PURE__ */ import_react138.default.createElement(import_react_icons60.PersonIcon, null), /* @__PURE__ */ import_react138.default.createElement(Text, { variant: "sm", css: { mx: "$4" } }, "Change My Role")) : /* @__PURE__ */ import_react138.default.createElement(Dropdown.SubMenu, null, /* @__PURE__ */ import_react138.default.createElement(Dropdown.TriggerItem, { "data-testid": "change_my_role_btn" }, /* @__PURE__ */ import_react138.default.createElement(import_react_icons60.PersonIcon, null), /* @__PURE__ */ import_react138.default.createElement(Text, { variant: "sm", css: { flex: "1 1 0", mx: "$4" } }, "Change My Role"), /* @__PURE__ */ import_react138.default.createElement(import_react_icons60.ArrowRightIcon, null)), /* @__PURE__ */ import_react138.default.createElement(Dropdown.SubMenuContent, { sideOffset: 8, alignOffset: -5, css: { py: "$0", "@md": { w: "$64" } } }, availableSelfChangeRoles.map((role) => /* @__PURE__ */ import_react138.default.createElement(
         Dropdown.Item,
         {
           key: role,
@@ -20208,8 +20017,8 @@ var init_ChangeSelfRole = __esm({
           }),
           "data-testid": "change_to_role_" + role
         },
-        /* @__PURE__ */ import_react140.default.createElement(Text, { variant: "sm" }, role),
-        localPeerRole === role && /* @__PURE__ */ import_react140.default.createElement(import_react_icons61.CheckIcon, { width: 16, height: 16 })
+        /* @__PURE__ */ import_react138.default.createElement(Text, { variant: "sm" }, role),
+        localPeerRole === role && /* @__PURE__ */ import_react138.default.createElement(import_react_icons60.CheckIcon, { width: 16, height: 16 })
       ))));
     };
   }
@@ -20218,10 +20027,10 @@ var init_ChangeSelfRole = __esm({
 // src/Prebuilt/components/MoreSettings/EmbedUrl.jsx
 function EmbedUrlModal({ onOpenChange }) {
   const [embedConfig, setEmbedConfig] = useSetAppDataByKey(APP_DATA.embedConfig);
-  const [url, setUrl] = (0, import_react141.useState)((embedConfig == null ? void 0 : embedConfig.url) || "");
+  const [url, setUrl] = (0, import_react139.useState)((embedConfig == null ? void 0 : embedConfig.url) || "");
   const isAnythingEmbedded = !!(embedConfig == null ? void 0 : embedConfig.url);
   const isModifying = isAnythingEmbedded && url && url !== embedConfig.url;
-  return /* @__PURE__ */ import_react141.default.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ import_react141.default.createElement(DialogContent, { title: "Embed URL", Icon: import_react_icons62.ViewIcon }, /* @__PURE__ */ import_react141.default.createElement(DialogInput, { title: "URL", value: url, onChange: setUrl, placeholder: "https://www.tldraw.com/", type: "url" }), /* @__PURE__ */ import_react141.default.createElement(DialogRow, null, /* @__PURE__ */ import_react141.default.createElement(Text, null, "Embed a url and share with everyone in the room. Ensure that you're sharing the current tab when the prompt opens. Note that not all websites support being embedded.")), /* @__PURE__ */ import_react141.default.createElement(DialogRow, { justify: "end" }, isAnythingEmbedded ? /* @__PURE__ */ import_react141.default.createElement(import_react141.default.Fragment, null, /* @__PURE__ */ import_react141.default.createElement(
+  return /* @__PURE__ */ import_react139.default.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ import_react139.default.createElement(DialogContent, { title: "Embed URL", Icon: import_react_icons61.ViewIcon }, /* @__PURE__ */ import_react139.default.createElement(DialogInput, { title: "URL", value: url, onChange: setUrl, placeholder: "https://www.tldraw.com/", type: "url" }), /* @__PURE__ */ import_react139.default.createElement(DialogRow, null, /* @__PURE__ */ import_react139.default.createElement(Text, null, "Embed a url and share with everyone in the room. Ensure that you're sharing the current tab when the prompt opens. Note that not all websites support being embedded.")), /* @__PURE__ */ import_react139.default.createElement(DialogRow, { justify: "end" }, isAnythingEmbedded ? /* @__PURE__ */ import_react139.default.createElement(import_react139.default.Fragment, null, /* @__PURE__ */ import_react139.default.createElement(
     Button,
     {
       variant: "primary",
@@ -20235,7 +20044,7 @@ function EmbedUrlModal({ onOpenChange }) {
       css: { mr: "$4" }
     },
     "Update Embed"
-  ), /* @__PURE__ */ import_react141.default.createElement(
+  ), /* @__PURE__ */ import_react139.default.createElement(
     Button,
     {
       variant: "danger",
@@ -20247,7 +20056,7 @@ function EmbedUrlModal({ onOpenChange }) {
       "data-testid": "embed_url_btn"
     },
     "Stop Embed"
-  )) : /* @__PURE__ */ import_react141.default.createElement(import_react141.default.Fragment, null, /* @__PURE__ */ import_react141.default.createElement(
+  )) : /* @__PURE__ */ import_react139.default.createElement(import_react139.default.Fragment, null, /* @__PURE__ */ import_react139.default.createElement(
     Button,
     {
       variant: "primary",
@@ -20261,7 +20070,7 @@ function EmbedUrlModal({ onOpenChange }) {
       css: { mr: "$4" }
     },
     "Just Embed"
-  ), /* @__PURE__ */ import_react141.default.createElement(
+  ), /* @__PURE__ */ import_react139.default.createElement(
     Button,
     {
       variant: "primary",
@@ -20276,13 +20085,13 @@ function EmbedUrlModal({ onOpenChange }) {
     "Embed and Share"
   )))));
 }
-var import_react141, import_react_icons62, EmbedUrl;
+var import_react139, import_react_icons61, EmbedUrl;
 var init_EmbedUrl = __esm({
   "src/Prebuilt/components/MoreSettings/EmbedUrl.jsx"() {
     "use strict";
     init_define_process_env();
-    import_react141 = __toESM(require("react"));
-    import_react_icons62 = require("@100mslive/react-icons");
+    import_react139 = __toESM(require("react"));
+    import_react_icons61 = require("@100mslive/react-icons");
     init_src();
     init_DialogContent2();
     init_useUISettings();
@@ -20291,7 +20100,7 @@ var init_EmbedUrl = __esm({
       if (!window.CropTarget) {
         return null;
       }
-      return /* @__PURE__ */ import_react141.default.createElement(
+      return /* @__PURE__ */ import_react139.default.createElement(
         Dropdown.Item,
         {
           onClick: () => {
@@ -20299,25 +20108,25 @@ var init_EmbedUrl = __esm({
           },
           "data-testid": "embed_url_btn"
         },
-        /* @__PURE__ */ import_react141.default.createElement(import_react_icons62.ViewIcon, null),
-        /* @__PURE__ */ import_react141.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Embed URL")
+        /* @__PURE__ */ import_react139.default.createElement(import_react_icons61.ViewIcon, null),
+        /* @__PURE__ */ import_react139.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Embed URL")
       );
     };
   }
 });
 
 // src/Prebuilt/components/hooks/useFullscreen.js
-var import_react142, import_screenfull4, useFullscreen4;
+var import_react140, import_screenfull4, useFullscreen4;
 var init_useFullscreen = __esm({
   "src/Prebuilt/components/hooks/useFullscreen.js"() {
     "use strict";
     init_define_process_env();
-    import_react142 = require("react");
+    import_react140 = require("react");
     import_screenfull4 = __toESM(require("screenfull"));
     init_ToastManager();
     useFullscreen4 = () => {
-      const [isFullScreenEnabled, setIsFullScreenEnabled] = (0, import_react142.useState)(import_screenfull4.default.isFullscreen);
-      const toggle = (0, import_react142.useCallback)(() => __async(void 0, null, function* () {
+      const [isFullScreenEnabled, setIsFullScreenEnabled] = (0, import_react140.useState)(import_screenfull4.default.isFullscreen);
+      const toggle = (0, import_react140.useCallback)(() => __async(void 0, null, function* () {
         if (!import_screenfull4.default.isEnabled) {
           ToastManager.addToast({ title: "Fullscreen feature not supported" });
           return;
@@ -20332,7 +20141,7 @@ var init_useFullscreen = __esm({
           ToastManager.addToast({ title: err.message });
         }
       }), [isFullScreenEnabled]);
-      (0, import_react142.useEffect)(() => {
+      (0, import_react140.useEffect)(() => {
         const onChange = () => {
           setIsFullScreenEnabled(import_screenfull4.default.isFullscreen);
         };
@@ -20355,13 +20164,13 @@ var init_useFullscreen = __esm({
 });
 
 // src/Prebuilt/components/MoreSettings/FullScreenItem.jsx
-var import_react143, import_react_icons63, FullScreenItem;
+var import_react141, import_react_icons62, FullScreenItem;
 var init_FullScreenItem = __esm({
   "src/Prebuilt/components/MoreSettings/FullScreenItem.jsx"() {
     "use strict";
     init_define_process_env();
-    import_react143 = __toESM(require("react"));
-    import_react_icons63 = require("@100mslive/react-icons");
+    import_react141 = __toESM(require("react"));
+    import_react_icons62 = require("@100mslive/react-icons");
     init_src();
     init_useFeatures();
     init_useFullscreen();
@@ -20372,7 +20181,7 @@ var init_FullScreenItem = __esm({
       if (!isFullscreenEnabled || !allowed) {
         return null;
       }
-      return /* @__PURE__ */ import_react143.default.createElement(
+      return /* @__PURE__ */ import_react141.default.createElement(
         Dropdown.Item,
         {
           onClick: () => {
@@ -20380,22 +20189,22 @@ var init_FullScreenItem = __esm({
           },
           "data-testid": "full_screen_btn"
         },
-        /* @__PURE__ */ import_react143.default.createElement(import_react_icons63.ExpandIcon, null),
-        /* @__PURE__ */ import_react143.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, isFullscreen ? "Exit " : "Go ", "Fullscreen")
+        /* @__PURE__ */ import_react141.default.createElement(import_react_icons62.ExpandIcon, null),
+        /* @__PURE__ */ import_react141.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, isFullscreen ? "Exit " : "Go ", "Fullscreen")
       );
     };
   }
 });
 
 // src/Prebuilt/components/MoreSettings/MuteAllModal.jsx
-var import_react144, import_react_sdk88, import_react_icons64, trackSourceOptions, trackTypeOptions, MuteAllModal;
+var import_react142, import_react_sdk87, import_react_icons63, trackSourceOptions, trackTypeOptions, MuteAllModal;
 var init_MuteAllModal = __esm({
   "src/Prebuilt/components/MoreSettings/MuteAllModal.jsx"() {
     "use strict";
     init_define_process_env();
-    import_react144 = __toESM(require("react"));
-    import_react_sdk88 = require("@100mslive/react-sdk");
-    import_react_icons64 = require("@100mslive/react-icons");
+    import_react142 = __toESM(require("react"));
+    import_react_sdk87 = require("@100mslive/react-sdk");
+    import_react_icons63 = require("@100mslive/react-icons");
     init_src();
     init_DialogContent2();
     init_hooks();
@@ -20413,12 +20222,12 @@ var init_MuteAllModal = __esm({
     ];
     MuteAllModal = ({ onOpenChange }) => {
       const roles = useFilteredRoles();
-      const hmsActions = (0, import_react_sdk88.useHMSActions)();
-      const [enabled, setEnabled] = (0, import_react144.useState)(false);
-      const [trackType, setTrackType] = (0, import_react144.useState)();
-      const [selectedRole, setRole] = (0, import_react144.useState)();
-      const [selectedSource, setSource] = (0, import_react144.useState)();
-      const muteAll = (0, import_react144.useCallback)(() => __async(void 0, null, function* () {
+      const hmsActions = (0, import_react_sdk87.useHMSActions)();
+      const [enabled, setEnabled] = (0, import_react142.useState)(false);
+      const [trackType, setTrackType] = (0, import_react142.useState)();
+      const [selectedRole, setRole] = (0, import_react142.useState)();
+      const [selectedSource, setSource] = (0, import_react142.useState)();
+      const muteAll = (0, import_react142.useCallback)(() => __async(void 0, null, function* () {
         yield hmsActions.setRemoteTracksEnabled({
           enabled,
           type: trackType,
@@ -20427,7 +20236,7 @@ var init_MuteAllModal = __esm({
         });
         onOpenChange(false);
       }), [selectedRole, enabled, trackType, selectedSource, hmsActions, onOpenChange]);
-      return /* @__PURE__ */ import_react144.default.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ import_react144.default.createElement(DialogContent, { title: "Mute/Unmute Remote Tracks", Icon: import_react_icons64.MicOffIcon }, /* @__PURE__ */ import_react144.default.createElement(
+      return /* @__PURE__ */ import_react142.default.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ import_react142.default.createElement(DialogContent, { title: "Mute/Unmute Remote Tracks", Icon: import_react_icons63.MicOffIcon }, /* @__PURE__ */ import_react142.default.createElement(
         DialogSelect,
         {
           title: "Role",
@@ -20437,7 +20246,7 @@ var init_MuteAllModal = __esm({
           labelField: "label",
           onChange: setRole
         }
-      ), /* @__PURE__ */ import_react144.default.createElement(
+      ), /* @__PURE__ */ import_react142.default.createElement(
         DialogSelect,
         {
           title: "Track type",
@@ -20447,7 +20256,7 @@ var init_MuteAllModal = __esm({
           keyField: "value",
           labelField: "label"
         }
-      ), /* @__PURE__ */ import_react144.default.createElement(
+      ), /* @__PURE__ */ import_react142.default.createElement(
         DialogSelect,
         {
           title: "Track source",
@@ -20457,22 +20266,22 @@ var init_MuteAllModal = __esm({
           keyField: "value",
           labelField: "label"
         }
-      ), /* @__PURE__ */ import_react144.default.createElement(DialogRow, null, /* @__PURE__ */ import_react144.default.createElement(Text, { variant: "md" }, "Track status"), /* @__PURE__ */ import_react144.default.createElement(RadioGroup.Root, { value: enabled, onValueChange: setEnabled }, /* @__PURE__ */ import_react144.default.createElement(Flex, { align: "center", css: { mr: "$8" } }, /* @__PURE__ */ import_react144.default.createElement(RadioGroup.Item, { value: false, id: "trackDisableRadio", css: { mr: "$4" } }, /* @__PURE__ */ import_react144.default.createElement(RadioGroup.Indicator, null)), /* @__PURE__ */ import_react144.default.createElement(Label3, { htmlFor: "trackDisableRadio" }, "Mute")), /* @__PURE__ */ import_react144.default.createElement(Flex, { align: "center", css: { cursor: "pointer" } }, /* @__PURE__ */ import_react144.default.createElement(RadioGroup.Item, { value: true, id: "trackEnableRadio", css: { mr: "$4" } }, /* @__PURE__ */ import_react144.default.createElement(RadioGroup.Indicator, null)), /* @__PURE__ */ import_react144.default.createElement(Label3, { htmlFor: "trackEnableRadio" }, "Request Unmute")))), /* @__PURE__ */ import_react144.default.createElement(DialogRow, { justify: "end" }, /* @__PURE__ */ import_react144.default.createElement(Button, { variant: "primary", onClick: muteAll }, "Apply"))));
+      ), /* @__PURE__ */ import_react142.default.createElement(DialogRow, null, /* @__PURE__ */ import_react142.default.createElement(Text, { variant: "md" }, "Track status"), /* @__PURE__ */ import_react142.default.createElement(RadioGroup.Root, { value: enabled, onValueChange: setEnabled }, /* @__PURE__ */ import_react142.default.createElement(Flex, { align: "center", css: { mr: "$8" } }, /* @__PURE__ */ import_react142.default.createElement(RadioGroup.Item, { value: false, id: "trackDisableRadio", css: { mr: "$4" } }, /* @__PURE__ */ import_react142.default.createElement(RadioGroup.Indicator, null)), /* @__PURE__ */ import_react142.default.createElement(Label3, { htmlFor: "trackDisableRadio" }, "Mute")), /* @__PURE__ */ import_react142.default.createElement(Flex, { align: "center", css: { cursor: "pointer" } }, /* @__PURE__ */ import_react142.default.createElement(RadioGroup.Item, { value: true, id: "trackEnableRadio", css: { mr: "$4" } }, /* @__PURE__ */ import_react142.default.createElement(RadioGroup.Indicator, null)), /* @__PURE__ */ import_react142.default.createElement(Label3, { htmlFor: "trackEnableRadio" }, "Request Unmute")))), /* @__PURE__ */ import_react142.default.createElement(DialogRow, { justify: "end" }, /* @__PURE__ */ import_react142.default.createElement(Button, { variant: "primary", onClick: muteAll }, "Apply"))));
     };
   }
 });
 
 // src/Prebuilt/components/MoreSettings/MoreSettings.jsx
-var import_react145, import_react_use24, import_hls, import_react_sdk89, import_react_icons65, isMobileOS, MODALS, MoreSettings;
+var import_react143, import_react_use24, import_hls, import_react_sdk88, import_react_icons64, isMobileOS, MODALS, MoreSettings;
 var init_MoreSettings = __esm({
   "src/Prebuilt/components/MoreSettings/MoreSettings.jsx"() {
     "use strict";
     init_define_process_env();
-    import_react145 = __toESM(require("react"));
+    import_react143 = __toESM(require("react"));
     import_react_use24 = require("react-use");
     import_hls = __toESM(require("hls.js"));
-    import_react_sdk89 = require("@100mslive/react-sdk");
-    import_react_icons65 = require("@100mslive/react-icons");
+    import_react_sdk88 = require("@100mslive/react-sdk");
+    import_react_icons64 = require("@100mslive/react-icons");
     init_src();
     init_IconButton3();
     init_RoleChangeModal();
@@ -20502,18 +20311,18 @@ var init_MoreSettings = __esm({
       EMBED_URL: "embedUrl"
     };
     MoreSettings = () => {
-      const permissions = (0, import_react_sdk89.useHMSStore)(import_react_sdk89.selectPermissions);
-      const isAllowedToPublish = (0, import_react_sdk89.useHMSStore)(import_react_sdk89.selectIsAllowedToPublish);
-      const localPeerId = (0, import_react_sdk89.useHMSStore)(import_react_sdk89.selectLocalPeerID);
-      const localPeerRole = (0, import_react_sdk89.useHMSStore)(import_react_sdk89.selectLocalPeerRoleName);
-      const hmsActions = (0, import_react_sdk89.useHMSActions)();
-      const enablHlsStats = (0, import_react_sdk89.useHMSStore)((0, import_react_sdk89.selectAppData)(APP_DATA.hlsStats));
+      const permissions = (0, import_react_sdk88.useHMSStore)(import_react_sdk88.selectPermissions);
+      const isAllowedToPublish = (0, import_react_sdk88.useHMSStore)(import_react_sdk88.selectIsAllowedToPublish);
+      const localPeerId = (0, import_react_sdk88.useHMSStore)(import_react_sdk88.selectLocalPeerID);
+      const localPeerRole = (0, import_react_sdk88.useHMSStore)(import_react_sdk88.selectLocalPeerRoleName);
+      const hmsActions = (0, import_react_sdk88.useHMSActions)();
+      const enablHlsStats = (0, import_react_sdk88.useHMSStore)((0, import_react_sdk88.selectAppData)(APP_DATA.hlsStats));
       const isMobile = (0, import_react_use24.useMedia)(config.media.md);
-      const { isBrowserRecordingOn } = (0, import_react_sdk89.useRecordingStreaming)();
+      const { isBrowserRecordingOn } = (0, import_react_sdk88.useRecordingStreaming)();
       const isChangeNameEnabled = useIsFeatureEnabled(FEATURE_LIST.CHANGE_NAME);
       const isEmbedEnabled = useIsFeatureEnabled(FEATURE_LIST.EMBED_URL);
       const isSFNEnabled = useIsFeatureEnabled(FEATURE_LIST.STARTS_FOR_NERDS);
-      const [openModals, setOpenModals] = (0, import_react145.useState)(/* @__PURE__ */ new Set());
+      const [openModals, setOpenModals] = (0, import_react143.useState)(/* @__PURE__ */ new Set());
       useDropdownList({ open: openModals.size > 0, name: "MoreSettings" });
       const updateState = (modalName, value) => {
         setOpenModals((modals) => {
@@ -20526,14 +20335,14 @@ var init_MoreSettings = __esm({
           return copy;
         });
       };
-      return /* @__PURE__ */ import_react145.default.createElement(import_react145.Fragment, null, /* @__PURE__ */ import_react145.default.createElement(
+      return /* @__PURE__ */ import_react143.default.createElement(import_react143.Fragment, null, /* @__PURE__ */ import_react143.default.createElement(
         Dropdown.Root,
         {
           open: openModals.has(MODALS.MORE_SETTINGS),
           onOpenChange: (value) => updateState(MODALS.MORE_SETTINGS, value)
         },
-        /* @__PURE__ */ import_react145.default.createElement(Dropdown.Trigger, { asChild: true, "data-testid": "more_settings_btn" }, /* @__PURE__ */ import_react145.default.createElement(IconButton_default, null, /* @__PURE__ */ import_react145.default.createElement(Tooltip, { title: "More options" }, /* @__PURE__ */ import_react145.default.createElement(Box, null, /* @__PURE__ */ import_react145.default.createElement(import_react_icons65.VerticalMenuIcon, null))))),
-        /* @__PURE__ */ import_react145.default.createElement(
+        /* @__PURE__ */ import_react143.default.createElement(Dropdown.Trigger, { asChild: true, "data-testid": "more_settings_btn" }, /* @__PURE__ */ import_react143.default.createElement(IconButton_default, null, /* @__PURE__ */ import_react143.default.createElement(Tooltip, { title: "More options" }, /* @__PURE__ */ import_react143.default.createElement(Box, null, /* @__PURE__ */ import_react143.default.createElement(import_react_icons64.VerticalMenuIcon, null))))),
+        /* @__PURE__ */ import_react143.default.createElement(
           Dropdown.Content,
           {
             sideOffset: 5,
@@ -20547,50 +20356,50 @@ var init_MoreSettings = __esm({
               }
             }
           },
-          isMobile && (permissions == null ? void 0 : permissions.browserRecording) ? /* @__PURE__ */ import_react145.default.createElement(import_react145.default.Fragment, null, /* @__PURE__ */ import_react145.default.createElement(Dropdown.Item, { onClick: () => updateState(MODALS.START_RECORDING, true) }, /* @__PURE__ */ import_react145.default.createElement(import_react_icons65.RecordIcon, null), /* @__PURE__ */ import_react145.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, isBrowserRecordingOn ? "Stop" : "Start", " Recording")), /* @__PURE__ */ import_react145.default.createElement(Dropdown.ItemSeparator, null)) : null,
-          isChangeNameEnabled && /* @__PURE__ */ import_react145.default.createElement(Dropdown.Item, { onClick: () => updateState(MODALS.CHANGE_NAME, true), "data-testid": "change_name_btn" }, /* @__PURE__ */ import_react145.default.createElement(import_react_icons65.PencilIcon, null), /* @__PURE__ */ import_react145.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Change Name")),
-          /* @__PURE__ */ import_react145.default.createElement(ChangeSelfRole, { onClick: () => updateState(MODALS.SELF_ROLE_CHANGE, true) }),
-          (permissions == null ? void 0 : permissions.changeRole) && /* @__PURE__ */ import_react145.default.createElement(
+          isMobile && (permissions == null ? void 0 : permissions.browserRecording) ? /* @__PURE__ */ import_react143.default.createElement(import_react143.default.Fragment, null, /* @__PURE__ */ import_react143.default.createElement(Dropdown.Item, { onClick: () => updateState(MODALS.START_RECORDING, true) }, /* @__PURE__ */ import_react143.default.createElement(import_react_icons64.RecordIcon, null), /* @__PURE__ */ import_react143.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, isBrowserRecordingOn ? "Stop" : "Start", " Recording")), /* @__PURE__ */ import_react143.default.createElement(Dropdown.ItemSeparator, null)) : null,
+          isChangeNameEnabled && /* @__PURE__ */ import_react143.default.createElement(Dropdown.Item, { onClick: () => updateState(MODALS.CHANGE_NAME, true), "data-testid": "change_name_btn" }, /* @__PURE__ */ import_react143.default.createElement(import_react_icons64.PencilIcon, null), /* @__PURE__ */ import_react143.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Change Name")),
+          /* @__PURE__ */ import_react143.default.createElement(ChangeSelfRole, { onClick: () => updateState(MODALS.SELF_ROLE_CHANGE, true) }),
+          (permissions == null ? void 0 : permissions.changeRole) && /* @__PURE__ */ import_react143.default.createElement(
             Dropdown.Item,
             {
               onClick: () => updateState(MODALS.BULK_ROLE_CHANGE, true),
               "data-testid": "bulk_role_change_btn"
             },
-            /* @__PURE__ */ import_react145.default.createElement(import_react_icons65.ChangeRoleIcon, null),
-            /* @__PURE__ */ import_react145.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Bulk Role Change")
+            /* @__PURE__ */ import_react143.default.createElement(import_react_icons64.ChangeRoleIcon, null),
+            /* @__PURE__ */ import_react143.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Bulk Role Change")
           ),
-          /* @__PURE__ */ import_react145.default.createElement(FullScreenItem, null),
-          isAllowedToPublish.screen && isEmbedEnabled && /* @__PURE__ */ import_react145.default.createElement(EmbedUrl, { setShowOpenUrl: () => updateState(MODALS.EMBED_URL, true) }),
-          permissions.mute && /* @__PURE__ */ import_react145.default.createElement(Dropdown.Item, { onClick: () => updateState(MODALS.MUTE_ALL, true), "data-testid": "mute_all_btn" }, /* @__PURE__ */ import_react145.default.createElement(import_react_icons65.MicOffIcon, null), /* @__PURE__ */ import_react145.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Mute All")),
-          /* @__PURE__ */ import_react145.default.createElement(Dropdown.ItemSeparator, null),
-          /* @__PURE__ */ import_react145.default.createElement(Dropdown.Item, { onClick: () => updateState(MODALS.DEVICE_SETTINGS, true), "data-testid": "device_settings_btn" }, /* @__PURE__ */ import_react145.default.createElement(import_react_icons65.SettingsIcon, null), /* @__PURE__ */ import_react145.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Settings")),
-          FeatureFlags.enableStatsForNerds && isSFNEnabled && (localPeerRole === "hls-viewer" ? import_hls.default.isSupported() ? /* @__PURE__ */ import_react145.default.createElement(
+          /* @__PURE__ */ import_react143.default.createElement(FullScreenItem, null),
+          isAllowedToPublish.screen && isEmbedEnabled && /* @__PURE__ */ import_react143.default.createElement(EmbedUrl, { setShowOpenUrl: () => updateState(MODALS.EMBED_URL, true) }),
+          permissions.mute && /* @__PURE__ */ import_react143.default.createElement(Dropdown.Item, { onClick: () => updateState(MODALS.MUTE_ALL, true), "data-testid": "mute_all_btn" }, /* @__PURE__ */ import_react143.default.createElement(import_react_icons64.MicOffIcon, null), /* @__PURE__ */ import_react143.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Mute All")),
+          /* @__PURE__ */ import_react143.default.createElement(Dropdown.ItemSeparator, null),
+          /* @__PURE__ */ import_react143.default.createElement(Dropdown.Item, { onClick: () => updateState(MODALS.DEVICE_SETTINGS, true), "data-testid": "device_settings_btn" }, /* @__PURE__ */ import_react143.default.createElement(import_react_icons64.SettingsIcon, null), /* @__PURE__ */ import_react143.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Settings")),
+          FeatureFlags.enableStatsForNerds && isSFNEnabled && (localPeerRole === "hls-viewer" ? import_hls.default.isSupported() ? /* @__PURE__ */ import_react143.default.createElement(
             Dropdown.Item,
             {
               onClick: () => hmsActions.setAppData(APP_DATA.hlsStats, !enablHlsStats),
               "data-testid": "hls_stats"
             },
-            /* @__PURE__ */ import_react145.default.createElement(
+            /* @__PURE__ */ import_react143.default.createElement(
               Checkbox.Root,
               {
                 css: { margin: "$2" },
                 checked: enablHlsStats,
                 onCheckedChange: () => hmsActions.setAppData(APP_DATA.hlsStats, !enablHlsStats)
               },
-              /* @__PURE__ */ import_react145.default.createElement(Checkbox.Indicator, null, /* @__PURE__ */ import_react145.default.createElement(import_react_icons65.CheckIcon, { width: 16, height: 16 }))
+              /* @__PURE__ */ import_react143.default.createElement(Checkbox.Indicator, null, /* @__PURE__ */ import_react143.default.createElement(import_react_icons64.CheckIcon, { width: 16, height: 16 }))
             ),
-            /* @__PURE__ */ import_react145.default.createElement(Flex, { justify: "between", css: { width: "100%" } }, /* @__PURE__ */ import_react145.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Show HLS Stats"), !isMobileOS ? /* @__PURE__ */ import_react145.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, `${isMacOS ? "\u2318" : "ctrl"} + ]`) : null)
-          ) : null : /* @__PURE__ */ import_react145.default.createElement(
+            /* @__PURE__ */ import_react143.default.createElement(Flex, { justify: "between", css: { width: "100%" } }, /* @__PURE__ */ import_react143.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Show HLS Stats"), !isMobileOS ? /* @__PURE__ */ import_react143.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, `${isMacOS ? "\u2318" : "ctrl"} + ]`) : null)
+          ) : null : /* @__PURE__ */ import_react143.default.createElement(
             Dropdown.Item,
             {
               onClick: () => updateState(MODALS.STATS_FOR_NERDS, true),
               "data-testid": "stats_for_nreds_btn"
             },
-            /* @__PURE__ */ import_react145.default.createElement(import_react_icons65.InfoIcon, null),
-            /* @__PURE__ */ import_react145.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Stats for Nerds")
+            /* @__PURE__ */ import_react143.default.createElement(import_react_icons64.InfoIcon, null),
+            /* @__PURE__ */ import_react143.default.createElement(Text, { variant: "sm", css: { ml: "$4" } }, "Stats for Nerds")
           ))
         )
-      ), openModals.has(MODALS.BULK_ROLE_CHANGE) && /* @__PURE__ */ import_react145.default.createElement(BulkRoleChangeModal, { onOpenChange: (value) => updateState(MODALS.BULK_ROLE_CHANGE, value) }), openModals.has(MODALS.MUTE_ALL) && /* @__PURE__ */ import_react145.default.createElement(MuteAllModal, { onOpenChange: (value) => updateState(MODALS.MUTE_ALL, value) }), openModals.has(MODALS.CHANGE_NAME) && /* @__PURE__ */ import_react145.default.createElement(ChangeNameModal, { onOpenChange: (value) => updateState(MODALS.CHANGE_NAME, value) }), openModals.has(MODALS.DEVICE_SETTINGS) && /* @__PURE__ */ import_react145.default.createElement(SettingsModal_default, { open: true, onOpenChange: (value) => updateState(MODALS.DEVICE_SETTINGS, value) }), FeatureFlags.enableStatsForNerds && openModals.has(MODALS.STATS_FOR_NERDS) && /* @__PURE__ */ import_react145.default.createElement(StatsForNerds, { open: true, onOpenChange: (value) => updateState(MODALS.STATS_FOR_NERDS, value) }), openModals.has(MODALS.SELF_ROLE_CHANGE) && /* @__PURE__ */ import_react145.default.createElement(RoleChangeModal, { peerId: localPeerId, onOpenChange: (value) => updateState(MODALS.SELF_ROLE_CHANGE, value) }), openModals.has(MODALS.START_RECORDING) && /* @__PURE__ */ import_react145.default.createElement(StartRecording_default, { open: true, onOpenChange: (value) => updateState(MODALS.START_RECORDING, value) }), openModals.has(MODALS.EMBED_URL) && /* @__PURE__ */ import_react145.default.createElement(EmbedUrlModal, { onOpenChange: (value) => updateState(MODALS.EMBED_URL, value) }));
+      ), openModals.has(MODALS.BULK_ROLE_CHANGE) && /* @__PURE__ */ import_react143.default.createElement(BulkRoleChangeModal, { onOpenChange: (value) => updateState(MODALS.BULK_ROLE_CHANGE, value) }), openModals.has(MODALS.MUTE_ALL) && /* @__PURE__ */ import_react143.default.createElement(MuteAllModal, { onOpenChange: (value) => updateState(MODALS.MUTE_ALL, value) }), openModals.has(MODALS.CHANGE_NAME) && /* @__PURE__ */ import_react143.default.createElement(ChangeNameModal, { onOpenChange: (value) => updateState(MODALS.CHANGE_NAME, value) }), openModals.has(MODALS.DEVICE_SETTINGS) && /* @__PURE__ */ import_react143.default.createElement(SettingsModal_default, { open: true, onOpenChange: (value) => updateState(MODALS.DEVICE_SETTINGS, value) }), FeatureFlags.enableStatsForNerds && openModals.has(MODALS.STATS_FOR_NERDS) && /* @__PURE__ */ import_react143.default.createElement(StatsForNerds, { open: true, onOpenChange: (value) => updateState(MODALS.STATS_FOR_NERDS, value) }), openModals.has(MODALS.SELF_ROLE_CHANGE) && /* @__PURE__ */ import_react143.default.createElement(RoleChangeModal, { peerId: localPeerId, onOpenChange: (value) => updateState(MODALS.SELF_ROLE_CHANGE, value) }), openModals.has(MODALS.START_RECORDING) && /* @__PURE__ */ import_react143.default.createElement(StartRecording_default, { open: true, onOpenChange: (value) => updateState(MODALS.START_RECORDING, value) }), openModals.has(MODALS.EMBED_URL) && /* @__PURE__ */ import_react143.default.createElement(EmbedUrlModal, { onOpenChange: (value) => updateState(MODALS.EMBED_URL, value) }));
     };
   }
 });
@@ -20991,12 +20800,12 @@ var init_PIPManager = __esm({
 });
 
 // src/Prebuilt/components/PIP/SetupMediaSession.js
-var import_react_sdk90, SetupMediaSession, MediaSession;
+var import_react_sdk89, SetupMediaSession, MediaSession;
 var init_SetupMediaSession = __esm({
   "src/Prebuilt/components/PIP/SetupMediaSession.js"() {
     "use strict";
     init_define_process_env();
-    import_react_sdk90 = require("@100mslive/react-sdk");
+    import_react_sdk89 = require("@100mslive/react-sdk");
     SetupMediaSession = class {
       constructor() {
         __publicField(this, "setup", (actions, store) => {
@@ -21007,27 +20816,27 @@ var init_SetupMediaSession = __esm({
         });
         __publicField(this, "initState", () => {
           var _a7, _b7, _c, _d;
-          const isMicActive = this.store.getState(import_react_sdk90.selectIsLocalAudioEnabled);
-          const isCamActive = this.store.getState(import_react_sdk90.selectIsLocalVideoEnabled);
+          const isMicActive = this.store.getState(import_react_sdk89.selectIsLocalAudioEnabled);
+          const isCamActive = this.store.getState(import_react_sdk89.selectIsLocalVideoEnabled);
           (_b7 = (_a7 = navigator.mediaSession) == null ? void 0 : _a7.setMicrophoneActive) == null ? void 0 : _b7.call(_a7, isMicActive);
           (_d = (_c = navigator.mediaSession) == null ? void 0 : _c.setCameraActive) == null ? void 0 : _d.call(_c, isCamActive);
           this.store.subscribe((isMicActive2) => {
             var _a8, _b8;
             (_b8 = (_a8 = navigator.mediaSession) == null ? void 0 : _a8.setMicrophoneActive) == null ? void 0 : _b8.call(_a8, isMicActive2);
-          }, import_react_sdk90.selectIsLocalAudioEnabled);
+          }, import_react_sdk89.selectIsLocalAudioEnabled);
           this.store.subscribe((isCamActive2) => {
             var _a8, _b8;
             (_b8 = (_a8 = navigator.mediaSession) == null ? void 0 : _a8.setCameraActive) == null ? void 0 : _b8.call(_a8, isCamActive2);
-          }, import_react_sdk90.selectIsLocalVideoEnabled);
+          }, import_react_sdk89.selectIsLocalVideoEnabled);
         });
         __publicField(this, "toggleMic", () => __async(this, null, function* () {
           console.log("toggle mic clicked in pip");
-          const current = this.store.getState(import_react_sdk90.selectIsLocalAudioEnabled);
+          const current = this.store.getState(import_react_sdk89.selectIsLocalAudioEnabled);
           yield this.actions.setLocalAudioEnabled(!current);
         }));
         __publicField(this, "toggleCam", () => __async(this, null, function* () {
           console.log("toggle cam clicked in pip");
-          const current = this.store.getState(import_react_sdk90.selectIsLocalVideoEnabled);
+          const current = this.store.getState(import_react_sdk89.selectIsLocalVideoEnabled);
           yield this.actions.setLocalVideoEnabled(!current);
         }));
         __publicField(this, "leave", () => {
@@ -21052,14 +20861,14 @@ var init_SetupMediaSession = __esm({
 });
 
 // src/Prebuilt/components/PIP/PIPComponent.jsx
-var import_react146, import_react_sdk91, import_react_icons66, PIPComponent, ActivatedPIP, PIPComponent_default;
+var import_react144, import_react_sdk90, import_react_icons65, PIPComponent, ActivatedPIP, PIPComponent_default;
 var init_PIPComponent = __esm({
   "src/Prebuilt/components/PIP/PIPComponent.jsx"() {
     "use strict";
     init_define_process_env();
-    import_react146 = __toESM(require("react"));
-    import_react_sdk91 = require("@100mslive/react-sdk");
-    import_react_icons66 = require("@100mslive/react-icons");
+    import_react144 = __toESM(require("react"));
+    import_react_sdk90 = require("@100mslive/react-sdk");
+    import_react_icons65 = require("@100mslive/react-icons");
     init_src();
     init_IconButton3();
     init_PIPManager();
@@ -21067,12 +20876,12 @@ var init_PIPComponent = __esm({
     init_useFeatures();
     init_constants();
     PIPComponent = ({ peers, showLocalPeer }) => {
-      const localPeerRole = (0, import_react_sdk91.useHMSStore)(import_react_sdk91.selectLocalPeerRoleName);
-      const [isPipOn, setIsPipOn] = (0, import_react146.useState)(PictureInPicture.isOn());
-      const hmsActions = (0, import_react_sdk91.useHMSActions)();
-      const store = (0, import_react_sdk91.useHMSVanillaStore)();
+      const localPeerRole = (0, import_react_sdk90.useHMSStore)(import_react_sdk90.selectLocalPeerRoleName);
+      const [isPipOn, setIsPipOn] = (0, import_react144.useState)(PictureInPicture.isOn());
+      const hmsActions = (0, import_react_sdk90.useHMSActions)();
+      const store = (0, import_react_sdk90.useHMSVanillaStore)();
       const isFeatureEnabled = useIsFeatureEnabled(FEATURE_LIST.PICTURE_IN_PICTURE);
-      const onPipToggle = (0, import_react146.useCallback)(() => {
+      const onPipToggle = (0, import_react144.useCallback)(() => {
         if (!isPipOn) {
           PictureInPicture.start(hmsActions, setIsPipOn).catch((err) => console.error("error in starting pip", err));
           MediaSession.setup(hmsActions, store);
@@ -21080,7 +20889,7 @@ var init_PIPComponent = __esm({
           PictureInPicture.stop().catch((err) => console.error("error in stopping pip", err));
         }
       }, [hmsActions, isPipOn, store]);
-      (0, import_react146.useEffect)(() => {
+      (0, import_react144.useEffect)(() => {
         return () => {
           PictureInPicture.stop().catch((err) => console.error("error in stopping pip on unmount", err));
         };
@@ -21088,12 +20897,12 @@ var init_PIPComponent = __esm({
       if (!PictureInPicture.isSupported() || localPeerRole === DEFAULT_HLS_VIEWER_ROLE || !isFeatureEnabled) {
         return null;
       }
-      return /* @__PURE__ */ import_react146.default.createElement(import_react146.default.Fragment, null, /* @__PURE__ */ import_react146.default.createElement(Tooltip, { title: `${isPipOn ? "Deactivate" : "Activate"} picture in picture view` }, /* @__PURE__ */ import_react146.default.createElement(IconButton_default, { active: !isPipOn, key: "pip", onClick: () => onPipToggle(), "data-testid": "pip_btn" }, /* @__PURE__ */ import_react146.default.createElement(import_react_icons66.PipIcon, null))), isPipOn && /* @__PURE__ */ import_react146.default.createElement(ActivatedPIP, { showLocalPeer, peers }));
+      return /* @__PURE__ */ import_react144.default.createElement(import_react144.default.Fragment, null, /* @__PURE__ */ import_react144.default.createElement(Tooltip, { title: `${isPipOn ? "Deactivate" : "Activate"} picture in picture view` }, /* @__PURE__ */ import_react144.default.createElement(IconButton_default, { active: !isPipOn, key: "pip", onClick: () => onPipToggle(), "data-testid": "pip_btn" }, /* @__PURE__ */ import_react144.default.createElement(import_react_icons65.PipIcon, null))), isPipOn && /* @__PURE__ */ import_react144.default.createElement(ActivatedPIP, { showLocalPeer, peers }));
     };
     ActivatedPIP = ({ showLocalPeer, peers }) => {
-      const tracksMap = (0, import_react_sdk91.useHMSStore)(import_react_sdk91.selectTracksMap);
-      const storePeers = (0, import_react_sdk91.useHMSStore)(showLocalPeer ? import_react_sdk91.selectPeers : import_react_sdk91.selectRemotePeers);
-      (0, import_react146.useEffect)(() => {
+      const tracksMap = (0, import_react_sdk90.useHMSStore)(import_react_sdk90.selectTracksMap);
+      const storePeers = (0, import_react_sdk90.useHMSStore)(showLocalPeer ? import_react_sdk90.selectPeers : import_react_sdk90.selectRemotePeers);
+      (0, import_react144.useEffect)(() => {
         let pipPeers = storePeers;
         if (peers) {
           pipPeers = storePeers.filter((peer) => peers.includes(peer.id));
@@ -21109,17 +20918,17 @@ var init_PIPComponent = __esm({
 });
 
 // src/Prebuilt/components/PIP/index.jsx
-var import_react147, PIP;
+var import_react145, PIP;
 var init_PIP = __esm({
   "src/Prebuilt/components/PIP/index.jsx"() {
     "use strict";
     init_define_process_env();
-    import_react147 = __toESM(require("react"));
+    import_react145 = __toESM(require("react"));
     init_PIPComponent();
     init_useUISettings();
     PIP = () => {
       const pinnedTrack = usePinnedTrack();
-      return /* @__PURE__ */ import_react147.default.createElement(PIPComponent_default, { peers: pinnedTrack && pinnedTrack.enabled ? [pinnedTrack.peerId] : void 0, showLocalPeer: true });
+      return /* @__PURE__ */ import_react145.default.createElement(PIPComponent_default, { peers: pinnedTrack && pinnedTrack.enabled ? [pinnedTrack.peerId] : void 0, showLocalPeer: true });
     };
   }
 });
@@ -21158,17 +20967,17 @@ var init_ShareMenuIcon = __esm({
 });
 
 // src/Prebuilt/components/pdfAnnotator/pdfErrorView.jsx
-var import_react148, import_react_icons67, PdfErrorView;
+var import_react146, import_react_icons66, PdfErrorView;
 var init_pdfErrorView = __esm({
   "src/Prebuilt/components/pdfAnnotator/pdfErrorView.jsx"() {
     "use strict";
     init_define_process_env();
-    import_react148 = __toESM(require("react"));
-    import_react_icons67 = require("@100mslive/react-icons");
+    import_react146 = __toESM(require("react"));
+    import_react_icons66 = require("@100mslive/react-icons");
     init_src();
     init_DialogContent2();
     PdfErrorView = ({ isPDFUrlValid }) => {
-      return !isPDFUrlValid && /* @__PURE__ */ import_react148.default.createElement(
+      return !isPDFUrlValid && /* @__PURE__ */ import_react146.default.createElement(
         DialogRow,
         {
           css: {
@@ -21177,8 +20986,8 @@ var init_pdfErrorView = __esm({
             justifyContent: "start"
           }
         },
-        /* @__PURE__ */ import_react148.default.createElement(import_react_icons67.InfoIcon, { width: "12px", height: "12px" }),
-        /* @__PURE__ */ import_react148.default.createElement(
+        /* @__PURE__ */ import_react146.default.createElement(import_react_icons66.InfoIcon, { width: "12px", height: "12px" }),
+        /* @__PURE__ */ import_react146.default.createElement(
           Text,
           {
             variant: "caption",
@@ -21195,16 +21004,16 @@ var init_pdfErrorView = __esm({
 });
 
 // src/Prebuilt/components/pdfAnnotator/pdfHeader.jsx
-var import_react149, PDFHeader;
+var import_react147, PDFHeader;
 var init_pdfHeader = __esm({
   "src/Prebuilt/components/pdfAnnotator/pdfHeader.jsx"() {
     "use strict";
     init_define_process_env();
-    import_react149 = __toESM(require("react"));
+    import_react147 = __toESM(require("react"));
     init_src();
     init_DialogContent2();
     PDFHeader = () => {
-      return /* @__PURE__ */ import_react149.default.createElement(
+      return /* @__PURE__ */ import_react147.default.createElement(
         DialogCol,
         {
           align: "start",
@@ -21213,8 +21022,8 @@ var init_pdfHeader = __esm({
             mb: "$6"
           }
         },
-        /* @__PURE__ */ import_react149.default.createElement(Dialog.Title, { asChild: true }, /* @__PURE__ */ import_react149.default.createElement(Text, { as: "h6", variant: "h6" }, "Share PDF")),
-        /* @__PURE__ */ import_react149.default.createElement(Dialog.Description, { asChild: true }, /* @__PURE__ */ import_react149.default.createElement(
+        /* @__PURE__ */ import_react147.default.createElement(Dialog.Title, { asChild: true }, /* @__PURE__ */ import_react147.default.createElement(Text, { as: "h6", variant: "h6" }, "Share PDF")),
+        /* @__PURE__ */ import_react147.default.createElement(Dialog.Description, { asChild: true }, /* @__PURE__ */ import_react147.default.createElement(
           Text,
           {
             variant: "sm",
@@ -21230,17 +21039,17 @@ var init_pdfHeader = __esm({
 });
 
 // src/Prebuilt/components/pdfAnnotator/pdfInfo.jsx
-var import_react150, import_react_icons68, PDFInfo;
+var import_react148, import_react_icons67, PDFInfo;
 var init_pdfInfo = __esm({
   "src/Prebuilt/components/pdfAnnotator/pdfInfo.jsx"() {
     "use strict";
     init_define_process_env();
-    import_react150 = __toESM(require("react"));
-    import_react_icons68 = require("@100mslive/react-icons");
+    import_react148 = __toESM(require("react"));
+    import_react_icons67 = require("@100mslive/react-icons");
     init_src();
     init_DialogContent2();
     PDFInfo = () => {
-      return /* @__PURE__ */ import_react150.default.createElement(
+      return /* @__PURE__ */ import_react148.default.createElement(
         DialogRow,
         {
           css: {
@@ -21253,8 +21062,8 @@ var init_pdfInfo = __esm({
             minHeight: "$11"
           }
         },
-        /* @__PURE__ */ import_react150.default.createElement(
-          import_react_icons68.InfoIcon,
+        /* @__PURE__ */ import_react148.default.createElement(
+          import_react_icons67.InfoIcon,
           {
             width: "64px",
             height: "64px",
@@ -21263,19 +21072,19 @@ var init_pdfInfo = __esm({
             }
           }
         ),
-        /* @__PURE__ */ import_react150.default.createElement(Text, { variant: "caption" }, "On the next screen, ensure you select \u201CThis Tab\u201D and click on share. Only the PDF viewer will be seen by other participants")
+        /* @__PURE__ */ import_react148.default.createElement(Text, { variant: "caption" }, "On the next screen, ensure you select \u201CThis Tab\u201D and click on share. Only the PDF viewer will be seen by other participants")
       );
     };
   }
 });
 
 // src/Prebuilt/components/pdfAnnotator/submitPdf.jsx
-var import_react151, SubmitPDF;
+var import_react149, SubmitPDF;
 var init_submitPdf = __esm({
   "src/Prebuilt/components/pdfAnnotator/submitPdf.jsx"() {
     "use strict";
     init_define_process_env();
-    import_react151 = __toESM(require("react"));
+    import_react149 = __toESM(require("react"));
     init_src();
     init_useUISettings();
     init_constants();
@@ -21288,7 +21097,7 @@ var init_submitPdf = __esm({
       onOpenChange
     }) => {
       const [, setPDFConfig] = useSetAppDataByKey(APP_DATA.pdfConfig);
-      const isValidPDF = (0, import_react151.useCallback)(
+      const isValidPDF = (0, import_react149.useCallback)(
         (pdfURL2) => {
           const extension = pdfURL2.split(".").pop().toLowerCase();
           setIsValidateProgress(true);
@@ -21315,7 +21124,7 @@ var init_submitPdf = __esm({
         },
         [onOpenChange, pdfFile, setIsPDFUrlValid, setIsValidateProgress, setPDFConfig]
       );
-      return /* @__PURE__ */ import_react151.default.createElement(
+      return /* @__PURE__ */ import_react149.default.createElement(
         Flex,
         {
           direction: "row",
@@ -21325,7 +21134,7 @@ var init_submitPdf = __esm({
             gap: "$8"
           }
         },
-        /* @__PURE__ */ import_react151.default.createElement(
+        /* @__PURE__ */ import_react149.default.createElement(
           Button,
           {
             variant: "standard",
@@ -21338,7 +21147,7 @@ var init_submitPdf = __esm({
           },
           "Cancel"
         ),
-        /* @__PURE__ */ import_react151.default.createElement(
+        /* @__PURE__ */ import_react149.default.createElement(
           Button,
           {
             variant: "primary",
@@ -21366,13 +21175,13 @@ var init_submitPdf = __esm({
 });
 
 // src/Prebuilt/components/pdfAnnotator/uploadedFile.jsx
-var import_react152, import_react_icons69, UploadedFile;
+var import_react150, import_react_icons68, UploadedFile;
 var init_uploadedFile = __esm({
   "src/Prebuilt/components/pdfAnnotator/uploadedFile.jsx"() {
     "use strict";
     init_define_process_env();
-    import_react152 = __toESM(require("react"));
-    import_react_icons69 = require("@100mslive/react-icons");
+    import_react150 = __toESM(require("react"));
+    import_react_icons68 = require("@100mslive/react-icons");
     init_src();
     init_DialogContent2();
     init_pdfHeader();
@@ -21388,7 +21197,7 @@ var init_uploadedFile = __esm({
       onOpenChange
     }) => {
       const [fileName, ext] = pdfFile.name.split(".");
-      return /* @__PURE__ */ import_react152.default.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ import_react152.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react152.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react152.default.createElement(
+      return /* @__PURE__ */ import_react150.default.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ import_react150.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react150.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react150.default.createElement(
         Dialog.Content,
         {
           css: {
@@ -21397,7 +21206,7 @@ var init_uploadedFile = __esm({
             p: "$10"
           }
         },
-        /* @__PURE__ */ import_react152.default.createElement(Flex, { direction: "column" }, /* @__PURE__ */ import_react152.default.createElement(PDFHeader, null), /* @__PURE__ */ import_react152.default.createElement(
+        /* @__PURE__ */ import_react150.default.createElement(Flex, { direction: "column" }, /* @__PURE__ */ import_react150.default.createElement(PDFHeader, null), /* @__PURE__ */ import_react150.default.createElement(
           DialogRow,
           {
             css: {
@@ -21419,7 +21228,7 @@ var init_uploadedFile = __esm({
               mt: "$6"
             }
           },
-          /* @__PURE__ */ import_react152.default.createElement(Flex, { direction: "row", css: { flexGrow: "1", maxWidth: "88%" } }, /* @__PURE__ */ import_react152.default.createElement(
+          /* @__PURE__ */ import_react150.default.createElement(Flex, { direction: "row", css: { flexGrow: "1", maxWidth: "88%" } }, /* @__PURE__ */ import_react150.default.createElement(
             Text,
             {
               css: {
@@ -21429,9 +21238,9 @@ var init_uploadedFile = __esm({
               }
             },
             fileName
-          ), /* @__PURE__ */ import_react152.default.createElement(Text, { css: { whiteSpace: "nowrap" } }, ".", ext)),
-          /* @__PURE__ */ import_react152.default.createElement(
-            import_react_icons69.TrashIcon,
+          ), /* @__PURE__ */ import_react150.default.createElement(Text, { css: { whiteSpace: "nowrap" } }, ".", ext)),
+          /* @__PURE__ */ import_react150.default.createElement(
+            import_react_icons68.TrashIcon,
             {
               onClick: () => setPDFFile(null),
               style: {
@@ -21439,7 +21248,7 @@ var init_uploadedFile = __esm({
               }
             }
           )
-        ), /* @__PURE__ */ import_react152.default.createElement(PDFInfo, null), /* @__PURE__ */ import_react152.default.createElement(
+        ), /* @__PURE__ */ import_react150.default.createElement(PDFInfo, null), /* @__PURE__ */ import_react150.default.createElement(
           SubmitPDF,
           {
             pdfFile,
@@ -21457,11 +21266,11 @@ var init_uploadedFile = __esm({
 
 // src/Prebuilt/components/pdfAnnotator/pdfFileOptions.jsx
 function PDFFileOptions({ onOpenChange }) {
-  const [isPDFUrlValid, setIsPDFUrlValid] = (0, import_react153.useState)(true);
-  const [isValidateProgress, setIsValidateProgress] = (0, import_react153.useState)(false);
-  const [pdfFile, setPDFFile] = (0, import_react153.useState)(null);
-  const [pdfURL, setPDFURL] = (0, import_react153.useState)("");
-  return !pdfFile ? /* @__PURE__ */ import_react153.default.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ import_react153.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react153.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react153.default.createElement(
+  const [isPDFUrlValid, setIsPDFUrlValid] = (0, import_react151.useState)(true);
+  const [isValidateProgress, setIsValidateProgress] = (0, import_react151.useState)(false);
+  const [pdfFile, setPDFFile] = (0, import_react151.useState)(null);
+  const [pdfURL, setPDFURL] = (0, import_react151.useState)("");
+  return !pdfFile ? /* @__PURE__ */ import_react151.default.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ import_react151.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react151.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react151.default.createElement(
     Dialog.Content,
     {
       css: {
@@ -21470,7 +21279,7 @@ function PDFFileOptions({ onOpenChange }) {
         p: "$10"
       }
     },
-    /* @__PURE__ */ import_react153.default.createElement(Flex, { direction: "column" }, /* @__PURE__ */ import_react153.default.createElement(PDFHeader, null), /* @__PURE__ */ import_react153.default.createElement(
+    /* @__PURE__ */ import_react151.default.createElement(Flex, { direction: "column" }, /* @__PURE__ */ import_react151.default.createElement(PDFHeader, null), /* @__PURE__ */ import_react151.default.createElement(
       DialogInputFile,
       {
         onChange: (target) => {
@@ -21480,14 +21289,14 @@ function PDFFileOptions({ onOpenChange }) {
         type: "file",
         accept: ".pdf"
       }
-    ), /* @__PURE__ */ import_react153.default.createElement(
+    ), /* @__PURE__ */ import_react151.default.createElement(
       DialogRow,
       {
         css: {
           m: "$10 0"
         }
       },
-      /* @__PURE__ */ import_react153.default.createElement(
+      /* @__PURE__ */ import_react151.default.createElement(
         HorizontalDivider,
         {
           css: {
@@ -21495,7 +21304,7 @@ function PDFFileOptions({ onOpenChange }) {
           }
         }
       ),
-      /* @__PURE__ */ import_react153.default.createElement(
+      /* @__PURE__ */ import_react151.default.createElement(
         Text,
         {
           variant: "tiny",
@@ -21505,7 +21314,7 @@ function PDFFileOptions({ onOpenChange }) {
         },
         "OR"
       ),
-      /* @__PURE__ */ import_react153.default.createElement(
+      /* @__PURE__ */ import_react151.default.createElement(
         HorizontalDivider,
         {
           css: {
@@ -21513,7 +21322,7 @@ function PDFFileOptions({ onOpenChange }) {
           }
         }
       )
-    ), /* @__PURE__ */ import_react153.default.createElement(
+    ), /* @__PURE__ */ import_react151.default.createElement(
       Text,
       {
         variant: "sm",
@@ -21522,7 +21331,7 @@ function PDFFileOptions({ onOpenChange }) {
         }
       },
       "Import from URL"
-    ), /* @__PURE__ */ import_react153.default.createElement(
+    ), /* @__PURE__ */ import_react151.default.createElement(
       Input,
       {
         css: { w: "100%", mb: "$10" },
@@ -21538,7 +21347,7 @@ function PDFFileOptions({ onOpenChange }) {
         type: "text",
         error: !isPDFUrlValid
       }
-    ), !isPDFUrlValid && /* @__PURE__ */ import_react153.default.createElement(PdfErrorView, { isPDFUrlValid }), /* @__PURE__ */ import_react153.default.createElement(PDFInfo, null), /* @__PURE__ */ import_react153.default.createElement(
+    ), !isPDFUrlValid && /* @__PURE__ */ import_react151.default.createElement(PdfErrorView, { isPDFUrlValid }), /* @__PURE__ */ import_react151.default.createElement(PDFInfo, null), /* @__PURE__ */ import_react151.default.createElement(
       SubmitPDF,
       {
         pdfFile,
@@ -21549,7 +21358,7 @@ function PDFFileOptions({ onOpenChange }) {
         onOpenChange
       }
     ))
-  ))) : /* @__PURE__ */ import_react153.default.createElement(
+  ))) : /* @__PURE__ */ import_react151.default.createElement(
     UploadedFile,
     {
       pdfFile,
@@ -21562,12 +21371,12 @@ function PDFFileOptions({ onOpenChange }) {
     }
   );
 }
-var import_react153;
+var import_react151;
 var init_pdfFileOptions = __esm({
   "src/Prebuilt/components/pdfAnnotator/pdfFileOptions.jsx"() {
     "use strict";
     init_define_process_env();
-    import_react153 = __toESM(require("react"));
+    import_react151 = __toESM(require("react"));
     init_src();
     init_DialogContent2();
     init_pdfErrorView();
@@ -21580,8 +21389,8 @@ var init_pdfFileOptions = __esm({
 
 // src/Prebuilt/components/pdfAnnotator/shareScreenOptions.jsx
 function ShareScreenOptions() {
-  const [openModals, setOpenModals] = (0, import_react154.useState)(/* @__PURE__ */ new Set());
-  const { amIScreenSharing } = (0, import_react_sdk92.useScreenShare)();
+  const [openModals, setOpenModals] = (0, import_react152.useState)(/* @__PURE__ */ new Set());
+  const { amIScreenSharing } = (0, import_react_sdk91.useScreenShare)();
   const updateState = (modalName, value) => {
     setOpenModals((modals) => {
       const copy = new Set(modals);
@@ -21593,8 +21402,8 @@ function ShareScreenOptions() {
       return copy;
     });
   };
-  const { toggleScreenShare } = (0, import_react_sdk92.useScreenShare)();
-  return /* @__PURE__ */ import_react154.default.createElement(import_react154.Fragment, null, /* @__PURE__ */ import_react154.default.createElement(Dropdown.Root, { open: openModals.has(MODALS2.SHARE), onOpenChange: (value) => updateState(MODALS2.SHARE, value) }, /* @__PURE__ */ import_react154.default.createElement(Dropdown.Trigger, { asChild: true, "data-testid": "sharing_btn", disabled: amIScreenSharing }, /* @__PURE__ */ import_react154.default.createElement(ShareMenuIcon, { disabled: amIScreenSharing }, /* @__PURE__ */ import_react154.default.createElement(Tooltip, { title: "Share" }, /* @__PURE__ */ import_react154.default.createElement(Box, null, /* @__PURE__ */ import_react154.default.createElement(import_react_icons70.VerticalMenuIcon, null))))), /* @__PURE__ */ import_react154.default.createElement(
+  const { toggleScreenShare } = (0, import_react_sdk91.useScreenShare)();
+  return /* @__PURE__ */ import_react152.default.createElement(import_react152.Fragment, null, /* @__PURE__ */ import_react152.default.createElement(Dropdown.Root, { open: openModals.has(MODALS2.SHARE), onOpenChange: (value) => updateState(MODALS2.SHARE, value) }, /* @__PURE__ */ import_react152.default.createElement(Dropdown.Trigger, { asChild: true, "data-testid": "sharing_btn", disabled: amIScreenSharing }, /* @__PURE__ */ import_react152.default.createElement(ShareMenuIcon, { disabled: amIScreenSharing }, /* @__PURE__ */ import_react152.default.createElement(Tooltip, { title: "Share" }, /* @__PURE__ */ import_react152.default.createElement(Box, null, /* @__PURE__ */ import_react152.default.createElement(import_react_icons69.VerticalMenuIcon, null))))), /* @__PURE__ */ import_react152.default.createElement(
     Dropdown.Content,
     {
       sideOffset: 5,
@@ -21604,7 +21413,7 @@ function ShareScreenOptions() {
         p: 0
       }
     },
-    /* @__PURE__ */ import_react154.default.createElement(
+    /* @__PURE__ */ import_react152.default.createElement(
       Dropdown.Item,
       {
         css: {
@@ -21619,10 +21428,10 @@ function ShareScreenOptions() {
           }
         }
       },
-      /* @__PURE__ */ import_react154.default.createElement(Text, { variant: "h6" }, "Start Sharing"),
-      /* @__PURE__ */ import_react154.default.createElement(Text, { variant: "sm" }, "Choose what you want to share")
+      /* @__PURE__ */ import_react152.default.createElement(Text, { variant: "h6" }, "Start Sharing"),
+      /* @__PURE__ */ import_react152.default.createElement(Text, { variant: "sm" }, "Choose what you want to share")
     ),
-    /* @__PURE__ */ import_react154.default.createElement(
+    /* @__PURE__ */ import_react152.default.createElement(
       Dropdown.Item,
       {
         css: {
@@ -21637,7 +21446,7 @@ function ShareScreenOptions() {
           }
         }
       },
-      /* @__PURE__ */ import_react154.default.createElement(
+      /* @__PURE__ */ import_react152.default.createElement(
         Flex,
         {
           direction: "column",
@@ -21646,7 +21455,7 @@ function ShareScreenOptions() {
             gap: "$6"
           }
         },
-        /* @__PURE__ */ import_react154.default.createElement(
+        /* @__PURE__ */ import_react152.default.createElement(
           IconButton,
           {
             as: "div",
@@ -21661,8 +21470,8 @@ function ShareScreenOptions() {
               pb: "0"
             }
           },
-          /* @__PURE__ */ import_react154.default.createElement(
-            import_react_icons70.ScreenShare,
+          /* @__PURE__ */ import_react152.default.createElement(
+            import_react_icons69.ScreenShare,
             {
               width: "100%",
               height: "100%",
@@ -21673,7 +21482,7 @@ function ShareScreenOptions() {
             }
           )
         ),
-        /* @__PURE__ */ import_react154.default.createElement(Flex, { direction: "column", align: "center" }, /* @__PURE__ */ import_react154.default.createElement(Text, { variant: "body2" }, "Share Screen"), /* @__PURE__ */ import_react154.default.createElement(
+        /* @__PURE__ */ import_react152.default.createElement(Flex, { direction: "column", align: "center" }, /* @__PURE__ */ import_react152.default.createElement(Text, { variant: "body2" }, "Share Screen"), /* @__PURE__ */ import_react152.default.createElement(
           Text,
           {
             variant: "caption",
@@ -21685,7 +21494,7 @@ function ShareScreenOptions() {
           "Share your tab, window or your entire screen"
         ))
       ),
-      /* @__PURE__ */ import_react154.default.createElement(
+      /* @__PURE__ */ import_react152.default.createElement(
         Flex,
         {
           direction: "column",
@@ -21694,7 +21503,7 @@ function ShareScreenOptions() {
             gap: "$6"
           }
         },
-        /* @__PURE__ */ import_react154.default.createElement(
+        /* @__PURE__ */ import_react152.default.createElement(
           IconButton,
           {
             onClick: () => {
@@ -21711,8 +21520,8 @@ function ShareScreenOptions() {
               pb: "0"
             }
           },
-          /* @__PURE__ */ import_react154.default.createElement(
-            import_react_icons70.PdfShare,
+          /* @__PURE__ */ import_react152.default.createElement(
+            import_react_icons69.PdfShare,
             {
               width: "100%",
               height: "100%",
@@ -21722,7 +21531,7 @@ function ShareScreenOptions() {
               }
             }
           ),
-          /* @__PURE__ */ import_react154.default.createElement(
+          /* @__PURE__ */ import_react152.default.createElement(
             Flex,
             {
               direction: "row",
@@ -21738,8 +21547,8 @@ function ShareScreenOptions() {
                 gap: "$2"
               }
             },
-            /* @__PURE__ */ import_react154.default.createElement(import_react_icons70.StarIcon, { height: 14, width: 14 }),
-            /* @__PURE__ */ import_react154.default.createElement(
+            /* @__PURE__ */ import_react152.default.createElement(import_react_icons69.StarIcon, { height: 14, width: 14 }),
+            /* @__PURE__ */ import_react152.default.createElement(
               Text,
               {
                 variant: "xs",
@@ -21753,7 +21562,7 @@ function ShareScreenOptions() {
             )
           )
         ),
-        /* @__PURE__ */ import_react154.default.createElement(Flex, { direction: "column", align: "center" }, /* @__PURE__ */ import_react154.default.createElement(Text, { variant: "body2" }, "Share PDF"), /* @__PURE__ */ import_react154.default.createElement(
+        /* @__PURE__ */ import_react152.default.createElement(Flex, { direction: "column", align: "center" }, /* @__PURE__ */ import_react152.default.createElement(Text, { variant: "body2" }, "Share PDF"), /* @__PURE__ */ import_react152.default.createElement(
           Text,
           {
             variant: "caption",
@@ -21766,7 +21575,7 @@ function ShareScreenOptions() {
         ))
       )
     ),
-    /* @__PURE__ */ import_react154.default.createElement(
+    /* @__PURE__ */ import_react152.default.createElement(
       Dropdown.Item,
       {
         css: {
@@ -21779,7 +21588,7 @@ function ShareScreenOptions() {
           }
         }
       },
-      /* @__PURE__ */ import_react154.default.createElement(
+      /* @__PURE__ */ import_react152.default.createElement(
         Button,
         {
           variant: "standard",
@@ -21796,16 +21605,16 @@ function ShareScreenOptions() {
         "Cancel"
       )
     )
-  )), openModals.has(MODALS2.PDF_SHARE) && /* @__PURE__ */ import_react154.default.createElement(PDFFileOptions, { onOpenChange: (value) => updateState(MODALS2.PDF_SHARE, value) }));
+  )), openModals.has(MODALS2.PDF_SHARE) && /* @__PURE__ */ import_react152.default.createElement(PDFFileOptions, { onOpenChange: (value) => updateState(MODALS2.PDF_SHARE, value) }));
 }
-var import_react154, import_react_sdk92, import_react_icons70, MODALS2;
+var import_react152, import_react_sdk91, import_react_icons69, MODALS2;
 var init_shareScreenOptions = __esm({
   "src/Prebuilt/components/pdfAnnotator/shareScreenOptions.jsx"() {
     "use strict";
     init_define_process_env();
-    import_react154 = __toESM(require("react"));
-    import_react_sdk92 = require("@100mslive/react-sdk");
-    import_react_icons70 = require("@100mslive/react-icons");
+    import_react152 = __toESM(require("react"));
+    import_react_sdk91 = require("@100mslive/react-sdk");
+    import_react_icons69 = require("@100mslive/react-icons");
     init_src();
     init_ShareMenuIcon();
     init_pdfFileOptions();
@@ -21818,14 +21627,14 @@ var init_shareScreenOptions = __esm({
 });
 
 // src/Prebuilt/components/ScreenShare.jsx
-var import_react155, import_react_sdk93, import_react_icons71, ScreenshareToggle;
+var import_react153, import_react_sdk92, import_react_icons70, ScreenshareToggle;
 var init_ScreenShare = __esm({
   "src/Prebuilt/components/ScreenShare.jsx"() {
     "use strict";
     init_define_process_env();
-    import_react155 = __toESM(require("react"));
-    import_react_sdk93 = require("@100mslive/react-sdk");
-    import_react_icons71 = require("@100mslive/react-icons");
+    import_react153 = __toESM(require("react"));
+    import_react_sdk92 = require("@100mslive/react-sdk");
+    import_react_icons70 = require("@100mslive/react-icons");
     init_shareScreenOptions();
     init_Layout();
     init_Tooltip2();
@@ -21834,14 +21643,14 @@ var init_ScreenShare = __esm({
     init_utils2();
     init_constants();
     ScreenshareToggle = ({ css: css2 = {} }) => {
-      const isAllowedToPublish = (0, import_react_sdk93.useHMSStore)(import_react_sdk93.selectIsAllowedToPublish);
+      const isAllowedToPublish = (0, import_react_sdk92.useHMSStore)(import_react_sdk92.selectIsAllowedToPublish);
       const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
-      const { amIScreenSharing, screenShareVideoTrackId: video, toggleScreenShare } = (0, import_react_sdk93.useScreenShare)();
+      const { amIScreenSharing, screenShareVideoTrackId: video, toggleScreenShare } = (0, import_react_sdk92.useScreenShare)();
       const isVideoScreenshare = amIScreenSharing && !!video;
       if (!isAllowedToPublish.screen || !isScreenshareSupported()) {
         return null;
       }
-      return /* @__PURE__ */ import_react155.default.createElement(import_react155.Fragment, null, /* @__PURE__ */ import_react155.default.createElement(Flex, { direction: "row" }, /* @__PURE__ */ import_react155.default.createElement(
+      return /* @__PURE__ */ import_react153.default.createElement(import_react153.Fragment, null, /* @__PURE__ */ import_react153.default.createElement(Flex, { direction: "row" }, /* @__PURE__ */ import_react153.default.createElement(
         ScreenShareButton,
         {
           variant: "standard",
@@ -21853,33 +21662,33 @@ var init_ScreenShare = __esm({
             toggleScreenShare();
           }
         },
-        /* @__PURE__ */ import_react155.default.createElement(Tooltip, { title: `${!isVideoScreenshare ? "Start" : "Stop"} screen sharing` }, /* @__PURE__ */ import_react155.default.createElement(Box, null, /* @__PURE__ */ import_react155.default.createElement(import_react_icons71.ShareScreenIcon, null)))
-      ), /* @__PURE__ */ import_react155.default.createElement(ShareScreenOptions, null)));
+        /* @__PURE__ */ import_react153.default.createElement(Tooltip, { title: `${!isVideoScreenshare ? "Start" : "Stop"} screen sharing` }, /* @__PURE__ */ import_react153.default.createElement(Box, null, /* @__PURE__ */ import_react153.default.createElement(import_react_icons70.ShareScreenIcon, null)))
+      ), /* @__PURE__ */ import_react153.default.createElement(ShareScreenOptions, null)));
     };
   }
 });
 
 // src/Prebuilt/components/ScreenshareHintModal.jsx
-var import_react156, import_react_sdk94, ScreenShareHintModal;
+var import_react154, import_react_sdk93, ScreenShareHintModal;
 var init_ScreenshareHintModal = __esm({
   "src/Prebuilt/components/ScreenshareHintModal.jsx"() {
     "use strict";
     init_define_process_env();
-    import_react156 = __toESM(require("react"));
-    import_react_sdk94 = require("@100mslive/react-sdk");
+    import_react154 = __toESM(require("react"));
+    import_react_sdk93 = require("@100mslive/react-sdk");
     init_Button2();
     init_Modal();
     init_DialogContent2();
     ScreenShareHintModal = ({ onClose }) => {
-      const hmsActions = (0, import_react_sdk94.useHMSActions)();
-      return /* @__PURE__ */ import_react156.default.createElement(Dialog.Root, { defaultOpen: true, onOpenChange: (value) => !value && onClose() }, /* @__PURE__ */ import_react156.default.createElement(DialogContent, { title: "AudioOnly Screenshare" }, /* @__PURE__ */ import_react156.default.createElement(
+      const hmsActions = (0, import_react_sdk93.useHMSActions)();
+      return /* @__PURE__ */ import_react154.default.createElement(Dialog.Root, { defaultOpen: true, onOpenChange: (value) => !value && onClose() }, /* @__PURE__ */ import_react154.default.createElement(DialogContent, { title: "AudioOnly Screenshare" }, /* @__PURE__ */ import_react154.default.createElement(
         "img",
         {
           src: "https://images.app.100ms.live/share-audio.png",
           alt: "AudioOnly Screenshare instructions",
           width: "100%"
         }
-      ), /* @__PURE__ */ import_react156.default.createElement(DialogRow, { justify: "end" }, /* @__PURE__ */ import_react156.default.createElement(
+      ), /* @__PURE__ */ import_react154.default.createElement(DialogRow, { justify: "end" }, /* @__PURE__ */ import_react154.default.createElement(
         Button,
         {
           variant: "primary",
@@ -21899,40 +21708,40 @@ var init_ScreenshareHintModal = __esm({
 });
 
 // src/Prebuilt/components/Footer/ChatToggle.jsx
-var import_react157, import_react_sdk95, import_react_icons72, ChatToggle;
+var import_react155, import_react_sdk94, import_react_icons71, ChatToggle;
 var init_ChatToggle = __esm({
   "src/Prebuilt/components/Footer/ChatToggle.jsx"() {
     "use strict";
     init_define_process_env();
-    import_react157 = __toESM(require("react"));
-    import_react_sdk95 = require("@100mslive/react-sdk");
-    import_react_icons72 = require("@100mslive/react-icons");
+    import_react155 = __toESM(require("react"));
+    import_react_sdk94 = require("@100mslive/react-sdk");
+    import_react_icons71 = require("@100mslive/react-icons");
     init_src();
     init_IconButton3();
     init_useSidepane();
     init_useFeatures();
     init_constants();
     ChatToggle = () => {
-      const countUnreadMessages = (0, import_react_sdk95.useHMSStore)(import_react_sdk95.selectUnreadHMSMessagesCount);
+      const countUnreadMessages = (0, import_react_sdk94.useHMSStore)(import_react_sdk94.selectUnreadHMSMessagesCount);
       const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
       const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
       const isFeatureEnabled = useIsFeatureEnabled(FEATURE_LIST.CHAT);
       if (!isFeatureEnabled) {
         return;
       }
-      return /* @__PURE__ */ import_react157.default.createElement(Tooltip, { key: "chat", title: `${isChatOpen ? "Close" : "Open"} chat` }, /* @__PURE__ */ import_react157.default.createElement(IconButton_default, { onClick: toggleChat, active: !isChatOpen, "data-testid": "chat_btn" }, countUnreadMessages === 0 ? /* @__PURE__ */ import_react157.default.createElement(import_react_icons72.ChatIcon, null) : /* @__PURE__ */ import_react157.default.createElement(import_react_icons72.ChatUnreadIcon, { "data-testid": "chat_unread_btn" })));
+      return /* @__PURE__ */ import_react155.default.createElement(Tooltip, { key: "chat", title: `${isChatOpen ? "Close" : "Open"} chat` }, /* @__PURE__ */ import_react155.default.createElement(IconButton_default, { onClick: toggleChat, active: !isChatOpen, "data-testid": "chat_btn" }, countUnreadMessages === 0 ? /* @__PURE__ */ import_react155.default.createElement(import_react_icons71.ChatIcon, null) : /* @__PURE__ */ import_react155.default.createElement(import_react_icons71.ChatUnreadIcon, { "data-testid": "chat_unread_btn" })));
     };
   }
 });
 
 // src/Prebuilt/plugins/transcription/Transcriber.js
-var import_recordrtc, import_react_sdk96, Transcriber;
+var import_recordrtc, import_react_sdk95, Transcriber;
 var init_Transcriber = __esm({
   "src/Prebuilt/plugins/transcription/Transcriber.js"() {
     "use strict";
     init_define_process_env();
     import_recordrtc = __toESM(require("recordrtc"));
-    import_react_sdk96 = require("@100mslive/react-sdk");
+    import_react_sdk95 = require("@100mslive/react-sdk");
     Transcriber = class {
       constructor({ hmsStore, setTranscriptAndSpeakingPeer, setIsTranscriptionEnabled }) {
         /**
@@ -21971,7 +21780,7 @@ var init_Transcriber = __esm({
           bufferSize: 256
         };
         this.resetTextTimer = null;
-        this.localPeerName = hmsStore.getState(import_react_sdk96.selectLocalPeerName);
+        this.localPeerName = hmsStore.getState(import_react_sdk95.selectLocalPeerName);
         this.observingLocalPeerTrack = false;
         this.trackIdBeingObserved = null;
         this.recordRTCInstance = null;
@@ -22077,7 +21886,7 @@ var init_Transcriber = __esm({
             }
             this.observingLocalPeerTrack = true;
             console.log("transcription - observing local peer track");
-            let unsub = this.hmsStore.subscribe(this.getAndObserveStream, import_react_sdk96.selectIsLocalAudioEnabled);
+            let unsub = this.hmsStore.subscribe(this.getAndObserveStream, import_react_sdk95.selectIsLocalAudioEnabled);
             this.unsubscribes.push(unsub);
             this.getAndObserveStream();
           } catch (err) {
@@ -22138,28 +21947,28 @@ var init_Transcriber = __esm({
 
 // src/Prebuilt/plugins/transcription/TranscriptionButton.jsx
 function TranscriptionButton() {
-  const transcriptionState = (0, import_react_sdk97.useHMSStore)((0, import_react_sdk97.selectSessionStore)(SESSION_STORE_KEY.TRANSCRIPTION_STATE));
-  const rawStore = (0, import_react_sdk97.useHMSVanillaStore)();
+  const transcriptionState = (0, import_react_sdk96.useHMSStore)((0, import_react_sdk96.selectSessionStore)(SESSION_STORE_KEY.TRANSCRIPTION_STATE));
+  const rawStore = (0, import_react_sdk96.useHMSVanillaStore)();
   const isTranscriptionEnabled = !!(transcriptionState == null ? void 0 : transcriptionState.enabled);
   let transcript = "", speakingPeer = "";
   if (isTranscriptionEnabled) {
     transcript = transcriptionState.transcript || "";
     speakingPeer = transcriptionState.speakingPeer || "";
   }
-  const transcriber = (0, import_react158.useRef)(null);
-  const hmsActions = (0, import_react_sdk97.useHMSActions)();
-  const isAllowedToPublish = (0, import_react_sdk97.useHMSStore)(import_react_sdk97.selectIsAllowedToPublish);
-  (0, import_react158.useEffect)(() => {
+  const transcriber = (0, import_react156.useRef)(null);
+  const hmsActions = (0, import_react_sdk96.useHMSActions)();
+  const isAllowedToPublish = (0, import_react_sdk96.useHMSStore)(import_react_sdk96.selectIsAllowedToPublish);
+  (0, import_react156.useEffect)(() => {
     hmsActions.sessionStore.observe(SESSION_STORE_KEY.TRANSCRIPTION_STATE);
   }, [hmsActions]);
-  (0, import_react158.useEffect)(() => {
+  (0, import_react156.useEffect)(() => {
     if (!transcriber.current) {
       transcriber.current = new Transcriber({
         hmsStore: rawStore,
         setTranscriptAndSpeakingPeer: (transcript2, peerName) => __async(this, null, function* () {
           var _a7;
           const transcriptionCurrentEnabledState = !!((_a7 = rawStore.getState(
-            (0, import_react_sdk97.selectSessionStore)(SESSION_STORE_KEY.TRANSCRIPTION_STATE)
+            (0, import_react_sdk96.selectSessionStore)(SESSION_STORE_KEY.TRANSCRIPTION_STATE)
           )) == null ? void 0 : _a7.enabled);
           yield hmsActions.sessionStore.set(SESSION_STORE_KEY.TRANSCRIPTION_STATE, {
             enabled: transcriptionCurrentEnabledState,
@@ -22180,15 +21989,15 @@ function TranscriptionButton() {
       }
     };
   }, [hmsActions, rawStore]);
-  (0, import_react158.useEffect)(() => {
+  (0, import_react156.useEffect)(() => {
     if (isTranscriptionEnabled) {
       transcriber.current.enableTranscription(true);
     }
   }, [isTranscriptionEnabled]);
-  const toggleTranscriptionState = (0, import_react158.useCallback)(() => {
+  const toggleTranscriptionState = (0, import_react156.useCallback)(() => {
     transcriber.current.toggleTranscriptionState();
   }, []);
-  return /* @__PURE__ */ import_react158.default.createElement(import_react158.default.Fragment, null, /* @__PURE__ */ import_react158.default.createElement(
+  return /* @__PURE__ */ import_react156.default.createElement(import_react156.default.Fragment, null, /* @__PURE__ */ import_react156.default.createElement(
     Box,
     {
       css: {
@@ -22205,7 +22014,7 @@ function TranscriptionButton() {
         paddingLeft: "40px"
       }
     }
-  ), /* @__PURE__ */ import_react158.default.createElement(
+  ), /* @__PURE__ */ import_react156.default.createElement(
     Box,
     {
       css: {
@@ -22221,7 +22030,7 @@ function TranscriptionButton() {
         whiteSpace: "pre-line"
       }
     },
-    /* @__PURE__ */ import_react158.default.createElement(
+    /* @__PURE__ */ import_react156.default.createElement(
       Text,
       {
         css: {
@@ -22231,7 +22040,7 @@ function TranscriptionButton() {
       },
       transcript
     ),
-    /* @__PURE__ */ import_react158.default.createElement(
+    /* @__PURE__ */ import_react156.default.createElement(
       Text,
       {
         css: {
@@ -22242,24 +22051,24 @@ function TranscriptionButton() {
       },
       speakingPeer
     )
-  ), isAllowedToPublish.audio && /* @__PURE__ */ import_react158.default.createElement(Tooltip, { title: `Turn ${!isTranscriptionEnabled ? "on" : "off"} transcription` }, /* @__PURE__ */ import_react158.default.createElement(
+  ), isAllowedToPublish.audio && /* @__PURE__ */ import_react156.default.createElement(Tooltip, { title: `Turn ${!isTranscriptionEnabled ? "on" : "off"} transcription` }, /* @__PURE__ */ import_react156.default.createElement(
     IconButton_default,
     {
       active: !isTranscriptionEnabled,
       onClick: toggleTranscriptionState,
       "data-testid": "transcription_btn"
     },
-    /* @__PURE__ */ import_react158.default.createElement(import_react_icons73.ClosedCaptionIcon, null)
+    /* @__PURE__ */ import_react156.default.createElement(import_react_icons72.ClosedCaptionIcon, null)
   )));
 }
-var import_react158, import_react_sdk97, import_react_icons73;
+var import_react156, import_react_sdk96, import_react_icons72;
 var init_TranscriptionButton = __esm({
   "src/Prebuilt/plugins/transcription/TranscriptionButton.jsx"() {
     "use strict";
     init_define_process_env();
-    import_react158 = __toESM(require("react"));
-    import_react_sdk97 = require("@100mslive/react-sdk");
-    import_react_icons73 = require("@100mslive/react-icons");
+    import_react156 = __toESM(require("react"));
+    import_react_sdk96 = require("@100mslive/react-sdk");
+    import_react_icons72 = require("@100mslive/react-icons");
     init_Layout();
     init_Text2();
     init_Tooltip2();
@@ -22283,16 +22092,15 @@ var init_transcription = __esm({
 });
 
 // src/Prebuilt/components/Footer/ConferencingFooter.jsx
-var import_react159, import_react_use25, import_react_sdk98, import_react_icons74, TranscriptionButton2, VirtualBackground3, ScreenshareAudio, ConferencingFooter;
+var import_react157, import_react_use25, import_react_sdk97, import_react_icons73, TranscriptionButton2, VirtualBackground3, ScreenshareAudio, ConferencingFooter;
 var init_ConferencingFooter = __esm({
   "src/Prebuilt/components/Footer/ConferencingFooter.jsx"() {
     "use strict";
     init_define_process_env();
-    import_react159 = __toESM(require("react"));
+    import_react157 = __toESM(require("react"));
     import_react_use25 = require("react-use");
-    import_react_sdk98 = require("@100mslive/react-sdk");
-    import_react_icons74 = require("@100mslive/react-icons");
-    init_Playlist();
+    import_react_sdk97 = require("@100mslive/react-sdk");
+    import_react_icons73 = require("@100mslive/react-icons");
     init_src();
     init_IconButton3();
     init_AudioVideoToggle();
@@ -22308,23 +22116,23 @@ var init_ConferencingFooter = __esm({
     init_utils2();
     init_FeatureFlags();
     init_constants();
-    TranscriptionButton2 = import_react159.default.lazy(() => Promise.resolve().then(() => (init_transcription(), transcription_exports)));
-    VirtualBackground3 = import_react159.default.lazy(() => Promise.resolve().then(() => (init_VirtualBackground(), VirtualBackground_exports)));
+    TranscriptionButton2 = import_react157.default.lazy(() => Promise.resolve().then(() => (init_transcription(), transcription_exports)));
+    VirtualBackground3 = import_react157.default.lazy(() => Promise.resolve().then(() => (init_VirtualBackground(), VirtualBackground_exports)));
     ScreenshareAudio = () => {
       const {
         amIScreenSharing,
         screenShareVideoTrackId: video,
         screenShareAudioTrackId: audio,
         toggleScreenShare
-      } = (0, import_react_sdk98.useScreenShare)();
-      const isAllowedToPublish = (0, import_react_sdk98.useHMSStore)(import_react_sdk98.selectIsAllowedToPublish);
+      } = (0, import_react_sdk97.useScreenShare)();
+      const isAllowedToPublish = (0, import_react_sdk97.useHMSStore)(import_react_sdk97.selectIsAllowedToPublish);
       const isAudioScreenshare = amIScreenSharing && !video && !!audio;
-      const [showModal, setShowModal] = (0, import_react159.useState)(false);
+      const [showModal, setShowModal] = (0, import_react157.useState)(false);
       const isFeatureEnabled = useIsFeatureEnabled(FEATURE_LIST.AUDIO_ONLY_SCREENSHARE);
       if (!isFeatureEnabled || !isAllowedToPublish.screen || !isScreenshareSupported()) {
         return null;
       }
-      return /* @__PURE__ */ import_react159.default.createElement(import_react159.Fragment, null, /* @__PURE__ */ import_react159.default.createElement(Tooltip, { title: `${!isAudioScreenshare ? "Start" : "Stop"} audio sharing`, key: "shareAudio" }, /* @__PURE__ */ import_react159.default.createElement(
+      return /* @__PURE__ */ import_react157.default.createElement(import_react157.Fragment, null, /* @__PURE__ */ import_react157.default.createElement(Tooltip, { title: `${!isAudioScreenshare ? "Start" : "Stop"} audio sharing`, key: "shareAudio" }, /* @__PURE__ */ import_react157.default.createElement(
         IconButton_default,
         {
           active: !isAudioScreenshare,
@@ -22337,12 +22145,12 @@ var init_ConferencingFooter = __esm({
           },
           "data-testid": "screenshare_audio"
         },
-        /* @__PURE__ */ import_react159.default.createElement(import_react_icons74.MusicIcon, null)
-      )), showModal && /* @__PURE__ */ import_react159.default.createElement(ScreenShareHintModal, { onClose: () => setShowModal(false) }));
+        /* @__PURE__ */ import_react157.default.createElement(import_react_icons73.MusicIcon, null)
+      )), showModal && /* @__PURE__ */ import_react157.default.createElement(ScreenShareHintModal, { onClose: () => setShowModal(false) }));
     };
     ConferencingFooter = () => {
       const isMobile = (0, import_react_use25.useMedia)(config.media.md);
-      return /* @__PURE__ */ import_react159.default.createElement(Footer.Root, null, /* @__PURE__ */ import_react159.default.createElement(Footer.Left, null, /* @__PURE__ */ import_react159.default.createElement(ScreenshareAudio, null), /* @__PURE__ */ import_react159.default.createElement(Playlist, { type: import_react_sdk98.HMSPlaylistType.audio }), /* @__PURE__ */ import_react159.default.createElement(Playlist, { type: import_react_sdk98.HMSPlaylistType.video }), /* @__PURE__ */ import_react159.default.createElement(import_react159.Suspense, { fallback: "" }, /* @__PURE__ */ import_react159.default.createElement(VirtualBackground3, null)), FeatureFlags.enableTranscription ? /* @__PURE__ */ import_react159.default.createElement(TranscriptionButton2, null) : null, /* @__PURE__ */ import_react159.default.createElement(
+      return /* @__PURE__ */ import_react157.default.createElement(Footer.Root, null, /* @__PURE__ */ import_react157.default.createElement(Footer.Left, null, /* @__PURE__ */ import_react157.default.createElement(ScreenshareAudio, null), /* @__PURE__ */ import_react157.default.createElement(import_react157.Suspense, { fallback: "" }, /* @__PURE__ */ import_react157.default.createElement(VirtualBackground3, null)), FeatureFlags.enableTranscription ? /* @__PURE__ */ import_react157.default.createElement(TranscriptionButton2, null) : null, /* @__PURE__ */ import_react157.default.createElement(
         Flex,
         {
           align: "center",
@@ -22354,20 +22162,20 @@ var init_ConferencingFooter = __esm({
             }
           }
         },
-        isMobile && /* @__PURE__ */ import_react159.default.createElement(EmojiReaction, null),
-        /* @__PURE__ */ import_react159.default.createElement(MetaActions_default, { isMobile: true })
-      )), /* @__PURE__ */ import_react159.default.createElement(Footer.Center, null, /* @__PURE__ */ import_react159.default.createElement(AudioVideoToggle, null), /* @__PURE__ */ import_react159.default.createElement(ScreenshareToggle, null), /* @__PURE__ */ import_react159.default.createElement(PIP, null), /* @__PURE__ */ import_react159.default.createElement(MoreSettings, null), /* @__PURE__ */ import_react159.default.createElement(Flex, { align: "center", css: { display: "none", "@md": { display: "flex" } } }, /* @__PURE__ */ import_react159.default.createElement(ChatToggle, null)), /* @__PURE__ */ import_react159.default.createElement(LeaveRoom, null)), /* @__PURE__ */ import_react159.default.createElement(Footer.Right, null, !isMobile && /* @__PURE__ */ import_react159.default.createElement(EmojiReaction, null), /* @__PURE__ */ import_react159.default.createElement(MetaActions_default, null), /* @__PURE__ */ import_react159.default.createElement(ChatToggle, null)));
+        isMobile && /* @__PURE__ */ import_react157.default.createElement(EmojiReaction, null),
+        /* @__PURE__ */ import_react157.default.createElement(MetaActions_default, { isMobile: true })
+      )), /* @__PURE__ */ import_react157.default.createElement(Footer.Center, null, /* @__PURE__ */ import_react157.default.createElement(AudioVideoToggle, null), /* @__PURE__ */ import_react157.default.createElement(ScreenshareToggle, null), /* @__PURE__ */ import_react157.default.createElement(PIP, null), /* @__PURE__ */ import_react157.default.createElement(MoreSettings, null), /* @__PURE__ */ import_react157.default.createElement(Flex, { align: "center", css: { display: "none", "@md": { display: "flex" } } }, /* @__PURE__ */ import_react157.default.createElement(ChatToggle, null)), /* @__PURE__ */ import_react157.default.createElement(LeaveRoom, null)), /* @__PURE__ */ import_react157.default.createElement(Footer.Right, null, !isMobile && /* @__PURE__ */ import_react157.default.createElement(EmojiReaction, null), /* @__PURE__ */ import_react157.default.createElement(MetaActions_default, null), /* @__PURE__ */ import_react157.default.createElement(ChatToggle, null)));
     };
   }
 });
 
 // src/Prebuilt/components/Footer/StreamingFooter.jsx
-var import_react160, StreamingFooter;
+var import_react158, StreamingFooter;
 var init_StreamingFooter = __esm({
   "src/Prebuilt/components/Footer/StreamingFooter.jsx"() {
     "use strict";
     init_define_process_env();
-    import_react160 = __toESM(require("react"));
+    import_react158 = __toESM(require("react"));
     init_src();
     init_AudioVideoToggle();
     init_EmojiReaction();
@@ -22379,7 +22187,7 @@ var init_StreamingFooter = __esm({
     init_ScreenShare();
     init_ChatToggle();
     StreamingFooter = () => {
-      return /* @__PURE__ */ import_react160.default.createElement(
+      return /* @__PURE__ */ import_react158.default.createElement(
         Footer.Root,
         {
           css: {
@@ -22389,7 +22197,7 @@ var init_StreamingFooter = __esm({
             }
           }
         },
-        /* @__PURE__ */ import_react160.default.createElement(
+        /* @__PURE__ */ import_react158.default.createElement(
           Footer.Left,
           {
             css: {
@@ -22399,9 +22207,9 @@ var init_StreamingFooter = __esm({
               }
             }
           },
-          /* @__PURE__ */ import_react160.default.createElement(AudioVideoToggle, null)
+          /* @__PURE__ */ import_react158.default.createElement(AudioVideoToggle, null)
         ),
-        /* @__PURE__ */ import_react160.default.createElement(
+        /* @__PURE__ */ import_react158.default.createElement(
           Footer.Center,
           {
             css: {
@@ -22410,9 +22218,9 @@ var init_StreamingFooter = __esm({
               }
             }
           },
-          /* @__PURE__ */ import_react160.default.createElement(ScreenshareToggle, { css: { "@sm": { display: "none" } } }),
-          /* @__PURE__ */ import_react160.default.createElement(Box, { css: { "@md": { display: "none" } } }, /* @__PURE__ */ import_react160.default.createElement(PIP, null)),
-          /* @__PURE__ */ import_react160.default.createElement(
+          /* @__PURE__ */ import_react158.default.createElement(ScreenshareToggle, { css: { "@sm": { display: "none" } } }),
+          /* @__PURE__ */ import_react158.default.createElement(Box, { css: { "@md": { display: "none" } } }, /* @__PURE__ */ import_react158.default.createElement(PIP, null)),
+          /* @__PURE__ */ import_react158.default.createElement(
             Box,
             {
               css: {
@@ -22424,53 +22232,53 @@ var init_StreamingFooter = __esm({
                 }
               }
             },
-            /* @__PURE__ */ import_react160.default.createElement(StreamActions, null)
+            /* @__PURE__ */ import_react158.default.createElement(StreamActions, null)
           ),
-          /* @__PURE__ */ import_react160.default.createElement(MoreSettings, null),
-          /* @__PURE__ */ import_react160.default.createElement(Box, { css: { "@md": { display: "none" } } }, /* @__PURE__ */ import_react160.default.createElement(LeaveRoom, null)),
-          /* @__PURE__ */ import_react160.default.createElement(Flex, { align: "center", css: { display: "none", "@md": { display: "flex" } } }, /* @__PURE__ */ import_react160.default.createElement(ChatToggle, null))
+          /* @__PURE__ */ import_react158.default.createElement(MoreSettings, null),
+          /* @__PURE__ */ import_react158.default.createElement(Box, { css: { "@md": { display: "none" } } }, /* @__PURE__ */ import_react158.default.createElement(LeaveRoom, null)),
+          /* @__PURE__ */ import_react158.default.createElement(Flex, { align: "center", css: { display: "none", "@md": { display: "flex" } } }, /* @__PURE__ */ import_react158.default.createElement(ChatToggle, null))
         ),
-        /* @__PURE__ */ import_react160.default.createElement(Footer.Right, null, /* @__PURE__ */ import_react160.default.createElement(EmojiReaction, null), /* @__PURE__ */ import_react160.default.createElement(MetaActions_default, null), /* @__PURE__ */ import_react160.default.createElement(ChatToggle, null))
+        /* @__PURE__ */ import_react158.default.createElement(Footer.Right, null, /* @__PURE__ */ import_react158.default.createElement(EmojiReaction, null), /* @__PURE__ */ import_react158.default.createElement(MetaActions_default, null), /* @__PURE__ */ import_react158.default.createElement(ChatToggle, null))
       );
     };
   }
 });
 
 // src/Prebuilt/components/Footer.jsx
-var import_react161, Footer2;
+var import_react159, Footer2;
 var init_Footer3 = __esm({
   "src/Prebuilt/components/Footer.jsx"() {
     "use strict";
     init_define_process_env();
-    import_react161 = __toESM(require("react"));
+    import_react159 = __toESM(require("react"));
     init_ConferencingFooter();
     init_StreamingFooter();
     init_utils2();
     Footer2 = () => {
-      return isStreamingKit() ? /* @__PURE__ */ import_react161.default.createElement(StreamingFooter, null) : /* @__PURE__ */ import_react161.default.createElement(ConferencingFooter, null);
+      return isStreamingKit() ? /* @__PURE__ */ import_react159.default.createElement(StreamingFooter, null) : /* @__PURE__ */ import_react159.default.createElement(ConferencingFooter, null);
     };
   }
 });
 
 // src/Prebuilt/components/RoleChangeRequestModal.jsx
-var import_react162, import_react_sdk99, RoleChangeRequestModal;
+var import_react160, import_react_sdk98, RoleChangeRequestModal;
 var init_RoleChangeRequestModal = __esm({
   "src/Prebuilt/components/RoleChangeRequestModal.jsx"() {
     "use strict";
     init_define_process_env();
-    import_react162 = __toESM(require("react"));
-    import_react_sdk99 = require("@100mslive/react-sdk");
+    import_react160 = __toESM(require("react"));
+    import_react_sdk98 = require("@100mslive/react-sdk");
     init_DialogContent2();
     init_useUISettings();
     RoleChangeRequestModal = () => {
       var _a7, _b7;
-      const hmsActions = (0, import_react_sdk99.useHMSActions)();
+      const hmsActions = (0, import_react_sdk98.useHMSActions)();
       const isHeadless = useIsHeadless();
-      const roleChangeRequest = (0, import_react_sdk99.useHMSStore)(import_react_sdk99.selectRoleChangeRequest);
+      const roleChangeRequest = (0, import_react_sdk98.useHMSStore)(import_react_sdk98.selectRoleChangeRequest);
       if (!(roleChangeRequest == null ? void 0 : roleChangeRequest.role) || isHeadless) {
         return null;
       }
-      return /* @__PURE__ */ import_react162.default.createElement(
+      return /* @__PURE__ */ import_react160.default.createElement(
         RequestDialog,
         {
           title: "Role Change Request",
@@ -22491,15 +22299,15 @@ var conference_exports = {};
 __export(conference_exports, {
   default: () => conference_default
 });
-var import_react163, import_react_router_dom6, import_react_use26, import_react_sdk100, Conference, conference_default;
+var import_react161, import_react_router_dom6, import_react_use26, import_react_sdk99, Conference, conference_default;
 var init_conference = __esm({
   "src/Prebuilt/components/conference.jsx"() {
     "use strict";
     init_define_process_env();
-    import_react163 = __toESM(require("react"));
+    import_react161 = __toESM(require("react"));
     import_react_router_dom6 = require("react-router-dom");
     import_react_use26 = require("react-use");
-    import_react_sdk100 = require("@100mslive/react-sdk");
+    import_react_sdk99 = require("@100mslive/react-sdk");
     init_HLSFailureModal();
     init_Layout();
     init_AppContext();
@@ -22517,18 +22325,18 @@ var init_conference = __esm({
       const navigate = useNavigation();
       const { roomId, role } = (0, import_react_router_dom6.useParams)();
       const isHeadless = useIsHeadless();
-      const roomState = (0, import_react_sdk100.useHMSStore)(import_react_sdk100.selectRoomState);
+      const roomState = (0, import_react_sdk99.useHMSStore)(import_react_sdk99.selectRoomState);
       const prevState = (0, import_react_use26.usePrevious)(roomState);
-      const isConnectedToRoom = (0, import_react_sdk100.useHMSStore)(import_react_sdk100.selectIsConnectedToRoom);
-      const hmsActions = (0, import_react_sdk100.useHMSActions)();
-      const [hideControls, setHideControls] = (0, import_react163.useState)(false);
-      const dropdownList = (0, import_react_sdk100.useHMSStore)((0, import_react_sdk100.selectAppData)(APP_DATA.dropdownList));
+      const isConnectedToRoom = (0, import_react_sdk99.useHMSStore)(import_react_sdk99.selectIsConnectedToRoom);
+      const hmsActions = (0, import_react_sdk99.useHMSActions)();
+      const [hideControls, setHideControls] = (0, import_react161.useState)(false);
+      const dropdownList = (0, import_react_sdk99.useHMSStore)((0, import_react_sdk99.selectAppData)(APP_DATA.dropdownList));
       const skipPreview = useSkipPreview();
       const { showPreview } = useHMSPrebuiltContext();
       const authTokenInAppData = useAuthToken();
-      const headerRef = (0, import_react163.useRef)();
-      const footerRef = (0, import_react163.useRef)();
-      const dropdownListRef = (0, import_react163.useRef)();
+      const headerRef = (0, import_react161.useRef)();
+      const footerRef = (0, import_react161.useRef)();
+      const dropdownListRef = (0, import_react161.useRef)();
       const performAutoHide = hideControls && (isAndroid || isIOS || isIPadOS);
       const [isHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
       const toggleControls = () => {
@@ -22537,7 +22345,7 @@ var init_conference = __esm({
           setHideControls((value) => !value);
         }
       };
-      (0, import_react163.useEffect)(() => {
+      (0, import_react161.useEffect)(() => {
         let timeout = null;
         dropdownListRef.current = dropdownList || [];
         if (dropdownListRef.current.length === 0) {
@@ -22552,7 +22360,7 @@ var init_conference = __esm({
           clearTimeout(timeout);
         };
       }, [dropdownList, hideControls]);
-      (0, import_react163.useEffect)(() => {
+      (0, import_react161.useEffect)(() => {
         if (!roomId) {
           navigate(`/`);
           return;
@@ -22560,15 +22368,15 @@ var init_conference = __esm({
         if (!showPreview) {
           return;
         }
-        if (!prevState && !(roomState === import_react_sdk100.HMSRoomState.Connecting || roomState === import_react_sdk100.HMSRoomState.Reconnecting || isConnectedToRoom)) {
+        if (!prevState && !(roomState === import_react_sdk99.HMSRoomState.Connecting || roomState === import_react_sdk99.HMSRoomState.Reconnecting || isConnectedToRoom)) {
           if (role)
             navigate(`/preview/${roomId || ""}/${role}`);
           else
             navigate(`/preview/${roomId || ""}`);
         }
       }, [isConnectedToRoom, prevState, roomState, navigate, role, roomId, showPreview]);
-      (0, import_react163.useEffect)(() => {
-        if (authTokenInAppData && !isConnectedToRoom && !showPreview && roomState !== import_react_sdk100.HMSRoomState.Connecting) {
+      (0, import_react161.useEffect)(() => {
+        if (authTokenInAppData && !isConnectedToRoom && !showPreview && roomState !== import_react_sdk99.HMSRoomState.Connecting) {
           hmsActions.join({
             userName: "Test",
             authToken: authTokenInAppData,
@@ -22581,18 +22389,18 @@ var init_conference = __esm({
           }).catch(console.error);
         }
       }, [authTokenInAppData, skipPreview, hmsActions, isConnectedToRoom, showPreview, roomState]);
-      (0, import_react163.useEffect)(() => {
+      (0, import_react161.useEffect)(() => {
         if (isHeadless) {
           hmsActions.ignoreMessageTypes(["chat", EMOJI_REACTION_TYPE]);
         }
       }, [isHeadless, hmsActions]);
       if (!isConnectedToRoom) {
-        return /* @__PURE__ */ import_react163.default.createElement(FullPageProgress_default, { loadingText: "Joining..." });
+        return /* @__PURE__ */ import_react161.default.createElement(FullPageProgress_default, { loadingText: "Joining..." });
       }
       if (isHLSStarted) {
-        return /* @__PURE__ */ import_react163.default.createElement(FullPageProgress_default, { loadingText: "Starting live stream..." });
+        return /* @__PURE__ */ import_react161.default.createElement(FullPageProgress_default, { loadingText: "Starting live stream..." });
       }
-      return /* @__PURE__ */ import_react163.default.createElement(Flex, { css: { size: "100%", overflow: "hidden" }, direction: "column" }, !isHeadless && /* @__PURE__ */ import_react163.default.createElement(
+      return /* @__PURE__ */ import_react161.default.createElement(Flex, { css: { size: "100%", overflow: "hidden" }, direction: "column" }, !isHeadless && /* @__PURE__ */ import_react161.default.createElement(
         Box,
         {
           ref: headerRef,
@@ -22606,8 +22414,8 @@ var init_conference = __esm({
           },
           "data-testid": "header"
         },
-        /* @__PURE__ */ import_react163.default.createElement(Header2, null)
-      ), /* @__PURE__ */ import_react163.default.createElement(
+        /* @__PURE__ */ import_react161.default.createElement(Header2, null)
+      ), /* @__PURE__ */ import_react161.default.createElement(
         Box,
         {
           css: {
@@ -22620,8 +22428,8 @@ var init_conference = __esm({
           "data-testid": "conferencing",
           onClick: toggleControls
         },
-        /* @__PURE__ */ import_react163.default.createElement(ConferenceMainView, null)
-      ), !isHeadless && /* @__PURE__ */ import_react163.default.createElement(
+        /* @__PURE__ */ import_react161.default.createElement(ConferenceMainView, null)
+      ), !isHeadless && /* @__PURE__ */ import_react161.default.createElement(
         Box,
         {
           ref: footerRef,
@@ -22636,8 +22444,8 @@ var init_conference = __esm({
           },
           "data-testid": "footer"
         },
-        /* @__PURE__ */ import_react163.default.createElement(Footer2, null)
-      ), /* @__PURE__ */ import_react163.default.createElement(RoleChangeRequestModal, null), /* @__PURE__ */ import_react163.default.createElement(HLSFailureModal, null));
+        /* @__PURE__ */ import_react161.default.createElement(Footer2, null)
+      ), /* @__PURE__ */ import_react161.default.createElement(RoleChangeRequestModal, null), /* @__PURE__ */ import_react161.default.createElement(HLSFailureModal, null));
     };
     conference_default = Conference;
   }
@@ -22645,16 +22453,16 @@ var init_conference = __esm({
 
 // src/Prebuilt/App.jsx
 function AppRoutes({ authTokenByRoomCodeEndpoint }) {
-  return /* @__PURE__ */ import_react164.default.createElement(Router, null, /* @__PURE__ */ import_react164.default.createElement(ToastContainer, null), /* @__PURE__ */ import_react164.default.createElement(Notifications, null), /* @__PURE__ */ import_react164.default.createElement(BackSwipe, null), /* @__PURE__ */ import_react164.default.createElement(FlyingEmoji, null), /* @__PURE__ */ import_react164.default.createElement(RemoteStopScreenshare, null), /* @__PURE__ */ import_react164.default.createElement(KeyboardHandler, null), /* @__PURE__ */ import_react164.default.createElement(BeamSpeakerLabelsLogging, null), /* @__PURE__ */ import_react164.default.createElement(AuthToken_default, { authTokenByRoomCodeEndpoint }), /* @__PURE__ */ import_react164.default.createElement(import_react_router_dom7.Routes, null, /* @__PURE__ */ import_react164.default.createElement(import_react_router_dom7.Route, { path: "/*", element: /* @__PURE__ */ import_react164.default.createElement(RouteList, null) }), /* @__PURE__ */ import_react164.default.createElement(import_react_router_dom7.Route, { path: "/streaming/*", element: /* @__PURE__ */ import_react164.default.createElement(RouteList, null) })));
+  return /* @__PURE__ */ import_react162.default.createElement(Router, null, /* @__PURE__ */ import_react162.default.createElement(ToastContainer, null), /* @__PURE__ */ import_react162.default.createElement(Notifications, null), /* @__PURE__ */ import_react162.default.createElement(BackSwipe, null), /* @__PURE__ */ import_react162.default.createElement(FlyingEmoji, null), /* @__PURE__ */ import_react162.default.createElement(RemoteStopScreenshare, null), /* @__PURE__ */ import_react162.default.createElement(KeyboardHandler, null), /* @__PURE__ */ import_react162.default.createElement(BeamSpeakerLabelsLogging, null), /* @__PURE__ */ import_react162.default.createElement(AuthToken_default, { authTokenByRoomCodeEndpoint }), /* @__PURE__ */ import_react162.default.createElement(import_react_router_dom7.Routes, null, /* @__PURE__ */ import_react162.default.createElement(import_react_router_dom7.Route, { path: "/*", element: /* @__PURE__ */ import_react162.default.createElement(RouteList, null) }), /* @__PURE__ */ import_react162.default.createElement(import_react_router_dom7.Route, { path: "/streaming/*", element: /* @__PURE__ */ import_react162.default.createElement(RouteList, null) })));
 }
-var import_react164, import_react_router_dom7, import_react_sdk101, Conference2, getAspectRatio2, HMSPrebuilt, Redirector, RouteList, BackSwipe, Router;
+var import_react162, import_react_router_dom7, import_react_sdk100, Conference2, getAspectRatio2, HMSPrebuilt, Redirector, RouteList, BackSwipe, Router;
 var init_App = __esm({
   "src/Prebuilt/App.jsx"() {
     "use strict";
     init_define_process_env();
-    import_react164 = __toESM(require("react"));
+    import_react162 = __toESM(require("react"));
     import_react_router_dom7 = require("react-router-dom");
-    import_react_sdk101 = require("@100mslive/react-sdk");
+    import_react_sdk100 = require("@100mslive/react-sdk");
     init_AppData();
     init_BeamSpeakerLabelsLogging();
     init_AuthToken();
@@ -22674,7 +22482,7 @@ var init_App = __esm({
     init_RemoteStopScreenshare();
     init_utils2();
     init_FeatureFlags();
-    Conference2 = import_react164.default.lazy(() => Promise.resolve().then(() => (init_conference(), conference_exports)));
+    Conference2 = import_react162.default.lazy(() => Promise.resolve().then(() => (init_conference(), conference_exports)));
     getAspectRatio2 = ({ width, height }) => {
       const host = define_process_env_default.REACT_APP_HOST_NAME;
       const portraitDomains = (define_process_env_default.REACT_APP_PORTRAIT_MODE_DOMAINS || "").split(",");
@@ -22683,7 +22491,7 @@ var init_App = __esm({
       }
       return { width, height };
     };
-    HMSPrebuilt = import_react164.default.forwardRef(
+    HMSPrebuilt = import_react162.default.forwardRef(
       ({
         roomCode = "",
         logo,
@@ -22705,11 +22513,11 @@ var init_App = __esm({
         const aspectRatio = "1-1";
         const metadata = "";
         const { 0: width, 1: height } = aspectRatio.split("-").map((el) => parseInt(el));
-        const reactiveStore = (0, import_react164.useRef)();
-        const [hydrated, setHydrated] = import_react164.default.useState(false);
-        (0, import_react164.useEffect)(() => {
+        const reactiveStore = (0, import_react162.useRef)();
+        const [hydrated, setHydrated] = import_react162.default.useState(false);
+        (0, import_react162.useEffect)(() => {
           setHydrated(true);
-          const hms = new import_react_sdk101.HMSReactiveStore();
+          const hms = new import_react_sdk100.HMSReactiveStore();
           const hmsStore = hms.getStore();
           const hmsActions = hms.getActions();
           const hmsNotifications = hms.getNotifications();
@@ -22721,13 +22529,13 @@ var init_App = __esm({
             hmsNotifications
           };
         }, []);
-        (0, import_react164.useEffect)(() => {
+        (0, import_react162.useEffect)(() => {
           if (!ref || !reactiveStore.current) {
             return;
           }
           ref.current = __spreadValues({}, reactiveStore.current);
         }, [ref]);
-        (0, import_react164.useEffect)(
+        (0, import_react162.useEffect)(
           () => () => {
             return reactiveStore.current.hmsActions.leave();
           },
@@ -22749,7 +22557,7 @@ var init_App = __esm({
           return null;
         }
         globalStyles();
-        return /* @__PURE__ */ import_react164.default.createElement(ErrorBoundary, null, /* @__PURE__ */ import_react164.default.createElement(
+        return /* @__PURE__ */ import_react162.default.createElement(ErrorBoundary, null, /* @__PURE__ */ import_react162.default.createElement(
           HMSPrebuiltContext.Provider,
           {
             value: {
@@ -22762,8 +22570,8 @@ var init_App = __esm({
               endpoints
             }
           },
-          /* @__PURE__ */ import_react164.default.createElement(
-            import_react_sdk101.HMSRoomProvider,
+          /* @__PURE__ */ import_react162.default.createElement(
+            import_react_sdk100.HMSRoomProvider,
             {
               isHMSStatsOn: FeatureFlags.enableStatsForNerds,
               actions: reactiveStore.current.hmsActions,
@@ -22771,7 +22579,7 @@ var init_App = __esm({
               notifications: reactiveStore.current.hmsNotifications,
               stats: reactiveStore.current.hmsStats
             },
-            /* @__PURE__ */ import_react164.default.createElement(RoomLayoutProvider, { roomLayoutEndpoint, overrideLayout }, /* @__PURE__ */ import_react164.default.createElement(RoomLayoutContext.Consumer, null, (layout) => {
+            /* @__PURE__ */ import_react162.default.createElement(RoomLayoutProvider, { roomLayoutEndpoint, overrideLayout }, /* @__PURE__ */ import_react162.default.createElement(RoomLayoutContext.Consumer, null, (layout) => {
               var _a7;
               const theme2 = ((_a7 = layout.themes) == null ? void 0 : _a7[0]) || {};
               const { typography: typography2 } = layout;
@@ -22779,10 +22587,10 @@ var init_App = __esm({
               if (typography2 == null ? void 0 : typography2.font_family) {
                 fontFamily = [`${typography2 == null ? void 0 : typography2.font_family}`, ...fontFamily];
               }
-              return /* @__PURE__ */ import_react164.default.createElement(
+              return /* @__PURE__ */ import_react162.default.createElement(
                 HMSThemeProvider,
                 {
-                  themeType: theme2.name,
+                  themeType: `${theme2.name}-${Date.now()}`,
                   aspectRatio: getAspectRatio2({ width, height }),
                   theme: {
                     colors: theme2.palette,
@@ -22791,9 +22599,9 @@ var init_App = __esm({
                     }
                   }
                 },
-                /* @__PURE__ */ import_react164.default.createElement(AppData, { appDetails: metadata, tokenEndpoint: tokenByRoomIdRoleEndpoint }),
-                /* @__PURE__ */ import_react164.default.createElement(Init, null),
-                /* @__PURE__ */ import_react164.default.createElement(
+                /* @__PURE__ */ import_react162.default.createElement(AppData, { appDetails: metadata, tokenEndpoint: tokenByRoomIdRoleEndpoint }),
+                /* @__PURE__ */ import_react162.default.createElement(Init, null),
+                /* @__PURE__ */ import_react162.default.createElement(
                   Box,
                   {
                     css: {
@@ -22803,7 +22611,7 @@ var init_App = __esm({
                       "-webkit-text-size-adjust": "100%"
                     }
                   },
-                  /* @__PURE__ */ import_react164.default.createElement(AppRoutes, { authTokenByRoomCodeEndpoint: tokenByRoomCodeEndpoint })
+                  /* @__PURE__ */ import_react162.default.createElement(AppRoutes, { authTokenByRoomCodeEndpoint: tokenByRoomCodeEndpoint })
                 )
               );
             }))
@@ -22815,48 +22623,48 @@ var init_App = __esm({
     Redirector = ({ showPreview }) => {
       const { roomId, role } = (0, import_react_router_dom7.useParams)();
       if (!roomId && !role) {
-        return /* @__PURE__ */ import_react164.default.createElement(import_react_router_dom7.Navigate, { to: "/" });
+        return /* @__PURE__ */ import_react162.default.createElement(import_react_router_dom7.Navigate, { to: "/" });
       }
       if (!roomId) {
-        return /* @__PURE__ */ import_react164.default.createElement(import_react_router_dom7.Navigate, { to: "/" });
+        return /* @__PURE__ */ import_react162.default.createElement(import_react_router_dom7.Navigate, { to: "/" });
       }
       if (["streaming", "preview", "meeting", "leave"].includes(roomId) && !role) {
-        return /* @__PURE__ */ import_react164.default.createElement(import_react_router_dom7.Navigate, { to: "/" });
+        return /* @__PURE__ */ import_react162.default.createElement(import_react_router_dom7.Navigate, { to: "/" });
       }
-      return /* @__PURE__ */ import_react164.default.createElement(import_react_router_dom7.Navigate, { to: `${getRoutePrefix()}/${showPreview ? "preview" : "meeting"}/${roomId}/${role || ""}` });
+      return /* @__PURE__ */ import_react162.default.createElement(import_react_router_dom7.Navigate, { to: `${getRoutePrefix()}/${showPreview ? "preview" : "meeting"}/${roomId}/${role || ""}` });
     };
     RouteList = () => {
       const { showPreview, showLeave } = useHMSPrebuiltContext();
-      return /* @__PURE__ */ import_react164.default.createElement(import_react_router_dom7.Routes, null, showPreview && /* @__PURE__ */ import_react164.default.createElement(import_react_router_dom7.Route, { path: "preview" }, /* @__PURE__ */ import_react164.default.createElement(
+      return /* @__PURE__ */ import_react162.default.createElement(import_react_router_dom7.Routes, null, showPreview && /* @__PURE__ */ import_react162.default.createElement(import_react_router_dom7.Route, { path: "preview" }, /* @__PURE__ */ import_react162.default.createElement(
         import_react_router_dom7.Route,
         {
           path: ":roomId/:role",
-          element: /* @__PURE__ */ import_react164.default.createElement(import_react164.Suspense, { fallback: /* @__PURE__ */ import_react164.default.createElement(FullPageProgress_default, { loadingText: "Loading preview..." }) }, /* @__PURE__ */ import_react164.default.createElement(PreviewContainer_default, null))
+          element: /* @__PURE__ */ import_react162.default.createElement(import_react162.Suspense, { fallback: /* @__PURE__ */ import_react162.default.createElement(FullPageProgress_default, { loadingText: "Loading preview..." }) }, /* @__PURE__ */ import_react162.default.createElement(PreviewContainer_default, null))
         }
-      ), /* @__PURE__ */ import_react164.default.createElement(
+      ), /* @__PURE__ */ import_react162.default.createElement(
         import_react_router_dom7.Route,
         {
           path: ":roomId",
-          element: /* @__PURE__ */ import_react164.default.createElement(import_react164.Suspense, { fallback: /* @__PURE__ */ import_react164.default.createElement(FullPageProgress_default, { loadingText: "Loading preview..." }) }, /* @__PURE__ */ import_react164.default.createElement(PreviewContainer_default, null))
+          element: /* @__PURE__ */ import_react162.default.createElement(import_react162.Suspense, { fallback: /* @__PURE__ */ import_react162.default.createElement(FullPageProgress_default, { loadingText: "Loading preview..." }) }, /* @__PURE__ */ import_react162.default.createElement(PreviewContainer_default, null))
         }
-      )), /* @__PURE__ */ import_react164.default.createElement(import_react_router_dom7.Route, { path: "meeting" }, /* @__PURE__ */ import_react164.default.createElement(
+      )), /* @__PURE__ */ import_react162.default.createElement(import_react_router_dom7.Route, { path: "meeting" }, /* @__PURE__ */ import_react162.default.createElement(
         import_react_router_dom7.Route,
         {
           path: ":roomId/:role",
-          element: /* @__PURE__ */ import_react164.default.createElement(import_react164.Suspense, { fallback: /* @__PURE__ */ import_react164.default.createElement(FullPageProgress_default, { loadingText: "Joining..." }) }, /* @__PURE__ */ import_react164.default.createElement(Conference2, null))
+          element: /* @__PURE__ */ import_react162.default.createElement(import_react162.Suspense, { fallback: /* @__PURE__ */ import_react162.default.createElement(FullPageProgress_default, { loadingText: "Joining..." }) }, /* @__PURE__ */ import_react162.default.createElement(Conference2, null))
         }
-      ), /* @__PURE__ */ import_react164.default.createElement(
+      ), /* @__PURE__ */ import_react162.default.createElement(
         import_react_router_dom7.Route,
         {
           path: ":roomId",
-          element: /* @__PURE__ */ import_react164.default.createElement(import_react164.Suspense, { fallback: /* @__PURE__ */ import_react164.default.createElement(FullPageProgress_default, { loadingText: "Joining..." }) }, /* @__PURE__ */ import_react164.default.createElement(Conference2, null))
+          element: /* @__PURE__ */ import_react162.default.createElement(import_react162.Suspense, { fallback: /* @__PURE__ */ import_react162.default.createElement(FullPageProgress_default, { loadingText: "Joining..." }) }, /* @__PURE__ */ import_react162.default.createElement(Conference2, null))
         }
-      )), showLeave && /* @__PURE__ */ import_react164.default.createElement(import_react_router_dom7.Route, { path: "leave" }, /* @__PURE__ */ import_react164.default.createElement(import_react_router_dom7.Route, { path: ":roomId/:role", element: /* @__PURE__ */ import_react164.default.createElement(PostLeave_default, null) }), /* @__PURE__ */ import_react164.default.createElement(import_react_router_dom7.Route, { path: ":roomId", element: /* @__PURE__ */ import_react164.default.createElement(PostLeave_default, null) })), /* @__PURE__ */ import_react164.default.createElement(import_react_router_dom7.Route, { path: "/:roomId/:role", element: /* @__PURE__ */ import_react164.default.createElement(Redirector, { showPreview }) }), /* @__PURE__ */ import_react164.default.createElement(import_react_router_dom7.Route, { path: "/:roomId/", element: /* @__PURE__ */ import_react164.default.createElement(Redirector, { showPreview }) }));
+      )), showLeave && /* @__PURE__ */ import_react162.default.createElement(import_react_router_dom7.Route, { path: "leave" }, /* @__PURE__ */ import_react162.default.createElement(import_react_router_dom7.Route, { path: ":roomId/:role", element: /* @__PURE__ */ import_react162.default.createElement(PostLeave_default, null) }), /* @__PURE__ */ import_react162.default.createElement(import_react_router_dom7.Route, { path: ":roomId", element: /* @__PURE__ */ import_react162.default.createElement(PostLeave_default, null) })), /* @__PURE__ */ import_react162.default.createElement(import_react_router_dom7.Route, { path: "/:roomId/:role", element: /* @__PURE__ */ import_react162.default.createElement(Redirector, { showPreview }) }), /* @__PURE__ */ import_react162.default.createElement(import_react_router_dom7.Route, { path: "/:roomId/", element: /* @__PURE__ */ import_react162.default.createElement(Redirector, { showPreview }) }));
     };
     BackSwipe = () => {
-      const isConnectedToRoom = (0, import_react_sdk101.useHMSStore)(import_react_sdk101.selectIsConnectedToRoom);
-      const hmsActions = (0, import_react_sdk101.useHMSActions)();
-      (0, import_react164.useEffect)(() => {
+      const isConnectedToRoom = (0, import_react_sdk100.useHMSStore)(import_react_sdk100.selectIsConnectedToRoom);
+      const hmsActions = (0, import_react_sdk100.useHMSActions)();
+      (0, import_react162.useEffect)(() => {
         const onRouteLeave = () => __async(void 0, null, function* () {
           if (isConnectedToRoom) {
             yield hmsActions.leave();
@@ -22871,7 +22679,7 @@ var init_App = __esm({
     };
     Router = ({ children }) => {
       const { roomId, role, roomCode } = useHMSPrebuiltContext();
-      return [roomId, role, roomCode].every((value) => !value) ? /* @__PURE__ */ import_react164.default.createElement(import_react_router_dom7.BrowserRouter, null, children) : /* @__PURE__ */ import_react164.default.createElement(import_react_router_dom7.MemoryRouter, { initialEntries: [`/${roomCode ? roomCode : `${roomId}/${role || ""}`}`], initialIndex: 0 }, children);
+      return [roomId, role, roomCode].every((value) => !value) ? /* @__PURE__ */ import_react162.default.createElement(import_react_router_dom7.BrowserRouter, null, children) : /* @__PURE__ */ import_react162.default.createElement(import_react_router_dom7.MemoryRouter, { initialEntries: [`/${roomCode ? roomCode : `${roomId}/${role || ""}`}`], initialIndex: 0 }, children);
     };
   }
 });