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

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-ZG7ZVFEM.js} +19 -4
  2. package/dist/HLSView-ZG7ZVFEM.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-O7BEFUE4.js} +226 -191
  7. package/dist/{chunk-ERKB3GGI.js.map → chunk-O7BEFUE4.js.map} +3 -3
  8. package/dist/index.cjs.js +185 -132
  9. package/dist/index.cjs.js.map +3 -3
  10. package/dist/index.js +1 -1
  11. package/dist/meta.cjs.json +45 -45
  12. package/dist/meta.esbuild.json +55 -55
  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 +4 -2
  21. package/src/Prebuilt/components/Polls/Voting/QuestionCard.jsx +38 -81
  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
package/dist/{chunk-ERKB3GGI.js → chunk-O7BEFUE4.js} RENAMED
@@ -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", 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.3", 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: "01e34a9d446f82cf364a6c18618a143f494f7a931c21ebdc9c2eaa8626e8825f", 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--1706012308082-0.6869927814610712:/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--1706012307604-0.5431037108427657:/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--1706012284974-0.8120977781744145:/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--1706012308082-0.6869927814610712/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.3", 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.3", 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.3", 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.3", 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.3", 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,7 +21772,8 @@ 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)
@@ -21780,7 +21781,8 @@ var PeerParticipationSummary = ({ quiz }) => {
21780
21781
  ] : [
21781
21782
  { title: "Your rank", value: (peerEntry == null ? void 0 : peerEntry.position) ? `${peerEntry.position}/${summary.totalUsers}` : "-" },
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();
@@ -21920,15 +21915,8 @@ var QuestionCard2 = ({
21920
21915
  const showVoteCount = roleCanViewResponse && (localPeerResponse || isLocalPeerCreator && pollState === "stopped") && !isQuiz;
21921
21916
  const isLive = pollState === "started";
21922
21917
  const canRespond = isLive && !localPeerResponse;
21918
+ const startTime = useRef16(Date.now());
21923
21919
  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
21920
  const [singleOptionAnswer, setSingleOptionAnswer] = useState38();
21933
21921
  const [multipleOptionAnswer, setMultipleOptionAnswer] = useState38(/* @__PURE__ */ new Set());
21934
21922
  const [showOptions, setShowOptions] = useState38(true);
@@ -21948,19 +21936,25 @@ var QuestionCard2 = ({
21948
21936
  {
21949
21937
  questionIndex: index,
21950
21938
  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
21939
+ options: Array.from(multipleOptionAnswer),
21940
+ duration: Date.now() - startTime.current
21960
21941
  }
21961
21942
  ]);
21962
- moveNext();
21963
- }), [actions, index, pollID, moveNext]);
21943
+ startTime.current = Date.now();
21944
+ if (isQuiz && index !== totalQuestions) {
21945
+ setSingleOptionAnswer(void 0);
21946
+ setMultipleOptionAnswer(/* @__PURE__ */ new Set());
21947
+ }
21948
+ }), [
21949
+ isValidVote,
21950
+ actions.interactivityCenter,
21951
+ pollID,
21952
+ index,
21953
+ singleOptionAnswer,
21954
+ multipleOptionAnswer,
21955
+ totalQuestions,
21956
+ isQuiz
21957
+ ]);
21964
21958
  return /* @__PURE__ */ React96.createElement(
21965
21959
  Box,
21966
21960
  {
@@ -21992,34 +21986,12 @@ var QuestionCard2 = ({
21992
21986
  totalQuestions,
21993
21987
  ": ",
21994
21988
  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),
21989
+ )),
22018
21990
  /* @__PURE__ */ React96.createElement(Flex, { justify: "between", css: { my: "$md" } }, /* @__PURE__ */ React96.createElement(Text, { css: { color: "$on_surface_high" } }, text), /* @__PURE__ */ React96.createElement(
22019
21991
  Box,
22020
21992
  {
22021
21993
  css: { color: "$on_surface_medium", "&:hover": { color: "$on_surface_high", cursor: "pointer" } },
22022
- onClick: () => setShowOptions((prev2) => !prev2)
21994
+ onClick: () => setShowOptions((prev) => !prev)
22023
21995
  },
22024
21996
  /* @__PURE__ */ React96.createElement(
22025
21997
  ChevronDownIcon5,
@@ -22031,17 +22003,18 @@ var QuestionCard2 = ({
22031
22003
  /* @__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
22004
  SingleChoiceOptions,
22033
22005
  {
22006
+ key: index,
22034
22007
  questionIndex: index,
22035
22008
  isQuiz,
22036
22009
  canRespond,
22037
- response: localPeerResponse,
22038
22010
  correctOptionIndex: answer == null ? void 0 : answer.option,
22039
22011
  options,
22040
22012
  setAnswer: setSingleOptionAnswer,
22041
22013
  totalResponses: result == null ? void 0 : result.totalResponses,
22042
22014
  showVoteCount,
22043
22015
  localPeerResponse,
22044
- isStopped: pollState === "stopped"
22016
+ isStopped: pollState === "stopped",
22017
+ answer: singleOptionAnswer
22045
22018
  }
22046
22019
  ) : null, type === "multiple-choice" /* MULTIPLE_CHOICE */ ? /* @__PURE__ */ React96.createElement(
22047
22020
  MultipleChoiceOptions,
@@ -22049,7 +22022,6 @@ var QuestionCard2 = ({
22049
22022
  questionIndex: index,
22050
22023
  isQuiz,
22051
22024
  canRespond,
22052
- response: localPeerResponse,
22053
22025
  correctOptionIndexes: answer == null ? void 0 : answer.options,
22054
22026
  options,
22055
22027
  selectedOptions: multipleOptionAnswer,
@@ -22063,17 +22035,29 @@ var QuestionCard2 = ({
22063
22035
  QuestionActions,
22064
22036
  {
22065
22037
  isValidVote,
22066
- skippable,
22067
- onSkip: handleSkip,
22068
22038
  onVote: handleVote,
22069
22039
  response: localPeerResponse,
22070
- isQuiz
22040
+ isQuiz,
22041
+ incrementIndex: () => {
22042
+ setCurrentIndex((curr) => Math.min(totalQuestions, curr + 1));
22043
+ }
22071
22044
  }
22072
22045
  ))
22073
22046
  );
22074
22047
  };
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"));
22048
+ var QuestionActions = ({ isValidVote, response, isQuiz, onVote, incrementIndex }) => {
22049
+ 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(
22050
+ Button,
22051
+ {
22052
+ css: { p: "$xs $10", fontWeight: "$semiBold" },
22053
+ disabled: !isValidVote,
22054
+ onClick: () => {
22055
+ onVote();
22056
+ incrementIndex();
22057
+ }
22058
+ },
22059
+ isQuiz ? "Answer" : "Vote"
22060
+ ));
22077
22061
  };
22078
22062
 
22079
22063
  // src/Prebuilt/components/Polls/Voting/StandardVoting.tsx
@@ -22100,7 +22084,6 @@ var StandardView = ({ poll }) => {
22100
22084
  result: question.result,
22101
22085
  totalQuestions: ((_a9 = poll.questions) == null ? void 0 : _a9.length) || 0,
22102
22086
  options: question.options,
22103
- skippable: question.skippable,
22104
22087
  responses: question.responses,
22105
22088
  answer: question.answer,
22106
22089
  setCurrentIndex: () => {
@@ -22135,12 +22118,10 @@ var TimedView = ({ poll }) => {
22135
22118
  result: activeQuestion == null ? void 0 : activeQuestion.result,
22136
22119
  totalQuestions: ((_b7 = poll.questions) == null ? void 0 : _b7.length) || 0,
22137
22120
  options: activeQuestion.options,
22138
- skippable: activeQuestion.skippable || false,
22139
22121
  responses: activeQuestion.responses,
22140
22122
  answer: activeQuestion.answer,
22141
22123
  setCurrentIndex,
22142
- rolesThatCanViewResponses: poll.rolesThatCanViewResponses,
22143
- isTimed: true
22124
+ rolesThatCanViewResponses: poll.rolesThatCanViewResponses
22144
22125
  }
22145
22126
  );
22146
22127
  };
@@ -22150,13 +22131,14 @@ var Voting = ({ id, toggleVoting }) => {
22150
22131
  const actions = useHMSActions29();
22151
22132
  const poll = useHMSStore42(selectPollByID4(id));
22152
22133
  const pollCreatorName = useHMSStore42(selectPeerNameByID(poll == null ? void 0 : poll.createdBy));
22153
- const isLocalPeerCreator = useHMSStore42(selectLocalPeerID9) === (poll == null ? void 0 : poll.createdBy);
22134
+ const permissions = useHMSStore42(selectPermissions13);
22135
+ const canEndActivity = !!(permissions == null ? void 0 : permissions.pollWrite);
22154
22136
  const { setPollView } = usePollViewState();
22137
+ const showSingleView = (poll == null ? void 0 : poll.type) === "quiz" && poll.state === "started";
22155
22138
  if (!poll) {
22156
22139
  return null;
22157
22140
  }
22158
22141
  const canViewLeaderboard = poll.type === "quiz" && poll.state === "stopped" && !poll.anonymous;
22159
- const isTimed = (poll.duration || 0) > 0;
22160
22142
  const isLive = poll.state === "started";
22161
22143
  return /* @__PURE__ */ React99.createElement(Container3, { rounded: true }, /* @__PURE__ */ React99.createElement(
22162
22144
  Flex,
@@ -22178,7 +22160,7 @@ var Voting = ({ id, toggleVoting }) => {
22178
22160
  onClick: () => setPollView(POLL_VIEWS.CREATE_POLL_QUIZ),
22179
22161
  css: { cursor: "pointer", c: "$on_surface_medium", "&:hover": { color: "$on_surface_high" } }
22180
22162
  },
22181
- /* @__PURE__ */ React99.createElement(ChevronLeftIcon6, null)
22163
+ /* @__PURE__ */ React99.createElement(ChevronLeftIcon5, null)
22182
22164
  ),
22183
22165
  /* @__PURE__ */ React99.createElement(Text, { variant: "h6" }, poll.title),
22184
22166
  /* @__PURE__ */ React99.createElement(StatusIndicator, { isLive }),
@@ -22193,7 +22175,7 @@ var Voting = ({ id, toggleVoting }) => {
22193
22175
  },
22194
22176
  /* @__PURE__ */ React99.createElement(CrossIcon13, { onClick: toggleVoting })
22195
22177
  )
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(
22178
+ ), /* @__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
22179
  Button,
22198
22180
  {
22199
22181
  variant: "danger",
@@ -22238,20 +22220,20 @@ import { CrossIcon as CrossIcon17 } from "@100mslive/react-icons";
22238
22220
 
22239
22221
  // src/Prebuilt/components/Chat/Chat.tsx
22240
22222
  init_define_process_env();
22241
- import React112, { useCallback as useCallback28, useRef as useRef19 } from "react";
22223
+ import React112, { useCallback as useCallback28, useRef as useRef20 } from "react";
22242
22224
  import { useMedia as useMedia16 } from "react-use";
22243
22225
  import { selectHMSMessagesCount, useHMSActions as useHMSActions37, useHMSStore as useHMSStore52, useHMSVanillaStore as useHMSVanillaStore10 } from "@100mslive/react-sdk";
22244
22226
  import { ChevronDownIcon as ChevronDownIcon8 } from "@100mslive/react-icons";
22245
22227
 
22246
22228
  // src/Prebuilt/components/Chat/ChatBody.tsx
22247
22229
  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";
22230
+ import React104, { Fragment as Fragment11, useCallback as useCallback24, useEffect as useEffect22, useLayoutEffect, useMemo as useMemo7, useRef as useRef17, useState as useState42 } from "react";
22249
22231
  import { useMedia as useMedia11 } from "react-use";
22250
22232
  import AutoSizer from "react-virtualized-auto-sizer";
22251
22233
  import { VariableSizeList } from "react-window";
22252
22234
  import {
22253
22235
  selectHMSMessages,
22254
- selectLocalPeerID as selectLocalPeerID10,
22236
+ selectLocalPeerID as selectLocalPeerID9,
22255
22237
  selectLocalPeerName as selectLocalPeerName3,
22256
22238
  selectLocalPeerRoleName as selectLocalPeerRoleName3,
22257
22239
  selectPeerNameByID as selectPeerNameByID3,
@@ -22266,7 +22248,7 @@ import { SolidPinIcon } from "@100mslive/react-icons";
22266
22248
  // src/Prebuilt/components/Chat/ChatActions.tsx
22267
22249
  init_define_process_env();
22268
22250
  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";
22251
+ import { selectLocalPeerName as selectLocalPeerName2, selectPermissions as selectPermissions14, useHMSActions as useHMSActions32, useHMSStore as useHMSStore44 } from "@100mslive/react-sdk";
22270
22252
  import {
22271
22253
  CopyIcon as CopyIcon2,
22272
22254
  CrossCircleIcon as CrossCircleIcon2,
@@ -22391,7 +22373,7 @@ var ChatActions = ({
22391
22373
  const { roles_whitelist = [] } = (elements == null ? void 0 : elements.chat) || {};
22392
22374
  const [open, setOpen] = useState40(false);
22393
22375
  const actions = useHMSActions32();
22394
- const canRemoveOthers = (_b7 = useHMSStore44(selectPermissions13)) == null ? void 0 : _b7.removeOthers;
22376
+ const canRemoveOthers = (_b7 = useHMSStore44(selectPermissions14)) == null ? void 0 : _b7.removeOthers;
22395
22377
  const { blacklistItem: blacklistPeer } = useChatBlacklist("chatPeerBlacklist" /* CHAT_PEER_BLACKLIST */);
22396
22378
  const localPeerName = useHMSStore44(selectLocalPeerName2);
22397
22379
  const { setPinnedMessages, unpinBlacklistedMessages } = usePinnedMessages();
@@ -22743,11 +22725,11 @@ var ChatMessage = React104.memo(
22743
22725
  ({ index, style = {}, message }) => {
22744
22726
  var _a8, _b7, _c;
22745
22727
  const { elements } = useRoomLayoutConferencingScreen();
22746
- const rowRef = useRef16(null);
22728
+ const rowRef = useRef17(null);
22747
22729
  const isMobile = useMedia11(config.media.md);
22748
22730
  const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.private_chat_enabled);
22749
22731
  const isOverlay = ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay) && isMobile;
22750
- const localPeerId = useHMSStore46(selectLocalPeerID10);
22732
+ const localPeerId = useHMSStore46(selectLocalPeerID9);
22751
22733
  const [selectedRole, setRoleSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.ROLE);
22752
22734
  const [selectedPeer, setPeerSelector] = useSetSubscribedChatSelector(CHAT_SELECTOR.PEER);
22753
22735
  const messageType = getMessageType({
@@ -23013,7 +22995,7 @@ var PinnedBy = ({
23013
22995
 
23014
22996
  // src/Prebuilt/components/Chat/ChatFooter.tsx
23015
22997
  init_define_process_env();
23016
- import React107, { useCallback as useCallback26, useEffect as useEffect24, useRef as useRef18, useState as useState45 } from "react";
22998
+ import React107, { useCallback as useCallback26, useEffect as useEffect24, useRef as useRef19, useState as useState45 } from "react";
23017
22999
  import { useMedia as useMedia14 } from "react-use";
23018
23000
  import data2 from "@emoji-mart/data";
23019
23001
  import Picker from "@emoji-mart/react";
@@ -23335,9 +23317,9 @@ var useChatDraftMessage = () => {
23335
23317
 
23336
23318
  // src/Prebuilt/components/Chat/useEmojiPickerStyles.js
23337
23319
  init_define_process_env();
23338
- import { useEffect as useEffect23, useRef as useRef17 } from "react";
23320
+ import { useEffect as useEffect23, useRef as useRef18 } from "react";
23339
23321
  var useEmojiPickerStyles = (showing) => {
23340
- const ref = useRef17(null);
23322
+ const ref = useRef18(null);
23341
23323
  useEffect23(() => {
23342
23324
  if (showing) {
23343
23325
  setTimeout(() => {
@@ -23414,7 +23396,7 @@ function EmojiPicker({ onSelect }) {
23414
23396
  var ChatFooter = ({ onSend, children }) => {
23415
23397
  var _a8, _b7, _c, _d;
23416
23398
  const hmsActions = useHMSActions35();
23417
- const inputRef = useRef18(null);
23399
+ const inputRef = useRef19(null);
23418
23400
  const [draftMessage, setDraftMessage] = useChatDraftMessage();
23419
23401
  const isMobile = useMedia14(config.media.md);
23420
23402
  const { elements } = useRoomLayoutConferencingScreen();
@@ -23818,7 +23800,7 @@ var PinnedMessage = () => {
23818
23800
  var Chat = () => {
23819
23801
  var _a8, _b7;
23820
23802
  const { elements } = useRoomLayoutConferencingScreen();
23821
- const listRef = useRef19(null);
23803
+ const listRef = useRef20(null);
23822
23804
  const hmsActions = useHMSActions37();
23823
23805
  const vanillaStore = useHMSVanillaStore10();
23824
23806
  const { enabled: isChatEnabled = true } = useHMSStore52(qh("chatState" /* CHAT_STATE */)) || {};
@@ -23910,7 +23892,7 @@ import { useInView } from "react-intersection-observer";
23910
23892
  import { useMeasure as useMeasure2 } from "react-use";
23911
23893
  import { VariableSizeList as VariableSizeList2 } from "react-window";
23912
23894
  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";
23895
+ import { ChevronLeftIcon as ChevronLeftIcon6, CrossIcon as CrossIcon16 } from "@100mslive/react-icons";
23914
23896
  var LoadMoreParticipants = ({
23915
23897
  hasNext,
23916
23898
  loadMore,
@@ -23960,7 +23942,7 @@ var PaginatedParticipants = ({ roleName, onBack }) => {
23960
23942
  useEffect26(() => {
23961
23943
  loadPeers();
23962
23944
  }, []);
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(
23945
+ 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
23946
  IconButton,
23965
23947
  {
23966
23948
  onClick: (e) => {
@@ -24186,7 +24168,7 @@ import {
24186
24168
  selectAudioTrackByPeerID as selectAudioTrackByPeerID2,
24187
24169
  selectHasPeerHandRaised as selectHasPeerHandRaised3,
24188
24170
  selectIsPeerAudioEnabled as selectIsPeerAudioEnabled2,
24189
- selectLocalPeerID as selectLocalPeerID12,
24171
+ selectLocalPeerID as selectLocalPeerID11,
24190
24172
  selectPeerMetadata as selectPeerMetadata4,
24191
24173
  selectPeerNameByID as selectPeerNameByID4,
24192
24174
  selectSessionStore as selectSessionStore10,
@@ -24242,9 +24224,9 @@ init_define_process_env();
24242
24224
  import React118, { useState as useState49 } from "react";
24243
24225
  import { useMedia as useMedia19 } from "react-use";
24244
24226
  import {
24245
- selectLocalPeerID as selectLocalPeerID11,
24227
+ selectLocalPeerID as selectLocalPeerID10,
24246
24228
  selectPeerByID as selectPeerByID2,
24247
- selectPermissions as selectPermissions15,
24229
+ selectPermissions as selectPermissions16,
24248
24230
  selectTrackByID as selectTrackByID3,
24249
24231
  selectVideoTrackByPeerID as selectVideoTrackByPeerID2,
24250
24232
  useHMSStore as useHMSStore57,
@@ -24257,7 +24239,7 @@ init_define_process_env();
24257
24239
  import React117, { Fragment as Fragment12 } from "react";
24258
24240
  import { useMedia as useMedia18 } from "react-use";
24259
24241
  import {
24260
- selectPermissions as selectPermissions14,
24242
+ selectPermissions as selectPermissions15,
24261
24243
  selectSessionStore as selectSessionStore9,
24262
24244
  selectTrackByID as selectTrackByID2,
24263
24245
  useCustomEvent as useCustomEvent2,
@@ -24433,7 +24415,7 @@ var TileMenuContent = ({
24433
24415
  var _a8;
24434
24416
  const actions = useHMSActions39();
24435
24417
  const dragClassName = getDragClassName();
24436
- const removeOthers = (_a8 = useHMSStore56(selectPermissions14)) == null ? void 0 : _a8.removeOthers;
24418
+ const removeOthers = (_a8 = useHMSStore56(selectPermissions15)) == null ? void 0 : _a8.removeOthers;
24437
24419
  const { userName } = useHMSPrebuiltContext();
24438
24420
  const { isAudioEnabled, isVideoEnabled, setVolume, toggleAudio, toggleVideo, volume } = useRemoteAVToggle(
24439
24421
  audioTrackID,
@@ -24480,7 +24462,15 @@ var TileMenuContent = ({
24480
24462
  },
24481
24463
  isAudioEnabled ? /* @__PURE__ */ React117.createElement(MicOnIcon4, { height: 20, width: 20 }) : /* @__PURE__ */ React117.createElement(MicOffIcon5, { height: 20, width: 20 }),
24482
24464
  /* @__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(
24465
+ ) : 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(
24466
+ Slider,
24467
+ {
24468
+ css: { my: "0.5rem" },
24469
+ step: 5,
24470
+ value: [typeof volume === "number" ? volume : 100],
24471
+ onValueChange: (e) => setVolume == null ? void 0 : setVolume(e[0])
24472
+ }
24473
+ )) : 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
24474
  StyledMenuTile.RemoveItem,
24485
24475
  {
24486
24476
  css: __spreadProps(__spreadValues({}, spacingCSS), { borderTop: "none" }),
@@ -24521,9 +24511,9 @@ var TileMenu = ({
24521
24511
  var _a8, _b7;
24522
24512
  const [open, setOpen] = useState49(false);
24523
24513
  const { theme: theme2 } = useTheme();
24524
- const localPeerID = useHMSStore57(selectLocalPeerID11);
24514
+ const localPeerID = useHMSStore57(selectLocalPeerID10);
24525
24515
  const isLocal = localPeerID === peerID;
24526
- const { removeOthers } = useHMSStore57(selectPermissions15);
24516
+ const { removeOthers } = useHMSStore57(selectPermissions16);
24527
24517
  const { setVolume, toggleAudio, toggleVideo } = useRemoteAVToggle2(audioTrackID, videoTrackID);
24528
24518
  const showSpotlight = enableSpotlightingPeer;
24529
24519
  const isPrimaryVideoTrack = ((_a8 = useHMSStore57(selectVideoTrackByPeerID2(peerID))) == null ? void 0 : _a8.id) === videoTrackID;
@@ -24627,7 +24617,7 @@ var Tile = ({
24627
24617
  const track = useHMSStore58(trackSelector);
24628
24618
  const peerName = useHMSStore58(selectPeerNameByID4(peerId));
24629
24619
  const audioTrack = useHMSStore58(selectAudioTrackByPeerID2(peerId));
24630
- const localPeerID = useHMSStore58(selectLocalPeerID12);
24620
+ const localPeerID = useHMSStore58(selectLocalPeerID11);
24631
24621
  const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
24632
24622
  const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
24633
24623
  const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
@@ -24827,11 +24817,20 @@ var VBPlugin = class {
24827
24817
  }
24828
24818
  };
24829
24819
  this.getBackground = () => {
24830
- var _a8, _b7, _c, _d;
24820
+ var _a8, _b7;
24831
24821
  if (this.effectsPlugin) {
24832
24822
  return (_a8 = this.effectsPlugin) == null ? void 0 : _a8.getBackground();
24833
24823
  } 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);
24824
+ const background = (_b7 = this.hmsPlugin) == null ? void 0 : _b7.getBackground();
24825
+ return (background == null ? void 0 : background.src) || background;
24826
+ }
24827
+ };
24828
+ this.getBlurAmount = () => {
24829
+ var _a8;
24830
+ if (this.effectsPlugin) {
24831
+ return this.effectsPlugin.getBlurAmount();
24832
+ } else {
24833
+ return ((_a8 = this.hmsPlugin) == null ? void 0 : _a8.getBackground()) === HMSVirtualBackgroundTypes2.BLUR ? 1 : 0;
24835
24834
  }
24836
24835
  };
24837
24836
  this.getVBObject = () => {
@@ -24914,6 +24913,7 @@ var VBPicker = ({ backgroundMedia = [] }) => {
24914
24913
  const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
24915
24914
  const trackSelector = selectVideoTrackByID4(localPeer == null ? void 0 : localPeer.videoTrack);
24916
24915
  const track = useHMSStore59(trackSelector);
24916
+ const [blurAmount, setBlurAmount] = useState51(VBHandler.getBlurAmount() || 0.5);
24917
24917
  const roomState = useHMSStore59(selectRoomState4);
24918
24918
  const isLargeRoom = useHMSStore59(selectIsLargeRoom3);
24919
24919
  const isEffectsEnabled = useHMSStore59(Qn);
@@ -24996,7 +24996,7 @@ var VBPicker = ({ backgroundMedia = [] }) => {
24996
24996
  value: HMSVirtualBackgroundTypes3.BLUR,
24997
24997
  onClick: () => __async(void 0, null, function* () {
24998
24998
  var _a9;
24999
- yield (_a9 = VBHandler) == null ? void 0 : _a9.setBlur(0.5);
24999
+ yield (_a9 = VBHandler) == null ? void 0 : _a9.setBlur(blurAmount);
25000
25000
  setActiveBackground(HMSVirtualBackgroundTypes3.BLUR);
25001
25001
  })
25002
25002
  }
@@ -25004,6 +25004,19 @@ var VBPicker = ({ backgroundMedia = [] }) => {
25004
25004
  activeBackground
25005
25005
  }
25006
25006
  ),
25007
+ activeBackground === HMSVirtualBackgroundTypes3.BLUR && isEffectsEnabled && effectsKey ? /* @__PURE__ */ React122.createElement(
25008
+ Slider,
25009
+ {
25010
+ value: [blurAmount],
25011
+ onValueChange: (e) => __async(void 0, null, function* () {
25012
+ setBlurAmount(e[0]);
25013
+ yield VBHandler.setBlur(e[0]);
25014
+ }),
25015
+ step: 0.1,
25016
+ min: 0.1,
25017
+ max: 1
25018
+ }
25019
+ ) : null,
25007
25020
  /* @__PURE__ */ React122.createElement(
25008
25021
  VBCollection,
25009
25022
  {
@@ -25379,20 +25392,7 @@ var PreviewJoin = ({
25379
25392
  textColor: "#FFF",
25380
25393
  icon: /* @__PURE__ */ React128.createElement(Box, { css: { h: "$sm", w: "$sm", backgroundColor: "$on_primary_high", borderRadius: "$round" } })
25381
25394
  }
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(
25395
+ ) : 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
25396
  PreviewForm_default,
25397
25397
  {
25398
25398
  name,
@@ -25433,9 +25433,12 @@ var PreviewTile = ({ name, error }) => {
25433
25433
  bg: "$surface_default",
25434
25434
  aspectRatio,
25435
25435
  height: "min(360px, 70vh)",
25436
+ width: "auto",
25436
25437
  maxWidth: "640px",
25437
25438
  overflow: "clip",
25439
+ mt: "$14",
25438
25440
  "@md": {
25441
+ mt: 0,
25439
25442
  width: "min(220px, 70vw)",
25440
25443
  maxWidth: "100%",
25441
25444
  my: "$4"
@@ -25485,20 +25488,26 @@ var RequestPrompt = ({
25485
25488
  title,
25486
25489
  body,
25487
25490
  actionText = "Accept",
25488
- onAction
25491
+ onAction,
25492
+ disableActions = false
25489
25493
  }) => {
25490
25494
  const isMobile = useMedia23(config.media.md);
25491
25495
  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 })));
25496
+ 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
25497
  }
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 }))));
25498
+ 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
25499
  };
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)));
25500
+ var RequestActions = ({
25501
+ onAction,
25502
+ actionText,
25503
+ disabled = false
25504
+ }) => /* @__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
25505
 
25498
25506
  // src/Prebuilt/components/RoleChangeRequest/RoleChangeRequestModal.tsx
25499
25507
  var RoleChangeRequestModal = () => {
25500
25508
  const hmsActions = useHMSActions41();
25501
25509
  const { updateMetaData } = useMyMetadata();
25510
+ const isPreview = useHMSStore63(selectIsInPreview);
25502
25511
  const currentRole = useHMSStore63(selectLocalPeerRoleName4);
25503
25512
  const roleChangeRequest = useHMSStore63(selectRoleChangeRequest);
25504
25513
  const name = useHMSStore63(selectLocalPeerName4);
@@ -25561,7 +25570,8 @@ var RoleChangeRequestModal = () => {
25561
25570
  yield updateMetaData({ prevRole: currentRole });
25562
25571
  yield hmsActions.lowerLocalPeerHand();
25563
25572
  }),
25564
- actionText: "Accept"
25573
+ actionText: "Accept",
25574
+ disableActions: !isPreview
25565
25575
  }
25566
25576
  );
25567
25577
  };
@@ -25582,7 +25592,7 @@ import {
25582
25592
  init_define_process_env();
25583
25593
  import React142, { useEffect as useEffect40, useMemo as useMemo15, useState as useState60 } from "react";
25584
25594
  import {
25585
- selectLocalPeerID as selectLocalPeerID14,
25595
+ selectLocalPeerID as selectLocalPeerID13,
25586
25596
  selectLocalPeerRoleName as selectLocalPeerRoleName5,
25587
25597
  selectPeers as selectPeers3,
25588
25598
  selectPeerScreenSharing,
@@ -25598,7 +25608,7 @@ import { selectLocalPeer as selectLocalPeer9, useHMSStore as useHMSStore65 } fro
25598
25608
 
25599
25609
  // src/Prebuilt/components/InsetTile.tsx
25600
25610
  init_define_process_env();
25601
- import React132, { useEffect as useEffect33, useRef as useRef20 } from "react";
25611
+ import React132, { useEffect as useEffect33, useRef as useRef21 } from "react";
25602
25612
  import Draggable from "react-draggable";
25603
25613
  import { useMedia as useMedia24 } from "react-use";
25604
25614
  import { selectIsAllowedToPublish as selectIsAllowedToPublish2, selectLocalPeer as selectLocalPeer8, selectVideoTrackByID as selectVideoTrackByID6, useHMSStore as useHMSStore64 } from "@100mslive/react-sdk";
@@ -25655,7 +25665,7 @@ var InsetTile = () => {
25655
25665
  width = 240;
25656
25666
  height = width / aspectRatio;
25657
25667
  }
25658
- const nodeRef = useRef20(null);
25668
+ const nodeRef = useRef21(null);
25659
25669
  useEffect33(() => {
25660
25670
  const node = nodeRef.current;
25661
25671
  if (!node || !window.ResizeObserver) {
@@ -25717,7 +25727,7 @@ var InsetTile = () => {
25717
25727
  // src/Prebuilt/components/Pagination.tsx
25718
25728
  init_define_process_env();
25719
25729
  import React133, { useEffect as useEffect34 } from "react";
25720
- import { ChevronLeftIcon as ChevronLeftIcon8, ChevronRightIcon as ChevronRightIcon5 } from "@100mslive/react-icons";
25730
+ import { ChevronLeftIcon as ChevronLeftIcon7, ChevronRightIcon as ChevronRightIcon4 } from "@100mslive/react-icons";
25721
25731
  var Pagination = ({
25722
25732
  page,
25723
25733
  onPageChange,
@@ -25741,7 +25751,7 @@ var Pagination = ({
25741
25751
  if (numPages <= 1) {
25742
25752
  return null;
25743
25753
  }
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(
25754
+ 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
25755
  StyledPagination.Dot,
25746
25756
  {
25747
25757
  key: i,
@@ -25751,7 +25761,7 @@ var Pagination = ({
25751
25761
  onPageChange(i);
25752
25762
  }
25753
25763
  }
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" } })));
25764
+ ))) : 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
25765
  };
25756
25766
 
25757
25767
  // src/Prebuilt/components/VideoLayouts/Grid.tsx
@@ -26130,11 +26140,11 @@ import { selectPeersScreenSharing, useHMSStore as useHMSStore68 } from "@100msli
26130
26140
 
26131
26141
  // src/Prebuilt/components/ScreenshareTile.jsx
26132
26142
  init_define_process_env();
26133
- import React140, { useRef as useRef21, useState as useState58 } from "react";
26143
+ import React140, { useRef as useRef22, useState as useState58 } from "react";
26134
26144
  import { useFullscreen as useFullscreen2 } from "react-use";
26135
26145
  import screenfull2 from "screenfull";
26136
26146
  import {
26137
- selectLocalPeerID as selectLocalPeerID13,
26147
+ selectLocalPeerID as selectLocalPeerID12,
26138
26148
  selectPeerByID as selectPeerByID3,
26139
26149
  selectScreenShareAudioByPeerID as selectScreenShareAudioByPeerID2,
26140
26150
  selectScreenShareByPeerID,
@@ -26189,13 +26199,13 @@ var labelStyles = {
26189
26199
  flexShrink: 0
26190
26200
  };
26191
26201
  var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
26192
- const isLocal = useHMSStore67(selectLocalPeerID13) === peerId;
26202
+ const isLocal = useHMSStore67(selectLocalPeerID12) === peerId;
26193
26203
  const track = useHMSStore67(selectScreenShareByPeerID(peerId));
26194
26204
  const peer = useHMSStore67(selectPeerByID3(peerId));
26195
26205
  const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
26196
26206
  const [isMouseHovered, setIsMouseHovered] = useState58(false);
26197
26207
  const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
26198
- const fullscreenRef = useRef21(null);
26208
+ const fullscreenRef = useRef22(null);
26199
26209
  const [fullscreen, setFullscreen] = useState58(false);
26200
26210
  const isFullscreen = useFullscreen2(fullscreenRef, fullscreen, {
26201
26211
  onClose: () => setFullscreen(false)
@@ -26394,7 +26404,7 @@ var GridLayout = ({
26394
26404
  const pinnedTrack = usePinnedTrack();
26395
26405
  const peers = useHMSStore69(selectPeers3);
26396
26406
  const localPeerRole = useHMSStore69(selectLocalPeerRoleName5);
26397
- const localPeerID = useHMSStore69(selectLocalPeerID14);
26407
+ const localPeerID = useHMSStore69(selectLocalPeerID13);
26398
26408
  const [activeScreensharePeerId] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
26399
26409
  const isRoleProminence = prominentRoles.length && peers.some(
26400
26410
  (peer) => peer.roleName && prominentRoles.includes(peer.roleName) && (peer.videoTrack || peer.audioTrack)
@@ -26726,7 +26736,7 @@ var useCloseScreenshareWhiteboard = () => {
26726
26736
  };
26727
26737
 
26728
26738
  // src/Prebuilt/layouts/VideoStreamingSection.tsx
26729
- var HLSView = React147.lazy(() => import("./HLSView-DJGDJPXM.js"));
26739
+ var HLSView = React147.lazy(() => import("./HLSView-ZG7ZVFEM.js"));
26730
26740
  var VideoStreamingSection = ({
26731
26741
  screenType,
26732
26742
  elements,
@@ -27017,10 +27027,10 @@ var ConferenceScreen = () => {
27017
27027
  const [hideControls, setHideControls] = useState61(false);
27018
27028
  const dropdownList = useHMSStore75(selectAppData7(APP_DATA.dropdownList));
27019
27029
  const authTokenInAppData = useAuthToken();
27020
- const headerRef = useRef22(null);
27021
- const footerRef = useRef22(null);
27030
+ const headerRef = useRef23(null);
27031
+ const footerRef = useRef23(null);
27022
27032
  const isMobileDevice = isAndroid || isIOS || isIPadOS;
27023
- const dropdownListRef = useRef22();
27033
+ const dropdownListRef = useRef23();
27024
27034
  const [isHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
27025
27035
  const toggleControls = () => {
27026
27036
  var _a9;
@@ -27028,7 +27038,7 @@ var ConferenceScreen = () => {
27028
27038
  setHideControls((value) => !value);
27029
27039
  }
27030
27040
  };
27031
- const autoRoomJoined = useRef22(isPreviewScreenEnabled);
27041
+ const autoRoomJoined = useRef23(isPreviewScreenEnabled);
27032
27042
  useEffect47(() => {
27033
27043
  let timeout;
27034
27044
  dropdownListRef.current = dropdownList || [];
@@ -27546,7 +27556,7 @@ import React164, { useCallback as useCallback33, useEffect as useEffect62 } from
27546
27556
  import {
27547
27557
  HMSNotificationTypes as HMSNotificationTypes10,
27548
27558
  HMSRoomState as HMSRoomState10,
27549
- selectLocalPeerID as selectLocalPeerID16,
27559
+ selectLocalPeerID as selectLocalPeerID15,
27550
27560
  selectPeerNameByID as selectPeerNameByID5,
27551
27561
  selectRoomState as selectRoomState10,
27552
27562
  useCustomEvent as useCustomEvent4,
@@ -27818,12 +27828,12 @@ function AutoplayBlockedModal() {
27818
27828
  init_define_process_env();
27819
27829
  import React158, { useEffect as useEffect53 } from "react";
27820
27830
  import { v4 as uuid3 } from "uuid";
27821
- import { selectLocalPeerID as selectLocalPeerID15, selectSessionStore as selectSessionStore11, useHMSStore as useHMSStore79 } from "@100mslive/react-sdk";
27831
+ import { selectLocalPeerID as selectLocalPeerID14, selectSessionStore as selectSessionStore11, useHMSStore as useHMSStore79 } from "@100mslive/react-sdk";
27822
27832
  import { ChatIcon as ChatIcon2, ChatUnreadIcon as ChatUnreadIcon2 } from "@100mslive/react-icons";
27823
27833
  var NOTIFICATION_TIME_DIFFERENCE = 5e3;
27824
27834
  var ChatNotifications = () => {
27825
27835
  const chatState = useHMSStore79(selectSessionStore11("chatState" /* CHAT_STATE */));
27826
- const localPeerId = useHMSStore79(selectLocalPeerID15);
27836
+ const localPeerId = useHMSStore79(selectLocalPeerID14);
27827
27837
  useEffect53(() => {
27828
27838
  var _a8, _b7;
27829
27839
  if (!chatState || ((_a8 = chatState.updatedBy) == null ? void 0 : _a8.peerId) === localPeerId) {
@@ -27991,24 +28001,39 @@ function PermissionErrorModal() {
27991
28001
  }
27992
28002
  setIsSystemError(notification.data.code === 3011);
27993
28003
  }, [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,
28004
+ return deviceType ? /* @__PURE__ */ React160.createElement(Dialog.Root, { open: !!deviceType }, /* @__PURE__ */ React160.createElement(Dialog.Portal, null, /* @__PURE__ */ React160.createElement(Dialog.Overlay, null), /* @__PURE__ */ React160.createElement(
28005
+ Dialog.Content,
27996
28006
  {
27997
28007
  css: {
27998
- borderBottom: "1px solid $border_default"
28008
+ w: "min(380px, 90%)",
28009
+ p: "$8",
28010
+ // overlay over Sheet.tsx
28011
+ zIndex: 23
27999
28012
  }
28000
28013
  },
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",
28014
+ /* @__PURE__ */ React160.createElement(
28015
+ Dialog.Title,
28004
28016
  {
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;
28017
+ css: {
28018
+ borderBottom: "1px solid $border_default"
28019
+ }
28020
+ },
28021
+ isMobile && isIOS ? /* @__PURE__ */ React160.createElement("img", { style: { maxWidth: "100%", maxHeight: "100%" }, src: ios_perm_0_default, alt: "iOS Permission flow" }) : null,
28022
+ isMobile && isAndroid ? /* @__PURE__ */ React160.createElement(
28023
+ "img",
28024
+ {
28025
+ src: android_perm_1_default,
28026
+ style: { maxWidth: "100%", maxHeight: "100%" },
28027
+ alt: "Android Permission flow "
28028
+ }
28029
+ ) : null,
28030
+ /* @__PURE__ */ React160.createElement(Text, { variant: "h6" }, "We can't access your ", deviceType)
28031
+ ),
28032
+ /* @__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),
28033
+ 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,
28034
+ 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,
28035
+ !isMobile ? /* @__PURE__ */ React160.createElement(Flex, { justify: "end", css: { w: "100%" } }, /* @__PURE__ */ React160.createElement(Button, { outlined: true, variant: "standard", onClick: () => setDeviceType("") }, "Dismiss")) : null
28036
+ ))) : null;
28012
28037
  }
28013
28038
 
28014
28039
  // src/Prebuilt/components/Notifications/ReconnectNotifications.tsx
@@ -28186,8 +28211,9 @@ var TrackUnmuteModal = () => {
28186
28211
  };
28187
28212
 
28188
28213
  // src/Prebuilt/components/Notifications/Notifications.tsx
28214
+ var pollToastKey = {};
28189
28215
  function Notifications() {
28190
- const localPeerID = useHMSStore81(selectLocalPeerID16);
28216
+ const localPeerID = useHMSStore81(selectLocalPeerID15);
28191
28217
  const notification = useHMSNotifications10();
28192
28218
  const subscribedNotifications = useSubscribedNotifications() || {};
28193
28219
  const roomState = useHMSStore81(selectRoomState10);
@@ -28289,7 +28315,7 @@ function Notifications() {
28289
28315
  case HMSNotificationTypes10.POLL_STARTED:
28290
28316
  if (notification.data.startedBy !== localPeerID && screenProps.screenType !== "hls_live_streaming") {
28291
28317
  const pollStartedBy = vanillaStore.getState(selectPeerNameByID5(notification.data.startedBy)) || "Participant";
28292
- ToastManager.addToast({
28318
+ const pollToastID = ToastManager.addToast({
28293
28319
  title: `${pollStartedBy} started a ${notification.data.type}: ${notification.data.title}`,
28294
28320
  action: /* @__PURE__ */ React164.createElement(
28295
28321
  Button,
@@ -28304,8 +28330,17 @@ function Notifications() {
28304
28330
  }
28305
28331
  },
28306
28332
  notification.data.type === "quiz" ? "Answer" : "Vote"
28307
- )
28333
+ ),
28334
+ duration: Infinity
28308
28335
  });
28336
+ pollToastKey[notification.data.id] = pollToastID;
28337
+ }
28338
+ break;
28339
+ case HMSNotificationTypes10.POLL_STOPPED:
28340
+ const pollID = notification == null ? void 0 : notification.data.id;
28341
+ if (pollID && (pollToastKey == null ? void 0 : pollToastKey[pollID])) {
28342
+ ToastManager.removeToast(pollToastKey == null ? void 0 : pollToastKey[notification.data.id]);
28343
+ delete pollToastKey[notification == null ? void 0 : notification.data.id];
28309
28344
  }
28310
28345
  break;
28311
28346
  default:
@@ -28394,7 +28429,7 @@ init_define_process_env();
28394
28429
  import React168, { useCallback as useCallback34, useEffect as useEffect64, useMemo as useMemo18, useState as useState69 } from "react";
28395
28430
  import { useMedia as useMedia33 } from "react-use";
28396
28431
  import {
28397
- selectLocalPeerID as selectLocalPeerID17,
28432
+ selectLocalPeerID as selectLocalPeerID16,
28398
28433
  selectPeerNameByID as selectPeerNameByID6,
28399
28434
  useCustomEvent as useCustomEvent5,
28400
28435
  useHMSStore as useHMSStore83,
@@ -28424,7 +28459,7 @@ var getStartingPoints = (isMobile) => {
28424
28459
  return arr;
28425
28460
  };
28426
28461
  function FlyingEmoji() {
28427
- const localPeerId = useHMSStore83(selectLocalPeerID17);
28462
+ const localPeerId = useHMSStore83(selectLocalPeerID16);
28428
28463
  const vanillaStore = useHMSVanillaStore17();
28429
28464
  const [emojis, setEmojis] = useState69([]);
28430
28465
  const isMobile = useMedia33(config.media.md);
@@ -28538,22 +28573,22 @@ function RemoteStopScreenshare() {
28538
28573
 
28539
28574
  // src/Prebuilt/components/hooks/useAutoStartStreaming.tsx
28540
28575
  init_define_process_env();
28541
- import { useCallback as useCallback36, useEffect as useEffect65, useRef as useRef23 } from "react";
28576
+ import { useCallback as useCallback36, useEffect as useEffect65, useRef as useRef24 } from "react";
28542
28577
  import {
28543
28578
  selectIsConnectedToRoom as selectIsConnectedToRoom12,
28544
- selectPermissions as selectPermissions16,
28579
+ selectPermissions as selectPermissions17,
28545
28580
  useHMSActions as useHMSActions51,
28546
28581
  useHMSStore as useHMSStore84,
28547
28582
  useRecordingStreaming as useRecordingStreaming11
28548
28583
  } from "@100mslive/react-sdk";
28549
28584
  var useAutoStartStreaming = () => {
28550
28585
  const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
28551
- const permissions = useHMSStore84(selectPermissions16);
28586
+ const permissions = useHMSStore84(selectPermissions17);
28552
28587
  const showStreamingUI = useShowStreamingUI();
28553
28588
  const hmsActions = useHMSActions51();
28554
28589
  const isConnected = useHMSStore84(selectIsConnectedToRoom12);
28555
28590
  const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = useRecordingStreaming11();
28556
- const streamStartedRef = useRef23(false);
28591
+ const streamStartedRef = useRef24(false);
28557
28592
  const startHLS = useCallback36(() => __async(void 0, null, function* () {
28558
28593
  try {
28559
28594
  if (isHLSStarted || !showStreamingUI || isHLSRunning || isRTMPRunning || isHLSRecordingOn || isBrowserRecordingOn) {
@@ -28605,7 +28640,7 @@ var HMSPrebuilt = React170.forwardRef(
28605
28640
  onJoin
28606
28641
  }, ref) => {
28607
28642
  var _a8, _b7, _c, _d;
28608
- const reactiveStore = useRef24();
28643
+ const reactiveStore = useRef25();
28609
28644
  const [hydrated, setHydrated] = React170.useState(false);
28610
28645
  useEffect66(() => {
28611
28646
  setHydrated(true);
@@ -28910,4 +28945,4 @@ lodash/lodash.js:
28910
28945
  * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
28911
28946
  *)
28912
28947
  */
28913
- //# sourceMappingURL=chunk-ERKB3GGI.js.map
28948
+ //# sourceMappingURL=chunk-O7BEFUE4.js.map