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

Sign up to get free protection for your applications and to get access to all the features.
Files changed (37) hide show
  1. package/dist/{HLSView-DJGDJPXM.js → HLSView-DPM6YJWZ.js} +19 -4
  2. package/dist/HLSView-DPM6YJWZ.js.map +7 -0
  3. package/dist/Prebuilt/components/Polls/Voting/LeaderboardEntry.d.ts +2 -1
  4. package/dist/Prebuilt/components/RoleChangeRequest/RequestPrompt.d.ts +2 -1
  5. package/dist/Prebuilt/components/VirtualBackground/VBHandler.d.ts +1 -0
  6. package/dist/{chunk-ERKB3GGI.js → chunk-S5NNUR2M.js} +230 -194
  7. package/dist/{chunk-ERKB3GGI.js.map → chunk-S5NNUR2M.js.map} +3 -3
  8. package/dist/index.cjs.js +189 -135
  9. package/dist/index.cjs.js.map +3 -3
  10. package/dist/index.js +1 -1
  11. package/dist/meta.cjs.json +46 -46
  12. package/dist/meta.esbuild.json +56 -56
  13. package/package.json +6 -6
  14. package/src/Button/Button.tsx +2 -2
  15. package/src/Prebuilt/components/Notifications/Notifications.tsx +14 -1
  16. package/src/Prebuilt/components/Notifications/PermissionErrorModal.tsx +8 -1
  17. package/src/Prebuilt/components/Polls/CreatePollQuiz/PollsQuizMenu.jsx +3 -4
  18. package/src/Prebuilt/components/Polls/Voting/LeaderboardEntry.tsx +17 -5
  19. package/src/Prebuilt/components/Polls/Voting/LeaderboardSummary.tsx +1 -0
  20. package/src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx +5 -3
  21. package/src/Prebuilt/components/Polls/Voting/QuestionCard.jsx +41 -83
  22. package/src/Prebuilt/components/Polls/Voting/StandardVoting.tsx +0 -1
  23. package/src/Prebuilt/components/Polls/Voting/TimedVoting.tsx +2 -3
  24. package/src/Prebuilt/components/Polls/Voting/Voting.tsx +7 -6
  25. package/src/Prebuilt/components/Polls/common/MultipleChoiceOptions.jsx +1 -2
  26. package/src/Prebuilt/components/Polls/common/SingleChoiceOptions.jsx +6 -4
  27. package/src/Prebuilt/components/Polls/common/StatusIndicator.tsx +1 -1
  28. package/src/Prebuilt/components/Preview/PreviewJoin.tsx +4 -14
  29. package/src/Prebuilt/components/RoleChangeRequest/RequestPrompt.tsx +15 -5
  30. package/src/Prebuilt/components/RoleChangeRequest/RoleChangeRequestModal.tsx +3 -0
  31. package/src/Prebuilt/components/TileMenu/TileMenuContent.tsx +6 -1
  32. package/src/Prebuilt/components/VirtualBackground/VBHandler.tsx +11 -1
  33. package/src/Prebuilt/components/VirtualBackground/VBPicker.tsx +16 -2
  34. package/src/Prebuilt/layouts/HLSView.jsx +16 -1
  35. package/src/Sheet/Sheet.tsx +1 -1
  36. package/dist/HLSView-DJGDJPXM.js.map +0 -7
  37. package/src/Prebuilt/images/first_person.png +0 -0
