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

package/dist/index.cjs.js

@@ -108,7 +108,7 @@ var __async = (__this, __arguments, generator) => {
 var define_process_env_default;
 var init_define_process_env = __esm({
   "<define:process.env>"() {
-    define_process_env_default = { 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.5", 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.9.2-alpha.2", 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.85.1", 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: "7b4796ac89befa19c7c293bcd14afde8df83b54a6c71695a3ab637f8f501900e", npm_package_repository_directory: "packages/roomkit-react", SSH_AUTH_SOCK: "/private/tmp/com.apple.launchd.8tHoKq6Yge/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_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--1705557976625-0.5372400448387256:/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--1705557976174-0.6081129614274636:/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--1705557953375-0.8973695825271015:/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:/Library/Apple/usr/bin:/Applications/Wireshark.app/Contents/MacOS:/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:/Users/ravitheja/.nvm/versions/node/v18.17.0/bin:/Users/ravitheja/.cargo/bin", npm_config_argv: '{"remain":[],"cooked":["run","build"],"original":["build","--no-private"]}', 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--1705557976625-0.5372400448387256/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.9.2-alpha.2", 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.12.2-alpha.2", 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: "--ms-enable-electron-run-as-node", 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.2.2-alpha.2", 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.2.2-alpha.2", 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__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-4dbfa2fdda.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 = { 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.5", 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/examples", 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.9.2-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.85.2", 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: "2cac5cbb6f8b3a94641136a9fb8d9d96ac69e3cf6ddd3f3ae9754eeb6d618fbc", npm_package_repository_directory: "packages/roomkit-react", SSH_AUTH_SOCK: "/private/tmp/com.apple.launchd.5lUeYdLBIu/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_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--1706079013181-0.1639248454412272:/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--1706079012682-0.5987315984824728:/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--1706078992416-0.16177324076315092:/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:/Library/Apple/usr/bin:/Applications/Wireshark.app/Contents/MacOS:/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:/Users/ravitheja/.nvm/versions/node/v18.17.0/bin:/Users/ravitheja/.cargo/bin", npm_config_argv: '{"remain":[],"cooked":["run","build"],"original":["build","--no-private"]}', 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--1706079013181-0.1639248454412272/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.9.2-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.12.2-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: "--ms-enable-electron-run-as-node", 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.2.2-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.2.2-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__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-4dbfa2fdda.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" };
   }
 });
 
@@ -912,8 +912,8 @@ var init_Button = __esm({
             "$secondary_bright",
             "$secondary_dim",
             "$secondary_disabled",
-            "$on_surface_high",
-            "$on_surface_low"
+            "$on_secondary_high",
+            "$on_secondary_low"
           ),
           danger: getButtonVariants(
             "$alert_error_default",
@@ -5138,7 +5138,7 @@ var init_Sheet = __esm({
       borderTopRightRadius: "$3",
       boxShadow: "0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)",
       position: "fixed",
-      zIndex: 1001,
+      zIndex: 22,
       top: 0,
       right: 0,
       left: 0,
@@ -18268,7 +18268,7 @@ function qh(a2) {
       return a2 ? e.sessionStore[a2] : e.sessionStore;
   };
 }
-var import_ua_parser_js, import_uuid3, import_uuid4, import_uuid5, import_uuid6, import_uuid7, import_eventemitter2, import_eventemitter22, import_uuid8, import_eventemitter23, Ht, import_eventemitter24, import_uuid9, import_uuid10, ga, Ta, fa, Ot, Fr, Gr, Br, m, y, Qi, ya, nr, zi, ka, $r, Yi, Wr, U, Ea, yn, kn, G, Bt, jr, w, Xi, Aa, ye, An, ba, ae, Ra, Q, ue, bn, Rn, Z, K, Ha, Qr, Hn, In, er, Ia, Ln, wn, Dn, _n, Nn, On, xn, Un, rt, Ca, Vn, z, Yr, Bn, oe, Fn, Ft, La, Xr, Gn, Zr, $n, Wn, Kn, qn, jn, Jn, Qn, zn, es, ec, wa, tc, is, tr, rs, ss, as, os, ns, cs, ds, ls, us, Da, d, pe, N, ps, Ie, Na, dc, hs, ms, gs, Ue, v, T, xa, h, sr, Ts, ne, fs, Ms, ys, H, M, dr, q, lr, ur, As, bs, pr, Cs, hr, Ls, mr, Sr, _s, Ns, qe, ht, k, Ar, mt, Gs, ao, oo, j, br, no, co, lo, uo, po, J, Kh, Jh, si, $s, Qh, zh, Yh, ho, mo, Zh, Ws, em, So, tm, im, rm, sm, am, om, Ks, qs, cm, dm, js, lm, um, Js, pm, hm, mm, Qs, zs, go, To, fo, Sm, gm, Tm, fm, vm, Ys, Cm, vo, Lm, wm, Dm, yo, ko, Lr, fe, $, xi, Ki, Go, $o, Wo, Ko, ma, qo, Sa, xr, Me, jo, Jo, Qo, zo, Yo, Xo, Zo, en, tn, rn, Ur, sn, an, on, nn, cn, dn;
+var import_ua_parser_js, import_uuid3, import_uuid4, import_uuid5, import_uuid6, import_uuid7, import_eventemitter2, import_eventemitter22, import_uuid8, import_eventemitter23, Ht, import_eventemitter24, import_uuid9, import_uuid10, ga, Ta, fa, Ot, Fr, Gr, Br, m, k, Qi, ya, nr, zi, ka, $r, Yi, Wr, U, Ea, yn, kn, G, Bt, jr, w, Xi, Aa, ye, An, ba, ae, Ra, Q, ue, bn, Rn, Z, K, Ha, Qr, Hn, In, er, Ia, Ln, wn, Dn, _n, Nn, On, xn, Un, rt, Ca, Vn, z, Yr, Bn, oe, Fn, Ft, La, Xr, Gn, Zr, $n, Wn, Kn, qn, jn, Jn, Qn, zn, es, ec, wa, tc, is, tr, rs, ss, as, os, ns, cs, ds, ls, us, Da, d, pe, N, ps, Ie, Na, dc, hs, ms, gs, Ue, v, T, xa, h, sr, Ts, ne, fs, Ms, ys, H, M, dr, q, lr, ur, As, bs, pr, Cs, hr, Ls, mr, Sr, _s, Ns, qe, ht, y, Ar, mt, Gs, ao, oo, j, br, no, co, lo, uo, po, J, Kh, Jh, si, $s, Qh, zh, Yh, ho, mo, Zh, Ws, em, So, tm, im, rm, sm, am, om, Ks, qs, cm, dm, js, lm, um, Js, pm, hm, mm, Qs, zs, go, To, fo, Sm, gm, Tm, fm, vm, Ys, Cm, vo, Lm, wm, Dm, yo, ko, Lr, fe, $, xi, Ki, Go, $o, Wo, Ko, ma, qo, Sa, xr, Me, jo, Jo, Qo, zo, Yo, Xo, Zo, en, tn, rn, Ur, sn, an, on, nn, cn, dn;
 var init_dist = __esm({
   "../hms-video-store/dist/index.js"() {
     "use strict";
@@ -18309,7 +18309,7 @@ var init_dist = __esm({
           Gr.call(e, t) && Br(a2, t, e[t]);
       return a2;
     };
-    y = (a2, e) => Ta(a2, fa(e));
+    k = (a2, e) => Ta(a2, fa(e));
     Qi = (a2, e) => {
       var t = {};
       for (var i in a2)
@@ -18321,7 +18321,7 @@ var init_dist = __esm({
     };
     ya = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
     nr = ya((jc, Va) => {
-      Va.exports = { version: "0.11.2-alpha.2", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "src"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, sideEffects: false, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", 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/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"] };
+      Va.exports = { version: "0.11.2-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", 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/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
     });
     zi = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(zi || {});
     ka = ((e) => (e.CHAT = "chat", e))(ka || {});
@@ -18751,12 +18751,12 @@ var init_dist = __esm({
         this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = (0, import_uuid3.v4)(), this.device_id = fs();
       }
       toSignalParams() {
-        return { name: this.name, info: y(m({}, this.properties), { timestamp: this.timestamp, domain: Ue }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
+        return { name: this.name, info: k(m({}, this.properties), { timestamp: this.timestamp, domain: Ue }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
       }
     };
     M = 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(y(m({}, t), { [this.KEY_REQUESTED_AT]: i == null ? void 0 : i.getTime(), [this.KEY_RESPONDED_AT]: r == null ? void 0 : r.getTime(), endpoint: s }), e);
+        let o = this.eventNameFor("connect", e === void 0), n = e ? 2 : 1, l = this.getPropertiesWithError(k(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 H({ name: o, level: n, properties: l });
       }
       static disconnect(e, t) {
@@ -18770,7 +18770,7 @@ var init_dist = __esm({
       }
       static join(i) {
         var r = i, { error: e } = r, t = Qi(r, ["error"]);
-        let s = this.eventNameFor("join", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(y(m({}, t), { is_preview_called: !!t.is_preview_called }), e);
+        let s = this.eventNameFor("join", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(k(m({}, t), { is_preview_called: !!t.is_preview_called }), e);
         return new H({ name: s, level: o, properties: n });
       }
       static publish({ devices: e, settings: t, error: i }) {
@@ -18813,7 +18813,7 @@ var init_dist = __esm({
         let i = "video.degradation.stats", r = 1, s = { degradedAt: e.degradedAt, trackId: e.trackId };
         if (!t && e.degradedAt instanceof Date) {
           let o = /* @__PURE__ */ new Date(), n = o.valueOf() - e.degradedAt.valueOf();
-          s = y(m({}, s), { duration: n, restoredAt: o });
+          s = k(m({}, s), { duration: n, restoredAt: o });
         }
         return new H({ name: i, level: r, properties: s });
       }
@@ -18945,7 +18945,7 @@ var init_dist = __esm({
     };
     qe.makePeerId = () => (0, import_uuid7.v4)();
     ht = "HMS-Store:";
-    k = class {
+    y = class {
       static v(e, ...t) {
         this.log(0, e, ...t);
       }
@@ -19010,7 +19010,7 @@ var init_dist = __esm({
           }
       }
     };
-    k.level = 0;
+    y.level = 0;
     Ar = (a2, e) => e;
     mt = (a2, e) => e;
     Gs = (a2, e) => e;
@@ -19133,7 +19133,7 @@ var init_dist = __esm({
       let t = br(a2, e);
       if (t) {
         if (t.type !== "audio") {
-          k.w("Please pass audio track here");
+          y.w("Please pass audio track here");
           return;
         }
         return t.volume;
@@ -19151,7 +19151,7 @@ var init_dist = __esm({
       let t = br(a2, e);
       if (t) {
         if (t.type !== "video") {
-          k.w("Please pass video track here");
+          y.w("Please pass video track here");
           return;
         }
         return t.layer;
@@ -22072,7 +22072,7 @@ var init_StatusIndicator = __esm({
             variant: "caption",
             css: {
               fontWeight: "$semiBold",
-              color: "$on_surface_high"
+              color: "$on_primary_high"
             }
           },
           isLive ? "LIVE" : "ENDED"
@@ -22138,7 +22138,6 @@ var init_PollsQuizMenu = __esm({
       const actions = (0, import_react_sdk47.useHMSActions)();
       const [title, setTitle] = (0, import_react98.useState)("");
       const localPeerRoleName = (0, import_react_sdk47.useHMSStore)(import_react_sdk47.selectLocalPeerRoleName);
-      const [anonymous, setAnonymous] = (0, import_react98.useState)(false);
       const [hideVoteCount, setHideVoteCount] = (0, import_react98.useState)(false);
       const [error, setError] = (0, import_react98.useState)();
       const [titleError, setTitleError] = (0, import_react98.useState)("");
@@ -22196,7 +22195,7 @@ var init_PollsQuizMenu = __esm({
             border: "1px solid $border_default"
           }
         }
-      ), /* @__PURE__ */ import_react98.default.createElement(Flex, { align: "center", css: { mt: "$10" } }, /* @__PURE__ */ import_react98.default.createElement(Switch, { onCheckedChange: (value) => setHideVoteCount(value), css: { mr: "$6" } }), /* @__PURE__ */ import_react98.default.createElement(Text, { variant: "body2", css: { c: "$on_surface_medium" } }, "Hide Vote Count")), /* @__PURE__ */ import_react98.default.createElement(Flex, { align: "center", css: { mt: "$10" } }, /* @__PURE__ */ import_react98.default.createElement(Switch, { onCheckedChange: (value) => setAnonymous(value), css: { mr: "$6" } }), /* @__PURE__ */ import_react98.default.createElement(Text, { variant: "body2", css: { c: "$on_surface_medium" } }, "Make Results Anonymous")), /* @__PURE__ */ import_react98.default.createElement(
+      ), /* @__PURE__ */ import_react98.default.createElement(Flex, { align: "center", css: { mt: "$10" } }, /* @__PURE__ */ import_react98.default.createElement(Switch, { onCheckedChange: (value) => setHideVoteCount(value), css: { mr: "$6" } }), /* @__PURE__ */ import_react98.default.createElement(Text, { variant: "body2", css: { c: "$on_surface_medium" } }, "Hide Vote Count")), /* @__PURE__ */ import_react98.default.createElement(
         Button,
         {
           variant: "primary",
@@ -22207,7 +22206,7 @@ var init_PollsQuizMenu = __esm({
             yield actions.interactivityCenter.createPoll({
               id,
               title,
-              anonymous,
+              anonymous: false,
               rolesThatCanViewResponses: hideVoteCount && localPeerRoleName ? [localPeerRoleName] : void 0,
               type: interactionType.toLowerCase()
               // duration: showTimerDropDown ? timer : undefined,
@@ -22413,7 +22412,6 @@ var init_MultipleChoiceOptions = __esm({
       questionIndex,
       options,
       canRespond,
-      response,
       totalResponses,
       selectedOptions,
       setSelectedOptions,
@@ -22439,7 +22437,7 @@ var init_MultipleChoiceOptions = __esm({
           {
             id: `${questionIndex}-${option.index}`,
             disabled: !canRespond,
-            checked: (_a8 = response == null ? void 0 : response.options) == null ? void 0 : _a8.includes(option.index),
+            checked: (_a8 = localPeerResponse == null ? void 0 : localPeerResponse.options) == null ? void 0 : _a8.includes(option.index),
             onCheckedChange: (checked) => handleCheckedChange(checked, option.index),
             css: {
               cursor: canRespond ? "pointer" : "not-allowed"
@@ -22491,7 +22489,6 @@ var init_SingleChoiceOptions = __esm({
     SingleChoiceOptions = ({
       questionIndex,
       options,
-      response,
       canRespond,
       setAnswer,
       totalResponses,
@@ -22499,9 +22496,10 @@ var init_SingleChoiceOptions = __esm({
       correctOptionIndex,
       isStopped,
       isQuiz,
-      localPeerResponse
+      localPeerResponse,
+      answer
     }) => {
-      return /* @__PURE__ */ import_react105.default.createElement(RadioGroup.Root, { value: response == null ? void 0 : response.option, onValueChange: (value) => setAnswer(value) }, /* @__PURE__ */ import_react105.default.createElement(Flex, { direction: "column", css: { gap: "$md", w: "100%", mb: "$md" } }, options.map((option) => {
+      return /* @__PURE__ */ import_react105.default.createElement(RadioGroup.Root, { value: answer || null, onValueChange: (value) => setAnswer(value) }, /* @__PURE__ */ import_react105.default.createElement(Flex, { direction: "column", css: { gap: "$md", w: "100%", mb: "$md" } }, options.map((option) => {
         return /* @__PURE__ */ import_react105.default.createElement(Flex, { align: "start", key: `${questionIndex}-${option.index}`, css: { w: "100%", gap: "$5" } }, !isStopped || !isQuiz ? /* @__PURE__ */ import_react105.default.createElement(
           RadioGroup.Item,
           {
@@ -22535,7 +22533,7 @@ var init_SingleChoiceOptions = __esm({
               }
             }
           )
-        ) : null, isStopped && correctOptionIndex === option.index && isQuiz ? /* @__PURE__ */ import_react105.default.createElement(Flex, { css: { color: "$on_surface_high" } }, /* @__PURE__ */ import_react105.default.createElement(import_react_icons51.CheckCircleIcon, null)) : null, /* @__PURE__ */ import_react105.default.createElement(Flex, { direction: "column", css: { flexGrow: "1" } }, /* @__PURE__ */ import_react105.default.createElement(Flex, { css: { w: "100%" } }, /* @__PURE__ */ import_react105.default.createElement(Text, { css: { display: "flex", flexGrow: "1" } }, /* @__PURE__ */ import_react105.default.createElement(Label3, { htmlFor: `${questionIndex}-${option.index}` }, option.text)), showVoteCount && /* @__PURE__ */ import_react105.default.createElement(VoteCount, { voteCount: option.voteCount })), showVoteCount && /* @__PURE__ */ import_react105.default.createElement(VoteProgress, { option, totalResponses })), isStopped && isQuiz && (localPeerResponse == null ? void 0 : localPeerResponse.option) === option.index ? /* @__PURE__ */ import_react105.default.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", maxWidth: "max-content" } }, "Your Answer") : null);
+        ) : null, isStopped && correctOptionIndex === option.index && isQuiz ? /* @__PURE__ */ import_react105.default.createElement(Flex, { css: { color: "$on_surface_high" } }, /* @__PURE__ */ import_react105.default.createElement(import_react_icons51.CheckCircleIcon, null)) : null, /* @__PURE__ */ import_react105.default.createElement(Flex, { direction: "column", css: { flexGrow: "1" } }, /* @__PURE__ */ import_react105.default.createElement(Flex, { css: { w: "100%" } }, /* @__PURE__ */ import_react105.default.createElement(Text, { css: { display: "flex", flexGrow: "1", color: "$on_surface_high" } }, /* @__PURE__ */ import_react105.default.createElement(Label3, { style: { color: "inherit" }, htmlFor: `${questionIndex}-${option.index}` }, option.text)), showVoteCount && /* @__PURE__ */ import_react105.default.createElement(VoteCount, { voteCount: option.voteCount })), showVoteCount && /* @__PURE__ */ import_react105.default.createElement(VoteProgress, { option, totalResponses })), isStopped && isQuiz && (localPeerResponse == null ? void 0 : localPeerResponse.option) === option.index ? /* @__PURE__ */ import_react105.default.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", maxWidth: "max-content" } }, "Your Answer") : null);
       })));
     };
     SingleChoiceOptionInputs = ({ isQuiz, options, selectAnswer, handleOptionTextChange, removeOption }) => {
@@ -22999,7 +22997,8 @@ var init_LeaderboardEntry = __esm({
       questionCount,
       correctResponses,
       userName,
-      maxPossibleScore
+      maxPossibleScore,
+      duration
     }) => {
       return /* @__PURE__ */ import_react109.default.createElement(Flex, { align: "center", justify: "between", css: { my: "$4" } }, /* @__PURE__ */ import_react109.default.createElement(Flex, { align: "center", css: { gap: "$6" } }, /* @__PURE__ */ import_react109.default.createElement(
         Flex,
@@ -23017,7 +23016,7 @@ var init_LeaderboardEntry = __esm({
           }
         },
         position
-      ), /* @__PURE__ */ import_react109.default.createElement(Box, null, /* @__PURE__ */ import_react109.default.createElement(Text, { variant: "sm", css: { fontWeight: "$semiBold", color: "$on_surface_high" } }, userName), /* @__PURE__ */ import_react109.default.createElement(Text, { variant: "sm", css: { mt: "$1" } }, score, " / ", maxPossibleScore, " points"))), /* @__PURE__ */ import_react109.default.createElement(Flex, { align: "center", css: { gap: "$4", color: "$on_surface_medium" } }, position === 1 ? /* @__PURE__ */ import_react109.default.createElement(import_react_icons55.TrophyFilledIcon, { height: 16, width: 16 }) : null, /* @__PURE__ */ import_react109.default.createElement(import_react_icons55.CheckCircleIcon, { height: 16, width: 16 }), questionCount ? /* @__PURE__ */ import_react109.default.createElement(Text, { variant: "xs" }, correctResponses, " / ", questionCount) : null));
+      ), /* @__PURE__ */ import_react109.default.createElement(Box, null, /* @__PURE__ */ import_react109.default.createElement(Text, { variant: "sm", css: { fontWeight: "$semiBold", color: "$on_surface_high" } }, userName), /* @__PURE__ */ import_react109.default.createElement(Text, { variant: "sm", css: { mt: "$1" } }, score, " / ", maxPossibleScore, " points"))), /* @__PURE__ */ import_react109.default.createElement(Flex, { align: "center", css: { gap: "$4", color: "$on_surface_medium" } }, position === 1 ? /* @__PURE__ */ import_react109.default.createElement(import_react_icons55.TrophyFilledIcon, { height: 16, width: 16 }) : null, questionCount ? /* @__PURE__ */ import_react109.default.createElement(import_react109.default.Fragment, null, /* @__PURE__ */ import_react109.default.createElement(import_react_icons55.CheckCircleIcon, { height: 16, width: 16 }), /* @__PURE__ */ import_react109.default.createElement(Text, { variant: "xs" }, correctResponses, "/", questionCount)) : null, duration ? /* @__PURE__ */ import_react109.default.createElement(Flex, { align: "center", css: { gap: "$2", color: "$on_surface_medium" } }, /* @__PURE__ */ import_react109.default.createElement(import_react_icons55.ClockIcon, { height: 16, width: 16 }), /* @__PURE__ */ import_react109.default.createElement(Text, { variant: "xs" }, (duration / 1e3).toFixed(3), "s")) : null));
     };
   }
 });
@@ -23126,15 +23125,17 @@ var init_PeerParticipationSummary = __esm({
           title: "Correct Answers",
           value: `${summary.totalUsers ? (100 * summary.correctUsers / summary.totalUsers).toFixed(0) : 0}% (${summary.correctUsers}/${summary.totalUsers})`
         },
-        { title: "Avg. Time Taken", value: summary.avgTime },
+        // Time in ms
+        { title: "Avg. Time Taken", value: `${(summary.avgTime / 1e3).toFixed(3)}s` },
         {
           title: "Avg. Score",
           value: Number.isInteger(summary.avgScore) ? summary.avgScore : summary.avgScore.toFixed(2)
         }
       ] : [
-        { title: "Your rank", value: (peerEntry == null ? void 0 : peerEntry.position) ? `${peerEntry.position}/${summary.totalUsers}` : "-" },
+        { title: "Your rank", value: (peerEntry == null ? void 0 : peerEntry.position) || "-" },
         { title: "Points", value: peerEntry == null ? void 0 : peerEntry.score },
-        { title: "Time Taken", value: peerEntry == null ? void 0 : peerEntry.duration },
+        // Time in ms
+        { title: "Time Taken", value: `${(((peerEntry == null ? void 0 : peerEntry.duration) || 0) / 1e3).toFixed(3)}s` },
         {
           title: "Correct Answers",
           value: (peerEntry == null ? void 0 : peerEntry.totalResponses) ? `${peerEntry == null ? void 0 : peerEntry.correctResponses}/${peerEntry.totalResponses}` : "-"
@@ -23211,7 +23212,8 @@ var init_LeaderboardSummary = __esm({
             questionCount,
             correctResponses: question.correctResponses,
             userName: question.peer.username || "",
-            maxPossibleScore
+            maxPossibleScore,
+            duration: question.duration
           }
         )),
         ((_b7 = quizLeaderboard == null ? void 0 : quizLeaderboard.entries) == null ? void 0 : _b7.length) > 5 && !viewAllEntries ? /* @__PURE__ */ import_react113.default.createElement(
@@ -23263,9 +23265,7 @@ var init_QuestionCard = __esm({
       options = [],
       answer,
       setCurrentIndex,
-      skippable = false,
       responses = [],
-      isTimed = false,
       rolesThatCanViewResponses
     }) => {
       const actions = (0, import_react_sdk52.useHMSActions)();
@@ -23281,16 +23281,10 @@ var init_QuestionCard = __esm({
       const roleCanViewResponse = !rolesThatCanViewResponses || rolesThatCanViewResponses.length === 0 || rolesThatCanViewResponses.includes(localPeerRoleName || "");
       const showVoteCount = roleCanViewResponse && (localPeerResponse || isLocalPeerCreator && pollState === "stopped") && !isQuiz;
       const isLive = pollState === "started";
+      const pollEnded = pollState === "stopped";
       const canRespond = isLive && !localPeerResponse;
+      const startTime = (0, import_react114.useRef)(Date.now());
       const isCorrectAnswer = checkCorrectAnswer(answer, localPeerResponse, type);
-      const prev = index !== 1;
-      const next = index !== totalQuestions && (skippable || localPeerResponse);
-      const moveNext = (0, import_react114.useCallback)(() => {
-        setCurrentIndex((curr) => Math.min(totalQuestions, curr + 1));
-      }, [setCurrentIndex, totalQuestions]);
-      const movePrev = () => {
-        setCurrentIndex((curr) => Math.max(1, curr - 1));
-      };
       const [singleOptionAnswer, setSingleOptionAnswer] = (0, import_react114.useState)();
       const [multipleOptionAnswer, setMultipleOptionAnswer] = (0, import_react114.useState)(/* @__PURE__ */ new Set());
       const [showOptions, setShowOptions] = (0, import_react114.useState)(true);
@@ -23310,19 +23304,25 @@ var init_QuestionCard = __esm({
           {
             questionIndex: index,
             option: singleOptionAnswer,
-            options: Array.from(multipleOptionAnswer)
-          }
-        ]);
-      }), [actions, index, pollID, isValidVote, singleOptionAnswer, multipleOptionAnswer]);
-      const handleSkip = (0, import_react114.useCallback)(() => __async(void 0, null, function* () {
-        yield actions.interactivityCenter.addResponsesToPoll(pollID, [
-          {
-            questionIndex: index,
-            skipped: true
+            options: Array.from(multipleOptionAnswer),
+            duration: Date.now() - startTime.current
           }
         ]);
-        moveNext();
-      }), [actions, index, pollID, moveNext]);
+        startTime.current = Date.now();
+        if (isQuiz && index !== totalQuestions) {
+          setSingleOptionAnswer(void 0);
+          setMultipleOptionAnswer(/* @__PURE__ */ new Set());
+        }
+      }), [
+        isValidVote,
+        actions.interactivityCenter,
+        pollID,
+        index,
+        singleOptionAnswer,
+        multipleOptionAnswer,
+        totalQuestions,
+        isQuiz
+      ]);
       return /* @__PURE__ */ import_react114.default.createElement(
         Box,
         {
@@ -23346,42 +23346,20 @@ var init_QuestionCard = __esm({
               gap: "$4"
             }
           },
-          respondedToQuiz && isCorrectAnswer ? /* @__PURE__ */ import_react114.default.createElement(import_react_icons57.CheckCircleIcon, { height: 20, width: 20 }) : null,
-          respondedToQuiz && !isCorrectAnswer ? /* @__PURE__ */ import_react114.default.createElement(import_react_icons57.CrossCircleIcon, { height: 20, width: 20 }) : null,
+          respondedToQuiz && isCorrectAnswer && pollEnded ? /* @__PURE__ */ import_react114.default.createElement(import_react_icons57.CheckCircleIcon, { height: 20, width: 20 }) : null,
+          respondedToQuiz && !isCorrectAnswer && pollEnded ? /* @__PURE__ */ import_react114.default.createElement(import_react_icons57.CrossCircleIcon, { height: 20, width: 20 }) : null,
           "QUESTION ",
           index,
           " OF ",
           totalQuestions,
           ": ",
           type.toUpperCase()
-        ), isTimed ? /* @__PURE__ */ import_react114.default.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ import_react114.default.createElement(
-          IconButton,
-          {
-            disabled: !prev,
-            onClick: movePrev,
-            css: prev ? { color: "$on_surface_high", cursor: "pointer" } : {
-              color: "$on_surface_low",
-              cursor: "not-allowed"
-            }
-          },
-          /* @__PURE__ */ import_react114.default.createElement(import_react_icons57.ChevronLeftIcon, { height: 16, width: 16 })
-        ), /* @__PURE__ */ import_react114.default.createElement(
-          IconButton,
-          {
-            disabled: !next,
-            onClick: moveNext,
-            css: next ? { color: "$on_surface_high", cursor: "pointer" } : {
-              color: "$on_surface_low",
-              cursor: "not-allowed"
-            }
-          },
-          /* @__PURE__ */ import_react114.default.createElement(import_react_icons57.ChevronRightIcon, { height: 16, width: 16 })
-        )) : null),
+        )),
         /* @__PURE__ */ import_react114.default.createElement(Flex, { justify: "between", css: { my: "$md" } }, /* @__PURE__ */ import_react114.default.createElement(Text, { css: { color: "$on_surface_high" } }, text), /* @__PURE__ */ import_react114.default.createElement(
           Box,
           {
             css: { color: "$on_surface_medium", "&:hover": { color: "$on_surface_high", cursor: "pointer" } },
-            onClick: () => setShowOptions((prev2) => !prev2)
+            onClick: () => setShowOptions((prev) => !prev)
           },
           /* @__PURE__ */ import_react114.default.createElement(
             import_react_icons57.ChevronDownIcon,
@@ -23393,17 +23371,18 @@ var init_QuestionCard = __esm({
         /* @__PURE__ */ import_react114.default.createElement(Box, { css: { maxHeight: showOptions ? "$80" : "0", transition: "max-height 0.3s ease", overflowY: "hidden" } }, type === "single-choice" /* SINGLE_CHOICE */ ? /* @__PURE__ */ import_react114.default.createElement(
           SingleChoiceOptions,
           {
+            key: index,
             questionIndex: index,
             isQuiz,
             canRespond,
-            response: localPeerResponse,
             correctOptionIndex: answer == null ? void 0 : answer.option,
             options,
             setAnswer: setSingleOptionAnswer,
             totalResponses: result == null ? void 0 : result.totalResponses,
             showVoteCount,
             localPeerResponse,
-            isStopped: pollState === "stopped"
+            isStopped: pollState === "stopped",
+            answer: singleOptionAnswer
           }
         ) : null, type === "multiple-choice" /* MULTIPLE_CHOICE */ ? /* @__PURE__ */ import_react114.default.createElement(
           MultipleChoiceOptions,
@@ -23411,7 +23390,6 @@ var init_QuestionCard = __esm({
             questionIndex: index,
             isQuiz,
             canRespond,
-            response: localPeerResponse,
             correctOptionIndexes: answer == null ? void 0 : answer.options,
             options,
             selectedOptions: multipleOptionAnswer,
@@ -23425,17 +23403,29 @@ var init_QuestionCard = __esm({
           QuestionActions,
           {
             isValidVote,
-            skippable,
-            onSkip: handleSkip,
             onVote: handleVote,
             response: localPeerResponse,
-            isQuiz
+            isQuiz,
+            incrementIndex: () => {
+              setCurrentIndex((curr) => Math.min(totalQuestions, curr + 1));
+            }
           }
         ))
       );
     };
-    QuestionActions = ({ isValidVote, skippable, response, isQuiz, onVote, onSkip }) => {
-      return /* @__PURE__ */ import_react114.default.createElement(Flex, { align: "center", justify: "end", css: { gap: "$4", w: "100%" } }, skippable && !response ? /* @__PURE__ */ import_react114.default.createElement(Button, { variant: "standard", onClick: onSkip, css: { p: "$xs $10", fontWeight: "$semiBold" } }, "Skip") : null, response ? /* @__PURE__ */ import_react114.default.createElement(Text, { css: { fontWeight: "$semiBold", color: "$on_surface_medium" } }, response.skipped ? "Skipped" : null, isQuiz && !response.skipped ? "Answered" : null, !isQuiz && !response.skipped ? "Voted" : null) : /* @__PURE__ */ import_react114.default.createElement(Button, { css: { p: "$xs $10", fontWeight: "$semiBold" }, disabled: !isValidVote, onClick: onVote }, isQuiz ? "Answer" : "Vote"));
+    QuestionActions = ({ isValidVote, response, isQuiz, onVote, incrementIndex }) => {
+      return /* @__PURE__ */ import_react114.default.createElement(Flex, { align: "center", justify: "end", css: { gap: "$4", w: "100%" } }, response ? /* @__PURE__ */ import_react114.default.createElement(Text, { css: { fontWeight: "$semiBold", color: "$on_surface_medium" } }, response.skipped ? "Skipped" : null, isQuiz && !response.skipped ? "Answered" : null, !isQuiz && !response.skipped ? "Voted" : null) : /* @__PURE__ */ import_react114.default.createElement(
+        Button,
+        {
+          css: { p: "$xs $10", fontWeight: "$semiBold" },
+          disabled: !isValidVote,
+          onClick: () => {
+            onVote();
+            incrementIndex();
+          }
+        },
+        isQuiz ? "Answer" : "Vote"
+      ));
     };
   }
 });
@@ -23472,7 +23462,6 @@ var init_StandardVoting = __esm({
             result: question.result,
             totalQuestions: ((_a9 = poll.questions) == null ? void 0 : _a9.length) || 0,
             options: question.options,
-            skippable: question.skippable,
             responses: question.responses,
             answer: question.answer,
             setCurrentIndex: () => {
@@ -23514,12 +23503,10 @@ var init_TimedVoting = __esm({
           result: activeQuestion == null ? void 0 : activeQuestion.result,
           totalQuestions: ((_b7 = poll.questions) == null ? void 0 : _b7.length) || 0,
           options: activeQuestion.options,
-          skippable: activeQuestion.skippable || false,
           responses: activeQuestion.responses,
           answer: activeQuestion.answer,
           setCurrentIndex,
-          rolesThatCanViewResponses: poll.rolesThatCanViewResponses,
-          isTimed: true
+          rolesThatCanViewResponses: poll.rolesThatCanViewResponses
         }
       );
     };
@@ -23546,13 +23533,14 @@ var init_Voting = __esm({
       const actions = (0, import_react_sdk53.useHMSActions)();
       const poll = (0, import_react_sdk53.useHMSStore)((0, import_react_sdk53.selectPollByID)(id));
       const pollCreatorName = (0, import_react_sdk53.useHMSStore)((0, import_react_sdk53.selectPeerNameByID)(poll == null ? void 0 : poll.createdBy));
-      const isLocalPeerCreator = (0, import_react_sdk53.useHMSStore)(import_react_sdk53.selectLocalPeerID) === (poll == null ? void 0 : poll.createdBy);
+      const permissions = (0, import_react_sdk53.useHMSStore)(import_react_sdk53.selectPermissions);
+      const canEndActivity = !!(permissions == null ? void 0 : permissions.pollWrite);
       const { setPollView } = usePollViewState();
+      const showSingleView = (poll == null ? void 0 : poll.type) === "quiz" && poll.state === "started";
       if (!poll) {
         return null;
       }
       const canViewLeaderboard = poll.type === "quiz" && poll.state === "stopped" && !poll.anonymous;
-      const isTimed = (poll.duration || 0) > 0;
       const isLive = poll.state === "started";
       return /* @__PURE__ */ import_react117.default.createElement(Container3, { rounded: true }, /* @__PURE__ */ import_react117.default.createElement(
         Flex,
@@ -23589,7 +23577,7 @@ var init_Voting = __esm({
           },
           /* @__PURE__ */ import_react117.default.createElement(import_react_icons58.CrossIcon, { onClick: toggleVoting })
         )
-      ), /* @__PURE__ */ import_react117.default.createElement(Flex, { direction: "column", css: { p: "$8 $10", overflowY: "auto" } }, poll.state === "started" ? /* @__PURE__ */ import_react117.default.createElement(Text, { css: { color: "$on_surface_medium", fontWeight: "$semiBold" } }, pollCreatorName || "Participant", " started a ", poll.type) : null, isTimed ? /* @__PURE__ */ import_react117.default.createElement(TimedView, { poll }) : /* @__PURE__ */ import_react117.default.createElement(StandardView, { poll }), poll.state === "started" && isLocalPeerCreator && /* @__PURE__ */ import_react117.default.createElement(
+      ), /* @__PURE__ */ import_react117.default.createElement(Flex, { direction: "column", css: { p: "$8 $10", overflowY: "auto" } }, poll.state === "started" ? /* @__PURE__ */ import_react117.default.createElement(Text, { css: { color: "$on_surface_medium", fontWeight: "$semiBold" } }, pollCreatorName || "Participant", " started a ", poll.type) : null, showSingleView ? /* @__PURE__ */ import_react117.default.createElement(TimedView, { poll }) : /* @__PURE__ */ import_react117.default.createElement(StandardView, { poll }), poll.state === "started" && canEndActivity && /* @__PURE__ */ import_react117.default.createElement(
         Button,
         {
           variant: "danger",
@@ -26050,7 +26038,15 @@ var init_TileMenuContent = __esm({
         },
         isAudioEnabled ? /* @__PURE__ */ import_react141.default.createElement(import_react_icons71.MicOnIcon, { height: 20, width: 20 }) : /* @__PURE__ */ import_react141.default.createElement(import_react_icons71.MicOffIcon, { height: 20, width: 20 }),
         /* @__PURE__ */ import_react141.default.createElement("span", null, isAudioEnabled ? "Mute" : "Request Unmute")
-      ) : null, audioTrackID ? /* @__PURE__ */ import_react141.default.createElement(StyledMenuTile.VolumeItem, { "data-testid": "participant_volume_slider", css: __spreadProps(__spreadValues({}, spacingCSS), { mb: "$0" }) }, /* @__PURE__ */ import_react141.default.createElement(Flex, { align: "center", gap: 1 }, /* @__PURE__ */ import_react141.default.createElement(import_react_icons71.SpeakerIcon, { height: 20, width: 20 }), /* @__PURE__ */ import_react141.default.createElement(Box, { as: "span", css: { ml: "$4" } }, "Volume (", volume, ")")), /* @__PURE__ */ import_react141.default.createElement(Slider, { css: { my: "0.5rem" }, step: 5, value: [volume || 100], onValueChange: (e) => setVolume == null ? void 0 : setVolume(e[0]) })) : null, showPinAction && /* @__PURE__ */ import_react141.default.createElement(import_react141.default.Fragment, null, /* @__PURE__ */ import_react141.default.createElement(PinActions, { audioTrackID, videoTrackID }), showSpotlight && /* @__PURE__ */ import_react141.default.createElement(SpotlightActions, { peerId: peerID, onSpotLightClick: () => closeSheetOnClick() })), isMobile ? null : /* @__PURE__ */ import_react141.default.createElement(SimulcastLayers, { trackId: videoTrackID }), removeOthers ? /* @__PURE__ */ import_react141.default.createElement(
+      ) : null, audioTrackID ? /* @__PURE__ */ import_react141.default.createElement(StyledMenuTile.VolumeItem, { "data-testid": "participant_volume_slider", css: __spreadProps(__spreadValues({}, spacingCSS), { mb: "$0" }) }, /* @__PURE__ */ import_react141.default.createElement(Flex, { align: "center", gap: 1 }, /* @__PURE__ */ import_react141.default.createElement(import_react_icons71.SpeakerIcon, { height: 20, width: 20 }), /* @__PURE__ */ import_react141.default.createElement(Box, { as: "span", css: { ml: "$4" } }, "Volume (", volume, ")")), /* @__PURE__ */ import_react141.default.createElement(
+        Slider,
+        {
+          css: { my: "0.5rem" },
+          step: 5,
+          value: [typeof volume === "number" ? volume : 100],
+          onValueChange: (e) => setVolume == null ? void 0 : setVolume(e[0])
+        }
+      )) : null, showPinAction && /* @__PURE__ */ import_react141.default.createElement(import_react141.default.Fragment, null, /* @__PURE__ */ import_react141.default.createElement(PinActions, { audioTrackID, videoTrackID }), showSpotlight && /* @__PURE__ */ import_react141.default.createElement(SpotlightActions, { peerId: peerID, onSpotLightClick: () => closeSheetOnClick() })), isMobile ? null : /* @__PURE__ */ import_react141.default.createElement(SimulcastLayers, { trackId: videoTrackID }), removeOthers ? /* @__PURE__ */ import_react141.default.createElement(
         StyledMenuTile.RemoveItem,
         {
           css: __spreadProps(__spreadValues({}, spacingCSS), { borderTop: "none" }),
@@ -26450,11 +26446,20 @@ var init_VBHandler = __esm({
           }
         };
         this.getBackground = () => {
-          var _a8, _b7, _c, _d;
+          var _a8, _b7;
           if (this.effectsPlugin) {
             return (_a8 = this.effectsPlugin) == null ? void 0 : _a8.getBackground();
           } else {
-            return ((_c = (_b7 = this.hmsPlugin) == null ? void 0 : _b7.background) == null ? void 0 : _c.src) || ((_d = this.hmsPlugin) == null ? void 0 : _d.background);
+            const background = (_b7 = this.hmsPlugin) == null ? void 0 : _b7.getBackground();
+            return (background == null ? void 0 : background.src) || background;
+          }
+        };
+        this.getBlurAmount = () => {
+          var _a8;
+          if (this.effectsPlugin) {
+            return this.effectsPlugin.getBlurAmount();
+          } else {
+            return ((_a8 = this.hmsPlugin) == null ? void 0 : _a8.getBackground()) === import_hms_virtual_background2.HMSVirtualBackgroundTypes.BLUR ? 1 : 0;
           }
         };
         this.getVBObject = () => {
@@ -26563,6 +26568,7 @@ var init_VBPicker = __esm({
       const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
       const trackSelector = (0, import_react_sdk71.selectVideoTrackByID)(localPeer == null ? void 0 : localPeer.videoTrack);
       const track = (0, import_react_sdk71.useHMSStore)(trackSelector);
+      const [blurAmount, setBlurAmount] = (0, import_react146.useState)(VBHandler.getBlurAmount() || 0.5);
       const roomState = (0, import_react_sdk71.useHMSStore)(import_react_sdk71.selectRoomState);
       const isLargeRoom = (0, import_react_sdk71.useHMSStore)(import_react_sdk71.selectIsLargeRoom);
       const isEffectsEnabled = (0, import_react_sdk71.useHMSStore)(Qn);
@@ -26645,7 +26651,7 @@ var init_VBPicker = __esm({
                 value: import_hms_virtual_background3.HMSVirtualBackgroundTypes.BLUR,
                 onClick: () => __async(void 0, null, function* () {
                   var _a9;
-                  yield (_a9 = VBHandler) == null ? void 0 : _a9.setBlur(0.5);
+                  yield (_a9 = VBHandler) == null ? void 0 : _a9.setBlur(blurAmount);
                   setActiveBackground(import_hms_virtual_background3.HMSVirtualBackgroundTypes.BLUR);
                 })
               }
@@ -26653,6 +26659,19 @@ var init_VBPicker = __esm({
             activeBackground
           }
         ),
+        activeBackground === import_hms_virtual_background3.HMSVirtualBackgroundTypes.BLUR && isEffectsEnabled && effectsKey ? /* @__PURE__ */ import_react146.default.createElement(
+          Slider,
+          {
+            value: [blurAmount],
+            onValueChange: (e) => __async(void 0, null, function* () {
+              setBlurAmount(e[0]);
+              yield VBHandler.setBlur(e[0]);
+            }),
+            step: 0.1,
+            min: 0.1,
+            max: 1
+          }
+        ) : null,
         /* @__PURE__ */ import_react146.default.createElement(
           VBCollection,
           {
@@ -27111,20 +27130,7 @@ var init_PreviewJoin = __esm({
           textColor: "#FFF",
           icon: /* @__PURE__ */ import_react152.default.createElement(Box, { css: { h: "$sm", w: "$sm", backgroundColor: "$on_primary_high", borderRadius: "$round" } })
         }
-      ) : null, /* @__PURE__ */ import_react152.default.createElement(Chip_default, { content: getParticipantChipContent(peerCount), hideIfNoContent: true }))), toggleVideo ? /* @__PURE__ */ import_react152.default.createElement(
-        Flex,
-        {
-          align: "center",
-          justify: "center",
-          css: {
-            mt: "$14",
-            "@md": { mt: 0 },
-            "@sm": { width: "100%" },
-            flexDirection: "column"
-          }
-        },
-        /* @__PURE__ */ import_react152.default.createElement(PreviewTile, { name, error: previewError })
-      ) : null, /* @__PURE__ */ import_react152.default.createElement(Box, { css: { w: "100%", maxWidth: `${Math.max(aspectRatio, 1) * 360}px` } }, /* @__PURE__ */ import_react152.default.createElement(PreviewControls, { hideSettings: !toggleVideo && !toggleAudio, vbEnabled: !!virtual_background }), /* @__PURE__ */ import_react152.default.createElement(
+      ) : null, /* @__PURE__ */ import_react152.default.createElement(Chip_default, { content: getParticipantChipContent(peerCount), hideIfNoContent: true }))), toggleVideo ? /* @__PURE__ */ import_react152.default.createElement(PreviewTile, { name, error: previewError }) : null, /* @__PURE__ */ import_react152.default.createElement(Box, { css: { w: "100%", maxWidth: `${Math.max(aspectRatio, 1) * 360}px` } }, /* @__PURE__ */ import_react152.default.createElement(PreviewControls, { hideSettings: !toggleVideo && !toggleAudio, vbEnabled: !!virtual_background }), /* @__PURE__ */ import_react152.default.createElement(
         PreviewForm_default,
         {
           name,
@@ -27165,9 +27171,12 @@ var init_PreviewJoin = __esm({
             bg: "$surface_default",
             aspectRatio,
             height: "min(360px, 70vh)",
+            width: "auto",
             maxWidth: "640px",
             overflow: "clip",
+            mt: "$14",
             "@md": {
+              mt: 0,
               width: "min(220px, 70vw)",
               maxWidth: "100%",
               my: "$4"
@@ -27225,15 +27234,20 @@ var init_RequestPrompt = __esm({
       title,
       body,
       actionText = "Accept",
-      onAction
+      onAction,
+      disableActions = false
     }) => {
       const isMobile = (0, import_react_use29.useMedia)(config.media.md);
       if (isMobile) {
-        return /* @__PURE__ */ import_react153.default.createElement(Sheet.Root, { open, onOpenChange }, /* @__PURE__ */ import_react153.default.createElement(Sheet.Content, { css: { py: "$8" } }, /* @__PURE__ */ import_react153.default.createElement(Text, { css: { fontWeight: "$semiBold", c: "$on_surface_high", "@md": { px: "$8" } } }, title), body, /* @__PURE__ */ import_react153.default.createElement(RequestActions, { actionText, onAction })));
+        return /* @__PURE__ */ import_react153.default.createElement(Sheet.Root, { open, onOpenChange }, /* @__PURE__ */ import_react153.default.createElement(Sheet.Content, { css: { py: "$8" } }, /* @__PURE__ */ import_react153.default.createElement(Text, { css: { fontWeight: "$semiBold", c: "$on_surface_high", "@md": { px: "$8" } } }, title), body, /* @__PURE__ */ import_react153.default.createElement(RequestActions, { actionText, onAction, disabled: disableActions })));
       }
-      return /* @__PURE__ */ import_react153.default.createElement(Dialog.Root, { open, modal: false, onOpenChange }, /* @__PURE__ */ import_react153.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react153.default.createElement(Dialog.Content, { css: { p: "$10" }, onInteractOutside: (e) => e.preventDefault() }, /* @__PURE__ */ import_react153.default.createElement(Dialog.Title, { css: { p: 0, display: "flex", flexDirection: "row", gap: "$md", justifyContent: "center" } }, /* @__PURE__ */ import_react153.default.createElement(Text, { variant: "h6" }, title)), /* @__PURE__ */ import_react153.default.createElement(Box, { css: { mt: "$4", mb: "$10" } }, body), /* @__PURE__ */ import_react153.default.createElement(RequestActions, { actionText, onAction }))));
+      return /* @__PURE__ */ import_react153.default.createElement(Dialog.Root, { open, modal: false, onOpenChange }, /* @__PURE__ */ import_react153.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react153.default.createElement(Dialog.Content, { css: { p: "$10" }, onInteractOutside: (e) => e.preventDefault() }, /* @__PURE__ */ import_react153.default.createElement(Dialog.Title, { css: { p: 0, display: "flex", flexDirection: "row", gap: "$md", justifyContent: "center" } }, /* @__PURE__ */ import_react153.default.createElement(Text, { variant: "h6" }, title)), /* @__PURE__ */ import_react153.default.createElement(Box, { css: { mt: "$4", mb: "$10" } }, body), /* @__PURE__ */ import_react153.default.createElement(RequestActions, { actionText, onAction, disabled: disableActions }))));
     };
-    RequestActions = ({ onAction, actionText }) => /* @__PURE__ */ import_react153.default.createElement(Flex, { justify: "center", align: "center", css: { width: "100%", gap: "$md", "@md": { mt: "$8", px: "$8" } } }, /* @__PURE__ */ import_react153.default.createElement(Box, { css: { width: "50%" } }, /* @__PURE__ */ import_react153.default.createElement(Dialog.Close, { css: { width: "100%" } }, /* @__PURE__ */ import_react153.default.createElement(Button, { variant: "standard", outlined: true, css: { width: "100%" } }, "Decline"))), /* @__PURE__ */ import_react153.default.createElement(Box, { css: { width: "50%" } }, /* @__PURE__ */ import_react153.default.createElement(Button, { variant: "primary", css: { width: "100%" }, onClick: onAction }, actionText)));
+    RequestActions = ({
+      onAction,
+      actionText,
+      disabled = false
+    }) => /* @__PURE__ */ import_react153.default.createElement(Flex, { justify: "center", align: "center", css: { width: "100%", gap: "$md", "@md": { mt: "$8", px: "$8" } } }, /* @__PURE__ */ import_react153.default.createElement(Box, { css: { width: "50%" } }, /* @__PURE__ */ import_react153.default.createElement(Dialog.Close, { css: { width: "100%" } }, /* @__PURE__ */ import_react153.default.createElement(Button, { variant: "standard", outlined: true, css: { width: "100%" }, disabled }, "Decline"))), /* @__PURE__ */ import_react153.default.createElement(Box, { css: { width: "50%" } }, /* @__PURE__ */ import_react153.default.createElement(Button, { variant: "primary", css: { width: "100%" }, onClick: onAction, disabled }, actionText)));
   }
 });
 
@@ -27254,6 +27268,7 @@ var init_RoleChangeRequestModal = __esm({
     RoleChangeRequestModal = () => {
       const hmsActions = (0, import_react_sdk76.useHMSActions)();
       const { updateMetaData } = useMyMetadata();
+      const isPreview = (0, import_react_sdk76.useHMSStore)(import_react_sdk76.selectIsInPreview);
       const currentRole = (0, import_react_sdk76.useHMSStore)(import_react_sdk76.selectLocalPeerRoleName);
       const roleChangeRequest = (0, import_react_sdk76.useHMSStore)(import_react_sdk76.selectRoleChangeRequest);
       const name = (0, import_react_sdk76.useHMSStore)(import_react_sdk76.selectLocalPeerName);
@@ -27316,7 +27331,8 @@ var init_RoleChangeRequestModal = __esm({
             yield updateMetaData({ prevRole: currentRole });
             yield hmsActions.lowerLocalPeerHand();
           }),
-          actionText: "Accept"
+          actionText: "Accept",
+          disableActions: !isPreview
         }
       );
     };
@@ -29282,7 +29298,7 @@ var HLSView_exports = {};
 __export(HLSView_exports, {
   default: () => HLSView_default
 });
-var import_react184, import_react_use38, import_hls_player3, import_screenfull3, import_react_sdk90, import_react_icons88, hlsPlayer, HLSView, HLSView_default;
+var import_react184, import_react_use38, import_hls_player3, import_screenfull3, import_react_sdk90, import_react_icons88, hlsPlayer, toastMap, HLSView, HLSView_default;
 var init_HLSView = __esm({
   "src/Prebuilt/layouts/HLSView.jsx"() {
     "use strict";
@@ -29309,12 +29325,14 @@ var init_HLSView = __esm({
     init_Tooltip2();
     init_useSidepane();
     init_constants();
+    toastMap = {};
     HLSView = () => {
       var _a8;
       const videoRef = (0, import_react184.useRef)(null);
       const hlsViewRef = (0, import_react184.useRef)(null);
       const hlsState = (0, import_react_sdk90.useHMSStore)(import_react_sdk90.selectHLSState);
       const enablHlsStats = (0, import_react_sdk90.useHMSStore)((0, import_react_sdk90.selectAppData)(APP_DATA.hlsStats));
+      const notification = (0, import_react_sdk90.useHMSNotifications)(import_react_sdk90.HMSNotificationTypes.POLL_STOPPED);
       const hmsActions = (0, import_react_sdk90.useHMSActions)();
       const { themeType, theme: theme2 } = useTheme();
       const [streamEnded, setStreamEnded] = (0, import_react184.useState)(false);
@@ -29358,6 +29376,15 @@ var init_HLSView = __esm({
           setStreamEnded(false);
         }
       }, [hlsUrl, streamEnded, lastHlsUrl]);
+      (0, import_react184.useEffect)(() => {
+        if (!notification)
+          return;
+        const toastID = toastMap == null ? void 0 : toastMap[notification.data.id];
+        if (toastID) {
+          ToastManager.removeToast(toastMap[notification.data.id]);
+          delete toastMap[notification.data.id];
+        }
+      }, [notification]);
       (0, import_react184.useEffect)(() => {
         const videoElem = videoRef.current;
         const setStreamEndedCallback = () => {
@@ -29394,7 +29421,7 @@ var init_HLSView = __esm({
             const pollId = parsedPayload.substr(parsedPayload.indexOf(":") + 1);
             const poll = vanillaStore.getState((0, import_react_sdk90.selectPollByID)(pollId));
             const pollStartedBy = vanillaStore.getState((0, import_react_sdk90.selectPeerNameByID)(poll.startedBy)) || "Participant";
-            ToastManager.addToast({
+            const toastID = ToastManager.addToast({
               title: `${pollStartedBy} started a ${poll.type}: ${poll.title}`,
               action: /* @__PURE__ */ import_react184.default.createElement(
                 Button,
@@ -29409,8 +29436,10 @@ var init_HLSView = __esm({
                   }
                 },
                 poll.type === "quiz" ? "Answer" : "Vote"
-              )
+              ),
+              duration: Infinity
             });
+            toastMap[pollId] = toastID;
             return;
           }
           switch (parsedPayload.type) {
@@ -31108,24 +31137,39 @@ function PermissionErrorModal() {
     }
     setIsSystemError(notification.data.code === 3011);
   }, [notification]);
-  return deviceType ? /* @__PURE__ */ import_react204.default.createElement(Dialog.Root, { open: !!deviceType }, /* @__PURE__ */ import_react204.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react204.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react204.default.createElement(Dialog.Content, { css: { w: "min(380px, 90%)", p: "$8" } }, /* @__PURE__ */ import_react204.default.createElement(
-    Dialog.Title,
+  return deviceType ? /* @__PURE__ */ import_react204.default.createElement(Dialog.Root, { open: !!deviceType }, /* @__PURE__ */ import_react204.default.createElement(Dialog.Portal, null, /* @__PURE__ */ import_react204.default.createElement(Dialog.Overlay, null), /* @__PURE__ */ import_react204.default.createElement(
+    Dialog.Content,
     {
       css: {
-        borderBottom: "1px solid $border_default"
+        w: "min(380px, 90%)",
+        p: "$8",
+        // overlay over Sheet.tsx
+        zIndex: 23
       }
     },
-    isMobile && isIOS ? /* @__PURE__ */ import_react204.default.createElement("img", { style: { maxWidth: "100%", maxHeight: "100%" }, src: ios_perm_0_default, alt: "iOS Permission flow" }) : null,
-    isMobile && isAndroid ? /* @__PURE__ */ import_react204.default.createElement(
-      "img",
+    /* @__PURE__ */ import_react204.default.createElement(
+      Dialog.Title,
       {
-        src: android_perm_1_default,
-        style: { maxWidth: "100%", maxHeight: "100%" },
-        alt: "Android Permission flow "
-      }
-    ) : null,
-    /* @__PURE__ */ import_react204.default.createElement(Text, { variant: "h6" }, "We can't access your ", deviceType)
-  ), /* @__PURE__ */ import_react204.default.createElement(Text, { variant: "sm", css: { pt: "$4", pb: "$10", color: "$on_surface_medium" } }, isMobile && isIOS ? 'Enable permissions by reloading this page and clicking "Allow" on the pop-up, or change settings from the address bar.' : null, isMobile && isAndroid ? `To allow other users to see and hear you, click the blocked camera icon in your browser's address bar.` : null, !isMobile ? `Access to ${deviceType} is required. ` : null, isSystemError && !isMobile ? `Enable permissions for ${deviceType}${deviceType === "screen" ? "share" : ""} from sytem settings` : null, !isSystemError && !isMobile ? `Enable permissions for ${deviceType}${deviceType === "screen" ? "share" : ""} from address bar or browser settings.` : null), isMobile && isIOS ? /* @__PURE__ */ import_react204.default.createElement(import_react204.default.Fragment, null, /* @__PURE__ */ import_react204.default.createElement(Button, { onClick: () => window.location.reload(), css: { w: "100%", mb: "$6" } }, "Reload"), /* @__PURE__ */ import_react204.default.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType(""), css: { w: "100%" } }, "Continue anyway")) : null, isMobile && isAndroid ? /* @__PURE__ */ import_react204.default.createElement(import_react204.default.Fragment, null, /* @__PURE__ */ import_react204.default.createElement(Button, { onClick: () => setDeviceType(""), css: { w: "100%", mb: "$6" } }, "I've allowed access"), /* @__PURE__ */ import_react204.default.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType(""), css: { w: "100%" } }, "Continue anyway")) : null, !isMobile ? /* @__PURE__ */ import_react204.default.createElement(Flex, { justify: "end", css: { w: "100%" } }, /* @__PURE__ */ import_react204.default.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType("") }, "Dismiss")) : null))) : null;
+        css: {
+          borderBottom: "1px solid $border_default"
+        }
+      },
+      isMobile && isIOS ? /* @__PURE__ */ import_react204.default.createElement("img", { style: { maxWidth: "100%", maxHeight: "100%" }, src: ios_perm_0_default, alt: "iOS Permission flow" }) : null,
+      isMobile && isAndroid ? /* @__PURE__ */ import_react204.default.createElement(
+        "img",
+        {
+          src: android_perm_1_default,
+          style: { maxWidth: "100%", maxHeight: "100%" },
+          alt: "Android Permission flow "
+        }
+      ) : null,
+      /* @__PURE__ */ import_react204.default.createElement(Text, { variant: "h6" }, "We can't access your ", deviceType)
+    ),
+    /* @__PURE__ */ import_react204.default.createElement(Text, { variant: "sm", css: { pt: "$4", pb: "$10", color: "$on_surface_medium" } }, isMobile && isIOS ? 'Enable permissions by reloading this page and clicking "Allow" on the pop-up, or change settings from the address bar.' : null, isMobile && isAndroid ? `To allow other users to see and hear you, click the blocked camera icon in your browser's address bar.` : null, !isMobile ? `Access to ${deviceType} is required. ` : null, isSystemError && !isMobile ? `Enable permissions for ${deviceType}${deviceType === "screen" ? "share" : ""} from sytem settings` : null, !isSystemError && !isMobile ? `Enable permissions for ${deviceType}${deviceType === "screen" ? "share" : ""} from address bar or browser settings.` : null),
+    isMobile && isIOS ? /* @__PURE__ */ import_react204.default.createElement(import_react204.default.Fragment, null, /* @__PURE__ */ import_react204.default.createElement(Button, { onClick: () => window.location.reload(), css: { w: "100%", mb: "$6" } }, "Reload"), /* @__PURE__ */ import_react204.default.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType(""), css: { w: "100%" } }, "Continue anyway")) : null,
+    isMobile && isAndroid ? /* @__PURE__ */ import_react204.default.createElement(import_react204.default.Fragment, null, /* @__PURE__ */ import_react204.default.createElement(Button, { onClick: () => setDeviceType(""), css: { w: "100%", mb: "$6" } }, "I've allowed access"), /* @__PURE__ */ import_react204.default.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType(""), css: { w: "100%" } }, "Continue anyway")) : null,
+    !isMobile ? /* @__PURE__ */ import_react204.default.createElement(Flex, { justify: "end", css: { w: "100%" } }, /* @__PURE__ */ import_react204.default.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType("") }, "Dismiss")) : null
+  ))) : null;
 }
 var import_react204, import_react_use42, import_react_sdk105;
 var init_PermissionErrorModal = __esm({
@@ -31441,7 +31485,7 @@ function Notifications() {
       case import_react_sdk110.HMSNotificationTypes.POLL_STARTED:
         if (notification.data.startedBy !== localPeerID && screenProps.screenType !== "hls_live_streaming") {
           const pollStartedBy = vanillaStore.getState((0, import_react_sdk110.selectPeerNameByID)(notification.data.startedBy)) || "Participant";
-          ToastManager.addToast({
+          const pollToastID = ToastManager.addToast({
             title: `${pollStartedBy} started a ${notification.data.type}: ${notification.data.title}`,
             action: /* @__PURE__ */ import_react209.default.createElement(
               Button,
@@ -31456,8 +31500,17 @@ function Notifications() {
                 }
               },
               notification.data.type === "quiz" ? "Answer" : "Vote"
-            )
+            ),
+            duration: Infinity
           });
+          pollToastKey[notification.data.id] = pollToastID;
+        }
+        break;
+      case import_react_sdk110.HMSNotificationTypes.POLL_STOPPED:
+        const pollID = notification == null ? void 0 : notification.data.id;
+        if (pollID && (pollToastKey == null ? void 0 : pollToastKey[pollID])) {
+          ToastManager.removeToast(pollToastKey == null ? void 0 : pollToastKey[notification.data.id]);
+          delete pollToastKey[notification == null ? void 0 : notification.data.id];
         }
         break;
       default:
@@ -31469,7 +31522,7 @@ function Notifications() {
   }
   return /* @__PURE__ */ import_react209.default.createElement(import_react209.default.Fragment, null, /* @__PURE__ */ import_react209.default.createElement(TrackUnmuteModal, null), /* @__PURE__ */ import_react209.default.createElement(TrackBulkUnmuteModal, null), /* @__PURE__ */ import_react209.default.createElement(TrackNotifications, null), roomState === import_react_sdk110.HMSRoomState.Connected ? /* @__PURE__ */ import_react209.default.createElement(PeerNotifications, null) : null, /* @__PURE__ */ import_react209.default.createElement(ReconnectNotifications, null), /* @__PURE__ */ import_react209.default.createElement(AutoplayBlockedModal, null), /* @__PURE__ */ import_react209.default.createElement(PermissionErrorModal, null), /* @__PURE__ */ import_react209.default.createElement(InitErrorModal, null), /* @__PURE__ */ import_react209.default.createElement(ChatNotifications, null), /* @__PURE__ */ import_react209.default.createElement(HandRaisedNotifications, null));
 }
-var import_react209, import_react_sdk110, import_react_icons97;
+var import_react209, import_react_sdk110, import_react_icons97, pollToastKey;
 var init_Notifications = __esm({
   "src/Prebuilt/components/Notifications/Notifications.tsx"() {
     "use strict";
@@ -31496,6 +31549,7 @@ var init_Notifications = __esm({
     init_useUISettings();
     init_utils3();
     init_constants();
+    pollToastKey = {};
   }
 });