@100mslive/roomkit-react 0.3.1-alpha.4 → 0.3.1-alpha.6

package/dist/{chunk-CCYI5RW4.js → chunk-PAK5JCTI.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_fa0bc726-22fc-4bf1-97d8-f8143c596d8c", 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.1 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_devDependencies__rollup_plugin_node_resolve: "^13.1.3", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.10.1-alpha.4", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_fa0bc726-22fc-4bf1-97d8-f8143c596d8c", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.19.1/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.13.1-alpha.4", 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.7", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_files_1: "src", npm_package_repository_directory: "packages/roomkit-react", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.6", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.2.11394342", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "594", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_devDependencies__rollup_plugin_image: "^3.0.2", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.14/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.7/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240304.1.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.0/x64", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.0.0-alpha.1", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:20495", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__rollup_plugin_commonjs: "^21.0.3", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.3.1-alpha.4", 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: "8183353717", npm_package_workspaces_0: "packages/*", npm_package_scripts_store: "cd packages/hms-video-store && yarn start", npm_package_devDependencies__babel_core: "^7.18.2", npm_package_dependencies_ts_pattern: "4.3.0", npm_package_devDependencies__storybook_addon_interactions: "^7.0.27", npm_package_devDependencies__storybook_addon_actions: "^7.0.27", GITHUB_REF_TYPE: "branch", BOOTSTRAP_HASKELL_NONINTERACTIVE: "1", GITHUB_WORKFLOW_SHA: "0227ca9a36595a4b8ebbc088496a4fe40586e590", 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: "e1433aceb45ad2da4ea21b202ed754a076d79170944f08205a638a1e5e766a97", npm_package_exports___import: "./dist/index.js", STATS_BLT: "true", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/publish-alpha", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1709789008572-0.4050037118783276:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1709789008343-0.9386758815077989:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1709788986548-0.11301814489500228:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1709788986368-0.5368231817000471:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/18.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin:/snap/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/18.19.1/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_ef039c16-8aff-496e-b22b-7f2812b4f0a3", INVOCATION_ID: "377baa05805247afbf7052ce01116993", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", npm_package_scripts_size: "size-limit", npm_package_devDependencies_size_limit: "^5.0.3", npm_package_name: "@100mslive/roomkit-react", npm_package_devDependencies__storybook_react_webpack5: "^7.0.27", npm_package_repository_type: "git", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "471", GITHUB_TRIGGERING_ACTOR: "github-actions[bot]", 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 177", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_devDependencies_rollup_plugin_import_css: "^3.3.1", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.10.1-alpha.4", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.1-alpha.4", 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: "0227ca9a36595a4b8ebbc088496a4fe40586e590", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", npm_package_dependencies_qrcode_react: "^3.1.0", GITHUB_REF: "refs/heads/publish-alpha", GITHUB_ACTOR: "github-actions[bot]", 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_fa0bc726-22fc-4bf1-97d8-f8143c596d8c", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "41898282", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_fa0bc726-22fc-4bf1-97d8-f8143c596d8c", 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_fa0bc726-22fc-4bf1-97d8-f8143c596d8c" };
+    define_process_env_default = { NVM_INC: "/Users/ravitheja/.nvm/versions/node/v18.17.0/include/node", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_emoji_mart: "^5.2.2", npm_package_devDependencies_rollup_plugin_import_css: "^3.3.1", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_scripts_size: "size-limit", npm_package_devDependencies_prettier: "^2.4.1", npm_package_dependencies_react_swipeable: "^7.0.1", npm_package_dependencies__100mslive_types_prebuilt: "0.12.7", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_devDependencies_rollup_plugin_terser: "^7.0.2", TERM_PROGRAM: "vscode", npm_package_size_limit_0_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", NODE: "/Users/ravitheja/.nvm/versions/node/v18.17.0/bin/node", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_scripts_types_build: "tsc -p tsconfig.json", INIT_CWD: "/Users/ravitheja/Documents/web-sdks", NVM_CD_FLAGS: "-q", npm_package_devDependencies_typescript: "~4.7.4", npm_config_version_git_tag: "true", npm_package_devDependencies__rollup_plugin_typescript: "^8.3.1", TERM: "xterm-256color", SHELL: "/bin/zsh", npm_package_devDependencies_jest: "26.6.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_devDependencies__storybook_react_webpack5: "^7.0.27", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", npm_package_size_limit_4_limit: "20 KB", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", npm_package_dependencies_eventemitter2: "^6.4.9", npm_package_dependencies__radix_ui_react_toast: "1.0.0", TMPDIR: "/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/", npm_package_devDependencies_esbuild: "^0.18.13", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies__100mslive_react_icons: "0.10.1-alpha.6", npm_package_size_limit_6_limit: "150 KB", npm_package_scripts_store: "cd packages/hms-video-store && yarn start", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_config_init_license: "MIT", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", TERM_PROGRAM_VERSION: "1.87.0", npm_package_devDependencies_concurrently: "^6.4.0", npm_package_dependencies_screenfull: "^5.1.0", npm_package_scripts_ybys: "yarn && yarn build --no-private && yarn storybook", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", ZDOTDIR: "/Users/ravitheja", ORIGINAL_XDG_CURRENT_DESKTOP: "undefined", MallocNanoZone: "0", npm_package_dependencies_uuid: "^8.3.2", npm_package_private: "true", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_devDependencies__storybook_addon_interactions: "^7.0.27", npm_package_sideEffects: "false", ZSH: "/Users/ravitheja/.oh-my-zsh", npm_package_devDependencies_size_limit: "^5.0.3", npm_package_repository_url: "https://github.com/100mslive/web-sdks.git", npm_package_readmeFilename: "README.md", NVM_DIR: "/Users/ravitheja/.nvm", USER: "ravitheja", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_react: "^18.1.0", npm_package_license: "MIT", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_devDependencies__types_react: "^18.1.0", COMMAND_MODE: "unix2003", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_exports___import: "./dist/index.js", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_devDependencies__babel_core: "^7.18.2", NX_TASK_HASH: "8e9b6d1811b917e7f5663e0d3d698e16280ca690323f6a7721628a8100fd7bcb", npm_package_repository_directory: "packages/roomkit-react", SSH_AUTH_SOCK: "/private/tmp/com.apple.launchd.kq3RNeovXJ/Listeners", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_devDependencies__storybook_addon_actions: "^7.0.27", npm_package_devDependencies__rollup_plugin_commonjs: "^21.0.3", __CF_USER_TEXT_ENCODING: "0x1F5:0x0:0x0", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_devDependencies__types_jest: "^27.0.3", npm_execpath: "/usr/local/Cellar/yarn/1.22.19/libexec/bin/yarn.js", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", PAGER: "less", npm_package_dependencies__100mslive_hms_noise_cancellation: "0.0.0-alpha.1", npm_package_module: "dist/index.js", npm_package_dependencies_react_use: "^17.4.0", npm_package_devDependencies__types_mdx: "2.0.2", npm_package_devDependencies__rollup_plugin_json: "^6.0.0", npm_package_author_name: "100ms", LSCOLORS: "Gxfxcxdxbxegedabagacad", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_dependencies__stitches_react: "^1.2.8", npm_package_size_limit_1_path: "packages/hms-video-store/dist/index.js", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", PATH: "/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/yarn--1709790706208-0.29658598346051446:/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--1709790705789-0.4161595096752615:/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--1709790675694-0.22926215043899356:/Users/ravitheja/Documents/web-sdks/node_modules/.bin:/Users/ravitheja/.config/yarn/link/node_modules/.bin:/Users/ravitheja/Documents/web-sdks/node_modules/.bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/libexec/lib/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/lib/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/bin/node_modules/npm/bin/node-gyp-bin:/Users/ravitheja/.nvm/versions/node/v18.17.0/bin:/usr/local/bin:/System/Cryptexes/App/usr/bin:/usr/bin:/bin:/usr/sbin:/sbin:/var/run/com.apple.security.cryptexd/codex.system/bootstrap/usr/local/bin:/var/run/com.apple.security.cryptexd/codex.system/bootstrap/usr/bin:/var/run/com.apple.security.cryptexd/codex.system/bootstrap/usr/appleinternal/bin:/Library/Apple/usr/bin:/Applications/Wireshark.app/Contents/MacOS:/Users/ravitheja/.nvm/versions/node/v18.17.0/bin:/Users/ravitheja/.cargo/bin", npm_config_argv: '{"remain":[],"cooked":["run","build"],"original":["build","--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--1709790706208-0.29658598346051446/node", npm_package_size_limit_4_path: "packages/hms-virtual-background/dist/index.cjs.js", NX_WORKSPACE_ROOT: "/Users/ravitheja/Documents/web-sdks", npm_package_dependencies__radix_ui_react_progress: "1.0.0", USER_ZDOTDIR: "/Users/ravitheja", __CFBundleIdentifier: "com.microsoft.VSCode", npm_package_size_limit_7_limit: "100 KB", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_devDependencies_ts_jest: "26.5.6", PWD: "/Users/ravitheja/Documents/web-sdks/packages/roomkit-react", npm_package_devDependencies_cypress: "^9.5.2", npm_package_devDependencies__types_react_window: "^1.8.5", npm_package_devDependencies__rollup_plugin_node_resolve: "^13.1.3", npm_package_dependencies__100mslive_react_sdk: "0.10.1-alpha.6", npm_package_devDependencies__storybook_cli: "^7.0.27", npm_lifecycle_event: "build:only", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", LANG: "en_US.UTF-8", npm_package_name: "@100mslive/roomkit-react", npm_package_repository_type: "git", npm_package_keywords_0: "100mslive", npm_package_size_limit_2_limit: "400 KB", npm_package_dependencies__100mslive_hms_virtual_background: "1.13.1-alpha.6", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_1: "react", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_version_commit_hooks: "true", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_keywords_2: "prebuilt", VSCODE_GIT_ASKPASS_EXTRA_ARGS: "", XPC_FLAGS: "0x0", npm_package_keywords_3: "roomkit", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", npm_config_bin_links: "true", npm_package_engines_node: ">=16", FORCE_COLOR: "true", npm_package_devDependencies__storybook_react: "^7.0.27", npm_config_wrap_output: "", npm_package_scripts_cypress_open: "cypress open", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_main: "dist/index.cjs.js", XPC_SERVICE_NAME: "0", npm_package_version: "0.3.1-alpha.6", npm_package_dependencies_recordrtc: "^5.6.2", VSCODE_INJECTION: "1", SHLVL: "5", HOME: "/Users/ravitheja", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_package_dependencies_react_window: "^1.8.7", VSCODE_GIT_ASKPASS_MAIN: "/Applications/Visual Studio Code.app/Contents/Resources/app/extensions/git/dist/askpass-main.js", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_source: "src/index.ts", npm_config_save_prefix: "^", npm_config_strict_ssl: "true", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies__100mslive_hls_player: "0.3.1-alpha.6", npm_package_devDependencies_husky: "^6.0.0", npm_package_devDependencies__commitlint_cli: "^15.0.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies_ts_pattern: "4.3.0", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_exports___default: "./dist/index.js", LESS: "-R", LOGNAME: "ravitheja", YARN_WRAP_OUTPUT: "false", npm_package_scripts_format: "prettier -w src/**", npm_package_dependencies_qrcode_react: "^3.1.0", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__rollup_plugin_image: "^3.0.2", npm_package_typings: "dist/index.d.ts", PREFIX: "/usr/local", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_exports___require: "./dist/index.cjs.js", VSCODE_GIT_IPC_HANDLE: "/var/folders/_k/lv0n3xdx0n9c5c6nzjvb629r0000gn/T/vscode-git-10419d9aa6.sock", npm_package_size_limit_6_path: "packages/react-icons/dist/index.cjs.js", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_scripts_babel: "npx storybook@latest babelrc", NVM_BIN: "/Users/ravitheja/.nvm/versions/node/v18.17.0/bin", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_config_version_git_sign: "", npm_config_ignore_scripts: "", npm_config_user_agent: "yarn/1.22.19 npm/? node/v18.17.0 darwin x64", npm_package_dependencies__radix_ui_react_label: "1.0.0", VSCODE_GIT_ASKPASS_NODE: "/Applications/Visual Studio Code.app/Contents/Frameworks/Code Helper (Plugin).app/Contents/MacOS/Code Helper (Plugin)", GIT_ASKPASS: "/Applications/Visual Studio Code.app/Contents/Resources/app/extensions/git/dist/askpass.sh", npm_package_size_limit_2_path: "packages/roomkit-react/dist/index.cjs.js", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_devDependencies__types_node: "^16.11.17", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", npm_package_scripts_types: "tsc -w", npm_package_size_limit_1_limit: "20 KB", npm_package_devDependencies_lerna: "^5.6.2", npm_package_files_1: "src", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_files_0: "dist", npm_package_size_limit_3_limit: "20 KB", npm_config_init_version: "1.0.0", npm_config_ignore_optional: "", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_workspaces_0: "packages/*", npm_package_dependencies_react_draggable: "^4.4.5", COLORTERM: "truecolor", npm_node_execpath: "/Users/ravitheja/.nvm/versions/node/v18.17.0/bin/node", npm_package_workspaces_1: "examples/*", npm_config_version_tag_prefix: "v", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", REACT_APP_TILE_SHAPE: "16-9", REACT_APP_THEME: "dark", REACT_APP_COLOR: "#FF0000", REACT_APP_LOGO: "", REACT_APP_FONT: "Roboto", REACT_APP_SHOW_CHAT: "true", REACT_APP_SHOW_SCREENSHARE: "true", REACT_APP_VIDEO_AVATAR: "true", REACT_APP_TOKEN_GENERATION_ENDPOINT: "https://qa-in2.100ms.live/hmsapi/hrashi-studystream.qa-app.100ms.live/", REACT_APP_ENV: "qa", REACT_APP_LOGROCKET_ID: "<Your Logrocket project ID>", REACT_APP_POLICY_CONFIG: "", REACT_APP_WEBINAR_PROPS: "{}", REACT_APP_ENABLE_STATS_FOR_NERDS: "true", REACT_APP_AUDIO_PLAYLIST: '[{"name":"Audio1","id":"audio1","metadata":{"description":"Artist1"},"url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/audio1.mp3","type":"audio"},{"name":"Audio2","id":"audio2","metadata":{"description":"Artist2"},"url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/audio2.mp3","type":"audio"},{"name":"Audio3","id":"audio3","metadata":{"description":"Artist3"},"url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/audio3.mp3","type":"audio"},{"name":"Audio4","id":"audio4","metadata":{"description":"Artist4"},"url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/audio4.mp3","type":"audio"},{"name":"Audio5","id":"audio5","metadata":{"description":"Artist5"},"url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/audio5.mp3","type":"audio"},{"name":"Audio6","id":"audio6","metadata":{"description":"Artist6"},"url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/audio6.mp3","type":"audio"}]', REACT_APP_VIDEO_PLAYLIST: '[{"name":"Video1","id":"video1","url":"https://d2qi07yyjujoxr.cloudfront.net/webapp/playlist/video1.mp4","type":"video"}]', REACT_APP_HOST_NAME: "ravi.qa-app.100ms.live", REACT_APP_DEFAULT_APP_DETAILS: '{"headlessConfig":{"uiMode":"activespeaker","hideAudioLevel":true,"hideTileAudioMute":true}}', REACT_APP_TOKEN_GENERATION_ENDPOINT_DOMAIN: "ravi.qa-app.100ms.live", REACT_APP_ZIPY_KEY: "", REACT_APP_PUSHER_APP_KEY: "4ae6f78bb2b7f2d9ed11", REACT_APP_PUSHER_AUTHENDPOINT: "https://whiteboard-server.vercel.app/api/pusher/auth", REACT_APP_ENABLE_WHITEBOARD: "true", REACT_APP_TRANSCRIPTION_ROOM_ID: "644df1027cebfa471fcc52fd", STORYBOOK_ROOM_LAYOUT_ENDPOINT: "https://api-nonprod.100ms.live/v2/layouts/ui", STORYBOOK_TOKEN_BY_ROOM_CODE_ENDPOINT: "https://auth-nonprod.100ms.live/v2/token", STORYBOOK_INIT_API_ENDPOINT: "https://qa-init.100ms.live/init", STORYBOOK_SAMPLE_ROOM_CODE: "dkz-teqx-wap" };
   }
 });
 
@@ -14079,7 +14079,7 @@ var useDropdownList = ({ name, open }) => {
 
 // src/Prebuilt/common/hooks.ts
 init_define_process_env();
-import { useCallback as useCallback8, useEffect as useEffect12, useRef as useRef8, useState as useState11 } from "react";
+import { useEffect as useEffect12, useRef as useRef8, useState as useState11 } from "react";
 import { useMedia as useMedia4 } from "react-use";
 import { JoinForm_JoinBtnType as JoinForm_JoinBtnType2 } from "@100mslive/types-prebuilt/elements/join_form";
 import {
@@ -14153,29 +14153,6 @@ var useMobileHLSStream = () => {
   const { screenType } = useRoomLayoutConferencingScreen();
   return isMobile && screenType === "hls_live_streaming";
 };
-var useKeyboardHandler = (isPaused, hlsPlayer) => {
-  const handleKeyEvent = useCallback8(
-    (event) => __async(void 0, null, function* () {
-      switch (event.key) {
-        case " ":
-          if (isPaused) {
-            yield hlsPlayer == null ? void 0 : hlsPlayer.play();
-          } else {
-            hlsPlayer == null ? void 0 : hlsPlayer.pause();
-          }
-          break;
-        case "ArrowRight":
-          hlsPlayer == null ? void 0 : hlsPlayer.seekTo((hlsPlayer == null ? void 0 : hlsPlayer.getVideoElement().currentTime) + 10);
-          break;
-        case "ArrowLeft":
-          hlsPlayer == null ? void 0 : hlsPlayer.seekTo((hlsPlayer == null ? void 0 : hlsPlayer.getVideoElement().currentTime) - 10);
-          break;
-      }
-    }),
-    [hlsPlayer, isPaused]
-  );
-  return handleKeyEvent;
-};
 
 // src/Prebuilt/components/EmojiReaction.jsx
 init({ data });
@@ -14645,7 +14622,7 @@ import React42 from "react";
 
 // src/Prebuilt/components/PIP/PIPComponent.jsx
 init_define_process_env();
-import React41, { useCallback as useCallback9, useEffect as useEffect13, useState as useState15 } from "react";
+import React41, { useCallback as useCallback8, useEffect as useEffect13, useState as useState15 } from "react";
 import { selectPeers as selectPeers2, selectTracksMap, useHMSActions as useHMSActions9, useHMSStore as useHMSStore14, useHMSVanillaStore as useHMSVanillaStore5 } from "@100mslive/react-sdk";
 import { PipIcon } from "@100mslive/react-icons";
 
@@ -15107,7 +15084,7 @@ var PIPComponent = ({ content = null }) => {
   const [isPipOn, setIsPipOn] = useState15(PictureInPicture.isOn());
   const hmsActions = useHMSActions9();
   const store = useHMSVanillaStore5();
-  const onPipToggle = useCallback9(() => {
+  const onPipToggle = useCallback8(() => {
     if (!isPipOn) {
       PictureInPicture.start(hmsActions, setIsPipOn).catch((err) => console.error("error in starting pip", err));
       MediaSession.setup(hmsActions, store);
@@ -15290,7 +15267,7 @@ import { AlertTriangleIcon as AlertTriangleIcon3 } from "@100mslive/react-icons"
 
 // src/Prebuilt/components/Streaming/ResolutionInput.jsx
 init_define_process_env();
-import React45, { useCallback as useCallback10, useState as useState17 } from "react";
+import React45, { useCallback as useCallback9, useState as useState17 } from "react";
 import { InfoIcon } from "@100mslive/react-icons";
 
 // src/Prebuilt/primitives/DialogContent.jsx
@@ -15452,7 +15429,7 @@ var DialogInputFile = (_a8) => {
 // src/Prebuilt/components/Streaming/ResolutionInput.jsx
 var ResolutionInput = ({ onResolutionChange, disabled, tooltipText, css: css2, testId }) => {
   const [resolution, setResolution] = useState17(RTMP_RECORD_DEFAULT_RESOLUTION);
-  const resolutionChangeHandler = useCallback10(
+  const resolutionChangeHandler = useCallback9(
     (event) => {
       const { name, value } = event.target;
       let width = name === "resWidth" ? Number(value) : resolution.width;
@@ -15801,7 +15778,7 @@ var formatBytes2 = (bytes, unit = "B", decimals = 2) => {
 
 // src/Prebuilt/components/MoreSettings/BulkRoleChangeModal.jsx
 init_define_process_env();
-import React48, { useCallback as useCallback11, useRef as useRef12, useState as useState20 } from "react";
+import React48, { useCallback as useCallback10, useRef as useRef12, useState as useState20 } from "react";
 import { useHMSActions as useHMSActions12 } from "@100mslive/react-sdk";
 import { AlertTriangleIcon as AlertTriangleIcon4, ChangeRoleIcon, CheckIcon as CheckIcon4 } from "@100mslive/react-icons";
 var BulkRoleChangeModal = ({ onOpenChange }) => {
@@ -15816,7 +15793,7 @@ var BulkRoleChangeModal = ({ onOpenChange }) => {
   const [roleDialog, setRoleDialog] = useState20(false);
   const [errorMessage, setErrorMessage] = useState20("");
   const [isSubmiting, setIsSubmiting] = useState20(false);
-  const changeBulkRole = useCallback11(() => __async(void 0, null, function* () {
+  const changeBulkRole = useCallback10(() => __async(void 0, null, function* () {
     if (selectedBulkRole.length > 0 && selectedRole) {
       try {
         setIsSubmiting(true);
@@ -15914,11 +15891,11 @@ import { ExpandIcon } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/hooks/useFullscreen.ts
 init_define_process_env();
-import { useCallback as useCallback12, useEffect as useEffect15, useState as useState21 } from "react";
+import { useCallback as useCallback11, useEffect as useEffect15, useState as useState21 } from "react";
 import screenfull from "screenfull";
 var useFullscreen = () => {
   const [isFullScreenEnabled, setIsFullScreenEnabled] = useState21(screenfull.isFullscreen);
-  const toggle = useCallback12(() => __async(void 0, null, function* () {
+  const toggle = useCallback11(() => __async(void 0, null, function* () {
     if (!screenfull.isEnabled) {
       ToastManager.addToast({ title: "Fullscreen feature not supported" });
       return;
@@ -15975,7 +15952,7 @@ var FullScreenItem = () => {
 
 // src/Prebuilt/components/MoreSettings/MuteAllModal.tsx
 init_define_process_env();
-import React51, { useCallback as useCallback13, useState as useState22 } from "react";
+import React51, { useCallback as useCallback12, useState as useState22 } from "react";
 import {
   selectAvailableRoleNames as selectAvailableRoleNames3,
   useHMSActions as useHMSActions13,
@@ -16051,7 +16028,7 @@ var MuteAllModal = ({
   const [trackType, setTrackType] = useState22();
   const [selectedRole, setRole] = useState22();
   const [selectedSource, setSource] = useState22();
-  const muteAll = useCallback13(() => __async(void 0, null, function* () {
+  const muteAll = useCallback12(() => __async(void 0, null, function* () {
     yield hmsActions.setRemoteTracksEnabled({
       enabled,
       type: trackType,
@@ -16081,7 +16058,7 @@ var MuteAllModal = ({
 
 // src/Prebuilt/components/hooks/useMetadata.jsx
 init_define_process_env();
-import { useCallback as useCallback14 } from "react";
+import { useCallback as useCallback13 } from "react";
 import {
   selectHasPeerHandRaised,
   selectLocalPeerID as selectLocalPeerID3,
@@ -16105,7 +16082,7 @@ var useMyMetadata = () => {
       console.error("failed to update metadata ", updatedFields);
     }
   });
-  const toggleHandRaise = useCallback14(() => __async(void 0, null, function* () {
+  const toggleHandRaise = useCallback13(() => __async(void 0, null, function* () {
     if (isHandRaised) {
       yield hmsActions.lowerLocalPeerHand();
     } else {
@@ -16113,7 +16090,7 @@ var useMyMetadata = () => {
       yield update({ isBRBOn: false });
     }
   }), [isHandRaised]);
-  const toggleBRB = useCallback14(() => __async(void 0, null, function* () {
+  const toggleBRB = useCallback13(() => __async(void 0, null, function* () {
     const newValue = !(metaData == null ? void 0 : metaData.isBRBOn);
     yield update({ isBRBOn: newValue });
     if (newValue) {
@@ -16279,7 +16256,7 @@ import {
 
 // src/Prebuilt/components/Header/StreamActions.tsx
 init_define_process_env();
-import React54, { useCallback as useCallback17, useEffect as useEffect16, useRef as useRef13, useState as useState25 } from "react";
+import React54, { useCallback as useCallback16, useEffect as useEffect16, useRef as useRef13, useState as useState25 } from "react";
 import { useMedia as useMedia7 } from "react-use";
 
 // ../hms-video-store/dist/index.js
@@ -18501,7 +18478,7 @@ var Yi = (a2, e) => {
 };
 var ba = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
 var dr = ba((Xc, $a) => {
-  $a.exports = { version: "0.12.1-alpha.4", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "src"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, sideEffects: false, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", "lodash.isequal": "^4.5.0", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/lodash.isequal": "^4.5.8", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
+  $a.exports = { version: "0.12.1-alpha.6", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "src"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, sideEffects: false, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", "lodash.isequal": "^4.5.0", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/lodash.isequal": "^4.5.8", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
 });
 var Xi = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(Xi || {});
 var Aa = ((e) => (e.CHAT = "chat", e))(Aa || {});
@@ -19593,7 +19570,7 @@ import {
 
 // src/Prebuilt/components/hooks/usePlaylistMusic.js
 init_define_process_env();
-import { useCallback as useCallback15 } from "react";
+import { useCallback as useCallback14 } from "react";
 import {
   selectAudioPlaylist,
   selectAudioPlaylistTrackByPeerID,
@@ -19606,16 +19583,16 @@ var usePlaylistMusic = () => {
   const track = useHMSStore22(selectAudioPlaylistTrackByPeerID(peer == null ? void 0 : peer.id));
   const selection = useHMSStore22(selectAudioPlaylist.selectedItem);
   const hmsActions = useHMSActions16();
-  const play = useCallback15(
+  const play = useCallback14(
     (selectedId) => __async(void 0, null, function* () {
       yield hmsActions.audioPlaylist.play(selectedId);
     }),
     [hmsActions]
   );
-  const pause = useCallback15(() => {
+  const pause = useCallback14(() => {
     hmsActions.audioPlaylist.pause();
   }, [hmsActions]);
-  const setVolume = useCallback15(
+  const setVolume = useCallback14(
     (value) => {
       hmsActions.setVolume(value, track == null ? void 0 : track.id);
     },
@@ -19626,7 +19603,7 @@ var usePlaylistMusic = () => {
 
 // src/Prebuilt/components/hooks/useScreenshareAudio.js
 init_define_process_env();
-import { useCallback as useCallback16 } from "react";
+import { useCallback as useCallback15 } from "react";
 import {
   selectPeerSharingAudio,
   selectScreenShareAudioByPeerID,
@@ -19637,7 +19614,7 @@ var useScreenshareAudio = () => {
   const hmsActions = useHMSActions17();
   const peer = useHMSStore23(selectPeerSharingAudio);
   const track = useHMSStore23(selectScreenShareAudioByPeerID(peer == null ? void 0 : peer.id));
-  const handleMute = useCallback16(() => {
+  const handleMute = useCallback15(() => {
     if (!peer.isLocal) {
       hmsActions.setVolume(!track.volume ? 100 : 0, track.id);
     } else {
@@ -19756,7 +19733,7 @@ var LiveStatus = () => {
   const intervalRef = useRef13(null);
   const { screenType } = useRoomLayoutConferencingScreen();
   const [liveTime, setLiveTime] = useState25(0);
-  const startTimer = useCallback17(() => {
+  const startTimer = useCallback16(() => {
     intervalRef.current = setInterval(() => {
       var _a9;
       const timeStamp = (_a9 = hlsState == null ? void 0 : hlsState.variants[0]) == null ? void 0 : _a9[screenType === "hls_live_streaming" ? "startedAt" : "initialisedAt"];
@@ -20165,7 +20142,7 @@ var ChangeNameModal = ({
 
 // src/Prebuilt/components/AppData/useSheet.ts
 init_define_process_env();
-import { useCallback as useCallback18 } from "react";
+import { useCallback as useCallback17 } from "react";
 import { selectAppData as selectAppData4, useHMSActions as useHMSActions20, useHMSStore as useHMSStore27, useHMSVanillaStore as useHMSVanillaStore7 } from "@100mslive/react-sdk";
 var useIsSheetTypeOpen = (sheetType) => {
   if (!sheetType) {
@@ -20176,7 +20153,7 @@ var useIsSheetTypeOpen = (sheetType) => {
 var useSheetToggle = (sheetType) => {
   const hmsActions = useHMSActions20();
   const vanillaStore = useHMSVanillaStore7();
-  const toggleSheet = useCallback18(() => {
+  const toggleSheet = useCallback17(() => {
     const isOpen = vanillaStore.getState(selectAppData4(APP_DATA.sheet)) === sheetType;
     hmsActions.setAppData(APP_DATA.sheet, !isOpen ? sheetType : "");
   }, [vanillaStore, hmsActions, sheetType]);
@@ -21026,7 +21003,7 @@ var ChatToggle = () => {
 
 // src/Prebuilt/components/Footer/ParticipantList.tsx
 init_define_process_env();
-import React74, { Fragment as Fragment9, useCallback as useCallback19, useState as useState32 } from "react";
+import React74, { Fragment as Fragment9, useCallback as useCallback18, useState as useState32 } from "react";
 import { useDebounce, useMedia as useMedia10 } from "react-use";
 import {
   selectHandRaisedPeers,
@@ -21477,7 +21454,7 @@ var ParticipantList = ({
       }
     });
   }
-  const onSearch = useCallback19((value) => {
+  const onSearch = useCallback18((value) => {
     setFilter((filterValue) => {
       if (!filterValue) {
         filterValue = {};
@@ -21900,7 +21877,7 @@ var Footer2 = ({
 
 // src/Prebuilt/components/Notifications/HLSFailureModal.tsx
 init_define_process_env();
-import React78, { useCallback as useCallback20, useState as useState33 } from "react";
+import React78, { useCallback as useCallback19, useState as useState33 } from "react";
 import { selectHLSState as selectHLSState5, useHMSActions as useHMSActions25, useHMSStore as useHMSStore38, useRecordingStreaming as useRecordingStreaming8 } from "@100mslive/react-sdk";
 function HLSFailureModal() {
   const hlsError = useHMSStore38(selectHLSState5).error || false;
@@ -21908,7 +21885,7 @@ function HLSFailureModal() {
   const hmsActions = useHMSActions25();
   const { isRTMPRunning } = useRecordingStreaming8();
   const [isHLSStarted, setHLSStarted] = useSetAppDataByKey(APP_DATA.hlsStarted);
-  const startHLS = useCallback20(() => __async(this, null, function* () {
+  const startHLS = useCallback19(() => __async(this, null, function* () {
     try {
       if (isHLSStarted || isRTMPRunning) {
         return;
@@ -21961,7 +21938,7 @@ import {
 
 // src/Prebuilt/components/Preview/PreviewJoin.tsx
 init_define_process_env();
-import React131, { Fragment as Fragment12, useCallback as useCallback32, useEffect as useEffect34, useMemo as useMemo11, useState as useState55 } from "react";
+import React131, { Fragment as Fragment12, useCallback as useCallback31, useEffect as useEffect34, useMemo as useMemo11, useState as useState55 } from "react";
 import { useMeasure as useMeasure4, useMedia as useMedia24 } from "react-use";
 import {
   HMSRoomState as HMSRoomState5,
@@ -22197,7 +22174,7 @@ var AddMenu = () => {
       type: "text",
       placeholder: "Enter a name to continue",
       value: title,
-      onChange: (event) => setTitle(event.target.value.trimStart()),
+      onChange: (event) => setTitle(event.target.value),
       css: {
         backgroundColor: "$surface_bright",
         border: "1px solid $border_default"
@@ -22281,7 +22258,7 @@ import { AddCircleIcon as AddCircleIcon2 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Polls/CreateQuestions/QuestionForm.tsx
 init_define_process_env();
-import React89, { useCallback as useCallback21, useRef as useRef16, useState as useState35 } from "react";
+import React89, { useCallback as useCallback20, useRef as useRef16, useState as useState35 } from "react";
 import { AddCircleIcon, TrashIcon as TrashIcon3 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Polls/CreateQuestions/DeleteQuestionModal.tsx
@@ -22370,7 +22347,7 @@ var OptionInputWithDelete = ({
       },
       value: (option == null ? void 0 : option.text) || "",
       key: index,
-      onChange: (event) => handleOptionTextChange(index, event.target.value.trimStart())
+      onChange: (event) => handleOptionTextChange(index, event.target.value)
     }
   ), /* @__PURE__ */ React84.createElement(IconButton_default, { onClick: () => removeOption(index), css: { bg: "transparent", border: "none" } }, /* @__PURE__ */ React84.createElement(TrashIcon2, null)));
 };