@@ -106,7 +106,7 @@ var __async = (__this, __arguments, generator) => {
106
106
  var define_process_env_default;
107
107
  var init_define_process_env = __esm({
108
108
  "<define:process.env>"() {
109
- 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" };
109
+ 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" };
110
110
  }
111
111
  });
112
112
 
@@ -8888,8 +8888,8 @@ var StyledButton = styled("button", __spreadProps(__spreadValues({}, flexCenter)
8888
8888
  "$secondary_bright",
8889
8889
  "$secondary_dim",
8890
8890
  "$secondary_disabled",
8891
- "$on_surface_high",
8892
- "$on_surface_low"
8891
+ "$on_secondary_high",
8892
+ "$on_secondary_low"
8893
8893
  ),
8894
8894
  danger: getButtonVariants(
8895
8895
  "$alert_error_default",
@@ -11185,7 +11185,7 @@ var Collapsible = {
11185
11185
 
11186
11186
  // src/Prebuilt/App.tsx
11187
11187
  init_define_process_env();
11188
- import React170, { useEffect as useEffect66, useRef as useRef24 } from "react";
11188
+ import React170, { useEffect as useEffect66, useRef as useRef25 } from "react";
11189
11189
  import {
11190
11190
  HMSReactiveStore,
11191
11191
  HMSRoomProvider,
@@ -11814,7 +11814,7 @@ var AuthToken_default = AuthToken;
11814
11814
 
11815
11815
  // src/Prebuilt/components/ConferenceScreen.tsx
11816
11816
  init_define_process_env();
11817
- import React150, { useEffect as useEffect47, useRef as useRef22, useState as useState61 } from "react";
11817
+ import React150, { useEffect as useEffect47, useRef as useRef23, useState as useState61 } from "react";
11818
11818
  import {
11819
11819
  HMSRoomState as HMSRoomState7,
11820
11820
  selectAppData as selectAppData7,
@@ -12521,7 +12521,7 @@ var StyledContent6 = styled(DialogPrimitive2.Content, {
12521
12521
  borderTopRightRadius: "$3",
12522
12522
  boxShadow: "0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)",
12523
12523
  position: "fixed",
12524
- zIndex: 1001,
12524
+ zIndex: 22,
12525
12525
  top: 0,
12526
12526
  right: 0,
12527
12527
  left: 0,
@@ -17263,7 +17263,7 @@ var m = (a2, e) => {
17263
17263
  Gr.call(e, t) && Br(a2, t, e[t]);
17264
17264
  return a2;
17265
17265
  };
17266
- var y = (a2, e) => Ta(a2, fa(e));
17266
+ var k = (a2, e) => Ta(a2, fa(e));
17267
17267
  var Qi = (a2, e) => {
17268
17268
  var t = {};
17269
17269
  for (var i in a2)
@@ -17275,7 +17275,7 @@ var Qi = (a2, e) => {
17275
17275
  };
17276
17276
  var ya = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
17277
17277
  var nr = ya((jc, Va) => {
17278
- 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"] };
17278
+ 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"] };
17279
17279
  });
17280
17280
  var zi = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(zi || {});
17281
17281
  var ka = ((e) => (e.CHAT = "chat", e))(ka || {});
@@ -17766,12 +17766,12 @@ var H = class {
17766
17766
  this.name = e, this.level = t, this.includesPII = r || false, this.properties = i || {}, this.timestamp = s || (/* @__PURE__ */ new Date()).getTime(), this.event_id = Ba(), this.device_id = fs();
17767
17767
  }
17768
17768
  toSignalParams() {
17769
- return { name: this.name, info: y(m({}, this.properties), { timestamp: this.timestamp, domain: Ue }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
17769
+ return { name: this.name, info: k(m({}, this.properties), { timestamp: this.timestamp, domain: Ue }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
17770
17770
  }
17771
17771
  };
17772
17772
  var M = class {
17773
17773
  static connect(e, t, i = /* @__PURE__ */ new Date(), r = /* @__PURE__ */ new Date(), s) {
17774
- 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);
17774
+ 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);
17775
17775
  return new H({ name: o, level: n, properties: l });
17776
17776
  }
17777
17777
  static disconnect(e, t) {
@@ -17785,7 +17785,7 @@ var M = class {
17785
17785
  }
17786
17786
  static join(i) {
17787
17787
  var r = i, { error: e } = r, t = Qi(r, ["error"]);
17788
- 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);
17788
+ 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);
17789
17789
  return new H({ name: s, level: o, properties: n });
17790
17790
  }
17791
17791
  static publish({ devices: e, settings: t, error: i }) {
@@ -17828,7 +17828,7 @@ var M = class {
17828
17828
  let i = "video.degradation.stats", r = 1, s = { degradedAt: e.degradedAt, trackId: e.trackId };
17829
17829
  if (!t && e.degradedAt instanceof Date) {
17830
17830
  let o = /* @__PURE__ */ new Date(), n = o.valueOf() - e.degradedAt.valueOf();
17831
- s = y(m({}, s), { duration: n, restoredAt: o });
17831
+ s = k(m({}, s), { duration: n, restoredAt: o });
17832
17832
  }
17833
17833
  return new H({ name: i, level: r, properties: s });
17834
17834
  }
@@ -17970,7 +17970,7 @@ var qe = class {
17970
17970
  };
17971
17971
  qe.makePeerId = () => ro();
17972
17972
  var ht = "HMS-Store:";
17973
- var k = class {
17973
+ var y = class {
17974
17974
  static v(e, ...t) {
17975
17975
  this.log(0, e, ...t);
17976
17976
  }
@@ -18035,7 +18035,7 @@ var k = class {
18035
18035
  }
18036
18036
  }
18037
18037
  };
18038
- k.level = 0;
18038
+ y.level = 0;
18039
18039
  var Ar = (a2, e) => e;
18040
18040
  var mt = (a2, e) => e;
18041
18041
  var Gs = (a2, e) => e;
@@ -18164,7 +18164,7 @@ var Js = A((a2, e) => {
18164
18164
  let t = br(a2, e);
18165
18165
  if (t) {
18166
18166
  if (t.type !== "audio") {
18167
- k.w("Please pass audio track here");
18167
+ y.w("Please pass audio track here");
18168
18168
  return;
18169
18169
  }
18170
18170
  return t.volume;
@@ -18182,7 +18182,7 @@ var mm = A((a2, e) => {
18182
18182
  let t = br(a2, e);
18183
18183
  if (t) {
18184
18184
  if (t.type !== "video") {
18185
- k.w("Please pass video track here");
18185
+ y.w("Please pass video track here");
18186
18186
  return;
18187
18187
  }
18188
18188
  return t.layer;
@@ -20713,6 +20713,7 @@ function HLSFailureModal() {
20713
20713
  init_define_process_env();
20714
20714
  import React130, { useEffect as useEffect32 } from "react";
20715
20715
  import {
20716
+ selectIsInPreview,
20716
20717
  selectLocalPeerName as selectLocalPeerName4,
20717
20718
  selectLocalPeerRoleName as selectLocalPeerRoleName4,
20718
20719
  selectRoleChangeRequest,
@@ -20846,7 +20847,7 @@ var StatusIndicator = ({ isLive }) => {
20846
20847
  variant: "caption",
20847
20848
  css: {
20848
20849
  fontWeight: "$semiBold",
20849
- color: "$on_surface_high"
20850
+ color: "$on_primary_high"
20850
20851
  }
20851
20852
  },
20852
20853
  isLive ? "LIVE" : "ENDED"
@@ -20895,7 +20896,6 @@ var AddMenu = () => {
20895
20896
  const actions = useHMSActions25();
20896
20897
  const [title, setTitle] = useState32("");
20897
20898
  const localPeerRoleName = useHMSStore36(selectLocalPeerRoleName);
20898
- const [anonymous, setAnonymous] = useState32(false);
20899
20899
  const [hideVoteCount, setHideVoteCount] = useState32(false);
20900
20900
  const [error, setError] = useState32();
20901
20901
  const [titleError, setTitleError] = useState32("");
@@ -20953,7 +20953,7 @@ var AddMenu = () => {
20953
20953
  border: "1px solid $border_default"
20954
20954
  }
20955
20955
  }
20956
- ), /* @__PURE__ */ React81.createElement(Flex, { align: "center", css: { mt: "$10" } }, /* @__PURE__ */ React81.createElement(Switch, { onCheckedChange: (value) => setHideVoteCount(value), css: { mr: "$6" } }), /* @__PURE__ */ React81.createElement(Text, { variant: "body2", css: { c: "$on_surface_medium" } }, "Hide Vote Count")), /* @__PURE__ */ React81.createElement(Flex, { align: "center", css: { mt: "$10" } }, /* @__PURE__ */ React81.createElement(Switch, { onCheckedChange: (value) => setAnonymous(value), css: { mr: "$6" } }), /* @__PURE__ */ React81.createElement(Text, { variant: "body2", css: { c: "$on_surface_medium" } }, "Make Results Anonymous")), /* @__PURE__ */ React81.createElement(
20956
+ ), /* @__PURE__ */ React81.createElement(Flex, { align: "center", css: { mt: "$10" } }, /* @__PURE__ */ React81.createElement(Switch, { onCheckedChange: (value) => setHideVoteCount(value), css: { mr: "$6" } }), /* @__PURE__ */ React81.createElement(Text, { variant: "body2", css: { c: "$on_surface_medium" } }, "Hide Vote Count")), /* @__PURE__ */ React81.createElement(
20957
20957
  Button,
20958
20958
  {
20959
20959
  variant: "primary",
@@ -20964,7 +20964,7 @@ var AddMenu = () => {
20964
20964
  yield actions.interactivityCenter.createPoll({
20965
20965
  id,
20966
20966
  title,
20967
- anonymous,
20967
+ anonymous: false,
20968
20968
  rolesThatCanViewResponses: hideVoteCount && localPeerRoleName ? [localPeerRoleName] : void 0,
20969
20969
  type: interactionType.toLowerCase()
20970
20970
  // duration: showTimerDropDown ? timer : undefined,
@@ -21135,7 +21135,6 @@ var MultipleChoiceOptions = ({
21135
21135
  questionIndex,
21136
21136
  options,
21137
21137
  canRespond,
21138
- response,
21139
21138
  totalResponses,
21140
21139
  selectedOptions,
21141
21140
  setSelectedOptions,
@@ -21161,7 +21160,7 @@ var MultipleChoiceOptions = ({
21161
21160
  {
21162
21161
  id: `${questionIndex}-${option.index}`,
21163
21162
  disabled: !canRespond,
21164
- checked: (_a8 = response == null ? void 0 : response.options) == null ? void 0 : _a8.includes(option.index),
21163
+ checked: (_a8 = localPeerResponse == null ? void 0 : localPeerResponse.options) == null ? void 0 : _a8.includes(option.index),
21165
21164
  onCheckedChange: (checked) => handleCheckedChange(checked, option.index),
21166
21165
  css: {
21167
21166
  cursor: canRespond ? "pointer" : "not-allowed"
@@ -21203,7 +21202,6 @@ import { CheckCircleIcon as CheckCircleIcon2 } from "@100mslive/react-icons";
21203
21202
  var SingleChoiceOptions = ({
21204
21203
  questionIndex,
21205
21204
  options,
21206
- response,
21207
21205
  canRespond,
21208
21206
  setAnswer,
21209
21207
  totalResponses,
@@ -21211,9 +21209,10 @@ var SingleChoiceOptions = ({
21211
21209
  correctOptionIndex,
21212
21210
  isStopped,
21213
21211
  isQuiz,
21214
- localPeerResponse
21212
+ localPeerResponse,
21213
+ answer
21215
21214
  }) => {
21216
- return /* @__PURE__ */ React88.createElement(RadioGroup.Root, { value: response == null ? void 0 : response.option, onValueChange: (value) => setAnswer(value) }, /* @__PURE__ */ React88.createElement(Flex, { direction: "column", css: { gap: "$md", w: "100%", mb: "$md" } }, options.map((option) => {
21215
+ return /* @__PURE__ */ React88.createElement(RadioGroup.Root, { value: answer || null, onValueChange: (value) => setAnswer(value) }, /* @__PURE__ */ React88.createElement(Flex, { direction: "column", css: { gap: "$md", w: "100%", mb: "$md" } }, options.map((option) => {
21217
21216
  return /* @__PURE__ */ React88.createElement(Flex, { align: "start", key: `${questionIndex}-${option.index}`, css: { w: "100%", gap: "$5" } }, !isStopped || !isQuiz ? /* @__PURE__ */ React88.createElement(
21218
21217
  RadioGroup.Item,
21219
21218
  {
@@ -21247,7 +21246,7 @@ var SingleChoiceOptions = ({
21247
21246
  }
21248
21247
  }
21249
21248
  )
21250
- ) : null, isStopped && correctOptionIndex === option.index && isQuiz ? /* @__PURE__ */ React88.createElement(Flex, { css: { color: "$on_surface_high" } }, /* @__PURE__ */ React88.createElement(CheckCircleIcon2, null)) : null, /* @__PURE__ */ React88.createElement(Flex, { direction: "column", css: { flexGrow: "1" } }, /* @__PURE__ */ React88.createElement(Flex, { css: { w: "100%" } }, /* @__PURE__ */ React88.createElement(Text, { css: { display: "flex", flexGrow: "1" } }, /* @__PURE__ */ React88.createElement(Label3, { htmlFor: `${questionIndex}-${option.index}` }, option.text)), showVoteCount && /* @__PURE__ */ React88.createElement(VoteCount, { voteCount: option.voteCount })), showVoteCount && /* @__PURE__ */ React88.createElement(VoteProgress, { option, totalResponses })), isStopped && isQuiz && (localPeerResponse == null ? void 0 : localPeerResponse.option) === option.index ? /* @__PURE__ */ React88.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", maxWidth: "max-content" } }, "Your Answer") : null);
21249
+ ) : null, isStopped && correctOptionIndex === option.index && isQuiz ? /* @__PURE__ */ React88.createElement(Flex, { css: { color: "$on_surface_high" } }, /* @__PURE__ */ React88.createElement(CheckCircleIcon2, null)) : null, /* @__PURE__ */ React88.createElement(Flex, { direction: "column", css: { flexGrow: "1" } }, /* @__PURE__ */ React88.createElement(Flex, { css: { w: "100%" } }, /* @__PURE__ */ React88.createElement(Text, { css: { display: "flex", flexGrow: "1", color: "$on_surface_high" } }, /* @__PURE__ */ React88.createElement(Label3, { style: { color: "inherit" }, htmlFor: `${questionIndex}-${option.index}` }, option.text)), showVoteCount && /* @__PURE__ */ React88.createElement(VoteCount, { voteCount: option.voteCount })), showVoteCount && /* @__PURE__ */ React88.createElement(VoteProgress, { option, totalResponses })), isStopped && isQuiz && (localPeerResponse == null ? void 0 : localPeerResponse.option) === option.index ? /* @__PURE__ */ React88.createElement(Text, { variant: "sm", css: { color: "$on_surface_medium", maxWidth: "max-content" } }, "Your Answer") : null);
21251
21250
  })));
21252
21251
  };
21253
21252
  var SingleChoiceOptionInputs = ({ isQuiz, options, selectAnswer, handleOptionTextChange, removeOption }) => {
@@ -21655,7 +21654,7 @@ import { ChevronLeftIcon as ChevronLeftIcon4, ChevronRightIcon as ChevronRightIc
21655
21654
  // src/Prebuilt/components/Polls/Voting/LeaderboardEntry.tsx
21656
21655
  init_define_process_env();
21657
21656
  import React92 from "react";
21658
- import { CheckCircleIcon as CheckCircleIcon4, TrophyFilledIcon } from "@100mslive/react-icons";
21657
+ import { CheckCircleIcon as CheckCircleIcon4, ClockIcon, TrophyFilledIcon } from "@100mslive/react-icons";
21659
21658
  var positionColorMap = { 1: "#D69516", 2: "#3E3E3E", 3: "#583B0F" };
21660
21659
  var LeaderboardEntry = ({
21661
21660
  position,
@@ -21663,7 +21662,8 @@ var LeaderboardEntry = ({
21663
21662
  questionCount,
21664
21663
  correctResponses,
21665
21664
  userName,
21666
- maxPossibleScore
21665
+ maxPossibleScore,
21666
+ duration
21667
21667
  }) => {
21668
21668
  return /* @__PURE__ */ React92.createElement(Flex, { align: "center", justify: "between", css: { my: "$4" } }, /* @__PURE__ */ React92.createElement(Flex, { align: "center", css: { gap: "$6" } }, /* @__PURE__ */ React92.createElement(
21669
21669
  Flex,
@@ -21681,7 +21681,7 @@ var LeaderboardEntry = ({
21681
21681
  }
21682
21682
  },
21683
21683
  position
21684
- ), /* @__PURE__ */ React92.createElement(Box, null, /* @__PURE__ */ React92.createElement(Text, { variant: "sm", css: { fontWeight: "$semiBold", color: "$on_surface_high" } }, userName), /* @__PURE__ */ React92.createElement(Text, { variant: "sm", css: { mt: "$1" } }, score, " / ", maxPossibleScore, " points"))), /* @__PURE__ */ React92.createElement(Flex, { align: "center", css: { gap: "$4", color: "$on_surface_medium" } }, position === 1 ? /* @__PURE__ */ React92.createElement(TrophyFilledIcon, { height: 16, width: 16 }) : null, /* @__PURE__ */ React92.createElement(CheckCircleIcon4, { height: 16, width: 16 }), questionCount ? /* @__PURE__ */ React92.createElement(Text, { variant: "xs" }, correctResponses, " / ", questionCount) : null));
21684
+ ), /* @__PURE__ */ React92.createElement(Box, null, /* @__PURE__ */ React92.createElement(Text, { variant: "sm", css: { fontWeight: "$semiBold", color: "$on_surface_high" } }, userName), /* @__PURE__ */ React92.createElement(Text, { variant: "sm", css: { mt: "$1" } }, score, " / ", maxPossibleScore, " points"))), /* @__PURE__ */ React92.createElement(Flex, { align: "center", css: { gap: "$4", color: "$on_surface_medium" } }, position === 1 ? /* @__PURE__ */ React92.createElement(TrophyFilledIcon, { height: 16, width: 16 }) : null, questionCount ? /* @__PURE__ */ React92.createElement(React92.Fragment, null, /* @__PURE__ */ React92.createElement(CheckCircleIcon4, { height: 16, width: 16 }), /* @__PURE__ */ React92.createElement(Text, { variant: "xs" }, correctResponses, "/", questionCount)) : null, duration ? /* @__PURE__ */ React92.createElement(Flex, { align: "center", css: { gap: "$2", color: "$on_surface_medium" } }, /* @__PURE__ */ React92.createElement(ClockIcon, { height: 16, width: 16 }), /* @__PURE__ */ React92.createElement(Text, { variant: "xs" }, (duration / 1e3).toFixed(3), "s")) : null));
21685
21685
  };
21686
21686
 
21687
21687
  // src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx
@@ -21772,15 +21772,17 @@ var PeerParticipationSummary = ({ quiz }) => {
21772
21772
  title: "Correct Answers",
21773
21773
  value: `${summary.totalUsers ? (100 * summary.correctUsers / summary.totalUsers).toFixed(0) : 0}% (${summary.correctUsers}/${summary.totalUsers})`
21774
21774
  },
21775
- { title: "Avg. Time Taken", value: summary.avgTime },
21775
+ // Time in ms
21776
+ { title: "Avg. Time Taken", value: `${(summary.avgTime / 1e3).toFixed(3)}s` },
21776
21777
  {
21777
21778
  title: "Avg. Score",
21778
21779
  value: Number.isInteger(summary.avgScore) ? summary.avgScore : summary.avgScore.toFixed(2)
21779
21780
  }
21780
21781
  ] : [
21781
- { title: "Your rank", value: (peerEntry == null ? void 0 : peerEntry.position) ? `${peerEntry.position}/${summary.totalUsers}` : "-" },
21782
+ { title: "Your rank", value: (peerEntry == null ? void 0 : peerEntry.position) || "-" },
21782
21783
  { title: "Points", value: peerEntry == null ? void 0 : peerEntry.score },
21783
- { title: "Time Taken", value: peerEntry == null ? void 0 : peerEntry.duration },
21784
+ // Time in ms
21785
+ { title: "Time Taken", value: `${(((peerEntry == null ? void 0 : peerEntry.duration) || 0) / 1e3).toFixed(3)}s` },
21784
21786
  {
21785
21787
  title: "Correct Answers",
21786
21788
  value: (peerEntry == null ? void 0 : peerEntry.totalResponses) ? `${peerEntry == null ? void 0 : peerEntry.correctResponses}/${peerEntry.totalResponses}` : "-"
@@ -21837,7 +21839,8 @@ var LeaderboardSummary = ({ pollID }) => {
21837
21839
  questionCount,
21838
21840
  correctResponses: question.correctResponses,
21839
21841
  userName: question.peer.username || "",
21840
- maxPossibleScore
21842
+ maxPossibleScore,
21843
+ duration: question.duration
21841
21844
  }
21842
21845
  )),
21843
21846
  ((_b7 = quizLeaderboard == null ? void 0 : quizLeaderboard.entries) == null ? void 0 : _b7.length) > 5 && !viewAllEntries ? /* @__PURE__ */ React95.createElement(
@@ -21865,13 +21868,13 @@ var LeaderboardSummary = ({ pollID }) => {
21865
21868
  init_define_process_env();
21866
21869
  import React99 from "react";
21867
21870
  import {
21868
- selectLocalPeerID as selectLocalPeerID9,
21869
21871
  selectPeerNameByID,
21872
+ selectPermissions as selectPermissions13,
21870
21873
  selectPollByID as selectPollByID4,
21871
21874
  useHMSActions as useHMSActions29,
21872
21875
  useHMSStore as useHMSStore42
21873
21876
  } from "@100mslive/react-sdk";
21874
- import { ChevronLeftIcon as ChevronLeftIcon6, CrossIcon as CrossIcon13 } from "@100mslive/react-icons";
21877
+ import { ChevronLeftIcon as ChevronLeftIcon5, CrossIcon as CrossIcon13 } from "@100mslive/react-icons";
21875
21878
 
21876
21879
  // src/Prebuilt/components/Polls/Voting/StandardVoting.tsx
21877
21880
  init_define_process_env();
@@ -21879,15 +21882,9 @@ import React97 from "react";
21879
21882
 
21880
21883
  // src/Prebuilt/components/Polls/Voting/QuestionCard.jsx
21881
21884
  init_define_process_env();
21882
- import React96, { useCallback as useCallback20, useMemo as useMemo6, useState as useState38 } from "react";
21885
+ import React96, { useCallback as useCallback20, useMemo as useMemo6, useRef as useRef16, useState as useState38 } from "react";
21883
21886
  import { selectLocalPeer, selectLocalPeerRoleName as selectLocalPeerRoleName2, useHMSActions as useHMSActions28, useHMSStore as useHMSStore41 } from "@100mslive/react-sdk";
21884
- import {
21885
- CheckCircleIcon as CheckCircleIcon5,
21886
- ChevronDownIcon as ChevronDownIcon5,
21887
- ChevronLeftIcon as ChevronLeftIcon5,
21888
- ChevronRightIcon as ChevronRightIcon4,
21889
- CrossCircleIcon
21890
- } from "@100mslive/react-icons";
21887
+ import { CheckCircleIcon as CheckCircleIcon5, ChevronDownIcon as ChevronDownIcon5, CrossCircleIcon } from "@100mslive/react-icons";
21891
21888
  var QuestionCard2 = ({
21892
21889
  pollID,
21893
21890
  isQuiz,
@@ -21901,9 +21898,7 @@ var QuestionCard2 = ({
21901
21898
  options = [],
21902
21899
  answer,
21903
21900
  setCurrentIndex,
21904
- skippable = false,
21905
21901
  responses = [],
21906
- isTimed = false,
21907
21902
  rolesThatCanViewResponses
21908
21903
  }) => {
21909
21904
  const actions = useHMSActions28();
@@ -21919,16 +21914,10 @@ var QuestionCard2 = ({
21919
21914
  const roleCanViewResponse = !rolesThatCanViewResponses || rolesThatCanViewResponses.length === 0 || rolesThatCanViewResponses.includes(localPeerRoleName || "");
21920
21915
  const showVoteCount = roleCanViewResponse && (localPeerResponse || isLocalPeerCreator && pollState === "stopped") && !isQuiz;
21921
21916
  const isLive = pollState === "started";
21917
+ const pollEnded = pollState === "stopped";
21922
21918
  const canRespond = isLive && !localPeerResponse;
21919
+ const startTime = useRef16(Date.now());
21923
21920
  const isCorrectAnswer = checkCorrectAnswer(answer, localPeerResponse, type);
21924
- const prev = index !== 1;
21925
- const next = index !== totalQuestions && (skippable || localPeerResponse);
21926
- const moveNext = useCallback20(() => {
21927
- setCurrentIndex((curr) => Math.min(totalQuestions, curr + 1));
21928
- }, [setCurrentIndex, totalQuestions]);
21929
- const movePrev = () => {
21930
- setCurrentIndex((curr) => Math.max(1, curr - 1));
21931
- };
21932
21921
  const [singleOptionAnswer, setSingleOptionAnswer] = useState38();
21933
21922
  const [multipleOptionAnswer, setMultipleOptionAnswer] = useState38(/* @__PURE__ */ new Set());
21934
21923
  const [showOptions, setShowOptions] = useState38(true);
@@ -21948,19 +21937,25 @@ var QuestionCard2 = ({
21948
21937
  {
21949
21938
  questionIndex: index,
21950
21939
  option: singleOptionAnswer,
21951
- options: Array.from(multipleOptionAnswer)
21952
- }
21953
- ]);
21954
- }), [actions, index, pollID, isValidVote, singleOptionAnswer, multipleOptionAnswer]);
21955
- const handleSkip = useCallback20(() => __async(void 0, null, function* () {
21956
- yield actions.interactivityCenter.addResponsesToPoll(pollID, [
21957
- {
21958
- questionIndex: index,
21959
- skipped: true
21940
+ options: Array.from(multipleOptionAnswer),
21941
+ duration: Date.now() - startTime.current
21960
21942
  }
21961
21943
  ]);
21962
- moveNext();
21963
- }), [actions, index, pollID, moveNext]);
21944
+ startTime.current = Date.now();
21945
+ if (isQuiz && index !== totalQuestions) {
21946
+ setSingleOptionAnswer(void 0);
21947
+ setMultipleOptionAnswer(/* @__PURE__ */ new Set());
21948
+ }
21949
+ }), [
21950
+ isValidVote,
21951
+ actions.interactivityCenter,
21952
+ pollID,
21953
+ index,
21954
+ singleOptionAnswer,
21955
+ multipleOptionAnswer,
21956
+ totalQuestions,
21957
+ isQuiz
21958
+ ]);
21964
21959
  return /* @__PURE__ */ React96.createElement(
21965
21960
  Box,
21966
21961
  {
@@ -21984,42 +21979,20 @@ var QuestionCard2 = ({
21984
21979
  gap: "$4"
21985
21980
  }
21986
21981
  },
21987
- respondedToQuiz && isCorrectAnswer ? /* @__PURE__ */ React96.createElement(CheckCircleIcon5, { height: 20, width: 20 }) : null,
21988
- respondedToQuiz && !isCorrectAnswer ? /* @__PURE__ */ React96.createElement(CrossCircleIcon, { height: 20, width: 20 }) : null,
21982
+ respondedToQuiz && isCorrectAnswer && pollEnded ? /* @__PURE__ */ React96.createElement(CheckCircleIcon5, { height: 20, width: 20 }) : null,
21983
+ respondedToQuiz && !isCorrectAnswer && pollEnded ? /* @__PURE__ */ React96.createElement(CrossCircleIcon, { height: 20, width: 20 }) : null,
21989
21984
  "QUESTION ",
21990
21985
  index,
21991
21986
  " OF ",
21992
21987
  totalQuestions,
21993
21988
  ": ",
21994
21989
  type.toUpperCase()
21995
- ), isTimed ? /* @__PURE__ */ React96.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ React96.createElement(
21996
- IconButton,
21997
- {
21998
- disabled: !prev,
21999
- onClick: movePrev,
22000
- css: prev ? { color: "$on_surface_high", cursor: "pointer" } : {
22001
- color: "$on_surface_low",
22002
- cursor: "not-allowed"
22003
- }
22004
- },
22005
- /* @__PURE__ */ React96.createElement(ChevronLeftIcon5, { height: 16, width: 16 })
22006
- ), /* @__PURE__ */ React96.createElement(
22007
- IconButton,
22008
- {
22009
- disabled: !next,
22010
- onClick: moveNext,
22011
- css: next ? { color: "$on_surface_high", cursor: "pointer" } : {
22012
- color: "$on_surface_low",
22013
- cursor: "not-allowed"
22014
- }
22015
- },
22016
- /* @__PURE__ */ React96.createElement(ChevronRightIcon4, { height: 16, width: 16 })
22017
- )) : null),
21990
+ )),
22018
21991
  /* @__PURE__ */ React96.createElement(Flex, { justify: "between", css: { my: "$md" } }, /* @__PURE__ */ React96.createElement(Text, { css: { color: "$on_surface_high" } }, text), /* @__PURE__ */ React96.createElement(
22019
21992
  Box,
22020
21993
  {
22021
21994
  css: { color: "$on_surface_medium", "&:hover": { color: "$on_surface_high", cursor: "pointer" } },
22022
- onClick: () => setShowOptions((prev2) => !prev2)
21995
+ onClick: () => setShowOptions((prev) => !prev)
22023
21996
  },
22024
21997
  /* @__PURE__ */ React96.createElement(
22025
21998
  ChevronDownIcon5,
@@ -22031,17 +22004,18 @@ var QuestionCard2 = ({
22031
22004
  /* @__PURE__ */ React96.createElement(Box, { css: { maxHeight: showOptions ? "$80" : "0", transition: "max-height 0.3s ease", overflowY: "hidden" } }, type === "single-choice" /* SINGLE_CHOICE */ ? /* @__PURE__ */ React96.createElement(
22032
22005
  SingleChoiceOptions,
22033
22006
  {
22007
+ key: index,
22034
22008
  questionIndex: index,
22035
22009
  isQuiz,
22036
22010
  canRespond,
22037
- response: localPeerResponse,
22038
22011
  correctOptionIndex: answer == null ? void 0 : answer.option,
22039
22012
  options,
22040
22013
  setAnswer: setSingleOptionAnswer,
22041
22014
  totalResponses: result == null ? void 0 : result.totalResponses,
22042
22015
  showVoteCount,
22043
22016
  localPeerResponse,
22044
- isStopped: pollState === "stopped"
22017
+ isStopped: pollState === "stopped",
22018
+ answer: singleOptionAnswer
22045
22019
  }
22046
22020
  ) : null, type === "multiple-choice" /* MULTIPLE_CHOICE */ ? /* @__PURE__ */ React96.createElement(
22047
22021
  MultipleChoiceOptions,
@@ -22049,7 +22023,6 @@ var QuestionCard2 = ({
22049
22023
  questionIndex: index,
22050
22024
  isQuiz,
22051
22025
  canRespond,
22052
- response: localPeerResponse,
22053
22026
  correctOptionIndexes: answer == null ? void 0 : answer.options,
22054
22027
  options,
22055
22028
  selectedOptions: multipleOptionAnswer,
@@ -22063,17 +22036,29 @@ var QuestionCard2 = ({
22063
22036
  QuestionActions,
22064
22037
  {
22065
22038
  isValidVote,
22066
- skippable,
22067
- onSkip: handleSkip,
22068
22039
  onVote: handleVote,
22069
22040
  response: localPeerResponse,
22070
- isQuiz
22041
+ isQuiz,
22042
+ incrementIndex: () => {
22043
+ setCurrentIndex((curr) => Math.min(totalQuestions, curr + 1));
22044
+ }
22071
22045
  }
22072
22046
  ))
22073
22047
  );
22074
22048
  };
22075
- var QuestionActions = ({ isValidVote, skippable, response, isQuiz, onVote, onSkip }) => {
22076
- return /* @__PURE__ */ React96.createElement(Flex, { align: "center", justify: "end", css: { gap: "$4", w: "100%" } }, skippable && !response ? /* @__PURE__ */ React96.createElement(Button, { variant: "standard", onClick: onSkip, css: { p: "$xs $10", fontWeight: "$semiBold" } }, "Skip") : null, response ? /* @__PURE__ */ React96.createElement(Text, { css: { fontWeight: "$semiBold", color: "$on_surface_medium" } }, response.skipped ? "Skipped" : null, isQuiz && !response.skipped ? "Answered" : null, !isQuiz && !response.skipped ? "Voted" : null) : /* @__PURE__ */ React96.createElement(Button, { css: { p: "$xs $10", fontWeight: "$semiBold" }, disabled: !isValidVote, onClick: onVote }, isQuiz ? "Answer" : "Vote"));
22049
+ var QuestionActions = ({ isValidVote, response, isQuiz, onVote, incrementIndex }) => {
22050
+ return /* @__PURE__ */ React96.createElement(Flex, { align: "center", justify: "end", css: { gap: "$4", w: "100%" } }, response ? /* @__PURE__ */ React96.createElement(Text, { css: { fontWeight: "$semiBold", color: "$on_surface_medium" } }, response.skipped ? "Skipped" : null, isQuiz && !response.skipped ? "Answered" : null, !isQuiz && !response.skipped ? "Voted" : null) : /* @__PURE__ */ React96.createElement(
22051
+ Button,
22052
+ {
22053
+ css: { p: "$xs $10", fontWeight: "$semiBold" },
22054
+ disabled: !isValidVote,
22055
+ onClick: () => {
22056
+ onVote();
22057
+ incrementIndex();
22058
+ }
22059
+ },
22060
+ isQuiz ? "Answer" : "Vote"
22061
+ ));
22077
22062
  };
22078
22063
 
22079
22064
  // src/Prebuilt/components/Polls/Voting/StandardVoting.tsx
@@ -22100,7 +22085,6 @@ var StandardView = ({ poll }) => {
22100
22085
  result: question.result,
22101
22086
  totalQuestions: ((_a9 = poll.questions) == null ? void 0 : _a9.length) || 0,
22102
22087
  options: question.options,
22103
- skippable: question.skippable,
22104
22088
  responses: question.responses,
22105
22089
  answer: question.answer,
22106
22090
  setCurrentIndex: () => {
@@ -22135,12 +22119,10 @@ var TimedView = ({ poll }) => {
22135
22119
  result: activeQuestion == null ? void 0 : activeQuestion.result,
22136
22120
  totalQuestions: ((_b7 = poll.questions) == null ? void 0 : _b7.length) || 0,
22137
22121
  options: activeQuestion.options,
22138
- skippable: activeQuestion.skippable || false,
22139
22122
  responses: activeQuestion.responses,
22140
22123
  answer: activeQuestion.answer,
22141
22124
  setCurrentIndex,
22142
- rolesThatCanViewResponses: poll.rolesThatCanViewResponses,
22143
- isTimed: true
22125
+ rolesThatCanViewResponses: poll.rolesThatCanViewResponses
22144
22126
  }
22145
22127
  );
22146
22128
  };
@@ -22150,13 +22132,14 @@ var Voting = ({ id, toggleVoting }) => {
22150
22132
  const actions = useHMSActions29();
22151
22133
  const poll = useHMSStore42(selectPollByID4(id));
22152
22134
  const pollCreatorName = useHMSStore42(selectPeerNameByID(poll == null ? void 0 : poll.createdBy));
22153
- const isLocalPeerCreator = useHMSStore42(selectLocalPeerID9) === (poll == null ? void 0 : poll.createdBy);
22135
+ const permissions = useHMSStore42(selectPermissions13);
22136
+ const canEndActivity = !!(permissions == null ? void 0 : permissions.pollWrite);
22154
22137
  const { setPollView } = usePollViewState();
22138
+ const showSingleView = (poll == null ? void 0 : poll.type) === "quiz" && poll.state === "started";
22155
22139
  if (!poll) {
22156
22140
  return null;
22157
22141
  }
22158
22142
  const canViewLeaderboard = poll.type === "quiz" && poll.state === "stopped" && !poll.anonymous;
22159
- const isTimed = (poll.duration || 0) > 0;
22160
22143
  const isLive = poll.state === "started";
22161
22144
  return /* @__PURE__ */ React99.createElement(Container3, { rounded: true }, /* @__PURE__ */ React99.createElement(
22162
22145
  Flex,
@@ -22178,7 +22161,7 @@ var Voting = ({ id, toggleVoting }) => {
22178
22161
  onClick: () => setPollView(POLL_VIEWS.CREATE_POLL_QUIZ),
22179
22162
  css: { cursor: "pointer", c: "$on_surface_medium", "&:hover": { color: "$on_surface_high" } }
22180
22163
  },
22181
- /* @__PURE__ */ React99.createElement(ChevronLeftIcon6, null)
22164
+ /* @__PURE__ */ React99.createElement(ChevronLeftIcon5, null)
22182
22165
  ),
22183
22166
  /* @__PURE__ */ React99.createElement(Text, { variant: "h6" }, poll.title),
22184
22167
  /* @__PURE__ */ React99.createElement(StatusIndicator, { isLive }),
@@ -22193,7 +22176,7 @@ var Voting = ({ id, toggleVoting }) => {
22193
22176
  },
22194
22177
  /* @__PURE__ */ React99.createElement(CrossIcon13, { onClick: toggleVoting })
22195
22178
  )
22196
- ), /* @__PURE__ */ React99.createElement(Flex, { direction: "column", css: { p: "$8 $10", overflowY: "auto" } }, poll.state === "started" ? /* @__PURE__ */ React99.createElement(Text, { css: { color: "$on_surface_medium", fontWeight: "$semiBold" } }, pollCreatorName || "Participant", " started a ", poll.type) : null, isTimed ? /* @__PURE__ */ React99.createElement(TimedView, { poll }) : /* @__PURE__ */ React99.createElement(StandardView, { poll }), poll.state === "started" && isLocalPeerCreator && /* @__PURE__ */ React99.createElement(
22179
+ ), /* @__PURE__ */ React99.createElement(Flex, { direction: "column", css: { p: "$8 $10", overflowY: "auto" } }, poll.state === "started" ? /* @__PURE__ */ React99.createElement(Text, { css: { color: "$on_surface_medium", fontWeight: "$semiBold" } }, pollCreatorName || "Participant", " started a ", poll.type) : null, showSingleView ? /* @__PURE__ */ React99.createElement(TimedView, { poll }) : /* @__PURE__ */ React99.createElement(StandardView, { poll }), poll.state === "started" && canEndActivity && /* @__PURE__ */ React99.createElement(
22197
22180
  Button,
22198
22181
  {
22199
22182
  variant: "danger",
@@ -22238,20 +22221,20 @@ import { CrossIcon as CrossIcon17 } from "@100mslive/react-icons";
22238
22221
 
22239
22222
  // src/Prebuilt/components/Chat/Chat.tsx
22240
22223
  init_define_process_env();
22241
- import React112, { useCallback as useCallback28, useRef as useRef19 } from "react";
22224
+ import React112, { useCallback as useCallback28, useRef as useRef20 } from "react";
22242
22225
  import { useMedia as useMedia16 } from "react-use";
22243
22226
  import { selectHMSMessagesCount, useHMSActions as useHMSActions37, useHMSStore as useHMSStore52, useHMSVanillaStore as useHMSVanillaStore10 } from "@100mslive/react-sdk";
22244
22227
  import { ChevronDownIcon as ChevronDownIcon8 } from "@100mslive/react-icons";
22245
22228
 
22246
22229
  // src/Prebuilt/components/Chat/ChatBody.tsx
22247
22230
  init_define_process_env();
22248
- import React104, { Fragment as Fragment11, useCallback as useCallback24, useEffect as useEffect22, useLayoutEffect, useMemo as useMemo7, useRef as useRef16, useState as useState42 } from "react";
22231
+ import React104, { Fragment as Fragment11, useCallback as useCallback24, useEffect as useEffect22, useLayoutEffect, useMemo as useMemo7, useRef as useRef17, useState as useState42 } from "react";
22249
22232
  import { useMedia as useMedia11 } from "react-use";
22250
22233
  import AutoSizer from "react-virtualized-auto-sizer";
22251
22234
  import { VariableSizeList } from "react-window";
22252
22235
  import {
22253
22236
  selectHMSMessages,
22254
- selectLocalPeerID as selectLocalPeerID10,
22237
+ selectLocalPeerID as selectLocalPeerID9,
22255
22238
  selectLocalPeerName as selectLocalPeerName3,
22256
22239
  selectLocalPeerRoleName as selectLocalPeerRoleName3,
22257
22240
  selectPeerNameByID as selectPeerNameByID3,
@@ -22266,7 +22249,7 @@ import { SolidPinIcon } from "@100mslive/react-icons";
22266
22249
  // src/Prebuilt/components/Chat/ChatActions.tsx
22267
22250
  init_define_process_env();
22268
22251
  import React102, { useCallback as useCallback23, useState as useState40 } from "react";
22269
- import { selectLocalPeerName as selectLocalPeerName2, selectPermissions as selectPermissions13, useHMSActions as useHMSActions32, useHMSStore as useHMSStore44 } from "@100mslive/react-sdk";
22252
+ import { selectLocalPeerName as selectLocalPeerName2, selectPermissions as selectPermissions14, useHMSActions as useHMSActions32, useHMSStore as useHMSStore44 } from "@100mslive/react-sdk";
22270
22253
  import {
22271
22254
  CopyIcon as CopyIcon2,
22272
22255
  CrossCircleIcon as CrossCircleIcon2,
@@ -22391,7 +22374,7 @@ var ChatActions = ({
22391
22374
  const { roles_whitelist = [] } = (elements == null ? void 0 : elements.chat) || {};
22392
22375
  const [open, setOpen] = useState40(false);
22393
22376
  const actions = useHMSActions32();
22394
- const canRemoveOthers = (_b7 = useHMSStore44(selectPermissions13)) == null ? void 0 : _b7.removeOthers;
22377
+ const canRemoveOthers = (_b7 = useHMSStore44(selectPermissions14)) == null ? void 0 : _b7.removeOthers;
22395
22378
  const { blacklistItem: blacklistPeer } = useChatBlacklist("chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */);
22396
22379
  const localPeerName = useHMSStore44(selectLocalPeerName2);
22397
22380
  const { setPinnedMessages, unpinBlacklistedMessages } = usePinnedMessages();
@@ -22743,11 +22726,11 @@ var ChatMessage = React104.memo(
22743
22726
  ({ index, style = {}, message }) => {
22744
22727
  var _a8, _b7, _c;
22745
22728
  const { elements } = useRoomLayoutConferencingScreen();
22746
- const rowRef = useRef16(null);
22729
+ const rowRef = useRef17(null);
22747
22730
  const isMobile = useMedia11(config.media.md);
22748
22731
  const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.private_chat_enabled);
22749
22732
  const isOverlay = ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay) && isMobile;
22750
- const localPeerId = useHMSStore46(selectLocalPeerID10);
22733
+ const localPeerId = useHMSStore46(selectLocalPeerID9);
22751
22734
  const [selectedRole, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
22752
22735
  const [selectedPeer, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
22753
22736
  const messageType = getMessageType({
@@ -23013,7 +22996,7 @@ var PinnedBy = ({
23013
22996
 
23014
22997
  // src/Prebuilt/components/Chat/ChatFooter.tsx
23015
22998
  init_define_process_env();
23016
- import React107, { useCallback as useCallback26, useEffect as useEffect24, useRef as useRef18, useState as useState45 } from "react";
22999
+ import React107, { useCallback as useCallback26, useEffect as useEffect24, useRef as useRef19, useState as useState45 } from "react";
23017
23000
  import { useMedia as useMedia14 } from "react-use";
23018
23001
  import data2 from "@emoji-mart/data";
23019
23002
  import Picker from "@emoji-mart/react";
@@ -23335,9 +23318,9 @@ var useChatDraftMessage = () => {
23335
23318
 
23336
23319
  // src/Prebuilt/components/Chat/useEmojiPickerStyles.js
23337
23320
  init_define_process_env();
23338
- import { useEffect as useEffect23, useRef as useRef17 } from "react";
23321
+ import { useEffect as useEffect23, useRef as useRef18 } from "react";
23339
23322
  var useEmojiPickerStyles = (showing) => {
23340
- const ref = useRef17(null);
23323
+ const ref = useRef18(null);
23341
23324
  useEffect23(() => {
23342
23325
  if (showing) {
23343
23326
  setTimeout(() => {
@@ -23414,7 +23397,7 @@ function EmojiPicker({ onSelect }) {
23414
23397
  var ChatFooter = ({ onSend, children }) => {
23415
23398
  var _a8, _b7, _c, _d;
23416
23399
  const hmsActions = useHMSActions35();
23417
- const inputRef = useRef18(null);
23400
+ const inputRef = useRef19(null);
23418
23401
  const [draftMessage, setDraftMessage] = useChatDraftMessage();
23419
23402
  const isMobile = useMedia14(config.media.md);
23420
23403
  const { elements } = useRoomLayoutConferencingScreen();
@@ -23818,7 +23801,7 @@ var PinnedMessage = () => {
23818
23801
  var Chat = () => {
23819
23802
  var _a8, _b7;
23820
23803
  const { elements } = useRoomLayoutConferencingScreen();
23821
- const listRef = useRef19(null);
23804
+ const listRef = useRef20(null);
23822
23805
  const hmsActions = useHMSActions37();
23823
23806
  const vanillaStore = useHMSVanillaStore10();
23824
23807
  const { enabled: isChatEnabled = true } = useHMSStore52(qh("chatState" /* CHAT_STATE */)) || {};
@@ -23910,7 +23893,7 @@ import { useInView } from "react-intersection-observer";
23910
23893
  import { useMeasure as useMeasure2 } from "react-use";
23911
23894
  import { VariableSizeList as VariableSizeList2 } from "react-window";
23912
23895
  import { selectIsConnectedToRoom as selectIsConnectedToRoom8, useHMSStore as useHMSStore53, usePaginatedParticipants as usePaginatedParticipants2 } from "@100mslive/react-sdk";
23913
- import { ChevronLeftIcon as ChevronLeftIcon7, CrossIcon as CrossIcon16 } from "@100mslive/react-icons";
23896
+ import { ChevronLeftIcon as ChevronLeftIcon6, CrossIcon as CrossIcon16 } from "@100mslive/react-icons";
23914
23897
  var LoadMoreParticipants = ({
23915
23898
  hasNext,
23916
23899
  loadMore,
@@ -23960,7 +23943,7 @@ var PaginatedParticipants = ({ roleName, onBack }) => {
23960
23943
  useEffect26(() => {
23961
23944
  loadPeers();
23962
23945
  }, []);
23963
- return /* @__PURE__ */ React113.createElement(Flex, { ref, direction: "column", css: { size: "100%", gap: "$4" } }, /* @__PURE__ */ React113.createElement(Flex, { align: "center" }, /* @__PURE__ */ React113.createElement(Flex, { align: "center", css: { flex: "1 1 0", cursor: "pointer" }, onClick: onBack }, /* @__PURE__ */ React113.createElement(ChevronLeftIcon7, null), /* @__PURE__ */ React113.createElement(Text, { variant: "lg", css: { flex: "1 1 0" } }, "Participants")), /* @__PURE__ */ React113.createElement(
23946
+ return /* @__PURE__ */ React113.createElement(Flex, { ref, direction: "column", css: { size: "100%", gap: "$4" } }, /* @__PURE__ */ React113.createElement(Flex, { align: "center" }, /* @__PURE__ */ React113.createElement(Flex, { align: "center", css: { flex: "1 1 0", cursor: "pointer" }, onClick: onBack }, /* @__PURE__ */ React113.createElement(ChevronLeftIcon6, null), /* @__PURE__ */ React113.createElement(Text, { variant: "lg", css: { flex: "1 1 0" } }, "Participants")), /* @__PURE__ */ React113.createElement(
23964
23947
  IconButton,
23965
23948
  {
23966
23949
  onClick: (e) => {
@@ -24186,7 +24169,7 @@ import {
24186
24169
  selectAudioTrackByPeerID as selectAudioTrackByPeerID2,
24187
24170
  selectHasPeerHandRaised as selectHasPeerHandRaised3,
24188
24171
  selectIsPeerAudioEnabled as selectIsPeerAudioEnabled2,
24189
- selectLocalPeerID as selectLocalPeerID12,
24172
+ selectLocalPeerID as selectLocalPeerID11,
24190
24173
  selectPeerMetadata as selectPeerMetadata4,
24191
24174
  selectPeerNameByID as selectPeerNameByID4,
24192
24175
  selectSessionStore as selectSessionStore10,
@@ -24242,9 +24225,9 @@ init_define_process_env();
24242
24225
  import React118, { useState as useState49 } from "react";
24243
24226
  import { useMedia as useMedia19 } from "react-use";
24244
24227
  import {
24245
- selectLocalPeerID as selectLocalPeerID11,
24228
+ selectLocalPeerID as selectLocalPeerID10,
24246
24229
  selectPeerByID as selectPeerByID2,
24247
- selectPermissions as selectPermissions15,
24230
+ selectPermissions as selectPermissions16,
24248
24231
  selectTrackByID as selectTrackByID3,
24249
24232
  selectVideoTrackByPeerID as selectVideoTrackByPeerID2,
24250
24233
  useHMSStore as useHMSStore57,
@@ -24257,7 +24240,7 @@ init_define_process_env();
24257
24240
  import React117, { Fragment as Fragment12 } from "react";
24258
24241
  import { useMedia as useMedia18 } from "react-use";
24259
24242
  import {
24260
- selectPermissions as selectPermissions14,
24243
+ selectPermissions as selectPermissions15,
24261
24244
  selectSessionStore as selectSessionStore9,
24262
24245
  selectTrackByID as selectTrackByID2,
24263
24246
  useCustomEvent as useCustomEvent2,
@@ -24433,7 +24416,7 @@ var TileMenuContent = ({
24433
24416
  var _a8;
24434
24417
  const actions = useHMSActions39();
24435
24418
  const dragClassName = getDragClassName();
24436
- const removeOthers = (_a8 = useHMSStore56(selectPermissions14)) == null ? void 0 : _a8.removeOthers;
24419
+ const removeOthers = (_a8 = useHMSStore56(selectPermissions15)) == null ? void 0 : _a8.removeOthers;
24437
24420
  const { userName } = useHMSPrebuiltContext();
24438
24421
  const { isAudioEnabled, isVideoEnabled, setVolume, toggleAudio, toggleVideo, volume } = useRemoteAVToggle(
24439
24422
  audioTrackID,
@@ -24480,7 +24463,15 @@ var TileMenuContent = ({
24480
24463
  },
24481
24464
  isAudioEnabled ? /* @__PURE__ */ React117.createElement(MicOnIcon4, { height: 20, width: 20 }) : /* @__PURE__ */ React117.createElement(MicOffIcon5, { height: 20, width: 20 }),
24482
24465
  /* @__PURE__ */ React117.createElement("span", null, isAudioEnabled ? "Mute" : "Request Unmute")
24483
- ) : null, audioTrackID ? /* @__PURE__ */ React117.createElement(StyledMenuTile.VolumeItem, { "data-testid": "participant_volume_slider", css: __spreadProps(__spreadValues({}, spacingCSS), { mb: "$0" }) }, /* @__PURE__ */ React117.createElement(Flex, { align: "center", gap: 1 }, /* @__PURE__ */ React117.createElement(SpeakerIcon2, { height: 20, width: 20 }), /* @__PURE__ */ React117.createElement(Box, { as: "span", css: { ml: "$4" } }, "Volume (", volume, ")")), /* @__PURE__ */ React117.createElement(Slider, { css: { my: "0.5rem" }, step: 5, value: [volume || 100], onValueChange: (e) => setVolume == null ? void 0 : setVolume(e[0]) })) : null, showPinAction && /* @__PURE__ */ React117.createElement(React117.Fragment, null, /* @__PURE__ */ React117.createElement(PinActions, { audioTrackID, videoTrackID }), showSpotlight && /* @__PURE__ */ React117.createElement(SpotlightActions, { peerId: peerID, onSpotLightClick: () => closeSheetOnClick() })), isMobile ? null : /* @__PURE__ */ React117.createElement(SimulcastLayers, { trackId: videoTrackID }), removeOthers ? /* @__PURE__ */ React117.createElement(
24466
+ ) : null, audioTrackID ? /* @__PURE__ */ React117.createElement(StyledMenuTile.VolumeItem, { "data-testid": "participant_volume_slider", css: __spreadProps(__spreadValues({}, spacingCSS), { mb: "$0" }) }, /* @__PURE__ */ React117.createElement(Flex, { align: "center", gap: 1 }, /* @__PURE__ */ React117.createElement(SpeakerIcon2, { height: 20, width: 20 }), /* @__PURE__ */ React117.createElement(Box, { as: "span", css: { ml: "$4" } }, "Volume (", volume, ")")), /* @__PURE__ */ React117.createElement(
24467
+ Slider,
24468
+ {
24469
+ css: { my: "0.5rem" },
24470
+ step: 5,
24471
+ value: [typeof volume === "number" ? volume : 100],
24472
+ onValueChange: (e) => setVolume == null ? void 0 : setVolume(e[0])
24473
+ }
24474
+ )) : null, showPinAction && /* @__PURE__ */ React117.createElement(React117.Fragment, null, /* @__PURE__ */ React117.createElement(PinActions, { audioTrackID, videoTrackID }), showSpotlight && /* @__PURE__ */ React117.createElement(SpotlightActions, { peerId: peerID, onSpotLightClick: () => closeSheetOnClick() })), isMobile ? null : /* @__PURE__ */ React117.createElement(SimulcastLayers, { trackId: videoTrackID }), removeOthers ? /* @__PURE__ */ React117.createElement(
24484
24475
  StyledMenuTile.RemoveItem,
24485
24476
  {
24486
24477
  css: __spreadProps(__spreadValues({}, spacingCSS), { borderTop: "none" }),
@@ -24521,9 +24512,9 @@ var TileMenu = ({
24521
24512
  var _a8, _b7;
24522
24513
  const [open, setOpen] = useState49(false);
24523
24514
  const { theme: theme2 } = useTheme();
24524
- const localPeerID = useHMSStore57(selectLocalPeerID11);
24515
+ const localPeerID = useHMSStore57(selectLocalPeerID10);
24525
24516
  const isLocal = localPeerID === peerID;
24526
- const { removeOthers } = useHMSStore57(selectPermissions15);
24517
+ const { removeOthers } = useHMSStore57(selectPermissions16);
24527
24518
  const { setVolume, toggleAudio, toggleVideo } = useRemoteAVToggle2(audioTrackID, videoTrackID);
24528
24519
  const showSpotlight = enableSpotlightingPeer;
24529
24520
  const isPrimaryVideoTrack = ((_a8 = useHMSStore57(selectVideoTrackByPeerID2(peerID))) == null ? void 0 : _a8.id) === videoTrackID;
@@ -24627,7 +24618,7 @@ var Tile = ({
24627
24618
  const track = useHMSStore58(trackSelector);
24628
24619
  const peerName = useHMSStore58(selectPeerNameByID4(peerId));
24629
24620
  const audioTrack = useHMSStore58(selectAudioTrackByPeerID2(peerId));
24630
- const localPeerID = useHMSStore58(selectLocalPeerID12);
24621
+ const localPeerID = useHMSStore58(selectLocalPeerID11);
24631
24622
  const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
24632
24623
  const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
24633
24624
  const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
@@ -24827,11 +24818,20 @@ var VBPlugin = class {
24827
24818
  }
24828
24819
  };
24829
24820
  this.getBackground = () => {
24830
- var _a8, _b7, _c, _d;
24821
+ var _a8, _b7;
24831
24822
  if (this.effectsPlugin) {
24832
24823
  return (_a8 = this.effectsPlugin) == null ? void 0 : _a8.getBackground();
24833
24824
  } else {
24834
- return ((_c = (_b7 = this.hmsPlugin) == null ? void 0 : _b7.background) == null ? void 0 : _c.src) || ((_d = this.hmsPlugin) == null ? void 0 : _d.background);
24825
+ const background = (_b7 = this.hmsPlugin) == null ? void 0 : _b7.getBackground();
24826
+ return (background == null ? void 0 : background.src) || background;
24827
+ }
24828
+ };
24829
+ this.getBlurAmount = () => {
24830
+ var _a8;
24831
+ if (this.effectsPlugin) {
24832
+ return this.effectsPlugin.getBlurAmount();
24833
+ } else {
24834
+ return ((_a8 = this.hmsPlugin) == null ? void 0 : _a8.getBackground()) === HMSVirtualBackgroundTypes2.BLUR ? 1 : 0;
24835
24835
  }
24836
24836
  };
24837
24837
  this.getVBObject = () => {
@@ -24914,6 +24914,7 @@ var VBPicker = ({ backgroundMedia = [] }) => {
24914
24914
  const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
24915
24915
  const trackSelector = selectVideoTrackByID4(localPeer == null ? void 0 : localPeer.videoTrack);
24916
24916
  const track = useHMSStore59(trackSelector);
24917
+ const [blurAmount, setBlurAmount] = useState51(VBHandler.getBlurAmount() || 0.5);
24917
24918
  const roomState = useHMSStore59(selectRoomState4);
24918
24919
  const isLargeRoom = useHMSStore59(selectIsLargeRoom3);
24919
24920
  const isEffectsEnabled = useHMSStore59(Qn);
@@ -24996,7 +24997,7 @@ var VBPicker = ({ backgroundMedia = [] }) => {
24996
24997
  value: HMSVirtualBackgroundTypes3.BLUR,
24997
24998
  onClick: () => __async(void 0, null, function* () {
24998
24999
  var _a9;
24999
- yield (_a9 = VBHandler) == null ? void 0 : _a9.setBlur(0.5);
25000
+ yield (_a9 = VBHandler) == null ? void 0 : _a9.setBlur(blurAmount);
25000
25001
  setActiveBackground(HMSVirtualBackgroundTypes3.BLUR);
25001
25002
  })
25002
25003
  }
@@ -25004,6 +25005,19 @@ var VBPicker = ({ backgroundMedia = [] }) => {
25004
25005
  activeBackground
25005
25006
  }
25006
25007
  ),
25008
+ activeBackground === HMSVirtualBackgroundTypes3.BLUR && isEffectsEnabled && effectsKey ? /* @__PURE__ */ React122.createElement(
25009
+ Slider,
25010
+ {
25011
+ value: [blurAmount],
25012
+ onValueChange: (e) => __async(void 0, null, function* () {
25013
+ setBlurAmount(e[0]);
25014
+ yield VBHandler.setBlur(e[0]);
25015
+ }),
25016
+ step: 0.1,
25017
+ min: 0.1,
25018
+ max: 1
25019
+ }
25020
+ ) : null,
25007
25021
  /* @__PURE__ */ React122.createElement(
25008
25022
  VBCollection,
25009
25023
  {
@@ -25379,20 +25393,7 @@ var PreviewJoin = ({
25379
25393
  textColor: "#FFF",
25380
25394
  icon: /* @__PURE__ */ React128.createElement(Box, { css: { h: "$sm", w: "$sm", backgroundColor: "$on_primary_high", borderRadius: "$round" } })
25381
25395
  }
25382
- ) : null, /* @__PURE__ */ React128.createElement(Chip_default, { content: getParticipantChipContent(peerCount), hideIfNoContent: true }))), toggleVideo ? /* @__PURE__ */ React128.createElement(
25383
- Flex,
25384
- {
25385
- align: "center",
25386
- justify: "center",
25387
- css: {
25388
- mt: "$14",
25389
- "@md": { mt: 0 },
25390
- "@sm": { width: "100%" },
25391
- flexDirection: "column"
25392
- }
25393
- },
25394
- /* @__PURE__ */ React128.createElement(PreviewTile, { name, error: previewError })
25395
- ) : null, /* @__PURE__ */ React128.createElement(Box, { css: { w: "100%", maxWidth: `${Math.max(aspectRatio, 1) * 360}px` } }, /* @__PURE__ */ React128.createElement(PreviewControls, { hideSettings: !toggleVideo && !toggleAudio, vbEnabled: !!virtual_background }), /* @__PURE__ */ React128.createElement(
25396
+ ) : null, /* @__PURE__ */ React128.createElement(Chip_default, { content: getParticipantChipContent(peerCount), hideIfNoContent: true }))), toggleVideo ? /* @__PURE__ */ React128.createElement(PreviewTile, { name, error: previewError }) : null, /* @__PURE__ */ React128.createElement(Box, { css: { w: "100%", maxWidth: `${Math.max(aspectRatio, 1) * 360}px` } }, /* @__PURE__ */ React128.createElement(PreviewControls, { hideSettings: !toggleVideo && !toggleAudio, vbEnabled: !!virtual_background }), /* @__PURE__ */ React128.createElement(
25396
25397
  PreviewForm_default,
25397
25398
  {
25398
25399
  name,
@@ -25433,9 +25434,12 @@ var PreviewTile = ({ name, error }) => {
25433
25434
  bg: "$surface_default",
25434
25435
  aspectRatio,
25435
25436
  height: "min(360px, 70vh)",
25437
+ width: "auto",
25436
25438
  maxWidth: "640px",
25437
25439
  overflow: "clip",
25440
+ mt: "$14",
25438
25441
  "@md": {
25442
+ mt: 0,
25439
25443
  width: "min(220px, 70vw)",
25440
25444
  maxWidth: "100%",
25441
25445
  my: "$4"
@@ -25485,20 +25489,26 @@ var RequestPrompt = ({
25485
25489
  title,
25486
25490
  body,
25487
25491
  actionText = "Accept",
25488
- onAction
25492
+ onAction,
25493
+ disableActions = false
25489
25494
  }) => {
25490
25495
  const isMobile = useMedia23(config.media.md);
25491
25496
  if (isMobile) {
25492
- return /* @__PURE__ */ React129.createElement(Sheet.Root, { open, onOpenChange }, /* @__PURE__ */ React129.createElement(Sheet.Content, { css: { py: "$8" } }, /* @__PURE__ */ React129.createElement(Text, { css: { fontWeight: "$semiBold", c: "$on_surface_high", "@md": { px: "$8" } } }, title), body, /* @__PURE__ */ React129.createElement(RequestActions, { actionText, onAction })));
25497
+ return /* @__PURE__ */ React129.createElement(Sheet.Root, { open, onOpenChange }, /* @__PURE__ */ React129.createElement(Sheet.Content, { css: { py: "$8" } }, /* @__PURE__ */ React129.createElement(Text, { css: { fontWeight: "$semiBold", c: "$on_surface_high", "@md": { px: "$8" } } }, title), body, /* @__PURE__ */ React129.createElement(RequestActions, { actionText, onAction, disabled: disableActions })));
25493
25498
  }
25494
- return /* @__PURE__ */ React129.createElement(Dialog.Root, { open, modal: false, onOpenChange }, /* @__PURE__ */ React129.createElement(Dialog.Portal, null, /* @__PURE__ */ React129.createElement(Dialog.Content, { css: { p: "$10" }, onInteractOutside: (e) => e.preventDefault() }, /* @__PURE__ */ React129.createElement(Dialog.Title, { css: { p: 0, display: "flex", flexDirection: "row", gap: "$md", justifyContent: "center" } }, /* @__PURE__ */ React129.createElement(Text, { variant: "h6" }, title)), /* @__PURE__ */ React129.createElement(Box, { css: { mt: "$4", mb: "$10" } }, body), /* @__PURE__ */ React129.createElement(RequestActions, { actionText, onAction }))));
25499
+ return /* @__PURE__ */ React129.createElement(Dialog.Root, { open, modal: false, onOpenChange }, /* @__PURE__ */ React129.createElement(Dialog.Portal, null, /* @__PURE__ */ React129.createElement(Dialog.Content, { css: { p: "$10" }, onInteractOutside: (e) => e.preventDefault() }, /* @__PURE__ */ React129.createElement(Dialog.Title, { css: { p: 0, display: "flex", flexDirection: "row", gap: "$md", justifyContent: "center" } }, /* @__PURE__ */ React129.createElement(Text, { variant: "h6" }, title)), /* @__PURE__ */ React129.createElement(Box, { css: { mt: "$4", mb: "$10" } }, body), /* @__PURE__ */ React129.createElement(RequestActions, { actionText, onAction, disabled: disableActions }))));
25495
25500
  };
25496
- var RequestActions = ({ onAction, actionText }) => /* @__PURE__ */ React129.createElement(Flex, { justify: "center", align: "center", css: { width: "100%", gap: "$md", "@md": { mt: "$8", px: "$8" } } }, /* @__PURE__ */ React129.createElement(Box, { css: { width: "50%" } }, /* @__PURE__ */ React129.createElement(Dialog.Close, { css: { width: "100%" } }, /* @__PURE__ */ React129.createElement(Button, { variant: "standard", outlined: true, css: { width: "100%" } }, "Decline"))), /* @__PURE__ */ React129.createElement(Box, { css: { width: "50%" } }, /* @__PURE__ */ React129.createElement(Button, { variant: "primary", css: { width: "100%" }, onClick: onAction }, actionText)));
25501
+ var RequestActions = ({
25502
+ onAction,
25503
+ actionText,
25504
+ disabled = false
25505
+ }) => /* @__PURE__ */ React129.createElement(Flex, { justify: "center", align: "center", css: { width: "100%", gap: "$md", "@md": { mt: "$8", px: "$8" } } }, /* @__PURE__ */ React129.createElement(Box, { css: { width: "50%" } }, /* @__PURE__ */ React129.createElement(Dialog.Close, { css: { width: "100%" } }, /* @__PURE__ */ React129.createElement(Button, { variant: "standard", outlined: true, css: { width: "100%" }, disabled }, "Decline"))), /* @__PURE__ */ React129.createElement(Box, { css: { width: "50%" } }, /* @__PURE__ */ React129.createElement(Button, { variant: "primary", css: { width: "100%" }, onClick: onAction, disabled }, actionText)));
25497
25506
 
25498
25507
  // src/Prebuilt/components/RoleChangeRequest/RoleChangeRequestModal.tsx
25499
25508
  var RoleChangeRequestModal = () => {
25500
25509
  const hmsActions = useHMSActions41();
25501
25510
  const { updateMetaData } = useMyMetadata();
25511
+ const isPreview = useHMSStore63(selectIsInPreview);
25502
25512
  const currentRole = useHMSStore63(selectLocalPeerRoleName4);
25503
25513
  const roleChangeRequest = useHMSStore63(selectRoleChangeRequest);
25504
25514
  const name = useHMSStore63(selectLocalPeerName4);
@@ -25561,7 +25571,8 @@ var RoleChangeRequestModal = () => {
25561
25571
  yield updateMetaData({ prevRole: currentRole });
25562
25572
  yield hmsActions.lowerLocalPeerHand();
25563
25573
  }),
25564
- actionText: "Accept"
25574
+ actionText: "Accept",
25575
+ disableActions: !isPreview
25565
25576
  }
25566
25577
  );
25567
25578
  };
@@ -25582,7 +25593,7 @@ import {
25582
25593
  init_define_process_env();
25583
25594
  import React142, { useEffect as useEffect40, useMemo as useMemo15, useState as useState60 } from "react";
25584
25595
  import {
25585
- selectLocalPeerID as selectLocalPeerID14,
25596
+ selectLocalPeerID as selectLocalPeerID13,
25586
25597
  selectLocalPeerRoleName as selectLocalPeerRoleName5,
25587
25598
  selectPeers as selectPeers3,
25588
25599
  selectPeerScreenSharing,
@@ -25598,7 +25609,7 @@ import { selectLocalPeer as selectLocalPeer9, useHMSStore as useHMSStore65 } fro
25598
25609
 
25599
25610
  // src/Prebuilt/components/InsetTile.tsx
25600
25611
  init_define_process_env();
25601
- import React132, { useEffect as useEffect33, useRef as useRef20 } from "react";
25612
+ import React132, { useEffect as useEffect33, useRef as useRef21 } from "react";
25602
25613
  import Draggable from "react-draggable";
25603
25614
  import { useMedia as useMedia24 } from "react-use";
25604
25615
  import { selectIsAllowedToPublish as selectIsAllowedToPublish2, selectLocalPeer as selectLocalPeer8, selectVideoTrackByID as selectVideoTrackByID6, useHMSStore as useHMSStore64 } from "@100mslive/react-sdk";
@@ -25655,7 +25666,7 @@ var InsetTile = () => {
25655
25666
  width = 240;
25656
25667
  height = width / aspectRatio;
25657
25668
  }
25658
- const nodeRef = useRef20(null);
25669
+ const nodeRef = useRef21(null);
25659
25670
  useEffect33(() => {
25660
25671
  const node = nodeRef.current;
25661
25672
  if (!node || !window.ResizeObserver) {
@@ -25717,7 +25728,7 @@ var InsetTile = () => {
25717
25728
  // src/Prebuilt/components/Pagination.tsx
25718
25729
  init_define_process_env();
25719
25730
  import React133, { useEffect as useEffect34 } from "react";
25720
- import { ChevronLeftIcon as ChevronLeftIcon8, ChevronRightIcon as ChevronRightIcon5 } from "@100mslive/react-icons";
25731
+ import { ChevronLeftIcon as ChevronLeftIcon7, ChevronRightIcon as ChevronRightIcon4 } from "@100mslive/react-icons";
25721
25732
  var Pagination = ({
25722
25733
  page,
25723
25734
  onPageChange,
@@ -25741,7 +25752,7 @@ var Pagination = ({
25741
25752
  if (numPages <= 1) {
25742
25753
  return null;
25743
25754
  }
25744
- return /* @__PURE__ */ React133.createElement(StyledPagination.Root, { css: { flexShrink: 0 } }, /* @__PURE__ */ React133.createElement(StyledPagination.Chevron, { disabled: disableLeft, onClick: prevPage }, /* @__PURE__ */ React133.createElement(ChevronLeftIcon8, { width: 16, height: 16, style: { cursor: disableLeft ? "not-allowed" : "pointer" } })), numPages <= 5 ? /* @__PURE__ */ React133.createElement(StyledPagination.Dots, null, [...Array(numPages)].map((_, i) => /* @__PURE__ */ React133.createElement(
25755
+ return /* @__PURE__ */ React133.createElement(StyledPagination.Root, { css: { flexShrink: 0 } }, /* @__PURE__ */ React133.createElement(StyledPagination.Chevron, { disabled: disableLeft, onClick: prevPage }, /* @__PURE__ */ React133.createElement(ChevronLeftIcon7, { width: 16, height: 16, style: { cursor: disableLeft ? "not-allowed" : "pointer" } })), numPages <= 5 ? /* @__PURE__ */ React133.createElement(StyledPagination.Dots, null, [...Array(numPages)].map((_, i) => /* @__PURE__ */ React133.createElement(
25745
25756
  StyledPagination.Dot,
25746
25757
  {
25747
25758
  key: i,
@@ -25751,7 +25762,7 @@ var Pagination = ({
25751
25762
  onPageChange(i);
25752
25763
  }
25753
25764
  }
25754
- ))) : null, /* @__PURE__ */ React133.createElement(StyledPagination.Chevron, { disabled: disableRight, onClick: nextPage }, /* @__PURE__ */ React133.createElement(ChevronRightIcon5, { width: 16, height: 16, style: { cursor: disableRight ? "not-allowed" : "pointer" } })));
25765
+ ))) : null, /* @__PURE__ */ React133.createElement(StyledPagination.Chevron, { disabled: disableRight, onClick: nextPage }, /* @__PURE__ */ React133.createElement(ChevronRightIcon4, { width: 16, height: 16, style: { cursor: disableRight ? "not-allowed" : "pointer" } })));
25755
25766
  };
25756
25767
 
25757
25768
  // src/Prebuilt/components/VideoLayouts/Grid.tsx
@@ -26130,11 +26141,11 @@ import { selectPeersScreenSharing, useHMSStore as useHMSStore68 } from "@100msli
26130
26141
 
26131
26142
  // src/Prebuilt/components/ScreenshareTile.jsx
26132
26143
  init_define_process_env();
26133
- import React140, { useRef as useRef21, useState as useState58 } from "react";
26144
+ import React140, { useRef as useRef22, useState as useState58 } from "react";
26134
26145
  import { useFullscreen as useFullscreen2 } from "react-use";
26135
26146
  import screenfull2 from "screenfull";
26136
26147
  import {
26137
- selectLocalPeerID as selectLocalPeerID13,
26148
+ selectLocalPeerID as selectLocalPeerID12,
26138
26149
  selectPeerByID as selectPeerByID3,
26139
26150
  selectScreenShareAudioByPeerID as selectScreenShareAudioByPeerID2,
26140
26151
  selectScreenShareByPeerID,
@@ -26189,13 +26200,13 @@ var labelStyles = {
26189
26200
  flexShrink: 0
26190
26201
  };
26191
26202
  var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
26192
- const isLocal = useHMSStore67(selectLocalPeerID13) === peerId;
26203
+ const isLocal = useHMSStore67(selectLocalPeerID12) === peerId;
26193
26204
  const track = useHMSStore67(selectScreenShareByPeerID(peerId));
26194
26205
  const peer = useHMSStore67(selectPeerByID3(peerId));
26195
26206
  const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
26196
26207
  const [isMouseHovered, setIsMouseHovered] = useState58(false);
26197
26208
  const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
26198
- const fullscreenRef = useRef21(null);
26209
+ const fullscreenRef = useRef22(null);
26199
26210
  const [fullscreen, setFullscreen] = useState58(false);
26200
26211
  const isFullscreen = useFullscreen2(fullscreenRef, fullscreen, {
26201
26212
  onClose: () => setFullscreen(false)
@@ -26394,7 +26405,7 @@ var GridLayout = ({
26394
26405
  const pinnedTrack = usePinnedTrack();
26395
26406
  const peers = useHMSStore69(selectPeers3);
26396
26407
  const localPeerRole = useHMSStore69(selectLocalPeerRoleName5);
26397
- const localPeerID = useHMSStore69(selectLocalPeerID14);
26408
+ const localPeerID = useHMSStore69(selectLocalPeerID13);
26398
26409
  const [activeScreensharePeerId] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
26399
26410
  const isRoleProminence = prominentRoles.length && peers.some(
26400
26411
  (peer) => peer.roleName && prominentRoles.includes(peer.roleName) && (peer.videoTrack || peer.audioTrack)
@@ -26726,7 +26737,7 @@ var useCloseScreenshareWhiteboard = () => {
26726
26737
  };
26727
26738
 
26728
26739
  // src/Prebuilt/layouts/VideoStreamingSection.tsx
26729
- var HLSView = React147.lazy(() => import("./HLSView-DJGDJPXM.js"));
26740
+ var HLSView = React147.lazy(() => import("./HLSView-DPM6YJWZ.js"));
26730
26741
  var VideoStreamingSection = ({
26731
26742
  screenType,
26732
26743
  elements,
@@ -27017,10 +27028,10 @@ var ConferenceScreen = () => {
27017
27028
  const [hideControls, setHideControls] = useState61(false);
27018
27029
  const dropdownList = useHMSStore75(selectAppData7(APP_DATA.dropdownList));
27019
27030
  const authTokenInAppData = useAuthToken();
27020
- const headerRef = useRef22(null);
27021
- const footerRef = useRef22(null);
27031
+ const headerRef = useRef23(null);
27032
+ const footerRef = useRef23(null);
27022
27033
  const isMobileDevice = isAndroid || isIOS || isIPadOS;
27023
- const dropdownListRef = useRef22();
27034
+ const dropdownListRef = useRef23();
27024
27035
  const [isHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
27025
27036
  const toggleControls = () => {
27026
27037
  var _a9;
@@ -27028,7 +27039,7 @@ var ConferenceScreen = () => {
27028
27039
  setHideControls((value) => !value);
27029
27040
  }
27030
27041
  };
27031
- const autoRoomJoined = useRef22(isPreviewScreenEnabled);
27042
+ const autoRoomJoined = useRef23(isPreviewScreenEnabled);
27032
27043
  useEffect47(() => {
27033
27044
  let timeout;
27034
27045
  dropdownListRef.current = dropdownList || [];
@@ -27546,7 +27557,7 @@ import React164, { useCallback as useCallback33, useEffect as useEffect62 } from
27546
27557
  import {
27547
27558
  HMSNotificationTypes as HMSNotificationTypes10,
27548
27559
  HMSRoomState as HMSRoomState10,
27549
- selectLocalPeerID as selectLocalPeerID16,
27560
+ selectLocalPeerID as selectLocalPeerID15,
27550
27561
  selectPeerNameByID as selectPeerNameByID5,
27551
27562
  selectRoomState as selectRoomState10,
27552
27563
  useCustomEvent as useCustomEvent4,
@@ -27818,12 +27829,12 @@ function AutoplayBlockedModal() {
27818
27829
  init_define_process_env();
27819
27830
  import React158, { useEffect as useEffect53 } from "react";
27820
27831
  import { v4 as uuid3 } from "uuid";
27821
- import { selectLocalPeerID as selectLocalPeerID15, selectSessionStore as selectSessionStore11, useHMSStore as useHMSStore79 } from "@100mslive/react-sdk";
27832
+ import { selectLocalPeerID as selectLocalPeerID14, selectSessionStore as selectSessionStore11, useHMSStore as useHMSStore79 } from "@100mslive/react-sdk";
27822
27833
  import { ChatIcon as ChatIcon2, ChatUnreadIcon as ChatUnreadIcon2 } from "@100mslive/react-icons";
27823
27834
  var NOTIFICATION_TIME_DIFFERENCE = 5e3;
27824
27835
  var ChatNotifications = () => {
27825
27836
  const chatState = useHMSStore79(selectSessionStore11("chatState" /* CHAT_STATE */));
27826
- const localPeerId = useHMSStore79(selectLocalPeerID15);
27837
+ const localPeerId = useHMSStore79(selectLocalPeerID14);
27827
27838
  useEffect53(() => {
27828
27839
  var _a8, _b7;
27829
27840
  if (!chatState || ((_a8 = chatState.updatedBy) == null ? void 0 : _a8.peerId) === localPeerId) {
@@ -27991,24 +28002,39 @@ function PermissionErrorModal() {
27991
28002
  }
27992
28003
  setIsSystemError(notification.data.code === 3011);
27993
28004
  }, [notification]);
27994
- return deviceType ? /* @__PURE__ */ React160.createElement(Dialog.Root, { open: !!deviceType }, /* @__PURE__ */ React160.createElement(Dialog.Portal, null, /* @__PURE__ */ React160.createElement(Dialog.Overlay, null), /* @__PURE__ */ React160.createElement(Dialog.Content, { css: { w: "min(380px, 90%)", p: "$8" } }, /* @__PURE__ */ React160.createElement(
27995
- Dialog.Title,
28005
+ return deviceType ? /* @__PURE__ */ React160.createElement(Dialog.Root, { open: !!deviceType }, /* @__PURE__ */ React160.createElement(Dialog.Portal, null, /* @__PURE__ */ React160.createElement(Dialog.Overlay, null), /* @__PURE__ */ React160.createElement(
28006
+ Dialog.Content,
27996
28007
  {
27997
28008
  css: {
27998
- borderBottom: "1px solid $border_default"
28009
+ w: "min(380px, 90%)",
28010
+ p: "$8",
28011
+ // overlay over Sheet.tsx
28012
+ zIndex: 23
27999
28013
  }
28000
28014
  },
28001
- isMobile && isIOS ? /* @__PURE__ */ React160.createElement("img", { style: { maxWidth: "100%", maxHeight: "100%" }, src: ios_perm_0_default, alt: "iOS Permission flow" }) : null,
28002
- isMobile && isAndroid ? /* @__PURE__ */ React160.createElement(
28003
- "img",
28015
+ /* @__PURE__ */ React160.createElement(
28016
+ Dialog.Title,
28004
28017
  {
28005
- src: android_perm_1_default,
28006
- style: { maxWidth: "100%", maxHeight: "100%" },
28007
- alt: "Android Permission flow "
28008
- }
28009
- ) : null,
28010
- /* @__PURE__ */ React160.createElement(Text, { variant: "h6" }, "We can't access your ", deviceType)
28011
- ), /* @__PURE__ */ React160.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__ */ React160.createElement(React160.Fragment, null, /* @__PURE__ */ React160.createElement(Button, { onClick: () => window.location.reload(), css: { w: "100%", mb: "$6" } }, "Reload"), /* @__PURE__ */ React160.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType(""), css: { w: "100%" } }, "Continue anyway")) : null, isMobile && isAndroid ? /* @__PURE__ */ React160.createElement(React160.Fragment, null, /* @__PURE__ */ React160.createElement(Button, { onClick: () => setDeviceType(""), css: { w: "100%", mb: "$6" } }, "I've allowed access"), /* @__PURE__ */ React160.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType(""), css: { w: "100%" } }, "Continue anyway")) : null, !isMobile ? /* @__PURE__ */ React160.createElement(Flex, { justify: "end", css: { w: "100%" } }, /* @__PURE__ */ React160.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType("") }, "Dismiss")) : null))) : null;
28018
+ css: {
28019
+ borderBottom: "1px solid $border_default"
28020
+ }
28021
+ },
28022
+ isMobile && isIOS ? /* @__PURE__ */ React160.createElement("img", { style: { maxWidth: "100%", maxHeight: "100%" }, src: ios_perm_0_default, alt: "iOS Permission flow" }) : null,
28023
+ isMobile && isAndroid ? /* @__PURE__ */ React160.createElement(
28024
+ "img",
28025
+ {
28026
+ src: android_perm_1_default,
28027
+ style: { maxWidth: "100%", maxHeight: "100%" },
28028
+ alt: "Android Permission flow "
28029
+ }
28030
+ ) : null,
28031
+ /* @__PURE__ */ React160.createElement(Text, { variant: "h6" }, "We can't access your ", deviceType)
28032
+ ),
28033
+ /* @__PURE__ */ React160.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),
28034
+ isMobile && isIOS ? /* @__PURE__ */ React160.createElement(React160.Fragment, null, /* @__PURE__ */ React160.createElement(Button, { onClick: () => window.location.reload(), css: { w: "100%", mb: "$6" } }, "Reload"), /* @__PURE__ */ React160.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType(""), css: { w: "100%" } }, "Continue anyway")) : null,
28035
+ isMobile && isAndroid ? /* @__PURE__ */ React160.createElement(React160.Fragment, null, /* @__PURE__ */ React160.createElement(Button, { onClick: () => setDeviceType(""), css: { w: "100%", mb: "$6" } }, "I've allowed access"), /* @__PURE__ */ React160.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType(""), css: { w: "100%" } }, "Continue anyway")) : null,
28036
+ !isMobile ? /* @__PURE__ */ React160.createElement(Flex, { justify: "end", css: { w: "100%" } }, /* @__PURE__ */ React160.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType("") }, "Dismiss")) : null
28037
+ ))) : null;
28012
28038
  }
28013
28039
 
28014
28040
  // src/Prebuilt/components/Notifications/ReconnectNotifications.tsx
@@ -28186,8 +28212,9 @@ var TrackUnmuteModal = () => {
28186
28212
  };
28187
28213
 
28188
28214
  // src/Prebuilt/components/Notifications/Notifications.tsx
28215
+ var pollToastKey = {};
28189
28216
  function Notifications() {
28190
- const localPeerID = useHMSStore81(selectLocalPeerID16);
28217
+ const localPeerID = useHMSStore81(selectLocalPeerID15);
28191
28218
  const notification = useHMSNotifications10();
28192
28219
  const subscribedNotifications = useSubscribedNotifications() || {};
28193
28220
  const roomState = useHMSStore81(selectRoomState10);
@@ -28289,7 +28316,7 @@ function Notifications() {
28289
28316
  case HMSNotificationTypes10.POLL_STARTED:
28290
28317
  if (notification.data.startedBy !== localPeerID && screenProps.screenType !== "hls_live_streaming") {
28291
28318
  const pollStartedBy = vanillaStore.getState(selectPeerNameByID5(notification.data.startedBy)) || "Participant";
28292
- ToastManager.addToast({
28319
+ const pollToastID = ToastManager.addToast({
28293
28320
  title: `${pollStartedBy} started a ${notification.data.type}: ${notification.data.title}`,
28294
28321
  action: /* @__PURE__ */ React164.createElement(
28295
28322
  Button,
@@ -28304,8 +28331,17 @@ function Notifications() {
28304
28331
  }
28305
28332
  },
28306
28333
  notification.data.type === "quiz" ? "Answer" : "Vote"
28307
- )
28334
+ ),
28335
+ duration: Infinity
28308
28336
  });
28337
+ pollToastKey[notification.data.id] = pollToastID;
28338
+ }
28339
+ break;
28340
+ case HMSNotificationTypes10.POLL_STOPPED:
28341
+ const pollID = notification == null ? void 0 : notification.data.id;
28342
+ if (pollID && (pollToastKey == null ? void 0 : pollToastKey[pollID])) {
28343
+ ToastManager.removeToast(pollToastKey == null ? void 0 : pollToastKey[notification.data.id]);
28344
+ delete pollToastKey[notification == null ? void 0 : notification.data.id];
28309
28345
  }
28310
28346
  break;
28311
28347
  default:
@@ -28394,7 +28430,7 @@ init_define_process_env();
28394
28430
  import React168, { useCallback as useCallback34, useEffect as useEffect64, useMemo as useMemo18, useState as useState69 } from "react";
28395
28431
  import { useMedia as useMedia33 } from "react-use";
28396
28432
  import {
28397
- selectLocalPeerID as selectLocalPeerID17,
28433
+ selectLocalPeerID as selectLocalPeerID16,
28398
28434
  selectPeerNameByID as selectPeerNameByID6,
28399
28435
  useCustomEvent as useCustomEvent5,
28400
28436
  useHMSStore as useHMSStore83,
@@ -28424,7 +28460,7 @@ var getStartingPoints = (isMobile) => {
28424
28460
  return arr;
28425
28461
  };
28426
28462
  function FlyingEmoji() {
28427
- const localPeerId = useHMSStore83(selectLocalPeerID17);
28463
+ const localPeerId = useHMSStore83(selectLocalPeerID16);
28428
28464
  const vanillaStore = useHMSVanillaStore17();
28429
28465
  const [emojis, setEmojis] = useState69([]);
28430
28466
  const isMobile = useMedia33(config.media.md);
@@ -28538,22 +28574,22 @@ function RemoteStopScreenshare() {
28538
28574
 
28539
28575
  // src/Prebuilt/components/hooks/useAutoStartStreaming.tsx
28540
28576
  init_define_process_env();
28541
- import { useCallback as useCallback36, useEffect as useEffect65, useRef as useRef23 } from "react";
28577
+ import { useCallback as useCallback36, useEffect as useEffect65, useRef as useRef24 } from "react";
28542
28578
  import {
28543
28579
  selectIsConnectedToRoom as selectIsConnectedToRoom12,
28544
- selectPermissions as selectPermissions16,
28580
+ selectPermissions as selectPermissions17,
28545
28581
  useHMSActions as useHMSActions51,
28546
28582
  useHMSStore as useHMSStore84,
28547
28583
  useRecordingStreaming as useRecordingStreaming11
28548
28584
  } from "@100mslive/react-sdk";
28549
28585
  var useAutoStartStreaming = () => {
28550
28586
  const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
28551
- const permissions = useHMSStore84(selectPermissions16);
28587
+ const permissions = useHMSStore84(selectPermissions17);
28552
28588
  const showStreamingUI = useShowStreamingUI();
28553
28589
  const hmsActions = useHMSActions51();
28554
28590
  const isConnected = useHMSStore84(selectIsConnectedToRoom12);
28555
28591
  const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = useRecordingStreaming11();
28556
- const streamStartedRef = useRef23(false);
28592
+ const streamStartedRef = useRef24(false);
28557
28593
  const startHLS = useCallback36(() => __async(void 0, null, function* () {
28558
28594
  try {
28559
28595
  if (isHLSStarted || !showStreamingUI || isHLSRunning || isRTMPRunning || isHLSRecordingOn || isBrowserRecordingOn) {
@@ -28605,7 +28641,7 @@ var HMSPrebuilt = React170.forwardRef(
28605
28641
  onJoin
28606
28642
  }, ref) => {
28607
28643
  var _a8, _b7, _c, _d;
28608
- const reactiveStore = useRef24();
28644
+ const reactiveStore = useRef25();
28609
28645
  const [hydrated, setHydrated] = React170.useState(false);
28610
28646
  useEffect66(() => {
28611
28647
  setHydrated(true);
@@ -28910,4 +28946,4 @@ lodash/lodash.js:
28910
28946
  * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
28911
28947
  *)
28912
28948
  */
28913
- //# sourceMappingURL=chunk-ERKB3GGI.js.map
28949
+ //# sourceMappingURL=chunk-S5NNUR2M.js.map