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

package/dist/{chunk-5WTUTVRO.js → chunk-HTFCZ4D6.js}

@@ -9,18 +9,18 @@ var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a2, b2) => {
-  for (var prop in b2 || (b2 = {}))
-    if (__hasOwnProp.call(b2, prop))
-      __defNormalProp(a2, prop, b2[prop]);
+var __spreadValues = (a2, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a2, prop, b[prop]);
   if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b2)) {
-      if (__propIsEnum.call(b2, prop))
-        __defNormalProp(a2, prop, b2[prop]);
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a2, prop, b[prop]);
     }
   return a2;
 };
-var __spreadProps = (a2, b2) => __defProps(a2, __getOwnPropDescs(b2));
+var __spreadProps = (a2, b) => __defProps(a2, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -106,7 +106,7 @@ var __async = (__this, __arguments, generator) => {
 var define_process_env_default;
 var init_define_process_env = __esm({
   "<define:process.env>"() {
-    define_process_env_default = { NVM_INC: "/Users/ravitheja/.nvm/versions/node/v18.17.0/include/node", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_emoji_mart: "^5.2.2", npm_package_devDependencies_rollup_plugin_import_css: "^3.3.1", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_scripts_size: "size-limit", npm_package_devDependencies_prettier: "^2.4.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_dependencies__100mslive_types_prebuilt: "0.12.7", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_devDependencies_rollup_plugin_terser: "^7.0.2", TERM_PROGRAM: "vscode", npm_package_size_limit_0_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", NODE: "/Users/ravitheja/.nvm/versions/node/v18.17.0/bin/node", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_scripts_types_build: "tsc -p tsconfig.json", INIT_CWD: "/Users/ravitheja/Documents/web-sdks", NVM_CD_FLAGS: "-q", npm_package_devDependencies_typescript: "~4.7.4", npm_config_version_git_tag: "true", npm_package_devDependencies__rollup_plugin_typescript: "^8.3.1", TERM: "xterm-256color", SHELL: "/bin/zsh", npm_package_devDependencies_jest: "26.6.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__storybook_react_webpack5: "^7.0.27", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", npm_package_size_limit_4_limit: "20 KB", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_toast: "1.0.0", TMPDIR: "/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/", npm_package_devDependencies_esbuild: "^0.18.13", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies__100mslive_react_icons: "0.10.3-alpha.4", npm_package_size_limit_6_limit: "150 KB", npm_package_scripts_store: "cd packages/hms-video-store && yarn start", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_config_init_license: "MIT", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", TERM_PROGRAM_VERSION: "1.87.0", npm_package_devDependencies_concurrently: "^6.4.0", npm_package_dependencies_screenfull: "^5.1.0", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", ZDOTDIR: "/Users/ravitheja", ORIGINAL_XDG_CURRENT_DESKTOP: "undefined", MallocNanoZone: "0", npm_package_dependencies_uuid: "^8.3.2", npm_package_private: "true", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_devDependencies__storybook_addon_interactions: "^7.0.27", npm_package_sideEffects: "false", ZSH: "/Users/ravitheja/.oh-my-zsh", npm_package_devDependencies_size_limit: "^5.0.3", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_readmeFilename: "README.md", NVM_DIR: "/Users/ravitheja/.nvm", USER: "ravitheja", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_react: "^18.1.0", npm_package_license: "MIT", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_devDependencies__types_react: "^18.1.0", COMMAND_MODE: "unix2003", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_exports___import: "./dist/index.js", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_devDependencies__babel_core: "^7.18.2", NX_TASK_HASH: "b0f3689284995b999c8c5650146ced9afae1bbd19cf3308ede185a4a9b0ede50", npm_package_repository_directory: "packages/roomkit-react", SSH_AUTH_SOCK: "/private/tmp/com.apple.launchd.kq3RNeovXJ/Listeners", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_devDependencies__storybook_addon_actions: "^7.0.27", npm_package_devDependencies__rollup_plugin_commonjs: "^21.0.3", __CF_USER_TEXT_ENCODING: "0x1F5:0x0:0x0", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_devDependencies__types_jest: "^27.0.3", npm_execpath: "/usr/local/Cellar/yarn/1.22.19/libexec/bin/yarn.js", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", PAGER: "less", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.0.0-alpha.1", npm_package_module: "dist/index.js", npm_package_dependencies_react_use: "^17.4.0", npm_package_devDependencies__types_mdx: "2.0.2", npm_package_devDependencies__rollup_plugin_json: "^6.0.0", npm_package_author_name: "100ms", LSCOLORS: "Gxfxcxdxbxegedabagacad", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_dependencies__stitches_react: "^1.2.8", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", PATH: "/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/yarn--1710858680723-0.5894944620724656:/Users/ravitheja/Documents/web-sdks/packages/roomkit-react/node_modules/.bin:/Users/ravitheja/.config/yarn/link/node_modules/.bin:/Users/ravitheja/Documents/web-sdks/node_modules/.bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/libexec/lib/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/lib/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/bin/node_modules/npm/bin/node-gyp-bin:/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/yarn--1710858680330-0.621429415928052:/Users/ravitheja/Documents/web-sdks/packages/roomkit-react/node_modules/.bin:/Users/ravitheja/.config/yarn/link/node_modules/.bin:/Users/ravitheja/Documents/web-sdks/node_modules/.bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/libexec/lib/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/lib/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/bin/node_modules/npm/bin/node-gyp-bin:/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/yarn--1710858665031-0.12795214732375126:/Users/ravitheja/Documents/web-sdks/node_modules/.bin:/Users/ravitheja/.config/yarn/link/node_modules/.bin:/Users/ravitheja/Documents/web-sdks/node_modules/.bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/libexec/lib/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/lib/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/bin/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/bin:/usr/local/bin:/System/Cryptexes/App/usr/bin:/usr/bin:/bin:/usr/sbin:/sbin:/var/run/com.apple.security.cryptexd/codex.system/bootstrap/usr/local/bin:/var/run/com.apple.security.cryptexd/codex.system/bootstrap/usr/bin:/var/run/com.apple.security.cryptexd/codex.system/bootstrap/usr/appleinternal/bin:/Library/Apple/usr/bin:/Applications/Wireshark.app/Contents/MacOS:/Users/ravitheja/.nvm/versions/node/v18.17.0/bin:/Users/ravitheja/.cargo/bin", npm_config_argv: '{"remain":[],"cooked":["run","build"],"original":["build"]}', npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_scripts_lint_fix: "yarn lint --fix", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_size_limit_5_limit: "20 KB", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_nx: "^14.5.1", npm_config_workspaces_experimental: "true", npm_package_dependencies__radix_ui_react_switch: "1.0.0", npm_package_devDependencies_rollup: "^2.70.1", _: "/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/yarn--1710858680723-0.5894944620724656/node", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", NX_WORKSPACE_ROOT: "/Users/ravitheja/Documents/web-sdks", npm_package_dependencies__radix_ui_react_progress: "1.0.0", USER_ZDOTDIR: "/Users/ravitheja", __CFBundleIdentifier: "com.microsoft.VSCode", npm_package_size_limit_7_limit: "100 KB", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_devDependencies_ts_jest: "26.5.6", PWD: "/Users/ravitheja/Documents/web-sdks/packages/roomkit-react", npm_package_devDependencies_cypress: "^9.5.2", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_devDependencies__rollup_plugin_node_resolve: "^13.1.3", npm_package_dependencies__100mslive_react_sdk: "0.10.3-alpha.4", npm_package_devDependencies__storybook_cli: "^7.0.27", npm_lifecycle_event: "build:only", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", LANG: "en_US.UTF-8", npm_package_name: "@100mslive/roomkit-react", npm_package_repository_type: "git", npm_package_keywords_0: "100mslive", npm_package_size_limit_2_limit: "400 KB", npm_package_dependencies__100mslive_hms_virtual_background: "1.13.3-alpha.4", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_1: "react", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_version_commit_hooks: "true", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_keywords_2: "prebuilt", VSCODE_GIT_ASKPASS_EXTRA_ARGS: "", XPC_FLAGS: "0x0", npm_package_keywords_3: "roomkit", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", npm_config_bin_links: "true", npm_package_engines_node: ">=16", FORCE_COLOR: "true", npm_package_devDependencies__storybook_react: "^7.0.27", npm_config_wrap_output: "", npm_package_scripts_cypress_open: "cypress open", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_main: "dist/index.cjs.js", XPC_SERVICE_NAME: "0", npm_package_version: "0.3.3-alpha.4", npm_package_dependencies_recordrtc: "^5.6.2", VSCODE_INJECTION: "1", SHLVL: "5", HOME: "/Users/ravitheja", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_package_dependencies_react_window: "^1.8.7", VSCODE_GIT_ASKPASS_MAIN: "/Applications/Visual Studio Code.app/Contents/Resources/app/extensions/git/dist/askpass-main.js", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_source: "src/index.ts", npm_config_save_prefix: "^", npm_config_strict_ssl: "true", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies__100mslive_hls_player: "0.3.3-alpha.4", npm_package_devDependencies_husky: "^6.0.0", npm_package_devDependencies__commitlint_cli: "^15.0.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies_ts_pattern: "4.3.0", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_exports___default: "./dist/index.js", LESS: "-R", LOGNAME: "ravitheja", YARN_WRAP_OUTPUT: "false", npm_package_scripts_format: "prettier -w src/**", npm_package_dependencies_qrcode_react: "^3.1.0", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__rollup_plugin_image: "^3.0.2", npm_package_typings: "dist/index.d.ts", PREFIX: "/usr/local", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_exports___require: "./dist/index.cjs.js", VSCODE_GIT_IPC_HANDLE: "/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/vscode-git-10419d9aa6.sock", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_scripts_babel: "npx storybook@latest babelrc", NVM_BIN: "/Users/ravitheja/.nvm/versions/node/v18.17.0/bin", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_config_version_git_sign: "", npm_config_ignore_scripts: "", npm_config_user_agent: "yarn/1.22.19 npm/? node/v18.17.0 darwin x64", npm_package_dependencies__radix_ui_react_label: "1.0.0", VSCODE_GIT_ASKPASS_NODE: "/Applications/Visual Studio Code.app/Contents/Frameworks/Code Helper (Plugin).app/Contents/MacOS/Code Helper (Plugin)", GIT_ASKPASS: "/Applications/Visual Studio Code.app/Contents/Resources/app/extensions/git/dist/askpass.sh", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_devDependencies__types_node: "^16.11.17", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", npm_package_scripts_types: "tsc -w", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_lerna: "^5.6.2", npm_package_files_1: "src", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_files_0: "dist", npm_package_size_limit_3_limit: "20 KB", npm_config_init_version: "1.0.0", npm_config_ignore_optional: "", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_workspaces_0: "packages/*", npm_package_dependencies_react_draggable: "^4.4.5", COLORTERM: "truecolor", npm_node_execpath: "/Users/ravitheja/.nvm/versions/node/v18.17.0/bin/node", npm_package_workspaces_1: "examples/*", npm_config_version_tag_prefix: "v", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", REACT_APP_TILE_SHAPE: "16-9", REACT_APP_THEME: "dark", REACT_APP_COLOR: "#FF0000", REACT_APP_LOGO: "", REACT_APP_FONT: "Roboto", REACT_APP_SHOW_CHAT: "true", REACT_APP_SHOW_SCREENSHARE: "true", REACT_APP_VIDEO_AVATAR: "true", REACT_APP_TOKEN_GENERATION_ENDPOINT: "https://qa-in2.100ms.live/hmsapi/hrashi-studystream.qa-app.100ms.live/", REACT_APP_ENV: "qa", REACT_APP_LOGROCKET_ID: "<Your Logrocket project ID>", REACT_APP_POLICY_CONFIG: "", REACT_APP_WEBINAR_PROPS: "{}", REACT_APP_ENABLE_STATS_FOR_NERDS: "true", REACT_APP_AUDIO_PLAYLIST: '[{"name":"Audio1","id":"audio1","metadata":{"description":"Artist1"},"url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/audio1.mp3","type":"audio"},{"name":"Audio2","id":"audio2","metadata":{"description":"Artist2"},"url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/audio2.mp3","type":"audio"},{"name":"Audio3","id":"audio3","metadata":{"description":"Artist3"},"url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/audio3.mp3","type":"audio"},{"name":"Audio4","id":"audio4","metadata":{"description":"Artist4"},"url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/audio4.mp3","type":"audio"},{"name":"Audio5","id":"audio5","metadata":{"description":"Artist5"},"url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/audio5.mp3","type":"audio"},{"name":"Audio6","id":"audio6","metadata":{"description":"Artist6"},"url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/audio6.mp3","type":"audio"}]', REACT_APP_VIDEO_PLAYLIST: '[{"name":"Video1","id":"video1","url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/video1.mp4","type":"video"}]', REACT_APP_HOST_NAME: "ravi.qa-app.100ms.live", REACT_APP_DEFAULT_APP_DETAILS: '{"headlessConfig":{"uiMode":"activespeaker","hideAudioLevel":true,"hideTileAudioMute":true}}', REACT_APP_TOKEN_GENERATION_ENDPOINT_DOMAIN: "ravi.qa-app.100ms.live", REACT_APP_ZIPY_KEY: "", REACT_APP_PUSHER_APP_KEY: "4ae6f78bb2b7f2d9ed11", REACT_APP_PUSHER_AUTHENDPOINT: "https://whiteboard-server.vercel.app/api/pusher/auth", REACT_APP_ENABLE_WHITEBOARD: "true", REACT_APP_TRANSCRIPTION_ROOM_ID: "644df1027cebfa471fcc52fd", STORYBOOK_ROOM_LAYOUT_ENDPOINT: "https://api-nonprod.100ms.live/v2/layouts/ui", STORYBOOK_TOKEN_BY_ROOM_CODE_ENDPOINT: "https://auth-nonprod.100ms.live/v2/token", STORYBOOK_INIT_API_ENDPOINT: "https://qa-init.100ms.live/init", STORYBOOK_SAMPLE_ROOM_CODE: "dkz-teqx-wap" };
+    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_d1851b75-ded9-411c-8b39-0cc99e52e88e", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_devDependencies_rollup: "^2.70.1", npm_package_exports___require: "./dist/index.cjs.js", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.19.1 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_devDependencies__rollup_plugin_node_resolve: "^13.1.3", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.10.3-alpha.5", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_d1851b75-ded9-411c-8b39-0cc99e52e88e", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.19.1/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.13.3-alpha.5", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.8", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.6", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.2.11394342", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "594", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_devDependencies__rollup_plugin_image: "^3.0.2", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.8/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240317.1.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.1/x64", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.0.0-alpha.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:19840", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__rollup_plugin_commonjs: "^21.0.3", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.3.3-alpha.5", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", npm_package_devDependencies__rollup_plugin_json: "^6.0.0", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", GITHUB_RUN_ID: "8359425530", npm_package_workspaces_0: "packages/*", npm_package_scripts_store: "cd packages/hms-video-store && yarn start", npm_package_devDependencies__babel_core: "^7.18.2", npm_package_dependencies_ts_pattern: "4.3.0", npm_package_devDependencies__storybook_addon_interactions: "^7.0.27", npm_package_devDependencies__storybook_addon_actions: "^7.0.27", GITHUB_REF_TYPE: "branch", BOOTSTRAP_HASKELL_NONINTERACTIVE: "1", GITHUB_WORKFLOW_SHA: "3496c48ec04f96f057590bfec0bb8182011a0b02", GITHUB_BASE_REF: "", ImageOS: "ubuntu22", npm_package_workspaces_1: "examples/*", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_ignore_scripts: "", NX_TASK_HASH: "0c4e67d72e7d88c99856fdea969aa038f48122782b4c0fc552af7a5194061e66", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/publish-alpha", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1710940063175-0.49561585595909774:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1710940062978-0.7197615174263523:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1710940040538-0.7382228335634688:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1710940040357-0.7458450753432382:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin:/snap/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/18.19.1/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_d39a5906-941b-4c2d-9239-7d62fbd8b4c5", INVOCATION_ID: "67e126525aec44e1b45f7bf6bdeb6a00", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", npm_package_scripts_size: "size-limit", npm_package_devDependencies_size_limit: "^5.0.3", npm_package_name: "@100mslive/roomkit-react", npm_package_devDependencies__storybook_react_webpack5: "^7.0.27", npm_package_repository_type: "git", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "486", GITHUB_TRIGGERING_ACTOR: "KaustubhKumar05", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", npm_package_devDependencies__rollup_plugin_typescript: "^8.3.1", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_devDependencies_rollup_plugin_terser: "^7.0.2", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 100", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_devDependencies_rollup_plugin_import_css: "^3.3.1", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.10.3-alpha.5", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.3-alpha.5", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", GITHUB_SHA: "3496c48ec04f96f057590bfec0bb8182011a0b02", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", npm_package_dependencies_qrcode_react: "^3.1.0", GITHUB_REF: "refs/heads/publish-alpha", GITHUB_ACTOR: "KaustubhKumar05", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_config_strict_ssl: "true", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_scripts_format: "prettier -w src/**", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", GITHUB_PATH: "/home/runner/work/_temp/_runner_file_commands/add_path_d1851b75-ded9-411c-8b39-0cc99e52e88e", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "57426646", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_d1851b75-ded9-411c-8b39-0cc99e52e88e", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/25.2.9519653", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.154/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_d1851b75-ded9-411c-8b39-0cc99e52e88e" };
   }
 });
 
@@ -801,7 +801,7 @@ var require_lodash = __commonJS({
         return string.match(reUnicodeWord) || [];
       }
       var runInContext = function runInContext2(context) {
-        context = context == null ? root : _.defaults(root.Object(), context, _.pick(root, contextProps));
+        context = context == null ? root : _2.defaults(root.Object(), context, _2.pick(root, contextProps));
         var Array2 = context.Array, Date2 = context.Date, Error2 = context.Error, Function2 = context.Function, Math2 = context.Math, Object2 = context.Object, RegExp2 = context.RegExp, String2 = context.String, TypeError2 = context.TypeError;
         var arrayProto = Array2.prototype, funcProto = Function2.prototype, objectProto = Object2.prototype;
         var coreJsData = context["__core-js_shared__"];
@@ -4148,7 +4148,7 @@ var require_lodash = __commonJS({
         function eq(value, other) {
           return value === other || value !== value && other !== other;
         }
-        var gt2 = createRelationalOperation(baseGt);
+        var gt = createRelationalOperation(baseGt);
         var gte = createRelationalOperation(function(value, other) {
           return value >= other;
         });
@@ -5287,7 +5287,7 @@ var require_lodash = __commonJS({
         lodash.forOwn = forOwn;
         lodash.forOwnRight = forOwnRight;
         lodash.get = get;
-        lodash.gt = gt2;
+        lodash.gt = gt;
         lodash.gte = gte;
         lodash.has = has;
         lodash.hasIn = hasIn;
@@ -5575,17 +5575,17 @@ var require_lodash = __commonJS({
         }
         return lodash;
       };
-      var _ = runInContext();
+      var _2 = runInContext();
       if (typeof define == "function" && typeof define.amd == "object" && define.amd) {
-        root._ = _;
+        root._ = _2;
         define(function() {
-          return _;
+          return _2;
         });
       } else if (freeModule) {
-        (freeModule.exports = _)._ = _;
-        freeExports._ = _;
+        (freeModule.exports = _2)._ = _2;
+        freeExports._ = _2;
       } else {
-        root._ = _;
+        root._ = _2;
       }
     }).call(exports);
   }
@@ -7670,12 +7670,12 @@ var require_sdp = __commonJS({
       return parsed;
     };
     SDPUtils2.writeRtpMap = function(codec) {
-      let pt2 = codec.payloadType;
+      let pt = codec.payloadType;
       if (codec.preferredPayloadType !== void 0) {
-        pt2 = codec.preferredPayloadType;
+        pt = codec.preferredPayloadType;
       }
       const channels = codec.channels || codec.numChannels || 1;
-      return "a=rtpmap:" + pt2 + " " + codec.name + "/" + codec.clockRate + (channels !== 1 ? "/" + channels : "") + "\r\n";
+      return "a=rtpmap:" + pt + " " + codec.name + "/" + codec.clockRate + (channels !== 1 ? "/" + channels : "") + "\r\n";
     };
     SDPUtils2.parseExtmap = function(line) {
       const parts = line.substring(9).split(" ");
@@ -7701,9 +7701,9 @@ var require_sdp = __commonJS({
     };
     SDPUtils2.writeFmtp = function(codec) {
       let line = "";
-      let pt2 = codec.payloadType;
+      let pt = codec.payloadType;
       if (codec.preferredPayloadType !== void 0) {
-        pt2 = codec.preferredPayloadType;
+        pt = codec.preferredPayloadType;
       }
       if (codec.parameters && Object.keys(codec.parameters).length) {
         const params = [];
@@ -7714,7 +7714,7 @@ var require_sdp = __commonJS({
             params.push(param);
           }
         });
-        line += "a=fmtp:" + pt2 + " " + params.join(";") + "\r\n";
+        line += "a=fmtp:" + pt + " " + params.join(";") + "\r\n";
       }
       return line;
     };
@@ -7727,13 +7727,13 @@ var require_sdp = __commonJS({
     };
     SDPUtils2.writeRtcpFb = function(codec) {
       let lines = "";
-      let pt2 = codec.payloadType;
+      let pt = codec.payloadType;
       if (codec.preferredPayloadType !== void 0) {
-        pt2 = codec.preferredPayloadType;
+        pt = codec.preferredPayloadType;
       }
       if (codec.rtcpFeedback && codec.rtcpFeedback.length) {
         codec.rtcpFeedback.forEach((fb) => {
-          lines += "a=rtcp-fb:" + pt2 + " " + fb.type + (fb.parameter && fb.parameter.length ? " " + fb.parameter : "") + "\r\n";
+          lines += "a=rtcp-fb:" + pt + " " + fb.type + (fb.parameter && fb.parameter.length ? " " + fb.parameter : "") + "\r\n";
         });
       }
       return lines;
@@ -7861,21 +7861,21 @@ var require_sdp = __commonJS({
       const mline = lines[0].split(" ");
       description.profile = mline[2];
       for (let i = 3; i < mline.length; i++) {
-        const pt2 = mline[i];
+        const pt = mline[i];
         const rtpmapline = SDPUtils2.matchPrefix(
           mediaSection,
-          "a=rtpmap:" + pt2 + " "
+          "a=rtpmap:" + pt + " "
         )[0];
         if (rtpmapline) {
           const codec = SDPUtils2.parseRtpMap(rtpmapline);
           const fmtps = SDPUtils2.matchPrefix(
             mediaSection,
-            "a=fmtp:" + pt2 + " "
+            "a=fmtp:" + pt + " "
           );
           codec.parameters = fmtps.length ? SDPUtils2.parseFmtp(fmtps[0]) : {};
           codec.rtcpFeedback = SDPUtils2.matchPrefix(
             mediaSection,
-            "a=rtcp-fb:" + pt2 + " "
+            "a=rtcp-fb:" + pt + " "
           ).map(SDPUtils2.parseRtcpFb);
           description.codecs.push(codec);
           switch (codec.name.toUpperCase()) {
@@ -9827,20 +9827,15 @@ var IconButton = styled("button", __spreadProps(__spreadValues({}, flexCenter),
   },
   "&[disabled]": {
     opacity: 0.5,
-    cursor: "not-allowed"
+    cursor: "not-allowed",
+    backgroundColor: "$secondary_dim",
+    color: "$on_primary_high"
   },
   "&:focus": {
     outline: "none"
   },
   variants: {
     active: {
-      false: {
-        backgroundColor: "$secondary_dim",
-        color: "$on_primary_high",
-        "&:not([disabled]):hover": {
-          backgroundColor: "$secondary_default"
-        }
-      },
       true: {
         "&:not([disabled]):hover": {
           backgroundColor: "$on_surface_low"
@@ -11056,7 +11051,7 @@ import { selectTrackAudioByID, useHMSVanillaStore } from "@100mslive/react-sdk";
 var audio_level_default = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAABABAMAAAAHc7SNAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAAAtUExURQAAAP///////////////////////////////////////////////////////6FIq5sAAAAOdFJOUwA/QJqbnJ2euLnc3d7+2IFKrQAAAa9JREFUaN7dmcFRxDAMRXNgW4AbV24ZSkgrlAAFUAqlpITtgT0QnB22BnY3iWXHSlYz5H/NoJNO8bP8JTlyVW1k923/MveYdnc623PuUe3jsux37tEDcN24eFR7HJb9TD2qvQ/LfqUexR7a41Xx7bDsMfWo2j+NlnpU7TsBiOKdAOqoeCcAUTwFYFK8pn0GgFLttWVxAEq1pwJo1Z4KoFV7KoBW7YEAT0uK729pfxuAZcX/3Fr2TwAx05cVDwWIu11RPBQg7lZ0XlR7JIDsdkXxCIDp5GXf2v0GBxBP3pTfAIB48qb83h7AWtlhANbKDgOwVnYYgLWywwCsn/u/AO5HMIqwcwOovdNwLESNG8BQioNfKa52YwBsakC04/MF9C1Rw4HdjhU1SCyKqOCvZCGLhXgMgKgGiUWRI9hr+aSG+bU8sP4LyliIxwW4xOI1j8pKZlB/Tjt794ANpKzdAzOgaOzdAzKiCVpmkACWM4MEIFVCyQzfQWXnPao9eA+rG+dxfXB8L1jNB4pN+bCfd4re59Gqoz9alflQ+zzb7ZROwTWlUziEIO8UZCs7hc1+AbiVW6XSE8knAAAAAElFTkSuQmCC";
 
 // src/AudioLevel/AudioLevel.tsx
-var positionValues = new Array(101).fill(0).reduce((acc, _, index) => {
+var positionValues = new Array(101).fill(0).reduce((acc, _2, index) => {
   acc[index] = Math.round(index / 100 * 4) / 4;
   return acc;
 }, {});
@@ -11617,8 +11612,8 @@ var StyledChevron = styled(ChevronUpIcon, {
 var AccordionRoot = StyledAccordion;
 var AccordionItem = StyledItem;
 var AccordionHeader = React17.forwardRef((_a8, forwardedRef) => {
-  var _b7 = _a8, { children, iconStyles, css: css2 } = _b7, props = __objRest(_b7, ["children", "iconStyles", "css"]);
-  return /* @__PURE__ */ React17.createElement(StyledHeader, { css: css2 }, /* @__PURE__ */ React17.createElement(StyledTrigger3, __spreadProps(__spreadValues({}, props), { ref: forwardedRef }), children, /* @__PURE__ */ React17.createElement(StyledChevron, { "aria-hidden": true, css: iconStyles })));
+  var _b7 = _a8, { children, iconStyles, css: css2, chevronID } = _b7, props = __objRest(_b7, ["children", "iconStyles", "css", "chevronID"]);
+  return /* @__PURE__ */ React17.createElement(StyledHeader, { css: css2 }, /* @__PURE__ */ React17.createElement(StyledTrigger3, __spreadProps(__spreadValues({}, props), { ref: forwardedRef }), children, /* @__PURE__ */ React17.createElement(StyledChevron, { "data-testid": chevronID, "aria-hidden": true, css: iconStyles })));
 });
 var AccordionContent = React17.forwardRef(
   (_a8, forwardedRef) => {
@@ -12423,12 +12418,12 @@ var formatTime = (timeInSeconds) => {
   const hour = hours !== 0 ? `${hours < 10 ? "0" : ""}${hours}:` : "";
   return `${hour}${minutes < 10 ? "0" : ""}${minutes}:${seconds < 10 ? "0" : ""}${seconds}`;
 };
-var compareArrays = (a2, b2) => {
-  if (a2.length !== b2.length)
+var compareArrays = (a2, b) => {
+  if (a2.length !== b.length)
     return false;
   else {
     for (var i = 0; i < a2.length; i++) {
-      if (a2[i] !== b2[i]) {
+      if (a2[i] !== b[i]) {
         return false;
       }
     }
@@ -12897,7 +12892,6 @@ import {
   selectAppData as selectAppData9,
   selectIsConnectedToRoom as selectIsConnectedToRoom10,
   selectRoomState as selectRoomState7,
-  useAVToggle as useAVToggle7,
   useHMSActions as useHMSActions47,
   useHMSStore as useHMSStore84
 } from "@100mslive/react-sdk";
@@ -12907,7 +12901,6 @@ init_define_process_env();
 import React77, { useEffect as useEffect20 } from "react";
 import { useMedia as useMedia11 } from "react-use";
 import { Chat_ChatState } from "@100mslive/types-prebuilt/elements/chat";
-import { useAVToggle as useAVToggle4 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/AudioVideoToggle.tsx
 init_define_process_env();
@@ -12952,21 +12945,17 @@ var IconButton2 = styled(IconButton, {
   border: "1px solid $border_bright",
   bg: "$background_dim",
   r: "$1",
+  "&[disabled]": {
+    opacity: 0.5,
+    cursor: "not-allowed",
+    backgroundColor: "$secondary_dim",
+    color: "$on_primary_high"
+  },
   variants: {
     active: {
       true: {
         color: "$on_surface_high",
         backgroundColor: "transparent"
-      },
-      false: {
-        border: "1px solid transparent",
-        color: "$on_primary_high"
-      }
-    },
-    disabled: {
-      true: {
-        backgroundColor: "$surface_brighter",
-        color: "$on_surface_low"
       }
     }
   }
@@ -12992,9 +12981,9 @@ var IconSection = styled(IconButton_default, {
   p: "$4",
   r: "$1",
   bg: "transparent",
-  borderTopRightRadius: 0,
+  borderTopRightRadius: "0 !important",
   borderColor: "$border_bright",
-  borderBottomRightRadius: 0,
+  borderBottomRightRadius: "0 !important",
   position: "relative",
   "&:not([disabled]):focus-visible": {
     zIndex: 1
@@ -13007,8 +12996,8 @@ var IconSection = styled(IconButton_default, {
   variants: __spreadProps(__spreadValues({}, variants), {
     hideOptions: {
       true: {
-        borderTopRightRadius: "$1",
-        borderBottomRightRadius: "$1"
+        borderTopRightRadius: "$1 !important",
+        borderBottomRightRadius: "$1 !important"
       }
     }
   })
@@ -13018,10 +13007,10 @@ var OptionsSection = styled(IconButton_default, {
   h: "$14",
   p: "$4 $2",
   r: "$1",
-  borderTopLeftRadius: 0,
+  borderTopLeftRadius: "0 !important",
   borderColor: "$border_bright",
-  borderBottomLeftRadius: 0,
-  borderLeftWidth: 0,
+  borderBottomLeftRadius: "0 !important",
+  borderLeftWidth: "0 !important",
   position: "relative",
   "&:not([disabled]):focus-visible": {
     zIndex: 1
@@ -16079,7 +16068,7 @@ var MuteAllModal = ({
   return /* @__PURE__ */ React51.createElement(Dialog.Root, { defaultOpen: true, onOpenChange }, /* @__PURE__ */ React51.createElement(DialogContent, { title: "Mute/Unmute Remote Tracks", Icon: MicOffIcon2 }, /* @__PURE__ */ React51.createElement(MuteAllContent, __spreadValues({}, props))));
 };
 
-// src/Prebuilt/components/hooks/useMetadata.jsx
+// src/Prebuilt/components/hooks/useMetadata.tsx
 init_define_process_env();
 import { useCallback as useCallback14 } from "react";
 import {
@@ -16104,6 +16093,7 @@ var useMyMetadata = () => {
     } catch (error) {
       console.error("failed to update metadata ", updatedFields);
     }
+    return false;
   });
   const toggleHandRaise = useCallback14(() => __async(void 0, null, function* () {
     if (isHandRaised) {
@@ -16120,19 +16110,13 @@ var useMyMetadata = () => {
       yield hmsActions.lowerLocalPeerHand();
     }
   }), [metaData == null ? void 0 : metaData.isBRBOn]);
-  const setPrevRole = (role) => __async(void 0, null, function* () {
-    yield update({
-      prevRole: role
-    });
-  });
   return {
     isHandRaised,
     isBRBOn: !!(metaData == null ? void 0 : metaData.isBRBOn),
     metaData,
     updateMetaData: update,
     toggleHandRaise,
-    toggleBRB,
-    setPrevRole
+    toggleBRB
   };
 };
 
@@ -16257,7 +16241,6 @@ import {
   selectIsConnectedToRoom as selectIsConnectedToRoom7,
   selectPeerCount as selectPeerCount3,
   selectPermissions as selectPermissions8,
-  useAVToggle as useAVToggle3,
   useHMSActions as useHMSActions21,
   useHMSStore as useHMSStore29,
   useRecordingStreaming as useRecordingStreaming7
@@ -16287,8 +16270,8 @@ init_define_process_env();
 
 // ../../node_modules/reselect/es/index.js
 init_define_process_env();
-function defaultEqualityCheck(a2, b2) {
-  return a2 === b2;
+function defaultEqualityCheck(a2, b) {
+  return a2 === b;
 }
 function areArgumentsShallowlyEqual(equalityCheck, prev, next) {
   if (prev === null || next === null || prev.length !== next.length) {
@@ -16365,8 +16348,8 @@ var createSelector = createSelectorCreator(defaultMemoize);
 // ../hms-video-store/dist/index.js
 var import_ua_parser_js = __toESM(require_ua_parser());
 var import_lodash3 = __toESM(require_lodash2());
+import { v4 as ja } from "uuid";
 import { v4 as Ka } from "uuid";
-import { v4 as $a } from "uuid";
 
 // ../../node_modules/webrtc-adapter/src/js/adapter_core.js
 init_define_process_env();
@@ -16604,7 +16587,7 @@ function shimGetUserMedia(window2, browserDetails) {
     if (typeof c !== "object" || c.mandatory || c.optional) {
       return c;
     }
-    const cc = {};
+    const cc2 = {};
     Object.keys(c).forEach((key) => {
       if (key === "require" || key === "advanced" || key === "mediaSource") {
         return;
@@ -16620,35 +16603,35 @@ function shimGetUserMedia(window2, browserDetails) {
         return name === "deviceId" ? "sourceId" : name;
       };
       if (r.ideal !== void 0) {
-        cc.optional = cc.optional || [];
-        let oc2 = {};
+        cc2.optional = cc2.optional || [];
+        let oc = {};
         if (typeof r.ideal === "number") {
-          oc2[oldname_("min", key)] = r.ideal;
-          cc.optional.push(oc2);
-          oc2 = {};
-          oc2[oldname_("max", key)] = r.ideal;
-          cc.optional.push(oc2);
+          oc[oldname_("min", key)] = r.ideal;
+          cc2.optional.push(oc);
+          oc = {};
+          oc[oldname_("max", key)] = r.ideal;
+          cc2.optional.push(oc);
         } else {
-          oc2[oldname_("", key)] = r.ideal;
-          cc.optional.push(oc2);
+          oc[oldname_("", key)] = r.ideal;
+          cc2.optional.push(oc);
         }
       }
       if (r.exact !== void 0 && typeof r.exact !== "number") {
-        cc.mandatory = cc.mandatory || {};
-        cc.mandatory[oldname_("", key)] = r.exact;
+        cc2.mandatory = cc2.mandatory || {};
+        cc2.mandatory[oldname_("", key)] = r.exact;
       } else {
         ["min", "max"].forEach((mix) => {
           if (r[mix] !== void 0) {
-            cc.mandatory = cc.mandatory || {};
-            cc.mandatory[oldname_(mix, key)] = r[mix];
+            cc2.mandatory = cc2.mandatory || {};
+            cc2.mandatory[oldname_(mix, key)] = r[mix];
           }
         });
       }
     });
     if (c.advanced) {
-      cc.optional = (cc.optional || []).concat(c.advanced);
+      cc2.optional = (cc2.optional || []).concat(c.advanced);
     }
-    return cc;
+    return cc2;
   };
   const shimConstraints_ = function(constraints, func) {
     if (browserDetails.version >= 61) {
@@ -16656,9 +16639,9 @@ function shimGetUserMedia(window2, browserDetails) {
     }
     constraints = JSON.parse(JSON.stringify(constraints));
     if (constraints && typeof constraints.audio === "object") {
-      const remap = function(obj, a2, b2) {
-        if (a2 in obj && !(b2 in obj)) {
-          obj[b2] = obj[a2];
+      const remap = function(obj, a2, b) {
+        if (a2 in obj && !(b in obj)) {
+          obj[b] = obj[a2];
           delete obj[a2];
         }
       };
@@ -17400,9 +17383,9 @@ function shimGetUserMedia2(window2, browserDetails) {
     navigator2.mediaDevices.getUserMedia(constraints).then(onSuccess, onError);
   };
   if (!(browserDetails.version > 55 && "autoGainControl" in navigator2.mediaDevices.getSupportedConstraints())) {
-    const remap = function(obj, a2, b2) {
-      if (a2 in obj && !(b2 in obj)) {
-        obj[b2] = obj[a2];
+    const remap = function(obj, a2, b) {
+      if (a2 in obj && !(b in obj)) {
+        obj[b] = obj[a2];
         delete obj[a2];
       }
     };
@@ -18191,15 +18174,15 @@ function shimSendThrowTypeError(window2) {
   if (!(window2.RTCPeerConnection && "createDataChannel" in window2.RTCPeerConnection.prototype)) {
     return;
   }
-  function wrapDcSend(dc, pc) {
-    const origDataChannelSend = dc.send;
-    dc.send = function send() {
+  function wrapDcSend(dc2, pc) {
+    const origDataChannelSend = dc2.send;
+    dc2.send = function send() {
       const data3 = arguments[0];
       const length = data3.length || data3.size || data3.byteLength;
-      if (dc.readyState === "open" && pc.sctp && length > pc.sctp.maxMessageSize) {
+      if (dc2.readyState === "open" && pc.sctp && length > pc.sctp.maxMessageSize) {
         throw new TypeError("Message too large (can send a maximum of " + pc.sctp.maxMessageSize + " bytes)");
       }
-      return origDataChannelSend.apply(dc, arguments);
+      return origDataChannelSend.apply(dc2, arguments);
     };
   }
   const origCreateDataChannel = window2.RTCPeerConnection.prototype.createDataChannel;
@@ -18463,114 +18446,114 @@ var adapter = adapterFactory({ window: typeof window === "undefined" ? void 0 :
 
 // ../hms-video-store/dist/index.js
 var import_lodash4 = __toESM(require_lodash2());
-import { v4 as to } from "uuid";
-import { v4 as ao } from "uuid";
-import { v4 as lo } from "uuid";
-import { EventEmitter2 as uo } from "eventemitter2";
+import { v4 as ro } from "uuid";
+import { v4 as no } from "uuid";
+import { v4 as po } from "uuid";
+import { EventEmitter2 as ho } from "eventemitter2";
 var Dt = __toESM(require_lib());
-import { EventEmitter2 as Ho } from "eventemitter2";
-import { v4 as Do } from "uuid";
-import { EventEmitter2 as wo } from "eventemitter2";
-import _o from "eventemitter2";
-import { v4 as No } from "uuid";
-import { v4 as Uo } from "uuid";
-var ya = Object.defineProperty;
-var ka = Object.defineProperties;
-var Pa = Object.getOwnPropertyDescriptors;
+import { EventEmitter2 as Lo } from "eventemitter2";
+import { v4 as _o } from "uuid";
+import { EventEmitter2 as No } from "eventemitter2";
+import Oo from "eventemitter2";
+import { v4 as xo } from "uuid";
+import { v4 as Vo } from "uuid";
+var Pa = Object.defineProperty;
+var Ea = Object.defineProperties;
+var ba = Object.getOwnPropertyDescriptors;
 var Vt = Object.getOwnPropertySymbols;
-var $r = Object.prototype.hasOwnProperty;
-var Wr = Object.prototype.propertyIsEnumerable;
-var Gr = (a2, e, t) => e in a2 ? ya(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
-var S = (a2, e) => {
+var Wr = Object.prototype.hasOwnProperty;
+var Kr = Object.prototype.propertyIsEnumerable;
+var $r = (a2, e, t) => e in a2 ? Pa(a2, e, { enumerable: true, configurable: true, writable: true, value: t }) : a2[e] = t;
+var m = (a2, e) => {
   for (var t in e || (e = {}))
-    $r.call(e, t) && Gr(a2, t, e[t]);
+    Wr.call(e, t) && $r(a2, t, e[t]);
   if (Vt)
     for (var t of Vt(e))
-      Wr.call(e, t) && Gr(a2, t, e[t]);
+      Kr.call(e, t) && $r(a2, t, e[t]);
   return a2;
 };
-var v = (a2, e) => ka(a2, Pa(e));
+var v = (a2, e) => Ea(a2, ba(e));
 var Xi = (a2, e) => {
   var t = {};
   for (var i in a2)
-    $r.call(a2, i) && e.indexOf(i) < 0 && (t[i] = a2[i]);
+    Wr.call(a2, i) && e.indexOf(i) < 0 && (t[i] = a2[i]);
   if (a2 != null && Vt)
     for (var i of Vt(a2))
-      e.indexOf(i) < 0 && Wr.call(a2, i) && (t[i] = a2[i]);
+      e.indexOf(i) < 0 && Kr.call(a2, i) && (t[i] = a2[i]);
   return t;
 };
-var Aa = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
-var lr = Aa((Zc, Wa) => {
-  Wa.exports = { version: "0.12.3-alpha.4", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "src"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, sideEffects: false, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", "lodash.isequal": "^4.5.0", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/lodash.isequal": "^4.5.8", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
+var Ra = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
+var lr = Ra((id, qa) => {
+  qa.exports = { version: "0.12.3-alpha.5", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "src"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, sideEffects: false, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", "lodash.isequal": "^4.5.0", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/lodash.isequal": "^4.5.8", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
 });
 var Zi = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(Zi || {});
-var Ia = ((e) => (e.CHAT = "chat", e))(Ia || {});
-var Kr = ((t) => (t.INFO = "info", t.ERROR = "error", t))(Kr || {});
+var Ha = ((e) => (e.CHAT = "chat", e))(Ha || {});
+var qr = ((t) => (t.INFO = "info", t.ERROR = "error", t))(qr || {});
 var er = ((C) => (C.PEER_JOINED = "PEER_JOINED", C.PEER_LEFT = "PEER_LEFT", C.PEER_LIST = "PEER_LIST", C.NEW_MESSAGE = "NEW_MESSAGE", C.ERROR = "ERROR", C.RECONNECTING = "RECONNECTING", C.RECONNECTED = "RECONNECTED", C.TRACK_ADDED = "TRACK_ADDED", C.TRACK_REMOVED = "TRACK_REMOVED", C.TRACK_MUTED = "TRACK_MUTED", C.TRACK_UNMUTED = "TRACK_UNMUTED", C.TRACK_DEGRADED = "TRACK_DEGRADED", C.TRACK_RESTORED = "TRACK_RESTORED", C.TRACK_DESCRIPTION_CHANGED = "TRACK_DESCRIPTION_CHANGED", C.ROLE_UPDATED = "ROLE_UPDATED", C.CHANGE_TRACK_STATE_REQUEST = "CHANGE_TRACK_STATE_REQUEST", C.CHANGE_MULTI_TRACK_STATE_REQUEST = "CHANGE_MULTI_TRACK_STATE_REQUEST", C.ROOM_ENDED = "ROOM_ENDED", C.REMOVED_FROM_ROOM = "REMOVED_FROM_ROOM", C.DEVICE_CHANGE_UPDATE = "DEVICE_CHANGE_UPDATE", C.PLAYLIST_TRACK_ENDED = "PLAYLIST_TRACK_ENDED", C.NAME_UPDATED = "NAME_UPDATED", C.METADATA_UPDATED = "METADATA_UPDATED", C.POLL_CREATED = "POLL_CREATED", C.POLL_STARTED = "POLL_STARTED", C.POLL_STOPPED = "POLL_STOPPED", C.POLL_VOTES_UPDATED = "POLL_VOTES_UPDATED", C.POLLS_LIST = "POLLS_LIST", C.HAND_RAISE_CHANGED = "HAND_RAISE_CHANGED", C))(er || {});
-var qr = ((t) => (t.audio = "audio", t.video = "video", t))(qr || {});
+var jr = ((t) => (t.audio = "audio", t.video = "video", t))(jr || {});
 function He(a2, e) {
   let t, i;
   if (e)
     for (let r of e.auxiliaryTracks) {
       let s = a2[r];
-      Ra(s) && (i = tt(s) ? s : i, t = it(s) ? s : t);
+      Ca(s) && (i = it(s) ? s : i, t = rt(s) ? s : t);
     }
   return { video: t, audio: i };
 }
-function tt(a2) {
+function it(a2) {
   return a2 && a2.type === "audio";
 }
-function it(a2) {
+function rt(a2) {
   return a2 && a2.type === "video";
 }
-function Ra(a2) {
+function Ca(a2) {
   return a2 && a2.source === "screen";
 }
 function $t(a2) {
   return a2 && a2.source === "audioplaylist";
 }
-function rt(a2) {
+function st(a2) {
   return a2 && a2.source === "videoplaylist";
 }
-function jr(a2) {
+function Jr(a2) {
   return a2 ? !!(a2 != null && a2.degraded) : false;
 }
 function Ue(a2, e) {
   return e && a2.tracks[e] ? a2.tracks[e].enabled : false;
 }
-function st(a2) {
+function at(a2) {
   var r;
   let e = false, t = false, i = false;
   return (r = a2 == null ? void 0 : a2.publishParams) != null && r.allowed && (e = a2.publishParams.allowed.includes("video"), t = a2.publishParams.allowed.includes("audio"), i = a2.publishParams.allowed.includes("screen")), { video: e, audio: t, screen: i };
 }
 var B = (a2) => a2.room;
-var Ha = (a2) => a2.errors;
-var In = createSelector(Ha, (a2) => a2.length === 0 ? null : a2.at(-1));
-var Rn = createSelector(B, (a2) => a2.id);
+var La = (a2) => a2.errors;
+var Hn = createSelector(La, (a2) => a2.length === 0 ? null : a2.at(-1));
+var Cn = createSelector(B, (a2) => a2.id);
 var G = (a2) => a2.peers;
 var Wt = (a2) => a2.messages.byID;
-var Qr = (a2) => a2.messages.allIDs;
-var D = (a2) => a2.tracks;
+var zr = (a2) => a2.messages.allIDs;
+var w = (a2) => a2.tracks;
 var tr = (a2) => a2.appData;
-var Ca = (a2) => a2.speakers;
+var Da = (a2) => a2.speakers;
 var ye = createSelector([B], (a2) => a2 && a2.isConnected);
-var Ln = createSelector([ye, B], (a2, e) => a2 ? e.peerCount !== void 0 ? e.peerCount || 1 : e.peers.length : Math.max(e.peerCount !== void 0 ? e.peerCount : e.peers.length - 1, 0));
-var La = (a2) => a2.hideLocalPeer;
-var oe = createSelector([B, G, La], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
-var Da = createSelector(D, (a2) => Object.values(a2));
+var wn = createSelector([ye, B], (a2, e) => a2 ? e.peerCount !== void 0 ? e.peerCount || 1 : e.peers.length : Math.max(e.peerCount !== void 0 ? e.peerCount : e.peers.length - 1, 0));
+var wa = (a2) => a2.hideLocalPeer;
+var oe = createSelector([B, G, wa], (a2, e, t) => t ? a2.peers.filter((i) => a2.localPeer !== i).map((i) => e[i]) : a2.peers.map((i) => e[i]));
+var _a7 = createSelector(w, (a2) => Object.values(a2));
 var z = createSelector(B, G, (a2, e) => e[a2.localPeer]);
 var ue = createSelector(B, (a2) => a2.localPeer);
-var Dn = createSelector(z, (a2) => a2 == null ? void 0 : a2.name);
-var wn = createSelector(z, (a2) => a2 == null ? void 0 : a2.roleName);
+var _n = createSelector(z, (a2) => a2 == null ? void 0 : a2.name);
+var Nn = createSelector(z, (a2) => a2 == null ? void 0 : a2.roleName);
 var Z = createSelector(z, (a2) => a2 == null ? void 0 : a2.audioTrack);
 var K = createSelector(z, (a2) => a2 == null ? void 0 : a2.videoTrack);
-var wa = createSelector(z, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
-var Yr = createSelector([Z, K, wa], (a2, e, t) => {
+var Na = createSelector(z, (a2) => a2 == null ? void 0 : a2.auxiliaryTracks);
+var Xr = createSelector([Z, K, Na], (a2, e, t) => {
   let i = t ? [...t] : [];
   return a2 && i.unshift(a2), e && i.unshift(e), i;
 });
-var _n = createSelector(oe, (a2) => a2.filter((e) => !e.isLocal));
-var Nn = createSelector(G, Ca, (a2, e) => {
+var On = createSelector(oe, (a2) => a2.filter((e) => !e.isLocal));
+var xn = createSelector(G, Da, (a2, e) => {
   let t = Object.entries(e).sort((i, r) => {
     var n, l;
     let s = ((n = i[1]) == null ? void 0 : n.audioLevel) || 0;
@@ -18583,11 +18566,11 @@ var Nn = createSelector(G, Ca, (a2, e) => {
   }
   return null;
 });
-var rr = createSelector(z, D, (a2, e) => {
+var rr = createSelector(z, w, (a2, e) => {
   let { video: t, audio: i } = He(e, a2);
   return !!(t || i);
 });
-var _a7 = createSelector(G, D, (a2, e) => {
+var Oa = createSelector(G, w, (a2, e) => {
   let t;
   for (let i in a2) {
     let r = a2[i], { video: s, audio: o } = He(e, r);
@@ -18597,15 +18580,15 @@ var _a7 = createSelector(G, D, (a2, e) => {
   }
   return t;
 });
-var xn = createSelector(_a7, (a2) => !!a2);
-var Un = createSelector(G, D, (a2, e) => {
+var Bn = createSelector(Oa, (a2) => !!a2);
+var Vn = createSelector(G, w, (a2, e) => {
   for (let t in a2) {
     let i = a2[t], { audio: r, video: s } = He(e, i);
     if (!s && r)
       return i;
   }
 });
-var Bn = createSelector(G, D, (a2, e) => {
+var Fn = createSelector(G, w, (a2, e) => {
   let t = [], i = [];
   for (let r in a2) {
     let s = a2[r], { video: o, audio: n } = He(e, s);
@@ -18613,80 +18596,80 @@ var Bn = createSelector(G, D, (a2, e) => {
   }
   return t.concat(i);
 });
-var Vn = createSelector(G, D, (a2, e) => {
+var Gn = createSelector(G, w, (a2, e) => {
   for (let t in e) {
     let i = e[t];
-    if (rt(i) && it(i) && i.peerId)
+    if (st(i) && rt(i) && i.peerId)
       return a2[i.peerId];
   }
 });
-var Fn = createSelector(G, D, (a2, e) => {
+var $n = createSelector(G, w, (a2, e) => {
   for (let t in e) {
     let i = e[t];
     if ($t(i) && i.peerId)
       return a2[i.peerId];
   }
 });
-var Gn = createSelector(Da, (a2) => a2.filter(jr));
-var $n = createSelector(Qr, (a2) => a2.length);
-var Wn = createSelector(Wt, (a2) => Object.values(a2).filter((e) => !e.read).length);
-var at = createSelector(Qr, Wt, (a2, e) => {
+var Wn = createSelector(_a7, (a2) => a2.filter(Jr));
+var Kn = createSelector(zr, (a2) => a2.length);
+var qn = createSelector(Wt, (a2) => Object.values(a2).filter((e) => !e.read).length);
+var ot = createSelector(zr, Wt, (a2, e) => {
   let t = [];
   return a2.forEach((i) => {
     t.push(e[i]);
   }), t;
 });
-var Na = createSelector(at, (a2) => a2.filter((e) => {
+var xa = createSelector(ot, (a2) => a2.filter((e) => {
   var t;
   return !e.recipientPeer && !(e.recipientRoles && ((t = e.recipientRoles) == null ? void 0 : t.length) > 0);
 }));
-var Kn = createSelector(Na, (a2) => a2.filter((e) => !e.read).length);
+var jn = createSelector(xa, (a2) => a2.filter((e) => !e.read).length);
 var Y = createSelector([B], (a2) => a2 && a2.roomState);
-var Zr = createSelector(Y, (a2) => a2 === "Preview");
-var qn = createSelector(B, (a2) => a2.roomState !== "Disconnected");
+var es = createSelector(Y, (a2) => a2 === "Preview");
+var Jn = createSelector(B, (a2) => a2.roomState !== "Disconnected");
 var ne = (a2) => a2.roles;
-var jn = createSelector([ne], (a2) => Object.keys(a2));
+var Qn = createSelector([ne], (a2) => Object.keys(a2));
 var Kt = createSelector([z, ne], (a2, e) => a2 != null && a2.roleName ? e[a2.roleName] : null);
-var Oa = (a2) => {
+var Ua = (a2) => {
   var e;
   return (e = a2.preview) == null ? void 0 : e.asRole;
 };
-var es = createSelector([Oa, ne], (a2, e) => a2 ? e[a2] : null);
-var Jn = createSelector([Kt], (a2) => {
+var ts = createSelector([Ua, ne], (a2, e) => a2 ? e[a2] : null);
+var zn = createSelector([Kt], (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribeParams) != null && e.subscribeToRoles ? a2.subscribeParams.subscribeToRoles.length > 0 : false;
 });
-var ts = createSelector(Kt, (a2) => a2 == null ? void 0 : a2.permissions);
-var Qn = createSelector(B, (a2) => a2.recording);
-var zn = createSelector(B, (a2) => a2.rtmp);
-var Yn = createSelector(B, (a2) => a2.hls);
-var Xn = createSelector(B, (a2) => a2.sessionId);
-var Zn = createSelector(B, (a2) => a2.startedAt);
-var ec = createSelector(B, (a2) => !!a2.isLargeRoom);
-var tc = createSelector(B, (a2) => !!a2.isEffectsEnabled);
-var ic = createSelector(B, (a2) => a2.effectsKey);
-var is = (a2) => a2.polls;
-var oc = createSelector(oe, (a2) => a2.filter((e) => e.isHandRaised));
-var xa = (a2) => a2.whiteboards;
-var nc = createSelector(xa, (a2) => Object.values(a2)[0]);
-var ss = (a2 = "audio") => (e) => e.playlist[a2].list;
+var is = createSelector(Kt, (a2) => a2 == null ? void 0 : a2.permissions);
+var Yn = createSelector(B, (a2) => a2.recording);
+var Xn = createSelector(B, (a2) => a2.rtmp);
+var Zn = createSelector(B, (a2) => a2.hls);
+var ec = createSelector(B, (a2) => a2.sessionId);
+var tc = createSelector(B, (a2) => a2.startedAt);
+var ic = createSelector(B, (a2) => !!a2.isLargeRoom);
+var rc = createSelector(B, (a2) => !!a2.isEffectsEnabled);
+var sc = createSelector(B, (a2) => a2.effectsKey);
+var rs = (a2) => a2.polls;
+var cc = createSelector(oe, (a2) => a2.filter((e) => e.isHandRaised));
+var Ba = (a2) => a2.whiteboards;
+var dc = createSelector(Ba, (a2) => Object.values(a2)[0]);
+var as = (a2 = "audio") => (e) => e.playlist[a2].list;
 var sr = (a2 = "audio") => (e) => e.playlist[a2].selection;
-var as = (a2 = "audio") => (e) => e.playlist[a2].progress;
-var os = (a2 = "audio") => (e) => e.playlist[a2].currentTime;
-var ns = (a2 = "audio") => (e) => e.playlist[a2].playbackRate;
-var cs = (a2 = "audio") => (e) => e.playlist[a2].volume;
-var ds = (a2 = "audio") => createSelector(ss(a2), (e) => Object.values(e));
-var ls = (a2 = "audio") => createSelector(ss(a2), sr(a2), (e, t) => {
+var os = (a2 = "audio") => (e) => e.playlist[a2].progress;
+var ns = (a2 = "audio") => (e) => e.playlist[a2].currentTime;
+var cs = (a2 = "audio") => (e) => e.playlist[a2].playbackRate;
+var ds = (a2 = "audio") => (e) => e.playlist[a2].volume;
+var ls = (a2 = "audio") => createSelector(as(a2), (e) => Object.values(e));
+var us = (a2 = "audio") => createSelector(as(a2), sr(a2), (e, t) => {
   if (t.id)
     return e[t.id];
 });
-var us = { selection: sr("audio"), progress: as("audio"), currentTime: os("audio"), playbackRate: ns("audio"), volume: cs("audio"), list: ds("audio"), selectedItem: ls("audio") };
-var ps = { selection: sr("video"), progress: as("video"), currentTime: os("video"), playbackRate: ns("video"), volume: cs("video"), list: ds("video"), selectedItem: ls("video") };
-function b(a2) {
+var ps = { selection: sr("audio"), progress: os("audio"), currentTime: ns("audio"), playbackRate: cs("audio"), volume: ds("audio"), list: ls("audio"), selectedItem: us("audio") };
+var hs = { selection: sr("video"), progress: os("video"), currentTime: ns("video"), playbackRate: cs("video"), volume: ds("video"), list: ls("video"), selectedItem: us("video") };
+function A(a2) {
   return (e) => (t) => a2(t, e);
 }
-var hs = ((l) => (l[l.VERBOSE = 0] = "VERBOSE", l[l.DEBUG = 1] = "DEBUG", l[l.INFO = 2] = "INFO", l[l.WARN = 3] = "WARN", l[l.TIME = 4] = "TIME", l[l.TIMEEND = 5] = "TIMEEND", l[l.ERROR = 6] = "ERROR", l[l.NONE = 7] = "NONE", l))(hs || {});
-var Ua = typeof window != "undefined" && typeof window.expect != "undefined";
+var ms = ((l) => (l[l.VERBOSE = 0] = "VERBOSE", l[l.DEBUG = 1] = "DEBUG", l[l.INFO = 2] = "INFO", l[l.WARN = 3] = "WARN", l[l.TIME = 4] = "TIME", l[l.TIMEEND = 5] = "TIMEEND", l[l.ERROR = 6] = "ERROR", l[l.NONE = 7] = "NONE", l))(ms || {});
+var Va = typeof window != "undefined" && typeof window.expect != "undefined";
 var d = class {
   static v(e, ...t) {
     this.log(0, e, ...t);
@@ -18752,24 +18735,25 @@ var d = class {
       }
   }
 };
-d.level = Ua ? 7 : 0;
+d.level = Va ? 7 : 0;
 var pe = new import_ua_parser_js.UAParser();
-var w = typeof window != "undefined";
-var ms;
-var Ce = typeof window == "undefined" && !((ms = pe.getBrowser().name) != null && ms.toLowerCase().includes("electron"));
-var Va = () => !Ce;
-var Sc = Va();
+var _ = typeof window != "undefined";
 var Ss;
+var Ce = typeof window == "undefined" && !((Ss = pe.getBrowser().name) != null && Ss.toLowerCase().includes("electron"));
+var Ga = () => !Ce;
+var Tc = Ga();
 var gs;
-var fs = ((gs = (Ss = pe.getBrowser()) == null ? void 0 : Ss.name) == null ? void 0 : gs.toLowerCase()) === "firefox";
-function Fa() {
-  if (w && window) {
+var Ts;
+var vs = ((Ts = (gs = pe.getBrowser()) == null ? void 0 : gs.name) == null ? void 0 : Ts.toLowerCase()) === "firefox";
+var Ms = ((i) => (i.CUSTOM = "CUSTOM", i.LOCAL = "LOCAL", i.HMS = "HMS", i))(Ms || {});
+function $a() {
+  if (_ && window) {
     let a2 = window.location.hostname;
     return a2 === "localhost" || a2 === "127.0.0.1" ? "LOCAL" : a2.includes("app.100ms.live") ? "HMS" : "CUSTOM";
   }
   return "CUSTOM";
 }
-var Ve = Fa();
+var Ve = $a();
 var M = { WebSocketConnectionErrors: { FAILED_TO_CONNECT: 1e3, WEBSOCKET_CONNECTION_LOST: 1003, ABNORMAL_CLOSE: 1006 }, APIErrors: { SERVER_ERRORS: 2e3, INIT_CONFIG_NOT_AVAILABLE: 2002, ENDPOINT_UNREACHABLE: 2003, INVALID_TOKEN_FORMAT: 2004 }, TracksErrors: { GENERIC_TRACK: 3e3, CANT_ACCESS_CAPTURE_DEVICE: 3001, DEVICE_NOT_AVAILABLE: 3002, DEVICE_IN_USE: 3003, DEVICE_LOST_MIDWAY: 3004, NOTHING_TO_RETURN: 3005, INVALID_VIDEO_SETTINGS: 3006, CODEC_CHANGE_NOT_PERMITTED: 3007, AUTOPLAY_ERROR: 3008, OVER_CONSTRAINED: 3009, NO_AUDIO_DETECTED: 3010, SYSTEM_DENIED_PERMISSION: 3011, CURRENT_TAB_NOT_SHARED: 3012, AUDIO_PLAYBACK_ERROR: 3013, SELECTED_DEVICE_MISSING: 3014 }, WebrtcErrors: { CREATE_OFFER_FAILED: 4001, CREATE_ANSWER_FAILED: 4002, SET_LOCAL_DESCRIPTION_FAILED: 4003, SET_REMOTE_DESCRIPTION_FAILED: 4004, ICE_FAILURE: 4005, ICE_DISCONNECTED: 4006, STATS_FAILED: 4007 }, WebsocketMethodErrors: { SERVER_ERRORS: 5e3, ALREADY_JOINED: 5001, CANNOT_JOIN_PREVIEW_IN_PROGRESS: 5002 }, GenericErrors: { NOT_CONNECTED: 6e3, SIGNALLING: 6001, UNKNOWN: 6002, NOT_READY: 6003, JSON_PARSING_FAILED: 6004, TRACK_METADATA_MISSING: 6005, RTC_TRACK_MISSING: 6006, PEER_METADATA_MISSING: 6007, INVALID_ROLE: 6008, PREVIEW_IN_PROGRESS: 6009, MISSING_MEDIADEVICES: 6010, MISSING_RTCPEERCONNECTION: 6011, LOCAL_STORAGE_ACCESS_DENIED: 6012, VALIDATION_FAILED: 6013 }, PlaylistErrors: { NO_ENTRY_TO_PLAY: 8001, NO_ENTRY_IS_PLAYING: 8002 } };
 var f = class a extends Error {
   constructor(t, i, r, s, o, n = false) {
@@ -18800,8 +18784,8 @@ var f = class a extends Error {
     }`;
   }
 };
-var Ga = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
-var m = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
+var Wa = ["join", "offer", "answer", "trickle", "on-error", "JOIN"];
+var h = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
   return new f(M.WebSocketConnectionErrors.FAILED_TO_CONNECT, "WebsocketFailedToConnect", a2, `[WS]: ${e}`, `[WS]: ${e}`);
 }, WebSocketConnectionLost(a2, e = "") {
   return new f(M.WebSocketConnectionErrors.WEBSOCKET_CONNECTION_LOST, "WebSocketConnectionLost", a2, "Network connection lost ", e);
@@ -18860,7 +18844,7 @@ var m = { WebSocketConnectionErrors: { FailedToConnect(a2, e = "") {
 }, StatsFailed(a2, e = "") {
   return new f(M.WebrtcErrors.STATS_FAILED, "StatsFailed", a2, `Failed to WebRTC get stats - ${e}`, e);
 } }, WebsocketMethodErrors: { ServerErrors(a2, e, t) {
-  return new f(a2, "ServerErrors", e, t, t, Ga.includes(e));
+  return new f(a2, "ServerErrors", e, t, t, Wa.includes(e));
 }, AlreadyJoined(a2, e = "") {
   return new f(M.WebsocketMethodErrors.ALREADY_JOINED, "AlreadyJoined", a2, "[JOIN]: You have already joined this room.", e);
 }, CannotJoinPreviewInProgress(a2, e = "") {
@@ -18933,11 +18917,11 @@ var nr = class {
     return this.valuesMap.size;
   }
 };
-var vs = () => {
+var ys = () => {
   try {
-    w && !localStorage && (window.localStorage = new nr());
+    _ && !localStorage && (window.localStorage = new nr());
   } catch (a2) {
-    d.e("Error initialising localStorage", m.GenericErrors.LocalStorageAccessDenied());
+    d.e("Error initialising localStorage", h.GenericErrors.LocalStorageAccessDenied());
   }
 };
 var ce = class {
@@ -18947,9 +18931,9 @@ var ce = class {
   }
   getStorage() {
     try {
-      return w && !this.storage && (vs(), this.storage = window.localStorage), this.storage;
+      return _ && !this.storage && (ys(), this.storage = window.localStorage), this.storage;
     } catch (e) {
-      return d.e("Error initialising localStorage", m.GenericErrors.LocalStorageAccessDenied()), null;
+      return d.e("Error initialising localStorage", h.GenericErrors.LocalStorageAccessDenied()), null;
     }
   }
   get() {
@@ -18967,37 +18951,70 @@ var ce = class {
     (e = this.getStorage()) == null || e.removeItem(this.key);
   }
 };
-var Ms = () => {
+var ks = () => {
   let a2, e = new ce("hms-analytics-deviceId"), t = e.get();
-  return t ? a2 = t : (a2 = $a(), e.set(a2)), a2;
+  return t ? a2 = t : (a2 = Ka(), e.set(a2)), a2;
 };
 function ie(a2) {
   return a2 != null;
 }
-var ks = lr().version;
-function ot(a2 = "prod", e) {
+var Es = lr().version;
+function nt(a2 = "prod", e) {
   let t = "web", i = Ve !== "LOCAL" && a2 === "prod" ? "prod" : "debug";
   if (Ce)
-    return Ps({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version: ks, env: i, domain: Ve, is_prebuilt: !!(e != null && e.isPrebuilt), framework: "node", framework_version: process.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
+    return bs({ os: "web_nodejs", os_version: process.version, sdk: t, sdk_version: Es, env: i, domain: Ve, is_prebuilt: !!(e != null && e.isPrebuilt), framework: "node", framework_version: process.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
   let r = pe.getOS(), s = pe.getDevice(), o = pe.getBrowser(), n = ur(`web_${r.name}`), l = r.version || "", u = ur(`${o.name}_${o.version}`), p = u;
-  return s.type && (p = `${ur(`${s.vendor}_${s.type}`)}/${u}`), Ps({ os: n, os_version: l, sdk: t, sdk_version: ks, device_model: p, env: i, domain: Ve, is_prebuilt: !!(e != null && e.isPrebuilt), framework: e == null ? void 0 : e.type, framework_version: e == null ? void 0 : e.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
+  return s.type && (p = `${ur(`${s.vendor}_${s.type}`)}/${u}`), bs({ os: n, os_version: l, sdk: t, sdk_version: Es, device_model: p, env: i, domain: Ve, is_prebuilt: !!(e != null && e.isPrebuilt), framework: e == null ? void 0 : e.type, framework_version: e == null ? void 0 : e.version, framework_sdk_version: e == null ? void 0 : e.sdkVersion });
 }
 function ur(a2) {
   return a2.replace(/ /g, "_");
 }
-var Ps = (a2, e = ",") => Object.keys(a2).filter((t) => ie(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
+var bs = (a2, e = ",") => Object.keys(a2).filter((t) => ie(a2[t])).map((t) => `${t}:${a2[t]}`).join(e);
 var R = class {
   constructor({ name: e, level: t, properties: i, includesPII: r, timestamp: s }) {
-    this.metadata = { peer: {}, userAgent: ot() };
-    this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = Ka(), this.device_id = Ms();
+    this.metadata = { peer: {}, userAgent: nt() };
+    this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = ja(), this.device_id = ks();
   }
   toSignalParams() {
-    return { name: this.name, info: v(S({}, this.properties), { timestamp: this.timestamp, domain: Ve }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
+    return { name: this.name, info: v(m({}, this.properties), { timestamp: this.timestamp, domain: Ve }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
+  }
+};
+var pr = class {
+  constructor() {
+    this.pluginUsage = /* @__PURE__ */ new Map();
+    this.pluginLastAddedAt = /* @__PURE__ */ new Map();
+    this.getPluginUsage = (e, t) => {
+      let i = `${t}-${e}`;
+      if (this.pluginUsage.has(i) || this.pluginUsage.set(i, 0), this.pluginLastAddedAt.has(i)) {
+        let r = this.pluginLastAddedAt.get(i) || 0, s = r ? Date.now() - r : 0;
+        this.pluginUsage.set(i, (this.pluginUsage.get(i) || 0) + s), this.pluginLastAddedAt.delete(i);
+      }
+      return this.pluginUsage.get(i);
+    };
+    this.updatePluginUsageData = (e, t) => {
+      if (e.name === "transport.leave") {
+        this.cleanup(t);
+        return;
+      }
+      let i = e.properties.plugin_name, r = `${t}-${i}`;
+      if (e.name === "mediaPlugin.added") {
+        let s = e.properties.added_at;
+        this.pluginLastAddedAt.set(r, s);
+      } else if (e.name === "mediaPlugin.stats") {
+        let s = e.properties.duration;
+        s > 0 && (this.pluginUsage.set(r, (this.pluginUsage.get(r) || 0) + s * 1e3), this.pluginLastAddedAt.delete(r));
+      }
+    };
+    this.cleanup = (e) => {
+      for (let t of this.pluginUsage.keys())
+        e.length && t.includes(e) && (this.pluginUsage.delete(t), this.pluginLastAddedAt.delete(t));
+    };
   }
 };
+var Fe = new pr();
 var y = class {
   static connect(e, t, i = /* @__PURE__ */ new Date(), r = /* @__PURE__ */ new Date(), s) {
-    let o = this.eventNameFor("connect", e === void 0), n = e ? 2 : 1, l = this.getPropertiesWithError(v(S({}, t), { [this.KEY_REQUESTED_AT]: i == null ? void 0 : i.getTime(), [this.KEY_RESPONDED_AT]: r == null ? void 0 : r.getTime(), endpoint: s }), e);
+    let o = this.eventNameFor("connect", e === void 0), n = e ? 2 : 1, l = this.getPropertiesWithError(v(m({}, t), { [this.KEY_REQUESTED_AT]: i == null ? void 0 : i.getTime(), [this.KEY_RESPONDED_AT]: r == null ? void 0 : r.getTime(), endpoint: s }), e);
     return new R({ name: o, level: n, properties: l });
   }
   static disconnect(e, t) {
@@ -19011,7 +19028,7 @@ var y = class {
   }
   static join(i) {
     var r = i, { error: e } = r, t = Xi(r, ["error"]);
-    let s = this.eventNameFor("join", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(v(S({}, t), { is_preview_called: !!t.is_preview_called }), e);
+    let s = this.eventNameFor("join", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(v(m({}, t), { is_preview_called: !!t.is_preview_called }), e);
     return new R({ name: s, level: o, properties: n });
   }
   static publish({ devices: e, settings: t, error: i }) {
@@ -19054,7 +19071,7 @@ var y = class {
     let i = "video.degradation.stats", r = 1, s = { degradedAt: e.degradedAt, trackId: e.trackId };
     if (!t && e.degradedAt instanceof Date) {
       let o = /* @__PURE__ */ new Date(), n = o.valueOf() - e.degradedAt.valueOf();
-      s = v(S({}, s), { duration: n, restoredAt: o });
+      s = v(m({}, s), { duration: n, restoredAt: o });
     }
     return new R({ name: i, level: r, properties: s });
   }
@@ -19072,7 +19089,8 @@ var y = class {
     return new R({ name: "subscriber.stats", level: 1, properties: e });
   }
   static getKrispUsage(e) {
-    return new R({ name: "krisp.usage", level: 1, properties: { duration: e } });
+    let t = Fe.getPluginUsage("HMSKrispPlugin", e);
+    return new R({ name: "krisp.usage", level: 1, properties: { duration: t } });
   }
   static transportLeave() {
     return new R({ name: "transport.leave", level: 1, properties: {} });
@@ -19082,14 +19100,14 @@ var y = class {
   }
   static getPropertiesWithError(e, t) {
     let i = this.getErrorProperties(t);
-    return e = S(S({}, i), e), e;
+    return e = m(m({}, i), e), e;
   }
   static getErrorProperties(e) {
     return e ? e instanceof f ? e.toAnalyticsProperties() : { error_name: e.name, error_message: e.message, error_description: e.cause } : {};
   }
 };
 y.KEY_REQUESTED_AT = "requested_at", y.KEY_RESPONDED_AT = "responded_at";
-var pr = class {
+var hr = class {
   constructor() {
     this.storage = new ce("hms-device-selection");
     this.remember = false;
@@ -19123,9 +19141,9 @@ var pr = class {
     return e.deviceId === t.deviceId && (e.groupId === t.groupId || !e.groupId);
   }
 };
-var q = new pr();
-var hr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(hr || {});
-var mr = ((t) => (t.PLATFORM_NOT_SUPPORTED = "PLATFORM_NOT_SUPPORTED", t.DEVICE_NOT_SUPPORTED = "DEVICE_NOT_SUPPORTED", t))(mr || {});
+var q = new hr();
+var mr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(mr || {});
+var Sr = ((t) => (t.PLATFORM_NOT_SUPPORTED = "PLATFORM_NOT_SUPPORTED", t.DEVICE_NOT_SUPPORTED = "DEVICE_NOT_SUPPORTED", t))(Sr || {});
 function Jt(a2, e = 300) {
   let t;
   return function(...i) {
@@ -19136,10 +19154,10 @@ function Jt(a2, e = 300) {
     }, e);
   };
 }
-var Hs = ((n) => (n.NONE = "none", n.INITIALISED = "initialised", n.STARTED = "started", n.PAUSED = "paused", n.RESUMED = "resumed", n.STOPPED = "stopped", n.FAILED = "failed", n))(Hs || {});
-var Cs = ((t) => (t.DVR = "dvr", t.NO_DVR = "no-dvr", t))(Cs || {});
-var Ls = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(Ls || {});
-var Sr = class {
+var Ls = ((n) => (n.NONE = "none", n.INITIALISED = "initialised", n.STARTED = "started", n.PAUSED = "paused", n.RESUMED = "resumed", n.STOPPED = "stopped", n.FAILED = "failed", n))(Ls || {});
+var Ds = ((t) => (t.DVR = "dvr", t.NO_DVR = "no-dvr", t))(Ds || {});
+var ws = ((i) => (i.videoInput = "videoInput", i.audioInput = "audioInput", i.audioOutput = "audioOutput", i))(ws || {});
+var gr = class {
   constructor() {
     this.TAG = "[HMSIntersectionObserverWrapper]";
     this.listeners = /* @__PURE__ */ new WeakMap();
@@ -19162,12 +19180,12 @@ var Sr = class {
     this.createObserver();
   }
   isSupported() {
-    let e = w && typeof window.IntersectionObserver != "undefined";
+    let e = _ && typeof window.IntersectionObserver != "undefined";
     return e || d.w(this.TAG, "IntersectionObserver is not supported, fallback will be used instead"), e;
   }
 };
-var Ns = new Sr();
-var gr = class {
+var xs = new gr();
+var Tr = class {
   constructor() {
     this.TAG = "[HMSResizeObserverWrapper]";
     this.listeners = /* @__PURE__ */ new WeakMap();
@@ -19190,20 +19208,20 @@ var gr = class {
     this.createObserver();
   }
   isSupported() {
-    let e = w && typeof window.ResizeObserver != "undefined";
+    let e = _ && typeof window.ResizeObserver != "undefined";
     return e || d.w(this.TAG, "Resize Observer is not supported"), e;
   }
 };
-var Os = new gr();
-var Tr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(Tr || {});
-var fr = ((t) => (t["2D"] = "2d", t.WEBGL = "webgl", t.WEBGL2 = "webgl2", t))(fr || {});
-var Bs = "https://event.100ms.live/v2/client/report";
-var Vs = "https://event-nonprod.100ms.live/v2/client/report";
-var pt = Math.pow(2, 31) - 1;
-var Qe = class {
+var Us = new Tr();
+var fr = ((t) => (t.TRANSFORM = "TRANSFORM", t.ANALYZE = "ANALYZE", t))(fr || {});
+var vr = ((t) => (t["2D"] = "2d", t.WEBGL = "webgl", t.WEBGL2 = "webgl2", t))(vr || {});
+var Fs = "https://event.100ms.live/v2/client/report";
+var Gs = "https://event-nonprod.100ms.live/v2/client/report";
+var ht = Math.pow(2, 31) - 1;
+var ze = class {
 };
-Qe.makePeerId = () => lo();
-var gt = "HMS-Store:";
+ze.makePeerId = () => po();
+var Tt = "HMS-Store:";
 var k = class {
   static v(e, ...t) {
     this.log(0, e, ...t);
@@ -19233,23 +19251,23 @@ var k = class {
     if (!(this.level.valueOf() > e.valueOf()))
       switch (e) {
         case 0: {
-          console.log(gt, ...t);
+          console.log(Tt, ...t);
           break;
         }
         case 1: {
-          console.debug(gt, ...t);
+          console.debug(Tt, ...t);
           break;
         }
         case 2: {
-          console.info(gt, ...t);
+          console.info(Tt, ...t);
           break;
         }
         case 3: {
-          console.warn(gt, ...t);
+          console.warn(Tt, ...t);
           break;
         }
         case 6: {
-          console.error(gt, ...t);
+          console.error(Tt, ...t);
           break;
         }
         case 4: {
@@ -19270,132 +19288,132 @@ var k = class {
   }
 };
 k.level = 0;
-var Rr = (a2, e) => e;
-var Tt = (a2, e) => e;
-var js = (a2, e) => e;
-var po = (a2, e) => e;
-var ho = (a2, e) => e;
-var J = createSelector([G, Rr], (a2, e) => e ? a2[e] : null);
-var Hr = createSelector([D, Tt], (a2, e) => e ? a2[e] : null);
-var mo = createSelector([D, Tt], (a2, e) => {
+var Hr = (a2, e) => e;
+var ft = (a2, e) => e;
+var Qs = (a2, e) => e;
+var mo = (a2, e) => e;
+var So = (a2, e) => e;
+var J = createSelector([G, Hr], (a2, e) => e ? a2[e] : null);
+var Cr = createSelector([w, ft], (a2, e) => e ? a2[e] : null);
+var go = createSelector([w, ft], (a2, e) => {
   if (!e)
     return null;
   let t = a2[e];
   return (t == null ? void 0 : t.type) === "video" ? t : null;
 });
-var So = createSelector([D, Tt], (a2, e) => {
+var To = createSelector([w, ft], (a2, e) => {
   if (!e)
     return null;
   let t = a2[e];
   return (t == null ? void 0 : t.type) === "audio" ? t : null;
 });
-var go = createSelector([D, Tt], (a2, e) => {
+var fo = createSelector([w, ft], (a2, e) => {
   if (!e)
     return null;
   let t = a2[e];
   return (t == null ? void 0 : t.type) === "audio" && (t == null ? void 0 : t.source) === "screen" ? t : null;
 });
-var To = createSelector([D, Tt], (a2, e) => {
+var vo = createSelector([w, ft], (a2, e) => {
   if (!e)
     return null;
   let t = a2[e];
   return (t == null ? void 0 : t.type) === "video" && (t == null ? void 0 : t.source) === "screen" ? t : null;
 });
-var fo = createSelector([is, ho], (a2, e) => e ? a2[e] : null);
-var Q = b(J);
-var tm = b(createSelector([tr, po], (a2, e) => {
+var Mo = createSelector([rs, So], (a2, e) => e ? a2[e] : null);
+var Q = A(J);
+var cm = A(createSelector([tr, mo], (a2, e) => {
   if (a2)
     return e ? a2[e] : a2;
 }));
-function im(a2) {
+function dm(a2) {
   return (e) => {
     if (e.sessionStore)
       return a2 ? e.sessionStore[a2] : e.sessionStore;
   };
 }
-var sm = b(createSelector(J, (a2) => a2 == null ? void 0 : a2.name));
-var oi = b(Hr);
-var Js = b(mo);
-var am = b(So);
-var om = b(go);
-var nm = b(To);
-var vo = b((a2, e) => {
+var um = A(createSelector(J, (a2) => a2 == null ? void 0 : a2.name));
+var oi = A(Cr);
+var zs = A(go);
+var pm = A(To);
+var hm = A(fo);
+var mm = A(vo);
+var yo = A((a2, e) => {
   let t = J(a2, e);
   if (t && t.videoTrack && t.videoTrack !== "")
     return a2.tracks[t.videoTrack];
 });
-var Mo = b((a2, e) => {
+var ko = A((a2, e) => {
   let t = J(a2, e);
   if (t && t.audioTrack && t.audioTrack !== "")
     return a2.tracks[t.audioTrack];
 });
-var dm = b((a2, e) => {
+var gm = A((a2, e) => {
   let t = J(a2, e);
   return (t == null ? void 0 : t.auxiliaryTracks.map((i) => a2.tracks[i])) || [];
 });
-var Qs = (a2, e) => e ? a2.speakers[e] : null;
-var lm = b(createSelector(Qs, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
-var yo = (a2, e) => {
-  let t = Mo(e)(a2);
-  return Qs(a2, t == null ? void 0 : t.id);
-};
-var um = b(createSelector(yo, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
-var pm = b((a2, e) => {
+var Ys = (a2, e) => e ? a2.speakers[e] : null;
+var Tm = A(createSelector(Ys, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+var Po = (a2, e) => {
+  let t = ko(e)(a2);
+  return Ys(a2, t == null ? void 0 : t.id);
+};
+var fm = A(createSelector(Po, (a2) => (a2 == null ? void 0 : a2.audioLevel) || 0));
+var vm = A((a2, e) => {
   if (e)
     return a2.connectionQualities[e];
 });
-var hm = b((a2, e) => {
+var Mm = A((a2, e) => {
   let t = J(a2, e);
   if (t) {
-    let i = t == null ? void 0 : t.auxiliaryTracks.find((r) => tt(a2.tracks[r]));
+    let i = t == null ? void 0 : t.auxiliaryTracks.find((r) => it(a2.tracks[r]));
     return i ? a2.tracks[i] : void 0;
   }
 });
-var mm = b(createSelector(D, J, (a2, e) => {
+var ym = A(createSelector(w, J, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
-    return rt(r) && it(r);
+    return st(r) && rt(r);
   });
   return t ? a2[t] : void 0;
 }));
-var Sm = b(createSelector(D, J, (a2, e) => {
+var km = A(createSelector(w, J, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
-    return rt(r) && tt(r);
+    return st(r) && it(r);
   });
   return t ? a2[t] : void 0;
 }));
-var gm = b(createSelector(D, J, (a2, e) => {
+var Pm = A(createSelector(w, J, (a2, e) => {
   let t = e == null ? void 0 : e.auxiliaryTracks.find((i) => {
     let r = a2[i];
-    return $t(r) && tt(r);
+    return $t(r) && it(r);
   });
   return t ? a2[t] : void 0;
 }));
-var zs = b(createSelector(D, J, (a2, e) => He(a2, e)));
-var Ys = (a2) => createSelector(zs(a2), (e) => e.audio);
-var fm = b((a2, e) => {
+var Xs = A(createSelector(w, J, (a2, e) => He(a2, e)));
+var Zs = (a2) => createSelector(Xs(a2), (e) => e.audio);
+var bm = A((a2, e) => {
   let t = J(a2, e);
   return Ue(a2, t == null ? void 0 : t.audioTrack);
 });
-var vm = b((a2, e) => {
+var Am = A((a2, e) => {
   let t = J(a2, e);
   return Ue(a2, t == null ? void 0 : t.videoTrack);
 });
-var Xs = b((a2, e) => {
+var ea = A((a2, e) => {
   if (e && a2.tracks[e])
     return a2.tracks[e].volume === 0;
 });
-var Mm = b((a2, e) => {
+var Im = A((a2, e) => {
   let t = J(a2, e);
-  return Xs(t == null ? void 0 : t.audioTrack)(a2);
+  return ea(t == null ? void 0 : t.audioTrack)(a2);
 });
-var ym = b((a2, e) => {
-  let t = Ys(e)(a2);
-  return Xs(t == null ? void 0 : t.id)(a2);
+var Rm = A((a2, e) => {
+  let t = Zs(e)(a2);
+  return ea(t == null ? void 0 : t.id)(a2);
 });
-var Zs = b((a2, e) => {
-  let t = Hr(a2, e);
+var ta = A((a2, e) => {
+  let t = Cr(a2, e);
   if (t) {
     if (t.type !== "audio") {
       k.w("Please pass audio track here");
@@ -19404,16 +19422,16 @@ var Zs = b((a2, e) => {
     return t.volume;
   }
 });
-var km = b((a2, e) => {
+var Hm = A((a2, e) => {
   let t = J(a2, e);
-  return Zs(t == null ? void 0 : t.audioTrack)(a2);
+  return ta(t == null ? void 0 : t.audioTrack)(a2);
 });
-var Pm = b((a2, e) => {
-  let t = Ys(e)(a2);
-  return Zs(t == null ? void 0 : t.id)(a2);
+var Cm = A((a2, e) => {
+  let t = Zs(e)(a2);
+  return ta(t == null ? void 0 : t.id)(a2);
 });
-var Em = b((a2, e) => {
-  let t = Hr(a2, e);
+var Lm = A((a2, e) => {
+  let t = Cr(a2, e);
   if (t) {
     if (t.type !== "video") {
       k.w("Please pass video track here");
@@ -19422,49 +19440,49 @@ var Em = b((a2, e) => {
     return t.layer;
   }
 });
-var ea = createSelector([at, ue, Rr], (a2, e, t) => {
+var ia = createSelector([ot, ue, Hr], (a2, e, t) => {
   if (t)
     return a2.filter((i) => {
       var r;
       return !i.recipientPeer && !((r = i.recipientRoles) != null && r.length) || i.sender && ![e, t].includes(i.sender) ? false : [e, t].includes(i.recipientPeer);
     });
 });
-var ta = createSelector([at, js], (a2, e) => {
+var ra = createSelector([ot, Qs], (a2, e) => {
   if (e)
     return a2.filter((t) => {
       var i, r;
       return (i = t.recipientRoles) != null && i.length ? (r = t.recipientRoles) == null ? void 0 : r.includes(e) : false;
     });
 });
-var ko = createSelector(at, (a2) => a2.filter((e) => {
+var Eo = createSelector(ot, (a2) => a2.filter((e) => {
   var t;
   return !e.recipientPeer && !((t = e.recipientRoles) != null && t.length);
 }));
-var Po = createSelector([ta, js], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-var Eo = createSelector([ea, Rr], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
-var bm = createSelector(ko, (a2) => a2.filter((e) => !e.read).length);
-var Am = b(ea);
-var Im = b(ta);
-var Rm = b(Po);
-var Hm = b(Eo);
-var ia = b(fo);
-var Vm = createSelector([G, D], (a2, e) => Object.values(a2).map((i) => {
+var bo = createSelector([ra, Qs], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
+var Ao = createSelector([ia, Hr], (a2) => a2 ? a2.filter((e) => !e.read).length : 0);
+var Dm = createSelector(Eo, (a2) => a2.filter((e) => !e.read).length);
+var wm = A(ia);
+var _m = A(ra);
+var Nm = A(bo);
+var Om = A(Ao);
+var sa = A(Mo);
+var jm = createSelector([G, w], (a2, e) => Object.values(a2).map((i) => {
   var r;
   return { peer: i, isAudioEnabled: i.audioTrack ? (r = e[i.audioTrack]) == null ? void 0 : r.enabled : false };
 }));
-var bo = (a2) => a2.roleChangeRequests[0] || null;
-var Fm = createSelector([bo, G, ne], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
-var Gm = createSelector([Kt], (a2) => st(a2));
-var $m = createSelector([es], (a2) => st(a2));
-var Io = createSelector([K, D], (a2, e) => {
+var Io = (a2) => a2.roleChangeRequests[0] || null;
+var Jm = createSelector([Io, G, ne], (a2, e, t) => a2 ? { requestedBy: a2.requestedBy ? e[a2.requestedBy] : void 0, role: t[a2.roleName], token: a2.token } : null);
+var Qm = createSelector([Kt], (a2) => at(a2));
+var zm = createSelector([ts], (a2) => at(a2));
+var Ho = createSelector([K, w], (a2, e) => {
   let t = null;
   return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
 });
-var Ro = createSelector([Z, D], (a2, e) => {
+var Co = createSelector([Z, w], (a2, e) => {
   let t = null;
   return a2 && (t = e[a2]), (t == null ? void 0 : t.plugins) || [];
 });
-var _r = class {
+var Nr = class {
   constructor() {
     this.TAG = "[HTTPAnalyticsTransport]";
     this.failedEvents = new ce("client-events");
@@ -19483,7 +19501,7 @@ var _r = class {
       this.addEventToStorage(e);
       return;
     }
-    let t = { event: e.name, payload: e.properties, event_id: String(e.timestamp), peer: e.metadata.peer, timestamp: e.timestamp, device_id: e.device_id, cluster: { websocket_url: this.websocketURL } }, i = this.env === "prod" ? Bs : Vs;
+    let t = { event: e.name, payload: e.properties, event_id: String(e.timestamp), peer: e.metadata.peer, timestamp: e.timestamp, device_id: e.device_id, cluster: { websocket_url: this.websocketURL } }, i = this.env === "prod" ? Fs : Gs;
     fetch(i, { method: "POST", headers: { "Content-Type": "application/json", Authorization: `Bearer ${e.metadata.token}`, user_agent_v2: e.metadata.userAgent }, body: JSON.stringify(t) }).then((r) => {
       if (r.status === 401) {
         this.removeFromStorage(e);
@@ -19509,66 +19527,66 @@ var _r = class {
     i > -1 && (t.splice(i, 1), this.failedEvents.set(t));
   }
 };
-var Te = new _r();
+var Te = new Nr();
 var $ = ((s) => (s[s.ConnectFailed = 0] = "ConnectFailed", s[s.SignalDisconnect = 1] = "SignalDisconnect", s[s.JoinWSMessageFailed = 2] = "JoinWSMessageFailed", s[s.PublishIceConnectionFailed = 3] = "PublishIceConnectionFailed", s[s.SubscribeIceConnectionFailed = 4] = "SubscribeIceConnectionFailed", s))($ || {});
 var Bi = ((n) => (n.Disconnected = "Disconnected", n.Connecting = "Connecting", n.Joined = "Joined", n.Preview = "Preview", n.Failed = "Failed", n.Reconnecting = "Reconnecting", n.Leaving = "Leaving", n))(Bi || {});
 var Ji = ((t) => (t[t.Publish = 0] = "Publish", t[t.Subscribe = 1] = "Subscribe", t))(Ji || {});
-var Jo = (a2) => a2.localPeer.id;
-var Qo = (a2) => a2.localPeer.audioTrack;
-var zo = (a2) => a2.localPeer.videoTrack;
-var Yo = (a2, e) => e;
-var va = (a2, e) => e;
-var Xo = (a2) => a2.remoteTrackStats;
-var Ma = (a2) => a2.peerStats;
-var Br = (a2) => a2.localTrackStats;
-var ve = createSelector([Ma, Jo], (a2, e) => a2[e]);
-var Zo = createSelector(ve, (a2) => {
+var zo = (a2) => a2.localPeer.id;
+var Yo = (a2) => a2.localPeer.audioTrack;
+var Xo = (a2) => a2.localPeer.videoTrack;
+var Zo = (a2, e) => e;
+var ya = (a2, e) => e;
+var en = (a2) => a2.remoteTrackStats;
+var ka = (a2) => a2.peerStats;
+var Vr = (a2) => a2.localTrackStats;
+var ve = createSelector([ka, zo], (a2, e) => a2[e]);
+var tn = createSelector(ve, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.packetsLost;
 });
-var en = createSelector(ve, (a2) => {
+var rn = createSelector(ve, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.jitter;
 });
-var tn = createSelector(ve, (a2) => {
+var sn = createSelector(ve, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bitrate;
 });
-var rn = createSelector(ve, (a2) => {
+var an = createSelector(ve, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bitrate;
 });
-var sn = createSelector(ve, (a2) => {
+var on = createSelector(ve, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.availableOutgoingBitrate;
 });
-var an = createSelector(ve, (a2) => {
+var nn = createSelector(ve, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.availableIncomingBitrate;
 });
-var on = createSelector(ve, (a2) => {
+var cn = createSelector(ve, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.publish) == null ? void 0 : e.bytesSent;
 });
-var nn = createSelector(ve, (a2) => {
+var dn = createSelector(ve, (a2) => {
   var e;
   return (e = a2 == null ? void 0 : a2.subscribe) == null ? void 0 : e.bytesReceived;
 });
-var cn = createSelector([Ma, Yo], (a2, e) => e ? a2[e] : void 0);
-var dn = createSelector([Xo, va], (a2, e) => e ? a2[e] : void 0);
-var Vr = createSelector([Br, va], (a2, e) => e ? a2[e] : void 0);
-var ln = b(cn);
-var un = b(dn);
-var pn = createSelector([Br, Qo], (a2, e) => {
+var ln = createSelector([ka, Zo], (a2, e) => e ? a2[e] : void 0);
+var un = createSelector([en, ya], (a2, e) => e ? a2[e] : void 0);
+var Fr = createSelector([Vr, ya], (a2, e) => e ? a2[e] : void 0);
+var pn = A(ln);
+var hn = A(un);
+var mn = createSelector([Vr, Yo], (a2, e) => {
   var t;
   return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
 });
-var hn = b(createSelector(Vr, (a2) => a2 == null ? void 0 : a2[0]));
-var mn = createSelector([Br, zo], (a2, e) => {
+var Sn = A(createSelector(Fr, (a2) => a2 == null ? void 0 : a2[0]));
+var gn = createSelector([Vr, Xo], (a2, e) => {
   var t;
   return e ? (t = a2[e]) == null ? void 0 : t[0] : void 0;
 });
-var Sn = b(createSelector(Vr, (a2) => a2));
+var Tn = A(createSelector(Fr, (a2) => a2));
 
 // src/Prebuilt/components/Header/StreamActions.tsx
 import {
@@ -19838,7 +19856,7 @@ var RecordingStatus = () => {
 };
 var RecordingPauseStatus = () => {
   const recording = useHMSStore25(selectRecordingState);
-  if (recording.hls && recording.hls.state === Hs.PAUSED) {
+  if (recording.hls && recording.hls.state === Ls.PAUSED) {
     return /* @__PURE__ */ React54.createElement(
       Tooltip,
       {
@@ -20238,8 +20256,6 @@ var MwebOptions = ({
   const peerCount = useHMSStore29(selectPeerCount3);
   const emojiCardRef = useRef14(null);
   const { isBRBOn, toggleBRB, isHandRaised, toggleHandRaise } = useMyMetadata();
-  const { toggleAudio, toggleVideo } = useAVToggle3();
-  const noAVPermissions = !(toggleAudio || toggleVideo);
   const { unreadPollQuiz, setUnreadPollQuiz } = useUnreadPollQuizPresent();
   const { title, description } = useRoomLayoutHeader();
   const toggleDetailsSheet = useSheetToggle(SHEET_OPTIONS.ROOM_DETAILS);
@@ -20301,7 +20317,7 @@ var MwebOptions = ({
       /* @__PURE__ */ React58.createElement(PeopleIcon, null),
       /* @__PURE__ */ React58.createElement(ActionTile.Title, null, "Participants")
     ),
-    !noAVPermissions ? /* @__PURE__ */ React58.createElement(
+    elements.hand_raise ? /* @__PURE__ */ React58.createElement(
       ActionTile.Root,
       {
         active: isHandRaised,
@@ -20475,6 +20491,10 @@ import React60 from "react";
 import { HandIcon as HandIcon3, HandRaiseSlashedIcon as HandRaiseSlashedIcon2 } from "@100mslive/react-icons";
 var RaiseHand = ({ css: css2 }) => {
   const { isHandRaised, toggleHandRaise } = useMyMetadata();
+  const { elements } = useRoomLayoutConferencingScreen();
+  if (!elements.hand_raise) {
+    return null;
+  }
   return /* @__PURE__ */ React60.createElement(Tooltip, { title: isHandRaised ? "Lower hand" : "Raise hand" }, /* @__PURE__ */ React60.createElement(
     IconButton_default,
     {
@@ -20998,7 +21018,7 @@ init_define_process_env();
 import React69 from "react";
 import { selectUnreadHMSMessagesCount, useHMSStore as useHMSStore32 } from "@100mslive/react-sdk";
 import { ChatIcon } from "@100mslive/react-icons";
-var ChatToggle = () => {
+var ChatToggle = ({ onClick }) => {
   const countUnreadMessages = useHMSStore32(selectUnreadHMSMessagesCount);
   const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
   const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
@@ -21009,7 +21029,7 @@ var ChatToggle = () => {
         position: "relative"
       }
     },
-    /* @__PURE__ */ React69.createElement(Tooltip, { key: "chat", title: `${isChatOpen ? "Close" : "Open"} chat` }, /* @__PURE__ */ React69.createElement(IconButton_default, { onClick: toggleChat, active: !isChatOpen, "data-testid": "chat_btn" }, /* @__PURE__ */ React69.createElement(ChatIcon, null))),
+    /* @__PURE__ */ React69.createElement(Tooltip, { key: "chat", title: `${isChatOpen ? "Close" : "Open"} chat` }, /* @__PURE__ */ React69.createElement(IconButton_default, { onClick: () => onClick ? onClick() : toggleChat(), active: !isChatOpen, "data-testid": "chat_btn" }, /* @__PURE__ */ React69.createElement(ChatIcon, null))),
     countUnreadMessages > 0 && /* @__PURE__ */ React69.createElement(
       Flex,
       {
@@ -21464,6 +21484,7 @@ var RoleAccordion = ({
   return /* @__PURE__ */ React73.createElement(Accordion.Item, { value: roleName, css: { "&:hover .role_actions": { visibility: "visible" }, mb: "$8" }, ref }, /* @__PURE__ */ React73.createElement(
     Accordion.Header,
     {
+      chevronID: `role_accordion_btn_${roleName}`,
       iconStyles: { c: "$on_surface_high" },
       css: {
         textTransform: "capitalize",
@@ -21516,7 +21537,7 @@ var RoleAccordion = ({
     },
     /* @__PURE__ */ React73.createElement(Text, { variant: "sm", css: { color: "inherit" } }, "View All"),
     /* @__PURE__ */ React73.createElement(ChevronRightIcon, null)
-  ) : null, isHandRaisedAccordion && /* @__PURE__ */ React73.createElement(React73.Fragment, null, /* @__PURE__ */ React73.createElement(HorizontalDivider, null), /* @__PURE__ */ React73.createElement(Flex, { css: { w: "100%", p: "$6", gap: "$4" }, justify: "center" }, /* @__PURE__ */ React73.createElement(Button, { variant: "standard", onClick: lowerAllHands, icon: true, css: { pl: "$2" } }, /* @__PURE__ */ React73.createElement(CrossIcon11, null), " Lower all hands"), canBringToStage && /* @__PURE__ */ React73.createElement(Button, { onClick: bringAllToStage, icon: true, css: { pl: "$2" } }, /* @__PURE__ */ React73.createElement(AddIcon, null), " ", bring_to_stage_label)))));
+  ) : null, isHandRaisedAccordion && canBringToStage && /* @__PURE__ */ React73.createElement(React73.Fragment, null, /* @__PURE__ */ React73.createElement(HorizontalDivider, null), /* @__PURE__ */ React73.createElement(Flex, { css: { w: "100%", p: "$6", gap: "$4" }, justify: "center" }, /* @__PURE__ */ React73.createElement(Button, { variant: "standard", onClick: lowerAllHands, icon: true, css: { pl: "$2" } }, /* @__PURE__ */ React73.createElement(CrossIcon11, null), " Lower all hands"), /* @__PURE__ */ React73.createElement(Button, { onClick: bringAllToStage, icon: true, css: { pl: "$2" } }, /* @__PURE__ */ React73.createElement(AddIcon, null), " ", bring_to_stage_label)))));
 };
 
 // src/Prebuilt/components/hooks/usePeerOnStageActions.tsx
@@ -21808,7 +21829,10 @@ var HandRaisedAccordionParticipantActions = ({ peerId, role }) => {
     peerId,
     role
   });
-  return /* @__PURE__ */ React74.createElement(React74.Fragment, null, /* @__PURE__ */ React74.createElement(Button, { variant: "standard", css: quickActionStyle, onClick: lowerPeerHand }, /* @__PURE__ */ React74.createElement(CrossIcon12, { height: 18, width: 18 })), shouldShowStageRoleChange && !isInStage && /* @__PURE__ */ React74.createElement(Button, { variant: "primary", onClick: handleStageAction, css: quickActionStyle }, /* @__PURE__ */ React74.createElement(AddIcon2, { height: 18, width: 18 })));
+  if (!shouldShowStageRoleChange) {
+    return null;
+  }
+  return /* @__PURE__ */ React74.createElement(React74.Fragment, null, /* @__PURE__ */ React74.createElement(Button, { variant: "standard", css: quickActionStyle, onClick: lowerPeerHand }, /* @__PURE__ */ React74.createElement(CrossIcon12, { height: 18, width: 18 })), !isInStage && /* @__PURE__ */ React74.createElement(Button, { variant: "primary", onClick: handleStageAction, css: quickActionStyle }, /* @__PURE__ */ React74.createElement(AddIcon2, { height: 18, width: 18 })));
 };
 var ParticipantMoreActions = ({ peerId, role }) => {
   const {
@@ -21921,29 +21945,42 @@ var PollsToggle = () => {
 // src/Prebuilt/components/Footer/WhiteboardToggle.tsx
 init_define_process_env();
 import React76 from "react";
-import { useWhiteboard } from "@100mslive/react-sdk";
+import { useScreenShare as useScreenShare4, useWhiteboard } from "@100mslive/react-sdk";
 import { PencilDrawIcon } from "@100mslive/react-icons";
 var WhiteboardToggle = () => {
   const { toggle, open, isOwner } = useWhiteboard();
+  const { screenSharingPeerId, amIScreenSharing } = useScreenShare4();
+  const remoteScreenShare = screenSharingPeerId && !amIScreenSharing;
+  const disabled = remoteScreenShare || open && !isOwner;
   if (!toggle) {
     return null;
   }
-  return /* @__PURE__ */ React76.createElement(Tooltip, { key: "whiteboard", title: `${open ? "Close" : "Open"} Whiteboard` }, /* @__PURE__ */ React76.createElement(
-    IconButton_default,
+  return /* @__PURE__ */ React76.createElement(
+    Tooltip,
     {
-      onClick: () => __async(void 0, null, function* () {
-        try {
-          yield toggle();
-        } catch (error) {
-          ToastManager.addToast({ title: error.message, variant: "error" });
-        }
-      }),
-      active: !open,
-      disabled: open && !isOwner,
-      "data-testid": "whiteboard_btn"
+      key: "whiteboard",
+      title: remoteScreenShare ? "Cannot open whiteboard when viewing a shared screen" : `${open ? "Close" : "Open"} Whiteboard`
     },
-    /* @__PURE__ */ React76.createElement(PencilDrawIcon, null)
-  ));
+    /* @__PURE__ */ React76.createElement(
+      IconButton_default,
+      {
+        onClick: () => __async(void 0, null, function* () {
+          if (disabled) {
+            return;
+          }
+          try {
+            yield toggle();
+          } catch (error) {
+            ToastManager.addToast({ title: error.message, variant: "error" });
+          }
+        }),
+        active: !open,
+        disabled,
+        "data-testid": "whiteboard_btn"
+      },
+      /* @__PURE__ */ React76.createElement(PencilDrawIcon, null)
+    )
+  );
 };
 
 // src/Prebuilt/components/Footer/Footer.tsx
@@ -21955,8 +21992,6 @@ var Footer2 = ({
   const isMobile = useMedia11(config.media.md);
   const isOverlayChat = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.is_overlay);
   const openByDefault = ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.initial_state) === Chat_ChatState.CHAT_STATE_OPEN;
-  const { toggleAudio, toggleVideo } = useAVToggle4();
-  const noAVPermissions = !(toggleAudio || toggleVideo);
   const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
   const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
   const { showPolls } = useShowPolls();
@@ -22004,7 +22039,7 @@ var Footer2 = ({
           }
         }
       },
-      isMobile ? /* @__PURE__ */ React77.createElement(React77.Fragment, null, noAVPermissions ? /* @__PURE__ */ React77.createElement(RaiseHand, null) : null, (elements == null ? void 0 : elements.chat) && /* @__PURE__ */ React77.createElement(ChatToggle, null), /* @__PURE__ */ React77.createElement(MoreSettings, { elements, screenType })) : /* @__PURE__ */ React77.createElement(React77.Fragment, null, /* @__PURE__ */ React77.createElement(ScreenshareToggle, null), /* @__PURE__ */ React77.createElement(RaiseHand, null), (elements == null ? void 0 : elements.emoji_reactions) && /* @__PURE__ */ React77.createElement(EmojiReaction, null), /* @__PURE__ */ React77.createElement(LeaveRoom, { screenType }))
+      isMobile ? /* @__PURE__ */ React77.createElement(React77.Fragment, null, /* @__PURE__ */ React77.createElement(RaiseHand, null), (elements == null ? void 0 : elements.chat) && /* @__PURE__ */ React77.createElement(ChatToggle, null), /* @__PURE__ */ React77.createElement(MoreSettings, { elements, screenType })) : /* @__PURE__ */ React77.createElement(React77.Fragment, null, /* @__PURE__ */ React77.createElement(ScreenshareToggle, null), /* @__PURE__ */ React77.createElement(RaiseHand, null), (elements == null ? void 0 : elements.emoji_reactions) && /* @__PURE__ */ React77.createElement(EmojiReaction, null), /* @__PURE__ */ React77.createElement(LeaveRoom, { screenType }))
     ),
     /* @__PURE__ */ React77.createElement(Footer.Right, null, /* @__PURE__ */ React77.createElement(WhiteboardToggle, null), showPolls && /* @__PURE__ */ React77.createElement(PollsToggle, null), !isMobile && (elements == null ? void 0 : elements.chat) && /* @__PURE__ */ React77.createElement(ChatToggle, null), (elements == null ? void 0 : elements.participant_list) && /* @__PURE__ */ React77.createElement(ParticipantCount, null), /* @__PURE__ */ React77.createElement(MoreSettings, { elements, screenType }))
   );
@@ -22081,7 +22116,7 @@ import {
   selectLocalPeer as selectLocalPeer7,
   selectRoomState as selectRoomState5,
   selectVideoTrackByID as selectVideoTrackByID5,
-  useAVToggle as useAVToggle6,
+  useAVToggle as useAVToggle3,
   useHMSStore as useHMSStore70,
   useParticipants as useParticipants2,
   usePreviewJoin,
@@ -22343,10 +22378,10 @@ var PrevMenu = () => {
   const sortedPolls = useMemo5(
     () => {
       var _a8;
-      return (_a8 = polls == null ? void 0 : polls.sort((a2, b2) => {
+      return (_a8 = polls == null ? void 0 : polls.sort((a2, b) => {
         var _a9, _b7;
-        return (((_a9 = b2.createdAt) == null ? void 0 : _a9.getTime()) || 0) - (((_b7 = a2.createdAt) == null ? void 0 : _b7.getTime()) || 0);
-      })) == null ? void 0 : _a8.sort((a2, b2) => (b2.state === "started" ? 1 : 0) - (a2.state === "started" ? 1 : 0));
+        return (((_a9 = b.createdAt) == null ? void 0 : _a9.getTime()) || 0) - (((_b7 = a2.createdAt) == null ? void 0 : _b7.getTime()) || 0);
+      })) == null ? void 0 : _a8.sort((a2, b) => (b.state === "started" ? 1 : 0) - (a2.state === "started" ? 1 : 0));
     },
     [polls]
   );
@@ -23848,7 +23883,7 @@ var usePinnedMessages = () => {
       if (pinnedMessages[indexToRemove]) {
         yield hmsActions.sessionStore.set(
           "pinnedMessages" /* PINNED_MESSAGES */,
-          pinnedMessages.filter((_, index) => index !== indexToRemove)
+          pinnedMessages.filter((_2, index) => index !== indexToRemove)
         ).catch((err) => ToastManager.addToast({ title: err.description }));
       }
     }),
@@ -24478,6 +24513,7 @@ var ChatBody = React108.forwardRef(
       return (messages == null ? void 0 : messages.filter((message) => message.type === "chat" && !blacklistedMessageIDSet.has(message.id))) || [];
     }, [blacklistedMessageIDs, messages]);
     const vanillaStore = useHMSVanillaStore9();
+    const rerenderOnFirstMount = useRef18(false);
     useEffect26(() => {
       const unsubscribe = vanillaStore.subscribe(() => {
         if (!listRef.current) {
@@ -24490,6 +24526,12 @@ var ChatBody = React108.forwardRef(
       }, selectUnreadHMSMessagesCount2);
       return unsubscribe;
     }, [vanillaStore, listRef, scrollToBottom]);
+    useEffect26(() => {
+      if (filteredMessages.length > 0 && (listRef == null ? void 0 : listRef.current) && !rerenderOnFirstMount.current) {
+        rerenderOnFirstMount.current = true;
+        listRef.current.resetAfterIndex(0);
+      }
+    }, [listRef, filteredMessages]);
     return filteredMessages.length === 0 ? /* @__PURE__ */ React108.createElement(EmptyChat, null) : /* @__PURE__ */ React108.createElement(VirtualizedChatMessages, { messages: filteredMessages, ref: listRef, scrollToBottom });
   }
 );
@@ -24522,7 +24564,7 @@ import React111, { useCallback as useCallback28, useEffect as useEffect28, useRe
 import { useMedia as useMedia16 } from "react-use";
 import data2 from "@emoji-mart/data";
 import Picker from "@emoji-mart/react";
-import { selectLocalPeer as selectLocalPeer3, useAVToggle as useAVToggle5, useHMSActions as useHMSActions37, useHMSStore as useHMSStore57 } from "@100mslive/react-sdk";
+import { selectLocalPeer as selectLocalPeer3, useHMSActions as useHMSActions37, useHMSStore as useHMSStore57 } from "@100mslive/react-sdk";
 import { EmojiIcon as EmojiIcon3, PauseCircleIcon as PauseCircleIcon2, SendIcon, VerticalMenuIcon as VerticalMenuIcon7 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/ChatSelectorContainer.tsx
@@ -24932,8 +24974,6 @@ var ChatFooter = ({ onSend, children }) => {
   const defaultSelection = useDefaultChatSelection();
   const selection = selectedPeer.name || selectedRole || defaultSelection;
   const isLocalPeerBlacklisted = useIsPeerBlacklisted({ local: true });
-  const { toggleAudio, toggleVideo } = useAVToggle5();
-  const noAVPermissions = !(toggleAudio || toggleVideo);
   const isMwebHLSStream = useMobileHLSStream();
   const isLandscapeHLSStream = useLandscapeHLSStream();
   useEffect28(() => {
@@ -25099,7 +25139,7 @@ var ChatFooter = ({ onSend, children }) => {
       },
       gap: "2"
     },
-    noAVPermissions ? /* @__PURE__ */ React111.createElement(RaiseHand, { css: { bg: "$surface_default" } }) : null,
+    /* @__PURE__ */ React111.createElement(RaiseHand, { css: { bg: "$surface_default" } }),
     /* @__PURE__ */ React111.createElement(MoreSettings, { elements, screenType })
   ))));
 };
@@ -25206,7 +25246,7 @@ var StickIndicator = ({ total, index }) => {
   if (total < 2) {
     return null;
   }
-  return /* @__PURE__ */ React114.createElement(Flex, { direction: "column", css: { gap: "$1" } }, [...Array(sticksCount)].map((_, i) => /* @__PURE__ */ React114.createElement(
+  return /* @__PURE__ */ React114.createElement(Flex, { direction: "column", css: { gap: "$1" } }, [...Array(sticksCount)].map((_2, i) => /* @__PURE__ */ React114.createElement(
     Box,
     {
       css: {
@@ -25341,7 +25381,7 @@ var Chat = () => {
   const listRef = useRef21(null);
   const hmsActions = useHMSActions39();
   const vanillaStore = useHMSVanillaStore10();
-  const { enabled: isChatEnabled = true } = useHMSStore60(im("chatState" /* CHAT_STATE */)) || {};
+  const { enabled: isChatEnabled = true } = useHMSStore60(dm("chatState" /* CHAT_STATE */)) || {};
   const isMobile = useMedia18(config.media.md);
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeStream = useLandscapeHLSStream();
@@ -25425,7 +25465,7 @@ var NewMessageIndicator = ({
   scrollToBottom,
   listRef
 }) => {
-  const unreadCount = useHMSStore60(Wn);
+  const unreadCount = useHMSStore60(qn);
   if (!unreadCount || !listRef.current) {
     return null;
   }
@@ -26513,10 +26553,10 @@ var VBPicker = ({ backgroundMedia = [] }) => {
   const [blurAmount, setBlurAmount] = useState55(VBHandler.getBlurAmount() || 0.5);
   const roomState = useHMSStore68(selectRoomState4);
   const isLargeRoom = useHMSStore68(selectIsLargeRoom3);
-  const isEffectsEnabled = useHMSStore68(tc);
-  const effectsKey = useHMSStore68(ic);
+  const isEffectsEnabled = useHMSStore68(rc);
+  const effectsKey = useHMSStore68(sc);
   const isPluginAdded = useHMSStore68(selectIsLocalVideoPluginPresent(((_a8 = VBHandler) == null ? void 0 : _a8.getName()) || ""));
-  const background = useHMSStore68(tm(APP_DATA.background));
+  const background = useHMSStore68(cm(APP_DATA.background));
   const mediaList = backgroundMedia.length ? backgroundMedia.map((media) => media.url || "") : defaultMedia2;
   const inPreview = roomState === HMSRoomState4.Preview;
   const showVideoTile = isVideoOn && isLargeRoom && !inPreview;
@@ -26958,7 +26998,7 @@ var PreviewJoin = ({
   const { isStreamingOn } = useRecordingStreaming11();
   const authToken = useAuthToken();
   const [name, setName] = useState56(initialName || previewPreference.name);
-  const { toggleAudio, toggleVideo } = useAVToggle6();
+  const { toggleAudio, toggleVideo } = useAVToggle3();
   const [previewError, setPreviewError] = useState56(false);
   const { endpoints } = useHMSPrebuiltContext();
   const { peerCount } = useParticipants2();
@@ -26972,7 +27012,7 @@ var PreviewJoin = ({
       speakerAutoSelectionBlacklist: ["Yeti Stereo Microphone"]
     },
     captureNetworkQualityInPreview: true,
-    handleError: (_, method) => {
+    handleError: (_2, method) => {
       if (method === "preview") {
         setPreviewError(true);
       }
@@ -27046,7 +27086,7 @@ var Container4 = styled("div", __spreadProps(__spreadValues({
 }));
 var PreviewTile = ({ name, error }) => {
   const localPeer = useHMSStore70(selectLocalPeer7);
-  const { isLocalAudioEnabled, toggleAudio } = useAVToggle6();
+  const { isLocalAudioEnabled, toggleAudio } = useAVToggle3();
   const isVideoOn = useHMSStore70(selectIsLocalVideoEnabled6);
   const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
   const trackSelector = selectVideoTrackByID5(localPeer == null ? void 0 : localPeer.videoTrack);
@@ -27213,24 +27253,18 @@ var RoleChangeRequestModal = () => {
 init_define_process_env();
 import React151, { Suspense, useEffect as useEffect48 } from "react";
 import { match as match11 } from "ts-pattern";
-import {
-  selectIsConnectedToRoom as selectIsConnectedToRoom9,
-  selectLocalPeerRoleName as selectLocalPeerRoleName6,
-  selectPeerScreenSharing as selectPeerScreenSharing3,
-  selectWhiteboard as selectWhiteboard2,
-  useHMSActions as useHMSActions45,
-  useHMSStore as useHMSStore81
-} from "@100mslive/react-sdk";
+import { selectIsConnectedToRoom as selectIsConnectedToRoom9, selectLocalPeerRoleName as selectLocalPeerRoleName6, useHMSActions as useHMSActions45, useHMSStore as useHMSStore81 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/VideoLayouts/GridLayout.tsx
 init_define_process_env();
-import React146, { useEffect as useEffect43, useMemo as useMemo17, useState as useState64 } from "react";
+import React147, { useEffect as useEffect44, useMemo as useMemo18, useState as useState64 } from "react";
 import {
   selectLocalPeerID as selectLocalPeerID14,
   selectLocalPeerRoleName as selectLocalPeerRoleName5,
   selectPeers as selectPeers3,
   selectPeerScreenSharing,
-  useHMSStore as useHMSStore78,
+  selectWhiteboard as selectWhiteboard2,
+  useHMSStore as useHMSStore79,
   useHMSVanillaStore as useHMSVanillaStore12
 } from "@100mslive/react-sdk";
 
@@ -27392,7 +27426,7 @@ var Pagination = ({
   if (numPages <= 1) {
     return null;
   }
-  return /* @__PURE__ */ React136.createElement(StyledPagination.Root, { css: { flexShrink: 0 } }, /* @__PURE__ */ React136.createElement(StyledPagination.Chevron, { disabled: disableLeft, onClick: prevPage }, /* @__PURE__ */ React136.createElement(ChevronLeftIcon7, { width: 16, height: 16, style: { cursor: disableLeft ? "not-allowed" : "pointer" } })), numPages <= 5 ? /* @__PURE__ */ React136.createElement(StyledPagination.Dots, null, [...Array(numPages)].map((_, i) => /* @__PURE__ */ React136.createElement(
+  return /* @__PURE__ */ React136.createElement(StyledPagination.Root, { css: { flexShrink: 0 } }, /* @__PURE__ */ React136.createElement(StyledPagination.Chevron, { disabled: disableLeft, onClick: prevPage }, /* @__PURE__ */ React136.createElement(ChevronLeftIcon7, { width: 16, height: 16, style: { cursor: disableLeft ? "not-allowed" : "pointer" } })), numPages <= 5 ? /* @__PURE__ */ React136.createElement(StyledPagination.Dots, null, [...Array(numPages)].map((_2, i) => /* @__PURE__ */ React136.createElement(
     StyledPagination.Dot,
     {
       key: i,
@@ -27499,7 +27533,7 @@ var useTileLayout = ({
       }
       const maxRows = Math.ceil(noOfTilesInPage / maxCols);
       let index = 0;
-      const matrix = new Array(maxRows).fill(null).map((_, i) => {
+      const matrix = new Array(maxRows).fill(null).map((_2, i) => {
         const numCols = Math.min(maxCols, noOfTilesInPage - i * maxCols);
         const rowElements = [];
         for (let j = 0; j < numCols; j++) {
@@ -27520,10 +27554,10 @@ var useTileLayout = ({
           tileHeight = maxRowHeight;
         } else {
           const calcHeights = aspectRatios.map((aR) => tileWidth / aR);
-          for (const h of calcHeights) {
-            if (h < maxRowHeight) {
-              if (tileHeight < h) {
-                tileHeight = h;
+          for (const h2 of calcHeights) {
+            if (h2 < maxRowHeight) {
+              if (tileHeight < h2) {
+                tileHeight = h2;
               }
             }
           }
@@ -28137,6 +28171,84 @@ var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
   ), layoutMode === LayoutMode.SPOTLIGHT && activeSharePeer && /* @__PURE__ */ React145.createElement(InsetTile, { peerId: activeSharePeer == null ? void 0 : activeSharePeer.id }));
 };
 
+// src/Prebuilt/components/VideoLayouts/WhiteboardLayout.tsx
+init_define_process_env();
+import React146, { useEffect as useEffect43, useMemo as useMemo17 } from "react";
+import { useMedia as useMedia33 } from "react-use";
+import { selectPeerByCondition, selectWhiteboard, useHMSStore as useHMSStore78, useWhiteboard as useWhiteboard2 } from "@100mslive/react-sdk";
+var WhiteboardEmbed = () => {
+  const isMobile = useMedia33(config.media.md);
+  const { iframeRef } = useWhiteboard2(isMobile);
+  return /* @__PURE__ */ React146.createElement(
+    Box,
+    {
+      css: {
+        mx: "$8",
+        flex: "3 1 0",
+        "@lg": {
+          flex: "2 1 0",
+          display: "flex",
+          alignItems: "center"
+        }
+      }
+    },
+    /* @__PURE__ */ React146.createElement(
+      "iframe",
+      {
+        title: "Whiteboard View",
+        ref: iframeRef,
+        style: {
+          width: "100%",
+          height: "100%",
+          border: 0,
+          borderRadius: "0.75rem"
+        },
+        allow: "autoplay; clipboard-write;",
+        referrerPolicy: "no-referrer"
+      }
+    )
+  );
+};
+var WhiteboardLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
+  const whiteboard = useHMSStore78(selectWhiteboard);
+  const whiteboardOwner = useHMSStore78(selectPeerByCondition((peer) => peer.customerUserId === (whiteboard == null ? void 0 : whiteboard.owner)));
+  const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
+  const isMobile = useMedia33(config.media.md);
+  const hasSidebar = !isMobile && layoutMode === LayoutMode.SIDEBAR;
+  const secondaryPeers = useMemo17(() => {
+    if (layoutMode === LayoutMode.SPOTLIGHT) {
+      return [];
+    }
+    if (isMobile || layoutMode === LayoutMode.SIDEBAR) {
+      return whiteboardOwner ? [whiteboardOwner, ...peers.filter((p) => p.id !== (whiteboardOwner == null ? void 0 : whiteboardOwner.id))] : peers;
+    }
+    return peers.filter((p) => p.id !== (whiteboardOwner == null ? void 0 : whiteboardOwner.id));
+  }, [whiteboardOwner, peers, isMobile, layoutMode]);
+  useEffect43(() => {
+    if (isMobile) {
+      setLayoutMode(LayoutMode.GALLERY);
+      return;
+    }
+    if (layoutMode === LayoutMode.SIDEBAR) {
+      return;
+    }
+    setLayoutMode(LayoutMode.SIDEBAR);
+    return () => {
+      setLayoutMode(LayoutMode.GALLERY);
+    };
+  }, [isMobile]);
+  return /* @__PURE__ */ React146.createElement(ProminenceLayout.Root, { edgeToEdge, hasSidebar }, /* @__PURE__ */ React146.createElement(ProminenceLayout.ProminentSection, null, /* @__PURE__ */ React146.createElement(WhiteboardEmbed, null)), /* @__PURE__ */ React146.createElement(
+    SecondaryTiles,
+    {
+      peers: secondaryPeers,
+      onPageChange,
+      onPageSize,
+      edgeToEdge,
+      hasSidebar
+    }
+  ), layoutMode === LayoutMode.SPOTLIGHT && whiteboardOwner && /* @__PURE__ */ React146.createElement(InsetTile, { peerId: whiteboardOwner == null ? void 0 : whiteboardOwner.id }));
+};
+
 // src/Prebuilt/common/PeersSorter.ts
 init_define_process_env();
 import { selectDominantSpeaker as selectDominantSpeaker2 } from "@100mslive/react-sdk";
@@ -28148,7 +28260,7 @@ var PeersSorter = class {
       this.speaker = void 0;
       this.tilesPerPage = tilesPerPage;
       const peerIds = new Set(peers.map((peer) => peer.id));
-      this.peers.forEach((_, key) => {
+      this.peers.forEach((_2, key) => {
         if (!peerIds.has(key)) {
           this.peers.delete(key);
         }
@@ -28244,18 +28356,19 @@ var GridLayout = ({
   edge_to_edge = false,
   hide_metadata_on_tile = false
 }) => {
-  const peerSharing = useHMSStore78(selectPeerScreenSharing);
+  const peerSharing = useHMSStore79(selectPeerScreenSharing);
+  const whiteboard = useHMSStore79(selectWhiteboard2);
   const pinnedTrack = usePinnedTrack();
-  const peers = useHMSStore78(selectPeers3);
-  const localPeerRole = useHMSStore78(selectLocalPeerRoleName5);
-  const localPeerID = useHMSStore78(selectLocalPeerID14);
+  const peers = useHMSStore79(selectPeers3);
+  const localPeerRole = useHMSStore79(selectLocalPeerRoleName5);
+  const localPeerID = useHMSStore79(selectLocalPeerID14);
   const [activeScreensharePeerId] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
   const isRoleProminence = prominentRoles.length && peers.some(
     (peer) => peer.roleName && prominentRoles.includes(peer.roleName) && (peer.videoTrack || peer.audioTrack)
   ) || pinnedTrack;
-  const updatedPeers = useMemo17(() => {
-    if (activeScreensharePeerId) {
-      return peers.filter((peer) => peer.id !== activeScreensharePeerId);
+  const updatedPeers = useMemo18(() => {
+    if (activeScreensharePeerId || (whiteboard == null ? void 0 : whiteboard.open)) {
+      return peers.filter((peer) => peer.id !== activeScreensharePeerId || peer.customerUserId !== (whiteboard == null ? void 0 : whiteboard.owner));
     }
     if (isInsetEnabled) {
       const isLocalPeerPinned = localPeerID === (pinnedTrack == null ? void 0 : pinnedTrack.peerId);
@@ -28266,10 +28379,19 @@ var GridLayout = ({
       }
     }
     return peers;
-  }, [isInsetEnabled, activeScreensharePeerId, localPeerRole, localPeerID, prominentRoles, peers, pinnedTrack]);
+  }, [
+    isInsetEnabled,
+    whiteboard,
+    activeScreensharePeerId,
+    localPeerRole,
+    localPeerID,
+    prominentRoles,
+    peers,
+    pinnedTrack
+  ]);
   const vanillaStore = useHMSVanillaStore12();
   const [sortedPeers, setSortedPeers] = useState64(updatedPeers);
-  const peersSorter = useMemo17(() => new PeersSorter_default(vanillaStore), [vanillaStore]);
+  const peersSorter = useMemo18(() => new PeersSorter_default(vanillaStore), [vanillaStore]);
   const [pageSize, setPageSize] = useState64(0);
   const [mainPage, setMainPage] = useState64(0);
   const tileLayout = {
@@ -28280,7 +28402,7 @@ var GridLayout = ({
     hideMetadataOnTile: hide_metadata_on_tile,
     objectFit: video_object_fit
   };
-  useEffect43(() => {
+  useEffect44(() => {
     if (mainPage !== 0) {
       return;
     }
@@ -28291,7 +28413,7 @@ var GridLayout = ({
     peersSorter.onUpdate(setSortedPeers);
   }, [mainPage, peersSorter, updatedPeers, pageSize]);
   if (peerSharing) {
-    return /* @__PURE__ */ React146.createElement(VideoTileContext.Provider, { value: tileLayout }, /* @__PURE__ */ React146.createElement(
+    return /* @__PURE__ */ React147.createElement(VideoTileContext.Provider, { value: tileLayout }, /* @__PURE__ */ React147.createElement(
       ScreenshareLayout,
       {
         peers: sortedPeers,
@@ -28300,8 +28422,18 @@ var GridLayout = ({
         edgeToEdge: edge_to_edge
       }
     ));
+  } else if (whiteboard == null ? void 0 : whiteboard.open) {
+    return /* @__PURE__ */ React147.createElement(VideoTileContext.Provider, { value: tileLayout }, /* @__PURE__ */ React147.createElement(
+      WhiteboardLayout,
+      {
+        peers: sortedPeers,
+        onPageSize: setPageSize,
+        onPageChange: setMainPage,
+        edgeToEdge: edge_to_edge
+      }
+    ));
   } else if (isRoleProminence) {
-    return /* @__PURE__ */ React146.createElement(VideoTileContext.Provider, { value: tileLayout }, /* @__PURE__ */ React146.createElement(
+    return /* @__PURE__ */ React147.createElement(VideoTileContext.Provider, { value: tileLayout }, /* @__PURE__ */ React147.createElement(
       RoleProminence,
       {
         peers: sortedPeers,
@@ -28313,7 +28445,7 @@ var GridLayout = ({
       }
     ));
   }
-  return /* @__PURE__ */ React146.createElement(VideoTileContext.Provider, { value: tileLayout }, /* @__PURE__ */ React146.createElement(
+  return /* @__PURE__ */ React147.createElement(VideoTileContext.Provider, { value: tileLayout }, /* @__PURE__ */ React147.createElement(
     EqualProminence,
     {
       peers: sortedPeers,
@@ -28327,32 +28459,32 @@ var GridLayout = ({
 
 // src/Prebuilt/layouts/EmbedView.jsx
 init_define_process_env();
-import React147, { useEffect as useEffect44, useMemo as useMemo18 } from "react";
-import { selectAppData as selectAppData8, selectPeers as selectPeers4, selectPeerScreenSharing as selectPeerScreenSharing2, useEmbedShare, useHMSStore as useHMSStore79 } from "@100mslive/react-sdk";
+import React148, { useEffect as useEffect45, useMemo as useMemo19 } from "react";
+import { selectAppData as selectAppData8, selectPeers as selectPeers4, selectPeerScreenSharing as selectPeerScreenSharing2, useEmbedShare, useHMSStore as useHMSStore80 } from "@100mslive/react-sdk";
 var EmbedView = () => {
-  return /* @__PURE__ */ React147.createElement(EmbedScreenShareView, null, /* @__PURE__ */ React147.createElement(EmbedComponent, null));
+  return /* @__PURE__ */ React148.createElement(EmbedScreenShareView, null, /* @__PURE__ */ React148.createElement(EmbedComponent, null));
 };
 var EmbedScreenShareView = ({ children }) => {
-  const peers = useHMSStore79(selectPeers4);
-  const peerPresenting = useHMSStore79(selectPeerScreenSharing2);
+  const peers = useHMSStore80(selectPeers4);
+  const peerPresenting = useHMSStore80(selectPeerScreenSharing2);
   const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
-  const smallTilePeers = useMemo18(() => {
+  const smallTilePeers = useMemo19(() => {
     const smallTilePeers2 = peers.filter((peer) => peer.id !== (peerPresenting == null ? void 0 : peerPresenting.id));
     return smallTilePeers2;
   }, [peers, peerPresenting]);
-  useEffect44(() => {
+  useEffect45(() => {
     setActiveScreenSharePeer(peerPresenting == null ? void 0 : peerPresenting.id);
     return () => {
       setActiveScreenSharePeer("");
     };
   }, [peerPresenting == null ? void 0 : peerPresenting.id, setActiveScreenSharePeer]);
-  return /* @__PURE__ */ React147.createElement(ProminenceLayout.Root, null, /* @__PURE__ */ React147.createElement(ProminenceLayout.ProminentSection, null, children), /* @__PURE__ */ React147.createElement(SecondaryTiles, { peers: smallTilePeers }));
+  return /* @__PURE__ */ React148.createElement(ProminenceLayout.Root, null, /* @__PURE__ */ React148.createElement(ProminenceLayout.ProminentSection, null, children), /* @__PURE__ */ React148.createElement(SecondaryTiles, { peers: smallTilePeers }));
 };
 var EmbedComponent = () => {
-  const embedConfig = useHMSStore79(selectAppData8(APP_DATA.embedConfig));
+  const embedConfig = useHMSStore80(selectAppData8(APP_DATA.embedConfig));
   const resetConfig = useResetEmbedConfig();
   const { iframeRef, startEmbedShare, isEmbedShareInProgress } = useEmbedShare(resetConfig);
-  useEffect44(() => {
+  useEffect45(() => {
     (() => __async(void 0, null, function* () {
       if (embedConfig && !isEmbedShareInProgress) {
         try {
@@ -28367,7 +28499,7 @@ var EmbedComponent = () => {
       }
     }))();
   }, [isEmbedShareInProgress, embedConfig, startEmbedShare, resetConfig]);
-  return /* @__PURE__ */ React147.createElement(
+  return /* @__PURE__ */ React148.createElement(
     Box,
     {
       css: {
@@ -28380,7 +28512,7 @@ var EmbedComponent = () => {
         }
       }
     },
-    /* @__PURE__ */ React147.createElement(
+    /* @__PURE__ */ React148.createElement(
       "iframe",
       {
         title: "Embed View",
@@ -28400,13 +28532,13 @@ var EmbedComponent = () => {
 
 // src/Prebuilt/layouts/PDFView.jsx
 init_define_process_env();
-import React148, { useEffect as useEffect45 } from "react";
+import React149, { useEffect as useEffect46 } from "react";
 import { usePDFShare } from "@100mslive/react-sdk";
 var PDFView = () => {
   const pdfConfig = usePDFConfig();
   const resetConfig = useResetPDFConfig();
   const { iframeRef, startPDFShare, isPDFShareInProgress } = usePDFShare(resetConfig);
-  useEffect45(() => {
+  useEffect46(() => {
     (() => __async(void 0, null, function* () {
       try {
         if (!isPDFShareInProgress && pdfConfig) {
@@ -28421,7 +28553,7 @@ var PDFView = () => {
       }
     }))();
   }, [isPDFShareInProgress, pdfConfig, resetConfig, startPDFShare]);
-  return /* @__PURE__ */ React148.createElement(EmbedScreenShareView, null, /* @__PURE__ */ React148.createElement(
+  return /* @__PURE__ */ React149.createElement(EmbedScreenShareView, null, /* @__PURE__ */ React149.createElement(
     Box,
     {
       css: {
@@ -28434,7 +28566,7 @@ var PDFView = () => {
         }
       }
     },
-    /* @__PURE__ */ React148.createElement(
+    /* @__PURE__ */ React149.createElement(
       "iframe",
       {
         title: "Embed View",
@@ -28454,10 +28586,10 @@ var PDFView = () => {
 
 // src/Prebuilt/layouts/WaitingView.jsx
 init_define_process_env();
-import React149 from "react";
+import React150 from "react";
 import { ColoredTimeIcon } from "@100mslive/react-icons";
-var WaitingView = React149.memo(() => {
-  return /* @__PURE__ */ React149.createElement(
+var WaitingView = React150.memo(() => {
+  return /* @__PURE__ */ React150.createElement(
     Box,
     {
       css: {
@@ -28471,7 +28603,7 @@ var WaitingView = React149.memo(() => {
       },
       "data-testid": "waiting_view"
     },
-    /* @__PURE__ */ React149.createElement(
+    /* @__PURE__ */ React150.createElement(
       Flex,
       {
         align: "center",
@@ -28485,8 +28617,8 @@ var WaitingView = React149.memo(() => {
           gap: "$8"
         }
       },
-      /* @__PURE__ */ React149.createElement(ColoredTimeIcon, { width: "80px", height: "80px" }),
-      /* @__PURE__ */ React149.createElement(
+      /* @__PURE__ */ React150.createElement(ColoredTimeIcon, { width: "80px", height: "80px" }),
+      /* @__PURE__ */ React150.createElement(
         Flex,
         {
           direction: "column",
@@ -28496,101 +28628,52 @@ var WaitingView = React149.memo(() => {
             gap: "$4"
           }
         },
-        /* @__PURE__ */ React149.createElement(Text, { color: "white", variant: "h6", css: { "@md": { fontSize: "$md" } } }, "Please wait"),
-        /* @__PURE__ */ React149.createElement(Text, { color: "$on_surface_medium", css: { mt: "$4", "@md": { fontSize: "$sm" } } }, "Sit back and relax till others let you join.")
+        /* @__PURE__ */ React150.createElement(Text, { color: "white", variant: "h6", css: { "@md": { fontSize: "$md" } } }, "Please wait"),
+        /* @__PURE__ */ React150.createElement(Text, { color: "$on_surface_medium", css: { mt: "$4", "@md": { fontSize: "$sm" } } }, "Sit back and relax till others let you join.")
       )
     )
   );
 });
 
-// src/Prebuilt/layouts/WhiteboardView.tsx
-init_define_process_env();
-import React150, { useEffect as useEffect46, useMemo as useMemo19 } from "react";
-import { useMedia as useMedia33 } from "react-use";
-import { selectPeers as selectPeers5, selectWhiteboard, useHMSStore as useHMSStore80, useWhiteboard as useWhiteboard2 } from "@100mslive/react-sdk";
-var EmbedComponent2 = () => {
-  const isMobile = useMedia33(config.media.md);
-  const { iframeRef } = useWhiteboard2(isMobile);
-  return /* @__PURE__ */ React150.createElement(
-    Box,
-    {
-      css: {
-        mx: "$8",
-        flex: "3 1 0",
-        "@lg": {
-          flex: "2 1 0",
-          display: "flex",
-          alignItems: "center"
-        }
-      }
-    },
-    /* @__PURE__ */ React150.createElement(
-      "iframe",
-      {
-        title: "Whiteboard View",
-        ref: iframeRef,
-        style: {
-          width: "100%",
-          height: "100%",
-          border: 0,
-          borderRadius: "0.75rem"
-        },
-        allow: "autoplay; clipboard-write;",
-        referrerPolicy: "no-referrer"
-      }
-    )
-  );
-};
-var WhiteboardView = () => {
-  const peers = useHMSStore80(selectPeers5);
-  const whiteboard = useHMSStore80(selectWhiteboard);
-  const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
-  const smallTilePeers = useMemo19(() => {
-    const smallTilePeers2 = peers.filter((peer) => peer.id !== (whiteboard == null ? void 0 : whiteboard.owner));
-    return smallTilePeers2;
-  }, [peers, whiteboard == null ? void 0 : whiteboard.owner]);
-  useEffect46(() => {
-    setActiveScreenSharePeer((whiteboard == null ? void 0 : whiteboard.owner) || "");
-    return () => {
-      setActiveScreenSharePeer("");
-    };
-  }, [whiteboard == null ? void 0 : whiteboard.owner, setActiveScreenSharePeer]);
-  return /* @__PURE__ */ React150.createElement(ProminenceLayout.Root, null, /* @__PURE__ */ React150.createElement(ProminenceLayout.ProminentSection, null, /* @__PURE__ */ React150.createElement(EmbedComponent2, null)), /* @__PURE__ */ React150.createElement(SecondaryTiles, { peers: smallTilePeers }));
-};
-
 // src/Prebuilt/components/hooks/useCloseScreenshareWhiteboard.tsx
 init_define_process_env();
 import { useEffect as useEffect47 } from "react";
 import { usePrevious } from "react-use";
-import { useScreenShare as useScreenShare4, useWhiteboard as useWhiteboard3 } from "@100mslive/react-sdk";
+import { useScreenShare as useScreenShare5, useWhiteboard as useWhiteboard3 } from "@100mslive/react-sdk";
 var useCloseScreenshareWhiteboard = () => {
-  const { amIScreenSharing, toggleScreenShare } = useScreenShare4();
+  const { amIScreenSharing, screenSharingPeerId, toggleScreenShare } = useScreenShare5();
   const { isOwner: isWhiteboardOwner, toggle: toggleWhiteboard } = useWhiteboard3();
-  const prevScreenSharer = usePrevious(amIScreenSharing);
+  const prevScreenSharer = usePrevious(screenSharingPeerId);
   const prevWhiteboardOwner = usePrevious(isWhiteboardOwner);
   useEffect47(() => {
-    if (isWhiteboardOwner && amIScreenSharing) {
-      if (prevScreenSharer && !prevWhiteboardOwner) {
+    if (isWhiteboardOwner && screenSharingPeerId) {
+      if (prevScreenSharer && amIScreenSharing && !prevWhiteboardOwner) {
         toggleScreenShare == null ? void 0 : toggleScreenShare();
       } else if (prevWhiteboardOwner && !prevScreenSharer) {
         toggleWhiteboard == null ? void 0 : toggleWhiteboard();
       }
     }
-  }, [isWhiteboardOwner, amIScreenSharing, prevScreenSharer, prevWhiteboardOwner, toggleScreenShare, toggleWhiteboard]);
+  }, [
+    isWhiteboardOwner,
+    screenSharingPeerId,
+    amIScreenSharing,
+    prevScreenSharer,
+    prevWhiteboardOwner,
+    toggleScreenShare,
+    toggleWhiteboard
+  ]);
 };
 
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
-var HLSView = React151.lazy(() => import("./HLSView-VUANLYLS.js"));
+var HLSView = React151.lazy(() => import("./HLSView-W72TK3BE.js"));
 var VideoStreamingSection = ({
   screenType,
   elements,
   hideControls = false
 }) => {
-  var _a8, _b7, _c, _d;
+  var _a8, _b7;
   const localPeerRole = useHMSStore81(selectLocalPeerRoleName6);
   const isConnected = useHMSStore81(selectIsConnectedToRoom9);
-  const peerSharing = useHMSStore81(selectPeerScreenSharing3);
-  const isWhiteboardOpen = (_a8 = useHMSStore81(selectWhiteboard2)) == null ? void 0 : _a8.open;
   const hmsActions = useHMSActions45();
   const waitingViewerRole = useWaitingViewerRole();
   const urlToIframe = useUrlToEmbed();
@@ -28622,12 +28705,8 @@ var VideoStreamingSection = ({
     ViewComponent = /* @__PURE__ */ React151.createElement(PDFView, null);
   } else if (urlToIframe) {
     ViewComponent = /* @__PURE__ */ React151.createElement(EmbedView, null);
-  } else if (peerSharing) {
-    ViewComponent = /* @__PURE__ */ React151.createElement(GridLayout, __spreadValues({}, (_b7 = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _b7.grid));
-  } else if (isWhiteboardOpen) {
-    ViewComponent = /* @__PURE__ */ React151.createElement(WhiteboardView, null);
   } else {
-    ViewComponent = /* @__PURE__ */ React151.createElement(GridLayout, __spreadValues({}, (_c = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _c.grid));
+    ViewComponent = /* @__PURE__ */ React151.createElement(GridLayout, __spreadValues({}, (_a8 = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _a8.grid));
   }
   return /* @__PURE__ */ React151.createElement(Suspense, { fallback: /* @__PURE__ */ React151.createElement(FullPageProgress_default, null) }, /* @__PURE__ */ React151.createElement(
     Flex,
@@ -28656,7 +28735,7 @@ var VideoStreamingSection = ({
         SidePane_default,
         {
           screenType,
-          tileProps: (_d = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _d.grid,
+          tileProps: (_b7 = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _b7.grid,
           hideControls
         }
       )
@@ -28916,8 +28995,6 @@ var ConferenceScreen = () => {
   const isMobileDevice = isAndroid || isIOS || isIPadOS;
   const dropdownListRef = useRef25();
   const [isHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
-  const { toggleAudio, toggleVideo } = useAVToggle7();
-  const noAVPermissions = !(toggleAudio || toggleVideo);
   const showChat = !!((_a8 = screenProps.elements) == null ? void 0 : _a8.chat);
   const autoRoomJoined = useRef25(isPreviewScreenEnabled);
   const isMobileHLSStream = useMobileHLSStream();
@@ -29041,7 +29118,7 @@ var ConferenceScreen = () => {
       justify: "end",
       gap: "2"
     },
-    noAVPermissions ? /* @__PURE__ */ React155.createElement(RaiseHand, null) : null,
+    /* @__PURE__ */ React155.createElement(RaiseHand, null),
     /* @__PURE__ */ React155.createElement(MoreSettings, { elements: screenProps.elements, screenType: screenProps.screenType }),
     /* @__PURE__ */ React155.createElement(
       Box,
@@ -29580,7 +29657,7 @@ import {
   PeopleRemoveIcon as PeopleRemoveIcon4,
   PoorConnectivityIcon as PoorConnectivityIcon2
 } from "@100mslive/react-icons";
-var ChatAction = React163.forwardRef((_, ref) => {
+var ChatAction = React163.forwardRef((_2, ref) => {
   const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
   const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
   if (isChatOpen) {
@@ -30195,7 +30272,7 @@ function Notifications() {
   }, []);
   useCustomEvent4({ type: ROLE_CHANGE_DECLINED, onEvent: handleRoleChangeDenied });
   useEffect65(() => {
-    var _a9, _b8, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n2, _o2, _p;
+    var _a9, _b8, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m2, _n2, _o2, _p;
     if (!notification || isNotificationDisabled) {
       return;
     }
@@ -30236,7 +30313,7 @@ function Notifications() {
         });
         break;
       case HMSNotificationTypes10.ROLE_UPDATED: {
-        if (((_m = notification.data) == null ? void 0 : _m.isLocal) && ((_n2 = notification.data) == null ? void 0 : _n2.roleName)) {
+        if (((_m2 = notification.data) == null ? void 0 : _m2.isLocal) && ((_n2 = notification.data) == null ? void 0 : _n2.roleName)) {
           ToastManager.addToast({
             title: `You are now a ${notification.data.roleName}`
           });
@@ -30853,6 +30930,7 @@ var TextArea = styled("textarea", {
 
 export {
   __spreadValues,
+  __spreadProps,
   __objRest,
   __async,
   init_define_process_env,
@@ -30952,4 +31030,4 @@ lodash/lodash.js:
    * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
    *)
 */
-//# sourceMappingURL=chunk-5WTUTVRO.js.map
+//# sourceMappingURL=chunk-HTFCZ4D6.js.map