@@ -22591,13 +22568,13 @@ var QuestionForm = ({
     weight,
     isQuiz
   });
-  const handleOptionTextChange = useCallback21(
+  const handleOptionTextChange = useCallback20(
     (index2, text2) => {
       setOptions((options2) => [...options2.slice(0, index2), __spreadProps(__spreadValues({}, options2[index2]), { text: text2 }), ...options2.slice(index2 + 1)]);
     },
     [setOptions]
   );
-  const removeOption = useCallback21(
+  const removeOption = useCallback20(
     (index2) => setOptions((options2) => {
       const newOptions = [...options2];
       newOptions.splice(index2, 1);
@@ -22605,7 +22582,7 @@ var QuestionForm = ({
     }),
     [setOptions]
   );
-  const selectSingleChoiceAnswer = useCallback21(
+  const selectSingleChoiceAnswer = useCallback20(
     (answerIndex) => {
       if (!isQuiz) {
         return;
@@ -22618,7 +22595,7 @@ var QuestionForm = ({
     },
     [setOptions, isQuiz]
   );
-  const selectMultipleChoiceAnswer = useCallback21(
+  const selectMultipleChoiceAnswer = useCallback20(
     (checked, index2) => {
       if (!isQuiz) {
         return;
@@ -22669,7 +22646,7 @@ var QuestionForm = ({
         maxHeight: "$32"
       },
       value: text,
-      onChange: (event) => setText(event.target.value.trimStart())
+      onChange: (event) => setText(event.target.value)
     }
   ), /* @__PURE__ */ React89.createElement(Text, { variant: "xs", css: { color: "$on_surface_medium", textAlign: "end", mt: "$4" } }, (text == null ? void 0 : text.length) || 0, "/1024"), /* @__PURE__ */ React89.createElement(Line, null), type === "single-choice" /* SINGLE_CHOICE */ || type === "multiple-choice" /* MULTIPLE_CHOICE */ ? /* @__PURE__ */ React89.createElement(React89.Fragment, null, /* @__PURE__ */ React89.createElement(Text, { variant: "body2", css: { mb: "$6", c: "$on_surface_medium" } }, "Options"), isQuiz && /* @__PURE__ */ React89.createElement(Text, { variant: "xs", css: { c: "$on_surface_medium", mb: "$md" } }, type === "single-choice" /* SINGLE_CHOICE */ ? "Use the radio buttons to indicate the correct answer" : "Use the checkboxes to indicate the correct answer(s)"), type === "single-choice" /* SINGLE_CHOICE */ && /* @__PURE__ */ React89.createElement(
     SingleChoiceOptionInputs,
@@ -23154,7 +23131,7 @@ import React97 from "react";
 
 // src/Prebuilt/components/Polls/Voting/QuestionCard.jsx
 init_define_process_env();
-import React96, { useCallback as useCallback22, useMemo as useMemo7, useRef as useRef17, useState as useState39 } from "react";
+import React96, { useCallback as useCallback21, useMemo as useMemo7, useRef as useRef17, useState as useState39 } from "react";
 import { match as match6 } from "ts-pattern";
 import { selectLocalPeer, selectLocalPeerRoleName as selectLocalPeerRoleName2, useHMSActions as useHMSActions29, useHMSStore as useHMSStore45 } from "@100mslive/react-sdk";
 import { CheckCircleIcon as CheckCircleIcon5, ChevronDownIcon as ChevronDownIcon5, CrossCircleIcon } from "@100mslive/react-icons";
@@ -23202,7 +23179,7 @@ var QuestionCard2 = ({
       return multipleOptionAnswer.size > 0;
     }
   }, [singleOptionAnswer, multipleOptionAnswer, type]);
-  const handleVote = useCallback22(() => __async(void 0, null, function* () {
+  const handleVote = useCallback21(() => __async(void 0, null, function* () {
     if (!isValidVote) {
       return;
     }
@@ -23608,7 +23585,7 @@ import { CrossIcon as CrossIcon19 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/Chat.tsx
 init_define_process_env();
-import React116, { useCallback as useCallback30, useRef as useRef21 } from "react";
+import React116, { useCallback as useCallback29, useRef as useRef21 } from "react";
 import { useMedia as useMedia18 } from "react-use";
 import { match as match7 } from "ts-pattern";
 import { selectHMSMessagesCount, useHMSActions as useHMSActions38, useHMSStore as useHMSStore58, useHMSVanillaStore as useHMSVanillaStore10 } from "@100mslive/react-sdk";
@@ -23616,7 +23593,7 @@ import { ChevronDownIcon as ChevronDownIcon8 } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/ChatBody.tsx
 init_define_process_env();
-import React108, { Fragment as Fragment10, useCallback as useCallback26, useEffect as useEffect26, useLayoutEffect, useMemo as useMemo8, useRef as useRef18, useState as useState45 } from "react";
+import React108, { Fragment as Fragment10, useCallback as useCallback25, useEffect as useEffect26, useLayoutEffect, useMemo as useMemo8, useRef as useRef18, useState as useState45 } from "react";
 import { useMedia as useMedia13 } from "react-use";
 import AutoSizer from "react-virtualized-auto-sizer";
 import { VariableSizeList } from "react-window";
@@ -23636,7 +23613,7 @@ import { SolidPinIcon } from "@100mslive/react-icons";
 
 // src/Prebuilt/components/Chat/ChatActions.tsx
 init_define_process_env();
-import React106, { useCallback as useCallback25, useState as useState43 } from "react";
+import React106, { useCallback as useCallback24, useState as useState43 } from "react";
 import { selectLocalPeerName as selectLocalPeerName2, selectPermissions as selectPermissions15, useHMSActions as useHMSActions33, useHMSStore as useHMSStore50 } from "@100mslive/react-sdk";
 import {
   CopyIcon as CopyIcon2,
@@ -23664,12 +23641,12 @@ var MwebChatOption = ({
 
 // src/Prebuilt/components/hooks/useChatBlacklist.ts
 init_define_process_env();
-import { useCallback as useCallback23 } from "react";
+import { useCallback as useCallback22 } from "react";
 import { selectLocalPeer as selectLocalPeer2, selectSessionStore as selectSessionStore2, useHMSActions as useHMSActions31, useHMSStore as useHMSStore49 } from "@100mslive/react-sdk";
 var useChatBlacklist = (sessionStoreKey) => {
   const hmsActions = useHMSActions31();
   const blacklistedIDs = useHMSStore49(selectSessionStore2(sessionStoreKey));
-  const blacklistItem = useCallback23(
+  const blacklistItem = useCallback22(
     (blacklistID) => __async(void 0, null, function* () {
       yield hmsActions.sessionStore.set(sessionStoreKey, [...blacklistedIDs || [], blacklistID]).catch((err) => ToastManager.addToast({ title: err.description }));
     }),
@@ -23685,7 +23662,7 @@ var useIsPeerBlacklisted = ({ local = false, peerCustomerUserId = "" }) => {
 
 // src/Prebuilt/components/hooks/usePinnedMessages.ts
 init_define_process_env();
-import { useCallback as useCallback24 } from "react";
+import { useCallback as useCallback23 } from "react";
 import {
   selectPeerNameByID as selectPeerNameByID2,
   selectSessionStore as selectSessionStore3,
@@ -23695,7 +23672,7 @@ import {
 var usePinnedMessages = () => {
   const hmsActions = useHMSActions32();
   const vanillaStore = useHMSVanillaStore8();
-  const setPinnedMessages = useCallback24(
+  const setPinnedMessages = useCallback23(
     (message, pinnedBy) => __async(void 0, null, function* () {
       const peerName = vanillaStore.getState(selectPeerNameByID2(message == null ? void 0 : message.sender)) || (message == null ? void 0 : message.senderName);
       const newPinnedMessage = { text: "", id: message.id, pinnedBy };
@@ -23711,7 +23688,7 @@ var usePinnedMessages = () => {
     }),
     [hmsActions, vanillaStore]
   );
-  const removePinnedMessage = useCallback24(
+  const removePinnedMessage = useCallback23(
     (indexToRemove) => __async(void 0, null, function* () {
       const pinnedMessages = vanillaStore.getState(selectSessionStore3("pinnedMessages" /* PINNED_MESSAGES */)) || [];
       if (pinnedMessages[indexToRemove]) {
@@ -23723,7 +23700,7 @@ var usePinnedMessages = () => {
     }),
     [hmsActions, vanillaStore]
   );
-  const unpinBlacklistedMessages = useCallback24(
+  const unpinBlacklistedMessages = useCallback23(
     (blacklistedMessageIDSet) => __async(void 0, null, function* () {
       const pinnedMessages = vanillaStore.getState(selectSessionStore3("pinnedMessages" /* PINNED_MESSAGES */)) || [];
       const filteredPinnedMessages = pinnedMessages == null ? void 0 : pinnedMessages.filter(
@@ -23770,14 +23747,14 @@ var ChatActions = ({
     "chatMessageBlacklist" /* CHAT_MESSAGE_BLACKLIST */
   );
   const isSenderBlocked = useIsPeerBlacklisted({ peerCustomerUserId: message.senderUserId });
-  const updatePinnedMessages = useCallback25(
+  const updatePinnedMessages = useCallback24(
     (messageID = "") => {
       const blacklistedMessageIDSet = /* @__PURE__ */ new Set([...blacklistedMessageIDs || [], messageID]);
       unpinBlacklistedMessages(blacklistedMessageIDSet);
     },
     [blacklistedMessageIDs, unpinBlacklistedMessages]
   );
-  const copyMessageContent = useCallback25(() => {
+  const copyMessageContent = useCallback24(() => {
     try {
       navigator == null ? void 0 : navigator.clipboard.writeText(message.message);
       ToastManager.addToast({
@@ -24286,7 +24263,7 @@ var MessageWrapper = React108.memo(
 );
 var VirtualizedChatMessages = React108.forwardRef(({ messages, scrollToBottom }, listRef) => {
   const hmsActions = useHMSActions34();
-  const itemKey2 = useCallback26((index, data3) => {
+  const itemKey2 = useCallback25((index, data3) => {
     return data3[index].id;
   }, []);
   useEffect26(() => {
@@ -24387,7 +24364,7 @@ var PinnedBy = ({
 
 // src/Prebuilt/components/Chat/ChatFooter.tsx
 init_define_process_env();
-import React111, { useCallback as useCallback28, useEffect as useEffect28, useRef as useRef20, useState as useState48 } from "react";
+import React111, { useCallback as useCallback27, useEffect as useEffect28, useRef as useRef20, useState as useState48 } from "react";
 import { useMedia as useMedia16 } from "react-use";
 import data2 from "@emoji-mart/data";
 import Picker from "@emoji-mart/react";
@@ -24690,7 +24667,7 @@ var ChatSelectorContainer = () => {
 
 // src/Prebuilt/components/AppData/useChatState.js
 init_define_process_env();
-import { useCallback as useCallback27 } from "react";
+import { useCallback as useCallback26 } from "react";
 import { selectAppData as selectAppData5, useHMSActions as useHMSActions35, useHMSStore as useHMSStore54 } from "@100mslive/react-sdk";
 var useChatDraftMessage = () => {
   const hmsActions = useHMSActions35();
@@ -24698,7 +24675,7 @@ var useChatDraftMessage = () => {
   if (chatDraftMessage === void 0 || chatDraftMessage === null) {
     chatDraftMessage = "";
   }
-  const setDraftMessage = useCallback27(
+  const setDraftMessage = useCallback26(
     (message) => {
       hmsActions.setAppData(APP_DATA.chatDraft, message, true);
     },
@@ -24815,7 +24792,7 @@ var ChatFooter = ({ onSend, children }) => {
       }
     }
   }, [defaultSelection, selectedPeer, selectedRole, setRoleSelector, isMobile, isLandscapeHLSStream, elements == null ? void 0 : elements.chat]);
-  const sendMessage = useCallback28(() => __async(void 0, null, function* () {
+  const sendMessage = useCallback27(() => __async(void 0, null, function* () {
     var _a9;
     const message = (_a9 = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a9.value;
     if (!message || !message.trim().length) {
@@ -24975,7 +24952,7 @@ var ChatFooter = ({ onSend, children }) => {
 
 // src/Prebuilt/components/Chat/ChatStates.tsx
 init_define_process_env();
-import React112, { useCallback as useCallback29 } from "react";
+import React112, { useCallback as useCallback28 } from "react";
 import { selectLocalPeer as selectLocalPeer4, selectSessionStore as selectSessionStore6, useHMSActions as useHMSActions37, useHMSStore as useHMSStore56 } from "@100mslive/react-sdk";
 var ChatPaused = () => {
   var _a8, _b7;
@@ -24984,7 +24961,7 @@ var ChatPaused = () => {
   const can_disable_chat = !!((_b7 = (_a8 = elements == null ? void 0 : elements.chat) == null ? void 0 : _a8.real_time_controls) == null ? void 0 : _b7.can_disable_chat);
   const { enabled: isChatEnabled = true, updatedBy: chatStateUpdatedBy = "" } = useHMSStore56(selectSessionStore6("chatState" /* CHAT_STATE */)) || {};
   const localPeer = useHMSStore56(selectLocalPeer4);
-  const unPauseChat = useCallback29(
+  const unPauseChat = useCallback28(
     () => __async(void 0, null, function* () {
       return yield hmsActions.sessionStore.set("chatState" /* CHAT_STATE */, {
         enabled: true,
@@ -25090,7 +25067,7 @@ var StickIndicator = ({ total, index }) => {
 // src/Prebuilt/components/Chat/PinnedMessage.tsx
 var PINNED_MESSAGE_LENGTH = 75;
 var PinnedMessage = () => {
-  var _a8, _b7, _c, _d;
+  var _a8, _b7, _c;
   const pinnedMessages = useHMSStore57(selectSessionStore7("pinnedMessages" /* PINNED_MESSAGES */));
   const [pinnedMessageIndex, setPinnedMessageIndex] = useState49(0);
   const { removePinnedMessage } = usePinnedMessages();
@@ -25136,14 +25113,13 @@ var PinnedMessage = () => {
     {
       css: {
         p: "$4",
-        color: "$on_surface_high",
-        bg: isMobile && ((_c = elements == null ? void 0 : elements.chat) == null ? void 0 : _c.is_overlay) ? "rgba(0, 0, 0, 0.64)" : "$surface_brighter",
+        color: "$on_surface_medium",
+        bg: isMobile ? "rgba(0, 0, 0, 0.64)" : "$surface_default",
         r: "$1",
         gap: "$4",
         mb: "$8",
         mt: "$8",
-        flexGrow: 1,
-        border: "1px solid $border_bright"
+        flexGrow: 1
       },
       align: "center",
       justify: "between"
@@ -25167,9 +25143,9 @@ var PinnedMessage = () => {
         Text,
         __spreadProps(__spreadValues({
           variant: "sm",
-          css: { color: "$on_surface_high" }
+          css: { color: "$on_surface_medium" }
         }, swipeHandlers), {
-          title: (_d = pinnedMessages[pinnedMessageIndex]) == null ? void 0 : _d.text
+          title: (_c = pinnedMessages[pinnedMessageIndex]) == null ? void 0 : _c.text
         }),
         /* @__PURE__ */ React115.createElement(
           AnnotisedMessage,
@@ -25214,7 +25190,7 @@ var Chat = () => {
   const isMobile = useMedia18(config.media.md);
   const isMobileHLSStream = useMobileHLSStream();
   const isLandscapeStream = useLandscapeHLSStream();
-  const scrollToBottom = useCallback30(
+  const scrollToBottom = useCallback29(
     (unreadCount = 0) => {
       var _a9;
       if (listRef.current && listRef.current.scrollToItem && unreadCount > 0) {
@@ -25617,7 +25593,7 @@ var SidePaneTabs = React119.memo(({ active = SIDE_PANE_OPTIONS.CHAT, hideTab = f
 
 // src/Prebuilt/components/VideoTile.tsx
 init_define_process_env();
-import React123, { useCallback as useCallback31, useMemo as useMemo10, useState as useState53 } from "react";
+import React123, { useCallback as useCallback30, useMemo as useMemo10, useState as useState53 } from "react";
 import { useMeasure as useMeasure3 } from "react-use";
 import {
   selectAudioTrackByPeerID as selectAudioTrackByPeerID2,
@@ -26103,7 +26079,7 @@ var Tile = ({
     track,
     isLocal
   });
-  const onHoverHandler = useCallback31((event) => {
+  const onHoverHandler = useCallback30((event) => {
     setIsMouseHovered(event.type === "mouseenter");
   }, []);
   const [ref, { width: calculatedWidth, height: calculatedHeight }] = useMeasure3();
@@ -26656,7 +26632,6 @@ var SidePane = ({
     return null;
   });
   if (!trackId && !SidepaneComponent) {
-    console.log("sidepane not rendered", { trackId, SidepaneComponent });
     return null;
   }
   return /* @__PURE__ */ React127.createElement(
@@ -26850,7 +26825,7 @@ var PreviewJoin = ({
     asRole
   });
   const roomState = useHMSStore68(selectRoomState5);
-  const savePreferenceAndJoin = useCallback32(() => {
+  const savePreferenceAndJoin = useCallback31(() => {
     setPreviewPreference({
       name
     });
@@ -27506,7 +27481,6 @@ var SecondarySection = ({
   hasSidebar
 }) => {
   const tileLayoutProps = useVideoTileContext();
-  console.log("secondary section", { tilesLength: tiles == null ? void 0 : tiles.length });
   if (!(tiles == null ? void 0 : tiles.length)) {
     return null;
   }
@@ -27542,8 +27516,8 @@ var SecondarySection = ({
           rootCSS: {
             padding: 0,
             maxWidth: 240,
+            h: hasSidebar ? void 0 : "100%",
             aspectRatio: 16 / 9,
-            h: "100%",
             "@md": { aspectRatio: 1 }
           },
           objectFit: "contain"
@@ -27995,7 +27969,6 @@ var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
       setActiveScreenSharePeer("");
     };
   }, [activeSharePeer == null ? void 0 : activeSharePeer.id, isMobile, setActiveScreenSharePeer]);
-  console.log({ activeSharePeer, secondaryPeers });
   return /* @__PURE__ */ React145.createElement(ProminenceLayout.Root, { edgeToEdge, hasSidebar }, /* @__PURE__ */ React145.createElement(ProminenceLayout.ProminentSection, null, /* @__PURE__ */ React145.createElement(ScreenshareTile_default, { peerId: (_a8 = peersSharing[page]) == null ? void 0 : _a8.id }), !edgeToEdge && /* @__PURE__ */ React145.createElement(Pagination, { page, onPageChange: setPage, numPages: peersSharing.length })), /* @__PURE__ */ React145.createElement(
     SecondaryTiles,
     {
@@ -28451,7 +28424,7 @@ var useCloseScreenshareWhiteboard = () => {
 };
 
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
-var HLSView = React151.lazy(() => import("./HLSView-LVTYUVGB.js"));
+var HLSView = React151.lazy(() => import("./HLSView-3F4GAV3J.js"));
 var VideoStreamingSection = ({
   screenType,
   elements,
@@ -29188,10 +29161,10 @@ import { HMSRoomState as HMSRoomState8, selectRoomState as selectRoomState8, use
 
 // src/Prebuilt/components/hooks/useRedirectToLeave.tsx
 init_define_process_env();
-import { useCallback as useCallback33 } from "react";
+import { useCallback as useCallback32 } from "react";
 var useRedirectToLeave = () => {
   const { onLeave } = useHMSPrebuiltContext();
-  const redirect = useCallback33(
+  const redirect = useCallback32(
     (timeout = 0) => {
       setTimeout(() => {
         PictureInPicture.stop().catch(() => console.error("stopping pip"));
@@ -29346,7 +29319,7 @@ init_define_process_env();
 
 // src/Prebuilt/components/Notifications/Notifications.tsx
 init_define_process_env();
-import React169, { useCallback as useCallback35, useEffect as useEffect65 } from "react";
+import React169, { useCallback as useCallback34, useEffect as useEffect65 } from "react";
 import {
   HMSNotificationTypes as HMSNotificationTypes10,
   HMSRoomState as HMSRoomState10,
@@ -29441,7 +29414,7 @@ init_define_process_env();
 
 // src/Prebuilt/components/Toast/ToastConfig.jsx
 init_define_process_env();
-import React163, { useCallback as useCallback34 } from "react";
+import React163, { useCallback as useCallback33 } from "react";
 import { selectPeerByID as selectPeerByID5, useHMSActions as useHMSActions48, useHMSStore as useHMSStore86 } from "@100mslive/react-sdk";
 import {
   ChatUnreadIcon as ChatUnreadIcon2,
@@ -29472,7 +29445,7 @@ var HandRaiseAction = React163.forwardRef(({ id = "", isSingleHandRaise = true }
     off_stage_roles = [],
     skip_preview_for_role_change = false
   } = ((_c = (_b7 = (_a8 = layout == null ? void 0 : layout.screens) == null ? void 0 : _a8.conferencing) == null ? void 0 : _b7.default) == null ? void 0 : _c.elements.on_stage_exp) || {};
-  const onClickHandler = useCallback34(() => __async(void 0, null, function* () {
+  const onClickHandler = useCallback33(() => __async(void 0, null, function* () {
     if (isSingleHandRaise) {
       hmsActions.changeRoleOfPeer(id, on_stage_role, skip_preview_for_role_change);
       if (skip_preview_for_role_change) {
@@ -30058,7 +30031,7 @@ function Notifications() {
   const { showNotification } = useAwayNotifications2();
   const amIScreenSharing = useHMSStore88(selectIsLocalScreenShared2);
   const logoURL = (_b7 = (_a8 = useRoomLayout()) == null ? void 0 : _a8.logo) == null ? void 0 : _b7.url;
-  const handleRoleChangeDenied = useCallback35((request) => {
+  const handleRoleChangeDenied = useCallback34((request) => {
     ToastManager.addToast({
       title: `${request.peerName} denied your request to join the ${request.role.name} role`,
       variant: "error"
@@ -30293,7 +30266,7 @@ var Sheet2 = () => {
 
 // src/Prebuilt/plugins/FlyingEmoji.jsx
 init_define_process_env();
-import React175, { useCallback as useCallback36, useEffect as useEffect67, useMemo as useMemo19, useState as useState72 } from "react";
+import React175, { useCallback as useCallback35, useEffect as useEffect67, useMemo as useMemo19, useState as useState72 } from "react";
 import { useMedia as useMedia38 } from "react-use";
 import {
   selectLocalPeerID as selectLocalPeerID17,
@@ -30331,7 +30304,7 @@ function FlyingEmoji() {
   const [emojis, setEmojis] = useState72([]);
   const isMobile = useMedia38(config.media.md);
   const startingPoints = useMemo19(() => getStartingPoints(isMobile), [isMobile]);
-  const showFlyingEmoji = useCallback36(
+  const showFlyingEmoji = useCallback35(
     ({ emojiId, senderId }) => {
       if (!emojiId || !senderId || document.hidden) {
         return;
@@ -30424,11 +30397,11 @@ function FlyingEmoji() {
 
 // src/Prebuilt/plugins/RemoteStopScreenshare.jsx
 init_define_process_env();
-import React176, { useCallback as useCallback37 } from "react";
+import React176, { useCallback as useCallback36 } from "react";
 import { useCustomEvent as useCustomEvent6, useHMSActions as useHMSActions51 } from "@100mslive/react-sdk";
 function RemoteStopScreenshare() {
   const actions = useHMSActions51();
-  const onRemoteStopScreenshare = useCallback37(() => __async(this, null, function* () {
+  const onRemoteStopScreenshare = useCallback36(() => __async(this, null, function* () {
     yield actions.setScreenShareEnabled(false);
   }), [actions]);
   useCustomEvent6({
@@ -30440,7 +30413,7 @@ function RemoteStopScreenshare() {
 
 // src/Prebuilt/components/hooks/useAutoStartStreaming.tsx
 init_define_process_env();
-import { useCallback as useCallback38, useEffect as useEffect68, useRef as useRef26 } from "react";
+import { useCallback as useCallback37, useEffect as useEffect68, useRef as useRef26 } from "react";
 import {
   selectIsConnectedToRoom as selectIsConnectedToRoom12,
   selectPermissions as selectPermissions18,
@@ -30456,7 +30429,7 @@ var useAutoStartStreaming = () => {
   const isConnected = useHMSStore92(selectIsConnectedToRoom12);
   const { isHLSRunning, isRTMPRunning, isHLSRecordingOn, isBrowserRecordingOn } = useRecordingStreaming12();
   const streamStartedRef = useRef26(false);
-  const startHLS = useCallback38(() => __async(void 0, null, function* () {
+  const startHLS = useCallback37(() => __async(void 0, null, function* () {
     try {
       if (isHLSStarted || !showStreamingUI || isHLSRunning || isRTMPRunning || isHLSRecordingOn || isBrowserRecordingOn) {
         return;
@@ -30800,7 +30773,6 @@ export {
   Sheet,
   ToastManager,
   useIsLandscape,
-  useKeyboardHandler,
   LeaveRoom,
   DialogContent,
   DialogRow,
@@ -30823,4 +30795,4 @@ lodash/lodash.js:
    * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
    *)
 */
-//# sourceMappingURL=chunk-CCYI5RW4.js.map
+//# sourceMappingURL=chunk-PAK5JCTI.js.map