@100mslive/roomkit-react 0.2.1 → 0.2.2-alpha.0

package/dist/{chunk-GNQAOG73.js → chunk-ARSLHHAZ.js}

@@ -106,7 +106,7 @@ var __async = (__this, __arguments, generator) => {
 var define_process_env_default;
 var init_define_process_env = __esm({
   "<define:process.env>"() {
-    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_5bb1b49a-a892-4389-be0a-e6c1ac4d9278", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_devDependencies_rollup: "^2.70.1", npm_package_exports___require: "./dist/index.cjs.js", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", USER: "runner", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.21 npm/? node/v18.19.0 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_devDependencies__rollup_plugin_node_resolve: "^13.1.3", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.9.1", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_5bb1b49a-a892-4389-be0a-e6c1ac4d9278", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.19.0/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.12.1", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.12.5", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.5", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.1.10909125", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "587", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_devDependencies__rollup_plugin_image: "^3.0.2", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.12/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.5/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240116.3.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:18220", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__rollup_plugin_commonjs: "^21.0.3", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.2.1", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", npm_package_devDependencies__rollup_plugin_json: "^6.0.0", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", GITHUB_RUN_ID: "7581386761", npm_package_workspaces_0: "packages/*", npm_package_scripts_store: "cd packages/hms-video-store && yarn start", npm_package_devDependencies__babel_core: "^7.18.2", npm_package_devDependencies__storybook_addon_interactions: "^7.0.27", npm_package_devDependencies__storybook_addon_actions: "^7.0.27", GITHUB_REF_TYPE: "branch", BOOTSTRAP_HASKELL_NONINTERACTIVE: "1", GITHUB_WORKFLOW_SHA: "d059b6f9ea6851f26271332df4cf83c9a4f3d567", GITHUB_BASE_REF: "", ImageOS: "ubuntu22", npm_package_workspaces_1: "examples/*", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_ignore_scripts: "", NX_TASK_HASH: "563fa88ae30f556184862c3ef699a9d8b58e6a1cf7ef09a45333c2a07bd3dc27", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/main", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1705653583868-0.30605188987079:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1705653583674-0.13111361219514506:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1705653561343-0.18765335287556817:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1705653561165-0.44274391677102254:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.0/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.0/x64/bin:/snap/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/18.19.0/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_b56e162d-8a5e-4ec3-b372-3cd8b0948b9b", INVOCATION_ID: "d9e6c2c528bc459ea085ea3128591820", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", GOROOT_1_19_X64: "/opt/hostedtoolcache/go/1.19.13/x64", npm_package_scripts_size: "size-limit", npm_package_devDependencies_size_limit: "^5.0.3", npm_package_name: "@100mslive/roomkit-react", npm_package_devDependencies__storybook_react_webpack5: "^7.0.27", npm_package_repository_type: "git", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "413", GITHUB_TRIGGERING_ACTOR: "raviteja83", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", npm_package_devDependencies__rollup_plugin_typescript: "^8.3.1", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_devDependencies_rollup_plugin_terser: "^7.0.2", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 2", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "main", GITHUB_REPOSITORY: "100mslive/web-sdks", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_devDependencies_rollup_plugin_import_css: "^3.3.1", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.9.1", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.2.1", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", GITHUB_SHA: "d059b6f9ea6851f26271332df4cf83c9a4f3d567", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", npm_package_dependencies_qrcode_react: "^3.1.0", GITHUB_REF: "refs/heads/main", GITHUB_ACTOR: "raviteja83", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_config_strict_ssl: "true", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_scripts_format: "prettier -w src/**", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", GITHUB_PATH: "/home/runner/work/_temp/_runner_file_commands/add_path_5bb1b49a-a892-4389-be0a-e6c1ac4d9278", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "6763261", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.10.0-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_5bb1b49a-a892-4389-be0a-e6c1ac4d9278", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/25.2.9519653", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.154/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_5bb1b49a-a892-4389-be0a-e6c1ac4d9278" };
+    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/scripts", 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.0", 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: "8d7ba53451278864a4cd1c54a4294a9720fede2924e96082fbed986180ee8a8c", 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--1705913498356-0.43708507478229097:/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--1705913497811-0.379639415023473:/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--1705913475111-0.1370974562629641:/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--1705913498356-0.43708507478229097/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.0", 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.0", 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.0", 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.0", 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" };
   }
 });
 
@@ -8888,8 +8888,8 @@ var StyledButton = styled("button", __spreadProps(__spreadValues({}, flexCenter)
         "$secondary_bright",
         "$secondary_dim",
         "$secondary_disabled",
-        "$on_surface_high",
-        "$on_surface_low"
+        "$on_secondary_high",
+        "$on_secondary_low"
       ),
       danger: getButtonVariants(
         "$alert_error_default",
@@ -11185,7 +11185,7 @@ var Collapsible = {
 
 // src/Prebuilt/App.tsx
 init_define_process_env();
-import React170, { useEffect as useEffect66, useRef as useRef24 } from "react";
+import React170, { useEffect as useEffect66, useRef as useRef25 } from "react";
 import {
   HMSReactiveStore,
   HMSRoomProvider,
@@ -11814,7 +11814,7 @@ var AuthToken_default = AuthToken;
 
 // src/Prebuilt/components/ConferenceScreen.tsx
 init_define_process_env();
-import React150, { useEffect as useEffect47, useRef as useRef22, useState as useState61 } from "react";
+import React150, { useEffect as useEffect47, useRef as useRef23, useState as useState61 } from "react";
 import {
   HMSRoomState as HMSRoomState7,
   selectAppData as selectAppData7,
@@ -12521,7 +12521,7 @@ var StyledContent6 = styled(DialogPrimitive2.Content, {
   borderTopRightRadius: "$3",
   boxShadow: "0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)",
   position: "fixed",
-  zIndex: 1001,
+  zIndex: 22,
   top: 0,
   right: 0,
   left: 0,
@@ -17263,7 +17263,7 @@ var m = (a2, e) => {
       Gr.call(e, t) && Br(a2, t, e[t]);
   return a2;
 };
-var y = (a2, e) => Ta(a2, fa(e));
+var k = (a2, e) => Ta(a2, fa(e));
 var Qi = (a2, e) => {
   var t = {};
   for (var i in a2)
@@ -17275,7 +17275,7 @@ var Qi = (a2, e) => {
 };
 var ya = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
 var nr = ya((jc, Va) => {
-  Va.exports = { version: "0.11.1", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "src"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, sideEffects: false, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
+  Va.exports = { version: "0.11.2-alpha.0", 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"] };
 });
 var zi = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(zi || {});
 var ka = ((e) => (e.CHAT = "chat", e))(ka || {});
@@ -17766,12 +17766,12 @@ var H = class {
     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();
   }
   toSignalParams() {
-    return { name: this.name, info: y(m({}, this.properties), { timestamp: this.timestamp, domain: Ue }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
+    return { name: this.name, info: k(m({}, this.properties), { timestamp: this.timestamp, domain: Ue }), timestamp: (/* @__PURE__ */ new Date()).getTime() };
   }
 };
 var M = class {
   static connect(e, t, i = /* @__PURE__ */ new Date(), r = /* @__PURE__ */ new Date(), s) {
-    let o = this.eventNameFor("connect", e === void 0), n = e ? 2 : 1, l = this.getPropertiesWithError(y(m({}, t), { [this.KEY_REQUESTED_AT]: i == null ? void 0 : i.getTime(), [this.KEY_RESPONDED_AT]: r == null ? void 0 : r.getTime(), endpoint: s }), e);
+    let o = this.eventNameFor("connect", e === void 0), n = e ? 2 : 1, l = this.getPropertiesWithError(k(m({}, t), { [this.KEY_REQUESTED_AT]: i == null ? void 0 : i.getTime(), [this.KEY_RESPONDED_AT]: r == null ? void 0 : r.getTime(), endpoint: s }), e);
     return new H({ name: o, level: n, properties: l });
   }
   static disconnect(e, t) {
@@ -17785,7 +17785,7 @@ var M = class {
   }
   static join(i) {
     var r = i, { error: e } = r, t = Qi(r, ["error"]);
-    let s = this.eventNameFor("join", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(y(m({}, t), { is_preview_called: !!t.is_preview_called }), e);
+    let s = this.eventNameFor("join", e === void 0), o = e ? 2 : 1, n = this.getPropertiesWithError(k(m({}, t), { is_preview_called: !!t.is_preview_called }), e);
     return new H({ name: s, level: o, properties: n });
   }
   static publish({ devices: e, settings: t, error: i }) {
@@ -17828,7 +17828,7 @@ var M = class {
     let i = "video.degradation.stats", r = 1, s = { degradedAt: e.degradedAt, trackId: e.trackId };
     if (!t && e.degradedAt instanceof Date) {
       let o = /* @__PURE__ */ new Date(), n = o.valueOf() - e.degradedAt.valueOf();
-      s = y(m({}, s), { duration: n, restoredAt: o });
+      s = k(m({}, s), { duration: n, restoredAt: o });
     }
     return new H({ name: i, level: r, properties: s });
   }
@@ -17970,7 +17970,7 @@ var qe = class {
 };
 qe.makePeerId = () => ro();
 var ht = "HMS-Store:";
-var k = class {
+var y = class {
   static v(e, ...t) {
     this.log(0, e, ...t);
   }
@@ -18035,7 +18035,7 @@ var k = class {
       }
   }
 };
-k.level = 0;
+y.level = 0;
 var Ar = (a2, e) => e;
 var mt = (a2, e) => e;
 var Gs = (a2, e) => e;
@@ -18164,7 +18164,7 @@ var Js = A((a2, e) => {
   let t = br(a2, e);
   if (t) {
     if (t.type !== "audio") {
-      k.w("Please pass audio track here");
+      y.w("Please pass audio track here");
       return;
     }
     return t.volume;
@@ -18182,7 +18182,7 @@ var mm = A((a2, e) => {
   let t = br(a2, e);
   if (t) {
     if (t.type !== "video") {
-      k.w("Please pass video track here");
+      y.w("Please pass video track here");
       return;
     }
     return t.layer;
@@ -20713,6 +20713,7 @@ function HLSFailureModal() {
 init_define_process_env();
 import React130, { useEffect as useEffect32 } from "react";
 import {
+  selectIsInPreview,
   selectLocalPeerName as selectLocalPeerName4,
   selectLocalPeerRoleName as selectLocalPeerRoleName4,
   selectRoleChangeRequest,
@@ -20846,7 +20847,7 @@ var StatusIndicator = ({ isLive }) => {
         variant: "caption",
         css: {
           fontWeight: "$semiBold",
-          color: "$on_surface_high"
+          color: "$on_primary_high"
         }
       },
       isLive ? "LIVE" : "ENDED"
@@ -21134,7 +21135,6 @@ var MultipleChoiceOptions = ({
   questionIndex,
   options,
   canRespond,
-  response,
   totalResponses,
   selectedOptions,
   setSelectedOptions,
@@ -21160,7 +21160,7 @@ var MultipleChoiceOptions = ({
       {
         id: `${questionIndex}-${option.index}`,
         disabled: !canRespond,
-        checked: (_a8 = response == null ? void 0 : response.options) == null ? void 0 : _a8.includes(option.index),
+        checked: (_a8 = localPeerResponse == null ? void 0 : localPeerResponse.options) == null ? void 0 : _a8.includes(option.index),
         onCheckedChange: (checked) => handleCheckedChange(checked, option.index),
         css: {
           cursor: canRespond ? "pointer" : "not-allowed"
@@ -21202,7 +21202,6 @@ import { CheckCircleIcon as CheckCircleIcon2 } from "@100mslive/react-icons";
 var SingleChoiceOptions = ({
   questionIndex,
   options,
-  response,
   canRespond,
   setAnswer,
   totalResponses,
@@ -21210,9 +21209,10 @@ var SingleChoiceOptions = ({
   correctOptionIndex,
   isStopped,
   isQuiz,
-  localPeerResponse
+  localPeerResponse,
+  answer
 }) => {
-  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) => {
+  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) => {
     return /* @__PURE__ */ React88.createElement(Flex, { align: "start", key: `${questionIndex}-${option.index}`, css: { w: "100%", gap: "$5" } }, !isStopped || !isQuiz ? /* @__PURE__ */ React88.createElement(
       RadioGroup.Item,
       {
@@ -21246,7 +21246,7 @@ var SingleChoiceOptions = ({
           }
         }
       )
-    ) : 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);
+    ) : 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);
   })));
 };
 var SingleChoiceOptionInputs = ({ isQuiz, options, selectAnswer, handleOptionTextChange, removeOption }) => {
@@ -21654,7 +21654,7 @@ import { ChevronLeftIcon as ChevronLeftIcon4, ChevronRightIcon as ChevronRightIc
 // src/Prebuilt/components/Polls/Voting/LeaderboardEntry.tsx
 init_define_process_env();
 import React92 from "react";
-import { CheckCircleIcon as CheckCircleIcon4, TrophyFilledIcon } from "@100mslive/react-icons";
+import { CheckCircleIcon as CheckCircleIcon4, ClockIcon, TrophyFilledIcon } from "@100mslive/react-icons";
 var positionColorMap = { 1: "#D69516", 2: "#3E3E3E", 3: "#583B0F" };
 var LeaderboardEntry = ({
   position,
@@ -21662,7 +21662,8 @@ var LeaderboardEntry = ({
   questionCount,
   correctResponses,
   userName,
-  maxPossibleScore
+  maxPossibleScore,
+  duration
 }) => {
   return /* @__PURE__ */ React92.createElement(Flex, { align: "center", justify: "between", css: { my: "$4" } }, /* @__PURE__ */ React92.createElement(Flex, { align: "center", css: { gap: "$6" } }, /* @__PURE__ */ React92.createElement(
     Flex,
@@ -21680,7 +21681,7 @@ var LeaderboardEntry = ({
       }
     },
     position
-  ), /* @__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));
+  ), /* @__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));
 };
 
 // src/Prebuilt/components/Polls/Voting/PeerParticipationSummary.tsx
@@ -21771,7 +21772,8 @@ var PeerParticipationSummary = ({ quiz }) => {
       title: "Correct Answers",
       value: `${summary.totalUsers ? (100 * summary.correctUsers / summary.totalUsers).toFixed(0) : 0}% (${summary.correctUsers}/${summary.totalUsers})`
     },
-    { title: "Avg. Time Taken", value: summary.avgTime },
+    // Time in ms
+    { title: "Avg. Time Taken", value: `${(summary.avgTime / 1e3).toFixed(3)}s` },
     {
       title: "Avg. Score",
       value: Number.isInteger(summary.avgScore) ? summary.avgScore : summary.avgScore.toFixed(2)
@@ -21779,7 +21781,8 @@ var PeerParticipationSummary = ({ quiz }) => {
   ] : [
     { title: "Your rank", value: (peerEntry == null ? void 0 : peerEntry.position) ? `${peerEntry.position}/${summary.totalUsers}` : "-" },
     { title: "Points", value: peerEntry == null ? void 0 : peerEntry.score },
-    { title: "Time Taken", value: peerEntry == null ? void 0 : peerEntry.duration },
+    // Time in ms
+    { title: "Time Taken", value: `${(((peerEntry == null ? void 0 : peerEntry.duration) || 0) / 1e3).toFixed(3)}s` },
     {
       title: "Correct Answers",
       value: (peerEntry == null ? void 0 : peerEntry.totalResponses) ? `${peerEntry == null ? void 0 : peerEntry.correctResponses}/${peerEntry.totalResponses}` : "-"
@@ -21836,7 +21839,8 @@ var LeaderboardSummary = ({ pollID }) => {
         questionCount,
         correctResponses: question.correctResponses,
         userName: question.peer.username || "",
-        maxPossibleScore
+        maxPossibleScore,
+        duration: question.duration
       }
     )),
     ((_b7 = quizLeaderboard == null ? void 0 : quizLeaderboard.entries) == null ? void 0 : _b7.length) > 5 && !viewAllEntries ? /* @__PURE__ */ React95.createElement(
@@ -21870,7 +21874,7 @@ import {
   useHMSActions as useHMSActions29,
   useHMSStore as useHMSStore42
 } from "@100mslive/react-sdk";
-import { ChevronLeftIcon as ChevronLeftIcon6, CrossIcon as CrossIcon13 } from "@100mslive/react-icons";
+import { ChevronLeftIcon as ChevronLeftIcon5, CrossIcon as CrossIcon13 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Polls/Voting/StandardVoting.tsx
 init_define_process_env();
@@ -21878,15 +21882,9 @@ import React97 from "react";
 
 // src/Prebuilt/components/Polls/Voting/QuestionCard.jsx
 init_define_process_env();
-import React96, { useCallback as useCallback20, useMemo as useMemo6, useState as useState38 } from "react";
+import React96, { useCallback as useCallback20, useMemo as useMemo6, useRef as useRef16, useState as useState38 } from "react";
 import { selectLocalPeer, selectLocalPeerRoleName as selectLocalPeerRoleName2, useHMSActions as useHMSActions28, useHMSStore as useHMSStore41 } from "@100mslive/react-sdk";
-import {
-  CheckCircleIcon as CheckCircleIcon5,
-  ChevronDownIcon as ChevronDownIcon5,
-  ChevronLeftIcon as ChevronLeftIcon5,
-  ChevronRightIcon as ChevronRightIcon4,
-  CrossCircleIcon
-} from "@100mslive/react-icons";
+import { CheckCircleIcon as CheckCircleIcon5, ChevronDownIcon as ChevronDownIcon5, CrossCircleIcon } from "@100mslive/react-icons";
 var QuestionCard2 = ({
   pollID,
   isQuiz,
@@ -21900,9 +21898,7 @@ var QuestionCard2 = ({
   options = [],
   answer,
   setCurrentIndex,
-  skippable = false,
   responses = [],
-  isTimed = false,
   rolesThatCanViewResponses
 }) => {
   const actions = useHMSActions28();
@@ -21919,15 +21915,8 @@ var QuestionCard2 = ({
   const showVoteCount = roleCanViewResponse && (localPeerResponse || isLocalPeerCreator && pollState === "stopped") && !isQuiz;
   const isLive = pollState === "started";
   const canRespond = isLive && !localPeerResponse;
+  const startTime = useRef16(Date.now());
   const isCorrectAnswer = checkCorrectAnswer(answer, localPeerResponse, type);
-  const prev = index !== 1;
-  const next = index !== totalQuestions && (skippable || localPeerResponse);
-  const moveNext = useCallback20(() => {
-    setCurrentIndex((curr) => Math.min(totalQuestions, curr + 1));
-  }, [setCurrentIndex, totalQuestions]);
-  const movePrev = () => {
-    setCurrentIndex((curr) => Math.max(1, curr - 1));
-  };
   const [singleOptionAnswer, setSingleOptionAnswer] = useState38();
   const [multipleOptionAnswer, setMultipleOptionAnswer] = useState38(/* @__PURE__ */ new Set());
   const [showOptions, setShowOptions] = useState38(true);
@@ -21947,19 +21936,25 @@ var QuestionCard2 = ({
       {
         questionIndex: index,
         option: singleOptionAnswer,
-        options: Array.from(multipleOptionAnswer)
-      }
-    ]);
-  }), [actions, index, pollID, isValidVote, singleOptionAnswer, multipleOptionAnswer]);
-  const handleSkip = useCallback20(() => __async(void 0, null, function* () {
-    yield actions.interactivityCenter.addResponsesToPoll(pollID, [
-      {
-        questionIndex: index,
-        skipped: true
+        options: Array.from(multipleOptionAnswer),
+        duration: Date.now() - startTime.current
       }
     ]);
-    moveNext();
-  }), [actions, index, pollID, moveNext]);
+    startTime.current = Date.now();
+    if (isQuiz && index !== totalQuestions) {
+      setSingleOptionAnswer(void 0);
+      setMultipleOptionAnswer(/* @__PURE__ */ new Set());
+    }
+  }), [
+    isValidVote,
+    actions.interactivityCenter,
+    pollID,
+    index,
+    singleOptionAnswer,
+    multipleOptionAnswer,
+    totalQuestions,
+    isQuiz
+  ]);
   return /* @__PURE__ */ React96.createElement(
     Box,
     {
@@ -21991,34 +21986,12 @@ var QuestionCard2 = ({
       totalQuestions,
       ": ",
       type.toUpperCase()
-    ), isTimed ? /* @__PURE__ */ React96.createElement(Flex, { align: "center", css: { gap: "$4" } }, /* @__PURE__ */ React96.createElement(
-      IconButton,
-      {
-        disabled: !prev,
-        onClick: movePrev,
-        css: prev ? { color: "$on_surface_high", cursor: "pointer" } : {
-          color: "$on_surface_low",
-          cursor: "not-allowed"
-        }
-      },
-      /* @__PURE__ */ React96.createElement(ChevronLeftIcon5, { height: 16, width: 16 })
-    ), /* @__PURE__ */ React96.createElement(
-      IconButton,
-      {
-        disabled: !next,
-        onClick: moveNext,
-        css: next ? { color: "$on_surface_high", cursor: "pointer" } : {
-          color: "$on_surface_low",
-          cursor: "not-allowed"
-        }
-      },
-      /* @__PURE__ */ React96.createElement(ChevronRightIcon4, { height: 16, width: 16 })
-    )) : null),
+    )),
     /* @__PURE__ */ React96.createElement(Flex, { justify: "between", css: { my: "$md" } }, /* @__PURE__ */ React96.createElement(Text, { css: { color: "$on_surface_high" } }, text), /* @__PURE__ */ React96.createElement(
       Box,
       {
         css: { color: "$on_surface_medium", "&:hover": { color: "$on_surface_high", cursor: "pointer" } },
-        onClick: () => setShowOptions((prev2) => !prev2)
+        onClick: () => setShowOptions((prev) => !prev)
       },
       /* @__PURE__ */ React96.createElement(
         ChevronDownIcon5,
@@ -22030,17 +22003,18 @@ var QuestionCard2 = ({
     /* @__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(
       SingleChoiceOptions,
       {
+        key: index,
         questionIndex: index,
         isQuiz,
         canRespond,
-        response: localPeerResponse,
         correctOptionIndex: answer == null ? void 0 : answer.option,
         options,
         setAnswer: setSingleOptionAnswer,
         totalResponses: result == null ? void 0 : result.totalResponses,
         showVoteCount,
         localPeerResponse,
-        isStopped: pollState === "stopped"
+        isStopped: pollState === "stopped",
+        answer: singleOptionAnswer
       }
     ) : null, type === "multiple-choice" /* MULTIPLE_CHOICE */ ? /* @__PURE__ */ React96.createElement(
       MultipleChoiceOptions,
@@ -22048,7 +22022,6 @@ var QuestionCard2 = ({
         questionIndex: index,
         isQuiz,
         canRespond,
-        response: localPeerResponse,
         correctOptionIndexes: answer == null ? void 0 : answer.options,
         options,
         selectedOptions: multipleOptionAnswer,
@@ -22062,17 +22035,29 @@ var QuestionCard2 = ({
       QuestionActions,
       {
         isValidVote,
-        skippable,
-        onSkip: handleSkip,
         onVote: handleVote,
         response: localPeerResponse,
-        isQuiz
+        isQuiz,
+        incrementIndex: () => {
+          setCurrentIndex((curr) => Math.min(totalQuestions, curr + 1));
+        }
       }
     ))
   );
 };
-var QuestionActions = ({ isValidVote, skippable, response, isQuiz, onVote, onSkip }) => {
-  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"));
+var QuestionActions = ({ isValidVote, response, isQuiz, onVote, incrementIndex }) => {
+  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(
+    Button,
+    {
+      css: { p: "$xs $10", fontWeight: "$semiBold" },
+      disabled: !isValidVote,
+      onClick: () => {
+        onVote();
+        incrementIndex();
+      }
+    },
+    isQuiz ? "Answer" : "Vote"
+  ));
 };
 
 // src/Prebuilt/components/Polls/Voting/StandardVoting.tsx
@@ -22099,7 +22084,6 @@ var StandardView = ({ poll }) => {
         result: question.result,
         totalQuestions: ((_a9 = poll.questions) == null ? void 0 : _a9.length) || 0,
         options: question.options,
-        skippable: question.skippable,
         responses: question.responses,
         answer: question.answer,
         setCurrentIndex: () => {
@@ -22134,12 +22118,10 @@ var TimedView = ({ poll }) => {
       result: activeQuestion == null ? void 0 : activeQuestion.result,
       totalQuestions: ((_b7 = poll.questions) == null ? void 0 : _b7.length) || 0,
       options: activeQuestion.options,
-      skippable: activeQuestion.skippable || false,
       responses: activeQuestion.responses,
       answer: activeQuestion.answer,
       setCurrentIndex,
-      rolesThatCanViewResponses: poll.rolesThatCanViewResponses,
-      isTimed: true
+      rolesThatCanViewResponses: poll.rolesThatCanViewResponses
     }
   );
 };
@@ -22151,11 +22133,11 @@ var Voting = ({ id, toggleVoting }) => {
   const pollCreatorName = useHMSStore42(selectPeerNameByID(poll == null ? void 0 : poll.createdBy));
   const isLocalPeerCreator = useHMSStore42(selectLocalPeerID9) === (poll == null ? void 0 : poll.createdBy);
   const { setPollView } = usePollViewState();
+  const showSingleView = (poll == null ? void 0 : poll.type) === "quiz" && poll.state === "started";
   if (!poll) {
     return null;
   }
   const canViewLeaderboard = poll.type === "quiz" && poll.state === "stopped" && !poll.anonymous;
-  const isTimed = (poll.duration || 0) > 0;
   const isLive = poll.state === "started";
   return /* @__PURE__ */ React99.createElement(Container3, { rounded: true }, /* @__PURE__ */ React99.createElement(
     Flex,
@@ -22177,7 +22159,7 @@ var Voting = ({ id, toggleVoting }) => {
         onClick: () => setPollView(POLL_VIEWS.CREATE_POLL_QUIZ),
         css: { cursor: "pointer", c: "$on_surface_medium", "&:hover": { color: "$on_surface_high" } }
       },
-      /* @__PURE__ */ React99.createElement(ChevronLeftIcon6, null)
+      /* @__PURE__ */ React99.createElement(ChevronLeftIcon5, null)
     ),
     /* @__PURE__ */ React99.createElement(Text, { variant: "h6" }, poll.title),
     /* @__PURE__ */ React99.createElement(StatusIndicator, { isLive }),
@@ -22192,7 +22174,7 @@ var Voting = ({ id, toggleVoting }) => {
       },
       /* @__PURE__ */ React99.createElement(CrossIcon13, { onClick: toggleVoting })
     )
-  ), /* @__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(
+  ), /* @__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" && isLocalPeerCreator && /* @__PURE__ */ React99.createElement(
     Button,
     {
       variant: "danger",
@@ -22237,14 +22219,14 @@ import { CrossIcon as CrossIcon17 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/Chat.tsx
 init_define_process_env();
-import React112, { useCallback as useCallback28, useRef as useRef19 } from "react";
+import React112, { useCallback as useCallback28, useRef as useRef20 } from "react";
 import { useMedia as useMedia16 } from "react-use";
 import { selectHMSMessagesCount, useHMSActions as useHMSActions37, useHMSStore as useHMSStore52, useHMSVanillaStore as useHMSVanillaStore10 } from "@100mslive/react-sdk";
 import { ChevronDownIcon as ChevronDownIcon8 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/ChatBody.tsx
 init_define_process_env();
-import React104, { Fragment as Fragment11, useCallback as useCallback24, useEffect as useEffect22, useLayoutEffect, useMemo as useMemo7, useRef as useRef16, useState as useState42 } from "react";
+import React104, { Fragment as Fragment11, useCallback as useCallback24, useEffect as useEffect22, useLayoutEffect, useMemo as useMemo7, useRef as useRef17, useState as useState42 } from "react";
 import { useMedia as useMedia11 } from "react-use";
 import AutoSizer from "react-virtualized-auto-sizer";
 import { VariableSizeList } from "react-window";
@@ -22742,7 +22724,7 @@ var ChatMessage = React104.memo(
   ({ index, style = {}, message }) => {
     var _a8, _b7, _c;
     const { elements } = useRoomLayoutConferencingScreen();
-    const rowRef = useRef16(null);
+    const rowRef = useRef17(null);
     const isMobile = useMedia11(config.media.md);
     const isPrivateChatEnabled = !!((_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.private_chat_enabled);
     const isOverlay = ((_b7 = elements == null ? void 0 : elements.chat) == null ? void 0 : _b7.is_overlay) && isMobile;
@@ -23012,7 +22994,7 @@ var PinnedBy = ({
 
 // src/Prebuilt/components/Chat/ChatFooter.tsx
 init_define_process_env();
-import React107, { useCallback as useCallback26, useEffect as useEffect24, useRef as useRef18, useState as useState45 } from "react";
+import React107, { useCallback as useCallback26, useEffect as useEffect24, useRef as useRef19, useState as useState45 } from "react";
 import { useMedia as useMedia14 } from "react-use";
 import data2 from "@emoji-mart/data";
 import Picker from "@emoji-mart/react";
@@ -23334,9 +23316,9 @@ var useChatDraftMessage = () => {
 
 // src/Prebuilt/components/Chat/useEmojiPickerStyles.js
 init_define_process_env();
-import { useEffect as useEffect23, useRef as useRef17 } from "react";
+import { useEffect as useEffect23, useRef as useRef18 } from "react";
 var useEmojiPickerStyles = (showing) => {
-  const ref = useRef17(null);
+  const ref = useRef18(null);
   useEffect23(() => {
     if (showing) {
       setTimeout(() => {
@@ -23413,7 +23395,7 @@ function EmojiPicker({ onSelect }) {
 var ChatFooter = ({ onSend, children }) => {
   var _a8, _b7, _c, _d;
   const hmsActions = useHMSActions35();
-  const inputRef = useRef18(null);
+  const inputRef = useRef19(null);
   const [draftMessage, setDraftMessage] = useChatDraftMessage();
   const isMobile = useMedia14(config.media.md);
   const { elements } = useRoomLayoutConferencingScreen();
@@ -23817,7 +23799,7 @@ var PinnedMessage = () => {
 var Chat = () => {
   var _a8, _b7;
   const { elements } = useRoomLayoutConferencingScreen();
-  const listRef = useRef19(null);
+  const listRef = useRef20(null);
   const hmsActions = useHMSActions37();
   const vanillaStore = useHMSVanillaStore10();
   const { enabled: isChatEnabled = true } = useHMSStore52(qh("chatState" /* CHAT_STATE */)) || {};
@@ -23909,7 +23891,7 @@ import { useInView } from "react-intersection-observer";
 import { useMeasure as useMeasure2 } from "react-use";
 import { VariableSizeList as VariableSizeList2 } from "react-window";
 import { selectIsConnectedToRoom as selectIsConnectedToRoom8, useHMSStore as useHMSStore53, usePaginatedParticipants as usePaginatedParticipants2 } from "@100mslive/react-sdk";
-import { ChevronLeftIcon as ChevronLeftIcon7, CrossIcon as CrossIcon16 } from "@100mslive/react-icons";
+import { ChevronLeftIcon as ChevronLeftIcon6, CrossIcon as CrossIcon16 } from "@100mslive/react-icons";
 var LoadMoreParticipants = ({
   hasNext,
   loadMore,
@@ -23959,7 +23941,7 @@ var PaginatedParticipants = ({ roleName, onBack }) => {
   useEffect26(() => {
     loadPeers();
   }, []);
-  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(
+  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(
     IconButton,
     {
       onClick: (e) => {
@@ -24826,11 +24808,20 @@ var VBPlugin = class {
       }
     };
     this.getBackground = () => {
-      var _a8, _b7, _c, _d;
+      var _a8, _b7;
       if (this.effectsPlugin) {
         return (_a8 = this.effectsPlugin) == null ? void 0 : _a8.getBackground();
       } else {
-        return ((_c = (_b7 = this.hmsPlugin) == null ? void 0 : _b7.background) == null ? void 0 : _c.src) || ((_d = this.hmsPlugin) == null ? void 0 : _d.background);
+        const background = (_b7 = this.hmsPlugin) == null ? void 0 : _b7.getBackground();
+        return (background == null ? void 0 : background.src) || background;
+      }
+    };
+    this.getBlurAmount = () => {
+      var _a8;
+      if (this.effectsPlugin) {
+        return this.effectsPlugin.getBlurAmount();
+      } else {
+        return ((_a8 = this.hmsPlugin) == null ? void 0 : _a8.getBackground()) === HMSVirtualBackgroundTypes2.BLUR ? 1 : 0;
       }
     };
     this.getVBObject = () => {
@@ -24913,6 +24904,7 @@ var VBPicker = ({ backgroundMedia = [] }) => {
   const mirrorLocalVideo = useUISettings(UI_SETTINGS.mirrorLocalVideo);
   const trackSelector = selectVideoTrackByID4(localPeer == null ? void 0 : localPeer.videoTrack);
   const track = useHMSStore59(trackSelector);
+  const [blurAmount, setBlurAmount] = useState51(VBHandler.getBlurAmount() || 0.5);
   const roomState = useHMSStore59(selectRoomState4);
   const isLargeRoom = useHMSStore59(selectIsLargeRoom3);
   const isEffectsEnabled = useHMSStore59(Qn);
@@ -24995,7 +24987,7 @@ var VBPicker = ({ backgroundMedia = [] }) => {
             value: HMSVirtualBackgroundTypes3.BLUR,
             onClick: () => __async(void 0, null, function* () {
               var _a9;
-              yield (_a9 = VBHandler) == null ? void 0 : _a9.setBlur(0.5);
+              yield (_a9 = VBHandler) == null ? void 0 : _a9.setBlur(blurAmount);
               setActiveBackground(HMSVirtualBackgroundTypes3.BLUR);
             })
           }
@@ -25003,6 +24995,19 @@ var VBPicker = ({ backgroundMedia = [] }) => {
         activeBackground
       }
     ),
+    activeBackground === HMSVirtualBackgroundTypes3.BLUR ? /* @__PURE__ */ React122.createElement(
+      Slider,
+      {
+        value: [blurAmount],
+        onValueChange: (e) => __async(void 0, null, function* () {
+          setBlurAmount(e[0]);
+          yield VBHandler.setBlur(e[0]);
+        }),
+        step: 0.1,
+        min: 0.1,
+        max: 1
+      }
+    ) : null,
     /* @__PURE__ */ React122.createElement(
       VBCollection,
       {
@@ -25378,20 +25383,7 @@ var PreviewJoin = ({
       textColor: "#FFF",
       icon: /* @__PURE__ */ React128.createElement(Box, { css: { h: "$sm", w: "$sm", backgroundColor: "$on_primary_high", borderRadius: "$round" } })
     }
-  ) : null, /* @__PURE__ */ React128.createElement(Chip_default, { content: getParticipantChipContent(peerCount), hideIfNoContent: true }))), toggleVideo ? /* @__PURE__ */ React128.createElement(
-    Flex,
-    {
-      align: "center",
-      justify: "center",
-      css: {
-        mt: "$14",
-        "@md": { mt: 0 },
-        "@sm": { width: "100%" },
-        flexDirection: "column"
-      }
-    },
-    /* @__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(
+  ) : 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(
     PreviewForm_default,
     {
       name,
@@ -25432,9 +25424,12 @@ var PreviewTile = ({ name, error }) => {
         bg: "$surface_default",
         aspectRatio,
         height: "min(360px, 70vh)",
+        width: "auto",
         maxWidth: "640px",
         overflow: "clip",
+        mt: "$14",
         "@md": {
+          mt: 0,
           width: "min(220px, 70vw)",
           maxWidth: "100%",
           my: "$4"
@@ -25484,20 +25479,26 @@ var RequestPrompt = ({
   title,
   body,
   actionText = "Accept",
-  onAction
+  onAction,
+  disableActions = false
 }) => {
   const isMobile = useMedia23(config.media.md);
   if (isMobile) {
-    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 })));
+    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 })));
   }
-  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 }))));
+  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 }))));
 };
-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)));
+var RequestActions = ({
+  onAction,
+  actionText,
+  disabled = false
+}) => /* @__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)));
 
 // src/Prebuilt/components/RoleChangeRequest/RoleChangeRequestModal.tsx
 var RoleChangeRequestModal = () => {
   const hmsActions = useHMSActions41();
   const { updateMetaData } = useMyMetadata();
+  const isPreview = useHMSStore63(selectIsInPreview);
   const currentRole = useHMSStore63(selectLocalPeerRoleName4);
   const roleChangeRequest = useHMSStore63(selectRoleChangeRequest);
   const name = useHMSStore63(selectLocalPeerName4);
@@ -25560,7 +25561,8 @@ var RoleChangeRequestModal = () => {
         yield updateMetaData({ prevRole: currentRole });
         yield hmsActions.lowerLocalPeerHand();
       }),
-      actionText: "Accept"
+      actionText: "Accept",
+      disableActions: !isPreview
     }
   );
 };
@@ -25597,7 +25599,7 @@ import { selectLocalPeer as selectLocalPeer9, useHMSStore as useHMSStore65 } fro
 
 // src/Prebuilt/components/InsetTile.tsx
 init_define_process_env();
-import React132, { useEffect as useEffect33, useRef as useRef20 } from "react";
+import React132, { useEffect as useEffect33, useRef as useRef21 } from "react";
 import Draggable from "react-draggable";
 import { useMedia as useMedia24 } from "react-use";
 import { selectIsAllowedToPublish as selectIsAllowedToPublish2, selectLocalPeer as selectLocalPeer8, selectVideoTrackByID as selectVideoTrackByID6, useHMSStore as useHMSStore64 } from "@100mslive/react-sdk";
@@ -25654,7 +25656,7 @@ var InsetTile = () => {
     width = 240;
     height = width / aspectRatio;
   }
-  const nodeRef = useRef20(null);
+  const nodeRef = useRef21(null);
   useEffect33(() => {
     const node = nodeRef.current;
     if (!node || !window.ResizeObserver) {
@@ -25716,7 +25718,7 @@ var InsetTile = () => {
 // src/Prebuilt/components/Pagination.tsx
 init_define_process_env();
 import React133, { useEffect as useEffect34 } from "react";
-import { ChevronLeftIcon as ChevronLeftIcon8, ChevronRightIcon as ChevronRightIcon5 } from "@100mslive/react-icons";
+import { ChevronLeftIcon as ChevronLeftIcon7, ChevronRightIcon as ChevronRightIcon4 } from "@100mslive/react-icons";
 var Pagination = ({
   page,
   onPageChange,
@@ -25740,7 +25742,7 @@ var Pagination = ({
   if (numPages <= 1) {
     return null;
   }
-  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(
+  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(
     StyledPagination.Dot,
     {
       key: i,
@@ -25750,7 +25752,7 @@ var Pagination = ({
         onPageChange(i);
       }
     }
-  ))) : null, /* @__PURE__ */ React133.createElement(StyledPagination.Chevron, { disabled: disableRight, onClick: nextPage }, /* @__PURE__ */ React133.createElement(ChevronRightIcon5, { width: 16, height: 16, style: { cursor: disableRight ? "not-allowed" : "pointer" } })));
+  ))) : null, /* @__PURE__ */ React133.createElement(StyledPagination.Chevron, { disabled: disableRight, onClick: nextPage }, /* @__PURE__ */ React133.createElement(ChevronRightIcon4, { width: 16, height: 16, style: { cursor: disableRight ? "not-allowed" : "pointer" } })));
 };
 
 // src/Prebuilt/components/VideoLayouts/Grid.tsx
@@ -26129,7 +26131,7 @@ import { selectPeersScreenSharing, useHMSStore as useHMSStore68 } from "@100msli
 
 // src/Prebuilt/components/ScreenshareTile.jsx
 init_define_process_env();
-import React140, { useRef as useRef21, useState as useState58 } from "react";
+import React140, { useRef as useRef22, useState as useState58 } from "react";
 import { useFullscreen as useFullscreen2 } from "react-use";
 import screenfull2 from "screenfull";
 import {
@@ -26194,7 +26196,7 @@ var Tile2 = ({ peerId, width = "100%", height = "100%" }) => {
   const isAudioOnly = useUISettings(UI_SETTINGS.isAudioOnly);
   const [isMouseHovered, setIsMouseHovered] = useState58(false);
   const showStatsOnTiles = useUISettings(UI_SETTINGS.showStatsOnTiles);
-  const fullscreenRef = useRef21(null);
+  const fullscreenRef = useRef22(null);
   const [fullscreen, setFullscreen] = useState58(false);
   const isFullscreen = useFullscreen2(fullscreenRef, fullscreen, {
     onClose: () => setFullscreen(false)
@@ -26725,7 +26727,7 @@ var useCloseScreenshareWhiteboard = () => {
 };
 
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
-var HLSView = React147.lazy(() => import("./HLSView-U7FQ2YLK.js"));
+var HLSView = React147.lazy(() => import("./HLSView-4TLGLPKO.js"));
 var VideoStreamingSection = ({
   screenType,
   elements,
@@ -27016,10 +27018,10 @@ var ConferenceScreen = () => {
   const [hideControls, setHideControls] = useState61(false);
   const dropdownList = useHMSStore75(selectAppData7(APP_DATA.dropdownList));
   const authTokenInAppData = useAuthToken();
-  const headerRef = useRef22(null);
-  const footerRef = useRef22(null);
+  const headerRef = useRef23(null);
+  const footerRef = useRef23(null);
   const isMobileDevice = isAndroid || isIOS || isIPadOS;
-  const dropdownListRef = useRef22();
+  const dropdownListRef = useRef23();
   const [isHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
   const toggleControls = () => {
     var _a9;
@@ -27027,7 +27029,7 @@ var ConferenceScreen = () => {
       setHideControls((value) => !value);
     }
   };
-  const autoRoomJoined = useRef22(isPreviewScreenEnabled);
+  const autoRoomJoined = useRef23(isPreviewScreenEnabled);
   useEffect47(() => {
     let timeout;
     dropdownListRef.current = dropdownList || [];
@@ -27990,24 +27992,39 @@ function PermissionErrorModal() {
     }
     setIsSystemError(notification.data.code === 3011);
   }, [notification]);
-  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(
-    Dialog.Title,
+  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: {
-        borderBottom: "1px solid $border_default"
+        w: "min(380px, 90%)",
+        p: "$8",
+        // overlay over Sheet.tsx
+        zIndex: 23
       }
     },
-    isMobile && isIOS ? /* @__PURE__ */ React160.createElement("img", { style: { maxWidth: "100%", maxHeight: "100%" }, src: ios_perm_0_default, alt: "iOS Permission flow" }) : null,
-    isMobile && isAndroid ? /* @__PURE__ */ React160.createElement(
-      "img",
+    /* @__PURE__ */ React160.createElement(
+      Dialog.Title,
       {
-        src: android_perm_1_default,
-        style: { maxWidth: "100%", maxHeight: "100%" },
-        alt: "Android Permission flow "
-      }
-    ) : null,
-    /* @__PURE__ */ React160.createElement(Text, { variant: "h6" }, "We can't access your ", deviceType)
-  ), /* @__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;
+        css: {
+          borderBottom: "1px solid $border_default"
+        }
+      },
+      isMobile && isIOS ? /* @__PURE__ */ React160.createElement("img", { style: { maxWidth: "100%", maxHeight: "100%" }, src: ios_perm_0_default, alt: "iOS Permission flow" }) : null,
+      isMobile && isAndroid ? /* @__PURE__ */ React160.createElement(
+        "img",
+        {
+          src: android_perm_1_default,
+          style: { maxWidth: "100%", maxHeight: "100%" },
+          alt: "Android Permission flow "
+        }
+      ) : null,
+      /* @__PURE__ */ React160.createElement(Text, { variant: "h6" }, "We can't access your ", deviceType)
+    ),
+    /* @__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;
 }
 
 // src/Prebuilt/components/Notifications/ReconnectNotifications.tsx
@@ -28547,7 +28564,7 @@ function RemoteStopScreenshare() {
 
 // src/Prebuilt/components/hooks/useAutoStartStreaming.tsx
 init_define_process_env();
-import { useCallback as useCallback36, useEffect as useEffect65, useRef as useRef23 } from "react";
+import { useCallback as useCallback36, useEffect as useEffect65, useRef as useRef24 } from "react";
 import {
   selectIsConnectedToRoom as selectIsConnectedToRoom12,
   selectPermissions as selectPermissions16,
@@ -28562,7 +28579,7 @@ var useAutoStartStreaming = () => {
   const hmsActions = useHMSActions51();
   const isConnected = useHMSStore84(selectIsConnectedToRoom12);
   const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = useRecordingStreaming11();
-  const streamStartedRef = useRef23(false);
+  const streamStartedRef = useRef24(false);
   const startHLS = useCallback36(() => __async(void 0, null, function* () {
     try {
       if (isHLSStarted || !showStreamingUI || isHLSRunning || isRTMPRunning || isHLSRecordingOn || isBrowserRecordingOn) {
@@ -28614,7 +28631,7 @@ var HMSPrebuilt = React170.forwardRef(
     onJoin
   }, ref) => {
     var _a8, _b7, _c, _d;
-    const reactiveStore = useRef24();
+    const reactiveStore = useRef25();
     const [hydrated, setHydrated] = React170.useState(false);
     useEffect66(() => {
       setHydrated(true);
@@ -28919,4 +28936,4 @@ lodash/lodash.js:
    * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
    *)
 */
-//# sourceMappingURL=chunk-GNQAOG73.js.map
+//# sourceMappingURL=chunk-ARSLHHAZ.js.map